function MainComponent() { const [photo, setPhoto] = React.useState(null); const [results, setResults] = React.useState([]); const [status, setStatus] = React.useState('initial'); const harmfulOils = { 'Sunflower Oil': 'High in linoleic acid which can contribute to inflammation and other health issues.', 'Corn Oil': 'Rich in linoleic acid promoting inflammatory processes.', 'Soybean Oil': 'Contains high levels of linoleic acid, potentially contributing to obesity and diabetes.', 'Cottonseed Oil': 'High linoleic acid content may lead to increased health risks.' }; const handlePhotoUpload = (event)=>{ const file = event.target.files[0]; if (file) { setPhoto(file); setStatus('loading'); searchProduct(file); } }; const clearResults = ()=>{ setResults([]); setStatus('initial'); }; const searchProduct = async (file)=>{ try { const response = await fetch('/integrations/image-search/imagesearch?q=' + encodeURIComponent(file.name), { method: 'GET' }); const data = await response.json(); if (data.items && data.items.length > 0) { const productTitle = data.items[0].title; scrapeIngredients(productTitle); } else { setStatus('result'); setResults([ { name: file.name, description: 'Product not found.', isHealthy: false } ]); } } catch (error) { console.error('Error searching for product:', error); } }; const scrapeIngredients = async (productTitle)=>{ try { const response = await fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: `https://google.com/search?q=${productTitle}+ingredients` }) }); const html = await response.text(); analyzeIngredients(html, productTitle); } catch (error) { console.error('Error scraping ingredients:', error); } }; const analyzeIngredients = (html, productTitle)=>{ const result = Object.keys(harmfulOils).reduce((acc, oil)=>{ if (html.includes(oil)) { acc.push({ name: oil, description: harmfulOils[oil], isHealthy: false }); } return acc; }, []); if (result.length === 0) result.push({ name: productTitle, description: 'No harmful oils detected', isHealthy: true }); setResults(result); setStatus('result'); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#DAF7A6] text-[#784212] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-5xl font-bold mb-8", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, "SeedSafe"), status === 'initial' && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "cursor-pointer mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", className: "hidden", onChange: handlePhotoUpload, name: "photoUpload", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-[#8D6E63] text-white py-2 px-4 rounded-full", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Upload Image"))), status === 'loading' && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 82, columnNumber: 32 }, __self: this }, "Loading..."), status === 'result' && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-center", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, results.map((result)=>/*#__PURE__*/ React.createElement("div", { key: result.name, className: `font-roboto my-2 ${result.isHealthy ? 'text-green-500' : 'text-red-500'}`, __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, result.isHealthy ? `${result.name}: No harmful oils detected. This product is healthy.` : `${result.name}: ${result.description}`)), /*#__PURE__*/ React.createElement("button", { onClick: clearResults, className: "bg-[#8D6E63] text-white py-2 px-4 rounded-full mt-4 w-44", name: "searchAgain", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "Search Again"))); }