[Fleet] Display owner type in package details (elastic#171239)

JDKurma · Nov 15, 2023 · 74a5fba · 74a5fba
1 parent 1ecb6ba
commit 74a5fba
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 1 deletion.
diff --git a/x-pack/plugins/fleet/common/types/models/package_spec.ts b/x-pack/plugins/fleet/common/types/models/package_spec.ts
@@ -26,7 +26,7 @@ export interface PackageSpecManifest {
   screenshots?: PackageSpecScreenshot[];
   policy_templates?: RegistryPolicyTemplate[];
   vars?: RegistryVarsEntry[];
-  owner: { github: string };
+  owner: { github: string; type?: 'elastic' | 'partner' | 'community' };
   elasticsearch?: Pick<
     RegistryElasticsearch,
     'index_template.settings' | 'index_template.mappings' | 'index_template.data_stream'

diff --git a/...s/fleet/public/applications/integrations/sections/epm/screens/detail/overview/details.tsx b/...s/fleet/public/applications/integrations/sections/epm/screens/detail/overview/details.tsx
@@ -179,6 +179,45 @@ export const Details: React.FC<Props> = memo(({ packageInfo }) => {
       ),
     });
 
+    let ownerTypeDescription: React.ReactNode;
+    switch (packageInfo.owner.type) {
+      case 'community':
+        ownerTypeDescription = (
+          <FormattedMessage
+            id="xpack.fleet.epm.ownerTypeCommunityDescription"
+            defaultMessage="Community"
+          />
+        );
+        break;
+      case 'partner':
+        ownerTypeDescription = (
+          <FormattedMessage
+            id="xpack.fleet.epm.ownerTypePartnerDescription"
+            defaultMessage="Partner"
+          />
+        );
+        break;
+      case 'elastic':
+        ownerTypeDescription = (
+          <FormattedMessage
+            id="xpack.fleet.epm.ownerTypeElasticDescription"
+            defaultMessage="Elastic"
+          />
+        );
+        break;
+    }
+
+    if (ownerTypeDescription) {
+      items.push({
+        title: (
+          <EuiTextColor color="subdued">
+            <FormattedMessage id="xpack.fleet.epm.ownerTypeLabel" defaultMessage="Developed by" />
+          </EuiTextColor>
+        ),
+        description: ownerTypeDescription,
+      });
+    }
+
     // License details
     if (packageInfo.licensePath || packageInfo.source?.license || packageInfo.notice) {
       items.push({
@@ -233,6 +272,7 @@ export const Details: React.FC<Props> = memo(({ packageInfo }) => {
     packageInfo.licensePath,
     packageInfo.notice,
     packageInfo.source?.license,
+    packageInfo.owner.type,
     packageInfo.version,
     toggleLicenseModal,
     toggleNoticeModal,