> ## 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.

# SignupPassword

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

La classe SignupPassword implémente la fonctionnalité de l’écran `signup-password`. Cet écran permet à l’utilisateur de saisir son mot de passe.

<Frame>
  <img style={{maxHeight:"400px"}} src="https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5h85r3sVhe8mVw7rDkDwTD/02c3521d9d6c4d490c1a64ae37ecca72/Signup_Password_with_Flexible_IDs.png?fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=0b8269a168708f6d69d5d1563d0a533a" alt="Mot de passe d’inscription avec identifiants flexibles" width="480" height="1032" data-path="docs/images/cdy7uua7fh8z/5h85r3sVhe8mVw7rDkDwTD/02c3521d9d6c4d490c1a64ae37ecca72/Signup_Password_with_Flexible_IDs.png" />
</Frame>

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

Créez une instance du gestionnaire de l’écran SignupPassword :

```typescript Example theme={null}
import SignupPassword from '@auth0/auth0-acul-js/signup-password';
const signupPasswordManager = new SignupPassword();
signupPasswordManager.signup({
  email: 'test@example.com',
  password: 'P@$wOrd123!',
});
```

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

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

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

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

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

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

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

<ParamField body="transaction" type={<span><a href="/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/TransactionMembersOnSignupPassword">TransactionMembersOnSignupPassword</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="/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/UntrustedDataMembers">UntrustedDataMembers</a></span>}>
  Gère les données non fiables transmises au SDK, comme les entrées de l’utilisateur pendant la connexion.
</ParamField>

<ParamField body="user" type={<span><a href="/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/UserMembers">UserMembers</a></span>}>
  Détails sur 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 SignupPassword from '@auth0/auth0-acul-js/signup-password';
  const signupPasswordManager = new SignupPassword();
  signupPasswordManager.changeLanguage({
    language: 'fr',
  });
  ```

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

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

    <ParamField body="language" type="string" required>
      Le code de langue de la langue souhaitée (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 durée de la session.
    </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="federatedSignup" type="Promise<void>">
  Cette méthode permet de s’inscrire au moyen de différentes connexions sociales. Par exemple : Google, Facebook, etc.

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

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

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

    <ParamField body="connection" type="string" required>
      Le nom de la connexion sociale à utiliser.
    </ParamField>
  </Expandable>
</ParamField>

<ParamField body="getErrors" type={<span><a href="/fr-CA/docs/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 aucune.
</ParamField>

<ParamField body="signup" type="Promise<void>">
  Cette méthode gère l’envoi du formulaire d’inscription par mot de passe.

  ```typescript Example theme={null}
  import SignupPassword from '@auth0/auth0-acul-js/signup-password';
  const signupPasswordManager = new SignupPassword();
  signupPasswordManager.signup({
    email: 'test@example.com',
    password: 'P@$wOrd123!',
  });
  ```

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

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

    <ParamField body="email?" type="string">
      Le courriel de l’utilisateur.
    </ParamField>

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

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

    <ParamField body="password" type="string" required>
      Le mot de passe 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 la [détection des bots](/fr-CA/docs/secure/attack-protection/bot-detection) est activée pour votre locataire Auth0.
    </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="switchConnection" type="Promise<void>">
  Cette méthode permet de changer de connexion d’authentification pendant le flux signup-password.

  ```typescript Example theme={null}
  import SignupPassword from '@auth0/auth0-acul-js/signup-password';
  const signupPasswordManager = new SignupPassword();
  signupPasswordManager.switchConnection({
    connection: 'Username-Password-Authentication',
  });
  ```

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

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

    <ParamField body="connection" type="string" required>
      L’identifiant de la connexion vers laquelle basculer pendant le flux d’authentification signup-password.
    </ParamField>

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

<ParamField body="validatePassword" type={<span><a href="/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/PasswordValidationResult">PasswordValidationResult</a></span>}>
  Cette méthode valide un mot de passe sous forme de chaîne selon la stratégie de mot de passe de la transaction en cours. Elle renvoie un objet indiquant si le mot de passe est valide et pour quelle raison.

  ```typescript Example theme={null}
  import SignupPassword from '@auth0/auth0-acul-js/signup-password';
  const signupPasswordManager = new SignupPassword();
  const result = signupPasswordManager.validatePassword('MyP@ssw0rd!');
  ```

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

  <Expandable title="Paramètres">
    <ParamField body="password" type="string" required>
      Le mot de passe à valider.
    </ParamField>
  </Expandable>
</ParamField>
