feat(legal-pages): add legal pages from lib

incubateur-ademe · Jun 24, 2024 · 15d4b4d · 15d4b4d
1 parent 55453bd
commit 15d4b4d
Show file tree

Hide file tree

Showing 7 changed files with 58 additions and 122 deletions.
diff --git a/content/mentions-legales.mdx b/content/mentions-legales.mdx
diff --git a/content/politique-de-confidentialite/cookies.mdx b/content/politique-de-confidentialite/cookies.mdx
diff --git a/content/politique-de-confidentialite/traitement.mdx b/content/politique-de-confidentialite/traitement.mdx
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
   "dependencies": {
     "@codegouvfr/react-dsfr": "^1.0.1",
     "@formkit/auto-animate": "^0.8.1",
+    "@incubateur-ademe/legal-pages-react": "^0.2.0",
     "@mdx-js/react": "^3.0.0",
     "@next/mdx": "^14.0.3",
     "@socialgouv/matomo-next": "^1.6.1",

diff --git a/src/app/mentions-legales/page.tsx b/src/app/mentions-legales/page.tsx
@@ -1,8 +1,8 @@
-import MentionsLegalesContent from "@__content/mentions-legales.mdx";
+import { LegalNotice } from "@incubateur-ademe/legal-pages-react";
 import { type Metadata } from "next";
 
+import { config } from "@/config";
 import { Container } from "@/dsfr";
-import { anchorHeadingMDXComponents } from "@/mdx-components";
 
 import { sharedMetadata } from "../shared-metadata";
 
@@ -24,8 +24,19 @@ export const metadata: Metadata = {
 
 const MentionsLegales = () => (
   <Container my="4w">
-    <h1>{title}</h1>
-    <MentionsLegalesContent components={anchorHeadingMDXComponents} />
+    <LegalNotice
+      includeBetaGouv
+      siteName={config.name}
+      siteUrl={config.host}
+      licenceUrl={`${config.repositoryUrl}/blob/${config.appVersionCommit}/LICENSE`}
+      privacyPolicyUrl="/politique-de-confidentialite"
+      siteHost={{
+        name: "Vercel Inc.",
+        address: "440 N Barranca Ave #4133<br/>Covina, CA 91723",
+        country: "États-Unis",
+        email: "[email protected]",
+      }}
+    />
   </Container>
 );
 

diff --git a/src/app/politique-de-confidentialite/page.tsx b/src/app/politique-de-confidentialite/page.tsx
@@ -1,12 +1,8 @@
-import PolitiqueConfidentialiteCookiesContent from "@__content/politique-de-confidentialite/cookies.mdx";
-import PolitiqueConfidentialiteTraitementContent from "@__content/politique-de-confidentialite/traitement.mdx";
-import Table from "@codegouvfr/react-dsfr/Table";
+import { PrivacyPolicy } from "@incubateur-ademe/legal-pages-react";
 import { type Metadata } from "next";
 
-import { MdxLink } from "@/components/mdx/Link";
+import { config } from "@/config";
 import { Container } from "@/dsfr";
-import { AnchorLink } from "@/dsfr/client";
-import { anchorHeadingMDXComponents } from "@/mdx-components";
 
 import { FooterConsentManagementItem } from "../../consentManagement";
 import { sharedMetadata } from "../shared-metadata";
@@ -30,51 +26,29 @@ export const metadata: Metadata = {
 const PolitiqueConfidentialite = () => {
   return (
     <Container my="4w">
-      <h1>{title}</h1>
-      <PolitiqueConfidentialiteTraitementContent components={anchorHeadingMDXComponents} />
-      <AnchorLink anchor="sous-traitants" as="h2">
-        Sous-traitants
-      </AnchorLink>
-      <Table
-        bordered
-        headers={["Partenaire", "Pays destinataire", "Pays d'hébergement", "Traitement réalisé", "Garantie"]}
-        data={[
-          [
-            "Vercel",
-            "États-Unis",
-            "France (AWS cdg1)",
-            "Hébergement",
-            <MdxLink
-              key="vercel"
-              title="Déclaration de confidentialité Vercel"
-              href="https://vercel.com/legal/privacy-policy"
-            >
-              Déclaration de confidentialité Vercel
-            </MdxLink>,
-          ],
+      <PrivacyPolicy
+        includeBetaGouv
+        cookieConsentButton={<FooterConsentManagementItem />}
+        siteName={config.name}
+        cookies={[
+          {
+            category: "Mesure d’audience anonymisée",
+            name: "Matomo",
+            expiration: "13 mois",
+            finalities: "Mesure d’audience",
+            editor: "Matomo & ADEME",
+            destination: "France",
+          },
+        ]}
+        thirdParties={[
+          {
+            name: "Vercel",
+            country: "États-Unis",
+            hostingCountry: "France (AWS cdg1)",
+            serviceType: "Hébergement",
+            policyUrl: "https://vercel.com/legal/privacy-policy",
+          },
         ]}
-      />
-      <PolitiqueConfidentialiteCookiesContent
-        components={{
-          ...anchorHeadingMDXComponents,
-          CookiesTable: () => (
-            <Table
-              bordered
-              headers={[
-                "Catégorie de cookie",
-                "Nom du cookie",
-                "Durée de conservation",
-                "Finalités",
-                "Éditeur",
-                "Destination",
-              ]}
-              data={[
-                ["Mesure d’audience anonymisée", "Matomo", "13 mois", "Mesure d’audience", "Matomo & ADEME", "France"],
-              ]}
-            />
-          ),
-          CookiesButton: () => <FooterConsentManagementItem />,
-        }}
       />
     </Container>
   );

diff --git a/yarn.lock b/yarn.lock
@@ -241,6 +241,19 @@
   resolved "https://registry.yarnpkg.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.0.tgz#bfae1b82608a0d420e4b0b836ddb7dd58eaffa8e"
   integrity sha512-i3DtP/2ce1yKFj4OzOnOYltOEL/+dp4dc4dJXJBv6god1AFTcmkaA99H/7SwOmkCOBQkbVvA3lCGm3/5nDtf9Q==
 
+"@incubateur-ademe/[email protected]":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@incubateur-ademe/legal-pages-markdown/-/legal-pages-markdown-0.2.0.tgz#70deffb1683dc7e39b1961791bdeb2307060644f"
+  integrity sha512-t9rmsPagsDIVkalapaQ33C2W4omi1SPa9pfzoommH2lKjagbK+TkMRlKT+ZNaEJXJzG4SKZHm8g0FqkEYxtzvA==
+
+"@incubateur-ademe/legal-pages-react@^0.2.0":
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/@incubateur-ademe/legal-pages-react/-/legal-pages-react-0.2.0.tgz#215d95728c2a12548c12e84416564fa1cedc5f87"
+  integrity sha512-wlM2MZakPycdfxFDJse1NYrnyrdMpmmCS0eahGGWOkyyqfLcDED26s32Wv2iUqLYFeuKAfHU9cQrjpoA+SvN5A==
+  dependencies:
+    "@incubateur-ademe/legal-pages-markdown" "0.2.0"
+    mustache "^4.2.0"
+
 "@jridgewell/gen-mapping@^0.3.2":
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098"
@@ -3384,6 +3397,11 @@ ms@^2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
+mustache@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/mustache/-/mustache-4.2.0.tgz#e5892324d60a12ec9c2a73359edca52972bf6f64"
+  integrity sha512-71ippSywq5Yb7/tVYyGbkBggbU8H3u5Rz56fH60jGFgr8uHwxs+aSKeqmluIVzM0m0kB7xQjKS6qPfd0b2ZoqQ==
+
 mz@^2.7.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"