@stytch/react 19.11.1 → 19.13.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @stytch/react
 
+## 19.13.0
+
+### Minor Changes
+
+- bd48584: Store last used OAuth and SSO method locally and move it to the top of the list the next time users visit the log in page.
+  Add "provider.lastUsed" translation string for "Last used" text indicating the last used auth method.
+
+## 19.12.0
+
+### Minor Changes
+
+- 0c1a944: Update labels to use <label> element and improve accessibility
+  New `formField.phone.label` string for phone number input label and `formField.countryCode.label` for country code label
+  `formField.password.ariaLabel` string has been folded into `formField.password.label` and can be removed
+
+### Patch Changes
+
+- ee4c32f: Update localization library lingui to 5.5.0
+- b1af064: Update error message
+
 ## 19.11.1
 
 ### Patch Changes

package/dist/{StytchB2BContext-f7acf57f.js → StytchB2BContext-dad97135.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect-672e4b66.js');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect-35a9b44b.js');
 var StytchSSRProxy = require('./StytchSSRProxy-86bc42b3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/{StytchB2BContext-4afdf6a8.js → StytchB2BContext-dc5957f6.js}

@@ -1,5 +1,5 @@
 import React, { createContext, useContext, useEffect, useMemo, useCallback, useRef } from 'react';
-import { i as invariant, u as useAsyncState, m as mergeWithStableProps } from './useIsomorphicLayoutEffect-681e2138.js';
+import { i as invariant, u as useAsyncState, m as mergeWithStableProps } from './useIsomorphicLayoutEffect-3bc90e37.js';
 import { n as noProviderError, i as isStytchSSRProxy } from './StytchSSRProxy-34c789b5.js';
 
 const initialMember = {

package/dist/adminPortal/index.esm.js

@@ -1,9 +1,9 @@
 import { mountAdminPortalSSO, mountAdminPortalOrgSettings, mountAdminPortalMemberManagement, mountAdminPortalSCIM } from '@stytch/vanilla-js/b2b/adminPortal';
 export { AdminPortalB2BProducts } from '@stytch/vanilla-js/b2b/adminPortal';
 import React, { useRef } from 'react';
-import { u as useIsMounted__INTERNAL, a as useStytchB2BClient } from '../StytchB2BContext-4afdf6a8.js';
+import { u as useIsMounted__INTERNAL, a as useStytchB2BClient } from '../StytchB2BContext-dc5957f6.js';
 import { n as noProviderError } from '../StytchSSRProxy-34c789b5.js';
-import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-681e2138.js';
+import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-3bc90e37.js';
 
 const makeAdminPortalComponent = (mountFn, componentName) => {
     const Component = (props) => {

package/dist/adminPortal/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var adminPortal = require('@stytch/vanilla-js/b2b/adminPortal');
 var React = require('react');
-var StytchB2BContext = require('../StytchB2BContext-f7acf57f.js');
+var StytchB2BContext = require('../StytchB2BContext-dad97135.js');
 var StytchSSRProxy = require('../StytchSSRProxy-86bc42b3.js');
-var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-672e4b66.js');
+var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-35a9b44b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/b2b/index.d.ts

@@ -314,7 +314,7 @@ interface StytchB2BProviderProps<TProjectConfiguration extends StytchProjectConf
  * )
  */
 declare const StytchB2BProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children, assumeHydrated }: StytchB2BProviderProps<TProjectConfiguration>) => JSX.Element;
-export { useStytchB2BClient, withStytchB2BClient, withStytchPermissions } from "../StytchB2BContext-f7acf57f.js";
+export { useStytchB2BClient, withStytchB2BClient, withStytchPermissions } from "../StytchB2BContext-dad97135.js";
 export { StytchB2BProvider, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchMemberSession, withStytchMember, withStytchOrganization, StytchB2B, B2BIdentityProvider };
 export type { StytchB2BProviderProps, StytchB2BProps, B2BIdentityProviderProps };
 export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';

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

@@ -314,7 +314,7 @@ interface StytchB2BProviderProps<TProjectConfiguration extends StytchProjectConf
  * )
  */
 declare const StytchB2BProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children, assumeHydrated }: StytchB2BProviderProps<TProjectConfiguration>) => JSX.Element;
-export { useStytchB2BClient, withStytchB2BClient, withStytchPermissions } from "../StytchB2BContext-4afdf6a8.js";
+export { useStytchB2BClient, withStytchB2BClient, withStytchPermissions } from "../StytchB2BContext-dc5957f6.js";
 export { StytchB2BProvider, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchMemberSession, withStytchMember, withStytchOrganization, StytchB2B, B2BIdentityProvider };
 export type { StytchB2BProviderProps, StytchB2BProps, B2BIdentityProviderProps };
 export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';

package/dist/b2b/index.esm.js

@@ -1,7 +1,7 @@
 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-4afdf6a8.js';
-export { a as useStytchB2BClient, h as withStytchB2BClient, j as withStytchPermissions } from '../StytchB2BContext-4afdf6a8.js';
-import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-681e2138.js';
+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-dc5957f6.js';
+export { a as useStytchB2BClient, h as withStytchB2BClient, j as withStytchPermissions } from '../StytchB2BContext-dc5957f6.js';
+import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-3bc90e37.js';
 import { a as noHeadlessClientError, n as noProviderError } from '../StytchSSRProxy-34c789b5.js';
 export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';
 

package/dist/b2b/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var StytchB2BContext = require('../StytchB2BContext-f7acf57f.js');
-var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-672e4b66.js');
+var StytchB2BContext = require('../StytchB2BContext-dad97135.js');
+var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-35a9b44b.js');
 var StytchSSRProxy = require('../StytchSSRProxy-86bc42b3.js');
 var vanillaJs = require('@stytch/vanilla-js');
 

package/dist/index-b14d4efe.d.ts

@@ -1,2 +1,2 @@
 export { createDeepEqual } from "./createDeepEqual-5555f2e1.js";
-export { mergeWithStableProps } from "./useIsomorphicLayoutEffect-681e2138.js";
+export { mergeWithStableProps } from "./useIsomorphicLayoutEffect-3bc90e37.js";

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import React, { createContext, useContext, useEffect, useMemo, useCallback, useRef } from 'react';
-import { i as invariant, u as useAsyncState, m as mergeWithStableProps, a as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-681e2138.js';
+import { i as invariant, u as useAsyncState, m as mergeWithStableProps, a as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect-3bc90e37.js';
 import { n as noProviderError, i as isStytchSSRProxy, p as providerMustBeUniqueError, a as noHeadlessClientError } from './StytchSSRProxy-34c789b5.js';
 export { parseOAuthAuthorizeParams, parseOAuthLogoutParams } from '@stytch/vanilla-js';
 

package/dist/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect-672e4b66.js');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect-35a9b44b.js');
 var StytchSSRProxy = require('./StytchSSRProxy-86bc42b3.js');
 var vanillaJs = require('@stytch/vanilla-js');
 

package/dist/{useIsomorphicLayoutEffect-672e4b66.js → useIsomorphicLayoutEffect-35a9b44b.js}

@@ -65,7 +65,9 @@ const useAsyncState = (initialState) => {
         };
     }, []);
     const setStateAction = React.useCallback((newState) => {
-        isMounted.current && setState(newState);
+        if (isMounted.current) {
+            setState(newState);
+        }
     }, []);
     return [state, setStateAction];
 };

package/dist/{useIsomorphicLayoutEffect-681e2138.js → useIsomorphicLayoutEffect-3bc90e37.js}

@@ -63,7 +63,9 @@ const useAsyncState = (initialState) => {
         };
     }, []);
     const setStateAction = useCallback((newState) => {
-        isMounted.current && setState(newState);
+        if (isMounted.current) {
+            setState(newState);
+        }
     }, []);
     return [state, setStateAction];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stytch/react",
-  "version": "19.11.1",
+  "version": "19.13.0",
   "description": "Stytch's official React Library",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -17,7 +17,8 @@
     "compile": "rollup -c",
     "dev": "rollup -c -w",
     "dev:esbuild": "yarn dev",
-    "test": "jest"
+    "test": "jest",
+    "typecheck": "tsc --noEmit"
   },
   "license": "MIT",
   "homepage": "https://stytch.com/docs/sdks/javascript-sdk",
@@ -38,14 +39,14 @@
     "@stytch/internal-react-shared": "0.0.0",
     "@stytch/internal-test-utils": "0.0.0",
     "@stytch/internal-tsconfigs": "0.0.0",
+    "@stytch/jest-environment": "0.0.0",
     "@stytch/js-utils": "0.0.1",
-    "@stytch/vanilla-js": "5.35.1",
+    "@stytch/vanilla-js": "5.38.0",
     "@testing-library/react": "14.0.0",
     "@types/jest": "29.5.14",
+    "@types/react": "18.3.26",
     "eslint-config-custom": "0.0.1",
     "jest": "29.7.0",
-    "jest-environment-jsdom": "29.7.0",
-    "jest-environment-jsdom-global": "4.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-test-renderer": "18.0.0",