> ## Documentation Index
> Fetch the complete documentation index at: https://docs-staging-feat-update-styling-docs-for-universal-compone.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-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=1823ae7ffd3712728b79dc6716f5ebd9" 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-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=280&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=16fd0cd5273d989b364ef76187eee4d4 280w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=560&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=30d0a7148b7c98eaecfa4896abc8b5b8 560w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=840&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=806858162eb7e94ed1dad35aab04f15f 840w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=1100&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=b186a65522db458cd6b66935246d6e73 1100w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=1650&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=4e9d95ff40e4ace4430d9e4c02e734c9 1650w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=2500&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=956380bea0c12dd30092c84178a985f3 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-staging-feat-update-styling-docs-for-universal-compone/8uPv27EDJI977EW3/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?fit=max&auto=format&n=8uPv27EDJI977EW3&q=85&s=0b7eab19cd74d021acfed4c270a7354e" 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-staging-feat-update-styling-docs-for-universal-compone/8uPv27EDJI977EW3/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=280&fit=max&auto=format&n=8uPv27EDJI977EW3&q=85&s=fd48d721a99ec02db7d9616504ad90c1 280w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/8uPv27EDJI977EW3/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=560&fit=max&auto=format&n=8uPv27EDJI977EW3&q=85&s=3b89a7857a77c4f683e00168e5b52f03 560w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/8uPv27EDJI977EW3/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=840&fit=max&auto=format&n=8uPv27EDJI977EW3&q=85&s=73440d918d4cbbbd775962d01a7fb4cf 840w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/8uPv27EDJI977EW3/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=1100&fit=max&auto=format&n=8uPv27EDJI977EW3&q=85&s=7a15e2834be1485010881077e384d082 1100w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/8uPv27EDJI977EW3/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=1650&fit=max&auto=format&n=8uPv27EDJI977EW3&q=85&s=8874e3dd5a58e3fd0b5ca04e6e88104b 1650w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/8uPv27EDJI977EW3/docs/images/fr-ca/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=2500&fit=max&auto=format&n=8uPv27EDJI977EW3&q=85&s=e01bd487728155f63a6efe18ceadafe1 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-staging-feat-update-styling-docs-for-universal-compone/2wae4N_sSWYMLHvo/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?fit=max&auto=format&n=2wae4N_sSWYMLHvo&q=85&s=2039da1e603de33f6cef3d8ee80ee854" 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-staging-feat-update-styling-docs-for-universal-compone/2wae4N_sSWYMLHvo/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=280&fit=max&auto=format&n=2wae4N_sSWYMLHvo&q=85&s=71e78cf0fa0956f265573996c6e3fc86 280w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/2wae4N_sSWYMLHvo/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=560&fit=max&auto=format&n=2wae4N_sSWYMLHvo&q=85&s=abef7b22d78f21911b896b6b79e0b80f 560w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/2wae4N_sSWYMLHvo/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=840&fit=max&auto=format&n=2wae4N_sSWYMLHvo&q=85&s=e2a29ae8c8f3a42b493edfae9f265e0e 840w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/2wae4N_sSWYMLHvo/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=1100&fit=max&auto=format&n=2wae4N_sSWYMLHvo&q=85&s=e1c0f9e2eef1e6622b5873228ae1a862 1100w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/2wae4N_sSWYMLHvo/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=1650&fit=max&auto=format&n=2wae4N_sSWYMLHvo&q=85&s=fa36f72fcf6a7288de5de8e448a681d7 1650w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/2wae4N_sSWYMLHvo/docs/images/fr-ca/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=2500&fit=max&auto=format&n=2wae4N_sSWYMLHvo&q=85&s=4df2abe04d0e2482319a3ffede2ca1a9 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-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=1e42fcf39e27b9fbaaeb0e4049e85991" 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-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=280&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=17fe35123dd17a8a3bb5e2d135657a91 280w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=560&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=f98a7594ce03850a1477915a6e8a25fc 560w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=840&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=ee5c337cdbe6e1b621b3bc3f49028715 840w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=1100&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=4d7dbef00890c5431ec7cc0a3497d39b 1100w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=1650&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=2c037fe35825cb7e5eb3da3e1d0a2475 1650w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bbHLt1bNEw5HAKOd/docs/images/fr-ca/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=2500&fit=max&auto=format&n=bbHLt1bNEw5HAKOd&q=85&s=046145af93b28b68ab5d7d29f0e585af 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-staging-feat-update-styling-docs-for-universal-compone/bOZPCdJmH8TZ-U9N/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?fit=max&auto=format&n=bOZPCdJmH8TZ-U9N&q=85&s=b002814c900d712d92fe0743e09b7f1c" 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-staging-feat-update-styling-docs-for-universal-compone/bOZPCdJmH8TZ-U9N/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=280&fit=max&auto=format&n=bOZPCdJmH8TZ-U9N&q=85&s=81ee3e2ab1dd3e3534d8b6ea5426feed 280w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bOZPCdJmH8TZ-U9N/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=560&fit=max&auto=format&n=bOZPCdJmH8TZ-U9N&q=85&s=7710413365876ed38310932c229199ec 560w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bOZPCdJmH8TZ-U9N/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=840&fit=max&auto=format&n=bOZPCdJmH8TZ-U9N&q=85&s=8c0d19141208c3781bd4e3bf5052e482 840w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bOZPCdJmH8TZ-U9N/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=1100&fit=max&auto=format&n=bOZPCdJmH8TZ-U9N&q=85&s=8b7e9651de45eb3b7211f0639df2963d 1100w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bOZPCdJmH8TZ-U9N/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=1650&fit=max&auto=format&n=bOZPCdJmH8TZ-U9N&q=85&s=1a1fae39256ba4bd40995f006851a354 1650w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/bOZPCdJmH8TZ-U9N/docs/images/fr-ca/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=2500&fit=max&auto=format&n=bOZPCdJmH8TZ-U9N&q=85&s=c9a6fc5b9fe83a19eda64ce54b1e6405 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-staging-feat-update-styling-docs-for-universal-compone/seP2nvgr5gutkrN8/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?fit=max&auto=format&n=seP2nvgr5gutkrN8&q=85&s=60b5e47ef43f154e56cfc649f9385887" 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-staging-feat-update-styling-docs-for-universal-compone/seP2nvgr5gutkrN8/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=280&fit=max&auto=format&n=seP2nvgr5gutkrN8&q=85&s=b067b8f63f0a4a856ce1c1e2b5b389b8 280w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/seP2nvgr5gutkrN8/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=560&fit=max&auto=format&n=seP2nvgr5gutkrN8&q=85&s=8fb8d97c04539b48918c3102c57e1850 560w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/seP2nvgr5gutkrN8/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=840&fit=max&auto=format&n=seP2nvgr5gutkrN8&q=85&s=3a62ae02709409be826f8631f4cffefc 840w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/seP2nvgr5gutkrN8/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=1100&fit=max&auto=format&n=seP2nvgr5gutkrN8&q=85&s=cd67902d89f905c910730bc435a506c7 1100w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/seP2nvgr5gutkrN8/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=1650&fit=max&auto=format&n=seP2nvgr5gutkrN8&q=85&s=34e23379f7b37f398aa85675bae262d1 1650w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/seP2nvgr5gutkrN8/docs/images/fr-ca/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=2500&fit=max&auto=format&n=seP2nvgr5gutkrN8&q=85&s=ab1e08737e11f26cb99f811e2ad82b5e 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-staging-feat-update-styling-docs-for-universal-compone/3rKsz5a3nhilxa6Z/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?fit=max&auto=format&n=3rKsz5a3nhilxa6Z&q=85&s=490300f45da47dfc430a14504452eadb" 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-staging-feat-update-styling-docs-for-universal-compone/3rKsz5a3nhilxa6Z/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=280&fit=max&auto=format&n=3rKsz5a3nhilxa6Z&q=85&s=1a3678ee21ee1a774ec25b8f7c00fbed 280w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/3rKsz5a3nhilxa6Z/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=560&fit=max&auto=format&n=3rKsz5a3nhilxa6Z&q=85&s=7581da9cfdf4167fc0bc5b746db777e5 560w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/3rKsz5a3nhilxa6Z/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=840&fit=max&auto=format&n=3rKsz5a3nhilxa6Z&q=85&s=4f69bad80b5efaf3384526bea11a25bb 840w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/3rKsz5a3nhilxa6Z/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=1100&fit=max&auto=format&n=3rKsz5a3nhilxa6Z&q=85&s=0c2ee5e32fbe2096933245f32baf5936 1100w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/3rKsz5a3nhilxa6Z/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=1650&fit=max&auto=format&n=3rKsz5a3nhilxa6Z&q=85&s=62c69fd58247a2597b06ca5f554f2d13 1650w, https://mintcdn.com/docs-staging-feat-update-styling-docs-for-universal-compone/3rKsz5a3nhilxa6Z/docs/images/fr-ca/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=2500&fit=max&auto=format&n=3rKsz5a3nhilxa6Z&q=85&s=e7115143adc5890738554cc79ca3d21b 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.
