> ## Documentation Index
> Fetch the complete documentation index at: https://auth0-automated-translations-update.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Créer une interface Delegated Admin avec l’API My Organization

> Explique comment utiliser Universal Components pour créer des interfaces d’administration déléguée avec l’API My Organization d’Auth0.

export const ReleaseStageNotice = ({feature, stage, plans, contact, terms}) => {
  const stageTextMap = {
    "beta": "bêta",
    "ea": "Accès anticipé"
  };
  const stageText = stageTextMap[stage] || "une phase de lancement du produit";
  const prsLink = "/docs/troubleshoot/product-lifecycle/product-release-stages";
  const linkify = (text, url) => {
    return <a href={url} target="_blank" rel="noreferrer" class="link">{text}</a>;
  };
  const includeDetails = (plans, contact, terms) => {
    const hasDetails = terms || plans || contact;
    if (!hasDetails) return null;
    return <span data-as="p">
            {plans && <>Cette fonctionnalité est offerte avec les forfaits {linkify(`${plans}`, "https://auth0.com/pricing")}. </>}
            {contact && "Pour y participer, communiquez avec " + contact + ". "}
            {terms && <>En utilisant cette fonctionnalité, vous acceptez les conditions applicables de l’essai gratuit énoncées dans le {linkify("Master Subscription Agreement", "https://www.okta.com/legal")} d’Okta.</>}
        </span>;
  };
  return <Warning>
            <span data-as="p">
                <strong>La fonctionnalité {feature} est en {linkify(stageText, prsLink)}.</strong>
            </span>

            {includeDetails(plans, contact, terms)}
        </Warning>;
};

<ReleaseStageNotice feature="Auth0 Universal Components" stage="ea" terms="true" contact="Auth0 Support" />

Universal Components vous permettent de créer un tableau de bord d’administration en libre-service au sein de votre propre application. Vos clients B2B, auxquels vous déléguez le rôle d’administrateur de votre [Auth0 Organization](/docs/fr-ca/manage-users/organizations), peuvent ainsi gérer leur image de marque, leurs fournisseurs d’identité et leurs domaines vérifiés sans devoir accéder à Auth0 Dashboard ni faire appel à une équipe de soutien pour les tâches administratives de base.

<h2 id="how-it-works">
  Fonctionnement
</h2>

Universal Components utilise l’[API My Organization](/docs/fr-ca/api/myorganization), qui fonctionne avec des jetons associés à l’utilisateur, pour créer un [tableau de bord d’administration SSO en libre-service](/docs/fr-ca/authenticate/enterprise-connections/self-service-enterprise-configuration). Lorsqu’un administrateur se connecte au tableau de bord intégré à votre application, le SDK Auth0 récupère un jeton d’accès contenant des scopes propres à l’Organization pour les privilèges d’administration. Les composants utilisent ce jeton pour envoyer des requêtes à l’API au nom de l’utilisateur connecté, ce qui garantit que les administrateurs délégués ne peuvent modifier que l’Auth0 Organization à laquelle ils appartiennent.

<h3 id="available-components">
  Composants disponibles
</h3>

Chaque composant est associé à des endpoints précis de la [API My Organization](/docs/fr-ca/api/myorganization) pour effectuer des tâches administratives.

| **Composant** | **Endpoint API** |
| :- | :- |
| **OrganizationDetailsEdit** — Modifier le nom de l’Organization, le nom d’affichage, les couleurs de l’image de marque et le logo. | `/my-org/details` |
| **SsoProviderTable** — Répertorier, activer, désactiver, supprimer et dissocier les fournisseurs d’identité SSO. | `/my-org/identity-providers` |
| **SsoProviderCreate** — Assistant à plusieurs étapes pour créer des fournisseurs SSO (Okta, ADFS, SAML, OIDC, Google Workspace, Azure AD, Ping Federate). | `/my-org/identity-providers` |
| **SsoProviderEdit** — Configurer les paramètres d’authentification, activer la fourniture et gérer les jetons SCIM ainsi que les associations de domaines. | `/my-org/identity-providers/{idp_id}` |
| **DomainTable** — Créer, vérifier, supprimer et associer des domaines à des fournisseurs d’identité. | `/my-org/domains` |
| **OrganizationMemberManagement** — Gérer les membres de l’Organization, les invitations et les attributions de rôles. | `/my-org/members`, `/my-org/invitations` |
| **OrganizationMemberDetail** — Consulter et gérer le profil d’un membre ainsi que les rôles qui lui sont attribués. | `/my-org/members/{user_id}`, `/my-org/members/{user_id}/roles` |

<h2 id="permission-aware-controls">
  Contrôles tenant compte des autorisations
</h2>

Les composants My Organization utilisent automatiquement les autorisations My Organization de l’administrateur connecté pour adapter les contrôles offerts. Selon le composant et l’action, les contrôles non offerts sont masqués ou désactivés, avec une explication. Les gestionnaires de mutation effectuent également des vérifications des autorisations côté client avant d’envoyer des requêtes.

Dans les applications SPA React, les composants lisent la demande personnalisée `urn:auth0:my_org_current_user_permissions` parmi les demandes du jeton d’ID. Dans les applications Next.js qui utilisent le mode proxy, ils lisent les autorisations dans la réponse de profil du proxy. Les jetons d'accès autorisent les requêtes vers l’API My Organization, qui demeure la limite d’autorisation de référence.

La prop `readOnly` est un contrôle distinct au niveau de l’application qui désactive les mutations, même lorsque l’administrateur dispose des autorisations requises. Les mutations de membres exigent également que le membre ciblé ait un niveau d’accès `limited` ou `full`.

| Zone du composant | Autorisations utilisées pour les opérations restreintes |
| :- | :- |
| Détails de l’Organization | `update:my_org:details` |
| Domaines | `create:my_org:domains`, `update:my_org:domains`, `delete:my_org:domains`, `create:my_org:identity_providers_domains`, `delete:my_org:identity_providers_domains` |
| Fournisseurs SSO | `create:my_org:identity_providers`, `update:my_org:identity_providers`, `delete:my_org:identity_providers`, `update:my_org:identity_providers_detach`, ainsi que les autorisations de domaine, de fourniture et de jeton SCIM requises par la configuration sélectionnée |
| Membres et invitations | `create:my_org:member_invitations`, `delete:my_org:member_invitations`, `create:my_org:member_roles`, `delete:my_org:member_roles`, `delete:my_org:memberships` |

<h2 id="configure-auth0-dashboard">
  Configurer Auth0 Dashboard
</h2>

Avant d’utiliser des composants My Organization, vous devez configurer votre tenant Auth0 avec les [API](/docs/fr-ca/api), les applications et les [portées](/docs/fr-ca/api/myorganization) appropriées.

<Tabs>
  <Tab title="React">
    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      **Configuration d’Auth0 Dashboard** — Effectuez toutes les étapes ci-dessous avant d’utiliser les composants My
      Organization.
    </Callout>

    <h2 id="create-the-application">
      Créer l'application
    </h2>

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      Cet exemple utilise une application monopage (SPA). Pour les cadres d'applications React avec rendu côté serveur, consultez l’onglet Next.js.
    </Callout>

    1. Accédez à [**Auth0 Dashboard > Applications > Applications**](https://manage.auth0.com/#/applications). Sélectionnez **Create Application**.

    2. Choisissez **Single Page Web Applications**.

    3. Dans l’onglet **Settings**, ajoutez `http://localhost:5173` aux champs suivants :
       * URL de rappel autorisées
       * URL de déconnexion autorisées

    4. Sous **Expérience de connexion**, sélectionnez :
       * Utilisateurs professionnels.
       * (Facultatif) Demander l’organisation.

    <h2 id="enable-the-my-organization-api">
      Activer l'API My Organization
    </h2>

    1. Accédez à [**Dashboard > Applications > APIs**](https://manage.auth0.com/#/applications).
    2. Sélectionnez **[My Organization API](/docs/fr-ca/api/myorganization)** et assurez-vous qu’elle est activée pour votre tenant.

    <h2 id="configure-application-access">
      Configurer l'accès à l'application
    </h2>

    1. Accédez à l’onglet **Application Access**.
    2. Sélectionnez **Edit** pour l’application que vous souhaitez utiliser.
    3. Configurez les paramètres suivants :
       * [Connection Profile](/docs/fr-ca/authenticate/enterprise-connections/connection-profile) : Sélectionnez ou créez un profil avec des mappages d’attributs de connexion.
       * [User Attribute Profile](/docs/fr-ca/authenticate/enterprise-connections/user-attribute-profile) : Sélectionnez ou créez un profil avec des mappages d’attributs utilisateur.
       * [Identity Providers pris en charge](/docs/fr-ca/authenticate/identity-providers) : Activez les fournisseurs que vos clients peuvent utiliser.
       * Comportement de suppression des connexions : Choisissez **Autoriser** ou **Autoriser si vide**.
         * **Autoriser** : Les utilisateurs peuvent supprimer des connexions, ce qui supprime tous les utilisateurs associés à ces connexions.
         * **Autoriser si vide** : Les utilisateurs peuvent uniquement supprimer des connexions ne contenant aucun utilisateur.
       * Autorisation d’accès des utilisateurs : Choisissez **Unauthorized**, **Autorisé** ou **Tous**.
         * **Unauthorized** : Aucune permission n’est autorisée.
         * **Autorisé** : Sélectionnez des permissions précises.
         * **Tous** : Incluez toutes les permissions existantes et futures.
       * Autorisation d’accès des informations d’identification du client : Choisissez **Unauthorized**, **Autorisé** ou **Tous**.
    4. Sélectionnez **Enregistrer**.

    <h2 id="set-up-the-database-and-user">
      Configurer la base de données et l'utilisateur
    </h2>

    1. Accédez à [**Auth0 Dashboard > Authentication > Database**](https://manage.auth0.com/#/connections/database) pour créer une connexion à une base de données.
    2. Dans l’onglet **Applications** de la connexion, activez votre nouvelle application SPA.
    3. Créez un utilisateur de test dans cette base de données aux fins des tests initiaux.

    <h2 id="set-up-the-role">
      Configurer le rôle
    </h2>

    1. Créez un rôle (par exemple, "Administrateur de l’organisation").
    2. Ajoutez au rôle les scopes requis de l’API My Organization.

    <Accordion title="Permissions requises">
      ```
          read:my_org:details
          update:my_org:details
          create:my_org:identity_providers
          read:my_org:identity_providers
          update:my_org:identity_providers
          delete:my_org:identity_providers
          update:my_org:identity_providers_detach
          create:my_org:identity_providers_domains
          delete:my_org:identity_providers_domains
          read:my_org:domains
          delete:my_org:domains
          create:my_org:domains
          update:my_org:domains
          read:my_org:identity_providers_scim_tokens
          create:my_org:identity_providers_scim_tokens
          delete:my_org:identity_providers_scim_tokens
          create:my_org:identity_providers_provisioning
          read:my_org:identity_providers_provisioning
          delete:my_org:identity_providers_provisioning
          read:my_org:configuration
          read:my_org:permissions
          read:my_org:user_stores
          read:my_org:members
          delete:my_org:memberships
          read:my_org:member_roles
          create:my_org:member_roles
          delete:my_org:member_roles
          read:my_org:member_invitations
          create:my_org:member_invitations
          delete:my_org:member_invitations
          read:my_org:roles
      ```
    </Accordion>

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      Le token de l’utilisateur n’inclura que les permissions présentes à la fois dans le rôle qui lui est attribué et dans les paramètres d’autorisation d’accès utilisateur configurés à l’étape précédente.
    </Callout>

    <h2 id="create-an-organization">
      Créer une organisation
    </h2>

    1. Accédez à [**Organizations > Create Organization**](https://manage.auth0.com/#/organizations).
    2. Configurez l’Auth0 Organization :
       * Dans **Membres** : Ajoutez votre utilisateur test et attribuez-lui le rôle « Organization Admin ».
       * Dans **Connexions** : Activez votre connexion à la base de données.

    <h2 id="configure-environment-variables">
      Configurer les variables d'environnement
    </h2>

    1. Créez un fichier `.env` à la racine de votre projet React :

    ```bash wrap lines theme={null}
    VITE_AUTH0_DOMAIN=your-domain.auth0.com
      VITE_AUTH0_CLIENT_ID=your-spa-client-id
    ```

    Les composants My Organization nécessitent un jeton d’accès pour l’audience de l’API My Organization. Pour la configuration d’une SPA React, consultez [Configurer Auth0ComponentProvider](/docs/fr-ca/get-started/universal-components/web/auth0-component-provider#use-with-my-organization-components).

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      Vous devez veiller à ce que votre utilisation de l’API My Organization et des composants d’interface utilisateur intégrables soit conforme à vos politiques de sécurité et aux lois applicables, y compris en ce qui concerne les permissions accordées à vos utilisateurs finaux.
    </Callout>

    <Check>
      L’utilisateur doit être authentifié et membre de l’Auth0 Organization. Les composants chargent automatiquement les données de l’Organization à partir du contexte de l’utilisateur actuel. Pour en savoir plus sur l’installation et la configuration de `Auth0ComponentProvider`, consultez [Auth0 Universal Components](/docs/fr-ca/get-started/universal-components/universal-components-overview)
    </Check>
  </Tab>

  <Tab title="Next.js">
    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      **Configuration d’Auth0 Dashboard** — Effectuez toutes les étapes ci-dessous avant d’utiliser les composants My Organization.
    </Callout>

    <h2 id="create-the-application-2">
      Créer l'application
    </h2>

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      Cet exemple utilise une Regular Web Application avec Next.js. Vous pouvez également configurer une Single Page Application en suivant des étapes semblables.
    </Callout>

    1. Accédez à [**Auth0 Dashboard > Applications > Applications**](https://manage.auth0.com/#/applications). Sélectionnez **Create Application**.

    2. Choisissez **Regular Web Application**.

    3. Dans l’onglet **Settings**, ajoutez `http://localhost:5173` aux champs suivants :
       * URL de rappel autorisées
       * URL de déconnexion autorisées

    4. Sous **Expérience de connexion**, sélectionnez :
       * Utilisateurs professionnels.
       * (Facultatif) Demander l’organisation.

    <h2 id="enable-the-my-organization-api-2">
      Activer l'API Mon organisation
    </h2>

    1. Accédez à [**Dashboard > Applications > APIs**](https://manage.auth0.com/#/applications).
    2. Sélectionnez **[My Organization API](/docs/fr-ca/api/myorganization)** et assurez-vous qu’elle est activée pour votre tenant.

    <h2 id="configure-application-access-2">
      Configurer l'accès à l'application
    </h2>

    1. Accédez à l’onglet **Application Access**.
    2. Sélectionnez **Edit** pour l’Application que vous souhaitez utiliser.
    3. Configurez les paramètres suivants :
       * [Connection Profile](/docs/fr-ca/authenticate/enterprise-connections/connection-profile) : Sélectionnez ou créez un profil avec des mappages d’attributs de connexion.
       * [User Attribute Profile](/docs/fr-ca/authenticate/enterprise-connections/user-attribute-profile) : Sélectionnez ou créez un profil avec des mappages d’attributs utilisateur.
       * [Identity Providers pris en charge](/docs/fr-ca/authenticate/identity-providers) : Activez les fournisseurs que vos clients peuvent utiliser.
       * Comportement de suppression des connexions : Choisissez **Autoriser** ou **Autoriser si vide**.
         * **Autoriser** : Les utilisateurs peuvent supprimer des connexions, ce qui supprime tous les utilisateurs associés à ces connexions.
         * **Autoriser si vide** : Les utilisateurs peuvent uniquement supprimer des connexions ne contenant aucun utilisateur.
       * Autorisation d’accès des utilisateurs : Choisissez **Unauthorized**, **Autorisé** ou **Tous**.
         * **Unauthorized** : Aucune permission n’est autorisée.
         * **Autorisé** : Sélectionnez des permissions précises.
         * **Tous** : Incluez toutes les permissions existantes et futures.
       * Autorisation d’accès des informations d’identification du client : Choisissez **Unauthorized**, **Autorisé** ou **Tous**.
    4. Sélectionnez **Enregistrer**.

    <h2 id="set-up-the-database-and-user-2">
      Configurer la base de données et l'utilisateur
    </h2>

    1. Accédez à [**Auth0 Dashboard > Authentication > Database**](https://manage.auth0.com/#/connections/database) pour créer une connexion à une base de données.
    2. Dans l’onglet **Applications** de la connexion, activez votre nouvelle application SPA.
    3. Créez un utilisateur de test dans cette base de données aux fins des tests initiaux.

    <h2 id="set-up-the-role-2">
      Configurer le rôle
    </h2>

    1. Créez un rôle (par exemple, "Administrateur de l’organisation").
    2. Ajoutez au rôle les scopes requis de l’API My Organization.

    <Accordion title="Permissions requises">
      ```
          read:my_org:details
          update:my_org:details
          create:my_org:identity_providers
          read:my_org:identity_providers
          update:my_org:identity_providers
          delete:my_org:identity_providers
          update:my_org:identity_providers_detach
          create:my_org:identity_providers_domains
          delete:my_org:identity_providers_domains
          read:my_org:domains
          delete:my_org:domains
          create:my_org:domains
          update:my_org:domains
          read:my_org:identity_providers_scim_tokens
          create:my_org:identity_providers_scim_tokens
          delete:my_org:identity_providers_scim_tokens
          create:my_org:identity_providers_provisioning
          read:my_org:identity_providers_provisioning
          delete:my_org:identity_providers_provisioning
          read:my_org:configuration
          read:my_org:permissions
          read:my_org:user_stores
          read:my_org:members
          delete:my_org:memberships
          read:my_org:member_roles
          create:my_org:member_roles
          delete:my_org:member_roles
          read:my_org:member_invitations
          create:my_org:member_invitations
          delete:my_org:member_invitations
          read:my_org:roles
      ```
    </Accordion>

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      Le token de l’utilisateur n’inclura que les permissions présentes à la fois dans le rôle qui lui est attribué et dans les paramètres d’autorisation d’accès utilisateur configurés à l’étape précédente.
    </Callout>

    <h2 id="create-an-organization-2">
      Créer une organisation
    </h2>

    1. Accédez à [**Organizations > Create Organization**](https://manage.auth0.com/#/organizations).
    2. Configurez l’Auth0 Organization :
       * Dans **Membres** : Ajoutez votre utilisateur test et attribuez-lui le rôle "Organization Admin".
       * Dans **Connexions** : Activez votre connexion à la base de données.

    <h2 id="configure-environment-variables-2">
      Configurer les variables d'environnement
    </h2>

    1. Créez un fichier `.env` à la racine de votre projet React :

    ```bash wrap lines theme={null}
    NEXT_PUBLIC_AUTH0_DOMAIN=your-domain.auth0.com
    NEXT_PUBLIC_AUTH0_CLIENT_ID=your-client-id
    AUTH0_SECRET=your-secret
    AUTH0_ISSUER_BASE_URL=https://your-domain.auth0.com
    ```

    Pour Next.js avec le SDK @auth0/nextjs-auth0, consultez la [documentation du SDK Auth0 Next.js](https://auth0.com/docs/quickstart/webapp/nextjs) pour obtenir les instructions de configuration complètes.

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      Vous devez veiller à ce que votre utilisation de l’API My Organization et des composants d’interface utilisateur intégrables soit conforme à vos politiques de sécurité et aux lois applicables, y compris en ce qui concerne les permissions accordées à vos utilisateurs finaux.
    </Callout>

    <Check>
      L’utilisateur doit être authentifié et être membre de l’Auth0 Organization. Les composants chargent automatiquement les données de l’Organization à partir du contexte de l’utilisateur actuel. Pour en savoir plus sur l’installation et la configuration de `Auth0ComponentProvider`, consultez [Auth0 Universal Components](/docs/fr-ca/get-started/universal-components/universal-components-overview).
    </Check>
  </Tab>

  <Tab title="shadcn">
    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      **Configuration d’Auth0 Dashboard** — Effectuez toutes les étapes ci-dessous avant d’utiliser les composants My Organization.
    </Callout>

    <h2 id="create-the-application-3">
      Créer l'application
    </h2>

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      Cet exemple utilise une Single Page Application, mais vous pouvez aussi configurer une Regular Web Application (RWA) en suivant des étapes semblables.
    </Callout>

    1. Accédez à [**Auth0 Dashboard > Applications > Applications**](https://manage.auth0.com/#/applications). Sélectionnez **Create Application**.

    2. Choisissez **Single Page Web Applications**.

    3. Dans l’onglet **Settings**, ajoutez `http://localhost:5173` aux champs suivants :
       * URL de rappel autorisées
       * URL de déconnexion autorisées

    4. Sous **Expérience de connexion**, sélectionnez :
       * Utilisateurs professionnels.
       * (Facultatif) Demander l’organisation.

    <h2 id="enable-the-my-organization-api-3">
      Activer l'API My Organization
    </h2>

    1. Accédez à [**Dashboard > Applications > APIs**](https://manage.auth0.com/#/applications).
    2. Sélectionnez **[My Organization API](/docs/fr-ca/api/myorganization)** et assurez-vous qu’elle est activée pour votre tenant.

    <h2 id="configure-application-access-3">
      Configurer l'accès à l'application
    </h2>

    1. Accédez à l’onglet **Application Access**.
    2. Sélectionnez **Edit** pour l’application que vous souhaitez utiliser.
    3. Configurez les paramètres suivants :
       * [Connection Profile](/docs/fr-ca/authenticate/enterprise-connections/connection-profile) : Sélectionnez ou créez un profil avec des mappages d’attributs de connexion.
       * [User Attribute Profile](/docs/fr-ca/authenticate/enterprise-connections/user-attribute-profile) : Sélectionnez ou créez un profil avec des mappages d’attributs utilisateur.
       * [Identity Providers pris en charge](/docs/fr-ca/authenticate/identity-providers) : Activez les fournisseurs que vos clients peuvent utiliser.
       * Comportement de suppression des connexions : Choisissez **Autoriser** ou **Autoriser si vide**.
         * **Autoriser** : Les utilisateurs peuvent supprimer des connexions, ce qui supprime tous les utilisateurs associés à ces connexions.
         * **Autoriser si vide** : Les utilisateurs peuvent uniquement supprimer des connexions ne contenant aucun utilisateur.
       * Autorisation d’accès des utilisateurs : Choisissez **Unauthorized**, **Autorisé** ou **Tous**.
         * **Unauthorized** : Aucune permission n’est autorisée.
         * **Autorisé** : Sélectionnez des permissions précises.
         * **Tous** : Incluez toutes les permissions existantes et futures.
       * Autorisation d’accès des informations d’identification du client : Choisissez **Unauthorized**, **Autorisé** ou **Tous**.
    4. Sélectionnez **Enregistrer**.

    <h2 id="set-up-the-database-and-user-3">
      Configurer la base de données et l'utilisateur
    </h2>

    1. Accédez à [**Auth0 Dashboard > Authentication > Database**](https://manage.auth0.com/#/connections/database) pour créer une connexion à une base de données.
    2. Dans l’onglet **Applications** de la connexion, activez votre nouvelle application SPA.
    3. Créez un utilisateur de test dans cette base de données pour les tests initiaux.

    <h2 id="set-up-the-role-3">
      Configurer le rôle
    </h2>

    1. Créez un rôle (par exemple, "Administrateur de l’organisation").
    2. Ajoutez au rôle les scopes requis de l’API My Organization.

    <Accordion title="Permissions requises">
      ```
          read:my_org:details
          update:my_org:details
          create:my_org:identity_providers
          read:my_org:identity_providers
          update:my_org:identity_providers
          delete:my_org:identity_providers
          update:my_org:identity_providers_detach
          create:my_org:identity_providers_domains
          delete:my_org:identity_providers_domains
          read:my_org:domains
          delete:my_org:domains
          create:my_org:domains
          update:my_org:domains
          read:my_org:identity_providers_scim_tokens
          create:my_org:identity_providers_scim_tokens
          delete:my_org:identity_providers_scim_tokens
          create:my_org:identity_providers_provisioning
          read:my_org:identity_providers_provisioning
          delete:my_org:identity_providers_provisioning
          read:my_org:configuration
          read:my_org:permissions
          read:my_org:user_stores
          read:my_org:members
          delete:my_org:memberships
          read:my_org:member_roles
          create:my_org:member_roles
          delete:my_org:member_roles
          read:my_org:member_invitations
          create:my_org:member_invitations
          delete:my_org:member_invitations
          read:my_org:roles
      ```
    </Accordion>

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      Le token de l’utilisateur n’inclura que les permissions communes au rôle qui lui est attribué et aux paramètres d’autorisation d’accès utilisateur configurés à l’étape précédente.
    </Callout>

    <h2 id="create-an-organization-3">
      Créer une organisation
    </h2>

    1. Accédez à [**Organizations > Create Organization**](https://manage.auth0.com/#/organizations).
    2. Configurez l’Auth0 Organization :
       * Dans **Membres** : Ajoutez votre utilisateur de test et attribuez-lui le rôle « Organization Admin ».
       * Dans **Connexions** : Activez votre connexion à la base de données.

    <h2 id="configure-environment-variables-3">
      Configurer les variables d'environnement
    </h2>

    <Warning>
      La configuration des variables d’environnement varie selon le cadre d'applications et la configuration. Consultez le répertoire `examples/` du dépôt pour des exemples précis de mise en œuvre.
    </Warning>

    Créez un fichier `.env` à la racine de votre projet React :

    ```bash wrap lines theme={null}
    VITE_AUTH0_DOMAIN=your-domain.auth0.com
    VITE_AUTH0_CLIENT_ID=your-spa-client-id
    ```

    <Warning>
      Vous devez veiller à ce que votre utilisation de l’API My Organization et des composants d’interface utilisateur intégrables soit conforme à vos politiques de sécurité et aux lois applicables, y compris en ce qui concerne les permissions accordées à vos utilisateurs finaux.
    </Warning>

    <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
      L’utilisateur doit être authentifié et membre de l’Auth0 Organization. Les composants chargent automatiquement les données de l’Organization à partir du contexte de l’utilisateur actuel. Pour en savoir plus sur l’installation et la configuration de `Auth0ComponentProvider`, consultez [Auth0 Universal Components](/docs/fr-ca/get-started/universal-components/universal-components-overview)
    </Callout>
  </Tab>
</Tabs>