function MainComponent() { const [formData, setFormData] = useState({ email: "", password: "" }); const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [fetchingUserData, setFetchingUserData] = useState(false); const { signInWithCredentials } = useAuth(); const [callbackUrl, setCallbackUrl] = useState("/"); useEffect(()=>{ if (typeof window !== "undefined") { const urlParams = new URLSearchParams(window.location.search); const callback = urlParams.get("callbackUrl"); if (callback) { setCallbackUrl(callback); } } }, []); const handleChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); setError(null); }; const validateForm = ()=>{ if (!formData.email && !formData.password) { setError("Please enter your email and password"); return false; } if (!formData.email) { setError("Please enter your email"); return false; } if (!formData.password) { setError("Please enter your password"); return false; } const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailRegex.test(formData.email)) { setError("Please enter a valid email address"); return false; } return true; }; const handleSubmit = async (e)=>{ e.preventDefault(); if (!validateForm()) return; setLoading(true); setError(null); try { const signInResult = await signInWithCredentials({ email: formData.email, password: formData.password, callbackUrl, redirect: false }); if (signInResult.error) { throw new Error(signInResult.error); } setFetchingUserData(true); const response = await fetch("/api/check-user-status", { method: "POST" }); if (!response.ok) { throw new Error("Failed to fetch user data"); } const userData = await response.json(); if (userData.status === "success") { window.location.href = callbackUrl; } else { throw new Error(userData.message || "Failed to load user data"); } } catch (err) { const errorMessages = { OAuthSignin: "Sign-in failed. Please try again or use a different method.", OAuthCallback: "Sign-in failed after redirecting. Please try again.", OAuthCreateAccount: "This sign-in method isn't available. Please try another option.", EmailCreateAccount: "This email is already registered. Please sign in instead.", Callback: "Sign-in failed. Please try again.", OAuthAccountNotLinked: "Please use your original sign-in method for this account.", CredentialsSignin: "The email or password you entered is incorrect.", AccessDenied: "You don't have permission to sign in.", Configuration: "Sign-in is temporarily unavailable. Please try again later.", Verification: "This sign-in link has expired. Please request a new one.", Default: "Something went wrong. Please try again." }; const errorMessage = errorMessages[err.message] || err.message || errorMessages.Default; setError(errorMessage); console.error("Sign-in error:", err); } finally{ setLoading(false); setFetchingUserData(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-[#FFF8F0]", __source: { fileName: "", lineNumber: 114, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null), /*#__PURE__*/ React.createElement("main", { className: "flex-1 pt-16", __source: { fileName: "", lineNumber: 117, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-h-[600px] relative", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/hero-barkley.jpg", alt: "Barkley, a happy red-haired goldendoodle, playing in a flower field", className: "w-full h-full object-cover brightness-50", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-gradient-to-b from-black/80 via-black/70 to-black/80", __source: { fileName: "", lineNumber: 126, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/95 p-8 rounded-lg shadow-2xl max-w-md w-full mx-4", __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-3xl text-[#8B4513] text-center mb-6", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, "Welcome Back to Barkley's Pack!"), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 rounded-lg bg-red-50 p-4 flex items-start", __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-500 mt-1 mr-3", __source: { fileName: "", lineNumber: 134, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-red-700 font-roboto", __source: { fileName: "", lineNumber: 135, columnNumber: 19 }, __self: this }, error)), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 142, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-roboto text-gray-700 mb-1", __source: { fileName: "", lineNumber: 143, columnNumber: 19 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 149, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: formData.email, onChange: handleChange, className: "w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-[#2EC4B6] focus:border-[#2EC4B6] font-roboto pl-10", placeholder: "Enter your email", autoComplete: "email", __source: { fileName: "", lineNumber: 150, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope absolute left-3 top-1/2 -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 160, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-roboto text-gray-700 mb-1", __source: { fileName: "", lineNumber: 165, columnNumber: 19 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 171, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", value: formData.password, onChange: handleChange, className: "w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-[#2EC4B6] focus:border-[#2EC4B6] font-roboto pl-10", placeholder: "Enter your password", autoComplete: "current-password", __source: { fileName: "", lineNumber: 172, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock absolute left-3 top-1/2 -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 182, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading || fetchingUserData, className: "w-full bg-[#8B4513] text-white py-3 rounded-md font-roboto hover:bg-[#723A0F] transition-colors focus:outline-none focus:ring-2 focus:ring-[#2EC4B6] focus:ring-offset-2 disabled:opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this }, loading || fetchingUserData ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 193, columnNumber: 23 }, __self: this }), fetchingUserData ? "Loading user data..." : "Signing in...") : "Sign In")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 204, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 205, columnNumber: 17 }, __self: this }, "New to Barkley's Pack?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "text-[#2EC4B6] hover:text-[#2A9E94] font-semibold", __source: { fileName: "", lineNumber: 207, columnNumber: 19 }, __self: this }, "Join the Pack")))))))); }