progress on slow mode

packages/stream_chat_flutter/example/lib/main.dart

@@ -13,7 +13,7 @@ void main() async {
   /// Create a new instance of [StreamChatClient] passing the apikey obtained
   /// from your project dashboard.
   final client = StreamChatClient(
-    's2dxdhpxd94g',
+    'kv7mcsxr24p8',
     logLevel: Level.INFO,
   )..chatPersistenceClient = chatPersistentClient;
 
@@ -24,15 +24,19 @@ void main() async {
   /// Please see the following for more information:
   /// https://getstream.io/chat/docs/ios_user_setup_and_tokens/
   await client.connectUser(
-    User(id: 'super-band-9'),
-    'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoic3VwZXItYmFuZC05In0.'
-    '0L6lGoeLwkz0aZRUcpZKsvaXtNEDHBcezVTZ0oPq40A',
+    User(id: 'salvatore'),
+    'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoic2FsdmF0b3JlIn0.pgiJz7sIc7iP29BHKFwe3nLm5-OaR_1l2P-SlgiC9a8',
   );
 
-  final channel = client.channel('messaging', id: 'godevs');
+  final channel = client.channel('messaging', id: 'godevs2', extraData: {
+    'members': ['salvatore'],
+  });
 
   await channel.watch();
 
+  await channel.enableSlowMode(cooldownInterval: 20);
+  print('Channel cooldown set to ${channel.cooldown}');
+
   runApp(
     MyApp(
       client: client,

packages/stream_chat_flutter/lib/src/message_input.dart

@@ -291,9 +291,13 @@ class MessageInputState extends State<MessageInput> {
 
   bool get _hasQuotedMessage => widget.quotedMessage != null;
 
+  late DateTime? _cooldownStartedAt;
+  int? _timeOut;
+
   @override
   void initState() {
     super.initState();
+    _startSlowMode();
     _focusNode = widget.focusNode ?? FocusNode();
     _emojiNames =
         Emoji.all().where((it) => it.name != null).map((e) => e.name!);
@@ -324,6 +328,25 @@ class MessageInputState extends State<MessageInput> {
     });
   }
 
+  void _startSlowMode() {
+    if (StreamChannel.of(context).channel.cooldownStartedAt != null) {
+      _cooldownStartedAt = StreamChannel.of(context).channel.cooldownStartedAt;
+      if (DateTime.now().difference(_cooldownStartedAt!).inSeconds <
+          StreamChannel.of(context).channel.cooldown!) {
+        _timeOut = StreamChannel.of(context).channel.cooldown! -
+            DateTime.now().difference(_cooldownStartedAt!).inSeconds;
+        Timer.periodic(const Duration(seconds: 1), (timer) {
+          if (_timeOut == 0) {
+            timer.cancel();
+          } else {
+            print('Time left until cooldown is over: $_timeOut');
+            setState(() => _timeOut = _timeOut! - 1);
+          }
+        });
+      }
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     Widget child = DecoratedBox(
@@ -472,13 +495,44 @@ class MessageInputState extends State<MessageInput> {
       );
 
   Widget _animateSendButton(BuildContext context) {
-    final sendButton = widget.activeSendButton != null
-        ? InkWell(
-            onTap: sendMessage,
-            child: widget.activeSendButton,
-          )
-        : _buildSendButton(context);
-    return AnimatedCrossFade(
+    late Widget sendButton;
+    if (_timeOut != null && _timeOut! > 0) {
+      sendButton = _CountdownButton(
+        count: _timeOut!,
+      );
+    } else if (!_messageIsPresent && _attachments.isEmpty) {
+      sendButton = widget.idleSendButton ?? _buildIdleSendButton(context);
+    } else {
+      sendButton = widget.activeSendButton != null
+          ? InkWell(
+              onTap: sendMessage,
+              child: widget.activeSendButton,
+            )
+          : _buildSendButton(context);
+    }
+
+    /*if (_timeOut == null || _timeOut == 0) {
+      sendButton = widget.activeSendButton != null
+          ? InkWell(
+              onTap: sendMessage,
+              child: widget.activeSendButton,
+            )
+          : _buildSendButton(context);
+    } else {
+      sendButton = _CountdownButton(
+        count: _timeOut!,
+      );
+    }
+
+    if (!_messageIsPresent && _attachments.isEmpty) {
+      sendButton = widget.idleSendButton ?? _buildIdleSendButton(context);
+    }*/
+
+    return AnimatedSwitcher(
+      duration: _streamChatTheme.messageInputTheme.sendAnimationDuration!,
+      child: sendButton,
+    );
+    /*return AnimatedCrossFade(
       crossFadeState: (_messageIsPresent || _attachments.isNotEmpty)
           ? CrossFadeState.showFirst
           : CrossFadeState.showSecond,
@@ -486,7 +540,7 @@ class MessageInputState extends State<MessageInput> {
       secondChild: widget.idleSendButton ?? _buildIdleSendButton(context),
       duration: _streamChatTheme.messageInputTheme.sendAnimationDuration!,
       alignment: Alignment.center,
-    );
+    );*/
   }
 
   Widget _buildExpandActionsButton() {
@@ -2082,6 +2136,7 @@ class MessageInputState extends State<MessageInput> {
       if (resp.message?.type == 'error') {
         _parseExistingMessage(message);
       }
+      _startSlowMode();
       widget.onMessageSent?.call(resp.message);
     } catch (e, stk) {
       if (widget.onError != null) {
@@ -2347,3 +2402,30 @@ class __PickerWidgetState extends State<_PickerWidget> {
         });
   }
 }
+
+class _CountdownButton extends StatelessWidget {
+  const _CountdownButton({
+    Key? key,
+    required this.count,
+  }) : super(key: key);
+
+  final int count;
+
+  @override
+  Widget build(BuildContext context) => Padding(
+        padding: const EdgeInsets.all(8),
+        child: DecoratedBox(
+          decoration: BoxDecoration(
+            color: StreamChatTheme.of(context).colorTheme.disabled,
+            shape: BoxShape.circle,
+          ),
+          child: SizedBox(
+            height: 24,
+            width: 24,
+            child: Center(
+              child: Text('$count'),
+            ),
+          ),
+        ),
+      );
+}

packages/stream_chat_flutter/lib/src/message_list_view.dart

@@ -942,7 +942,7 @@ class _MessageListViewState extends State<MessageListView> {
     final currentUser = StreamChat.of(context).user;
     final members = StreamChannel.of(context).channel.state?.members ?? [];
     final currentUserMember =
-        members.firstWhere((e) => e.user!.id == currentUser!.id);
+        members.firstWhereOrNull((e) => e.user!.id == currentUser!.id);
 
     Widget messageWidget = MessageWidget(
       key: ValueKey<String>('MESSAGE-${message.id}'),
@@ -1049,7 +1049,7 @@ class _MessageListViewState extends State<MessageListView> {
         }
         FocusScope.of(context).unfocus();
       },
-      showPinButton: widget.pinPermissions.contains(currentUserMember.role),
+      showPinButton: widget.pinPermissions.contains(currentUserMember?.role),
     );
 
     if (widget.messageBuilder != null) {