C org thank you pages (#102)

* feat: c-org thank you page

* refactor: move logic inside FAQs

apps/eo_web/dist/manifest.json

@@ -18,7 +18,7 @@
     "css": [
       "assets/main-ddf44b1d.css"
     ],
-    "file": "assets/main-00c7f2f9.js",
+    "file": "assets/main-a00cb248.js",
     "isEntry": true,
     "src": "src/main.tsx"
   }

apps/eo_web/src/components/FAQs.tsx

@@ -1,14 +1,21 @@
 import { Typography } from '@eo/ui'
 import React from 'react'
-import { faqs, pilotFaqs } from '~/copy/copy'
+import { faqs, cOrgFaqs, pilotFaqs } from '~/copy/copy'
 import { Collapsible } from './Collapsible'
+import { type Channel } from '~/stores/useProfilingStore'
 
 interface FAQsProps {
-  pilot?: boolean
+  usePayment?: boolean
+  flow?: string
+  channel?: Channel
 }
 
-export const FAQs = ({ pilot = false }: FAQsProps) => {
-  const faqList = pilot ? pilotFaqs : faqs
+export const FAQs = ({ usePayment = false, channel, flow }: FAQsProps) => {
+  const flowsWithCOrgFaqs = ["c_org", "twist_out_cancer", "resource_center_1", "resource_center_2"]
+  let faqList = faqs
+  if (flow && flowsWithCOrgFaqs.includes(flow)) faqList = cOrgFaqs
+  else if (channel === "cancer" && !usePayment) faqList = pilotFaqs
+
   return (
     <section className="px-6 py-12 md:mx-0 md:my-[100px]">
       <div className="mx-auto my-0 flex max-w-[900px] flex-col">

apps/eo_web/src/copy/copy.tsx

@@ -101,6 +101,90 @@ export const CarrouselItems = [
   },
 ];
 
+export const cOrgFaqs: Copy[] = [
+  {
+    title: "How much does EO cost?",
+    content: "As a valued member of our community, your care is completely free. This includes your clinician-reviewed plan, ongoing plan optimization based on your feedback and unlimited phone calls and in-app messaging with our care team. Note that the cost of your recommended products is NOT included in your plan unless you’re participating in an EO clinical pilot.",
+  },
+  {
+    title: "Do I order the products that are included in my care plan or do you do it for me?",
+    content: "After you’ve approved your recommended products, we’ll order your THC products for you and let you know when they’re ready for pick-up. You can order any non-THC products (e.g. CBD, CBN or CBG products) directly from our recommended retail partners for home delivery.",
+  },
+  {
+    title: "Do I need a medical card to use EO?",
+    content: "No. You can use EO without a medical card. We’ll ask you about your medical card status when you’re sharing your profile information.",
+  },
+  {
+    title: "What should I bring with me when I pick-up my products?",
+    content: "Bring your valid medical card (if you have one), a state I.D. or driver’s license and a debit card or enough cash to pay for products.",
+  },
+  {
+    title: "How long should it take my clinical and member services teams to respond to a message, email or phone question/ inquiry?",
+    content: "No more than 24 hours and typically within 2-3 hours.",
+  },
+  {
+    title: "Why can’t I see my initial care plan as soon as I submit my profile information? ",
+    content: "Every profile submitted and piece of feedback provided is initially assessed by our proprietary data model and a draft care plan or care plan update is created. That plan is then closely reviewed and edited as needed by a licensed EO clinician. This can take as long as 24 hours or this can take as little as an hour, depending on the complexity of your profile, your care plan and clinician availability.",
+  },
+  {
+    title: "How do you decide which products, doses and times of use are most right for me?",
+    content: (
+      <>
+        The EO data model and your clinical team bases all recommendations on
+        relevant aspects of your medical history, cannabis use history, your daily
+        schedule and the feedback you provide as you use your care plan.
+        <br />
+        <br />
+        The model and your team also considers the profiles, experiences and
+        feedback provided by other EO patients like you and the recommendations
+        of our proprietary data model. And your clinical team (of course) always
+        draws upon their extensive cannabis treatment and research experience to
+        provide the best possible care for you.
+      </>
+    ),
+  },
+  {
+    title: "What happens if I miss a dose?",
+    content: "Just take your next dose as scheduled!",
+  },
+  {
+    title: "What happens if I’m late taking a dose? ",
+    content: "If you’re less than 30 minutes late, go ahead and take your scheduled dose (also be sure to take the next dose at the originally scheduled time). If you’re more than 30 minutes late just wait for your next scheduled dose.",
+  },
+  {
+    title: "What happens if I miss an opportunity to provide feedback?",
+    content: "Needless to say, the more feedback you provide, the better we can care for you. However, we know sometimes schedules change and life happens. If you can’t provide feedback when prompted, don’t worry. Just keep going as guided.",
+  },
+  {
+    title: "How long should it take to get my cannabis regimen “right”?",
+    content: (
+      <>
+        Everyone is different when it comes to the time it takes to reach
+        satisfaction with a care plan. For some, all it takes is a few days
+        or a week or two. For others, it can take longer.
+        <br />
+        <br />
+        It’s important to note, however, that very few people retain a static
+        relationship to cannabis for long periods of time. Products, doses
+        and times of use typically change as your reasons for use, symptoms,
+        cannabis tolerance, body and daily schedule evolves.
+        <br />
+        <br />
+        As your feedback and needs change, we’ll be with you to alter and
+        optimize your care plan, guide your care and answer your questions.
+      </>
+    )
+  },
+  {
+    title: "Can I use a different dispensary or delivery provider than the one you’ve recommended? ",
+    content: "The answer is an honest “maybe”. If you’d like to make a change just email us at [email protected] or call 888-823-6143. We’ll do everything we can to accommodate your request.",
+  },
+  {
+    title: "What happens if I run out of a particular product?",
+    content: "No problem. Just email us at [email protected] or call 888-823-6143. We’ll update your care plan in the very near term to accommodate the absence of that product if/as appropriate and coordinate the ordering of the needed product or a responsible replacement.",
+  },
+];
+
 export const pilotFaqs: Copy[] = [
   {
     title: "How much does EO cost?",

apps/eo_web/src/screens/Cancer/CancerSurveyThankYou.tsx

@@ -20,7 +20,7 @@ export const CancerSurveyThankYou = () => {
   const [searchParams] = useSearchParams();
 
   const { email, phase } = useSurveyStore();
-  const { usePayment } = useProfilingStore();
+  const { usePayment, flow } = useProfilingStore();
 
   const submission_id = searchParams.get("submission_id") ?? "";
 
@@ -73,7 +73,7 @@ export const CancerSurveyThankYou = () => {
         </Typography>
       </AllDonePanel>
       <HowEOWorks pilot={!usePayment} />
-      <FAQs pilot={!usePayment} />
+      <FAQs channel="cancer" flow={flow} usePayment={usePayment} />
       <FooterFull />
     </LayoutDefault>
   );

apps/eo_web/src/screens/ProfilingThankYou.tsx

@@ -99,7 +99,7 @@ export const ProfilingThankYou = () => {
         </Typography>
       </AllDonePanel>
       <HowEOWorks pilot={channel === "cancer" && !usePayment} />
-      <FAQs pilot={channel === "cancer" && !usePayment} />
+      <FAQs channel={channel ?? undefined} flow={flow} usePayment={usePayment} />
       <FooterFull />
     </LayoutDefault>
   );

apps/eo_web/src/screens/Senior/SeniorSurveyThankYou.tsx

@@ -70,7 +70,7 @@ export const SeniorSurveyThankYou = () => {
         </Typography>
       </AllDonePanel>
       <HowEOWorks />
-      <FAQs />
+      <FAQs channel="senior" />
       <FooterFull />
     </LayoutDefault>
   );

apps/eo_web/src/stores/useProfilingStore.ts

@@ -21,7 +21,9 @@ export type Flows =
   | "cancer_pilot"
   | "employer_center"
   | "cancer_support_community"
-  | "twist_out_cancer";
+  | "twist_out_cancer"
+  | "resource_center_1"
+  | "resource_center_2";
 
 export interface ProfilingStore {
   symptoms: string[];