diff --git a/src/languages/en.js b/src/languages/en.js index bf1f96700bc4..74623a29a6f5 100755 --- a/src/languages/en.js +++ b/src/languages/en.js @@ -22,6 +22,8 @@ export default { not: 'Not', signIn: 'Sign In', continue: 'Continue', + firstName: 'First Name', + lastName: 'Last Name', phoneNumber: 'Phone Number', email: 'Email', and: 'and', @@ -150,9 +152,7 @@ export default { profile: 'Profile', editPhoto: 'Edit Photo', tellUsAboutYourself: 'Tell us about yourself, we would love to get to know you!', - firstName: 'First Name', john: 'John', - lastName: 'Last Name', doe: 'Doe', preferredPronouns: 'Preferred Pronouns', selectYourPronouns: 'Select your pronouns', @@ -352,6 +352,17 @@ export default { confirmCompanyIsNot: 'I confirm that this company is not on the', listOfRestrictedBusinesses: 'list of restricted businesses', }, + requestorStep: { + headerTitle: 'Requestor 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?', + onFidoConditions: 'By continuing with the request to add this bank account, you confirm that you have read, understand and accept ', + onFidoFacialScan: 'Onfido’s Facial Scan Policy and Release', + requestorAddressStreet: 'Your Personal Address', + ssnLast4: 'Last 4 Digits of SSN', + isAuthorized: 'I am authorized to use my company bank account for business spend', + }, session: { offlineMessage: 'Looks like you\'re not connected to internet. Can you check your connection and try again?', }, diff --git a/src/pages/ReimbursementAccount/RequestorStep.js b/src/pages/ReimbursementAccount/RequestorStep.js index 350e3b58471c..e0f67d0d76ad 100644 --- a/src/pages/ReimbursementAccount/RequestorStep.js +++ b/src/pages/ReimbursementAccount/RequestorStep.js @@ -1,5 +1,103 @@ import React from 'react'; -import {View} from 'react-native'; +import {View, ScrollView} from 'react-native'; +import styles from '../../styles/styles'; +import withLocalize, {withLocalizePropTypes} from '../../components/withLocalize'; +import HeaderWithCloseButton from '../../components/HeaderWithCloseButton'; +import CONST from '../../CONST'; +import TextLink from '../../components/TextLink'; +import Navigation from '../../libs/Navigation/Navigation'; +import CheckboxWithLabel from '../../components/CheckboxWithLabel'; +import Text from '../../components/Text'; +import {goToWithdrawalAccountSetupStep} from '../../libs/actions/BankAccounts'; +import Button from '../../components/Button'; +import StatePicker from '../../components/StatePicker'; +import TextInputWithLabel from '../../components/TextInputWithLabel'; +import FixedFooter from '../../components/FixedFooter'; -const RequestorStep = () => ; -export default RequestorStep; +const RequestorStep = ({translate}) => ( + <> + goToWithdrawalAccountSetupStep(CONST.BANK_ACCOUNT.STEP.BANK_ACCOUNT)} + onCloseButtonPress={Navigation.dismissModal} + /> + + + + + + + + + + + + + + + + + + + {translate('common.state')} + {}} /> + + + + {}} + LabelComponent={() => ( + + + {translate('requestorStep.isAuthorized')} + + + )} + style={[styles.mt4]} + /> + + {translate('requestorStep.financialRegulations')} + {/* eslint-disable-next-line max-len */} + + {`${translate('requestorStep.learnMore')}`} + + {' | '} + {/* eslint-disable-next-line max-len */} + + {`${translate('requestorStep.isMyDataSafe')}`} + + + + {translate('requestorStep.onFidoConditions')} + + {`${translate('requestorStep.onFidoFacialScan')}`} + + {', '} + + {`${translate('common.privacyPolicy')}`} + + {` ${translate('common.and')} `} + + {`${translate('common.termsOfService')}`} + + + + + +