function MainComponent() { const [error, setError] = React.useState(null); const [loading, setLoading] = React.useState(false); const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [showPassword, setShowPassword] = React.useState(false); const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!email || !password) { setError("Please fill in all fields"); setLoading(false); return; } try { console.log("=== SIGNIN ATTEMPT ==="); console.log("Email:", email); const response = await fetch("/api/auth/signin", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, password }) }); console.log("Response status:", response.status); console.log("Response ok:", response.ok); const data = await response.json(); console.log("Response data:", data); if (data.success) { console.log("Login successful", data.user); if (data.session?.sessionToken) { localStorage.setItem("sessionToken", data.session.sessionToken); localStorage.setItem("sessionExpires", data.session.expires); console.log("Session stored"); } console.log("Redirecting to dashboard..."); window.location.href = "/dashboard"; } else { console.log("Login failed:", data.error); setError(data.message || "Invalid email or password"); } } catch (error) { console.error("=== SIGNIN ERROR ==="); console.error("Error:", error); setError("An unexpected error occurred. Please try again."); } finally{ setLoading(false); } }; const handleGoogleSignIn = async ()=>{ window.location.href = "/api/auth/signin/google?callbackUrl=/dashboard"; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900 text-white", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "border-b border-gray-700 bg-gray-800 px-4 py-4 md:px-8", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto flex max-w-7xl items-center justify-between", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-xl font-bold text-white sm:text-2xl", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "AdAccounts", /*#__PURE__*/ React.createElement("span", { className: "text-blue-500", __source: { fileName: "", lineNumber: 72, columnNumber: 25 }, __self: this }, ".io"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/sign-up-fixed", className: "text-sm font-medium text-gray-300 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Don't have an account? Sign Up")))), /*#__PURE__*/ React.createElement("div", { className: "flex min-h-[calc(100vh-80px)] items-center justify-center px-4 py-12 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md space-y-8", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "Welcome back"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Sign in to your account to continue")), /*#__PURE__*/ React.createElement("div", { className: "rounded-xl bg-gray-800 p-8 shadow-xl border border-gray-700", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 rounded-lg bg-red-900/20 border border-red-800 p-4 text-red-400", __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 103, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this }, error))), /*#__PURE__*/ React.createElement("button", { onClick: handleGoogleSignIn, className: "w-full mb-6 flex items-center justify-center rounded-lg border border-gray-600 bg-white px-4 py-3 text-sm font-medium text-gray-900 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-800 transition-colors", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "mr-3 h-5 w-5", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z", __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("path", { fill: "#34A853", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z", __source: { fileName: "", lineNumber: 119, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this })), "Continue with Google"), /*#__PURE__*/ React.createElement("div", { className: "relative mb-6", __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full border-t border-gray-600", __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative flex justify-center text-sm", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-gray-800 px-2 text-gray-400", __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }, "Or continue with email"))), /*#__PURE__*/ React.createElement("form", { onSubmit: onSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-300 mb-2", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, "Email address"), /*#__PURE__*/ React.createElement("input", { id: "email", name: "email", type: "email", autoComplete: "email", required: true, value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full rounded-lg border border-gray-600 bg-gray-700 px-3 py-3 text-white placeholder-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-800 transition-colors", placeholder: "Enter your email", __source: { fileName: "", lineNumber: 157, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-300 mb-2", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "password", name: "password", type: showPassword ? "text" : "password", autoComplete: "current-password", required: true, value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full rounded-lg border border-gray-600 bg-gray-700 px-3 py-3 pr-10 text-white placeholder-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-800 transition-colors", placeholder: "Enter your password", __source: { fileName: "", lineNumber: 179, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowPassword(!showPassword), className: "absolute inset-y-0 right-0 flex items-center pr-3 text-gray-400 hover:text-gray-300 transition-colors", __source: { fileName: "", lineNumber: 190, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${showPassword ? "fa-eye-slash" : "fa-eye"}`, __source: { fileName: "", lineNumber: 195, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-end", __source: { fileName: "", lineNumber: 205, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-sm text-blue-500 hover:text-blue-400 transition-colors", __source: { fileName: "", lineNumber: 206, columnNumber: 17 }, __self: this }, "Forgot your password?")), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full rounded-lg bg-blue-600 px-4 py-3 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-gray-800 disabled:opacity-50 disabled:cursor-not-allowed transition-colors", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 221, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent", __source: { fileName: "", lineNumber: 222, columnNumber: 21 }, __self: this }), "Signing in...") : "Sign in"))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 233, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 234, columnNumber: 13 }, __self: this }, "Don't have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/sign-up-fixed", className: "font-medium text-blue-500 hover:text-blue-400 transition-colors", __source: { fileName: "", lineNumber: 236, columnNumber: 15 }, __self: this }, "Sign up here")))))); }