TF-1014: [Dev] Show quota at the bottom of mailbox

lib/features/email/presentation/email_view.dart

@@ -15,6 +15,7 @@ import 'package:tmail_ui_user/features/email/presentation/widgets/bottom_bar_mai
 import 'package:tmail_ui_user/features/email/presentation/widgets/email_action_cupertino_action_sheet_action_builder.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/extensions/vacation_response_extension.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/vacation/widgets/vacation_notification_message_widget.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/widget/quotas_warning_banner_widget.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 
 class EmailView extends GetWidget<SingleEmailController> {
@@ -88,6 +89,7 @@ class EmailView extends GetWidget<SingleEmailController> {
   Widget _buildEmailView(BuildContext context, PresentationEmail email) {
     return Column(children: [
       _buildAppBar(context, email),
+      const QuotasWarningBannerWidget(),
       _buildVacationNotificationMessage(context),
       const Divider(color: AppColor.colorDividerHorizontal, height: 1),
       Expanded(

lib/features/mailbox/presentation/mailbox_view.dart

@@ -13,6 +13,7 @@ import 'package:tmail_ui_user/features/mailbox/presentation/widgets/bottom_bar_s
 import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_folder_tile_builder.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_search_tile_builder.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/widgets/user_information_widget_builder.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/widget/quotas_footer_widget.dart';
 import 'package:tmail_ui_user/features/thread/presentation/widgets/search_app_bar_widget.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 
@@ -84,7 +85,7 @@ class MailboxView extends GetWidget<MailboxController> {
                       } else {
                         return const SizedBox.shrink();
                       }
-                    })
+                    }),
                   ]),
                 )
             )
@@ -228,6 +229,7 @@ class MailboxView extends GetWidget<MailboxController> {
         Obx(() => controller.folderMailboxTree.value.root.childrenItems?.isNotEmpty ?? false
             ? _buildMailboxCategory(context, MailboxCategories.folders, controller.folderMailboxTree.value.root)
             : const SizedBox.shrink()),
+        const QuotasFooterWidget(),
       ])
     );
   }

lib/features/mailbox/presentation/mailbox_view_web.dart

@@ -17,6 +17,7 @@ import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_fold
 import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_search_tile_builder.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/widgets/user_information_widget_builder.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/app_dashboard/app_list_dashboard_item.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/widget/quotas_footer_widget.dart';
 import 'package:tmail_ui_user/features/thread/presentation/widgets/search_app_bar_widget.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 import 'package:tmail_ui_user/main/utils/app_config.dart';
@@ -72,6 +73,7 @@ class MailboxView extends GetWidget<MailboxController> with AppLoaderMixin, Popu
                 })),
               ]),
             )),
+            const QuotasFooterWidget(),
           ]),
         )
     );

lib/features/mailbox_dashboard/presentation/bindings/mailbox_dashboard_bindings.dart

@@ -71,6 +71,7 @@ import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/controller
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/controller/mailbox_dashboard_controller.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/controller/search_controller.dart';
 import 'package:tmail_ui_user/features/manage_account/domain/usecases/log_out_oidc_interactor.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/quotas_bindings.dart';
 import 'package:tmail_ui_user/features/search/domain/usecases/refresh_changes_search_email_interactor.dart';
 import 'package:tmail_ui_user/features/search/presentation/search_email_bindings.dart';
 import 'package:tmail_ui_user/features/thread/data/datasource/thread_datasource.dart';
@@ -100,6 +101,7 @@ class MailboxDashBoardBindings extends BaseBindings {
     ThreadBindings().dependencies();
     EmailBindings().dependencies();
     SearchEmailBindings().dependencies();
+    QuotasBindings().dependencies();
   }
 
   @override

lib/features/mailbox_dashboard/presentation/mailbox_dashboard_view_web.dart

@@ -22,6 +22,7 @@ import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/se
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/top_bar_thread_selection.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/extensions/vacation_response_extension.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/vacation/widgets/vacation_notification_message_widget.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/widget/quotas_warning_banner_widget.dart';
 import 'package:tmail_ui_user/features/search/presentation/search_email_view.dart';
 import 'package:tmail_ui_user/features/thread/domain/model/filter_message_option.dart';
 import 'package:tmail_ui_user/features/thread/presentation/thread_view.dart';
@@ -111,6 +112,7 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
                       SizedBox(child: MailboxView(), width: responsiveUtils.defaultSizeMenu),
                       Expanded(child: Column(children: [
                         _buildEmptyTrashButton(context),
+                        const QuotasWarningBannerWidget(),
                         _buildVacationNotificationMessage(context),
                         _buildListButtonQuickSearchFilter(context),
                         _buildMarkAsMailboxReadLoading(context),

lib/features/manage_account/presentation/manage_account_dashboard_view.dart

@@ -20,6 +20,7 @@ import 'package:tmail_ui_user/features/manage_account/presentation/menu/settings
 import 'package:tmail_ui_user/features/manage_account/presentation/model/account_menu_item.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/profiles/profiles_view.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/vacation/vacation_view.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/widget/quotas_warning_banner_widget.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 import 'package:tmail_ui_user/main/routes/route_navigation.dart';
 
@@ -85,6 +86,7 @@ class ManageAccountDashBoardView extends GetWidget<ManageAccountDashBoardControl
                   Expanded(child: Container(
                     color: AppColor.colorBgDesktop,
                     child: Column(children: [
+                      const QuotasWarningBannerWidget(),
                       Obx(() {
                         if (controller.vacationResponse.value?.vacationResponderIsValid == true) {
                           return VacationNotificationMessageWidget(

lib/features/quotas/data/datasource/quotas_data_source.dart

@@ -0,0 +1,6 @@
+import 'package:jmap_dart_client/jmap/account_id.dart';
+import 'package:tmail_ui_user/features/quotas/domain/model/quotas_response.dart';
+
+abstract class QuotasDataSource {
+  Future<QuotasResponse> getQuotas(AccountId accountId);
+}

lib/features/quotas/data/datasource_impl/quotas_data_source_impl.dart

@@ -0,0 +1,21 @@
+import 'package:jmap_dart_client/jmap/account_id.dart';
+import 'package:tmail_ui_user/features/quotas/data/datasource/quotas_data_source.dart';
+import 'package:tmail_ui_user/features/quotas/data/network/quotas_api.dart';
+import 'package:tmail_ui_user/features/quotas/domain/model/quotas_response.dart';
+import 'package:tmail_ui_user/main/exceptions/exception_thrower.dart';
+
+class QuotasDataSourceImpl  extends QuotasDataSource{
+  final QuotasAPI _quotasAPI;
+  final ExceptionThrower _exceptionThrower;
+
+  QuotasDataSourceImpl(this._quotasAPI, this._exceptionThrower);
+
+  @override
+  Future<QuotasResponse> getQuotas(AccountId accountId) {
+    return Future.sync(() async {
+      return await _quotasAPI.getQuotas(accountId);
+    }).catchError((error) {
+      _exceptionThrower.throwException(error);
+    });
+  }
+}

lib/features/quotas/data/network/quotas_api.dart

@@ -0,0 +1,39 @@
+import 'package:jmap_dart_client/http/http_client.dart';
+import 'package:jmap_dart_client/jmap/account_id.dart';
+import 'package:jmap_dart_client/jmap/jmap_request.dart';
+import 'package:jmap_dart_client/jmap/quotas/get/get_quota_method.dart';
+import 'package:jmap_dart_client/jmap/quotas/get/get_quota_response.dart';
+import 'package:tmail_ui_user/features/quotas/domain/model/exceptions/quotas_exception.dart';
+import 'package:tmail_ui_user/features/quotas/domain/model/quotas_response.dart';
+
+class QuotasAPI {
+  final HttpClient _httpClient;
+
+  QuotasAPI(this._httpClient);
+
+  Future<QuotasResponse> getQuotas(AccountId accountId) async {
+    final requestBuilder =
+        JmapRequestBuilder(_httpClient, ProcessingInvocation());
+    final getQuotaMethod = GetQuotaMethod(accountId);
+    final getQuotaInvocation = requestBuilder.invocation(getQuotaMethod);
+    final response = await (requestBuilder
+          ..usings(getQuotaMethod.requiredCapabilities))
+        .build()
+        .execute();
+
+    final getQuotaResponse = response.parse<GetQuotaResponse>(
+        getQuotaInvocation.methodCallId, GetQuotaResponse.deserialize);
+
+    if(getQuotaResponse != null) {
+      return QuotasResponse(
+        accountId: getQuotaResponse.accountId,
+        notFound: getQuotaResponse.notFound,
+        quotas: getQuotaResponse.list,
+        state: getQuotaResponse.state,
+      );
+    } else {
+      throw NotFoundQuotasException();
+    }
+
+  }
+}

lib/features/quotas/data/repository/quotas_repository_impl.dart

@@ -0,0 +1,15 @@
+import 'package:jmap_dart_client/jmap/account_id.dart';
+import 'package:tmail_ui_user/features/quotas/data/datasource/quotas_data_source.dart';
+import 'package:tmail_ui_user/features/quotas/domain/model/quotas_response.dart';
+import 'package:tmail_ui_user/features/quotas/domain/repository/quotas_repository.dart';
+
+class QuotasRepositoryImpl extends QuotasRepository {
+  final QuotasDataSource _dataSource;
+
+  QuotasRepositoryImpl(this._dataSource);
+
+  @override
+  Future<QuotasResponse> getQuotas(AccountId accountId) {
+    return _dataSource.getQuotas(accountId);
+  }
+}

lib/features/quotas/domain/model/exceptions/quotas_exception.dart

@@ -0,0 +1,3 @@
+class NotFoundQuotasException implements Exception {
+  NotFoundQuotasException();
+}

lib/features/quotas/domain/model/quotas_response.dart

@@ -0,0 +1,30 @@
+import 'package:equatable/equatable.dart';
+import 'package:jmap_dart_client/jmap/account_id.dart';
+import 'package:jmap_dart_client/jmap/core/id.dart';
+import 'package:jmap_dart_client/jmap/core/state.dart';
+import 'package:jmap_dart_client/jmap/quotas/quota.dart';
+
+class QuotasResponse with EquatableMixin {
+  final AccountId accountId;
+  final State state;
+  final List<Quota> quotas;
+  final List<Id>? notFound;
+
+  QuotasResponse({
+    required this.accountId,
+    required this.state,
+    required this.quotas,
+    this.notFound,
+  });
+
+  bool hasData() {
+    return quotas.isNotEmpty;
+  }
+
+  @override
+  List<Object?> get props => [
+    quotas,
+    state,
+    notFound,
+  ];
+}

lib/features/quotas/domain/repository/quotas_repository.dart

@@ -0,0 +1,6 @@
+import 'package:jmap_dart_client/jmap/account_id.dart';
+import 'package:tmail_ui_user/features/quotas/domain/model/quotas_response.dart';
+
+abstract class QuotasRepository {
+  Future<QuotasResponse> getQuotas(AccountId accountId);
+}

lib/features/quotas/domain/state/get_quotas_state.dart

@@ -0,0 +1,25 @@
+import 'package:core/core.dart';
+import 'package:jmap_dart_client/jmap/core/state.dart';
+import 'package:jmap_dart_client/jmap/quotas/quota.dart';
+
+class GetQuotasSuccess extends UIState {
+  final List<Quota> quotas;
+  final State? state;
+
+  GetQuotasSuccess(this.quotas, this.state);
+
+  @override
+  List<Object?> get props => [
+    quotas,
+    state,
+  ];
+}
+
+class GetQuotasFailure extends FeatureFailure {
+  final dynamic exception;
+
+  GetQuotasFailure(this.exception);
+
+  @override
+  List<Object> get props => [exception];
+}

lib/features/quotas/domain/use_case/get_quotas_interactor.dart

@@ -0,0 +1,23 @@
+import 'dart:core';
+
+import 'package:core/core.dart';
+import 'package:dartz/dartz.dart';
+import 'package:jmap_dart_client/jmap/account_id.dart';
+import 'package:tmail_ui_user/features/quotas/domain/repository/quotas_repository.dart';
+import 'package:tmail_ui_user/features/quotas/domain/state/get_quotas_state.dart';
+
+class GetQuotasInteractor {
+  final QuotasRepository quotasRepository;
+
+  GetQuotasInteractor(this.quotasRepository);
+
+  Stream<Either<Failure, Success>> execute(AccountId accountId) async* {
+    try {
+      yield Right<Failure, Success>(LoadingState());
+      final response = await quotasRepository.getQuotas(accountId);
+      yield Right(GetQuotasSuccess(response.quotas, response.state));
+    } catch (exception) {
+      yield Left(GetQuotasFailure(exception));
+    }
+  }
+}

lib/features/quotas/presentation/quotas_bindings.dart

@@ -0,0 +1,43 @@
+import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/base/base_bindings.dart';
+import 'package:tmail_ui_user/features/quotas/data/datasource/quotas_data_source.dart';
+import 'package:tmail_ui_user/features/quotas/data/datasource_impl/quotas_data_source_impl.dart';
+import 'package:tmail_ui_user/features/quotas/data/network/quotas_api.dart';
+import 'package:tmail_ui_user/features/quotas/data/repository/quotas_repository_impl.dart';
+import 'package:tmail_ui_user/features/quotas/domain/repository/quotas_repository.dart';
+import 'package:tmail_ui_user/features/quotas/domain/use_case/get_quotas_interactor.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/quotas_controller.dart';
+import 'package:tmail_ui_user/main/exceptions/remote_exception_thrower.dart';
+
+class QuotasBindings extends BaseBindings {
+  @override
+  void bindingsController() {
+    Get.put(QuotasController(Get.find<GetQuotasInteractor>()));
+  }
+
+  @override
+  void bindingsDataSource() {
+    Get.lazyPut<QuotasDataSource>(() => Get.find<QuotasDataSourceImpl>());
+  }
+
+  @override
+  void bindingsDataSourceImpl() {
+    Get.lazyPut(() => QuotasDataSourceImpl(Get.find<QuotasAPI>(), Get.find<RemoteExceptionThrower>()));
+  }
+
+  @override
+  void bindingsInteractor() {
+    Get.lazyPut(() => GetQuotasInteractor(Get.find<QuotasRepository>()));
+  }
+
+  @override
+  void bindingsRepository() {
+    Get.lazyPut<QuotasRepository>(() => Get.find<QuotasRepositoryImpl>());
+  }
+
+  @override
+  void bindingsRepositoryImpl() {
+    Get.lazyPut(() => QuotasRepositoryImpl(Get.find<QuotasDataSource>()));
+  }
+
+}

lib/features/quotas/presentation/quotas_controller.dart

@@ -0,0 +1,82 @@
+import 'package:core/core.dart';
+import 'package:get/get.dart';
+import 'package:jmap_dart_client/jmap/account_id.dart';
+import 'package:jmap_dart_client/jmap/core/capability/capability_identifier.dart';
+import 'package:jmap_dart_client/jmap/quotas/data_types.dart';
+import 'package:tmail_ui_user/features/base/base_controller.dart';
+import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/controller/mailbox_dashboard_controller.dart';
+import 'package:tmail_ui_user/features/quotas/domain/state/get_quotas_state.dart';
+import 'package:tmail_ui_user/features/quotas/domain/use_case/get_quotas_interactor.dart';
+
+class QuotasController extends BaseController {
+  final MailboxDashBoardController mailboxDashBoardController = Get.find<MailboxDashBoardController>();
+  final GetQuotasInteractor _getQuotasInteractor;
+  final usedCapacity = Rx<num>(0);
+  final softLimitCapacity = Rx<num>(0);
+  final warningLimitCapacity = Rx<num>(0);
+  final enableShowQuotas = false.obs;
+  late Worker accountIdWorker;
+
+  double get progressUsedCapacity => softLimitCapacity.value != 0
+      ? (usedCapacity.value / softLimitCapacity.value)
+      : 0;
+
+  bool get enableShowWarningQuotas =>
+      enableShowQuotas.value && usedCapacity.value >= warningLimitCapacity.value;
+
+  final ImagePaths imagePaths = Get.find<ImagePaths>();
+  final ResponsiveUtils responsiveUtils = Get.find<ResponsiveUtils>();
+
+  QuotasController(this._getQuotasInteractor);
+
+  void _initWorker() {
+    accountIdWorker = ever(mailboxDashBoardController.accountId, (accountId) {
+      if (accountId is AccountId) {
+        enableShowQuotas.value = mailboxDashBoardController.sessionCurrent != null &&
+            mailboxDashBoardController.sessionCurrent!.capabilities.containsValue(CapabilityIdentifier.jmapQuota);
+        consumeState(_getQuotasInteractor.execute(mailboxDashBoardController.accountId.value!));
+      }
+    });
+
+  }
+
+  @override
+  void onDone() {
+    viewState.value.fold(
+            (failure) {
+          if (failure is GetQuotasFailure) {
+            logError('QuotasController::onDone():[GetQuotasFailure]: ${failure.exception}');
+          }
+        },
+            (success) {
+          if (success is GetQuotasSuccess) {
+            _handleGetQuotasSuccess(success);
+          }
+        }
+    );
+  }
+
+  void _handleGetQuotasSuccess(GetQuotasSuccess success) {
+    try {
+      final quotas = success.quotas.firstWhere((e) => e.resourceType == ResourceType.octets);
+      usedCapacity.value = quotas.used.value;
+      warningLimitCapacity.value = quotas.warnLimit?.value ?? 0;
+      softLimitCapacity.value = quotas.softLimit?.value ?? 0;
+    } catch (e) {
+      logError('QuotasController::_handleGetQuotasSuccess():[NotFoundException]: $e');
+    }
+
+  }
+
+  @override
+  void onInit() {
+    _initWorker();
+    super.onInit();
+  }
+
+  @override
+  void onClose() {
+    accountIdWorker.call();
+    super.onClose();
+  }
+}

lib/features/quotas/presentation/widget/quotas_footer_widget.dart

@@ -0,0 +1,62 @@
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/quotas_controller.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class QuotasFooterWidget extends GetWidget<QuotasController> {
+  const QuotasFooterWidget({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Obx(
+      () => controller.enableShowQuotas.value
+        ? Container(
+            color: AppColor.colorBgDesktop,
+            padding: const EdgeInsets.all(24),
+            alignment: Alignment.centerLeft,
+            child: IntrinsicWidth(
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Row(
+                    children: [
+                      SvgPicture.asset(controller.imagePaths.icQuotas),
+                      const SizedBox(width: 12),
+                      Text(
+                        AppLocalizations.of(context).storageQuotas,
+                        style: const TextStyle(
+                            fontSize: 13,
+                            fontWeight: FontWeight.w400,
+                            color: AppColor.loginTextFieldHintColor),
+                      )
+                    ],
+                  ),
+                  const SizedBox(height: 8),
+                  LinearProgressIndicator(
+                    color: controller.enableShowWarningQuotas ? AppColor.colorProgressQuotasWarning:  AppColor.primaryColor,
+                    minHeight: 3,
+                    backgroundColor: AppColor.colorDivider,
+                    value: controller.progressUsedCapacity,
+                  ),
+                  const SizedBox(height: 8),
+                  Text(
+                    AppLocalizations.of(context).textQuotasUsed(
+                      controller.usedCapacity.value,
+                      controller.softLimitCapacity.value,
+                    ),
+                    style: const TextStyle(
+                        fontSize: 13,
+                        fontWeight: FontWeight.w400,
+                        color: AppColor.loginTextFieldHintColor),
+                  )
+                ],
+              ),
+            ),
+          )
+        : const SizedBox.shrink(),
+    );
+  }
+}

lib/features/quotas/presentation/widget/quotas_warning_banner_widget.dart

@@ -0,0 +1,57 @@
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/quotas_controller.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class QuotasWarningBannerWidget extends GetWidget<QuotasController> {
+  const QuotasWarningBannerWidget({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Obx(
+      () => controller.enableShowWarningQuotas
+        ? Container(
+            padding: const EdgeInsets.all(16),
+            margin: const EdgeInsets.only(left: 12, right: 12, top: 8),
+            decoration: BoxDecoration(
+              color: AppColor.colorBackgroundQuotasWarning.withOpacity(0.12),
+              borderRadius: const BorderRadius.all(Radius.circular(10)),
+            ),
+            child: Row(
+              children: [
+                SvgPicture.asset(controller.imagePaths.icQuotasWarning),
+                const SizedBox(width: 16),
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        AppLocalizations.of(context)
+                            .textQuotasWarningTitle(controller.progressUsedCapacity *100),
+                        style: const TextStyle(
+                            fontSize: 17,
+                            fontWeight: FontWeight.w700,
+                            color: AppColor.colorTitleQuotasWarning,
+                        ),
+                      ),
+                      const SizedBox(height: 8),
+                      Text(
+                        AppLocalizations.of(context)
+                            .textQuotasWarningContent,
+                        style: const TextStyle(
+                            fontSize: 15,
+                            fontWeight: FontWeight.w400,
+                            color: AppColor.loginTextFieldHintColor),
+                      ),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          )
+        : const SizedBox.shrink(),
+    );
+  }
+}

lib/features/thread/presentation/thread_view.dart

@@ -12,6 +12,7 @@ import 'package:tmail_ui_user/features/mailbox/domain/state/mark_as_mailbox_read
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/mixin/filter_email_popup_menu_mixin.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/extensions/vacation_response_extension.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/vacation/widgets/vacation_notification_message_widget.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/widget/quotas_warning_banner_widget.dart';
 import 'package:tmail_ui_user/features/thread/domain/model/filter_message_option.dart';
 import 'package:tmail_ui_user/features/thread/domain/state/search_email_state.dart';
 import 'package:tmail_ui_user/features/thread/domain/state/search_more_email_state.dart';
@@ -56,6 +57,7 @@ class ThreadView extends GetWidget<ThreadController> with AppLoaderMixin,
                         ... [
                           _buildAppBarNormal(context),
                           _buildSearchBarView(context),
+                          const QuotasWarningBannerWidget(),
                           _buildVacationNotificationMessage(context),
                         ],
                       _buildEmptyTrashButton(context),

lib/l10n/intl_messages.arb

@@ -1,5 +1,9 @@
 {
+<<<<<<< HEAD
   "@@last_modified": "2022-11-08T16:55:51.988372",
+=======
+  "@@last_modified": "2022-11-09T17:10:23.172672",
+>>>>>>> 24967b2c (TF-1014: [Dev] Show quota at the bottom of mailbox)
   "initializing_data": "Initializing data...",
   "@initializing_data": {
     "type": "text",
@@ -2418,12 +2422,18 @@
     "placeholders_order": [],
     "placeholders": {}
   },
+<<<<<<< HEAD
   "forwardingSettingExplanation": "Allows a new recipient to see the email sent if they were not originally included in the email chain.",
   "@forwardingSettingExplanation": {
+=======
+  "storageQuotas": "Storage",
+  "@storageQuotas": {
+>>>>>>> 24967b2c (TF-1014: [Dev] Show quota at the bottom of mailbox)
     "type": "text",
     "placeholders_order": [],
     "placeholders": {}
   },
+<<<<<<< HEAD
   "addRecipientButton": "Add recipient",
   "@addRecipientButton": {
     "type": "text",
@@ -2450,6 +2460,28 @@
     ],
     "placeholders": {
       "count": {}
+=======
+  "textQuotasUsed": "{used} GB of {softLimit} GB Used",
+  "@textQuotasUsed": {
+    "type": "text",
+    "placeholders_order": [
+      "used",
+      "softLimit"
+    ],
+    "placeholders": {
+      "used": {},
+      "softLimit": {}
+    }
+  },
+  "textQuotasWarningTitle": "You are running out of storage ({progress}%).",
+  "@textQuotasWarningTitle": {
+    "type": "text",
+    "placeholders_order": [
+      "progress"
+    ],
+    "placeholders": {
+      "progress": {}
+>>>>>>> 24967b2c (TF-1014: [Dev] Show quota at the bottom of mailbox)
     }
   }
 }

lib/main/bindings/network/network_bindings.dart

@@ -21,6 +21,7 @@ import 'package:tmail_ui_user/features/manage_account/data/network/forwarding_ap
 import 'package:tmail_ui_user/features/manage_account/data/network/identity_api.dart';
 import 'package:tmail_ui_user/features/manage_account/data/network/manage_account_api.dart';
 import 'package:tmail_ui_user/features/manage_account/data/network/vacation_api.dart';
+import 'package:tmail_ui_user/features/quotas/data/network/quotas_api.dart';
 import 'package:tmail_ui_user/features/session/data/network/session_api.dart';
 import 'package:tmail_ui_user/features/thread/data/network/thread_api.dart';
 import 'package:tmail_ui_user/main/exceptions/remote_exception_thrower.dart';
@@ -86,6 +87,7 @@ class NetworkBindings extends Bindings {
     Get.put(IdentityAPI(Get.find<JmapHttpClient.HttpClient>()));
     Get.put(MdnAPI(Get.find<JmapHttpClient.HttpClient>()));
     Get.put(ForwardingAPI(Get.find<JmapHttpClient.HttpClient>()));
+    Get.put(QuotasAPI(Get.find<JmapHttpClient.HttpClient>()));
   }
 
   void _bindingConnection() {

lib/main/localizations/app_localizations.dart

@@ -2519,4 +2519,34 @@ class AppLocalizations {
         args: [count]
     );
   }
+
+  String get storageQuotas {
+    return Intl.message(
+      'Storage',
+      name: 'storageQuotas',
+    );
+  }
+
+  String textQuotasUsed(num used, num softLimit) {
+    return Intl.message(
+      '$used GB of $softLimit GB Used',
+      name: 'textQuotasUsed',
+      args: [used, softLimit],
+    );
+  }
+
+  String textQuotasWarningTitle(num progress) {
+    return Intl.message(
+      'You are running out of storage ($progress%).',
+      name: 'textQuotasWarningTitle',
+      args: [progress],
+    );
+  }
+
+  String get textQuotasWarningContent {
+    return Intl.message(
+      "Soon you won't be able to email in Tmail. Please clean your storage or upgrade your storage to get full features in Tmail.",
+      name: 'textQuotasWarningTitle',
+    );
+  }
 }