function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", password: "", whatsapp: "" }); const [error, setError] = useState(""); const [loading, setLoading] = useState(false); const [success, setSuccess] = useState(false); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = async (e)=>{ e.preventDefault(); setError(""); setLoading(true); if (!formData.name || !formData.email || !formData.password || !formData.whatsapp) { setError("All fields are required"); setLoading(false); return; } if (formData.password.length < 6) { setError("Password must be at least 6 characters"); setLoading(false); return; } try { const response = await fetch("/api/db/signup-users", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `users` WHERE `email` = ?", values: [ formData.email ] }) }); const existingUser = await response.json(); if (existingUser.length > 0) { setError("Email already exists"); setLoading(false); return; } const createResponse = await fetch("/api/db/signup-users", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `users` (name, email, password, whatsapp, is_paid, created_at) VALUES (?, ?, ?, ?, ?, ?)", values: [ formData.name, formData.email, formData.password, formData.whatsapp, false, new Date().toISOString() ] }) }); if (!createResponse.ok) { throw new Error("Failed to create user"); } setSuccess(true); } catch (err) { setError(err.message || "Failed to create account"); } setLoading(false); }; if (success) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center px-4", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full bg-white rounded-lg shadow-lg p-8 text-center", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-roboto text-green-600 mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "✅ Account created!"), /*#__PURE__*/ React.createElement("a", { href: "/signin", className: "text-blue-500 hover:text-blue-700 font-roboto", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "Sign in now"))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center px-4", __source: { fileName: "", lineNumber: 98, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full bg-white rounded-lg shadow-lg p-8", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto text-center mb-8", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, "Create Account"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm font-roboto text-center bg-red-50 p-2 rounded", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Full Name", value: formData.name, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", value: formData.email, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", value: formData.password, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 144, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "tel", name: "whatsapp", placeholder: "WhatsApp Number", value: formData.whatsapp, onChange: handleChange, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 145, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-blue-500 text-white font-roboto py-2 px-4 rounded-md hover:bg-blue-600 transition duration-200 disabled:opacity-50", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, loading ? "Creating Account..." : "Sign Up")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 164, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, "Already have an account?", " "), /*#__PURE__*/ React.createElement("a", { href: "/signin", className: "text-blue-500 hover:text-blue-700 font-roboto", __source: { fileName: "", lineNumber: 168, columnNumber: 11 }, __self: this }, "Sign in")))); }