pr 230826

src/platform/packages/shared/deeplinks/search/constants.ts

@@ -9,6 +9,8 @@
 
 export const ENTERPRISE_SEARCH_APP_ID = 'enterpriseSearch';
 export const ENTERPRISE_SEARCH_CONTENT_APP_ID = 'enterpriseSearchContent';
+export const ENTERPRISE_SEARCH_CONNECTORS_ID = `${ENTERPRISE_SEARCH_CONTENT_APP_ID}:connectors`;
+export const ENTERPRISE_SEARCH_WEB_CRAWLERS_ID = `${ENTERPRISE_SEARCH_CONTENT_APP_ID}:webCrawlers`;
 export const ENTERPRISE_SEARCH_APPLICATIONS_APP_ID = 'enterpriseSearchApplications';
 export const ENTERPRISE_SEARCH_ANALYTICS_APP_ID = 'enterpriseSearchAnalytics';
 export const SERVERLESS_ES_APP_ID = 'serverlessElasticsearch';

src/platform/packages/shared/deeplinks/search/index.ts

@@ -10,11 +10,14 @@
 export {
   ENTERPRISE_SEARCH_APP_ID,
   ENTERPRISE_SEARCH_CONTENT_APP_ID,
+  ENTERPRISE_SEARCH_CONNECTORS_ID,
+  ENTERPRISE_SEARCH_WEB_CRAWLERS_ID,
   ENTERPRISE_SEARCH_APPLICATIONS_APP_ID,
   ENTERPRISE_SEARCH_ANALYTICS_APP_ID,
   SERVERLESS_ES_APP_ID,
   SEARCH_HOMEPAGE,
   SERVERLESS_ES_CONNECTORS_ID,
+  SERVERLESS_ES_WEB_CRAWLERS_ID,
   ES_SEARCH_PLAYGROUND_ID,
   SEARCH_INDICES_START,
   SEARCH_INDICES,

x-pack/solutions/search/packages/shared-ui/src/constants.ts

@@ -7,3 +7,6 @@
 
 export const WORKFLOW_LOCALSTORAGE_KEY = 'search_onboarding_workflow';
 export const GLOBAL_EMPTY_STATE_SKIP_KEY = 'search_onboarding_global_empty_state_skip';
+
+// Feature Flags
+export const SEARCH_HOMEPAGE_INGESTION_CTA_FEATURE_FLAG = 'searchSolution.homepage.ingestionCTA';

x-pack/solutions/search/plugins/search_homepage/common/doc_links.ts

@@ -18,6 +18,8 @@ class ESDocLinks {
   public ingestDataToSecurity: string = '';
   public cloudSecurityPosture: string = '';
   public installElasticDefend: string = '';
+  public languageClients: string = '';
+
   constructor() {}
 
   setDocLinks(newDocLinks: DocLinks) {
@@ -31,6 +33,7 @@ class ESDocLinks {
     this.ingestDataToSecurity = newDocLinks.siem.ingestDataToSecurity;
     this.cloudSecurityPosture = newDocLinks.securitySolution.cloudSecurityPosture;
     this.installElasticDefend = newDocLinks.securitySolution.installElasticDefend;
+    this.languageClients = newDocLinks.clients.guide;
   }
 }
 

x-pack/solutions/search/plugins/search_homepage/public/analytics/constants.ts

@@ -0,0 +1,17 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+export enum AnalyticsEvents {
+  homepageLoaded = 'homepage_loaded',
+  installSampleDataClick = 'homepage_install_sample_data_click',
+  ingestionCTAVariantLoaded = 'homepage_ingestion_cta_variant_loaded',
+  ingestVariantInstallSampleDataClick = 'homepage_ingest_variant_install_sample_data_click',
+  ingestVariantUploadFileClick = 'homepage_ingest_variant_upload_file_click',
+  ingestVariantWebCrawlerClick = 'homepage_ingest_variant_web_crawler_click',
+  ingestVariantConnectorsClick = 'homepage_ingest_variant_add_connector_click',
+  ingestVariantManageAPIKeysClick = 'homepage_ingest_variant_manage_api_keys_click',
+}

x-pack/solutions/search/plugins/search_homepage/public/components/connect_to_elasticsearch.tsx

@@ -14,6 +14,7 @@ import { ConnectToElasticsearchSidePanel } from './connect_to_elasticsearch_side
 import { AISearchCapabilities } from './ai_search_capabilities/ai_search_capabilities';
 import { useElasticsearchUrl } from '../hooks/use_elasticsearch_url';
 import { ApiKeyForm } from './api_key_form';
+import { CONNECT_TO_ELASTICSEARCH_TITLE, ELASTICSEARCH_ENDPOINT_LABEL } from './shared/i18n';
 
 export const ConnectToElasticsearch = () => {
   const elasticsearchUrl = useElasticsearchUrl();
@@ -25,12 +26,8 @@ export const ConnectToElasticsearch = () => {
           <EuiFlexItem grow={false}>
             <EuiFlexGroup direction="column" gutterSize="s">
               <EuiFlexItem>
-                <EuiTitle size="m">
-                  <h2>
-                    {i18n.translate('xpack.searchHomepage.connectToElasticsearch.title', {
-                      defaultMessage: 'Connect to Elasticsearch',
-                    })}
-                  </h2>
+                <EuiTitle size="s">
+                  <h3>{CONNECT_TO_ELASTICSEARCH_TITLE}</h3>
                 </EuiTitle>
               </EuiFlexItem>
               <EuiFlexItem>
@@ -51,14 +48,7 @@ export const ConnectToElasticsearch = () => {
                 <EuiFlexGroup direction="column" gutterSize="s">
                   <EuiFlexItem grow={false}>
                     <EuiTitle size="xxs">
-                      <span>
-                        {i18n.translate(
-                          'xpack.searchHomepage.connectToElasticsearch.elasticSearchEndpointLabel',
-                          {
-                            defaultMessage: 'Elasticsearch endpoint',
-                          }
-                        )}
-                      </span>
+                      <span>{ELASTICSEARCH_ENDPOINT_LABEL}</span>
                     </EuiTitle>
                   </EuiFlexItem>
                   <EuiFlexItem>

x-pack/solutions/search/plugins/search_homepage/public/components/connect_to_elasticsearch_side_panel.tsx

@@ -8,17 +8,15 @@ import React, { useCallback, useMemo } from 'react';
 import { EuiCard, EuiButtonEmpty, EuiFlexGroup, EuiPanel } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
-import { SampleDataActionButton } from './sample_data_action_button';
-import { useIngestSampleData } from '../hooks/use_ingest_data';
+
 import { useKibana } from '../hooks/use_kibana';
 import { useUserPrivilegesQuery } from '../hooks/api/use_user_permissions';
 import { generateRandomIndexName } from '../utils/indices';
+import { SampleDataActionButton } from './sample_data_action_button';
 
 export const ConnectToElasticsearchSidePanel = () => {
   const { application, sampleDataIngest } = useKibana().services;
 
-  const { ingestSampleData, isLoading } = useIngestSampleData();
-
   const onFileUpload = useCallback(() => {
     application.navigateToApp('ml', { path: 'filedatavisualizer' });
   }, [application]);
@@ -75,9 +73,7 @@ export const ConnectToElasticsearchSidePanel = () => {
                 defaultMessage="Add data sets with sample visualizations, dashboards, and more."
               />
             }
-            footer={
-              <SampleDataActionButton isLoading={isLoading} onIngestSampleData={ingestSampleData} />
-            }
+            footer={<SampleDataActionButton />}
           />
         )}