function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [formData, setFormData] = useState({ email: "", password: "", fullName: "", role: "patient" }); const { signUpWithCredentials, signInWithGoogle } = useAuth(); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); const { email, password, fullName, role } = formData; if (!email || !password || !fullName) { setError("Please fill in all required fields"); setLoading(false); return; } try { await signUpWithCredentials({ email, password, fullName, role, callbackUrl: "/", redirect: true }); } catch (err) { const errorMessages = { EmailCreateAccount: "This email is already registered. Please try signing in instead.", default: "Something went wrong. Please try again." }; setError(errorMessages[err.message] || errorMessages.default); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F8FAFC] flex flex-col", __source: { fileName: "", lineNumber: 56, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "w-full bg-white shadow-sm py-4", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/b206925f-b142-47b5-86d7-6e0cd1c1821e/-/format/auto/", alt: "Yetti Healthcare Logo", className: "h-10", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[440px] bg-white rounded-2xl p-8 shadow-lg", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#0F172A] mb-2", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Create an account"), /*#__PURE__*/ React.createElement("p", { className: "text-[#64748B]", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Start your 30-day free trial.")), /*#__PURE__*/ React.createElement("form", { onSubmit: onSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#0F172A] mb-2", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", value: formData.fullName, onChange: handleInputChange, className: "w-full px-4 py-3 rounded-lg border border-[#E2E8F0] focus:border-[#357AFF] focus:ring-1 focus:ring-[#357AFF] outline-none transition", placeholder: "Enter your full name", required: true, __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#0F172A] mb-2", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleInputChange, className: "w-full px-4 py-3 rounded-lg border border-[#E2E8F0] focus:border-[#357AFF] focus:ring-1 focus:ring-[#357AFF] outline-none transition", placeholder: "Enter your email", required: true, __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#0F172A] mb-2", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: formData.password, onChange: handleInputChange, className: "w-full px-4 py-3 rounded-lg border border-[#E2E8F0] focus:border-[#357AFF] focus:ring-1 focus:ring-[#357AFF] outline-none transition", placeholder: "Create a password", required: true, __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#0F172A] mb-2", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, "I am a:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setFormData((prev)=>({ ...prev, role: "patient" })), className: `px-4 py-3 rounded-lg border ${formData.role === "patient" ? "border-[#357AFF] bg-blue-50 text-[#357AFF]" : "border-[#E2E8F0] text-[#64748B]"} transition-colors`, __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this }, "Patient"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setFormData((prev)=>({ ...prev, role: "provider" })), className: `px-4 py-3 rounded-lg border ${formData.role === "provider" ? "border-[#357AFF] bg-blue-50 text-[#357AFF]" : "border-[#E2E8F0] text-[#64748B]"} transition-colors`, __source: { fileName: "", lineNumber: 142, columnNumber: 17 }, __self: this }, "Provider"))), error && /*#__PURE__*/ React.createElement("div", { className: "p-4 rounded-lg bg-red-50 text-red-500 text-sm", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-[#357AFF] text-white rounded-lg px-4 py-3 font-medium hover:bg-[#2E69DE] transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }, loading ? "Creating account..." : "Get started"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 172, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center", __source: { fileName: "", lineNumber: 173, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full border-t border-[#E2E8F0]", __source: { fileName: "", lineNumber: 174, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative flex justify-center text-sm", __source: { fileName: "", lineNumber: 176, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "px-2 bg-white text-[#64748B]", __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }, "Or continue with"))), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>signInWithGoogle({ callbackUrl: "/", redirect: true }), className: "w-full flex items-center justify-center gap-3 px-4 py-3 rounded-lg border border-[#E2E8F0] text-[#0F172A] hover:bg-gray-50 transition-colors", __source: { fileName: "", lineNumber: 183, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google", __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }, "Google")), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-[#64748B]", __source: { fileName: "", lineNumber: 194, columnNumber: 13 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#357AFF] hover:text-[#2E69DE]", __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, "Sign in")))))); }