modules/customer-invoices/src/web/components/editor/invoice-totals.tsx

@@ -20,12 +20,17 @@ export const InvoiceTotals = (props: ComponentProps<"fieldset">) => {
   const { control, getValues } = useFormContext<InvoiceFormData>();
   const { currency_code, language_code, readOnly, taxCatalog } = useInvoiceContext();
 
-  const displayTaxes = useWatch({ control, name: "taxes", defaultValue: [] });
+  const displayTaxes = useWatch({
-  const subtotal_amount = useWatch({ control, name: "subtotal_amount", defaultValue: 0 });
+    control,
-  const discount_amount = useWatch({ control, name: "discount_amount", defaultValue: 0 });
+    name: "taxes",
-  const taxable_amount = useWatch({ control, name: "taxable_amount", defaultValue: 0 });
+    defaultValue: [],
-  const taxes_amount = useWatch({ control, name: "taxes_amount", defaultValue: 0 });
+  });
-  const total_amount = useWatch({ control, name: "total_amount", defaultValue: 0 });
+
+  const subtotal_amount = useWatch({
+    control,
+    name: "subtotal_amount",
+    defaultValue: 0,
+  });
 
   return (
     <FieldSet {...props}>
@@ -61,7 +66,7 @@ export const InvoiceTotals = (props: ComponentProps<"fieldset">) => {
               />
             </div>
             <span className='font-medium text-destructive tabular-nums'>
-              -{formatCurrency(discount_amount, 2, currency_code, language_code)}
+              -{formatCurrency(getValues("discount_amount"), 2, currency_code, language_code)}
             </span>
           </div>
 
@@ -69,7 +74,7 @@ export const InvoiceTotals = (props: ComponentProps<"fieldset">) => {
           <div className='flex justify-between text-sm'>
             <span className='text-foreground'>Base imponible</span>
             <span className='font-medium tabular-nums'>
-              {formatCurrency(taxable_amount, 2, currency_code, language_code)}
+              {formatCurrency(getValues("taxable_amount"), 2, currency_code, language_code)}
             </span>
           </div>
         </div>
@@ -121,7 +126,7 @@ export const InvoiceTotals = (props: ComponentProps<"fieldset">) => {
           <div className='flex justify-between text-sm mt-3'>
             <span className='text-foreground'>Total de impuestos</span>
             <span className='font-medium tabular-nums'>
-              {formatCurrency(taxes_amount, 2, currency_code, language_code)}
+              {formatCurrency(getValues("taxes_amount"), 2, currency_code, language_code)}
             </span>
           </div>
         </div>
@@ -131,7 +136,7 @@ export const InvoiceTotals = (props: ComponentProps<"fieldset">) => {
         <div className='flex justify-between text-sm '>
           <span className='font-bold text-foreground'>Total de la factura</span>
           <span className='font-bold tabular-nums'>
-            {formatCurrency(total_amount, 2, currency_code, language_code)}
+            {formatCurrency(getValues("total_amount"), 2, currency_code, language_code)}
           </span>
         </div>
       </FieldGroup>

modules/customer-invoices/src/web/hooks/calcs/use-invoice-auto-recalc.ts

@@ -96,14 +96,7 @@ export function useInvoiceAutoRecalc(
         const prev = itemCache.current.get(idx);
         const next = calculateItemTotals(item, deferredDiscount);
 
-        const itemHasChanges =
+        if (!prev || JSON.stringify(prev) !== JSON.stringify(next)) {
-          !prev ||
-          prev.subtotal_amount !== next.subtotal_amount ||
-          prev.total_amount !== next.total_amount ||
-          prev.taxes_amount !== next.taxes_amount;
-
-        //if (!prev || JSON.stringify(prev) !== JSON.stringify(next)) { <-- Costoso y poco preciso
-        if (itemHasChanges) {
           shouldUpdateHeader = true;
           itemCache.current.set(idx, next);
           setInvoiceItemTotals(form, idx, next);