diff --git a/src/components/EditListingWizard/EditListingWizard.js b/src/components/EditListingWizard/EditListingWizard.js
index 8bb20934..da05a740 100644
--- a/src/components/EditListingWizard/EditListingWizard.js
+++ b/src/components/EditListingWizard/EditListingWizard.js
@@ -145,8 +145,8 @@ class EditListingWizard extends Component {
handlePayoutSubmit(values) {
const {
- firstName,
- lastName,
+ fname: firstName,
+ lname: lastName,
birthDate,
country,
streetAddress,
diff --git a/src/containers/AuthenticationPage/AuthenticationPage.js b/src/containers/AuthenticationPage/AuthenticationPage.js
index f0f8e2b4..909eeefe 100644
--- a/src/containers/AuthenticationPage/AuthenticationPage.js
+++ b/src/containers/AuthenticationPage/AuthenticationPage.js
@@ -129,6 +129,12 @@ export class AuthenticationPageComponent extends Component {
},
];
+ const handleSubmitSignup = values => {
+ const { fname, lname, ...rest } = values;
+ const params = { firstName: fname, lastName: lname, ...rest };
+ submitSignup(params);
+ };
+
const formContent = (
@@ -138,7 +144,7 @@ export class AuthenticationPageComponent extends Component {
) : (
this.setState({ tosModalOpen: true })}
/>
diff --git a/src/containers/ContactDetailsForm/ContactDetailsForm.js b/src/containers/ContactDetailsForm/ContactDetailsForm.js
index b5a1498c..5042eedd 100644
--- a/src/containers/ContactDetailsForm/ContactDetailsForm.js
+++ b/src/containers/ContactDetailsForm/ContactDetailsForm.js
@@ -233,6 +233,7 @@ class ContactDetailsFormComponent extends Component {
type="password"
name="currentPassword"
id={`${form}.currentPassword`}
+ autoComplete="current-password"
label={passwordLabel}
placeholder={passwordPlaceholder}
validate={[passwordRequired, passwordMinLength]}
diff --git a/src/containers/LoginForm/LoginForm.js b/src/containers/LoginForm/LoginForm.js
index 33a17cb6..f5f9c6ad 100644
--- a/src/containers/LoginForm/LoginForm.js
+++ b/src/containers/LoginForm/LoginForm.js
@@ -65,6 +65,7 @@ const LoginFormComponent = props => {
{
className={css.password}
type="password"
name="password"
+ autoComplete="current-password"
id={`${form}.password`}
label={passwordLabel}
placeholder={passwordPlaceholder}
diff --git a/src/containers/LoginForm/__snapshots__/LoginForm.test.js.snap b/src/containers/LoginForm/__snapshots__/LoginForm.test.js.snap
index acc5148d..f26bc09e 100644
--- a/src/containers/LoginForm/__snapshots__/LoginForm.test.js.snap
+++ b/src/containers/LoginForm/__snapshots__/LoginForm.test.js.snap
@@ -17,6 +17,7 @@ exports[`LoginForm matches snapshot 1`] = `
LoginForm.emailLabel
{
className={css.email}
type="email"
name="email"
+ autoComplete="email"
id={`${form}.email`}
label={emailLabel}
placeholder={emailPlaceholder}
diff --git a/src/containers/PasswordResetForm/PasswordResetForm.js b/src/containers/PasswordResetForm/PasswordResetForm.js
index 664e7fab..e57e9d4b 100644
--- a/src/containers/PasswordResetForm/PasswordResetForm.js
+++ b/src/containers/PasswordResetForm/PasswordResetForm.js
@@ -68,6 +68,7 @@ const PasswordResetFormComponent = props => {
className={css.password}
type="password"
name="password"
+ autoComplete="new-password"
id={`${form}.password`}
label={passwordLabel}
placeholder={passwordPlaceholder}
diff --git a/src/containers/PayoutDetailsForm/PayoutDetailsForm.js b/src/containers/PayoutDetailsForm/PayoutDetailsForm.js
index c1f5bbcc..71b72301 100644
--- a/src/containers/PayoutDetailsForm/PayoutDetailsForm.js
+++ b/src/containers/PayoutDetailsForm/PayoutDetailsForm.js
@@ -140,6 +140,7 @@ const PayoutDetailsFormComponent = props => {
className={css.field}
type="text"
name="streetAddress"
+ autoComplete="street-address"
id={`${form}.streetAddress`}
label={streetAddressLabel}
placeholder={streetAddressPlaceholder}
@@ -152,6 +153,7 @@ const PayoutDetailsFormComponent = props => {
className={css.postalCode}
type="text"
name="postalCode"
+ autoComplete="postal-code"
id={`${form}.postalCode`}
label={postalCodeLabel}
placeholder={postalCodePlaceholder}
@@ -163,6 +165,7 @@ const PayoutDetailsFormComponent = props => {
className={css.city}
type="text"
name="city"
+ autoComplete="address-level2"
id={`${form}.city`}
label={cityLabel}
placeholder={cityPlaceholder}
@@ -227,8 +230,9 @@ const PayoutDetailsFormComponent = props => {
disabled={disabled}
className={css.firstName}
type="text"
- name="firstName"
- id={`${form}.firstName`}
+ name="fname"
+ autoComplete="given-name"
+ id={`${form}.fname`}
label={firstNameLabel}
placeholder={firstNamePlaceholder}
validate={firstNameRequired}
@@ -237,8 +241,9 @@ const PayoutDetailsFormComponent = props => {
disabled={disabled}
className={css.lastName}
type="text"
- name="lastName"
- id={`${form}.lastName`}
+ name="lname"
+ autoComplete="family-name"
+ id={`${form}.lname`}
label={lastNameLabel}
placeholder={lastNamePlaceholder}
validate={lastNameRequired}
@@ -265,6 +270,7 @@ const PayoutDetailsFormComponent = props => {
disabled={disabled}
className={css.selectCountry}
name="country"
+ autoComplete="country"
id={`${form}.country`}
label={countryLabel}
validate={countryRequired}
diff --git a/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.js b/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.js
index d179c08d..3f2619f3 100644
--- a/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.js
+++ b/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.js
@@ -75,6 +75,12 @@ export const PayoutPreferencesPageComponent = props => {
message = ;
}
+ const handlePayoutDetailsSubmit = values => {
+ const { fname, lname, ...rest } = values;
+ const params = { firstName: fname, lastName: lname, ...rest };
+ onPayoutDetailsFormSubmit(params);
+ };
+
const showForm =
currentUserLoaded && (payoutDetailsSaveInProgress || payoutDetailsSaved || !stripeConnected);
const form = showForm ? (
@@ -85,7 +91,7 @@ export const PayoutPreferencesPageComponent = props => {
submitButtonText={intl.formatMessage({ id: 'PayoutPreferencesPage.submitButtonText' })}
createStripeAccountError={createStripeAccountError}
onChange={onPayoutDetailsFormChange}
- onSubmit={onPayoutDetailsFormSubmit}
+ onSubmit={handlePayoutDetailsSubmit}
/>
) : null;
diff --git a/src/containers/SignupForm/SignupForm.js b/src/containers/SignupForm/SignupForm.js
index 70d84275..00ac103c 100644
--- a/src/containers/SignupForm/SignupForm.js
+++ b/src/containers/SignupForm/SignupForm.js
@@ -129,6 +129,7 @@ const SignupFormComponent = props => {
{
{
{
className={css.password}
type="password"
name="password"
+ autoComplete="new-password"
id={`${form}.password`}
label={passwordLabel}
placeholder={passwordPlaceholder}
diff --git a/src/containers/SignupForm/__snapshots__/SignupForm.test.js.snap b/src/containers/SignupForm/__snapshots__/SignupForm.test.js.snap
index 0718b98e..5cdf7eb3 100644
--- a/src/containers/SignupForm/__snapshots__/SignupForm.test.js.snap
+++ b/src/containers/SignupForm/__snapshots__/SignupForm.test.js.snap
@@ -17,6 +17,7 @@ exports[`SignupForm matches snapshot 1`] = `
SignupForm.emailLabel