mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-11-11 11:47:44 +00:00
Evgeny @ SimpleX ChatandEvgeny Poberezkin
c3c733e0d4
* plan: UI improvements to improve LLM usage via SimpleX * core, ui: types for chat layout * core, ui: settings for alternative terminal-like chat layout for managing LLMs or other service bots * plan: message priority * fixes * query plan * update plans * remove silent messages plan * rename migrations * implement layout * amend * fix * fix * fix * improve * time on the right, sender name in blue * no avatar in direct chats * better previews * update, fixes * update * time gap * changes * ui: terminal layout line heights, gaps and time placement * ui: simplify terminal meta layout, correct its docs and tests * ui: right-to-left emoji edge in terminal rows, time placement tests * android, desktop: raise Kotlin compiler memory to 4 GB * ui: terminal captions as follow-up text, classic event separators * ui: terminal media edge and overlay time, plan decisions * ui: simplify terminal row separation, correct doc line references * ui: keep the media time inside terminal rows, restore caption conditions * ui: terminal heading capitals at large font scales, idle live message time * ui: rename the classic voice-with-text flag, correct the meta copy docs * ui: smaller terminal layout diff, sender gap and meta names * ui: terminal row as tall as the media time * docs: remove the chat layout section from the bots readme * docs: shorten the terminal layout section of the chat view * core: address settings API as on master, /auto_accept reads the stored layout * ui: smaller terminal headings * ui: classic sender rows and avatar rule as on master * ui: classic reply quote text colour as on master * ios: keep the chat layout setting with other UI settings * ui: go-to button at the end of terminal rows, no gutter in direct chats * ui: forwarded arrow on the header line of terminal rows, above the time * ui: forwarded arrow centred above the time line of terminal rows * ios: terminal chat layout, chosen per app, profile and chat * ios: event time reserve of three spaces, app layout picker as Kotlin * ios: spec and plan of the terminal chat layout * ios: classic message text at 87% in dark themes, as terminal rows * ios: terminal gaps scaled by the body size, 17/16 of Kotlin values * ios: terminal quote sender at 13.5pt, thumbnail at the item end * ios: product docs of the terminal layout, plans updated for iOS * ios: chat scenes rendered to PNG by a unit test in the simulator CI * ios: snapshots rendered by the smoke test script, workflow unchanged * ios: terminal names at 13.5 x 17/16 pt, as the gaps * ios: Markdown views at the 87% message colour in dark themes * ios: terminal quote thumbnail 12pt after the quote text or the bar * ios: terminal rule-only message widened by a wider quote or header * ios: member avatars scaled with the text size, as in the chat list * ios: snapshot rows at their own height, as list cells, so text wraps * ios: member avatars back at 34pt, for the snapshot before scaling * ios: member avatars scaled with the text size, as in the chat list * ui: terminal quote thumbnail 12dp after the quote text or the bar * ios: classic group bubble width follows the scaled member avatar * ci: ios-sim README describes the snapshots rendered after the smoke test * ios: scratch, padding variants for the I7 and I8 renders, to revert * ios: revert the scratch padding variants after their renders * ui: contrast of the voice message button in terminal rows * ios: scratch, spacing variants and list margins to render, to revert * ios: revert the scratch spacing variants after their renders * ios: snapshots at a fixed date, in UTC and the en_US locale * ios: snapshots drawn as 8-bit sRGB without alpha * ci: compare iOS snapshots with the references in the repository * ci: record and check iOS snapshot references on GitHub's runner * ios: scratch, list margins on the remaining screens, to revert * ios: revert the scratch list margins after their measurement * ci: snapshot scripts executable, as the other CI scripts * ios: scratch, voice circle variants in light themes, to revert * ios: revert the scratch voice circle variants * ios: one 12pt padding at the edges and after avatars in terminal rows * ios: classic group sender name on the bubble edge * ui: one 12dp padding at the edges and after avatars in terminal rows * ios: one heading scale in both chat layouts * ios: snapshot references of the chat scenes * docs: leave the headings and classic lines of the plan to ep/classic-bubbles * ios: declare terminal layout functions inside types * ios: keep layout constants at file scope * ios: keep file-scope functions, move only extension members into types * ios: snapshot tests record row heights at first layout and the appearance layout switch * ios: appearance preview follows the chat layout setting at once * ios: snapshot test measures first-layout rows by SwiftUI and by cells * ios: chat rows measured at the chat width when they first appear * ios: snapshot test checks that chat rows keep their first height after a reload * ios, ci: references of terminal and classic chat scenes, dark message text * ios: message text at 95% in dark themes * ios, ci: references with message text at 95% in dark themes * ios: media in terminal rows end at the time's right inset * ios, ci: references with terminal media at the time's right inset --------- Co-authored-by: Evgeny Poberezkin <evgeny@poberezkin.com>
3479 lines
149 KiB
Swift
3479 lines
149 KiB
Swift
//
|
|
// ChatView.swift
|
|
// SimpleX
|
|
//
|
|
// Created by Evgeny Poberezkin on 27/01/2022.
|
|
// Copyright © 2022 SimpleX Chat. All rights reserved.
|
|
//
|
|
// Spec: spec/client/chat-view.md
|
|
|
|
import SwiftUI
|
|
import SimpleXChat
|
|
import SwiftyGif
|
|
import Combine
|
|
|
|
private let memberImageBaseSize: CGFloat = 34
|
|
|
|
func scaledMemberImageSize(_ font: DynamicTypeSize) -> CGFloat {
|
|
memberImageBaseSize * dynamicSize(font).profileImageSize / dynamicSize(.large).profileImageSize
|
|
}
|
|
|
|
private func shouldShowAvatar(_ current: ChatItem, _ older: ChatItem?) -> Bool {
|
|
let oldIsGroupRcv = switch older?.chatDir {
|
|
case .groupRcv: true
|
|
case .channelRcv: true
|
|
default: false
|
|
}
|
|
let sameMember = switch (older?.chatDir, current.chatDir) {
|
|
case (.groupRcv(let oldMember), .groupRcv(let member)):
|
|
oldMember.memberId == member.memberId
|
|
case (.channelRcv, .channelRcv):
|
|
true
|
|
default:
|
|
false
|
|
}
|
|
if case .groupRcv = current.chatDir, (older == nil || (!oldIsGroupRcv || !sameMember)) {
|
|
return true
|
|
} else if case .channelRcv = current.chatDir, (older == nil || (!oldIsGroupRcv || !sameMember)) {
|
|
return true
|
|
} else {
|
|
return false
|
|
}
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#ChatView
|
|
struct ChatView: View {
|
|
@EnvironmentObject var chatModel: ChatModel
|
|
@StateObject private var connectProgressManager = ConnectProgressManager.shared
|
|
@State var revealedItems: Set<Int64> = Set()
|
|
@State var theme: AppTheme = buildTheme()
|
|
@Environment(\.dismiss) var dismiss
|
|
@Environment(\.colorScheme) var colorScheme
|
|
@Environment(\.dynamicTypeSize) private var userFont
|
|
@Environment(\.presentationMode) var presentationMode
|
|
@Environment(\.scenePhase) var scenePhase
|
|
@State @ObservedObject var chat: Chat
|
|
@ObservedObject var im: ItemsModel
|
|
@State var mergedItems: BoxedValue<MergedItems>
|
|
@State var floatingButtonModel: FloatingButtonModel
|
|
@Binding var scrollToItemId: ChatItem.ID?
|
|
@State private var showChatInfoSheet: Bool = false
|
|
@State private var showAddMembersSheet: Bool = false
|
|
@State private var composeState = ComposeState()
|
|
@State private var selectedRange = NSRange()
|
|
@State private var keyboardVisible = false
|
|
@State private var keyboardHiddenDate = Date.now
|
|
@State private var connectionStats: ConnectionStats?
|
|
@State private var customUserProfile: Profile?
|
|
@State private var connectionCode: String?
|
|
@State private var loadingMoreItems = false
|
|
@State private var loadingTopItems = false
|
|
@State private var requestedTopScroll = false
|
|
@State private var loadingBottomItems = false
|
|
@State private var requestedBottomScroll = false
|
|
@State private var showSearch = false
|
|
@State private var searchText: String = ""
|
|
@FocusState private var searchFocussed
|
|
@State private var contentFilter: ContentFilter? = nil
|
|
@State private var availableContent: [ContentFilter] = [.images, .files, .links]
|
|
// opening GroupMemberInfoView on member icon
|
|
@State private var selectedMember: GMember? = nil
|
|
// opening GroupLinkView on link button (incognito)
|
|
@State private var showGroupLinkSheet: Bool = false
|
|
@State private var groupLink: GroupLink?
|
|
@State private var groupLinkMemberRole: GroupMemberRole = .member
|
|
@State private var forwardedChatItems: [ChatItem] = []
|
|
@State private var selectedChatItems: Set<Int64>? = nil
|
|
@State private var showDeleteSelectedMessages: Bool = false
|
|
@State private var showArchiveSelectedReports: Bool = false
|
|
@State private var allowToDeleteSelectedMessagesForAll: Bool = false
|
|
@State private var allowLoadMoreItems: Bool = false
|
|
@State private var ignoreLoadingRequests: Int64? = nil
|
|
@State private var animatedScrollingInProgress: Bool = false
|
|
@State private var showUserSupportChatSheet = false
|
|
@State private var showCommandsMenu = false
|
|
@State private var supportChatMemberInfoLinkActive = false
|
|
@State private var scrollView: EndlessScrollView<MergedItem> = EndlessScrollView(frame: .zero)
|
|
|
|
@AppStorage(DEFAULT_TOOLBAR_MATERIAL) private var toolbarMaterial = ToolbarMaterial.defaultMaterial
|
|
|
|
let userSupportScopeInfo: GroupChatScopeInfo = .memberSupport(groupMember_: nil)
|
|
|
|
private var terminal: Bool {
|
|
chat.chatInfo.activeChatLayout(profileChatLayout(ChatModel.shared.currentUser)) == .terminal
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#body
|
|
var body: some View {
|
|
if #available(iOS 16.0, *) {
|
|
viewBody
|
|
.scrollDismissesKeyboard(.immediately)
|
|
.toolbarBackground(.hidden, for: .navigationBar)
|
|
} else {
|
|
viewBody
|
|
}
|
|
}
|
|
|
|
private var viewBody: some View {
|
|
let cInfo = chat.chatInfo
|
|
let memberSupportChat: (groupInfo: GroupInfo, member: GroupMember?)? =
|
|
if case let .group(groupInfo, .memberSupport(member)) = cInfo {
|
|
(groupInfo, member)
|
|
} else {
|
|
nil
|
|
}
|
|
let userMemberKnockingChat = memberSupportChat?.groupInfo.membership.memberPending == true
|
|
return ZStack {
|
|
let wallpaperImage = theme.wallpaper.type.image
|
|
let wallpaperType = theme.wallpaper.type
|
|
let backgroundColor = theme.wallpaper.background ?? wallpaperType.defaultBackgroundColor(theme.base, theme.colors.background)
|
|
let tintColor = theme.wallpaper.tint ?? wallpaperType.defaultTintColor(theme.base)
|
|
Color.clear.ignoresSafeArea(.all)
|
|
.if(!terminal && wallpaperImage != nil && im.secondaryIMFilter == nil) { view in
|
|
view.modifier(
|
|
ChatViewBackground(image: wallpaperImage!, imageType: wallpaperType, background: backgroundColor, tint: tintColor)
|
|
)
|
|
}
|
|
.if(terminal && im.secondaryIMFilter == nil) { $0.background(backgroundColor) }
|
|
VStack(spacing: 0) {
|
|
ZStack(alignment: .bottomTrailing) {
|
|
if userMemberKnockingChat {
|
|
ZStack(alignment: .top) {
|
|
chatItemsList()
|
|
userMemberKnockingTitleBar()
|
|
}
|
|
} else {
|
|
chatItemsList()
|
|
}
|
|
if let groupInfo = chat.chatInfo.groupInfo, !composeState.message.isEmpty {
|
|
GroupMentionsView(im: im, groupInfo: groupInfo, composeState: $composeState, selectedRange: $selectedRange, keyboardVisible: $keyboardVisible)
|
|
}
|
|
if !chat.chatInfo.menuCommands.isEmpty {
|
|
CommandsMenuView(chat: chat, composeState: $composeState, selectedRange: $selectedRange, showCommandsMenu: $showCommandsMenu)
|
|
}
|
|
FloatingButtons(im: im, theme: theme, scrollView: scrollView, chat: chat, loadingMoreItems: $loadingMoreItems, loadingTopItems: $loadingTopItems, requestedTopScroll: $requestedTopScroll, loadingBottomItems: $loadingBottomItems, requestedBottomScroll: $requestedBottomScroll, animatedScrollingInProgress: $animatedScrollingInProgress, listState: scrollView.listState, model: floatingButtonModel, reloadItems: {
|
|
mergedItems.boxedValue = MergedItems.create(im, revealedItems)
|
|
scrollView.updateItems(mergedItems.boxedValue.items)
|
|
}
|
|
)
|
|
}
|
|
if let connectInProgressText = connectProgressManager.showConnectProgress {
|
|
connectInProgressView(connectInProgressText)
|
|
}
|
|
if let connectingText {
|
|
Text(connectingText)
|
|
.font(.caption)
|
|
.foregroundColor(theme.colors.secondary)
|
|
.padding(.top)
|
|
}
|
|
if selectedChatItems == nil {
|
|
ComposeView(
|
|
chat: chat,
|
|
im: im,
|
|
composeState: $composeState,
|
|
showCommandsMenu: $showCommandsMenu,
|
|
keyboardVisible: $keyboardVisible,
|
|
keyboardHiddenDate: $keyboardHiddenDate,
|
|
selectedRange: $selectedRange
|
|
)
|
|
} else {
|
|
SelectedItemsBottomToolbar(
|
|
im: im,
|
|
selectedChatItems: $selectedChatItems,
|
|
chatInfo: chat.chatInfo,
|
|
deleteItems: { forAll in
|
|
allowToDeleteSelectedMessagesForAll = forAll
|
|
showDeleteSelectedMessages = true
|
|
},
|
|
archiveItems: {
|
|
showArchiveSelectedReports = true
|
|
},
|
|
moderateItems: {
|
|
if case let .group(groupInfo, _) = chat.chatInfo {
|
|
showModerateSelectedMessagesAlert(groupInfo)
|
|
}
|
|
},
|
|
forwardItems: forwardSelectedMessages
|
|
)
|
|
}
|
|
}
|
|
if im.showLoadingProgress == chat.id {
|
|
ProgressView().scaleEffect(2)
|
|
}
|
|
if case let .group(groupInfo, _) = chat.chatInfo,
|
|
case let .groupChatScopeContext(groupScopeInfo) = im.secondaryIMFilter,
|
|
case let .memberSupport(groupMember_) = groupScopeInfo,
|
|
let groupMember = groupMember_ {
|
|
NavigationLink(isActive: $supportChatMemberInfoLinkActive) {
|
|
GroupMemberInfoView(
|
|
groupInfo: groupInfo,
|
|
chat: chat,
|
|
groupMember: GMember(groupMember),
|
|
scrollToItemId: $scrollToItemId,
|
|
openedFromSupportChat: true
|
|
)
|
|
.navigationBarHidden(false)
|
|
.modifier(BackButton(disabled: Binding.constant(false)) {
|
|
supportChatMemberInfoLinkActive = false
|
|
})
|
|
} label: {
|
|
EmptyView()
|
|
}
|
|
.frame(width: 1, height: 1)
|
|
.hidden()
|
|
}
|
|
}
|
|
.safeAreaInset(edge: .top) {
|
|
VStack(spacing: .zero) {
|
|
if showSearch { searchToolbar() }
|
|
Divider()
|
|
}
|
|
.background(ToolbarMaterial.material(toolbarMaterial))
|
|
}
|
|
.navigationTitle(
|
|
memberSupportChat == nil
|
|
? cInfo.chatViewName
|
|
: memberSupportChat?.member?.chatViewName ?? NSLocalizedString("Chat with admins", comment: "chat toolbar")
|
|
)
|
|
.background(theme.colors.background)
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
.environmentObject(theme)
|
|
.confirmationDialog(selectedChatItems?.count == 1 ? "Delete message?" : "Delete \((selectedChatItems?.count ?? 0)) messages?", isPresented: $showDeleteSelectedMessages, titleVisibility: .visible) {
|
|
Button("Delete for me", role: .destructive) {
|
|
if let selected = selectedChatItems {
|
|
deleteMessages(chat, selected.sorted(), .cidmInternal, moderate: false, deletedSelectedMessages) }
|
|
}
|
|
if allowToDeleteSelectedMessagesForAll {
|
|
Button(broadcastDeleteButtonText(chat), role: .destructive) {
|
|
if let selected = selectedChatItems {
|
|
allowToDeleteSelectedMessagesForAll = false
|
|
deleteMessages(chat, selected.sorted(), .cidmBroadcast, moderate: false, deletedSelectedMessages)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.confirmationDialog(selectedChatItems?.count == 1 ? "Archive report?" : "Archive \((selectedChatItems?.count ?? 0)) reports?", isPresented: $showArchiveSelectedReports, titleVisibility: .visible) {
|
|
Button("For me", role: .destructive) {
|
|
if let selected = selectedChatItems {
|
|
archiveReports(chat, selected.sorted(), false, deletedSelectedMessages)
|
|
}
|
|
}
|
|
if case let ChatInfo.group(groupInfo, _) = chat.chatInfo, groupInfo.membership.memberActive {
|
|
Button("For all moderators", role: .destructive) {
|
|
if let selected = selectedChatItems {
|
|
archiveReports(chat, selected.sorted(), true, deletedSelectedMessages)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.appSheet(item: $selectedMember, onDismiss: {
|
|
chatModel.secondaryIM = nil
|
|
}) { member in
|
|
if case let .group(groupInfo, _) = chat.chatInfo {
|
|
GroupMemberInfoView(
|
|
groupInfo: groupInfo,
|
|
chat: chat,
|
|
groupMember: member,
|
|
scrollToItemId: $scrollToItemId,
|
|
navigation: true
|
|
)
|
|
}
|
|
}
|
|
// it should be presented on top level in order to prevent a bug in SwiftUI on iOS 16 related to .focused() modifier in AddGroupMembersView's search field
|
|
.appSheet(isPresented: $showAddMembersSheet) {
|
|
if case let .group(groupInfo, _) = cInfo {
|
|
AddGroupMembersView(chat: chat, groupInfo: groupInfo)
|
|
}
|
|
}
|
|
.appSheet(isPresented: $showGroupLinkSheet) {
|
|
if case let .group(groupInfo, _) = cInfo {
|
|
GroupLinkView(
|
|
groupId: groupInfo.groupId,
|
|
groupLink: $groupLink,
|
|
groupLinkMemberRole: $groupLinkMemberRole,
|
|
showTitle: true,
|
|
creatingGroup: false,
|
|
isChannel: groupInfo.useRelays,
|
|
groupInfo: groupInfo,
|
|
composeState: $composeState
|
|
)
|
|
}
|
|
}
|
|
.sheet(isPresented: Binding(
|
|
get: { !forwardedChatItems.isEmpty },
|
|
set: { isPresented in
|
|
if !isPresented {
|
|
forwardedChatItems = []
|
|
selectedChatItems = nil
|
|
}
|
|
}
|
|
)) {
|
|
if #available(iOS 16.0, *) {
|
|
ChatItemForwardingView(chatItems: forwardedChatItems, fromChatInfo: chat.chatInfo, composeState: $composeState)
|
|
.presentationDetents([.fraction(0.8)])
|
|
} else {
|
|
ChatItemForwardingView(chatItems: forwardedChatItems, fromChatInfo: chat.chatInfo, composeState: $composeState)
|
|
}
|
|
}
|
|
.appSheet(
|
|
isPresented: $showUserSupportChatSheet,
|
|
onDismiss: {
|
|
if chat.chatInfo.groupInfo?.membership.memberPending ?? false {
|
|
chatModel.chatId = nil
|
|
}
|
|
}
|
|
) {
|
|
if let groupInfo = cInfo.groupInfo {
|
|
SecondaryChatView(
|
|
chat: Chat(chatInfo: .group(groupInfo: groupInfo, groupChatScope: userSupportScopeInfo), chatItems: [], chatStats: ChatStats()),
|
|
scrollToItemId: $scrollToItemId
|
|
)
|
|
}
|
|
}
|
|
.onAppear {
|
|
ConnectProgressManager.shared.cancelConnectProgress()
|
|
scrollView.listState.onUpdateListener = onChatItemsUpdated
|
|
selectedChatItems = nil
|
|
revealedItems = Set()
|
|
initChatView()
|
|
if im.isLoading {
|
|
Task {
|
|
try? await Task.sleep(nanoseconds: 500_000000)
|
|
await MainActor.run {
|
|
if im.isLoading {
|
|
im.showLoadingProgress = chat.id
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// if this is the main chat of the group with the pending member (knocking)
|
|
if case let .group(groupInfo, nil) = chat.chatInfo,
|
|
groupInfo.membership.memberPending {
|
|
ItemsModel.loadSecondaryChat(chat.id, chatFilter: .groupChatScopeContext(groupScopeInfo: userSupportScopeInfo)) {
|
|
showUserSupportChatSheet = true
|
|
chatModel.secondaryPendingInviteeChatOpened = true
|
|
}
|
|
}
|
|
}
|
|
.onChange(of: chatModel.secondaryPendingInviteeChatOpened) { secondaryChatOpened in
|
|
if secondaryChatOpened {
|
|
ItemsModel.loadSecondaryChat(chat.id, chatFilter: .groupChatScopeContext(groupScopeInfo: userSupportScopeInfo)) {
|
|
showUserSupportChatSheet = true
|
|
}
|
|
}
|
|
}
|
|
.onChange(of: chatModel.chatId) { cId in
|
|
ConnectProgressManager.shared.cancelConnectProgress()
|
|
showChatInfoSheet = false
|
|
selectedChatItems = nil
|
|
revealedItems = Set()
|
|
stopAudioPlayer()
|
|
if let cId {
|
|
if let c = chatModel.getChat(cId) {
|
|
chat = c
|
|
}
|
|
scrollView.listState.onUpdateListener = onChatItemsUpdated
|
|
initChatView()
|
|
theme = buildTheme()
|
|
closeSearch()
|
|
mergedItems.boxedValue = MergedItems.create(im, revealedItems)
|
|
scrollView.updateItems(mergedItems.boxedValue.items)
|
|
|
|
if let openAround = chatModel.openAroundItemId, let index = mergedItems.boxedValue.indexInParentItems[openAround] {
|
|
scrollView.scrollToItem(index)
|
|
} else if let viewedIdx = mergedItems.boxedValue.items.firstIndex(where: { !$0.hasUnread() }) {
|
|
// scroll to first unread after last viewed item (items reversed: 0 = newest)
|
|
if viewedIdx > 0 {
|
|
scrollView.scrollToItem(viewedIdx - 1)
|
|
} else {
|
|
scrollView.scrollToBottom()
|
|
}
|
|
} else if let unreadIndex = mergedItems.boxedValue.items.lastIndex(where: { $0.hasUnread() }) {
|
|
scrollView.scrollToItem(unreadIndex)
|
|
} else {
|
|
scrollView.scrollToBottom()
|
|
}
|
|
if chatModel.openAroundItemId != nil {
|
|
chatModel.openAroundItemId = nil
|
|
}
|
|
} else {
|
|
dismiss()
|
|
}
|
|
}
|
|
.onChange(of: chatModel.secondaryPendingInviteeChatOpened) { opened in
|
|
if im.secondaryIMFilter != nil && !opened {
|
|
Task {
|
|
try? await Task.sleep(nanoseconds: 650_000000)
|
|
dismiss()
|
|
}
|
|
}
|
|
}
|
|
.onChange(of: chatModel.openAroundItemId) { openAround in
|
|
if let openAround {
|
|
closeSearch()
|
|
mergedItems.boxedValue = MergedItems.create(im, revealedItems)
|
|
scrollView.updateItems(mergedItems.boxedValue.items)
|
|
chatModel.openAroundItemId = nil
|
|
|
|
if let index = mergedItems.boxedValue.indexInParentItems[openAround] {
|
|
scrollView.scrollToItem(index)
|
|
}
|
|
|
|
// this may already being loading because of changed chat id (see .onChange(of: chat.id)
|
|
if !loadingBottomItems {
|
|
allowLoadMoreItems = false
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
|
|
allowLoadMoreItems = true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.onDisappear {
|
|
ConnectProgressManager.shared.cancelConnectProgress()
|
|
VideoPlayerView.players.removeAll()
|
|
stopAudioPlayer()
|
|
if chatModel.chatId == cInfo.id && !presentationMode.wrappedValue.isPresented {
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.35) {
|
|
if chatModel.chatId == nil {
|
|
chatModel.chatAgentConnId = nil
|
|
chatModel.chatSubStatus = nil
|
|
im.reversedChatItems = []
|
|
im.chatState.clear()
|
|
chatModel.groupMembers = []
|
|
chatModel.groupMembersIndexes.removeAll()
|
|
chatModel.membersLoaded = false
|
|
ChannelRelaysModel.shared.reset()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.onChange(of: colorScheme) { _ in
|
|
theme = buildTheme()
|
|
}
|
|
.toolbar {
|
|
ToolbarItem(placement: .principal) {
|
|
if im.secondaryIMFilter == nil {
|
|
primaryPrincipalToolbarContent()
|
|
} else if !userMemberKnockingChat { // no toolbar while knocking chat, it's unstable on sheet
|
|
secondaryPrincipalToolbarContent()
|
|
}
|
|
}
|
|
ToolbarItem(placement: .navigationBarTrailing) {
|
|
if im.secondaryIMFilter == nil {
|
|
primaryTrailingToolbarContent()
|
|
} else if !userMemberKnockingChat {
|
|
secondaryTrailingToolbarContent()
|
|
}
|
|
}
|
|
}
|
|
.if(im.secondaryIMFilter == nil) { v in
|
|
v.onChange(of: scrollToItemId) { itemId in
|
|
if let itemId = itemId {
|
|
dismissAllSheets(animated: false) {
|
|
scrollToItem(itemId)
|
|
scrollToItemId = nil
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private func connectInProgressView(_ s: String) -> some View {
|
|
VStack(spacing: 0) {
|
|
Divider()
|
|
|
|
HStack(spacing: 12) {
|
|
ProgressView()
|
|
Text(s)
|
|
|
|
Spacer()
|
|
|
|
Button {
|
|
ConnectProgressManager.shared.cancelConnectProgress()
|
|
} label: {
|
|
Image(systemName: "multiply")
|
|
}
|
|
.tint(theme.colors.primary)
|
|
}
|
|
.padding(12)
|
|
.frame(minHeight: 54)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.background(ToolbarMaterial.material(toolbarMaterial))
|
|
}
|
|
}
|
|
|
|
@inline(__always)
|
|
@ViewBuilder private func primaryPrincipalToolbarContent() -> some View {
|
|
let cInfo = chat.chatInfo
|
|
if selectedChatItems != nil {
|
|
SelectedItemsTopToolbar(selectedChatItems: $selectedChatItems)
|
|
} else if case let .direct(contact) = cInfo {
|
|
Button {
|
|
Task {
|
|
showChatInfoSheet = true
|
|
}
|
|
} label: {
|
|
ChatInfoToolbar(chat: chat)
|
|
}
|
|
.appSheet(isPresented: $showChatInfoSheet, onDismiss: { theme = buildTheme() }) {
|
|
ChatInfoView(
|
|
chat: chat,
|
|
contact: contact,
|
|
localAlias: chat.chatInfo.localAlias,
|
|
featuresAllowed: contactUserPrefsToFeaturesAllowed(contact.mergedPreferences),
|
|
currentFeaturesAllowed: contactUserPrefsToFeaturesAllowed(contact.mergedPreferences),
|
|
onSearch: { focusSearch() }
|
|
)
|
|
}
|
|
} else if case let .group(groupInfo, _) = cInfo {
|
|
Button {
|
|
Task { await chatModel.loadGroupMembers(groupInfo) { showChatInfoSheet = true } }
|
|
} label: {
|
|
ChatInfoToolbar(chat: chat)
|
|
.tint(theme.colors.primary)
|
|
}
|
|
.appSheet(isPresented: $showChatInfoSheet, onDismiss: {
|
|
chatModel.secondaryIM = nil
|
|
theme = buildTheme()
|
|
}) {
|
|
GroupChatInfoView(
|
|
chat: chat,
|
|
groupInfo: Binding(
|
|
get: { groupInfo },
|
|
set: { gInfo in
|
|
chat.chatInfo = .group(groupInfo: gInfo, groupChatScope: nil)
|
|
chat.created = Date.now
|
|
}
|
|
),
|
|
scrollToItemId: $scrollToItemId,
|
|
composeState: $composeState,
|
|
onSearch: { focusSearch() },
|
|
localAlias: groupInfo.localAlias
|
|
)
|
|
}
|
|
} else if case .local = cInfo {
|
|
ChatInfoToolbar(chat: chat)
|
|
}
|
|
}
|
|
|
|
@inline(__always)
|
|
@ViewBuilder private func primaryTrailingToolbarContent() -> some View {
|
|
let cInfo = chat.chatInfo
|
|
if selectedChatItems != nil {
|
|
Button {
|
|
withAnimation {
|
|
selectedChatItems = nil
|
|
}
|
|
} label: {
|
|
Text("Cancel")
|
|
}
|
|
} else {
|
|
switch cInfo {
|
|
case let .direct(contact):
|
|
HStack {
|
|
let callsPrefEnabled = contact.mergedPreferences.calls.enabled.forUser
|
|
let canStartCall = callsPrefEnabled && contact.ready && contact.active && chatModel.activeCall == nil
|
|
if let call = chatModel.activeCall, call.contact.id == cInfo.id {
|
|
endCallButton(call)
|
|
} else if canStartCall {
|
|
// Call button always in toolbar; tap opens Audio/Video submenu
|
|
Menu {
|
|
Button {
|
|
CallController.shared.startCall(contact, .audio)
|
|
} label: {
|
|
Label("Audio call", systemImage: "phone")
|
|
}
|
|
Button {
|
|
CallController.shared.startCall(contact, .video)
|
|
} label: {
|
|
Label("Video call", systemImage: "video")
|
|
}
|
|
} label: {
|
|
Image(systemName: "phone")
|
|
}
|
|
} else if chatModel.activeCall == nil {
|
|
// Calls unavailable: show filter button in place of call button
|
|
contentFilterMenu(withLabel: false)
|
|
}
|
|
Menu {
|
|
searchButton()
|
|
ToggleNtfsButton(chat: chat)
|
|
.disabled(!contact.ready || !contact.active)
|
|
// Filter options in menu when call button is shown (or during any active call)
|
|
if !availableContent.isEmpty && (canStartCall || chatModel.activeCall != nil) {
|
|
Divider()
|
|
ForEach(availableContent, id: \.self) { type in
|
|
Button {
|
|
setContentFilter(type)
|
|
} label: {
|
|
Label(type.label, systemImage: contentFilter == type ? type.iconFilled : type.icon)
|
|
}
|
|
}
|
|
if contentFilter != nil {
|
|
Button {
|
|
closeSearch()
|
|
} label: {
|
|
Label("All messages", systemImage: "bubble.left.and.text.bubble.right")
|
|
}
|
|
}
|
|
}
|
|
} label: {
|
|
Image(systemName: "ellipsis")
|
|
}
|
|
}
|
|
case let .group(groupInfo, _):
|
|
HStack {
|
|
contentFilterMenu(withLabel: false)
|
|
Menu {
|
|
if groupInfo.canAddMembers {
|
|
if chat.chatInfo.incognito || groupInfo.useRelays {
|
|
groupLinkButton()
|
|
} else {
|
|
addMembersButton()
|
|
}
|
|
}
|
|
searchButton()
|
|
ToggleNtfsButton(chat: chat)
|
|
} label: {
|
|
Image(systemName: "ellipsis")
|
|
}
|
|
}
|
|
case .local:
|
|
HStack {
|
|
if !availableContent.isEmpty {
|
|
Menu {
|
|
ForEach(availableContent, id: \.self) { type in
|
|
Button {
|
|
setContentFilter(type)
|
|
} label: {
|
|
Label(type.label, systemImage: contentFilter == type ? type.iconFilled : type.icon)
|
|
}
|
|
}
|
|
if contentFilter != nil {
|
|
Button {
|
|
closeSearch()
|
|
} label: {
|
|
Label("All messages", systemImage: "bubble.left.and.text.bubble.right")
|
|
}
|
|
}
|
|
} label: {
|
|
Image(systemName: "ellipsis")
|
|
}
|
|
}
|
|
searchButton()
|
|
}
|
|
default:
|
|
EmptyView()
|
|
}
|
|
}
|
|
}
|
|
|
|
@inline(__always)
|
|
@ViewBuilder private func secondaryPrincipalToolbarContent() -> some View {
|
|
if selectedChatItems != nil {
|
|
SelectedItemsTopToolbar(selectedChatItems: $selectedChatItems)
|
|
} else {
|
|
switch im.secondaryIMFilter {
|
|
case let .groupChatScopeContext(groupScopeInfo):
|
|
switch groupScopeInfo {
|
|
case let .memberSupport(groupMember_):
|
|
if let groupMember = groupMember_ {
|
|
Button {
|
|
supportChatMemberInfoLinkActive = true
|
|
} label: {
|
|
MemberSupportChatToolbar(groupMember: groupMember)
|
|
}
|
|
} else {
|
|
textChatToolbar("Chat with admins")
|
|
}
|
|
case .reports:
|
|
textChatToolbar("Member reports")
|
|
}
|
|
case let .msgContentTagContext(contentTag):
|
|
switch contentTag {
|
|
case .report:
|
|
textChatToolbar("Member reports")
|
|
default:
|
|
EmptyView()
|
|
}
|
|
case .none:
|
|
EmptyView()
|
|
}
|
|
}
|
|
}
|
|
|
|
@inline(__always)
|
|
@ViewBuilder private func secondaryTrailingToolbarContent() -> some View {
|
|
if selectedChatItems != nil {
|
|
Button {
|
|
withAnimation {
|
|
selectedChatItems = nil
|
|
}
|
|
} label: {
|
|
Text("Cancel")
|
|
}
|
|
} else {
|
|
searchButton()
|
|
}
|
|
}
|
|
|
|
@inline(__always)
|
|
private func userMemberKnockingTitleBar() -> some View {
|
|
VStack(spacing: 0) {
|
|
Text("Chat with admins")
|
|
.font(.headline)
|
|
.foregroundColor(theme.colors.onBackground)
|
|
.padding(.top, 8)
|
|
.padding(.bottom, 14)
|
|
.frame(maxWidth: .infinity)
|
|
.background(ToolbarMaterial.material(toolbarMaterial))
|
|
Divider()
|
|
}
|
|
}
|
|
|
|
func textChatToolbar(_ text: LocalizedStringKey) -> some View {
|
|
Text(text)
|
|
.font(.headline)
|
|
.lineLimit(1)
|
|
.foregroundColor(theme.colors.onBackground)
|
|
.frame(width: 220)
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#initChatView
|
|
private func initChatView() {
|
|
let cInfo = chat.chatInfo
|
|
// This check prevents the call to apiContactInfo after the app is suspended, and the database is closed.
|
|
if case .active = scenePhase {
|
|
if case let .direct(contact) = cInfo {
|
|
Task {
|
|
do {
|
|
let (stats, _) = try await apiContactInfo(chat.chatInfo.apiId)
|
|
await MainActor.run {
|
|
if let s = stats {
|
|
chatModel.updateContactConnectionStats(contact, s)
|
|
if let conn = contact.activeConn {
|
|
chatModel.chatAgentConnId = conn.agentConnId
|
|
chatModel.chatSubStatus = s.subStatus
|
|
}
|
|
}
|
|
}
|
|
} catch let error {
|
|
logger.error("apiContactInfo error: \(responseError(error))")
|
|
}
|
|
}
|
|
} else {
|
|
Task {
|
|
await MainActor.run {
|
|
chatModel.chatAgentConnId = nil
|
|
chatModel.chatSubStatus = nil
|
|
}
|
|
}
|
|
}
|
|
if case let .group(groupInfo, _) = cInfo, groupInfo.useRelays {
|
|
Task { await chatModel.loadGroupMembers(groupInfo) }
|
|
if groupInfo.membership.memberRole == .owner {
|
|
Task {
|
|
let relays = await apiGetGroupRelays(groupInfo.groupId)
|
|
await MainActor.run {
|
|
ChannelRelaysModel.shared.set(groupId: groupInfo.groupId, groupRelays: relays)
|
|
}
|
|
}
|
|
} else if groupInfo.membership.memberCurrent {
|
|
Task {
|
|
if let gInfo = await apiGetUpdatedGroupLinkData(groupInfo.groupId) {
|
|
await MainActor.run {
|
|
chatModel.updateGroup(gInfo)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
updateAvailableContent()
|
|
}
|
|
if chatModel.draftChatId == draftChatId(cInfo.id, cInfo.groupChatScope()) && !composeState.forwarding,
|
|
let draft = chatModel.draft {
|
|
composeState = draft
|
|
}
|
|
if chat.chatStats.unreadChat {
|
|
Task {
|
|
await markChatUnread(chat, unreadChat: false)
|
|
}
|
|
}
|
|
floatingButtonModel.updateOnListChange(scrollView.listState)
|
|
}
|
|
|
|
private func updateAvailableContent() {
|
|
Task {
|
|
let content: [ContentFilter]
|
|
do {
|
|
let contentTags = Set(try await apiGetChatContentTypes(chatId: chat.chatInfo.id)).union(ContentFilter.alwaysShow)
|
|
content = ContentFilter.allCases.filter { contentTags.contains($0.contentTag) }
|
|
} catch let error {
|
|
logger.error("apiGetChatContentTypes error: \(responseError(error))")
|
|
content = ContentFilter.allCases
|
|
}
|
|
await MainActor.run {
|
|
availableContent = content
|
|
}
|
|
}
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#scrollToItem
|
|
private func scrollToItem(_ itemId: ChatItem.ID) {
|
|
Task {
|
|
do {
|
|
var index = mergedItems.boxedValue.indexInParentItems[itemId]
|
|
if index == nil {
|
|
let pagination = ChatPagination.around(chatItemId: itemId, count: ChatPagination.PRELOAD_COUNT * 2)
|
|
let oldSize = im.reversedChatItems.count
|
|
let triedToLoad = await loadChatItems(chat, pagination)
|
|
if !triedToLoad {
|
|
return
|
|
}
|
|
var repeatsLeft = 50
|
|
while oldSize == im.reversedChatItems.count && repeatsLeft > 0 {
|
|
try await Task.sleep(nanoseconds: 20_000000)
|
|
repeatsLeft -= 1
|
|
}
|
|
index = mergedItems.boxedValue.indexInParentItems[itemId]
|
|
}
|
|
if let index {
|
|
closeKeyboardAndRun {
|
|
Task {
|
|
await MainActor.run { animatedScrollingInProgress = true }
|
|
await scrollView.scrollToItemAnimated(min(im.reversedChatItems.count - 1, index))
|
|
await MainActor.run { animatedScrollingInProgress = false }
|
|
}
|
|
}
|
|
}
|
|
} catch {
|
|
logger.error("Error scrolling to item: \(error)")
|
|
}
|
|
}
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#searchToolbar
|
|
private func searchToolbar() -> some View {
|
|
let placeholder: LocalizedStringKey = contentFilter?.searchPlaceholder ?? "Search"
|
|
return HStack(spacing: 12) {
|
|
HStack(spacing: 4) {
|
|
Image(systemName: "magnifyingglass")
|
|
if let contentFilter {
|
|
Image(systemName: contentFilter.icon)
|
|
}
|
|
TextField(placeholder, text: $searchText)
|
|
.focused($searchFocussed)
|
|
.foregroundColor(theme.colors.onBackground)
|
|
.frame(maxWidth: .infinity)
|
|
|
|
Button {
|
|
searchText = ""
|
|
} label: {
|
|
Image(systemName: "xmark.circle.fill").opacity(searchText == "" ? 0 : 1)
|
|
}
|
|
}
|
|
.padding(EdgeInsets(top: 7, leading: 7, bottom: 7, trailing: 7))
|
|
.foregroundColor(theme.colors.secondary)
|
|
.background(Color(.tertiarySystemFill))
|
|
.cornerRadius(10.0)
|
|
|
|
Button ("Cancel") {
|
|
closeSearch()
|
|
searchTextChanged("")
|
|
}
|
|
}
|
|
.padding(.horizontal)
|
|
.padding(.vertical, 8)
|
|
}
|
|
|
|
private func voiceWithoutFrame(_ ci: ChatItem) -> Bool {
|
|
ci.content.msgContent?.isVoice == true && ci.content.text.count == 0 && ci.quotedItem == nil && ci.meta.itemForwarded == nil
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#filtered
|
|
private func filtered(_ reversedChatItems: Array<ChatItem>) -> Array<ChatItem> {
|
|
reversedChatItems
|
|
.enumerated()
|
|
.filter { (index, chatItem) in
|
|
if let mergeCategory = chatItem.mergeCategory, index > 0 {
|
|
mergeCategory != reversedChatItems[index - 1].mergeCategory
|
|
} else {
|
|
true
|
|
}
|
|
}
|
|
.map { $0.element }
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#chatItemsList
|
|
private func chatItemsList() -> some View {
|
|
let cInfo = chat.chatInfo
|
|
return GeometryReader { g in
|
|
//let _ = logger.debug("Reloading chatItemsList with number of itmes: \(im.reversedChatItems.count)")
|
|
ScrollRepresentable(scrollView: scrollView) { (index: Int, mergedItem: MergedItem) in
|
|
let ci = switch mergedItem {
|
|
case let .single(item, _, _): item.item
|
|
case let .grouped(items, _, _, _, _, _, _, _): items.boxedValue.last!.item
|
|
}
|
|
return Group {
|
|
if case .chatBanner = ci.content {
|
|
VStack {
|
|
ChatBannerView(chat: $chat)
|
|
.padding(.bottom, 90)
|
|
.padding(.top, 8)
|
|
|
|
let listItem = mergedItem.newest()
|
|
if let prevItem = listItem.prevItem {
|
|
DateSeparator(date: prevItem.meta.itemTs).padding(8)
|
|
}
|
|
}
|
|
} else {
|
|
let voiceNoFrame = voiceWithoutFrame(ci)
|
|
let channelReceived = !ci.chatDir.sent && cInfo.isChannel
|
|
// consecutive (no-avatar) received messages in channels drop the avatar-sized
|
|
// left padding (see .leading padding below), so they get the full row width here
|
|
// too — otherwise the reserved avatar inset would leave a gap on the right
|
|
let channelReceivedNoAvatar = channelReceived && !shouldShowAvatar(mergedItem.newest().item, mergedItem.oldest().nextItem)
|
|
let avatarColumn = scaledMemberImageSize(userFont) + 8
|
|
let maxWidth = cInfo.chatType == .group
|
|
? channelReceivedNoAvatar
|
|
? g.size.width - 26
|
|
: voiceNoFrame || channelReceived
|
|
? (g.size.width - 28) - avatarColumn
|
|
: (g.size.width - 28) * 0.84 - avatarColumn
|
|
: voiceNoFrame
|
|
? (g.size.width - 32)
|
|
: (g.size.width - 32) * 0.84
|
|
ChatItemWithMenu(
|
|
im: im,
|
|
chat: $chat,
|
|
index: index,
|
|
isLastItem: index == mergedItems.boxedValue.items.count - 1,
|
|
chatItem: ci,
|
|
scrollToItem: scrollToItem,
|
|
scrollToItemId: $scrollToItemId,
|
|
merged: mergedItem,
|
|
olderRow: mergedItems.boxedValue.items.indices.contains(index + 1) ? mergedItems.boxedValue.items[index + 1] : nil,
|
|
listWidth: g.size.width,
|
|
maxWidth: maxWidth,
|
|
composeState: $composeState,
|
|
selectedMember: $selectedMember,
|
|
showChatInfoSheet: $showChatInfoSheet,
|
|
revealedItems: $revealedItems,
|
|
selectedChatItems: $selectedChatItems,
|
|
forwardedChatItems: $forwardedChatItems,
|
|
searchText: $searchText,
|
|
contentFilter: $contentFilter,
|
|
closeKeyboardAndRun: closeKeyboardAndRun
|
|
)
|
|
}
|
|
}
|
|
// crashes on Cell size calculation without this line
|
|
.environmentObject(ChatModel.shared)
|
|
.environmentObject(theme) // crashes without this line when scrolling to the first unread in EndlessScrollVIew
|
|
.environment(\.terminalLayout, terminal)
|
|
.id(ci.id) // Required to trigger `onAppear` on iOS15
|
|
}
|
|
.onAppear {
|
|
if !im.isLoading {
|
|
updateWithInitiallyLoadedItems()
|
|
}
|
|
}
|
|
.onChange(of: im.isLoading) { loading in
|
|
if !loading {
|
|
updateWithInitiallyLoadedItems()
|
|
}
|
|
}
|
|
.onChange(of: im.reversedChatItems) { items in
|
|
mergedItems.boxedValue = MergedItems.create(im, revealedItems)
|
|
scrollView.updateItems(mergedItems.boxedValue.items)
|
|
if im.itemAdded {
|
|
im.itemAdded = false
|
|
if scrollView.listState.firstVisibleItemIndex < 2 {
|
|
scrollView.scrollToBottomAnimated()
|
|
} else {
|
|
scrollView.scroll(by: 34)
|
|
}
|
|
}
|
|
}
|
|
.onChange(of: revealedItems) { revealed in
|
|
mergedItems.boxedValue = MergedItems.create(im, revealed)
|
|
scrollView.updateItems(mergedItems.boxedValue.items)
|
|
}
|
|
.onChange(of: terminal) { _ in
|
|
scrollView.updateItems(mergedItems.boxedValue.items, true)
|
|
}
|
|
.onChange(of: chat.id) { _ in
|
|
allowLoadMoreItems = false
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
|
|
allowLoadMoreItems = true
|
|
}
|
|
}
|
|
.padding(.vertical, -100)
|
|
.onTapGesture { hideKeyboard() }
|
|
.onChange(of: searchText) { s in
|
|
if showSearch {
|
|
searchTextChanged(s)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
struct ChatBannerView: View {
|
|
@EnvironmentObject var theme: AppTheme
|
|
@AppStorage(DEFAULT_CHAT_ITEM_ROUNDNESS) private var roundness = defaultChatItemRoundness
|
|
@Binding @ObservedObject var chat: Chat
|
|
|
|
var body: some View {
|
|
let v = VStack(spacing: 8) {
|
|
ChatInfoImage(chat: chat, size: alertProfileImageSize)
|
|
|
|
let badge = chat.chatInfo.nameBadge
|
|
NameWithBadge(Text(chat.chatInfo.displayName).font(.title3), badge, .title3) { if let badge { showBadgeInfoAlert(chat.chatInfo.displayName, badge) } }
|
|
.multilineTextAlignment(.center)
|
|
.lineLimit(2)
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
.frame(maxWidth: 240)
|
|
|
|
let fullName = chat.chatInfo.fullName.trimmingCharacters(in: .whitespacesAndNewlines)
|
|
if fullName != "" && fullName != chat.chatInfo.displayName && fullName != chat.chatInfo.displayName.trimmingCharacters(in: .whitespacesAndNewlines) {
|
|
Text(chat.chatInfo.fullName)
|
|
.font(.subheadline)
|
|
.multilineTextAlignment(.center)
|
|
.lineLimit(3)
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
.frame(maxWidth: 260)
|
|
}
|
|
|
|
ProfileDescriptionView(shortDescr: chat.chatInfo.shortDescr, description: chat.chatInfo.profileDescription)
|
|
.padding(.horizontal)
|
|
|
|
switch chat.chatInfo {
|
|
case let .direct(contact):
|
|
contactSimplexNameView(contact, verifiable: false)
|
|
case let .group(groupInfo, _):
|
|
groupSimplexNameView(groupInfo, verifiable: false)
|
|
default:
|
|
EmptyView()
|
|
}
|
|
|
|
if let chatContext {
|
|
Text(chatContext)
|
|
.font(.callout)
|
|
.foregroundColor(theme.colors.secondary)
|
|
.padding(.top, 8)
|
|
}
|
|
}
|
|
.frame(maxWidth: .infinity)
|
|
.padding()
|
|
.background(theme.appColors.receivedMessage)
|
|
.clipShape(RoundedRectangle(cornerRadius: msgRectMaxRadius * roundness))
|
|
if let (label, connLink) = chatAddress() {
|
|
v.contextMenu {
|
|
Button {
|
|
let shareItems: [Any] = [connLink]
|
|
showShareSheet(items: shareItems)
|
|
} label: {
|
|
Label(label, systemImage: "square.and.arrow.up")
|
|
}
|
|
}
|
|
.padding(.horizontal)
|
|
} else {
|
|
v.padding(.horizontal)
|
|
}
|
|
|
|
}
|
|
|
|
func chatAddress() -> (label: LocalizedStringKey, connLink: String)? {
|
|
switch chat.chatInfo {
|
|
case let .direct(contact):
|
|
if !contact.nextConnectPrepared && !contact.nextAcceptContactRequest {
|
|
let connLink: String? = if let pct = contact.preparedContact, case .con = pct.uiConnLinkType {
|
|
pct.connLinkToConnect.simplexChatUri()
|
|
} else {
|
|
contact.profile.contactLink
|
|
}
|
|
if let connLink {
|
|
return ("SimpleX address", connLink)
|
|
}
|
|
}
|
|
case let .group(groupInfo, _):
|
|
if !groupInfo.nextConnectPrepared {
|
|
if let pg = groupInfo.preparedGroup {
|
|
let connLink = pg.connLinkToConnect.simplexChatUri()
|
|
switch groupInfo.businessChat?.chatType {
|
|
case .none: return ("Group link", connLink)
|
|
case .business: return ("Business address", connLink)
|
|
default: ()
|
|
}
|
|
}
|
|
}
|
|
default: ()
|
|
}
|
|
return nil
|
|
}
|
|
|
|
var chatContext: LocalizedStringKey? {
|
|
switch chat.chatInfo {
|
|
case let .direct(contact):
|
|
if contact.nextConnectPrepared, let linkType = contact.preparedContact?.uiConnLinkType {
|
|
switch linkType {
|
|
case .inv:
|
|
"Tap Connect to chat"
|
|
case .con:
|
|
contact.isBot ? "Tap Connect to use bot" : "Tap Connect to send request"
|
|
}
|
|
} else if contact.nextAcceptContactRequest {
|
|
"Accept contact request"
|
|
} else if case .bot = contact.profile.peerType {
|
|
"Bot"
|
|
} else {
|
|
"Your contact"
|
|
}
|
|
case let .group(groupInfo, _):
|
|
switch groupInfo.businessChat?.chatType {
|
|
case .none:
|
|
if groupInfo.nextConnectPrepared {
|
|
groupInfo.useRelays ? "Tap Join channel" : "Tap Join group"
|
|
} else {
|
|
switch (groupInfo.membership.memberStatus) {
|
|
case .memInvited: groupInfo.useRelays ? "Join channel" : "Join group"
|
|
case .memCreator: groupInfo.useRelays ? "Your channel" : "Your group"
|
|
default: groupInfo.useRelays ? "Channel" : "Group"
|
|
}
|
|
}
|
|
case .business:
|
|
if groupInfo.nextConnectPrepared {
|
|
"Tap Connect to chat"
|
|
} else {
|
|
"Business connection"
|
|
}
|
|
case .customer:
|
|
"Your business contact"
|
|
}
|
|
default: nil
|
|
}
|
|
}
|
|
}
|
|
|
|
private var connectingText: LocalizedStringKey? {
|
|
switch (chat.chatInfo) {
|
|
case let .direct(contact):
|
|
if !contact.sndReady && contact.active && !contact.sendMsgToConnect && !contact.nextAcceptContactRequest {
|
|
(contact.preparedContact?.uiConnLinkType == .con && !contact.isBot) || contact.contactGroupMemberId != nil
|
|
? "contact should accept…"
|
|
: "connecting…"
|
|
} else {
|
|
nil
|
|
}
|
|
case let .group(groupInfo, _):
|
|
if groupInfo.useRelays {
|
|
nil
|
|
} else {
|
|
switch (groupInfo.membership.memberStatus) {
|
|
case .memUnknown: groupInfo.preparedGroup?.connLinkStartedConnection == true ? "connecting…" : nil
|
|
case .memAccepted: "connecting…"
|
|
default: nil
|
|
}
|
|
}
|
|
default: nil
|
|
}
|
|
}
|
|
|
|
private func updateWithInitiallyLoadedItems() {
|
|
if mergedItems.boxedValue.items.isEmpty {
|
|
mergedItems.boxedValue = MergedItems.create(im, revealedItems)
|
|
}
|
|
let unreadIndex = mergedItems.boxedValue.items.lastIndex(where: { $0.hasUnread() })
|
|
let unreadItemId: Int64? = if let unreadIndex { mergedItems.boxedValue.items[unreadIndex].newest().item.id } else { nil }
|
|
// this helps to speed up initial process of setting scroll position and reduce time needed
|
|
// to layout items on screen
|
|
if let unreadIndex, let unreadItemId {
|
|
scrollView.setScrollPosition(unreadIndex, unreadItemId)
|
|
}
|
|
scrollView.updateItems(mergedItems.boxedValue.items)
|
|
if let unreadIndex {
|
|
scrollView.scrollToItem(unreadIndex)
|
|
}
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
|
|
allowLoadMoreItems = true
|
|
}
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#searchTextChanged
|
|
private func searchTextChanged(_ s: String) {
|
|
Task {
|
|
await loadChat(chat: chat, im: im, contentTag: contentFilter?.contentTag, search: s)
|
|
mergedItems.boxedValue = MergedItems.create(im, revealedItems)
|
|
await MainActor.run {
|
|
scrollView.updateItems(mergedItems.boxedValue.items)
|
|
}
|
|
if !s.isEmpty {
|
|
scrollView.scrollToBottom()
|
|
} else if let index = scrollView.listState.items.lastIndex(where: { $0.hasUnread() }) {
|
|
// scroll to the top unread item
|
|
scrollView.scrollToItem(index)
|
|
} else {
|
|
scrollView.scrollToBottom()
|
|
}
|
|
}
|
|
}
|
|
|
|
private struct FloatingButtons: View {
|
|
@ObservedObject var im: ItemsModel
|
|
let theme: AppTheme
|
|
let scrollView: EndlessScrollView<MergedItem>
|
|
let chat: Chat
|
|
@Binding var loadingMoreItems: Bool
|
|
@Binding var loadingTopItems: Bool
|
|
@Binding var requestedTopScroll: Bool
|
|
@Binding var loadingBottomItems: Bool
|
|
@Binding var requestedBottomScroll: Bool
|
|
@Binding var animatedScrollingInProgress: Bool
|
|
let listState: EndlessScrollView<MergedItem>.ListState
|
|
@ObservedObject var model: FloatingButtonModel
|
|
let reloadItems: () -> Void
|
|
|
|
var body: some View {
|
|
ZStack(alignment: .top) {
|
|
if let date = model.date, date.timeIntervalSince1970 > 0 {
|
|
DateSeparator(date: date)
|
|
.padding(.vertical, 4).padding(.horizontal, 8)
|
|
.background(.thinMaterial)
|
|
.clipShape(Capsule())
|
|
.opacity(model.isDateVisible ? 1 : 0)
|
|
.padding(.vertical, 4)
|
|
}
|
|
VStack {
|
|
if model.unreadAbove > 0 && !animatedScrollingInProgress {
|
|
if loadingTopItems && requestedTopScroll {
|
|
circleButton { ProgressView() }
|
|
} else {
|
|
circleButton {
|
|
unreadCountText(model.unreadAbove)
|
|
.font(.callout)
|
|
.foregroundColor(theme.colors.primary)
|
|
}
|
|
.onTapGesture {
|
|
if loadingTopItems {
|
|
requestedTopScroll = true
|
|
requestedBottomScroll = false
|
|
} else {
|
|
scrollToTopUnread()
|
|
}
|
|
}
|
|
.contextMenu {
|
|
Button {
|
|
Task {
|
|
await markChatRead(im, chat)
|
|
}
|
|
} label: {
|
|
Label("Mark read", systemImage: "checkmark")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
Spacer()
|
|
if listState.firstVisibleItemIndex != 0 && !animatedScrollingInProgress {
|
|
if loadingBottomItems && requestedBottomScroll {
|
|
circleButton { ProgressView() }
|
|
} else {
|
|
circleButton {
|
|
Group {
|
|
if model.unreadBelow > 0 {
|
|
unreadCountText(model.unreadBelow)
|
|
.font(.callout)
|
|
.foregroundColor(theme.colors.primary)
|
|
} else {
|
|
Image(systemName: "chevron.down").foregroundColor(theme.colors.primary)
|
|
}
|
|
}
|
|
}
|
|
.onTapGesture {
|
|
if loadingBottomItems || !im.lastItemsLoaded {
|
|
requestedTopScroll = false
|
|
requestedBottomScroll = true
|
|
} else {
|
|
scrollToBottom()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.padding()
|
|
.frame(maxWidth: .infinity, alignment: .trailing)
|
|
}
|
|
.onChange(of: loadingTopItems) { loading in
|
|
if !loading && requestedTopScroll {
|
|
requestedTopScroll = false
|
|
scrollToTopUnread()
|
|
}
|
|
}
|
|
.onChange(of: loadingBottomItems) { loading in
|
|
if !loading && requestedBottomScroll && im.lastItemsLoaded {
|
|
requestedBottomScroll = false
|
|
scrollToBottom()
|
|
}
|
|
}
|
|
.onDisappear(perform: model.resetDate)
|
|
}
|
|
|
|
private func scrollToTopUnread() {
|
|
Task {
|
|
if !im.chatState.splits.isEmpty {
|
|
await MainActor.run { loadingMoreItems = true }
|
|
await loadChat(chatId: chat.id, im: im, openAroundItemId: nil, clearItems: false)
|
|
await MainActor.run { reloadItems() }
|
|
if let index = listState.items.lastIndex(where: { $0.hasUnread() }) {
|
|
await MainActor.run { animatedScrollingInProgress = true }
|
|
await scrollView.scrollToItemAnimated(index)
|
|
await MainActor.run { animatedScrollingInProgress = false }
|
|
}
|
|
await MainActor.run { loadingMoreItems = false }
|
|
} else if let index = listState.items.lastIndex(where: { $0.hasUnread() }) {
|
|
await MainActor.run { animatedScrollingInProgress = true }
|
|
// scroll to the top unread item
|
|
await scrollView.scrollToItemAnimated(index)
|
|
await MainActor.run { animatedScrollingInProgress = false }
|
|
} else {
|
|
logger.debug("No more unread items, total: \(listState.items.count)")
|
|
}
|
|
}
|
|
}
|
|
|
|
private func scrollToBottom() {
|
|
animatedScrollingInProgress = true
|
|
Task {
|
|
await scrollView.scrollToItemAnimated(0, top: false)
|
|
await MainActor.run { animatedScrollingInProgress = false }
|
|
}
|
|
}
|
|
|
|
private func circleButton<Content: View>(_ content: @escaping () -> Content) -> some View {
|
|
ZStack {
|
|
Circle()
|
|
.foregroundColor(Color(uiColor: .tertiarySystemGroupedBackground))
|
|
.frame(width: 44, height: 44)
|
|
content()
|
|
}
|
|
}
|
|
}
|
|
|
|
private struct DateSeparator: View {
|
|
let date: Date
|
|
|
|
var body: some View {
|
|
Text(String.localizedStringWithFormat(
|
|
NSLocalizedString("%@, %@", comment: "format for date separator in chat"),
|
|
date.formatted(.dateTime.weekday(.abbreviated)),
|
|
date.formatted(
|
|
Calendar.current.isDate(date, equalTo: .now, toGranularity: .year)
|
|
? .dateTime.day().month(.abbreviated)
|
|
: .dateTime.day().month(.abbreviated).year()
|
|
)
|
|
))
|
|
.font(.callout)
|
|
.fontWeight(.medium)
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#callButton
|
|
private func callButton(_ contact: Contact, _ media: CallMediaType, imageName: String) -> some View {
|
|
Button {
|
|
CallController.shared.startCall(contact, media)
|
|
} label: {
|
|
Image(systemName: imageName)
|
|
}
|
|
}
|
|
|
|
private func endCallButton(_ call: Call) -> some View {
|
|
Button {
|
|
if CallController.useCallKit(), let callUUID = call.callUUID {
|
|
CallController.shared.endCall(callUUID: callUUID)
|
|
} else {
|
|
CallController.shared.endCall(call: call) {}
|
|
}
|
|
} label: {
|
|
Image(systemName: "phone.down.fill").tint(.red)
|
|
}
|
|
}
|
|
|
|
private func searchButton() -> some View {
|
|
Button {
|
|
focusSearch()
|
|
} label: {
|
|
Label("Search", systemImage: "magnifyingglass")
|
|
}
|
|
}
|
|
|
|
private func contentFilterMenu(withLabel: Bool) -> some View {
|
|
Menu {
|
|
ForEach(availableContent, id: \.self) { type in
|
|
Button {
|
|
setContentFilter(type)
|
|
} label: {
|
|
Label(type.label, systemImage: contentFilter == type ? type.iconFilled : type.icon)
|
|
}
|
|
}
|
|
if contentFilter != nil {
|
|
Button {
|
|
closeSearch()
|
|
} label: {
|
|
Label("All messages", systemImage: "bubble.left.and.text.bubble.right")
|
|
}
|
|
}
|
|
} label: {
|
|
let icon = contentFilter == nil ? "photo.on.rectangle" : "photo.on.rectangle.fill"
|
|
if withLabel {
|
|
Label("Filter", systemImage: icon)
|
|
} else {
|
|
Image(systemName: icon)
|
|
}
|
|
}
|
|
}
|
|
|
|
private func focusSearch() {
|
|
showSearch = true
|
|
searchFocussed = true
|
|
searchText = ""
|
|
}
|
|
|
|
private func setContentFilter(_ type: ContentFilter) {
|
|
if (contentFilter == type) { return }
|
|
contentFilter = type
|
|
showSearch = true
|
|
searchText = ""
|
|
searchTextChanged("")
|
|
}
|
|
|
|
private func closeSearch() {
|
|
showSearch = false
|
|
searchText = ""
|
|
searchFocussed = false
|
|
contentFilter = nil
|
|
updateAvailableContent()
|
|
}
|
|
|
|
private func closeKeyboardAndRun(_ action: @escaping () -> Void) {
|
|
var delay: TimeInterval = 0
|
|
if keyboardVisible || keyboardHiddenDate.timeIntervalSinceNow >= -1 || showSearch {
|
|
delay = 0.5
|
|
closeSearch()
|
|
hideKeyboard()
|
|
}
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + delay) {
|
|
action()
|
|
}
|
|
}
|
|
|
|
private func addMembersButton() -> some View {
|
|
Button {
|
|
if case let .group(gInfo, _) = chat.chatInfo {
|
|
Task { await chatModel.loadGroupMembers(gInfo) { showAddMembersSheet = true } }
|
|
}
|
|
} label: {
|
|
Label("Invite member", systemImage: "person.crop.circle.badge.plus")
|
|
}
|
|
}
|
|
|
|
private func groupLinkButton() -> some View {
|
|
Button {
|
|
if case let .group(gInfo, _) = chat.chatInfo {
|
|
Task {
|
|
do {
|
|
if let gLink = try apiGetGroupLink(gInfo.groupId) {
|
|
groupLink = gLink
|
|
groupLinkMemberRole = gLink.acceptMemberRole
|
|
}
|
|
} catch let error {
|
|
logger.error("ChatView apiGetGroupLink: \(responseError(error))")
|
|
}
|
|
showGroupLinkSheet = true
|
|
}
|
|
}
|
|
} label: {
|
|
if case let .group(gInfo, _) = chat.chatInfo, gInfo.useRelays {
|
|
Label("Channel link", systemImage: "link")
|
|
} else {
|
|
Label("Group link", systemImage: "link.badge.plus")
|
|
}
|
|
}
|
|
}
|
|
|
|
private func showModerateSelectedMessagesAlert(_ groupInfo: GroupInfo) {
|
|
guard let count = selectedChatItems?.count, count > 0 else { return }
|
|
|
|
AlertManager.shared.showAlert(Alert(
|
|
title: Text(count == 1 ? "Delete member message?" : "Delete \(count) messages of members?"),
|
|
message: Text(
|
|
groupInfo.fullGroupPreferences.fullDelete.on
|
|
? (count == 1 ? "The message will be deleted for all members." : "The messages will be deleted for all members.")
|
|
: (count == 1 ? "The message will be marked as moderated for all members." : "The messages will be marked as moderated for all members.")
|
|
),
|
|
primaryButton: .destructive(Text("Delete")) {
|
|
if let selected = selectedChatItems {
|
|
deleteMessages(chat, selected.sorted(), .cidmBroadcast, moderate: true, deletedSelectedMessages)
|
|
}
|
|
},
|
|
secondaryButton: .cancel()
|
|
))
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#deletedSelectedMessages
|
|
private func deletedSelectedMessages() async {
|
|
await MainActor.run {
|
|
withAnimation {
|
|
selectedChatItems = nil
|
|
}
|
|
}
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#forwardSelectedMessages
|
|
private func forwardSelectedMessages() {
|
|
Task {
|
|
do {
|
|
if let selectedChatItems {
|
|
let (validItems, confirmation) = try await apiPlanForwardChatItems(
|
|
type: chat.chatInfo.chatType,
|
|
id: chat.chatInfo.apiId,
|
|
scope: chat.chatInfo.groupChatScope(),
|
|
itemIds: Array(selectedChatItems)
|
|
)
|
|
if let confirmation {
|
|
if validItems.count > 0 {
|
|
showAlert(
|
|
String.localizedStringWithFormat(
|
|
NSLocalizedString("Forward %d message(s)?", comment: "alert title"),
|
|
validItems.count
|
|
),
|
|
message: forwardConfirmationText(confirmation) + "\n" +
|
|
NSLocalizedString("Forward messages without files?", comment: "alert message")
|
|
) {
|
|
switch confirmation {
|
|
case let .filesNotAccepted(fileIds):
|
|
[forwardAction(validItems), downloadAction(fileIds), cancelAlertAction]
|
|
default:
|
|
[forwardAction(validItems), cancelAlertAction]
|
|
}
|
|
}
|
|
} else {
|
|
showAlert(
|
|
NSLocalizedString("Nothing to forward!", comment: "alert title"),
|
|
message: forwardConfirmationText(confirmation)
|
|
) {
|
|
switch confirmation {
|
|
case let .filesNotAccepted(fileIds):
|
|
[downloadAction(fileIds), cancelAlertAction]
|
|
default:
|
|
[okAlertAction]
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
await openForwardingSheet(validItems)
|
|
}
|
|
}
|
|
} catch {
|
|
logger.error("Plan forward chat items failed: \(error.localizedDescription)")
|
|
}
|
|
}
|
|
|
|
func forwardConfirmationText(_ fc: ForwardConfirmation) -> String {
|
|
switch fc {
|
|
case let .filesNotAccepted(fileIds):
|
|
String.localizedStringWithFormat(
|
|
NSLocalizedString("%d file(s) were not downloaded.", comment: "forward confirmation reason"),
|
|
fileIds.count
|
|
)
|
|
case let .filesInProgress(filesCount):
|
|
String.localizedStringWithFormat(
|
|
NSLocalizedString("%d file(s) are still being downloaded.", comment: "forward confirmation reason"),
|
|
filesCount
|
|
)
|
|
case let .filesMissing(filesCount):
|
|
String.localizedStringWithFormat(
|
|
NSLocalizedString("%d file(s) were deleted.", comment: "forward confirmation reason"),
|
|
filesCount
|
|
)
|
|
case let .filesFailed(filesCount):
|
|
String.localizedStringWithFormat(
|
|
NSLocalizedString("%d file(s) failed to download.", comment: "forward confirmation reason"),
|
|
filesCount
|
|
)
|
|
}
|
|
}
|
|
|
|
func forwardAction(_ items: [Int64]) -> UIAlertAction {
|
|
UIAlertAction(
|
|
title: NSLocalizedString("Forward messages", comment: "alert action"),
|
|
style: .default,
|
|
handler: { _ in Task { await openForwardingSheet(items) } }
|
|
)
|
|
}
|
|
|
|
func downloadAction(_ fileIds: [Int64]) -> UIAlertAction {
|
|
UIAlertAction(
|
|
title: NSLocalizedString("Download files", comment: "alert action"),
|
|
style: .default,
|
|
handler: { _ in
|
|
Task {
|
|
if let user = ChatModel.shared.currentUser {
|
|
await receiveFiles(user: user, fileIds: fileIds)
|
|
}
|
|
}
|
|
}
|
|
)
|
|
}
|
|
|
|
func openForwardingSheet(_ items: [Int64]) async {
|
|
var items = Set(items)
|
|
var fci = [ChatItem]()
|
|
for reversedChatItem in im.reversedChatItems {
|
|
if items.contains(reversedChatItem.id) {
|
|
items.remove(reversedChatItem.id)
|
|
fci.insert(reversedChatItem, at: 0)
|
|
}
|
|
if items.isEmpty { break }
|
|
}
|
|
await MainActor.run { forwardedChatItems = fci }
|
|
}
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#loadChatItems
|
|
private func loadChatItems(_ chat: Chat, _ pagination: ChatPagination) async -> Bool {
|
|
if loadingMoreItems { return false }
|
|
await MainActor.run {
|
|
loadingMoreItems = true
|
|
if case .before = pagination {
|
|
loadingTopItems = true
|
|
} else if case .after = pagination {
|
|
loadingBottomItems = true
|
|
}
|
|
}
|
|
let triedToLoad = await loadChatItemsUnchecked(chat, pagination)
|
|
await MainActor.run {
|
|
loadingMoreItems = false
|
|
if case .before = pagination {
|
|
loadingTopItems = false
|
|
} else if case .after = pagination {
|
|
loadingBottomItems = false
|
|
}
|
|
}
|
|
return triedToLoad
|
|
}
|
|
|
|
private func loadChatItemsUnchecked(_ chat: Chat, _ pagination: ChatPagination) async -> Bool {
|
|
await apiLoadMessages(
|
|
chat.chatInfo.id,
|
|
im,
|
|
pagination,
|
|
contentFilter?.contentTag,
|
|
searchText,
|
|
nil,
|
|
{ visibleItemIndexesNonReversed(im, scrollView.listState, mergedItems.boxedValue) }
|
|
)
|
|
return true
|
|
}
|
|
|
|
func stopAudioPlayer() {
|
|
VoiceItemState.chatView.values.forEach { $0.audioPlayer?.stop() }
|
|
VoiceItemState.chatView = [:]
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#onChatItemsUpdated
|
|
func onChatItemsUpdated() {
|
|
if !mergedItems.boxedValue.isActualState() {
|
|
//logger.debug("Items are not actual, waiting for the next update: \(String(describing: mergedItems.boxedValue.splits)) \(im.chatState.splits), \(mergedItems.boxedValue.indexInParentItems.count) vs \(im.reversedChatItems.count)")
|
|
return
|
|
}
|
|
floatingButtonModel.updateOnListChange(scrollView.listState)
|
|
preloadIfNeeded(
|
|
im,
|
|
$allowLoadMoreItems,
|
|
$ignoreLoadingRequests,
|
|
scrollView.listState,
|
|
mergedItems,
|
|
loadItems: { unchecked, pagination in
|
|
if unchecked {
|
|
await loadChatItemsUnchecked(chat, pagination)
|
|
} else {
|
|
await loadChatItems(chat, pagination)
|
|
}
|
|
},
|
|
loadLastItems: {
|
|
if !loadingMoreItems {
|
|
await loadLastItems($loadingMoreItems, loadingBottomItems: $loadingBottomItems, chat, im)
|
|
}
|
|
}
|
|
)
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#ChatItemWithMenu
|
|
struct ChatItemWithMenu: View {
|
|
@ObservedObject var im: ItemsModel
|
|
@EnvironmentObject var m: ChatModel
|
|
@EnvironmentObject var theme: AppTheme
|
|
@Environment(\.terminalLayout) private var terminal
|
|
@Environment(\.dynamicTypeSize) private var userFont
|
|
@AppStorage(DEFAULT_PROFILE_IMAGE_CORNER_RADIUS) private var profileRadius = defaultProfileImageCorner
|
|
@Binding @ObservedObject var chat: Chat
|
|
@ObservedObject var dummyModel: ChatItemDummyModel = .shared
|
|
let index: Int
|
|
let isLastItem: Bool
|
|
let chatItem: ChatItem
|
|
let scrollToItem: (ChatItem.ID) -> Void
|
|
@Binding var scrollToItemId: ChatItem.ID?
|
|
let merged: MergedItem
|
|
let olderRow: MergedItem?
|
|
let listWidth: CGFloat
|
|
let maxWidth: CGFloat
|
|
@Binding var composeState: ComposeState
|
|
@Binding var selectedMember: GMember?
|
|
@Binding var showChatInfoSheet: Bool
|
|
@Binding var revealedItems: Set<Int64>
|
|
|
|
@State private var deletingItem: ChatItem? = nil
|
|
@State private var showDeleteMessage = false
|
|
@State private var deletingItems: [Int64] = []
|
|
@State private var showDeleteMessages = false
|
|
@State private var archivingReports: Set<Int64>? = nil
|
|
@State private var showArchivingReports = false
|
|
@State private var showChatItemInfoSheet: Bool = false
|
|
@State private var chatItemInfo: ChatItemInfo?
|
|
@State private var chatItemInfoItem: ChatItem?
|
|
@State private var msgWidth: CGFloat = 0
|
|
@State private var touchInProgress: Bool = false
|
|
|
|
@Binding var selectedChatItems: Set<Int64>?
|
|
@Binding var forwardedChatItems: [ChatItem]
|
|
|
|
@Binding var searchText: String
|
|
@Binding var contentFilter: ContentFilter?
|
|
var closeKeyboardAndRun: (@escaping () -> Void) -> Void
|
|
|
|
@State private var allowMenu: Bool = true
|
|
@State private var markedRead = false
|
|
@State private var markReadTask: Task<Void, Never>? = nil
|
|
@State private var actionSheet: SomeActionSheet? = nil
|
|
@State private var swipeOffset: CGFloat = 0
|
|
@State private var swipeExclusionFrames: [CGRect] = []
|
|
|
|
var revealed: Bool { revealedItems.contains(chatItem.id) }
|
|
|
|
private var memberImageSize: CGFloat {
|
|
scaledMemberImageSize(userFont)
|
|
}
|
|
|
|
typealias ItemSeparation = (timestamp: Bool, largeGap: Bool, date: Date?)
|
|
|
|
private func reveal(_ yes: Bool) -> Void {
|
|
merged.revealItems(yes, $revealedItems)
|
|
}
|
|
|
|
func getItemSeparation(_ chatItem: ChatItem, _ prevItem: ChatItem?) -> ItemSeparation {
|
|
guard let prevItem else {
|
|
return ItemSeparation(timestamp: true, largeGap: true, date: nil)
|
|
}
|
|
|
|
let sameMemberAndDirection = if case .groupRcv(let prevGroupMember) = prevItem.chatDir, case .groupRcv(let groupMember) = chatItem.chatDir {
|
|
groupMember.groupMemberId == prevGroupMember.groupMemberId
|
|
} else if case .channelRcv = chatItem.chatDir, case .channelRcv = prevItem.chatDir {
|
|
true
|
|
} else {
|
|
chatItem.chatDir.sent == prevItem.chatDir.sent
|
|
}
|
|
let largeGap = !sameMemberAndDirection || prevItem.meta.itemTs.timeIntervalSince(chatItem.meta.itemTs) > 60
|
|
|
|
return ItemSeparation(
|
|
timestamp: largeGap || formatTimestampMeta(chatItem.meta.itemTs) != formatTimestampMeta(prevItem.meta.itemTs),
|
|
largeGap: largeGap,
|
|
date: Calendar.current.isDate(chatItem.meta.itemTs, inSameDayAs: prevItem.meta.itemTs) ? nil : prevItem.meta.itemTs
|
|
)
|
|
}
|
|
|
|
var body: some View {
|
|
let last = isLastItem ? im.reversedChatItems.last : nil
|
|
let listItem = merged.newest()
|
|
let item = listItem.item
|
|
let range: ClosedRange<Int>? = if case let .grouped(_, _, _, rangeInReversed, _, _, _, _) = merged {
|
|
rangeInReversed.boxedValue
|
|
} else {
|
|
nil
|
|
}
|
|
let showAvatar = terminal ? terminalItemShowsSender(item, merged.oldest().nextItem) : shouldShowAvatar(item, merged.oldest().nextItem)
|
|
let single = switch merged {
|
|
case .single: true
|
|
default: false
|
|
}
|
|
let itemSeparation = getItemSeparation(item, single || revealed ? listItem.prevItem: nil)
|
|
return VStack(spacing: 0) {
|
|
if let last {
|
|
DateSeparator(date: last.meta.itemTs).padding(8)
|
|
}
|
|
chatItemListView(range, showAvatar, item, itemSeparation)
|
|
.overlay {
|
|
if let selected = selectedChatItems, chatItem.canBeDeletedForSelf {
|
|
Color.clear
|
|
.contentShape(Rectangle())
|
|
.simultaneousGesture(TapGesture().onEnded {
|
|
let checked = selected.contains(chatItem.id)
|
|
selectUnselectChatItem(select: !checked, chatItem)
|
|
})
|
|
}
|
|
}
|
|
if let date = itemSeparation.date {
|
|
DateSeparator(date: date).padding(8)
|
|
}
|
|
}
|
|
.onAppear {
|
|
if markedRead {
|
|
return
|
|
} else {
|
|
markedRead = true
|
|
}
|
|
if let range {
|
|
let (itemIds, unreadMentions) = unreadItemIds(range)
|
|
if !itemIds.isEmpty {
|
|
waitToMarkRead {
|
|
await apiMarkChatItemsRead(im, chat.chatInfo, itemIds, mentionsRead: unreadMentions)
|
|
}
|
|
}
|
|
} else if chatItem.isRcvNew {
|
|
waitToMarkRead {
|
|
await apiMarkChatItemsRead(im, chat.chatInfo, [chatItem.id], mentionsRead: chatItem.meta.userMention ? 1 : 0)
|
|
}
|
|
}
|
|
}
|
|
.onDisappear {
|
|
markReadTask?.cancel()
|
|
markedRead = false
|
|
}
|
|
.actionSheet(item: $actionSheet) { $0.actionSheet }
|
|
// skip updating struct on touch if no need to show GoTo button
|
|
.if(touchInProgress || searchIsNotBlank || (chatItem.meta.itemForwarded != nil && chatItem.meta.itemForwarded != .unknown)) {
|
|
// long press listener steals taps from top-level listener, so repeating it's logic here as well
|
|
$0.onTapGesture {
|
|
hideKeyboard()
|
|
}
|
|
.onLongPressGesture(minimumDuration: .infinity, perform: {}, onPressingChanged: { pressing in
|
|
touchInProgress = pressing
|
|
})
|
|
}
|
|
}
|
|
|
|
private func unreadItemIds(_ range: ClosedRange<Int>) -> ([ChatItem.ID], Int) {
|
|
var unreadItems: [ChatItem.ID] = []
|
|
var unreadMentions: Int = 0
|
|
|
|
for i in range {
|
|
if i < 0 || i >= im.reversedChatItems.count {
|
|
break
|
|
}
|
|
let ci = im.reversedChatItems[i]
|
|
if ci.isRcvNew {
|
|
unreadItems.append(ci.id)
|
|
if ci.meta.userMention {
|
|
unreadMentions += 1
|
|
}
|
|
}
|
|
}
|
|
|
|
return (unreadItems, unreadMentions)
|
|
}
|
|
|
|
private func waitToMarkRead(_ op: @Sendable @escaping () async -> Void) {
|
|
markReadTask = Task {
|
|
do {
|
|
_ = try await Task.sleep(nanoseconds: 600_000000)
|
|
if m.chatId == chat.chatInfo.id {
|
|
await op()
|
|
}
|
|
} catch {
|
|
// task was cancelled
|
|
}
|
|
}
|
|
}
|
|
|
|
private var searchIsNotBlank: Bool {
|
|
get {
|
|
(searchText.count > 0 && !searchText.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty) || contentFilter != nil
|
|
}
|
|
}
|
|
|
|
@available(iOS 16.0, *)
|
|
struct MemberLayout: Layout {
|
|
let spacing: Double
|
|
let msgWidth: Double
|
|
|
|
private func sizes(subviews: Subviews, proposal: ProposedViewSize) -> (CGSize, CGSize) {
|
|
assert(subviews.count == 2, "member layout must contain exactly two subviews")
|
|
let roleSize = subviews[1].sizeThatFits(proposal)
|
|
let memberSize = subviews[0].sizeThatFits(
|
|
ProposedViewSize(
|
|
width: (proposal.width ?? msgWidth) - roleSize.width,
|
|
height: proposal.height
|
|
)
|
|
)
|
|
return (memberSize, roleSize)
|
|
}
|
|
|
|
func sizeThatFits(proposal: ProposedViewSize, subviews: Subviews, cache: inout Void) -> CGSize {
|
|
let (memberSize, roleSize) = sizes(subviews: subviews, proposal: proposal)
|
|
return CGSize(
|
|
width: min(
|
|
proposal.width ?? msgWidth,
|
|
max(msgWidth, roleSize.width + spacing + memberSize.width)
|
|
),
|
|
height: max(memberSize.height, roleSize.height)
|
|
)
|
|
}
|
|
|
|
func placeSubviews(in bounds: CGRect, proposal: ProposedViewSize, subviews: Subviews, cache: inout Void) {
|
|
let (memberSize, roleSize) = sizes(subviews: subviews, proposal: proposal)
|
|
subviews[0].place(
|
|
at: CGPoint(x: bounds.minX, y: bounds.midY - memberSize.height / 2),
|
|
proposal: ProposedViewSize(memberSize)
|
|
)
|
|
subviews[1].place(
|
|
at: CGPoint(
|
|
x: bounds.minX + max(memberSize.width + spacing, msgWidth - roleSize.width),
|
|
y: bounds.midY - roleSize.height / 2
|
|
),
|
|
proposal: ProposedViewSize(roleSize)
|
|
)
|
|
}
|
|
}
|
|
|
|
@ViewBuilder func chatItemListView(
|
|
_ range: ClosedRange<Int>?,
|
|
_ showAvatar: Bool,
|
|
_ ci: ChatItem,
|
|
_ itemSeparation: ItemSeparation
|
|
) -> some View {
|
|
let bottomPadding: Double = itemSeparation.largeGap ? 10 : 2
|
|
if terminal {
|
|
terminalItemRow(range, showAvatar, ci, itemSeparation)
|
|
} else if case .channelRcv = ci.chatDir,
|
|
case let .group(groupInfo, _) = chat.chatInfo {
|
|
if showAvatar {
|
|
VStack(alignment: .leading, spacing: 4) {
|
|
if ci.content.showMemberName {
|
|
Group {
|
|
Group {
|
|
if #available(iOS 16.0, *) {
|
|
MemberLayout(spacing: 16, msgWidth: msgWidth) {
|
|
Text(groupInfo.chatViewName)
|
|
.lineLimit(1)
|
|
Text(NSLocalizedString("channel", comment: "shown as sender role for channel messages"))
|
|
.fontWeight(.semibold)
|
|
.lineLimit(1)
|
|
.padding(.trailing, 8)
|
|
}
|
|
} else {
|
|
HStack(spacing: 16) {
|
|
Text(groupInfo.chatViewName)
|
|
.lineLimit(1)
|
|
Text(NSLocalizedString("channel", comment: "shown as sender role for channel messages"))
|
|
.fontWeight(.semibold)
|
|
.lineLimit(1)
|
|
.layoutPriority(1)
|
|
}
|
|
}
|
|
}
|
|
.frame(
|
|
maxWidth: maxWidth,
|
|
alignment: chatItem.chatDir.sent ? .trailing : .leading
|
|
)
|
|
}
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
.padding(.leading, memberImageSize + 10 + (selectedChatItems != nil && ci.canBeDeletedForSelf ? 12 + 24 : 0))
|
|
.padding(.top, 3)
|
|
}
|
|
HStack(alignment: .center, spacing: 0) {
|
|
if selectedChatItems != nil && ci.canBeDeletedForSelf {
|
|
SelectedChatItem(ciId: ci.id, selectedChatItems: $selectedChatItems)
|
|
.padding(.trailing, 12)
|
|
}
|
|
HStack(alignment: .top, spacing: 10) {
|
|
ProfileImage(imageStr: groupInfo.image, icon: Image(systemName: groupInfo.chatIconName), size: memberImageSize, backgroundColor: theme.colors.background)
|
|
.simultaneousGesture(TapGesture().onEnded {
|
|
showChatInfoSheet = true
|
|
})
|
|
chatItemWithMenu(ci, range, maxWidth, itemSeparation)
|
|
.onPreferenceChange(DetermineWidth.Key.self) { msgWidth = $0 }
|
|
}
|
|
}
|
|
}
|
|
.padding(.bottom, bottomPadding)
|
|
.padding(.trailing)
|
|
.padding(.leading, 12)
|
|
} else {
|
|
HStack(alignment: .center, spacing: 0) {
|
|
if selectedChatItems != nil && ci.canBeDeletedForSelf {
|
|
SelectedChatItem(ciId: ci.id, selectedChatItems: $selectedChatItems)
|
|
.padding(.leading, 12)
|
|
}
|
|
chatItemWithMenu(ci, range, maxWidth, itemSeparation)
|
|
.padding(.trailing)
|
|
.padding(.leading, chat.chatInfo.isChannel ? nil : 10 + memberImageSize + 12)
|
|
}
|
|
.padding(.bottom, bottomPadding)
|
|
}
|
|
} else if case let .groupRcv(member) = ci.chatDir,
|
|
case let .group(groupInfo, _) = chat.chatInfo {
|
|
if showAvatar {
|
|
VStack(alignment: .leading, spacing: 4) {
|
|
if ci.content.showMemberName {
|
|
Group {
|
|
let (prevMember, memCount): (GroupMember?, Int) =
|
|
if let range = range {
|
|
m.getPrevHiddenMember(member, range)
|
|
} else {
|
|
(nil, 1)
|
|
}
|
|
if memCount == 1 && (member.memberRole > .member || ci.meta.showGroupAsSender) {
|
|
let (name, role) = if ci.meta.showGroupAsSender {
|
|
(groupInfo.chatViewName, NSLocalizedString("group", comment: "shown on group welcome message"))
|
|
} else {
|
|
(member.chatViewName, member.memberRole.text(isChannel: groupInfo.isChannel))
|
|
}
|
|
Group {
|
|
if #available(iOS 16.0, *) {
|
|
MemberLayout(spacing: 16, msgWidth: msgWidth) {
|
|
NameWithBadge(Text(name), ci.meta.showGroupAsSender ? nil : member.nameBadge, .caption1)
|
|
.lineLimit(1)
|
|
Text(role)
|
|
.fontWeight(.semibold)
|
|
.lineLimit(1)
|
|
.padding(.trailing, 8)
|
|
}
|
|
} else {
|
|
HStack(spacing: 16) {
|
|
NameWithBadge(Text(name), ci.meta.showGroupAsSender ? nil : member.nameBadge, .caption1)
|
|
.lineLimit(1)
|
|
Text(role)
|
|
.fontWeight(.semibold)
|
|
.lineLimit(1)
|
|
.layoutPriority(1)
|
|
}
|
|
}
|
|
}
|
|
.frame(
|
|
maxWidth: maxWidth,
|
|
alignment: chatItem.chatDir.sent ? .trailing : .leading
|
|
)
|
|
} else {
|
|
NameWithBadge(Text(memberNames(member, prevMember, memCount)), memCount == 1 ? member.nameBadge : nil, .caption1)
|
|
.lineLimit(2)
|
|
}
|
|
}
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
.padding(.leading, memberImageSize + 10 + (selectedChatItems != nil && ci.canBeDeletedForSelf ? 12 + 24 : 0))
|
|
.padding(.top, 3) // this is in addition to message sequence gap
|
|
}
|
|
HStack(alignment: .center, spacing: 0) {
|
|
if selectedChatItems != nil && ci.canBeDeletedForSelf {
|
|
SelectedChatItem(ciId: ci.id, selectedChatItems: $selectedChatItems)
|
|
.padding(.trailing, 12)
|
|
}
|
|
HStack(alignment: .top, spacing: 10) {
|
|
if ci.meta.showGroupAsSender {
|
|
ProfileImage(imageStr: groupInfo.image, icon: Image(systemName: groupInfo.chatIconName), size: memberImageSize, backgroundColor: theme.colors.background)
|
|
.simultaneousGesture(TapGesture().onEnded {
|
|
showChatInfoSheet = true
|
|
})
|
|
} else {
|
|
MemberProfileImage(member, size: memberImageSize, backgroundColor: theme.colors.background)
|
|
.simultaneousGesture(TapGesture().onEnded {
|
|
if let mem = m.getGroupMember(member.groupMemberId) {
|
|
selectedMember = mem
|
|
} else {
|
|
let mem = GMember.init(member)
|
|
m.groupMembers.append(mem)
|
|
m.groupMembersIndexes[member.groupMemberId] = m.groupMembers.count - 1
|
|
selectedMember = mem
|
|
}
|
|
})
|
|
}
|
|
chatItemWithMenu(ci, range, maxWidth, itemSeparation)
|
|
.onPreferenceChange(DetermineWidth.Key.self) { msgWidth = $0 }
|
|
}
|
|
}
|
|
}
|
|
.padding(.bottom, bottomPadding)
|
|
.padding(.trailing)
|
|
.padding(.leading, 12)
|
|
} else {
|
|
HStack(alignment: .center, spacing: 0) {
|
|
if selectedChatItems != nil && ci.canBeDeletedForSelf {
|
|
SelectedChatItem(ciId: ci.id, selectedChatItems: $selectedChatItems)
|
|
.padding(.leading, 12)
|
|
}
|
|
chatItemWithMenu(ci, range, maxWidth, itemSeparation)
|
|
.padding(.trailing)
|
|
.padding(.leading, chat.chatInfo.isChannel ? nil : 10 + memberImageSize + 12)
|
|
}
|
|
.padding(.bottom, bottomPadding)
|
|
}
|
|
} else {
|
|
HStack(alignment: .center, spacing: 0) {
|
|
if selectedChatItems != nil && ci.canBeDeletedForSelf {
|
|
if chat.chatInfo.chatType == .group {
|
|
SelectedChatItem(ciId: ci.id, selectedChatItems: $selectedChatItems)
|
|
.padding(.leading, 12)
|
|
} else {
|
|
SelectedChatItem(ciId: ci.id, selectedChatItems: $selectedChatItems)
|
|
.padding(.leading)
|
|
}
|
|
}
|
|
chatItemWithMenu(ci, range, maxWidth, itemSeparation)
|
|
.padding(.horizontal)
|
|
}
|
|
.padding(.bottom, bottomPadding)
|
|
}
|
|
}
|
|
|
|
private func memberNames(_ member: GroupMember, _ prevMember: GroupMember?, _ memCount: Int) -> LocalizedStringKey {
|
|
let name = member.displayName
|
|
return if let prevName = prevMember?.displayName {
|
|
memCount > 2
|
|
? "\(name), \(prevName) and \(memCount - 2) members"
|
|
: "\(name) and \(prevName)"
|
|
} else {
|
|
"\(name)"
|
|
}
|
|
}
|
|
|
|
private func terminalItemRow(_ range: ClosedRange<Int>?, _ showSender: Bool, _ ci: ChatItem, _ itemSeparation: ItemSeparation) -> some View {
|
|
let selecting = selectedChatItems != nil && ci.canBeDeletedForSelf
|
|
let leading: CGFloat = selecting ? 4 + 24 : 0
|
|
let gutter = chat.chatInfo.chatType == .group ? memberImageSize + chatItemTextPadding : 0
|
|
let older = merged.oldest().nextItem
|
|
let topGap = terminalRowGap(
|
|
ci,
|
|
older,
|
|
separated: terminalRowsSeparated(olderRow),
|
|
largeGap: older.map { getItemSeparation($0, merged.oldest().item).largeGap } ?? false,
|
|
hasSenderRow: showSender
|
|
)
|
|
return ZStack(alignment: .leading) {
|
|
if selecting {
|
|
SelectedChatItem(ciId: ci.id, selectedChatItems: $selectedChatItems)
|
|
.padding(.leading, 8)
|
|
}
|
|
TerminalChatItemRow(
|
|
sender: showSender ? chatItemSender(ci, range) : nil,
|
|
gutter: gutter,
|
|
topGap: topGap
|
|
) {
|
|
chatItemWithMenu(ci, range, min(maxWidth, listWidth - leading - gutter - 2 * chatItemTextPadding), itemSeparation)
|
|
}
|
|
.padding(.leading, leading)
|
|
}
|
|
.padding(.bottom, index == 0 && itemSeparation.largeGap ? 8 : itemSeparation.date == nil ? 0 : terminalLevelStep)
|
|
.background(selectedChatItems?.contains(ci.id) == true ? theme.colors.primary.opacity(0.1) : Color.clear)
|
|
}
|
|
|
|
private func terminalRowsSeparated(_ olderRow: MergedItem?) -> Bool {
|
|
guard let olderRow else { return false }
|
|
let newest = olderRow.newest()
|
|
if case .chatBanner = newest.item.content { return true }
|
|
return getItemSeparation(newest.item, olderRow.revealed ? newest.prevItem : nil).date != nil
|
|
}
|
|
|
|
private func chatItemSender(_ ci: ChatItem, _ range: ClosedRange<Int>?) -> ChatItemSender {
|
|
let cInfo = chat.chatInfo
|
|
switch (ci.chatDir, cInfo) {
|
|
case let (_, .group(groupInfo, _)) where ci.channelIsSender:
|
|
return ChatItemSender(name: Text(groupInfo.chatViewName), role: NSLocalizedString("channel", comment: "shown as sender role for channel messages"), own: ci.chatDir.sent, image: groupSenderImage(groupInfo))
|
|
case (.directRcv, _):
|
|
return ChatItemSender(name: Text(cInfo.displayName), badge: cInfo.nameBadge, own: false)
|
|
case let (.groupRcv(member), .group(groupInfo, _)):
|
|
if ci.meta.showGroupAsSender {
|
|
return ChatItemSender(name: Text(groupInfo.chatViewName), role: NSLocalizedString("group", comment: "shown on group welcome message"), own: false, image: groupSenderImage(groupInfo))
|
|
}
|
|
let (prevMember, memCount): (GroupMember?, Int) = if let range { m.getPrevHiddenMember(member, range) } else { (nil, 1) }
|
|
return ChatItemSender(
|
|
name: Text(memberNames(member, prevMember, memCount)),
|
|
badge: prevMember == nil && memCount == 1 ? member.nameBadge : nil,
|
|
role: memCount == 1 ? senderRole(member, groupInfo) : nil,
|
|
own: false,
|
|
image: AnyView(
|
|
MemberProfileImage(member, size: memberImageSize, backgroundColor: theme.colors.background)
|
|
.simultaneousGesture(TapGesture().onEnded {
|
|
if let mem = m.getGroupMember(member.groupMemberId) {
|
|
selectedMember = mem
|
|
} else {
|
|
let mem = GMember.init(member)
|
|
m.groupMembers.append(mem)
|
|
m.groupMembersIndexes[member.groupMemberId] = m.groupMembers.count - 1
|
|
selectedMember = mem
|
|
}
|
|
})
|
|
)
|
|
)
|
|
case let (.groupSnd, .group(groupInfo, _)):
|
|
let membership = groupInfo.membership
|
|
return ChatItemSender(
|
|
name: Text(membership.displayName),
|
|
badge: membership.nameBadge,
|
|
role: senderRole(membership, groupInfo),
|
|
own: true,
|
|
image: AnyView(MemberProfileImage(membership, size: memberImageSize, backgroundColor: theme.colors.background))
|
|
)
|
|
default:
|
|
return cInfo.incognito
|
|
? ChatItemSender(name: Text("Incognito"), own: true)
|
|
: ChatItemSender(name: Text(m.currentUser?.displayName ?? ""), badge: m.currentUser?.profile.localBadge, own: true)
|
|
}
|
|
}
|
|
|
|
private func groupSenderImage(_ groupInfo: GroupInfo) -> AnyView {
|
|
AnyView(
|
|
ProfileImage(imageStr: groupInfo.image, icon: Image(systemName: groupInfo.chatIconName), size: memberImageSize, backgroundColor: theme.colors.background)
|
|
.simultaneousGesture(TapGesture().onEnded { showChatInfoSheet = true })
|
|
)
|
|
}
|
|
|
|
private func senderRole(_ member: GroupMember, _ groupInfo: GroupInfo) -> String? {
|
|
member.memberRole > .member ? member.memberRole.text(isChannel: groupInfo.isChannel) : nil
|
|
}
|
|
|
|
func chatItemWithMenu(_ ci: ChatItem, _ range: ClosedRange<Int>?, _ maxWidth: CGFloat, _ itemSeparation: ItemSeparation) -> some View {
|
|
let alignEnd = ci.chatDir.sent && !terminal
|
|
let alignment: Alignment = alignEnd ? .trailing : .leading
|
|
let markedDeleted = ci.meta.itemDeleted != nil && (!revealed || ci.isDeletedContent)
|
|
let live = composeState.liveMessage != nil
|
|
let canReply = ci.meta.itemDeleted == nil && !ci.isLiveDummy && !live && !ci.localNote && selectedChatItems == nil && chat.chatInfo.sendMsgEnabled
|
|
return ZStack(alignment: .trailing) {
|
|
Image(systemName: "arrowshape.turn.up.left")
|
|
.font(.system(size: 18))
|
|
.foregroundColor(.secondary)
|
|
.opacity(min(1, -swipeOffset / 30))
|
|
.offset(x: swipeOffset + 40)
|
|
VStack(alignment: alignment.horizontal, spacing: 3) {
|
|
HStack {
|
|
if alignEnd {
|
|
goToItemButton(true)
|
|
}
|
|
ChatItemView(
|
|
chat: chat,
|
|
im: im,
|
|
chatItem: ci,
|
|
scrollToItem: scrollToItem,
|
|
scrollToItemId: $scrollToItemId,
|
|
maxWidth: maxWidth,
|
|
allowMenu: $allowMenu,
|
|
endButton: terminal && !searchIsNotBlank && ci.meta.itemForwarded?.chatTypeApiIdMsgId != nil ? AnyView(goToItemButton(false)) : nil
|
|
)
|
|
.environment(\.revealed, revealed)
|
|
.environment(\.showTimestamp, itemSeparation.timestamp)
|
|
.if(!terminal) { $0.modifier(ChatItemClipped(ci, tailVisible: itemSeparation.largeGap && (ci.meta.itemDeleted == nil || revealed))) }
|
|
.contextMenu { menu(ci, range, live: live) }
|
|
.accessibilityLabel("")
|
|
if !alignEnd && (!terminal || searchIsNotBlank || markedDeleted) {
|
|
goToItemButton(false)
|
|
}
|
|
}
|
|
if ci.content.msgContent != nil && (ci.meta.itemDeleted == nil || revealed) && ci.reactions.count > 0 {
|
|
chatItemReactions(ci)
|
|
.padding(.leading, terminal ? chatItemTextPadding - 6 : 0)
|
|
.padding(.bottom, 4)
|
|
}
|
|
}
|
|
.coordinateSpace(name: swipeExclusionSpace)
|
|
.onPreferenceChange(SwipeExclusionFrames.self) { swipeExclusionFrames = $0 }
|
|
.offset(x: swipeOffset)
|
|
.contentShape(Rectangle())
|
|
.simultaneousGesture(
|
|
DragGesture(minimumDistance: 10, coordinateSpace: .named(swipeExclusionSpace))
|
|
.onChanged { value in
|
|
guard canReply, !swipeExclusionFrames.contains(where: { $0.contains(value.startLocation) }) else { return }
|
|
let x = value.translation.width
|
|
if x < 0 {
|
|
swipeOffset = max(x * 0.63, -56)
|
|
}
|
|
}
|
|
.onEnded { _ in
|
|
if swipeOffset < -42 {
|
|
withAnimation {
|
|
if composeState.editing {
|
|
composeState = ComposeState(contextItem: .quotedItem(chatItem: ci))
|
|
} else {
|
|
composeState = composeState.copy(contextItem: .quotedItem(chatItem: ci))
|
|
}
|
|
}
|
|
UIImpactFeedbackGenerator(style: .medium).impactOccurred()
|
|
}
|
|
withAnimation(.spring(response: 0.25)) {
|
|
swipeOffset = 0
|
|
}
|
|
}
|
|
)
|
|
}
|
|
.confirmationDialog("Delete message?", isPresented: $showDeleteMessage, titleVisibility: .visible) {
|
|
if publicGroupEditor(chat) {
|
|
Button("Delete from history", role: .destructive) {
|
|
deleteMessage(.cidmHistory, moderate: false)
|
|
}
|
|
} else {
|
|
Button("Delete for me", role: .destructive) {
|
|
deleteMessage(.cidmInternal, moderate: false)
|
|
}
|
|
}
|
|
if let di = deletingItem, di.meta.deletable && !di.localNote && !di.isReport {
|
|
Button(broadcastDeleteButtonText(chat), role: .destructive) {
|
|
deleteMessage(.cidmBroadcast, moderate: false)
|
|
}
|
|
}
|
|
}
|
|
.confirmationDialog(deleteMessagesTitle, isPresented: $showDeleteMessages, titleVisibility: .visible) {
|
|
if publicGroupEditor(chat) {
|
|
Button("Delete from history", role: .destructive) {
|
|
deleteMessages(chat, deletingItems, .cidmHistory, moderate: false)
|
|
}
|
|
} else {
|
|
Button("Delete for me", role: .destructive) {
|
|
deleteMessages(chat, deletingItems, moderate: false)
|
|
}
|
|
}
|
|
}
|
|
.confirmationDialog(archivingReports?.count == 1 ? "Archive report?" : "Archive \(archivingReports?.count ?? 0) reports?", isPresented: $showArchivingReports, titleVisibility: .visible) {
|
|
Button("For me", role: .destructive) {
|
|
if let reports = self.archivingReports {
|
|
archiveReports(chat, reports.sorted(), false)
|
|
self.archivingReports = []
|
|
}
|
|
}
|
|
if case let ChatInfo.group(groupInfo, _) = chat.chatInfo, groupInfo.membership.memberActive {
|
|
Button("For all moderators", role: .destructive) {
|
|
if let reports = self.archivingReports {
|
|
archiveReports(chat, reports.sorted(), true)
|
|
self.archivingReports = []
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.frame(maxWidth: terminal ? .infinity : maxWidth, maxHeight: .infinity, alignment: alignment)
|
|
.frame(minWidth: 0, maxWidth: .infinity, alignment: alignment)
|
|
.sheet(isPresented: $showChatItemInfoSheet, onDismiss: {
|
|
chatItemInfo = nil
|
|
chatItemInfoItem = nil
|
|
}) {
|
|
ChatItemInfoView(ci: chatItemInfoItem ?? ci, userMemberId: chat.chatInfo.groupInfo?.membership.memberId, chatItemInfo: $chatItemInfo)
|
|
}
|
|
}
|
|
|
|
private func showMemberImage(_ member: GroupMember, _ prevItem: ChatItem?) -> Bool {
|
|
switch (prevItem?.chatDir) {
|
|
case .groupSnd: return true
|
|
case let .groupRcv(prevMember): return prevMember.groupMemberId != member.groupMemberId
|
|
case .channelRcv: return true
|
|
default: return false
|
|
}
|
|
}
|
|
|
|
private func chatItemReactions(_ ci: ChatItem) -> some View {
|
|
HStack(spacing: 4) {
|
|
ForEach(ci.reactions, id: \.reaction) { r in
|
|
let v = HStack(spacing: 4) {
|
|
switch r.reaction {
|
|
case let .emoji(emoji): Text(emoji.rawValue).font(.caption)
|
|
case .unknown: EmptyView()
|
|
}
|
|
if r.totalReacted > 1 {
|
|
Text("\(r.totalReacted)")
|
|
.font(.caption)
|
|
.fontWeight(r.userReacted ? .bold : .light)
|
|
.foregroundColor(r.userReacted ? theme.colors.primary : theme.colors.secondary)
|
|
}
|
|
}
|
|
.padding(.horizontal, 6)
|
|
.padding(.vertical, 4)
|
|
.if(chat.chatInfo.featureEnabled(.reactions) && (ci.allowAddReaction || r.userReacted)) { v in
|
|
v.simultaneousGesture(TapGesture().onEnded {
|
|
setReaction(ci, add: !r.userReacted, reaction: r.reaction)
|
|
})
|
|
}
|
|
switch chat.chatInfo {
|
|
case let .group(groupInfo, _):
|
|
v.contextMenu {
|
|
ReactionContextMenu(
|
|
groupInfo: groupInfo,
|
|
itemId: ci.id,
|
|
reactionCount: r,
|
|
selectedMember: $selectedMember,
|
|
profileRadius: profileRadius
|
|
)
|
|
}
|
|
case let .direct(contact):
|
|
v.contextMenu {
|
|
contactReactionMenu(contact, r)
|
|
}
|
|
default:
|
|
v
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private func menu(_ ci: ChatItem, _ range: ClosedRange<Int>?, live: Bool) -> some View {
|
|
if case let .group(gInfo, _) = chat.chatInfo, ci.isReport, ci.meta.itemDeleted == nil {
|
|
if ci.chatDir != .groupSnd, gInfo.membership.memberRole >= .moderator {
|
|
archiveReportButton(ci)
|
|
}
|
|
deleteButton(ci, label: "Delete report")
|
|
} else if let mc = ci.content.msgContent, !ci.isReport, ci.meta.itemDeleted == nil || revealed {
|
|
if chat.chatInfo.featureEnabled(.reactions) && ci.allowAddReaction,
|
|
availableReactions.count > 0 {
|
|
reactionsGroup
|
|
}
|
|
if ci.meta.itemDeleted == nil && !ci.isLiveDummy && !live && !ci.localNote && chat.chatInfo.sendMsgEnabled {
|
|
replyButton
|
|
}
|
|
let fileSource = getLoadedFileSource(ci.file)
|
|
let fileExists = if let fs = fileSource, FileManager.default.fileExists(atPath: getAppFilePath(fs.filePath).path) { true } else { false }
|
|
let copyAndShareAllowed = !ci.content.text.isEmpty || (ci.content.msgContent?.isImage == true && fileExists)
|
|
if copyAndShareAllowed {
|
|
shareButton(ci)
|
|
copyButton(ci)
|
|
}
|
|
if let fileSource = fileSource, fileExists {
|
|
if case .image = ci.content.msgContent, let image = getLoadedImage(ci.file) {
|
|
if image.imageData != nil {
|
|
saveButton(file: fileSource)
|
|
} else {
|
|
saveButton(image: image)
|
|
}
|
|
} else {
|
|
saveButton(file: fileSource)
|
|
}
|
|
} else if let file = ci.file, case .rcvInvitation = file.fileStatus, fileSizeValid(file) {
|
|
downloadButton(file: file)
|
|
}
|
|
if ci.meta.editable && !mc.isVoice && !live {
|
|
editButton(chatItem)
|
|
}
|
|
if ci.meta.itemDeleted == nil
|
|
&& (ci.file == nil || (fileSource != nil && fileExists))
|
|
&& !ci.isLiveDummy && !live {
|
|
forwardButton
|
|
}
|
|
if !ci.isLiveDummy {
|
|
viewInfoButton(ci)
|
|
}
|
|
if revealed {
|
|
hideButton()
|
|
}
|
|
if ci.meta.itemDeleted == nil && !ci.localNote,
|
|
let file = ci.file,
|
|
let cancelAction = file.cancelAction {
|
|
cancelFileButton(file.fileId, cancelAction)
|
|
}
|
|
if !live || !ci.meta.isLive {
|
|
deleteButton(ci)
|
|
}
|
|
if ci.chatDir != .groupSnd {
|
|
if let (groupInfo, _) = ci.memberToModerate(chat.chatInfo) {
|
|
moderateButton(ci, groupInfo)
|
|
} else if ci.meta.itemDeleted == nil && chat.groupFeatureEnabled(.reports),
|
|
case let .group(gInfo, _) = chat.chatInfo,
|
|
gInfo.membership.memberRole == .member
|
|
&& !live
|
|
&& composeState.voiceMessageRecordingState == .noRecording {
|
|
reportButton(ci)
|
|
}
|
|
}
|
|
} else if ci.meta.itemDeleted != nil {
|
|
if revealed {
|
|
hideButton()
|
|
} else if !ci.isDeletedContent {
|
|
revealButton(ci)
|
|
} else if range != nil {
|
|
expandButton()
|
|
}
|
|
viewInfoButton(ci)
|
|
deleteButton(ci)
|
|
} else if ci.isDeletedContent {
|
|
viewInfoButton(ci)
|
|
deleteButton(ci)
|
|
} else if ci.mergeCategory != nil && ((range?.count ?? 0) > 1 || revealed) {
|
|
if revealed { shrinkButton() } else { expandButton() }
|
|
deleteButton(ci)
|
|
} else if ci.showLocalDelete {
|
|
deleteButton(ci)
|
|
} else {
|
|
EmptyView()
|
|
}
|
|
if selectedChatItems == nil && ci.canBeDeletedForSelf {
|
|
Divider()
|
|
selectButton(ci)
|
|
}
|
|
}
|
|
|
|
var replyButton: Button<some View> {
|
|
Button {
|
|
withAnimation {
|
|
if composeState.editing {
|
|
composeState = ComposeState(contextItem: .quotedItem(chatItem: chatItem))
|
|
} else {
|
|
composeState = composeState.copy(contextItem: .quotedItem(chatItem: chatItem))
|
|
}
|
|
}
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Reply", comment: "chat item action"),
|
|
systemImage: "arrowshape.turn.up.left"
|
|
)
|
|
}
|
|
}
|
|
|
|
var forwardButton: Button<some View> {
|
|
Button {
|
|
forwardedChatItems = [chatItem]
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Forward", comment: "chat item action"),
|
|
systemImage: "arrowshape.turn.up.forward"
|
|
)
|
|
}
|
|
}
|
|
|
|
private var reactionsGroup: some View {
|
|
if #available(iOS 16.4, *) {
|
|
return ControlGroup {
|
|
if availableReactions.count > 4 {
|
|
reactions(till: 3)
|
|
Menu {
|
|
reactions(from: 3)
|
|
} label: {
|
|
Image(systemName: "ellipsis")
|
|
}
|
|
} else { reactions() }
|
|
}.controlGroupStyle(.compactMenu)
|
|
} else {
|
|
return Menu {
|
|
reactions()
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("React…", comment: "chat item menu"),
|
|
systemImage: "face.smiling"
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
func reactions(from: Int? = nil, till: Int? = nil) -> some View {
|
|
ForEach(availableReactions[(from ?? 0)..<(till ?? availableReactions.count)]) { reaction in
|
|
Button(reaction.text) {
|
|
setReaction(chatItem, add: true, reaction: reaction)
|
|
}
|
|
}
|
|
}
|
|
|
|
/// Reactions, which has not been used yet
|
|
private var availableReactions: Array<MsgReaction> {
|
|
MsgReaction.values
|
|
.filter { reaction in
|
|
!chatItem.reactions.contains {
|
|
$0.userReacted && $0.reaction == reaction
|
|
}
|
|
}
|
|
}
|
|
|
|
private func setReaction(_ ci: ChatItem, add: Bool, reaction: MsgReaction) {
|
|
Task {
|
|
do {
|
|
let cInfo = chat.chatInfo
|
|
let chatItem = try await apiChatItemReaction(
|
|
type: cInfo.chatType,
|
|
id: cInfo.apiId,
|
|
scope: cInfo.groupChatScope(),
|
|
itemId: ci.id,
|
|
add: add,
|
|
reaction: reaction
|
|
)
|
|
await MainActor.run {
|
|
m.updateChatItem(chat.chatInfo, chatItem)
|
|
}
|
|
} catch let error {
|
|
logger.error("apiChatItemReaction error: \(responseError(error))")
|
|
}
|
|
}
|
|
}
|
|
|
|
private func shareButton(_ ci: ChatItem) -> Button<some View> {
|
|
Button {
|
|
var shareItems: [Any] = [ci.content.text]
|
|
if case .image = ci.content.msgContent, let image = getLoadedImage(ci.file) {
|
|
shareItems.append(image)
|
|
}
|
|
showShareSheet(items: shareItems)
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Share", comment: "chat item action"),
|
|
systemImage: "square.and.arrow.up"
|
|
)
|
|
}
|
|
}
|
|
|
|
private func copyButton(_ ci: ChatItem) -> Button<some View> {
|
|
Button {
|
|
if case let .image(text, _) = ci.content.msgContent,
|
|
text == "",
|
|
let image = getLoadedImage(ci.file) {
|
|
UIPasteboard.general.image = image
|
|
} else {
|
|
UIPasteboard.general.string = ci.content.text
|
|
}
|
|
} label: {
|
|
Label("Copy", systemImage: "doc.on.doc")
|
|
}
|
|
}
|
|
|
|
func saveButton(image: UIImage) -> Button<some View> {
|
|
Button {
|
|
UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil)
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Save", comment: "chat item action"),
|
|
systemImage: "square.and.arrow.down"
|
|
)
|
|
}
|
|
}
|
|
|
|
func saveButton(file: CryptoFile) -> Button<some View> {
|
|
Button {
|
|
saveCryptoFile(file)
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Save", comment: "chat item action"),
|
|
systemImage: "square.and.arrow.down"
|
|
)
|
|
}
|
|
}
|
|
|
|
func downloadButton(file: CIFile) -> Button<some View> {
|
|
Button {
|
|
Task {
|
|
logger.debug("ChatView downloadFileAction, in Task")
|
|
if let user = m.currentUser {
|
|
await receiveFile(user: user, fileId: file.fileId)
|
|
}
|
|
}
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Download", comment: "chat item action"),
|
|
systemImage: "arrow.down.doc"
|
|
)
|
|
}
|
|
}
|
|
|
|
private func editButton(_ ci: ChatItem) -> Button<some View> {
|
|
Button {
|
|
withAnimation {
|
|
composeState = ComposeState(editingItem: ci)
|
|
}
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Edit", comment: "chat item action"),
|
|
systemImage: "square.and.pencil"
|
|
)
|
|
}
|
|
}
|
|
|
|
private func selectButton(_ ci: ChatItem) -> Button<some View> {
|
|
Button {
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
|
|
withAnimation {
|
|
selectUnselectChatItem(select: true, ci)
|
|
}
|
|
}
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Select", comment: "chat item action"),
|
|
systemImage: "checkmark.circle"
|
|
)
|
|
}
|
|
}
|
|
|
|
private func viewInfoButton(_ ci: ChatItem) -> Button<some View> {
|
|
Button {
|
|
Task {
|
|
do {
|
|
let cInfo = chat.chatInfo
|
|
let (aci, ciInfo) = try await apiGetChatItemInfo(type: cInfo.chatType, id: cInfo.apiId, scope: cInfo.groupChatScope(), itemId: ci.id)
|
|
await MainActor.run {
|
|
chatItemInfoItem = aci.chatItem
|
|
chatItemInfo = ciInfo
|
|
}
|
|
if case let .group(gInfo, _) = chat.chatInfo {
|
|
await m.loadGroupMembers(gInfo)
|
|
}
|
|
} catch let error {
|
|
logger.error("apiGetChatItemInfo error: \(responseError(error))")
|
|
}
|
|
await MainActor.run { showChatItemInfoSheet = true }
|
|
}
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Info", comment: "chat item action"),
|
|
systemImage: "info.circle"
|
|
)
|
|
}
|
|
}
|
|
|
|
private func cancelFileButton(_ fileId: Int64, _ cancelAction: CancelAction) -> Button<some View> {
|
|
Button {
|
|
AlertManager.shared.showAlert(Alert(
|
|
title: Text(cancelAction.alert.title),
|
|
message: Text(cancelAction.alert.message),
|
|
primaryButton: .destructive(Text(cancelAction.alert.confirm)) {
|
|
Task {
|
|
if let user = m.currentUser {
|
|
await cancelFile(user: user, fileId: fileId)
|
|
}
|
|
}
|
|
},
|
|
secondaryButton: .cancel()
|
|
))
|
|
} label: {
|
|
Label(
|
|
cancelAction.uiAction,
|
|
systemImage: "xmark"
|
|
)
|
|
}
|
|
}
|
|
|
|
private func hideButton() -> Button<some View> {
|
|
Button {
|
|
withConditionalAnimation {
|
|
reveal(false)
|
|
}
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Hide", comment: "chat item action"),
|
|
systemImage: "eye.slash"
|
|
)
|
|
}
|
|
}
|
|
|
|
private func deleteButton(_ ci: ChatItem, label: LocalizedStringKey = "Delete") -> Button<some View> {
|
|
Button(role: .destructive) {
|
|
if !revealed,
|
|
let currIndex = m.getChatItemIndex(im, ci),
|
|
let ciCategory = ci.mergeCategory {
|
|
let (prevHidden, _) = m.getPrevShownChatItem(currIndex, ciCategory)
|
|
if let range = itemsRange(currIndex, prevHidden) {
|
|
var itemIds: [Int64] = []
|
|
for i in range {
|
|
itemIds.append(im.reversedChatItems[i].id)
|
|
}
|
|
showDeleteMessages = true
|
|
deletingItems = itemIds
|
|
} else {
|
|
showDeleteMessage = true
|
|
deletingItem = ci
|
|
}
|
|
} else {
|
|
showDeleteMessage = true
|
|
deletingItem = ci
|
|
}
|
|
} label: {
|
|
Label(label, systemImage: "trash")
|
|
}
|
|
}
|
|
|
|
private func itemsRange(_ currIndex: Int?, _ prevHidden: Int?) -> ClosedRange<Int>? {
|
|
if let currIndex = currIndex,
|
|
let prevHidden = prevHidden,
|
|
prevHidden > currIndex {
|
|
currIndex...prevHidden
|
|
} else {
|
|
nil
|
|
}
|
|
}
|
|
|
|
private func moderateButton(_ ci: ChatItem, _ groupInfo: GroupInfo) -> Button<some View> {
|
|
Button(role: .destructive) {
|
|
AlertManager.shared.showAlert(Alert(
|
|
title: Text("Delete member message?"),
|
|
message: Text(
|
|
groupInfo.fullGroupPreferences.fullDelete.on
|
|
? "The message will be deleted for all members."
|
|
: "The message will be marked as moderated for all members."
|
|
),
|
|
primaryButton: .destructive(Text("Delete")) {
|
|
deletingItem = ci
|
|
deleteMessage(.cidmBroadcast, moderate: true)
|
|
},
|
|
secondaryButton: .cancel()
|
|
))
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Moderate", comment: "chat item action"),
|
|
systemImage: "flag"
|
|
)
|
|
}
|
|
}
|
|
|
|
private func archiveReportButton(_ cItem: ChatItem) -> Button<some View> {
|
|
Button {
|
|
archivingReports = [cItem.id]
|
|
showArchivingReports = true
|
|
} label: {
|
|
Label("Archive report", systemImage: "archivebox")
|
|
}
|
|
}
|
|
|
|
private func revealButton(_ ci: ChatItem) -> Button<some View> {
|
|
Button {
|
|
withConditionalAnimation {
|
|
reveal(true)
|
|
}
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Reveal", comment: "chat item action"),
|
|
systemImage: "eye"
|
|
)
|
|
}
|
|
}
|
|
|
|
private func expandButton() -> Button<some View> {
|
|
Button {
|
|
withConditionalAnimation {
|
|
reveal(true)
|
|
}
|
|
} label: {
|
|
Label(
|
|
NSLocalizedString("Expand", comment: "chat item action"),
|
|
systemImage: "arrow.up.and.line.horizontal.and.arrow.down"
|
|
)
|
|
}
|
|
}
|
|
|
|
private func shrinkButton() -> Button<some View> {
|
|
Button {
|
|
withConditionalAnimation {
|
|
reveal(false)
|
|
}
|
|
} label: {
|
|
Label (
|
|
NSLocalizedString("Hide", comment: "chat item action"),
|
|
systemImage: "arrow.down.and.line.horizontal.and.arrow.up"
|
|
)
|
|
}
|
|
}
|
|
|
|
private func reportButton(_ ci: ChatItem) -> Button<some View> {
|
|
Button(role: .destructive) {
|
|
var buttons: [ActionSheet.Button] = ReportReason.supportedReasons.map { reason in
|
|
.default(Text(reason.text)) {
|
|
withAnimation {
|
|
if composeState.editing {
|
|
composeState = ComposeState(preview: .noPreview, contextItem: .reportedItem(chatItem: chatItem, reason: reason))
|
|
} else {
|
|
composeState = composeState.copy(preview: .noPreview, contextItem: .reportedItem(chatItem: chatItem, reason: reason))
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
buttons.append(.cancel())
|
|
|
|
actionSheet = SomeActionSheet(
|
|
actionSheet: ActionSheet(
|
|
title: Text("Report reason?"),
|
|
buttons: buttons
|
|
),
|
|
id: "reportChatMessage"
|
|
)
|
|
} label: {
|
|
Label (
|
|
NSLocalizedString("Report", comment: "chat item action"),
|
|
systemImage: "flag"
|
|
)
|
|
}
|
|
}
|
|
|
|
var deleteMessagesTitle: LocalizedStringKey {
|
|
let n = deletingItems.count
|
|
return n == 1 ? "Delete message?" : "Delete \(n) messages?"
|
|
}
|
|
|
|
private func selectUnselectChatItem(select: Bool, _ ci: ChatItem) {
|
|
selectedChatItems = selectedChatItems ?? []
|
|
var itemIds: [Int64] = []
|
|
if !revealed,
|
|
let currIndex = m.getChatItemIndex(im, ci),
|
|
let ciCategory = ci.mergeCategory {
|
|
let (prevHidden, _) = m.getPrevShownChatItem(currIndex, ciCategory)
|
|
if let range = itemsRange(currIndex, prevHidden) {
|
|
for i in range {
|
|
itemIds.append(im.reversedChatItems[i].id)
|
|
}
|
|
} else {
|
|
itemIds.append(ci.id)
|
|
}
|
|
} else {
|
|
itemIds.append(ci.id)
|
|
}
|
|
if select {
|
|
if let sel = selectedChatItems {
|
|
selectedChatItems = sel.union(itemIds)
|
|
}
|
|
} else {
|
|
itemIds.forEach { selectedChatItems?.remove($0) }
|
|
}
|
|
}
|
|
|
|
private func deleteMessage(_ mode: CIDeleteMode, moderate: Bool) {
|
|
logger.debug("ChatView deleteMessage")
|
|
Task {
|
|
logger.debug("ChatView deleteMessage: in Task")
|
|
do {
|
|
if let di = deletingItem {
|
|
let r = if case .cidmBroadcast = mode,
|
|
moderate,
|
|
let (groupInfo, _) = di.memberToModerate(chat.chatInfo) {
|
|
try await apiDeleteMemberChatItems(
|
|
groupId: groupInfo.apiId,
|
|
itemIds: [di.id]
|
|
)
|
|
} else {
|
|
try await apiDeleteChatItems(
|
|
type: chat.chatInfo.chatType,
|
|
id: chat.chatInfo.apiId,
|
|
scope: chat.chatInfo.groupChatScope(),
|
|
itemIds: [di.id],
|
|
mode: mode
|
|
)
|
|
}
|
|
if let itemDeletion = r.first {
|
|
await MainActor.run {
|
|
deletingItem = nil
|
|
if let toItem = itemDeletion.toChatItem {
|
|
_ = m.upsertChatItem(chat.chatInfo, toItem.chatItem)
|
|
} else {
|
|
m.removeChatItem(chat.chatInfo, itemDeletion.deletedChatItem.chatItem)
|
|
}
|
|
let deletedItem = itemDeletion.deletedChatItem.chatItem
|
|
if deletedItem.isActiveReport {
|
|
m.decreaseGroupReportsCounter(chat.chatInfo.id)
|
|
}
|
|
m.updateChatInfo(itemDeletion.deletedChatItem.chatInfo)
|
|
}
|
|
}
|
|
}
|
|
} catch {
|
|
logger.error("ChatView.deleteMessage error: \(error)")
|
|
await MainActor.run {
|
|
showAlert(NSLocalizedString("Error deleting message", comment: "alert title"), message: responseError(error))
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder private func contactReactionMenu(_ contact: Contact, _ r: CIReactionCount) -> some View {
|
|
if !r.userReacted || r.totalReacted > 1 {
|
|
Button { showChatInfoSheet = true } label: {
|
|
profileMenuItem(Text(contact.displayName), contact.image, radius: profileRadius)
|
|
}
|
|
}
|
|
if r.userReacted {
|
|
Button {} label: {
|
|
profileMenuItem(Text("you"), m.currentUser?.profile.image, radius: profileRadius)
|
|
}
|
|
.disabled(true)
|
|
}
|
|
}
|
|
|
|
func goToItemInnerButton(_ alignStart: Bool, _ image: String, touchInProgress: Bool, _ onClick: @escaping () -> Void) -> some View {
|
|
Image(systemName: image)
|
|
.resizable()
|
|
.frame(width: 13, height: 13)
|
|
.padding([alignStart ? .trailing : .leading], 10)
|
|
.tint(theme.colors.secondary.opacity(touchInProgress ? 1.0 : 0.4))
|
|
.simultaneousGesture(TapGesture().onEnded(onClick))
|
|
}
|
|
|
|
@ViewBuilder
|
|
func goToItemButton(_ alignStart: Bool) -> some View {
|
|
let chatTypeApiIdMsgId = chatItem.meta.itemForwarded?.chatTypeApiIdMsgId
|
|
if searchIsNotBlank {
|
|
goToItemInnerButton(alignStart, "magnifyingglass", touchInProgress: touchInProgress) {
|
|
closeKeyboardAndRun {
|
|
im.loadOpenChatNoWait(chat.id, chatItem.id)
|
|
}
|
|
}
|
|
} else if let chatTypeApiIdMsgId {
|
|
goToItemInnerButton(alignStart, "arrow.right", touchInProgress: touchInProgress) {
|
|
closeKeyboardAndRun {
|
|
let (chatType, apiId, msgId) = chatTypeApiIdMsgId
|
|
im.loadOpenChatNoWait("\(chatType.rawValue)\(apiId)", msgId)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private struct SelectedChatItem: View {
|
|
@EnvironmentObject var theme: AppTheme
|
|
var ciId: Int64
|
|
@Binding var selectedChatItems: Set<Int64>?
|
|
@State var checked: Bool = false
|
|
var body: some View {
|
|
Image(systemName: checked ? "checkmark.circle.fill" : "circle")
|
|
.resizable()
|
|
.foregroundColor(checked ? theme.colors.primary : Color(uiColor: .tertiaryLabel))
|
|
.frame(width: 24, height: 24)
|
|
.onAppear {
|
|
checked = selectedChatItems?.contains(ciId) == true
|
|
}
|
|
.onChange(of: selectedChatItems) { selected in
|
|
checked = selected?.contains(ciId) == true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#FloatingButtonModel
|
|
class FloatingButtonModel: ObservableObject {
|
|
@ObservedObject var im: ItemsModel
|
|
|
|
public init(im: ItemsModel) {
|
|
self.im = im
|
|
}
|
|
|
|
@Published var unreadAbove: Int = 0
|
|
@Published var unreadBelow: Int = 0
|
|
@Published var isNearBottom: Bool = true
|
|
@Published var date: Date? = nil
|
|
@Published var isDateVisible: Bool = false
|
|
var hideDateWorkItem: DispatchWorkItem? = nil
|
|
|
|
func updateOnListChange(_ listState: EndlessScrollView<MergedItem>.ListState) {
|
|
let lastVisibleItem = oldestPartiallyVisibleListItemInListStateOrNull(listState)
|
|
let unreadBelow = if let lastVisibleItem {
|
|
max(0, im.chatState.unreadTotal - lastVisibleItem.unreadBefore)
|
|
} else {
|
|
0
|
|
}
|
|
let unreadAbove = im.chatState.unreadTotal - unreadBelow
|
|
let date: Date? =
|
|
if let lastVisible = listState.visibleItems.last {
|
|
Calendar.current.startOfDay(for: lastVisible.item.oldest().item.meta.itemTs)
|
|
} else {
|
|
nil
|
|
}
|
|
|
|
// set the counters and date indicator
|
|
DispatchQueue.main.async { [weak self] in
|
|
guard let it = self else { return }
|
|
it.setDate(visibility: true)
|
|
it.unreadAbove = unreadAbove
|
|
it.unreadBelow = unreadBelow
|
|
it.date = date
|
|
}
|
|
|
|
// set floating button indication mode
|
|
let nearBottom = listState.firstVisibleItemIndex < 1
|
|
if nearBottom != self.isNearBottom {
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.35) { [weak self] in
|
|
self?.isNearBottom = nearBottom
|
|
}
|
|
}
|
|
|
|
// hide Date indicator after 1 second of no scrolling
|
|
hideDateWorkItem?.cancel()
|
|
let workItem = DispatchWorkItem { [weak self] in
|
|
guard let it = self else { return }
|
|
it.setDate(visibility: false)
|
|
it.hideDateWorkItem = nil
|
|
}
|
|
DispatchQueue.main.async { [weak self] in
|
|
self?.hideDateWorkItem = workItem
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 1, execute: workItem)
|
|
}
|
|
}
|
|
|
|
func resetDate() {
|
|
date = nil
|
|
isDateVisible = false
|
|
}
|
|
|
|
private func setDate(visibility isVisible: Bool) {
|
|
if isVisible {
|
|
if !isNearBottom,
|
|
!isDateVisible,
|
|
let date, !Calendar.current.isDateInToday(date) {
|
|
withAnimation { self.isDateVisible = true }
|
|
}
|
|
} else if isDateVisible {
|
|
withAnimation { self.isDateVisible = false }
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
private func publicGroupEditor(_ chat: Chat) -> Bool {
|
|
if case let .group(groupInfo, _) = chat.chatInfo {
|
|
groupInfo.useRelays && groupInfo.membership.memberRole >= .moderator
|
|
} else {
|
|
false
|
|
}
|
|
}
|
|
|
|
private func broadcastDeleteButtonText(_ chat: Chat) -> LocalizedStringKey {
|
|
chat.chatInfo.featureEnabled(.fullDelete) ? "Delete for everyone" : "Mark deleted for everyone"
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#deleteMessages
|
|
private func deleteMessages(_ chat: Chat, _ deletingItems: [Int64], _ mode: CIDeleteMode = .cidmInternal, moderate: Bool, _ onSuccess: @escaping () async -> Void = {}) {
|
|
let itemIds = deletingItems
|
|
if itemIds.count > 0 {
|
|
let chatInfo = chat.chatInfo
|
|
Task {
|
|
do {
|
|
let deletedItems = if case .cidmBroadcast = mode,
|
|
moderate,
|
|
case .group = chat.chatInfo {
|
|
try await apiDeleteMemberChatItems(
|
|
groupId: chatInfo.apiId,
|
|
itemIds: itemIds
|
|
)
|
|
} else {
|
|
try await apiDeleteChatItems(
|
|
type: chatInfo.chatType,
|
|
id: chatInfo.apiId,
|
|
scope: chatInfo.groupChatScope(),
|
|
itemIds: itemIds,
|
|
mode: mode
|
|
)
|
|
}
|
|
|
|
await MainActor.run {
|
|
for di in deletedItems {
|
|
if let toItem = di.toChatItem {
|
|
_ = ChatModel.shared.upsertChatItem(chatInfo, toItem.chatItem)
|
|
} else {
|
|
ChatModel.shared.removeChatItem(chatInfo, di.deletedChatItem.chatItem)
|
|
}
|
|
let deletedItem = di.deletedChatItem.chatItem
|
|
if deletedItem.isActiveReport {
|
|
ChatModel.shared.decreaseGroupReportsCounter(chatInfo.id)
|
|
}
|
|
}
|
|
if let updatedChatInfo = deletedItems.last?.deletedChatItem.chatInfo {
|
|
ChatModel.shared.updateChatInfo(updatedChatInfo)
|
|
}
|
|
}
|
|
await onSuccess()
|
|
} catch {
|
|
logger.error("ChatView.deleteMessages error: \(error.localizedDescription)")
|
|
await MainActor.run {
|
|
showAlert(NSLocalizedString("Error deleting message", comment: "alert title"), message: responseError(error))
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
func archiveReports(_ chat: Chat, _ itemIds: [Int64], _ forAll: Bool, _ onSuccess: @escaping () async -> Void = {}) {
|
|
if itemIds.count > 0 {
|
|
let chatInfo = chat.chatInfo
|
|
Task {
|
|
do {
|
|
let deleted = try await apiDeleteReceivedReports(
|
|
groupId: chatInfo.apiId,
|
|
itemIds: itemIds,
|
|
mode: forAll ? CIDeleteMode.cidmBroadcast : CIDeleteMode.cidmInternalMark
|
|
)
|
|
|
|
await MainActor.run {
|
|
for di in deleted {
|
|
if let toItem = di.toChatItem {
|
|
_ = ChatModel.shared.upsertChatItem(chatInfo, toItem.chatItem)
|
|
} else {
|
|
ChatModel.shared.removeChatItem(chatInfo, di.deletedChatItem.chatItem)
|
|
}
|
|
let deletedItem = di.deletedChatItem.chatItem
|
|
if deletedItem.isActiveReport {
|
|
ChatModel.shared.decreaseGroupReportsCounter(chatInfo.id)
|
|
}
|
|
}
|
|
if let updatedChatInfo = deleted.last?.deletedChatItem.chatInfo {
|
|
ChatModel.shared.updateChatInfo(updatedChatInfo)
|
|
}
|
|
}
|
|
await onSuccess()
|
|
} catch {
|
|
logger.error("ChatView.archiveReports error: \(error.localizedDescription)")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private func buildTheme() -> AppTheme {
|
|
if let cId = ChatModel.shared.chatId, let chat = ChatModel.shared.getChat(cId) {
|
|
let perChatTheme = if case let .direct(contact) = chat.chatInfo {
|
|
contact.uiThemes?.preferredMode(!AppTheme.shared.colors.isLight)
|
|
} else if case let .group(groupInfo, _) = chat.chatInfo {
|
|
groupInfo.uiThemes?.preferredMode(!AppTheme.shared.colors.isLight)
|
|
} else {
|
|
nil as ThemeModeOverride?
|
|
}
|
|
let overrides = if perChatTheme != nil {
|
|
ThemeManager.currentColors(nil, perChatTheme, ChatModel.shared.currentUser?.uiThemes, themeOverridesDefault.get())
|
|
} else {
|
|
nil as ThemeManager.ActiveTheme?
|
|
}
|
|
let theme = overrides ?? CurrentColors
|
|
return AppTheme(name: theme.name, base: theme.base, colors: theme.colors, appColors: theme.appColors, wallpaper: theme.wallpaper)
|
|
} else {
|
|
return AppTheme.shared
|
|
}
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#ReactionContextMenu
|
|
struct ReactionContextMenu: View {
|
|
@EnvironmentObject var m: ChatModel
|
|
let groupInfo: GroupInfo
|
|
var itemId: Int64
|
|
var reactionCount: CIReactionCount
|
|
@Binding var selectedMember: GMember?
|
|
var profileRadius: CGFloat
|
|
@State private var memberReactions: [MemberReaction] = []
|
|
|
|
var body: some View {
|
|
groupMemberReactionList()
|
|
.task {
|
|
await loadChatItemReaction()
|
|
}
|
|
}
|
|
|
|
@ViewBuilder private func groupMemberReactionList() -> some View {
|
|
if memberReactions.isEmpty {
|
|
ForEach(Array(repeating: 0, count: reactionCount.totalReacted), id: \.self) { _ in
|
|
textSpace
|
|
}
|
|
} else {
|
|
ForEach(memberReactions, id: \.groupMember.groupMemberId) { mr in
|
|
let mem = mr.groupMember
|
|
let userMember = mem.groupMemberId == groupInfo.membership.groupMemberId
|
|
Button {
|
|
if let member = m.getGroupMember(mem.groupMemberId) {
|
|
selectedMember = member
|
|
} else {
|
|
let member = GMember.init(mem)
|
|
m.groupMembers.append(member)
|
|
m.groupMembersIndexes[member.groupMemberId] = m.groupMembers.count - 1
|
|
selectedMember = member
|
|
}
|
|
} label: {
|
|
profileMenuItem(Text(mem.displayName), mem.image, radius: profileRadius)
|
|
}
|
|
.disabled(userMember)
|
|
}
|
|
}
|
|
}
|
|
|
|
private func loadChatItemReaction() async {
|
|
do {
|
|
let memberReactions = try await apiGetReactionMembers(
|
|
groupId: groupInfo.groupId,
|
|
itemId: itemId,
|
|
reaction: reactionCount.reaction
|
|
)
|
|
await MainActor.run {
|
|
self.memberReactions = memberReactions
|
|
}
|
|
} catch let error {
|
|
logger.error("apiGetReactionMembers error: \(responseError(error))")
|
|
}
|
|
}
|
|
}
|
|
|
|
func profileMenuItem(_ nameText: Text, _ image: String?, radius: CGFloat) -> some View {
|
|
HStack {
|
|
nameText
|
|
if let image, let img = imageFromBase64(image) {
|
|
Image(uiImage: maskToCustomShape(img, size: 30, radius: radius))
|
|
} else {
|
|
Image(systemName: "person.crop.circle")
|
|
}
|
|
}
|
|
}
|
|
|
|
func maskToCustomShape(_ image: UIImage, size: CGFloat, radius: CGFloat) -> UIImage {
|
|
let path = Path { path in
|
|
if radius >= 50 {
|
|
path.addEllipse(in: CGRect(x: 0, y: 0, width: size, height: size))
|
|
} else if radius <= 0 {
|
|
path.addRect(CGRect(x: 0, y: 0, width: size, height: size))
|
|
} else {
|
|
let cornerRadius = size * CGFloat(radius) / 100
|
|
path.addRoundedRect(
|
|
in: CGRect(x: 0, y: 0, width: size, height: size),
|
|
cornerSize: CGSize(width: cornerRadius, height: cornerRadius),
|
|
style: .continuous
|
|
)
|
|
}
|
|
}
|
|
|
|
return UIGraphicsImageRenderer(size: CGSize(width: size, height: size)).image { context in
|
|
context.cgContext.addPath(path.cgPath)
|
|
context.cgContext.clip()
|
|
let scale = size / max(image.size.width, image.size.height)
|
|
let imageSize = CGSize(width: image.size.width * scale, height: image.size.height * scale)
|
|
let imageOrigin = CGPoint(
|
|
x: (size - imageSize.width) / 2,
|
|
y: (size - imageSize.height) / 2
|
|
)
|
|
image.draw(in: CGRect(origin: imageOrigin, size: imageSize))
|
|
}
|
|
}
|
|
|
|
struct ToggleNtfsButton: View {
|
|
@ObservedObject var chat: Chat
|
|
|
|
var body: some View {
|
|
if let nextMode = chat.chatInfo.nextNtfMode {
|
|
Button {
|
|
toggleNotifications(chat, enableNtfs: nextMode)
|
|
} label: {
|
|
Label(nextMode.text(mentions: chat.chatInfo.hasMentions), systemImage: nextMode.icon)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
func toggleNotifications(_ chat: Chat, enableNtfs: MsgFilter) {
|
|
var chatSettings = chat.chatInfo.chatSettings ?? ChatSettings.defaults
|
|
chatSettings.enableNtfs = enableNtfs
|
|
updateChatSettings(chat, chatSettings: chatSettings)
|
|
}
|
|
|
|
func toggleChatFavorite(_ chat: Chat, favorite: Bool) {
|
|
var chatSettings = chat.chatInfo.chatSettings ?? ChatSettings.defaults
|
|
chatSettings.favorite = favorite
|
|
updateChatSettings(chat, chatSettings: chatSettings)
|
|
}
|
|
|
|
func updateChatSettings(_ chat: Chat, chatSettings: ChatSettings) {
|
|
Task {
|
|
do {
|
|
try await apiSetChatSettings(type: chat.chatInfo.chatType, id: chat.chatInfo.apiId, chatSettings: chatSettings)
|
|
await MainActor.run {
|
|
let wasFavorite = chat.chatInfo.chatSettings?.favorite ?? false
|
|
ChatTagsModel.shared.updateChatFavorite(favorite: chatSettings.favorite, wasFavorite: wasFavorite)
|
|
let wasUnread = chat.unreadTag
|
|
switch chat.chatInfo {
|
|
case var .direct(contact):
|
|
contact.chatSettings = chatSettings
|
|
ChatModel.shared.updateContact(contact)
|
|
case var .group(groupInfo, _):
|
|
groupInfo.chatSettings = chatSettings
|
|
ChatModel.shared.updateGroup(groupInfo)
|
|
default: ()
|
|
}
|
|
ChatTagsModel.shared.updateChatTagRead(chat, wasUnread: wasUnread)
|
|
}
|
|
} catch let error {
|
|
logger.error("apiSetChatSettings error \(responseError(error))")
|
|
}
|
|
}
|
|
}
|
|
|
|
// Spec: spec/client/chat-view.md#ContentFilter
|
|
enum ContentFilter: CaseIterable {
|
|
case images
|
|
case videos
|
|
case voice
|
|
case files
|
|
case links
|
|
|
|
static let alwaysShow: Set<MsgContentTag> = [.image, .link]
|
|
|
|
var contentTag: MsgContentTag {
|
|
switch self {
|
|
case .images: .image
|
|
case .videos: .video
|
|
case .voice: .voice
|
|
case .files: .file
|
|
case .links: .link
|
|
}
|
|
}
|
|
|
|
var label: LocalizedStringKey {
|
|
switch self {
|
|
case .images: "Images"
|
|
case .videos: "Videos"
|
|
case .voice: "Voice messages"
|
|
case .files: "Files"
|
|
case .links: "Links"
|
|
}
|
|
}
|
|
|
|
var searchPlaceholder: LocalizedStringKey {
|
|
switch self {
|
|
case .images: "Search images"
|
|
case .videos: "Search videos"
|
|
case .voice: "Search voice messages"
|
|
case .files: "Search files"
|
|
case .links: "Search links"
|
|
}
|
|
}
|
|
|
|
var icon: String {
|
|
switch self {
|
|
case .images: "photo"
|
|
case .videos: "video"
|
|
case .voice: "mic"
|
|
case .files: "doc"
|
|
case .links: "link"
|
|
}
|
|
}
|
|
|
|
var iconFilled: String {
|
|
switch self {
|
|
case .images: "photo.fill"
|
|
case .videos: "video.fill"
|
|
case .voice: "mic.fill"
|
|
case .files: "doc.fill"
|
|
case .links: "link.circle.fill"
|
|
}
|
|
}
|
|
}
|
|
|
|
struct ChatView_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
let chatModel = ChatModel()
|
|
chatModel.chatId = "@1"
|
|
let im = ItemsModel.shared
|
|
im.reversedChatItems = [
|
|
ChatItem.getSample(1, .directSnd, previewDate, "hello"),
|
|
ChatItem.getSample(2, .directRcv, previewDate, "hi"),
|
|
ChatItem.getSample(3, .directRcv, previewDate, "hi there"),
|
|
ChatItem.getDeletedContentSample(4, previewDate),
|
|
ChatItem.getSample(5, .directRcv, previewDate, "hello again"),
|
|
ChatItem.getSample(6, .directSnd, previewDate, "hi there!!!"),
|
|
ChatItem.getSample(7, .directSnd, previewDate, "how are you?"),
|
|
ChatItem.getSample(8, .directSnd, previewDate, "👍👍👍👍"),
|
|
ChatItem.getSample(9, .directSnd, previewDate, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")
|
|
]
|
|
@State var showChatInfo = false
|
|
return ChatView(
|
|
chat: Chat(chatInfo: ChatInfo.sampleData.direct, chatItems: []),
|
|
im: im,
|
|
mergedItems: BoxedValue(MergedItems.create(im, [])),
|
|
floatingButtonModel: FloatingButtonModel(im: im),
|
|
scrollToItemId: Binding.constant(nil)
|
|
)
|
|
.environmentObject(chatModel)
|
|
}
|
|
}
|