Merge pull request #122 from wwWallet/authenticator-prf-incompat

Add error message if authenticator does not support PRF
wwWallet · Nov 29, 2023 · 9d5cbc3 · 9d5cbc3
2 parents 3bbb2e9 + 356ea28
commit 9d5cbc3
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/src/api/index.ts b/src/api/index.ts
@@ -278,6 +278,7 @@ type SignupWebauthnError = (
 	| 'passkeySignupFailedTryAgain'
 	| 'passkeySignupFinishFailedServerError'
 	| 'passkeySignupKeystoreFailed'
+	| 'passkeySignupPrfNotSupported'
 	| { errorId: 'prfRetryFailed', retryFrom: SignupWebauthnRetryParams }
 );
 type SignupWebauthnRetryParams = { beginData: any, credential: PublicKeyCredential };
@@ -357,6 +358,8 @@ export async function signupWebauthn(
 			} catch (e) {
 				if (e?.errorId === "prf_retry_failed") {
 					return Err({ errorId: 'prfRetryFailed', retryFrom: { credential, beginData } });
+				} else if (e?.errorId === "prf_not_supported") {
+					return Err('passkeySignupPrfNotSupported');
 				} else {
 					return Err('passkeySignupKeystoreFailed');
 				}

diff --git a/src/locales/en.json b/src/locales/en.json
@@ -47,6 +47,7 @@
 	"passkeySignupFailedTryAgain": "Passkey creation failed, please try again.",
 	"passkeySignupFinishFailedServerError": "Failed to finalize passkey creation, please try again later.",
 	"passkeySignupKeystoreFailed": "Failed to initialize wallet key store, please try again.",
+	"passkeySignupPrfNotSupported": "This browser or security key is not supported. Please make sure that your browser supports the WebAuthn PRF extension and your security key, if any, supports the \"hmac-secret\" extension. <docLink>Learn more here</docLink>.",
 	"passwordLabel": "Password",
 	"passwordLength": "Minimum length: 8 characters",
 	"passwordsNotMatchError": "Passwords do not match",

diff --git a/src/pages/Login/Login.js b/src/pages/Login/Login.js
@@ -198,6 +198,20 @@ const WebauthnSignupLogin = ({
 						setError(t('passkeySignupKeystoreFailed'));
 						break;
 
+					case 'passkeySignupPrfNotSupported':
+						setError(
+							<Trans
+								i18nKey ="passkeySignupPrfNotSupported"
+								components={{
+									docLink: <a
+										href="https://github.com/wwWallet/wallet-frontend#prf-compatibility" target='blank_'
+										className="font-medium text-custom-blue hover:underline dark:text-blue-500"
+									/>
+								}}
+							/>
+						);
+						break;
+
 					default:
 						if (result.val?.errorId === 'prfRetryFailed') {
 							setRetrySignupFrom(result.val?.retryFrom);