OrganizationPicker

Décrit toutes les propriétés et méthodes disponibles pour personnaliser l’écran organization-picker de Universal Login.

La classe OrganizationPicker implémente la fonctionnalité de l’écran organization-picker. Cet écran permet aux utilisateurs de choisir une organisation dans une liste d’organisations disponibles.

​

Constructeurs

Créez une instance du gestionnaire de l’écran OrganizationPicker :

Example

import OrganizationPicker from '@auth0/auth0-acul-js/organization-picker';
const organizationPickerManager = new OrganizationPicker();
await organizationPickerManager.selectOrganization({ organization: 'org_XXXXXXXXXXXXXXX' });

​

Propriétés

branding · BrandingMembers

Fournit des configurations liées à l’image de marque, comme le thème de l’image de marque et les paramètres.

client · ClientMembers

Fournit des configurations liées au client, comme id, name et logoUrl, pour l’écran organization-picker.

organization · OrganizationMembers

Fournit des renseignements sur l’organisation de l’utilisateur, comme id et name.

prompt · PromptMembers

Contient des données sur le prompt actuel dans le flux d’authentification.

screen · ScreenMembers

Contient des détails propres à l’écran organization-picker, y compris sa configuration et son contexte.

tenant · TenantMembers

Contient des données liées au tenant, comme id et les métadonnées associées.

transaction · TransactionMembers

Fournit des données propres à la transaction pour l’écran organization-picker, comme les identifiants actifs et les états du flux.

untrustedData · UntrustedDataMembers

Gère les données non fiables transmises au SDK, comme la saisie de l’utilisateur pendant le flux de sélection d’organisation.

user · UserMembers

Contient les détails de l’utilisateur actif, notamment username, email et roles.

​

Méthodes

changeLanguage · Promise<void>

Cette méthode modifie la langue d’affichage de la page Universal Login.

Example

import OrganizationPicker from '@auth0/auth0-acul-js/organization-picker';
const organizationPickerManager = new OrganizationPicker();
organizationPickerManager.changeLanguage({
  language: 'fr',
});

Paramètres de la méthode

Afficher Paramètres

options

LanguageChangeOptions.

language · string · requis

Le code de la langue souhaitée (par exemple, 'en', 'fr', 'es').

persist? · "session"

Lorsqu’elle est définie sur 'session', la langue sélectionnée est conservée pendant toute la session.

getErrors · Error []

Cette méthode récupère le tableau des erreurs de transaction à partir du contexte, ou un tableau vide s’il n’en existe aucune.

selectOrganization · Promise<void>

Cette méthode soumet l’ID de l’organisation sélectionnée.

Example

import OrganizationPicker from '@auth0/auth0-acul-js/organization-picker';
const organizationPickerManager = new OrganizationPicker();
await organizationPickerManager.selectOrganization({ organization: 'org_XXXXXXXXXXXXXXX' });

Paramètres de la méthode

Afficher Paramètres

options

SelectOrganizationOptions.

organization · string · requis

L’ID de l’organisation à sélectionner.

state? · string

Une valeur state facultative à inclure dans la requête.

skipOrganizationSelection · Promise<void>

Cette méthode soumet l’action permettant d’ignorer la sélection d’organisation.

Example

import OrganizationPicker from '@auth0/auth0-acul-js/organization-picker';
const organizationPickerManager = new OrganizationPicker();
await organizationPickerManager.skipOrganizationSelection();