fix: items entries total calculation.

client/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormHeader.js

@@ -1,13 +1,14 @@
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { sumBy } from 'lodash';
 import { useFormikContext } from 'formik';
 import intl from 'react-intl-universal';
 
 import { CLASSES } from 'common/classes';
 import InvoiceFormHeaderFields from './InvoiceFormHeaderFields';
 
+import { getEntriesTotal } from 'containers/Entries/utils';
 import { PageFormBigNumber } from 'components';
+
 import withSettings from 'containers/Settings/withSettings';
 
 import { compose } from 'redux';
@@ -23,7 +24,7 @@ function InvoiceFormHeader({
 
   // Calculate the total due amount of invoice entries.
   const totalDueAmount = useMemo(
-    () => sumBy(values.entries, 'total'),
+    () => getEntriesTotal(values.entries),
     [values.entries],
   );
 

client/src/containers/Sales/Invoices/InvoiceForm/InvoiceFormProvider.js

@@ -2,7 +2,7 @@ import React, { createContext, useState } from 'react';
 import { isEmpty, pick } from 'lodash';
 import { useLocation } from 'react-router-dom';
 import DashboardInsider from 'components/Dashboard/DashboardInsider';
-import { transformToEditForm } from './utils';
+import { transformToEditForm, ITEMS_FILTER_ROLES_QUERY } from './utils';
 import {
   useInvoice,
   useItems,
@@ -27,10 +27,10 @@ function InvoiceFormProvider({ invoiceId, ...props }) {
   });
 
   // Fetches the estimate by the given id.
-  const {
-    data: estimate,
-    isLoading: isEstimateLoading,
-  } = useEstimate(estimateId, { enabled: !!estimateId });
+  const { data: estimate, isLoading: isEstimateLoading } = useEstimate(
+    estimateId,
+    { enabled: !!estimateId },
+  );
 
   const newInvoice = !isEmpty(estimate)
     ? transformToEditForm({
@@ -38,23 +38,13 @@ function InvoiceFormProvider({ invoiceId, ...props }) {
       })
     : [];
 
-  // Filter all sellable items only.
-  const stringifiedFilterRoles = React.useMemo(
-    () =>
-      JSON.stringify([
-        { index: 1, fieldKey: 'sellable', value: true, condition: '&&', comparator: 'equals', },
-        { index: 2, fieldKey: 'active', value: true, condition: '&&', comparator: 'equals' },
-      ]),
-    [],
-  );
-
   // Handle fetching the items table based on the given query.
   const {
     data: { items },
     isLoading: isItemsLoading,
   } = useItems({
     page_size: 10000,
-    stringified_filter_roles: stringifiedFilterRoles,
+    stringified_filter_roles: ITEMS_FILTER_ROLES_QUERY,
   });
 
   // Handle fetch customers data table or list

client/src/containers/Sales/Invoices/InvoiceForm/utils.js

@@ -26,7 +26,7 @@ export const defaultInvoiceEntry = {
   discount: '',
   quantity: '',
   description: '',
-  total: 0,
+  amount: '',
 };
 
 // Default invoice object.
@@ -63,6 +63,9 @@ export function transformToEditForm(invoice) {
   };
 }
 
+/**
+ * Transformes the response errors types.
+ */
 export const transformErrors = (errors, { setErrors }) => {
   if (errors.some((e) => e.type === ERROR.SALE_INVOICE_NUMBER_IS_EXISTS)) {
     setErrors({
@@ -102,6 +105,9 @@ export const useObserveInvoiceNoSettings = (prefix, nextNumber) => {
   }, [setFieldValue, prefix, nextNumber]);
 };
 
+/**
+ * Detarmines customer name field when should update.
+ */
 export const customerNameFieldShouldUpdate = (newProps, oldProps) => {
   return (
     newProps.customers !== oldProps.customers ||
@@ -109,9 +115,29 @@ export const customerNameFieldShouldUpdate = (newProps, oldProps) => {
   );
 };
 
+/**
+ * Detarmines invoice entries field when should update.
+ */
 export const entriesFieldShouldUpdate = (newProps, oldProps) => {
   return (
     newProps.items !== oldProps.items ||
     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',
+  },
+]);