@pagerduty/backstage-plugin 0.20.0 → 0.21.0

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

@@ -0,0 +1,192 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { QueryClientProvider, QueryClient, useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { Box, Alert, Card, CardHeader, Flex, Text, CardBody, Switch, Select, Button } from '@backstage/ui';
+import { useApi } from '@backstage/core-plugin-api';
+import { NotFoundError } from '@backstage/errors';
+import { makeStyles } from '@material-ui/core';
+import { pagerDutyApiRef } from '../../api/client.esm.js';
+import { ButtonTabs } from './CustomFields/ButtonTabs.esm.js';
+import { CustomFieldsTabPanel } from './CustomFields/CustomFieldsTabPanel.esm.js';
+import { SyncLogsTab } from './CustomFields/SyncLogsTab.esm.js';
+import { AccountProvider, useAccountContext } from './AccountContext.esm.js';
+import { CustomFieldModal } from './CustomFieldModal.esm.js';
+import { toFieldErrors } from './CustomFields/customFieldErrors.esm.js';
+
+const queryClient = new QueryClient();
+const DATA_SYNC_SETTING_ID = "settings::data-sync";
+const useStyles = makeStyles(() => ({
+  syncCardWrapper: {
+    minWidth: 220
+  },
+  syncCardBody: {
+    padding: "8px 12px"
+  },
+  accountSelector: {
+    width: 240
+  }
+}));
+const TABS = [
+  { key: "fields", label: "Custom Fields" },
+  { key: "logs", label: "Activity Logs" }
+];
+const CustomFieldsTabContent = () => {
+  const pagerDutyApi = useApi(pagerDutyApiRef);
+  const reactQueryClient = useQueryClient();
+  const classes = useStyles();
+  const [activeTab, setActiveTab] = useState("fields");
+  const { selectedAccount, setSelectedAccount, accounts } = useAccountContext();
+  const account = selectedAccount || void 0;
+  const [isAddModalOpen, setIsAddModalOpen] = useState(false);
+  const [addSaving, setAddSaving] = useState(false);
+  const [addError, setAddError] = useState(null);
+  const showAccountSelector = accounts.length > 1;
+  const { data: orgWideSyncOn = false } = useQuery({
+    queryKey: ["pagerduty", "settings", DATA_SYNC_SETTING_ID],
+    queryFn: async () => {
+      try {
+        const result = await pagerDutyApi.getSetting(
+          DATA_SYNC_SETTING_ID
+        );
+        return result?.value === "enabled";
+      } catch (error) {
+        if (error instanceof NotFoundError) {
+          return false;
+        }
+        throw error;
+      }
+    }
+  });
+  const { mutate: toggleSync } = useMutation({
+    mutationFn: (enabled) => {
+      const setting = {
+        id: DATA_SYNC_SETTING_ID,
+        value: enabled ? "enabled" : "disabled"
+      };
+      return pagerDutyApi.storeSettings([setting]);
+    },
+    onMutate: (enabled) => {
+      reactQueryClient.setQueryData(
+        ["pagerduty", "settings", DATA_SYNC_SETTING_ID],
+        enabled
+      );
+    },
+    onError: (_error, enabled) => {
+      reactQueryClient.setQueryData(
+        ["pagerduty", "settings", DATA_SYNC_SETTING_ID],
+        !enabled
+      );
+    }
+  });
+  const handleOpenAdd = () => {
+    setAddError(null);
+    setIsAddModalOpen(true);
+  };
+  const handleCloseAdd = () => {
+    setIsAddModalOpen(false);
+    setAddError(null);
+  };
+  const handleSaveAdd = async (formData) => {
+    setAddSaving(true);
+    setAddError(null);
+    const result = await pagerDutyApi.createCustomField(formData, account);
+    if (result.status === "ok") {
+      reactQueryClient.invalidateQueries({ queryKey: ["pagerduty", "customFields", account ?? ""] });
+      setIsAddModalOpen(false);
+    } else {
+      setAddError(toFieldErrors(result.error));
+    }
+    setAddSaving(false);
+  };
+  return /* @__PURE__ */ jsxs(Box, { pl: "20px", pr: "20px", children: [
+    /* @__PURE__ */ jsx(
+      Alert,
+      {
+        status: "info",
+        icon: true,
+        title: "Enrich your PagerDuty services with data from your Backstage catalog.",
+        description: "Create custom field mappings to surface the right context \u2014 runbook links, team ownership, and more \u2014 directly in PagerDuty.",
+        style: { marginBottom: "8px" }
+      }
+    ),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(Flex, { align: "start", justify: "between", gap: "3", children: [
+        /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "1", children: /* @__PURE__ */ jsx(Text, { variant: "body-medium", weight: "bold", children: "Manage your custom fields and review their sync activity." }) }),
+        /* @__PURE__ */ jsx(Box, { className: classes.syncCardWrapper, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardBody, { className: classes.syncCardBody, children: /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "2", children: [
+          /* @__PURE__ */ jsxs(
+            Text,
+            {
+              variant: "body-small",
+              weight: "bold",
+              color: orgWideSyncOn ? "success" : "secondary",
+              children: [
+                "Org-Wide Data Sync: ",
+                orgWideSyncOn ? "On" : "Off"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              isSelected: orgWideSyncOn,
+              onChange: toggleSync,
+              "aria-label": "Toggle org-wide data sync"
+            }
+          )
+        ] }) }) }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs(CardBody, { children: [
+        /* @__PURE__ */ jsxs(Flex, { align: "end", justify: "between", gap: "3", mb: "4", children: [
+          /* @__PURE__ */ jsxs(Flex, { align: "end", gap: "3", children: [
+            showAccountSelector && /* @__PURE__ */ jsx(Box, { className: classes.accountSelector, children: /* @__PURE__ */ jsx(
+              Select,
+              {
+                label: "Select Account",
+                isRequired: true,
+                selectionMode: "single",
+                size: "small",
+                value: selectedAccount,
+                onChange: (value) => setSelectedAccount(value?.toString() ?? ""),
+                placeholder: "Select account",
+                options: accounts
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              ButtonTabs,
+              {
+                items: TABS,
+                value: activeTab,
+                onChange: setActiveTab
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "secondary",
+              size: "small",
+              onClick: handleOpenAdd,
+              children: "+ Add New"
+            }
+          )
+        ] }),
+        activeTab === "fields" ? /* @__PURE__ */ jsx(CustomFieldsTabPanel, {}, selectedAccount) : /* @__PURE__ */ jsx(SyncLogsTab, {}, selectedAccount)
+      ] }),
+      /* @__PURE__ */ jsx(
+        CustomFieldModal,
+        {
+          open: isAddModalOpen,
+          saving: addSaving,
+          error: addError,
+          onClose: handleCloseAdd,
+          onSave: handleSaveAdd,
+          mode: "add"
+        }
+      )
+    ] })
+  ] });
+};
+const CustomFields = () => /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(AccountProvider, { children: /* @__PURE__ */ jsx(CustomFieldsTabContent, {}) }) });
+
+export { CustomFields };
+//# sourceMappingURL=CustomFields.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFields.esm.js","sources":["../../../src/components/PagerDutyPage/CustomFields.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  QueryClient,\n  QueryClientProvider,\n  useMutation,\n  useQuery,\n  useQueryClient,\n} from '@tanstack/react-query';\nimport {\n  Alert,\n  Box,\n  Button,\n  Card,\n  CardBody,\n  CardHeader,\n  Flex,\n  Select,\n  Switch,\n  Text,\n} from '@backstage/ui';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { NotFoundError } from '@backstage/errors';\nimport { makeStyles } from '@material-ui/core';\nimport { pagerDutyApiRef } from '../../api';\nimport type { PagerDutySetting } from '@pagerduty/backstage-plugin-common';\nimport { ButtonTabs, ButtonTabItem } from './CustomFields/ButtonTabs';\nimport { CustomFieldsTabPanel } from './CustomFields/CustomFieldsTabPanel';\nimport { SyncLogsTab } from './CustomFields/SyncLogsTab';\nimport { AccountProvider, useAccountContext } from './AccountContext';\nimport { CustomFieldModal, FieldErrors } from './CustomFieldModal';\nimport { toFieldErrors } from './CustomFields/customFieldErrors';\n\nconst queryClient = new QueryClient();\n\nconst DATA_SYNC_SETTING_ID = 'settings::data-sync';\n\n// The data-sync toggle reuses the generic settings store but with its own\n// enabled/disabled value, distinct from the dependency-strategy PagerDutySetting.\ntype DataSyncSetting = { id: string; value: 'enabled' | 'disabled' };\n\nconst useStyles = makeStyles(() => ({\n  syncCardWrapper: {\n    minWidth: 220,\n  },\n  syncCardBody: {\n    padding: '8px 12px',\n  },\n  accountSelector: {\n    width: 240,\n  },\n}));\n\ntype TabKey = 'fields' | 'logs';\n\nconst TABS: ButtonTabItem<TabKey>[] = [\n  { key: 'fields', label: 'Custom Fields' },\n  { key: 'logs', label: 'Activity Logs' },\n];\n\nconst CustomFieldsTabContent = () => {\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const reactQueryClient = useQueryClient();\n  const classes = useStyles();\n  const [activeTab, setActiveTab] = useState<TabKey>('fields');\n  const { selectedAccount, setSelectedAccount, accounts } = useAccountContext();\n  const account = selectedAccount || undefined;\n\n  const [isAddModalOpen, setIsAddModalOpen] = useState(false);\n  const [addSaving, setAddSaving] = useState(false);\n  const [addError, setAddError] = useState<FieldErrors | null>(null);\n\n  const showAccountSelector = accounts.length > 1;\n\n  const { data: orgWideSyncOn = false } = useQuery({\n    queryKey: ['pagerduty', 'settings', DATA_SYNC_SETTING_ID],\n    queryFn: async () => {\n      try {\n        const result = (await pagerDutyApi.getSetting(\n          DATA_SYNC_SETTING_ID,\n        )) as DataSyncSetting;\n        return result?.value === 'enabled';\n      } catch (error) {\n        if (error instanceof NotFoundError) {\n          // The setting has never been saved — treat the sync as disabled.\n          return false;\n        }\n        throw error;\n      }\n    },\n  });\n\n  const { mutate: toggleSync } = useMutation({\n    mutationFn: (enabled: boolean) => {\n      const setting: DataSyncSetting = {\n        id: DATA_SYNC_SETTING_ID,\n        value: enabled ? 'enabled' : 'disabled',\n      };\n      return pagerDutyApi.storeSettings([setting as PagerDutySetting]);\n    },\n    onMutate: (enabled: boolean) => {\n      // Optimistically reflect the toggle while the request is in flight.\n      reactQueryClient.setQueryData(\n        ['pagerduty', 'settings', DATA_SYNC_SETTING_ID],\n        enabled,\n      );\n    },\n    onError: (_error, enabled: boolean) => {\n      // Roll back to the previous value on failure.\n      reactQueryClient.setQueryData(\n        ['pagerduty', 'settings', DATA_SYNC_SETTING_ID],\n        !enabled,\n      );\n    },\n  });\n\n  const handleOpenAdd = () => {\n    setAddError(null);\n    setIsAddModalOpen(true);\n  };\n\n  const handleCloseAdd = () => {\n    setIsAddModalOpen(false);\n    setAddError(null);\n  };\n\n  const handleSaveAdd = async (formData: { name: string; entityPath: string; description: string }) => {\n    setAddSaving(true);\n    setAddError(null);\n    const result = await pagerDutyApi.createCustomField(formData, account);\n    if (result.status === 'ok') {\n      reactQueryClient.invalidateQueries({ queryKey: ['pagerduty', 'customFields', account ?? ''] });\n      setIsAddModalOpen(false);\n    } else {\n      setAddError(toFieldErrors(result.error));\n    }\n    setAddSaving(false);\n  };\n\n  return (\n    <Box pl=\"20px\" pr=\"20px\">\n      <Alert\n        status=\"info\"\n        icon\n        title=\"Enrich your PagerDuty services with data from your Backstage catalog.\"\n        description=\"Create custom field mappings to surface the right context — runbook links, team ownership, and more — directly in PagerDuty.\"\n        style={{marginBottom: '8px'}}\n      />\n      <Card>\n        <CardHeader>\n          <Flex align=\"start\" justify=\"between\" gap=\"3\">\n            <Flex direction=\"column\" gap=\"1\">\n              <Text variant=\"body-medium\" weight=\"bold\">\n                Manage your custom fields and review their sync activity.\n              </Text>\n            </Flex>\n            <Box className={classes.syncCardWrapper}>\n              <Card>\n                <CardBody className={classes.syncCardBody}>\n                  <Flex align=\"center\" justify=\"between\" gap=\"2\">\n                    <Text\n                      variant=\"body-small\"\n                      weight=\"bold\"\n                      color={orgWideSyncOn ? 'success' : 'secondary'}\n                    >\n                      Org-Wide Data Sync: {orgWideSyncOn ? 'On' : 'Off'}\n                    </Text>\n                    <Switch\n                      isSelected={orgWideSyncOn}\n                      onChange={toggleSync}\n                      aria-label=\"Toggle org-wide data sync\"\n                    />\n                  </Flex>\n                </CardBody>\n              </Card>\n            </Box>\n          </Flex>\n        </CardHeader>\n\n        <CardBody>\n          <Flex align=\"end\" justify=\"between\" gap=\"3\" mb=\"4\">\n            <Flex align=\"end\" gap=\"3\">\n              {showAccountSelector && (\n                <Box className={classes.accountSelector}>\n                  <Select\n                    label=\"Select Account\"\n                    isRequired\n                    selectionMode=\"single\"\n                    size=\"small\"\n                    value={selectedAccount}\n                    onChange={value => setSelectedAccount(value?.toString() ?? '')}\n                    placeholder=\"Select account\"\n                    options={accounts}\n                  />\n                </Box>\n              )}\n              <ButtonTabs<TabKey>\n                items={TABS}\n                value={activeTab}\n                onChange={setActiveTab}\n              />\n            </Flex>\n            <Button\n              variant=\"secondary\"\n              size=\"small\"\n              onClick={handleOpenAdd}\n            >\n              + Add New\n            </Button>\n          </Flex>\n\n          {activeTab === 'fields' ? (\n            <CustomFieldsTabPanel key={selectedAccount} />\n          ) : (\n            <SyncLogsTab key={selectedAccount} />\n          )}\n        </CardBody>\n\n        <CustomFieldModal\n          open={isAddModalOpen}\n          saving={addSaving}\n          error={addError}\n          onClose={handleCloseAdd}\n          onSave={handleSaveAdd}\n          mode=\"add\"\n        />\n      </Card>\n    </Box>\n  );\n};\n\n/** @public */\nexport const CustomFields = () => (\n  <QueryClientProvider client={queryClient}>\n    <AccountProvider>\n      <CustomFieldsTabContent />\n    </AccountProvider>\n  </QueryClientProvider>\n);\n"],"names":[],"mappings":"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"}

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

@@ -66,7 +66,7 @@ function MappingsTable() {
     setToastOpen(true);
     setToastSeverity("info");
     setToastMessage(
-      `Mapping ${isUnmapping ? "removed" : "created"} successfully. The catalog sync runs approximately every 30 seconds. Please wait a bit and refresh the page to see the updated status.`
+      `Mapping ${isUnmapping ? "removed" : "created"}. The status updates automatically once Backstage re-processes the entity \u2014 this can take a few minutes. Refresh the page to check.`
     );
     setToastTotalMatches(0);
     setToastMappingCounts({});

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

@@ -1 +1 @@
-{"version":3,"file":"MappingsTable.esm.js","sources":["../../../../src/components/PagerDutyPage/MappingsTable/MappingsTable.tsx"],"sourcesContent":["import {\n  Flex,\n  ButtonIcon,\n} from '@backstage/ui';\nimport { useState, useCallback } from 'react';\nimport MappingsDialog from '../MappingsDialog';\nimport AutomaticMappingsDialog from '../AutomaticMappingsDialog';\nimport AutoMappingsButton from './AutoMappingsButton';\nimport { FilterList, Refresh } from '@mui/icons-material';\nimport { BackstageEntity } from '../../types';\nimport MappingToast, { MappingCounts, ToastSeverity } from './MappingToast';\nimport { useConfirmMappings } from './hooks/useConfirmMappings';\nimport { useQueryClient } from '@tanstack/react-query';\n\nimport { FormattedBackstageEntity } from '@pagerduty/backstage-plugin-common';\nimport { useAccountContext } from '../AccountContext';\nimport MappingsTableContent from './MappingsTableContent';\n\nexport interface AutoMatchResult {\n  score: number;\n  serviceId: string;\n  account: string;\n  serviceName: string;\n  entity?: {\n    name: string;\n    entityRef: string;\n    owner: string;\n  };\n}\n\nexport type AutoMatchResults = Record<string, AutoMatchResult>;\n\nexport default function MappingsTable() {\n  const queryClient = useQueryClient();\n  const { selectedAccount } = useAccountContext();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isAutoMappingOpen, setIsAutoMappingOpen] = useState(false);\n  const [selectedEntity, setSelectedEntity] = useState<BackstageEntity | null>(\n    null,\n  );\n  const [showFilters, setShowFilters] = useState(false);\n\n  const [filters, setFilters] = useState({\n    name: '',\n    serviceName: '',\n    status: '',\n    teamName: '',\n  });\n\n  const [toastOpen, setToastOpen] = useState(false);\n  const [toastSeverity, setToastSeverity] = useState<ToastSeverity>('success');\n  const [toastMessage, setToastMessage] = useState('');\n  const [toastTotalMatches, setToastTotalMatches] = useState<number>(0);\n  const [toastMappingCounts, setToastMappingCounts] = useState<MappingCounts>(\n    {},\n  );\n\n  const [autoMatchResults, setAutoMatchResults] = useState<AutoMatchResults>(\n    {},\n  );\n  const [refreshKey, setRefreshKey] = useState(0);\n  const hasMatches = Object.keys(autoMatchResults).length > 0;\n  const tableKey = `${selectedAccount}-${hasMatches ? `matches-${Object.keys(autoMatchResults).length}` : 'no-matches'}-${refreshKey}`;\n\n  const clearMatches = useCallback(() => {\n    setAutoMatchResults({});\n  }, []);\n\n  const setMatches = (results: AutoMatchResults) => {\n    setAutoMatchResults(results);\n  };\n\n  const removeMatch = useCallback((entityName: string) => {\n    setAutoMatchResults(prev => {\n      const updated = { ...prev };\n      delete updated[entityName];\n      return updated;\n    });\n  }, []);\n\n  const handleFilterChange = useCallback(\n    (key: keyof typeof filters, value: string) => {\n      setFilters(prev => ({ ...prev, [key]: value }));\n    },\n    [],\n  );\n\n  const handleEditEntity = useCallback((entity: BackstageEntity) => {\n    setIsOpen(true);\n    setSelectedEntity(entity);\n  }, []);\n\n  const handleMappingSuccess = useCallback((isUnmapping: boolean) => {\n    setToastOpen(true);\n    setToastSeverity('info');\n    setToastMessage(\n      `Mapping ${isUnmapping ? 'removed' : 'created'} successfully. The catalog sync runs approximately every 30 seconds. Please wait a bit and refresh the page to see the updated status.`\n    );\n    setToastTotalMatches(0);\n    setToastMappingCounts({});\n  }, []);\n\n  const handleRefresh = useCallback(() => {\n    setRefreshKey(prev => prev + 1);\n    queryClient.invalidateQueries({\n      queryKey: ['pagerduty', 'enhancedEntityMappings'],\n    });\n  }, [queryClient]);\n\n  const { confirmMappings, isConfirming } = useConfirmMappings({\n    autoMatchResults,\n    mappingEntities: Object.values(autoMatchResults).map(match => ({\n      name: match.entity?.name || '',\n      id: match.entity?.entityRef || '',\n      namespace: 'default',\n      type: 'component',\n      system: '',\n      owner: match.entity?.owner || '',\n      lifecycle: '',\n      annotations: {\n        'pagerduty.com/integration-key': '',\n        'pagerduty.com/service-id': match.serviceId,\n      },\n    })) as FormattedBackstageEntity[],\n    onSuccess: (successCount, totalCount, counts) => {\n      queryClient.invalidateQueries({\n        queryKey: ['pagerduty', 'enhancedEntityMappings'],\n      });\n      clearMatches();\n      setToastOpen(true);\n      setToastSeverity('success');\n      setToastMessage(\n        `${successCount} of ${totalCount} mappings saved successfully.`,\n      );\n      setToastTotalMatches(0);\n      setToastMappingCounts(counts);\n    },\n    onError: errorMessage => {\n      setToastOpen(true);\n      setToastSeverity('error');\n      setToastMessage(errorMessage);\n      setToastTotalMatches(0);\n      setToastMappingCounts({});\n    },\n  });\n\n  return (\n    <>\n      <Flex justify=\"end\" gap=\"2\">\n        <AutoMappingsButton\n          hasMatches={hasMatches}\n          onAutoMapping={() => setIsAutoMappingOpen(true)}\n          onConfirmMappings={confirmMappings}\n          onClearMappings={clearMatches}\n          isConfirming={isConfirming}\n        />\n\n        <ButtonIcon\n          icon={<Refresh />}\n          aria-label=\"Refresh table\"\n          onClick={handleRefresh}\n          variant=\"secondary\"\n        >\n          <Refresh />\n        </ButtonIcon>\n\n        <ButtonIcon\n          icon={<FilterList />}\n          aria-label=\"Toggle filters\"\n          onClick={() => setShowFilters(!showFilters)}\n          variant={showFilters ? 'primary' : 'secondary'}\n        >\n          <FilterList />\n        </ButtonIcon>\n      </Flex>\n\n      <MappingsTableContent\n        key={tableKey}\n        autoMatchResults={autoMatchResults}\n        hasMatches={hasMatches}\n        showFilters={showFilters}\n        filters={filters}\n        onFilterChange={handleFilterChange}\n        onEditEntity={handleEditEntity}\n        onRemoveMatch={removeMatch}\n      />\n\n      <MappingsDialog\n        isOpen={isOpen}\n        setIsOpen={setIsOpen}\n        entity={selectedEntity}\n        onMappingSuccess={handleMappingSuccess}\n      />\n      <AutomaticMappingsDialog\n        isOpen={isAutoMappingOpen}\n        setIsOpen={setIsAutoMappingOpen}\n        onAutoMatchComplete={results => {\n          setMatches(results);\n          const matchCount = Object.keys(results).length;\n          setToastOpen(true);\n          setToastSeverity('success');\n          setToastMessage(`${matchCount} services mapped successfully.`);\n          setToastTotalMatches(matchCount);\n          setToastMappingCounts({});\n        }}\n      />\n      <MappingToast\n        open={toastOpen}\n        severity={toastSeverity}\n        message={toastMessage}\n        totalMatches={toastTotalMatches}\n        mappingCounts={toastMappingCounts}\n        onClose={() => setToastOpen(false)}\n      />\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MappingsTable.esm.js","sources":["../../../../src/components/PagerDutyPage/MappingsTable/MappingsTable.tsx"],"sourcesContent":["import {\n  Flex,\n  ButtonIcon,\n} from '@backstage/ui';\nimport { useState, useCallback } from 'react';\nimport MappingsDialog from '../MappingsDialog';\nimport AutomaticMappingsDialog from '../AutomaticMappingsDialog';\nimport AutoMappingsButton from './AutoMappingsButton';\nimport { FilterList, Refresh } from '@mui/icons-material';\nimport { BackstageEntity } from '../../types';\nimport MappingToast, { MappingCounts, ToastSeverity } from './MappingToast';\nimport { useConfirmMappings } from './hooks/useConfirmMappings';\nimport { useQueryClient } from '@tanstack/react-query';\n\nimport { FormattedBackstageEntity } from '@pagerduty/backstage-plugin-common';\nimport { useAccountContext } from '../AccountContext';\nimport MappingsTableContent from './MappingsTableContent';\n\nexport interface AutoMatchResult {\n  score: number;\n  serviceId: string;\n  account: string;\n  serviceName: string;\n  entity?: {\n    name: string;\n    entityRef: string;\n    owner: string;\n  };\n}\n\nexport type AutoMatchResults = Record<string, AutoMatchResult>;\n\nexport default function MappingsTable() {\n  const queryClient = useQueryClient();\n  const { selectedAccount } = useAccountContext();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isAutoMappingOpen, setIsAutoMappingOpen] = useState(false);\n  const [selectedEntity, setSelectedEntity] = useState<BackstageEntity | null>(\n    null,\n  );\n  const [showFilters, setShowFilters] = useState(false);\n\n  const [filters, setFilters] = useState({\n    name: '',\n    serviceName: '',\n    status: '',\n    teamName: '',\n  });\n\n  const [toastOpen, setToastOpen] = useState(false);\n  const [toastSeverity, setToastSeverity] = useState<ToastSeverity>('success');\n  const [toastMessage, setToastMessage] = useState('');\n  const [toastTotalMatches, setToastTotalMatches] = useState<number>(0);\n  const [toastMappingCounts, setToastMappingCounts] = useState<MappingCounts>(\n    {},\n  );\n\n  const [autoMatchResults, setAutoMatchResults] = useState<AutoMatchResults>(\n    {},\n  );\n  const [refreshKey, setRefreshKey] = useState(0);\n  const hasMatches = Object.keys(autoMatchResults).length > 0;\n  const tableKey = `${selectedAccount}-${hasMatches ? `matches-${Object.keys(autoMatchResults).length}` : 'no-matches'}-${refreshKey}`;\n\n  const clearMatches = useCallback(() => {\n    setAutoMatchResults({});\n  }, []);\n\n  const setMatches = (results: AutoMatchResults) => {\n    setAutoMatchResults(results);\n  };\n\n  const removeMatch = useCallback((entityName: string) => {\n    setAutoMatchResults(prev => {\n      const updated = { ...prev };\n      delete updated[entityName];\n      return updated;\n    });\n  }, []);\n\n  const handleFilterChange = useCallback(\n    (key: keyof typeof filters, value: string) => {\n      setFilters(prev => ({ ...prev, [key]: value }));\n    },\n    [],\n  );\n\n  const handleEditEntity = useCallback((entity: BackstageEntity) => {\n    setIsOpen(true);\n    setSelectedEntity(entity);\n  }, []);\n\n  const handleMappingSuccess = useCallback((isUnmapping: boolean) => {\n    setToastOpen(true);\n    setToastSeverity('info');\n    setToastMessage(\n      `Mapping ${isUnmapping ? 'removed' : 'created'}. The status updates automatically once Backstage re-processes the entity — this can take a few minutes. Refresh the page to check.`\n    );\n    setToastTotalMatches(0);\n    setToastMappingCounts({});\n  }, []);\n\n  const handleRefresh = useCallback(() => {\n    setRefreshKey(prev => prev + 1);\n    queryClient.invalidateQueries({\n      queryKey: ['pagerduty', 'enhancedEntityMappings'],\n    });\n  }, [queryClient]);\n\n  const { confirmMappings, isConfirming } = useConfirmMappings({\n    autoMatchResults,\n    mappingEntities: Object.values(autoMatchResults).map(match => ({\n      name: match.entity?.name || '',\n      id: match.entity?.entityRef || '',\n      namespace: 'default',\n      type: 'component',\n      system: '',\n      owner: match.entity?.owner || '',\n      lifecycle: '',\n      annotations: {\n        'pagerduty.com/integration-key': '',\n        'pagerduty.com/service-id': match.serviceId,\n      },\n    })) as FormattedBackstageEntity[],\n    onSuccess: (successCount, totalCount, counts) => {\n      queryClient.invalidateQueries({\n        queryKey: ['pagerduty', 'enhancedEntityMappings'],\n      });\n      clearMatches();\n      setToastOpen(true);\n      setToastSeverity('success');\n      setToastMessage(\n        `${successCount} of ${totalCount} mappings saved successfully.`,\n      );\n      setToastTotalMatches(0);\n      setToastMappingCounts(counts);\n    },\n    onError: errorMessage => {\n      setToastOpen(true);\n      setToastSeverity('error');\n      setToastMessage(errorMessage);\n      setToastTotalMatches(0);\n      setToastMappingCounts({});\n    },\n  });\n\n  return (\n    <>\n      <Flex justify=\"end\" gap=\"2\">\n        <AutoMappingsButton\n          hasMatches={hasMatches}\n          onAutoMapping={() => setIsAutoMappingOpen(true)}\n          onConfirmMappings={confirmMappings}\n          onClearMappings={clearMatches}\n          isConfirming={isConfirming}\n        />\n\n        <ButtonIcon\n          icon={<Refresh />}\n          aria-label=\"Refresh table\"\n          onClick={handleRefresh}\n          variant=\"secondary\"\n        >\n          <Refresh />\n        </ButtonIcon>\n\n        <ButtonIcon\n          icon={<FilterList />}\n          aria-label=\"Toggle filters\"\n          onClick={() => setShowFilters(!showFilters)}\n          variant={showFilters ? 'primary' : 'secondary'}\n        >\n          <FilterList />\n        </ButtonIcon>\n      </Flex>\n\n      <MappingsTableContent\n        key={tableKey}\n        autoMatchResults={autoMatchResults}\n        hasMatches={hasMatches}\n        showFilters={showFilters}\n        filters={filters}\n        onFilterChange={handleFilterChange}\n        onEditEntity={handleEditEntity}\n        onRemoveMatch={removeMatch}\n      />\n\n      <MappingsDialog\n        isOpen={isOpen}\n        setIsOpen={setIsOpen}\n        entity={selectedEntity}\n        onMappingSuccess={handleMappingSuccess}\n      />\n      <AutomaticMappingsDialog\n        isOpen={isAutoMappingOpen}\n        setIsOpen={setIsAutoMappingOpen}\n        onAutoMatchComplete={results => {\n          setMatches(results);\n          const matchCount = Object.keys(results).length;\n          setToastOpen(true);\n          setToastSeverity('success');\n          setToastMessage(`${matchCount} services mapped successfully.`);\n          setToastTotalMatches(matchCount);\n          setToastMappingCounts({});\n        }}\n      />\n      <MappingToast\n        open={toastOpen}\n        severity={toastSeverity}\n        message={toastMessage}\n        totalMatches={toastTotalMatches}\n        mappingCounts={toastMappingCounts}\n        onClose={() => setToastOpen(false)}\n      />\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/PagerDutyPage/MappingsTable/MappingsTableContent.esm.js

@@ -4,6 +4,7 @@ import { useMemo } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import StatusCell from './StatusCell.esm.js';
 import { ServiceCell } from './ServiceCell.esm.js';
+import { NameCell } from './NameCell.esm.js';
 import { Delete, Edit } from '@mui/icons-material';
 import { FilterRow } from './FilterRow.esm.js';
 import { TableSkeleton } from './TableSkeleton.esm.js';
@@ -146,7 +147,7 @@ function MappingsTableContent({
         label: "Name",
         isRowHeader: true,
         isSortable: true,
-        cell: (entity) => /* @__PURE__ */ jsx(CellText, { title: entity.name })
+        cell: (entity) => /* @__PURE__ */ jsx(NameCell, { entity })
       },
       {
         id: "team",
@@ -212,11 +213,22 @@ function MappingsTableContent({
     });
     return baseColumns;
   }, [hasMatches, onRemoveMatch, onEditEntity]);
-  const isInitialLoad = tableProps.loading && (!tableProps.data || tableProps.data.length === 0);
+  const isInitialLoad = tableProps.isPending && (!tableProps.data || tableProps.data.length === 0);
   const hasActiveFilters = showFilters && (!!filters.name || !!filters.serviceName || !!filters.status || !!filters.teamName);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     showFilters && /* @__PURE__ */ jsx(FilterRow, { filters, onFilterChange }),
-    isInitialLoad ? /* @__PURE__ */ jsx(TableSkeleton, {}) : /* @__PURE__ */ jsx(
+    isInitialLoad ? /* @__PURE__ */ jsx(
+      TableSkeleton,
+      {
+        columns: [
+          { label: "Name", width: "20%" },
+          { label: "Team", width: "20%" },
+          { label: "PagerDuty service", width: "20%" },
+          { label: "Status", width: "20%" },
+          { label: "Actions", width: "20%" }
+        ]
+      }
+    ) : /* @__PURE__ */ jsx(
       Table,
       {
         columnConfig,

package/dist/components/PagerDutyPage/MappingsTable/MappingsTableContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MappingsTableContent.esm.js","sources":["../../../../src/components/PagerDutyPage/MappingsTable/MappingsTableContent.tsx"],"sourcesContent":["import {\n  Table,\n  useTable,\n  CellText,\n  type ColumnConfig,\n} from '@backstage/ui';\nimport {  useMemo } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport StatusCell from './StatusCell';\nimport { ServiceCell } from './ServiceCell';\nimport { Edit, Delete } from '@mui/icons-material';\nimport { FilterRow } from './FilterRow';\nimport { TableSkeleton } from './TableSkeleton';\nimport { EmptyTableState } from './EmptyTableState';\nimport { BackstageEntity } from '../../types';\nimport useDebounce from '../../../hooks/useDebounce';\nimport { pagerDutyApiRef } from '../../../api';\nimport { AutoMatchResults } from './MappingsTable';\nimport { useAccountContext } from '../AccountContext';\n\ninterface MappingsTableContentProps {\n  autoMatchResults: AutoMatchResults;\n  hasMatches: boolean;\n  showFilters: boolean;\n  filters: {\n    name: string;\n    serviceName: string;\n    status: string;\n    teamName: string;\n  };\n  onFilterChange: (\n    key: 'name' | 'serviceName' | 'status' | 'teamName',\n    value: string,\n  ) => void;\n  onEditEntity: (entity: BackstageEntity) => void;\n  onRemoveMatch: (entityName: string) => void;\n}\n\n\nexport default function MappingsTableContent({\n  autoMatchResults,\n  hasMatches,\n  showFilters,\n  filters,\n  onFilterChange,\n  onEditEntity,\n  onRemoveMatch,\n}: MappingsTableContentProps) {\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const { selectedAccount } = useAccountContext();\n  const debouncedFilters = useDebounce(filters);\n\n  const { tableProps } = useTable<BackstageEntity, typeof filters>({\n    mode: 'offset',\n    filter: debouncedFilters,\n    getData: async ({ offset, pageSize, sort, filter }) => {\n      if (hasMatches) {\n        let matchedEntities: BackstageEntity[] = Object.entries(\n          autoMatchResults,\n        ).map(([entityName, matchResult]) => {\n          const entityRef = matchResult.entity?.entityRef || '';\n          const refParts = entityRef.split(':');\n          const type = refParts[0] || 'component';\n          const namespaceName = refParts[1]?.split('/') || ['default', entityName];\n          const namespace = namespaceName[0] || 'default';\n\n          return {\n            id: entityRef || `${type}:${namespace}/${entityName}`,\n            name: entityName,\n            namespace: namespace,\n            type: type,\n            system: '',\n            owner: matchResult.entity?.owner || '',\n            lifecycle: '',\n            annotations: {\n              'pagerduty.com/integration-key': '',\n              'pagerduty.com/service-id': matchResult.serviceId,\n            },\n            serviceName: matchResult.serviceName,\n            serviceUrl: `https://pagerduty.com/services/${matchResult.serviceId}`,\n            team: matchResult.entity?.owner || '',\n            escalationPolicy: '',\n            status: 'AutoMapped' as const,\n            account: matchResult.account,\n            mappingScore: matchResult.score,\n            autoMatchedServiceId: matchResult.serviceId,\n            autoMatchedServiceName: matchResult.serviceName,\n          } as BackstageEntity;\n        });\n\n        if (filter) {\n          matchedEntities = matchedEntities.filter(entity => {\n            if (filter.name && !entity.name.toLowerCase().includes(filter.name.toLowerCase())) {\n              return false;\n            }\n            if (filter.serviceName && entity.serviceName && !entity.serviceName.toLowerCase().includes(filter.serviceName.toLowerCase())) {\n              return false;\n            }\n            if (filter.status && entity.status !== filter.status) {\n              return false;\n            }\n            if (filter.teamName && entity.owner && !entity.owner.toLowerCase().includes(filter.teamName.toLowerCase())) {\n              return false;\n            }\n            return true;\n          });\n        }\n\n        if (sort) {\n          matchedEntities.sort((a, b) => {\n            let aValue: string | number = '';\n            let bValue: string | number = '';\n\n            switch (sort.column) {\n              case 'name':\n                aValue = a.name.toLowerCase();\n                bValue = b.name.toLowerCase();\n                break;\n              case 'team':\n                aValue = (a.owner || '').toLowerCase();\n                bValue = (b.owner || '').toLowerCase();\n                break;\n              case 'serviceName':\n                aValue = (a.serviceName || '').toLowerCase();\n                bValue = (b.serviceName || '').toLowerCase();\n                break;\n              case 'status':\n                aValue = (a.status || '').toLowerCase();\n                bValue = (b.status || '').toLowerCase();\n                break;\n              case 'mappingScore':\n                aValue = a.mappingScore ?? 0;\n                bValue = b.mappingScore ?? 0;\n                break;\n              default:\n                return 0;\n            }\n\n            if (aValue < bValue) {\n              return sort.direction === 'ascending' ? -1 : 1;\n            }\n            if (aValue > bValue) {\n              return sort.direction === 'ascending' ? 1 : -1;\n            }\n            return 0;\n          });\n        }\n\n        const start = offset;\n        const end = offset + pageSize;\n        const paginatedData = matchedEntities.slice(start, end);\n\n        return {\n          data: paginatedData,\n          totalCount: matchedEntities.length,\n        };\n      }\n      const response = await pagerDutyApi.getEntityMappingsWithPagination({\n        offset,\n        limit: pageSize,\n        filters: filter,\n        sort: sort\n          ? { column: String(sort.column), direction: sort.direction }\n          : undefined,\n        account: selectedAccount,\n      });\n\n      return {\n        data: response.entities as BackstageEntity[],\n        totalCount: response.totalCount,\n      };\n    },\n    paginationOptions: {\n      pageSize: 10,\n      pageSizeOptions: [10, 25, 50, 100],\n    },\n  });\n\n  const columnConfig: ColumnConfig<BackstageEntity>[] = useMemo(() => {\n    const baseColumns: ColumnConfig<BackstageEntity>[] = [\n      {\n        id: 'name',\n        label: 'Name',\n        isRowHeader: true,\n        isSortable: true,\n        cell: entity => <CellText title={entity.name} />,\n      },\n      {\n        id: 'team',\n        label: 'Team',\n        isRowHeader: true,\n        isSortable: true,\n        cell: entity => <CellText title={entity.owner} />,\n      },\n      {\n        id: 'serviceName',\n        label: 'PagerDuty service',\n        isRowHeader: true,\n        isSortable: true,\n        cell: entity => <ServiceCell entity={entity} />,\n      },\n      {\n        id: 'status',\n        label: 'Status',\n        isRowHeader: true,\n        isSortable: true,\n        cell: entity => <StatusCell entity={entity} />,\n      },\n    ];\n    \n    if (hasMatches) {\n      baseColumns.push({\n        id: 'mappingScore',\n        label: 'Mapping Score',\n        isRowHeader: true,\n        isSortable: true,\n        cell: entity => (\n          <CellText\n            title={\n              entity.mappingScore !== undefined\n                ? `${entity.mappingScore}%`\n                : '—'\n            }\n          />\n        ),\n      });\n    }\n\n    baseColumns.push({\n      id: 'actions',\n      label: 'Actions',\n      isRowHeader: true,\n      isSortable: false,\n      cell: entity => (\n        <CellText\n          leadingIcon={\n            entity.mappingScore !== undefined ? (\n              <Delete fontSize=\"small\" />\n            ) : (\n              <Edit fontSize=\"small\" />\n            )\n          }\n          color=\"secondary\"\n          style={{\n            paddingLeft: '25px',\n            cursor: 'pointer',\n            maxWidth: 'min-content',\n          }}\n          title=\"\"\n          onClick={() => {\n            if (entity.mappingScore !== undefined) {\n              onRemoveMatch(entity.name);\n            } else {\n              onEditEntity(entity);\n            }\n          }}\n        />\n      ),\n    });\n\n    return baseColumns;\n  }, [hasMatches, onRemoveMatch, onEditEntity]);\n\n  const isInitialLoad =\n    tableProps.loading && (!tableProps.data || tableProps.data.length === 0);\n\n  const hasActiveFilters =\n    showFilters &&\n    (!!filters.name ||\n      !!filters.serviceName ||\n      !!filters.status ||\n      !!filters.teamName);\n\n  return (\n    <>\n      {showFilters && (\n        <FilterRow filters={filters} onFilterChange={onFilterChange} />\n      )}\n\n      {isInitialLoad ? (\n        <TableSkeleton />\n      ) : (\n        <Table\n          columnConfig={columnConfig}\n          {...tableProps}\n          emptyState={<EmptyTableState hasActiveFilters={hasActiveFilters} />}\n        />\n      )}\n    </>\n  );\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"MappingsTableContent.esm.js","sources":["../../../../src/components/PagerDutyPage/MappingsTable/MappingsTableContent.tsx"],"sourcesContent":["import {\n  Table,\n  useTable,\n  CellText,\n  type ColumnConfig,\n} from '@backstage/ui';\nimport {  useMemo } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport StatusCell from './StatusCell';\nimport { ServiceCell } from './ServiceCell';\nimport { NameCell } from './NameCell';\nimport { Edit, Delete } from '@mui/icons-material';\nimport { FilterRow } from './FilterRow';\nimport { TableSkeleton } from './TableSkeleton';\nimport { EmptyTableState } from './EmptyTableState';\nimport { BackstageEntity } from '../../types';\nimport useDebounce from '../../../hooks/useDebounce';\nimport { pagerDutyApiRef } from '../../../api';\nimport { AutoMatchResults } from './MappingsTable';\nimport { useAccountContext } from '../AccountContext';\n\ninterface MappingsTableContentProps {\n  autoMatchResults: AutoMatchResults;\n  hasMatches: boolean;\n  showFilters: boolean;\n  filters: {\n    name: string;\n    serviceName: string;\n    status: string;\n    teamName: string;\n  };\n  onFilterChange: (\n    key: 'name' | 'serviceName' | 'status' | 'teamName',\n    value: string,\n  ) => void;\n  onEditEntity: (entity: BackstageEntity) => void;\n  onRemoveMatch: (entityName: string) => void;\n}\n\n\nexport default function MappingsTableContent({\n  autoMatchResults,\n  hasMatches,\n  showFilters,\n  filters,\n  onFilterChange,\n  onEditEntity,\n  onRemoveMatch,\n}: MappingsTableContentProps) {\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const { selectedAccount } = useAccountContext();\n  const debouncedFilters = useDebounce(filters);\n\n  const { tableProps } = useTable<BackstageEntity, typeof filters>({\n    mode: 'offset',\n    filter: debouncedFilters,\n    getData: async ({ offset, pageSize, sort, filter }) => {\n      if (hasMatches) {\n        let matchedEntities: BackstageEntity[] = Object.entries(\n          autoMatchResults,\n        ).map(([entityName, matchResult]) => {\n          const entityRef = matchResult.entity?.entityRef || '';\n          const refParts = entityRef.split(':');\n          const type = refParts[0] || 'component';\n          const namespaceName = refParts[1]?.split('/') || ['default', entityName];\n          const namespace = namespaceName[0] || 'default';\n\n          return {\n            id: entityRef || `${type}:${namespace}/${entityName}`,\n            name: entityName,\n            namespace: namespace,\n            type: type,\n            system: '',\n            owner: matchResult.entity?.owner || '',\n            lifecycle: '',\n            annotations: {\n              'pagerduty.com/integration-key': '',\n              'pagerduty.com/service-id': matchResult.serviceId,\n            },\n            serviceName: matchResult.serviceName,\n            serviceUrl: `https://pagerduty.com/services/${matchResult.serviceId}`,\n            team: matchResult.entity?.owner || '',\n            escalationPolicy: '',\n            status: 'AutoMapped' as const,\n            account: matchResult.account,\n            mappingScore: matchResult.score,\n            autoMatchedServiceId: matchResult.serviceId,\n            autoMatchedServiceName: matchResult.serviceName,\n          } as BackstageEntity;\n        });\n\n        if (filter) {\n          matchedEntities = matchedEntities.filter(entity => {\n            if (filter.name && !entity.name.toLowerCase().includes(filter.name.toLowerCase())) {\n              return false;\n            }\n            if (filter.serviceName && entity.serviceName && !entity.serviceName.toLowerCase().includes(filter.serviceName.toLowerCase())) {\n              return false;\n            }\n            if (filter.status && entity.status !== filter.status) {\n              return false;\n            }\n            if (filter.teamName && entity.owner && !entity.owner.toLowerCase().includes(filter.teamName.toLowerCase())) {\n              return false;\n            }\n            return true;\n          });\n        }\n\n        if (sort) {\n          matchedEntities.sort((a, b) => {\n            let aValue: string | number = '';\n            let bValue: string | number = '';\n\n            switch (sort.column) {\n              case 'name':\n                aValue = a.name.toLowerCase();\n                bValue = b.name.toLowerCase();\n                break;\n              case 'team':\n                aValue = (a.owner || '').toLowerCase();\n                bValue = (b.owner || '').toLowerCase();\n                break;\n              case 'serviceName':\n                aValue = (a.serviceName || '').toLowerCase();\n                bValue = (b.serviceName || '').toLowerCase();\n                break;\n              case 'status':\n                aValue = (a.status || '').toLowerCase();\n                bValue = (b.status || '').toLowerCase();\n                break;\n              case 'mappingScore':\n                aValue = a.mappingScore ?? 0;\n                bValue = b.mappingScore ?? 0;\n                break;\n              default:\n                return 0;\n            }\n\n            if (aValue < bValue) {\n              return sort.direction === 'ascending' ? -1 : 1;\n            }\n            if (aValue > bValue) {\n              return sort.direction === 'ascending' ? 1 : -1;\n            }\n            return 0;\n          });\n        }\n\n        const start = offset;\n        const end = offset + pageSize;\n        const paginatedData = matchedEntities.slice(start, end);\n\n        return {\n          data: paginatedData,\n          totalCount: matchedEntities.length,\n        };\n      }\n      const response = await pagerDutyApi.getEntityMappingsWithPagination({\n        offset,\n        limit: pageSize,\n        filters: filter,\n        sort: sort\n          ? { column: String(sort.column), direction: sort.direction }\n          : undefined,\n        account: selectedAccount,\n      });\n\n      return {\n        data: response.entities as BackstageEntity[],\n        totalCount: response.totalCount,\n      };\n    },\n    paginationOptions: {\n      pageSize: 10,\n      pageSizeOptions: [10, 25, 50, 100],\n    },\n  });\n\n  const columnConfig: ColumnConfig<BackstageEntity>[] = useMemo(() => {\n    const baseColumns: ColumnConfig<BackstageEntity>[] = [\n      {\n        id: 'name',\n        label: 'Name',\n        isRowHeader: true,\n        isSortable: true,\n        cell: entity => <NameCell entity={entity} />,\n      },\n      {\n        id: 'team',\n        label: 'Team',\n        isRowHeader: true,\n        isSortable: true,\n        cell: entity => <CellText title={entity.owner} />,\n      },\n      {\n        id: 'serviceName',\n        label: 'PagerDuty service',\n        isRowHeader: true,\n        isSortable: true,\n        cell: entity => <ServiceCell entity={entity} />,\n      },\n      {\n        id: 'status',\n        label: 'Status',\n        isRowHeader: true,\n        isSortable: true,\n        cell: entity => <StatusCell entity={entity} />,\n      },\n    ];\n    \n    if (hasMatches) {\n      baseColumns.push({\n        id: 'mappingScore',\n        label: 'Mapping Score',\n        isRowHeader: true,\n        isSortable: true,\n        cell: entity => (\n          <CellText\n            title={\n              entity.mappingScore !== undefined\n                ? `${entity.mappingScore}%`\n                : '—'\n            }\n          />\n        ),\n      });\n    }\n\n    baseColumns.push({\n      id: 'actions',\n      label: 'Actions',\n      isRowHeader: true,\n      isSortable: false,\n      cell: entity => (\n        <CellText\n          leadingIcon={\n            entity.mappingScore !== undefined ? (\n              <Delete fontSize=\"small\" />\n            ) : (\n              <Edit fontSize=\"small\" />\n            )\n          }\n          color=\"secondary\"\n          style={{\n            paddingLeft: '25px',\n            cursor: 'pointer',\n            maxWidth: 'min-content',\n          }}\n          title=\"\"\n          onClick={() => {\n            if (entity.mappingScore !== undefined) {\n              onRemoveMatch(entity.name);\n            } else {\n              onEditEntity(entity);\n            }\n          }}\n        />\n      ),\n    });\n\n    return baseColumns;\n  }, [hasMatches, onRemoveMatch, onEditEntity]);\n\n  const isInitialLoad =\n    tableProps.isPending && (!tableProps.data || tableProps.data.length === 0);\n\n  const hasActiveFilters =\n    showFilters &&\n    (!!filters.name ||\n      !!filters.serviceName ||\n      !!filters.status ||\n      !!filters.teamName);\n\n  return (\n    <>\n      {showFilters && (\n        <FilterRow filters={filters} onFilterChange={onFilterChange} />\n      )}\n\n      {isInitialLoad ? (\n        <TableSkeleton\n          columns={[\n            { label: 'Name', width: '20%' },\n            { label: 'Team', width: '20%' },\n            { label: 'PagerDuty service', width: '20%' },\n            { label: 'Status', width: '20%' },\n            { label: 'Actions', width: '20%' },\n          ]}\n        />\n        ) : (\n        <Table\n          columnConfig={columnConfig}\n          {...tableProps}\n          emptyState={<EmptyTableState hasActiveFilters={hasActiveFilters} />}\n        />\n      )}\n    </>\n  );\n}"],"names":[],"mappings":"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"}

package/dist/components/PagerDutyPage/MappingsTable/NameCell.esm.js

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import { CellText, Cell } from '@backstage/ui';
+import { makeStyles } from '@material-ui/core';
+import { Link } from '@backstage/core-components';
+import { DEFAULT_NAMESPACE } from '@backstage/catalog-model';
+
+const useStyles = makeStyles((theme) => ({
+  link: {
+    textDecoration: "underline",
+    color: theme.palette.link,
+    transition: "color 0.15s",
+    "&:hover": {
+      opacity: 0.8
+    }
+  }
+}));
+function entityCatalogPath(entity) {
+  if (!entity.type || !entity.name) {
+    return void 0;
+  }
+  const namespace = (entity.namespace || DEFAULT_NAMESPACE).toLowerCase();
+  const kind = entity.type.toLowerCase();
+  return `/catalog/${namespace}/${kind}/${entity.name}`;
+}
+function NameCell({ entity }) {
+  const classes = useStyles();
+  const to = entityCatalogPath(entity);
+  if (!to) {
+    return /* @__PURE__ */ jsx(CellText, { title: entity.name });
+  }
+  return /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Link, { to, className: classes.link, title: entity.name, children: entity.name }) });
+}
+
+export { NameCell };
+//# sourceMappingURL=NameCell.esm.js.map

package/dist/components/PagerDutyPage/MappingsTable/NameCell.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NameCell.esm.js","sources":["../../../../src/components/PagerDutyPage/MappingsTable/NameCell.tsx"],"sourcesContent":["import { Cell, CellText } from '@backstage/ui';\nimport { makeStyles } from '@material-ui/core';\nimport { Link } from '@backstage/core-components';\nimport { DEFAULT_NAMESPACE } from '@backstage/catalog-model';\nimport { BackstageEntity } from '../../types';\n\nconst useStyles = makeStyles(theme => ({\n  link: {\n    textDecoration: 'underline',\n    color: theme.palette.link,\n    transition: 'color 0.15s',\n    '&:hover': {\n      opacity: 0.8,\n    },\n  },\n}));\n\ntype NameCellProps = {\n  entity: BackstageEntity;\n};\n\nfunction entityCatalogPath(entity: BackstageEntity): string | undefined {\n  if (!entity.type || !entity.name) {\n    return undefined;\n  }\n\n  const namespace = (entity.namespace || DEFAULT_NAMESPACE).toLowerCase();\n  const kind = entity.type.toLowerCase();\n\n  return `/catalog/${namespace}/${kind}/${entity.name}`;\n}\n\nexport function NameCell({ entity }: NameCellProps) {\n  const classes = useStyles();\n  const to = entityCatalogPath(entity);\n\n  if (!to) {\n    return <CellText title={entity.name} />;\n  }\n\n  // Render the link via core-components' Link (react-router-aware) instead of\n  // CellText's href, which emits a plain <a> and triggers a full page reload.\n  return (\n    <Cell>\n      <Link to={to} className={classes.link} title={entity.name}>\n        {entity.name}\n      </Link>\n    </Cell>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,IAAA,EAAM;AAAA,IACJ,cAAA,EAAgB,WAAA;AAAA,IAChB,KAAA,EAAO,MAAM,OAAA,CAAQ,IAAA;AAAA,IACrB,UAAA,EAAY,aAAA;AAAA,IACZ,SAAA,EAAW;AAAA,MACT,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA,CAAE,CAAA;AAMF,SAAS,kBAAkB,MAAA,EAA6C;AACtE,EAAA,IAAI,CAAC,MAAA,CAAO,IAAA,IAAQ,CAAC,OAAO,IAAA,EAAM;AAChC,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,MAAM,SAAA,GAAA,CAAa,MAAA,CAAO,SAAA,IAAa,iBAAA,EAAmB,WAAA,EAAY;AACtE,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,CAAK,WAAA,EAAY;AAErC,EAAA,OAAO,YAAY,SAAS,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,OAAO,IAAI,CAAA,CAAA;AACrD;AAEO,SAAS,QAAA,CAAS,EAAE,MAAA,EAAO,EAAkB;AAClD,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,EAAA,GAAK,kBAAkB,MAAM,CAAA;AAEnC,EAAA,IAAI,CAAC,EAAA,EAAI;AACP,IAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,MAAA,CAAO,IAAA,EAAM,CAAA;AAAA,EACvC;AAIA,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,IAAA,EAAM,KAAA,EAAO,MAAA,CAAO,IAAA,EAClD,QAAA,EAAA,MAAA,CAAO,MACV,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/PagerDutyPage/MappingsTable/TableSkeleton.esm.js

@@ -1,29 +1,28 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Box, Flex, Skeleton } from '@backstage/ui';
+import { Box, Flex, Text, Skeleton } from '@backstage/ui';
 
-function TableSkeleton() {
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": "mappings-table-skeleton", style: { width: "100%" }, mt: "4", children: [
-    /* @__PURE__ */ jsxs(
+const DEFAULT_COLUMNS = [
+  { label: "Name", width: "25%" },
+  { label: "Team", width: "20%" },
+  { label: "PagerDuty service", width: "25%" },
+  { label: "Status", width: "20%" },
+  { label: "Actions", width: "10%" }
+];
+function TableSkeleton({
+  columns = DEFAULT_COLUMNS,
+  rowCount = 10
+} = {}) {
+  return /* @__PURE__ */ jsxs(Box, { "data-testid": "mappings-table-skeleton", style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx(
       Flex,
       {
         gap: "4",
-        style: {
-          padding: "1rem",
-          borderBottom: "1px solid var(--bui-border-neutral-default)",
-          backgroundColor: "var(--bui-bg-surface-0)"
-        },
-        children: [
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "20px", width: "15%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "20px", width: "15%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "20px", width: "20%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "20px", width: "12%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "20px", width: "12%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "20px", width: "12%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "20px", width: "10%" } })
-        ]
+        mt: "10px",
+        pl: "10px",
+        children: columns.map((column) => /* @__PURE__ */ jsx(Box, { style: { width: column.width }, children: /* @__PURE__ */ jsx(Text, { weight: "bold", variant: "body-medium", children: column.label }) }, column.label))
       }
     ),
-    [...Array(10)].map((_, index) => /* @__PURE__ */ jsxs(
+    [...Array(rowCount)].map((_, rowIndex) => /* @__PURE__ */ jsx(
       Flex,
       {
         gap: "4",
@@ -31,17 +30,15 @@ function TableSkeleton() {
           padding: "1rem",
           borderBottom: "1px solid var(--bui-border-neutral-subtle)"
         },
-        children: [
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "16px", width: "15%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "16px", width: "15%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "16px", width: "20%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "16px", width: "12%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "16px", width: "12%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "16px", width: "12%" } }),
-          /* @__PURE__ */ jsx(Skeleton, { style: { height: "16px", width: "10%" } })
-        ]
+        children: columns.map((column) => /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            style: { height: "16px", width: column.width }
+          },
+          column.label
+        ))
       },
-      index
+      rowIndex
     ))
   ] });
 }

package/dist/components/PagerDutyPage/MappingsTable/TableSkeleton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableSkeleton.esm.js","sources":["../../../../src/components/PagerDutyPage/MappingsTable/TableSkeleton.tsx"],"sourcesContent":["import { Box, Flex, Skeleton } from '@backstage/ui';\n\nexport function TableSkeleton() {\n  return (\n    <Box data-testid=\"mappings-table-skeleton\" style={{ width: '100%' }} mt=\"4\">\n      <Flex\n        gap=\"4\"\n        style={{\n          padding: '1rem',\n          borderBottom: '1px solid var(--bui-border-neutral-default)',\n          backgroundColor: 'var(--bui-bg-surface-0)',\n        }}\n      >\n        <Skeleton style={{ height: '20px', width: '15%' }} />\n        <Skeleton style={{ height: '20px', width: '15%' }} />\n        <Skeleton style={{ height: '20px', width: '20%' }} />\n        <Skeleton style={{ height: '20px', width: '12%' }} />\n        <Skeleton style={{ height: '20px', width: '12%' }} />\n        <Skeleton style={{ height: '20px', width: '12%' }} />\n        <Skeleton style={{ height: '20px', width: '10%' }} />\n      </Flex>\n\n      {[...Array(10)].map((_, index) => (\n        <Flex\n          key={index}\n          gap=\"4\"\n          style={{\n            padding: '1rem',\n            borderBottom: '1px solid var(--bui-border-neutral-subtle)',\n          }}\n        >\n          <Skeleton style={{ height: '16px', width: '15%' }} />\n          <Skeleton style={{ height: '16px', width: '15%' }} />\n          <Skeleton style={{ height: '16px', width: '20%' }} />\n          <Skeleton style={{ height: '16px', width: '12%' }} />\n          <Skeleton style={{ height: '16px', width: '12%' }} />\n          <Skeleton style={{ height: '16px', width: '12%' }} />\n          <Skeleton style={{ height: '16px', width: '10%' }} />\n        </Flex>\n      ))}\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,aAAA,GAAgB;AAC9B,EAAA,uBACE,IAAA,CAAC,GAAA,EAAA,EAAI,aAAA,EAAY,yBAAA,EAA0B,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO,EAAG,EAAA,EAAG,GAAA,EACtE,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAI,GAAA;AAAA,QACJ,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,MAAA;AAAA,UACT,YAAA,EAAc,6CAAA;AAAA,UACd,eAAA,EAAiB;AAAA,SACnB;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG;AAAA;AAAA;AAAA,KACrD;AAAA,IAEC,CAAC,GAAG,KAAA,CAAM,EAAE,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,qBACtB,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QAEC,GAAA,EAAI,GAAA;AAAA,QACJ,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,MAAA;AAAA,UACT,YAAA,EAAc;AAAA,SAChB;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG,CAAA;AAAA,0BACnD,GAAA,CAAC,YAAS,KAAA,EAAO,EAAE,QAAQ,MAAA,EAAQ,KAAA,EAAO,OAAM,EAAG;AAAA;AAAA,OAAA;AAAA,MAb9C;AAAA,KAeR;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TableSkeleton.esm.js","sources":["../../../../src/components/PagerDutyPage/MappingsTable/TableSkeleton.tsx"],"sourcesContent":["import { Box, Flex, Skeleton, Text } from '@backstage/ui';\n\ninterface SkeletonColumn {\n  /** Column header label, matching the real table's column. */\n  label: string;\n  /** Column width as a CSS width value. */\n  width: string;\n}\n\ninterface TableSkeletonProps {\n  /**\n   * Columns to render. The labels match the real table's headers and are shown\n   * as-is; only the row cells are skeletons.\n   */\n  columns?: SkeletonColumn[];\n  /** Number of placeholder rows to render. */\n  rowCount?: number;\n}\n\nconst DEFAULT_COLUMNS: SkeletonColumn[] = [\n  { label: 'Name', width: '25%' },\n  { label: 'Team', width: '20%' },\n  { label: 'PagerDuty service', width: '25%' },\n  { label: 'Status', width: '20%' },\n  { label: 'Actions', width: '10%' },\n];\n\nexport function TableSkeleton({\n  columns = DEFAULT_COLUMNS,\n  rowCount = 10,\n}: TableSkeletonProps = {}) {\n  return (\n    <Box data-testid=\"mappings-table-skeleton\" style={{ width: '100%' }}>\n      <Flex\n        gap=\"4\"\n        mt=\"10px\"\n        pl=\"10px\"\n      >\n        {columns.map(column => (\n          <Box key={column.label} style={{ width: column.width }}>\n            <Text weight=\"bold\" variant=\"body-medium\">\n              {column.label}\n            </Text>\n          </Box>\n        ))}\n      </Flex>\n\n      {[...Array(rowCount)].map((_, rowIndex) => (\n        <Flex\n          key={rowIndex}\n          gap=\"4\"\n          style={{\n            padding: '1rem',\n            borderBottom: '1px solid var(--bui-border-neutral-subtle)',\n          }}\n        >\n          {columns.map(column => (\n            <Skeleton\n              key={column.label}\n              style={{ height: '16px', width: column.width }}\n            />\n          ))}\n        </Flex>\n      ))}\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;AAmBA,MAAM,eAAA,GAAoC;AAAA,EACxC,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,KAAA,EAAM;AAAA,EAC9B,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,KAAA,EAAM;AAAA,EAC9B,EAAE,KAAA,EAAO,mBAAA,EAAqB,KAAA,EAAO,KAAA,EAAM;AAAA,EAC3C,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,KAAA,EAAM;AAAA,EAChC,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,KAAA;AAC7B,CAAA;AAEO,SAAS,aAAA,CAAc;AAAA,EAC5B,OAAA,GAAU,eAAA;AAAA,EACV,QAAA,GAAW;AACb,CAAA,GAAwB,EAAC,EAAG;AAC1B,EAAA,uBACE,IAAA,CAAC,OAAI,aAAA,EAAY,yBAAA,EAA0B,OAAO,EAAE,KAAA,EAAO,QAAO,EAChE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAI,GAAA;AAAA,QACJ,EAAA,EAAG,MAAA;AAAA,QACH,EAAA,EAAG,MAAA;AAAA,QAEF,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,MAAA,qBACX,GAAA,CAAC,OAAuB,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,CAAO,KAAA,EAAM,EACnD,8BAAC,IAAA,EAAA,EAAK,MAAA,EAAO,QAAO,OAAA,EAAQ,aAAA,EACzB,iBAAO,KAAA,EACV,CAAA,EAAA,EAHQ,MAAA,CAAO,KAIjB,CACD;AAAA;AAAA,KACH;AAAA,IAEC,CAAC,GAAG,KAAA,CAAM,QAAQ,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,QAAA,qBAC5B,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QAEC,GAAA,EAAI,GAAA;AAAA,QACJ,KAAA,EAAO;AAAA,UACL,OAAA,EAAS,MAAA;AAAA,UACT,YAAA,EAAc;AAAA,SAChB;AAAA,QAEC,QAAA,EAAA,OAAA,CAAQ,IAAI,CAAA,MAAA,qBACX,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YAEC,OAAO,EAAE,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,OAAO,KAAA;AAAM,WAAA;AAAA,UADxC,MAAA,CAAO;AAAA,SAGf;AAAA,OAAA;AAAA,MAZI;AAAA,KAcR;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Alert } from '@backstage/ui';
+import { ServiceMappingComponent } from './ServiceMappingComponent.esm.js';
+
+const ServiceMappingPage = () => {
+  return /* @__PURE__ */ jsxs(Box, { pl: "20px", pr: "20px", children: [
+    /* @__PURE__ */ jsx(
+      Alert,
+      {
+        status: "info",
+        icon: true,
+        title: "Easily map your existing PagerDuty services to entities in Backstage without the need to add anotations to all your projects.",
+        description: "Warning: Only 1:1 mapping is allowed at this time.",
+        style: { marginBottom: "8px" }
+      }
+    ),
+    /* @__PURE__ */ jsx(ServiceMappingComponent, {})
+  ] });
+};
+
+export { ServiceMappingPage };
+//# sourceMappingURL=ServiceMappingPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceMappingPage.esm.js","sources":["../../../src/components/PagerDutyPage/ServiceMappingPage.tsx"],"sourcesContent":["import { Alert, Box } from '@backstage/ui';\nimport { ServiceMappingComponent } from './ServiceMappingComponent';\n\n/** @public */\nexport const ServiceMappingPage = () => {\n  return (\n    <Box pl=\"20px\" pr=\"20px\">\n      <Alert\n        status=\"info\"\n        icon\n        title=\"Easily map your existing PagerDuty services to entities in Backstage without the need to add anotations to all your projects.\"\n        description=\"Warning: Only 1:1 mapping is allowed at this time.\"\n        style={{marginBottom: '8px'}}\n      />\n\n      <ServiceMappingComponent />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;AAIO,MAAM,qBAAqB,MAAM;AACtC,EAAA,uBACE,IAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,IAAG,MAAA,EAChB,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAO,MAAA;AAAA,QACP,IAAA,EAAI,IAAA;AAAA,QACJ,KAAA,EAAM,+HAAA;AAAA,QACN,WAAA,EAAY,oDAAA;AAAA,QACZ,KAAA,EAAO,EAAC,YAAA,EAAc,KAAA;AAAK;AAAA,KAC7B;AAAA,wBAEC,uBAAA,EAAA,EAAwB;AAAA,GAAA,EAC3B,CAAA;AAEJ;;;;"}