function MainComponent() { const { data: user, loading: userLoading } = useUser(); const { isReady, isAuthenticated } = useAuth(); const [chatMessages, setChatMessages] = useState([]); const [newMessage, setNewMessage] = useState(""); // اگه هنوز آماده نشده، لودینگ نشون بده if (!isReady || userLoading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex items-center justify-center", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "🎵"), /*#__PURE__*/ React.createElement("div", { className: "text-xl text-gray-600", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Loading Concert..."))); } // اگه لاگین نکرده، صفحه لاگین نشون بده if (!isAuthenticated) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg max-w-md w-full text-center", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "🎵"), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Live Concert"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-6", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Please sign in to join the concert"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "w-full bg-blue-600 text-white py-3 px-4 rounded-lg font-semibold hover:bg-blue-700 transition-colors block", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/", className: "w-full bg-gray-600 text-white py-3 px-4 rounded-lg font-semibold hover:bg-gray-700 transition-colors block", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Back to Home")))); } const sendMessage = ()=>{ if (!newMessage.trim()) return; const message = { id: Date.now(), username: user?.name || user?.email, message: newMessage, timestamp: new Date() }; setChatMessages((prev)=>[ ...prev, message ]); setNewMessage(""); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-sm border-b", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, "🎵"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }, "Live Concert"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-green-600", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }, "🔴 LIVE NOW"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-700", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, user?.name || user?.email), /*#__PURE__*/ React.createElement("a", { href: "/", className: "bg-gray-600 text-white px-4 py-2 rounded-lg hover:bg-gray-700 transition-colors", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "bg-red-600 text-white px-4 py-2 rounded-lg hover:bg-red-700 transition-colors", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, "Logout"))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-2", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6 h-96", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full flex items-center justify-center bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl mb-4", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, "🎵"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }, "Live Concert"), /*#__PURE__*/ React.createElement("p", { className: "text-green-600 font-semibold", __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, "🔴 Broadcasting Live"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex justify-center space-x-2", __source: { fileName: "", lineNumber: 115, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-red-500 rounded-full animate-pulse", __source: { fileName: "", lineNumber: 116, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-red-500 rounded-full animate-pulse", style: { animationDelay: "0.2s" }, __source: { fileName: "", lineNumber: 117, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-red-500 rounded-full animate-pulse", style: { animationDelay: "0.4s" }, __source: { fileName: "", lineNumber: 121, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 grid grid-cols-3 gap-3", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 text-white py-3 px-4 rounded-lg hover:bg-red-600 transition-colors", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, "❤️ Love"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white py-3 px-4 rounded-lg hover:bg-green-600 transition-colors", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, "👏 Applause"), /*#__PURE__*/ React.createElement("button", { className: "bg-purple-500 text-white py-3 px-4 rounded-lg hover:bg-purple-600 transition-colors", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, "🎉 Bravo"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md flex flex-col h-96", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800", __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, "💬 Live Chat")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4 overflow-y-auto", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, chatMessages.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 155, columnNumber: 19 }, __self: this }, "No messages yet"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm mt-1", __source: { fileName: "", lineNumber: 156, columnNumber: 19 }, __self: this }, "Be the first to say something!")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, chatMessages.map((msg)=>/*#__PURE__*/ React.createElement("div", { key: msg.id, className: "break-words", __source: { fileName: "", lineNumber: 163, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 164, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-blue-600 font-semibold text-sm", __source: { fileName: "", lineNumber: 165, columnNumber: 25 }, __self: this }, msg.username, ":"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-800 text-sm flex-1", __source: { fileName: "", lineNumber: 168, columnNumber: 25 }, __self: this }, msg.message)), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 172, columnNumber: 23 }, __self: this }, msg.timestamp.toLocaleTimeString()))))), /*#__PURE__*/ React.createElement("div", { className: "p-4 border-t", __source: { fileName: "", lineNumber: 181, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: newMessage, onChange: (e)=>setNewMessage(e.target.value), placeholder: "Type your message...", className: "flex-1 border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:border-blue-500", onKeyPress: (e)=>e.key === "Enter" && sendMessage(), __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: sendMessage, disabled: !newMessage.trim(), className: "bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 191, columnNumber: 17 }, __self: this }, "Send"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 204, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 205, columnNumber: 11 }, __self: this }, "🎤 Now Playing"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 208, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 209, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl mb-2", __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, "🎵"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }, "Current Track"), /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 212, columnNumber: 15 }, __self: this }, "Welcome to rOOFGARDEN")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl mb-2", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }, "👥"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }, "Audience"), /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 217, columnNumber: 15 }, __self: this }, "247 viewers")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 219, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl mb-2", __source: { fileName: "", lineNumber: 220, columnNumber: 15 }, __self: this }, "⏰"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 221, columnNumber: 15 }, __self: this }, "Duration"), /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 222, columnNumber: 15 }, __self: this }, "Live")))))); }