> ## 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.
# LoginPassword
> Décrit toutes les propriétés et méthodes disponibles pour personnaliser l’écran `login-password` dans Universal Login.
La classe LoginPassword implémente la fonctionnalité de l’écran `login-password`. Cet écran recueille l’identifiant et le mot de passe de l’utilisateur.
## Constructeurs
Créez une instance du gestionnaire de l’écran LoginPassword :
```typescript Example theme={null}
import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.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.
ClientMembers}>
Fournit des configurations liées à l’application, comme `id`, `name` et `logoUrl`, pour l’écran `login-password`.
OrganizationMembers}>
Fournit des renseignements sur l’organisation de l’utilisateur, comme `id` et `name`.
PromptMembers}>
Contient des données sur l’invite actuelle dans le flux d’authentification.
ScreenMembersOnLoginPassword}>
Contient des détails propres à l’écran `login-password`, 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.
TransactionMembersOnLoginPassword}>
Fournit des données propres à la transaction pour l’écran `login-password`, comme les identifiants actifs et les états du flux.
UntrustedDataMembers}>
Traite les données non fiables transmises au SDK, comme les entrées utilisateur pendant la connexion.
UserMembers}>
Contient les détails de l’utilisateur actif, notamment `username`, `email` et `roles`.
## Méthodes
Cette méthode modifie la langue d’affichage de la page Universal Login.
```typescript Example theme={null}
import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.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 aux paramètres régionaux pour 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 redirige l’utilisateur vers le fournisseur d’identité (IdP) social ou d’entreprise pour l’authentification.
```typescript Example theme={null}
import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.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, à partir du contexte, le tableau des erreurs de transaction, ou un tableau vide s’il n’y en a aucune.
Cette méthode authentifie l’utilisateur à l’aide de l’identifiant et du mot de passe fournis.
```typescript Example theme={null}
import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.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 fonctionnalité [Bot Detection](/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'`).
Cette méthode bascule entre une connexion de base de données (mot de passe) et une connexion Passwordless (OTP par courriel ou SMS).
```typescript Example theme={null}
import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.switchConnection({
connection: "email"
});
```
**Paramètres de la méthode**
[SwitchConnectionOptionsLoginPassword](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/SwitchConnectionOptionsLoginPassword).
Le nom de la connexion vers laquelle basculer. Utilisez `'email'` ou `'sms'` pour Passwordless, ou un nom de connexion de base de données pour l’authentification par mot de passe.
Champs personnalisés supplémentaires préfixés par `ulp-` (par exemple, `'ulp-custom-field'`).