Implemented pinning channels in the demo app

DemoAppSwiftUI/AppDelegate.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import Sentry

DemoAppSwiftUI/AppleMessageComposerView.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChat

DemoAppSwiftUI/CreateGroupView.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChat

DemoAppSwiftUI/CreateGroupViewModel.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChat

DemoAppSwiftUI/CustomAttachment.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChat

DemoAppSwiftUI/CustomChannelHeader.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChat

DemoAppSwiftUI/CustomComposerAttachmentView.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import Foundation

DemoAppSwiftUI/DemoAppSwiftUIApp.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChat
@@ -14,6 +14,8 @@ struct DemoAppSwiftUIApp: App {
 
     @ObservedObject var appState = AppState.shared
     @ObservedObject var notificationsHandler = NotificationsHandler.shared
+
+    @State var channelListController: ChatChannelListController?
 
     var body: some Scene {
         WindowGroup {
@@ -26,17 +28,31 @@ struct DemoAppSwiftUIApp: App {
                 if notificationsHandler.notificationChannelId != nil {
                     ChatChannelListView(
                         viewFactory: DemoAppFactory.shared,
+                        channelListController: channelListController,
                         selectedChannelId: notificationsHandler.notificationChannelId
                     )
                 } else {
                     ChatChannelListView(
-                        viewFactory: DemoAppFactory.shared
+                        viewFactory: DemoAppFactory.shared,
+                        channelListController: channelListController
                     )
                 }
             }
         }
         .onChange(of: appState.userState) { newValue in
             if newValue == .loggedIn {
+                if let currentUserId = chatClient.currentUserId {
+                    let pinnedByKey = ChatChannel.isPinnedBy(keyForUserId: currentUserId)
+                    let channelListQuery = ChannelListQuery(
+                        filter: .containMembers(userIds: [currentUserId]),
+                        sort: [
+                            .init(key: .custom(keyPath: \.isPinned, key: pinnedByKey), isAscending: true),
+                            .init(key: .lastMessageAt),
+                            .init(key: .updatedAt)
+                        ]
+                    )
+                    channelListController = chatClient.channelListController(query: channelListQuery)
+                }
                 notificationsHandler.setupRemoteNotifications()
             }
         }

DemoAppSwiftUI/DemoUser.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import Foundation

DemoAppSwiftUI/GroupNameView.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChatSwiftUI

DemoAppSwiftUI/LaunchAnimationState.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import SwiftUI

DemoAppSwiftUI/LaunchScreen.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import SwiftUI

DemoAppSwiftUI/Localizable.strings

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 "channel.name.and" = "and";

DemoAppSwiftUI/LoginView.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChatSwiftUI

DemoAppSwiftUI/LoginViewModel.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChat

DemoAppSwiftUI/NewChatView.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChat

DemoAppSwiftUI/NewChatViewModel.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChat

DemoAppSwiftUI/NotificationsHandler.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import StreamChat

DemoAppSwiftUI/PinChannelHelpers.swift

@@ -0,0 +1,182 @@
+//
+// Copyright © 2024 Stream.io Inc. All rights reserved.
+//
+
+import StreamChat
+import StreamChatSwiftUI
+import SwiftUI
+
+extension ChatChannel {
+    static func isPinnedBy(keyForUserId userId: UserId) -> String {
+        "is_pinned_by_\(userId)"
+    }
+
+    var isPinned: Bool {
+        guard let userId = membership?.id else { return false }
+        let key = Self.isPinnedBy(keyForUserId: userId)
+        return extraData[key]?.boolValue ?? false
+    }
+}
+
+struct DemoAppChatChannelListItem: View {
+
+    @Injected(\.fonts) private var fonts
+    @Injected(\.colors) private var colors
+    @Injected(\.utils) private var utils
+    @Injected(\.images) private var images
+    @Injected(\.chatClient) private var chatClient
+
+    var channel: ChatChannel
+    var channelName: String
+    var injectedChannelInfo: InjectedChannelInfo?
+    var avatar: UIImage
+    var onlineIndicatorShown: Bool
+    var disabled = false
+    var onItemTap: (ChatChannel) -> Void
+
+    public var body: some View {
+        Button {
+            onItemTap(channel)
+        } label: {
+            HStack {
+                ChannelAvatarView(
+                    avatar: avatar,
+                    showOnlineIndicator: onlineIndicatorShown
+                )
+
+                VStack(alignment: .leading, spacing: 4) {
+                    HStack {
+                        ChatTitleView(name: channelName)
+
+                        Spacer()
+
+                        if injectedChannelInfo == nil && channel.unreadCount != .noUnread {
+                            UnreadIndicatorView(
+                                unreadCount: channel.unreadCount.messages
+                            )
+                        }
+                    }
+
+                    HStack {
+                        subtitleView
+
+                        Spacer()
+
+                        HStack(spacing: 4) {
+                            if shouldShowReadEvents {
+                                MessageReadIndicatorView(
+                                    readUsers: channel.readUsers(
+                                        currentUserId: chatClient.currentUserId,
+                                        message: channel.latestMessages.first
+                                    ),
+                                    showReadCount: false
+                                )
+                            }
+                            SubtitleText(text: injectedChannelInfo?.timestamp ?? channel.timestampText)
+                                .accessibilityIdentifier("timestampView")
+                        }
+                    }
+                }
+            }
+            .padding(.all, 8)
+        }
+        .foregroundColor(.black)
+        .disabled(disabled)
+        .background(channel.isPinned ? Color(colors.pinnedBackground) : .clear)
+        .id("\(channel.id)-\(channel.isPinned ? "pinned" : "not-pinned")-base")
+    }
+
+    private var subtitleView: some View {
+        HStack(spacing: 4) {
+            if let image = image {
+                Image(uiImage: image)
+                    .customizable()
+                    .frame(maxHeight: 12)
+                    .foregroundColor(Color(colors.subtitleText))
+            } else {
+                if channel.shouldShowTypingIndicator {
+                    TypingIndicatorView()
+                }
+            }
+            SubtitleText(text: injectedChannelInfo?.subtitle ?? channel.subtitleText)
+            Spacer()
+        }
+        .accessibilityIdentifier("subtitleView")
+    }
+
+    private var shouldShowReadEvents: Bool {
+        if let message = channel.latestMessages.first,
+           message.isSentByCurrentUser,
+           !message.isDeleted {
+            return channel.config.readEventsEnabled
+        }
+
+        return false
+    }
+
+    private var image: UIImage? {
+        if channel.isMuted {
+            return images.muted
+        }
+        return nil
+    }
+}
+
+struct DemoAppChatChannelNavigatableListItem<ChannelDestination: View>: View {
+    private var channel: ChatChannel
+    private var channelName: String
+    private var avatar: UIImage
+    private var disabled: Bool
+    private var onlineIndicatorShown: Bool
+    @Binding private var selectedChannel: ChannelSelectionInfo?
+    private var channelDestination: (ChannelSelectionInfo) -> ChannelDestination
+    private var onItemTap: (ChatChannel) -> Void
+
+    init(
+        channel: ChatChannel,
+        channelName: String,
+        avatar: UIImage,
+        onlineIndicatorShown: Bool,
+        disabled: Bool = false,
+        selectedChannel: Binding<ChannelSelectionInfo?>,
+        channelDestination: @escaping (ChannelSelectionInfo) -> ChannelDestination,
+        onItemTap: @escaping (ChatChannel) -> Void
+    ) {
+        self.channel = channel
+        self.channelName = channelName
+        self.channelDestination = channelDestination
+        self.onItemTap = onItemTap
+        self.avatar = avatar
+        self.onlineIndicatorShown = onlineIndicatorShown
+        self.disabled = disabled
+        _selectedChannel = selectedChannel
+    }
+
+    public var body: some View {
+        ZStack {
+            DemoAppChatChannelListItem(
+                channel: channel,
+                channelName: channelName,
+                injectedChannelInfo: injectedChannelInfo,
+                avatar: avatar,
+                onlineIndicatorShown: onlineIndicatorShown,
+                disabled: disabled,
+                onItemTap: onItemTap
+            )
+
+            NavigationLink(
+                tag: channel.channelSelectionInfo,
+                selection: $selectedChannel
+            ) {
+                LazyView(channelDestination(channel.channelSelectionInfo))
+            } label: {
+                EmptyView()
+            }
+        }
+        .id("\(channel.id)-\(channel.isPinned ? "pinned" : "not-pinned")-base")
+    }
+
+    private var injectedChannelInfo: InjectedChannelInfo? {
+        selectedChannel?.channel.cid.rawValue == channel.cid.rawValue ? selectedChannel?.injectedChannelInfo : nil
+    }
+}

DemoAppSwiftUI/SceneDelegate.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import UIKit

DemoAppSwiftUI/UserRepository.swift

@@ -1,5 +1,5 @@
 //
-// Copyright © 2023 Stream.io Inc. All rights reserved.
+// Copyright © 2024 Stream.io Inc. All rights reserved.
 //
 
 import Foundation