@stytch/react 19.7.0 → 19.9.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @stytch/react
 
+## 19.9.0
+
+### Minor Changes
+
+- 2fc35e7: Export parseOAuthParams function for passing to OAuthAuthorize endpoints
+
+### Patch Changes
+
+- 2fc35e7: Add parseOAuthParams util function for parsing OAuth parameters
+
+## 19.8.0
+
+### Minor Changes
+
+- d27e450: feat: add device history support to all authentication methods
+
 ## 19.7.0
 
 ### Minor Changes

package/dist/b2b/index.d.ts

@@ -76,11 +76,19 @@ type B2BIDPConsentManifestGenerator = (input: {
     scopes: string[];
     clientName: string;
 }) => IDPConsentScreenManifest;
+type B2BAuthTokenParams = {
+    trustedAuthToken: string;
+    tokenProfileID: string;
+};
 type B2BIdentityProviderProps = Omit<StytchB2BProps, "config"> & {
     /**
      * Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.
      */
     getIDPConsentManifest?: B2BIDPConsentManifestGenerator;
+    /**
+     * Optional trusted auth token parameters to attest before the OAuth flow.
+     */
+    trustedAuthTokenParams?: B2BAuthTokenParams;
 };
 /**
  * The Stytch B2B UI component.
@@ -143,7 +151,7 @@ declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/
  *   }}
  * />
  */
-declare const B2BIdentityProvider: ({ styles, callbacks, getIDPConsentManifest }: B2BIdentityProviderProps) => React.JSX.Element;
+declare const B2BIdentityProvider: ({ styles, callbacks, getIDPConsentManifest, trustedAuthTokenParams }: B2BIdentityProviderProps) => React.JSX.Element;
 /**
  * The Stytch Client object passed in to <StytchB2BProvider /> in your application root.
  * Either a StytchB2BUIClient or StytchB2BHeadlessClient.
@@ -309,3 +317,5 @@ declare const StytchB2BProvider: <TProjectConfiguration extends Partial<import("
 export { useStytchB2BClient, withStytchB2BClient, withStytchPermissions } from "../StytchB2BContext-f7acf57f.js";
 export { StytchB2BProvider, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchMemberSession, withStytchMember, withStytchOrganization, StytchB2B, B2BIdentityProvider };
 export type { StytchB2BProviderProps, StytchB2BProps, B2BIdentityProviderProps };
+export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';
+export type { OAuthAuthorizeParams, OAuthLogoutParams } from '@stytch/vanilla-js';

package/dist/b2b/index.esm.d.ts

@@ -76,11 +76,19 @@ type B2BIDPConsentManifestGenerator = (input: {
     scopes: string[];
     clientName: string;
 }) => IDPConsentScreenManifest;
+type B2BAuthTokenParams = {
+    trustedAuthToken: string;
+    tokenProfileID: string;
+};
 type B2BIdentityProviderProps = Omit<StytchB2BProps, "config"> & {
     /**
      * Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.
      */
     getIDPConsentManifest?: B2BIDPConsentManifestGenerator;
+    /**
+     * Optional trusted auth token parameters to attest before the OAuth flow.
+     */
+    trustedAuthTokenParams?: B2BAuthTokenParams;
 };
 /**
  * The Stytch B2B UI component.
@@ -143,7 +151,7 @@ declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/
  *   }}
  * />
  */
-declare const B2BIdentityProvider: ({ styles, callbacks, getIDPConsentManifest }: B2BIdentityProviderProps) => React.JSX.Element;
+declare const B2BIdentityProvider: ({ styles, callbacks, getIDPConsentManifest, trustedAuthTokenParams }: B2BIdentityProviderProps) => React.JSX.Element;
 /**
  * The Stytch Client object passed in to <StytchB2BProvider /> in your application root.
  * Either a StytchB2BUIClient or StytchB2BHeadlessClient.
@@ -309,3 +317,5 @@ declare const StytchB2BProvider: <TProjectConfiguration extends Partial<import("
 export { useStytchB2BClient, withStytchB2BClient, withStytchPermissions } from "../StytchB2BContext-4afdf6a8.js";
 export { StytchB2BProvider, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchMemberSession, withStytchMember, withStytchOrganization, StytchB2B, B2BIdentityProvider };
 export type { StytchB2BProviderProps, StytchB2BProps, B2BIdentityProviderProps };
+export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';
+export type { OAuthAuthorizeParams, OAuthLogoutParams } from '@stytch/vanilla-js';

package/dist/b2b/index.esm.js

@@ -3,6 +3,7 @@ import { u as useIsMounted__INTERNAL, a as useStytchB2BClient, i as isUIClient,
 export { a as useStytchB2BClient, h as withStytchB2BClient, j as withStytchPermissions } from '../StytchB2BContext-4afdf6a8.js';
 import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-681e2138.js';
 import { a as noHeadlessClientError, n as noProviderError } from '../StytchSSRProxy-34c789b5.js';
+export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';
 
 /**
  * The Stytch B2B UI component.
@@ -89,7 +90,7 @@ const StytchB2B = ({ styles, callbacks, config, strings, }) => {
  *   }}
  * />
  */
-const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest }) => {
+const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest, trustedAuthTokenParams, }) => {
     invariant(useIsMounted__INTERNAL(), noProviderError('<IdentityProvider />'));
     const stytchClient = useStytchB2BClient();
     const { member } = useStytchMember$1();
@@ -110,8 +111,9 @@ const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest }) => {
             elementId: `#${containerEl.current.id}`,
             styles,
             getIDPConsentManifest,
+            trustedAuthTokenParams,
         });
-    }, [stytchClient, styles, callbacks, member, getIDPConsentManifest]);
+    }, [stytchClient, styles, callbacks, member, getIDPConsentManifest, trustedAuthTokenParams]);
     return React.createElement("div", { ref: containerEl });
 };
 

package/dist/b2b/index.js

@@ -6,6 +6,7 @@ var React = require('react');
 var StytchB2BContext = require('../StytchB2BContext-f7acf57f.js');
 var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-672e4b66.js');
 var StytchSSRProxy = require('../StytchSSRProxy-86bc42b3.js');
+var vanillaJs = require('@stytch/vanilla-js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -96,7 +97,7 @@ const StytchB2B = ({ styles, callbacks, config, strings, }) => {
  *   }}
  * />
  */
-const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest }) => {
+const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest, trustedAuthTokenParams, }) => {
     useIsomorphicLayoutEffect.invariant(StytchB2BContext.useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('<IdentityProvider />'));
     const stytchClient = StytchB2BContext.useStytchB2BClient();
     const { member } = StytchB2BContext.useStytchMember();
@@ -117,8 +118,9 @@ const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest }) => {
             elementId: `#${containerEl.current.id}`,
             styles,
             getIDPConsentManifest,
+            trustedAuthTokenParams,
         });
-    }, [stytchClient, styles, callbacks, member, getIDPConsentManifest]);
+    }, [stytchClient, styles, callbacks, member, getIDPConsentManifest, trustedAuthTokenParams]);
     return React__default["default"].createElement("div", { ref: containerEl });
 };
 
@@ -201,6 +203,14 @@ const StytchB2BProvider = ({ stytch, children, assumeHydrated = true, }) => {
 exports.useStytchB2BClient = StytchB2BContext.useStytchB2BClient;
 exports.withStytchB2BClient = StytchB2BContext.withStytchB2BClient;
 exports.withStytchPermissions = StytchB2BContext.withStytchPermissions;
+Object.defineProperty(exports, 'parseOAuthAuthorizeParams', {
+  enumerable: true,
+  get: function () { return vanillaJs.parseOAuthAuthorizeParams; }
+});
+Object.defineProperty(exports, 'parseOAuthLogoutParams', {
+  enumerable: true,
+  get: function () { return vanillaJs.parseOAuthLogoutParams; }
+});
 exports.B2BIdentityProvider = B2BIdentityProvider;
 exports.StytchB2B = StytchB2B;
 exports.StytchB2BProvider = StytchB2BProvider;

package/dist/index.d.ts

@@ -127,11 +127,25 @@ type IDPConsentScreenManifestGenerator = (input: {
     scopes: string[];
     clientName: string;
 }) => IDPConsentScreenManifest;
+type AuthTokenParams = {
+    /**
+     * The auth token to provide for attestation prior to running OAuth flow.
+     */
+    trustedAuthToken: string;
+    /**
+     * The profile ID of the token.
+     */
+    tokenProfileID: string;
+};
 type IdentityProviderProps = Omit<StytchProps, "config"> & {
     /**
      * Optional {@link IDPConsentScreenManifestGenerator} to customize the consent screen.
      */
     getIDPConsentManifest?: IDPConsentScreenManifestGenerator;
+    /**
+     * Optional {@link AuthTokenParams} to provide a trusted auth token to provide for attestation prior to running OAuth flow.
+     */
+    authTokenParams?: AuthTokenParams;
 };
 /**
  * The Stytch Reset Password component.
@@ -217,7 +231,7 @@ declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<
  *   }}
  * />
  */
-declare const IdentityProvider: ({ styles, callbacks, strings, getIDPConsentManifest }: IdentityProviderProps) => React.JSX.Element;
+declare const IdentityProvider: ({ styles, callbacks, strings, getIDPConsentManifest, authTokenParams }: IdentityProviderProps) => React.JSX.Element;
 /**
  * Returns the active User.
  * The Stytch SDKs are used for client-side authentication and session management.
@@ -343,3 +357,5 @@ interface StytchProviderProps$0<TProjectConfiguration extends StytchProjectConfi
 declare const StytchProvider$0: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children, assumeHydrated }: StytchProviderProps$0<TProjectConfiguration>) => JSX.Element;
 export { StytchLogin, StytchPasswordReset, StytchPasskeyRegistration, IdentityProvider, StytchProvider$0 as StytchProvider, useStytch, useStytchSession$0 as useStytchSession, useStytchUser$0 as useStytchUser, withStytch, withStytchSession$0 as withStytchSession, withStytchUser$0 as withStytchUser, useStytchIsAuthorized$0 as useStytchIsAuthorized, withStytchPermissions$0 as withStytchPermissions };
 export type { StytchProviderProps$0 as StytchProviderProps, StytchProps, StytchResetPasswordProps, IdentityProviderProps };
+export type { OAuthAuthorizeParams, OAuthLogoutParams } from '@stytch/vanilla-js';
+export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';

package/dist/index.esm.d.ts

@@ -127,11 +127,25 @@ type IDPConsentScreenManifestGenerator = (input: {
     scopes: string[];
     clientName: string;
 }) => IDPConsentScreenManifest;
+type AuthTokenParams = {
+    /**
+     * The auth token to provide for attestation prior to running OAuth flow.
+     */
+    trustedAuthToken: string;
+    /**
+     * The profile ID of the token.
+     */
+    tokenProfileID: string;
+};
 type IdentityProviderProps = Omit<StytchProps, "config"> & {
     /**
      * Optional {@link IDPConsentScreenManifestGenerator} to customize the consent screen.
      */
     getIDPConsentManifest?: IDPConsentScreenManifestGenerator;
+    /**
+     * Optional {@link AuthTokenParams} to provide a trusted auth token to provide for attestation prior to running OAuth flow.
+     */
+    authTokenParams?: AuthTokenParams;
 };
 /**
  * The Stytch Reset Password component.
@@ -217,7 +231,7 @@ declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<
  *   }}
  * />
  */
-declare const IdentityProvider: ({ styles, callbacks, strings, getIDPConsentManifest }: IdentityProviderProps) => React.JSX.Element;
+declare const IdentityProvider: ({ styles, callbacks, strings, getIDPConsentManifest, authTokenParams }: IdentityProviderProps) => React.JSX.Element;
 /**
  * Returns the active User.
  * The Stytch SDKs are used for client-side authentication and session management.
@@ -343,3 +357,5 @@ interface StytchProviderProps$0<TProjectConfiguration extends StytchProjectConfi
 declare const StytchProvider$0: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children, assumeHydrated }: StytchProviderProps$0<TProjectConfiguration>) => JSX.Element;
 export { StytchLogin, StytchPasswordReset, StytchPasskeyRegistration, IdentityProvider, StytchProvider$0 as StytchProvider, useStytch, useStytchSession$0 as useStytchSession, useStytchUser$0 as useStytchUser, withStytch, withStytchSession$0 as withStytchSession, withStytchUser$0 as withStytchUser, useStytchIsAuthorized$0 as useStytchIsAuthorized, withStytchPermissions$0 as withStytchPermissions };
 export type { StytchProviderProps$0 as StytchProviderProps, StytchProps, StytchResetPasswordProps, IdentityProviderProps };
+export type { OAuthAuthorizeParams, OAuthLogoutParams } from '@stytch/vanilla-js';
+export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';

package/dist/index.esm.js

@@ -1,6 +1,7 @@
 import React, { createContext, useContext, useEffect, useMemo, useCallback, useRef } from 'react';
 import { i as invariant, u as useAsyncState, m as mergeWithStableProps, a as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-681e2138.js';
 import { n as noProviderError, i as isStytchSSRProxy, p as providerMustBeUniqueError, a as noHeadlessClientError } from './StytchSSRProxy-34c789b5.js';
+export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';
 
 const initialUser = {
     user: null,
@@ -415,7 +416,7 @@ const StytchPasskeyRegistration = ({ config, styles, callbacks, strings, }) => {
  *   }}
  * />
  */
-const IdentityProvider = ({ styles, callbacks, strings, getIDPConsentManifest }) => {
+const IdentityProvider = ({ styles, callbacks, strings, getIDPConsentManifest, authTokenParams, }) => {
     invariant(useIsMounted__INTERNAL(), noProviderError('<IdentityProvider />'));
     const stytchClient = useStytch();
     const user = useStytchUser$1();
@@ -437,8 +438,9 @@ const IdentityProvider = ({ styles, callbacks, strings, getIDPConsentManifest })
             styles,
             strings,
             getIDPConsentManifest,
+            authTokenParams,
         });
-    }, [stytchClient, styles, callbacks, user, strings, getIDPConsentManifest]);
+    }, [stytchClient, styles, callbacks, user, strings, getIDPConsentManifest, authTokenParams]);
     return React.createElement("div", { ref: containerEl });
 };
 

package/dist/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect-672e4b66.js');
 var StytchSSRProxy = require('./StytchSSRProxy-86bc42b3.js');
+var vanillaJs = require('@stytch/vanilla-js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -423,7 +424,7 @@ const StytchPasskeyRegistration = ({ config, styles, callbacks, strings, }) => {
  *   }}
  * />
  */
-const IdentityProvider = ({ styles, callbacks, strings, getIDPConsentManifest }) => {
+const IdentityProvider = ({ styles, callbacks, strings, getIDPConsentManifest, authTokenParams, }) => {
     useIsomorphicLayoutEffect.invariant(useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('<IdentityProvider />'));
     const stytchClient = useStytch();
     const user = useStytchUser$1();
@@ -445,8 +446,9 @@ const IdentityProvider = ({ styles, callbacks, strings, getIDPConsentManifest })
             styles,
             strings,
             getIDPConsentManifest,
+            authTokenParams,
         });
-    }, [stytchClient, styles, callbacks, user, strings, getIDPConsentManifest]);
+    }, [stytchClient, styles, callbacks, user, strings, getIDPConsentManifest, authTokenParams]);
     return React__default["default"].createElement("div", { ref: containerEl });
 };
 
@@ -501,6 +503,14 @@ const StytchProvider = ({ stytch, children, assumeHydrated = true, }) => {
     return (React__default["default"].createElement(StytchProvider$1, { stytch: stytch, assumeHydrated: assumeHydrated }, children));
 };
 
+Object.defineProperty(exports, 'parseOAuthAuthorizeParams', {
+  enumerable: true,
+  get: function () { return vanillaJs.parseOAuthAuthorizeParams; }
+});
+Object.defineProperty(exports, 'parseOAuthLogoutParams', {
+  enumerable: true,
+  get: function () { return vanillaJs.parseOAuthLogoutParams; }
+});
 exports.IdentityProvider = IdentityProvider;
 exports.StytchLogin = StytchLogin;
 exports.StytchPasskeyRegistration = StytchPasskeyRegistration;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stytch/react",
-  "version": "19.7.0",
+  "version": "19.9.0",
   "description": "Stytch's official React Library",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -39,7 +39,7 @@
     "@stytch/internal-test-utils": "0.0.0",
     "@stytch/internal-tsconfigs": "0.0.0",
     "@stytch/js-utils": "0.0.1",
-    "@stytch/vanilla-js": "5.29.0",
+    "@stytch/vanilla-js": "5.33.0",
     "@testing-library/react": "14.0.0",
     "@types/jest": "29.5.14",
     "eslint-config-custom": "0.0.1",