function MainComponent() { const [step, setStep] = useState(1); const [formData, setFormData] = useState({ roles: { incidentCommander: "", technicalLead: "", communicationsLead: "", securityAnalyst: "", forensicsSpecialist: "", legalRepresentative: "", humanResources: "", backupContacts: "", workingHours: "", afterHours: "" }, notifications: { primaryContact: "", escalationPath: "", stakeholders: "" }, systems: { criticalSystems: "", backupSystems: "", recoveryPriorities: "", systemOwners: "", dependencies: "", maintenanceSchedule: "", dataClassification: "", backupSchedule: "", recoveryTimeObjectives: "", systemLocations: "" }, procedures: { initialResponse: "", containmentSteps: "", recoveryProcess: "" }, compliance: { nistControls: "", isoStandards: "", lastAuditDate: "", nextReviewDate: "" }, severity: { criticalIncidents: "", highIncidents: "", mediumIncidents: "", lowIncidents: "" }, testing: { lastTestDate: "", nextTestDate: "", testResults: "", lessonsLearned: "" }, tabletop: { scenario: "", participants: "", objectives: "", timeline: "" } }); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const totalSteps = 8; const handleInputChange = (section, field, value)=>{ setFormData((prev)=>({ ...prev, [section]: { ...prev[section], [field]: value } })); }; const generatePDF = async ()=>{ setLoading(true); try { const response = await fetch("/api/generate-pdf", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error("Failed to generate PDF"); } const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = "incident-response-plan.pdf"; a.click(); } catch (err) { setError("Failed to generate PDF. Please try again."); console.error(err); } finally{ setLoading(false); } }; const renderStep = ()=>{ switch(step){ case 1: return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-inter font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, "Incident Response Team"), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-blue-50 dark:bg-blue-900 rounded-lg mb-4", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-blue-800 dark:text-blue-200", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, "Define your core incident response team members and their contact information")), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 127, columnNumber: 19 }, __self: this }, "Incident Commander"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "incidentCommander", placeholder: "Name and Position", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.roles.incidentCommander, onChange: (e)=>handleInputChange("roles", "incidentCommander", e.target.value), __source: { fileName: "", lineNumber: 130, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 145, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 146, columnNumber: 19 }, __self: this }, "Technical Lead"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "technicalLead", placeholder: "Name and Position", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.roles.technicalLead, onChange: (e)=>handleInputChange("roles", "technicalLead", e.target.value), __source: { fileName: "", lineNumber: 149, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 166, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 168, columnNumber: 19 }, __self: this }, "Communications Lead"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "communicationsLead", placeholder: "Name and Position", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.roles.communicationsLead, onChange: (e)=>handleInputChange("roles", "communicationsLead", e.target.value), __source: { fileName: "", lineNumber: 171, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 187, columnNumber: 19 }, __self: this }, "Security Analyst"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "securityAnalyst", placeholder: "Name and Position", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.roles.securityAnalyst, onChange: (e)=>handleInputChange("roles", "securityAnalyst", e.target.value), __source: { fileName: "", lineNumber: 190, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 207, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 208, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 209, columnNumber: 19 }, __self: this }, "Forensics Specialist"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "forensicsSpecialist", placeholder: "Name and Position", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.roles.forensicsSpecialist, onChange: (e)=>handleInputChange("roles", "forensicsSpecialist", e.target.value), __source: { fileName: "", lineNumber: 212, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 227, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 228, columnNumber: 19 }, __self: this }, "Legal Representative"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "legalRepresentative", placeholder: "Name and Position", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.roles.legalRepresentative, onChange: (e)=>handleInputChange("roles", "legalRepresentative", e.target.value), __source: { fileName: "", lineNumber: 231, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 248, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 249, columnNumber: 17 }, __self: this }, "Human Resources Contact"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "humanResources", placeholder: "Name and Position", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.roles.humanResources, onChange: (e)=>handleInputChange("roles", "humanResources", e.target.value), __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-200 dark:border-gray-700 pt-4", __source: { fileName: "", lineNumber: 264, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 dark:text-white mb-3", __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this }, "Contact Schedule"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 269, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 270, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 271, columnNumber: 21 }, __self: this }, "Working Hours Contacts"), /*#__PURE__*/ React.createElement("textarea", { name: "workingHours", placeholder: "Specify contact order and numbers during working hours", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.roles.workingHours, onChange: (e)=>handleInputChange("roles", "workingHours", e.target.value), __source: { fileName: "", lineNumber: 274, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 289, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 290, columnNumber: 21 }, __self: this }, "After Hours Contacts"), /*#__PURE__*/ React.createElement("textarea", { name: "afterHours", placeholder: "Specify contact order and numbers for after hours", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.roles.afterHours, onChange: (e)=>handleInputChange("roles", "afterHours", e.target.value), __source: { fileName: "", lineNumber: 293, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 304, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 305, columnNumber: 21 }, __self: this }, "Backup Contacts"), /*#__PURE__*/ React.createElement("textarea", { name: "backupContacts", placeholder: "List backup team members and their contact information", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.roles.backupContacts, onChange: (e)=>handleInputChange("roles", "backupContacts", e.target.value), __source: { fileName: "", lineNumber: 308, columnNumber: 21 }, __self: this })))))); case 2: return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 329, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-inter font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 330, columnNumber: 13 }, __self: this }, "Notification Process"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 333, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "primaryContact", placeholder: "Primary Contact Information", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.notifications.primaryContact, onChange: (e)=>handleInputChange("notifications", "primaryContact", e.target.value), __source: { fileName: "", lineNumber: 334, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "escalationPath", placeholder: "Escalation Path", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.notifications.escalationPath, onChange: (e)=>handleInputChange("notifications", "escalationPath", e.target.value), __source: { fileName: "", lineNumber: 348, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "stakeholders", placeholder: "Key Stakeholders", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.notifications.stakeholders, onChange: (e)=>handleInputChange("notifications", "stakeholders", e.target.value), __source: { fileName: "", lineNumber: 361, columnNumber: 15 }, __self: this }))); case 3: return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 379, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-inter font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 380, columnNumber: 13 }, __self: this }, "Critical Systems and Recovery"), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-blue-50 dark:bg-blue-900 rounded-lg mb-4", __source: { fileName: "", lineNumber: 384, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-blue-800 dark:text-blue-200", __source: { fileName: "", lineNumber: 385, columnNumber: 15 }, __self: this }, "Document your critical systems, their dependencies, and recovery procedures")), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 391, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4", __source: { fileName: "", lineNumber: 392, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 dark:text-white mb-3", __source: { fileName: "", lineNumber: 393, columnNumber: 17 }, __self: this }, "System Inventory"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 396, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 397, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 398, columnNumber: 21 }, __self: this }, "Critical Systems List"), /*#__PURE__*/ React.createElement("textarea", { name: "criticalSystems", placeholder: "List all critical systems and their primary functions", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.systems.criticalSystems, onChange: (e)=>handleInputChange("systems", "criticalSystems", e.target.value), rows: 4, __source: { fileName: "", lineNumber: 401, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 417, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 418, columnNumber: 21 }, __self: this }, "System Dependencies"), /*#__PURE__*/ React.createElement("textarea", { name: "dependencies", placeholder: "Document system dependencies and integrations", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.systems.dependencies, onChange: (e)=>handleInputChange("systems", "dependencies", e.target.value), rows: 3, __source: { fileName: "", lineNumber: 421, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 437, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 438, columnNumber: 21 }, __self: this }, "System Locations"), /*#__PURE__*/ React.createElement("textarea", { name: "systemLocations", placeholder: "Physical/Cloud locations of systems (e.g., AWS Region, Data Center)", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.systems.systemLocations, onChange: (e)=>handleInputChange("systems", "systemLocations", e.target.value), rows: 2, __source: { fileName: "", lineNumber: 441, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 457, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 458, columnNumber: 21 }, __self: this }, "System Owners"), /*#__PURE__*/ React.createElement("textarea", { name: "systemOwners", placeholder: "List system owners and their contact information", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.systems.systemOwners, onChange: (e)=>handleInputChange("systems", "systemOwners", e.target.value), rows: 3, __source: { fileName: "", lineNumber: 461, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4", __source: { fileName: "", lineNumber: 479, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 dark:text-white mb-3", __source: { fileName: "", lineNumber: 480, columnNumber: 17 }, __self: this }, "Data and Backup Management"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 483, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 484, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 485, columnNumber: 21 }, __self: this }, "Data Classification"), /*#__PURE__*/ React.createElement("textarea", { name: "dataClassification", placeholder: "Specify data classification levels and handling requirements", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.systems.dataClassification, onChange: (e)=>handleInputChange("systems", "dataClassification", e.target.value), rows: 3, __source: { fileName: "", lineNumber: 488, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 504, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 505, columnNumber: 21 }, __self: this }, "Backup Systems"), /*#__PURE__*/ React.createElement("textarea", { name: "backupSystems", placeholder: "Detail backup systems and their configurations", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.systems.backupSystems, onChange: (e)=>handleInputChange("systems", "backupSystems", e.target.value), rows: 3, __source: { fileName: "", lineNumber: 508, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 524, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 525, columnNumber: 21 }, __self: this }, "Backup Schedule"), /*#__PURE__*/ React.createElement("textarea", { name: "backupSchedule", placeholder: "Document backup frequency and retention policies", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.systems.backupSchedule, onChange: (e)=>handleInputChange("systems", "backupSchedule", e.target.value), rows: 2, __source: { fileName: "", lineNumber: 528, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4", __source: { fileName: "", lineNumber: 546, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 dark:text-white mb-3", __source: { fileName: "", lineNumber: 547, columnNumber: 17 }, __self: this }, "Recovery Planning"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 550, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 551, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 552, columnNumber: 21 }, __self: this }, "Recovery Time Objectives"), /*#__PURE__*/ React.createElement("textarea", { name: "recoveryTimeObjectives", placeholder: "Specify RTO/RPO for each critical system", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.systems.recoveryTimeObjectives, onChange: (e)=>handleInputChange("systems", "recoveryTimeObjectives", e.target.value), rows: 3, __source: { fileName: "", lineNumber: 555, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 571, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 572, columnNumber: 21 }, __self: this }, "Recovery Priorities"), /*#__PURE__*/ React.createElement("textarea", { name: "recoveryPriorities", placeholder: "List systems in order of recovery priority", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.systems.recoveryPriorities, onChange: (e)=>handleInputChange("systems", "recoveryPriorities", e.target.value), rows: 3, __source: { fileName: "", lineNumber: 575, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 591, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 592, columnNumber: 21 }, __self: this }, "Maintenance Schedule"), /*#__PURE__*/ React.createElement("textarea", { name: "maintenanceSchedule", placeholder: "Document regular maintenance windows and procedures", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.systems.maintenanceSchedule, onChange: (e)=>handleInputChange("systems", "maintenanceSchedule", e.target.value), rows: 2, __source: { fileName: "", lineNumber: 595, columnNumber: 21 }, __self: this })))))); case 4: return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 617, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-inter font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 618, columnNumber: 13 }, __self: this }, "Plan Preview"), /*#__PURE__*/ React.createElement("div", { className: "p-4 border border-gray-200 dark:border-gray-700 rounded-lg space-y-4", __source: { fileName: "", lineNumber: 621, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 622, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-inter font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 623, columnNumber: 17 }, __self: this }, "Response Team"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 626, columnNumber: 17 }, __self: this }, "Incident Commander: ", formData.roles.incidentCommander), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 629, columnNumber: 17 }, __self: this }, "Technical Lead: ", formData.roles.technicalLead), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 632, columnNumber: 17 }, __self: this }, "Communications Lead: ", formData.roles.communicationsLead)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 636, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-inter font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 637, columnNumber: 17 }, __self: this }, "Notification Process"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 640, columnNumber: 17 }, __self: this }, "Primary Contact: ", formData.notifications.primaryContact), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 643, columnNumber: 17 }, __self: this }, "Escalation Path: ", formData.notifications.escalationPath)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 647, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-inter font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 648, columnNumber: 17 }, __self: this }, "Systems"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 651, columnNumber: 17 }, __self: this }, "Critical Systems: ", formData.systems.criticalSystems), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 654, columnNumber: 17 }, __self: this }, "Backup Systems: ", formData.systems.backupSystems)))); case 5: return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 663, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-inter font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 664, columnNumber: 13 }, __self: this }, "NIST/ISO Compliance Checklist"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 667, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-blue-50 dark:bg-blue-900 rounded-lg mb-4", __source: { fileName: "", lineNumber: 668, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-blue-800 dark:text-blue-200", __source: { fileName: "", lineNumber: 669, columnNumber: 17 }, __self: this }, "Complete this section based on NIST SP 800-53 and ISO 27001 requirements")), /*#__PURE__*/ React.createElement("textarea", { name: "nistControls", placeholder: "NIST Controls Implementation (e.g., AC-1, IR-1)", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.compliance.nistControls, onChange: (e)=>handleInputChange("compliance", "nistControls", e.target.value), __source: { fileName: "", lineNumber: 674, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "isoStandards", placeholder: "ISO 27001 Controls (e.g., A.16.1)", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.compliance.isoStandards, onChange: (e)=>handleInputChange("compliance", "isoStandards", e.target.value), __source: { fileName: "", lineNumber: 687, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 700, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", name: "lastAuditDate", placeholder: "Last Audit Date", className: "w-1/2 p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.compliance.lastAuditDate, onChange: (e)=>handleInputChange("compliance", "lastAuditDate", e.target.value), __source: { fileName: "", lineNumber: 701, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "nextReviewDate", placeholder: "Next Review Date", className: "w-1/2 p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.compliance.nextReviewDate, onChange: (e)=>handleInputChange("compliance", "nextReviewDate", e.target.value), __source: { fileName: "", lineNumber: 715, columnNumber: 17 }, __self: this })))); case 6: return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 735, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-inter font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 736, columnNumber: 13 }, __self: this }, "Incident Severity Classification"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 739, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-red-50 dark:bg-red-900 rounded-lg mb-4", __source: { fileName: "", lineNumber: 740, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-red-800 dark:text-red-200", __source: { fileName: "", lineNumber: 741, columnNumber: 17 }, __self: this }, "Critical Incidents"), /*#__PURE__*/ React.createElement("textarea", { name: "criticalIncidents", placeholder: "Define critical incident criteria and response times", className: "w-full mt-2 p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.severity.criticalIncidents, onChange: (e)=>handleInputChange("severity", "criticalIncidents", e.target.value), __source: { fileName: "", lineNumber: 744, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-orange-50 dark:bg-orange-900 rounded-lg mb-4", __source: { fileName: "", lineNumber: 758, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-orange-800 dark:text-orange-200", __source: { fileName: "", lineNumber: 759, columnNumber: 17 }, __self: this }, "High Severity"), /*#__PURE__*/ React.createElement("textarea", { name: "highIncidents", placeholder: "Define high severity incident criteria", className: "w-full mt-2 p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.severity.highIncidents, onChange: (e)=>handleInputChange("severity", "highIncidents", e.target.value), __source: { fileName: "", lineNumber: 762, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-yellow-50 dark:bg-yellow-900 rounded-lg mb-4", __source: { fileName: "", lineNumber: 776, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-yellow-800 dark:text-yellow-200", __source: { fileName: "", lineNumber: 777, columnNumber: 17 }, __self: this }, "Medium Severity"), /*#__PURE__*/ React.createElement("textarea", { name: "mediumIncidents", placeholder: "Define medium severity incident criteria", className: "w-full mt-2 p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.severity.mediumIncidents, onChange: (e)=>handleInputChange("severity", "mediumIncidents", e.target.value), __source: { fileName: "", lineNumber: 780, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-green-50 dark:bg-green-900 rounded-lg mb-4", __source: { fileName: "", lineNumber: 794, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-green-800 dark:text-green-200", __source: { fileName: "", lineNumber: 795, columnNumber: 17 }, __self: this }, "Low Severity"), /*#__PURE__*/ React.createElement("textarea", { name: "lowIncidents", placeholder: "Define low severity incident criteria", className: "w-full mt-2 p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.severity.lowIncidents, onChange: (e)=>handleInputChange("severity", "lowIncidents", e.target.value), __source: { fileName: "", lineNumber: 798, columnNumber: 17 }, __self: this })))); case 7: return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 817, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-inter font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 818, columnNumber: 13 }, __self: this }, "Plan Testing Schedule"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 821, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 822, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", name: "lastTestDate", placeholder: "Last Test Date", className: "w-1/2 p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.testing.lastTestDate, onChange: (e)=>handleInputChange("testing", "lastTestDate", e.target.value), __source: { fileName: "", lineNumber: 823, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "nextTestDate", placeholder: "Next Test Date", className: "w-1/2 p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.testing.nextTestDate, onChange: (e)=>handleInputChange("testing", "nextTestDate", e.target.value), __source: { fileName: "", lineNumber: 833, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("textarea", { name: "testResults", placeholder: "Previous Test Results and Findings", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.testing.testResults, onChange: (e)=>handleInputChange("testing", "testResults", e.target.value), __source: { fileName: "", lineNumber: 844, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "lessonsLearned", placeholder: "Lessons Learned and Improvements", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.testing.lessonsLearned, onChange: (e)=>handleInputChange("testing", "lessonsLearned", e.target.value), __source: { fileName: "", lineNumber: 853, columnNumber: 15 }, __self: this }))); case 8: return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 867, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-inter font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 868, columnNumber: 13 }, __self: this }, "Tabletop Exercise Generator"), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-blue-50 dark:bg-blue-900 rounded-lg mb-4", __source: { fileName: "", lineNumber: 871, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-blue-800 dark:text-blue-200", __source: { fileName: "", lineNumber: 872, columnNumber: 15 }, __self: this }, "Plan and document your tabletop exercise scenarios")), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 876, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 877, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 878, columnNumber: 17 }, __self: this }, "Scenario Description"), /*#__PURE__*/ React.createElement("textarea", { name: "scenario", placeholder: "Describe the incident scenario (e.g., Ransomware attack, Data breach)", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.tabletop.scenario, onChange: (e)=>handleInputChange("tabletop", "scenario", e.target.value), rows: 4, __source: { fileName: "", lineNumber: 881, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 892, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 893, columnNumber: 17 }, __self: this }, "Exercise Participants"), /*#__PURE__*/ React.createElement("textarea", { name: "participants", placeholder: "List all participants and their roles", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.tabletop.participants, onChange: (e)=>handleInputChange("tabletop", "participants", e.target.value), rows: 3, __source: { fileName: "", lineNumber: 896, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 911, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 912, columnNumber: 17 }, __self: this }, "Exercise Objectives"), /*#__PURE__*/ React.createElement("textarea", { name: "objectives", placeholder: "Define the learning objectives and expected outcomes", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.tabletop.objectives, onChange: (e)=>handleInputChange("tabletop", "objectives", e.target.value), rows: 3, __source: { fileName: "", lineNumber: 915, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 926, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", __source: { fileName: "", lineNumber: 927, columnNumber: 17 }, __self: this }, "Exercise Timeline"), /*#__PURE__*/ React.createElement("textarea", { name: "timeline", placeholder: "Outline the exercise timeline and key events", className: "w-full p-2 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-900 dark:text-white dark:bg-gray-800", value: formData.tabletop.timeline, onChange: (e)=>handleInputChange("tabletop", "timeline", e.target.value), rows: 3, __source: { fileName: "", lineNumber: 930, columnNumber: 17 }, __self: this })))); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white dark:bg-gray-900 p-4", __source: { fileName: "", lineNumber: 950, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 951, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 952, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 953, columnNumber: 11 }, __self: this }, "Security Incident Response Planner"), /*#__PURE__*/ React.createElement("div", { className: "mt-2 flex items-center space-x-2", __source: { fileName: "", lineNumber: 956, columnNumber: 11 }, __self: this }, Array.from({ length: totalSteps }).map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `h-2 flex-1 rounded ${index + 1 <= step ? "bg-blue-600" : "bg-gray-200 dark:bg-gray-700"}`, __source: { fileName: "", lineNumber: 958, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-gray-600 dark:text-gray-400", __source: { fileName: "", lineNumber: 968, columnNumber: 11 }, __self: this }, "Step ", step, " of ", totalSteps)), renderStep(), /*#__PURE__*/ React.createElement("div", { className: "mt-8 flex justify-between", __source: { fileName: "", lineNumber: 975, columnNumber: 9 }, __self: this }, step > 1 && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(step - 1), className: "px-4 py-2 bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700", __source: { fileName: "", lineNumber: 977, columnNumber: 13 }, __self: this }, "Previous"), step < totalSteps ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(step + 1), className: "ml-auto px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 985, columnNumber: 13 }, __self: this }, "Next") : /*#__PURE__*/ React.createElement("button", { onClick: generatePDF, disabled: loading, className: "ml-auto px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50", __source: { fileName: "", lineNumber: 992, columnNumber: 13 }, __self: this }, loading ? "Generating..." : "Generate PDF")), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-red-50 dark:bg-red-900 text-red-900 dark:text-red-100 rounded-lg", __source: { fileName: "", lineNumber: 1003, columnNumber: 11 }, __self: this }, error))); }