Add support for continue without passkey link below continue button

Author: deepjyoti30-st

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

@@ -32,6 +32,16 @@ export const SignUpForm = withOverride(
     ): JSX.Element {
         const t = useTranslation();
 
+        const defaultFooter = (
+            <div data-supertokens="continueWithoutPasskey">
+                <a
+                    onClick={() => alert("That is not defined yet!")}
+                    data-supertokens="formLabelLinkBtn continueWithoutPasskeyLabel">
+                    {t("WEBAUTHN_CONTINUE_WITHOUT_PASSKEY_BUTTON")}
+                </a>
+            </div>
+        );
+
         return (
             <FormBase
                 clearError={props.clearError}
@@ -71,7 +81,7 @@ export const SignUpForm = withOverride(
                 }}
                 validateOnBlur={false}
                 showLabels={true}
-                footer={props.footer}
+                footer={props.footer || defaultFooter}
             />
         );
     }

lib/ts/recipe/webauthn/components/themes/styles.css

@@ -8,3 +8,19 @@
 [data-supertokens~="continueWithPasskeyButtonWrapper"] {
     margin: 9px 0;
 }
+
+[data-supertokens~="continueWithoutPasskey"] {
+    margin-top: 15px;
+}
+
+[data-supertokens~="continueWithoutPasskey"] [data-supertokens~="continueWithoutPasskeyLabel"] {
+    font-family: Arial;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 21px;
+    text-align: center;
+    text-underline-position: from-font;
+    text-decoration-skip-ink: none;
+    color: #0076ff;
+    cursor: pointer;
+}

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

@@ -6,7 +6,7 @@ export const defaultTranslationsWebauthn = {
         WEBAUTHN_EMAIL_CONTINUE_BUTTON: "Continue",
         WEBAUTHN_SIGN_UP_LABEL: "Email",
         WEBAUTHN_RECOVER_ACCOUNT_LABEL: "Recover Account",
-        // WEBAUTHN_CONTINUE_WITHOUT_PASSKEY_BUTTON: "Continue without passkey",
+        WEBAUTHN_CONTINUE_WITHOUT_PASSKEY_BUTTON: "Continue without passkey",
         // WEBAUTHN_CREATE_A_PASSKEY_HEADER: "Create a passkey",
         // WEBAUTHN_CONTINUE_WITH_EMAIL_SUBTEXT: "Continue with",
         WEBAUTHN_COMBO_CONTINUE_WITH_PASSKEY_BUTTON: "CONTINUE WITH PASSKEY",