Add more fixes for properly rendering the full page passkey page

Author: deepjyoti30-st

lib/ts/recipe/authRecipe/components/feature/authPage/authPage.tsx

@@ -508,7 +508,7 @@ async function buildAndSetChildProps(
 
     for (const a of authComps) {
         if (a.type === "FULL_PAGE") {
-            const preloadRes = await a.preloadInfoAndRunChecks(firstFactors, userContext);
+            const preloadRes = await a.preloadInfoAndRunChecks(firstFactors, userContext, isSignUp);
             // We skip setting if the auth page unmounted while we were checking
             // if we should show any full page comps
             if (abort.aborted) {

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

@@ -26,15 +26,14 @@ import { useUserContext } from "../../../../../usercontext";
 import { useRethrowInRender } from "../../../../../utils";
 import Session from "../../../../session/recipe";
 import useSessionContext from "../../../../session/useSessionContext";
-import { WEBAUTHN_IS_SIGN_UP_STATE_KEY } from "../../../constants";
 import { ContinueWithPasskeyTheme } from "../../themes/continueWithPasskey";
 import SignUpTheme from "../../themes/signUp";
 import { defaultTranslationsWebauthn } from "../../themes/translations";
 
 import type { UserContext, PartialAuthComponentProps } from "../../../../../types";
 import type { AuthSuccessContext } from "../../../../authRecipe/types";
 import type Recipe from "../../../recipe";
-import type { ComponentOverrideMap, ContinueFor } from "../../../types";
+import type { ComponentOverrideMap } from "../../../types";
 import type { SignUpThemeProps } from "../../../types";
 import type { User } from "supertokens-web-js/types";
 
@@ -156,22 +155,14 @@ export const SignUpWithPasskeyFeature: React.FC<
 > = (props) => {
     const recipeComponentOverrides = props.useComponentOverrides();
 
-    const handleContinueClick = React.useCallback(
-        (continueFor: ContinueFor) => {
-            props.setFactorList(props.factorIds);
-            props.userContext[WEBAUTHN_IS_SIGN_UP_STATE_KEY] = continueFor === "SIGN_UP";
-        },
-        [props]
-    );
-
     return (
         <AuthComponentWrapper recipeComponentOverrides={recipeComponentOverrides}>
             <FeatureWrapper
                 useShadowDom={SuperTokens.getInstanceOrThrow().useShadowDom}
                 defaultStore={defaultTranslationsWebauthn}>
                 <ContinueWithPasskeyTheme
                     {...props}
-                    continueWithPasskeyClicked={handleContinueClick}
+                    continueWithPasskeyClicked={() => props.setFactorList(props.factorIds)}
                     config={props.recipe.config}
                     continueFor="SIGN_UP"
                 />

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

@@ -55,6 +55,7 @@ export const SignUpForm = withOverride(
                     if (email === undefined) {
                         throw new STGeneralError("GENERAL_ERROR_EMAIL_UNDEFINED");
                     }
+                    // TODO: Define actual code
                     return null;
                 }}
                 validateOnBlur={false}

lib/ts/recipe/webauthn/constants.ts

@@ -8,7 +8,6 @@ import { useRecipeComponentOverrideContext } from "./componentOverrideContext";
 import SignInWithPasskeyFeature from "./components/features/signIn";
 import SignUpFeature, { SignUpWithPasskeyFeature } from "./components/features/signUp";
 import { defaultTranslationsWebauthn } from "./components/themes/translations";
-import { WEBAUTHN_IS_SIGN_UP_STATE_KEY } from "./constants";
 import WebauthnRecipe from "./recipe";
 
 import type { GenericComponentOverrideMap } from "../../components/componentOverride/componentOverrideContext";
@@ -84,8 +83,7 @@ export class WebauthnPreBuiltUI extends RecipeRouter {
         return [
             {
                 type: "FULL_PAGE",
-                async preloadInfoAndRunChecks(firstFactors, userContext) {
-                    const isSignUp = userContext[WEBAUTHN_IS_SIGN_UP_STATE_KEY] || false;
+                async preloadInfoAndRunChecks(firstFactors, _, isSignUp) {
                     return {
                         shouldDisplay:
                             isSignUp && firstFactors.length === 1 && firstFactors.includes(FactorIds.WEBAUTHN),
@@ -133,6 +131,8 @@ export class WebauthnPreBuiltUI extends RecipeRouter {
         ];
     }
 
+    public requiresSignUpPage = true;
+
     // For tests
     static reset(): void {
         if (!isTest()) {

lib/ts/recipe/webauthn/prebuiltui.tsx

@@ -437,7 +437,8 @@ export type FullPageAuthComponent<PreloadInfoType = any> = {
     type: "FULL_PAGE";
     preloadInfoAndRunChecks: (
         firstFactors: string[],
-        userContext: UserContext
+        userContext: UserContext,
+        isSignUp: boolean
     ) => Promise<{ shouldDisplay: true; preloadInfo: PreloadInfoType } | { shouldDisplay: false }>;
     component: React.FC<FullPageAuthComponentProps<PreloadInfoType>>;
 };