/* * This file is part of Stack Wallet. * * Copyright (c) 2023 Cypher Stack * All Rights Reserved. * The code is distributed under GPLv3 license, see LICENSE file for details. * Generated by Cypher Stack on 2023-05-26 * */ import 'dart:async'; import 'package:flutter/material.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:stackwallet/models/exchange/response_objects/trade.dart'; import 'package:stackwallet/models/isar/models/isar_models.dart'; import 'package:stackwallet/models/trade_wallet_lookup.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/pages_desktop_specific/my_stack_view/wallet_view/sub_widgets/desktop_auth_send.dart'; import 'package:stackwallet/providers/db/main_db_provider.dart'; import 'package:stackwallet/providers/providers.dart'; import 'package:stackwallet/route_generator.dart'; import 'package:stackwallet/themes/stack_colors.dart'; import 'package:stackwallet/utilities/amount/amount.dart'; import 'package:stackwallet/utilities/amount/amount_formatter.dart'; import 'package:stackwallet/utilities/constants.dart'; import 'package:stackwallet/utilities/logger.dart'; import 'package:stackwallet/utilities/text_styles.dart'; import 'package:stackwallet/utilities/util.dart'; import 'package:stackwallet/wallets/isar/providers/wallet_info_provider.dart'; import 'package:stackwallet/wallets/models/tx_data.dart'; import 'package:stackwallet/wallets/wallet/impl/firo_wallet.dart'; import 'package:stackwallet/widgets/background.dart'; import 'package:stackwallet/widgets/conditional_parent.dart'; import 'package:stackwallet/widgets/custom_buttons/app_bar_icon_button.dart'; import 'package:stackwallet/widgets/desktop/desktop_dialog.dart'; import 'package:stackwallet/widgets/desktop/desktop_dialog_close_button.dart'; import 'package:stackwallet/widgets/desktop/primary_button.dart'; import 'package:stackwallet/widgets/desktop/secondary_button.dart'; import 'package:stackwallet/widgets/rounded_container.dart'; import 'package:stackwallet/widgets/rounded_white_container.dart'; import 'package:stackwallet/widgets/stack_dialog.dart'; import 'package:uuid/uuid.dart'; class ConfirmChangeNowSendView extends ConsumerStatefulWidget { const ConfirmChangeNowSendView({ super.key, required this.txData, required this.walletId, this.routeOnSuccessName = WalletView.routeName, required this.trade, this.shouldSendPublicFiroFunds, this.fromDesktopStep4 = false, }); static const String routeName = "/confirmChangeNowSend"; final TxData txData; final String walletId; final String routeOnSuccessName; final Trade trade; final bool? shouldSendPublicFiroFunds; final bool fromDesktopStep4; @override ConsumerState createState() => _ConfirmChangeNowSendViewState(); } class _ConfirmChangeNowSendViewState extends ConsumerState { late final String walletId; late final String routeOnSuccessName; late final Trade trade; final isDesktop = Util.isDesktop; Future _attemptSend(BuildContext context) async { final wallet = ref.read(pWallets).getWallet(walletId); final coin = wallet.info.coin; final sendProgressController = ProgressAndSuccessController(); unawaited( showDialog( context: context, useSafeArea: false, barrierDismissible: false, builder: (context) { return SendingTransactionDialog( coin: coin, controller: sendProgressController, ); }, ), ); final time = Future.delayed( const Duration( milliseconds: 2500, ), ); late String txid; Future txidFuture; final String note = widget.txData.note ?? ""; try { if (wallet is FiroWallet && widget.shouldSendPublicFiroFunds == false) { txidFuture = wallet.confirmSendSpark(txData: widget.txData); } else { txidFuture = wallet.confirmSend(txData: widget.txData); } unawaited(wallet.refresh()); final results = await Future.wait([ txidFuture, time, ]); sendProgressController.triggerSuccess?.call(); await Future.delayed(const Duration(seconds: 5)); txid = (results.first as TxData).txid!; // save note await ref.read(mainDBProvider).putTransactionNote( TransactionNote( walletId: walletId, txid: txid, value: note, ), ); await ref.read(tradeSentFromStackLookupProvider).save( tradeWalletLookup: TradeWalletLookup( uuid: const Uuid().v1(), txid: txid, tradeId: trade.tradeId, walletIds: [walletId], ), ); // pop back to wallet if (mounted) { if (Util.isDesktop) { Navigator.of(context, rootNavigator: true).pop(); // stupid hack if (widget.fromDesktopStep4) { Navigator.of(context, rootNavigator: true).pop(); Navigator.of(context, rootNavigator: true).pop(); Navigator.of(context, rootNavigator: true).pop(); Navigator.of(context, rootNavigator: true).pop(); Navigator.of(context, rootNavigator: true).pop(); } } Navigator.of(context).popUntil(ModalRoute.withName(routeOnSuccessName)); } } catch (e, s) { Logging.instance.log( "Broadcast transaction failed: $e\n$s", level: LogLevel.Error, ); // 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()! .getSecondaryEnabledButtonStyle(context), child: Text( "Ok", style: STextStyles.button(context).copyWith( color: Theme.of(context) .extension()! .buttonTextSecondary, ), ), onPressed: () { Navigator.of(context).pop(); }, ), ); }, ); } } Future _confirmSend() async { final dynamic unlocked; final coin = ref.read(pWalletCoin(walletId)); if (Util.isDesktop) { unlocked = await showDialog( context: context, builder: (context) => DesktopDialog( maxWidth: 580, maxHeight: double.infinity, child: Column( mainAxisSize: MainAxisSize.min, children: [ const Row( mainAxisAlignment: MainAxisAlignment.end, children: [ DesktopDialogCloseButton(), ], ), Padding( padding: const EdgeInsets.only( left: 32, right: 32, bottom: 32, ), child: DesktopAuthSend( coin: coin, ), ), ], ), ), ); } else { 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) { await _attemptSend(context); } } @override void initState() { walletId = widget.walletId; routeOnSuccessName = widget.routeOnSuccessName; trade = widget.trade; super.initState(); } @override Widget build(BuildContext context) { return ConditionalParent( condition: !isDesktop, builder: (child) { return Background( child: Scaffold( backgroundColor: Theme.of(context).extension()!.background, appBar: AppBar( backgroundColor: Theme.of(context).extension()!.backgroundAppBar, 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) => DesktopDialog( maxHeight: double.infinity, maxWidth: 580, child: Column( children: [ Row( children: [ const SizedBox( width: 6, ), const AppBarBackButton( isCompact: true, iconSize: 23, ), const SizedBox( width: 12, ), Text( "Confirm ${ref.watch(pWalletCoin(walletId)).ticker} transaction", style: STextStyles.desktopH3(context), ) ], ), Padding( padding: const EdgeInsets.only( left: 32, right: 32, bottom: 32, ), child: Column( children: [ RoundedWhiteContainer( padding: const EdgeInsets.all(0), borderColor: Theme.of(context) .extension()! .background, child: child, ), const SizedBox( height: 16, ), Row( children: [ Text( "Transaction fee", style: STextStyles.desktopTextExtraExtraSmall(context), ), ], ), const SizedBox( height: 10, ), RoundedContainer( color: Theme.of(context) .extension()! .textFieldDefaultBG, child: Row( mainAxisAlignment: MainAxisAlignment.end, children: [ Text( ref .watch(pAmountFormatter( ref.watch(pWalletCoin(walletId)))) .format(widget.txData.fee!), style: STextStyles.desktopTextExtraExtraSmall(context) .copyWith( color: Theme.of(context) .extension()! .textDark, ), ), ], ), ), const SizedBox( height: 16, ), RoundedContainer( color: Theme.of(context) .extension()! .snackBarBackSuccess, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Total amount", style: STextStyles.titleBold12(context).copyWith( color: Theme.of(context) .extension()! .textConfirmTotalAmount, ), ), Builder( builder: (context) { final coin = ref.read(pWalletCoin(walletId)); final fee = widget.txData.fee!; final amount = widget.txData.amountWithoutChange!; final total = amount + fee; return Text( ref.watch(pAmountFormatter(coin)).format(total), style: STextStyles.itemSubtitle12(context) .copyWith( color: Theme.of(context) .extension()! .textConfirmTotalAmount, ), textAlign: TextAlign.right, ); }, ), ], ), ), const SizedBox( height: 16, ), Row( children: [ Expanded( child: SecondaryButton( label: "Cancel", buttonHeight: ButtonHeight.l, onPressed: Navigator.of(context).pop, ), ), const SizedBox( width: 16, ), Expanded( child: PrimaryButton( label: "Send", buttonHeight: isDesktop ? ButtonHeight.l : null, onPressed: _confirmSend, ), ), ], ) ], ), ), ], ), ), child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ ConditionalParent( condition: isDesktop, builder: (child) => Container( decoration: BoxDecoration( color: Theme.of(context).extension()!.background, borderRadius: BorderRadius.vertical( top: Radius.circular( Constants.size.circularBorderRadius, ), ), ), child: Padding( padding: const EdgeInsets.all(12), child: Row( children: [ child, ], ), ), ), child: Text( "Send ${ref.watch(pWalletCoin(walletId)).ticker}", style: isDesktop ? STextStyles.desktopTextMedium(context) : STextStyles.pageTitleH1(context), ), ), isDesktop ? Container( color: Theme.of(context).extension()!.background, height: 1, ) : const SizedBox( height: 12, ), RoundedWhiteContainer( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Text( "Send from", style: STextStyles.smallMed12(context), ), const SizedBox( height: 4, ), Text( ref.watch(pWalletName(walletId)), style: STextStyles.itemSubtitle12(context), ), ], ), ), isDesktop ? Container( color: Theme.of(context).extension()!.background, height: 1, ) : const SizedBox( height: 12, ), RoundedWhiteContainer( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Text( "${trade.exchangeName} address", style: STextStyles.smallMed12(context), ), const SizedBox( height: 4, ), Text( widget.txData.recipients!.first.address, style: STextStyles.itemSubtitle12(context), ), ], ), ), isDesktop ? Container( color: Theme.of(context).extension()!.background, height: 1, ) : const SizedBox( height: 12, ), RoundedWhiteContainer( child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Amount", style: STextStyles.smallMed12(context), ), ConditionalParent( condition: isDesktop, builder: (child) => Row( children: [ child, Builder(builder: (context) { final coin = ref.watch(pWalletCoin(walletId)); final price = ref.watch( priceAnd24hChangeNotifierProvider .select((value) => value.getPrice(coin))); final amountWithoutChange = widget.txData.amountWithoutChange!; final value = (price.item1 * amountWithoutChange.decimal) .toAmount(fractionDigits: 2); final currency = ref.watch(prefsChangeNotifierProvider .select((value) => value.currency)); final locale = ref.watch( localeServiceChangeNotifierProvider.select( (value) => value.locale, ), ); return Text( " | ${value.fiatString(locale: locale)} $currency", style: STextStyles.desktopTextExtraExtraSmall(context) .copyWith( color: Theme.of(context) .extension()! .textSubtitle2, ), ); }) ], ), child: Text( ref .watch(pAmountFormatter( ref.watch(pWalletCoin(walletId)))) .format((widget.txData.amountWithoutChange!)), style: STextStyles.itemSubtitle12(context), textAlign: TextAlign.right, ), ), ], ), ), isDesktop ? Container( color: Theme.of(context).extension()!.background, height: 1, ) : const SizedBox( height: 12, ), RoundedWhiteContainer( child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Transaction fee", style: STextStyles.smallMed12(context), ), Text( ref .watch( pAmountFormatter(ref.read(pWalletCoin(walletId)))) .format( widget.txData.fee!, ), style: STextStyles.itemSubtitle12(context), textAlign: TextAlign.right, ), ], ), ), isDesktop ? Container( color: Theme.of(context).extension()!.background, height: 1, ) : const SizedBox( height: 12, ), RoundedWhiteContainer( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ Text( "Note", style: STextStyles.smallMed12(context), ), const SizedBox( height: 4, ), Text( widget.txData.note ?? "", style: STextStyles.itemSubtitle12(context), ), ], ), ), isDesktop ? Container( color: Theme.of(context).extension()!.background, height: 1, ) : const SizedBox( height: 12, ), RoundedWhiteContainer( child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Trade ID", style: STextStyles.smallMed12(context), ), Text( trade.tradeId, style: STextStyles.itemSubtitle12(context), textAlign: TextAlign.right, ), ], ), ), if (!isDesktop) const SizedBox( height: 12, ), if (!isDesktop) RoundedContainer( color: Theme.of(context) .extension()! .snackBarBackSuccess, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Total amount", style: STextStyles.titleBold12(context).copyWith( color: Theme.of(context) .extension()! .textConfirmTotalAmount, ), ), Builder( builder: (context) { final coin = ref.watch(pWalletCoin(walletId)); final fee = widget.txData.fee!; final amount = widget.txData.amountWithoutChange!; final total = amount + fee; return Text( ref.watch(pAmountFormatter(coin)).format(total), style: STextStyles.itemSubtitle12(context).copyWith( color: Theme.of(context) .extension()! .textConfirmTotalAmount, ), textAlign: TextAlign.right, ); }, ), ], ), ), if (!isDesktop) const SizedBox( height: 16, ), if (!isDesktop) const Spacer(), if (!isDesktop) PrimaryButton( label: "Send", buttonHeight: isDesktop ? ButtonHeight.l : null, onPressed: _confirmSend, ), ], ), ), ); } }