[FEATURE][86dqm7ndu] Add experience with cannabis

apps/eo_web/dist/manifest.json

@@ -8,17 +8,17 @@
     "src": "../../packages/ui/src/assets/avatar.svg"
   },
   "src/main.css": {
-    "file": "assets/main-20667dcd.css",
+    "file": "assets/main-32c26137.css",
     "src": "src/main.css"
   },
   "src/main.tsx": {
     "assets": [
       "assets/UploadFile-694e44b5.svg"
     ],
     "css": [
-      "assets/main-20667dcd.css"
+      "assets/main-32c26137.css"
     ],
-    "file": "assets/main-03507f56.js",
+    "file": "assets/main-d8248ea6.js",
     "isEntry": true,
     "src": "src/main.tsx"
   }

apps/eo_web/src/screens/AccountCreation.tsx

@@ -63,6 +63,7 @@ export const AccountCreation = () => {
     setIntroQuestionSubmissionId,
     channel,
     setState,
+    setExperience,
   } = useProfilingStore((state) => state);
   // const navigate = useNavigate();
   const { eligibleEmail } = useApi();
@@ -108,6 +109,8 @@ export const AccountCreation = () => {
   useMount(() => {
     const submissionId = useParams.get("submission_id");
     const state = useParams.get("state");
+    const experience = useParams.get("experience") ?? "";
+
     if (!submissionId) {
       toast.error(
         <p>
@@ -118,6 +121,7 @@ export const AccountCreation = () => {
     } else {
       setState(state);
       setIntroQuestionSubmissionId(submissionId);
+      setExperience(experience);
     }
   });
 
@@ -134,7 +138,12 @@ export const AccountCreation = () => {
               Create an Account
             </Typography>
 
-            <div className="grid grid-cols-2 gap-0 md:gap-4">
+            <div
+              className="grid grid-cols-2 gap-0 md:gap-4"
+              style={{
+                padding: "0 !important",
+              }}
+            >
               <Input
                 id={"firstName"}
                 type="text"
@@ -154,7 +163,12 @@ export const AccountCreation = () => {
                 placeholder="Last Name*"
               />
             </div>
-            <div className="grid grid-cols-2 gap-0 md:gap-4">
+            <div
+              className="grid grid-cols-2 gap-0 md:gap-4"
+              style={{
+                padding: "0 !important",
+              }}
+            >
               <Input
                 id={"email"}
                 placeholder="Email*"
@@ -176,7 +190,12 @@ export const AccountCreation = () => {
                 error={errors.password?.message}
               />
             </div>
-            <div className="grid grid-cols-2 gap-0 md:gap-4">
+            <div
+              className="grid grid-cols-2 gap-0 md:gap-4"
+              style={{
+                padding: "0 !important",
+              }}
+            >
               <Input
                 id={"phoneNumber"}
                 placeholder="Phone number*"
@@ -229,7 +248,7 @@ export const AccountCreation = () => {
                       <a
                         href="https://www.eo.care/web/terms-of-use"
                         target="_blank"
-                        className="underline"
+                        className="!font-nunito !text-[11px] !font-light underline"
                         rel="noreferrer"
                       >
                         Terms of Service
@@ -238,7 +257,7 @@ export const AccountCreation = () => {
                       <a
                         href="https://www.eo.care/web/privacy-policy"
                         target="_blank"
-                        className="underline"
+                        className="!font-nunito !text-[11px] !font-light underline"
                         rel="noreferrer"
                       >
                         Privacy Policy{" "}

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

@@ -12,15 +12,15 @@ import { useProfilingStore } from "~/stores/useProfilingStore";
 
 
 export const Profiling = () => {
-  const { type, symptoms, state, usePayment, origin } = useProfilingStore(
-    (state) => state,
-  );
+  const { type, symptoms, state, usePayment, origin, experience } =
+    useProfilingStore((state) => state);
 
   const searchParam = new URLSearchParams({
     states: state ?? "",
     symptoms: symptoms.join(","),
     payment: usePayment ? "yes" : "no",
     origin,
+    experience,
   });
 
   const navigate = useNavigate();

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

@@ -9,14 +9,14 @@ import { useProfilingStore } from "~/stores/useProfilingStore";
 
 
 export const Profiling = () => {
-  const { type, symptoms, state, usePayment, origin } = useProfilingStore(
-    (state) => state,
-  );
+  const { type, symptoms, state, usePayment, origin, experience } =
+    useProfilingStore((state) => state);
   const searchParam = new URLSearchParams({
     states: state ?? "",
     symptoms: symptoms.join(","),
     payment: usePayment ? "yes" : "no",
     origin,
+    experience,
   });
   const navigate = useNavigate();
 

apps/eo_web/src/screens/UserRolSelector.tsx

@@ -26,7 +26,7 @@ export const UserRolSelector = () => {
   const redirectForm = (type: Type) => {
     const channel = searchParams.get("channel") as Channel;
     const symptoms = searchParams.get("symptoms") ?? "";
-    const origin = searchParams.get("origin") ?? "http://localhost:5173";
+    const origin = searchParams.get("origin") ?? "localhost:5173";
 
     setOrigin(origin);
     setSymptoms(symptoms.split(","));

apps/eo_web/src/stores/useProfilingStore.ts

@@ -27,6 +27,7 @@ export interface ProfilingStore {
   introQuestionSubmissionId?: string | null;
   usePayment: boolean;
   origin: string;
+  experience: string;
   account: Account;
   setAccountData: (account: Account) => void;
   setChannel: (channel: Channel) => void;
@@ -37,6 +38,7 @@ export interface ProfilingStore {
   setUsePayment: (usePayment: boolean) => void;
   resetProfilingStore: () => void;
   setOrigin: (origin: string) => void;
+  setExperience: (experience: string) => void;
 }
 
 const defaultState = {
@@ -46,6 +48,7 @@ const defaultState = {
   symptoms: [],
   state: null,
   origin: "",
+  experience: "",
   account: {
     email: "",
     password: "",
@@ -88,6 +91,9 @@ export const useProfilingStore = create<ProfilingStore>()(
       setOrigin: (origin: string) => {
         set({ origin });
       },
+      setExperience: (experience: string) => {
+        set({ experience });
+      },
       ...defaultState,
     }),
     {

packages/ui/src/form/Input.tsx

@@ -49,7 +49,7 @@ export const Input = forwardRef(
     const [showPassword, setShowPassword] = useState(false);
 
     return (
-      <div style={style} className={tw("relative ", containerClassName)}>
+      <div style={style} className={tw("relative", containerClassName)}>
         {!!label && <Label htmlFor={id} className="" label={label} />}
         <div
           className={tw(
@@ -58,7 +58,12 @@ export const Input = forwardRef(
           )}
         >
           {(!!left || type === "password") && (
-            <div className="pointer-events-none absolute pl-3">
+            <div
+              className="pointer-events-none pl-3"
+              style={{
+                position: "absolute",
+              }}
+            >
               <IconWrapper size="sm">
                 {left || (
                   <icons.LockIcon
@@ -97,10 +102,13 @@ export const Input = forwardRef(
             <IconWrapper
               size="sm"
               className={tw(
-                "absolute right-0 flex flex-row items-center justify-center",
+                "right-0 flex flex-row items-center justify-center",
                 `w-[${rightWidth}px]`,
                 preventEventsRightIcon ? "pointer-events-none" : "",
               )}
+              style={{
+                position: "absolute",
+              }}
             >
               {right ||
                 (showPassword ? (