Passer au contenu principal
La classe LoginPasswordlessEmailCode implémente la fonctionnalité de l’écran login-passwordless-email-code. Cet écran recueille le courriel et le code de l’utilisateur.
Connexion Passwordless par courriel avec code

Constructeurs

Créez une instance du gestionnaire de l’écran LoginPasswordlessEmailCode :
Example
import LoginPasswordlessEmailCode from '@auth0/auth0-acul-js/login-passwordless-email-code';
const loginPasswordlessEmailCodeManager = new LoginPasswordlessEmailCode();
loginPasswordlessEmailCodeManager.submitCode({
  code: '123456',
});

Propriétés

Fournit des configurations liées à l’image de marque, comme le thème et les paramètres associés.
Fournit des configurations liées à l’application, comme id, name et logoUrl, pour l’écran login-passwordless-email-code.
Fournit des renseignements sur l’organisation de l’utilisateur, comme id et name.
Contient des données sur l’invite en cours dans le flux d’authentification.
Contient des détails propres à l’écran login-passwordless-email-code, y compris sa configuration et son contexte.
Contient des données liées au locataire, comme id et les métadonnées associées.
Fournit des données propres à la transaction pour l’écran login-passwordless-email-code, comme les identifiants actifs et les états du flux.
Gère les données non fiables transmises au SDK, comme les saisies de l’utilisateur lors de la connexion.
Détails de l’utilisateur actif, y compris username, email et roles.

Méthodes

changeLanguage
Promise<void>
Cette méthode modifie la langue d’affichage de la page Universal Login.
Example
import LoginPasswordlessEmailCode from '@auth0/auth0-acul-js/login-passwordless-email-code';
const loginPasswordlessEmailCodeManager = new LoginPasswordlessEmailCode();
loginPasswordlessEmailCodeManager.changeLanguage({
  language: 'fr',
});
Paramètres de la méthode
getErrors
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.
resendCode
Promise<void>
Cette méthode renvoie le code à l’adresse courriel de l’utilisateur.
Example
import LoginPasswordlessEmailCode from '@auth0/auth0-acul-js/login-passwordless-email-code';
const loginPasswordlessEmailCodeManager = new LoginPasswordlessEmailCode();
loginPasswordlessEmailCodeManager.resendCode();
Paramètres de la méthode
resendManager
Cette méthode fournit une fonctionnalité de renvoi avec gestion du délai d’expiration. Elle renvoie un objet 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 de nouveau.
Example
import LoginPasswordlessEmailCode from '@auth0/auth0-acul-js/login-passwordless-email-code';

const loginPasswordlessEmailCodeManager = new LoginPasswordlessEmailCode();
const { startResend } = loginPasswordlessEmailCodeManager.resendManager({
  timeoutSeconds: 15,
  onStatusChange: (remainingSeconds, isDisabled) => {
    console.log(`Resend available in ${remainingSeconds}s, disabled: ${isDisabled}`);
  },
  onTimeout: () => {
    console.log('Resend is now available');
  }
});

// Appelez startResend lorsque l’utilisateur clique sur le bouton de renvoi
startResend();
Paramètres de la méthode
submitCode
Promise<void>
Cette méthode poursuit le processus de connexion à l’aide du code reçu par courriel.
Example
import LoginPasswordlessEmailCode from '@auth0/auth0-acul-js/login-passwordless-email-code';
const loginPasswordlessEmailCodeManager = new LoginPasswordlessEmailCode();
loginPasswordlessEmailCodeManager.submitCode({
  code: '123456',
});
Paramètres de la méthode
switchConnection
Promise<void>
Cette méthode permet de passer d’une connexion de base de données (mot de passe) à une connexion Passwordless (OTP par courriel/SMS), et inversement.
Example
import LoginPasswordlessEmailCode from '@auth0/auth0-acul-js/login-passwordless-email-code';
const loginPasswordlessEmailCodeManager = new LoginPasswordlessEmailCode();
loginPasswordlessEmailCodeManager.switchConnection({
  connection: 'email',
});
Paramètres de la méthode