chore(schema, telemetry): add and update schema telemetry events COMPASS-8818 (#6723)

Author: Anemy

packages/compass-schema/src/components/compass-schema.tsx

@@ -446,7 +446,7 @@ export default connect(
   }),
   {
     onStartAnalysis: startAnalysis,
-    onStopAnalysis: stopAnalysis,
+    onStopAnalysis: () => stopAnalysis(),
     onExportSchemaClicked: openExportSchema,
   }
 )(Schema);

packages/compass-schema/src/components/export-schema-legacy-banner.tsx

@@ -13,7 +13,7 @@ import {
 
 import type { RootState, SchemaThunkDispatch } from '../stores/store';
 import {
-  confirmedLegacySchemaShare,
+  confirmedExportLegacySchemaToClipboard,
   switchToSchemaExport,
   SchemaExportActions,
   stopShowingLegacyBanner,
@@ -539,7 +539,7 @@ export default connect(
   }),
   (dispatch: SchemaThunkDispatch) => ({
     onClose: () => dispatch({ type: SchemaExportActions.closeLegacyBanner }),
-    onLegacyShare: () => dispatch(confirmedLegacySchemaShare()),
+    onLegacyShare: () => dispatch(confirmedExportLegacySchemaToClipboard()),
     onSwitchToSchemaExport: () => dispatch(switchToSchemaExport()),
     stopShowingLegacyBanner: (choice: 'legacy' | 'export') =>
       dispatch(stopShowingLegacyBanner(choice)),

packages/compass-schema/src/components/export-schema-modal.tsx

@@ -21,6 +21,7 @@ import {
   cancelExportSchema,
   changeExportSchemaFormat,
   closeExportSchema,
+  trackSchemaExported,
   type SchemaFormat,
   type ExportStatus,
 } from '../stores/schema-export-reducer';
@@ -75,6 +76,7 @@ const ExportSchemaModal: React.FunctionComponent<{
   onCancelSchemaExport: () => void;
   onChangeSchemaExportFormat: (format: SchemaFormat) => Promise<void>;
   onClose: () => void;
+  onExportedSchemaCopied: () => void;
 }> = ({
   errorMessage,
   exportStatus,
@@ -84,6 +86,7 @@ const ExportSchemaModal: React.FunctionComponent<{
   onCancelSchemaExport,
   onChangeSchemaExportFormat,
   onClose,
+  onExportedSchemaCopied,
 }) => {
   const onFormatOptionSelected = useCallback(
     (event: ChangeEvent<HTMLInputElement>) => {
@@ -143,6 +146,7 @@ const ExportSchemaModal: React.FunctionComponent<{
               language="json"
               className={codeStyles}
               copyable={true}
+              onCopy={onExportedSchemaCopied}
             >
               {exportedSchema ?? 'Empty'}
             </Code>
@@ -163,7 +167,7 @@ const ExportSchemaModal: React.FunctionComponent<{
         </Button>
         <Button
           onClick={() => {
-            /* TODO(COMPASS-8704) */
+            /* TODO(COMPASS-8704): download and track with trackSchemaExported */
           }}
           variant="primary"
         >
@@ -183,6 +187,7 @@ export default connect(
     exportedSchema: state.schemaExport.exportedSchema,
   }),
   {
+    onExportedSchemaCopied: trackSchemaExported,
     onCancelSchemaExport: cancelExportSchema,
     onChangeSchemaExportFormat: changeExportSchemaFormat,
     onClose: closeExportSchema,