From 0da227c333333c98dbcfee2c282f4c1a7e3a86f6 Mon Sep 17 00:00:00 2001 From: Max S Date: Thu, 12 Sep 2024 16:14:18 +0200 Subject: [PATCH] :sparkles: privacy policy --- src/front/Components/Elements/Dot/index.tsx | 10 + .../PrivacyPolicy/classes.module.scss | 14 + .../LegalInformations/PrivacyPolicy/index.tsx | 390 ++++++++++++++++++ .../Layouts/Legal/LegalInformations/index.tsx | 55 +-- 4 files changed, 443 insertions(+), 26 deletions(-) create mode 100644 src/front/Components/Elements/Dot/index.tsx create mode 100644 src/front/Components/Layouts/Legal/LegalInformations/PrivacyPolicy/classes.module.scss create mode 100644 src/front/Components/Layouts/Legal/LegalInformations/PrivacyPolicy/index.tsx diff --git a/src/front/Components/Elements/Dot/index.tsx b/src/front/Components/Elements/Dot/index.tsx new file mode 100644 index 00000000..0dbbe8d1 --- /dev/null +++ b/src/front/Components/Elements/Dot/index.tsx @@ -0,0 +1,10 @@ +import React from "react"; + +export default function Dot({ children }: { children: React.ReactNode }) { + return ( + <> +     ●  {children} +
+ + ); +} diff --git a/src/front/Components/Layouts/Legal/LegalInformations/PrivacyPolicy/classes.module.scss b/src/front/Components/Layouts/Legal/LegalInformations/PrivacyPolicy/classes.module.scss new file mode 100644 index 00000000..1a8d89ee --- /dev/null +++ b/src/front/Components/Layouts/Legal/LegalInformations/PrivacyPolicy/classes.module.scss @@ -0,0 +1,14 @@ +.root { + width: 1056px; + padding: 24px; + + display: flex; + flex-direction: column; + gap: var(--spacing-xl, 32px); + + section { + display: flex; + flex-direction: column; + gap: var(--spacing-md, 16px); + } +} diff --git a/src/front/Components/Layouts/Legal/LegalInformations/PrivacyPolicy/index.tsx b/src/front/Components/Layouts/Legal/LegalInformations/PrivacyPolicy/index.tsx new file mode 100644 index 00000000..27d4295e --- /dev/null +++ b/src/front/Components/Layouts/Legal/LegalInformations/PrivacyPolicy/index.tsx @@ -0,0 +1,390 @@ +import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; +import Dot from "@Front/Components/Elements/Dot"; +import React from "react"; + +import classes from "./classes.module.scss"; +import Module from "@Front/Config/Module"; +import { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard"; + +export default function PrivacyPolicy() { + return ( +
+
+ + Politique de confidentialité + + + Version en vigueur à compter du 24 avril 2024 + + + Les informations suivantes vous sont communiquées afin que vous puissiez prendre connaissance des engagements en matière + de protection des données à caractère personnel de LEcoffre.io, qui agit en tant que responsable du traitement pour les + traitements de données à caractère personnel évoqués dans le présent document. + +
+ +
+ + 1. Les données à caractère personnel que nous traitons + + + Dans le cadre des traitements de données à caractère personnel, LEcoffre.io collecte et traite les données suivantes en + qualité de responsable du traitement : + + + Données d'identité (nom, prénom), d'identification (courriel et numéro de téléphone); + Données de paiement; + Données de connexion et de navigation. + + + + Il peut également arriver que des Internautes communiquent d’autres données en contactant LEcoffre.io à l’aide de son + formulaire de contact. + +
+ +
+ + 2. Les finalités de nos traitements + + + Les traitements que nous mettons en œuvre le sont pour assurer les finalités suivantes : + + + répondre à vos demandes de contacts; + la gestion des demandes de droit d'accès, de suppression, de rectification et d'opposition; + vous permettre d’accéder au Site et à la plateforme LECoffre.io; + vous envoyer par courriel nos offres relatives aux Services, des actualités et bonnes pratiques. + +
+ +
+ + 3. Les fondements juridiques de nos traitements + + + Nous ne mettons en œuvre des traitements de données que si au moins l’une des conditions suivantes est remplie : + + + votre consentement aux opérations de traitement a été recueilli; + + l’existence de notre intérêt légitime, ou de celui d’un tiers, qui justifie que nous mettions en œuvre le traitement + de données à caractère personnel concerné; + + + l’exécution d’un contrat qui nous lie à vous nécessite que nous mettions en œuvre le traitement de données à + caractère personnel concerné. + + + Les intérêts légitimes qui sont poursuivis par LEcoffre.io peuvent notamment consister dans le management de son + activité, le suivi de ses contrats et la réalisation de ses prestations. + + +
+ +
+ + 4. Les destinataires de vos données + + + Les données à caractère personnel que nous collectons, de même que celles qui sont recueillies ultérieurement, nous sont + destinées en notre qualité de responsable du traitement. + + + Nous veillons à ce que seules les personnes habilitées puissent avoir accès à ces données. Nos prestataires de services + peuvent être destinataires de ces données pour réaliser les prestations que nous leur confions. Certaines données + personnelles peuvent être adressées à des tiers ou à des autorités légalement habilitées et ce pour satisfaire nos + obligations légales, réglementaires ou conventionnelles. + +
+ +
+ + 5. La durée de conservation de vos données + + + Les durées de conservation que nous appliquons à vos données à caractère personnel sont proportionnées aux finalités + pour lesquelles elles ont été collectées. En conséquence, nous organisons notre politique de conservation des données de + la manière suivante : + + + Durée de conservation des données techniques + + + Les données techniques sont conservées pour la durée strictement nécessaire à la réalisation des finalités visées dans + la présente politique de confidentialité. + + + Conservation des données pendant la durée de la relation contractuelle + + + Les données à caractère personnel faisant l'objet d'un traitement ne sont pas conservées au-delà du temps nécessaire à + l'exécution des obligations définies lors de la conclusion du contrat ou de la durée prédéfinie de la relation + contractuelle. + +
+ +
+ + 6. La sécurité de vos données + + + LEcoffre.io a mis en œuvre des mesures pour protéger la confidentialité, la sécurité et l’intégrité de vos données à + caractère personnel. L’accès aux données à caractère personnel est restreint aux employés et fournisseurs de service qui + ont besoin de connaître ces informations et qui ont été formés pour se conformer aux règles en matière de + confidentialité. + + + LEcoffre.io s’engage à ce que vos données à caractère personnel ne soient pas altérées ou endommagées et que des tiers + non autorisés n’y aient pas accès. + + + Nous disposons des mesures de protection physiques, techniques, électroniques, procédurales et organisationnelles + appropriées pour protéger les informations personnelles recueillies contre tout traitement non autorisé. + + + Toutefois, LEcoffre.io ne saurait vous garantir contre toute perte, destruction ou dommages de vos données à caractère + personnel. + +
+ +
+ + 7. Les droits qui vous sont reconnus + + + Modalités d’exercice de vos droits + + + Vous pouvez exercer vos droits par voie électronique à l’adresse suivante (contact@lecoffre.io) ou par courrier postal à + l’adresse LEcoffre.io - 2, Mail Anne-Catherine – 35000 Rennes, en justifiant de votre identité. + + + Pour ce faire, vous devez indiquer clairement vos nom(s) et prénom(s), l’adresse à laquelle vous souhaitez que la + réponse vous soit envoyée et y joindre la photocopie d’un titre d’identité portant votre signature. + + + Par principe, vous pouvez exercer sans frais l’ensemble de vos droits. Cependant en matière de droit d’accès, il pourra + vous être demandé le paiement de frais raisonnables basés sur les coûts administratifs pour toute copie des données que + vous demanderez. + + + Concernant le droit d’information, LEcoffre.io n’aura pas l’obligation d’y donner suite lorsque vous disposez déjà des + informations dont vous sollicitez la communication. + + + LEcoffre.io vous informera si elle ne peut donner suite à vos demandes. + + + LEcoffre.io tient à vous informer que le non-renseignement ou la modification de vos données sont susceptibles d’avoir + des conséquences dans le traitement de certaines demandes dans le cadre de l’exécution des relations contractuelles et + que votre demande au titre de l’exercice de vos droits sera conservée à des fins de suivi. + + + L’ensemble des droits dont vous bénéficiez est détaillé ci-dessous : + +
+ +
+ + Droit à l’information + + + Vous pouvez exercer vos droits par voie électronique à l’adresse suivante (contact@lecoffre.io) ou par courrier postal à + l’adresse LEcoffre.io - 2, Mail Anne-Catherine – 35000 Rennes, en justifiant de votre identité. + + + Si nous décidons de traiter des données pour des finalités autres que celles indiquées, toutes les informations + relatives à ces nouvelles finalités vous seront communiquées. + + + + Droit d’accès et à la rectification de vos données + + + Vous disposez du droit d’accéder et de faire rectifier vos données personnelles, que vous pouvez exercer auprès de + LEcoffre.io par voie électronique à l’adresse + + + {" "} + contact@lecoffre.io{" "} + + + ou par courrier postal à l’adresse LEcoffre.io – 2, Mail Anne-Catherine – 35000 Rennes. + + + A ce titre, vous avez la confirmation que vos données personnelles sont ou ne sont pas traitées et lorsqu’elles le sont, + et disposez de l’accès à vos données ainsi qu’aux informations concernant : + + + + les finalités du traitement ; + les catégories de données personnelles concernées ; + + les destinataires ou catégories de destinataires ainsi que les organisations internationales auxquels les données + personnelles ont été ou seront communiquées, en particulier les destinataires qui sont établis dans des pays tiers ; + + + lorsque cela est possible, la durée de conservation des données personnelles envisagée ou, lorsque ce n’est pas + possible, les critères utilisés pour déterminer cette durée ; + + + l’existence du droit de demander au responsable du traitement la rectification ou l’effacement de vos données + personnelles, du droit de demander une limitation du traitement de vos données personnelles, du droit de vous + opposer à ce traitement ; + + le droit d’introduire une réclamation auprès d’une autorité de contrôle ; + + des informations relatives à la source des données quand elles ne sont pas collectées directement auprès des + personnes concernées ; + + + l’existence d’une prise de décision automatisée, y compris de profilage, et dans ce dernier cas, des informations + utiles concernant la logique sous-jacente, ainsi que l’importance et les conséquences prévues de ce traitement pour + les personnes concernées. + + + + + Vous pouvez nous demander que vos données personnelles soient, selon les cas, rectifiées, complétées si elles sont + inexactes, incomplètes, équivoques, périmées. + +
+ +
+ + Droit à l’effacement de vos données + + + Vous pouvez nous demander l’effacement de vos données personnelles lorsque l’un des motifs suivants s’applique : + + + + les données personnelles ne sont plus nécessaires au regard des finalités pour lesquelles elles ont été collectées + ou traitées d’une autre manière ; + + vous retirez le consentement préalablement donné ; + + vous vous opposez au traitement de vos données personnelles lorsqu’il n’existe pas de motif légal audit traitement ; + + + le traitement de données personnelles n’est pas conforme aux dispositions de la législation et de la réglementation + applicable ; + + + vos données personnelles ont été collectées dans le cadre de l’offre de services de la société de l’information aux + enfants âgés de moins de 16 ans. + + + + Néanmoins, l’exercice de ce droit ne sera pas possible lorsque la conservation de vos données personnelles est + nécessaire au regard de la législation ou de la réglementation et notamment par exemple pour la constatation, l’exercice + ou la défense de droits en justice. + +
+ +
+ + Droit à la limitation des traitements de données + + + Vous pouvez demander la limitation du traitement de vos données personnelles dans les cas prévus par la législation et + la réglementation. + +
+ +
+ + Droit de vous opposer aux traitements de données + + + Vous avez le droit de vous opposer à un traitement de données personnelles vous concernant lorsque le traitement est + fondé sur l’intérêt légitime du responsable du traitement. + +
+ +
+ + Droit à la portabilité de vos données + + + Vous disposez du droit à la portabilité de vos données personnelles, lorsque : + + + + le traitement est fondé sur le consentement en application de l’article 6, paragraphe 1, point a), ou de l’article + 9, paragraphe 2, point a), ou sur un contrat en application de l’article 6, paragraphe 1, point b) du RGPD ; + + le traitement est effectué à l'aide de procédés automatisés. + +
+ +
+ + Droit de retirer votre consentement + + + Lorsque les traitements de données que nous mettons en œuvre sont fondés sur votre consentement, vous pouvez le retirer + à n’importe quel moment. Nous cessons alors de traiter vos données à caractère personnel sans que les opérations + antérieures pour lesquelles vous aviez consenti ne soient remises en cause. + +
+ +
+ + Droit d’introduire un recours + + + Si vous considérez que LEcoffre.io ne respecte pas ses obligations au regard de vos données à caractère personnel, vous + pouvez adresser une plainte ou une demande auprès de l’autorité compétente. En France, l’autorité compétente est la Cnil + à laquelle vous pouvez adresser une demande par voie électronique en cliquant sur le lien suivant + + + {" "} + https://www.cnil.fr/fr/plaintes/internet.{" "} + + + +
+ +
+ + Droit de définir des directives post-mortem + + + Vous avez la possibilité de définir des directives relatives à la conservation, à l’effacement et à la communication de + vos données personnelles après votre décès et ce auprès d’un tiers de confiance, certifié et chargé de faire respecter + la volonté du défunt, conformément aux exigences du cadre juridique applicable. + +
+ +
+ + 8. Cookies + + + En naviguant sur notre site, des cookies sont déposés sur votre terminal, soit directement, soit après avoir recueilli + votre consentement lorsque la réglementation en matière de cookies le requiert. + + + Vous êtes invité à vous référer aux + + + {" "} + Politiques cookies{" "} + + + concernant l’utilisation par LECoffre.io des cookies. + +
+
+ ); +} diff --git a/src/front/Components/Layouts/Legal/LegalInformations/index.tsx b/src/front/Components/Layouts/Legal/LegalInformations/index.tsx index b7a6d200..78dbb8ff 100644 --- a/src/front/Components/Layouts/Legal/LegalInformations/index.tsx +++ b/src/front/Components/Layouts/Legal/LegalInformations/index.tsx @@ -1,34 +1,37 @@ +import DefaultLegalDashboard, { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard"; import { useRouter } from "next/router"; import React from "react"; -import classes from "./classes.module.scss"; -import DefaultLegalDashboard, { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard"; -import Typography, { ETypo, ETypoColor } from "@Front/Components/DesignSystem/Typography"; -import Link from "next/link"; -const pdfLinks: Record = { - "mentions-legales": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/mentions_legales.pdf", - "politique-de-confidentialite": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_confidentialite.pdf", - "politique-de-gestion-des-cookies": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_cookies.pdf", - cgs: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgs.pdf", - cgu: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgu.pdf", -}; +import PrivacyPolicy from "./PrivacyPolicy"; + +// const pdfLinks: Record = { +// "mentions-legales": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/mentions_legales.pdf", +// "politique-de-confidentialite": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_confidentialite.pdf", +// "politique-de-gestion-des-cookies": "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/politique_cookies.pdf", +// cgs: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgs.pdf", +// cgu: "https://s3.fr-par.scw.cloud/lecoffre.io-bucket/footer/cgu.pdf", +// }; export default function LegalInformations() { const router = useRouter(); let { legalUid } = router.query; - const legalUidTyped = legalUid as ELegalOptions; - return ( - - - - Votre navigateur ne prend pas en charge l'affichage des pdf  - - - cliquez ici pour télécharger le pdf. - - - - - - ); + const legalType = legalUid as ELegalOptions; + return {getLegalInformationContent(legalType)}; +} + +function getLegalInformationContent(legalType: ELegalOptions) { + switch (legalType) { + case ELegalOptions.LEGAL_MENTIONS: + return "Mentions légales"; + case ELegalOptions.CGU: + return "CGU"; + case ELegalOptions.CGS: + return "CGS"; + case ELegalOptions.POLITIQUE_DE_CONFIDENTIALITE: + return ; + case ELegalOptions.POLITIQUE_DE_GESTION_DES_COOKIES: + return "Politique de gestion des cookies"; + default: + return null; + } }