Add fixes for properly showing the create a passkey form in token recovery screen

Author: deepjyoti30-st

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

@@ -19,8 +19,8 @@ import { ComponentOverrideContext } from "../../../../../components/componentOve
 import FeatureWrapper from "../../../../../components/featureWrapper";
 import SuperTokens from "../../../../../superTokens";
 import { getQueryParams } from "../../../../../utils";
-import { defaultTranslationsEmailPassword } from "../../../../emailpassword/components/themes/translations";
 import RecoverAccountWithToken from "../../themes/recoverAccountWithToken";
+import { defaultTranslationsWebauthn } from "../../themes/translations";
 
 import type { RecoverAccountWithTokenProps } from "../../../types";
 
@@ -48,7 +48,7 @@ export const RecoverAccountUsingToken: React.FC<RecoverAccountWithTokenProps> =
         <ComponentOverrideContext.Provider value={recipeComponentOverrides}>
             <FeatureWrapper
                 useShadowDom={SuperTokens.getInstanceOrThrow().useShadowDom}
-                defaultStore={defaultTranslationsEmailPassword}>
+                defaultStore={defaultTranslationsWebauthn}>
                 <React.Fragment>
                     {/* No custom theme, use default. */}
                     {props.children === undefined && <RecoverAccountWithToken {...childProps} />}

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

@@ -96,6 +96,7 @@ const RecoverAccountThemeInner = (
             isLoading={false}
             onFetchError={() => {}}
             resetFactorList={() => {}}
+            hideContinueWithoutPasskey
         />
     ) : props.activeScreen === RecoverAccountScreen.Success ? (
         <div></div>

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

@@ -31,6 +31,7 @@ export const PasskeyConfirmation = withOverride(
             onContinueClick: () => void;
             errorMessageLabel?: string;
             isLoading: boolean;
+            hideContinueWithoutPasskey?: boolean;
         }
     ): JSX.Element {
         const t = useTranslation();
@@ -53,7 +54,7 @@ export const PasskeyConfirmation = withOverride(
                         onClick={props.onContinueClick}
                         label="WEBAUTHN_EMAIL_CONTINUE_BUTTON"
                     />
-                    <ContinueWithoutPasskey onClick={props.resetFactorList} />
+                    {!props.hideContinueWithoutPasskey && <ContinueWithoutPasskey onClick={props.resetFactorList} />}
                 </div>
             </div>
         );