@stytch/nextjs 21.7.0 → 21.9.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @stytch/nextjs
 
+## 21.9.0
+
+### Minor Changes
+
+- 2fc35e7: Export parseOAuthParams function for passing to OAuthAuthorize endpoints
+
+## 21.8.0
+
+### Minor Changes
+
+- d27e450: feat: add device history support to all authentication methods
+
 ## 21.7.0
 
 ### Minor Changes

package/dist/b2b/index.d.ts

@@ -73,11 +73,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.
@@ -140,7 +148,9 @@ 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;
 export { StytchB2BProvider, useStytchB2BClient, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchB2BClient, withStytchMemberSession, withStytchMember, withStytchOrganization, withStytchPermissions } from "../StytchB2BContext-f7acf57f.js";
 export { StytchB2B, B2BIdentityProvider };
 export type { StytchB2BProviderProps } from "../StytchB2BContext-f7acf57f.js";
+export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';
+export type { OAuthAuthorizeParams, OAuthLogoutParams } from '@stytch/vanilla-js';

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

@@ -73,11 +73,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.
@@ -140,7 +148,9 @@ 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;
 export { StytchB2BProvider, useStytchB2BClient, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchB2BClient, withStytchMemberSession, withStytchMember, withStytchOrganization, withStytchPermissions } from "../StytchB2BContext-1cabb03b.js";
 export { StytchB2B, B2BIdentityProvider };
 export type { StytchB2BProviderProps } from "../StytchB2BContext-1cabb03b.js";
+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 @@ export { S as StytchB2BProvider, a as useStytchB2BClient, d as useStytchIsAuthor
 import React, { useRef } from 'react';
 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();
@@ -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 StytchB2BContext = require('../StytchB2BContext-f7acf57f.js');
 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 }; }
 
@@ -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 });
 };
 
@@ -133,5 +135,13 @@ exports.withStytchMember = StytchB2BContext.withStytchMember;
 exports.withStytchMemberSession = StytchB2BContext.withStytchMemberSession;
 exports.withStytchOrganization = StytchB2BContext.withStytchOrganization;
 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;

package/dist/index.d.ts

@@ -323,11 +323,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.
@@ -413,6 +427,8 @@ 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;
 export { IdentityProvider, StytchLogin, StytchPasskeyRegistration, StytchPasswordReset, StytchProvider, useStytch, useStytchIsAuthorized, useStytchSession, useStytchUser, withStytch, withStytchSession, withStytchUser, withStytchPermissions };
 export type { StytchProviderProps, IdentityProviderProps, StytchProps, StytchResetPasswordProps };
+export type { OAuthAuthorizeParams, OAuthLogoutParams } from '@stytch/vanilla-js';
+export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';

package/dist/index.esm.d.ts

@@ -323,11 +323,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.
@@ -413,6 +427,8 @@ 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;
 export { IdentityProvider, StytchLogin, StytchPasskeyRegistration, StytchPasswordReset, StytchProvider, useStytch, useStytchIsAuthorized, useStytchSession, useStytchUser, withStytch, withStytchSession, withStytchUser, withStytchPermissions };
 export type { StytchProviderProps, IdentityProviderProps, StytchProps, StytchResetPasswordProps };
+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 { i as isStytchSSRProxy, n as noProviderError, 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();
@@ -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();
@@ -445,11 +446,20 @@ 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 });
 };
 
+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/nextjs",
-  "version": "21.7.0",
+  "version": "21.9.0",
   "description": "Stytch's official Next.js Library",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -24,7 +24,7 @@
     "@babel/runtime": "7.27.1",
     "@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",