@tantainnovative/ndpr-toolkit 1.0.3 → 1.0.4

package/src/components/privacy-policy/data.ts

@@ -1,98 +0,0 @@
-export const defaultDataPurposes = [
-  'Providing and maintaining our services',
-  'Processing transactions',
-  'Sending administrative information',
-  'Improving user experience',
-  'Marketing and promotional communications',
-  'Analytics and research',
-  'Legal compliance',
-  'Customer support',
-  'Personalization of content',
-  'Account management',
-];
-
-export const defaultSecurityMeasures = [
-  'Encryption of sensitive data in transit and at rest',
-  'Multi-factor authentication for system access',
-  'Regular security assessments and penetration testing',
-  'Access controls with principle of least privilege',
-  'Data backup procedures with regular testing',
-  'Comprehensive staff training on data protection',
-  'Documented incident response plan with regular drills',
-  'Physical security measures including CCTV and access controls',
-  'Network security monitoring with intrusion detection',
-  'Vulnerability management and timely patching',
-  'Third-party security assessments for vendors',
-  'Data loss prevention (DLP) systems',
-  'Regular security audits and compliance checks',
-  'Secure development practices and code reviews',
-  'Privacy by design and default in all systems',
-  'Data minimization and pseudonymization where appropriate',
-  'Secure disposal of data and equipment',
-  'Endpoint protection and mobile device management',
-];
-
-export const dataSubjectCategories = [
-  'Customers and clients',
-  'Employees and contractors',
-  'Job applicants',
-  'Suppliers and vendors',
-  'Website visitors and users',
-  'Marketing recipients',
-  'Business partners',
-  'Shareholders and investors',
-  'Children (under 18 years)',
-  'Vulnerable individuals',
-  'Patients (for healthcare organizations)',
-  'Students (for educational institutions)',
-  'Members (for membership organizations)',
-  'Beneficiaries (for charities/NGOs)',
-];
-
-export const trackingTechnologies = [
-  'HTTP cookies',
-  'Web beacons and pixel tags',
-  'Local storage objects',
-  'Session replay tools',
-  'Device fingerprinting',
-  'IP address tracking',
-  'JavaScript trackers',
-  'Mobile app SDKs',
-  'Cross-device tracking',
-  'Social media widgets and buttons',
-  'Heatmaps and clicktracking',
-  'UTM parameters',
-  'Server logs',
-];
-
-export const transferSafeguards = [
-  'Standard Contractual Clauses (SCCs)',
-  'Binding Corporate Rules (BCRs)',
-  'Adequacy decisions by the Nigerian Data Protection Commission',
-  'Data Processing Agreements with appropriate safeguards',
-  'Explicit consent of the data subject',
-  'Necessary for the performance of a contract',
-  'Necessary for important reasons of public interest',
-  'Necessary to protect vital interests',
-  'Transfer is from a register intended to provide information to the public',
-  'Compliance with NDPR Section 2.11 and 2.12 on international transfers',
-];
-
-export const defaultCookieTypes = [
-  'Strictly necessary cookies',
-  'Functional cookies',
-  'Performance cookies',
-  'Targeting/advertising cookies',
-  'Social media cookies',
-];
-
-export const commonTransferCountries = [
-  'United States',
-  'United Kingdom',
-  'European Union countries',
-  'Canada',
-  'Australia',
-  'India',
-  'South Africa',
-  'Kenya',
-];

package/src/components/privacy-policy/shared/CheckboxField.tsx

@@ -1,38 +0,0 @@
-'use client';
-
-import React from 'react';
-import { Checkbox } from '@/components/ui/Checkbox';
-import { cn } from '@/lib/utils';
-
-interface CheckboxFieldProps {
-  id: string;
-  name: string;
-  label: string;
-  checked: boolean;
-  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-  className?: string;
-  description?: string;
-}
-
-export default function CheckboxField({
-  id,
-  name,
-  label,
-  checked,
-  onChange,
-  className = '',
-  description,
-}: CheckboxFieldProps) {
-  return (
-    <div className={cn('mb-4', className)}>
-      <Checkbox
-        id={id}
-        name={name}
-        label={label}
-        checked={checked}
-        onChange={onChange}
-        description={description}
-      />
-    </div>
-  );
-}

package/src/components/privacy-policy/shared/CheckboxGroup.tsx

@@ -1,85 +0,0 @@
-'use client';
-
-import React from 'react';
-import { cn } from '@/lib/utils';
-
-interface CheckboxGroupProps {
-  title: string;
-  items: string[];
-  selectedItems: string[];
-  onToggleItem: (item: string) => void;
-  required?: boolean;
-  error?: string;
-  columns?: 1 | 2 | 3;
-  className?: string;
-}
-
-export default function CheckboxGroup({
-  title,
-  items,
-  selectedItems,
-  onToggleItem,
-  required = false,
-  error,
-  columns = 2,
-  className = '',
-}: CheckboxGroupProps) {
-  return (
-    <div className={cn("relative", className)}>
-      {title && (
-        <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
-          {title} {required && <span className="text-red-500">*</span>}
-        </label>
-      )}
-      
-      {error && (
-        <p className="mt-1 mb-2 text-sm font-medium text-red-600 dark:text-red-400">{error}</p>
-      )}
-      
-      <div className={cn(
-        "grid gap-x-4 gap-y-2 mt-1",
-        columns === 1 ? "grid-cols-1" : 
-        columns === 2 ? "grid-cols-1 sm:grid-cols-2" : 
-        "grid-cols-1 sm:grid-cols-2 md:grid-cols-3"
-      )}>
-        {items.map((item) => {
-          const isSelected = selectedItems.includes(item);
-          const itemId = `item-${item.replace(/\s+/g, '-').toLowerCase()}`;
-          
-          return (
-            <div key={itemId} className="flex items-start group">
-              <div className="flex items-center h-5">
-                <input
-                  id={itemId}
-                  type="checkbox"
-                  checked={isSelected}
-                  onChange={() => onToggleItem(item)}
-                  className={cn(
-                    "h-4 w-4 rounded border-2 transition-colors duration-200",
-                    "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500",
-                    isSelected 
-                      ? "bg-blue-600 border-blue-600 dark:bg-blue-500 dark:border-blue-500" 
-                      : "border-gray-300 dark:border-gray-600",
-                    "hover:border-blue-500 dark:hover:border-blue-400"
-                  )}
-                />
-              </div>
-              <label 
-                htmlFor={itemId} 
-                className={cn(
-                  "ml-2 text-sm leading-tight",
-                  isSelected 
-                    ? "text-gray-900 dark:text-white font-medium" 
-                    : "text-gray-700 dark:text-gray-300",
-                  "group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-200"
-                )}
-              >
-                {item}
-              </label>
-            </div>
-          );
-        })}
-      </div>
-    </div>
-  );
-}

package/src/components/privacy-policy/shared/FormField.tsx

@@ -1,79 +0,0 @@
-'use client';
-
-import React from 'react';
-import { cn } from '@/lib/utils';
-
-interface FormFieldProps {
-  id: string;
-  label: string;
-  required?: boolean;
-  error?: string;
-  children: React.ReactNode;
-  className?: string;
-  description?: string;
-}
-
-export default function FormField({
-  id,
-  label,
-  required = false,
-  error,
-  children,
-  className = '',
-  description,
-}: FormFieldProps) {
-  const hasError = !!error;
-
-  return (
-    <div className={cn('mb-5 space-y-2', className)}>
-      <div className="flex items-center justify-between">
-        <label 
-          htmlFor={id} 
-          className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-gray-700 dark:text-gray-200"
-        >
-          {label} {required && <span className="text-red-500 ml-1" aria-hidden="true">*</span>}
-          {required && <span className="sr-only">(required)</span>}
-        </label>
-      </div>
-      
-      {description && (
-        <p className="text-sm text-gray-500 dark:text-gray-400">{description}</p>
-      )}
-
-      <div className={`relative ${hasError ? 'has-error' : ''}`}>
-        {children}
-
-        {hasError && (
-          <div className="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
-            <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 text-red-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-              <path fillRule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clipRule="evenodd" />
-            </svg>
-          </div>
-        )}
-      </div>
-
-      {hasError && (
-        <p className="text-sm font-medium text-red-600 dark:text-red-400" id={`${id}-error`} role="alert">
-          {error}
-        </p>
-      )}
-
-      <style jsx>{`
-        /* This ensures the error icon doesn&apos;t appear on elements that shouldn't have it */
-        .has-error > :global(textarea),
-        .has-error > :global(input:not([type="checkbox"]):not([type="radio"])),
-        .has-error > :global(select) {
-          padding-right: 2.5rem;
-          border-color: rgb(239, 68, 68);
-        }
-
-        .has-error > :global(textarea:focus),
-        .has-error > :global(input:focus),
-        .has-error > :global(select:focus) {
-          border-color: rgb(239, 68, 68);
-          --tw-ring-color: rgba(239, 68, 68, 0.2);
-        }
-      `}</style>
-    </div>
-  );
-}

package/src/components/privacy-policy/shared/StepIndicator.tsx

@@ -1,86 +0,0 @@
-'use client';
-
-import React from 'react';
-
-interface StepIndicatorProps {
-  currentStep: number;
-  totalSteps: number;
-  stepLabels: string[];
-}
-
-export default function StepIndicator({ 
-  currentStep, 
-  totalSteps, 
-  stepLabels 
-}: StepIndicatorProps) {
-  return (
-    <div className="mb-10" role="navigation" aria-label="Form progress">
-      <div className="flex items-center justify-between">
-        {Array.from({ length: totalSteps }).map((_, index) => {
-          const stepNumber = index + 1;
-          const isActive = stepNumber === currentStep;
-          const isCompleted = stepNumber < currentStep;
-          const isPending = stepNumber > currentStep;
-
-          return (
-            <div
-              key={stepNumber}
-              className={`flex items-center ${stepNumber < totalSteps ? 'w-full' : ''}`}
-            >
-              <div
-                className={`
-                  flex items-center justify-center w-10 h-10 rounded-full text-sm font-medium
-                  transition-all duration-200 ease-in-out
-                  ${isActive ? 'bg-indigo-600 text-white ring-4 ring-indigo-100 dark:ring-indigo-900/30 scale-110' : ''}
-                  ${isCompleted ? 'bg-indigo-600 text-white' : ''}
-                  ${isPending ? 'bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400' : ''}
-                `}
-                aria-current={isActive ? 'step' : undefined}
-                aria-label={`Step ${stepNumber}: ${stepLabels[index]}`}
-              >
-                {isCompleted ? (
-                  <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
-                  </svg>
-                ) : (
-                  stepNumber
-                )}
-              </div>
-              {stepNumber < totalSteps && (
-                <div
-                  className={`
-                    flex-1 h-1 mx-2 rounded-full
-                    transition-all duration-200 ease-in-out
-                    ${stepNumber < currentStep ? 'bg-indigo-600' : 'bg-gray-200 dark:bg-gray-700'}
-                  `}
-                  aria-hidden="true"
-                />
-              )}
-            </div>
-          );
-        })}
-      </div>
-      <div className="flex justify-between mt-3">
-        {stepLabels.map((label, index) => {
-          const stepNumber = index + 1;
-          const isActive = stepNumber === currentStep;
-          const isCompleted = stepNumber < currentStep;
-
-          return (
-            <span 
-              key={index} 
-              className={`
-                text-sm transition-colors duration-200 ease-in-out
-                ${isActive ? 'text-indigo-600 dark:text-indigo-400 font-medium' : ''}
-                ${isCompleted ? 'text-gray-700 dark:text-gray-300' : ''}
-                ${!isActive && !isCompleted ? 'text-gray-500 dark:text-gray-400' : ''}
-              `}
-            >
-              {label}
-            </span>
-          );
-        })}
-      </div>
-    </div>
-  );
-}