@stytch/nextjs 21.4.1 → 21.4.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @stytch/nextjs
 
+## 21.4.3
+
+### Patch Changes
+
+- c20addb: Fix some README typos
+
+## 21.4.2
+
+### Patch Changes
+
+- 7d804d9: feat: Add support for accessTokenExchange to B2B Sessions Client
+
 ## 21.4.1
 
 ### Patch Changes

package/README.md

@@ -4,8 +4,11 @@ Stytch's Next.js Library
 
 ## Install
 
-With `npm`
-`npm install @stytch/nextjs @stytch/vanilla-js --save`
+With `npm`:
+
+```shell
+npm install @stytch/nextjs @stytch/vanilla-js --save
+```
 
 ## Documentation
 
@@ -25,7 +28,7 @@ import { createStytchB2BUIClient } from '@stytch/nextjs/b2b/ui';
 import { createStytchB2BHeadlessClient } from '@stytch/nextjs/b2b/headless';
 ```
 
-For full documentation please refer to Stytch's javascript SDK documentation on https://stytch.com/docs/sdks/javascript-sdk.
+For full documentation please refer to Stytch's javascript SDK documentation on https://stytch.com/docs/sdks.
 
 ## Example Usage
 
@@ -36,11 +39,10 @@ import { createStytchUIClient } from '@stytch/nextjs/ui';
 const stytch = createStytchUIClient('public-token-<find yours in the stytch dashboard>');
 
 // Wrap your App in the StytchProvider
-ReactDOM.render(
+const Root = () => (
   <StytchProvider stytch={stytch}>
     <App />
-  </StytchProvider>,
-  document.getElementById('root'),
+  </StytchProvider>
 );
 
 // Now use Stytch in your components
@@ -59,11 +61,10 @@ const App = () => {
     styles: {
       container: { width: '321px' },
       colors: { primary: '#0577CA' },
-      fontFamily: '"Helvetica New", Helvetica, sans-serif',
+      fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
     },
     callbacks: {
       onEvent: (message) => console.log(message),
-      onSuccess: (message) => console.log(message),
       onError: (message) => console.log(message),
     },
   };

package/dist/{StytchB2BContext-03d66270.js → StytchB2BContext-a2d58b5b.js}

@@ -1,6 +1,6 @@
 import React, { createContext, useContext, useEffect, useMemo } from 'react';
-import { i as isStytchSSRProxy, n as noProviderError } from './StytchSSRProxy-14916009.js';
-import { i as invariant, u as useAsyncState, m as mergeWithStableProps } from './useIsomorphicLayoutEffect-8da8c061.js';
+import { i as invariant, u as useAsyncState, m as mergeWithStableProps } from './useIsomorphicLayoutEffect-2962f7c7.js';
+import { i as isStytchSSRProxy, n as noProviderError } from './StytchSSRProxy-4e34fb34.js';
 
 const initialMember = {
     member: null,

package/dist/{StytchB2BContext-156a7bdd.js → StytchB2BContext-fc9fdcb3.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var StytchSSRProxy = require('./StytchSSRProxy-63bc6323.js');
-var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect-41b6e419.js');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect-a2b587d2.js');
+var StytchSSRProxy = require('./StytchSSRProxy-c9d3bc41.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/adminPortal/index.d.ts

@@ -39,6 +39,6 @@ type AdminPortalSCIMProps<TProjectConfiguration extends StytchProjectConfigurati
  * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
  */
 declare const AdminPortalSCIM: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalSCIMMountOptions<Partial<import("@stytch/core/public").StytchProjectConfiguration>>>) => JSX.Element;
-export { AdminPortalSSO, AdminPortalOrgSettings, AdminPortalMemberManagement, AdminPortalSCIM };
 export { AdminPortalB2BProducts } from "@stytch/vanilla-js/b2b/adminPortal";
+export { AdminPortalSSO, AdminPortalOrgSettings, AdminPortalMemberManagement, AdminPortalSCIM };
 export type { AdminPortalSSOProps, AdminPortalOrgSettingsProps, AdminPortalMemberManagementProps, AdminPortalSCIMProps };

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

@@ -39,6 +39,6 @@ type AdminPortalSCIMProps<TProjectConfiguration extends StytchProjectConfigurati
  * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
  */
 declare const AdminPortalSCIM: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalSCIMMountOptions<Partial<import("@stytch/core/public").StytchProjectConfiguration>>>) => JSX.Element;
-export { AdminPortalSSO, AdminPortalOrgSettings, AdminPortalMemberManagement, AdminPortalSCIM };
 export { AdminPortalB2BProducts } from "@stytch/vanilla-js/b2b/adminPortal";
+export { AdminPortalSSO, AdminPortalOrgSettings, AdminPortalMemberManagement, AdminPortalSCIM };
 export type { AdminPortalSSOProps, AdminPortalOrgSettingsProps, AdminPortalMemberManagementProps, AdminPortalSCIMProps };

package/dist/adminPortal/index.esm.js

@@ -1,9 +1,9 @@
 import { mountAdminPortalSSO, mountAdminPortalOrgSettings, mountAdminPortalMemberManagement, mountAdminPortalSCIM } from '@stytch/vanilla-js/b2b/adminPortal';
 export { AdminPortalB2BProducts } from '@stytch/vanilla-js/b2b/adminPortal';
 import React, { useRef } from 'react';
-import { u as useIsMounted__INTERNAL, a as useStytchB2BClient } from '../StytchB2BContext-03d66270.js';
-import { n as noProviderError } from '../StytchSSRProxy-14916009.js';
-import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-8da8c061.js';
+import { u as useIsMounted__INTERNAL, a as useStytchB2BClient } from '../StytchB2BContext-a2d58b5b.js';
+import { n as noProviderError } from '../StytchSSRProxy-4e34fb34.js';
+import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-2962f7c7.js';
 
 const makeAdminPortalComponent = (mountFn, componentName) => {
     const Component = (props) => {

package/dist/adminPortal/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var adminPortal = require('@stytch/vanilla-js/b2b/adminPortal');
 var React = require('react');
-var StytchB2BContext = require('../StytchB2BContext-156a7bdd.js');
-var StytchSSRProxy = require('../StytchSSRProxy-63bc6323.js');
-var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-41b6e419.js');
+var StytchB2BContext = require('../StytchB2BContext-fc9fdcb3.js');
+var StytchSSRProxy = require('../StytchSSRProxy-c9d3bc41.js');
+var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-a2b587d2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/b2b/index.d.ts

@@ -145,6 +145,6 @@ declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/
  * @param getIDPConsentManifest - Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.
  */
 declare const B2BIdentityProvider: ({ styles, callbacks, getIDPConsentManifest }: B2BIdentityProviderProps) => React.JSX.Element;
-export { StytchB2BProvider, useStytchB2BClient, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchB2BClient, withStytchMemberSession, withStytchMember, withStytchOrganization, withStytchPermissions } from "../StytchB2BContext-156a7bdd.js";
+export { StytchB2BProvider, useStytchB2BClient, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchB2BClient, withStytchMemberSession, withStytchMember, withStytchOrganization, withStytchPermissions } from "../StytchB2BContext-fc9fdcb3.js";
 export { StytchB2B, B2BIdentityProvider };
-export type { StytchB2BProviderProps } from "../StytchB2BContext-156a7bdd.js";
+export type { StytchB2BProviderProps } from "../StytchB2BContext-fc9fdcb3.js";

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

@@ -145,6 +145,6 @@ declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/
  * @param getIDPConsentManifest - Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.
  */
 declare const B2BIdentityProvider: ({ styles, callbacks, getIDPConsentManifest }: B2BIdentityProviderProps) => React.JSX.Element;
-export { StytchB2BProvider, useStytchB2BClient, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchB2BClient, withStytchMemberSession, withStytchMember, withStytchOrganization, withStytchPermissions } from "../StytchB2BContext-03d66270.js";
+export { StytchB2BProvider, useStytchB2BClient, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchB2BClient, withStytchMemberSession, withStytchMember, withStytchOrganization, withStytchPermissions } from "../StytchB2BContext-a2d58b5b.js";
 export { StytchB2B, B2BIdentityProvider };
-export type { StytchB2BProviderProps } from "../StytchB2BContext-03d66270.js";
+export type { StytchB2BProviderProps } from "../StytchB2BContext-a2d58b5b.js";

package/dist/b2b/index.esm.js

@@ -1,8 +1,8 @@
-import { u as useIsMounted__INTERNAL, a as useStytchB2BClient, i as isUIClient, b as useStytchMember } from '../StytchB2BContext-03d66270.js';
-export { S as StytchB2BProvider, a as useStytchB2BClient, d as useStytchIsAuthorized, b as useStytchMember, c as useStytchMemberSession, e as useStytchOrganization, w as withStytchB2BClient, g as withStytchMember, f as withStytchMemberSession, h as withStytchOrganization, j as withStytchPermissions } from '../StytchB2BContext-03d66270.js';
+import { u as useIsMounted__INTERNAL, a as useStytchB2BClient, i as isUIClient, b as useStytchMember } from '../StytchB2BContext-a2d58b5b.js';
+export { S as StytchB2BProvider, a as useStytchB2BClient, d as useStytchIsAuthorized, b as useStytchMember, c as useStytchMemberSession, e as useStytchOrganization, w as withStytchB2BClient, g as withStytchMember, f as withStytchMemberSession, h as withStytchOrganization, j as withStytchPermissions } from '../StytchB2BContext-a2d58b5b.js';
 import React, { useRef } from 'react';
-import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-8da8c061.js';
-import { a as noHeadlessClientError, n as noProviderError } from '../StytchSSRProxy-14916009.js';
+import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-2962f7c7.js';
+import { a as noHeadlessClientError, n as noProviderError } from '../StytchSSRProxy-4e34fb34.js';
 
 /**
  * The Stytch B2B UI component.

package/dist/b2b/index.headless.esm.js

@@ -1,5 +1,5 @@
 import { StytchB2BHeadlessClient } from '@stytch/vanilla-js/b2b/headless';
-import { c as createStytchSSRProxy } from '../StytchSSRProxy-14916009.js';
+import { c as createStytchSSRProxy } from '../StytchSSRProxy-4e34fb34.js';
 
 /**
  * Creates a Headless Stytch client object to call the stytch B2B APIs.

package/dist/b2b/index.headless.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var headless = require('@stytch/vanilla-js/b2b/headless');
-var StytchSSRProxy = require('../StytchSSRProxy-63bc6323.js');
+var StytchSSRProxy = require('../StytchSSRProxy-c9d3bc41.js');
 
 /**
  * Creates a Headless Stytch client object to call the stytch B2B APIs.

package/dist/b2b/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var StytchB2BContext = require('../StytchB2BContext-156a7bdd.js');
+var StytchB2BContext = require('../StytchB2BContext-fc9fdcb3.js');
 var React = require('react');
-var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-41b6e419.js');
-var StytchSSRProxy = require('../StytchSSRProxy-63bc6323.js');
+var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-a2b587d2.js');
+var StytchSSRProxy = require('../StytchSSRProxy-c9d3bc41.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/b2b/index.ui.esm.js

@@ -1,5 +1,5 @@
 import { StytchB2BUIClient } from '@stytch/vanilla-js/b2b';
-import { c as createStytchSSRProxy } from '../StytchSSRProxy-14916009.js';
+import { c as createStytchSSRProxy } from '../StytchSSRProxy-4e34fb34.js';
 
 /**
  * Creates a Stytch UI client object to call the Stytch APIs and render Stytch UI components.

package/dist/b2b/index.ui.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var b2b = require('@stytch/vanilla-js/b2b');
-var StytchSSRProxy = require('../StytchSSRProxy-63bc6323.js');
+var StytchSSRProxy = require('../StytchSSRProxy-c9d3bc41.js');
 
 /**
  * Creates a Stytch UI client object to call the Stytch APIs and render Stytch UI components.

package/dist/index-b14d4efe.d.ts

@@ -1,2 +1,2 @@
 export { createDeepEqual } from "./createDeepEqual-5555f2e1.js";
-export { mergeWithStableProps } from "./useIsomorphicLayoutEffect-8da8c061.js";
+export { mergeWithStableProps } from "./useIsomorphicLayoutEffect-2962f7c7.js";

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import React, { createContext, useContext, useMemo, useEffect, useRef } from 'react';
-import { i as isStytchSSRProxy, n as noProviderError, a as noHeadlessClientError } from './StytchSSRProxy-14916009.js';
-import { i as invariant, u as useAsyncState, m as mergeWithStableProps, a as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-8da8c061.js';
+import { i as invariant, u as useAsyncState, m as mergeWithStableProps, a as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-2962f7c7.js';
+import { i as isStytchSSRProxy, n as noProviderError, a as noHeadlessClientError } from './StytchSSRProxy-4e34fb34.js';
 
 const initialUser = {
     user: null,

package/dist/index.headless.esm.js

@@ -1,5 +1,5 @@
 import { StytchHeadlessClient } from '@stytch/vanilla-js/headless';
-import { c as createStytchSSRProxy } from './StytchSSRProxy-14916009.js';
+import { c as createStytchSSRProxy } from './StytchSSRProxy-4e34fb34.js';
 
 /**
  * Creates a Headless Stytch client object to call the stytch APIs.

package/dist/index.headless.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var headless = require('@stytch/vanilla-js/headless');
-var StytchSSRProxy = require('./StytchSSRProxy-63bc6323.js');
+var StytchSSRProxy = require('./StytchSSRProxy-c9d3bc41.js');
 
 /**
  * Creates a Headless Stytch client object to call the stytch APIs.

package/dist/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var StytchSSRProxy = require('./StytchSSRProxy-63bc6323.js');
-var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect-41b6e419.js');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect-a2b587d2.js');
+var StytchSSRProxy = require('./StytchSSRProxy-c9d3bc41.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/index.ui.esm.js

@@ -1,5 +1,5 @@
 import { StytchUIClient } from '@stytch/vanilla-js';
-import { c as createStytchSSRProxy } from './StytchSSRProxy-14916009.js';
+import { c as createStytchSSRProxy } from './StytchSSRProxy-4e34fb34.js';
 
 /**
  * Creates a Stytch UI client object to call the Stytch APIs and render Stytch UI components.

package/dist/index.ui.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vanillaJs = require('@stytch/vanilla-js');
-var StytchSSRProxy = require('./StytchSSRProxy-63bc6323.js');
+var StytchSSRProxy = require('./StytchSSRProxy-c9d3bc41.js');
 
 /**
  * Creates a Stytch UI client object to call the Stytch APIs and render Stytch UI components.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stytch/nextjs",
-  "version": "21.4.1",
+  "version": "21.4.3",
   "description": "Stytch's official Next.js Library",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -15,21 +15,27 @@
     "build": "npm run clean && npm run compile",
     "clean": "rm -rf ./dist",
     "compile": "rollup -c",
-    "dev": "tsc -p tsconfig.build.json --watch",
-    "test": "jest"
+    "dev": "tsc -p tsconfig.build.json --watch"
   },
   "license": "MIT",
   "author": "Stytch",
   "devDependencies": {
-    "@babel/runtime": "7.18.6",
-    "@stytch/js-utils": "0.0.0",
-    "@stytch/vanilla-js": "5.17.1",
+    "@babel/runtime": "7.26.10",
+    "@stytch/internal-tsconfigs": "0.0.0",
+    "@stytch/js-utils": "0.0.1",
+    "@stytch/vanilla-js": "5.21.1",
     "@testing-library/react": "14.0.0",
+    "@types/jest": "29.5.14",
     "eslint-config-custom": "0.0.1",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-environment-jsdom-global": "4.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-test-renderer": "18.0.0",
     "rollup": "2.79.2",
+    "rollup-plugin-ts": "3.4.5",
+    "ts-jest": "29.2.5",
     "typescript": "5.3.3"
   },
   "peerDependencies": {