> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# SignupId

> Décrit toutes les propriétés et méthodes disponibles pour personnaliser l’écran `signup-id` dans Universal Login.

La classe SignupId implémente les fonctionnalités de l’écran `signup-id`. Cet écran recueille l’identifiant de l’utilisateur — comme son courriel, son nom d’utilisateur ou son numéro de téléphone — à la première étape d’un flux d’inscription en plusieurs étapes. Il prend également en charge l’inscription fédérée au moyen de connexions sociales ou d’entreprise et de Google One Tap.

<Frame>
  <img style={{maxHeight:"400px"}} src="https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5lzGYj0k4VcxvPCBYH37SO/ebd291cc0dbd673a70f93530f724bf65/Signup_ID.png?fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=f8668b2501b5d9fa4bfb02a20425e9f6" alt="Identifiant d’inscription" width="480" height="632" data-path="docs/images/cdy7uua7fh8z/5lzGYj0k4VcxvPCBYH37SO/ebd291cc0dbd673a70f93530f724bf65/Signup_ID.png" />
</Frame>

<div id="constructors">
  ## Constructeurs
</div>

Créez une instance du gestionnaire d’écran SignupId :

```typescript Example theme={null}
import SignupId from '@auth0/auth0-acul-js/signup-id';
const signupIdManager = new SignupId();
signupIdManager.signup({
  email: 'test@example.com',
});
```

<div id="properties">
  ## Propriétés
</div>

<ParamField body="branding" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/BrandingMembers">BrandingMembers</a></span>}>
  Fournit des configurations liées à l’image de marque, comme le thème visuel et les paramètres.
</ParamField>

<ParamField body="client" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/ClientMembers">ClientMembers</a></span>}>
  Fournit des configurations liées au client, comme `id`, `name` et `logoUrl`, pour l’écran `signup-id`.
</ParamField>

<ParamField body="organization" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/OrganizationMembers">OrganizationMembers</a></span>}>
  Fournit des renseignements sur l’Organization de l’utilisateur, comme `id` et `name`.
</ParamField>

<ParamField body="prompt" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/PromptMembers">PromptMembers</a></span>}>
  Contient des données sur le prompt actuel dans le flux d’authentification.
</ParamField>

<ParamField body="screen" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/ScreenMembersOnSignupId">ScreenMembersOnSignupId</a></span>}>
  Contient des détails propres à l’écran `signup-id`, y compris sa configuration et son contexte.
</ParamField>

<ParamField body="tenant" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/TenantMembers">TenantMembers</a></span>}>
  Contient des données liées au tenant, comme `id` et les métadonnées associées.
</ParamField>

<ParamField body="transaction" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/TransactionMembersOnSignupId">TransactionMembersOnSignupId</a></span>}>
  Fournit des données propres à la transaction, comme les identifiants actifs et les états du flux.
</ParamField>

<ParamField body="untrustedData" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/UntrustedDataMembers">UntrustedDataMembers</a></span>}>
  Gère les données non fiables transmises au SDK, comme les entrées utilisateur lors du login.
</ParamField>

<ParamField body="user" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/UserMembers">UserMembers</a></span>}>
  Contient les détails de l’utilisateur actif, y compris `username`, `email` et `roles`.
</ParamField>

<div id="methods">
  ## Méthodes
</div>

<ParamField body="changeLanguage" type="Promise<void>">
  Cette méthode modifie la langue d’affichage de la page Universal Login.

  ```typescript Example theme={null}
  import SignupId from '@auth0/auth0-acul-js/signup-id';
  const signupIdManager = new SignupId();
  signupIdManager.changeLanguage({
    language: 'fr',
  });
  ```

  **Paramètres de la méthode**

  <Expandable title="Paramètres">
    <ParamField body="options">
      [LanguageChangeOptions](/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/LanguageChangeOptions).
    </ParamField>

    <ParamField body="language" type="string" required>
      Le code de langue souhaité (par exemple, `'en'`, `'fr'`, `'es'`).
    </ParamField>

    <ParamField body="persist?" type="&#x22;session&#x22;">
      Lorsqu’elle est définie à `'session'`, la langue sélectionnée est conservée pendant toute la session.
    </ParamField>
  </Expandable>
</ParamField>

<ParamField body="federatedSignup" type="Promise<void>">
  Cette méthode redirige l’utilisateur vers le [fournisseur d’identité Social](/docs/fr-ca/authenticate/identity-providers/social-identity-providers) ou le [fournisseur d’identité entreprise](/docs/fr-ca/authenticate/identity-providers/enterprise-identity-providers) (IdP) pour l’inscription.

  ```typescript Example theme={null}
  import SignupId from '@auth0/auth0-acul-js/signup-id';
  const signupIdManager = new SignupId();
  signupIdManager.federatedSignup({
    connection: 'google-oauth2',
  });
  ```

  **Paramètres de la méthode**

  <Expandable title="Paramètres">
    <ParamField body="options">
      [FederatedSignupOptions](/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/FederatedSignupOptions).
    </ParamField>

    <ParamField body="connection" type="string" required>
      Le nom de la connexion du fournisseur d’identité Social ou entreprise.
    </ParamField>
  </Expandable>
</ParamField>

<ParamField body="getErrors" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/Error">Error</a>[]</span>}>
  Cette méthode récupère, à partir du contexte, le tableau des erreurs de transaction, ou un tableau vide s’il n’y en a pas. Elle renvoie un tableau d’objets d’erreur provenant du contexte de transaction.
</ParamField>

<ParamField body="getSignupIdentifiers" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/Identifier">Identifier</a>[] | null</span>}>
  Cette méthode renvoie la liste des identifiants activés pour le formulaire `signup-id`, en indiquant pour chacun s’il est obligatoire ou facultatif selon la configuration de la transaction. Un tableau d’objets d’identifiant (par exemple : email, phone, username).

  ```typescript Example theme={null}
  import SignupId from '@auth0/auth0-acul-js/signup-id';
  const signupIdManager = new SignupId();
  const identifiers = signupIdManager.getSignupIdentifiers();
  // [{ type: 'email', required: true }, { type: 'username', required: false }]
  ```
</ParamField>

<ParamField body="googleOneTap" type="Promise<void>">
  Cette méthode inscrit un nouvel utilisateur à l’aide d’un identifiant Google One Tap, ce qui permet une inscription en un clic sans redirection vers une page distincte.

  Vérifiez `screen.googleOneTapConfig` avant d’afficher l’invite Google One Tap : sa valeur est `null` lorsque la fonctionnalité n’est pas activée côté serveur.

  ```typescript Example theme={null}
  import SignupId from '@auth0/auth0-acul-js/signup-id';
  const signupIdManager = new SignupId();
  signupIdManager.googleOneTap({ one_tap_credential: credential });
  ```

  **Paramètres de la méthode**

  <Expandable title="Paramètres">
    <ParamField body="one_tap_credential" type="string" required>
      Le jeton d’identifiant Google One Tap renvoyé par l’invite Google Identity Services.
    </ParamField>
  </Expandable>
</ParamField>

<ParamField body="pickCountryCode" type="Promise<void>">
  Cette méthode redirige l’utilisateur vers la liste de sélection de l’indicatif de pays, où il peut mettre à jour l’indicatif de pays de son numéro de téléphone.

  ```typescript Example theme={null}
  import SignupId from '@auth0/auth0-acul-js/signup-id';
  const signupIdManager = new SignupId();
  signupIdManager.pickCountryCode();
  ```
</ParamField>

<ParamField body="signup" type="Promise<void>">
  Cette méthode gère la configuration associée à `signup-id`. Elle permet à de nouveaux utilisateurs de s’inscrire au moyen de différents identifiants.

  ```typescript Example theme={null}
  import SignupId from '@auth0/auth0-acul-js/signup-id';
  const signupIdManager = new SignupId();
  signupIdManager.signup({
    email: 'test@example.com',
  });
  ```

  **Paramètres de la méthode**

  <Expandable title="Paramètres">
    <ParamField body="options">
      [SignupOptions](/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/SignupOptions).
    </ParamField>

    <ParamField body="email?" type="string">
      L’adresse courriel.
    </ParamField>

    <ParamField body="username?" type="string">
      L’identifiant de l’utilisateur.
    </ParamField>

    <ParamField body="phone?" type="string">
      Le numéro de téléphone de l’utilisateur.
    </ParamField>

    <ParamField body="captcha?" type="string">
      Le code captcha ou la réponse du fournisseur CAPTCHA. Cette propriété est requise si votre tenant Auth0 a [Bot Detection](/docs/fr-ca/secure/attack-protection/bot-detection) activé.
    </ParamField>

    <ParamField body="[`key`: `string`]" type="&#x22;string&#x22; | &#x22;number&#x22; | &#x22;boolean&#x22; | &#x22;undefined&#x22;">
      Champs personnalisés supplémentaires préfixés par `ulp-` (par exemple, `'ulp-custom-field'`).
    </ParamField>
  </Expandable>
</ParamField>

<ParamField body="validateUsername" type={<span><a href="/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/UsernameValidationResult">UsernameValidationResult</a></span>}>
  Cette méthode valide un nom d’utilisateur donné en fonction de la politique de nom d’utilisateur définie dans le contexte de la transaction. Elle renvoie un objet indiquant si le nom d’utilisateur est valide et pourquoi.

  ```typescript Example theme={null}
  import SignupId from '@auth0/auth0-acul-js/signup-id';
  const signupIdManager = new SignupId();
  const result = signupIdManager.validateUsername('myusername');
  // result => { valid: true, errors: [] }
  ```

  **Paramètres de la méthode**

  <Expandable title="Paramètres">
    <ParamField body="username" type="string" required>
      La chaîne de caractères du nom d’utilisateur à valider.
    </ParamField>
  </Expandable>
</ParamField>
