fixup! TF-3308 Implement super_drag_and_drop

Author: tddang-linagora

lib/features/composer/presentation/composer_controller.dart

@@ -130,6 +130,7 @@ class ComposerController extends BaseController
   final replyToRecipientState = PrefixRecipientState.disabled.obs;
   final identitySelected = Rxn<Identity>();
   final listFromIdentities = RxList<Identity>();
+  final isDroppedFileProcessing = false.obs;
 
   final LocalFilePickerInteractor _localFilePickerInteractor;
   final LocalImagePickerInteractor _localImagePickerInteractor;
@@ -286,6 +287,7 @@ class ComposerController extends BaseController
     }
     _identityContentOnOpenPolicy = SignatureStatus.editedAvailable;
     responsiveContainerKey = null;
+    isDroppedFileProcessing.value = false;
     super.onClose();
   }
 
@@ -447,6 +449,7 @@ class ComposerController extends BaseController
       event.preventDefault();
 
       if (event.dataTransfer.types.validateFilesTransfer) {
+        isDroppedFileProcessing.value = true;
         mailboxDashBoardController.localFileDraggableAppState.value = DraggableAppState.inActive;
       }
     });
@@ -2299,6 +2302,7 @@ class ComposerController extends BaseController
     required List<FileInfo> listFileInfo,
     required double maxWidth
   }) async {
+    isDroppedFileProcessing.value = false;
     _setUpMaxWidthInlineImage(context: context, maxWidth: maxWidth);
 
     if (listFileInfo.isEmpty && context.mounted) {

lib/features/composer/presentation/composer_view_web.dart

@@ -4,6 +4,7 @@ import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:model/email/prefix_email_address.dart';
 import 'package:pointer_interceptor/pointer_interceptor.dart';
+import 'package:tmail_ui_user/features/base/widget/circle_loading_widget.dart';
 import 'package:tmail_ui_user/features/base/widget/popup_item_widget.dart';
 import 'package:tmail_ui_user/features/composer/presentation/composer_controller.dart';
 import 'package:tmail_ui_user/features/composer/presentation/model/prefix_recipient_state.dart';
@@ -311,6 +312,13 @@ class ComposerView extends GetWidget<ComposerController> {
                                   )
                                 ),
                               );
+                            } else if (controller.isDroppedFileProcessing.value) {
+                              return const Center(
+                                child: CircleLoadingWidget(
+                                  size: 80,
+                                  strokeWidth: 4,
+                                ),
+                              );
                             } else {
                               return const SizedBox.shrink();
                             }
@@ -618,6 +626,13 @@ class ComposerView extends GetWidget<ComposerController> {
                                 )
                               ),
                             );
+                          } else if (controller.isDroppedFileProcessing.value) {
+                            return const Center(
+                              child: CircleLoadingWidget(
+                                size: 80,
+                                strokeWidth: 4,
+                              ),
+                            );
                           } else {
                             return const SizedBox.shrink();
                           }
@@ -903,6 +918,13 @@ class ComposerView extends GetWidget<ComposerController> {
                                 )
                               ),
                             );
+                          } else if (controller.isDroppedFileProcessing.value) {
+                            return const Center(
+                              child: CircleLoadingWidget(
+                                size: 80,
+                                strokeWidth: 4,
+                              ),
+                            );
                           } else {
                             return const SizedBox.shrink();
                           }