[Dataset quality] Adding docs link to failure store warning (elastic#224636)

This PR aims to add external doc link when user doesn't have privileges
to access failure store


https://github.com/user-attachments/assets/fa36646c-0f20-4b88-813b-b30cae6c3232

Author: yngrdyn

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

@@ -1016,5 +1016,8 @@ export const getDocLinks = ({ kibanaBranch, buildFlavor }: GetDocLinkOptions): D
         ? `${ELASTICSEARCH_SERVERLESS_APIS}group/endpoint-query_rules`
         : `${ELASTICSEARCH_APIS}group/endpoint-query_rules`,
     },
+    datasetQuality: {
+      failureStore: `${ELASTIC_DOCS}solutions/observability/data-set-quality-monitoring#find-failed-documents-with-failure-store`,
+    },
   });
 };

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

@@ -651,10 +651,12 @@ export interface DocLinks {
   readonly synonyms: {
     readonly synonymsAPIDocumentation: string;
   };
-
   readonly queryRules: {
     readonly queryRulesAPIDocumentation: string;
   };
+  readonly datasetQuality: {
+    readonly failureStore: string;
+  };
 }
 
 export type BuildFlavor = 'serverless' | 'traditional';

x-pack/platform/plugins/shared/dataset_quality/common/translations.ts

@@ -702,14 +702,6 @@ export const failedDocsErrorsColumnName = i18n.translate(
   }
 );
 
-export const noAccessToFailureStoreWarningDescription = i18n.translate(
-  'xpack.datasetQuality.noAccessToFailureStore.title',
-  {
-    defaultMessage:
-      'Some documents might have been sent to the Failure store. Access is restricted due to potential sensitive information. Please contact your administrator for access',
-  }
-);
-
 export const readMore = i18n.translate(
   'xpack.datasetQuality.details.qualityIssue.flyout.message.readMore',
   {

x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality/warnings/warnings.tsx

@@ -10,8 +10,8 @@ import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
 import React from 'react';
 import { useDatasetQualityState } from '../../../hooks/use_dataset_quality_state';
-import { noAccessToFailureStoreWarningDescription } from '../../../../common/translations';
 import { useDatasetQualityWarnings } from '../../../hooks/use_dataset_quality_warnings';
+import { FailureStoreWarning } from '../../failure_store/failure_store_warning';
 
 const nonAggregatableWarningTitle = i18n.translate('xpack.datasetQuality.nonAggregatable.title', {
   defaultMessage: 'Your request may take longer to complete',
@@ -97,11 +97,7 @@ export default function Warnings() {
       )}
       {!statsLoading && !canUserReadFailureStore && (
         <EuiFlexItem>
-          <EuiCallOut
-            title={noAccessToFailureStoreWarningDescription}
-            color="warning"
-            iconType="warning"
-          />
+          <FailureStoreWarning />
         </EuiFlexItem>
       )}
     </EuiFlexGroup>

x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality_details/overview/index.tsx

@@ -7,11 +7,11 @@
 
 import React, { useCallback, useState } from 'react';
 import { dynamic } from '@kbn/shared-ux-utility';
-import { EuiCallOut, EuiFlexItem, EuiSpacer, OnRefreshProps } from '@elastic/eui';
-import { noAccessToFailureStoreWarningDescription } from '../../../../common/translations';
+import { EuiFlexItem, EuiSpacer, OnRefreshProps } from '@elastic/eui';
 import { useDatasetQualityDetailsState } from '../../../hooks';
 import { AggregationNotSupported } from './aggregation_not_supported';
 import { QualityIssues } from './quality_issues';
+import { FailureStoreWarning } from '../../failure_store/failure_store_warning';
 
 const OverviewHeader = dynamic(() => import('./header'));
 const Summary = dynamic(() => import('./summary'));
@@ -41,11 +41,7 @@ export function Overview() {
       <EuiSpacer size="m" />
       {!dataStreamSettingsLoading && !canUserReadFailureStore && (
         <EuiFlexItem>
-          <EuiCallOut
-            title={noAccessToFailureStoreWarningDescription}
-            color="warning"
-            iconType="warning"
-          />
+          <FailureStoreWarning />
           <EuiSpacer size="m" />
         </EuiFlexItem>
       )}

x-pack/platform/plugins/shared/dataset_quality/public/components/failure_store/failure_store_warning.tsx

@@ -0,0 +1,53 @@
+/*
+ * 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 { EuiLink, EuiCallOut } from '@elastic/eui';
+import React from 'react';
+import { FormattedMessage } from '@kbn/i18n-react';
+import { i18n } from '@kbn/i18n';
+import { useKibanaContextForPlugin } from '../../utils';
+
+export const FailureStoreWarning = () => {
+  const { services } = useKibanaContextForPlugin();
+
+  const noAccessToFailureStoreWarningDescription = (
+    <FormattedMessage
+      id="xpack.datasetQuality.noAccessToFailureStore.description"
+      defaultMessage="{description}"
+      values={{
+        description: (
+          <FormattedMessage
+            id="xpack.datasetQuality.noAccessToFailureStore.warning"
+            defaultMessage="Documents that fail to be ingested are sent to the failure store. You don't have the required privileges to access failure stores. Contact your administrator. {learnMoreLink}"
+            values={{
+              learnMoreLink: (
+                <EuiLink
+                  external
+                  target="_blank"
+                  data-test-subj="datasetQualityNoAccessToFailureStoreLink"
+                  href={services.docLinks.links.datasetQuality.failureStore}
+                >
+                  {i18n.translate('xpack.datasetQuality.noAccessToFailureStore.link.title', {
+                    defaultMessage: 'Learn more',
+                  })}
+                </EuiLink>
+              ),
+            }}
+          />
+        ),
+      }}
+    />
+  );
+
+  return (
+    <EuiCallOut
+      title={noAccessToFailureStoreWarningDescription}
+      color="warning"
+      iconType="warning"
+    />
+  );
+};