Function Signup

src/pages/Signup.jsx:27–359

()

};

export default function Signup() {
    const navigate = useNavigate();
    const [searchParams] = useSearchParams();
    const message = searchParams.get('message');
    const [name, setName] = useState("");
    const [email, setEmail] = useState("");
    const [password, setPassword] = useState("");
    const [username, setUsername] = useState("");
    const [legalName, setLegalName] = useState("");
    const [address, setAddress] = useState({
        street: "",
        city: "",
        state: "",
        postalCode: "",
        country: ""
    });
    const [usernameAvailable, setUsernameAvailable] = useState(null);
    const [usernameChecking, setUsernameChecking] = useState(false);
    const [usernameError, setUsernameError] = useState("");
    const [emailError, setEmailError] = useState("");
    const [agreedToTerms, setAgreedToTerms] = useState(false);
    const [showPassword, setShowPassword] = useState(false);
    const [captchaToken, setCaptchaToken] = useState(import.meta.env.DEV ? "dev-bypass" : null);
    const [isLoading, setIsLoading] = useState(false);
    const [isSuccess, setIsSuccess] = useState(false);
    const { toast } = useToast();

    useEffect(() => {
        if (message === 'github_closed') {
            toast({
                title: "GitHub Signups Closed",
                description: "New accounts must use Email/Password. Existing GitHub users can still login.",
            });
        }
    }, [message, toast]);

    // Debounced username availability check
    useEffect(() => {
        if (!username) {
            setUsernameAvailable(null);
            setUsernameError("");
            return;
        }

        // Validate format first
        const usernameRegex = /^[a-zA-Z0-9_-]{3,20}$/;
        if (!usernameRegex.test(username)) {
            setUsernameAvailable(false);
            setUsernameError("Username must be 3-20 characters (letters, numbers, _, -)");
            return;
        }

        setUsernameChecking(true);
        setUsernameError("");

        const timeoutId = setTimeout(async () => {
            try {
                const response = await subdomainAPI.post('/auth/email/check-username', { username });