function MainComponent() { const [messages, setMessages] = React.useState([]); const [inputValue, setInputValue] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const sendMessage = async ()=>{ setIsLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: inputValue } ], system_prompt: 'React to this message', max_tokens: 2000 }) }); const data = await response.json(); if (data.status) { setMessages((prevMessages)=>[ ...prevMessages, { role: 'assistant', content: data.result } ]); } } catch (error) { console.error('Failed to send message:', error); } finally{ setIsLoading(false); } }; const handleInputChange = (e)=>{ setInputValue(e.target.value); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#000] text-[#FFD700] font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-5", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "GoldBook"), /*#__PURE__*/ React.createElement("div", { className: `bg-[#121212] p-4 rounded-lg overflow-y-auto ${isLoading ? 'opacity-50' : ''}`, style: { height: '65vh' }, __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, messages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `my-4 p-2 ${msg.role === 'assistant' ? 'text-right' : 'text-left'}`, __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "inline-block bg-[#1c1c1e] text-[#FFD700] rounded-md px-4 py-2", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, msg.content))), isLoading && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 50, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-spinner fa-spin", __source: { fileName: "", lineNumber: 50, columnNumber: 54 }, __self: this }), " Sending...")), /*#__PURE__*/ React.createElement("div", { className: "flex mt-4", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "flex-1 p-2 rounded-l-lg outline-none bg-[#1c1c1e] text-[#FFD700]", placeholder: "What's on your mind?", value: inputValue, onChange: handleInputChange, name: "messageInput", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 rounded-r-lg bg-[#FFD700] text-[#000] font-bold", onClick: sendMessage, disabled: isLoading, __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Send")))); }