@pagerduty/backstage-plugin 0.13.0-next.8 → 0.13.0

package/README.md

@@ -13,6 +13,7 @@ The PagerDuty plugin reduces the cognitive load on developers responsible for ma
 - **[See Active Incidents](<https://pagerduty.github.io/backstage-plugin-docs/capabilities/#view-any-open-incidents>)** - View all active incidents for a service directly in Backstage.
 - **[Check for Recent Changes](<https://pagerduty.github.io/backstage-plugin-docs/capabilities/#view-change-events-associated-to-a-service>)** - Identify recent changes that may be the root cause of potential issues with your service.
 - **[Identify On-Call Personnel](<https://pagerduty.github.io/backstage-plugin-docs/capabilities/#see-and-contact-on-call-staff>)** - Quickly determine who is responsible for a failing service and resolve the incident as quickly as possible. This feature allows companies to spend more time solving problems rather than determining who should solve them.
+- **Map existing PagerDuty services to Backstage entities** - Leverage PagerDuty's Advanced Configuration page to map existing PagerDuty services to Backstage entities without code changes.
 
 ## Getting Started
 

package/assets/PD-Icon.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 120.6 175" style="enable-background:new 0 0 120.6 175;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#B5B5B5;}
+</style>
+<g>
+	<rect y="128.4" class="st0" width="25.7" height="46.6"/>
+	<path class="st0" d="M96.5,8.6C82.8,1.2,73.2,0,50.7,0H0v106.1h25.7H29h21.5c20,0,35-1.2,48.2-10c14.4-9.5,21.9-25.4,21.9-43.8
+		C120.6,32.5,111.4,16.6,96.5,8.6z M56.4,83.9H25.7V22.7l29-0.2c26.4-0.2,39.6,9,39.6,30.1C94.3,75.3,77.9,83.9,56.4,83.9z"/>
+</g>
+</svg>

package/dist/api/client.esm.js

@@ -51,10 +51,11 @@ class PagerDutyClient {
     )}/mapping/entity`;
     return await this.findByUrl(url);
   }
-  async storeServiceMapping(serviceId, backstageEntityId) {
+  async storeServiceMapping(serviceId, integrationKey, backstageEntityRef) {
     const body = JSON.stringify({
-      entityRef: backstageEntityId,
-      serviceId
+      entityRef: backstageEntityRef,
+      serviceId,
+      integrationKey
     });
     const options = {
       method: "POST",

package/dist/api/client.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.esm.js","sources":["../../src/api/client.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  PagerDutyApi,\n  PagerDutyTriggerAlarmRequest,\n  PagerDutyClientApiDependencies,\n  PagerDutyClientApiConfig,\n  RequestOptions,\n} from './types';\nimport { PagerDutyChangeEventsResponse, \n  PagerDutyOnCallUsersResponse, \n  PagerDutyUser, \n  PagerDutyServiceResponse,\n  PagerDutyIncidentsResponse,\n  PagerDutyServiceStandardsResponse,\n  PagerDutyServiceMetricsResponse,\n  PagerDutyEntityMappingResponse\n} from '@pagerduty/backstage-plugin-common';\nimport { createApiRef, ConfigApi } from '@backstage/core-plugin-api';\nimport { NotFoundError } from '@backstage/errors';\nimport { Entity } from '@backstage/catalog-model';\nimport { getPagerDutyEntity } from '../components/pagerDutyEntity';\nimport { PagerDutyEntity } from '../types';\n\n/** @public */\nexport class UnauthorizedError extends Error {}\n\n/** @public */\nexport class ForbiddenError extends Error { }\n\n/** @public */\nexport const pagerDutyApiRef = createApiRef<PagerDutyApi>({\n  id: 'plugin.pagerduty.api',\n});\n\n/** @public */\nexport class PagerDutyClient implements PagerDutyApi {\n  static fromConfig(\n    configApi: ConfigApi,\n    dependencies: PagerDutyClientApiDependencies,\n  ) {\n    const { discoveryApi, fetchApi } = dependencies;\n\n    const eventsBaseUrl: string =\n      configApi.getOptionalString('pagerDuty.eventsBaseUrl') ??\n      'https://events.pagerduty.com/v2';\n\n    return new PagerDutyClient({\n      eventsBaseUrl,\n      discoveryApi,\n      fetchApi,\n    });\n  }\n\n  constructor(private readonly config: PagerDutyClientApiConfig) {}\n\n  async getServiceByPagerDutyEntity(\n    pagerDutyEntity: PagerDutyEntity,\n  ): Promise<PagerDutyServiceResponse> {\n    const { integrationKey, serviceId } = pagerDutyEntity;\n\n    let response: PagerDutyServiceResponse;\n    let url: string;\n\n    if (integrationKey) {\n      url = `${await this.config.discoveryApi.getBaseUrl(\n        'pagerduty',\n      )}/services?integration_key=${integrationKey}`;\n      const serviceResponse = await this.findByUrl<PagerDutyServiceResponse>(url);\n\n      if (serviceResponse.service === undefined) throw new NotFoundError();\n\n      response = serviceResponse;\n    } else if (serviceId) {\n      url = `${await this.config.discoveryApi.getBaseUrl(\n        'pagerduty',\n      )}/services/${serviceId}`;\n\n      response = await this.findByUrl<PagerDutyServiceResponse>(url);\n    } else {\n      throw new NotFoundError();\n    }\n\n    return response;\n  }\n\n  async getEntityMappings(): Promise<PagerDutyEntityMappingResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/mapping/entity`;\n\n    return await this.findByUrl<PagerDutyEntityMappingResponse>(url);\n  }\n\n  async storeServiceMapping(serviceId: string, backstageEntityId: string): Promise<Response> {\n\n    const body = JSON.stringify({\n      entityRef: backstageEntityId,\n      serviceId: serviceId,\n    });\n\n    const options = {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json; charset=UTF-8',\n        Accept: 'application/json, text/plain, */*',\n      },\n      body,\n    };\n\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/mapping/entity`;\n\n    return this.request(url, options);\n  }\n\n  async getServiceByEntity(entity: Entity): Promise<PagerDutyServiceResponse> {\n    return await this.getServiceByPagerDutyEntity(getPagerDutyEntity(entity));\n  }\n\n  async getServiceById(serviceId: string): Promise<PagerDutyServiceResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/services/${serviceId}`;\n\n    return await this.findByUrl<PagerDutyServiceResponse>(url);\n  }\n\n  async getIncidentsByServiceId(\n    serviceId: string,\n  ): Promise<PagerDutyIncidentsResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/services/${serviceId}/incidents`;\n\n    return await this.findByUrl<PagerDutyIncidentsResponse>(url);\n  }\n\n  async getChangeEventsByServiceId(\n    serviceId: string,\n  ): Promise<PagerDutyChangeEventsResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/services/${serviceId}/change-events`;\n\n    return await this.findByUrl<PagerDutyChangeEventsResponse>(url);\n  }\n\n  async getServiceStandardsByServiceId(\n    serviceId: string,\n  ): Promise<PagerDutyServiceStandardsResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/services/${serviceId}/standards`;\n\n    return await this.findByUrl<PagerDutyServiceStandardsResponse>(url);\n  }\n\n  async getServiceMetricsByServiceId(\n    serviceId: string,\n  ): Promise<PagerDutyServiceMetricsResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/services/${serviceId}/metrics`;\n\n    return await this.findByUrl<PagerDutyServiceMetricsResponse>(url);\n  }\n\n  async getOnCallByPolicyId(\n    policyId: string,\n  ): Promise<PagerDutyUser[]> {\n    const params = `escalation_policy_ids[]=${policyId}`;\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/oncall-users?${params}`;\n\n    const response: PagerDutyOnCallUsersResponse = await this.findByUrl<PagerDutyOnCallUsersResponse>(url);\n    return response.users;\n  }\n\n  triggerAlarm(request: PagerDutyTriggerAlarmRequest): Promise<Response> {\n    const { integrationKey, source, description, userName } = request;\n\n    const body = JSON.stringify({\n      event_action: 'trigger',\n      routing_key: integrationKey,\n      client: 'Backstage',\n      client_url: source,\n      payload: {\n        summary: description,\n        source: source,\n        severity: 'error',\n        class: 'manual trigger',\n        custom_details: {\n          user: userName,\n        },\n      },\n    });\n\n    const options = {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json; charset=UTF-8',\n        Accept: 'application/json, text/plain, */*',\n      },\n      body,\n    };\n\n    const url = this.config.eventsBaseUrl ?? 'https://events.pagerduty.com/v2';\n\n    return this.request(`${url}/enqueue`, options);\n  }\n\n  private async findByUrl<T>(url: string): Promise<T> {\n    const options = {\n      method: 'GET',\n      headers: {\n        Accept: 'application/vnd.pagerduty+json;version=2',\n        'Content-Type': 'application/json',\n      },\n    };\n    const response = await this.request(url, options);\n    return response.json();\n  }\n\n  private async request(\n    url: string,\n    options: RequestOptions,\n  ): Promise<Response> {\n    const response = await this.config.fetchApi.fetch(url, options);\n    if (response.status === 401) {\n      throw new UnauthorizedError(\"Unauthorized: You don't have access to this resource\");\n    }\n\n    if (response.status === 403) {\n      throw new ForbiddenError(\"Forbidden: You are not allowed to perform this action\");\n    }\n\n    if (response.status === 404) {\n      throw new NotFoundError(\"Not Found: Resource not found\");\n    }\n\n    if (!response.ok) {\n      const payload = await response.json();\n      const errors = payload.errors.map((error: string) => error).join(' ');\n      const message = `Request failed with ${response.status}, ${errors}`;\n      throw new Error(message);\n    }\n    return response;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"client.esm.js","sources":["../../src/api/client.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  PagerDutyApi,\n  PagerDutyTriggerAlarmRequest,\n  PagerDutyClientApiDependencies,\n  PagerDutyClientApiConfig,\n  RequestOptions,\n} from './types';\nimport { PagerDutyChangeEventsResponse, \n  PagerDutyOnCallUsersResponse, \n  PagerDutyUser, \n  PagerDutyServiceResponse,\n  PagerDutyIncidentsResponse,\n  PagerDutyServiceStandardsResponse,\n  PagerDutyServiceMetricsResponse,\n  PagerDutyEntityMappingsResponse\n} from '@pagerduty/backstage-plugin-common';\nimport { createApiRef, ConfigApi } from '@backstage/core-plugin-api';\nimport { NotFoundError } from '@backstage/errors';\nimport { Entity } from '@backstage/catalog-model';\nimport { getPagerDutyEntity } from '../components/pagerDutyEntity';\nimport { PagerDutyEntity } from '../types';\n\n/** @public */\nexport class UnauthorizedError extends Error {}\n\n/** @public */\nexport class ForbiddenError extends Error { }\n\n/** @public */\nexport const pagerDutyApiRef = createApiRef<PagerDutyApi>({\n  id: 'plugin.pagerduty.api',\n});\n\n/** @public */\nexport class PagerDutyClient implements PagerDutyApi {\n  static fromConfig(\n    configApi: ConfigApi,\n    dependencies: PagerDutyClientApiDependencies,\n  ) {\n    const { discoveryApi, fetchApi } = dependencies;\n\n    const eventsBaseUrl: string =\n      configApi.getOptionalString('pagerDuty.eventsBaseUrl') ??\n      'https://events.pagerduty.com/v2';\n\n    return new PagerDutyClient({\n      eventsBaseUrl,\n      discoveryApi,\n      fetchApi,\n    });\n  }\n\n  constructor(private readonly config: PagerDutyClientApiConfig) {}\n\n  async getServiceByPagerDutyEntity(\n    pagerDutyEntity: PagerDutyEntity,\n  ): Promise<PagerDutyServiceResponse> {\n    const { integrationKey, serviceId } = pagerDutyEntity;\n\n    let response: PagerDutyServiceResponse;\n    let url: string;\n\n    if (integrationKey) {\n      url = `${await this.config.discoveryApi.getBaseUrl(\n        'pagerduty',\n      )}/services?integration_key=${integrationKey}`;\n      const serviceResponse = await this.findByUrl<PagerDutyServiceResponse>(url);\n\n      if (serviceResponse.service === undefined) throw new NotFoundError();\n\n      response = serviceResponse;\n    } else if (serviceId) {\n      url = `${await this.config.discoveryApi.getBaseUrl(\n        'pagerduty',\n      )}/services/${serviceId}`;\n\n      response = await this.findByUrl<PagerDutyServiceResponse>(url);\n    } else {\n      throw new NotFoundError();\n    }\n\n    return response;\n  }\n\n  async getEntityMappings(): Promise<PagerDutyEntityMappingsResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/mapping/entity`;\n\n    return await this.findByUrl<PagerDutyEntityMappingsResponse>(url);\n  }\n\n  async storeServiceMapping(serviceId: string, integrationKey: string, backstageEntityRef: string): Promise<Response> {\n\n    const body = JSON.stringify({\n      entityRef: backstageEntityRef,\n      serviceId: serviceId,\n      integrationKey: integrationKey,\n    });\n\n    const options = {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json; charset=UTF-8',\n        Accept: 'application/json, text/plain, */*',\n      },\n      body,\n    };\n\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/mapping/entity`;\n\n    return this.request(url, options);\n  }\n\n  async getServiceByEntity(entity: Entity): Promise<PagerDutyServiceResponse> {\n    return await this.getServiceByPagerDutyEntity(getPagerDutyEntity(entity));\n  }\n\n  async getServiceById(serviceId: string): Promise<PagerDutyServiceResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/services/${serviceId}`;\n\n    return await this.findByUrl<PagerDutyServiceResponse>(url);\n  }\n\n  async getIncidentsByServiceId(\n    serviceId: string,\n  ): Promise<PagerDutyIncidentsResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/services/${serviceId}/incidents`;\n\n    return await this.findByUrl<PagerDutyIncidentsResponse>(url);\n  }\n\n  async getChangeEventsByServiceId(\n    serviceId: string,\n  ): Promise<PagerDutyChangeEventsResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/services/${serviceId}/change-events`;\n\n    return await this.findByUrl<PagerDutyChangeEventsResponse>(url);\n  }\n\n  async getServiceStandardsByServiceId(\n    serviceId: string,\n  ): Promise<PagerDutyServiceStandardsResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/services/${serviceId}/standards`;\n\n    return await this.findByUrl<PagerDutyServiceStandardsResponse>(url);\n  }\n\n  async getServiceMetricsByServiceId(\n    serviceId: string,\n  ): Promise<PagerDutyServiceMetricsResponse> {\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/services/${serviceId}/metrics`;\n\n    return await this.findByUrl<PagerDutyServiceMetricsResponse>(url);\n  }\n\n  async getOnCallByPolicyId(\n    policyId: string,\n  ): Promise<PagerDutyUser[]> {\n    const params = `escalation_policy_ids[]=${policyId}`;\n    const url = `${await this.config.discoveryApi.getBaseUrl(\n      'pagerduty',\n    )}/oncall-users?${params}`;\n\n    const response: PagerDutyOnCallUsersResponse = await this.findByUrl<PagerDutyOnCallUsersResponse>(url);\n    return response.users;\n  }\n\n  triggerAlarm(request: PagerDutyTriggerAlarmRequest): Promise<Response> {\n    const { integrationKey, source, description, userName } = request;\n\n    const body = JSON.stringify({\n      event_action: 'trigger',\n      routing_key: integrationKey,\n      client: 'Backstage',\n      client_url: source,\n      payload: {\n        summary: description,\n        source: source,\n        severity: 'error',\n        class: 'manual trigger',\n        custom_details: {\n          user: userName,\n        },\n      },\n    });\n\n    const options = {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json; charset=UTF-8',\n        Accept: 'application/json, text/plain, */*',\n      },\n      body,\n    };\n\n    const url = this.config.eventsBaseUrl ?? 'https://events.pagerduty.com/v2';\n\n    return this.request(`${url}/enqueue`, options);\n  }\n\n  private async findByUrl<T>(url: string): Promise<T> {\n    const options = {\n      method: 'GET',\n      headers: {\n        Accept: 'application/vnd.pagerduty+json;version=2',\n        'Content-Type': 'application/json',\n      },\n    };\n    const response = await this.request(url, options);\n    return response.json();\n  }\n\n  private async request(\n    url: string,\n    options: RequestOptions,\n  ): Promise<Response> {\n    const response = await this.config.fetchApi.fetch(url, options);\n    if (response.status === 401) {\n      throw new UnauthorizedError(\"Unauthorized: You don't have access to this resource\");\n    }\n\n    if (response.status === 403) {\n      throw new ForbiddenError(\"Forbidden: You are not allowed to perform this action\");\n    }\n\n    if (response.status === 404) {\n      throw new NotFoundError(\"Not Found: Resource not found\");\n    }\n\n    if (!response.ok) {\n      const payload = await response.json();\n      const errors = payload.errors.map((error: string) => error).join(' ');\n      const message = `Request failed with ${response.status}, ${errors}`;\n      throw new Error(message);\n    }\n    return response;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/assets/PD-Icon.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 120.6 175" style="enable-background:new 0 0 120.6 175;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#B5B5B5;}
+</style>
+<g>
+	<rect y="128.4" class="st0" width="25.7" height="46.6"/>
+	<path class="st0" d="M96.5,8.6C82.8,1.2,73.2,0,50.7,0H0v106.1h25.7H29h21.5c20,0,35-1.2,48.2-10c14.4-9.5,21.9-25.4,21.9-43.8
+		C120.6,32.5,111.4,16.6,96.5,8.6z M56.4,83.9H25.7V22.7l29-0.2c26.4-0.2,39.6,9,39.6,30.1C94.3,75.3,77.9,83.9,56.4,83.9z"/>
+</g>
+</svg>

package/dist/components/Icons/index.esm.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import PDIcon from '../../assets/PD-Icon.svg';
+
+function PagerDutyIcon() {
+  return /* @__PURE__ */ React.createElement("img", { src: PDIcon, alt: "PagerDuty", height: "20px" });
+}
+
+export { PagerDutyIcon };
+//# sourceMappingURL=index.esm.js.map

package/dist/components/Icons/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/Icons/index.tsx"],"sourcesContent":["import React from \"react\";\nimport PDIcon from \"../../assets/PD-Icon.svg\";\n\n/** @public */\nexport function PagerDutyIcon() {\n\n  return <img src={PDIcon} alt=\"PagerDuty\" height=\"20px\" />;\n};\n"],"names":[],"mappings":";;;AAIO,SAAS,aAAgB,GAAA;AAE9B,EAAA,2CAAQ,KAAI,EAAA,EAAA,GAAA,EAAK,QAAQ,GAAI,EAAA,WAAA,EAAY,QAAO,MAAO,EAAA,CAAA,CAAA;AACzD;;;;"}

package/dist/components/PagerDutyPage/MappingTable.esm.js

@@ -0,0 +1,245 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { useMaterialReactTable, MRT_EditActionButtons, MaterialReactTable } from 'material-react-table';
+import { Typography, Box, DialogTitle, DialogContent, DialogActions, Tooltip, IconButton } from '@material-ui/core';
+import { QueryClient, QueryClientProvider, useMutation } from '@tanstack/react-query';
+import { Edit, OpenInBrowser } from '@mui/icons-material';
+import { useApi } from '@backstage/core-plugin-api';
+import { pagerDutyApiRef } from '../../api/client.esm.js';
+
+function getColorFromStatus(status) {
+  switch (status) {
+    case "InSync":
+      return "green";
+    case "OutOfSync":
+      return "red";
+    case "NotMapped":
+      return "orange";
+    default:
+      return "gray";
+  }
+}
+function makeReadable(status) {
+  switch (status) {
+    case "InSync":
+      return "In Sync";
+    case "OutOfSync":
+      return "Out of Sync";
+    case "NotMapped":
+      return "Not Mapped";
+    default:
+      return "Refresh to Update";
+  }
+}
+const MappingTable = ({
+  mappings,
+  catalogEntities
+}) => {
+  const DenseTable = () => {
+    const [validationErrors, setValidationErrors] = useState({});
+    const [entityOptions, setEntityOptions] = useState(
+      []
+    );
+    const pagerDutyApi = useApi(pagerDutyApiRef);
+    useEffect(() => {
+      getEntityOptions();
+    }, []);
+    const columns = useMemo(
+      () => [
+        {
+          accessorKey: "serviceId",
+          header: "Service ID",
+          visibleInShowHideMenu: false,
+          enableEditing: false,
+          Edit: () => null,
+          Cell: ({ cell }) => /* @__PURE__ */ React.createElement(Typography, { variant: "body1", style: { fontWeight: 600 } }, cell.getValue())
+        },
+        {
+          accessorKey: "integrationKey",
+          header: "Integration Key",
+          visibleInShowHideMenu: false,
+          enableEditing: false,
+          Edit: () => null
+        },
+        {
+          accessorKey: "serviceName",
+          header: "PagerDuty Service",
+          enableEditing: false
+        },
+        {
+          accessorKey: "team",
+          header: "Team",
+          enableEditing: false
+        },
+        {
+          accessorKey: "escalationPolicy",
+          header: "Escalation Policy",
+          enableEditing: false
+        },
+        {
+          accessorKey: "entityRef",
+          header: "Mapping",
+          visibleInShowHideMenu: false,
+          editVariant: "select",
+          editSelectOptions: entityOptions,
+          muiEditTextFieldProps: {
+            select: true,
+            error: !!(validationErrors == null ? void 0 : validationErrors.state),
+            helperText: validationErrors == null ? void 0 : validationErrors.state,
+            multiline: true,
+            type: "range"
+          }
+        },
+        {
+          accessorKey: "entityName",
+          header: "Mapped Entity Name",
+          enableEditing: false,
+          Edit: () => null
+        },
+        {
+          accessorKey: "status",
+          header: "Status",
+          enableEditing: false,
+          Edit: () => null,
+          Cell: ({ cell }) => /* @__PURE__ */ React.createElement(
+            Box,
+            {
+              component: "span",
+              bgcolor: getColorFromStatus(cell.getValue()),
+              borderRadius: "0.25rem",
+              color: "white",
+              p: "0.25rem"
+            },
+            makeReadable(cell.getValue())
+          )
+        },
+        {
+          accessorKey: "serviceUrl",
+          header: "Service URL",
+          visibleInShowHideMenu: false,
+          enableEditing: false,
+          Edit: () => null
+        }
+      ],
+      [validationErrors, entityOptions]
+    );
+    function useUpdateMapping() {
+      return useMutation({
+        mutationFn: async (mapping) => {
+          return await pagerDutyApi.storeServiceMapping(
+            mapping.serviceId,
+            mapping.integrationKey || "",
+            mapping.entityRef
+          );
+        }
+      });
+    }
+    const { mutateAsync: updateMapping, isPending: isUpdatingMapping } = useUpdateMapping();
+    const handleSaveMapping = async ({ values, table }) => {
+      var _a, _b;
+      setValidationErrors({});
+      values.entityName = (_b = (_a = catalogEntities.find(
+        (entity) => `${entity.type}:${entity.namespace}/${entity.name}`.toLowerCase() === values.entityRef
+      )) == null ? void 0 : _a.name) != null ? _b : "";
+      values.status = "RefreshToUpdate";
+      await updateMapping(values);
+      const existingMapping = mappings.find(
+        (item) => item.serviceId === values.serviceId
+      );
+      if (existingMapping) {
+        existingMapping.entityRef = values.entityRef;
+        existingMapping.entityName = values.entityName;
+      }
+      table.setEditingRow(null);
+    };
+    const openInBrowser = (url) => {
+      window.open(url, "_blank", "noreferrer");
+    };
+    const dataTable = useMaterialReactTable({
+      columns,
+      data: mappings,
+      editDisplayMode: "modal",
+      enableEditing: true,
+      positionActionsColumn: "last",
+      enableStickyHeader: true,
+      enableFilters: true,
+      getRowId: (row) => row.serviceId,
+      muiToolbarAlertBannerProps: mappings === void 0 ? {
+        color: "error",
+        children: "Error loading data"
+      } : void 0,
+      muiTableContainerProps: {
+        sx: {
+          minHeight: "500px"
+        }
+      },
+      onEditingRowCancel: () => setValidationErrors({}),
+      onEditingRowSave: handleSaveMapping,
+      renderEditRowDialogContent: ({ table, row, internalEditComponents }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DialogTitle, null, "Update Entity Mapping"), /* @__PURE__ */ React.createElement(
+        DialogContent,
+        {
+          style: { display: "flex", flexDirection: "column", gap: "1rem" }
+        },
+        internalEditComponents
+      ), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(MRT_EditActionButtons, { variant: "text", table, row }))),
+      renderRowActions: ({ row, table }) => /* @__PURE__ */ React.createElement(Box, { sx: { display: "flex" } }, /* @__PURE__ */ React.createElement(Tooltip, { title: "Edit" }, /* @__PURE__ */ React.createElement(
+        IconButton,
+        {
+          onClick: () => {
+            getEntityOptions();
+            table.setEditingRow(row);
+          }
+        },
+        /* @__PURE__ */ React.createElement(Edit, null)
+      )), /* @__PURE__ */ React.createElement(Tooltip, { title: "Open in PagerDuty" }, /* @__PURE__ */ React.createElement(
+        IconButton,
+        {
+          onClick: () => openInBrowser(row.getValue("serviceUrl"))
+        },
+        /* @__PURE__ */ React.createElement(OpenInBrowser, null)
+      ))),
+      state: {
+        isLoading: mappings.length === 0 || catalogEntities.length === 0,
+        isSaving: isUpdatingMapping,
+        showAlertBanner: mappings === void 0 || catalogEntities === void 0,
+        showProgressBars: mappings.length === 0 || catalogEntities.length === 0,
+        columnVisibility: {
+          serviceId: false,
+          entityRef: false,
+          serviceUrl: false,
+          integrationKey: false
+        }
+      }
+    });
+    function getEntityOptions() {
+      const options = [];
+      options.push({ value: "", label: "None" });
+      catalogEntities.forEach((entity) => {
+        const foundServiceAnnotation = entity.annotations["pagerduty.com/service-id"];
+        const foundIntegrationKeyAnnotation = entity.annotations["pagerduty.com/integration-key"];
+        let foundServiceMapping;
+        if (foundServiceAnnotation || foundIntegrationKeyAnnotation) {
+          foundServiceMapping = mappings.find(
+            (item) => item.serviceId === foundServiceAnnotation || item.integrationKey === foundIntegrationKeyAnnotation
+          );
+        }
+        const entityRef = `${entity.type}:${entity.namespace}/${entity.name}`.toLowerCase();
+        const foundEntityMapping = mappings.find(
+          (item) => item.entityRef === entityRef
+        );
+        if (!foundEntityMapping && (!foundServiceAnnotation || !foundIntegrationKeyAnnotation) || (foundServiceAnnotation || foundIntegrationKeyAnnotation) && foundServiceMapping && !foundEntityMapping) {
+          options.push({
+            value: entityRef,
+            label: entity.name
+          });
+        }
+      });
+      setEntityOptions(options);
+    }
+    return /* @__PURE__ */ React.createElement(MaterialReactTable, { table: dataTable });
+  };
+  const queryClient = new QueryClient();
+  return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(DenseTable, null));
+};
+
+export { MappingTable };
+//# sourceMappingURL=MappingTable.esm.js.map

package/dist/components/PagerDutyPage/MappingTable.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MappingTable.esm.js","sources":["../../../src/components/PagerDutyPage/MappingTable.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { PagerDutyEntityMapping } from \"@pagerduty/backstage-plugin-common\";\nimport {\n  MRT_ColumnDef,\n  MRT_EditActionButtons,\n  MRT_TableOptions,\n  MaterialReactTable,\n  useMaterialReactTable,\n} from \"material-react-table\";\nimport {\n  Box,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Tooltip,\n  Typography,\n} from \"@material-ui/core\";\nimport {\n  QueryClient,\n  QueryClientProvider,\n  useMutation,\n} from \"@tanstack/react-query\";\nimport { Edit, OpenInBrowser } from \"@mui/icons-material\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { pagerDutyApiRef } from \"../../api\";\n\ntype BackstageEntity = {\n  id: string;\n  name: string;\n  namespace: string;\n  type: string;\n  system: string;\n  owner: string;\n  lifecycle: string;\n  annotations: Annotations;\n};\n\nexport type Annotations = {\n  \"pagerduty.com/integration-key\": string;\n  \"pagerduty.com/service-id\": string;\n};\n\nfunction getColorFromStatus(status?: string) {\n  switch (status) {\n    case \"InSync\":\n      return \"green\";\n    case \"OutOfSync\":\n      return \"red\";\n    case \"NotMapped\":\n      return \"orange\";\n    default:\n      return \"gray\";\n  }\n}\n\nfunction makeReadable(status?: string) {\n  switch (status) {\n    case \"InSync\":\n      return \"In Sync\";\n    case \"OutOfSync\":\n      return \"Out of Sync\";\n    case \"NotMapped\":\n      return \"Not Mapped\";\n    default:\n      return \"Refresh to Update\";\n  }\n}\n\ntype CatalogEntityOptions = {\n  value: string;\n  label: string;\n};\n\ntype MappingTableProps = {\n  mappings: PagerDutyEntityMapping[];\n  catalogEntities: BackstageEntity[];\n};\n\nexport const MappingTable = ({\n  mappings,\n  catalogEntities,\n}: MappingTableProps) => {\n  const DenseTable = () => {\n    const [validationErrors, setValidationErrors] = useState<\n      Record<string, string | undefined>\n    >({});\n    const [entityOptions, setEntityOptions] = useState<CatalogEntityOptions[]>(\n      []\n    );\n    const pagerDutyApi = useApi(pagerDutyApiRef);\n\n    useEffect(() => {\n      getEntityOptions();\n    }, []);\n\n    const columns = useMemo<MRT_ColumnDef<PagerDutyEntityMapping>[]>(\n      () => [\n        {\n          accessorKey: \"serviceId\",\n          header: \"Service ID\",\n          visibleInShowHideMenu: false,\n          enableEditing: false,\n          Edit: () => null,\n          Cell: ({ cell }) => (\n            <Typography variant=\"body1\" style={{ fontWeight: 600 }}>\n              {cell.getValue<string>()}\n            </Typography>\n          ),\n        },\n        {\n          accessorKey: \"integrationKey\",\n          header: \"Integration Key\",\n          visibleInShowHideMenu: false,\n          enableEditing: false,\n          Edit: () => null,\n        },\n        {\n          accessorKey: \"serviceName\",\n          header: \"PagerDuty Service\",\n          enableEditing: false,\n        },\n        {\n          accessorKey: \"team\",\n          header: \"Team\",\n          enableEditing: false,\n        },\n        {\n          accessorKey: \"escalationPolicy\",\n          header: \"Escalation Policy\",\n          enableEditing: false,\n        },\n        {\n          accessorKey: \"entityRef\",\n          header: \"Mapping\",\n          visibleInShowHideMenu: false,\n          editVariant: \"select\",\n          editSelectOptions: entityOptions,\n          muiEditTextFieldProps: {\n            select: true,\n            error: !!validationErrors?.state,\n            helperText: validationErrors?.state,\n            multiline: true,\n            type: \"range\",\n          },\n        },\n        {\n          accessorKey: \"entityName\",\n          header: \"Mapped Entity Name\",\n          enableEditing: false,\n          Edit: () => null,\n        },\n        {\n          accessorKey: \"status\",\n          header: \"Status\",\n          enableEditing: false,\n          Edit: () => null,\n          Cell: ({ cell }) => (\n            <Box\n              component=\"span\"\n              bgcolor={getColorFromStatus(cell.getValue<string>())}\n              borderRadius=\"0.25rem\"\n              color=\"white\"\n              p=\"0.25rem\"\n            >\n              {makeReadable(cell.getValue<string>())}\n            </Box>\n          ),\n        },\n        {\n          accessorKey: \"serviceUrl\",\n          header: \"Service URL\",\n          visibleInShowHideMenu: false,\n          enableEditing: false,\n          Edit: () => null,\n        },\n      ],\n      [validationErrors, entityOptions]\n    );\n\n    // UPDATE hook (put mapping in api)\n    function useUpdateMapping() {\n      return useMutation({\n        mutationFn: async (mapping: PagerDutyEntityMapping) => {\n          return await pagerDutyApi.storeServiceMapping(\n            mapping.serviceId,\n            mapping.integrationKey || \"\",\n            mapping.entityRef\n          );\n        },\n      });\n    }\n\n    // call UPDATE hook\n    const { mutateAsync: updateMapping, isPending: isUpdatingMapping } =\n      useUpdateMapping();\n\n    // UPDATE action\n    const handleSaveMapping: MRT_TableOptions<PagerDutyEntityMapping>[\"onEditingRowSave\"] =\n      async ({ values, table }) => {\n        setValidationErrors({});\n\n        values.entityName =\n          catalogEntities.find(\n            (entity) =>\n              `${entity.type}:${entity.namespace}/${entity.name}`.toLowerCase() ===\n              values.entityRef\n          )?.name ?? \"\";\n        values.status = \"RefreshToUpdate\";\n\n        await updateMapping(values);\n\n        // find corresponding mapping in mappings array\n        // and update it with new values\n        const existingMapping = mappings.find(\n          (item) => item.serviceId === values.serviceId\n        );\n        if (existingMapping) {\n          existingMapping.entityRef = values.entityRef;\n          existingMapping.entityName = values.entityName;\n        }\n\n        table.setEditingRow(null); // exit editing mode\n      };\n\n    const openInBrowser = (url: string) => {\n      window.open(url, \"_blank\", \"noreferrer\");\n    };\n\n    const dataTable = useMaterialReactTable({\n      columns,\n      data: mappings,\n      editDisplayMode: \"modal\",\n      enableEditing: true,\n      positionActionsColumn: \"last\",\n      enableStickyHeader: true,\n      enableFilters: true,\n      getRowId: (row) => row.serviceId,\n      muiToolbarAlertBannerProps:\n        mappings === undefined\n          ? {\n              color: \"error\",\n              children: \"Error loading data\",\n            }\n          : undefined,\n      muiTableContainerProps: {\n        sx: {\n          minHeight: \"500px\",\n        },\n      },\n      onEditingRowCancel: () => setValidationErrors({}),\n      onEditingRowSave: handleSaveMapping,\n      renderEditRowDialogContent: ({ table, row, internalEditComponents }) => (\n        <>\n          <DialogTitle>Update Entity Mapping</DialogTitle>\n          <DialogContent\n            style={{ display: \"flex\", flexDirection: \"column\", gap: \"1rem\" }}\n          >\n            {internalEditComponents}\n          </DialogContent>\n          <DialogActions>\n            <MRT_EditActionButtons variant=\"text\" table={table} row={row} />\n          </DialogActions>\n        </>\n      ),\n      renderRowActions: ({ row, table }) => (\n        <Box sx={{ display: \"flex\" }}>\n          <Tooltip title=\"Edit\">\n            <IconButton\n              onClick={() => {\n                getEntityOptions();\n                table.setEditingRow(row);\n              }}\n            >\n              <Edit />\n            </IconButton>\n          </Tooltip>\n          <Tooltip title=\"Open in PagerDuty\">\n            <IconButton\n              onClick={() => openInBrowser(row.getValue(\"serviceUrl\"))}\n            >\n              <OpenInBrowser />\n            </IconButton>\n          </Tooltip>\n        </Box>\n      ),\n      state: {\n        isLoading: mappings.length === 0 || catalogEntities.length === 0,\n        isSaving: isUpdatingMapping,\n        showAlertBanner:\n          mappings === undefined || catalogEntities === undefined,\n        showProgressBars: mappings.length === 0 || catalogEntities.length === 0,\n        columnVisibility: {\n          serviceId: false,\n          entityRef: false,\n          serviceUrl: false,\n          integrationKey: false,\n        },\n      },\n    });\n\n    function getEntityOptions() {\n      const options: CatalogEntityOptions[] = [];\n      // initialize with empty object\n      options.push({ value: \"\", label: \"None\" });\n\n      catalogEntities.forEach((entity) => {\n        // find service-id annotation in entity\n        const foundServiceAnnotation =\n          entity.annotations[\"pagerduty.com/service-id\"];\n\n        // find integration-key annotation in entity\n        const foundIntegrationKeyAnnotation =\n          entity.annotations[\"pagerduty.com/integration-key\"];\n\n        // find entity with service-id in mappings array if service-id is found in entity\n        let foundServiceMapping: PagerDutyEntityMapping | undefined;\n        if (foundServiceAnnotation || foundIntegrationKeyAnnotation) {\n          foundServiceMapping = mappings.find(\n            (item) =>\n              item.serviceId === foundServiceAnnotation ||\n              item.integrationKey === foundIntegrationKeyAnnotation\n          );\n        }\n\n        const entityRef =\n          `${entity.type}:${entity.namespace}/${entity.name}`.toLowerCase();\n        // find entity with entity.id in entityMappings array\n        const foundEntityMapping = mappings.find(\n          (item) => item.entityRef === entityRef\n        );\n\n        if (\n          (!foundEntityMapping &&\n            (!foundServiceAnnotation || !foundIntegrationKeyAnnotation)) ||\n          ((foundServiceAnnotation || foundIntegrationKeyAnnotation) &&\n            foundServiceMapping &&\n            !foundEntityMapping)\n        ) {\n          options.push({\n            value: entityRef,\n            label: entity.name,\n          });\n        }\n      });\n\n      setEntityOptions(options);\n    }\n\n    return <MaterialReactTable table={dataTable} />;\n  };\n\n  const queryClient = new QueryClient();\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <DenseTable />\n    </QueryClientProvider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PagerDutyPage/ServiceMappingComponent.esm.js

@@ -1,212 +1,48 @@
-import React, { useState, useMemo } from 'react';
-import { Typography, Box, DialogTitle, DialogContent, DialogActions, Tooltip, IconButton } from '@material-ui/core';
-import EditIcon from '@mui/icons-material/Edit';
+import React, { useState, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { pagerDutyApiRef } from '../../api/client.esm.js';
-import { QueryClient, QueryClientProvider, useQuery, useMutation } from '@tanstack/react-query';
-import { useMaterialReactTable, MRT_EditActionButtons, MaterialReactTable } from 'material-react-table';
-import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import { MappingTable } from './MappingTable.esm.js';
 
-function getColorFromStatus(status) {
-  switch (status) {
-    case "InSync":
-      return "green";
-    case "OutOfSync":
-      return "red";
-    case "NotMapped":
-      return "orange";
-    default:
-      return "gray";
-  }
-}
-function makeReadable(status) {
-  switch (status) {
-    case "InSync":
-      return "In Sync";
-    case "OutOfSync":
-      return "Out of Sync";
-    case "NotMapped":
-      return "Not Mapped";
-    default:
-      return "Refresh to Update";
-  }
-}
 const ServiceMappingComponent = () => {
+  const [entityMappings, setEntityMappings] = useState([]);
+  const [catalogEntities, setCatalogEntities] = useState([]);
   const pagerDutyApi = useApi(pagerDutyApiRef);
-  async function fetchMappings() {
-    const { mappings: foundMappings } = await pagerDutyApi.getEntityMappings();
-    return foundMappings;
-  }
-  const DenseTable = () => {
-    const [validationErrors, setValidationErrors] = useState({});
-    const columns = useMemo(
-      () => [
-        {
-          accessorKey: "serviceId",
-          header: "Service ID",
-          visibleInShowHideMenu: false,
-          enableEditing: false,
-          Edit: () => null,
-          Cell: ({ cell }) => /* @__PURE__ */ React.createElement(Typography, { variant: "body1", style: { fontWeight: 600 } }, cell.getValue())
-        },
-        {
-          accessorKey: "serviceName",
-          header: "PagerDuty Service",
-          enableEditing: false
-        },
-        {
-          accessorKey: "team",
-          header: "Team",
-          enableEditing: false
-        },
-        {
-          accessorKey: "escalationPolicy",
-          header: "Escalation Policy",
-          enableEditing: false
-        },
-        {
-          accessorKey: "entityRef",
-          header: "Mapping",
-          visibleInShowHideMenu: false,
-          editVariant: "select",
-          editSelectOptions: [],
-          // getCatalogEntityOptions(),
-          muiEditTextFieldProps: {
-            select: true,
-            error: !!(validationErrors == null ? void 0 : validationErrors.state),
-            helperText: validationErrors == null ? void 0 : validationErrors.state
-          }
-        },
-        {
-          accessorKey: "entityName",
-          header: "Mapped Entity Name",
-          enableEditing: false,
-          Edit: () => null
-        },
-        {
-          accessorKey: "status",
-          header: "Status",
-          enableEditing: false,
-          Edit: () => null,
-          Cell: ({ cell }) => /* @__PURE__ */ React.createElement(
-            Box,
-            {
-              component: "span",
-              bgcolor: getColorFromStatus(cell.getValue()),
-              borderRadius: "0.25rem",
-              color: "white",
-              p: "0.25rem"
-            },
-            makeReadable(cell.getValue())
-          )
-        },
-        {
-          accessorKey: "serviceUrl",
-          header: "Service URL",
-          visibleInShowHideMenu: false,
-          enableEditing: false,
-          Edit: () => null
-        }
-      ],
-      [validationErrors]
-    );
-    function useGetMappings() {
-      return useQuery({
-        queryKey: ["mappings"],
-        queryFn: async () => fetchMappings(),
-        refetchOnWindowFocus: false
+  const catalogApi = useApi(catalogApiRef);
+  useEffect(() => {
+    function fetchMappings() {
+      pagerDutyApi.getEntityMappings().then((result) => {
+        setEntityMappings(result.mappings);
       });
     }
-    function useUpdateMapping() {
-      return useMutation({
-        mutationFn: async (mapping) => {
-          return await pagerDutyApi.storeServiceMapping(
-            mapping.serviceId,
-            mapping.entityRef
+    function fetchCatalogEntities() {
+      catalogApi.getEntities({
+        filter: { kind: "Component" }
+      }).then((result) => {
+        const entities = [];
+        result.items.forEach((entity) => {
+          var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+          const annotations = JSON.parse(
+            JSON.stringify(entity.metadata.annotations)
           );
-        }
-        // client side optimistic update
-        // onMutate: (newMappingInfo: PagerDutyEntityMapping) => {
-        //   queryClient.setQueryData(["updateMappings"], (prevMappings: any) =>
-        //     prevMappings?.map((prevMapping: PagerDutyEntityMapping) => {
-        //       if (prevMapping.serviceId === newMappingInfo.serviceId) {
-        //         newMappingInfo.entityName =
-        //           fetchedCatalogEntities.find(
-        //             (entity) => entity.id === newMappingInfo.entityRef
-        //           )?.name || "";
-        //         return newMappingInfo;
-        //       }
-        //       return prevMapping;
-        //     })
-        //   );
-        // },
+          entities.push({
+            name: (_a = entity.metadata) == null ? void 0 : _a.name,
+            id: (_c = (_b = entity.metadata) == null ? void 0 : _b.uid) != null ? _c : "",
+            namespace: (_e = (_d = entity.metadata) == null ? void 0 : _d.namespace) != null ? _e : "",
+            type: (_f = entity.kind) != null ? _f : "",
+            system: JSON.stringify((_g = entity.spec) == null ? void 0 : _g.system) || "",
+            owner: JSON.stringify((_h = entity.spec) == null ? void 0 : _h.owner) || "",
+            lifecycle: JSON.stringify((_i = entity.spec) == null ? void 0 : _i.lifecycle) || "",
+            annotations
+          });
+        });
+        setCatalogEntities(entities);
       });
     }
-    const {
-      data: fetchedMappings = [],
-      isError: isLoadingMappingsError,
-      isFetching: isFetchingMappings,
-      isLoading: isLoadingMappings
-    } = useGetMappings();
-    const { mutateAsync: updateMapping, isPending: isUpdatingMapping } = useUpdateMapping();
-    const handleSaveMapping = async ({ values, table }) => {
-      setValidationErrors({});
-      values.status = "RefreshToUpdate";
-      await updateMapping(values);
-      table.setEditingRow(null);
-    };
-    const openInBrowser = (url) => {
-      window.open(url, "_blank", "noreferrer");
-    };
-    const dataTable = useMaterialReactTable({
-      columns,
-      data: fetchedMappings,
-      editDisplayMode: "modal",
-      // default ('row', 'cell', 'table', and 'custom' are also available)
-      enableEditing: true,
-      positionActionsColumn: "last",
-      enableStickyHeader: true,
-      enableFilters: true,
-      getRowId: (row) => row.serviceId,
-      muiToolbarAlertBannerProps: isLoadingMappingsError ? {
-        color: "error",
-        children: "Error loading data"
-      } : void 0,
-      muiTableContainerProps: {
-        sx: {
-          minHeight: "500px"
-        }
-      },
-      onEditingRowCancel: () => setValidationErrors({}),
-      onEditingRowSave: handleSaveMapping,
-      // optionally customize modal content
-      renderEditRowDialogContent: ({ table, row, internalEditComponents }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DialogTitle, null, "Edit Mapping"), /* @__PURE__ */ React.createElement(DialogContent, null, internalEditComponents, " "), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(MRT_EditActionButtons, { variant: "text", table, row }))),
-      renderRowActions: ({ row, table }) => /* @__PURE__ */ React.createElement(Box, { sx: { display: "flex" } }, /* @__PURE__ */ React.createElement(Tooltip, { title: "Edit" }, /* @__PURE__ */ React.createElement(IconButton, { onClick: () => table.setEditingRow(row) }, /* @__PURE__ */ React.createElement(EditIcon, null))), /* @__PURE__ */ React.createElement(Tooltip, { title: "Open in PagerDuty" }, /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          onClick: () => openInBrowser(row.getValue("serviceUrl"))
-        },
-        /* @__PURE__ */ React.createElement(OpenInBrowserIcon, null)
-      ))),
-      state: {
-        isLoading: isLoadingMappings,
-        // || isLoadingCatalogEntities,
-        isSaving: isUpdatingMapping,
-        showAlertBanner: isLoadingMappingsError,
-        // || isLoadingCatalogEntitiesError,
-        showProgressBars: isFetchingMappings,
-        // || isFetchingCatalogEntities,
-        columnVisibility: {
-          serviceId: false,
-          entityRef: false,
-          serviceUrl: false
-        }
-      }
-    });
-    return /* @__PURE__ */ React.createElement(MaterialReactTable, { table: dataTable });
-  };
-  const queryClient = new QueryClient();
-  return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(DenseTable, null));
+    fetchMappings();
+    fetchCatalogEntities();
+  }, [catalogApi, pagerDutyApi]);
+  return /* @__PURE__ */ React.createElement(MappingTable, { mappings: entityMappings, catalogEntities });
 };
 
 export { ServiceMappingComponent };

package/dist/components/PagerDutyPage/ServiceMappingComponent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceMappingComponent.esm.js","sources":["../../../src/components/PagerDutyPage/ServiceMappingComponent.tsx"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport {\n  Box,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Tooltip,\n  Typography,\n} from \"@material-ui/core\";\nimport EditIcon from \"@mui/icons-material/Edit\";\nimport { PagerDutyEntityMapping } from \"@pagerduty/backstage-plugin-common\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { pagerDutyApiRef } from \"../../api\";\nimport {\n  QueryClient,\n  QueryClientProvider,\n  useMutation,\n  // useQueries,\n  useQuery,\n} from \"@tanstack/react-query\";\nimport {\n  MRT_ColumnDef,\n  MRT_EditActionButtons,\n  MRT_TableOptions,\n  MaterialReactTable,\n  useMaterialReactTable,\n} from \"material-react-table\";\n// import { catalogApiRef } from \"@backstage/plugin-catalog-react\";\nimport OpenInBrowser from \"@material-ui/icons/OpenInBrowser\";\n\n// type Service = {\n//   name: string; // \"Ads\"\n//   id: string; // \"QWe1j283n12j132\"\n//   system: string; // \"Production\"\n//   owner: string; // \"Mapped\"\n//   lifecycle: string; // \"Ads\"\n// };\n\nfunction getColorFromStatus(status?: string) {\n  switch (status) {\n    case \"InSync\":\n      return \"green\";\n    case \"OutOfSync\":\n      return \"red\";\n    case \"NotMapped\":\n      return \"orange\";\n    default:\n      return \"gray\";\n  }\n}\n\nfunction makeReadable(status?: string) {\n  switch (status) {\n    case \"InSync\":\n      return \"In Sync\";\n    case \"OutOfSync\":\n      return \"Out of Sync\";\n    case \"NotMapped\":\n      return \"Not Mapped\";\n    default:\n      return \"Refresh to Update\";\n  }\n}\n\nexport const ServiceMappingComponent = () => {\n  // const [_, setEntityMappings] = useState<\n  //   PagerDutyEntityMapping[]\n  // >([]);\n  // const [catalogEntities, setCatalogEntities] = useState<Service[]>([]);\n  // const [entityOptions, setEntityOptions] = useState<CatalogEntityOptions[]>([]);\n\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  // const catalogApi = useApi(catalogApiRef);\n\n  // function fetchCatalogEntities() {\n  //   catalogApi\n  //     .getEntities({\n  //       filter: { kind: \"Component\" },\n  //     })\n  //     .then((result) => {\n  //       const entities: Service[] = [];\n  //       result.items.forEach((entity: any) => {\n  //         entities.push({\n  //           name: entity.metadata?.name,\n  //           id: entity.metadata?.uid ?? \"\",\n  //           system: JSON.stringify(entity.spec?.system) || \"\",\n  //           owner: JSON.stringify(entity.spec?.owner) || \"\",\n  //           lifecycle: JSON.stringify(entity.spec?.lifecycle) || \"\",\n  //         });\n  //       });\n\n  //       setCatalogEntities(entities);\n  //     });\n  // }\n\n  async function fetchMappings(): Promise<PagerDutyEntityMapping[]> {\n    const { mappings: foundMappings } = await pagerDutyApi.getEntityMappings();\n\n    // setEntityMappings(foundMappings);\n\n    return foundMappings;\n  }\n\n  // async function fetchCatalogEntities(): Promise<Service[]> {\n  //   if (catalogEntities.length === 0) {\n  //     const result = await catalogApi.getEntities({\n  //       filter: { kind: \"Component\" },\n  //     });\n\n  //     const entities: Service[] = [];\n  //     result.items.forEach((entity: any) => {\n  //       entities.push({\n  //         name: entity.metadata?.name,\n  //         id: entity.metadata?.uid ?? \"\",\n  //         system: JSON.stringify(entity.spec?.system) || \"\",\n  //         owner: JSON.stringify(entity.spec?.owner) || \"\",\n  //         lifecycle: JSON.stringify(entity.spec?.lifecycle) || \"\",\n  //       });\n  //     });\n\n  //     setCatalogEntities(entities);\n\n  //     return entities;\n  //   }\n\n  //   return catalogEntities;\n  // }\n\n  // type CatalogEntityOptions = {\n  //   value: string;\n  //   label: string;\n  // };\n\n  // function getCatalogEntityOptions(): CatalogEntityOptions[] {\n  //   const options: CatalogEntityOptions[] = [];\n  //   // if (entityOptions.length === 0) {\n  //   // initialize with empty object\n  //   options.push({ value: \"\", label: \"None\" });\n  //   // }\n\n  //   catalogEntities.forEach((entity) => {\n  //     // find entity with entity.id in entityMappings array\n  //     const foundEntity = entityMappings.find(\n  //       (item) => item.entityRef === entity.id\n  //     );\n\n  //     if (!foundEntity) {\n  //       options.push({\n  //         value: entity.id,\n  //         label: entity.name,\n  //       });\n  //     }\n  //   });\n\n  //   // setEntityOptions(options);\n\n  //   return options;\n  // }\n\n  // READ hook (get mappings from api)\n\n  const DenseTable = () => {\n    const [validationErrors, setValidationErrors] = useState<\n      Record<string, string | undefined>\n    >({});\n\n    const columns = useMemo<MRT_ColumnDef<PagerDutyEntityMapping>[]>(\n      () => [\n        {\n          accessorKey: \"serviceId\",\n          header: \"Service ID\",\n          visibleInShowHideMenu: false,\n          enableEditing: false,\n          Edit: () => null,\n          Cell: ({ cell }) => (\n            <Typography variant=\"body1\" style={{ fontWeight: 600 }}>\n              {cell.getValue<string>()}\n            </Typography>\n          ),\n        },\n        {\n          accessorKey: \"serviceName\",\n          header: \"PagerDuty Service\",\n          enableEditing: false,\n        },\n        {\n          accessorKey: \"team\",\n          header: \"Team\",\n          enableEditing: false,\n        },\n        {\n          accessorKey: \"escalationPolicy\",\n          header: \"Escalation Policy\",\n          enableEditing: false,\n        },\n        {\n          accessorKey: \"entityRef\",\n          header: \"Mapping\",\n          visibleInShowHideMenu: false,\n          editVariant: \"select\",\n          editSelectOptions: [], // getCatalogEntityOptions(),\n          muiEditTextFieldProps: {\n            select: true,\n            error: !!validationErrors?.state,\n            helperText: validationErrors?.state,\n          },\n        },\n        {\n          accessorKey: \"entityName\",\n          header: \"Mapped Entity Name\",\n          enableEditing: false,\n          Edit: () => null,\n        },\n        {\n          accessorKey: \"status\",\n          header: \"Status\",\n          enableEditing: false,\n          Edit: () => null,\n          Cell: ({ cell }) => (\n            <Box\n              component=\"span\"\n              bgcolor={getColorFromStatus(cell.getValue<string>())}\n              borderRadius=\"0.25rem\"\n              color=\"white\"\n              p=\"0.25rem\"\n            >\n              {makeReadable(cell.getValue<string>())}\n            </Box>\n          ),\n        },\n        {\n          accessorKey: \"serviceUrl\",\n          header: \"Service URL\",\n          visibleInShowHideMenu: false,\n          enableEditing: false,\n          Edit: () => null,\n        },\n      ],\n      [validationErrors]\n    );\n\n    function useGetMappings() {\n      return useQuery<PagerDutyEntityMapping[]>({\n        queryKey: [\"mappings\"],\n        queryFn: async () => fetchMappings(),\n        refetchOnWindowFocus: false,\n      });\n    }\n\n    // READ hook (get catalog entities from api)\n    // function useGetCatalogEntities() {\n    //   return useQuery<Service[]>({\n    //     queryKey: [\"entities\"],\n    //     queryFn: async () => fetchCatalogEntities(),\n    //     refetchOnMount: false,\n    //     refetchOnWindowFocus: false,\n    //     refetchOnReconnect: false,\n    //   });\n    // }\n\n    // UPDATE hook (put mapping in api)\n    function useUpdateMapping() {\n      // const queryClient = useQueryClient();\n      return useMutation({\n        mutationFn: async (mapping: PagerDutyEntityMapping) => {\n          return await pagerDutyApi.storeServiceMapping(\n            mapping.serviceId,\n            mapping.entityRef\n          );\n        },\n        // client side optimistic update\n        // onMutate: (newMappingInfo: PagerDutyEntityMapping) => {\n        //   queryClient.setQueryData([\"updateMappings\"], (prevMappings: any) =>\n        //     prevMappings?.map((prevMapping: PagerDutyEntityMapping) => {\n        //       if (prevMapping.serviceId === newMappingInfo.serviceId) {\n        //         newMappingInfo.entityName =\n        //           fetchedCatalogEntities.find(\n        //             (entity) => entity.id === newMappingInfo.entityRef\n        //           )?.name || \"\";\n\n        //         return newMappingInfo;\n        //       }\n        //       return prevMapping;\n        //     })\n        //   );\n        // },\n      });\n    }\n\n    // call READ hook\n    const {\n      data: fetchedMappings = [],\n      isError: isLoadingMappingsError,\n      isFetching: isFetchingMappings,\n      isLoading: isLoadingMappings,\n    } = useGetMappings();\n\n    // call READ hook\n    // const {\n    //   data: fetchedCatalogEntities = [],\n    //   isError: isLoadingCatalogEntitiesError,\n    //   isFetching: isFetchingCatalogEntities,\n    //   isLoading: isLoadingCatalogEntities,\n    // } = useGetCatalogEntities();\n\n    // call UPDATE hook\n    const { mutateAsync: updateMapping, isPending: isUpdatingMapping } =\n      useUpdateMapping();\n\n    // UPDATE action\n    const handleSaveMapping: MRT_TableOptions<PagerDutyEntityMapping>[\"onEditingRowSave\"] =\n      async ({ values, table }) => {\n        setValidationErrors({});\n        // values.entityName =\n        //   fetchedCatalogEntities.find(\n        //     (entity) => entity.id === values.entityRef\n        //   )?.name || \"\";\n        values.status = \"RefreshToUpdate\";\n        await updateMapping(values);\n        table.setEditingRow(null); // exit editing mode\n      };\n\n    const openInBrowser = (url: string) => {\n      window.open(url, \"_blank\", \"noreferrer\");\n    };\n\n    const dataTable = useMaterialReactTable({\n      columns,\n      data: fetchedMappings,\n      editDisplayMode: \"modal\", // default ('row', 'cell', 'table', and 'custom' are also available)\n      enableEditing: true,\n      positionActionsColumn: \"last\",\n      enableStickyHeader: true,\n      enableFilters: true,\n      getRowId: (row) => row.serviceId,\n      muiToolbarAlertBannerProps: isLoadingMappingsError\n        ? {\n            color: \"error\",\n            children: \"Error loading data\",\n          }\n        : undefined,\n      muiTableContainerProps: {\n        sx: {\n          minHeight: \"500px\",\n        },\n      },\n      onEditingRowCancel: () => setValidationErrors({}),\n      onEditingRowSave: handleSaveMapping,\n      // optionally customize modal content\n      renderEditRowDialogContent: ({ table, row, internalEditComponents }) => (\n        <>\n          <DialogTitle>Edit Mapping</DialogTitle>\n          <DialogContent>{internalEditComponents} </DialogContent>\n          <DialogActions>\n            <MRT_EditActionButtons variant=\"text\" table={table} row={row} />\n          </DialogActions>\n        </>\n      ),\n      renderRowActions: ({ row, table }) => (\n        <Box sx={{ display: \"flex\" }}>\n          <Tooltip title=\"Edit\">\n            <IconButton onClick={() => table.setEditingRow(row)}>\n              <EditIcon />\n            </IconButton>\n          </Tooltip>\n          <Tooltip title=\"Open in PagerDuty\">\n            <IconButton\n              onClick={() => openInBrowser(row.getValue(\"serviceUrl\"))}\n            >\n              <OpenInBrowser />\n            </IconButton>\n          </Tooltip>\n        </Box>\n      ),\n      state: {\n        isLoading: isLoadingMappings, // || isLoadingCatalogEntities,\n        isSaving: isUpdatingMapping,\n        showAlertBanner: isLoadingMappingsError, // || isLoadingCatalogEntitiesError,\n        showProgressBars: isFetchingMappings, // || isFetchingCatalogEntities,\n        columnVisibility: {\n          serviceId: false,\n          entityRef: false,\n          serviceUrl: false,\n        },\n      },\n    });\n\n    return <MaterialReactTable table={dataTable} />;\n  };\n\n  const queryClient = new QueryClient();\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <DenseTable />\n    </QueryClientProvider>\n  );\n};\n"],"names":["OpenInBrowser"],"mappings":"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"}
+{"version":3,"file":"ServiceMappingComponent.esm.js","sources":["../../../src/components/PagerDutyPage/ServiceMappingComponent.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { PagerDutyEntityMapping } from \"@pagerduty/backstage-plugin-common\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { pagerDutyApiRef } from \"../../api\";\nimport { catalogApiRef } from \"@backstage/plugin-catalog-react\";\nimport { MappingTable } from \"./MappingTable\";\nimport { BackstageEntity, Annotations } from \"../types\";\n\nexport const ServiceMappingComponent = () => {\n  const [entityMappings, setEntityMappings] = useState<\n    PagerDutyEntityMapping[]\n  >([]);\n  const [catalogEntities, setCatalogEntities] = useState<BackstageEntity[]>([]);\n\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  // call fetchMappings() and fetchCatalogEntities() on useEffect hook\n  useEffect(() => {\n    function fetchMappings() {\n      pagerDutyApi.getEntityMappings().then((result) => {\n        setEntityMappings(result.mappings);\n      });\n    }\n\n    function fetchCatalogEntities() {\n        catalogApi\n          .getEntities({\n            filter: { kind: \"Component\" },\n          })\n          .then((result) => {\n            const entities: BackstageEntity[] = [];\n            result.items.forEach((entity: any) => {\n              const annotations: Annotations = JSON.parse(\n                JSON.stringify(entity.metadata.annotations)\n              );\n\n              entities.push({\n                name: entity.metadata?.name,\n                id: entity.metadata?.uid ?? \"\",\n                namespace: entity.metadata?.namespace ?? \"\",\n                type: entity.kind ?? \"\",\n                system: JSON.stringify(entity.spec?.system) || \"\",\n                owner: JSON.stringify(entity.spec?.owner) || \"\",\n                lifecycle: JSON.stringify(entity.spec?.lifecycle) || \"\",\n                annotations: annotations,\n              });\n            });\n\n            setCatalogEntities(entities);\n          });\n    }\n\n    fetchMappings();\n    fetchCatalogEntities();\n  }, [catalogApi, pagerDutyApi]);\n\n  \n  return (\n      <MappingTable mappings={entityMappings} catalogEntities={catalogEntities}  />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PagerDutyPage/index.esm.js

@@ -4,7 +4,7 @@ import { Page, Header, Content } from '@backstage/core-components';
 import { ServiceMappingComponent } from './ServiceMappingComponent.esm.js';
 
 const PagerDutyPage = () => {
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(Header, { title: "PagerDuty", subtitle: "Advanced configurations" }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, "Service to Entity mapping"), /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, "Easily map your services to entities in Backstage without the need to add anotations to all your projects."), /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, /* @__PURE__ */ React.createElement("b", null, "Warning: "), "Only 1:1 mapping is allowed at this time.")), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(ServiceMappingComponent, null)))));
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(Header, { title: "PagerDuty", subtitle: "Advanced configurations" }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, "Service to Entity mapping"), /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, "Easily map your existing PagerDuty services to entities in Backstage without the need to add anotations to all your projects."), /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, /* @__PURE__ */ React.createElement("b", null, "Warning: "), "Only 1:1 mapping is allowed at this time.")), /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(ServiceMappingComponent, null)))));
 };
 
 export { PagerDutyPage };

package/dist/components/PagerDutyPage/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutyPage/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Typography } from \"@material-ui/core\";\nimport { Header, Page, Content } from \"@backstage/core-components\";\nimport { ServiceMappingComponent } from \"./ServiceMappingComponent\";\n\n/** @public */\nexport const PagerDutyPage = () => {\n  return (\n    <Page themeId=\"home\">\n      <Header title=\"PagerDuty\" subtitle=\"Advanced configurations\" />\n      <Content>\n        <Grid container spacing={3} direction=\"column\">\n          <Grid item>\n            <Typography variant=\"h4\">Service to Entity mapping</Typography>\n            <Typography variant=\"body1\">\n              Easily map your services to entities in Backstage without the need to add anotations to all your projects.\n            </Typography>\n            <Typography variant=\"body1\">\n              <b>Warning: </b>Only 1:1 mapping is allowed at this time.\n            </Typography>\n          </Grid>\n          <Grid item>\n            <ServiceMappingComponent />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;AAMO,MAAM,gBAAgB,MAAM;AACjC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAM,WAAY,EAAA,QAAA,EAAS,yBAA0B,EAAA,CAAA,kBAC5D,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,sCACE,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CAAG,EAAA,SAAA,EAAU,QACpC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,QAAK,2BAAyB,CAAA,kBACjD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,4GAE5B,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,kBACjB,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAE,WAAS,CAAA,EAAI,2CAClB,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,IAAA,CAC3B,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutyPage/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Typography } from \"@material-ui/core\";\nimport { Header, Page, Content } from \"@backstage/core-components\";\nimport { ServiceMappingComponent } from \"./ServiceMappingComponent\";\n\n/** @public */\nexport const PagerDutyPage = () => {\n  return (\n    <Page themeId=\"home\">\n      <Header title=\"PagerDuty\" subtitle=\"Advanced configurations\" />\n      <Content>\n        <Grid container spacing={3} direction=\"column\">\n          <Grid item>\n            <Typography variant=\"h4\">Service to Entity mapping</Typography>\n            <Typography variant=\"body1\">\n              Easily map your existing PagerDuty services to entities in Backstage without the need to add anotations to all your projects.\n            </Typography>\n            <Typography variant=\"body1\">\n              <b>Warning: </b>Only 1:1 mapping is allowed at this time.\n            </Typography>\n          </Grid>\n          <Grid item>\n            <ServiceMappingComponent />\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;AAMO,MAAM,gBAAgB,MAAM;AACjC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAM,WAAY,EAAA,QAAA,EAAS,yBAA0B,EAAA,CAAA,kBAC5D,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,sCACE,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CAAG,EAAA,SAAA,EAAU,QACpC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,QAAK,2BAAyB,CAAA,kBACjD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,+HAE5B,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,kBACjB,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAE,WAAS,CAAA,EAAI,2CAClB,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,IAAA,CAC3B,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/deprecated.esm.js

@@ -2,6 +2,7 @@ import { EntityPagerDutyCard } from './components/EntityPagerDutyCard/index.esm.
 import 'react';
 import '@backstage/plugin-catalog-react';
 import './components/PagerDutySmallCard/index.esm.js';
+import './assets/PD-Icon.svg';
 import './components/TriggerButton/index.esm.js';
 
 const PagerDutyCard = EntityPagerDutyCard;

package/dist/deprecated.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"deprecated.esm.js","sources":["../src/deprecated.ts"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { EntityPagerDutyCardProps, EntityPagerDutyCard } from './components';\n\n/**\n * @public\n * @deprecated Please use EntityPagerDutyCard\n */\nexport const PagerDutyCard = EntityPagerDutyCard;\n\n/**\n * @public\n * @deprecated Please use EntityPagerDutyCardProps\n */\nexport type PagerDutyCardProps = EntityPagerDutyCardProps;\n"],"names":[],"mappings":";;;;;;AAsBO,MAAM,aAAgB,GAAA;;;;"}
+{"version":3,"file":"deprecated.esm.js","sources":["../src/deprecated.ts"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { EntityPagerDutyCardProps, EntityPagerDutyCard } from './components';\n\n/**\n * @public\n * @deprecated Please use EntityPagerDutyCard\n */\nexport const PagerDutyCard = EntityPagerDutyCard;\n\n/**\n * @public\n * @deprecated Please use EntityPagerDutyCardProps\n */\nexport type PagerDutyCardProps = EntityPagerDutyCardProps;\n"],"names":[],"mappings":";;;;;;;AAsBO,MAAM,aAAgB,GAAA;;;;"}

package/dist/hooks/index.esm.js

@@ -1,7 +1,5 @@
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { getPagerDutyEntity } from '../components/pagerDutyEntity.esm.js';
-import '@backstage/core-plugin-api';
-import 'react-use';
 
 function usePagerdutyEntity() {
   const { entity } = useEntity();

package/dist/hooks/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/hooks/index.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { catalogApiRef, useEntity } from '@backstage/plugin-catalog-react';\nimport { PagerDutyEntity } from '../types';\nimport { getPagerDutyEntity } from '../components/pagerDutyEntity';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsync } from 'react-use';\nimport { Entity } from '@backstage/catalog-model';\n\nexport function usePagerdutyEntity(): PagerDutyEntity {\n  const { entity } = useEntity();\n\n  return getPagerDutyEntity(entity);\n}\n\nexport function useCatalogEntities() : Entity[] {\n  const catalogApi = useApi(catalogApiRef);\n\n  const { value: entities, error, loading } = useAsync( async () => catalogApi.getEntities({\n    filter: {\n      kind: 'Component',\n    },\n  }), []);\n\n  if (error) {\n    throw error;\n  }\n\n  if (loading) {\n    return [];\n  }\n\n  return entities?.items || [];  \n}\n"],"names":[],"mappings":";;;;;AAuBO,SAAS,kBAAsC,GAAA;AACpD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAE7B,EAAA,OAAO,mBAAmB,MAAM,CAAA,CAAA;AAClC;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../src/hooks/index.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { PagerDutyEntity } from '../types';\nimport { getPagerDutyEntity } from '../components/pagerDutyEntity';\n\nexport function usePagerdutyEntity(): PagerDutyEntity {\n  const { entity } = useEntity();\n\n  return getPagerDutyEntity(entity);\n}\n"],"names":[],"mappings":";;;AAoBO,SAAS,kBAAsC,GAAA;AACpD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAE7B,EAAA,OAAO,mBAAmB,MAAM,CAAA,CAAA;AAClC;;;;"}

package/dist/index.d.ts

@@ -1,10 +1,11 @@
+/// <reference types="react" />
 import * as _backstage_plugin_home_react from '@backstage/plugin-home-react';
 import { Entity } from '@backstage/catalog-model';
-import * as react from 'react';
-import react__default, { ReactNode } from 'react';
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { DiscoveryApi, FetchApi, ConfigApi } from '@backstage/core-plugin-api';
-import { PagerDutyEntityMappingResponse, PagerDutyServiceResponse, PagerDutyIncidentsResponse, PagerDutyChangeEventsResponse, PagerDutyServiceStandardsResponse, PagerDutyServiceMetricsResponse, PagerDutyUser } from '@pagerduty/backstage-plugin-common';
+import { PagerDutyEntityMappingsResponse, PagerDutyServiceResponse, PagerDutyIncidentsResponse, PagerDutyChangeEventsResponse, PagerDutyServiceStandardsResponse, PagerDutyServiceMetricsResponse, PagerDutyUser } from '@pagerduty/backstage-plugin-common';
 
 /** @public */
 declare const isPluginApplicableToEntity$1: (entity: Entity) => boolean;
@@ -39,18 +40,21 @@ type HomePagePagerDutyCardProps = PagerDutyEntity & {
 /** @public */
 declare const pagerDutyPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {}, {}>;
 /** @public */
-declare const PagerDutyPage: () => react.JSX.Element;
+declare const PagerDutyPage: () => React.JSX.Element;
 /** @public */
-declare const EntityPagerDutyCard: (props: EntityPagerDutyCardProps) => react.JSX.Element;
+declare const EntityPagerDutyCard: (props: EntityPagerDutyCardProps) => React.JSX.Element;
 /** @public */
-declare const EntityPagerDutySmallCard: (props: EntityPagerDutySmallCardProps) => react.JSX.Element;
+declare const EntityPagerDutySmallCard: (props: EntityPagerDutySmallCardProps) => React.JSX.Element;
 /** @public */
-declare const HomePagePagerDutyCard: (props: _backstage_plugin_home_react.CardExtensionProps<HomePagePagerDutyCardProps>) => react.JSX.Element;
+declare const HomePagePagerDutyCard: (props: _backstage_plugin_home_react.CardExtensionProps<HomePagePagerDutyCardProps>) => React.JSX.Element;
+
+/** @public */
+declare function PagerDutyIcon(): React__default.JSX.Element;
 
 /** @public */
 declare function TriggerButton(props: {
     children?: ReactNode;
-}): react__default.JSX.Element;
+}): React__default.JSX.Element;
 
 /** @public */
 type PagerDutyTriggerAlarmRequest = {
@@ -65,12 +69,12 @@ interface PagerDutyApi {
      * Fetches all entity mappings.
      *
      */
-    getEntityMappings(): Promise<PagerDutyEntityMappingResponse>;
+    getEntityMappings(): Promise<PagerDutyEntityMappingsResponse>;
     /**
      * Stores the service mapping in the database.
      *
      */
-    storeServiceMapping(serviceId: string, entityId: string): Promise<Response>;
+    storeServiceMapping(serviceId: string, integrationKey: string, entityRef: string): Promise<Response>;
     /**
      * Fetches the service for the provided pager duty Entity.
      *
@@ -137,8 +141,8 @@ declare class PagerDutyClient implements PagerDutyApi {
     static fromConfig(configApi: ConfigApi, dependencies: PagerDutyClientApiDependencies): PagerDutyClient;
     constructor(config: PagerDutyClientApiConfig);
     getServiceByPagerDutyEntity(pagerDutyEntity: PagerDutyEntity): Promise<PagerDutyServiceResponse>;
-    getEntityMappings(): Promise<PagerDutyEntityMappingResponse>;
-    storeServiceMapping(serviceId: string, backstageEntityId: string): Promise<Response>;
+    getEntityMappings(): Promise<PagerDutyEntityMappingsResponse>;
+    storeServiceMapping(serviceId: string, integrationKey: string, backstageEntityRef: string): Promise<Response>;
     getServiceByEntity(entity: Entity): Promise<PagerDutyServiceResponse>;
     getServiceById(serviceId: string): Promise<PagerDutyServiceResponse>;
     getIncidentsByServiceId(serviceId: string): Promise<PagerDutyIncidentsResponse>;
@@ -155,11 +159,11 @@ declare class PagerDutyClient implements PagerDutyApi {
  * @public
  * @deprecated Please use EntityPagerDutyCard
  */
-declare const PagerDutyCard: (props: EntityPagerDutyCardProps) => react.JSX.Element;
+declare const PagerDutyCard: (props: EntityPagerDutyCardProps) => React.JSX.Element;
 /**
  * @public
  * @deprecated Please use EntityPagerDutyCardProps
  */
 type PagerDutyCardProps = EntityPagerDutyCardProps;
 
-export { EntityPagerDutyCard, type EntityPagerDutyCardProps, EntityPagerDutySmallCard, type EntityPagerDutySmallCardProps, HomePagePagerDutyCard, type HomePagePagerDutyCardProps, type PagerDutyApi, PagerDutyCard, type PagerDutyCardProps, PagerDutyClient, type PagerDutyClientApiConfig, type PagerDutyClientApiDependencies, type PagerDutyEntity, PagerDutyPage, type PagerDutyTriggerAlarmRequest, TriggerButton, UnauthorizedError, isPluginApplicableToEntity as isPagerDutyAvailable, isPluginApplicableToEntity$1 as isPagerDutySmallCardAvailable, isPluginApplicableToEntity, pagerDutyApiRef, pagerDutyPlugin, pagerDutyPlugin as plugin };
+export { EntityPagerDutyCard, type EntityPagerDutyCardProps, EntityPagerDutySmallCard, type EntityPagerDutySmallCardProps, HomePagePagerDutyCard, type HomePagePagerDutyCardProps, type PagerDutyApi, PagerDutyCard, type PagerDutyCardProps, PagerDutyClient, type PagerDutyClientApiConfig, type PagerDutyClientApiDependencies, type PagerDutyEntity, PagerDutyIcon, PagerDutyPage, type PagerDutyTriggerAlarmRequest, TriggerButton, UnauthorizedError, isPluginApplicableToEntity as isPagerDutyAvailable, isPluginApplicableToEntity$1 as isPagerDutySmallCardAvailable, isPluginApplicableToEntity, pagerDutyApiRef, pagerDutyPlugin, pagerDutyPlugin as plugin };

package/dist/index.esm.js

@@ -1,6 +1,7 @@
 export { EntityPagerDutyCard, EntityPagerDutySmallCard, HomePagePagerDutyCard, PagerDutyPage, pagerDutyPlugin, pagerDutyPlugin as plugin } from './plugin.esm.js';
 export { isPluginApplicableToEntity as isPagerDutyAvailable, isPluginApplicableToEntity } from './components/EntityPagerDutyCard/index.esm.js';
 export { isPluginApplicableToEntity as isPagerDutySmallCardAvailable } from './components/EntityPagerDutySmallCard/index.esm.js';
+export { PagerDutyIcon } from './components/Icons/index.esm.js';
 export { TriggerButton } from './components/TriggerButton/index.esm.js';
 export { PagerDutyClient, UnauthorizedError, pagerDutyApiRef } from './api/client.esm.js';
 export { PagerDutyCard } from './deprecated.esm.js';

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagerduty/backstage-plugin",
   "description": "A Backstage plugin that integrates towards PagerDuty",
-  "version": "0.13.0-next.8",
+  "version": "0.13.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -48,12 +48,13 @@
     "@mui/icons-material": "^5.15.19",
     "@mui/material": "^5.15.19",
     "@mui/x-date-pickers": "^7.6.1",
-    "@pagerduty/backstage-plugin-common": "^0.1.5-next.8",
+    "@pagerduty/backstage-plugin-common": "0.1.5",
     "@tanstack/react-query": "^5.40.1",
     "classnames": "^2.2.6",
     "luxon": "^3.4.1",
     "material-react-table": "^2.13.0",
     "react-use": "^17.2.4",
+    "uuid": "^10.0.0",
     "validate-color": "^2.2.4"
   },
   "peerDependencies": {
@@ -76,6 +77,7 @@
     "@types/luxon": "^3.3.1",
     "@types/node": "^16.11.26",
     "@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "@types/uuid": "^10.0.0",
     "copyfiles": "^2.4.1",
     "msw": "^1.2.4",
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0",