Change message composer to use uploadFile capability when showing attachment picker icon (#646)

* Use uploadFile capability in the message composer

* Update CHANGELOG.md

* Fix snapshot tests

Author: nuno-vieira

CHANGELOG.md

@@ -4,6 +4,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 # Upcoming
 
 ### 🔄 Changed
+- Message composer now uses `.uploadFile` capability when showing attachment picker icon [#646](https://github.com/GetStream/stream-chat-swiftui/pull/646)
 
 # [4.66.0](https://github.com/GetStream/stream-chat-swiftui/releases/tag/4.66.0)
 _November 06, 2024_

Sources/StreamChatSwiftUI/ChatChannel/Composer/AttachmentPickerTypeView.swift

@@ -27,6 +27,7 @@ public enum AttachmentPickerType {
 
 /// View for picking the attachment type (media or giphy commands).
 public struct AttachmentPickerTypeView: View {
+    @EnvironmentObject private var composerViewModel: MessageComposerViewModel
     @Injected(\.images) private var images
     @Injected(\.colors) private var colors
 
@@ -49,7 +50,7 @@ public struct AttachmentPickerTypeView: View {
         HStack(spacing: 16) {
             switch pickerTypeState {
             case let .expanded(attachmentPickerType):
-                if channelConfig?.uploadsEnabled == true {
+                if composerViewModel.channelController.channel?.canUploadFile == true {
                     PickerTypeButton(
                         pickerTypeState: $pickerTypeState,
                         pickerType: .media,

Sources/StreamChatSwiftUI/ChatChannel/Composer/MessageComposerView.swift

@@ -68,6 +68,7 @@ public struct MessageComposerView<Factory: ViewFactory>: View, KeyboardReadable
                     state: $viewModel.pickerTypeState,
                     channelConfig: channelConfig
                 )
+                .environmentObject(viewModel)
 
                 factory.makeComposerInputView(
                     text: $viewModel.text,

StreamChatSwiftUITests/Tests/ChatChannel/ChatChannelTestHelpers.swift

@@ -15,7 +15,11 @@ class ChatChannelTestHelpers {
         lastActiveWatchers: [ChatUser] = []
     ) -> ChatChannelController_Mock {
         let config = ChannelConfig(commands: [Command(name: "giphy", description: "", set: "", args: "")])
-        let channel = chatChannel ?? ChatChannel.mockDMChannel(config: config, lastActiveWatchers: lastActiveWatchers)
+        let channel = chatChannel ?? ChatChannel.mockDMChannel(
+            config: config,
+            ownCapabilities: [.uploadFile],
+            lastActiveWatchers: lastActiveWatchers
+        )
         let channelQuery = ChannelQuery(cid: channel.cid)
         let channelListQuery = ChannelListQuery(filter: .containMembers(userIds: [chatClient.currentUserId ?? .unique]))
         let channelController = ChatChannelController_Mock.mock(

StreamChatSwiftUITests/Tests/ChatChannel/MessageComposerView_Tests.swift

@@ -25,7 +25,7 @@ class MessageComposerView_Tests: StreamChatTestCase {
         // Given
         let factory = DefaultViewFactory.shared
         let channelController = ChatChannelTestHelpers.makeChannelController(chatClient: chatClient)
-
+        
         // When
         let view = MessageComposerView(
             viewFactory: factory,
@@ -194,6 +194,40 @@ class MessageComposerView_Tests: StreamChatTestCase {
         assertSnapshot(matching: view, as: .image(perceptualPrecision: precision))
     }
 
+    func test_leadingComposerView_uploadFileCapability() {
+        // Given
+        let factory = DefaultViewFactory.shared
+        let mockChannelController = ChatChannelTestHelpers.makeChannelController(chatClient: chatClient)
+        mockChannelController.channel_mock = .mockDMChannel(ownCapabilities: [.uploadFile])
+        let viewModel = MessageComposerViewModel(channelController: mockChannelController, messageController: nil)
+
+        // When
+        let pickerTypeState: Binding<PickerTypeState> = .constant(.expanded(.none))
+        let view = factory.makeLeadingComposerView(state: pickerTypeState, channelConfig: nil)
+            .environmentObject(viewModel)
+            .frame(width: 36, height: 36)
+
+        // Then
+        assertSnapshot(matching: view, as: .image(perceptualPrecision: precision))
+    }
+
+    func test_leadingComposerView_withoutUploadFileCapability() {
+        // Given
+        let factory = DefaultViewFactory.shared
+        let mockChannelController = ChatChannelTestHelpers.makeChannelController(chatClient: chatClient)
+        mockChannelController.channel_mock = .mockDMChannel(ownCapabilities: [])
+        let viewModel = MessageComposerViewModel(channelController: mockChannelController, messageController: nil)
+
+        // When
+        let pickerTypeState: Binding<PickerTypeState> = .constant(.expanded(.none))
+        let view = factory.makeLeadingComposerView(state: pickerTypeState, channelConfig: nil)
+            .environmentObject(viewModel)
+            .frame(width: 36, height: 36)
+
+        // Then
+        assertSnapshot(matching: view, as: .image(perceptualPrecision: precision))
+    }
+
     func test_composerInputView_inputTextView() {
         // Given
         let view = InputTextView(