TW-131: send one image without caption

lib/config/routes.dart

@@ -1,3 +1,4 @@
+import 'package:fluffychat/di/send_image/send_image_di.dart';
 import 'package:fluffychat/pages/add_story/add_story.dart';
 import 'package:fluffychat/pages/archive/archive.dart';
 import 'package:fluffychat/pages/chat/chat.dart';
@@ -101,8 +102,9 @@ class AppRoutes {
                 stackedRoutes: _chatDetailsRoutes,
                 buildTransition: _rightToLeftTransition,
               ),
-              VWidget(
+              VWidgetWithDependency(
                 path: '/rooms/:roomid',
+                di: SendImageDi(),
                 widget: const Chat(),
                 buildTransition: _rightToLeftTransition,
                 stackedRoutes: [

lib/di/send_image/send_image_di.dart

@@ -0,0 +1,13 @@
+import 'package:fluffychat/di/base_di.dart';
+import 'package:fluffychat/domain/usecase/send_image_interactor.dart';
+import 'package:get_it/get_it.dart';
+
+class SendImageDi extends BaseDI {
+  @override
+  String get scopeName => "Send image";
+
+  @override
+  void setUp(GetIt get) {
+    get.registerSingleton<SendImageInteractor>(SendImageInteractor());
+  }
+}

lib/domain/usecase/send_image_interactor.dart

@@ -0,0 +1,33 @@
+
+import 'package:fluffychat/presentation/extensions/room_extension.dart';
+import 'package:matrix/matrix.dart';
+import 'package:photo_manager/photo_manager.dart';
+import 'package:fluffychat/presentation/extensions/asset_entity_extension.dart';
+
+class SendImageInteractor {
+  Future<void> execute({
+    required Room room,
+    required AssetEntity entity,
+    String? txId,
+    Event? inReplyTo,
+    String? editEventId,
+    int? shrinkImageMaxDimension,
+    Map<String, dynamic>? extraContent,
+  }) async {
+    final matrixFile = await entity.toMatrixFile();
+    if (matrixFile != null) {
+      try {
+        final mxcUri = await room.sendImageFileEvent(
+          matrixFile,
+          txid: txId,
+          editEventId: editEventId,
+          inReplyTo: inReplyTo,
+          shrinkImageMaxDimension: shrinkImageMaxDimension,
+          extraContent: extraContent,
+        );
+      } catch(error) {
+        Logs().d("SendImageInteractor: execute(): $error");
+      }
+    }
+  }
+}

lib/pages/chat/chat.dart

@@ -2,9 +2,9 @@ import 'dart:async';
 import 'dart:io';
 
 import 'package:fluffychat/di/global/get_it_initializer.dart';
+import 'package:fluffychat/domain/usecase/send_image_interactor.dart';
 import 'package:fluffychat/pages/forward/forward.dart';
 import 'package:fluffychat/utils/network_connection_service.dart';
-import 'package:fluffychat/presentation/extensions/asset_entity_extension.dart';
 import 'package:fluffychat/utils/voip/permission_service.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/scheduler.dart';
@@ -16,16 +16,17 @@ import 'package:device_info_plus/device_info_plus.dart';
 import 'package:emoji_picker_flutter/emoji_picker_flutter.dart';
 import 'package:file_picker_cross/file_picker_cross.dart';
 import 'package:flutter_gen/gen_l10n/l10n.dart';
-import 'package:fluttertoast/fluttertoast.dart';
 import 'package:future_loading_dialog/future_loading_dialog.dart';
 import 'package:image_picker/image_picker.dart';
 import 'package:linagora_design_flutter/images_picker/images_picker.dart' hide ImagePicker;
 import 'package:matrix/matrix.dart';
 import 'package:permission_handler/permission_handler.dart';
+import 'package:photo_manager/photo_manager.dart';
 import 'package:record/record.dart';
 import 'package:scroll_to_index/scroll_to_index.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'package:vrouter/vrouter.dart';
+import 'package:fluffychat/presentation/extensions/room_extension.dart';
 
 import 'package:fluffychat/pages/chat/chat_view.dart';
 import 'package:fluffychat/pages/chat/event_info_dialog.dart';
@@ -397,28 +398,25 @@ class ChatController extends State<Chat> {
     );
   }
 
-  Future<void> sendImage(IndexedAssetEntity entity) async {
-    final matrixFile = await entity.toMatrixFile();
-    if (matrixFile != null) {
-      await room!.sendFileEvent(
-        matrixFile,
-        thumbnail: null,
-      ).catchError((e) {
-        Fluttertoast.showToast(
-          msg: "error: $e",
-          gravity: ToastGravity.BOTTOM,
-        );
-        return null;
-      });
+  void sendImage() {
+    final assetEntity = imagePickerController.selectedAssets.first;
+    final sendImageInteractor = getIt.get<SendImageInteractor>();
+    if (assetEntity.asset.type == AssetType.image) {
+      sendImageInteractor.execute(room: room!, entity: assetEntity.asset);
+      imagePickerController.clearAssetCounter();
+      numberSelectedImagesNotifier.value = 0;
     }
   }
 
-  Future<void> sendImages() async {
-    final selectedAssets = imagePickerController.sortedSelectedAssets;
-    for (final entity in selectedAssets) {
-      await sendImage(entity);
-    }
-  }
+  // Future<void> sendImages() async {
+  //   final selectedAssets = imagePickerController.sortedSelectedAssets;
+  //   for (final entity in selectedAssets) {
+  //     await sendImage();
+  //   }
+
+  //   imagePickerController.clearAssetCounter();
+  //   numberSelectedImagesNotifier.value = 0;
+  // }
 
   void openCameraAction() async {
     // Make sure the textfield is unfocused before opening the camera

lib/pages/chat/chat_input_row.dart

@@ -340,7 +340,7 @@ Future<void> showImagesPickerBottomSheet({
                         InkWell(
                           borderRadius: const BorderRadius.all(Radius.circular(100)),
                           onTap: () {
-                            controller.sendImages();
+                            controller.sendImage();
                             Navigator.of(context).pop();
                           },
                           child: SvgPicture.asset(

lib/pages/chat/events/message_content.dart

@@ -1,4 +1,5 @@
 import 'package:fluffychat/pages/chat/events/message_content_style.dart';
+import 'package:fluffychat/pages/chat/events/sending_image_widget.dart';
 import 'package:fluffychat/widgets/twake_link_text.dart';
 import 'package:flutter/material.dart';
 
@@ -9,6 +10,7 @@ import 'package:fluffychat/pages/chat/events/video_player.dart';
 import 'package:fluffychat/utils/adaptive_bottom_sheet.dart';
 import 'package:fluffychat/utils/date_time_extension.dart';
 import 'package:fluffychat/utils/matrix_sdk_extensions/matrix_locals.dart';
+import 'package:fluffychat/utils/matrix_sdk_extensions/event_extension.dart';
 import 'package:fluffychat/widgets/avatar/avatar.dart';
 import 'package:fluffychat/widgets/matrix.dart';
 import '../../../config/app_config.dart';
@@ -112,6 +114,20 @@ class MessageContent extends StatelessWidget {
       case EventTypes.Sticker:
         switch (event.messageType) {
           case MessageTypes.Image:
+            if (event.status == EventStatus.error && event.messageType == MessageTypes.Image) {
+              return SizedBox(
+                width: MessageContentStyle.imageBubbleWidth,
+                height: MessageContentStyle.imageBubbleHeight,
+                child: const Center(
+                  child: Icon(Icons.error, color: Colors.red),
+                ),
+              );
+            }
+
+            final sendingImageData = event.getSendingImageData();
+            if (sendingImageData != null) {
+              return SendingImageWidget(sendingImageData: sendingImageData);
+            }
             return ImageBubble(
               event,
               width: MessageContentStyle.imageBubbleWidth,

lib/pages/chat/events/sending_image_widget.dart

@@ -0,0 +1,27 @@
+import 'dart:typed_data';
+
+import 'package:fluffychat/pages/chat/events/message_content_style.dart';
+import 'package:flutter/material.dart';
+
+class SendingImageWidget extends StatelessWidget {
+  const SendingImageWidget({
+    super.key,
+    required this.sendingImageData,
+  });
+
+  final Uint8List sendingImageData;
+
+  @override
+  Widget build(BuildContext context) {
+    return ClipRRect(
+      borderRadius: BorderRadius.circular(12.0),
+      child: Image.memory(
+        sendingImageData,
+        width: MessageContentStyle.imageBubbleWidth,
+        height: MessageContentStyle.imageBubbleHeight,
+        fit: BoxFit.cover,
+        filterQuality: FilterQuality.medium,
+      ),
+    );
+  }
+}

lib/presentation/extensions/asset_entity_extension.dart

@@ -1,11 +1,11 @@
-import 'package:linagora_design_flutter/images_picker/images_picker.dart';
 import 'package:matrix/matrix.dart';
+import 'package:photo_manager/photo_manager.dart';
 
-extension AssetEntityExtension on IndexedAssetEntity {
+extension AssetEntityExtension on AssetEntity {
   Future<MatrixFile?> toMatrixFile() async {
-    final bytes = await asset.originBytes;
+    final bytes = await originBytes;
     if (bytes != null && bytes.isNotEmpty) {
-      return MatrixFile(bytes: bytes, name: await asset.titleAsync);
+      return MatrixFile(bytes: bytes, name: title ?? await titleAsync);
     }
     return null;
   }