feat: 🌟 handle prev and next message

Author: jonasbadstuebner

lib/src/models/chat_bubble_configuration.dart

@@ -35,6 +35,12 @@ class ChatBubbleConfiguration {
   /// Used for giving maximum width of chat bubble.
   final double? maxWidth;
 
+  /// Used for insetting the messages from the bottom according to text field height.
+  final double? additionalBottomInsetIfMessageIsLast;
+
+  /// Used for insetting the messages from the bottom more if the user is about to reply to another message.
+  final double? additionalBottomInsetIfReplyHeaderIsThere;
+
   /// Provides callback when user long press on chat bubble.
   final Duration? longPressAnimationDuration;
 
@@ -53,6 +59,8 @@ class ChatBubbleConfiguration {
     this.padding,
     this.margin,
     this.maxWidth,
+    this.additionalBottomInsetIfMessageIsLast,
+    this.additionalBottomInsetIfReplyHeaderIsThere,
     this.longPressAnimationDuration,
     this.inComingChatBubbleConfig,
     this.outgoingChatBubbleConfig,

lib/src/widgets/chat_bubble_widget.dart

@@ -38,6 +38,8 @@ class ChatBubbleWidget extends StatefulWidget {
     required this.onLongPress,
     required this.slideValue,
     required this.onInitReplyToMessage,
+    this.previousMessage,
+    this.nextMessage,
     this.profileCircleConfig,
     this.chatBubbleConfig,
     this.repliedMessageConfig,
@@ -52,6 +54,12 @@ class ChatBubbleWidget extends StatefulWidget {
   /// Represent current instance of message.
   final Message message;
 
+  /// Represent message sent before that one.
+  final Message? previousMessage;
+
+  /// Represent message sent after that one.
+  final Message? nextMessage;
+
   /// Give callback once user long press on chat bubble.
   final DoubleCallBack onLongPress;
 
@@ -101,6 +109,12 @@ class _ChatBubbleWidgetState extends State<ChatBubbleWidget> {
 
   bool get isMessageBySender => widget.message.sendBy == currentUser?.id;
 
+  bool get isMessageBySameSenderAsPrevious =>
+      widget.previousMessage?.sendBy == widget.message.sendBy;
+
+  bool get isMessageLastFromSender =>
+      widget.nextMessage?.sendBy == widget.message.sendBy;
+
   bool get isLastMessage =>
       chatController?.initialMessageList.last.id == widget.message.id;
 
@@ -163,14 +177,22 @@ class _ChatBubbleWidgetState extends State<ChatBubbleWidget> {
       padding:
           widget.chatBubbleConfig?.padding ?? const EdgeInsets.only(left: 5.0),
       margin:
-          widget.chatBubbleConfig?.margin ?? const EdgeInsets.only(bottom: 10),
+          (widget.chatBubbleConfig?.margin ?? const EdgeInsets.only(bottom: 10))
+              .add(
+        isLastMessage
+            ? EdgeInsets.only(
+                bottom: widget.chatBubbleConfig
+                        ?.additionalBottomInsetIfMessageIsLast ??
+                    16)
+            : const EdgeInsets.all(0),
+      ),
       child: Row(
         mainAxisSize: MainAxisSize.min,
         mainAxisAlignment:
             isMessageBySender ? MainAxisAlignment.end : MainAxisAlignment.start,
         crossAxisAlignment: CrossAxisAlignment.end,
         children: [
-          if (!isMessageBySender &&
+          if (!(isMessageBySender || isMessageLastFromSender) &&
               (featureActiveConfig?.enableOtherUserProfileAvatar ?? true))
             ProfileCircle(
               bottomPadding: widget.message.reaction.reactions.isNotEmpty
@@ -188,6 +210,14 @@ class _ChatBubbleWidgetState extends State<ChatBubbleWidget> {
               circleRadius: profileCircleConfig?.circleRadius,
               onTap: () => _onAvatarTap(messagedUser),
               onLongPress: () => _onAvatarLongPress(messagedUser),
+            )
+          else
+            SizedBox(
+              width: profileCircleConfig == null
+                  ? 10
+                  : (profileCircleConfig!.circleRadius * 2 +
+                      (profileCircleConfig?.padding?.collapsedSize.width ??
+                          12)),
             ),
           Expanded(
             child: SwipeToReply(
@@ -295,7 +325,8 @@ class _ChatBubbleWidgetState extends State<ChatBubbleWidget> {
       crossAxisAlignment:
           isMessageBySender ? CrossAxisAlignment.end : CrossAxisAlignment.start,
       children: [
-        if ((chatController?.chatUsers.length ?? 0) > 1 &&
+        if (!isMessageBySameSenderAsPrevious &&
+            (chatController?.chatUsers.length ?? 0) > 1 &&
             !isMessageBySender &&
             (featureActiveConfig?.enableOtherUserName ?? true))
           Padding(