TF-3416 Handle preview EML attachment on mobile

lib/features/email/data/datasource/email_datasource.dart

@@ -192,13 +192,13 @@ abstract class EmailDataSource {
 
   Future<String> generatePreviewEmailEMLContent(PreviewEmailEMLRequest previewEmailEMLRequest);
 
-  Future<void> sharePreviewEmailEMLContent(String keyStored, EMLPreviewer emlPreviewer);
+  Future<void> sharePreviewEmailEMLContent(EMLPreviewer emlPreviewer);
 
   Future<EMLPreviewer> getPreviewEmailEMLContentShared(String keyStored);
 
   Future<void> removePreviewEmailEMLContentShared(String keyStored);
 
-  Future<void> storePreviewEMLContentToSessionStorage(String keyStored, EMLPreviewer emlPreviewer);
+  Future<void> storePreviewEMLContentToSessionStorage(EMLPreviewer emlPreviewer);
 
   Future<EMLPreviewer> getPreviewEMLContentInMemory(String keyStored);
 }

lib/features/email/data/datasource_impl/email_datasource_impl.dart

@@ -452,7 +452,7 @@ class EmailDataSourceImpl extends EmailDataSource {
           final iconBase64Data = await _fileUtils.convertImageAssetToBase64(
             attachment.getIcon(_imagePaths));
 
-          final link = attachment.isEMLFile
+          final link = attachment.isEMLFile && PlatformInfo.isWeb
             ? RouteUtils.createUrlWebLocationBar(
                 AppRoutes.emailEMLPreviewer,
                 previewId: attachment.blobId?.value,
@@ -526,7 +526,7 @@ class EmailDataSourceImpl extends EmailDataSource {
   }
 
   @override
-  Future<void> sharePreviewEmailEMLContent(String keyStored, EMLPreviewer emlPreviewer) {
+  Future<void> sharePreviewEmailEMLContent(EMLPreviewer emlPreviewer) {
     throw UnimplementedError();
   }
 
@@ -536,7 +536,7 @@ class EmailDataSourceImpl extends EmailDataSource {
   }
 
   @override
-  Future<void> storePreviewEMLContentToSessionStorage(String keyStored, EMLPreviewer emlPreviewer) {
+  Future<void> storePreviewEMLContentToSessionStorage(EMLPreviewer emlPreviewer) {
     throw UnimplementedError();
   }
 

lib/features/email/data/datasource_impl/email_hive_cache_datasource_impl.dart

@@ -540,7 +540,7 @@ class EmailHiveCacheDataSourceImpl extends EmailDataSource {
   }
 
   @override
-  Future<void> sharePreviewEmailEMLContent(String keyStored, EMLPreviewer emlPreviewer) {
+  Future<void> sharePreviewEmailEMLContent(EMLPreviewer emlPreviewer) {
     throw UnimplementedError();
   }
 
@@ -555,7 +555,7 @@ class EmailHiveCacheDataSourceImpl extends EmailDataSource {
   }
 
   @override
-  Future<void> storePreviewEMLContentToSessionStorage(String keyStored, EMLPreviewer emlPreviewer) {
+  Future<void> storePreviewEMLContentToSessionStorage(EMLPreviewer emlPreviewer) {
     throw UnimplementedError();
   }
 

lib/features/email/data/datasource_impl/email_local_storage_datasource_impl.dart

@@ -166,9 +166,12 @@ class EmailLocalStorageDataSourceImpl extends EmailDataSource {
   }
 
   @override
-  Future<void> sharePreviewEmailEMLContent(String keyStored, EMLPreviewer emlPreviewer) {
+  Future<void> sharePreviewEmailEMLContent(EMLPreviewer emlPreviewer) {
     return Future.sync(() async {
-      return _localStorageManager.save(keyStored, jsonEncode(emlPreviewer.toJson()));
+      return _localStorageManager.save(
+        emlPreviewer.id,
+        jsonEncode(emlPreviewer.toJson()),
+      );
     }).catchError(_exceptionThrower.throwException);
   }
 
@@ -226,7 +229,7 @@ class EmailLocalStorageDataSourceImpl extends EmailDataSource {
   }
 
   @override
-  Future<void> storePreviewEMLContentToSessionStorage(String keyStored, EMLPreviewer emlPreviewer) {
+  Future<void> storePreviewEMLContentToSessionStorage(EMLPreviewer emlPreviewer) {
     throw UnimplementedError();
   }
 

lib/features/email/data/datasource_impl/email_session_storage_datasource_impl.dart

@@ -166,7 +166,7 @@ class EmailSessionStorageDatasourceImpl extends EmailDataSource {
   }
 
   @override
-  Future<void> sharePreviewEmailEMLContent(String keyStored, EMLPreviewer emlPreviewer) {
+  Future<void> sharePreviewEmailEMLContent(EMLPreviewer emlPreviewer) {
     throw UnimplementedError();
   }
 
@@ -221,9 +221,12 @@ class EmailSessionStorageDatasourceImpl extends EmailDataSource {
   }
 
   @override
-  Future<void> storePreviewEMLContentToSessionStorage(String keyStored, EMLPreviewer emlPreviewer) {
+  Future<void> storePreviewEMLContentToSessionStorage(EMLPreviewer emlPreviewer) {
     return Future.sync(() async {
-      return _sessionStorageManager.save(keyStored, jsonEncode(emlPreviewer.toJson()));
+      return _sessionStorageManager.save(
+        emlPreviewer.id,
+        jsonEncode(emlPreviewer.toJson()),
+      );
     }).catchError(_exceptionThrower.throwException);
   }
 

lib/features/email/data/repository/email_repository_impl.dart

@@ -497,8 +497,8 @@ class EmailRepositoryImpl extends EmailRepository {
   }
 
   @override
-  Future<void> sharePreviewEmailEMLContent(String keyStored, EMLPreviewer emlPreviewer) {
+  Future<void> sharePreviewEmailEMLContent(EMLPreviewer emlPreviewer) {
-    return emailDataSource[DataSourceType.local]!.sharePreviewEmailEMLContent(keyStored, emlPreviewer);
+    return emailDataSource[DataSourceType.local]!.sharePreviewEmailEMLContent(emlPreviewer);
   }
 
   @override
@@ -512,8 +512,8 @@ class EmailRepositoryImpl extends EmailRepository {
   }
 
   @override
-  Future<void> storePreviewEMLContentToSessionStorage(String keyStored, EMLPreviewer emlPreviewer) {
+  Future<void> storePreviewEMLContentToSessionStorage(EMLPreviewer emlPreviewer) {
-    return emailDataSource[DataSourceType.session]!.storePreviewEMLContentToSessionStorage(keyStored, emlPreviewer);
+    return emailDataSource[DataSourceType.session]!.storePreviewEMLContentToSessionStorage(emlPreviewer);
   }
 
   @override

lib/features/email/domain/repository/email_repository.dart

@@ -186,13 +186,13 @@ abstract class EmailRepository {
 
   Future<String> generatePreviewEmailEMLContent(PreviewEmailEMLRequest previewEmailEMLRequest);
 
-  Future<void> sharePreviewEmailEMLContent(String keyStored, EMLPreviewer emlPreviewer);
+  Future<void> sharePreviewEmailEMLContent(EMLPreviewer emlPreviewer);
 
   Future<EMLPreviewer> getPreviewEmailEMLContentShared(String keyStored);
 
   Future<void> removePreviewEmailEMLContentShared(String keyStored);
 
-  Future<void> storePreviewEMLContentToSessionStorage(String keyStored, EMLPreviewer emlPreviewer);
+  Future<void> storePreviewEMLContentToSessionStorage(EMLPreviewer emlPreviewer);
 
   Future<EMLPreviewer> getPreviewEMLContentInMemory(String keyStored);
 }

lib/features/email/domain/state/get_preview_email_eml_content_shared_state.dart

@@ -6,13 +6,12 @@ class GettingPreviewEmailEMLContentShared extends LoadingState {}
 
 class GetPreviewEmailEMLContentSharedSuccess extends UIState {
 
-  final String keyStored;
   final EMLPreviewer emlPreviewer;
 
-  GetPreviewEmailEMLContentSharedSuccess(this.keyStored, this.emlPreviewer);
+  GetPreviewEmailEMLContentSharedSuccess(this.emlPreviewer);
 
   @override
-  List<Object?> get props => [keyStored, emlPreviewer];
+  List<Object?> get props => [emlPreviewer];
 }
 
 class GetPreviewEmailEMLContentSharedFailure extends FeatureFailure {

lib/features/email/domain/state/preview_email_from_eml_file_state.dart

@@ -6,13 +6,12 @@ class PreviewingEmailFromEmlFile extends LoadingState {}
 
 class PreviewEmailFromEmlFileSuccess extends UIState {
 
-  final String storeKey;
   final EMLPreviewer emlPreviewer;
 
-  PreviewEmailFromEmlFileSuccess(this.storeKey, this.emlPreviewer);
+  PreviewEmailFromEmlFileSuccess(this.emlPreviewer);
 
   @override
-  List<Object?> get props => [storeKey, emlPreviewer];
+  List<Object?> get props => [emlPreviewer];
 }
 
 class PreviewEmailFromEmlFileFailure extends FeatureFailure {

lib/features/email/domain/usecases/get_preview_email_eml_content_shared_interactor.dart

@@ -16,7 +16,7 @@ class GetPreviewEmailEMLContentSharedInteractor {
       final previewEMLContent = await _emailRepository
         .getPreviewEmailEMLContentShared(keyStored);
 
-      yield Right<Failure, Success>(GetPreviewEmailEMLContentSharedSuccess(keyStored, previewEMLContent));
+      yield Right<Failure, Success>(GetPreviewEmailEMLContentSharedSuccess(previewEMLContent));
     } catch (e) {
       yield Left<Failure, Success>(GetPreviewEmailEMLContentSharedFailure(
         keyStored: keyStored,

lib/features/email/domain/usecases/move_preview_eml_content_from_persistent_to_memory_interactor.dart

@@ -10,12 +10,12 @@ class MovePreviewEmlContentFromPersistentToMemoryInteractor {
 
   const MovePreviewEmlContentFromPersistentToMemoryInteractor(this._emailRepository);
 
-  Stream<Either<Failure, Success>> execute(String keyStored, EMLPreviewer emlPreviewer) async* {
+  Stream<Either<Failure, Success>> execute(EMLPreviewer emlPreviewer) async* {
     try {
       yield Right<Failure, Success>(MovingPreviewEmailEMLContentFromPersistentToMemory());
       await Future.wait([
-        _emailRepository.removePreviewEmailEMLContentShared(keyStored),
+        _emailRepository.removePreviewEmailEMLContentShared(emlPreviewer.id),
-        _emailRepository.storePreviewEMLContentToSessionStorage(keyStored, emlPreviewer),
+        _emailRepository.storePreviewEMLContentToSessionStorage(emlPreviewer),
       ]);
       yield Right<Failure, Success>(MovePreviewEmailEMLContentFromPersistentToMemorySuccess());
     } catch (e) {

lib/features/email/domain/usecases/preview_email_from_eml_file_interactor.dart

@@ -1,5 +1,6 @@
 import 'package:core/presentation/state/failure.dart';
 import 'package:core/presentation/state/success.dart';
+import 'package:core/utils/platform_info.dart';
 import 'package:dartz/dartz.dart';
 import 'package:tmail_ui_user/features/email/domain/model/preview_email_eml_request.dart';
 import 'package:tmail_ui_user/features/email/domain/repository/email_repository.dart';
@@ -20,20 +21,21 @@ class PreviewEmailFromEmlFileInteractor {
       final previewEMLContent = await _emailRepository
         .generatePreviewEmailEMLContent(previewEmailEMLRequest);
 
-      final keyStored = previewEmailEMLRequest.keyStored;
-
       final emlPreviewer = EMLPreviewer(
+        id: previewEmailEMLRequest.keyStored,
         title: previewEmailEMLRequest.title,
         content: previewEMLContent,
       );
 
-      if (previewEmailEMLRequest.isShared) {
+      if (PlatformInfo.isWeb) {
-        await _emailRepository.sharePreviewEmailEMLContent(keyStored, emlPreviewer);
+        if (previewEmailEMLRequest.isShared) {
-      } else {
+          await _emailRepository.sharePreviewEmailEMLContent(emlPreviewer);
-        await _emailRepository.storePreviewEMLContentToSessionStorage(keyStored, emlPreviewer);
+        } else {
+          await _emailRepository.storePreviewEMLContentToSessionStorage(emlPreviewer);
+        }
       }
 
-      yield Right<Failure, Success>(PreviewEmailFromEmlFileSuccess(keyStored, emlPreviewer));
+      yield Right<Failure, Success>(PreviewEmailFromEmlFileSuccess(emlPreviewer));
     } catch (e) {
       yield Left<Failure, Success>(PreviewEmailFromEmlFileFailure(e));
     }

lib/features/email/presentation/controller/single_email_controller.dart

@@ -99,6 +99,7 @@ import 'package:tmail_ui_user/features/email/presentation/widgets/attachment_lis
 import 'package:tmail_ui_user/features/email/presentation/widgets/email_address_bottom_sheet_builder.dart';
 import 'package:tmail_ui_user/features/email/presentation/widgets/email_address_dialog_builder.dart';
 import 'package:tmail_ui_user/features/email/presentation/widgets/pdf_viewer/pdf_viewer.dart';
+import 'package:tmail_ui_user/features/email_previewer/email_previewer_dialog_view.dart';
 import 'package:tmail_ui_user/features/home/data/exceptions/session_exceptions.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/action/mailbox_ui_action.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_actions.dart';
@@ -2019,13 +2020,38 @@ class SingleEmailController extends BaseController with AppLoaderMixin {
       bool isOpen = HtmlUtils.openNewWindowByUrl(
         RouteUtils.createUrlWebLocationBar(
           AppRoutes.emailEMLPreviewer,
-          previewId: success.storeKey
+          previewId: success.emlPreviewer.id
         ).toString(),
       );
 
       if (!isOpen) {
         toastManager.showMessageFailure(PreviewEmailFromEmlFileFailure(CannotOpenNewWindowException()));
       }
+    } else if (PlatformInfo.isMobile) {
+      if (currentContext == null) {
+        toastManager.showMessageFailure(PreviewEmailFromEmlFileFailure(NotFoundContextException()));
+        return;
+      }
+
+      showModalBottomSheet(
+        context: currentContext!,
+        showDragHandle: true,
+        useSafeArea: true,
+        isScrollControlled: true,
+        shape: const RoundedRectangleBorder(
+          borderRadius: BorderRadius.only(
+            topLeft: Radius.circular(20.0),
+            topRight: Radius.circular(20.0),
+          ),
+        ),
+        builder: (_) {
+          return DraggableScrollableSheet(
+            initialChildSize: 1.0,
+            builder: (__, ___) =>
+                EmailPreviewerDialogView(emlPreviewer: success.emlPreviewer)
+          );
+        },
+      );
     }
   }
 

lib/features/email/presentation/model/eml_previewer.dart

@@ -6,15 +6,20 @@ part 'eml_previewer.g.dart';
 
 @JsonSerializable(explicitToJson: true, includeIfNull: false)
 class EMLPreviewer with EquatableMixin {
+  final String id;
   final String title;
   final String content;
 
-  EMLPreviewer({required this.title, required this.content});
+  EMLPreviewer({
+    required this.id,
+    required this.title,
+    required this.content,
+  });
 
   factory EMLPreviewer.fromJson(Map<String, dynamic> json) => _$EMLPreviewerFromJson(json);
 
   Map<String, dynamic> toJson() => _$EMLPreviewerToJson(this);
   
   @override
-  List<Object?> get props => [title, content];
+  List<Object?> get props => [id, title, content];
 }

lib/features/email_previewer/email_previewer_controller.dart

@@ -88,9 +88,7 @@ class EmailPreviewerController extends ReloadableController {
     } else if (success is GetPreviewEmailEMLContentSharedSuccess) {
       emlContentViewState.value = Right(success);
       _updateWindowBrowserTitle(success.emlPreviewer.title);
-      _movePreviewEmlContentFromPersistentToMemory(
+      _movePreviewEmlContentFromPersistentToMemory(success.emlPreviewer);
-          success.keyStored,
-          success.emlPreviewer);
     } else if (success is ParseEmailByBlobIdSuccess) {
       _handleParseEmailByBlobIdSuccess(success);
     } else if (success is PreviewEmailFromEmlFileSuccess) {
@@ -162,15 +160,9 @@ class EmailPreviewerController extends ReloadableController {
     }
   }
 
-  void _movePreviewEmlContentFromPersistentToMemory(
+  void _movePreviewEmlContentFromPersistentToMemory(EMLPreviewer emlPreviewer) {
-    String keyStored,
-    EMLPreviewer emlPreviewer,
-  ) {
     consumeState(
-      _movePreviewEmlContentFromPersistentToMemoryInteractor.execute(
+      _movePreviewEmlContentFromPersistentToMemoryInteractor.execute(emlPreviewer),
-        keyStored,
-        emlPreviewer,
-      ),
     );
   }
 

lib/features/email_previewer/email_previewer_dialog_view.dart

@@ -0,0 +1,27 @@
+
+import 'package:core/presentation/views/html_viewer/html_content_viewer_widget.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/email/presentation/model/eml_previewer.dart';
+import 'package:tmail_ui_user/main/utils/app_utils.dart';
+
+class EmailPreviewerDialogView extends StatelessWidget {
+
+  final EMLPreviewer emlPreviewer;
+
+  const EmailPreviewerDialogView({super.key, required this.emlPreviewer});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.white,
+      body: SingleChildScrollView(
+        child: HtmlContentViewer(
+          contentHtml: emlPreviewer.content,
+          initialWidth: context.width,
+          direction: AppUtils.getCurrentDirection(context),
+        ),
+      ),
+    );
+  }
+}

lib/features/email_previewer/email_previewer_view.dart

@@ -6,6 +6,7 @@ import 'package:get/get.dart';
 import 'package:tmail_ui_user/features/email/domain/state/get_preview_email_eml_content_shared_state.dart';
 import 'package:tmail_ui_user/features/email/domain/state/get_preview_eml_content_in_memory_state.dart';
 import 'package:tmail_ui_user/features/email/domain/state/preview_email_from_eml_file_state.dart';
+import 'package:tmail_ui_user/features/email/presentation/model/eml_previewer.dart';
 import 'package:tmail_ui_user/features/email_previewer/email_previewer_controller.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 import 'package:tmail_ui_user/main/utils/app_utils.dart';
@@ -26,29 +27,11 @@ class EmailPreviewerView extends GetWidget<EmailPreviewerController> {
           ),
           (success) {
             if (success is GetPreviewEmailEMLContentSharedSuccess) {
-              return HtmlContentViewerOnWeb(
+              return _buildEMLPreviewerWidget(context, success.emlPreviewer);
-                widthContent: context.width,
-                heightContent: context.height,
-                contentHtml: success.emlPreviewer.content,
-                direction: AppUtils.getCurrentDirection(context),
-                onClickHyperLinkAction: controller.onClickHyperLink,
-              );
             } else if (success is GetPreviewEMLContentInMemorySuccess) {
-              return HtmlContentViewerOnWeb(
+              return _buildEMLPreviewerWidget(context, success.emlPreviewer);
-                widthContent: context.width,
-                heightContent: context.height,
-                contentHtml: success.emlPreviewer.content,
-                direction: AppUtils.getCurrentDirection(context),
-                onClickHyperLinkAction: controller.onClickHyperLink,
-              );
             } else if (success is PreviewEmailFromEmlFileSuccess) {
-              return HtmlContentViewerOnWeb(
+              return _buildEMLPreviewerWidget(context, success.emlPreviewer);
-                widthContent: context.width,
-                heightContent: context.height,
-                contentHtml: success.emlPreviewer.content,
-                direction: AppUtils.getCurrentDirection(context),
-                onClickHyperLinkAction: controller.onClickHyperLink,
-              );
             } else {
               return const Center(
                 child: CupertinoLoadingWidget(),
@@ -58,4 +41,14 @@ class EmailPreviewerView extends GetWidget<EmailPreviewerController> {
       }),
     );
   }
+
+  Widget _buildEMLPreviewerWidget(BuildContext context, EMLPreviewer emlPreviewer) {
+    return HtmlContentViewerOnWeb(
+      widthContent: context.width,
+      heightContent: context.height,
+      contentHtml: emlPreviewer.content,
+      direction: AppUtils.getCurrentDirection(context),
+      onClickHyperLinkAction: controller.onClickHyperLink,
+    );
+  }
 }