@pagerduty/backstage-plugin 0.17.1 → 0.19.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"MappingsDialog.esm.js","sources":["../../../src/components/PagerDutyPage/MappingsDialog.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogHeader,\n  DialogBody,\n  DialogFooter,\n  Button,\n  Select,\n  Flex,\n  Text,\n  SearchField,\n  RadioGroup,\n  Radio,\n  Box,\n  TextField,\n} from '@backstage/ui';\nimport { Dispatch, useState, useEffect } from 'react';\nimport { BackstageEntity } from '../types';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { pagerDutyApiRef } from '../../api';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { makeStyles } from '@material-ui/core';\nimport { useAccountContext } from './AccountContext';\nimport useDebounce from '../../hooks/useDebounce';\n\nconst useStyles = makeStyles(() => ({\n  radioListContainer: {\n    maxHeight: '300px',\n    overflowY: 'auto',\n    border: '1px solid var(--bui-border)',\n    borderRadius: 'var(--bui-radius-2)',\n    padding: 0,\n    '& > div > div': {\n      gap: 0,\n    },\n    '& label[data-rac]': {\n      margin: 0,\n      padding: 'var(--bui-spacing-2) var(--bui-spacing-3)',\n      minHeight: '32px',\n      borderBottom: '1px solid var(--bui-gray-2)',\n      borderLeft: '3px solid transparent',\n      cursor: 'pointer',\n      transition: 'background-color 0.15s ease',\n      display: 'flex',\n      alignItems: 'center',\n      '&:last-child': {\n        borderBottom: 'none',\n      },\n      '&:hover': {\n        backgroundColor: 'var(--bui-gray-1)',\n      },\n      '&[data-selected=\"true\"]': {\n        backgroundColor: 'var(--bui-blue-1)',\n        borderLeft: '3px solid var(--bui-blue-6)',\n        fontWeight: 'var(--bui-font-weight-bold)',\n      },\n    },\n  },\n}));\n\ninterface MappingsDialogProps {\n  isOpen: boolean;\n  setIsOpen: Dispatch<React.SetStateAction<boolean>>;\n  entity: BackstageEntity | null;\n  onMappingSuccess?: (isUnmapping: boolean) => void;\n}\n\nexport default function MappingsDialog({\n  isOpen,\n  setIsOpen,\n  entity,\n  onMappingSuccess,\n}: MappingsDialogProps) {\n  const classes = useStyles();\n  const pagerDutyApi = useApi(pagerDutyApiRef);\n  const queryClient = useQueryClient();\n  const { selectedAccount } = useAccountContext();\n  const [selectedServiceId, setSelectedServiceId] = useState<string>('');\n  const [selectedTeamId, setSelectedTeamId] = useState<string>('');\n  const [searchQuery, setSearchQuery] = useState<string>('');\n  const debouncedSearchQuery = useDebounce(searchQuery);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setSelectedServiceId('');\n      setSelectedTeamId('');\n      setSearchQuery('');\n    }\n  }, [isOpen]);\n\n  const accountParam = selectedAccount || undefined;\n\n  const { data: teams, isLoading: isTeamsLoading } = useQuery({\n    queryKey: ['pagerduty', 'getAllTeams', accountParam],\n    queryFn: () => pagerDutyApi.getAllTeams(accountParam),\n    enabled: isOpen,\n  });\n\n  const { data: services, isLoading: isServicesLoading } = useQuery({\n    queryKey: ['pagerduty', 'getFilteredServices', selectedTeamId, debouncedSearchQuery, accountParam],\n    queryFn: async () => {\n      const teamIdsToSend = selectedTeamId ? [selectedTeamId] : undefined;\n      const queryToSend = debouncedSearchQuery || undefined;\n      const result = await pagerDutyApi.getFilteredServices(\n        teamIdsToSend,\n        queryToSend,\n        10,\n        accountParam,\n      );\n      return result;\n    },\n    enabled: isOpen,\n  });\n\n  const { mutateAsync: createMapping, isPending: isCreatingMapping } =\n    useMutation({\n      mutationFn: async ({\n        serviceId,\n        integrationKey,\n        entityRef,\n        account,\n        isUnmapping,\n      }: {\n        serviceId: string;\n        integrationKey: string;\n        entityRef: string;\n        account: string;\n        isUnmapping: boolean;\n      }) => {\n          await pagerDutyApi.storeServiceMapping(\n            serviceId,\n            integrationKey,\n            entityRef,\n            account,\n          );\n        return isUnmapping;\n      },\n\n      onSuccess: async (isUnmapping) => {\n        queryClient.invalidateQueries({\n          queryKey: ['pagerduty', 'enhancedEntityMappings'],\n        });\n        setIsOpen(false);\n        setSelectedServiceId('');\n        onMappingSuccess?.(isUnmapping);\n      },\n    });\n\n  const handleSaveMapping = () => {\n    if (!entity || !selectedServiceId) return;\n\n    if (selectedServiceId === 'none') {\n      const currentServiceId = entity.annotations?.['pagerduty.com/service-id'];\n      const currentIntegrationKey = entity.annotations?.['pagerduty.com/integration-key'] || '';\n      const account = entity.account || '';\n\n      if (!currentServiceId) return;\n\n      createMapping({\n        serviceId: currentServiceId,\n        integrationKey: currentIntegrationKey,\n        entityRef: '',\n        account: account,\n        isUnmapping: true,\n      });\n      return;\n    }\n\n    const selectedService = services?.find(\n      service => service.id === selectedServiceId,\n    );\n\n    if (!selectedService) return;\n\n    const entityRef =\n      `${entity.type}:${entity.namespace}/${entity.name}`.toLowerCase();\n\n    createMapping({\n      serviceId: selectedServiceId,\n      integrationKey: '',\n      entityRef: entityRef,\n      account: selectedService.account ?? '',\n      isUnmapping: false,\n    });\n  };\n\n  // Prepare team options for Select\n  const teamOptions = [\n    { value: '', label: 'All Teams' },\n    ...(teams?.map(team => ({\n      value: team.id,\n      label: team.name,\n    })) || []),\n  ];\n\n  return (\n    <Dialog isOpen={isOpen} onOpenChange={setIsOpen}>\n      <DialogHeader>Update Entity Mapping</DialogHeader>\n      <DialogBody>\n        <Flex direction=\"column\" gap=\"2\" mb=\"4\">\n          <Text variant=\"body-medium\" weight=\"bold\">\n            Backstage Component\n          </Text>\n          <TextField\n            value={entity?.name || ''}\n            isReadOnly\n          />\n        </Flex>\n\n        <Flex direction=\"column\" gap=\"2\" mb=\"4\">\n          <Text variant=\"body-medium\" weight=\"bold\">\n            Team\n          </Text>\n          <TextField\n            value={entity?.owner || ''}\n            isReadOnly\n          />\n        </Flex>\n\n        <Box mb=\"3\">\n          <Text variant=\"body-medium\" weight=\"bold\">\n            Map to Service\n          </Text>\n        </Box>\n\n        <Box mb=\"3\">\n          <Select\n            name=\"team\"\n            isDisabled={isTeamsLoading || isCreatingMapping}\n            label=\"PagerDuty Team (Optional)\"\n            placeholder=\"All Teams\"\n            options={teamOptions}\n            value={selectedTeamId}\n            onChange={value => {\n              setSelectedTeamId(String(value || ''));\n              setSelectedServiceId('');\n            }}\n          />\n        </Box>\n\n        <Flex direction=\"column\" gap=\"2\" mb=\"3\">\n          <Text variant=\"body-medium\" weight=\"bold\">\n            PagerDuty Services\n          </Text>\n          <Text variant=\"body-small\">\n            Search by service name or service ID\n          </Text>\n          <SearchField\n            value={searchQuery}\n            onChange={setSearchQuery}\n            placeholder=\"Search\"\n          />\n        </Flex>\n\n        {isServicesLoading ? (\n          <Text>Loading services...</Text>\n        ) : (\n          <>\n            <Box\n              className={classes.radioListContainer}\n              mb=\"2\"\n            >\n              <RadioGroup\n                value={selectedServiceId}\n                onChange={setSelectedServiceId}\n              >\n                {entity?.annotations?.['pagerduty.com/service-id'] && (\n                  <Radio key=\"none\" value=\"none\">\n                    (None)\n                  </Radio>\n                )}\n                {services && services\n                  .filter(service => service.id !== entity?.annotations?.['pagerduty.com/service-id'])\n                  .map(service => (\n                    <Radio key={service.id} value={service.id}>\n                      {service.name}\n                    </Radio>\n                  ))}\n              </RadioGroup>\n            </Box>\n            {services && services.length > 0 ? (\n              <Text variant=\"body-small\">\n                Showing {services.length} result{services.length !== 1 ? 's' : ''}\n              </Text>\n            ) : (\n              <Text variant=\"body-small\">No services found</Text>\n            )}\n          </>\n        )}\n      </DialogBody>\n      <DialogFooter>\n        <Button variant=\"secondary\" slot=\"close\">\n          Cancel\n        </Button>\n        <Button\n          variant=\"primary\"\n          onClick={handleSaveMapping}\n          isDisabled={!selectedServiceId || isCreatingMapping}\n        >\n          {isCreatingMapping ? 'Saving...' : 'Save'}\n        </Button>\n      </DialogFooter>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,74 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Button } from '@backstage/ui';
+import { Close, Check, Rocket } from '@mui/icons-material';
+import { makeStyles, CircularProgress } from '@material-ui/core';
+
+const useStyles = makeStyles(() => ({
+  newBadge: {
+    display: "inline-block",
+    backgroundColor: "#00A67E",
+    color: "white",
+    fontSize: "9px",
+    fontWeight: 600,
+    textTransform: "uppercase",
+    padding: "2px 5px",
+    borderRadius: "3px",
+    letterSpacing: "0.3px",
+    marginLeft: "6px"
+  },
+  confirmButton: {
+    backgroundColor: "#00875A",
+    "&:hover": {
+      backgroundColor: "#006644"
+    }
+  },
+  clearButton: {
+    border: "1px solid #d0d0d0",
+    "&:hover": {
+      backgroundColor: "#f5f5f5",
+      borderColor: "#999"
+    }
+  }
+}));
+function AutoMappingsButton({
+  hasMatches,
+  onAutoMapping,
+  onConfirmMappings,
+  onClearMappings,
+  isConfirming = false
+}) {
+  const classes = useStyles();
+  if (hasMatches) {
+    return /* @__PURE__ */ jsxs(Flex, { gap: "2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: onClearMappings,
+          iconStart: /* @__PURE__ */ jsx(Close, {}),
+          isDisabled: isConfirming,
+          className: classes.clearButton,
+          children: "Clear Mappings"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          onClick: onConfirmMappings,
+          iconStart: isConfirming ? /* @__PURE__ */ jsx(CircularProgress, { size: 16, style: { color: "white" } }) : /* @__PURE__ */ jsx(Check, {}),
+          isDisabled: isConfirming,
+          className: classes.confirmButton,
+          children: isConfirming ? "Saving mappings..." : "Confirm Mappings"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Button, { variant: "tertiary", onClick: onAutoMapping, iconStart: /* @__PURE__ */ jsx(Rocket, {}), children: [
+    "Auto-Mapping",
+    /* @__PURE__ */ jsx("div", { className: classes.newBadge, children: "NEW" })
+  ] });
+}
+
+export { AutoMappingsButton as default };
+//# sourceMappingURL=AutoMappingsButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AutoMappingsButton.esm.js","sources":["../../../../src/components/PagerDutyPage/MappingsTable/AutoMappingsButton.tsx"],"sourcesContent":["import { Button, Flex } from '@backstage/ui';\nimport { Rocket, Check, Close } from '@mui/icons-material';\nimport { CircularProgress, makeStyles } from '@material-ui/core';\n\ninterface AutoMappingsButtonProps {\n  hasMatches: boolean;\n  onAutoMapping: () => void;\n  onConfirmMappings: () => void;\n  onClearMappings: () => void;\n  isConfirming?: boolean;\n}\n\nconst useStyles = makeStyles(() => ({\n  newBadge: {\n    display: 'inline-block',\n    backgroundColor: '#00A67E',\n    color: 'white',\n    fontSize: '9px',\n    fontWeight: 600,\n    textTransform: 'uppercase',\n    padding: '2px 5px',\n    borderRadius: '3px',\n    letterSpacing: '0.3px',\n    marginLeft: '6px',\n  },\n  confirmButton: {\n    backgroundColor: '#00875A',\n    '&:hover': {\n      backgroundColor: '#006644',\n    },\n  },\n  clearButton: {\n    border: '1px solid #d0d0d0',\n    '&:hover': {\n      backgroundColor: '#f5f5f5',\n      borderColor: '#999',\n    },\n  },\n}));\n\nexport default function AutoMappingsButton({\n  hasMatches,\n  onAutoMapping,\n  onConfirmMappings,\n  onClearMappings,\n  isConfirming = false,\n}: AutoMappingsButtonProps) {\n  const classes = useStyles();\n\n  if (hasMatches) {\n    return (\n      <Flex gap=\"2\">\n        <Button\n          variant=\"secondary\"\n          onClick={onClearMappings}\n          iconStart={<Close />}\n          isDisabled={isConfirming}\n          className={classes.clearButton}\n        >\n          Clear Mappings\n        </Button>\n        <Button\n          variant=\"primary\"\n          onClick={onConfirmMappings}\n          iconStart={\n            isConfirming ? (\n              <CircularProgress size={16} style={{ color: 'white' }} />\n            ) : (\n              <Check />\n            )\n          }\n          isDisabled={isConfirming}\n          className={classes.confirmButton}\n        >\n          {isConfirming ? 'Saving mappings...' : 'Confirm Mappings'}\n        </Button>\n      </Flex>\n    );\n  }\n\n  return (\n    <Button variant=\"tertiary\" onClick={onAutoMapping} iconStart={<Rocket />}>\n      Auto-Mapping\n      <div className={classes.newBadge}>NEW</div>\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;;AAYA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,cAAA;AAAA,IACT,eAAA,EAAiB,SAAA;AAAA,IACjB,KAAA,EAAO,OAAA;AAAA,IACP,QAAA,EAAU,KAAA;AAAA,IACV,UAAA,EAAY,GAAA;AAAA,IACZ,aAAA,EAAe,WAAA;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,YAAA,EAAc,KAAA;AAAA,IACd,aAAA,EAAe,OAAA;AAAA,IACf,UAAA,EAAY;AAAA,GACd;AAAA,EACA,aAAA,EAAe;AAAA,IACb,eAAA,EAAiB,SAAA;AAAA,IACjB,SAAA,EAAW;AAAA,MACT,eAAA,EAAiB;AAAA;AACnB,GACF;AAAA,EACA,WAAA,EAAa;AAAA,IACX,MAAA,EAAQ,mBAAA;AAAA,IACR,SAAA,EAAW;AAAA,MACT,eAAA,EAAiB,SAAA;AAAA,MACjB,WAAA,EAAa;AAAA;AACf;AAEJ,CAAA,CAAE,CAAA;AAEF,SAAwB,kBAAA,CAAmB;AAAA,EACzC,UAAA;AAAA,EACA,aAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA,GAAe;AACjB,CAAA,EAA4B;AAC1B,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,GAAA,EAAI,GAAA,EACR,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,WAAA;AAAA,UACR,OAAA,EAAS,eAAA;AAAA,UACT,SAAA,sBAAY,KAAA,EAAA,EAAM,CAAA;AAAA,UAClB,UAAA,EAAY,YAAA;AAAA,UACZ,WAAW,OAAA,CAAQ,WAAA;AAAA,UACpB,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,OAAA,EAAS,iBAAA;AAAA,UACT,SAAA,EACE,YAAA,mBACE,GAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,EAAM,EAAA,EAAI,KAAA,EAAO,EAAE,KAAA,EAAO,OAAA,EAAQ,EAAG,CAAA,uBAEtD,KAAA,EAAA,EAAM,CAAA;AAAA,UAGX,UAAA,EAAY,YAAA;AAAA,UACZ,WAAW,OAAA,CAAQ,aAAA;AAAA,UAElB,yBAAe,oBAAA,GAAuB;AAAA;AAAA;AACzC,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,UAAO,OAAA,EAAQ,UAAA,EAAW,SAAS,aAAA,EAAe,SAAA,kBAAW,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,EAAI,QAAA,EAAA;AAAA,IAAA,cAAA;AAAA,oBAExE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,UAAU,QAAA,EAAA,KAAA,EAAG;AAAA,GAAA,EACvC,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Text } from '@backstage/ui';
+
+function EmptyTableState({ hasActiveFilters }) {
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      direction: "column",
+      align: "center",
+      justify: "center",
+      gap: "3",
+      style: {
+        padding: "3rem",
+        width: "100%",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ jsx(Text, { variant: "title-medium", weight: "bold", children: "No service mappings found" }),
+        /* @__PURE__ */ jsx(Text, { variant: "body-medium", color: "secondary", children: hasActiveFilters ? "Try adjusting your filters to see more results." : "No Backstage entities found. You can only map PagerDuty services to existing Backstage entities." })
+      ]
+    }
+  );
+}
+
+export { EmptyTableState };
+//# sourceMappingURL=EmptyTableState.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyTableState.esm.js","sources":["../../../../src/components/PagerDutyPage/MappingsTable/EmptyTableState.tsx"],"sourcesContent":["import { Flex, Text } from '@backstage/ui';\n\ninterface EmptyTableStateProps {\n  hasActiveFilters: boolean;\n}\n\nexport function EmptyTableState({ hasActiveFilters }: EmptyTableStateProps) {\n  return (\n    <Flex\n      direction=\"column\"\n      align=\"center\"\n      justify=\"center\"\n      gap=\"3\"\n      style={{\n        padding: '3rem',\n        width: '100%',\n        textAlign: 'center',\n      }}\n    >\n      <Text variant=\"title-medium\" weight=\"bold\">\n        No service mappings found\n      </Text>\n      <Text variant=\"body-medium\" color=\"secondary\">\n        {hasActiveFilters\n          ? 'Try adjusting your filters to see more results.'\n          : 'No Backstage entities found. You can only map PagerDuty services to existing Backstage entities.'}\n      </Text>\n    </Flex>\n  );\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,eAAA,CAAgB,EAAE,gBAAA,EAAiB,EAAyB;AAC1E,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,QAAA;AAAA,MACV,KAAA,EAAM,QAAA;AAAA,MACN,OAAA,EAAQ,QAAA;AAAA,MACR,GAAA,EAAI,GAAA;AAAA,MACJ,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,MAAA;AAAA,QACT,KAAA,EAAO,MAAA;AAAA,QACP,SAAA,EAAW;AAAA,OACb;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,cAAA,EAAe,MAAA,EAAO,QAAO,QAAA,EAAA,2BAAA,EAE3C,CAAA;AAAA,wBACA,GAAA,CAAC,QAAK,OAAA,EAAQ,aAAA,EAAc,OAAM,WAAA,EAC/B,QAAA,EAAA,gBAAA,GACG,oDACA,kGAAA,EACN;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, SearchField, Select } from '@backstage/ui';
+import { makeStyles } from '@material-ui/core';
+
+const statusOptions = [
+  { value: "", label: "All Statuses" },
+  { value: "InSync", label: "In Sync" },
+  { value: "OutOfSync", label: "Out of Sync" },
+  { value: "NotMapped", label: "Not Mapped" },
+  { value: "ErrorWhenFetchingService", label: "Error" }
+];
+const useStyles = makeStyles(() => ({
+  filterRow: {
+    padding: "16px 0",
+    marginBottom: "16px"
+  },
+  searchField: {}
+}));
+function FilterRow({ filters, onFilterChange }) {
+  const classes = useStyles();
+  return /* @__PURE__ */ jsxs(Flex, { gap: "3", align: "center", className: classes.filterRow, children: [
+    /* @__PURE__ */ jsx(
+      SearchField,
+      {
+        size: "small",
+        placeholder: "Filter by name",
+        value: filters.name,
+        onChange: (value) => onFilterChange("name", value),
+        className: classes.searchField
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SearchField,
+      {
+        size: "small",
+        placeholder: "Filter by team",
+        value: filters.teamName,
+        onChange: (value) => onFilterChange("teamName", value),
+        className: classes.searchField
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SearchField,
+      {
+        size: "small",
+        placeholder: "Filter by service",
+        value: filters.serviceName,
+        onChange: (value) => onFilterChange("serviceName", value),
+        className: classes.searchField
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        selectionMode: "single",
+        size: "small",
+        value: filters.status,
+        onChange: (value) => onFilterChange("status", value?.toString() || ""),
+        placeholder: "All statuses",
+        options: statusOptions
+      }
+    )
+  ] });
+}
+
+export { FilterRow };
+//# sourceMappingURL=FilterRow.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterRow.esm.js","sources":["../../../../src/components/PagerDutyPage/MappingsTable/FilterRow.tsx"],"sourcesContent":["import { Flex, SearchField, Select } from '@backstage/ui';\nimport { makeStyles } from '@material-ui/core';\n\ntype FilterableFields =\n  | 'name'\n  | 'serviceName'\n  | 'status'\n  | 'teamName';\n\ninterface FilterRowProps {\n  filters: {\n    name: string;\n    serviceName: string;\n    status: string;\n    teamName: string;\n  };\n  onFilterChange: (key: FilterableFields, value: string) => void;\n}\n\nconst statusOptions = [\n  { value: '', label: 'All Statuses' },\n  { value: 'InSync', label: 'In Sync' },\n  { value: 'OutOfSync', label: 'Out of Sync' },\n  { value: 'NotMapped', label: 'Not Mapped' },\n  { value: 'ErrorWhenFetchingService', label: 'Error' },\n];\n\nconst useStyles = makeStyles(() => ({\n  filterRow: {\n    padding: '16px 0',\n    marginBottom: '16px',\n  },\n  searchField: {},\n}));\n\nexport function FilterRow({ filters, onFilterChange }: FilterRowProps) {\n  const classes = useStyles();\n  return (\n    <Flex gap=\"3\" align=\"center\" className={classes.filterRow}>\n      <SearchField\n        size=\"small\"\n        placeholder=\"Filter by name\"\n        value={filters.name}\n        onChange={value => onFilterChange('name', value)}\n        className={classes.searchField}\n      />\n\n      <SearchField\n        size=\"small\"\n        placeholder=\"Filter by team\"\n        value={filters.teamName}\n        onChange={value => onFilterChange('teamName', value)}\n        className={classes.searchField}\n      />\n\n      <SearchField\n        size=\"small\"\n        placeholder=\"Filter by service\"\n        value={filters.serviceName}\n        onChange={value => onFilterChange('serviceName', value)}\n        className={classes.searchField}\n      />\n\n      <Select\n        selectionMode=\"single\"\n        size=\"small\"\n        value={filters.status}\n        onChange={value => onFilterChange('status', value?.toString() || '')}\n        placeholder=\"All statuses\"\n        options={statusOptions}\n      />\n    </Flex>\n  );\n}\n"],"names":[],"mappings":";;;;AAmBA,MAAM,aAAA,GAAgB;AAAA,EACpB,EAAE,KAAA,EAAO,EAAA,EAAI,KAAA,EAAO,cAAA,EAAe;AAAA,EACnC,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,SAAA,EAAU;AAAA,EACpC,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,aAAA,EAAc;AAAA,EAC3C,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,YAAA,EAAa;AAAA,EAC1C,EAAE,KAAA,EAAO,0BAAA,EAA4B,KAAA,EAAO,OAAA;AAC9C,CAAA;AAEA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,QAAA;AAAA,IACT,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,aAAa;AACf,CAAA,CAAE,CAAA;AAEK,SAAS,SAAA,CAAU,EAAE,OAAA,EAAS,cAAA,EAAe,EAAmB;AACrE,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,uBACE,IAAA,CAAC,QAAK,GAAA,EAAI,GAAA,EAAI,OAAM,QAAA,EAAS,SAAA,EAAW,QAAQ,SAAA,EAC9C,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,WAAA,EAAY,gBAAA;AAAA,QACZ,OAAO,OAAA,CAAQ,IAAA;AAAA,QACf,QAAA,EAAU,CAAA,KAAA,KAAS,cAAA,CAAe,MAAA,EAAQ,KAAK,CAAA;AAAA,QAC/C,WAAW,OAAA,CAAQ;AAAA;AAAA,KACrB;AAAA,oBAEA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,WAAA,EAAY,gBAAA;AAAA,QACZ,OAAO,OAAA,CAAQ,QAAA;AAAA,QACf,QAAA,EAAU,CAAA,KAAA,KAAS,cAAA,CAAe,UAAA,EAAY,KAAK,CAAA;AAAA,QACnD,WAAW,OAAA,CAAQ;AAAA;AAAA,KACrB;AAAA,oBAEA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,WAAA,EAAY,mBAAA;AAAA,QACZ,OAAO,OAAA,CAAQ,WAAA;AAAA,QACf,QAAA,EAAU,CAAA,KAAA,KAAS,cAAA,CAAe,aAAA,EAAe,KAAK,CAAA;AAAA,QACtD,WAAW,OAAA,CAAQ;AAAA;AAAA,KACrB;AAAA,oBAEA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAc,QAAA;AAAA,QACd,IAAA,EAAK,OAAA;AAAA,QACL,OAAO,OAAA,CAAQ,MAAA;AAAA,QACf,UAAU,CAAA,KAAA,KAAS,cAAA,CAAe,UAAU,KAAA,EAAO,QAAA,MAAc,EAAE,CAAA;AAAA,QACnE,WAAA,EAAY,cAAA;AAAA,QACZ,OAAA,EAAS;AAAA;AAAA;AACX,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,69 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Alert } from '@material-ui/lab';
+import Snackbar from '@mui/material/Snackbar';
+import { CheckCircle, Error, Info } from '@mui/icons-material';
+
+function MappingToast({
+  open,
+  severity,
+  message,
+  totalMatches = 0,
+  mappingCounts = {},
+  onClose
+}) {
+  const getTitle = () => {
+    if (severity === "error") {
+      return "Error";
+    }
+    if (severity === "info") {
+      return "Mapping Updated";
+    }
+    return totalMatches > 0 ? "Mapping Calculation Complete" : "Mappings Saved";
+  };
+  const getIcon = () => {
+    if (severity === "success") return /* @__PURE__ */ jsx(CheckCircle, {});
+    if (severity === "error") return /* @__PURE__ */ jsx(Error, {});
+    return /* @__PURE__ */ jsx(Info, {});
+  };
+  const hasDetailedCounts = mappingCounts.created !== void 0 || mappingCounts.skipped !== void 0 || mappingCounts.errored !== void 0;
+  return /* @__PURE__ */ jsx(
+    Snackbar,
+    {
+      open,
+      autoHideDuration: severity === "info" ? 8e3 : 3e3,
+      onClose,
+      anchorOrigin: { vertical: "bottom", horizontal: "right" },
+      children: /* @__PURE__ */ jsxs(
+        Alert,
+        {
+          onClose,
+          severity,
+          icon: getIcon(),
+          children: [
+            /* @__PURE__ */ jsx("strong", { children: getTitle() }),
+            /* @__PURE__ */ jsx("br", {}),
+            hasDetailedCounts ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              mappingCounts.created !== void 0 && mappingCounts.created > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                "Created: ",
+                mappingCounts.created
+              ] }),
+              mappingCounts.skipped !== void 0 && mappingCounts.skipped > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                mappingCounts.created !== void 0 && mappingCounts.created > 0 && " | ",
+                "Skipped: ",
+                mappingCounts.skipped
+              ] }),
+              mappingCounts.errored !== void 0 && mappingCounts.errored > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                (mappingCounts.created !== void 0 && mappingCounts.created > 0 || mappingCounts.skipped !== void 0 && mappingCounts.skipped > 0) && " | ",
+                "Errors: ",
+                mappingCounts.errored
+              ] })
+            ] }) : message
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { MappingToast as default };
+//# sourceMappingURL=MappingToast.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MappingToast.esm.js","sources":["../../../../src/components/PagerDutyPage/MappingsTable/MappingToast.tsx"],"sourcesContent":["import { Alert } from '@material-ui/lab';\nimport Snackbar from '@mui/material/Snackbar';\nimport { CheckCircle, Error as ErrorIcon, Info as InfoIcon } from '@mui/icons-material';\n\nexport interface MappingCounts {\n  created?: number;\n  skipped?: number;\n  errored?: number;\n}\n\nexport type ToastSeverity = 'success' | 'error' | 'info';\n\ninterface MappingToastProps {\n  open: boolean;\n  severity: ToastSeverity;\n  message: string;\n  totalMatches?: number;\n  mappingCounts?: MappingCounts;\n  onClose: () => void;\n}\n\nexport default function MappingToast({\n  open,\n  severity,\n  message,\n  totalMatches = 0,\n  mappingCounts = {},\n  onClose,\n}: MappingToastProps) {\n  const getTitle = () => {\n    if (severity === 'error') {\n      return 'Error';\n    }\n    if (severity === 'info') {\n      return 'Mapping Updated';\n    }\n    return totalMatches > 0 ? 'Mapping Calculation Complete' : 'Mappings Saved';\n  };\n\n  const getIcon = () => {\n    if (severity === 'success') return <CheckCircle />;\n    if (severity === 'error') return <ErrorIcon />;\n    return <InfoIcon />;\n  };\n\n  const hasDetailedCounts =\n    mappingCounts.created !== undefined ||\n    mappingCounts.skipped !== undefined ||\n    mappingCounts.errored !== undefined;\n\n  return (\n    <Snackbar\n      open={open}\n      autoHideDuration={severity === 'info' ? 8000 : 3000}\n      onClose={onClose}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n    >\n      <Alert\n        onClose={onClose}\n        severity={severity}\n        icon={getIcon()}\n      >\n        <strong>{getTitle()}</strong>\n        <br />\n        {hasDetailedCounts ? (\n          <>\n            {mappingCounts.created !== undefined &&\n              mappingCounts.created > 0 && (\n                <>Created: {mappingCounts.created}</>\n              )}\n            {mappingCounts.skipped !== undefined &&\n              mappingCounts.skipped > 0 && (\n                <>\n                  {mappingCounts.created !== undefined &&\n                    mappingCounts.created > 0 &&\n                    ' | '}\n                  Skipped: {mappingCounts.skipped}\n                </>\n              )}\n            {mappingCounts.errored !== undefined &&\n              mappingCounts.errored > 0 && (\n                <>\n                  {((mappingCounts.created !== undefined &&\n                    mappingCounts.created > 0) ||\n                    (mappingCounts.skipped !== undefined &&\n                      mappingCounts.skipped > 0)) &&\n                    ' | '}\n                  Errors: {mappingCounts.errored}\n                </>\n              )}\n          </>\n        ) : (\n          message\n        )}\n      </Alert>\n    </Snackbar>\n  );\n}\n"],"names":["ErrorIcon","InfoIcon"],"mappings":";;;;;AAqBA,SAAwB,YAAA,CAAa;AAAA,EACnC,IAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA,GAAe,CAAA;AAAA,EACf,gBAAgB,EAAC;AAAA,EACjB;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,IAAI,aAAa,OAAA,EAAS;AACxB,MAAA,OAAO,OAAA;AAAA,IACT;AACA,IAAA,IAAI,aAAa,MAAA,EAAQ;AACvB,MAAA,OAAO,iBAAA;AAAA,IACT;AACA,IAAA,OAAO,YAAA,GAAe,IAAI,8BAAA,GAAiC,gBAAA;AAAA,EAC7D,CAAA;AAEA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,IAAI,QAAA,KAAa,SAAA,EAAW,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,CAAA;AAChD,IAAA,IAAI,QAAA,KAAa,OAAA,EAAS,uBAAO,GAAA,CAACA,KAAA,EAAA,EAAU,CAAA;AAC5C,IAAA,2BAAQC,IAAA,EAAA,EAAS,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,MAAM,iBAAA,GACJ,cAAc,OAAA,KAAY,MAAA,IAC1B,cAAc,OAAA,KAAY,MAAA,IAC1B,cAAc,OAAA,KAAY,MAAA;AAE5B,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,gBAAA,EAAkB,QAAA,KAAa,MAAA,GAAS,GAAA,GAAO,GAAA;AAAA,MAC/C,OAAA;AAAA,MACA,YAAA,EAAc,EAAE,QAAA,EAAU,QAAA,EAAU,YAAY,OAAA,EAAQ;AAAA,MAExD,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,OAAA;AAAA,UACA,QAAA;AAAA,UACA,MAAM,OAAA,EAAQ;AAAA,UAEd,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAA,EAAA,EAAQ,oBAAS,EAAE,CAAA;AAAA,gCACnB,IAAA,EAAA,EAAG,CAAA;AAAA,YACH,oCACC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,cAAA,aAAA,CAAc,OAAA,KAAY,MAAA,IACzB,aAAA,CAAc,OAAA,GAAU,qBACtB,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,gBAAA,WAAA;AAAA,gBAAU,aAAA,CAAc;AAAA,eAAA,EAAQ,CAAA;AAAA,cAErC,cAAc,OAAA,KAAY,MAAA,IACzB,aAAA,CAAc,OAAA,GAAU,qBACtB,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,gBAAA,aAAA,CAAc,OAAA,KAAY,MAAA,IACzB,aAAA,CAAc,OAAA,GAAU,CAAA,IACxB,KAAA;AAAA,gBAAM,WAAA;AAAA,gBACE,aAAA,CAAc;AAAA,eAAA,EAC1B,CAAA;AAAA,cAEH,cAAc,OAAA,KAAY,MAAA,IACzB,aAAA,CAAc,OAAA,GAAU,qBACtB,IAAA,CAAA,QAAA,EAAA,EACK,QAAA,EAAA;AAAA,gBAAA,CAAA,aAAA,CAAc,OAAA,KAAY,MAAA,IAC3B,aAAA,CAAc,OAAA,GAAU,CAAA,IACvB,cAAc,OAAA,KAAY,MAAA,IACzB,aAAA,CAAc,OAAA,GAAU,CAAA,KAC1B,KAAA;AAAA,gBAAM,UAAA;AAAA,gBACC,aAAA,CAAc;AAAA,eAAA,EACzB;AAAA,aAAA,EAEN,CAAA,GAEA;AAAA;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,202 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Flex, ButtonIcon } from '@backstage/ui';
+import { useState, useCallback } from 'react';
+import MappingsDialog from '../MappingsDialog.esm.js';
+import AutomaticMappingsDialog from '../AutomaticMappingsDialog.esm.js';
+import AutoMappingsButton from './AutoMappingsButton.esm.js';
+import { Refresh, FilterList } from '@mui/icons-material';
+import MappingToast from './MappingToast.esm.js';
+import { useConfirmMappings } from './hooks/useConfirmMappings.esm.js';
+import { useQueryClient } from '@tanstack/react-query';
+import { useAccountContext } from '../AccountContext.esm.js';
+import MappingsTableContent from './MappingsTableContent.esm.js';
+
+function MappingsTable() {
+  const queryClient = useQueryClient();
+  const { selectedAccount } = useAccountContext();
+  const [isOpen, setIsOpen] = useState(false);
+  const [isAutoMappingOpen, setIsAutoMappingOpen] = useState(false);
+  const [selectedEntity, setSelectedEntity] = useState(
+    null
+  );
+  const [showFilters, setShowFilters] = useState(false);
+  const [filters, setFilters] = useState({
+    name: "",
+    serviceName: "",
+    status: "",
+    teamName: ""
+  });
+  const [toastOpen, setToastOpen] = useState(false);
+  const [toastSeverity, setToastSeverity] = useState("success");
+  const [toastMessage, setToastMessage] = useState("");
+  const [toastTotalMatches, setToastTotalMatches] = useState(0);
+  const [toastMappingCounts, setToastMappingCounts] = useState(
+    {}
+  );
+  const [autoMatchResults, setAutoMatchResults] = useState(
+    {}
+  );
+  const [refreshKey, setRefreshKey] = useState(0);
+  const hasMatches = Object.keys(autoMatchResults).length > 0;
+  const tableKey = `${selectedAccount}-${hasMatches ? `matches-${Object.keys(autoMatchResults).length}` : "no-matches"}-${refreshKey}`;
+  const clearMatches = useCallback(() => {
+    setAutoMatchResults({});
+  }, []);
+  const setMatches = (results) => {
+    setAutoMatchResults(results);
+  };
+  const removeMatch = useCallback((entityName) => {
+    setAutoMatchResults((prev) => {
+      const updated = { ...prev };
+      delete updated[entityName];
+      return updated;
+    });
+  }, []);
+  const handleFilterChange = useCallback(
+    (key, value) => {
+      setFilters((prev) => ({ ...prev, [key]: value }));
+    },
+    []
+  );
+  const handleEditEntity = useCallback((entity) => {
+    setIsOpen(true);
+    setSelectedEntity(entity);
+  }, []);
+  const handleMappingSuccess = useCallback((isUnmapping) => {
+    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.`
+    );
+    setToastTotalMatches(0);
+    setToastMappingCounts({});
+  }, []);
+  const handleRefresh = useCallback(() => {
+    setRefreshKey((prev) => prev + 1);
+    queryClient.invalidateQueries({
+      queryKey: ["pagerduty", "enhancedEntityMappings"]
+    });
+  }, [queryClient]);
+  const { confirmMappings, isConfirming } = useConfirmMappings({
+    autoMatchResults,
+    mappingEntities: Object.values(autoMatchResults).map((match) => ({
+      name: match.entity?.name || "",
+      id: match.entity?.entityRef || "",
+      namespace: "default",
+      type: "component",
+      system: "",
+      owner: match.entity?.owner || "",
+      lifecycle: "",
+      annotations: {
+        "pagerduty.com/integration-key": "",
+        "pagerduty.com/service-id": match.serviceId
+      }
+    })),
+    onSuccess: (successCount, totalCount, counts) => {
+      queryClient.invalidateQueries({
+        queryKey: ["pagerduty", "enhancedEntityMappings"]
+      });
+      clearMatches();
+      setToastOpen(true);
+      setToastSeverity("success");
+      setToastMessage(
+        `${successCount} of ${totalCount} mappings saved successfully.`
+      );
+      setToastTotalMatches(0);
+      setToastMappingCounts(counts);
+    },
+    onError: (errorMessage) => {
+      setToastOpen(true);
+      setToastSeverity("error");
+      setToastMessage(errorMessage);
+      setToastTotalMatches(0);
+      setToastMappingCounts({});
+    }
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Flex, { justify: "end", gap: "2", children: [
+      /* @__PURE__ */ jsx(
+        AutoMappingsButton,
+        {
+          hasMatches,
+          onAutoMapping: () => setIsAutoMappingOpen(true),
+          onConfirmMappings: confirmMappings,
+          onClearMappings: clearMatches,
+          isConfirming
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ButtonIcon,
+        {
+          icon: /* @__PURE__ */ jsx(Refresh, {}),
+          "aria-label": "Refresh table",
+          onClick: handleRefresh,
+          variant: "secondary",
+          children: /* @__PURE__ */ jsx(Refresh, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ButtonIcon,
+        {
+          icon: /* @__PURE__ */ jsx(FilterList, {}),
+          "aria-label": "Toggle filters",
+          onClick: () => setShowFilters(!showFilters),
+          variant: showFilters ? "primary" : "secondary",
+          children: /* @__PURE__ */ jsx(FilterList, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      MappingsTableContent,
+      {
+        autoMatchResults,
+        hasMatches,
+        showFilters,
+        filters,
+        onFilterChange: handleFilterChange,
+        onEditEntity: handleEditEntity,
+        onRemoveMatch: removeMatch
+      },
+      tableKey
+    ),
+    /* @__PURE__ */ jsx(
+      MappingsDialog,
+      {
+        isOpen,
+        setIsOpen,
+        entity: selectedEntity,
+        onMappingSuccess: handleMappingSuccess
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AutomaticMappingsDialog,
+      {
+        isOpen: isAutoMappingOpen,
+        setIsOpen: setIsAutoMappingOpen,
+        onAutoMatchComplete: (results) => {
+          setMatches(results);
+          const matchCount = Object.keys(results).length;
+          setToastOpen(true);
+          setToastSeverity("success");
+          setToastMessage(`${matchCount} services mapped successfully.`);
+          setToastTotalMatches(matchCount);
+          setToastMappingCounts({});
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MappingToast,
+      {
+        open: toastOpen,
+        severity: toastSeverity,
+        message: toastMessage,
+        totalMatches: toastTotalMatches,
+        mappingCounts: toastMappingCounts,
+        onClose: () => setToastOpen(false)
+      }
+    )
+  ] });
+}
+
+export { MappingsTable as default };
+//# sourceMappingURL=MappingsTable.esm.js.map

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

@@ -0,0 +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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"}