function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [name, setName] = useState(""); const { data: user } = useUser(); const { signUpWithCredentials } = 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 required fields"); setLoading(false); return; } try { await signUpWithCredentials({ email, password, name, callbackUrl: "/", redirect: true }); } catch (err) { console.error("Signup error:", err); 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 email or password. 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." }; 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: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#2F5233] text-white p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-leaf text-[#F2D785] mr-2", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text text-xl", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "Ecopedia"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 73, 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: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-camera mr-1", __source: { fileName: "", lineNumber: 78, 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: 80, columnNumber: 11 }, __self: this }, "Discover"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "bg-[#F2D785] text-[#2F5233] px-3 py-1 rounded-lg text-sm font-inter hover:bg-[#E5C876] transition-colors", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "Sign In"))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 95, 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: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2F5233] text-white p-6 text-center", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-3xl", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "Create Your Account"), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-sm mt-2 text-gray-200", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "Join Ecopedia to save your favorite plants and gardening tips")), /*#__PURE__*/ React.createElement("form", { onSubmit: onSubmit, className: "p-6 space-y-6", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 font-inter", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, "Name (Optional)"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 109, 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: 110, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-gray-400", __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: name, onChange: (e)=>setName(e.target.value), placeholder: "Enter your name", 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: 113, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 font-inter", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, "Email ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 126, columnNumber: 23 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 128, 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: 129, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-gray-400", __source: { fileName: "", lineNumber: 130, 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: 132, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 font-inter", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, "Password ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 146, columnNumber: 26 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 148, 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: 149, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock text-gray-400", __source: { fileName: "", lineNumber: 150, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { required: true, type: "password", name: "password", value: password, onChange: (e)=>setPassword(e.target.value), placeholder: "Create a 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: 152, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 font-inter", __source: { fileName: "", lineNumber: 162, columnNumber: 15 }, __self: this }, "Password should be at least 8 characters")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded", __source: { fileName: "", lineNumber: 168, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 169, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 170, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-sm", __source: { fileName: "", lineNumber: 171, 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: 176, 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: 183, columnNumber: 19 }, __self: this }), "Creating Account...") : "Sign Up"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 font-inter", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#2F5233] hover:text-[#3A6340] font-semibold", __source: { fileName: "", lineNumber: 194, columnNumber: 17 }, __self: this }, "Sign In"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-white rounded-lg shadow-md p-6 max-w-md mx-auto", __source: { fileName: "", lineNumber: 205, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-inter text-lg text-[#2F5233] mb-4", __source: { fileName: "", lineNumber: 206, columnNumber: 11 }, __self: this }, "Benefits of Creating an Account"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 font-inter text-gray-700", __source: { fileName: "", lineNumber: 209, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 210, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#2F5233] mt-1 mr-2", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }), "Save your favorite plants and gardening tips"), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#2F5233] mt-1 mr-2", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }), "Track your plant identification history"), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#2F5233] mt-1 mr-2", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }), "Create your personalized garden planner"), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 222, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#2F5233] mt-1 mr-2", __source: { fileName: "", lineNumber: 223, columnNumber: 15 }, __self: this }), "Get customized plant care recommendations")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#2F5233] text-white py-8 mt-12", __source: { fileName: "", lineNumber: 230, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 231, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6 md:mb-0", __source: { fileName: "", lineNumber: 233, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-xl mb-2", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, "Ecopedia"), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-sm text-gray-300", __source: { fileName: "", lineNumber: 235, 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: 239, 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: 240, 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: 246, 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: 252, columnNumber: 15 }, __self: this }, "Discover"), /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "font-inter text-sm text-gray-300 hover:text-[#F2D785] transition-colors", __source: { fileName: "", lineNumber: 258, columnNumber: 15 }, __self: this }, "Sign In"))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-700 mt-6 pt-6 text-center", __source: { fileName: "", lineNumber: 266, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-inter text-xs text-gray-400", __source: { fileName: "", lineNumber: 267, columnNumber: 13 }, __self: this }, "© 2025 Ecopedia. All rights reserved."))))); }