@kuadrant/kuadrant-backstage-plugin-frontend 0.0.2-dev-0b744dd → 0.0.2-dev-9be93a3

package/dist-scalprum/static/69.1decc5e8.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/69.1decc5e8.chunk.js","mappings":"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","sources":["webpack://internal.plugin-kuadrant/./src/permissions.ts","webpack://internal.plugin-kuadrant/../../node_modules/react-use/esm/useAsync.js","webpack://internal.plugin-kuadrant/../../node_modules/react-use/esm/useAsyncFn.js","webpack://internal.plugin-kuadrant/./src/utils/permissions.ts","webpack://internal.plugin-kuadrant/./src/utils/styles.ts","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/CheckCircle.js","webpack://internal.plugin-kuadrant/./src/api.ts"],"sourcesContent":["import { createPermission } from '@backstage/plugin-permission-common';\n\n/**\n * permission definitions for the kuadrant plugin\n *\n * these permissions control access to kuadrant resources and operations.\n * they must match the permissions defined in the backend plugin.\n *\n * permission types:\n * - BasicPermission: standard permission that applies globally\n * - ResourcePermission: permission scoped to specific resource types (e.g., apiproduct)\n *\n * permission patterns:\n * - `.create` - create new resources\n * - `.read` - read resource details\n * - `.read.own` - read only resources owned by the user\n * - `.read.all` - read all resources regardless of ownership\n * - `.update` - modify existing resources\n * - `.delete` - delete resources\n * - `.delete.own` - delete only resources owned by the user\n * - `.delete.all` - delete any resource regardless of ownership\n * - `.list` - list/view collections of resources\n */\n\n// planpolicy permissions\nexport const kuadrantPlanPolicyCreatePermission = createPermission({\n  name: 'kuadrant.planpolicy.create',\n  attributes: { action: 'create' },\n});\n\nexport const kuadrantPlanPolicyReadPermission = createPermission({\n  name: 'kuadrant.planpolicy.read',\n  attributes: { action: 'read' },\n});\n\nexport const kuadrantPlanPolicyUpdatePermission = createPermission({\n  name: 'kuadrant.planpolicy.update',\n  attributes: { action: 'update' },\n});\n\nexport const kuadrantPlanPolicyDeletePermission = createPermission({\n  name: 'kuadrant.planpolicy.delete',\n  attributes: { action: 'delete' },\n});\n\nexport const kuadrantPlanPolicyListPermission = createPermission({\n  name: 'kuadrant.planpolicy.list',\n  attributes: { action: 'read' },\n});\n\n// apiproduct permissions\n\n/**\n * permission to create new API products\n * granted to api owners and admins\n */\nexport const kuadrantApiProductCreatePermission = createPermission({\n  name: 'kuadrant.apiproduct.create',\n  attributes: { action: 'create' },\n});\n\n/**\n * permission to read API products owned by the current user\n * for api owners to view their own products\n */\nexport const kuadrantApiProductReadOwnPermission = createPermission({\n  name: 'kuadrant.apiproduct.read.own',\n  attributes: { action: 'read' },\n});\n\n/**\n * permission to read all API products regardless of ownership\n * for platform engineers/admins who need to view all products\n */\nexport const kuadrantApiProductReadAllPermission = createPermission({\n  name: 'kuadrant.apiproduct.read.all',\n  attributes: { action: 'read' },\n});\n\n/**\n * permission to update API products owned by the current user\n * for api owners to modify their own products\n */\nexport const kuadrantApiProductUpdateOwnPermission = createPermission({\n  name: 'kuadrant.apiproduct.update.own',\n  attributes: { action: 'update' },\n});\n\n/**\n * permission to update any API product regardless of ownership\n * for platform engineers/admins\n */\nexport const kuadrantApiProductUpdateAllPermission = createPermission({\n  name: 'kuadrant.apiproduct.update.all',\n  attributes: { action: 'update' },\n});\n\n/**\n * permission to delete API products owned by the current user\n * for api owners to remove their own products\n */\nexport const kuadrantApiProductDeleteOwnPermission = createPermission({\n  name: 'kuadrant.apiproduct.delete.own',\n  attributes: { action: 'delete' },\n});\n\n/**\n * permission to delete any API product regardless of ownership\n * for platform engineers/admins\n */\nexport const kuadrantApiProductDeleteAllPermission = createPermission({\n  name: 'kuadrant.apiproduct.delete.all',\n  attributes: { action: 'delete' },\n});\n\n/**\n * permission to list API products\n * backend filters results based on .own vs .all read permissions\n */\nexport const kuadrantApiProductListPermission = createPermission({\n  name: 'kuadrant.apiproduct.list',\n  attributes: { action: 'read' },\n});\n\n// apikey permissions\n\n/**\n * permission to create API keys (request API access)\n *\n * this is a ResourcePermission scoped to 'apiproduct', allowing\n * fine-grained control over which API products users can request access to.\n *\n * use in frontend: useKuadrantPermission(kuadrantApiKeyCreatePermission)\n * use in backend with resource: { permission, resourceRef: 'apiproduct:namespace/name' }\n */\nexport const kuadrantApiKeyCreatePermission = createPermission({\n  name: 'kuadrant.apikey.create',\n  attributes: { action: 'create' },\n  resourceType: 'apiproduct',\n});\n\n/**\n * permission to read API keys owned by the current user\n * allows users to view their own API keys and request history\n */\nexport const kuadrantApiKeyReadOwnPermission = createPermission({\n  name: 'kuadrant.apikey.read.own',\n  attributes: { action: 'read' },\n});\n\n/**\n * permission to read all API keys regardless of ownership\n * for platform engineers/admins who need to view the approval queue and audit keys\n */\nexport const kuadrantApiKeyReadAllPermission = createPermission({\n  name: 'kuadrant.apikey.read.all',\n  attributes: { action: 'read' },\n});\n\n/**\n * permission to update API keys owned by the current user\n * allows users to edit their own pending requests (change plan tier, use case)\n */\nexport const kuadrantApiKeyUpdateOwnPermission = createPermission({\n  name: 'kuadrant.apikey.update.own',\n  attributes: { action: 'update' },\n});\n\n/**\n * permission to update any API key regardless of ownership\n * typically granted to API owners and platform engineers for approving/rejecting requests\n */\nexport const kuadrantApiKeyUpdateAllPermission = createPermission({\n  name: 'kuadrant.apikey.update.all',\n  attributes: { action: 'update' },\n});\n\n/**\n * permission to delete API keys owned by the current user\n * allows users to cancel their own requests or revoke their own access\n */\nexport const kuadrantApiKeyDeleteOwnPermission = createPermission({\n  name: 'kuadrant.apikey.delete.own',\n  attributes: { action: 'delete' },\n});\n\n/**\n * permission to delete any API key regardless of ownership\n * for platform engineers/admins who need to revoke access\n */\nexport const kuadrantApiKeyDeleteAllPermission = createPermission({\n  name: 'kuadrant.apikey.delete.all',\n  attributes: { action: 'delete' },\n});\n\n/**\n * permission to approve/reject API key requests\n * grants access to the approval queue - for API owners and admins only\n * separate from update.own which consumers use to edit their pending requests\n */\nexport const kuadrantApiKeyApprovePermission = createPermission({\n  name: 'kuadrant.apikey.approve',\n  attributes: { action: 'update' },\n});\n\nexport const kuadrantPermissions = [\n  kuadrantPlanPolicyCreatePermission,\n  kuadrantPlanPolicyReadPermission,\n  kuadrantPlanPolicyUpdatePermission,\n  kuadrantPlanPolicyDeletePermission,\n  kuadrantPlanPolicyListPermission,\n  kuadrantApiProductCreatePermission,\n  kuadrantApiProductReadOwnPermission,\n  kuadrantApiProductReadAllPermission,\n  kuadrantApiProductUpdateOwnPermission,\n  kuadrantApiProductUpdateAllPermission,\n  kuadrantApiProductDeleteOwnPermission,\n  kuadrantApiProductDeleteAllPermission,\n  kuadrantApiProductListPermission,\n  kuadrantApiKeyCreatePermission,\n  kuadrantApiKeyReadOwnPermission,\n  kuadrantApiKeyReadAllPermission,\n  kuadrantApiKeyUpdateOwnPermission,\n  kuadrantApiKeyUpdateAllPermission,\n  kuadrantApiKeyDeleteOwnPermission,\n  kuadrantApiKeyDeleteAllPermission,\n  kuadrantApiKeyApprovePermission,\n];\n","import { useEffect } from 'react';\nimport useAsyncFn from './useAsyncFn';\nexport default function useAsync(fn, deps) {\n    if (deps === void 0) { deps = []; }\n    var _a = useAsyncFn(fn, deps, {\n        loading: true,\n    }), state = _a[0], callback = _a[1];\n    useEffect(function () {\n        callback();\n    }, [callback]);\n    return state;\n}\n","import { __assign } from \"tslib\";\nimport { useCallback, useRef, useState } from 'react';\nimport useMountedState from './useMountedState';\nexport default function useAsyncFn(fn, deps, initialState) {\n    if (deps === void 0) { deps = []; }\n    if (initialState === void 0) { initialState = { loading: false }; }\n    var lastCallId = useRef(0);\n    var isMounted = useMountedState();\n    var _a = useState(initialState), state = _a[0], set = _a[1];\n    var callback = useCallback(function () {\n        var args = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            args[_i] = arguments[_i];\n        }\n        var callId = ++lastCallId.current;\n        if (!state.loading) {\n            set(function (prevState) { return (__assign(__assign({}, prevState), { loading: true })); });\n        }\n        return fn.apply(void 0, args).then(function (value) {\n            isMounted() && callId === lastCallId.current && set({ value: value, loading: false });\n            return value;\n        }, function (error) {\n            isMounted() && callId === lastCallId.current && set({ error: error, loading: false });\n            return error;\n        });\n    }, deps);\n    return [state, callback];\n}\n","import { usePermission } from '@backstage/plugin-permission-react';\nimport { Permission, ResourcePermission } from '@backstage/plugin-permission-common';\n\n/**\n * result of a permission check including error state\n */\nexport interface PermissionCheckResult {\n  allowed: boolean;\n  loading: boolean;\n  error?: Error;\n}\n\n/**\n * custom hook for checking kuadrant permissions that handles both\n * BasicPermission and ResourcePermission types without type bypasses\n *\n * @param permission - the permission to check\n * @param resourceRef - optional resource reference for ResourcePermissions\n * @returns permission check result with error handling\n *\n * @example\n * // basic permission\n * const { allowed, loading, error } = useKuadrantPermission(\n *   kuadrantApiProductListPermission\n * );\n *\n * @example\n * // resource permission\n * const { allowed, loading, error } = useKuadrantPermission(\n *   kuadrantApiKeyCreatePermission,\n *   'apiproduct:namespace/name'\n * );\n */\nexport function useKuadrantPermission(\n  permission: Permission,\n  resourceRef?: string,\n): PermissionCheckResult {\n  // construct the permission request based on whether it's a ResourcePermission\n  const permissionRequest = 'resourceType' in permission\n    ? { permission: permission as ResourcePermission, resourceRef }\n    : { permission };\n\n  const result = usePermission(permissionRequest as any);\n\n  return {\n    allowed: result.allowed,\n    loading: result.loading,\n    error: result.error,\n  };\n}\n\n/**\n * helper to determine if a user can delete a specific API key or request\n *\n * @param ownerId - the user id who owns the key/request\n * @param currentUserId - the current user's id\n * @param canDeleteOwn - whether user has permission to delete their own keys\n * @param canDeleteAll - whether user has permission to delete all keys\n * @returns true if user can delete this specific key/request\n */\nexport function canDeleteResource(\n  ownerId: string,\n  currentUserId: string,\n  canDeleteOwn: boolean,\n  canDeleteAll: boolean,\n): boolean {\n  if (canDeleteAll) return true;\n  if (canDeleteOwn && ownerId === currentUserId) return true;\n  return false;\n}\n","import { CSSProperties } from \"react\";\n\n/**\n * Returns inline styles for API key status chips on the My API Keys page.\n */\nexport const getMyApiKeysStatusChipStyle = (phase: string): CSSProperties => {\n  const base = { border: \"none\" };\n  switch (phase) {\n    case \"Approved\":\n      return { ...base, backgroundColor: \"#1976d2\", color: \"#fff\" }; // Blue\n    case \"Rejected\":\n      return { ...base, backgroundColor: \"#d32f2f\", color: \"#fff\" }; // Red\n    case \"Pending\":\n      return { ...base, backgroundColor: \"#9c27b0\", color: \"#fff\" }; // Purple\n    default:\n      return { ...base, backgroundColor: \"#9c27b0\", color: \"#fff\" }; // Purple (fallback for Pending)\n  }\n};\n\n/**\n * Returns inline styles for API key status chips on the Approval Queue page.\n * Uses inline styles to ensure proper specificity with Material-UI Chip.\n */\nexport const getApprovalQueueStatusChipStyle = (phase: string): CSSProperties => {\n  const base = { border: \"none\" };\n  switch (phase) {\n    case \"Approved\":\n      return { ...base, backgroundColor: \"#2e7d32\", color: \"#fff\" }; // Green\n    case \"Rejected\":\n      return { ...base, backgroundColor: \"#d32f2f\", color: \"#fff\" }; // Red\n    case \"Pending\":\n      return { ...base, backgroundColor: \"#ed6c02\", color: \"#fff\" }; // Orange\n    default:\n      return { ...base, backgroundColor: \"#ed6c02\", color: \"#fff\" }; // Orange (fallback for Pending)\n  }\n};\n\n/**\n * Returns inline styles for lifecycle chips.\n * Uses inline styles to ensure proper specificity with Material-UI Chip.\n */\nexport const getLifecycleChipStyle = (lifecycle: string): CSSProperties => {\n  switch (lifecycle) {\n    case \"production\":\n      return { backgroundColor: \"#1976d2\", color: \"#fff\" }; // Blue\n    case \"experimental\":\n      return { backgroundColor: \"#9c27b0\", color: \"#fff\" }; // Purple\n    case \"deprecated\":\n      return { backgroundColor: \"#ff9800\", color: \"#fff\" }; // Orange\n    case \"retired\":\n      return { backgroundColor: \"#d32f2f\", color: \"#fff\" }; // Red\n    default:\n      return {};\n  }\n};\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\n}), 'CheckCircle');\n\nexports.default = _default;","import {\n  createApiRef,\n  DiscoveryApi,\n  FetchApi,\n  IdentityApi,\n} from '@backstage/core-plugin-api';\nimport retry from 'async-retry';\nimport { handleFetchError } from './utils/errors';\nimport {\n  APIKey, APIKeyRequest,\n  APIKeySpec,\n  APIProduct,\n  BulkOperationResult, ExtractedSecret, K8sList, K8sResource,\n  PlanPolicy,\n} from './types/api-management';\n\n/**\n * Generic Kuadrant list type for API responses\n */\nexport interface KuadrantList<T = any> {\n  items: T[];\n}\n\n/**\n * Options for constructing the KuadrantApiClient\n */\nexport type Options = {\n  discoveryApi: DiscoveryApi;\n  fetchApi: FetchApi;\n  identityApi: IdentityApi;\n};\n\n/**\n * Retry configuration for read operations (GET requests only)\n * Conservative strategy: 3 retries with exponential backoff\n */\nconst RETRY_OPTIONS: retry.Options = {\n  retries: 3,\n  factor: 2,\n  minTimeout: 300, // 300ms, 600ms, 1200ms\n  maxTimeout: 3000,\n  randomize: true,\n};\n\n/**\n * Kuadrant API interface defining all operations for managing\n * API products, API keys, and related resources\n */\nexport interface KuadrantAPI {\n  // ===== APIKey Requests =====\n\n  /**\n   * Fetch all API key requests per user\n   * @returns Promise with list of all API key requests\n   */\n  getRequests(): Promise<KuadrantList<APIKey>>;\n\n  /**\n   * Fetch all API key requests\n   * @returns Promise with list of all API key requests\n   */\n  getAllRequests(): Promise<KuadrantList<APIKey>>;\n\n  /**\n   * Fetch API key requests for a specific namespace\n   * @param namespace - Kubernetes namespace\n   * @returns Promise with list of requests in the namespace\n   */\n  getRequestsByNamespace(namespace: string): Promise<KuadrantList<APIKey>>;\n\n  /**\n   * Fetch a single API key request\n   * @param namespace - API key request name\n   * @param name - Kubernetes namespace\n   * @returns Promise with the API key request\n   */\n  getRequest(namespace: string, name: string): Promise<APIKey>;\n\n  /**\n   * Create a new API key request\n   * @param request - APIKeyRequest specification\n   * @returns Promise with the created API key\n   */\n  createRequest(request: APIKeyRequest): Promise<APIKey>;\n\n  /**\n   * Update an existing API key request\n   * @param namespace - Kubernetes namespace\n   * @param name - API key request name\n   * @param patch - Partial API key spec with fields to update\n   * @returns Promise with the updated API key\n   */\n  updateRequest(\n    namespace: string,\n    name: string,\n    patch: Partial<APIKeySpec>,\n  ): Promise<APIKey>;\n\n  /**\n   * Delete an API key request\n   * @param namespace - Kubernetes namespace\n   * @param name - API key request name\n   * @returns Promise that resolves when deletion completes\n   */\n  deleteRequest(namespace: string, name: string): Promise<void>;\n\n  /**\n   * Approve an API key request\n   * @param namespace - Kubernetes namespace\n   * @param name - API key request name\n   * @param reviewedBy - Reviewed By User / System\n   * @returns Promise with the approved API key\n   */\n  approveRequest(namespace: string, name: string, reviewedBy: string): Promise<APIKey>;\n\n  /**\n   * Reject an API key request\n   * @param namespace - Kubernetes namespace\n   * @param name - API key request name\n   * @param reviewedBy - Reviewed By User / System\n   * @returns Promise with the rejected API key\n   */\n  rejectRequest(namespace: string, name: string, reviewedBy: string): Promise<APIKey>;\n\n  /**\n   * Bulk approve multiple API key requests\n   * @param requests - Array of namespace/name pairs to approve\n   * @param reviewedBy - Reviewed By User / System\n   * @returns Promise that resolves when all approvals complete\n   */\n  bulkApproveRequests(\n    requests: Array<{ namespace: string; name: string }>,\n    reviewedBy: string): Promise<Array<BulkOperationResult>>;\n\n  /**\n   * Bulk reject multiple API key requests\n   * @param requests - Array of namespace/name pairs to reject\n   * @param reviewedBy - Reviewed By User / System\n   * @returns Promise that resolves when all rejections complete\n   */\n  bulkRejectRequests(\n    requests: Array<{ namespace: string; name: string }>,\n    reviewedBy: string): Promise<Array<BulkOperationResult>>;\n\n  // ===== API Keys/Secrets =====\n\n  /**\n   * Fetch an API key resource\n   * @param namespace - Kubernetes namespace\n   * @param name - API key name\n   * @returns Promise with the API key\n   */\n  getApiKey(namespace: string, name: string): Promise<APIKey>;\n\n  /**\n   * Retrieve the secret value for an API key (one-time operation)\n   * @param namespace - Kubernetes namespace\n   * @param name - API key name\n   * @returns Promise with the secret value\n   */\n  getApiKeySecret(namespace: string, name: string): Promise<ExtractedSecret>;\n\n  // ===== API Products =====\n\n  /**\n   * Fetch all API products\n   * @returns Promise with list of all API products\n   */\n  getApiProducts(): Promise<KuadrantList<APIProduct>>;\n\n  /**\n   * Fetch a single API product\n   * @param namespace - Kubernetes namespace\n   * @param name - API product name\n   * @returns Promise with the API product\n   */\n  getApiProduct(namespace: string, name: string): Promise<APIProduct>;\n\n  /**\n   * Create a new API product\n   * @param product - API product specification\n   * @returns Promise with the created API product\n   */\n  createApiProduct(product: APIProduct): Promise<APIProduct>;\n\n  /**\n   * Update an existing API product\n   * @param namespace - Kubernetes namespace\n   * @param name - API product name\n   * @param patch - Partial API product spec with fields to update\n   * @returns Promise with the updated API product\n   */\n  updateApiProduct(\n    namespace: string,\n    name: string,\n    patch: Partial<APIProduct>,\n  ): Promise<APIProduct>;\n\n  /**\n   * Delete an API product\n   * @param namespace - Kubernetes namespace\n   * @param name - API product name\n   * @returns Promise that resolves when deletion completes\n   */\n  deleteApiProduct(namespace: string, name: string): Promise<void>;\n\n  // ===== HTTP Routes & Policies =====\n\n  /**\n   * Fetch all HTTPRoute(s)\n   * @returns Promise with list of all HTTP routes\n   */\n  getHttpRoutes(): Promise<K8sList>;\n\n  /**\n   * Fetch a specific HTTPRoute\n   * @param namespace - Kubernetes namespace\n   * @param name - HTTPRoute name\n   * @returns Promise with an HTTPRoute\n   */\n  getHttpRoute(namespace: string, name: string): Promise<K8sResource>;\n\n  // ===== Plan Policies =====\n\n  /**\n   * Fetch all plan policies\n   * @returns Promise with list of all plan policies\n   */\n  getPlanPolicies(): Promise<KuadrantList<PlanPolicy>>;\n}\n\n/**\n * API reference for the Kuadrant API\n */\nexport const kuadrantApiRef = createApiRef<KuadrantAPI>({\n  id: 'plugin.kuadrant.service',\n});\n\n/**\n * Implementation of the Kuadrant API client\n */\nexport class KuadrantApiClient implements KuadrantAPI {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: Options) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  /**\n   * Get the base URL for the backend API\n   */\n  private async getBaseUrl(): Promise<string> {\n    return await this.discoveryApi.getBaseUrl('');\n  }\n\n  /**\n   * Wrapper for GET requests with automatic retry logic\n   * Retries on network failures or 5xx errors with exponential backoff\n   */\n  private async fetchWithRetry<T>(url: string, errorMsg: string = \"\"): Promise<T> {\n    return retry(\n      async (bail) => {\n        const response = await this.fetchApi.fetch(url);\n        if (response.status === 401 || response.status === 403) { // Don't retry on Unauthenticated/Unauthorized\n          const error = await handleFetchError(response);\n          bail(new Error(error));\n        }\n        else if (!response.ok) {\n          const error = await handleFetchError(response);\n          throw new Error(`${errorMsg} ${error}`);\n        }\n        return await response.json();\n      },\n      RETRY_OPTIONS,\n    );\n  }\n\n  /**\n   * Wrapper for mutations (POST, PATCH, DELETE) without retry\n   * These operations are not retried to avoid duplicate side effects\n   */\n  private async fetchWithoutRetry<T>(\n    url: string,\n    options: RequestInit,\n    errorMsg: string = \"\"): Promise<T> {\n    const response = await this.fetchApi.fetch(url, {\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n      ...options,\n    });\n\n    if (!response.ok) {\n      const error = await handleFetchError(response);\n      throw new Error(`${errorMsg} ${error}`);\n    }\n\n    // DELETE operations don't return a body\n    if (options.method === 'DELETE') {\n      return undefined as T;\n    }\n\n    return await response.json();\n  }\n\n  // ===== API Requests Implementation =====\n\n  async getRequests(): Promise<KuadrantList<APIKey>> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithRetry(\n      `${baseUrl}kuadrant/requests/my`,\n      \"Failed to fetch API Key requests.\"\n    );\n  }\n\n  async getAllRequests(): Promise<KuadrantList<APIKey>> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithRetry(\n      `${baseUrl}kuadrant/requests`,\n      \"Failed to fetch API Key requests.\"\n    );\n  }\n\n  async getRequestsByNamespace(namespace: string): Promise<KuadrantList<APIKey>> {\n    const baseUrl = await this.getBaseUrl();\n    const url = namespace\n      ? `${baseUrl}kuadrant/requests/my?namespace=${namespace}`\n      : `${baseUrl}kuadrant/requests/my`;\n    return this.fetchWithRetry(url, \"Failed to fetch API Key requests by namespace.\");\n  }\n\n  async getRequest(namespace: string, name: string): Promise<APIKey> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithRetry(\n      `${baseUrl}kuadrant/requests/${namespace}/${name}`,\n      \"Failed to fetch API Key request.\"\n    );\n  }\n\n  async createRequest(request: APIKeyRequest): Promise<APIKey> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithoutRetry(`${baseUrl}kuadrant/requests`, {\n      method: 'POST',\n      body: JSON.stringify(request),\n    }, \"Failed to create APIKey request.\");\n  }\n\n  async updateRequest(\n    namespace: string,\n    name: string,\n    patch: Partial<APIKeySpec>,\n  ): Promise<APIKey> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithoutRetry(`${baseUrl}kuadrant/requests/${namespace}/${name}`, {\n      method: 'PATCH',\n      body: JSON.stringify(patch),\n    }, \"Failed to update APIKey request.\");\n  }\n\n  async deleteRequest(namespace: string, name: string): Promise<void> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithoutRetry(`${baseUrl}kuadrant/requests/${namespace}/${name}`, {\n      method: 'DELETE',\n    }, \"Failed to delete APIKey request.\");\n  }\n\n  async approveRequest(namespace: string, name: string, reviewedBy: string = \"system\"): Promise<APIKey> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithoutRetry(`${baseUrl}kuadrant/requests/${namespace}/${name}/approve`, {\n      method: 'POST',\n      body: JSON.stringify({ reviewedBy }),\n    }, \"Failed to approve APIKey request.\");\n  }\n\n  async rejectRequest(namespace: string, name: string, reviewedBy: string = \"system\"): Promise<APIKey> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithoutRetry(`${baseUrl}kuadrant/requests/${namespace}/${name}/reject`, {\n      method: 'POST',\n      body: JSON.stringify({ reviewedBy }),\n    }, \"Failed to reject APIKey request.\");\n  }\n\n  async bulkApproveRequests(\n    requests: Array<{ namespace: string; name: string }>,\n    reviewedBy: string): Promise<Array<BulkOperationResult>> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithoutRetry(`${baseUrl}kuadrant/requests/bulk-approve`, {\n      method: 'POST',\n      body: JSON.stringify({requests, reviewedBy}),\n    }, \"Failed to bulk approve APIKey requests.\");\n  }\n\n  async bulkRejectRequests(\n    requests: Array<{ namespace: string; name: string }>,\n    reviewedBy: string): Promise<Array<BulkOperationResult>> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithoutRetry(`${baseUrl}kuadrant/requests/bulk-reject`, {\n      method: 'POST',\n      body: JSON.stringify({requests, reviewedBy}),\n    }, \"Failed to bulk reject APIKey requests\");\n  }\n\n  // ===== API Keys/Secrets Implementation =====\n\n  async getApiKey(namespace: string, name: string): Promise<APIKey> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithRetry(\n      `${baseUrl}kuadrant/apikeys/${namespace}/${name}`,\n      \"Failed to fetch API Key.\"\n    );\n  }\n\n  async getApiKeySecret(\n    namespace: string,\n    name: string,\n  ): Promise<ExtractedSecret> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithRetry(\n      `${baseUrl}kuadrant/apikeys/${namespace}/${name}/secret`,\n      \"Failed to fetch API Key Secret.\"\n    );\n  }\n\n  // ===== API Products Implementation =====\n\n  async getApiProducts(): Promise<KuadrantList<APIProduct>> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithRetry(\n      `${baseUrl}kuadrant/apiproducts`,\n      \"Failed to fetch API Products.\"\n    );\n  }\n\n  async getApiProduct(namespace: string, name: string): Promise<APIProduct> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithRetry(\n      `${baseUrl}kuadrant/apiproducts/${namespace}/${name}`,\n      \"Failed to fetch API Product.\"\n    );\n  }\n\n  async createApiProduct(product: APIProduct): Promise<APIProduct> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithoutRetry(`${baseUrl}kuadrant/apiproducts`, {\n      method: 'POST',\n      body: JSON.stringify(product),\n    }, \"Failed to create API Product.\");\n  }\n\n  async updateApiProduct(\n    namespace: string,\n    name: string,\n    patch: Partial<APIProduct>,\n  ): Promise<APIProduct> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithoutRetry(`${baseUrl}kuadrant/apiproducts/${namespace}/${name}`, {\n      method: 'PATCH',\n      body: JSON.stringify(patch),\n    }, \"Failed to update API Product.\");\n  }\n\n  async deleteApiProduct(namespace: string, name: string): Promise<void> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithoutRetry(`${baseUrl}kuadrant/apiproducts/${namespace}/${name}`, {\n      method: 'DELETE',\n    }, \"Failed to delete API Product.\");\n  }\n\n  // ===== HTTP Routes =====\n\n  async getHttpRoutes(): Promise<K8sList> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithRetry(\n      `${baseUrl}kuadrant/httproutes`,\n      \"Failed to fetch HTTPRoutes.\"\n    );\n  }\n\n  async getHttpRoute(namespace: string, name: string): Promise<K8sResource> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithRetry(\n      `${baseUrl}kuadrant/httproutes/${namespace}/${name}`,\n      `Failed to fetc HTTPRoute ${namespace}/${name}.`\n    );\n  }\n\n  // ===== Plan Policies Implementation =====\n\n  async getPlanPolicies(): Promise<KuadrantList<PlanPolicy>> {\n    const baseUrl = await this.getBaseUrl();\n    return this.fetchWithRetry(\n      `${baseUrl}kuadrant/planpolicies`,\n      \"Failed to fetch PlanPolicies.\"\n    );\n  }\n}\n"],"names":["createPermission","name","attributes","action","kuadrantPlanPolicyListPermission","kuadrantApiProductCreatePermission","kuadrantApiProductReadAllPermission","kuadrantApiProductUpdateOwnPermission","kuadrantApiProductUpdateAllPermission","kuadrantApiProductDeleteOwnPermission","kuadrantApiProductDeleteAllPermission","kuadrantApiProductListPermission","kuadrantApiKeyCreatePermission","resourceType","kuadrantApiKeyUpdateOwnPermission","kuadrantApiKeyUpdateAllPermission","kuadrantApiKeyDeleteOwnPermission","kuadrantApiKeyDeleteAllPermission","kuadrantApiKeyApprovePermission","useAsync","fn","deps","_a","initialState","loading","lastCallId","useRef","isMounted","useMountedState","useState","state","set","callback","useCallback","args","_i","arguments","length","callId","current","prevState","__assign","apply","then","value","error","useAsyncFn","useEffect","useKuadrantPermission","permission","resourceRef","permissionRequest","result","usePermission","allowed","canDeleteResource","ownerId","currentUserId","canDeleteOwn","canDeleteAll","getMyApiKeysStatusChipStyle","phase","base","border","backgroundColor","color","getApprovalQueueStatusChipStyle","getLifecycleChipStyle","lifecycle","_interopRequireDefault","_interopRequireWildcard","exports","React","_default","default","createElement","d","kuadrantApiRef","createApiRef","id"],"sourceRoot":""}

package/dist-scalprum/static/7005.a9f73153.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[7005],{12229:(e,t,a)=>{a.d(t,{Z:()=>A});var s=a(31085),l=a(95478),n=a.n(l),i=a(10394),r=a(72501),o=a(64947),c=a(37197),d=a(69621),u=a(12981),p=a(86901),m=a(69076),h=a(58837),v=a(6924),x=a(23164);const g=(0,h.A)(e=>({root:{width:240,minWidth:240,padding:e.spacing(2),borderRight:`1px solid ${e.palette.divider}`,backgroundColor:e.palette.background.paper,height:"100%",overflowY:"auto"},sectionTitle:{fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.05em",color:e.palette.text.secondary,marginBottom:e.spacing(1),display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",userSelect:"none"},filterSection:{marginBottom:e.spacing(2)},checkbox:{padding:e.spacing(.5)},checkboxLabel:{fontSize:"0.875rem"},clearButton:{marginTop:e.spacing(2)},count:{fontSize:"0.75rem",color:e.palette.text.secondary,marginLeft:e.spacing(1)}})),A=({sections:e,filters:t,onChange:a,onClear:l})=>{const h=g(),[A,y]=n().useState(new Set(e.filter(e=>e.collapsed).map(e=>e.id))),f=Object.values(t).some(e=>e.length>0);return(0,s.jsxs)(i.A,{className:h.root,children:[(0,s.jsxs)(i.A,{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2,children:[(0,s.jsx)(r.A,{variant:"subtitle2",children:"Filters"}),f&&(0,s.jsx)(o.A,{size:"small",color:"primary",onClick:()=>{const t={};e.forEach(e=>{t[e.id]=[]}),a(t),null==l||l()},children:"Clear all"})]}),(0,s.jsx)(c.A,{}),e.map(e=>{const l=A.has(e.id),n=(t[e.id]||[]).length;return(0,s.jsxs)(i.A,{className:h.filterSection,mt:2,children:[(0,s.jsxs)(i.A,{className:h.sectionTitle,onClick:()=>{return t=e.id,void y(e=>{const a=new Set(e);return a.has(t)?a.delete(t):a.add(t),a});var t},children:[(0,s.jsxs)(i.A,{display:"flex",alignItems:"center",children:[(0,s.jsx)("span",{children:e.title}),n>0&&(0,s.jsxs)("span",{className:h.count,children:["(",n,")"]})]}),l?(0,s.jsx)(v.A,{fontSize:"small"}):(0,s.jsx)(x.A,{fontSize:"small"})]}),(0,s.jsx)(d.A,{in:!l,children:(0,s.jsx)(u.A,{children:e.options.map(l=>(0,s.jsx)(p.A,{control:(0,s.jsx)(m.A,{checked:(t[e.id]||[]).includes(l.value),onChange:()=>((e,s)=>{const l=t[e]||[],n=l.includes(s)?l.filter(e=>e!==s):[...l,s];a({...t,[e]:n})})(e.id,l.value),size:"small",className:h.checkbox,color:"primary"}),label:(0,s.jsxs)(i.A,{display:"flex",alignItems:"center",children:[(0,s.jsx)("span",{className:h.checkboxLabel,children:l.label}),void 0!==l.count&&(0,s.jsxs)("span",{className:h.count,children:["(",l.count,")"]})]})},l.value))})})]},e.id)})]})}},94251:(e,t,a)=>{a.r(t),a.d(t,{ApiProductsPage:()=>se});var s=a(31085),l=a(95478),n=a(58837),i=a(10394),r=a(67720),o=a(72501),c=a(64947),d=a(29365),u=a(78467),p=a(18466),m=a(39590),h=a(75625),v=a(21702),x=a(85142),g=a(12229),A=a(37725),y=a(289),f=a(15831),j=a(45210),b=a(46681),P=a(42367),S=a(25010),I=a(91638),C=a(22097),w=a(64047),k=a(86687),T=a(46205);const N=({children:e,permission:t,fallback:a,errorMessage:l})=>{const{allowed:n,loading:r,error:c}=(0,T.l)(t);return r?(0,s.jsx)(k.k,{}):c?(0,s.jsxs)(i.A,{p:4,children:[(0,s.jsxs)(o.A,{color:"error",children:["Unable to check permissions: ",c.message]}),(0,s.jsx)(o.A,{variant:"body2",color:"textSecondary",children:"Please try again or contact your administrator"})]}):n?(0,s.jsx)(s.Fragment,{children:e}):a?(0,s.jsx)(s.Fragment,{children:a}):(0,s.jsxs)(i.A,{p:4,children:[(0,s.jsx)(o.A,{color:"textSecondary",children:l||"You don't have permission to view this page"}),(0,s.jsx)(i.A,{mt:1,children:(0,s.jsxs)(o.A,{variant:"caption",color:"textSecondary",children:["Required permission: ",t.name]})})]})};var R=a(76891),z=a(61477),D=a(46805),$=a(42899),L=a(16249),H=a(34839),M=a(71677),W=a(26343),E=a(95061),q=a(29635),K=a(86901),O=a(30285),B=a(93453),U=a(89031),F=a(84441),_=a(65867),Y=a(24170);const V=(0,n.A)(e=>({asterisk:{color:"#f44336"},sectionHeader:{display:"flex",alignItems:"center",gap:e.spacing(.5),marginTop:e.spacing(2),marginBottom:e.spacing(1)},infoIcon:{fontSize:18,color:e.palette.text.secondary},tagChip:{marginRight:e.spacing(.5),marginBottom:e.spacing(.5)}})),Z=({open:e,onClose:t,onSuccess:a})=>{var n;const m=V(),h=(0,C.useApi)(w.s),[v,x]=(0,l.useState)(""),[g,A]=(0,l.useState)(""),[y,f]=(0,l.useState)(""),[j,b]=(0,l.useState)("v1"),[P,S]=(0,l.useState)("manual"),[k,T]=(0,l.useState)("Published"),[N,Z]=(0,l.useState)("production"),[G,J]=(0,l.useState)([]),[X,Q]=(0,l.useState)(""),[ee,te]=(0,l.useState)(""),[ae,se]=(0,l.useState)(""),[le,ne]=(0,l.useState)(""),[ie,re]=(0,l.useState)(""),[oe,ce]=(0,l.useState)(""),[de,ue]=(0,l.useState)(""),[pe,me]=(0,l.useState)(!1),[he,ve]=(0,l.useState)(0),[xe,ge]=(0,l.useState)(null),[Ae,ye]=(0,l.useState)(null),[fe,je]=(0,l.useState)(""),[be,Pe]=(0,l.useState)("name"),{value:Se,loading:Ie,error:Ce}=(0,I.A)(async()=>(await h.getHttpRoutes()).items||[],[h,e,he]),{value:we,error:ke}=(0,I.A)(async()=>await h.getPlanPolicies(),[h,e]),Te=(e,t)=>(null==we?void 0:we.items)?we.items.find(a=>{const s=a.targetRef;return"HTTPRoute"===(null==s?void 0:s.kind)&&(null==s?void 0:s.name)===t&&(!(null==s?void 0:s.namespace)||(null==s?void 0:s.namespace)===e)}):null,Ne=ee?ee.split("/"):null,Re=Ne?Te(Ne[0],Ne[1]):null,ze=(e,t)=>{const a=Te(e,t);return a?`${a.metadata.name}${(e=>{var t;if(!(null==e||null===(t=e.spec)||void 0===t?void 0:t.plans))return"";const a=Object.entries(e.spec.plans).map(([e,t])=>{var a;const s=null==t||null===(a=t.limits)||void 0===a?void 0:a.requests;return s?`${e}: ${s.count}/${s.period}`:e}).join("; ");return a?` (${a})`:""})(a)}`:"N/A"};(0,l.useEffect)(()=>{e&&(ge(null),ye(null))},[e]);const De=()=>{X.trim()&&!G.includes(X.trim())&&(J([...G,X.trim()]),Q(""))},$e=()=>{x(""),A(""),f(""),b("v1"),S("manual"),T("Published"),Z("production"),J([]),Q(""),te(""),se(""),ne(""),re(""),ce(""),ue(""),ge(null),ye(null),t()},Le=!!xe||!!Ae;return(0,s.jsxs)(R.A,{open:e,onClose:$e,maxWidth:"md",fullWidth:!0,children:[(0,s.jsx)(z.A,{children:"Create API Product"}),(0,s.jsxs)(D.A,{children:[de&&(0,s.jsx)(F.A,{severity:"error",style:{marginBottom:16},children:de}),Ce&&(0,s.jsxs)(F.A,{severity:"error",style:{marginBottom:16},children:[(0,s.jsx)("strong",{children:"Failed to load HTTPRoutes:"})," ",Ce.message,(0,s.jsx)(i.A,{mt:1,children:(0,s.jsx)(c.A,{size:"small",variant:"outlined",onClick:()=>ve(e=>e+1),children:"Retry"})})]}),ke&&(0,s.jsxs)(F.A,{severity:"warning",style:{marginBottom:16},children:[(0,s.jsx)("strong",{children:"Failed to load PlanPolicies:"})," ",ke.message,(0,s.jsx)(o.A,{variant:"body2",style:{marginTop:8},children:"You can still create the API Product, but plan information may be incomplete."})]}),(0,s.jsx)(i.A,{className:m.sectionHeader,children:(0,s.jsx)(o.A,{variant:"subtitle1",children:(0,s.jsx)("strong",{children:"API product info"})})}),(0,s.jsxs)($.A,{container:!0,spacing:2,children:[(0,s.jsx)($.A,{item:!0,xs:6,children:(0,s.jsx)(L.A,{fullWidth:!0,label:"API product name",value:g,onChange:e=>(e=>{if(A(e),!v||v.match(/-[a-f0-9]{6}$/)){const t=`${e.toLowerCase().replace(/[^a-z0-9-]/g,"-").replace(/-+/g,"-").replace(/^-|-$/g,"")}-${Math.floor(16777215*Math.random()).toString(16).padStart(6,"0")}`;x(t),ge((0,Y.o)(t))}})(e.target.value),placeholder:"My API",helperText:"Display name for your API product (shown to users)",margin:"normal",required:!0,disabled:pe,InputLabelProps:{classes:{asterisk:m.asterisk}}})}),(0,s.jsx)($.A,{item:!0,xs:6,children:(0,s.jsx)(L.A,{fullWidth:!0,label:"Kubernetes resource name",value:v,onChange:e=>{return t=e.target.value,x(t),void ge((0,Y.o)(t));var t},placeholder:"my-api",helperText:xe||"Auto-generated from product name. Only lowercase, numbers, and hyphens allowed.",error:!!xe,margin:"normal",required:!0,disabled:pe,InputLabelProps:{classes:{asterisk:m.asterisk}}})}),(0,s.jsx)($.A,{item:!0,xs:6,children:(0,s.jsx)(L.A,{fullWidth:!0,label:"Version",value:j,onChange:e=>b(e.target.value),placeholder:"v1",helperText:"Give a version to your API product",margin:"normal",required:!0,disabled:pe,InputLabelProps:{classes:{asterisk:m.asterisk}}})}),(0,s.jsx)($.A,{item:!0,xs:6,children:(0,s.jsx)(L.A,{fullWidth:!0,label:"Tag",value:X,onChange:e=>Q(e.target.value),onKeyPress:e=>{"Enter"===e.key&&(e.preventDefault(),De())},placeholder:"Add tag",helperText:"Add a tag to your API product",margin:"normal",disabled:pe,InputProps:{endAdornment:X?(0,s.jsx)(H.A,{position:"end",children:(0,s.jsx)(d.A,{size:"small",onClick:De,disabled:pe,children:(0,s.jsx)(p.A,{fontSize:"small"})})}):void 0}})}),G.length>0&&(0,s.jsx)($.A,{item:!0,xs:12,children:(0,s.jsx)(i.A,{display:"flex",flexWrap:"wrap",children:G.map(e=>(0,s.jsx)(r.A,{label:e,onDelete:pe?void 0:()=>{return t=e,void J(G.filter(e=>e!==t));var t},size:"small",className:m.tagChip,disabled:pe},e))})}),(0,s.jsx)($.A,{item:!0,xs:12,children:(0,s.jsx)(L.A,{fullWidth:!0,label:"Description",value:y,onChange:e=>f(e.target.value),placeholder:"API description",margin:"normal",multiline:!0,rows:2,required:!0,disabled:pe,InputLabelProps:{classes:{asterisk:m.asterisk}}})})]}),(0,s.jsxs)(i.A,{className:m.sectionHeader,children:[(0,s.jsx)(o.A,{variant:"subtitle1",children:(0,s.jsx)("strong",{children:"Add API and Associate route"})}),(0,s.jsx)(M.Ay,{title:"Register an existing API and associate HTTPRoute for your API product",children:(0,s.jsx)(U.A,{className:m.infoIcon})})]}),(0,s.jsxs)($.A,{container:!0,spacing:2,children:[(0,s.jsx)($.A,{item:!0,xs:12,children:(0,s.jsx)(L.A,{fullWidth:!0,label:"OpenAPI Spec URL",value:oe,onChange:e=>{return t=e.target.value,ce(t),void ye((0,Y.q)(t));var t},placeholder:"https://api.example.com/openapi.json",helperText:Ae||"Enter the full path to your API spec file",error:!!Ae,margin:"normal",required:!0,disabled:pe,InputLabelProps:{classes:{asterisk:m.asterisk}}})}),(0,s.jsx)($.A,{item:!0,xs:12,children:(0,s.jsx)(L.A,{fullWidth:!0,label:"Documentation URL",value:ie,onChange:e=>re(e.target.value),placeholder:"https://docs.example.com/api",helperText:"Link to external documentation for this API",margin:"normal",disabled:pe})}),(0,s.jsx)($.A,{item:!0,xs:12,children:(0,s.jsxs)(L.A,{fullWidth:!0,select:!0,label:"HTTPRoute",value:ee,onChange:e=>te(e.target.value),margin:"normal",required:!0,helperText:Ce?"Unable to load HTTPRoutes. Please retry.":"Select an HTTPRoute. APIProduct will be created in the same namespace.",error:!!Ce,disabled:Ie||pe||!!Ce,InputLabelProps:{classes:{asterisk:m.asterisk}},SelectProps:{"data-testid":"httproute-select",MenuProps:{PaperProps:{style:{maxHeight:400}},anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},getContentAnchorEl:null}},children:[(0,s.jsx)(i.A,{px:2,pt:1,pb:1,style:{position:"sticky",top:0,zIndex:1},children:(0,s.jsx)(L.A,{fullWidth:!0,size:"small",placeholder:"Search...",value:fe,onChange:e=>je(e.target.value),onKeyDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),InputProps:{endAdornment:(0,s.jsx)(H.A,{position:"end",children:(0,s.jsxs)(L.A,{select:!0,size:"small",value:be,onChange:e=>Pe(e.target.value),onKeyDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),style:{minWidth:120},variant:"standard",children:[(0,s.jsx)(W.A,{value:"name",children:"Name"}),(0,s.jsx)(W.A,{value:"namespace",children:"Namespace"}),(0,s.jsx)(W.A,{value:"planpolicy",children:"PlanPolicy"})]})})}})}),Ie&&(0,s.jsx)(W.A,{value:"",children:"Loading..."}),Ce&&(0,s.jsx)(W.A,{value:"",children:"Error loading routes"}),!Ie&&!Ce&&Se&&0===Se.length&&(0,s.jsx)(W.A,{value:"",children:"No HTTPRoutes available"}),!Ie&&!Ce&&Se&&Se.filter(e=>{if(!fe)return!0;const t=e.metadata.namespace,a=e.metadata.name,s=ze(t,a),l=fe.toLowerCase();switch(be){case"name":return a.toLowerCase().includes(l);case"namespace":return t.toLowerCase().includes(l);case"planpolicy":return s.toLowerCase().includes(l);default:return!0}}).map(e=>{const t=e.metadata.namespace,a=e.metadata.name,l=ze(t,a);return(0,s.jsx)(W.A,{value:`${t}/${a}`,children:(0,s.jsxs)(i.A,{children:[(0,s.jsx)(o.A,{variant:"body1",children:a}),(0,s.jsxs)(o.A,{variant:"caption",color:"textSecondary",children:["Associated PlanPolicy: ",l]})]})},`${t}/${a}`)})]})})]}),ee&&Re&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(i.A,{className:m.sectionHeader,children:[(0,s.jsx)(o.A,{variant:"subtitle1",children:(0,s.jsx)("strong",{children:"HTTPRoute policies"})}),(0,s.jsx)(M.Ay,{title:"Shows the associated policies and rate limit tiers for the selected HTTPRoute",children:(0,s.jsx)(U.A,{className:m.infoIcon})})]}),(0,s.jsx)(_.g,{discoveredPlans:null===(n=Re.spec)||void 0===n?void 0:n.plans,alertSeverity:"warning",alertMessage:"No PlanPolicy found for this HTTPRoute. API keys and rate limiting may not be available.",includeTopMargin:!1})]}),(0,s.jsxs)(i.A,{className:m.sectionHeader,children:[(0,s.jsx)(o.A,{variant:"subtitle1",children:(0,s.jsx)("strong",{children:"Lifecycle and Visibility"})}),(0,s.jsx)(M.Ay,{title:"Control the lifecycle state and catalog visibility of this API product",children:(0,s.jsx)(U.A,{className:m.infoIcon})})]}),(0,s.jsxs)($.A,{container:!0,spacing:2,children:[(0,s.jsx)($.A,{item:!0,xs:6,children:(0,s.jsxs)(L.A,{fullWidth:!0,select:!0,label:"Lifecycle",value:N,onChange:e=>Z(e.target.value),margin:"normal",helperText:"API lifecycle state",disabled:pe,children:[(0,s.jsx)(W.A,{value:"experimental",children:"Experimental"}),(0,s.jsx)(W.A,{value:"production",children:"Production"}),(0,s.jsx)(W.A,{value:"deprecated",children:"Deprecated"}),(0,s.jsx)(W.A,{value:"retired",children:"Retired"})]})}),(0,s.jsx)($.A,{item:!0,xs:6,children:(0,s.jsxs)(L.A,{fullWidth:!0,select:!0,label:"Publish Status",value:k,onChange:e=>T(e.target.value),margin:"normal",helperText:"Controls catalog visibility (Draft = hidden from consumers)",disabled:pe,children:[(0,s.jsx)(W.A,{value:"Draft",children:"Draft"}),(0,s.jsx)(W.A,{value:"Published",children:"Published"})]})})]}),(0,s.jsxs)(i.A,{className:m.sectionHeader,children:[(0,s.jsx)(o.A,{variant:"subtitle1",children:(0,s.jsx)("strong",{children:"API Key approval"})}),(0,s.jsx)(M.Ay,{title:"Choose how API key requests are handled for this product",children:(0,s.jsx)(U.A,{className:m.infoIcon})})]}),(0,s.jsx)(E.A,{component:"fieldset",disabled:pe,children:(0,s.jsxs)(q.A,{row:!0,value:P,onChange:e=>S(e.target.value),children:[(0,s.jsx)(K.A,{value:"manual",control:(0,s.jsx)(O.A,{color:"primary"}),label:(0,s.jsxs)(i.A,{children:[(0,s.jsx)(o.A,{variant:"body2",children:"Need manual approval"}),(0,s.jsx)(o.A,{variant:"caption",color:"textSecondary",children:"Requires approval for requesting this API"})]})}),(0,s.jsx)(K.A,{value:"automatic",control:(0,s.jsx)(O.A,{color:"primary"}),label:(0,s.jsxs)(i.A,{children:[(0,s.jsx)(o.A,{variant:"body2",children:"Automatic"}),(0,s.jsx)(o.A,{variant:"caption",color:"textSecondary",children:"Keys are created without need to be approved"})]})})]})})]}),(0,s.jsxs)(B.A,{children:[(0,s.jsx)(c.A,{onClick:$e,disabled:pe,children:"Cancel"}),(0,s.jsx)(c.A,{onClick:async()=>{ue(""),me(!0);try{if(!ee)throw new Error("Please select an HTTPRoute");const[e,t]=ee.split("/"),s=e,l={apiVersion:"devportal.kuadrant.io/v1alpha1",kind:"APIProduct",metadata:{name:v,namespace:s,labels:{lifecycle:N}},spec:{displayName:g,description:y,version:j,approvalMode:P,publishStatus:k,tags:G,targetRef:{group:"gateway.networking.k8s.io",kind:"HTTPRoute",name:t,namespace:e},...ae||le?{contact:{...ae&&{email:ae},...le&&{team:le}}}:{},...ie||oe?{documentation:{...ie&&{docsURL:ie},...oe&&{openAPISpecURL:oe}}}:{}}};await h.createApiProduct(l),a({namespace:s,name:v,displayName:g}),$e()}catch(e){ue(e instanceof Error?e.message:String(e))}finally{me(!1)}},color:"primary",variant:"contained",disabled:pe||!v||!g||!y||!ee||Le,startIcon:pe?(0,s.jsx)(u.A,{size:16,color:"inherit"}):void 0,children:pe?"Creating...":"Create"})]})]})};var G=a(34955),J=a(26997),X=a(63221),Q=a(46299);const ee=a.p+"static/empty-state-illustration.7e3ad5a9..png",te=(0,n.A)(e=>({container:{display:"flex",height:"100%",minHeight:400},tableContainer:{flex:1,overflow:"auto",padding:10},emptyState:{display:"flex",alignItems:"center",justifyContent:"center",padding:e.spacing(6),minHeight:400},emptyStateContent:{display:"flex",alignItems:"center",gap:e.spacing(6),maxWidth:900},emptyStateText:{flex:1},emptyStateTitle:{marginBottom:e.spacing(2)},emptyStateDescription:{marginBottom:e.spacing(3),color:e.palette.text.secondary},emptyStateImage:{maxWidth:400,height:"auto"}})),ae=()=>{const e=te(),t=(0,C.useApi)(w.s),a=(0,C.useApi)(C.alertApiRef),n=(0,C.useApi)(C.identityApiRef),[k,N]=(0,l.useState)(""),[R,z]=(0,l.useState)(!1),[D,$]=(0,l.useState)(!1),[L,H]=(0,l.useState)(0),[M,W]=(0,l.useState)(!1),[E,q]=(0,l.useState)(null),[K,O]=(0,l.useState)(null),[B,U]=(0,l.useState)(!1),[F,_]=(0,l.useState)(null),[Y,V]=(0,l.useState)({status:[],lifecycle:[],policy:[],route:[],namespace:[],tags:[],authentication:[]}),{allowed:ae,loading:se,error:le}=(0,T.l)(G.FL),{allowed:ne,loading:ie}=(0,T.l)(G.EM),{allowed:re,loading:oe,error:ce}=(0,T.l)(G.R_),{allowed:de}=(0,T.l)(G.U3),{allowed:ue}=(0,T.l)(G.v_),pe=ie||oe,{allowed:me,loading:he,error:ve}=(0,T.l)(G.J);(0,I.A)(async()=>{const e=await n.getBackstageIdentity();N(e.userEntityRef)},[n]);const{value:xe,loading:ge,error:Ae}=(0,I.A)(async()=>t.getApiProducts(),[t,L]),{value:ye,loading:fe,error:je}=(0,I.A)(async()=>me?t.getPlanPolicies():{items:[]},[t,L,me]),be=(0,l.useCallback)(e=>{var t;if(!(null==ye?void 0:ye.items))return null;const a=null===(t=e.spec)||void 0===t?void 0:t.targetRef;if(!a)return null;const s=ye.items.find(t=>{const s=t.targetRef;return"HTTPRoute"===(null==s?void 0:s.kind)&&(null==s?void 0:s.name)===a.name&&(!(null==s?void 0:s.namespace)||(null==s?void 0:s.namespace)===(a.namespace||e.metadata.namespace))});return(null==s?void 0:s.metadata.name)||null},[ye]),Pe=(0,l.useCallback)(e=>{var t,a;const s=(null===(a=e.status)||void 0===a||null===(t=a.discoveredAuthScheme)||void 0===t?void 0:t.authentication)||{},l=Object.values(s),n=[];return l.some(e=>e.hasOwnProperty("apiKey"))&&n.push("API Key"),l.some(e=>e.hasOwnProperty("jwt"))&&n.push("OIDC"),0===n.length&&n.push("Unknown"),n},[]),Se=ge||fe||se||pe||he,Ie=Ae||je,Ce=le||ce||ve,we=(0,l.useMemo)(()=>{const e=(null==xe?void 0:xe.items)||[];return ae||de||ue?e:e.filter(e=>{var t;return"Published"===((null===(t=e.spec)||void 0===t?void 0:t.publishStatus)||"Draft")})},[xe,ae,de,ue]),ke=(0,l.useMemo)(()=>{const e={Draft:0,Published:0},t=new Map,a=new Map,s=new Map,l=new Map,n=new Map,i=new Map;we.forEach(r=>{var o,c,d,u,p;const m=(null===(o=r.spec)||void 0===o?void 0:o.publishStatus)||"Draft";e[m]++;const h=(null===(c=r.metadata.labels)||void 0===c?void 0:c.lifecycle)||"production";t.set(h,(t.get(h)||0)+1);const v=be(r)||"N/A";a.set(v,(a.get(v)||0)+1);const x=(null===(u=r.spec)||void 0===u||null===(d=u.targetRef)||void 0===d?void 0:d.name)||"unknown";s.set(x,(s.get(x)||0)+1);const g=r.metadata.namespace;l.set(g,(l.get(g)||0)+1),((null===(p=r.spec)||void 0===p?void 0:p.tags)||[]).forEach(e=>{n.set(e,(n.get(e)||0)+1)}),Pe(r).forEach(e=>{i.set(e,(i.get(e)||0)+1)})});const r=[{id:"status",title:"Publish Status",options:[{value:"Draft",label:"Draft",count:e.Draft},{value:"Published",label:"Published",count:e.Published}]},{id:"lifecycle",title:"Lifecycle",options:Array.from(t.entries()).map(([e,t])=>({value:e,label:e.charAt(0).toUpperCase()+e.slice(1),count:t}))},{id:"authentication",title:"Authentication",options:Array.from(i.entries()).map(([e,t])=>({value:e,label:e,count:t}))},{id:"route",title:"Route",options:Array.from(s.entries()).map(([e,t])=>({value:e,label:e,count:t})),collapsed:s.size>5},{id:"namespace",title:"Namespace",options:Array.from(l.entries()).map(([e,t])=>({value:e,label:e,count:t})),collapsed:l.size>5},{id:"tags",title:"Tags",options:Array.from(n.entries()).map(([e,t])=>({value:e,label:e,count:t})),collapsed:n.size>5}];return me&&r.splice(2,0,{id:"policy",title:"Policy",options:Array.from(a.entries()).map(([e,t])=>({value:e,label:e,count:t})),collapsed:a.size>5}),r},[we,be,Pe,me]),Te=(0,l.useMemo)(()=>we.filter(e=>{if(Y.status.length>0){var t;const a=(null===(t=e.spec)||void 0===t?void 0:t.publishStatus)||"Draft";if(!Y.status.includes(a))return!1}if(Y.lifecycle&&Y.lifecycle.length>0){var a;const t=(null===(a=e.metadata.labels)||void 0===a?void 0:a.lifecycle)||"production";if(!Y.lifecycle.includes(t))return!1}if(Y.authentication.length>0){const t=Pe(e);if(!Y.authentication.some(e=>t.includes(e)))return!1}if(Y.policy.length>0){const t=be(e)||"N/A";if(!Y.policy.includes(t))return!1}if(Y.route.length>0){var s,l;const t=(null===(l=e.spec)||void 0===l||null===(s=l.targetRef)||void 0===s?void 0:s.name)||"unknown";if(!Y.route.includes(t))return!1}if(Y.namespace.length>0&&!Y.namespace.includes(e.metadata.namespace))return!1;if(Y.tags.length>0){var n;const t=(null===(n=e.spec)||void 0===n?void 0:n.tags)||[];if(!Y.tags.some(e=>t.includes(e)))return!1}return!0}),[we,Y,be,Pe]),Ne=[{title:"Name",field:"spec.displayName",render:e=>{var t,a;const l=null!==(a=null===(t=e.spec)||void 0===t?void 0:t.displayName)&&void 0!==a?a:e.metadata.name;return(0,s.jsx)(A.N_,{to:`/kuadrant/api-products/${e.metadata.namespace}/${e.metadata.name}`,children:(0,s.jsx)("strong",{children:l})})},customFilterAndSearch:(e,t)=>{var a;return((null===(a=t.spec)||void 0===a?void 0:a.displayName)||t.metadata.name||"").toLowerCase().includes(e.toLowerCase())}},{title:"Version",field:"spec.version",render:e=>{var t;return(null===(t=e.spec)||void 0===t?void 0:t.version)||"-"}},{title:"Route",field:"spec.targetRef.name",render:e=>{var t,a;return(null===(a=e.spec)||void 0===a||null===(t=a.targetRef)||void 0===t?void 0:t.name)||"-"}},...me?[{title:"Policy",field:"policy",render:e=>be(e)||"N/A"}]:[],{title:"Tags",field:"spec.tags",render:e=>{var t;const a=(null===(t=e.spec)||void 0===t?void 0:t.tags)||[];return 0===a.length?"-":(0,s.jsx)(i.A,{display:"flex",style:{gap:4,flexWrap:"wrap"},children:a.map(e=>(0,s.jsx)(r.A,{label:e,size:"small",variant:"outlined"},e))})}},{title:"Status",field:"spec.publishStatus",render:e=>{var t;const a=(null===(t=e.spec)||void 0===t?void 0:t.publishStatus)||"Draft";return(0,s.jsx)(r.A,{label:a,size:"small",color:"Published"===a?"primary":"default"})}},{title:"Lifecycle",field:"metadata.labels.lifecycle",render:e=>{var t;const a=null===(t=e.metadata.labels)||void 0===t?void 0:t.lifecycle;return a?(0,s.jsx)(r.A,{label:a.charAt(0).toUpperCase()+a.slice(1),size:"small",style:(0,Q.ee)(a)}):"-"}},{title:"Authentication",field:"status.discoveredAuthScheme",render:e=>{var t,a;const l=(null===(a=e.status)||void 0===a||null===(t=a.discoveredAuthScheme)||void 0===t?void 0:t.authentication)||{},n=Object.values(l),c=n.some(e=>e.hasOwnProperty("apiKey")),d=n.some(e=>e.hasOwnProperty("jwt"));return c||d?(0,s.jsxs)(i.A,{display:"flex",style:{gap:4},children:[c&&(0,s.jsx)(r.A,{icon:(0,s.jsx)(v.A,{}),label:"API Key",size:"small",color:"primary"}),d&&(0,s.jsx)(r.A,{icon:(0,s.jsx)(x.A,{}),label:"OIDC",size:"small",color:"secondary"})]}):(0,s.jsx)(o.A,{variant:"body2",style:{fontStyle:"italic"},children:"unknown"})}},{title:"Namespace",field:"metadata.namespace"},{title:"Actions",field:"actions",filtering:!1,render:e=>{var l,n,r;const o=(null===(n=e.metadata)||void 0===n||null===(l=n.annotations)||void 0===l?void 0:l["backstage.io/owner"])===k,u=ue||de&&o,p=re||ne&&o,v="Published"===(null===(r=e.spec)||void 0===r?void 0:r.publishStatus);return(0,s.jsxs)(i.A,{display:"flex",alignItems:"center",style:{gap:4},children:[u&&(0,s.jsx)(c.A,{size:"small",color:"primary",onClick:()=>(async e=>{var s,l,n;const i=e.metadata.namespace,r=e.metadata.name,o=(null===(s=e.spec)||void 0===s?void 0:s.displayName)||r,c="Published"===((null===(l=e.spec)||void 0===l?void 0:l.publishStatus)||"Draft")?"Draft":"Published",d=null===(n=e.metadata.labels)||void 0===n?void 0:n.lifecycle;if("Published"===c&&"retired"===d)return void a.post({message:"Cannot publish a retired API product. Please change the lifecycle status first.",severity:"error",display:"transient"});const u={spec:{publishStatus:c}};try{await t.updateApiProduct(i,r,u),H(e=>e+1),a.post({message:`"${o}" ${"Published"===c?"published":"unpublished"} successfully`,severity:"success",display:"transient"})}catch(e){const t=e instanceof Error?e.message:"unknown error occurred";a.post({message:`Failed to update publish status: ${t}`,severity:"error",display:"transient"})}})(e),style:{marginRight:4,textTransform:"none"},children:v?"Unpublish":"Publish"}),u&&(0,s.jsx)(d.A,{size:"small",onClick:()=>{return t=e.metadata.namespace,a=e.metadata.name,O({namespace:t,name:a}),void $(!0);var t,a},title:"Edit API Product",children:(0,s.jsx)(h.A,{fontSize:"small"})}),p&&(0,s.jsx)(d.A,{size:"small",onClick:()=>(async(e,s)=>{q({namespace:e,name:s}),_(null);try{const a=((await t.getRequestsByNamespace(e)).items||[]).filter(t=>t.spec.apiName===s&&t.spec.apiNamespace===e),l=a.filter(e=>{var t;return"Approved"===(null===(t=e.status)||void 0===t?void 0:t.phase)}).length;_({requests:a.length,secrets:l})}catch(e){const t=e instanceof Error?e.message:"unknown error occurred";a.post({message:`Failed to delete access request: ${t}`,severity:"error",display:"transient"})}finally{W(!0)}})(e.metadata.namespace,e.metadata.name),title:"Delete API Product",children:(0,s.jsx)(m.A,{fontSize:"small"})})]})}}];return(0,s.jsxs)(y.Y,{themeId:"tool",children:[(0,s.jsx)(f.Y,{title:"API Products",subtitle:"Manage API products for Kubernetes",children:(0,s.jsx)(j.Y,{children:"Manage API products and plan policies"})}),(0,s.jsxs)(b.U,{children:[Se&&(0,s.jsxs)(i.A,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:300,children:[(0,s.jsx)(u.A,{}),(0,s.jsx)(o.A,{variant:"h6",style:{marginTop:16},children:"Loading data..."}),(0,s.jsx)(o.A,{variant:"body2",color:"textSecondary",children:"Preparing your data... This should only take a moment."})]}),Ie&&(0,s.jsx)(P._,{error:Ie}),Ce&&(0,s.jsxs)(i.A,{p:2,children:[(0,s.jsxs)(o.A,{color:"error",children:["unable to check permissions: ",Ce.message]}),(0,s.jsxs)(o.A,{variant:"body2",color:"textSecondary",children:["permission:"," ",le?"kuadrant.apiproduct.create":ce?"kuadrant.apiproduct.delete":ve?"kuadrant.planpolicy.list":"unknown"]}),(0,s.jsx)(o.A,{variant:"body2",color:"textSecondary",children:"please try again or contact your administrator"})]}),!Se&&!Ie&&!Ce&&0===we.length&&(0,s.jsx)(i.A,{className:e.emptyState,children:(0,s.jsxs)(i.A,{className:e.emptyStateContent,children:[(0,s.jsxs)(i.A,{className:e.emptyStateText,children:[(0,s.jsx)(o.A,{variant:"h4",className:e.emptyStateTitle,children:"API Product"}),(0,s.jsx)(o.A,{variant:"body1",className:e.emptyStateDescription,children:"Create API product by registering existing API, associate route and policy"}),ae&&(0,s.jsx)(c.A,{variant:"contained",color:"primary",startIcon:(0,s.jsx)(p.A,{}),onClick:()=>z(!0),children:"Create API Product"})]}),(0,s.jsx)("img",{src:ee,alt:"API Product illustration",className:e.emptyStateImage})]})}),!Se&&!Ie&&!Ce&&we.length>0&&(0,s.jsxs)(i.A,{className:e.container,children:[(0,s.jsx)(g.Z,{sections:ke,filters:Y,onChange:V}),(0,s.jsxs)(i.A,{className:e.tableContainer,children:[(0,s.jsx)(i.A,{display:"flex",justifyContent:"flex-end",mb:2,children:ae&&(0,s.jsx)(c.A,{variant:"contained",color:"primary",size:"small",startIcon:(0,s.jsx)(p.A,{}),onClick:()=>z(!0),children:"Create API Product"})}),0===Te.length?(0,s.jsx)(i.A,{p:4,textAlign:"center",children:(0,s.jsx)(o.A,{variant:"body1",color:"textSecondary",children:"No API products match the selected filters."})}):(0,s.jsx)(S.X,{options:{paging:Te.length>10,pageSize:20,search:!0,filtering:!1,debounceInterval:300,toolbar:!0,emptyRowsWhenPaging:!1},columns:Ne,data:Te})]})]}),(0,s.jsx)(Z,{open:R,onClose:()=>z(!1),onSuccess:e=>{H(e=>e+1),a.post({message:`"${e.displayName}" created successfully`,severity:"success",display:"transient"})}}),(0,s.jsx)(J.C,{open:D,onClose:()=>$(!1),onSuccess:()=>{H(e=>e+1);const e=(null==K?void 0:K.name)||"API Product";a.post({message:`"${e}" updated successfully`,severity:"success",display:"transient"})},namespace:(null==K?void 0:K.namespace)||"",name:(null==K?void 0:K.name)||""}),(0,s.jsx)(X.K,{open:M,title:"Delete API Product",description:F?`Deleting "${null==E?void 0:E.name}" will also remove:\n\n• ${F.requests} API Key(s)\n• ${F.secrets} API Key Secret(s)\n\nThis action cannot be undone.`:`Deleting "${null==E?void 0:E.name}" will also remove all associated API Keys and Secrets.\nThis action cannot be undone.`,confirmText:null==E?void 0:E.name,severity:"high",deleting:B,onConfirm:async()=>{if(E){U(!0);try{await t.deleteApiProduct(E.namespace,E.name);const e=(null==E?void 0:E.name)||"API Product";H(e=>e+1),a.post({message:`"${e}" deleted successfully`,severity:"success",display:"transient"})}catch(e){const t=e instanceof Error?e.message:"unknown error occurred";a.post({message:`Failed to delete API Product: ${t}`,severity:"error",display:"transient"})}finally{U(!1),W(!1),q(null)}}},onCancel:()=>{W(!1),q(null)}})]})]})},se=()=>(0,s.jsx)(N,{permission:G.vs,errorMessage:"you don't have permission to view the Kuadrant page",children:(0,s.jsx)(ae,{})})}}]);
+//# sourceMappingURL=7005.a9f73153.chunk.js.map

package/dist-scalprum/static/7005.a9f73153.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/7005.a9f73153.chunk.js","mappings":"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","sources":["webpack://internal.plugin-kuadrant/./src/components/FilterPanel/FilterPanel.tsx","webpack://internal.plugin-kuadrant/./src/components/PermissionGate/PermissionGate.tsx","webpack://internal.plugin-kuadrant/./src/components/CreateAPIProductDialog/CreateAPIProductDialog.tsx","webpack://internal.plugin-kuadrant/./src/components/KuadrantPage/ApiProductsPage.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Typography,\n  Checkbox,\n  FormControlLabel,\n  FormGroup,\n  Divider,\n  Button,\n  Collapse,\n  makeStyles,\n} from '@material-ui/core';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: 240,\n    minWidth: 240,\n    padding: theme.spacing(2),\n    borderRight: `1px solid ${theme.palette.divider}`,\n    backgroundColor: theme.palette.background.paper,\n    height: '100%',\n    overflowY: 'auto',\n  },\n  sectionTitle: {\n    fontWeight: 600,\n    fontSize: '0.75rem',\n    textTransform: 'uppercase',\n    letterSpacing: '0.05em',\n    color: theme.palette.text.secondary,\n    marginBottom: theme.spacing(1),\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    cursor: 'pointer',\n    userSelect: 'none',\n  },\n  filterSection: {\n    marginBottom: theme.spacing(2),\n  },\n  checkbox: {\n    padding: theme.spacing(0.5),\n  },\n  checkboxLabel: {\n    fontSize: '0.875rem',\n  },\n  clearButton: {\n    marginTop: theme.spacing(2),\n  },\n  count: {\n    fontSize: '0.75rem',\n    color: theme.palette.text.secondary,\n    marginLeft: theme.spacing(1),\n  },\n}));\n\nexport interface FilterOption {\n  value: string;\n  label: string;\n  count?: number;\n}\n\nexport interface FilterSection {\n  id: string;\n  title: string;\n  options: FilterOption[];\n  collapsed?: boolean;\n}\n\nexport interface FilterState {\n  [sectionId: string]: string[];\n}\n\ninterface FilterPanelProps {\n  sections: FilterSection[];\n  filters: FilterState;\n  onChange: (filters: FilterState) => void;\n  onClear?: () => void;\n}\n\nexport const FilterPanel = ({\n  sections,\n  filters,\n  onChange,\n  onClear,\n}: FilterPanelProps) => {\n  const classes = useStyles();\n  const [collapsedSections, setCollapsedSections] = React.useState<Set<string>>(\n    new Set(sections.filter(s => s.collapsed).map(s => s.id)),\n  );\n\n  const toggleSection = (sectionId: string) => {\n    setCollapsedSections(prev => {\n      const next = new Set(prev);\n      if (next.has(sectionId)) {\n        next.delete(sectionId);\n      } else {\n        next.add(sectionId);\n      }\n      return next;\n    });\n  };\n\n  const handleCheckboxChange = (sectionId: string, value: string) => {\n    const currentValues = filters[sectionId] || [];\n    const newValues = currentValues.includes(value)\n      ? currentValues.filter(v => v !== value)\n      : [...currentValues, value];\n\n    onChange({\n      ...filters,\n      [sectionId]: newValues,\n    });\n  };\n\n  const hasActiveFilters = Object.values(filters).some(\n    values => values.length > 0,\n  );\n\n  const handleClear = () => {\n    const clearedFilters: FilterState = {};\n    sections.forEach(section => {\n      clearedFilters[section.id] = [];\n    });\n    onChange(clearedFilters);\n    onClear?.();\n  };\n\n  return (\n    <Box className={classes.root}>\n      <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" mb={2}>\n        <Typography variant=\"subtitle2\">Filters</Typography>\n        {hasActiveFilters && (\n          <Button\n            size=\"small\"\n            color=\"primary\"\n            onClick={handleClear}\n          >\n            Clear all\n          </Button>\n        )}\n      </Box>\n\n      <Divider />\n\n      {sections.map(section => {\n        const isCollapsed = collapsedSections.has(section.id);\n        const selectedCount = (filters[section.id] || []).length;\n\n        return (\n          <Box key={section.id} className={classes.filterSection} mt={2}>\n            <Box\n              className={classes.sectionTitle}\n              onClick={() => toggleSection(section.id)}\n            >\n              <Box display=\"flex\" alignItems=\"center\">\n                <span>{section.title}</span>\n                {selectedCount > 0 && (\n                  <span className={classes.count}>({selectedCount})</span>\n                )}\n              </Box>\n              {isCollapsed ? (\n                <ExpandMoreIcon fontSize=\"small\" />\n              ) : (\n                <ExpandLessIcon fontSize=\"small\" />\n              )}\n            </Box>\n\n            <Collapse in={!isCollapsed}>\n              <FormGroup>\n                {section.options.map(option => (\n                  <FormControlLabel\n                    key={option.value}\n                    control={\n                      <Checkbox\n                        checked={(filters[section.id] || []).includes(option.value)}\n                        onChange={() =>\n                          handleCheckboxChange(section.id, option.value)\n                        }\n                        size=\"small\"\n                        className={classes.checkbox}\n                        color=\"primary\"\n                      />\n                    }\n                    label={\n                      <Box display=\"flex\" alignItems=\"center\">\n                        <span className={classes.checkboxLabel}>\n                          {option.label}\n                        </span>\n                        {option.count !== undefined && (\n                          <span className={classes.count}>({option.count})</span>\n                        )}\n                      </Box>\n                    }\n                  />\n                ))}\n              </FormGroup>\n            </Collapse>\n          </Box>\n        );\n      })}\n    </Box>\n  );\n};\n","import React from 'react';\nimport { Typography, Box } from '@material-ui/core';\nimport { Progress } from '@backstage/core-components';\nimport { Permission } from '@backstage/plugin-permission-common';\nimport { useKuadrantPermission } from '../../utils/permissions';\n\ninterface PermissionGateProps {\n  children: React.ReactNode;\n  permission: Permission;\n  fallback?: React.ReactNode;\n  errorMessage?: string;\n}\n\nexport const PermissionGate = ({ children, permission, fallback, errorMessage }: PermissionGateProps) => {\n  const { allowed, loading, error } = useKuadrantPermission(permission);\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return (\n      <Box p={4}>\n        <Typography color=\"error\">\n          Unable to check permissions: {error.message}\n        </Typography>\n        <Typography variant=\"body2\" color=\"textSecondary\">\n          Please try again or contact your administrator\n        </Typography>\n      </Box>\n    );\n  }\n\n  if (!allowed) {\n    if (fallback) {\n      return <>{fallback}</>;\n    }\n    return (\n      <Box p={4}>\n        <Typography color=\"textSecondary\">\n          {errorMessage || 'You don\\'t have permission to view this page'}\n        </Typography>\n        <Box mt={1}>\n          <Typography variant=\"caption\" color=\"textSecondary\">\n            Required permission: {permission.name}\n          </Typography>\n        </Box>\n      </Box>\n    );\n  }\n\n  return <>{children}</>;\n};\n","import React, { useEffect, useState } from 'react';\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  Button,\n  TextField,\n  Box,\n  Typography,\n  Chip,\n  Grid,\n  MenuItem,\n  CircularProgress,\n  makeStyles,\n  FormControl,\n  RadioGroup,\n  FormControlLabel,\n  Radio,\n  Tooltip,\n  IconButton,\n  InputAdornment,\n} from '@material-ui/core';\nimport InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';\nimport AddIcon from '@material-ui/icons/Add';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { kuadrantApiRef } from '../../api';\nimport { Alert } from '@material-ui/lab';\nimport useAsync from 'react-use/lib/useAsync';\nimport { PlanPolicyDetails } from '../PlanPolicyDetailsCard';\nimport { validateKubernetesName, validateURL } from '../../utils/validation';\nimport {APIProduct} from \"../../types/api-management.ts\";\nimport { Lifecycle } from '../../types/api-management';\n\nconst useStyles = makeStyles((theme) => ({\n  asterisk: {\n    color: '#f44336',\n  },\n  sectionHeader: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(1),\n  },\n  infoIcon: {\n    fontSize: 18,\n    color: theme.palette.text.secondary,\n  },\n  tagChip: {\n    marginRight: theme.spacing(0.5),\n    marginBottom: theme.spacing(0.5),\n  },\n}));\n\ninterface CreateAPIProductDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onSuccess: (productInfo: { namespace: string; name: string; displayName: string }) => void;\n}\n\nexport const CreateAPIProductDialog = ({ open, onClose, onSuccess }: CreateAPIProductDialogProps) => {\n  const classes = useStyles();\n  const kuadrantApi = useApi(kuadrantApiRef);\n\n  const [name, setName] = useState('');\n  const [displayName, setDisplayName] = useState('');\n  const [description, setDescription] = useState('');\n  const [version, setVersion] = useState('v1');\n  const [approvalMode, setApprovalMode] = useState<'automatic' | 'manual'>('manual');\n  const [publishStatus, setPublishStatus] = useState<'Draft' | 'Published'>('Published');\n  const [lifecycle, setLifecycle] = useState<Lifecycle>('production');\n  const [tags, setTags] = useState<string[]>([]);\n  const [tagInput, setTagInput] = useState('');\n  const [selectedHTTPRoute, setSelectedHTTPRoute] = useState('');\n  const [contactEmail, setContactEmail] = useState('');\n  const [contactTeam, setContactTeam] = useState('');\n  const [docsURL, setDocsURL] = useState('');\n  const [openAPISpec, setOpenAPISpec] = useState('');\n  const [error, setError] = useState('');\n  const [creating, setCreating] = useState(false);\n  const [httpRoutesRetry, setHttpRoutesRetry] = useState(0);\n  const [nameError, setNameError] = useState<string | null>(null);\n  const [openAPISpecError, setOpenAPISpecError] = useState<string | null>(null);\n  const [routeSearchTerm, setRouteSearchTerm] = useState('');\n  const [routeSearchField, setRouteSearchField] = useState<'name' | 'namespace' | 'planpolicy'>('name');\n  const {\n    value: httpRoutes,\n    loading: httpRoutesLoading,\n    error: httpRoutesError\n  } = useAsync(async () => {\n    const data = await kuadrantApi.getHttpRoutes();\n    return data.items || [];\n  }, [kuadrantApi, open, httpRoutesRetry]);\n\n  // load planpolicies with full details to show associated plans\n  const {\n    value: planPolicies,\n    error: planPoliciesError\n  } = useAsync(async () => {\n    return await kuadrantApi.getPlanPolicies();\n  }, [kuadrantApi, open]);\n\n  // find planpolicy associated with selected httproute\n  const getPlanPolicyForRoute = (routeNamespace: string, routeName: string) => {\n    if (!planPolicies?.items) return null;\n\n    return planPolicies.items.find((pp: any) => {\n      const ref = pp.targetRef;\n      return (\n        ref?.kind === 'HTTPRoute' &&\n        ref?.name === routeName &&\n        (!ref?.namespace || ref?.namespace === routeNamespace)\n      );\n    });\n  };\n\n  const selectedRouteInfo = selectedHTTPRoute ? selectedHTTPRoute.split('/') : null;\n  const selectedPolicy = selectedRouteInfo\n    ? getPlanPolicyForRoute(selectedRouteInfo[0], selectedRouteInfo[1])\n    : null;\n\n  // format tier info for dropdown display\n  const formatTierInfo = (policy: any): string => {\n    if (!policy?.spec?.plans) return '';\n    const tiers = Object.entries(policy.spec.plans)\n      .map(([name, plan]: [string, any]) => {\n        const limit = plan?.limits?.requests;\n        if (!limit) return name;\n        return `${name}: ${limit.count}/${limit.period}`;\n      })\n      .join('; ');\n    return tiers ? ` (${tiers})` : '';\n  };\n\n  // get policy info for a route (for dropdown display)\n  const getPolicyInfoForRoute = (routeNamespace: string, routeName: string): string => {\n    const policy = getPlanPolicyForRoute(routeNamespace, routeName);\n    if (!policy) return 'N/A';\n    return `${policy.metadata.name}${formatTierInfo(policy)}`;\n  };\n\n  useEffect(() => {\n    if (open) {\n      setNameError(null);\n      setOpenAPISpecError(null);\n    }\n  }, [open]);\n\n  // validate handlers\n  const handleNameChange = (value: string) => {\n    setName(value);\n    setNameError(validateKubernetesName(value));\n  };\n\n  const handleDisplayNameChange = (value: string) => {\n    setDisplayName(value);\n    // Auto-generate Kubernetes resource name from display name with random hex suffix\n    if (!name || name.match(/-[a-f0-9]{6}$/)) {\n      const baseName = value.toLowerCase().replace(/[^a-z0-9-]/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');\n      const randomHex = Math.floor(Math.random() * 16777215).toString(16).padStart(6, '0');\n      const autoName = `${baseName}-${randomHex}`;\n      setName(autoName);\n      setNameError(validateKubernetesName(autoName));\n    }\n  };\n\n  const handleOpenAPISpecChange = (value: string) => {\n    setOpenAPISpec(value);\n    setOpenAPISpecError(validateURL(value));\n  };\n\n  const handleAddTag = () => {\n    if (tagInput.trim() && !tags.includes(tagInput.trim())) {\n      setTags([...tags, tagInput.trim()]);\n      setTagInput('');\n    }\n  };\n\n  const handleDeleteTag = (tagToDelete: string) => {\n    setTags(tags.filter(tag => tag !== tagToDelete));\n  };\n\n  const handleClose = () => {\n    setName('');\n    setDisplayName('');\n    setDescription('');\n    setVersion('v1');\n    setApprovalMode('manual');\n    setPublishStatus('Published');\n    setLifecycle('production');\n    setTags([]);\n    setTagInput('');\n    setSelectedHTTPRoute('');\n    setContactEmail('');\n    setContactTeam('');\n    setDocsURL('');\n    setOpenAPISpec('');\n    setError('');\n    setNameError(null);\n    setOpenAPISpecError(null);\n    onClose();\n  };\n\n  const handleCreate = async () => {\n    setError('');\n    setCreating(true);\n\n    try {\n      if (!selectedHTTPRoute) {\n        throw new Error('Please select an HTTPRoute');\n      }\n\n      const [selectedRouteNamespace, selectedRouteName] = selectedHTTPRoute.split('/');\n\n      // derive namespace from selected httproute\n      const namespace = selectedRouteNamespace;\n\n      const apiProduct: APIProduct = {\n        apiVersion: 'devportal.kuadrant.io/v1alpha1',\n        kind: 'APIProduct',\n        metadata: {\n          name,\n          namespace,\n          labels: {\n            lifecycle,\n          },\n        },\n        spec: {\n          displayName,\n          description,\n          version,\n          approvalMode,\n          publishStatus,\n          tags,\n          targetRef: {\n            group: 'gateway.networking.k8s.io',\n            kind: 'HTTPRoute',\n            name: selectedRouteName,\n            namespace: selectedRouteNamespace,\n          },\n          ...(contactEmail || contactTeam ? {\n            contact: {\n              ...(contactEmail && { email: contactEmail }),\n              ...(contactTeam && { team: contactTeam }),\n            },\n          } : {}),\n          ...(docsURL || openAPISpec ? {\n            documentation: {\n              ...(docsURL && { docsURL }),\n              ...(openAPISpec && { openAPISpecURL: openAPISpec }),\n            },\n          } : {}),\n        },\n      };\n\n      await kuadrantApi.createApiProduct(apiProduct);\n      onSuccess({ namespace, name, displayName });\n      handleClose();\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setCreating(false);\n    }\n  };\n\n  const hasValidationErrors = !!nameError || !!openAPISpecError;\n\n  return (\n    <Dialog open={open} onClose={handleClose} maxWidth=\"md\" fullWidth>\n      <DialogTitle>Create API Product</DialogTitle>\n      <DialogContent>\n        {error && (\n          <Alert severity=\"error\" style={{ marginBottom: 16 }}>\n            {error}\n          </Alert>\n        )}\n        {httpRoutesError && (\n          <Alert severity=\"error\" style={{ marginBottom: 16 }}>\n            <strong>Failed to load HTTPRoutes:</strong> {httpRoutesError.message}\n            <Box mt={1}>\n              <Button\n                size=\"small\"\n                variant=\"outlined\"\n                onClick={() => setHttpRoutesRetry(prev => prev + 1)}\n              >\n                Retry\n              </Button>\n            </Box>\n          </Alert>\n        )}\n\n        {planPoliciesError && (\n          <Alert severity=\"warning\" style={{ marginBottom: 16 }}>\n            <strong>Failed to load PlanPolicies:</strong> {planPoliciesError.message}\n            <Typography variant=\"body2\" style={{ marginTop: 8 }}>\n              You can still create the API Product, but plan information may be incomplete.\n            </Typography>\n          </Alert>\n        )}\n        {/* API product info section */}\n        <Box className={classes.sectionHeader}>\n          <Typography variant=\"subtitle1\"><strong>API product info</strong></Typography>\n        </Box>\n        <Grid container spacing={2}>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"API product name\"\n              value={displayName}\n              onChange={e => handleDisplayNameChange(e.target.value)}\n              placeholder=\"My API\"\n              helperText=\"Display name for your API product (shown to users)\"\n              margin=\"normal\"\n              required\n              disabled={creating}\n              InputLabelProps={{\n                classes: {\n                  asterisk: classes.asterisk,\n                },\n              }}\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Kubernetes resource name\"\n              value={name}\n              onChange={e => handleNameChange(e.target.value)}\n              placeholder=\"my-api\"\n              helperText={nameError || \"Auto-generated from product name. Only lowercase, numbers, and hyphens allowed.\"}\n              error={!!nameError}\n              margin=\"normal\"\n              required\n              disabled={creating}\n              InputLabelProps={{\n                classes: {\n                  asterisk: classes.asterisk,\n                },\n              }}\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Version\"\n              value={version}\n              onChange={e => setVersion(e.target.value)}\n              placeholder=\"v1\"\n              helperText=\"Give a version to your API product\"\n              margin=\"normal\"\n              required\n              disabled={creating}\n              InputLabelProps={{\n                classes: {\n                  asterisk: classes.asterisk,\n                },\n              }}\n            />\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              label=\"Tag\"\n              value={tagInput}\n              onChange={e => setTagInput(e.target.value)}\n              onKeyPress={e => {\n                if (e.key === 'Enter') {\n                  e.preventDefault();\n                  handleAddTag();\n                }\n              }}\n              placeholder=\"Add tag\"\n              helperText=\"Add a tag to your API product\"\n              margin=\"normal\"\n              disabled={creating}\n              InputProps={{\n                endAdornment: tagInput ? (\n                  <InputAdornment position=\"end\">\n                    <IconButton size=\"small\" onClick={handleAddTag} disabled={creating}>\n                      <AddIcon fontSize=\"small\" />\n                    </IconButton>\n                  </InputAdornment>\n                ) : undefined,\n              }}\n            />\n          </Grid>\n          {tags.length > 0 && (\n            <Grid item xs={12}>\n              <Box display=\"flex\" flexWrap=\"wrap\">\n                {tags.map(tag => (\n                  <Chip\n                    key={tag}\n                    label={tag}\n                    onDelete={creating ? undefined : () => handleDeleteTag(tag)}\n                    size=\"small\"\n                    className={classes.tagChip}\n                    disabled={creating}\n                  />\n                ))}\n              </Box>\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            <TextField\n              fullWidth\n              label=\"Description\"\n              value={description}\n              onChange={e => setDescription(e.target.value)}\n              placeholder=\"API description\"\n              margin=\"normal\"\n              multiline\n              rows={2}\n              required\n              disabled={creating}\n              InputLabelProps={{\n                classes: {\n                  asterisk: classes.asterisk,\n                },\n              }}\n            />\n          </Grid>\n        </Grid>\n\n        {/* Add API and Associate route section */}\n        <Box className={classes.sectionHeader}>\n          <Typography variant=\"subtitle1\"><strong>Add API and Associate route</strong></Typography>\n          <Tooltip title=\"Register an existing API and associate HTTPRoute for your API product\">\n            <InfoOutlinedIcon className={classes.infoIcon} />\n          </Tooltip>\n        </Box>\n        <Grid container spacing={2}>\n          <Grid item xs={12}>\n            <TextField\n              fullWidth\n              label=\"OpenAPI Spec URL\"\n              value={openAPISpec}\n              onChange={e => handleOpenAPISpecChange(e.target.value)}\n              placeholder=\"https://api.example.com/openapi.json\"\n              helperText={openAPISpecError || \"Enter the full path to your API spec file\"}\n              error={!!openAPISpecError}\n              margin=\"normal\"\n              required\n              disabled={creating}\n              InputLabelProps={{\n                classes: {\n                  asterisk: classes.asterisk,\n                },\n              }}\n            />\n          </Grid>\n          <Grid item xs={12}>\n            <TextField\n              fullWidth\n              label=\"Documentation URL\"\n              value={docsURL}\n              onChange={e => setDocsURL(e.target.value)}\n              placeholder=\"https://docs.example.com/api\"\n              helperText=\"Link to external documentation for this API\"\n              margin=\"normal\"\n              disabled={creating}\n            />\n          </Grid>\n          <Grid item xs={12}>\n            <TextField\n              fullWidth\n              select\n              label=\"HTTPRoute\"\n              value={selectedHTTPRoute}\n              onChange={e => setSelectedHTTPRoute(e.target.value)}\n              margin=\"normal\"\n              required\n              helperText={\n                httpRoutesError\n                  ? \"Unable to load HTTPRoutes. Please retry.\"\n                  : \"Select an HTTPRoute. APIProduct will be created in the same namespace.\"\n              }\n              error={!!httpRoutesError}\n              disabled={httpRoutesLoading || creating || !!httpRoutesError}\n              InputLabelProps={{\n                classes: {\n                  asterisk: classes.asterisk,\n                },\n              }}\n              SelectProps={{\n                'data-testid': 'httproute-select',\n                MenuProps: {\n                  PaperProps: {\n                    style: { maxHeight: 400 },\n                  },\n                  anchorOrigin: {\n                    vertical: 'bottom',\n                    horizontal: 'left',\n                  },\n                  transformOrigin: {\n                    vertical: 'top',\n                    horizontal: 'left',\n                  },\n                  getContentAnchorEl: null,\n                },\n              } as any}\n            >\n              {/* Search bar inside dropdown */}\n              <Box px={2} pt={1} pb={1} style={{ position: 'sticky', top: 0, zIndex: 1 }}>\n                <TextField\n                  fullWidth\n                  size=\"small\"\n                  placeholder=\"Search...\"\n                  value={routeSearchTerm}\n                  onChange={e => setRouteSearchTerm(e.target.value)}\n                  onKeyDown={e => e.stopPropagation()}\n                  onClick={e => e.stopPropagation()}\n                  InputProps={{\n                    endAdornment: (\n                      <InputAdornment position=\"end\">\n                        <TextField\n                          select\n                          size=\"small\"\n                          value={routeSearchField}\n                          onChange={e => setRouteSearchField(e.target.value as 'name' | 'namespace' | 'planpolicy')}\n                          onKeyDown={e => e.stopPropagation()}\n                          onClick={e => e.stopPropagation()}\n                          style={{ minWidth: 120 }}\n                          variant=\"standard\"\n                        >\n                          <MenuItem value=\"name\">Name</MenuItem>\n                          <MenuItem value=\"namespace\">Namespace</MenuItem>\n                          <MenuItem value=\"planpolicy\">PlanPolicy</MenuItem>\n                        </TextField>\n                      </InputAdornment>\n                    ),\n                  }}\n                />\n              </Box>\n              {httpRoutesLoading && (\n                <MenuItem value=\"\">Loading...</MenuItem>\n              )}\n              {httpRoutesError && (\n                <MenuItem value=\"\">Error loading routes</MenuItem>\n              )}\n              {!httpRoutesLoading && !httpRoutesError && httpRoutes && httpRoutes.length === 0 && (\n                <MenuItem value=\"\">No HTTPRoutes available</MenuItem>\n              )}\n              {!httpRoutesLoading && !httpRoutesError && httpRoutes && httpRoutes\n                .filter((route: any) => {\n                  if (!routeSearchTerm) return true;\n                  const routeNs = route.metadata.namespace;\n                  const routeName = route.metadata.name;\n                  const policyInfo = getPolicyInfoForRoute(routeNs, routeName);\n                  const searchLower = routeSearchTerm.toLowerCase();\n\n                  switch (routeSearchField) {\n                    case 'name':\n                      return routeName.toLowerCase().includes(searchLower);\n                    case 'namespace':\n                      return routeNs.toLowerCase().includes(searchLower);\n                    case 'planpolicy':\n                      return policyInfo.toLowerCase().includes(searchLower);\n                    default:\n                      return true;\n                  }\n                })\n                .map((route: any) => {\n                const routeNs = route.metadata.namespace;\n                const routeName = route.metadata.name;\n                const policyInfo = getPolicyInfoForRoute(routeNs, routeName);\n                return (\n                  <MenuItem\n                    key={`${routeNs}/${routeName}`}\n                    value={`${routeNs}/${routeName}`}\n                  >\n                    <Box>\n                      <Typography variant=\"body1\">{routeName}</Typography>\n                      <Typography variant=\"caption\" color=\"textSecondary\">\n                        Associated PlanPolicy: {policyInfo}\n                      </Typography>\n                    </Box>\n                  </MenuItem>\n                );\n              })}\n            </TextField>\n          </Grid>\n        </Grid>\n\n        {/* HTTPRoute policies section */}\n        {selectedHTTPRoute && selectedPolicy && (\n          <>\n            <Box className={classes.sectionHeader}>\n              <Typography variant=\"subtitle1\"><strong>HTTPRoute policies</strong></Typography>\n              <Tooltip title=\"Shows the associated policies and rate limit tiers for the selected HTTPRoute\">\n                <InfoOutlinedIcon className={classes.infoIcon} />\n              </Tooltip>\n            </Box>\n            <PlanPolicyDetails\n              discoveredPlans={selectedPolicy.spec?.plans}\n              alertSeverity=\"warning\"\n              alertMessage=\"No PlanPolicy found for this HTTPRoute. API keys and rate limiting may not be available.\"\n              includeTopMargin={false}\n            />\n          </>\n        )}\n\n        <Box className={classes.sectionHeader}>\n          <Typography variant=\"subtitle1\"><strong>Lifecycle and Visibility</strong></Typography>\n          <Tooltip title=\"Control the lifecycle state and catalog visibility of this API product\">\n            <InfoOutlinedIcon className={classes.infoIcon} />\n          </Tooltip>\n        </Box>\n        <Grid container spacing={2}>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              select\n              label=\"Lifecycle\"\n              value={lifecycle}\n              onChange={e => setLifecycle(e.target.value as Lifecycle)}\n              margin=\"normal\"\n              helperText=\"API lifecycle state\"\n              disabled={creating}\n            >\n              <MenuItem value=\"experimental\">Experimental</MenuItem>\n              <MenuItem value=\"production\">Production</MenuItem>\n              <MenuItem value=\"deprecated\">Deprecated</MenuItem>\n              <MenuItem value=\"retired\">Retired</MenuItem>\n            </TextField>\n          </Grid>\n          <Grid item xs={6}>\n            <TextField\n              fullWidth\n              select\n              label=\"Publish Status\"\n              value={publishStatus}\n              onChange={e => setPublishStatus(e.target.value as 'Draft' | 'Published')}\n              margin=\"normal\"\n              helperText=\"Controls catalog visibility (Draft = hidden from consumers)\"\n              disabled={creating}\n            >\n              <MenuItem value=\"Draft\">Draft</MenuItem>\n              <MenuItem value=\"Published\">Published</MenuItem>\n            </TextField>\n          </Grid>\n        </Grid>\n\n        {/* API Key approval section */}\n        <Box className={classes.sectionHeader}>\n          <Typography variant=\"subtitle1\"><strong>API Key approval</strong></Typography>\n          <Tooltip title=\"Choose how API key requests are handled for this product\">\n            <InfoOutlinedIcon className={classes.infoIcon} />\n          </Tooltip>\n        </Box>\n        <FormControl component=\"fieldset\" disabled={creating}>\n          <RadioGroup\n            row\n            value={approvalMode}\n            onChange={e => setApprovalMode(e.target.value as 'automatic' | 'manual')}\n          >\n            <FormControlLabel\n              value=\"manual\"\n              control={<Radio color=\"primary\" />}\n              label={\n                <Box>\n                  <Typography variant=\"body2\">Need manual approval</Typography>\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    Requires approval for requesting this API\n                  </Typography>\n                </Box>\n              }\n            />\n            <FormControlLabel\n              value=\"automatic\"\n              control={<Radio color=\"primary\" />}\n              label={\n                <Box>\n                  <Typography variant=\"body2\">Automatic</Typography>\n                  <Typography variant=\"caption\" color=\"textSecondary\">\n                    Keys are created without need to be approved\n                  </Typography>\n                </Box>\n              }\n            />\n          </RadioGroup>\n        </FormControl>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={handleClose} disabled={creating}>Cancel</Button>\n        <Button\n          onClick={handleCreate}\n          color=\"primary\"\n          variant=\"contained\"\n          disabled={creating || !name || !displayName || !description || !selectedHTTPRoute || hasValidationErrors}\n          startIcon={creating ? <CircularProgress size={16} color=\"inherit\" /> : undefined}\n        >\n          {creating ? 'Creating...' : 'Create'}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n","import React, { useState, useMemo, useCallback } from \"react\";\nimport {\n  Typography,\n  Box,\n  Chip,\n  Button,\n  IconButton,\n  CircularProgress,\n  makeStyles,\n} from \"@material-ui/core\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport DeleteIcon from \"@material-ui/icons/Delete\";\nimport EditIcon from \"@material-ui/icons/Edit\";\nimport VpnKeyIcon from \"@material-ui/icons/VpnKey\";\nimport LockIcon from \"@material-ui/icons/Lock\";\nimport { FilterPanel, FilterSection, FilterState } from \"../FilterPanel\";\nimport {\n  Header,\n  Page,\n  Content,\n  SupportButton,\n  ResponseErrorPanel,\n  Link,\n  Table,\n  TableColumn,\n} from \"@backstage/core-components\";\nimport useAsync from \"react-use/lib/useAsync\";\nimport {\n  useApi,\n  alertApiRef,\n  identityApiRef,\n} from \"@backstage/core-plugin-api\";\nimport {kuadrantApiRef, KuadrantList} from \"../../api\";\nimport { PermissionGate } from \"../PermissionGate\";\nimport { CreateAPIProductDialog } from \"../CreateAPIProductDialog\";\nimport {\n  kuadrantApiProductCreatePermission,\n  kuadrantApiProductDeleteOwnPermission,\n  kuadrantApiProductDeleteAllPermission,\n  kuadrantApiProductUpdateOwnPermission,\n  kuadrantApiProductUpdateAllPermission,\n  kuadrantApiProductListPermission,\n  kuadrantPlanPolicyListPermission,\n} from \"../../permissions\";\nimport { useKuadrantPermission } from \"../../utils/permissions\";\nimport { EditAPIProductDialog } from \"../EditAPIProductDialog\";\nimport { ConfirmDeleteDialog } from \"../ConfirmDeleteDialog\";\nimport { getLifecycleChipStyle } from \"../../utils/styles\";\nimport emptyStateIllustration from \"../../assets/empty-state-illustration.png\";\nimport {APIProduct, PlanPolicy} from \"../../types/api-management.ts\";\n\nconst useStyles = makeStyles((theme) => ({\n  container: {\n    display: \"flex\",\n    height: \"100%\",\n    minHeight: 400,\n  },\n  tableContainer: {\n    flex: 1,\n    overflow: \"auto\",\n    padding: 10,\n  },\n  emptyState: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    padding: theme.spacing(6),\n    minHeight: 400,\n  },\n  emptyStateContent: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: theme.spacing(6),\n    maxWidth: 900,\n  },\n  emptyStateText: {\n    flex: 1,\n  },\n  emptyStateTitle: {\n    marginBottom: theme.spacing(2),\n  },\n  emptyStateDescription: {\n    marginBottom: theme.spacing(3),\n    color: theme.palette.text.secondary,\n  },\n  emptyStateImage: {\n    maxWidth: 400,\n    height: \"auto\",\n  },\n}));\n\nconst ResourceList = () => {\n  const classes = useStyles();\n  const kuadrantApi = useApi(kuadrantApiRef);\n  const alertApi = useApi(alertApiRef);\n  const identityApi = useApi(identityApiRef);\n  const [userEntityRef, setUserEntityRef] = useState<string>(\"\");\n  const [createDialogOpen, setCreateDialogOpen] = useState(false);\n  const [editDialogOpen, setEditDialogOpen] = useState(false);\n  const [refreshTrigger, setRefreshTrigger] = useState(0);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n  const [apiProductToDelete, setApiProductToDelete] = useState<{\n    namespace: string;\n    name: string;\n  } | null>(null);\n  const [apiProductToEdit, setApiProductToEdit] = useState<{\n    namespace: string;\n    name: string;\n  } | null>(null);\n  const [deleting, setDeleting] = useState(false);\n  const [deleteStats, setDeleteStats] = useState<{\n    requests: number;\n    secrets: number;\n  } | null>(null);\n  const [filters, setFilters] = useState<FilterState>({\n    status: [],\n    lifecycle: [],\n    policy: [],\n    route: [],\n    namespace: [],\n    tags: [],\n    authentication: [],\n  });\n\n  const {\n    allowed: canCreateApiProduct,\n    loading: createPermissionLoading,\n    error: createPermissionError,\n  } = useKuadrantPermission(kuadrantApiProductCreatePermission);\n\n  const {\n    allowed: canDeleteOwnApiProduct,\n    loading: deleteOwnPermissionLoading,\n  } = useKuadrantPermission(kuadrantApiProductDeleteOwnPermission);\n\n  const {\n    allowed: canDeleteAllApiProducts,\n    loading: deleteAllPermissionLoading,\n    error: deletePermissionError,\n  } = useKuadrantPermission(kuadrantApiProductDeleteAllPermission);\n\n  const { allowed: canUpdateOwnApiProduct } = useKuadrantPermission(\n    kuadrantApiProductUpdateOwnPermission,\n  );\n\n  const { allowed: canUpdateAllApiProducts } = useKuadrantPermission(\n    kuadrantApiProductUpdateAllPermission,\n  );\n\n  const deletePermissionLoading =\n    deleteOwnPermissionLoading || deleteAllPermissionLoading;\n\n  const {\n    allowed: canListPlanPolicies,\n    loading: planPolicyPermissionLoading,\n    error: planPolicyPermissionError,\n  } = useKuadrantPermission(kuadrantPlanPolicyListPermission);\n\n  useAsync(async () => {\n    const identity = await identityApi.getBackstageIdentity();\n    setUserEntityRef(identity.userEntityRef);\n  }, [identityApi]);\n\n  const {\n    value: apiProducts,\n    loading: apiProductsLoading,\n    error: apiProductsError,\n  } = useAsync(async (): Promise<KuadrantList<APIProduct>> => {\n    return kuadrantApi.getApiProducts();\n  }, [kuadrantApi, refreshTrigger]);\n\n  const {\n    value: planPolicies,\n    loading: planPoliciesLoading,\n    error: planPoliciesError,\n  } = useAsync(async (): Promise<KuadrantList<PlanPolicy>> => {\n    // skip fetch if user doesn't have permission\n    if (!canListPlanPolicies) {\n      return { items: [] };\n    }\n    return kuadrantApi.getPlanPolicies();\n  }, [kuadrantApi, refreshTrigger, canListPlanPolicies]);\n\n  // helper to find policy for a given route\n  const getPolicyForProduct = useCallback((product: APIProduct): string | null => {\n    if (!planPolicies?.items) return null;\n    const targetRef = product.spec?.targetRef;\n    if (!targetRef) return null;\n\n    const policy = planPolicies.items.find((pp: PlanPolicy) => {\n      const ref = (pp as any).targetRef;\n      return (\n        ref?.kind === \"HTTPRoute\" &&\n        ref?.name === targetRef.name &&\n        (!ref?.namespace || ref?.namespace === (targetRef.namespace || product.metadata.namespace))\n      );\n    });\n    return policy?.metadata.name || null;\n  }, [planPolicies]);\n\n  // helper to get auth schemes for a product\n  const getAuthSchemes = useCallback((product: APIProduct): string[] => {\n    const authSchemes = product.status?.discoveredAuthScheme?.authentication || {};\n    const schemeObjects = Object.values(authSchemes);\n    const schemes: string[] = [];\n\n    if (schemeObjects.some((scheme: any) => scheme.hasOwnProperty(\"apiKey\"))) {\n      schemes.push(\"API Key\");\n    }\n    if (schemeObjects.some((scheme: any) => scheme.hasOwnProperty(\"jwt\"))) {\n      schemes.push(\"OIDC\");\n    }\n    if (schemes.length === 0) {\n      schemes.push(\"Unknown\");\n    }\n    return schemes;\n  }, []);\n\n  const loading =\n    apiProductsLoading ||\n    planPoliciesLoading ||\n    createPermissionLoading ||\n    deletePermissionLoading ||\n    planPolicyPermissionLoading;\n  const error = apiProductsError || planPoliciesError;\n  const permissionError =\n    createPermissionError || deletePermissionError || planPolicyPermissionError;\n\n  const allProducts = useMemo(() => {\n    const products = apiProducts?.items || [];\n\n    // API consumers (users without create/update permissions) should only see Published products\n    // API owners can see all products (Draft and Published)\n    if (!canCreateApiProduct && !canUpdateOwnApiProduct && !canUpdateAllApiProducts) {\n      return products.filter((p: APIProduct) => {\n        const publishStatus = p.spec?.publishStatus || 'Draft';\n        return publishStatus === 'Published';\n      });\n    }\n\n    return products;\n  }, [apiProducts, canCreateApiProduct, canUpdateOwnApiProduct, canUpdateAllApiProducts]);\n\n  const filterSections: FilterSection[] = useMemo(() => {\n    const statusCounts = { Draft: 0, Published: 0 };\n    const lifecycleCounts = new Map<string, number>();\n    const policyCounts = new Map<string, number>();\n    const routeCounts = new Map<string, number>();\n    const namespaceCounts = new Map<string, number>();\n    const tagCounts = new Map<string, number>();\n    const authCounts = new Map<string, number>();\n\n    allProducts.forEach((p: APIProduct) => {\n      const status = p.spec?.publishStatus || \"Draft\";\n      statusCounts[status as keyof typeof statusCounts]++;\n\n      const lifecycle = p.metadata.labels?.lifecycle || \"production\";\n      lifecycleCounts.set(lifecycle, (lifecycleCounts.get(lifecycle) || 0) + 1);\n\n      const policy = getPolicyForProduct(p) || \"N/A\";\n      policyCounts.set(policy, (policyCounts.get(policy) || 0) + 1);\n\n      const route = p.spec?.targetRef?.name || \"unknown\";\n      routeCounts.set(route, (routeCounts.get(route) || 0) + 1);\n\n      const ns = p.metadata.namespace;\n      namespaceCounts.set(ns, (namespaceCounts.get(ns) || 0) + 1);\n\n      const tags = p.spec?.tags || [];\n      tags.forEach((tag: string) => {\n        tagCounts.set(tag, (tagCounts.get(tag) || 0) + 1);\n      });\n\n      const authSchemes = getAuthSchemes(p);\n      authSchemes.forEach((scheme: string) => {\n        authCounts.set(scheme, (authCounts.get(scheme) || 0) + 1);\n      });\n    });\n\n    const sections: FilterSection[] = [\n      {\n        id: \"status\",\n        title: \"Publish Status\",\n        options: [\n          { value: \"Draft\", label: \"Draft\", count: statusCounts.Draft },\n          { value: \"Published\", label: \"Published\", count: statusCounts.Published },\n        ],\n      },\n      {\n        id: \"lifecycle\",\n        title: \"Lifecycle\",\n        options: Array.from(lifecycleCounts.entries()).map(([state, count]) => ({\n          value: state,\n          label: state.charAt(0).toUpperCase() + state.slice(1),\n          count,\n        })),\n      },\n      {\n        id: \"authentication\",\n        title: \"Authentication\",\n        options: Array.from(authCounts.entries()).map(([scheme, count]) => ({\n          value: scheme,\n          label: scheme,\n          count,\n        })),\n      },\n      {\n        id: \"route\",\n        title: \"Route\",\n        options: Array.from(routeCounts.entries()).map(([name, count]) => ({\n          value: name,\n          label: name,\n          count,\n        })),\n        collapsed: routeCounts.size > 5,\n      },\n      {\n        id: \"namespace\",\n        title: \"Namespace\",\n        options: Array.from(namespaceCounts.entries()).map(([ns, count]) => ({\n          value: ns,\n          label: ns,\n          count,\n        })),\n        collapsed: namespaceCounts.size > 5,\n      },\n      {\n        id: \"tags\",\n        title: \"Tags\",\n        options: Array.from(tagCounts.entries()).map(([tag, count]) => ({\n          value: tag,\n          label: tag,\n          count,\n        })),\n        collapsed: tagCounts.size > 5,\n      },\n    ];\n\n    // only show policy filter if user can list planpolicies\n    if (canListPlanPolicies) {\n      sections.splice(2, 0, {\n        id: \"policy\",\n        title: \"Policy\",\n        options: Array.from(policyCounts.entries()).map(([name, count]) => ({\n          value: name,\n          label: name,\n          count,\n        })),\n        collapsed: policyCounts.size > 5,\n      });\n    }\n\n    return sections;\n  }, [allProducts, getPolicyForProduct, getAuthSchemes, canListPlanPolicies]);\n\n  const filteredProducts = useMemo(() => {\n    return allProducts.filter((p: APIProduct) => {\n      if (filters.status.length > 0) {\n        const status = p.spec?.publishStatus || \"Draft\";\n        if (!filters.status.includes(status)) return false;\n      }\n\n      if (filters.lifecycle && filters.lifecycle.length > 0) {\n        const lifecycle = p.metadata.labels?.lifecycle || \"production\";\n        if (!filters.lifecycle.includes(lifecycle)) return false;\n      }\n\n      if (filters.authentication.length > 0) {\n        const authSchemes = getAuthSchemes(p);\n        if (!filters.authentication.some((a: string) => authSchemes.includes(a))) return false;\n      }\n\n      if (filters.policy.length > 0) {\n        const policy = getPolicyForProduct(p) || \"N/A\";\n        if (!filters.policy.includes(policy)) return false;\n      }\n\n      if (filters.route.length > 0) {\n        const route = p.spec?.targetRef?.name || \"unknown\";\n        if (!filters.route.includes(route)) return false;\n      }\n\n      if (filters.namespace.length > 0) {\n        if (!filters.namespace.includes(p.metadata.namespace)) return false;\n      }\n\n      if (filters.tags.length > 0) {\n        const tags = p.spec?.tags || [];\n        if (!filters.tags.some((t: string) => tags.includes(t))) return false;\n      }\n\n      return true;\n    });\n  }, [allProducts, filters, getPolicyForProduct, getAuthSchemes]);\n\n  const handleCreateSuccess = (productInfo: { namespace: string; name: string; displayName: string }) => {\n    setRefreshTrigger((prev) => prev + 1);\n    alertApi.post({\n      message: `\"${productInfo.displayName}\" created successfully`,\n      severity: \"success\",\n      display: \"transient\",\n    });\n  };\n\n  const handleEditClick = (namespace: string, name: string) => {\n    setApiProductToEdit({ namespace, name });\n    setEditDialogOpen(true);\n  };\n\n  const handleEditSuccess = () => {\n    setRefreshTrigger((prev) => prev + 1);\n    const productName = apiProductToEdit?.name || \"API Product\";\n    alertApi.post({\n      message: `\"${productName}\" updated successfully`,\n      severity: \"success\",\n      display: \"transient\",\n    });\n  };\n\n  const handleDeleteClick = async (namespace: string, name: string) => {\n    setApiProductToDelete({ namespace, name });\n    setDeleteStats(null);\n\n    try {\n      const data = await kuadrantApi.getRequestsByNamespace(namespace);\n      const related = (data.items || []).filter(\n        (r: any) =>\n          r.spec.apiName === name && r.spec.apiNamespace === namespace,\n      );\n      const approved = related.filter(\n        (r: any) => r.status?.phase === \"Approved\",\n      ).length;\n      setDeleteStats({ requests: related.length, secrets: approved });\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error ? err.message : \"unknown error occurred\";\n      alertApi.post({\n        message: `Failed to delete access request: ${errorMessage}`,\n        severity: \"error\",\n        display: \"transient\",\n      });\n    } finally {\n      setDeleteDialogOpen(true);\n    }\n\n  };\n\n  const handleDeleteConfirm = async () => {\n    if (!apiProductToDelete) return;\n\n    setDeleting(true);\n    try {\n      await kuadrantApi.deleteApiProduct(\n        apiProductToDelete.namespace,\n        apiProductToDelete.name,\n      );\n\n      const deletedName = apiProductToDelete?.name || \"API Product\";\n      setRefreshTrigger((prev) => prev + 1);\n      alertApi.post({\n        message: `\"${deletedName}\" deleted successfully`,\n        severity: \"success\",\n        display: \"transient\",\n      });\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error ? err.message : \"unknown error occurred\";\n      alertApi.post({\n        message: `Failed to delete API Product: ${errorMessage}`,\n        severity: \"error\",\n        display: \"transient\",\n      });\n    } finally {\n      setDeleting(false);\n      setDeleteDialogOpen(false);\n      setApiProductToDelete(null);\n    }\n  };\n\n  const handleDeleteCancel = () => {\n    setDeleteDialogOpen(false);\n    setApiProductToDelete(null);\n  };\n\n  const handlePublishToggle = async (row: any) => {\n    const namespace = row.metadata.namespace;\n    const name = row.metadata.name;\n    const displayName = row.spec?.displayName || name;\n    const currentStatus = row.spec?.publishStatus || \"Draft\";\n    const newStatus = currentStatus === \"Published\" ? \"Draft\" : \"Published\";\n    const lifecycle = row.metadata.labels?.lifecycle;\n\n    // prevent publishing retired APIs\n    if (newStatus === \"Published\" && lifecycle === \"retired\") {\n      alertApi.post({\n        message: `Cannot publish a retired API product. Please change the lifecycle status first.`,\n        severity: \"error\",\n        display: \"transient\",\n      });\n      return;\n    }\n\n    const productPatch: Partial<APIProduct> =  {\n      // @ts-ignore partial obj\n      spec: {\n        publishStatus: newStatus\n      },\n    }\n\n    try {\n      await kuadrantApi.updateApiProduct(namespace, name, productPatch);\n\n      setRefreshTrigger((prev) => prev + 1);\n      alertApi.post({\n        message: `\"${displayName}\" ${newStatus === \"Published\" ? \"published\" : \"unpublished\"} successfully`,\n        severity: \"success\",\n        display: \"transient\",\n      });\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error ? err.message : \"unknown error occurred\";\n      alertApi.post({\n        message: `Failed to update publish status: ${errorMessage}`,\n        severity: \"error\",\n        display: \"transient\",\n      });\n    }\n  };\n\n  const columns: TableColumn[] = [\n    {\n      title: \"Name\",\n      field: \"spec.displayName\",\n      render: (row: any) => {\n        const displayName = row.spec?.displayName ?? row.metadata.name;\n        return (\n          <Link to={`/kuadrant/api-products/${row.metadata.namespace}/${row.metadata.name}`}>\n            <strong>{displayName}</strong>\n          </Link>\n        );\n      },\n      customFilterAndSearch: (term, row: any) => {\n        const displayName = row.spec?.displayName || row.metadata.name || \"\";\n        return displayName.toLowerCase().includes(term.toLowerCase());\n      },\n    },\n    {\n      title: \"Version\",\n      field: \"spec.version\",\n      render: (row: any) => row.spec?.version || \"-\",\n    },\n    {\n      title: \"Route\",\n      field: \"spec.targetRef.name\",\n      render: (row: any) => row.spec?.targetRef?.name || \"-\",\n    },\n    // only show policy column if user can list planpolicies\n    ...(canListPlanPolicies\n      ? [\n          {\n            title: \"Policy\",\n            field: \"policy\",\n            render: (row: any) => getPolicyForProduct(row) || \"N/A\",\n          },\n        ]\n      : []),\n    {\n      title: \"Tags\",\n      field: \"spec.tags\",\n      render: (row: any) => {\n        const tags = row.spec?.tags || [];\n        if (tags.length === 0) return \"-\";\n        return (\n          <Box display=\"flex\" style={{ gap: 4, flexWrap: \"wrap\" }}>\n            {tags.map((tag: string) => (\n              <Chip key={tag} label={tag} size=\"small\" variant=\"outlined\" />\n            ))}\n          </Box>\n        );\n      },\n    },\n    {\n      title: \"Status\",\n      field: \"spec.publishStatus\",\n      render: (row: any) => {\n        const status = row.spec?.publishStatus || \"Draft\";\n        return (\n          <Chip\n            label={status}\n            size=\"small\"\n            color={status === \"Published\" ? \"primary\" : \"default\"}\n          />\n        );\n      },\n    },\n    {\n      title: \"Lifecycle\",\n      field: \"metadata.labels.lifecycle\",\n      render: (row: any) => {\n        const lifecycle = row.metadata.labels?.lifecycle;\n        if (!lifecycle) return \"-\";\n        return (\n          <Chip\n            label={lifecycle.charAt(0).toUpperCase() + lifecycle.slice(1)}\n            size=\"small\"\n            style={getLifecycleChipStyle(lifecycle)}\n          />\n        );\n      },\n    },\n    {\n      title: \"Authentication\",\n      field: \"status.discoveredAuthScheme\",\n      render: (row: any) => {\n        const authSchemes =\n          row.status?.discoveredAuthScheme?.authentication || {};\n        const schemeObjects = Object.values(authSchemes);\n\n        const hasApiKey = schemeObjects.some((scheme: any) =>\n          scheme.hasOwnProperty(\"apiKey\"),\n        );\n        const hasJwt = schemeObjects.some((scheme: any) =>\n          scheme.hasOwnProperty(\"jwt\"),\n        );\n\n        if (!hasApiKey && !hasJwt) {\n          return (\n            <Typography variant=\"body2\" style={{ fontStyle: \"italic\" }}>\n              unknown\n            </Typography>\n          );\n        }\n\n        return (\n          <Box display=\"flex\" style={{ gap: 4 }}>\n            {hasApiKey && (\n              <Chip\n                icon={<VpnKeyIcon />}\n                label=\"API Key\"\n                size=\"small\"\n                color=\"primary\"\n              />\n            )}\n            {hasJwt && (\n              <Chip\n                icon={<LockIcon />}\n                label=\"OIDC\"\n                size=\"small\"\n                color=\"secondary\"\n              />\n            )}\n          </Box>\n        );\n      },\n    },\n    {\n      title: \"Namespace\",\n      field: \"metadata.namespace\",\n    },\n    {\n      title: \"Actions\",\n      field: \"actions\",\n      filtering: false,\n      render: (row: any) => {\n        const owner = row.metadata?.annotations?.[\"backstage.io/owner\"];\n        const isOwner = owner === userEntityRef;\n        const canEdit =\n          canUpdateAllApiProducts || (canUpdateOwnApiProduct && isOwner);\n        const canDelete =\n          canDeleteAllApiProducts || (canDeleteOwnApiProduct && isOwner);\n        const isPublished = row.spec?.publishStatus === \"Published\";\n\n        return (\n          <Box display=\"flex\" alignItems=\"center\" style={{ gap: 4 }}>\n            {canEdit && (\n              <Button\n                size=\"small\"\n                color=\"primary\"\n                onClick={() => handlePublishToggle(row)}\n                style={{ marginRight: 4, textTransform: \"none\" }}\n              >\n                {isPublished ? \"Unpublish\" : \"Publish\"}\n              </Button>\n            )}\n            {canEdit && (\n              <IconButton\n                size=\"small\"\n                onClick={() =>\n                  handleEditClick(row.metadata.namespace, row.metadata.name)\n                }\n                title=\"Edit API Product\"\n              >\n                <EditIcon fontSize=\"small\" />\n              </IconButton>\n            )}\n            {canDelete && (\n              <IconButton\n                size=\"small\"\n                onClick={() =>\n                  handleDeleteClick(row.metadata.namespace, row.metadata.name)\n                }\n                title=\"Delete API Product\"\n              >\n                <DeleteIcon fontSize=\"small\" />\n              </IconButton>\n            )}\n          </Box>\n        );\n      },\n    },\n  ];\n\n  return (\n    <Page themeId=\"tool\">\n      <Header\n        title=\"API Products\"\n        subtitle=\"Manage API products for Kubernetes\"\n      >\n        <SupportButton>Manage API products and plan policies</SupportButton>\n      </Header>\n      <Content>\n        {loading && (\n          <Box\n            display=\"flex\"\n            flexDirection=\"column\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            minHeight={300}\n          >\n            <CircularProgress />\n            <Typography variant=\"h6\" style={{ marginTop: 16 }}>\n              Loading data...\n            </Typography>\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              Preparing your data... This should only take a moment.\n            </Typography>\n          </Box>\n        )}\n        {error && <ResponseErrorPanel error={error} />}\n        {permissionError && (\n          <Box p={2}>\n            <Typography color=\"error\">\n              unable to check permissions: {permissionError.message}\n            </Typography>\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              permission:{\" \"}\n              {createPermissionError\n                ? \"kuadrant.apiproduct.create\"\n                : deletePermissionError\n                  ? \"kuadrant.apiproduct.delete\"\n                  : planPolicyPermissionError\n                    ? \"kuadrant.planpolicy.list\"\n                    : \"unknown\"}\n            </Typography>\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              please try again or contact your administrator\n            </Typography>\n          </Box>\n        )}\n        {!loading && !error && !permissionError && allProducts.length === 0 && (\n          <Box className={classes.emptyState}>\n            <Box className={classes.emptyStateContent}>\n              <Box className={classes.emptyStateText}>\n                <Typography variant=\"h4\" className={classes.emptyStateTitle}>\n                  API Product\n                </Typography>\n                <Typography\n                  variant=\"body1\"\n                  className={classes.emptyStateDescription}\n                >\n                  Create API product by registering existing API, associate\n                  route and policy\n                </Typography>\n                {canCreateApiProduct && (\n                  <Button\n                    variant=\"contained\"\n                    color=\"primary\"\n                    startIcon={<AddIcon />}\n                    onClick={() => setCreateDialogOpen(true)}\n                  >\n                    Create API Product\n                  </Button>\n                )}\n              </Box>\n              <img\n                src={emptyStateIllustration}\n                alt=\"API Product illustration\"\n                className={classes.emptyStateImage}\n              />\n            </Box>\n          </Box>\n        )}\n        {!loading && !error && !permissionError && allProducts.length > 0 && (\n          <Box className={classes.container}>\n            <FilterPanel\n              sections={filterSections}\n              filters={filters}\n              onChange={setFilters}\n            />\n            <Box className={classes.tableContainer}>\n              <Box display=\"flex\" justifyContent=\"flex-end\" mb={2}>\n                {canCreateApiProduct && (\n                  <Button\n                    variant=\"contained\"\n                    color=\"primary\"\n                    size=\"small\"\n                    startIcon={<AddIcon />}\n                    onClick={() => setCreateDialogOpen(true)}\n                  >\n                    Create API Product\n                  </Button>\n                )}\n              </Box>\n              {filteredProducts.length === 0 ? (\n                <Box p={4} textAlign=\"center\">\n                  <Typography variant=\"body1\" color=\"textSecondary\">\n                    No API products match the selected filters.\n                  </Typography>\n                </Box>\n              ) : (\n                <Table\n                  options={{\n                    paging: filteredProducts.length > 10,\n                    pageSize: 20,\n                    search: true,\n                    filtering: false,\n                    debounceInterval: 300,\n                    toolbar: true,\n                    emptyRowsWhenPaging: false,\n                  }}\n                  columns={columns}\n                  data={filteredProducts}\n                />\n              )}\n            </Box>\n          </Box>\n        )}\n        <CreateAPIProductDialog\n          open={createDialogOpen}\n          onClose={() => setCreateDialogOpen(false)}\n          onSuccess={handleCreateSuccess}\n        />\n        <EditAPIProductDialog\n          open={editDialogOpen}\n          onClose={() => setEditDialogOpen(false)}\n          onSuccess={handleEditSuccess}\n          namespace={apiProductToEdit?.namespace || \"\"}\n          name={apiProductToEdit?.name || \"\"}\n        />\n        <ConfirmDeleteDialog\n          open={deleteDialogOpen}\n          title=\"Delete API Product\"\n          description={\n            deleteStats\n              ? `Deleting \"${apiProductToDelete?.name}\" will also remove:\n\n• ${deleteStats.requests} API Key(s)\n• ${deleteStats.secrets} API Key Secret(s)\n\nThis action cannot be undone.`\n              : `Deleting \"${apiProductToDelete?.name}\" will also remove all associated API Keys and Secrets.\nThis action cannot be undone.`\n          }\n          confirmText={apiProductToDelete?.name}\n          severity=\"high\"\n          deleting={deleting}\n          onConfirm={handleDeleteConfirm}\n          onCancel={handleDeleteCancel}\n        />\n      </Content>\n    </Page>\n  );\n};\n\nexport const ApiProductsPage = () => {\n  return (\n    <PermissionGate\n      permission={kuadrantApiProductListPermission}\n      errorMessage=\"you don't have permission to view the Kuadrant page\"\n    >\n      <ResourceList />\n    </PermissionGate>\n  );\n};\n"],"names":["useStyles","makeStyles","theme","root","width","minWidth","padding","spacing","borderRight","palette","divider","backgroundColor","background","paper","height","overflowY","sectionTitle","fontWeight","fontSize","textTransform","letterSpacing","color","text","secondary","marginBottom","display","alignItems","justifyContent","cursor","userSelect","filterSection","checkbox","checkboxLabel","clearButton","marginTop","count","marginLeft","FilterPanel","sections","filters","onChange","onClear","classes","collapsedSections","setCollapsedSections","React","Set","filter","s","collapsed","map","id","hasActiveFilters","Object","values","some","length","Box","className","mb","Typography","variant","Button","size","onClick","clearedFilters","forEach","section","Divider","isCollapsed","has","selectedCount","mt","toggleSection","sectionId","prev","next","delete","add","span","title","ExpandMoreIcon","ExpandLessIcon","Collapse","in","FormGroup","options","option","FormControlLabel","control","Checkbox","checked","includes","value","currentValues","newValues","v","handleCheckboxChange","label","undefined","PermissionGate","children","permission","fallback","errorMessage","allowed","loading","error","useKuadrantPermission","Progress","p","message","name","asterisk","sectionHeader","gap","infoIcon","tagChip","marginRight","CreateAPIProductDialog","open","onClose","onSuccess","selectedPolicy","kuadrantApi","useApi","kuadrantApiRef","setName","useState","displayName","setDisplayName","description","setDescription","version","setVersion","approvalMode","setApprovalMode","publishStatus","setPublishStatus","lifecycle","setLifecycle","tags","setTags","tagInput","setTagInput","selectedHTTPRoute","setSelectedHTTPRoute","contactEmail","setContactEmail","contactTeam","setContactTeam","docsURL","setDocsURL","openAPISpec","setOpenAPISpec","setError","creating","setCreating","httpRoutesRetry","setHttpRoutesRetry","nameError","setNameError","openAPISpecError","setOpenAPISpecError","routeSearchTerm","setRouteSearchTerm","routeSearchField","setRouteSearchField","httpRoutes","httpRoutesLoading","httpRoutesError","useAsync","async","getHttpRoutes","items","planPolicies","planPoliciesError","getPlanPolicies","getPlanPolicyForRoute","routeNamespace","routeName","find","pp","ref","targetRef","kind","namespace","selectedRouteInfo","split","getPolicyInfoForRoute","policy","metadata","spec","plans","tiers","entries","plan","limit","limits","requests","period","join","formatTierInfo","useEffect","handleAddTag","trim","handleClose","hasValidationErrors","Dialog","maxWidth","fullWidth","DialogTitle","DialogContent","Alert","severity","style","strong","Grid","container","item","xs","TextField","e","match","autoName","toLowerCase","replace","Math","floor","random","toString","padStart","validateKubernetesName","handleDisplayNameChange","target","placeholder","helperText","margin","required","disabled","InputLabelProps","handleNameChange","onKeyPress","key","preventDefault","InputProps","endAdornment","InputAdornment","position","IconButton","AddIcon","flexWrap","tag","Chip","onDelete","handleDeleteTag","tagToDelete","multiline","rows","Tooltip","InfoOutlinedIcon","handleOpenAPISpecChange","validateURL","select","SelectProps","MenuProps","PaperProps","maxHeight","anchorOrigin","vertical","horizontal","transformOrigin","getContentAnchorEl","px","pt","pb","top","zIndex","onKeyDown","stopPropagation","MenuItem","route","routeNs","policyInfo","searchLower","PlanPolicyDetails","discoveredPlans","alertSeverity","alertMessage","includeTopMargin","FormControl","component","RadioGroup","row","Radio","DialogActions","Error","selectedRouteNamespace","selectedRouteName","apiProduct","apiVersion","labels","group","contact","email","team","documentation","openAPISpecURL","createApiProduct","err","String","startIcon","CircularProgress","minHeight","tableContainer","flex","overflow","emptyState","emptyStateContent","emptyStateText","emptyStateTitle","emptyStateDescription","emptyStateImage","ResourceList","alertApi","alertApiRef","identityApi","identityApiRef","userEntityRef","setUserEntityRef","createDialogOpen","setCreateDialogOpen","editDialogOpen","setEditDialogOpen","refreshTrigger","setRefreshTrigger","deleteDialogOpen","setDeleteDialogOpen","apiProductToDelete","setApiProductToDelete","apiProductToEdit","setApiProductToEdit","deleting","setDeleting","deleteStats","setDeleteStats","setFilters","status","authentication","canCreateApiProduct","createPermissionLoading","createPermissionError","kuadrantApiProductCreatePermission","canDeleteOwnApiProduct","deleteOwnPermissionLoading","kuadrantApiProductDeleteOwnPermission","canDeleteAllApiProducts","deleteAllPermissionLoading","deletePermissionError","kuadrantApiProductDeleteAllPermission","canUpdateOwnApiProduct","kuadrantApiProductUpdateOwnPermission","canUpdateAllApiProducts","kuadrantApiProductUpdateAllPermission","deletePermissionLoading","canListPlanPolicies","planPolicyPermissionLoading","planPolicyPermissionError","kuadrantPlanPolicyListPermission","identity","getBackstageIdentity","apiProducts","apiProductsLoading","apiProductsError","getApiProducts","planPoliciesLoading","getPolicyForProduct","useCallback","product","getAuthSchemes","authSchemes","discoveredAuthScheme","schemeObjects","schemes","scheme","hasOwnProperty","push","permissionError","allProducts","useMemo","products","filterSections","statusCounts","Draft","Published","lifecycleCounts","Map","policyCounts","routeCounts","namespaceCounts","tagCounts","authCounts","set","get","ns","Array","from","state","charAt","toUpperCase","slice","splice","filteredProducts","a","t","columns","field","render","Link","to","customFilterAndSearch","term","getLifecycleChipStyle","hasApiKey","hasJwt","icon","VpnKeyIcon","LockIcon","fontStyle","filtering","isOwner","annotations","canEdit","canDelete","isPublished","newStatus","post","productPatch","updateApiProduct","handlePublishToggle","handleEditClick","EditIcon","related","getRequestsByNamespace","r","apiName","apiNamespace","approved","phase","secrets","handleDeleteClick","DeleteIcon","Page","themeId","Header","subtitle","SupportButton","Content","flexDirection","ResponseErrorPanel","img","src","emptyStateIllustration","alt","textAlign","Table","paging","pageSize","search","debounceInterval","toolbar","emptyRowsWhenPaging","data","productInfo","EditAPIProductDialog","productName","ConfirmDeleteDialog","confirmText","onConfirm","deleteApiProduct","deletedName","onCancel","ApiProductsPage","kuadrantApiProductListPermission"],"sourceRoot":""}

package/dist-scalprum/static/7270.b0e185f1.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[7270],{5030:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var n=a(85608),s=a(95478),r=n.__importDefault(a(10009));t.default=function(e,t,a){void 0===t&&(t=[]),void 0===a&&(a={loading:!1});var i=s.useRef(0),l=r.default(),o=s.useState(a),c=o[0],d=o[1],u=s.useCallback(function(){for(var t=[],a=0;a<arguments.length;a++)t[a]=arguments[a];var s=++i.current;return c.loading||d(function(e){return n.__assign(n.__assign({},e),{loading:!0})}),e.apply(void 0,t).then(function(e){return l()&&s===i.current&&d({value:e,loading:!1}),e},function(e){return l()&&s===i.current&&d({error:e,loading:!1}),e})},t);return[c,u]}},10009:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0});var n=a(95478);t.default=function(){var e=n.useRef(!1),t=n.useCallback(function(){return e.current},[]);return n.useEffect(function(){return e.current=!0,function(){e.current=!1}},[]),t}},12229:(e,t,a)=>{a.d(t,{Z:()=>v});var n=a(31085),s=a(95478),r=a.n(s),i=a(10394),l=a(72501),o=a(64947),c=a(37197),d=a(69621),u=a(12981),p=a(86901),m=a(69076),h=a(58837),f=a(6924),A=a(23164);const g=(0,h.A)(e=>({root:{width:240,minWidth:240,padding:e.spacing(2),borderRight:`1px solid ${e.palette.divider}`,backgroundColor:e.palette.background.paper,height:"100%",overflowY:"auto"},sectionTitle:{fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.05em",color:e.palette.text.secondary,marginBottom:e.spacing(1),display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer",userSelect:"none"},filterSection:{marginBottom:e.spacing(2)},checkbox:{padding:e.spacing(.5)},checkboxLabel:{fontSize:"0.875rem"},clearButton:{marginTop:e.spacing(2)},count:{fontSize:"0.75rem",color:e.palette.text.secondary,marginLeft:e.spacing(1)}})),v=({sections:e,filters:t,onChange:a,onClear:s})=>{const h=g(),[v,x]=r().useState(new Set(e.filter(e=>e.collapsed).map(e=>e.id))),j=Object.values(t).some(e=>e.length>0);return(0,n.jsxs)(i.A,{className:h.root,children:[(0,n.jsxs)(i.A,{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2,children:[(0,n.jsx)(l.A,{variant:"subtitle2",children:"Filters"}),j&&(0,n.jsx)(o.A,{size:"small",color:"primary",onClick:()=>{const t={};e.forEach(e=>{t[e.id]=[]}),a(t),null==s||s()},children:"Clear all"})]}),(0,n.jsx)(c.A,{}),e.map(e=>{const s=v.has(e.id),r=(t[e.id]||[]).length;return(0,n.jsxs)(i.A,{className:h.filterSection,mt:2,children:[(0,n.jsxs)(i.A,{className:h.sectionTitle,onClick:()=>{return t=e.id,void x(e=>{const a=new Set(e);return a.has(t)?a.delete(t):a.add(t),a});var t},children:[(0,n.jsxs)(i.A,{display:"flex",alignItems:"center",children:[(0,n.jsx)("span",{children:e.title}),r>0&&(0,n.jsxs)("span",{className:h.count,children:["(",r,")"]})]}),s?(0,n.jsx)(f.A,{fontSize:"small"}):(0,n.jsx)(A.A,{fontSize:"small"})]}),(0,n.jsx)(d.A,{in:!s,children:(0,n.jsx)(u.A,{children:e.options.map(s=>(0,n.jsx)(p.A,{control:(0,n.jsx)(m.A,{checked:(t[e.id]||[]).includes(s.value),onChange:()=>((e,n)=>{const s=t[e]||[],r=s.includes(n)?s.filter(e=>e!==n):[...s,n];a({...t,[e]:r})})(e.id,s.value),size:"small",className:h.checkbox,color:"primary"}),label:(0,n.jsxs)(i.A,{display:"flex",alignItems:"center",children:[(0,n.jsx)("span",{className:h.checkboxLabel,children:s.label}),void 0!==s.count&&(0,n.jsxs)("span",{className:h.count,children:["(",s.count,")"]})]})},s.value))})})]},e.id)})]})}},16397:(e,t,a)=>{a.d(t,{e:()=>j});var n=a(31085),s=a(95478),r=a(76891),i=a(61477),l=a(46805),o=a(10394),c=a(72501),d=a(95061),u=a(48543),p=a(81215),m=a(26343),h=a(16249),f=a(93453),A=a(64947),g=a(78467),v=a(22097),x=a(64047);const j=({open:e,onClose:t,onSuccess:a,request:j,availablePlans:y})=>{const b=(0,v.useApi)(x.s),[k,S]=(0,s.useState)(""),[C,w]=(0,s.useState)(""),[P,I]=(0,s.useState)(!1),[R,q]=(0,s.useState)("");(0,s.useEffect)(()=>{e&&j&&(S(j.spec.planTier||""),w(j.spec.useCase||""),q(""))},[e,j]);const z=()=>{P||(q(""),t())};return(0,n.jsxs)(r.A,{open:e,onClose:z,maxWidth:"sm",fullWidth:!0,children:[(0,n.jsx)(i.A,{children:"Edit API Key"}),(0,n.jsxs)(l.A,{children:[R&&(0,n.jsx)(o.A,{mb:2,p:2,bgcolor:"error.main",color:"error.contrastText",borderRadius:1,children:(0,n.jsx)(c.A,{variant:"body2",children:R})}),(0,n.jsxs)(d.A,{fullWidth:!0,margin:"normal",children:[(0,n.jsx)(u.A,{children:"Tier"}),(0,n.jsx)(p.A,{value:k,onChange:e=>S(e.target.value),disabled:P,children:y.map(e=>{const t=Object.entries(e.limits||{}).map(([e,t])=>`${t} per ${e}`).join(", ");return(0,n.jsxs)(m.A,{value:e.tier,children:[e.tier," ",t?`(${t})`:""]},e.tier)})})]}),(0,n.jsx)(h.A,{label:"Use Case",placeholder:"Describe how you plan to use this API",multiline:!0,rows:3,fullWidth:!0,margin:"normal",value:C,onChange:e=>w(e.target.value),disabled:P,helperText:"Explain your intended use of this API for admin review"})]}),(0,n.jsxs)(f.A,{children:[(0,n.jsx)(A.A,{onClick:z,disabled:P,children:"Cancel"}),(0,n.jsx)(A.A,{onClick:async()=>{if(k){q(""),I(!0);try{const e={spec:{planTier:k,useCase:C.trim()}};await b.updateRequest(j.metadata.name,j.metadata.namespace,e),a(),t()}catch(e){console.error("Error updating API key request:",e),q(e instanceof Error?e.message:"Unknown error occurred")}finally{I(!1)}}else q("Please select a tier")},color:"primary",variant:"contained",disabled:!k||P,startIcon:P?(0,n.jsx)(g.A,{size:16,color:"inherit"}):void 0,children:P?"Saving...":"Save Changes"})]})]})}},23164:(e,t,a)=>{var n=a(4293),s=a(78920);t.A=void 0;var r=s(a(95478)),i=(0,n(a(74044)).default)(r.createElement("path",{d:"M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"}),"ExpandLess");t.A=i},27799:(e,t,a)=>{var n=a(4293),s=a(78920);t.A=void 0;var r=s(a(95478)),i=(0,n(a(74044)).default)(r.createElement("path",{d:"M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4 4-3.99z"}),"BrokenImage");t.A=i},32269:(e,t,a)=>{var n=a(4293),s=a(78920);t.A=void 0;var r=s(a(95478)),i=(0,n(a(74044)).default)(r.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");t.A=i},37270:(e,t,a)=>{a.r(t),a.d(t,{MyApiKeysPage:()=>Z});var n=a(31085),s=a(95478),r=a(289),i=a(15831),l=a(45210),o=a(46681),c=a(49634),d=a(37725),u=a(86687),p=a(42367),m=a(25010),h=a(22097),f=a(64047),A=a(91638),g=a(58837),v=a(10394),x=a(72501),j=a(67720),y=a(71677),b=a(29365),k=a(78467),S=a(64947),C=a(37757),w=a(26343),P=a(76891),I=a(61477),R=a(46805),q=a(93453),z=a(95061),$=a(48543),T=a(81215),E=a(51253),M=a(16249);const N=({open:e,onClose:t,onSuccess:a})=>{var r;const i=(0,h.useApi)(h.configApiRef),l=(0,h.useApi)(h.fetchApiRef),o=(0,h.useApi)(h.alertApiRef),c=(0,h.useApi)(h.identityApiRef),d=i.getString("backend.baseUrl"),[u,p]=(0,s.useState)(""),[m,f]=(0,s.useState)(""),[g,v]=(0,s.useState)(""),[j,y]=(0,s.useState)(!1),{value:b,loading:C}=(0,A.A)(async()=>{if(!e)return[];const t=await l.fetch(`${d}/api/kuadrant/apiproducts`);if(!t.ok)throw new Error("Failed to fetch API products");return((await t.json()).items||[]).filter(e=>{var t;return"Published"===(null===(t=e.spec)||void 0===t?void 0:t.publishStatus)})},[d,l,e]),{value:N}=(0,A.A)(async()=>`${(await c.getBackstageIdentity()).userEntityRef.split("/")[1]||"unknown"}@example.com`,[c]),B=null==b?void 0:b.find(e=>`${e.metadata.namespace}/${e.metadata.name}`===u),W=(null==B||null===(r=B.status)||void 0===r?void 0:r.discoveredPlans)||[],_=()=>{p(""),f(""),v(""),t()};return(0,n.jsxs)(P.A,{open:e,onClose:_,maxWidth:"sm",fullWidth:!0,children:[(0,n.jsx)(I.A,{children:"Request API key"}),(0,n.jsxs)(R.A,{children:[(0,n.jsx)(x.A,{variant:"body2",color:"textSecondary",children:"Submit your request to generate an API key."}),(0,n.jsxs)(z.A,{fullWidth:!0,margin:"normal",disabled:j||C,children:[(0,n.jsx)($.A,{id:"api-select-label",required:!0,children:"API"}),(0,n.jsx)(T.A,{labelId:"api-select-label",value:u,onChange:e=>{p(e.target.value),f("")},disabled:j||C,"data-testid":"api-select",children:C?(0,n.jsx)(w.A,{disabled:!0,children:"Loading..."}):null==b?void 0:b.map(e=>(0,n.jsx)(w.A,{value:`${e.metadata.namespace}/${e.metadata.name}`,children:e.metadata.name},`${e.metadata.namespace}/${e.metadata.name}`))}),(0,n.jsx)(E.A,{children:"Select one API. Please submit separate requests for multiple APIs."})]}),(0,n.jsxs)(z.A,{fullWidth:!0,margin:"normal",disabled:j||!u,required:!0,children:[(0,n.jsx)($.A,{id:"tier-select-label",children:"Tiers"}),(0,n.jsx)(T.A,{labelId:"tier-select-label",value:m,onChange:e=>f(e.target.value),disabled:j||!u,"data-testid":"tier-select",children:u?0===W.length?(0,n.jsx)(w.A,{disabled:!0,children:"No tiers available"}):W.map(e=>{const t=Object.entries(e.limits||{}).map(([e,t])=>`${t} per ${e}`).join(", ");return(0,n.jsxs)(w.A,{value:e.tier,children:[e.tier," ",t?`(${t})`:""]},e.tier)}):(0,n.jsx)(w.A,{disabled:!0,children:"Select an API first"})}),(0,n.jsx)(E.A,{children:"Select an API to view available tiers."})]}),(0,n.jsx)(M.A,{label:"Use case",placeholder:"Briefly describe your specific use case of using this API key",multiline:!0,rows:2,fullWidth:!0,margin:"normal",value:g,onChange:e=>v(e.target.value),disabled:j,inputProps:{"data-testid":"usecase-input"}})]}),(0,n.jsxs)(q.A,{children:[(0,n.jsx)(S.A,{onClick:_,disabled:j,"data-testid":"cancel-button",children:"Cancel"}),(0,n.jsx)(S.A,{onClick:async()=>{if(!u||!m)return;const[e,t]=u.split("/");y(!0);try{const n=await l.fetch(`${d}/api/kuadrant/requests`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiProductName:t,namespace:e,planTier:m,useCase:g.trim()||"",userEmail:N||"unknown"})});if(!n.ok){let a;try{a=await n.json()}catch{a={error:`Server returned ${n.status} ${n.statusText}`}}console.error("Backend error response:",{status:n.status,statusText:n.statusText,errorData:a,requestBody:{apiProductName:t,namespace:e,planTier:m,useCase:g.trim()||"",userEmail:N||"unknown"}});const s=a.error||a.message||`Server returned ${n.status}`;let r=s;if(s.includes("spec.requestedBy.email"))r="Invalid email format. Please contact your administrator to update your profile email.";else if(s.includes("is invalid:")){const e=s.match(/is invalid: (.+?)(?:\s+\(|$)/);e&&(r=`Validation error: ${e[1]}`)}else 403===n.status?r="You do not have permission to request access to this API.":404===n.status?r="The selected API or tier was not found.":n.status>=500&&(r=`Server error: ${s}`);throw new Error(r)}o.post({message:"API key requested successfully",severity:"success",display:"transient"}),_(),a()}catch(e){const t=e instanceof Error?e.message:"unknown error occurred";console.error("Failed to create API key request:",{error:e,selectedApi:u,selectedTier:m,userEmail:N}),o.post({message:`Failed to request API key: ${t}`,severity:"error",display:"permanent"})}finally{y(!1)}},color:"primary",variant:"contained",disabled:!u||!m||j,startIcon:j?(0,n.jsx)(k.A,{size:16,color:"inherit"}):void 0,"data-testid":"submit-button",children:j?"Submitting...":"Request"})]})]})};var B=a(32269),W=a(61524),_=a(99594),O=a(77225),L=a(39590),D=a(16397),F=a(63221),K=a(12229),V=a(46299);const U=(0,g.A)(e=>({container:{display:"flex",height:"100%",minHeight:400},tableContainer:{flex:1,overflow:"auto",padding:10},useCasePanel:{padding:e.spacing(2),backgroundColor:e.palette.background.default},useCaseLabel:{fontWeight:600,marginBottom:e.spacing(1),color:e.palette.text.secondary,textTransform:"uppercase",fontSize:"0.75rem"},rejectedBanner:{backgroundColor:e.palette.error.light,border:`1px solid ${e.palette.error.main}`,borderRadius:e.shape.borderRadius,padding:e.spacing(1.5,2),marginBottom:e.spacing(2),display:"flex",alignItems:"center",gap:e.spacing(1)}})),H=({request:e})=>{var t,a;const s=U(),r="Rejected"===(null===(t=e.status)||void 0===t?void 0:t.phase),i=(null===(a=e.spec.apiProductRef)||void 0===a?void 0:a.name)||"unknown";return(0,n.jsxs)(v.A,{className:s.useCasePanel,onClick:e=>e.stopPropagation(),children:[r&&(0,n.jsxs)(v.A,{className:s.rejectedBanner,children:[(0,n.jsx)(O.A,{color:"error",fontSize:"small"}),(0,n.jsxs)(x.A,{variant:"body2",children:["This API key was rejected."," ",(0,n.jsx)(d.N_,{to:`/catalog/default/api/${i}/api-keys`,children:"Request a new API key"})]})]}),(0,n.jsx)(x.A,{className:s.useCaseLabel,children:"Use Case"}),(0,n.jsx)(x.A,{variant:"body2",children:e.spec.useCase||"No use case provided"})]})},Y=()=>{var e,t;const a=U(),r=(0,c.useNavigate)(),i=(0,h.useApi)(f.s),l=(0,h.useApi)(h.alertApiRef),[o,g]=(0,s.useState)(!1),[z,$]=(0,s.useState)(new Set),[T,E]=(0,s.useState)(null),[M,Y]=(0,s.useState)(null),[Z,J]=(0,s.useState)({open:!1,request:null,plans:[]}),[X,G]=(0,s.useState)(0),[Q,ee]=(0,s.useState)(null),[te,ae]=(0,s.useState)({open:!1,request:null}),[ne,se]=(0,s.useState)(new Map),[re,ie]=(0,s.useState)(new Set),[le,oe]=(0,s.useState)(new Set),[ce,de]=(0,s.useState)(!1),[ue,pe]=(0,s.useState)(null),[me,he]=(0,s.useState)(new Set),[fe,Ae]=(0,s.useState)({status:[],apiProduct:[],tier:[]}),{value:ge,loading:ve,error:xe}=(0,A.A)(async()=>{const[e,t]=await Promise.all([i.getRequests(),i.getApiProducts()]),a=e.items||[],n=t.items||[],s=new Map;return n.forEach(e=>{var t;const a=`${e.metadata.namespace}/${e.metadata.name}`,n=(null===(t=e.metadata.annotations)||void 0===t?void 0:t["backstage.io/owner"])||"unknown";s.set(a,n)}),{requests:a,products:n,ownerMap:s}},[i,X]),je=(0,s.useMemo)(()=>(null==ge?void 0:ge.requests)?ge.requests.filter(e=>!me.has(e.metadata.name)):[],[null==ge?void 0:ge.requests,me]),ye=(0,s.useMemo)(()=>{const e={Approved:0,Pending:0,Rejected:0},t=new Map,a=new Map;return je.forEach(n=>{var s,r;const i=(null===(s=n.status)||void 0===s?void 0:s.phase)||"Pending";e[i]++;const l=(null===(r=n.spec.apiProductRef)||void 0===r?void 0:r.name)||"unknown";t.set(l,(t.get(l)||0)+1);const o=n.spec.planTier||"unknown";a.set(o,(a.get(o)||0)+1)}),[{id:"status",title:"Status",options:[{value:"Approved",label:"Active",count:e.Approved},{value:"Pending",label:"Pending",count:e.Pending},{value:"Rejected",label:"Rejected",count:e.Rejected}]},{id:"apiProduct",title:"API Product",options:Array.from(t.entries()).map(([e,t])=>({value:e,label:e,count:t})),collapsed:t.size>5},{id:"tier",title:"Tier",options:Array.from(a.entries()).map(([e,t])=>({value:e,label:e.charAt(0).toUpperCase()+e.slice(1),count:t}))}]},[je]),be=(0,s.useMemo)(()=>je.filter(e=>{if(fe.status.length>0){var t;const a=(null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending";if(!fe.status.includes(a))return!1}if(fe.apiProduct.length>0){var a;const t=(null===(a=e.spec.apiProductRef)||void 0===a?void 0:a.name)||"unknown";if(!fe.apiProduct.includes(t))return!1}if(fe.tier.length>0){const t=e.spec.planTier||"unknown";if(!fe.tier.includes(t))return!1}return!0}),[je,fe]),ke=e=>{$(t=>{const a=new Set(t);return a.has(e)?a.delete(e):a.add(e),a})},Se=()=>{E(null),Y(null)},Ce=async()=>{if(!M)return;const e=M;Se();try{var t,a;const n=null===(t=e.spec.apiProductRef)||void 0===t?void 0:t.name,s=e.metadata.namespace,r=(null===(a=(await i.getApiProduct(s,n)).status)||void 0===a?void 0:a.discoveredPlans)||[];J({open:!0,request:e,plans:r})}catch(e){console.error("Error fetching plans:",e),J({open:!0,request:M,plans:[]});const t=e instanceof Error?e.message:"unknown error occurred";l.post({message:`Failed to fetch Plans. ${t}`,severity:"error",display:"transient"})}},we=()=>{if(!M)return;const e=M;Se(),ae({open:!0,request:e})},Pe=[{title:"API Product",field:"spec.apiProductRef.name",render:e=>{var t;const a=(null===(t=e.spec.apiProductRef)||void 0===t?void 0:t.name)||"unknown";return(0,n.jsx)(d.N_,{to:`/catalog/default/api/${a}/api-keys`,children:(0,n.jsx)("strong",{children:a})})}},{title:"Owner",field:"owner",render:e=>{var t,a;const s=`${e.metadata.namespace}/${null===(t=e.spec.apiProductRef)||void 0===t?void 0:t.name}`,r=((null==ge||null===(a=ge.ownerMap)||void 0===a?void 0:a.get(s))||"unknown").replace(/^user:default\//,"");return(0,n.jsx)(x.A,{variant:"body2",children:r})}},{title:"Status",field:"status.phase",render:e=>{var t;const a=(null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending",s="Approved"===a?"Active":a;return(0,n.jsx)(j.A,{label:s,size:"small",style:(0,V.g9)(a)})}},{title:"Tier",field:"spec.planTier",render:e=>(0,n.jsx)(j.A,{label:e.spec.planTier,size:"small",variant:"outlined"})},{title:"API Key",field:"status.secretRef",filtering:!1,render:e=>{var t,a,s,r;if("Approved"!==(null===(t=e.status)||void 0===t?void 0:t.phase))return(0,n.jsx)(x.A,{variant:"body2",color:"textSecondary",children:"-"});const i=`${e.metadata.namespace}/${e.metadata.name}`,o=null===(s=e.status)||void 0===s||null===(a=s.secretRef)||void 0===a?void 0:a.name,c=z.has(e.metadata.name),d=re.has(i),u=ne.get(i),p=!1!==(null===(r=e.status)||void 0===r?void 0:r.canReadSecret),m=le.has(i)||!p;return o?m&&!u?(0,n.jsx)(y.Ay,{title:"This API key has already been viewed and cannot be retrieved again",children:(0,n.jsxs)(v.A,{display:"flex",alignItems:"center",children:[(0,n.jsx)(x.A,{variant:"body2",color:"textSecondary",style:{fontFamily:"monospace",marginRight:8},children:"Already viewed"}),(0,n.jsx)(W.A,{fontSize:"small",color:"disabled"})]})}):(0,n.jsxs)(v.A,{display:"flex",alignItems:"center",style:{gap:8},children:[(0,n.jsx)(v.A,{fontFamily:"monospace",fontSize:"0.875rem",children:d?"Loading...":c&&u?u:"•".repeat(20)+"..."}),c&&u&&(0,n.jsx)(y.Ay,{title:"Copy to clipboard",children:(0,n.jsx)(b.A,{size:"small",onClick:async()=>{u&&(await navigator.clipboard.writeText(u),l.post({message:"API key copied to clipboard",severity:"success",display:"transient"}))},children:(0,n.jsx)(_.A,{fontSize:"small"})})}),(0,n.jsx)(y.Ay,{title:c?"Hide API key":"Reveal API key (one-time only)",children:(0,n.jsx)("span",{children:(0,n.jsx)(b.A,{size:"small",onClick:()=>{c?(((e,t)=>{const a=`${e}/${t}`;se(e=>{const t=new Map(e);return t.delete(a),t})})(e.metadata.namespace,e.metadata.name),ke(e.metadata.name)):m||(pe({namespace:e.metadata.namespace,name:e.metadata.name}),de(!0))},disabled:d||m&&!u,children:c?(0,n.jsx)(W.A,{fontSize:"small"}):(0,n.jsx)(B.A,{fontSize:"small"})})})})]}):(0,n.jsx)(x.A,{variant:"body2",color:"textSecondary",children:"Awaiting secret..."})}},{title:"Requested",field:"metadata.creationTimestamp",render:e=>{if(!e.metadata.creationTimestamp)return(0,n.jsx)(x.A,{variant:"body2",children:"-"});const t=new Date(e.metadata.creationTimestamp);return(0,n.jsx)(x.A,{variant:"body2",children:t.toLocaleDateString()})}},{title:"Actions",filtering:!1,width:"100px",render:e=>Q===e.metadata.name?(0,n.jsx)(k.A,{size:20}):(0,n.jsxs)(v.A,{display:"flex",style:{gap:4},children:[(0,n.jsx)(y.Ay,{title:"View details",children:(0,n.jsx)(b.A,{size:"small",onClick:t=>{t.stopPropagation(),r(`/kuadrant/api-keys/${e.metadata.namespace}/${e.metadata.name}`)},children:(0,n.jsx)(B.A,{fontSize:"small"})})}),(0,n.jsx)(y.Ay,{title:"Delete",children:(0,n.jsx)(b.A,{size:"small",onClick:t=>{t.stopPropagation(),ae({open:!0,request:e})},children:(0,n.jsx)(L.A,{fontSize:"small"})})})]})}],Ie=(0,s.useMemo)(()=>[{render:e=>{var t;const a=e.rowData;return(null==a||null===(t=a.metadata)||void 0===t?void 0:t.name)?(0,n.jsx)(H,{request:a}):(0,n.jsx)(v.A,{})}}],[]);return ve?(0,n.jsx)(u.k,{}):xe?(0,n.jsx)(p._,{error:xe}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(v.A,{display:"flex",justifyContent:"flex-end",mb:2,px:2,children:(0,n.jsx)(S.A,{variant:"contained",color:"primary",onClick:()=>g(!0),"data-testid":"request-access-button",children:"Request Access"})}),(0,n.jsxs)(v.A,{className:a.container,children:[(0,n.jsx)(K.Z,{sections:ye,filters:fe,onChange:Ae}),(0,n.jsx)(v.A,{className:a.tableContainer,children:0===je.length?(0,n.jsx)(v.A,{p:4,textAlign:"center",children:(0,n.jsx)(x.A,{variant:"body1",color:"textSecondary",gutterBottom:!0,children:"No API keys found. Request access to an API to get started."})}):0===be.length?(0,n.jsx)(v.A,{p:4,textAlign:"center",children:(0,n.jsx)(x.A,{variant:"body1",color:"textSecondary",children:"No API keys match the selected filters."})}):(0,n.jsx)(m.X,{options:{paging:be.length>10,pageSize:20,search:!0,filtering:!1,debounceInterval:300,toolbar:!0,emptyRowsWhenPaging:!1},columns:Pe,data:be.map(e=>({...e,id:e.metadata.name})),detailPanel:Ie})})]}),(0,n.jsx)(C.A,{id:"myapikeys-menu",open:Boolean(T),onClose:Se,anchorReference:"anchorPosition",anchorPosition:T||{top:0,left:0},children:M&&(()=>{const e=[];var t;return e.push((0,n.jsx)(w.A,{onClick:()=>{r(`/kuadrant/api-keys/${M.metadata.namespace}/${M.metadata.name}`),Se()},children:"View Details"},"view")),(t=M).status&&"Pending"!==t.status.phase||e.push((0,n.jsx)(w.A,{onClick:Ce,children:"Edit"},"edit")),e.push((0,n.jsx)(w.A,{onClick:we,children:"Delete"},"delete")),e})()}),Z.request&&(0,n.jsx)(D.e,{open:Z.open,request:Z.request,availablePlans:Z.plans,onClose:()=>J({open:!1,request:null,plans:[]}),onSuccess:()=>{J({open:!1,request:null,plans:[]}),G(e=>e+1)}}),(0,n.jsx)(F.K,{open:te.open,title:"Delete API Key",description:`Are you sure you want to delete this API key for ${(null===(t=te.request)||void 0===t||null===(e=t.spec.apiProductRef)||void 0===e?void 0:e.name)||"this API"}?`,deleting:null!==Q,onConfirm:async()=>{if(!te.request)return;const e=te.request,t=e.metadata.name;he(e=>new Set(e).add(t)),ee(t);try{await i.deleteRequest(e.metadata.namespace,e.metadata.name),G(e=>e+1),l.post({message:"API key deleted",severity:"success",display:"transient"}),ae({open:!1,request:null})}catch(e){console.error("Error deleting request:",e),he(e=>{const a=new Set(e);return a.delete(t),a});const a=e instanceof Error?e.message:"unknown error occurred";l.post({message:`Failed to delete APIKey. ${a}`,severity:"error",display:"transient"})}finally{ee(null)}},onCancel:()=>{ae({open:!1,request:null})}}),(0,n.jsxs)(P.A,{open:ce,onClose:()=>{de(!1),pe(null)},maxWidth:"sm",children:[(0,n.jsx)(I.A,{children:(0,n.jsxs)(v.A,{display:"flex",alignItems:"center",children:[(0,n.jsx)(O.A,{color:"primary",style:{marginRight:8}}),"View API Key"]})}),(0,n.jsxs)(R.A,{children:[(0,n.jsxs)(x.A,{variant:"body1",paragraph:!0,children:["This API key can only be viewed ",(0,n.jsx)("strong",{children:"once"}),". After you reveal it, you will not be able to retrieve it again."]}),(0,n.jsx)(x.A,{variant:"body2",color:"textSecondary",children:"Make sure to copy and store it securely before closing this view."})]}),(0,n.jsxs)(q.A,{children:[(0,n.jsx)(S.A,{onClick:()=>{de(!1),pe(null)},children:"Cancel"}),(0,n.jsx)(S.A,{variant:"contained",color:"primary",onClick:()=>{ue&&((async(e,t)=>{const a=`${e}/${t}`;if(!re.has(a)){ie(e=>new Set(e).add(a));try{const n=await i.getApiKeySecret(e,t);se(e=>new Map(e).set(a,n.apiKey)),oe(e=>new Set(e).add(a))}catch(e){const t=e instanceof Error?e.message:"unknown error occurred";t.includes("403")||t.includes("already been viewed")?(oe(e=>new Set(e).add(a)),l.post({message:"This API key has already been viewed and cannot be retrieved again.",severity:"warning",display:"transient"})):l.post({message:`Failed to fetch api key: ${t}`,severity:"error",display:"transient"})}finally{ie(e=>{const t=new Set(e);return t.delete(a),t})}}})(ue.namespace,ue.name),ke(ue.name)),de(!1),pe(null)},children:"Reveal API Key"})]})]}),(0,n.jsx)(N,{open:o,onClose:()=>g(!1),onSuccess:()=>{g(!1),G(e=>e+1)}})]})},Z=()=>(0,n.jsxs)(r.Y,{themeId:"tool",children:[(0,n.jsx)(i.Y,{title:"My API Keys",subtitle:"View and manage your API keys",children:(0,n.jsx)(l.Y,{children:"Manage your API keys and access requests"})}),(0,n.jsx)(o.U,{children:(0,n.jsx)(Y,{})})]})},39590:(e,t,a)=>{var n=a(4293),s=a(78920);t.A=void 0;var r=s(a(95478)),i=(0,n(a(74044)).default)(r.createElement("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"}),"Delete");t.A=i},45210:(e,t,a)=>{a.d(t,{Y:()=>R});var n=a(31085),s=a(22097),r=a(10394),i=a(64947),l=a(93453),o=a(29365),c=a(46423),d=a(5951),u=a(26343),p=a(28233),m=a(55197),h=a(37976),f=a(72501),A=a(5893),g=a(95478),v=(a(45250),a(49634),a(21006)),x=a(75501);const j=()=>{const{t:e}=(0,x.useTranslationRef)(v.O);return{url:"https://github.com/backstage/backstage/issues",items:[{title:e("supportConfig.default.title"),icon:"warning",links:[{title:e("supportConfig.default.linkTitle"),url:"https://github.com/backstage/backstage/blob/master/app-config.yaml"}]}]}};var y=a(27799);function b(e){const{id:t,Fallback:a=y.A,...r}=e,i=(0,s.useApp)().getSystemIcon(t)??a;return(0,n.jsx)(i,{...r})}function k(e){return(0,n.jsx)(b,{id:"help",...e})}var S=a(37725);const C=(0,h.makeStyles)({popoverList:{minWidth:260,maxWidth:400},menuItem:{whiteSpace:"normal"}},{name:"BackstageSupportButton"}),w=({icon:e})=>{const t=(0,s.useApp)(),a=e?t.getSystemIcon(e)??k:k;return(0,n.jsx)(a,{})},P=({link:e})=>(0,n.jsx)(S.N_,{to:e.url,children:e.title??e.url}),I=({item:e})=>(0,n.jsxs)(u.A,{button:!1,children:[(0,n.jsx)(c.A,{children:(0,n.jsx)(w,{icon:e.icon})}),(0,n.jsx)(d.A,{primary:e.title,secondary:e.links?.reduce((e,t,a)=>[...e,a>0&&(0,n.jsx)("br",{},a),(0,n.jsx)(P,{link:t},t.url)],[])})]});function R(e){const{t}=(0,x.useTranslationRef)(v.O),{title:a,items:c,children:d}=e,{items:h}=function(){const e=(0,s.useApiHolder)().get(s.configApiRef),t=e?.getOptionalConfig("app.support"),a=j();return t?{url:t.getString("url"),items:t.getConfigArray("items").flatMap(e=>({title:e.getString("title"),icon:e.getOptionalString("icon"),links:(e.getOptionalConfigArray("links")??[]).flatMap(e=>({url:e.getString("url"),title:e.getOptionalString("title")??""}))}))}:a}(),[y,b]=(0,g.useState)(!1),[S,w]=(0,g.useState)(null),P=C(),R=(0,s.useApi)(s.configApiRef).getOptionalConfig("app.support"),q=(0,A.A)(e=>e.breakpoints.down("sm")),z=e=>{w(e.currentTarget),b(!0)},$=()=>{b(!1)};return R?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.A,{display:"flex",ml:1,children:q?(0,n.jsx)(o.A,{color:"primary",size:"small",onClick:z,"data-testid":"support-button","aria-label":"Support",children:(0,n.jsx)(k,{})}):(0,n.jsx)(i.A,{"data-testid":"support-button","aria-label":"Support",color:"primary",onClick:z,startIcon:(0,n.jsx)(k,{}),children:t("supportButton.title")})}),(0,n.jsxs)(m.Ay,{"data-testid":"support-button-popover",open:y,anchorEl:S,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:$,children:[(0,n.jsxs)(p.A,{className:P.popoverList,autoFocusItem:Boolean(S),children:[a&&(0,n.jsx)(u.A,{button:!1,alignItems:"flex-start",className:P.menuItem,children:(0,n.jsx)(f.A,{variant:"subtitle1",children:a})}),g.Children.map(d,(e,t)=>(0,n.jsx)(u.A,{button:!1,alignItems:"flex-start",className:P.menuItem,children:e},`child-${t}`)),(c??h).map((e,t)=>(0,n.jsx)(I,{item:e},`item-${t}`))]}),(0,n.jsx)(l.A,{children:(0,n.jsx)(i.A,{color:"primary",onClick:$,"aria-label":"Close",children:t("supportButton.close")})})]})]}):null}},46299:(e,t,a)=>{a.d(t,{ee:()=>r,g9:()=>n,uU:()=>s});const n=e=>{const t={border:"none"};switch(e){case"Approved":return{...t,backgroundColor:"#1976d2",color:"#fff"};case"Rejected":return{...t,backgroundColor:"#d32f2f",color:"#fff"};default:return{...t,backgroundColor:"#9c27b0",color:"#fff"}}},s=e=>{const t={border:"none"};switch(e){case"Approved":return{...t,backgroundColor:"#2e7d32",color:"#fff"};case"Rejected":return{...t,backgroundColor:"#d32f2f",color:"#fff"};default:return{...t,backgroundColor:"#ed6c02",color:"#fff"}}},r=e=>{switch(e){case"production":return{backgroundColor:"#1976d2",color:"#fff"};case"experimental":return{backgroundColor:"#9c27b0",color:"#fff"};case"deprecated":return{backgroundColor:"#ff9800",color:"#fff"};case"retired":return{backgroundColor:"#d32f2f",color:"#fff"};default:return{}}}},61524:(e,t,a)=>{var n=a(4293),s=a(78920);t.A=void 0;var r=s(a(95478)),i=(0,n(a(74044)).default)(r.createElement("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"}),"VisibilityOff");t.A=i},63221:(e,t,a)=>{a.d(t,{K:()=>A});var n=a(31085),s=a(95478),r=a(76891),i=a(61477),l=a(10394),o=a(46805),c=a(59461),d=a(72501),u=a(16249),p=a(93453),m=a(64947),h=a(78467),f=a(77225);const A=({open:e,title:t,description:a,confirmText:A,severity:g="normal",deleting:v=!1,onConfirm:x,onCancel:j})=>{const[y,b]=(0,s.useState)("");(0,s.useEffect)(()=>{e||b("")},[e]);const k="high"===g&&A,S=!k||y===A;return(0,n.jsxs)(r.A,{open:e,onClose:v?void 0:j,maxWidth:"sm",fullWidth:!0,children:[(0,n.jsxs)(i.A,{children:["high"===g&&(0,n.jsxs)(l.A,{display:"flex",alignItems:"center",style:{gap:8},children:[(0,n.jsx)(f.A,{color:"error"}),(0,n.jsx)("span",{children:t})]}),"high"!==g&&t]}),(0,n.jsxs)(o.A,{children:[(0,n.jsx)(c.A,{style:{whiteSpace:"pre-line"},children:a}),k&&(0,n.jsxs)(l.A,{mt:2,children:[(0,n.jsxs)(d.A,{variant:"body2",color:"textSecondary",gutterBottom:!0,children:["Type ",(0,n.jsx)("strong",{children:A})," to confirm:"]}),(0,n.jsx)(u.A,{fullWidth:!0,variant:"outlined",size:"small",value:y,onChange:e=>b(e.target.value),disabled:v,autoFocus:!0,placeholder:A})]})]}),(0,n.jsxs)(p.A,{children:[(0,n.jsx)(m.A,{onClick:j,disabled:v,children:"Cancel"}),(0,n.jsx)(m.A,{onClick:()=>{S&&x()},color:"secondary",variant:"contained",disabled:v||!S,startIcon:v?(0,n.jsx)(h.A,{size:16,color:"inherit"}):void 0,children:v?"Deleting...":"Delete"})]})]})}},64047:(e,t,a)=>{a.d(t,{s:()=>s});var n=a(22097);a(54209);const s=(0,n.createApiRef)({id:"plugin.kuadrant.service"})},77225:(e,t,a)=>{var n=a(4293),s=a(78920);t.A=void 0;var r=s(a(95478)),i=(0,n(a(74044)).default)(r.createElement("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}),"Warning");t.A=i},91638:(e,t,a)=>{var n=a(85608),s=a(95478),r=n.__importDefault(a(5030));t.A=function(e,t){void 0===t&&(t=[]);var a=r.default(e,t,{loading:!0}),n=a[0],i=a[1];return s.useEffect(function(){i()},[i]),n}}}]);
+//# sourceMappingURL=7270.b0e185f1.chunk.js.map