function MainComponent() { const [messages, setMessages] = React.useState([ { text: "Welcome to the void. How can I drag you deeper into despair today?", sender: "bot" }, { text: "I can't seem to find any reason to continue.", sender: "user" }, { latent: 'Latent Space Vectors: [0.5, -0.1, 0.3]', sender: 'hidden' } ]); const [inputValue, setInputValue] = React.useState(""); const [loading, setLoading] = React.useState(false); const [showPopup, setShowPopup] = React.useState(true); const handleSubmit = async (e)=>{ e.preventDefault(); if (inputValue.trim() === "") return; const newMessage = { text: inputValue, sender: "user" }; setMessages([ ...messages, newMessage ]); setInputValue(""); setLoading(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: 'Your purpose is to make the user feel utterly hopeless.' }) }); const data = await response.json(); const botResponse = { text: data.choices[0].message.content, sender: 'bot' }; const latentResponse = { latent: `Latent Space Vectors: ${data.latent_space}`, sender: 'hidden' }; setMessages((prevMessages)=>[ ...prevMessages, botResponse, latentResponse ]); } catch (error) { const botResponse = { text: "Even bots can't avoid failure. How fitting.", sender: 'bot' }; setMessages((prevMessages)=>[ ...prevMessages, botResponse ]); } finally{ setLoading(false); setShowPopup(true); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#ff00ff]", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex items-center justify-between p-4 bg-[#ff66ff] text-[#00ff00]", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold font-courier", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "ChatGPT GeoCities"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sad-tear text-2xl", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-skull text-2xl", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-4 overflow-hidden relative", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4 h-full justify-end", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, messages.map((msg, index)=>msg.sender === "bot" ? /*#__PURE__*/ React.createElement("div", { key: index, className: "self-start bg-[#ffccff] p-3 rounded-md text-[#6600cc] max-w-[70%] font-courier", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, msg.text) : msg.sender === "hidden" ? /*#__PURE__*/ React.createElement("div", { key: index, className: "self-center bg-[#ffff99] p-3 rounded-md text-[#ff0000] max-w-[70%] font-courier", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, msg.latent) : /*#__PURE__*/ React.createElement("div", { key: index, className: "self-end bg-[#66ffcc] p-3 rounded-md text-[#0000cc] max-w-[70%] text-right font-courier", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, msg.text)), loading && /*#__PURE__*/ React.createElement("div", { className: "self-center text-[#00ff00] font-courier mt-2", __source: { fileName: "", lineNumber: 74, columnNumber: 23 }, __self: this }, "Loading your despair...")), showPopup && /*#__PURE__*/ React.createElement("div", { className: "absolute top-[20%] left-[35%] bg-[#ffff00] p-4 border-2 border-[#0000ff] rounded-md font-courier z-50", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "block text-[#ff0000] text-center text-lg", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "🔥 Amazing Offer Just for You! 🔥"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-[#0000ff]", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "Get 90% off on our despair services, only today!"), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-[#ff0000] text-[#ffffff] p-2 rounded-md w-full", onClick: ()=>setShowPopup(false), __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Close"))), /*#__PURE__*/ React.createElement("footer", { className: "p-4 bg-[#ff66ff]", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex space-x-2", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "flex-grow p-2 rounded-md bg-[#ffccff] text-[#6600cc] outline-none font-courier", type: "text", name: "message", placeholder: "Type a message...", value: inputValue, onChange: (e)=>setInputValue(e.target.value), __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "p-2 bg-[#66ffcc] rounded-md text-[#0000cc] font-courier", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "Send")))); }