Add support for redirecting to sign in page on recovery success

Author: deepjyoti30-st

lib/ts/recipe/webauthn/components/themes/recoverAccountWithToken/index.tsx

@@ -45,6 +45,9 @@ function PasskeyRecoverAccountWithTokenTheme(props: RecoverAccountWithTokenTheme
         throw new Error("Should never come here as we don't have back functionality");
     };
 
+    // TODO: Get the reset options as soon as the page loads and afterwards use the token
+    // with the options.
+
     const onContinueClick = useCallback(() => {
         // TODO: Add support to make the network call and show the next screen based
         // on that result.
@@ -109,7 +112,6 @@ const RecoverAccountThemeInner = (
             // errorMessageLabel={showPasskeyConfirmationError ? "WEBAUTHN_PASSKEY_RECOVERABLE_ERROR" : undefined}
             isLoading={false}
             onFetchError={() => {}}
-            resetFactorList={() => {}}
             hideContinueWithoutPasskey
         />
     ) : props.activeScreen === RecoverAccountScreen.Success ? (

lib/ts/recipe/webauthn/components/themes/recoverAccountWithToken/success.tsx

@@ -13,12 +13,17 @@
  * under the License.
  */
 
+import { redirectToAuth } from "../../../../..";
 import { useTranslation } from "../../../../../translation/translationContext";
 import { Button } from "../../../../emailpassword/components/library";
 
 export const PasskeyRecoverAccountSuccess = (): JSX.Element => {
     const t = useTranslation();
 
+    const onContinueClick = async () => {
+        await redirectToAuth({ show: "signin" });
+    };
+
     return (
         <div data-supertokens="passkeyRecoverAccountSuccessContainer">
             <div data-supertokens="header">
@@ -37,7 +42,7 @@ export const PasskeyRecoverAccountSuccess = (): JSX.Element => {
                 disabled={false}
                 isLoading={false}
                 type="button"
-                onClick={() => {}}
+                onClick={onContinueClick}
                 label="WEBAUTHN_EMAIL_CONTINUE_BUTTON"
             />
         </div>

lib/ts/recipe/webauthn/components/themes/signUp/confirmation.tsx

@@ -54,7 +54,9 @@ export const PasskeyConfirmation = withOverride(
                         onClick={props.onContinueClick}
                         label="WEBAUTHN_EMAIL_CONTINUE_BUTTON"
                     />
-                    {!props.hideContinueWithoutPasskey && <ContinueWithoutPasskey onClick={props.resetFactorList} />}
+                    {!props.hideContinueWithoutPasskey && props.resetFactorList !== undefined && (
+                        <ContinueWithoutPasskey onClick={props.resetFactorList} />
+                    )}
                 </div>
             </div>
         );

lib/ts/recipe/webauthn/components/themes/signUp/signUpForm.tsx

@@ -51,7 +51,10 @@ export const SignUpFormInner = withOverride(
         }
     ): JSX.Element {
         const t = useTranslation();
-        const defaultFooter = <ContinueWithoutPasskey onClick={props.resetFactorList} />;
+        const defaultFooter =
+            props.resetFactorList !== undefined ? (
+                <ContinueWithoutPasskey onClick={props.resetFactorList} />
+            ) : undefined;
 
         const onEmailContinueSuccess = useCallback(
             (params: ContinueOnSuccessParams) => {

lib/ts/recipe/webauthn/types.ts

@@ -168,7 +168,7 @@ export type SignUpFormProps = {
     recipeImplementation: RecipeImplementation;
     config: NormalisedConfig;
     onSuccess?: (result: { createdNewRecipeUser: boolean; user: User }) => void;
-    resetFactorList: () => void;
+    resetFactorList?: () => void;
 };
 
 export type RecoverAccountWithTokenProps = {