Package updates.

.eslintrc.json

@@ -1,21 +0,0 @@
-{
-  "env": {
-    "es6": true,
-    "node": true
-  },
-  "extends": "eslint:recommended",
-  "globals": {
-    "Atomics": "readonly",
-    "SharedArrayBuffer": "readonly"
-  },
-
-  "parserOptions": {
-    "ecmaVersion": 2018,
-    "sourceType": "module"
-  },
-  "rules": {
-    "no-console": "off"
-  },
-  "settings": {},
-  "plugins": ["cypress"]
-}

client/package.json

@@ -3,21 +3,27 @@
   "version": "0.2.1",
   "private": true,
   "proxy": "http://localhost:4000",
+  "browser": {
+    "fs": false,
+    "path": false,
+    "os": false
+  },
   "dependencies": {
     "@apollo/client": "^3.5.10",
     "@asseinfo/react-kanban": "^2.2.0",
     "@craco/craco": "^6.4.3",
     "@fingerprintjs/fingerprintjs": "^3.3.3",
+    "@jsreport/browser-client": "^3.1.0",
     "@sentry/react": "^6.19.6",
     "@sentry/tracing": "^6.19.6",
-    "@splitsoftware/splitio-react": "^1.3.1-rc.1",
+    "@splitsoftware/splitio-react": "^1.4.0",
     "@stripe/react-stripe-js": "^1.7.1",
     "@stripe/stripe-js": "^1.27.0",
-    "@tanem/react-nprogress": "^4.0.12",
+    "@tanem/react-nprogress": "^5.0.0",
     "antd": "^4.19.5",
     "apollo-link-logger": "^2.0.0",
     "axios": "^0.26.1",
-    "craco-less": "^1.20.0",
+    "craco-less": "^2.0.0",
     "dinero.js": "^1.9.1",
     "dotenv": "^16.0.0",
     "enquire-js": "^0.2.1",
@@ -28,7 +34,6 @@
     "i18next": "^21.6.16",
     "i18next-browser-languagedetector": "^6.1.4",
     "jsoneditor": "^9.7.4",
-    "jsreport-browser-client-dist": "^1.3.0",
     "libphonenumber-js": "^1.9.51",
     "logrocket": "^2.2.1",
     "markerjs2": "^2.21.0",
@@ -40,15 +45,15 @@
     "query-string": "^7.1.1",
     "rc-queue-anim": "^2.0.0",
     "rc-scroll-anim": "^2.7.6",
-    "react": "^17.0.2",
-    "react-big-calendar": "^0.38.2",
+    "react": "^18.0.0",
+    "react-big-calendar": "^0.40.0",
     "react-color": "^2.19.3",
     "react-cookie": "^4.1.1",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.0.0",
     "react-drag-listview": "^0.1.9",
     "react-grid-gallery": "^0.5.5",
     "react-grid-layout": "^1.3.4",
-    "react-i18next": "^11.16.5",
+    "react-i18next": "^11.16.6",
     "react-icons": "^4.3.1",
     "react-number-format": "^4.9.1",
     "react-redux": "^7.2.8",
@@ -69,18 +74,18 @@
     "styled-components": "^5.3.5",
     "subscriptions-transport-ws": "^0.11.0",
     "web-vitals": "^2.1.4",
-    "workbox-background-sync": "^6.5.2",
-    "workbox-broadcast-update": "^6.5.2",
-    "workbox-cacheable-response": "^6.5.2",
-    "workbox-core": "^6.5.2",
-    "workbox-expiration": "^6.5.2",
-    "workbox-google-analytics": "^6.5.2",
-    "workbox-navigation-preload": "^6.5.2",
-    "workbox-precaching": "^6.5.2",
-    "workbox-range-requests": "^6.5.2",
-    "workbox-routing": "^6.5.2",
-    "workbox-strategies": "^6.5.2",
-    "workbox-streams": "^6.5.2",
+    "workbox-background-sync": "^6.5.3",
+    "workbox-broadcast-update": "^6.5.3",
+    "workbox-cacheable-response": "^6.5.3",
+    "workbox-core": "^6.5.3",
+    "workbox-expiration": "^6.5.3",
+    "workbox-google-analytics": "^6.5.3",
+    "workbox-navigation-preload": "^6.5.3",
+    "workbox-precaching": "^6.5.3",
+    "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"
   },
   "scripts": {
@@ -119,9 +124,9 @@
   "devDependencies": {
     "@sentry/webpack-plugin": "^1.18.8",
     "@testing-library/cypress": "^8.0.2",
-    "cypress": "^9.5.3",
+    "cypress": "^9.5.4",
     "eslint-plugin-cypress": "^2.12.1",
-    "react-error-overlay": "6.0.10",
+    "react-error-overlay": "6.0.11",
     "redux-logger": "^3.0.6",
     "source-map-explorer": "^2.5.2"
   }

client/src/index.js

@@ -3,7 +3,7 @@ import * as Sentry from "@sentry/react";
 import "antd/dist/antd.less";
 import Dinero from "dinero.js";
 import React from "react";
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import { Provider } from "react-redux";
 import { BrowserRouter } from "react-router-dom";
 import { PersistGate } from "redux-persist/integration/react";
@@ -39,7 +39,9 @@ if (process.env.NODE_ENV !== "development") {
   });
 }
 
-ReactDOM.render(
+const container = document.getElementById("root");
+const root = createRoot(container); // createRoot(container!) if you use TypeScript
+root.render(
   <Provider store={store}>
     <BrowserRouter>
       <PersistGate
@@ -49,48 +51,7 @@ ReactDOM.render(
         <AppContainer />
       </PersistGate>
     </BrowserRouter>
-  </Provider>,
-  document.getElementById("root")
+  </Provider>
 );
 
-// const onServiceWorkerUpdate = (registration) => {
-//   console.log("onServiceWorkerUpdate", registration);
-
-//   const btn = (
-//     <Space flex>
-//       <Button
-//         onClick={async () => {
-//           window.open("https://imex-online.noticeable.news/", "_blank");
-//         }}
-//       >
-//         {i18n.t("general.actions.viewreleasenotes")}
-//       </Button>
-//       <Button
-//         type="primary"
-//         onClick={async () => {
-//           if (registration && registration.waiting) {
-//             await registration.unregister();
-//             // Makes Workbox call skipWaiting()
-//             registration.waiting.postMessage({ type: "SKIP_WAITING" });
-//             // Once the service worker is unregistered, we can reload the page to let
-//             // the browser download a fresh copy of our app (invalidating the cache)
-//             window.location.reload();
-//           }
-//         }}
-//       >
-//         {i18n.t("general.actions.refresh")}
-//       </Button>
-//     </Space>
-//   );
-//   notification.open({
-//     icon: <AlertOutlined />,
-//     message: i18n.t("general.messages.newversiontitle"),
-//     description: i18n.t("general.messages.newversionmessage"),
-//     duration: 0,
-//     btn,
-//     key: "updateavailable",
-//   });
-// };
-
-// serviceWorkerRegistration.register({ onUpdate: onServiceWorkerUpdate });
 reportWebVitals();

client/src/utils/RenderTemplate.js

@@ -1,7 +1,7 @@
 import { gql } from "@apollo/client";
 import { notification } from "antd";
 import axios from "axios";
-import jsreport from "jsreport-browser-client-dist";
+import jsreport from "@jsreport/browser-client";
 import _ from "lodash";
 import moment from "moment";
 import { auth } from "../firebase/firebase.utils";

package.json

@@ -3,8 +3,8 @@
   "version": "0.0.1",
   "license": "UNLICENSED",
   "engines": {
-    "node": "12.22.6",
-    "npm": "7.17.0"
+    "node": "16.14.2",
+    "npm": "8.6.0"
   },
   "scripts": {
     "setup": "yarn && cd client && yarn",