fix: textfield backspace not working

Author: demolaf

samples/auth-swiftui/AuthSwiftUIExample/Views/Email/EmailResetPasswordView.swift

@@ -88,8 +88,7 @@ struct EmailResetPasswordView: View {
             onSendResetLinkClick: {},
             onGoToSignUp: {},
             onGoToSignIn: {},
-            onGoToResetPassword: {},
-            navigator: Navigator()
+            onGoToResetPassword: {}
         ))
         .safeAreaPadding()
     }

samples/auth-swiftui/AuthSwiftUIExample/Views/Email/EmailSignInView.swift

@@ -88,8 +88,7 @@ struct EmailSignInView: View {
             onSendResetLinkClick: {},
             onGoToSignUp: {},
             onGoToSignIn: {},
-            onGoToResetPassword: {},
-            navigator: Navigator()
+            onGoToResetPassword: {}
         ))
         .safeAreaPadding()
     }

samples/auth-swiftui/AuthSwiftUIExample/Views/Email/EmailSignUpView.swift

@@ -89,8 +89,7 @@ struct EmailSignUpView: View {
             onSendResetLinkClick: {},
             onGoToSignUp: {},
             onGoToSignIn: {},
-            onGoToResetPassword: {},
-            navigator: Navigator()
+            onGoToResetPassword: {}
         ))
         .safeAreaPadding()
     }

samples/auth-swiftui/AuthSwiftUIExample/Views/FirebaseAuthViewInternal.swift

@@ -57,24 +57,20 @@ struct EmailAuthContentState {
     var onGoToSignUp: () -> Void
     var onGoToSignIn: () -> Void
     var onGoToResetPassword: () -> Void
-    var navigator: Navigator
 }
 
 struct PhoneAuthContentState {
     var isLoading: Bool
     var error: String?
     var phoneNumber: Binding<String>
-    var selectedCountry: CountryData
-    var onCountrySelected: (CountryData) -> Void
-    var onSendCodeClick: () -> Void
+    var selectedCountry: Binding<CountryData>
     var verificationCode: Binding<String>
-    var onVerificationCodeChange: (String) -> Void
-    var onVerifyCodeClick: () -> Void
     var fullPhoneNumber: String
-    var onResendCodeClick: () -> Void
     var resendTimer: Int
+    var onSendCodeClick: () -> Void
+    var onVerifyCodeClick: () -> Void
+    var onResendCodeClick: () -> Void
     var onChangeNumberClick: () -> Void
-    var navigator: Navigator
 }
 
 @Observable
@@ -121,7 +117,7 @@ struct FirebaseAuthViewInternal: View {
     var body: some View {
         NavigationStack(path: $navigator.routes) {
             authMethodPicker
-            
+                .navigationTitle("Authentication")
                 .navigationBarTitleDisplayMode(.large)
                 .navigationDestination(for: Route.self) { route in
                     switch route {
@@ -152,6 +148,43 @@ struct FirebaseAuthViewInternal: View {
         .interactiveDismissDisabled(interactiveDismissDisabled)
     }
 
+    @ViewBuilder
+    var authMethodPicker: some View {
+        VStack(spacing: 36) {
+            Image(.firebaseAuthLogo)
+            GeometryReader { proxy in
+                AuthMethodPicker { selectedProvider in
+                    switch selectedProvider {
+                    case .email:
+                        navigator.push(.emailAuth(.signIn))
+                    case .phone:
+                        navigator.push(.phoneAuth(.enterPhoneNumber))
+                    case .google:
+                        break
+                    case .facebook:
+                        break
+                    }
+                }
+                .padding(.horizontal, proxy.size.width * 0.18)
+            }
+            tosAndPPFooter
+                .padding(.horizontal, 16)
+        }
+        .padding(.top, 24)
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+    }
+    
+    @ViewBuilder
+    var tosAndPPFooter: some View {
+        AnnotatedString(
+            fullText: "By continuing, you accept our Terms of Service and Privacy Policy.",
+            links: [
+                ("Terms of Service", "https://example.com/terms"),
+                ("Privacy Policy", "https://example.com/privacy")
+            ]
+        )
+    }
+    
     // MARK: - State Creation
 
     private func createEmailAuthState() -> EmailAuthContentState {
@@ -167,18 +200,14 @@ struct FirebaseAuthViewInternal: View {
             onSignUpClick: handleEmailSignUp,
             onSendResetLinkClick: handleSendResetLink,
             onGoToSignUp: {
-                clearEmailForm()
-                navigator.push(.emailAuth(.signUp))
+                handleEmailAuthNavigation(route: .emailAuth(.signUp))
             },
             onGoToSignIn: {
-                clearEmailForm()
-                navigator.push(.emailAuth(.signIn))
+                handleEmailAuthNavigation(route: .emailAuth(.signIn))
             },
             onGoToResetPassword: {
-                clearEmailForm()
-                navigator.push(.emailAuth(.resetPassword))
-            },
-            navigator: navigator
+                handleEmailAuthNavigation(route: .emailAuth(.resetPassword))
+            }
         )
     }
 
@@ -187,34 +216,28 @@ struct FirebaseAuthViewInternal: View {
             isLoading: phoneIsLoading,
             error: phoneError,
             phoneNumber: $phoneNumber,
-            selectedCountry: selectedCountry,
-            onCountrySelected: { country in
-                selectedCountry = country
-            },
-            onSendCodeClick: handleSendCode,
+            selectedCountry: $selectedCountry,
             verificationCode: $verificationCode,
-            onVerificationCodeChange: { code in
-                verificationCode = code
-            },
-            onVerifyCodeClick: handleVerifyCode,
             fullPhoneNumber: "\(selectedCountry.dialCode) \(phoneNumber)",
-            onResendCodeClick: handleResendCode,
             resendTimer: resendTimer,
+            onSendCodeClick: handleSendCode,
+            onVerifyCodeClick: handleVerifyCode,
+            onResendCodeClick: handleResendCode,
             onChangeNumberClick: {
                 verificationCode = ""
                 navigator.pop()
-            },
-            navigator: navigator
+            }
         )
     }
 
     // MARK: - Email Auth Handlers
 
-    private func clearEmailForm() {
+    private func handleEmailAuthNavigation(route: Route) {
         email = ""
         password = ""
         confirmPassword = ""
         displayName = ""
+        navigator.push(route)
     }
 
     private func handleEmailSignIn() {
@@ -243,42 +266,6 @@ struct FirebaseAuthViewInternal: View {
     private func handleResendCode() {
         // TODO: Implement resend code logic
     }
-    
-    @ViewBuilder
-    var authMethodPicker: some View {
-        VStack(spacing: 36) {
-            Image(.firebaseAuthLogo)
-            GeometryReader { proxy in
-                AuthMethodPicker { selectedProvider in
-                    switch selectedProvider {
-                    case .email:
-                        navigator.push(.emailAuth(.signIn))
-                    case .phone:
-                        navigator.push(.phoneAuth(.enterPhoneNumber))
-                    case .google:
-                        break
-                    case .facebook:
-                        break
-                    }
-                }
-                .padding(.horizontal, proxy.size.width * 0.18)
-            }
-            tosAndPPFooter
-        }
-        .padding(.top, 24)
-        .frame(maxWidth: .infinity, maxHeight: .infinity)
-    }
-    
-    @ViewBuilder
-    var tosAndPPFooter: some View {
-        AnnotatedString(
-            fullText: "By continuing, you accept our Terms of Service and Privacy Policy.",
-            links: [
-                ("Terms of Service", "https://example.com/terms"),
-                ("Privacy Policy", "https://example.com/privacy")
-            ]
-        )
-    }
 }
 
 #Preview {

samples/auth-swiftui/AuthSwiftUIExample/Views/Phone/CountrySelector.swift

@@ -8,8 +8,7 @@
 import SwiftUI
 
 struct CountrySelector: View {
-    let selectedCountry: CountryData
-    let onCountrySelected: (CountryData) -> Void
+    @Binding var selectedCountry: CountryData
     var enabled: Bool = true
     var allowedCountries: Set<String>? = nil
 
@@ -43,7 +42,7 @@ struct CountrySelector: View {
         Menu {
             ForEach(filteredCountries, id: \.code) { country in
                 Button {
-                    onCountrySelected(country)
+                    selectedCountry = country
                 } label: {
                     Text("\(country.flag) \(country.name) (\(country.dialCode))")
                 }
@@ -66,7 +65,6 @@ struct CountrySelector: View {
 
 #Preview {
     CountrySelector(
-        selectedCountry: .default,
-        onCountrySelected: { _ in }
+        selectedCountry: .constant(.default)
     )
 }

samples/auth-swiftui/AuthSwiftUIExample/Views/Phone/EnterPhoneNumberView.swift

@@ -29,7 +29,6 @@ struct EnterPhoneNumberView: View {
             ) {
                 CountrySelector(
                     selectedCountry: state.selectedCountry,
-                    onCountrySelected: state.onCountrySelected,
                     enabled: !state.isLoading
                 )
             }
@@ -67,17 +66,14 @@ struct EnterPhoneNumberView: View {
             isLoading: false,
             error: nil,
             phoneNumber: .constant(""),
-            selectedCountry: .default,
-            onCountrySelected: { _ in },
-            onSendCodeClick: {},
+            selectedCountry: .constant(.default),
             verificationCode: .constant(""),
-            onVerificationCodeChange: { _ in },
-            onVerifyCodeClick: {},
             fullPhoneNumber: "+1 ",
-            onResendCodeClick: {},
             resendTimer: 0,
-            onChangeNumberClick: {},
-            navigator: Navigator()
+            onSendCodeClick: {},
+            onVerifyCodeClick: {},
+            onResendCodeClick: {},
+            onChangeNumberClick: {}
         ))
         .safeAreaPadding()
     }

samples/auth-swiftui/AuthSwiftUIExample/Views/Phone/EnterVerificationCodeView.swift

@@ -34,13 +34,7 @@ struct EnterVerificationCodeView: View {
                 VerificationCodeInputField(
                     code: state.verificationCode,
                     isError: state.error != nil,
-                    errorMessage: state.error,
-                    onCodeComplete: { _ in
-                        state.onVerifyCodeClick()
-                    },
-                    onCodeChange: { newCode in
-                        state.onVerificationCodeChange(newCode)
-                    }
+                    errorMessage: state.error
                 )
 
                 Button {
@@ -88,17 +82,14 @@ struct EnterVerificationCodeView: View {
             isLoading: false,
             error: nil,
             phoneNumber: .constant(""),
-            selectedCountry: .default,
-            onCountrySelected: { _ in },
-            onSendCodeClick: {},
+            selectedCountry: .constant(.default),
             verificationCode: .constant(""),
-            onVerificationCodeChange: { _ in },
-            onVerifyCodeClick: {},
             fullPhoneNumber: "+1 5551234567",
-            onResendCodeClick: {},
             resendTimer: 0,
-            onChangeNumberClick: {},
-            navigator: Navigator()
+            onSendCodeClick: {},
+            onVerifyCodeClick: {},
+            onResendCodeClick: {},
+            onChangeNumberClick: {}
         ))
         .safeAreaPadding()
     }