> ## 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` d’Universal Login.
La classe SignupId implémente la fonctionnalité de l’écran `signup-id`. Cet écran collecte l’identifiant de l’utilisateur.
## Constructeurs
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',
});
```
## Propriétés
BrandingMembers}>
Fournit des paramètres liés à l’image de marque, comme le thème et les réglages.
ClientMembers}>
Fournit des paramètres liés à l’application, comme `id`, `name` et `logoUrl`, pour l’écran `signup-id`.
OrganizationMembers}>
Fournit des renseignements sur l’Organisation de l’utilisateur, comme `id` et `name`.
PromptMembers}>
Contient des données sur l’invite en cours dans le flux d’authentification.
ScreenMembersOnSignupId}>
Contient des détails propres à l’écran `signup-id`, 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.
TransactionMembersOnSignupId}>
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 saisies de l’utilisateur pendant la connexion.
UserMembers}>
Renseignements sur l’utilisateur actif, y compris `username`, `email` et `roles`.
## Méthodes
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**
[LanguageChangeOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/LanguageChangeOptions).
Le code de langue correspondant à la langue souhaitée (par exemple, `'en'`, `'fr'`, `'es'`).
Lorsqu’elle est définie sur `'session'`, la langue sélectionnée est conservée pendant toute la durée de la session.
Champs personnalisés supplémentaires préfixés par `ulp-` (par exemple, `'ulp-custom-field'`).
Cette méthode gère l’inscription au moyen de différentes connexions sociales. Par exemple : Google, Facebook, etc.
```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**
[FederatedSignupOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/FederatedSignupOptions).
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 provenant du contexte de transaction.
Identifier[] | null}>
Cette méthode renvoie la liste des identifiants activés pour le formulaire `signup-id`, en indiquant pour chacun s’il est requis ou facultatif selon la configuration de la transaction. Un tableau d’objets identifiants (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 }]
```
Cette méthode redirige l’utilisateur vers la liste de sélection du code de pays, où il peut mettre à jour le préfixe 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();
```
Cette méthode gère la configuration associée à `signup-id`. Elle permet d’inscrire de nouveaux utilisateurs 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**
[SignupOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/SignupOptions).
Le courriel de l’utilisateur.
L’identifiant de l’utilisateur.
Le numéro de téléphone de l’utilisateur.
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 dans votre locataire Auth0.
Champs personnalisés supplémentaires préfixés par `ulp-` (par exemple, `'ulp-custom-field'`).
UsernameValidationResult}>
Cette méthode valide un nom d’utilisateur donné en fonction de la politique actuelle des noms d’utilisateur définie dans le contexte de la transaction. Elle renvoie un objet indiquant si le nom d’utilisateur est valide et pour quelle raison.
```typescript Example theme={null}
import SignupId from '@auth0/auth0-acul-js/signup-id';
const signupIdManager = new SignupId();
const result = signupIdManager.validateUsername('myusername');
// résultat => { valid: true, errors: [] }
```
**Paramètres de la méthode**
Le nom d’utilisateur à valider.