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

package/lib/widgets/salary_form.dart

@@ -0,0 +1,152 @@
+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: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 SalaryForm extends StatefulWidget {
+  final GlobalKey<FormState> formKey;
+  final VoidCallback onTransactionSuccess;
+  final String? token; // Add token parameter
+
+  const SalaryForm({
+    Key? key,
+    required this.formKey,
+    required this.onTransactionSuccess,
+    this.token, // Initialize token
+  }) : super(key: key);
+
+  @override
+  _SalaryFormState createState() => _SalaryFormState();
+}
+
+class _SalaryFormState extends State<SalaryForm> {
+  final _salaryController = TextEditingController();
+  final _dateController = TextEditingController(
+      text: DateFormat('dd/MM/yyyy').format(DateTime.now()));
+  final _descriptionController = TextEditingController();
+  final TransactionService _transactionService = TransactionService();
+
+  DateTime _selectedDate = DateTime.now();
+  String? _selectedSalaryType;
+  bool _isSubmitting = false;
+
+  final List<String> _salaryTypes = ['Salary 1', 'Salary 2', 'Extra'];
+
+  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);
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AppFormCard(
+      title: 'Add Salary',
+      child: Form(
+        key: widget.formKey,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            /// Dropdown Salary type
+            AppDropdown<String>(
+              value: _selectedSalaryType,
+              items: _salaryTypes
+                  .map((type) => DropdownMenuItem(
+                        value: type,
+                        child: Text(type),
+                      ))
+                  .toList(),
+              onChanged: (newValue) {
+                setState(() => _selectedSalaryType = newValue);
+                print('Selected Salary Type: $newValue');
+              },
+              hint: 'Salary Type',
+            ),
+
+            const SizedBox(height: 16),
+
+            /// AMOUNT
+            AppTextField(
+              controller: _salaryController,
+              labelText: 'Amount',
+              isCurrency: true,
+            ),
+
+            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: 16),
+
+            /// Campo Description
+            AppTextField(
+              controller: _descriptionController,
+              labelText: 'Description',
+            ),
+
+            const SizedBox(height: 24),
+
+            /// BUTTON
+            AppButton(
+              label: 'Add Salary',
+              isLoading: _isSubmitting,
+              onPressed: () async {
+                if (widget.formKey.currentState!.validate()) {
+                  setState(() => _isSubmitting = true);
+
+                  double amount = CurrencyInputFormatter.unformat(_salaryController.text);
+
+                  await _transactionService.submitTransaction(
+                    'credit',
+                    amount,
+                    _selectedSalaryType ?? 'Salary',
+                    _descriptionController.text,
+                    _descriptionController.text,
+                    _selectedDate,
+                    'CASH',
+                    token: widget.token, // Pass the token
+                  );
+
+                  widget.onTransactionSuccess();
+
+                  _salaryController.text = '\$0.00';
+                  _dateController.text =
+                      DateFormat('dd/MM/yyyy').format(DateTime.now());
+                  _descriptionController.clear();
+
+                  setState(() {
+                    _selectedDate = DateTime.now();
+                    _selectedSalaryType = null;
+                    _isSubmitting = false;
+                  });
+                }
+              },
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

package/lib/widgets/trade_form.dart

@@ -0,0 +1,374 @@
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:personal_finance_frontend_core_services/services/stock_service.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 TradeForm extends StatefulWidget {
+  final String accountName;
+  final List<Map<String, dynamic>> portfolioSummary;
+  final List<Map<String, dynamic>> assets;
+  final Function(Map<String, dynamic> tradeData) onTradeCreated;
+  final String? token;
+
+  const TradeForm(
+      {Key? key,
+      required this.accountName,
+      required this.portfolioSummary,
+      required this.assets,
+      required this.onTradeCreated,
+      this.token})
+      : super(key: key);
+
+  @override
+  _TradeFormState createState() => _TradeFormState();
+}
+
+class _TradeFormState extends State<TradeForm> {
+  final _formKey = GlobalKey<FormState>();
+  final TransactionService _transactionService = TransactionService();
+  final StockService _stockService = StockService();
+
+  String _tradeType = 'buy';
+  final _symbolController = TextEditingController();
+  final _sharesController = TextEditingController();
+  final _totalCostController = TextEditingController();
+  final _estimatedSellValueController = TextEditingController();
+  final _dateController = TextEditingController(
+      text: DateFormat('dd/MM/yyyy').format(DateTime.now()));
+  DateTime _selectedDate = DateTime.now();
+  bool _isSubmitting = false;
+  double? _livePriceForSell;
+  bool _isFetchingPrice = false;
+  String? _selectedSellSymbol;
+
+  String currencySymbol = r'$';
+
+  String _formatCurrency(double value) {
+    return '$currencySymbol${value.toStringAsFixed(2)}';
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _sharesController.addListener(_updateEstimatedSellValue);
+    _symbolController.addListener(_handleSymbolChange);
+  }
+
+  @override
+  void dispose() {
+    _symbolController.removeListener(_handleSymbolChange);
+    _sharesController.removeListener(_updateEstimatedSellValue);
+    _symbolController.dispose();
+    _sharesController.dispose();
+    _totalCostController.dispose();
+    _estimatedSellValueController.dispose();
+    _dateController.dispose();
+    super.dispose();
+  }
+
+  void _handleSymbolChange() {
+    if (_symbolController.text.isEmpty) {
+      setState(() {
+        _livePriceForSell = null;
+        _estimatedSellValueController.clear();
+      });
+    }
+  }
+
+  Future<void> _updateEstimatedSellValue() async {
+    if (_tradeType == 'sell') {
+      final symbol = _symbolController.text.toUpperCase();
+      if (symbol.isEmpty) {
+        setState(() {
+          _livePriceForSell = null;
+          _estimatedSellValueController.clear();
+        });
+        return;
+      }
+
+      setState(() {
+        _isFetchingPrice = true;
+        _estimatedSellValueController.text = "Fetching price...";
+      });
+
+      final livePrices = await _stockService.getLivePrices([symbol]);
+      final livePrice = livePrices[symbol];
+
+      if (!mounted) return;
+
+      setState(() {
+        _livePriceForSell = livePrice;
+        if (livePrice != null) {
+          final shares = double.tryParse(_sharesController.text) ?? 0.0;
+          final estimatedValue = shares * livePrice;
+          _estimatedSellValueController.text = _formatCurrency(estimatedValue);
+        } else {
+          _estimatedSellValueController.text = "Price not available";
+        }
+        _isFetchingPrice = false;
+      });
+    }
+  }
+
+  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()) {
+      return;
+    }
+
+    final symbol = _symbolController.text;
+    final shares = double.tryParse(_sharesController.text) ?? 0.0;
+    final totalCost = CurrencyInputFormatter.unformat(_totalCostController.text);
+    final selectedDate = _selectedDate;
+
+    setState(() {
+      _isSubmitting = true;
+    });
+
+    // --- Stock Symbol Validation for 'buy' trades ---
+    final bool isCrypto = widget.accountName.toLowerCase().contains('crypto');
+    if (_tradeType == 'buy' && !isCrypto) {
+      final isValid = await _stockService.validateStockSymbol(symbol);
+      if (!isValid) {
+        if (mounted) {
+          ScaffoldMessenger.of(context).showSnackBar(
+            SnackBar(
+                content: Text('Invalid stock symbol: "$symbol"'),
+                backgroundColor: Colors.red),
+          );
+        }
+        setState(() => _isSubmitting = false);
+        return; // Stop submission
+      }
+    }
+    // --- End Validation ---
+
+    double price;
+    if (_tradeType == 'sell') {
+      if (_livePriceForSell == null) {
+        if (mounted) {
+          ScaffoldMessenger.of(context).showSnackBar(
+            const SnackBar(
+                content: Text('Could not get live price. Please try again.'),
+                backgroundColor: Colors.red),
+          );
+        }
+        setState(() => _isSubmitting = false);
+        return;
+      }
+      price = _livePriceForSell!;
+    } else {
+      price = (shares > 0) ? totalCost / shares : 0.0;
+    }
+
+    final tradeData = {
+      'symbol': symbol.toUpperCase(),
+      'trade_type': _tradeType,
+      'shares': shares,
+      'price': price,
+      'date': DateFormat('yyyy-MM-dd').format(selectedDate),
+      'investment_account': widget.accountName,
+    };
+
+    final String? errorMessage =
+        await _transactionService.createTrade(tradeData: tradeData, 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('Trade created successfully!'),
+              backgroundColor: Colors.green),
+        );
+        widget.onTradeCreated(tradeData);
+        _formKey.currentState!.reset();
+        _symbolController.clear();
+        _sharesController.clear();
+        _totalCostController.clear();
+        _estimatedSellValueController.clear();
+        _selectedSellSymbol = null;
+        _dateController.text = DateFormat('dd/MM/yyyy').format(DateTime.now());
+      }
+    }
+  }
+
+  Widget _buildBuySymbolAutocomplete() {
+    return Autocomplete<Map<String, dynamic>>(
+      displayStringForOption: (option) => option['symbol'] as String,
+      optionsBuilder: (TextEditingValue textEditingValue) {
+        _symbolController.text = textEditingValue.text;
+        final sourceList = widget.assets;
+        if (textEditingValue.text == '') {
+          return sourceList;
+        }
+        return sourceList.where((Map<String, dynamic> option) {
+          return (option['symbol'] as String)
+              .toLowerCase()
+              .contains(textEditingValue.text.toLowerCase());
+        });
+      },
+      onSelected: (Map<String, dynamic> selection) {
+        _symbolController.text = selection['symbol'] as String;
+      },
+      fieldViewBuilder: (context, textEditingController, focusNode, onFieldSubmitted) {
+        return TextFormField(
+          controller: textEditingController,
+          focusNode: focusNode,
+          decoration: const InputDecoration(labelText: 'Symbol (e.g., AAPL)'),
+          validator: (value) => (value == null || value.isEmpty) ? 'Please enter a symbol' : null,
+        );
+      },
+    );
+  }
+
+  Widget _buildSellSymbolDropdown() {
+    return DropdownButtonFormField<String>(
+      value: _selectedSellSymbol,
+      hint: const Text('Select Asset to Sell'),
+      isExpanded: true,
+      items: widget.portfolioSummary.map((position) {
+        final symbol = position['symbol'] as String;
+        final shares = (position['shares'] as num).toDouble();
+        final sharesString = shares.toStringAsFixed(shares > 1 ? 2 : 6);
+        return DropdownMenuItem<String>(
+          value: symbol,
+          child: Text('$symbol ($sharesString shares)'),
+        );
+      }).toList(),
+      onChanged: (String? newValue) {
+        if (newValue != null) {
+          setState(() {
+            _selectedSellSymbol = newValue;
+            _symbolController.text = newValue;
+            _updateEstimatedSellValue();
+          });
+        }
+      },
+      validator: (value) => value == null ? 'Please select an asset' : null,
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final bool isSell = _tradeType == 'sell';
+    return AppFormCard(
+      title: 'Log a New Trade',
+      child: Form(
+        key: _formKey,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            SegmentedButton<String>(
+              segments: const <ButtonSegment<String>>[
+                ButtonSegment(value: 'buy', label: Text('Buy')),
+                ButtonSegment(value: 'sell', label: Text('Sell')),
+              ],
+              selected: <String>{_tradeType},
+              onSelectionChanged: (Set<String> newSelection) {
+                setState(() {
+                  _tradeType = newSelection.first;
+                  _symbolController.clear();
+                  _sharesController.clear();
+                  _totalCostController.clear();
+                  _estimatedSellValueController.clear();
+                  _livePriceForSell = null;
+                  _selectedSellSymbol = null;
+                });
+              },
+            ),
+            const SizedBox(height: 16),
+            if (isSell) _buildSellSymbolDropdown() else _buildBuySymbolAutocomplete(),
+            const SizedBox(height: 16),
+            AppTextField(
+              controller: _sharesController,
+              labelText: 'Quantity',
+              keyboardType: const TextInputType.numberWithOptions(decimal: true),
+              validator: (value) {
+                if (value == null || value.isEmpty) return 'Please enter quantity';
+                if (isSell && _symbolController.text.isNotEmpty) {
+                  final position = widget.portfolioSummary.firstWhere(
+                      (p) => p['symbol'] == _symbolController.text.toUpperCase(),
+                      orElse: () => {});
+                  if (position.isNotEmpty) {
+                    final heldShares = (position['shares'] as num?)?.toDouble() ?? 0.0;
+                    final sellingShares = double.tryParse(value) ?? 0.0;
+                    if (sellingShares > (heldShares + 0.00000001)) {
+                      return 'Cannot sell more than you hold ($heldShares)';
+                    }
+                  }
+                }
+                return null;
+              },
+            ),
+            const SizedBox(height: 16),
+            if (isSell) ...[
+              InputDecorator(
+                decoration: const InputDecoration(
+                  labelText: 'Estimated Sell Value',
+                  border: OutlineInputBorder(),
+                ),
+                child: _isFetchingPrice
+                    ? SizedBox(
+                        height: 24,
+                        child: Row(
+                          children: [
+                            Text('Fetching price...'),
+                            Spacer(),
+                            CircularProgressIndicator(strokeWidth: 2.0),
+                          ],
+                        ),
+                      )
+                    : Text(
+                        _estimatedSellValueController.text.isEmpty
+                            ? '\$0.00'
+                            : _estimatedSellValueController.text,
+                        style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
+                      ),
+              ),
+              const SizedBox(height: 16),
+            ],
+            if (!isSell) AppTextField(controller: _totalCostController, labelText: 'Total Purchase Cost', isCurrency: true),
+            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: 'Log Trade',
+              onPressed: _isSubmitting || _isFetchingPrice ? null : _submitForm,
+              isLoading: _isSubmitting,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

package/lib/widgets/user_profile_avatar.dart

@@ -0,0 +1,60 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:personal_finance_frontend_core_services/providers/auth_provider.dart';
+
+class UserProfileAvatar extends StatelessWidget {
+  const UserProfileAvatar({Key? key}) : super(key: key);
+
+  String _getInitials(String email) {
+    if (email.isEmpty) {
+      return '?';
+    }
+    // Split by '@' and take the first part, then split by '.' or '_'
+    List<String> parts = email.split('@')[0].replaceAll('.', ' ').replaceAll('_', ' ').split(' ');
+    
+    if (parts.length > 1) {
+      // For names like 'john.doe', take 'j' and 'd'
+      String first = parts.first.isNotEmpty ? parts.first[0] : '';
+      String last = parts.last.isNotEmpty ? parts.last[0] : '';
+      return (first + last).toUpperCase();
+    } else if (parts.first.length > 1) {
+      // For a single name like 'johndoe', take the first two letters
+      return parts.first.substring(0, 2).toUpperCase();
+    } else if (parts.first.length == 1) {
+      // For a single letter name
+      return parts.first.toUpperCase();
+    } else {
+      return '?';
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // Use a Consumer to react to changes in AuthProvider
+    return Consumer<AuthProvider>(
+      builder: (context, authProvider, child) {
+        if (!authProvider.isAuthenticated || authProvider.userEmail == null) {
+          // Return an empty container or a placeholder if not authenticated
+          return const SizedBox.shrink();
+        }
+
+        final email = authProvider.userEmail!;
+        final initials = _getInitials(email);
+
+        return Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 16.0),
+          child: Tooltip(
+            message: email,
+            child: CircleAvatar(
+              backgroundColor: Colors.blue.shade700,
+              child: Text(
+                initials,
+                style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}