> ## 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.
# LoginEmailVerification
> Décrit toutes les propriétés et méthodes disponibles pour personnaliser l’écran `login-email-verification` d’Universal Login.
La classe LoginEmailVerification implémente les fonctionnalités de l’écran `login-email-verification`. Cet écran invite l’utilisateur à saisir un code à usage unique envoyé à son adresse de courriel afin de vérifier son identité pendant le processus de connexion.
## Constructeurs
Créez une instance du gestionnaire d’écran LoginEmailVerification :
```typescript Example theme={null}
import LoginEmailVerification from '@auth0/auth0-acul-js/login-email-verification';
const loginEmailVerificationManager = new LoginEmailVerification();
loginEmailVerificationManager.continueWithCode({
code: '123456',
});
```
## Propriétés
BrandingMembers}>
Fournit des configurations d’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 `login-email-verification`.
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.
ScreenMembers}>
Contient des détails propres à l’écran `login-email-verification`, 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.
TransactionMembers}>
Fournit des données propres à la transaction pour l’écran `login-email-verification`, comme les identifiants actifs et les états du flux.
UntrustedDataMembers}>
Traite les données non fiables transmises au SDK, comme les données saisies par l’utilisateur pendant la connexion.
UserMembers}>
Détails de l’utilisateur actif, notamment `username`, `email` et `roles`.
## Méthodes
Cette méthode change la langue d’affichage de la page Universal Login.
```typescript Example theme={null}
import LoginEmailVerification from '@auth0/auth0-acul-js/login-email-verification';
const loginEmailVerificationManager = new LoginEmailVerification();
loginEmailVerificationManager.changeLanguage({
language: 'fr',
});
```
**Paramètres de la méthode**
[LanguageChangeOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/LanguageChangeOptions).
Le code de langue de la langue souhaitée (par exemple, `'en'`, `'fr'`, `'es'`).
Lorsqu’elle est définie à `'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 soumet le code de vérification par courriel saisi par l’utilisateur.
```typescript Example theme={null}
import LoginEmailVerification from '@auth0/auth0-acul-js/login-email-verification';
const loginEmailVerificationManager = new LoginEmailVerification();
loginEmailVerificationManager.continueWithCode({
code: '123456',
});
```
**Paramètres de la méthode**
[ContinueWithCodeOptionPayload](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/ContinueWithCodeOptionPayload).
Le code de vérification envoyé au courriel de l’utilisateur.
Champs personnalisés supplémentaires préfixés par `ulp-` (par exemple, `'ulp-custom-field'`).
Error[]}>
Cette méthode récupère, à partir du contexte, le tableau des erreurs de la transaction, ou un tableau vide s’il n’y en a aucune. Elle renvoie un tableau d’objets d’erreur du contexte de la transaction.
Cette méthode demande qu’un nouveau code de vérification soit envoyé à l’adresse courriel de l’utilisateur.
```typescript Example theme={null}
import LoginEmailVerification from '@auth0/auth0-acul-js/login-email-verification';
const loginEmailVerificationManager = new LoginEmailVerification();
loginEmailVerificationManager.resendCode();
```
**Paramètres de la méthode**
[CustomOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/CustomOptions).
Champs personnalisés supplémentaires préfixés par `ulp-` (par exemple, `'ulp-custom-field'`).
ResendControl}>
Cette méthode permet de renvoyer le code avec gestion du délai d’attente. Elle renvoie un objet [`ResendControl`](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/ResendControl) doté d’une méthode `startResend()` qui déclenche le renvoi et impose une période d’attente avant que l’utilisateur puisse renvoyer le code à nouveau.
```typescript Example theme={null}
import LoginEmailVerification from '@auth0/auth0-acul-js/login-email-verification';
const loginEmailVerificationManager = new LoginEmailVerification();
const { startResend } = loginEmailVerificationManager.resendManager({
timeoutSeconds: 15,
onStatusChange: (remainingSeconds, isDisabled) => {
console.log(`Resend available in ${remainingSeconds}s, disabled: ${isDisabled}`);
},
onTimeout: () => {
console.log('Resend is now available');
}
});
// Appeler startResend lorsque l’utilisateur clique sur le bouton de renvoi
startResend();
```
**Paramètres de la méthode**
[StartResendOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/StartResendOptions).
La durée de la période d’attente, en secondes, avant que l’utilisateur puisse renvoyer le code à nouveau.
OnStatusChangeCallback}>
Fonction de rappel invoquée chaque fois que l’état du renvoi change; elle renvoie le nombre de secondes restantes et indique si la fonctionnalité de renvoi est actuellement désactivée.
Fonction de rappel invoquée lorsque la période d’attente prend fin et que le renvoi redevient possible.