[Enterprise Search] Adds Callout for Upcoming Decommissioning of App Search and Workplace Search

packages/kbn-doc-links/src/get_doc_links.ts

@@ -44,6 +44,7 @@ export const getDocLinks = ({ kibanaBranch, buildFlavor }: GetDocLinkOptions): D
   const SERVERLESS_ELASTICSEARCH_DOCS = `${SERVERLESS_DOCS}elasticsearch/`;
   const SERVERLESS_OBSERVABILITY_DOCS = `${SERVERLESS_DOCS}observability/`;
   const SEARCH_LABS_REPO = `${ELASTIC_GITHUB}elasticsearch-labs/`;
+  const SEARCH_LABS_BLOG = `${ELASTIC_WEBSITE_URL}search-labs/blog/`;
   const isServerless = buildFlavor === 'serverless';
 
   return deepFreeze({
@@ -143,6 +144,7 @@ export const getDocLinks = ({ kibanaBranch, buildFlavor }: GetDocLinkOptions): D
       precisionTuning: `${APP_SEARCH_DOCS}precision-tuning.html`,
       relevanceTuning: `${APP_SEARCH_DOCS}relevance-tuning-guide.html`,
       resultSettings: `${APP_SEARCH_DOCS}result-settings-guide.html`,
+      searchLabsEvolutionBlog: `${SEARCH_LABS_BLOG}evolution-app-search-elasticsearch`,
       searchUI: `${APP_SEARCH_DOCS}reference-ui-guide.html`,
       security: `${APP_SEARCH_DOCS}security-and-users.html`,
       synonyms: `${APP_SEARCH_DOCS}synonyms-guide.html`,
@@ -258,6 +260,7 @@ export const getDocLinks = ({ kibanaBranch, buildFlavor }: GetDocLinkOptions): D
       permissions: `${WORKPLACE_SEARCH_DOCS}workplace-search-permissions.html`,
       privateSourcePermissions: `${WORKPLACE_SEARCH_DOCS}workplace-search-permissions.html#organizational-sources-private-sources`,
       salesforce: `${WORKPLACE_SEARCH_DOCS}workplace-search-salesforce-connector.html`,
+      searchLabsEvolutionBlog: `${ELASTIC_WEBSITE_URL}blog/evolution-workplace-search-private-data-elasticsearch`,
       security: `${WORKPLACE_SEARCH_DOCS}workplace-search-security.html`,
       serviceNow: `${WORKPLACE_SEARCH_DOCS}workplace-search-servicenow-connector.html`,
       sharePoint: `${WORKPLACE_SEARCH_DOCS}workplace-search-sharepoint-online-connector.html`,

packages/kbn-doc-links/src/types.ts

@@ -107,6 +107,7 @@ export interface DocLinks {
     readonly precisionTuning: string;
     readonly relevanceTuning: string;
     readonly resultSettings: string;
+    readonly searchLabsEvolutionBlog: string;
     readonly searchUI: string;
     readonly security: string;
     readonly synonyms: string;
@@ -222,6 +223,7 @@ export interface DocLinks {
     readonly permissions: string;
     readonly privateSourcePermissions: string;
     readonly salesforce: string;
+    readonly searchLabsEvolutionBlog: string;
     readonly security: string;
     readonly serviceNow: string;
     readonly sharePoint: string;

x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/components/empty_state.test.tsx

@@ -9,9 +9,10 @@ import { setMockValues, mockTelemetryActions } from '../../../../__mocks__/kea_l
 
 import React from 'react';
 
-import { shallow, ShallowWrapper } from 'enzyme';
+import { mount, shallow, ShallowWrapper } from 'enzyme';
 
 import { EuiEmptyPrompt } from '@elastic/eui';
+import { __IntlProvider as IntlProvider } from '@kbn/i18n-react';
 
 import { SampleEngineCreationCta } from '../../sample_engine_creation_cta';
 
@@ -74,4 +75,42 @@ describe('EmptyState', () => {
       expect(wrapper.find('[data-test-subj="NonAdminEmptyEnginesPrompt"]')).toHaveLength(1);
     });
   });
+
+  describe('deprecation callout', () => {
+    it('renders the deprecation callout when user can manage engines', () => {
+      setMockValues({ myRole: { canManageEngines: true } });
+      const wrapper = shallow(<EmptyState />);
+      expect(wrapper.find('EnterpriseSearchDeprecationCallout')).toHaveLength(1);
+    });
+
+    it('renders the deprecation callout when user cannot manage engines', () => {
+      setMockValues({ myRole: { canManageEngines: false } });
+      const wrapper = shallow(<EmptyState />);
+      expect(wrapper.find('EnterpriseSearchDeprecationCallout')).toHaveLength(1);
+    });
+
+    it('dismisses the deprecation callout', () => {
+      setMockValues({ myRole: { canManageEngines: false } });
+
+      const wrapper = mount(
+        <IntlProvider locale="en">
+          <EmptyState />
+        </IntlProvider>
+      );
+
+      sessionStorage.setItem('appSearchHideDeprecationCallout', 'false');
+      expect(wrapper.find('EnterpriseSearchDeprecationCallout')).toHaveLength(1);
+
+      wrapper.find('button[data-test-subj="euiDismissCalloutButton"]').simulate('click');
+      expect(wrapper.find('EnterpriseSearchDeprecationCallout')).toHaveLength(0);
+      expect(sessionStorage.getItem('appSearchHideDeprecationCallout')).toEqual('true');
+    });
+
+    it('does not render the deprecation callout if dismissed', () => {
+      sessionStorage.setItem('appSearchHideDeprecationCallout', 'true');
+      setMockValues({ myRole: { canManageEngines: true } });
+      const wrapper = shallow(<EmptyState />);
+      expect(wrapper.find('EnterpriseSearchDeprecationCallout')).toHaveLength(0);
+    });
+  });
 });

x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/components/empty_state.tsx

@@ -12,6 +12,7 @@ import { useValues, useActions } from 'kea';
 import { EuiEmptyPrompt, EuiSpacer } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 
+import { EnterpriseSearchDeprecationCallout } from '../../../../shared/deprecation_callout/deprecation_callout';
 import { EuiButtonTo } from '../../../../shared/react_router_helpers';
 import { TelemetryLogic } from '../../../../shared/telemetry';
 import { AppLogic } from '../../../app_logic';
@@ -26,66 +27,88 @@ export const EmptyState: React.FC = () => {
   } = useValues(AppLogic);
   const { sendAppSearchTelemetry } = useActions(TelemetryLogic);
 
-  return canManageEngines ? (
-    <EuiEmptyPrompt
-      data-test-subj="AdminEmptyEnginesPrompt"
-      iconType={EngineIcon}
-      title={
-        <h2>
-          {i18n.translate('xpack.enterpriseSearch.appSearch.emptyState.title', {
-            defaultMessage: 'Create your first engine',
-          })}
-        </h2>
-      }
-      titleSize="l"
-      body={
-        <p>
-          {i18n.translate('xpack.enterpriseSearch.appSearch.emptyState.description1', {
-            defaultMessage: 'An App Search engine stores the documents for your search experience.',
-          })}
-        </p>
-      }
-      actions={
-        <>
-          <EuiButtonTo
-            data-test-subj="EmptyStateCreateFirstEngineCta"
-            fill
-            to={ENGINE_CREATION_PATH}
-            onClick={() =>
-              sendAppSearchTelemetry({
-                action: 'clicked',
-                metric: 'create_first_engine_button',
-              })
-            }
-          >
-            {i18n.translate('xpack.enterpriseSearch.appSearch.emptyState.createFirstEngineCta', {
-              defaultMessage: 'Create an engine',
-            })}
-          </EuiButtonTo>
-          <EuiSpacer size="xxl" />
-          <SampleEngineCreationCta />
-        </>
-      }
-    />
-  ) : (
-    <EuiEmptyPrompt
-      data-test-subj="NonAdminEmptyEnginesPrompt"
-      iconType={EngineIcon}
-      title={
-        <h2>
-          {i18n.translate('xpack.enterpriseSearch.appSearch.emptyState.nonAdmin.title', {
-            defaultMessage: 'No engines available',
-          })}
-        </h2>
-      }
-      body={
-        <p>
-          {i18n.translate('xpack.enterpriseSearch.appSearch.emptyState.nonAdmin.description', {
-            defaultMessage:
-              'Contact your App Search administrator to either create or grant you access to an engine.',
-          })}
-        </p>
-      }
-    />
+  const [showDeprecationCallout, setShowDeprecationCallout] = React.useState(
+    !sessionStorage.getItem('appSearchHideDeprecationCallout')
+  );
+
+  const onDismissDeprecationCallout = () => {
+    setShowDeprecationCallout(false);
+    sessionStorage.setItem('appSearchHideDeprecationCallout', 'true');
+  };
+
+  return (
+    <>
+      {showDeprecationCallout ? (
+        <EnterpriseSearchDeprecationCallout onDismissAction={onDismissDeprecationCallout} />
+      ) : (
+        <></>
+      )}
+      {canManageEngines ? (
+        <EuiEmptyPrompt
+          data-test-subj="AdminEmptyEnginesPrompt"
+          iconType={EngineIcon}
+          title={
+            <h2>
+              {i18n.translate('xpack.enterpriseSearch.appSearch.emptyState.title', {
+                defaultMessage: 'Create your first engine',
+              })}
+            </h2>
+          }
+          titleSize="l"
+          body={
+            <p>
+              {i18n.translate('xpack.enterpriseSearch.appSearch.emptyState.description1', {
+                defaultMessage:
+                  'An App Search engine stores the documents for your search experience.',
+              })}
+            </p>
+          }
+          actions={
+            <>
+              <EuiButtonTo
+                data-test-subj="EmptyStateCreateFirstEngineCta"
+                fill
+                to={ENGINE_CREATION_PATH}
+                onClick={() =>
+                  sendAppSearchTelemetry({
+                    action: 'clicked',
+                    metric: 'create_first_engine_button',
+                  })
+                }
+              >
+                {i18n.translate(
+                  'xpack.enterpriseSearch.appSearch.emptyState.createFirstEngineCta',
+                  {
+                    defaultMessage: 'Create an engine',
+                  }
+                )}
+              </EuiButtonTo>
+              <EuiSpacer size="xxl" />
+              <SampleEngineCreationCta />
+            </>
+          }
+        />
+      ) : (
+        <EuiEmptyPrompt
+          data-test-subj="NonAdminEmptyEnginesPrompt"
+          iconType={EngineIcon}
+          title={
+            <h2>
+              {i18n.translate('xpack.enterpriseSearch.appSearch.emptyState.nonAdmin.title', {
+                defaultMessage: 'No engines available',
+              })}
+            </h2>
+          }
+          body={
+            <p>
+              {i18n.translate('xpack.enterpriseSearch.appSearch.emptyState.nonAdmin.description', {
+                defaultMessage:
+                  'Contact your App Search administrator to either create or grant you access to an engine.',
+              })}
+            </p>
+          }
+        />
+      )}
+    </>
   );
 };

x-pack/plugins/enterprise_search/public/applications/app_search/components/layout/page_template.test.tsx

@@ -13,9 +13,11 @@ import { setMockValues } from '../../../__mocks__/kea_logic';
 
 import React from 'react';
 
-import { shallow } from 'enzyme';
+import { shallow, mount } from 'enzyme';
 import { of } from 'rxjs';
 
+import { __IntlProvider as IntlProvider } from '@kbn/i18n-react';
+
 import { SetAppSearchChrome } from '../../../shared/kibana_chrome';
 import { EnterpriseSearchPageTemplateWrapper } from '../../../shared/layout';
 import { SendAppSearchTelemetry } from '../../../shared/telemetry';
@@ -80,4 +82,32 @@ describe('AppSearchPageTemplate', () => {
     expect(wrapper.find(EnterpriseSearchPageTemplateWrapper).prop('isLoading')).toEqual(false);
     expect(wrapper.find(EnterpriseSearchPageTemplateWrapper).prop('emptyState')).toEqual(<div />);
   });
+
+  describe('deprecation callout', () => {
+    it('renders the deprecation callout', () => {
+      const wrapper = shallow(<AppSearchPageTemplate />);
+      expect(wrapper.find('EnterpriseSearchDeprecationCallout')).toHaveLength(1);
+    });
+
+    it('dismisses the deprecation callout', () => {
+      const wrapper = mount(
+        <IntlProvider locale="en">
+          <AppSearchPageTemplate />
+        </IntlProvider>
+      );
+
+      sessionStorage.setItem('appSearchHideDeprecationCallout', 'false');
+      expect(wrapper.find('EnterpriseSearchDeprecationCallout')).toHaveLength(1);
+
+      wrapper.find('button[data-test-subj="euiDismissCalloutButton"]').simulate('click');
+      expect(wrapper.find('EnterpriseSearchDeprecationCallout')).toHaveLength(0);
+      expect(sessionStorage.getItem('appSearchHideDeprecationCallout')).toEqual('true');
+    });
+
+    it('does not render the deprecation callout if dismissed', () => {
+      const wrapper = shallow(<AppSearchPageTemplate />);
+      sessionStorage.setItem('appSearchHideDeprecationCallout', 'true');
+      expect(wrapper.find('EnterpriseSearchDeprecationCallout')).toHaveLength(0);
+    });
+  });
 });

x-pack/plugins/enterprise_search/public/applications/app_search/components/layout/page_template.tsx

@@ -11,6 +11,7 @@ import { useValues } from 'kea';
 import useObservable from 'react-use/lib/useObservable';
 
 import { APP_SEARCH_PLUGIN } from '../../../../../common/constants';
+import { EnterpriseSearchDeprecationCallout } from '../../../shared/deprecation_callout/deprecation_callout';
 import { KibanaLogic } from '../../../shared/kibana';
 import { SetAppSearchChrome } from '../../../shared/kibana_chrome';
 import { EnterpriseSearchPageTemplateWrapper, PageTemplateProps } from '../../../shared/layout';
@@ -36,6 +37,15 @@ export const AppSearchPageTemplate: React.FC<
     };
   }, [chromeStyle, navItems, updateSideNavDefinition]);
 
+  const [showDeprecationCallout, setShowDeprecationCallout] = React.useState(
+    !sessionStorage.getItem('appSearchHideDeprecationCallout')
+  );
+
+  const onDismissDeprecationCallout = () => {
+    setShowDeprecationCallout(false);
+    sessionStorage.setItem('appSearchHideDeprecationCallout', 'true');
+  };
+
   return (
     <EnterpriseSearchPageTemplateWrapper
       {...pageTemplateProps}
@@ -48,6 +58,11 @@ export const AppSearchPageTemplate: React.FC<
       hideEmbeddedConsole
     >
       {pageViewTelemetry && <SendAppSearchTelemetry action="viewed" metric={pageViewTelemetry} />}
+      {showDeprecationCallout ? (
+        <EnterpriseSearchDeprecationCallout onDismissAction={onDismissDeprecationCallout} />
+      ) : (
+        <></>
+      )}
       {children}
     </EnterpriseSearchPageTemplateWrapper>
   );

x-pack/plugins/enterprise_search/public/applications/shared/deprecation_callout/deprecation_callout.test.tsx

@@ -0,0 +1,32 @@
+/*
+ * 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.
+ */
+
+import React from 'react';
+
+import { shallow } from 'enzyme';
+
+import { EnterpriseSearchDeprecationCallout } from './deprecation_callout';
+
+describe('EnterpriseSearchDeprecationCallout', () => {
+  it('renders', () => {
+    const dismissFxn = jest.fn();
+    const wrapper = shallow(<EnterpriseSearchDeprecationCallout onDismissAction={dismissFxn} />);
+
+    expect(wrapper.find('EuiCallOut')).toHaveLength(1);
+    wrapper.find('EuiCallOut').simulate('dismiss');
+    expect(dismissFxn).toHaveBeenCalledTimes(1);
+  });
+
+  it('dismisses via the link', () => {
+    const dismissFxn = jest.fn();
+    const wrapper = shallow(<EnterpriseSearchDeprecationCallout onDismissAction={dismissFxn} />);
+
+    expect(wrapper.find('EuiLink')).toHaveLength(1);
+    wrapper.find('EuiLink').simulate('click');
+    expect(dismissFxn).toHaveBeenCalledTimes(1);
+  });
+});