@backstage-community/plugin-ilert 0.3.0 → 0.3.2

package/dist/components/ILertCard/ILertCardActionsHeader.esm.js

@@ -0,0 +1,138 @@
+import Button from '@material-ui/core/Button';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import Typography from '@material-ui/core/Typography';
+import AlarmAddIcon from '@material-ui/icons/AlarmAdd';
+import BuildIcon from '@material-ui/icons/Build';
+import PauseIcon from '@material-ui/icons/Pause';
+import PlayArrowIcon from '@material-ui/icons/PlayArrow';
+import WebIcon from '@material-ui/icons/Web';
+import Alert from '@material-ui/lab/Alert';
+import React from 'react';
+import { ilertApiRef } from '../../api/client.esm.js';
+import { HeaderIconLinkRow } from '@backstage/core-components';
+import { useApi, alertApiRef } from '@backstage/core-plugin-api';
+
+const ILertCardActionsHeader = ({
+  alertSource,
+  setAlertSource,
+  setIsNewAlertModalOpened,
+  setIsMaintenanceModalOpened
+}) => {
+  const ilertApi = useApi(ilertApiRef);
+  const alertApi = useApi(alertApiRef);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [isDisableModalOpened, setIsDisableModalOpened] = React.useState(false);
+  const handleCreateNewAlert = () => {
+    setIsNewAlertModalOpened(true);
+  };
+  const handleEnableAlertSource = async () => {
+    try {
+      if (!alertSource) {
+        return;
+      }
+      setIsLoading(true);
+      const newAlertSource = await ilertApi.enableAlertSource(alertSource);
+      alertApi.post({ message: "Alert source enabled." });
+      setIsLoading(false);
+      setAlertSource(newAlertSource);
+    } catch (err) {
+      setIsLoading(false);
+      alertApi.post({ message: err, severity: "error" });
+    }
+  };
+  const handleDisableAlertSource = async () => {
+    try {
+      if (!alertSource) {
+        return;
+      }
+      setIsDisableModalOpened(false);
+      setIsLoading(true);
+      const newAlertSource = await ilertApi.disableAlertSource(alertSource);
+      alertApi.post({ message: "Alert source disabled." });
+      setIsLoading(false);
+      setAlertSource(newAlertSource);
+    } catch (err) {
+      setIsLoading(false);
+      alertApi.post({ message: err, severity: "error" });
+    }
+  };
+  const handleDisableAlertSourceWarningOpen = () => {
+    setIsDisableModalOpened(true);
+  };
+  const handleDisableAlertSourceWarningClose = () => {
+    setIsDisableModalOpened(false);
+  };
+  const handleMaintenanceAlertSource = () => {
+    setIsMaintenanceModalOpened(true);
+  };
+  const alertSourceLink = {
+    label: "Alert Source",
+    href: ilertApi.getAlertSourceDetailsURL(alertSource),
+    icon: /* @__PURE__ */ React.createElement(WebIcon, null)
+  };
+  const createAlertLink = {
+    label: "Create Alert",
+    onClick: handleCreateNewAlert,
+    icon: /* @__PURE__ */ React.createElement(AlarmAddIcon, null),
+    color: "secondary",
+    disabled: !alertSource || alertSource.status === "DISABLED" || alertSource.status === "IN_MAINTENANCE"
+  };
+  const enableAlertSourceLink = {
+    label: "Enable",
+    onClick: handleEnableAlertSource,
+    icon: /* @__PURE__ */ React.createElement(PlayArrowIcon, null),
+    disabled: !alertSource || isLoading
+  };
+  const disableAlertSourceLink = {
+    label: "Disable",
+    onClick: handleDisableAlertSourceWarningOpen,
+    icon: /* @__PURE__ */ React.createElement(PauseIcon, null),
+    disabled: !alertSource || isLoading
+  };
+  const maintenanceAlertSourceLink = {
+    label: "Immediate maintenance",
+    onClick: handleMaintenanceAlertSource,
+    icon: /* @__PURE__ */ React.createElement(BuildIcon, null),
+    disabled: !alertSource || isLoading
+  };
+  const links = [
+    alertSourceLink,
+    createAlertLink,
+    alertSource && alertSource.active ? disableAlertSourceLink : enableAlertSourceLink
+  ];
+  if (alertSource && alertSource.status !== "IN_MAINTENANCE") {
+    links.push(maintenanceAlertSourceLink);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(HeaderIconLinkRow, { links }), /* @__PURE__ */ React.createElement(
+    Dialog,
+    {
+      open: isDisableModalOpened,
+      onClose: handleDisableAlertSourceWarningClose,
+      "aria-labelledby": "alert-source-disable-form-title"
+    },
+    /* @__PURE__ */ React.createElement(DialogTitle, { id: "alert-source-disable-form-title" }, "Disable alert source"),
+    /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(Alert, { severity: "info" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", align: "justify" }, "Do you really want to disable this alert source? A disabled alert source cannot create new alerts."))),
+    /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        onClick: handleDisableAlertSource,
+        color: "secondary",
+        variant: "contained"
+      },
+      "Disable"
+    ), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        onClick: handleDisableAlertSourceWarningClose,
+        color: "primary"
+      },
+      "Cancel"
+    ))
+  ));
+};
+
+export { ILertCardActionsHeader };
+//# sourceMappingURL=ILertCardActionsHeader.esm.js.map

package/dist/components/ILertCard/ILertCardActionsHeader.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ILertCardActionsHeader.esm.js","sources":["../../../src/components/ILertCard/ILertCardActionsHeader.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 */\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Typography from '@material-ui/core/Typography';\nimport AlarmAddIcon from '@material-ui/icons/AlarmAdd';\nimport BuildIcon from '@material-ui/icons/Build';\nimport PauseIcon from '@material-ui/icons/Pause';\nimport PlayArrowIcon from '@material-ui/icons/PlayArrow';\nimport WebIcon from '@material-ui/icons/Web';\nimport Alert from '@material-ui/lab/Alert';\nimport React from 'react';\nimport { ilertApiRef } from '../../api';\nimport { AlertSource } from '../../types';\n\nimport {\n  HeaderIconLinkRow,\n  IconLinkVerticalProps,\n} from '@backstage/core-components';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport const ILertCardActionsHeader = ({\n  alertSource,\n  setAlertSource,\n  setIsNewAlertModalOpened,\n  setIsMaintenanceModalOpened,\n}: {\n  alertSource: AlertSource | null;\n  setAlertSource: (alertSource: AlertSource) => void;\n  setIsNewAlertModalOpened: (isOpen: boolean) => void;\n  setIsMaintenanceModalOpened: (isOpen: boolean) => void;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [isDisableModalOpened, setIsDisableModalOpened] = React.useState(false);\n\n  const handleCreateNewAlert = () => {\n    setIsNewAlertModalOpened(true);\n  };\n\n  const handleEnableAlertSource = async () => {\n    try {\n      if (!alertSource) {\n        return;\n      }\n      setIsLoading(true);\n      const newAlertSource = await ilertApi.enableAlertSource(alertSource);\n      alertApi.post({ message: 'Alert source enabled.' });\n      setIsLoading(false);\n      setAlertSource(newAlertSource);\n    } catch (err) {\n      setIsLoading(false);\n      alertApi.post({ message: err, severity: 'error' });\n    }\n  };\n  const handleDisableAlertSource = async () => {\n    try {\n      if (!alertSource) {\n        return;\n      }\n      setIsDisableModalOpened(false);\n      setIsLoading(true);\n      const newAlertSource = await ilertApi.disableAlertSource(alertSource);\n      alertApi.post({ message: 'Alert source disabled.' });\n      setIsLoading(false);\n      setAlertSource(newAlertSource);\n    } catch (err) {\n      setIsLoading(false);\n      alertApi.post({ message: err, severity: 'error' });\n    }\n  };\n\n  const handleDisableAlertSourceWarningOpen = () => {\n    setIsDisableModalOpened(true);\n  };\n\n  const handleDisableAlertSourceWarningClose = () => {\n    setIsDisableModalOpened(false);\n  };\n\n  const handleMaintenanceAlertSource = () => {\n    setIsMaintenanceModalOpened(true);\n  };\n\n  const alertSourceLink: IconLinkVerticalProps = {\n    label: 'Alert Source',\n    href: ilertApi.getAlertSourceDetailsURL(alertSource),\n    icon: <WebIcon />,\n  };\n\n  const createAlertLink: IconLinkVerticalProps = {\n    label: 'Create Alert',\n    onClick: handleCreateNewAlert,\n    icon: <AlarmAddIcon />,\n    color: 'secondary',\n    disabled:\n      !alertSource ||\n      alertSource.status === 'DISABLED' ||\n      alertSource.status === 'IN_MAINTENANCE',\n  };\n\n  const enableAlertSourceLink: IconLinkVerticalProps = {\n    label: 'Enable',\n    onClick: handleEnableAlertSource,\n    icon: <PlayArrowIcon />,\n    disabled: !alertSource || isLoading,\n  };\n\n  const disableAlertSourceLink: IconLinkVerticalProps = {\n    label: 'Disable',\n    onClick: handleDisableAlertSourceWarningOpen,\n    icon: <PauseIcon />,\n    disabled: !alertSource || isLoading,\n  };\n\n  const maintenanceAlertSourceLink: IconLinkVerticalProps = {\n    label: 'Immediate maintenance',\n    onClick: handleMaintenanceAlertSource,\n    icon: <BuildIcon />,\n    disabled: !alertSource || isLoading,\n  };\n\n  const links: IconLinkVerticalProps[] = [\n    alertSourceLink,\n    createAlertLink,\n    alertSource && alertSource.active\n      ? disableAlertSourceLink\n      : enableAlertSourceLink,\n  ];\n\n  if (alertSource && alertSource.status !== 'IN_MAINTENANCE') {\n    links.push(maintenanceAlertSourceLink);\n  }\n\n  return (\n    <>\n      <HeaderIconLinkRow links={links} />\n      <Dialog\n        open={isDisableModalOpened}\n        onClose={handleDisableAlertSourceWarningClose}\n        aria-labelledby=\"alert-source-disable-form-title\"\n      >\n        <DialogTitle id=\"alert-source-disable-form-title\">\n          Disable alert source\n        </DialogTitle>\n        <DialogContent>\n          <Alert severity=\"info\">\n            <Typography variant=\"body1\" align=\"justify\">\n              Do you really want to disable this alert source? A disabled alert\n              source cannot create new alerts.\n            </Typography>\n          </Alert>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            onClick={handleDisableAlertSource}\n            color=\"secondary\"\n            variant=\"contained\"\n          >\n            Disable\n          </Button>\n          <Button\n            onClick={handleDisableAlertSourceWarningClose}\n            color=\"primary\"\n          >\n            Cancel\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ILertCard/ILertCardEmptyState.esm.js

@@ -0,0 +1,57 @@
+import Card from '@material-ui/core/Card';
+import CardContent from '@material-ui/core/CardContent';
+import CardHeader from '@material-ui/core/CardHeader';
+import Button from '@material-ui/core/Button';
+import Divider from '@material-ui/core/Divider';
+import Typography from '@material-ui/core/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+import React from 'react';
+import { CodeSnippet } from '@backstage/core-components';
+
+const ENTITY_YAML = `apiVersion: backstage.io/v1alpha1
+kind: Component
+metadata:
+  name: example
+  description: example.com
+  annotations:
+    ilert.com/integration-key: [INTEGRATION_KEY]
+spec:
+  type: website
+  lifecycle: production
+  owner: guest`;
+const useStyles = makeStyles((theme) => ({
+  code: {
+    borderRadius: 6,
+    margin: theme.spacing(2, 0),
+    background: theme.palette.type === "dark" ? "#444" : theme.palette.common.white
+  },
+  header: {
+    display: "inline-block",
+    padding: theme.spacing(2, 2, 2, 2.5)
+  }
+}));
+const ILertCardEmptyState = () => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(Card, { "data-testid": "ilert-empty-card" }, /* @__PURE__ */ React.createElement(CardHeader, { title: "iLert", className: classes.header }), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, "No integration key defined for this entity. You can add integration key to your entity YAML as shown in the highlighted example below:"), /* @__PURE__ */ React.createElement("div", { className: classes.code }, /* @__PURE__ */ React.createElement(
+    CodeSnippet,
+    {
+      text: ENTITY_YAML,
+      language: "yaml",
+      showLineNumbers: true,
+      highlightedNumbers: [6, 7],
+      customStyle: { background: "inherit", fontSize: "115%" }
+    }
+  )), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "contained",
+      color: "primary",
+      target: "_blank",
+      href: "https://github.com/backstage/backstage/blob/master/plugins/ilert/README.md"
+    },
+    "Read more"
+  )));
+};
+
+export { ILertCardEmptyState };
+//# sourceMappingURL=ILertCardEmptyState.esm.js.map

package/dist/components/ILertCard/ILertCardEmptyState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ILertCardEmptyState.esm.js","sources":["../../../src/components/ILertCard/ILertCardEmptyState.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\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Button from '@material-ui/core/Button';\nimport Divider from '@material-ui/core/Divider';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport React from 'react';\nimport { CodeSnippet } from '@backstage/core-components';\n\nconst ENTITY_YAML = `apiVersion: backstage.io/v1alpha1\nkind: Component\nmetadata:\n  name: example\n  description: example.com\n  annotations:\n    ilert.com/integration-key: [INTEGRATION_KEY]\nspec:\n  type: website\n  lifecycle: production\n  owner: guest`;\n\nconst useStyles = makeStyles(theme => ({\n  code: {\n    borderRadius: 6,\n    margin: theme.spacing(2, 0),\n    background:\n      theme.palette.type === 'dark' ? '#444' : theme.palette.common.white,\n  },\n  header: {\n    display: 'inline-block',\n    padding: theme.spacing(2, 2, 2, 2.5),\n  },\n}));\n\nexport const ILertCardEmptyState = () => {\n  const classes = useStyles();\n\n  return (\n    <Card data-testid=\"ilert-empty-card\">\n      <CardHeader title=\"iLert\" className={classes.header} />\n      <Divider />\n      <CardContent>\n        <Typography variant=\"body1\">\n          No integration key defined for this entity. You can add integration\n          key to your entity YAML as shown in the highlighted example below:\n        </Typography>\n        <div className={classes.code}>\n          <CodeSnippet\n            text={ENTITY_YAML}\n            language=\"yaml\"\n            showLineNumbers\n            highlightedNumbers={[6, 7]}\n            customStyle={{ background: 'inherit', fontSize: '115%' }}\n          />\n        </div>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          target=\"_blank\"\n          href=\"https://github.com/backstage/backstage/blob/master/plugins/ilert/README.md\"\n        >\n          Read more\n        </Button>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA0BA,MAAM,WAAc,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAA,CAAA,CAAA;AAYpB,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,YAAc,EAAA,CAAA;AAAA,IACd,MAAQ,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAA,EAAG,CAAC,CAAA;AAAA,IAC1B,UAAA,EACE,MAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,MAAS,GAAA,KAAA,CAAM,QAAQ,MAAO,CAAA,KAAA;AAAA,GAClE;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,IACT,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,GAAG,CAAA;AAAA,GACrC;AACF,CAAE,CAAA,CAAA,CAAA;AAEK,MAAM,sBAAsB,MAAM;AACvC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAE1B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,aAAA,EAAY,kBAChB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,SAAA,EAAW,OAAQ,CAAA,MAAA,EAAQ,CACrD,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,IAAA,CAAA,kBACR,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAA,EAAQ,wIAG5B,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,WAAA;AAAA,MACN,QAAS,EAAA,MAAA;AAAA,MACT,eAAe,EAAA,IAAA;AAAA,MACf,kBAAA,EAAoB,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,MACzB,WAAa,EAAA,EAAE,UAAY,EAAA,SAAA,EAAW,UAAU,MAAO,EAAA;AAAA,KAAA;AAAA,GAE3D,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,MAAO,EAAA,QAAA;AAAA,MACP,IAAK,EAAA,4EAAA;AAAA,KAAA;AAAA,IACN,WAAA;AAAA,GAGH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ILertCard/ILertCardHeaderStatus.esm.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import Chip from '@material-ui/core/Chip';
+import { withStyles } from '@material-ui/core/styles';
+
+const MaintenanceChip = withStyles((theme) => ({
+  root: {
+    backgroundColor: "#92949c",
+    color: theme.palette.common.white,
+    marginTop: 8
+  }
+}))(Chip);
+const ILertCardHeaderStatus = ({
+  alertSource
+}) => {
+  if (!alertSource) {
+    return null;
+  }
+  switch (alertSource.status) {
+    case "IN_MAINTENANCE":
+      return /* @__PURE__ */ React.createElement(MaintenanceChip, { label: "MAINTENANCE", size: "small" });
+    case "DISABLED":
+      return /* @__PURE__ */ React.createElement(MaintenanceChip, { label: "INACTIVE", size: "small" });
+    default:
+      return null;
+  }
+};
+
+export { ILertCardHeaderStatus };
+//# sourceMappingURL=ILertCardHeaderStatus.esm.js.map

package/dist/components/ILertCard/ILertCardHeaderStatus.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ILertCardHeaderStatus.esm.js","sources":["../../../src/components/ILertCard/ILertCardHeaderStatus.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 */\nimport React from 'react';\nimport Chip from '@material-ui/core/Chip';\nimport { withStyles } from '@material-ui/core/styles';\nimport { AlertSource } from '../../types';\n\nconst MaintenanceChip = withStyles(theme => ({\n  root: {\n    backgroundColor: '#92949c',\n    color: theme.palette.common.white,\n    marginTop: 8,\n  },\n}))(Chip);\n\nexport const ILertCardHeaderStatus = ({\n  alertSource,\n}: {\n  alertSource: AlertSource | null;\n}) => {\n  if (!alertSource) {\n    return null;\n  }\n\n  switch (alertSource.status) {\n    case 'IN_MAINTENANCE':\n      return <MaintenanceChip label=\"MAINTENANCE\" size=\"small\" />;\n    case 'DISABLED':\n      return <MaintenanceChip label=\"INACTIVE\" size=\"small\" />;\n    default:\n      return null;\n  }\n};\n"],"names":[],"mappings":";;;;AAoBA,MAAM,eAAA,GAAkB,WAAW,CAAU,KAAA,MAAA;AAAA,EAC3C,IAAM,EAAA;AAAA,IACJ,eAAiB,EAAA,SAAA;AAAA,IACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,SAAW,EAAA,CAAA;AAAA,GACb;AACF,CAAA,CAAE,EAAE,IAAI,CAAA,CAAA;AAED,MAAM,wBAAwB,CAAC;AAAA,EACpC,WAAA;AACF,CAEM,KAAA;AACJ,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,QAAQ,YAAY,MAAQ;AAAA,IAC1B,KAAK,gBAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,KAAM,EAAA,aAAA,EAAc,MAAK,OAAQ,EAAA,CAAA,CAAA;AAAA,IAC3D,KAAK,UAAA;AACH,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,KAAM,EAAA,UAAA,EAAW,MAAK,OAAQ,EAAA,CAAA,CAAA;AAAA,IACxD;AACE,MAAO,OAAA,IAAA,CAAA;AAAA,GACX;AACF;;;;"}

package/dist/components/ILertCard/ILertCardMaintenanceModal.esm.js

@@ -0,0 +1,101 @@
+import React from 'react';
+import Button from '@material-ui/core/Button';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogContentText from '@material-ui/core/DialogContentText';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import MenuItem from '@material-ui/core/MenuItem';
+import TextField from '@material-ui/core/TextField';
+import { ilertApiRef } from '../../api/client.esm.js';
+import { useApi, alertApiRef } from '@backstage/core-plugin-api';
+
+const ILertCardMaintenanceModal = ({
+  alertSource,
+  refetchAlertSource,
+  isModalOpened,
+  setIsModalOpened
+}) => {
+  const ilertApi = useApi(ilertApiRef);
+  const alertApi = useApi(alertApiRef);
+  const [minutes, setMinutes] = React.useState(5);
+  const handleClose = () => {
+    setIsModalOpened(false);
+  };
+  const handleImmediateMaintenance = () => {
+    if (!alertSource) {
+      return;
+    }
+    setIsModalOpened(false);
+    setTimeout(async () => {
+      try {
+        await ilertApi.addImmediateMaintenance(alertSource.id, minutes);
+        alertApi.post({ message: "Maintenance started." });
+        refetchAlertSource();
+      } catch (err) {
+        alertApi.post({ message: err, severity: "error" });
+      }
+    }, 250);
+  };
+  const handleMinutesChange = (event) => {
+    setMinutes(event.target.value);
+  };
+  const minuteOptions = [
+    {
+      value: 5,
+      label: "5 minutes"
+    },
+    {
+      value: 10,
+      label: "10 minutes"
+    },
+    {
+      value: 15,
+      label: "15 minutes"
+    },
+    {
+      value: 30,
+      label: "30 minutes"
+    },
+    {
+      value: 60,
+      label: "60 minutes"
+    }
+  ];
+  if (!alertSource) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    Dialog,
+    {
+      open: isModalOpened,
+      onClose: handleClose,
+      "aria-labelledby": "maintenance-form-title"
+    },
+    /* @__PURE__ */ React.createElement(DialogTitle, { id: "maintenance-form-title" }, "New maintenance window"),
+    /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(DialogContentText, null, "Keep your alert sources quiet, when your systems are under maintenance."), /* @__PURE__ */ React.createElement(
+      TextField,
+      {
+        select: true,
+        label: "Duration",
+        value: minutes,
+        onChange: handleMinutesChange,
+        variant: "outlined",
+        fullWidth: true
+      },
+      minuteOptions.map((option) => /* @__PURE__ */ React.createElement(MenuItem, { key: option.value, value: option.value }, option.label))
+    )),
+    /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        onClick: handleImmediateMaintenance,
+        color: "primary",
+        variant: "contained"
+      },
+      "Create"
+    ), /* @__PURE__ */ React.createElement(Button, { onClick: handleClose, color: "primary" }, "Cancel"))
+  );
+};
+
+export { ILertCardMaintenanceModal };
+//# sourceMappingURL=ILertCardMaintenanceModal.esm.js.map

package/dist/components/ILertCard/ILertCardMaintenanceModal.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ILertCardMaintenanceModal.esm.js","sources":["../../../src/components/ILertCard/ILertCardMaintenanceModal.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 */\nimport React from 'react';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport TextField from '@material-ui/core/TextField';\nimport { ilertApiRef } from '../../api';\nimport { AlertSource } from '../../types';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport const ILertCardMaintenanceModal = ({\n  alertSource,\n  refetchAlertSource,\n  isModalOpened,\n  setIsModalOpened,\n}: {\n  alertSource: AlertSource | null;\n  refetchAlertSource: () => void;\n  isModalOpened: boolean;\n  setIsModalOpened: (isModalOpened: boolean) => void;\n}) => {\n  const ilertApi = useApi(ilertApiRef);\n  const alertApi = useApi(alertApiRef);\n  const [minutes, setMinutes] = React.useState(5);\n\n  const handleClose = () => {\n    setIsModalOpened(false);\n  };\n\n  const handleImmediateMaintenance = () => {\n    if (!alertSource) {\n      return;\n    }\n    setIsModalOpened(false);\n    setTimeout(async () => {\n      try {\n        await ilertApi.addImmediateMaintenance(alertSource.id, minutes);\n        alertApi.post({ message: 'Maintenance started.' });\n        refetchAlertSource();\n      } catch (err) {\n        alertApi.post({ message: err, severity: 'error' });\n      }\n    }, 250);\n  };\n\n  const handleMinutesChange = (event: any) => {\n    setMinutes(event.target.value);\n  };\n\n  const minuteOptions = [\n    {\n      value: 5,\n      label: '5 minutes',\n    },\n    {\n      value: 10,\n      label: '10 minutes',\n    },\n    {\n      value: 15,\n      label: '15 minutes',\n    },\n    {\n      value: 30,\n      label: '30 minutes',\n    },\n    {\n      value: 60,\n      label: '60 minutes',\n    },\n  ];\n\n  if (!alertSource) {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={isModalOpened}\n      onClose={handleClose}\n      aria-labelledby=\"maintenance-form-title\"\n    >\n      <DialogTitle id=\"maintenance-form-title\">\n        New maintenance window\n      </DialogTitle>\n      <DialogContent>\n        <DialogContentText>\n          Keep your alert sources quiet, when your systems are under\n          maintenance.\n        </DialogContentText>\n        <TextField\n          select\n          label=\"Duration\"\n          value={minutes}\n          onChange={handleMinutesChange}\n          variant=\"outlined\"\n          fullWidth\n        >\n          {minuteOptions.map(option => (\n            <MenuItem key={option.value} value={option.value}>\n              {option.label}\n            </MenuItem>\n          ))}\n        </TextField>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          onClick={handleImmediateMaintenance}\n          color=\"primary\"\n          variant=\"contained\"\n        >\n          Create\n        </Button>\n        <Button onClick={handleClose} color=\"primary\">\n          Cancel\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ILertCard/ILertCardOnCall.esm.js

@@ -0,0 +1,78 @@
+import React from 'react';
+import List from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemText from '@material-ui/core/ListItemText';
+import ListSubheader from '@material-ui/core/ListSubheader';
+import Typography from '@material-ui/core/Typography';
+import ReplayIcon from '@material-ui/icons/Replay';
+import { makeStyles } from '@material-ui/core/styles';
+import { useAlertSourceOnCalls } from '../../hooks/useAlertSourceOnCalls.esm.js';
+import { ILertCardOnCallEmptyState } from './ILertCardOnCallEmptyState.esm.js';
+import { ILertCardOnCallItem } from './ILertCardOnCallItem.esm.js';
+import { Progress } from '@backstage/core-components';
+
+const useStyles = makeStyles((theme) => ({
+  repeatText: {
+    fontStyle: "italic"
+  },
+  repeatIcon: {
+    marginLeft: theme.spacing(1)
+  }
+}));
+const ILertCardOnCall = ({
+  alertSource
+}) => {
+  const classes = useStyles();
+  const [{ onCalls, isLoading }, {}] = useAlertSourceOnCalls(alertSource);
+  if (isLoading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (!alertSource || !onCalls) {
+    return null;
+  }
+  const repeatInfo = () => {
+    if (!alertSource || !alertSource.escalationPolicy || !alertSource.escalationPolicy.repeating || !alertSource.escalationPolicy.frequency) {
+      return null;
+    }
+    return /* @__PURE__ */ React.createElement(ListItem, { key: "repeat" }, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(ReplayIcon, { className: classes.repeatIcon, fontSize: "small" })), /* @__PURE__ */ React.createElement(
+      ListItemText,
+      {
+        primary: /* @__PURE__ */ React.createElement(
+          Typography,
+          {
+            variant: "body2",
+            color: "textSecondary",
+            className: classes.repeatText
+          },
+          `Repeat ${alertSource.escalationPolicy.frequency} times`
+        )
+      }
+    ));
+  };
+  if (!onCalls.length) {
+    return /* @__PURE__ */ React.createElement(List, { dense: true, subheader: /* @__PURE__ */ React.createElement(ListSubheader, null, "ON CALL") }, /* @__PURE__ */ React.createElement(ILertCardOnCallEmptyState, null));
+  }
+  if (onCalls.length === 1) {
+    /* @__PURE__ */ React.createElement(List, { dense: true, subheader: /* @__PURE__ */ React.createElement(ListSubheader, null, "ON CALL") }, /* @__PURE__ */ React.createElement(
+      ILertCardOnCallItem,
+      {
+        onCall: onCalls[0],
+        fistItem: false,
+        lastItem: false
+      }
+    ));
+  }
+  return /* @__PURE__ */ React.createElement(List, { dense: true, subheader: /* @__PURE__ */ React.createElement(ListSubheader, null, "ON CALL") }, onCalls.map((onCall, index) => /* @__PURE__ */ React.createElement(
+    ILertCardOnCallItem,
+    {
+      key: index,
+      onCall,
+      fistItem: index === 0,
+      lastItem: index === onCalls.length - 1
+    }
+  )), repeatInfo());
+};
+
+export { ILertCardOnCall };
+//# sourceMappingURL=ILertCardOnCall.esm.js.map

package/dist/components/ILertCard/ILertCardOnCall.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ILertCardOnCall.esm.js","sources":["../../../src/components/ILertCard/ILertCardOnCall.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 */\nimport React from 'react';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport ListSubheader from '@material-ui/core/ListSubheader';\nimport Typography from '@material-ui/core/Typography';\nimport ReplayIcon from '@material-ui/icons/Replay';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { AlertSource } from '../../types';\nimport { useAlertSourceOnCalls } from '../../hooks/useAlertSourceOnCalls';\nimport { ILertCardOnCallEmptyState } from './ILertCardOnCallEmptyState';\nimport { ILertCardOnCallItem } from './ILertCardOnCallItem';\nimport { Progress } from '@backstage/core-components';\n\nconst useStyles = makeStyles(theme => ({\n  repeatText: {\n    fontStyle: 'italic',\n  },\n  repeatIcon: {\n    marginLeft: theme.spacing(1),\n  },\n}));\n\nexport const ILertCardOnCall = ({\n  alertSource,\n}: {\n  alertSource: AlertSource | null;\n}) => {\n  const classes = useStyles();\n  const [{ onCalls, isLoading }, {}] = useAlertSourceOnCalls(alertSource);\n\n  if (isLoading) {\n    return <Progress />;\n  }\n\n  if (!alertSource || !onCalls) {\n    return null;\n  }\n\n  const repeatInfo = () => {\n    if (\n      !alertSource ||\n      !alertSource.escalationPolicy ||\n      !alertSource.escalationPolicy.repeating ||\n      !alertSource.escalationPolicy.frequency\n    ) {\n      return null;\n    }\n\n    return (\n      <ListItem key=\"repeat\">\n        <ListItemIcon>\n          <ReplayIcon className={classes.repeatIcon} fontSize=\"small\" />\n        </ListItemIcon>\n        <ListItemText\n          primary={\n            <Typography\n              variant=\"body2\"\n              color=\"textSecondary\"\n              className={classes.repeatText}\n            >\n              {`Repeat ${alertSource.escalationPolicy.frequency} times`}\n            </Typography>\n          }\n        />\n      </ListItem>\n    );\n  };\n\n  if (!onCalls.length) {\n    return (\n      <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n        <ILertCardOnCallEmptyState />\n      </List>\n    );\n  }\n\n  if (onCalls.length === 1) {\n    <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n      <ILertCardOnCallItem\n        onCall={onCalls[0]}\n        fistItem={false}\n        lastItem={false}\n      />\n    </List>;\n  }\n\n  return (\n    <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n      {onCalls.map((onCall, index) => (\n        <ILertCardOnCallItem\n          key={index}\n          onCall={onCall}\n          fistItem={index === 0}\n          lastItem={index === onCalls.length - 1}\n        />\n      ))}\n      {repeatInfo()}\n    </List>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ILertCard/ILertCardOnCallEmptyState.esm.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemText from '@material-ui/core/ListItemText';
+import Typography from '@material-ui/core/Typography';
+
+const useStyles = makeStyles({
+  text: {
+    fontStyle: "italic"
+  }
+});
+const ILertCardOnCallEmptyState = () => {
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemText, null, /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      variant: "subtitle1",
+      color: "textSecondary",
+      className: classes.text
+    },
+    "Nobody"
+  )));
+};
+
+export { ILertCardOnCallEmptyState };
+//# sourceMappingURL=ILertCardOnCallEmptyState.esm.js.map

package/dist/components/ILertCard/ILertCardOnCallEmptyState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ILertCardOnCallEmptyState.esm.js","sources":["../../../src/components/ILertCard/ILertCardOnCallEmptyState.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\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport Typography from '@material-ui/core/Typography';\n\nconst useStyles = makeStyles({\n  text: {\n    fontStyle: 'italic',\n  },\n});\n\nexport const ILertCardOnCallEmptyState = () => {\n  const classes = useStyles();\n\n  return (\n    <ListItem>\n      <ListItemText>\n        <Typography\n          variant=\"subtitle1\"\n          color=\"textSecondary\"\n          className={classes.text}\n        >\n          Nobody\n        </Typography>\n      </ListItemText>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,IAAM,EAAA;AAAA,IACJ,SAAW,EAAA,QAAA;AAAA,GACb;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,4BAA4B,MAAM;AAC7C,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAE1B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,YACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,eAAA;AAAA,MACN,WAAW,OAAQ,CAAA,IAAA;AAAA,KAAA;AAAA,IACpB,QAAA;AAAA,GAGH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/ILertCard/ILertCardOnCallItem.esm.js

@@ -0,0 +1,109 @@
+import React from 'react';
+import Divider from '@material-ui/core/Divider';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import Avatar from '@material-ui/core/Avatar';
+import ListItemText from '@material-ui/core/ListItemText';
+import ListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
+import Tooltip from '@material-ui/core/Tooltip';
+import IconButton from '@material-ui/core/IconButton';
+import Typography from '@material-ui/core/Typography';
+import EmailIcon from '@material-ui/icons/Email';
+import PhoneIcon from '@material-ui/icons/Phone';
+import { makeStyles } from '@material-ui/core/styles';
+import { ilertApiRef } from '../../api/client.esm.js';
+import { DateTime } from 'luxon';
+import { useApi } from '@backstage/core-plugin-api';
+
+const useStyles = makeStyles({
+  listItemPrimary: {
+    fontWeight: "bold"
+  },
+  fistItemLine: {
+    position: "absolute",
+    bottom: 0,
+    height: "50%",
+    left: 36
+  },
+  lastItemLine: {
+    position: "absolute",
+    top: 0,
+    height: "50%",
+    left: 36
+  },
+  itemLine: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    height: "100%",
+    left: 36
+  }
+});
+const ILertCardOnCallItem = ({
+  onCall,
+  fistItem = false,
+  lastItem = false
+}) => {
+  const ilertApi = useApi(ilertApiRef);
+  const classes = useStyles();
+  if (!onCall || !onCall.user) {
+    return null;
+  }
+  const phoneNumber = ilertApi.getUserPhoneNumber(onCall.user);
+  const escalationRepeating = onCall.escalationPolicy.repeating;
+  const escalationSeconds = onCall.escalationPolicy.escalationRules[onCall.escalationLevel - 1].escalationTimeout;
+  const escalationHoursOnly = Math.floor(escalationSeconds / 60);
+  const escalationMinutesOnly = escalationSeconds % 60;
+  let escalationText = "";
+  if (!lastItem || lastItem && escalationRepeating) {
+    escalationText = "escalate";
+    if (escalationSeconds === 0) {
+      escalationText += " immediately";
+    } else {
+      escalationText += " after";
+      if (escalationHoursOnly > 0) {
+        escalationText += ` ${escalationHoursOnly} ${escalationHoursOnly === 1 ? "hour" : "hours"}`;
+      }
+      if (escalationMinutesOnly > 0 || escalationSeconds === 0) {
+        escalationText += ` ${escalationMinutesOnly} ${escalationMinutesOnly === 1 ? "minute" : "minutes"}`;
+      }
+    }
+  }
+  return /* @__PURE__ */ React.createElement(ListItem, null, fistItem ? /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", className: classes.fistItemLine }) : null, lastItem ? /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", className: classes.lastItemLine }) : null, !fistItem && !lastItem ? /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical", className: classes.itemLine }) : null, /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(
+    Tooltip,
+    {
+      title: `Escalation level #${onCall.escalationLevel}`,
+      placement: "top"
+    },
+    /* @__PURE__ */ React.createElement(Avatar, null, onCall.escalationLevel)
+  )), onCall.schedule ? /* @__PURE__ */ React.createElement(
+    Tooltip,
+    {
+      title: `On call shift ${DateTime.fromISO(onCall.start).toFormat("D MMM, HH:mm")} - ${DateTime.fromISO(onCall.end).toFormat("D MMM, HH:mm")}`,
+      placement: "top-start"
+    },
+    /* @__PURE__ */ React.createElement(
+      ListItemText,
+      {
+        primary: /* @__PURE__ */ React.createElement(Typography, { className: classes.listItemPrimary }, ilertApi.getUserInitials(onCall.user)),
+        secondary: escalationText
+      }
+    )
+  ) : /* @__PURE__ */ React.createElement(
+    ListItemText,
+    {
+      primary: /* @__PURE__ */ React.createElement(Typography, { className: classes.listItemPrimary }, ilertApi.getUserInitials(onCall.user)),
+      secondary: escalationText
+    }
+  ), /* @__PURE__ */ React.createElement(ListItemSecondaryAction, null, phoneNumber ? /* @__PURE__ */ React.createElement(Tooltip, { title: "Call to user", placement: "top" }, /* @__PURE__ */ React.createElement(IconButton, { href: `tel:${phoneNumber}` }, /* @__PURE__ */ React.createElement(PhoneIcon, { color: "secondary" }))) : null, /* @__PURE__ */ React.createElement(
+    Tooltip,
+    {
+      title: `Send e-mail to user ${onCall.user.email}`,
+      placement: "top"
+    },
+    /* @__PURE__ */ React.createElement(IconButton, { href: `mailto:${onCall.user.email}` }, /* @__PURE__ */ React.createElement(EmailIcon, { color: "primary" }))
+  )));
+};
+
+export { ILertCardOnCallItem };
+//# sourceMappingURL=ILertCardOnCallItem.esm.js.map