> ## 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.
# Signup
> Décrit toutes les propriétés et méthodes disponibles pour personnaliser l’écran `signup` de Universal Login.
La classe Signup implémente la fonctionnalité de l’écran `signup`. Cet écran collecte l’identifiant et le mot de passe de l’utilisateur. Selon votre locataire, cet identifiant peut être un courriel, un numéro de téléphone ou un nom d’utilisateur.
## Constructeurs
Créez une instance du gestionnaire de l’écran Signup :
```typescript Example theme={null}
import Signup from '@auth0/auth0-acul-js/signup';
const signupManager = new Signup();
signupManager.signup({
email: 'test@example.com',
password: 'P@$wOrd123!',
});
```
## Propriétés
BrandingMembers}>
Fournit des configurations liées à l’image de marque, comme le thème et les paramètres associés.
ClientMembers}>
Fournit des configurations liées à l’application, comme `id`, `name` et `logoUrl`, pour l’écran `signup`.
OrganizationMembers}>
Fournit des renseignements sur l’Organisation de l’utilisateur, comme `id` et `name`.
PromptMembers}>
Contient des données sur l’invite actuelle dans le flux d’authentification.
ScreenMembersOnSignup}>
Contient des détails propres à l’écran `signup`, y compris sa configuration et son contexte.
TenantMembers}>
Contient des données liées au locataire, comme `id` et les métadonnées associées.
TransactionMembersOnSignup}>
Fournit des données propres à la transaction, comme les identifiants actifs et les états du flux.
UntrustedDataMembers}>
Gère les données non fiables transmises au SDK, comme les entrées utilisateur pendant l’authentification.
UserMembers}>
Détails de l’utilisateur actif, y compris `username`, `email` et `roles`.
## Méthodes
Cette méthode change la langue d’affichage de la page Universal Login.
```typescript Example theme={null}
import Signup from '@auth0/auth0-acul-js/signup';
const signupManager = new Signup();
signupManager.changeLanguage({
language: 'fr',
});
```
**Paramètres de la méthode**
[LanguageChangeOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/LanguageChangeOptions).
Le code de langue souhaité (par exemple, `'en'`, `'fr'`, `'es'`).
Lorsqu’elle est définie sur `'session'`, la langue sélectionnée est conservée pendant toute la session.
Champs personnalisés supplémentaires préfixés par `ulp-` (par exemple, `'ulp-custom-field'`).
Cette méthode gère la soumission du formulaire Signup social. Elle est semblable à la méthode [signup](#signup), mais elle est utilisée pour les Signups sociaux.
```typescript Example theme={null}
import Signup from '@auth0/auth0-acul-js/signup';
const signupManager = new Signup();
signupManager.federatedSignup({
connection: 'google-oauth2',
});
```
**Paramètres de la méthode**
[FederatedSignupPayloadOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/FederatedSignupPayloadOptions).
Le nom de la connexion sociale à utiliser.
Error[]}>
Cette méthode récupère le tableau des erreurs de transaction à partir du contexte, ou un tableau vide s’il n’y en a aucune. Elle renvoie un tableau d’objets d’erreur du contexte de transaction.
Identifier[] | null}>
Cette méthode renvoie la liste des identifiants activés pour le formulaire Signup, en indiquant pour chacun s’il est obligatoire ou facultatif selon la configuration de la transaction. Elle renvoie un tableau d’objets identifiant (par exemple, email, phone, username).
```typescript Example theme={null}
import Signup from '@auth0/auth0-acul-js/signup';
const signupManager = new Signup();
const identifiers = signupManager.getSignupIdentifiers();
// [{ type: 'email', required: true }, { type: 'username', required: false }]
```
Cette méthode redirige l’utilisateur vers la liste de sélection du code de pays, où il peut mettre à jour l’indicatif de pays de son numéro de téléphone.
```typescript Example theme={null}
import Signup from '@auth0/auth0-acul-js/signup';
const signupManager = new Signup();
signupManager.pickCountryCode();
```
Cette méthode gère la soumission du formulaire Signup.
```typescript Example theme={null}
import Signup from '@auth0/auth0-acul-js/signup';
const signupManager = new Signup();
signupManager.signup({
email: 'test@example.com',
password: 'P@$wOrd123!',
});
```
**Paramètres de la méthode**
[SignupPayloadOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/SignupPayloadOptions).
Le courriel de l’utilisateur.
L’identifiant de l’utilisateur.
Le numéro de téléphone de l’utilisateur.
Le mot de passe de l’utilisateur.
Le code captcha ou la réponse du fournisseur de CAPTCHA. Cette propriété est requise si la [détection des bots](/fr-CA/docs/secure/attack-protection/bot-detection) est activée dans votre locataire Auth0.
Champs personnalisés supplémentaires préfixés par `ulp-` (par exemple, `'ulp-custom-field'`).
PasswordValidationResult}>
Cette méthode retourne un objet de type [PasswordValidationResult](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/PasswordValidationResult) indiquant si le mot de passe est valide et, sinon, pourquoi.
```typescript Example theme={null}
import Signup from '@auth0/auth0-acul-js/signup';
const signupManager = new Signup();
const result = signupManager.validatePassword('P@$wOrd123!');
```
**Paramètres de méthode**
Le mot de passe de l’utilisateur.
UsernameValidationResult}>
Cette méthode valide un nom d’utilisateur selon la politique de nom d’utilisateur actuellement définie dans le contexte de la transaction. Elle retourne un objet indiquant si le nom d’utilisateur est valide et, sinon, pourquoi.
```typescript Example theme={null}
import Signup from '@auth0/auth0-acul-js/signup';
const signupManager = new Signup();
const result = signupManager.validateUsername('myusername');
// result => { valid: true, errors: [] }
```
**Paramètres de méthode**
La chaîne de caractères du nom d’utilisateur à valider.