Add password to AddDebitCardPage in NewDot

src/languages/en.js

@@ -319,6 +319,7 @@ export default {
         billingAddress: 'Billing address',
         expensifyTermsOfService: 'Expensify Terms of Service',
         growlMessageOnSave: 'Your debit card was successfully added',
+        expensifyPassword: 'Expensify password',
         error: {
             invalidName: 'Please enter a valid name',
             addressZipCode: 'Please enter a valid zip code',
@@ -330,6 +331,7 @@ export default {
             addressCity: 'Please enter a city',
             acceptedTerms: 'You must accept the Terms of Service to continue',
             genericFailureMessage: 'An error occurred while adding your card, please try again',
+            password: 'Please enter your Expensify password',
         },
     },
     paymentsPage: {

src/languages/es.js

@@ -319,6 +319,7 @@ export default {
         billingAddress: 'Dirección de envio',
         expensifyTermsOfService: 'Expensify Términos de servicio',
         growlMessageOnSave: 'Su tarteja de débito se agregó correctamente',
+        expensifyPassword: 'Contraseña de Expensify',
         error: {
             invalidName: 'Por favor ingrese un nombre válido',
             addressZipCode: 'Por favor ingrese un código postal válido',
@@ -330,6 +331,7 @@ export default {
             addressCity: 'Por favor ingrese una ciudad',
             acceptedTerms: 'Debes aceptar los Términos de servicio para continuar',
             genericFailureMessage: 'Se produjo un error al agregar su tarjeta. Vuelva a intentarlo',
+            password: 'Por favor ingrese tu contraseña de Expensify',
         },
     },
     paymentsPage: {

src/libs/actions/PaymentMethods.js

@@ -53,6 +53,8 @@ function addBillingCard(params) {
         addressName: params.nameOnCard,
         addressZip: params.addressZipCode,
         currency: CONST.CURRENCY.USD,
+        isP2PDebitCard: true,
+        password: params.password,
     }).then(((response) => {
         let errorMessage = '';
         if (response.jsonCode === 200) {

src/pages/settings/Payments/AddDebitCardPage.js

@@ -22,6 +22,7 @@ import FormAlertWithSubmitButton from '../../../components/FormAlertWithSubmitBu
 import ONYXKEYS from '../../../ONYXKEYS';
 import compose from '../../../libs/compose';
 import AddressSearch from '../../../components/AddressSearch';
+import * as ComponentUtils from '../../../libs/ComponentUtils';
 import FormScrollView from '../../../components/FormScrollView';
 
 const propTypes = {
@@ -57,6 +58,7 @@ class DebitCardPage extends Component {
             addressState: '',
             addressZipCode: '',
             acceptedTerms: false,
+            password: '',
             errors: {},
             shouldShowAlertPrompt: false,
         };
@@ -69,6 +71,7 @@ class DebitCardPage extends Component {
             'addressStreet',
             'addressState',
             'addressZipCode',
+            'password',
             'acceptedTerms',
         ];
 
@@ -82,6 +85,7 @@ class DebitCardPage extends Component {
             addressState: 'addDebitCardPage.error.addressState',
             addressZipCode: 'addDebitCardPage.error.addressZipCode',
             acceptedTerms: 'addDebitCardPage.error.acceptedTerms',
+            password: 'addDebitCardPage.error.password',
         };
 
         this.submit = this.submit.bind(this);
@@ -141,6 +145,10 @@ class DebitCardPage extends Component {
             errors.addressState = true;
         }
 
+        if (_.isEmpty(this.state.password.trim())) {
+            errors.password = true;
+        }
+
         if (!this.state.acceptedTerms) {
             errors.acceptedTerms = true;
         }
@@ -266,6 +274,17 @@ class DebitCardPage extends Component {
                                     />
                                 </View>
                             </View>
+                            <View style={[styles.mt4]}>
+                                <TextInput
+                                    label={this.props.translate('addDebitCardPage.expensifyPassword')}
+                                    onChangeText={password => this.clearErrorAndSetValue('password', password)}
+                                    value={this.state.password}
+                                    errorText={this.getErrorText('password')}
+                                    textContentType="password"
+                                    autoCompleteType={ComponentUtils.PASSWORD_AUTOCOMPLETE_TYPE}
+                                    secureTextEntry
+                                />
+                            </View>
                             <CheckboxWithLabel
                                 isChecked={this.state.acceptedTerms}
                                 onPress={() => {