Add Bridge screen

app/lib/helpers/globals.dart

@@ -60,6 +60,7 @@ class Globals {
   String chainUrl = '';
   String gridproxyUrl = '';
   String activationUrl = '';
+  String bridgeTFTAddress = '';
   String relayUrl = '';
   String termsAndConditionsUrl = '';
   String newsUrl = '';

app/lib/models/wallet.dart

@@ -2,6 +2,8 @@ enum WalletType { NATIVE, IMPORTED }
 
 enum ChainType { Stellar, TFChain }
 
+enum TransactionType { Withdraw, Deposit }
+
 class Wallet {
   Wallet({
     required this.name,

app/lib/providers/wallets_provider.dart

@@ -31,7 +31,7 @@ class WalletsNotifier extends StateNotifier<List<Wallet>> {
     if (!_loading) {
       final chainUrl = Globals().chainUrl;
       await _mutex.protect(() async {
-      final List<Wallet> currentState = state.where((w) => true).toList();
+        final List<Wallet> currentState = state.where((w) => true).toList();
         for (final wallet in currentState) {
           final balance =
               await TFChainService.getBalance(chainUrl, wallet.tfchainAddress);

app/lib/screens/wallets/bridge.dart

@@ -0,0 +1,347 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:qr_code_scanner/qr_code_scanner.dart';
+import 'package:threebotlogin/helpers/globals.dart';
+import 'package:threebotlogin/models/wallet.dart';
+import 'package:threebotlogin/providers/wallets_provider.dart';
+import 'package:threebotlogin/screens/scan_screen.dart';
+import 'package:threebotlogin/screens/wallets/contacts.dart';
+import 'package:threebotlogin/services/stellar_service.dart';
+import 'package:threebotlogin/widgets/wallets/bridge_confirmation.dart';
+import 'package:threebotlogin/widgets/wallets/select_transaction_widget.dart';
+import 'package:validators/validators.dart';
+import 'package:threebotlogin/services/stellar_service.dart' as Stellar;
+import 'package:threebotlogin/services/tfchain_service.dart' as TFChain;
+
+class WalletBridgeScreen extends StatefulWidget {
+  const WalletBridgeScreen(
+      {super.key, required this.wallet, required this.allWallets});
+  final Wallet wallet;
+  final List<Wallet> allWallets;
+
+  @override
+  State<WalletBridgeScreen> createState() => _WalletBridgeScreenSate();
+}
+
+class _WalletBridgeScreenSate extends State<WalletBridgeScreen> {
+  final fromController = TextEditingController();
+  final toController = TextEditingController();
+  final amountController = TextEditingController();
+  final memoController = TextEditingController();
+  TransactionType transactionType = TransactionType.Withdraw;
+  String? toAddressError;
+  String? amountError;
+  bool reloadBalance = true;
+
+  @override
+  void initState() {
+    fromController.text = widget.wallet.tfchainAddress;
+    _reloadBalances();
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    fromController.dispose();
+    toController.dispose();
+    amountController.dispose();
+    memoController.dispose();
+    reloadBalance = false;
+    super.dispose();
+  }
+
+  _loadTFChainBalance() async {
+    final chainUrl = Globals().chainUrl;
+    final balance =
+        await TFChain.getBalance(chainUrl, widget.wallet.tfchainAddress);
+    widget.wallet.tfchainBalance =
+        balance.toString() == '0.0' ? '0' : balance.toString();
+    setState(() {});
+  }
+
+  _loadStellarBalance() async {
+    widget.wallet.stellarBalance =
+        (await Stellar.getBalance(widget.wallet.stellarSecret)).toString();
+    setState(() {});
+  }
+
+  _reloadBalances() async {
+    if (!reloadBalance) return;
+    final refreshBalance = Globals().refreshBalance;
+    final WalletsNotifier walletRef =
+        ProviderScope.containerOf(context, listen: false)
+            .read(walletsNotifier.notifier);
+    final wallet = walletRef.getUpdatedWallet(widget.wallet.name)!;
+    widget.wallet.tfchainBalance = wallet.tfchainBalance;
+    widget.wallet.stellarBalance = wallet.stellarBalance;
+    setState(() {});
+    await Future.delayed(Duration(seconds: refreshBalance));
+    await _reloadBalances();
+  }
+
+  onTransactionChange(TransactionType type) {
+    fromController.text = type == TransactionType.Withdraw
+        ? widget.wallet.tfchainAddress
+        : widget.wallet.stellarAddress;
+    transactionType = type;
+    setState(() {});
+  }
+
+  bool _validateToAddress() {
+    final toAddress = toController.text.trim();
+    toAddressError = null;
+    if (toAddress.isEmpty) {
+      toAddressError = "Address can't be empty";
+      return false;
+    }
+
+    if (transactionType == TransactionType.Deposit) {
+      if (toAddress.length != 48) {
+        toAddressError = 'Address length should be 48 characters';
+        return false;
+      }
+    }
+
+    if (transactionType == TransactionType.Withdraw) {
+      if (!isValidStellarAddress(toAddress)) {
+        toAddressError = 'Invaild Stellar address';
+        return false;
+      }
+    }
+    return true;
+  }
+
+  bool _validateAmount() {
+    final amount = amountController.text.trim();
+    amountError = null;
+
+    if (amount.isEmpty) {
+      amountError = "Amount can't be empty";
+      return false;
+    }
+    if (!isFloat(amount)) {
+      amountError = 'Amount should have numeric values only';
+      return false;
+    }
+    if (double.parse(amount) < 2) {
+      amountError = "Amount can't be less than 2";
+      return false;
+    }
+    if (double.parse(widget.wallet.tfchainBalance) - double.parse(amount) - 2 <
+        0) {
+      amountError = "Amount shouldn't be more than the wallet balance";
+      return false;
+    }
+
+    if (double.parse(widget.wallet.stellarBalance) - double.parse(amount) - 2 <
+        0) {
+      amountError = "Amount shouldn't be more than the wallet balance";
+      return false;
+    }
+    return true;
+  }
+
+  bool _validate() {
+    final validAddress = _validateToAddress();
+    final validAmount = _validateAmount();
+    setState(() {});
+    return validAddress && validAmount;
+  }
+
+  void _selectToAddress(String address) {
+    toController.text = address;
+    setState(() {});
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    String balance = transactionType == TransactionType.Withdraw
+        ? widget.wallet.tfchainBalance
+        : widget.wallet.stellarBalance;
+    final bool hideDeposit = widget.wallet.stellarBalance == '-1';
+
+    if (hideDeposit) {
+      onTransactionChange(TransactionType.Withdraw);
+    }
+
+    return Scaffold(
+      appBar: AppBar(title: const Text('Bridge')),
+      body: SingleChildScrollView(
+        child: Padding(
+          padding: const EdgeInsets.all(8.0),
+          child: Column(children: [
+            SelectTransactionWidget(
+                transactionType: transactionType,
+                onTransactionChange: onTransactionChange,
+                hideDeposit: hideDeposit),
+            const SizedBox(height: 40),
+            Padding(
+              padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 10),
+              child: TextButton(
+                onPressed: () {
+                  scanQrCode();
+                },
+                style: TextButton.styleFrom(
+                  shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(2),
+                  ),
+                  side: BorderSide(
+                    color: Theme.of(context).colorScheme.primary,
+                  ),
+                ),
+                child: SizedBox(
+                  width: double.infinity,
+                  child: Text(
+                    'Scan QR Code',
+                    style: Theme.of(context).textTheme.titleLarge!.copyWith(
+                        color: Theme.of(context).colorScheme.primary,
+                        fontWeight: FontWeight.bold),
+                    textAlign: TextAlign.center,
+                  ),
+                ),
+              ),
+            ),
+            const SizedBox(height: 20),
+            ListTile(
+              title: TextField(
+                  readOnly: true,
+                  style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+                        color: Theme.of(context).colorScheme.onSurface,
+                      ),
+                  controller: fromController,
+                  decoration: InputDecoration(
+                    labelText: 'From (name: ${widget.wallet.name})',
+                  )),
+            ),
+            const SizedBox(height: 10),
+            ListTile(
+              title: TextField(
+                  style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+                        color: Theme.of(context).colorScheme.onSurface,
+                      ),
+                  controller: toController,
+                  decoration: InputDecoration(
+                      labelText: 'To',
+                      errorText: toAddressError,
+                      suffixIcon: IconButton(
+                          onPressed: () {
+                            Navigator.of(context).push(MaterialPageRoute(
+                              builder: (context) => ContactsScreen(
+                                  chainType: transactionType ==
+                                          TransactionType.Withdraw
+                                      ? ChainType.Stellar
+                                      : ChainType.TFChain,
+                                  currentWalletAddress: fromController.text,
+                                  wallets: widget.allWallets,
+                                  onSelectToAddress: _selectToAddress),
+                            ));
+                          },
+                          icon: const Icon(Icons.person)))),
+            ),
+            const SizedBox(height: 10),
+            ListTile(
+              title: TextField(
+                  style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+                        color: Theme.of(context).colorScheme.onSurface,
+                      ),
+                  keyboardType:
+                      const TextInputType.numberWithOptions(decimal: true),
+                  controller: amountController,
+                  decoration: InputDecoration(
+                      labelText: 'Amount (Balance: $balance)',
+                      hintText: '100',
+                      suffixText: 'TFT',
+                      errorText: amountError)),
+              subtitle: Text(
+                  'Max Fee: ${transactionType == TransactionType.Deposit ? 0.1 : 0.01} TFT'),
+            ),
+            const SizedBox(height: 10),
+            if (transactionType == TransactionType.Deposit)
+              ListTile(
+                title: TextField(
+                    style: Theme.of(context).textTheme.bodyMedium!.copyWith(
+                          color: Theme.of(context).colorScheme.onSurface,
+                        ),
+                    controller: memoController,
+                    decoration: const InputDecoration(
+                      labelText: 'Memo',
+                    )),
+              ),
+            const SizedBox(height: 40),
+            Padding(
+              padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 10),
+              child: ElevatedButton(
+                onPressed: () async {
+                  if (_validate()) {
+                    await _bridge_confirmation();
+                  }
+                },
+                style: ElevatedButton.styleFrom(),
+                child: SizedBox(
+                  width: double.infinity,
+                  child: Text(
+                    'Submit',
+                    style: Theme.of(context).textTheme.titleLarge!.copyWith(
+                        color: Theme.of(context).colorScheme.primary,
+                        fontWeight: FontWeight.bold),
+                    textAlign: TextAlign.center,
+                  ),
+                ),
+              ),
+            ),
+          ]),
+        ),
+      ),
+    );
+  }
+
+  scanQrCode() async {
+    await SystemChannels.textInput.invokeMethod('TextInput.hide');
+    bool slept =
+        await Future.delayed(const Duration(milliseconds: 400), () => true);
+    late Barcode result;
+    if (slept) {
+      if (context.mounted) {
+        result = await Navigator.push(context,
+            MaterialPageRoute(builder: (context) => const ScanScreen()));
+      }
+    }
+    if (result.code != null) {
+      final code = Uri.parse(result.code!);
+      toController.text = code.path;
+      if (code.queryParameters.containsKey('amount')) {
+        amountController.text = code.queryParameters['amount']!;
+      }
+      if (transactionType == TransactionType.Deposit &&
+          code.queryParameters.containsKey('message')) {
+        memoController.text = code.queryParameters['message']!;
+      }
+      setState(() {});
+    }
+
+    return result.code;
+  }
+
+  _bridge_confirmation() async {
+    showModalBottomSheet(
+        isScrollControlled: true,
+        useSafeArea: true,
+        isDismissible: false,
+        constraints: const BoxConstraints(maxWidth: double.infinity),
+        context: context,
+        builder: (ctx) => BridgeConfirmationWidget(
+              transactionType: transactionType,
+              secret: transactionType == TransactionType.Deposit
+                  ? widget.wallet.stellarSecret
+                  : widget.wallet.tfchainSecret,
+              from: fromController.text.trim(),
+              to: toController.text.trim(),
+              amount: amountController.text.trim(),
+              memo: memoController.text.trim(),
+              reloadBalance: transactionType == TransactionType.Deposit
+                  ? _loadStellarBalance
+                  : _loadTFChainBalance,
+            ));
+  }
+}

app/lib/screens/wallets/contacts.dart

@@ -5,8 +5,8 @@ import 'package:threebotlogin/services/contact_service.dart';
 import 'package:threebotlogin/widgets/wallets/add_edit_contact.dart';
 import 'package:threebotlogin/widgets/wallets/contacts_widget.dart';
 
-class ContractsScreen extends StatefulWidget {
-  const ContractsScreen(
+class ContactsScreen extends StatefulWidget {
+  const ContactsScreen(
       {super.key,
       required this.chainType,
       required this.currentWalletAddress,
@@ -19,10 +19,10 @@ class ContractsScreen extends StatefulWidget {
   final void Function(String address) onSelectToAddress;
 
   @override
-  State<ContractsScreen> createState() => _ContractsScreenState();
+  State<ContactsScreen> createState() => _ContactsScreenState();
 }
 
-class _ContractsScreenState extends State<ContractsScreen> {
+class _ContactsScreenState extends State<ContactsScreen> {
   List<PkidContact> myWalletContacts = [];
   List<PkidContact> myPkidContacts = [];