TF-105 Integrate HtmlContentViewer into EmailView

lib/features/email/presentation/email_view.dart

@@ -7,12 +7,12 @@ import 'package:flutter_svg/flutter_svg.dart';
 import 'package:get/get.dart';
 import 'package:model/model.dart';
 import 'package:tmail_ui_user/features/email/presentation/email_controller.dart';
+import 'package:tmail_ui_user/features/email/presentation/model/text_format.dart';
 import 'package:tmail_ui_user/features/email/presentation/widgets/app_bar_mail_widget_builder.dart';
 import 'package:tmail_ui_user/features/email/presentation/widgets/attachment_file_tile_builder.dart';
 import 'package:tmail_ui_user/features/email/presentation/widgets/bottom_bar_mail_widget_builder.dart';
 import 'package:tmail_ui_user/features/email/presentation/extensions/email_content_extension.dart';
 import 'package:tmail_ui_user/features/email/presentation/extensions/list_attachment_extension.dart';
-import 'package:tmail_ui_user/features/email/presentation/widgets/message_content_tile_builder.dart';
 import 'package:tmail_ui_user/features/email/presentation/widgets/sender_and_receiver_information_tile_builder.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 import 'package:filesize/filesize.dart';
@@ -121,7 +121,7 @@ class EmailView extends GetView {
       (failure) => SizedBox.shrink(),
       (success) => success is LoadingState
         ? Center(child: Padding(
-            padding: EdgeInsets.only(top: 25, bottom: 16),
+            padding: EdgeInsets.only(top: 16, bottom: 16),
             child: SizedBox(
               width: 30,
               height: 30,
@@ -131,7 +131,7 @@ class EmailView extends GetView {
 
   Widget _buildEmailMessage(BuildContext context) {
     return Container(
-      padding: EdgeInsets.only(left: 12, right: 12, top: 16, bottom: 24),
+      padding: EdgeInsets.only(left: 12, right: 12, top: 16, bottom: 16),
       alignment: Alignment.center,
       decoration: BoxDecoration(
         borderRadius: BorderRadius.circular(12),
@@ -281,25 +281,19 @@ class EmailView extends GetView {
 
   Widget _buildListMessageContent() {
     return Obx(() {
-      if (emailController.emailContent.value != null) {
+      final messageContents = emailController.emailContent.value?.getListMessageContent();
-        final messageContents = emailController.emailContent.value!.getListMessageContent();
+
-        final attachmentsInline = emailController.emailContent.value!.getListAttachmentInline();
+      if (messageContents != null && messageContents.isNotEmpty) {
-        return messageContents.isNotEmpty
+        return messageContents.first.textFormat == TextFormat.PLAIN
-          ? ListView.builder(
+          ? Padding(
-              primary: false,
-              shrinkWrap: true,
               padding: EdgeInsets.only(top: 16),
-              key: Key('list_message_content'),
+              child: Text(
-              itemCount: messageContents.length,
+                '${messageContents.first.content}',
-              itemBuilder: (context, index) =>
+                style: TextStyle(fontSize: 12,
-                  MessageContentTileBuilder(
+                color: AppColor.mailboxTextColor)))
-                      htmlMessagePurifier: htmlMessagePurifier,
+          : HtmlContentViewer(
-                      messageContent: messageContents[index],
+              message: messageContents.first.content,
-                      attachmentInlines: attachmentsInline,
+            );
-                      session: emailController.mailboxDashBoardController.sessionCurrent,
-                      accountId: emailController.mailboxDashBoardController.accountId.value)
-                .build())
-          : SizedBox.shrink();
       } else {
         return SizedBox.shrink();
       }

lib/features/email/presentation/widgets/message_content_tile_builder.dart

@@ -1,63 +0,0 @@
-
-import 'package:core/core.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter/widgets.dart';
-import 'package:flutter_widget_from_html/flutter_widget_from_html.dart';
-import 'package:jmap_dart_client/jmap/account_id.dart';
-import 'package:jmap_dart_client/jmap/core/session/session.dart';
-import 'package:model/model.dart';
-import 'package:tmail_ui_user/features/email/presentation/model/message_content.dart';
-import 'package:tmail_ui_user/features/email/presentation/model/text_format.dart';
-
-class MessageContentTileBuilder {
-
-  final MessageContent messageContent;
-  final List<Attachment> attachmentInlines;
-  final Session? session;
-  final AccountId? accountId;
-  final HtmlMessagePurifier htmlMessagePurifier;
-
-  MessageContentTileBuilder({
-    required this.htmlMessagePurifier,
-    required this.messageContent,
-    required this.attachmentInlines,
-    required this.session,
-    required this.accountId,
-  });
-
-  Widget build() {
-    return Theme(
-      data: ThemeData(
-        splashColor: Colors.transparent,
-        highlightColor: Colors.transparent),
-      child: MediaQuery(
-        data: MediaQueryData(padding: EdgeInsets.zero),
-        child: Center(
-          child: messageContent.textFormat == TextFormat.PLAIN
-            ? Text('${messageContent.content}', style: TextStyle(fontSize: 12, color: AppColor.mailboxTextColor))
-            : HtmlWidget(
-                getHtmlMessageText(),
-                textStyle: TextStyle(fontSize: 12, color: AppColor.mailboxTextColor),
-                buildAsync: true,
-                buildAsyncBuilder: (_, snapshot) => snapshot.data ?? SizedBox(
-                  height: 30,
-                  width: 30,
-                  child: CircularProgressIndicator(color: AppColor.primaryColor)),
-                webViewJs: false),
-        )
-      )
-    );
-  }
-
-  String getHtmlMessageText() {
-    final message = (attachmentInlines.isNotEmpty && session != null && accountId != null && messageContent.hasImageInlineWithCid())
-      ? '${messageContent.getContentHasInlineAttachment(session!.getDownloadUrl(), accountId!, attachmentInlines)}'
-      : '${messageContent.content}';
-
-    final trustAsHtml = htmlMessagePurifier.purifyHtmlMessage(
-        message,
-        allowAttributes: {'style', 'input', 'form'});
-
-    return trustAsHtml;
-  }
-}