Function CompleteProfile

src/pages/CompleteProfile.jsx:7–247

()

import { useToast } from "../hooks/use-toast";

export default function CompleteProfile() {
    const [searchParams] = useSearchParams();
    const emailParam = searchParams.get('email') || '';

    const [loading, setLoading] = useState(false);
    const [formData, setFormData] = useState({
        email: emailParam,
        password: '', // We need password to authenticate the update
        legalName: '',
        address: {
            street: '',
            city: '',
            state: '',
            postalCode: '',
            country: ''
        }
    });

    const { toast } = useToast();

    const handleChange = (e) => {
        const { name, value } = e.target;
        if (name.includes('.')) {
            const [parent, child] = name.split('.');
            setFormData(prev => ({
                ...prev,
                [parent]: {
                    ...prev[parent],
                    [child]: value
                }
            }));
        } else {
            setFormData(prev => ({
                ...prev,
                [name]: value
            }));
        }
    };

    const handleSubmit = async (e) => {
        e.preventDefault();
        setLoading(true);

        try {
            // Validation
            if (!formData.legalName || !formData.address.street || !formData.address.city ||
                !formData.address.state || !formData.address.postalCode || !formData.address.country) {
                throw new Error("Please fill in all profile fields");
            }
            // Password validation: Not required if user is already authenticated via session
            // The backend will handle session-based authentication
            // if (!formData.password) {
            //     throw new Error("Please enter your password to confirm changes");
            // }

            const res = await subdomainAPI.post('/auth/email/complete-profile', formData);

            if (res.message) {