function MainComponent() { const [message, setMessage] = React.useState(''); const [response, setResponse] = React.useState(''); const [loading, setLoading] = React.useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setResponse(''); try { const result = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": message } ], system_prompt: 'Explain this content' }) }).then((res)=>res.json()); setResponse(result.choices[0].message.content); } catch (error) { setResponse('Error in processing your request'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#F0F2F5]", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full max-w-2xl p-5 bg-white rounded-lg shadow", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Chat with GPT-3"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Ask anything, and the AI will help you!")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-3 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-[#4F46E5] transition duration-200", placeholder: "Type your message here...", rows: "4", name: "message", value: message, onChange: (e)=>setMessage(e.target.value), __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 bg-[#4F46E5] text-white rounded hover:bg-[#413ce5] transition duration-150", type: "submit", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Send")), loading ? /*#__PURE__*/ React.createElement("div", { className: "mt-5 font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Loading...") : /*#__PURE__*/ React.createElement("div", { className: "mt-5 font-roboto text-sm text-[#121212]", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, response))); }