> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-react-sdk-reference.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Cas d’utilisation : Configurer un formulaire de politique de mise à jour à l’aide des formulaires.

> Configurer un formulaire de politique de mise à jour à l’aide des formulaires pour Actions.

<Card title="Avant de commencer">
  1. Créez une [application machine-machine](https://auth0.com/docs/get-started/auth0-overview/create-applications/machine-to-machine-apps) avec les permissions suivantes activées :

  * `read:users`
  * `update:users`
  * `create:users`
  * `read:users_app_metadata`
  * `update:users_app_metadata`
  * `create:users_app_metadata`

  2. Ajoutez une [Connexion au coffre-fort](/docs/fr-ca/customize/forms/vault) en utilisant les informations d’identification de l’application machine-machine (M-M).
</Card>

Les formulaires pour Actions vous permettent de créer des flux de politiques de confidentialité personnalisés et de stocker le consentement avec l’objet `app_metadata` .

<Frame>
  <img src="https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=5044ccef68e24ff43bda2127e6e8d0c2" alt="Dashboard > Actions > Forms > Privacy policy use case" data-og-width="1404" width="1404" data-og-height="638" height="638" data-path="docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=280&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=705aaa5063b268648280a246cdc40a5e 280w, https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=560&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=3f6ebc03039e735494543c49889eadbb 560w, https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=840&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=5b9433d8ec635b3ef0e217b442770959 840w, https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=1100&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=37f90c4638e82a79addf6ff21101c2e1 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=1650&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=09cb71dd9ae8727717d6133b3b71004f 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=2500&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=d39092f0db3df9220a9c325a129c26c2 2500w" />
</Frame>

Les sections ci-dessous décrivent comment créer un formulaire de politique de mise à jour en utilisant des nœuds et des flux, ainsi que les étapes pour ajouter votre formulaire à une action [post-connexion](/docs/fr-ca/customize/actions/explore-triggers/signup-and-login-triggers/login-trigger).

## Créer un formulaire à partir de zéro

Suivez ces étapes pour créer un formulaire afin de recueillir des informations :

1. Ouvrez l’éditeur de formulaires en sélectionnant **Auth0 Dashboard (tableau de bord Auth0) > Actions > Forms (formulaires).**
2. Sélectionnez **Créer un formulaire** > **Commencer à partir de zéro**.

Par défaut, un nouveau formulaire contient un nœud Début, un nœud Étape et un nœud Éran fin.

<Frame>
  <img src="https://mintcdn.com/docs-dev-react-sdk-reference/D7uQKM_lPGXzCRgC/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?fit=max&auto=format&n=D7uQKM_lPGXzCRgC&q=85&s=f31c7f77d1b25f830b52e82cca72c5ec" alt="Dashboard > Forms > Use Cases > Form" data-og-width="1234" width="1234" data-og-height="371" height="371" data-path="docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-react-sdk-reference/D7uQKM_lPGXzCRgC/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=280&fit=max&auto=format&n=D7uQKM_lPGXzCRgC&q=85&s=376c363e0e7d61bb0094bbc114c782d3 280w, https://mintcdn.com/docs-dev-react-sdk-reference/D7uQKM_lPGXzCRgC/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=560&fit=max&auto=format&n=D7uQKM_lPGXzCRgC&q=85&s=09758760a7f20a60d7c83e906dc1eeff 560w, https://mintcdn.com/docs-dev-react-sdk-reference/D7uQKM_lPGXzCRgC/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=840&fit=max&auto=format&n=D7uQKM_lPGXzCRgC&q=85&s=ab456b88ee683d9f102c64fa3e7a7401 840w, https://mintcdn.com/docs-dev-react-sdk-reference/D7uQKM_lPGXzCRgC/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=1100&fit=max&auto=format&n=D7uQKM_lPGXzCRgC&q=85&s=7fe0f9c280c34b260482c400430777c4 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/D7uQKM_lPGXzCRgC/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=1650&fit=max&auto=format&n=D7uQKM_lPGXzCRgC&q=85&s=56ca0597cac9006e52efd4722d1b156f 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/D7uQKM_lPGXzCRgC/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=2500&fit=max&auto=format&n=D7uQKM_lPGXzCRgC&q=85&s=cbebd05d3c27c57743720cc156e616cb 2500w" />
</Frame>

### Configurer le nœud d’étape

Le nœud d’étape est l’interface graphique visible par les utilisateurs. Ajoutez des [champs](/docs/fr-ca/customize/forms/nodes-and-components) au nœud d’étape pour recueillir la nouvelle valeur d’acceptation de l’accord en suivant ces étapes :

1. Faites glisser un champ **Rich text (Texte enrichi)** depuis le **Components menu (Menu composants)** dans le nœud **d’étape**.

   * **Rich text (Texte enrichi)**: Saisissez une description des mises à jour de vos politiques de confidentialité.
   * Sélectionnez **Save (Enregistrer)**.
2. Faites glisser un champ **Legal (Légal)** dans le nœud **d’étape** .

   * **Identification** : Saisissez `privacy_policies`.
   * **Obligatoire** : Cochez la case.
   * **Légal** : Saisissez `J’accepte la politique de confidentialité`.
   * Sélectionnez **Save (Enregistrer)**.
3. Sélectionnez **Publish (Publier)** pour enregistrer.

<Frame>
  <img src="https://mintcdn.com/docs-dev-react-sdk-reference/qMw9VhfzN5HBmFHp/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?fit=max&auto=format&n=qMw9VhfzN5HBmFHp&q=85&s=30ece6459b7c9bc052c9670a823f7e02" alt="Dashboard > Actions > Forms > Use case privacy policy step node" data-og-width="1404" width="1404" data-og-height="559" height="559" data-path="docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-react-sdk-reference/qMw9VhfzN5HBmFHp/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=280&fit=max&auto=format&n=qMw9VhfzN5HBmFHp&q=85&s=b7e32c1f27fa598f6ba5043f047e8640 280w, https://mintcdn.com/docs-dev-react-sdk-reference/qMw9VhfzN5HBmFHp/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=560&fit=max&auto=format&n=qMw9VhfzN5HBmFHp&q=85&s=39a17636e9b48fc401b253bb98bc7cdf 560w, https://mintcdn.com/docs-dev-react-sdk-reference/qMw9VhfzN5HBmFHp/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=840&fit=max&auto=format&n=qMw9VhfzN5HBmFHp&q=85&s=ab260421af326bb87c09d6842fd8e99f 840w, https://mintcdn.com/docs-dev-react-sdk-reference/qMw9VhfzN5HBmFHp/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=1100&fit=max&auto=format&n=qMw9VhfzN5HBmFHp&q=85&s=671821fe0217e462e2248f838d9342b0 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/qMw9VhfzN5HBmFHp/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=1650&fit=max&auto=format&n=qMw9VhfzN5HBmFHp&q=85&s=ac93f613bd1bdb8e777e2fff6fe6ebef 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/qMw9VhfzN5HBmFHp/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=2500&fit=max&auto=format&n=qMw9VhfzN5HBmFHp&q=85&s=ede348f649e639e143dd7167ed8c1bbe 2500w" />
</Frame>

### Configurez le nœud Flow

Ajoutez un node **Flow** après le nœud **d’étape** pour mettre à jour les `app_metadata` et reprendre le flux d’authentification en suivant ces étapes :

1. Sélectionnez **Flow (Flux)** en bas de Form Editor (Éditeur de formulaire).
2. Supprimez le lien existant entre les nœuds **Step (Étape)** et **Ending Screen (Écran de fin)**.
3. Sélectionnez le nouveau **Flow (Flux)** > **Click to add a flow (Cliquer pour ajouter un flux)** > **Create a new flow (Créer un nouveau flux).**

   * Entrez `Update app_metadata (Mettre à jour app_metadata)` dans le champ **Name (Nom)**.
   * Sélectionnez **Create (Créer)**.
   * Sélectionnez **Save (Enregistrer)**.
4. Liez le nœud **Flow (Flux)** aux nœuds **Step (Étape)** et **Ending Screen (Écran de fin)** comme illustré ci-dessous.
5. Sélectionnez **Publish (Publier)** pour enregistrer.

<Frame>
  <img src="https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=821a469b79f2b1cfb0c14e7402a55657" alt="Dashboard > Actions > Forms > Form" data-og-width="1404" width="1404" data-og-height="599" height="599" data-path="docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=280&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=f9916e3b0a12d79c81693f9d1bd19856 280w, https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=560&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=ffb9c135279ad0cdb788458b4217c472 560w, https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=840&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=ea9973008c638f013675cfa673a48378 840w, https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=1100&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=0f2155755a78228c5d26d468bbb42d8b 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=1650&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=280b2d382a1e3a99cfade3af70043c61 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/EWlxjz4iqxorOtyo/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=2500&fit=max&auto=format&n=EWlxjz4iqxorOtyo&q=85&s=9ef08c0898889c77055e7b969740e2b6 2500w" />
</Frame>

Ajoutez une action de mise à jour d’utilisateur Auth0 au flux en suivant ces étapes :

1. Sélectionnez le **fluxUpdate app\_metadata (Mise à jour de app\_metadata)** > **Edit flow (Modifier le flux)** pour ouvrir l’éditeur de flux dans un nouvel onglet.
2. Sous l’Action **Start (Démarrage)**, sélectionnez l’icône **+** pour ajouter une Action **Update user (Mise à jour de l’utilisateur)** . Remplissez les champs ci-dessous, puis sélectionnez **Save (Enregistrer)** pour continuer.

   * **Connection** : dans la liste déroulante, sélectionnez la connexion au coffre-fort de votre application de communication entre machines.

   * **User ID** (ID utilisateur) : Saisissez `{{context.user.user_id}}`.

   * **Corps** : Copiez et collez le code suivant pour mettre à jour les app\_metadata avec les propriétés privacy\_policies et privacy\_policies\_timestamp.

     ```
     {
       "app_metadata": {
         "privacy_policies": true,
         "privacy_policies_timestamp": "{{ functions.toTimestamp() }}"
       }
     }
     ```

   * Sélectionnez **Save (Enregistrer)**.
3. Sélectionnez **Publish (Publier)** pour enregistrer.

<Frame>
  <img src="https://mintcdn.com/docs-dev-react-sdk-reference/mn2x87UwjN1HwFR9/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?fit=max&auto=format&n=mn2x87UwjN1HwFR9&q=85&s=5f919a6d7d23eafa22a60dd64b678f49" alt="Dashboard > Actions > Forms > User case privacy policy code" data-og-width="1404" width="1404" data-og-height="338" height="338" data-path="docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-react-sdk-reference/mn2x87UwjN1HwFR9/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=280&fit=max&auto=format&n=mn2x87UwjN1HwFR9&q=85&s=de1dc90d9c6d44c66ad030d51176ad15 280w, https://mintcdn.com/docs-dev-react-sdk-reference/mn2x87UwjN1HwFR9/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=560&fit=max&auto=format&n=mn2x87UwjN1HwFR9&q=85&s=8b4831587961334607aa168788524541 560w, https://mintcdn.com/docs-dev-react-sdk-reference/mn2x87UwjN1HwFR9/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=840&fit=max&auto=format&n=mn2x87UwjN1HwFR9&q=85&s=f1699887445b1860a6dd9ccfa7e5fc37 840w, https://mintcdn.com/docs-dev-react-sdk-reference/mn2x87UwjN1HwFR9/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=1100&fit=max&auto=format&n=mn2x87UwjN1HwFR9&q=85&s=ede36be7934e46bc66215b707b56a284 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/mn2x87UwjN1HwFR9/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=1650&fit=max&auto=format&n=mn2x87UwjN1HwFR9&q=85&s=ed55d14e94569331cfc6e9b4da81e44d 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/mn2x87UwjN1HwFR9/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=2500&fit=max&auto=format&n=mn2x87UwjN1HwFR9&q=85&s=0fc58fe3c558cc3219a949f1b195475c 2500w" />
</Frame>

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  Le flux **Update app\_metadata** ajoute une valeur `privacy_policies true` à l’objet `app_metadata` et génère également un horodatage à l’aide d’une [fonction d’assistance](/docs/fr-ca/customize/forms/variables)
</Callout>

## Récupérer le code de rendu du formulaire

Récupérez votre code de rendu du formulaire pour afficher visuellement le formulaire avec une Action post-connexion personnalisée en suivant ces étapes :

* Dans l’éditeur de formulaire, sélectionnez **\<> Render (Rendre)**.
* Sélectionnez **Copy (Copier)**.

<Frame>
  <img src="https://mintcdn.com/docs-dev-react-sdk-reference/xhQZZy3WD2QtfOAu/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?fit=max&auto=format&n=xhQZZy3WD2QtfOAu&q=85&s=7fe3df4f0cda98c25d60a0e2336bc41f" alt="Dashboard > Actions > Forms > Form > Embed" data-og-width="1400" width="1400" data-og-height="848" height="848" data-path="docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-react-sdk-reference/xhQZZy3WD2QtfOAu/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=280&fit=max&auto=format&n=xhQZZy3WD2QtfOAu&q=85&s=1ee871a43e07903c76eac3055b26cffe 280w, https://mintcdn.com/docs-dev-react-sdk-reference/xhQZZy3WD2QtfOAu/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=560&fit=max&auto=format&n=xhQZZy3WD2QtfOAu&q=85&s=25735f6c15dd98f762de46072ec88f01 560w, https://mintcdn.com/docs-dev-react-sdk-reference/xhQZZy3WD2QtfOAu/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=840&fit=max&auto=format&n=xhQZZy3WD2QtfOAu&q=85&s=71e775a9c4cda37a85e27255d01348dd 840w, https://mintcdn.com/docs-dev-react-sdk-reference/xhQZZy3WD2QtfOAu/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=1100&fit=max&auto=format&n=xhQZZy3WD2QtfOAu&q=85&s=19413f912e3705414dba3da00657f7e9 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/xhQZZy3WD2QtfOAu/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=1650&fit=max&auto=format&n=xhQZZy3WD2QtfOAu&q=85&s=aa4b00314903b58fd770759cdc9b00cb 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/xhQZZy3WD2QtfOAu/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=2500&fit=max&auto=format&n=xhQZZy3WD2QtfOAu&q=85&s=098c328f051d8b357b5eafa032a3d95d 2500w" />
</Frame>

## Créer une action post-connexion

Créez une action post-connexion pour afficher votre formulaire en suivant ces étapes :

1. Naviguez vers **Auth0 Dashboard > Actions > Flows (Flux) > Login (Connexion).**
2. Sélectionnez l’icône **+** et choisissez **Build from scratch (Construire à partir de zéro)**:

   * **Name (Nom)** : Saisissez `Render Update Policy Form (Formulaire de politique de mise à jour du rendu)`.
   * **Déclencheur** : Sélectionnez `Login / Post Login (Connexion / Post-connexion)`.
   * **Runtime (Temps d’exécution)** : Sélectionnez la version recommandée.
3. Sélectionnez **Create (Créer)**.

Pour configurer l’action post-connexion.

1. Supprimez le code existant dans l’éditeur de code.

2. Collez le code de rendu du formulaire dans l’éditeur de code.

3. Modifiez le code pour définir la logique conditionnelle d’affichage du formulaire.

   ```javascript lines theme={null}
   /**
   * @param {Event} event - Details about the user and the context in which they are logging in.
   * @param {PostLoginAPI} api - Interface whose methods can be used to change the behavior of the login.
   */
   exports.onExecutePostLogin = async (event, api) => {
     const FORM_ID = 'REPLACE_WITH_YOUR_FORM_ID';

     if (event.user.app_metadata.privacy_policies !== true) {
       api.prompt.render(FORM_ID);
     }
   }

   exports.onContinuePostLogin = async (event, api) => { }
   ```

   <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
     L’exemple de code ci-dessus affiche le formulaire lorsque la propriété `privacy_policies` ne se trouve pas dans les métadonnées de l’application.
   </Callout>

4. Sélectionnez **Deploy (Déployer)**.

5. Glissez et déposez l’Action **Render Update Policy Form (Formulaire de mise à jour de la politique de rendu)** dans le flux de **Login (Connexion)** .

   <Frame>
     <img src="https://mintcdn.com/docs-dev-react-sdk-reference/NTWxkJllzv1P5FSB/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?fit=max&auto=format&n=NTWxkJllzv1P5FSB&q=85&s=4e7efaf0b94382237a867f10432190f0" alt="Dashboard > Forms > Use Case > Render update policy form login action" data-og-width="1370" width="1370" data-og-height="668" height="668" data-path="docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-react-sdk-reference/NTWxkJllzv1P5FSB/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=280&fit=max&auto=format&n=NTWxkJllzv1P5FSB&q=85&s=9589b2ea736309de3936f450b7a3aacc 280w, https://mintcdn.com/docs-dev-react-sdk-reference/NTWxkJllzv1P5FSB/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=560&fit=max&auto=format&n=NTWxkJllzv1P5FSB&q=85&s=8a7b4ad7833b54bc2e9c42be30f39537 560w, https://mintcdn.com/docs-dev-react-sdk-reference/NTWxkJllzv1P5FSB/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=840&fit=max&auto=format&n=NTWxkJllzv1P5FSB&q=85&s=292eada99d466b3f77352599df56cf65 840w, https://mintcdn.com/docs-dev-react-sdk-reference/NTWxkJllzv1P5FSB/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=1100&fit=max&auto=format&n=NTWxkJllzv1P5FSB&q=85&s=6d54d2c508991019d26bf2b8b5b4be82 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/NTWxkJllzv1P5FSB/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=1650&fit=max&auto=format&n=NTWxkJllzv1P5FSB&q=85&s=aabdcf5d2b00d145452f9b0725d741de 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/NTWxkJllzv1P5FSB/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=2500&fit=max&auto=format&n=NTWxkJllzv1P5FSB&q=85&s=891fc1be53459aaf213b3b3337b19a51 2500w" />
   </Frame>

6. Sélectionnez **Apply (Appliquer).**

### Test de mise en œuvre

Testez la mise en œuvre en suivant les étapes ci-dessous :

1. Se connecter avec un utilisateur existant dont l’attribut `privacy_policies` de `app_metadata` n’a pas de valeur.
2. L’action post-connexion dans le flux de connexion rendra le formulaire et demandera l’approbation.
3. Sélectionnez **Auth0 Dashboard > User Management (Gestion des utilisateurs) > Users (Utilisateurs),** localisez l’utilisateur et vérifiez que l’attribut `app_metadata``privacy_policies` contient une valeur `true` et un horodatage.
