import 'dart:async'; import 'package:decimal/decimal.dart'; import 'package:flutter/material.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:flutter_svg/svg.dart'; import 'package:stackwallet/notifications/show_flush_bar.dart'; import 'package:stackwallet/pages/pinpad_views/lock_screen_view.dart'; import 'package:stackwallet/pages/send_view/sub_widgets/sending_transaction_dialog.dart'; import 'package:stackwallet/pages/wallet_view/wallet_view.dart'; import 'package:stackwallet/providers/providers.dart'; import 'package:stackwallet/providers/wallet/public_private_balance_state_provider.dart'; import 'package:stackwallet/route_generator.dart'; import 'package:stackwallet/services/coins/epiccash/epiccash_wallet.dart'; import 'package:stackwallet/services/coins/firo/firo_wallet.dart'; import 'package:stackwallet/utilities/assets.dart'; import 'package:stackwallet/utilities/constants.dart'; import 'package:stackwallet/utilities/enums/coin_enum.dart'; import 'package:stackwallet/utilities/enums/flush_bar_type.dart'; import 'package:stackwallet/utilities/format.dart'; import 'package:stackwallet/utilities/text_styles.dart'; import 'package:stackwallet/utilities/theme/stack_colors.dart'; import 'package:stackwallet/utilities/util.dart'; import 'package:stackwallet/widgets/conditional_parent.dart'; import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart'; import 'package:stackwallet/widgets/desktop/primary_button.dart'; import 'package:stackwallet/widgets/rounded_container.dart'; import 'package:stackwallet/widgets/rounded_white_container.dart'; import 'package:stackwallet/widgets/stack_dialog.dart'; class ConfirmTransactionView extends ConsumerStatefulWidget { const ConfirmTransactionView({ Key? key, required this.transactionInfo, required this.walletId, this.routeOnSuccessName = WalletView.routeName, }) : super(key: key); static const String routeName = "/confirmTransactionView"; final Map transactionInfo; final String walletId; final String routeOnSuccessName; @override ConsumerState createState() => _ConfirmTransactionViewState(); } class _ConfirmTransactionViewState extends ConsumerState { late final Map transactionInfo; late final String walletId; late final String routeOnSuccessName; late final bool isDesktop; Future _attemptSend(BuildContext context) async { unawaited(showDialog( context: context, useSafeArea: false, barrierDismissible: false, builder: (context) { return const SendingTransactionDialog(); }, )); final note = transactionInfo["note"] as String? ?? ""; final manager = ref.read(walletsChangeNotifierProvider).getManager(walletId); try { String txid; final coin = manager.coin; if ((coin == Coin.firo || coin == Coin.firoTestNet) && ref.read(publicPrivateBalanceStateProvider.state).state != "Private") { txid = await (manager.wallet as FiroWallet) .confirmSendPublic(txData: transactionInfo); } else { txid = await manager.confirmSend(txData: transactionInfo); } // save note await ref .read(notesServiceChangeNotifierProvider(walletId)) .editOrAddNote(txid: txid, note: note); unawaited(manager.refresh()); // pop back to wallet if (mounted) { Navigator.of(context).popUntil(ModalRoute.withName(routeOnSuccessName)); } } on BadEpicHttpAddressException catch (_) { if (mounted) { // pop building dialog Navigator.of(context).pop(); unawaited( showFloatingFlushBar( type: FlushBarType.warning, message: "Connection failed. Please check the address and try again.", context: context, ), ); return; } } catch (e, s) { debugPrint("$e\n$s"); // pop sending dialog Navigator.of(context).pop(); await showDialog( context: context, useSafeArea: false, barrierDismissible: true, builder: (context) { return StackDialog( title: "Broadcast transaction failed", message: e.toString(), rightButton: TextButton( style: Theme.of(context) .extension()! .getSecondaryEnabledButtonColor(context), child: Text( "Ok", style: STextStyles.button(context).copyWith( color: Theme.of(context) .extension()! .accentColorDark), ), onPressed: () { Navigator.of(context).pop(); }, ), ); }, ); } } @override void initState() { isDesktop = Util.isDesktop; transactionInfo = widget.transactionInfo; walletId = widget.walletId; routeOnSuccessName = widget.routeOnSuccessName; super.initState(); } @override Widget build(BuildContext context) { final managerProvider = ref.watch(walletsChangeNotifierProvider .select((value) => value.getManagerProvider(walletId))); return ConditionalParent( condition: !isDesktop, builder: (child) => Scaffold( backgroundColor: Theme.of(context).extension()!.background, appBar: AppBar( backgroundColor: Theme.of(context).extension()!.background, leading: AppBarBackButton( onPressed: () async { // if (FocusScope.of(context).hasFocus) { // FocusScope.of(context).unfocus(); // await Future.delayed(Duration(milliseconds: 50)); // } Navigator.of(context).pop(); }, ), title: Text( "Confirm transaction", style: STextStyles.navBarTitle(context), ), ), body: LayoutBuilder( builder: (builderContext, constraints) { return Padding( padding: const EdgeInsets.only( left: 12, top: 12, right: 12, ), child: SingleChildScrollView( child: ConstrainedBox( constraints: BoxConstraints( minHeight: constraints.maxHeight - 24, ), child: IntrinsicHeight( child: Padding( padding: const EdgeInsets.all(4), child: child, ), ), ), ), ); }, ), ), child: ConditionalParent( condition: isDesktop, builder: (child) => Column( crossAxisAlignment: CrossAxisAlignment.stretch, mainAxisSize: MainAxisSize.min, children: [ Row( children: [ AppBarBackButton( size: 40, iconSize: 24, onPressed: () => Navigator.of( context, rootNavigator: true, ).pop(), ), Text( "Confirm ${ref.watch(managerProvider.select((value) => value.coin.ticker.toUpperCase()))} transaction", style: STextStyles.desktopH3(context), ), ], ), child, ], ), child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, mainAxisSize: isDesktop ? MainAxisSize.min : MainAxisSize.max, children: [ if (!isDesktop) Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Text( "Send ${ref.watch(managerProvider.select((value) => value.coin)).ticker}", style: STextStyles.pageTitleH1(context), ), const SizedBox( height: 12, ), RoundedWhiteContainer( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Text( "Recipient", style: STextStyles.smallMed12(context), ), const SizedBox( height: 4, ), Text( "${transactionInfo["address"] ?? "ERROR"}", style: STextStyles.itemSubtitle12(context), ), ], ), ), const SizedBox( height: 12, ), RoundedWhiteContainer( child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Amount", style: STextStyles.smallMed12(context), ), Text( "${Format.satoshiAmountToPrettyString( transactionInfo["recipientAmt"] as int, ref.watch( localeServiceChangeNotifierProvider .select((value) => value.locale), ), )} ${ref.watch( managerProvider.select((value) => value.coin), ).ticker}", style: STextStyles.itemSubtitle12(context), textAlign: TextAlign.right, ), ], ), ), const SizedBox( height: 12, ), RoundedWhiteContainer( child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Transaction fee", style: STextStyles.smallMed12(context), ), Text( "${Format.satoshiAmountToPrettyString( transactionInfo["fee"] as int, ref.watch( localeServiceChangeNotifierProvider .select((value) => value.locale), ), )} ${ref.watch( managerProvider.select((value) => value.coin), ).ticker}", style: STextStyles.itemSubtitle12(context), textAlign: TextAlign.right, ), ], ), ), const SizedBox( height: 12, ), RoundedWhiteContainer( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Text( "Note", style: STextStyles.smallMed12(context), ), const SizedBox( height: 4, ), Text( transactionInfo["note"] as String, style: STextStyles.itemSubtitle12(context), ), ], ), ), ], ), if (isDesktop) Padding( padding: const EdgeInsets.only( top: 16, left: 32, right: 32, bottom: 50, ), child: RoundedWhiteContainer( padding: const EdgeInsets.all(0), borderColor: Theme.of(context).extension()!.background, child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Container( decoration: BoxDecoration( color: Theme.of(context) .extension()! .background, borderRadius: BorderRadius.only( topLeft: Radius.circular( Constants.size.circularBorderRadius, ), topRight: Radius.circular( Constants.size.circularBorderRadius, ), ), ), child: Padding( padding: const EdgeInsets.symmetric( horizontal: 12, vertical: 22, ), child: Row( children: [ SvgPicture.asset( Assets.svg.send(context), width: 32, height: 32, ), const SizedBox( width: 16, ), Text( "Send ${ref.watch( managerProvider .select((value) => value.coin), ).ticker}", style: STextStyles.desktopTextMedium(context), ), ], ), ), ), Padding( padding: const EdgeInsets.all(12), child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "Amount", style: STextStyles.desktopTextExtraExtraSmall( context), ), const SizedBox( height: 2, ), Builder( builder: (context) { final amount = transactionInfo["recipientAmt"] as int; final coin = ref.watch( managerProvider.select( (value) => value.coin, ), ); final externalCalls = ref.watch( prefsChangeNotifierProvider.select( (value) => value.externalCalls)); String fiatAmount = "N/A"; if (externalCalls) { final price = ref .read(priceAnd24hChangeNotifierProvider) .getPrice(coin) .item1; if (price > Decimal.zero) { fiatAmount = Format.localizedStringAsFixed( value: Format.satoshisToAmount(amount, coin: coin) * price, locale: ref .read( localeServiceChangeNotifierProvider) .locale, decimalPlaces: 2, ); } } return Row( children: [ Text( "${Format.satoshiAmountToPrettyString( amount, ref.watch( localeServiceChangeNotifierProvider .select((value) => value.locale), ), )} ${coin.ticker}", style: STextStyles .desktopTextExtraExtraSmall( context) .copyWith( color: Theme.of(context) .extension()! .textDark, ), ), if (externalCalls) Text( " | ", style: STextStyles .desktopTextExtraExtraSmall( context), ), if (externalCalls) Text( "~$fiatAmount ${ref.watch(prefsChangeNotifierProvider.select( (value) => value.currency, ))}", style: STextStyles .desktopTextExtraExtraSmall( context), ), ], ); }, ), ], ), ), Container( height: 1, color: Theme.of(context) .extension()! .background, ), Padding( padding: const EdgeInsets.all(12), child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "Send to", style: STextStyles.desktopTextExtraExtraSmall( context), ), const SizedBox( height: 2, ), Text( "${transactionInfo["address"] ?? "ERROR"}", style: STextStyles.desktopTextExtraExtraSmall( context) .copyWith( color: Theme.of(context) .extension()! .textDark, ), ) ], ), ), Container( height: 1, color: Theme.of(context) .extension()! .background, ), Padding( padding: const EdgeInsets.all(12), child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "Note", style: STextStyles.desktopTextExtraExtraSmall( context), ), const SizedBox( height: 2, ), Text( transactionInfo["note"] as String, style: STextStyles.desktopTextExtraExtraSmall( context) .copyWith( color: Theme.of(context) .extension()! .textDark, ), ) ], ), ), ], ), ), ), if (isDesktop) Padding( padding: const EdgeInsets.only( left: 32, ), child: Text( "Transaction fee (estimated)", style: STextStyles.desktopTextExtraExtraSmall(context), ), ), if (isDesktop) Padding( padding: const EdgeInsets.only( top: 10, left: 32, right: 32, ), child: RoundedContainer( padding: const EdgeInsets.symmetric( horizontal: 16, vertical: 18, ), color: Theme.of(context) .extension()! .textFieldDefaultBG, child: Builder(builder: (context) { final coin = ref .watch(walletsChangeNotifierProvider .select((value) => value.getManager(walletId))) .coin; final fee = Format.satoshisToAmount( transactionInfo["fee"] as int, coin: coin, ); return Text( "${Format.localizedStringAsFixed( value: fee, locale: ref.watch(localeServiceChangeNotifierProvider .select((value) => value.locale)), decimalPlaces: coin == Coin.monero ? Constants.decimalPlacesMonero : coin == Coin.wownero ? Constants.decimalPlacesWownero : Constants.decimalPlaces, )} ${coin.ticker}", style: STextStyles.itemSubtitle(context), ); }), ) // DropdownButtonHideUnderline( // child: DropdownButton2( // offset: const Offset(0, -10), // isExpanded: true, // // dropdownElevation: 0, // value: _fee, // items: [ // ..._dropDownItems.map( // (e) { // String message = _fee.toString(); // // return DropdownMenuItem( // value: e, // child: Text(message), // ); // }, // ), // ], // onChanged: (value) { // if (value is int) { // setState(() { // _fee = value; // }); // } // }, // icon: SvgPicture.asset( // Assets.svg.chevronDown, // width: 12, // height: 6, // color: // Theme.of(context).extension()!.textDark3, // ), // buttonPadding: const EdgeInsets.symmetric( // horizontal: 16, // vertical: 8, // ), // buttonDecoration: BoxDecoration( // color: Theme.of(context) // .extension()! // .textFieldDefaultBG, // borderRadius: BorderRadius.circular( // Constants.size.circularBorderRadius, // ), // ), // dropdownDecoration: BoxDecoration( // color: Theme.of(context) // .extension()! // .textFieldDefaultBG, // borderRadius: BorderRadius.circular( // Constants.size.circularBorderRadius, // ), // ), // ), // ), ), if (!isDesktop) const Spacer(), SizedBox( height: isDesktop ? 23 : 12, ), Padding( padding: isDesktop ? const EdgeInsets.symmetric( horizontal: 32, ) : const EdgeInsets.all(0), child: RoundedContainer( padding: isDesktop ? const EdgeInsets.symmetric( horizontal: 16, vertical: 18, ) : const EdgeInsets.all(12), color: Theme.of(context) .extension()! .snackBarBackSuccess, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( isDesktop ? "Total amount to send" : "Total amount", style: isDesktop ? STextStyles.desktopTextExtraExtraSmall(context) .copyWith( color: Theme.of(context) .extension()! .textConfirmTotalAmount, ) : STextStyles.titleBold12(context).copyWith( color: Theme.of(context) .extension()! .textConfirmTotalAmount, ), ), Text( "${Format.satoshiAmountToPrettyString( (transactionInfo["fee"] as int) + (transactionInfo["recipientAmt"] as int), ref.watch( localeServiceChangeNotifierProvider .select((value) => value.locale), ), )} ${ref.watch( managerProvider.select((value) => value.coin), ).ticker}", style: isDesktop ? STextStyles.desktopTextExtraExtraSmall(context) .copyWith( color: Theme.of(context) .extension()! .textConfirmTotalAmount, ) : STextStyles.itemSubtitle12(context).copyWith( color: Theme.of(context) .extension()! .textConfirmTotalAmount, ), textAlign: TextAlign.right, ), ], ), ), ), SizedBox( height: isDesktop ? 28 : 16, ), Padding( padding: isDesktop ? const EdgeInsets.symmetric( horizontal: 32, ) : const EdgeInsets.all(0), child: PrimaryButton( label: "Send", desktopMed: true, onPressed: () async { final unlocked = await Navigator.push( context, RouteGenerator.getRoute( shouldUseMaterialRoute: RouteGenerator.useMaterialPageRoute, builder: (_) => const LockscreenView( showBackButton: true, popOnSuccess: true, routeOnSuccessArguments: true, routeOnSuccess: "", biometricsCancelButtonString: "CANCEL", biometricsLocalizedReason: "Authenticate to send transaction", biometricsAuthenticationTitle: "Confirm Transaction", ), settings: const RouteSettings(name: "/confirmsendlockscreen"), ), ); if (unlocked is bool && unlocked && mounted) { unawaited(_attemptSend(context)); } }, ), ), if (isDesktop) const SizedBox( height: 32, ), ], ), ), ); } }