element-x-ios/ElementX/Sources/Screens/KnockRequestsListScreen/View/KnockRequestsListScreen.swift

//
// Copyright 2025 Element Creations Ltd.
// Copyright 2022-2025 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

struct KnockRequestsListScreen: View {
    @ObservedObject var context: KnockRequestsListScreenViewModel.Context
    
    var body: some View {
        mainContent
            .navigationBarTitleDisplayMode(.inline)
            .navigationTitle(L10n.screenKnockRequestsListTitle)
            .background(.compound.bgCanvasDefault)
            .overlay {
                if context.viewState.shouldDisplayEmptyView {
                    KnockRequestsListEmptyStateView()
                }
            }
            .safeAreaInset(edge: .bottom) {
                if context.viewState.shouldDisplayAcceptAllButton {
                    acceptAllButton
                }
            }
            .alert(item: $context.alertInfo)
    }
    
    @ViewBuilder
    private var mainContent: some View {
        if context.viewState.isLoading {
            EmptyView()
        } else {
            list
        }
    }
    
    private var list: some View {
        ScrollView {
            LazyVStack(spacing: 0) {
                if context.viewState.shouldDisplayRequests {
                    ForEach(context.viewState.displayedRequests) { requestInfo in
                        ListRow(kind: .custom {
                            KnockRequestCell(cellInfo: requestInfo,
                                             mediaProvider: context.mediaProvider,
                                             onAccept: context.viewState.canAccept ? onAccept : nil,
                                             onDecline: context.viewState.canDecline ? onDecline : nil,
                                             onDeclineAndBan: context.viewState.canBan ? onDeclineAndBan : nil)
                        })
                    }
                }
            }
            .padding(.top, 40)
        }
    }
    
    private var acceptAllButton: some View {
        Button(L10n.screenKnockRequestsListAcceptAllButtonTitle) {
            context.send(viewAction: .acceptAllRequests)
        }
        .buttonStyle(.compound(.secondary))
        .padding(.horizontal, 16)
        .padding(.top, 16)
        .padding(.bottom, 4)
        .background(.compound.bgCanvasDefault)
    }
    
    private func onAccept(eventID: String) {
        context.send(viewAction: .acceptRequest(eventID: eventID))
    }
    
    private func onDecline(eventID: String) {
        context.send(viewAction: .declineRequest(eventID: eventID))
    }
    
    private func onDeclineAndBan(eventID: String) {
        context.send(viewAction: .ban(eventID: eventID))
    }
}

// MARK: - Previews

struct KnockRequestsListScreen_Previews: PreviewProvider, TestablePreview {
    static let loadingViewModel = KnockRequestsListScreenViewModel.mockWithRequestsState(.loading)
    
    static let emptyViewModel = KnockRequestsListScreenViewModel.mockWithRequestsState(.loaded([]))
    
    static let singleRequestViewModel = KnockRequestsListScreenViewModel.mockWithRequestsState(.loaded([KnockRequestProxyMock(.init(eventID: "1",
                                                                                                                                    userID: "@alice:matrix.org",
                                                                                                                                    displayName: "Alice",
                                                                                                                                    avatarURL: nil,
                                                                                                                                    timestamp: "Now",
                                                                                                                                    reason: "Hello"))]))
    
    static let viewModel = KnockRequestsListScreenViewModel.mockWithRequestsState(.loaded([
        KnockRequestProxyMock(.init(eventID: "1",
                                    userID: "@alice:matrix.org",
                                    displayName: "Alice",
                                    avatarURL: nil,
                                    timestamp: "Now",
                                    reason: "Hello")),
        KnockRequestProxyMock(.init(eventID: "2",
                                    userID: "@bob:matrix.org",
                                    displayName: "Bob",
                                    avatarURL: nil,
                                    timestamp: "Now",
                                    // swiftlint:disable:next line_length
                                    reason: "Hello this one is a very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long reason")),
        KnockRequestProxyMock(.init(eventID: "3",
                                    userID: "@charlie:matrix.org",
                                    displayName: "Charlie",
                                    avatarURL: nil,
                                    timestamp: "Now",
                                    reason: nil)),
        KnockRequestProxyMock(.init(eventID: "4",
                                    userID: "@dan:matrix.org",
                                    displayName: "Dan",
                                    avatarURL: nil,
                                    timestamp: "Now",
                                    reason: "Hello! It's a me! Dan!"))
    ]))
    
    static var previews: some View {
        ElementNavigationStack {
            KnockRequestsListScreen(context: viewModel.context)
        }
        .snapshotPreferences(expect: viewModel.context.$viewState.map { state in
            state.shouldDisplayRequests == true
        })
        
        ElementNavigationStack {
            KnockRequestsListScreen(context: singleRequestViewModel.context)
        }
        .snapshotPreferences(expect: singleRequestViewModel.context.$viewState.map { state in
            state.shouldDisplayRequests == true
        })
        .previewDisplayName("Single Request")
        
        ElementNavigationStack {
            KnockRequestsListScreen(context: emptyViewModel.context)
        }
        .snapshotPreferences(expect: emptyViewModel.context.$viewState.map { state in
            state.shouldDisplayEmptyView == true
        })
        .previewDisplayName("Empty state")
        
        ElementNavigationStack {
            KnockRequestsListScreen(context: loadingViewModel.context)
        }
        .snapshotPreferences(expect: loadingViewModel.context.$viewState.map { state in
            state.isLoading == true
        })
        .previewDisplayName("Loading state")
    }
}

extension KnockRequestsListScreenViewModel {
    static func mockWithRequestsState(_ requestsState: KnockRequestsState) -> KnockRequestsListScreenViewModel {
        .init(roomProxy: JoinedRoomProxyMock(.init(members: [.mockAdmin],
                                                   knockRequestsState: requestsState,
                                                   ownUserID: RoomMemberProxyMock.mockAdmin.userID,
                                                   joinRule: .knock)),
              mediaProvider: MediaProviderMock(),
              userIndicatorController: UserIndicatorControllerMock())
    }
}