@pagerduty/backstage-plugin 0.15.0-next.2 → 0.15.0-next.21

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

@@ -89,8 +89,8 @@ const MappingTable = ({
           editSelectOptions: entityOptions,
           muiEditTextFieldProps: {
             select: true,
-            error: !!(validationErrors == null ? void 0 : validationErrors.state),
-            helperText: validationErrors == null ? void 0 : validationErrors.state,
+            error: !!validationErrors?.state,
+            helperText: validationErrors?.state,
             multiline: true,
             type: "range"
           }
@@ -131,23 +131,21 @@ const MappingTable = ({
     function useUpdateMapping() {
       return useMutation({
         mutationFn: async (mapping) => {
-          var _a, _b;
           return await pagerDutyApi.storeServiceMapping(
             mapping.serviceId,
-            (_a = mapping.integrationKey) != null ? _a : "",
+            mapping.integrationKey ?? "",
             mapping.entityRef,
-            (_b = mapping.account) != null ? _b : ""
+            mapping.account ?? ""
           );
         }
       });
     }
     const { mutateAsync: updateMapping, isPending: isUpdatingMapping } = useUpdateMapping();
     const handleSaveMapping = async ({ values, table }) => {
-      var _a, _b;
       setValidationErrors({});
-      values.entityName = (_b = (_a = catalogEntities.find(
+      values.entityName = catalogEntities.find(
         (entity) => `${entity.type}:${entity.namespace}/${entity.name}`.toLowerCase() === values.entityRef
-      )) == null ? void 0 : _a.name) != null ? _b : "";
+      )?.name ?? "";
       values.status = "RefreshToUpdate";
       await updateMapping(values);
       const existingMapping = mappings.find(
@@ -170,6 +168,7 @@ const MappingTable = ({
       positionActionsColumn: "last",
       enableStickyHeader: true,
       enableFilters: true,
+      enableHiding: true,
       getRowId: (row) => row.serviceId,
       muiToolbarAlertBannerProps: mappings === void 0 ? {
         color: "error",

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

@@ -1 +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: \"account\",\n          header: \"Account\",\n          enableEditing: false,\n          Edit: () => null,\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            mapping.account ?? \"\"\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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"}
+{"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: \"account\",\n          header: \"Account\",\n          enableEditing: false,\n          Edit: () => null,\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            mapping.account ?? \"\"\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      enableHiding: 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

@@ -21,18 +21,17 @@ const ServiceMappingComponent = () => {
       }).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)
           );
           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) || "",
+            name: entity.metadata?.name,
+            id: entity.metadata?.uid ?? "",
+            namespace: entity.metadata?.namespace ?? "",
+            type: entity.kind ?? "",
+            system: JSON.stringify(entity.spec?.system) || "",
+            owner: JSON.stringify(entity.spec?.owner) || "",
+            lifecycle: JSON.stringify(entity.spec?.lifecycle) || "",
             annotations
           });
         });

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, { 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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"}
+{"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":";;;;;;AAQO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAA,QAAA,CAE1C,EAAE,CAAA,CAAA;AACJ,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA,CAA4B,EAAE,CAAA,CAAA;AAE5E,EAAM,MAAA,YAAA,GAAe,OAAO,eAAe,CAAA,CAAA;AAC3C,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA,CAAA;AAGvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,aAAgB,GAAA;AACvB,MAAA,YAAA,CAAa,iBAAkB,EAAA,CAAE,IAAK,CAAA,CAAC,MAAW,KAAA;AAChD,QAAA,iBAAA,CAAkB,OAAO,QAAQ,CAAA,CAAA;AAAA,OAClC,CAAA,CAAA;AAAA,KACH;AAEA,IAAA,SAAS,oBAAuB,GAAA;AAC5B,MAAA,UAAA,CACG,WAAY,CAAA;AAAA,QACX,MAAA,EAAQ,EAAE,IAAA,EAAM,WAAY,EAAA;AAAA,OAC7B,CAAA,CACA,IAAK,CAAA,CAAC,MAAW,KAAA;AAChB,QAAA,MAAM,WAA8B,EAAC,CAAA;AACrC,QAAO,MAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,MAAgB,KAAA;AACpC,UAAA,MAAM,cAA2B,IAAK,CAAA,KAAA;AAAA,YACpC,IAAK,CAAA,SAAA,CAAU,MAAO,CAAA,QAAA,CAAS,WAAW,CAAA;AAAA,WAC5C,CAAA;AAEA,UAAA,QAAA,CAAS,IAAK,CAAA;AAAA,YACZ,IAAA,EAAM,OAAO,QAAU,EAAA,IAAA;AAAA,YACvB,EAAA,EAAI,MAAO,CAAA,QAAA,EAAU,GAAO,IAAA,EAAA;AAAA,YAC5B,SAAA,EAAW,MAAO,CAAA,QAAA,EAAU,SAAa,IAAA,EAAA;AAAA,YACzC,IAAA,EAAM,OAAO,IAAQ,IAAA,EAAA;AAAA,YACrB,QAAQ,IAAK,CAAA,SAAA,CAAU,MAAO,CAAA,IAAA,EAAM,MAAM,CAAK,IAAA,EAAA;AAAA,YAC/C,OAAO,IAAK,CAAA,SAAA,CAAU,MAAO,CAAA,IAAA,EAAM,KAAK,CAAK,IAAA,EAAA;AAAA,YAC7C,WAAW,IAAK,CAAA,SAAA,CAAU,MAAO,CAAA,IAAA,EAAM,SAAS,CAAK,IAAA,EAAA;AAAA,YACrD,WAAA;AAAA,WACD,CAAA,CAAA;AAAA,SACF,CAAA,CAAA;AAED,QAAA,kBAAA,CAAmB,QAAQ,CAAA,CAAA;AAAA,OAC5B,CAAA,CAAA;AAAA,KACP;AAEA,IAAc,aAAA,EAAA,CAAA;AACd,IAAqB,oBAAA,EAAA,CAAA;AAAA,GACpB,EAAA,CAAC,UAAY,EAAA,YAAY,CAAC,CAAA,CAAA;AAG7B,EAAA,uBACK,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,QAAU,EAAA,cAAA,EAAgB,eAAmC,EAAA,CAAA,CAAA;AAEjF;;;;"}

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

@@ -1,10 +1,103 @@
-import React from 'react';
-import { Grid, Typography } from '@material-ui/core';
-import { Page, Header, Content } from '@backstage/core-components';
+import React, { useState, useEffect } from 'react';
+import { Grid, Typography, Card, RadioGroup, FormControlLabel, Radio } from '@material-ui/core';
+import { Page, Header, Content, TabbedLayout } from '@backstage/core-components';
 import { ServiceMappingComponent } from './ServiceMappingComponent.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+import { pagerDutyApiRef } from '../../api/client.esm.js';
+import { NotFoundError } from '@backstage/errors';
 
+const SERVICE_DEPENDENCY_SYNC_STRATEGY = "settings::service-dependency-sync-strategy";
 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 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)))));
+  const pagerDutyApi = useApi(pagerDutyApiRef);
+  const [
+    selectedServiceDependencyStrategy,
+    setSelectedServiceDependencyStrategy
+  ] = useState("disabled");
+  useEffect(() => {
+    function fetchSetting() {
+      pagerDutyApi.getSetting(SERVICE_DEPENDENCY_SYNC_STRATEGY).then((result) => {
+        if (result !== void 0) {
+          setSelectedServiceDependencyStrategy(result.value);
+        }
+      }).catch((error) => {
+        if (error instanceof NotFoundError) {
+          setSelectedServiceDependencyStrategy("disabled");
+        }
+      });
+    }
+    fetchSetting();
+  }, [pagerDutyApi]);
+  const handleChange = (event) => {
+    const value = getSelectedValue(event.target.value);
+    setSelectedServiceDependencyStrategy(value);
+    pagerDutyApi.storeSettings([
+      {
+        id: SERVICE_DEPENDENCY_SYNC_STRATEGY,
+        value
+      }
+    ]);
+  };
+  function getSelectedValue(value) {
+    switch (value) {
+      case "backstage":
+        return "backstage";
+      case "pagerduty":
+        return "pagerduty";
+      case "both":
+        return "both";
+      default:
+        return "disabled";
+    }
+  }
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(Header, { title: "PagerDuty", subtitle: "Advanced configurations" }), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(TabbedLayout, null, /* @__PURE__ */ React.createElement(TabbedLayout.Route, { path: "/service-mapping", title: "Service Mapping" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__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)))), /* @__PURE__ */ React.createElement(TabbedLayout.Route, { path: "/settings", title: "Configuration" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, "Plugin configuration"), /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, "Configure your PagerDuty plugin configuration here")), /* @__PURE__ */ React.createElement(
+    Card,
+    {
+      title: "Service dependency synchronization preferences",
+      style: { padding: "10px", paddingLeft: "15px", width: "50%" }
+    },
+    /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "Service dependency synchronization strategy"), /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, "Select the main source of truth for your service dependencies"), /* @__PURE__ */ React.createElement(
+      RadioGroup,
+      {
+        value: selectedServiceDependencyStrategy,
+        onChange: handleChange
+      },
+      /* @__PURE__ */ React.createElement(
+        FormControlLabel,
+        {
+          value: "backstage",
+          control: /* @__PURE__ */ React.createElement(Radio, null),
+          label: "Backstage"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        FormControlLabel,
+        {
+          value: "pagerduty",
+          control: /* @__PURE__ */ React.createElement(Radio, null),
+          label: "PagerDuty"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        FormControlLabel,
+        {
+          value: "both",
+          control: /* @__PURE__ */ React.createElement(Radio, null),
+          label: "Both"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        FormControlLabel,
+        {
+          value: "disabled",
+          control: /* @__PURE__ */ React.createElement(Radio, null),
+          label: "Disabled"
+        }
+      )
+    )),
+    /* @__PURE__ */ React.createElement("br", null),
+    /* @__PURE__ */ React.createElement("br", null),
+    /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, /* @__PURE__ */ React.createElement("b", null, "Warning: "), "Changing this setting will affect how your service dependencies are synchronized and may cause data loss. Check the ", /* @__PURE__ */ React.createElement("a", { style: { color: "cadetblue" }, href: "https://pagerduty.github.io/backstage-plugin-docs/index.html" }, " documentation "), " for more information.")
+  ))))));
 };
 
 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 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;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutyPage/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport {\n  Card,\n  FormControlLabel,\n  Grid,\n  Radio,\n  RadioGroup,\n  Typography,\n} from \"@material-ui/core\";\nimport {\n  Header,\n  Page,\n  Content,\n  TabbedLayout,\n} from \"@backstage/core-components\";\nimport { ServiceMappingComponent } from \"./ServiceMappingComponent\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { pagerDutyApiRef } from \"../../api\";\nimport { NotFoundError } from \"@backstage/errors\";\n\nconst SERVICE_DEPENDENCY_SYNC_STRATEGY =\n  \"settings::service-dependency-sync-strategy\";\n\n/** @public */\nexport const PagerDutyPage = () => {\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const [\n    selectedServiceDependencyStrategy,\n    setSelectedServiceDependencyStrategy,\n  ] = useState(\"disabled\");\n\n  useEffect(() => {\n    function fetchSetting() {\n      pagerDutyApi\n        .getSetting(SERVICE_DEPENDENCY_SYNC_STRATEGY)\n        .then((result) => {\n          if (result !== undefined) {\n            setSelectedServiceDependencyStrategy(result.value);\n          }\n        })\n        .catch((error) => {\n          if (error instanceof NotFoundError) {\n            // If the setting is not found, set the default value to \"disabled\"\n            setSelectedServiceDependencyStrategy(\"disabled\");\n          }\n        });\n    }\n\n    fetchSetting();\n  }, [pagerDutyApi]);\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const value = getSelectedValue((event.target as HTMLInputElement).value);\n\n    setSelectedServiceDependencyStrategy(value);\n\n    pagerDutyApi.storeSettings([\n      {\n        id: SERVICE_DEPENDENCY_SYNC_STRATEGY,\n        value,\n      },\n    ]);\n  };\n\n  function getSelectedValue(\n    value: string\n  ): \"backstage\" | \"pagerduty\" | \"both\" | \"disabled\" {\n    switch (value) {\n      case \"backstage\":\n        return \"backstage\";\n      case \"pagerduty\":\n        return \"pagerduty\";\n      case \"both\":\n        return \"both\";\n      default:\n        return \"disabled\";\n    }\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Header title=\"PagerDuty\" subtitle=\"Advanced configurations\" />\n      <Content>\n        <TabbedLayout>\n          <TabbedLayout.Route path=\"/service-mapping\" title=\"Service Mapping\">\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\n                  Backstage without the need to add anotations to all your\n                  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          </TabbedLayout.Route>\n          <TabbedLayout.Route path=\"/settings\" title=\"Configuration\">\n            <Grid container spacing={3} direction=\"column\">\n              <Grid item>\n                <Typography variant=\"h4\">Plugin configuration</Typography>\n                <Typography variant=\"body1\">\n                  Configure your PagerDuty plugin configuration here\n                </Typography>\n              </Grid>\n              <Card\n                title=\"Service dependency synchronization preferences\"\n                style={{ padding: \"10px\", paddingLeft: \"15px\", width: \"50%\" }}\n              >\n                <>\n                  <Typography variant=\"h6\">\n                    Service dependency synchronization strategy\n                  </Typography>\n                  <Typography variant=\"body1\">\n                    Select the main source of truth for your service dependencies\n                  </Typography>\n                  <RadioGroup\n                    value={selectedServiceDependencyStrategy}\n                    onChange={handleChange}\n                  >\n                    <FormControlLabel\n                      value=\"backstage\"\n                      control={<Radio />}\n                      label=\"Backstage\"\n                    />\n                    <FormControlLabel\n                      value=\"pagerduty\"\n                      control={<Radio />}\n                      label=\"PagerDuty\"\n                    />\n                    <FormControlLabel\n                      value=\"both\"\n                      control={<Radio />}\n                      label=\"Both\"\n                    />\n                    <FormControlLabel\n                      value=\"disabled\"\n                      control={<Radio />}\n                      label=\"Disabled\"\n                    />\n                  </RadioGroup>\n                </>\n\n                <br />\n                <br />\n                <Typography variant=\"body1\">\n                  <b>Warning: </b>Changing this setting will affect how your\n                  service dependencies are synchronized and may cause data loss.\n                  Check the <a style={{color: \"cadetblue\"}} href=\"https://pagerduty.github.io/backstage-plugin-docs/index.html\"> documentation </a> for more information.\n                </Typography>\n              </Card>\n            </Grid>\n          </TabbedLayout.Route>\n        </TabbedLayout>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -67,7 +67,6 @@ const useStyles = makeStyles(
 );
 const BasicCard = ({ children }) => /* @__PURE__ */ React.createElement(InfoCard, { title: "PagerDuty" }, children);
 const PagerDutySmallCard = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
   const classes = useStyles();
   const theme = useTheme();
   const { readOnly, disableInsights, disableOnCall } = props;
@@ -143,9 +142,9 @@ const PagerDutySmallCard = (props) => {
     ServiceStandardsCard,
     {
       compact: true,
-      total: ((_a = service == null ? void 0 : service.standards) == null ? void 0 : _a.score) !== void 0 ? (_c = (_b = service == null ? void 0 : service.standards) == null ? void 0 : _b.score) == null ? void 0 : _c.total : void 0,
-      completed: ((_d = service == null ? void 0 : service.standards) == null ? void 0 : _d.score) !== void 0 ? (_f = (_e = service == null ? void 0 : service.standards) == null ? void 0 : _e.score) == null ? void 0 : _f.passing : void 0,
-      standards: (service == null ? void 0 : service.standards) !== void 0 ? (_g = service == null ? void 0 : service.standards) == null ? void 0 : _g.standards : void 0
+      total: service?.standards?.score !== void 0 ? service?.standards?.score?.total : void 0,
+      completed: service?.standards?.score !== void 0 ? service?.standards?.score?.passing : void 0,
+      standards: service?.standards !== void 0 ? service?.standards?.standards : void 0
     }
   ))), disableInsights !== true ? /* @__PURE__ */ React.createElement(Accordion, null, /* @__PURE__ */ React.createElement(
     AccordionSummary,
@@ -166,7 +165,7 @@ const PagerDutySmallCard = (props) => {
       IncidentCounterCard,
       {
         compact: true,
-        count: (service == null ? void 0 : service.metrics) !== void 0 && service.metrics.length > 0 ? service == null ? void 0 : service.metrics[0].total_interruptions : void 0,
+        count: service?.metrics !== void 0 && service.metrics.length > 0 ? service?.metrics[0].total_interruptions : void 0,
         label: "interruptions",
         color: theme.palette.textSubtle
       }
@@ -175,7 +174,7 @@ const PagerDutySmallCard = (props) => {
       IncidentCounterCard,
       {
         compact: true,
-        count: (service == null ? void 0 : service.metrics) !== void 0 && service.metrics.length > 0 ? service == null ? void 0 : service.metrics[0].total_high_urgency_incidents : void 0,
+        count: service?.metrics !== void 0 && service.metrics.length > 0 ? service?.metrics[0].total_high_urgency_incidents : void 0,
         label: "high urgency",
         color: theme.palette.warning.main
       }
@@ -184,7 +183,7 @@ const PagerDutySmallCard = (props) => {
       IncidentCounterCard,
       {
         compact: true,
-        count: (service == null ? void 0 : service.metrics) !== void 0 && ((_h = service == null ? void 0 : service.metrics) == null ? void 0 : _h.length) > 0 ? service == null ? void 0 : service.metrics[0].total_incident_count : void 0,
+        count: service?.metrics !== void 0 && service?.metrics?.length > 0 ? service?.metrics[0].total_incident_count : void 0,
         label: "incidents",
         color: theme.palette.error.main
       }

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutySmallCard/index.tsx"],"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// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React, { ReactNode, useCallback, useState } from \"react\";\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Card,\n  CardHeader,\n  Grid,\n  Typography,\n} from \"@material-ui/core\";\nimport useAsync from \"react-use/lib/useAsync\";\nimport { pagerDutyApiRef, UnauthorizedError } from \"../../api\";\nimport { MissingTokenError, ServiceNotFoundError } from \"../Errors\";\nimport PDGreenImage from \"../../assets/PD-Green.svg\";\nimport PDWhiteImage from \"../../assets/PD-White.svg\";\n\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { NotFoundError } from \"@backstage/errors\";\nimport { Progress, InfoCard } from \"@backstage/core-components\";\nimport { PagerDutyEntity } from \"../../types\";\nimport { ForbiddenError } from \"../Errors/ForbiddenError\";\nimport {\n  InsightsCard,\n  OpenServiceButton,\n  ServiceStandardsCard,\n  StatusCard,\n  TriggerIncidentButton,\n} from \"../PagerDutyCardCommon\";\nimport { createStyles, makeStyles, useTheme } from \"@material-ui/core/styles\";\nimport { BackstageTheme } from \"@backstage/theme\";\nimport { PagerDutyCardServiceResponse } from \"../../api/types\";\nimport { EscalationPolicy } from \"../Escalation\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\n\nconst useStyles = makeStyles<BackstageTheme>((theme) =>\n  createStyles({\n    overviewHeaderTextStyle: {\n      fontSize: \"14px\",\n      fontWeight: 500,\n      color:\n        theme.palette.type === \"light\"\n          ? \"rgba(0, 0, 0, 0.54)\"\n          : \"rgba(255, 255, 255, 0.7)\",\n    },\n    headerStyle: {\n      marginBottom: \"0px\",\n      fontSize: \"0px\",\n    },\n    overviewHeaderContainerStyle: {\n      display: \"flex\",\n      margin: \"0px\",\n      padding: \"15px\",\n      marginBottom: \"5px\",\n    },\n    headerWithSubheaderContainerStyle: {\n      display: \"flex\",\n      alignItems: \"center\",\n    },\n    subheaderTextStyle: {\n      fontSize: \"10px\",\n      marginLeft: \"5px\",\n    },\n    overviewCardsContainerStyle: {\n      display: \"flex\",\n      margin: \"15px\",\n      marginTop: \"-15px\",\n    },\n    onCallAccordionDetails: {\n      display: \"flex\",\n      width: \"100%\",\n      marginTop: \"-25px\",\n      marginBottom: \"-15px\",\n    },\n    incidentMetricsContainerStyle: {\n      display: \"flex\",\n      height: \"100%\",\n      justifyContent: \"center\",\n      columnSpan: \"all\",\n      margin: \"15px\",\n      marginTop: \"-15px\",\n    },\n  })\n);\n\nconst BasicCard = ({ children }: { children: ReactNode }) => (\n  <InfoCard title=\"PagerDuty\">{children}</InfoCard>\n);\n\n/** @public */\nexport type PagerDutyCardProps = PagerDutyEntity & {\n  readOnly?: boolean;\n  disableInsights?: boolean;\n  disableOnCall?: boolean;\n};\n\n/** @public */\nexport const PagerDutySmallCard = (props: PagerDutyCardProps) => {\n  const classes = useStyles();\n\n  const theme = useTheme();\n  const { readOnly, disableInsights, disableOnCall } = props;\n  const api = useApi(pagerDutyApiRef);\n  const [refreshStatus, setRefreshStatus] = useState<boolean>(false);\n\n  const handleRefresh = useCallback(() => {\n    setRefreshStatus((x) => !x);\n  }, []);\n\n  const {\n    value: service,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const { service: foundService } = await api.getServiceByPagerDutyEntity(\n      props\n    );\n\n    const serviceStandards = await api.getServiceStandardsByServiceId(\n      foundService.id,\n      props.account\n    );\n\n    const serviceMetrics = await api.getServiceMetricsByServiceId(\n      foundService.id,\n      props.account\n    );\n\n    const result: PagerDutyCardServiceResponse = {\n      id: foundService.id,\n      name: foundService.name,\n      account: props.account,\n      url: foundService.html_url,\n      policyId: foundService.escalation_policy.id,\n      policyLink: foundService.escalation_policy.html_url as string,\n      policyName: foundService.escalation_policy.name,\n      status: foundService.status,\n      standards:\n        serviceStandards !== undefined ? serviceStandards.standards : undefined,\n      metrics:\n        serviceMetrics !== undefined ? serviceMetrics.metrics : undefined,\n    };\n\n    return result;\n  }, [props]);\n\n  if (error) {\n    let errorNode: ReactNode;\n\n    switch (error.constructor) {\n      case UnauthorizedError:\n        errorNode = <MissingTokenError />;\n        break;\n      case NotFoundError:\n        errorNode = <ServiceNotFoundError />;\n        break;\n      default:\n        errorNode = <ForbiddenError />;\n    }\n\n    return <BasicCard>{errorNode}</BasicCard>;\n  }\n\n  if (loading) {\n    return (\n      <BasicCard>\n        <Progress />\n      </BasicCard>\n    );\n  }\n\n  return (\n    <Card data-testid=\"pagerduty-card\">\n      <CardHeader\n        className={classes.headerStyle}\n        title={\n          theme.palette.type === \"dark\" ? (\n            <img src={PDWhiteImage} alt=\"PagerDuty\" height=\"25\" />\n          ) : (\n            <img src={PDGreenImage} alt=\"PagerDuty\" height=\"25\" />\n          )\n        }\n        action={\n          !readOnly && props.integrationKey ? (\n            <div>\n              <TriggerIncidentButton\n                compact\n                data-testid=\"trigger-incident-button\"\n                integrationKey={props.integrationKey}\n                entityName={props.name}\n                handleRefresh={handleRefresh}\n              />\n              <OpenServiceButton compact serviceUrl={service!.url} />\n            </div>\n          ) : (\n            <OpenServiceButton compact serviceUrl={service!.url} />\n          )\n        }\n      />\n      <Grid item md={12} className={classes.overviewHeaderContainerStyle}>\n        <Grid item md={6}>\n          <Typography className={classes.overviewHeaderTextStyle}>\n            STATUS\n          </Typography>\n        </Grid>\n        <Grid item md={6}>\n          <Typography className={classes.overviewHeaderTextStyle}>\n            STANDARDS\n          </Typography>\n        </Grid>\n      </Grid>\n\n      <Grid item md={12} className={classes.overviewCardsContainerStyle}>\n        <Grid item md={6}>\n          <StatusCard compact serviceId={service!.id} refreshStatus={refreshStatus} account={service!.account} />\n        </Grid>\n        <Grid item md={6}>\n          <ServiceStandardsCard\n            compact\n            total={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.total\n                : undefined\n            }\n            completed={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.passing\n                : undefined\n            }\n            standards={\n              service?.standards !== undefined\n                ? service?.standards?.standards\n                : undefined\n            }\n          />\n        </Grid>\n      </Grid>\n      {disableInsights !== true ? (\n        <Accordion>\n          <AccordionSummary\n            expandIcon={<ExpandMoreIcon />}\n            aria-controls=\"panel1a-content\"\n            id=\"panel1a-header\"\n          >\n            <span className={classes.headerWithSubheaderContainerStyle}>\n              <Typography className={classes.overviewHeaderTextStyle}>\n                INSIGHTS\n              </Typography>\n              <Typography className={classes.subheaderTextStyle}>\n                (last 30 days)\n              </Typography>\n            </span>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Grid\n              item\n              md={12}\n              className={classes.incidentMetricsContainerStyle}\n            >\n              <Grid item md={4}>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined && service.metrics.length > 0\n                      ? service?.metrics[0].total_interruptions\n                      : undefined\n                  }\n                  label=\"interruptions\"\n                  color={theme.palette.textSubtle}\n                />\n              </Grid>\n              <Grid item md={4}>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined && service.metrics.length > 0\n                      ? service?.metrics[0].total_high_urgency_incidents\n                      : undefined\n                  }\n                  label=\"high urgency\"\n                  color={theme.palette.warning.main}\n                />\n              </Grid>\n              <Grid item md={4}>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined &&\n                    service?.metrics?.length > 0\n                      ? service?.metrics[0].total_incident_count\n                      : undefined\n                  }\n                  label=\"incidents\"\n                  color={theme.palette.error.main}\n                />\n              </Grid>\n            </Grid>\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <></>\n      )}\n\n      {disableOnCall !== true ? (\n        <Accordion>\n          <AccordionSummary\n            expandIcon={<ExpandMoreIcon />}\n            aria-controls=\"panel1a-content\"\n            id=\"panel1a-header\"\n          >\n            <Typography className={classes.overviewHeaderTextStyle}>\n              ON CALL\n            </Typography>\n          </AccordionSummary>\n          <AccordionDetails className={classes.onCallAccordionDetails}>\n            <EscalationPolicy\n              data-testid=\"oncall-card\"\n              policyId={service!.policyId}\n              policyUrl={service!.policyLink}\n              policyName={service!.policyName}\n              account={service!.account}\n            />\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <></>\n      )}\n    </Card>\n  );\n};\n"],"names":["InsightsCard"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutySmallCard/index.tsx"],"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// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React, { ReactNode, useCallback, useState } from \"react\";\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Card,\n  CardHeader,\n  Grid,\n  Typography,\n} from \"@material-ui/core\";\nimport useAsync from \"react-use/lib/useAsync\";\nimport { pagerDutyApiRef, UnauthorizedError } from \"../../api\";\nimport { MissingTokenError, ServiceNotFoundError } from \"../Errors\";\nimport PDGreenImage from \"../../assets/PD-Green.svg\";\nimport PDWhiteImage from \"../../assets/PD-White.svg\";\n\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { NotFoundError } from \"@backstage/errors\";\nimport { Progress, InfoCard } from \"@backstage/core-components\";\nimport { PagerDutyEntity } from \"../../types\";\nimport { ForbiddenError } from \"../Errors/ForbiddenError\";\nimport {\n  InsightsCard,\n  OpenServiceButton,\n  ServiceStandardsCard,\n  StatusCard,\n  TriggerIncidentButton,\n} from \"../PagerDutyCardCommon\";\nimport { createStyles, makeStyles, useTheme } from \"@material-ui/core/styles\";\nimport { BackstageTheme } from \"@backstage/theme\";\nimport { PagerDutyCardServiceResponse } from \"../../api/types\";\nimport { EscalationPolicy } from \"../Escalation\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\n\nconst useStyles = makeStyles<BackstageTheme>((theme) =>\n  createStyles({\n    overviewHeaderTextStyle: {\n      fontSize: \"14px\",\n      fontWeight: 500,\n      color:\n        theme.palette.type === \"light\"\n          ? \"rgba(0, 0, 0, 0.54)\"\n          : \"rgba(255, 255, 255, 0.7)\",\n    },\n    headerStyle: {\n      marginBottom: \"0px\",\n      fontSize: \"0px\",\n    },\n    overviewHeaderContainerStyle: {\n      display: \"flex\",\n      margin: \"0px\",\n      padding: \"15px\",\n      marginBottom: \"5px\",\n    },\n    headerWithSubheaderContainerStyle: {\n      display: \"flex\",\n      alignItems: \"center\",\n    },\n    subheaderTextStyle: {\n      fontSize: \"10px\",\n      marginLeft: \"5px\",\n    },\n    overviewCardsContainerStyle: {\n      display: \"flex\",\n      margin: \"15px\",\n      marginTop: \"-15px\",\n    },\n    onCallAccordionDetails: {\n      display: \"flex\",\n      width: \"100%\",\n      marginTop: \"-25px\",\n      marginBottom: \"-15px\",\n    },\n    incidentMetricsContainerStyle: {\n      display: \"flex\",\n      height: \"100%\",\n      justifyContent: \"center\",\n      columnSpan: \"all\",\n      margin: \"15px\",\n      marginTop: \"-15px\",\n    },\n  })\n);\n\nconst BasicCard = ({ children }: { children: ReactNode }) => (\n  <InfoCard title=\"PagerDuty\">{children}</InfoCard>\n);\n\n/** @public */\nexport type PagerDutyCardProps = PagerDutyEntity & {\n  readOnly?: boolean;\n  disableInsights?: boolean;\n  disableOnCall?: boolean;\n};\n\n/** @public */\nexport const PagerDutySmallCard = (props: PagerDutyCardProps) => {\n  const classes = useStyles();\n\n  const theme = useTheme();\n  const { readOnly, disableInsights, disableOnCall } = props;\n  const api = useApi(pagerDutyApiRef);\n  const [refreshStatus, setRefreshStatus] = useState<boolean>(false);\n\n  const handleRefresh = useCallback(() => {\n    setRefreshStatus((x) => !x);\n  }, []);\n\n  const {\n    value: service,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const { service: foundService } = await api.getServiceByPagerDutyEntity(\n      props\n    );\n\n    const serviceStandards = await api.getServiceStandardsByServiceId(\n      foundService.id,\n      props.account\n    );\n\n    const serviceMetrics = await api.getServiceMetricsByServiceId(\n      foundService.id,\n      props.account\n    );\n\n    const result: PagerDutyCardServiceResponse = {\n      id: foundService.id,\n      name: foundService.name,\n      account: props.account,\n      url: foundService.html_url,\n      policyId: foundService.escalation_policy.id,\n      policyLink: foundService.escalation_policy.html_url as string,\n      policyName: foundService.escalation_policy.name,\n      status: foundService.status,\n      standards:\n        serviceStandards !== undefined ? serviceStandards.standards : undefined,\n      metrics:\n        serviceMetrics !== undefined ? serviceMetrics.metrics : undefined,\n    };\n\n    return result;\n  }, [props]);\n\n  if (error) {\n    let errorNode: ReactNode;\n\n    switch (error.constructor) {\n      case UnauthorizedError:\n        errorNode = <MissingTokenError />;\n        break;\n      case NotFoundError:\n        errorNode = <ServiceNotFoundError />;\n        break;\n      default:\n        errorNode = <ForbiddenError />;\n    }\n\n    return <BasicCard>{errorNode}</BasicCard>;\n  }\n\n  if (loading) {\n    return (\n      <BasicCard>\n        <Progress />\n      </BasicCard>\n    );\n  }\n\n  return (\n    <Card data-testid=\"pagerduty-card\">\n      <CardHeader\n        className={classes.headerStyle}\n        title={\n          theme.palette.type === \"dark\" ? (\n            <img src={PDWhiteImage} alt=\"PagerDuty\" height=\"25\" />\n          ) : (\n            <img src={PDGreenImage} alt=\"PagerDuty\" height=\"25\" />\n          )\n        }\n        action={\n          !readOnly && props.integrationKey ? (\n            <div>\n              <TriggerIncidentButton\n                compact\n                data-testid=\"trigger-incident-button\"\n                integrationKey={props.integrationKey}\n                entityName={props.name}\n                handleRefresh={handleRefresh}\n              />\n              <OpenServiceButton compact serviceUrl={service!.url} />\n            </div>\n          ) : (\n            <OpenServiceButton compact serviceUrl={service!.url} />\n          )\n        }\n      />\n      <Grid item md={12} className={classes.overviewHeaderContainerStyle}>\n        <Grid item md={6}>\n          <Typography className={classes.overviewHeaderTextStyle}>\n            STATUS\n          </Typography>\n        </Grid>\n        <Grid item md={6}>\n          <Typography className={classes.overviewHeaderTextStyle}>\n            STANDARDS\n          </Typography>\n        </Grid>\n      </Grid>\n\n      <Grid item md={12} className={classes.overviewCardsContainerStyle}>\n        <Grid item md={6}>\n          <StatusCard compact serviceId={service!.id} refreshStatus={refreshStatus} account={service!.account} />\n        </Grid>\n        <Grid item md={6}>\n          <ServiceStandardsCard\n            compact\n            total={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.total\n                : undefined\n            }\n            completed={\n              service?.standards?.score !== undefined\n                ? service?.standards?.score?.passing\n                : undefined\n            }\n            standards={\n              service?.standards !== undefined\n                ? service?.standards?.standards\n                : undefined\n            }\n          />\n        </Grid>\n      </Grid>\n      {disableInsights !== true ? (\n        <Accordion>\n          <AccordionSummary\n            expandIcon={<ExpandMoreIcon />}\n            aria-controls=\"panel1a-content\"\n            id=\"panel1a-header\"\n          >\n            <span className={classes.headerWithSubheaderContainerStyle}>\n              <Typography className={classes.overviewHeaderTextStyle}>\n                INSIGHTS\n              </Typography>\n              <Typography className={classes.subheaderTextStyle}>\n                (last 30 days)\n              </Typography>\n            </span>\n          </AccordionSummary>\n          <AccordionDetails>\n            <Grid\n              item\n              md={12}\n              className={classes.incidentMetricsContainerStyle}\n            >\n              <Grid item md={4}>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined && service.metrics.length > 0\n                      ? service?.metrics[0].total_interruptions\n                      : undefined\n                  }\n                  label=\"interruptions\"\n                  color={theme.palette.textSubtle}\n                />\n              </Grid>\n              <Grid item md={4}>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined && service.metrics.length > 0\n                      ? service?.metrics[0].total_high_urgency_incidents\n                      : undefined\n                  }\n                  label=\"high urgency\"\n                  color={theme.palette.warning.main}\n                />\n              </Grid>\n              <Grid item md={4}>\n                <InsightsCard\n                  compact\n                  count={\n                    service?.metrics !== undefined &&\n                    service?.metrics?.length > 0\n                      ? service?.metrics[0].total_incident_count\n                      : undefined\n                  }\n                  label=\"incidents\"\n                  color={theme.palette.error.main}\n                />\n              </Grid>\n            </Grid>\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <></>\n      )}\n\n      {disableOnCall !== true ? (\n        <Accordion>\n          <AccordionSummary\n            expandIcon={<ExpandMoreIcon />}\n            aria-controls=\"panel1a-content\"\n            id=\"panel1a-header\"\n          >\n            <Typography className={classes.overviewHeaderTextStyle}>\n              ON CALL\n            </Typography>\n          </AccordionSummary>\n          <AccordionDetails className={classes.onCallAccordionDetails}>\n            <EscalationPolicy\n              data-testid=\"oncall-card\"\n              policyId={service!.policyId}\n              policyUrl={service!.policyLink}\n              policyName={service!.policyName}\n              account={service!.account}\n            />\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <></>\n      )}\n    </Card>\n  );\n};\n"],"names":["InsightsCard"],"mappings":"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"}

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

@@ -13,7 +13,6 @@ const useStyles = makeStyles((theme) => ({
   }
 }));
 function TriggerButton(props) {
-  var _a;
   const { buttonStyle } = useStyles();
   const { integrationKey, name } = usePagerdutyEntity();
   const [dialogShown, setDialogShown] = useState(false);
@@ -32,7 +31,7 @@ function TriggerButton(props) {
       className: disabled ? "" : buttonStyle,
       disabled
     },
-    integrationKey ? (_a = props.children) != null ? _a : "Create new incident" : "Missing integration key"
+    integrationKey ? props.children ?? "Create new incident" : "Missing integration key"
   ), integrationKey && /* @__PURE__ */ React.createElement(
     TriggerDialog,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/TriggerButton/index.tsx"],"sourcesContent":["/*\n * Copyright 2021 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\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React, { useCallback, ReactNode, useState } from 'react';\nimport { makeStyles, Button } from '@material-ui/core';\nimport { BackstageTheme } from '@backstage/theme';\n\nimport { usePagerdutyEntity } from '../../hooks';\nimport { TriggerDialog } from '../TriggerDialog';\n\nconst useStyles = makeStyles<BackstageTheme>(theme => ({\n  buttonStyle: {\n    backgroundColor: theme.palette.error.main,\n    color: theme.palette.error.contrastText,\n    '&:hover': {\n      backgroundColor: theme.palette.error.dark,\n    },\n  },\n}));\n\n/** @public */\nexport function TriggerButton(props: { children?: ReactNode }) {\n  const { buttonStyle } = useStyles();\n  const { integrationKey, name } = usePagerdutyEntity();\n  const [dialogShown, setDialogShown] = useState<boolean>(false);\n\n  const showDialog = useCallback(() => {\n    setDialogShown(true);\n  }, [setDialogShown]);\n  const hideDialog = useCallback(() => {\n    setDialogShown(false);\n  }, [setDialogShown]);\n\n  const disabled = !integrationKey;\n  return (\n    <>\n      <Button\n        onClick={showDialog}\n        variant=\"contained\"\n        className={disabled ? '' : buttonStyle}\n        disabled={disabled}\n      >\n        {integrationKey\n          ? props.children ?? 'Create new incident'\n          : 'Missing integration key'}\n      </Button>\n      {integrationKey && (\n        <TriggerDialog\n          showDialog={dialogShown}\n          handleDialog={hideDialog}\n          integrationKey={integrationKey}\n          serviceName={name}\n        />\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;AAwBA,MAAM,SAAA,GAAY,WAA2B,CAAU,KAAA,MAAA;AAAA,EACrD,WAAa,EAAA;AAAA,IACX,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,KAAM,CAAA,IAAA;AAAA,IACrC,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,KAAM,CAAA,YAAA;AAAA,IAC3B,SAAW,EAAA;AAAA,MACT,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,KAAM,CAAA,IAAA;AAAA,KACvC;AAAA,GACF;AACF,CAAE,CAAA,CAAA,CAAA;AAGK,SAAS,cAAc,KAAiC,EAAA;AAnC/D,EAAA,IAAA,EAAA,CAAA;AAoCE,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,SAAU,EAAA,CAAA;AAClC,EAAA,MAAM,EAAE,cAAA,EAAgB,IAAK,EAAA,GAAI,kBAAmB,EAAA,CAAA;AACpD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAE7D,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,cAAA,CAAe,IAAI,CAAA,CAAA;AAAA,GACrB,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AACnB,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAAA,GACtB,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AAEnB,EAAA,MAAM,WAAW,CAAC,cAAA,CAAA;AAClB,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,UAAA;AAAA,MACT,OAAQ,EAAA,WAAA;AAAA,MACR,SAAA,EAAW,WAAW,EAAK,GAAA,WAAA;AAAA,MAC3B,QAAA;AAAA,KAAA;AAAA,IAEC,cACG,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,QAAN,KAAA,IAAA,GAAA,EAAA,GAAkB,qBAClB,GAAA,yBAAA;AAAA,KAEL,cACC,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,WAAA;AAAA,MACZ,YAAc,EAAA,UAAA;AAAA,MACd,cAAA;AAAA,MACA,WAAa,EAAA,IAAA;AAAA,KAAA;AAAA,GAGnB,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/TriggerButton/index.tsx"],"sourcesContent":["/*\n * Copyright 2021 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\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React, { useCallback, ReactNode, useState } from 'react';\nimport { makeStyles, Button } from '@material-ui/core';\nimport { BackstageTheme } from '@backstage/theme';\n\nimport { usePagerdutyEntity } from '../../hooks';\nimport { TriggerDialog } from '../TriggerDialog';\n\nconst useStyles = makeStyles<BackstageTheme>(theme => ({\n  buttonStyle: {\n    backgroundColor: theme.palette.error.main,\n    color: theme.palette.error.contrastText,\n    '&:hover': {\n      backgroundColor: theme.palette.error.dark,\n    },\n  },\n}));\n\n/** @public */\nexport function TriggerButton(props: { children?: ReactNode }) {\n  const { buttonStyle } = useStyles();\n  const { integrationKey, name } = usePagerdutyEntity();\n  const [dialogShown, setDialogShown] = useState<boolean>(false);\n\n  const showDialog = useCallback(() => {\n    setDialogShown(true);\n  }, [setDialogShown]);\n  const hideDialog = useCallback(() => {\n    setDialogShown(false);\n  }, [setDialogShown]);\n\n  const disabled = !integrationKey;\n  return (\n    <>\n      <Button\n        onClick={showDialog}\n        variant=\"contained\"\n        className={disabled ? '' : buttonStyle}\n        disabled={disabled}\n      >\n        {integrationKey\n          ? props.children ?? 'Create new incident'\n          : 'Missing integration key'}\n      </Button>\n      {integrationKey && (\n        <TriggerDialog\n          showDialog={dialogShown}\n          handleDialog={hideDialog}\n          integrationKey={integrationKey}\n          serviceName={name}\n        />\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;AAwBA,MAAM,SAAA,GAAY,WAA2B,CAAU,KAAA,MAAA;AAAA,EACrD,WAAa,EAAA;AAAA,IACX,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,KAAM,CAAA,IAAA;AAAA,IACrC,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,KAAM,CAAA,YAAA;AAAA,IAC3B,SAAW,EAAA;AAAA,MACT,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,KAAM,CAAA,IAAA;AAAA,KACvC;AAAA,GACF;AACF,CAAE,CAAA,CAAA,CAAA;AAGK,SAAS,cAAc,KAAiC,EAAA;AAC7D,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,SAAU,EAAA,CAAA;AAClC,EAAA,MAAM,EAAE,cAAA,EAAgB,IAAK,EAAA,GAAI,kBAAmB,EAAA,CAAA;AACpD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAE7D,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,cAAA,CAAe,IAAI,CAAA,CAAA;AAAA,GACrB,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AACnB,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAAA,GACtB,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AAEnB,EAAA,MAAM,WAAW,CAAC,cAAA,CAAA;AAClB,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,UAAA;AAAA,MACT,OAAQ,EAAA,WAAA;AAAA,MACR,SAAA,EAAW,WAAW,EAAK,GAAA,WAAA;AAAA,MAC3B,QAAA;AAAA,KAAA;AAAA,IAEC,cAAA,GACG,KAAM,CAAA,QAAA,IAAY,qBAClB,GAAA,yBAAA;AAAA,KAEL,cACC,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,WAAA;AAAA,MACZ,YAAc,EAAA,UAAA;AAAA,MACd,cAAA;AAAA,MACA,WAAa,EAAA,IAAA;AAAA,KAAA;AAAA,GAGnB,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/TriggerDialog/TriggerDialog.esm.js

@@ -44,7 +44,7 @@ const TriggerDialog = ({
         setDescription("");
         handleDialog();
         await new Promise((resolve) => setTimeout(resolve, 1e3));
-        onIncidentCreated == null ? void 0 : onIncidentCreated();
+        onIncidentCreated?.();
       })();
     }
   }, [value, alertApi, handleDialog, onIncidentCreated]);

package/dist/components/TriggerDialog/TriggerDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerDialog.esm.js","sources":["../../../src/components/TriggerDialog/TriggerDialog.tsx"],"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\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React, { useState, useEffect } from 'react';\nimport {\n  Dialog,\n  DialogTitle,\n  TextField,\n  DialogActions,\n  Button,\n  DialogContent,\n  Typography,\n  CircularProgress,\n} from '@material-ui/core';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport { pagerDutyApiRef } from '../../api';\nimport { Alert } from '@material-ui/lab';\nimport {\n  useApi,\n  alertApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport { DEFAULT_NAMESPACE, parseEntityRef } from '@backstage/catalog-model';\n\ntype Props = {\n  showDialog: boolean;\n  handleDialog: () => void;\n  onIncidentCreated?: () => void;\n  serviceName: string;\n  integrationKey: string;\n};\n\nexport const TriggerDialog = ({\n  showDialog,\n  handleDialog,\n  onIncidentCreated: onIncidentCreated,\n  serviceName,\n  integrationKey,\n}: Props) => {\n  const alertApi = useApi(alertApiRef);\n  const identityApi = useApi(identityApiRef);\n  const api = useApi(pagerDutyApiRef);\n  const [description, setDescription] = useState<string>('');\n\n  const [{ value, loading, error }, handleTriggerAlarm] = useAsyncFn(\n    async (descriptions: string) => {\n      const { userEntityRef } = await identityApi.getBackstageIdentity();\n      const { name: userName } = parseEntityRef(userEntityRef, {\n        defaultKind: 'User',\n        defaultNamespace: DEFAULT_NAMESPACE,\n      });\n      return await api.triggerAlarm({\n        integrationKey: integrationKey as string,\n        source: window.location.toString(),\n        description: descriptions,\n        userName,\n      });\n    },\n  );\n\n  const descriptionChanged = (\n    event: React.ChangeEvent<HTMLTextAreaElement>,\n  ) => {\n    setDescription(event.target.value);\n  };\n\n  useEffect(() => {\n    if (value) {\n      (async () => {\n        alertApi.post({\n          message: `Alarm successfully triggered`,\n        });\n\n        // clear description state\n        setDescription(\"\");\n\n        handleDialog();\n\n        // The pager duty API isn't always returning the newly created alarm immediately\n        await new Promise(resolve => setTimeout(resolve, 1000));\n        onIncidentCreated?.();\n      })();\n    }\n  }, [value, alertApi, handleDialog, onIncidentCreated]);\n\n  if (error) {\n    alertApi.post({\n      message: `Failed to trigger alarm. ${error.message}`,\n      severity: 'error',\n    });\n  }\n\n  return (\n    <Dialog maxWidth=\"md\" open={showDialog} onClose={handleDialog} fullWidth>\n      <DialogTitle>\n        This action will trigger an incident for <strong>\"{serviceName}\"</strong>.\n      </DialogTitle>\n      <DialogContent>\n        <Alert severity=\"info\">\n          <Typography variant=\"body1\" align=\"justify\">\n            If the issue you are seeing does not need urgent attention, please\n            get in touch with the responsible team using their preferred\n            communications channel. You can find information about the owner of\n            this entity in the \"About\" card. If the issue is urgent, please\n            don't hesitate to trigger the alert.\n          </Typography>\n        </Alert>\n        <Typography\n          variant=\"body1\"\n          style={{ marginTop: '1em' }}\n          gutterBottom\n          align=\"justify\"\n        >\n          Please describe the problem you want to report. Be as descriptive as\n          possible. Your signed in user and a reference to the current page will\n          automatically be amended to the alarm so that the receiver can reach\n          out to you if necessary.\n        </Typography>\n        <TextField\n          inputProps={{ 'data-testid': 'trigger-input' }}\n          id=\"description\"\n          multiline\n          fullWidth\n          minRows={4}\n          margin=\"normal\"\n          label=\"Problem description\"\n          variant=\"outlined\"\n          onChange={descriptionChanged}\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button\n          data-testid=\"trigger-button\"\n          id=\"trigger\"\n          color=\"secondary\"\n          disabled={!description || loading}\n          variant=\"contained\"\n          onClick={() => handleTriggerAlarm(description)}\n          endIcon={loading && <CircularProgress size={16} />}\n        >\n          Trigger Incident\n        </Button>\n        <Button id=\"close\" color=\"primary\" onClick={handleDialog}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TriggerDialog.esm.js","sources":["../../../src/components/TriggerDialog/TriggerDialog.tsx"],"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\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React, { useState, useEffect } from 'react';\nimport {\n  Dialog,\n  DialogTitle,\n  TextField,\n  DialogActions,\n  Button,\n  DialogContent,\n  Typography,\n  CircularProgress,\n} from '@material-ui/core';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport { pagerDutyApiRef } from '../../api';\nimport { Alert } from '@material-ui/lab';\nimport {\n  useApi,\n  alertApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport { DEFAULT_NAMESPACE, parseEntityRef } from '@backstage/catalog-model';\n\ntype Props = {\n  showDialog: boolean;\n  handleDialog: () => void;\n  onIncidentCreated?: () => void;\n  serviceName: string;\n  integrationKey: string;\n};\n\nexport const TriggerDialog = ({\n  showDialog,\n  handleDialog,\n  onIncidentCreated: onIncidentCreated,\n  serviceName,\n  integrationKey,\n}: Props) => {\n  const alertApi = useApi(alertApiRef);\n  const identityApi = useApi(identityApiRef);\n  const api = useApi(pagerDutyApiRef);\n  const [description, setDescription] = useState<string>('');\n\n  const [{ value, loading, error }, handleTriggerAlarm] = useAsyncFn(\n    async (descriptions: string) => {\n      const { userEntityRef } = await identityApi.getBackstageIdentity();\n      const { name: userName } = parseEntityRef(userEntityRef, {\n        defaultKind: 'User',\n        defaultNamespace: DEFAULT_NAMESPACE,\n      });\n      return await api.triggerAlarm({\n        integrationKey: integrationKey as string,\n        source: window.location.toString(),\n        description: descriptions,\n        userName,\n      });\n    },\n  );\n\n  const descriptionChanged = (\n    event: React.ChangeEvent<HTMLTextAreaElement>,\n  ) => {\n    setDescription(event.target.value);\n  };\n\n  useEffect(() => {\n    if (value) {\n      (async () => {\n        alertApi.post({\n          message: `Alarm successfully triggered`,\n        });\n\n        // clear description state\n        setDescription(\"\");\n\n        handleDialog();\n\n        // The pager duty API isn't always returning the newly created alarm immediately\n        await new Promise(resolve => setTimeout(resolve, 1000));\n        onIncidentCreated?.();\n      })();\n    }\n  }, [value, alertApi, handleDialog, onIncidentCreated]);\n\n  if (error) {\n    alertApi.post({\n      message: `Failed to trigger alarm. ${error.message}`,\n      severity: 'error',\n    });\n  }\n\n  return (\n    <Dialog maxWidth=\"md\" open={showDialog} onClose={handleDialog} fullWidth>\n      <DialogTitle>\n        This action will trigger an incident for <strong>\"{serviceName}\"</strong>.\n      </DialogTitle>\n      <DialogContent>\n        <Alert severity=\"info\">\n          <Typography variant=\"body1\" align=\"justify\">\n            If the issue you are seeing does not need urgent attention, please\n            get in touch with the responsible team using their preferred\n            communications channel. You can find information about the owner of\n            this entity in the \"About\" card. If the issue is urgent, please\n            don't hesitate to trigger the alert.\n          </Typography>\n        </Alert>\n        <Typography\n          variant=\"body1\"\n          style={{ marginTop: '1em' }}\n          gutterBottom\n          align=\"justify\"\n        >\n          Please describe the problem you want to report. Be as descriptive as\n          possible. Your signed in user and a reference to the current page will\n          automatically be amended to the alarm so that the receiver can reach\n          out to you if necessary.\n        </Typography>\n        <TextField\n          inputProps={{ 'data-testid': 'trigger-input' }}\n          id=\"description\"\n          multiline\n          fullWidth\n          minRows={4}\n          margin=\"normal\"\n          label=\"Problem description\"\n          variant=\"outlined\"\n          onChange={descriptionChanged}\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button\n          data-testid=\"trigger-button\"\n          id=\"trigger\"\n          color=\"secondary\"\n          disabled={!description || loading}\n          variant=\"contained\"\n          onClick={() => handleTriggerAlarm(description)}\n          endIcon={loading && <CircularProgress size={16} />}\n        >\n          Trigger Incident\n        </Button>\n        <Button id=\"close\" color=\"primary\" onClick={handleDialog}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}