Addition of Open Replay Tracker

client/src/App/App.container.jsx

@@ -8,8 +8,28 @@ import { useTranslation } from "react-i18next";
 import GlobalLoadingBar from "../components/global-loading-bar/global-loading-bar.component";
 import client from "../utils/GraphQLClient";
 import App from "./App";
+import trackerGraphQL from "@openreplay/tracker-graphql";
+//import trackerRedux from "@openreplay/tracker-redux";
+import Tracker from "@openreplay/tracker";
+import trackerAssist from "@openreplay/tracker-assist";
 moment.locale("en-US");
 
+export const tracker = new Tracker({
+  projectKey: "FPjeYIbwJyvhrVVTTLHo",
+  ingestPoint: "https://replay.bodyshop.app/ingest",
+  // ...(process.env.NODE_ENV === null || process.env.NODE_ENV === "development"
+  //   ? { __DISABLE_SECURE_MODE: true }
+  //   : {}),
+  // beaconSize: 10485760,
+  onStart: ({ sessionID }) =>
+    console.log(
+      "******** OpenReplay tracker started with session: ",
+      sessionID
+    ),
+});
+tracker.use(trackerAssist({ confirmText: "Confimr hep" })); // check the list of available options below
+export const recordGraphQL = tracker.use(trackerGraphQL());
+tracker.start();
 if (process.env.NODE_ENV === "production") LogRocket.init("gvfvfw/bodyshopapp");
 
 export default function AppContainer() {