[Uptime] Use service.name to link from Uptime -> APM where available (elastic#73618)

With elastic/beats#19932 coming in 7.10 adding
the `service.name` ECS field is very easy. We should prefer this field
when cross linking to APM, hence this PR.

Resolves elastic/uptime#220
# Conflicts:
#	x-pack/plugins/uptime/public/lib/helper/observability_integration/get_apm_href.ts

Author: andrewvc

x-pack/plugins/uptime/common/runtime_types/monitor/state.ts

@@ -37,6 +37,9 @@ export const StateType = t.intersection([
         name: t.array(t.string),
       }),
     }),
+    service: t.partial({
+      name: t.string,
+    }),
   }),
 ]);
 

x-pack/plugins/uptime/common/runtime_types/ping/ping.ts

@@ -196,6 +196,9 @@ export const PingType = t.intersection([
       port: t.number,
       scheme: t.string,
     }),
+    service: t.partial({
+      name: t.string,
+    }),
   }),
 ]);
 

x-pack/plugins/uptime/public/components/overview/monitor_list/monitor_list_drawer/__tests__/__snapshots__/integration_group.test.tsx.snap

@@ -64,16 +64,17 @@ export const IntegrationGroup = ({ summary }: IntegrationGroupProps) => {
             href={getApmHref(summary, basePath, dateRangeStart, dateRangeEnd)}
             iconType="apmApp"
             message={i18n.translate('xpack.uptime.apmIntegrationAction.text', {
-              defaultMessage: 'Check APM for domain',
+              defaultMessage: 'Show APM Data',
               description:
-                'A message explaining that when the user clicks the associated link, it will navigate to the APM app and search for the selected domain',
+                'A message explaining that when the user clicks the associated link, it will navigate to the APM app',
             })}
             tooltipContent={i18n.translate(
               'xpack.uptime.monitorList.observabilityIntegrationsColumn.apmIntegrationLink.tooltip',
               {
-                defaultMessage: 'Click here to check APM for the domain "{domain}".',
+                defaultMessage:
+                  'Click here to check APM for the domain "{domain}" or explicitly defined "service name".',
                 description:
-                  'A messsage shown in a tooltip explaining that the nested anchor tag will navigate to the APM app and search for the given URL domain.',
+                  'A messsage shown in a tooltip explaining that the nested anchor tag will navigate to the APM app and search for the given URL domain or explicitly defined service name.',
                 values: {
                   domain,
                 },

x-pack/plugins/uptime/public/components/overview/monitor_list/monitor_list_drawer/actions_popover/integration_group.tsx

@@ -9,7 +9,6 @@ import { MonitorSummary, makePing } from '../../../../../common/runtime_types';
 
 describe('getApmHref', () => {
   let summary: MonitorSummary;
-
   beforeEach(() => {
     summary = {
       monitor_id: 'foo',
@@ -49,4 +48,18 @@ describe('getApmHref', () => {
       `"/app/apm#/services?kuery=url.domain:%20%22www.elastic.co%22&rangeFrom=now-15m&rangeTo=now"`
     );
   });
+
+  describe('with service.name', () => {
+    const serviceName = 'MyServiceName';
+    beforeEach(() => {
+      summary.state.service = { name: serviceName };
+    });
+
+    it('links to the named service', () => {
+      const result = getApmHref(summary, 'foo', 'now-15m', 'now');
+      expect(result).toMatchInlineSnapshot(
+        `"foo/app/apm#/services?kuery=service.name:%20%22${serviceName}%22&rangeFrom=now-15m&rangeTo=now"`
+      );
+    });
+  });
 });

x-pack/plugins/uptime/public/lib/helper/observability_integration/__tests__/get_apm_href.test.ts

@@ -13,10 +13,15 @@ export const getApmHref = (
   basePath: string,
   dateRangeStart: string,
   dateRangeEnd: string
-) =>
-  addBasePath(
+) => {
+  const clause = summary?.state?.service?.name
+    ? `service.name: "${summary.state.service.name}"`
+    : `url.domain: "${summary.state.url?.domain}"`;
+
+  return addBasePath(
     basePath,
     `/app/apm#/services?kuery=${encodeURI(
-      `url.domain: "${get(summary, 'state.url.domain')}"`
+      clause
     )}&rangeFrom=${dateRangeStart}&rangeTo=${dateRangeEnd}`
   );
+};

x-pack/plugins/uptime/public/lib/helper/observability_integration/get_apm_href.ts

@@ -93,6 +93,7 @@ export const summaryPingsToSummary = (summaryPings: Ping[]): MonitorSummary => {
       observer: {
         geo: { name: summaryPings.map((p) => p.observer?.geo?.name ?? '').filter((n) => n !== '') },
       },
+      service: summaryPings.find((p) => p.service?.name)?.service,
     },
   };
 };