@backstage-community/plugin-servicenow 1.5.0 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-servicenow
 
+## 1.6.0
+
+### Minor Changes
+
+- 8472540: Support custom ServiceNow incident table fields in entity annotations
+
+## 1.5.1
+
+### Patch Changes
+
+- 40b4d6c: - Added internationalization (i18n) support with translations for German, French, Spanish, Italian, and Japanese
+
 ## 1.5.0
 
 ### Minor Changes

package/README.md

@@ -25,7 +25,7 @@ Software Catalog integration:
 
    ```tsx
    import {
-     EntityServicenowContent,
+     Router,
      isServicenowAvailable,
      isMyProfile,
    } from '@backstage-community/plugin-servicenow';
@@ -40,7 +40,7 @@ Software Catalog integration:
      title="ServiceNow"
      if={isServicenowAvailable}
    >
-     <EntityServicenowContent />
+     <Router />
    </EntityLayout.Route>
    ```
 
@@ -49,7 +49,7 @@ Software Catalog integration:
 
    ```tsx
    <EntityLayout.Route path="/servicenow" title="ServiceNow" if={isMyProfile}>
-     <EntityServicenowContent />
+     <Router />
    </EntityLayout.Route>
    ```
 

package/dist/alpha/plugin.esm.js

@@ -3,6 +3,7 @@ import { ApiBlueprint, identityApiRef, fetchApiRef, discoveryApiRef, createFront
 import { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';
 import { ServiceNowBackendClient, serviceNowApiRef } from '../api/ServiceNowBackendClient.esm.js';
 import { isServicenowAvailable } from '@backstage-community/plugin-servicenow-common';
+export { servicenowTranslations } from '../translations/index.esm.js';
 
 const servicenowApi = ApiBlueprint.make({
   params: (defineParams) => defineParams({

package/dist/alpha/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.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 {\n  ApiBlueprint,\n  createFrontendPlugin,\n  discoveryApiRef,\n  fetchApiRef,\n  identityApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport {\n  serviceNowApiRef,\n  ServiceNowBackendClient,\n} from '../api/ServiceNowBackendClient';\n\nimport { isServicenowAvailable } from '@backstage-community/plugin-servicenow-common';\n\n/** @alpha */\nexport const servicenowApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: serviceNowApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n        identityApi: identityApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi, identityApi }) =>\n        new ServiceNowBackendClient(discoveryApi, fetchApi, identityApi),\n    }),\n});\n\n/**\n * Servicenow entity content that shows an incident table with a\n * filter similar to the catalog table\n * @alpha\n */\nexport const entityServicenowContent = EntityContentBlueprint.make({\n  name: 'EntityServicenowContent',\n  params: {\n    path: 'servicenow',\n    title: 'ServiceNow',\n    filter: isServicenowAvailable,\n    loader: () =>\n      import('../components/Servicenow').then(m => (\n        <m.EntityServicenowContent />\n      )),\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'servicenow',\n  extensions: [servicenowApi, entityServicenowContent],\n});\n"],"names":[],"mappings":";;;;;;AAgCa,MAAA,aAAA,GAAgB,aAAa,IAAK,CAAA;AAAA,EAC7C,MAAA,EAAQ,kBACN,YAAa,CAAA;AAAA,IACX,GAAK,EAAA,gBAAA;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,YAAc,EAAA,eAAA;AAAA,MACd,QAAU,EAAA,WAAA;AAAA,MACV,WAAa,EAAA;AAAA,KACf;AAAA,IACA,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EAAU,WAAY,EAAA,KAC9C,IAAI,uBAAA,CAAwB,YAAc,EAAA,QAAA,EAAU,WAAW;AAAA,GAClE;AACL,CAAC;AAOY,MAAA,uBAAA,GAA0B,uBAAuB,IAAK,CAAA;AAAA,EACjE,IAAM,EAAA,yBAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,IACN,KAAO,EAAA,YAAA;AAAA,IACP,MAAQ,EAAA,qBAAA;AAAA,IACR,MAAA,EAAQ,MACN,OAAO,uCAA0B,CAAA,CAAE,IAAK,CAAA,CAAA,CAAA,qBACrC,GAAA,CAAA,CAAA,CAAE,uBAAF,EAAA,EAA0B,CAC5B;AAAA;AAEP,CAAC;AAGD,aAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,YAAA;AAAA,EACV,UAAA,EAAY,CAAC,aAAA,EAAe,uBAAuB;AACrD,CAAC,CAAA;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.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 {\n  ApiBlueprint,\n  createFrontendPlugin,\n  discoveryApiRef,\n  fetchApiRef,\n  identityApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { EntityContentBlueprint } from '@backstage/plugin-catalog-react/alpha';\nimport {\n  serviceNowApiRef,\n  ServiceNowBackendClient,\n} from '../api/ServiceNowBackendClient';\n\nimport { isServicenowAvailable } from '@backstage-community/plugin-servicenow-common';\n\n/** @alpha */\nexport const servicenowApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: serviceNowApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n        identityApi: identityApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi, identityApi }) =>\n        new ServiceNowBackendClient(discoveryApi, fetchApi, identityApi),\n    }),\n});\n\n/**\n * Servicenow entity content that shows an incident table with a\n * filter similar to the catalog table\n * @alpha\n */\nexport const entityServicenowContent = EntityContentBlueprint.make({\n  name: 'EntityServicenowContent',\n  params: {\n    path: 'servicenow',\n    title: 'ServiceNow',\n    filter: isServicenowAvailable,\n    loader: () =>\n      import('../components/Servicenow').then(m => (\n        <m.EntityServicenowContent />\n      )),\n  },\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'servicenow',\n  extensions: [servicenowApi, entityServicenowContent],\n});\n\n/**\n * @alpha\n * Translation resources for the ServiceNow plugin\n */\nexport * from '../translations';\n"],"names":[],"mappings":";;;;;;;AAgCa,MAAA,aAAA,GAAgB,aAAa,IAAK,CAAA;AAAA,EAC7C,MAAA,EAAQ,kBACN,YAAa,CAAA;AAAA,IACX,GAAK,EAAA,gBAAA;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,YAAc,EAAA,eAAA;AAAA,MACd,QAAU,EAAA,WAAA;AAAA,MACV,WAAa,EAAA;AAAA,KACf;AAAA,IACA,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EAAU,WAAY,EAAA,KAC9C,IAAI,uBAAA,CAAwB,YAAc,EAAA,QAAA,EAAU,WAAW;AAAA,GAClE;AACL,CAAC;AAOY,MAAA,uBAAA,GAA0B,uBAAuB,IAAK,CAAA;AAAA,EACjE,IAAM,EAAA,yBAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,IACN,KAAO,EAAA,YAAA;AAAA,IACP,MAAQ,EAAA,qBAAA;AAAA,IACR,MAAA,EAAQ,MACN,OAAO,uCAA0B,CAAA,CAAE,IAAK,CAAA,CAAA,CAAA,qBACrC,GAAA,CAAA,CAAA,CAAE,uBAAF,EAAA,EAA0B,CAC5B;AAAA;AAEP,CAAC;AAGD,aAAe,oBAAqB,CAAA;AAAA,EAClC,QAAU,EAAA,YAAA;AAAA,EACV,UAAA,EAAY,CAAC,aAAA,EAAe,uBAAuB;AACrD,CAAC,CAAA;;;;"}

package/dist/alpha.d.ts

@@ -4,7 +4,101 @@ import * as react from 'react';
 import * as _backstage_plugin_catalog_react_alpha from '@backstage/plugin-catalog-react/alpha';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/alpha';
 
+/**
+ * Translation reference for the ServiceNow plugin.
+ * @alpha
+ */
+declare const servicenowTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"plugin.servicenow", {
+    readonly "table.searchPlaceholder": string;
+    readonly "table.labelRowsSelect": string;
+    readonly "table.columns.description": string;
+    readonly "table.columns.priority": string;
+    readonly "table.columns.incidentNumber": string;
+    readonly "table.columns.created": string;
+    readonly "table.columns.state": string;
+    readonly "table.columns.actions": string;
+    readonly "table.emptyContent": string;
+    readonly "filter.priority": string;
+    readonly "filter.state": string;
+    readonly "priority.critical": string;
+    readonly "priority.high": string;
+    readonly "priority.moderate": string;
+    readonly "priority.low": string;
+    readonly "priority.planning": string;
+    readonly "page.title": string;
+    readonly "page.titleWithCount": string;
+    readonly "actions.openInServicenow": string;
+    readonly "incidentState.new": string;
+    readonly "incidentState.inProgress": string;
+    readonly "incidentState.onHold": string;
+    readonly "incidentState.resolved": string;
+    readonly "incidentState.closed": string;
+    readonly "incidentState.cancelled": string;
+    readonly "errors.loadingIncidents": string;
+}>;
+
+/**
+ * Translation resources for the ServiceNow plugin.
+ * @alpha
+ */
+declare const servicenowTranslations: _backstage_core_plugin_api_alpha.TranslationResource<"plugin.servicenow">;
+
+/** @alpha */
+declare const servicenowApi: _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+    kind: "api";
+    name: undefined;
+    config: {};
+    configInput: {};
+    output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_core_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+    inputs: {};
+    params: <TApi, TImpl extends TApi, TDeps extends {
+        [x: string]: unknown;
+    }>(params: _backstage_core_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_core_plugin_api.AnyApiFactory>;
+}>;
+/**
+ * Servicenow entity content that shows an incident table with a
+ * filter similar to the catalog table
+ * @alpha
+ */
+declare const entityServicenowContent: _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+    kind: "entity-content";
+    name: "EntityServicenowContent";
+    config: {
+        path: string | undefined;
+        title: string | undefined;
+        filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+        group: string | false | undefined;
+    };
+    configInput: {
+        filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+        title?: string | undefined;
+        path?: string | undefined;
+        group?: string | false | undefined;
+    };
+    output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+        optional: true;
+    }> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+        optional: true;
+    }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
+        optional: true;
+    }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-group", {
+        optional: true;
+    }>;
+    inputs: {};
+    params: {
+        defaultPath?: [Error: "Use the 'path' param instead"] | undefined;
+        path: string;
+        defaultTitle?: [Error: "Use the 'title' param instead"] | undefined;
+        title: string;
+        defaultGroup?: [Error: "Use the 'group' param instead"] | undefined;
+        group?: (string & {}) | "overview" | "documentation" | "development" | "deployment" | "operation" | "observability" | undefined;
+        loader: () => Promise<JSX.Element>;
+        routeRef?: _backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams> | undefined;
+        filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | ((entity: _backstage_catalog_model.Entity) => boolean) | undefined;
+    };
+}>;
 /** @alpha */
 declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{}, {}, {
     "api:servicenow": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
@@ -57,4 +151,4 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
     }>;
 }>;
 
-export { _default as default };
+export { _default as default, entityServicenowContent, servicenowApi, servicenowTranslationRef, servicenowTranslations };

package/dist/alpha.esm.js

@@ -1,2 +1,4 @@
-export { default } from './alpha/plugin.esm.js';
+export { default, entityServicenowContent, servicenowApi } from './alpha/plugin.esm.js';
+export { servicenowTranslations } from './translations/index.esm.js';
+export { servicenowTranslationRef } from './translations/ref.esm.js';
 //# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

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

package/dist/api/ServiceNowBackendClient.esm.js

@@ -18,7 +18,16 @@ class ServiceNowBackendClient {
     };
     const response = await this.fetchApi.fetch(url, { headers });
     if (!response.ok) {
-      throw new Error(`ServiceNow API request failed: ${response.status}`);
+      let errorBody;
+      try {
+        errorBody = await response.json();
+      } catch (e) {
+        throw new Error(
+          `ServiceNow API request failed: ${response.status} - Could not parse error response.`
+        );
+      }
+      const errorMessage = errorBody?.error?.message ?? `ServiceNow API request failed: ${response.status}`;
+      throw new Error(errorMessage);
     }
     return await response.json();
   }

package/dist/api/ServiceNowBackendClient.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceNowBackendClient.esm.js","sources":["../../src/api/ServiceNowBackendClient.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 { IncidentPick } from '@backstage-community/plugin-servicenow-common';\nimport {\n  createApiRef,\n  DiscoveryApi,\n  FetchApi,\n  IdentityApi,\n} from '@backstage/core-plugin-api';\nimport { IncidentsData, PaginatedIncidentsData } from '../types';\n\nexport interface ServiceNowBackendAPI {\n  getIncidents(queryParams: URLSearchParams): Promise<PaginatedIncidentsData>;\n}\n\nexport const serviceNowApiRef = createApiRef<ServiceNowBackendAPI>({\n  id: 'plugin.servicenow.service',\n});\n\nexport class ServiceNowBackendClient implements ServiceNowBackendAPI {\n  constructor(\n    private readonly discoveryApi: DiscoveryApi,\n    private readonly fetchApi: FetchApi,\n    private readonly identityApi: IdentityApi,\n  ) {}\n\n  private async fetchFromServiceNow<T>(\n    path: string,\n    queryParams?: URLSearchParams,\n  ): Promise<{ items: T; totalCount: number }> {\n    const proxyBase = await this.discoveryApi.getBaseUrl('servicenow');\n    const url = `${proxyBase}${path}${queryParams ? `?${queryParams}` : ''}`;\n\n    const { token } = await this.identityApi.getCredentials();\n    const headers = {\n      Authorization: `Bearer ${token}`,\n    };\n\n    const response = await this.fetchApi.fetch(url, { headers });\n    if (!response.ok) {\n      throw new Error(`ServiceNow API request failed: ${response.status}`);\n    }\n\n    return (await response.json()) as { items: T; totalCount: number };\n  }\n\n  async getIncidents(\n    queryParams: URLSearchParams,\n  ): Promise<PaginatedIncidentsData> {\n    const { items, totalCount } = await this.fetchFromServiceNow<\n      IncidentPick[]\n    >('/incidents', queryParams);\n\n    const incidents = incidentsPickToIncidentsData(items);\n    return { incidents, totalCount };\n  }\n}\n\nexport function incidentsPickToIncidentsData(\n  data: IncidentPick[],\n): IncidentsData[] {\n  return data.map(item => ({\n    sysId: item.sys_id,\n    number: item.number,\n    shortDescription: item.short_description,\n    description: item.description,\n    sysCreatedOn: item.sys_created_on,\n    priority: item.priority,\n    incidentState: item.incident_state,\n    url: item.url,\n  }));\n}\n"],"names":[],"mappings":";;AA4BO,MAAM,mBAAmB,YAAmC,CAAA;AAAA,EACjE,EAAI,EAAA;AACN,CAAC;AAEM,MAAM,uBAAwD,CAAA;AAAA,EACnE,WAAA,CACmB,YACA,EAAA,QAAA,EACA,WACjB,EAAA;AAHiB,IAAA,IAAA,CAAA,YAAA,GAAA,YAAA;AACA,IAAA,IAAA,CAAA,QAAA,GAAA,QAAA;AACA,IAAA,IAAA,CAAA,WAAA,GAAA,WAAA;AAAA;AAChB,EAEH,MAAc,mBACZ,CAAA,IAAA,EACA,WAC2C,EAAA;AAC3C,IAAA,MAAM,SAAY,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA;AACjE,IAAM,MAAA,GAAA,GAAM,CAAG,EAAA,SAAS,CAAG,EAAA,IAAI,GAAG,WAAc,GAAA,CAAA,CAAA,EAAI,WAAW,CAAA,CAAA,GAAK,EAAE,CAAA,CAAA;AAEtE,IAAA,MAAM,EAAE,KAAM,EAAA,GAAI,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA;AACxD,IAAA,MAAM,OAAU,GAAA;AAAA,MACd,aAAA,EAAe,UAAU,KAAK,CAAA;AAAA,KAChC;AAEA,IAAM,MAAA,QAAA,GAAW,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAK,EAAA,EAAE,SAAS,CAAA;AAC3D,IAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,MAAA,MAAM,IAAI,KAAA,CAAM,CAAkC,+BAAA,EAAA,QAAA,CAAS,MAAM,CAAE,CAAA,CAAA;AAAA;AAGrE,IAAQ,OAAA,MAAM,SAAS,IAAK,EAAA;AAAA;AAC9B,EAEA,MAAM,aACJ,WACiC,EAAA;AACjC,IAAM,MAAA,EAAE,OAAO,UAAW,EAAA,GAAI,MAAM,IAAK,CAAA,mBAAA,CAEvC,cAAc,WAAW,CAAA;AAE3B,IAAM,MAAA,SAAA,GAAY,6BAA6B,KAAK,CAAA;AACpD,IAAO,OAAA,EAAE,WAAW,UAAW,EAAA;AAAA;AAEnC;AAEO,SAAS,6BACd,IACiB,EAAA;AACjB,EAAO,OAAA,IAAA,CAAK,IAAI,CAAS,IAAA,MAAA;AAAA,IACvB,OAAO,IAAK,CAAA,MAAA;AAAA,IACZ,QAAQ,IAAK,CAAA,MAAA;AAAA,IACb,kBAAkB,IAAK,CAAA,iBAAA;AAAA,IACvB,aAAa,IAAK,CAAA,WAAA;AAAA,IAClB,cAAc,IAAK,CAAA,cAAA;AAAA,IACnB,UAAU,IAAK,CAAA,QAAA;AAAA,IACf,eAAe,IAAK,CAAA,cAAA;AAAA,IACpB,KAAK,IAAK,CAAA;AAAA,GACV,CAAA,CAAA;AACJ;;;;"}
+{"version":3,"file":"ServiceNowBackendClient.esm.js","sources":["../../src/api/ServiceNowBackendClient.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 { IncidentPick } from '@backstage-community/plugin-servicenow-common';\nimport {\n  createApiRef,\n  DiscoveryApi,\n  FetchApi,\n  IdentityApi,\n} from '@backstage/core-plugin-api';\nimport { IncidentsData, PaginatedIncidentsData } from '../types';\n\nexport interface ServiceNowBackendAPI {\n  getIncidents(queryParams: URLSearchParams): Promise<PaginatedIncidentsData>;\n}\n\nexport const serviceNowApiRef = createApiRef<ServiceNowBackendAPI>({\n  id: 'plugin.servicenow.service',\n});\n\nexport class ServiceNowBackendClient implements ServiceNowBackendAPI {\n  constructor(\n    private readonly discoveryApi: DiscoveryApi,\n    private readonly fetchApi: FetchApi,\n    private readonly identityApi: IdentityApi,\n  ) {}\n\n  private async fetchFromServiceNow<T>(\n    path: string,\n    queryParams?: URLSearchParams,\n  ): Promise<{ items: T; totalCount: number }> {\n    const proxyBase = await this.discoveryApi.getBaseUrl('servicenow');\n    const url = `${proxyBase}${path}${queryParams ? `?${queryParams}` : ''}`;\n\n    const { token } = await this.identityApi.getCredentials();\n    const headers = {\n      Authorization: `Bearer ${token}`,\n    };\n\n    const response = await this.fetchApi.fetch(url, { headers });\n    if (!response.ok) {\n      let errorBody;\n      try {\n        errorBody = await response.json();\n      } catch (e) {\n        throw new Error(\n          `ServiceNow API request failed: ${response.status} - Could not parse error response.`,\n        );\n      }\n\n      const errorMessage =\n        errorBody?.error?.message ??\n        `ServiceNow API request failed: ${response.status}`;\n      throw new Error(errorMessage);\n    }\n\n    return (await response.json()) as { items: T; totalCount: number };\n  }\n\n  async getIncidents(\n    queryParams: URLSearchParams,\n  ): Promise<PaginatedIncidentsData> {\n    const { items, totalCount } = await this.fetchFromServiceNow<\n      IncidentPick[]\n    >('/incidents', queryParams);\n\n    const incidents = incidentsPickToIncidentsData(items);\n    return { incidents, totalCount };\n  }\n}\n\nexport function incidentsPickToIncidentsData(\n  data: IncidentPick[],\n): IncidentsData[] {\n  return data.map(item => ({\n    sysId: item.sys_id,\n    number: item.number,\n    shortDescription: item.short_description,\n    description: item.description,\n    sysCreatedOn: item.sys_created_on,\n    priority: item.priority,\n    incidentState: item.incident_state,\n    url: item.url,\n  }));\n}\n"],"names":[],"mappings":";;AA4BO,MAAM,mBAAmB,YAAmC,CAAA;AAAA,EACjE,EAAI,EAAA;AACN,CAAC;AAEM,MAAM,uBAAwD,CAAA;AAAA,EACnE,WAAA,CACmB,YACA,EAAA,QAAA,EACA,WACjB,EAAA;AAHiB,IAAA,IAAA,CAAA,YAAA,GAAA,YAAA;AACA,IAAA,IAAA,CAAA,QAAA,GAAA,QAAA;AACA,IAAA,IAAA,CAAA,WAAA,GAAA,WAAA;AAAA;AAChB,EAEH,MAAc,mBACZ,CAAA,IAAA,EACA,WAC2C,EAAA;AAC3C,IAAA,MAAM,SAAY,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA;AACjE,IAAM,MAAA,GAAA,GAAM,CAAG,EAAA,SAAS,CAAG,EAAA,IAAI,GAAG,WAAc,GAAA,CAAA,CAAA,EAAI,WAAW,CAAA,CAAA,GAAK,EAAE,CAAA,CAAA;AAEtE,IAAA,MAAM,EAAE,KAAM,EAAA,GAAI,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA;AACxD,IAAA,MAAM,OAAU,GAAA;AAAA,MACd,aAAA,EAAe,UAAU,KAAK,CAAA;AAAA,KAChC;AAEA,IAAM,MAAA,QAAA,GAAW,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,GAAK,EAAA,EAAE,SAAS,CAAA;AAC3D,IAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,MAAI,IAAA,SAAA;AACJ,MAAI,IAAA;AACF,QAAY,SAAA,GAAA,MAAM,SAAS,IAAK,EAAA;AAAA,eACzB,CAAG,EAAA;AACV,QAAA,MAAM,IAAI,KAAA;AAAA,UACR,CAAA,+BAAA,EAAkC,SAAS,MAAM,CAAA,kCAAA;AAAA,SACnD;AAAA;AAGF,MAAA,MAAM,eACJ,SAAW,EAAA,KAAA,EAAO,OAClB,IAAA,CAAA,+BAAA,EAAkC,SAAS,MAAM,CAAA,CAAA;AACnD,MAAM,MAAA,IAAI,MAAM,YAAY,CAAA;AAAA;AAG9B,IAAQ,OAAA,MAAM,SAAS,IAAK,EAAA;AAAA;AAC9B,EAEA,MAAM,aACJ,WACiC,EAAA;AACjC,IAAM,MAAA,EAAE,OAAO,UAAW,EAAA,GAAI,MAAM,IAAK,CAAA,mBAAA,CAEvC,cAAc,WAAW,CAAA;AAE3B,IAAM,MAAA,SAAA,GAAY,6BAA6B,KAAK,CAAA;AACpD,IAAO,OAAA,EAAE,WAAW,UAAW,EAAA;AAAA;AAEnC;AAEO,SAAS,6BACd,IACiB,EAAA;AACjB,EAAO,OAAA,IAAA,CAAK,IAAI,CAAS,IAAA,MAAA;AAAA,IACvB,OAAO,IAAK,CAAA,MAAA;AAAA,IACZ,QAAQ,IAAK,CAAA,MAAA;AAAA,IACb,kBAAkB,IAAK,CAAA,iBAAA;AAAA,IACvB,aAAa,IAAK,CAAA,WAAA;AAAA,IAClB,cAAc,IAAK,CAAA,cAAA;AAAA,IACnB,UAAU,IAAK,CAAA,QAAA;AAAA,IACf,eAAe,IAAK,CAAA,cAAA;AAAA,IACpB,KAAK,IAAK,CAAA;AAAA,GACV,CAAA,CAAA;AACJ;;;;"}

package/dist/components/Router.esm.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { MemoryRouter } from 'react-router-dom';
+import { EntityServicenowContent } from './Servicenow/EntityServicenowContent.esm.js';
+
+const Router = () => {
+  return /* @__PURE__ */ jsx(MemoryRouter, { children: /* @__PURE__ */ jsx(EntityServicenowContent, {}) });
+};
+
+export { Router };
+//# sourceMappingURL=Router.esm.js.map

package/dist/components/Router.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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 */\nimport { MemoryRouter } from 'react-router-dom';\nimport { EntityServicenowContent } from './Servicenow';\n\n/**\n * separately export the router\n *\n * @public\n */\nexport const Router = () => {\n  return (\n    <MemoryRouter>\n      <EntityServicenowContent />\n    </MemoryRouter>\n  );\n};\n"],"names":[],"mappings":";;;;AAuBO,MAAM,SAAS,MAAM;AAC1B,EAAA,uBACG,GAAA,CAAA,YAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,uBAAA,EAAA,EAAwB,CAC3B,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useState, useMemo, 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';
@@ -9,9 +9,9 @@ import TableBody from '@mui/material/TableBody';
 import TableRow from '@mui/material/TableRow';
 import TableCell from '@mui/material/TableCell';
 import TablePagination from '@mui/material/TablePagination';
-import { SortingOrderEnum, ServiceAnnotationFieldName } from '@backstage-community/plugin-servicenow-common';
+import { SortingOrderEnum } from '@backstage-community/plugin-servicenow-common';
 import { IncidentsFilter } from './IncidentsFilter.esm.js';
-import { IncidentsListColumns } from './IncidentsListColumns.esm.js';
+import { useIncidentsListColumns } from './IncidentsListColumns.esm.js';
 import { IncidentsTableBody } from './IncidentsTableBody.esm.js';
 import { IncidentsTableHeader } from './IncidentsTableHeader.esm.js';
 import { IncidentTableFieldEnum } from '../../types.esm.js';
@@ -22,10 +22,13 @@ import { useQueryArrayState } from '../../hooks/useQueryArrayState.esm.js';
 import { serviceNowApiRef } from '../../api/ServiceNowBackendClient.esm.js';
 import { useUserEmail } from '../../hooks/useUserEmail.esm.js';
 import { useUpdateQueryParams } from '../../hooks/useQueryHelpers.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const EntityServicenowContent = () => {
+  const { t } = useTranslation();
   const { entity } = useEntity();
   const serviceNowApi = useApi(serviceNowApiRef);
+  const incidentsListColumns = useIncidentsListColumns();
   const [search, setSearch] = useQueryState("search", "");
   const [input, setInput] = useState(search);
   const debouncedInput = useDebouncedValue(input, 300);
@@ -44,7 +47,23 @@ const EntityServicenowContent = () => {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
   const updateQueryParams = useUpdateQueryParams();
-  const entityId = entity.metadata.annotations?.[ServiceAnnotationFieldName];
+  const servicenowAnnotations = useMemo(() => {
+    const annotations = entity.metadata.annotations;
+    const snAnnotations = {};
+    if (annotations) {
+      for (const [key, value] of Object.entries(annotations)) {
+        if (key.startsWith("servicenow.com/entity-id")) {
+          snAnnotations.entityId = value;
+          continue;
+        }
+        if (key.startsWith("servicenow.com/")) {
+          const field = key.substring("servicenow.com/".length);
+          snAnnotations[field] = value;
+        }
+      }
+    }
+    return snAnnotations;
+  }, [entity.metadata.annotations]);
   const kind = entity.kind.toLocaleLowerCase("en-US");
   const userEmail = useUserEmail(kind);
   const identityApi = useApi(identityApiRef);
@@ -65,7 +84,7 @@ const EntityServicenowContent = () => {
     async function fetchIncidents() {
       setLoading(true);
       setError(null);
-      if (!userEmail && !entityId) {
+      if (!userEmail && Object.keys(servicenowAnnotations).length === 0) {
         setIncidentsData([]);
         setLoading(false);
         return;
@@ -80,7 +99,7 @@ const EntityServicenowContent = () => {
           priority: priority ?? void 0,
           state: state ?? void 0,
           userEmail,
-          entityId
+          ...servicenowAnnotations
         });
         const { incidents, totalCount } = await serviceNowApi.getIncidents(
           queryParams
@@ -102,7 +121,7 @@ const EntityServicenowContent = () => {
     orderBy,
     search,
     serviceNowApi,
-    entityId,
+    servicenowAnnotations,
     priority,
     state,
     userEmail
@@ -134,14 +153,14 @@ const EntityServicenowContent = () => {
       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 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`
+          label: t("table.labelRowsSelect", { count: String(n) })
         })),
         component: "div",
         sx: { mr: 1 },
@@ -158,17 +177,16 @@ const EntityServicenowContent = () => {
   };
   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(
+    /* @__PURE__ */ jsx(CatalogFilterLayout.Content, { children: error ? /* @__PURE__ */ jsx(Box, { sx: { padding: 2, color: "error.main" }, children: t("errors.loadingIncidents", { error }) }) : /* @__PURE__ */ jsx(
       Table,
       {
         data: loading ? [] : incidentsData,
-        columns: IncidentsListColumns,
+        columns: incidentsListColumns,
         onSearchChange: handleSearch,
-        title: count === 0 ? "ServiceNow tickets" : `ServiceNow tickets (${count})`,
-        localization: { toolbar: { searchPlaceholder: "Search" } },
+        title: count === 0 ? t("page.title") : t("page.titleWithCount", { count: String(count) }),
+        localization: {
+          toolbar: { searchPlaceholder: t("table.searchPlaceholder") }
+        },
         components: {
           Header: IncidentsTableHeaderComponent,
           Body: IncidentsTableBodyComponent,
@@ -183,7 +201,7 @@ const EntityServicenowContent = () => {
               display: "flex",
               justifyContent: "center"
             },
-            children: "No records found"
+            children: t("table.emptyContent")
           }
         ),
         isLoading: loading

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

@@ -1 +1 @@
-{"version":3,"file":"EntityServicenowContent.esm.js","sources":["../../../src/components/Servicenow/EntityServicenowContent.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';\n\nimport Box from '@mui/material/Box';\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 TablePagination from '@mui/material/TablePagination';\n\nimport {\n  Order,\n  SortingOrderEnum,\n  ServiceAnnotationFieldName,\n} from '@backstage-community/plugin-servicenow-common';\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 { 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 { useUpdateQueryParams } from '../../hooks/useQueryHelpers';\n\nexport const EntityServicenowContent = () => {\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":";;;;;;;;;;;;;;;;;;;;;;;;;AAuDO,MAAM,0BAA0B,MAAM;AAC3C,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;;;;"}
+{"version":3,"file":"EntityServicenowContent.esm.js","sources":["../../../src/components/Servicenow/EntityServicenowContent.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, useMemo } 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';\n\nimport Box from '@mui/material/Box';\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 TablePagination from '@mui/material/TablePagination';\n\nimport {\n  Order,\n  SortingOrderEnum,\n} from '@backstage-community/plugin-servicenow-common';\n\nimport { IncidentsFilter } from './IncidentsFilter';\nimport { useIncidentsListColumns } from './IncidentsListColumns';\nimport { IncidentsTableBody } from './IncidentsTableBody';\nimport { IncidentsTableHeader } from './IncidentsTableHeader';\nimport {\n  IncidentTableFieldEnum,\n  type IncidentsData,\n  type IncidentTableField,\n} from '../../types';\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 { useUpdateQueryParams } from '../../hooks/useQueryHelpers';\nimport { useTranslation } from '../../hooks/useTranslation';\n\nexport const EntityServicenowContent = () => {\n  const { t } = useTranslation();\n  const { entity } = useEntity();\n  const serviceNowApi = useApi(serviceNowApiRef);\n  const incidentsListColumns = useIncidentsListColumns();\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 servicenowAnnotations = useMemo(() => {\n    const annotations = entity.metadata.annotations;\n    const snAnnotations: Record<string, string> = {};\n    if (annotations) {\n      for (const [key, value] of Object.entries(annotations)) {\n        if (key.startsWith('servicenow.com/entity-id')) {\n          snAnnotations.entityId = value;\n          continue;\n        }\n        if (key.startsWith('servicenow.com/')) {\n          const field = key.substring('servicenow.com/'.length);\n          snAnnotations[field] = value;\n        }\n      }\n    }\n    return snAnnotations;\n  }, [entity.metadata.annotations]);\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 && Object.keys(servicenowAnnotations).length === 0) {\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          ...servicenowAnnotations,\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    servicenowAnnotations,\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: t('table.labelRowsSelect', { count: String(n) }),\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              {t('errors.loadingIncidents', { error })}\n            </Box>\n          ) : (\n            <Table\n              data={loading ? [] : incidentsData}\n              columns={incidentsListColumns}\n              onSearchChange={handleSearch}\n              title={\n                count === 0\n                  ? t('page.title')\n                  : t('page.titleWithCount', { count: String(count) })\n              }\n              localization={{\n                toolbar: { searchPlaceholder: t('table.searchPlaceholder') },\n              }}\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                    {t('table.emptyContent')}\n                  </Box>\n                )\n              }\n              isLoading={loading}\n            />\n          )}\n        </CatalogFilterLayout.Content>\n      </CatalogFilterLayout>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -2,14 +2,18 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo, useCallback } from 'react';
 import Box from '@mui/material/Box';
 import { IncidentEnumFilter } from '../shared-components/IncidentEnumFilter.esm.js';
-import { INCIDENT_STATE_MAP, PRIORITY_MAP } from '../../utils/incidentUtils.esm.js';
+import { useIncidentStateMap, usePriorityMap } from '../../utils/incidentUtils.esm.js';
 import { useQueryArrayFilter } from '../../hooks/useQueryArrayFilter.esm.js';
 import { useUpdateQueryParams } from '../../hooks/useQueryHelpers.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
 const IncidentsFilter = () => {
+  const { t } = useTranslation();
   const stateFilter = useQueryArrayFilter("state");
   const priorityFilter = useQueryArrayFilter("priority");
   const updateQueryParams = useUpdateQueryParams();
+  const incidentStateMap = useIncidentStateMap();
+  const priorityMap = usePriorityMap();
   const stateValue = useMemo(() => stateFilter.current, [stateFilter]);
   const priorityValue = useMemo(() => priorityFilter.current, [priorityFilter]);
   const handleStateChange = useCallback(
@@ -43,9 +47,9 @@ const IncidentsFilter = () => {
         /* @__PURE__ */ jsx(
           IncidentEnumFilter,
           {
-            label: "State",
+            label: t("filter.state"),
             filterKey: "state",
-            dataMap: INCIDENT_STATE_MAP,
+            dataMap: incidentStateMap,
             value: stateValue,
             onChange: handleStateChange
           }
@@ -53,9 +57,9 @@ const IncidentsFilter = () => {
         /* @__PURE__ */ jsx(
           IncidentEnumFilter,
           {
-            label: "Priority",
+            label: t("filter.priority"),
             filterKey: "priority",
-            dataMap: PRIORITY_MAP,
+            dataMap: priorityMap,
             value: priorityValue,
             onChange: handlePriorityChange
           }

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

@@ -1 +1 @@
-{"version":3,"file":"IncidentsFilter.esm.js","sources":["../../../src/components/Servicenow/IncidentsFilter.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 { useMemo, useCallback } from 'react';\n\nimport { SelectItem } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\n\nimport { IncidentEnumFilter } from '../shared-components/IncidentEnumFilter';\nimport { INCIDENT_STATE_MAP, PRIORITY_MAP } from '../../utils/incidentUtils';\nimport { useQueryArrayFilter } from '../../hooks/useQueryArrayFilter';\nimport { useUpdateQueryParams } from '../../hooks/useQueryHelpers';\n\nexport const IncidentsFilter = () => {\n  const stateFilter = useQueryArrayFilter('state');\n  const priorityFilter = useQueryArrayFilter('priority');\n  const updateQueryParams = useUpdateQueryParams();\n\n  const stateValue = useMemo(() => stateFilter.current, [stateFilter]);\n  const priorityValue = useMemo(() => priorityFilter.current, [priorityFilter]);\n\n  const handleStateChange = useCallback(\n    (_e: any, value: SelectItem[]) => {\n      updateQueryParams({\n        state: value.map(v => v.value).join(','),\n        offset: '0',\n      });\n    },\n    [updateQueryParams],\n  );\n\n  const handlePriorityChange = useCallback(\n    (_e: any, value: SelectItem[]) => {\n      updateQueryParams({\n        priority: value.map(v => v.value).join(','),\n        offset: '0',\n      });\n    },\n    [updateQueryParams],\n  );\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 2,\n        minWidth: { xs: 200, lg: 'auto' },\n      }}\n    >\n      <IncidentEnumFilter\n        label=\"State\"\n        filterKey=\"state\"\n        dataMap={INCIDENT_STATE_MAP}\n        value={stateValue}\n        onChange={handleStateChange}\n      />\n      <IncidentEnumFilter\n        label=\"Priority\"\n        filterKey=\"priority\"\n        dataMap={PRIORITY_MAP}\n        value={priorityValue}\n        onChange={handlePriorityChange}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,WAAA,GAAc,oBAAoB,OAAO,CAAA;AAC/C,EAAM,MAAA,cAAA,GAAiB,oBAAoB,UAAU,CAAA;AACrD,EAAA,MAAM,oBAAoB,oBAAqB,EAAA;AAE/C,EAAA,MAAM,aAAa,OAAQ,CAAA,MAAM,YAAY,OAAS,EAAA,CAAC,WAAW,CAAC,CAAA;AACnE,EAAA,MAAM,gBAAgB,OAAQ,CAAA,MAAM,eAAe,OAAS,EAAA,CAAC,cAAc,CAAC,CAAA;AAE5E,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,IAAS,KAAwB,KAAA;AAChC,MAAkB,iBAAA,CAAA;AAAA,QAChB,KAAA,EAAO,MAAM,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,KAAK,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,QACvC,MAAQ,EAAA;AAAA,OACT,CAAA;AAAA,KACH;AAAA,IACA,CAAC,iBAAiB;AAAA,GACpB;AAEA,EAAA,MAAM,oBAAuB,GAAA,WAAA;AAAA,IAC3B,CAAC,IAAS,KAAwB,KAAA;AAChC,MAAkB,iBAAA,CAAA;AAAA,QAChB,QAAA,EAAU,MAAM,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,KAAK,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,QAC1C,MAAQ,EAAA;AAAA,OACT,CAAA;AAAA,KACH;AAAA,IACA,CAAC,iBAAiB;AAAA,GACpB;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,QAAA;AAAA,QACf,GAAK,EAAA,CAAA;AAAA,QACL,QAAU,EAAA,EAAE,EAAI,EAAA,GAAA,EAAK,IAAI,MAAO;AAAA,OAClC;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,OAAA;AAAA,YACN,SAAU,EAAA,OAAA;AAAA,YACV,OAAS,EAAA,kBAAA;AAAA,YACT,KAAO,EAAA,UAAA;AAAA,YACP,QAAU,EAAA;AAAA;AAAA,SACZ;AAAA,wBACA,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,KAAM,EAAA,UAAA;AAAA,YACN,SAAU,EAAA,UAAA;AAAA,YACV,OAAS,EAAA,YAAA;AAAA,YACT,KAAO,EAAA,aAAA;AAAA,YACP,QAAU,EAAA;AAAA;AAAA;AACZ;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"IncidentsFilter.esm.js","sources":["../../../src/components/Servicenow/IncidentsFilter.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 { useMemo, useCallback } from 'react';\n\nimport { SelectItem } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\n\nimport { IncidentEnumFilter } from '../shared-components/IncidentEnumFilter';\nimport { useIncidentStateMap, usePriorityMap } from '../../utils/incidentUtils';\nimport { useQueryArrayFilter } from '../../hooks/useQueryArrayFilter';\nimport { useUpdateQueryParams } from '../../hooks/useQueryHelpers';\nimport { useTranslation } from '../../hooks/useTranslation';\n\nexport const IncidentsFilter = () => {\n  const { t } = useTranslation();\n  const stateFilter = useQueryArrayFilter('state');\n  const priorityFilter = useQueryArrayFilter('priority');\n  const updateQueryParams = useUpdateQueryParams();\n  const incidentStateMap = useIncidentStateMap();\n  const priorityMap = usePriorityMap();\n\n  const stateValue = useMemo(() => stateFilter.current, [stateFilter]);\n  const priorityValue = useMemo(() => priorityFilter.current, [priorityFilter]);\n\n  const handleStateChange = useCallback(\n    (_e: any, value: SelectItem[]) => {\n      updateQueryParams({\n        state: value.map(v => v.value).join(','),\n        offset: '0',\n      });\n    },\n    [updateQueryParams],\n  );\n\n  const handlePriorityChange = useCallback(\n    (_e: any, value: SelectItem[]) => {\n      updateQueryParams({\n        priority: value.map(v => v.value).join(','),\n        offset: '0',\n      });\n    },\n    [updateQueryParams],\n  );\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 2,\n        minWidth: { xs: 200, lg: 'auto' },\n      }}\n    >\n      <IncidentEnumFilter\n        label={t('filter.state')}\n        filterKey=\"state\"\n        dataMap={incidentStateMap}\n        value={stateValue}\n        onChange={handleStateChange}\n      />\n      <IncidentEnumFilter\n        label={t('filter.priority')}\n        filterKey=\"priority\"\n        dataMap={priorityMap}\n        value={priorityValue}\n        onChange={handlePriorityChange}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA4BO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA,WAAA,GAAc,oBAAoB,OAAO,CAAA;AAC/C,EAAM,MAAA,cAAA,GAAiB,oBAAoB,UAAU,CAAA;AACrD,EAAA,MAAM,oBAAoB,oBAAqB,EAAA;AAC/C,EAAA,MAAM,mBAAmB,mBAAoB,EAAA;AAC7C,EAAA,MAAM,cAAc,cAAe,EAAA;AAEnC,EAAA,MAAM,aAAa,OAAQ,CAAA,MAAM,YAAY,OAAS,EAAA,CAAC,WAAW,CAAC,CAAA;AACnE,EAAA,MAAM,gBAAgB,OAAQ,CAAA,MAAM,eAAe,OAAS,EAAA,CAAC,cAAc,CAAC,CAAA;AAE5E,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,IAAS,KAAwB,KAAA;AAChC,MAAkB,iBAAA,CAAA;AAAA,QAChB,KAAA,EAAO,MAAM,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,KAAK,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,QACvC,MAAQ,EAAA;AAAA,OACT,CAAA;AAAA,KACH;AAAA,IACA,CAAC,iBAAiB;AAAA,GACpB;AAEA,EAAA,MAAM,oBAAuB,GAAA,WAAA;AAAA,IAC3B,CAAC,IAAS,KAAwB,KAAA;AAChC,MAAkB,iBAAA,CAAA;AAAA,QAChB,QAAA,EAAU,MAAM,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,KAAK,CAAA,CAAE,KAAK,GAAG,CAAA;AAAA,QAC1C,MAAQ,EAAA;AAAA,OACT,CAAA;AAAA,KACH;AAAA,IACA,CAAC,iBAAiB;AAAA,GACpB;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,QAAA;AAAA,QACf,GAAK,EAAA,CAAA;AAAA,QACL,QAAU,EAAA,EAAE,EAAI,EAAA,GAAA,EAAK,IAAI,MAAO;AAAA,OAClC;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAE,cAAc,CAAA;AAAA,YACvB,SAAU,EAAA,OAAA;AAAA,YACV,OAAS,EAAA,gBAAA;AAAA,YACT,KAAO,EAAA,UAAA;AAAA,YACP,QAAU,EAAA;AAAA;AAAA,SACZ;AAAA,wBACA,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAE,iBAAiB,CAAA;AAAA,YAC1B,SAAU,EAAA,UAAA;AAAA,YACV,OAAS,EAAA,WAAA;AAAA,YACT,KAAO,EAAA,aAAA;AAAA,YACP,QAAU,EAAA;AAAA;AAAA;AACZ;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,43 +1,47 @@
 import { IncidentTableFieldEnum } from '../../types.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
 
-const IncidentsListColumns = [
-  {
-    id: "incidentNumber",
-    title: "Incident Number",
-    field: IncidentTableFieldEnum.Number,
-    type: "string"
-  },
-  {
-    id: "description",
-    title: "Description",
-    field: IncidentTableFieldEnum.ShortDescription,
-    type: "string"
-  },
-  {
-    id: "created",
-    title: "Created",
-    field: IncidentTableFieldEnum.Created,
-    type: "string"
-  },
-  {
-    id: "priority",
-    title: "Priority",
-    field: IncidentTableFieldEnum.Priority,
-    type: "numeric"
-  },
-  {
-    id: "state",
-    title: "State",
-    field: IncidentTableFieldEnum.IncidentState,
-    type: "datetime"
-  },
-  {
-    id: "actions",
-    title: "Actions",
-    sorting: false,
-    type: "string"
-  }
-];
+const useIncidentsListColumns = () => {
+  const { t } = useTranslation();
+  return [
+    {
+      id: "incidentNumber",
+      title: t("table.columns.incidentNumber"),
+      field: IncidentTableFieldEnum.Number,
+      type: "string"
+    },
+    {
+      id: "description",
+      title: t("table.columns.description"),
+      field: IncidentTableFieldEnum.ShortDescription,
+      type: "string"
+    },
+    {
+      id: "created",
+      title: t("table.columns.created"),
+      field: IncidentTableFieldEnum.Created,
+      type: "string"
+    },
+    {
+      id: "priority",
+      title: t("table.columns.priority"),
+      field: IncidentTableFieldEnum.Priority,
+      type: "numeric"
+    },
+    {
+      id: "state",
+      title: t("table.columns.state"),
+      field: IncidentTableFieldEnum.IncidentState,
+      type: "datetime"
+    },
+    {
+      id: "actions",
+      title: t("table.columns.actions"),
+      sorting: false,
+      type: "string"
+    }
+  ];
+};
 
-export { IncidentsListColumns };
+export { useIncidentsListColumns };
 //# sourceMappingURL=IncidentsListColumns.esm.js.map