@incident-io/backstage 0.0.15 → 0.2.0

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

@@ -0,0 +1,198 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Progress } from '@backstage/core-components';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { Card, CardHeader, IconButton, Divider, CardContent, Box, Typography, Tooltip, Collapse, Chip } from '@material-ui/core';
+import CachedIcon from '@material-ui/icons/Cached';
+import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
+import { Alert } from '@material-ui/lab';
+import { useState } from 'react';
+import { useIdentity } from '../../hooks/useIncidentRequest.esm.js';
+import { useOnCallData, useSchedule, useEscalationPath } from '../../hooks/useOnCallRequest.esm.js';
+
+const intervalTypeToUnit = (type) => {
+  const map = { hourly: "hour", daily: "day", weekly: "week", monthly: "month" };
+  return map[type] ?? type;
+};
+const formatInterval = (rotation) => {
+  const h = rotation.handovers[0];
+  if (!h) return "";
+  const unit = intervalTypeToUnit(h.interval_type ?? "");
+  return `Rotate every ${h.interval} ${unit}${h.interval !== 1 ? "s" : ""}`;
+};
+const formatShiftEnd = (isoString) => new Date(isoString).toLocaleString("en-GB", {
+  weekday: "short",
+  day: "numeric",
+  month: "short",
+  hour: "2-digit",
+  minute: "2-digit"
+});
+const RotationDisplay = ({ rotation, currentUserId, currentShiftEnd }) => /* @__PURE__ */ jsxs(Box, { mt: 1, children: [
+  /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: formatInterval(rotation) }),
+  /* @__PURE__ */ jsx(Box, { display: "flex", flexDirection: "column", mt: 0.5, style: { gap: 4 }, children: (() => {
+    let onCallBadgeShown = false;
+    return rotation.users.map((user) => {
+      const isCurrent = user.id === currentUserId;
+      const showBadge = isCurrent && !onCallBadgeShown;
+      if (showBadge) onCallBadgeShown = true;
+      return /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", style: { gap: 8 }, children: [
+        /* @__PURE__ */ jsx(Box, { width: 10, height: 10, borderRadius: "50%", bgcolor: showBadge ? "primary.main" : "grey.400", flexShrink: 0 }),
+        /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", style: { gap: 6 }, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { fontWeight: showBadge ? 600 : 400 }, children: user.name }),
+          showBadge && /* @__PURE__ */ jsx(Chip, { label: "on call", size: "small", color: "primary" }),
+          showBadge && currentShiftEnd && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "textSecondary", children: [
+            "until ",
+            formatShiftEnd(currentShiftEnd)
+          ] })
+        ] })
+      ] }, user.id);
+    });
+  })() })
+] });
+const formatCondition = (cond) => {
+  const subject = cond.subject.label.replace(/^Escalation → /i, "");
+  const op = cond.operation.label;
+  const values = cond.param_bindings.flatMap((b) => b.array_value?.map((v) => v.label) ?? []);
+  return values.length > 0 ? `${subject} ${op} ${values.join(", ")}` : `${subject} ${op}`;
+};
+const targetLabel = (t, scheduleId, scheduleName, channelNames) => {
+  if (t.type === "schedule") return t.id === scheduleId && scheduleName ? scheduleName : "schedule";
+  if (t.type === "slack_channel") return `${channelNames[t.id] ?? t.id}`;
+  return "user";
+};
+const renderEscalationNodes = (nodes, scheduleId, scheduleName, channelNames, depth = 0) => nodes.map((node) => {
+  const indent = depth * 16;
+  if (node.type === "level" && node.level || node.type === "notify_channel" && node.notify_channel) {
+    const data = node.level ?? node.notify_channel;
+    const minutes = Math.floor((data.time_to_ack_seconds ?? 0) / 60);
+    const label = data.targets.map((t) => targetLabel(t, scheduleId, scheduleName, channelNames)).join(", ");
+    const prefix = node.type === "notify_channel" ? "Notify" : "Page";
+    return /* @__PURE__ */ jsxs(Box, { ml: `${indent}px`, display: "flex", alignItems: "center", style: { gap: 6 }, mt: 0.5, children: [
+      /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+        "\u2514 ",
+        prefix,
+        ": ",
+        label
+      ] }),
+      /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "textSecondary", children: [
+        "\xB7 ",
+        minutes,
+        " min to ack"
+      ] })
+    ] }, node.id);
+  }
+  if (node.type === "repeat" && node.repeat) {
+    return /* @__PURE__ */ jsx(Box, { ml: `${indent}px`, mt: 0.5, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "textSecondary", children: [
+      "\u2514 Retry ",
+      node.repeat.repeat_times,
+      "x from start"
+    ] }) }, node.id);
+  }
+  if (node.type === "if_else" && node.if_else) {
+    const condLabel = node.if_else.conditions.map(formatCondition).join(", ");
+    return /* @__PURE__ */ jsxs(Box, { ml: `${indent}px`, mt: 0.5, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsxs("strong", { children: [
+        "If ",
+        condLabel,
+        ":"
+      ] }) }),
+      node.if_else.then_path.length > 0 ? renderEscalationNodes(node.if_else.then_path, scheduleId, scheduleName, channelNames, depth + 1) : /* @__PURE__ */ jsx(Box, { ml: "16px", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "\u2514 Do nothing" }) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { marginTop: 4 }, children: /* @__PURE__ */ jsx("strong", { children: "Otherwise:" }) }),
+      node.if_else.else_path.length > 0 ? renderEscalationNodes(node.if_else.else_path, scheduleId, scheduleName, channelNames, depth + 1) : /* @__PURE__ */ jsx(Box, { ml: "16px", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "\u2514 Do nothing" }) })
+    ] }, node.id);
+  }
+  return null;
+});
+const EntityOnCallCard = () => {
+  const { entity } = useEntity();
+  const [reload, setReload] = useState(false);
+  const [showPath, setShowPath] = useState(false);
+  const entityExternalId = `${entity.metadata.namespace}/${entity.metadata.name}`;
+  const { value, loading, error } = useOnCallData(entityExternalId, [reload]);
+  const { value: schedule, loading: scheduleLoading, error: scheduleError } = useSchedule(
+    value?.schedule?.literal ?? null,
+    [value?.schedule?.literal, reload]
+  );
+  const { value: escalationPathResult, loading: escalationLoading, error: escalationError } = useEscalationPath(
+    value?.escalationPath?.literal ?? null,
+    [value?.escalationPath?.literal, reload]
+  );
+  const escalationPath = escalationPathResult?.ep ?? null;
+  const channelNames = escalationPathResult?.channelNames ?? {};
+  const { value: identity } = useIdentity();
+  const baseUrl = identity?.identity.dashboard_url ?? "app.incident.io";
+  const anyLoading = loading || scheduleLoading || escalationLoading;
+  const anyError = error || scheduleError || escalationError;
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        title: "On-call",
+        action: /* @__PURE__ */ jsx(IconButton, { "aria-label": "Refresh", title: "Refresh", onClick: () => setReload(!reload), children: /* @__PURE__ */ jsx(CachedIcon, {}) })
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      anyLoading && /* @__PURE__ */ jsx(Progress, {}),
+      anyError && /* @__PURE__ */ jsx(Alert, { severity: "error", children: anyError.message }),
+      !loading && !error && value && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Box, { mb: 2, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: /* @__PURE__ */ jsx("strong", { children: "Escalation path" }) }),
+          value.escalationPathStatus === "no_field" && /* @__PURE__ */ jsx(Alert, { severity: "error", children: "No escalation path field on this catalog type \u2014 add one in incident.io." }),
+          value.escalationPathStatus === "empty" && /* @__PURE__ */ jsx(Alert, { severity: "warning", children: "Escalation path field is empty for this component." }),
+          value.escalationPathStatus === "ok" && escalationPath && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: escalationPath.name }),
+              /* @__PURE__ */ jsx(Tooltip, { title: "View in incident.io", placement: "top", children: /* @__PURE__ */ jsx(IconButton, { size: "small", href: `${baseUrl}/on-call/escalation-paths/${escalationPath.id}`, target: "_blank", rel: "noopener noreferrer", color: "primary", children: /* @__PURE__ */ jsx(OpenInBrowserIcon, { fontSize: "small" }) }) })
+            ] }),
+            escalationPath.current_responders && escalationPath.current_responders.length > 0 && /* @__PURE__ */ jsxs(Box, { mb: 1, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx("strong", { children: "Current responders:" }) }),
+              escalationPath.current_responders.map((r) => /* @__PURE__ */ jsx(Typography, { variant: "body2", children: r.name }, r.id))
+            ] }),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                display: "inline-flex",
+                alignItems: "center",
+                style: { cursor: "pointer", gap: 4 },
+                onClick: () => setShowPath((p) => !p),
+                mt: 0.5,
+                mb: 0.5,
+                children: /* @__PURE__ */ jsx(Typography, { variant: "button", color: "primary", children: showPath ? "Hide path \u25B2" : "Show path \u25BC" })
+              }
+            ),
+            /* @__PURE__ */ jsx(Collapse, { in: showPath, children: renderEscalationNodes(
+              escalationPath.path,
+              value.schedule?.literal ?? null,
+              schedule?.name ?? null,
+              channelNames
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsxs(Box, { mt: 2, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: /* @__PURE__ */ jsx("strong", { children: "Schedule" }) }),
+          value.scheduleStatus === "no_field" && /* @__PURE__ */ jsx(Alert, { severity: "error", children: "No schedule field on this catalog type \u2014 add one in incident.io." }),
+          value.scheduleStatus === "empty" && /* @__PURE__ */ jsx(Alert, { severity: "warning", children: "Schedule field is empty for this component." }),
+          value.scheduleStatus === "ok" && schedule && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: schedule.name }),
+              /* @__PURE__ */ jsx(Tooltip, { title: "View in incident.io", placement: "top", children: /* @__PURE__ */ jsx(IconButton, { size: "small", href: `${baseUrl}/on-call/schedules/${schedule.id}`, target: "_blank", rel: "noopener noreferrer", color: "primary", children: /* @__PURE__ */ jsx(OpenInBrowserIcon, { fontSize: "small" }) }) })
+            ] }),
+            schedule.config?.rotations.map((rotation) => /* @__PURE__ */ jsx(
+              RotationDisplay,
+              {
+                rotation,
+                currentUserId: schedule.current_shifts?.[0]?.user?.id ?? null,
+                currentShiftEnd: schedule.current_shifts?.[0]?.end_at ?? null
+              },
+              rotation.id
+            ))
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+
+export { EntityOnCallCard };
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/EntityOnCallCard/index.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { Progress } from \"@backstage/core-components\";\nimport { useEntity } from \"@backstage/plugin-catalog-react\";\nimport {\n  Box,\n  Card,\n  CardContent,\n  CardHeader,\n  Chip,\n  Divider,\n  IconButton,\n  Tooltip,\n  Typography,\n  Collapse,\n} from \"@material-ui/core\";\nimport CachedIcon from \"@material-ui/icons/Cached\";\nimport OpenInBrowserIcon from \"@material-ui/icons/OpenInBrowser\";\nimport { Alert } from \"@material-ui/lab\";\nimport { useState } from \"react\";\nimport { useIdentity } from \"../../hooks/useIncidentRequest\";\nimport {\n  useOnCallData,\n  useSchedule,\n  useEscalationPath,\n  ScheduleRotation,\n  EscalationPathNode,\n  EscalationPathTarget,\n} from \"../../hooks/useOnCallRequest\";\n\n// ── Schedule helpers ──────────────────────────────────────────────────────────\n\nconst intervalTypeToUnit = (type: string): string => {\n  const map: Record<string, string> = { hourly: \"hour\", daily: \"day\", weekly: \"week\", monthly: \"month\" };\n  return map[type] ?? type;\n};\n\nconst formatInterval = (rotation: ScheduleRotation): string => {\n  const h = rotation.handovers[0];\n  if (!h) return \"\";\n  const unit = intervalTypeToUnit(h.interval_type ?? '');\n  return `Rotate every ${h.interval} ${unit}${h.interval !== 1 ? \"s\" : \"\"}`;\n};\n\nconst formatShiftEnd = (isoString: string): string =>\n  new Date(isoString).toLocaleString(\"en-GB\", {\n    weekday: \"short\", day: \"numeric\", month: \"short\", hour: \"2-digit\", minute: \"2-digit\",\n  });\n\nconst RotationDisplay = ({ rotation, currentUserId, currentShiftEnd }: {\n  rotation: ScheduleRotation;\n  currentUserId: string | null;\n  currentShiftEnd: string | null;\n}) => (\n  <Box mt={1}>\n    <Typography variant=\"caption\" color=\"textSecondary\">\n      {formatInterval(rotation)}\n    </Typography>\n    <Box display=\"flex\" flexDirection=\"column\" mt={0.5} style={{ gap: 4 }}>\n      {(() => {\n        let onCallBadgeShown = false;\n        return rotation.users.map((user) => {\n          const isCurrent = user.id === currentUserId;\n          const showBadge = isCurrent && !onCallBadgeShown;\n          if (showBadge) onCallBadgeShown = true;\n          return (\n            <Box key={user.id} display=\"flex\" alignItems=\"center\" style={{ gap: 8 }}>\n              <Box width={10} height={10} borderRadius=\"50%\" bgcolor={showBadge ? \"primary.main\" : \"grey.400\"} flexShrink={0} />\n              <Box display=\"flex\" alignItems=\"center\" style={{ gap: 6 }}>\n                <Typography variant=\"body2\" style={{ fontWeight: showBadge ? 600 : 400 }}>\n                  {user.name}\n                </Typography>\n                {showBadge && <Chip label=\"on call\" size=\"small\" color=\"primary\" />}\n                {showBadge && currentShiftEnd && (\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    until {formatShiftEnd(currentShiftEnd)}\n                  </Typography>\n                )}\n              </Box>\n            </Box>\n          );\n        });\n      })()}\n    </Box>\n  </Box>\n);\n\n// ── Escalation path helpers ───────────────────────────────────────────────────\n\nconst formatCondition = (cond: EscalationPathNode['if_else'] extends undefined ? never : NonNullable<EscalationPathNode['if_else']>['conditions'][0]): string => {\n  const subject = cond.subject.label.replace(/^Escalation → /i, \"\");\n  const op = cond.operation.label;\n  const values = cond.param_bindings.flatMap(b => b.array_value?.map(v => v.label) ?? []);\n  return values.length > 0 ? `${subject} ${op} ${values.join(\", \")}` : `${subject} ${op}`;\n};\n\nconst targetLabel = (t: EscalationPathTarget, scheduleId: string | null, scheduleName: string | null, channelNames: Record<string, string>): string => {\n  if (t.type === \"schedule\") return t.id === scheduleId && scheduleName ? scheduleName : \"schedule\";\n  if (t.type === \"slack_channel\") return `${channelNames[t.id] ?? t.id}`;\n  return \"user\";\n};\n\nconst renderEscalationNodes = (\n  nodes: EscalationPathNode[],\n  scheduleId: string | null,\n  scheduleName: string | null,\n  channelNames: Record<string, string>,\n  depth = 0,\n): React.ReactNode[] =>\n  nodes.map((node) => {\n    const indent = depth * 16;\n\n    if ((node.type === \"level\" && node.level) || (node.type === \"notify_channel\" && node.notify_channel)) {\n      const data = node.level ?? node.notify_channel!;\n      const minutes = Math.floor((data.time_to_ack_seconds ?? 0) / 60);\n      const label = data.targets.map(t => targetLabel(t, scheduleId, scheduleName, channelNames)).join(\", \");\n      const prefix = node.type === \"notify_channel\" ? \"Notify\" : \"Page\";\n      return (\n        <Box key={node.id} ml={`${indent}px`} display=\"flex\" alignItems=\"center\" style={{ gap: 6 }} mt={0.5}>\n          <Typography variant=\"body2\">└ {prefix}: {label}</Typography>\n          <Typography variant=\"caption\" color=\"textSecondary\">· {minutes} min to ack</Typography>\n        </Box>\n      );\n    }\n\n    if (node.type === \"repeat\" && node.repeat) {\n      return (\n        <Box key={node.id} ml={`${indent}px`} mt={0.5}>\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            └ Retry {node.repeat.repeat_times}x from start\n          </Typography>\n        </Box>\n      );\n    }\n\n    if (node.type === \"if_else\" && node.if_else) {\n      const condLabel = node.if_else.conditions.map(formatCondition).join(\", \");\n      return (\n        <Box key={node.id} ml={`${indent}px`} mt={0.5}>\n          <Typography variant=\"body2\"><strong>If {condLabel}:</strong></Typography>\n          {node.if_else.then_path.length > 0\n            ? renderEscalationNodes(node.if_else.then_path, scheduleId, scheduleName, channelNames, depth + 1)\n            : <Box ml=\"16px\"><Typography variant=\"body2\" color=\"textSecondary\">└ Do nothing</Typography></Box>\n          }\n          <Typography variant=\"body2\" style={{ marginTop: 4 }}><strong>Otherwise:</strong></Typography>\n          {node.if_else.else_path.length > 0\n            ? renderEscalationNodes(node.if_else.else_path, scheduleId, scheduleName, channelNames, depth + 1)\n            : <Box ml=\"16px\"><Typography variant=\"body2\" color=\"textSecondary\">└ Do nothing</Typography></Box>\n          }\n        </Box>\n      );\n    }\n\n    return null;\n  });\n\n// ── Card ──────────────────────────────────────────────────────────────────────\n\nexport const EntityOnCallCard = () => {\n  const { entity } = useEntity();\n  const [reload, setReload] = useState(false);\n  const [showPath, setShowPath] = useState(false);\n\n  const entityExternalId = `${entity.metadata.namespace}/${entity.metadata.name}`;\n\n  const { value, loading, error } = useOnCallData(entityExternalId, [reload]);\n  const { value: schedule, loading: scheduleLoading, error: scheduleError } = useSchedule(\n    value?.schedule?.literal ?? null,\n    [value?.schedule?.literal, reload],\n  );\n  const { value: escalationPathResult, loading: escalationLoading, error: escalationError } = useEscalationPath(\n    value?.escalationPath?.literal ?? null,\n    [value?.escalationPath?.literal, reload],\n  );\n  const escalationPath = escalationPathResult?.ep ?? null;\n  const channelNames = escalationPathResult?.channelNames ?? {};\n\n  const { value: identity } = useIdentity();\n  const baseUrl = identity?.identity.dashboard_url ?? \"app.incident.io\";\n\n  const anyLoading = loading || scheduleLoading || escalationLoading;\n  const anyError = error || scheduleError || escalationError;\n\n  return (\n    <Card>\n      <CardHeader\n        title=\"On-call\"\n        action={\n          <IconButton aria-label=\"Refresh\" title=\"Refresh\" onClick={() => setReload(!reload)}>\n            <CachedIcon />\n          </IconButton>\n        }\n      />\n      <Divider />\n      <CardContent>\n        {anyLoading && <Progress />}\n        {anyError && <Alert severity=\"error\">{anyError.message}</Alert>}\n        {!loading && !error && value && (\n          <>\n            {/* Escalation path */}\n            <Box mb={2}>\n              <Typography variant=\"subtitle1\"><strong>Escalation path</strong></Typography>\n              {value.escalationPathStatus === 'no_field' && (\n                <Alert severity=\"error\">No escalation path field on this catalog type — add one in incident.io.</Alert>\n              )}\n              {value.escalationPathStatus === 'empty' && (\n                <Alert severity=\"warning\">Escalation path field is empty for this component.</Alert>\n              )}\n              {value.escalationPathStatus === 'ok' && escalationPath && (\n                <>\n                  <Box display=\"flex\" alignItems=\"center\" justifyContent=\"space-between\">\n                    <Typography variant=\"subtitle1\">{escalationPath.name}</Typography>\n                    <Tooltip title=\"View in incident.io\" placement=\"top\">\n                      <IconButton size=\"small\" href={`${baseUrl}/on-call/escalation-paths/${escalationPath.id}`} target=\"_blank\" rel=\"noopener noreferrer\" color=\"primary\">\n                        <OpenInBrowserIcon fontSize=\"small\" />\n                      </IconButton>\n                    </Tooltip>\n                  </Box>\n                  {escalationPath.current_responders && escalationPath.current_responders.length > 0 && (\n                    <Box mb={1}>\n                      <Typography variant=\"body2\"><strong>Current responders:</strong></Typography>\n                      {escalationPath.current_responders.map((r) => (\n                        <Typography key={r.id} variant=\"body2\">{r.name}</Typography>\n                      ))}\n                    </Box>\n                  )}\n                  <Box\n                    display=\"inline-flex\"\n                    alignItems=\"center\"\n                    style={{ cursor: \"pointer\", gap: 4 }}\n                    onClick={() => setShowPath(p => !p)}\n                    mt={0.5}\n                    mb={0.5}\n                  >\n                    <Typography variant=\"button\" color=\"primary\">\n                      {showPath ? \"Hide path ▲\" : \"Show path ▼\"}\n                    </Typography>\n                  </Box>\n                  <Collapse in={showPath}>\n                    {renderEscalationNodes(\n                      escalationPath.path,\n                      value.schedule?.literal ?? null,\n                      schedule?.name ?? null,\n                      channelNames,\n                    )}\n                  </Collapse>\n                </>\n              )}\n            </Box>\n\n            <Divider />\n\n            {/* Schedule */}\n            <Box mt={2}>\n              <Typography variant=\"subtitle1\"><strong>Schedule</strong></Typography>\n              {value.scheduleStatus === 'no_field' && (\n                <Alert severity=\"error\">No schedule field on this catalog type — add one in incident.io.</Alert>\n              )}\n              {value.scheduleStatus === 'empty' && (\n                <Alert severity=\"warning\">Schedule field is empty for this component.</Alert>\n              )}\n              {value.scheduleStatus === 'ok' && schedule && (\n                <>\n                <Box display=\"flex\" alignItems=\"center\" justifyContent=\"space-between\">\n                  <Typography variant=\"subtitle1\">{schedule.name}</Typography>\n                  <Tooltip title=\"View in incident.io\" placement=\"top\">\n                    <IconButton size=\"small\" href={`${baseUrl}/on-call/schedules/${schedule.id}`} target=\"_blank\" rel=\"noopener noreferrer\" color=\"primary\">\n                      <OpenInBrowserIcon fontSize=\"small\" />\n                    </IconButton>\n                  </Tooltip>\n                </Box>\n                {schedule.config?.rotations.map((rotation) => (\n                  <RotationDisplay\n                    key={rotation.id}\n                    rotation={rotation}\n                    currentUserId={schedule.current_shifts?.[0]?.user?.id ?? null}\n                    currentShiftEnd={schedule.current_shifts?.[0]?.end_at ?? null}\n                  />\n                ))}\n              </>\n              )}\n            </Box>\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,76 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Progress } from '@backstage/core-components';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import Link from '@material-ui/core/Link';
+import { Alert } from '@material-ui/lab';
+import { Tabs, Tab, Divider, Typography, Box, List } from '@material-ui/core';
+import { useAlertList, useAlertSourceList } from '../../hooks/useIncidentRequest.esm.js';
+import { AlertListItem } from '../AlertListItem/index.esm.js';
+
+const STATUS_TABS = [
+  { label: "Firing", value: "firing" },
+  { label: "Resolved", value: "resolved" },
+  { label: "All", value: void 0 }
+];
+const HomePageAlertCardContent = () => {
+  const [statusFilter, setStatusFilter] = useState("firing");
+  const config = useApi(configApiRef);
+  const baseUrl = config.getOptionalString("incident.baseUrl") || "https://app.incident.io";
+  const { loading, error, value } = useAlertList(statusFilter, [statusFilter]);
+  const { value: sourcesResponse } = useAlertSourceList();
+  const alerts = value?.alerts ?? [];
+  const sourceById = Object.fromEntries(
+    (sourcesResponse?.alert_sources ?? []).map((s) => [s.id, s])
+  );
+  const currentTabIndex = STATUS_TABS.findIndex((t) => t.value === statusFilter);
+  if (loading) return /* @__PURE__ */ jsx(Progress, {});
+  if (error) return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Tabs,
+      {
+        value: currentTabIndex,
+        onChange: (_, idx) => setStatusFilter(STATUS_TABS[idx].value),
+        indicatorColor: "primary",
+        textColor: "primary",
+        style: { minHeight: "auto" },
+        children: STATUS_TABS.map((tab) => /* @__PURE__ */ jsx(Tab, { label: tab.label, style: { minHeight: "auto", padding: "0px 12px" } }, tab.label))
+      }
+    ),
+    /* @__PURE__ */ jsx(Divider, {}),
+    alerts.length > 0 && /* @__PURE__ */ jsxs(Typography, { variant: "subtitle1", children: [
+      "There are ",
+      /* @__PURE__ */ jsx("strong", { children: alerts.length }),
+      " ",
+      statusFilter ?? "",
+      " alerts."
+    ] }),
+    alerts.length === 0 && /* @__PURE__ */ jsxs(Typography, { variant: "subtitle1", children: [
+      "No ",
+      statusFilter ?? "",
+      " alerts."
+    ] }),
+    /* @__PURE__ */ jsx(Box, { style: { maxHeight: 400, overflowY: "auto" }, children: /* @__PURE__ */ jsx(List, { dense: true, children: alerts.map((alert) => /* @__PURE__ */ jsx(
+      AlertListItem,
+      {
+        alert,
+        baseUrl,
+        source: sourceById[alert.alert_source_id]?.name ?? "-",
+        priority: alert.attributes.find((a) => a.attribute.name === "Priority")?.value?.label
+      },
+      alert.id
+    )) }) }),
+    /* @__PURE__ */ jsxs(Typography, { variant: "subtitle1", children: [
+      "Click to",
+      " ",
+      /* @__PURE__ */ jsx(Link, { target: "_blank", href: `${baseUrl}/on-call/alerts`, children: "see more." })
+    ] })
+  ] });
+};
+const Content = () => {
+  return /* @__PURE__ */ jsx(HomePageAlertCardContent, {});
+};
+
+export { Content, HomePageAlertCardContent };
+//# sourceMappingURL=Content.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.esm.js","sources":["../../../src/components/HomePageAlertCard/Content.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Progress } from \"@backstage/core-components\";\nimport { configApiRef, useApi } from \"@backstage/core-plugin-api\";\nimport Link from \"@material-ui/core/Link\";\nimport { Alert } from \"@material-ui/lab\";\nimport { Box, Divider, List, Tab, Tabs, Typography } from \"@material-ui/core\";\nimport { useAlertList, useAlertSourceList } from \"../../hooks/useIncidentRequest\";\nimport { AlertListItem } from \"../AlertListItem\";\n\ntype StatusFilter = \"firing\" | \"resolved\" | undefined;\n\nconst STATUS_TABS: { label: string; value: StatusFilter }[] = [\n  { label: \"Firing\", value: \"firing\" },\n  { label: \"Resolved\", value: \"resolved\" },\n  { label: \"All\", value: undefined },\n];\n\nexport const HomePageAlertCardContent = () => {\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>(\"firing\");\n\n  const config = useApi(configApiRef);\n  const baseUrl =\n    config.getOptionalString(\"incident.baseUrl\") || \"https://app.incident.io\";\n\n  const { loading, error, value } = useAlertList(statusFilter, [statusFilter]);\n  const { value: sourcesResponse } = useAlertSourceList();\n\n  const alerts = value?.alerts ?? [];\n  const sourceById = Object.fromEntries(\n    (sourcesResponse?.alert_sources ?? []).map(s => [s.id, s]),\n  );\n\n  const currentTabIndex = STATUS_TABS.findIndex(t => t.value === statusFilter);\n\n  if (loading) return <Progress />;\n  if (error) return <Alert severity=\"error\">{error.message}</Alert>;\n\n  return (\n    <>\n      <Tabs\n        value={currentTabIndex}\n        onChange={(_, idx) => setStatusFilter(STATUS_TABS[idx].value)}\n        indicatorColor=\"primary\"\n        textColor=\"primary\"\n        style={{ minHeight: \"auto\" }}\n      >\n        {STATUS_TABS.map(tab => (\n          <Tab key={tab.label} label={tab.label} style={{ minHeight: \"auto\", padding: \"0px 12px\" }} />\n        ))}\n      </Tabs>\n      <Divider />\n      {alerts.length > 0 && (\n        <Typography variant=\"subtitle1\">\n          There are <strong>{alerts.length}</strong> {statusFilter ?? \"\"} alerts.\n        </Typography>\n      )}\n      {alerts.length === 0 && (\n        <Typography variant=\"subtitle1\">No {statusFilter ?? \"\"} alerts.</Typography>\n      )}\n      <Box style={{ maxHeight: 400, overflowY: \"auto\" }}>\n        <List dense>\n          {alerts.map(alert => (\n            <AlertListItem\n              key={alert.id}\n              alert={alert}\n              baseUrl={baseUrl}\n              source={sourceById[alert.alert_source_id]?.name ?? \"-\"}\n              priority={alert.attributes.find(a => a.attribute.name === \"Priority\")?.value?.label}\n            />\n          ))}\n        </List>\n      </Box>\n      <Typography variant=\"subtitle1\">\n        Click to{\" \"}\n        <Link target=\"_blank\" href={`${baseUrl}/on-call/alerts`}>\n          see more.\n        </Link>\n      </Typography>\n    </>\n  );\n};\n\nexport const Content = () => {\n  return <HomePageAlertCardContent />;\n};\n"],"names":[],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,54 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Progress } from '@backstage/core-components';
+import Link from '@material-ui/core/Link';
+import { Alert } from '@material-ui/lab';
+import { useIncidentList } from '../../hooks/useIncidentRequest.esm.js';
+import { Typography, List } from '@material-ui/core';
+import { IncidentListItem } from '../IncidentListItem/index.esm.js';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import { useHomePageIncidentCard } from './Context.esm.js';
+
+const HomePageIncidentCardContent = () => {
+  const { filterType, filter } = useHomePageIncidentCard();
+  const config = useApi(configApiRef);
+  const baseUrl = config.getOptionalString("incident.baseUrl") || "https://app.incident.io";
+  const query = useMemo(() => {
+    const params = new URLSearchParams();
+    params.set(`${filterType}[one_of]`, filter);
+    return params;
+  }, [filterType, filter]);
+  const { loading, error, value } = useIncidentList(query, [query]);
+  const incidents = value?.incidents;
+  if (loading) return /* @__PURE__ */ jsx(Progress, {});
+  if (error) return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    incidents && incidents.length > 0 && /* @__PURE__ */ jsxs(Typography, { variant: "subtitle1", children: [
+      "There are ",
+      /* @__PURE__ */ jsx("strong", { children: incidents.length }),
+      " ongoing incidents."
+    ] }),
+    incidents && incidents.length === 0 && /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: "No ongoing incidents." }),
+    /* @__PURE__ */ jsx(List, { dense: true, children: incidents?.map((incident) => {
+      return /* @__PURE__ */ jsx(
+        IncidentListItem,
+        {
+          incident,
+          baseUrl
+        },
+        incident.id
+      );
+    }) }),
+    /* @__PURE__ */ jsxs(Typography, { variant: "subtitle1", children: [
+      "Click to",
+      " ",
+      /* @__PURE__ */ jsx(Link, { target: "_blank", href: `${baseUrl}/incidents?${query.toString()}`, children: "see more." })
+    ] })
+  ] });
+};
+const Content = () => {
+  return /* @__PURE__ */ jsx(HomePageIncidentCardContent, {});
+};
+
+export { Content, HomePageIncidentCardContent };
+//# sourceMappingURL=Content.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.esm.js","sources":["../../../src/components/HomePageIncidentCard/Content.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { Progress } from \"@backstage/core-components\";\nimport Link from \"@material-ui/core/Link\";\nimport { Alert } from \"@material-ui/lab\";\nimport { useIncidentList } from \"../../hooks/useIncidentRequest\";\nimport { Typography, List } from \"@material-ui/core\";\nimport { IncidentListItem } from \"../IncidentListItem\";\nimport { configApiRef, useApi } from \"@backstage/core-plugin-api\";\nimport { useHomePageIncidentCard } from \"./Context\";\n\nexport const HomePageIncidentCardContent = () => {\n  const { filterType, filter } = useHomePageIncidentCard();\n  const config = useApi(configApiRef);\n  const baseUrl =\n    config.getOptionalString(\"incident.baseUrl\") || \"https://app.incident.io\";\n\n  const query = useMemo(() => {\n    const params = new URLSearchParams();\n    params.set(`${filterType}[one_of]`, filter);\n    return params;\n  }, [filterType, filter]);\n\n  const { loading, error, value } = useIncidentList(query, [query]);\n  const incidents = value?.incidents;\n\n  if (loading) return <Progress />;\n  if (error) return <Alert severity=\"error\">{error.message}</Alert>;\n\n  return (\n    <>\n      {incidents && incidents.length > 0 && (\n        <Typography variant=\"subtitle1\">\n          There are <strong>{incidents.length}</strong> ongoing incidents.\n        </Typography>\n      )}\n      {incidents && incidents.length === 0 && (\n        <Typography variant=\"subtitle1\">No ongoing incidents.</Typography>\n      )}\n      <List dense>\n        {incidents?.map((incident) => {\n          return (\n            <IncidentListItem\n              key={incident.id}\n              incident={incident}\n              baseUrl={baseUrl}\n            />\n          );\n        })}\n      </List>\n      <Typography variant=\"subtitle1\">\n        Click to{\" \"}\n        <Link target=\"_blank\" href={`${baseUrl}/incidents?${query.toString()}`}>\n          see more.\n        </Link>\n      </Typography>\n    </>\n  );\n};\n\nexport const Content = () => {\n  return <HomePageIncidentCardContent />;\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAUO,MAAM,8BAA8B,MAAM;AAC/C,EAAA,MAAM,EAAE,UAAA,EAAY,MAAA,EAAO,GAAI,uBAAA,EAAwB;AACvD,EAAA,MAAM,MAAA,GAAS,OAAO,YAAY,CAAA;AAClC,EAAA,MAAM,OAAA,GACJ,MAAA,CAAO,iBAAA,CAAkB,kBAAkB,CAAA,IAAK,yBAAA;AAElD,EAAA,MAAM,KAAA,GAAQ,QAAQ,MAAM;AAC1B,IAAA,MAAM,MAAA,GAAS,IAAI,eAAA,EAAgB;AACnC,IAAA,MAAA,CAAO,GAAA,CAAI,CAAA,EAAG,UAAU,CAAA,QAAA,CAAA,EAAY,MAAM,CAAA;AAC1C,IAAA,OAAO,MAAA;AAAA,EACT,CAAA,EAAG,CAAC,UAAA,EAAY,MAAM,CAAC,CAAA;AAEvB,EAAA,MAAM,EAAE,SAAS,KAAA,EAAO,KAAA,KAAU,eAAA,CAAgB,KAAA,EAAO,CAAC,KAAK,CAAC,CAAA;AAChE,EAAA,MAAM,YAAY,KAAA,EAAO,SAAA;AAEzB,EAAA,IAAI,OAAA,EAAS,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA;AAC9B,EAAA,IAAI,OAAO,uBAAO,GAAA,CAAC,SAAM,QAAA,EAAS,OAAA,EAAS,gBAAM,OAAA,EAAQ,CAAA;AAEzD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,SAAA,IAAa,UAAU,MAAA,GAAS,CAAA,oBAC/B,IAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,WAAA,EAAY,QAAA,EAAA;AAAA,MAAA,YAAA;AAAA,sBACpB,GAAA,CAAC,QAAA,EAAA,EAAQ,QAAA,EAAA,SAAA,CAAU,MAAA,EAAO,CAAA;AAAA,MAAS;AAAA,KAAA,EAC/C,CAAA;AAAA,IAED,SAAA,IAAa,UAAU,MAAA,KAAW,CAAA,wBAChC,UAAA,EAAA,EAAW,OAAA,EAAQ,aAAY,QAAA,EAAA,uBAAA,EAAqB,CAAA;AAAA,wBAEtD,IAAA,EAAA,EAAK,KAAA,EAAK,MACR,QAAA,EAAA,SAAA,EAAW,GAAA,CAAI,CAAC,QAAA,KAAa;AAC5B,MAAA,uBACE,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UAEC,QAAA;AAAA,UACA;AAAA,SAAA;AAAA,QAFK,QAAA,CAAS;AAAA,OAGhB;AAAA,IAEJ,CAAC,CAAA,EACH,CAAA;AAAA,oBACA,IAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,WAAA,EAAY,QAAA,EAAA;AAAA,MAAA,UAAA;AAAA,MACrB,GAAA;AAAA,sBACT,GAAA,CAAC,IAAA,EAAA,EAAK,MAAA,EAAO,QAAA,EAAS,IAAA,EAAM,CAAA,EAAG,OAAO,CAAA,WAAA,EAAc,KAAA,CAAM,QAAA,EAAU,CAAA,CAAA,EAAI,QAAA,EAAA,WAAA,EAExE;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,MAAM,UAAU,MAAM;AAC3B,EAAA,2BAAQ,2BAAA,EAAA,EAA4B,CAAA;AACtC;;;;"}

package/dist/components/HomePageIncidentCard/Context.esm.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo, createContext, useContext } from 'react';
+
+const Context = createContext(
+  void 0
+);
+const ContextProvider = (props) => {
+  const {
+    children,
+    filterType: defaultFilterType,
+    filter: defaultFilter
+  } = props;
+  const value = useMemo(
+    () => ({
+      filterType: defaultFilterType || "status_category",
+      filter: defaultFilter || "active"
+    }),
+    [defaultFilter, defaultFilterType]
+  );
+  return /* @__PURE__ */ jsx(Context.Provider, { value, children });
+};
+const useHomePageIncidentCard = () => {
+  const value = useContext(Context);
+  if (value === void 0) {
+    throw new Error(
+      "useHomePageIncidentCard must be used within a HomePageIncidentCardContextProvider"
+    );
+  }
+  return value;
+};
+
+export { ContextProvider, useHomePageIncidentCard };
+//# sourceMappingURL=Context.esm.js.map

package/dist/components/HomePageIncidentCard/Context.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.esm.js","sources":["../../../src/components/HomePageIncidentCard/Context.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from \"react\";\n\ntype HomePageIncidentCardContextValue = {\n  filterType: \"status_category\" | \"status\";\n  filter: string;\n};\n\nconst Context = createContext<HomePageIncidentCardContextValue | undefined>(\n  undefined,\n);\n\nexport const ContextProvider = (props: {\n  children: JSX.Element;\n  filterType?: \"status_category\" | \"status\";\n  filter?: string;\n}) => {\n  const {\n    children,\n    filterType: defaultFilterType,\n    filter: defaultFilter,\n  } = props;\n\n  const value = useMemo(\n    () => ({\n      filterType: defaultFilterType || \"status_category\",\n      filter: defaultFilter || \"active\",\n    }),\n    [defaultFilter, defaultFilterType],\n  );\n\n  return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nexport const useHomePageIncidentCard = () => {\n  const value = useContext(Context);\n\n  if (value === undefined) {\n    throw new Error(\n      \"useHomePageIncidentCard must be used within a HomePageIncidentCardContextProvider\",\n    );\n  }\n\n  return value;\n};\n\nexport default Context;\n"],"names":[],"mappings":";;;AAOA,MAAM,OAAA,GAAU,aAAA;AAAA,EACd;AACF,CAAA;AAEO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAI1B;AACJ,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,UAAA,EAAY,iBAAA;AAAA,IACZ,MAAA,EAAQ;AAAA,GACV,GAAI,KAAA;AAEJ,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,YAAY,iBAAA,IAAqB,iBAAA;AAAA,MACjC,QAAQ,aAAA,IAAiB;AAAA,KAC3B,CAAA;AAAA,IACA,CAAC,eAAe,iBAAiB;AAAA,GACnC;AAEA,EAAA,uBAAO,GAAA,CAAC,OAAA,CAAQ,QAAA,EAAR,EAAiB,OAAe,QAAA,EAAS,CAAA;AACnD;AAEO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,KAAA,GAAQ,WAAW,OAAO,CAAA;AAEhC,EAAA,IAAI,UAAU,MAAA,EAAW;AACvB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AAEA,EAAA,OAAO,KAAA;AACT;;;;"}

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

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

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

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

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

@@ -0,0 +1,38 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Progress } from '@backstage/core-components';
+import { useIdentity } from '../../hooks/useIncidentRequest.esm.js';
+import { useAllEscalationPaths, useAllSchedules } from '../../hooks/useOnCallRequest.esm.js';
+import { Alert } from '@material-ui/lab';
+import { Typography, Divider, Box, Tooltip, IconButton } from '@material-ui/core';
+import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
+
+const Content = () => {
+  const { value: identity } = useIdentity();
+  const baseUrl = identity?.identity.dashboard_url ?? "app.incident.io";
+  const { value: eps, loading: epsLoading, error: epsError } = useAllEscalationPaths();
+  const { value: schedules, loading: schedulesLoading, error: schedulesError } = useAllSchedules();
+  if (epsLoading || schedulesLoading) return /* @__PURE__ */ jsx(Progress, {});
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: /* @__PURE__ */ jsx("strong", { children: "Escalation Paths" }) }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    epsError && /* @__PURE__ */ jsx(Alert, { severity: "error", children: epsError.message }),
+    eps && eps.length === 0 && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "No escalation paths." }),
+    eps && eps.map((ep) => /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", py: 0.5, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: ep.name }),
+      /* @__PURE__ */ jsx(Tooltip, { title: "View in incident.io", placement: "top", children: /* @__PURE__ */ jsx(IconButton, { size: "small", href: `${baseUrl}/on-call/escalation-paths/${ep.id}`, target: "_blank", rel: "noopener noreferrer", color: "primary", children: /* @__PURE__ */ jsx(OpenInBrowserIcon, { fontSize: "small" }) }) })
+    ] }, ep.id)),
+    /* @__PURE__ */ jsxs(Box, { mt: 2, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: /* @__PURE__ */ jsx("strong", { children: "Schedules" }) }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      schedulesError && /* @__PURE__ */ jsx(Alert, { severity: "error", children: schedulesError.message }),
+      schedules && schedules.length === 0 && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "No schedules." }),
+      schedules && schedules.map((schedule) => /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", py: 0.5, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", children: schedule.name }),
+        /* @__PURE__ */ jsx(Tooltip, { title: "View in incident.io", placement: "top", children: /* @__PURE__ */ jsx(IconButton, { size: "small", href: `${baseUrl}/on-call/schedules/${schedule.id}`, target: "_blank", rel: "noopener noreferrer", color: "primary", children: /* @__PURE__ */ jsx(OpenInBrowserIcon, { fontSize: "small" }) }) })
+      ] }, schedule.id))
+    ] })
+  ] });
+};
+
+export { Content };
+//# sourceMappingURL=Content.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Content.esm.js","sources":["../../../src/components/HomePageOnCallCard/Content.tsx"],"sourcesContent":["import { Progress } from \"@backstage/core-components\";\nimport { useIdentity } from \"../../hooks/useIncidentRequest\";\nimport { useAllEscalationPaths, useAllSchedules } from \"../../hooks/useOnCallRequest\";\nimport { Alert } from \"@material-ui/lab\";\nimport {\n  Box,\n  Divider,\n  IconButton,\n  Tooltip,\n  Typography,\n} from \"@material-ui/core\";\nimport OpenInBrowserIcon from \"@material-ui/icons/OpenInBrowser\";\n\nexport const Content = () => {\n  const { value: identity } = useIdentity();\n  const baseUrl = identity?.identity.dashboard_url ?? \"app.incident.io\";\n\n  const { value: eps, loading: epsLoading, error: epsError } = useAllEscalationPaths();\n  const { value: schedules, loading: schedulesLoading, error: schedulesError } = useAllSchedules();\n\n  if (epsLoading || schedulesLoading) return <Progress />;\n\n  return (\n    <>\n      <Typography variant=\"subtitle1\"><strong>Escalation Paths</strong></Typography>\n      <Divider />\n      {epsError && <Alert severity=\"error\">{epsError.message}</Alert>}\n      {eps && eps.length === 0 && <Typography variant=\"body2\" color=\"textSecondary\">No escalation paths.</Typography>}\n      {eps && eps.map(ep => (\n        <Box key={ep.id} display=\"flex\" alignItems=\"center\" justifyContent=\"space-between\" py={0.5}>\n          <Typography variant=\"body2\">{ep.name}</Typography>\n          <Tooltip title=\"View in incident.io\" placement=\"top\">\n            <IconButton size=\"small\" href={`${baseUrl}/on-call/escalation-paths/${ep.id}`} target=\"_blank\" rel=\"noopener noreferrer\" color=\"primary\">\n              <OpenInBrowserIcon fontSize=\"small\" />\n            </IconButton>\n          </Tooltip>\n        </Box>\n      ))}\n\n      <Box mt={2}>\n        <Typography variant=\"subtitle1\"><strong>Schedules</strong></Typography>\n        <Divider />\n        {schedulesError && <Alert severity=\"error\">{schedulesError.message}</Alert>}\n        {schedules && schedules.length === 0 && <Typography variant=\"body2\" color=\"textSecondary\">No schedules.</Typography>}\n        {schedules && schedules.map(schedule => (\n          <Box key={schedule.id} display=\"flex\" alignItems=\"center\" justifyContent=\"space-between\" py={0.5}>\n            <Typography variant=\"body2\">{schedule.name}</Typography>\n            <Tooltip title=\"View in incident.io\" placement=\"top\">\n              <IconButton size=\"small\" href={`${baseUrl}/on-call/schedules/${schedule.id}`} target=\"_blank\" rel=\"noopener noreferrer\" color=\"primary\">\n                <OpenInBrowserIcon fontSize=\"small\" />\n              </IconButton>\n            </Tooltip>\n          </Box>\n        ))}\n      </Box>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+export { Content } from './Content.esm.js';
+
+const ContextProvider = ({ children }) => children;
+
+export { ContextProvider };
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/HomePageOnCallCard/index.ts"],"sourcesContent":["export { Content } from \"./Content\";\n\nexport const ContextProvider = ({ children }: { children: JSX.Element }) => children;\n"],"names":[],"mappings":";;AAEO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAAiC;;;;"}

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

@@ -0,0 +1,68 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { DateTime, Duration } from 'luxon';
+import { ListItem, ListItemText, Typography, Chip, ListItemSecondaryAction, Tooltip, IconButton } from '@material-ui/core';
+import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
+import { useStyles } from '../styles.esm.js';
+
+const IncidentListItem = ({
+  baseUrl,
+  incident
+}) => {
+  const classes = useStyles();
+  const reportedAt = incident.incident_timestamp_values?.find(
+    (ts) => ts.incident_timestamp.name.match(/reported/i)
+  );
+  const reportedAtDate = reportedAt?.value?.value || incident.created_at;
+  const sinceReported = (/* @__PURE__ */ new Date()).getTime() - new Date(reportedAtDate).getTime();
+  const sinceReportedLabel = DateTime.local().minus(Duration.fromMillis(sinceReported)).toRelative({ locale: "en" });
+  const lead = incident.incident_role_assignments.find((roleAssignment) => {
+    return roleAssignment.role.role_type === "lead";
+  });
+  return /* @__PURE__ */ jsxs(ListItem, { dense: true, children: [
+    /* @__PURE__ */ jsx(
+      ListItemText,
+      {
+        primary: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Chip,
+            {
+              "data-testid": `chip-${incident.incident_status.id}`,
+              label: incident.incident_status.name,
+              size: "small",
+              variant: "outlined",
+              className: ["active"].includes(incident.incident_status.category) ? classes.error : classes.warning
+            }
+          ),
+          incident.reference,
+          " ",
+          incident.name
+        ] }),
+        primaryTypographyProps: {
+          variant: "body1",
+          className: classes.listItemPrimary
+        },
+        secondary: /* @__PURE__ */ jsxs(Typography, { noWrap: true, variant: "body2", color: "textSecondary", children: [
+          "Reported ",
+          sinceReportedLabel,
+          " and",
+          " ",
+          lead?.assignee ? `${lead.assignee.name} is lead` : "the lead is unassigned",
+          "."
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(ListItemSecondaryAction, { children: /* @__PURE__ */ jsx(Tooltip, { title: "View in incident.io", placement: "top", children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        href: `${baseUrl}/incidents/${incident.id}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        color: "primary",
+        children: /* @__PURE__ */ jsx(OpenInBrowserIcon, {})
+      }
+    ) }) })
+  ] }, incident.id);
+};
+
+export { IncidentListItem };
+//# sourceMappingURL=index.esm.js.map