function MainComponent() { const [salesData, setSalesData] = React.useState({ total: 0, orders: 0 }); const [topProducts, setTopProducts] = React.useState([]); const [chatInput, setChatInput] = React.useState(''); const [chatResponse, setChatResponse] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); React.useEffect(()=>{ // Simulated data fetch setSalesData({ total: 15000, orders: 120 }); setTopProducts([ { name: 'Product A', sales: 50 }, { name: 'Product B', sales: 30 }, { name: 'Product C', sales: 20 } ]); }, []); const handleChatSubmit = async (e)=>{ e.preventDefault(); setIsLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: chatInput } ] }) }); const data = await response.json(); setChatResponse(data.choices[0].message.content); } catch (error) { console.error('Error:', error); setChatResponse('An error occurred while processing your request.'); } setIsLoading(false); setChatInput(''); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-8", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-8 text-center font-sans", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, "E-commerce Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 font-sans", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Sales Overview"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-green-600 font-sans", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "$", salesData.total), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-sans", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Total Sales"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-lg font-sans", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, salesData.orders, " Orders")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 font-sans", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "Top Products"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, topProducts.map((product, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2 font-sans", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, product.name, ": ", product.sales, " sales"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 font-sans", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "AI Assistant"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleChatSubmit, className: "mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: chatInput, onChange: (e)=>setChatInput(e.target.value), placeholder: "Ask a question about your e-commerce business", className: "w-full p-2 border rounded font-sans", name: "chat-input", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-2 bg-blue-500 text-white px-4 py-2 rounded font-sans", disabled: isLoading, __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, isLoading ? 'Processing...' : 'Send')), chatResponse && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-gray-100 rounded font-sans", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "AI Response:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, chatResponse))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center text-gray-600 font-sans", __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, "© 2024 Your E-commerce Company. All rights reserved."))); }