[FEATURE][CU-86drct9ww] Differentiate/Identify users who came in via /pilot and via /c-org

apps/eo_web/dist/manifest.json

@@ -8,17 +8,17 @@
     "src": "../../packages/ui/src/assets/avatar.svg"
   },
   "src/main.css": {
-    "file": "assets/main-d3160e96.css",
+    "file": "assets/main-ddf6ac53.css",
     "src": "src/main.css"
   },
   "src/main.tsx": {
     "assets": [
       "assets/UploadFile-694e44b5.svg"
     ],
     "css": [
-      "assets/main-d3160e96.css"
+      "assets/main-ddf6ac53.css"
     ],
-    "file": "assets/main-6d1547c3.js",
+    "file": "assets/main-26785659.js",
     "isEntry": true,
     "src": "src/main.tsx"
   }

apps/eo_web/src/api/useApi.ts

@@ -129,7 +129,6 @@ export const useApi = () => {
     await apiElixir.post<LaravelSuccessBase<unknown> | LaravelErrorValidation>(
       "/v2/profiles/eligible",
       { email },
-      authHeader,
     );
 
   const postCancerFormSubmission = async (data: object) =>

apps/eo_web/src/screens/ProfilingThankYou.tsx

@@ -7,23 +7,22 @@ import { toast } from "react-toastify";
 import { Typography } from "@eo/ui";
 
 import { useApi } from "~/api/useApi";
+import { AllDonePanel } from "~/components/AllDonePanel";
+import { FAQs } from "~/components/FAQs";
+import { HowEOWorks } from "~/components/HowEOWorks";
+import { WEB_APP_URL } from "~/configs/env";
 import { useMount } from "~/hooks/useMount";
 import { LayoutDefault } from "~/layouts";
 import { FooterFull } from "~/layouts/FooterFull";
 import { ROUTES } from "~/router";
 import { useProfilingStore } from "~/stores/useProfilingStore";
-import { FAQs } from "~/components/FAQs";
-import { HowEOWorks } from "~/components/HowEOWorks";
-import { AllDonePanel } from "~/components/AllDonePanel";
-import { WEB_APP_URL } from "~/configs/env";
 
 
 export const ProfilingThankYou = () => {
   const [searchParams] = useSearchParams();
 
-  const { account, introQuestionSubmissionId, channel, usePayment } = useProfilingStore(
-    (state) => state,
-  );
+  const { account, introQuestionSubmissionId, channel, usePayment, flow } =
+    useProfilingStore((state) => state);
   const submissionId = searchParams.get("submission_id") || "";
 
   const navigate = useNavigate();
@@ -63,6 +62,7 @@ export const ProfilingThankYou = () => {
       agree_receive_notifications: account.agreeReceiveNotifications,
       agree_terms_and_conditions: account.agreeTermsAndConditions,
       channel,
+      flow,
     }),
   );
 
@@ -76,19 +76,20 @@ export const ProfilingThankYou = () => {
         <Typography
           variant="base"
           font="regular"
-          className="text-center text-[22px] font-normal leading-[36px] max-w-3xl"
+          className="max-w-3xl text-center text-[22px] font-normal leading-[36px]"
         >
           You’ll be able to review your initial, personalized,
-          clinician-approved care plan within 24 hours. When your care plan is ready, we
-          will send you an email with a link to{" "}
+          clinician-approved care plan within 24 hours. When your care plan is
+          ready, we will send you an email with a link to{" "}
           <span className="cursor-pointer underline" onClick={goToWebApp}>
             log into your account.
           </span>
           <br />
           <br />
-          Have questions? We’re here. Email [email protected], call <a href="tel:+1-877-707-0706">877-707-0706</a>, or {" "}
+          Have questions? We’re here. Email [email protected], call{" "}
+          <a href="tel:+1-877-707-0706">877-707-0706</a>, or{" "}
           <a
-            className="cursor-pointer underline font-new-hero text-[22px]"
+            className="cursor-pointer font-new-hero text-[22px] underline"
             href="https://eo-care-telemed.as.me/schedule.php"
             target="_blank"
           >

apps/eo_web/src/screens/UserRolSelector.tsx

@@ -10,6 +10,7 @@ import { ROUTES } from "~/router";
 import {
   useProfilingStore,
   type Channel,
+  type Flows,
   type Type,
 } from "~/stores/useProfilingStore";
 
@@ -21,6 +22,7 @@ export const UserRolSelector = () => {
   const origin = searchParams.get("origin") ?? "localhost:5173";
   const channel = searchParams.get("channel") as Channel;
   const symptoms = searchParams.get("symptoms") ?? "";
+  const flow: Flows = (searchParams.get("flow") as Flows) ?? "marketing_site";
 
   const {
     setChannel,
@@ -29,10 +31,12 @@ export const UserRolSelector = () => {
     setUsePayment,
     resetProfilingStore,
     setOrigin,
+    setFlow,
   } = useProfilingStore((state) => state);
 
   const redirectForm = (type: Type) => {
     setOrigin(origin);
+    setFlow(flow);
     setSymptoms(symptoms.split(","));
     setChannel(channel);
     setType(type);
@@ -62,7 +66,7 @@ export const UserRolSelector = () => {
                 className={tw(
                   "flex h-12 items-center justify-start gap-2 rounded border border-solid border-gray-800 px-[15px] py-[9px] font-nunito text-gray-800 lg:w-1/2",
                   selectedValue === "Patient" &&
-                  "border-[#5AADFD] bg-[#5AADFD] bg-opacity-20",
+                    "border-[#5AADFD] bg-[#5AADFD] bg-opacity-20",
                 )}
                 onClick={() => setSelectedValue("Patient")}
               >
@@ -94,7 +98,7 @@ export const UserRolSelector = () => {
                 className={tw(
                   "flex h-12 items-center justify-start gap-2 rounded border border-solid border-gray-800 px-[15px] py-[9px] font-nunito text-gray-800 lg:w-1/2",
                   selectedValue === "Caregiver" &&
-                  "border-[#5AADFD] bg-[#5AADFD] bg-opacity-20",
+                    "border-[#5AADFD] bg-[#5AADFD] bg-opacity-20",
                 )}
                 onClick={() => setSelectedValue("Caregiver")}
               >

apps/eo_web/src/stores/useProfilingStore.ts

@@ -19,6 +19,12 @@ export interface Account {
 
 export type Type = "Patient" | "Caregiver" | null;
 
+export type Flows =
+  | "c_org"
+  | "marketing_site"
+  | "cancer_pilot"
+  | "employer_center";
+
 export interface ProfilingStore {
   symptoms: string[];
   channel: Channel | null;
@@ -29,6 +35,7 @@ export interface ProfilingStore {
   origin: string;
   experience: string;
   account: Account;
+  flow: Flows;
   setAccountData: (account: Account) => void;
   setChannel: (channel: Channel) => void;
   setType: (type: Type) => void;
@@ -39,6 +46,7 @@ export interface ProfilingStore {
   resetProfilingStore: () => void;
   setOrigin: (origin: string) => void;
   setExperience: (experience: string) => void;
+  setFlow: (flow: Flows) => void;
 }
 
 const defaultState = {
@@ -59,6 +67,7 @@ const defaultState = {
     agreeTermsAndConditions: false,
   },
   usePayment: true,
+  flow: "marketing-site" as Flows,
 };
 
 export const useProfilingStore = create<ProfilingStore>()(
@@ -94,6 +103,9 @@ export const useProfilingStore = create<ProfilingStore>()(
       setExperience: (experience: string) => {
         set({ experience });
       },
+      setFlow: (flow: Flows) => {
+        set({ flow });
+      },
       ...defaultState,
     }),
     {