@pagerduty/backstage-plugin 0.15.5 → 0.15.6

package/dist/components/PagerDutyCardCommon/ServiceStandardsCard.esm.js

@@ -1,5 +1,5 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { makeStyles, withStyles, LinearProgress, Card, Typography, IconButton, Tooltip } from '@material-ui/core';
-import React from 'react';
 import InfoIcon from '@material-ui/icons/Info';
 import CheckCircle from '@material-ui/icons/CheckCircle';
 import RadioButtonUncheckedIcon from '@material-ui/icons/RadioButtonUnchecked';
@@ -73,22 +73,40 @@ function ServiceStandardsCard({ total, completed, standards, compact }) {
     standardItem
   } = useStyles();
   if (standards === void 0 || completed === void 0 || total === void 0) {
-    return /* @__PURE__ */ React.createElement(Card, { className: cardStyle }, /* @__PURE__ */ React.createElement("div", { className: containerStyle }, /* @__PURE__ */ React.createElement(Typography, { className: smallTextStyle }, "Unable to retrieve Scores")));
+    return /* @__PURE__ */ jsx(Card, { className: cardStyle, children: /* @__PURE__ */ jsx("div", { className: containerStyle, children: /* @__PURE__ */ jsx(Typography, { className: smallTextStyle, children: "Unable to retrieve Scores" }) }) });
   }
-  return /* @__PURE__ */ React.createElement(Card, { className: cardStyle }, completed !== void 0 && total !== void 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: tooltipContainer }, /* @__PURE__ */ React.createElement(IconButton, null, /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      interactive: true,
-      title: /* @__PURE__ */ React.createElement(React.Fragment, null, standards?.map((standard, key) => /* @__PURE__ */ React.createElement("p", { key }, standard.pass ? /* @__PURE__ */ React.createElement("span", { className: standardItem }, /* @__PURE__ */ React.createElement(CheckCircle, { className: tooltipIcon }), " ", standard.name) : /* @__PURE__ */ React.createElement("span", { className: standardItem }, /* @__PURE__ */ React.createElement(RadioButtonUncheckedIcon, { className: tooltipIcon }), " ", standard.name))))
-    },
-    /* @__PURE__ */ React.createElement(InfoIcon, null)
-  ))), /* @__PURE__ */ React.createElement("div", { className: containerStyle }, /* @__PURE__ */ React.createElement(Typography, { className: largeTextStyle }, completed), /* @__PURE__ */ React.createElement(Typography, { className: smallTextStyle }, "/", total)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    BorderLinearProgress,
-    {
-      variant: "determinate",
-      value: completed / total * 100
-    }
-  ))) : /* @__PURE__ */ React.createElement("div", { className: containerStyle }, /* @__PURE__ */ React.createElement(Typography, { className: smallTextStyle }, "Unable to retrieve Scores")));
+  return /* @__PURE__ */ jsx(Card, { className: cardStyle, children: completed !== void 0 && total !== void 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: tooltipContainer, children: /* @__PURE__ */ jsx(IconButton, { children: /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        interactive: true,
+        title: /* @__PURE__ */ jsx(Fragment, { children: standards?.map((standard, key) => /* @__PURE__ */ jsx("p", { children: standard.pass ? /* @__PURE__ */ jsxs("span", { className: standardItem, children: [
+          /* @__PURE__ */ jsx(CheckCircle, { className: tooltipIcon }),
+          " ",
+          standard.name
+        ] }) : /* @__PURE__ */ jsxs("span", { className: standardItem, children: [
+          /* @__PURE__ */ jsx(RadioButtonUncheckedIcon, { className: tooltipIcon }),
+          " ",
+          standard.name
+        ] }) }, key)) }),
+        children: /* @__PURE__ */ jsx(InfoIcon, {})
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs("div", { className: containerStyle, children: [
+      /* @__PURE__ */ jsx(Typography, { className: largeTextStyle, children: completed }),
+      /* @__PURE__ */ jsxs(Typography, { className: smallTextStyle, children: [
+        "/",
+        total
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      BorderLinearProgress,
+      {
+        variant: "determinate",
+        value: completed / total * 100
+      }
+    ) })
+  ] }) : /* @__PURE__ */ jsx("div", { className: containerStyle, children: /* @__PURE__ */ jsx(Typography, { className: smallTextStyle, children: "Unable to retrieve Scores" }) }) });
 }
 
 export { ServiceStandardsCard as default };

package/dist/components/PagerDutyCardCommon/ServiceStandardsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceStandardsCard.esm.js","sources":["../../../src/components/PagerDutyCardCommon/ServiceStandardsCard.tsx"],"sourcesContent":["import { BackstageTheme } from \"@backstage/theme\";\nimport {\n  Card,\n  IconButton,\n  LinearProgress,\n  Theme,\n  Tooltip,\n  Typography,\n  makeStyles,\n  withStyles,\n} from \"@material-ui/core\";\nimport React from \"react\";\nimport InfoIcon from \"@material-ui/icons/Info\";\nimport { PagerDutyServiceStandard } from \"@pagerduty/backstage-plugin-common\";\nimport CheckCircle from \"@material-ui/icons/CheckCircle\";\nimport RadioButtonUncheckedIcon from \"@material-ui/icons/RadioButtonUnchecked\";\n\ntype Props = {\n  total: number | undefined;\n  completed: number | undefined;\n  standards: PagerDutyServiceStandard[] | undefined;\n  compact?: boolean;\n};\n\nfunction colorFromPercentage(theme: Theme, percentage: number) {\n  if (percentage < 0.5) {\n    return theme.palette.error.main;\n  } else if (percentage < 0.8) {\n    return theme.palette.warning.main;\n  }\n  return theme.palette.success.main;\n}\n\nfunction ServiceStandardsCard({ total, completed, standards, compact }: Props) {\n  const useStyles = makeStyles<BackstageTheme>((theme) => ({\n    cardStyle: {\n      height: compact !== true ? \"120px\" : \"80px\",\n      display: \"grid\",\n      gridTemplateRows: \"1fr auto auto\",\n      backgroundColor: \"rgba(0, 0, 0, 0.03)\",\n    },\n    containerStyle: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      marginTop: compact !== true ? \"-100px\" : \"-50px\",\n    },\n    largeTextStyle: {\n      fontSize: compact !== true ? \"50px\" : \"40px\",\n      color:\n        completed !== undefined && total !== undefined\n          ? colorFromPercentage(theme, completed / total)\n          : colorFromPercentage(theme, 0),\n      alignSelf: \"center\",\n      justifyContent: \"center\",\n    },\n    smallTextStyle: {\n      color: theme.palette.textSubtle,\n      fontSize: compact !== true ? \"14px\" : \"12px\",\n      fontWeight: \"bold\",\n      alignSelf: \"center\",\n      justifyContent: \"center\",\n      marginLeft: \"-2px\",\n      marginTop: compact !== true ? \"25px\" : \"20px\",\n    },\n    tooltipContainer: {},\n    tooltipIcon: {\n      marginRight: \"5px\",\n    },\n    standardItem: {\n      display: \"flex\",\n      alignItems: \"center\",\n    },\n  }));\n\n  const BorderLinearProgress = withStyles((theme) => ({\n    root: {\n      height: 10,\n      borderRadius: 5,\n      margin: 5,\n    },\n    colorPrimary: {\n      backgroundColor:\n        theme.palette.grey[theme.palette.type === \"light\" ? 200 : 700],\n    },\n    bar: {\n      borderRadius: 5,\n      backgroundColor:\n        completed !== undefined && total !== undefined\n          ? colorFromPercentage(theme, completed / total)\n          : colorFromPercentage(theme, 0),\n    },\n  }))(LinearProgress);\n\n  const {\n    cardStyle,\n    containerStyle,\n    largeTextStyle,\n    smallTextStyle,\n    tooltipContainer,\n    tooltipIcon,\n    standardItem,\n  } = useStyles();\n\n  if (standards === undefined || completed === undefined || total === undefined) {\n    return (\n      <Card className={cardStyle}>\n        <div className={containerStyle}>\n          <Typography className={smallTextStyle}>\n            Unable to retrieve Scores\n          </Typography>\n        </div>\n      </Card>\n    );\n  }\n  \n  return (\n    <Card className={cardStyle}>\n      {completed !== undefined && total !== undefined ? (\n        <>\n          <div className={tooltipContainer}>\n            <IconButton>\n              <Tooltip\n                interactive\n                title={\n                  <>\n                    {standards?.map((standard, key) => (\n                      <p key={key}>\n                        {standard.pass ? (\n                          <span className={standardItem}>\n                            <CheckCircle className={tooltipIcon} />{\" \"}\n                            {standard.name}\n                          </span>\n                        ) : (\n                          <span className={standardItem}>\n                            <RadioButtonUncheckedIcon className={tooltipIcon} />{\" \"}\n                            {standard.name}\n                          </span>\n                        )}\n                      </p>\n                    ))}\n                  </>\n                }\n              >\n                <InfoIcon />\n              </Tooltip>\n            </IconButton>\n          </div>\n          <div className={containerStyle}>\n            <Typography className={largeTextStyle}>{completed}</Typography>\n            <Typography className={smallTextStyle}>/{total}</Typography>\n          </div>\n          <div>\n            <BorderLinearProgress\n              variant=\"determinate\"\n              value={(completed! / total!) * 100}\n            />\n          </div>\n        </>\n      ) : (\n        <div className={containerStyle}>\n          <Typography className={smallTextStyle}>\n            Unable to retrieve Scores\n          </Typography>\n        </div>\n      )}\n    </Card>\n  );\n}\n\nexport default ServiceStandardsCard;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ServiceStandardsCard.esm.js","sources":["../../../src/components/PagerDutyCardCommon/ServiceStandardsCard.tsx"],"sourcesContent":["import { BackstageTheme } from \"@backstage/theme\";\nimport {\n  Card,\n  IconButton,\n  LinearProgress,\n  Theme,\n  Tooltip,\n  Typography,\n  makeStyles,\n  withStyles,\n} from \"@material-ui/core\";\nimport InfoIcon from \"@material-ui/icons/Info\";\nimport { PagerDutyServiceStandard } from \"common\";\nimport CheckCircle from \"@material-ui/icons/CheckCircle\";\nimport RadioButtonUncheckedIcon from \"@material-ui/icons/RadioButtonUnchecked\";\n\ntype Props = {\n  total: number | undefined;\n  completed: number | undefined;\n  standards: PagerDutyServiceStandard[] | undefined;\n  compact?: boolean;\n};\n\nfunction colorFromPercentage(theme: Theme, percentage: number) {\n  if (percentage < 0.5) {\n    return theme.palette.error.main;\n  } else if (percentage < 0.8) {\n    return theme.palette.warning.main;\n  }\n  return theme.palette.success.main;\n}\n\nfunction ServiceStandardsCard({ total, completed, standards, compact }: Props) {\n  const useStyles = makeStyles<BackstageTheme>((theme) => ({\n    cardStyle: {\n      height: compact !== true ? \"120px\" : \"80px\",\n      display: \"grid\",\n      gridTemplateRows: \"1fr auto auto\",\n      backgroundColor: \"rgba(0, 0, 0, 0.03)\",\n    },\n    containerStyle: {\n      display: \"flex\",\n      justifyContent: \"center\",\n      marginTop: compact !== true ? \"-100px\" : \"-50px\",\n    },\n    largeTextStyle: {\n      fontSize: compact !== true ? \"50px\" : \"40px\",\n      color:\n        completed !== undefined && total !== undefined\n          ? colorFromPercentage(theme, completed / total)\n          : colorFromPercentage(theme, 0),\n      alignSelf: \"center\",\n      justifyContent: \"center\",\n    },\n    smallTextStyle: {\n      color: theme.palette.textSubtle,\n      fontSize: compact !== true ? \"14px\" : \"12px\",\n      fontWeight: \"bold\",\n      alignSelf: \"center\",\n      justifyContent: \"center\",\n      marginLeft: \"-2px\",\n      marginTop: compact !== true ? \"25px\" : \"20px\",\n    },\n    tooltipContainer: {},\n    tooltipIcon: {\n      marginRight: \"5px\",\n    },\n    standardItem: {\n      display: \"flex\",\n      alignItems: \"center\",\n    },\n  }));\n\n  const BorderLinearProgress = withStyles((theme) => ({\n    root: {\n      height: 10,\n      borderRadius: 5,\n      margin: 5,\n    },\n    colorPrimary: {\n      backgroundColor:\n        theme.palette.grey[theme.palette.type === \"light\" ? 200 : 700],\n    },\n    bar: {\n      borderRadius: 5,\n      backgroundColor:\n        completed !== undefined && total !== undefined\n          ? colorFromPercentage(theme, completed / total)\n          : colorFromPercentage(theme, 0),\n    },\n  }))(LinearProgress);\n\n  const {\n    cardStyle,\n    containerStyle,\n    largeTextStyle,\n    smallTextStyle,\n    tooltipContainer,\n    tooltipIcon,\n    standardItem,\n  } = useStyles();\n\n  if (standards === undefined || completed === undefined || total === undefined) {\n    return (\n      <Card className={cardStyle}>\n        <div className={containerStyle}>\n          <Typography className={smallTextStyle}>\n            Unable to retrieve Scores\n          </Typography>\n        </div>\n      </Card>\n    );\n  }\n  \n  return (\n    <Card className={cardStyle}>\n      {completed !== undefined && total !== undefined ? (\n        <>\n          <div className={tooltipContainer}>\n            <IconButton>\n              <Tooltip\n                interactive\n                title={\n                  <>\n                    {standards?.map((standard, key) => (\n                      <p key={key}>\n                        {standard.pass ? (\n                          <span className={standardItem}>\n                            <CheckCircle className={tooltipIcon} />{\" \"}\n                            {standard.name}\n                          </span>\n                        ) : (\n                          <span className={standardItem}>\n                            <RadioButtonUncheckedIcon className={tooltipIcon} />{\" \"}\n                            {standard.name}\n                          </span>\n                        )}\n                      </p>\n                    ))}\n                  </>\n                }\n              >\n                <InfoIcon />\n              </Tooltip>\n            </IconButton>\n          </div>\n          <div className={containerStyle}>\n            <Typography className={largeTextStyle}>{completed}</Typography>\n            <Typography className={smallTextStyle}>/{total}</Typography>\n          </div>\n          <div>\n            <BorderLinearProgress\n              variant=\"determinate\"\n              value={(completed! / total!) * 100}\n            />\n          </div>\n        </>\n      ) : (\n        <div className={containerStyle}>\n          <Typography className={smallTextStyle}>\n            Unable to retrieve Scores\n          </Typography>\n        </div>\n      )}\n    </Card>\n  );\n}\n\nexport default ServiceStandardsCard;\n"],"names":[],"mappings":"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"}

package/dist/components/PagerDutyCardCommon/StatusCard.esm.js

@@ -1,5 +1,6 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Card, Typography } from '@material-ui/core';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import { useApi } from '@backstage/core-plugin-api';
 import { pagerDutyApiRef } from '../../api/client.esm.js';
@@ -85,17 +86,20 @@ function StatusCard({ serviceId, refreshStatus, account, compact }) {
   }, [refreshStatus, getStatus]);
   if (error) {
     if (error.message.includes("Forbidden")) {
-      return /* @__PURE__ */ React.createElement("p", null, "forbidden");
+      return /* @__PURE__ */ jsx("p", { children: "forbidden" });
     }
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Error encountered while fetching information. ", error.message);
+    return /* @__PURE__ */ jsxs(Alert, { severity: "error", children: [
+      "Error encountered while fetching information. ",
+      error.message
+    ] });
   }
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (!status) {
-    return /* @__PURE__ */ React.createElement("p", null, "not found");
+    return /* @__PURE__ */ jsx("p", { children: "not found" });
   }
-  return /* @__PURE__ */ React.createElement(Card, { className: cardStyle }, status !== void 0 ? /* @__PURE__ */ React.createElement(Typography, { className: largeTextStyle }, labelFromStatus(status)) : /* @__PURE__ */ React.createElement(Typography, { className: largeTextStyle }, "Unable to get status"));
+  return /* @__PURE__ */ jsx(Card, { className: cardStyle, children: status !== void 0 ? /* @__PURE__ */ jsx(Typography, { className: largeTextStyle, children: labelFromStatus(status) }) : /* @__PURE__ */ jsx(Typography, { className: largeTextStyle, children: "Unable to get status" }) });
 }
 
 export { StatusCard as default };

package/dist/components/PagerDutyCardCommon/StatusCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusCard.esm.js","sources":["../../../src/components/PagerDutyCardCommon/StatusCard.tsx"],"sourcesContent":["import { Card, Typography } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\nimport { Theme, makeStyles } from \"@material-ui/core/styles\";\nimport { BackstageTheme } from \"@backstage/theme\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { pagerDutyApiRef } from \"../../api\";\nimport { useAsyncFn } from \"react-use\";\nimport Alert from \"@material-ui/lab/Alert/Alert\";\nimport { Progress } from \"@backstage/core-components\";\n\ntype Props = {\n  serviceId: string;\n  refreshStatus: boolean;\n  account?: string;\n  compact?: boolean;\n};\n\nfunction labelFromStatus(status: string) {\n  let label;\n  switch (status) {\n    case \"active\":\n      label = \"OK\";\n      break;\n    case \"warning\":\n      label = \"ACTIVE\";\n      break;\n    case \"critical\":\n      label = \"ALARM\";\n      break;\n    case \"maintenance\":\n      label = \"MAINTENANCE\";\n      break;\n    case \"disabled\":\n      label = \"DISABLED\";\n      break;\n    default:\n      label = \"OK\";\n      break;\n  }\n\n  return label;\n}\n\nfunction colorFromStatus(theme: Theme, status: string) {\n  let color;\n  switch (status) {\n    case \"active\":\n      color = theme.palette.success.main;\n      break;\n    case \"warning\":\n      color = theme.palette.warningBackground;\n      break;\n    case \"critical\":\n      color = theme.palette.error.main;\n      break;\n    case \"maintenance\":\n      color = \"#ebdc00\";\n      break;\n    case \"disabled\":\n      color = \"#A9A9A9\";\n      break;\n    default:\n      color = theme.palette.success.main;\n      break;\n  }\n\n  return color;\n}\n\nfunction StatusCard({ serviceId, refreshStatus, account, compact}: Props) {\n  const api = useApi(pagerDutyApiRef);\n  const [{ value: status, loading, error }, getStatus] = useAsyncFn(\n    async () => {\n      const { service: foundService } = await api.getServiceById(serviceId, account);\n      return foundService.status;\n    }\n  );\n\n  const useStyles = makeStyles<BackstageTheme>((theme) => ({\n    cardStyle: {\n      height: compact !== true ? \"120px\" : \"80px\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      backgroundColor:\n        status !== undefined\n          ? colorFromStatus(theme, status)\n          : colorFromStatus(theme, \"active\"),\n      marginRight: \"10px\",\n    },\n    largeTextStyle: {\n      color: \"white\",\n      fontWeight: \"bold\",\n      fontSize: \"20px\",\n      wordWrap: \"break-word\",\n    },\n  }));\n\n  const { cardStyle, largeTextStyle } = useStyles();\n\n  useEffect(() => {\n    getStatus();\n  }, [refreshStatus, getStatus]);\n\n  if (error) {\n    if (error.message.includes(\"Forbidden\")) {\n      return <p>forbidden</p>;\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 (!status) {\n    return <p>not found</p>;\n  }\n\n  return (\n    <Card className={cardStyle}>\n      {status !== undefined ? (\n        <Typography className={largeTextStyle}>\n          {labelFromStatus(status)}\n        </Typography>\n      ) : (\n        <Typography className={largeTextStyle}>Unable to get status</Typography>\n      )}\n    </Card>\n  );\n}\n\nexport default StatusCard;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"StatusCard.esm.js","sources":["../../../src/components/PagerDutyCardCommon/StatusCard.tsx"],"sourcesContent":["import { Card, Typography } from \"@material-ui/core\";\nimport { useEffect } from \"react\";\nimport { Theme, makeStyles } from \"@material-ui/core/styles\";\nimport { BackstageTheme } from \"@backstage/theme\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { pagerDutyApiRef } from \"../../api\";\nimport { useAsyncFn } from \"react-use\";\nimport Alert from \"@material-ui/lab/Alert/Alert\";\nimport { Progress } from \"@backstage/core-components\";\n\ntype Props = {\n  serviceId: string;\n  refreshStatus: boolean;\n  account?: string;\n  compact?: boolean;\n};\n\nfunction labelFromStatus(status: string) {\n  let label;\n  switch (status) {\n    case \"active\":\n      label = \"OK\";\n      break;\n    case \"warning\":\n      label = \"ACTIVE\";\n      break;\n    case \"critical\":\n      label = \"ALARM\";\n      break;\n    case \"maintenance\":\n      label = \"MAINTENANCE\";\n      break;\n    case \"disabled\":\n      label = \"DISABLED\";\n      break;\n    default:\n      label = \"OK\";\n      break;\n  }\n\n  return label;\n}\n\nfunction colorFromStatus(theme: Theme, status: string) {\n  let color;\n  switch (status) {\n    case \"active\":\n      color = theme.palette.success.main;\n      break;\n    case \"warning\":\n      color = theme.palette.warningBackground;\n      break;\n    case \"critical\":\n      color = theme.palette.error.main;\n      break;\n    case \"maintenance\":\n      color = \"#ebdc00\";\n      break;\n    case \"disabled\":\n      color = \"#A9A9A9\";\n      break;\n    default:\n      color = theme.palette.success.main;\n      break;\n  }\n\n  return color;\n}\n\nfunction StatusCard({ serviceId, refreshStatus, account, compact}: Props) {\n  const api = useApi(pagerDutyApiRef);\n  const [{ value: status, loading, error }, getStatus] = useAsyncFn(\n    async () => {\n      const { service: foundService } = await api.getServiceById(serviceId, account);\n      return foundService.status;\n    }\n  );\n\n  const useStyles = makeStyles<BackstageTheme>((theme) => ({\n    cardStyle: {\n      height: compact !== true ? \"120px\" : \"80px\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      backgroundColor:\n        status !== undefined\n          ? colorFromStatus(theme, status)\n          : colorFromStatus(theme, \"active\"),\n      marginRight: \"10px\",\n    },\n    largeTextStyle: {\n      color: \"white\",\n      fontWeight: \"bold\",\n      fontSize: \"20px\",\n      wordWrap: \"break-word\",\n    },\n  }));\n\n  const { cardStyle, largeTextStyle } = useStyles();\n\n  useEffect(() => {\n    getStatus();\n  }, [refreshStatus, getStatus]);\n\n  if (error) {\n    if (error.message.includes(\"Forbidden\")) {\n      return <p>forbidden</p>;\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 (!status) {\n    return <p>not found</p>;\n  }\n\n  return (\n    <Card className={cardStyle}>\n      {status !== undefined ? (\n        <Typography className={largeTextStyle}>\n          {labelFromStatus(status)}\n        </Typography>\n      ) : (\n        <Typography className={largeTextStyle}>Unable to get status</Typography>\n      )}\n    </Card>\n  );\n}\n\nexport default StatusCard;\n"],"names":[],"mappings":"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"}

package/dist/components/PagerDutyCardCommon/TriggerIncidentButton.esm.js

@@ -1,4 +1,5 @@
-import React, { useState, useCallback } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
 import { makeStyles, IconButton } from '@material-ui/core';
 import { TriggerDialog } from '../TriggerDialog/TriggerDialog.esm.js';
 import AddAlert from '@material-ui/icons/AddAlert';
@@ -34,25 +35,31 @@ function TriggerIncidentButton({ integrationKey, entityName, compact, handleRefr
     setDialogShown(false);
   }, [setDialogShown]);
   const disabled = !integrationKey;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    IconButton,
-    {
-      "aria-label": "create-incident",
-      onClick: showDialog,
-      className: disabled ? "" : buttonStyle,
-      disabled
-    },
-    /* @__PURE__ */ React.createElement("div", { className: containerStyle }, /* @__PURE__ */ React.createElement(AddAlert, { className: iconStyle }), /* @__PURE__ */ React.createElement("p", { className: textStyle }, "Create new incident"))
-  ), integrationKey && /* @__PURE__ */ React.createElement(
-    TriggerDialog,
-    {
-      showDialog: dialogShown,
-      handleDialog: hideDialog,
-      integrationKey,
-      serviceName: entityName,
-      onIncidentCreated: handleRefresh
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        "aria-label": "create-incident",
+        onClick: showDialog,
+        className: disabled ? "" : buttonStyle,
+        disabled,
+        children: /* @__PURE__ */ jsxs("div", { className: containerStyle, children: [
+          /* @__PURE__ */ jsx(AddAlert, { className: iconStyle }),
+          /* @__PURE__ */ jsx("p", { className: textStyle, children: "Create new incident" })
+        ] })
+      }
+    ),
+    integrationKey && /* @__PURE__ */ jsx(
+      TriggerDialog,
+      {
+        showDialog: dialogShown,
+        handleDialog: hideDialog,
+        integrationKey,
+        serviceName: entityName,
+        onIncidentCreated: handleRefresh
+      }
+    )
+  ] });
 }
 
 export { TriggerIncidentButton };

package/dist/components/PagerDutyCardCommon/TriggerIncidentButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerIncidentButton.esm.js","sources":["../../../src/components/PagerDutyCardCommon/TriggerIncidentButton.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, useState } from \"react\";\nimport { makeStyles, IconButton } from \"@material-ui/core\";\nimport { BackstageTheme } from \"@backstage/theme\";\n\nimport { TriggerDialog } from \"../TriggerDialog\";\nimport AddAlert from \"@material-ui/icons/AddAlert\";\n\n/** @public */\nexport type TriggerIncidentButtonProps = {\n  integrationKey: string | undefined;\n  entityName: string;\n  compact?: boolean;\n  handleRefresh: () => void;\n}\n\n/** @public */\nexport function TriggerIncidentButton({ integrationKey, entityName, compact, handleRefresh } : TriggerIncidentButtonProps) {\n  const useStyles = makeStyles<BackstageTheme>((theme) => ({\n    buttonStyle: {\n      color: theme.palette.text.primary,\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n        textDecoration: \"underline\",\n      },\n    },\n    containerStyle: {\n      fontSize: compact !== true ? \"12px\" : \"10px\",\n      width: compact !== true ? \"80px\" : \"60px\",\n      marginRight: \"-10px\",\n    },\n    iconStyle: {\n      fontSize: \"30px\",\n      marginBottom: \"-10px\",\n    },\n    textStyle: {\n      marginBottom: \"-10px\",\n    },\n  }));\n\n  const { buttonStyle, containerStyle, iconStyle, textStyle } = useStyles();\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  \n  return (\n    <>\n      <IconButton\n        aria-label=\"create-incident\"\n        onClick={showDialog}\n        className={disabled ? \"\" : buttonStyle}\n        disabled={disabled}\n      >\n        <div className={containerStyle}>\n          <AddAlert className={iconStyle} />\n          <p className={textStyle}>Create new incident</p>\n        </div>\n      </IconButton>\n      {integrationKey && (\n        <TriggerDialog\n          showDialog={dialogShown}\n          handleDialog={hideDialog}\n          integrationKey={integrationKey}\n          serviceName={entityName}\n          onIncidentCreated={handleRefresh}\n        />\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;AAiCO,SAAS,sBAAsB,EAAE,cAAA,EAAgB,UAAY,EAAA,OAAA,EAAS,eAA8C,EAAA;AACzH,EAAM,MAAA,SAAA,GAAY,UAA2B,CAAA,CAAC,KAAW,MAAA;AAAA,IACvD,WAAa,EAAA;AAAA,MACX,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,MAC1B,SAAW,EAAA;AAAA,QACT,eAAiB,EAAA,aAAA;AAAA,QACjB,cAAgB,EAAA,WAAA;AAAA,OAClB;AAAA,KACF;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAA,EAAU,OAAY,KAAA,IAAA,GAAO,MAAS,GAAA,MAAA;AAAA,MACtC,KAAA,EAAO,OAAY,KAAA,IAAA,GAAO,MAAS,GAAA,MAAA;AAAA,MACnC,WAAa,EAAA,OAAA;AAAA,KACf;AAAA,IACA,SAAW,EAAA;AAAA,MACT,QAAU,EAAA,MAAA;AAAA,MACV,YAAc,EAAA,OAAA;AAAA,KAChB;AAAA,IACA,SAAW,EAAA;AAAA,MACT,YAAc,EAAA,OAAA;AAAA,KAChB;AAAA,GACA,CAAA,CAAA,CAAA;AAEF,EAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAgB,SAAW,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AACxE,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;AAElB,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,iBAAA;AAAA,MACX,OAAS,EAAA,UAAA;AAAA,MACT,SAAA,EAAW,WAAW,EAAK,GAAA,WAAA;AAAA,MAC3B,QAAA;AAAA,KAAA;AAAA,oBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,cAAA,EAAA,sCACb,QAAS,EAAA,EAAA,SAAA,EAAW,SAAW,EAAA,CAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAW,EAAA,SAAA,EAAA,EAAW,qBAAmB,CAC9C,CAAA;AAAA,KAED,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,UAAA;AAAA,MACb,iBAAmB,EAAA,aAAA;AAAA,KAAA;AAAA,GAGzB,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TriggerIncidentButton.esm.js","sources":["../../../src/components/PagerDutyCardCommon/TriggerIncidentButton.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 { useCallback, useState } from \"react\";\nimport { makeStyles, IconButton } from \"@material-ui/core\";\nimport { BackstageTheme } from \"@backstage/theme\";\n\nimport { TriggerDialog } from \"../TriggerDialog\";\nimport AddAlert from \"@material-ui/icons/AddAlert\";\n\n/** @public */\nexport type TriggerIncidentButtonProps = {\n  integrationKey: string | undefined;\n  entityName: string;\n  compact?: boolean;\n  handleRefresh: () => void;\n}\n\n/** @public */\nexport function TriggerIncidentButton({ integrationKey, entityName, compact, handleRefresh } : TriggerIncidentButtonProps) {\n  const useStyles = makeStyles<BackstageTheme>((theme) => ({\n    buttonStyle: {\n      color: theme.palette.text.primary,\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n        textDecoration: \"underline\",\n      },\n    },\n    containerStyle: {\n      fontSize: compact !== true ? \"12px\" : \"10px\",\n      width: compact !== true ? \"80px\" : \"60px\",\n      marginRight: \"-10px\",\n    },\n    iconStyle: {\n      fontSize: \"30px\",\n      marginBottom: \"-10px\",\n    },\n    textStyle: {\n      marginBottom: \"-10px\",\n    },\n  }));\n\n  const { buttonStyle, containerStyle, iconStyle, textStyle } = useStyles();\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  \n  return (\n    <>\n      <IconButton\n        aria-label=\"create-incident\"\n        onClick={showDialog}\n        className={disabled ? \"\" : buttonStyle}\n        disabled={disabled}\n      >\n        <div className={containerStyle}>\n          <AddAlert className={iconStyle} />\n          <p className={textStyle}>Create new incident</p>\n        </div>\n      </IconButton>\n      {integrationKey && (\n        <TriggerDialog\n          showDialog={dialogShown}\n          handleDialog={hideDialog}\n          integrationKey={integrationKey}\n          serviceName={entityName}\n          onIncidentCreated={handleRefresh}\n        />\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAiCO,SAAS,sBAAsB,EAAE,cAAA,EAAgB,UAAA,EAAY,OAAA,EAAS,eAAc,EAAgC;AACzH,EAAA,MAAM,SAAA,GAAY,UAAA,CAA2B,CAAC,KAAA,MAAW;AAAA,IACvD,WAAA,EAAa;AAAA,MACX,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,OAAA;AAAA,MAC1B,SAAA,EAAW;AAAA,QACT,eAAA,EAAiB,aAAA;AAAA,QACjB,cAAA,EAAgB;AAAA;AAClB,KACF;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,QAAA,EAAU,OAAA,KAAY,IAAA,GAAO,MAAA,GAAS,MAAA;AAAA,MACtC,KAAA,EAAO,OAAA,KAAY,IAAA,GAAO,MAAA,GAAS,MAAA;AAAA,MACnC,WAAA,EAAa;AAAA,KACf;AAAA,IACA,SAAA,EAAW;AAAA,MACT,QAAA,EAAU,MAAA;AAAA,MACV,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,SAAA,EAAW;AAAA,MACT,YAAA,EAAc;AAAA;AAChB,GACF,CAAE,CAAA;AAEF,EAAA,MAAM,EAAE,WAAA,EAAa,cAAA,EAAgB,SAAA,EAAW,SAAA,KAAc,SAAA,EAAU;AACxE,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,KAAK,CAAA;AAE7D,EAAA,MAAM,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,cAAA,CAAe,IAAI,CAAA;AAAA,EACrB,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AACnB,EAAA,MAAM,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,cAAA,CAAe,KAAK,CAAA;AAAA,EACtB,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,MAAM,WAAW,CAAC,cAAA;AAElB,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,iBAAA;AAAA,QACX,OAAA,EAAS,UAAA;AAAA,QACT,SAAA,EAAW,WAAW,EAAA,GAAK,WAAA;AAAA,QAC3B,QAAA;AAAA,QAEA,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,cAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAW,SAAA,EAAW,CAAA;AAAA,0BAChC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,SAAA,EAAW,QAAA,EAAA,qBAAA,EAAmB;AAAA,SAAA,EAC9C;AAAA;AAAA,KACF;AAAA,IACC,cAAA,oBACC,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAY,WAAA;AAAA,QACZ,YAAA,EAAc,UAAA;AAAA,QACd,cAAA;AAAA,QACA,WAAA,EAAa,UAAA;AAAA,QACb,iBAAA,EAAmB;AAAA;AAAA;AACrB,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,7 @@
-import React, { useState, useEffect, useMemo } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo } from 'react';
 import { useMaterialReactTable, MRT_EditActionButtons, MaterialReactTable } from 'material-react-table';
-import { Typography, Box, DialogTitle, DialogContent, DialogActions, Tooltip, IconButton } from '@material-ui/core';
+import { Typography, Box, Tooltip, IconButton, DialogTitle, DialogContent, DialogActions } from '@material-ui/core';
 import { QueryClient, QueryClientProvider, useMutation } from '@tanstack/react-query';
 import { Edit, OpenInBrowser } from '@mui/icons-material';
 import { useApi } from '@backstage/core-plugin-api';
@@ -52,7 +53,7 @@ const MappingTable = ({
           visibleInShowHideMenu: false,
           enableEditing: false,
           Edit: () => null,
-          Cell: ({ cell }) => /* @__PURE__ */ React.createElement(Typography, { variant: "body1", style: { fontWeight: 600 } }, cell.getValue())
+          Cell: ({ cell }) => /* @__PURE__ */ jsx(Typography, { variant: "body1", style: { fontWeight: 600 }, children: cell.getValue() })
         },
         {
           id: "integrationKey",
@@ -115,16 +116,16 @@ const MappingTable = ({
           header: "Status",
           enableEditing: false,
           Edit: () => null,
-          Cell: ({ cell }) => /* @__PURE__ */ React.createElement(
+          Cell: ({ cell }) => /* @__PURE__ */ jsx(
             Box,
             {
               component: "span",
               bgcolor: getColorFromStatus(cell.getValue()),
               borderRadius: "0.25rem",
               color: "white",
-              p: "0.25rem"
-            },
-            makeReadable(cell.getValue())
+              p: "0.25rem",
+              children: makeReadable(cell.getValue())
+            }
           )
         },
         {
@@ -190,29 +191,36 @@ const MappingTable = ({
       },
       onEditingRowCancel: () => setValidationErrors({}),
       onEditingRowSave: handleSaveMapping,
-      renderEditRowDialogContent: ({ table, row, internalEditComponents }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DialogTitle, null, "Update Entity Mapping"), /* @__PURE__ */ React.createElement(
-        DialogContent,
-        {
-          style: { display: "flex", flexDirection: "column", gap: "1rem" }
-        },
-        internalEditComponents
-      ), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(MRT_EditActionButtons, { variant: "text", table, row }))),
-      renderRowActions: ({ row, table }) => /* @__PURE__ */ React.createElement(Box, { sx: { display: "flex" } }, /* @__PURE__ */ React.createElement(Tooltip, { title: "Edit" }, /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          onClick: () => {
-            getEntityOptions();
-            table.setEditingRow(row);
+      renderEditRowDialogContent: ({ table, row, internalEditComponents }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Update Entity Mapping" }),
+        /* @__PURE__ */ jsx(
+          DialogContent,
+          {
+            style: { display: "flex", flexDirection: "column", gap: "1rem" },
+            children: internalEditComponents
           }
-        },
-        /* @__PURE__ */ React.createElement(Edit, null)
-      )), /* @__PURE__ */ React.createElement(Tooltip, { title: "Open in PagerDuty" }, /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          onClick: () => openInBrowser(row.getValue("serviceUrl"))
-        },
-        /* @__PURE__ */ React.createElement(OpenInBrowser, null)
-      ))),
+        ),
+        /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(MRT_EditActionButtons, { variant: "text", table, row }) })
+      ] }),
+      renderRowActions: ({ row, table }) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex" }, children: [
+        /* @__PURE__ */ jsx(Tooltip, { title: "Edit", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: () => {
+              getEntityOptions();
+              table.setEditingRow(row);
+            },
+            children: /* @__PURE__ */ jsx(Edit, {})
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tooltip, { title: "Open in PagerDuty", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: () => openInBrowser(row.getValue("serviceUrl")),
+            children: /* @__PURE__ */ jsx(OpenInBrowser, {})
+          }
+        ) })
+      ] }),
       state: {
         isLoading: mappings.length === 0 || catalogEntities.length === 0,
         isSaving: isUpdatingMapping,
@@ -253,10 +261,10 @@ const MappingTable = ({
       });
       setEntityOptions(options);
     }
-    return /* @__PURE__ */ React.createElement(MaterialReactTable, { table: dataTable });
+    return /* @__PURE__ */ jsx(MaterialReactTable, { table: dataTable });
   };
   const queryClient = new QueryClient();
-  return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React.createElement(DenseTable, null));
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(DenseTable, {}) });
 };
 
 export { MappingTable };

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

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

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

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { pagerDutyApiRef } from '../../api/client.esm.js';
 import { catalogApiRef } from '@backstage/plugin-catalog-react';
@@ -42,7 +43,7 @@ const ServiceMappingComponent = () => {
     fetchMappings();
     fetchCatalogEntities();
   }, [catalogApi, pagerDutyApi]);
-  return /* @__PURE__ */ React.createElement(MappingTable, { mappings: entityMappings, catalogEntities });
+  return /* @__PURE__ */ jsx(MappingTable, { mappings: entityMappings, catalogEntities });
 };
 
 export { ServiceMappingComponent };

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

@@ -1 +1 @@
-{"version":3,"file":"ServiceMappingComponent.esm.js","sources":["../../../src/components/PagerDutyPage/ServiceMappingComponent.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { PagerDutyEntityMapping } from \"@pagerduty/backstage-plugin-common\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { pagerDutyApiRef } from \"../../api\";\nimport { catalogApiRef } from \"@backstage/plugin-catalog-react\";\nimport { MappingTable } from \"./MappingTable\";\nimport { BackstageEntity, Annotations } from \"../types\";\n\nexport const ServiceMappingComponent = () => {\n  const [entityMappings, setEntityMappings] = useState<\n    PagerDutyEntityMapping[]\n  >([]);\n  const [catalogEntities, setCatalogEntities] = useState<BackstageEntity[]>([]);\n\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  // call fetchMappings() and fetchCatalogEntities() on useEffect hook\n  useEffect(() => {\n    function fetchMappings() {\n      pagerDutyApi.getEntityMappings().then((result) => {\n        setEntityMappings(result.mappings);\n      });\n    }\n\n    function fetchCatalogEntities() {\n      catalogApi\n        .getEntities({\n          filter: { kind: \"Component\" },\n        })\n        .then((result) => {\n          const entities: BackstageEntity[] = [];\n          result.items.forEach((entity) => {\n            const annotations: Annotations = {\n              \"pagerduty.com/integration-key\":\n                entity.metadata?.annotations?.[\n                  \"pagerduty.com/integration-key\"\n                ] ?? \"\",\n              \"pagerduty.com/service-id\":\n                entity.metadata?.annotations?.[\"pagerduty.com/service-id\"] ??\n                \"\",\n            };\n\n            entities.push({\n              name: entity.metadata?.name,\n              id: entity.metadata?.uid ?? \"\",\n              namespace: entity.metadata?.namespace ?? \"\",\n              type: entity.kind ?? \"\",\n              system: entity.spec?.system\n                ? JSON.stringify(entity.spec?.system)\n                : \"\",\n              owner: entity.spec?.owner\n                ? JSON.stringify(entity.spec?.owner)\n                : \"\",\n              lifecycle: entity.spec?.lifecycle\n                ? JSON.stringify(entity.spec?.lifecycle)\n                : \"\",\n              annotations: annotations,\n            });\n          });\n\n          setCatalogEntities(entities);\n        });\n    }\n\n    fetchMappings();\n    fetchCatalogEntities();\n  }, [catalogApi, pagerDutyApi]);\n\n  return (\n    <MappingTable mappings={entityMappings} catalogEntities={catalogEntities} />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAA,QAAA,CAE1C,EAAE,CAAA,CAAA;AACJ,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA,CAA4B,EAAE,CAAA,CAAA;AAE5E,EAAM,MAAA,YAAA,GAAe,OAAO,eAAe,CAAA,CAAA;AAC3C,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA,CAAA;AAGvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,aAAgB,GAAA;AACvB,MAAA,YAAA,CAAa,iBAAkB,EAAA,CAAE,IAAK,CAAA,CAAC,MAAW,KAAA;AAChD,QAAA,iBAAA,CAAkB,OAAO,QAAQ,CAAA,CAAA;AAAA,OAClC,CAAA,CAAA;AAAA,KACH;AAEA,IAAA,SAAS,oBAAuB,GAAA;AAC9B,MAAA,UAAA,CACG,WAAY,CAAA;AAAA,QACX,MAAA,EAAQ,EAAE,IAAA,EAAM,WAAY,EAAA;AAAA,OAC7B,CAAA,CACA,IAAK,CAAA,CAAC,MAAW,KAAA;AAChB,QAAA,MAAM,WAA8B,EAAC,CAAA;AACrC,QAAO,MAAA,CAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,MAAW,KAAA;AAC/B,UAAA,MAAM,WAA2B,GAAA;AAAA,YAC/B,+BACE,EAAA,MAAA,CAAO,QAAU,EAAA,WAAA,GACf,+BACF,CAAK,IAAA,EAAA;AAAA,YACP,0BACE,EAAA,MAAA,CAAO,QAAU,EAAA,WAAA,GAAc,0BAA0B,CACzD,IAAA,EAAA;AAAA,WACJ,CAAA;AAEA,UAAA,QAAA,CAAS,IAAK,CAAA;AAAA,YACZ,IAAA,EAAM,OAAO,QAAU,EAAA,IAAA;AAAA,YACvB,EAAA,EAAI,MAAO,CAAA,QAAA,EAAU,GAAO,IAAA,EAAA;AAAA,YAC5B,SAAA,EAAW,MAAO,CAAA,QAAA,EAAU,SAAa,IAAA,EAAA;AAAA,YACzC,IAAA,EAAM,OAAO,IAAQ,IAAA,EAAA;AAAA,YACrB,MAAA,EAAQ,OAAO,IAAM,EAAA,MAAA,GACjB,KAAK,SAAU,CAAA,MAAA,CAAO,IAAM,EAAA,MAAM,CAClC,GAAA,EAAA;AAAA,YACJ,KAAA,EAAO,OAAO,IAAM,EAAA,KAAA,GAChB,KAAK,SAAU,CAAA,MAAA,CAAO,IAAM,EAAA,KAAK,CACjC,GAAA,EAAA;AAAA,YACJ,SAAA,EAAW,OAAO,IAAM,EAAA,SAAA,GACpB,KAAK,SAAU,CAAA,MAAA,CAAO,IAAM,EAAA,SAAS,CACrC,GAAA,EAAA;AAAA,YACJ,WAAA;AAAA,WACD,CAAA,CAAA;AAAA,SACF,CAAA,CAAA;AAED,QAAA,kBAAA,CAAmB,QAAQ,CAAA,CAAA;AAAA,OAC5B,CAAA,CAAA;AAAA,KACL;AAEA,IAAc,aAAA,EAAA,CAAA;AACd,IAAqB,oBAAA,EAAA,CAAA;AAAA,GACpB,EAAA,CAAC,UAAY,EAAA,YAAY,CAAC,CAAA,CAAA;AAE7B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,QAAU,EAAA,cAAA,EAAgB,eAAkC,EAAA,CAAA,CAAA;AAE9E;;;;"}
+{"version":3,"file":"ServiceMappingComponent.esm.js","sources":["../../../src/components/PagerDutyPage/ServiceMappingComponent.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { PagerDutyEntityMapping } from \"common\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { pagerDutyApiRef } from \"../../api\";\nimport { catalogApiRef } from \"@backstage/plugin-catalog-react\";\nimport { MappingTable } from \"./MappingTable\";\nimport { BackstageEntity, Annotations } from \"../types\";\n\nexport const ServiceMappingComponent = () => {\n  const [entityMappings, setEntityMappings] = useState<\n    PagerDutyEntityMapping[]\n  >([]);\n  const [catalogEntities, setCatalogEntities] = useState<BackstageEntity[]>([]);\n\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  // call fetchMappings() and fetchCatalogEntities() on useEffect hook\n  useEffect(() => {\n    function fetchMappings() {\n      pagerDutyApi.getEntityMappings().then((result) => {\n        setEntityMappings(result.mappings);\n      });\n    }\n\n    function fetchCatalogEntities() {\n      catalogApi\n        .getEntities({\n          filter: { kind: \"Component\" },\n        })\n        .then((result) => {\n          const entities: BackstageEntity[] = [];\n          result.items.forEach((entity) => {\n            const annotations: Annotations = {\n              \"pagerduty.com/integration-key\":\n                entity.metadata?.annotations?.[\n                  \"pagerduty.com/integration-key\"\n                ] ?? \"\",\n              \"pagerduty.com/service-id\":\n                entity.metadata?.annotations?.[\"pagerduty.com/service-id\"] ??\n                \"\",\n            };\n\n            entities.push({\n              name: entity.metadata?.name,\n              id: entity.metadata?.uid ?? \"\",\n              namespace: entity.metadata?.namespace ?? \"\",\n              type: entity.kind ?? \"\",\n              system: entity.spec?.system\n                ? JSON.stringify(entity.spec?.system)\n                : \"\",\n              owner: entity.spec?.owner\n                ? JSON.stringify(entity.spec?.owner)\n                : \"\",\n              lifecycle: entity.spec?.lifecycle\n                ? JSON.stringify(entity.spec?.lifecycle)\n                : \"\",\n              annotations: annotations,\n            });\n          });\n\n          setCatalogEntities(entities);\n        });\n    }\n\n    fetchMappings();\n    fetchCatalogEntities();\n  }, [catalogApi, pagerDutyApi]);\n\n  return (\n    <MappingTable mappings={entityMappings} catalogEntities={catalogEntities} />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,QAAA,CAE1C,EAAE,CAAA;AACJ,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAA,CAA4B,EAAE,CAAA;AAE5E,EAAA,MAAM,YAAA,GAAe,OAAO,eAAe,CAAA;AAC3C,EAAA,MAAM,UAAA,GAAa,OAAO,aAAa,CAAA;AAGvC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,aAAA,GAAgB;AACvB,MAAA,YAAA,CAAa,iBAAA,EAAkB,CAAE,IAAA,CAAK,CAAC,MAAA,KAAW;AAChD,QAAA,iBAAA,CAAkB,OAAO,QAAQ,CAAA;AAAA,MACnC,CAAC,CAAA;AAAA,IACH;AAEA,IAAA,SAAS,oBAAA,GAAuB;AAC9B,MAAA,UAAA,CACG,WAAA,CAAY;AAAA,QACX,MAAA,EAAQ,EAAE,IAAA,EAAM,WAAA;AAAY,OAC7B,CAAA,CACA,IAAA,CAAK,CAAC,MAAA,KAAW;AAChB,QAAA,MAAM,WAA8B,EAAC;AACrC,QAAA,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,CAAC,MAAA,KAAW;AAC/B,UAAA,MAAM,WAAA,GAA2B;AAAA,YAC/B,+BAAA,EACE,MAAA,CAAO,QAAA,EAAU,WAAA,GACf,+BACF,CAAA,IAAK,EAAA;AAAA,YACP,0BAAA,EACE,MAAA,CAAO,QAAA,EAAU,WAAA,GAAc,0BAA0B,CAAA,IACzD;AAAA,WACJ;AAEA,UAAA,QAAA,CAAS,IAAA,CAAK;AAAA,YACZ,IAAA,EAAM,OAAO,QAAA,EAAU,IAAA;AAAA,YACvB,EAAA,EAAI,MAAA,CAAO,QAAA,EAAU,GAAA,IAAO,EAAA;AAAA,YAC5B,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU,SAAA,IAAa,EAAA;AAAA,YACzC,IAAA,EAAM,OAAO,IAAA,IAAQ,EAAA;AAAA,YACrB,MAAA,EAAQ,OAAO,IAAA,EAAM,MAAA,GACjB,KAAK,SAAA,CAAU,MAAA,CAAO,IAAA,EAAM,MAAM,CAAA,GAClC,EAAA;AAAA,YACJ,KAAA,EAAO,OAAO,IAAA,EAAM,KAAA,GAChB,KAAK,SAAA,CAAU,MAAA,CAAO,IAAA,EAAM,KAAK,CAAA,GACjC,EAAA;AAAA,YACJ,SAAA,EAAW,OAAO,IAAA,EAAM,SAAA,GACpB,KAAK,SAAA,CAAU,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA,GACrC,EAAA;AAAA,YACJ;AAAA,WACD,CAAA;AAAA,QACH,CAAC,CAAA;AAED,QAAA,kBAAA,CAAmB,QAAQ,CAAA;AAAA,MAC7B,CAAC,CAAA;AAAA,IACL;AAEA,IAAA,aAAA,EAAc;AACd,IAAA,oBAAA,EAAqB;AAAA,EACvB,CAAA,EAAG,CAAC,UAAA,EAAY,YAAY,CAAC,CAAA;AAE7B,EAAA,uBACE,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAU,cAAA,EAAgB,eAAA,EAAkC,CAAA;AAE9E;;;;"}