function MainComponent() { const [isScanning, setIsScanning] = React.useState(false); const [scanResult, setScanResult] = React.useState(null); async function scanInvoice(imageFile) { const data = new FormData(); data.append('image', imageFile); setIsScanning(true); try { const response = await fetch('/integrations/scan-document/', { method: 'POST', body: data }); const result = await response.json(); setScanResult(result.extractedDocument); analyzeDocument(result.extractedDocument); } catch (error) { console.error(error); } setIsScanning(false); } async function analyzeDocument(extractedDocument) { fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { "role": "system", "content": extractedDocument } ], system_prompt: 'Extract inventory items from the scanned document' }), headers: { 'Content-Type': 'application/json' } }).then((response)=>response.json()).then((data)=>{ if (data.status) { // Process extracted inventory items } }).catch((error)=>{ console.error(error); }); } const handleInvoiceScan = (event)=>{ const file = event.target.files[0]; if (file) { scanInvoice(file); } }; const scanInvoiceButton = /*#__PURE__*/ React.createElement("label", { className: "bg-[#4CAF50] text-white font-roboto py-2 px-4 rounded inline-flex items-center hover:bg-[#45a049]", style: { cursor: isScanning ? 'default' : 'pointer' }, __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", className: "hidden", onChange: handleInvoiceScan, disabled: isScanning, accept: "image/png, image/jpeg", name: "inventory-item", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }), isScanning ? 'Scanning...' : 'Scan Invoice'); const addInventoryButton = /*#__PURE__*/ React.createElement("button", { className: "bg-[#008CBA] text-white font-roboto py-2 px-4 rounded hover:bg-[#007ba7]", __source: { fileName: "", lineNumber: 71, columnNumber: 5 }, __self: this }, "Add Inventory"); const checkLogButton = /*#__PURE__*/ React.createElement("button", { className: "bg-[#f44336] text-white font-roboto py-2 px-4 rounded hover:bg-[#da190b]", __source: { fileName: "", lineNumber: 77, columnNumber: 5 }, __self: this }, "Check Inventory Log"); const statisticsCard = /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded p-4 w-full md:w-[30%]", __source: { fileName: "", lineNumber: 83, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-[#121212] text-lg mb-4", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, "Latest Statistics"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#555]", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, "Top Ingredients:"), /*#__PURE__*/ React.createElement("p", { className: "text-[#555]", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "Lowest Stock:"), /*#__PURE__*/ React.createElement("p", { className: "text-[#555]", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, "Most Used:"))); const inventorySection = /*#__PURE__*/ React.createElement("section", { className: "my-4", __source: { fileName: "", lineNumber: 94, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, statisticsCard, /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col space-y-4", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, scanInvoiceButton, addInventoryButton, checkLogButton))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5] font-roboto", __source: { fileName: "", lineNumber: 107, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#343a40] text-white p-4", __source: { fileName: "", lineNumber: 108, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, "Inventory Manager")), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this }, inventorySection)); }