🔨 Refactor code 📝 Update README.md and CHANGELOG.md.

Author: dhvanit-v-simformsolutions

CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.1.0]
+
+* **Feat**: [37](https://github.com/SimformSolutionsPvtLtd/flutter_chatview/issues/37) Ability to 
+  enable or disable specific features.
+* **Feat**: [34](https://github.com/SimformSolutionsPvtLtd/flutter_chatview/issues/34) Ability to
+  add voice message.
+* **Breaking**: Remove `onEmojiTap` from `ReactionPopupConfiguration`, it can be handled internally.
+* **Breaking**: Remove `horizontalDragToShowMessageTime` from `ChatBackgroundConfiguration` and 
+  add `enableSwipeToSeeTime` parameter with same feature in `FeatureActiveConfig`.
+* **Breaking**: Remove `showReceiverProfileCircle` and add `enableOtherUserProfileAvatar` parameter
+  with same feature in `FeatureActiveConfig`.
+
 ## [1.0.1]
 
 * **Fix**: [32](https://github.com/SimformSolutionsPvtLtd/flutter_chatview/issues/32) Fix issue of 

README.md

@@ -72,6 +72,7 @@ void onSendTap(String message, ReplyMessage replyMessage){
     message: "How are you",
     createdAt: DateTime.now(),
     sendBy: currentUser.id,
+    replyMessage: replyMessage,
   );
   chatController.addMessage(message);
 }
@@ -86,11 +87,28 @@ void onSendTap(String message, ReplyMessage replyMessage){
     createdAt: DateTime.now(),
     sendBy: currentUser.id,
     messageType: MessageType.image,
+    replyMessage: replyMessage,
   );
   chatController.addMessage(message);
 }
 ```
 
+7. Sending voice message.
+```dart
+void onRecordingComplete(String audioPath, ReplyMessage replyMessage){
+  final message = Message(
+    id: '3',
+    message: audioPath,    
+    createdAt: DateTime.now(),
+    sendBy: currentUser.id,
+    messageType: MessageType.voice,
+    replyMessage: replyMessage,
+  );
+  chatController.addMessage(message);
+}
+```
+Note: This function needs to pass in `onRecordingComplete` parameter in `ChatView` class.
+
 ## Platform specific configuration for image picker
 
 ### iOS
@@ -103,9 +121,22 @@ Add the following keys to your _Info.plist_ file, located in `<project root>/ios
 
 ## Some more optional parameters
 
-1. Adding an appbar with `ChatViewAppBar`.
+1. Enable and disable specific features with `FeatureActiveConfig`.
 ```dart
 ChatView(
+  ...
+  featureActiveConfig: FeatureActiveConfig(
+    enableSwipeToReply: true,
+    enableSwipeToSeeTime: false,
+  ),
+  ...
+)
+```
+
+2. Adding an appbar with `ChatViewAppBar`.
+```dart
+ChatView(
+  ...
   appBar: ChatViewAppBar(
     profilePicture: profileImage,
     chatTitle: "Simform",
@@ -114,10 +145,11 @@ ChatView(
       Icon(Icons.more_vert),
     ],
   ),
+  ...
 )
 ```
 
-2. Adding a message list configuration with `ChatBackgroundConfiguration` class.
+3. Adding a message list configuration with `ChatBackgroundConfiguration` class.
 ```dart
 ChatView(
   ...
@@ -129,7 +161,7 @@ ChatView(
 )
 ```
 
-3. Adding a send message configuration with `SendMessageConfiguration` class.
+4. Adding a send message configuration with `SendMessageConfiguration` class.
 ```dart
 ChatView(
   ...
@@ -138,23 +170,11 @@ ChatView(
     replyDialogColor:Colors.blue,
     replyTitleColor: Colors.black,
     closeIconColor: Colors.black,
-    horizontalDragToShowMessageTime: true, // to show message created time
   ),
   ...
 )
 ```
 
-4. Adding a receiver's profile image.
-```dart
-ChatView(
-  ...
-  showReceiverProfileCircle: true,
-  profileCircleConfig: ProfileCircleConfiguration(profileImageUrl: profileImage),
-  /// Add profileImage url of recevier
-  ...
-)
-``` 
-
 5. Adding a chat bubble configuration with `ChatBubbleConfiguration` class.
 ```dart
 ChatView(
@@ -227,9 +247,11 @@ ChatView(
   ...
   reactionPopupConfig: ReactionPopupConfiguration(
     backgroundColor: Colors.white,
-    onEmojiTap: (emoji, messageId){
-      chatController.setReaction(emoji,messageId);
-    },
+    padding: EdgeInsets.all(12),
+    shadow: BoxShadow(
+      color: Colors.black54,
+      blurRadius: 20,
+    ),
   ),
   ...
 )
@@ -314,7 +336,9 @@ ChatView(
 ChatView(
   ...
   isLastPage: false,
-  enablePagination: true,
+  featureActiveConfig: FeatureActiveConfig(
+    enablePagination: true,
+  ),
   loadMoreData: chatController.loadMoreData,
   ...
 )
@@ -363,6 +387,19 @@ ChatView(
     ...
 )
 ```
+
+17. Setting auto scroll and highlight config with `RepliedMsgAutoScrollConfig` class.
+```dart
+ChatView(
+    ...
+    repliedMsgAutoScrollConfig: RepliedMsgAutoScrollConfig(
+      enableHighlightRepliedMsg: true,
+      highlightColor: Colors.grey,
+      highlightScale: 1.1,
+    )
+    ...
+)
+```
 ## How to use
 
 Check out the **example** app in the [example](https://github.com/SimformSolutionsPvtLtd/flutter_chatview/tree/main/example) directory or the 'Example' tab on pub.dartlang.org for a more complete example.

example/lib/data.dart

@@ -33,7 +33,7 @@ class Data {
       message: "That's fine",
       createdAt: DateTime.now(),
       sendBy: '2',
-      reaction: Reaction(reactions: ['❤️'], reactedUserIds: ['1']),
+      reaction: Reaction(reactions: ['\u{2764}'], reactedUserIds: ['1']),
     ),
     Message(
       id: '6',
@@ -53,7 +53,7 @@ class Data {
       createdAt: DateTime.now(),
       sendBy: '2',
       reaction: Reaction(
-        reactions: ['❤️', '👍', '👍'],
+        reactions: ['\u{2764}', '\u{1F44D}', '\u{1F44D}'],
         reactedUserIds: ['2', '3', '4'],
       ),
       replyMessage: const ReplyMessage(
@@ -70,9 +70,9 @@ class Data {
       sendBy: '1',
       reaction: Reaction(
         reactions: [
-          '❤️',
-          '❤️',
-          '❤️',
+          '\u{2764}',
+          '\u{2764}',
+          '\u{2764}',
         ],
         reactedUserIds: ['2', '3', '4'],
       ),
@@ -83,7 +83,7 @@ class Data {
       createdAt: DateTime.now(),
       sendBy: '1',
       reaction: Reaction(
-        reactions: ['❤️', '❤️', '❤️', '❤️'],
+        reactions: ['\u{2764}', '\u{2764}', '\u{2764}', '\u{2764}'],
         reactedUserIds: ['2', '4', '3', '1'],
       ),
     ),
@@ -93,7 +93,7 @@ class Data {
       createdAt: DateTime.now(),
       messageType: MessageType.image,
       sendBy: '1',
-      reaction: Reaction(reactions: ['❤️'], reactedUserIds: ['2']),
+      reaction: Reaction(reactions: ['\u{2764}'], reactedUserIds: ['2']),
     ),
     Message(
       id: '12',

example/lib/main.dart

@@ -124,29 +124,30 @@ class _ChatScreenState extends State<ChatScreen> {
           backgroundColor: theme.backgroundColor,
         ),
         sendMessageConfig: SendMessageConfiguration(
-            imagePickerIconsConfig: ImagePickerIconsConfiguration(
-              cameraIconColor: theme.cameraIconColor,
-              galleryIconColor: theme.galleryIconColor,
-            ),
-            replyMessageColor: theme.replyMessageColor,
-            defaultSendButtonColor: theme.sendButtonColor,
-            replyDialogColor: theme.replyDialogColor,
-            replyTitleColor: theme.replyTitleColor,
-            textFieldBackgroundColor: theme.textFieldBackgroundColor,
-            closeIconColor: theme.closeIconColor,
-            textFieldConfig: TextFieldConfiguration(
-              textStyle: TextStyle(color: theme.textFieldTextColor),
+          imagePickerIconsConfig: ImagePickerIconsConfiguration(
+            cameraIconColor: theme.cameraIconColor,
+            galleryIconColor: theme.galleryIconColor,
+          ),
+          replyMessageColor: theme.replyMessageColor,
+          defaultSendButtonColor: theme.sendButtonColor,
+          replyDialogColor: theme.replyDialogColor,
+          replyTitleColor: theme.replyTitleColor,
+          textFieldBackgroundColor: theme.textFieldBackgroundColor,
+          closeIconColor: theme.closeIconColor,
+          textFieldConfig: TextFieldConfiguration(
+            textStyle: TextStyle(color: theme.textFieldTextColor),
+          ),
+          micIconColor: theme.replyMicIconColor,
+          voiceRecordingConfiguration: VoiceRecordingConfiguration(
+            backgroundColor: theme.waveformBackgroundColor,
+            recorderIconColor: theme.recordIconColor,
+            waveStyle: WaveStyle(
+              showMiddleLine: false,
+              waveColor: theme.waveColor ?? Colors.white,
+              extendWaveform: true,
             ),
-            micIconColor: theme.replyMicIconColor,
-            voiceRecordingConfiguration: VoiceRecordingConfiguration(
-              backgroundColor: theme.waveformBackgroundColor,
-              recorderIconColor: theme.recordIconColor,
-              waveStyle: WaveStyle(
-                showMiddleLine: false,
-                waveColor: theme.waveColor ?? Colors.white,
-                extendWaveform: true,
-              ),
-            )),
+          ),
+        ),
         chatBubbleConfig: ChatBubbleConfiguration(
           outgoingChatBubbleConfig: ChatBubble(
             linkPreviewConfig: LinkPreviewConfiguration(
@@ -183,11 +184,6 @@ class _ChatScreenState extends State<ChatScreen> {
             blurRadius: 20,
           ),
           backgroundColor: theme.reactionPopupColor,
-          onEmojiTap: (emoji, messageId) => _chatController.setReaction(
-            emoji: emoji,
-            messageId: messageId,
-            userId: currentUser.id,
-          ),
         ),
         messageConfig: MessageConfiguration(
           messageReactionConfig: MessageReactionConfiguration(

lib/src/models/reaction_popup_configuration.dart

@@ -21,8 +21,6 @@
  */
 import 'package:flutter/material.dart';
 
-import '../values/typedefs.dart';
-
 class ReactionPopupConfiguration {
   final Color? backgroundColor;
   final BoxShadow? shadow;
@@ -32,7 +30,6 @@ class ReactionPopupConfiguration {
   final EdgeInsetsGeometry? padding;
   final EmojiConfiguration? emojiConfig;
   final bool showGlassMorphismEffect;
-  final StringsCallBack? onEmojiTap;
   final GlassMorphismConfiguration? glassMorphismConfig;
 
   ReactionPopupConfiguration({
@@ -43,7 +40,6 @@ class ReactionPopupConfiguration {
     this.maxWidth,
     this.margin,
     this.padding,
-    this.onEmojiTap,
     this.emojiConfig,
     this.glassMorphismConfig,
   });

lib/src/widgets/chat_bubble_widget.dart

@@ -38,7 +38,6 @@ class ChatBubbleWidget extends StatefulWidget {
     required this.showReceiverProfileCircle,
     required this.slideAnimation,
     required this.onSwipe,
-    required this.currentUser,
     this.profileCircleConfig,
     this.chatBubbleConfig,
     this.repliedMessageConfig,
@@ -62,7 +61,6 @@ class ChatBubbleWidget extends StatefulWidget {
   final Animation<Offset>? slideAnimation;
   final MessageConfiguration? messageConfig;
   final MessageCallBack onSwipe;
-  final ChatUser currentUser;
   final Function(String)? onReplyTap;
   final bool shouldHighlight;
 
@@ -73,10 +71,11 @@ class ChatBubbleWidget extends StatefulWidget {
 class _ChatBubbleWidgetState extends State<ChatBubbleWidget> {
   String get replyMessage => widget.message.replyMessage.message;
 
-  bool get isMessageBySender => widget.message.sendBy == widget.currentUser.id;
+  bool get isMessageBySender => widget.message.sendBy == currentUser?.id;
 
   FeatureActiveConfig? featureActiveConfig;
   ChatController? chatController;
+  ChatUser? currentUser;
   int? maxDuration;
 
   @override
@@ -85,6 +84,7 @@ class _ChatBubbleWidgetState extends State<ChatBubbleWidget> {
     if (provide != null) {
       featureActiveConfig = provide!.featureActiveConfig;
       chatController = provide!.chatController;
+      currentUser = provide!.currentUser;
     }
   }
 
@@ -193,7 +193,7 @@ class _ChatBubbleWidgetState extends State<ChatBubbleWidget> {
                   ? widget.profileCircleConfig?.bottomPadding ?? 15
                   : widget.profileCircleConfig?.bottomPadding ?? 2,
               profileCirclePadding: widget.profileCircleConfig?.padding,
-              imageUrl: widget.currentUser.profilePhoto,
+              imageUrl: currentUser?.profilePhoto,
               circleRadius: widget.profileCircleConfig?.circleRadius,
             ),
         ],
@@ -224,7 +224,6 @@ class _ChatBubbleWidgetState extends State<ChatBubbleWidget> {
               : ReplyMessageWidget(
                   message: widget.message,
                   repliedMessageConfig: widget.repliedMessageConfig,
-                  currentUser: widget.currentUser,
                   onTap: () => widget.onReplyTap
                       ?.call(widget.message.replyMessage.messageId),
                 ),
@@ -245,11 +244,13 @@ class _ChatBubbleWidgetState extends State<ChatBubbleWidget> {
               widget.chatBubbleConfig?.longPressAnimationDuration,
           onDoubleTap: featureActiveConfig?.enableDoubleTapToLike ?? false
               ? widget.chatBubbleConfig?.onDoubleTap ??
-                  (message) => chatController?.setReaction(
-                        emoji: heart,
-                        messageId: message.id,
-                        userId: widget.currentUser.id,
-                      )
+                  (message) => currentUser != null
+                      ? chatController?.setReaction(
+                          emoji: heart,
+                          messageId: message.id,
+                          userId: currentUser!.id,
+                        )
+                      : null
               : null,
           shouldHighlight: widget.shouldHighlight,
           highlightColor: widget.repliedMessageConfig