@pagerduty/backstage-plugin 0.12.1-next.97 → 0.12.1-next.99

package/dist/components/Escalation/EscalationUser.esm.js

@@ -0,0 +1,98 @@
+import React from 'react';
+import { makeStyles, ListItem, ListItemIcon, ListItemText, Tooltip, IconButton, Typography } from '@material-ui/core';
+import Avatar from '@material-ui/core/Avatar';
+import NotificationsIcon from '@material-ui/icons/Notifications';
+
+const useStyles = makeStyles((theme) => ({
+  listItemPrimary: {
+    fontWeight: "bold"
+  },
+  listItemSecondary: {
+    fontWeight: "normal",
+    textDecoration: "underline",
+    marginTop: "-5px"
+  },
+  buttonStyle: {
+    marginLeft: "-11px",
+    marginTop: "-10px",
+    fontSize: "15px",
+    color: theme.palette.text.primary,
+    "&:hover": {
+      backgroundColor: "transparent",
+      textDecoration: "underline"
+    }
+  },
+  userTextButtonStyle: {
+    marginLeft: "-11px",
+    marginTop: "-10px",
+    marginBottom: "-10px",
+    fontSize: "15px",
+    color: theme.palette.text.primary,
+    "&:hover": {
+      backgroundColor: "transparent",
+      textDecoration: "underline"
+    }
+  },
+  containerStyle: {
+    display: "flex",
+    alignItems: "center",
+    fontWeight: "bold"
+  },
+  iconStyle: {
+    fontSize: "25px",
+    marginLeft: "-4px",
+    color: theme.palette.text.primary
+  },
+  smallIconStyle: {
+    color: theme.palette.text.primary
+  },
+  avatarStyle: {
+    marginTop: "-20px"
+  }
+}));
+function navigateToUrl(url) {
+  window.open(url, "_blank");
+}
+const EscalationUser = ({ user, policyUrl, policyName }) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(
+    Avatar,
+    {
+      alt: user.name,
+      src: user.avatar_url,
+      className: classes.avatarStyle
+    }
+  )), /* @__PURE__ */ React.createElement(
+    ListItemText,
+    {
+      primary: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "Open user in PagerDuty", placement: "top" }, /* @__PURE__ */ React.createElement(
+        IconButton,
+        {
+          "aria-label": "open-user-in-browser",
+          onClick: () => navigateToUrl(user.html_url),
+          className: classes.userTextButtonStyle
+        },
+        /* @__PURE__ */ React.createElement("span", { className: classes.containerStyle }, user.name)
+      )), /* @__PURE__ */ React.createElement(
+        Typography,
+        {
+          className: classes.listItemSecondary,
+          color: "textSecondary"
+        },
+        user.email
+      )),
+      secondary: /* @__PURE__ */ React.createElement(
+        IconButton,
+        {
+          "aria-label": "open-escalation-policy-in-browser",
+          onClick: () => navigateToUrl(policyUrl),
+          className: classes.buttonStyle
+        },
+        /* @__PURE__ */ React.createElement("span", { className: classes.containerStyle }, /* @__PURE__ */ React.createElement(NotificationsIcon, { className: classes.iconStyle }), policyName)
+      )
+    }
+  ));
+};
+
+export { EscalationUser };
+//# sourceMappingURL=EscalationUser.esm.js.map

package/dist/components/Escalation/EscalationUser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EscalationUser.esm.js","sources":["../../../src/components/Escalation/EscalationUser.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 from 'react';\nimport {\n  ListItem,\n  ListItemIcon,\n  Tooltip,\n  ListItemText,\n  makeStyles,\n  IconButton,\n  Typography,\n} from '@material-ui/core';\nimport Avatar from '@material-ui/core/Avatar';\nimport { PagerDutyUser } from '@pagerduty/backstage-plugin-common';\nimport NotificationsIcon from \"@material-ui/icons/Notifications\";\nimport { BackstageTheme } from '@backstage/theme';\n\nconst useStyles = makeStyles<BackstageTheme>((theme) => ({\n  listItemPrimary: {\n    fontWeight: \"bold\",\n  },\n  listItemSecondary: {\n    fontWeight: \"normal\",\n    textDecoration: \"underline\",\n    marginTop: \"-5px\",\n  },\n  buttonStyle: {\n    marginLeft: \"-11px\",\n    marginTop: \"-10px\",\n    fontSize: \"15px\",\n    color: theme.palette.text.primary,\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      textDecoration: \"underline\",\n    },\n  },\n  userTextButtonStyle: {\n    marginLeft: \"-11px\",\n    marginTop: \"-10px\",\n    marginBottom: \"-10px\",\n    fontSize: \"15px\",\n    color: theme.palette.text.primary,\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      textDecoration: \"underline\",\n    },\n  },\n  containerStyle: {\n    display: \"flex\",\n    alignItems: \"center\",\n    fontWeight: \"bold\",\n  },\n  iconStyle: {\n    fontSize: \"25px\",\n    marginLeft: \"-4px\",\n    color: theme.palette.text.primary,\n  },\n  smallIconStyle: {\n    color: theme.palette.text.primary,\n  },\n  avatarStyle: {\n    marginTop: \"-20px\",\n  },\n}));\n\ntype Props = {\n  user: PagerDutyUser;\n  policyUrl: string;\n  policyName: string;\n};\n\nfunction navigateToUrl(url: string) {\n  // open url in new browser window\n  window.open(url, \"_blank\");\n}\n\nexport const EscalationUser = ({ user, policyUrl, policyName }: Props) => {\n  const classes = useStyles();\n\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <Avatar\n          alt={user.name}\n          src={user.avatar_url}\n          className={classes.avatarStyle}\n        />\n      </ListItemIcon>\n      <ListItemText\n        primary={\n          <>\n            <Tooltip title=\"Open user in PagerDuty\" placement=\"top\">\n              <IconButton\n                aria-label=\"open-user-in-browser\"\n                onClick={() => navigateToUrl(user.html_url)}\n                className={classes.userTextButtonStyle}\n              >\n                <span className={classes.containerStyle}>{user.name}</span>\n              </IconButton>\n            </Tooltip>\n\n            <Typography\n              className={classes.listItemSecondary}\n              color=\"textSecondary\"\n            >\n              {user.email}\n            </Typography>\n          </>\n        }\n        secondary={\n          <IconButton\n            aria-label=\"open-escalation-policy-in-browser\"\n            onClick={() => navigateToUrl(policyUrl)}\n            className={classes.buttonStyle}\n          >\n            <span className={classes.containerStyle}>\n              <NotificationsIcon className={classes.iconStyle} />\n              {policyName}\n            </span>\n          </IconButton>\n        }\n      />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Escalation/EscalationUsersEmptyState.esm.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { makeStyles, ListItem, ListItemIcon, ListItemText } from '@material-ui/core';
+import { StatusWarning } from '@backstage/core-components';
+
+const useStyles = makeStyles({
+  denseListIcon: {
+    marginRight: 0,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+const EscalationUsersEmptyState = () => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement("div", { className: classes.denseListIcon }, /* @__PURE__ */ React.createElement(StatusWarning, null))), /* @__PURE__ */ React.createElement(ListItemText, { primary: "No one is on-call. Update the escalation policy." }));
+};
+
+export { EscalationUsersEmptyState };
+//# sourceMappingURL=EscalationUsersEmptyState.esm.js.map

package/dist/components/Escalation/EscalationUsersEmptyState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EscalationUsersEmptyState.esm.js","sources":["../../../src/components/Escalation/EscalationUsersEmptyState.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 from 'react';\nimport {\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core';\nimport { StatusWarning } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  denseListIcon: {\n    marginRight: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport const EscalationUsersEmptyState = () => {\n  const classes = useStyles();\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <div className={classes.denseListIcon}>\n          <StatusWarning />\n        </div>\n      </ListItemIcon>\n      <ListItemText primary=\"No one is on-call. Update the escalation policy.\" />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;AAyBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,CAAA;AAAA,IACb,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,GAClB;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,4BAA4B,MAAM;AAC7C,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,2CACG,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,oCACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAW,OAAQ,CAAA,aAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACjB,CACF,CAAA,sCACC,YAAa,EAAA,EAAA,OAAA,EAAQ,oDAAmD,CAC3E,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/Escalation/EscalationUsersForbiddenState.esm.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { makeStyles, ListItem, ListItemIcon, ListItemText } from '@material-ui/core';
+import { StatusError } from '@backstage/core-components';
+
+const useStyles = makeStyles({
+  denseListIcon: {
+    marginRight: 0,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+const EscalationUsersForbiddenState = () => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement("div", { className: classes.denseListIcon }, /* @__PURE__ */ React.createElement(StatusError, null))), /* @__PURE__ */ React.createElement(ListItemText, { primary: "You don't permissions to list on-calls. Check your OAuth token permissions." }));
+};
+
+export { EscalationUsersForbiddenState };
+//# sourceMappingURL=EscalationUsersForbiddenState.esm.js.map

package/dist/components/Escalation/EscalationUsersForbiddenState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EscalationUsersForbiddenState.esm.js","sources":["../../../src/components/Escalation/EscalationUsersForbiddenState.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 from 'react';\nimport {\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core';\nimport { StatusError } from '@backstage/core-components';\n\nconst useStyles = makeStyles({\n  denseListIcon: {\n    marginRight: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport const EscalationUsersForbiddenState = () => {\n  const classes = useStyles();\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <div className={classes.denseListIcon}>\n          <StatusError />\n        </div>\n      </ListItemIcon>\n      <ListItemText primary=\"You don't permissions to list on-calls. Check your OAuth token permissions.\" />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;AAyBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,aAAe,EAAA;AAAA,IACb,WAAa,EAAA,CAAA;AAAA,IACb,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,GAClB;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,gCAAgC,MAAM;AACjD,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,2CACG,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,oCACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAW,OAAQ,CAAA,aAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAY,CACf,CACF,CAAA,sCACC,YAAa,EAAA,EAAA,OAAA,EAAQ,+EAA8E,CACtG,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/HomePagePagerDutyCard/Content.esm.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PagerDutyCard } from '../PagerDutyCard/index.esm.js';
+
+const Content = (props) => {
+  return /* @__PURE__ */ React.createElement(PagerDutyCard, { ...props });
+};
+
+export { Content };
+//# sourceMappingURL=Content.esm.js.map

package/dist/components/HomePagePagerDutyCard/Content.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.esm.js","sources":["../../../src/components/HomePagePagerDutyCard/Content.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 from 'react';\n\nimport { PagerDutyEntity } from '../../types';\nimport { PagerDutyCard } from '../PagerDutyCard';\n\n/** @public */\nexport type HomePagePagerDutyCardProps = PagerDutyEntity & {\n  readOnly?: boolean;\n};\n\n/** @public */\nexport const Content = (props: HomePagePagerDutyCardProps) => {\n  return <PagerDutyCard {...props} />;\n};\n"],"names":[],"mappings":";;;AA2Ba,MAAA,OAAA,GAAU,CAAC,KAAsC,KAAA;AAC5D,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,aAAe,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA,CAAA;AACnC;;;;"}

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

@@ -0,0 +1,2 @@
+export { Content } from './Content.esm.js';
+//# sourceMappingURL=index.esm.js.map

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

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

package/dist/components/Incident/IncidentEmptyState.esm.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Grid, Typography } from '@material-ui/core';
+import EmptyStateImage from '../../assets/emptystate.svg';
+
+const IncidentsEmptyState = () => {
+  return /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      container: true,
+      justifyContent: "center",
+      direction: "column",
+      alignItems: "center"
+    },
+    /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Nice! No incidents found!")),
+    /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        src: EmptyStateImage,
+        alt: "EmptyState",
+        "data-testid": "emptyStateImg"
+      }
+    ))
+  );
+};
+
+export { IncidentsEmptyState };
+//# sourceMappingURL=IncidentEmptyState.esm.js.map

package/dist/components/Incident/IncidentEmptyState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentEmptyState.esm.js","sources":["../../../src/components/Incident/IncidentEmptyState.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 from 'react';\nimport { Grid, Typography } from '@material-ui/core';\nimport EmptyStateImage from \"../../assets/emptystate.svg\";\n\nexport const IncidentsEmptyState = () => {\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      direction=\"column\"\n      alignItems=\"center\"\n    >\n      <Grid item xs={12}>\n        <Typography variant=\"h5\">Nice! No incidents found!</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <img\n          src={EmptyStateImage}\n          alt=\"EmptyState\"\n          data-testid=\"emptyStateImg\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,sBAAsB,MAAM;AACvC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,SAAU,EAAA,QAAA;AAAA,MACV,UAAW,EAAA,QAAA;AAAA,KAAA;AAAA,oBAEX,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAK,EAAA,EAAA,2BAAyB,CACpD,CAAA;AAAA,oBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,eAAA;AAAA,QACL,GAAI,EAAA,YAAA;AAAA,QACJ,aAAY,EAAA,eAAA;AAAA,OAAA;AAAA,KAEhB,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/Incident/IncidentForbiddenState.esm.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Grid, Typography } from '@material-ui/core';
+import ForbiddenStateImage from '../../assets/forbiddenstate.svg';
+
+const IncidentForbiddenState = () => {
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "center", direction: "column", alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Feature not available with your account or token.")), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+    "img",
+    {
+      src: ForbiddenStateImage,
+      alt: "ForbiddenState",
+      "data-testid": "forbiddenStateImg"
+    }
+  )));
+};
+
+export { IncidentForbiddenState };
+//# sourceMappingURL=IncidentForbiddenState.esm.js.map

package/dist/components/Incident/IncidentForbiddenState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentForbiddenState.esm.js","sources":["../../../src/components/Incident/IncidentForbiddenState.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 from 'react';\nimport { Grid, Typography } from '@material-ui/core';\nimport ForbiddenStateImage from '../../assets/forbiddenstate.svg';\n\nexport const IncidentForbiddenState = () => {\n  return (\n    <Grid container justifyContent=\"center\" direction=\"column\" alignItems=\"center\">\n      <Grid item xs={12}>\n        <Typography variant=\"h5\">Feature not available with your account or token.</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <img\n          src={ForbiddenStateImage}\n          alt=\"ForbiddenState\"\n          data-testid=\"forbiddenStateImg\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAqBO,MAAM,yBAAyB,MAAM;AAC1C,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,cAAe,EAAA,QAAA,EAAS,SAAU,EAAA,QAAA,EAAS,UAAW,EAAA,QAAA,EAAA,kBACnE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAA,EAAK,mDAAiD,CAC5E,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,mBAAA;AAAA,MACL,GAAI,EAAA,gBAAA;AAAA,MACJ,aAAY,EAAA,mBAAA;AAAA,KAAA;AAAA,GAEhB,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/Incident/IncidentListItem.esm.js

@@ -0,0 +1,114 @@
+import React from 'react';
+import { makeStyles, ListItem, ListItemText, Chip, Typography, ListItemSecondaryAction, Tooltip, IconButton } from '@material-ui/core';
+import { DateTime, Duration } from 'luxon';
+import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
+import { Link } from '@backstage/core-components';
+
+const useStyles = makeStyles((theme) => ({
+  denseListIcon: {
+    marginRight: 0,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  listItemPrimary: {
+    fontWeight: "bold"
+  },
+  warning: {
+    borderColor: theme.palette.warning.main,
+    color: "#fff",
+    backgroundColor: theme.palette.warning.main,
+    boxShadow: "0 4px 4px 0 rgba(0,0,0,0.2)",
+    textTransform: "uppercase",
+    "& *": {
+      color: "#fff"
+    }
+  },
+  error: {
+    borderColor: theme.palette.error.main,
+    color: "#fff",
+    backgroundColor: theme.palette.error.main,
+    boxShadow: "0 4px 4px 0 rgba(0,0,0,0.2)",
+    textTransform: "uppercase",
+    "& *": {
+      color: "#fff"
+    }
+  },
+  lowUrgency: {
+    borderColor: theme.palette.warning.main,
+    color: theme.palette.warning.main,
+    backgroundColor: "#fff",
+    boxShadow: "0 4px 4px 0 rgba(0,0,0,0.2)",
+    textTransform: "uppercase",
+    "& *": {
+      color: theme.palette.warning.main
+    }
+  },
+  highUrgency: {
+    borderColor: theme.palette.error.main,
+    color: theme.palette.error.main,
+    backgroundColor: "#fff",
+    boxShadow: "0 4px 4px 0 rgba(0,0,0,0.2)",
+    textTransform: "uppercase",
+    "& *": {
+      color: theme.palette.error.main
+    }
+  },
+  textContainer: {
+    display: "flex",
+    alignItems: "baseline"
+  },
+  smallIconStyle: {
+    color: theme.palette.text.primary,
+    marginRight: "-20px"
+  }
+}));
+const IncidentListItem = ({ incident }) => {
+  var _a, _b, _c;
+  const classes = useStyles();
+  const duration = (/* @__PURE__ */ new Date()).getTime() - new Date(incident.created_at).getTime();
+  const createdAt = DateTime.local().minus(Duration.fromMillis(duration)).toRelative({ locale: "en" });
+  const user = (_a = incident.assignments[0]) == null ? void 0 : _a.assignee;
+  return /* @__PURE__ */ React.createElement(ListItem, { dense: true, key: incident.id }, /* @__PURE__ */ React.createElement(
+    ListItemText,
+    {
+      primary: /* @__PURE__ */ React.createElement("div", { className: classes.textContainer }, /* @__PURE__ */ React.createElement(
+        Chip,
+        {
+          "data-testid": `chip-${incident.status}`,
+          label: incident.status,
+          size: "small",
+          variant: "outlined",
+          className: incident.status === "triggered" ? classes.error : classes.warning
+        }
+      ), /* @__PURE__ */ React.createElement(
+        Chip,
+        {
+          "data-testid": `chip-${incident.urgency}`,
+          label: `${incident.urgency} urgency`,
+          size: "small",
+          variant: "outlined",
+          className: incident.urgency === "high" ? classes.highUrgency : classes.lowUrgency
+        }
+      ), incident.title),
+      primaryTypographyProps: {
+        variant: "body1",
+        className: classes.listItemPrimary
+      },
+      secondary: /* @__PURE__ */ React.createElement(Typography, { noWrap: true, variant: "body2", color: "textSecondary" }, "Created ", createdAt, " and assigned to", " ", /* @__PURE__ */ React.createElement(Link, { to: (_b = user == null ? void 0 : user.html_url) != null ? _b : "#" }, (_c = user == null ? void 0 : user.summary) != null ? _c : "nobody"))
+    }
+  ), /* @__PURE__ */ React.createElement(ListItemSecondaryAction, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "View in PagerDuty", placement: "top" }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      href: incident.html_url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: classes.smallIconStyle
+    },
+    /* @__PURE__ */ React.createElement(OpenInBrowserIcon, null)
+  ))));
+};
+
+export { IncidentListItem };
+//# sourceMappingURL=IncidentListItem.esm.js.map

package/dist/components/Incident/IncidentListItem.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentListItem.esm.js","sources":["../../../src/components/Incident/IncidentListItem.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 from 'react';\nimport {\n  ListItem,\n  ListItemSecondaryAction,\n  Tooltip,\n  ListItemText,\n  makeStyles,\n  IconButton,\n  Typography,\n  Chip,\n} from '@material-ui/core';\nimport { DateTime, Duration } from 'luxon';\nimport { PagerDutyIncident } from '@pagerduty/backstage-plugin-common';\nimport OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';\nimport { BackstageTheme } from '@backstage/theme';\nimport { Link } from '@backstage/core-components';\n\nconst useStyles = makeStyles<BackstageTheme>((theme) => ({\n  denseListIcon: {\n    marginRight: 0,\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  listItemPrimary: {\n    fontWeight: \"bold\",\n  },\n  warning: {\n    borderColor: theme.palette.warning.main,\n    color: \"#fff\",\n    backgroundColor: theme.palette.warning.main,\n    boxShadow: \"0 4px 4px 0 rgba(0,0,0,0.2)\",\n    textTransform: \"uppercase\",\n    \"& *\": {\n      color: \"#fff\",\n    },\n  },\n  error: {\n    borderColor: theme.palette.error.main,\n    color: \"#fff\",\n    backgroundColor: theme.palette.error.main,\n    boxShadow: \"0 4px 4px 0 rgba(0,0,0,0.2)\",\n    textTransform: \"uppercase\",\n    \"& *\": {\n      color: \"#fff\",\n    },\n  },\n  lowUrgency: {\n    borderColor: theme.palette.warning.main,\n    color: theme.palette.warning.main,\n    backgroundColor: \"#fff\",\n    boxShadow: \"0 4px 4px 0 rgba(0,0,0,0.2)\",\n    textTransform: \"uppercase\",\n    \"& *\": {\n      color: theme.palette.warning.main,\n    },\n  },\n  highUrgency: {\n    borderColor: theme.palette.error.main,\n    color: theme.palette.error.main,\n    backgroundColor: \"#fff\",\n    boxShadow: \"0 4px 4px 0 rgba(0,0,0,0.2)\",\n    textTransform: \"uppercase\",\n    \"& *\": {\n      color: theme.palette.error.main,\n    },\n  },\n  textContainer: {\n    display: \"flex\",\n    alignItems: \"baseline\",\n  },\n  smallIconStyle: {\n    color: theme.palette.text.primary,\n    marginRight: \"-20px\",\n  },\n}));\n\ntype Props = {\n  incident: PagerDutyIncident;\n};\n\nexport const IncidentListItem = ({ incident }: Props) => {\n  const classes = useStyles();\n  const duration =\n    new Date().getTime() - new Date(incident.created_at).getTime();\n  const createdAt = DateTime.local()\n    .minus(Duration.fromMillis(duration))\n    .toRelative({ locale: 'en' });\n  const user = incident.assignments[0]?.assignee;\n\n  return (\n    <ListItem dense key={incident.id}>\n      <ListItemText\n        primary={\n          <div className={classes.textContainer}>\n            <Chip\n              data-testid={`chip-${incident.status}`}\n              label={incident.status}\n              size=\"small\"\n              variant=\"outlined\"\n              className={\n                incident.status === \"triggered\"\n                  ? classes.error\n                  : classes.warning\n              }\n            />\n            <Chip\n              data-testid={`chip-${incident.urgency}`}\n              label={`${incident.urgency} urgency`}\n              size=\"small\"\n              variant=\"outlined\"\n              className={\n                incident.urgency === \"high\"\n                  ? classes.highUrgency\n                  : classes.lowUrgency\n              }\n            />\n            {incident.title}\n          </div>\n        }\n        primaryTypographyProps={{\n          variant: \"body1\",\n          className: classes.listItemPrimary,\n        }}\n        secondary={\n          <Typography noWrap variant=\"body2\" color=\"textSecondary\">\n            Created {createdAt} and assigned to{\" \"}\n            <Link to={user?.html_url ?? \"#\"}>{user?.summary ?? \"nobody\"}</Link>\n          </Typography>\n        }\n      />\n      <ListItemSecondaryAction>\n        <Tooltip title=\"View in PagerDuty\" placement=\"top\">\n          <IconButton\n            href={incident.html_url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className={classes.smallIconStyle}\n          >\n            <OpenInBrowserIcon />\n          </IconButton>\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Incident/Incidents.esm.js

@@ -0,0 +1,41 @@
+import React, { useEffect } from 'react';
+import { List } from '@material-ui/core';
+import { IncidentListItem } from './IncidentListItem.esm.js';
+import { IncidentsEmptyState } from './IncidentEmptyState.esm.js';
+import useAsyncFn from 'react-use/lib/useAsyncFn';
+import { pagerDutyApiRef } from '../../api/client.esm.js';
+import { Alert } from '@material-ui/lab';
+import { useApi } from '@backstage/core-plugin-api';
+import { Progress } from '@backstage/core-components';
+import { IncidentForbiddenState } from './IncidentForbiddenState.esm.js';
+
+const Incidents = ({ serviceId, refreshIncidents }) => {
+  const api = useApi(pagerDutyApiRef);
+  const [{ value: incidents, loading, error }, getIncidents] = useAsyncFn(
+    async () => {
+      const { incidents: foundIncidents } = await api.getIncidentsByServiceId(
+        serviceId
+      );
+      return foundIncidents;
+    }
+  );
+  useEffect(() => {
+    getIncidents();
+  }, [refreshIncidents, getIncidents]);
+  if (error) {
+    if (error.message.includes("Forbidden")) {
+      return /* @__PURE__ */ React.createElement(IncidentForbiddenState, null);
+    }
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Error encountered while fetching information. ", error.message);
+  }
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (!(incidents == null ? void 0 : incidents.length)) {
+    return /* @__PURE__ */ React.createElement(IncidentsEmptyState, null);
+  }
+  return /* @__PURE__ */ React.createElement(List, { dense: true }, incidents.map((incident, index) => /* @__PURE__ */ React.createElement(IncidentListItem, { key: incident.id + index, incident })));
+};
+
+export { Incidents };
+//# sourceMappingURL=Incidents.esm.js.map

package/dist/components/Incident/Incidents.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Incidents.esm.js","sources":["../../../src/components/Incident/Incidents.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, { useEffect } from 'react';\nimport { List } from '@material-ui/core';\nimport { IncidentListItem } from './IncidentListItem';\nimport { IncidentsEmptyState } from './IncidentEmptyState';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport { pagerDutyApiRef } from '../../api';\nimport { Alert } from '@material-ui/lab';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Progress } from '@backstage/core-components';\nimport { IncidentForbiddenState } from './IncidentForbiddenState';\n\ntype Props = {\n  serviceId: string;\n  refreshIncidents: boolean;\n};\n\nexport const Incidents = ({ serviceId, refreshIncidents }: Props) => {\n  const api = useApi(pagerDutyApiRef);\n\n  const [{ value: incidents, loading, error }, getIncidents] = useAsyncFn(\n    async () => {\n      const { incidents: foundIncidents } = await api.getIncidentsByServiceId(\n        serviceId,\n      );\n      return foundIncidents;\n    },\n  );\n\n  useEffect(() => {\n    getIncidents();\n  }, [refreshIncidents, getIncidents]);\n\n  if (error) {\n    if (error.message.includes('Forbidden')) {\n      return <IncidentForbiddenState />;\n    }\n\n    return (\n      <Alert severity=\"error\">\n        Error encountered while fetching information. {error.message}\n      </Alert>\n    );\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (!incidents?.length) {\n    return <IncidentsEmptyState />;\n  }\n\n  return (\n    <List dense>\n      {incidents!.map((incident, index) => (\n        <IncidentListItem key={incident.id + index} incident={incident} />\n      ))}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAiCO,MAAM,SAAY,GAAA,CAAC,EAAE,SAAA,EAAW,kBAA8B,KAAA;AACnE,EAAM,MAAA,GAAA,GAAM,OAAO,eAAe,CAAA,CAAA;AAElC,EAAM,MAAA,CAAC,EAAE,KAAO,EAAA,SAAA,EAAW,SAAS,KAAM,EAAA,EAAG,YAAY,CAAI,GAAA,UAAA;AAAA,IAC3D,YAAY;AACV,MAAA,MAAM,EAAE,SAAA,EAAW,cAAe,EAAA,GAAI,MAAM,GAAI,CAAA,uBAAA;AAAA,QAC9C,SAAA;AAAA,OACF,CAAA;AACA,MAAO,OAAA,cAAA,CAAA;AAAA,KACT;AAAA,GACF,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAa,YAAA,EAAA,CAAA;AAAA,GACZ,EAAA,CAAC,gBAAkB,EAAA,YAAY,CAAC,CAAA,CAAA;AAEnC,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,QAAS,CAAA,WAAW,CAAG,EAAA;AACvC,MAAA,2CAAQ,sBAAuB,EAAA,IAAA,CAAA,CAAA;AAAA,KACjC;AAEA,IAAA,2CACG,KAAM,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,EAAA,gDAAA,EACyB,MAAM,OACvD,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AAEA,EAAI,IAAA,EAAC,uCAAW,MAAQ,CAAA,EAAA;AACtB,IAAA,2CAAQ,mBAAoB,EAAA,IAAA,CAAA,CAAA;AAAA,GAC9B;AAEA,EAAA,2CACG,IAAK,EAAA,EAAA,KAAA,EAAK,IACR,EAAA,EAAA,SAAA,CAAW,IAAI,CAAC,QAAA,EAAU,KACzB,qBAAA,KAAA,CAAA,aAAA,CAAC,oBAAiB,GAAK,EAAA,QAAA,CAAS,KAAK,KAAO,EAAA,QAAA,EAAoB,CACjE,CACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,193 @@
+import React, { useState, useCallback } from 'react';
+import { Card, CardHeader, Grid, Typography, Divider, CardContent } from '@material-ui/core';
+import { Incidents } from '../Incident/Incidents.esm.js';
+import { EscalationPolicy } from '../Escalation/EscalationPolicy.esm.js';
+import useAsync from 'react-use/lib/useAsync';
+import { pagerDutyApiRef, UnauthorizedError } from '../../api/client.esm.js';
+import { MissingTokenError } from '../Errors/MissingTokenError.esm.js';
+import { ServiceNotFoundError } from '../Errors/ServiceNotFoundError.esm.js';
+import { ChangeEvents } from '../ChangeEvents/ChangeEvents.esm.js';
+import PDGreenImage from '../../assets/PD-Green.svg';
+import PDWhiteImage from '../../assets/PD-White.svg';
+import { useApi } from '@backstage/core-plugin-api';
+import { NotFoundError } from '@backstage/errors';
+import { Progress, TabbedCard, CardTab, InfoCard } from '@backstage/core-components';
+import { ForbiddenError } from '../Errors/ForbiddenError.esm.js';
+import IncidentCounterCard from '../PagerDutyCardCommon/InsightsCard.esm.js';
+import { OpenServiceButton } from '../PagerDutyCardCommon/OpenServiceButton.esm.js';
+import ServiceStandardsCard from '../PagerDutyCardCommon/ServiceStandardsCard.esm.js';
+import StatusCard from '../PagerDutyCardCommon/StatusCard.esm.js';
+import { TriggerIncidentButton } from '../PagerDutyCardCommon/TriggerIncidentButton.esm.js';
+import { makeStyles, createStyles, useTheme } from '@material-ui/core/styles';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    overviewHeaderTextStyle: {
+      fontSize: "14px",
+      fontWeight: 500,
+      color: theme.palette.type === "light" ? "rgba(0, 0, 0, 0.54)" : "rgba(255, 255, 255, 0.7)"
+    },
+    oncallHeaderTextStyle: {
+      fontSize: "14px",
+      fontWeight: 500,
+      marginTop: "10px",
+      color: theme.palette.type === "light" ? "rgba(0, 0, 0, 0.54)" : "rgba(255, 255, 255, 0.7)"
+    },
+    headerStyle: {
+      marginBottom: "0px",
+      fontSize: "0px"
+    },
+    overviewHeaderContainerStyle: {
+      display: "flex",
+      margin: "15px",
+      marginBottom: "20px"
+    },
+    headerWithSubheaderContainerStyle: {
+      display: "flex",
+      alignItems: "center"
+    },
+    subheaderTextStyle: {
+      fontSize: "10px",
+      marginLeft: "5px"
+    },
+    overviewCardsContainerStyle: {
+      display: "flex",
+      margin: "15px",
+      marginTop: "-15px"
+    },
+    incidentMetricsContainerStyle: {
+      display: "flex",
+      height: "100%",
+      justifyContent: "center",
+      columnSpan: "all"
+    }
+  })
+);
+const BasicCard = ({ children }) => /* @__PURE__ */ React.createElement(InfoCard, { title: "PagerDuty" }, children);
+const PagerDutyCard = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const classes = useStyles();
+  const theme = useTheme();
+  const { readOnly, disableChangeEvents, disableOnCall } = props;
+  const api = useApi(pagerDutyApiRef);
+  const [refreshIncidents, setRefreshIncidents] = useState(false);
+  const [refreshChangeEvents, setRefreshChangeEvents] = useState(false);
+  const [refreshStatus, setRefreshStatus] = useState(false);
+  const handleRefresh = useCallback(() => {
+    setRefreshIncidents((x) => !x);
+    setRefreshChangeEvents((x) => !x);
+    setRefreshStatus((x) => !x);
+  }, []);
+  const {
+    value: service,
+    loading,
+    error
+  } = useAsync(async () => {
+    const { service: foundService } = await api.getServiceByPagerDutyEntity(
+      props
+    );
+    const serviceStandards = await api.getServiceStandardsByServiceId(
+      foundService.id
+    );
+    const serviceMetrics = await api.getServiceMetricsByServiceId(
+      foundService.id
+    );
+    const result = {
+      id: foundService.id,
+      name: foundService.name,
+      url: foundService.html_url,
+      policyId: foundService.escalation_policy.id,
+      policyLink: foundService.escalation_policy.html_url,
+      policyName: foundService.escalation_policy.name,
+      status: foundService.status,
+      standards: serviceStandards !== void 0 ? serviceStandards.standards : void 0,
+      metrics: serviceMetrics !== void 0 ? serviceMetrics.metrics : void 0
+    };
+    return result;
+  }, [props]);
+  if (error) {
+    let errorNode;
+    switch (error.constructor) {
+      case UnauthorizedError:
+        errorNode = /* @__PURE__ */ React.createElement(MissingTokenError, null);
+        break;
+      case NotFoundError:
+        errorNode = /* @__PURE__ */ React.createElement(ServiceNotFoundError, null);
+        break;
+      default:
+        errorNode = /* @__PURE__ */ React.createElement(ForbiddenError, null);
+    }
+    return /* @__PURE__ */ React.createElement(BasicCard, null, errorNode);
+  }
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(BasicCard, null, /* @__PURE__ */ React.createElement(Progress, null));
+  }
+  return /* @__PURE__ */ React.createElement(Card, { "data-testid": "pagerduty-card" }, /* @__PURE__ */ React.createElement(
+    CardHeader,
+    {
+      className: classes.headerStyle,
+      title: theme.palette.type === "dark" ? /* @__PURE__ */ React.createElement("img", { src: PDWhiteImage, alt: "PagerDuty", height: "35" }) : /* @__PURE__ */ React.createElement("img", { src: PDGreenImage, alt: "PagerDuty", height: "35" }),
+      action: !readOnly && props.integrationKey ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+        TriggerIncidentButton,
+        {
+          "data-testid": "trigger-incident-button",
+          integrationKey: props.integrationKey,
+          entityName: props.name,
+          handleRefresh
+        }
+      ), /* @__PURE__ */ React.createElement(OpenServiceButton, { serviceUrl: service.url })) : /* @__PURE__ */ React.createElement(OpenServiceButton, { serviceUrl: service.url })
+    }
+  ), /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, className: classes.overviewHeaderContainerStyle }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 3 }, /* @__PURE__ */ React.createElement(Typography, { className: classes.overviewHeaderTextStyle }, "STATUS")), /* @__PURE__ */ React.createElement(Grid, { item: true, md: 6 }, /* @__PURE__ */ React.createElement("span", { className: classes.headerWithSubheaderContainerStyle }, /* @__PURE__ */ React.createElement(Typography, { className: classes.overviewHeaderTextStyle }, "INSIGHTS"), /* @__PURE__ */ React.createElement(Typography, { className: classes.subheaderTextStyle }, "(last 30 days)"))), /* @__PURE__ */ React.createElement(Grid, { item: true, md: 3 }, /* @__PURE__ */ React.createElement(Typography, { className: classes.overviewHeaderTextStyle }, "STANDARDS"))), /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, className: classes.overviewCardsContainerStyle }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 3 }, /* @__PURE__ */ React.createElement(StatusCard, { serviceId: service.id, refreshStatus })), /* @__PURE__ */ React.createElement(Grid, { item: true, md: 6, className: classes.incidentMetricsContainerStyle }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 4 }, /* @__PURE__ */ React.createElement(
+    IncidentCounterCard,
+    {
+      count: (service == null ? void 0 : service.metrics) !== void 0 && service.metrics.length > 0 ? service == null ? void 0 : service.metrics[0].total_interruptions : void 0,
+      label: "interruptions",
+      color: theme.palette.textSubtle
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, md: 4 }, /* @__PURE__ */ React.createElement(
+    IncidentCounterCard,
+    {
+      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,
+      label: "high urgency",
+      color: theme.palette.warning.main
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, md: 4 }, /* @__PURE__ */ React.createElement(
+    IncidentCounterCard,
+    {
+      count: (service == null ? void 0 : service.metrics) !== void 0 && ((_a = service == null ? void 0 : service.metrics) == null ? void 0 : _a.length) > 0 ? service == null ? void 0 : service.metrics[0].total_incident_count : void 0,
+      label: "incidents",
+      color: theme.palette.error.main
+    }
+  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, md: 3 }, /* @__PURE__ */ React.createElement(
+    ServiceStandardsCard,
+    {
+      total: ((_b = service == null ? void 0 : service.standards) == null ? void 0 : _b.score) !== void 0 ? (_d = (_c = service == null ? void 0 : service.standards) == null ? void 0 : _c.score) == null ? void 0 : _d.total : void 0,
+      completed: ((_e = service == null ? void 0 : service.standards) == null ? void 0 : _e.score) !== void 0 ? (_g = (_f = service == null ? void 0 : service.standards) == null ? void 0 : _f.score) == null ? void 0 : _g.passing : void 0,
+      standards: (service == null ? void 0 : service.standards) !== void 0 ? (_h = service == null ? void 0 : service.standards) == null ? void 0 : _h.standards : void 0
+    }
+  ))), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(TabbedCard, null, /* @__PURE__ */ React.createElement(CardTab, { label: "Incidents" }, /* @__PURE__ */ React.createElement(
+    Incidents,
+    {
+      serviceId: service.id,
+      refreshIncidents
+    }
+  )), disableChangeEvents !== true ? /* @__PURE__ */ React.createElement(CardTab, { label: "Change Events" }, /* @__PURE__ */ React.createElement(
+    ChangeEvents,
+    {
+      "data-testid": "change-events",
+      serviceId: service.id,
+      refreshEvents: refreshChangeEvents
+    }
+  )) : /* @__PURE__ */ React.createElement(React.Fragment, null)), disableOnCall !== true ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { className: classes.oncallHeaderTextStyle }, "ON CALL"), /* @__PURE__ */ React.createElement(
+    EscalationPolicy,
+    {
+      "data-testid": "oncall-card",
+      policyId: service.policyId,
+      policyUrl: service.policyLink,
+      policyName: service.policyName
+    }
+  )) : /* @__PURE__ */ React.createElement(React.Fragment, null)));
+};
+
+export { PagerDutyCard };
+//# sourceMappingURL=index.esm.js.map