Fix Formatting issues

Signed-off-by: Dave Richer <dave@imexsystems.ca>
2024-04-08 22:25:07 -04:00
parent df0f8ef9dc
commit 33c282051b
34 changed files with 1805 additions and 1820 deletions
--- a/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.component.jsx
+++ b/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.component.jsx
@@ -1,51 +1,35 @@
-import {DownCircleFilled} from "@ant-design/icons";
-import {useApolloClient, useMutation} from "@apollo/client";
-import {
-  Button,
-  Card,
-  Dropdown,
-  Form,
-  Input,
-  Modal,
-  notification,
-  Popconfirm,
-  Popover,
-  Select,
-  Space
-} from "antd";
-import React, {useMemo, useState} from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {Link, useNavigate} from "react-router-dom";
-import {createStructuredSelector} from "reselect";
-import {auth, logImEXEvent} from "../../firebase/firebase.utils";
-import {
-  CANCEL_APPOINTMENTS_BY_JOB_ID,
-  INSERT_MANUAL_APPT
-} from "../../graphql/appointments.queries";
-import {DELETE_JOB, UPDATE_JOB, VOID_JOB} from "../../graphql/jobs.queries";
-import {insertAuditTrail} from "../../redux/application/application.actions";
-import {selectJobReadOnly} from "../../redux/application/application.selectors";
-import {setModalContext} from "../../redux/modals/modals.actions";
-import {selectBodyshop, selectCurrentUser} from "../../redux/user/user.selectors";
+import { DownCircleFilled } from "@ant-design/icons";
+import { useApolloClient, useMutation } from "@apollo/client";
+import { Button, Card, Dropdown, Form, Input, Modal, notification, Popconfirm, Popover, Select, Space } from "antd";
+import React, { useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { Link, useNavigate } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
+import { auth, logImEXEvent } from "../../firebase/firebase.utils";
+import { CANCEL_APPOINTMENTS_BY_JOB_ID, INSERT_MANUAL_APPT } from "../../graphql/appointments.queries";
+import { DELETE_JOB, UPDATE_JOB, VOID_JOB } from "../../graphql/jobs.queries";
+import { insertAuditTrail } from "../../redux/application/application.actions";
+import { selectJobReadOnly } from "../../redux/application/application.selectors";
+import { setModalContext } from "../../redux/modals/modals.actions";
+import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors";
 import AuditTrailMapping from "../../utils/AuditTrailMappings";
 import RbacWrapper from "../rbac-wrapper/rbac-wrapper.component";
 import AddToProduction from "./jobs-detail-header-actions.addtoproduction.util";
 import DuplicateJob from "./jobs-detail-header-actions.duplicate.util";
 import axios from "axios";
-import {setEmailOptions} from "../../redux/email/email.actions";
-import {openChatByPhone, setMessage} from "../../redux/messaging/messaging.actions";
-import {GET_CURRENT_QUESTIONSET_ID, INSERT_CSI} from "../../graphql/csi.queries";
-import {TemplateList} from "../../utils/TemplateConstants";
+import { setEmailOptions } from "../../redux/email/email.actions";
+import { openChatByPhone, setMessage } from "../../redux/messaging/messaging.actions";
+import { GET_CURRENT_QUESTIONSET_ID, INSERT_CSI } from "../../graphql/csi.queries";
+import { TemplateList } from "../../utils/TemplateConstants";
 import parsePhoneNumber from "libphonenumber-js";
-import {HasFeatureAccess} from "../feature-wrapper/feature-wrapper.component";
-import {DateTimeFormatter} from "../../utils/DateFormatter";
+import { HasFeatureAccess } from "../feature-wrapper/feature-wrapper.component";
+import { DateTimeFormatter } from "../../utils/DateFormatter";
 import FormDateTimePickerComponent from "../form-date-time-picker/form-date-time-picker.component";
 import dayjs from "../../utils/day";
-import {useSplitTreatments} from "@splitsoftware/splitio-react";
+import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
-import JobsDetailHeaderActionsToggleProduction
-  from "./jobs-detail-header-actions.toggle-production";
+import JobsDetailHeaderActionsToggleProduction from "./jobs-detail-header-actions.toggle-production";

 const mapStateToProps = createStructuredSelector({
  bodyshop: selectBodyshop,
@@ -54,57 +38,75 @@ const mapStateToProps = createStructuredSelector({
 });

 const mapDispatchToProps = (dispatch) => ({
-  setScheduleContext: (context) => dispatch(setModalContext({context: context, modal: "schedule"})),
-  setBillEnterContext: (context) => dispatch(setModalContext({
-    context: context,
-    modal: "billEnter"
-  })),
-  setPaymentContext: (context) => dispatch(setModalContext({context: context, modal: "payment"})),
-  setJobCostingContext: (context) => dispatch(setModalContext({
-    context: context,
-    modal: "jobCosting"
-  })),
-  setTimeTicketContext: (context) => dispatch(setModalContext({
-    context: context,
-    modal: "timeTicket"
-  })),
-  setCardPaymentContext: (context) => dispatch(setModalContext({
-    context: context,
-    modal: "cardPayment"
-  })),
-  insertAuditTrail: ({jobid, operation, type}) => dispatch(insertAuditTrail({
-    jobid,
-    operation,
-    type
-  })),
-  setTimeTicketTaskContext: (context) => dispatch(setModalContext({
-    context: context,
-    modal: "timeTicketTask"
-  })),
+  setScheduleContext: (context) => dispatch(setModalContext({ context: context, modal: "schedule" })),
+  setBillEnterContext: (context) =>
+    dispatch(
+      setModalContext({
+        context: context,
+        modal: "billEnter"
+      })
+    ),
+  setPaymentContext: (context) => dispatch(setModalContext({ context: context, modal: "payment" })),
+  setJobCostingContext: (context) =>
+    dispatch(
+      setModalContext({
+        context: context,
+        modal: "jobCosting"
+      })
+    ),
+  setTimeTicketContext: (context) =>
+    dispatch(
+      setModalContext({
+        context: context,
+        modal: "timeTicket"
+      })
+    ),
+  setCardPaymentContext: (context) =>
+    dispatch(
+      setModalContext({
+        context: context,
+        modal: "cardPayment"
+      })
+    ),
+  insertAuditTrail: ({ jobid, operation, type }) =>
+    dispatch(
+      insertAuditTrail({
+        jobid,
+        operation,
+        type
+      })
+    ),
+  setTimeTicketTaskContext: (context) =>
+    dispatch(
+      setModalContext({
+        context: context,
+        modal: "timeTicketTask"
+      })
+    ),
  setEmailOptions: (e) => dispatch(setEmailOptions(e)),
  openChatByPhone: (phone) => dispatch(openChatByPhone(phone)),
  setMessage: (text) => dispatch(setMessage(text))
 });

 export function JobsDetailHeaderActions({
-                                          job,
-                                          bodyshop,
-                                          currentUser,
-                                          refetch,
-                                          setScheduleContext,
-                                          setBillEnterContext,
-                                          setPaymentContext,
-                                          setJobCostingContext,
-                                          jobRO,
-                                          setTimeTicketContext,
-                                          setCardPaymentContext,
-                                          insertAuditTrail,
-                                          setEmailOptions,
-                                          openChatByPhone,
-                                          setMessage,
-                                          setTimeTicketTaskContext
-                                        }) {
-  const {t} = useTranslation();
+  job,
+  bodyshop,
+  currentUser,
+  refetch,
+  setScheduleContext,
+  setBillEnterContext,
+  setPaymentContext,
+  setJobCostingContext,
+  jobRO,
+  setTimeTicketContext,
+  setCardPaymentContext,
+  insertAuditTrail,
+  setEmailOptions,
+  openChatByPhone,
+  setMessage,
+  setTimeTicketTaskContext
+}) {
+  const { t } = useTranslation();
  const client = useApolloClient();
  const history = useNavigate();
  const [form] = Form.useForm();
@@ -118,7 +120,7 @@ export function JobsDetailHeaderActions({
  const [cancelAllAppointments] = useMutation(CANCEL_APPOINTMENTS_BY_JOB_ID);

  const {
-    treatments: {ImEXPay}
+    treatments: { ImEXPay }
  } = useSplitTreatments({
    attributes: {},
    names: ["ImEXPay"],
@@ -152,7 +154,7 @@ export function JobsDetailHeaderActions({
    DuplicateJob(
      client,
      job.id,
-      {defaultOpenStatus: bodyshop.md_ro_statuses.default_imported},
+      { defaultOpenStatus: bodyshop.md_ro_statuses.default_imported },
      (newJobId) => {
        history(`/manage/jobs/${newJobId}`);
        notification["success"]({
@@ -163,7 +165,7 @@ export function JobsDetailHeaderActions({
    );

  const handleDuplicateConfirm = () =>
-    DuplicateJob(client, job.id, {defaultOpenStatus: bodyshop.md_ro_statuses.default_imported}, (newJobId) => {
+    DuplicateJob(client, job.id, { defaultOpenStatus: bodyshop.md_ro_statuses.default_imported }, (newJobId) => {
      history(`/manage/jobs/${newJobId}`);
      notification["success"]({
        message: t("jobs.successes.duplicated")
@@ -177,7 +179,7 @@ export function JobsDetailHeaderActions({
    try {
      insertAppointment({
        variables: {
-          apt: {...values, isintake: false, jobid: job.id, bodyshopid: bodyshop.id}
+          apt: { ...values, isintake: false, jobid: job.id, bodyshopid: bodyshop.id }
        },
        refetchQueries: ["QUERY_ALL_ACTIVE_APPOINTMENTS"]
      });
@@ -194,7 +196,7 @@ export function JobsDetailHeaderActions({

  const handleDeleteJob = async () => {
    //delete the job.
-    const result = await deleteJob({variables: {id: job.id}});
+    const result = await deleteJob({ variables: { id: job.id } });

    if (!!!result.errors) {
      notification["success"]({
@@ -255,7 +257,7 @@ export function JobsDetailHeaderActions({
        });

        if (!!!result.errors) {
-          notification["success"]({message: t("csi.successes.created")});
+          notification["success"]({ message: t("csi.successes.created") });
        } else {
          notification["error"]({
            message: t("csi.errors.creating", {
@@ -410,7 +412,7 @@ export function JobsDetailHeaderActions({
      try {
        QbXmlResponse = await axios.post(
          "/accounting/qbxml/receivables",
-          {jobIds: [job.id], custDataOnly: true},
+          { jobIds: [job.id], custDataOnly: true },
          {
            headers: {
              Authorization: `Bearer ${await auth.currentUser.getIdToken()}`
@@ -519,7 +521,7 @@ export function JobsDetailHeaderActions({
    setIsCancelScheduleModalVisible(false);
  };

-  const handleLostSaleFinish = async ({lost_sale_reason}) => {
+  const handleLostSaleFinish = async ({ lost_sale_reason }) => {
    const jobUpdate = await cancelAllAppointments({
      variables: {
        jobid: job.id,
@@ -559,10 +561,10 @@ export function JobsDetailHeaderActions({
              }
            ]}
          >
-            <Input/>
+            <Input />
          </Form.Item>
          <Form.Item label={t("appointments.fields.note")} name="note">
-            <Input/>
+            <Input />
          </Form.Item>
          <Form.Item
            label={t("appointments.fields.start")}
@@ -577,7 +579,7 @@ export function JobsDetailHeaderActions({
            <FormDateTimePickerComponent
              onBlur={() => {
                const start = form.getFieldValue("start");
-                form.setFieldsValue({end: start.add(30, "minutes")});
+                form.setFieldsValue({ end: start.add(30, "minutes") });
              }}
            />
          </Form.Item>
@@ -589,10 +591,10 @@ export function JobsDetailHeaderActions({
                required: true
                //message: t("general.validation.required"),
              },
-              ({getFieldValue}) => ({
+              ({ getFieldValue }) => ({
                async validator(rule, value) {
                  if (value) {
-                    const {start} = form.getFieldsValue();
+                    const { start } = form.getFieldsValue();
                    if (dayjs(start).isAfter(dayjs(value))) {
                      return Promise.reject(t("employees.labels.endmustbeafterstart"));
                    } else {
@@ -605,7 +607,7 @@ export function JobsDetailHeaderActions({
              })
            ]}
          >
-            <FormDateTimePickerComponent/>
+            <FormDateTimePickerComponent />
          </Form.Item>
          <Form.Item label={t("appointments.fields.color")} name="color">
            <Select>
@@ -636,7 +638,7 @@ export function JobsDetailHeaderActions({
      onClick: () => {
        logImEXEvent("job_header_schedule");
        setScheduleContext({
-          actions: {refetch: refetch},
+          actions: { refetch: refetch },
          context: {
            jobId: job.id,
            job: job,
@@ -680,8 +682,7 @@ export function JobsDetailHeaderActions({
        {
          key: "checklist",
          disabled: !job.converted,
-          label: <Link
-            to={`/manage/jobs/${job.id}/checklist`}>{t("jobs.actions.viewchecklist")}</Link>
+          label: <Link to={`/manage/jobs/${job.id}/checklist`}>{t("jobs.actions.viewchecklist")}</Link>
        }
      ],
      rome: "USE_IMEX",
@@ -689,35 +690,35 @@ export function JobsDetailHeaderActions({
        {
          key: "toggleproduction",
          disabled: !job.converted || jobRO,
-          label: <JobsDetailHeaderActionsToggleProduction job={job} refetch={refetch}/>
+          label: <JobsDetailHeaderActionsToggleProduction job={job} refetch={refetch} />
        }
      ]
    }),
    ...(InstanceRenderManager({
      imex: true,
      rome: "USE_IMEX",
-      promanager: HasFeatureAccess({featureName: "timetickets", bodyshop})
+      promanager: HasFeatureAccess({ featureName: "timetickets", bodyshop })
    })
      ? [
-        {
-          key: "entertimetickets",
-          disabled: !job.converted || (!bodyshop.tt_allow_post_to_invoiced && job.date_invoiced),
-          label: t("timetickets.actions.enter"),
-          onClick: () => {
-            logImEXEvent("job_header_enter_time_ticekts");
+          {
+            key: "entertimetickets",
+            disabled: !job.converted || (!bodyshop.tt_allow_post_to_invoiced && job.date_invoiced),
+            label: t("timetickets.actions.enter"),
+            onClick: () => {
+              logImEXEvent("job_header_enter_time_ticekts");

-            setTimeTicketContext({
-              actions: {},
-              context: {
-                jobId: job.id,
-                created_by: currentUser.displayName
-                  ? currentUser.email.concat(" | ", currentUser.displayName)
-                  : currentUser.email
-              }
-            });
+              setTimeTicketContext({
+                actions: {},
+                context: {
+                  jobId: job.id,
+                  created_by: currentUser.displayName
+                    ? currentUser.email.concat(" | ", currentUser.displayName)
+                    : currentUser.email
+                }
+              });
+            }
          }
-        }
-      ]
+        ]
      : [])
  ];

@@ -728,7 +729,7 @@ export function JobsDetailHeaderActions({
      onClick: () => {
        setTimeTicketTaskContext({
          actions: {},
-          context: {jobid: job.id}
+          context: { jobid: job.id }
        });
      },
      label: t("timetickets.actions.claimtasks")
@@ -744,7 +745,7 @@ export function JobsDetailHeaderActions({

      setPaymentContext({
        actions: {},
-        context: {jobid: job.id}
+        context: { jobid: job.id }
      });
    }
  });
@@ -759,18 +760,18 @@ export function JobsDetailHeaderActions({

        setCardPaymentContext({
          actions: {},
-          context: {jobid: job.id}
+          context: { jobid: job.id }
        });
      }
    });
  }

-  if (HasFeatureAccess({featureName: "courtesycars"})) {
+  if (HasFeatureAccess({ featureName: "courtesycars" })) {
    menuItems.push({
      key: "cccontract",
      disabled: jobRO || !job.converted,
      label: (
-        <Link state={{jobId: job.id}} to="/manage/courtesycars/contracts/new">
+        <Link state={{ jobId: job.id }} to="/manage/courtesycars/contracts/new">
          {t("menus.jobsactions.newcccontract")}
        </Link>
      )
@@ -780,17 +781,17 @@ export function JobsDetailHeaderActions({
  menuItems.push(
    job.inproduction
      ? {
-        key: "removefromproduction",
-        disabled: !job.converted,
-        label: t("jobs.actions.removefromproduction"),
-        onClick: () => AddToProduction(client, job.id, refetch, true)
-      }
+          key: "removefromproduction",
+          disabled: !job.converted,
+          label: t("jobs.actions.removefromproduction"),
+          onClick: () => AddToProduction(client, job.id, refetch, true)
+        }
      : {
-        key: "addtoproduction",
-        disabled: !job.converted,
-        label: t("jobs.actions.addtoproduction"),
-        onClick: () => AddToProduction(client, job.id, refetch)
-      }
+          key: "addtoproduction",
+          disabled: !job.converted,
+          label: t("jobs.actions.addtoproduction"),
+          onClick: () => AddToProduction(client, job.id, refetch)
+        }
  );

  menuItems.push(
@@ -846,25 +847,25 @@ export function JobsDetailHeaderActions({
    ...(InstanceRenderManager({
      imex: true,
      rome: true,
-      promanager: HasFeatureAccess({featureName: "bills", bodyshop})
+      promanager: HasFeatureAccess({ featureName: "bills", bodyshop })
    })
      ? [
-        {
-          key: "postbills",
-          disabled: !job.converted,
-          label: t("jobs.actions.postbills"),
-          onClick: () => {
-            logImEXEvent("job_header_enter_bills");
+          {
+            key: "postbills",
+            disabled: !job.converted,
+            label: t("jobs.actions.postbills"),
+            onClick: () => {
+              logImEXEvent("job_header_enter_bills");

-            setBillEnterContext({
-              actions: {refetch: refetch},
-              context: {
-                job: job
-              }
-            });
+              setBillEnterContext({
+                actions: { refetch: refetch },
+                context: {
+                  job: job
+                }
+              });
+            }
          }
-        }
-      ]
+        ]
      : []),

    {
@@ -875,7 +876,7 @@ export function JobsDetailHeaderActions({
        const result = await updateJob({
          variables: {
            jobId: job.id,
-            job: {queued_for_parts: true}
+            job: { queued_for_parts: true }
          }
        });

@@ -925,7 +926,7 @@ export function JobsDetailHeaderActions({
    InstanceRenderManager({
      imex: true,
      rome: true,
-      promanager: HasFeatureAccess({featureName: "export", bodyshop})
+      promanager: HasFeatureAccess({ featureName: "export", bodyshop })
    })
  ) {
    menuItems.push({
@@ -936,7 +937,7 @@ export function JobsDetailHeaderActions({
    });
  }

-  if (HasFeatureAccess({featureName: "csi", bodyshop})) {
+  if (HasFeatureAccess({ featureName: "csi", bodyshop })) {
    const children = [
      {
        key: "email",
@@ -966,20 +967,20 @@ export function JobsDetailHeaderActions({
        ...job.csiinvites.map((item, idx) => {
          return item.completedon
            ? {
-              key: idx,
-              label: (
-                <Link to={`/manage/shop/csi?responseid=${item.id}`}>
-                  <DateTimeFormatter>{item.completedon}</DateTimeFormatter>
-                </Link>
-              )
-            }
+                key: idx,
+                label: (
+                  <Link to={`/manage/shop/csi?responseid=${item.id}`}>
+                    <DateTimeFormatter>{item.completedon}</DateTimeFormatter>
+                  </Link>
+                )
+              }
            : {
-              key: idx,
-              onClick: () => {
-                navigator.clipboard.writeText(`${window.location.protocol}//${window.location.host}/csi/${item.id}`);
-              },
-              label: t("general.actions.copylink")
-            };
+                key: idx,
+                onClick: () => {
+                  navigator.clipboard.writeText(`${window.location.protocol}//${window.location.host}/csi/${item.id}`);
+                },
+                label: t("general.actions.copylink")
+              };
        })
      );
    }
@@ -999,7 +1000,7 @@ export function JobsDetailHeaderActions({
      logImEXEvent("job_header_job_costing");

      setJobCostingContext({
-        actions: {refetch: refetch},
+        actions: { refetch: refetch },
        context: {
          jobId: job.id
        }
@@ -1109,10 +1110,10 @@ export function JobsDetailHeaderActions({
      <Dropdown menu={menu} trigger={["click"]} key="changestatus">
        <Button>
          <span>{t("general.labels.actions")}</span>
-          <DownCircleFilled/>
+          <DownCircleFilled />
        </Button>
      </Dropdown>
-      <Popover content={popOverContent} open={visibility}/>
+      <Popover content={popOverContent} open={visibility} />
    </>
  );
 }