feat: ROI Calculator screen

apps/eo_web/dist/manifest.json

@@ -18,7 +18,7 @@
     "css": [
       "assets/main-d3160e96.css"
     ],
-    "file": "assets/main-7aa2404e.js",
+    "file": "assets/main-6d1547c3.js",
     "isEntry": true,
     "src": "src/main.tsx"
   }

apps/eo_web/src/App.tsx

@@ -34,6 +34,7 @@ interface EnvironmentsConfigs {
   SENIOR_PROFILE_CAREGIVER_ID: string;
   SENIOR_PATIENT_SURVEY_ID: string;
   SENIOR_CAREGIVER_SURVEY_ID: string;
+  ROI_CALCULATOR_FORM: string;
   WEB_APP_URL: string;
 }
 

apps/eo_web/src/configs/env.ts

@@ -37,6 +37,9 @@ export const SENIOR_PATIENT_SURVEY_ID =
 export const SENIOR_CAREGIVER_SURVEY_ID =
   window.data.getEnv("SENIOR_CAREGIVER_SURVEY_ID") || 240026821042139;
 
+export const ROI_CALCULATOR_FORM =
+  window.data.getEnv("ROI_CALCULATOR_FORM") || 233484508737162;
+
 export const API_ELIXIR =
   window.data.getEnv("API_URL") || "http://localhost:4200";
 export const API_LARAVEL =

apps/eo_web/src/router/Router.tsx

@@ -31,6 +31,7 @@ import { ProfilingTwo } from "~/screens/profiling/ProfilingTwo";
 import { ProfilingTwoRedirect } from "~/screens/profiling/ProfilingTwoRedirect";
 import { ProtectedRoute } from "./ProtectedRoute";
 import { CancerSurveyThankYou } from "~/screens/Cancer/CancerSurveyThankYou";
+import { ROICalculator } from "~/screens/ROICalculator";
 
 
 export const Router = () => {
@@ -88,6 +89,7 @@ export const Router = () => {
       />
 
       <Route element={<UserRolSelector />} path={ROUTES.userRolSelector} />
+      <Route element={<ROICalculator />} path={ROUTES.roiCalculator} />
       <Route
         element={<ProfilingIntroQuestions />}
         path={ROUTES.introQuestions}

apps/eo_web/src/router/routes.tsx

@@ -21,6 +21,8 @@ export const ROUTES = {
   introQuestions: "/profiling-intro-questions",
   profilingThankYou: "/profiling-thank-you",
   accountSetup: "/account-setup",
+  roiCalculator: "/roi-calculator",
+
   // Cancer PATH
   cancerForm: "/cancer/profiling",
   cancerSurvey: "/cancer/survey",

apps/eo_web/src/screens/ROICalculator.tsx

@@ -0,0 +1,12 @@
+import { JotformFrame } from "~/components/JotformFrame";
+
+import { ROI_CALCULATOR_FORM } from "~/configs/env";
+import { LayoutDefault } from "~/layouts";
+
+export const ROICalculator = () => {
+  return (
+    <LayoutDefault >
+      <JotformFrame formId={ROI_CALCULATOR_FORM} />
+    </LayoutDefault>
+  );
+};