@pagerduty/backstage-plugin 0.15.0-next.9 → 0.15.1-next.0

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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"}

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { DiscoveryApi, FetchApi, ConfigApi } from '@backstage/core-plugin-api';
-import { PagerDutyEntityMappingsResponse, PagerDutyServiceResponse, PagerDutyIncidentsResponse, PagerDutyChangeEventsResponse, PagerDutyServiceStandardsResponse, PagerDutyServiceMetricsResponse, PagerDutyUser } from '@pagerduty/backstage-plugin-common';
+import { PagerDutySetting, PagerDutyEntityMappingsResponse, PagerDutyServiceResponse, PagerDutyIncidentsResponse, PagerDutyChangeEventsResponse, PagerDutyServiceStandardsResponse, PagerDutyServiceMetricsResponse, PagerDutyUser } from '@pagerduty/backstage-plugin-common';
 
 /** @public */
 declare const isPluginApplicableToEntity$1: (entity: Entity) => boolean;
@@ -66,6 +66,16 @@ type PagerDutyTriggerAlarmRequest = {
 };
 /** @public */
 interface PagerDutyApi {
+    /**
+     * Fetches PagerDuty setting from store.
+     *
+     */
+    getSetting(id: string): Promise<PagerDutySetting>;
+    /**
+     * Stores PagerDuty setting in the database.
+     *
+     */
+    storeSettings(settings: PagerDutySetting[]): Promise<Response>;
     /**
      * Fetches all entity mappings.
      *
@@ -142,6 +152,8 @@ declare class PagerDutyClient implements PagerDutyApi {
     static fromConfig(configApi: ConfigApi, dependencies: PagerDutyClientApiDependencies): PagerDutyClient;
     constructor(config: PagerDutyClientApiConfig);
     getServiceByPagerDutyEntity(pagerDutyEntity: PagerDutyEntity): Promise<PagerDutyServiceResponse>;
+    getSetting(id: string): Promise<PagerDutySetting>;
+    storeSettings(settings: PagerDutySetting[]): Promise<Response>;
     getEntityMappings(): Promise<PagerDutyEntityMappingsResponse>;
     storeServiceMapping(serviceId: string, integrationKey: string, backstageEntityRef: string, account: string): Promise<Response>;
     getServiceByEntity(entity: Entity): Promise<PagerDutyServiceResponse>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagerduty/backstage-plugin",
   "description": "A Backstage plugin that integrates towards PagerDuty",
-  "version": "0.15.0-next.9",
+  "version": "0.15.1-next.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -11,7 +11,9 @@
     "types": "dist/index.d.ts"
   },
   "backstage": {
-    "role": "frontend-plugin"
+    "role": "frontend-plugin",
+    "pluginId": "pagerduty",
+    "pluginPackages": "pagerduty"
   },
   "homepage": "https://github.com/pagerduty/backstage-plugin",
   "repository": {
@@ -34,12 +36,12 @@
   },
   "dependencies": {
     "@backstage/catalog-model": "^1.5.0",
-    "@backstage/core-components": "^0.14.7",
-    "@backstage/core-plugin-api": "^1.9.2",
+    "@backstage/core-components": "^0.14.9",
+    "@backstage/core-plugin-api": "^1.9.3",
     "@backstage/errors": "^1.2.4",
-    "@backstage/plugin-catalog-react": "^1.12.0",
-    "@backstage/plugin-home-react": "^0.1.13",
-    "@backstage/theme": "^0.5.5",
+    "@backstage/plugin-catalog-react": "^1.12.2",
+    "@backstage/plugin-home-react": "^0.1.15",
+    "@backstage/theme": "^0.5.6",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@material-ui/core": "^4.12.2",
@@ -48,7 +50,7 @@
     "@mui/icons-material": "^5.15.19",
     "@mui/material": "^5.15.19",
     "@mui/x-date-pickers": "^7.6.1",
-    "@pagerduty/backstage-plugin-common": "0.2.1-next.2",
+    "@pagerduty/backstage-plugin-common": "0.2.1",
     "@tanstack/react-query": "^5.40.1",
     "classnames": "^2.2.6",
     "luxon": "^3.4.1",
@@ -63,10 +65,10 @@
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.26.6",
-    "@backstage/core-app-api": "^1.12.5",
-    "@backstage/dev-utils": "^1.0.32",
-    "@backstage/test-utils": "^1.5.5",
+    "@backstage/cli": "^0.26.11",
+    "@backstage/core-app-api": "^1.14.0",
+    "@backstage/dev-utils": "^1.0.35",
+    "@backstage/test-utils": "^1.5.8",
     "@commitlint/cli": "^17.7.1",
     "@commitlint/config-conventional": "^17.7.0",
     "@testing-library/dom": "^8.0.0",