> ## 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.
# Connexion
> Décrit toutes les propriétés et méthodes disponibles pour personnaliser l’écran `login` d’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 la configuration de 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 d’é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 à l’application, comme `id`, `name` et `logoUrl`, pour l’écran `login`.
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.
ScreenMembersOnLogin}>
Contient des détails propres à l’écran `login`, y compris sa configuration et son contexte.
TenantMembers}>
Contient des données relatives au locataire, 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}>
Contient les données non fiables transmises au SDK, comme les entrées de l’utilisateur pendant la connexion.
UserMembers}>
Contient les 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](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/LanguageChangeOptions).
Le code de langue de la langue souhaitée (par exemple, `'en'`, `'fr'`, `'es'`).
Lorsque la valeur 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écédés du préfixe `ulp-` (par exemple, `'ulp-custom-field'`).
Cette méthode redirige l’utilisateur vers le fournisseur d’identité (IdP) social ou d’entreprise 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**
[FederatedLoginPayloadOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/FederatedLoginPayloadOptions).
Le nom de la connexion sociale à utiliser.
Error[]}>
Cette méthode récupère le tableau des erreurs de la transaction à partir du contexte, ou un tableau vide s’il n’y en a aucune. Un tableau d’objets d’erreur provenant du contexte de la transaction.
ScreenIdentifierType[] | null}>
Cette méthode renvoie les types d’identifiant 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](/fr-CA/docs/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 la [détection des bots](/fr-CA/docs/secure/attack-protection/bot-detection) est activée sur votre locataire Auth0.
Des champs personnalisés supplémentaires préfixés par `ulp-` (par exemple, `'ulp-custom-field'`).
Cette méthode redirige l’utilisateur vers la liste de sélection de l’indicatif du pays, où il peut mettre à jour l’indicatif 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();
```
**Paramètres de la méthode**
[CustomOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/CustomOptions).
Champs personnalisés additionnels préfixés par `ulp-` (par exemple, `'ulp-custom-field'`).