function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [oauthLoading, setOauthLoading] = useState(false); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [name, setName] = useState(""); const [callbackUrl, setCallbackUrl] = useState("/"); const { signUpWithCredentials, signInWithApple } = useAuth(); useEffect(()=>{ if (typeof window === "undefined") { return; } try { const params = new URLSearchParams(window.location.search); const cb = params.get("callbackUrl"); const err = params.get("error"); if (cb && typeof cb === "string") { setCallbackUrl(cb); } if (err && typeof err === "string") { const errorMessages = { OAuthSignin: "Couldn't start sign-up. Please try again or use a different method.", OAuthCallback: "Sign-up failed after redirecting. Please try again.", OAuthCreateAccount: "Couldn't create an account with this sign-up option. Try another one.", EmailCreateAccount: "This email can't be used. It may already be registered.", Callback: "Something went wrong during sign-up. Please try again.", OAuthAccountNotLinked: "This account is linked to a different sign-in method. Try using that instead.", CredentialsSignin: "Invalid sign-up details. If you already have an account, try signing in instead.", AccessDenied: "You don't have permission to sign up.", Configuration: "Sign-up isn't working right now. Please try again later.", Verification: "Your sign-up link has expired. Request a new one.", Default: "Sign-up failed. Please try again." }; setError(errorMessages[err] || errorMessages.Default); } } catch { // no-op } }, []); const onApple = async ()=>{ try { setError(null); setOauthLoading(true); await signInWithApple({ callbackUrl, redirect: true }); } catch (err) { console.error("Apple sign-in error:", err); setError("Couldn't start Apple sign-in. Please try again."); setOauthLoading(false); } }; const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!email || !password || !name) { setError("Please fill in all fields"); setLoading(false); return; } if (password.length < 6) { setError("Password must be at least 6 characters long"); setLoading(false); return; } try { // See signin page for why we use redirect=false here. const result = await signUpWithCredentials({ email, password, name, callbackUrl, redirect: false }); if (result?.error) { setError("This sign-up failed. If you already have an account, try signing in."); setLoading(false); return; } if (typeof window !== "undefined") { const nextUrl = result?.url || callbackUrl || "/"; window.location.assign(nextUrl); } } catch (err) { console.error("Sign-up error:", err); setError("Something went wrong during sign-up. Please try again."); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#F7F5F3] via-[#E8D5B7] to-[#9CAF88] flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 120, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "bg-white rounded-3xl p-8 shadow-2xl border border-[#E8D5B7]", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 128, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 bg-gradient-to-r from-[#9CAF88] to-[#E8D5B7] rounded-2xl mx-auto mb-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-2xl font-bold", __source: { fileName: "", lineNumber: 130, columnNumber: 15 }, __self: this }, "S")), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#4A4A4A] mb-2", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, "Create Account"), /*#__PURE__*/ React.createElement("p", { className: "text-[#8A8A8A] text-sm", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, "Create your account with email and password")), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: onApple, disabled: oauthLoading || loading, className: "w-full bg-[#111111] text-white py-3 px-4 rounded-xl font-semibold transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, oauthLoading ? "Opening Apple Sign In..." : "Continue with Apple"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 153, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-px flex-1 bg-[#E8D5B7]", __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#8A8A8A]", __source: { fileName: "", lineNumber: 155, columnNumber: 15 }, __self: this }, "or"), /*#__PURE__*/ React.createElement("div", { className: "h-px flex-1 bg-[#E8D5B7]", __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 160, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#4A4A4A]", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "name", type: "text", value: name, onChange: (e)=>setName(e.target.value), placeholder: "Enter your full name", className: "w-full px-4 py-3 border border-[#E8D5B7] rounded-xl bg-[#F7F5F3] focus:outline-none focus:ring-2 focus:ring-[#9CAF88] focus:border-transparent text-[#4A4A4A] placeholder-[#A8A8A8]", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 178, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#4A4A4A]", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "email", type: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Enter your email", className: "w-full px-4 py-3 border border-[#E8D5B7] rounded-xl bg-[#F7F5F3] focus:outline-none focus:ring-2 focus:ring-[#9CAF88] focus:border-transparent text-[#4A4A4A] placeholder-[#A8A8A8]", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 196, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#4A4A4A]", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "password", type: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full px-4 py-3 border border-[#E8D5B7] rounded-xl bg-[#F7F5F3] focus:outline-none focus:ring-2 focus:ring-[#9CAF88] focus:border-transparent text-[#4A4A4A] placeholder-[#A8A8A8]", placeholder: "Create a password (min 6 characters)", __source: { fileName: "", lineNumber: 201, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-[#8A8A8A] mt-1", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }, "Must be at least 6 characters long")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 rounded-xl p-3 text-sm text-red-600", __source: { fileName: "", lineNumber: 218, columnNumber: 15 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading || oauthLoading, className: "w-full bg-gradient-to-r from-[#9CAF88] to-[#8B9A78] text-white py-3 px-4 rounded-xl font-semibold hover:from-[#8B9A78] hover:to-[#7A8967] transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 224, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 230, columnNumber: 17 }, __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: 231, columnNumber: 19 }, __self: this }), "Creating account...") : "Create Account"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-[#8A8A8A]", __source: { fileName: "", lineNumber: 240, columnNumber: 13 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: `/account/signin${typeof window !== "undefined" ? window.location.search : ""}`, className: "font-semibold text-[#9CAF88] hover:text-[#8B9A78] transition-colors", __source: { fileName: "", lineNumber: 242, columnNumber: 15 }, __self: this }, "Sign in")))))); }