stack_wallet/lib/pages/paynym/dialogs/paynym_details_popup.dart

434 lines
16 KiB
Dart
Raw Normal View History

2023-05-26 21:21:16 +00:00
/*
* 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/services.dart';
2023-01-06 22:31:36 +00:00
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_svg/svg.dart';
import 'package:qr_flutter/qr_flutter.dart';
2023-01-20 18:25:32 +00:00
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';
2023-01-06 22:31:36 +00:00
import 'package:stackwallet/pages/paynym/dialogs/confirm_paynym_connect_dialog.dart';
2023-01-09 21:46:52 +00:00
import 'package:stackwallet/pages/paynym/paynym_home_view.dart';
import 'package:stackwallet/pages/paynym/subwidgets/paynym_bot.dart';
2023-01-06 22:31:36 +00:00
import 'package:stackwallet/pages/send_view/confirm_transaction_view.dart';
2023-01-26 17:46:16 +00:00
import 'package:stackwallet/pages/send_view/send_view.dart';
2023-04-05 22:06:31 +00:00
import 'package:stackwallet/providers/global/locale_provider.dart';
2023-01-06 22:31:36 +00:00
import 'package:stackwallet/providers/global/wallets_provider.dart';
import 'package:stackwallet/route_generator.dart';
import 'package:stackwallet/themes/stack_colors.dart';
import 'package:stackwallet/utilities/assets.dart';
import 'package:stackwallet/utilities/text_styles.dart';
import 'package:stackwallet/wallets/isar/providers/wallet_info_provider.dart';
import 'package:stackwallet/wallets/models/tx_data.dart';
import 'package:stackwallet/wallets/wallet/wallet_mixin_interfaces/paynym_interface.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/desktop/secondary_button.dart';
2023-01-06 22:31:36 +00:00
import 'package:stackwallet/widgets/loading_indicator.dart';
import 'package:stackwallet/widgets/rounded_container.dart';
import 'package:stackwallet/widgets/stack_dialog.dart';
2023-01-26 17:46:16 +00:00
import 'package:tuple/tuple.dart';
2023-01-06 22:31:36 +00:00
class PaynymDetailsPopup extends ConsumerStatefulWidget {
const PaynymDetailsPopup({
2024-05-15 21:20:45 +00:00
super.key,
required this.walletId,
required this.accountLite,
2024-05-15 21:20:45 +00:00
});
final String walletId;
final PaynymAccountLite accountLite;
@override
2023-01-06 22:31:36 +00:00
ConsumerState<PaynymDetailsPopup> createState() => _PaynymDetailsPopupState();
}
2023-01-06 22:31:36 +00:00
class _PaynymDetailsPopupState extends ConsumerState<PaynymDetailsPopup> {
bool _showInsufficientFundsInfo = false;
2023-01-23 21:39:05 +00:00
Future<void> _onSend() async {
final wallet = ref.read(pWallets).getWallet(widget.walletId);
2023-01-26 17:46:16 +00:00
await Navigator.of(context).pushNamed(
SendView.routeName,
arguments: Tuple3(
wallet.walletId,
wallet.info.coin,
2023-01-26 17:46:16 +00:00
widget.accountLite,
),
);
2023-01-23 21:39:05 +00:00
}
2023-01-06 22:31:36 +00:00
Future<void> _onConnectPressed() async {
bool canPop = false;
unawaited(
showDialog<void>(
context: context,
builder: (context) => WillPopScope(
onWillPop: () async => canPop,
child: const LoadingIndicator(
width: 200,
),
),
),
);
final wallet =
2023-11-16 16:54:57 +00:00
ref.read(pWallets).getWallet(widget.walletId) as PaynymInterface;
final coin = ref.read(pWalletCoin(widget.walletId));
2023-01-06 22:31:36 +00:00
2023-01-23 21:39:05 +00:00
if (await wallet.hasConnected(widget.accountLite.code)) {
2023-01-06 22:31:36 +00:00
canPop = true;
Navigator.of(context).pop();
// TODO show info popup
return;
}
final rates = await ref.read(pWallets).getWallet(widget.walletId).fees;
2023-01-06 22:31:36 +00:00
TxData preparedTx;
2023-01-06 22:31:36 +00:00
try {
preparedTx = await wallet.prepareNotificationTx(
2023-01-06 22:31:36 +00:00
selectedTxFeeRate: rates.medium,
targetPaymentCodeString: widget.accountLite.code,
);
} on InsufficientBalanceException catch (_) {
2023-01-06 22:31:36 +00:00
if (mounted) {
canPop = true;
Navigator.of(context).pop();
}
setState(() {
_showInsufficientFundsInfo = true;
});
2023-01-06 22:31:36 +00:00
return;
} catch (e) {
if (mounted) {
canPop = true;
Navigator.of(context).pop();
}
await showDialog<void>(
context: context,
builder: (context) => StackOkDialog(
title: "Error",
message: e.toString(),
),
);
return;
2023-01-06 22:31:36 +00:00
}
if (mounted) {
// We have enough balance and prepared tx should be good to go.
canPop = true;
// close loading
Navigator.of(context).pop();
// Close details
Navigator.of(context).pop();
// show info pop up
await showDialog<void>(
context: context,
builder: (context) => ConfirmPaynymConnectDialog(
nymName: widget.accountLite.nymName,
2023-04-05 22:06:31 +00:00
locale: ref.read(localeServiceChangeNotifierProvider).locale,
2023-01-06 22:31:36 +00:00
onConfirmPressed: () {
Navigator.of(context).push(
RouteGenerator.getRoute(
builder: (_) => ConfirmTransactionView(
walletId: widget.walletId,
2023-01-09 21:46:52 +00:00
routeOnSuccessName: PaynymHomeView.routeName,
isPaynymNotificationTransaction: true,
txData: preparedTx,
2024-01-04 18:52:00 +00:00
onSuccess: () {
// do nothing extra
},
2023-01-06 22:31:36 +00:00
),
),
);
},
amount: preparedTx.amount! + preparedTx.fee!,
coin: coin,
2023-01-06 22:31:36 +00:00
),
);
}
}
@override
Widget build(BuildContext context) {
final wallet =
2023-11-16 16:54:57 +00:00
ref.watch(pWallets).getWallet(widget.walletId) as PaynymInterface;
2023-01-23 21:39:05 +00:00
return DesktopDialog(
maxWidth: MediaQuery.of(context).size.width - 32,
maxHeight: double.infinity,
child: Column(
children: [
Padding(
padding: const EdgeInsets.only(
left: 24,
top: 24,
right: 24,
bottom: 16,
),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
PayNymBot(
paymentCodeString: widget.accountLite.code,
2023-02-01 21:02:41 +00:00
size: 36,
),
const SizedBox(
width: 12,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
widget.accountLite.nymName,
2023-02-01 21:02:41 +00:00
style: STextStyles.w600_14(context),
),
FutureBuilder(
future:
wallet.hasConnected(widget.accountLite.code),
builder: (context, AsyncSnapshot<bool> snapshot) {
if (snapshot.connectionState ==
ConnectionState.done &&
snapshot.data == true) {
return Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
const SizedBox(
height: 2,
),
Text(
"Connected",
2023-02-01 21:02:41 +00:00
style: STextStyles.w500_12(context)
.copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.accentColorGreen,
),
)
],
);
} else {
return Container();
}
},
),
],
),
],
),
2023-01-23 21:39:05 +00:00
FutureBuilder(
future: wallet.hasConnected(widget.accountLite.code),
builder: (context, AsyncSnapshot<bool> snapshot) {
if (snapshot.connectionState == ConnectionState.done &&
snapshot.hasData) {
if (snapshot.data!) {
return PrimaryButton(
label: "Send",
2023-02-01 21:02:41 +00:00
buttonHeight: ButtonHeight.xl,
2023-01-23 21:39:05 +00:00
icon: SvgPicture.asset(
Assets.svg.circleArrowUpRight,
2023-02-01 21:02:41 +00:00
width: 14,
height: 14,
2023-01-23 21:39:05 +00:00
color: Theme.of(context)
.extension<StackColors>()!
.buttonTextPrimary,
),
2023-02-01 21:02:41 +00:00
iconSpacing: 8,
width: 100,
2023-01-23 21:39:05 +00:00
onPressed: _onSend,
);
} else {
return PrimaryButton(
label: "Connect",
2023-02-01 21:02:41 +00:00
buttonHeight: ButtonHeight.xl,
2023-01-23 21:39:05 +00:00
icon: SvgPicture.asset(
Assets.svg.circlePlusFilled,
2023-02-01 21:02:41 +00:00
width: 13,
height: 13,
2023-01-23 21:39:05 +00:00
color: Theme.of(context)
.extension<StackColors>()!
.buttonTextPrimary,
),
2023-02-01 21:02:41 +00:00
iconSpacing: 8,
width: 128,
2023-01-23 21:39:05 +00:00
onPressed: _onConnectPressed,
);
}
} else {
return const SizedBox(
2023-01-23 21:42:39 +00:00
height: 32,
2023-01-23 21:39:05 +00:00
child: LoadingIndicator(),
);
}
},
),
],
),
if (_showInsufficientFundsInfo)
Column(
mainAxisSize: MainAxisSize.min,
children: [
const SizedBox(
height: 24,
),
RoundedContainer(
color: Theme.of(context)
.extension<StackColors>()!
.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.watch(pWalletCoin(widget.walletId)).ticker} "
"into your wallet and try again.",
style: STextStyles.infoSmall(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.warningForeground,
2023-02-01 21:02:41 +00:00
fontSize: 12,
),
),
),
],
),
],
),
),
Container(
color: Theme.of(context).extension<StackColors>()!.backgroundAppBar,
height: 1,
),
Padding(
padding: const EdgeInsets.only(
left: 24,
top: 16,
right: 24,
bottom: 16,
),
child: Row(
children: [
Expanded(
child: ConstrainedBox(
constraints: const BoxConstraints(minHeight: 86),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"PayNym address",
2023-02-01 21:02:41 +00:00
style: STextStyles.infoSmall(context).copyWith(
fontSize: 12,
),
),
const SizedBox(
height: 6,
),
Text(
widget.accountLite.code,
style: STextStyles.infoSmall(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark,
2023-02-01 21:02:41 +00:00
fontSize: 12,
),
),
const SizedBox(
height: 6,
),
],
),
),
),
const SizedBox(
width: 20,
),
2023-06-05 13:40:56 +00:00
QrImageView(
padding: const EdgeInsets.all(0),
2023-02-01 21:02:41 +00:00
size: 100,
data: widget.accountLite.code,
foregroundColor:
Theme.of(context).extension<StackColors>()!.textDark,
),
],
),
),
Padding(
padding: const EdgeInsets.only(
left: 24,
right: 24,
bottom: 24,
),
child: Row(
children: [
Expanded(
child: PaynymFollowToggleButton(
walletId: widget.walletId,
paymentCodeStringToFollow: widget.accountLite.code,
style: PaynymFollowToggleButtonStyle.detailsPopup,
),
),
const SizedBox(
width: 12,
),
Expanded(
child: SecondaryButton(
label: "Copy",
2023-02-01 21:02:41 +00:00
buttonHeight: ButtonHeight.xl,
iconSpacing: 8,
icon: SvgPicture.asset(
Assets.svg.copy,
2023-02-01 21:02:41 +00:00
width: 12,
height: 12,
color: Theme.of(context)
.extension<StackColors>()!
.buttonTextSecondary,
),
onPressed: () async {
await Clipboard.setData(
ClipboardData(
text: widget.accountLite.code,
),
);
unawaited(
showFloatingFlushBar(
type: FlushBarType.info,
message: "Copied to clipboard",
iconAsset: Assets.svg.copy,
context: context,
),
);
},
),
),
],
),
),
],
),
);
}
}