Add support for showing error on invalid credentials on signin attempt

Author: deepjyoti30-st

lib/build/recipe/webauthn/components/themes/translations.d.ts

@@ -38,8 +38,13 @@ function PasskeySignInTheme(props: SignInThemeProps): JSX.Element {
                 userContext,
             });
 
+            if (response.status === "INVALID_CREDENTIALS_ERROR") {
+                setError("WEBAUTHN_PASSKEY_INVALID_CREDENTIALS_ERROR");
+                return;
+            }
+
             if (response.status === "FAILED_TO_AUTHENTICATE_USER") {
-                setError("Failed to authenticate user");
+                setError("WEBAUTHN_PASSKEY_RECOVERABLE_ERROR");
                 return;
             }
 
@@ -93,9 +98,7 @@ function PasskeySignInTheme(props: SignInThemeProps): JSX.Element {
         <UserContextWrapper userContext={props.userContext}>
             <ThemeBase userStyles={[rootStyle, props.config.recipeRootStyle, activeStyle]}>
                 <div data-supertokens="passkeySignInContainer">
-                    {error !== "" && error !== null && (
-                        <RecoverableError errorMessageLabel="WEBAUTHN_PASSKEY_RECOVERABLE_ERROR" />
-                    )}
+                    {error !== "" && error !== null && <RecoverableError errorMessageLabel={error} />}
                     <ContinueWithPasskeyTheme
                         {...props}
                         continueWithPasskeyClicked={handleWebauthnSignInClick}

lib/build/webauthnprebuiltui.js

@@ -21,6 +21,8 @@ export const defaultTranslationsWebauthn = {
         WEBAUTHN_FEATURE_BLOCK_KEEP_ACCOUNT_SAFER_DETAIL: "Passkey offer state of the art phishing resistance.",
         WEBAUTHN_PASSKEY_RECOVERABLE_ERROR:
             "The request either timed out, was canceled or the device is already registered. Please try again or try using another device.",
+        WEBAUTHN_PASSKEY_INVALID_CREDENTIALS_ERROR:
+            "The passkey is invalid, please try again, possibly with a different device.",
         WEBAUTHN_ERROR_GO_BACK_BUTTON_LABEL: "Go back",
         WEBAUTHN_UNRECOVERABLE_ERROR: "Something went wrong",
         WEBAUTHN_UNRECOVERABLE_ERROR_DETAILS: "Something went wrong with your current session. please try again.",