function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const { data: user } = useUser(); const { signInWithCredentials } = useAuth(); // Redirect if already logged in useEffect(()=>{ if (user) { window.location.href = "/"; } }, [ user ]); const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!email || !password) { setError("Please fill in all fields"); setLoading(false); return; } try { await signInWithCredentials({ email, password, callbackUrl: "/", redirect: true }); } catch (err) { console.error("Signin error:", err); 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 or password. Try again or reset your password.", 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." }; setError(errorMessages[err.message] || "Something went wrong. Please try again."); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F5F5F0]", __source: { fileName: "", lineNumber: 63, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#2F5233] text-white p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-leaf text-[#F2D785] mr-2", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text text-xl", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Ecopedia"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/plant-identifier", className: "text-white hover:text-[#F2D785] transition-colors text-sm font-inter mr-4", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-camera mr-1", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }), " Plant Identifier"), /*#__PURE__*/ React.createElement("a", { href: "/discover", className: "text-white hover:text-[#F2D785] transition-colors text-sm font-inter mr-4", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "Discover"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "bg-[#F2D785] text-[#2F5233] px-3 py-1 rounded-lg text-sm font-inter hover:bg-[#E5C876] transition-colors", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "Sign Up"))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 93, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white rounded-lg shadow-md overflow-hidden", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2F5233] text-white p-6 text-center", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-3xl", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, "Welcome Back"), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-sm mt-2 text-gray-200", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, "Sign in to access your Ecopedia account")), /*#__PURE__*/ React.createElement("form", { onSubmit: onSubmit, className: "p-6 space-y-6", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 font-inter", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, "Email ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 105, columnNumber: 23 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-gray-400", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { required: true, type: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Enter your email", className: "w-full pl-10 pr-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#2F5233] font-inter", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 font-inter", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "Password ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 125, columnNumber: 26 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-gray-400", __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { required: true, type: "password", name: "password", value: password, onChange: (e)=>setPassword(e.target.value), placeholder: "Enter your password", className: "w-full pl-10 pr-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#2F5233] font-inter", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 145, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 146, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-sm", __source: { fileName: "", lineNumber: 147, columnNumber: 19 }, __self: this }, error))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-[#2F5233] text-white py-2 px-4 rounded-lg hover:bg-[#3A6340] transition-colors font-inter disabled:opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __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 mr-2", __source: { fileName: "", lineNumber: 159, columnNumber: 19 }, __self: this }), "Signing In...") : "Sign In"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 font-inter", __source: { fileName: "", lineNumber: 168, columnNumber: 15 }, __self: this }, "Don't have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "text-[#2F5233] hover:text-[#3A6340] font-semibold", __source: { fileName: "", lineNumber: 170, columnNumber: 17 }, __self: this }, "Sign Up"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-white rounded-lg shadow-md p-6 max-w-md mx-auto", __source: { fileName: "", lineNumber: 181, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-inter text-lg text-[#2F5233] mb-4", __source: { fileName: "", lineNumber: 182, columnNumber: 11 }, __self: this }, "Why Sign In?"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 font-inter text-gray-700", __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#2F5233] mt-1 mr-2", __source: { fileName: "", lineNumber: 187, columnNumber: 15 }, __self: this }), "Access your saved plants and gardening tips"), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#2F5233] mt-1 mr-2", __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }), "View your plant identification history"), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 194, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#2F5233] mt-1 mr-2", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }), "Get personalized plant care reminders"), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 198, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#2F5233] mt-1 mr-2", __source: { fileName: "", lineNumber: 199, columnNumber: 15 }, __self: this }), "Sync your garden planner across devices")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#2F5233] text-white py-8 mt-12", __source: { fileName: "", lineNumber: 206, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 207, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 208, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 md:mb-0", __source: { fileName: "", lineNumber: 209, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl mb-2", __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, "Ecopedia"), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-sm text-gray-300", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }, "Your AI-Powered Guide to Nature's Wisdom")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 md:gap-8", __source: { fileName: "", lineNumber: 215, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "font-inter text-sm text-gray-300 hover:text-[#F2D785] transition-colors", __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/plant-identifier", className: "font-inter text-sm text-gray-300 hover:text-[#F2D785] transition-colors", __source: { fileName: "", lineNumber: 222, columnNumber: 15 }, __self: this }, "Plant Identifier"), /*#__PURE__*/ React.createElement("a", { href: "/discover", className: "font-inter text-sm text-gray-300 hover:text-[#F2D785] transition-colors", __source: { fileName: "", lineNumber: 228, columnNumber: 15 }, __self: this }, "Discover"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "font-inter text-sm text-gray-300 hover:text-[#F2D785] transition-colors", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, "Sign Up"))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-700 mt-6 pt-6 text-center", __source: { fileName: "", lineNumber: 242, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-inter text-xs text-gray-400", __source: { fileName: "", lineNumber: 243, columnNumber: 13 }, __self: this }, "© 2025 Ecopedia. All rights reserved."))))); }