function normalizePhone(raw) { if (typeof raw !== "string") return null; const trimmed = raw.trim(); if (!trimmed) return null; const cleaned = trimmed.replace(/[^0-9+]/g, ""); if (!cleaned) return null; if (cleaned.length < 6 || cleaned.length > 20) return null; return cleaned; } function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [oauthLoading, setOauthLoading] = useState(false); // Allow email OR phone number here. const [identifier, setIdentifier] = useState(""); const [password, setPassword] = useState(""); const [callbackUrl, setCallbackUrl] = useState("/"); const { signInWithCredentials, 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 auth redirected back here with an error, show it. if (err && typeof err === "string") { const errorMessages = { OAuthSignin: "Couldn't start sign-in. Please try again or use a different method.", OAuthCallback: "Sign-in failed after redirecting. Please try again.", OAuthCreateAccount: "Couldn't create an account with this sign-in method. Try another option.", EmailCreateAccount: "This email can't be used to create an account. It may already exist.", Callback: "Something went wrong during sign-in. Please try again.", OAuthAccountNotLinked: "This account is linked to a different sign-in method. Try using that instead.", CredentialsSignin: "Incorrect email/phone or password. Try again.", AccessDenied: "You don't have permission to sign in.", Configuration: "Sign-in isn't working right now. Please try again later.", Verification: "Your sign-in link has expired. Request a new one.", Default: "Sign-in 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 (!identifier || !password) { setError("Please fill in all fields"); setLoading(false); return; } try { const rawId = identifier.trim(); let emailToUse = null; if (rawId.includes("@")) { emailToUse = rawId; } else { // Phone-number login (with password). We map phone -> email. const normalizedPhone = normalizePhone(rawId); if (!normalizedPhone) { setError("Incorrect email/phone or password. Try again."); setLoading(false); return; } const resp = await fetch("/api/users/lookup-by-phone", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ phone_number: normalizedPhone }) }); // Even on errors, this endpoint returns { email: null }. const data = await resp.json().catch(()=>null); emailToUse = data?.email || null; if (!emailToUse) { setError("Incorrect email/phone or password. Try again."); setLoading(false); return; } } // IMPORTANT: we use redirect=false so this page can show real errors // instead of looking like a loop back to itself. const result = await signInWithCredentials({ email: emailToUse, password, callbackUrl, redirect: false }); if (result?.error) { setError("Incorrect email/phone or password. Try again."); setLoading(false); return; } if (typeof window !== "undefined") { const nextUrl = result?.url || callbackUrl || "/"; window.location.assign(nextUrl); } } catch (err) { console.error("Sign-in error:", err); setError("Something went wrong during sign-in. 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: 154, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 155, 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: 156, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 162, 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: 163, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-2xl font-bold", __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }, "S")), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#4A4A4A] mb-2", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, "Welcome Back"), /*#__PURE__*/ React.createElement("p", { className: "text-[#8A8A8A] text-sm", __source: { fileName: "", lineNumber: 169, columnNumber: 13 }, __self: this }, "Sign in with your email or phone number")), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 174, 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: 176, 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: 187, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-px flex-1 bg-[#E8D5B7]", __source: { fileName: "", lineNumber: 188, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-[#8A8A8A]", __source: { fileName: "", lineNumber: 189, columnNumber: 15 }, __self: this }, "or"), /*#__PURE__*/ React.createElement("div", { className: "h-px flex-1 bg-[#E8D5B7]", __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 194, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#4A4A4A]", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }, "Email or phone"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "identifier", type: "text", value: identifier, onChange: (e)=>setIdentifier(e.target.value), placeholder: "Enter your email or phone", 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]", autoCapitalize: "none", __source: { fileName: "", lineNumber: 199, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 213, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#4A4A4A]", __source: { fileName: "", lineNumber: 214, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 217, 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: "Enter your password", __source: { fileName: "", lineNumber: 218, columnNumber: 17 }, __self: this }))), 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: 232, 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: 238, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 244, 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: 245, columnNumber: 19 }, __self: this }), "Signing in...") : "Sign In"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-[#8A8A8A]", __source: { fileName: "", lineNumber: 254, columnNumber: 13 }, __self: this }, "Don't have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: `/account/signup${typeof window !== "undefined" ? window.location.search : ""}`, className: "font-semibold text-[#9CAF88] hover:text-[#8B9A78] transition-colors", __source: { fileName: "", lineNumber: 256, columnNumber: 15 }, __self: this }, "Sign up")))))); }