function MainComponent() { const [messages, setMessages] = useState([ { role: "assistant", content: "Hello! I'm your crypto assistant. Don't ask me anything just buy and hold ,you wanna get rich ? that's what you do." } ]); const [inputMessage, setInputMessage] = useState(""); const [isLoading, setIsLoading] = useState(false); const messagesEndRef = useRef(null); const scrollToBottom = ()=>{ messagesEndRef.current?.scrollIntoView({ behavior: "smooth" }); }; useEffect(()=>{ scrollToBottom(); }, [ messages ]); const handleSubmit = async (e)=>{ e.preventDefault(); if (!inputMessage.trim()) return; const newMessage = { role: "user", content: inputMessage }; setMessages((prev)=>[ ...prev, newMessage ]); setInputMessage(""); setIsLoading(true); // Placeholder for ChatGPT integration // This will be replaced when you select the integration setTimeout(()=>{ const response = { role: "assistant", content: "I'm a placeholder response. Please select the ChatGPT integration to enable real AI responses." }; setMessages((prev)=>[ ...prev, response ]); setIsLoading(false); }, 1000); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-white", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-4 bg-black border-b border-gray-200", style: { animation: "fadeIn 0.5s ease-out" }, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-white font-roboto", style: { animation: "pulse 2s infinite" }, __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "Chat GPT"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://x.com/chatgpt_onsol?s=21", className: "hover:text-gray-300 transition-colors", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-xl text-[#1DA1F2]", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://t.me/chatgptonsolana", className: "hover:text-gray-300 transition-colors", target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-telegram text-xl text-[#229ED9]", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "border-l border-white h-6 mx-2", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", style: { animation: "fadeIn 0.5s ease-out" }, __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-white text-xl", style: { animation: "pulse 2s infinite" }, __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white font-medium", style: { animation: "glow 1.5s infinite" }, __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Buy Now")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, messages.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex ${message.role === "user" ? "justify-end" : "justify-start"}`, style: { animation: "slideIn 0.3s ease-out" }, __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-[80%] p-3 rounded-lg ${message.role === "user" ? "bg-black text-white" : "bg-gray-100 text-black"}`, style: { animation: "fadeIn 0.3s ease-out" }, __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, message.content))), isLoading && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", style: { animation: "fadeIn 0.3s ease-out" }, __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 text-black p-3 rounded-lg", __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }), " Thinking...")), /*#__PURE__*/ React.createElement("div", { ref: messagesEndRef, __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "p-4 border-t border-gray-200 bg-black", style: { animation: "fadeIn 0.5s ease-out" }, __source: { fileName: "", lineNumber: 126, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 131, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: inputMessage, onChange: (e)=>setInputMessage(e.target.value), placeholder: "Ask about crypto, blockchain, or trading...", className: "flex-1 p-3 rounded-lg bg-white text-black border border-gray-200 focus:outline-none focus:border-black", style: { transition: "all 0.3s ease" }, __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isLoading, className: "px-6 py-3 bg-black text-white rounded-lg font-medium hover:bg-gray-900 transition-colors border border-white", style: { animation: "pulse 2s infinite" }, __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 150, columnNumber: 7 }, __self: this }, ` @keyframes slideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes glow { 0% { box-shadow: 0 0 5px #ffffff; } 50% { box-shadow: 0 0 20px #ffffff; } 100% { box-shadow: 0 0 5px #ffffff; } } `)); }