Function OAuthCallback

frontend/src/pages/OAuthCallback.tsx:14–188

()

}

export default function OAuthCallback() {
    const { t } = useTranslation();
    const navigate = useNavigate();
    const { provider = '' } = useParams();
    const setAuth = useAuthStore((s) => s.setAuth);
    const [error, setError] = useState('');
    const [tenants, setTenants] = useState<TenantChoice[] | null>(null);
    const [pendingToken, setPendingToken] = useState('');
    const [loading, setLoading] = useState(false);

    useEffect(() => {
        if (tenants) return; // Already showing selection UI

        const code = new URLSearchParams(window.location.search).get('code');
        const state = new URLSearchParams(window.location.search).get('state') || '';
        const oauthError = new URLSearchParams(window.location.search).get('error');

        if (oauthError) {
            setError(oauthError);
            return;
        }
        if (!provider || !code) {
            setError(t('oauth.missingParams'));
            return;
        }

        fetchJson<any>(`/auth/${provider}/callback`, {
            method: 'POST',
            body: JSON.stringify({
                code,
                state,
                redirect_uri: `${window.location.origin}/oauth/callback/${provider}`,
            }),
        })
            .then((res) => {
                // Step 1 result: multi-tenant selection needed
                if (res.requires_tenant_selection) {
                    setTenants(res.tenants);
                    setPendingToken(res.pending_token);
                    return;
                }
                // Normal single-tenant login
                setAuth(res.user, res.access_token);
                if (res.needs_company_setup || !res.user?.tenant_id) {
                    navigate('/setup-company', { replace: true });
                    return;
                }
                navigate('/', { replace: true });
            })
            .catch((err: any) => {
                setError(err.message || t('oauth.oauthLoginFailed'));
            });
    }, [navigate, provider, setAuth, t, tenants]);

    const handleTenantSelect = async (tenantId: string) => {
        setLoading(true);
        setError('');
        try {