function LogoPersonalizado() { return /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { alt: "Bitcoin Logo", src: "https://ucarecdn.com/baf00154-9821-4606-a6ea-0f7ccc6f181f/-/format/auto/", className: "w-16 h-16", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, "BitShare")); } function LogoPersonalizadoStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(LogoPersonalizado, { __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function MainComponent() { const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [confirmPassword, setConfirmPassword] = React.useState(""); const [isLogin, setIsLogin] = React.useState(true); const [error, setError] = React.useState(""); const [successMessage, setSuccessMessage] = React.useState(""); const handleSubmit = async (e)=>{ e.preventDefault(); setError(""); setSuccessMessage(""); const endpoint = isLogin ? "/api/login-supabase" : "/api/signup-supabase"; const response = await fetch(endpoint, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email, password }) }); const data = await response.json(); if (data.error) { setError(data.error); return; } if (data.session) { localStorage.setItem("access_token", data.session.access_token); localStorage.setItem("refresh_token", data.session.refresh_token); localStorage.setItem("user_email", email); } if (isLogin) { window.location.href = "/dashboard"; } else { setSuccessMessage("Cadastro realizado com sucesso! Faça login para continuar."); setIsLogin(true); } }; const toggleForm = ()=>{ setIsLogin(!isLogin); setEmail(""); setPassword(""); setConfirmPassword(""); setError(""); setSuccessMessage(""); }; const isFormValid = ()=>{ return isLogin || password === confirmPassword && password.length > 0; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-10 rounded-lg shadow-lg w-[450px]", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-10", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-8", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(LogoPersonalizado, { __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto text-[#333]", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, isLogin ? "Login" : "Registro")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "text-red-600 text-sm", __source: { fileName: "", lineNumber: 66, columnNumber: 21 }, __self: this }, error), successMessage && /*#__PURE__*/ React.createElement("div", { className: "text-green-600 text-sm", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, successMessage), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full px-4 py-4 rounded-lg border border-[#ccc] focus:outline-none focus:ring-2 focus:ring-[#007bff]", required: true, __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Senha", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full px-4 py-4 rounded-lg border border-[#ccc] focus:outline-none focus:ring-2 focus:ring-[#007bff]", required: true, __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this })), !isLogin && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "confirmPassword", placeholder: "Confirme a Senha", value: confirmPassword, onChange: (e)=>setConfirmPassword(e.target.value), className: "w-full px-4 py-4 rounded-lg border border-[#ccc] focus:outline-none focus:ring-2 focus:ring-[#007bff]", required: true, __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }), password !== confirmPassword && /*#__PURE__*/ React.createElement("div", { className: "text-red-600 text-sm mt-1", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, "As senhas não conferem.")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#007bff] text-white font-semibold py-4 px-4 rounded-full hover:bg-[#0056b3] transition duration-200", disabled: !isFormValid(), __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, isLogin ? "Entrar" : "Registrar")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#555]", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, isLogin ? "Não tem uma conta?" : "Já tem uma conta?", " ", /*#__PURE__*/ React.createElement("span", { onClick: toggleForm, className: "text-[#007bff] cursor-pointer hover:underline", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, isLogin ? "Registre-se" : "Faça login"))))); }