function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [accountNumber, setAccountNumber] = useState(""); const [password, setPassword] = useState(""); const { signInWithCredentials } = useAuth(); const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!accountNumber || !password) { setError("Please fill in all fields"); setLoading(false); return; } try { await signInWithCredentials({ email: accountNumber, password, callbackUrl: "/dashboard", redirect: true }); } catch (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 account number 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 account number 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: "flex min-h-screen w-full items-center justify-center", style: { background: "linear-gradient(135deg, #0A2F2A 0%, #1A3B36 100%)" }, __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "inline-block hover:opacity-80 transition-opacity", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 mx-auto mb-4 bg-gradient-to-br from-emerald-400 to-teal-500 rounded-2xl flex items-center justify-center", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-white rounded-lg", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-white", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "Brent MoorTrust Bank"), /*#__PURE__*/ React.createElement("p", { className: "text-teal-200 text-sm mt-2", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Secure Banking Portal"))), /*#__PURE__*/ React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "rounded-2xl bg-white/10 backdrop-blur-lg border border-white/20 p-8 shadow-2xl", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-8 text-center text-3xl font-bold text-white", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "Welcome Back"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-teal-100", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, "Account Number"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-white/30 bg-white/10 px-4 py-3 focus-within:border-emerald-400 focus-within:ring-2 focus-within:ring-emerald-400/50", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "accountNumber", type: "text", value: accountNumber, onChange: (e)=>setAccountNumber(e.target.value), placeholder: "Enter your account number", className: "w-full bg-transparent text-lg text-white placeholder-teal-200 outline-none", __source: { fileName: "", lineNumber: 96, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-teal-100", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-white/30 bg-white/10 px-4 py-3 focus-within:border-emerald-400 focus-within:ring-2 focus-within:ring-emerald-400/50", __source: { fileName: "", lineNumber: 111, 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 rounded-lg bg-transparent text-lg text-white placeholder-teal-200 outline-none", placeholder: "Enter your password", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-red-500/20 border border-red-400/30 p-3 text-sm text-red-200", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full rounded-lg bg-gradient-to-r from-emerald-500 to-teal-600 px-4 py-3 text-base font-medium text-white transition-all hover:from-emerald-400 hover:to-teal-500 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-emerald-400 focus:ring-offset-2 focus:ring-offset-transparent disabled:opacity-50", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, loading ? "Signing In..." : "Sign In"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-teal-200", __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, "Don't have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/admin/customers?openModal=true", className: "text-emerald-300 hover:text-emerald-200 font-medium", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Sign up")))))); }