- Remove Joyride and its cause

- Package updates (front + back)

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/package.json

@@ -8,22 +8,22 @@
   "private": true,
   "proxy": "http://localhost:4000",
   "dependencies": {
-    "@ant-design/pro-layout": "^7.19.11",
-    "@apollo/client": "^3.10.8",
+    "@ant-design/pro-layout": "^7.19.12",
+    "@apollo/client": "^3.11.4",
     "@emotion/is-prop-valid": "^1.3.0",
     "@fingerprintjs/fingerprintjs": "^4.4.3",
     "@jsreport/browser-client": "^3.1.0",
-    "@reduxjs/toolkit": "^2.2.6",
-    "@sentry/cli": "^2.32.2",
+    "@reduxjs/toolkit": "^2.2.7",
+    "@sentry/cli": "^2.33.1",
     "@sentry/react": "^7.114.0",
-    "@splitsoftware/splitio-react": "^1.12.0",
+    "@splitsoftware/splitio-react": "^1.12.1",
     "@tanem/react-nprogress": "^5.0.51",
     "@vitejs/plugin-react": "^4.3.1",
-    "antd": "^5.19.3",
+    "antd": "^5.20.1",
     "apollo-link-logger": "^2.0.1",
     "apollo-link-sentry": "^3.3.0",
     "autosize": "^6.0.1",
-    "axios": "^1.6.8",
+    "axios": "^1.7.4",
     "classnames": "^2.5.1",
     "css-box-model": "^1.2.1",
     "dayjs": "^1.11.12",
@@ -32,45 +32,44 @@
     "dotenv": "^16.4.5",
     "env-cmd": "^10.1.0",
     "exifr": "^7.1.3",
-    "firebase": "^10.12.4",
+    "firebase": "^10.12.5",
     "graphql": "^16.9.0",
-    "i18next": "^23.12.2",
+    "i18next": "^23.12.3",
     "i18next-browser-languagedetector": "^8.0.0",
     "immutability-helper": "^3.1.1",
-    "libphonenumber-js": "^1.11.4",
-    "logrocket": "^8.1.1",
+    "libphonenumber-js": "^1.11.5",
+    "logrocket": "^8.1.2",
     "markerjs2": "^2.32.1",
     "memoize-one": "^6.0.0",
     "normalize-url": "^8.0.1",
     "object-hash": "^3.0.0",
     "prop-types": "^15.8.1",
-    "query-string": "^9.0.0",
+    "query-string": "^9.1.0",
     "raf-schd": "^4.0.3",
     "react": "^18.3.1",
-    "react-big-calendar": "^1.13.1",
+    "react-big-calendar": "^1.13.2",
     "react-color": "^2.19.3",
-    "react-cookie": "^7.1.4",
+    "react-cookie": "^7.2.0",
     "react-dom": "^18.3.1",
     "react-drag-listview": "^2.0.0",
     "react-grid-gallery": "^1.0.1",
     "react-grid-layout": "1.3.4",
     "react-i18next": "^14.1.3",
-    "react-icons": "^5.2.1",
+    "react-icons": "^5.3.0",
     "react-image-lightbox": "^5.1.4",
-    "react-joyride": "^2.8.2",
     "react-markdown": "^9.0.1",
     "react-number-format": "^5.4.0",
     "react-popopo": "^2.1.9",
     "react-product-fruits": "^2.2.6",
     "react-redux": "^9.1.2",
     "react-resizable": "^3.0.5",
-    "react-router-dom": "^6.25.1",
+    "react-router-dom": "^6.26.0",
     "react-sticky": "^6.0.3",
     "react-virtualized": "^9.22.5",
-    "react-virtuoso": "^4.7.12",
+    "react-virtuoso": "^4.10.1",
     "recharts": "^2.12.7",
     "redux": "^5.0.1",
-    "redux-actions": "^3.0.0",
+    "redux-actions": "^3.0.3",
     "redux-persist": "^6.0.0",
     "redux-saga": "^1.3.0",
     "redux-state-sync": "^3.1.4",
@@ -80,7 +79,7 @@
     "styled-components": "^6.1.12",
     "subscriptions-transport-ws": "^0.11.0",
     "use-memo-one": "^1.1.3",
-    "userpilot": "^1.3.2",
+    "userpilot": "^1.3.5",
     "vite-plugin-ejs": "^1.7.0",
     "web-vitals": "^3.5.2"
   },
@@ -131,29 +130,29 @@
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/preset-react": "^7.24.7",
-    "@dotenvx/dotenvx": "^1.6.4",
+    "@dotenvx/dotenvx": "^1.7.0",
     "@emotion/babel-plugin": "^11.12.0",
-    "@emotion/react": "^11.12.0",
-    "@sentry/webpack-plugin": "^2.21.1",
+    "@emotion/react": "^11.13.0",
+    "@sentry/webpack-plugin": "^2.22.2",
     "@testing-library/cypress": "^10.0.2",
-    "browserslist": "^4.23.2",
+    "browserslist": "^4.23.3",
     "browserslist-to-esbuild": "^2.1.1",
     "cross-env": "^7.0.3",
-    "cypress": "^13.13.1",
+    "cypress": "^13.13.3",
     "eslint": "^8.57.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-cypress": "^2.15.1",
-    "memfs": "^4.9.3",
+    "memfs": "^4.11.1",
     "os-browserify": "^0.3.0",
     "react-error-overlay": "6.0.11",
     "redux-logger": "^3.0.6",
     "source-map-explorer": "^2.5.3",
-    "vite": "^5.3.4",
+    "vite": "^5.4.0",
     "vite-plugin-babel": "^1.2.0",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-legacy": "^2.1.0",
     "vite-plugin-node-polyfills": "^0.22.0",
-    "vite-plugin-pwa": "^0.20.0",
+    "vite-plugin-pwa": "^0.20.1",
     "vite-plugin-style-import": "^2.0.0"
   }
 }

client/src/components/dashboard-components/scheduled-out-today/scheduled-out-today.component.jsx

@@ -36,9 +36,6 @@ export default function DashboardScheduledOutToday({ data, ...cardProps }) {
     };
   });
 
-  console.log("Scheduled Out Today");
-  console.dir(scheduledOutToday);
-
   const tvFontSize = 18;
   const tvFontWeight = "bold";
 

client/src/components/jobs-list/jobs-list.component.jsx

@@ -16,18 +16,15 @@ import useLocalStorage from "../../utils/useLocalStorage";
 import AlertComponent from "../alert/alert.component";
 import ChatOpenButton from "../chat-open-button/chat-open-button.component";
 import OwnerNameDisplay from "../owner-name-display/owner-name-display.component";
-import { setJoyRideSteps } from "../../redux/application/application.actions";
 import { OwnerNameDisplayFunction } from "./../owner-name-display/owner-name-display.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
 
-const mapDispatchToProps = (dispatch) => ({
-  setJoyRideSteps: (steps) => dispatch(setJoyRideSteps(steps))
-});
+const mapDispatchToProps = (dispatch) => ({});
 
-export function JobsList({ bodyshop, setJoyRideSteps }) {
+export function JobsList({ bodyshop }) {
   const searchParams = queryString.parse(useLocation().search);
   const { selected } = searchParams;
   const selectedBreakpoint = Object.entries(Grid.useBreakpoint())

client/src/components/production-list-columns/production-list-columns.add.component.jsx

@@ -2,6 +2,7 @@ import React from "react";
 import { Button, Dropdown } from "antd";
 import dataSource from "./production-list-columns.data";
 import { useTranslation } from "react-i18next";
+
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectTechnician } from "../../redux/tech/tech.selectors";
@@ -9,23 +10,16 @@ import { selectBodyshop } from "../../redux/user/user.selectors";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
 
 const mapStateToProps = createStructuredSelector({
+  //currentUser: selectCurrentUser
   technician: selectTechnician,
   bodyshop: selectBodyshop
 });
-
 const mapDispatchToProps = (dispatch) => ({
-  // Add any necessary dispatch actions here
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
+export default connect(mapStateToProps, mapDispatchToProps)(ProductionColumnsComponent);
 
-export function ProductionColumnsComponent({
-  columnState,
-  technician,
-  bodyshop,
-  data,
-  tableState,
-  refetch,
-  onColumnAdd
-}) {
+export function ProductionColumnsComponent({ columnState, technician, bodyshop, data, tableState, refetch }) {
   const [columns, setColumns] = columnState;
   const { t } = useTranslation();
   const {
@@ -35,26 +29,18 @@ export function ProductionColumnsComponent({
     names: ["Enhanced_Payroll"],
     splitKey: bodyshop.imexshopid
   });
-
   const handleAdd = (e) => {
-    const newColumn = dataSource({
-      bodyshop,
-      technician,
-      state: tableState,
-      data,
-      activeStatuses: bodyshop.md_ro_statuses.active_statuses,
-      treatments: { Enhanced_Payroll }
-    }).find((i) => i.key === e.key);
-
-    if (newColumn) {
-      const updatedColumns = [...columns, newColumn];
-      setColumns(updatedColumns);
-
-      // Call the onColumnAdd function passed as a prop
-      if (onColumnAdd) {
-        onColumnAdd(newColumn);
-      }
-    }
+    setColumns([
+      ...columns,
+      ...dataSource({
+        bodyshop,
+        technician,
+        state: tableState,
+        data,
+        activeStatuses: bodyshop.md_ro_statuses.active_statuses,
+        treatments: { Enhanced_Payroll }
+      }).filter((i) => i.key === e.key)
+    ]);
   };
 
   const columnKeys = columns.map((i) => i.key);
@@ -90,4 +76,12 @@ export function ProductionColumnsComponent({
   );
 }
 
-export default connect(mapStateToProps, mapDispatchToProps)(ProductionColumnsComponent);
+// <Transfer
+// dataSource={dataSource}
+// titles={["Source", "Target"]}
+// targetKeys={columns.map((c) => c.key)}
+// render={(item) => item.title}
+// onChange={(nextTargetKeys, direction, moveKeys) => {
+//   setColumns(dataSource.filter((i) => nextTargetKeys.includes(i.key)));
+// }}
+// />

client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx

@@ -7,7 +7,6 @@ import { Button, Form, Input, notification, Popover, Space } from "antd";
 import { useTranslation } from "react-i18next";
 import { UPDATE_SHOP } from "../../graphql/bodyshop.queries";
 import { logImEXEvent } from "../../firebase/firebase.utils";
-import { isFunction } from "lodash";
 
 const mapStateToProps = createStructuredSelector({
   //currentUser: selectCurrentUser
@@ -17,7 +16,7 @@ const mapDispatchToProps = (dispatch) => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
-export function ProductionListSaveConfigButton({ columns, bodyshop, tableState, onSave }) {
+export function ProductionListSaveConfigButton({ columns, bodyshop, tableState }) {
   const [updateShop] = useMutation(UPDATE_SHOP);
   const [loading, setLoading] = useState(false);
   const [open, setOpen] = useState(false);
@@ -50,9 +49,6 @@ export function ProductionListSaveConfigButton({ columns, bodyshop, tableState,
     });
     if (!!!result.errors) {
       notification["success"]({ message: t("bodyshop.successes.save") });
-      if (onSave && isFunction(onSave)) {
-        onSave();
-      }
     } else {
       notification["error"]({
         message: t("bodyshop.errors.saving", {

client/src/components/production-list-table/production-list-table-view-select.component.jsx

@@ -11,7 +11,6 @@ import { selectTechnician } from "../../redux/tech/tech.selectors";
 import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors";
 import ProductionListColumns from "../production-list-columns/production-list-columns.data";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
-import { isFunction } from "lodash";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -19,17 +18,7 @@ const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser
 });
 
-export function ProductionListTable({
-  refetch,
-  bodyshop,
-  technician,
-  currentUser,
-  state,
-  data,
-  setColumns,
-  setState,
-  onProfileChange
-}) {
+export function ProductionListTable({ refetch, bodyshop, technician, currentUser, state, data, setColumns, setState }) {
   const { t } = useTranslation();
   const [updateDefaultProdView] = useMutation(UPDATE_ACTIVE_PROD_LIST_VIEW);
   const [updateShop] = useMutation(UPDATE_SHOP);
@@ -43,25 +32,25 @@ export function ProductionListTable({
   });
 
   const handleSelect = async (value, option) => {
-    const newColumns = bodyshop.production_config
-      .filter((pc) => pc.name === value)[0]
-      .columns.columnKeys.map((k) => {
-        return {
-          ...ProductionListColumns({
-            bodyshop,
-            refetch,
-            technician,
-            state,
-            data: data,
-            activeStatuses: bodyshop.md_ro_statuses.active_statuses,
-            treatments: { Enhanced_Payroll }
-          }).find((e) => e.key === k.key),
-          width: k.width
-        };
-      });
-    setColumns(newColumns);
-    const newState = bodyshop.production_config.filter((pc) => pc.name === value)[0].columns.tableState;
-    setState(newState);
+    setColumns(
+      bodyshop.production_config
+        .filter((pc) => pc.name === value)[0]
+        .columns.columnKeys.map((k) => {
+          return {
+            ...ProductionListColumns({
+              bodyshop,
+              refetch,
+              technician,
+              state,
+              data: data,
+              activeStatuses: bodyshop.md_ro_statuses.active_statuses,
+              treatments: { Enhanced_Payroll }
+            }).find((e) => e.key === k.key),
+            width: k.width
+          };
+        })
+    );
+    setState(bodyshop.production_config.filter((pc) => pc.name === value)[0].columns.tableState);
 
     const assoc = bodyshop.associations.find((a) => a.useremail === currentUser.email);
 
@@ -83,10 +72,6 @@ export function ProductionListTable({
         }
       });
     }
-
-    if (onProfileChange && isFunction(onProfileChange)) {
-      onProfileChange({ value, option, newColumns, newState, assoc });
-    }
   };
 
   const handleTrash = async (name) => {

client/src/components/production-list-table/production-list-table.component.jsx

@@ -1,6 +1,8 @@
-import React, { useEffect, useMemo, useRef, useState } from "react";
+import { SyncOutlined } from "@ant-design/icons";
+import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import { Button, Dropdown, Input, Space, Statistic, Table } from "antd";
 import { PageHeader } from "@ant-design/pro-layout";
+import React, { useEffect, useMemo, useState } from "react";
 import ReactDragListView from "react-drag-listview";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -14,11 +16,6 @@ import ProductionListSaveConfigButton from "../production-list-save-config-butto
 import ProductionListPrint from "./production-list-print.component";
 import ProductionListTableViewSelect from "./production-list-table-view-select.component";
 import ResizeableTitle from "./production-list-table.resizeable.component";
-import { useSplitTreatments } from "@splitsoftware/splitio-react";
-import { SyncOutlined } from "@ant-design/icons";
-import Prompt from "../../utils/prompt.js";
-import _ from "lodash";
-import AlertComponent from "../alert/alert.component.jsx";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -28,7 +25,6 @@ const mapStateToProps = createStructuredSelector({
 
 export function ProductionListTable({ loading, data, refetch, bodyshop, technician, currentUser }) {
   const [searchText, setSearchText] = useState("");
-  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
 
   const {
     treatments: { Production_List_Status_Colors, Enhanced_Payroll }
@@ -39,9 +35,10 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
   });
 
   const assoc = bodyshop.associations.find((a) => a.useremail === currentUser.email);
+
   const defaultView = assoc && assoc.default_prod_list_view;
 
-  const initialStateRef = useRef(
+  const [state, setState] = useState(
     (bodyshop.production_config &&
       bodyshop.production_config.find((p) => p.name === defaultView)?.columns.tableState) ||
       bodyshop.production_config[0]?.columns.tableState || {
@@ -50,102 +47,80 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
       }
   );
 
-  const initialColumnsRef = useRef(
-    (initialStateRef.current &&
-      bodyshop.production_config
-        .find((p) => p.name === defaultView)
-        ?.columns.columnKeys.map((k) => {
-          return {
-            ...ProductionListColumns({
-              bodyshop,
-              refetch,
-              technician,
-              state: initialStateRef.current,
-              data,
-              activeStatuses: bodyshop.md_ro_statuses.active_statuses,
-              treatments: { Production_List_Status_Colors, Enhanced_Payroll }
-            }).find((e) => e.key === k.key),
-            width: k.width ?? 100
-          };
-        })) ||
-      []
-  );
-
-  const [state, setState] = useState(initialStateRef.current);
-  const [columns, setColumns] = useState(initialColumnsRef.current);
-
   const { t } = useTranslation();
 
   const matchingColumnConfig = useMemo(() => {
     return bodyshop.production_config.find((p) => p.name === defaultView);
   }, [bodyshop.production_config, defaultView]);
 
-  useEffect(() => {
-    const newColumns =
-      matchingColumnConfig?.columns.columnKeys.map((k) => {
+  const [columns, setColumns] = useState(
+    (state &&
+      matchingColumnConfig &&
+      matchingColumnConfig.columns.columnKeys.map((k) => {
         return {
           ...ProductionListColumns({
             bodyshop,
-            technician,
             refetch,
+            technician,
             state,
-            data: data,
+            data,
             activeStatuses: bodyshop.md_ro_statuses.active_statuses,
             treatments: { Production_List_Status_Colors, Enhanced_Payroll }
           }).find((e) => e.key === k.key),
           width: k.width ?? 100
         };
-      }) || [];
+      })) ||
+      []
+  );
 
-    // Only update columns if they haven't been manually changed by the user
-    if (_.isEqual(initialColumnsRef.current, columns)) {
-      setColumns(newColumns);
-    }
+  useEffect(() => {
+    const newColumns =
+      (state &&
+        matchingColumnConfig &&
+        matchingColumnConfig.columns.columnKeys.map((k) => {
+          return {
+            ...ProductionListColumns({
+              bodyshop,
+              technician,
+              refetch,
+              state,
+              data: data,
+              activeStatuses: bodyshop.md_ro_statuses.active_statuses,
+              treatments: { Production_List_Status_Colors, Enhanced_Payroll }
+            }).find((e) => e.key === k.key),
+            width: k.width ?? 100
+          };
+        })) ||
+      [];
+    setColumns(newColumns);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
+    //state,
     matchingColumnConfig,
     bodyshop,
     technician,
-    data,
-    Enhanced_Payroll,
-    Production_List_Status_Colors,
-    refetch,
-    state,
-    columns
-  ]);
+    data
+  ]); //State removed from dependency array as it causes race condition when removing columns from table view and is not needed.
 
   const handleTableChange = (pagination, filters, sorter) => {
-    const newState = {
+    setState({
       ...state,
       filteredInfo: filters,
       sortedInfo: { columnKey: sorter.columnKey, order: sorter.order }
-    };
-    if (!_.isEqual(newState, state)) {
-      setState(newState);
-      setHasUnsavedChanges(true);
-    }
+    });
   };
 
   const onDragEnd = (fromIndex, toIndex) => {
-    if (fromIndex === toIndex) return;
-
-    const columnsCopy = [...columns];
-    const [movedItem] = columnsCopy.splice(fromIndex, 1);
-    columnsCopy.splice(toIndex, 0, movedItem);
-
-    if (!_.isEqual(columnsCopy, columns)) {
-      setColumns(columnsCopy);
-      setHasUnsavedChanges(true);
-    }
+    const columnsCopy = columns.slice();
+    const item = columnsCopy.splice(fromIndex, 1)[0];
+    columnsCopy.splice(toIndex, 0, item);
+    setColumns(columnsCopy);
   };
 
   const removeColumn = (e) => {
     const { key } = e;
     const newColumns = columns.filter((i) => i.key !== key);
-
-    if (!_.isEqual(newColumns, columns)) {
-      setColumns(newColumns);
-      setHasUnsavedChanges(true);
-    }
+    setColumns(newColumns);
   };
 
   const handleResize =
@@ -156,21 +131,9 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
         ...nextColumns[index],
         width: size.width
       };
-
-      if (!_.isEqual(nextColumns, columns)) {
-        setColumns(nextColumns);
-        setHasUnsavedChanges(true);
-      }
+      setColumns(nextColumns);
     };
 
-  const addColumn = (newColumn) => {
-    const updatedColumns = [...columns, newColumn];
-    if (!_.isEqual(updatedColumns, columns)) {
-      setColumns(updatedColumns);
-      setHasUnsavedChanges(true);
-    }
-  };
-
   const headerItem = (col) => {
     const menu = {
       onClick: removeColumn,
@@ -189,29 +152,29 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
     );
   };
 
-  const resetChanges = () => {
-    setState(initialStateRef.current);
-    setColumns(initialColumnsRef.current);
-    setHasUnsavedChanges(false);
-  };
+  const dataSource =
+    searchText === ""
+      ? data
+      : data.filter(
+          (j) =>
+            (j.ro_number || "").toString().toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.ownr_co_nm || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.ownr_fn || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.ownr_ln || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.status || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.ins_co_nm || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.clm_no || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.v_model_desc || "").toLowerCase().includes(searchText.toLowerCase()) ||
+            (j.v_make_desc || "").toLowerCase().includes(searchText.toLowerCase())
+        );
 
-  const filterData = (item, searchText) => {
-    const fieldsToSearch = [
-      item.ro_number,
-      item.ownr_co_nm,
-      item.ownr_fn,
-      item.ownr_ln,
-      item.status,
-      item.ins_co_nm,
-      item.clm_no,
-      item.v_model_desc,
-      item.v_make_desc
-    ];
-
-    return fieldsToSearch.some((field) => (field || "").toString().toLowerCase().includes(searchText.toLowerCase()));
-  };
-
-  const dataSource = searchText === "" ? data : data.filter((j) => filterData(j, searchText));
+  // const handleSelectRecord = (record) => {
+  //   if (selected !== record.id) {
+  //     setSelected(record.id);
+  //   } else {
+  //     setSelected(null);
+  //   }
+  // };
 
   if (!!!columns) return <div>No columns found.</div>;
 
@@ -223,29 +186,8 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
     .toFixed(1);
   const totalLAB = data.reduce((acc, val) => acc + (val.labhrs?.aggregate?.sum?.mod_lb_hrs || 0), 0).toFixed(1);
   const totalLAR = data.reduce((acc, val) => acc + (val.larhrs?.aggregate?.sum?.mod_lb_hrs || 0), 0).toFixed(1);
-
   return (
     <div>
-      <Prompt when={hasUnsavedChanges} beforeUnload={true} message={t("general.messages.unsavedchangespopup")} />
-      {hasUnsavedChanges && (
-        <AlertComponent
-          type="warning"
-          message={
-            <div>
-              <span>{t("general.messages.unsavedchanges")} </span>
-              <span
-                onClick={resetChanges}
-                style={{
-                  cursor: "pointer",
-                  textDecoration: "underline"
-                }}
-              >
-                {t("general.actions.reset")}
-              </span>
-            </div>
-          }
-        />
-      )}
       <PageHeader
         title={
           <Space>
@@ -257,37 +199,20 @@ export function ProductionListTable({ loading, data, refetch, bodyshop, technici
         }
         extra={
           <Space wrap>
-            <Button
-              onClick={() => {
-                refetch && refetch();
-              }}
-            >
+            <Button onClick={() => refetch && refetch()}>
               <SyncOutlined />
             </Button>
-            <ProductionListColumnsAdd
-              columnState={[columns, setColumns]}
-              tableState={state}
-              data={data}
-              onColumnAdd={addColumn}
-            />
-            <ProductionListSaveConfigButton
-              columns={columns}
-              tableState={state}
-              onSave={() => {
-                setHasUnsavedChanges(false);
-              }}
-            />
+            <ProductionListColumnsAdd columnState={[columns, setColumns]} tableState={state} data={data} />
+            <ProductionListSaveConfigButton columns={columns} tableState={state} />
+
             <ProductionListTableViewSelect
               state={state}
               setState={setState}
               setColumns={setColumns}
-              onProfileChange={() => {
-                initialStateRef.current = state;
-                setHasUnsavedChanges(false);
-              }}
               refetch={refetch}
               data={data}
             />
+
             <Input
               onChange={(e) => setSearchText(e.target.value)}
               placeholder={t("general.labels.search")}

client/src/components/update-alert/update-alert.component.jsx

@@ -1,7 +1,7 @@
 import { AlertOutlined } from "@ant-design/icons";
 import { Alert, Button, Col, Row, Space } from "antd";
 import i18n from "i18next";
-import React from "react";
+import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -12,39 +12,42 @@ import InstanceRenderManager from "../../utils/instanceRenderMgr";
 const mapStateToProps = createStructuredSelector({
   updateAvailable: selectUpdateAvailable
 });
+
 const mapDispatchToProps = (dispatch) => ({
-  //setUserLanguage: language => dispatch(setUserLanguage(language))
+  // setUserLanguage: language => dispatch(setUserLanguage(language))
 });
-export default connect(mapStateToProps, mapDispatchToProps)(UpdateAlert);
-const intervalMS = 10 * 60 * 1000;
+
 export function UpdateAlert({ updateAvailable }) {
   const { t } = useTranslation();
-
   const {
-    offlineReady: [
-      offlineReady //setOfflineReady
-    ],
-    needRefresh: [
-      needRefresh //setNeedRefresh
-    ],
+    offlineReady: [offlineReady],
+    needRefresh: [needRefresh],
     updateServiceWorker
   } = useRegisterSW({
     onRegistered(r) {
-      // eslint-disable-next-line prefer-template
-      console.log("SW Registered: " + r);
-      r &&
-        setInterval(() => {
-          r.update();
-        }, intervalMS);
+      console.log("SW Registered:", r);
+      if (r) {
+        setInterval(
+          () => {
+            r.update();
+          },
+          10 * 60 * 1000
+        );
+      }
     },
     onRegisterError(error) {
-      console.log("SW registration error", error);
+      console.error("SW registration error", error);
     }
   });
 
-  if (import.meta.env.DEV) console.log(`SW Status => Refresh? ${needRefresh} - offlineReady? ${offlineReady}`);
+  useEffect(() => {
+    if (import.meta.env.DEV) {
+      console.log(`SW Status => Refresh? ${needRefresh} - offlineReady? ${offlineReady}`);
+    }
+  }, [needRefresh, offlineReady]);
 
   if (!needRefresh) return null;
+
   return (
     <Alert
       message={t("general.messages.newversiontitle", {
@@ -69,19 +72,10 @@ export function UpdateAlert({ updateAvailable }) {
           </Col>
           <Col sm={24} md={8} lg={6}>
             <Space wrap>
-              <Button
-                onClick={async () => {
-                  window.open("https://imex-online.noticeable.news/", "_blank");
-                }}
-              >
+              <Button onClick={() => window.open("https://imex-online.noticeable.news/", "_blank")}>
                 {i18n.t("general.actions.viewreleasenotes")}
               </Button>
-              <Button
-                type="primary"
-                onClick={async () => {
-                  updateServiceWorker(true);
-                }}
-              >
+              <Button type="primary" onClick={() => updateServiceWorker(true)}>
                 {i18n.t("general.actions.refresh")}
               </Button>
             </Space>
@@ -93,3 +87,5 @@ export function UpdateAlert({ updateAvailable }) {
     />
   );
 }
+
+export default connect(mapStateToProps, mapDispatchToProps)(UpdateAlert);

client/src/pages/manage/manage.page.component.jsx

@@ -12,7 +12,6 @@ import ErrorBoundary from "../../components/error-boundary/error-boundary.compon
 //import FooterComponent from "../../components/footer/footer.component";
 //Component Imports
 import * as Sentry from "@sentry/react";
-import Joyride from "react-joyride";
 import TestComponent from "../../components/_test/test.page";
 import HeaderContainer from "../../components/header/header.container";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
@@ -23,8 +22,6 @@ import { requestForToken } from "../../firebase/firebase.utils";
 import { selectBodyshop, selectInstanceConflict } from "../../redux/user/user.selectors";
 
 import UpdateAlert from "../../components/update-alert/update-alert.component";
-import { setJoyRideFinished } from "../../redux/application/application.actions.js";
-import { selectEnableJoyRide, selectJoyRideSteps } from "../../redux/application/application.selectors.js";
 import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
 import "./manage.page.styles.scss";
 
@@ -105,16 +102,12 @@ const { Content, Footer } = Layout;
 
 const mapStateToProps = createStructuredSelector({
   conflict: selectInstanceConflict,
-  bodyshop: selectBodyshop,
-  enableJoyRide: selectEnableJoyRide,
-  joyRideSteps: selectJoyRideSteps
+  bodyshop: selectBodyshop
 });
 
-const mapDispatchToProps = (dispatch) => ({
-  setJoyRideFinished: (steps) => dispatch(setJoyRideFinished(steps))
-});
+const mapDispatchToProps = (dispatch) => ({});
 
-export function Manage({ conflict, bodyshop, enableJoyRide, joyRideSteps, setJoyRideFinished }) {
+export function Manage({ conflict, bodyshop }) {
   const { t } = useTranslation();
   const [chatVisible] = useState(false);
 
@@ -583,21 +576,6 @@ export function Manage({ conflict, bodyshop, enableJoyRide, joyRideSteps, setJoy
         <UpdateAlert />
         <HeaderContainer />
         <Content className="content-container">
-          <Joyride
-            debug
-            run={enableJoyRide}
-            steps={joyRideSteps}
-            continuous
-            hideCloseButton
-            scrollToFirstStep
-            showProgress
-            showSkipButton
-            callback={(props) => {
-              if (props.action === "reset") {
-                setJoyRideFinished();
-              }
-            }}
-          />
           <PartnerPingComponent />
           <Sentry.ErrorBoundary fallback={<ErrorBoundary />} showDialog>
             {PageContent}

client/src/redux/application/application.actions.js

@@ -67,11 +67,3 @@ export const setUpdateAvailable = (isUpdateAvailable) => ({
   type: ApplicationActionTypes.SET_UPDATE_AVAILABLE,
   payload: isUpdateAvailable
 });
-export const setJoyRideSteps = (steps) => ({
-  type: ApplicationActionTypes.SET_JOYRIDE_STEPS,
-  payload: steps
-});
-export const setJoyRideFinished = () => ({
-  type: ApplicationActionTypes.SET_JOYRIDE_FINISHED
-  //payload: isUpdateAvailable,
-});

client/src/redux/application/application.reducer.js

@@ -14,9 +14,7 @@ const INITIAL_STATE = {
     error: null
   },
   jobReadOnly: false,
-  partnerVersion: null,
-  enableJoyRide: false,
-  joyRideSteps: []
+  partnerVersion: null
 };
 
 const applicationReducer = (state = INITIAL_STATE, action) => {
@@ -89,12 +87,6 @@ const applicationReducer = (state = INITIAL_STATE, action) => {
     case ApplicationActionTypes.SET_PROBLEM_JOBS: {
       return { ...state, problemJobs: action.payload };
     }
-    case ApplicationActionTypes.SET_JOYRIDE_STEPS: {
-      return { ...state, enableJoyRide: true, joyRideSteps: action.payload };
-    }
-    case ApplicationActionTypes.SET_JOYRIDE_FINISHED: {
-      return { ...state, enableJoyRide: false, joyRideSteps: [] };
-    }
     default:
       return state;
   }

client/src/redux/application/application.selectors.js

@@ -22,5 +22,3 @@ export const selectJobReadOnly = createSelector([selectApplication], (applicatio
 export const selectOnline = createSelector([selectApplication], (application) => application.online);
 export const selectProblemJobs = createSelector([selectApplication], (application) => application.problemJobs);
 export const selectUpdateAvailable = createSelector([selectApplication], (application) => application.updateAvailable);
-export const selectEnableJoyRide = createSelector([selectApplication], (application) => application.enableJoyRide);
-export const selectJoyRideSteps = createSelector([selectApplication], (application) => application.joyRideSteps);

client/src/redux/application/application.types.js

@@ -12,8 +12,6 @@ const ApplicationActionTypes = {
   SET_ONLINE_STATUS: "SET_ONLINE_STATUS",
   INSERT_AUDIT_TRAIL: "INSERT_AUDIT_TRAIL",
   SET_PROBLEM_JOBS: "SET_PROBLEM_JOBS",
-  SET_UPDATE_AVAILABLE: "SET_UPDATE_AVAILABLE",
-  SET_JOYRIDE_STEPS: "SET_JOYRIDE_STEPS",
-  SET_JOYRIDE_FINISHED: "SET_JOYRIDE_FINISHED"
+  SET_UPDATE_AVAILABLE: "SET_UPDATE_AVAILABLE"
 };
 export default ApplicationActionTypes;

client/vite.config.js

@@ -6,8 +6,6 @@ import * as url from "url";
 import { defineConfig } from "vite";
 import { ViteEjsPlugin } from "vite-plugin-ejs";
 import eslint from "vite-plugin-eslint";
-
-//import CompressionPlugin from 'vite-plugin-compression';
 import { VitePWA } from "vite-plugin-pwa";
 import InstanceRenderManager from "./src/utils/instanceRenderMgr";
 
@@ -16,7 +14,8 @@ process.env.VITE_APP_GIT_SHA_DATE = new Date().toLocaleString("en-US", {
 });
 
 const WRONG_CODE = `import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";`;
-function reactVirtualized() {
+
+function reactVirtualizedFix() {
   return {
     name: "flat:react-virtualized",
     configResolved: async () => {
@@ -37,10 +36,7 @@ function reactVirtualized() {
 export default defineConfig({
   base: "/",
   plugins: [
-    ViteEjsPlugin((viteConfig) => {
-      // viteConfig is the current Vite resolved config
-      return { env: viteConfig.env };
-    }),
+    ViteEjsPlugin((viteConfig) => ({ env: viteConfig.env })),
     VitePWA({
       injectRegister: "auto",
       registerType: "prompt",
@@ -60,7 +56,6 @@ export default defineConfig({
         description: "The ultimate bodyshop management system.",
         icons: [
           {
-            //TODO:AIO Ensure that these are correct for Rome and IO.
             src: InstanceRenderManager({
               instance: process.env.VITE_APP_INSTANCE,
               imex: "favicon.png",
@@ -101,7 +96,7 @@ export default defineConfig({
         gcm_sender_id: "103953800507"
       }
     }),
-    reactVirtualized(),
+    reactVirtualizedFix(),
     react(),
     eslint()
     // CompressionPlugin(), //Cloudfront already compresses assets, so not needed.

package.json

@@ -19,18 +19,18 @@
     "makeitpretty": "prettier --write \"**/*.{css,js,json,jsx,scss}\""
   },
   "dependencies": {
-    "@aws-sdk/client-secrets-manager": "^3.616.0",
-    "@aws-sdk/client-ses": "^3.616.0",
-    "@aws-sdk/credential-provider-node": "^3.616.0",
-    "@opensearch-project/opensearch": "^2.10.0",
-    "aws4": "^1.13.0",
-    "axios": "^1.7.2",
+    "@aws-sdk/client-secrets-manager": "^3.629.0",
+    "@aws-sdk/client-ses": "^3.629.0",
+    "@aws-sdk/credential-provider-node": "^3.629.0",
+    "@opensearch-project/opensearch": "^2.11.0",
+    "aws4": "^1.13.1",
+    "axios": "^1.7.4",
     "better-queue": "^3.8.12",
     "bluebird": "^3.7.2",
     "body-parser": "^1.20.2",
     "canvas": "^2.11.2",
     "chart.js": "^4.4.3",
-    "cloudinary": "^2.3.0",
+    "cloudinary": "^2.4.0",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
     "cors": "2.8.5",
@@ -38,24 +38,24 @@
     "dinero.js": "^1.9.1",
     "dotenv": "^16.4.5",
     "express": "^4.19.2",
-    "firebase-admin": "^12.2.0",
+    "firebase-admin": "^12.3.1",
     "graphql": "^16.9.0",
     "graphql-request": "^6.1.0",
     "graylog2": "^0.2.1",
     "inline-css": "^4.0.2",
     "intuit-oauth": "^4.1.2",
-    "json-2-csv": "^5.5.4",
+    "json-2-csv": "^5.5.5",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "moment-timezone": "^0.5.45",
     "multer": "^1.4.5-lts.1",
     "node-mailjet": "^6.0.5",
-    "node-persist": "^4.0.2",
+    "node-persist": "^4.0.3",
     "nodemailer": "^6.9.14",
     "phone": "^3.1.49",
     "recursive-diff": "^1.0.9",
     "rimraf": "^6.0.1",
-    "soap": "^1.1.0",
+    "soap": "^1.1.1",
     "socket.io": "^4.7.5",
     "ssh2-sftp-client": "^10.0.3",
     "twilio": "^4.23.0",