chore: code refactor

Author: anmolsinghbhatia

apps/web/core/components/onboarding/profile-setup.tsx

@@ -139,7 +139,7 @@ export const ProfileSetup = observer(function ProfileSetup(props: Props) {
       avatar_url: formData.avatar_url ?? undefined,
     };
     const profileUpdatePayload: Partial<TUserProfile> = {
-      use_case: formData.use_case,
+      use_case: formData.use_case && formData.use_case.length > 0 ? formData.use_case.join(". ") : undefined,
       role: formData.role,
     };
     try {
@@ -151,7 +151,7 @@ export const ProfileSetup = observer(function ProfileSetup(props: Props) {
       captureSuccess({
         eventName: USER_TRACKER_EVENTS.add_details,
         payload: {
-          use_case: formData.use_case,
+          use_case: profileUpdatePayload.use_case,
           role: formData.role,
         },
       });
@@ -212,7 +212,7 @@ export const ProfileSetup = observer(function ProfileSetup(props: Props) {
 
   const handleSubmitUserPersonalization = async (formData: TProfileSetupFormValues) => {
     const profileUpdatePayload: Partial<TUserProfile> = {
-      use_case: formData.use_case,
+      use_case: formData.use_case && formData.use_case.length > 0 ? formData.use_case.join(". ") : undefined,
       role: formData.role,
     };
     try {
@@ -223,7 +223,7 @@ export const ProfileSetup = observer(function ProfileSetup(props: Props) {
       captureSuccess({
         eventName: USER_TRACKER_EVENTS.add_details,
         payload: {
-          use_case: formData.use_case,
+          use_case: profileUpdatePayload.use_case,
           role: formData.role,
         },
       });

apps/web/core/components/onboarding/steps/usecase/root.tsx

@@ -36,15 +36,15 @@ export const UseCaseSetupStep = observer(function UseCaseSetupStep({ handleStepC
   } = useForm<TProfileSetupFormValues>({
     defaultValues: {
       ...defaultValues,
-      use_case: profile?.use_case,
+      use_case: profile?.use_case ? profile.use_case.split(". ") : [],
     },
     mode: "onChange",
   });
 
   // handle submit
   const handleSubmitUserPersonalization = async (formData: TProfileSetupFormValues) => {
     const profileUpdatePayload: Partial<TUserProfile> = {
-      use_case: formData.use_case,
+      use_case: formData.use_case && formData.use_case.length > 0 ? formData.use_case.join(". ") : undefined,
     };
     try {
       await Promise.all([
@@ -54,7 +54,7 @@ export const UseCaseSetupStep = observer(function UseCaseSetupStep({ handleStepC
       captureSuccess({
         eventName: USER_TRACKER_EVENTS.add_details,
         payload: {
-          use_case: formData.use_case,
+          use_case: profileUpdatePayload.use_case,
         },
       });
       setToast({

packages/types/src/current-user/profile.ts

@@ -18,7 +18,7 @@ export type TUserProfile = {
   is_onboarded: boolean;
   is_tour_completed: boolean;
 
-  use_case: string[] | undefined;
+  use_case: string | undefined;
 
   billing_address_country: string | undefined;
   billing_address: string | undefined;

packages/types/src/users.ts

@@ -72,7 +72,7 @@ export type TUserProfile = {
   onboarding_step: TOnboardingSteps;
   is_onboarded: boolean;
   is_tour_completed: boolean;
-  use_case: string[] | undefined;
+  use_case: string | undefined;
   billing_address_country: string | undefined;
   billing_address: string | undefined;
   has_billing_address: boolean;