Successful 2tier and 3 tier export of invoices. BOD-83 BOD-131

client/src/pages/jobs-close/jobs-close.component.jsx

@@ -8,33 +8,76 @@ import Dinero from "dinero.js";
 import JobsCloseTotals from "../../components/jobs-close-totals/jobs-close-totals.component";
 import JobsCloseAutoAllocate from "../../components/jobs-close-auto-allocate/jobs-close-auto-allocate.component";
 import JobsCloseSaveButton from "../../components/jobs-close-save-button/jobs-close-save-button.component";
+import JobsCloseExportButton from "../../components/jobs-close-export-button/jobs-close-export-button.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
 });
 
 export function JobsCloseComponent({ job, bodyshop, jobTotals }) {
+  const [invoiced, setInvoiced] = useState(!!job.invoice_allocation);
   const [labmatAllocations, setLabmatAllocations] = useState(
-    Object.keys(jobTotals.rates).reduce((acc, val) => {
-      acc[val] = jobTotals.rates[val];
-      if (val.includes("subtotal")) return acc;
-      //Not a subtotal - therefore can be allocated.
-      acc[val].allocations = [];
-      return acc;
-    }, {})
+    !!job.invoice_allocation && !!job.invoice_allocation.labMatAllocations
+      ? Object.keys(job.invoice_allocation.labMatAllocations).reduce(
+          (acc, val) => {
+            if (val.includes("subtotal")) {
+              acc[val] = Dinero(job.invoice_allocation.labMatAllocations[val]);
+            } else {
+              acc[val] = {
+                ...job.invoice_allocation.labMatAllocations[val],
+                total: Dinero(
+                  job.invoice_allocation.labMatAllocations[val].total
+                ),
+                allocations: job.invoice_allocation.labMatAllocations[
+                  val
+                ].allocations.map((item) => {
+                  return { ...item, amount: Dinero(item.amount) };
+                }),
+              };
+            }
+
+            return acc;
+          },
+          {}
+        )
+      : Object.keys(jobTotals.rates).reduce((acc, val) => {
+          acc[val] = jobTotals.rates[val];
+          if (val.includes("subtotal")) return acc;
+          //Not a subtotal - therefore can be allocated.
+          acc[val].allocations = [];
+          return acc;
+        }, {})
   );
 
-  const [partsAllocations, setPartsAllocations] = useState({
-    ...Object.keys(jobTotals.parts.parts.list).reduce((acc, val) => {
-      acc[val] = { ...jobTotals.parts.parts.list[val], allocations: [] };
+  const [partsAllocations, setPartsAllocations] = useState(
+    !!job.invoice_allocation && !!job.invoice_allocation.partsAllocations
+      ? Object.keys(job.invoice_allocation.partsAllocations).reduce(
+          (acc, val) => {
+            acc[val] = {
+              ...job.invoice_allocation.partsAllocations[val],
+              total: Dinero(job.invoice_allocation.partsAllocations[val].total),
+              allocations: job.invoice_allocation.partsAllocations[
+                val
+              ].allocations.map((item) => {
+                return { ...item, amount: Dinero(item.amount) };
+              }),
+            };
+            return acc;
+          },
+          {}
+        )
+      : {
+          ...Object.keys(jobTotals.parts.parts.list).reduce((acc, val) => {
+            acc[val] = { ...jobTotals.parts.parts.list[val], allocations: [] };
 
-      return acc;
-    }, {}),
-    pas: {
-      ...jobTotals.parts.sublets,
-      allocations: [],
-    },
-  });
+            return acc;
+          }, {}),
+          pas: {
+            ...jobTotals.parts.sublets,
+            allocations: [],
+          },
+        }
+  );
 
   const labmatAllocatedTotalsArray = Object.keys(labmatAllocations)
     .filter((i) => !i.includes("subtotal"))
@@ -61,6 +104,8 @@ export function JobsCloseComponent({ job, bodyshop, jobTotals }) {
     <div>
       <JobsCloseSaveButton
         jobId={job.id}
+        invoiced={invoiced}
+        setInvoicedState={setInvoiced}
         partsAllocations={partsAllocations}
         labMatAllocations={labmatAllocations}
         jobTotals={jobTotals}
@@ -69,6 +114,7 @@ export function JobsCloseComponent({ job, bodyshop, jobTotals }) {
           .subtract(partsAllocatedTotal)
           .getAmount()}
       />
+      <JobsCloseExportButton jobId={job.id} disabled={!invoiced} />
       <JobsCloseTotals
         jobTotals={jobTotals}
         labMatTotal={labmatAllocatedTotal}
@@ -79,16 +125,19 @@ export function JobsCloseComponent({ job, bodyshop, jobTotals }) {
         setLabmatAllocations={setLabmatAllocations}
         partsAllocations={partsAllocations}
         setPartsAllocations={setPartsAllocations}
+        invoiced={invoiced}
       />
       <JobsCloseLaborMaterialAllocation
         labmatAllocations={labmatAllocations}
         setLabmatAllocations={setLabmatAllocations}
         labMatTotalAllocation={labmatAllocatedTotal}
+        invoiced={invoiced}
       />
       <JobsClosePartsAllocation
         partsAllocations={partsAllocations}
         setPartsAllocations={setPartsAllocations}
         partsAllocatedTotal={partsAllocatedTotal}
+        invoiced={invoiced}
       />
     </div>
   );