Merge pull request #1248 from firebase/@invertase/bb-10

Author: Ehesp

examples/react/src/routes.ts

@@ -64,7 +64,7 @@ export const routes = [
   {
     name: "Forgot Password Screen",
     description: "A screen allowing a user to reset their password",
-    path: "/screens/forgot-password-screen",
+    path: "/screens/forgot-password-auth-screen",
     component: ForgotPasswordAuthScreenPage,
   },
   {

examples/react/src/screens/sign-in-auth-screen-w-handlers.tsx

@@ -24,7 +24,7 @@ export default function SignInAuthScreenWithHandlersPage() {
   return (
     <SignInAuthScreen
       onForgotPasswordClick={() => {
-        navigate("/screen/forgot-password-auth-screen");
+        navigate("/screens/forgot-password-auth-screen");
       }}
       onSignUpClick={() => {
         navigate("/screens/sign-up-auth-screen");

packages/angular/src/lib/auth/forms/email-link-auth-form.ts

@@ -96,7 +96,6 @@ export class EmailLinkAuthFormComponent {
       this.form.update({
         validators: {
           onBlur: this.formSchema(),
-          onSubmit: this.formSchema(),
           onSubmitAsync: async ({ value }) => {
             try {
               await sendSignInLinkToEmail(this.ui(), value.email);

packages/angular/src/lib/auth/forms/forgot-password-auth-form.ts

@@ -104,7 +104,6 @@ export class ForgotPasswordAuthFormComponent {
       this.form.update({
         validators: {
           onBlur: this.formSchema(),
-          onSubmit: this.formSchema(),
           onSubmitAsync: async ({ value }) => {
             try {
               await sendPasswordResetEmail(this.ui(), value.email);

packages/angular/src/lib/auth/forms/mfa/totp-multi-factor-assertion-form.ts

@@ -78,7 +78,6 @@ export class TotpMultiFactorAssertionFormComponent {
       this.form.update({
         validators: {
           onBlur: this.formSchema(),
-          onSubmit: this.formSchema(),
           onSubmitAsync: async ({ value }) => {
             try {
               const assertion = TotpMultiFactorGenerator.assertionForSignIn(this.hint().uid, value.verificationCode);

packages/angular/src/lib/auth/forms/phone-auth-form.ts

@@ -101,7 +101,6 @@ export class PhoneNumberFormComponent {
       this.form.update({
         validators: {
           onBlur: this.formSchema(),
-          onSubmit: this.formSchema(),
           onSubmitAsync: async ({ value }) => {
             const selectedCountry = countryData.find((c) => c.code === this.country());
             const formattedNumber = formatPhoneNumber(value.phoneNumber, selectedCountry!);
@@ -207,7 +206,6 @@ export class VerificationFormComponent {
       this.form.update({
         validators: {
           onBlur: this.formSchema(),
-          onSubmit: this.formSchema(),
           onSubmitAsync: async ({ value }) => {
             try {
               const credential = await confirmPhoneNumber(this.ui(), this.verificationId(), value.verificationCode);

packages/angular/src/lib/auth/forms/sign-in-auth-form.ts

@@ -118,9 +118,7 @@ export class SignInAuthFormComponent {
     effect(() => {
       this.form.update({
         validators: {
-          onChange: this.formSchema(),
           onBlur: this.formSchema(),
-          onSubmit: this.formSchema(),
           onSubmitAsync: async ({ value }) => {
             try {
               const credential = await signInWithEmailAndPassword(this.ui(), value.email, value.password);

packages/angular/src/lib/auth/forms/sign-up-auth-form.ts

@@ -120,7 +120,6 @@ export class SignUpAuthFormComponent {
       this.form.update({
         validators: {
           onBlur: this.formSchema(),
-          onSubmit: this.formSchema(),
           onSubmitAsync: async ({ value }) => {
             try {
               const credential = await createUserWithEmailAndPassword(

packages/react/src/auth/forms/email-link-auth-form.tsx

@@ -58,7 +58,6 @@ export function useEmailLinkAuthForm(onSuccess?: EmailLinkAuthFormProps["onEmail
     },
     validators: {
       onBlur: schema,
-      onSubmit: schema,
       onSubmitAsync: async ({ value }) => {
         try {
           await action(value);

packages/react/src/auth/forms/forgot-password-auth-form.tsx

@@ -57,7 +57,6 @@ export function useForgotPasswordAuthForm(onSuccess?: ForgotPasswordAuthFormProp
     },
     validators: {
       onBlur: schema,
-      onSubmit: schema,
       onSubmitAsync: async ({ value }) => {
         try {
           await action(value);