refactor: AuthPickerView sheet and Navigation stack

FirebaseSwiftUI/FirebaseAppleSwiftUI/Sources/Views/SignInWithAppleButton.swift

@@ -13,6 +13,7 @@
 // limitations under the License.
 
 import FirebaseAuthSwiftUI
+import FirebaseAuthUIComponents
 import SwiftUI
 
 /// A button for signing in with Apple
@@ -27,27 +28,14 @@ public struct SignInWithAppleButton {
 
 extension SignInWithAppleButton: View {
   public var body: some View {
-    Button(action: {
+    AuthProviderButton(
+      label: "Sign in with Apple",
+      style: .apple,
+      accessibilityId: "sign-in-with-apple-button"
+    ) {
       Task {
         try? await authService.signIn(provider)
       }
-    }) {
-      HStack {
-        Image(systemName: "apple.logo")
-          .resizable()
-          .renderingMode(.template)
-          .scaledToFit()
-          .frame(width: 24, height: 24)
-          .foregroundColor(.white)
-        Text("Sign in with Apple")
-          .fontWeight(.semibold)
-          .foregroundColor(.white)
-      }
-      .frame(maxWidth: .infinity, alignment: .leading)
-      .padding()
-      .background(Color.black)
-      .cornerRadius(8)
     }
-    .accessibilityIdentifier("sign-in-with-apple-button")
   }
 }

FirebaseSwiftUI/FirebaseAuthSwiftUI/Sources/Services/AuthService.swift

@@ -15,6 +15,7 @@
 @preconcurrency import FirebaseAuth
 import FirebaseCore
 import SwiftUI
+import FirebaseAuthUIComponents
 
 public protocol AuthProviderSwift {
   @MainActor func createAuthCredential() async throws -> AuthCredential
@@ -28,6 +29,7 @@ public protocol AuthProviderUI {
 
 public protocol PhoneAuthProviderSwift: AuthProviderSwift {
   @MainActor func verifyPhoneNumber(phoneNumber: String) async throws -> String
+  func setVerificationCode(verificationID: String, code: String)
 }
 
 public enum AuthenticationState {
@@ -41,14 +43,15 @@ public enum AuthenticationFlow {
   case signUp
 }
 
-public enum AuthView {
-  case authPicker
+public enum AuthView: Hashable {
   case passwordRecovery
   case emailLink
   case updatePassword
   case mfaEnrollment
   case mfaManagement
   case mfaResolution
+  case enterPhoneNumber
+  case enterVerificationCode(verificationID: String, fullPhoneNumber: String)
 }
 
 public enum SignInOutcome: @unchecked Sendable {
@@ -82,6 +85,24 @@ private final class AuthListenerManager {
   }
 }
 
+@Observable
+public class Navigator {
+  var routes: [AuthView] = []
+
+  public func push(_ route: AuthView) {
+    routes.append(route)
+  }
+
+  @discardableResult
+  public func pop() -> AuthView? {
+    routes.popLast()
+  }
+
+  public func clear() {
+    routes.removeAll()
+  }
+}
+
 @MainActor
 @Observable
 public final class AuthService {
@@ -96,7 +117,14 @@ public final class AuthService {
   @ObservationIgnored @AppStorage("email-link") public var emailLink: String?
   public let configuration: AuthConfiguration
   public let auth: Auth
-  public var authView: AuthView = .authPicker
+  public var isPresented: Bool = false
+  public private(set) var navigator = Navigator()
+  public var authView: AuthView? {
+    navigator.routes.last
+  }
+  internal var authViewRoutes: [AuthView] {
+    navigator.routes
+  }
   public let string: StringUtils
   public var currentUser: User?
   public var authenticationState: AuthenticationState = .unauthenticated
@@ -115,13 +143,24 @@ public final class AuthService {
   var emailSignInEnabled = false
 
   private var providers: [AuthProviderUI] = []
+
+  public var currentPhoneProvider: PhoneAuthProviderSwift? {
+    providers.compactMap { $0.provider as? PhoneAuthProviderSwift }.first
+  }
   public func registerProvider(providerWithButton: AuthProviderUI) {
     providers.append(providerWithButton)
   }
 
   public func renderButtons(spacing: CGFloat = 16) -> AnyView {
     AnyView(
       VStack(spacing: spacing) {
+        AuthProviderButton(
+          label: string.signInWithEmailLinkViewTitle,
+          style: .email,
+          accessibilityId: "sign-in-with-email-link-button"
+        ) {
+          self.navigator.push(.emailLink)
+        }
         ForEach(providers, id: \.id) { provider in
           provider.authButton()
         }
@@ -797,7 +836,7 @@ public extension AuthService {
     let hints = extractMFAHints(from: resolver)
     currentMFARequired = MFARequired(hints: hints)
     currentMFAResolver = resolver
-    authView = .mfaResolution
+    navigator.push(.mfaResolution)
     return .mfaRequired(MFARequired(hints: hints))
   }