mirror of
https://github.com/Such-Software/hash-wallet.git
synced 2026-10-18 05:51:34 +02:00
jwinterm
7e368f92e6
Send-success art: replace the Cake birthday cake with a Hash Bags money sack that has a # on it and erupts #/$/₿ (assets/images/hash_bag.png). Used by the success page, send-confirm sheet, exchange-trade, and dEURO savings. Asset renames (files + refs): - birthday_cake.png -> hash_bag.png - restore_cupcake(.png/_dark) -> restore_hashbag.png - qr-cake.png -> qr-hashbag.png - arrow_bottom_cake_green.png -> arrow_bottom_green.png (+ 2.0x/3.0x) Identifier renames: - CakeImageWidget -> HashImageWidget (widget + file + 93 refs) - typography _cakeRegular/_cakeBold/_cakeSemiBold -> _hash* Transaction filter: drop the Cake Pay "Orders" row and every non-Trocador trade provider; the swap gate is already Trocador-only, so this just aligns the filter UI with reality. Android launcher: add breathing room to the adaptive-foreground # (all densities, monochrome included); iOS icon unchanged. About page: swap the Cake easter eggs for Hash Bags ones. Deferred (needs a build to verify): new-ui .svg.vec filename renames (cake_squircle_icon, cakewallet-wordmark, cake-setting) — already Hash Bags in content, only the filenames are cake, and they route through the .vec precompile.
501 lines
19 KiB
Dart
501 lines
19 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:hash_wallet/core/address_validator.dart';
|
|
import 'package:hash_wallet/core/utilities.dart';
|
|
import 'package:hash_wallet/generated/i18n.dart';
|
|
import 'package:hash_wallet/new-ui/widgets/animated_dropdown.dart';
|
|
import 'package:hash_wallet/new-ui/widgets/receive_page/receive_top_bar.dart';
|
|
import 'package:hash_wallet/new-ui/widgets/send_page/send_confirm_bottom_widget.dart';
|
|
import 'package:hash_wallet/src/widgets/hash_image_widget.dart';
|
|
import 'package:hash_wallet/utils/address_formatter.dart';
|
|
import 'package:hash_wallet/view_model/send/send_view_model.dart';
|
|
import 'package:hash_wallet/view_model/send/send_view_model_state.dart';
|
|
import 'package:hash_wallet/bitcoin/bitcoin.dart';
|
|
import 'package:cw_core/crypto_amount_format.dart';
|
|
import 'package:cw_core/crypto_currency.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_mobx/flutter_mobx.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:mobx/mobx.dart';
|
|
|
|
class SendConfirmSheet extends StatefulWidget {
|
|
const SendConfirmSheet({super.key, required this.sendViewModel, this.isPage = false, this.title, this.iconPath});
|
|
|
|
final SendViewModel sendViewModel;
|
|
final bool isPage;
|
|
final String? title;
|
|
final String? iconPath;
|
|
|
|
@override
|
|
State<SendConfirmSheet> createState() => _SendConfirmSheetState();
|
|
}
|
|
|
|
class _SendConfirmSheetState extends State<SendConfirmSheet> {
|
|
void initState() {
|
|
super.initState();
|
|
reaction((context) => widget.sendViewModel.state, (state) {
|
|
if (state is TransactionCommitted) {
|
|
Future.delayed(const Duration(seconds: 2), () {
|
|
if (mounted) Navigator.of(context).maybePop();
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return PopScope(
|
|
canPop: !widget.isPage,
|
|
onPopInvokedWithResult: (didPop, result) {
|
|
if (widget.isPage) {
|
|
Navigator.of(context, rootNavigator: true).pop();
|
|
}
|
|
},
|
|
child: SafeArea(
|
|
bottom:false,
|
|
minimum: widget.isPage ? EdgeInsets.zero : EdgeInsets.only(top: 64),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surface,
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
|
|
),
|
|
child: SafeArea(
|
|
child: Observer(
|
|
builder: (_) {
|
|
final commited = widget.sendViewModel.state is TransactionCommitted;
|
|
return Stack(
|
|
fit: StackFit.loose,
|
|
children: [
|
|
Positioned.fill(
|
|
child: AnimatedSlide(
|
|
offset: commited ? Offset.zero : const Offset(1, 0),
|
|
duration: const Duration(milliseconds: 300),
|
|
curve: Curves.easeOutCubic,
|
|
child: const TransactionCommitedScreen(),
|
|
)),
|
|
AnimatedSlide(
|
|
offset: commited ? const Offset(-1, 0) : Offset.zero,
|
|
duration: const Duration(milliseconds: 300),
|
|
curve: Curves.easeOutCubic,
|
|
child: SendTransactionDetails(
|
|
sendViewModel: widget.sendViewModel,
|
|
isPage: widget.isPage,
|
|
title: widget.title,
|
|
iconPath: widget.iconPath),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class SendTransactionDetails extends StatelessWidget {
|
|
const SendTransactionDetails({super.key, required this.sendViewModel, required this.isPage, this.title, this.iconPath});
|
|
|
|
final SendViewModel sendViewModel;
|
|
final bool isPage;
|
|
final String? title;
|
|
final String? iconPath;
|
|
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final resolvedIconPath = iconPath ?? sendViewModel.currency.iconPath ?? "";
|
|
|
|
return LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
return Column(
|
|
key: ValueKey(0),
|
|
mainAxisSize: isPage ? MainAxisSize.max : MainAxisSize.min,
|
|
children: [
|
|
ModalTopBar(
|
|
title: "",
|
|
leadingWidget: Row(
|
|
spacing: 8,
|
|
children: [
|
|
if (resolvedIconPath.toLowerCase().endsWith(".svg"))
|
|
HashImageWidget(imageUrl:
|
|
resolvedIconPath,
|
|
width: 28,
|
|
height: 28,
|
|
)
|
|
else
|
|
Image.asset(
|
|
resolvedIconPath,
|
|
width: 28,
|
|
height: 28,
|
|
),
|
|
Text(
|
|
title ?? S.of(context).send,
|
|
style: TextStyle(fontWeight: FontWeight.w500, fontSize: 20),
|
|
)
|
|
],
|
|
),
|
|
trailingIcon: Icon(Icons.close),
|
|
onTrailingPressed: Navigator.of(context).maybePop,
|
|
),
|
|
isPage ? Expanded(child: _buildMainContent(context)) : Flexible(child: _buildMainContent(context))
|
|
]);
|
|
},
|
|
);
|
|
}
|
|
|
|
double sumBy<T>(List<T> list, double Function(T) picker) =>
|
|
list.map(picker).fold(0.0, (a, b) => a + b);
|
|
|
|
BigInt sumByBigInt<T>(List<T> list, BigInt Function(T) picker) =>
|
|
list.map(picker).fold(BigInt.zero, (a, b) => a + b);
|
|
|
|
String sumStr<T>(List<T> list, double Function(T) picker) =>
|
|
sumBy(list, picker).toString();
|
|
|
|
String sumWithUnit<T>(List<T> list, double Function(T) picker, String unit, {int? decimals}) {
|
|
final str = sumStr(list, picker);
|
|
return "${decimals == null ? str : str.withDecimals(decimals)} $unit";
|
|
}
|
|
|
|
|
|
Widget _buildMainContent(BuildContext context) {
|
|
final transaction = sendViewModel.pendingTransaction;
|
|
|
|
final currencySymbol = sendViewModel.amountParsingProxy.getCryptoSymbol(sendViewModel.selectedCryptoCurrency);
|
|
|
|
final amount = (transaction == null)
|
|
? sendViewModel.amountParsingProxy.getDisplayCryptoStringFromBigInt(
|
|
sumByBigInt(sendViewModel.outputs, (o) {
|
|
if (o.sendAll)
|
|
return sendViewModel.amountParsingProxy.tryParseCryptoString(
|
|
sendViewModel.balance, sendViewModel.selectedCryptoCurrency) ??
|
|
BigInt.zero;
|
|
|
|
return sendViewModel.selectedCryptoCurrency.tryParseAmount(o.cryptoAmount) ??
|
|
BigInt.zero;
|
|
}),
|
|
sendViewModel.selectedCryptoCurrency)
|
|
: sendViewModel.amountParsingProxy.getDisplayCryptoAmount(
|
|
formatAmount(transaction.amountFormatted), sendViewModel.selectedCryptoCurrency);
|
|
|
|
final fee =
|
|
"${(transaction == null) ? sendViewModel.amountParsingProxy.getDisplayCryptoStringFromBigInt(sumByBigInt(
|
|
sendViewModel.outputs.where((e) => !e.sendAll).toList(),
|
|
(o) {
|
|
if (sendViewModel.selectedCryptoCurrency == CryptoCurrency.btcln) {
|
|
return sendViewModel.amountParsingProxy.tryParseCryptoString(
|
|
o.estimatedFee.replaceAll(",", ""),
|
|
sendViewModel.selectedCryptoCurrency) ??
|
|
BigInt.zero;
|
|
}
|
|
return sendViewModel.currency.tryParseAmount(o.estimatedFee.replaceAll(",", "")) ??
|
|
BigInt.zero;
|
|
},
|
|
), sendViewModel.currency) : sendViewModel.amountParsingProxy.getDisplayCryptoAmount(transaction.feeFormattedValue, sendViewModel.currency)} ${sendViewModel.currencySymbol}";
|
|
|
|
final fiatAmount = (transaction == null)
|
|
? sumWithUnit(
|
|
sendViewModel.outputs,
|
|
(o) => double.tryParse(o.fiatAmount.replaceAll(",", "")) ?? 0,
|
|
sendViewModel.fiatCurrency.title,
|
|
decimals:2
|
|
)
|
|
: sendViewModel.pendingTransactionFiatAmountFormatted;
|
|
|
|
final fiatFee = (transaction == null)
|
|
? sumWithUnit(
|
|
sendViewModel.outputs,
|
|
(o) => double.tryParse(o.estimatedFeeFiatAmount.replaceAll(",", "")) ?? 0,
|
|
sendViewModel.fiatCurrency.title,
|
|
decimals:2
|
|
)
|
|
: sendViewModel.pendingTransactionFeeFiatAmountFormatted;
|
|
|
|
final showAddress = !sendViewModel.outputs.any((e) =>
|
|
RegExp(AddressValidator.bolt11InvoiceMatcher).hasMatch(e.address.toLowerCase()) ||
|
|
RegExp(AddressValidator.lnurlMatcher).hasMatch(e.address.toLowerCase()) ||
|
|
RegExp(AddressValidator.lnurlMatcher)
|
|
.hasMatch(e.parsedAddress.addresses.first.toLowerCase()));
|
|
|
|
final outputs = sendViewModel.outputs;
|
|
|
|
return SingleChildScrollView(
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
spacing: 24,
|
|
children: [
|
|
Column(
|
|
children: [
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
spacing: 4,
|
|
children: [
|
|
Text(
|
|
amount,
|
|
style: TextStyle(
|
|
fontSize: 36,
|
|
fontWeight: FontWeight.w400,
|
|
color: Theme.of(context).colorScheme.onSurface),
|
|
),
|
|
Text(currencySymbol,
|
|
style: TextStyle(
|
|
fontSize: 36,
|
|
fontWeight: FontWeight.w400,
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant))
|
|
],
|
|
),
|
|
Text(
|
|
fiatAmount,
|
|
style: TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.w500,
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant),
|
|
),
|
|
],
|
|
),
|
|
if (outputs.length >= 1 && (outputs.first.extractedAddress.isNotEmpty || outputs.first.address.isNotEmpty) && showAddress)
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
spacing: 12,
|
|
children: [
|
|
Text(
|
|
S.of(context).send_to,
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w500,
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant),
|
|
),
|
|
if (outputs.length == 1)
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surfaceContainer,
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(12.0),
|
|
child: AddressFormatter.buildSegmentedAddress(
|
|
address: outputs.first.isParsedAddress ? outputs.first.extractedAddress : outputs.first.address,
|
|
evenTextStyle:
|
|
TextStyle(color: Theme.of(context).colorScheme.onSurface)),
|
|
),
|
|
)
|
|
else
|
|
AnimatedDropdown(
|
|
content: Column(
|
|
children: outputs
|
|
.map(
|
|
(item) => Column(children: [
|
|
MultiSendAddressPreview(
|
|
index: outputs.indexOf(item) + 1,
|
|
address: item.isParsedAddress
|
|
? item.extractedAddress
|
|
: item.address,
|
|
amount:
|
|
"${item.roundedCryptoAmount(8).withLocalSeperator(sendViewModel.languageCode)} ${sendViewModel.currency.title}",
|
|
fiatAmount:
|
|
"${item.fiatAmount.withLocalSeperator(sendViewModel.languageCode)} ${sendViewModel.fiatCurrency.title}",
|
|
),
|
|
if(item != outputs.last)
|
|
Container(width: double.infinity, height: 1, color: Theme.of(context).colorScheme.surfaceContainerHigh)
|
|
],),
|
|
)
|
|
.toList(),
|
|
),
|
|
dropdownText: "${outputs.length} ${S.of(context).addresses}"),
|
|
],
|
|
),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).colorScheme.surfaceContainer,
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(12.0),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(S.of(context).fee,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w400,
|
|
color: Theme.of(context).colorScheme.onSurface)),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
Text(
|
|
fee.withLocalSeperator(sendViewModel.languageCode),
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w400,
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant),
|
|
),
|
|
Text(fiatFee.withLocalSeperator(sendViewModel.languageCode),
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w400,
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant))
|
|
],
|
|
)
|
|
],
|
|
),
|
|
),
|
|
if (sendViewModel.isElectrumWallet) ...[
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 12),
|
|
child: Container(
|
|
height: 1,
|
|
color: Theme.of(context).colorScheme.surfaceContainerHigh,
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(12.0),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(S.of(context).network,
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w400,
|
|
color: Theme.of(context).colorScheme.onSurface)),
|
|
Column(
|
|
children: [
|
|
Text(
|
|
sendViewModel.selectedCryptoCurrency == CryptoCurrency.btcln
|
|
? "Lightning"
|
|
: bitcoin!.getNetworkName(sendViewModel.wallet),
|
|
style: TextStyle(
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w400,
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant))
|
|
],
|
|
)
|
|
],
|
|
),
|
|
)
|
|
],
|
|
],
|
|
),
|
|
),
|
|
SendConfirmBottomWidget(sendViewModel: sendViewModel),
|
|
if(Platform.isAndroid) // spacing between bottom widget and system navbar
|
|
SizedBox(),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
String formatAmount(String amount) {
|
|
try {
|
|
return amount.withMaxDecimals(8);
|
|
} catch(e) {
|
|
return amount;
|
|
}
|
|
}
|
|
}
|
|
|
|
class TransactionCommitedScreen extends StatelessWidget {
|
|
const TransactionCommitedScreen({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 24.0),
|
|
child: Column(
|
|
spacing: 12,
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
S.of(context).transaction_sent_new,
|
|
style: TextStyle(fontSize: 24, fontWeight: FontWeight.w600),
|
|
),
|
|
Image.asset(width: 256, height: 256, "assets/images/hash_bag.png")
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
|
|
class MultiSendAddressPreview extends StatefulWidget {
|
|
const MultiSendAddressPreview(
|
|
{super.key,
|
|
required this.index,
|
|
required this.address,
|
|
required this.amount,
|
|
required this.fiatAmount});
|
|
|
|
final int index;
|
|
final String address;
|
|
final String amount;
|
|
final String fiatAmount;
|
|
|
|
@override
|
|
State<MultiSendAddressPreview> createState() => _MultiSendAddressPreviewState();
|
|
}
|
|
|
|
class _MultiSendAddressPreviewState extends State<MultiSendAddressPreview> {
|
|
bool _expanded = false;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.all(12.0),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
spacing: 4,
|
|
children: [
|
|
Flexible(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"${widget.index}:",
|
|
style: TextStyle(fontFamily: "IBM Plex Mono"),
|
|
),
|
|
if (!_expanded)
|
|
GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
_expanded = true;
|
|
});
|
|
},
|
|
child: Text(middleTruncate(widget.address, 8, 8),
|
|
style: TextStyle(
|
|
fontFamily: "IBM Plex Mono",
|
|
color: Theme.of(context).colorScheme.primary)))
|
|
else
|
|
AddressFormatter.buildSegmentedAddress(
|
|
address: widget.address,
|
|
evenTextStyle: TextStyle(
|
|
fontSize: 12,
|
|
color: Theme.of(context).colorScheme.onSurface,
|
|
fontFamily: "IBM Plex Mono")),
|
|
],
|
|
),
|
|
),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
Text(widget.amount),
|
|
Text(
|
|
widget.fiatAmount,
|
|
style: TextStyle(color: Theme.of(context).colorScheme.onSurfaceVariant),
|
|
)
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|