function MainComponent() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [confirmPassword, setConfirmPassword] = useState(""); const [error, setError] = useState(""); const [loading, setLoading] = useState(false); const { signUpWithCredentials } = useAuth(); const handleSubmit = async (e)=>{ e.preventDefault(); // Basic validation if (!email || !password || !confirmPassword) { setError("All fields are required"); return; } if (password !== confirmPassword) { setError("Passwords do not match"); return; } if (password.length < 8) { setError("Password must be at least 8 characters"); return; } setLoading(true); setError(""); try { const result = await signUpWithCredentials({ email, password, redirect: true, callbackUrl: "/dashboard" }); // The redirect should happen automatically, but just in case: if (!result?.error) { window.location.href = "/dashboard"; } else { throw new Error(result.error); } } catch (error) { console.error("Sign up error:", error); setError("Failed to create account. Please try again."); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-gray-800 rounded-lg shadow-xl p-8", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/1f5fa54c-a6f9-45c9-8aef-32c7e8edee96/-/format/auto/", alt: "Southern Grace Kitchen Logo", className: "h-16 mx-auto mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Create Your Account"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mt-2", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Join Southern Grace Kitchen and start cooking")), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 bg-red-900/30 border border-red-500 text-white p-4 rounded-lg", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, error)), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-300 mb-2", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Email"), /*#__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: "your.email@example.com", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-300 mb-2", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "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: "••••••••", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "confirmPassword", className: "block text-sm font-medium text-gray-300 mb-2", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, "Confirm Password"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "confirmPassword", value: confirmPassword, onChange: (e)=>setConfirmPassword(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: "••••••••", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-[#ff6b35] hover:bg-[#ff8655] text-white font-medium py-3 rounded-lg transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin mr-2", __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this }, "Creating Account...")) : "Create Account"), /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-4", __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#ff6b35] hover:text-[#ff8655]", __source: { fileName: "", lineNumber: 143, columnNumber: 15 }, __self: this }, "Sign in")), /*#__PURE__*/ React.createElement("div", { className: "pt-4 border-t border-gray-700", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-xs", __source: { fileName: "", lineNumber: 152, columnNumber: 15 }, __self: this }, "By creating an account, you agree to our", " ", /*#__PURE__*/ React.createElement("a", { href: "/terms-of-service", className: "text-[#ff6b35] hover:text-[#ff8655]", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, "Terms of Service"), " ", "and", " ", /*#__PURE__*/ React.createElement("a", { href: "/privacy-policy", className: "text-[#ff6b35] hover:text-[#ff8655]", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, "Privacy Policy"))))))); }