@marcos_feitoza/personal-finance-frontend-core-ui 1.0.0

package/lib/widgets/expense_form.dart

@@ -0,0 +1,238 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:personal_finance_frontend_core_ui/utils/currency_input_formatter.dart';
+import 'package:personal_finance_frontend_core_services/services/transaction_service.dart';
+import 'package:personal_finance_frontend_core_services/data/app_data.dart';
+import 'package:intl/intl.dart';
+import 'package:personal_finance_frontend_core_services/models/payment_method.dart';
+import 'package:personal_finance_frontend_core_ui/widgets/app_widgets.dart';
+
+class ExpenseForm extends StatefulWidget {
+  final GlobalKey<FormState> formKey;
+  final VoidCallback onTransactionSuccess;
+  final String? token; // Add token parameter
+
+  const ExpenseForm({
+    Key? key,
+    required this.formKey,
+    required this.onTransactionSuccess,
+    this.token, // Initialize token
+  }) : super(key: key);
+
+  @override
+  _ExpenseFormState createState() => _ExpenseFormState();
+}
+
+class _ExpenseFormState extends State<ExpenseForm> {
+  Key _autocompleteKey = UniqueKey();
+  final _amountController = TextEditingController();
+  final _descriptionController = TextEditingController();
+  final _dateController = TextEditingController(
+      text: DateFormat('dd/MM/yyyy').format(DateTime.now()));
+  final _subCategoryController = TextEditingController();
+  final TransactionService _transactionService = TransactionService();
+
+  DateTime _selectedDate = DateTime.now();
+  String? _selectedCategory; // This will be inferred
+  String?
+      _selectedSubCategory; // This will be from the text field or autocomplete
+  String _transactionType = 'debit'; // Default to debit
+  PaymentMethod? _selectedPaymentMethod; // Default to a non-cash option
+
+  Future<void> _selectDate(BuildContext context) async {
+    final DateTime? picked = await showDatePicker(
+      context: context,
+      initialDate: _selectedDate,
+      firstDate: DateTime(2000),
+      lastDate: DateTime(2101),
+    );
+    if (picked != null && picked != _selectedDate) {
+      setState(() {
+        _selectedDate = picked;
+        _dateController.text = DateFormat('dd/MM/yyyy').format(_selectedDate);
+      });
+    }
+  }
+
+  // Function to get all subcategories as a flat list
+  List<String> _getAllSubcategories() {
+    List<String> allSubcategories = [];
+    categories.values.forEach((sublist) {
+      allSubcategories.addAll(sublist);
+    });
+    allSubcategories.sort(); // Sort the list alphabetically
+    return allSubcategories;
+  }
+
+  // Function to infer category from subcategory
+  String? _inferCategory(String subcategory) {
+    return subcategoryToCategory[subcategory];
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppFormCard(
+      title: _transactionType == 'debit' ? 'Add Expense' : 'Add Refund',
+      child: Form(
+        key: widget.formKey,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            SegmentedButton<String>(
+              segments: const <ButtonSegment<String>>[
+                ButtonSegment(value: 'debit', label: Text('Expense (Debit)')),
+                ButtonSegment(
+                    value: 'credit', label: Text('Refund (Credit)')),
+              ],
+              selected: <String>{_transactionType},
+              onSelectionChanged: (Set<String> newSelection) {
+                setState(() {
+                  _transactionType = newSelection.first;
+                });
+              },
+            ),
+            const SizedBox(height: 16),
+
+            // Dropdown Payment Method
+            AppDropdown<PaymentMethod>(
+              value: _selectedPaymentMethod,
+              items: PaymentMethod.values.map((PaymentMethod method) {
+                return DropdownMenuItem<PaymentMethod>(
+                  value: method,
+                  child: Text(paymentMethodToString(method)),
+                );
+              }).toList(),
+              onChanged: (PaymentMethod? newValue) {
+                if (newValue != null) {
+                  setState(() {
+                    _selectedPaymentMethod = newValue;
+                  });
+                }
+              },
+              hint: 'Payment Method',
+              validator: (value) =>
+                  value == null ? 'Please select a payment method' : null,
+            ),
+
+            const SizedBox(height: 16),
+            Autocomplete<String>(
+              key: _autocompleteKey,
+              optionsBuilder: (TextEditingValue textEditingValue) {
+                if (textEditingValue.text == '') {
+                  return _getAllSubcategories();
+                }
+                return _getAllSubcategories().where((String option) {
+                  return option
+                      .toLowerCase()
+                      .startsWith(textEditingValue.text.toLowerCase());
+                });
+              },
+              onSelected: (String selection) {
+                setState(() {
+                  _subCategoryController.text = selection;
+                  _selectedSubCategory = selection;
+                  _selectedCategory = _inferCategory(selection);
+                });
+              },
+              fieldViewBuilder: (BuildContext context,
+                  TextEditingController textEditingController,
+                  FocusNode focusNode,
+                  VoidCallback onFieldSubmitted) {
+                return AppTextField(
+                  controller: textEditingController,
+                  focusNode: focusNode,
+                  labelText: 'Subcategory',
+                  validator: (value) {
+                    if (value == null || value.isEmpty) {
+                      return 'Please enter a subcategory';
+                    }
+                    if (!_getAllSubcategories().contains(value)) {
+                      return 'Please select a valid subcategory';
+                    }
+                    return null;
+                  },
+                );
+              },
+            ),
+            const SizedBox(height: 16),
+
+            /// AMOUNT
+            AppTextField(
+              controller: _amountController,
+              labelText: 'Amount',
+              isCurrency: true,
+            ),
+
+            const SizedBox(height: 16),
+
+            /// Campo Description
+            AppTextField(
+              controller: _descriptionController,
+              labelText: 'Description',
+            ),
+            const SizedBox(height: 16),
+
+            // DATE
+            AppTextField(
+              controller: _dateController,
+              labelText: 'Date',
+              readOnly: true,
+              onTap: () => _selectDate(context),
+              suffixIcon: IconButton(
+                icon: const Icon(Icons.calendar_today, color: Colors.white70),
+                onPressed: () => _selectDate(context),
+              ),
+            ),
+
+            const SizedBox(height: 20),
+            AppButton(
+              label: _transactionType == 'debit' ? 'Add Expense' : 'Add Refund',
+              onPressed: () async {
+                if (widget.formKey.currentState!.validate()) {
+                  double amount = CurrencyInputFormatter.unformat(_amountController.text);
+
+                  await _transactionService.submitTransaction(
+                    _transactionType,
+                    amount,
+                    _selectedCategory ??
+                        'Other', // Use inferred category or 'Other'
+                    _selectedSubCategory ??
+                        _subCategoryController
+                            .text, // Use selected or typed subcategory
+                    _descriptionController.text,
+                    _selectedDate, // Pass the selected date
+                    _selectedPaymentMethod,
+                    token: widget.token, // Pass the token
+                  );
+                  widget.onTransactionSuccess();
+                  _amountController.text = '0.00';
+                  _descriptionController.clear();
+                  _subCategoryController.clear();
+                  _dateController.text =
+                      DateFormat('dd/MM/yyyy').format(DateTime.now());
+                  setState(() {
+                    _autocompleteKey = UniqueKey();
+                    _selectedDate = DateTime.now();
+                    _selectedCategory = null;
+                    _selectedSubCategory = null;
+                    _selectedPaymentMethod = null; // Reset to default
+                  });
+                }
+              },
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // Helper function to find category for a given subcategory
+  String? findCategoryForSubcategory(String subcategory) {
+    for (var entry in categories.entries) {
+      if (entry.value.contains(subcategory)) {
+        return entry.key;
+      }
+    }
+    return null;
+  }
+}

package/lib/widgets/investment_form.dart

@@ -0,0 +1,223 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:intl/intl.dart';
+import 'package:personal_finance_frontend_core_services/services/transaction_service.dart';
+import 'package:personal_finance_frontend_core_ui/utils/currency_input_formatter.dart';
+import 'package:personal_finance_frontend_core_ui/widgets/app_widgets.dart';
+
+// TOP-LEVEL CURRENCY FORMATTING
+final String currencySymbol = r'$';
+
+String _formatCurrency(double value) {
+  final format = NumberFormat.currency(
+    symbol: currencySymbol,
+    decimalDigits: 2,
+    locale: 'en_US', // garante vírgula de milhar e ponto decimal no padrão US
+  );
+  return format.format(value);
+}
+
+class InvestmentForm extends StatefulWidget {
+  final GlobalKey<FormState> formKey;
+  final Map<String, double> accountBalances;
+  final double cashBalance;
+  final VoidCallback onTransactionSuccess;
+  final String? token; // Add token parameter
+
+  const InvestmentForm({
+    Key? key,
+    required this.formKey,
+    required this.accountBalances,
+    required this.cashBalance,
+    required this.onTransactionSuccess,
+    this.token, // Initialize token
+  }) : super(key: key);
+
+  @override
+  _InvestmentFormState createState() => _InvestmentFormState();
+}
+
+class _InvestmentFormState extends State<InvestmentForm> {
+  final _amountController = TextEditingController();
+  final _dateController = TextEditingController(
+      text: DateFormat('dd/MM/yyyy').format(DateTime.now()));
+
+  final TransactionService _transactionService = TransactionService();
+
+  String? _selectedSourceAccount;
+  String? _selectedDestinationAccount;
+  DateTime _selectedDate = DateTime.now();
+  bool _isSubmitting = false;
+
+  // Combine cash and investment accounts
+  late final Map<String, double> _allAccounts;
+
+  @override
+  void initState() {
+    super.initState();
+    _allAccounts = {
+      'CASH': widget.cashBalance,
+      ...widget.accountBalances,
+      // Manually add RRSP Sun Life if not covered by balances endpoint
+      if (!widget.accountBalances.containsKey('RRSP Sun Life'))
+        'RRSP Sun Life': 0.0,
+    };
+  }
+
+  Future<void> _selectDate(BuildContext context) async {
+    final DateTime? picked = await showDatePicker(
+      context: context,
+      initialDate: _selectedDate,
+      firstDate: DateTime(2000),
+      lastDate: DateTime(2101),
+    );
+    if (picked != null && picked != _selectedDate) {
+      setState(() {
+        _selectedDate = picked;
+        _dateController.text = DateFormat('dd/MM/yyyy').format(_selectedDate);
+      });
+    }
+  }
+
+  Future<void> _submitForm() async {
+    if (widget.formKey.currentState!.validate()) {
+      setState(() {
+        _isSubmitting = true;
+      });
+
+      final String? errorMessage = await _transactionService.submitInvestment(
+        amount: CurrencyInputFormatter.unformat(_amountController.text),
+        sourceAccount: _selectedSourceAccount!,
+        destinationAccount: _selectedDestinationAccount!,
+        date: _selectedDate,
+        token: widget.token, // Pass the token
+      );
+
+      setState(() {
+        _isSubmitting = false;
+      });
+
+      if (mounted) {
+        if (errorMessage != null) {
+          showDialog(
+            context: context,
+            builder: (ctx) => AlertDialog(
+              title: const Text('Transaction Error'),
+              content: Text(errorMessage),
+              actions: <Widget>[
+                TextButton(
+                  child: const Text('Transfer successful'),
+                  onPressed: () {
+                    Navigator.of(ctx).pop();
+                  },
+                )
+              ],
+            ),
+          );
+        } else {
+          widget.onTransactionSuccess(); // Call the callback here
+          widget.formKey.currentState!.reset();
+          _amountController.clear();
+        }
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // Atualiza os saldos das contas
+    _allAccounts['CASH'] = widget.cashBalance;
+    widget.accountBalances.forEach((key, value) {
+      _allAccounts[key] = value;
+    });
+
+    return AppFormCard(
+      title: 'Move Money',
+      child: Form(
+        key: widget.formKey,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            // Conta de origem
+            AppDropdown<String>(
+              value: _selectedSourceAccount,
+              hint: 'From (Source)',
+              items: _allAccounts.keys.map((String account) {
+                final balance = _allAccounts[account] ?? 0.0;
+                final formattedBalance = _formatCurrency(balance);
+                return DropdownMenuItem<String>(
+                  value: account,
+                  child: Text('$account - $formattedBalance'),
+                );
+              }).toList(),
+              onChanged: (String? newValue) {
+                setState(() {
+                  _selectedSourceAccount = newValue;
+                });
+              },
+              validator: (value) =>
+                  value == null ? 'Please select a source account' : null,
+            ),
+            const SizedBox(height: 16),
+
+            // Conta de destino
+            AppDropdown<String>(
+              value: _selectedDestinationAccount,
+              hint: 'To (Destination)',
+              items: _allAccounts.keys.map((String account) {
+                final balance = _allAccounts[account] ?? 0.0;
+                final formattedBalance = _formatCurrency(balance);
+                return DropdownMenuItem<String>(
+                  value: account,
+                  child: Text('$account - $formattedBalance'),
+                );
+              }).toList(),
+              onChanged: (String? newValue) {
+                setState(() {
+                  _selectedDestinationAccount = newValue;
+                });
+              },
+              validator: (value) {
+                if (value == null) {
+                  return 'Please select a destination account';
+                }
+                if (value == _selectedSourceAccount) {
+                  return 'Destination cannot be the same as source';
+                }
+                return null;
+              },
+            ),
+            const SizedBox(height: 16),
+
+                          // Campo de valor (com formatação de moeda)
+                          AppTextField(
+                            controller: _amountController,
+                            labelText: 'Amount',
+                            isCurrency: true,
+                          ),            const SizedBox(height: 16),
+
+            // Campo de data (com seletor de calendário)
+            AppTextField(
+              controller: _dateController,
+              labelText: 'Date',
+              readOnly: true,
+              onTap: () => _selectDate(context),
+              suffixIcon: IconButton(
+                icon: const Icon(Icons.calendar_today, color: Colors.white70),
+                onPressed: () => _selectDate(context),
+              ),
+            ),
+            const SizedBox(height: 16),
+
+            // BOTÃO — aqui é onde entra o AppButton customizado
+            AppButton(
+              label: _isSubmitting ? 'Processing...' : 'Add Transfer',
+              onPressed: _submitForm,
+              isLoading: _isSubmitting,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

package/lib/widgets/rrsp_contribution_form.dart

@@ -0,0 +1,157 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:intl/intl.dart';
+import 'package:personal_finance_frontend_core_services/services/transaction_service.dart';
+import 'package:personal_finance_frontend_core_ui/utils/currency_input_formatter.dart';
+import 'package:personal_finance_frontend_core_ui/widgets/app_widgets.dart';
+
+class RrspContributionForm extends StatefulWidget {
+  final String investmentAccount;
+  final Function() onContributionLogged;
+  final String? token;
+
+  const RrspContributionForm({Key? key, required this.investmentAccount, required this.onContributionLogged, this.token}) : super(key: key);
+
+  @override
+  _RrspContributionFormState createState() => _RrspContributionFormState();
+}
+
+class _RrspContributionFormState extends State<RrspContributionForm> {
+  final _formKey = GlobalKey<FormState>();
+  final TransactionService _transactionService = TransactionService();
+
+  final _rrspAmountController = TextEditingController();
+  final _dpspAmountController = TextEditingController();
+  final _returnAmountController = TextEditingController();
+  final _dateController = TextEditingController(text: DateFormat('dd/MM/yyyy').format(DateTime.now()));
+  DateTime _selectedDate = DateTime.now();
+  bool _isSubmitting = false;
+
+  @override
+  void dispose() {
+    _rrspAmountController.dispose();
+    _dpspAmountController.dispose();
+    _returnAmountController.dispose();
+    _dateController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _selectDate(BuildContext context) async {
+    final DateTime? picked = await showDatePicker(
+      context: context,
+      initialDate: _selectedDate,
+      firstDate: DateTime(2000),
+      lastDate: DateTime(2101),
+    );
+    if (picked != null && picked != _selectedDate) {
+      setState(() {
+        _selectedDate = picked;
+        _dateController.text = DateFormat('dd/MM/yyyy').format(_selectedDate);
+      });
+    }
+  }
+
+  Future<void> _submitForm() async {
+    if (_formKey.currentState!.validate()) {
+      setState(() {
+        _isSubmitting = true;
+      });
+
+      final rrspAmount = CurrencyInputFormatter.unformat(_rrspAmountController.text);
+      final dpspAmount = _dpspAmountController.text.isEmpty ? 0.0 : CurrencyInputFormatter.unformat(_dpspAmountController.text);
+      final returnAmount = _returnAmountController.text.isEmpty ? 0.0 : CurrencyInputFormatter.unformat(_returnAmountController.text);
+
+      final contributionData = {
+        'date': DateFormat('yyyy-MM-dd').format(_selectedDate),
+        'rrsp_amount': rrspAmount,
+        'dpsp_amount': dpspAmount,
+        'return_amount': returnAmount,
+        'investment_account': widget.investmentAccount,
+      };
+
+      final String? errorMessage = await _transactionService.createRrspContribution(contributionData: contributionData, token: widget.token);
+
+      setState(() {
+        _isSubmitting = false;
+      });
+
+      if (mounted) {
+        if (errorMessage != null) {
+          ScaffoldMessenger.of(context).showSnackBar(
+            SnackBar(content: Text(errorMessage), backgroundColor: Colors.red),
+          );
+        } else {
+          ScaffoldMessenger.of(context).showSnackBar(
+            const SnackBar(content: Text('RRSP Contribution logged successfully!'), backgroundColor: Colors.green),
+          );
+          widget.onContributionLogged(); // Notify parent to refresh
+          _formKey.currentState!.reset();
+          _rrspAmountController.clear();
+          _dpspAmountController.clear();
+          _returnAmountController.clear();
+          _dateController.text = DateFormat('dd/MM/yyyy').format(DateTime.now());
+          setState(() {
+            _selectedDate = DateTime.now();
+          });
+        }
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppFormCard(
+      title: 'Log RRSP Contribution',
+      child: Form(
+        key: _formKey,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            AppTextField(
+              controller: _rrspAmountController,
+              labelText: 'Your RRSP Contribution',
+              isCurrency: true,
+              validator: (value) {
+                if (value == null || value.isEmpty || CurrencyInputFormatter.unformat(value) == 0) {
+                  return 'Please enter your contribution';
+                }
+                return null;
+              },
+            ),
+            const SizedBox(height: 16),
+            AppTextField(
+              controller: _dpspAmountController,
+              labelText: 'DPSP Amount (Optional)',
+              isCurrency: true,
+              validator: (value) => null, // Always valid
+            ),
+            const SizedBox(height: 16),
+            AppTextField(
+              controller: _returnAmountController,
+              labelText: 'Return Amount (Optional)',
+              isCurrency: true,
+              validator: (value) => null, // Always valid
+            ),
+            const SizedBox(height: 16),
+            AppTextField(
+              controller: _dateController,
+              labelText: 'Date',
+              readOnly: true,
+              onTap: () => _selectDate(context),
+              suffixIcon: IconButton(
+                icon: const Icon(Icons.calendar_today),
+                onPressed: () => _selectDate(context),
+              ),
+            ),
+            const SizedBox(height: 20),
+            AppButton(
+              label: 'Add Contribution',
+              onPressed: _isSubmitting ? null : _submitForm,
+              isLoading: _isSubmitting,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}