fix(ui): listen to channel capabilities in message input. (#2243)

Co-authored-by: xsahil03x <[email protected]>

Author: xsahil03x

packages/stream_chat_flutter/CHANGELOG.md

@@ -6,6 +6,10 @@
 - Added a new `StreamDraftListView` for displaying draft messages.
 - Added a confirmation dialog for end vote in Polls. [[#2211]](https://github.com/GetStream/stream-chat-flutter/issues/2211)
 
+🐞 Fixed
+
+- [[#2182]](https://github.com/GetStream/stream-chat-flutter/issues/2182) Fixes StreamMessageInput not listening to channel capabilities.
+
 🔄 Changed
 
 - Exported `StreamQuotedMessageWidget` to allow customization of quoted messages using `StreamMessageWidget.quotedMessageBuilder`.

packages/stream_chat_flutter/lib/src/bottom_sheets/edit_message_sheet.dart

@@ -113,6 +113,7 @@ class _EditMessageSheetState extends State<EditMessageSheet> {
                 widget.editMessageInputBuilder!(context, widget.message)
               else
                 StreamMessageInput(
+                  elevation: 0,
                   messageInputController: controller,
                   // Disallow editing poll for now as it's not supported.
                   allowedAttachmentPickerTypes: [

packages/stream_chat_flutter/lib/src/message_input/dm_checkbox.dart

@@ -4,6 +4,7 @@ import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 /// {@template dmCheckbox}
 /// Prompts the user to send a reply to a message thread as a DM.
 /// {@endtemplate}
+@Deprecated("Use 'DmCheckboxListTile' instead.")
 class DmCheckbox extends StatelessWidget {
   /// {@macro dmCheckbox}
   const DmCheckbox({

packages/stream_chat_flutter/lib/src/message_input/dm_checkbox_list_tile.dart

@@ -0,0 +1,81 @@
+import 'package:flutter/material.dart';
+import 'package:stream_chat_flutter/src/theme/stream_chat_theme.dart';
+import 'package:stream_chat_flutter/src/utils/extensions.dart';
+
+/// {@template dmCheckboxListTile}
+/// A widget that represents a checkbox list tile for direct message input.
+/// {@endtemplate}
+class DmCheckboxListTile extends StatelessWidget {
+  /// {@macro dmCheckboxListTile}
+  const DmCheckboxListTile({
+    super.key,
+    required this.value,
+    this.onChanged,
+    this.contentPadding,
+  });
+
+  /// The current value of the checkbox.
+  final bool value;
+
+  /// The callback to perform when the checkbox value is changed.
+  final ValueChanged<bool>? onChanged;
+
+  /// The padding around the checkbox list tile.
+  final EdgeInsetsGeometry? contentPadding;
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = StreamChatTheme.of(context);
+    final textTheme = theme.textTheme;
+    final colorTheme = theme.colorTheme;
+
+    const visualDensity = VisualDensity(
+      vertical: VisualDensity.minimumDensity,
+      horizontal: VisualDensity.minimumDensity,
+    );
+
+    final checkbox = ExcludeFocus(
+      child: CheckboxTheme(
+        data: CheckboxThemeData(
+          overlayColor: WidgetStatePropertyAll(
+            colorTheme.accentPrimary.withAlpha(kRadialReactionAlpha),
+          ),
+        ),
+        child: Checkbox(
+          value: value,
+          visualDensity: visualDensity,
+          activeColor: colorTheme.accentPrimary,
+          materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
+          side: BorderSide(width: 2, color: colorTheme.textLowEmphasis),
+          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(3)),
+          onChanged: switch (onChanged) {
+            final onChanged? => (value) {
+                if (value == null) return;
+                return onChanged.call(value);
+              },
+            _ => null,
+          },
+        ),
+      ),
+    );
+
+    return MergeSemantics(
+      child: ListTile(
+        dense: true,
+        leading: checkbox,
+        horizontalTitleGap: 16,
+        visualDensity: visualDensity,
+        enabled: onChanged != null,
+        onTap: () => onChanged?.call(!value),
+        contentPadding: contentPadding,
+        title: Text(
+          context.translations.alsoSendAsDirectMessageLabel,
+          style: textTheme.footnote.copyWith(
+            // ignore: deprecated_member_use
+            color: colorTheme.textHighEmphasis.withOpacity(0.5),
+          ),
+        ),
+      ),
+    );
+  }
+}

packages/stream_chat_flutter/lib/src/message_input/quoting_message_top_area.dart

@@ -30,7 +30,7 @@ class QuotingMessageTopArea extends StatelessWidget {
     final _streamChatTheme = StreamChatTheme.of(context);
     if (hasQuotedMessage) {
       return Padding(
-        padding: const EdgeInsets.fromLTRB(12, 8, 12, 0),
+        padding: const EdgeInsets.symmetric(horizontal: 4),
         child: Row(
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: [