Package cleanup and upgrades.

client/package.json

@@ -6,8 +6,7 @@
   "dependencies": {
     "@apollo/client": "^3.6.9",
     "@asseinfo/react-kanban": "^2.2.0",
-    "@craco/craco": "^6.4.5",
-    "@fingerprintjs/fingerprintjs": "^3.3.3",
+    "@craco/craco": "^7.0.0",
     "@jsreport/browser-client": "^3.1.0",
     "@sentry/react": "^7.28.1",
     "@sentry/tracing": "^7.28.1",
@@ -15,10 +14,9 @@
     "@tanem/react-nprogress": "^5.0.8",
     "antd": "^4.22.3",
     "apollo-link-logger": "^2.0.0",
-    "axios": "^0.27.2",
-    "craco-less": "^1.20.0",
+    "axios": "^1.2.2",
+    "craco-less": "^2.0.0",
     "dinero.js": "^1.9.1",
-    "dotenv": "^16.0.1",
     "enquire-js": "^0.2.1",
     "env-cmd": "^10.1.0",
     "exifr": "^7.1.3",
@@ -26,7 +24,6 @@
     "graphql": "^16.5.0",
     "i18next": "^22.4.6",
     "i18next-browser-languagedetector": "^7.0.1",
-    "jsoneditor": "^9.9.0",
     "jsreport-browser-client-dist": "^1.3.0",
     "libphonenumber-js": "^1.10.9",
     "logrocket": "^3.0.1",
@@ -43,10 +40,9 @@
     "react": "^18.2.0",
     "react-big-calendar": "^1.5.2",
     "react-color": "^2.19.3",
-    "react-cookie": "^4.1.1",
     "react-dom": "^18.2.0",
-    "react-drag-listview": "^0.2.1",
-    "react-grid-gallery": "^0.5.5",
+    "react-drag-listview": "^2.0.0",
+    "react-grid-gallery": "^1.0.0",
     "react-grid-layout": "^1.3.4",
     "react-i18next": "^12.1.1",
     "react-icons": "^4.7.1",
@@ -56,7 +52,6 @@
     "react-router-dom": "^5.3.0",
     "react-scripts": "^5.0.1",
     "react-sticky": "^6.0.3",
-    "react-sublime-video": "^0.2.5",
     "react-virtualized": "^9.22.3",
     "recharts": "^2.1.12",
     "redux": "^4.2.0",
@@ -80,8 +75,7 @@
     "workbox-range-requests": "^6.5.3",
     "workbox-routing": "^6.5.3",
     "workbox-strategies": "^6.5.3",
-    "workbox-streams": "^6.5.3",
-    "yauzl": "^2.10.0"
+    "workbox-streams": "^6.5.3"
   },
   "scripts": {
     "analyze": "source-map-explorer 'build/static/js/*.js'",
@@ -119,8 +113,8 @@
   },
   "devDependencies": {
     "@sentry/webpack-plugin": "^1.20.0",
-    "@testing-library/cypress": "^8.0.3",
-    "cypress": "^10.3.1",
+    "@testing-library/cypress": "^9.0.0",
+    "cypress": "^12.3.0",
     "eslint-plugin-cypress": "^2.12.1",
     "react-error-overlay": "6.0.11",
     "redux-logger": "^3.0.6",

client/src/components/qbo-authorize/qbo-authorize.component.jsx

@@ -2,14 +2,13 @@ import { Space } from "antd";
 import Axios from "axios";
 import queryString from "query-string";
 import React, { useEffect } from "react";
-import { useCookies } from "react-cookie";
+
 import { useHistory, useLocation } from "react-router-dom";
 import QboSignIn from "../../assets/qbo/C2QB_green_btn_med_default.svg";
 
 export default function QboAuthorizeComponent() {
   const location = useLocation();
   const history = useHistory();
-  const [, setCookie] = useCookies(["access_token", "refresh_token"]);
 
   const handleQbSignIn = async () => {
     const result = await Axios.post("/qbo/authorize");
@@ -42,7 +41,7 @@ export default function QboAuthorizeComponent() {
       history.push({ pathname: `/manage/accounting/receivables` });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [qs, location, setCookie]);
+  }, [qs, location]);
 
   return (
     <Space>

client/src/components/shop-template-test-render/shop-template-test-render.component.jsx

@@ -1,6 +1,6 @@
 import { Button } from "antd";
-import { JsonEditor as Editor } from "jsoneditor-react";
-import "jsoneditor-react/es/editor.min.css";
+//import { JsonEditor as Editor } from "jsoneditor-react";
+//import "jsoneditor-react/es/editor.min.css";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -61,9 +61,7 @@ export function ShopTemplateTestRender({
 
   return (
     <div style={{ ...style, margin: "1rem", display: "flex" }}>
-      <div style={{ flex: 1 }}>
-        <Editor value={variables} onChange={(e) => setVariables(e)} />
-      </div>
+      <div style={{ flex: 1 }}></div>
       <Button loading={loading} type="ghost" onClick={handleTestRender}>
         {t("bodyshop.actions.testrender")}
       </Button>

client/src/landing/Content4.jsx

@@ -1,8 +1,8 @@
-import React from 'react';
-import TweenOne from 'rc-tween-one';
-import OverPack from 'rc-scroll-anim/lib/ScrollOverPack';
-import VideoPlay from 'react-sublime-video';
-import { getChildrenToRender } from './utils';
+import React from "react";
+import TweenOne from "rc-tween-one";
+import OverPack from "rc-scroll-anim/lib/ScrollOverPack";
+//import VideoPlay from 'react-sublime-video';
+import { getChildrenToRender } from "./utils";
 
 function Content4(props) {
   const { ...tagProps } = props;
@@ -10,13 +10,13 @@ function Content4(props) {
   delete tagProps.dataSource;
   delete tagProps.isMobile;
   const animation = {
-    y: '+=30',
+    y: "+=30",
     opacity: 0,
-    type: 'from',
-    ease: 'easeOutQuad',
+    type: "from",
+    ease: "easeOutQuad",
   };
   const videoChildren = dataSource.video.children.video;
-  const videoNameArray = videoChildren.split('.');
+  const videoNameArray = videoChildren.split(".");
   const type = videoNameArray[videoNameArray.length - 1];
   return (
     <div {...tagProps} {...dataSource.wrapper}>
@@ -40,15 +40,15 @@ function Content4(props) {
                 <source src={videoChildren} type={`video/${type}`} />
                 <track kind="captions" />
               </video>
-            ) : (
-              <VideoPlay
-                loop
-                width="100%"
-                poster={dataSource.video.children.image}
-              >
-                <source src={videoChildren} type={`video/${type}`} />
-              </VideoPlay>
-            )}
+            ) : null
+            // <VideoPlay
+            //   loop
+            //   width="100%"
+            //   poster={dataSource.video.children.image}
+            // >
+            //   <source src={videoChildren} type={`video/${type}`} />
+            // </VideoPlay>
+            }
           </TweenOne>
         </OverPack>
       </div>

client/src/redux/user/user.sagas.js

@@ -1,4 +1,4 @@
-import Fingerprint2 from "@fingerprintjs/fingerprintjs";
+//import Fingerprint2 from "@fingerprintjs/fingerprintjs";
 import * as Sentry from "@sentry/browser";
 import { notification } from "antd";
 import { setUserId, setUserProperties } from "firebase/analytics";
@@ -148,10 +148,11 @@ export function* setInstanceIdSaga({ payload: uid }) {
   try {
     const userInstanceRef = doc(firestore, `userInstance/${uid}`);
 
-    const fingerprint = Fingerprint2.x64hash128(
-      (yield Fingerprint2.getPromise({})).map((c) => c.value).join(""),
-      31
-    );
+    const fingerprint = null;
+    // Fingerprint2.x64hash128(
+    //   (yield Fingerprint2.getPromise({})).map((c) => c.value).join(""),
+    //   31
+    // );
 
     yield userInstanceRef.set({
       timestamp: new Date(),