Breach Notification Process

import { BreachReportForm } from '@tantainnovative/ndpr-toolkit';

function BreachReportingPage() {
  const breachCategories = [
    { id: 'unauthorized-access', label: 'Unauthorized Access' },
    { id: 'data-loss', label: 'Data Loss' },
    { id: 'system-compromise', label: 'System Compromise' },
    { id: 'phishing', label: 'Phishing Attack' },
    { id: 'other', label: 'Other' }
  ];

  const handleSubmitReport = (reportData) => {
    // Save report to your backend
    console.log('Breach report submitted:', reportData);
    
    // Example: Send to backend API
    fetch('/api/breach-reports', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(reportData),
    })
    .then(response => response.json())
    .then(data => {
      // Show confirmation to user with reference number
      setBreachId(data.id);
      setSubmitted(true);
    });
  };

  const [submitted, setSubmitted] = useState(false);
  const [breachId, setBreachId] = useState(null);

  return (
    <div>
      <h1>Report a Data Breach</h1>
      
      {!submitted ? (
        <>
          <p>
            Use this form to report a suspected data breach. All breaches must be
            reported internally within 24 hours of discovery.
          </p>
          
          <BreachReportForm 
            onSubmit={handleSubmitReport}
            categories={breachCategories}
          />
        </>
      ) : (
        <div>
          <h2>Breach Reported</h2>
          <p>
            The breach has been reported successfully. Reference number: <strong>{breachId}</strong>
          </p>
          <p>
            The breach response team has been notified and will begin investigating immediately.
          </p>
        </div>
      )}
    </div>
  );
}

import { BreachRiskAssessment } from '@tantainnovative/ndpr-toolkit';

function RiskAssessmentPage({ breachData }) {
  const handleRiskAssessmentComplete = (assessment) => {
    // Save assessment to your backend
    console.log('Risk assessment completed:', assessment);
    
    // Example: Update breach record with assessment
    fetch(`/api/breach-reports/${breachData.id}/assessment`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(assessment),
    })
    .then(response => response.json())
    .then(data => {
      // Update UI based on assessment results
      setAssessmentComplete(true);
      setRequiresNotification(assessment.requiresNitdaNotification);
    });
  };

  const [assessmentComplete, setAssessmentComplete] = useState(false);
  const [requiresNotification, setRequiresNotification] = useState(false);

  return (
    <div>
      <h1>Breach Risk Assessment</h1>
      <p>Breach ID: {breachData.id}</p>
      
      {!assessmentComplete ? (
        <>
          <p>
            Complete this assessment to determine the risk level of the breach and whether
            notification to NITDA and/or data subjects is required.
          </p>
          
          <BreachRiskAssessment 
            breachData={breachData}
            onComplete={handleRiskAssessmentComplete}
          />
        </>
      ) : (
        <div>
          <h2>Assessment Complete</h2>
          {requiresNotification ? (
            <p>
              This breach requires notification to NITDA within 72 hours. Please proceed
              to the notification preparation step.
            </p>
          ) : (
            <p>
              Based on the assessment, this breach does not require notification to NITDA.
              However, you should still document the breach and the actions taken.
            </p>
          )}
        </div>
      )}
    </div>
  );
}

import { BreachNotificationManager } from '@tantainnovative/ndpr-toolkit';

function NotificationManagementPage() {
  const [breaches, setBreaches] = useState([]);
  
  useEffect(() => {
    // Fetch breaches that require notification
    fetch('/api/breach-reports?requiresNotification=true')
      .then(response => response.json())
      .then(data => setBreaches(data));
  }, []);
  
  const handleUpdateStatus = (breachId, status) => {
    // Update breach status in your backend
    fetch(`/api/breach-reports/${breachId}/status`, {
      method: 'PUT',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ status }),
    })
    .then(response => response.json())
    .then(data => {
      // Update local state
      setBreaches(breaches.map(breach => 
        breach.id === breachId ? { ...breach, status } : breach
      ));
    });
  };
  
  const handleSendNotification = (breachId, notification) => {
    // Record notification in your backend
    fetch(`/api/breach-reports/${breachId}/notifications`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(notification),
    })
    .then(response => response.json())
    .then(data => {
      // Update local state
      setBreaches(breaches.map(breach => 
        breach.id === breachId ? { 
          ...breach, 
          notifications: [...breach.notifications, data] 
        } : breach
      ));
    });
  };

  return (
    <div>
      <h1>Breach Notification Management</h1>
      
      <BreachNotificationManager 
        breaches={breaches}
        onUpdateStatus={handleUpdateStatus}
        onSendNotification={handleSendNotification}
      />
    </div>
  );
}

import { RegulatoryReportGenerator } from '@tantainnovative/ndpr-toolkit';

function ReportGenerationPage({ breachData }) {
  const organizationInfo = {
    name: 'Example Company Ltd.',
    address: '123 Main Street, Lagos, Nigeria',
    dpoName: 'John Doe',
    dpoEmail: 'dpo@example.com',
    dpoPhone: '+234 123 456 7890'
  };

  const handleGenerateReport = (report) => {
    // Save report to your backend
    console.log('Report generated:', report);
    
    // Example: Save report and update breach record
    fetch(`/api/breach-reports/${breachData.id}/regulatory-report`, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(report),
    })
    .then(response => response.json())
    .then(data => {
      // Update UI to show report has been generated
      setReportGenerated(true);
    });
  };

  const [reportGenerated, setReportGenerated] = useState(false);

  return (
    <div>
      <h1>Generate NITDA Notification Report</h1>
      <p>Breach ID: {breachData.id}</p>
      
      {!reportGenerated ? (
        <>
          <p>
            Generate a NITDA breach notification report for submission. This report must be
            submitted within 72 hours of becoming aware of the breach.
          </p>
          
          <RegulatoryReportGenerator 
            breachData={breachData}
            organizationInfo={organizationInfo}
            onGenerate={handleGenerateReport}
          />
        </>
      ) : (
        <div>
          <h2>Report Generated</h2>
          <p>
            The NITDA notification report has been generated successfully. Please review
            the report and submit it to NITDA as soon as possible.
          </p>
          <button>Download Report</button>
          <button>Submit to NITDA</button>
        </div>
      )}
    </div>
  );
}