quotation rate display

frontend/pweb/lib/pages/dashboard/buttons/balance/amount.dart

@@ -1,6 +1,8 @@
 import 'package:flutter/material.dart';
+
+import 'package:pshared/utils/currency.dart';
+
 import 'package:pweb/models/wallet.dart';
-import 'package:pweb/utils/currency.dart';
 
 
 class BalanceAmount extends StatelessWidget {
@@ -25,7 +27,7 @@ class BalanceAmount extends StatelessWidget {
     return Row(
       children: [
         Text(
-          wallet.isHidden ? '•••• $currencyBalance' : '${wallet.balance.toStringAsFixed(2)} $currencyBalance',
+          wallet.isHidden ? '•••• $currencyBalance' : '${amountToString(wallet.balance)} $currencyBalance',
           style: textTheme.headlineSmall?.copyWith(
             fontWeight: FontWeight.bold,
             color: colorScheme.onSurface,

frontend/pweb/lib/pages/dashboard/payouts/amount.dart

@@ -0,0 +1,74 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/provider/payment/amount.dart';
+import 'package:pshared/utils/currency.dart';
+
+import 'package:pweb/generated/i18n/app_localizations.dart';
+
+
+class PaymentAmountWidget extends StatefulWidget {
+  const PaymentAmountWidget({super.key});
+
+  @override
+  State<PaymentAmountWidget> createState() => _PaymentAmountWidgetState();
+}
+
+class _PaymentAmountWidgetState extends State<PaymentAmountWidget> {
+  late final TextEditingController _controller;
+  bool _isSyncingText = false;
+
+  @override
+  void initState() {
+    super.initState();
+    final initialAmount = context.read<PaymentAmountProvider>().amount;
+    _controller = TextEditingController(text: amountToString(initialAmount));
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
+  double? _parseAmount(String value) => double.tryParse(value.replaceAll(',', '.'));
+
+  void _syncTextWithAmount(double amount) {
+    final parsedText = _parseAmount(_controller.text);
+    if (parsedText != null && parsedText == amount) return;
+
+    final nextText = amountToString(amount);
+    _isSyncingText = true;
+    _controller.value = TextEditingValue(
+      text: nextText,
+      selection: TextSelection.collapsed(offset: nextText.length),
+    );
+    _isSyncingText = false;
+  }
+
+  void _onChanged(String value) {
+    if (_isSyncingText) return;
+
+    final parsed = _parseAmount(value);
+    if (parsed != null) {
+      context.read<PaymentAmountProvider>().setAmount(parsed);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final amount = context.select<PaymentAmountProvider, double>((provider) => provider.amount);
+    _syncTextWithAmount(amount);
+
+    return TextField(
+      controller: _controller,
+      keyboardType: const TextInputType.numberWithOptions(decimal: true),
+      decoration: InputDecoration(
+        labelText: AppLocalizations.of(context)!.amount,
+        border: const OutlineInputBorder(),
+      ),
+      onChanged: _onChanged,
+    );
+  }
+}

frontend/pweb/lib/pages/dashboard/payouts/fee_payer.dart

@@ -0,0 +1,29 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/provider/payment/amount.dart';
+
+import 'package:pweb/generated/i18n/app_localizations.dart';
+
+
+class FeePayerSwitch extends StatelessWidget {
+  final double spacing;
+  final TextStyle? style;
+
+  const FeePayerSwitch({super.key, required this.spacing, TextStyle? this.style});
+
+  @override
+  Widget build(BuildContext context) => Consumer<PaymentAmountProvider>(
+    builder: (context, provider, _) => Row(
+      spacing: spacing,
+      children: [
+        Text(AppLocalizations.of(context)!.recipientPaysFee, style: style), 
+        Switch(
+          value: !provider.payerCoversFee,
+          onChanged: (val) => provider.setPayerCoversFee(!val),
+        ),
+      ],
+    ),
+  );
+}

frontend/pweb/lib/pages/dashboard/payouts/form.dart

@@ -0,0 +1,43 @@
+import 'package:flutter/material.dart';
+
+import 'package:pweb/pages/dashboard/payouts/amount.dart';
+import 'package:pweb/pages/dashboard/payouts/fee_payer.dart';
+import 'package:pweb/pages/dashboard/payouts/summary/widget.dart';
+
+import 'package:pweb/generated/i18n/app_localizations.dart';
+
+
+class PaymentFormWidget extends StatelessWidget {
+  const PaymentFormWidget({super.key});
+
+  static const double _smallSpacing = 5;
+  static const double _mediumSpacing = 10;
+  static const double _largeSpacing = 16;
+  static const double _extraSpacing = 15;
+
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final loc = AppLocalizations.of(context)!;
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Text(loc.details, style: theme.textTheme.titleMedium),
+        const SizedBox(height: _smallSpacing),
+
+        const PaymentAmountWidget(),
+
+        const SizedBox(height: _mediumSpacing),
+
+        FeePayerSwitch(spacing: _mediumSpacing, style: theme.textTheme.titleMedium),
+
+        const SizedBox(height: _largeSpacing),
+
+        const PaymentSummary(spacing: _extraSpacing),
+      ],
+    );
+  }
+}
+

frontend/pweb/lib/pages/dashboard/payouts/payment_form.dart

@@ -1,92 +0,0 @@
-import 'package:flutter/material.dart';
-
-import 'package:provider/provider.dart';
-
-import 'package:pweb/providers/mock_payment.dart';
-
-import 'package:pweb/generated/i18n/app_localizations.dart';
-
-
-class PaymentFormWidget extends StatelessWidget {
-  const PaymentFormWidget({super.key});
-
-  static const double _smallSpacing = 5;
-  static const double _mediumSpacing = 10;
-  static const double _largeSpacing = 16;
-  static const double _extraSpacing = 15;
-
-  String _formatAmount(double amount) => amount.toStringAsFixed(2);
-
-  @override
-  Widget build(BuildContext context) {
-    final provider = Provider.of<MockPaymentProvider>(context);
-    final theme = Theme.of(context);
-    final loc = AppLocalizations.of(context)!;
-
-    return Column(
-      crossAxisAlignment: CrossAxisAlignment.start,
-      children: [
-        Text(loc.details, style: theme.textTheme.titleMedium),
-        const SizedBox(height: _smallSpacing),
-
-        TextField(
-          keyboardType: const TextInputType.numberWithOptions(decimal: true),
-          decoration: InputDecoration(
-            labelText: loc.amount,
-            border: const OutlineInputBorder(),
-          ),
-          onChanged: (val) {
-            final parsed = double.tryParse(val.replaceAll(',', '.')) ?? 0.0;
-            provider.setAmount(parsed);
-          },
-        ),
-
-        const SizedBox(height: _mediumSpacing),
-
-        Row(
-          spacing: _mediumSpacing,
-          children: [
-            Text(loc.recipientPaysFee, style: theme.textTheme.titleMedium),
-            Switch(
-              value: !provider.payerCoversFee,
-              onChanged: (val) => provider.setPayerCoversFee(!val),
-            ),
-          ],
-        ),
-
-        const SizedBox(height: _largeSpacing),
-
-        Align(
-          alignment: Alignment.center,
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.stretch,
-            children: [
-              _SummaryRow(label: loc.sentAmount(_formatAmount(provider.amount)), style: theme.textTheme.titleMedium),
-              _SummaryRow(label: loc.fee(_formatAmount(provider.fee)), style: theme.textTheme.titleMedium),
-              _SummaryRow(label: loc.recipientWillReceive(_formatAmount(provider.recipientGets)), style: theme.textTheme.titleMedium),
-
-              const SizedBox(height: _extraSpacing),
-
-              _SummaryRow(
-                label: loc.total(_formatAmount(provider.total)),
-                style: theme.textTheme.titleMedium!.copyWith(fontWeight: FontWeight.w600),
-              ),
-            ],
-          ),
-        ),
-      ],
-    );
-  }
-}
-
-class _SummaryRow extends StatelessWidget {
-  final String label;
-  final TextStyle? style;
-
-  const _SummaryRow({required this.label, this.style});
-
-  @override
-  Widget build(BuildContext context) {
-    return Text(label, style: style);
-  }
-}

frontend/pweb/lib/pages/dashboard/payouts/summary/fee.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/provider/payment/quotation.dart';
+
+import 'package:pweb/pages/dashboard/payouts/summary/row.dart';
+
+import 'package:pweb/generated/i18n/app_localizations.dart';
+
+
+class PaymentFeeRow extends StatelessWidget {
+  const PaymentFeeRow({super.key});
+
+  @override
+  Widget build(BuildContext context) => Consumer<QuotationProvider>(
+    builder: (context, provider, _) => PaymentSummaryRow(
+      labelFactory: AppLocalizations.of(context)!.fee,
+      asset: provider.fee,
+      style: Theme.of(context).textTheme.titleMedium,
+    ),
+  );
+}

frontend/pweb/lib/pages/dashboard/payouts/summary/recipient_receives.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/provider/payment/quotation.dart';
+
+import 'package:pweb/pages/dashboard/payouts/summary/row.dart';
+
+import 'package:pweb/generated/i18n/app_localizations.dart';
+
+
+class PaymentRecipientReceivesRow extends StatelessWidget {
+  const PaymentRecipientReceivesRow({super.key});
+
+  @override
+  Widget build(BuildContext context) => Consumer<QuotationProvider>(
+    builder: (context, provider, _) => PaymentSummaryRow(
+      labelFactory: AppLocalizations.of(context)!.recipientWillReceive,
+      asset: provider.recipientGets,
+      style: Theme.of(context).textTheme.titleMedium,
+    ),
+  );
+}

frontend/pweb/lib/pages/dashboard/payouts/summary/row.dart

@@ -0,0 +1,24 @@
+import 'package:flutter/material.dart';
+
+import 'package:pshared/models/asset.dart';
+import 'package:pshared/utils/currency.dart';
+
+
+class PaymentSummaryRow extends StatelessWidget {
+  final String Function(String) labelFactory;
+  final Asset? asset;
+  final TextStyle? style;
+
+  const PaymentSummaryRow({
+    super.key, 
+    required this.labelFactory, 
+    required this.asset,
+    this.style,
+  });
+
+  @override
+  Widget build(BuildContext context) => Text(
+    labelFactory(asset == null ? 'N/A' : assetToString(asset!)), 
+    style: style,
+  );
+}

frontend/pweb/lib/pages/dashboard/payouts/summary/sent_amount.dart

@@ -0,0 +1,26 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/models/asset.dart';
+import 'package:pshared/models/currency.dart';
+import 'package:pshared/provider/payment/amount.dart';
+
+import 'package:pweb/pages/dashboard/payouts/summary/row.dart';
+
+import 'package:pweb/generated/i18n/app_localizations.dart';
+
+
+class PaymentSentAmountRow extends StatelessWidget {
+  final Currency currency;
+  const PaymentSentAmountRow({super.key, required this.currency});
+
+  @override
+  Widget build(BuildContext context) => Consumer<PaymentAmountProvider>(
+    builder: (context, provider, _) => PaymentSummaryRow(
+      labelFactory: AppLocalizations.of(context)!.sentAmount,
+      asset: Asset(currency: currency, amount: provider.amount),
+      style: Theme.of(context).textTheme.titleMedium,
+    ),
+  );
+}

frontend/pweb/lib/pages/dashboard/payouts/summary/total.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/provider/payment/quotation.dart';
+
+import 'package:pweb/pages/dashboard/payouts/summary/row.dart';
+
+import 'package:pweb/generated/i18n/app_localizations.dart';
+
+
+class PaymentTotalRow extends StatelessWidget {
+  const PaymentTotalRow({super.key});
+
+  @override
+  Widget build(BuildContext context) => Consumer<QuotationProvider>(
+    builder: (context, provider, _) => PaymentSummaryRow(
+      labelFactory: AppLocalizations.of(context)!.total,
+      asset: provider.total,
+      style: Theme.of(context).textTheme.titleMedium!.copyWith(fontWeight: FontWeight.w600),
+    ),
+  );
+}

frontend/pweb/lib/pages/dashboard/payouts/summary/widget.dart

@@ -0,0 +1,33 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/utils/currency.dart';
+
+import 'package:pweb/pages/dashboard/payouts/summary/fee.dart';
+import 'package:pweb/pages/dashboard/payouts/summary/recipient_receives.dart';
+import 'package:pweb/pages/dashboard/payouts/summary/sent_amount.dart';
+import 'package:pweb/pages/dashboard/payouts/summary/total.dart';
+import 'package:pweb/providers/wallets.dart';
+
+
+class PaymentSummary extends StatelessWidget {
+  final double spacing;
+
+  const PaymentSummary({super.key, required this.spacing});
+
+  @override
+  Widget build(BuildContext context) => Align(
+    alignment: Alignment.center,
+    child: Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
+      children: [
+        PaymentSentAmountRow(currency: currencyStringToCode(context.read<WalletsProvider>().selectedWallet?.tokenSymbol ?? 'USDT')),
+        const PaymentFeeRow(),
+        const PaymentRecipientReceivesRow(),
+        SizedBox(height: spacing),
+        const PaymentTotalRow(),
+      ],
+    ),
+  );
+}

frontend/pweb/lib/pages/dashboard/payouts/widget.dart

@@ -0,0 +1,28 @@
+import 'package:flutter/material.dart';
+
+import 'package:provider/provider.dart';
+
+import 'package:pshared/provider/organizations.dart';
+import 'package:pshared/provider/payment/amount.dart';
+import 'package:pshared/provider/payment/quotation.dart';
+
+import 'package:pweb/pages/dashboard/payouts/form.dart';
+
+
+class PaymentFromWrappingWidget extends StatelessWidget {
+  const PaymentFromWrappingWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) => MultiProvider(
+    providers: [
+      ChangeNotifierProvider(
+        create: (_) => PaymentAmountProvider(),
+      ),
+      ChangeNotifierProxyProvider2<OrganizationsProvider, PaymentAmountProvider, QuotationProvider>(
+        create: (_) => QuotationProvider(),
+        update: (context, orgnization, payment, provider) => provider!..update(orgnization, payment),
+      ),
+    ],
+    child: const PaymentFormWidget(),
+  );
+}