@stytch/react 19.0.0 → 19.1.1

package/CHANGELOG.md

@@ -1,7 +1,25 @@
 # @stytch/react
 
+## 19.1.1
+
+### Patch Changes
+
+- 67cbee6a: Add DFPPA to OTP Email Login Or Create
+
+## 19.1.0
+
+### Minor Changes
+
+- 160124c9: Add `AdminPortalSCIM` component component to `@stytch/react/b2b/adminPortal`
+
 ## 19.0.0
 
+### Major Changes
+
+- Updated API routes to use api.stytch.com for live and test.stytch.com for test, replacing web.stytch.com.
+  If you use Content Security Policy (CSP) headers, ensure the URL is updated.
+  This was done to reduce the number of network calls and simplify internal routing, resulting in faster API response times—improving request speeds by up to 40 milliseconds roundtrip.
+
 ### Patch Changes
 
 - Updated dependencies [3c39a997]

package/dist/{StytchB2BContext-ce9e254c.js → StytchB2BContext-d240104b.js}

@@ -110,7 +110,7 @@ const useStytchB2BClient = () => {
 const withStytchB2BClient = (Component) => {
     const WithStytch = (props) => {
         invariant.invariant(useIsMounted__INTERNAL(), invariant.noProviderError('withStytchB2BClient', 'StytchB2BProvider'));
-        return React__default['default'].createElement(Component, Object.assign({}, props, { stytch: useStytchB2BClient() }));
+        return React__default["default"].createElement(Component, Object.assign({}, props, { stytch: useStytchB2BClient() }));
     };
     WithStytch.displayName = `withStytch(${Component.displayName || Component.name || 'Component'})`;
     return WithStytch;
@@ -119,7 +119,7 @@ const withStytchMember = (Component) => {
     const WithStytchUser = (props) => {
         invariant.invariant(useIsMounted__INTERNAL(), invariant.noProviderError('withStytchMember', 'StytchB2BProvider'));
         const { member, fromCache } = useStytchMember();
-        return React__default['default'].createElement(Component, Object.assign({}, props, { stytchMember: member, stytchMemberIsFromCache: fromCache }));
+        return React__default["default"].createElement(Component, Object.assign({}, props, { stytchMember: member, stytchMemberIsFromCache: fromCache }));
     };
     WithStytchUser.displayName = `withStytchUser(${Component.displayName || Component.name || 'Component'})`;
     return WithStytchUser;
@@ -128,7 +128,7 @@ const withStytchMemberSession = (Component) => {
     const WithStytchSession = (props) => {
         invariant.invariant(useIsMounted__INTERNAL(), invariant.noProviderError('withStytchMemberSession', 'StytchB2BProvider'));
         const { session, fromCache } = useStytchMemberSession();
-        return React__default['default'].createElement(Component, Object.assign({}, props, { stytchMemberSession: session, stytchMemberSessionIsFromCache: fromCache }));
+        return React__default["default"].createElement(Component, Object.assign({}, props, { stytchMemberSession: session, stytchMemberSessionIsFromCache: fromCache }));
     };
     WithStytchSession.displayName = `withStytchSession(${Component.displayName || Component.name || 'Component'})`;
     return WithStytchSession;
@@ -137,7 +137,7 @@ const withStytchOrganization = (Component) => {
     const WithStytchOrganization = (props) => {
         invariant.invariant(useIsMounted__INTERNAL(), invariant.noProviderError('withStytchOrganization', 'StytchB2BProvider'));
         const { organization, fromCache } = useStytchOrganization();
-        return React__default['default'].createElement(Component, Object.assign({}, props, { stytchOrganization: organization, stytchOrganizationIsFromCache: fromCache }));
+        return React__default["default"].createElement(Component, Object.assign({}, props, { stytchOrganization: organization, stytchOrganizationIsFromCache: fromCache }));
     };
     WithStytchOrganization.displayName = `withStytchOrganization(${Component.displayName || Component.name || 'Component'})`;
     return WithStytchOrganization;
@@ -177,7 +177,7 @@ const withStytchPermissions = (Component) => {
         if (!permissions.loaded) {
             return null;
         }
-        return React__default['default'].createElement(Component, Object.assign({}, props, { stytchPermissions: permissions.value }));
+        return React__default["default"].createElement(Component, Object.assign({}, props, { stytchPermissions: permissions.value }));
     };
     WithStytchPermissions.displayName = `withStytchPermissions(${Component.displayName || Component.name || 'Component'})`;
     return WithStytchPermissions;
@@ -214,10 +214,10 @@ const StytchB2BProvider = ({ stytch, children }) => {
             return invariant.mergeWithStableProps(oldState, newState);
         });
     }), [setClientState, stytch]);
-    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)))));
+    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)))));
 };
 
 exports.StytchB2BProvider = StytchB2BProvider;

package/dist/adminPortal/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AdminPortalSSOMountOptions, AdminPortalOrgSettingsMountOptions, AdminPortalMemberManagementMountOptions } from "@stytch/vanilla-js/b2b/adminPortal";
+import { AdminPortalSSOMountOptions, AdminPortalOrgSettingsMountOptions, AdminPortalMemberManagementMountOptions, AdminPortalSCIMMountOptions } from "@stytch/vanilla-js/b2b/adminPortal";
 import { StytchB2BHeadlessClient } from "@stytch/vanilla-js/b2b/headless";
 interface InjectedOptions {
     client: StytchB2BHeadlessClient;
@@ -30,6 +30,14 @@ type AdminPortalMemberManagementProps = ExcludeInjectedOptions<AdminPortalMember
  * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
  */
 declare const AdminPortalMemberManagement: (props: ExcludeInjectedOptions<AdminPortalMemberManagementMountOptions>) => JSX.Element;
-export { AdminPortalSSO, AdminPortalOrgSettings, AdminPortalMemberManagement };
+type AdminPortalSCIMProps = ExcludeInjectedOptions<AdminPortalSCIMMountOptions>;
+/**
+ * The Admin Portal SCIM UI component.
+ * This component must be rendered within a {@link StytchB2BProvider}.
+ *
+ * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
+ */
+declare const AdminPortalSCIM: (props: ExcludeInjectedOptions<AdminPortalSCIMMountOptions>) => JSX.Element;
+export { AdminPortalSSO, AdminPortalOrgSettings, AdminPortalMemberManagement, AdminPortalSCIM };
 export { AdminPortalB2BProducts } from "@stytch/vanilla-js/b2b/adminPortal";
-export type { AdminPortalSSOProps, AdminPortalOrgSettingsProps, AdminPortalMemberManagementProps };
+export type { AdminPortalSSOProps, AdminPortalOrgSettingsProps, AdminPortalMemberManagementProps, AdminPortalSCIMProps };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AdminPortalSSOMountOptions, AdminPortalOrgSettingsMountOptions, AdminPortalMemberManagementMountOptions } from "@stytch/vanilla-js/b2b/adminPortal";
+import { AdminPortalSSOMountOptions, AdminPortalOrgSettingsMountOptions, AdminPortalMemberManagementMountOptions, AdminPortalSCIMMountOptions } from "@stytch/vanilla-js/b2b/adminPortal";
 import { StytchB2BHeadlessClient } from "@stytch/vanilla-js/b2b/headless";
 interface InjectedOptions {
     client: StytchB2BHeadlessClient;
@@ -30,6 +30,14 @@ type AdminPortalMemberManagementProps = ExcludeInjectedOptions<AdminPortalMember
  * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
  */
 declare const AdminPortalMemberManagement: (props: ExcludeInjectedOptions<AdminPortalMemberManagementMountOptions>) => JSX.Element;
-export { AdminPortalSSO, AdminPortalOrgSettings, AdminPortalMemberManagement };
+type AdminPortalSCIMProps = ExcludeInjectedOptions<AdminPortalSCIMMountOptions>;
+/**
+ * The Admin Portal SCIM UI component.
+ * This component must be rendered within a {@link StytchB2BProvider}.
+ *
+ * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
+ */
+declare const AdminPortalSCIM: (props: ExcludeInjectedOptions<AdminPortalSCIMMountOptions>) => JSX.Element;
+export { AdminPortalSSO, AdminPortalOrgSettings, AdminPortalMemberManagement, AdminPortalSCIM };
 export { AdminPortalB2BProducts } from "@stytch/vanilla-js/b2b/adminPortal";
-export type { AdminPortalSSOProps, AdminPortalOrgSettingsProps, AdminPortalMemberManagementProps };
+export type { AdminPortalSSOProps, AdminPortalOrgSettingsProps, AdminPortalMemberManagementProps, AdminPortalSCIMProps };

package/dist/adminPortal/index.esm.js

@@ -1,4 +1,4 @@
-import { mountAdminPortalSSO, mountAdminPortalOrgSettings, mountAdminPortalMemberManagement } from '@stytch/vanilla-js/b2b/adminPortal';
+import { mountAdminPortalSSO, mountAdminPortalOrgSettings, mountAdminPortalMemberManagement, mountAdminPortalSCIM } from '@stytch/vanilla-js/b2b/adminPortal';
 export { AdminPortalB2BProducts } from '@stytch/vanilla-js/b2b/adminPortal';
 import React, { useRef, useLayoutEffect } from 'react';
 import { u as useIsMounted__INTERNAL, a as useStytchB2BClient } from '../StytchB2BContext-8acafb28.js';
@@ -44,4 +44,12 @@ const AdminPortalOrgSettings = makeAdminPortalComponent(mountAdminPortalOrgSetti
  */
 const AdminPortalMemberManagement = makeAdminPortalComponent(mountAdminPortalMemberManagement, 'AdminPortalMemberManagement');
 
-export { AdminPortalMemberManagement, AdminPortalOrgSettings, AdminPortalSSO };
+/**
+ * The Admin Portal SCIM UI component.
+ * This component must be rendered within a {@link StytchB2BProvider}.
+ *
+ * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
+ */
+const AdminPortalSCIM = makeAdminPortalComponent(mountAdminPortalSCIM, 'AdminPortalSCIM');
+
+export { AdminPortalMemberManagement, AdminPortalOrgSettings, AdminPortalSCIM, AdminPortalSSO };

package/dist/adminPortal/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var adminPortal = require('@stytch/vanilla-js/b2b/adminPortal');
 var React = require('react');
-var StytchB2BContext = require('../StytchB2BContext-ce9e254c.js');
+var StytchB2BContext = require('../StytchB2BContext-d240104b.js');
 var invariant = require('../invariant-ae5a5bce.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -22,7 +22,7 @@ const makeAdminPortalComponent = (mountFn, componentName) => {
             }
             mountFn(Object.assign(Object.assign({}, props), { client: stytchClient, element: containerEl.current }));
         }, [stytchClient, props]);
-        return React__default['default'].createElement("div", { ref: containerEl });
+        return React__default["default"].createElement("div", { ref: containerEl });
     };
     return Component;
 };
@@ -51,12 +51,19 @@ const AdminPortalOrgSettings = makeAdminPortalComponent(adminPortal.mountAdminPo
  */
 const AdminPortalMemberManagement = makeAdminPortalComponent(adminPortal.mountAdminPortalMemberManagement, 'AdminPortalMemberManagement');
 
+/**
+ * The Admin Portal SCIM UI component.
+ * This component must be rendered within a {@link StytchB2BProvider}.
+ *
+ * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
+ */
+const AdminPortalSCIM = makeAdminPortalComponent(adminPortal.mountAdminPortalSCIM, 'AdminPortalSCIM');
+
 Object.defineProperty(exports, 'AdminPortalB2BProducts', {
   enumerable: true,
-  get: function () {
-    return adminPortal.AdminPortalB2BProducts;
-  }
+  get: function () { return adminPortal.AdminPortalB2BProducts; }
 });
 exports.AdminPortalMemberManagement = AdminPortalMemberManagement;
 exports.AdminPortalOrgSettings = AdminPortalOrgSettings;
+exports.AdminPortalSCIM = AdminPortalSCIM;
 exports.AdminPortalSSO = AdminPortalSSO;

package/dist/b2b/index.d.ts

@@ -103,6 +103,6 @@ interface StytchB2BProps {
  * @param props {@link StytchB2BProps}
  */
 declare const StytchB2B: ({ styles, callbacks, config }: StytchB2BProps) => React.JSX.Element;
-export { StytchB2BProvider, useStytchB2BClient, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchB2BClient, withStytchMemberSession, withStytchMember, withStytchOrganization, withStytchPermissions } from "../StytchB2BContext-ce9e254c.js";
+export { StytchB2BProvider, useStytchB2BClient, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchB2BClient, withStytchMemberSession, withStytchMember, withStytchOrganization, withStytchPermissions } from "../StytchB2BContext-d240104b.js";
 export { StytchB2B };
-export type { StytchB2BProviderProps } from "../StytchB2BContext-ce9e254c.js";
+export type { StytchB2BProviderProps } from "../StytchB2BContext-d240104b.js";

package/dist/b2b/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var StytchB2BContext = require('../StytchB2BContext-ce9e254c.js');
+var StytchB2BContext = require('../StytchB2BContext-d240104b.js');
 var React = require('react');
 var invariant = require('../invariant-ae5a5bce.js');
 
@@ -67,7 +67,7 @@ const StytchB2B = ({ styles, callbacks, config }) => {
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps -- SDK-1354
     }, [stytchClient, styles, callbacks]);
-    return React__default['default'].createElement("div", { ref: containerEl });
+    return React__default["default"].createElement("div", { ref: containerEl });
 };
 
 exports.StytchB2BProvider = StytchB2BContext.StytchB2BProvider;

package/dist/index.js

@@ -68,7 +68,7 @@ const useStytch = () => {
 const withStytch = (Component) => {
     const WithStytch = (props) => {
         invariant.invariant(useIsMounted__INTERNAL(), invariant.noProviderError('withStytch'));
-        return React__default['default'].createElement(Component, Object.assign({}, props, { stytch: useStytch() }));
+        return React__default["default"].createElement(Component, Object.assign({}, props, { stytch: useStytch() }));
     };
     WithStytch.displayName = `withStytch(${Component.displayName || Component.name || 'Component'})`;
     return WithStytch;
@@ -77,7 +77,7 @@ const withStytchUser = (Component) => {
     const WithStytchUser = (props) => {
         invariant.invariant(useIsMounted__INTERNAL(), invariant.noProviderError('withStytchUser'));
         const { user, fromCache } = useStytchUser();
-        return React__default['default'].createElement(Component, Object.assign({}, props, { stytchUser: user, stytchUserIsFromCache: fromCache }));
+        return React__default["default"].createElement(Component, Object.assign({}, props, { stytchUser: user, stytchUserIsFromCache: fromCache }));
     };
     WithStytchUser.displayName = `withStytchUser(${Component.displayName || Component.name || 'Component'})`;
     return WithStytchUser;
@@ -86,7 +86,7 @@ const withStytchSession = (Component) => {
     const WithStytchSession = (props) => {
         invariant.invariant(useIsMounted__INTERNAL(), invariant.noProviderError('withStytchSession'));
         const { session, fromCache } = useStytchSession();
-        return React__default['default'].createElement(Component, Object.assign({}, props, { stytchSession: session, stytchSessionIsFromCache: fromCache }));
+        return React__default["default"].createElement(Component, Object.assign({}, props, { stytchSession: session, stytchSessionIsFromCache: fromCache }));
     };
     WithStytchSession.displayName = `withStytchSession(${Component.displayName || Component.name || 'Component'})`;
     return WithStytchSession;
@@ -121,9 +121,9 @@ const StytchProvider = ({ stytch, children }) => {
             return invariant.mergeWithStableProps(oldState, newState);
         });
     }), [setClientState, stytch]);
-    return (React__default['default'].createElement(StytchContext.Provider, { value: ctx },
-        React__default['default'].createElement(StytchUserContext.Provider, { value: user },
-            React__default['default'].createElement(StytchSessionContext.Provider, { value: session }, children))));
+    return (React__default["default"].createElement(StytchContext.Provider, { value: ctx },
+        React__default["default"].createElement(StytchUserContext.Provider, { value: user },
+            React__default["default"].createElement(StytchSessionContext.Provider, { value: session }, children))));
 };
 
 /**
@@ -179,7 +179,7 @@ const StytchLogin = ({ config, styles, callbacks }) => {
             styles,
         });
     }, [stytchClient, config, styles, callbacks]);
-    return React__default['default'].createElement("div", { ref: containerEl });
+    return React__default["default"].createElement("div", { ref: containerEl });
 };
 /**
  * The Stytch Reset Password component.
@@ -242,7 +242,7 @@ const StytchPasswordReset = ({ config, styles, callbacks, passwordResetToken })
             });
         }
     }, [stytchClient, config, styles, callbacks, passwordResetToken]);
-    return React__default['default'].createElement("div", { ref: containerEl });
+    return React__default["default"].createElement("div", { ref: containerEl });
 };
 const StytchPasskeyRegistration = ({ config, styles, callbacks }) => {
     /**
@@ -299,7 +299,7 @@ const StytchPasskeyRegistration = ({ config, styles, callbacks }) => {
             styles,
         });
     }, [stytchClient, config, styles, callbacks, user]);
-    return React__default['default'].createElement("div", { ref: containerEl });
+    return React__default["default"].createElement("div", { ref: containerEl });
 };
 
 exports.StytchLogin = StytchLogin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stytch/react",
-  "version": "19.0.0",
+  "version": "19.1.1",
   "description": "Stytch's official React Library",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -34,13 +34,13 @@
   "devDependencies": {
     "@babel/runtime": "7.18.6",
     "@stytch/js-utils": "0.0.0",
-    "@stytch/vanilla-js": "5.0.0",
+    "@stytch/vanilla-js": "5.9.4",
     "@testing-library/react": "14.0.0",
     "eslint-config-custom": "0.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-test-renderer": "18.0.0",
-    "rollup": "2.56.3",
+    "rollup": "2.79.2",
     "type-fest": "4.15.0",
     "typescript": "5.3.3"
   },