function MainComponent() { const [inventoryItems, setInventoryItems] = React.useState([]); const [vendors, setVendors] = React.useState([]); const [clients, setClients] = React.useState([]); const [leads, setLeads] = React.useState([]); const [deals, setDeals] = React.useState([]); const [isSaving, setIsSaving] = React.useState(false); const [response, setResponse] = React.useState(''); const [currentItem, setCurrentItem] = React.useState({ name: '', dimensions: '', weight: '' }); const handleChange = (e)=>{ setCurrentItem({ ...currentItem, [e.target.name]: e.target.value }); }; const handleAddItem = async (e)=>{ e.preventDefault(); setIsSaving(true); const newItem = { name: currentItem.name, dimensions: currentItem.dimensions, weight: currentItem.weight }; const requestBody = { messages: [ { role: "system", content: `New inventory item added: ${newItem.name}, Dimensions: ${newItem.dimensions}, Weight: ${newItem.weight}.` }, { role: "user", content: "Save this item to inventory." } ], system_prompt: 'Save to inventory' }; try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(requestBody) }); const data = await res.json(); if (data.status) { setInventoryItems([ ...inventoryItems, newItem ]); setCurrentItem({ name: '', dimensions: '', weight: '' }); setResponse(data.result); } else { setResponse("Failed to add item to inventory."); } } catch (error) { setResponse("Error connecting to the inventory service."); } finally{ setIsSaving(false); } }; let inventoryTable = inventoryItems.length > 0 && /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200 mt-4", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }); const renderEntities = (entities, entityType)=>/*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 62, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, entityType), /*#__PURE__*/ React.createElement("ul", { className: "list-none space-y-2", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, entities.map((entity, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "bg-[#E0E0E0] px-4 py-2 rounded-md", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, entity.name))))); const renderDeals = ()=>/*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 74, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, "Sales Pipeline"), /*#__PURE__*/ React.createElement("ul", { className: "list-none space-y-2", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, deals.map((deal, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "bg-[#E0E0E0] px-4 py-2 rounded-md", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, `Deal ${index + 1}: ${deal.name}`), /*#__PURE__*/ React.createElement("span", { className: `font-semibold ${deal.status === 'Closed' ? 'text-red-600' : 'text-green-500'}`, __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, `Status: ${deal.status}`)))))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F5F5F5] text-gray-900", __source: { fileName: "", lineNumber: 89, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto p-4 sm:p-6 lg:p-8", __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddItem, className: "mb-6", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold text-xl block mb-2", __source: { fileName: "", lineNumber: 97, columnNumber: 19 }, __self: this }, "Add New Item"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "text", name: "name", placeholder: "Item Name", onChange: handleChange, value: currentItem.name, required: true, __source: { fileName: "", lineNumber: 98, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "text", name: "dimensions", placeholder: "Dimensions (HxWxD)", onChange: handleChange, value: currentItem.dimensions, required: true, __source: { fileName: "", lineNumber: 101, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "text", name: "weight", placeholder: "Weight (lbs)", onChange: handleChange, value: currentItem.weight, required: true, __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSaving, className: `px-4 py-2 bg-blue-500 text-white font-semibold rounded-md hover:bg-blue-600 ${isSaving ? 'cursor-not-allowed opacity-50' : ''}`, __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, isSaving ? 'Saving...' : 'Add Item'))), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, response))), inventoryTable, renderEntities(vendors, "Vendors"), renderEntities(clients, "Clients"), renderEntities(leads, "Leads"), renderDeals())); }