added docs for customizing quoted messages

Author: martinmitrevski

Sources/StreamChatSwiftUI/ChatChannel/Composer/MessageComposerView.swift

@@ -145,11 +145,8 @@ public struct ComposerInputView<Factory: ViewFactory>: View {
     public var body: some View {
         VStack {
             if let quotedMessage = quotedMessage.wrappedValue {
-                QuotedMessageViewContainer(
-                    quotedMessage: quotedMessage,
-                    fillAvailableSpace: true,
-                    forceLeftToRight: true,
-                    scrolledId: .constant(nil)
+                factory.makeQuotedMessageComposerView(
+                    quotedMessage: quotedMessage
                 )
             }
 

Sources/StreamChatSwiftUI/DefaultViewFactory.swift

@@ -485,6 +485,17 @@ extension ViewFactory {
     ) -> some View {
         QuotedMessageHeaderView(quotedMessage: quotedMessage)
     }
+    
+    public func makeQuotedMessageComposerView(
+        quotedMessage: ChatMessage
+    ) -> some View {
+        QuotedMessageViewContainer(
+            quotedMessage: quotedMessage,
+            fillAvailableSpace: true,
+            forceLeftToRight: true,
+            scrolledId: .constant(nil)
+        )
+    }
 }
 
 /// Default class conforming to `ViewFactory`, used throughout the SDK.

Sources/StreamChatSwiftUI/ViewFactory.swift

@@ -462,4 +462,11 @@ public protocol ViewFactory: AnyObject {
     func makeQuotedMessageHeaderView(
         quotedMessage: Binding<ChatMessage?>
     ) -> QuotedMessageHeaderViewType
+    
+    associatedtype QuotedMessageComposerViewType: View
+    /// Creates the quoted message shown in a composer view.
+    /// - Parameter quotedMessage: the quoted message shown in the composer input.
+    func makeQuotedMessageComposerView(
+        quotedMessage: ChatMessage
+    ) -> QuotedMessageComposerViewType
 }

docusaurus/docs/iOS/swiftui/components/inline-replies.md

@@ -0,0 +1,47 @@
+---
+title: Message inline replies
+---
+
+## Inline Replies Overview
+
+The SwiftUI SDK has support for inline message replies. These replies are invoked either by swiping left on a message, or via long pressing a message and selecting the "Reply" action. When a message is quoted, it appears in the message composer, as an indication which message the user is replying to.
+
+## Customizing the Quoted Message
+
+When a message appears as quoted in the composer, you can customize two parts. First, there's a header at the top of the composer, which by default has a title and a button to remove the quoted message from the composer. To swap this view with your own implementation, you need to implement the `makeQuotedMessageHeaderView` method in the `ViewFactory`, which passes a binding of the quoted chat message.
+
+```swift
+public func makeQuotedMessageHeaderView(
+        quotedMessage: Binding<ChatMessage?>
+) -> some View {
+    CustomQuotedMessageHeaderView(quotedMessage: quotedMessage)
+}
+```
+
+The second customization that can be done is to swap the preview of the message shown in the composer. The default implementation is able to present several different attachments, such as text, image, video, gifs, links and files. The UI consists of small image and either the message text (if present), or a description for the attachment.
+
+In order to swap this UI, you need to implement the `makeQuotedMessageComposerView` method in the `ViewFactory`. The method passes the quoted message as a parameter.
+
+```swift
+public func makeQuotedMessageComposerView(
+        quotedMessage: ChatMessage
+) -> some View {
+    QuotedMessageViewContainer(
+        quotedMessage: quotedMessage,
+        fillAvailableSpace: true,
+        forceLeftToRight: true,
+        scrolledId: .constant(nil)
+    )
+}
+```
+
+
+Finally, we need to inject the your `CustomFactory` in our view hierarchy.
+
+```swift
+var body: some Scene {
+    WindowGroup {
+        ChatChannelListView(viewFactory: CustomFactory.shared)
+    }
+}
+```

docusaurus/sidebars-ios.json

@@ -64,7 +64,8 @@
             "swiftui/components/attachments",
             "swiftui/components/message-composer",
             "swiftui/components/message-reactions",
-            "swiftui/components/message-threads"
+            "swiftui/components/message-threads",
+            "swiftui/components/inline-replies"
           ]
         }
       ]