@stytch/react 19.4.3 → 19.5.0

package/dist/b2b/index.esm.js

@@ -1,14 +1,15 @@
-import { u as useIsMounted__INTERNAL, a as useStytchB2BClient, i as isUIClient, b as useStytchMember } from '../StytchB2BContext-081081ee.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-081081ee.js';
-import React, { useRef, useLayoutEffect } from 'react';
-import { i as invariant, b as noHeadlessClientError, n as noProviderError } from '../invariant-568a7633.js';
+import React, { useRef } from 'react';
+import { u as useIsMounted__INTERNAL, a as useStytchB2BClient, i as isUIClient, b as useStytchMember$1, c as useStytchMemberSession$1, d as useStytchOrganization$1, e as useStytchIsAuthorized$1, w as withStytchMember$1, f as withStytchMemberSession$1, g as withStytchOrganization$1, S as StytchB2BProvider$1 } from '../StytchB2BContext-9c062712.js';
+export { a as useStytchB2BClient, h as withStytchB2BClient, j as withStytchPermissions } from '../StytchB2BContext-9c062712.js';
+import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-1babb81e.js';
+import { a as noHeadlessClientError, n as noProviderError } from '../StytchSSRProxy-34c789b5.js';
 
 /**
  * The Stytch B2B UI component.
- * This component can only be used with a {@link StytchB2BUIClient} client constructor
- * passed into the {@link StytchB2BProvider}
+ * This component can only be used with a Stytch B2B UI Client
+ * passed into the StytchB2BProvider.
  *
- * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/b2b/sdks online reference}
  *
  * @example
  * <StytchB2B
@@ -35,13 +36,12 @@ import { i as invariant, b as noHeadlessClientError, n as noProviderError } from
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- * @param props {@link StytchB2BProps}
  */
 const StytchB2B = ({ styles, callbacks, config, }) => {
     invariant(useIsMounted__INTERNAL(), noProviderError('<StytchB2B />', 'StytchB2BProvider'));
     const stytchClient = useStytchB2BClient();
     const containerEl = useRef(null);
-    useLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
         if (!isUIClient(stytchClient)) {
             throw Error(noHeadlessClientError);
         }
@@ -66,10 +66,10 @@ const StytchB2B = ({ styles, callbacks, config, }) => {
  * The Stytch B2B IDP component.
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
  * Requires the user to be logged in.
- * This component can only be used with a {@link StytchB2BUIClient} client constructor
- * passed into the {@link StytchB2BProvider}
+ * This component can only be used with a Stytch B2B UI Client
+ * passed into the StytchB2BProvider.
  *
- * See the {@link https://stytch.com/docs/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/b2b/sdks online reference}
  *
  * @example
  * const styles = {
@@ -88,16 +88,13 @@ const StytchB2B = ({ styles, callbacks, config, }) => {
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
- * @param callbacks - An optional {@link Callbacks} object
- * @param getIDPConsentManifest - Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.
  */
 const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest }) => {
     invariant(useIsMounted__INTERNAL(), noProviderError('<IdentityProvider />'));
     const stytchClient = useStytchB2BClient();
-    const { member } = useStytchMember();
+    const { member } = useStytchMember$1();
     const containerEl = useRef(null);
-    useLayoutEffect(() => {
+    useIsomorphicLayoutEffect(() => {
         if (!isUIClient(stytchClient)) {
             throw Error(noHeadlessClientError);
         }
@@ -118,4 +115,80 @@ const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest }) => {
     return React.createElement("div", { ref: containerEl });
 };
 
-export { B2BIdentityProvider, StytchB2B };
+/**
+ * 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 member data is from persistent storage.
+ * @example
+ * const {member, isInitialized, fromCache} = useStytchMember();
+ * if (!isInitialized) {
+ *     return <p>Loading...</p>;
+ * }
+ * return (<h1>Welcome, {member.name}</h1>);
+ */
+const useStytchMember = useStytchMember$1;
+/**
+ * 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.
+ * @example
+ * const {session, isInitialized, fromCache} = useStytchMemberSession();
+ * useEffect(() => {
+ *   if (!isInitialized) {
+ *     return;
+ *   }
+ *   if (!session) {
+ *     router.replace('/login')
+ *   }
+ * }, [session, isInitialized]);
+ */
+const useStytchMemberSession = useStytchMemberSession$1;
+/**
+ * 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 organization data is from persistent storage.
+ * @example
+ * const {organization, isInitialized, fromCache} = useStytchOrganization();
+ * if (!isInitialized) {
+ *     return <p>Loading...</p>;
+ * }
+ * return (<p>Welcome to {organization.organization_name}</p>);
+ */
+const useStytchOrganization = useStytchOrganization$1;
+/**
+ * Determines whether the logged-in member is allowed to perform the specified action on the specified resource.
+ * Returns `true` if the member can perform the action, `false` otherwise.
+ *
+ * If the member is not logged in, this method will always return false.
+ * If the resource or action provided are not valid for the configured RBAC policy, this method will return false.
+ *
+ * Remember - authorization checks for sensitive actions should always occur on the backend as well.
+ * @example
+ * const { isAuthorized } = useStytchIsAuthorized<Permissions>('documents', 'edit');
+ * return <button disabled={!isAuthorized}>Edit</button>
+ */
+const useStytchIsAuthorized = useStytchIsAuthorized$1;
+const withStytchMember = withStytchMember$1;
+const withStytchMemberSession = withStytchMemberSession$1;
+const withStytchOrganization = withStytchOrganization$1;
+/**
+ * The Stytch Context Provider.
+ * 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>')
+ *
+ * ReactDOM.render(
+ *   <StytchB2BProvider stytch={stytch}>
+ *     <App />
+ *   </StytchProvider>,
+ *   document.getElementById('root'),
+ * )
+ */
+const StytchB2BProvider = ({ stytch, children, assumeHydrated = true, }) => {
+    return (React.createElement(StytchB2BProvider$1, { stytch: stytch, assumeHydrated: assumeHydrated }, children));
+};
+
+export { B2BIdentityProvider, StytchB2B, StytchB2BProvider, useStytchIsAuthorized, useStytchMember, useStytchMemberSession, useStytchOrganization, withStytchMember, withStytchMemberSession, withStytchOrganization };

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

@@ -0,0 +1,16 @@
+import { StytchB2BHeadlessClient } from "@stytch/vanilla-js/b2b/headless";
+/**
+ * Creates a Headless Stytch client object to call the stytch B2B APIs.
+ * The Stytch client is not available serverside.
+ * @example
+ * const stytch = createStytchB2BHeadlessClient('public-token-<find yours in the stytch dashboard>')
+ *
+ * return (
+ *   <StytchB2BProvider stytch={stytch}>
+ *     <App />
+ *   </StytchB2BProvider>
+ * )
+ * @returns A {@link StytchB2BHeadlessClient}
+ */
+declare const createStytchB2BHeadlessClient: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(_PUBLIC_TOKEN: string, options?: import("@stytch/core/public").StytchClientOptions | undefined) => StytchB2BHeadlessClient<TProjectConfiguration>;
+export { createStytchB2BHeadlessClient };

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

@@ -0,0 +1,16 @@
+import { StytchB2BHeadlessClient } from "@stytch/vanilla-js/b2b/headless";
+/**
+ * Creates a Headless Stytch client object to call the stytch B2B APIs.
+ * The Stytch client is not available serverside.
+ * @example
+ * const stytch = createStytchB2BHeadlessClient('public-token-<find yours in the stytch dashboard>')
+ *
+ * return (
+ *   <StytchB2BProvider stytch={stytch}>
+ *     <App />
+ *   </StytchB2BProvider>
+ * )
+ * @returns A {@link StytchB2BHeadlessClient}
+ */
+declare const createStytchB2BHeadlessClient: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(_PUBLIC_TOKEN: string, options?: import("@stytch/core/public").StytchClientOptions | undefined) => StytchB2BHeadlessClient<TProjectConfiguration>;
+export { createStytchB2BHeadlessClient };

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

@@ -0,0 +1,24 @@
+import { StytchB2BHeadlessClient } from '@stytch/vanilla-js/b2b/headless';
+import { c as createStytchSSRProxy } from '../StytchSSRProxy-34c789b5.js';
+
+/**
+ * Creates a Headless Stytch client object to call the stytch B2B APIs.
+ * The Stytch client is not available serverside.
+ * @example
+ * const stytch = createStytchB2BHeadlessClient('public-token-<find yours in the stytch dashboard>')
+ *
+ * return (
+ *   <StytchB2BProvider stytch={stytch}>
+ *     <App />
+ *   </StytchB2BProvider>
+ * )
+ * @returns A {@link StytchB2BHeadlessClient}
+ */
+const createStytchB2BHeadlessClient = (...args) => {
+    if (typeof window === 'undefined') {
+        return createStytchSSRProxy();
+    }
+    return new StytchB2BHeadlessClient(...args);
+};
+
+export { createStytchB2BHeadlessClient };

package/dist/b2b/index.headless.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var headless = require('@stytch/vanilla-js/b2b/headless');
+var StytchSSRProxy = require('../StytchSSRProxy-86bc42b3.js');
+
+/**
+ * Creates a Headless Stytch client object to call the stytch B2B APIs.
+ * The Stytch client is not available serverside.
+ * @example
+ * const stytch = createStytchB2BHeadlessClient('public-token-<find yours in the stytch dashboard>')
+ *
+ * return (
+ *   <StytchB2BProvider stytch={stytch}>
+ *     <App />
+ *   </StytchB2BProvider>
+ * )
+ * @returns A {@link StytchB2BHeadlessClient}
+ */
+const createStytchB2BHeadlessClient = (...args) => {
+    if (typeof window === 'undefined') {
+        return StytchSSRProxy.createStytchSSRProxy();
+    }
+    return new headless.StytchB2BHeadlessClient(...args);
+};
+
+exports.createStytchB2BHeadlessClient = createStytchB2BHeadlessClient;

package/dist/b2b/index.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var StytchB2BContext = require('../StytchB2BContext-865b6947.js');
 var React = require('react');
-var invariant = require('../invariant-ae5a5bce.js');
+var StytchB2BContext = require('../StytchB2BContext-c5062f9b.js');
+var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-65746ef3.js');
+var StytchSSRProxy = require('../StytchSSRProxy-86bc42b3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -12,10 +13,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /**
  * The Stytch B2B UI component.
- * This component can only be used with a {@link StytchB2BUIClient} client constructor
- * passed into the {@link StytchB2BProvider}
+ * This component can only be used with a Stytch B2B UI Client
+ * passed into the StytchB2BProvider.
  *
- * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/b2b/sdks online reference}
  *
  * @example
  * <StytchB2B
@@ -42,15 +43,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- * @param props {@link StytchB2BProps}
  */
 const StytchB2B = ({ styles, callbacks, config, }) => {
-    invariant.invariant(StytchB2BContext.useIsMounted__INTERNAL(), invariant.noProviderError('<StytchB2B />', 'StytchB2BProvider'));
+    useIsomorphicLayoutEffect.invariant(StytchB2BContext.useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('<StytchB2B />', 'StytchB2BProvider'));
     const stytchClient = StytchB2BContext.useStytchB2BClient();
     const containerEl = React.useRef(null);
-    React.useLayoutEffect(() => {
+    useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
         if (!StytchB2BContext.isUIClient(stytchClient)) {
-            throw Error(invariant.noHeadlessClientError);
+            throw Error(StytchSSRProxy.noHeadlessClientError);
         }
         if (!containerEl.current) {
             return;
@@ -73,10 +73,10 @@ const StytchB2B = ({ styles, callbacks, config, }) => {
  * The Stytch B2B IDP component.
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
  * Requires the user to be logged in.
- * This component can only be used with a {@link StytchB2BUIClient} client constructor
- * passed into the {@link StytchB2BProvider}
+ * This component can only be used with a Stytch B2B UI Client
+ * passed into the StytchB2BProvider.
  *
- * See the {@link https://stytch.com/docs/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/b2b/sdks online reference}
  *
  * @example
  * const styles = {
@@ -95,18 +95,15 @@ const StytchB2B = ({ styles, callbacks, config, }) => {
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
- * @param callbacks - An optional {@link Callbacks} object
- * @param getIDPConsentManifest - Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.
  */
 const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest }) => {
-    invariant.invariant(StytchB2BContext.useIsMounted__INTERNAL(), invariant.noProviderError('<IdentityProvider />'));
+    useIsomorphicLayoutEffect.invariant(StytchB2BContext.useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('<IdentityProvider />'));
     const stytchClient = StytchB2BContext.useStytchB2BClient();
     const { member } = StytchB2BContext.useStytchMember();
     const containerEl = React.useRef(null);
-    React.useLayoutEffect(() => {
+    useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
         if (!StytchB2BContext.isUIClient(stytchClient)) {
-            throw Error(invariant.noHeadlessClientError);
+            throw Error(StytchSSRProxy.noHeadlessClientError);
         }
         if (!containerEl.current) {
             return;
@@ -125,16 +122,92 @@ const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest }) => {
     return React__default["default"].createElement("div", { ref: containerEl });
 };
 
-exports.StytchB2BProvider = StytchB2BContext.StytchB2BProvider;
+/**
+ * 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 member data is from persistent storage.
+ * @example
+ * const {member, isInitialized, fromCache} = useStytchMember();
+ * if (!isInitialized) {
+ *     return <p>Loading...</p>;
+ * }
+ * return (<h1>Welcome, {member.name}</h1>);
+ */
+const useStytchMember = StytchB2BContext.useStytchMember;
+/**
+ * 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.
+ * @example
+ * const {session, isInitialized, fromCache} = useStytchMemberSession();
+ * useEffect(() => {
+ *   if (!isInitialized) {
+ *     return;
+ *   }
+ *   if (!session) {
+ *     router.replace('/login')
+ *   }
+ * }, [session, isInitialized]);
+ */
+const useStytchMemberSession = StytchB2BContext.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 organization data is from persistent storage.
+ * @example
+ * const {organization, isInitialized, fromCache} = useStytchOrganization();
+ * if (!isInitialized) {
+ *     return <p>Loading...</p>;
+ * }
+ * return (<p>Welcome to {organization.organization_name}</p>);
+ */
+const useStytchOrganization = StytchB2BContext.useStytchOrganization;
+/**
+ * Determines whether the logged-in member is allowed to perform the specified action on the specified resource.
+ * Returns `true` if the member can perform the action, `false` otherwise.
+ *
+ * If the member is not logged in, this method will always return false.
+ * If the resource or action provided are not valid for the configured RBAC policy, this method will return false.
+ *
+ * Remember - authorization checks for sensitive actions should always occur on the backend as well.
+ * @example
+ * const { isAuthorized } = useStytchIsAuthorized<Permissions>('documents', 'edit');
+ * return <button disabled={!isAuthorized}>Edit</button>
+ */
+const useStytchIsAuthorized = StytchB2BContext.useStytchIsAuthorized;
+const withStytchMember = StytchB2BContext.withStytchMember;
+const withStytchMemberSession = StytchB2BContext.withStytchMemberSession;
+const withStytchOrganization = StytchB2BContext.withStytchOrganization;
+/**
+ * The Stytch Context Provider.
+ * 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>')
+ *
+ * ReactDOM.render(
+ *   <StytchB2BProvider stytch={stytch}>
+ *     <App />
+ *   </StytchProvider>,
+ *   document.getElementById('root'),
+ * )
+ */
+const StytchB2BProvider = ({ stytch, children, assumeHydrated = true, }) => {
+    return (React__default["default"].createElement(StytchB2BContext.StytchB2BProvider, { stytch: stytch, assumeHydrated: assumeHydrated }, children));
+};
+
 exports.useStytchB2BClient = StytchB2BContext.useStytchB2BClient;
-exports.useStytchIsAuthorized = StytchB2BContext.useStytchIsAuthorized;
-exports.useStytchMember = StytchB2BContext.useStytchMember;
-exports.useStytchMemberSession = StytchB2BContext.useStytchMemberSession;
-exports.useStytchOrganization = StytchB2BContext.useStytchOrganization;
 exports.withStytchB2BClient = StytchB2BContext.withStytchB2BClient;
-exports.withStytchMember = StytchB2BContext.withStytchMember;
-exports.withStytchMemberSession = StytchB2BContext.withStytchMemberSession;
-exports.withStytchOrganization = StytchB2BContext.withStytchOrganization;
 exports.withStytchPermissions = StytchB2BContext.withStytchPermissions;
 exports.B2BIdentityProvider = B2BIdentityProvider;
 exports.StytchB2B = StytchB2B;
+exports.StytchB2BProvider = StytchB2BProvider;
+exports.useStytchIsAuthorized = useStytchIsAuthorized;
+exports.useStytchMember = useStytchMember;
+exports.useStytchMemberSession = useStytchMemberSession;
+exports.useStytchOrganization = useStytchOrganization;
+exports.withStytchMember = withStytchMember;
+exports.withStytchMemberSession = withStytchMemberSession;
+exports.withStytchOrganization = withStytchOrganization;

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

@@ -0,0 +1,17 @@
+import { StytchB2BUIClient } from "@stytch/vanilla-js/b2b";
+/**
+ * Creates a Stytch UI client object to call the Stytch APIs and render Stytch UI components.
+ * The Stytch client is not available serverside.
+ * If you do not use Stytch UI components, use {@link createStytchB2BHeadlessClient} to reduce your bundle size.
+ * @example
+ * const stytch = createStytchB2BUIClient('public-token-<find yours in the stytch dashboard>')
+ *
+ * return (
+ *   <StytchB2BProvider stytch={stytch}>
+ *     <App />
+ *   </StytchB2BProvider>
+ * )
+ * @returns A {@link StytchB2BUIClient}
+ */
+declare const createStytchB2BUIClient: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(_PUBLIC_TOKEN: string, options?: import("@stytch/core/public").StytchClientOptions | undefined) => StytchB2BUIClient<TProjectConfiguration>;
+export { createStytchB2BUIClient };

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

@@ -0,0 +1,17 @@
+import { StytchB2BUIClient } from "@stytch/vanilla-js/b2b";
+/**
+ * Creates a Stytch UI client object to call the Stytch APIs and render Stytch UI components.
+ * The Stytch client is not available serverside.
+ * If you do not use Stytch UI components, use {@link createStytchB2BHeadlessClient} to reduce your bundle size.
+ * @example
+ * const stytch = createStytchB2BUIClient('public-token-<find yours in the stytch dashboard>')
+ *
+ * return (
+ *   <StytchB2BProvider stytch={stytch}>
+ *     <App />
+ *   </StytchB2BProvider>
+ * )
+ * @returns A {@link StytchB2BUIClient}
+ */
+declare const createStytchB2BUIClient: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(_PUBLIC_TOKEN: string, options?: import("@stytch/core/public").StytchClientOptions | undefined) => StytchB2BUIClient<TProjectConfiguration>;
+export { createStytchB2BUIClient };

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

@@ -0,0 +1,25 @@
+import { StytchB2BUIClient } from '@stytch/vanilla-js/b2b';
+import { c as createStytchSSRProxy } from '../StytchSSRProxy-34c789b5.js';
+
+/**
+ * Creates a Stytch UI client object to call the Stytch APIs and render Stytch UI components.
+ * The Stytch client is not available serverside.
+ * If you do not use Stytch UI components, use {@link createStytchB2BHeadlessClient} to reduce your bundle size.
+ * @example
+ * const stytch = createStytchB2BUIClient('public-token-<find yours in the stytch dashboard>')
+ *
+ * return (
+ *   <StytchB2BProvider stytch={stytch}>
+ *     <App />
+ *   </StytchB2BProvider>
+ * )
+ * @returns A {@link StytchB2BUIClient}
+ */
+const createStytchB2BUIClient = (...args) => {
+    if (typeof window === 'undefined') {
+        return createStytchSSRProxy();
+    }
+    return new StytchB2BUIClient(...args);
+};
+
+export { createStytchB2BUIClient };

package/dist/b2b/index.ui.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var b2b = require('@stytch/vanilla-js/b2b');
+var StytchSSRProxy = require('../StytchSSRProxy-86bc42b3.js');
+
+/**
+ * Creates a Stytch UI client object to call the Stytch APIs and render Stytch UI components.
+ * The Stytch client is not available serverside.
+ * If you do not use Stytch UI components, use {@link createStytchB2BHeadlessClient} to reduce your bundle size.
+ * @example
+ * const stytch = createStytchB2BUIClient('public-token-<find yours in the stytch dashboard>')
+ *
+ * return (
+ *   <StytchB2BProvider stytch={stytch}>
+ *     <App />
+ *   </StytchB2BProvider>
+ * )
+ * @returns A {@link StytchB2BUIClient}
+ */
+const createStytchB2BUIClient = (...args) => {
+    if (typeof window === 'undefined') {
+        return StytchSSRProxy.createStytchSSRProxy();
+    }
+    return new b2b.StytchB2BUIClient(...args);
+};
+
+exports.createStytchB2BUIClient = createStytchB2BUIClient;

package/dist/errors-d9d5fbc8.d.ts

@@ -0,0 +1,5 @@
+declare const noProviderError: (item: string, provider?: string) => string;
+declare const providerMustBeUniqueError = "You cannot render a <StytchProvider> inside another <StytchProvider>.";
+declare const noHeadlessClientError = "Tried to create a Stytch Login UI element using the Stytch Headless SDK.\nYou must use the UI SDK to use UI elements.\nPlease make sure you are using a Stytch UI client, not a Stytch Headless client.";
+declare const cannotInvokeMethodOnServerError: (path: string) => string;
+export { noProviderError, providerMustBeUniqueError, noHeadlessClientError, cannotInvokeMethodOnServerError };

package/dist/index-b14d4efe.d.ts

@@ -1,2 +1,2 @@
 export { createDeepEqual } from "./createDeepEqual-5555f2e1.js";
-export { mergeWithStableProps } from "./invariant-568a7633.js";
+export { mergeWithStableProps } from "./useIsomorphicLayoutEffect-1babb81e.js";