Replace RecoverableError with GeneralError

Author: deepjyoti30-st

lib/build/recipe/webauthn/components/themes/error/recoverableError.d.ts

@@ -22,8 +22,8 @@ import { useUserContext } from "../../../../../usercontext";
 import { Label } from "../../../../emailpassword/components/library";
 import BackButton from "../../../../emailpassword/components/library/backButton";
 import FormBase from "../../../../emailpassword/components/library/formBase";
+import GeneralError from "../../../../emailpassword/components/library/generalError";
 import { defaultEmailValidator } from "../../../../emailpassword/validators";
-import { RecoverableError } from "../error/recoverableError";
 
 import type { RecoverFormProps } from "../../../types";
 
@@ -107,7 +107,7 @@ export const PasskeyRecoverAccount = withOverride("PasskeyRecoverAccount", (prop
             </div>
             {errorLabel !== undefined && (
                 <div data-supertokens="errorContainer">
-                    <RecoverableError errorMessageLabel={errorLabel} />
+                    <GeneralError error={errorLabel} />
                 </div>
             )}
             <PasskeyRecoverAccountForm {...props} setError={setErrorLabel} />

lib/build/recipe/webauthn/types.d.ts

@@ -19,8 +19,8 @@ import SuperTokens from "../../../../../superTokens";
 import { useUserContext } from "../../../../../usercontext";
 import UserContextWrapper from "../../../../../usercontext/userContextWrapper";
 import { handleCallAPI } from "../../../../../utils";
+import GeneralError from "../../../../emailpassword/components/library/generalError";
 import { ContinueWithPasskeyTheme } from "../continueWithPasskey";
-import { RecoverableError } from "../error/recoverableError";
 import { ThemeBase } from "../themeBase";
 
 import type { APIFormField } from "../../../../../types";
@@ -101,7 +101,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={error} />}
+                    {error !== "" && error !== null && <GeneralError error={error} />}
                     <ContinueWithPasskeyTheme
                         {...props}
                         continueWithPasskeyClicked={handleWebauthnSignInClick}

lib/build/webauthnprebuiltui.js

@@ -18,8 +18,8 @@ import { useMemo } from "react";
 import { withOverride } from "../../../../../components/componentOverride/withOverride";
 import { useTranslation } from "../../../../../translation/translationContext";
 import Button from "../../../../emailpassword/components/library/button";
+import GeneralError from "../../../../emailpassword/components/library/generalError";
 import { PasskeyNotSupportedError } from "../error/passkeyNotSupportedError";
-import { RecoverableError } from "../error/recoverableError";
 
 import { ContinueWithoutPasskey } from "./continueWithoutPasskey";
 import { PasskeyFeatureBlocks } from "./featureBlocks";
@@ -56,7 +56,7 @@ export const PasskeyConfirmation = withOverride(
                 )}
                 <PasskeyFeatureBlocks />
                 {props.errorMessageLabel !== undefined && props.errorMessageLabel !== "" && (
-                    <RecoverableError errorMessageLabel={props.errorMessageLabel} />
+                    <GeneralError error={props.errorMessageLabel} />
                 )}
                 <div data-supertokens="passkeyConfirmationFooter">
                     <Button

lib/ts/recipe/webauthn/components/themes/error/recoverableError.tsx

@@ -32,7 +32,6 @@ import type { SendRecoveryEmailForm } from "./components/features/sendRecoveryEm
 import type SignInForm from "./components/features/signIn";
 import type SignUpForm from "./components/features/signUp";
 import type { ContinueWithPasskeyWithOverride } from "./components/themes/continueWithPasskey";
-import type { RecoverableError } from "./components/themes/error/recoverableError";
 import type { PasskeyEmailSent } from "./components/themes/sendRecoveryEmail/emailSent";
 import type {
     PasskeyRecoverAccount,
@@ -119,7 +118,6 @@ export type ComponentOverrideMap = {
     PasskeySendRecoveryEmailForm_Override?: ComponentOverride<typeof SendRecoveryEmailForm>;
     PasskeyContinueWithPasskey_Override?: ComponentOverride<typeof ContinueWithPasskeyWithOverride>;
     PasskeyNotSupportedError_Override?: ComponentOverride<typeof PasskeyNotSupportedError>;
-    PasskeyRecoverableError_Override?: ComponentOverride<typeof RecoverableError>;
     PasskeyEmailSent_Override?: ComponentOverride<typeof PasskeyEmailSent>;
     PasskeyRecoverAccountForm_Override?: ComponentOverride<typeof PasskeyRecoverAccountForm>;
     PasskeyRecoverAccount_Override?: ComponentOverride<typeof PasskeyRecoverAccount>;