[Onboarding] Increasing telemetry coverage

packages/kbn-search-api-keys-components/src/components/api_key_form.tsx

@@ -43,6 +43,7 @@ export const ApiKeyForm: React.FC<ApiKeyFormProps> = ({ hasTitle = true }) => {
         value={displayedApiKey}
         copyValue={apiKey}
         dataTestSubj="apiKeyFormAPIKey"
+        copyValueDataTestSubj="APIKeyButtonCopy"
         actions={[
           <EuiButtonIcon
             iconType={apiKeyIsVisible ? 'eyeClosed' : 'eye'}

packages/kbn-try-in-console/components/try_in_console_button.tsx

@@ -29,6 +29,8 @@ export interface TryInConsoleButtonProps {
   content?: string | React.ReactElement;
   showIcon?: boolean;
   type?: 'link' | 'button' | 'emptyButton';
+  telemetryId?: string;
+  onClick?: () => void;
 }
 export const TryInConsoleButton = ({
   request,
@@ -38,6 +40,8 @@ export const TryInConsoleButton = ({
   content = RUN_IN_CONSOLE,
   showIcon = true,
   type = 'emptyButton',
+  telemetryId,
+  onClick: onClickProp,
 }: TryInConsoleButtonProps) => {
   const url = sharePlugin?.url;
   const canShowDevtools = !!application?.capabilities?.dev_tools?.show;
@@ -65,6 +69,7 @@ export const TryInConsoleButton = ({
     } else {
       window.open(consolePreviewLink, '_blank', 'noreferrer');
     }
+    onClickProp?.();
   };
 
   const getAriaLabel = () => {
@@ -84,6 +89,7 @@ export const TryInConsoleButton = ({
   const commonProps = {
     'data-test-subj': type === 'link' ? 'tryInConsoleLink' : 'tryInConsoleButton',
     'aria-label': getAriaLabel(),
+    'data-telemetry-id': telemetryId,
     onClick,
   };
   const iconType = showIcon ? 'play' : undefined;

x-pack/packages/search/shared_ui/src/form_info_field/form_info_field.tsx

@@ -23,6 +23,7 @@ interface FormInfoFieldProps {
   value: string;
   copyValue?: string;
   dataTestSubj?: string;
+  copyValueDataTestSubj?: string;
 }
 
 export const FormInfoField: React.FC<FormInfoFieldProps> = ({
@@ -31,6 +32,7 @@ export const FormInfoField: React.FC<FormInfoFieldProps> = ({
   value,
   copyValue,
   dataTestSubj,
+  copyValueDataTestSubj,
 }) => {
   const { euiTheme } = useEuiTheme();
 
@@ -71,6 +73,7 @@ export const FormInfoField: React.FC<FormInfoFieldProps> = ({
             <EuiButtonIcon
               onClick={copy}
               iconType="copy"
+              data-test-subj={copyValueDataTestSubj}
               aria-label={i18n.translate('xpack.searchSharedUI.formInfoField.copyMessage', {
                 defaultMessage: 'Copy to clipboard',
               })}

x-pack/plugins/search_indices/public/analytics/constants.ts

@@ -9,10 +9,13 @@ export enum AnalyticsEvents {
   startPageOpened = 'start_page_opened',
   startPageShowCodeClick = 'start_page_show_code',
   startPageShowCreateIndexUIClick = 'start_page_show_create_index_ui',
+  startCreateIndexPageModifyIndexName = 'start_modify_index_name',
   startCreateIndexClick = 'start_create_index',
   startCreateIndexLanguageSelect = 'start_code_lang_select',
   startCreateIndexCodeCopyInstall = 'start_code_copy_install',
   startCreateIndexCodeCopy = 'start_code_copy',
+  startCreateIndexRunInConsole = 'start_cta_run_in_console',
+  startCreateIndexCreatedRedirect = 'start_index_created_api',
   startFileUploadClick = 'start_file_upload',
   indexDetailsInstallCodeCopy = 'index_details_code_copy_install',
   indexDetailsAddMappingsCodeCopy = 'index_details_add_mappings_code_copy',

x-pack/plugins/search_indices/public/components/connection_details/connection_details.tsx

@@ -23,6 +23,7 @@ export const ConnectionDetails: React.FC = () => {
       value={elasticsearchUrl}
       copyValue={elasticsearchUrl}
       dataTestSubj="connectionDetailsEndpoint"
+      copyValueDataTestSubj="connectionDetailsEndpointCopy"
     />
   );
 };

x-pack/plugins/search_indices/public/components/start/create_index.tsx

@@ -54,6 +54,7 @@ export const CreateIndexForm = ({
 }: CreateIndexFormProps) => {
   const { application } = useKibana().services;
   const [indexNameHasError, setIndexNameHasError] = useState<boolean>(false);
+  const [defaultIndexName] = useState<string>(formState.indexName);
   const usageTracker = useUsageTracker();
   const { createIndex, isLoading } = useCreateIndex();
   const onCreateIndex = useCallback(
@@ -63,9 +64,14 @@ export const CreateIndexForm = ({
         return;
       }
       usageTracker.click(AnalyticsEvents.startCreateIndexClick);
+
+      if (defaultIndexName !== formState.indexName) {
+        usageTracker.click(AnalyticsEvents.startCreateIndexPageModifyIndexName);
+      }
+
       createIndex({ indexName: formState.indexName });
     },
-    [usageTracker, createIndex, formState.indexName]
+    [usageTracker, createIndex, formState.indexName, defaultIndexName]
   );
   const onIndexNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const newIndexName = e.target.value;

x-pack/plugins/search_indices/public/components/start/create_index_code.tsx

@@ -86,6 +86,13 @@ export const CreateIndexCodeView = ({
               application={application}
               sharePlugin={share}
               consolePlugin={consolePlugin}
+              telemetryId={`${selectedLanguage}_create_index`}
+              onClick={() => {
+                usageTracker.click([
+                  AnalyticsEvents.startCreateIndexRunInConsole,
+                  `${AnalyticsEvents.startCreateIndexRunInConsole}_${selectedLanguage}`,
+                ]);
+              }}
             />
           </EuiFlexItem>
         )}

x-pack/plugins/search_indices/public/components/start/hooks/use_indices_redirect.tsx

@@ -12,11 +12,14 @@ import type { IndicesStatusResponse } from '../../../../common';
 import { useKibana } from '../../../hooks/use_kibana';
 
 import { navigateToIndexDetails } from './utils';
+import { useUsageTracker } from '../../../contexts/usage_tracker_context';
+import { AnalyticsEvents } from '../../../analytics/constants';
 
 export const useIndicesRedirect = (indicesStatus?: IndicesStatusResponse) => {
   const { application, http } = useKibana().services;
   const [lastStatus, setLastStatus] = useState<IndicesStatusResponse | undefined>(() => undefined);
   const [hasDoneRedirect, setHasDoneRedirect] = useState(() => false);
+  const usageTracker = useUsageTracker();
   return useEffect(() => {
     if (hasDoneRedirect) {
       return;
@@ -36,9 +39,18 @@ export const useIndicesRedirect = (indicesStatus?: IndicesStatusResponse) => {
     if (indicesStatus.indexNames.length === 1) {
       navigateToIndexDetails(application, http, indicesStatus.indexNames[0]);
       setHasDoneRedirect(true);
+      usageTracker.click(AnalyticsEvents.startCreateIndexCreatedRedirect);
       return;
     }
     application.navigateToApp('management', { deepLinkId: 'index_management' });
     setHasDoneRedirect(true);
-  }, [application, http, indicesStatus, lastStatus, hasDoneRedirect]);
+  }, [
+    application,
+    http,
+    indicesStatus,
+    lastStatus,
+    setHasDoneRedirect,
+    usageTracker,
+    hasDoneRedirect,
+  ]);
 };