#40: Add login screen from EI.

ElementX/Resources/Assets.xcassets/Images/Authentication/Contents.json

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

ElementX/Resources/Assets.xcassets/Images/Authentication/authentication_sso_icon_apple.imageset/Contents.json

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

ElementX/Resources/Assets.xcassets/Images/Authentication/authentication_sso_icon_facebook.imageset/Contents.json

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

ElementX/Resources/Assets.xcassets/Images/Authentication/authentication_sso_icon_github.imageset/Contents.json

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

ElementX/Resources/Assets.xcassets/Images/Authentication/authentication_sso_icon_gitlab.imageset/Contents.json

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

ElementX/Resources/Assets.xcassets/Images/Authentication/authentication_sso_icon_google.imageset/Contents.json

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

ElementX/Resources/Assets.xcassets/Images/Authentication/authentication_sso_icon_twitter.imageset/Contents.json

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

ElementX/Sources/Other/SwiftUI/ErrorHandling/AlertInfo.swift

@@ -0,0 +1,87 @@
+// 
+// Copyright 2021 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 SwiftUI
+
+/// A type that describes an alert to be shown to the user.
+///
+/// The alert info can be added to the view state bindings and used as an alert's `item`:
+/// ```
+/// MyView
+///     .alert(item: $viewModel.alertInfo) { $0.alert }
+/// ```
+struct AlertInfo<T: Hashable>: Identifiable {
+    /// An identifier that can be used to distinguish one error from another.
+    let id: T
+    /// The alert's title.
+    let title: String
+    /// The alert's message (optional).
+    var message: String? = nil
+    /// The alert's primary button title and action. Defaults to an Ok button with no action.
+    var primaryButton: (title: String, action: (() -> Void)?) = (VectorL10n.ok, nil)
+    /// The alert's secondary button title and action.
+    var secondaryButton: (title: String, action: (() -> Void)?)? = nil
+}
+
+extension AlertInfo {
+    /// Initialises the type with the title and message from an `NSError` along with the default Ok button.
+    init?(error: NSError? = nil) where T == Int {
+        self.init(id: error?.code ?? -1, error: error)
+    }
+
+    /// Initialises the type with the title and message from an `NSError` along with the default Ok button.
+    /// - Parameters:
+    ///   - id: An ID that identifies the error.
+    ///   - error: The Error that occurred.
+    init?(id: T, error: NSError? = nil) {
+        guard error?.domain != NSURLErrorDomain && error?.code != NSURLErrorCancelled else { return nil }
+
+        self.id = id
+        title = error?.userInfo[NSLocalizedFailureReasonErrorKey] as? String ?? VectorL10n.error
+        message = error?.userInfo[NSLocalizedDescriptionKey] as? String ?? VectorL10n.errorCommonMessage
+    }
+}
+
+@available(iOS 13.0, *)
+extension AlertInfo {
+    private var messageText: Text? {
+        guard let message = message else { return nil }
+        return Text(message)
+    }
+
+    /// Returns a SwiftUI `Alert` created from this alert info, using default button
+    /// styles for both primary and (if set) secondary buttons.
+    var alert: Alert {
+        if let secondaryButton = secondaryButton {
+            return Alert(title: Text(title),
+                         message: messageText,
+                         primaryButton: alertButton(for: primaryButton),
+                         secondaryButton: alertButton(for: secondaryButton))
+        } else {
+            return Alert(title: Text(title),
+                         message: messageText,
+                         dismissButton: alertButton(for: primaryButton))
+        }
+    }
+
+    private func alertButton(for buttonParameters: (title: String, action: (() -> Void)?)) -> Alert.Button {
+        guard let action = buttonParameters.action else {
+            return .default(Text(buttonParameters.title))
+        }
+
+        return .default(Text(buttonParameters.title), action: action)
+    }
+}

ElementX/Sources/Other/SwiftUI/Layout/ReadableFrameModifier.swift

@@ -0,0 +1,37 @@
+// 
+// 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 SwiftUI
+
+/// Positions this view within an invisible frame that fills the width of its parent view,
+/// whilst limiting the width of the content to a readable size (which is customizable).
+fileprivate struct ReadableFrameModifier: ViewModifier {
+    var maxWidth: CGFloat
+
+    func body(content: Content) -> some View {
+        content
+            .frame(maxWidth: maxWidth)
+            .frame(maxWidth: .infinity)
+    }
+}
+
+extension View {
+    /// Positions this view within an invisible frame that fills the width of its parent view,
+    /// whilst limiting the width of the content to a readable size (which is customizable).
+    func readableFrame(maxWidth: CGFloat = 600) -> some View {
+        modifier(ReadableFrameModifier(maxWidth: maxWidth))
+    }
+}

ElementX/Sources/Screens/Authentication/AuthenticationHomeserverViewData.swift

@@ -0,0 +1,78 @@
+// 
+// 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
+
+/// Information about a homeserver that is ready for display in the authentication flow.
+struct AuthenticationHomeserverViewData: Equatable {
+    /// The homeserver string to be shown to the user.
+    let address: String
+    /// Whether or not the homeserver is matrix.org.
+    let isMatrixDotOrg: Bool
+    /// Whether or not to display the username and password text fields during login.
+    let showLoginForm: Bool
+    /// Whether or not to display the username and password text fields during registration.
+    let showRegistrationForm: Bool
+    /// The supported SSO login options.
+    let ssoIdentityProviders: [SSOIdentityProvider]
+}
+
+// MARK: - Mocks
+
+extension AuthenticationHomeserverViewData {
+    /// A mock homeserver that is configured just like matrix.org.
+    static var mockMatrixDotOrg: AuthenticationHomeserverViewData {
+        AuthenticationHomeserverViewData(address: "matrix.org",
+                                         isMatrixDotOrg: true,
+                                         showLoginForm: true,
+                                         showRegistrationForm: true,
+                                         ssoIdentityProviders: [
+                                            SSOIdentityProvider(id: "1", name: "Apple", brand: "apple", iconURL: nil),
+                                            SSOIdentityProvider(id: "2", name: "Facebook", brand: "facebook", iconURL: nil),
+                                            SSOIdentityProvider(id: "3", name: "GitHub", brand: "github", iconURL: nil),
+                                            SSOIdentityProvider(id: "4", name: "GitLab", brand: "gitlab", iconURL: nil),
+                                            SSOIdentityProvider(id: "5", name: "Google", brand: "google", iconURL: nil)
+                                         ])
+    }
+
+    /// A mock homeserver that supports login and registration via a password but has no SSO providers.
+    static var mockBasicServer: AuthenticationHomeserverViewData {
+        AuthenticationHomeserverViewData(address: "example.com",
+                                         isMatrixDotOrg: false,
+                                         showLoginForm: true,
+                                         showRegistrationForm: true,
+                                         ssoIdentityProviders: [])
+    }
+
+    /// A mock homeserver that supports only supports authentication via a single SSO provider.
+    static var mockEnterpriseSSO: AuthenticationHomeserverViewData {
+        AuthenticationHomeserverViewData(address: "company.com",
+                                         isMatrixDotOrg: false,
+                                         showLoginForm: false,
+                                         showRegistrationForm: false,
+                                         ssoIdentityProviders: [SSOIdentityProvider(id: "test", name: "SAML", brand: nil, iconURL: nil)])
+    }
+
+    /// A mock homeserver that supports only supports authentication via fallback.
+    static var mockFallback: AuthenticationHomeserverViewData {
+        AuthenticationHomeserverViewData(address: "company.com",
+                                         isMatrixDotOrg: false,
+                                         showLoginForm: false,
+                                         showRegistrationForm: false,
+                                         ssoIdentityProviders: [])
+    }
+
+}