@pagerduty/backstage-plugin 0.15.8 → 0.15.9-next.5

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

@@ -10,16 +10,19 @@ const isPluginApplicableToEntity = (entity) => Boolean(
 const EntityPagerDutySmallCard = (props) => {
   const { readOnly, disableInsights, disableOnCall } = props;
   const { entity } = useEntity();
-  const pagerDutyEntity = getPagerDutyEntity(entity);
-  return /* @__PURE__ */ jsx(
-    PagerDutySmallCard,
-    {
-      ...pagerDutyEntity,
-      readOnly,
-      disableInsights,
-      disableOnCall
-    }
-  );
+  if (isPluginApplicableToEntity(entity)) {
+    const pagerDutyEntity = getPagerDutyEntity(entity);
+    return /* @__PURE__ */ jsx(
+      PagerDutySmallCard,
+      {
+        ...pagerDutyEntity,
+        readOnly,
+        disableInsights,
+        disableOnCall
+      }
+    );
+  }
+  return null;
 };
 
 export { EntityPagerDutySmallCard, isPluginApplicableToEntity };

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/EntityPagerDutySmallCard/index.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { Entity } from '@backstage/catalog-model';\nimport { PAGERDUTY_INTEGRATION_KEY, PAGERDUTY_SERVICE_ID } from '../constants';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getPagerDutyEntity } from '../pagerDutyEntity';\nimport { PagerDutySmallCard } from '../PagerDutySmallCard';\n\n/** @public */\nexport const isPluginApplicableToEntity = (entity: Entity) =>\n  Boolean(\n    entity.metadata.annotations?.[PAGERDUTY_INTEGRATION_KEY] ||\n      entity.metadata.annotations?.[PAGERDUTY_SERVICE_ID],\n  );\n\n/** @public */\nexport type EntityPagerDutySmallCardProps = {\n  readOnly?: boolean;\n  disableInsights?: boolean;\n  disableOnCall?: boolean;\n};\n\n/** @public */\nexport const EntityPagerDutySmallCard = (props: EntityPagerDutySmallCardProps) => {\n  const { readOnly, disableInsights, disableOnCall } = props;\n  const { entity } = useEntity();\n  const pagerDutyEntity = getPagerDutyEntity(entity);\n  return (\n    <PagerDutySmallCard\n      {...pagerDutyEntity}\n      readOnly={readOnly}\n      disableInsights={disableInsights}\n      disableOnCall={disableOnCall}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,0BAAA,GAA6B,CAAC,MAAA,KACzC,OAAA;AAAA,EACE,MAAA,CAAO,SAAS,WAAA,GAAc,yBAAyB,KACrD,MAAA,CAAO,QAAA,CAAS,cAAc,oBAAoB;AACtD;AAUK,MAAM,wBAAA,GAA2B,CAAC,KAAA,KAAyC;AAChF,EAAA,MAAM,EAAE,QAAA,EAAU,eAAA,EAAiB,aAAA,EAAc,GAAI,KAAA;AACrD,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,eAAA,GAAkB,mBAAmB,MAAM,CAAA;AACjD,EAAA,uBACE,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACE,GAAG,eAAA;AAAA,MACJ,QAAA;AAAA,MACA,eAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/EntityPagerDutySmallCard/index.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 { Entity } from '@backstage/catalog-model';\nimport { PAGERDUTY_INTEGRATION_KEY, PAGERDUTY_SERVICE_ID } from '../constants';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { getPagerDutyEntity } from '../pagerDutyEntity';\nimport { PagerDutySmallCard } from '../PagerDutySmallCard';\n\n/** @public */\nexport const isPluginApplicableToEntity = (entity: Entity) =>\n  Boolean(\n    entity.metadata.annotations?.[PAGERDUTY_INTEGRATION_KEY] ||\n      entity.metadata.annotations?.[PAGERDUTY_SERVICE_ID],\n  );\n\n/** @public */\nexport type EntityPagerDutySmallCardProps = {\n  readOnly?: boolean;\n  disableInsights?: boolean;\n  disableOnCall?: boolean;\n};\n\n/** @public */\nexport const EntityPagerDutySmallCard = (\n  props: EntityPagerDutySmallCardProps,\n) => {\n  const { readOnly, disableInsights, disableOnCall } = props;\n  const { entity } = useEntity();\n\n  if (isPluginApplicableToEntity(entity)) {\n    const pagerDutyEntity = getPagerDutyEntity(entity);\n\n    return (\n      <PagerDutySmallCard\n        {...pagerDutyEntity}\n        readOnly={readOnly}\n        disableInsights={disableInsights}\n        disableOnCall={disableOnCall}\n      />\n    );\n  }\n\n  return null;\n};\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,0BAAA,GAA6B,CAAC,MAAA,KACzC,OAAA;AAAA,EACE,MAAA,CAAO,SAAS,WAAA,GAAc,yBAAyB,KACrD,MAAA,CAAO,QAAA,CAAS,cAAc,oBAAoB;AACtD;AAUK,MAAM,wBAAA,GAA2B,CACtC,KAAA,KACG;AACH,EAAA,MAAM,EAAE,QAAA,EAAU,eAAA,EAAiB,aAAA,EAAc,GAAI,KAAA;AACrD,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAE7B,EAAA,IAAI,0BAAA,CAA2B,MAAM,CAAA,EAAG;AACtC,IAAA,MAAM,eAAA,GAAkB,mBAAmB,MAAM,CAAA;AAEjD,IAAA,uBACE,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACE,GAAG,eAAA;AAAA,QACJ,QAAA;AAAA,QACA,eAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,OAAO,IAAA;AACT;;;;"}

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { makeStyles, List, ListSubheader, createStyles } from '@material-ui/core';
+import { List, ListSubheader } from '@material-ui/core';
 import { EscalationUsersEmptyState } from './EscalationUsersEmptyState.esm.js';
 import { EscalationUsersForbiddenState } from './EscalationUsersForbiddenState.esm.js';
 import { EscalationUser } from './EscalationUser.esm.js';
@@ -9,13 +9,6 @@ import { Alert } from '@material-ui/lab';
 import { useApi } from '@backstage/core-plugin-api';
 import { Progress } from '@backstage/core-components';
 
-const useStyles = makeStyles(
-  () => createStyles({
-    listStyle: {
-      marginLeft: "-15px"
-    }
-  })
-);
 const EscalationPolicy = ({
   policyId,
   policyUrl,
@@ -23,7 +16,6 @@ const EscalationPolicy = ({
   account
 }) => {
   const api = useApi(pagerDutyApiRef);
-  const classes = useStyles();
   const {
     value: users,
     loading,
@@ -46,22 +38,15 @@ const EscalationPolicy = ({
   if (!users?.length) {
     return /* @__PURE__ */ jsx(EscalationUsersEmptyState, {});
   }
-  return /* @__PURE__ */ jsx(
-    List,
+  return /* @__PURE__ */ jsx(List, { dense: true, children: users.map((user, index) => /* @__PURE__ */ jsx(
+    EscalationUser,
     {
-      dense: true,
-      className: classes.listStyle,
-      children: users.map((user, index) => /* @__PURE__ */ jsx(
-        EscalationUser,
-        {
-          user,
-          policyUrl,
-          policyName
-        },
-        index
-      ))
-    }
-  );
+      user,
+      policyUrl,
+      policyName
+    },
+    index
+  )) });
 };
 
 export { EscalationPolicy };

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

@@ -1 +1 @@
-{"version":3,"file":"EscalationPolicy.esm.js","sources":["../../../src/components/Escalation/EscalationPolicy.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { List, ListSubheader, createStyles, makeStyles } from \"@material-ui/core\";\nimport { EscalationUsersEmptyState } from \"./EscalationUsersEmptyState\";\nimport { EscalationUsersForbiddenState } from \"./EscalationUsersForbiddenState\";\nimport { EscalationUser } from \"./EscalationUser\";\nimport useAsync from \"react-use/lib/useAsync\";\nimport { pagerDutyApiRef } from \"../../api\";\nimport { Alert } from \"@material-ui/lab\";\n\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { Progress } from \"@backstage/core-components\";\nimport { BackstageTheme } from \"@backstage/theme\";\n\ntype Props = {\n  policyId: string;\n  policyUrl: string;\n  policyName: string;\n  account?: string;\n};\nconst useStyles = makeStyles<BackstageTheme>(() =>\n  createStyles({\n    listStyle: {\n      marginLeft: \"-15px\",\n    },\n  })\n);\n\nexport const EscalationPolicy = ({\n  policyId,\n  policyUrl,\n  policyName,\n  account,\n}: Props) => {\n  const api = useApi(pagerDutyApiRef);\n  const classes = useStyles();\n\n  const {\n    value: users,\n    loading,\n    error,\n  } = useAsync(async () => {\n    return await api.getOnCallByPolicyId(policyId, account);\n  });\n\n  if (error) {\n    if (error.message.includes(\"Forbidden\")) {\n      return (\n        <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n          <EscalationUsersForbiddenState />\n        </List>\n      );\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 data-testid=\"escalation-progress\" />;\n  }\n\n  if (!users?.length) {\n    return <EscalationUsersEmptyState />;\n  }\n\n  return (\n    <List\n      dense\n      className={classes.listStyle}\n    >\n      {users!.map((user, index) => (\n        <EscalationUser\n          key={index}\n          user={user}\n          policyUrl={policyUrl}\n          policyName={policyName}\n        />\n      ))}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAkCA,MAAM,SAAA,GAAY,UAAA;AAAA,EAA2B,MAC3C,YAAA,CAAa;AAAA,IACX,SAAA,EAAW;AAAA,MACT,UAAA,EAAY;AAAA;AACd,GACD;AACH,CAAA;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,KAAa;AACX,EAAA,MAAM,GAAA,GAAM,OAAO,eAAe,CAAA;AAClC,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,KAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,SAAS,YAAY;AACvB,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,OAAO,CAAA;AAAA,EACxD,CAAC,CAAA;AAED,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,WAAW,CAAA,EAAG;AACvC,MAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAK,IAAA,EAAC,SAAA,kBAAW,GAAA,CAAC,aAAA,EAAA,EAAc,QAAA,EAAA,SAAA,EAAO,CAAA,EAC3C,QAAA,kBAAA,GAAA,CAAC,6BAAA,EAAA,EAA8B,CAAA,EACjC,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAQ,QAAA,EAAA;AAAA,MAAA,gDAAA;AAAA,MACyB,KAAA,CAAM;AAAA,KAAA,EACvD,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAY,qBAAA,EAAsB,CAAA;AAAA,EACrD;AAEA,EAAA,IAAI,CAAC,OAAO,MAAA,EAAQ;AAClB,IAAA,2BAAQ,yBAAA,EAAA,EAA0B,CAAA;AAAA,EACpC;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAK,IAAA;AAAA,MACL,WAAW,OAAA,CAAQ,SAAA;AAAA,MAElB,QAAA,EAAA,KAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBACjB,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UAEC,IAAA;AAAA,UACA,SAAA;AAAA,UACA;AAAA,SAAA;AAAA,QAHK;AAAA,OAKR;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"EscalationPolicy.esm.js","sources":["../../../src/components/Escalation/EscalationPolicy.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 */\nimport { List, ListSubheader } from '@material-ui/core';\nimport { EscalationUsersEmptyState } from './EscalationUsersEmptyState';\nimport { EscalationUsersForbiddenState } from './EscalationUsersForbiddenState';\nimport { EscalationUser } from './EscalationUser';\nimport useAsync from 'react-use/lib/useAsync';\nimport { pagerDutyApiRef } from '../../api';\nimport { Alert } from '@material-ui/lab';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Progress } from '@backstage/core-components';\n\ntype Props = {\n  policyId: string;\n  policyUrl: string;\n  policyName: string;\n  account?: string;\n};\n\nexport const EscalationPolicy = ({\n  policyId,\n  policyUrl,\n  policyName,\n  account,\n}: Props) => {\n  const api = useApi(pagerDutyApiRef);\n\n  const {\n    value: users,\n    loading,\n    error,\n  } = useAsync(async () => {\n    return await api.getOnCallByPolicyId(policyId, account);\n  });\n\n  if (error) {\n    if (error.message.includes('Forbidden')) {\n      return (\n        <List dense subheader={<ListSubheader>ON CALL</ListSubheader>}>\n          <EscalationUsersForbiddenState />\n        </List>\n      );\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 data-testid=\"escalation-progress\" />;\n  }\n\n  if (!users?.length) {\n    return <EscalationUsersEmptyState />;\n  }\n\n  return (\n    <List dense>\n      {users!.map((user, index) => (\n        <EscalationUser\n          key={index}\n          user={user}\n          policyUrl={policyUrl}\n          policyName={policyName}\n        />\n      ))}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAiCO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,KAAa;AACX,EAAA,MAAM,GAAA,GAAM,OAAO,eAAe,CAAA;AAElC,EAAA,MAAM;AAAA,IACJ,KAAA,EAAO,KAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,SAAS,YAAY;AACvB,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,OAAO,CAAA;AAAA,EACxD,CAAC,CAAA;AAED,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,WAAW,CAAA,EAAG;AACvC,MAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAK,IAAA,EAAC,SAAA,kBAAW,GAAA,CAAC,aAAA,EAAA,EAAc,QAAA,EAAA,SAAA,EAAO,CAAA,EAC3C,QAAA,kBAAA,GAAA,CAAC,6BAAA,EAAA,EAA8B,CAAA,EACjC,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAQ,QAAA,EAAA;AAAA,MAAA,gDAAA;AAAA,MACyB,KAAA,CAAM;AAAA,KAAA,EACvD,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,aAAA,EAAY,qBAAA,EAAsB,CAAA;AAAA,EACrD;AAEA,EAAA,IAAI,CAAC,OAAO,MAAA,EAAQ;AAClB,IAAA,2BAAQ,yBAAA,EAAA,EAA0B,CAAA;AAAA,EACpC;AAEA,EAAA,uBACE,GAAA,CAAC,QAAK,KAAA,EAAK,IAAA,EACR,gBAAO,GAAA,CAAI,CAAC,MAAM,KAAA,qBACjB,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MAEC,IAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KAAA;AAAA,IAHK;AAAA,GAKR,CAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -1,33 +1,26 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { makeStyles, ListItem, ListItemIcon, ListItemText, IconButton, Tooltip, Typography } from '@material-ui/core';
-import Avatar from '@material-ui/core/Avatar';
+import { makeStyles, ListItem, ListItemIcon, ListItemText, Typography, Tooltip } from '@material-ui/core';
 import NotificationsIcon from '@material-ui/icons/Notifications';
+import { Avatar, Button } from '@backstage/ui';
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(() => ({
   listItemPrimary: {
     fontWeight: "bold"
   },
   listItemSecondary: {
     fontWeight: "normal",
     textDecoration: "underline",
-    marginTop: "-5px"
+    marginTop: "-5px",
+    paddingLeft: "5px"
   },
   buttonStyle: {
-    marginLeft: "-11px",
-    marginTop: "-10px",
     fontSize: "15px",
-    color: theme.palette.text.primary,
     "&:hover": {
-      backgroundColor: "transparent",
       textDecoration: "underline"
     }
   },
   userTextButtonStyle: {
-    marginLeft: "-11px",
-    marginTop: "-10px",
-    marginBottom: "-10px",
     fontSize: "15px",
-    color: theme.palette.text.primary,
     "&:hover": {
       backgroundColor: "transparent",
       textDecoration: "underline"
@@ -40,14 +33,10 @@ const useStyles = makeStyles((theme) => ({
   },
   iconStyle: {
     fontSize: "25px",
-    marginLeft: "-4px",
-    color: theme.palette.text.primary
-  },
-  smallIconStyle: {
-    color: theme.palette.text.primary
+    marginLeft: "-4px"
   },
   avatarStyle: {
-    marginTop: "-20px"
+    marginTop: "-30px"
   }
 }));
 function navigateToUrl(url) {
@@ -59,7 +48,7 @@ const EscalationUser = ({ user, policyUrl, policyName }) => {
     /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(
       Avatar,
       {
-        alt: user.name,
+        name: user.name,
         src: user.avatar_url,
         className: classes.avatarStyle
       }
@@ -69,12 +58,13 @@ const EscalationUser = ({ user, policyUrl, policyName }) => {
       {
         primary: /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Tooltip, { title: "Open user in PagerDuty", placement: "top", children: /* @__PURE__ */ jsx(
-            IconButton,
+            Button,
             {
+              variant: "tertiary",
               "aria-label": "open-user-in-browser",
               onClick: () => navigateToUrl(user.html_url),
               className: classes.userTextButtonStyle,
-              children: /* @__PURE__ */ jsx("span", { className: classes.containerStyle, children: user.name })
+              children: /* @__PURE__ */ jsx(Typography, { className: classes.containerStyle, children: user.name })
             }
           ) }),
           /* @__PURE__ */ jsx(
@@ -87,15 +77,15 @@ const EscalationUser = ({ user, policyUrl, policyName }) => {
           )
         ] }),
         secondary: /* @__PURE__ */ jsx(
-          IconButton,
+          Button,
           {
             "aria-label": "open-escalation-policy-in-browser",
             onClick: () => navigateToUrl(policyUrl),
+            variant: "tertiary",
+            size: "small",
             className: classes.buttonStyle,
-            children: /* @__PURE__ */ jsxs("span", { className: classes.containerStyle, children: [
-              /* @__PURE__ */ jsx(NotificationsIcon, { className: classes.iconStyle }),
-              policyName
-            ] })
+            iconStart: /* @__PURE__ */ jsx(NotificationsIcon, { className: classes.iconStyle }),
+            children: /* @__PURE__ */ jsx(Typography, { className: classes.containerStyle, children: policyName })
           }
         )
       }

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

@@ -1 +1 @@
-{"version":3,"file":"EscalationUser.esm.js","sources":["../../../src/components/Escalation/EscalationUser.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport {\n  ListItem,\n  ListItemIcon,\n  Tooltip,\n  ListItemText,\n  makeStyles,\n  IconButton,\n  Typography,\n} from '@material-ui/core';\nimport Avatar from '@material-ui/core/Avatar';\nimport { PagerDutyUser } from '@pagerduty/backstage-plugin-common';\nimport NotificationsIcon from \"@material-ui/icons/Notifications\";\nimport { BackstageTheme } from '@backstage/theme';\n\nconst useStyles = makeStyles<BackstageTheme>((theme) => ({\n  listItemPrimary: {\n    fontWeight: \"bold\",\n  },\n  listItemSecondary: {\n    fontWeight: \"normal\",\n    textDecoration: \"underline\",\n    marginTop: \"-5px\",\n  },\n  buttonStyle: {\n    marginLeft: \"-11px\",\n    marginTop: \"-10px\",\n    fontSize: \"15px\",\n    color: theme.palette.text.primary,\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      textDecoration: \"underline\",\n    },\n  },\n  userTextButtonStyle: {\n    marginLeft: \"-11px\",\n    marginTop: \"-10px\",\n    marginBottom: \"-10px\",\n    fontSize: \"15px\",\n    color: theme.palette.text.primary,\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n      textDecoration: \"underline\",\n    },\n  },\n  containerStyle: {\n    display: \"flex\",\n    alignItems: \"center\",\n    fontWeight: \"bold\",\n  },\n  iconStyle: {\n    fontSize: \"25px\",\n    marginLeft: \"-4px\",\n    color: theme.palette.text.primary,\n  },\n  smallIconStyle: {\n    color: theme.palette.text.primary,\n  },\n  avatarStyle: {\n    marginTop: \"-20px\",\n  },\n}));\n\ntype Props = {\n  user: PagerDutyUser;\n  policyUrl: string;\n  policyName: string;\n};\n\nfunction navigateToUrl(url: string) {\n  // open url in new browser window\n  window.open(url, \"_blank\");\n}\n\nexport const EscalationUser = ({ user, policyUrl, policyName }: Props) => {\n  const classes = useStyles();\n\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <Avatar\n          alt={user.name}\n          src={user.avatar_url}\n          className={classes.avatarStyle}\n        />\n      </ListItemIcon>\n      <ListItemText\n        primary={\n          <>\n            <Tooltip title=\"Open user in PagerDuty\" placement=\"top\">\n              <IconButton\n                aria-label=\"open-user-in-browser\"\n                onClick={() => navigateToUrl(user.html_url)}\n                className={classes.userTextButtonStyle}\n              >\n                <span className={classes.containerStyle}>{user.name}</span>\n              </IconButton>\n            </Tooltip>\n\n            <Typography\n              className={classes.listItemSecondary}\n              color=\"textSecondary\"\n            >\n              {user.email}\n            </Typography>\n          </>\n        }\n        secondary={\n          <IconButton\n            aria-label=\"open-escalation-policy-in-browser\"\n            onClick={() => navigateToUrl(policyUrl)}\n            className={classes.buttonStyle}\n          >\n            <span className={classes.containerStyle}>\n              <NotificationsIcon className={classes.iconStyle} />\n              {policyName}\n            </span>\n          </IconButton>\n        }\n      />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EscalationUser.esm.js","sources":["../../../src/components/Escalation/EscalationUser.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport {\n  ListItem,\n  ListItemIcon,\n  Tooltip,\n  ListItemText,\n  makeStyles,\n  Typography,\n} from '@material-ui/core';\nimport { PagerDutyUser } from '@pagerduty/backstage-plugin-common';\nimport NotificationsIcon from '@material-ui/icons/Notifications';\nimport { BackstageTheme } from '@backstage/theme';\nimport { Avatar, Button } from '@backstage/ui';\n\nconst useStyles = makeStyles<BackstageTheme>(() => ({\n  listItemPrimary: {\n    fontWeight: 'bold',\n  },\n  listItemSecondary: {\n    fontWeight: 'normal',\n    textDecoration: 'underline',\n    marginTop: '-5px',\n    paddingLeft: '5px',\n  },\n  buttonStyle: {\n    fontSize: '15px',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n  userTextButtonStyle: {\n    fontSize: '15px',\n    '&:hover': {\n      backgroundColor: 'transparent',\n      textDecoration: 'underline',\n    },\n  },\n  containerStyle: {\n    display: 'flex',\n    alignItems: 'center',\n    fontWeight: 'bold',\n  },\n  iconStyle: {\n    fontSize: '25px',\n    marginLeft: '-4px',\n  },\n  avatarStyle: {\n    marginTop: '-30px',\n  },\n}));\n\ntype Props = {\n  user: PagerDutyUser;\n  policyUrl: string;\n  policyName: string;\n};\n\nfunction navigateToUrl(url: string) {\n  // open url in new browser window\n  window.open(url, '_blank');\n}\n\nexport const EscalationUser = ({ user, policyUrl, policyName }: Props) => {\n  const classes = useStyles();\n\n  return (\n    <ListItem>\n      <ListItemIcon>\n        <Avatar\n          name={user.name}\n          src={user.avatar_url}\n          className={classes.avatarStyle}\n        />\n      </ListItemIcon>\n      <ListItemText\n        primary={\n          <>\n            <Tooltip title=\"Open user in PagerDuty\" placement=\"top\">\n              <Button\n                variant=\"tertiary\"\n                aria-label=\"open-user-in-browser\"\n                onClick={() => navigateToUrl(user.html_url)}\n                className={classes.userTextButtonStyle}\n              >\n                <Typography className={classes.containerStyle}>\n                  {user.name}\n                </Typography>\n              </Button>\n            </Tooltip>\n\n            <Typography\n              className={classes.listItemSecondary}\n              color=\"textSecondary\"\n            >\n              {user.email}\n            </Typography>\n          </>\n        }\n        secondary={\n          <Button\n            aria-label=\"open-escalation-policy-in-browser\"\n            onClick={() => navigateToUrl(policyUrl)}\n            variant=\"tertiary\"\n            size=\"small\"\n            className={classes.buttonStyle}\n            iconStart={<NotificationsIcon className={classes.iconStyle} />}\n          >\n            <Typography className={classes.containerStyle}>\n              {policyName}\n            </Typography>\n          </Button>\n        }\n      />\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/Icons/index.tsx"],"sourcesContent":["import PDIcon from \"../../assets/PD-Icon.svg\";\n\n/** @public */\nexport function PagerDutyIcon() {\n\n  return <img src={PDIcon} alt=\"PagerDuty\" height=\"20px\" />;\n};\n"],"names":[],"mappings":";;;AAGO,SAAS,aAAA,GAAgB;AAE9B,EAAA,2BAAQ,KAAA,EAAA,EAAI,GAAA,EAAK,QAAQ,GAAA,EAAI,WAAA,EAAY,QAAO,MAAA,EAAO,CAAA;AACzD;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/Icons/index.tsx"],"sourcesContent":["import PDIcon from '../../assets/PD-Icon.svg';\n\n/** @public */\nexport function PagerDutyIcon() {\n  return <img src={PDIcon} alt=\"PagerDuty\" height=\"20px\" />;\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,aAAA,GAAgB;AAC9B,EAAA,2BAAQ,KAAA,EAAA,EAAI,GAAA,EAAK,QAAQ,GAAA,EAAI,WAAA,EAAY,QAAO,MAAA,EAAO,CAAA;AACzD;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"IncidentEmptyState.esm.js","sources":["../../../src/components/Incident/IncidentEmptyState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { Grid, Typography } from '@material-ui/core';\nimport EmptyStateImage from \"../../assets/emptystate.svg\";\n\nexport const IncidentsEmptyState = () => {\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      direction=\"column\"\n      alignItems=\"center\"\n    >\n      <Grid item xs={12}>\n        <Typography variant=\"h5\">Nice! No incidents found!</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <img\n          src={EmptyStateImage}\n          alt=\"EmptyState\"\n          data-testid=\"emptyStateImg\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAmBO,MAAM,sBAAsB,MAAM;AACvC,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAS,IAAA;AAAA,MACT,cAAA,EAAe,QAAA;AAAA,MACf,SAAA,EAAU,QAAA;AAAA,MACV,UAAA,EAAW,QAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EACb,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAA,2BAAA,EAAyB,CAAA,EACpD,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,eAAA;AAAA,YACL,GAAA,EAAI,YAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"IncidentEmptyState.esm.js","sources":["../../../src/components/Incident/IncidentEmptyState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { Grid, Typography } from '@material-ui/core';\nimport EmptyStateImage from '../../assets/emptystate.svg';\n\nexport const IncidentsEmptyState = () => {\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      direction=\"column\"\n      alignItems=\"center\"\n    >\n      <Grid item xs={12}>\n        <Typography variant=\"h5\">Nice! No incidents found!</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <img\n          src={EmptyStateImage}\n          alt=\"EmptyState\"\n          data-testid=\"emptyStateImg\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAmBO,MAAM,sBAAsB,MAAM;AACvC,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAS,IAAA;AAAA,MACT,cAAA,EAAe,QAAA;AAAA,MACf,SAAA,EAAU,QAAA;AAAA,MACV,UAAA,EAAW,QAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EACb,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAA,2BAAA,EAAyB,CAAA,EACpD,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,eAAA;AAAA,YACL,GAAA,EAAI,YAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -3,17 +3,26 @@ import { Grid, Typography } from '@material-ui/core';
 import ForbiddenStateImage from '../../assets/forbiddenstate.svg';
 
 const IncidentForbiddenState = () => {
-  return /* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "center", direction: "column", alignItems: "center", children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Feature not available with your account or token." }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: ForbiddenStateImage,
-        alt: "ForbiddenState",
-        "data-testid": "forbiddenStateImg"
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      container: true,
+      justifyContent: "center",
+      direction: "column",
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: "Feature not available with your account or token." }) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: ForbiddenStateImage,
+            alt: "ForbiddenState",
+            "data-testid": "forbiddenStateImg"
+          }
+        ) })
+      ]
+    }
+  );
 };
 
 export { IncidentForbiddenState };

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

@@ -1 +1 @@
-{"version":3,"file":"IncidentForbiddenState.esm.js","sources":["../../../src/components/Incident/IncidentForbiddenState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { Grid, Typography } from '@material-ui/core';\nimport ForbiddenStateImage from '../../assets/forbiddenstate.svg';\n\nexport const IncidentForbiddenState = () => {\n  return (\n    <Grid container justifyContent=\"center\" direction=\"column\" alignItems=\"center\">\n      <Grid item xs={12}>\n        <Typography variant=\"h5\">Feature not available with your account or token.</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <img\n          src={ForbiddenStateImage}\n          alt=\"ForbiddenState\"\n          data-testid=\"forbiddenStateImg\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,yBAAyB,MAAM;AAC1C,EAAA,uBACE,IAAA,CAAC,QAAK,SAAA,EAAS,IAAA,EAAC,gBAAe,QAAA,EAAS,SAAA,EAAU,QAAA,EAAS,UAAA,EAAW,QAAA,EACpE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EACb,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAA,mDAAA,EAAiD,CAAA,EAC5E,CAAA;AAAA,oBACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,mBAAA;AAAA,QACL,GAAA,EAAI,gBAAA;AAAA,QACJ,aAAA,EAAY;AAAA;AAAA,KACd,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"IncidentForbiddenState.esm.js","sources":["../../../src/components/Incident/IncidentForbiddenState.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { Grid, Typography } from '@material-ui/core';\nimport ForbiddenStateImage from '../../assets/forbiddenstate.svg';\n\nexport const IncidentForbiddenState = () => {\n  return (\n    <Grid\n      container\n      justifyContent=\"center\"\n      direction=\"column\"\n      alignItems=\"center\"\n    >\n      <Grid item xs={12}>\n        <Typography variant=\"h5\">\n          Feature not available with your account or token.\n        </Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <img\n          src={ForbiddenStateImage}\n          alt=\"ForbiddenState\"\n          data-testid=\"forbiddenStateImg\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAoBO,MAAM,yBAAyB,MAAM;AAC1C,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAS,IAAA;AAAA,MACT,cAAA,EAAe,QAAA;AAAA,MACf,SAAA,EAAU,QAAA;AAAA,MACV,UAAA,EAAW,QAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EACb,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAA,mDAAA,EAEzB,CAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EACb,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,mBAAA;AAAA,YACL,GAAA,EAAI,gBAAA;AAAA,YACJ,aAAA,EAAY;AAAA;AAAA,SACd,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, ListItem, ListItemText, Typography, Chip, ListItemSecondaryAction, Tooltip, IconButton } from '@material-ui/core';
+import { makeStyles, ListItem, ListItemText, Typography, Chip, ListItemSecondaryAction } from '@material-ui/core';
+import { TooltipTrigger, ButtonIcon, Tooltip } from '@backstage/ui';
 import { DateTime, Duration } from 'luxon';
 import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
 import { Link } from '@backstage/core-components';
@@ -58,10 +59,6 @@ const useStyles = makeStyles((theme) => ({
   textContainer: {
     display: "flex",
     alignItems: "baseline"
-  },
-  smallIconStyle: {
-    color: theme.palette.text.primary,
-    marginRight: "-20px"
   }
 }));
 const IncidentListItem = ({ incident }) => {
@@ -69,6 +66,9 @@ const IncidentListItem = ({ incident }) => {
   const duration = (/* @__PURE__ */ new Date()).getTime() - new Date(incident.created_at).getTime();
   const createdAt = DateTime.local().minus(Duration.fromMillis(duration)).toRelative({ locale: "en" });
   const user = incident.assignments[0]?.assignee;
+  const handleIncidentClick = () => {
+    window.open(incident.html_url, "_blank", "noopener,noreferrer");
+  };
   return /* @__PURE__ */ jsxs(ListItem, { dense: true, children: [
     /* @__PURE__ */ jsx(
       ListItemText,
@@ -109,16 +109,18 @@ const IncidentListItem = ({ incident }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx(ListItemSecondaryAction, { children: /* @__PURE__ */ jsx(Tooltip, { title: "View in PagerDuty", placement: "top", children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        href: incident.html_url,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: classes.smallIconStyle,
-        children: /* @__PURE__ */ jsx(OpenInBrowserIcon, {})
-      }
-    ) }) })
+    /* @__PURE__ */ jsx(ListItemSecondaryAction, { children: /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+      /* @__PURE__ */ jsx(
+        ButtonIcon,
+        {
+          "aria-label": "view-in-pd-button",
+          icon: /* @__PURE__ */ jsx(OpenInBrowserIcon, {}),
+          variant: "tertiary",
+          onClick: handleIncidentClick
+        }
+      ),
+      /* @__PURE__ */ jsx(Tooltip, { children: "View in PagerDuty" })
+    ] }) })
   ] }, incident.id);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"IncidentListItem.esm.js","sources":["../../../src/components/Incident/IncidentListItem.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport {\n  ListItem,\n  ListItemSecondaryAction,\n  Tooltip,\n  ListItemText,\n  makeStyles,\n  IconButton,\n  Typography,\n  Chip,\n} from '@material-ui/core';\nimport { DateTime, Duration } from 'luxon';\nimport { PagerDutyIncident } from '@pagerduty/backstage-plugin-common';\nimport OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';\nimport { BackstageTheme } from '@backstage/theme';\nimport { Link } from '@backstage/core-components';\n\nconst useStyles = makeStyles<BackstageTheme>((theme) => ({\n  denseListIcon: {\n    marginRight: 0,\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  listItemPrimary: {\n    fontWeight: \"bold\",\n  },\n  warning: {\n    borderColor: theme.palette.warning.main,\n    color: \"#fff\",\n    backgroundColor: theme.palette.warning.main,\n    boxShadow: \"0 4px 4px 0 rgba(0,0,0,0.2)\",\n    textTransform: \"uppercase\",\n    \"& *\": {\n      color: \"#fff\",\n    },\n  },\n  error: {\n    borderColor: theme.palette.error.main,\n    color: \"#fff\",\n    backgroundColor: theme.palette.error.main,\n    boxShadow: \"0 4px 4px 0 rgba(0,0,0,0.2)\",\n    textTransform: \"uppercase\",\n    \"& *\": {\n      color: \"#fff\",\n    },\n  },\n  lowUrgency: {\n    borderColor: theme.palette.warning.main,\n    color: theme.palette.warning.main,\n    backgroundColor: \"#fff\",\n    boxShadow: \"0 4px 4px 0 rgba(0,0,0,0.2)\",\n    textTransform: \"uppercase\",\n    \"& *\": {\n      color: theme.palette.warning.main,\n    },\n  },\n  highUrgency: {\n    borderColor: theme.palette.error.main,\n    color: theme.palette.error.main,\n    backgroundColor: \"#fff\",\n    boxShadow: \"0 4px 4px 0 rgba(0,0,0,0.2)\",\n    textTransform: \"uppercase\",\n    \"& *\": {\n      color: theme.palette.error.main,\n    },\n  },\n  textContainer: {\n    display: \"flex\",\n    alignItems: \"baseline\",\n  },\n  smallIconStyle: {\n    color: theme.palette.text.primary,\n    marginRight: \"-20px\",\n  },\n}));\n\ntype Props = {\n  incident: PagerDutyIncident;\n};\n\nexport const IncidentListItem = ({ incident }: Props) => {\n  const classes = useStyles();\n  const duration =\n    new Date().getTime() - new Date(incident.created_at).getTime();\n  const createdAt = DateTime.local()\n    .minus(Duration.fromMillis(duration))\n    .toRelative({ locale: 'en' });\n  const user = incident.assignments[0]?.assignee;\n\n  return (\n    <ListItem dense key={incident.id}>\n      <ListItemText\n        primary={\n          <div className={classes.textContainer}>\n            <Chip\n              data-testid={`chip-${incident.status}`}\n              label={incident.status}\n              size=\"small\"\n              variant=\"outlined\"\n              className={\n                incident.status === \"triggered\"\n                  ? classes.error\n                  : classes.warning\n              }\n            />\n            <Chip\n              data-testid={`chip-${incident.urgency}`}\n              label={`${incident.urgency} urgency`}\n              size=\"small\"\n              variant=\"outlined\"\n              className={\n                incident.urgency === \"high\"\n                  ? classes.highUrgency\n                  : classes.lowUrgency\n              }\n            />\n            {incident.title}\n          </div>\n        }\n        primaryTypographyProps={{\n          variant: \"body1\",\n          className: classes.listItemPrimary,\n        }}\n        secondary={\n          <Typography noWrap variant=\"body2\" color=\"textSecondary\">\n            Created {createdAt} and assigned to{\" \"}\n            <Link to={user?.html_url ?? \"#\"}>{user?.summary ?? \"nobody\"}</Link>\n          </Typography>\n        }\n      />\n      <ListItemSecondaryAction>\n        <Tooltip title=\"View in PagerDuty\" placement=\"top\">\n          <IconButton\n            href={incident.html_url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className={classes.smallIconStyle}\n          >\n            <OpenInBrowserIcon />\n          </IconButton>\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"IncidentListItem.esm.js","sources":["../../../src/components/Incident/IncidentListItem.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport {\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  makeStyles,\n  Typography,\n  Chip,\n} from '@material-ui/core';\nimport { ButtonIcon, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport { DateTime, Duration } from 'luxon';\nimport { PagerDutyIncident } from '@pagerduty/backstage-plugin-common';\nimport OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';\nimport { BackstageTheme } from '@backstage/theme';\nimport { Link } from '@backstage/core-components';\n\nconst useStyles = makeStyles<BackstageTheme>(theme => ({\n  denseListIcon: {\n    marginRight: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  listItemPrimary: {\n    fontWeight: 'bold',\n  },\n  warning: {\n    borderColor: theme.palette.warning.main,\n    color: '#fff',\n    backgroundColor: theme.palette.warning.main,\n    boxShadow: '0 4px 4px 0 rgba(0,0,0,0.2)',\n    textTransform: 'uppercase',\n    '& *': {\n      color: '#fff',\n    },\n  },\n  error: {\n    borderColor: theme.palette.error.main,\n    color: '#fff',\n    backgroundColor: theme.palette.error.main,\n    boxShadow: '0 4px 4px 0 rgba(0,0,0,0.2)',\n    textTransform: 'uppercase',\n    '& *': {\n      color: '#fff',\n    },\n  },\n  lowUrgency: {\n    borderColor: theme.palette.warning.main,\n    color: theme.palette.warning.main,\n    backgroundColor: '#fff',\n    boxShadow: '0 4px 4px 0 rgba(0,0,0,0.2)',\n    textTransform: 'uppercase',\n    '& *': {\n      color: theme.palette.warning.main,\n    },\n  },\n  highUrgency: {\n    borderColor: theme.palette.error.main,\n    color: theme.palette.error.main,\n    backgroundColor: '#fff',\n    boxShadow: '0 4px 4px 0 rgba(0,0,0,0.2)',\n    textTransform: 'uppercase',\n    '& *': {\n      color: theme.palette.error.main,\n    },\n  },\n  textContainer: {\n    display: 'flex',\n    alignItems: 'baseline',\n  },\n}));\n\ntype Props = {\n  incident: PagerDutyIncident;\n};\n\nexport const IncidentListItem = ({ incident }: Props) => {\n  const classes = useStyles();\n  const duration =\n    new Date().getTime() - new Date(incident.created_at).getTime();\n  const createdAt = DateTime.local()\n    .minus(Duration.fromMillis(duration))\n    .toRelative({ locale: 'en' });\n  const user = incident.assignments[0]?.assignee;\n\n  const handleIncidentClick = () => {\n    window.open(incident.html_url, '_blank', 'noopener,noreferrer');\n  };\n\n  return (\n    <ListItem dense key={incident.id}>\n      <ListItemText\n        primary={\n          <div className={classes.textContainer}>\n            <Chip\n              data-testid={`chip-${incident.status}`}\n              label={incident.status}\n              size=\"small\"\n              variant=\"outlined\"\n              className={\n                incident.status === 'triggered'\n                  ? classes.error\n                  : classes.warning\n              }\n            />\n            <Chip\n              data-testid={`chip-${incident.urgency}`}\n              label={`${incident.urgency} urgency`}\n              size=\"small\"\n              variant=\"outlined\"\n              className={\n                incident.urgency === 'high'\n                  ? classes.highUrgency\n                  : classes.lowUrgency\n              }\n            />\n            {incident.title}\n          </div>\n        }\n        primaryTypographyProps={{\n          variant: 'body1',\n          className: classes.listItemPrimary,\n        }}\n        secondary={\n          <Typography noWrap variant=\"body2\" color=\"textSecondary\">\n            Created {createdAt} and assigned to{' '}\n            <Link to={user?.html_url ?? '#'}>{user?.summary ?? 'nobody'}</Link>\n          </Typography>\n        }\n      />\n      <ListItemSecondaryAction>\n        <TooltipTrigger>\n          <ButtonIcon\n            aria-label=\"view-in-pd-button\"\n            icon={<OpenInBrowserIcon />}\n            variant=\"tertiary\"\n            onClick={handleIncidentClick}\n          />\n          <Tooltip>View in PagerDuty</Tooltip>\n        </TooltipTrigger>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEffect } from 'react';
-import { List } from '@material-ui/core';
+import { makeStyles, List, createStyles } from '@material-ui/core';
 import { IncidentListItem } from './IncidentListItem.esm.js';
 import { IncidentsEmptyState } from './IncidentEmptyState.esm.js';
 import useAsyncFn from 'react-use/lib/useAsyncFn';
@@ -10,8 +10,16 @@ import { useApi } from '@backstage/core-plugin-api';
 import { Progress } from '@backstage/core-components';
 import { IncidentForbiddenState } from './IncidentForbiddenState.esm.js';
 
+const useStyles = makeStyles(
+  () => createStyles({
+    loadingStyles: {
+      height: "253px"
+    }
+  })
+);
 const Incidents = ({ serviceId, account, refreshIncidents }) => {
   const api = useApi(pagerDutyApiRef);
+  const { loadingStyles } = useStyles();
   const [{ value: incidents, loading, error }, getIncidents] = useAsyncFn(
     async () => {
       const { incidents: foundIncidents } = await api.getIncidentsByServiceId(
@@ -34,7 +42,7 @@ const Incidents = ({ serviceId, account, refreshIncidents }) => {
     ] });
   }
   if (loading) {
-    return /* @__PURE__ */ jsx(Progress, {});
+    return /* @__PURE__ */ jsx("div", { className: loadingStyles, children: /* @__PURE__ */ jsx(Progress, {}) });
   }
   if (!incidents?.length) {
     return /* @__PURE__ */ jsx(IncidentsEmptyState, {});

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

@@ -1 +1 @@
-{"version":3,"file":"Incidents.esm.js","sources":["../../../src/components/Incident/Incidents.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { useEffect } from 'react';\nimport { List } from '@material-ui/core';\nimport { IncidentListItem } from './IncidentListItem';\nimport { IncidentsEmptyState } from './IncidentEmptyState';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport { pagerDutyApiRef } from '../../api';\nimport { Alert } from '@material-ui/lab';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Progress } from '@backstage/core-components';\nimport { IncidentForbiddenState } from './IncidentForbiddenState';\n\ntype Props = {\n  serviceId: string;\n  account?: string;\n  refreshIncidents: boolean;\n};\n\nexport const Incidents = ({ serviceId, account, refreshIncidents }: Props) => {\n  const api = useApi(pagerDutyApiRef);\n\n  const [{ value: incidents, loading, error }, getIncidents] = useAsyncFn(\n    async () => {\n      const { incidents: foundIncidents } = await api.getIncidentsByServiceId(\n        serviceId,\n        account\n      );\n      return foundIncidents;\n    },\n  );\n\n  useEffect(() => {\n    getIncidents();\n  }, [refreshIncidents, getIncidents]);\n\n  if (error) {\n    if (error.message.includes('Forbidden')) {\n      return <IncidentForbiddenState />;\n    }\n\n    return (\n      <Alert severity=\"error\">\n        Error encountered while fetching information. {error.message}\n      </Alert>\n    );\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (!incidents?.length) {\n    return <IncidentsEmptyState />;\n  }\n\n  return (\n    <List dense>\n      {incidents!.map((incident, index) => (\n        <IncidentListItem key={incident.id + index} incident={incident} />\n      ))}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAkCO,MAAM,YAAY,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,kBAAiB,KAAa;AAC5E,EAAA,MAAM,GAAA,GAAM,OAAO,eAAe,CAAA;AAElC,EAAA,MAAM,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,SAAS,KAAA,EAAM,EAAG,YAAY,CAAA,GAAI,UAAA;AAAA,IAC3D,YAAY;AACV,MAAA,MAAM,EAAE,SAAA,EAAW,cAAA,EAAe,GAAI,MAAM,GAAA,CAAI,uBAAA;AAAA,QAC9C,SAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,OAAO,cAAA;AAAA,IACT;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,EAAa;AAAA,EACf,CAAA,EAAG,CAAC,gBAAA,EAAkB,YAAY,CAAC,CAAA;AAEnC,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,WAAW,CAAA,EAAG;AACvC,MAAA,2BAAQ,sBAAA,EAAA,EAAuB,CAAA;AAAA,IACjC;AAEA,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAQ,QAAA,EAAA;AAAA,MAAA,gDAAA;AAAA,MACyB,KAAA,CAAM;AAAA,KAAA,EACvD,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,2BAAQ,QAAA,EAAA,EAAS,CAAA;AAAA,EACnB;AAEA,EAAA,IAAI,CAAC,WAAW,MAAA,EAAQ;AACtB,IAAA,2BAAQ,mBAAA,EAAA,EAAoB,CAAA;AAAA,EAC9B;AAEA,EAAA,2BACG,IAAA,EAAA,EAAK,KAAA,EAAK,IAAA,EACR,QAAA,EAAA,SAAA,CAAW,IAAI,CAAC,QAAA,EAAU,KAAA,qBACzB,GAAA,CAAC,oBAA2C,QAAA,EAAA,EAArB,QAAA,CAAS,EAAA,GAAK,KAA2B,CACjE,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Incidents.esm.js","sources":["../../../src/components/Incident/Incidents.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport { useEffect } from 'react';\nimport { createStyles, List, makeStyles } from '@material-ui/core';\nimport { IncidentListItem } from './IncidentListItem';\nimport { IncidentsEmptyState } from './IncidentEmptyState';\nimport useAsyncFn from 'react-use/lib/useAsyncFn';\nimport { pagerDutyApiRef } from '../../api';\nimport { Alert } from '@material-ui/lab';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { Progress } from '@backstage/core-components';\nimport { IncidentForbiddenState } from './IncidentForbiddenState';\nimport { BackstageTheme } from '@backstage/theme';\n\ntype Props = {\n  serviceId: string;\n  account?: string;\n  refreshIncidents: boolean;\n};\n\nconst useStyles = makeStyles<BackstageTheme>(() =>\n  createStyles({\n    loadingStyles: {\n      height: '253px',\n    },\n  }),\n);\n\nexport const Incidents = ({ serviceId, account, refreshIncidents }: Props) => {\n  const api = useApi(pagerDutyApiRef);\n  const { loadingStyles } = useStyles();\n\n  const [{ value: incidents, loading, error }, getIncidents] = useAsyncFn(\n    async () => {\n      const { incidents: foundIncidents } = await api.getIncidentsByServiceId(\n        serviceId,\n        account,\n      );\n      return foundIncidents;\n    },\n  );\n\n  useEffect(() => {\n    getIncidents();\n  }, [refreshIncidents, getIncidents]);\n\n  if (error) {\n    if (error.message.includes('Forbidden')) {\n      return <IncidentForbiddenState />;\n    }\n\n    return (\n      <Alert severity=\"error\">\n        Error encountered while fetching information. {error.message}\n      </Alert>\n    );\n  }\n\n  if (loading) {\n    return (\n      <div className={loadingStyles}>\n        <Progress />\n      </div>\n    );\n  }\n\n  if (!incidents?.length) {\n    return <IncidentsEmptyState />;\n  }\n\n  return (\n    <List dense>\n      {incidents!.map((incident, index) => (\n        <IncidentListItem key={incident.id + index} incident={incident} />\n      ))}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAmCA,MAAM,SAAA,GAAY,UAAA;AAAA,EAA2B,MAC3C,YAAA,CAAa;AAAA,IACX,aAAA,EAAe;AAAA,MACb,MAAA,EAAQ;AAAA;AACV,GACD;AACH,CAAA;AAEO,MAAM,YAAY,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,kBAAiB,KAAa;AAC5E,EAAA,MAAM,GAAA,GAAM,OAAO,eAAe,CAAA;AAClC,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,SAAA,EAAU;AAEpC,EAAA,MAAM,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,SAAS,KAAA,EAAM,EAAG,YAAY,CAAA,GAAI,UAAA;AAAA,IAC3D,YAAY;AACV,MAAA,MAAM,EAAE,SAAA,EAAW,cAAA,EAAe,GAAI,MAAM,GAAA,CAAI,uBAAA;AAAA,QAC9C,SAAA;AAAA,QACA;AAAA,OACF;AACA,MAAA,OAAO,cAAA;AAAA,IACT;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,EAAa;AAAA,EACf,CAAA,EAAG,CAAC,gBAAA,EAAkB,YAAY,CAAC,CAAA;AAEnC,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,WAAW,CAAA,EAAG;AACvC,MAAA,2BAAQ,sBAAA,EAAA,EAAuB,CAAA;AAAA,IACjC;AAEA,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAQ,QAAA,EAAA;AAAA,MAAA,gDAAA;AAAA,MACyB,KAAA,CAAM;AAAA,KAAA,EACvD,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EACd,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,CAAC,WAAW,MAAA,EAAQ;AACtB,IAAA,2BAAQ,mBAAA,EAAA,EAAoB,CAAA;AAAA,EAC9B;AAEA,EAAA,2BACG,IAAA,EAAA,EAAK,KAAA,EAAK,IAAA,EACR,QAAA,EAAA,SAAA,CAAW,IAAI,CAAC,QAAA,EAAU,KAAA,qBACzB,GAAA,CAAC,oBAA2C,QAAA,EAAA,EAArB,QAAA,CAAS,EAAA,GAAK,KAA2B,CACjE,CAAA,EACH,CAAA;AAEJ;;;;"}