phone auth

Author: russellwheatley

FirebaseSwiftUI/FirebaseAuthSwiftUI/Sources/Services/AuthService.swift

@@ -10,6 +10,10 @@ public protocol FacebookProviderProtocol {
   @MainActor func signInWithFacebook(isLimitedLogin: Bool) async throws -> AuthCredential
 }
 
+public protocol PhoneAuthProviderProtocol {
+  @MainActor func verifyPhoneNumber(phoneNumber: String) async throws -> String
+}
+
 public enum AuthenticationProvider {
   case email
   case google
@@ -70,11 +74,13 @@ final class AuthListenerManager {
 public final class AuthService {
   public init(configuration: AuthConfiguration = AuthConfiguration(), auth: Auth = Auth.auth(),
               googleProvider: GoogleProviderProtocol? = nil,
-              facebookProvider: FacebookProviderProtocol? = nil) {
+              facebookProvider: FacebookProviderProtocol? = nil,
+              phoneAuthProvider: PhoneAuthProviderProtocol? = nil) {
     self.auth = auth
     self.configuration = configuration
     self.googleProvider = googleProvider
     self.facebookProvider = facebookProvider
+    self.phoneAuthProvider = phoneAuthProvider
     string = StringUtils(bundle: configuration.customStringsBundle ?? Bundle.module)
     listenerManager = AuthListenerManager(auth: auth, authEnvironment: self)
   }
@@ -91,6 +97,7 @@ public final class AuthService {
   private var listenerManager: AuthListenerManager?
   private let googleProvider: GoogleProviderProtocol?
   private let facebookProvider: FacebookProviderProtocol?
+  private let phoneAuthProvider: PhoneAuthProviderProtocol?
 
   private var safeGoogleProvider: GoogleProviderProtocol {
     get throws {
@@ -112,6 +119,16 @@ public final class AuthService {
     }
   }
 
+  private var safePhoneAuthProvider: PhoneAuthProviderProtocol {
+    get throws {
+      guard let provider = phoneAuthProvider else {
+        throw AuthServiceError
+          .notConfiguredProvider("`PhoneAuthProviderSwift` has not been configured")
+      }
+      return provider
+    }
+  }
+
   private func safeActionCodeSettings(emailLinkSignIn: Bool = true) throws -> ActionCodeSettings {
     guard let actionCodeSettings = emailLinkSignIn ? configuration
       .emailLinkSignInActionCodeSettings : configuration.verifyEmailActionCodeSettings else {
@@ -253,3 +270,24 @@ public extension AuthService {
     }
   }
 }
+
+// MARK: - Phone Auth Sign In
+
+public extension AuthService {
+  func verifyPhoneNumber(phoneNumber: String) async throws -> String {
+    return try await safePhoneAuthProvider.verifyPhoneNumber(phoneNumber: phoneNumber)
+  }
+
+  func signInWithPhoneNumber(verificationID: String, verificationCode: String) async throws {
+    authenticationState = .authenticating
+    do {
+      let credential = PhoneAuthProvider.provider()
+        .credential(withVerificationID: verificationID, verificationCode: verificationCode)
+      try await signIn(with: credential)
+      updateAuthenticationState()
+    } catch {
+      authenticationState = .unauthenticated
+      throw error
+    }
+  }
+}

FirebaseSwiftUI/FirebasePhoneAuthSwiftUI/Sources/FirebasePhoneAuthSwiftUI.swift

@@ -0,0 +1,21 @@
+@preconcurrency import FirebaseAuth
+import FirebaseAuthSwiftUI
+
+public typealias VerificationID = String
+
+public class PhoneAuthProviderSwift: @preconcurrency PhoneAuthProviderProtocol {
+  public init() {}
+
+  @MainActor public func verifyPhoneNumber(phoneNumber: String) async throws -> VerificationID {
+    return try await withCheckedThrowingContinuation { continuation in
+      PhoneAuthProvider.provider()
+        .verifyPhoneNumber(phoneNumber, uiDelegate: nil) { verificationID, error in
+          if let error = error {
+            continuation.resume(throwing: error)
+            return
+          }
+          continuation.resume(returning: verificationID!)
+        }
+    }
+  }
+}

FirebaseSwiftUI/FirebasePhoneAuthSwiftUI/Sources/Services/PhoneAuthProviderSwift.swift

@@ -0,0 +1,26 @@
+import Foundation
+
+class PhoneUtils {
+  static func isValidPhoneNumber(_ phoneNumber: String) -> Bool {
+    guard phoneNumber.first == "+" else {
+      return false
+    }
+
+    let digits = phoneNumber.dropFirst()
+    guard !digits.isEmpty else {
+      return false
+    }
+
+    guard digits.allSatisfy({ $0.isNumber }) else {
+      return false
+    }
+
+    let minLength = 7
+    let maxLength = 15
+    guard digits.count >= minLength && digits.count <= maxLength else {
+      return false
+    }
+
+    return true
+  }
+}

FirebaseSwiftUI/FirebasePhoneAuthSwiftUI/Sources/Utils/PhoneUtils.swift

@@ -0,0 +1,89 @@
+import FirebaseAuthSwiftUI
+import SwiftUI
+
+@MainActor
+public struct PhoneAuthButtonView {
+  @Environment(AuthService.self) private var authService
+  @State private var errorMessage = ""
+  @State private var phoneNumber = ""
+  @State private var showVerificationCodeInput = false
+  @State private var verificationCode = ""
+  @State private var verificationID = ""
+
+  public init() {}
+}
+
+extension PhoneAuthButtonView: View {
+  public var body: some View {
+    if authService.authenticationState != .authenticating {
+      VStack {
+        TextField("Enter phone number", text: $phoneNumber)
+          .keyboardType(.phonePad)
+          .padding()
+          .background(Color(.systemGray6))
+          .cornerRadius(8)
+          .padding(.horizontal)
+
+        Button(action: {
+          Task {
+            do {
+              let id = try await authService.verifyPhoneNumber(phoneNumber: phoneNumber)
+              verificationID = id
+              showVerificationCodeInput = true
+            } catch {
+              errorMessage = authService.string.localizedErrorMessage(
+                for: error
+              )
+            }
+          }
+        }) {
+          Text("Send Verification Code")
+            .foregroundColor(.white)
+            .padding()
+            .frame(maxWidth: .infinity)
+            .background(Color.blue)
+            .cornerRadius(8)
+            .padding(.horizontal)
+        }.disabled(!PhoneUtils.isValidPhoneNumber(phoneNumber))
+      }
+      .sheet(isPresented: $showVerificationCodeInput) {
+        VStack {
+          TextField("Enter verification code", text: $verificationCode)
+            .keyboardType(.numberPad)
+            .padding()
+            .background(Color(.systemGray6))
+            .cornerRadius(8)
+            .padding(.horizontal)
+
+          Button(action: {
+            Task {
+              do {
+                try await authService.signInWithPhoneNumber(
+                  verificationID: verificationID,
+                  verificationCode: verificationCode
+                )
+              } catch {
+                errorMessage = authService.string.localizedErrorMessage(for: error)
+              }
+              showVerificationCodeInput = false
+            }
+          }) {
+            Text("Verify and Sign In")
+              .foregroundColor(.white)
+              .padding()
+              .frame(maxWidth: .infinity)
+              .background(Color.green)
+              .cornerRadius(8)
+              .padding(.horizontal)
+          }
+        }
+      }
+    } else {
+      ProgressView()
+        .progressViewStyle(CircularProgressViewStyle(tint: .white))
+        .padding(.vertical, 8)
+        .frame(maxWidth: .infinity)
+    }
+    Text(errorMessage).foregroundColor(.red)
+  }
+}

FirebaseSwiftUI/FirebasePhoneAuthSwiftUI/Sources/Views/PhoneAuthButtonView.swift

@@ -11,6 +11,7 @@ import FirebaseAuthSwiftUI
 import FirebaseCore
 import FirebaseFacebookSwiftUI
 import FirebaseGoogleSwiftUI
+import FirebasePhoneAuthSwiftUI
 import SwiftData
 import SwiftUI
 
@@ -70,13 +71,21 @@ struct ContentView: View {
     actionCodeSettings.linkDomain = "flutterfire-e2e-tests.firebaseapp.com"
     actionCodeSettings.setIOSBundleID(Bundle.main.bundleIdentifier!)
     let configuration = AuthConfiguration(emailLinkSignInActionCodeSettings: actionCodeSettings)
-    authService = AuthService(configuration: configuration, googleProvider: googleProvider)
+    let facebookProvider = FacebookProviderSwift()
+    let phoneAuthProvider = PhoneAuthProviderSwift()
+    authService = AuthService(
+      configuration: configuration,
+      googleProvider: googleProvider,
+      facebookProvider: facebookProvider,
+      phoneAuthProvider: phoneAuthProvider
+    )
   }
 
   var body: some View {
     AuthPickerView {
       GoogleButtonView()
       FacebookButtonView()
+      PhoneAuthButtonView()
     }.environment(authService)
   }
 }