@stytch/nextjs 21.4.2 → 21.4.4

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @stytch/nextjs
 
+## 21.4.4
+
+### Patch Changes
+
+- 54275c2: Make some minor improvements to JSDoc comments
+- 54275c2: Add missing default generic type parameters
+
+## 21.4.3
+
+### Patch Changes
+
+- c20addb: Fix some README typos
+
 ## 21.4.2
 
 ### 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-47d523b4.d.ts → StytchB2BContext-a27d4ac7.d.ts}

@@ -5,45 +5,98 @@ import { Member, MemberSession, Organization, StytchB2BUIClient } from '@stytch/
 import { StytchB2BHeadlessClient, StytchProjectConfigurationInput } from '@stytch/vanilla-js/b2b/headless';
 import { PermissionsMap } from '@stytch/core/public';
 /**
- * The Stytch Client object passed in to <StytchProvider /> in your `_app.js`.
- * Either a StytchUIClient or StytchHeadlessClient.
+ * The Stytch Client object passed in to <StytchB2BProvider /> in your application root.
+ * Either a StytchB2BUIClient or StytchB2BHeadlessClient.
  */
 type StytchB2BClient<TProjectConfiguration extends StytchProjectConfigurationInput> = StytchB2BHeadlessClient<TProjectConfiguration> | StytchB2BUIClient<TProjectConfiguration>;
 type SWRMember = {
+    /**
+     * Either the active {@link Member} object, or null if the member is not logged in.
+     */
     member: null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: false;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: false;
 } | {
+    /**
+     * Either the active {@link Member} object, or null if the member is not logged in.
+     */
     member: Member | null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: boolean;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: true;
 };
 type SWRMemberSession = {
+    /**
+     * Either the active {@link MemberSession} object, or null if the member is not logged in.
+     */
     session: null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: false;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: false;
 } | {
+    /**
+     * Either the active {@link MemberSession} object, or null if the member is not logged in.
+     */
     session: MemberSession | null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: boolean;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: true;
 };
 type SWROrganization = {
+    /**
+     * Either the active {@link Organization} object, or null if the member is not logged in.
+     */
     organization: null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: false;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: false;
 } | {
+    /**
+     * Either the active {@link Organization} object, or null if the member is not logged in.
+     */
     organization: Organization | null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: boolean;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: true;
 };
 declare const useIsMounted__INTERNAL: () => boolean;
 declare const isUIClient: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration>>(client: StytchB2BClient<TProjectConfiguration>) => client is StytchB2BUIClient<TProjectConfiguration>;
 /**
- * Returns the active member.
+ * Returns the active Member.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
- * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
+ * Check the fromCache property to determine if the member data is from persistent storage.
  * @example
  * const {member, isInitialized, fromCache} = useStytchMember();
  * if (!isInitialized) {
@@ -53,11 +106,10 @@ declare const isUIClient: <TProjectConfiguration extends Partial<import("@stytch
  */
 declare const useStytchMember: () => SWRMember;
 /**
- * Returns the member's active Stytch member session.
+ * Returns the active member's Stytch member session.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
  * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
  * @example
  * const {session, isInitialized, fromCache} = useStytchMemberSession();
  * useEffect(() => {
@@ -74,8 +126,7 @@ declare const useStytchMemberSession: () => SWRMemberSession;
  * Returns the active Stytch organization.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
- * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
+ * Check the fromCache property to determine if the organization data is from persistent storage.
  * @example
  * const {organization, isInitialized, fromCache} = useStytchOrganization();
  * if (!isInitialized) {
@@ -85,8 +136,17 @@ declare const useStytchMemberSession: () => SWRMemberSession;
  */
 declare const useStytchOrganization: () => SWROrganization;
 type SWRIsAuthorized = {
+    /**
+     * Whether the logged-in member is allowed to perform the specified action on the specified resource.
+     */
     isAuthorized: boolean;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: boolean;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: boolean;
 };
 /**
@@ -103,15 +163,15 @@ type SWRIsAuthorized = {
  */
 declare const useStytchIsAuthorized: (resourceId: string, action: string) => SWRIsAuthorized;
 /**
- * Returns the Stytch client stored in the Stytch context.
+ * Returns the Stytch B2B client stored in the Stytch context.
  *
  * @example
- * const stytch = useStytch();
+ * const stytch = useStytchB2BClient();
  * useEffect(() => {
  *   stytch.magicLinks.authenticate('...')
  * }, [stytch]);
  */
-declare const useStytchB2BClient: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration>>() => StytchB2BHeadlessClient<TProjectConfiguration>;
+declare const useStytchB2BClient: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>() => StytchB2BHeadlessClient<TProjectConfiguration>;
 declare const withStytchB2BClient: <T extends object, TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration>>(Component: React.ComponentType<T & {
     stytch: StytchB2BHeadlessClient<TProjectConfiguration>;
 }>) => React.ComponentType<T>;
@@ -154,7 +214,7 @@ declare const withStytchOrganization: <T extends object>(Component: React.Compon
 declare const withStytchPermissions: <Permissions_1 extends Record<string, string>, T extends object>(Component: React.ComponentType<T & {
     stytchPermissions: PermissionsMap<Permissions_1>;
 }>) => React.ComponentType<T>;
-interface StytchB2BProviderProps<TProjectConfiguration extends StytchProjectConfigurationInput> {
+interface StytchB2BProviderProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> {
     /**
      * A Stytch client instance, created using either {@link createStytchHeadlessClient} or {@link createStytchUIClient}
      */
@@ -163,7 +223,7 @@ interface StytchB2BProviderProps<TProjectConfiguration extends StytchProjectConf
 }
 /**
  * The Stytch Context Provider.
- * Wrap your application with this component in `_app.js` in order to use Stytch everywhere in your app.
+ * Wrap your application with this component in order to use Stytch everywhere in your app.
  * @example
  * const stytch = createStytchB2BHeadlessClient('public-token-<find yours in the stytch dashboard>')
  *
@@ -173,5 +233,5 @@ interface StytchB2BProviderProps<TProjectConfiguration extends StytchProjectConf
  *   </StytchB2BProvider>
  * )
  */
-declare const StytchB2BProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration>>({ stytch, children, }: StytchB2BProviderProps<TProjectConfiguration>) => JSX.Element;
+declare const StytchB2BProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children, }: StytchB2BProviderProps<TProjectConfiguration>) => JSX.Element;
 export { useIsMounted__INTERNAL, isUIClient, useStytchMember, useStytchMemberSession, useStytchOrganization, useStytchIsAuthorized, useStytchB2BClient, withStytchB2BClient, withStytchMember, withStytchMemberSession, withStytchOrganization, withStytchPermissions, StytchB2BProviderProps, StytchB2BProvider };

package/dist/{StytchB2BContext-47d523b4.js → StytchB2BContext-a27d4ac7.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect-41b6e419.js');
-var StytchSSRProxy = require('./StytchSSRProxy-63bc6323.js');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect-65746ef3.js');
+var StytchSSRProxy = require('./StytchSSRProxy-c9d3bc41.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,20 +23,19 @@ const initialOrganization = {
     fromCache: false,
     isInitialized: false,
 };
-const StytchContext = React.createContext({ isMounted: false });
+const StytchB2BContext = React.createContext({ isMounted: false });
 const StytchMemberContext = React.createContext(initialMember);
 const StytchMemberSessionContext = React.createContext(initialMemberSession);
 const StytchOrganizationContext = React.createContext(initialOrganization);
-const useIsMounted__INTERNAL = () => React.useContext(StytchContext).isMounted;
+const useIsMounted__INTERNAL = () => React.useContext(StytchB2BContext).isMounted;
 const isUIClient = (client) => {
     return client.mount !== undefined;
 };
 /**
- * Returns the active member.
+ * Returns the active Member.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
- * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
+ * Check the fromCache property to determine if the member data is from persistent storage.
  * @example
  * const {member, isInitialized, fromCache} = useStytchMember();
  * if (!isInitialized) {
@@ -49,11 +48,10 @@ const useStytchMember = () => {
     return React.useContext(StytchMemberContext);
 };
 /**
- * Returns the member's active Stytch member session.
+ * Returns the active member's Stytch member session.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
  * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
  * @example
  * const {session, isInitialized, fromCache} = useStytchMemberSession();
  * useEffect(() => {
@@ -73,8 +71,7 @@ const useStytchMemberSession = () => {
  * Returns the active Stytch organization.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
- * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
+ * Check the fromCache property to determine if the organization data is from persistent storage.
  * @example
  * const {organization, isInitialized, fromCache} = useStytchOrganization();
  * if (!isInitialized) {
@@ -128,16 +125,16 @@ const useStytchIsAuthorized = (resourceId, action) => {
     return isAuthorized;
 };
 /**
- * Returns the Stytch client stored in the Stytch context.
+ * Returns the Stytch B2B client stored in the Stytch context.
  *
  * @example
- * const stytch = useStytch();
+ * const stytch = useStytchB2BClient();
  * useEffect(() => {
  *   stytch.magicLinks.authenticate('...')
  * }, [stytch]);
  */
 const useStytchB2BClient = () => {
-    const ctx = React.useContext(StytchContext);
+    const ctx = React.useContext(StytchB2BContext);
     useIsomorphicLayoutEffect.invariant(ctx.isMounted, StytchSSRProxy.noProviderError('useStytchB2BClient', 'StytchB2BProvider'));
     return ctx.client;
 };
@@ -218,7 +215,7 @@ const withStytchPermissions = (Component) => {
 };
 /**
  * The Stytch Context Provider.
- * Wrap your application with this component in `_app.js` in order to use Stytch everywhere in your app.
+ * Wrap your application with this component in order to use Stytch everywhere in your app.
  * @example
  * const stytch = createStytchB2BHeadlessClient('public-token-<find yours in the stytch dashboard>')
  *
@@ -255,7 +252,7 @@ const StytchB2BProvider = ({ stytch, children, }) => {
             });
         });
     }, [setClientState, stytch]);
-    return (React__default["default"].createElement(StytchContext.Provider, { value: ctx },
+    return (React__default["default"].createElement(StytchB2BContext.Provider, { value: ctx },
         React__default["default"].createElement(StytchOrganizationContext.Provider, { value: organization },
             React__default["default"].createElement(StytchMemberContext.Provider, { value: member },
                 React__default["default"].createElement(StytchMemberSessionContext.Provider, { value: session }, children)))));

package/dist/{StytchB2BContext-f172fdfe.d.ts → StytchB2BContext-c11ed503.d.ts}

@@ -5,45 +5,98 @@ import { Member, MemberSession, Organization, StytchB2BUIClient } from '@stytch/
 import { StytchB2BHeadlessClient, StytchProjectConfigurationInput } from '@stytch/vanilla-js/b2b/headless';
 import { PermissionsMap } from '@stytch/core/public';
 /**
- * The Stytch Client object passed in to <StytchProvider /> in your `_app.js`.
- * Either a StytchUIClient or StytchHeadlessClient.
+ * The Stytch Client object passed in to <StytchB2BProvider /> in your application root.
+ * Either a StytchB2BUIClient or StytchB2BHeadlessClient.
  */
 type StytchB2BClient<TProjectConfiguration extends StytchProjectConfigurationInput> = StytchB2BHeadlessClient<TProjectConfiguration> | StytchB2BUIClient<TProjectConfiguration>;
 type SWRMember = {
+    /**
+     * Either the active {@link Member} object, or null if the member is not logged in.
+     */
     member: null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: false;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: false;
 } | {
+    /**
+     * Either the active {@link Member} object, or null if the member is not logged in.
+     */
     member: Member | null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: boolean;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: true;
 };
 type SWRMemberSession = {
+    /**
+     * Either the active {@link MemberSession} object, or null if the member is not logged in.
+     */
     session: null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: false;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: false;
 } | {
+    /**
+     * Either the active {@link MemberSession} object, or null if the member is not logged in.
+     */
     session: MemberSession | null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: boolean;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: true;
 };
 type SWROrganization = {
+    /**
+     * Either the active {@link Organization} object, or null if the member is not logged in.
+     */
     organization: null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: false;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: false;
 } | {
+    /**
+     * Either the active {@link Organization} object, or null if the member is not logged in.
+     */
     organization: Organization | null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: boolean;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: true;
 };
 declare const useIsMounted__INTERNAL: () => boolean;
 declare const isUIClient: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration>>(client: StytchB2BClient<TProjectConfiguration>) => client is StytchB2BUIClient<TProjectConfiguration>;
 /**
- * Returns the active member.
+ * Returns the active Member.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
- * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
+ * Check the fromCache property to determine if the member data is from persistent storage.
  * @example
  * const {member, isInitialized, fromCache} = useStytchMember();
  * if (!isInitialized) {
@@ -53,11 +106,10 @@ declare const isUIClient: <TProjectConfiguration extends Partial<import("@stytch
  */
 declare const useStytchMember: () => SWRMember;
 /**
- * Returns the member's active Stytch member session.
+ * Returns the active member's Stytch member session.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
  * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
  * @example
  * const {session, isInitialized, fromCache} = useStytchMemberSession();
  * useEffect(() => {
@@ -74,8 +126,7 @@ declare const useStytchMemberSession: () => SWRMemberSession;
  * Returns the active Stytch organization.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
- * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
+ * Check the fromCache property to determine if the organization data is from persistent storage.
  * @example
  * const {organization, isInitialized, fromCache} = useStytchOrganization();
  * if (!isInitialized) {
@@ -85,8 +136,17 @@ declare const useStytchMemberSession: () => SWRMemberSession;
  */
 declare const useStytchOrganization: () => SWROrganization;
 type SWRIsAuthorized = {
+    /**
+     * Whether the logged-in member is allowed to perform the specified action on the specified resource.
+     */
     isAuthorized: boolean;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: boolean;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: boolean;
 };
 /**
@@ -103,15 +163,15 @@ type SWRIsAuthorized = {
  */
 declare const useStytchIsAuthorized: (resourceId: string, action: string) => SWRIsAuthorized;
 /**
- * Returns the Stytch client stored in the Stytch context.
+ * Returns the Stytch B2B client stored in the Stytch context.
  *
  * @example
- * const stytch = useStytch();
+ * const stytch = useStytchB2BClient();
  * useEffect(() => {
  *   stytch.magicLinks.authenticate('...')
  * }, [stytch]);
  */
-declare const useStytchB2BClient: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration>>() => StytchB2BHeadlessClient<TProjectConfiguration>;
+declare const useStytchB2BClient: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>() => StytchB2BHeadlessClient<TProjectConfiguration>;
 declare const withStytchB2BClient: <T extends object, TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration>>(Component: React.ComponentType<T & {
     stytch: StytchB2BHeadlessClient<TProjectConfiguration>;
 }>) => React.ComponentType<T>;
@@ -154,7 +214,7 @@ declare const withStytchOrganization: <T extends object>(Component: React.Compon
 declare const withStytchPermissions: <Permissions_1 extends Record<string, string>, T extends object>(Component: React.ComponentType<T & {
     stytchPermissions: PermissionsMap<Permissions_1>;
 }>) => React.ComponentType<T>;
-interface StytchB2BProviderProps<TProjectConfiguration extends StytchProjectConfigurationInput> {
+interface StytchB2BProviderProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> {
     /**
      * A Stytch client instance, created using either {@link createStytchHeadlessClient} or {@link createStytchUIClient}
      */
@@ -163,7 +223,7 @@ interface StytchB2BProviderProps<TProjectConfiguration extends StytchProjectConf
 }
 /**
  * The Stytch Context Provider.
- * Wrap your application with this component in `_app.js` in order to use Stytch everywhere in your app.
+ * Wrap your application with this component in order to use Stytch everywhere in your app.
  * @example
  * const stytch = createStytchB2BHeadlessClient('public-token-<find yours in the stytch dashboard>')
  *
@@ -173,5 +233,5 @@ interface StytchB2BProviderProps<TProjectConfiguration extends StytchProjectConf
  *   </StytchB2BProvider>
  * )
  */
-declare const StytchB2BProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration>>({ stytch, children, }: StytchB2BProviderProps<TProjectConfiguration>) => JSX.Element;
+declare const StytchB2BProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children, }: StytchB2BProviderProps<TProjectConfiguration>) => JSX.Element;
 export { useIsMounted__INTERNAL, isUIClient, useStytchMember, useStytchMemberSession, useStytchOrganization, useStytchIsAuthorized, useStytchB2BClient, withStytchB2BClient, withStytchMember, withStytchMemberSession, withStytchOrganization, withStytchPermissions, StytchB2BProviderProps, StytchB2BProvider };

package/dist/{StytchB2BContext-f172fdfe.js → StytchB2BContext-c11ed503.js}

@@ -1,6 +1,6 @@
 import React, { createContext, useContext, useEffect, useMemo } from 'react';
-import { i as invariant, u as useAsyncState, m as mergeWithStableProps } from './useIsomorphicLayoutEffect-8da8c061.js';
-import { i as isStytchSSRProxy, n as noProviderError } from './StytchSSRProxy-14916009.js';
+import { i as invariant, u as useAsyncState, m as mergeWithStableProps } from './useIsomorphicLayoutEffect-1babb81e.js';
+import { i as isStytchSSRProxy, n as noProviderError } from './StytchSSRProxy-4e34fb34.js';
 
 const initialMember = {
     member: null,
@@ -17,20 +17,19 @@ const initialOrganization = {
     fromCache: false,
     isInitialized: false,
 };
-const StytchContext = createContext({ isMounted: false });
+const StytchB2BContext = createContext({ isMounted: false });
 const StytchMemberContext = createContext(initialMember);
 const StytchMemberSessionContext = createContext(initialMemberSession);
 const StytchOrganizationContext = createContext(initialOrganization);
-const useIsMounted__INTERNAL = () => useContext(StytchContext).isMounted;
+const useIsMounted__INTERNAL = () => useContext(StytchB2BContext).isMounted;
 const isUIClient = (client) => {
     return client.mount !== undefined;
 };
 /**
- * Returns the active member.
+ * Returns the active Member.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
- * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
+ * Check the fromCache property to determine if the member data is from persistent storage.
  * @example
  * const {member, isInitialized, fromCache} = useStytchMember();
  * if (!isInitialized) {
@@ -43,11 +42,10 @@ const useStytchMember = () => {
     return useContext(StytchMemberContext);
 };
 /**
- * Returns the member's active Stytch member session.
+ * Returns the active member's Stytch member session.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
  * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
  * @example
  * const {session, isInitialized, fromCache} = useStytchMemberSession();
  * useEffect(() => {
@@ -67,8 +65,7 @@ const useStytchMemberSession = () => {
  * Returns the active Stytch organization.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
- * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
+ * Check the fromCache property to determine if the organization data is from persistent storage.
  * @example
  * const {organization, isInitialized, fromCache} = useStytchOrganization();
  * if (!isInitialized) {
@@ -122,16 +119,16 @@ const useStytchIsAuthorized = (resourceId, action) => {
     return isAuthorized;
 };
 /**
- * Returns the Stytch client stored in the Stytch context.
+ * Returns the Stytch B2B client stored in the Stytch context.
  *
  * @example
- * const stytch = useStytch();
+ * const stytch = useStytchB2BClient();
  * useEffect(() => {
  *   stytch.magicLinks.authenticate('...')
  * }, [stytch]);
  */
 const useStytchB2BClient = () => {
-    const ctx = useContext(StytchContext);
+    const ctx = useContext(StytchB2BContext);
     invariant(ctx.isMounted, noProviderError('useStytchB2BClient', 'StytchB2BProvider'));
     return ctx.client;
 };
@@ -212,7 +209,7 @@ const withStytchPermissions = (Component) => {
 };
 /**
  * The Stytch Context Provider.
- * Wrap your application with this component in `_app.js` in order to use Stytch everywhere in your app.
+ * Wrap your application with this component in order to use Stytch everywhere in your app.
  * @example
  * const stytch = createStytchB2BHeadlessClient('public-token-<find yours in the stytch dashboard>')
  *
@@ -249,7 +246,7 @@ const StytchB2BProvider = ({ stytch, children, }) => {
             });
         });
     }, [setClientState, stytch]);
-    return (React.createElement(StytchContext.Provider, { value: ctx },
+    return (React.createElement(StytchB2BContext.Provider, { value: ctx },
         React.createElement(StytchOrganizationContext.Provider, { value: organization },
             React.createElement(StytchMemberContext.Provider, { value: member },
                 React.createElement(StytchMemberSessionContext.Provider, { value: session }, children)))));

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 };