function MainComponent() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [error, setError] = useState(""); const [loading, setLoading] = useState(false); useEffect(()=>{ const urlParams = new URLSearchParams(window.location.search); const errorParam = urlParams.get("error"); if (errorParam) { setError(errorParam === "CredentialsSignin" ? "Invalid email or password" : errorParam); } }, []); const handleSubmit = async (e)=>{ e.preventDefault(); if (!email || !password) { setError("Email and password are required"); return; } setLoading(true); setError(""); try { // Use our custom sign-in endpoint const response = await fetch("/api/auth/custom-signin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, password }) }); const data = await response.json(); if (!data.success || data.error) { throw new Error(data.error || "Invalid email or password"); } // Store the session token in a cookie document.cookie = `session=${data.session.token}; expires=${new Date(data.session.expires).toUTCString()}; path=/`; // Redirect to dashboard window.location.href = "/dashboard"; } catch (error) { console.error("Login error:", error); setError(error.message || "Invalid email or password"); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 text-white min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-gray-800 py-4 px-6", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/1f5fa54c-a6f9-45c9-8aef-32c7e8edee96/-/format/auto/", alt: "Southern Grace Kitchen Logo", className: "h-12", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center justify-center px-4 py-12", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Sign in to continue to Southern Grace Kitchen")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg p-8 shadow-lg", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 rounded-lg bg-red-900/50 text-red-200 border border-red-700", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, error)), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-300 mb-2", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full px-4 py-3 rounded-lg bg-gray-700 text-white border border-gray-600 focus:border-[#ff6b35] focus:ring-1 focus:ring-[#ff6b35] outline-none", placeholder: "Enter your email", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-300", __source: { fileName: "", lineNumber: 110, columnNumber: 19 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("a", { href: "/account/reset-password", className: "text-sm text-[#ff6b35] hover:text-[#ff8655] transition-colors", __source: { fileName: "", lineNumber: 116, columnNumber: 19 }, __self: this }, "Forgot password?")), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full px-4 py-3 rounded-lg bg-gray-700 text-white border border-gray-600 focus:border-[#ff6b35] focus:ring-1 focus:ring-[#ff6b35] outline-none", placeholder: "Enter your password", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-[#ff6b35] hover:bg-[#ff8655] text-white px-4 py-3 rounded-lg transition-colors disabled:opacity-50 flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 140, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 141, columnNumber: 21 }, __self: this }, "Signing in...")) : /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 144, columnNumber: 19 }, __self: this }, "Sign In"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }, "Don't have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "text-[#ff6b35] hover:text-[#ff8655] transition-colors", __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this }, "Sign up")))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center justify-center gap-2 text-gray-400 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 163, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, "Back to Home"))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-800 py-6", __source: { fileName: "", lineNumber: 173, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 174, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-500", __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, "© ", new Date().getFullYear(), " Southern Grace Kitchen. All rights reserved.")))); }