From e33fcf7c049b92f3aac2b7c8d91e54b9bed584b8 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Wed, 8 Sep 2021 17:58:53 -0600
Subject: [PATCH 1/2] update requestor step to personal information

---
 src/languages/en.js                           |  3 +-
 src/languages/es.js                           |  3 +-
 .../ReimbursementAccountPage.js               |  2 +-
 .../ReimbursementAccount/RequestorStep.js     | 33 ++++++++++---------
 4 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/src/languages/en.js b/src/languages/en.js
index 8ce8a5666a08..8856232830a9 100755
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -532,7 +532,8 @@ export default {
         companyPhonePlaceholder: '10 digits, no hyphens',
     },
     requestorStep: {
-        headerTitle: 'Requestor information',
+        headerTitle: 'Personal information',
+        subtitle: 'Please provide your personal information.',
         financialRegulations: 'Financial regulation and bank rules require us to validate the identity of any individual setting up bank accounts on behalf of a company. ',
         learnMore: 'Learn more',
         isMyDataSafe: 'Is my data safe?',
diff --git a/src/languages/es.js b/src/languages/es.js
index 6aab80a03fbd..5c84d4726501 100644
--- a/src/languages/es.js
+++ b/src/languages/es.js
@@ -534,7 +534,8 @@ export default {
         companyPhonePlaceholder: '10 dígitos, sin guiones',
     },
     requestorStep: {
-        headerTitle: 'Información del solicitante',
+        headerTitle: 'Información personal',
+        subtitle: 'Dé más información sobre tí.',
         financialRegulations: 'Las leyes fiscales y el reglamento bancario nos obliga a verificar la identidad de todo individuo que desee añadir una cuenta bancaria representando a una compañía. ',
         learnMore: 'Más información',
         isMyDataSafe: '¿Están seguros mis datos?',
diff --git a/src/pages/ReimbursementAccount/ReimbursementAccountPage.js b/src/pages/ReimbursementAccount/ReimbursementAccountPage.js
index 81d1f3880230..7e4f7fa8a779 100644
--- a/src/pages/ReimbursementAccount/ReimbursementAccountPage.js
+++ b/src/pages/ReimbursementAccount/ReimbursementAccountPage.js
@@ -144,7 +144,7 @@ class ReimbursementAccountPage extends React.Component {
             case CONST.BANK_ACCOUNT.STEP.COMPANY:
                 return 'company';
             case CONST.BANK_ACCOUNT.STEP.REQUESTOR:
-                return 'requestor';
+                return 'personal-information';
             case CONST.BANK_ACCOUNT.STEP.ACH_CONTRACT:
                 return 'contract';
             case CONST.BANK_ACCOUNT.STEP.VALIDATION:
diff --git a/src/pages/ReimbursementAccount/RequestorStep.js b/src/pages/ReimbursementAccount/RequestorStep.js
index cc0b67d0500a..985683eac6be 100644
--- a/src/pages/ReimbursementAccount/RequestorStep.js
+++ b/src/pages/ReimbursementAccount/RequestorStep.js
@@ -135,6 +135,24 @@ class RequestorStep extends React.Component {
                     <>
                         <ScrollView style={[styles.flex1, styles.w100]}>
                             <View style={[styles.p4]}>
+                                <Text>{this.props.translate('requestorStep.subtitle')}</Text>
+                                <View style={[styles.mb5, styles.dFlex, styles.flexRow]}>
+                                    <TextLink
+                                        style={[styles.textMicro]}
+                                        // eslint-disable-next-line max-len
+                                        href="https://community.expensify.com/discussion/6983/faq-why-do-i-need-to-provide-personal-documentation-when-setting-up-updating-my-bank-account"
+                                    >
+                                        {`${this.props.translate('requestorStep.learnMore')}`}
+                                    </TextLink>
+                                    <Text style={[styles.textMicroSupporting]}>{' | '}</Text>
+                                    <TextLink
+                                        style={[styles.textMicro, styles.textLink]}
+                                        // eslint-disable-next-line max-len
+                                        href="https://community.expensify.com/discussion/5677/deep-dive-security-how-expensify-protects-your-information"
+                                    >
+                                        {`${this.props.translate('requestorStep.isMyDataSafe')}`}
+                                    </TextLink>
+                                </View>
                                 <IdentityForm
                                     onFieldChange={(field, value) => this.onFieldChange(field, value)}
                                     values={{
@@ -165,21 +183,6 @@ class RequestorStep extends React.Component {
                                 />
                                 <Text style={[styles.textMicroSupporting, styles.mt5]}>
                                     {this.props.translate('requestorStep.financialRegulations')}
-                                    <TextLink
-                                        style={styles.textMicro}
-                                        // eslint-disable-next-line max-len
-                                        href="https://community.expensify.com/discussion/6983/faq-why-do-i-need-to-provide-personal-documentation-when-setting-up-updating-my-bank-account"
-                                    >
-                                        {`${this.props.translate('requestorStep.learnMore')}`}
-                                    </TextLink>
-                                    {' | '}
-                                    <TextLink
-                                        style={styles.textMicro}
-                                        // eslint-disable-next-line max-len
-                                        href="https://community.expensify.com/discussion/5677/deep-dive-security-how-expensify-protects-your-information"
-                                    >
-                                        {`${this.props.translate('requestorStep.isMyDataSafe')}`}
-                                    </TextLink>
                                 </Text>
                                 <Text style={[styles.mt3, styles.textMicroSupporting]}>
                                     {this.props.translate('requestorStep.onFidoConditions')}

From bf6d1d024a5c1cf3a87bd3e871d2e0cbe248df59 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Wed, 8 Sep 2021 18:14:09 -0600
Subject: [PATCH 2/2] add top margin

---
 src/pages/ReimbursementAccount/RequestorStep.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ReimbursementAccount/RequestorStep.js b/src/pages/ReimbursementAccount/RequestorStep.js
index 985683eac6be..bdf7294bfc7a 100644
--- a/src/pages/ReimbursementAccount/RequestorStep.js
+++ b/src/pages/ReimbursementAccount/RequestorStep.js
@@ -136,7 +136,7 @@ class RequestorStep extends React.Component {
                         <ScrollView style={[styles.flex1, styles.w100]}>
                             <View style={[styles.p4]}>
                                 <Text>{this.props.translate('requestorStep.subtitle')}</Text>
-                                <View style={[styles.mb5, styles.dFlex, styles.flexRow]}>
+                                <View style={[styles.mb5, styles.mt1, styles.dFlex, styles.flexRow]}>
                                     <TextLink
                                         style={[styles.textMicro]}
                                         // eslint-disable-next-line max-len