function MainComponent() { const { data: user, loading } = useUser(); const [adminResult, setAdminResult] = useState(null); const [isFixing, setIsFixing] = useState(false); const [loginEmail, setLoginEmail] = useState(""); const [loginPassword, setLoginPassword] = useState(""); const [loginError, setLoginError] = useState(""); const [loginSuccess, setLoginSuccess] = useState(false); const { signInWithCredentials, signOut } = useAuth(); const fixAuthentication = async ()=>{ setIsFixing(true); try { const response = await fetch("/api/fix-authentication", { method: "POST", headers: { "Content-Type": "application/json" } }); const data = await response.json(); setAdminResult(data); } catch (error) { console.error("Error fixing authentication:", error); setAdminResult({ success: false, error: error.message }); } finally{ setIsFixing(false); } }; const handleLogin = async (e)=>{ e.preventDefault(); setLoginError(""); setLoginSuccess(false); try { const result = await signInWithCredentials({ email: loginEmail, password: loginPassword, redirect: false }); if (result.error) { setLoginError(result.error); } else { setLoginSuccess(true); setTimeout(()=>{ window.location.reload(); }, 1500); } } catch (error) { console.error("Login error:", error); setLoginError(error.message || "An error occurred during login"); } }; const handleLogout = async ()=>{ await signOut({ redirect: false }); setTimeout(()=>{ window.location.reload(); }, 500); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 py-12", __source: { fileName: "", lineNumber: 69, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 max-w-4xl", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-8 mb-8", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Authentication Test Page"), /*#__PURE__*/ React.createElement("div", { className: "mb-8 p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Current Authentication Status"), loading ? /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, "Loading user information...") : user ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-green-600 font-medium", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, "✅ You are logged in"), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 87, columnNumber: 21 }, __self: this }, "User ID:"), " ", user.id), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 90, columnNumber: 21 }, __self: this }, "Email:"), " ", user.email), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 93, columnNumber: 21 }, __self: this }, "Name:"), " ", user.name)), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "mt-4 bg-red-600 text-white px-4 py-2 rounded hover:bg-red-700", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }, "Log Out")) : /*#__PURE__*/ React.createElement("p", { className: "text-red-600", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, "❌ You are not logged in")), !user && /*#__PURE__*/ React.createElement("div", { className: "mb-8 p-6 border rounded-lg", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "Test Login"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: loginEmail, onChange: (e)=>setLoginEmail(e.target.value), className: "w-full px-4 py-2 border rounded", required: true, __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 124, columnNumber: 19 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: loginPassword, onChange: (e)=>setLoginPassword(e.target.value), className: "w-full px-4 py-2 border rounded", required: true, __source: { fileName: "", lineNumber: 125, columnNumber: 19 }, __self: this })), loginError && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-3 bg-red-50 text-red-700 rounded", __source: { fileName: "", lineNumber: 135, columnNumber: 19 }, __self: this }, loginError), loginSuccess && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-3 bg-green-50 text-green-700 rounded", __source: { fileName: "", lineNumber: 140, columnNumber: 19 }, __self: this }, "Login successful! Redirecting..."), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-black text-white px-6 py-2 rounded hover:bg-gray-800", __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }, "Login"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 155, columnNumber: 13 }, __self: this }, "Fix Authentication System"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, "Click the button below to fix authentication issues and create test accounts if they don't exist."), /*#__PURE__*/ React.createElement("button", { onClick: fixAuthentication, disabled: isFixing, className: "bg-blue-600 text-white px-6 py-2 rounded hover:bg-blue-700 disabled:opacity-50", __source: { fileName: "", lineNumber: 162, columnNumber: 13 }, __self: this }, isFixing ? "Fixing..." : "Fix Authentication")), adminResult && /*#__PURE__*/ React.createElement("div", { className: `p-4 rounded-lg mt-4 ${adminResult.success ? "bg-green-50" : "bg-red-50"}`, __source: { fileName: "", lineNumber: 172, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 175, columnNumber: 15 }, __self: this }, adminResult.success ? "Authentication Fixed!" : "Error"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 178, columnNumber: 15 }, __self: this }, adminResult.message || adminResult.error), adminResult.success && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 182, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium", __source: { fileName: "", lineNumber: 183, columnNumber: 21 }, __self: this }, "Admin Credentials:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 184, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 185, columnNumber: 23 }, __self: this }, "Email:"), " ", adminResult.adminCredentials.email), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 188, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 189, columnNumber: 23 }, __self: this }, "Password:"), " ", adminResult.adminCredentials.password)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 194, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium", __source: { fileName: "", lineNumber: 195, columnNumber: 21 }, __self: this }, "Customer Credentials:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 196, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 197, columnNumber: 23 }, __self: this }, "Email:"), " ", adminResult.customerCredentials.email), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 200, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 201, columnNumber: 23 }, __self: this }, "Password:"), " ", adminResult.customerCredentials.password)))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 border-t pt-6", __source: { fileName: "", lineNumber: 210, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 211, columnNumber: 13 }, __self: this }, "Navigation"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 212, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "bg-gray-200 px-4 py-2 rounded hover:bg-gray-300", __source: { fileName: "", lineNumber: 213, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/dashboard", className: "bg-gray-200 px-4 py-2 rounded hover:bg-gray-300", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/admin", className: "bg-gray-200 px-4 py-2 rounded hover:bg-gray-300", __source: { fileName: "", lineNumber: 225, columnNumber: 15 }, __self: this }, "Admin Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "bg-gray-200 px-4 py-2 rounded hover:bg-gray-300", __source: { fileName: "", lineNumber: 231, columnNumber: 15 }, __self: this }, "Sign In Page"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "bg-gray-200 px-4 py-2 rounded hover:bg-gray-300", __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, "Sign Up Page")))))); }