> ## 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.
# LoginId
> Décrit toutes les propriétés et méthodes permettant de personnaliser l’écran `login-id` d’Universal Login.
La classe LoginId implémente la fonctionnalité de l’écran `login-id`. Cet écran recueille l’identifiant et le mot de passe de l’utilisateur. Selon 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 de l’écran LoginId :
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.getLoginIdentifiers();
```
## Propriétés
BrandingMembers}>
Fournit des configurations liées à l’image de marque, comme le thème et les paramètres visuels.
ClientMembers}>
Fournit des configurations liées à l’application, comme `id`, `name` et `logoUrl`, pour l’écran `login-id`.
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.
ScreenMembersOnLoginId}>
Contient des détails propres à l’écran `login-id`, notamment sa configuration et son contexte.
TenantMembers}>
Contient des données liées au locataire, comme `id` et les métadonnées associées.
TransactionMembersOnLoginId}>
Fournit des données propres à la transaction pour l’écran `login-id`, comme les identifiants actifs et les états du flux.
UntrustedDataMembers}>
Contient les données non fiables transmises au SDK, comme les entrées utilisateur pendant 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 LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.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 cette 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é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 s’authentifier.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.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 dans le contexte le tableau des erreurs de transaction, ou un tableau vide s’il n’y en a aucune.
ScreenIdentifierType[] | null}>
Cette méthode récupère les types d’identifiants actifs pour l’écran login-id.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.getLoginIdentifiers();
```
Cette méthode demande à l’utilisateur de saisir son nom d’utilisateur.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.login({
username: "testUser"
});
```
**Paramètres de la méthode**
[LoginOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/LoginOptions).
L’identifiant 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 pour votre locataire Auth0.
Champs personnalisés supplémentaires préfixés par `ulp-` (par exemple, `'ulp-custom-field'`).
Cette méthode authentifie l’utilisateur à l’aide de la clé d’accès fournie et, en cas de réussite, le redirige vers `redirect_url`.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.passkeyLogin();
```
**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'`).
Cette méthode redirige l’utilisateur vers la liste de sélection des indicatifs de pays, où il peut modifier l’indicatif de pays de son numéro de téléphone.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.pickCountryCode();
```
**Paramètres de la méthode**
[CustomOptions](/fr-CA/docs/libraries/acul/js-sdk/Screens/interfaces/CustomOptions).
Champs personnalisés supplémentaires précédés du préfixe `ulp-` (par exemple, `'ulp-custom-field'`).
Cette méthode initialise une demande passive d’identifiants WebAuthn au moyen de `navigator.credentials.get()` avec `mediation: conditional`. Lorsqu’elle est prise en charge, elle permet au navigateur d’afficher les clés d’accès enregistrées directement dans la liste déroulante de saisie semi-automatique du champ de nom d’utilisateur.
```typescript Example theme={null}
import LoginId from '@auth0/auth0-acul-js/login-id';
async function initializeLogin() {
const loginId = new LoginId();
await loginId.registerPasskeyAutofill('username');
}
initializeLogin().catch(console.error);
```
**Paramètres de la méthode**
ID facultatif de l’élément `` du nom d’utilisateur (sans `#`). Exemple : `"username"`. S’il est omis, le développeur doit s’assurer manuellement que les attributs `autocomplete` appropriés sont définis sur l’élément d’entrée.
