Adopt StateStoreViewModelV2 in the remaining settings screens. (#4158)

* Move the AuthenticationStartScreen into the Authentication directory. * Commit the updated Sentry license. No idea why they dropped the 2024 🤷‍♂️ * Use StateStoreViewModelV2 in BugReportScreen. * Use StateStoreViewModelV2 in UserDetailsEditScreen. * Use StateStoreViewModelV2 in NotificationSettingsScreen. * Use StateStoreViewModelV2 in NotificationSettingsEditScreen. * Use StateStoreViewModelV2 in LegalInformationScreen. * Use StateStoreViewModelV2 in LogViewerScreen. * Use StateStoreViewModelV2 in AnalyticsSettingsScreen. * Rename AdvancedSettingsScreen directory. * Use StateStoreViewModelV2 in EncryptionResetScreen. * Use StateStoreViewModelV2 in EncryptionResetPasswordScreen. * Use StateStoreViewModelV2 in SecureBackup…Screens. * Use StateStoreViewModelV2 in LoginScreen. Seems this one was ignored waiting on the fulfillment transitionValues implementation. * Use StateStoreViewModelV2 in DeactivateAccountScreen. * Move DeactivateAccountScreen into the Settings directory.
2026-11-04 01:20:12 +00:00 · 2025-05-30 12:24:56 +01:00
parent 565ca3ab0b
commit 458c6aaa57
54 changed files with 238 additions and 294 deletions
@@ -0,0 +1,145 @@
+//
+// Copyright 2022-2024 New Vector Ltd.
+//
+// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+// Please see LICENSE files in the repository root for full details.
+//
+
+import Compound
+import SwiftUI
+
+/// The screen shown at the beginning of the onboarding flow.
+struct AuthenticationStartScreen: View {
+    @Environment(\.verticalSizeClass) private var verticalSizeClass
+    
+    let context: AuthenticationStartScreenViewModel.Context
+    
+    var body: some View {
+        GeometryReader { geometry in
+            VStack(alignment: .leading, spacing: 0) {
+                Spacer()
+                    .frame(height: UIConstants.spacerHeight(in: geometry))
+                
+                content
+                    .frame(width: geometry.size.width)
+                    .accessibilityIdentifier(A11yIdentifiers.authenticationStartScreen.hidden)
+                
+                buttons
+                    .frame(width: geometry.size.width)
+                    .padding(.bottom, UIConstants.actionButtonBottomPadding)
+                    .padding(.bottom, geometry.safeAreaInsets.bottom > 0 ? 0 : 16)
+                    .padding(.top, 8)
+                
+                Spacer()
+                    .frame(height: UIConstants.spacerHeight(in: geometry))
+            }
+            .frame(maxHeight: .infinity)
+            .safeAreaInset(edge: .bottom) {
+                if context.viewState.showReportProblemButton {
+                    Button {
+                        context.send(viewAction: .reportProblem)
+                    } label: {
+                        Text(L10n.commonReportAProblem)
+                            .font(.compound.bodySM)
+                            .foregroundColor(.compound.textSecondary)
+                            .padding(.bottom)
+                    }
+                    .frame(width: geometry.size.width)
+                    .accessibilityIdentifier(A11yIdentifiers.authenticationStartScreen.reportAProblem)
+                }
+            }
+        }
+        .navigationBarHidden(true)
+        .background {
+            AuthenticationStartScreenBackgroundImage()
+        }
+        .introspect(.window, on: .supportedVersions) { window in
+            context.send(viewAction: .updateWindow(window))
+        }
+    }
+    
+    var content: some View {
+        VStack(spacing: 0) {
+            Spacer()
+            
+            if verticalSizeClass == .regular {
+                Spacer()
+                
+                AuthenticationStartLogo(isOnGradient: true)
+            }
+            
+            Spacer()
+            
+            VStack(spacing: 8) {
+                Text(L10n.screenOnboardingWelcomeTitle)
+                    .font(.compound.headingLGBold)
+                    .foregroundColor(.compound.textPrimary)
+                    .multilineTextAlignment(.center)
+                Text(L10n.screenOnboardingWelcomeMessage(InfoPlistReader.main.productionAppName))
+                    .font(.compound.bodyLG)
+                    .foregroundColor(.compound.textSecondary)
+                    .multilineTextAlignment(.center)
+            }
+            .padding()
+            .fixedSize(horizontal: false, vertical: true)
+            
+            Spacer()
+        }
+        .padding(.bottom)
+        .padding(.horizontal, 16)
+        .readableFrame()
+    }
+    
+    /// The main action buttons.
+    var buttons: some View {
+        VStack(spacing: 16) {
+            if context.viewState.showQRCodeLoginButton {
+                Button { context.send(viewAction: .loginWithQR) } label: {
+                    Label(L10n.screenOnboardingSignInWithQrCode, icon: \.qrCode)
+                }
+                .buttonStyle(.compound(.primary))
+                .accessibilityIdentifier(A11yIdentifiers.authenticationStartScreen.signInWithQr)
+            }
+            
+            Button { context.send(viewAction: .login) } label: {
+                Text(context.viewState.loginButtonTitle)
+            }
+            .buttonStyle(.compound(.primary))
+            .accessibilityIdentifier(A11yIdentifiers.authenticationStartScreen.signIn)
+            
+            if context.viewState.showCreateAccountButton {
+                Button { context.send(viewAction: .register) } label: {
+                    Text(L10n.screenCreateAccountTitle)
+                }
+                .buttonStyle(.compound(.tertiary))
+            }
+        }
+        .padding(.horizontal, verticalSizeClass == .compact ? 128 : 24)
+        .readableFrame()
+    }
+}
+
+// MARK: - Previews
+
+struct AuthenticationStartScreen_Previews: PreviewProvider, TestablePreview {
+    static let viewModel = makeViewModel()
+    static let bugReportDisabledViewModel = makeViewModel(isBugReportServiceEnabled: false)
+    static let provisionedViewModel = makeViewModel(provisionedServerName: "example.com")
+    
+    static var previews: some View {
+        AuthenticationStartScreen(context: viewModel.context)
+            .previewDisplayName("Default")
+        AuthenticationStartScreen(context: bugReportDisabledViewModel.context)
+            .previewDisplayName("Bug report disabled")
+        AuthenticationStartScreen(context: provisionedViewModel.context)
+            .previewDisplayName("Provisioned")
+    }
+    
+    static func makeViewModel(isBugReportServiceEnabled: Bool = true, provisionedServerName: String? = nil) -> AuthenticationStartScreenViewModel {
+        AuthenticationStartScreenViewModel(authenticationService: AuthenticationService.mock,
+                                           provisioningParameters: provisionedServerName.map { .init(accountProvider: $0, loginHint: nil) },
+                                           isBugReportServiceEnabled: isBugReportServiceEnabled,
+                                           appSettings: ServiceLocator.shared.settings,
+                                           userIndicatorController: UserIndicatorControllerMock())
+    }
+}