### Eula V1

- Front end logic implemented

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/App/App.jsx

@@ -8,6 +8,7 @@ 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";
+
 //Component Imports
 import LoadingSpinner from "../components/loading-spinner/loading-spinner.component";
 import DisclaimerPage from "../pages/disclaimer/disclaimer.page";
@@ -20,6 +21,7 @@ import {selectBodyshop, selectCurrentUser,} from "../redux/user/user.selectors";
 import PrivateRoute from "../components/PrivateRoute";
 import "./App.styles.scss";
 import handleBeta from "../utils/betaHandler";
+import Eula, {eulaIsApplicable} from "../components/eula/eula.component";
 
 const ResetPassword = lazy(() =>
     import("../pages/reset-password/reset-password.component")
@@ -42,8 +44,8 @@ const mapDispatchToProps = (dispatch) => ({
 });
 
 export function App({bodyshop, checkUserSession, currentUser, online, setOnline}) {
-
     const client = useSplitClient().client;
+    const [isAccepted, setIsAccepted] = useState(false);
     const [listenersAdded, setListenersAdded] = useState(false)
     const {t} = useTranslation();
 
@@ -123,6 +125,10 @@ export function App({bodyshop, checkUserSession, currentUser, online, setOnline}
             />
         );
 
+    if (eulaIsApplicable({currentUser, isAccepted})) {
+        return <Eula setIsAccepted={setIsAccepted}/>
+    }
+
     // Any route that is not assigned and matched will default to the Landing Page component
     return (
         <Suspense fallback={<LoadingSpinner message="ImEX Online"/>}>
@@ -133,10 +139,12 @@ export function App({bodyshop, checkUserSession, currentUser, online, setOnline}
                 <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="/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="/tech/*"
+                       element={<ErrorBoundary><PrivateRoute isAuthorized={currentUser.authorized}/></ErrorBoundary>}>
                     <Route path="*" element={<TechPageContainer/>}/>
                 </Route>
                 <Route path="/edit/*" element={<PrivateRoute isAuthorized={currentUser.authorized}/>}>