@stytch/nextjs 21.5.3 → 21.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +16 -4
  2. package/dist/b2b/index.d.ts +3 -3
  3. package/dist/b2b/index.esm.d.ts +3 -3
  4. package/dist/b2b/index.esm.js +3 -2
  5. package/dist/b2b/index.js +3 -2
  6. package/dist/index.d.ts +6 -6
  7. package/dist/index.esm.d.ts +6 -6
  8. package/dist/index.esm.js +12 -8
  9. package/dist/index.js +12 -8
  10. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @stytch/nextjs
2
2
 
3
+ ## 21.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 8a32b3f: Fix an issue with localization in the PasswordError component when using custom password strength rules
8
+
9
+ ## 21.6.0
10
+
11
+ ### Minor Changes
12
+
13
+ - a665bfa: Allow specifying text overrides and text translastion via the `strings` configuration.
14
+
3
15
  ## 21.5.3
4
16
 
5
17
  ### Patch Changes
@@ -242,23 +254,23 @@
242
254
 
243
255
  Two public export locations have changed:
244
256
 
245
- ```javascript
257
+ ```JavaScript
246
258
  import { createStytchB2BHeadlessClient } from '@stytch/nextjs/b2b';
247
259
  ```
248
260
 
249
261
  Is now updated to
250
262
 
251
- ```javascript
263
+ ```JavaScript
252
264
  import { createStytchB2BHeadlessClient } from '@stytch/vanilla-js/b2b/headless';
253
265
  ```
254
266
 
255
- ```javascript
267
+ ```JavaScript
256
268
  import { createStytchB2BUIClient } from '@stytch/nextjs/b2b';
257
269
  ```
258
270
 
259
271
  Is now updated to
260
272
 
261
- ```javascript
273
+ ```JavaScript
262
274
  import { createStytchB2BUIClient } from '@stytch/vanilla-js/b2b/ui';
263
275
  ```
264
276
 
package/dist/b2b/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
- import { Callbacks, StyleConfig, StytchB2BUIConfig, StytchProjectConfigurationInput } from "@stytch/vanilla-js";
3
+ import { Callbacks, StringsOptions, StyleConfig, StytchB2BUIConfig, StytchProjectConfigurationInput } from "@stytch/vanilla-js";
4
4
  import { IDPConsentScreenManifest } from "@stytch/vanilla-js/b2b";
5
- interface StytchB2BProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> {
5
+ interface StytchB2BProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> extends StringsOptions {
6
6
  /**
7
7
  * An optional {@link StyleConfig} to customize the look and feel of the screen.
8
8
  *
@@ -112,7 +112,7 @@ type B2BIdentityProviderProps = Omit<StytchB2BProps, "config"> & {
112
112
  * }}
113
113
  * />
114
114
  */
115
- declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ styles, callbacks, config }: StytchB2BProps<TProjectConfiguration>) => React.JSX.Element;
115
+ declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ styles, callbacks, config, strings }: StytchB2BProps<TProjectConfiguration>) => React.JSX.Element;
116
116
  /**
117
117
  * The Stytch B2B IDP component.
118
118
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
package/dist/b2b/index.esm.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
- import { Callbacks, StyleConfig, StytchB2BUIConfig, StytchProjectConfigurationInput } from "@stytch/vanilla-js";
3
+ import { Callbacks, StringsOptions, StyleConfig, StytchB2BUIConfig, StytchProjectConfigurationInput } from "@stytch/vanilla-js";
4
4
  import { IDPConsentScreenManifest } from "@stytch/vanilla-js/b2b";
5
- interface StytchB2BProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> {
5
+ interface StytchB2BProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> extends StringsOptions {
6
6
  /**
7
7
  * An optional {@link StyleConfig} to customize the look and feel of the screen.
8
8
  *
@@ -112,7 +112,7 @@ type B2BIdentityProviderProps = Omit<StytchB2BProps, "config"> & {
112
112
  * }}
113
113
  * />
114
114
  */
115
- declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ styles, callbacks, config }: StytchB2BProps<TProjectConfiguration>) => React.JSX.Element;
115
+ declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ styles, callbacks, config, strings }: StytchB2BProps<TProjectConfiguration>) => React.JSX.Element;
116
116
  /**
117
117
  * The Stytch B2B IDP component.
118
118
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
package/dist/b2b/index.esm.js CHANGED
@@ -37,7 +37,7 @@ import { a as noHeadlessClientError, n as noProviderError } from '../StytchSSRPr
37
37
  * }}
38
38
  * />
39
39
  */
40
- const StytchB2B = ({ styles, callbacks, config, }) => {
40
+ const StytchB2B = ({ styles, callbacks, config, strings, }) => {
41
41
  invariant(useIsMounted__INTERNAL(), noProviderError('<StytchB2B />', 'StytchB2BProvider'));
42
42
  const stytchClient = useStytchB2BClient();
43
43
  const containerEl = useRef(null);
@@ -57,8 +57,9 @@ const StytchB2B = ({ styles, callbacks, config, }) => {
57
57
  config,
58
58
  elementId: `#${containerEl.current.id}`,
59
59
  styles,
60
+ strings,
60
61
  });
61
- }, [stytchClient, styles, callbacks]);
62
+ }, [stytchClient, styles, callbacks, strings]);
62
63
  return React.createElement("div", { ref: containerEl });
63
64
  };
64
65
  /**
package/dist/b2b/index.js CHANGED
@@ -44,7 +44,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
44
44
  * }}
45
45
  * />
46
46
  */
47
- const StytchB2B = ({ styles, callbacks, config, }) => {
47
+ const StytchB2B = ({ styles, callbacks, config, strings, }) => {
48
48
  useIsomorphicLayoutEffect.invariant(StytchB2BContext.useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('<StytchB2B />', 'StytchB2BProvider'));
49
49
  const stytchClient = StytchB2BContext.useStytchB2BClient();
50
50
  const containerEl = React.useRef(null);
@@ -64,8 +64,9 @@ const StytchB2B = ({ styles, callbacks, config, }) => {
64
64
  config,
65
65
  elementId: `#${containerEl.current.id}`,
66
66
  styles,
67
+ strings,
67
68
  });
68
- }, [stytchClient, styles, callbacks]);
69
+ }, [stytchClient, styles, callbacks, strings]);
69
70
  return React__default["default"].createElement("div", { ref: containerEl });
70
71
  };
71
72
  /**
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { Session, StytchProjectConfigurationInput, StytchUIClient, User, Callbacks, StytchLoginConfig, StyleConfig } from "@stytch/vanilla-js";
4
+ import { Session, StytchProjectConfigurationInput, StytchUIClient, User, Callbacks, StringsOptions, StytchLoginConfig, StyleConfig } from "@stytch/vanilla-js";
5
5
  import { StytchHeadlessClient } from "@stytch/vanilla-js/headless";
6
6
  /**
7
7
  * The Stytch Client object passed in to <StytchProvider /> in your application root.
@@ -153,7 +153,7 @@ interface StytchProviderProps<TProjectConfiguration extends StytchProjectConfigu
153
153
  * )
154
154
  */
155
155
  declare const StytchProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children, assumeHydrated }: StytchProviderProps<TProjectConfiguration>) => JSX.Element;
156
- interface StytchProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> {
156
+ interface StytchProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> extends StringsOptions {
157
157
  /**
158
158
  * A {@link StytchLoginConfig} object. Add products and product-specific config to this object to change the login methods shown.
159
159
  *
@@ -246,7 +246,7 @@ interface StytchProps<TProjectConfiguration extends StytchProjectConfigurationIn
246
246
  * }}
247
247
  * />
248
248
  */
249
- declare const StytchLogin: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
249
+ declare const StytchLogin: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, strings }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
250
250
  interface StytchResetPasswordProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> extends StytchProps<TProjectConfiguration> {
251
251
  /**
252
252
  * A Stytch password reset token.
@@ -284,7 +284,7 @@ type IdentityProviderProps = Omit<StytchProps, "config">;
284
284
  * }}
285
285
  * />
286
286
  */
287
- declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, passwordResetToken }: StytchResetPasswordProps<TProjectConfiguration>) => React.JSX.Element;
287
+ declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, strings, passwordResetToken }: StytchResetPasswordProps<TProjectConfiguration>) => React.JSX.Element;
288
288
  /**
289
289
  * The Stytch Passkey Registration component.
290
290
  * This component can only be used with a Stytch UI Client
@@ -310,7 +310,7 @@ declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import
310
310
  * }}
311
311
  * />
312
312
  */
313
- declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
313
+ declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, strings }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
314
314
  /**
315
315
  * The Stytch IDP component.
316
316
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
@@ -338,6 +338,6 @@ declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<
338
338
  * }}
339
339
  * />
340
340
  */
341
- declare const IdentityProvider: ({ styles, callbacks }: IdentityProviderProps) => React.JSX.Element;
341
+ declare const IdentityProvider: ({ styles, callbacks, strings }: IdentityProviderProps) => React.JSX.Element;
342
342
  export { IdentityProvider, StytchLogin, StytchPasskeyRegistration, StytchPasswordReset, StytchProvider, useStytch, useStytchSession, useStytchUser, withStytch, withStytchSession, withStytchUser };
343
343
  export type { StytchProviderProps, IdentityProviderProps, StytchProps, StytchResetPasswordProps };
package/dist/index.esm.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
- import { Session, StytchProjectConfigurationInput, StytchUIClient, User, Callbacks, StytchLoginConfig, StyleConfig } from "@stytch/vanilla-js";
4
+ import { Session, StytchProjectConfigurationInput, StytchUIClient, User, Callbacks, StringsOptions, StytchLoginConfig, StyleConfig } from "@stytch/vanilla-js";
5
5
  import { StytchHeadlessClient } from "@stytch/vanilla-js/headless";
6
6
  /**
7
7
  * The Stytch Client object passed in to <StytchProvider /> in your application root.
@@ -153,7 +153,7 @@ interface StytchProviderProps<TProjectConfiguration extends StytchProjectConfigu
153
153
  * )
154
154
  */
155
155
  declare const StytchProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children, assumeHydrated }: StytchProviderProps<TProjectConfiguration>) => JSX.Element;
156
- interface StytchProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> {
156
+ interface StytchProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> extends StringsOptions {
157
157
  /**
158
158
  * A {@link StytchLoginConfig} object. Add products and product-specific config to this object to change the login methods shown.
159
159
  *
@@ -246,7 +246,7 @@ interface StytchProps<TProjectConfiguration extends StytchProjectConfigurationIn
246
246
  * }}
247
247
  * />
248
248
  */
249
- declare const StytchLogin: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
249
+ declare const StytchLogin: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, strings }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
250
250
  interface StytchResetPasswordProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> extends StytchProps<TProjectConfiguration> {
251
251
  /**
252
252
  * A Stytch password reset token.
@@ -284,7 +284,7 @@ type IdentityProviderProps = Omit<StytchProps, "config">;
284
284
  * }}
285
285
  * />
286
286
  */
287
- declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, passwordResetToken }: StytchResetPasswordProps<TProjectConfiguration>) => React.JSX.Element;
287
+ declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, strings, passwordResetToken }: StytchResetPasswordProps<TProjectConfiguration>) => React.JSX.Element;
288
288
  /**
289
289
  * The Stytch Passkey Registration component.
290
290
  * This component can only be used with a Stytch UI Client
@@ -310,7 +310,7 @@ declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import
310
310
  * }}
311
311
  * />
312
312
  */
313
- declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
313
+ declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, strings }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
314
314
  /**
315
315
  * The Stytch IDP component.
316
316
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
@@ -338,6 +338,6 @@ declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<
338
338
  * }}
339
339
  * />
340
340
  */
341
- declare const IdentityProvider: ({ styles, callbacks }: IdentityProviderProps) => React.JSX.Element;
341
+ declare const IdentityProvider: ({ styles, callbacks, strings }: IdentityProviderProps) => React.JSX.Element;
342
342
  export { IdentityProvider, StytchLogin, StytchPasskeyRegistration, StytchPasswordReset, StytchProvider, useStytch, useStytchSession, useStytchUser, withStytch, withStytchSession, withStytchUser };
343
343
  export type { StytchProviderProps, IdentityProviderProps, StytchProps, StytchResetPasswordProps };
package/dist/index.esm.js CHANGED
@@ -173,7 +173,7 @@ const StytchProvider = ({ stytch, children, assumeHydrated = false, }) => {
173
173
  * }}
174
174
  * />
175
175
  */
176
- const StytchLogin = ({ config, styles, callbacks, }) => {
176
+ const StytchLogin = ({ config, styles, callbacks, strings, }) => {
177
177
  invariant(useIsMounted__INTERNAL(), noProviderError('<StytchLogin />'));
178
178
  const stytchClient = useStytch();
179
179
  const containerEl = useRef(null);
@@ -193,8 +193,9 @@ const StytchLogin = ({ config, styles, callbacks, }) => {
193
193
  callbacks,
194
194
  elementId: `#${containerEl.current.id}`,
195
195
  styles,
196
+ strings,
196
197
  });
197
- }, [stytchClient, config, styles, callbacks]);
198
+ }, [stytchClient, config, styles, callbacks, strings]);
198
199
  return React.createElement("div", { ref: containerEl });
199
200
  };
200
201
  /**
@@ -227,7 +228,7 @@ const StytchLogin = ({ config, styles, callbacks, }) => {
227
228
  * }}
228
229
  * />
229
230
  */
230
- const StytchPasswordReset = ({ config, styles, callbacks, passwordResetToken, }) => {
231
+ const StytchPasswordReset = ({ config, styles, callbacks, strings, passwordResetToken, }) => {
231
232
  invariant(useIsMounted__INTERNAL(), noProviderError('<StytchResetPassword />'));
232
233
  const stytchClient = useStytch();
233
234
  const containerEl = useRef(null);
@@ -248,10 +249,11 @@ const StytchPasswordReset = ({ config, styles, callbacks, passwordResetToken, })
248
249
  callbacks,
249
250
  elementId: `#${containerEl.current.id}`,
250
251
  styles,
252
+ strings,
251
253
  passwordResetToken,
252
254
  });
253
255
  }
254
- }, [stytchClient, config, styles, callbacks, passwordResetToken]);
256
+ }, [stytchClient, config, styles, callbacks, strings, passwordResetToken]);
255
257
  return React.createElement("div", { ref: containerEl });
256
258
  };
257
259
  /**
@@ -279,7 +281,7 @@ const StytchPasswordReset = ({ config, styles, callbacks, passwordResetToken, })
279
281
  * }}
280
282
  * />
281
283
  */
282
- const StytchPasskeyRegistration = ({ config, styles, callbacks, }) => {
284
+ const StytchPasskeyRegistration = ({ config, styles, callbacks, strings, }) => {
283
285
  invariant(useIsMounted__INTERNAL(), noProviderError('<StytchPasskeyRegistration />'));
284
286
  const stytchClient = useStytch();
285
287
  const user = useStytchUser();
@@ -300,8 +302,9 @@ const StytchPasskeyRegistration = ({ config, styles, callbacks, }) => {
300
302
  callbacks,
301
303
  elementId: `#${containerEl.current.id}`,
302
304
  styles,
305
+ strings,
303
306
  });
304
- }, [stytchClient, config, styles, callbacks, user]);
307
+ }, [stytchClient, config, styles, callbacks, strings, user]);
305
308
  return React.createElement("div", { ref: containerEl });
306
309
  };
307
310
  /**
@@ -331,7 +334,7 @@ const StytchPasskeyRegistration = ({ config, styles, callbacks, }) => {
331
334
  * }}
332
335
  * />
333
336
  */
334
- const IdentityProvider = ({ styles, callbacks }) => {
337
+ const IdentityProvider = ({ styles, callbacks, strings }) => {
335
338
  invariant(useIsMounted__INTERNAL(), noProviderError('<IdentityProvider />'));
336
339
  const stytchClient = useStytch();
337
340
  const user = useStytchUser();
@@ -351,8 +354,9 @@ const IdentityProvider = ({ styles, callbacks }) => {
351
354
  callbacks,
352
355
  elementId: `#${containerEl.current.id}`,
353
356
  styles,
357
+ strings,
354
358
  });
355
- }, [stytchClient, styles, callbacks, user]);
359
+ }, [stytchClient, styles, callbacks, user, strings]);
356
360
  return React.createElement("div", { ref: containerEl });
357
361
  };
358
362
 
package/dist/index.js CHANGED
@@ -181,7 +181,7 @@ const StytchProvider = ({ stytch, children, assumeHydrated = false, }) => {
181
181
  * }}
182
182
  * />
183
183
  */
184
- const StytchLogin = ({ config, styles, callbacks, }) => {
184
+ const StytchLogin = ({ config, styles, callbacks, strings, }) => {
185
185
  useIsomorphicLayoutEffect.invariant(useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('<StytchLogin />'));
186
186
  const stytchClient = useStytch();
187
187
  const containerEl = React.useRef(null);
@@ -201,8 +201,9 @@ const StytchLogin = ({ config, styles, callbacks, }) => {
201
201
  callbacks,
202
202
  elementId: `#${containerEl.current.id}`,
203
203
  styles,
204
+ strings,
204
205
  });
205
- }, [stytchClient, config, styles, callbacks]);
206
+ }, [stytchClient, config, styles, callbacks, strings]);
206
207
  return React__default["default"].createElement("div", { ref: containerEl });
207
208
  };
208
209
  /**
@@ -235,7 +236,7 @@ const StytchLogin = ({ config, styles, callbacks, }) => {
235
236
  * }}
236
237
  * />
237
238
  */
238
- const StytchPasswordReset = ({ config, styles, callbacks, passwordResetToken, }) => {
239
+ const StytchPasswordReset = ({ config, styles, callbacks, strings, passwordResetToken, }) => {
239
240
  useIsomorphicLayoutEffect.invariant(useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('<StytchResetPassword />'));
240
241
  const stytchClient = useStytch();
241
242
  const containerEl = React.useRef(null);
@@ -256,10 +257,11 @@ const StytchPasswordReset = ({ config, styles, callbacks, passwordResetToken, })
256
257
  callbacks,
257
258
  elementId: `#${containerEl.current.id}`,
258
259
  styles,
260
+ strings,
259
261
  passwordResetToken,
260
262
  });
261
263
  }
262
- }, [stytchClient, config, styles, callbacks, passwordResetToken]);
264
+ }, [stytchClient, config, styles, callbacks, strings, passwordResetToken]);
263
265
  return React__default["default"].createElement("div", { ref: containerEl });
264
266
  };
265
267
  /**
@@ -287,7 +289,7 @@ const StytchPasswordReset = ({ config, styles, callbacks, passwordResetToken, })
287
289
  * }}
288
290
  * />
289
291
  */
290
- const StytchPasskeyRegistration = ({ config, styles, callbacks, }) => {
292
+ const StytchPasskeyRegistration = ({ config, styles, callbacks, strings, }) => {
291
293
  useIsomorphicLayoutEffect.invariant(useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('<StytchPasskeyRegistration />'));
292
294
  const stytchClient = useStytch();
293
295
  const user = useStytchUser();
@@ -308,8 +310,9 @@ const StytchPasskeyRegistration = ({ config, styles, callbacks, }) => {
308
310
  callbacks,
309
311
  elementId: `#${containerEl.current.id}`,
310
312
  styles,
313
+ strings,
311
314
  });
312
- }, [stytchClient, config, styles, callbacks, user]);
315
+ }, [stytchClient, config, styles, callbacks, strings, user]);
313
316
  return React__default["default"].createElement("div", { ref: containerEl });
314
317
  };
315
318
  /**
@@ -339,7 +342,7 @@ const StytchPasskeyRegistration = ({ config, styles, callbacks, }) => {
339
342
  * }}
340
343
  * />
341
344
  */
342
- const IdentityProvider = ({ styles, callbacks }) => {
345
+ const IdentityProvider = ({ styles, callbacks, strings }) => {
343
346
  useIsomorphicLayoutEffect.invariant(useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('<IdentityProvider />'));
344
347
  const stytchClient = useStytch();
345
348
  const user = useStytchUser();
@@ -359,8 +362,9 @@ const IdentityProvider = ({ styles, callbacks }) => {
359
362
  callbacks,
360
363
  elementId: `#${containerEl.current.id}`,
361
364
  styles,
365
+ strings,
362
366
  });
363
- }, [stytchClient, styles, callbacks, user]);
367
+ }, [stytchClient, styles, callbacks, user, strings]);
364
368
  return React__default["default"].createElement("div", { ref: containerEl });
365
369
  };
366
370
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stytch/nextjs",
3
- "version": "21.5.3",
3
+ "version": "21.6.1",
4
4
  "description": "Stytch's official Next.js Library",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.esm.js",
@@ -21,10 +21,10 @@
21
21
  "license": "MIT",
22
22
  "author": "Stytch",
23
23
  "devDependencies": {
24
- "@babel/runtime": "7.27.0",
24
+ "@babel/runtime": "7.27.1",
25
25
  "@stytch/internal-tsconfigs": "0.0.0",
26
26
  "@stytch/js-utils": "0.0.1",
27
- "@stytch/vanilla-js": "5.24.6",
27
+ "@stytch/vanilla-js": "5.25.2",
28
28
  "@testing-library/react": "14.0.0",
29
29
  "@types/jest": "29.5.14",
30
30
  "eslint-config-custom": "0.0.1",