feat(project-creation): Add analytics code (#49608)

static/app/components/onboarding/frameworkSuggestionModal.tsx

@@ -78,12 +78,15 @@ export function FrameworkSuggestionModal({
   );
 
   useEffect(() => {
-    if (newOrg) {
-      trackAnalytics('onboarding.select_framework_modal_rendered', {
+    trackAnalytics(
+      newOrg
+        ? 'onboarding.select_framework_modal_rendered'
+        : 'project_creation.select_framework_modal_rendered',
+      {
         platform: selectedPlatform.key,
         organization,
-      });
-    }
+      }
+    );
   }, [selectedPlatform.key, organization, newOrg]);
 
   const handleConfigure = useCallback(() => {
@@ -91,13 +94,16 @@ export function FrameworkSuggestionModal({
       return;
     }
 
-    if (newOrg) {
-      trackAnalytics('onboarding.select_framework_modal_configure_sdk_button_clicked', {
+    trackAnalytics(
+      newOrg
+        ? 'onboarding.select_framework_modal_configure_sdk_button_clicked'
+        : 'project_creation.select_framework_modal_configure_sdk_button_clicked',
+      {
         platform: selectedPlatform.key,
         framework: selectedFramework.key,
         organization,
-      });
-    }
+      }
+    );
 
     onConfigure(selectedFramework);
     closeModal();
@@ -111,12 +117,15 @@ export function FrameworkSuggestionModal({
   ]);
 
   const handleSkip = useCallback(() => {
-    if (newOrg) {
-      trackAnalytics('onboarding.select_framework_modal_skip_button_clicked', {
+    trackAnalytics(
+      newOrg
+        ? 'onboarding.select_framework_modal_skip_button_clicked'
+        : 'project_creation.select_framework_modal_skip_button_clicked',
+      {
         platform: selectedPlatform.key,
         organization,
-      });
-    }
+      }
+    );
     onSkip();
     closeModal();
   }, [selectedPlatform, organization, closeModal, onSkip, newOrg]);

static/app/utils/analytics.tsx

@@ -45,6 +45,10 @@ import {
   profilingEventMap,
   ProfilingEventParameters,
 } from './analytics/profilingAnalyticsEvents';
+import {
+  projectCreationEventMap,
+  ProjectCreationEventParameters,
+} from './analytics/projectCreationAnalyticsEvents';
 import {
   releasesEventMap,
   ReleasesEventParameters,
@@ -82,7 +86,8 @@ type EventParameters = GrowthEventParameters &
   StackTraceEventParameters &
   AiSuggestedSolutionEventParameters &
   EcosystemEventParameters &
-  IntegrationEventParameters;
+  IntegrationEventParameters &
+  ProjectCreationEventParameters;
 
 const allEventMap: Record<string, string | null> = {
   ...coreUIEventMap,
@@ -104,6 +109,7 @@ const allEventMap: Record<string, string | null> = {
   ...aiSuggestedSolutionEventMap,
   ...ecosystemEventMap,
   ...integrationEventMap,
+  ...projectCreationEventMap,
 };
 
 /**

static/app/utils/analytics/projectCreationAnalyticsEvents.tsx

@@ -0,0 +1,29 @@
+export type ProjectCreationEventParameters = {
+  'project_creation.select_framework_modal_close_button_clicked': {
+    platform: string;
+  };
+  'project_creation.select_framework_modal_configure_sdk_button_clicked': {
+    framework: string;
+    platform: string;
+  };
+  'project_creation.select_framework_modal_rendered': {
+    platform: string;
+  };
+  'project_creation.select_framework_modal_skip_button_clicked': {
+    platform: string;
+  };
+};
+
+export const projectCreationEventMap: Record<
+  keyof ProjectCreationEventParameters,
+  string
+> = {
+  'project_creation.select_framework_modal_close_button_clicked':
+    'Project Creation: Framework Modal Close Button Clicked',
+  'project_creation.select_framework_modal_configure_sdk_button_clicked':
+    'Project Creation: Framework Modal Configure SDK Button Clicked',
+  'project_creation.select_framework_modal_rendered':
+    'Project Creation: Framework Modal Rendered',
+  'project_creation.select_framework_modal_skip_button_clicked':
+    'Project Creation: Framework Modal Skip Button Clicked',
+};

static/app/views/projectInstall/createProject.tsx

@@ -178,6 +178,12 @@ function CreateProject() {
       ),
       {
         modalCss,
+        onClose: () => {
+          trackAnalytics('project_creation.select_framework_modal_close_button_clicked', {
+            platform: selectedPlatform.key,
+            organization,
+          });
+        },
       }
     );
   }, [platform, createProject, organization]);