Additional fields with passwordless login/signup with auth0 lock

auth-lock.js v11
React 16 / Node.js 8.11

I am trying to create a passwordless login/signup form with additional fields however the fields are not showing. Here is my setup: I am able to enter my phone and verify it, which creates a user in auth0 but does not show any additional fields. Any help would be appreciated.

code:

  const passwordlessOptions = {
    allowedConnections: ['sms'],
    allowSignUp: true,
    passwordlessMethod: 'code',
    defaultDatabaseConnection: 'Username-Password-Authentication',
    additionalSignUpFields: [
      {
        name: 'first_name',
        placeholder: 'Enter your first name',
      },
      {
        name: 'last_name',
        placeholder: 'Enter your last name',
      },
      {
        name: 'company',
        placeholder: 'Enter your company name',
      },
    ],
    languageDictionary: {
      title: '',
      passwordlessSMSInstructions: 'Our instructions',
    },
    auth: {
      redirectUrl: REDIRECT,
      responseType: 'token id_token',
      params: {
        scope: 'openid profile email user_metadata app_metadata',
      },
    },
  };
  const lock = new Auth0LockPasswordless(
    CLIENT_ID,
    CLIENT_DOMAIN,
    passwordlessOptions,
  );
  lock.show();

Hi there @abdulstowk, when you get a chance can you reformat your additionalSignUpFields and give it another shot? I have linked an example below that may help you as a reference point. Please let me know if you have any questions. Thanks in advance!

  additionalSignUpFields: [{
    name: "favorite color",
    placeholder: "Enter your favorite color (optional)"
  }]
} 

https://auth0.com/docs/libraries/lock/v11/configuration

Hi,

Does the passwordless option with magiclink provide additionalSignUpFields?
It doesn’t seem to work, the auth0 login page just shows me the email-Id field on the screen

After checking with our support team @deepali-gudulkar, the passwordless option does not natively provide additionalSignUpFields. However you can leverage the Management API to accomplish this via a redirect to a form to retrieve the missing data after a successful login attempt. Please let me know if this helps achieve your desired results. Thanks!

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.