function MainComponent() { const [formData, setFormData] = useState({ email: "", password: "", firstName: "", lastName: "", phone: "", userType: "client" }); const [error, setError] = useState(null); const [success, setSuccess] = useState(false); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); setError(null); }; const handleSubmit = async (e)=>{ e.preventDefault(); setError(null); try { const response = await fetch("/api/signup", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const data = await response.json(); if (data.error) { setError(data.error); return; } setSuccess(true); // Redirect to appropriate dashboard after successful signup let redirectUrl = "/"; if (formData.userType === "admin") { redirectUrl = "/admin/dashboard"; } else if (formData.userType === "client") { redirectUrl = "/client/dashboard"; } else if (formData.userType === "caregiver") { redirectUrl = "/caregiver/dashboard"; } window.location.href = redirectUrl; } catch (err) { console.error(err); setError("Failed to create account. Please try again."); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8 font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "mx-auto h-12 w-auto", src: "https://ucarecdn.com/f99cfdd2-1a75-4342-9b7d-71e3528cdba6/-/format/auto/", alt: "Hayaat Home Care", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "mt-6 text-center text-3xl font-extrabold text-gray-900", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "Create your account")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "mb-4 bg-red-50 border-l-4 border-red-400 p-4", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 76, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-400", __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-3", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-red-700", __source: { fileName: "", lineNumber: 80, columnNumber: 19 }, __self: this }, error)))), success && /*#__PURE__*/ React.createElement("div", { className: "mb-4 bg-green-50 border-l-4 border-green-400 p-4", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-400", __source: { fileName: "", lineNumber: 90, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-3", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-green-700", __source: { fileName: "", lineNumber: 93, columnNumber: 19 }, __self: this }, "Account created successfully! Redirecting...")))), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, "I am a:"), /*#__PURE__*/ React.createElement("select", { name: "userType", value: formData.userType, onChange: handleChange, className: "mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-[#4BA7B7] focus:border-[#4BA7B7] sm:text-sm rounded-md", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "client", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this }, "Client seeking care"), /*#__PURE__*/ React.createElement("option", { value: "caregiver", __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }, "Caregiver"), /*#__PURE__*/ React.createElement("option", { value: "admin", __source: { fileName: "", lineNumber: 114, columnNumber: 17 }, __self: this }, "Admin"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, "First Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "firstName", value: formData.firstName, onChange: handleChange, required: true, className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-[#4BA7B7] focus:border-[#4BA7B7] sm:text-sm", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, "Last Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "lastName", value: formData.lastName, onChange: handleChange, required: true, className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-[#4BA7B7] focus:border-[#4BA7B7] sm:text-sm", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, "Email address"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, required: true, className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-[#4BA7B7] focus:border-[#4BA7B7] sm:text-sm", __source: { fileName: "", lineNumber: 150, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 160, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", value: formData.phone, onChange: handleChange, required: true, className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-[#4BA7B7] focus:border-[#4BA7B7] sm:text-sm", __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 174, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 175, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: formData.password, onChange: handleChange, required: true, className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-[#4BA7B7] focus:border-[#4BA7B7] sm:text-sm", __source: { fileName: "", lineNumber: 178, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 188, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-[#4BA7B7] hover:bg-[#3A8A99] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#4BA7B7]", __source: { fileName: "", lineNumber: 189, columnNumber: 15 }, __self: this }, "Sign up"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 198, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 199, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center", __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full border-t border-gray-300", __source: { fileName: "", lineNumber: 201, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative flex justify-center text-sm", __source: { fileName: "", lineNumber: 203, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "px-2 bg-white text-gray-500", __source: { fileName: "", lineNumber: 204, columnNumber: 17 }, __self: this }, "Already have an account?"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 210, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-[#4BA7B7] bg-gray-50 hover:bg-gray-100", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }, "Sign in")))))); }