[ENDPOINT][INGEST]Task/endpoint ingest update

x-pack/plugins/ingest_manager/common/types/models/datasource.ts

@@ -43,6 +43,9 @@ export interface DatasourceInput extends Omit<NewDatasourceInput, 'streams'> {
   streams: DatasourceInputStream[];
 }
 
+/**
+ * Type of `datasource` prop in CustomConfigureDatasourceContent
+ */
 export interface NewDatasource {
   name: string;
   description?: string;

x-pack/plugins/ingest_manager/public/applications/ingest_manager/hooks/index.ts

@@ -5,7 +5,7 @@
  */
 
 export { useCapabilities } from './use_capabilities';
-export { useCore, CoreContext } from './use_core';
+export { useCore } from './use_core';
 export { useConfig, ConfigContext } from './use_config';
 export { useSetupDeps, useStartDeps, DepsContext } from './use_deps';
 export { useBreadcrumbs } from './use_breadcrumbs';

x-pack/plugins/ingest_manager/public/applications/ingest_manager/hooks/use_core.ts

@@ -4,15 +4,13 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import React, { useContext } from 'react';
-import { CoreStart } from 'src/core/public';
+import { CoreStart } from 'kibana/public';
+import { useKibana } from '../../../../../../../src/plugins/kibana_react/public';
 
-export const CoreContext = React.createContext<CoreStart | null>(null);
-
-export function useCore() {
-  const core = useContext(CoreContext);
-  if (core === null) {
-    throw new Error('CoreContext not initialized');
+export function useCore(): CoreStart {
+  const { services } = useKibana();
+  if (services === null) {
+    throw new Error('KibanaContextProvider not initialized');
   }
-  return core;
+  return services;
 }

x-pack/plugins/ingest_manager/public/applications/ingest_manager/index.tsx

@@ -22,11 +22,12 @@ import { PAGE_ROUTING_PATHS } from './constants';
 import { DefaultLayout, WithoutHeaderLayout } from './layouts';
 import { Loading, Error } from './components';
 import { IngestManagerOverview, EPMApp, AgentConfigApp, FleetApp, DataStreamApp } from './sections';
-import { CoreContext, DepsContext, ConfigContext, setHttpClient, useConfig } from './hooks';
+import { DepsContext, ConfigContext, setHttpClient, useConfig } from './hooks';
 import { PackageInstallProvider } from './sections/epm/hooks';
 import { useCore, sendSetup, sendGetPermissionsCheck } from './hooks';
 import { FleetStatusProvider } from './hooks/use_fleet_status';
 import './index.scss';
+import { KibanaContextProvider } from '../../../../../../src/plugins/kibana_react/public';
 
 export interface ProtectedRouteProps extends RouteProps {
   isAllowed?: boolean;
@@ -229,15 +230,15 @@ const IngestManagerApp = ({
   const isDarkMode = useObservable<boolean>(coreStart.uiSettings.get$('theme:darkMode'));
   return (
     <coreStart.i18n.Context>
-      <CoreContext.Provider value={coreStart}>
+      <KibanaContextProvider services={{ ...coreStart }}>
         <DepsContext.Provider value={{ setup: setupDeps, start: startDeps }}>
           <ConfigContext.Provider value={config}>
             <EuiThemeProvider darkMode={isDarkMode}>
               <IngestManagerRoutes basepath={basepath} />
             </EuiThemeProvider>
           </ConfigContext.Provider>
         </DepsContext.Provider>
-      </CoreContext.Provider>
+      </KibanaContextProvider>
     </coreStart.i18n.Context>
   );
 };

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/create_datasource_page/components/custom_configure_datasource.tsx

@@ -0,0 +1,50 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+import React from 'react';
+import { FormattedMessage } from '@kbn/i18n/react';
+import { EuiEmptyPrompt, EuiText } from '@elastic/eui';
+import { ConfigureEndpointDatasource } from '../../../../../../../../siem/public';
+import { NewDatasource } from '../../../../types';
+import { CreateDatasourceFrom } from '../types';
+
+export interface CustomConfigureDatasourceProps {
+  packageName: string;
+  from: CreateDatasourceFrom;
+  datasource: NewDatasource | (NewDatasource & { id: string });
+}
+
+/**
+ * Allows external plugins to create custom content for the Ingest
+ * Datasource configuration.
+ */
+export type CustomConfigureDatasourceContent = React.FC<CustomConfigureDatasourceProps>;
+
+const ConfigureDatasourceMapping: { [key: string]: CustomConfigureDatasourceContent } = {
+  endpoint: ConfigureEndpointDatasource,
+};
+
+const EmptyConfigureDatasource: CustomConfigureDatasourceContent = () => (
+  <EuiEmptyPrompt
+    iconType="checkInCircleFilled"
+    iconColor="secondary"
+    body={
+      <EuiText>
+        <p>
+          <FormattedMessage
+            id="xpack.ingestManager.createDatasource.stepConfigure.noConfigOptionsMessage"
+            defaultMessage="Nothing to configure"
+          />
+        </p>
+      </EuiText>
+    }
+  />
+);
+
+export const CustomConfigureDatasource = (props: CustomConfigureDatasourceProps) => {
+  const ConfigureDatasourceContent =
+    ConfigureDatasourceMapping[props.packageName] || EmptyConfigureDatasource;
+  return <ConfigureDatasourceContent {...props} />;
+};

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/create_datasource_page/components/index.ts

@@ -6,3 +6,4 @@
 export { CreateDatasourcePageLayout } from './layout';
 export { DatasourceInputPanel } from './datasource_input_panel';
 export { DatasourceInputVarField } from './datasource_input_var_field';
+export { CustomConfigureDatasource } from './custom_configure_datasource';

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/create_datasource_page/step_configure_datasource.tsx

@@ -5,28 +5,29 @@
  */
 import React from 'react';
 import { FormattedMessage } from '@kbn/i18n/react';
-import {
-  EuiPanel,
-  EuiFlexGroup,
-  EuiFlexItem,
-  EuiSpacer,
-  EuiEmptyPrompt,
-  EuiText,
-  EuiCallOut,
-} from '@elastic/eui';
+import { EuiPanel, EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiCallOut } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { PackageInfo, NewDatasource, DatasourceInput } from '../../../types';
 import { Loading } from '../../../components';
 import { DatasourceValidationResults, validationHasErrors } from './services';
-import { DatasourceInputPanel } from './components';
+import { DatasourceInputPanel, CustomConfigureDatasource } from './components';
+import { CreateDatasourceFrom } from './types';
 
 export const StepConfigureDatasource: React.FunctionComponent<{
+  from?: CreateDatasourceFrom;
   packageInfo: PackageInfo;
-  datasource: NewDatasource;
+  datasource: NewDatasource | (NewDatasource & { id: string });
   updateDatasource: (fields: Partial<NewDatasource>) => void;
   validationResults: DatasourceValidationResults;
   submitAttempted: boolean;
-}> = ({ packageInfo, datasource, updateDatasource, validationResults, submitAttempted }) => {
+}> = ({
+  from = 'config',
+  packageInfo,
+  datasource,
+  updateDatasource,
+  validationResults,
+  submitAttempted,
+}) => {
   const hasErrors = validationResults ? validationHasErrors(validationResults) : false;
 
   // Configure inputs (and their streams)
@@ -68,19 +69,10 @@ export const StepConfigureDatasource: React.FunctionComponent<{
       </EuiFlexGroup>
     ) : (
       <EuiPanel>
-        <EuiEmptyPrompt
-          iconType="checkInCircleFilled"
-          iconColor="secondary"
-          body={
-            <EuiText>
-              <p>
-                <FormattedMessage
-                  id="xpack.ingestManager.createDatasource.stepConfigure.noConfigOptionsMessage"
-                  defaultMessage="Nothing to configure"
-                />
-              </p>
-            </EuiText>
-          }
+        <CustomConfigureDatasource
+          packageName={packageInfo.name}
+          datasource={datasource}
+          from={from}
         />
       </EuiPanel>
     );

x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/agent_config/edit_datasource_page/index.tsx

@@ -69,7 +69,8 @@ export const EditDatasourcePage: React.FunctionComponent = () => {
   const [loadingError, setLoadingError] = useState<Error>();
   const [agentConfig, setAgentConfig] = useState<AgentConfig>();
   const [packageInfo, setPackageInfo] = useState<PackageInfo>();
-  const [datasource, setDatasource] = useState<NewDatasource>({
+  const [datasource, setDatasource] = useState<NewDatasource & { id: string }>({
+    id: '',
     name: '',
     description: '',
     config_id: '',
@@ -93,7 +94,6 @@ export const EditDatasourcePage: React.FunctionComponent = () => {
         }
         if (datasourceData?.item) {
           const {
-            id,
             revision,
             inputs,
             created_by,
@@ -299,6 +299,7 @@ export const EditDatasourcePage: React.FunctionComponent = () => {
                 ),
                 children: (
                   <StepConfigureDatasource
+                    from={'edit'}
                     packageInfo={packageInfo}
                     datasource={datasource}
                     updateDatasource={updateDatasource}

x-pack/plugins/ingest_manager/public/index.ts

@@ -11,3 +11,7 @@ export { IngestManagerStart } from './plugin';
 export const plugin = (initializerContext: PluginInitializerContext) => {
   return new IngestManagerPlugin(initializerContext);
 };
+
+export { CustomConfigureDatasourceContent } from './applications/ingest_manager/sections/agent_config/create_datasource_page/components/custom_configure_datasource';
+
+export { NewDatasource } from './applications/ingest_manager/types';

x-pack/plugins/siem/public/index.ts

@@ -11,3 +11,9 @@ import { PluginSetup, PluginStart } from './types';
 export const plugin = (context: PluginInitializerContext): Plugin => new Plugin(context);
 
 export { Plugin, PluginSetup, PluginStart };
+
+/**
+ * Exports Endpoint-specific datasource configuration instructions
+ * for use in the Ingest app create / edit datasource config
+ */
+export { ConfigureEndpointDatasource } from './management/pages/policy/view/ingest_manager_integration/configure_datasource';

x-pack/plugins/siem/public/management/pages/policy/view/ingest_manager_integration/configure_datasource.tsx

@@ -0,0 +1,65 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React, { memo } from 'react';
+import { FormattedMessage } from '@kbn/i18n/react';
+import { EuiEmptyPrompt, EuiText } from '@elastic/eui';
+import { useKibana } from '../../../../../../../../../src/plugins/kibana_react/public';
+import { LinkToApp } from '../../../../../common/components/endpoint/link_to_app';
+import {
+  CustomConfigureDatasourceContent,
+  NewDatasource,
+} from '../../../../../../../ingest_manager/public';
+import { getManagementUrl } from '../../../..';
+
+type DatasourceWithId = NewDatasource & { id: string };
+
+/**
+ * Exports Endpoint-specific datasource configuration instructions
+ * for use in the Ingest app create / edit datasource config
+ */
+export const ConfigureEndpointDatasource = memo<CustomConfigureDatasourceContent>(
+  ({ from, datasource }: { from: string; datasource: NewDatasource | DatasourceWithId }) => {
+    const { services } = useKibana();
+    let policyUrl = '';
+    if (from === 'edit') {
+      policyUrl = getManagementUrl({
+        name: 'policyDetails',
+        policyId: (datasource as DatasourceWithId).id,
+      });
+    }
+
+    return (
+      <EuiEmptyPrompt
+        body={
+          <EuiText>
+            <p>
+              {from === 'edit' ? (
+                <LinkToApp
+                  appId="siem"
+                  appPath={policyUrl}
+                  href={`${services.application.getUrlForApp('siem')}${policyUrl}`}
+                >
+                  <FormattedMessage
+                    id="xpack.siem.endpoint.ingestManager.editDatasource.stepConfigure"
+                    defaultMessage="View and configure Security Policy"
+                  />
+                </LinkToApp>
+              ) : (
+                <FormattedMessage
+                  id="xpack.siem.endpoint.ingestManager.createDatasource.stepConfigure"
+                  defaultMessage="The recommended Security Policy has been associated with this data source. The Security Policy can be edited in the Security application once your data source has been saved."
+                />
+              )}
+            </p>
+          </EuiText>
+        }
+      />
+    );
+  }
+);
+
+ConfigureEndpointDatasource.displayName = 'ConfigureEndpointDatasource';