@stytch/react 19.4.1 → 19.4.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @stytch/react
 
+## 19.4.3
+
+### Patch Changes
+
+- a9fb562: Fix incorrect internal type references
+
+## 19.4.2
+
+### Patch Changes
+
+- c20addb: Fix some README typos
+
 ## 19.4.1
 
 ### Patch Changes

package/README.md

@@ -4,12 +4,15 @@ Stytch's React Library
 
 ## Install
 
-With `npm`
-`npm install @stytch/react @stytch/vanilla-js --save`
+With `npm`:
+
+```shell
+npm install @stytch/react @stytch/vanilla-js --save
+```
 
 ## Documentation
 
-For full documentation please refer to Stytch's javascript SDK documentation at https://stytch.com/docs/sdks/javascript-sdk.
+For full documentation please refer to Stytch's javascript SDK documentation at https://stytch.com/docs/sdks.
 
 ## Example Usage
 
@@ -20,11 +23,10 @@ import { StytchUIClient } from '@stytch/vanilla-js';
 const stytch = new StytchUIClient('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
@@ -43,22 +45,17 @@ 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),
     },
   };
 
   return (
     <div id="login">
-      <StytchLogin
-        config={stytchProps.loginOrSignupView}
-        styles={stytchProps.styles}
-        callbacks={stytchProps.callbacks}
-      />
+      <StytchLogin config={stytchProps.config} styles={stytchProps.styles} callbacks={stytchProps.callbacks} />
     </div>
   );
 };

package/dist/adminPortal/index.d.ts

@@ -14,7 +14,7 @@ type AdminPortalSSOProps<TProjectConfiguration extends StytchProjectConfiguratio
  *
  * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
  */
-declare const AdminPortalSSO: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalSSOMountOptions<Partial<import("core/dist/public").StytchProjectConfiguration>>>) => JSX.Element;
+declare const AdminPortalSSO: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalSSOMountOptions<Partial<import("@stytch/core/public").StytchProjectConfiguration>>>) => JSX.Element;
 type AdminPortalOrgSettingsProps<TProjectConfiguration extends StytchProjectConfigurationInput$0 = Stytch.DefaultProjectConfiguration> = ExcludeInjectedOptions<AdminPortalOrgSettingsMountOptions<TProjectConfiguration>>;
 /**
  * The Admin Portal Organization Settings UI component.
@@ -22,7 +22,7 @@ type AdminPortalOrgSettingsProps<TProjectConfiguration extends StytchProjectConf
  *
  * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
  */
-declare const AdminPortalOrgSettings: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalOrgSettingsMountOptions<Partial<import("core/dist/public").StytchProjectConfiguration>>>) => JSX.Element;
+declare const AdminPortalOrgSettings: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalOrgSettingsMountOptions<Partial<import("@stytch/core/public").StytchProjectConfiguration>>>) => JSX.Element;
 type AdminPortalMemberManagementProps<TProjectConfiguration extends StytchProjectConfigurationInput$0 = Stytch.DefaultProjectConfiguration> = ExcludeInjectedOptions<AdminPortalMemberManagementMountOptions<TProjectConfiguration>>;
 /**
  * The Admin Portal member management UI component.
@@ -30,7 +30,7 @@ type AdminPortalMemberManagementProps<TProjectConfiguration extends StytchProjec
  *
  * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
  */
-declare const AdminPortalMemberManagement: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalMemberManagementMountOptions<Partial<import("core/dist/public").StytchProjectConfiguration>>>) => JSX.Element;
+declare const AdminPortalMemberManagement: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalMemberManagementMountOptions<Partial<import("@stytch/core/public").StytchProjectConfiguration>>>) => JSX.Element;
 type AdminPortalSCIMProps<TProjectConfiguration extends StytchProjectConfigurationInput$0 = Stytch.DefaultProjectConfiguration> = ExcludeInjectedOptions<AdminPortalSCIMMountOptions<TProjectConfiguration>>;
 /**
  * The Admin Portal SCIM UI component.
@@ -38,7 +38,7 @@ 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("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalSCIMMountOptions<Partial<import("core/dist/public").StytchProjectConfiguration>>>) => JSX.Element;
+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 type { AdminPortalSSOProps, AdminPortalOrgSettingsProps, AdminPortalMemberManagementProps, AdminPortalSCIMProps };

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

@@ -14,7 +14,7 @@ type AdminPortalSSOProps<TProjectConfiguration extends StytchProjectConfiguratio
  *
  * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
  */
-declare const AdminPortalSSO: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalSSOMountOptions<Partial<import("core/dist/public").StytchProjectConfiguration>>>) => JSX.Element;
+declare const AdminPortalSSO: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalSSOMountOptions<Partial<import("@stytch/core/public").StytchProjectConfiguration>>>) => JSX.Element;
 type AdminPortalOrgSettingsProps<TProjectConfiguration extends StytchProjectConfigurationInput$0 = Stytch.DefaultProjectConfiguration> = ExcludeInjectedOptions<AdminPortalOrgSettingsMountOptions<TProjectConfiguration>>;
 /**
  * The Admin Portal Organization Settings UI component.
@@ -22,7 +22,7 @@ type AdminPortalOrgSettingsProps<TProjectConfiguration extends StytchProjectConf
  *
  * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
  */
-declare const AdminPortalOrgSettings: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalOrgSettingsMountOptions<Partial<import("core/dist/public").StytchProjectConfiguration>>>) => JSX.Element;
+declare const AdminPortalOrgSettings: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalOrgSettingsMountOptions<Partial<import("@stytch/core/public").StytchProjectConfiguration>>>) => JSX.Element;
 type AdminPortalMemberManagementProps<TProjectConfiguration extends StytchProjectConfigurationInput$0 = Stytch.DefaultProjectConfiguration> = ExcludeInjectedOptions<AdminPortalMemberManagementMountOptions<TProjectConfiguration>>;
 /**
  * The Admin Portal member management UI component.
@@ -30,7 +30,7 @@ type AdminPortalMemberManagementProps<TProjectConfiguration extends StytchProjec
  *
  * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
  */
-declare const AdminPortalMemberManagement: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalMemberManagementMountOptions<Partial<import("core/dist/public").StytchProjectConfiguration>>>) => JSX.Element;
+declare const AdminPortalMemberManagement: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalMemberManagementMountOptions<Partial<import("@stytch/core/public").StytchProjectConfiguration>>>) => JSX.Element;
 type AdminPortalSCIMProps<TProjectConfiguration extends StytchProjectConfigurationInput$0 = Stytch.DefaultProjectConfiguration> = ExcludeInjectedOptions<AdminPortalSCIMMountOptions<TProjectConfiguration>>;
 /**
  * The Admin Portal SCIM UI component.
@@ -38,7 +38,7 @@ 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("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(props: ExcludeInjectedOptions<AdminPortalSCIMMountOptions<Partial<import("core/dist/public").StytchProjectConfiguration>>>) => JSX.Element;
+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 type { AdminPortalSSOProps, AdminPortalOrgSettingsProps, AdminPortalMemberManagementProps, AdminPortalSCIMProps };

package/dist/b2b/index.d.ts

@@ -112,7 +112,7 @@ type B2BIdentityProviderProps = Omit<StytchB2BProps, "config"> & {
  * />
  * @param props {@link StytchB2BProps}
  */
-declare const StytchB2B: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration>>({ styles, callbacks, config }: StytchB2BProps<TProjectConfiguration>) => React.JSX.Element;
+declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration>>({ styles, callbacks, config }: StytchB2BProps<TProjectConfiguration>) => React.JSX.Element;
 /**
  * The Stytch B2B IDP component.
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.

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

@@ -112,7 +112,7 @@ type B2BIdentityProviderProps = Omit<StytchB2BProps, "config"> & {
  * />
  * @param props {@link StytchB2BProps}
  */
-declare const StytchB2B: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration>>({ styles, callbacks, config }: StytchB2BProps<TProjectConfiguration>) => React.JSX.Element;
+declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration>>({ styles, callbacks, config }: StytchB2BProps<TProjectConfiguration>) => React.JSX.Element;
 /**
  * The Stytch B2B IDP component.
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.

package/dist/index.d.ts

@@ -98,7 +98,7 @@ interface StytchProps<TProjectConfiguration extends StytchProjectConfigurationIn
  * />
  * @param props {@link StytchProps}
  */
-declare const StytchLogin: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
+declare const StytchLogin: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
 interface StytchResetPasswordProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> extends StytchProps<TProjectConfiguration> {
     passwordResetToken: string;
 }
@@ -138,8 +138,8 @@ type IdentityProviderProps = Omit<StytchProps, "config">;
  * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
  * @param callbacks - An optional {@link Callbacks} object
  */
-declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, passwordResetToken }: StytchResetPasswordProps<TProjectConfiguration>) => React.JSX.Element;
-declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
+declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, passwordResetToken }: StytchResetPasswordProps<TProjectConfiguration>) => React.JSX.Element;
+declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
 /**
  * The Stytch IDP component.
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
@@ -226,8 +226,8 @@ declare const useStytchSession: () => SWRSession;
  *   stytch.magicLinks.authenticate('...')
  * }, [stytch]);
  */
-declare const useStytch: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>() => StytchClient<TProjectConfiguration>;
-declare const withStytch: <T extends object, TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(Component: React.ComponentType<T & {
+declare const useStytch: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>() => StytchClient<TProjectConfiguration>;
+declare const withStytch: <T extends object, TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(Component: React.ComponentType<T & {
     stytch: StytchClient<TProjectConfiguration>;
 }>) => React.ComponentType<T>;
 declare const withStytchUser: <T extends object>(Component: React.ComponentType<T & {
@@ -258,6 +258,6 @@ type StytchProviderProps<TProjectConfiguration extends StytchProjectConfiguratio
  *   document.getElementById('root'),
  * )
  */
-declare const StytchProvider: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children }: StytchProviderProps<TProjectConfiguration>) => JSX.Element;
+declare const StytchProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children }: StytchProviderProps<TProjectConfiguration>) => JSX.Element;
 export { StytchLogin, StytchPasswordReset, StytchPasskeyRegistration, IdentityProvider, StytchProvider, useStytch, useStytchSession, useStytchUser, withStytch, withStytchSession, withStytchUser };
 export type { StytchProviderProps };

package/dist/index.esm.d.ts

@@ -98,7 +98,7 @@ interface StytchProps<TProjectConfiguration extends StytchProjectConfigurationIn
  * />
  * @param props {@link StytchProps}
  */
-declare const StytchLogin: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
+declare const StytchLogin: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
 interface StytchResetPasswordProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> extends StytchProps<TProjectConfiguration> {
     passwordResetToken: string;
 }
@@ -138,8 +138,8 @@ type IdentityProviderProps = Omit<StytchProps, "config">;
  * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
  * @param callbacks - An optional {@link Callbacks} object
  */
-declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, passwordResetToken }: StytchResetPasswordProps<TProjectConfiguration>) => React.JSX.Element;
-declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
+declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, passwordResetToken }: StytchResetPasswordProps<TProjectConfiguration>) => React.JSX.Element;
+declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
 /**
  * The Stytch IDP component.
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
@@ -226,8 +226,8 @@ declare const useStytchSession: () => SWRSession;
  *   stytch.magicLinks.authenticate('...')
  * }, [stytch]);
  */
-declare const useStytch: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>() => StytchClient<TProjectConfiguration>;
-declare const withStytch: <T extends object, TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(Component: React.ComponentType<T & {
+declare const useStytch: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>() => StytchClient<TProjectConfiguration>;
+declare const withStytch: <T extends object, TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(Component: React.ComponentType<T & {
     stytch: StytchClient<TProjectConfiguration>;
 }>) => React.ComponentType<T>;
 declare const withStytchUser: <T extends object>(Component: React.ComponentType<T & {
@@ -258,6 +258,6 @@ type StytchProviderProps<TProjectConfiguration extends StytchProjectConfiguratio
  *   document.getElementById('root'),
  * )
  */
-declare const StytchProvider: <TProjectConfiguration extends Partial<import("core/dist/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children }: StytchProviderProps<TProjectConfiguration>) => JSX.Element;
+declare const StytchProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children }: StytchProviderProps<TProjectConfiguration>) => JSX.Element;
 export { StytchLogin, StytchPasswordReset, StytchPasskeyRegistration, IdentityProvider, StytchProvider, useStytch, useStytchSession, useStytchUser, withStytch, withStytchSession, withStytchUser };
 export type { StytchProviderProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stytch/react",
-  "version": "19.4.1",
+  "version": "19.4.3",
   "description": "Stytch's official React Library",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -35,7 +35,7 @@
     "@babel/runtime": "7.26.10",
     "@stytch/internal-tsconfigs": "0.0.0",
     "@stytch/js-utils": "0.0.1",
-    "@stytch/vanilla-js": "5.18.6",
+    "@stytch/vanilla-js": "5.22.1",
     "@testing-library/react": "14.0.0",
     "@types/jest": "29.5.14",
     "eslint-config-custom": "0.0.1",