function MainComponent() { const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [step, setStep] = useState(1); // Basic user info const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [firstName, setFirstName] = useState(""); const [lastName, setLastName] = useState(""); const [phone, setPhone] = useState(""); const [zipCode, setZipCode] = useState(""); const [userType, setUserType] = useState("client"); // Freelancer specific info const [availableServices, setAvailableServices] = useState([]); const [selectedServices, setSelectedServices] = useState([]); const [providesOwnTools, setProvidesOwnTools] = useState(false); const [bio, setBio] = useState(""); const [availability, setAvailability] = useState({ monday: { selected: false, startTime: "09:00", endTime: "17:00" }, tuesday: { selected: false, startTime: "09:00", endTime: "17:00" }, wednesday: { selected: false, startTime: "09:00", endTime: "17:00" }, thursday: { selected: false, startTime: "09:00", endTime: "17:00" }, friday: { selected: false, startTime: "09:00", endTime: "17:00" }, saturday: { selected: false, startTime: "09:00", endTime: "17:00" }, sunday: { selected: false, startTime: "09:00", endTime: "17:00" } }); const { signUpWithCredentials } = useAuth(); // Fetch available services when component mounts useEffect(()=>{ const fetchServices = async ()=>{ try { const response = await fetch("/api/get-available-services", { method: "POST" }); if (!response.ok) { throw new Error(`Failed to fetch services: ${response.status}`); } const data = await response.json(); if (data.services) { setAvailableServices(data.services); } } catch (err) { console.error("Error fetching services:", err); } }; fetchServices(); }, []); const validateBasicInfo = ()=>{ if (!email || !password || !firstName || !lastName || !zipCode) { setError("Please fill in all required fields"); return false; } if (zipCode !== "90056" && zipCode !== "90008") { setError("Sorry, we currently only serve ZIP codes 90056 and 90008"); return false; } return true; }; const validateFreelancerInfo = ()=>{ if (selectedServices.length === 0) { setError("Please select at least one service you can provide"); return false; } const hasAvailability = Object.values(availability).some((day)=>day.selected); if (!hasAvailability) { setError("Please select at least one day when you're available"); return false; } return true; }; const handleNextStep = ()=>{ if (step === 1) { if (validateBasicInfo()) { setError(null); setStep(2); } } }; const handlePreviousStep = ()=>{ setStep(step - 1); setError(null); }; const toggleService = (serviceId)=>{ if (selectedServices.includes(serviceId)) { setSelectedServices(selectedServices.filter((id)=>id !== serviceId)); } else { setSelectedServices([ ...selectedServices, serviceId ]); } }; const toggleAvailabilityDay = (day)=>{ setAvailability({ ...availability, [day]: { ...availability[day], selected: !availability[day].selected } }); }; const handleTimeChange = (day, field, value)=>{ setAvailability({ ...availability, [day]: { ...availability[day], [field]: value } }); }; const formatAvailabilityForSubmission = ()=>{ const dayMapping = { sunday: 0, monday: 1, tuesday: 2, wednesday: 3, thursday: 4, friday: 5, saturday: 6 }; return Object.entries(availability).filter(([_, value])=>value.selected).map(([day, value])=>({ dayOfWeek: dayMapping[day], startTime: value.startTime, endTime: value.endTime })); }; const onSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); // For freelancers, validate the second step if (userType === "freelancer" && !validateFreelancerInfo()) { setLoading(false); return; } try { // First sign up with credentials const authResult = await signUpWithCredentials({ email, password, redirect: false }); if (authResult?.error) { throw new Error(authResult.error); } // Prepare data for user creation const userData = { email, userType, firstName, lastName, phone, zipCode }; // Add freelancer specific data if applicable if (userType === "freelancer") { userData.providesOwnTools = providesOwnTools; userData.selectedServices = selectedServices; userData.availability = formatAvailabilityForSubmission(); userData.bio = bio; } // Create the user profile const createUserResponse = await fetch("/api/create-user", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(userData) }); if (!createUserResponse.ok) { const errorData = await createUserResponse.json(); throw new Error(errorData.error || `Failed to create user profile: ${createUserResponse.status}`); } // Link the auth user with the application user const linkUserResponse = await fetch("/api/link-auth-user", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email }) }); if (!linkUserResponse.ok) { const errorData = await linkUserResponse.json(); console.error("Warning: Failed to link user accounts:", errorData.error); // Continue anyway since the user was created } // Redirect to the appropriate dashboard window.location.href = userType === "client" ? "/client/dashboard" : "/freelancer/dashboard"; } catch (err) { const errorMessages = { OAuthSignin: "Couldn't start sign-up. Please try again or use a different method.", OAuthCallback: "Sign-up failed after redirecting. Please try again.", OAuthCreateAccount: "Couldn't create an account with this sign-up option. Try another one.", EmailCreateAccount: "This email can't be used. It may already be registered.", Callback: "Something went wrong during sign-up. Please try again.", OAuthAccountNotLinked: "This account is linked to a different sign-in method. Try using that instead.", CredentialsSignin: "Invalid email or password. If you already have an account, try signing in instead.", AccessDenied: "You don't have permission to sign up.", Configuration: "Sign-up isn't working right now. Please try again later.", Verification: "Your sign-up link has expired. Request a new one." }; setError(errorMessages[err.message] || err.message || "Something went wrong. Please try again."); setLoading(false); } }; // Step 1: Basic Information Form const renderBasicInfoForm = ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 262, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 263, columnNumber: 9 }, __self: this }, "I want to join as a:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 266, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setUserType("client"), className: `rounded-lg border px-4 py-3 text-center transition ${userType === "client" ? "border-[#38B2AC] bg-[#38B2AC] text-white" : "border-gray-200 bg-white text-gray-700 hover:border-[#38B2AC]"}`, __source: { fileName: "", lineNumber: 267, columnNumber: 11 }, __self: this }, "Client"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setUserType("freelancer"), className: `rounded-lg border px-4 py-3 text-center transition ${userType === "freelancer" ? "border-[#38B2AC] bg-[#38B2AC] text-white" : "border-gray-200 bg-white text-gray-700 hover:border-[#38B2AC]"}`, __source: { fileName: "", lineNumber: 278, columnNumber: 11 }, __self: this }, "Freelancer"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 292, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 293, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 294, columnNumber: 11 }, __self: this }, "First Name *"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#38B2AC] focus-within:ring-1 focus-within:ring-[#38B2AC]", __source: { fileName: "", lineNumber: 297, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "firstName", type: "text", value: firstName, onChange: (e)=>setFirstName(e.target.value), placeholder: "First name", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 298, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 309, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 310, columnNumber: 11 }, __self: this }, "Last Name *"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#38B2AC] focus-within:ring-1 focus-within:ring-[#38B2AC]", __source: { fileName: "", lineNumber: 313, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "lastName", type: "text", value: lastName, onChange: (e)=>setLastName(e.target.value), placeholder: "Last name", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 314, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 327, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 328, columnNumber: 9 }, __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-[#38B2AC] focus-within:ring-1 focus-within:ring-[#38B2AC]", __source: { fileName: "", lineNumber: 331, columnNumber: 9 }, __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", __source: { fileName: "", lineNumber: 332, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 344, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 345, columnNumber: 9 }, __self: this }, "Password *"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#38B2AC] focus-within:ring-1 focus-within:ring-[#38B2AC]", __source: { fileName: "", lineNumber: 348, columnNumber: 9 }, __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", placeholder: "Enter your password", __source: { fileName: "", lineNumber: 349, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 361, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 362, columnNumber: 9 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#38B2AC] focus-within:ring-1 focus-within:ring-[#38B2AC]", __source: { fileName: "", lineNumber: 365, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "phone", type: "tel", value: phone, onChange: (e)=>setPhone(e.target.value), placeholder: "(123) 456-7890", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 366, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 377, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 378, columnNumber: 9 }, __self: this }, "ZIP Code *"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#38B2AC] focus-within:ring-1 focus-within:ring-[#38B2AC]", __source: { fileName: "", lineNumber: 381, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { required: true, name: "zipCode", type: "text", value: zipCode, onChange: (e)=>setZipCode(e.target.value), placeholder: "90056 or 90008", className: "w-full bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 382, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 392, columnNumber: 9 }, __self: this }, "We currently serve Windsor Hills (90056) and Ladera Heights (90008)")), userType === "client" ? /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full rounded-lg bg-[#38B2AC] px-4 py-3 text-base font-medium text-white transition-colors hover:bg-[#319795] focus:outline-none focus:ring-2 focus:ring-[#38B2AC] focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 398, columnNumber: 9 }, __self: this }, loading ? "Loading..." : "Sign Up") : /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleNextStep, className: "w-full rounded-lg bg-[#38B2AC] px-4 py-3 text-base font-medium text-white transition-colors hover:bg-[#319795] focus:outline-none focus:ring-2 focus:ring-[#38B2AC] focus:ring-offset-2", __source: { fileName: "", lineNumber: 406, columnNumber: 9 }, __self: this }, "Continue")); // Step 2: Freelancer Specific Information Form const renderFreelancerInfoForm = ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 420, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handlePreviousStep, className: "flex items-center text-[#38B2AC] hover:underline", __source: { fileName: "", lineNumber: 421, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 426, columnNumber: 11 }, __self: this }), " Back to Basic Information")), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 430, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 431, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 432, columnNumber: 11 }, __self: this }, "Select services you can provide *"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", __source: { fileName: "", lineNumber: 435, columnNumber: 11 }, __self: this }, availableServices.map((service)=>/*#__PURE__*/ React.createElement("div", { key: service.id, onClick: ()=>toggleService(service.id), className: `cursor-pointer rounded-lg border p-4 transition ${selectedServices.includes(service.id) ? "border-[#38B2AC] bg-teal-50" : "border-gray-200 hover:border-gray-300"}`, __source: { fileName: "", lineNumber: 437, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 446, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `mr-3 flex h-5 w-5 items-center justify-center rounded-full border ${selectedServices.includes(service.id) ? "border-[#38B2AC] bg-[#38B2AC] text-white" : "border-gray-300"}`, __source: { fileName: "", lineNumber: 447, columnNumber: 19 }, __self: this }, selectedServices.includes(service.id) && /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-xs", __source: { fileName: "", lineNumber: 455, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 458, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-medium text-gray-800", __source: { fileName: "", lineNumber: 459, columnNumber: 21 }, __self: this }, service.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 462, columnNumber: 21 }, __self: this }, service.description))))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 472, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 473, columnNumber: 11 }, __self: this }, "Do you provide your own tools?"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 476, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setProvidesOwnTools(true), className: `rounded-lg border px-4 py-2 transition ${providesOwnTools ? "border-[#38B2AC] bg-teal-50 text-[#38B2AC]" : "border-gray-200 text-gray-700 hover:border-gray-300"}`, __source: { fileName: "", lineNumber: 477, columnNumber: 13 }, __self: this }, "Yes"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setProvidesOwnTools(false), className: `rounded-lg border px-4 py-2 transition ${!providesOwnTools ? "border-[#38B2AC] bg-teal-50 text-[#38B2AC]" : "border-gray-200 text-gray-700 hover:border-gray-300"}`, __source: { fileName: "", lineNumber: 488, columnNumber: 13 }, __self: this }, "No"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 502, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 503, columnNumber: 11 }, __self: this }, "Weekly Availability *"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 506, columnNumber: 11 }, __self: this }, Object.entries(availability).map(([day, value])=>/*#__PURE__*/ React.createElement("div", { key: day, className: "rounded-lg border border-gray-200 p-4", __source: { fileName: "", lineNumber: 508, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 509, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 510, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: `day-${day}`, checked: value.selected, onChange: ()=>toggleAvailabilityDay(day), className: "h-4 w-4 rounded border-gray-300 text-[#38B2AC] focus:ring-[#38B2AC]", __source: { fileName: "", lineNumber: 511, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: `day-${day}`, className: "ml-2 text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 518, columnNumber: 21 }, __self: this }, day.charAt(0).toUpperCase() + day.slice(1))), value.selected && /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 526, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: value.startTime, onChange: (e)=>handleTimeChange(day, "startTime", e.target.value), className: "rounded-md border border-gray-300 px-3 py-1 text-sm", __source: { fileName: "", lineNumber: 527, columnNumber: 23 }, __self: this }, Array.from({ length: 24 }).map((_, i)=>/*#__PURE__*/ React.createElement("option", { key: `start-${i}`, value: `${i.toString().padStart(2, "0")}:00`, __source: { fileName: "", lineNumber: 535, columnNumber: 27 }, __self: this }, i === 0 ? "12:00 AM" : i < 12 ? `${i}:00 AM` : i === 12 ? "12:00 PM" : `${i - 12}:00 PM`))), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 549, columnNumber: 23 }, __self: this }, "to"), /*#__PURE__*/ React.createElement("select", { value: value.endTime, onChange: (e)=>handleTimeChange(day, "endTime", e.target.value), className: "rounded-md border border-gray-300 px-3 py-1 text-sm", __source: { fileName: "", lineNumber: 550, columnNumber: 23 }, __self: this }, Array.from({ length: 24 }).map((_, i)=>/*#__PURE__*/ React.createElement("option", { key: `end-${i}`, value: `${i.toString().padStart(2, "0")}:00`, __source: { fileName: "", lineNumber: 558, columnNumber: 27 }, __self: this }, i === 0 ? "12:00 AM" : i < 12 ? `${i}:00 AM` : i === 12 ? "12:00 PM" : `${i - 12}:00 PM`))))))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 580, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 581, columnNumber: 11 }, __self: this }, "Bio (Optional)"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-white px-4 py-3 focus-within:border-[#38B2AC] focus-within:ring-1 focus-within:ring-[#38B2AC]", __source: { fileName: "", lineNumber: 584, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "bio", value: bio, onChange: (e)=>setBio(e.target.value), placeholder: "Tell clients a bit about yourself and your experience...", className: "h-24 w-full resize-none bg-transparent text-lg outline-none", __source: { fileName: "", lineNumber: 585, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full rounded-lg bg-[#38B2AC] px-4 py-3 text-base font-medium text-white transition-colors hover:bg-[#319795] focus:outline-none focus:ring-2 focus:ring-[#38B2AC] focus:ring-offset-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 595, columnNumber: 9 }, __self: this }, loading ? "Loading..." : "Sign Up as Freelancer"))); return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen w-full items-center justify-center bg-gradient-to-br from-teal-50 to-teal-100 p-4", __source: { fileName: "", lineNumber: 607, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "w-full max-w-md rounded-2xl bg-white p-8 shadow-xl", __source: { fileName: "", lineNumber: 608, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-8 text-center text-3xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 613, columnNumber: 9 }, __self: this }, "Create Account"), error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 rounded-lg bg-red-50 p-3 text-sm text-red-500", __source: { fileName: "", lineNumber: 618, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 623, columnNumber: 9 }, __self: this }, step === 1 && renderBasicInfoForm(), step === 2 && renderFreelancerInfoForm(), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 627, columnNumber: 11 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-[#38B2AC] hover:text-[#319795]", __source: { fileName: "", lineNumber: 629, columnNumber: 13 }, __self: this }, "Sign in"))))); }