function MainComponent() { const [userInput, setUserInput] = React.useState(''); const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(''); const messages = [ { role: 'user', content: userInput } ]; const systemPrompt = 'Automate slideshows, spreadsheets, and more with proprietary databases and McKinsey-like templates.'; const handleSubmit = async (event)=>{ event.preventDefault(); setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages, system_prompt: systemPrompt }) }); const result = await response.json(); if (result.status && result.choices && result.choices.length > 0) { setResponse(result.choices[0].message.content); } else { setResponse('An error occurred. Please try again.'); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-gray-100 min-h-screen flex flex-col items-center", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto mb-5", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, "AI Consultant"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-crimson-text mb-5", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, "Automating slideshows, spreadsheets, and more with proprietary databases and McKinsey-like templates."), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg bg-white p-6 rounded-lg shadow-md", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "userInput", className: "block text-sm font-medium text-gray-700 font-roboto mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Enter your request:"), /*#__PURE__*/ React.createElement("textarea", { id: "userInput", name: "userInput", rows: "4", className: "w-full p-2 border border-gray-300 rounded-md", placeholder: "Describe how you want to automate your tasks...", value: userInput, onChange: (e)=>setUserInput(e.target.value), __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 w-full bg-blue-500 text-white font-bold py-2 px-4 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, loading ? "Loading..." : "Submit")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 w-full max-w-lg bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "Response"), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-crimson-text", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, response))); }