@clerk/[email protected]

Minor Changes

• Add support for GoogleOneTap. New APIs listed: (#3392) by @panteliselef

  React component

  • <GoogleOneTap/>

  Customize the UX of the prompt

  <GoogleOneTap
    cancelOnTapOutside={false}
    itpSupport={false}
    fedCmSupport={false}
  />

  Use the component from with Vanilla JS

  • Clerk.openGoogleOneTap(props: GoogleOneTapProps)
  • Clerk.closeGoogleOneTap()

  Low level APIs for custom flows

  • await Clerk.authenticateWithGoogleOneTap({ token: 'xxxx'})
  • await Clerk.handleGoogleOneTapCallback()

  We recommend using this two methods together in order and let Clerk to perform the correct redirections.

  google.accounts.id.initialize({
    callback: async response => {
      const signInOrUp = await Clerk.authenticateWithGoogleOneTap({ token: response.credential });
      await Clerk.handleGoogleOneTapCallback(signInOrUp, {
        signInForceRedirectUrl: window.location.href,
      });
    },
  });

  In case you want to handle the redirection and session management yourself you can do so like this

  google.accounts.id.initialize({
    callback: async response => {
      const signInOrUp = await Clerk.authenticateWithGoogleOneTap({ token: response.credential });
      if (signInOrUp.status === 'complete') {
        await Clerk.setActive({
          session: signInOrUp.createdSessionId,
        });
      }
    },
  });

Patch Changes

• Updated dependencies [d6a9b3f5d, 456b06849]:
  • @clerk/[email protected]
  • @clerk/[email protected]