function MainComponent() { const [showApiDocs, setShowApiDocs] = useState(false); const [formData, setFormData] = useState({ threatType: "", indicator: "", description: "", confidence: "", firstSeen: "", tags: "", cryptoAddress: "", domain: "", source: "", screenshots: [], createdAt: "", status: "pending" }); const [error, setError] = useState(null); const [showPopup, setShowPopup] = useState(false); const [upload, { loading }] = useUpload(); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = async (e)=>{ e.preventDefault(); try { const reportData = { ...formData, createdAt: new Date().toISOString(), tags: formData.tags.split(",").map((tag)=>tag.trim()) }; // Store in database await fetch("/api/db/tir", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `threat_reports` (`threat_type`, `indicator`, `description`, `confidence`, `first_seen`, `tags`, `crypto_address`, `domain`, `source`, `screenshots`, `created_at`, `status`) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)", values: [ reportData.threatType, reportData.indicator, reportData.description, reportData.confidence, reportData.firstSeen, JSON.stringify(reportData.tags), reportData.cryptoAddress, reportData.domain, reportData.source, JSON.stringify(reportData.screenshots), reportData.createdAt, reportData.status ] }) }); // Submit to API const response = await fetch("/api/submit-threat-report", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(reportData) }); if (!response.ok) { throw new Error("Failed to submit report"); } const result = await response.json(); if (result.success) { setFormData({ threatType: "", indicator: "", description: "", confidence: "", firstSeen: "", tags: "", cryptoAddress: "", domain: "", source: "", screenshots: [], createdAt: "", status: "pending" }); setShowPopup(true); } } catch (err) { setError(err.message); } }; const [selectedLanguage, setSelectedLanguage] = useState("en"); const [translating, setTranslating] = useState(false); const translateText = async (text)=>{ if (!text) return ""; setTranslating(true); try { const response = await fetch("/integrations/google-translate/language/translate/v2", { method: "POST", body: new URLSearchParams({ q: text, target: selectedLanguage }) }); const data = await response.json(); setTranslating(false); return data.data.translations[0].translatedText; } catch (error) { setTranslating(false); return text; } }; const handleLanguageChange = async (e)=>{ const newLang = e.target.value; setSelectedLanguage(newLang); const translatedDesc = await translateText(formData.description); setFormData((prev)=>({ ...prev, description: translatedDesc })); }; const handleScreenshot = async (e)=>{ if (e.target.files) { const file = e.target.files[0]; const { url, error } = await upload({ file }); if (error) { setError(error); return; } setFormData((prev)=>({ ...prev, screenshots: [ ...prev.screenshots, url ] })); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#1e293b] to-[#0f172a] relative", __source: { fileName: "", lineNumber: 144, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 z-0", __source: { fileName: "", lineNumber: 145, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lightning-container", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 150, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 152, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "fixed top-4 right-4 z-50 flex space-x-6", __source: { fileName: "", lineNumber: 157, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.cychain.com/osint", className: "px-4 py-2 bg-white/10 backdrop-blur-lg rounded-lg text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 158, columnNumber: 9 }, __self: this }, "OSINT"), /*#__PURE__*/ React.createElement("a", { href: "/tir", className: "px-4 py-2 bg-white/10 backdrop-blur-lg rounded-lg text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 164, columnNumber: 9 }, __self: this }, "TIR"), /*#__PURE__*/ React.createElement("a", { href: "/blockchain-viz", className: "px-4 py-2 bg-white/10 backdrop-blur-lg rounded-lg text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this }, "blockINT"), /*#__PURE__*/ React.createElement("a", { href: "https://complaint.ic3.gov/", target: "_blank", rel: "noopener noreferrer", className: "px-4 py-2 bg-white/10 backdrop-blur-lg rounded-lg text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this }, "Report to iC3")), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 185, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 186, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-7xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 via-purple-500 to-pink-500 mb-4 font-roboto", __source: { fileName: "", lineNumber: 187, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-blue-400 mr-3", __source: { fileName: "", lineNumber: 188, columnNumber: 13 }, __self: this }), "CyChain Intelligence Hub"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-300 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 191, columnNumber: 11 }, __self: this }, "Your trusted platform for reporting and tracking blockchain threats"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4 mt-6", __source: { fileName: "", lineNumber: 194, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 backdrop-blur-lg rounded-lg p-4 flex flex-col items-center", __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-blue-400 text-2xl mb-2", __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, "Real-time Analysis")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 backdrop-blur-lg rounded-lg p-4 flex flex-col items-center", __source: { fileName: "", lineNumber: 199, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-purple-400 text-2xl mb-2", __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 201, columnNumber: 15 }, __self: this }, "Threat Detection")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/5 backdrop-blur-lg rounded-lg p-4 flex flex-col items-center", __source: { fileName: "", lineNumber: 203, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe text-pink-400 text-2xl mb-2", __source: { fileName: "", lineNumber: 204, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white text-sm", __source: { fileName: "", lineNumber: 205, columnNumber: 15 }, __self: this }, "Global Network")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-lg rounded-2xl p-8 shadow-2xl", __source: { fileName: "", lineNumber: 210, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 pb-8 border-b border-white/10", __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 212, columnNumber: 13 }, __self: this }, "Submit Threat Intelligence Report"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 215, columnNumber: 13 }, __self: this }, "Help protect the blockchain ecosystem by reporting suspicious activities")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mb-6", __source: { fileName: "", lineNumber: 220, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { onChange: handleLanguageChange, value: selectedLanguage, className: "bg-white/20 text-white rounded-lg border border-white/20 p-2 backdrop-blur-sm", __source: { fileName: "", lineNumber: 221, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "en", __source: { fileName: "", lineNumber: 226, columnNumber: 15 }, __self: this }, "English"), /*#__PURE__*/ React.createElement("option", { value: "es", __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this }, "Español"), /*#__PURE__*/ React.createElement("option", { value: "fr", __source: { fileName: "", lineNumber: 228, columnNumber: 15 }, __self: this }, "Français"), /*#__PURE__*/ React.createElement("option", { value: "de", __source: { fileName: "", lineNumber: 229, columnNumber: 15 }, __self: this }, "Deutsch"), /*#__PURE__*/ React.createElement("option", { value: "it", __source: { fileName: "", lineNumber: 230, columnNumber: 15 }, __self: this }, "Italiano"), /*#__PURE__*/ React.createElement("option", { value: "pt", __source: { fileName: "", lineNumber: 231, columnNumber: 15 }, __self: this }, "Português"), /*#__PURE__*/ React.createElement("option", { value: "ru", __source: { fileName: "", lineNumber: 232, columnNumber: 15 }, __self: this }, "Русский"), /*#__PURE__*/ React.createElement("option", { value: "zh", __source: { fileName: "", lineNumber: 233, columnNumber: 15 }, __self: this }, "中文"), /*#__PURE__*/ React.createElement("option", { value: "ja", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, "日本語"), /*#__PURE__*/ React.createElement("option", { value: "ko", __source: { fileName: "", lineNumber: 235, columnNumber: 15 }, __self: this }, "한국어"))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-8", __source: { fileName: "", lineNumber: 239, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 240, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-white mb-2", __source: { fileName: "", lineNumber: 242, columnNumber: 17 }, __self: this }, "Threat Type"), /*#__PURE__*/ React.createElement("select", { name: "threatType", onChange: handleChange, className: "w-full bg-white/10 text-white rounded-lg border border-white/20 p-3 focus:ring-2 focus:ring-blue-500 text-xs", required: true, __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 251, columnNumber: 19 }, __self: this }, "Select Type"), /*#__PURE__*/ React.createElement("option", { value: "pig-butchering", __source: { fileName: "", lineNumber: 252, columnNumber: 19 }, __self: this }, "Pig Butchering"), /*#__PURE__*/ React.createElement("option", { value: "malware", __source: { fileName: "", lineNumber: 253, columnNumber: 19 }, __self: this }, "Malware"), /*#__PURE__*/ React.createElement("option", { value: "phishing", __source: { fileName: "", lineNumber: 254, columnNumber: 19 }, __self: this }, "Phishing"), /*#__PURE__*/ React.createElement("option", { value: "ransomware", __source: { fileName: "", lineNumber: 255, columnNumber: 19 }, __self: this }, "Ransomware"), /*#__PURE__*/ React.createElement("option", { value: "fraud", __source: { fileName: "", lineNumber: 256, columnNumber: 19 }, __self: this }, "Fraud"), /*#__PURE__*/ React.createElement("option", { value: "apt", __source: { fileName: "", lineNumber: 257, columnNumber: 19 }, __self: this }, "APT"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 260, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-white mb-2", __source: { fileName: "", lineNumber: 261, columnNumber: 17 }, __self: this }, "Indicator"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "indicator", placeholder: "IP, Domain, Hash, URL", onChange: handleChange, className: "w-full bg-white/10 text-white rounded-lg border border-white/20 p-3 focus:ring-2 focus:ring-blue-500 text-xs", required: true, __source: { fileName: "", lineNumber: 264, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 273, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-white mb-2", __source: { fileName: "", lineNumber: 274, columnNumber: 17 }, __self: this }, "Confidence"), /*#__PURE__*/ React.createElement("select", { name: "confidence", onChange: handleChange, className: "w-full bg-white/10 text-white rounded-lg border border-white/20 p-3 focus:ring-2 focus:ring-blue-500 text-xs", required: true, __source: { fileName: "", lineNumber: 277, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 283, columnNumber: 19 }, __self: this }, "Select Confidence"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 284, columnNumber: 19 }, __self: this }, "High"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 285, columnNumber: 19 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "low", __source: { fileName: "", lineNumber: 286, columnNumber: 19 }, __self: this }, "Low"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 289, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-white mb-2", __source: { fileName: "", lineNumber: 290, columnNumber: 17 }, __self: this }, "First Seen"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "firstSeen", onChange: handleChange, className: "w-full bg-white/10 text-white rounded-lg border border-white/20 p-3 focus:ring-2 focus:ring-blue-500 text-xs", required: true, __source: { fileName: "", lineNumber: 293, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 301, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-white mb-2", __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this }, "Tags"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "tags", placeholder: "Comma separated tags", onChange: handleChange, className: "w-full bg-white/10 text-white rounded-lg border border-white/20 p-3 focus:ring-2 focus:ring-blue-500 text-xs", __source: { fileName: "", lineNumber: 305, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 313, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-white mb-2", __source: { fileName: "", lineNumber: 314, columnNumber: 17 }, __self: this }, "Cryptocurrency Address"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "cryptoAddress", placeholder: "Enter cryptocurrency address", onChange: handleChange, className: "w-full bg-white/10 text-white rounded-lg border border-white/20 p-3 focus:ring-2 focus:ring-blue-500 text-xs", __source: { fileName: "", lineNumber: 317, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 325, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-white mb-2", __source: { fileName: "", lineNumber: 326, columnNumber: 17 }, __self: this }, "Domain"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "domain", placeholder: "Enter domain name", onChange: handleChange, className: "w-full bg-white/10 text-white rounded-lg border border-white/20 p-3 focus:ring-2 focus:ring-blue-500 text-xs", __source: { fileName: "", lineNumber: 329, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 337, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-white mb-2", __source: { fileName: "", lineNumber: 338, columnNumber: 17 }, __self: this }, "Source"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "source", placeholder: "Enter source", onChange: handleChange, className: "w-full bg-white/10 text-white rounded-lg border border-white/20 p-3 focus:ring-2 focus:ring-blue-500 text-xs", __source: { fileName: "", lineNumber: 341, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "col-span-2", __source: { fileName: "", lineNumber: 349, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-white mb-2", __source: { fileName: "", lineNumber: 350, columnNumber: 17 }, __self: this }, "Screenshots (Optional)"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: handleScreenshot, className: "w-full bg-white/10 text-white rounded-lg border border-white/20 p-3 focus:ring-2 focus:ring-blue-500 text-xs", __source: { fileName: "", lineNumber: 353, columnNumber: 17 }, __self: this }), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-400 text-xs mt-2", __source: { fileName: "", lineNumber: 360, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 mt-4", __source: { fileName: "", lineNumber: 362, columnNumber: 17 }, __self: this }, formData.screenshots.map((url, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: url, alt: `Screenshot ${index + 1}`, className: "w-full h-40 object-cover rounded-lg", __source: { fileName: "", lineNumber: 364, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 375, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-white mb-2", __source: { fileName: "", lineNumber: 376, columnNumber: 15 }, __self: this }, "Description"), /*#__PURE__*/ React.createElement("textarea", { name: "description", rows: "4", onChange: handleChange, className: "w-full bg-white/10 text-white rounded-lg border border-white/20 p-3 focus:ring-2 focus:ring-blue-500 text-xs", placeholder: "Detailed description of the threat", required: true, __source: { fileName: "", lineNumber: 379, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4 mt-8", __source: { fileName: "", lineNumber: 388, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-gradient-to-r from-blue-500 to-blue-700 text-white px-8 py-3 rounded-lg hover:from-blue-600 hover:to-blue-800 transition-colors text-xs", __source: { fileName: "", lineNumber: 389, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane mr-2", __source: { fileName: "", lineNumber: 393, columnNumber: 17 }, __self: this }), "Submit Report")))), /*#__PURE__*/ React.createElement("div", { className: "mt-12", __source: { fileName: "", lineNumber: 400, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowApiDocs(!showApiDocs), className: "bg-white/10 backdrop-blur-lg rounded-lg px-4 py-2 text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 401, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-code mr-2", __source: { fileName: "", lineNumber: 405, columnNumber: 13 }, __self: this }), "File TIR via API"), showApiDocs && /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-white/10 backdrop-blur-lg rounded-2xl p-8", __source: { fileName: "", lineNumber: 410, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 411, columnNumber: 15 }, __self: this }, "API Endpoint"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1b26] rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 414, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-green-400", __source: { fileName: "", lineNumber: 415, columnNumber: 17 }, __self: this }, "POST /api/submit-threat-report")), /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-white mb-2", __source: { fileName: "", lineNumber: 420, columnNumber: 15 }, __self: this }, "Request Body"), /*#__PURE__*/ React.createElement("pre", { className: "bg-[#1a1b26] rounded-lg p-4 overflow-x-auto text-sm", __source: { fileName: "", lineNumber: 423, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-blue-400", __source: { fileName: "", lineNumber: 424, columnNumber: 17 }, __self: this }, `{ "threatType": "string", "indicator": "string", "description": "string", "confidence": "string", "firstSeen": "string", "tags": "string[]", "cryptoAddress": "string", "domain": "string", "screenshots": "string[]" }`)), /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-white mt-6 mb-2", __source: { fileName: "", lineNumber: 439, columnNumber: 15 }, __self: this }, "Example Request"), /*#__PURE__*/ React.createElement("pre", { className: "bg-[#1a1b26] rounded-lg p-4 overflow-x-auto text-sm", __source: { fileName: "", lineNumber: 442, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 443, columnNumber: 17 }, __self: this }, `fetch('/api/submit-threat-report', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ threatType: 'phishing', indicator: 'malicious-site.com', description: 'Cryptocurrency scam site', confidence: 'high', firstSeen: '2024-01-20', tags: ['crypto', 'scam'], cryptoAddress: '0x123...', domain: 'malicious-site.com', screenshots: ['https://example.com/screenshot.jpg'] }) })`)), /*#__PURE__*/ React.createElement("h4", { className: "text-lg font-semibold text-white mt-6 mb-2", __source: { fileName: "", lineNumber: 464, columnNumber: 15 }, __self: this }, "Response"), /*#__PURE__*/ React.createElement("pre", { className: "bg-[#1a1b26] rounded-lg p-4 overflow-x-auto text-sm", __source: { fileName: "", lineNumber: 467, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("code", { className: "text-purple-400", __source: { fileName: "", lineNumber: 468, columnNumber: 17 }, __self: this }, `{ "success": true, "message": "Threat indicator submitted successfully" }`))))), showPopup && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 480, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-lg rounded-2xl p-8 shadow-2xl max-w-md w-full mx-4", __source: { fileName: "", lineNumber: 481, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 482, columnNumber: 13 }, __self: this }, "Report Submitted Successfully!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-6", __source: { fileName: "", lineNumber: 485, columnNumber: 13 }, __self: this }, "Would you like to share this report on Twitter?"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4", __source: { fileName: "", lineNumber: 488, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPopup(false), className: "px-4 py-2 text-white hover:bg-white/10 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 489, columnNumber: 15 }, __self: this }, "Close"), /*#__PURE__*/ React.createElement("a", { href: `https://twitter.com/intent/tweet?text=${encodeURIComponent(`New CyChain TIR: ${formData.tags}`)}`, target: "_blank", rel: "noopener noreferrer", className: "bg-[#1DA1F2] text-white px-4 py-2 rounded-lg hover:bg-[#1a8cd8] transition-colors", onClick: ()=>setShowPopup(false), __source: { fileName: "", lineNumber: 495, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter mr-2", __source: { fileName: "", lineNumber: 502, columnNumber: 17 }, __self: this }), "Share on Twitter")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 509, columnNumber: 7 }, __self: this }, ` .lightning-container { position: absolute; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .lightning-bolt { position: absolute; width: 2px; height: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(0,247,255,1) 100% ); filter: drop-shadow(0 0 20px #00f7ff); animation: lightning-strike 3s infinite; transform-origin: top; opacity: 0.7; } .lightning-bolt:nth-child(1) { left: 10%; animation-delay: 0s; } .lightning-bolt:nth-child(2) { left: 20%; animation-delay: 0.2s; } .lightning-bolt:nth-child(3) { left: 30%; animation-delay: 0.4s; } .lightning-bolt:nth-child(4) { left: 40%; animation-delay: 0.6s; } .lightning-bolt:nth-child(5) { left: 60%; animation-delay: 0.8s; } .lightning-bolt:nth-child(6) { left: 70%; animation-delay: 1.0s; } .lightning-bolt:nth-child(7) { left: 80%; animation-delay: 1.2s; } .lightning-bolt:nth-child(8) { left: 90%; animation-delay: 1.4s; } @keyframes lightning-strike { 0% { height: 0; opacity: 0; transform: translateY(-50%) scaleY(0) rotate(0deg); } 5% { height: 100%; opacity: 0.8; transform: translateY(0) scaleY(1) rotate(2deg); } 6% { opacity: 0.6; transform: translateY(0) scaleY(1) rotate(-1deg); } 7% { opacity: 0.4; transform: translateY(0) scaleY(1) rotate(1deg); } 8% { opacity: 0; transform: translateY(0) scaleY(1) rotate(0deg); } 100% { height: 100%; opacity: 0; } } `)); }