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/models/exchange/response_objects/trade.dart'; import 'package:stackwallet/pages/exchange_view/confirm_change_now_send.dart'; import 'package:stackwallet/pages/home_view/home_view.dart'; import 'package:stackwallet/pages/send_view/sub_widgets/building_transaction_dialog.dart'; import 'package:stackwallet/pages_desktop_specific/desktop_exchange/desktop_exchange_view.dart'; import 'package:stackwallet/providers/providers.dart'; import 'package:stackwallet/route_generator.dart'; import 'package:stackwallet/services/coins/firo/firo_wallet.dart'; import 'package:stackwallet/services/coins/manager.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/fee_rate_type_enum.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/animated_text.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/expandable.dart'; import 'package:stackwallet/widgets/rounded_white_container.dart'; import 'package:stackwallet/widgets/stack_dialog.dart'; class SendFromView extends ConsumerStatefulWidget { const SendFromView({ Key? key, required this.coin, required this.trade, required this.amount, required this.address, this.shouldPopRoot = false, this.fromDesktopStep4 = false, }) : super(key: key); static const String routeName = "/sendFrom"; final Coin coin; final Decimal amount; final String address; final Trade trade; final bool shouldPopRoot; final bool fromDesktopStep4; @override ConsumerState createState() => _SendFromViewState(); } class _SendFromViewState extends ConsumerState { late final Coin coin; late final Decimal amount; late final String address; late final Trade trade; String formatAmount(Decimal amount, Coin coin) { switch (coin) { case Coin.bitcoin: case Coin.bitcoincash: case Coin.litecoin: case Coin.dogecoin: case Coin.epicCash: case Coin.firo: case Coin.namecoin: case Coin.bitcoinTestNet: case Coin.litecoinTestNet: case Coin.bitcoincashTestnet: case Coin.dogecoinTestNet: case Coin.firoTestNet: return amount.toStringAsFixed(Constants.decimalPlaces); case Coin.monero: return amount.toStringAsFixed(Constants.decimalPlacesMonero); case Coin.wownero: return amount.toStringAsFixed(Constants.decimalPlacesWownero); } } @override void initState() { coin = widget.coin; address = widget.address; amount = widget.amount; trade = widget.trade; super.initState(); } @override Widget build(BuildContext context) { debugPrint("BUILD: $runtimeType"); final walletIds = ref.watch(walletsChangeNotifierProvider .select((value) => value.getWalletIdsFor(coin: coin))); final isDesktop = Util.isDesktop; return ConditionalParent( condition: !isDesktop, builder: (child) { return Scaffold( backgroundColor: Theme.of(context).extension()!.background, appBar: AppBar( leading: AppBarBackButton( onPressed: () { Navigator.of(context).pop(); }, ), title: Text( "Send from", style: STextStyles.navBarTitle(context), ), ), body: Padding( padding: const EdgeInsets.all(16), child: child, ), ); }, child: ConditionalParent( condition: isDesktop, builder: (child) => DesktopDialog( maxHeight: double.infinity, child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Padding( padding: const EdgeInsets.only( left: 32, ), child: Text( "Send from Stack", style: STextStyles.desktopH3(context), ), ), DesktopDialogCloseButton( onPressedOverride: Navigator.of( context, rootNavigator: widget.shouldPopRoot, ).pop, ), ], ), Padding( padding: const EdgeInsets.only( left: 32, right: 32, bottom: 32, ), child: child, ), ], ), ), child: Column( mainAxisAlignment: MainAxisAlignment.start, children: [ Row( children: [ Text( "You need to send ${formatAmount(amount, coin)} ${coin.ticker}", style: isDesktop ? STextStyles.desktopTextExtraExtraSmall(context) : STextStyles.itemSubtitle(context), ), ], ), const SizedBox( height: 16, ), ConditionalParent( condition: !isDesktop, builder: (child) => Expanded( child: child, ), child: ListView.builder( primary: isDesktop ? false : null, shrinkWrap: isDesktop, itemCount: walletIds.length, itemBuilder: (context, index) { return Padding( padding: const EdgeInsets.symmetric(vertical: 4), child: SendFromCard( walletId: walletIds[index], amount: amount, address: address, trade: trade, fromDesktopStep4: widget.fromDesktopStep4, ), ); }, ), ), ], ), ), ); } } class SendFromCard extends ConsumerStatefulWidget { const SendFromCard({ Key? key, required this.walletId, required this.amount, required this.address, required this.trade, this.fromDesktopStep4 = false, }) : super(key: key); final String walletId; final Decimal amount; final String address; final Trade trade; final bool fromDesktopStep4; @override ConsumerState createState() => _SendFromCardState(); } class _SendFromCardState extends ConsumerState { late final String walletId; late final Decimal amount; late final String address; late final Trade trade; Future _send(Manager manager, {bool? shouldSendPublicFiroFunds}) async { final _amount = Format.decimalAmountToSatoshis(amount); try { bool wasCancelled = false; unawaited( showDialog( context: context, useSafeArea: false, barrierDismissible: false, builder: (context) { return ConditionalParent( condition: Util.isDesktop, builder: (child) => DesktopDialog( maxWidth: 400, maxHeight: double.infinity, child: Padding( padding: const EdgeInsets.all(32), child: child, ), ), child: BuildingTransactionDialog( onCancel: () { wasCancelled = true; Navigator.of(context).pop(); }, ), ); }, ), ); late Map txData; // if not firo then do normal send if (shouldSendPublicFiroFunds == null) { txData = await manager.prepareSend( address: address, satoshiAmount: _amount, args: { "feeRate": FeeRateType.average, // ref.read(feeRateTypeStateProvider) }, ); } else { final firoWallet = manager.wallet as FiroWallet; // otherwise do firo send based on balance selected if (shouldSendPublicFiroFunds) { txData = await firoWallet.prepareSendPublic( address: address, satoshiAmount: _amount, args: { "feeRate": FeeRateType.average, // ref.read(feeRateTypeStateProvider) }, ); } else { txData = await firoWallet.prepareSend( address: address, satoshiAmount: _amount, args: { "feeRate": FeeRateType.average, // ref.read(feeRateTypeStateProvider) }, ); } } if (!wasCancelled) { // pop building dialog if (mounted) { Navigator.of( context, rootNavigator: Util.isDesktop, ).pop(); } txData["note"] = "${trade.payInCurrency.toUpperCase()}/${trade.payOutCurrency.toUpperCase()} exchange"; txData["address"] = address; if (mounted) { await Navigator.of(context).push( RouteGenerator.getRoute( shouldUseMaterialRoute: RouteGenerator.useMaterialPageRoute, builder: (_) => ConfirmChangeNowSendView( transactionInfo: txData, walletId: walletId, routeOnSuccessName: Util.isDesktop ? DesktopExchangeView.routeName : HomeView.routeName, trade: trade, shouldSendPublicFiroFunds: shouldSendPublicFiroFunds, fromDesktopStep4: widget.fromDesktopStep4, ), settings: const RouteSettings( name: ConfirmChangeNowSendView.routeName, ), ), ); } } } catch (e) { // if (mounted) { // pop building dialog Navigator.of(context).pop(); await showDialog( context: context, useSafeArea: false, barrierDismissible: true, builder: (context) { return StackDialog( title: "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()! .buttonTextSecondary, ), ), onPressed: () { Navigator.of(context).pop(); }, ), ); }, ); // } } } @override void initState() { walletId = widget.walletId; amount = widget.amount; address = widget.address; trade = widget.trade; super.initState(); } @override Widget build(BuildContext context) { final manager = ref.watch(ref .watch(walletsChangeNotifierProvider.notifier) .getManagerProvider(walletId)); final locale = ref.watch( localeServiceChangeNotifierProvider.select((value) => value.locale)); final coin = manager.coin; final isFiro = coin == Coin.firoTestNet || coin == Coin.firo; return RoundedWhiteContainer( padding: const EdgeInsets.all(0), child: ConditionalParent( condition: isFiro, builder: (child) => Expandable( header: Container( color: Colors.transparent, child: Padding( padding: const EdgeInsets.all(12), child: child, ), ), body: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ MaterialButton( splashColor: Theme.of(context).extension()!.highlight, key: Key("walletsSheetItemButtonFiroPrivateKey_$walletId"), padding: const EdgeInsets.all(0), materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular( Constants.size.circularBorderRadius, ), ), onPressed: () async { if (mounted) { unawaited( _send( manager, shouldSendPublicFiroFunds: false, ), ); } }, child: Container( color: Colors.transparent, child: Padding( padding: const EdgeInsets.only( top: 6, left: 16, right: 16, bottom: 6, ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "Use private balance", style: STextStyles.itemSubtitle(context), ), FutureBuilder( future: (manager.wallet as FiroWallet) .availablePrivateBalance(), builder: (builderContext, AsyncSnapshot snapshot) { if (snapshot.connectionState == ConnectionState.done && snapshot.hasData) { return Text( "${Format.localizedStringAsFixed( value: snapshot.data!, locale: locale, decimalPlaces: Constants.decimalPlaces, )} ${coin.ticker}", style: STextStyles.itemSubtitle(context), ); } else { return AnimatedText( stringsToLoopThrough: const [ "Loading balance", "Loading balance.", "Loading balance..", "Loading balance..." ], style: STextStyles.itemSubtitle(context), ); } }, ), ], ), SvgPicture.asset( Assets.svg.chevronRight, height: 14, width: 7, color: Theme.of(context) .extension()! .infoItemLabel, ), ], ), ), ), ), MaterialButton( splashColor: Theme.of(context).extension()!.highlight, key: Key("walletsSheetItemButtonFiroPublicKey_$walletId"), padding: const EdgeInsets.all(0), materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular( Constants.size.circularBorderRadius, ), ), onPressed: () async { if (mounted) { unawaited( _send( manager, shouldSendPublicFiroFunds: true, ), ); } }, child: Container( color: Colors.transparent, child: Padding( padding: const EdgeInsets.only( top: 6, left: 16, right: 16, bottom: 6, ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "Use public balance", style: STextStyles.itemSubtitle(context), ), FutureBuilder( future: (manager.wallet as FiroWallet) .availablePublicBalance(), builder: (builderContext, AsyncSnapshot snapshot) { if (snapshot.connectionState == ConnectionState.done && snapshot.hasData) { return Text( "${Format.localizedStringAsFixed( value: snapshot.data!, locale: locale, decimalPlaces: Constants.decimalPlaces, )} ${coin.ticker}", style: STextStyles.itemSubtitle(context), ); } else { return AnimatedText( stringsToLoopThrough: const [ "Loading balance", "Loading balance.", "Loading balance..", "Loading balance..." ], style: STextStyles.itemSubtitle(context), ); } }, ), ], ), SvgPicture.asset( Assets.svg.chevronRight, height: 14, width: 7, color: Theme.of(context) .extension()! .infoItemLabel, ), ], ), ), ), ), const SizedBox( height: 6, ), ], ), ), child: ConditionalParent( condition: !isFiro, builder: (child) => MaterialButton( splashColor: Theme.of(context).extension()!.highlight, key: Key("walletsSheetItemButtonKey_$walletId"), padding: const EdgeInsets.all(8), materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular( Constants.size.circularBorderRadius, ), ), onPressed: () async { if (mounted) { unawaited( _send(manager), ); } }, child: child, ), child: Row( children: [ Container( decoration: BoxDecoration( color: Theme.of(context) .extension()! .colorForCoin(manager.coin) .withOpacity(0.5), borderRadius: BorderRadius.circular( Constants.size.circularBorderRadius, ), ), child: Padding( padding: const EdgeInsets.all(6), child: SvgPicture.asset( Assets.svg.iconFor(coin: coin), width: 24, height: 24, ), ), ), const SizedBox( width: 12, ), Expanded( child: Column( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( manager.walletName, style: STextStyles.titleBold12(context), ), if (!isFiro) const SizedBox( height: 2, ), if (!isFiro) FutureBuilder( future: manager.totalBalance, builder: (builderContext, AsyncSnapshot snapshot) { if (snapshot.connectionState == ConnectionState.done && snapshot.hasData) { return Text( "${Format.localizedStringAsFixed( value: snapshot.data!, locale: locale, decimalPlaces: coin == Coin.monero ? Constants.decimalPlacesMonero : coin == Coin.wownero ? Constants.decimalPlacesWownero : Constants.decimalPlaces, )} ${coin.ticker}", style: STextStyles.itemSubtitle(context), ); } else { return AnimatedText( stringsToLoopThrough: const [ "Loading balance", "Loading balance.", "Loading balance..", "Loading balance..." ], style: STextStyles.itemSubtitle(context), ); } }, ), ], ), ), ], ), ), ), ); } }