npm - @pagerduty/backstage-plugin - Versions diffs - 0.17.1 → 0.19.0 - Mend

@pagerduty/backstage-plugin 0.17.1 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutyCard/index.tsx"],"sourcesContent":["/\n Copyright 2020 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\nimport { ReactNode, useCallback, useState } from 'react';\nimport { Divider } from '@material-ui/core';\nimport { Incidents } from '../Incident';\nimport { EscalationPolicy } from '../Escalation';\nimport useAsync from 'react-use/lib/useAsync';\nimport { pagerDutyApiRef, UnauthorizedError } from '../../api';\nimport { MissingTokenError, ServiceNotFoundError } from '../Errors';\nimport { ChangeEvents } from '../ChangeEvents';\nimport PDGreenImage from '../../assets/PD-Green.svg';\nimport PDWhiteImage from '../../assets/PD-White.svg';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { NotFoundError } from '@backstage/errors';\nimport { Progress, InfoCard } from '@backstage/core-components';\nimport { PagerDutyEntity } from '../../types';\nimport { ForbiddenError } from '../Errors/ForbiddenError';\nimport {\n InsightsCard,\n OpenServiceButton,\n ServiceStandardsCard,\n StatusCard,\n TriggerIncidentButton,\n} from '../PagerDutyCardCommon';\nimport { createStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport { PagerDutyCardServiceResponse } from '../../api/types';\nimport { Card, Flex, Grid, Tab, TabList, TabPanel, Tabs, Text } from '@backstage/ui';\n\nconst useStyles = makeStyles(_ =>\n createStyles({\n oncallHeaderTextStyle: {\n fontSize: '14px',\n fontWeight: 500,\n marginTop: '10px',\n marginLeft: '10px'\n },\n\n subheaderTextStyle: {\n fontSize: '10px',\n marginLeft: '-10px',\n paddingTop: '3px',\n },\n \n logoContainerStyles: {\n height: '100%',\n },\n \n cardStyles: {\n paddingLeft: '20px',\n paddingRight: '20px',\n },\n }),\n);\n\nconst BasicCard = ({ children }: { children: ReactNode }) => (\n <InfoCard title=\"PagerDuty\">{children}</InfoCard>\n);\n\n/* @public /\nexport type PagerDutyCardProps = PagerDutyEntity & {\n readOnly?: boolean;\n disableChangeEvents?: boolean;\n disableOnCall?: boolean;\n};\n\n/* @public */\nexport const PagerDutyCard = (props: PagerDutyCardProps) => {\n const classes = useStyles();\n\n const theme = useTheme();\n const { readOnly, disableChangeEvents, disableOnCall } = props;\n const api = useApi(pagerDutyApiRef);\n const [refreshIncidents, setRefreshIncidents] = useState<boolean>(false);\n const [refreshChangeEvents, setRefreshChangeEvents] =\n useState<boolean>(false);\n const [refreshStatus, setRefreshStatus] = useState<boolean>(false);\n\n const handleRefresh = useCallback(() => {\n setRefreshIncidents(x => !x);\n setRefreshChangeEvents(x => !x);\n setRefreshStatus(x => !x);\n }, []);\n\n const {\n value: service,\n loading,\n error,\n } = useAsync(async () => {\n const { service: foundService } = await api.getServiceByPagerDutyEntity(\n props,\n );\n\n const serviceStandards = await api.getServiceStandardsByServiceId(\n foundService.id,\n props.account,\n );\n\n const serviceMetrics = await api.getServiceMetricsByServiceId(\n foundService.id,\n props.account,\n );\n\n const result: PagerDutyCardServiceResponse = {\n id: foundService.id,\n account: props.account,\n name: foundService.name,\n url: foundService.html_url,\n policyId: foundService.escalation_policy.id,\n policyLink: foundService.escalation_policy.html_url as string,\n policyName: foundService.escalation_policy.name,\n status: foundService.status,\n standards:\n serviceStandards !== undefined ? serviceStandards.standards : undefined,\n metrics:\n serviceMetrics !== undefined ? serviceMetrics.metrics : undefined,\n };\n\n return result;\n }, [props]);\n\n if (error) {\n let errorNode: ReactNode;\n\n switch (error.constructor) {\n case UnauthorizedError:\n errorNode = <MissingTokenError />;\n break;\n case NotFoundError:\n errorNode = <ServiceNotFoundError />;\n break;\n default:\n errorNode = <ForbiddenError />;\n }\n\n return <BasicCard>{errorNode}</BasicCard>;\n }\n\n if (loading) {\n return (\n <BasicCard>\n <Progress />\n </BasicCard>\n );\n }\n\n return (\n <Card data-testid=\"pagerduty-card\" className={classes.cardStyles}>\n <Grid.Root columns=\"6\">\n <Grid.Item colSpan=\"4\">\n <Flex\n pl=\"20px\"\n align=\"center\"\n className={classes.logoContainerStyles}\n >\n {theme.palette.type === 'dark' ? (\n <img src={PDWhiteImage} alt=\"PagerDuty\" height=\"35\" />\n ) : (\n <img src={PDGreenImage} alt=\"PagerDuty\" height=\"35\" />\n )}\n </Flex>\n </Grid.Item>\n <Grid.Item colSpan=\"2\">\n <Flex justify=\"end\">\n {!readOnly && props.integrationKey ? (\n <Flex>\n <TriggerIncidentButton\n data-testid=\"trigger-incident-button\"\n integrationKey={props.integrationKey}\n entityName={props.name}\n handleRefresh={handleRefresh}\n />\n <OpenServiceButton serviceUrl={service!.url} />\n </Flex>\n ) : (\n <OpenServiceButton serviceUrl={service!.url} />\n )}\n </Flex>\n </Grid.Item>\n </Grid.Root>\n <Grid.Root columns=\"4\" gap=\"1\" pl=\"1\" pr=\"1\">\n <Grid.Item colSpan=\"1\">\n <Text color=\"secondary\" weight=\"bold\">STATUS</Text>\n </Grid.Item>\n\n <Grid.Item colSpan=\"2\">\n <Flex>\n <Text color=\"secondary\" weight=\"bold\">INSIGHTS</Text>\n <Text color=\"secondary\" className={classes.subheaderTextStyle}>(last 30 days)</Text>\n </Flex>\n </Grid.Item>\n\n <Grid.Item colSpan=\"1\">\n <Text color=\"secondary\" weight=\"bold\">STANDARDS</Text>\n </Grid.Item>\n </Grid.Root>\n\n <Grid.Root gap=\"1\" columns=\"4\" pl=\"1\" pr=\"1\">\n <Grid.Item colSpan=\"1\">\n <StatusCard\n serviceId={service!.id}\n account={service!.account}\n refreshStatus={refreshStatus}\n />\n </Grid.Item>\n <Grid.Item colSpan=\"2\">\n <Grid.Root gap=\"1\" columns=\"3\" pl=\"1\" pr=\"1\">\n <Grid.Item>\n <InsightsCard\n count={\n service?.metrics !== undefined && service.metrics.length > 0\n ? service?.metrics[0].total_interruptions\n : undefined\n }\n label=\"interruptions\"\n color={theme.palette.textSubtle}\n />\n </Grid.Item>\n <Grid.Item>\n <InsightsCard\n count={\n service?.metrics !== undefined && service.metrics.length > 0\n ? service?.metrics[0].total_high_urgency_incidents\n : undefined\n }\n label=\"high urgency\"\n color={theme.palette.warning.main}\n />\n </Grid.Item>\n <Grid.Item>\n <InsightsCard\n count={\n service?.metrics !== undefined && service?.metrics?.length > 0\n ? service?.metrics[0].total_incident_count\n : undefined\n }\n label=\"incidents\"\n color={theme.palette.error.main}\n />\n </Grid.Item>\n </Grid.Root>\n </Grid.Item>\n <Grid.Item colSpan=\"1\">\n <ServiceStandardsCard\n total={\n service?.standards?.score !== undefined\n ? service?.standards?.score?.total\n : undefined\n }\n completed={\n service?.standards?.score !== undefined\n ? service?.standards?.score?.passing\n : undefined\n }\n standards={\n service?.standards !== undefined\n ? service?.standards?.standards\n : undefined\n }\n />\n </Grid.Item>\n </Grid.Root>\n\n <Divider />\n\n <Tabs>\n <TabList>\n <Tab id=\"tab-1\">\n Incidents\n  \n <Text variant=\"body-x-small\">(last 30 days)</Text>\n </Tab>\n {disableChangeEvents !== true && <Tab id=\"tab-2\">Change Events</Tab>}\n </TabList>\n <TabPanel id=\"tab-1\">\n <Incidents\n serviceId={service!.id}\n refreshIncidents={refreshIncidents}\n account={service!.account}\n serviceURL={service!.url}\n />\n </TabPanel>\n {disableChangeEvents !== true && (\n <TabPanel id=\"tab-2\">\n <ChangeEvents\n data-testid=\"change-events\"\n serviceId={service!.id}\n refreshEvents={refreshChangeEvents}\n account={service!.account}\n />\n </TabPanel>\n )}\n </Tabs>\n {disableOnCall !== true && (\n <Flex mt=\"10px\" ml=\"10px\" direction=\"column\" gap=\"0\">\n <Text weight=\"bold\" color=\"secondary\">ON CALL</Text>\n\n <EscalationPolicy\n data-testid=\"oncall-card\"\n policyId={service!.policyId}\n policyUrl={service!.policyLink}\n policyName={service!.policyName}\n account={service!.account}\n />\n </Flex>\n )}\n </Card>\n );\n};\n"],"names":["InsightsCard"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../src/components/PagerDutyCard/index.tsx"],"sourcesContent":["/\n Copyright 2020 The Backstage Authors\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\nimport { ReactNode, useCallback, useState } from 'react';\nimport { Divider } from '@material-ui/core';\nimport { Incidents } from '../Incident';\nimport { EscalationPolicy } from '../Escalation';\nimport useAsync from 'react-use/lib/useAsync';\nimport { pagerDutyApiRef, UnauthorizedError } from '../../api';\nimport { MissingTokenError, ServiceNotFoundError } from '../Errors';\nimport { ChangeEvents } from '../ChangeEvents';\nimport PDGreenImage from '../../assets/PD-Green.svg';\nimport PDWhiteImage from '../../assets/PD-White.svg';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { NotFoundError } from '@backstage/errors';\nimport { Progress, InfoCard } from '@backstage/core-components';\nimport { PagerDutyEntity } from '../../types';\nimport { ForbiddenError } from '../Errors/ForbiddenError';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n InsightsCard,\n OpenServiceButton,\n ServiceStandardsCard,\n StatusCard,\n TriggerIncidentButton,\n} from '../PagerDutyCardCommon';\nimport { createStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport { PagerDutyCardServiceResponse } from '../../api/types';\nimport { Card, Flex, Grid, Tab, TabList, TabPanel, Tabs, Text } from '@backstage/ui';\n\nconst useStyles = makeStyles(_ =>\n createStyles({\n oncallHeaderTextStyle: {\n fontSize: '14px',\n fontWeight: 500,\n marginTop: '10px',\n marginLeft: '10px'\n },\n\n subheaderTextStyle: {\n fontSize: '10px',\n marginLeft: '-10px',\n paddingTop: '3px',\n },\n \n logoContainerStyles: {\n height: '100%',\n },\n \n cardStyles: {\n paddingLeft: '20px',\n paddingRight: '20px',\n },\n }),\n);\n\nconst BasicCard = ({ children }: { children: ReactNode }) => (\n <InfoCard title=\"PagerDuty\">{children}</InfoCard>\n);\n\n/* @public /\nexport type PagerDutyCardProps = PagerDutyEntity & {\n entity: Entity;\n readOnly?: boolean;\n disableChangeEvents?: boolean;\n disableOnCall?: boolean;\n};\n\n/* @public */\nexport const PagerDutyCard = (props: PagerDutyCardProps) => {\n const classes = useStyles();\n\n const theme = useTheme();\n const { entity, readOnly, disableChangeEvents, disableOnCall } = props;\n const api = useApi(pagerDutyApiRef);\n const [refreshIncidents, setRefreshIncidents] = useState<boolean>(false);\n const [refreshChangeEvents, setRefreshChangeEvents] =\n useState<boolean>(false);\n const [refreshStatus, setRefreshStatus] = useState<boolean>(false);\n\n const handleRefresh = useCallback(() => {\n setRefreshIncidents(x => !x);\n setRefreshChangeEvents(x => !x);\n setRefreshStatus(x => !x);\n }, []);\n\n const handleUnmapService = useCallback(async () => {\n const { namespace, name } = entity.metadata;\n const kind = entity.kind;\n const entityRef = `${kind}:${namespace \|\| 'default'}/${name}`;\n\n return await api.removeServiceMapping(entityRef);\n }, [entity, api]);\n\n const {\n value: service,\n loading,\n error,\n } = useAsync(async () => {\n const { service: foundService } = await api.getServiceByPagerDutyEntity(\n props,\n );\n\n const serviceStandards = await api.getServiceStandardsByServiceId(\n foundService.id,\n props.account,\n );\n\n const serviceMetrics = await api.getServiceMetricsByServiceId(\n foundService.id,\n props.account,\n );\n\n const result: PagerDutyCardServiceResponse = {\n id: foundService.id,\n account: props.account,\n name: foundService.name,\n url: foundService.html_url,\n policyId: foundService.escalation_policy.id,\n policyLink: foundService.escalation_policy.html_url as string,\n policyName: foundService.escalation_policy.name,\n status: foundService.status,\n standards:\n serviceStandards !== undefined ? serviceStandards.standards : undefined,\n metrics:\n serviceMetrics !== undefined ? serviceMetrics.metrics : undefined,\n };\n\n return result;\n }, [props]);\n\n if (error) {\n let errorNode: ReactNode;\n\n switch (error.constructor) {\n case UnauthorizedError:\n errorNode = <MissingTokenError />;\n break;\n case NotFoundError:\n errorNode = (\n <ServiceNotFoundError\n entity={entity}\n serviceId={props.serviceId}\n integrationKey={props.integrationKey}\n onUnmap={handleUnmapService}\n />\n );\n break;\n default:\n errorNode = <ForbiddenError />;\n }\n\n return <BasicCard>{errorNode}</BasicCard>;\n }\n\n if (loading) {\n return (\n <BasicCard>\n <Progress />\n </BasicCard>\n );\n }\n\n return (\n <Card data-testid=\"pagerduty-card\" className={classes.cardStyles}>\n <Grid.Root columns=\"6\">\n <Grid.Item colSpan=\"4\">\n <Flex\n pl=\"20px\"\n align=\"center\"\n className={classes.logoContainerStyles}\n >\n {theme.palette.type === 'dark' ? (\n <img src={PDWhiteImage} alt=\"PagerDuty\" height=\"35\" />\n ) : (\n <img src={PDGreenImage} alt=\"PagerDuty\" height=\"35\" />\n )}\n </Flex>\n </Grid.Item>\n <Grid.Item colSpan=\"2\">\n <Flex justify=\"end\">\n {!readOnly && props.integrationKey ? (\n <Flex>\n <TriggerIncidentButton\n data-testid=\"trigger-incident-button\"\n integrationKey={props.integrationKey}\n entityName={props.name}\n handleRefresh={handleRefresh}\n />\n <OpenServiceButton serviceUrl={service!.url} />\n </Flex>\n ) : (\n <OpenServiceButton serviceUrl={service!.url} />\n )}\n </Flex>\n </Grid.Item>\n </Grid.Root>\n <Grid.Root columns=\"4\" gap=\"1\" pl=\"1\" pr=\"1\">\n <Grid.Item colSpan=\"1\">\n <Text color=\"secondary\" weight=\"bold\">STATUS</Text>\n </Grid.Item>\n\n <Grid.Item colSpan=\"2\">\n <Flex>\n <Text color=\"secondary\" weight=\"bold\">INSIGHTS</Text>\n <Text color=\"secondary\" className={classes.subheaderTextStyle}>(last 30 days)</Text>\n </Flex>\n </Grid.Item>\n\n <Grid.Item colSpan=\"1\">\n <Text color=\"secondary\" weight=\"bold\">STANDARDS</Text>\n </Grid.Item>\n </Grid.Root>\n\n <Grid.Root gap=\"1\" columns=\"4\" pl=\"1\" pr=\"1\">\n <Grid.Item colSpan=\"1\">\n <StatusCard\n serviceId={service!.id}\n account={service!.account}\n refreshStatus={refreshStatus}\n />\n </Grid.Item>\n <Grid.Item colSpan=\"2\">\n <Grid.Root gap=\"1\" columns=\"3\" pl=\"1\" pr=\"1\">\n <Grid.Item>\n <InsightsCard\n count={\n service?.metrics !== undefined && service.metrics.length > 0\n ? service?.metrics[0].total_interruptions\n : undefined\n }\n label=\"interruptions\"\n color={theme.palette.textSubtle}\n />\n </Grid.Item>\n <Grid.Item>\n <InsightsCard\n count={\n service?.metrics !== undefined && service.metrics.length > 0\n ? service?.metrics[0].total_high_urgency_incidents\n : undefined\n }\n label=\"high urgency\"\n color={theme.palette.warning.main}\n />\n </Grid.Item>\n <Grid.Item>\n <InsightsCard\n count={\n service?.metrics !== undefined && service?.metrics?.length > 0\n ? service?.metrics[0].total_incident_count\n : undefined\n }\n label=\"incidents\"\n color={theme.palette.error.main}\n />\n </Grid.Item>\n </Grid.Root>\n </Grid.Item>\n <Grid.Item colSpan=\"1\">\n <ServiceStandardsCard\n total={\n service?.standards?.score !== undefined\n ? service?.standards?.score?.total\n : undefined\n }\n completed={\n service?.standards?.score !== undefined\n ? service?.standards?.score?.passing\n : undefined\n }\n standards={\n service?.standards !== undefined\n ? service?.standards?.standards\n : undefined\n }\n />\n </Grid.Item>\n </Grid.Root>\n\n <Divider />\n\n <Tabs>\n <TabList>\n <Tab id=\"tab-1\">\n Incidents\n  \n <Text variant=\"body-x-small\">(last 30 days)</Text>\n </Tab>\n {disableChangeEvents !== true && <Tab id=\"tab-2\">Change Events</Tab>}\n </TabList>\n <TabPanel id=\"tab-1\">\n <Incidents\n serviceId={service!.id}\n refreshIncidents={refreshIncidents}\n account={service!.account}\n serviceURL={service!.url}\n />\n </TabPanel>\n {disableChangeEvents !== true && (\n <TabPanel id=\"tab-2\">\n <ChangeEvents\n data-testid=\"change-events\"\n serviceId={service!.id}\n refreshEvents={refreshChangeEvents}\n account={service!.account}\n />\n </TabPanel>\n )}\n </Tabs>\n {disableOnCall !== true && (\n <Flex mt=\"10px\" ml=\"10px\" direction=\"column\" gap=\"0\">\n <Text weight=\"bold\" color=\"secondary\">ON CALL</Text>\n\n <EscalationPolicy\n data-testid=\"oncall-card\"\n policyId={service!.policyId}\n policyUrl={service!.policyLink}\n policyName={service!.policyName}\n account={service!.account}\n />\n </Flex>\n )}\n </Card>\n );\n};\n"],"names":["InsightsCard"],"mappings":"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"}

package/dist/components/PagerDutyPage/AccountContext.esm.js ADDED Viewed

@@ -0,0 +1,56 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useMemo, createContext, useContext } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { useApi } from '@backstage/core-plugin-api';
+import { pagerDutyApiRef } from '../../api/client.esm.js';
+const AccountContext = createContext(
+  void 0
+);
+const useAccountContext = () => {
+  const context = useContext(AccountContext);
+  if (!context) {
+    throw new Error("useAccountContext must be used within an AccountProvider");
+  }
+  return context;
+};
+const AccountProvider = ({ children }) => {
+  const pagerDutyApi = useApi(pagerDutyApiRef);
+  const [selectedAccount, setSelectedAccount] = useState("");
+  const { data: accountsData, isLoading } = useQuery({
+    queryKey: ["pagerduty", "accounts"],
+    queryFn: () => pagerDutyApi.getAccounts()
+  });
+  const accounts = useMemo(() => {
+    if (accountsData && accountsData.length > 0) {
+      return accountsData.map((account) => ({
+        label: account.id,
+        value: account.id
+      }));
+    }
+    return [];
+  }, [accountsData]);
+  useMemo(() => {
+    if (accountsData && accountsData.length > 0 && !selectedAccount) {
+      const defaultAccount = accountsData.find((account) => account.isDefault);
+      if (defaultAccount) {
+        setSelectedAccount(defaultAccount.id);
+      } else {
+        setSelectedAccount(accountsData[0].id);
+      }
+    }
+  }, [accountsData, selectedAccount]);
+  const value = useMemo(
+    () => ({
+      selectedAccount,
+      setSelectedAccount,
+      accounts,
+      isLoading
+    }),
+    [selectedAccount, accounts, isLoading]
+  );
+  return /* @__PURE__ */ jsx(AccountContext.Provider, { value, children });
+};
+export { AccountProvider, useAccountContext };
+//# sourceMappingURL=AccountContext.esm.js.map

package/dist/components/PagerDutyPage/AccountContext.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AccountContext.esm.js","sources":["../../../src/components/PagerDutyPage/AccountContext.tsx"],"sourcesContent":["import { createContext, useContext, useState, useMemo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { pagerDutyApiRef } from '../../api';\n\ninterface AccountContextValue {\n selectedAccount: string;\n setSelectedAccount: (account: string) => void;\n accounts: Array<{ label: string; value: string }>;\n isLoading: boolean;\n}\n\nconst AccountContext = createContext<AccountContextValue | undefined>(\n undefined,\n);\n\nexport const useAccountContext = () => {\n const context = useContext(AccountContext);\n if (!context) {\n throw new Error('useAccountContext must be used within an AccountProvider');\n }\n return context;\n};\n\ninterface AccountProviderProps {\n children: React.ReactNode;\n}\n\nexport const AccountProvider = ({ children }: AccountProviderProps) => {\n const pagerDutyApi = useApi(pagerDutyApiRef);\n const [selectedAccount, setSelectedAccount] = useState<string>('');\n\n const { data: accountsData, isLoading } = useQuery({\n queryKey: ['pagerduty', 'accounts'],\n queryFn: () => pagerDutyApi.getAccounts(),\n });\n\n const accounts = useMemo(() => {\n if (accountsData && accountsData.length > 0) {\n return accountsData.map(account => ({\n label: account.id,\n value: account.id,\n }));\n }\n return [];\n }, [accountsData]);\n\n useMemo(() => {\n if (accountsData && accountsData.length > 0 && !selectedAccount) {\n const defaultAccount = accountsData.find(account => account.isDefault);\n if (defaultAccount) {\n setSelectedAccount(defaultAccount.id);\n } else {\n setSelectedAccount(accountsData[0].id);\n }\n }\n }, [accountsData, selectedAccount]);\n\n const value = useMemo(\n () => ({\n selectedAccount,\n setSelectedAccount,\n accounts,\n isLoading,\n }),\n [selectedAccount, accounts, isLoading],\n );\n\n return (\n <AccountContext.Provider value={value}>{children}</AccountContext.Provider>\n );\n};\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,cAAA,GAAiB,aAAA;AAAA,EACrB;AACF,CAAA;AAEO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,OAAA,GAAU,WAAW,cAAc,CAAA;AACzC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,MAAM,0DAA0D,CAAA;AAAA,EAC5E;AACA,EAAA,OAAO,OAAA;AACT;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,MAAM,YAAA,GAAe,OAAO,eAAe,CAAA;AAC3C,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAiB,EAAE,CAAA;AAEjE,EAAA,MAAM,EAAE,IAAA,EAAM,YAAA,EAAc,SAAA,KAAc,QAAA,CAAS;AAAA,IACjD,QAAA,EAAU,CAAC,WAAA,EAAa,UAAU,CAAA;AAAA,IAClC,OAAA,EAAS,MAAM,YAAA,CAAa,WAAA;AAAY,GACzC,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,QAAQ,MAAM;AAC7B,IAAA,IAAI,YAAA,IAAgB,YAAA,CAAa,MAAA,GAAS,CAAA,EAAG;AAC3C,MAAA,OAAO,YAAA,CAAa,IAAI,CAAA,OAAA,MAAY;AAAA,QAClC,OAAO,OAAA,CAAQ,EAAA;AAAA,QACf,OAAO,OAAA,CAAQ;AAAA,OACjB,CAAE,CAAA;AAAA,IACJ;AACA,IAAA,OAAO,EAAC;AAAA,EACV,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAA,IAAI,YAAA,IAAgB,YAAA,CAAa,MAAA,GAAS,CAAA,IAAK,CAAC,eAAA,EAAiB;AAC/D,MAAA,MAAM,cAAA,GAAiB,YAAA,CAAa,IAAA,CAAK,CAAA,OAAA,KAAW,QAAQ,SAAS,CAAA;AACrE,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA,kBAAA,CAAmB,eAAe,EAAE,CAAA;AAAA,MACtC,CAAA,MAAO;AACL,QAAA,kBAAA,CAAmB,YAAA,CAAa,CAAC,CAAA,CAAE,EAAE,CAAA;AAAA,MACvC;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,eAAe,CAAC,CAAA;AAElC,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,eAAA;AAAA,MACA,kBAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,eAAA,EAAiB,QAAA,EAAU,SAAS;AAAA,GACvC;AAEA,EAAA,uBACE,GAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EAAwB,OAAe,QAAA,EAAS,CAAA;AAErD;;;;"}

package/dist/components/PagerDutyPage/AutomaticMappingsDialog.esm.js ADDED Viewed

@@ -0,0 +1,197 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Dialog, DialogHeader, DialogBody, Box, Flex, Text, Select, DialogFooter, Button } from '@backstage/ui';
+import { useState } from 'react';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useApi } from '@backstage/core-plugin-api';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import { pagerDutyApiRef } from '../../api/client.esm.js';
+import { Warning } from '@mui/icons-material';
+import { useAccountContext } from './AccountContext.esm.js';
+function AutomaticMappingsDialog({
+  isOpen,
+  setIsOpen,
+  onAutoMatchComplete
+}) {
+  const catalogApi = useApi(catalogApiRef);
+  const pagerDutyApi = useApi(pagerDutyApiRef);
+  const queryClient = useQueryClient();
+  const { selectedAccount } = useAccountContext();
+  const [selectedTeam, setSelectedTeam] = useState("all");
+  const [selectedThreshold, setSelectedThreshold] = useState("");
+  const { data: groups, isLoading: isGroupsLoading } = useQuery({
+    queryKey: ["catalog", "groups"],
+    queryFn: async () => {
+      const response = await catalogApi.getEntities({
+        filter: {
+          kind: "Group"
+        }
+      });
+      return response.items;
+    },
+    enabled: isOpen
+  });
+  const { mutateAsync: autoMatch, isPending: isAutoMatching } = useMutation({
+    mutationFn: async (params) => pagerDutyApi.autoMatchEntityMappings(params),
+    onSuccess: (data) => {
+      const matchMap = {};
+      const matches = data?.matches;
+      if (Array.isArray(matches)) {
+        matches.forEach((match) => {
+          const entityName = match.backstageComponent?.name;
+          const score = match.score;
+          const serviceId = match.pagerDutyService?.serviceId;
+          const serviceName = match.pagerDutyService?.name;
+          const account = match.pagerDutyService?.account || "";
+          const entityRef = match.backstageComponent?.entityRef;
+          const owner = match.backstageComponent?.owner;
+          if (entityName && score !== void 0 && serviceId) {
+            matchMap[entityName] = {
+              score,
+              serviceId,
+              account,
+              serviceName,
+              entity: {
+                name: entityName,
+                entityRef: entityRef || "",
+                owner: owner || ""
+              }
+            };
+          }
+        });
+      }
+      onAutoMatchComplete(matchMap);
+      queryClient.invalidateQueries({
+        queryKey: ["pagerduty", "enhancedEntityMappings"]
+      });
+      setIsOpen(false);
+    }
+  });
+  const teamOptions = [
+    { value: "all", label: "All Teams" },
+    ...groups?.map((group) => ({
+      value: group.metadata.name,
+      label: group.metadata.name
+    })) || []
+  ];
+  const thresholdOptions = [
+    { value: "100", label: "Exact Match (100%)" },
+    { value: "90", label: "High Confidence (>= 90%)" },
+    { value: "80", label: "Medium Confidence (>= 80%)" }
+  ];
+  const handleBegin = async () => {
+    if (!selectedThreshold) return;
+    await autoMatch({
+      team: selectedTeam,
+      threshold: parseInt(selectedThreshold, 10),
+      account: selectedAccount
+    });
+  };
+  return /* @__PURE__ */ jsxs(Dialog, { isOpen, onOpenChange: setIsOpen, style: { width: "460px" }, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: "Service Auto-Mapping" }),
+    /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsxs(Box, { p: "0 24px 8px 24px", children: [
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          style: {
+            backgroundColor: "#FEF3CD",
+            border: "1px solid #F4C430",
+            borderRadius: "8px",
+            padding: "16px",
+            marginBottom: "8px"
+          },
+          children: /* @__PURE__ */ jsxs(Flex, { gap: "2", align: "start", direction: "column", children: [
+            /* @__PURE__ */ jsxs(Flex, { gap: "1", children: [
+              /* @__PURE__ */ jsx(
+                Warning,
+                {
+                  style: {
+                    color: "#F4C430",
+                    fontSize: "var(--bui-font-size-3)"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  variant: "body-medium",
+                  weight: "bold",
+                  style: { color: "#D97706", marginLeft: "4px" },
+                  children: "Disclaimer:"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(Text, { variant: "body-medium", style: { color: "#6B7280" }, children: "Service auto-mapping uses service and team names to match components. Please review and confirm any mappings with confidence scores below 100% before syncing." })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          variant: "body-medium",
+          style: {
+            marginBottom: "16px",
+            display: "block",
+            lineHeight: "1.6"
+          },
+          children: "This feature will map unmapped Backstage components to PagerDuty services and provide a confidence score for each match."
+        }
+      ),
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "5", children: [
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            name: "team",
+            isDisabled: isGroupsLoading || isAutoMatching,
+            label: "Backstage Team (optional)",
+            placeholder: isGroupsLoading ? "Loading teams..." : "Select a team",
+            options: teamOptions,
+            value: selectedTeam,
+            onChange: (value) => setSelectedTeam(value)
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsxs(Flex, { direction: "column", style: { marginBottom: "8px" }, gap: "0", children: [
+            /* @__PURE__ */ jsx(Text, { variant: "body-small", children: "Confidence Threshold *" }),
+            /* @__PURE__ */ jsx(
+              Text,
+              {
+                variant: "body-x-small",
+                style: {
+                  color: "#6B7280"
+                },
+                children: "Only mappings at or above this threshold will sync automatically"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              name: "threshold",
+              placeholder: "Select Confidence Threshold",
+              options: thresholdOptions,
+              value: selectedThreshold,
+              onChange: (value) => setSelectedThreshold(value),
+              isDisabled: isAutoMatching
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", slot: "close", children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          onClick: handleBegin,
+          isDisabled: !selectedThreshold || isAutoMatching,
+          children: isAutoMatching ? "Processing..." : "Begin"
+        }
+      )
+    ] })
+  ] });
+}
+export { AutomaticMappingsDialog as default };
+//# sourceMappingURL=AutomaticMappingsDialog.esm.js.map

package/dist/components/PagerDutyPage/AutomaticMappingsDialog.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AutomaticMappingsDialog.esm.js","sources":["../../../src/components/PagerDutyPage/AutomaticMappingsDialog.tsx"],"sourcesContent":["import {\n Dialog,\n DialogHeader,\n DialogBody,\n DialogFooter,\n Button,\n Select,\n Flex,\n Text,\n Box,\n} from '@backstage/ui';\nimport { Dispatch, useState } from 'react';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { pagerDutyApiRef } from '../../api';\nimport { Warning } from '@mui/icons-material';\nimport { useAccountContext } from './AccountContext';\n\ninterface AutomaticMappingsDialogProps {\n isOpen: boolean;\n setIsOpen: Dispatch<React.SetStateAction<boolean>>;\n onAutoMatchComplete: (\n results: Record<\n string,\n {\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 >,\n ) => void;\n}\n\nexport default function AutomaticMappingsDialog({\n isOpen,\n setIsOpen,\n onAutoMatchComplete,\n}: AutomaticMappingsDialogProps) {\n const catalogApi = useApi(catalogApiRef);\n const pagerDutyApi = useApi(pagerDutyApiRef);\n const queryClient = useQueryClient();\n const { selectedAccount } = useAccountContext();\n const [selectedTeam, setSelectedTeam] = useState<string>('all');\n const [selectedThreshold, setSelectedThreshold] = useState<string>('');\n\n const { data: groups, isLoading: isGroupsLoading } = useQuery({\n queryKey: ['catalog', 'groups'],\n queryFn: async () => {\n const response = await catalogApi.getEntities({\n filter: {\n kind: 'Group',\n },\n });\n return response.items;\n },\n enabled: isOpen,\n });\n\n const { mutateAsync: autoMatch, isPending: isAutoMatching } = useMutation({\n mutationFn: async (params: { team?: string; threshold: number; account?: string }) =>\n pagerDutyApi.autoMatchEntityMappings(params),\n onSuccess: data => {\n const matchMap: Record<\n string,\n {\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 > = {};\n\n const matches = data?.matches;\n\n if (Array.isArray(matches)) {\n matches.forEach(match => {\n const entityName = match.backstageComponent?.name;\n const score = match.score;\n\n const serviceId = match.pagerDutyService?.serviceId;\n const serviceName = match.pagerDutyService?.name;\n const account = match.pagerDutyService?.account || '';\n const entityRef = match.backstageComponent?.entityRef;\n const owner = match.backstageComponent?.owner;\n\n if (entityName && score !== undefined && serviceId) {\n matchMap[entityName] = {\n score,\n serviceId,\n account,\n serviceName,\n entity: {\n name: entityName,\n entityRef: entityRef || '',\n owner: owner || '',\n },\n };\n }\n });\n }\n onAutoMatchComplete(matchMap);\n queryClient.invalidateQueries({\n queryKey: ['pagerduty', 'enhancedEntityMappings'],\n });\n setIsOpen(false);\n },\n });\n\n const teamOptions = [\n { value: 'all', label: 'All Teams' },\n ...(groups?.map(group => ({\n value: group.metadata.name,\n label: group.metadata.name,\n })) || []),\n ];\n\n const thresholdOptions = [\n { value: '100', label: 'Exact Match (100%)' },\n { value: '90', label: 'High Confidence (>= 90%)' },\n { value: '80', label: 'Medium Confidence (>= 80%)' },\n ];\n\n const handleBegin = async () => {\n if (!selectedThreshold) return;\n\n await autoMatch({\n team: selectedTeam,\n threshold: parseInt(selectedThreshold, 10),\n account: selectedAccount,\n });\n };\n\n return (\n <Dialog isOpen={isOpen} onOpenChange={setIsOpen} style={{ width: '460px' }}>\n <DialogHeader>Service Auto-Mapping</DialogHeader>\n <DialogBody>\n <Box p=\"0 24px 8px 24px\">\n <Box\n style={{\n backgroundColor: '#FEF3CD',\n border: '1px solid #F4C430',\n borderRadius: '8px',\n padding: '16px',\n marginBottom: '8px',\n }}\n >\n <Flex gap=\"2\" align=\"start\" direction=\"column\">\n <Flex gap=\"1\">\n <Warning\n style={{\n color: '#F4C430',\n fontSize: 'var(--bui-font-size-3)',\n }}\n />\n <Text\n variant=\"body-medium\"\n weight=\"bold\"\n style={{ color: '#D97706', marginLeft: '4px' }}\n >\n Disclaimer:\n </Text>\n </Flex>\n\n <Text variant=\"body-medium\" style={{ color: '#6B7280' }}>\n Service auto-mapping uses service and team names to match\n components. Please review and confirm any mappings with\n confidence scores below 100% before syncing.\n </Text>\n </Flex>\n </Box>\n\n <Text\n variant=\"body-medium\"\n style={{\n marginBottom: '16px',\n display: 'block',\n lineHeight: '1.6',\n }}\n >\n This feature will map unmapped Backstage components to PagerDuty\n services and provide a confidence score for each match.\n </Text>\n\n <Flex direction=\"column\" gap=\"5\">\n <Select\n name=\"team\"\n isDisabled={isGroupsLoading || isAutoMatching}\n label=\"Backstage Team (optional)\"\n placeholder={\n isGroupsLoading ? 'Loading teams...' : 'Select a team'\n }\n options={teamOptions}\n value={selectedTeam}\n onChange={value => setSelectedTeam(value as string)}\n />\n\n <Box>\n <Flex direction=\"column\" style={{ marginBottom: '8px' }} gap=\"0\">\n <Text variant=\"body-small\">Confidence Threshold *</Text>\n <Text\n variant=\"body-x-small\"\n style={{\n color: '#6B7280',\n }}\n >\n Only mappings at or above this threshold will sync\n automatically\n </Text>\n </Flex>\n <Select\n name=\"threshold\"\n placeholder=\"Select Confidence Threshold\"\n options={thresholdOptions}\n value={selectedThreshold}\n onChange={value => setSelectedThreshold(value as string)}\n isDisabled={isAutoMatching}\n />\n </Box>\n </Flex>\n </Box>\n </DialogBody>\n <DialogFooter>\n <Button variant=\"secondary\" slot=\"close\">\n Cancel\n </Button>\n <Button\n variant=\"primary\"\n onClick={handleBegin}\n isDisabled={!selectedThreshold || isAutoMatching}\n >\n {isAutoMatching ? 'Processing...' : 'Begin'}\n </Button>\n </DialogFooter>\n </Dialog>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/PagerDutyPage/MappingsDialog.esm.js ADDED Viewed

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