Callback

1// Social/SSO callback page — mount at EXACTLY `/callback` (the URL you allow-list on the OAuth app;
2// it must match SocialButtons' callbackUri character-for-character). The provider redirects the whole
3// page back here with `#code`/`#state` in the hash; completeSocialLogin() verifies state, exchanges
4// the code for member tokens, and logs the member in on the shared client. Then refresh the session
5// and send them to `returnTo`. Styled with base44 design tokens (shadcn Tailwind classes).
6import { useEffect, useState } from "react";
7import { completeSocialLogin } from "@/rest/wix-members-auth";
8import { useMember } from "@/context/MemberContext";
9
10export default function Callback() {
11  const { refresh } = useMember();
12  const [error, setError] = useState(null);
13
14  useEffect(() => {
15    let cancelled = false;
16    completeSocialLogin()
17      .then(async ({ returnTo }) => {
18        await refresh();
19        if (!cancelled) window.location.replace(returnTo || "/");
20      })
21      .catch((e) => { if (!cancelled) setError(e.message || "Login failed."); });
22    return () => { cancelled = true; };
23  }, [refresh]);
24
25  return (
26    <main className="p-12 text-center text-muted-foreground">
27      {error
28        ? <p className="text-destructive" role="alert">{error} <a href="/login" className="text-primary">Try again</a></p>
29        : <p>Signing you in…</p>}
30    </main>
31  );
32}