Package cleanup and upgrades.

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(),