RO into IO merge as of 02/05/2024.

client/src/App/App.jsx

@@ -1,11 +1,11 @@
-import {useSplitClient} from "@splitsoftware/splitio-react";
-import {Button, Result} from "antd";
+import { useSplitClient } from "@splitsoftware/splitio-react";
+import { Button, Result } from "antd";
 import LogRocket from "logrocket";
-import React, {lazy, Suspense, useEffect, useState} from "react";
-import {useTranslation} from "react-i18next";
-import {connect} from "react-redux";
-import {Route, Routes} from "react-router-dom";
-import {createStructuredSelector} from "reselect";
+import React, { lazy, Suspense, useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { Route, Routes } from "react-router-dom";
+import { createStructuredSelector } from "reselect";
 import DocumentEditorContainer from "../components/document-editor/document-editor.container";
 import ErrorBoundary from "../components/error-boundary/error-boundary.component";
 
@@ -14,15 +14,19 @@ import LoadingSpinner from "../components/loading-spinner/loading-spinner.compon
 import DisclaimerPage from "../pages/disclaimer/disclaimer.page";
 import LandingPage from "../pages/landing/landing.page";
 import TechPageContainer from "../pages/tech/tech.page.container";
-import {setOnline} from "../redux/application/application.actions";
-import {selectOnline} from "../redux/application/application.selectors";
-import {checkUserSession} from "../redux/user/user.actions";
-import {selectBodyshop, selectCurrentEula, selectCurrentUser,} from "../redux/user/user.selectors";
+import { setOnline } from "../redux/application/application.actions";
+import { selectOnline } from "../redux/application/application.selectors";
+import { checkUserSession } from "../redux/user/user.actions";
+import {
+    selectBodyshop,
+    selectCurrentEula,
+    selectCurrentUser,
+} from "../redux/user/user.selectors";
 import PrivateRoute from "../components/PrivateRoute";
 import "./App.styles.scss";
 import handleBeta from "../utils/betaHandler";
 import Eula from "../components/eula/eula.component";
-
+import InstanceRenderMgr from "../utils/instanceRenderMgr";
 const ResetPassword = lazy(() =>
     import("../pages/reset-password/reset-password.component")
 );
@@ -37,18 +41,24 @@ const mapStateToProps = createStructuredSelector({
     currentUser: selectCurrentUser,
     online: selectOnline,
     bodyshop: selectBodyshop,
-    currentEula: selectCurrentEula
+    currentEula: selectCurrentEula,
 });
 const mapDispatchToProps = (dispatch) => ({
     checkUserSession: () => dispatch(checkUserSession()),
     setOnline: (isOnline) => dispatch(setOnline(isOnline)),
 });
 
-export function App({bodyshop, checkUserSession, currentUser, online, setOnline, currentEula}) {
+export function App({
+    bodyshop,
+    checkUserSession,
+    currentUser,
+    online,
+    setOnline,
+    currentEula,
+}) {
     const client = useSplitClient().client;
-    const [listenersAdded, setListenersAdded] = useState(false)
-    const {t} = useTranslation();
-
+    const [listenersAdded, setListenersAdded] = useState(false);
+    const { t } = useTranslation();
 
     useEffect(() => {
         if (!navigator.onLine) {
@@ -65,14 +75,14 @@ export function App({bodyshop, checkUserSession, currentUser, online, setOnline,
     useEffect(() => {
         const offlineListener = (e) => {
             setOnline(false);
-        }
+        };
 
         const onlineListener = (e) => {
             setOnline(true);
-        }
+        };
 
         if (!listenersAdded) {
-            console.log('Added events for offline and online');
+            console.log("Added events for offline and online");
             window.addEventListener("offline", offlineListener);
             window.addEventListener("online", onlineListener);
             setListenersAdded(true);
@@ -81,7 +91,7 @@ export function App({bodyshop, checkUserSession, currentUser, online, setOnline,
         return () => {
             window.removeEventListener("offline", offlineListener);
             window.removeEventListener("online", onlineListener);
-        }
+        };
     }, [setOnline, listenersAdded]);
 
     useEffect(() => {
@@ -90,16 +100,26 @@ export function App({bodyshop, checkUserSession, currentUser, online, setOnline,
 
             if (
                 client.getTreatment("LogRocket_Tracking") === "on" ||
-                window.location.hostname === 'beta.imex.online'
+                window.location.hostname ===
+                    InstanceRenderMgr({
+                        imex: "beta.imex.online",
+                        rome: "beta.romeonline.io",
+                    })
             ) {
                 console.log("LR Start");
-                LogRocket.init("gvfvfw/bodyshopapp");
+                LogRocket.init(
+                    InstanceRenderMgr({
+                        imex: "gvfvfw/bodyshopapp",
+                        rome: "rome-online/rome-online",
+                        promanager: "", //TODO:AIO Add in log rocket for promanager instances.
+                    })
+                );
             }
         }
     }, [bodyshop, client, currentUser.authorized]);
 
     if (currentUser.authorized === null) {
-        return <LoadingSpinner message={t("general.labels.loggingin")}/>;
+        return <LoadingSpinner message={t("general.labels.loggingin")} />;
     }
 
     handleBeta();
@@ -124,29 +144,102 @@ export function App({bodyshop, checkUserSession, currentUser, online, setOnline,
         );
 
     if (currentEula && !currentUser.eulaIsAccepted) {
-        return <Eula/>
+        return <Eula />;
     }
 
     // Any route that is not assigned and matched will default to the Landing Page component
     return (
-        <Suspense fallback={<LoadingSpinner message="ImEX Online"/>}>
+        <Suspense
+            fallback={
+                <LoadingSpinner
+                    message={InstanceRenderMgr({
+                        imex: "ImEX Online",
+                        rome: "Rome Online",
+                        promanager: "ProManager",
+                    })}
+                />
+            }
+        >
             <Routes>
-                <Route path="*" element={<ErrorBoundary><LandingPage/></ErrorBoundary>}/>
-                <Route path="/signin" element={<ErrorBoundary><SignInPage/></ErrorBoundary>}/>
-                <Route path="/resetpassword" element={<ErrorBoundary><ResetPassword/></ErrorBoundary>}/>
-                <Route path="/csi/:surveyId" element={<ErrorBoundary><CsiPage/></ErrorBoundary>}/>
-                <Route path="/disclaimer" element={<ErrorBoundary><DisclaimerPage/></ErrorBoundary>}/>
-                <Route path="/mp/:paymentIs" element={<ErrorBoundary><MobilePaymentContainer/></ErrorBoundary>}/>
-                <Route path="/manage/*"
-                       element={<ErrorBoundary><PrivateRoute isAuthorized={currentUser.authorized}/></ErrorBoundary>}>
-                    <Route path="*" element={<ManagePage/>}/>
+                <Route
+                    path="*"
+                    element={
+                        <ErrorBoundary>
+                            <LandingPage />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/signin"
+                    element={
+                        <ErrorBoundary>
+                            <SignInPage />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/resetpassword"
+                    element={
+                        <ErrorBoundary>
+                            <ResetPassword />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/csi/:surveyId"
+                    element={
+                        <ErrorBoundary>
+                            <CsiPage />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/disclaimer"
+                    element={
+                        <ErrorBoundary>
+                            <DisclaimerPage />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/mp/:paymentIs"
+                    element={
+                        <ErrorBoundary>
+                            <MobilePaymentContainer />
+                        </ErrorBoundary>
+                    }
+                />
+                <Route
+                    path="/manage/*"
+                    element={
+                        <ErrorBoundary>
+                            <PrivateRoute
+                                isAuthorized={currentUser.authorized}
+                            />
+                        </ErrorBoundary>
+                    }
+                >
+                    <Route path="*" element={<ManagePage />} />
                 </Route>
-                <Route path="/tech/*"
-                       element={<ErrorBoundary><PrivateRoute isAuthorized={currentUser.authorized}/></ErrorBoundary>}>
-                    <Route path="*" element={<TechPageContainer/>}/>
+                <Route
+                    path="/tech/*"
+                    element={
+                        <ErrorBoundary>
+                            <PrivateRoute
+                                isAuthorized={currentUser.authorized}
+                            />
+                        </ErrorBoundary>
+                    }
+                >
+                    <Route path="*" element={<TechPageContainer />} />
                 </Route>
-                <Route path="/edit/*" element={<PrivateRoute isAuthorized={currentUser.authorized}/>}>
-                    <Route path="*" element={<DocumentEditorContainer/>}/>
+                <Route
+                    path="/edit/*"
+                    element={
+                        <PrivateRoute isAuthorized={currentUser.authorized} />
+                    }
+                >
+                    <Route path="*" element={<DocumentEditorContainer />} />
                 </Route>
             </Routes>
         </Suspense>

client/src/App/themeProvider.js

@@ -1,5 +1,6 @@
 import {defaultsDeep} from "lodash";
 import {theme} from "antd";
+import InstanceRenderMgr from '../utils/instanceRenderMgr'
 
 const {defaultAlgorithm, darkAlgorithm} = theme;
 
@@ -23,7 +24,10 @@ const defaultTheme = {
         }
     },
     token: {
-        colorPrimary: '#1677ff'
+        colorPrimary: InstanceRenderMgr({
+            imex: "#1677ff",
+            rome:"#326ade"}) ,
+            colorInfo: "#326ade"
     }
 };
 
@@ -57,4 +61,4 @@ const finaltheme = {
     algorithm: isDarkMode ? darkAlgorithm : defaultAlgorithm,
     ...defaultsDeep(currentTheme, defaultTheme)
 }
-export default finaltheme;
+export default finaltheme;