Light-it-labs · cgarcia-lightit · Sep 13, 2023 · Aug 31, 2023 · Aug 31, 2023 · Aug 31, 2023
diff --git a/apps/eo_web/dist/assets/main-281f57f2.js b/apps/eo_web/dist/assets/main-281f57f2.js
diff --git a/apps/eo_web/dist/assets/main-6104ee8d.css b/apps/eo_web/dist/assets/main-6104ee8d.css
diff --git a/apps/eo_web/dist/assets/main-b2263767.css b/apps/eo_web/dist/assets/main-b2263767.css
diff --git a/apps/eo_web/dist/assets/main-bd64df5e.js b/apps/eo_web/dist/assets/main-bd64df5e.js
diff --git a/apps/eo_web/dist/manifest.json b/apps/eo_web/dist/manifest.json
@@ -8,17 +8,17 @@
     "src": "../../packages/ui/src/assets/avatar.svg"
   },
   "src/main.css": {
-    "file": "assets/main-b2263767.css",
+    "file": "assets/main-6104ee8d.css",
     "src": "src/main.css"
   },
   "src/main.tsx": {
     "assets": [
       "assets/UploadFile-694e44b5.svg"
     ],
     "css": [
-      "assets/main-b2263767.css"
+      "assets/main-6104ee8d.css"
     ],
-    "file": "assets/main-bd64df5e.js",
+    "file": "assets/main-281f57f2.js",
     "isEntry": true,
     "src": "src/main.tsx"
   }

diff --git a/apps/eo_web/index.html b/apps/eo_web/index.html
@@ -11,11 +11,23 @@
 <body>
 <div id="root"></div>
 <script type="text/javascript">
+  const hosts = ['www.eo.care', 'partner.eo.care', 'eo-marketing-06cbaf66a5b1fbfeecb0ca9525.webflow.io', 'eo-marketing.webflow.io']
+
   window.data = {
-    API_URL: null,
-    API_URL_LARAVEL: null,
-    PROFILE_TWO_ID: null,
-    PROFILE_ONE_ID: null
+    hosts: hosts,
+    isProduction: false,
+    environments: {
+      'www.eo.care': {},
+      'partner.eo.care': {},
+      'eo-marketing-06cbaf66a5b1fbfeecb0ca9525.webflow.io': {},
+      'eo-marketing.webflow.io': {}
+    },
+    getEnv: function (key) {
+      if (this.hosts.includes(window.location.host)) {
+        return this.environments[window.location.host][key]
+      }
+      return null
+    }
   }
 </script>
 <script type="module" src="/src/main.tsx"></script>

diff --git a/apps/eo_web/src/App.tsx b/apps/eo_web/src/App.tsx
@@ -8,16 +8,31 @@ import "react-toastify/dist/ReactToastify.css";
 
 
 const queryClient = new QueryClient();
+type Hosts =
+  | "www.eo.care"
+  | "partner.eo.care"
+  | "eo-marketing-06cbaf66a5b1fbfeecb0ca9525.webflow.io"
+  | "eo-marketing.webflow.io";
+
+interface EnvironmentsConfigs {
+  API_URL: string;
+  API_LARAVEL: string;
+  PROFILE_ONE_ID: string;
+  PROFILE_TWO_ID: string;
+  ZUKO_SLUG_ID_PROCESS_START: string;
+  CANCER_PROFILE_PATIENT_ID: string;
+  CANCER_PROFILE_CAREGIVER_ID: string;
+  CANCER_USER_DATA: string;
+  CANCER_SURVEY_FORM: string;
+}
+
 declare global {
   interface Window {
     data: {
-      API_URL: string;
-      API_LARAVEL: string;
-      PROFILE_ONE_ID: string;
-      PROFILE_TWO_ID: string;
-      ZUKO_SLUG_ID_PROCESS_START: string;
-      CANCER_PROFILING: string;
-      CANCER_USER_DATA: string;
+      hosts: Hosts[];
+      isProduction: boolean;
+      environments: Record<Hosts, EnvironmentsConfigs>;
+      getEnv: (key: keyof EnvironmentsConfigs) => string | null;
     };
   }
 }

diff --git a/apps/eo_web/src/api/auth.ts b/apps/eo_web/src/api/auth.ts
@@ -1,5 +1,5 @@
 import { api } from "~/api/axios";
-import { API_URL } from "~/api/common";
+import { API_URL } from "~/configs/env";
 import {
   useProfileStore,
   type Profile,
@@ -27,6 +27,7 @@ export interface RegisterRequest {
   first_name: string;
   last_name: string;
 }
+
 export const register = async (registrationForm: RegisterRequest) => {
   return await api.post<string>(`${API_URL}/v2/profile`, registrationForm);
 };

diff --git a/apps/eo_web/src/api/common.ts b/apps/eo_web/src/api/common.ts
diff --git a/apps/eo_web/src/api/email.ts b/apps/eo_web/src/api/email.ts
@@ -1,9 +1,14 @@
 import { api } from "~/api/axios";
-import { API_URL } from "~/api/common";
+import { API_URL } from "~/configs/env";
+
+
+
+
 
 export interface ResendEmailVerificationResponse {
   success: boolean;
 }
+
 export const resendEmailVerification = async (email: string) => {
   return await api.post<ResendEmailVerificationResponse>(
     `${API_URL}/v2/profile/resend_confirmation_email`,

diff --git a/apps/eo_web/src/api/useElixirApi.ts b/apps/eo_web/src/api/useElixirApi.ts
@@ -7,7 +7,7 @@ import {
   type WorseSymptomsMoment,
 } from "~/api/PrePlanTypes";
 import { api } from "~/api/axios";
-import { API_LARAVEL, API_URL } from "~/api/common";
+import { API_LARAVEL, API_URL } from "~/configs/env";
 import { useProfileStore, type Profile } from "~/stores/useProfileStore";
 
 export interface ZipCodeValidationResponseError {
@@ -122,6 +122,13 @@ export const useElixirApi = () => {
     );
   };
 
+  const postCancerSurveyFormSubmission = async (data: object) => {
+    return await api.post<{ success: boolean; message: string }>(
+      `${API_LARAVEL}/api/cancer/survey`,
+      data,
+    );
+  };
+
   return {
     validateZipCode,
     combineProfileOne,
@@ -132,5 +139,6 @@ export const useElixirApi = () => {
     getSubmissionById,
     eligibleEmail,
     postCancerFormSubmission,
+    postCancerSurveyFormSubmission,
   };
 };
diff --git a/apps/eo_web/src/configs/env.ts b/apps/eo_web/src/configs/env.ts
@@ -0,0 +1,19 @@
+export const PROFILE_ONE_ID =
+  window.data.getEnv("PROFILE_ONE_ID") || 231014818128147;
+export const PROFILE_TWO_ID =
+  window.data.getEnv("PROFILE_TWO_ID") || 231015554139147;
+export const ZUKO_SLUG_ID =
+  window.data.getEnv("ZUKO_SLUG_ID_PROCESS_START") || "4e9cc7ceea3e22fb";
+
+export const CANCER_USER_PROFILE =
+  window.data.getEnv("CANCER_USER_DATA") || 232256418562659;
+export const CANCER_PROFILE_PATIENT_ID =
+  window.data.getEnv("CANCER_PROFILE_PATIENT_ID") || 232545133592657;
+export const CANCER_PROFILE_CAREGIVER_ID =
+  window.data.getEnv("CANCER_PROFILE_CAREGIVER_ID") || 232545861869672;
+export const CANCER_SURVEY_ID =
+  window.data.getEnv("CANCER_SURVEY_FORM") || 232395615249664;
+
+export const API_URL = window.data.getEnv("API_URL") || "http://localhost:4200";
+export const API_LARAVEL =
+  window.data.getEnv("API_LARAVEL") || "http://localhost";
diff --git a/apps/eo_web/src/router/Router.tsx b/apps/eo_web/src/router/Router.tsx
@@ -1,10 +1,15 @@
+import React from "react";
 import { Route, Routes } from "react-router-dom";
 
 import { ROUTES } from "~/router/routes";
-import { CancerForm } from "~/screens/Cancer/CancerForm";
-import { CancerThankYou } from "~/screens/Cancer/CancerThankYou";
-import { UserCancerProfile } from "~/screens/Cancer/UserCancerProfile";
-import { UserCancerVerification } from "~/screens/Cancer/UserCancerVerification";
+import { Form } from "~/screens/Cancer/Form";
+import { FormDemo } from "~/screens/Cancer/FormDemo";
+import { FormThankYou } from "~/screens/Cancer/FormThankYou";
+import { SurveyForm } from "~/screens/Cancer/SurveyForm";
+import { SurveyThankYou } from "~/screens/Cancer/SurveyThankYou";
+import { UserProfile } from "~/screens/Cancer/UserProfile";
+import { UserTypeSelectorDemo } from "~/screens/Cancer/UserTypeSelectorDemo";
+import { UserVerification } from "~/screens/Cancer/UserVerification";
 import { EligibleProfile } from "~/screens/EligibleProfile";
 import { EmailVerificationUncompletedButLogged } from "~/screens/EmailVerificationUncompletedButLogged";
 import { ForgotPassword } from "~/screens/ForgotPassword";
@@ -80,14 +85,21 @@ export const Router = () => {
       />
 
       {/* CANCER */}
-      <Route element={<UserCancerProfile />} path={ROUTES.cancerProfile} />
-
+      <Route element={<UserProfile />} path={ROUTES.cancerProfile} />
+      <Route
+        element={<UserTypeSelectorDemo />}
+        path={ROUTES.cancerUserTypeSelectDemo}
+      />
+      <Route element={<FormDemo />} path={ROUTES.cancerFormDemo} />
       <Route
-        element={<UserCancerVerification />}
+        element={<UserVerification />}
         path={ROUTES.cancerUserVerification}
       />
-      <Route element={<CancerForm />} path={ROUTES.cancerForm} />
-      <Route element={<CancerThankYou />} path={ROUTES.cancerThankYou} />
+      <Route element={<Form />} path={ROUTES.cancerForm} />
+      <Route element={<FormThankYou />} path={ROUTES.cancerThankYou} />
+
+      <Route element={<SurveyForm />} path={ROUTES.cancerSurvey} />
+      <Route element={<SurveyThankYou />} path={ROUTES.cancerSurveyThankYou} />
     </Routes>
   );
 };
diff --git a/apps/eo_web/src/router/routes.tsx b/apps/eo_web/src/router/routes.tsx
@@ -18,10 +18,12 @@ export const ROUTES = {
   prePlanV2: `${BASE}/preplan`,
 
   // Cancer PATH
+  cancerUserTypeSelectDemo: "/cancer/start",
+  cancerFormDemo: "/cancer/profiling-start",
   cancerProfile: "/cancer/personal-information",
   cancerUserVerification: "/cancer/user-validate",
   cancerForm: "/cancer/profiling",
   cancerThankYou: "/cancer/thank-you",
-  cancerUnion: "/cancer/union-survey",
+  cancerSurvey: "/cancer/survey",
   cancerSurveyThankYou: "/cancer/survey-thank-you",
 } as const;
diff --git a/.../eo_web/src/screens/Cancer/CancerForm.tsx → apps/eo_web/src/screens/Cancer/Form.tsx b/.../eo_web/src/screens/Cancer/CancerForm.tsx → apps/eo_web/src/screens/Cancer/Form.tsx
@@ -1,6 +1,7 @@
 import { useEffect } from "react";
 import { useNavigate, useSearchParams } from "react-router-dom";
 
+import { CANCER_PROFILE_PATIENT_ID } from "~/configs/env";
 import { jotformScript } from "~/helpers/jotform_script";
 import { LayoutDefault } from "~/layouts";
 import { ROUTES } from "~/router";
@@ -9,9 +10,7 @@ import { ROUTES } from "~/router";
 
 
 
-const CANCER_PROFILE_ID = window.data.CANCER_PROFILING || 232256466069664;
-
-export const CancerForm = () => {
+export const Form = () => {
   const [searchParams] = useSearchParams();
 
   const name = searchParams.get("name");
@@ -30,19 +29,19 @@ export const CancerForm = () => {
   }
 
   useEffect(() => {
-    jotformScript(CANCER_PROFILE_ID);
+    jotformScript(CANCER_PROFILE_PATIENT_ID);
   }, []);
   return (
     <LayoutDefault>
       <div className="mb-10 flex h-screen flex-col">
         <iframe
-          id={`JotFormIFrame-${CANCER_PROFILE_ID}`}
+          id={`JotFormIFrame-${CANCER_PROFILE_PATIENT_ID}`}
           title=""
           onLoad={() => window.parent.scrollTo(0, 0)}
           allow="geolocation; microphone; camera"
           allowTransparency={true}
           allowFullScreen={true}
-          src={`https://form.jotform.com/${CANCER_PROFILE_ID}?name[0]=${name}&name[1]=${last}&email=${email}&dob[month]=${month}&dob[day]=${day}&dob[year]=${year}&caregiver=${caregiver}&gender=${gender}`}
+          src={`https://form.jotform.com/${CANCER_PROFILE_PATIENT_ID}?name[0]=${name}&name[1]=${last}&email=${email}&dob[month]=${month}&dob[day]=${day}&dob[year]=${year}&caregiver=${caregiver}&gender=${gender}`}
           className="h-full w-full"
           style={{
             minWidth: "100%",

diff --git a/apps/eo_web/src/screens/Cancer/FormDemo.tsx b/apps/eo_web/src/screens/Cancer/FormDemo.tsx
@@ -0,0 +1,57 @@
+import { useNavigate, useSearchParams } from "react-router-dom";
+
+import {
+  CANCER_PROFILE_CAREGIVER_ID,
+  CANCER_PROFILE_PATIENT_ID,
+} from "~/configs/env";
+import { jotformScript } from "~/helpers/jotform_script";
+import { useMount } from "~/hooks/useMount";
+import { LayoutDefault } from "~/layouts";
+import { ROUTES } from "~/router";
+
+
+
+
+
+export const FormDemo = () => {
+  const [searchParams] = useSearchParams();
+  const navigate = useNavigate();
+  const type = searchParams.get("type");
+  const cancerProfileId =
+    type === "Patient"
+      ? CANCER_PROFILE_PATIENT_ID
+      : CANCER_PROFILE_CAREGIVER_ID;
+
+  if (!type) {
+    navigate(ROUTES.cancerUserTypeSelectDemo);
+  }
+
+  useMount(() => {
+    setTimeout(() => {
+      jotformScript(cancerProfileId);
+    }, 400);
+  });
+
+  return (
+    <LayoutDefault>
+      <div className="mb-10 flex h-screen flex-col">
+        {/* uncomment for real flow */}
+        <iframe
+          id={`JotFormIFrame-${cancerProfileId}`}
+          title=""
+          onLoad={() => window.parent.scrollTo(0, 0)}
+          allow="geolocation; microphone; camera"
+          allowTransparency={true}
+          allowFullScreen={true}
+          src={`https://form.jotform.com/${cancerProfileId}`}
+          className="h-full w-full"
+          style={{
+            minWidth: "100%",
+            height: "539px",
+            border: "none",
+          }}
+        ></iframe>
+      </div>
+    </LayoutDefault>
+  );
+};
diff --git a/...web/src/screens/Cancer/CancerThankYou.tsx → ...o_web/src/screens/Cancer/FormThankYou.tsx b/...web/src/screens/Cancer/CancerThankYou.tsx → ...o_web/src/screens/Cancer/FormThankYou.tsx
@@ -14,7 +14,7 @@ import { ROUTES } from "~/router";
 
 
 
-export const CancerThankYou = () => {
+export const FormThankYou = () => {
   const [searchParams] = useSearchParams();
 
   const submission_id = searchParams.get("submission_id") || "";

diff --git a/apps/eo_web/src/screens/Cancer/SurveyForm.tsx b/apps/eo_web/src/screens/Cancer/SurveyForm.tsx
@@ -0,0 +1,41 @@
+import { useEffect } from "react";
+import { useSearchParams } from "react-router-dom";
+
+import { CANCER_SURVEY_ID } from "~/configs/env";
+import { jotformScript } from "~/helpers/jotform_script";
+import { LayoutDefault } from "~/layouts";
+
+
+
+
+
+export const SurveyForm = () => {
+  const [searchParams] = useSearchParams();
+
+  const email = searchParams.get("email") || "";
+
+  useEffect(() => {
+    jotformScript(CANCER_SURVEY_ID);
+  }, []);
+  return (
+    <LayoutDefault>
+      <div className="mb-10 flex h-screen flex-col">
+        <iframe
+          id={`JotFormIFrame-${CANCER_SURVEY_ID}`}
+          title=""
+          onLoad={() => window.parent.scrollTo(0, 0)}
+          allow="geolocation; microphone; camera"
+          allowTransparency={true}
+          allowFullScreen={true}
+          src={`https://form.jotform.com/${CANCER_SURVEY_ID}?email=${email}`}
+          className="h-full w-full"
+          style={{
+            minWidth: "100%",
+            height: "539px",
+            border: "none",
+          }}
+        ></iframe>
+      </div>
+    </LayoutDefault>
+  );
+};