Privacy Policy Generator

yarn add @tantainnovative/ndpr-toolkit

# Or with legacy peer deps if using React 19 yarn add @tantainnovative/ndpr-toolkit --legacy-peer-deps

import { generatePolicyText, PolicySection } from '@tantainnovative/ndpr-toolkit';

const policySections: PolicySection[] = [
  {
    id: 'introduction',
    title: 'Introduction',
    content: '{{organizationName}} ("we", "us", or "our") operates the {{websiteUrl}} website.'
  },
  {
    id: 'data-collection',
    title: 'Data Collection',
    content: 'We collect several different types of information for various purposes to provide and improve our Service to you.'
  },
  {
    id: 'contact',
    title: 'Contact Us',
    content: 'If you have any questions, please contact us at {{contactEmail}}.'
  }
];

const variables = {
  organizationName: 'Acme Corporation',
  websiteUrl: 'https://acme.com',
  contactEmail: 'privacy@acme.com'
};

const result = generatePolicyText(policySections, variables);

// Access the full text
console.log(result.fullText);

// Access individual section texts
console.log(result.sectionTexts.introduction);
console.log(result.sectionTexts.contact);

import { useState } from 'react';
import { 
  PolicyGenerator, 
  PolicyPreview, 
  PolicyExport,
  generatePolicyText,
  PolicySection
} from '@tantainnovative/ndpr-toolkit';

// Define your policy templates
const policyTemplates = [
  {
    id: 'standard',
    name: 'Standard Privacy Policy',
    description: 'A comprehensive privacy policy suitable for most websites and applications.',
    sections: [
      {
        id: 'introduction',
        title: 'Introduction',
        content: '{{organizationName}} ("we", "us", or "our") operates the {{websiteUrl}} website ("the Service"). This page informs you of our policies regarding the collection, use, and disclosure of personal data when you use our Service and the choices you have associated with that data.'
      },
      {
        id: 'data-collection',
        title: 'Information Collection and Use',
        content: 'We collect several different types of information for various purposes to provide and improve our Service to you.'
      },
      // More sections...
    ]
  },
  {
    id: 'minimal',
    name: 'Minimal Privacy Policy',
    description: 'A simplified privacy policy for small websites with minimal data collection.',
    sections: [
      // Sections...
    ]
  }
];

function PrivacyPolicyPage() {
  const [generatedPolicy, setGeneratedPolicy] = useState(null);
  const [selectedTemplate, setSelectedTemplate] = useState('standard');
  const [policyData, setPolicyData] = useState({
    organizationName: '',
    organizationWebsite: '',
    organizationContact: '',
    // Other fields...
  });
  const [variables, setVariables] = useState({
    organizationName: '',
    websiteUrl: '',
    contactEmail: '',
    lastUpdated: new Date().toLocaleDateString()
  });
  
  const handlePolicyGenerated = (data) => {
    setPolicyData(data);
    
    // Update variables based on policy data
    setVariables({
      ...variables,
      organizationName: data.organizationName,
      websiteUrl: data.organizationWebsite,
      contactEmail: data.organizationContact
    });
    
    // Find the selected template
    const template = policyTemplates.find(t => t.id === selectedTemplate);
    
    // Generate the policy text with variables
    const result = generatePolicyText(template.sections, variables);
    
    setGeneratedPolicy({
      title: `Privacy Policy for ${data.organizationName}`,
      content: result.fullText,
      sections: template.sections.map(section => ({
        ...section,
        content: result.sectionTexts[section.id] || section.content
      })),
      lastUpdated: new Date()
    });
  };
  
  const handleExportPolicy = (format) => {
    // Export logic...
  };
  
  return (
    <div>
      {!generatedPolicy ? (
        <PolicyGenerator 
          onComplete={handlePolicyGenerated}
          templates={policyTemplates}
          initialValues={policyData}
          onTemplateSelect={(templateId) => setSelectedTemplate(templateId)}
          variables={variables}
        />
      ) : (
        <div>
          <PolicyPreview 
            policy={generatedPolicy}
            onEdit={() => setGeneratedPolicy(null)}
            variables={variables}
            onVariableChange={(newVariables) => {
              setVariables(newVariables);
              
              // Regenerate policy with new variables
              const template = policyTemplates.find(t => t.id === selectedTemplate);
              const result = generatePolicyText(template.sections, newVariables);
              
              setGeneratedPolicy({
                ...generatedPolicy,
                content: result.fullText,
                sections: template.sections.map(section => ({
                  ...section,
                  content: result.sectionTexts[section.id] || section.content
                }))
              });
            }}
          />
          
          <div className="mt-6">
            <h3 className="text-lg font-bold mb-2">Export Options</h3>
            <PolicyExport 
              policy={generatedPolicy}
              formats={['html', 'pdf', 'markdown']}
              filename={`privacy-policy-${policyData.organizationName.toLowerCase().replace(/\s+/g, '-')}`}
              onExport={handleExportPolicy}
            />
          </div>
        </div>
      )}
    </div>
  );
}

/**
 * Generates policy text by replacing variables in a template
 * 
 * @param sectionsOrTemplate - Either an array of PolicySection objects or a template string
 * @param organizationInfoOrVariables - Either an OrganizationInfo object or a variables object
 * @returns Either a string (if no variables used) or an object with fullText, sectionTexts, and missingVariables
 */
function generatePolicyText(
  sectionsOrTemplate: PolicySection[] | string,
  organizationInfoOrVariables: OrganizationInfo | Record<string, string>
): string | {
  fullText: string;
  sectionTexts: Record<string, string>;
  missingVariables: string[];
}

type PolicyTemplate = {
  id: string;
  name: string;
  description: string;
  sections: PolicySection[];
};

type PolicySection = {
  id: string;
  title: string;
  content: string;
  required?: boolean;
};

type PolicyData = {
  // Organization Information
  organizationName: string;
  organizationWebsite: string;
  organizationContact: string;
  dpoName?: string;
  dpoEmail?: string;
  
  // Data Collection
  dataCollectionMethods: string[];
  personalDataTypes: string[];
  sensitiveDataTypes?: string[];
  legalBasisForProcessing: string[];
  
  // Data Usage
  dataUsagePurposes: string[];
  automaticDecisionMaking: boolean;
  
  // Data Sharing
  thirdPartySharing: boolean;
  thirdPartyCategories?: string[];
  internationalTransfers: boolean;
  transferSafeguards?: string;
  
  // Data Subject Rights
  dataSubjectRightsProcess: string;
  
  // Security and Retention
  securityMeasures: string[];
  retentionPeriod: string;
  
  // Cookies and Tracking
  usesCookies: boolean;
  cookieTypes?: string[];
  
  // Additional Information
  lastUpdated: Date;
  effectiveDate: Date;
  additionalInformation?: string;
};