Create a room screen (UI only)

ElementX/Sources/Application/AppCoordinator.swift

@@ -446,7 +446,7 @@ class AppCoordinator: AppCoordinatorProtocol, AuthenticationCoordinatorDelegate,
 
         // Allow for everything to deallocate properly
         Task {
-            try await Task.sleep(for: .seconds(2))
+            try? await Task.sleep(for: .seconds(2))
             userSessionStore.clearCache(for: userID)
             stateMachine.processEvent(.startWithExistingSession)
             hideLoadingIndicator()

ElementX/Sources/Other/AccessibilityIdentifiers.swift

@@ -30,6 +30,7 @@ struct A11yIdentifiers {
     static let softLogoutScreen = SoftLogoutScreen()
     static let startChatScreen = StartChatScreen()
     static let roomMemberDetailsScreen = RoomMemberDetailsScreen()
+    static let createRoomScreen = CreateRoomScreen()
     static let invitesScreen = InvitesScreen()
 
     struct AnalyticsPromptScreen {
@@ -130,4 +131,9 @@ struct A11yIdentifiers {
         let inviteFriends = "start_chat-invite_friends"
         let searchNoResults = "start_chat-search_no_results"
     }
+
+    struct CreateRoomScreen {
+        let roomName = "create_room-room_name"
+        let roomTopic = "create_room-room_topic"
+    }
 }

ElementX/Sources/Other/SwiftUI/Form Styles/FormButtonStyles.swift

@@ -43,13 +43,15 @@ enum FormRowAccessory: View {
 /// The primitive style is needed to set the list row insets to `0`. The inner style is then needed
 /// to change the background colour depending on whether the button is currently pressed or not.
 struct FormButtonStyle: PrimitiveButtonStyle {
+    var iconAlignment: VerticalAlignment = .firstTextBaseline
+
     /// An accessory to be added on the trailing side of the row.
     var accessory: FormRowAccessory?
 
     func makeBody(configuration: Configuration) -> some View {
         Button(action: configuration.trigger) {
             configuration.label
-                .labelStyle(FormRowLabelStyle(role: configuration.role))
+                .labelStyle(FormRowLabelStyle(alignment: iconAlignment, role: configuration.role))
                 .frame(maxHeight: .infinity) // Make sure the label fills the cell vertically.
         }
         .buttonStyle(Style(accessory: accessory))

ElementX/Sources/Screens/CreateRoom/CreateRoomCoordinator.swift

@@ -0,0 +1,67 @@
+//
+// Copyright 2022 New Vector Ltd
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import Combine
+import SwiftUI
+
+struct CreateRoomCoordinatorParameters {
+    let userSession: UserSessionProtocol
+    let createRoomParameters: CurrentValuePublisher<CreateRoomFlowParameters, Never>
+    let selectedUsers: CurrentValuePublisher<[UserProfile], Never>
+}
+
+enum CreateRoomCoordinatorAction {
+    case createRoom
+    case deselectUser(UserProfile)
+    case updateDetails(CreateRoomFlowParameters)
+}
+
+final class CreateRoomCoordinator: CoordinatorProtocol {
+    private let parameters: CreateRoomCoordinatorParameters
+    private var viewModel: CreateRoomViewModelProtocol
+    private let actionsSubject: PassthroughSubject<CreateRoomCoordinatorAction, Never> = .init()
+    private var cancellables: Set<AnyCancellable> = .init()
+
+    var actions: AnyPublisher<CreateRoomCoordinatorAction, Never> {
+        actionsSubject.eraseToAnyPublisher()
+    }
+
+    init(parameters: CreateRoomCoordinatorParameters) {
+        self.parameters = parameters
+        viewModel = CreateRoomViewModel(userSession: parameters.userSession,
+                                        createRoomParameters: parameters.createRoomParameters,
+                                        selectedUsers: parameters.selectedUsers)
+    }
+
+    func start() {
+        viewModel.actions.sink { [weak self] action in
+            guard let self else { return }
+            switch action {
+            case .deselectUser(let user):
+                self.actionsSubject.send(.deselectUser(user))
+            case .createRoom:
+                self.actionsSubject.send(.createRoom)
+            case .updateDetails(let details):
+                self.actionsSubject.send(.updateDetails(details))
+            }
+        }
+        .store(in: &cancellables)
+    }
+
+    func toPresentable() -> AnyView {
+        AnyView(CreateRoomScreen(context: viewModel.context))
+    }
+}

ElementX/Sources/Screens/CreateRoom/CreateRoomModels.swift

@@ -0,0 +1,43 @@
+//
+// Copyright 2022 New Vector Ltd
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import Foundation
+
+enum CreateRoomViewModelAction {
+    case createRoom
+    case deselectUser(UserProfile)
+    case updateDetails(CreateRoomFlowParameters)
+}
+
+struct CreateRoomViewState: BindableState {
+    var selectedUsers: [UserProfile]
+    var bindings: CreateRoomViewStateBindings
+
+    var canCreateRoom: Bool {
+        !bindings.roomName.isEmpty
+    }
+}
+
+struct CreateRoomViewStateBindings {
+    var roomName: String
+    var roomTopic: String
+    var isRoomPrivate: Bool
+}
+
+enum CreateRoomViewAction {
+    case createRoom
+    case deselectUser(UserProfile)
+}

ElementX/Sources/Screens/CreateRoom/CreateRoomViewModel.swift

@@ -0,0 +1,74 @@
+//
+// Copyright 2022 New Vector Ltd
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import Combine
+import SwiftUI
+
+typealias CreateRoomViewModelType = StateStoreViewModel<CreateRoomViewState, CreateRoomViewAction>
+
+class CreateRoomViewModel: CreateRoomViewModelType, CreateRoomViewModelProtocol {
+    private var actionsSubject: PassthroughSubject<CreateRoomViewModelAction, Never> = .init()
+    private var createRoomParameters: CreateRoomFlowParameters
+
+    var actions: AnyPublisher<CreateRoomViewModelAction, Never> {
+        actionsSubject.eraseToAnyPublisher()
+    }
+
+    init(userSession: UserSessionProtocol,
+         createRoomParameters: CurrentValuePublisher<CreateRoomFlowParameters, Never>,
+         selectedUsers: CurrentValuePublisher<[UserProfile], Never>) {
+        let parameters = createRoomParameters.value
+        self.createRoomParameters = parameters
+        let bindings = CreateRoomViewStateBindings(roomName: parameters.name, roomTopic: parameters.topic, isRoomPrivate: parameters.isRoomPrivate)
+
+        super.init(initialViewState: CreateRoomViewState(selectedUsers: selectedUsers.value, bindings: bindings), imageProvider: userSession.mediaProvider)
+
+        selectedUsers
+            .sink { [weak self] users in
+                self?.state.selectedUsers = users
+            }
+            .store(in: &cancellables)
+
+        setupBindings()
+    }
+
+    // MARK: - Public
+
+    override func process(viewAction: CreateRoomViewAction) {
+        switch viewAction {
+        case .createRoom:
+            actionsSubject.send(.createRoom)
+        case .deselectUser(let user):
+            actionsSubject.send(.deselectUser(user))
+        }
+    }
+
+    // MARK: - Private
+
+    private func setupBindings() {
+        context.$viewState
+            .map(\.bindings)
+            .throttle(for: 0.5, scheduler: DispatchQueue.main, latest: true)
+            .sink { [weak self] bindings in
+                guard let self else { return }
+                createRoomParameters.name = bindings.roomName
+                createRoomParameters.topic = bindings.roomTopic
+                createRoomParameters.isRoomPrivate = bindings.isRoomPrivate
+                actionsSubject.send(.updateDetails(createRoomParameters))
+            }
+            .store(in: &cancellables)
+    }
+}

ElementX/Sources/Screens/CreateRoom/CreateRoomViewModelProtocol.swift

@@ -0,0 +1,23 @@
+//
+// Copyright 2022 New Vector Ltd
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+
+import Combine
+
+@MainActor
+protocol CreateRoomViewModelProtocol {
+    var actions: AnyPublisher<CreateRoomViewModelAction, Never> { get }
+    var context: CreateRoomViewModelType.Context { get }
+}