fix(clerk-js): Fallback to FAPI error message for password pwned case (#2274)

desiprisg · web-flow · commit 6b59735d6b36 · 2023-12-06T14:32:35.000Z
diff --git a/.changeset/rare-bottles-sell.md b/.changeset/rare-bottles-sell.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fallback to the API error message when the password is pwned and there is no translation available.
diff --git a/packages/clerk-js/src/ui/utils/passwordUtils.ts b/packages/clerk-js/src/ui/utils/passwordUtils.ts
@@ -38,7 +38,7 @@ export const createPasswordError = (errors: ClerkAPIError[], localizationConfig:
   const { t, locale, passwordSettings } = localizationConfig;
 
   if (errors?.[0]?.code === 'form_password_size_in_bytes_exceeded' || errors?.[0]?.code === 'form_password_pwned') {
-    return `${t(localizationKeys(`unstable__errors.${errors?.[0]?.code}` as any))}`;
+    return `${t(localizationKeys(`unstable__errors.${errors?.[0]?.code}` as any)) || errors?.[0]?.message}`;
   }
 
   if (errors?.[0]?.code === 'form_password_not_strong_enough') {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@clerk/clerk-js': patch
 +---
++
 +Fallback to the API error message when the password is pwned and there is no translation available.
Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ export const createPasswordError = (errors: ClerkAPIError[], localizationConfig:`
`38`	`38`	`const { t, locale, passwordSettings } = localizationConfig;`
`39`	`39`
`40`	`40`	`if (errors?.[0]?.code === 'form_password_size_in_bytes_exceeded' \|\| errors?.[0]?.code === 'form_password_pwned') {`
`41`		- return `${t(localizationKeys(`unstable__errors.${errors?.[0]?.code}` as any))}`;
	`41`	+ return `${t(localizationKeys(`unstable__errors.${errors?.[0]?.code}` as any)) \|\| errors?.[0]?.message}`;
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`if (errors?.[0]?.code === 'form_password_not_strong_enough') {`