[9.0] [Search] Removing elastic managed connectors misleading content (#213335) (#213381)

# Backport This will backport the following commits from `main` to `9.0`: - [[Search] Removing elastic managed connectors misleading content (#213335)](https://github.com/elastic/kibana/pull/213335)  ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport)  Co-authored-by: José Luis González <joseluisgj@gmail.com>
2025-04-23 17:28:26 -04:00 · 2025-03-07 02:09:33 +11:00 · 2025-03-07 02:09:33 +11:00 · d3fb1fcece
commit d3fb1fcece
parent 19f4e47711
2 changed files with 10 additions and 57 deletions
--- a/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors/self_managed_connectors_empty_prompt.tsx
+++ b/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors/self_managed_connectors_empty_prompt.tsx
@ -35,16 +35,13 @@ export const SelfManagedConnectorsEmptyPrompt: React.FC = () => {
  return (
    <SearchEmptyPrompt
      icon="plugs"
-      title={i18n.translate('xpack.serverlessSearch.elasticManagedConnectorEmpty.title', {
-        defaultMessage: 'Elastic managed connectors',
+      title={i18n.translate('xpack.serverlessSearch.selfManagedConnectorEmpty.title', {
+        defaultMessage: 'Set up a connector',
+      })}
+      description={i18n.translate('xpack.serverlessSearch.selfManagedConnectorEmpty.description', {
+        defaultMessage:
+          "To set up and deploy a connector you'll be working between data source, your terminal, and the Kibana UI. The high level process looks like this:",
      })}
-      description={i18n.translate(
-        'xpack.serverlessSearch.elasticManagedConnectorEmpty.description',
-        {
-          defaultMessage:
-            "We're actively developing Elastic managed connectors, that won't require any self-managed infrastructure. You'll be able to handle all configuration in the UI. This will simplify syncing your data into a serverless Elasticsearch project. This new workflow will have two steps:",
-        }
-      )}
      body={
        <EuiFlexGroup
          alignItems="stretch"
@ -179,7 +176,7 @@ export const SelfManagedConnectorsEmptyPrompt: React.FC = () => {
                          <EuiIcon size="m" type="sortRight" />
                        </EuiFlexItem>
                        <EuiFlexItem>
-                          <EuiIcon color="primary" size="l" type="logoElastic" />
+                          <EuiIcon color="primary" size="l" type="logoElasticsearch" />
                        </EuiFlexItem>
                      </EuiFlexGroup>
                    </EuiFlexItem>
--- a/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors_overview.tsx
+++ b/x-pack/solutions/search/plugins/serverless_search/public/application/components/connectors_overview.tsx
@ -7,17 +7,15 @@

 import {
  EuiButton,
-  EuiCallOut,
  EuiFlexGroup,
  EuiFlexItem,
  EuiLink,
  EuiPageTemplate,
-  EuiSpacer,
  EuiText,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
-import React, { useMemo, useState } from 'react';
+import React, { useMemo } from 'react';

 import { GithubLink } from '@kbn/search-api-panels';
 import { SelfManagedConnectorsEmptyPrompt } from './connectors/self_managed_connectors_empty_prompt';
@ -29,9 +27,6 @@ import { useKibanaServices } from '../hooks/use_kibana';
 import { ConnectorsTable } from './connectors/connectors_table';
 import { ConnectorPrivilegesCallout } from './connectors/connector_config/connector_privileges_callout';
 import { useAssetBasePath } from '../hooks/use_asset_base_path';
-import { BASE_CONNECTORS_PATH, ELASTIC_MANAGED_CONNECTOR_PATH } from '../constants';
-
-const CALLOUT_KEY = 'search.connectors.ElasticManaged.ComingSoon.feedbackCallout';

 export const ConnectorsOverview = () => {
  const { data, isLoading: connectorsLoading } = useConnectors();
@ -42,14 +37,7 @@ export const ConnectorsOverview = () => {
    [consolePlugin]
  );
  const canManageConnectors = !data || data.canManageConnectors;
-  const {
-    application: { navigateToUrl },
-  } = useKibanaServices();
-  const [showCallOut, setShowCallOut] = useState(sessionStorage.getItem(CALLOUT_KEY) !== 'hidden');
-  const onDismiss = () => {
-    setShowCallOut(false);
-    sessionStorage.setItem(CALLOUT_KEY, 'hidden');
-  };
+
  const assetBasePath = useAssetBasePath();

  return (
@ -116,39 +104,7 @@ export const ConnectorsOverview = () => {
      <EuiPageTemplate.Section restrictWidth color="subdued">
        <ConnectorPrivilegesCallout />
        {connectorsLoading || (data?.connectors || []).length > 0 ? (
-          <>
-            {showCallOut && (
-              <>
-                <EuiCallOut
-                  size="m"
-                  title="Coming soon Elastic managed connectors."
-                  iconType="pin"
-                  onDismiss={onDismiss}
-                >
-                  <p>
-                    {i18n.translate(
-                      'xpack.serverlessSearch.connectorsOverview.calloutDescription',
-                      {
-                        defaultMessage:
-                          "We're actively developing Elastic managed connectors, that won't require any self-managed infrastructure. You'll be able to handle all configuration in the UI. This will simplify syncing your data into a serverless Elasticsearch project.",
-                      }
-                    )}
-                  </p>
-                  <EuiButton
-                    data-test-subj="serverlessSearchConnectorsOverviewLinkButtonButton"
-                    color="primary"
-                    onClick={() =>
-                      navigateToUrl(`${BASE_CONNECTORS_PATH}/${ELASTIC_MANAGED_CONNECTOR_PATH}`)
-                    }
-                  >
-                    {LEARN_MORE_LABEL}
-                  </EuiButton>
-                </EuiCallOut>
-                <EuiSpacer size="m" />
-              </>
-            )}
-            <ConnectorsTable />
-          </>
+          <ConnectorsTable />
        ) : (
          <SelfManagedConnectorsEmptyPrompt />
        )}