[demolaf]

• Related to Customizable SwiftUI auth UI: content slots, per-screen state, and theming #1400

Adds public MFAEnrolmentScreen, so apps can draw the MFA enrolment screen themselves while the library keeps starting enrolment, sending codes, reauthenticating and reporting errors. Stacked on #1412.

Changes

• MFAEnrolmentScreen owns the enrolment state and passes its content an MFAEnrollmentContentState: the current step, Bindings for input, closures for actions, the TOTP secret and QR URL, plus isValid, isLoading and a localized errorMessage.
• DefaultMFAEnrolmentContent holds the stock markup, and MFAEnrolmentView now renders it through the screen. Reauthentication stays inside the screen.
• Actions ignore repeated taps while one is in flight, and isLoading also covers the AuthService signing in.
• Get Started stays disabled until the selected factor is allowed (it used to start SMS enrolment regardless), and sessions that expire or finish return to factor selection.
• Unit tests cover the step mapping, isValid rules and action guards.

API Usage

AuthPickerView { authenticatedApp }
  .pickerDestination { screen in
    switch screen {
    case .mfaEnrollment:
      MFAEnrolmentScreen { state in
        switch state.step {
        case .enterPhoneNumber:
          TextField("Phone number", text: state.phoneNumber)
          TextField("Device name", text: state.displayName)
          Button("Send code", action: state.sendCode)
            .disabled(!state.isValid || state.isLoading)
        default:
          DefaultMFAEnrolmentContent(state: state)
        }
      }
    default:
      DefaultAuthPickerDestination(screen: screen)
    }
  }

Preview

---

Maintainer note: Fixes internal CPRN-520

[gemini-code-assist]

Code Review

This pull request refactors the multi-factor authentication (MFA) enrollment UI by splitting it into a reusable state container MFAEnrolmentScreen, a default UI component DefaultMFAEnrolmentContent, and updating MFAEnrolmentView to use these new components. The review feedback suggests using SwiftUI's native @Environment(\.openURL) instead of UIApplication.shared.open for better platform support and testability. Additionally, it recommends avoiding recreating CIContext on every invocation of generateQRCode to prevent performance degradation during view updates.

[gemini-code-assist]

Use SwiftUI's native openURL environment action instead of accessing UIApplication.shared directly. This is more idiomatic in SwiftUI, supports platform-agnostic URL opening, and improves testability.

Suggested change

	@Environment(AuthService.self) private var authService
	@FocusState private var focus: FocusableField?
	private let state: MFAEnrollmentContentState
	@Environment(AuthService.self) private var authService
	@Environment(\.openURL) private var openURL
	@FocusState private var focus: FocusableField?
	private let state: MFAEnrollmentContentState

[gemini-code-assist]

Use the openURL environment action instead of UIApplication.shared.open.

Suggested change

	Button(action: {
	UIApplication.shared.open(qrURL)
	}) {
	Button(action: {
	openURL(qrURL)
	}) {

[gemini-code-assist]

Creating a CIContext is a very expensive operation. Since generateQRCode is called directly during the view's body rendering, recreating the CIContext on every view update will cause significant performance degradation. Reusing a single CIContext instance via a local static let avoids this overhead.

Suggested change

	private func generateQRCode(from string: String) -> UIImage? {
	let data = Data(string.utf8)
	guard let filter = CIFilter(name: "CIQRCodeGenerator") else { return nil }
	filter.setValue(data, forKey: "inputMessage")
	filter.setValue("H", forKey: "inputCorrectionLevel")
	guard let ciImage = filter.outputImage else { return nil }
	// Scale up the QR code for better quality
	let transform = CGAffineTransform(scaleX: 10, y: 10)
	let scaledImage = ciImage.transformed(by: transform)
	let context = CIContext()
	guard let cgImage = context.createCGImage(scaledImage, from: scaledImage.extent) else {
	return nil
	}
	return UIImage(cgImage: cgImage)
	}
	private func generateQRCode(from string: String) -> UIImage? {
	let data = Data(string.utf8)
	guard let filter = CIFilter(name: "CIQRCodeGenerator") else { return nil }
	filter.setValue(data, forKey: "inputMessage")
	filter.setValue("H", forKey: "inputCorrectionLevel")
	guard let ciImage = filter.outputImage else { return nil }
	// Scale up the QR code for better quality
	let transform = CGAffineTransform(scaleX: 10, y: 10)
	let scaledImage = ciImage.transformed(by: transform)
	static let context = CIContext()
	guard let cgImage = context.createCGImage(scaledImage, from: scaledImage.extent) else {
	return nil
	}
	return UIImage(cgImage: cgImage)
	}