Merge pull request #287 from takenet/feature/778304-reply-scroll

#778304 [Feat] - Scroll to message

lib/src/models/ds_reply_content_in_reply_to.model.dart

@@ -13,7 +13,7 @@ class DSReplyContentInReplyTo {
 
   DSReplyContentInReplyTo.fromJson(Map<String, dynamic> json)
       : id = json['id'],
-        type = json['type'],
-        value = json['value'],
-        direction = json['direction'];
+        type = json['type'] ?? '',
+        value = json['value'] ?? '',
+        direction = json['direction'] ?? '';
 }

lib/src/widgets/chat/audio/ds_audio_message_bubble.widget.dart

@@ -16,6 +16,7 @@ class DSAudioMessageBubble extends StatelessWidget {
   final String? uniqueId;
   final bool shouldAuthenticate;
   final DSReplyContent? replyContent;
+  final void Function(String)? onTapReply;
 
   DSAudioMessageBubble({
     super.key,
@@ -26,6 +27,7 @@ class DSAudioMessageBubble extends StatelessWidget {
     this.borderRadius = const [DSBorderRadius.all],
     this.shouldAuthenticate = false,
     final DSMessageBubbleStyle? style,
+    this.onTapReply,
   }) : style = style ?? DSMessageBubbleStyle();
 
   @override
@@ -34,6 +36,7 @@ class DSAudioMessageBubble extends StatelessWidget {
     final isLightBubbleBackground = style.isLightBubbleBackground(align);
 
     return DSMessageBubble(
+      onTapReply: onTapReply,
       borderRadius: borderRadius,
       align: align,
       replyContent: replyContent,

lib/src/widgets/chat/calls/ds_end_calls_message_bubble.widget.dart

@@ -15,6 +15,7 @@ class DSEndCallsMessageBubble extends StatefulWidget {
   final DSCallsMediaMessage callsMediaMessage;
   final Future<String?> Function(String)? onAsyncFetchSession;
   final Map<String, dynamic>? translations;
+  final void Function(String)? onTapReply;
 
   DSEndCallsMessageBubble({
     super.key,
@@ -24,6 +25,7 @@ class DSEndCallsMessageBubble extends StatefulWidget {
     this.borderRadius = const [DSBorderRadius.all],
     DSMessageBubbleStyle? style,
     this.translations,
+    this.onTapReply,
   }) : style = style ?? DSMessageBubbleStyle();
 
   @override
@@ -71,6 +73,7 @@ class _DSEndCallsMessageBubbleState extends State<DSEndCallsMessageBubble> {
   @override
   Widget build(BuildContext context) {
     return DSMessageBubble(
+      onTapReply: widget.onTapReply,
       shouldUseDefaultSize: true,
       padding: const EdgeInsets.symmetric(
         vertical: 12.0,

lib/src/widgets/chat/ds_application_json_message_bubble.widget.dart

@@ -22,6 +22,7 @@ class DSApplicationJsonMessageBubble extends StatelessWidget {
     this.status,
     this.avatarConfig = const DSMessageBubbleAvatarConfig(),
     DSMessageBubbleStyle? style,
+    this.onTapReply,
   })  : style = style ?? DSMessageBubbleStyle(),
         interactive = content['interactive'] ?? {},
         template = content['template'] ?? {};
@@ -35,6 +36,7 @@ class DSApplicationJsonMessageBubble extends StatelessWidget {
   final Map<String, dynamic> content;
   final Map<String, dynamic> interactive;
   final Map<String, dynamic> template;
+  final void Function(String)? onTapReply;
 
   @override
   Widget build(BuildContext context) => switch (content['type']) {

lib/src/widgets/chat/ds_carrousel.widget.dart

@@ -35,6 +35,9 @@ class DSCarrousel extends StatelessWidget {
   /// Card styling to adjust custom colors
   final DSMessageBubbleStyle style;
 
+  /// Callback function to be executed when the reply button is tapped.
+  final void Function(String)? onTapReply;
+
   DSCarrousel({
     super.key,
     required this.align,
@@ -44,7 +47,8 @@ class DSCarrousel extends StatelessWidget {
     this.onOpenLink,
     this.avatarConfig = const DSMessageBubbleAvatarConfig(),
     DSMessageBubbleStyle? style,
-  })  : style = style ?? DSMessageBubbleStyle();
+    this.onTapReply,
+  }) : style = style ?? DSMessageBubbleStyle();
 
   @override
   Widget build(BuildContext context) {
@@ -94,6 +98,7 @@ class DSCarrousel extends StatelessWidget {
               onOpenLink: onOpenLink,
               style: style,
               mediaType: header["value"]["type"],
+              onTapReply: onTapReply,
             ),
           ),
         );

lib/src/widgets/chat/ds_image_message_bubble.widget.dart

@@ -36,6 +36,7 @@ class DSImageMessageBubble extends StatefulWidget {
     this.mediaType,
     this.isUploading = false,
     this.replyContent,
+    this.onTapReply,
   }) : style = style ?? DSMessageBubbleStyle();
 
   final DSAlign align;
@@ -55,6 +56,7 @@ class DSImageMessageBubble extends StatefulWidget {
   final String? mediaType;
   final bool isUploading;
   final DSReplyContent? replyContent;
+  final void Function(String)? onTapReply;
 
   @override
   State<StatefulWidget> createState() => _DSImageMessageBubbleState();
@@ -84,6 +86,7 @@ class _DSImageMessageBubbleState extends State<DSImageMessageBubble>
         : DSColors.neutralLightSnow;
 
     return DSMessageBubble(
+      onTapReply: widget.onTapReply,
       replyContent: widget.replyContent,
       defaultMaxSize: DSUtils.bubbleMinSize,
       shouldUseDefaultSize: true,

lib/src/widgets/chat/ds_location_message_bubble.widget.dart

@@ -28,6 +28,7 @@ class DSLocationMessageBubble extends StatefulWidget {
   final String latitude;
   final String longitude;
   final List<DSBorderRadius> borderRadius;
+  final void Function(String)? onTapReply;
 
   DSLocationMessageBubble({
     super.key,
@@ -38,6 +39,7 @@ class DSLocationMessageBubble extends StatefulWidget {
     this.borderRadius = const [DSBorderRadius.all],
     DSMessageBubbleStyle? style,
     this.title,
+    this.onTapReply,
   }) : style = style ?? DSMessageBubbleStyle();
 
   @override
@@ -72,6 +74,7 @@ class _DSLocationMessageBubbleState extends State<DSLocationMessageBubble> {
   Widget build(BuildContext context) => GestureDetector(
         onTap: _hasValidCoordinates ? _openMapList : null,
         child: DSMessageBubble(
+          onTapReply: widget.onTapReply,
           shouldUseDefaultSize: true,
           defaultMaxSize: DSUtils.bubbleMinSize,
           defaultMinSize: DSUtils.bubbleMinSize,

lib/src/widgets/chat/ds_message_bubble.widget.dart

@@ -20,6 +20,7 @@ class DSMessageBubble extends StatelessWidget {
   final double defaultMinSize;
   final DSMessageBubbleStyle style;
   final bool hasSpacer;
+  final void Function(String)? onTapReply;
 
   const DSMessageBubble({
     super.key,
@@ -36,6 +37,7 @@ class DSMessageBubble extends StatelessWidget {
     this.defaultMinSize = DSUtils.bubbleMinSize,
     required this.style,
     this.hasSpacer = true,
+    this.onTapReply,
   });
 
   @override
@@ -84,6 +86,7 @@ class DSMessageBubble extends StatelessWidget {
                     replyContent: replyContent!,
                     style: style,
                     align: align,
+                    onTap: onTapReply,
                   ),
                 child,
               ],

lib/src/widgets/chat/ds_reply_container.widget.dart

@@ -16,25 +16,30 @@ class DSReplyContainer extends StatelessWidget {
     required this.replyContent,
     required this.align,
     DSMessageBubbleStyle? style,
+    this.onTap,
   }) : style = style ?? DSMessageBubbleStyle();
 
   final DSAlign align;
   final DSReplyContent replyContent;
   final DSMessageBubbleStyle style;
+  final void Function(String)? onTap;
 
   Color get _foregroundColor => style.isLightBubbleBackground(align)
       ? const Color.fromARGB(255, 39, 4, 4)
       : DSColors.surface1;
 
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.all(8.0),
-      child: Column(
-        children: [
-          _buildTitle(),
-          _buildReplyContainer(),
-        ],
+    return GestureDetector(
+      onTap: () => onTap?.call(replyContent.inReplyTo.id),
+      child: Padding(
+        padding: const EdgeInsets.all(8.0),
+        child: Column(
+          children: [
+            _buildTitle(),
+            _buildReplyContainer(),
+          ],
+        ),
       ),
     );
   }

lib/src/widgets/chat/ds_text_message_bubble.widget.dart

@@ -21,6 +21,7 @@ class DSTextMessageBubble extends StatefulWidget {
   final bool showSelect;
   final void Function(String, Map<String, dynamic>)? onSelected;
   final DSMessageBubbleStyle style;
+  final void Function(String)? onTapReply;
 
   DSTextMessageBubble({
     super.key,
@@ -33,7 +34,8 @@ class DSTextMessageBubble extends StatefulWidget {
     this.showSelect = false,
     this.onSelected,
     DSMessageBubbleStyle? style,
-  })  : style = style ?? DSMessageBubbleStyle();
+    this.onTapReply,
+  }) : style = style ?? DSMessageBubbleStyle();
 
   @override
   State<DSTextMessageBubble> createState() => _DSTextMessageBubbleState();
@@ -58,6 +60,7 @@ class _DSTextMessageBubbleState extends State<DSTextMessageBubble> {
   @override
   Widget build(BuildContext context) {
     return DSMessageBubble(
+      onTapReply: widget.onTapReply,
       align: widget.align,
       borderRadius: widget.borderRadius,
       padding: EdgeInsets.zero,

lib/src/widgets/chat/ds_weblink_message_bubble.widget.dart

@@ -33,6 +33,9 @@ class DSWeblinkMessageBubble extends StatelessWidget {
   /// replyContent
   final DSReplyContent? replyContent;
 
+  /// Callback function to be executed when the reply button is tapped.
+  final void Function(String)? onTapReply;
+
   DSWeblinkMessageBubble({
     super.key,
     required this.title,
@@ -42,7 +45,8 @@ class DSWeblinkMessageBubble extends StatelessWidget {
     this.replyContent,
     this.borderRadius = const [DSBorderRadius.all],
     DSMessageBubbleStyle? style,
-  })  : style = style ?? DSMessageBubbleStyle();
+    this.onTapReply,
+  }) : style = style ?? DSMessageBubbleStyle();
 
   @override
   Widget build(BuildContext context) {
@@ -53,6 +57,7 @@ class DSWeblinkMessageBubble extends StatelessWidget {
         : DSColors.neutralLightSnow;
 
     return DSMessageBubble(
+      onTapReply: onTapReply,
       align: align,
       replyContent: replyContent,
       borderRadius: borderRadius,

lib/src/widgets/chat/video/ds_video_message_bubble.widget.dart

@@ -61,6 +61,9 @@ class DSVideoMessageBubble extends StatefulWidget {
   /// Title of the video which will be displayed inside the message bubble.
   final String? title;
 
+  /// Callback function to be executed when the reply button is tapped.
+  final void Function(String)? onTapReply;
+
   /// Card for the purpose of triggering a video to play.
   ///
   /// This widget is intended to display a video card from a url passed in the [url] parameter.
@@ -81,6 +84,7 @@ class DSVideoMessageBubble extends StatefulWidget {
     this.isUploading = false,
     this.replyContent,
     this.title,
+    this.onTapReply,
   }) : style = style ?? DSMessageBubbleStyle();
 
   @override
@@ -137,6 +141,7 @@ class _DSVideoMessageBubbleState extends State<DSVideoMessageBubble>
             : DSColors.neutralDarkCity;
 
     return DSMessageBubble(
+      onTapReply: widget.onTapReply,
       defaultMaxSize: DSUtils.bubbleMinSize,
       shouldUseDefaultSize: true,
       replyContent: widget.replyContent,