chore: Formatting

Author: Ehesp

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

@@ -25,11 +25,7 @@ import {
 } from "../../../provider";
 import { RecaptchaVerifier } from "@angular/fire/auth";
 import { FormInputComponent, FormSubmitComponent, FormErrorMessageComponent } from "../../../components/form";
-import {
-  FirebaseUIError,
-  verifyPhoneNumber,
-  signInWithMultiFactorAssertion,
-} from "@firebase-ui/core";
+import { FirebaseUIError, verifyPhoneNumber, signInWithMultiFactorAssertion } from "@firebase-ui/core";
 import { PhoneAuthProvider, PhoneMultiFactorGenerator, type MultiFactorInfo } from "firebase/auth";
 
 type PhoneMultiFactorInfo = MultiFactorInfo & {
@@ -111,7 +107,13 @@ export class SmsMultiFactorAssertionPhoneFormComponent {
           onSubmit: this.formSchema(),
           onSubmitAsync: async () => {
             try {
-              const verificationId = await verifyPhoneNumber(this.ui(), "", this.recaptchaVerifier(), undefined, this.hint());
+              const verificationId = await verifyPhoneNumber(
+                this.ui(),
+                "",
+                this.recaptchaVerifier(),
+                undefined,
+                this.hint()
+              );
               this.onSubmit.emit(verificationId);
               return;
             } catch (error) {
@@ -230,11 +232,7 @@ export class SmsMultiFactorAssertionVerifyFormComponent {
 @Component({
   selector: "fui-sms-multi-factor-assertion-form",
   standalone: true,
-  imports: [
-    CommonModule,
-    SmsMultiFactorAssertionPhoneFormComponent,
-    SmsMultiFactorAssertionVerifyFormComponent,
-  ],
+  imports: [CommonModule, SmsMultiFactorAssertionPhoneFormComponent, SmsMultiFactorAssertionVerifyFormComponent],
   template: `
     <div class="fui-content">
       @if (verification()) {
@@ -243,10 +241,7 @@ export class SmsMultiFactorAssertionVerifyFormComponent {
           (onSuccess)="onSuccess.emit()"
         />
       } @else {
-        <fui-sms-multi-factor-assertion-phone-form
-          [hint]="hint()"
-          (onSubmit)="handlePhoneSubmit($event)"
-        />
+        <fui-sms-multi-factor-assertion-phone-form [hint]="hint()" (onSubmit)="handlePhoneSubmit($event)" />
       }
     </div>
   `,

packages/angular/src/lib/auth/forms/mfa/sms-multi-factor-enrollment-form.spec.ts

@@ -362,9 +362,7 @@ describe("<fui-sms-multi-factor-enrollment-form />", () => {
     await fixture.whenStable();
     fixture.detectChanges();
 
-    expect(
-      screen.getByText("An unknown error occurred")
-    ).toBeInTheDocument();
+    expect(screen.getByText("An unknown error occurred")).toBeInTheDocument();
   });
 
   it("should have correct CSS classes", async () => {

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

@@ -18,17 +18,18 @@ import { TotpMultiFactorGenerator } from "firebase/auth";
 
 import { TotpMultiFactorAssertionFormComponent } from "./totp-multi-factor-assertion-form";
 
-import {
-  signInWithMultiFactorAssertion,
-  FirebaseUIError,
-} from "../../../tests/test-helpers";
+import { signInWithMultiFactorAssertion, FirebaseUIError } from "../../../tests/test-helpers";
 
 describe("<fui-totp-multi-factor-assertion-form>", () => {
   let TotpMultiFactorGenerator: any;
 
   beforeEach(() => {
-    const { injectTranslation, injectUI, injectMultiFactorTotpAuthVerifyFormSchema } = require("../../../tests/test-helpers");
-    
+    const {
+      injectTranslation,
+      injectUI,
+      injectMultiFactorTotpAuthVerifyFormSchema,
+    } = require("../../../tests/test-helpers");
+
     injectTranslation.mockImplementation((category: string, key: string) => {
       const mockTranslations: Record<string, Record<string, string>> = {
         labels: {
@@ -63,7 +64,7 @@ describe("<fui-totp-multi-factor-assertion-form>", () => {
     // Mock Firebase Auth classes
     TotpMultiFactorGenerator = require("firebase/auth").TotpMultiFactorGenerator;
     TotpMultiFactorGenerator.assertionForSignIn = jest.fn().mockReturnValue({});
-    
+
     // Clear all mocks before each test
     jest.clearAllMocks();
   });

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

@@ -16,16 +16,9 @@
 import { Component, effect, input, output } from "@angular/core";
 import { CommonModule } from "@angular/common";
 import { injectForm, injectStore, TanStackAppField, TanStackField } from "@tanstack/angular-form";
-import {
-  injectMultiFactorTotpAuthVerifyFormSchema,
-  injectTranslation,
-  injectUI,
-} from "../../../provider";
+import { injectMultiFactorTotpAuthVerifyFormSchema, injectTranslation, injectUI } from "../../../provider";
 import { FormInputComponent, FormSubmitComponent, FormErrorMessageComponent } from "../../../components/form";
-import {
-  FirebaseUIError,
-  signInWithMultiFactorAssertion,
-} from "@firebase-ui/core";
+import { FirebaseUIError, signInWithMultiFactorAssertion } from "@firebase-ui/core";
 import { TotpMultiFactorGenerator, type MultiFactorInfo } from "firebase/auth";
 
 @Component({

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

@@ -334,9 +334,7 @@ describe("<fui-totp-multi-factor-enrollment-form />", () => {
     await fixture.whenStable();
     fixture.detectChanges();
 
-    expect(
-      screen.getByText("An unknown error occurred")
-    ).toBeInTheDocument();
+    expect(screen.getByText("An unknown error occurred")).toBeInTheDocument();
   });
 
   it("should generate QR code with correct parameters", async () => {

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

@@ -25,12 +25,7 @@ import { ButtonComponent } from "../../components/button";
 @Component({
   selector: "fui-multi-factor-auth-assertion-form",
   standalone: true,
-  imports: [
-    CommonModule,
-    SmsMultiFactorAssertionFormComponent,
-    TotpMultiFactorAssertionFormComponent,
-    ButtonComponent,
-  ],
+  imports: [CommonModule, SmsMultiFactorAssertionFormComponent, TotpMultiFactorAssertionFormComponent, ButtonComponent],
   template: `
     <div class="fui-content">
       @if (selectedHint()) {
@@ -58,7 +53,7 @@ import { ButtonComponent } from "../../components/button";
 })
 export class MultiFactorAuthAssertionFormComponent {
   private ui = injectUI();
-  
+
   resolver = computed(() => {
     const resolver = this.ui().multiFactorResolver;
     if (!resolver) {

packages/angular/src/lib/auth/forms/multi-factor-auth-enrollment-form.spec.ts

@@ -178,7 +178,6 @@ describe("<fui-multi-factor-auth-enrollment-form />", () => {
     expect(enrollmentSpy).toHaveBeenCalled();
   });
 
-
   it("should have correct CSS classes", async () => {
     const { container } = await render(MultiFactorAuthEnrollmentFormComponent, {
       imports: [

packages/angular/src/lib/auth/screens/oauth-screen.ts

@@ -68,9 +68,9 @@ import { RedirectErrorComponent } from "../../components/redirect-error";
 })
 export class OAuthScreenComponent {
   private ui = injectUI();
-  
+
   mfaResolver = computed(() => this.ui().multiFactorResolver);
-  
+
   titleText = injectTranslation("labels", "signIn");
   subtitleText = injectTranslation("prompts", "signInToAccount");
 }

packages/angular/src/lib/auth/screens/phone-auth-screen.ts

@@ -65,9 +65,9 @@ import { UserCredential } from "@angular/fire/auth";
 })
 export class PhoneAuthScreenComponent {
   private ui = injectUI();
-  
+
   mfaResolver = computed(() => this.ui().multiFactorResolver);
-  
+
   titleText = injectTranslation("labels", "signIn");
   subtitleText = injectTranslation("prompts", "signInToAccount");
 

packages/angular/src/lib/auth/screens/sign-in-auth-screen.ts

@@ -69,9 +69,9 @@ import { UserCredential } from "@angular/fire/auth";
 })
 export class SignInAuthScreenComponent {
   private ui = injectUI();
-  
+
   mfaResolver = computed(() => this.ui().multiFactorResolver);
-  
+
   titleText = injectTranslation("labels", "signIn");
   subtitleText = injectTranslation("prompts", "signInToAccount");