PM-10278 PM-10279 PM-10806 - Setup autofill screen for new onboarding flow

BitwardenShared/Core/Platform/Services/TestHelpers/MockStateService.swift

@@ -67,6 +67,7 @@ class MockStateService: StateService { // swiftlint:disable:this type_body_lengt
     var setAccountHasBeenUnlockedInteractivelyHasBeenCalled = false // swiftlint:disable:this identifier_name
     // swiftlint:disable:next identifier_name
     var setAccountHasBeenUnlockedInteractivelyResult: Result<Void, Error> = .success(())
+    var setAccountSetupAutofillCalled = false
     var setBiometricAuthenticationEnabledResult: Result<Void, Error> = .success(())
     var setBiometricIntegrityStateError: Error?
     var settingsBadgeSubject = CurrentValueSubject<SettingsBadgeState, Never>(
@@ -360,6 +361,7 @@ class MockStateService: StateService { // swiftlint:disable:this type_body_lengt
     }
 
     func setAccountSetupAutofill(_ autofillSetup: AccountSetupProgress?, userId: String?) async throws {
+        setAccountSetupAutofillCalled = true
         let userId = try unwrapUserId(userId)
         if let accountSetupAutofillError {
             throw accountSetupAutofillError

BitwardenShared/Core/Platform/Utilities/ExternalLinksConstants.swift

@@ -16,6 +16,9 @@ enum ExternalLinksConstants {
     /// A link to the app review page within the app store.
     static let appReview = URL(string: "https://itunes.apple.com/us/app/id1137397744?action=write-review")
 
+    /// A link to the auto fill help page.
+    static let autofillHelp = URL(string: "https://bitwarden.com/help/auto-fill-ios/#keyboard-auto-fill")!
+
     /// A link to Bitwarden's help page for learning more about the account fingerprint phrase.
     static let fingerprintPhrase = URL(string: "https://bitwarden.com/help/fingerprint-phrase/")!
 
@@ -25,6 +28,9 @@ enum ExternalLinksConstants {
     /// A link to Bitwarden's general help and feedback page.
     static let helpAndFeedback = URL(string: "https://bitwarden.com/help/")!
 
+    /// A link to the password options within the passwords section of the settings menu.
+    static let passwordOptions = URL(string: "App-prefs:PASSWORDS&path=PASSWORD_OPTIONS")!
+
     /// A markdown link to Bitwarden's privacy policy.
     static let privacyPolicy = URL(string: "https://bitwarden.com/privacy/")!
 

BitwardenShared/UI/Auth/AuthCoordinator.swift

@@ -41,6 +41,7 @@ final class AuthCoordinator: NSObject, // swiftlint:disable:this type_body_lengt
         & HasAuthAPIService
         & HasAuthRepository
         & HasAuthService
+        & HasAutofillCredentialService
         & HasBiometricsRepository
         & HasCaptchaService
         & HasClientService
@@ -49,6 +50,7 @@ final class AuthCoordinator: NSObject, // swiftlint:disable:this type_body_lengt
         & HasEnvironmentService
         & HasErrorReporter
         & HasGeneratorRepository
+        & HasNotificationCenterService
         & HasNFCReaderService
         & HasOrganizationAPIService
         & HasPolicyService
@@ -118,8 +120,7 @@ final class AuthCoordinator: NSObject, // swiftlint:disable:this type_body_lengt
     func navigate(to route: AuthRoute, context: AnyObject?) { // swiftlint:disable:this function_body_length
         switch route {
         case .autofillSetup:
-            // TODO: PM-10278 Add autofill setup screen
-            break
+            showAutoFillSetup()
         case let .captcha(url, callbackUrlScheme):
             showCaptcha(
                 url: url,
@@ -265,6 +266,19 @@ final class AuthCoordinator: NSObject, // swiftlint:disable:this type_body_lengt
         return try await services.authRepository.setActiveAccount(userId: alternate.profile.userId)
     }
 
+    /// Shows the password autofill screen.
+    ///
+    private func showAutoFillSetup() {
+        let processor = PasswordAutoFillProcessor(
+            coordinator: asAnyCoordinator(),
+            services: services,
+            state: .init(mode: .onboarding)
+        )
+
+        let view = PasswordAutoFillView(store: Store(processor: processor))
+        stackNavigator?.replace(view)
+    }
+
     /// Shows the captcha screen.
     ///
     /// - Parameters:

BitwardenShared/UI/Auth/AuthCoordinatorTests.swift

@@ -74,6 +74,14 @@ class AuthCoordinatorTests: BitwardenTestCase { // swiftlint:disable:this type_b
 
     // MARK: Tests
 
+    /// `navigate(to:)` with `.autofillSetup` pushes the password autofill view onto the navigation stack.
+    @MainActor
+    func test_navigate_autofillSetup() {
+        subject.navigate(to: .autofillSetup)
+        XCTAssertEqual(stackNavigator.actions.last?.type, .replaced)
+        XCTAssertTrue(stackNavigator.actions.last?.view is PasswordAutoFillView)
+    }
+
     /// `navigate(to:)` with `.complete` notifies the delegate that auth has completed.
     @MainActor
     func test_navigate_complete() {

BitwardenShared/UI/Auth/AuthRouterTests.swift

@@ -259,12 +259,11 @@ final class AuthRouterTests: BitwardenTestCase { // swiftlint:disable:this type_
     /// `handleAndRoute(_:)` redirects `.didCompleteAuth` to `.autofillSetup` if the user still
     /// needs to set up autofill.
     func test_handleAndRoute_didCompleteAuth_incompleteAutofill() async {
-        // TODO: PM-10278 Add autofill setup screen
-//        authRepository.activeAccount = .fixture()
-//        stateService.activeAccount = .fixture()
-//        stateService.accountSetupAutofill["1"] = .incomplete
-//        let route = await subject.handleAndRoute(.didCompleteAuth)
-//        XCTAssertEqual(route, .autofillSetup)
+        authRepository.activeAccount = .fixture()
+        stateService.activeAccount = .fixture()
+        stateService.accountSetupAutofill["1"] = .incomplete
+        let route = await subject.handleAndRoute(.didCompleteAuth)
+        XCTAssertEqual(route, .autofillSetup)
     }
 
     /// `handleAndRoute(_:)` redirects `.didCompleteAuth` to `.vaultUnlockSetup` if the user still

BitwardenShared/UI/Auth/Extensions/Alert+Auth.swift

@@ -217,6 +217,25 @@ extension Alert {
         )
     }
 
+    /// An alert confirming that the user wants to finish setting up autofill later in settings.
+    ///
+    /// - Parameter action: The action taken when the user taps on Confirm to finish setting up
+    ///     autofill later in settings.
+    /// - Returns: An alert confirming that the user wants to finish setting up autofill let in settings.
+    ///
+    static func setUpAutoFillLater(action: @escaping () async -> Void) -> Alert {
+        Alert(
+            title: Localizations.turnOnAutoFillLaterQuestion,
+            message: Localizations.youCanReturnToCompleteThisStepAnytimeInSettings,
+            alertActions: [
+                AlertAction(title: Localizations.cancel, style: .cancel),
+                AlertAction(title: Localizations.confirm, style: .default) { _ in
+                    await action()
+                },
+            ]
+        )
+    }
+
     /// An alert confirming that the user wants to finish setting up their vault unlock methods
     /// later in settings.
     ///

BitwardenShared/UI/Auth/Extensions/AlertAuthTests.swift

@@ -165,6 +165,27 @@ class AlertAuthTests: BitwardenTestCase {
         await fulfillment(of: [expectation], timeout: 3)
     }
 
+    /// `setUpAutoFillLater(action:)` builds an `Alert` for setting up autofill later.
+    func test_setUpAutoFillLater() async throws {
+        var actionCalled = false
+        let subject = Alert.setUpAutoFillLater {
+            actionCalled = true
+        }
+
+        XCTAssertEqual(subject.title, Localizations.turnOnAutoFillLaterQuestion)
+        XCTAssertEqual(subject.message, Localizations.youCanReturnToCompleteThisStepAnytimeInSettings)
+        XCTAssertEqual(subject.preferredStyle, .alert)
+        XCTAssertEqual(subject.alertActions.count, 2)
+        XCTAssertEqual(subject.alertActions[0].title, Localizations.cancel)
+        XCTAssertEqual(subject.alertActions[1].title, Localizations.confirm)
+
+        try await subject.tapAction(title: Localizations.cancel)
+        XCTAssertFalse(actionCalled)
+
+        try await subject.tapAction(title: Localizations.confirm)
+        XCTAssertTrue(actionCalled)
+    }
+
     /// `setUpUnlockMethodLater(action:)` builds an `Alert` confirming the user wants to set up
     /// their unlock methods later.
     func test_setUpUnlockMethodLater() async throws {

BitwardenShared/UI/Auth/Extensions/AuthRouter+Redirects.swift

@@ -34,9 +34,8 @@ extension AuthRouter {
             return .updateMasterPassword
         } else if await (try? services.stateService.getAccountSetupVaultUnlock()) == .incomplete {
             return .vaultUnlockSetup
-            // TODO: PM-10278 Add autofill setup screen
-//        } else if await (try? services.stateService.getAccountSetupAutofill()) == .incomplete {
-//            return .autofillSetup
+        } else if await (try? services.stateService.getAccountSetupAutofill()) == .incomplete {
+            return .autofillSetup
         } else {
             await setCarouselShownIfEnabled()
             return .complete

BitwardenShared/UI/Auth/VaultUnlock/VaultUnlockProcessorTests.swift

@@ -46,6 +46,8 @@ class VaultUnlockProcessorTests: BitwardenTestCase { // swiftlint:disable:this t
         authRepository = nil
         biometricsRepository = nil
         coordinator = nil
+        errorReporter = nil
+        stateService = nil
         subject = nil
     }
 
@@ -64,11 +66,10 @@ class VaultUnlockProcessorTests: BitwardenTestCase { // swiftlint:disable:this t
         XCTAssertEqual(subject.state.biometricUnlockStatus, .notAvailable)
     }
 
-    /// `perform(.appeared)` with a biometrics status error yields `BiometricUnlockStatus.unavailable`.
+    /// `perform(.appeared)` with a biometrics status yields the expected status.
     @MainActor
     func test_perform_appeared_biometricUnlockStatus_success() async {
         stateService.activeAccount = .fixture()
-        struct FetchError: Error {}
         let expectedStatus = BiometricsUnlockStatus.available(.touchID, enabled: true, hasValidIntegrity: false)
         biometricsRepository.biometricUnlockStatus = .success(expectedStatus)
         await subject.perform(.appeared)

BitwardenShared/UI/Platform/Application/Support/Images.xcassets/Images/Autofill/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

BitwardenShared/UI/Platform/Application/Support/Images.xcassets/Images/Autofill/autofill_ios_dark.dataset/Contents.json

@@ -0,0 +1,12 @@
+{
+  "data" : [
+    {
+      "filename" : "autofill_ios_dark.gif",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

BitwardenShared/UI/Platform/Application/Support/Images.xcassets/Images/Autofill/autofill_ios_dark_placeholder.imageset/Contents.json

@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "autofill_ios_dark_placeholder.pdf",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}

BitwardenShared/UI/Platform/Application/Support/Images.xcassets/Images/Autofill/autofill_ios_light.dataset/Contents.json

@@ -0,0 +1,12 @@
+{
+  "data" : [
+    {
+      "filename" : "autofill_ios_light.gif",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

BitwardenShared/UI/Platform/Application/Support/Images.xcassets/Images/Autofill/autofill_ios_light_placeholder.imageset/Contents.json

@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "autofill_ios_light_placeholder.pdf",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}

BitwardenShared/UI/Platform/Application/Support/Localizations/en.lproj/Localizable.strings

@@ -984,6 +984,15 @@
 "Confirm" = "Confirm";
 "ErrorConnectingWithTheDuoServiceUseADifferentTwoStepLoginMethodOrContactDuoForAssistance" = "Error connecting with the Duo service. Use a different two-step login method or contact Duo for assistance.";
 "ThePreAuthUrlsCouldNotBeLoadedToStartTheAccountCreation" = "The Pre Auth Urls could not be loaded to start the account creation.";
+"FromYourDeviceSettingsToggleOnAutoFillPasswordsAndPasskeys" = "From your device settings, **toggle on autofill Passwords and Passkeys.**";
+"ToggleOffICloudToMakeBitwardenYourDefaultAutoFillSource" = "**Toggle off iCloud Keychain** to make Bitwarden your default autofill source.";
+"ToggleOnBitwardenToUseYourSavedPasswordsToLogIntoYourAccounts" = "**Toggle on Bitwarden** to use your saved passwords to log into your accounts.";
+"TurnOnAutoFill"= "Turn on autofill";
+"UseAutoFillToLogIntoYourAccountsWithASingleTap" = "Use autofill to log into your accounts with a single tap.";
+"NeedHelpCheckOutAutofillHelp" = "Need help? Check out **[autofill help](%1$@)**";
+"TurnOnLater" = "Turn on later";
+"TurnOnAutoFillLaterQuestion" = "Turn on autofill later?";
+"YouCanReturnToCompleteThisStepAnytimeInSettings" = "You can return to complete this step anytime in Settings.";
 "ContinueToBitwarden" = "Continue to Bitwarden";
 "BackToSettings" = "Back to settings";
 "YoureAllSet" = "You're all set!";

BitwardenShared/UI/Platform/Application/Views/GifView.swift

@@ -0,0 +1,45 @@
+import SwiftUI
+import WebKit
+
+// MARK: - GifView
+
+/// A view that displays a GIF using a `WKWebView`.
+/// This view handles the rendering of the GIF asset
+/// and ensures that the background is transparent.
+///
+struct GifView: UIViewRepresentable {
+    // MARK: Properties
+
+    /// The `DataAsset` that contains the GIF data to be rendered.
+    private let gif: DataAsset
+
+    // MARK: Initialization
+
+    /// Initializes the `GifView` with a specific `DataAsset` for the GIF.
+    ///
+    /// - Parameter gif: The data asset for the GIF.
+    ///
+    init(gif: DataAsset) {
+        self.gif = gif
+    }
+
+    func makeUIView(context: Context) -> WKWebView {
+        let webView = WKWebView()
+        webView.isOpaque = false
+        webView.backgroundColor = .clear
+        webView.scrollView.backgroundColor = .clear
+
+        webView.load(
+            gif.data.data,
+            mimeType: "image/gif",
+            characterEncodingName: "UTF-8",
+            baseURL: Bundle.main.bundleURL
+        )
+
+        return webView
+    }
+
+    func updateUIView(_ uiView: WKWebView, context: Context) {
+        uiView.reload()
+    }
+}

BitwardenShared/UI/Platform/Settings/Settings/AutoFill/PasswordAutoFill/PasswordAutoFillEffect.swift

@@ -0,0 +1,14 @@
+// MARK: - PasswordAutoFillEffect
+
+/// Effects handled by the `PasswordAutoFillProcessor`.
+///
+enum PasswordAutoFillEffect: Equatable {
+    /// The password autofill view appeared on screen.
+    case appeared
+
+    /// Check the autofill status when the view enters the foreground.
+    case checkAutofillOnForeground
+
+    /// The turn on later button was tapped.
+    case turnAutoFillOnLaterButtonTapped
+}