From 85f973f5e6c9c5afdc4ce6743cf366e3000759be Mon Sep 17 00:00:00 2001
From: Patrick Fic <patrick@thinkimex.com>
Date: Mon, 18 Mar 2024 13:40:06 -0700
Subject: [PATCH] IO-2685 Resolve missing parts rates for ImEX.

---
 .../jobs-detail-rates.component.jsx           | 452 ++++++++----------
 1 file changed, 208 insertions(+), 244 deletions(-)

diff --git a/client/src/components/jobs-detail-rates/jobs-detail-rates.component.jsx b/client/src/components/jobs-detail-rates/jobs-detail-rates.component.jsx
index bf02521ac..a64582c7c 100644
--- a/client/src/components/jobs-detail-rates/jobs-detail-rates.component.jsx
+++ b/client/src/components/jobs-detail-rates/jobs-detail-rates.component.jsx
@@ -1,261 +1,225 @@
-import {Divider, Form, Input, InputNumber, Select, Space, Switch, Tooltip,} from "antd";
-import React from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {createStructuredSelector} from "reselect";
-import {selectJobReadOnly} from "../../redux/application/application.selectors";
-import {selectBodyshop} from "../../redux/user/user.selectors";
-import CABCpvrtCalculator from "../ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component";
-import CurrencyInput from "../form-items-formatted/currency-form-item.component";
-import JobsDetailRatesChangeButton from "../jobs-detail-rates-change-button/jobs-detail-rates-change-button.component";
-import JobsMarkPstExempt from "../jobs-mark-pst-exempt/jobs-mark-pst-exempt.component";
-import FormRow from "../layout-form-row/layout-form-row.component";
-import JobsDetailRatesLabor from "./jobs-detail-rates.labor.component";
-import JobsDetailRatesMaterials from "./jobs-detail-rates.materials.component";
-import JobsDetailRatesOther from "./jobs-detail-rates.other.component";
-import JobsDetailRatesParts from "./jobs-detail-rates.parts.component";
-import JobsDetailRatesTaxes from "./jobs-detail-rates.taxes.component";
-import JobsDetailRatesProfileOVerride from "./jobs-detail-rates.profile-override.component";
-import InstanceRenderManager from "../../utils/instanceRenderMgr";
+import { Divider, Form, Input, InputNumber, Select, Space, Switch, Tooltip } from 'antd';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { connect } from 'react-redux';
+import { createStructuredSelector } from 'reselect';
+import { selectJobReadOnly } from '../../redux/application/application.selectors';
+import { selectBodyshop } from '../../redux/user/user.selectors';
+import CABCpvrtCalculator from '../ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component';
+import CurrencyInput from '../form-items-formatted/currency-form-item.component';
+import JobsDetailRatesChangeButton from '../jobs-detail-rates-change-button/jobs-detail-rates-change-button.component';
+import JobsMarkPstExempt from '../jobs-mark-pst-exempt/jobs-mark-pst-exempt.component';
+import FormRow from '../layout-form-row/layout-form-row.component';
+import JobsDetailRatesLabor from './jobs-detail-rates.labor.component';
+import JobsDetailRatesMaterials from './jobs-detail-rates.materials.component';
+import JobsDetailRatesOther from './jobs-detail-rates.other.component';
+import JobsDetailRatesParts from './jobs-detail-rates.parts.component';
+import JobsDetailRatesTaxes from './jobs-detail-rates.taxes.component';
+import JobsDetailRatesProfileOVerride from './jobs-detail-rates.profile-override.component';
+import InstanceRenderManager from '../../utils/instanceRenderMgr';
 
 const mapStateToProps = createStructuredSelector({
-    jobRO: selectJobReadOnly,
-    bodyshop: selectBodyshop,
+  jobRO: selectJobReadOnly,
+  bodyshop: selectBodyshop,
 });
 
-export function JobsDetailRates({jobRO, form, job, bodyshop}) {
-    const {t} = useTranslation();
-    return (
-        <div>
-            <FormRow>
-                <Form.Item label={t("jobs.fields.class")} name="class">
-                    <Select disabled={true}/>
-                </Form.Item>
-                <Form.Item
-                    label={t("jobs.fields.depreciation_taxes")}
-                    name="depreciation_taxes"
-                >
-                    <CurrencyInput disabled={jobRO} min={0}/>
-                </Form.Item>
-                {bodyshop.region_config.toLowerCase().startsWith("ca") && (
-                    <Tooltip title={t("jobs.labels.ca_gst_all_if_null")}>
-                        <Form.Item
-                            label={t("jobs.fields.ca_customer_gst")}
-                            name="ca_customer_gst"
-                        >
-                            <CurrencyInput
-                                disabled={jobRO}
-                                min={0}
-                                max={
-                                    Math.round(
-                                        (job.job_totals &&
-                                            job.job_totals.totals.federal_tax.amount) ||
-                                        0
-                                    ) / 100
-                                }
-                            />
-                        </Form.Item>
-                    </Tooltip>
-                )}
-                <Form.Item
-                    label={t("jobs.fields.other_amount_payable")}
-                    name="other_amount_payable"
-                >
-                    <CurrencyInput disabled={jobRO} min={0}/>
-                </Form.Item>
-                <Form.Item
-                    label={t("jobs.fields.towing_payable")}
-                    name="towing_payable"
-                >
-                    <CurrencyInput disabled={jobRO} min={0}/>
-                </Form.Item>
-                <Form.Item
-                    label={t("jobs.fields.storage_payable")}
-                    name="storage_payable"
-                >
-                    <CurrencyInput disabled={jobRO} min={0}/>
-                </Form.Item>
-                <Form.Item
-                    label={t("jobs.fields.adjustment_bottom_line")}
-                    name="adjustment_bottom_line"
-                >
-                    <CurrencyInput disabled={jobRO || bodyshop.cdk_dealerid}/>
-                </Form.Item>
-                {bodyshop.region_config === "CA_BC" && (
-                    <Space align="center">
-                        <Form.Item label={t("jobs.fields.ca_bc_pvrt")} name="ca_bc_pvrt">
-                            <CurrencyInput disabled={jobRO} min={0}/>
-                        </Form.Item>
-                        <CABCpvrtCalculator form={form} disabled={jobRO}/>
-                    </Space>
-                )}
-                <Form.Item
-                    label={t("jobs.fields.auto_add_ats")}
-                    name="auto_add_ats"
-                    valuePropName="checked"
-                >
-                    <Switch disabled={jobRO}/>
-                </Form.Item>
-
-                <Form.Item
-                    noStyle
-                    shouldUpdate={(prev, cur) => prev.auto_add_ats !== cur.auto_add_ats}
-                >
-                    {() => {
-                        if (form.getFieldValue("auto_add_ats"))
-                            return (
-                                <Form.Item
-                                    label={t("jobs.fields.rate_ats")}
-                                    name="rate_ats"
-                                    initialValue={bodyshop.shoprates.rate_atp}
-                                >
-                                    <CurrencyInput disabled={jobRO}/>
-                                </Form.Item>
-                            );
-
-                        return null;
-                    }}
-                </Form.Item>
-            </FormRow>
-{
-    InstanceRenderManager({imex:
-          <FormRow>
-        <Form.Item
-            label={t("jobs.fields.federal_tax_rate")}
-            name="federal_tax_rate"
-        >
-            <InputNumber min={0} max={1} precision={2} disabled={jobRO}/>
+export function JobsDetailRates({ jobRO, form, job, bodyshop }) {
+  const { t } = useTranslation();
+  return (
+    <div>
+      <FormRow>
+        <Form.Item label={t('jobs.fields.class')} name="class">
+          <Select disabled={true} />
         </Form.Item>
+        <Form.Item label={t('jobs.fields.depreciation_taxes')} name="depreciation_taxes">
+          <CurrencyInput disabled={jobRO} min={0} />
+        </Form.Item>
+        {bodyshop.region_config.toLowerCase().startsWith('ca') && (
+          <Tooltip title={t('jobs.labels.ca_gst_all_if_null')}>
+            <Form.Item label={t('jobs.fields.ca_customer_gst')} name="ca_customer_gst">
+              <CurrencyInput
+                disabled={jobRO}
+                min={0}
+                max={
+                  Math.round((job.job_totals && job.job_totals.totals.federal_tax.amount) || 0) /
+                  100
+                }
+              />
+            </Form.Item>
+          </Tooltip>
+        )}
+        <Form.Item label={t('jobs.fields.other_amount_payable')} name="other_amount_payable">
+          <CurrencyInput disabled={jobRO} min={0} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.towing_payable')} name="towing_payable">
+          <CurrencyInput disabled={jobRO} min={0} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.storage_payable')} name="storage_payable">
+          <CurrencyInput disabled={jobRO} min={0} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.adjustment_bottom_line')} name="adjustment_bottom_line">
+          <CurrencyInput disabled={jobRO || bodyshop.cdk_dealerid} />
+        </Form.Item>
+        {bodyshop.region_config === 'CA_BC' && (
+          <Space align="center">
+            <Form.Item label={t('jobs.fields.ca_bc_pvrt')} name="ca_bc_pvrt">
+              <CurrencyInput disabled={jobRO} min={0} />
+            </Form.Item>
+            <CABCpvrtCalculator form={form} disabled={jobRO} />
+          </Space>
+        )}
         <Form.Item
-            label={t("jobs.fields.state_tax_rate")}
-            name="state_tax_rate"
+          label={t('jobs.fields.auto_add_ats')}
+          name="auto_add_ats"
+          valuePropName="checked"
         >
-            <InputNumber
+          <Switch disabled={jobRO} />
+        </Form.Item>
+
+        <Form.Item noStyle shouldUpdate={(prev, cur) => prev.auto_add_ats !== cur.auto_add_ats}>
+          {() => {
+            if (form.getFieldValue('auto_add_ats'))
+              return (
+                <Form.Item
+                  label={t('jobs.fields.rate_ats')}
+                  name="rate_ats"
+                  initialValue={bodyshop.shoprates.rate_atp}
+                >
+                  <CurrencyInput disabled={jobRO} />
+                </Form.Item>
+              );
+
+            return null;
+          }}
+        </Form.Item>
+      </FormRow>
+      {InstanceRenderManager({
+        imex: (
+          <FormRow>
+            <Form.Item label={t('jobs.fields.federal_tax_rate')} name="federal_tax_rate">
+              <InputNumber min={0} max={1} precision={2} disabled={jobRO} />
+            </Form.Item>
+            <Form.Item label={t('jobs.fields.state_tax_rate')} name="state_tax_rate">
+              <InputNumber
                 min={0}
                 max={1}
                 precision={2}
                 disabled={jobRO}
                 autoComplete="new-password"
-            />
-        </Form.Item>
-        <Form.Item
-            label={t("jobs.fields.local_tax_rate")}
-            name="local_tax_rate"
-        >
-            <InputNumber min={0} max={1} precision={2} disabled={jobRO}/>
-        </Form.Item>
-        {bodyshop.region_config.toLowerCase().startsWith("ca") && (
-            <Form.Item
-                label={t("jobs.fields.ca_gst_registrant")}
+              />
+            </Form.Item>
+            <Form.Item label={t('jobs.fields.local_tax_rate')} name="local_tax_rate">
+              <InputNumber min={0} max={1} precision={2} disabled={jobRO} />
+            </Form.Item>
+            {bodyshop.region_config.toLowerCase().startsWith('ca') && (
+              <Form.Item
+                label={t('jobs.fields.ca_gst_registrant')}
                 name="ca_gst_registrant"
                 valuePropName="checked"
-            >
-                <Switch disabled={jobRO}/>
-            </Form.Item>
-        )}
-    </FormRow>})
-}
-            <Divider
-                orientation="left"
-                type="horizontal"
-                style={{marginTop: ".8rem", float: "right"}}
-            >
-                {t("jobs.forms.laborrates")}
-            </Divider>
-            <Space>
-                <JobsDetailRatesChangeButton form={form} disabled={jobRO}/>
-                <JobsMarkPstExempt form={form}/>
-            </Space>
-            <FormRow noDivider>
-                <Form.Item
-                    label={t("jobs.fields.labor_rate_desc")}
-                    name="labor_rate_desc"
-                >
-                    <Input disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_laa")} name="rate_laa">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_lab")} name="rate_lab">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_lad")} name="rate_lad">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_lae")} name="rate_lae">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_lar")} name="rate_lar">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_las")} name="rate_las">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_laf")} name="rate_laf">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_lam")} name="rate_lam">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_lag")} name="rate_lag">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_la1")} name="rate_la1">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_la2")} name="rate_la2">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_la3")} name="rate_la3">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_la4")} name="rate_la4">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_lau")} name="rate_lau">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_mapa")} name="rate_mapa">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_mash")} name="rate_mash">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_mahw")} name="rate_mahw">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_ma2s")} name="rate_ma2s">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                <Form.Item label={t("jobs.fields.rate_ma3s")} name="rate_ma3s">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-                {
-                    // <Form.Item label={t("jobs.fields.rate_mabl")} name="rate_mabl">
-                    //   <CurrencyInput  min={0}disabled={jobRO} />
-                    // </Form.Item>
-                    // <Form.Item label={t("jobs.fields.rate_macs")} name="rate_macs">
-                    //   <CurrencyInput  min={0}disabled={jobRO} />
-                    // </Form.Item>
-                }
-                <Form.Item label={t("jobs.fields.rate_matd")} name="rate_matd">
-                    <CurrencyInput min={0} disabled={jobRO}/>
-                </Form.Item>
-            </FormRow>
-            {
-                InstanceRenderManager({rome: <>
-                             <Divider orientation="left">Tax Profile</Divider>
-            <JobsDetailRatesProfileOVerride form={form}/>
-            <JobsDetailRatesParts form={form}/>
-            <JobsDetailRatesLabor form={form}/>
-            <JobsDetailRatesMaterials form={form}/>
-            <JobsDetailRatesOther form={form}/>
-            <JobsDetailRatesTaxes form={form}/>
-
-                    </>})
-            }
-         </div>
-    );
+              >
+                <Switch disabled={jobRO} />
+              </Form.Item>
+            )}
+          </FormRow>
+        ),
+      })}
+      <Divider orientation="left" type="horizontal" style={{ marginTop: '.8rem', float: 'right' }}>
+        {t('jobs.forms.laborrates')}
+      </Divider>
+      <Space>
+        <JobsDetailRatesChangeButton form={form} disabled={jobRO} />
+        <JobsMarkPstExempt form={form} />
+      </Space>
+      <FormRow noDivider>
+        <Form.Item label={t('jobs.fields.labor_rate_desc')} name="labor_rate_desc">
+          <Input disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_laa')} name="rate_laa">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_lab')} name="rate_lab">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_lad')} name="rate_lad">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_lae')} name="rate_lae">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_lar')} name="rate_lar">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_las')} name="rate_las">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_laf')} name="rate_laf">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_lam')} name="rate_lam">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_lag')} name="rate_lag">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_la1')} name="rate_la1">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_la2')} name="rate_la2">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_la3')} name="rate_la3">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_la4')} name="rate_la4">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_lau')} name="rate_lau">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_mapa')} name="rate_mapa">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_mash')} name="rate_mash">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_mahw')} name="rate_mahw">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_ma2s')} name="rate_ma2s">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        <Form.Item label={t('jobs.fields.rate_ma3s')} name="rate_ma3s">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+        {
+          // <Form.Item label={t("jobs.fields.rate_mabl")} name="rate_mabl">
+          //   <CurrencyInput  min={0}disabled={jobRO} />
+          // </Form.Item>
+          // <Form.Item label={t("jobs.fields.rate_macs")} name="rate_macs">
+          //   <CurrencyInput  min={0}disabled={jobRO} />
+          // </Form.Item>
+        }
+        <Form.Item label={t('jobs.fields.rate_matd')} name="rate_matd">
+          <CurrencyInput min={0} disabled={jobRO} />
+        </Form.Item>
+      </FormRow>
+      {InstanceRenderManager({
+        imex:   <JobsDetailRatesParts form={form} />,
+        rome: (
+          <>
+            <Divider orientation="left">Tax Profile</Divider>
+            <JobsDetailRatesProfileOVerride form={form} />
+            <JobsDetailRatesParts form={form} />
+            <JobsDetailRatesLabor form={form} />
+            <JobsDetailRatesMaterials form={form} />
+            <JobsDetailRatesOther form={form} />
+            <JobsDetailRatesTaxes form={form} />
+          </>
+        ),
+        promanager: "USE_ROME"
+      })}
+    </div>
+  );
 }
 
 export default connect(mapStateToProps, null)(JobsDetailRates);