import 'dart:async'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:flutter_svg/svg.dart'; import 'package:qr_flutter/qr_flutter.dart'; import 'package:stackwallet/exceptions/wallet/insufficient_balance_exception.dart'; import 'package:stackwallet/models/paynym/paynym_account_lite.dart'; import 'package:stackwallet/notifications/show_flush_bar.dart'; import 'package:stackwallet/pages/paynym/dialogs/confirm_paynym_connect_dialog.dart'; import 'package:stackwallet/pages/paynym/subwidgets/paynym_bot.dart'; import 'package:stackwallet/pages/send_view/confirm_transaction_view.dart'; import 'package:stackwallet/pages_desktop_specific/my_stack_view/paynym/desktop_paynym_send_dialog.dart'; import 'package:stackwallet/providers/global/locale_provider.dart'; import 'package:stackwallet/providers/global/wallets_provider.dart'; import 'package:stackwallet/services/mixins/paynym_wallet_interface.dart'; import 'package:stackwallet/utilities/amount/amount.dart'; import 'package:stackwallet/utilities/assets.dart'; import 'package:stackwallet/utilities/enums/coin_enum.dart'; import 'package:stackwallet/utilities/text_styles.dart'; import 'package:stackwallet/utilities/theme/stack_colors.dart'; import 'package:stackwallet/widgets/custom_buttons/blue_text_button.dart'; import 'package:stackwallet/widgets/custom_buttons/paynym_follow_toggle_button.dart'; import 'package:stackwallet/widgets/desktop/desktop_dialog.dart'; import 'package:stackwallet/widgets/desktop/primary_button.dart'; import 'package:stackwallet/widgets/loading_indicator.dart'; import 'package:stackwallet/widgets/rounded_container.dart'; import 'package:stackwallet/widgets/rounded_white_container.dart'; class DesktopPaynymDetails extends ConsumerStatefulWidget { const DesktopPaynymDetails({ Key? key, required this.walletId, required this.accountLite, }) : super(key: key); final String walletId; final PaynymAccountLite accountLite; @override ConsumerState createState() => _PaynymDetailsPopupState(); } class _PaynymDetailsPopupState extends ConsumerState { bool _showInsufficientFundsInfo = false; Future _onConnectPressed() async { bool canPop = false; unawaited( showDialog( context: context, builder: (context) => WillPopScope( onWillPop: () async => canPop, child: const LoadingIndicator( width: 200, ), ), ), ); final manager = ref.read(walletsChangeNotifierProvider).getManager(widget.walletId); final wallet = manager.wallet as PaynymWalletInterface; if (await wallet.hasConnected(widget.accountLite.code)) { canPop = true; Navigator.of(context, rootNavigator: true).pop(); // TODO show info popup return; } final rates = await manager.fees; Map preparedTx; try { preparedTx = await wallet.prepareNotificationTx( selectedTxFeeRate: rates.medium, targetPaymentCodeString: widget.accountLite.code, ); } on InsufficientBalanceException catch (e) { if (mounted) { canPop = true; Navigator.of(context, rootNavigator: true).pop(); } setState(() { _showInsufficientFundsInfo = true; }); return; } if (mounted) { // We have enough balance and prepared tx should be good to go. canPop = true; // close loading Navigator.of(context, rootNavigator: true).pop(); // show info pop up await showDialog( context: context, builder: (context) => ConfirmPaynymConnectDialog( nymName: widget.accountLite.nymName, locale: ref.read(localeServiceChangeNotifierProvider).locale, onConfirmPressed: () { Navigator.of(context, rootNavigator: true).pop(); unawaited( showDialog( context: context, builder: (context) => DesktopDialog( maxHeight: double.infinity, maxWidth: 580, child: ConfirmTransactionView( walletId: manager.walletId, isPaynymNotificationTransaction: true, transactionInfo: { "hex": preparedTx["hex"], "address": preparedTx["recipientPaynym"], "recipientAmt": preparedTx["amount"], "fee": preparedTx["fee"], "vSize": preparedTx["vSize"], "note": "PayNym connect" }, onSuccessInsteadOfRouteOnSuccess: () { Navigator.of(context, rootNavigator: true).pop(); Navigator.of(context, rootNavigator: true).pop(); unawaited( showFloatingFlushBar( type: FlushBarType.success, message: "Connection initiated to ${widget.accountLite.nymName}", iconAsset: Assets.svg.copy, context: context, ), ); }, ), ), ), ); }, amount: (preparedTx["amount"] as Amount) + (preparedTx["fee"] as int).toAmountAsRaw( fractionDigits: manager.coin.decimals, ), coin: manager.coin, ), ); } } Future _onSend() async { await showDialog( context: context, builder: (context) => DesktopPaynymSendDialog( walletId: widget.walletId, accountLite: widget.accountLite, ), ); } @override Widget build(BuildContext context) { final manager = ref.watch(walletsChangeNotifierProvider .select((value) => value.getManager(widget.walletId))); final wallet = manager.wallet as PaynymWalletInterface; return RoundedWhiteContainer( padding: const EdgeInsets.all(0), child: Column( children: [ Padding( padding: const EdgeInsets.all(24), child: Column( mainAxisSize: MainAxisSize.min, children: [ Row( children: [ PayNymBot( paymentCodeString: widget.accountLite.code, size: 36, ), const SizedBox( width: 12, ), Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( widget.accountLite.nymName, style: STextStyles.desktopTextSmall(context), ), FutureBuilder( future: wallet.hasConnected(widget.accountLite.code), builder: (context, AsyncSnapshot snapshot) { if (snapshot.connectionState == ConnectionState.done && snapshot.data == true) { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ const SizedBox( height: 2, ), Text( "Connected", style: STextStyles.desktopTextSmall(context) .copyWith( color: Theme.of(context) .extension()! .accentColorGreen, ), ) ], ); } else { return Container(); } }, ), ], ), ], ), const SizedBox( height: 20, ), Row( children: [ Expanded( child: FutureBuilder( future: wallet.hasConnected(widget.accountLite.code), builder: (context, AsyncSnapshot snapshot) { if (snapshot.connectionState == ConnectionState.done && snapshot.hasData) { if (snapshot.data!) { return PrimaryButton( label: "Send", buttonHeight: ButtonHeight.s, icon: SvgPicture.asset( Assets.svg.circleArrowUpRight, width: 16, height: 16, color: Theme.of(context) .extension()! .buttonTextPrimary, ), iconSpacing: 6, onPressed: _onSend, ); } else { return PrimaryButton( label: "Connect", buttonHeight: ButtonHeight.s, icon: SvgPicture.asset( Assets.svg.circlePlusFilled, width: 16, height: 16, color: Theme.of(context) .extension()! .buttonTextPrimary, ), iconSpacing: 6, onPressed: _onConnectPressed, ); } } else { return const SizedBox( height: 100, child: LoadingIndicator(), ); } }, ), ), const SizedBox( width: 20, ), Expanded( child: PaynymFollowToggleButton( walletId: widget.walletId, paymentCodeStringToFollow: widget.accountLite.code, style: PaynymFollowToggleButtonStyle.detailsDesktop, ), ), ], ), if (_showInsufficientFundsInfo) Column( mainAxisSize: MainAxisSize.min, children: [ const SizedBox( height: 24, ), RoundedContainer( color: Theme.of(context) .extension()! .warningBackground, child: Text( "Adding a PayNym to your contacts requires a one-time " "transaction fee for creating the record on the " "blockchain. Please deposit more " "${ref.read(walletsChangeNotifierProvider).getManager(widget.walletId).wallet.coin.ticker} " "into your wallet and try again.", style: STextStyles.desktopTextExtraExtraSmall(context) .copyWith( color: Theme.of(context) .extension()! .warningForeground, ), ), ), ], ), ], ), ), Container( color: Theme.of(context).extension()!.backgroundAppBar, height: 1, ), Padding( padding: const EdgeInsets.all(24), child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "PayNym address", style: STextStyles.desktopTextExtraExtraSmall(context), ), const SizedBox( height: 8, ), Row( children: [ Expanded( child: ConstrainedBox( constraints: const BoxConstraints(minHeight: 100), child: Text( widget.accountLite.code, style: STextStyles.desktopTextExtraExtraSmall(context) .copyWith( color: Theme.of(context) .extension()! .textDark, ), ), ), ), const SizedBox( width: 20, ), QrImage( padding: const EdgeInsets.all(0), size: 100, data: widget.accountLite.code, foregroundColor: Theme.of(context).extension()!.textDark, ), ], ), const SizedBox( height: 8, ), CustomTextButton( text: "Copy", onTap: () async { await Clipboard.setData( ClipboardData( text: widget.accountLite.code, ), ); unawaited( showFloatingFlushBar( type: FlushBarType.info, message: "Copied to clipboard", iconAsset: Assets.svg.copy, context: context, ), ); }, ), ], ), ), ], ), ); } }