function MainComponent() { const [loading, setLoading] = React.useState(false); const [result, setResult] = React.useState(null); const handleSubmit = async (event)=>{ event.preventDefault(); setLoading(true); const fileInput = event.target.file; const cryptoName = event.target.cryptoName.value; if (fileInput.files.length > 0) { const file = fileInput.files[0]; const text = await file.text(); const messages = [ { role: 'user', content: `Analyze the following Telegram chat logs for the crypto ${cryptoName}: ${text}` } ]; const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages, system_prompt: 'Determine if the admins/creators of this crypto are being deceptive about their product or are legit.' }) }); const data = await response.json(); setResult(data.choices[0].message.content); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, "Telegram Chat Analysis"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2 font-roboto", htmlFor: "file", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Upload Telegram Export"), /*#__PURE__*/ React.createElement("input", { name: "file", type: "file", id: "file", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2 font-roboto", htmlFor: "cryptoName", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Name of the Crypto"), /*#__PURE__*/ React.createElement("input", { name: "cryptoName", type: "text", id: "cryptoName", placeholder: "Enter the name of the crypto...", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, loading ? 'Analyzing...' : 'Analyze')), /*#__PURE__*/ React.createElement("div", { id: "results", className: "w-full max-w-lg p-4 bg-white shadow-md rounded", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-2", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "Analysis Results"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, result ? result : 'Your results will appear here...'))); }