> ## 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
> Describe todas las propiedades y métodos disponibles para personalizar la pantalla `login-id` de Universal Login.
La clase LoginId implementa la funcionalidad de la pantalla `login-id`. Esta pantalla solicita el identificador y la contraseña del usuario. Según tu inquilino, este identificador puede ser un correo electrónico, un número de teléfono o un username.
## Constructores
Cree una instancia del administrador de la pantalla LoginId:
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.getLoginIdentifiers();
```
## Propiedades
BrandingMembers}>
Proporciona la configuración de marca, como el tema y los ajustes de marca.
ClientMembers}>
Proporciona la configuración del cliente, como `id`, `name` y `logoUrl`, para la pantalla `login-id`.
OrganizationMembers}>
Proporciona información sobre la organización del usuario, como `id` y `name`.
PromptMembers}>
Contiene datos sobre la pantalla actual del flujo de autenticación.
ScreenMembersOnLoginId}>
Contiene detalles específicos de la pantalla `login-id`, incluida su configuración y su contexto.
TenantMembers}>
Contiene datos relacionados con el inquilino, como `id` y los metadatos asociados.
TransactionMembersOnLoginId}>
Proporciona datos específicos de la transacción para la pantalla `login-id`, como identificadores activos y estados del flujo.
UntrustedDataMembers}>
Gestiona datos no confiables que se pasan al SDK, como la entrada del usuario durante el inicio de sesión.
UserMembers}>
Contiene los detalles del usuario activo, incluidos `username`, `email` y `roles`.
## Métodos
Este método cambia el idioma que se muestra en la página de Universal Login.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.changeLanguage({
language: 'fr',
});
```
**Parámetros del método**
[LanguageChangeOptions](/es/docs/libraries/acul/js-sdk/Screens/interfaces/LanguageChangeOptions).
El código de configuración regional del idioma deseado (por ejemplo, `'en'`, `'fr'`, `'es'`).
Cuando se establece en `'session'`, el idioma seleccionado se conserva durante toda la sesión.
Campos personalizados adicionales con el prefijo `ulp-` (por ejemplo, `'ulp-custom-field'`).
Este método redirige al usuario al Proveedor de identidad (IdP) social o empresarial para autenticarse.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.federatedLogin({
connection: "google-oauth2"
});
```
**Parámetros del método**
[FederatedLoginPayloadOptions](/es/docs/libraries/acul/js-sdk/Screens/interfaces/FederatedLoginPayloadOptions).
El nombre de la conexión social que se debe usar.
Error[]}>
Este método recupera el array de errores de la transacción desde el contexto, o un array vacío si no existe ninguno. Devuelve un array de objetos de error del contexto de la transacción.
ScreenIdentifierType[] | null}>
Este método obtiene los tipos de identificador activos para la pantalla login-id.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.getLoginIdentifiers();
```
Este método solicita al usuario que proporcione su username.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.login({
username: "testUser"
});
```
**Parámetros del método**
[LoginOptions](/es/docs/libraries/acul/js-sdk/Screens/interfaces/LoginOptions).
El identificador del usuario.
El código o la respuesta del captcha del proveedor correspondiente. Esta propiedad es obligatoria si tu inquilino de Auth0 tiene [Bot Detection](/es/docs/secure/attack-protection/bot-detection) habilitado.
Campos personalizados adicionales con el prefijo `ulp-` (por ejemplo, `'ulp-custom-field'`).
Este método autentica al usuario con la passkey proporcionada y, si se completa correctamente, lo redirige a `redirect_url`.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.passkeyLogin();
```
**Parámetros del método**
[CustomOptions](/es/docs/libraries/acul/js-sdk/Screens/interfaces/CustomOptions).
Campos personalizados adicionales con el prefijo `ulp-` (por ejemplo, `'ulp-custom-field'`).
Este método redirige al usuario a la lista de selección de códigos de país, donde puede actualizar el prefijo del código de país de su número de teléfono.
```typescript Example theme={null}
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.pickCountryCode();
```
**Parámetros del método**
[CustomOptions](/es/docs/libraries/acul/js-sdk/Screens/interfaces/CustomOptions).
Campos personalizados adicionales con el prefijo `ulp-` (por ejemplo, `'ulp-custom-field'`).
Este método inicializa una solicitud pasiva de credenciales de WebAuthn mediante `navigator.credentials.get()` con `mediation: conditional`. Cuando es compatible, permite que el navegador muestre las passkeys almacenadas directamente en el menú desplegable de autocompletado del campo de username.
```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);
```
**Parámetros del método**
ID opcional del elemento `` del username (sin `#`). Ejemplo: `"username"`. Si se omite, el desarrollador debe asegurarse manualmente de que el elemento input tenga los atributos `autocomplete` correctos.
