377 lines
No EOL
12 KiB
Dart
377 lines
No EOL
12 KiB
Dart
// Haveno App extends the features of Haveno, supporting mobile devices and more.
|
|
// Copyright (C) 2024 Kewbit (https://kewbit.org)
|
|
// Source Code: https://git.haveno.com/haveno/haveno-app.git
|
|
//
|
|
// Author: Kewbit
|
|
// Website: https://kewbit.org
|
|
// Contact Email: me@kewbit.org
|
|
//
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU Affero General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU Affero General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU Affero General Public License
|
|
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:haveno/profobuf_models.dart';
|
|
import 'package:multi_select_flutter/multi_select_flutter.dart';
|
|
import 'package:haveno_app/utils/salt.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:haveno_app/providers/haveno_client_providers/payment_accounts_provider.dart';
|
|
|
|
class DynamicPaymentAccountForm extends StatefulWidget {
|
|
final PaymentAccountForm paymentAccountForm;
|
|
final String paymentMethodLabel;
|
|
final String paymentMethodId;
|
|
|
|
const DynamicPaymentAccountForm({super.key,
|
|
required this.paymentAccountForm,
|
|
required this.paymentMethodLabel,
|
|
required this.paymentMethodId,
|
|
});
|
|
|
|
@override
|
|
_DynamicPaymentAccountFormState createState() =>
|
|
_DynamicPaymentAccountFormState();
|
|
}
|
|
|
|
class _DynamicPaymentAccountFormState extends State<DynamicPaymentAccountForm> {
|
|
final _formKey = GlobalKey<FormState>();
|
|
final Map<String, TextEditingController> _controllers = {};
|
|
final Map<String, List<String?>> _multiSelectValues = {};
|
|
final Map<String, String?> _selectOneValues = {};
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
for (var field in widget.paymentAccountForm.fields) {
|
|
_controllers[field.id.name] = TextEditingController();
|
|
|
|
// Check if the field is "SALT" and set its initial value
|
|
if (field.id.name == 'SALT') {
|
|
_controllers[field.id.name]?.text = generateHexSalt();
|
|
}
|
|
|
|
if (field.component.name == 'SELECT_MULTIPLE') {
|
|
_multiSelectValues[field.id.name] = [];
|
|
} else if (field.component.name == 'SELECT_ONE') {
|
|
_selectOneValues[field.id.name] = null;
|
|
}
|
|
}
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controllers.forEach((key, controller) {
|
|
controller.dispose();
|
|
});
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: MediaQuery.of(context).viewInsets,
|
|
child: DraggableScrollableSheet(
|
|
expand: false,
|
|
builder: (context, scrollController) {
|
|
return SingleChildScrollView(
|
|
controller: scrollController,
|
|
child: Container(
|
|
padding: EdgeInsets.all(16.0),
|
|
child: Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text('Create new ${widget.paymentMethodLabel} account',
|
|
style: TextStyle(fontSize: 18)),
|
|
SizedBox(height: 16.0),
|
|
...widget.paymentAccountForm.fields.map((field) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(bottom: 16.0),
|
|
child: _buildField(field),
|
|
);
|
|
}),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
if (_formKey.currentState?.validate() ?? false) {
|
|
for (var field in widget.paymentAccountForm.fields) {
|
|
if (field.component.name == 'SELECT_MULTIPLE') {
|
|
field.value = _multiSelectValues[field.id.name]
|
|
?.join(',') ??
|
|
'';
|
|
} else if (field.component.name == 'SELECT_ONE') {
|
|
field.value =
|
|
_selectOneValues[field.id.name] ?? '';
|
|
} else {
|
|
field.value =
|
|
_controllers[field.id.name]?.text ?? '';
|
|
}
|
|
}
|
|
// Handle form submission
|
|
_submitForm(context);
|
|
}
|
|
},
|
|
child: const Text('Submit'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> _submitForm(BuildContext context) async {
|
|
final paymentAccountsProvider =
|
|
Provider.of<PaymentAccountsProvider>(context, listen: false);
|
|
|
|
if (_formKey.currentState?.validate() ?? false) {
|
|
for (var field in widget.paymentAccountForm.fields) {
|
|
if (field.component.name == 'SELECT_MULTIPLE') {
|
|
field.value = _multiSelectValues[field.id.name]?.join(',') ?? '';
|
|
} else if (field.component.name == 'SELECT_ONE') {
|
|
field.value = _selectOneValues[field.id.name] ?? '';
|
|
} else {
|
|
field.value = _controllers[field.id.name]?.text ?? '';
|
|
}
|
|
}
|
|
|
|
await paymentAccountsProvider
|
|
.createPaymentAccount(
|
|
widget.paymentMethodId, widget.paymentAccountForm)
|
|
.then((account) {
|
|
if (account != null) {
|
|
paymentAccountsProvider
|
|
.getPaymentAccounts(); // Refresh the accounts list
|
|
Navigator.pop(context); // Close the bottom sheet after submission
|
|
} else {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: const Text('There was an issue creating your account'),
|
|
backgroundColor: Theme.of(context).colorScheme.error,
|
|
),
|
|
);
|
|
}
|
|
}).catchError((error) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: const Text('There was an issue creating your account'),
|
|
backgroundColor: Theme.of(context).colorScheme.error,
|
|
),
|
|
);
|
|
});
|
|
}
|
|
}
|
|
|
|
Widget _buildField(PaymentAccountFormField field) {
|
|
switch (field.component.name) {
|
|
case 'SELECT_MULTIPLE':
|
|
return _buildMultiSelectField(field);
|
|
case 'TEXTAREA':
|
|
return _buildTextAreaField(field);
|
|
case 'SELECT_ONE':
|
|
return _buildSelectOneField(field);
|
|
case 'TEXT':
|
|
default:
|
|
return _buildTextField(field, isHidden: (field.id.name == 'SALT'));
|
|
}
|
|
}
|
|
|
|
|
|
Widget _buildTextField(PaymentAccountFormField field, {bool isHidden = false}) {
|
|
return Visibility(
|
|
visible: !isHidden,
|
|
child: TextFormField(
|
|
controller: _controllers[field.id.name],
|
|
decoration: InputDecoration(
|
|
labelText: field.label,
|
|
border: const OutlineInputBorder(),
|
|
),
|
|
onChanged: (value) {
|
|
setState(() {});
|
|
},
|
|
validator: (value) {
|
|
if (value == null || value.isEmpty) {
|
|
return 'Please enter ${field.label}';
|
|
}
|
|
if (field.hasMinLength() && value.length < field.minLength) {
|
|
return '${field.label} must be at least ${field.minLength} characters long';
|
|
}
|
|
if (field.hasMaxLength() && value.length > field.maxLength) {
|
|
return '${field.label} cannot be more than ${field.maxLength} characters long';
|
|
}
|
|
return null;
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
|
|
Widget _buildTextAreaField(PaymentAccountFormField field) {
|
|
return TextFormField(
|
|
controller: _controllers[field.id.name],
|
|
maxLines: 5,
|
|
decoration: InputDecoration(
|
|
labelText: field.label,
|
|
border: const OutlineInputBorder(),
|
|
),
|
|
onChanged: (value) {
|
|
setState(() {});
|
|
},
|
|
validator: (value) {
|
|
if (value == null || value.isEmpty) {
|
|
return 'Please enter ${field.label}';
|
|
}
|
|
if (field.hasMinLength() && value.length < field.minLength) {
|
|
return '${field.label} must be at least ${field.minLength} characters long';
|
|
}
|
|
if (field.hasMaxLength() && value.length > field.maxLength) {
|
|
return '${field.label} cannot be more than ${field.maxLength} characters long';
|
|
}
|
|
return null;
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _buildMultiSelectField(PaymentAccountFormField field) {
|
|
var items = _getSupportedItems(field);
|
|
|
|
if (items.isEmpty) {
|
|
return TextFormField(
|
|
controller: _controllers[field.id.name],
|
|
decoration: InputDecoration(
|
|
labelText: field.label,
|
|
border: const OutlineInputBorder(),
|
|
),
|
|
validator: (value) {
|
|
if (value == null || value.isEmpty) {
|
|
return 'Please enter ${field.label}';
|
|
}
|
|
return null;
|
|
},
|
|
);
|
|
}
|
|
|
|
return MultiSelectBottomSheetField<String?>(
|
|
initialChildSize: 0.4,
|
|
listType: MultiSelectListType.LIST,
|
|
searchable: true,
|
|
searchHint: 'Search by code or name...',
|
|
buttonText: Text(field.label, style: const TextStyle(fontSize: 16, color: Colors.white)),
|
|
title: Padding(
|
|
padding: const EdgeInsets.only(left: 8.0),
|
|
child: Text(
|
|
field.label,
|
|
style: const TextStyle(fontSize: 16, color: Colors.white),
|
|
),
|
|
),
|
|
items: items,
|
|
onConfirm: (values) {
|
|
setState(() {
|
|
_multiSelectValues[field.id.name] = values.cast<String?>();
|
|
});
|
|
},
|
|
validator: (values) {
|
|
if (values == null || values.isEmpty) {
|
|
return 'Please select ${field.label}';
|
|
}
|
|
return null;
|
|
},
|
|
chipDisplay: MultiSelectChipDisplay(
|
|
textStyle: TextStyle(color: Colors.white),
|
|
chipColor: Theme.of(context).primaryColor,
|
|
onTap: (item) {
|
|
setState(() {
|
|
_multiSelectValues[field.id.name]?.remove(item);
|
|
});
|
|
},
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).inputDecorationTheme.fillColor,
|
|
border: Border.all(color: Theme.of(context).inputDecorationTheme.border?.borderSide.color ?? Colors.grey),
|
|
borderRadius: BorderRadius.circular(4),
|
|
),
|
|
buttonIcon: Icon(
|
|
Icons.arrow_drop_down,
|
|
color: Theme.of(context).inputDecorationTheme.iconColor ?? Colors.grey,
|
|
),
|
|
itemsTextStyle: const TextStyle(
|
|
fontSize: 16,
|
|
color: Colors.white,
|
|
),
|
|
selectedItemsTextStyle: const TextStyle(
|
|
fontSize: 16,
|
|
color: Colors.white,
|
|
),
|
|
barrierColor: Colors.black.withOpacity(0.5),
|
|
confirmText: Text(
|
|
'OK',
|
|
style: TextStyle(color: Theme.of(context).colorScheme.secondary),
|
|
),
|
|
cancelText: Text(
|
|
'CANCEL',
|
|
style: TextStyle(color: Theme.of(context).colorScheme.secondary),
|
|
),
|
|
);
|
|
}
|
|
|
|
List<MultiSelectItem<String?>> _getSupportedItems(PaymentAccountFormField field) {
|
|
if (field.supportedCurrencies.isNotEmpty) {
|
|
return field.supportedCurrencies.map((currency) {
|
|
return MultiSelectItem<String?>(currency.code, '${currency.code} - ${currency.name}');
|
|
}).toList();
|
|
} else if (field.supportedCountries.isNotEmpty) {
|
|
return field.supportedCountries.map((country) {
|
|
return MultiSelectItem<String?>(country.code, '${country.code} - ${country.name}');
|
|
}).toList();
|
|
}
|
|
return [];
|
|
}
|
|
|
|
|
|
|
|
|
|
Widget _buildSelectOneField(PaymentAccountFormField field) {
|
|
var items = _getSupportedItems(field);
|
|
|
|
if (items.isEmpty) {
|
|
return _buildTextField(field);
|
|
}
|
|
|
|
return DropdownButtonFormField<String?>(
|
|
decoration: InputDecoration(
|
|
labelText: field.label,
|
|
border: const OutlineInputBorder(),
|
|
),
|
|
items: items.map((item) {
|
|
return DropdownMenuItem<String?>(
|
|
value: item.value,
|
|
child: Text(item.label),
|
|
);
|
|
}).toList(),
|
|
onChanged: (value) {
|
|
setState(() {
|
|
_selectOneValues[field.id.name] = value;
|
|
});
|
|
},
|
|
validator: (value) {
|
|
if (value == null || value.isEmpty) {
|
|
return 'Please select ${field.label}';
|
|
}
|
|
return null;
|
|
},
|
|
);
|
|
}
|
|
} |