@stytch/nextjs 11.0.0 → 13.0.0

package/dist/b2b/index.esm.js

@@ -1,28 +1,9 @@
 import React, { useRef, useState, useEffect, useCallback, createContext, useContext, useMemo, useLayoutEffect } from 'react';
-import { StytchB2BHeadlessClient, StytchB2BUIClient } from '@stytch/vanilla-js/b2b';
 
 const noProviderError = (item, provider = 'StytchProvider') => `${item} can only be used inside <${provider}>.`;
 const noHeadlessClientError = `Tried to create a Stytch Login UI element using the Stytch Headless SDK.
 You must use the UI SDK to use UI elements.
 Please make sure you are importing createStytchHeadlessClient from @stytch/nextjs/ui and not from @stytch/nextjs/headless.`;
-const cannotInvokeMethodOnServerError = (path) => `[Stytch] Invalid serverside function call to ${path}.
-The Stytch Javascript SDK is intended to ony be used on the client side.
-Make sure to wrap your API calls in a hook to ensure they are executed on the client.
-\`\`\`
-const myComponent = () => {
-  const stytch = useStytch();
-  // This will error out on the server.
-  stytch.magicLinks.authenticate(...);
-  useEffect(() => {
-    // This will work well
-    stytch.magicLinks.authenticate(...);
-  }, []);
-}
-\`\`\`
-
-If you want to make API calls from server environments, please use the Stytch Node Library
-https://www.npmjs.com/package/stytch.
-`;
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function invariant(cond, message) {
@@ -52,23 +33,6 @@ const SSRStubKey = Symbol('__stytch_SSRStubKey');
 const isStytchSSRProxy = (proxy) => {
     return !!proxy[SSRStubKey];
 };
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const createProxy = (path) => {
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    const noop = () => { };
-    return new Proxy(noop, {
-        get(target, p) {
-            if (p === SSRStubKey) {
-                return true;
-            }
-            return createProxy(path + '.' + String(p));
-        },
-        apply() {
-            throw new Error(cannotInvokeMethodOnServerError(path));
-        },
-    });
-};
-const createStytchSSRProxy = () => createProxy('stytch');
 
 const initialMember = {
     member: null,
@@ -268,45 +232,4 @@ const StytchB2B = ({ styles, callbacks, config }) => {
     return React.createElement("div", { ref: containerEl });
 };
 
-/**
- * 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 StytchHeadlessClient}
- */
-const createStytchB2BHeadlessClient = (...args) => {
-    if (typeof window === 'undefined') {
-        return createStytchSSRProxy();
-    }
-    return new StytchB2BHeadlessClient(...args);
-};
-
-/**
- * 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 { StytchB2B, StytchB2BProvider, createStytchB2BHeadlessClient, createStytchB2BUIClient, useStytchB2BClient, useStytchMember, useStytchMemberSession, withStytchB2BClient, withStytchMember, withStytchMemberSession };
+export { StytchB2B, StytchB2BProvider, useStytchB2BClient, useStytchMember, useStytchMemberSession, withStytchB2BClient, withStytchMember, withStytchMemberSession };

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

@@ -0,0 +1 @@
+export * from './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: (_PUBLIC_TOKEN: string, options?: import("core/dist/public").StytchClientOptions | undefined) => StytchB2BHeadlessClient;
+export { createStytchB2BHeadlessClient };