function MainComponent() { const [loading, setLoading] = React.useState(false); const [response, setResponse] = React.useState(''); const handleMessageSend = async ()=>{ const userMessage = document.querySelector('textarea[name="userMessage"]').value; if (!userMessage) return; setLoading(true); try { const res = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: userMessage } ] }) }); const data = await res.json(); const messageContent = data.choices[0]?.message?.content || 'No response'; setResponse(messageContent); } catch (error) { setResponse('Error retrieving response'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-white", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#FAFAFA] border border-[#DBDBDB] w-full max-w-[600px]", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-evenly py-4 border-b border-[#DBDBDB]", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-xl text-[#262626]", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-xl text-[#262626]", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-square text-xl text-[#262626]", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart text-xl text-[#262626]", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-xl text-[#262626]", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "py-4", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "userMessage", className: "w-full h-[100px] p-2 border border-[#DBDBDB] rounded-md focus:outline-none", placeholder: "Type your message...", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleMessageSend, className: "mt-4 w-full py-2 bg-[#0095F6] text-white font-bold rounded-md", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, loading ? 'Sending...' : 'Send')), /*#__PURE__*/ React.createElement("div", { className: "py-4 border-t border-[#DBDBDB]", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full p-4 bg-[#EFEFEF] rounded-md text-[#262626] text-center", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, response ? response : 'Response will appear here.')))); }