@backstage-community/plugin-servicenow 1.0.0

package/dist/components/Servicenow/ServicenowContent.esm.js

@@ -0,0 +1,196 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useApi, identityApiRef } from '@backstage/core-plugin-api';
+import { useEntity, CatalogFilterLayout } from '@backstage/plugin-catalog-react';
+import { Table } from '@backstage/core-components';
+import Box from '@mui/material/Box';
+import TablePagination from '@mui/material/TablePagination';
+import { IncidentsFilter } from './IncidentsFilter.esm.js';
+import { IncidentsListColumns } from './IncidentsListColumns.esm.js';
+import { IncidentsTableBody } from './IncidentsTableBody.esm.js';
+import { IncidentsTableHeader } from './IncidentsTableHeader.esm.js';
+import { IncidentTableFieldEnum } from '../../types.esm.js';
+import { SortingOrderEnum, ServiceAnnotationFieldName } from '@backstage-community/plugin-servicenow-common';
+import { buildIncidentQueryParams } from '../../utils/queryParamsUtils.esm.js';
+import { useDebouncedValue } from '../../hooks/useDebouncedValue.esm.js';
+import { useQueryState } from '../../hooks/useQueryState.esm.js';
+import { useQueryArrayState } from '../../hooks/useQueryArrayState.esm.js';
+import { serviceNowApiRef } from '../../api/ServiceNowBackendClient.esm.js';
+import { useUserEmail } from '../../hooks/useUserEmail.esm.js';
+import CircularProgress from '@mui/material/CircularProgress';
+import TableBody from '@mui/material/TableBody';
+import TableRow from '@mui/material/TableRow';
+import TableCell from '@mui/material/TableCell';
+import { useUpdateQueryParams } from '../../hooks/useQueryHelpers.esm.js';
+
+const ServicenowContent = () => {
+  const { entity } = useEntity();
+  const serviceNowApi = useApi(serviceNowApiRef);
+  const [search, setSearch] = useQueryState("search", "");
+  const [input, setInput] = useState(search);
+  const debouncedInput = useDebouncedValue(input, 300);
+  const [order, setOrder] = useQueryState("order", SortingOrderEnum.Asc);
+  const [orderBy, setOrderBy] = useQueryState(
+    "orderBy",
+    IncidentTableFieldEnum.Number
+  );
+  const [rowsPerPage] = useQueryState("limit", 5);
+  const [offset, setOffset] = useQueryState("offset", 0);
+  const [state] = useQueryArrayState("state", []);
+  const [priority] = useQueryArrayState("priority", []);
+  const pageNumber = Math.floor(offset / rowsPerPage);
+  const [count, setCount] = useState(0);
+  const [incidentsData, setIncidentsData] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const updateQueryParams = useUpdateQueryParams();
+  const entityId = entity.metadata.annotations?.[ServiceAnnotationFieldName];
+  const kind = entity.kind.toLocaleLowerCase("en-US");
+  const userEmail = useUserEmail(kind);
+  const identityApi = useApi(identityApiRef);
+  useEffect(() => {
+    identityApi.getBackstageIdentity().then((identity) => {
+      if (identity.userEntityRef) {
+        localStorage.setItem("userEntityRef", identity.userEntityRef);
+      }
+    });
+  }, [identityApi]);
+  useEffect(() => {
+    if (debouncedInput !== search) {
+      setSearch(debouncedInput);
+      setOffset(0);
+    }
+  }, [debouncedInput, search, setSearch, setOffset]);
+  useEffect(() => {
+    async function fetchIncidents() {
+      setLoading(true);
+      setError(null);
+      if (!userEmail && !entityId) {
+        setIncidentsData([]);
+        setLoading(false);
+        return;
+      }
+      try {
+        const queryParams = buildIncidentQueryParams({
+          limit: rowsPerPage,
+          offset,
+          order,
+          orderBy,
+          search,
+          priority: priority ?? void 0,
+          state: state ?? void 0,
+          userEmail,
+          entityId
+        });
+        const { incidents, totalCount } = await serviceNowApi.getIncidents(
+          queryParams
+        );
+        setIncidentsData(incidents);
+        setCount(totalCount);
+      } catch (e) {
+        setError(e.message);
+        setIncidentsData([]);
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchIncidents();
+  }, [
+    rowsPerPage,
+    offset,
+    order,
+    orderBy,
+    search,
+    serviceNowApi,
+    entityId,
+    priority,
+    state,
+    userEmail
+  ]);
+  const handleRowsPerPageChange = (event) => {
+    const newLimit = parseInt(event.target.value, 10);
+    updateQueryParams({
+      limit: String(newLimit),
+      offset: "0"
+    });
+  };
+  const handlePageChange = (_event, page) => {
+    setOffset(page * rowsPerPage);
+  };
+  const handleRequestSort = (_event, property) => {
+    const isAsc = orderBy === property && order === SortingOrderEnum.Asc;
+    setOrder(isAsc ? SortingOrderEnum.Desc : SortingOrderEnum.Asc);
+    setOrderBy(property);
+    setOffset(0);
+  };
+  const handleSearch = (str) => {
+    setInput(str);
+  };
+  const IncidentsTableHeaderComponent = () => /* @__PURE__ */ jsx(
+    IncidentsTableHeader,
+    {
+      order,
+      orderBy,
+      onRequestSort: handleRequestSort
+    }
+  );
+  const IncidentsTableBodyComponent = () => loading ? /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: IncidentsListColumns.length, align: "center", children: /* @__PURE__ */ jsx(Box, { sx: { py: 3 }, children: /* @__PURE__ */ jsx(CircularProgress, {}) }) }) }) }) : /* @__PURE__ */ jsx(IncidentsTableBody, { rows: incidentsData });
+  const TablePaginationComponent = () => {
+    return /* @__PURE__ */ jsx(
+      TablePagination,
+      {
+        rowsPerPageOptions: [5, 10, 20, 50, 100].map((n) => ({
+          value: n,
+          label: `${n} rows`
+        })),
+        component: "div",
+        sx: { mr: 1 },
+        count: count ?? 0,
+        rowsPerPage,
+        page: pageNumber,
+        onPageChange: handlePageChange,
+        onRowsPerPageChange: handleRowsPerPageChange,
+        labelRowsPerPage: null,
+        showFirstButton: true,
+        showLastButton: true
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(CatalogFilterLayout, { children: [
+    /* @__PURE__ */ jsx(CatalogFilterLayout.Filters, { children: /* @__PURE__ */ jsx(IncidentsFilter, {}) }),
+    /* @__PURE__ */ jsx(CatalogFilterLayout.Content, { children: error ? /* @__PURE__ */ jsxs(Box, { sx: { padding: 2, color: "error.main" }, children: [
+      "Error loading incidents: ",
+      error
+    ] }) : /* @__PURE__ */ jsx(
+      Table,
+      {
+        data: loading ? [] : incidentsData,
+        columns: IncidentsListColumns,
+        onSearchChange: handleSearch,
+        title: count === 0 ? "ServiceNow tickets" : `ServiceNow tickets (${count})`,
+        localization: { toolbar: { searchPlaceholder: "Search" } },
+        components: {
+          Header: IncidentsTableHeaderComponent,
+          Body: IncidentsTableBodyComponent,
+          Pagination: TablePaginationComponent
+        },
+        emptyContent: loading ? null : /* @__PURE__ */ jsx(
+          Box,
+          {
+            "data-testid": "no-incidents-found",
+            sx: {
+              padding: 2,
+              display: "flex",
+              justifyContent: "center"
+            },
+            children: "No records found"
+          }
+        ),
+        isLoading: loading
+      }
+    ) })
+  ] }) });
+};
+
+export { ServicenowContent };
+//# sourceMappingURL=ServicenowContent.esm.js.map

package/dist/components/Servicenow/ServicenowContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServicenowContent.esm.js","sources":["../../../src/components/Servicenow/ServicenowContent.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEffect, useState, MouseEvent, ChangeEvent } from 'react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport {\n  CatalogFilterLayout,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { Table } from '@backstage/core-components';\nimport Box from '@mui/material/Box';\nimport TablePagination from '@mui/material/TablePagination';\n\nimport { IncidentsFilter } from './IncidentsFilter';\nimport { IncidentsListColumns } from './IncidentsListColumns';\nimport { IncidentsTableBody } from './IncidentsTableBody';\nimport { IncidentsTableHeader } from './IncidentsTableHeader';\nimport {\n  IncidentTableFieldEnum,\n  type IncidentsData,\n  type IncidentTableField,\n} from '../../types';\nimport {\n  Order,\n  SortingOrderEnum,\n  ServiceAnnotationFieldName,\n} from '@backstage-community/plugin-servicenow-common';\nimport { buildIncidentQueryParams } from '../../utils/queryParamsUtils';\nimport { useDebouncedValue } from '../../hooks/useDebouncedValue';\nimport { useQueryState } from '../../hooks/useQueryState';\nimport { useQueryArrayState } from '../../hooks/useQueryArrayState';\nimport { serviceNowApiRef } from '../../api/ServiceNowBackendClient';\nimport useUserEmail from '../../hooks/useUserEmail';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TableBody from '@mui/material/TableBody';\nimport TableRow from '@mui/material/TableRow';\nimport TableCell from '@mui/material/TableCell';\nimport { useUpdateQueryParams } from '../../hooks/useQueryHelpers';\n\nexport const ServicenowContent = () => {\n  const { entity } = useEntity();\n  const serviceNowApi = useApi(serviceNowApiRef);\n\n  const [search, setSearch] = useQueryState<string>('search', '');\n  const [input, setInput] = useState(search);\n  const debouncedInput = useDebouncedValue(input, 300);\n\n  const [order, setOrder] = useQueryState<Order>('order', SortingOrderEnum.Asc);\n  const [orderBy, setOrderBy] = useQueryState<IncidentTableField>(\n    'orderBy',\n    IncidentTableFieldEnum.Number,\n  );\n\n  const [rowsPerPage] = useQueryState<number>('limit', 5);\n  const [offset, setOffset] = useQueryState<number>('offset', 0);\n  const [state] = useQueryArrayState('state', []);\n  const [priority] = useQueryArrayState('priority', []);\n\n  const pageNumber = Math.floor(offset / rowsPerPage);\n\n  const [count, setCount] = useState<number>(0);\n  const [incidentsData, setIncidentsData] = useState<IncidentsData[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const updateQueryParams = useUpdateQueryParams();\n\n  const entityId = entity.metadata.annotations?.[ServiceAnnotationFieldName];\n\n  const kind = entity.kind.toLocaleLowerCase('en-US');\n  const userEmail = useUserEmail(kind);\n\n  const identityApi = useApi(identityApiRef);\n\n  useEffect(() => {\n    identityApi.getBackstageIdentity().then(identity => {\n      if (identity.userEntityRef) {\n        localStorage.setItem('userEntityRef', identity.userEntityRef);\n      }\n    });\n  }, [identityApi]);\n\n  useEffect(() => {\n    if (debouncedInput !== search) {\n      setSearch(debouncedInput);\n      setOffset(0);\n    }\n  }, [debouncedInput, search, setSearch, setOffset]);\n\n  useEffect(() => {\n    async function fetchIncidents() {\n      setLoading(true);\n      setError(null);\n\n      if (!userEmail && !entityId) {\n        setIncidentsData([]);\n        setLoading(false);\n        return;\n      }\n\n      try {\n        const queryParams = buildIncidentQueryParams({\n          limit: rowsPerPage,\n          offset,\n          order,\n          orderBy,\n          search: search,\n          priority: priority ?? undefined,\n          state: state ?? undefined,\n          userEmail,\n          entityId,\n        });\n\n        const { incidents, totalCount } = await serviceNowApi.getIncidents(\n          queryParams,\n        );\n        setIncidentsData(incidents);\n        setCount(totalCount);\n      } catch (e) {\n        setError((e as Error).message);\n        setIncidentsData([]);\n      } finally {\n        setLoading(false);\n      }\n    }\n\n    fetchIncidents();\n  }, [\n    rowsPerPage,\n    offset,\n    order,\n    orderBy,\n    search,\n    serviceNowApi,\n    entityId,\n    priority,\n    state,\n    userEmail,\n  ]);\n\n  const handleRowsPerPageChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newLimit = parseInt(event.target.value, 10);\n    updateQueryParams({\n      limit: String(newLimit),\n      offset: '0',\n    });\n  };\n\n  const handlePageChange = (_event: unknown, page: number) => {\n    setOffset(page * rowsPerPage);\n  };\n\n  const handleRequestSort = (\n    _event: MouseEvent<unknown>,\n    property: IncidentTableField,\n  ) => {\n    const isAsc = orderBy === property && order === SortingOrderEnum.Asc;\n    setOrder(isAsc ? SortingOrderEnum.Desc : SortingOrderEnum.Asc);\n    setOrderBy(property);\n    setOffset(0);\n  };\n\n  const handleSearch = (str: string) => {\n    setInput(str);\n  };\n\n  const IncidentsTableHeaderComponent = () => (\n    <IncidentsTableHeader\n      order={order}\n      orderBy={orderBy}\n      onRequestSort={handleRequestSort}\n    />\n  );\n\n  const IncidentsTableBodyComponent = () =>\n    loading ? (\n      <TableBody>\n        <TableRow>\n          <TableCell colSpan={IncidentsListColumns.length} align=\"center\">\n            <Box sx={{ py: 3 }}>\n              <CircularProgress />\n            </Box>\n          </TableCell>\n        </TableRow>\n      </TableBody>\n    ) : (\n      <IncidentsTableBody rows={incidentsData} />\n    );\n\n  const TablePaginationComponent = () => {\n    return (\n      <TablePagination\n        rowsPerPageOptions={[5, 10, 20, 50, 100].map(n => ({\n          value: n,\n          label: `${n} rows`,\n        }))}\n        component=\"div\"\n        sx={{ mr: 1 }}\n        count={count ?? 0}\n        rowsPerPage={rowsPerPage}\n        page={pageNumber}\n        onPageChange={handlePageChange}\n        onRowsPerPageChange={handleRowsPerPageChange}\n        labelRowsPerPage={null}\n        showFirstButton\n        showLastButton\n      />\n    );\n  };\n\n  return (\n    <Box>\n      <CatalogFilterLayout>\n        <CatalogFilterLayout.Filters>\n          <IncidentsFilter />\n        </CatalogFilterLayout.Filters>\n        <CatalogFilterLayout.Content>\n          {error ? (\n            <Box sx={{ padding: 2, color: 'error.main' }}>\n              Error loading incidents: {error}\n            </Box>\n          ) : (\n            <Table\n              data={loading ? [] : incidentsData}\n              columns={IncidentsListColumns}\n              onSearchChange={handleSearch}\n              title={\n                count === 0\n                  ? 'ServiceNow tickets'\n                  : `ServiceNow tickets (${count})`\n              }\n              localization={{ toolbar: { searchPlaceholder: 'Search' } }}\n              components={{\n                Header: IncidentsTableHeaderComponent,\n                Body: IncidentsTableBodyComponent,\n                Pagination: TablePaginationComponent,\n              }}\n              emptyContent={\n                loading ? null : (\n                  <Box\n                    data-testid=\"no-incidents-found\"\n                    sx={{\n                      padding: 2,\n                      display: 'flex',\n                      justifyContent: 'center',\n                    }}\n                  >\n                    No records found\n                  </Box>\n                )\n              }\n              isLoading={loading}\n            />\n          )}\n        </CatalogFilterLayout.Content>\n      </CatalogFilterLayout>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqDO,MAAM,oBAAoB,MAAM;AACrC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,aAAA,GAAgB,OAAO,gBAAgB,CAAA;AAE7C,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,aAAA,CAAsB,UAAU,EAAE,CAAA;AAC9D,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,MAAM,CAAA;AACzC,EAAM,MAAA,cAAA,GAAiB,iBAAkB,CAAA,KAAA,EAAO,GAAG,CAAA;AAEnD,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,IAAI,aAAqB,CAAA,OAAA,EAAS,iBAAiB,GAAG,CAAA;AAC5E,EAAM,MAAA,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,aAAA;AAAA,IAC5B,SAAA;AAAA,IACA,sBAAuB,CAAA;AAAA,GACzB;AAEA,EAAA,MAAM,CAAC,WAAW,CAAI,GAAA,aAAA,CAAsB,SAAS,CAAC,CAAA;AACtD,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,aAAA,CAAsB,UAAU,CAAC,CAAA;AAC7D,EAAA,MAAM,CAAC,KAAK,CAAA,GAAI,kBAAmB,CAAA,OAAA,EAAS,EAAE,CAAA;AAC9C,EAAA,MAAM,CAAC,QAAQ,CAAA,GAAI,kBAAmB,CAAA,UAAA,EAAY,EAAE,CAAA;AAEpD,EAAA,MAAM,UAAa,GAAA,IAAA,CAAK,KAAM,CAAA,MAAA,GAAS,WAAW,CAAA;AAElD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAiB,CAAC,CAAA;AAC5C,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAA0B,EAAE,CAAA;AACtE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,oBAAoB,oBAAqB,EAAA;AAE/C,EAAA,MAAM,QAAW,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,0BAA0B,CAAA;AAEzE,EAAA,MAAM,IAAO,GAAA,MAAA,CAAO,IAAK,CAAA,iBAAA,CAAkB,OAAO,CAAA;AAClD,EAAM,MAAA,SAAA,GAAY,aAAa,IAAI,CAAA;AAEnC,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AAEzC,EAAA,SAAA,CAAU,MAAM;AACd,IAAY,WAAA,CAAA,oBAAA,EAAuB,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA;AAClD,MAAA,IAAI,SAAS,aAAe,EAAA;AAC1B,QAAa,YAAA,CAAA,OAAA,CAAQ,eAAiB,EAAA,QAAA,CAAS,aAAa,CAAA;AAAA;AAC9D,KACD,CAAA;AAAA,GACH,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,mBAAmB,MAAQ,EAAA;AAC7B,MAAA,SAAA,CAAU,cAAc,CAAA;AACxB,MAAA,SAAA,CAAU,CAAC,CAAA;AAAA;AACb,KACC,CAAC,cAAA,EAAgB,MAAQ,EAAA,SAAA,EAAW,SAAS,CAAC,CAAA;AAEjD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,eAAe,cAAiB,GAAA;AAC9B,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,QAAA,CAAS,IAAI,CAAA;AAEb,MAAI,IAAA,CAAC,SAAa,IAAA,CAAC,QAAU,EAAA;AAC3B,QAAA,gBAAA,CAAiB,EAAE,CAAA;AACnB,QAAA,UAAA,CAAW,KAAK,CAAA;AAChB,QAAA;AAAA;AAGF,MAAI,IAAA;AACF,QAAA,MAAM,cAAc,wBAAyB,CAAA;AAAA,UAC3C,KAAO,EAAA,WAAA;AAAA,UACP,MAAA;AAAA,UACA,KAAA;AAAA,UACA,OAAA;AAAA,UACA,MAAA;AAAA,UACA,UAAU,QAAY,IAAA,KAAA,CAAA;AAAA,UACtB,OAAO,KAAS,IAAA,KAAA,CAAA;AAAA,UAChB,SAAA;AAAA,UACA;AAAA,SACD,CAAA;AAED,QAAA,MAAM,EAAE,SAAA,EAAW,UAAW,EAAA,GAAI,MAAM,aAAc,CAAA,YAAA;AAAA,UACpD;AAAA,SACF;AACA,QAAA,gBAAA,CAAiB,SAAS,CAAA;AAC1B,QAAA,QAAA,CAAS,UAAU,CAAA;AAAA,eACZ,CAAG,EAAA;AACV,QAAA,QAAA,CAAU,EAAY,OAAO,CAAA;AAC7B,QAAA,gBAAA,CAAiB,EAAE,CAAA;AAAA,OACnB,SAAA;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB;AAGF,IAAe,cAAA,EAAA;AAAA,GACd,EAAA;AAAA,IACD,WAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAM,MAAA,uBAAA,GAA0B,CAAC,KAAyC,KAAA;AACxE,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,KAAM,CAAA,MAAA,CAAO,OAAO,EAAE,CAAA;AAChD,IAAkB,iBAAA,CAAA;AAAA,MAChB,KAAA,EAAO,OAAO,QAAQ,CAAA;AAAA,MACtB,MAAQ,EAAA;AAAA,KACT,CAAA;AAAA,GACH;AAEA,EAAM,MAAA,gBAAA,GAAmB,CAAC,MAAA,EAAiB,IAAiB,KAAA;AAC1D,IAAA,SAAA,CAAU,OAAO,WAAW,CAAA;AAAA,GAC9B;AAEA,EAAM,MAAA,iBAAA,GAAoB,CACxB,MAAA,EACA,QACG,KAAA;AACH,IAAA,MAAM,KAAQ,GAAA,OAAA,KAAY,QAAY,IAAA,KAAA,KAAU,gBAAiB,CAAA,GAAA;AACjE,IAAA,QAAA,CAAS,KAAQ,GAAA,gBAAA,CAAiB,IAAO,GAAA,gBAAA,CAAiB,GAAG,CAAA;AAC7D,IAAA,UAAA,CAAW,QAAQ,CAAA;AACnB,IAAA,SAAA,CAAU,CAAC,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,GAAgB,KAAA;AACpC,IAAA,QAAA,CAAS,GAAG,CAAA;AAAA,GACd;AAEA,EAAA,MAAM,gCAAgC,sBACpC,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAe,EAAA;AAAA;AAAA,GACjB;AAGF,EAAA,MAAM,2BAA8B,GAAA,MAClC,OACE,mBAAA,GAAA,CAAC,SACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,OAAA,EAAS,oBAAqB,CAAA,MAAA,EAAQ,OAAM,QACrD,EAAA,QAAA,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,EAAA,EAAI,CAAE,EAAA,EACf,8BAAC,gBAAiB,EAAA,EAAA,CAAA,EACpB,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA,mBAEC,GAAA,CAAA,kBAAA,EAAA,EAAmB,MAAM,aAAe,EAAA,CAAA;AAG7C,EAAA,MAAM,2BAA2B,MAAM;AACrC,IACE,uBAAA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAoB,CAAC,CAAG,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAM,CAAA,MAAA;AAAA,UACjD,KAAO,EAAA,CAAA;AAAA,UACP,KAAA,EAAO,GAAG,CAAC,CAAA,KAAA;AAAA,SACX,CAAA,CAAA;AAAA,QACF,SAAU,EAAA,KAAA;AAAA,QACV,EAAA,EAAI,EAAE,EAAA,EAAI,CAAE,EAAA;AAAA,QACZ,OAAO,KAAS,IAAA,CAAA;AAAA,QAChB,WAAA;AAAA,QACA,IAAM,EAAA,UAAA;AAAA,QACN,YAAc,EAAA,gBAAA;AAAA,QACd,mBAAqB,EAAA,uBAAA;AAAA,QACrB,gBAAkB,EAAA,IAAA;AAAA,QAClB,eAAe,EAAA,IAAA;AAAA,QACf,cAAc,EAAA;AAAA;AAAA,KAChB;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA,CAAC,GACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,mBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,mBAAoB,CAAA,OAAA,EAApB,EACC,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CACnB,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,mBAAA,CAAoB,OAApB,EAAA,EACE,QACC,EAAA,KAAA,mBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,OAAA,EAAS,CAAG,EAAA,KAAA,EAAO,cAAgB,EAAA,QAAA,EAAA;AAAA,MAAA,2BAAA;AAAA,MAClB;AAAA,KAAA,EAC5B,CAEA,mBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,OAAU,GAAA,EAAK,GAAA,aAAA;AAAA,QACrB,OAAS,EAAA,oBAAA;AAAA,QACT,cAAgB,EAAA,YAAA;AAAA,QAChB,KACE,EAAA,KAAA,KAAU,CACN,GAAA,oBAAA,GACA,uBAAuB,KAAK,CAAA,CAAA,CAAA;AAAA,QAElC,cAAc,EAAE,OAAA,EAAS,EAAE,iBAAA,EAAmB,UAAW,EAAA;AAAA,QACzD,UAAY,EAAA;AAAA,UACV,MAAQ,EAAA,6BAAA;AAAA,UACR,IAAM,EAAA,2BAAA;AAAA,UACN,UAAY,EAAA;AAAA,SACd;AAAA,QACA,YAAA,EACE,UAAU,IACR,mBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,aAAY,EAAA,oBAAA;AAAA,YACZ,EAAI,EAAA;AAAA,cACF,OAAS,EAAA,CAAA;AAAA,cACT,OAAS,EAAA,MAAA;AAAA,cACT,cAAgB,EAAA;AAAA,aAClB;AAAA,YACD,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,QAGJ,SAAW,EAAA;AAAA;AAAA,KAGjB,EAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

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

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

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

package/dist/components/shared-components/IncidentEnumFilter.esm.js

@@ -0,0 +1,79 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Autocomplete from '@mui/material/Autocomplete';
+import Box from '@mui/material/Box';
+import Checkbox from '@mui/material/Checkbox';
+import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';
+import CheckBoxIcon from '@mui/icons-material/CheckBox';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import InputLabel from '@mui/material/InputLabel';
+import TextField from '@mui/material/TextField';
+import { PRIORITY_MAP, INCIDENT_STATE_MAP, renderStatusLabel } from '../../utils/incidentUtils.esm.js';
+
+const IncidentEnumFilter = ({
+  label,
+  filterKey,
+  dataMap,
+  value,
+  onChange
+}) => {
+  const items = Object.entries(dataMap).map(
+    ([key, itemValue]) => ({
+      value: key,
+      label: itemValue.label
+    })
+  );
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(
+      InputLabel,
+      {
+        sx: {
+          transform: "initial",
+          fontWeight: "bold",
+          fontSize: (theme) => theme.typography.body2.fontSize,
+          fontFamily: (theme) => theme.typography.fontFamily,
+          color: (theme) => theme.palette.text.primary
+        },
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Autocomplete,
+      {
+        multiple: true,
+        disableCloseOnSelect: true,
+        "aria-label": label,
+        options: items,
+        isOptionEqualToValue: (option, val) => option.value === val.value,
+        getOptionLabel: (option) => option.label,
+        onChange,
+        renderOption: (renderProps, option, { selected }) => {
+          const { key, ...optionProps } = renderProps;
+          const statusData = filterKey === "priority" ? PRIORITY_MAP[Number(option.value)] : INCIDENT_STATE_MAP[Number(option.value)];
+          return /* @__PURE__ */ jsxs("li", { ...optionProps, children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                icon: /* @__PURE__ */ jsx(CheckBoxOutlineBlankIcon, { fontSize: "small" }),
+                checkedIcon: /* @__PURE__ */ jsx(CheckBoxIcon, { fontSize: "small" }),
+                checked: selected
+              }
+            ),
+            renderStatusLabel(statusData)
+          ] }, key);
+        },
+        size: "small",
+        value,
+        popupIcon: /* @__PURE__ */ jsx(
+          ExpandMoreIcon,
+          {
+            "data-testid": `select-${label.toLowerCase().replace(/\s/g, "-")}`
+          }
+        ),
+        renderInput: (params) => /* @__PURE__ */ jsx(TextField, { ...params, variant: "outlined" })
+      }
+    )
+  ] });
+};
+
+export { IncidentEnumFilter };
+//# sourceMappingURL=IncidentEnumFilter.esm.js.map

package/dist/components/shared-components/IncidentEnumFilter.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentEnumFilter.esm.js","sources":["../../../src/components/shared-components/IncidentEnumFilter.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { SelectItem } from '@backstage/core-components';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@mui/icons-material/CheckBox';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport InputLabel from '@mui/material/InputLabel';\nimport TextField from '@mui/material/TextField';\nimport {\n  INCIDENT_STATE_MAP,\n  PRIORITY_MAP,\n  renderStatusLabel,\n} from '../../utils/incidentUtils';\n\ntype SourceMap = Record<number, { label: string }>;\n\nexport interface IncidentEnumFilterProps {\n  label: string;\n  filterKey: string;\n  dataMap: SourceMap;\n  value: SelectItem[];\n  onChange: (event: any, value: SelectItem[]) => void;\n}\n\nexport const IncidentEnumFilter = ({\n  label,\n  filterKey,\n  dataMap,\n  value,\n  onChange,\n}: IncidentEnumFilterProps) => {\n  const items: SelectItem[] = Object.entries(dataMap).map(\n    ([key, itemValue]) => ({\n      value: key,\n      label: itemValue.label,\n    }),\n  );\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n      <InputLabel\n        sx={{\n          transform: 'initial',\n          fontWeight: 'bold',\n          fontSize: theme => theme.typography.body2.fontSize,\n          fontFamily: theme => theme.typography.fontFamily,\n          color: theme => theme.palette.text.primary,\n        }}\n      >\n        {label}\n      </InputLabel>\n      <Autocomplete\n        multiple\n        disableCloseOnSelect\n        aria-label={label}\n        options={items}\n        isOptionEqualToValue={(option, val) => option.value === val.value}\n        getOptionLabel={option => option.label}\n        onChange={onChange}\n        renderOption={(renderProps, option, { selected }) => {\n          const { key, ...optionProps } = renderProps;\n          const statusData =\n            filterKey === 'priority'\n              ? PRIORITY_MAP[Number(option.value)]\n              : INCIDENT_STATE_MAP[Number(option.value)];\n\n          return (\n            <li key={key} {...optionProps}>\n              <Checkbox\n                icon={<CheckBoxOutlineBlankIcon fontSize=\"small\" />}\n                checkedIcon={<CheckBoxIcon fontSize=\"small\" />}\n                checked={selected}\n              />\n              {renderStatusLabel(statusData)}\n            </li>\n          );\n        }}\n        size=\"small\"\n        value={value}\n        popupIcon={\n          <ExpandMoreIcon\n            data-testid={`select-${label.toLowerCase().replace(/\\s/g, '-')}`}\n          />\n        }\n        renderInput={params => <TextField {...params} variant=\"outlined\" />}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAyCO,MAAM,qBAAqB,CAAC;AAAA,EACjC,KAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAA+B,KAAA;AAC7B,EAAA,MAAM,KAAsB,GAAA,MAAA,CAAO,OAAQ,CAAA,OAAO,CAAE,CAAA,GAAA;AAAA,IAClD,CAAC,CAAC,GAAK,EAAA,SAAS,CAAO,MAAA;AAAA,MACrB,KAAO,EAAA,GAAA;AAAA,MACP,OAAO,SAAU,CAAA;AAAA,KACnB;AAAA,GACF;AAEA,EACE,uBAAA,IAAA,CAAC,OAAI,EAAI,EAAA,EAAE,SAAS,MAAQ,EAAA,aAAA,EAAe,UACzC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,SAAW,EAAA,SAAA;AAAA,UACX,UAAY,EAAA,MAAA;AAAA,UACZ,QAAU,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,UAAA,CAAW,KAAM,CAAA,QAAA;AAAA,UAC1C,UAAA,EAAY,CAAS,KAAA,KAAA,KAAA,CAAM,UAAW,CAAA,UAAA;AAAA,UACtC,KAAO,EAAA,CAAA,KAAA,KAAS,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA,SACrC;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,oBACA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACR,oBAAoB,EAAA,IAAA;AAAA,QACpB,YAAY,EAAA,KAAA;AAAA,QACZ,OAAS,EAAA,KAAA;AAAA,QACT,sBAAsB,CAAC,MAAA,EAAQ,GAAQ,KAAA,MAAA,CAAO,UAAU,GAAI,CAAA,KAAA;AAAA,QAC5D,cAAA,EAAgB,YAAU,MAAO,CAAA,KAAA;AAAA,QACjC,QAAA;AAAA,QACA,cAAc,CAAC,WAAA,EAAa,MAAQ,EAAA,EAAE,UAAe,KAAA;AACnD,UAAA,MAAM,EAAE,GAAA,EAAK,GAAG,WAAA,EAAgB,GAAA,WAAA;AAChC,UAAA,MAAM,UACJ,GAAA,SAAA,KAAc,UACV,GAAA,YAAA,CAAa,MAAO,CAAA,MAAA,CAAO,KAAK,CAAC,CACjC,GAAA,kBAAA,CAAmB,MAAO,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAE7C,UACE,uBAAA,IAAA,CAAC,IAAc,EAAA,EAAA,GAAG,WAChB,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAM,kBAAA,GAAA,CAAC,wBAAyB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,gBACjD,WAAa,kBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,gBAC5C,OAAS,EAAA;AAAA;AAAA,aACX;AAAA,YACC,kBAAkB,UAAU;AAAA,WAAA,EAAA,EANtB,GAOT,CAAA;AAAA,SAEJ;AAAA,QACA,IAAK,EAAA,OAAA;AAAA,QACL,KAAA;AAAA,QACA,SACE,kBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,UAAU,KAAM,CAAA,WAAA,GAAc,OAAQ,CAAA,KAAA,EAAO,GAAG,CAAC,CAAA;AAAA;AAAA,SAChE;AAAA,QAEF,aAAa,CAAU,MAAA,qBAAA,GAAA,CAAC,aAAW,GAAG,MAAA,EAAQ,SAAQ,UAAW,EAAA;AAAA;AAAA;AACnE,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/hooks/useDebouncedValue.esm.js

@@ -0,0 +1,13 @@
+import { useState, useEffect } from 'react';
+
+function useDebouncedValue(value, delay) {
+  const [debounced, setDebounced] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => setDebounced(value), delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+  return debounced;
+}
+
+export { useDebouncedValue };
+//# sourceMappingURL=useDebouncedValue.esm.js.map

package/dist/hooks/useDebouncedValue.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedValue.esm.js","sources":["../../src/hooks/useDebouncedValue.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState, useEffect } from 'react';\n\nexport function useDebouncedValue<T>(value: T, delay: number): T {\n  const [debounced, setDebounced] = useState(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebounced(value), delay);\n    return () => clearTimeout(timer);\n  }, [value, delay]);\n\n  return debounced;\n}\n"],"names":[],"mappings":";;AAkBgB,SAAA,iBAAA,CAAqB,OAAU,KAAkB,EAAA;AAC/D,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,UAAW,CAAA,MAAM,YAAa,CAAA,KAAK,GAAG,KAAK,CAAA;AACzD,IAAO,OAAA,MAAM,aAAa,KAAK,CAAA;AAAA,GAC9B,EAAA,CAAC,KAAO,EAAA,KAAK,CAAC,CAAA;AAEjB,EAAO,OAAA,SAAA;AACT;;;;"}

package/dist/hooks/useQueryArrayFilter.esm.js

@@ -0,0 +1,38 @@
+import { useMemo, useCallback } from 'react';
+import { useQueryState } from './useQueryState.esm.js';
+import { INCIDENT_STATE_MAP, PRIORITY_MAP } from '../utils/incidentUtils.esm.js';
+
+const useQueryArrayFilter = (filterName) => {
+  const [raw, setRaw] = useQueryState(filterName, "");
+  const [, setOffset] = useQueryState("offset", 0);
+  const map = filterName === "state" ? INCIDENT_STATE_MAP : PRIORITY_MAP;
+  const current = useMemo(() => {
+    return raw.split(",").filter((v) => v !== "").map((value) => ({
+      value,
+      label: map[Number(value)]?.label
+    })).filter((item) => item.label);
+  }, [raw, map]);
+  const set = useCallback(
+    (newValues) => {
+      const joined = newValues.join(",");
+      setRaw(joined);
+      setOffset(0);
+    },
+    [setRaw, setOffset]
+  );
+  const clear = useCallback(() => {
+    setRaw("");
+    setOffset(0);
+  }, [setRaw, setOffset]);
+  return useMemo(
+    () => ({
+      current,
+      set,
+      clear
+    }),
+    [current, set, clear]
+  );
+};
+
+export { useQueryArrayFilter };
+//# sourceMappingURL=useQueryArrayFilter.esm.js.map

package/dist/hooks/useQueryArrayFilter.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryArrayFilter.esm.js","sources":["../../src/hooks/useQueryArrayFilter.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useMemo, useCallback } from 'react';\nimport { useQueryState } from './useQueryState';\nimport { INCIDENT_STATE_MAP, PRIORITY_MAP } from '../utils/incidentUtils';\nimport { SelectItem } from '@backstage/core-components';\n\nexport const useQueryArrayFilter = (filterName: 'state' | 'priority') => {\n  const [raw, setRaw] = useQueryState<string>(filterName, '');\n  const [, setOffset] = useQueryState<number>('offset', 0);\n\n  const map = filterName === 'state' ? INCIDENT_STATE_MAP : PRIORITY_MAP;\n\n  const current: SelectItem[] = useMemo(() => {\n    return raw\n      .split(',')\n      .filter(v => v !== '')\n      .map(value => ({\n        value,\n        label: map[Number(value)]?.label,\n      }))\n      .filter(item => item.label);\n  }, [raw, map]);\n\n  const set = useCallback(\n    (newValues: (string | number)[]) => {\n      const joined = newValues.join(',');\n      setRaw(joined);\n      setOffset(0);\n    },\n    [setRaw, setOffset],\n  );\n\n  const clear = useCallback(() => {\n    setRaw('');\n    setOffset(0);\n  }, [setRaw, setOffset]);\n\n  return useMemo(\n    () =>\n      ({\n        current,\n        set,\n        clear,\n      } as const),\n    [current, set, clear],\n  );\n};\n"],"names":[],"mappings":";;;;AAqBa,MAAA,mBAAA,GAAsB,CAAC,UAAqC,KAAA;AACvE,EAAA,MAAM,CAAC,GAAK,EAAA,MAAM,CAAI,GAAA,aAAA,CAAsB,YAAY,EAAE,CAAA;AAC1D,EAAA,MAAM,GAAG,SAAS,CAAI,GAAA,aAAA,CAAsB,UAAU,CAAC,CAAA;AAEvD,EAAM,MAAA,GAAA,GAAM,UAAe,KAAA,OAAA,GAAU,kBAAqB,GAAA,YAAA;AAE1D,EAAM,MAAA,OAAA,GAAwB,QAAQ,MAAM;AAC1C,IAAO,OAAA,GAAA,CACJ,KAAM,CAAA,GAAG,CACT,CAAA,MAAA,CAAO,OAAK,CAAM,KAAA,EAAE,CACpB,CAAA,GAAA,CAAI,CAAU,KAAA,MAAA;AAAA,MACb,KAAA;AAAA,MACA,KAAO,EAAA,GAAA,CAAI,MAAO,CAAA,KAAK,CAAC,CAAG,EAAA;AAAA,KAC3B,CAAA,CAAA,CACD,MAAO,CAAA,CAAA,IAAA,KAAQ,KAAK,KAAK,CAAA;AAAA,GAC3B,EAAA,CAAC,GAAK,EAAA,GAAG,CAAC,CAAA;AAEb,EAAA,MAAM,GAAM,GAAA,WAAA;AAAA,IACV,CAAC,SAAmC,KAAA;AAClC,MAAM,MAAA,MAAA,GAAS,SAAU,CAAA,IAAA,CAAK,GAAG,CAAA;AACjC,MAAA,MAAA,CAAO,MAAM,CAAA;AACb,MAAA,SAAA,CAAU,CAAC,CAAA;AAAA,KACb;AAAA,IACA,CAAC,QAAQ,SAAS;AAAA,GACpB;AAEA,EAAM,MAAA,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,MAAA,CAAO,EAAE,CAAA;AACT,IAAA,SAAA,CAAU,CAAC,CAAA;AAAA,GACV,EAAA,CAAC,MAAQ,EAAA,SAAS,CAAC,CAAA;AAEtB,EAAO,OAAA,OAAA;AAAA,IACL,OACG;AAAA,MACC,OAAA;AAAA,MACA,GAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACF,CAAC,OAAS,EAAA,GAAA,EAAK,KAAK;AAAA,GACtB;AACF;;;;"}

package/dist/hooks/useQueryArrayState.esm.js

@@ -0,0 +1,44 @@
+import { useCallback, useState, useEffect } from 'react';
+import { useSearchParams } from 'react-router-dom';
+
+function useQueryArrayState(key, defaultValue = []) {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const getArrayFromParam = useCallback(() => {
+    const raw = searchParams.get(key);
+    return raw ? raw.split(",").filter(Boolean) : defaultValue;
+  }, [key, searchParams, defaultValue]);
+  const [state, setState] = useState(() => getArrayFromParam());
+  useEffect(() => {
+    const value = getArrayFromParam();
+    setState((prev) => {
+      const prevRaw = prev.join(",");
+      const nextRaw = value.join(",");
+      return prevRaw === nextRaw ? prev : value;
+    });
+  }, [getArrayFromParam]);
+  const setValue = useCallback(
+    (newValue) => {
+      const newRaw = newValue.join(",");
+      const currentRaw = searchParams.get(key);
+      if (currentRaw === newRaw || !currentRaw && newRaw === "") return;
+      setSearchParams(
+        (prev) => {
+          const params = new URLSearchParams(prev);
+          if (newRaw === "") {
+            params.delete(key);
+          } else {
+            params.set(key, newRaw);
+          }
+          return params;
+        },
+        { replace: true }
+      );
+      setState(newValue);
+    },
+    [key, searchParams, setSearchParams]
+  );
+  return [state, setValue];
+}
+
+export { useQueryArrayState };
+//# sourceMappingURL=useQueryArrayState.esm.js.map

package/dist/hooks/useQueryArrayState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryArrayState.esm.js","sources":["../../src/hooks/useQueryArrayState.ts"],"sourcesContent":["/*\n * Copyright 2025 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 { useCallback, useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\n\nexport function useQueryArrayState(\n  key: string,\n  defaultValue: string[] = [],\n): [string[], (value: string[]) => void] {\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const getArrayFromParam = useCallback((): string[] => {\n    const raw = searchParams.get(key);\n    return raw ? raw.split(',').filter(Boolean) : defaultValue;\n  }, [key, searchParams, defaultValue]);\n\n  const [state, setState] = useState<string[]>(() => getArrayFromParam());\n\n  useEffect(() => {\n    const value = getArrayFromParam();\n    setState(prev => {\n      const prevRaw = prev.join(',');\n      const nextRaw = value.join(',');\n      return prevRaw === nextRaw ? prev : value;\n    });\n  }, [getArrayFromParam]);\n\n  const setValue = useCallback(\n    (newValue: string[]) => {\n      const newRaw = newValue.join(',');\n      const currentRaw = searchParams.get(key);\n\n      if (currentRaw === newRaw || (!currentRaw && newRaw === '')) return;\n\n      setSearchParams(\n        prev => {\n          const params = new URLSearchParams(prev);\n          if (newRaw === '') {\n            params.delete(key);\n          } else {\n            params.set(key, newRaw);\n          }\n          return params;\n        },\n        { replace: true },\n      );\n\n      setState(newValue);\n    },\n    [key, searchParams, setSearchParams],\n  );\n\n  return [state, setValue];\n}\n"],"names":[],"mappings":";;;AAkBO,SAAS,kBACd,CAAA,GAAA,EACA,YAAyB,GAAA,EACc,EAAA;AACvC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,eAAgB,EAAA;AAExD,EAAM,MAAA,iBAAA,GAAoB,YAAY,MAAgB;AACpD,IAAM,MAAA,GAAA,GAAM,YAAa,CAAA,GAAA,CAAI,GAAG,CAAA;AAChC,IAAA,OAAO,MAAM,GAAI,CAAA,KAAA,CAAM,GAAG,CAAE,CAAA,MAAA,CAAO,OAAO,CAAI,GAAA,YAAA;AAAA,GAC7C,EAAA,CAAC,GAAK,EAAA,YAAA,EAAc,YAAY,CAAC,CAAA;AAEpC,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,IAAI,QAAmB,CAAA,MAAM,mBAAmB,CAAA;AAEtE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,iBAAkB,EAAA;AAChC,IAAA,QAAA,CAAS,CAAQ,IAAA,KAAA;AACf,MAAM,MAAA,OAAA,GAAU,IAAK,CAAA,IAAA,CAAK,GAAG,CAAA;AAC7B,MAAM,MAAA,OAAA,GAAU,KAAM,CAAA,IAAA,CAAK,GAAG,CAAA;AAC9B,MAAO,OAAA,OAAA,KAAY,UAAU,IAAO,GAAA,KAAA;AAAA,KACrC,CAAA;AAAA,GACH,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CAAC,QAAuB,KAAA;AACtB,MAAM,MAAA,MAAA,GAAS,QAAS,CAAA,IAAA,CAAK,GAAG,CAAA;AAChC,MAAM,MAAA,UAAA,GAAa,YAAa,CAAA,GAAA,CAAI,GAAG,CAAA;AAEvC,MAAA,IAAI,UAAe,KAAA,MAAA,IAAW,CAAC,UAAA,IAAc,WAAW,EAAK,EAAA;AAE7D,MAAA,eAAA;AAAA,QACE,CAAQ,IAAA,KAAA;AACN,UAAM,MAAA,MAAA,GAAS,IAAI,eAAA,CAAgB,IAAI,CAAA;AACvC,UAAA,IAAI,WAAW,EAAI,EAAA;AACjB,YAAA,MAAA,CAAO,OAAO,GAAG,CAAA;AAAA,WACZ,MAAA;AACL,YAAO,MAAA,CAAA,GAAA,CAAI,KAAK,MAAM,CAAA;AAAA;AAExB,UAAO,OAAA,MAAA;AAAA,SACT;AAAA,QACA,EAAE,SAAS,IAAK;AAAA,OAClB;AAEA,MAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,KACnB;AAAA,IACA,CAAC,GAAK,EAAA,YAAA,EAAc,eAAe;AAAA,GACrC;AAEA,EAAO,OAAA,CAAC,OAAO,QAAQ,CAAA;AACzB;;;;"}

package/dist/hooks/useQueryHelpers.esm.js

@@ -0,0 +1,24 @@
+import { useSearchParams } from 'react-router-dom';
+
+function useUpdateQueryParams() {
+  const [, setSearchParams] = useSearchParams();
+  return (updates) => {
+    setSearchParams(
+      (prev) => {
+        const params = new URLSearchParams(prev);
+        for (const key in updates) {
+          if (updates[key] === "") {
+            params.delete(key);
+          } else {
+            params.set(key, updates[key]);
+          }
+        }
+        return params;
+      },
+      { replace: true }
+    );
+  };
+}
+
+export { useUpdateQueryParams };
+//# sourceMappingURL=useQueryHelpers.esm.js.map

package/dist/hooks/useQueryHelpers.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryHelpers.esm.js","sources":["../../src/hooks/useQueryHelpers.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useSearchParams } from 'react-router-dom';\n\nexport function useUpdateQueryParams() {\n  const [, setSearchParams] = useSearchParams();\n\n  return (updates: Record<string, string>) => {\n    setSearchParams(\n      prev => {\n        const params = new URLSearchParams(prev);\n        for (const key in updates) {\n          if (updates[key] === '') {\n            params.delete(key);\n          } else {\n            params.set(key, updates[key]);\n          }\n        }\n        return params;\n      },\n      { replace: true },\n    );\n  };\n}\n"],"names":[],"mappings":";;AAkBO,SAAS,oBAAuB,GAAA;AACrC,EAAA,MAAM,GAAG,eAAe,CAAA,GAAI,eAAgB,EAAA;AAE5C,EAAA,OAAO,CAAC,OAAoC,KAAA;AAC1C,IAAA,eAAA;AAAA,MACE,CAAQ,IAAA,KAAA;AACN,QAAM,MAAA,MAAA,GAAS,IAAI,eAAA,CAAgB,IAAI,CAAA;AACvC,QAAA,KAAA,MAAW,OAAO,OAAS,EAAA;AACzB,UAAI,IAAA,OAAA,CAAQ,GAAG,CAAA,KAAM,EAAI,EAAA;AACvB,YAAA,MAAA,CAAO,OAAO,GAAG,CAAA;AAAA,WACZ,MAAA;AACL,YAAA,MAAA,CAAO,GAAI,CAAA,GAAA,EAAK,OAAQ,CAAA,GAAG,CAAC,CAAA;AAAA;AAC9B;AAEF,QAAO,OAAA,MAAA;AAAA,OACT;AAAA,MACA,EAAE,SAAS,IAAK;AAAA,KAClB;AAAA,GACF;AACF;;;;"}

package/dist/hooks/useQueryState.esm.js

@@ -0,0 +1,50 @@
+import { useCallback, useState, useEffect } from 'react';
+import { useSearchParams } from 'react-router-dom';
+
+function useQueryState(key, defaultValue) {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const getValueFromParams = useCallback(
+    (raw) => {
+      if (typeof defaultValue === "number") {
+        return raw !== null ? Number(raw) : defaultValue;
+      }
+      if (typeof defaultValue === "boolean") {
+        return raw === "true";
+      }
+      return raw ?? defaultValue;
+    },
+    [defaultValue]
+  );
+  const [state, setState] = useState(
+    () => getValueFromParams(searchParams.get(key))
+  );
+  useEffect(() => {
+    const paramValue = getValueFromParams(searchParams.get(key));
+    setState(paramValue);
+  }, [getValueFromParams, searchParams, key]);
+  const setValue = useCallback(
+    (newValue) => {
+      const currentRaw = searchParams.get(key);
+      const newRaw = String(newValue);
+      if (currentRaw === newRaw || !currentRaw && newRaw === "") return;
+      setSearchParams(
+        (prev) => {
+          const params = new URLSearchParams(prev);
+          if (newRaw === "") {
+            params.delete(key);
+          } else {
+            params.set(key, newRaw);
+          }
+          return params;
+        },
+        { replace: true }
+      );
+      setState(newValue);
+    },
+    [key, searchParams, setSearchParams]
+  );
+  return [state, setValue];
+}
+
+export { useQueryState };
+//# sourceMappingURL=useQueryState.esm.js.map

package/dist/hooks/useQueryState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryState.esm.js","sources":["../../src/hooks/useQueryState.ts"],"sourcesContent":["/*\n * Copyright 2025 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 { useCallback, useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\n\nexport function useQueryState<T>(\n  key: string,\n  defaultValue: T,\n): [T, (value: T) => void] {\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const getValueFromParams = useCallback(\n    (raw: string | null): T => {\n      if (typeof defaultValue === 'number') {\n        return (raw !== null ? Number(raw) : defaultValue) as T;\n      }\n      if (typeof defaultValue === 'boolean') {\n        return (raw === 'true') as T;\n      }\n      return (raw ?? defaultValue) as T;\n    },\n    [defaultValue],\n  );\n\n  const [state, setState] = useState<T>(() =>\n    getValueFromParams(searchParams.get(key)),\n  );\n\n  useEffect(() => {\n    const paramValue = getValueFromParams(searchParams.get(key));\n    setState(paramValue);\n  }, [getValueFromParams, searchParams, key]);\n\n  const setValue = useCallback(\n    (newValue: T) => {\n      const currentRaw = searchParams.get(key);\n      const newRaw = String(newValue);\n\n      if (currentRaw === newRaw || (!currentRaw && newRaw === '')) return;\n\n      setSearchParams(\n        prev => {\n          const params = new URLSearchParams(prev);\n\n          if (newRaw === '') {\n            params.delete(key);\n          } else {\n            params.set(key, newRaw);\n          }\n\n          return params;\n        },\n        { replace: true },\n      );\n\n      setState(newValue);\n    },\n    [key, searchParams, setSearchParams],\n  );\n\n  return [state, setValue];\n}\n"],"names":[],"mappings":";;;AAkBgB,SAAA,aAAA,CACd,KACA,YACyB,EAAA;AACzB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,eAAgB,EAAA;AAExD,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,GAA0B,KAAA;AACzB,MAAI,IAAA,OAAO,iBAAiB,QAAU,EAAA;AACpC,QAAA,OAAQ,GAAQ,KAAA,IAAA,GAAO,MAAO,CAAA,GAAG,CAAI,GAAA,YAAA;AAAA;AAEvC,MAAI,IAAA,OAAO,iBAAiB,SAAW,EAAA;AACrC,QAAA,OAAQ,GAAQ,KAAA,MAAA;AAAA;AAElB,MAAA,OAAQ,GAAO,IAAA,YAAA;AAAA,KACjB;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAM,MAAA,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA;AAAA,IAAY,MACpC,kBAAA,CAAmB,YAAa,CAAA,GAAA,CAAI,GAAG,CAAC;AAAA,GAC1C;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAa,GAAA,kBAAA,CAAmB,YAAa,CAAA,GAAA,CAAI,GAAG,CAAC,CAAA;AAC3D,IAAA,QAAA,CAAS,UAAU,CAAA;AAAA,GAClB,EAAA,CAAC,kBAAoB,EAAA,YAAA,EAAc,GAAG,CAAC,CAAA;AAE1C,EAAA,MAAM,QAAW,GAAA,WAAA;AAAA,IACf,CAAC,QAAgB,KAAA;AACf,MAAM,MAAA,UAAA,GAAa,YAAa,CAAA,GAAA,CAAI,GAAG,CAAA;AACvC,MAAM,MAAA,MAAA,GAAS,OAAO,QAAQ,CAAA;AAE9B,MAAA,IAAI,UAAe,KAAA,MAAA,IAAW,CAAC,UAAA,IAAc,WAAW,EAAK,EAAA;AAE7D,MAAA,eAAA;AAAA,QACE,CAAQ,IAAA,KAAA;AACN,UAAM,MAAA,MAAA,GAAS,IAAI,eAAA,CAAgB,IAAI,CAAA;AAEvC,UAAA,IAAI,WAAW,EAAI,EAAA;AACjB,YAAA,MAAA,CAAO,OAAO,GAAG,CAAA;AAAA,WACZ,MAAA;AACL,YAAO,MAAA,CAAA,GAAA,CAAI,KAAK,MAAM,CAAA;AAAA;AAGxB,UAAO,OAAA,MAAA;AAAA,SACT;AAAA,QACA,EAAE,SAAS,IAAK;AAAA,OAClB;AAEA,MAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,KACnB;AAAA,IACA,CAAC,GAAK,EAAA,YAAA,EAAc,eAAe;AAAA,GACrC;AAEA,EAAO,OAAA,CAAC,OAAO,QAAQ,CAAA;AACzB;;;;"}

package/dist/hooks/useUserEmail.esm.js

@@ -0,0 +1,22 @@
+import { useApi, identityApiRef } from '@backstage/core-plugin-api';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import { useAsync } from 'react-use';
+
+function useUserEmail(kind) {
+  const identityApi = useApi(identityApiRef);
+  const catalogApi = useApi(catalogApiRef);
+  const state = useAsync(async () => {
+    if (kind !== "user") return void 0;
+    const profile = await identityApi.getProfileInfo();
+    if (profile?.email) return profile.email;
+    const identity = await identityApi.getBackstageIdentity();
+    const userEntity = await catalogApi.getEntityByRef(
+      identity.userEntityRef
+    );
+    return userEntity?.spec?.profile?.email;
+  }, [identityApi, catalogApi, kind]);
+  return state.value;
+}
+
+export { useUserEmail as default, useUserEmail };
+//# sourceMappingURL=useUserEmail.esm.js.map

package/dist/hooks/useUserEmail.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUserEmail.esm.js","sources":["../../src/hooks/useUserEmail.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { UserEntity } from '@backstage/catalog-model';\nimport { useAsync } from 'react-use';\n\nexport function useUserEmail(kind: string): string | undefined {\n  const identityApi = useApi(identityApiRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  const state = useAsync(async () => {\n    if (kind !== 'user') return undefined;\n\n    const profile = await identityApi.getProfileInfo();\n    if (profile?.email) return profile.email;\n\n    const identity = await identityApi.getBackstageIdentity();\n    const userEntity = (await catalogApi.getEntityByRef(\n      identity.userEntityRef,\n    )) as UserEntity | undefined;\n    return userEntity?.spec?.profile?.email;\n  }, [identityApi, catalogApi, kind]);\n\n  return state.value;\n}\n\nexport default useUserEmail;\n"],"names":[],"mappings":";;;;AAqBO,SAAS,aAAa,IAAkC,EAAA;AAC7D,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA;AAEvC,EAAM,MAAA,KAAA,GAAQ,SAAS,YAAY;AACjC,IAAI,IAAA,IAAA,KAAS,QAAe,OAAA,MAAA;AAE5B,IAAM,MAAA,OAAA,GAAU,MAAM,WAAA,CAAY,cAAe,EAAA;AACjD,IAAI,IAAA,OAAA,EAAS,KAAO,EAAA,OAAO,OAAQ,CAAA,KAAA;AAEnC,IAAM,MAAA,QAAA,GAAW,MAAM,WAAA,CAAY,oBAAqB,EAAA;AACxD,IAAM,MAAA,UAAA,GAAc,MAAM,UAAW,CAAA,cAAA;AAAA,MACnC,QAAS,CAAA;AAAA,KACX;AACA,IAAO,OAAA,UAAA,EAAY,MAAM,OAAS,EAAA,KAAA;AAAA,GACjC,EAAA,CAAC,WAAa,EAAA,UAAA,EAAY,IAAI,CAAC,CAAA;AAElC,EAAA,OAAO,KAAM,CAAA,KAAA;AACf;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import { Entity } from '@backstage/catalog-model';
+
+/**
+ * Servicenow Plugin
+ * @public
+ */
+declare const servicenowPlugin: _backstage_core_plugin_api.BackstagePlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {}>;
+/**
+ * Servicenow Page
+ * @public
+ */
+declare const ServicenowPage: () => react_jsx_runtime.JSX.Element;
+/**
+ * @public
+ * Check if the current entity is the logged-in user
+ */
+declare const isMyProfile: (entity: Entity) => boolean;
+
+export { ServicenowPage, isMyProfile, servicenowPlugin };

package/dist/index.esm.js

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

package/dist/index.esm.js.map

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