477 lines
19 KiB
Dart
477 lines
19 KiB
Dart
// Flutter imports:
|
|
import 'package:flutter/material.dart';
|
|
import 'package:invoiceninja_flutter/constants.dart';
|
|
import 'package:invoiceninja_flutter/data/models/tax_model.dart';
|
|
import 'package:invoiceninja_flutter/redux/static/static_selectors.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/forms/decorated_form_field.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/forms/learn_more.dart';
|
|
import 'package:invoiceninja_flutter/utils/formatting.dart';
|
|
|
|
// Package imports:
|
|
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
|
|
|
|
// Project imports:
|
|
import 'package:invoiceninja_flutter/ui/app/buttons/elevated_button.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/edit_scaffold.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/form_card.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/forms/app_dropdown_button.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/forms/app_form.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/forms/bool_dropdown_button.dart';
|
|
import 'package:invoiceninja_flutter/ui/app/invoice/tax_rate_dropdown.dart';
|
|
import 'package:invoiceninja_flutter/ui/settings/tax_settings_vm.dart';
|
|
import 'package:invoiceninja_flutter/utils/localization.dart';
|
|
|
|
class TaxSettings extends StatefulWidget {
|
|
const TaxSettings({
|
|
Key? key,
|
|
required this.viewModel,
|
|
}) : super(key: key);
|
|
|
|
final TaxSettingsVM viewModel;
|
|
|
|
@override
|
|
_TaxSettingsState createState() => _TaxSettingsState();
|
|
}
|
|
|
|
class _TaxSettingsState extends State<TaxSettings> {
|
|
static final GlobalKey<FormState> _formKey =
|
|
GlobalKey<FormState>(debugLabel: '_taxSettings');
|
|
FocusScopeNode? _focusNode;
|
|
final Map<String, bool> _showDetails = {
|
|
kTaxRegionUnitedStates: false,
|
|
kTaxRegionEurope: false,
|
|
kTaxRegionAustralia: false,
|
|
};
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_focusNode = FocusScopeNode();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_focusNode!.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final localization = AppLocalization.of(context)!;
|
|
final viewModel = widget.viewModel;
|
|
final settings = viewModel.settings;
|
|
final company = viewModel.company;
|
|
final state = viewModel.state;
|
|
final taxConfig = company.taxConfig;
|
|
|
|
final countryMap = memoizedCountryIso2Map(state.staticState.countryMap);
|
|
List<String> subregions = [];
|
|
String region = kTaxRegionEurope;
|
|
if (company.settings.countryId == kCountryUnitedStates) {
|
|
region = kTaxRegionUnitedStates;
|
|
} else if (company.settings.countryId == kCountryAustralia) {
|
|
region = kTaxRegionAustralia;
|
|
}
|
|
|
|
if (taxConfig.regions.containsKey(region)) {
|
|
subregions = taxConfig.regions[region]!.subregions.keys.toList();
|
|
}
|
|
|
|
return EditScaffold(
|
|
title: localization.taxSettings,
|
|
onSavePressed: viewModel.onSavePressed,
|
|
body: AppForm(
|
|
formKey: _formKey,
|
|
focusNode: _focusNode,
|
|
children: <Widget>[
|
|
if (!state.settingsUIState.isFiltered)
|
|
FormCard(
|
|
children: <Widget>[
|
|
NumberOfRatesSelector(
|
|
label: localization.invoiceTaxRates,
|
|
numberOfRates: company.numberOfInvoiceTaxRates,
|
|
onChanged: (value) => viewModel.onCompanyChanged(company
|
|
.rebuild((b) => b..numberOfInvoiceTaxRates = value)),
|
|
),
|
|
NumberOfRatesSelector(
|
|
label: localization.invoiceItemTaxRates,
|
|
numberOfRates: company.numberOfItemTaxRates,
|
|
onChanged: (value) => viewModel.onCompanyChanged(
|
|
company.rebuild((b) => b..numberOfItemTaxRates = value)),
|
|
),
|
|
NumberOfRatesSelector(
|
|
label: localization.expenseTaxRates,
|
|
numberOfRates: company.numberOfExpenseTaxRates,
|
|
onChanged: (value) => viewModel.onCompanyChanged(company
|
|
.rebuild((b) => b..numberOfExpenseTaxRates = value)),
|
|
),
|
|
SizedBox(height: 16),
|
|
BoolDropdownButton(
|
|
iconData: MdiIcons.percent,
|
|
label: localization.inclusiveTaxes,
|
|
value: settings.enableInclusiveTaxes,
|
|
onChanged: (value) => viewModel.onSettingsChanged(
|
|
settings.rebuild((b) => b..enableInclusiveTaxes = value)),
|
|
helpLabel:
|
|
'\n${localization.exclusive}: 100 + 10% = 100 + 10\n${localization.inclusive}: 100 + 10% = 90.91 + 9.09',
|
|
),
|
|
],
|
|
),
|
|
if (state.taxRateState.list.isNotEmpty)
|
|
FormCard(
|
|
children: <Widget>[
|
|
if (company.enableFirstInvoiceTaxRate)
|
|
TaxRateDropdown(
|
|
onSelected: (taxRate) =>
|
|
viewModel.onSettingsChanged(settings.rebuild((b) => b
|
|
..defaultTaxName1 = taxRate.name
|
|
..defaultTaxRate1 = taxRate.rate)),
|
|
labelText: localization.defaultTaxRate,
|
|
initialTaxName: settings.defaultTaxName1,
|
|
initialTaxRate: settings.defaultTaxRate1,
|
|
),
|
|
if (company.enableSecondInvoiceTaxRate)
|
|
TaxRateDropdown(
|
|
onSelected: (taxRate) =>
|
|
viewModel.onSettingsChanged(settings.rebuild((b) => b
|
|
..defaultTaxName2 = taxRate.name
|
|
..defaultTaxRate2 = taxRate.rate)),
|
|
labelText: localization.defaultTaxRate,
|
|
initialTaxName: settings.defaultTaxName2,
|
|
initialTaxRate: settings.defaultTaxRate2,
|
|
),
|
|
if (company.enableThirdInvoiceTaxRate)
|
|
TaxRateDropdown(
|
|
onSelected: (taxRate) =>
|
|
viewModel.onSettingsChanged(settings.rebuild((b) => b
|
|
..defaultTaxName3 = taxRate.name
|
|
..defaultTaxRate3 = taxRate.rate)),
|
|
labelText: localization.defaultTaxRate,
|
|
initialTaxName: settings.defaultTaxName3,
|
|
initialTaxRate: settings.defaultTaxRate3,
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 16, bottom: 8, right: 16),
|
|
child: AppButton(
|
|
iconData: Icons.settings,
|
|
label: localization.configureRates.toUpperCase(),
|
|
onPressed: () => viewModel.onConfigureRatesPressed(context),
|
|
),
|
|
),
|
|
if (state.isProPlan && !state.settingsUIState.isFiltered)
|
|
FormCard(
|
|
isLast: true,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
BoolDropdownButton(
|
|
iconData: MdiIcons.calculator,
|
|
label: localization.calculateTaxes,
|
|
value: company.calculateTaxes,
|
|
onChanged: (value) => viewModel.onCompanyChanged(
|
|
company.rebuild((b) => b..calculateTaxes = value)),
|
|
helpLabel: localization.calculateTaxesHelp,
|
|
),
|
|
if (state.isSelfHosted &&
|
|
!state.account.taxApiEnabled &&
|
|
state.company.settings.countryId == kCountryUnitedStates)
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 16),
|
|
child: LearnMoreUrl(
|
|
child: Text(localization.ziptaxHelp),
|
|
url: kZipTaxURL,
|
|
),
|
|
),
|
|
if (company.calculateTaxes) ...[
|
|
/*
|
|
DecoratedFormField(
|
|
keyboardType: TextInputType.text,
|
|
enabled: false,
|
|
label: localization.version,
|
|
initialValue: taxData.version,
|
|
),
|
|
*/
|
|
SizedBox(height: 16),
|
|
AppDropdownButton<String>(
|
|
labelText: localization.sellerSubregion,
|
|
value: taxConfig.sellerSubregion,
|
|
onChanged: (dynamic value) {
|
|
viewModel.onCompanyChanged(company.rebuild(
|
|
(b) => b..taxConfig.sellerSubregion = value));
|
|
},
|
|
items: subregions
|
|
.map((code) => DropdownMenuItem(
|
|
child: Text(region == kTaxRegionUnitedStates
|
|
? code
|
|
: (countryMap[code]?.name ?? code)),
|
|
value: code))
|
|
.toList()),
|
|
SizedBox(height: 12),
|
|
...taxConfig.regions.keys.map((region) {
|
|
final taxDataRegion = taxConfig.regions[region]!;
|
|
return Column(children: [
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 4),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child:
|
|
Text(countryMap[region]?.name ?? region)),
|
|
Flexible(
|
|
child: AppDropdownButton<bool>(
|
|
value: taxDataRegion.taxAll,
|
|
onChanged: (dynamic value) {
|
|
viewModel.onCompanyChanged(company.rebuild(
|
|
(b) => b
|
|
..taxConfig.regions[region] =
|
|
taxDataRegion.rebuild(
|
|
(b) => b..taxAll = value)));
|
|
},
|
|
items: [
|
|
DropdownMenuItem<bool>(
|
|
child: ListTile(
|
|
dense: true,
|
|
title: Text(localization.taxAll),
|
|
),
|
|
value: true,
|
|
),
|
|
DropdownMenuItem<bool>(
|
|
child: ListTile(
|
|
dense: true,
|
|
title: Text(localization.taxSelected),
|
|
subtitle: Text(
|
|
'${taxDataRegion.subregions.keys.where((element) => taxDataRegion.subregions[element]!.applyTax).length} ${localization.selected}'),
|
|
),
|
|
value: false,
|
|
),
|
|
]),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
setState(() {
|
|
_showDetails[region] =
|
|
!_showDetails[region]!;
|
|
});
|
|
},
|
|
child: Text(_showDetails[region]!
|
|
? localization.hide
|
|
: localization.show))
|
|
],
|
|
),
|
|
),
|
|
if (_showDetails[region]!) ...[
|
|
SizedBox(height: 8),
|
|
...taxDataRegion.subregions.keys.map((subregion) {
|
|
final taxDataSubregion =
|
|
taxDataRegion.subregions[subregion]!;
|
|
return Row(
|
|
children: [
|
|
Expanded(
|
|
child: CheckboxListTile(
|
|
title: Row(
|
|
children: [
|
|
Expanded(
|
|
child: Text(region ==
|
|
kTaxRegionUnitedStates
|
|
? subregion
|
|
: (countryMap[subregion]?.name ??
|
|
subregion)),
|
|
),
|
|
Expanded(
|
|
child: Text(
|
|
'${taxDataSubregion.taxName}: ${formatNumber(taxDataSubregion.taxRate, context, formatNumberType: FormatNumberType.percent)! + (taxDataSubregion.reducedTaxRate != 0 ? ' • ' + formatNumber(taxDataSubregion.reducedTaxRate, context, formatNumberType: FormatNumberType.percent)! : '')}',
|
|
))
|
|
],
|
|
),
|
|
controlAffinity:
|
|
ListTileControlAffinity.leading,
|
|
value: taxDataRegion.taxAll ||
|
|
taxDataSubregion.applyTax,
|
|
onChanged: taxDataRegion.taxAll
|
|
? null
|
|
: (value) {
|
|
viewModel.onCompanyChanged(company.rebuild((b) => b
|
|
..taxConfig.replace(taxConfig.rebuild((b) => b
|
|
..regions[region] =
|
|
taxDataRegion.rebuild((b) => b
|
|
..subregions[subregion] =
|
|
taxDataSubregion.rebuild(
|
|
(b) => b
|
|
..applyTax = value))))));
|
|
},
|
|
),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
showDialog<void>(
|
|
context: context,
|
|
builder: (context) =>
|
|
_EditSubregionDialog(
|
|
viewModel: viewModel,
|
|
subregionConfig: taxDataSubregion,
|
|
region: region,
|
|
subregion: subregion,
|
|
));
|
|
},
|
|
child: Text(localization.edit))
|
|
],
|
|
);
|
|
}).toList(),
|
|
],
|
|
]);
|
|
}).toList(),
|
|
]
|
|
],
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class NumberOfRatesSelector extends StatelessWidget {
|
|
const NumberOfRatesSelector({
|
|
required this.label,
|
|
required this.numberOfRates,
|
|
required this.onChanged,
|
|
});
|
|
|
|
final String? label;
|
|
final int numberOfRates;
|
|
final Function(int?) onChanged;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final localization = AppLocalization.of(context)!;
|
|
|
|
return AppDropdownButton(
|
|
labelText: label,
|
|
value: '$numberOfRates',
|
|
onChanged: (dynamic value) =>
|
|
onChanged(value == null || value.isEmpty ? null : int.parse(value)),
|
|
items: [
|
|
DropdownMenuItem(
|
|
child: Text(localization.disabled),
|
|
value: '0',
|
|
),
|
|
DropdownMenuItem(
|
|
child: Text(localization.oneTaxRate),
|
|
value: '1',
|
|
),
|
|
DropdownMenuItem(
|
|
child: Text(localization.twoTaxRates),
|
|
value: '2',
|
|
),
|
|
DropdownMenuItem(
|
|
child: Text(localization.threeTaxRates),
|
|
value: '3',
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class _EditSubregionDialog extends StatefulWidget {
|
|
const _EditSubregionDialog({
|
|
Key? key,
|
|
required this.viewModel,
|
|
required this.subregionConfig,
|
|
required this.region,
|
|
required this.subregion,
|
|
}) : super(key: key);
|
|
|
|
final TaxConfigSubregionEntity subregionConfig;
|
|
final TaxSettingsVM viewModel;
|
|
final String region;
|
|
final String subregion;
|
|
|
|
@override
|
|
State<_EditSubregionDialog> createState() => __EditSubregionDialogState();
|
|
}
|
|
|
|
class __EditSubregionDialogState extends State<_EditSubregionDialog> {
|
|
String _taxName = '';
|
|
double? _taxRate = 0;
|
|
double? _reducedTaxRate = 0;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
final subregionConfig = widget.subregionConfig;
|
|
_taxName = subregionConfig.taxName;
|
|
_taxRate = subregionConfig.taxRate;
|
|
_reducedTaxRate = subregionConfig.reducedTaxRate;
|
|
}
|
|
|
|
void _onDone() {
|
|
final viewModel = widget.viewModel;
|
|
final company = viewModel.company;
|
|
|
|
final taxConfig = company.taxConfig;
|
|
final taxConfigRegion = taxConfig.regions[widget.region]!;
|
|
final taxConfigSubregion = taxConfigRegion.subregions[widget.subregion];
|
|
|
|
viewModel.onCompanyChanged(company.rebuild((b) => b
|
|
..taxConfig.replace(taxConfig.rebuild((b) => b
|
|
..regions[widget.region] = taxConfigRegion.rebuild((b) => b
|
|
..subregions[widget.subregion] = taxConfigSubregion!.rebuild(
|
|
(b) => b
|
|
..taxName = _taxName
|
|
..taxRate = _taxRate
|
|
..reducedTaxRate = _reducedTaxRate,
|
|
))))));
|
|
|
|
Navigator.of(context).pop();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final localization = AppLocalization.of(context)!;
|
|
final subregionData = widget.subregionConfig;
|
|
|
|
return AlertDialog(
|
|
title: Text(localization.edit),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: Text(localization.cancel.toUpperCase()),
|
|
),
|
|
TextButton(
|
|
onPressed: _onDone,
|
|
child: Text(localization.done.toUpperCase()),
|
|
),
|
|
],
|
|
content: SingleChildScrollView(
|
|
child: Column(
|
|
children: [
|
|
DecoratedFormField(
|
|
label: localization.taxName,
|
|
keyboardType: TextInputType.text,
|
|
initialValue: subregionData.taxName,
|
|
onChanged: (value) => _taxName = value.trim(),
|
|
onSavePressed: (context) => _onDone(),
|
|
),
|
|
DecoratedFormField(
|
|
label: localization.taxRate,
|
|
keyboardType: TextInputType.numberWithOptions(decimal: true),
|
|
initialValue: formatNumber(subregionData.taxRate, context,
|
|
formatNumberType: FormatNumberType.inputAmount),
|
|
onChanged: (value) => _taxRate = parseDouble(value),
|
|
onSavePressed: (context) => _onDone(),
|
|
),
|
|
DecoratedFormField(
|
|
label: localization.reducedRate,
|
|
keyboardType: TextInputType.numberWithOptions(decimal: true),
|
|
initialValue: formatNumber(subregionData.reducedTaxRate, context,
|
|
formatNumberType: FormatNumberType.inputAmount),
|
|
onChanged: (value) => _reducedTaxRate = parseDouble(value),
|
|
onSavePressed: (context) => _onDone(),
|
|
),
|
|
],
|
|
)),
|
|
);
|
|
}
|
|
}
|