@tantainnovative/ndpr-toolkit 1.0.3 → 1.0.5

package/src/components/privacy-policy/steps/CustomSectionsStep.tsx

@@ -1,12 +1,18 @@
-'use client';
+"use client";
 
-import React, { useRef, useState } from 'react';
-import { FormField } from '@/components/ui/FormField';
-import { Button } from '@/components/ui/Button';
-import { Input } from '@/components/ui/Input';
-import { TextArea } from '@/components/ui/TextArea';
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/Card';
-import { Select } from '@/components/ui/Select';
+import React, { useRef, useState } from "react";
+import { FormField } from "@/components/ui/FormField";
+import { Button } from "@/components/ui/Button";
+import { Input } from "@/components/ui/Input";
+import { TextArea } from "@/components/ui/TextArea";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+} from "@/components/ui/Card";
+import { Select } from "@/components/ui/Select";
 
 interface CustomSectionsStepProps {
   formData: {
@@ -33,15 +39,17 @@ export default function CustomSectionsStep({
 }: CustomSectionsStepProps) {
   const titleInputRef = useRef<HTMLInputElement>(null);
   const contentInputRef = useRef<HTMLTextAreaElement>(null);
-  const [selectedTemplate, setSelectedTemplate] = useState<string>('');
-  const [showTemplateContent, setShowTemplateContent] = useState<boolean>(false);
+  const [selectedTemplate, setSelectedTemplate] = useState<string>("");
+  const [showTemplateContent, setShowTemplateContent] =
+    useState<boolean>(false);
 
   // Template sections that can be added to the policy
   const templateSections: TemplateSectionType[] = [
     {
-      id: 'gdpr-compliance',
-      title: 'GDPR Compliance',
-      description: 'Information about compliance with the EU General Data Protection Regulation',
+      id: "gdpr-compliance",
+      title: "GDPR Compliance",
+      description:
+        "Information about compliance with the EU General Data Protection Regulation",
       content: `In addition to complying with the Nigeria Data Protection Regulation (NDPR) and Data Protection Act (DPA), we also adhere to the European Union's General Data Protection Regulation (GDPR) for users from the European Economic Area (EEA).
 
 When processing personal data of individuals in the EEA, we ensure that:
@@ -52,12 +60,13 @@ When processing personal data of individuals in the EEA, we ensure that:
 - We maintain records of processing activities
 
 For more information about our GDPR compliance measures, please contact us at the details provided in the 'Contact Us' section.`,
-      categories: ['All'],
+      categories: ["All"],
     },
     {
-      id: 'california-privacy-rights',
-      title: 'California Privacy Rights',
-      description: 'Information about compliance with California privacy laws (CCPA/CPRA)',
+      id: "california-privacy-rights",
+      title: "California Privacy Rights",
+      description:
+        "Information about compliance with California privacy laws (CCPA/CPRA)",
       content: `If you are a California resident, you have specific rights under California privacy laws, including the California Consumer Privacy Act (CCPA) and the California Privacy Rights Act (CPRA).
 
 As a California resident, you have the right to:
@@ -68,12 +77,12 @@ As a California resident, you have the right to:
 - Non-discrimination for exercising your rights
 
 To exercise your California privacy rights, please contact us using the information in the 'Contact Us' section. We will respond to verifiable consumer requests within 45 days.`,
-      categories: ['All'],
+      categories: ["All"],
     },
     {
-      id: 'mobile-app-privacy',
-      title: 'Mobile Application Privacy',
-      description: 'Privacy information specific to mobile applications',
+      id: "mobile-app-privacy",
+      title: "Mobile Application Privacy",
+      description: "Privacy information specific to mobile applications",
       content: `Our mobile application collects and processes personal data as described in this Privacy Policy. In addition to the information outlined elsewhere in this policy, our mobile application may:
 
 - Access your device's camera, microphone, or other sensors with your permission
@@ -82,45 +91,47 @@ To exercise your California privacy rights, please contact us using the informat
 - Collect information about your mobile network and internet connection
 
 You can control these permissions through your device settings. If you choose to deny certain permissions, some features of the application may not be available or may have limited functionality.`,
-      categories: ['All'],
+      categories: ["All"],
     },
     {
-      id: 'social-media-integration',
-      title: 'Social Media Integration',
-      description: 'Information about social media features and widgets',
+      id: "social-media-integration",
+      title: "Social Media Integration",
+      description: "Information about social media features and widgets",
       content: `Our services may include social media features, such as the Facebook Like button, and widgets, such as the Share button. These features may collect your IP address, which page you are visiting, and may set a cookie to enable the feature to function properly.
 
 Social media features and widgets are either hosted by a third party or hosted directly on our site. Your interactions with these features are governed by the privacy policy of the company providing it.
 
 If you choose to connect your account with us to a social media account, we may receive personal information about you from the social media provider, including your profile information, friends or connections list, and other information you have permitted the social media provider to share with third parties.`,
-      categories: ['All'],
+      categories: ["All"],
     },
     {
-      id: 'ecommerce-payments',
-      title: 'Payment Processing',
-      description: 'Information about payment processing and financial data',
+      id: "ecommerce-payments",
+      title: "Payment Processing",
+      description: "Information about payment processing and financial data",
       content: `When you make a purchase through our services, your payment information is processed by our payment service providers. We do not store complete credit card or debit card details on our servers.
 
 Our payment processors collect and store your payment information in accordance with industry standards and applicable regulations, including the Payment Card Industry Data Security Standard (PCI DSS).
 
 We may retain certain information about your transactions, such as the date and amount of the purchase, the items purchased, and your billing and shipping information, for record-keeping, accounting, and legal compliance purposes.`,
-      categories: ['E-commerce and retail', 'Financial services and fintech'],
+      categories: ["E-commerce and retail", "Financial services and fintech"],
     },
     {
-      id: 'healthcare-privacy',
-      title: 'Healthcare Information Privacy',
-      description: 'Information about healthcare data protection (relevant for healthcare organizations)',
+      id: "healthcare-privacy",
+      title: "Healthcare Information Privacy",
+      description:
+        "Information about healthcare data protection (relevant for healthcare organizations)",
       content: `We understand the sensitive nature of health information and are committed to protecting the privacy and security of your health data. We implement specific measures to safeguard health information in accordance with applicable healthcare privacy laws.
 
 We only collect health information with your explicit consent or when necessary to provide our healthcare services. We limit access to health information to authorized personnel who need it to perform their duties.
 
 We do not use or disclose your health information for marketing purposes without your explicit consent. We maintain audit trails of access to health information and regularly review our security practices to ensure the ongoing protection of your health data.`,
-      categories: ['Healthcare and medical'],
+      categories: ["Healthcare and medical"],
     },
     {
-      id: 'educational-privacy',
-      title: 'Educational Records Privacy',
-      description: 'Information about educational data protection (relevant for educational institutions)',
+      id: "educational-privacy",
+      title: "Educational Records Privacy",
+      description:
+        "Information about educational data protection (relevant for educational institutions)",
       content: `We are committed to protecting the privacy of educational records and student information. We collect and process educational data only for legitimate educational purposes and in accordance with applicable education privacy laws.
 
 We implement specific measures to safeguard educational records, including:
@@ -130,12 +141,13 @@ We implement specific measures to safeguard educational records, including:
 - Implementing security measures specific to the protection of educational data
 
 We do not use student information for targeted advertising purposes or sell student information to third parties.`,
-      categories: ['Education and e-learning'],
+      categories: ["Education and e-learning"],
     },
     {
-      id: 'ndpr-dpa-details',
-      title: 'NDPR and DPA Compliance Details',
-      description: 'Detailed information about compliance with Nigerian data protection laws',
+      id: "ndpr-dpa-details",
+      title: "NDPR and DPA Compliance Details",
+      description:
+        "Detailed information about compliance with Nigerian data protection laws",
       content: `We are committed to full compliance with the Nigeria Data Protection Regulation (NDPR) of 2019 and the Data Protection Act (DPA) of 2023. Our compliance measures include:
 
 1. **Data Protection Officer**: We have appointed a Data Protection Officer responsible for overseeing our data protection strategy and implementation.
@@ -153,22 +165,24 @@ We do not use student information for targeted advertising purposes or sell stud
 7. **Data Processing Agreements**: We enter into written agreements with all data processors as required by Section 2.7 of the NDPR and Section 37 of the DPA.
 
 For more information about our NDPR and DPA compliance program, please contact our Data Protection Officer.`,
-      categories: ['All'],
+      categories: ["All"],
     },
   ];
 
   // Filter template sections based on industry category
-  const filteredTemplateSections = templateSections.filter(template => 
-    template.categories.includes('All') || template.categories.includes(formData.industryCategory)
+  const filteredTemplateSections = templateSections.filter(
+    (template) =>
+      template.categories.includes("All") ||
+      template.categories.includes(formData.industryCategory),
   );
 
   // Handle adding a template section
   const handleAddTemplateSection = () => {
     if (selectedTemplate) {
-      const template = templateSections.find(t => t.id === selectedTemplate);
+      const template = templateSections.find((t) => t.id === selectedTemplate);
       if (template) {
         onAddCustomSection(template.title, template.content);
-        setSelectedTemplate('');
+        setSelectedTemplate("");
         setShowTemplateContent(false);
       }
     }
@@ -176,11 +190,18 @@ For more information about our NDPR and DPA compliance program, please contact o
 
   // Handle adding a custom section
   const handleAddCustomSection = () => {
-    if (titleInputRef.current && contentInputRef.current && 
-        titleInputRef.current.value.trim() && contentInputRef.current.value.trim()) {
-      onAddCustomSection(titleInputRef.current.value.trim(), contentInputRef.current.value.trim());
-      titleInputRef.current.value = '';
-      contentInputRef.current.value = '';
+    if (
+      titleInputRef.current &&
+      contentInputRef.current &&
+      titleInputRef.current.value.trim() &&
+      contentInputRef.current.value.trim()
+    ) {
+      onAddCustomSection(
+        titleInputRef.current.value.trim(),
+        contentInputRef.current.value.trim(),
+      );
+      titleInputRef.current.value = "";
+      contentInputRef.current.value = "";
     }
   };
 
@@ -188,17 +209,16 @@ For more information about our NDPR and DPA compliance program, please contact o
     <div className="space-y-8">
       <Card className="overflow-hidden shadow-md border border-gray-200 dark:border-gray-700">
         <CardHeader className="bg-gradient-to-r from-slate-100 to-gray-100 dark:from-slate-800 dark:to-gray-800 pb-3">
-          <CardTitle className="text-lg font-semibold text-gray-800 dark:text-white">Template Sections</CardTitle>
+          <CardTitle className="text-lg font-semibold text-gray-800 dark:text-white">
+            Template Sections
+          </CardTitle>
           <CardDescription className="text-sm text-gray-600 dark:text-gray-300">
             Add pre-written sections to your privacy policy
           </CardDescription>
         </CardHeader>
         <CardContent className="pt-5">
           <div className="space-y-3">
-            <FormField
-              id="templateSection"
-              label="Select a Template Section"
-            >
+            <FormField id="templateSection" label="Select a Template Section">
               <Select
                 id="templateSection"
                 value={selectedTemplate}
@@ -215,18 +235,24 @@ For more information about our NDPR and DPA compliance program, please contact o
                 ))}
               </Select>
             </FormField>
-            
+
             {showTemplateContent && selectedTemplate && (
               <div className="mt-3 bg-white dark:bg-gray-800 p-3 rounded border border-gray-200 dark:border-gray-600">
                 <h5 className="font-medium text-gray-900 dark:text-white mb-2">
-                  {templateSections.find(t => t.id === selectedTemplate)?.title}
+                  {
+                    templateSections.find((t) => t.id === selectedTemplate)
+                      ?.title
+                  }
                 </h5>
                 <div className="text-sm text-gray-700 dark:text-gray-300 whitespace-pre-line max-h-40 overflow-y-auto">
-                  {templateSections.find(t => t.id === selectedTemplate)?.content}
+                  {
+                    templateSections.find((t) => t.id === selectedTemplate)
+                      ?.content
+                  }
                 </div>
               </div>
             )}
-            
+
             <Button
               variant="default"
               size="sm"
@@ -238,32 +264,28 @@ For more information about our NDPR and DPA compliance program, please contact o
           </div>
         </CardContent>
       </Card>
-      
+
       {/* Custom Sections */}
       <Card className="overflow-hidden shadow-md border border-gray-200 dark:border-gray-700">
         <CardHeader className="bg-gradient-to-r from-slate-100 to-gray-100 dark:from-slate-800 dark:to-gray-800 pb-3">
-          <CardTitle className="text-lg font-semibold text-gray-800 dark:text-white">Create Custom Section</CardTitle>
+          <CardTitle className="text-lg font-semibold text-gray-800 dark:text-white">
+            Create Custom Section
+          </CardTitle>
           <CardDescription className="text-sm text-gray-600 dark:text-gray-300">
             Add your own custom section to the privacy policy
           </CardDescription>
         </CardHeader>
         <CardContent className="pt-5">
           <div className="space-y-3">
-            <FormField
-              id="customSectionTitle"
-              label="Section Title"
-            >
+            <FormField id="customSectionTitle" label="Section Title">
               <Input
                 id="customSectionTitle"
                 ref={titleInputRef}
                 placeholder="e.g., Cookies Policy, International Transfers"
               />
             </FormField>
-            
-            <FormField
-              id="customSectionContent"
-              label="Section Content"
-            >
+
+            <FormField id="customSectionContent" label="Section Content">
               <TextArea
                 id="customSectionContent"
                 ref={contentInputRef}
@@ -271,7 +293,7 @@ For more information about our NDPR and DPA compliance program, please contact o
                 placeholder="Enter the content for this section..."
               />
             </FormField>
-            
+
             <Button
               variant="default"
               size="sm"
@@ -282,12 +304,14 @@ For more information about our NDPR and DPA compliance program, please contact o
           </div>
         </CardContent>
       </Card>
-      
+
       {/* Added Sections List */}
       {formData.customSections.length > 0 && (
         <Card className="overflow-hidden shadow-md border border-gray-200 dark:border-gray-700">
           <CardHeader className="bg-gradient-to-r from-slate-100 to-gray-100 dark:from-slate-800 dark:to-gray-800 pb-3">
-            <CardTitle className="text-lg font-semibold text-gray-800 dark:text-white">Added Custom Sections</CardTitle>
+            <CardTitle className="text-lg font-semibold text-gray-800 dark:text-white">
+              Added Custom Sections
+            </CardTitle>
             <CardDescription className="text-sm text-gray-600 dark:text-gray-300">
               Custom sections that will be included in your privacy policy
             </CardDescription>
@@ -298,7 +322,9 @@ For more information about our NDPR and DPA compliance program, please contact o
                 <Card key={index} className="overflow-visible">
                   <CardContent className="pt-4">
                     <div className="flex items-center justify-between mb-2">
-                      <h5 className="font-medium text-gray-900 dark:text-white">{section.title}</h5>
+                      <h5 className="font-medium text-gray-900 dark:text-white">
+                        {section.title}
+                      </h5>
                       <Button
                         variant="destructive"
                         size="sm"
@@ -309,8 +335,8 @@ For more information about our NDPR and DPA compliance program, please contact o
                       </Button>
                     </div>
                     <div className="text-sm text-gray-700 dark:text-gray-300 whitespace-pre-line max-h-32 overflow-y-auto">
-                      {section.template.length > 200 
-                        ? `${section.template.substring(0, 200)}...` 
+                      {section.template.length > 200
+                        ? `${section.template.substring(0, 200)}...`
                         : section.template}
                     </div>
                     {section.template.length > 200 && (

package/src/components/privacy-policy/steps/PolicyPreviewStep.tsx

@@ -1,7 +1,7 @@
-'use client';
+"use client";
 
-import React from 'react';
-import { Card, CardContent } from '@/components/ui/Card';
+import React from "react";
+import { Card, CardContent } from "@/components/ui/Card";
 
 interface PolicyPreviewStepProps {
   formData: {
@@ -37,8 +37,18 @@ export default function PolicyPreviewStep({
         <CardContent className="p-6">
           <div className="flex items-center justify-between mb-4 pb-3 border-b border-gray-200 dark:border-gray-700">
             <h3 className="text-lg font-medium text-gray-900 dark:text-white flex items-center">
-              <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 mr-2 text-indigo-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                <path fillRule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z" clipRule="evenodd" />
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                className="h-5 w-5 mr-2 text-indigo-500"
+                viewBox="0 0 20 20"
+                fill="currentColor"
+                aria-hidden="true"
+              >
+                <path
+                  fillRule="evenodd"
+                  d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z"
+                  clipRule="evenodd"
+                />
               </svg>
               Privacy Policy Preview
             </h3>
@@ -47,24 +57,35 @@ export default function PolicyPreviewStep({
             </span>
           </div>
 
-          <div ref={previewRef} className="prose dark:prose-invert prose-indigo max-w-none text-base prose-headings:text-gray-800 dark:prose-headings:text-gray-100 prose-p:text-gray-600 dark:prose-p:text-gray-300 prose-li:text-gray-600 dark:prose-li:text-gray-300 prose-h1:text-2xl prose-h1:font-bold prose-h2:text-xl prose-h2:font-semibold prose-h2:border-b prose-h2:border-gray-200 dark:prose-h2:border-gray-700 prose-h2:pb-2 prose-h2:mt-8 overflow-auto">
+          <div
+            ref={previewRef}
+            className="prose dark:prose-invert prose-indigo max-w-none text-base prose-headings:text-gray-800 dark:prose-headings:text-gray-100 prose-p:text-gray-600 dark:prose-p:text-gray-300 prose-li:text-gray-600 dark:prose-li:text-gray-300 prose-h1:text-2xl prose-h1:font-bold prose-h2:text-xl prose-h2:font-semibold prose-h2:border-b prose-h2:border-gray-200 dark:prose-h2:border-gray-700 prose-h2:pb-2 prose-h2:mt-8 overflow-auto"
+          >
             <h1>{formData.organizationName} Privacy Policy</h1>
 
             <h2>Introduction</h2>
             <p>
-              This Privacy Policy describes how {formData.organizationName} collects, uses, and discloses your personal information. 
-              {formData.includeNDPRCompliance && ' This policy is compliant with the Nigeria Data Protection Regulation (NDPR) and the Data Protection Act (DPA).'}
+              This Privacy Policy describes how {formData.organizationName}{" "}
+              collects, uses, and discloses your personal information.
+              {formData.includeNDPRCompliance &&
+                " This policy is compliant with the Nigeria Data Protection Regulation (NDPR) and the Data Protection Act (DPA)."}
             </p>
 
             <h2>About Us</h2>
             <p>
               {formData.organizationName}
-              {formData.organizationAddress && ` is located at ${formData.organizationAddress}`}.
-              {formData.organizationWebsite && ` Our website is ${formData.organizationWebsite}.`}
+              {formData.organizationAddress &&
+                ` is located at ${formData.organizationAddress}`}
+              .
+              {formData.organizationWebsite &&
+                ` Our website is ${formData.organizationWebsite}.`}
             </p>
 
             <h2>Information We Collect</h2>
-            <p>We collect and process your personal data for the following purposes:</p>
+            <p>
+              We collect and process your personal data for the following
+              purposes:
+            </p>
             <ul>
               {(formData.dataCollectionPurposes || []).map((purpose, index) => (
                 <li key={`purpose-${index}`}>{purpose}</li>
@@ -73,51 +94,74 @@ export default function PolicyPreviewStep({
 
             <h2>Data Retention</h2>
             <p>
-              We will retain your personal data for {formData.dataRetentionPeriod || 'a period appropriate to the purpose'}, 
-              or for as long as necessary to fulfill the purposes for which it was collected.
+              We will retain your personal data for{" "}
+              {formData.dataRetentionPeriod ||
+                "a period appropriate to the purpose"}
+              , or for as long as necessary to fulfill the purposes for which it
+              was collected.
             </p>
 
-            {formData.thirdPartySharing && (formData.thirdParties || []).length > 0 && (
-              <>
-                <h2>Third-Party Sharing</h2>
-                <p>We may share your personal information with the following third parties:</p>
-                <ul>
-                  {(formData.thirdParties || []).map((party, index) => (
-                    <li key={`party-${index}`}>{party}</li>
-                  ))}
-                </ul>
-              </>
-            )}
-
-            {formData.cookiesUsed && (formData.cookieTypes || []).length > 0 && (
-              <>
-                <h2>Cookies and Tracking Technologies</h2>
-                <p>Our website uses cookies and similar tracking technologies. We use the following types of cookies:</p>
-                <ul>
-                  {(formData.cookieTypes || []).map((type, index) => (
-                    <li key={`type-${index}`}>{type}</li>
-                  ))}
-                </ul>
-              </>
-            )}
-
-            {formData.internationalTransfers && (formData.transferCountries || []).length > 0 && (
-              <>
-                <h2>International Data Transfers</h2>
-                <p>We may transfer your personal data to the following countries outside Nigeria:</p>
-                <ul>
-                  {(formData.transferCountries || []).map((country, index) => (
-                    <li key={`country-${index}`}>{country}</li>
-                  ))}
-                </ul>
-                <p>We ensure appropriate safeguards are in place to protect your data when transferred internationally.</p>
-              </>
-            )}
+            {formData.thirdPartySharing &&
+              (formData.thirdParties || []).length > 0 && (
+                <>
+                  <h2>Third-Party Sharing</h2>
+                  <p>
+                    We may share your personal information with the following
+                    third parties:
+                  </p>
+                  <ul>
+                    {(formData.thirdParties || []).map((party, index) => (
+                      <li key={`party-${index}`}>{party}</li>
+                    ))}
+                  </ul>
+                </>
+              )}
+
+            {formData.cookiesUsed &&
+              (formData.cookieTypes || []).length > 0 && (
+                <>
+                  <h2>Cookies and Tracking Technologies</h2>
+                  <p>
+                    Our website uses cookies and similar tracking technologies.
+                    We use the following types of cookies:
+                  </p>
+                  <ul>
+                    {(formData.cookieTypes || []).map((type, index) => (
+                      <li key={`type-${index}`}>{type}</li>
+                    ))}
+                  </ul>
+                </>
+              )}
+
+            {formData.internationalTransfers &&
+              (formData.transferCountries || []).length > 0 && (
+                <>
+                  <h2>International Data Transfers</h2>
+                  <p>
+                    We may transfer your personal data to the following
+                    countries outside Nigeria:
+                  </p>
+                  <ul>
+                    {(formData.transferCountries || []).map(
+                      (country, index) => (
+                        <li key={`country-${index}`}>{country}</li>
+                      ),
+                    )}
+                  </ul>
+                  <p>
+                    We ensure appropriate safeguards are in place to protect
+                    your data when transferred internationally.
+                  </p>
+                </>
+              )}
 
             {(formData.securityMeasures || []).length > 0 && (
               <>
                 <h2>Security Measures</h2>
-                <p>We implement the following security measures to protect your personal data:</p>
+                <p>
+                  We implement the following security measures to protect your
+                  personal data:
+                </p>
                 <ul>
                   {(formData.securityMeasures || []).map((measure, index) => (
                     <li key={`measure-${index}`}>{measure}</li>
@@ -128,9 +172,9 @@ export default function PolicyPreviewStep({
 
             <h2>Your Rights</h2>
             <p>
-              {formData.includeNDPRCompliance 
-                ? 'Under the NDPR and DPA, you have the following rights:' 
-                : 'You have the following rights regarding your personal data:'}
+              {formData.includeNDPRCompliance
+                ? "Under the NDPR and DPA, you have the following rights:"
+                : "You have the following rights regarding your personal data:"}
             </p>
             <ul>
               <li>Right to access your personal data</li>
@@ -140,29 +184,39 @@ export default function PolicyPreviewStep({
               <li>Right to object to processing</li>
               <li>Right to data portability</li>
             </ul>
-            <p>To exercise these rights, please contact us at {formData.organizationContact}.</p>
+            <p>
+              To exercise these rights, please contact us at{" "}
+              {formData.organizationContact}.
+            </p>
 
-            {(formData.customSections || []).length > 0 && (formData.customSections || []).map((section, index) => (
-              <div key={`section-${index}`}>
-                <h2>{section.title}</h2>
-                <p>{section.template}</p>
-              </div>
-            ))}
+            {(formData.customSections || []).length > 0 &&
+              (formData.customSections || []).map((section, index) => (
+                <div key={`section-${index}`}>
+                  <h2>{section.title}</h2>
+                  <p>{section.template}</p>
+                </div>
+              ))}
 
             {formData.hasDPO && formData.dpoContact && (
               <>
                 <h2>Data Protection Officer</h2>
-                <p>You can contact our Data Protection Officer at {formData.dpoContact}.</p>
+                <p>
+                  You can contact our Data Protection Officer at{" "}
+                  {formData.dpoContact}.
+                </p>
               </>
             )}
 
             <h2>Contact Us</h2>
             <p>
-              If you have any questions about this Privacy Policy, please contact us at {formData.organizationContact}.
+              If you have any questions about this Privacy Policy, please
+              contact us at {formData.organizationContact}.
             </p>
 
             <p className="text-gray-500 dark:text-gray-400 mt-4">
-              Last Updated: {formData.policyEffectiveDate || new Date().toISOString().split('T')[0]}
+              Last Updated:{" "}
+              {formData.policyEffectiveDate ||
+                new Date().toISOString().split("T")[0]}
             </p>
           </div>
         </CardContent>