function MainComponent() { const [currentQuestion, setCurrentQuestion] = useState(null); const [questions, setQuestions] = useState([]); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [includeNSFW, setIncludeNSFW] = useState(false); const [showNSFWWarning, setShowNSFWWarning] = useState(false); const [isAdminView, setIsAdminView] = useState(false); const [adminPassword, setAdminPassword] = useState(""); const [isAuthenticated, setIsAuthenticated] = useState(false); const [newQuestion, setNewQuestion] = useState(""); const checkPassword = (password)=>{ return password === "wouldyourather1"; }; const fetchQuestions = useCallback(async ()=>{ try { const response = await fetch("/api/questions/list", { method: "POST" }); if (!response.ok) { throw new Error(`Error fetching questions: ${response.status}`); } const data = await response.json(); setQuestions(data.questions || []); } catch (err) { console.error(err); setError("Failed to load questions"); } }, []); useEffect(()=>{ fetchQuestions(); }, [ fetchQuestions ]); const getRandomQuestion = async ()=>{ setLoading(true); try { const response = await fetch("/api/questions/random", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ includeNSFW }) }); if (!response.ok) { throw new Error(`Error fetching random question: ${response.status}`); } const data = await response.json(); setCurrentQuestion(data?.question || "No questions available"); } catch (err) { console.error(err); setError("Failed to get random question"); } finally{ setLoading(false); } }; const handleNSFWToggle = ()=>{ if (!includeNSFW) { setShowNSFWWarning(true); } else { setIncludeNSFW(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white p-4 md:p-8 flex items-center justify-center font-montserrat", __source: { fileName: "", lineNumber: 67, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl w-full space-y-12", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsAdminView(!isAdminView), className: "absolute top-4 right-4 px-4 py-2 text-[#1a365d] hover:text-[#2a4365] rounded-md text-sm", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, isAdminView ? "← Back" : "Log In"), isAdminView ? !isAuthenticated ? /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md mx-auto", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 text-[#1a365d]", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "Admin Login"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", value: adminPassword, onChange: (e)=>setAdminPassword(e.target.value), placeholder: "Enter admin password", className: "w-full p-2 border rounded-md bg-white text-[#1a365d]", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ if (checkPassword(adminPassword)) { setIsAuthenticated(true); } else { alert("Incorrect password"); } }, className: "w-full px-4 py-2 bg-[#1a365d] text-white rounded-md hover:bg-[#2a4365]", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, "Login"))) : /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#1a365d]", __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, "All Questions (", questions.length, ")"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setIsAuthenticated(false); setAdminPassword(""); }, className: "px-4 py-2 text-[#1a365d] hover:text-[#2a4365]", __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, "Logout")), /*#__PURE__*/ React.createElement("div", { className: "mb-8 p-6 bg-white border border-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4 text-[#1a365d]", __source: { fileName: "", lineNumber: 120, columnNumber: 17 }, __self: this }, "Add New Question"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { placeholder: "Write your new question here...", className: "w-full p-3 bg-white border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#1a365d] text-[#1a365d]", value: newQuestion, onChange: (e)=>setNewQuestion(e.target.value), __source: { fileName: "", lineNumber: 124, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: async ()=>{ if (!newQuestion.trim()) { alert("Please write a question first"); return; } try { await fetch("/api/questions/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ question: newQuestion }) }); setNewQuestion(""); fetchQuestions(); } catch (err) { console.error(err); alert("Failed to add question"); } }, className: "px-4 py-2 bg-[#1a365d] text-white rounded-md hover:bg-[#2a4365]", __source: { fileName: "", lineNumber: 130, columnNumber: 19 }, __self: this }, "Add Question"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, questions.map((q)=>/*#__PURE__*/ React.createElement("div", { key: q.id, className: "p-4 bg-[#1a365d] rounded-lg", __source: { fileName: "", lineNumber: 160, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white", __source: { fileName: "", lineNumber: 161, columnNumber: 21 }, __self: this }, q.question), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm text-gray-300", __source: { fileName: "", lineNumber: 162, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 163, columnNumber: 23 }, __self: this }, "#", q.id), /*#__PURE__*/ React.createElement("span", { className: "mx-2", __source: { fileName: "", lineNumber: 164, columnNumber: 23 }, __self: this }, "•"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 165, columnNumber: 23 }, __self: this }, new Date(q.created_at).toLocaleString()), q.is_nsfw && /*#__PURE__*/ React.createElement("span", { className: "ml-2 px-2 py-0.5 bg-red-500 text-white rounded text-xs", __source: { fileName: "", lineNumber: 167, columnNumber: 25 }, __self: this }, "18+")))))) : /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-8", __source: { fileName: "", lineNumber: 178, columnNumber: 11 }, __self: this }, currentQuestion && /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-[#1a365d] rounded-xl", __source: { fileName: "", lineNumber: 180, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-5xl font-light text-white", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this }, currentQuestion)), /*#__PURE__*/ React.createElement("button", { onClick: getRandomQuestion, disabled: loading, className: "px-8 py-4 bg-[#1a365d] text-white rounded-full text-xl hover:bg-[#2a4365] transition-all", __source: { fileName: "", lineNumber: 187, columnNumber: 13 }, __self: this }, "Would You Rather..."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "relative inline-flex items-center cursor-pointer", __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "sr-only peer", checked: includeNSFW, onChange: handleNSFWToggle, __source: { fileName: "", lineNumber: 197, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-11 h-6 bg-gray-200 rounded-full peer peer-checked:bg-[#1a365d] after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:after:translate-x-full", __source: { fileName: "", lineNumber: 203, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 text-sm text-[#1a365d]", __source: { fileName: "", lineNumber: 204, columnNumber: 17 }, __self: this }, "18+ Content")))), error && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 rounded-lg", __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, error), showNSFWWarning && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 217, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-md w-full", __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-[#1a365d] mb-4", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }, "Adult Content Warning"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4a5568] mb-6", __source: { fileName: "", lineNumber: 222, columnNumber: 15 }, __self: this }, "This content contains mature themes and is intended for adults only. Are you 18 or older?"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4", __source: { fileName: "", lineNumber: 226, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNSFWWarning(false), className: "px-4 py-2 text-[#4a5568] hover:text-[#1a365d]", __source: { fileName: "", lineNumber: 227, columnNumber: 17 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setIncludeNSFW(true); setShowNSFWWarning(false); }, className: "px-4 py-2 bg-[#1a365d] text-white rounded hover:bg-[#2a4365]", __source: { fileName: "", lineNumber: 233, columnNumber: 17 }, __self: this }, "I am 18+ Continue")))))); }