function MainComponent() { const [formData, setFormData] = useState({ email: "", password: "" }); const [error, setError] = useState(""); const [toast, setToast] = useState(""); const [isCreatorLogin, setIsCreatorLogin] = useState(true); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = async (e)=>{ e.preventDefault(); setError(""); setToast(""); try { const database = isCreatorLogin ? "creators" : "business"; const tableName = isCreatorLogin ? "creators" : "brands"; const response = await fetch(`/api/db/${database}`, { method: "POST", body: JSON.stringify({ query: `SELECT * FROM \`${tableName}\` WHERE \`email\` = ? AND \`password\` = ? LIMIT 1`, values: [ formData.email, formData.password ] }) }); const checkEmail = await fetch(`/api/db/${database}`, { method: "POST", body: JSON.stringify({ query: `SELECT email FROM \`${tableName}\` WHERE \`email\` = ? LIMIT 1`, values: [ formData.email ] }) }); const emailExists = await checkEmail.json(); const user = await response.json(); if (emailExists.length === 0) { setToast("Email not found. Please sign up first."); setTimeout(()=>setToast(""), 3000); return; } if (user.length === 0) { setError("Invalid credentials"); return; } localStorage.setItem("creator_email", isCreatorLogin ? formData.email : ""); localStorage.setItem("brand_email", !isCreatorLogin ? formData.email : ""); window.location.href = isCreatorLogin ? "https://trycreatorconnect.com/creator-dashboard" : "https://trycreatorconnect.com/brand-settings"; } catch (error) { setError("Something went wrong. Please try again."); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white px-4 md:px-8", __source: { fileName: "", lineNumber: 70, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex flex-col md:flex-row justify-between items-center py-4 md:py-6 max-w-6xl mx-auto gap-4", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://trycreatorconnect.com", className: "font-bold text-2xl bg-[#00ff00] px-4 py-1 rounded-lg", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, "CreatorConnect"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 md:gap-8", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsCreatorLogin(true), className: `text-lg ${isCreatorLogin ? "underline font-bold" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "Creator Login"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsCreatorLogin(false), className: `text-lg ${!isCreatorLogin ? "underline font-bold" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "Brand Login"))), /*#__PURE__*/ React.createElement("main", { className: "relative max-w-6xl mx-auto py-8 md:py-12", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[90%] md:max-w-md mx-auto", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, isCreatorLogin ? "Creator Login" : "Brand Login"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4 md:space-y-6", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded-lg relative", __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, error), toast && /*#__PURE__*/ React.createElement("div", { className: "fixed top-4 right-4 bg-[#ff4d79] text-white px-6 py-3 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, toast), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", value: formData.email, onChange: handleChange, className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", value: formData.password, onChange: handleChange, className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-[#00ff00]", required: true, __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#00ff00] text-black font-bold py-3 px-4 md:px-8 rounded-full text-lg md:text-xl shadow-lg hover:opacity-90 transition-opacity", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, "Log In"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, "Don't have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: isCreatorLogin ? "https://trycreatorconnect.com/creator-onboard" : "https://trycreatorconnect.com/brand-onboard", className: "text-[#ff4d79] hover:underline font-bold", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, "Sign Up")))))); }