my-files-sample/Modules/Sources/Login/UI/Views/LoginView.swift

//
//  LoginView.swift
//  Login
//
//  Created by Javier Cicchelli on 30/11/2022.
//  Copyright © 2022 Röck+Cöde. All rights reserved.
//

import APIService
import SwiftUI

public struct LoginView: View {
    
    // MARK: States

    @State private var containerTopPadding: CGFloat = 0
    
    // MARK: Properties
    
    private let authenticated: AuthenticatedClosure
    
    // MARK: Initialisers
    
    public init(authenticated: @escaping AuthenticatedClosure) {
        self.authenticated = authenticated
    }
    
    // MARK: Body
    
    public var body: some View {
        ScrollView(
            .vertical,
            showsIndicators: false
        ) {
            LoginContainer(authenticated: authenticated)
                .padding(.horizontal, 24)
                .padding(.top, containerTopPadding)
        }
        .background(Color.red)
        .overlay(ViewHeightGeometry())
        .onPreferenceChange(ViewHeightPreferenceKey.self) { height in
            containerTopPadding = height * 0.1
        }
        .interactiveDismissDisabled()
    }
    
}

// MARK: - Views

fileprivate extension LoginView {
    struct LoginContainer: View {

        // MARK: States
        
        @State private var isAuthenticating: Bool = false
        @State private var username: String = ""
        @State private var password: String = ""
        @State private var errorMessage: String?
        
        // MARK: Properties
        
        private let getUser: GetUserUseCase
        
        // MARK: Initialisers
        
        init(authenticated: @escaping AuthenticatedClosure) {
            self.getUser = .init(authenticated: authenticated)
        }

        // MARK: Body
        
        var body: some View {
            VStack(spacing: 32) {
                Text(
                    "login.title.text",
                    bundle: .module,
                    comment: "Login view title text."
                )
                .font(.largeTitle)
                .fontWeight(.bold)
                .foregroundColor(.primary)
  
                LoginForm(
                    username: $username,
                    password: $password,
                    errorMessage: $errorMessage
                ) {
                    isAuthenticating = true
                }

                Button {
                    isAuthenticating = true
                } label: {
                    Label {
                        Text(
                            "login.button.log_in.text",
                            bundle: .module,
                            comment: "Log in button text."
                        )
                        .fontWeight(.semibold)
                    } icon: {
                        if isAuthenticating {
                            ProgressView()
                                .controlSize(.regular)
                        } else {
                            EmptyView()
                        }
                    }
                    .labelStyle(.logIn)
                }
                .tint(.orange)
                .buttonStyle(.borderedProminent)
                .buttonBorderShape(.roundedRectangle(radius: 8))
                .controlSize(.large)
                .disabled(isLoginDisabled)
                .task(id: isAuthenticating) {
                    await authenticate()
                }
            }
        }
    }
}

// MARK: - Helpers

private extension LoginView.LoginContainer {
    
    // MARK: Computed
    
    var isLoginDisabled: Bool {
        username.isEmpty || password.isEmpty
    }
    
    // MARK: Functions
    
    func authenticate() async {
        guard isAuthenticating else { return }
        
        do {
            try await getUser(
                username: username,
                password: password
            )
        } catch APIClientError.authenticationFailed {
            errorMessage = "login.error.authentication_failed.text"
            isAuthenticating = false
        } catch {
            errorMessage = "login.error.authentication_unknown.text"
            isAuthenticating = false
        }
    }

}

// MARK: - Previews

struct LoginView_Previews: PreviewProvider {
    static var previews: some View {
        LoginView { _, _ in
            // closure for authenticated action.
        }
    }
}