Trusted Auth Tokens - Stytch Docs

import { B2BIdentityProvider } from '@stytch/nextjs/b2b';

const trustedAuthTokenParams = {
  trustedAuthToken: 'eyJ...',
  tokenProfileID: 'token-profile-id',
};

const presentation = { theme: { 'font-family': 'Arial' } };

const IdentityProviderPage = () => {
  return <B2BIdentityProvider presentation={presentation} trustedAuthTokenParams={trustedAuthTokenParams} />;
};

export default IdentityProviderPage;

import { B2BIdentityProvider } from '@stytch/nextjs/b2b';

const trustedAuthTokenParams = {
  trustedAuthToken: 'eyJ...',
  tokenProfileID: 'token-profile-id',
};

const presentation = { theme: { 'font-family': 'Arial' } };

const IdentityProviderPage = () => {
  return <B2BIdentityProvider presentation={presentation} trustedAuthTokenParams={trustedAuthTokenParams} />;
};

export default IdentityProviderPage;

If your project is using Trusted Auth Tokens, they can be provided to the component as well. When trustedAuthTokenParams are supplied, the component will exchange the provided token for a session and automatically log the user in before starting the authorization flow. To see all authentication and customization options, see the UI configuration props.

⌘I