function MainComponent() { const [activeTab, setActiveTab] = React.useState("dashboard"); const [data, setData] = React.useState([]); const [insights, setInsights] = React.useState(""); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [upload, { loading: uploadLoading }] = useUpload(); const handleFileUpload = async (event)=>{ const file = event.target.files[0]; if (!file) return; setLoading(true); setError(null); try { const { url, error: uploadError } = await upload({ file }); if (uploadError) { throw new Error(uploadError); } // Simulate data processing const mockData = [ { month: "Jan", elevators: 45, maintenance: 12, revenue: 85000 }, { month: "Feb", elevators: 48, maintenance: 8, revenue: 92000 }, { month: "Mar", elevators: 52, maintenance: 15, revenue: 88000 }, { month: "Apr", elevators: 55, maintenance: 10, revenue: 95000 }, { month: "May", elevators: 58, maintenance: 7, revenue: 98000 }, { month: "Jun", elevators: 60, maintenance: 13, revenue: 91000 } ]; setData(mockData); // Generate AI insights await generateInsights(mockData); } catch (err) { console.error(err); setError("Failed to process file. Please try again."); } finally{ setLoading(false); } }; const generateInsights = async (dataToAnalyze)=>{ try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are a data analyst for Alamex Elevator company. Analyze the provided elevator business data and provide actionable insights." }, { role: "user", content: `Analyze this elevator business data: ${JSON.stringify(dataToAnalyze)}. Provide insights about trends, maintenance patterns, revenue optimization, and recommendations for Alamex Elevator.` } ] }) }); if (!response.ok) { throw new Error(`AI analysis failed: ${response.status} ${response.statusText}`); } const result = await response.json(); setInsights(result.choices[0].message.content); } catch (err) { console.error(err); setError("Failed to generate AI insights"); } }; const sampleData = ()=>{ const mockData = [ { month: "Jan", elevators: 45, maintenance: 12, revenue: 85000 }, { month: "Feb", elevators: 48, maintenance: 8, revenue: 92000 }, { month: "Mar", elevators: 52, maintenance: 15, revenue: 88000 }, { month: "Apr", elevators: 55, maintenance: 10, revenue: 95000 }, { month: "May", elevators: 58, maintenance: 7, revenue: 98000 }, { month: "Jun", elevators: 60, maintenance: 13, revenue: 91000 } ]; setData(mockData); generateInsights(mockData); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 93, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-sm border-b", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-16", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, "Alamex Report"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, "Elevator Analytics Platform"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm font-medium", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, "FREE"))))), /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-sm", __source: { fileName: "", lineNumber: 118, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-8", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, [ "dashboard", "upload", "insights", "reports" ].map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab, onClick: ()=>setActiveTab(tab), className: `py-4 px-1 border-b-2 font-medium text-sm capitalize ${activeTab === tab ? "border-blue-500 text-blue-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"}`, __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, tab))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 139, columnNumber: 7 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "mb-4 bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded", __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }, error), activeTab === "dashboard" && /*#__PURE__*/ React.createElement("div", { className: "px-4 py-6 sm:px-0", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-600", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, "Overview of your elevator operations")), data.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-bar text-6xl text-gray-300 mb-4", __source: { fileName: "", lineNumber: 158, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }, "No data available"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 mb-4", __source: { fileName: "", lineNumber: 162, columnNumber: 17 }, __self: this }, "Upload your data or try sample data to get started"), /*#__PURE__*/ React.createElement("button", { onClick: sampleData, className: "bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this }, "Load Sample Data")) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 173, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4", __source: { fileName: "", lineNumber: 176, columnNumber: 19 }, __self: this }, "Total Elevators"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 179, columnNumber: 19 }, __self: this }, data[data.length - 1]?.elevators || 0), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-green-600 mt-2", __source: { fileName: "", lineNumber: 182, columnNumber: 19 }, __self: this }, "+", ((data[data.length - 1]?.elevators - data[0]?.elevators) / data[0]?.elevators * 100).toFixed(1), "% from start")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 193, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4", __source: { fileName: "", lineNumber: 194, columnNumber: 19 }, __self: this }, "Monthly Revenue"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-green-600", __source: { fileName: "", lineNumber: 197, columnNumber: 19 }, __self: this }, "$", (data[data.length - 1]?.revenue || 0).toLocaleString()), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-2", __source: { fileName: "", lineNumber: 200, columnNumber: 19 }, __self: this }, "Latest month")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 203, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4", __source: { fileName: "", lineNumber: 204, columnNumber: 19 }, __self: this }, "Maintenance Issues"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-orange-600", __source: { fileName: "", lineNumber: 207, columnNumber: 19 }, __self: this }, data[data.length - 1]?.maintenance || 0), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-2", __source: { fileName: "", lineNumber: 210, columnNumber: 19 }, __self: this }, "This month")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow col-span-full", __source: { fileName: "", lineNumber: 214, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4", __source: { fileName: "", lineNumber: 215, columnNumber: 19 }, __self: this }, "Revenue Trend"), /*#__PURE__*/ React.createElement("div", { className: "h-64 flex items-end space-x-2", __source: { fileName: "", lineNumber: 218, columnNumber: 19 }, __self: this }, data.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex-1 flex flex-col items-center", __source: { fileName: "", lineNumber: 220, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 w-full rounded-t", style: { height: `${item.revenue / Math.max(...data.map((d)=>d.revenue)) * 200}px` }, __source: { fileName: "", lineNumber: 224, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-600 mt-2", __source: { fileName: "", lineNumber: 230, columnNumber: 25 }, __self: this }, item.month))))))), activeTab === "upload" && /*#__PURE__*/ React.createElement("div", { className: "px-4 py-6 sm:px-0", __source: { fileName: "", lineNumber: 244, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 245, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 246, columnNumber: 15 }, __self: this }, "Data Upload"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-600", __source: { fileName: "", lineNumber: 247, columnNumber: 15 }, __self: this }, "Upload your elevator data files for analysis")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow", __source: { fileName: "", lineNumber: 252, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-2 border-dashed border-gray-300 rounded-lg p-12 text-center", __source: { fileName: "", lineNumber: 253, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud-upload-alt text-4xl text-gray-400 mb-4", __source: { fileName: "", lineNumber: 254, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 255, columnNumber: 17 }, __self: this }, "Upload your data"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 mb-4", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, "Supports CSV, Excel, and JSON files"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: handleFileUpload, accept: ".csv,.xlsx,.xls,.json", className: "hidden", id: "file-upload", __source: { fileName: "", lineNumber: 261, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "file-upload", className: "bg-blue-600 text-white px-6 py-3 rounded-md hover:bg-blue-700 cursor-pointer inline-block", __source: { fileName: "", lineNumber: 268, columnNumber: 17 }, __self: this }, uploadLoading || loading ? "Processing..." : "Choose File")))), activeTab === "insights" && /*#__PURE__*/ React.createElement("div", { className: "px-4 py-6 sm:px-0", __source: { fileName: "", lineNumber: 281, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 282, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 283, columnNumber: 15 }, __self: this }, "AI Insights"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-600", __source: { fileName: "", lineNumber: 284, columnNumber: 15 }, __self: this }, "Intelligent analysis of your elevator data")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 289, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 291, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-2xl text-blue-600 mb-4", __source: { fileName: "", lineNumber: 292, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 293, columnNumber: 19 }, __self: this }, "Generating AI insights...")) : insights ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 296, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4", __source: { fileName: "", lineNumber: 297, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-blue-600 mr-2", __source: { fileName: "", lineNumber: 298, columnNumber: 21 }, __self: this }), "AI Analysis Results"), /*#__PURE__*/ React.createElement("div", { className: "prose max-w-none", __source: { fileName: "", lineNumber: 301, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap text-gray-700 bg-gray-50 p-4 rounded", __source: { fileName: "", lineNumber: 302, columnNumber: 21 }, __self: this }, insights))) : /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 308, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb text-4xl text-gray-300 mb-4", __source: { fileName: "", lineNumber: 309, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 310, columnNumber: 19 }, __self: this }, "No insights available"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 313, columnNumber: 19 }, __self: this }, "Upload data first to generate AI insights")))), activeTab === "reports" && /*#__PURE__*/ React.createElement("div", { className: "px-4 py-6 sm:px-0", __source: { fileName: "", lineNumber: 324, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 325, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 326, columnNumber: 15 }, __self: this }, "Reports"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-600", __source: { fileName: "", lineNumber: 327, columnNumber: 15 }, __self: this }, "Generate and download comprehensive reports")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 332, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 333, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4", __source: { fileName: "", lineNumber: 334, columnNumber: 17 }, __self: this }, "Monthly Performance Report"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 337, columnNumber: 17 }, __self: this }, "Comprehensive analysis of elevator performance and maintenance"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700", __source: { fileName: "", lineNumber: 340, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 341, columnNumber: 19 }, __self: this }), "Generate Report")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 346, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4", __source: { fileName: "", lineNumber: 347, columnNumber: 17 }, __self: this }, "Revenue Analysis"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 350, columnNumber: 17 }, __self: this }, "Detailed breakdown of revenue streams and trends"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-600 text-white px-4 py-2 rounded-md hover:bg-green-700", __source: { fileName: "", lineNumber: 353, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 354, columnNumber: 19 }, __self: this }), "Generate Report")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 359, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4", __source: { fileName: "", lineNumber: 360, columnNumber: 17 }, __self: this }, "Maintenance Schedule"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 363, columnNumber: 17 }, __self: this }, "Predictive maintenance recommendations and scheduling"), /*#__PURE__*/ React.createElement("button", { className: "bg-orange-600 text-white px-4 py-2 rounded-md hover:bg-orange-700", __source: { fileName: "", lineNumber: 366, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 367, columnNumber: 19 }, __self: this }), "Generate Report")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow", __source: { fileName: "", lineNumber: 372, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4", __source: { fileName: "", lineNumber: 373, columnNumber: 17 }, __self: this }, "Custom Report"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 376, columnNumber: 17 }, __self: this }, "Create custom reports based on your specific needs"), /*#__PURE__*/ React.createElement("button", { className: "bg-purple-600 text-white px-4 py-2 rounded-md hover:bg-purple-700", __source: { fileName: "", lineNumber: 379, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-2", __source: { fileName: "", lineNumber: 380, columnNumber: 19 }, __self: this }), "Customize Report"))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-white border-t mt-12", __source: { fileName: "", lineNumber: 390, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 391, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 392, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 393, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 394, columnNumber: 15 }, __self: this }, "© 2025 Alamex Elevator - Alamex Report Platform"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 397, columnNumber: 15 }, __self: this }, "Free data analytics for elevator operations")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 401, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 402, columnNumber: 15 }, __self: this }, "Powered by AI"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-blue-600", __source: { fileName: "", lineNumber: 403, columnNumber: 15 }, __self: this })))))); }