// @ts-nocheck import React, { useCallback, useMemo } from 'react'; import intl from 'react-intl-universal'; import moment from 'moment'; import * as R from 'ramda'; import { Intent } from '@blueprintjs/core'; import { omit, first, keyBy, sumBy, groupBy } from 'lodash'; import { compose, transformToForm, repeatValue } from '@/utils'; import { useFormikContext } from 'formik'; import { formattedAmount, defaultFastFieldShouldUpdate } from '@/utils'; import { ERROR } from '@/constants/errors'; import { AppToaster } from '@/components'; import { useCurrentOrganization } from '@/hooks/state'; import { assignEntriesTaxAmount, getEntriesTotal, } from '@/containers/Entries/utils'; import { useInvoiceFormContext } from './InvoiceFormProvider'; import { updateItemsEntriesTotal, ensureEntriesHaveEmptyLine, } from '@/containers/Entries/utils'; import { TaxType } from '@/interfaces/TaxRates'; export const MIN_LINES_NUMBER = 1; // Default invoice entry object. export const defaultInvoiceEntry = { index: 0, item_id: '', rate: '', discount: '', quantity: '', description: '', amount: '', tax_rate_id: '', tax_rate: '', tax_amount: '', }; // Default invoice object. export const defaultInvoice = { customer_id: '', invoice_date: moment(new Date()).format('YYYY-MM-DD'), due_date: moment().format('YYYY-MM-DD'), delivered: '', invoice_no: '', inclusive_exclusive_tax: TaxType.Inclusive, // Holds the invoice number that entered manually only. invoice_no_manually: '', reference_no: '', invoice_message: '', terms_conditions: '', exchange_rate: 1, currency_code: '', branch_id: '', warehouse_id: '', project_id: '', entries: [...repeatValue(defaultInvoiceEntry, MIN_LINES_NUMBER)], }; /** * Transform invoice to initial values in edit mode. */ export function transformToEditForm(invoice) { const initialEntries = [ ...invoice.entries.map((invoice) => ({ ...transformToForm(invoice, defaultInvoiceEntry), })), ...repeatValue( defaultInvoiceEntry, Math.max(MIN_LINES_NUMBER - invoice.entries.length, 0), ), ]; const entries = compose( ensureEntriesHaveEmptyLine(defaultInvoiceEntry), updateItemsEntriesTotal, )(initialEntries); return { ...transformToForm(invoice, defaultInvoice), inclusive_exclusive_tax: invoice.is_inclusive_tax ? TaxType.Inclusive : TaxType.Exclusive, entries, }; } /** * Transformes the response errors types. */ export const transformErrors = (errors, { setErrors }) => { if (errors.some((e) => e.type === ERROR.SALE_INVOICE_NUMBER_IS_EXISTS)) { setErrors({ invoice_no: intl.get('sale_invoice_number_is_exists'), }); } if ( errors.some( ({ type }) => type === ERROR.SALE_ESTIMATE_IS_ALREADY_CONVERTED_TO_INVOICE, ) ) { AppToaster.show({ message: intl.get('sale_estimate_is_already_converted_to_invoice'), intent: Intent.DANGER, }); } if ( errors.some((error) => error.type === ERROR.SALE_INVOICE_NO_IS_REQUIRED) ) { setErrors({ invoice_no: intl.get('invoice.field.error.invoice_no_required'), }); } }; /** * Detarmines customer name field when should update. */ export const customerNameFieldShouldUpdate = (newProps, oldProps) => { return ( newProps.shouldUpdateDeps.items !== oldProps.shouldUpdateDeps.items || defaultFastFieldShouldUpdate(newProps, oldProps) ); }; /** * Detarmines invoice entries field when should update. */ export const entriesFieldShouldUpdate = (newProps, oldProps) => { return ( newProps.items !== oldProps.items || newProps.taxRates !== oldProps.taxRates || defaultFastFieldShouldUpdate(newProps, oldProps) ); }; export const ITEMS_FILTER_ROLES_QUERY = JSON.stringify([ { index: 1, fieldKey: 'sellable', value: true, condition: '&&', comparator: 'equals', }, { index: 2, fieldKey: 'active', value: true, condition: '&&', comparator: 'equals', }, ]); /** * Transformes the form values to request body values. */ export function transformValueToRequest(values) { const entries = values.entries.filter( (item) => item.item_id && item.quantity, ); return { ...omit(values, [ 'invoice_no', 'invoice_no_manually', 'inclusive_exclusive_tax', ]), // The `invoice_no_manually` will be presented just if the auto-increment // is disable, always both attributes hold the same value in manual mode. ...(values.invoice_no_manually && { invoice_no: values.invoice_no, }), is_inclusive_tax: values.inclusive_exclusive_tax === TaxType.Inclusive, entries: entries.map((entry) => ({ ...omit(entry, ['amount', 'tax_amount', 'tax_rate']), })), delivered: false, }; } export const useSetPrimaryWarehouseToForm = () => { const { setFieldValue } = useFormikContext(); const { warehouses, isWarehousesSuccess } = useInvoiceFormContext(); React.useEffect(() => { if (isWarehousesSuccess) { const primaryWarehouse = warehouses.find((b) => b.primary) || first(warehouses); if (primaryWarehouse) { setFieldValue('warehouse_id', primaryWarehouse.id); } } }, [isWarehousesSuccess, setFieldValue, warehouses]); }; export const useSetPrimaryBranchToForm = () => { const { setFieldValue } = useFormikContext(); const { branches, isBranchesSuccess } = useInvoiceFormContext(); React.useEffect(() => { if (isBranchesSuccess) { const primaryBranch = branches.find((b) => b.primary) || first(branches); if (primaryBranch) { setFieldValue('branch_id', primaryBranch.id); } } }, [isBranchesSuccess, setFieldValue, branches]); }; /** * Retrieves the invoice subtotal. * @returns {number} */ export const useInvoiceSubtotal = () => { const { values: { entries }, } = useFormikContext(); // Calculate the total due amount of invoice entries. return React.useMemo(() => getEntriesTotal(entries), [entries]); }; /** * Retreives the invoice totals. */ export const useInvoiceTotals = () => { const { values: { entries, currency_code: currencyCode }, } = useFormikContext(); // Retrieves the invoice entries total. const total = React.useMemo(() => getEntriesTotal(entries), [entries]); const total_ = useInvoiceTotal(); // Retrieves the formatted total money. const formattedTotal = React.useMemo( () => formattedAmount(total_, currencyCode), [total_, currencyCode], ); // Retrieves the formatted subtotal. const formattedSubtotal = React.useMemo( () => formattedAmount(total, currencyCode, { money: false }), [total, currencyCode], ); // Retrieves the payment total. const paymentTotal = React.useMemo(() => 0, []); // Retireves the formatted payment total. const formattedPaymentTotal = React.useMemo( () => formattedAmount(paymentTotal, currencyCode), [paymentTotal, currencyCode], ); // Retrieves the formatted due total. const dueTotal = React.useMemo( () => total - paymentTotal, [total, paymentTotal], ); // Retrieves the formatted due total. const formattedDueTotal = React.useMemo( () => formattedAmount(dueTotal, currencyCode), [dueTotal, currencyCode], ); return { total, paymentTotal, dueTotal, formattedTotal, formattedSubtotal, formattedPaymentTotal, formattedDueTotal, }; }; /** * Detarmines whether the invoice has foreign customer. * @returns {boolean} */ export const useInvoiceIsForeignCustomer = () => { const { values } = useFormikContext(); const currentOrganization = useCurrentOrganization(); const isForeignCustomer = React.useMemo( () => values.currency_code !== currentOrganization.base_currency, [values.currency_code, currentOrganization.base_currency], ); return isForeignCustomer; }; /** * Resets the form state to initial values */ export const resetFormState = ({ initialValues, values, resetForm }) => { resetForm({ values: { // Reset the all values except the warehouse and brand id. ...initialValues, warehouse_id: values.warehouse_id, brand_id: values.brand_id, }, }); }; /** * Re-calcualte the entries tax amount when editing. * @returns {string} */ export const composeEntriesOnEditInclusiveTax = ( inclusiveExclusiveTax: string, entries, ) => { return R.compose( assignEntriesTaxAmount(inclusiveExclusiveTax === 'inclusive'), )(entries); }; /** * Retreives the invoice aggregated tax rates. * @returns {Array} */ export const useInvoiceAggregatedTaxRates = () => { const { values } = useFormikContext(); const { taxRates } = useInvoiceFormContext(); const taxRatesById = useMemo(() => keyBy(taxRates, 'id'), [taxRates]); // Calculate the total tax amount of invoice entries. return React.useMemo(() => { const filteredEntries = values.entries.filter((e) => e.tax_rate_id); const groupedTaxRates = groupBy(filteredEntries, 'tax_rate_id'); return Object.keys(groupedTaxRates).map((taxRateId) => { const taxRate = taxRatesById[taxRateId]; const taxRates = groupedTaxRates[taxRateId]; const totalTaxAmount = sumBy(taxRates, 'tax_amount'); const taxAmountFormatted = formattedAmount(totalTaxAmount, 'USD'); return { taxRateId, taxRate: taxRate.rate, label: `${taxRate.name} [${taxRate.rate}%]`, taxAmount: totalTaxAmount, taxAmountFormatted, }; }); }, [values.entries]); }; /** * Retreives the invoice total tax amount. * @returns {number} */ export const useInvoiceTotalTaxAmount = () => { const { values } = useFormikContext(); return React.useMemo(() => { const filteredEntries = values.entries.filter((entry) => entry.tax_amount); return sumBy(filteredEntries, 'tax_amount'); }, [values.entries]); }; /** * Retreives the invoice total. * @returns {number} */ export const useInvoiceTotal = () => { const subtotal = useInvoiceSubtotal(); const totalTaxAmount = useInvoiceTotalTaxAmount(); const isExclusiveTax = useIsInvoiceTaxExclusive(); return R.compose(R.when(R.always(isExclusiveTax), R.add(totalTaxAmount)))( subtotal, ); }; /** * Retreives the invoice due amount. * @returns {number} */ export const useInvoiceDueAmount = () => { const total = useInvoiceTotal(); return total; }; /** * Detrmines whether the tax is inclusive. * @returns {boolean} */ export const useIsInvoiceTaxInclusive = () => { const { values } = useFormikContext(); return values.inclusive_exclusive_tax === TaxType.Inclusive; }; /** * Detrmines whether the tax is exclusive. * @returns {boolean} */ export const useIsInvoiceTaxExclusive = () => { const { values } = useFormikContext(); return values.inclusive_exclusive_tax === TaxType.Exclusive; };