> ## 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 disponibles pour personnaliser l’écran `login-id` de Universal Login.
La classe LoginId implémente la fonctionnalité de l’écran `login-id`. Cet écran recueille l’identifiant de l’utilisateur comme première étape d’un flux d’authentification où l’identifiant est saisi en premier. 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 la connexion par clé d’accès, les fournisseurs d’identité fédérés et Google One Tap.
## Constructeurs
Créez une instance du gestionnaire d’é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.
ClientMembers}>
Fournit des configurations liées au client, comme `id`, `name` et `logoUrl`, pour l’écran `login-id`.
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.
ScreenMembersOnLoginId}>
Contient des détails propres à l’écran `login-id`, 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.
TransactionMembersOnLoginId}>
Fournit des données propres à la transaction pour l’écran `login-id`, comme les identifiants actifs et les états du flux.
UntrustedDataMembers}>
Gère les données non fiables transmises au SDK, comme les saisies de l’utilisateur pendant la connexion.
UserMembers}>
Renseignements sur l’utilisateur actif, y compris `username`, `email` et `roles`.
## Méthodes
Cette méthode change 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](/docs/fr-ca/libraries/acul/js-sdk/Screens/interfaces/LanguageChangeOptions).
Le code de locale de la langue souhaitée (par exemple, `'en'`, `'fr'`, `'es'`).
Lorsqu’elle est définie à `'session'`, la langue sélectionnée est conservée pendant toute la durée de la session.
Cette méthode redirige l’utilisateur vers le [fournisseur d’identité 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 LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.federatedLogin({
connection: "google-oauth2"
});
```
**Paramètres de la méthode**
Le nom de la connexion du fournisseur d’identité social ou d’entreprise.
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. Elle renvoie un tableau d’objets d’erreur provenant du contexte de transaction.
ScreenIdentifierType[] | null}>
Cette méthode récupère les types d’identifiant 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 invite l’utilisateur à 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](/docs/fr-ca/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 votre tenant Auth0 a [Bot Detection](/docs/fr-ca/secure/attack-protection/bot-detection) activé.
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](/docs/fr-ca/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 authentifie l’utilisateur à l’aide d’une information d’identification 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 — sa valeur est `null` lorsque la fonctionnalité n’est pas activée côté serveur.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.googleOneTap({ one_tap_credential: credential });
```
**Paramètres de la méthode**
Le jeton d’information 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 LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.pickCountryCode();
```
Cette méthode initialise une demande passive d’information d’identification WebAuthn à l’aide de `navigator.credentials.get()` avec `mediation: conditional`. Lorsque cette fonctionnalité est prise en charge, le navigateur peut afficher les clés d’accès enregistrées directement dans la liste déroulante d’autocomplétion 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 cet élément.
