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

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

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

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

@@ -0,0 +1,35 @@
+import { makeStyles, Card, Typography } from '@material-ui/core';
+import React from 'react';
+import validateColor from 'validate-color';
+
+function IncidentCounterCard({ count, label, color, compact }) {
+  const textColor = color && validateColor(color) ? color : "black";
+  const useStyles = makeStyles(() => ({
+    cardStyle: {
+      marginRight: "10px",
+      height: compact !== true ? "120px" : "80px",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "rgba(0, 0, 0, 0.03)"
+    },
+    largeTextStyle: {
+      color: textColor,
+      fontSize: "30px",
+      marginTop: "-10px"
+    },
+    smallTextStyle: {
+      color: textColor,
+      fontWeight: "bold",
+      fontSize: "10px",
+      marginTop: "-5px",
+      textTransform: "uppercase",
+      flexWrap: "wrap"
+    }
+  }));
+  const { cardStyle, largeTextStyle, smallTextStyle } = useStyles();
+  return /* @__PURE__ */ React.createElement(Card, { className: cardStyle }, count !== void 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { className: largeTextStyle }, count), /* @__PURE__ */ React.createElement(Typography, { className: smallTextStyle }, label)) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { className: largeTextStyle }, "-"), /* @__PURE__ */ React.createElement(Typography, { className: smallTextStyle }, label)));
+}
+
+export { IncidentCounterCard as default };
+//# sourceMappingURL=InsightsCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InsightsCard.esm.js","sources":["../../../src/components/PagerDutyCardCommon/InsightsCard.tsx"],"sourcesContent":["import { BackstageTheme } from \"@backstage/theme\";\nimport { Card, Typography, makeStyles } from \"@material-ui/core\";\nimport React from \"react\";\nimport validateColor from \"validate-color\";\n\ntype Props = {\n  count: number | undefined;\n  label: string;\n  color: string;\n  compact?: boolean;\n};\n\nfunction IncidentCounterCard({ count, label, color, compact }: Props) {\n\n  const textColor = color && validateColor(color) ? color : \"black\";\n\n  const useStyles = makeStyles<BackstageTheme>(() => ({\n    cardStyle: {\n      marginRight: \"10px\",\n      height: compact !== true ? \"120px\" : \"80px\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      backgroundColor: \"rgba(0, 0, 0, 0.03)\",\n    },\n    largeTextStyle: {\n      color: textColor,\n      fontSize: \"30px\",\n      marginTop: \"-10px\",\n    },\n    smallTextStyle: {\n      color: textColor,\n      fontWeight: \"bold\",\n      fontSize: \"10px\",\n      marginTop: \"-5px\",\n      textTransform: \"uppercase\",\n      flexWrap: \"wrap\",\n    },\n  }));\n\n  const { cardStyle, largeTextStyle, smallTextStyle } = useStyles();\n\n  return (\n    <Card className={cardStyle}>\n      {(count !== undefined) ? (\n        <>\n          <Typography className={largeTextStyle}>{count}</Typography>\n          <Typography className={smallTextStyle}>{label}</Typography>\n        </>\n      ) : (\n        <>\n          <Typography className={largeTextStyle}>-</Typography>\n          <Typography className={smallTextStyle}>{label}</Typography>\n        </>\n      )}\n    </Card>\n  );\n}\n\nexport default IncidentCounterCard;\n"],"names":[],"mappings":";;;;AAYA,SAAS,oBAAoB,EAAE,KAAA,EAAO,KAAO,EAAA,KAAA,EAAO,SAAkB,EAAA;AAEpE,EAAA,MAAM,SAAY,GAAA,KAAA,IAAS,aAAc,CAAA,KAAK,IAAI,KAAQ,GAAA,OAAA,CAAA;AAE1D,EAAM,MAAA,SAAA,GAAY,WAA2B,OAAO;AAAA,IAClD,SAAW,EAAA;AAAA,MACT,WAAa,EAAA,MAAA;AAAA,MACb,MAAA,EAAQ,OAAY,KAAA,IAAA,GAAO,OAAU,GAAA,MAAA;AAAA,MACrC,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA,QAAA;AAAA,MAChB,eAAiB,EAAA,qBAAA;AAAA,KACnB;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,KAAO,EAAA,SAAA;AAAA,MACP,QAAU,EAAA,MAAA;AAAA,MACV,SAAW,EAAA,OAAA;AAAA,KACb;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,KAAO,EAAA,SAAA;AAAA,MACP,UAAY,EAAA,MAAA;AAAA,MACZ,QAAU,EAAA,MAAA;AAAA,MACV,SAAW,EAAA,MAAA;AAAA,MACX,aAAe,EAAA,WAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,KACZ;AAAA,GACA,CAAA,CAAA,CAAA;AAEF,EAAA,MAAM,EAAE,SAAA,EAAW,cAAgB,EAAA,cAAA,KAAmB,SAAU,EAAA,CAAA;AAEhE,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,SAAA,EAAA,EACb,UAAU,KACV,CAAA,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,cAAA,EAAA,EAAiB,KAAM,CAAA,sCAC7C,UAAW,EAAA,EAAA,SAAA,EAAW,cAAiB,EAAA,EAAA,KAAM,CAChD,CAAA,mBAGE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,SAAW,EAAA,cAAA,EAAA,EAAgB,GAAC,CAAA,sCACvC,UAAW,EAAA,EAAA,SAAA,EAAW,cAAiB,EAAA,EAAA,KAAM,CAChD,CAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { makeStyles, IconButton } from '@material-ui/core';
+import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
+
+function OpenServiceButton({ serviceUrl, compact }) {
+  const useStyles = makeStyles((theme) => ({
+    buttonStyle: {
+      color: theme.palette.text.primary,
+      "&:hover": {
+        backgroundColor: "transparent",
+        textDecoration: "underline"
+      }
+    },
+    containerStyle: {
+      fontSize: compact !== true ? "12px" : "10px",
+      width: compact !== true ? "85px" : "70px"
+    },
+    iconStyle: {
+      fontSize: "30px",
+      marginBottom: "-10px"
+    },
+    textStyle: {
+      marginBottom: "-10px"
+    }
+  }));
+  const { buttonStyle, containerStyle, iconStyle, textStyle } = useStyles();
+  function navigateToService() {
+    window.open(serviceUrl, "_blank");
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "open-service-in-browser",
+      onClick: navigateToService,
+      className: buttonStyle
+    },
+    /* @__PURE__ */ React.createElement("div", { className: containerStyle }, /* @__PURE__ */ React.createElement(OpenInBrowserIcon, { className: iconStyle }), /* @__PURE__ */ React.createElement("p", { className: textStyle }, "Open service in PagerDuty"))
+  ));
+}
+
+export { OpenServiceButton };
+//# sourceMappingURL=OpenServiceButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenServiceButton.esm.js","sources":["../../../src/components/PagerDutyCardCommon/OpenServiceButton.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React from \"react\";\nimport { makeStyles, IconButton } from \"@material-ui/core\";\nimport { BackstageTheme } from \"@backstage/theme\";\n\nimport OpenInBrowser from \"@material-ui/icons/OpenInBrowser\";\n\ntype OpenServiceButtonProps = {\n  serviceUrl: string;\n  compact?: boolean;\n};\n\n/** @public */\nexport function OpenServiceButton({ serviceUrl, compact }: OpenServiceButtonProps) {\n  const useStyles = makeStyles<BackstageTheme>((theme) => ({\n    buttonStyle: {\n      color: theme.palette.text.primary,\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n        textDecoration: \"underline\",\n      },\n    },\n    containerStyle: {\n      fontSize: compact !== true ? \"12px\" : \"10px\",\n      width: compact !== true ? \"85px\" : \"70px\",\n    },\n    iconStyle: {\n      fontSize: \"30px\",\n      marginBottom: \"-10px\",\n    },\n    textStyle: {\n      marginBottom: \"-10px\",\n    },\n  }));\n\n  const { buttonStyle, containerStyle, iconStyle, textStyle } = useStyles();\n\n  function navigateToService() {\n    window.open(serviceUrl, \"_blank\");\n  }\n\n  return (\n    <>\n      <IconButton\n        aria-label=\"open-service-in-browser\"\n        onClick={navigateToService}\n        className={buttonStyle}\n      >\n        <div className={containerStyle}>\n          <OpenInBrowser className={iconStyle} />\n          <p className={textStyle}>Open service in PagerDuty</p>\n        </div>\n      </IconButton>\n    </>\n  );\n}\n"],"names":["OpenInBrowser"],"mappings":";;;;AA6BO,SAAS,iBAAkB,CAAA,EAAE,UAAY,EAAA,OAAA,EAAmC,EAAA;AACjF,EAAM,MAAA,SAAA,GAAY,UAA2B,CAAA,CAAC,KAAW,MAAA;AAAA,IACvD,WAAa,EAAA;AAAA,MACX,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,MAC1B,SAAW,EAAA;AAAA,QACT,eAAiB,EAAA,aAAA;AAAA,QACjB,cAAgB,EAAA,WAAA;AAAA,OAClB;AAAA,KACF;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAA,EAAU,OAAY,KAAA,IAAA,GAAO,MAAS,GAAA,MAAA;AAAA,MACtC,KAAA,EAAO,OAAY,KAAA,IAAA,GAAO,MAAS,GAAA,MAAA;AAAA,KACrC;AAAA,IACA,SAAW,EAAA;AAAA,MACT,QAAU,EAAA,MAAA;AAAA,MACV,YAAc,EAAA,OAAA;AAAA,KAChB;AAAA,IACA,SAAW,EAAA;AAAA,MACT,YAAc,EAAA,OAAA;AAAA,KAChB;AAAA,GACA,CAAA,CAAA,CAAA;AAEF,EAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAgB,SAAW,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AAExE,EAAA,SAAS,iBAAoB,GAAA;AAC3B,IAAO,MAAA,CAAA,IAAA,CAAK,YAAY,QAAQ,CAAA,CAAA;AAAA,GAClC;AAEA,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,yBAAA;AAAA,MACX,OAAS,EAAA,iBAAA;AAAA,MACT,SAAW,EAAA,WAAA;AAAA,KAAA;AAAA,oBAEV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,cAAA,EAAA,sCACbA,iBAAc,EAAA,EAAA,SAAA,EAAW,SAAW,EAAA,CAAA,kBACpC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAW,EAAA,SAAA,EAAA,EAAW,2BAAyB,CACpD,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,95 @@
+import { makeStyles, withStyles, LinearProgress, Card, Typography, IconButton, Tooltip } from '@material-ui/core';
+import React from 'react';
+import InfoIcon from '@material-ui/icons/Info';
+import CheckCircle from '@material-ui/icons/CheckCircle';
+import RadioButtonUncheckedIcon from '@material-ui/icons/RadioButtonUnchecked';
+
+function colorFromPercentage(theme, percentage) {
+  if (percentage < 0.5) {
+    return theme.palette.error.main;
+  } else if (percentage < 0.8) {
+    return theme.palette.warning.main;
+  }
+  return theme.palette.success.main;
+}
+function ServiceStandardsCard({ total, completed, standards, compact }) {
+  const useStyles = makeStyles((theme) => ({
+    cardStyle: {
+      height: compact !== true ? "120px" : "80px",
+      display: "grid",
+      gridTemplateRows: "1fr auto auto",
+      backgroundColor: "rgba(0, 0, 0, 0.03)"
+    },
+    containerStyle: {
+      display: "flex",
+      justifyContent: "center",
+      marginTop: compact !== true ? "-100px" : "-50px"
+    },
+    largeTextStyle: {
+      fontSize: compact !== true ? "50px" : "40px",
+      color: completed !== void 0 && total !== void 0 ? colorFromPercentage(theme, completed / total) : colorFromPercentage(theme, 0),
+      alignSelf: "center",
+      justifyContent: "center"
+    },
+    smallTextStyle: {
+      color: theme.palette.textSubtle,
+      fontSize: compact !== true ? "14px" : "12px",
+      fontWeight: "bold",
+      alignSelf: "center",
+      justifyContent: "center",
+      marginLeft: "-2px",
+      marginTop: compact !== true ? "25px" : "20px"
+    },
+    tooltipContainer: {},
+    tooltipIcon: {
+      marginRight: "5px"
+    },
+    standardItem: {
+      display: "flex",
+      alignItems: "center"
+    }
+  }));
+  const BorderLinearProgress = withStyles((theme) => ({
+    root: {
+      height: 10,
+      borderRadius: 5,
+      margin: 5
+    },
+    colorPrimary: {
+      backgroundColor: theme.palette.grey[theme.palette.type === "light" ? 200 : 700]
+    },
+    bar: {
+      borderRadius: 5,
+      backgroundColor: completed !== void 0 && total !== void 0 ? colorFromPercentage(theme, completed / total) : colorFromPercentage(theme, 0)
+    }
+  }))(LinearProgress);
+  const {
+    cardStyle,
+    containerStyle,
+    largeTextStyle,
+    smallTextStyle,
+    tooltipContainer,
+    tooltipIcon,
+    standardItem
+  } = useStyles();
+  if (standards === void 0 || completed === void 0 || total === void 0) {
+    return /* @__PURE__ */ React.createElement(Card, { className: cardStyle }, /* @__PURE__ */ React.createElement("div", { className: containerStyle }, /* @__PURE__ */ React.createElement(Typography, { className: smallTextStyle }, "Unable to retrieve Scores")));
+  }
+  return /* @__PURE__ */ React.createElement(Card, { className: cardStyle }, completed !== void 0 && total !== void 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: tooltipContainer }, /* @__PURE__ */ React.createElement(IconButton, null, /* @__PURE__ */ React.createElement(
+    Tooltip,
+    {
+      interactive: true,
+      title: /* @__PURE__ */ React.createElement(React.Fragment, null, standards == null ? void 0 : standards.map((standard, key) => /* @__PURE__ */ React.createElement("p", { key }, standard.pass ? /* @__PURE__ */ React.createElement("span", { className: standardItem }, /* @__PURE__ */ React.createElement(CheckCircle, { className: tooltipIcon }), " ", standard.name) : /* @__PURE__ */ React.createElement("span", { className: standardItem }, /* @__PURE__ */ React.createElement(RadioButtonUncheckedIcon, { className: tooltipIcon }), " ", standard.name))))
+    },
+    /* @__PURE__ */ React.createElement(InfoIcon, null)
+  ))), /* @__PURE__ */ React.createElement("div", { className: containerStyle }, /* @__PURE__ */ React.createElement(Typography, { className: largeTextStyle }, completed), /* @__PURE__ */ React.createElement(Typography, { className: smallTextStyle }, "/", total)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+    BorderLinearProgress,
+    {
+      variant: "determinate",
+      value: completed / total * 100
+    }
+  ))) : /* @__PURE__ */ React.createElement("div", { className: containerStyle }, /* @__PURE__ */ React.createElement(Typography, { className: smallTextStyle }, "Unable to retrieve Scores")));
+}
+
+export { ServiceStandardsCard as default };
+//# sourceMappingURL=ServiceStandardsCard.esm.js.map

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

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

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

@@ -0,0 +1,102 @@
+import { Card, Typography } from '@material-ui/core';
+import React, { useEffect } from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import { useApi } from '@backstage/core-plugin-api';
+import { pagerDutyApiRef } from '../../api/client.esm.js';
+import { useAsyncFn } from 'react-use';
+import Alert from '@material-ui/lab/Alert/Alert';
+import { Progress } from '@backstage/core-components';
+
+function labelFromStatus(status) {
+  let label;
+  switch (status) {
+    case "active":
+      label = "OK";
+      break;
+    case "warning":
+      label = "ACTIVE";
+      break;
+    case "critical":
+      label = "ALARM";
+      break;
+    case "maintenance":
+      label = "MAINTENANCE";
+      break;
+    case "disabled":
+      label = "DISABLED";
+      break;
+    default:
+      label = "OK";
+      break;
+  }
+  return label;
+}
+function colorFromStatus(theme, status) {
+  let color;
+  switch (status) {
+    case "active":
+      color = theme.palette.success.main;
+      break;
+    case "warning":
+      color = theme.palette.warningBackground;
+      break;
+    case "critical":
+      color = theme.palette.error.main;
+      break;
+    case "maintenance":
+      color = "#ebdc00";
+      break;
+    case "disabled":
+      color = "#A9A9A9";
+      break;
+    default:
+      color = theme.palette.success.main;
+      break;
+  }
+  return color;
+}
+function StatusCard({ serviceId, refreshStatus, compact }) {
+  const api = useApi(pagerDutyApiRef);
+  const [{ value: status, loading, error }, getStatus] = useAsyncFn(
+    async () => {
+      const { service: foundService } = await api.getServiceById(serviceId);
+      return foundService.status;
+    }
+  );
+  const useStyles = makeStyles((theme) => ({
+    cardStyle: {
+      height: compact !== true ? "120px" : "80px",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: status !== void 0 ? colorFromStatus(theme, status) : colorFromStatus(theme, "active"),
+      marginRight: "10px"
+    },
+    largeTextStyle: {
+      color: "white",
+      fontWeight: "bold",
+      fontSize: "20px",
+      wordWrap: "break-word"
+    }
+  }));
+  const { cardStyle, largeTextStyle } = useStyles();
+  useEffect(() => {
+    getStatus();
+  }, [refreshStatus, getStatus]);
+  if (error) {
+    if (error.message.includes("Forbidden")) {
+      return /* @__PURE__ */ React.createElement("p", null, "forbidden");
+    }
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Error encountered while fetching information. ", error.message);
+  }
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (!status) {
+    return /* @__PURE__ */ React.createElement("p", null, "not found");
+  }
+  return /* @__PURE__ */ React.createElement(Card, { className: cardStyle }, status !== void 0 ? /* @__PURE__ */ React.createElement(Typography, { className: largeTextStyle }, labelFromStatus(status)) : /* @__PURE__ */ React.createElement(Typography, { className: largeTextStyle }, "Unable to get status"));
+}
+
+export { StatusCard as default };
+//# sourceMappingURL=StatusCard.esm.js.map

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

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

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

@@ -0,0 +1,59 @@
+import React, { useState, useCallback } from 'react';
+import { makeStyles, IconButton } from '@material-ui/core';
+import { TriggerDialog } from '../TriggerDialog/TriggerDialog.esm.js';
+import AddAlert from '@material-ui/icons/AddAlert';
+
+function TriggerIncidentButton({ integrationKey, entityName, compact, handleRefresh }) {
+  const useStyles = makeStyles((theme) => ({
+    buttonStyle: {
+      color: theme.palette.text.primary,
+      "&:hover": {
+        backgroundColor: "transparent",
+        textDecoration: "underline"
+      }
+    },
+    containerStyle: {
+      fontSize: compact !== true ? "12px" : "10px",
+      width: compact !== true ? "80px" : "60px",
+      marginRight: "-10px"
+    },
+    iconStyle: {
+      fontSize: "30px",
+      marginBottom: "-10px"
+    },
+    textStyle: {
+      marginBottom: "-10px"
+    }
+  }));
+  const { buttonStyle, containerStyle, iconStyle, textStyle } = useStyles();
+  const [dialogShown, setDialogShown] = useState(false);
+  const showDialog = useCallback(() => {
+    setDialogShown(true);
+  }, [setDialogShown]);
+  const hideDialog = useCallback(() => {
+    setDialogShown(false);
+  }, [setDialogShown]);
+  const disabled = !integrationKey;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "create-incident",
+      onClick: showDialog,
+      className: disabled ? "" : buttonStyle,
+      disabled
+    },
+    /* @__PURE__ */ React.createElement("div", { className: containerStyle }, /* @__PURE__ */ React.createElement(AddAlert, { className: iconStyle }), /* @__PURE__ */ React.createElement("p", { className: textStyle }, "Create new incident"))
+  ), integrationKey && /* @__PURE__ */ React.createElement(
+    TriggerDialog,
+    {
+      showDialog: dialogShown,
+      handleDialog: hideDialog,
+      integrationKey,
+      serviceName: entityName,
+      onIncidentCreated: handleRefresh
+    }
+  ));
+}
+
+export { TriggerIncidentButton };
+//# sourceMappingURL=TriggerIncidentButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TriggerIncidentButton.esm.js","sources":["../../../src/components/PagerDutyCardCommon/TriggerIncidentButton.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// eslint-disable-next-line @backstage/no-undeclared-imports\nimport React, { useCallback, useState } from \"react\";\nimport { makeStyles, IconButton } from \"@material-ui/core\";\nimport { BackstageTheme } from \"@backstage/theme\";\n\nimport { TriggerDialog } from \"../TriggerDialog\";\nimport AddAlert from \"@material-ui/icons/AddAlert\";\n\n/** @public */\nexport type TriggerIncidentButtonProps = {\n  integrationKey: string | undefined;\n  entityName: string;\n  compact?: boolean;\n  handleRefresh: () => void;\n}\n\n/** @public */\nexport function TriggerIncidentButton({ integrationKey, entityName, compact, handleRefresh } : TriggerIncidentButtonProps) {\n  const useStyles = makeStyles<BackstageTheme>((theme) => ({\n    buttonStyle: {\n      color: theme.palette.text.primary,\n      \"&:hover\": {\n        backgroundColor: \"transparent\",\n        textDecoration: \"underline\",\n      },\n    },\n    containerStyle: {\n      fontSize: compact !== true ? \"12px\" : \"10px\",\n      width: compact !== true ? \"80px\" : \"60px\",\n      marginRight: \"-10px\",\n    },\n    iconStyle: {\n      fontSize: \"30px\",\n      marginBottom: \"-10px\",\n    },\n    textStyle: {\n      marginBottom: \"-10px\",\n    },\n  }));\n\n  const { buttonStyle, containerStyle, iconStyle, textStyle } = useStyles();\n  const [dialogShown, setDialogShown] = useState<boolean>(false);\n\n  const showDialog = useCallback(() => {\n    setDialogShown(true);\n  }, [setDialogShown]);\n  const hideDialog = useCallback(() => {\n    setDialogShown(false);\n  }, [setDialogShown]);\n  \n  const disabled = !integrationKey;\n  \n  return (\n    <>\n      <IconButton\n        aria-label=\"create-incident\"\n        onClick={showDialog}\n        className={disabled ? \"\" : buttonStyle}\n        disabled={disabled}\n      >\n        <div className={containerStyle}>\n          <AddAlert className={iconStyle} />\n          <p className={textStyle}>Create new incident</p>\n        </div>\n      </IconButton>\n      {integrationKey && (\n        <TriggerDialog\n          showDialog={dialogShown}\n          handleDialog={hideDialog}\n          integrationKey={integrationKey}\n          serviceName={entityName}\n          onIncidentCreated={handleRefresh}\n        />\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;AAiCO,SAAS,sBAAsB,EAAE,cAAA,EAAgB,UAAY,EAAA,OAAA,EAAS,eAA8C,EAAA;AACzH,EAAM,MAAA,SAAA,GAAY,UAA2B,CAAA,CAAC,KAAW,MAAA;AAAA,IACvD,WAAa,EAAA;AAAA,MACX,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,MAC1B,SAAW,EAAA;AAAA,QACT,eAAiB,EAAA,aAAA;AAAA,QACjB,cAAgB,EAAA,WAAA;AAAA,OAClB;AAAA,KACF;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,QAAA,EAAU,OAAY,KAAA,IAAA,GAAO,MAAS,GAAA,MAAA;AAAA,MACtC,KAAA,EAAO,OAAY,KAAA,IAAA,GAAO,MAAS,GAAA,MAAA;AAAA,MACnC,WAAa,EAAA,OAAA;AAAA,KACf;AAAA,IACA,SAAW,EAAA;AAAA,MACT,QAAU,EAAA,MAAA;AAAA,MACV,YAAc,EAAA,OAAA;AAAA,KAChB;AAAA,IACA,SAAW,EAAA;AAAA,MACT,YAAc,EAAA,OAAA;AAAA,KAChB;AAAA,GACA,CAAA,CAAA,CAAA;AAEF,EAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAgB,SAAW,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AACxE,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAE7D,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,cAAA,CAAe,IAAI,CAAA,CAAA;AAAA,GACrB,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AACnB,EAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAAA,GACtB,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AAEnB,EAAA,MAAM,WAAW,CAAC,cAAA,CAAA;AAElB,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,iBAAA;AAAA,MACX,OAAS,EAAA,UAAA;AAAA,MACT,SAAA,EAAW,WAAW,EAAK,GAAA,WAAA;AAAA,MAC3B,QAAA;AAAA,KAAA;AAAA,oBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,cAAA,EAAA,sCACb,QAAS,EAAA,EAAA,SAAA,EAAW,SAAW,EAAA,CAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,SAAW,EAAA,SAAA,EAAA,EAAW,qBAAmB,CAC9C,CAAA;AAAA,KAED,cACC,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,WAAA;AAAA,MACZ,YAAc,EAAA,UAAA;AAAA,MACd,cAAA;AAAA,MACA,WAAa,EAAA,UAAA;AAAA,MACb,iBAAmB,EAAA,aAAA;AAAA,KAAA;AAAA,GAGzB,CAAA,CAAA;AAEJ;;;;"}