@incident-io/backstage 0.0.10 → 0.0.12

package/src/components/EntityIncidentCard/index.tsx

@@ -13,14 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Entity } from '@backstage/catalog-model';
+import { Entity } from "@backstage/catalog-model";
 import {
   HeaderIconLinkRow,
   IconLinkVerticalProps,
   Progress,
-} from '@backstage/core-components';
-import { ConfigApi, configApiRef, useApi } from '@backstage/core-plugin-api';
-import { useEntity } from '@backstage/plugin-catalog-react';
+} from "@backstage/core-components";
+import { ConfigApi, configApiRef, useApi } from "@backstage/core-plugin-api";
+import { useEntity } from "@backstage/plugin-catalog-react";
 import {
   Card,
   CardContent,
@@ -29,16 +29,15 @@ import {
   IconButton,
   List,
   Typography,
-} from '@material-ui/core';
-import Link from '@material-ui/core/Link';
-import CachedIcon from '@material-ui/icons/Cached';
-import HistoryIcon from '@material-ui/icons/History';
-import WhatshotIcon from '@material-ui/icons/Whatshot';
-import { Alert } from '@material-ui/lab';
-import React, { useState } from 'react';
-import { getBaseUrl } from '../../config';
-import { useIncidentList } from '../../hooks/useIncidentRequest';
-import { IncidentListItem } from '../IncidentListItem';
+} from "@material-ui/core";
+import Link from "@material-ui/core/Link";
+import CachedIcon from "@material-ui/icons/Cached";
+import HistoryIcon from "@material-ui/icons/History";
+import WhatshotIcon from "@material-ui/icons/Whatshot";
+import { Alert } from "@material-ui/lab";
+import React, { useState } from "react";
+import { useIncidentList, useIdentity } from "../../hooks/useIncidentRequest";
+import { IncidentListItem } from "../IncidentListItem";
 
 const IncorrectConfigCard = () => {
   return (
@@ -64,8 +63,12 @@ export const EntityIncidentCard = ({
   maxIncidents?: number;
 }) => {
   const config = useApi(configApiRef);
-  const baseUrl = getBaseUrl(config);
   const { entity } = useEntity();
+  const {
+    value: identityResponse,
+    loading: identityResponseLoading,
+    error: identityResponseError,
+  } = useIdentity();
 
   const [reload, setReload] = useState(false);
 
@@ -79,21 +82,7 @@ export const EntityIncidentCard = ({
 
   // This restricts the previous filter to focus only on live incidents.
   const queryLive = new URLSearchParams(query);
-  queryLive.set(`status_category[one_of]`, 'live');
-
-  const createIncidentLink: IconLinkVerticalProps = {
-    label: 'Create incident',
-    disabled: false,
-    icon: <WhatshotIcon />,
-    href: `${baseUrl}/incidents/create`,
-  };
-
-  const viewIncidentsLink: IconLinkVerticalProps = {
-    label: 'View past incidents',
-    disabled: false,
-    icon: <HistoryIcon />,
-    href: `${baseUrl}/incidents?${query.toString()}`,
-  };
+  queryLive.set(`status_category[one_of]`, "active");
 
   const {
     value: incidentsResponse,
@@ -107,6 +96,26 @@ export const EntityIncidentCard = ({
     return <IncorrectConfigCard />;
   }
 
+  if (incidentsLoading || identityResponseLoading || !identityResponse) {
+    return <Progress />;
+  }
+
+  const baseUrl = identityResponse.identity.dashboard_url;
+
+  const createIncidentLink: IconLinkVerticalProps = {
+    label: "Declare incident",
+    disabled: false,
+    icon: <WhatshotIcon />,
+    href: `${baseUrl}/incidents/create`,
+  };
+
+  const viewIncidentsLink: IconLinkVerticalProps = {
+    label: "View past incidents",
+    disabled: false,
+    icon: <HistoryIcon />,
+    href: `${baseUrl}/incidents?${query.toString()}`,
+  };
+
   return (
     <Card>
       <CardHeader
@@ -130,10 +139,12 @@ export const EntityIncidentCard = ({
       />
       <Divider />
       <CardContent>
-        {incidentsLoading && <Progress />}
         {incidentsError && (
           <Alert severity="error">{incidentsError.message}</Alert>
         )}
+        {identityResponseError && (
+          <Alert severity="error">{identityResponseError.message}</Alert>
+        )}
         {!incidentsLoading && !incidentsError && incidents && (
           <>
             {incidents && incidents.length > 0 && (
@@ -157,7 +168,7 @@ export const EntityIncidentCard = ({
               })}
             </List>
             <Typography variant="subtitle1">
-              Click to{' '}
+              Click to{" "}
               <Link
                 target="_blank"
                 href={`${baseUrl}/incidents?${queryLive.toString()}`}
@@ -178,14 +189,14 @@ export const EntityIncidentCard = ({
 // In practice, this will be kind=Component => ID of Affected components field.
 function getEntityFieldID(config: ConfigApi, entity: Entity) {
   switch (entity.kind) {
-    case 'API':
-      return config.getOptional('incident.fields.api');
-    case 'Component':
-      return config.getOptional('incident.fields.component');
-    case 'Domain':
-      return config.getOptional('incident.fields.domain');
-    case 'System':
-      return config.getOptional('incident.fields.system');
+    case "API":
+      return config.getOptional("incident.fields.api");
+    case "Component":
+      return config.getOptional("incident.fields.component");
+    case "Domain":
+      return config.getOptional("incident.fields.domain");
+    case "System":
+      return config.getOptional("incident.fields.system");
     default:
       throw new Error(`unrecognised entity kind: ${entity.kind}`);
   }

package/src/components/HomePageIncidentCard/Content.test.tsx

@@ -1,39 +1,39 @@
-import { TestApiProvider, renderInTestApp } from '@backstage/test-utils';
-import React from 'react';
-import { IncidentApi, IncidentApiRef } from '../../api/client';
-import { HomePageIncidentCardContent } from './Content';
+import { TestApiProvider, renderInTestApp } from "@backstage/test-utils";
+import React from "react";
+import { IncidentApi, IncidentApiRef } from "../../api/client";
+import { HomePageIncidentCardContent } from "./Content";
 
 const mockIncidentApi: jest.Mocked<Partial<IncidentApi>> = {
   request: jest.fn().mockResolvedValue({
     incidents: [
       {
-        id: 'incident-id',
-        name: 'Incident',
-        reference: 'INC-1',
+        id: "incident-id",
+        name: "Incident",
+        reference: "INC-1",
         incident_status: {
-          id: 'status-id',
-          category: 'live',
-          name: 'triage',
+          id: "status-id",
+          category: "active",
+          name: "triage",
         },
         incident_role_assignments: [
           {
             assignee: {
-              name: 'John Smith',
+              name: "John Smith",
             },
             role: {
-              role_type: 'lead',
+              role_type: "lead",
             },
           },
         ],
         incident_timestamp_values: [
           {
             incident_timestamp: {
-              id: '01FCNDV6P870EA6S7TK1DSYD5H',
-              name: 'reported',
+              id: "01FCNDV6P870EA6S7TK1DSYD5H",
+              name: "reported",
               rank: 1,
             },
             value: {
-              value: '2021-08-17T13:28:57.801578Z',
+              value: "2021-08-17T13:28:57.801578Z",
             },
           },
         ],
@@ -42,14 +42,14 @@ const mockIncidentApi: jest.Mocked<Partial<IncidentApi>> = {
   }),
 };
 
-describe('HomePageIncidentCardContent', () => {
-  it('should render a list of live incidents', async () => {
+describe("HomePageIncidentCardContent", () => {
+  it("should render a list of live incidents", async () => {
     const { getByTestId } = await renderInTestApp(
       <TestApiProvider apis={[[IncidentApiRef, mockIncidentApi]]}>
         <HomePageIncidentCardContent />
-      </TestApiProvider>
+      </TestApiProvider>,
     );
 
-    expect(getByTestId('chip-status-id')).toBeInTheDocument();
+    expect(getByTestId("chip-status-id")).toBeInTheDocument();
   });
 });

package/src/components/HomePageIncidentCard/Content.tsx

@@ -1,19 +1,18 @@
-import { Progress } from '@backstage/core-components';
-import Link from '@material-ui/core/Link';
-import { Alert } from '@material-ui/lab';
-import React from 'react';
-import { useIncidentList } from '../../hooks/useIncidentRequest';
-import { Typography, List } from '@material-ui/core';
-import { IncidentListItem } from '../IncidentListItem';
-import { configApiRef, useApi } from '@backstage/core-plugin-api';
-import { getBaseUrl } from '../../config';
+import { Progress } from "@backstage/core-components";
+import Link from "@material-ui/core/Link";
+import { Alert } from "@material-ui/lab";
+import React from "react";
+import { useIncidentList } from "../../hooks/useIncidentRequest";
+import { Typography, List } from "@material-ui/core";
+import { IncidentListItem } from "../IncidentListItem";
+import { configApiRef, useApi } from "@backstage/core-plugin-api";
 
 export const HomePageIncidentCardContent = () => {
   const config = useApi(configApiRef);
-  const baseUrl = getBaseUrl(config);
+    const baseUrl = config.getOptionalString('incident.baseUrl') || "https://app.incident.io";
 
   const query = new URLSearchParams();
-  query.set(`status_category[one_of]`, 'live');
+  query.set(`status_category[one_of]`, "active");
   const { loading, error, value } = useIncidentList(query);
   const incidents = value?.incidents;
 
@@ -42,7 +41,7 @@ export const HomePageIncidentCardContent = () => {
         })}
       </List>
       <Typography variant="subtitle1">
-        Click to{' '}
+        Click to{" "}
         <Link target="_blank" href={`${baseUrl}/incidents?${query.toString()}`}>
           see more.
         </Link>

package/src/components/HomePageIncidentCard/index.ts

@@ -1 +1 @@
-export { Content } from './Content';
+export { Content } from "./Content";

package/src/components/IncidentListItem/index.tsx

@@ -13,8 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { DateTime, Duration } from 'luxon';
-import { BackstageTheme } from '@backstage/theme';
+import { DateTime, Duration } from "luxon";
+import { BackstageTheme } from "@backstage/theme";
 import {
   Chip,
   IconButton,
@@ -24,27 +24,27 @@ import {
   Tooltip,
   Typography,
   makeStyles,
-} from '@material-ui/core';
-import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
-import React from 'react';
-import { definitions } from '../../api/types';
+} from "@material-ui/core";
+import OpenInBrowserIcon from "@material-ui/icons/OpenInBrowser";
+import React from "react";
+import { definitions } from "../../api/types";
 
-const useStyles = makeStyles<BackstageTheme>(theme => ({
+const useStyles = makeStyles<BackstageTheme>((theme) => ({
   listItemPrimary: {
-    display: 'flex', // vertically align with chip
-    fontWeight: 'bold',
+    display: "flex", // vertically align with chip
+    fontWeight: "bold",
   },
   warning: {
     borderColor: theme.palette.status.warning,
     color: theme.palette.status.warning,
-    '& *': {
+    "& *": {
       color: theme.palette.status.warning,
     },
   },
   error: {
     borderColor: theme.palette.status.error,
     color: theme.palette.status.error,
-    '& *': {
+    "& *": {
       color: theme.palette.status.error,
     },
   },
@@ -56,10 +56,10 @@ export const IncidentListItem = ({
   incident,
 }: {
   baseUrl: string;
-  incident: definitions['IncidentV2ResponseBody'];
+  incident: definitions["IncidentV2ResponseBody"];
 }) => {
   const classes = useStyles();
-  const reportedAt = incident.incident_timestamp_values?.find(ts =>
+  const reportedAt = incident.incident_timestamp_values?.find((ts) =>
     ts.incident_timestamp.name.match(/reported/i),
   );
 
@@ -70,9 +70,9 @@ export const IncidentListItem = ({
     new Date().getTime() - new Date(reportedAtDate).getTime();
   const sinceReportedLabel = DateTime.local()
     .minus(Duration.fromMillis(sinceReported))
-    .toRelative({ locale: 'en' });
-  const lead = incident.incident_role_assignments.find(roleAssignment => {
-    return roleAssignment.role.role_type === 'lead';
+    .toRelative({ locale: "en" });
+  const lead = incident.incident_role_assignments.find((roleAssignment) => {
+    return roleAssignment.role.role_type === "lead";
   });
 
   return (
@@ -86,7 +86,7 @@ export const IncidentListItem = ({
               size="small"
               variant="outlined"
               className={
-                ['live'].includes(incident.incident_status.category)
+                ["active"].includes(incident.incident_status.category)
                   ? classes.error
                   : classes.warning
               }
@@ -95,15 +95,15 @@ export const IncidentListItem = ({
           </>
         }
         primaryTypographyProps={{
-          variant: 'body1',
+          variant: "body1",
           className: classes.listItemPrimary,
         }}
         secondary={
           <Typography noWrap variant="body2" color="textSecondary">
-            Reported {sinceReportedLabel} and{' '}
+            Reported {sinceReportedLabel} and{" "}
             {lead?.assignee
               ? `${lead.assignee.name} is lead`
-              : 'the lead is unassigned'}
+              : "the lead is unassigned"}
             .
           </Typography>
         }

package/src/hooks/useIncidentRequest.ts

@@ -1,18 +1,18 @@
-import { useApi } from '@backstage/core-plugin-api';
-import { useAsync } from 'react-use';
-import { IncidentApiRef } from '../api/client';
-import { definitions } from '../api/types';
-import { DependencyList } from 'react';
+import { useApi } from "@backstage/core-plugin-api";
+import { useAsync } from "react-use";
+import { IncidentApiRef } from "../api/client";
+import { definitions } from "../api/types";
+import { DependencyList } from "react";
 
 export const useIncidentList = (
   query: URLSearchParams,
-  deps?: DependencyList
+  deps?: DependencyList,
 ) => {
   const IncidentApi = useApi(IncidentApiRef);
 
   const { value, loading, error } = useAsync(async () => {
     return await IncidentApi.request<
-      definitions['IncidentsV2ListResponseBody']
+      definitions["IncidentsV2ListResponseBody"]
     >({
       path: `/v2/incidents?${query.toString()}`,
     });
@@ -20,3 +20,17 @@ export const useIncidentList = (
 
   return { loading, error, value };
 };
+
+export const useIdentity = () => {
+  const IncidentApi = useApi(IncidentApiRef);
+
+  const { value, loading, error } = useAsync(async () => {
+    return await IncidentApi.request<
+      definitions["UtilitiesV1IdentityResponseBody"]
+    >({
+      path: `/v1/identity`,
+    });
+  });
+
+  return { value, loading, error };
+};

package/src/index.ts

@@ -17,4 +17,4 @@ export {
   incidentPlugin,
   EntityIncidentCard,
   HomePageIncidentCard,
-} from './plugin';
+} from "./plugin";

package/src/plugin.ts

@@ -19,13 +19,13 @@ import {
   createPlugin,
   discoveryApiRef,
   identityApiRef,
-} from '@backstage/core-plugin-api';
-import { createCardExtension } from '@backstage/plugin-home-react';
+} from "@backstage/core-plugin-api";
+import {CardExtensionProps, createCardExtension} from "@backstage/plugin-home-react";
 
-import { IncidentApi, IncidentApiRef } from './api/client';
+import { IncidentApi, IncidentApiRef } from "./api/client";
 
 export const incidentPlugin = createPlugin({
-  id: 'incident',
+  id: "incident",
   apis: [
     createApiFactory({
       api: IncidentApiRef,
@@ -42,20 +42,20 @@ export const incidentPlugin = createPlugin({
 
 export const EntityIncidentCard = incidentPlugin.provide(
   createComponentExtension({
-    name: 'EntityIncidentCard',
+    name: "EntityIncidentCard",
     component: {
       lazy: () =>
-        import('./components/EntityIncidentCard').then(
-          (m) => m.EntityIncidentCard
+        import("./components/EntityIncidentCard").then(
+          (m) => m.EntityIncidentCard,
         ),
     },
-  })
+  }),
 );
 
-export const HomePageIncidentCard = incidentPlugin.provide(
+export const HomePageIncidentCard: (props: CardExtensionProps<unknown>) => React.JSX.Element = incidentPlugin.provide(
   createCardExtension({
-    name: 'HomePageIncidentCard',
-    title: 'Ongoing Incidents',
-    components: () => import('./components/HomePageIncidentCard'),
-  })
+    name: "HomePageIncidentCard",
+    title: "Ongoing Incidents",
+    components: () => import("./components/HomePageIncidentCard"),
+  }),
 );

package/src/setupTests.ts

@@ -13,5 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import '@testing-library/jest-dom';
-import 'cross-fetch/polyfill';
+import "@testing-library/jest-dom";
+import "cross-fetch/polyfill";

package/dist/esm/index-40a020a8.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-40a020a8.esm.js","sources":["../../src/config.ts","../../src/hooks/useIncidentRequest.ts","../../src/components/IncidentListItem/index.tsx"],"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 */\nimport { ConfigApi } from '@backstage/core-plugin-api';\n\n// Find the baseUrl of the incident dashboard.\nexport function getBaseUrl(config: ConfigApi) {\n  try {\n    const baseUrl = config.getString('incident.baseUrl');\n    if (baseUrl !== '') {\n      return baseUrl;\n    }\n  } catch (e) {\n    // no action\n  }\n\n  return 'https://app.incident.io';\n}\n","import { useApi } from '@backstage/core-plugin-api';\nimport { useAsync } from 'react-use';\nimport { IncidentApiRef } from '../api/client';\nimport { definitions } from '../api/types';\nimport { DependencyList } from 'react';\n\nexport const useIncidentList = (\n  query: URLSearchParams,\n  deps?: DependencyList\n) => {\n  const IncidentApi = useApi(IncidentApiRef);\n\n  const { value, loading, error } = useAsync(async () => {\n    return await IncidentApi.request<\n      definitions['IncidentsV2ListResponseBody']\n    >({\n      path: `/v2/incidents?${query.toString()}`,\n    });\n  }, deps);\n\n  return { loading, error, value };\n};\n","/*\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 */\nimport { DateTime, Duration } from 'luxon';\nimport { BackstageTheme } from '@backstage/theme';\nimport {\n  Chip,\n  IconButton,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  Tooltip,\n  Typography,\n  makeStyles,\n} from '@material-ui/core';\nimport OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';\nimport React from 'react';\nimport { definitions } from '../../api/types';\n\nconst useStyles = makeStyles<BackstageTheme>(theme => ({\n  listItemPrimary: {\n    display: 'flex', // vertically align with chip\n    fontWeight: 'bold',\n  },\n  warning: {\n    borderColor: theme.palette.status.warning,\n    color: theme.palette.status.warning,\n    '& *': {\n      color: theme.palette.status.warning,\n    },\n  },\n  error: {\n    borderColor: theme.palette.status.error,\n    color: theme.palette.status.error,\n    '& *': {\n      color: theme.palette.status.error,\n    },\n  },\n}));\n\n// Single item in the list of on-going incidents.\nexport const IncidentListItem = ({\n  baseUrl,\n  incident,\n}: {\n  baseUrl: string;\n  incident: definitions['IncidentV2ResponseBody'];\n}) => {\n  const classes = useStyles();\n  const reportedAt = incident.incident_timestamp_values?.find(ts =>\n    ts.incident_timestamp.name.match(/reported/i),\n  );\n\n  // If reported isn't here for some reason, use created at.\n  const reportedAtDate = reportedAt?.value?.value || incident.created_at;\n\n  const sinceReported =\n    new Date().getTime() - new Date(reportedAtDate).getTime();\n  const sinceReportedLabel = DateTime.local()\n    .minus(Duration.fromMillis(sinceReported))\n    .toRelative({ locale: 'en' });\n  const lead = incident.incident_role_assignments.find(roleAssignment => {\n    return roleAssignment.role.role_type === 'lead';\n  });\n\n  return (\n    <ListItem dense key={incident.id}>\n      <ListItemText\n        primary={\n          <>\n            <Chip\n              data-testid={`chip-${incident.incident_status.id}`}\n              label={incident.incident_status.name}\n              size=\"small\"\n              variant=\"outlined\"\n              className={\n                ['live'].includes(incident.incident_status.category)\n                  ? classes.error\n                  : classes.warning\n              }\n            />\n            {incident.reference} {incident.name}\n          </>\n        }\n        primaryTypographyProps={{\n          variant: 'body1',\n          className: classes.listItemPrimary,\n        }}\n        secondary={\n          <Typography noWrap variant=\"body2\" color=\"textSecondary\">\n            Reported {sinceReportedLabel} and{' '}\n            {lead?.assignee\n              ? `${lead.assignee.name} is lead`\n              : 'the lead is unassigned'}\n            .\n          </Typography>\n        }\n      />\n      <ListItemSecondaryAction>\n        <Tooltip title=\"View in incident.io\" placement=\"top\">\n          <IconButton\n            href={`${baseUrl}/incidents/${incident.id}`}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            color=\"primary\"\n          >\n            <OpenInBrowserIcon />\n          </IconButton>\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/index-6eb32695.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-6eb32695.esm.js","sources":["../../src/api/client.ts","../../src/plugin.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 */\nimport {\n  DiscoveryApi,\n  IdentityApi,\n  createApiRef,\n} from '@backstage/core-plugin-api';\n\nexport const IncidentApiRef = createApiRef<Incident>({\n  id: 'plugin.incident.service',\n});\n\ntype HTTPMethods = 'GET' | 'PUT' | 'POST' | 'PATCH' | 'DELETE';\n\nexport interface Incident {\n  request<T>({\n    method,\n    path,\n    body,\n  }: {\n    method?: HTTPMethods;\n    path: string;\n    body?: string;\n  }): Promise<T>;\n}\n\nconst DEFAULT_PROXY_PATH = '/incident/api';\n\ntype Options = {\n  discoveryApi: DiscoveryApi;\n  identityApi: IdentityApi;\n  proxyPath?: string;\n};\n\nexport class IncidentApi implements Incident {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly identityApi: IdentityApi;\n  private readonly proxyPath: string;\n\n  constructor(opts: Options) {\n    this.discoveryApi = opts.discoveryApi;\n    this.identityApi = opts.identityApi;\n    this.proxyPath = opts.proxyPath ?? DEFAULT_PROXY_PATH;\n  }\n\n  async request<T = any>({\n    path,\n    method = 'GET',\n    body,\n  }: {\n    path: string;\n    method?: HTTPMethods;\n    body?: string;\n  }): Promise<T> {\n    const apiUrl =\n      (await this.discoveryApi.getBaseUrl('proxy')) + this.proxyPath;\n    const { token } = await this.identityApi.getCredentials();\n\n    const resp = await fetch(`${apiUrl}${path}`, {\n      method: method,\n      body: body,\n      headers: {\n        Authorization: `Bearer ${token}`,\n      },\n    });\n    if (!resp.ok) {\n      throw new Error(`${resp.status} ${resp.statusText}`);\n    }\n\n    return await resp.json();\n  }\n}\n","/*\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 */\nimport {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport { createCardExtension } from '@backstage/plugin-home-react';\n\nimport { IncidentApi, IncidentApiRef } from './api/client';\n\nexport const incidentPlugin = createPlugin({\n  id: 'incident',\n  apis: [\n    createApiFactory({\n      api: IncidentApiRef,\n      deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },\n      factory: ({ discoveryApi, identityApi }) => {\n        return new IncidentApi({\n          discoveryApi: discoveryApi,\n          identityApi: identityApi,\n        });\n      },\n    }),\n  ],\n});\n\nexport const EntityIncidentCard = incidentPlugin.provide(\n  createComponentExtension({\n    name: 'EntityIncidentCard',\n    component: {\n      lazy: () =>\n        import('./components/EntityIncidentCard').then(\n          (m) => m.EntityIncidentCard\n        ),\n    },\n  })\n);\n\nexport const HomePageIncidentCard = incidentPlugin.provide(\n  createCardExtension({\n    name: 'HomePageIncidentCard',\n    title: 'Ongoing Incidents',\n    components: () => import('./components/HomePageIncidentCard'),\n  })\n);\n"],"names":[],"mappings":";;;;;;;;;AAqBO,MAAM,iBAAiB,YAAuB,CAAA;AAAA,EACnD,EAAI,EAAA,yBAAA;AACN,CAAC,EAAA;AAgBD,MAAM,kBAAqB,GAAA,eAAA,CAAA;AAQpB,MAAM,WAAgC,CAAA;AAAA,EAK3C,YAAY,IAAe,EAAA;AAJ3B,IAAiB,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA,CAAA;AACjB,IAAiB,aAAA,CAAA,IAAA,EAAA,aAAA,CAAA,CAAA;AACjB,IAAiB,aAAA,CAAA,IAAA,EAAA,WAAA,CAAA,CAAA;AAlDnB,IAAA,IAAA,EAAA,CAAA;AAqDI,IAAA,IAAA,CAAK,eAAe,IAAK,CAAA,YAAA,CAAA;AACzB,IAAA,IAAA,CAAK,cAAc,IAAK,CAAA,WAAA,CAAA;AACxB,IAAK,IAAA,CAAA,SAAA,GAAA,CAAY,EAAK,GAAA,IAAA,CAAA,SAAA,KAAL,IAAkB,GAAA,EAAA,GAAA,kBAAA,CAAA;AAAA,GACrC;AAAA,EAEA,MAAM,OAAiB,CAAA;AAAA,IACrB,IAAA;AAAA,IACA,MAAS,GAAA,KAAA;AAAA,IACT,IAAA;AAAA,GAKa,EAAA;AACb,IAAA,MAAM,SACH,MAAM,IAAA,CAAK,aAAa,UAAW,CAAA,OAAO,IAAK,IAAK,CAAA,SAAA,CAAA;AACvD,IAAA,MAAM,EAAE,KAAM,EAAA,GAAI,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA,CAAA;AAExD,IAAA,MAAM,OAAO,MAAM,KAAA,CAAM,GAAG,MAAM,CAAA,EAAG,IAAI,CAAI,CAAA,EAAA;AAAA,MAC3C,MAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAS,EAAA;AAAA,QACP,aAAA,EAAe,UAAU,KAAK,CAAA,CAAA;AAAA,OAChC;AAAA,KACD,CAAA,CAAA;AACD,IAAI,IAAA,CAAC,KAAK,EAAI,EAAA;AACZ,MAAM,MAAA,IAAI,MAAM,CAAG,EAAA,IAAA,CAAK,MAAM,CAAI,CAAA,EAAA,IAAA,CAAK,UAAU,CAAE,CAAA,CAAA,CAAA;AAAA,KACrD;AAEA,IAAO,OAAA,MAAM,KAAK,IAAK,EAAA,CAAA;AAAA,GACzB;AACF;;AC1DO,MAAM,iBAAiB,YAAa,CAAA;AAAA,EACzC,EAAI,EAAA,UAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,cAAA;AAAA,MACL,IAAM,EAAA,EAAE,YAAc,EAAA,eAAA,EAAiB,aAAa,cAAe,EAAA;AAAA,MACnE,OAAS,EAAA,CAAC,EAAE,YAAA,EAAc,aAAkB,KAAA;AAC1C,QAAA,OAAO,IAAI,WAAY,CAAA;AAAA,UACrB,YAAA;AAAA,UACA,WAAA;AAAA,SACD,CAAA,CAAA;AAAA,OACH;AAAA,KACD,CAAA;AAAA,GACH;AACF,CAAC,EAAA;AAEM,MAAM,qBAAqB,cAAe,CAAA,OAAA;AAAA,EAC/C,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,oBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,yBAAiC,CAAE,CAAA,IAAA;AAAA,QACxC,CAAC,MAAM,CAAE,CAAA,kBAAA;AAAA,OACX;AAAA,KACJ;AAAA,GACD,CAAA;AACH,EAAA;AAEO,MAAM,uBAAuB,cAAe,CAAA,OAAA;AAAA,EACjD,mBAAoB,CAAA;AAAA,IAClB,IAAM,EAAA,sBAAA;AAAA,IACN,KAAO,EAAA,mBAAA;AAAA,IACP,UAAA,EAAY,MAAM,OAAO,yBAAmC,CAAA;AAAA,GAC7D,CAAA;AACH;;;;"}

package/dist/esm/index-a76fa310.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-a76fa310.esm.js","sources":["../../src/components/EntityIncidentCard/index.tsx"],"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 */\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  HeaderIconLinkRow,\n  IconLinkVerticalProps,\n  Progress,\n} from '@backstage/core-components';\nimport { ConfigApi, configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  Divider,\n  IconButton,\n  List,\n  Typography,\n} from '@material-ui/core';\nimport Link from '@material-ui/core/Link';\nimport CachedIcon from '@material-ui/icons/Cached';\nimport HistoryIcon from '@material-ui/icons/History';\nimport WhatshotIcon from '@material-ui/icons/Whatshot';\nimport { Alert } from '@material-ui/lab';\nimport React, { useState } from 'react';\nimport { getBaseUrl } from '../../config';\nimport { useIncidentList } from '../../hooks/useIncidentRequest';\nimport { IncidentListItem } from '../IncidentListItem';\n\nconst IncorrectConfigCard = () => {\n  return (\n    <Card>\n      <CardHeader title=\"incident.io\" />\n      <Divider />\n      <CardContent>\n        <Typography variant=\"subtitle1\">\n          No custom field configuration was found. In order to display\n          incidents, this entity must be mapped to an incident.io custom field\n          ID in Backstage's app-config.yaml.\n        </Typography>\n      </CardContent>\n    </Card>\n  );\n};\n\n// The card displayed on the entity page showing a handful of the most recent\n// incidents that are on-going for that component.\nexport const EntityIncidentCard = ({\n  maxIncidents = 2,\n}: {\n  maxIncidents?: number;\n}) => {\n  const config = useApi(configApiRef);\n  const baseUrl = getBaseUrl(config);\n  const { entity } = useEntity();\n\n  const [reload, setReload] = useState(false);\n\n  const entityFieldID = getEntityFieldID(config, entity);\n  const entityID = `${entity.metadata.namespace}/${entity.metadata.name}`;\n\n  // This query filters incidents for those that are associated with this\n  // entity.\n  const query = new URLSearchParams();\n  query.set(`custom_field[${entityFieldID}][one_of]`, entityID);\n\n  // This restricts the previous filter to focus only on live incidents.\n  const queryLive = new URLSearchParams(query);\n  queryLive.set(`status_category[one_of]`, 'live');\n\n  const createIncidentLink: IconLinkVerticalProps = {\n    label: 'Create incident',\n    disabled: false,\n    icon: <WhatshotIcon />,\n    href: `${baseUrl}/incidents/create`,\n  };\n\n  const viewIncidentsLink: IconLinkVerticalProps = {\n    label: 'View past incidents',\n    disabled: false,\n    icon: <HistoryIcon />,\n    href: `${baseUrl}/incidents?${query.toString()}`,\n  };\n\n  const {\n    value: incidentsResponse,\n    loading: incidentsLoading,\n    error: incidentsError,\n  } = useIncidentList(queryLive, [reload]);\n\n  const incidents = incidentsResponse?.incidents;\n\n  if (!entityFieldID) {\n    return <IncorrectConfigCard />;\n  }\n\n  return (\n    <Card>\n      <CardHeader\n        title=\"incident.io\"\n        action={\n          <>\n            <IconButton\n              component={Link}\n              aria-label=\"Refresh\"\n              disabled={false}\n              title=\"Refresh\"\n              onClick={() => setReload(!reload)}\n            >\n              <CachedIcon />\n            </IconButton>\n          </>\n        }\n        subheader={\n          <HeaderIconLinkRow links={[createIncidentLink, viewIncidentsLink]} />\n        }\n      />\n      <Divider />\n      <CardContent>\n        {incidentsLoading && <Progress />}\n        {incidentsError && (\n          <Alert severity=\"error\">{incidentsError.message}</Alert>\n        )}\n        {!incidentsLoading && !incidentsError && incidents && (\n          <>\n            {incidents && incidents.length > 0 && (\n              <Typography variant=\"subtitle1\">\n                There are <strong>{incidents.length}</strong> ongoing incidents\n                involving <strong>{entity.metadata.name}</strong>.\n              </Typography>\n            )}\n            {incidents && incidents.length === 0 && (\n              <Typography variant=\"subtitle1\">No ongoing incidents.</Typography>\n            )}\n            <List dense>\n              {incidents?.slice(0, maxIncidents)?.map((incident) => {\n                return (\n                  <IncidentListItem\n                    key={incident.id}\n                    incident={incident}\n                    baseUrl={baseUrl}\n                  />\n                );\n              })}\n            </List>\n            <Typography variant=\"subtitle1\">\n              Click to{' '}\n              <Link\n                target=\"_blank\"\n                href={`${baseUrl}/incidents?${queryLive.toString()}`}\n              >\n                see more.\n              </Link>\n            </Typography>\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n\n// Find the ID of the custom field in incident that represents the association\n// to this type of entity.\n//\n// In practice, this will be kind=Component => ID of Affected components field.\nfunction getEntityFieldID(config: ConfigApi, entity: Entity) {\n  switch (entity.kind) {\n    case 'API':\n      return config.getOptional('incident.fields.api');\n    case 'Component':\n      return config.getOptional('incident.fields.component');\n    case 'Domain':\n      return config.getOptional('incident.fields.domain');\n    case 'System':\n      return config.getOptional('incident.fields.system');\n    default:\n      throw new Error(`unrecognised entity kind: ${entity.kind}`);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA0CA,MAAM,sBAAsB,MAAM;AAChC,EAAA,2CACG,IACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAM,EAAA,aAAA,EAAc,mBAC/B,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAQ,CACT,kBAAA,KAAA,CAAA,aAAA,CAAC,mCACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,WAAY,EAAA,EAAA,sKAIhC,CACF,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAIO,MAAM,qBAAqB,CAAC;AAAA,EACjC,YAAe,GAAA,CAAA;AACjB,CAEM,KAAA;AAhEN,EAAA,IAAA,EAAA,CAAA;AAiEE,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA,CAAA;AAClC,EAAM,MAAA,OAAA,GAAU,WAAW,MAAM,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAE7B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAE1C,EAAM,MAAA,aAAA,GAAgB,gBAAiB,CAAA,MAAA,EAAQ,MAAM,CAAA,CAAA;AACrD,EAAM,MAAA,QAAA,GAAW,GAAG,MAAO,CAAA,QAAA,CAAS,SAAS,CAAI,CAAA,EAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA,CAAA;AAIrE,EAAM,MAAA,KAAA,GAAQ,IAAI,eAAgB,EAAA,CAAA;AAClC,EAAA,KAAA,CAAM,GAAI,CAAA,CAAA,aAAA,EAAgB,aAAa,CAAA,SAAA,CAAA,EAAa,QAAQ,CAAA,CAAA;AAG5D,EAAM,MAAA,SAAA,GAAY,IAAI,eAAA,CAAgB,KAAK,CAAA,CAAA;AAC3C,EAAU,SAAA,CAAA,GAAA,CAAI,2BAA2B,MAAM,CAAA,CAAA;AAE/C,EAAA,MAAM,kBAA4C,GAAA;AAAA,IAChD,KAAO,EAAA,iBAAA;AAAA,IACP,QAAU,EAAA,KAAA;AAAA,IACV,IAAA,sCAAO,YAAa,EAAA,IAAA,CAAA;AAAA,IACpB,IAAA,EAAM,GAAG,OAAO,CAAA,iBAAA,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,MAAM,iBAA2C,GAAA;AAAA,IAC/C,KAAO,EAAA,qBAAA;AAAA,IACP,QAAU,EAAA,KAAA;AAAA,IACV,IAAA,sCAAO,WAAY,EAAA,IAAA,CAAA;AAAA,IACnB,MAAM,CAAG,EAAA,OAAO,CAAc,WAAA,EAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAAA,GAChD,CAAA;AAEA,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,iBAAA;AAAA,IACP,OAAS,EAAA,gBAAA;AAAA,IACT,KAAO,EAAA,cAAA;AAAA,GACL,GAAA,eAAA,CAAgB,SAAW,EAAA,CAAC,MAAM,CAAC,CAAA,CAAA;AAEvC,EAAA,MAAM,YAAY,iBAAmB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAA,SAAA,CAAA;AAErC,EAAA,IAAI,CAAC,aAAe,EAAA;AAClB,IAAA,2CAAQ,mBAAoB,EAAA,IAAA,CAAA,CAAA;AAAA,GAC9B;AAEA,EAAA,2CACG,IACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,aAAA;AAAA,MACN,wBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,IAAA;AAAA,UACX,YAAW,EAAA,SAAA;AAAA,UACX,QAAU,EAAA,KAAA;AAAA,UACV,KAAM,EAAA,SAAA;AAAA,UACN,OAAS,EAAA,MAAM,SAAU,CAAA,CAAC,MAAM,CAAA;AAAA,SAAA;AAAA,4CAE/B,UAAW,EAAA,IAAA,CAAA;AAAA,OAEhB,CAAA;AAAA,MAEF,2BACG,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,OAAO,CAAC,kBAAA,EAAoB,iBAAiB,CAAG,EAAA,CAAA;AAAA,KAAA;AAAA,GAGvE,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,IAAA,CAAA,sCACR,WACE,EAAA,IAAA,EAAA,gBAAA,oBAAqB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAS,CAC9B,EAAA,cAAA,oBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,UAAS,OAAS,EAAA,EAAA,cAAA,CAAe,OAAQ,CAAA,EAEjD,CAAC,gBAAA,IAAoB,CAAC,cAAA,IAAkB,6BAEpC,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,SAAA,IAAa,SAAU,CAAA,MAAA,GAAS,CAC/B,oBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,eAAY,YACpB,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,EAAA,SAAA,CAAU,MAAO,CAAA,EAAS,+BACnC,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAQ,MAAO,CAAA,QAAA,CAAS,IAAK,CAAA,EAAS,GACnD,CAAA,EAED,SAAa,IAAA,SAAA,CAAU,WAAW,CACjC,oBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAY,EAAA,EAAA,uBAAqB,CAEvD,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,KAAK,EAAA,IAAA,EAAA,EAAA,CACR,EAAW,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAM,CAAG,EAAA,YAAA,CAAA,KAApB,IAAmC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,CAAI,CAAC,QAAa,KAAA;AACpD,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,KAAK,QAAS,CAAA,EAAA;AAAA,QACd,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,IAGN,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,WAAA,EAAA,EAAY,YACrB,GACT,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,QAAA;AAAA,MACP,MAAM,CAAG,EAAA,OAAO,CAAc,WAAA,EAAA,SAAA,CAAU,UAAU,CAAA,CAAA;AAAA,KAAA;AAAA,IACnD,WAAA;AAAA,GAGH,CACF,CAEJ,CACF,CAAA,CAAA;AAEJ,EAAA;AAMA,SAAS,gBAAA,CAAiB,QAAmB,MAAgB,EAAA;AAC3D,EAAA,QAAQ,OAAO,IAAM;AAAA,IACnB,KAAK,KAAA;AACH,MAAO,OAAA,MAAA,CAAO,YAAY,qBAAqB,CAAA,CAAA;AAAA,IACjD,KAAK,WAAA;AACH,MAAO,OAAA,MAAA,CAAO,YAAY,2BAA2B,CAAA,CAAA;AAAA,IACvD,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAO,YAAY,wBAAwB,CAAA,CAAA;AAAA,IACpD,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAO,YAAY,wBAAwB,CAAA,CAAA;AAAA,IACpD;AACE,MAAA,MAAM,IAAI,KAAA,CAAM,CAA6B,0BAAA,EAAA,MAAA,CAAO,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GAC9D;AACF;;;;"}

package/dist/esm/index-ba2cdf39.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-ba2cdf39.esm.js","sources":["../../src/components/HomePageIncidentCard/Content.tsx"],"sourcesContent":["import { Progress } from '@backstage/core-components';\nimport Link from '@material-ui/core/Link';\nimport { Alert } from '@material-ui/lab';\nimport React from 'react';\nimport { useIncidentList } from '../../hooks/useIncidentRequest';\nimport { Typography, List } from '@material-ui/core';\nimport { IncidentListItem } from '../IncidentListItem';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { getBaseUrl } from '../../config';\n\nexport const HomePageIncidentCardContent = () => {\n  const config = useApi(configApiRef);\n  const baseUrl = getBaseUrl(config);\n\n  const query = new URLSearchParams();\n  query.set(`status_category[one_of]`, 'live');\n  const { loading, error, value } = useIncidentList(query);\n  const incidents = value?.incidents;\n\n  if (loading) return <Progress />;\n  if (error) return <Alert severity=\"error\">{error.message}</Alert>;\n\n  return (\n    <>\n      {incidents && incidents.length > 0 && (\n        <Typography variant=\"subtitle1\">\n          There are <strong>{incidents.length}</strong> ongoing incidents.\n        </Typography>\n      )}\n      {incidents && incidents.length === 0 && (\n        <Typography variant=\"subtitle1\">No ongoing incidents.</Typography>\n      )}\n      <List dense>\n        {incidents?.map((incident) => {\n          return (\n            <IncidentListItem\n              key={incident.id}\n              incident={incident}\n              baseUrl={baseUrl}\n            />\n          );\n        })}\n      </List>\n      <Typography variant=\"subtitle1\">\n        Click to{' '}\n        <Link target=\"_blank\" href={`${baseUrl}/incidents?${query.toString()}`}>\n          see more.\n        </Link>\n      </Typography>\n    </>\n  );\n};\n\nexport const Content = () => {\n  return <HomePageIncidentCardContent />;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAUO,MAAM,8BAA8B,MAAM;AAC/C,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA,CAAA;AAClC,EAAM,MAAA,OAAA,GAAU,WAAW,MAAM,CAAA,CAAA;AAEjC,EAAM,MAAA,KAAA,GAAQ,IAAI,eAAgB,EAAA,CAAA;AAClC,EAAM,KAAA,CAAA,GAAA,CAAI,2BAA2B,MAAM,CAAA,CAAA;AAC3C,EAAA,MAAM,EAAE,OAAS,EAAA,KAAA,EAAO,KAAM,EAAA,GAAI,gBAAgB,KAAK,CAAA,CAAA;AACvD,EAAA,MAAM,YAAY,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AAEzB,EAAI,IAAA,OAAA;AAAS,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAC9B,EAAI,IAAA,KAAA;AAAO,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA,CAAA;AAEzD,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,SAAA,IAAa,SAAU,CAAA,MAAA,GAAS,qBAC9B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,WAAA,EAAA,EAAY,8BACnB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAQ,SAAU,CAAA,MAAO,GAAS,qBAC/C,CAAA,EAED,SAAa,IAAA,SAAA,CAAU,MAAW,KAAA,CAAA,oBAChC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,WAAY,EAAA,EAAA,uBAAqB,CAEvD,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,KAAK,EAAA,IAAA,EAAA,EACR,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,GAAA,CAAI,CAAC,QAAa,KAAA;AAC5B,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,KAAK,QAAS,CAAA,EAAA;AAAA,QACd,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEJ,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,WAAY,EAAA,EAAA,UAAA,EACrB,GACT,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,MAAA,EAAO,UAAS,IAAM,EAAA,CAAA,EAAG,OAAO,CAAc,WAAA,EAAA,KAAA,CAAM,UAAU,CAAA,CAAA,EAAA,EAAI,WAExE,CACF,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,UAAU,MAAM;AAC3B,EAAA,2CAAQ,2BAA4B,EAAA,IAAA,CAAA,CAAA;AACtC;;;;"}

package/src/config.ts

@@ -1,30 +0,0 @@
-/*
- * Copyright 2023 The Backstage Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { ConfigApi } from '@backstage/core-plugin-api';
-
-// Find the baseUrl of the incident dashboard.
-export function getBaseUrl(config: ConfigApi) {
-  try {
-    const baseUrl = config.getString('incident.baseUrl');
-    if (baseUrl !== '') {
-      return baseUrl;
-    }
-  } catch (e) {
-    // no action
-  }
-
-  return 'https://app.incident.io';
-}