PE-4676: Issues around the balance for snapshot creation

lib/blocs/create_snapshot/create_snapshot_cubit.dart

@@ -135,6 +135,7 @@ class CreateSnapshotCubit extends Cubit<CreateSnapshotState> {
     _computeIsSufficientBalance();
     _computeIsTurboEnabled();
     _computeIsFreeThanksToTurbo();
+    _computeIsButtonEnabled();
 
     await _emitConfirming(
       dataSize: data.length,
@@ -461,34 +462,35 @@ class CreateSnapshotCubit extends Cubit<CreateSnapshotState> {
     logger.d('Upload method set to $method');
     _uploadMethod = method;
 
-    _refreshIsButtonEnabled();
+    _computeIsButtonEnabled();
+    if (state is ConfirmingSnapshotCreation) {
+      final stateAsConfirming = state as ConfirmingSnapshotCreation;
+      emit(
+        stateAsConfirming.copyWith(
+          uploadMethod: method,
+          isButtonToUploadEnabled: _isButtonToUploadEnabled,
+        ),
+      );
+    }
   }
 
-  void _refreshIsButtonEnabled() {
+  void _computeIsButtonEnabled() {
     _isButtonToUploadEnabled = false;
-    if (state is ConfirmingSnapshotCreation) {
-      final stateAsConfirming = state as ConfirmingSnapshotCreation;
-      logger.d('Sufficient Balance To Pay With AR: $_sufficientArBalance');
-
-      if (_uploadMethod == UploadMethod.ar && _sufficientArBalance) {
-        logger.d('Enabling button for AR payment method');
-        _isButtonToUploadEnabled = true;
-      } else if (_uploadMethod == UploadMethod.turbo &&
-          stateAsConfirming.isTurboUploadPossible &&
-          _sufficentCreditsBalance) {
-        logger.d('Enabling button for Turbo payment method');
-        _isButtonToUploadEnabled = true;
-      } else if (stateAsConfirming.isFreeThanksToTurbo) {
-        logger.d('Enabling button for free upload using Turbo');
-        _isButtonToUploadEnabled = true;
-      } else {
-        logger.d('Disabling button');
-      }
 
-      emit(stateAsConfirming.copyWith(
-        uploadMethod: _uploadMethod,
-        isButtonToUploadEnabled: _isButtonToUploadEnabled,
-      ));
+    logger.d('Sufficient Balance To Pay With AR: $_sufficientArBalance');
+    if (_uploadMethod == UploadMethod.ar && _sufficientArBalance) {
+      logger.d('Enabling button for AR payment method');
+      _isButtonToUploadEnabled = true;
+    } else if (_uploadMethod == UploadMethod.turbo &&
+        _isTurboUploadPossible &&
+        _sufficentCreditsBalance) {
+      logger.d('Enabling button for Turbo payment method');
+      _isButtonToUploadEnabled = true;
+    } else if (_isFreeThanksToTurbo) {
+      logger.d('Enabling button for free upload using Turbo');
+      _isButtonToUploadEnabled = true;
+    } else {
+      logger.d('Disabling button');
     }
   }
 

lib/blocs/upload/upload_cubit.dart

@@ -71,7 +71,7 @@ class UploadCubit extends Cubit<UploadState> {
         logger.d('Disabling button');
       }
 
-      emit((state as UploadReady).copyWith(
+      emit(uploadReady.copyWith(
         uploadMethod: method,
         isButtonToUploadEnabled: isButtonEnabled,
       ));

lib/blocs/upload/upload_state.dart

@@ -155,11 +155,42 @@ class UploadReady extends UploadState {
   @override
   List<Object?> get props => [
         costEstimateAr,
+        costEstimateTurbo,
         sufficientArBalance,
+        isZeroBalance,
+        sufficentCreditsBalance,
+        uploadIsPublic,
         uploadPlanForAR,
+        uploadPlanForTurbo,
+        isTurboUploadPossible,
         isFreeThanksToTurbo,
+        uploadSize,
+        credits,
+        arBalance,
+        turboCredits,
+        uploadMethod,
         isButtonToUploadEnabled,
       ];
+
+  @override
+  toString() => 'UploadReady { '
+      'costEstimateAr: $costEstimateAr, '
+      'costEstimateTurbo: $costEstimateTurbo, '
+      'sufficientArBalance: $sufficientArBalance, '
+      'isZeroBalance: $isZeroBalance, '
+      'sufficentCreditsBalance: $sufficentCreditsBalance, '
+      'uploadIsPublic: $uploadIsPublic, '
+      'uploadPlanForAR: $uploadPlanForAR, '
+      'uploadPlanForTurbo: $uploadPlanForTurbo, '
+      'isTurboUploadPossible: $isTurboUploadPossible, '
+      'isFreeThanksToTurbo: $isFreeThanksToTurbo, '
+      'uploadSize: $uploadSize, '
+      'credits: $credits, '
+      'arBalance: $arBalance, '
+      'turboCredits: $turboCredits, '
+      'uploadMethod: $uploadMethod, '
+      'isButtonToUploadEnabled: $isButtonToUploadEnabled, '
+      '}';
 }
 
 class UploadInProgress extends UploadState {

lib/components/create_snapshot_dialog.dart

@@ -407,7 +407,11 @@ Widget _confirmDialog(
                         hasNoTurboBalance: state.hasNoTurboBalance,
                         isTurboUploadPossible: true,
                         arBalance: state.arBalance,
+                        sufficientArBalance: state.sufficientBalanceToPayWithAr,
                         turboCredits: state.turboCredits,
+                        sufficentCreditsBalance:
+                            state.sufficientBalanceToPayWithTurbo,
+                        isFreeThanksToTurbo: false,
                         onTurboTopupSucess: () {
                           createSnapshotCubit
                               .setUploadMethod(UploadMethod.turbo);
@@ -444,6 +448,7 @@ Widget _confirmDialog(
             await createSnapshotCubit.confirmSnapshotCreation(),
           },
           title: appLocalizationsOf(context).uploadEmphasized,
+          isEnable: state.isButtonToUploadEnabled,
         ),
       }
     ],

lib/components/payment_method_selector_widget.dart

@@ -12,7 +12,10 @@ class PaymentMethodSelector extends StatelessWidget {
   final bool hasNoTurboBalance;
   final bool isTurboUploadPossible;
   final String arBalance;
+  final bool sufficientArBalance;
   final String turboCredits;
+  final bool sufficentCreditsBalance;
+  final bool isFreeThanksToTurbo;
   final void Function() onTurboTopupSucess;
   final void Function() onArSelect;
   final void Function() onTurboSelect;
@@ -25,15 +28,26 @@ class PaymentMethodSelector extends StatelessWidget {
     required this.hasNoTurboBalance,
     required this.isTurboUploadPossible,
     required this.arBalance,
+    required this.sufficientArBalance,
     required this.turboCredits,
+    required this.sufficentCreditsBalance,
+    required this.isFreeThanksToTurbo,
     required this.onTurboTopupSucess,
     required this.onArSelect,
     required this.onTurboSelect,
   });
 
   @override
   Widget build(context) {
-    return _buildContent(context);
+    return Column(
+      children: [
+        if (!isFreeThanksToTurbo) ...[
+          _buildContent(context),
+          const SizedBox(height: 16),
+          _getInsufficientBalanceMessage(context: context),
+        ],
+      ],
+    );
   }
 
   Widget _buildContent(BuildContext context) {
@@ -146,4 +160,109 @@ class PaymentMethodSelector extends StatelessWidget {
       ],
     );
   }
+
+  Widget _getInsufficientBalanceMessage({
+    required BuildContext context,
+  }) {
+    if (uploadMethod == UploadMethod.turbo &&
+        !sufficentCreditsBalance &&
+        sufficientArBalance) {
+      return GestureDetector(
+        onTap: () {
+          showTurboTopupModal(context, onSuccess: () {
+            onTurboTopupSucess();
+          });
+        },
+        child: ArDriveClickArea(
+          child: Text.rich(
+            TextSpan(
+              text: 'Insufficient Credit balance for purchase. ',
+              style: ArDriveTypography.body.captionBold(
+                color:
+                    ArDriveTheme.of(context).themeData.colors.themeErrorDefault,
+              ),
+              children: [
+                TextSpan(
+                  text: 'Add Credits',
+                  style: ArDriveTypography.body
+                      .captionBold(
+                        color: ArDriveTheme.of(context)
+                            .themeData
+                            .colors
+                            .themeErrorDefault,
+                      )
+                      .copyWith(decoration: TextDecoration.underline),
+                ),
+                TextSpan(
+                  text: ' to use Turbo.',
+                  style: ArDriveTypography.body.captionBold(
+                    color: ArDriveTheme.of(context)
+                        .themeData
+                        .colors
+                        .themeErrorDefault,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      );
+    } else if (uploadMethod == UploadMethod.ar && !sufficientArBalance) {
+      return Text(
+        'Insufficient AR balance for purchase.',
+        style: ArDriveTypography.body.captionBold(
+          color: ArDriveTheme.of(context).themeData.colors.themeErrorDefault,
+        ),
+      );
+    } else if (!sufficentCreditsBalance && !sufficientArBalance) {
+      return GestureDetector(
+        onTap: () {
+          showTurboTopupModal(context, onSuccess: () {
+            onTurboTopupSucess();
+          });
+        },
+        child: ArDriveClickArea(
+          child: RichText(
+            text: TextSpan(
+              children: [
+                TextSpan(
+                  text:
+                      'Insufficient balance to pay for this upload. You can either',
+                  style: ArDriveTypography.body.captionBold(
+                    color: ArDriveTheme.of(context)
+                        .themeData
+                        .colors
+                        .themeErrorDefault,
+                  ),
+                ),
+                TextSpan(
+                  text: ' add Turbo credits to your profile',
+                  style: ArDriveTypography.body
+                      .captionBold(
+                        color: ArDriveTheme.of(context)
+                            .themeData
+                            .colors
+                            .themeErrorDefault,
+                      )
+                      .copyWith(
+                        decoration: TextDecoration.underline,
+                      ),
+                ),
+                TextSpan(
+                  text: ' or use AR',
+                  style: ArDriveTypography.body.captionBold(
+                    color: ArDriveTheme.of(context)
+                        .themeData
+                        .colors
+                        .themeErrorDefault,
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      );
+    }
+    return const SizedBox();
+  }
 }