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

client/src/redux/store.js

@@ -27,7 +27,7 @@ const middlewares = [
 if (process.env.NODE_ENV === "development") {
   middlewares.push(createLogger({ collapsed: true, diff: true }));
 }
-
+//middlewares.push(Tracker.use(trackerRedux()));
 const composeEnhancers =
   typeof window === "object" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
     ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({

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

@@ -29,6 +29,7 @@ import {
 } from "./user.actions";
 import UserActionTypes from "./user.types";
 import * as Sentry from "@sentry/browser";
+import { tracker } from "../../App/App.container";
 
 export function* onEmailSignInStart() {
   yield takeLatest(UserActionTypes.EMAIL_SIGN_IN_START, signInWithEmail);
@@ -68,6 +69,7 @@ export function* isUserAuthenticated() {
     }
 
     LogRocket.identify(user.email);
+    tracker.setUserID(user.email);
     yield put(
       signInSuccess({
         uid: user.uid,
@@ -169,6 +171,8 @@ export function* onSignInSuccess() {
 
 export function* signInSuccessSaga({ payload }) {
   LogRocket.identify(payload.email);
+  tracker.setUserID(payload.email);
+
   try {
     // window.$crisp.push(["set", "user:email", [payload.email]]);
     console.log("$crisp set nickname", [payload.displayName || payload.email]);