function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [name, setName] = useState(""); const [userType, setUserType] = useState("member"); const [companyName, setCompanyName] = useState(""); const [siret, setSiret] = useState(""); const [phone, setPhone] = useState(""); const [address, setAddress] = useState(""); const { signUpWithCredentials } = useAuth(); const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!email || !password || !name) { setError("Veuillez remplir tous les champs obligatoires"); setLoading(false); return; } if (userType === "professional" && (!companyName || !siret || !phone || !address)) { setError("Veuillez remplir tous les champs pour un compte professionnel"); setLoading(false); return; } try { await signUpWithCredentials({ email, password, name, userType, companyName, siret, phone, address, callbackUrl: "/", redirect: true }); } catch (err) { console.error("Erreur d'inscription:", err); setError(err.message || "Une erreur est survenue lors de l'inscription"); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen w-full items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-50 p-4", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: onSubmit, className: "w-full max-w-md rounded-2xl bg-white p-8 shadow-xl", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-center text-3xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Créer un compte"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Type de compte"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", value: "member", checked: userType === "member", onChange: (e)=>setUserType(e.target.value), className: "mr-2", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }), "Membre"), /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", value: "professional", checked: userType === "professional", onChange: (e)=>setUserType(e.target.value), className: "mr-2", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }), "Professionnel"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Nom complet"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#357AFF] focus-within:ring-1 focus-within:ring-[#357AFF]", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "name", type: "text", value: name, onChange: (e)=>setName(e.target.value), placeholder: "Votre nom complet", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#357AFF] focus-within:ring-1 focus-within:ring-[#357AFF]", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "email", type: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Entrez votre email", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, "Mot de passe"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#357AFF] focus-within:ring-1 focus-within:ring-[#357AFF]", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "password", type: "password", value: password, onChange: (e)=>setPassword(e.target.value), placeholder: "Choisissez un mot de passe", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }))), userType === "professional" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this }, "Nom de l'entreprise"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#357AFF] focus-within:ring-1 focus-within:ring-[#357AFF]", __source: { fileName: "", lineNumber: 150, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "companyName", type: "text", value: companyName, onChange: (e)=>setCompanyName(e.target.value), placeholder: "Nom de votre entreprise", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 151, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, "SIRET"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#357AFF] focus-within:ring-1 focus-within:ring-[#357AFF]", __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "siret", type: "text", value: siret, onChange: (e)=>setSiret(e.target.value), placeholder: "Numéro SIRET", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 168, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 180, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this }, "Téléphone"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#357AFF] focus-within:ring-1 focus-within:ring-[#357AFF]", __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "phone", type: "tel", value: phone, onChange: (e)=>setPhone(e.target.value), placeholder: "Numéro de téléphone", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 185, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 198, columnNumber: 17 }, __self: this }, "Adresse"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#357AFF] focus-within:ring-1 focus-within:ring-[#357AFF]", __source: { fileName: "", lineNumber: 201, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "address", type: "text", value: address, onChange: (e)=>setAddress(e.target.value), placeholder: "Adresse complète", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this })))), error && /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-red-50 p-3 text-sm text-red-500", __source: { fileName: "", lineNumber: 217, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full rounded-lg bg-[#357AFF] px-4 py-3 text-base font-medium text-white transition-colors hover:bg-[#2E69DE] focus:outline-none focus:ring-2 focus:ring-[#357AFF] focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 222, columnNumber: 11 }, __self: this }, loading ? "Inscription en cours..." : "S'inscrire"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 230, columnNumber: 11 }, __self: this }, "Déjà un compte ?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#357AFF] hover:text-[#2E69DE]", __source: { fileName: "", lineNumber: 232, columnNumber: 13 }, __self: this }, "Se connecter"))))); }