function MainComponent() { const [formData, setFormData] = React.useState({ fullName: "", email: "", password: "", confirmPassword: "" }); const [error, setError] = React.useState(""); const [loading, setLoading] = React.useState(false); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); setError(""); }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(""); if (formData.password !== formData.confirmPassword) { setError("Passwords do not match"); setLoading(false); return; } try { const emailCheckResponse = await fetch(`/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(formData.email)}`); const emailData = await emailCheckResponse.json(); if (emailData.status !== "deliverable") { setError("Please enter a valid email address"); setLoading(false); return; } const checkExistingUser = await fetch("/api/db/borrower-database-82", { method: "POST", body: JSON.stringify({ query: "SELECT email FROM `users` WHERE `email` = ?", values: [ formData.email ] }) }); const existingUser = await checkExistingUser.json(); if (existingUser.length > 0) { setError("Account already exists. Please sign in."); setLoading(false); return; } await fetch("/api/db/borrower-database-82", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `users` (full_name, email, password) VALUES (?, ?, ?)", values: [ formData.fullName, formData.email, formData.password ] }) }); setFormData({ fullName: "", email: "", password: "", confirmPassword: "" }); } catch (err) { setError("Something went wrong. Please try again."); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f9fa] flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 81, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 w-full max-w-md", __source: { fileName: "", lineNumber: 82, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-poppins text-[#2d3748] mb-2", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "BookShare"), /*#__PURE__*/ React.createElement("p", { className: "text-[#718096] font-inter", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "Share your favorite books with others")), error && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-3 bg-red-100 text-red-700 rounded-lg font-inter", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", value: formData.fullName, onChange: handleChange, placeholder: "Full Name", className: "w-full px-4 py-3 rounded-lg border border-[#e2e8f0] focus:outline-none focus:border-[#4299e1] font-inter", required: true, __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, placeholder: "Email Address", className: "w-full px-4 py-3 rounded-lg border border-[#e2e8f0] focus:outline-none focus:border-[#4299e1] font-inter", required: true, __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: formData.password, onChange: handleChange, placeholder: "Password", className: "w-full px-4 py-3 rounded-lg border border-[#e2e8f0] focus:outline-none focus:border-[#4299e1] font-inter", required: true, __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", name: "confirmPassword", value: formData.confirmPassword, onChange: handleChange, placeholder: "Confirm Password", className: "w-full px-4 py-3 rounded-lg border border-[#e2e8f0] focus:outline-none focus:border-[#4299e1] font-inter", required: true, __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-[#4299e1] text-white font-semibold py-3 rounded-lg hover:bg-[#3182ce] transition-colors font-inter disabled:opacity-50", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, loading ? "Signing up..." : "Sign Up")), /*#__PURE__*/ React.createElement("p", { className: "text-center mt-6 text-[#718096] font-inter", __source: { fileName: "", lineNumber: 156, columnNumber: 9 }, __self: this }, "Already have an account?", /*#__PURE__*/ React.createElement("span", { className: "text-[#4299e1] ml-1 cursor-pointer hover:underline", __source: { fileName: "", lineNumber: 158, columnNumber: 11 }, __self: this }, "Sign In")))); }