function MainComponent() { const [events, setEvents] = useState([]); const [isDrawerOpen, setIsDrawerOpen] = useState(false); const [isHorizontal, setIsHorizontal] = useState(false); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [csvFile, setCsvFile] = useState(null); const fileInputRef = useRef(); const [selectedEvent, setSelectedEvent] = useState(null); const [uploadError, setUploadError] = useState(null); const [hasChanges, setHasChanges] = useState(false); const [showSaveDialog, setShowSaveDialog] = useState(false); const [savingDraft, setSavingDraft] = useState(false); const [draftUrl, setDraftUrl] = useState(null); // Form state const [formData, setFormData] = useState({ event: "", context: "", parties: "", location: "", impact: "", event_date: "", event_time: "", tags: "", url: "", file: null }); useEffect(()=>{ loadEvents(); }, []); useEffect(()=>{ const handleBeforeUnload = (e)=>{ if (hasChanges) { e.preventDefault(); setShowSaveDialog(true); e.returnValue = ""; } }; window.addEventListener("beforeunload", handleBeforeUnload); return ()=>window.removeEventListener("beforeunload", handleBeforeUnload); }, [ hasChanges ]); useEffect(()=>{ const isFormEmpty = Object.values(formData).every((value)=>!value); setHasChanges(!isFormEmpty || events.length > 0); }, [ formData, events ]); const loadEvents = async ()=>{ setLoading(true); try { const response = await fetch("/api/timeline/list", { method: "POST" }); if (!response.ok) { throw new Error("Failed to fetch events"); } const data = await response.json(); setEvents(data.events || []); } catch (err) { setError("Failed to load events"); console.error(err); } finally{ setLoading(false); } }; const handleFileUpload = async (file)=>{ try { const [upload] = useUpload(); const { url, error } = await upload({ file }); if (error) throw new Error(error); return url; } catch (err) { console.error("File upload failed:", err); setUploadError("Failed to upload file"); return null; } }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); setUploadError(null); try { let file_url = null; if (formData.file) { file_url = await handleFileUpload(formData.file); if (!file_url && formData.file) { throw new Error("File upload failed"); } } const tags = formData.tags ? formData.tags.split(",").map((tag)=>tag.trim()) : []; const response = await fetch("/api/timeline/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...formData, tags, file_url }) }); if (!response.ok) { throw new Error("Failed to create event"); } setFormData({ event: "", context: "", parties: "", location: "", impact: "", event_date: "", event_time: "", tags: "", url: "", file: null }); await loadEvents(); } catch (err) { setError("Failed to create event"); console.error(err); } finally{ setLoading(false); } }; const handleCsvUpload = async (e)=>{ const file = e.target.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = async (event1)=>{ try { const csvData = event1.target.result; const response = await fetch("/api/timeline/import-csv", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ csvData }) }); if (!response.ok) { throw new Error("Failed to import CSV"); } await loadEvents(); fileInputRef.current.value = ""; } catch (err) { setError("Failed to import CSV"); console.error(err); } }; reader.readAsText(file); }; const exportToPDF = ()=>{ const doc = new jsPDF(); const pageWidth = doc.internal.pageSize.width; const margin = 20; const contentWidth = pageWidth - margin * 2; // Add header with logo/branding doc.setFontSize(24); doc.setTextColor(51, 51, 51); doc.text("Dateliner", pageWidth / 2, 20, { align: "center" }); doc.setFontSize(14); doc.setTextColor(102, 102, 102); doc.text("Legal Timeline Report", pageWidth / 2, 30, { align: "center" }); // Add generation date doc.setFontSize(10); doc.text(`Generated on ${new Date().toLocaleDateString()}`, margin, 40); let yPosition = 60; // Add events events.forEach((event1, index)=>{ // Check if we need a new page if (yPosition > doc.internal.pageSize.height - 40) { doc.addPage(); yPosition = 20; } // Event date doc.setFontSize(12); doc.setTextColor(0, 102, 204); const dateStr = new Date(event1.event_date).toLocaleDateString(undefined, { weekday: "long", year: "numeric", month: "long", day: "numeric" }); doc.text(dateStr + (event1.event_time ? ` at ${event1.event_time}` : ""), margin, yPosition); yPosition += 8; // Event title doc.setFontSize(14); doc.setTextColor(51, 51, 51); doc.text(event1.event, margin, yPosition); yPosition += 8; // Event details doc.setFontSize(10); doc.setTextColor(102, 102, 102); if (event1.context) { const contextLines = doc.splitTextToSize(event1.context, contentWidth); doc.text(contextLines, margin, yPosition); yPosition += contextLines.length * 5 + 5; } if (event1.parties) { doc.text(`Parties: ${event1.parties}`, margin, yPosition); yPosition += 5; } if (event1.location) { doc.text(`Location: ${event1.location}`, margin, yPosition); yPosition += 5; } if (event1.impact) { doc.text(`Impact: ${event1.impact}`, margin, yPosition); yPosition += 5; } if (event1.tags && event1.tags.length > 0) { doc.text(`Tags: ${event1.tags.join(", ")}`, margin, yPosition); yPosition += 5; } if (event1.url) { doc.setTextColor(0, 102, 204); doc.text(`URL: ${event1.url}`, margin, yPosition); yPosition += 5; } // Add some spacing between events yPosition += 10; }); // Add footer on each page const pageCount = doc.internal.getNumberOfPages(); doc.setFontSize(10); doc.setTextColor(128, 128, 128); for(let i = 1; i <= pageCount; i++){ doc.setPage(i); doc.text("Generated by Dateliner", pageWidth / 2, doc.internal.pageSize.height - 10, { align: "center" }); } // Save the PDF doc.save("legal-timeline.pdf"); }; const handleSaveDraft = async ()=>{ setSavingDraft(true); try { const response = await fetch("/api/timeline/save-draft", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ events, form_data: formData }) }); if (!response.ok) { throw new Error("Failed to save draft"); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setDraftUrl(window.location.origin + data.url); } catch (err) { console.error(err); setError("Failed to save draft"); } finally{ setSavingDraft(false); } }; const handleDiscardChanges = ()=>{ setFormData({ event: "", context: "", parties: "", location: "", impact: "", event_date: "", event_time: "", tags: "", url: "", file: null }); setEvents([]); setShowSaveDialog(false); setHasChanges(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F5F7FA] font-sf-pro", __source: { fileName: "", lineNumber: 332, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-screen flex flex-col", __source: { fileName: "", lineNumber: 334, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-sm px-4 py-3 flex items-center justify-between sticky top-0 z-20", __source: { fileName: "", lineNumber: 336, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDrawerOpen(true), className: "w-10 h-10 flex items-center justify-center rounded-full hover:bg-gray-50 transition-colors", __source: { fileName: "", lineNumber: 337, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus text-[#007AFF]", __source: { fileName: "", lineNumber: 341, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 343, columnNumber: 11 }, __self: this }, "Legal Timeline"), /*#__PURE__*/ React.createElement("button", { onClick: exportToPDF, className: "w-10 h-10 flex items-center justify-center rounded-full hover:bg-gray-50 transition-colors", disabled: events.length === 0, __source: { fileName: "", lineNumber: 346, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-export text-[#007AFF]", __source: { fileName: "", lineNumber: 351, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-6", __source: { fileName: "", lineNumber: 356, columnNumber: 9 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "mb-4 bg-red-50 border border-red-100 rounded-xl p-4 flex items-center gap-3", __source: { fileName: "", lineNumber: 358, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-500", __source: { fileName: "", lineNumber: 359, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-red-600 text-sm", __source: { fileName: "", lineNumber: 360, columnNumber: 15 }, __self: this }, error)), events.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 365, columnNumber: 13 }, __self: this }, events.map((event1, index)=>/*#__PURE__*/ React.createElement("div", { key: event1.id, className: "relative pl-8 pb-6", __source: { fileName: "", lineNumber: 367, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute left-[11px] top-6 bottom-0 w-[2px] bg-[#E5E7EB]", __source: { fileName: "", lineNumber: 369, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute left-0 top-1.5 w-6 h-6 rounded-full bg-white border-2 border-[#007AFF] shadow-sm", __source: { fileName: "", lineNumber: 372, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { onClick: ()=>setSelectedEvent(event1), className: "bg-white rounded-xl shadow-sm p-4 ml-4 border border-gray-100 active:scale-[0.99] transition-transform cursor-pointer", __source: { fileName: "", lineNumber: 375, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm font-medium text-[#007AFF] mb-2", __source: { fileName: "", lineNumber: 380, columnNumber: 21 }, __self: this }, new Date(event1.event_date).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }), event1.event_time && /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 387, columnNumber: 25 }, __self: this }, " ", "• ", event1.event_time)), /*#__PURE__*/ React.createElement("h3", { className: "text-base font-semibold text-gray-900 mb-2 flex items-center gap-2", __source: { fileName: "", lineNumber: 394, columnNumber: 21 }, __self: this }, event1.event, (event1.url || event1.file_url) && /*#__PURE__*/ React.createElement("i", { className: "fas fa-link text-[#007AFF] text-sm", __source: { fileName: "", lineNumber: 397, columnNumber: 25 }, __self: this })), event1.context && /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm mb-3 line-clamp-2", __source: { fileName: "", lineNumber: 402, columnNumber: 23 }, __self: this }, event1.context), /*#__PURE__*/ React.createElement("div", { className: "space-y-1.5 text-sm", __source: { fileName: "", lineNumber: 407, columnNumber: 21 }, __self: this }, event1.parties && /*#__PURE__*/ React.createElement("p", { className: "flex items-center gap-2 text-gray-600", __source: { fileName: "", lineNumber: 409, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-gray-400 w-4", __source: { fileName: "", lineNumber: 410, columnNumber: 27 }, __self: this }), event1.parties), event1.location && /*#__PURE__*/ React.createElement("p", { className: "flex items-center gap-2 text-gray-600", __source: { fileName: "", lineNumber: 415, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-gray-400 w-4", __source: { fileName: "", lineNumber: 416, columnNumber: 27 }, __self: this }), event1.location), event1.impact && /*#__PURE__*/ React.createElement("p", { className: "flex items-center gap-2 text-gray-600", __source: { fileName: "", lineNumber: 421, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-gray-400 w-4", __source: { fileName: "", lineNumber: 422, columnNumber: 27 }, __self: this }), event1.impact)), event1.tags && event1.tags.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-3 flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 429, columnNumber: 23 }, __self: this }, event1.tags.map((tag, tagIndex)=>/*#__PURE__*/ React.createElement("span", { key: tagIndex, className: "px-2 py-1 bg-[#F0F2F5] text-[#007AFF] text-xs rounded-md font-medium", __source: { fileName: "", lineNumber: 431, columnNumber: 27 }, __self: this }, tag))))))) : /*#__PURE__*/ React.createElement("div", { className: "h-full flex flex-col items-center justify-center text-center px-4", __source: { fileName: "", lineNumber: 445, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-[#F0F2F5] rounded-full flex items-center justify-center mb-4", __source: { fileName: "", lineNumber: 446, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar text-[#007AFF] text-2xl", __source: { fileName: "", lineNumber: 447, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 449, columnNumber: 15 }, __self: this }, "No Events Yet"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm mb-6", __source: { fileName: "", lineNumber: 452, columnNumber: 15 }, __self: this }, "Start by adding your first event to the timeline"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDrawerOpen(true), className: "px-6 py-3 bg-[#007AFF] text-white rounded-xl active:bg-[#0051A8] transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 455, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 460, columnNumber: 17 }, __self: this }), "Add Event")))), isDrawerOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-25 z-30", __source: { fileName: "", lineNumber: 470, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 w-full md:w-[400px] bg-white shadow-lg transform transition-transform duration-300 ease-in-out", __source: { fileName: "", lineNumber: 471, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full flex flex-col", __source: { fileName: "", lineNumber: 475, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 py-3 border-b border-gray-100 flex items-center justify-between", __source: { fileName: "", lineNumber: 476, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 477, columnNumber: 17 }, __self: this }, "Add Event"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDrawerOpen(false), className: "w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-50", __source: { fileName: "", lineNumber: 480, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-gray-400", __source: { fileName: "", lineNumber: 484, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-4", __source: { fileName: "", lineNumber: 488, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 489, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 490, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 491, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 492, columnNumber: 23 }, __self: this }, "Event *"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "What happened?", value: formData.event, onChange: (e)=>setFormData({ ...formData, event: e.target.value }), className: "w-full p-3 bg-[#F5F7FA] rounded-xl border-0 focus:ring-2 focus:ring-[#007AFF] transition-all", required: true, __source: { fileName: "", lineNumber: 495, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 508, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 509, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 510, columnNumber: 25 }, __self: this }, "Date *"), /*#__PURE__*/ React.createElement("input", { type: "date", value: formData.event_date, onChange: (e)=>setFormData({ ...formData, event_date: e.target.value }), className: "w-full p-3 bg-[#F5F7FA] rounded-xl border-0 focus:ring-2 focus:ring-[#007AFF] transition-all", required: true, __source: { fileName: "", lineNumber: 513, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 527, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 528, columnNumber: 25 }, __self: this }, "Time"), /*#__PURE__*/ React.createElement("input", { type: "time", value: formData.event_time, onChange: (e)=>setFormData({ ...formData, event_time: e.target.value }), className: "w-full p-3 bg-[#F5F7FA] rounded-xl border-0 focus:ring-2 focus:ring-[#007AFF] transition-all", __source: { fileName: "", lineNumber: 531, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 546, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 547, columnNumber: 23 }, __self: this }, "Context"), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Add more details...", value: formData.context, onChange: (e)=>setFormData({ ...formData, context: e.target.value }), className: "w-full p-3 bg-[#F5F7FA] rounded-xl border-0 focus:ring-2 focus:ring-[#007AFF] transition-all h-24", __source: { fileName: "", lineNumber: 550, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 561, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 562, columnNumber: 23 }, __self: this }, "Parties"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Who was involved?", value: formData.parties, onChange: (e)=>setFormData({ ...formData, parties: e.target.value }), className: "w-full p-3 bg-[#F5F7FA] rounded-xl border-0 focus:ring-2 focus:ring-[#007AFF] transition-all", __source: { fileName: "", lineNumber: 565, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 577, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 578, columnNumber: 23 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Where did it happen?", value: formData.location, onChange: (e)=>setFormData({ ...formData, location: e.target.value }), className: "w-full p-3 bg-[#F5F7FA] rounded-xl border-0 focus:ring-2 focus:ring-[#007AFF] transition-all", __source: { fileName: "", lineNumber: 581, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 593, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 594, columnNumber: 23 }, __self: this }, "Impact"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "What was the outcome?", value: formData.impact, onChange: (e)=>setFormData({ ...formData, impact: e.target.value }), className: "w-full p-3 bg-[#F5F7FA] rounded-xl border-0 focus:ring-2 focus:ring-[#007AFF] transition-all", __source: { fileName: "", lineNumber: 597, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 609, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 610, columnNumber: 23 }, __self: this }, "Tags"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Comma-separated tags", value: formData.tags, onChange: (e)=>setFormData({ ...formData, tags: e.target.value }), className: "w-full p-3 bg-[#F5F7FA] rounded-xl border-0 focus:ring-2 focus:ring-[#007AFF] transition-all", __source: { fileName: "", lineNumber: 613, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 625, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 626, columnNumber: 23 }, __self: this }, "URL"), /*#__PURE__*/ React.createElement("input", { type: "url", placeholder: "Related link", value: formData.url, onChange: (e)=>setFormData({ ...formData, url: e.target.value }), className: "w-full p-3 bg-[#F5F7FA] rounded-xl border-0 focus:ring-2 focus:ring-[#007AFF] transition-all", __source: { fileName: "", lineNumber: 629, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 641, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 642, columnNumber: 23 }, __self: this }, "Attachment"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>setFormData({ ...formData, file: e.target.files[0] }), className: "w-full p-3 bg-[#F5F7FA] rounded-xl border-0 focus:ring-2 focus:ring-[#007AFF] transition-all file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-[#007AFF] file:text-white hover:file:bg-[#0051A8]", __source: { fileName: "", lineNumber: 645, columnNumber: 23 }, __self: this }))), uploadError && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 text-red-600 p-3 rounded-xl text-sm", __source: { fileName: "", lineNumber: 660, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 661, columnNumber: 23 }, __self: this }), uploadError), /*#__PURE__*/ React.createElement("div", { className: "pt-4", __source: { fileName: "", lineNumber: 666, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full py-3 bg-[#007AFF] text-white rounded-xl active:bg-[#0051A8] disabled:opacity-50 disabled:bg-[#007AFF] transition-colors flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 667, columnNumber: 21 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 676, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 677, columnNumber: 27 }, __self: this }, "Adding Event...")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 681, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 682, columnNumber: 27 }, __self: this }, "Add Event"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 pt-8 border-t border-gray-100", __source: { fileName: "", lineNumber: 690, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 mb-4", __source: { fileName: "", lineNumber: 691, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-csv text-[#007AFF]", __source: { fileName: "", lineNumber: 692, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-base font-semibold text-gray-900", __source: { fileName: "", lineNumber: 693, columnNumber: 21 }, __self: this }, "Import from CSV")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-4", __source: { fileName: "", lineNumber: 697, columnNumber: 19 }, __self: this }, "CSV format: Event,Context,Parties,Location,Impact,Date,Time,Tags,URL"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: ".csv", onChange: handleCsvUpload, ref: fileInputRef, className: "w-full p-3 bg-[#F5F7FA] rounded-xl border-0 focus:ring-2 focus:ring-[#007AFF] transition-all file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-[#007AFF] file:text-white hover:file:bg-[#0051A8]", __source: { fileName: "", lineNumber: 701, columnNumber: 19 }, __self: this })))))), selectedEvent && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-25 flex items-end md:items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 721, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-t-xl md:rounded-xl w-full max-w-lg max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 722, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sticky top-0 bg-white px-4 py-3 border-b border-gray-100 flex justify-between items-center", __source: { fileName: "", lineNumber: 723, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900", __source: { fileName: "", lineNumber: 724, columnNumber: 15 }, __self: this }, "Event Details"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedEvent(null), className: "w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-50", __source: { fileName: "", lineNumber: 727, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-gray-400", __source: { fileName: "", lineNumber: 731, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 735, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 736, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm font-medium text-[#007AFF]", __source: { fileName: "", lineNumber: 737, columnNumber: 17 }, __self: this }, new Date(selectedEvent.event_date).toLocaleDateString("en-US", { weekday: "long", year: "numeric", month: "long", day: "numeric" }), selectedEvent.event_time && /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 748, columnNumber: 21 }, __self: this }, " ", "at ", selectedEvent.event_time)), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-gray-900 mt-2", __source: { fileName: "", lineNumber: 754, columnNumber: 17 }, __self: this }, selectedEvent.event)), selectedEvent.context && /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-base", __source: { fileName: "", lineNumber: 760, columnNumber: 17 }, __self: this }, selectedEvent.context), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 765, columnNumber: 15 }, __self: this }, selectedEvent.parties && /*#__PURE__*/ React.createElement("p", { className: "flex items-center gap-3 text-gray-600", __source: { fileName: "", lineNumber: 767, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-gray-400 w-5", __source: { fileName: "", lineNumber: 768, columnNumber: 21 }, __self: this }), selectedEvent.parties), selectedEvent.location && /*#__PURE__*/ React.createElement("p", { className: "flex items-center gap-3 text-gray-600", __source: { fileName: "", lineNumber: 773, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-gray-400 w-5", __source: { fileName: "", lineNumber: 774, columnNumber: 21 }, __self: this }), selectedEvent.location), selectedEvent.impact && /*#__PURE__*/ React.createElement("p", { className: "flex items-center gap-3 text-gray-600", __source: { fileName: "", lineNumber: 779, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-gray-400 w-5", __source: { fileName: "", lineNumber: 780, columnNumber: 21 }, __self: this }), selectedEvent.impact)), selectedEvent.tags && selectedEvent.tags.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 787, columnNumber: 17 }, __self: this }, selectedEvent.tags.map((tag, tagIndex)=>/*#__PURE__*/ React.createElement("span", { key: tagIndex, className: "px-3 py-1 bg-[#F0F2F5] text-[#007AFF] text-sm rounded-lg font-medium", __source: { fileName: "", lineNumber: 789, columnNumber: 21 }, __self: this }, tag))), selectedEvent.url && /*#__PURE__*/ React.createElement("div", { className: "bg-[#F5F7FA] rounded-xl p-4", __source: { fileName: "", lineNumber: 800, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium text-gray-900 mb-3 flex items-center gap-2", __source: { fileName: "", lineNumber: 801, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-link text-[#007AFF]", __source: { fileName: "", lineNumber: 802, columnNumber: 21 }, __self: this }), "Related Link"), /*#__PURE__*/ React.createElement("a", { href: selectedEvent.url, target: "_blank", rel: "noopener noreferrer", className: "text-[#007AFF] hover:underline break-all flex items-center gap-2", __source: { fileName: "", lineNumber: 805, columnNumber: 19 }, __self: this }, selectedEvent.url, /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt text-sm", __source: { fileName: "", lineNumber: 812, columnNumber: 21 }, __self: this }))), selectedEvent.file_url && /*#__PURE__*/ React.createElement("div", { className: "bg-[#F5F7FA] rounded-xl p-4", __source: { fileName: "", lineNumber: 818, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium text-gray-900 mb-3 flex items-center gap-2", __source: { fileName: "", lineNumber: 819, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-alt text-[#007AFF]", __source: { fileName: "", lineNumber: 820, columnNumber: 21 }, __self: this }), "Attached File"), /*#__PURE__*/ React.createElement("a", { href: selectedEvent.file_url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 px-4 py-2 bg-[#007AFF] text-white rounded-lg active:bg-[#0051A8] transition-colors", __source: { fileName: "", lineNumber: 823, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 830, columnNumber: 21 }, __self: this }), "View Attachment"))))), showSaveDialog && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-25 flex items-end md:items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 842, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-t-xl md:rounded-xl w-full max-w-md", __source: { fileName: "", lineNumber: 843, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 844, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 845, columnNumber: 15 }, __self: this }, "Save Your Progress?"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-6", __source: { fileName: "", lineNumber: 848, columnNumber: 15 }, __self: this }, "You have unsaved changes. Would you like to save your progress and get a unique URL to continue later?"), draftUrl ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 854, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F7FF] p-4 rounded-xl", __source: { fileName: "", lineNumber: 855, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#007AFF] mb-2", __source: { fileName: "", lineNumber: 856, columnNumber: 21 }, __self: this }, "Your timeline has been saved! Use this link to continue editing:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 bg-white p-2 rounded-lg border border-[#007AFF] border-opacity-20", __source: { fileName: "", lineNumber: 860, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: draftUrl, readOnly: true, className: "flex-1 text-sm text-gray-600 outline-none bg-transparent", __source: { fileName: "", lineNumber: 861, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ navigator.clipboard.writeText(draftUrl); const button = event.target; const originalText = button.innerHTML; button.innerHTML = "Copied!"; setTimeout(()=>{ button.innerHTML = originalText; }, 2000); }, className: "px-3 py-1 bg-[#007AFF] text-white rounded-lg active:bg-[#0051A8] transition-colors text-sm font-medium", __source: { fileName: "", lineNumber: 867, columnNumber: 23 }, __self: this }, "Copy"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 884, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowSaveDialog(false); setDraftUrl(null); handleDiscardChanges(); }, className: "px-6 py-2 text-[#007AFF] font-medium active:text-[#0051A8] transition-colors", __source: { fileName: "", lineNumber: 885, columnNumber: 21 }, __self: this }, "Close"))) : /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-4", __source: { fileName: "", lineNumber: 898, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleDiscardChanges, className: "px-6 py-2 text-gray-600 font-medium active:text-gray-800 transition-colors", __source: { fileName: "", lineNumber: 899, columnNumber: 19 }, __self: this }, "Don't Save"), /*#__PURE__*/ React.createElement("button", { onClick: handleSaveDraft, disabled: savingDraft, className: "px-6 py-2 bg-[#007AFF] text-white rounded-lg active:bg-[#0051A8] disabled:opacity-50 transition-colors flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 905, columnNumber: 19 }, __self: this }, savingDraft ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 914, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 915, columnNumber: 25 }, __self: this }, "Saving...")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save", __source: { fileName: "", lineNumber: 919, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 920, columnNumber: 25 }, __self: this }, "Save Draft")))))))); }