> ## 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.
# Login
> Décrit toutes les propriétés et méthodes disponibles pour personnaliser l’écran `login` de Universal Login.
La classe Login implémente les fonctionnalités de l’écran `login`. Cet écran permet à l’utilisateur de saisir son identifiant et son mot de passe. Selon votre tenant, cet identifiant peut être une adresse courriel, un numéro de téléphone ou un nom d’utilisateur. Il prend également en charge l’authentification par l’intermédiaire de fournisseurs d’identité fédérés et de Google One Tap.
## Constructeurs
Créez une instance du gestionnaire de l’écran de connexion :
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.login({
username: "testUser",
password: "testPassword"
});
```
## Propriétés
BrandingMembers}>
Fournit des configurations liées à l’image de marque, comme le thème et les paramètres d’image de marque.
ClientMembers}>
Fournit des configurations liées au client, comme `id`, `name` et `logoUrl`, pour l’écran `login`.
OrganizationMembers}>
Fournit des renseignements sur l’Organization de l’utilisateur, comme `id` et `name`.
PromptMembers}>
Contient des données sur le prompt actuel dans le flux d’authentification.
ScreenMembersOnLogin}>
Contient des détails propres à l’écran `login`, y compris sa configuration et son contexte.
TenantMembers}>
Contient des données liées au tenant, comme `id` et les métadonnées associées.
TransactionMembersOnLogin}>
Fournit des données propres à la transaction pour l’écran `login`, 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 lors de la connexion.
UserMembers}>
Détails de 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 Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.changeLanguage({
language: 'fr',
});
```
**Paramètres de la méthode**
[LanguageChangeOptions](/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/LanguageChangeOptions).
Le code du paramètre régional pour la langue souhaitée (par exemple, `'en'`, `'fr'`, `'es'`).
Lorsqu’elle est définie sur `'session'`, la langue sélectionnée est enregistrée pendant toute la durée de la session.
Cette méthode redirige l’utilisateur vers le [Social](/docs/fr-ca/authenticate/identity-providers/social-identity-providers) ou le [fournisseur d’identité d’entreprise](/docs/fr-ca/authenticate/identity-providers/enterprise-identity-providers) (IdP) pour l’authentification.
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.federatedLogin({
connection: "google-oauth2"
});
```
**Paramètres de la méthode**
Le nom de la connexion du fournisseur d’identité Social ou fournisseur d’identité d’entreprise.
Error[]}>
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 pas. Un tableau d’objets d’erreur issu du contexte de transaction.
ScreenIdentifierType[] | null}>
Cette méthode renvoie les types d’identifiants actifs pour l’écran `login`.
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.getLoginIdentifiers();
```
Cette méthode authentifie l’utilisateur à l’aide de l’identifiant et du mot de passe fournis.
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.login({
username: "testUser",
password: "testPassword"
});
```
**Paramètres de la méthode**
[LoginPayloadOptions](/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/LoginPayloadOptions).
L’identifiant 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 [Bot Detection](/docs/fr-ca/secure/attack-protection/bot-detection) est activé dans votre tenant Auth0.
Des champs personnalisés supplémentaires précédés de `ulp-` (par exemple, `'ulp-custom-field'`).
Cette méthode authentifie l’utilisateur à l’aide d’un identifiant Google One Tap, ce qui permet une connexion en un clic sans redirection vers une page de connexion distincte.
Vérifiez `screen.googleOneTapConfig` avant d’afficher l’invite Google One Tap — elle est `null` lorsque la fonctionnalité n’est pas activée côté serveur.
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.googleOneTap({ one_tap_credential: credential });
```
**Paramètres de la méthode**
Le jeton d’identification Google One Tap renvoyé par l’invite Google Identity Services.
Cette méthode redirige l’utilisateur vers la liste de sélection de l’indicatif de pays, où il peut mettre à jour l’indicatif de pays de son numéro de téléphone.
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.pickCountryCode();
```