From 209dde3de424951c9741c6947a89af8db1b6d141 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gerg=C5=91=20=C3=81brah=C3=A1m?= <gergo.abraham@elastic.co>
Date: Mon, 3 Oct 2022 16:11:57 +0200
Subject: [PATCH] use Kibana Docs service for documentation url

---
 packages/kbn-doc-links/src/get_doc_links.ts   |  1 +
 packages/kbn-doc-links/src/types.ts           |  1 +
 ...int_policy_create_multi_step_extension.tsx | 45 ++++++++++---------
 3 files changed, 27 insertions(+), 20 deletions(-)

diff --git a/packages/kbn-doc-links/src/get_doc_links.ts b/packages/kbn-doc-links/src/get_doc_links.ts
index 3a0b89c1f0d1b..1c137106a2f30 100644
--- a/packages/kbn-doc-links/src/get_doc_links.ts
+++ b/packages/kbn-doc-links/src/get_doc_links.ts
@@ -373,6 +373,7 @@ export const getDocLinks = ({ kibanaBranch }: GetDocLinkOptions): DocLinks => {
         es_connection: '',
       },
       responseActions: `${SECURITY_SOLUTION_DOCS}response-actions.html`,
+      configureEndpointIntegrationPolicy: `${SECURITY_SOLUTION_DOCS}configure-endpoint-integration-policy.html`,
     },
     query: {
       eql: `${ELASTICSEARCH_DOCS}eql.html`,
diff --git a/packages/kbn-doc-links/src/types.ts b/packages/kbn-doc-links/src/types.ts
index 7cd785ee194fa..16c974176ef5e 100644
--- a/packages/kbn-doc-links/src/types.ts
+++ b/packages/kbn-doc-links/src/types.ts
@@ -275,6 +275,7 @@ export interface DocLinks {
     };
     readonly threatIntelInt: string;
     readonly responseActions: string;
+    readonly configureEndpointIntegrationPolicy: string;
   };
   readonly query: {
     readonly eql: string;
diff --git a/x-pack/plugins/security_solution/public/management/pages/policy/view/ingest_manager_integration/endpoint_policy_create_multi_step_extension.tsx b/x-pack/plugins/security_solution/public/management/pages/policy/view/ingest_manager_integration/endpoint_policy_create_multi_step_extension.tsx
index 10f94e880cad1..152f913f28860 100644
--- a/x-pack/plugins/security_solution/public/management/pages/policy/view/ingest_manager_integration/endpoint_policy_create_multi_step_extension.tsx
+++ b/x-pack/plugins/security_solution/public/management/pages/policy/view/ingest_manager_integration/endpoint_policy_create_multi_step_extension.tsx
@@ -9,6 +9,7 @@ import React, { memo } from 'react';
 import { EuiText, EuiIcon, EuiFlexGroup, EuiFlexItem, EuiLink, EuiSpacer } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
 import styled from 'styled-components';
+import { useKibana } from '../../../../../common/lib/kibana';
 
 /**
  * A component to be displayed in multi step onboarding process.
@@ -92,24 +93,28 @@ const Features = () => (
   </EuiFlexGroup>
 );
 
-const Details = () => (
-  <EuiText size="m" color="subdued">
-    <p>
-      <FormattedMessage
-        id="xpack.securitySolution.endpoint.policy.multiStepOnboarding.details"
-        defaultMessage="You can change this later by editing the Endpoint Security integration agent policy.
+const Details = () => {
+  const { docLinks } = useKibana().services;
+
+  return (
+    <EuiText size="m" color="subdued">
+      <p>
+        <FormattedMessage
+          id="xpack.securitySolution.endpoint.policy.multiStepOnboarding.details"
+          defaultMessage="You can change this later by editing the Endpoint Security integration agent policy.
       Read more about Endpoint security configuration in our {docsPage}."
-        values={{
-          docsPage: (
-            <EuiLink href="https://www.elastic.co/guide/en/security/master/configure-endpoint-integration-policy.html">
-              <FormattedMessage
-                id="xpack.securitySolution.endpoint.policy.multiStepOnboarding.docsPage"
-                defaultMessage="documentation"
-              />
-            </EuiLink>
-          ),
-        }}
-      />
-    </p>
-  </EuiText>
-);
+          values={{
+            docsPage: (
+              <EuiLink href={docLinks.links.securitySolution.configureEndpointIntegrationPolicy}>
+                <FormattedMessage
+                  id="xpack.securitySolution.endpoint.policy.multiStepOnboarding.docsPage"
+                  defaultMessage="documentation"
+                />
+              </EuiLink>
+            ),
+          }}
+        />
+      </p>
+    </EuiText>
+  );
+};