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 { signUpWithCredentials } = useAuth(); const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); if (!email || !password || !name) { setError("Please fill in all fields"); setLoading(false); return; } try { const result = await signUpWithCredentials({ email, password, metadata: { name, role: "creator" }, callbackUrl: "/creator-dashboard", redirect: false }); if (result.error) { throw new Error(result.error); } window.location.href = "/creator-dashboard"; } catch (err) { setError(err.message); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#121212] to-[#1A1A2E] flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "w-full max-w-md rounded-xl bg-[#ffffff05] backdrop-blur-lg border border-[#2DFFB3]/10 p-8", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-center text-3xl font-bold text-white font-space-grotesk", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Create Creator Account"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-300", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-[#2DFFB3]/10 bg-[#121212] px-4 py-3 focus-within:border-[#2DFFB3]", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "name", type: "text", value: name, onChange: (e)=>setName(e.target.value), placeholder: "Enter your full name", className: "w-full bg-transparent text-lg outline-none text-white", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-300", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-[#2DFFB3]/10 bg-[#121212] px-4 py-3 focus-within:border-[#2DFFB3]", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "email", type: "email", value: email, onChange: (e)=>setEmail(e.target.value), placeholder: "Enter your email", className: "w-full bg-transparent text-lg outline-none text-white", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-300", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-[#2DFFB3]/10 bg-[#121212] px-4 py-3 focus-within:border-[#2DFFB3]", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "password", type: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full rounded-lg bg-transparent text-lg outline-none text-white", placeholder: "Enter your password", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-red-500/10 p-3 text-sm text-red-500", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full rounded-lg px-4 py-3 text-base font-medium text-black transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 bg-[#2DFFB3] hover:bg-[#2DFFB3]/80 focus:ring-[#2DFFB3]", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, loading ? "Loading..." : "Create Creator Account"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-400", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, "Already have a creator account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin?type=creator", className: "text-[#2DFFB3] hover:text-[#2DFFB3]/80", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, "Sign in")), /*#__PURE__*/ React.createElement("div", { className: "text-center text-sm text-gray-400", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, "Are you a brand?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/brand/signup", className: "text-[#2DFFB3] hover:text-[#2DFFB3]/80", __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, "Create a brand account"))))); }