-
{dataStreams.map((item) => (
diff --git a/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/detail/overview/requirements.tsx b/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/detail/overview/requirements.tsx
index e028f45aaf7c8..fb106f38f628e 100644
--- a/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/detail/overview/requirements.tsx
+++ b/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/detail/overview/requirements.tsx
@@ -7,9 +7,20 @@
import React, { memo } from 'react';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n-react';
-import { EuiFlexGroup, EuiFlexItem, EuiText, EuiDescriptionList, EuiToolTip } from '@elastic/eui';
+import {
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiText,
+ EuiDescriptionList,
+ EuiToolTip,
+ EuiLink,
+} from '@elastic/eui';
+
+import { useStartServices } from '../../../../../hooks';
export const Requirements = memo(() => {
+ const { docLinks } = useStartServices();
+
return (
-
{rootIntegrations.map((item) => (
diff --git a/x-pack/plugins/fleet/public/components/enrollment_instructions/unprivileged_info.tsx b/x-pack/plugins/fleet/public/components/enrollment_instructions/unprivileged_info.tsx
index d6f1fd368538f..e8d36591998cb 100644
--- a/x-pack/plugins/fleet/public/components/enrollment_instructions/unprivileged_info.tsx
+++ b/x-pack/plugins/fleet/public/components/enrollment_instructions/unprivileged_info.tsx
@@ -6,20 +6,31 @@
*/
import React from 'react';
-import { EuiCode, EuiSpacer, EuiText } from '@elastic/eui';
+import { EuiCode, EuiLink, EuiSpacer, EuiText } from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';
+import { useStartServices } from '../../hooks';
+
export const UnprivilegedInfo: React.FC = () => {
+ const { docLinks } = useStartServices();
return (
<>
+ {i18n.ENTERPRISE_LICENSE_TITLE} +
+ } + description={false} + > +
+ {i18n.ENTERPRISE_LICENSE_UPGRADE_TITLE}
+
+
+
+ {i18n.ENTERPRISE_LICENSE_UPGRADE_BUTTON}
+
+
+ {i18n.ASSISTANT_TITLE}
-{i18n.ASSISTANT_TITLE}
++ {TIER_REQUIRED(requiredProductType)} +
+ } + description={false} + > +
+
+ {UPGRADE_PRODUCT_MESSAGE(requiredProductType)}
+
+
+
+ {storyFn()}
+
+ ),
+ ],
+};
+
+const mockCore = {
+ application: {
+ navigateToApp: () => {},
+ getUrlForApp: () => '#',
+ },
+} as unknown as CoreStart;
+
+export const LandingLinksImageCards = (params: LandingLinksImagesProps) => (
+
+
+
+
+);
+
+LandingLinksImageCards.argTypes = {
+ items: {
+ control: 'object',
+ defaultValue: items,
+ },
+};
+
+LandingLinksImageCards.parameters = {
+ layout: 'fullscreen',
+};
diff --git a/x-pack/packages/security-solution/navigation/src/landing_links/landing_links_image_card.test.tsx b/x-pack/packages/security-solution/navigation/src/landing_links/landing_links_image_card.test.tsx
new file mode 100644
index 0000000000000..b55527146bbad
--- /dev/null
+++ b/x-pack/packages/security-solution/navigation/src/landing_links/landing_links_image_card.test.tsx
@@ -0,0 +1,104 @@
+/*
+ * 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 { render } from '@testing-library/react';
+import { SecurityPageName } from '../constants';
+import { mockNavigateTo, mockGetAppUrl } from '../../mocks/navigation';
+import { LandingLinksImageCard } from './landing_links_image_card';
+import { BETA } from './beta_badge';
+
+jest.mock('../navigation');
+
+mockGetAppUrl.mockImplementation(({ deepLinkId }: { deepLinkId: string }) => `/${deepLinkId}`);
+const mockOnLinkClick = jest.fn();
+
+const DEFAULT_NAV_ITEM = {
+ id: SecurityPageName.overview,
+ title: 'TEST LABEL',
+ description: 'TEST DESCRIPTION',
+ landingImage: 'TEST_IMAGE.png',
+};
+
+describe('LandingLinksImageCard', () => {
+ it('should render', () => {
+ const title = 'test label';
+
+ const { queryByText } = render(
+
+ {items.map((item) => {
+ const { id } = item;
+ return
+ {title}
+
-
-
- {isBeta &&
- }
- titleElement="span"
- description={{description}}
- />
-