@kuadrant/kuadrant-backstage-plugin-frontend 0.0.2-dev-cd184fc → 0.0.2-dev-d2ba42b

package/dist-scalprum/static/4682.75f17114.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[4682],{5030:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var a=n(85608),s=n(95478),r=a.__importDefault(n(10009));t.default=function(e,t,n){void 0===t&&(t=[]),void 0===n&&(n={loading:!1});var i=s.useRef(0),o=r.default(),l=s.useState(n),c=l[0],d=l[1],u=s.useCallback(function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var s=++i.current;return c.loading||d(function(e){return a.__assign(a.__assign({},e),{loading:!0})}),e.apply(void 0,t).then(function(e){return o()&&s===i.current&&d({value:e,loading:!1}),e},function(e){return o()&&s===i.current&&d({error:e,loading:!1}),e})},t);return[c,u]}},10009:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var a=n(95478);t.default=function(){var e=a.useRef(!1),t=a.useCallback(function(){return e.current},[]);return a.useEffect(function(){return e.current=!0,function(){e.current=!1}},[]),t}},12229:(e,t,n)=>{n.d(t,{Z:()=>A});var a=n(31085),s=n(95478),r=n.n(s),i=n(10394),o=n(72501),l=n(64947),c=n(37197),d=n(69621),u=n(12981),p=n(86901),m=n(69076),h=n(58837),g=n(6924),v=n(23164);const x=(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:n,onClear:s})=>{const h=x(),[A,f]=r().useState(new Set(e.filter(e=>e.collapsed).map(e=>e.id))),j=Object.values(t).some(e=>e.length>0);return(0,a.jsxs)(i.A,{className:h.root,children:[(0,a.jsxs)(i.A,{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2,children:[(0,a.jsx)(o.A,{variant:"subtitle2",children:"Filters"}),j&&(0,a.jsx)(l.A,{size:"small",color:"primary",onClick:()=>{const t={};e.forEach(e=>{t[e.id]=[]}),n(t),null==s||s()},children:"Clear all"})]}),(0,a.jsx)(c.A,{}),e.map(e=>{const s=A.has(e.id),r=(t[e.id]||[]).length;return(0,a.jsxs)(i.A,{className:h.filterSection,mt:2,children:[(0,a.jsxs)(i.A,{className:h.sectionTitle,onClick:()=>{return t=e.id,void f(e=>{const n=new Set(e);return n.has(t)?n.delete(t):n.add(t),n});var t},children:[(0,a.jsxs)(i.A,{display:"flex",alignItems:"center",children:[(0,a.jsx)("span",{children:e.title}),r>0&&(0,a.jsxs)("span",{className:h.count,children:["(",r,")"]})]}),s?(0,a.jsx)(g.A,{fontSize:"small"}):(0,a.jsx)(v.A,{fontSize:"small"})]}),(0,a.jsx)(d.A,{in:!s,children:(0,a.jsx)(u.A,{children:e.options.map(s=>(0,a.jsx)(p.A,{control:(0,a.jsx)(m.A,{checked:(t[e.id]||[]).includes(s.value),onChange:()=>((e,a)=>{const s=t[e]||[],r=s.includes(a)?s.filter(e=>e!==a):[...s,a];n({...t,[e]:r})})(e.id,s.value),size:"small",className:h.checkbox,color:"primary"}),label:(0,a.jsxs)(i.A,{display:"flex",alignItems:"center",children:[(0,a.jsx)("span",{className:h.checkboxLabel,children:s.label}),void 0!==s.count&&(0,a.jsxs)("span",{className:h.count,children:["(",s.count,")"]})]})},s.value))})})]},e.id)})]})}},14682:(e,t,n)=>{n.r(t),n.d(t,{ApiKeysPage:()=>oe});var a=n(31085),s=n(95478),r=n.n(s),i=n(10394),o=n(31653),l=n(38605),c=n(289),d=n(15831),u=n(45210),p=n(46681),m=n(38599),h=n(49634),g=n(37725),v=n(86687),x=n(42367),A=n(25010),f=n(22097),j=n(91638),y=n(58837),b=n(72501),k=n(67720),w=n(71677),S=n(29365),P=n(78467),C=n(37757),R=n(26343),q=n(76891),I=n(61477),$=n(46805),z=n(93453),T=n(64947),B=n(32269),N=n(61524),M=n(99594),E=n(77225),F=n(39590),_=n(16397),L=n(63221),W=n(12229),D=n(46299),O=n(77318);const K=(0,y.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)}})),U=({request:e})=>{var t,n;const s=K(),r="Rejected"===(null===(t=e.status)||void 0===t?void 0:t.phase),o=(null===(n=e.spec.apiProductRef)||void 0===n?void 0:n.name)||"unknown";return(0,a.jsxs)(i.A,{className:s.useCasePanel,onClick:e=>e.stopPropagation(),children:[r&&(0,a.jsxs)(i.A,{className:s.rejectedBanner,children:[(0,a.jsx)(E.A,{color:"error",fontSize:"small"}),(0,a.jsxs)(b.A,{variant:"body2",children:["This API key was rejected."," ",(0,a.jsx)(g.N_,{to:`/catalog/default/api/${o}/api-keys`,children:"Request a new API key"})]})]}),(0,a.jsx)(b.A,{className:s.useCaseLabel,children:"Use Case"}),(0,a.jsx)(b.A,{variant:"body2",children:e.spec.useCase||"No use case provided"})]})},H=()=>{var e,t;const n=K(),r=(0,h.useNavigate)(),o=(0,f.useApi)(f.configApiRef),l=(0,f.useApi)(f.fetchApiRef),c=(0,f.useApi)(f.alertApiRef),d=o.getString("backend.baseUrl"),[u,p]=(0,s.useState)(new Set),[m,y]=(0,s.useState)(null),[H,V]=(0,s.useState)(null),[Y,Z]=(0,s.useState)({open:!1,request:null,plans:[]}),[J,X]=(0,s.useState)(0),[G,Q]=(0,s.useState)(null),[ee,te]=(0,s.useState)({open:!1,request:null}),[ne,ae]=(0,s.useState)(new Map),[se,re]=(0,s.useState)(new Set),[ie,oe]=(0,s.useState)(new Set),[le,ce]=(0,s.useState)(!1),[de,ue]=(0,s.useState)(null),[pe,me]=(0,s.useState)(new Set),[he,ge]=(0,s.useState)({status:[],apiProduct:[],tier:[]}),{value:ve,loading:xe,error:Ae}=(0,j.A)(async()=>{const[e,t]=await Promise.all([l.fetch(`${d}/api/kuadrant/requests/my`),l.fetch(`${d}/api/kuadrant/apiproducts`)]);if(!e.ok)throw new Error("failed to fetch requests");const n=(await e.json()).items||[];let a=[];t.ok&&(a=(await t.json()).items||[]);const s=new Map;return a.forEach(e=>{var t;const n=`${e.metadata.namespace}/${e.metadata.name}`,a=(null===(t=e.metadata.annotations)||void 0===t?void 0:t["backstage.io/owner"])||"unknown";s.set(n,a)}),{requests:n,products:a,ownerMap:s}},[d,l,J]),fe=(0,s.useMemo)(()=>(null==ve?void 0:ve.requests)?ve.requests.filter(e=>!pe.has(e.metadata.name)):[],[null==ve?void 0:ve.requests,pe]),je=(0,s.useMemo)(()=>{const e={Approved:0,Pending:0,Rejected:0},t=new Map,n=new Map;return fe.forEach(a=>{var s,r;const i=(null===(s=a.status)||void 0===s?void 0:s.phase)||"Pending";e[i]++;const o=(null===(r=a.spec.apiProductRef)||void 0===r?void 0:r.name)||"unknown";t.set(o,(t.get(o)||0)+1);const l=a.spec.planTier||"unknown";n.set(l,(n.get(l)||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(n.entries()).map(([e,t])=>({value:e,label:e.charAt(0).toUpperCase()+e.slice(1),count:t}))}]},[fe]),ye=(0,s.useMemo)(()=>fe.filter(e=>{if(he.status.length>0){var t;const n=(null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending";if(!he.status.includes(n))return!1}if(he.apiProduct.length>0){var n;const t=(null===(n=e.spec.apiProductRef)||void 0===n?void 0:n.name)||"unknown";if(!he.apiProduct.includes(t))return!1}if(he.tier.length>0){const t=e.spec.planTier||"unknown";if(!he.tier.includes(t))return!1}return!0}),[fe,he]),be=e=>{p(t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},ke=()=>{y(null),V(null)},we=async()=>{if(!H)return;const e=H;ke();try{var t;const a=null===(t=e.spec.apiProductRef)||void 0===t?void 0:t.name,s=e.metadata.namespace,r=await l.fetch(`${d}/api/kuadrant/apiproducts/${s}/${a}`);if(r.ok){var n;const t=(null===(n=(await r.json()).spec)||void 0===n?void 0:n.plans)||[];Z({open:!0,request:e,plans:t})}else Z({open:!0,request:e,plans:[]})}catch(t){console.error("Error fetching plans:",t),Z({open:!0,request:e,plans:[]});const n=t instanceof Error?t.message:"unknown error occurred";c.post({message:`Failed to fetch Plans. ${n}`,severity:"error",display:"transient"})}},Se=()=>{if(!H)return;const e=H;ke(),te({open:!0,request:e})},Pe=[{title:"API Product",field:"spec.apiProductRef.name",render:e=>{var t;const n=(null===(t=e.spec.apiProductRef)||void 0===t?void 0:t.name)||"unknown";return(0,a.jsx)(g.N_,{to:`/catalog/default/api/${n}/api-keys`,children:(0,a.jsx)("strong",{children:n})})}},{title:"Owner",field:"owner",render:e=>{var t,n;const s=`${e.metadata.namespace}/${null===(t=e.spec.apiProductRef)||void 0===t?void 0:t.name}`,r=((null==ve||null===(n=ve.ownerMap)||void 0===n?void 0:n.get(s))||"unknown").replace(/^user:default\//,"");return(0,a.jsx)(b.A,{variant:"body2",children:r})}},{title:"Status",field:"status.phase",render:e=>{var t;const n=(null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending",s="Approved"===n?"Active":n;return(0,a.jsx)(k.A,{label:s,size:"small",style:(0,D.S)(n)})}},{title:"Tier",field:"spec.planTier",render:e=>(0,a.jsx)(k.A,{label:e.spec.planTier,size:"small",variant:"outlined"})},{title:"API Key",field:"status.secretRef",filtering:!1,render:e=>{var t,n,s,r;if("Approved"!==(null===(t=e.status)||void 0===t?void 0:t.phase))return(0,a.jsx)(b.A,{variant:"body2",color:"textSecondary",children:"-"});const o=`${e.metadata.namespace}/${e.metadata.name}`,l=null===(s=e.status)||void 0===s||null===(n=s.secretRef)||void 0===n?void 0:n.name,d=u.has(e.metadata.name),p=se.has(o),m=ne.get(o),h=!1!==(null===(r=e.status)||void 0===r?void 0:r.canReadSecret),g=ie.has(o)||!h;return l?g&&!m?(0,a.jsx)(w.Ay,{title:"This API key has already been viewed and cannot be retrieved again",children:(0,a.jsxs)(i.A,{display:"flex",alignItems:"center",children:[(0,a.jsx)(b.A,{variant:"body2",color:"textSecondary",style:{fontFamily:"monospace",marginRight:8},children:"Already viewed"}),(0,a.jsx)(N.A,{fontSize:"small",color:"disabled"})]})}):(0,a.jsxs)(i.A,{display:"flex",alignItems:"center",style:{gap:8},children:[(0,a.jsx)(i.A,{fontFamily:"monospace",fontSize:"0.875rem",children:p?"Loading...":d&&m?m:"•".repeat(20)+"..."}),d&&m&&(0,a.jsx)(w.Ay,{title:"Copy to clipboard",children:(0,a.jsx)(S.A,{size:"small",onClick:async()=>{m&&(await navigator.clipboard.writeText(m),c.post({message:"API key copied to clipboard",severity:"success",display:"transient"}))},children:(0,a.jsx)(M.A,{fontSize:"small"})})}),(0,a.jsx)(w.Ay,{title:d?"Hide API key":"Reveal API key (one-time only)",children:(0,a.jsx)("span",{children:(0,a.jsx)(S.A,{size:"small",onClick:()=>{d?(((e,t)=>{const n=`${e}/${t}`;ae(e=>{const t=new Map(e);return t.delete(n),t})})(e.metadata.namespace,e.metadata.name),be(e.metadata.name)):g||(ue({namespace:e.metadata.namespace,name:e.metadata.name}),ce(!0))},disabled:p||g&&!m,children:d?(0,a.jsx)(N.A,{fontSize:"small"}):(0,a.jsx)(B.A,{fontSize:"small"})})})})]}):(0,a.jsx)(b.A,{variant:"body2",color:"textSecondary",children:"Awaiting secret..."})}},{title:"Requested",field:"metadata.creationTimestamp",render:e=>{if(!e.metadata.creationTimestamp)return(0,a.jsx)(b.A,{variant:"body2",children:"-"});const t=new Date(e.metadata.creationTimestamp);return(0,a.jsx)(b.A,{variant:"body2",children:t.toLocaleDateString()})}},{title:"Actions",filtering:!1,width:"100px",render:e=>G===e.metadata.name?(0,a.jsx)(P.A,{size:20}):(0,a.jsxs)(i.A,{display:"flex",style:{gap:4},children:[(0,a.jsx)(w.Ay,{title:"View details",children:(0,a.jsx)(S.A,{size:"small",onClick:t=>{t.stopPropagation(),r(`/kuadrant/api-keys/${e.metadata.namespace}/${e.metadata.name}`)},children:(0,a.jsx)(B.A,{fontSize:"small"})})}),(0,a.jsx)(w.Ay,{title:"Delete",children:(0,a.jsx)(S.A,{size:"small",onClick:t=>{t.stopPropagation(),te({open:!0,request:e})},children:(0,a.jsx)(F.A,{fontSize:"small"})})})]})}],Ce=(0,s.useMemo)(()=>[{render:e=>{var t;const n=e.rowData;return(null==n||null===(t=n.metadata)||void 0===t?void 0:t.name)?(0,a.jsx)(U,{request:n}):(0,a.jsx)(i.A,{})}}],[]);return xe?(0,a.jsx)(v.k,{}):Ae?(0,a.jsx)(x._,{error:Ae}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i.A,{className:n.container,children:[(0,a.jsx)(W.Z,{sections:je,filters:he,onChange:ge}),(0,a.jsx)(i.A,{className:n.tableContainer,children:0===ye.length?(0,a.jsx)(i.A,{p:4,textAlign:"center",children:(0,a.jsx)(b.A,{variant:"body1",color:"textSecondary",children:0===fe.length?"No API keys found. Request access to an API to get started.":"No API keys match the selected filters."})}):(0,a.jsx)(A.X,{options:{paging:ye.length>10,pageSize:20,search:!0,filtering:!1,debounceInterval:300,toolbar:!0,emptyRowsWhenPaging:!1},columns:Pe,data:ye.map(e=>({...e,id:e.metadata.name})),detailPanel:Ce})})]}),(0,a.jsx)(C.A,{id:"myapikeys-menu",open:Boolean(m),onClose:ke,anchorReference:"anchorPosition",anchorPosition:m||{top:0,left:0},children:H&&(()=>{const e=[];var t;return e.push((0,a.jsx)(R.A,{onClick:()=>{r(`/kuadrant/api-keys/${H.metadata.namespace}/${H.metadata.name}`),ke()},children:"View Details"},"view")),(t=H).status&&"Pending"!==t.status.phase||e.push((0,a.jsx)(R.A,{onClick:we,children:"Edit"},"edit")),e.push((0,a.jsx)(R.A,{onClick:Se,children:"Delete"},"delete")),e})()}),Y.request&&(0,a.jsx)(_.e,{open:Y.open,request:Y.request,availablePlans:Y.plans,onClose:()=>Z({open:!1,request:null,plans:[]}),onSuccess:()=>{Z({open:!1,request:null,plans:[]}),X(e=>e+1)}}),(0,a.jsx)(L.K,{open:ee.open,title:"Delete API Key",description:`Are you sure you want to delete this API key for ${(null===(t=ee.request)||void 0===t||null===(e=t.spec.apiProductRef)||void 0===e?void 0:e.name)||"this API"}?`,deleting:null!==G,onConfirm:async()=>{if(!ee.request)return;const e=ee.request,t=e.metadata.name;me(e=>new Set(e).add(t)),Q(t);try{const t=await l.fetch(`${d}/api/kuadrant/requests/${e.metadata.namespace}/${e.metadata.name}`,{method:"DELETE"});if(!t.ok){const e=await(0,O.T)(t);throw new Error(`Failed to delete request. ${e}`)}X(e=>e+1),c.post({message:"API key deleted",severity:"success",display:"transient"}),te({open:!1,request:null})}catch(e){console.error("Error deleting request:",e),me(e=>{const n=new Set(e);return n.delete(t),n});const n=e instanceof Error?e.message:"unknown error occurred";c.post({message:`Failed to delete APIKey. ${n}`,severity:"error",display:"transient"})}finally{Q(null)}},onCancel:()=>{te({open:!1,request:null})}}),(0,a.jsxs)(q.A,{open:le,onClose:()=>{ce(!1),ue(null)},maxWidth:"sm",children:[(0,a.jsx)(I.A,{children:(0,a.jsxs)(i.A,{display:"flex",alignItems:"center",children:[(0,a.jsx)(E.A,{color:"primary",style:{marginRight:8}}),"View API Key"]})}),(0,a.jsxs)($.A,{children:[(0,a.jsxs)(b.A,{variant:"body1",paragraph:!0,children:["This API key can only be viewed ",(0,a.jsx)("strong",{children:"once"}),". After you reveal it, you will not be able to retrieve it again."]}),(0,a.jsx)(b.A,{variant:"body2",color:"textSecondary",children:"Make sure to copy and store it securely before closing this view."})]}),(0,a.jsxs)(z.A,{children:[(0,a.jsx)(T.A,{onClick:()=>{ce(!1),ue(null)},children:"Cancel"}),(0,a.jsx)(T.A,{variant:"contained",color:"primary",onClick:()=>{de&&((async(e,t)=>{const n=`${e}/${t}`;if(!se.has(n)){re(e=>new Set(e).add(n));try{const a=await l.fetch(`${d}/api/kuadrant/apikeys/${e}/${t}/secret`);if(a.ok){const e=await a.json();ae(t=>new Map(t).set(n,e.apiKey)),oe(e=>new Set(e).add(n))}else 403===a.status&&(oe(e=>new Set(e).add(n)),c.post({message:"This API key has already been viewed and cannot be retrieved again.",severity:"warning",display:"transient"}))}catch(e){const t=e instanceof Error?e.message:"unknown error occurred";c.post({message:`Failed to fetch api key: ${t}`,severity:"error",display:"transient"})}finally{re(e=>{const t=new Set(e);return t.delete(n),t})}}})(de.namespace,de.name),be(de.name)),ce(!1),ue(null)},children:"Reveal API Key"})]})]})]})};var V=n(35015),Y=n(34955),Z=n(46205),J=n(16249),X=n(55429),G=n(92399);const Q=(0,y.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"},bulkActions:{padding:e.spacing(2),backgroundColor:e.palette.background.default,borderBottom:`1px solid ${e.palette.divider}`,display:"flex",alignItems:"center",justifyContent:"space-between"}})),ee=({open:e,request:t,action:n,processing:s,onClose:o,onConfirm:l})=>{var c,d;const[u,p]=r().useState(""),m="approve"===n?"Approve":"Reject",h="approve"===n?"Approving...":"Rejecting...",g="reject"===n,v=(null==t||null===(c=t.spec.requestedBy)||void 0===c?void 0:c.userId)||"",x=!g||u===v;return r().useEffect(()=>{e||p("")},[e]),(0,a.jsxs)(q.A,{open:e,onClose:s?void 0:o,maxWidth:"sm",fullWidth:!0,children:[(0,a.jsx)(I.A,{children:g?(0,a.jsxs)(i.A,{display:"flex",alignItems:"center",style:{gap:8},children:[(0,a.jsx)(G.A,{color:"error"}),(0,a.jsxs)("span",{children:[m," API Key"]})]}):(0,a.jsxs)("span",{children:[m," API Key"]})}),(0,a.jsx)($.A,{children:t&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("p",{children:[(0,a.jsx)("strong",{children:"User:"})," ",t.spec.requestedBy.userId]}),(0,a.jsxs)("p",{children:[(0,a.jsx)("strong",{children:"API:"})," ",(null===(d=t.spec.apiProductRef)||void 0===d?void 0:d.name)||"unknown"]}),(0,a.jsxs)("p",{children:[(0,a.jsx)("strong",{children:"Tier:"})," ",t.spec.planTier]}),(0,a.jsxs)(i.A,{mb:2,children:[(0,a.jsx)(b.A,{variant:"body2",component:"span",style:{fontWeight:"bold"},children:"Use Case:"})," ",(0,a.jsx)(b.A,{variant:"body2",component:"span",style:{whiteSpace:"pre-wrap"},children:t.spec.useCase||"-"})]}),g&&(0,a.jsxs)(i.A,{mt:2,children:[(0,a.jsxs)(b.A,{variant:"body2",color:"textSecondary",gutterBottom:!0,children:["Type ",(0,a.jsx)("strong",{children:v})," to confirm rejection:"]}),(0,a.jsx)(J.A,{fullWidth:!0,variant:"outlined",size:"small",value:u,onChange:e=>p(e.target.value),disabled:s,autoFocus:!0,placeholder:v})]})]})}),(0,a.jsxs)(z.A,{children:[(0,a.jsx)(T.A,{onClick:o,disabled:s,children:"Cancel"}),(0,a.jsx)(T.A,{onClick:l,color:"approve"===n?"primary":"secondary",variant:"contained",disabled:s||!x,startIcon:s?(0,a.jsx)(P.A,{size:16,color:"inherit"}):void 0,children:s?h:m})]})]})},te=({open:e,requests:t,action:n,processing:s,onClose:r,onConfirm:o})=>{const l="approve"===n,c=l?"Approve All":"Reject All",d=l?"Approving...":"Rejecting...";return(0,a.jsxs)(q.A,{open:e,onClose:s?void 0:r,maxWidth:"md",fullWidth:!0,children:[(0,a.jsxs)(I.A,{children:[l?"Approve":"Reject"," ",t.length," API Keys"]}),(0,a.jsxs)($.A,{children:[(0,a.jsxs)(b.A,{variant:"body2",paragraph:!0,children:["You are about to ",l?"approve":"reject"," the following API keys:"]}),(0,a.jsx)(i.A,{mb:2,maxHeight:200,overflow:"auto",children:t.map(e=>{var t;return(0,a.jsx)(i.A,{mb:1,p:1,bgcolor:"background.default",children:(0,a.jsxs)(b.A,{variant:"body2",children:[(0,a.jsx)("strong",{children:e.spec.requestedBy.userId})," -"," ",(null===(t=e.spec.apiProductRef)||void 0===t?void 0:t.name)||"unknown"," (",e.spec.planTier,")"]})},`${e.metadata.namespace}/${e.metadata.name}`)})})]}),(0,a.jsxs)(z.A,{children:[(0,a.jsx)(T.A,{onClick:r,disabled:s,children:"Cancel"}),(0,a.jsx)(T.A,{onClick:o,color:l?"primary":"secondary",variant:"contained",disabled:s,startIcon:s?(0,a.jsx)(P.A,{size:16,color:"inherit"}):void 0,children:s?d:c})]})]})},ne=({request:e})=>{const t=Q();return(0,a.jsxs)(i.A,{className:t.useCasePanel,onClick:e=>e.stopPropagation(),children:[(0,a.jsx)(b.A,{className:t.useCaseLabel,children:"Use Case"}),(0,a.jsx)(b.A,{variant:"body2",children:e.spec.useCase||"No use case provided"})]})},ae=(0,y.A)(e=>({successSection:{padding:e.spacing(2),backgroundColor:e.palette.success.main+"14",borderRadius:e.shape.borderRadius,marginBottom:e.spacing(2),border:`1px solid ${e.palette.success.main}40`},failureSection:{padding:e.spacing(2),backgroundColor:e.palette.error.main+"14",borderRadius:e.shape.borderRadius,marginBottom:e.spacing(2),border:`1px solid ${e.palette.error.main}40`},warningSection:{padding:e.spacing(2),backgroundColor:e.palette.warning.main+"14",borderRadius:e.shape.borderRadius,marginBottom:e.spacing(2),border:`1px solid ${e.palette.warning.main}40`},statRow:{display:"flex",alignItems:"center",gap:e.spacing(1)},errorList:{marginTop:e.spacing(2),padding:0,listStyle:"none"},errorItem:{padding:e.spacing(1.5),marginBottom:e.spacing(1),backgroundColor:e.palette.background.paper,borderRadius:e.shape.borderRadius,border:`1px solid ${e.palette.divider}`},errorName:{fontWeight:600,fontSize:"0.875rem",marginBottom:e.spacing(.5)},errorMessage:{fontSize:"0.813rem",color:e.palette.error.main,fontFamily:"monospace",wordBreak:"break-word"},expandButton:{marginTop:e.spacing(1),padding:e.spacing(.5)}})),se=({open:e,results:t,isApprove:n,onClose:r})=>{const o=ae(),[l,c]=(0,s.useState)(!0),d=t.filter(e=>e.success),u=t.filter(e=>!e.success),p=d.length>0;return(0,a.jsxs)(q.A,{open:e,onClose:r,maxWidth:"md",fullWidth:!0,children:[(0,a.jsx)(I.A,{children:(0,a.jsx)(i.A,{display:"flex",alignItems:"center",style:{gap:8},children:p?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(G.A,{style:{color:"#ff9800"}}),(0,a.jsxs)("span",{children:["Bulk ",n?"Approve":"Reject"," Completed with Issues"]})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(G.A,{color:"error"}),(0,a.jsxs)("span",{children:["Bulk ",n?"Approve":"Reject"," Failed"]})]})})}),(0,a.jsxs)($.A,{children:[p&&(0,a.jsx)(i.A,{className:o.successSection,children:(0,a.jsxs)(i.A,{className:o.statRow,children:[(0,a.jsx)(X.A,{style:{color:"#4caf50"}}),(0,a.jsxs)(b.A,{variant:"body1",children:[(0,a.jsx)("strong",{children:d.length})," API key",1!==d.length?"s":""," ",n?"approved":"rejected"," successfully"]})]})}),(0,a.jsxs)(i.A,{className:p?o.warningSection:o.failureSection,children:[(0,a.jsxs)(i.A,{className:o.statRow,children:[(0,a.jsx)(G.A,{color:"error"}),(0,a.jsxs)(b.A,{variant:"body1",children:[(0,a.jsx)("strong",{children:u.length})," request",1!==u.length?"s":""," failed"]})]}),(0,a.jsxs)(T.A,{size:"small",className:o.expandButton,onClick:()=>c(!l),children:[l?"Hide":"Show"," Error Details"]}),l&&(0,a.jsx)("ul",{className:o.errorList,children:u.map((e,t)=>(0,a.jsxs)("li",{className:o.errorItem,children:[(0,a.jsxs)("div",{className:o.errorName,children:[e.namespace,"/",e.name]}),(0,a.jsx)("div",{className:o.errorMessage,children:e.error||"Unknown error"})]},e.name||t))})]})]}),(0,a.jsx)(z.A,{children:(0,a.jsx)(T.A,{onClick:r,color:"primary",variant:"contained",children:"Close"})})]})},re=()=>{var e;const t=Q(),n=(0,f.useApi)(f.configApiRef),r=(0,f.useApi)(f.fetchApiRef),o=(0,f.useApi)(f.identityApiRef),l=(0,f.useApi)(f.alertApiRef),c=n.getString("backend.baseUrl"),[d,u]=(0,s.useState)(0),[p,m]=(0,s.useState)([]),[h,j]=(0,s.useState)({open:!1,request:null,action:"approve",processing:!1}),[y,w]=(0,s.useState)({open:!1,requests:[],action:"approve",processing:!1}),[S,P]=(0,s.useState)({open:!1,results:[],isApprove:!0}),[C,R]=(0,s.useState)({status:[],apiProduct:[],tier:[]}),{allowed:q,loading:I,error:$}=(0,Z.l)(Y.z4),{allowed:z,loading:B,error:N}=(0,Z.l)(Y.q0),M=I||B,E=$||N,{value:F,loading:_,error:L}=(0,V.A)(async()=>{const e=(await o.getBackstageIdentity()).userEntityRef,[t,n]=await Promise.all([r.fetch(`${c}/api/kuadrant/requests`),r.fetch(`${c}/api/kuadrant/apiproducts`)]);if(!t.ok)return{allRequests:[],reviewedBy:e,ownedApiProducts:new Set};const a=t.headers.get("content-type");if(!(null==a?void 0:a.includes("application/json")))return l.post({message:"Unexpected content-type from the server response.",display:"transient",severity:"warning"}),{allRequests:[],reviewedBy:e,ownedApiProducts:new Set};const s=(await t.json()).items||[],i=new Set;if(n.ok){const t=await n.json();for(const n of t.items||[]){var d,u;(null===(u=n.metadata)||void 0===u||null===(d=u.annotations)||void 0===d?void 0:d["backstage.io/owner"])===e&&i.add(`${n.metadata.namespace}/${n.metadata.name}`)}}return{allRequests:s,reviewedBy:e,ownedApiProducts:i}},[c,r,o,d]),K=(0,s.useMemo)(()=>{if(!(null==F?void 0:F.allRequests))return[];const e={Approved:0,Pending:0,Rejected:0},t=new Map,n=new Map;return F.allRequests.forEach(a=>{var s,r;const i=(null===(s=a.status)||void 0===s?void 0:s.phase)||"Pending";e[i]++;const o=(null===(r=a.spec.apiProductRef)||void 0===r?void 0:r.name)||"unknown";t.set(o,(t.get(o)||0)+1);const l=a.spec.planTier||"unknown";n.set(l,(n.get(l)||0)+1)}),[{id:"status",title:"Status",options:[{value:"Pending",label:"Pending",count:e.Pending},{value:"Approved",label:"Approved",count:e.Approved},{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(n.entries()).map(([e,t])=>({value:e,label:e.charAt(0).toUpperCase()+e.slice(1),count:t}))}]},[null==F?void 0:F.allRequests]),U=(0,s.useMemo)(()=>(null==F?void 0:F.allRequests)?F.allRequests.filter(e=>{if(C.status.length>0){var t;const n=(null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending";if(!C.status.includes(n))return!1}if(C.apiProduct.length>0){var n;const t=(null===(n=e.spec.apiProductRef)||void 0===n?void 0:n.name)||"unknown";if(!C.apiProduct.includes(t))return!1}if(C.tier.length>0){const t=e.spec.planTier||"unknown";if(!C.tier.includes(t))return!1}return!0}):[],[null==F?void 0:F.allRequests,C]),H=e=>new Date(e).toLocaleDateString("en-GB",{year:"numeric",month:"short",day:"numeric"}),J=[{title:"Requester",field:"spec.requestedBy.userId",render:e=>(0,a.jsx)(b.A,{variant:"body2",children:e.spec.requestedBy.userId})},{title:"API Product",field:"spec.apiProductRef.name",render:e=>{var t;const n=(null===(t=e.spec.apiProductRef)||void 0===t?void 0:t.name)||"unknown";return(0,a.jsx)(g.N_,{to:`/catalog/default/api/${n}`,children:(0,a.jsx)("strong",{children:n})})}},{title:"Status",field:"status.phase",render:e=>{var t;const n=(null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending";return(0,a.jsx)(k.A,{label:n,size:"small",style:(0,D.S)(n)})}},{title:"Tier",field:"spec.planTier",render:e=>(0,a.jsx)(k.A,{label:e.spec.planTier,size:"small",variant:"outlined"})},{title:"Requested",field:"metadata.creationTimestamp",render:e=>(0,a.jsx)(b.A,{variant:"body2",children:e.metadata.creationTimestamp?H(e.metadata.creationTimestamp):"-"})},{title:"Reviewed By",field:"status.reviewedBy",render:e=>{var t;if(!(null===(t=e.status)||void 0===t?void 0:t.reviewedBy))return(0,a.jsx)(b.A,{variant:"body2",color:"textSecondary",children:"-"});const n=e.status.reviewedBy.replace(/^user:default\//,""),s="system"===n;return(0,a.jsxs)(i.A,{children:[(0,a.jsx)(b.A,{variant:"body2",children:s?"Automatic":n}),e.status.reviewedAt&&(0,a.jsx)(b.A,{variant:"caption",color:"textSecondary",children:H(e.status.reviewedAt)})]})}},{title:"Actions",filtering:!1,render:e=>{var t,n,s;if("Pending"!==((null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending"))return null;const r=`${e.metadata.namespace}/${(null===(n=e.spec.apiProductRef)||void 0===n?void 0:n.name)||"unknown"}`;var o;const l=null!==(o=null==F||null===(s=F.ownedApiProducts)||void 0===s?void 0:s.has(r))&&void 0!==o&&o;return q||z&&l?(0,a.jsxs)(i.A,{display:"flex",style:{gap:8},children:[(0,a.jsx)(T.A,{size:"small",startIcon:(0,a.jsx)(X.A,{}),onClick:()=>{j({open:!0,request:e,action:"approve",processing:!1})},color:"primary",variant:"outlined",children:"Approve"}),(0,a.jsx)(T.A,{size:"small",startIcon:(0,a.jsx)(G.A,{}),onClick:()=>{j({open:!0,request:e,action:"reject",processing:!1})},color:"secondary",variant:"outlined",children:"Reject"})]}):null}}],ae=(0,s.useMemo)(()=>[{render:e=>{var t;const n=e.rowData;return(null==n||null===(t=n.metadata)||void 0===t?void 0:t.name)?(0,a.jsx)(ne,{request:n}):(0,a.jsx)(i.A,{})}}],[]);if(_||M)return(0,a.jsx)(v.k,{});if(L)return(0,a.jsx)(x._,{error:L});if(E)return(0,a.jsx)(i.A,{p:2,children:(0,a.jsxs)(b.A,{color:"error",children:["Unable to check permissions: ",E.message]})});const re=q||z;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i.A,{className:t.container,children:[(0,a.jsx)(W.Z,{sections:K,filters:C,onChange:R}),(0,a.jsxs)(i.A,{className:t.tableContainer,children:[p.length>0&&(0,a.jsxs)(i.A,{className:t.bulkActions,children:[(0,a.jsxs)(b.A,{variant:"body2",children:[p.length," request",1!==p.length?"s":""," selected"]}),(0,a.jsxs)(i.A,{display:"flex",style:{gap:8},children:[(0,a.jsx)(T.A,{size:"small",variant:"contained",color:"primary",startIcon:(0,a.jsx)(X.A,{}),onClick:()=>{0!==p.length&&w({open:!0,requests:p,action:"approve",processing:!1})},children:"Approve Selected"}),(0,a.jsx)(T.A,{size:"small",variant:"contained",color:"secondary",startIcon:(0,a.jsx)(G.A,{}),onClick:()=>{0!==p.length&&w({open:!0,requests:p,action:"reject",processing:!1})},children:"Reject Selected"})]})]}),0===U.length?(0,a.jsx)(i.A,{p:4,textAlign:"center",children:(0,a.jsx)(b.A,{variant:"body1",color:"textSecondary",children:0===(null==F||null===(e=F.allRequests)||void 0===e?void 0:e.length)?"No API keys found.":"No API keys match the selected filters."})}):(0,a.jsx)(A.X,{options:{selection:re,showSelectAllCheckbox:U.some(e=>{var t;return!(null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending"===e.status.phase}),selectionProps:e=>{var t,n;return{disabled:"Pending"!==(null===(t=e.status)||void 0===t?void 0:t.phase)&&void 0!==(null===(n=e.status)||void 0===n?void 0:n.phase)}},paging:U.length>10,pageSize:20,search:!0,filtering:!1,debounceInterval:300,showTextRowsSelected:!1,toolbar:!0,emptyRowsWhenPaging:!1},columns:J,data:U.map(e=>{const t=p.some(t=>t.metadata.name===e.metadata.name&&t.metadata.namespace===e.metadata.namespace);return{...e,id:e.metadata.name,tableData:{checked:t}}}),onSelectionChange:e=>{const t=e.filter(e=>{var t;return!(null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending"===e.status.phase});m(t)},detailPanel:ae})]})]}),(0,a.jsx)(ee,{open:h.open,request:h.request,action:h.action,processing:h.processing,onClose:()=>j({open:!1,request:null,action:"approve",processing:!1}),onConfirm:async()=>{if(!h.request||!F)return;j(e=>({...e,processing:!0}));const e="approve"===h.action?`${c}/api/kuadrant/requests/${h.request.metadata.namespace}/${h.request.metadata.name}/approve`:`${c}/api/kuadrant/requests/${h.request.metadata.namespace}/${h.request.metadata.name}/reject`;try{const t=await r.fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({reviewedBy:F.reviewedBy})});if(!t.ok){const e=await(0,O.T)(t);throw new Error(e)}j({open:!1,request:null,action:"approve",processing:!1}),m(e=>e.filter(e=>{var t,n;return e.metadata.name!==(null===(t=h.request)||void 0===t?void 0:t.metadata.name)||e.metadata.namespace!==(null===(n=h.request)||void 0===n?void 0:n.metadata.namespace)})),u(e=>e+1);const n="approve"===h.action?"approved":"rejected";l.post({message:`API key ${n}`,severity:"success",display:"transient"})}catch(e){console.error(`error ${h.action}ing request:`,e),j(e=>({...e,processing:!1}));const t=e instanceof Error?e.message:"unknown error occurred";l.post({message:`Failed to ${h.action} API key. ${t}`,severity:"error",display:"transient"})}}}),(0,a.jsx)(te,{open:y.open,requests:y.requests,action:y.action,processing:y.processing,onClose:()=>w({open:!1,requests:[],action:"approve",processing:!1}),onConfirm:async()=>{if(!F||0===y.requests.length)return;w(e=>({...e,processing:!0})),P({open:!1,results:[],isApprove:!0});const e="approve"===y.action,t=e?`${c}/api/kuadrant/requests/bulk-approve`:`${c}/api/kuadrant/requests/bulk-reject`;try{const n=await r.fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({requests:y.requests.map(e=>({namespace:e.metadata.namespace,name:e.metadata.name})),reviewedBy:F.reviewedBy})});if(!n.ok){const e=await(0,O.T)(n);throw new Error(e)}const a=(await n.json()).results||[],s=a.filter(e=>e.success),i=0===a.filter(e=>!e.success).length,o=e?"approved":"rejected";w({open:!1,requests:[],action:"approve",processing:!1}),P({open:!i,results:a,isApprove:e}),m([]),u(e=>e+1),i&&l.post({message:`${s.length} API keys ${o}`,severity:"success",display:"transient"})}catch(e){console.error(`error bulk ${y.action}ing requests:`,e),w(e=>({...e,processing:!1}));const t=e instanceof Error?e.message:"unknown error occurred";l.post({message:`Failed to bulk ${y.action} API keys. ${t}`,severity:"error",display:"transient"})}}}),(0,a.jsx)(se,{open:S.open,results:S.results,isApprove:S.isApprove,onClose:()=>P({open:!1,results:[],isApprove:!0})})]})},ie=()=>{const[e,t]=(0,s.useState)(0),{allowed:n,loading:r}=(0,Z.l)(Y.KV);return(0,a.jsxs)(c.Y,{themeId:"tool",children:[(0,a.jsx)(d.Y,{title:"API Keys",subtitle:"API keys management for Kubernetes",children:(0,a.jsx)(u.Y,{children:"Manage your API keys and access requests"})}),(0,a.jsxs)(p.U,{children:[(0,a.jsx)(i.A,{mb:2,children:(0,a.jsxs)(o.A,{value:e,onChange:(e,n)=>{t(n)},indicatorColor:"primary",textColor:"primary",children:[(0,a.jsx)(l.A,{label:"My API keys","data-testid":"my-api-keys-tab"}),!r&&n&&(0,a.jsx)(l.A,{label:"API keys approval","data-testid":"api-keys-approval-tab"})]})}),0===e&&(0,a.jsx)(H,{}),1===e&&n&&(0,a.jsx)(re,{})]})]})},oe=()=>(0,a.jsx)(m.B,{permission:Y.DS,errorMessage:"you don't have permission to view the API Keys page",children:(0,a.jsx)(ie,{})})},23164:(e,t,n)=>{var a=n(4293),s=n(78920);t.A=void 0;var r=s(n(95478)),i=(0,a(n(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,n)=>{var a=n(4293),s=n(78920);t.A=void 0;var r=s(n(95478)),i=(0,a(n(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},38599:(e,t,n)=>{n.d(t,{B:()=>l});var a=n(31085),s=(n(95478),n(10394)),r=n(72501),i=n(86687),o=n(46205);const l=({children:e,permission:t,fallback:n,errorMessage:l})=>{const{allowed:c,loading:d,error:u}=(0,o.l)(t);return d?(0,a.jsx)(i.k,{}):u?(0,a.jsxs)(s.A,{p:4,children:[(0,a.jsxs)(r.A,{color:"error",children:["Unable to check permissions: ",u.message]}),(0,a.jsx)(r.A,{variant:"body2",color:"textSecondary",children:"Please try again or contact your administrator"})]}):c?(0,a.jsx)(a.Fragment,{children:e}):n?(0,a.jsx)(a.Fragment,{children:n}):(0,a.jsxs)(s.A,{p:4,children:[(0,a.jsx)(r.A,{color:"textSecondary",children:l||"You don't have permission to view this page"}),(0,a.jsx)(s.A,{mt:1,children:(0,a.jsxs)(r.A,{variant:"caption",color:"textSecondary",children:["Required permission: ",t.name]})})]})}},39590:(e,t,n)=>{var a=n(4293),s=n(78920);t.A=void 0;var r=s(n(95478)),i=(0,a(n(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,n)=>{n.d(t,{Y:()=>q});var a=n(31085),s=n(22097),r=n(10394),i=n(64947),o=n(93453),l=n(29365),c=n(46423),d=n(5951),u=n(26343),p=n(28233),m=n(55197),h=n(37976),g=n(72501),v=n(5893),x=n(95478),A=(n(45250),n(49634),n(21006)),f=n(75501);const j=()=>{const{t:e}=(0,f.useTranslationRef)(A.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=n(27799);function b(e){const{id:t,Fallback:n=y.A,...r}=e,i=(0,s.useApp)().getSystemIcon(t)??n;return(0,a.jsx)(i,{...r})}function k(e){return(0,a.jsx)(b,{id:"help",...e})}var w=n(37725);const S=(0,h.makeStyles)({popoverList:{minWidth:260,maxWidth:400},menuItem:{whiteSpace:"normal"}},{name:"BackstageSupportButton"}),P=({icon:e})=>{const t=(0,s.useApp)(),n=e?t.getSystemIcon(e)??k:k;return(0,a.jsx)(n,{})},C=({link:e})=>(0,a.jsx)(w.N_,{to:e.url,children:e.title??e.url}),R=({item:e})=>(0,a.jsxs)(u.A,{button:!1,children:[(0,a.jsx)(c.A,{children:(0,a.jsx)(P,{icon:e.icon})}),(0,a.jsx)(d.A,{primary:e.title,secondary:e.links?.reduce((e,t,n)=>[...e,n>0&&(0,a.jsx)("br",{},n),(0,a.jsx)(C,{link:t},t.url)],[])})]});function q(e){const{t}=(0,f.useTranslationRef)(A.O),{title:n,items:c,children:d}=e,{items:h}=function(){const e=(0,s.useApiHolder)().get(s.configApiRef),t=e?.getOptionalConfig("app.support"),n=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")??""}))}))}:n}(),[y,b]=(0,x.useState)(!1),[w,P]=(0,x.useState)(null),C=S(),q=(0,s.useApi)(s.configApiRef).getOptionalConfig("app.support"),I=(0,v.A)(e=>e.breakpoints.down("sm")),$=e=>{P(e.currentTarget),b(!0)},z=()=>{b(!1)};return q?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.A,{display:"flex",ml:1,children:I?(0,a.jsx)(l.A,{color:"primary",size:"small",onClick:$,"data-testid":"support-button","aria-label":"Support",children:(0,a.jsx)(k,{})}):(0,a.jsx)(i.A,{"data-testid":"support-button","aria-label":"Support",color:"primary",onClick:$,startIcon:(0,a.jsx)(k,{}),children:t("supportButton.title")})}),(0,a.jsxs)(m.Ay,{"data-testid":"support-button-popover",open:y,anchorEl:w,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:z,children:[(0,a.jsxs)(p.A,{className:C.popoverList,autoFocusItem:Boolean(w),children:[n&&(0,a.jsx)(u.A,{button:!1,alignItems:"flex-start",className:C.menuItem,children:(0,a.jsx)(g.A,{variant:"subtitle1",children:n})}),x.Children.map(d,(e,t)=>(0,a.jsx)(u.A,{button:!1,alignItems:"flex-start",className:C.menuItem,children:e},`child-${t}`)),(c??h).map((e,t)=>(0,a.jsx)(R,{item:e},`item-${t}`))]}),(0,a.jsx)(o.A,{children:(0,a.jsx)(i.A,{color:"primary",onClick:z,"aria-label":"Close",children:t("supportButton.close")})})]})]}):null}},46299:(e,t,n)=>{n.d(t,{S:()=>a});const a=e=>{const t={border:"none"};switch(e){case"Approved":return{...t,backgroundColor:"#4caf50",color:"#fff"};case"Rejected":return{...t,backgroundColor:"#f44336",color:"#fff"};default:return{...t,backgroundColor:"#ff9800",color:"#fff"}}}},55429:(e,t,n)=>{var a=n(4293),s=n(78920);t.A=void 0;var r=s(n(95478)),i=(0,a(n(74044)).default)(r.createElement("path",{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"}),"CheckCircle");t.A=i},91638:(e,t,n)=>{var a=n(85608),s=n(95478),r=a.__importDefault(n(5030));t.A=function(e,t){void 0===t&&(t=[]);var n=r.default(e,t,{loading:!0}),a=n[0],i=n[1];return s.useEffect(function(){i()},[i]),a}}}]);
-//# sourceMappingURL=4682.75f17114.chunk.js.map

package/dist-scalprum/static/4682.75f17114.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/4682.75f17114.chunk.js","mappings":"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","sources":["webpack://internal.plugin-kuadrant/../../node_modules/react-use/lib/useAsyncFn.js","webpack://internal.plugin-kuadrant/../../node_modules/react-use/lib/useMountedState.js","webpack://internal.plugin-kuadrant/./src/components/FilterPanel/FilterPanel.tsx","webpack://internal.plugin-kuadrant/./src/components/MyApiKeysTable/MyApiKeysTable.tsx","webpack://internal.plugin-kuadrant/./src/components/ApprovalQueueTable/ApprovalQueueTable.tsx","webpack://internal.plugin-kuadrant/./src/components/ApiKeysPage/ApiKeysPage.tsx","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/ExpandLess.js","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/BrokenImage.js","webpack://internal.plugin-kuadrant/./src/components/PermissionGate/PermissionGate.tsx","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/Delete.js","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/hooks/useSupportConfig.esm.js","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/icons/icons.esm.js","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/components/SupportButton/SupportButton.esm.js","webpack://internal.plugin-kuadrant/./src/utils/styles.ts","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/CheckCircle.js","webpack://internal.plugin-kuadrant/../../node_modules/react-use/lib/useAsync.js"],"sourcesContent":["\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = require(\"tslib\");\nvar react_1 = require(\"react\");\nvar useMountedState_1 = tslib_1.__importDefault(require(\"./useMountedState\"));\nfunction useAsyncFn(fn, deps, initialState) {\n    if (deps === void 0) { deps = []; }\n    if (initialState === void 0) { initialState = { loading: false }; }\n    var lastCallId = react_1.useRef(0);\n    var isMounted = useMountedState_1.default();\n    var _a = react_1.useState(initialState), state = _a[0], set = _a[1];\n    var callback = react_1.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 (tslib_1.__assign(tslib_1.__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}\nexports.default = useAsyncFn;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar react_1 = require(\"react\");\nfunction useMountedState() {\n    var mountedRef = react_1.useRef(false);\n    var get = react_1.useCallback(function () { return mountedRef.current; }, []);\n    react_1.useEffect(function () {\n        mountedRef.current = true;\n        return function () {\n            mountedRef.current = false;\n        };\n    }, []);\n    return get;\n}\nexports.default = useMountedState;\n","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, { useState, useMemo } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport {\n  Table,\n  TableColumn,\n  Link,\n  Progress,\n  ResponseErrorPanel,\n} from \"@backstage/core-components\";\nimport {\n  useApi,\n  configApiRef,\n  fetchApiRef,\n  alertApiRef,\n} from \"@backstage/core-plugin-api\";\nimport useAsync from \"react-use/lib/useAsync\";\nimport {\n  Box,\n  Chip,\n  Typography,\n  IconButton,\n  Tooltip,\n  Menu,\n  MenuItem,\n  CircularProgress,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  Button,\n  makeStyles,\n} from \"@material-ui/core\";\nimport VisibilityIcon from \"@material-ui/icons/Visibility\";\nimport VisibilityOffIcon from \"@material-ui/icons/VisibilityOff\";\nimport FileCopyIcon from \"@material-ui/icons/FileCopy\";\nimport WarningIcon from \"@material-ui/icons/Warning\";\nimport DeleteIcon from \"@material-ui/icons/Delete\";\nimport { EditAPIKeyDialog } from \"../EditAPIKeyDialog\";\nimport { ConfirmDeleteDialog } from \"../ConfirmDeleteDialog\";\nimport { FilterPanel, FilterSection, FilterState } from \"../FilterPanel\";\nimport { APIKey, APIProduct } from \"../../types/api-management\";\nimport { getStatusChipStyle } from \"../../utils/styles\";\nimport {handleFetchError} from \"../../utils/errors.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  useCasePanel: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.background.default,\n  },\n  useCaseLabel: {\n    fontWeight: 600,\n    marginBottom: theme.spacing(1),\n    color: theme.palette.text.secondary,\n    textTransform: \"uppercase\",\n    fontSize: \"0.75rem\",\n  },\n  rejectedBanner: {\n    backgroundColor: theme.palette.error.light,\n    border: `1px solid ${theme.palette.error.main}`,\n    borderRadius: theme.shape.borderRadius,\n    padding: theme.spacing(1.5, 2),\n    marginBottom: theme.spacing(2),\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: theme.spacing(1),\n  },\n}));\n\ninterface ExpandedRowProps {\n  request: APIKey;\n}\n\nconst ExpandedRowContent = ({ request }: ExpandedRowProps) => {\n  const classes = useStyles();\n  const isRejected = request.status?.phase === \"Rejected\";\n  const apiProductName = request.spec.apiProductRef?.name || \"unknown\";\n\n  return (\n    <Box className={classes.useCasePanel} onClick={(e) => e.stopPropagation()}>\n      {isRejected && (\n        <Box className={classes.rejectedBanner}>\n          <WarningIcon color=\"error\" fontSize=\"small\" />\n          <Typography variant=\"body2\">\n            This API key was rejected.{\" \"}\n            <Link to={`/catalog/default/api/${apiProductName}/api-keys`}>\n              Request a new API key\n            </Link>\n          </Typography>\n        </Box>\n      )}\n      <Typography className={classes.useCaseLabel}>Use Case</Typography>\n      <Typography variant=\"body2\">\n        {request.spec.useCase || \"No use case provided\"}\n      </Typography>\n    </Box>\n  );\n};\n\nexport const MyApiKeysTable = () => {\n  const classes = useStyles();\n  const navigate = useNavigate();\n  const config = useApi(configApiRef);\n  const fetchApi = useApi(fetchApiRef);\n  const alertApi = useApi(alertApiRef);\n  const backendUrl = config.getString(\"backend.baseUrl\");\n\n  const [visibleKeys, setVisibleKeys] = useState<Set<string>>(new Set());\n  const [menuAnchor, setMenuAnchor] = useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n  const [menuRequest, setMenuRequest] = useState<APIKey | null>(null);\n  const [editDialogState, setEditDialogState] = useState<{\n    open: boolean;\n    request: APIKey | null;\n    plans: any[];\n  }>({ open: false, request: null, plans: [] });\n  const [refresh, setRefresh] = useState(0);\n  const [deleting, setDeleting] = useState<string | null>(null);\n  const [deleteDialogState, setDeleteDialogState] = useState<{\n    open: boolean;\n    request: APIKey | null;\n  }>({ open: false, request: null });\n  const [apiKeyValues, setApiKeyValues] = useState<Map<string, string>>(\n    new Map(),\n  );\n  const [apiKeyLoading, setApiKeyLoading] = useState<Set<string>>(new Set());\n  const [alreadyReadKeys, setAlreadyReadKeys] = useState<Set<string>>(\n    new Set(),\n  );\n  const [showOnceWarningOpen, setShowOnceWarningOpen] = useState(false);\n  const [pendingKeyReveal, setPendingKeyReveal] = useState<{\n    namespace: string;\n    name: string;\n  } | null>(null);\n  const [optimisticallyDeleted, setOptimisticallyDeleted] = useState<\n    Set<string>\n  >(new Set());\n\n  const [filters, setFilters] = useState<FilterState>({\n    status: [],\n    apiProduct: [],\n    tier: [],\n  });\n\n  const {\n    value: data,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const [requestsResponse, productsResponse] = await Promise.all([\n      fetchApi.fetch(`${backendUrl}/api/kuadrant/requests/my`),\n      fetchApi.fetch(`${backendUrl}/api/kuadrant/apiproducts`),\n    ]);\n\n    if (!requestsResponse.ok) {\n      throw new Error(\"failed to fetch requests\");\n    }\n\n    const requestsData = await requestsResponse.json();\n    const requests: APIKey[] = requestsData.items || [];\n\n    let products: APIProduct[] = [];\n    if (productsResponse.ok) {\n      const productsData = await productsResponse.json();\n      products = productsData.items || [];\n    }\n\n    // build owner map from products\n    const ownerMap = new Map<string, string>();\n    products.forEach((p) => {\n      const key = `${p.metadata.namespace}/${p.metadata.name}`;\n      const owner = p.metadata.annotations?.[\"backstage.io/owner\"] || \"unknown\";\n      ownerMap.set(key, owner);\n    });\n\n    return { requests, products, ownerMap };\n  }, [backendUrl, fetchApi, refresh]);\n\n  const allRequests = useMemo(() => {\n    if (!data?.requests) return [];\n    return data.requests.filter(\n      (r: APIKey) => !optimisticallyDeleted.has(r.metadata.name),\n    );\n  }, [data?.requests, optimisticallyDeleted]);\n\n  // filter options from data\n  const filterSections: FilterSection[] = useMemo(() => {\n    const statusCounts = { Approved: 0, Pending: 0, Rejected: 0 };\n    const apiProductCounts = new Map<string, number>();\n    const tierCounts = new Map<string, number>();\n\n    allRequests.forEach((r: APIKey) => {\n      const status = r.status?.phase || \"Pending\";\n      statusCounts[status as keyof typeof statusCounts]++;\n\n      const apiProduct = r.spec.apiProductRef?.name || \"unknown\";\n      apiProductCounts.set(\n        apiProduct,\n        (apiProductCounts.get(apiProduct) || 0) + 1,\n      );\n\n      const tier = r.spec.planTier || \"unknown\";\n      tierCounts.set(tier, (tierCounts.get(tier) || 0) + 1);\n    });\n\n    return [\n      {\n        id: \"status\",\n        title: \"Status\",\n        options: [\n          { value: \"Approved\", label: \"Active\", count: statusCounts.Approved },\n          { value: \"Pending\", label: \"Pending\", count: statusCounts.Pending },\n          {\n            value: \"Rejected\",\n            label: \"Rejected\",\n            count: statusCounts.Rejected,\n          },\n        ],\n      },\n      {\n        id: \"apiProduct\",\n        title: \"API Product\",\n        options: Array.from(apiProductCounts.entries()).map(\n          ([name, count]) => ({\n            value: name,\n            label: name,\n            count,\n          }),\n        ),\n        collapsed: apiProductCounts.size > 5,\n      },\n      {\n        id: \"tier\",\n        title: \"Tier\",\n        options: Array.from(tierCounts.entries()).map(([tier, count]) => ({\n          value: tier,\n          label: tier.charAt(0).toUpperCase() + tier.slice(1),\n          count,\n        })),\n      },\n    ];\n  }, [allRequests]);\n\n  // filtered requests\n  const filteredRequests = useMemo(() => {\n    return allRequests.filter((r: APIKey) => {\n      // status filter\n      if (filters.status.length > 0) {\n        const status = r.status?.phase || \"Pending\";\n        if (!filters.status.includes(status)) return false;\n      }\n\n      // api product filter\n      if (filters.apiProduct.length > 0) {\n        const apiProduct = r.spec.apiProductRef?.name || \"unknown\";\n        if (!filters.apiProduct.includes(apiProduct)) return false;\n      }\n\n      // tier filter\n      if (filters.tier.length > 0) {\n        const tier = r.spec.planTier || \"unknown\";\n        if (!filters.tier.includes(tier)) return false;\n      }\n\n      return true;\n    });\n  }, [allRequests, filters]);\n\n  const toggleKeyVisibility = (keyName: string) => {\n    setVisibleKeys((prev) => {\n      const newSet = new Set(prev);\n      if (newSet.has(keyName)) {\n        newSet.delete(keyName);\n      } else {\n        newSet.add(keyName);\n      }\n      return newSet;\n    });\n  };\n\n  const fetchApiKeyFromSecret = async (\n    requestNamespace: string,\n    requestName: string,\n  ) => {\n    const key = `${requestNamespace}/${requestName}`;\n    if (apiKeyLoading.has(key)) return;\n\n    setApiKeyLoading((prev) => new Set(prev).add(key));\n    try {\n      const response = await fetchApi.fetch(\n        `${backendUrl}/api/kuadrant/apikeys/${requestNamespace}/${requestName}/secret`,\n      );\n      if (response.ok) {\n        const result = await response.json();\n        setApiKeyValues((prev) => new Map(prev).set(key, result.apiKey));\n        setAlreadyReadKeys((prev) => new Set(prev).add(key));\n      } else if (response.status === 403) {\n        setAlreadyReadKeys((prev) => new Set(prev).add(key));\n        alertApi.post({\n          message:\n            \"This API key has already been viewed and cannot be retrieved again.\",\n          severity: \"warning\",\n          display: \"transient\",\n        });\n      }\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error ? err.message : \"unknown error occurred\";\n      alertApi.post({\n        message: `Failed to fetch api key: ${errorMessage}`,\n        severity: \"error\",\n        display: \"transient\",\n      });\n    } finally {\n      setApiKeyLoading((prev) => {\n        const next = new Set(prev);\n        next.delete(key);\n        return next;\n      });\n    }\n  };\n\n  const clearApiKeyValue = (requestNamespace: string, requestName: string) => {\n    const key = `${requestNamespace}/${requestName}`;\n    setApiKeyValues((prev) => {\n      const next = new Map(prev);\n      next.delete(key);\n      return next;\n    });\n  };\n\n  const handleMenuClose = () => {\n    setMenuAnchor(null);\n    setMenuRequest(null);\n  };\n\n  const handleEdit = async () => {\n    if (!menuRequest) return;\n\n    const request = menuRequest;\n    handleMenuClose();\n\n    try {\n      const apiProductName = request.spec.apiProductRef?.name;\n      const apiProductNamespace = request.metadata.namespace;\n      const apiProductResponse = await fetchApi.fetch(\n        `${backendUrl}/api/kuadrant/apiproducts/${apiProductNamespace}/${apiProductName}`,\n      );\n\n      if (apiProductResponse.ok) {\n        const apiProduct = await apiProductResponse.json();\n        const plans = apiProduct.spec?.plans || [];\n        setEditDialogState({ open: true, request, plans });\n      } else {\n        setEditDialogState({ open: true, request, plans: [] });\n      }\n    } catch (err) {\n      console.error(\"Error fetching plans:\", err);\n      setEditDialogState({ open: true, request, plans: [] });\n      const errorMessage = err instanceof Error ? err.message : \"unknown error occurred\";\n      alertApi.post({\n        message: `Failed to fetch Plans. ${errorMessage}`,\n        severity: 'error',\n        display: 'transient',\n      });\n    }\n  };\n\n  const handleDeleteClick = () => {\n    if (!menuRequest) return;\n    const request = menuRequest;\n    handleMenuClose();\n    setDeleteDialogState({ open: true, request });\n  };\n\n  const handleDeleteConfirm = async () => {\n    if (!deleteDialogState.request) return;\n\n    const request = deleteDialogState.request;\n    const requestName = request.metadata.name;\n\n    setOptimisticallyDeleted((prev) => new Set(prev).add(requestName));\n    setDeleting(requestName);\n\n    try {\n      const response = await fetchApi.fetch(\n        `${backendUrl}/api/kuadrant/requests/${request.metadata.namespace}/${request.metadata.name}`,\n        { method: \"DELETE\" },\n      );\n\n      if (!response.ok) {\n        const err = await handleFetchError(response);\n        throw new Error(`Failed to delete request. ${err}`);\n      }\n\n      setRefresh((r) => r + 1);\n      alertApi.post({\n        message: \"API key deleted\",\n        severity: \"success\",\n        display: \"transient\",\n      });\n      setDeleteDialogState({ open: false, request: null });\n    } catch (err) {\n      console.error(\"Error deleting request:\", err);\n      setOptimisticallyDeleted((prev) => {\n        const next = new Set(prev);\n        next.delete(requestName);\n        return next;\n      });\n      const errorMessage = err instanceof Error ? err.message : \"unknown error occurred\";\n      alertApi.post({\n        message: `Failed to delete APIKey. ${errorMessage}`,\n        severity: 'error',\n        display: 'transient',\n      });\n    } finally {\n      setDeleting(null);\n    }\n  };\n\n  const handleDeleteCancel = () => {\n    setDeleteDialogState({ open: false, request: null });\n  };\n\n  const columns: TableColumn<APIKey>[] = [\n    {\n      title: \"API Product\",\n      field: \"spec.apiProductRef.name\",\n      render: (row: APIKey) => {\n        const apiProductName = row.spec.apiProductRef?.name || \"unknown\";\n        return (\n          <Link to={`/catalog/default/api/${apiProductName}/api-keys`}>\n            <strong>{apiProductName}</strong>\n          </Link>\n        );\n      },\n    },\n    {\n      title: \"Owner\",\n      field: \"owner\",\n      render: (row: APIKey) => {\n        const key = `${row.metadata.namespace}/${row.spec.apiProductRef?.name}`;\n        const owner = data?.ownerMap?.get(key) || \"unknown\";\n        // strip 'user:default/' prefix if present\n        const displayOwner = owner.replace(/^user:default\\//, \"\");\n        return <Typography variant=\"body2\">{displayOwner}</Typography>;\n      },\n    },\n    {\n      title: \"Status\",\n      field: \"status.phase\",\n      render: (row: APIKey) => {\n        const phase = row.status?.phase || \"Pending\";\n        const label = phase === \"Approved\" ? \"Active\" : phase;\n        return (\n          <Chip label={label} size=\"small\" style={getStatusChipStyle(phase)} />\n        );\n      },\n    },\n    {\n      title: \"Tier\",\n      field: \"spec.planTier\",\n      render: (row: APIKey) => (\n        <Chip label={row.spec.planTier} size=\"small\" variant=\"outlined\" />\n      ),\n    },\n    {\n      title: \"API Key\",\n      field: \"status.secretRef\",\n      filtering: false,\n      render: (row: APIKey) => {\n        if (row.status?.phase !== \"Approved\") {\n          return (\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              -\n            </Typography>\n          );\n        }\n\n        const key = `${row.metadata.namespace}/${row.metadata.name}`;\n        const hasSecretRef = row.status?.secretRef?.name;\n        const isVisible = visibleKeys.has(row.metadata.name);\n        const isLoading = apiKeyLoading.has(key);\n        const apiKeyValue = apiKeyValues.get(key);\n        const canReadSecret = row.status?.canReadSecret !== false;\n        const isAlreadyRead = alreadyReadKeys.has(key) || !canReadSecret;\n\n        if (!hasSecretRef) {\n          return (\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              Awaiting secret...\n            </Typography>\n          );\n        }\n\n        if (isAlreadyRead && !apiKeyValue) {\n          return (\n            <Tooltip title=\"This API key has already been viewed and cannot be retrieved again\">\n              <Box display=\"flex\" alignItems=\"center\">\n                <Typography\n                  variant=\"body2\"\n                  color=\"textSecondary\"\n                  style={{ fontFamily: \"monospace\", marginRight: 8 }}\n                >\n                  Already viewed\n                </Typography>\n                <VisibilityOffIcon fontSize=\"small\" color=\"disabled\" />\n              </Box>\n            </Tooltip>\n          );\n        }\n\n        const handleRevealClick = () => {\n          if (isVisible) {\n            clearApiKeyValue(row.metadata.namespace, row.metadata.name);\n            toggleKeyVisibility(row.metadata.name);\n          } else if (!isAlreadyRead) {\n            setPendingKeyReveal({\n              namespace: row.metadata.namespace,\n              name: row.metadata.name,\n            });\n            setShowOnceWarningOpen(true);\n          }\n        };\n\n        const handleCopy = async () => {\n          if (apiKeyValue) {\n            await navigator.clipboard.writeText(apiKeyValue);\n            alertApi.post({\n              message: \"API key copied to clipboard\",\n              severity: \"success\",\n              display: \"transient\",\n            });\n          }\n        };\n\n        return (\n          <Box display=\"flex\" alignItems=\"center\" style={{ gap: 8 }}>\n            <Box fontFamily=\"monospace\" fontSize=\"0.875rem\">\n              {isLoading\n                ? \"Loading...\"\n                : isVisible && apiKeyValue\n                  ? apiKeyValue\n                  : \"•\".repeat(20) + \"...\"}\n            </Box>\n            {isVisible && apiKeyValue && (\n              <Tooltip title=\"Copy to clipboard\">\n                <IconButton size=\"small\" onClick={handleCopy}>\n                  <FileCopyIcon fontSize=\"small\" />\n                </IconButton>\n              </Tooltip>\n            )}\n            <Tooltip\n              title={\n                isVisible ? \"Hide API key\" : \"Reveal API key (one-time only)\"\n              }\n            >\n              <span>\n                <IconButton\n                  size=\"small\"\n                  onClick={handleRevealClick}\n                  disabled={isLoading || (isAlreadyRead && !apiKeyValue)}\n                >\n                  {isVisible ? (\n                    <VisibilityOffIcon fontSize=\"small\" />\n                  ) : (\n                    <VisibilityIcon fontSize=\"small\" />\n                  )}\n                </IconButton>\n              </span>\n            </Tooltip>\n          </Box>\n        );\n      },\n    },\n    {\n      title: \"Requested\",\n      field: \"metadata.creationTimestamp\",\n      render: (row: APIKey) => {\n        if (!row.metadata.creationTimestamp) {\n          return <Typography variant=\"body2\">-</Typography>;\n        }\n        const date = new Date(row.metadata.creationTimestamp);\n        return (\n          <Typography variant=\"body2\">{date.toLocaleDateString()}</Typography>\n        );\n      },\n    },\n    {\n      title: \"Actions\",\n      filtering: false,\n      width: \"100px\",\n      render: (row: APIKey) => {\n        const isDeleting = deleting === row.metadata.name;\n        if (isDeleting) {\n          return <CircularProgress size={20} />;\n        }\n        return (\n          <Box display=\"flex\" style={{ gap: 4 }}>\n            <Tooltip title=\"View details\">\n              <IconButton\n                size=\"small\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  navigate(\n                    `/kuadrant/api-keys/${row.metadata.namespace}/${row.metadata.name}`,\n                  );\n                }}\n              >\n                <VisibilityIcon fontSize=\"small\" />\n              </IconButton>\n            </Tooltip>\n            <Tooltip title=\"Delete\">\n              <IconButton\n                size=\"small\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  setDeleteDialogState({ open: true, request: row });\n                }}\n              >\n                <DeleteIcon fontSize=\"small\" />\n              </IconButton>\n            </Tooltip>\n          </Box>\n        );\n      },\n    },\n  ];\n\n  const detailPanelConfig = useMemo(\n    () => [\n      {\n        render: (data: any) => {\n          const request = data.rowData as APIKey;\n          if (!request?.metadata?.name) {\n            return <Box />;\n          }\n          return <ExpandedRowContent request={request} />;\n        },\n      },\n    ],\n    [],\n  );\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const isPending = (row: APIKey) =>\n    !row.status || row.status.phase === \"Pending\";\n\n  return (\n    <>\n      <Box className={classes.container}>\n        <FilterPanel\n          sections={filterSections}\n          filters={filters}\n          onChange={setFilters}\n        />\n        <Box className={classes.tableContainer}>\n          {filteredRequests.length === 0 ? (\n            <Box p={4} textAlign=\"center\">\n              <Typography variant=\"body1\" color=\"textSecondary\">\n                {allRequests.length === 0\n                  ? \"No API keys found. Request access to an API to get started.\"\n                  : \"No API keys match the selected filters.\"}\n              </Typography>\n            </Box>\n          ) : (\n            <Table\n              options={{\n                paging: filteredRequests.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={filteredRequests.map((item: APIKey) => ({\n                ...item,\n                id: item.metadata.name,\n              }))}\n              detailPanel={detailPanelConfig}\n            />\n          )}\n        </Box>\n      </Box>\n\n      <Menu\n        id=\"myapikeys-menu\"\n        open={Boolean(menuAnchor)}\n        onClose={handleMenuClose}\n        anchorReference=\"anchorPosition\"\n        anchorPosition={menuAnchor || { top: 0, left: 0 }}\n      >\n        {menuRequest &&\n          (() => {\n            const items = [];\n            items.push(\n              <MenuItem\n                key=\"view\"\n                onClick={() => {\n                  navigate(\n                    `/kuadrant/api-keys/${menuRequest.metadata.namespace}/${menuRequest.metadata.name}`,\n                  );\n                  handleMenuClose();\n                }}\n              >\n                View Details\n              </MenuItem>,\n            );\n            if (isPending(menuRequest)) {\n              items.push(\n                <MenuItem key=\"edit\" onClick={handleEdit}>\n                  Edit\n                </MenuItem>,\n              );\n            }\n            items.push(\n              <MenuItem key=\"delete\" onClick={handleDeleteClick}>\n                Delete\n              </MenuItem>,\n            );\n            return items;\n          })()}\n      </Menu>\n\n      {editDialogState.request && (\n        <EditAPIKeyDialog\n          open={editDialogState.open}\n          request={editDialogState.request}\n          availablePlans={editDialogState.plans}\n          onClose={() =>\n            setEditDialogState({ open: false, request: null, plans: [] })\n          }\n          onSuccess={() => {\n            setEditDialogState({ open: false, request: null, plans: [] });\n            setRefresh((r) => r + 1);\n          }}\n        />\n      )}\n\n      <ConfirmDeleteDialog\n        open={deleteDialogState.open}\n        title=\"Delete API Key\"\n        description={`Are you sure you want to delete this API key for ${deleteDialogState.request?.spec.apiProductRef?.name || \"this API\"}?`}\n        deleting={deleting !== null}\n        onConfirm={handleDeleteConfirm}\n        onCancel={handleDeleteCancel}\n      />\n\n      <Dialog\n        open={showOnceWarningOpen}\n        onClose={() => {\n          setShowOnceWarningOpen(false);\n          setPendingKeyReveal(null);\n        }}\n        maxWidth=\"sm\"\n      >\n        <DialogTitle>\n          <Box display=\"flex\" alignItems=\"center\">\n            <WarningIcon color=\"primary\" style={{ marginRight: 8 }} />\n            View API Key\n          </Box>\n        </DialogTitle>\n        <DialogContent>\n          <Typography variant=\"body1\" paragraph>\n            This API key can only be viewed <strong>once</strong>. After you\n            reveal it, you will not be able to retrieve it again.\n          </Typography>\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            Make sure to copy and store it securely before closing this view.\n          </Typography>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            onClick={() => {\n              setShowOnceWarningOpen(false);\n              setPendingKeyReveal(null);\n            }}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={() => {\n              if (pendingKeyReveal) {\n                fetchApiKeyFromSecret(\n                  pendingKeyReveal.namespace,\n                  pendingKeyReveal.name,\n                );\n                toggleKeyVisibility(pendingKeyReveal.name);\n              }\n              setShowOnceWarningOpen(false);\n              setPendingKeyReveal(null);\n            }}\n          >\n            Reveal API Key\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n","import React, { useState, useMemo } from \"react\";\nimport {\n  useApi,\n  fetchApiRef,\n  identityApiRef,\n  configApiRef,\n  alertApiRef,\n} from \"@backstage/core-plugin-api\";\nimport { useAsync } from \"react-use\";\nimport {\n  Table,\n  TableColumn,\n  Progress,\n  ResponseErrorPanel,\n  Link,\n} from \"@backstage/core-components\";\nimport {\n  kuadrantApiKeyUpdateAllPermission,\n  kuadrantApiKeyUpdateOwnPermission,\n} from \"../../permissions\";\nimport { useKuadrantPermission } from \"../../utils/permissions\";\nimport {\n  Button,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  Chip,\n  Typography,\n  Box,\n  CircularProgress,\n  TextField,\n  makeStyles,\n} from \"@material-ui/core\";\nimport CheckCircleIcon from \"@material-ui/icons/CheckCircle\";\nimport CancelIcon from \"@material-ui/icons/Cancel\";\nimport { FilterPanel, FilterSection, FilterState } from \"../FilterPanel\";\nimport { APIKey } from \"../../types/api-management\";\nimport { getStatusChipStyle } from \"../../utils/styles\";\nimport { handleFetchError } from \"../../utils/errors.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  useCasePanel: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.background.default,\n  },\n  useCaseLabel: {\n    fontWeight: 600,\n    marginBottom: theme.spacing(1),\n    color: theme.palette.text.secondary,\n    textTransform: \"uppercase\",\n    fontSize: \"0.75rem\",\n  },\n  bulkActions: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.background.default,\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n}));\n\ninterface ApprovalDialogProps {\n  open: boolean;\n  request: APIKey | null;\n  action: \"approve\" | \"reject\";\n  processing: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n}\n\nconst ApprovalDialog = ({\n  open,\n  request,\n  action,\n  processing,\n  onClose,\n  onConfirm,\n}: ApprovalDialogProps) => {\n  const [confirmInput, setConfirmInput] = React.useState(\"\");\n  const actionLabel = action === \"approve\" ? \"Approve\" : \"Reject\";\n  const processingLabel =\n    action === \"approve\" ? \"Approving...\" : \"Rejecting...\";\n\n  const isReject = action === \"reject\";\n  const confirmText = request?.spec.requestedBy?.userId || \"\";\n  const canConfirm = isReject ? confirmInput === confirmText : true;\n\n  // reset input when dialog closes\n  React.useEffect(() => {\n    if (!open) {\n      setConfirmInput(\"\");\n    }\n  }, [open]);\n\n  return (\n    <Dialog\n      open={open}\n      onClose={processing ? undefined : onClose}\n      maxWidth=\"sm\"\n      fullWidth\n    >\n      <DialogTitle>\n        {isReject ? (\n          <Box display=\"flex\" alignItems=\"center\" style={{ gap: 8 }}>\n            <CancelIcon color=\"error\" />\n            <span>{actionLabel} API Key</span>\n          </Box>\n        ) : (\n          <span>{actionLabel} API Key</span>\n        )}\n      </DialogTitle>\n      <DialogContent>\n        {request && (\n          <>\n            <p>\n              <strong>User:</strong> {request.spec.requestedBy.userId}\n            </p>\n            <p>\n              <strong>API:</strong>{\" \"}\n              {request.spec.apiProductRef?.name || \"unknown\"}\n            </p>\n            <p>\n              <strong>Tier:</strong> {request.spec.planTier}\n            </p>\n            <Box mb={2}>\n              <Typography\n                variant=\"body2\"\n                component=\"span\"\n                style={{ fontWeight: \"bold\" }}\n              >\n                Use Case:\n              </Typography>{\" \"}\n              <Typography\n                variant=\"body2\"\n                component=\"span\"\n                style={{ whiteSpace: \"pre-wrap\" }}\n              >\n                {request.spec.useCase || \"-\"}\n              </Typography>\n            </Box>\n            {isReject && (\n              <Box mt={2}>\n                <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n                  Type <strong>{confirmText}</strong> to confirm rejection:\n                </Typography>\n                <TextField\n                  fullWidth\n                  variant=\"outlined\"\n                  size=\"small\"\n                  value={confirmInput}\n                  onChange={(e) => setConfirmInput(e.target.value)}\n                  disabled={processing}\n                  autoFocus\n                  placeholder={confirmText}\n                />\n              </Box>\n            )}\n          </>\n        )}\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={processing}>\n          Cancel\n        </Button>\n        <Button\n          onClick={onConfirm}\n          color={action === \"approve\" ? \"primary\" : \"secondary\"}\n          variant=\"contained\"\n          disabled={processing || !canConfirm}\n          startIcon={\n            processing ? (\n              <CircularProgress size={16} color=\"inherit\" />\n            ) : undefined\n          }\n        >\n          {processing ? processingLabel : actionLabel}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\ninterface BulkActionDialogProps {\n  open: boolean;\n  requests: APIKey[];\n  action: \"approve\" | \"reject\";\n  processing: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n}\n\nconst BulkActionDialog = ({\n  open,\n  requests,\n  action,\n  processing,\n  onClose,\n  onConfirm,\n}: BulkActionDialogProps) => {\n  const isApprove = action === \"approve\";\n  const actionLabel = isApprove ? \"Approve All\" : \"Reject All\";\n  const processingLabel = isApprove ? \"Approving...\" : \"Rejecting...\";\n\n  return (\n    <Dialog\n      open={open}\n      onClose={processing ? undefined : onClose}\n      maxWidth=\"md\"\n      fullWidth\n    >\n      <DialogTitle>\n        {isApprove ? \"Approve\" : \"Reject\"} {requests.length} API Keys\n      </DialogTitle>\n      <DialogContent>\n        <Typography variant=\"body2\" paragraph>\n          You are about to {isApprove ? \"approve\" : \"reject\"} the following API\n          keys:\n        </Typography>\n        <Box mb={2} maxHeight={200} overflow=\"auto\">\n          {requests.map((request) => (\n            <Box\n              key={`${request.metadata.namespace}/${request.metadata.name}`}\n              mb={1}\n              p={1}\n              bgcolor=\"background.default\"\n            >\n              <Typography variant=\"body2\">\n                <strong>{request.spec.requestedBy.userId}</strong> -{\" \"}\n                {request.spec.apiProductRef?.name || \"unknown\"} (\n                {request.spec.planTier})\n              </Typography>\n            </Box>\n          ))}\n        </Box>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={processing}>\n          Cancel\n        </Button>\n        <Button\n          onClick={onConfirm}\n          color={isApprove ? \"primary\" : \"secondary\"}\n          variant=\"contained\"\n          disabled={processing}\n          startIcon={\n            processing ? (\n              <CircularProgress size={16} color=\"inherit\" />\n            ) : undefined\n          }\n        >\n          {processing ? processingLabel : actionLabel}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\ninterface ExpandedRowProps {\n  request: APIKey;\n}\n\nconst ExpandedRowContent = ({ request }: ExpandedRowProps) => {\n  const classes = useStyles();\n\n  return (\n    <Box className={classes.useCasePanel} onClick={(e) => e.stopPropagation()}>\n      <Typography className={classes.useCaseLabel}>Use Case</Typography>\n      <Typography variant=\"body2\">\n        {request.spec.useCase || \"No use case provided\"}\n      </Typography>\n    </Box>\n  );\n};\n\ninterface BulkRequestResult {\n  name: string;\n  namespace: string;\n  success: boolean;\n  error: string | null;\n}\n\ninterface AlertDialogProps {\n  open: boolean;\n  results: BulkRequestResult[];\n  isApprove: boolean;\n  onClose: () => void;\n}\n\nconst useBulkAlertStyles = makeStyles((theme) => ({\n  successSection: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.success.main + '14',\n    borderRadius: theme.shape.borderRadius,\n    marginBottom: theme.spacing(2),\n    border: `1px solid ${theme.palette.success.main}40`,\n  },\n  failureSection: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.error.main + '14',\n    borderRadius: theme.shape.borderRadius,\n    marginBottom: theme.spacing(2),\n    border: `1px solid ${theme.palette.error.main}40`,\n  },\n  warningSection: {\n    padding: theme.spacing(2),\n    backgroundColor: theme.palette.warning.main + '14',\n    borderRadius: theme.shape.borderRadius,\n    marginBottom: theme.spacing(2),\n    border: `1px solid ${theme.palette.warning.main}40`,\n  },\n  statRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  },\n  errorList: {\n    marginTop: theme.spacing(2),\n    padding: 0,\n    listStyle: 'none',\n  },\n  errorItem: {\n    padding: theme.spacing(1.5),\n    marginBottom: theme.spacing(1),\n    backgroundColor: theme.palette.background.paper,\n    borderRadius: theme.shape.borderRadius,\n    border: `1px solid ${theme.palette.divider}`,\n  },\n  errorName: {\n    fontWeight: 600,\n    fontSize: '0.875rem',\n    marginBottom: theme.spacing(0.5),\n  },\n  errorMessage: {\n    fontSize: '0.813rem',\n    color: theme.palette.error.main,\n    fontFamily: 'monospace',\n    wordBreak: 'break-word',\n  },\n  expandButton: {\n    marginTop: theme.spacing(1),\n    padding: theme.spacing(0.5),\n  },\n}));\n\nconst BulkAlertDialog = ({\n  open,\n  results,\n  isApprove,\n  onClose,\n}: AlertDialogProps) => {\n  const classes = useBulkAlertStyles();\n  const [showErrors, setShowErrors] = useState(true);\n  const successResults = results.filter((res: any) => res.success);\n  const failedResults = results.filter((res: any) => !res.success);\n  const hasPartialSuccess = successResults.length > 0;\n\n  return (\n    <Dialog\n      open={open}\n      onClose={onClose}\n      maxWidth=\"md\"\n      fullWidth\n    >\n      <DialogTitle>\n        <Box display=\"flex\" alignItems=\"center\" style={{ gap: 8 }}>\n          {hasPartialSuccess ? (\n            <>\n              <CancelIcon style={{ color: '#ff9800' }} />\n              <span>Bulk {isApprove ? \"Approve\" : \"Reject\"} Completed with Issues</span>\n            </>\n          ) : (\n            <>\n              <CancelIcon color=\"error\" />\n              <span>Bulk {isApprove ? \"Approve\" : \"Reject\"} Failed</span>\n            </>\n          )}\n        </Box>\n      </DialogTitle>\n      <DialogContent>\n        {hasPartialSuccess && (\n          <Box className={classes.successSection}>\n            <Box className={classes.statRow}>\n              <CheckCircleIcon style={{ color: '#4caf50' }} />\n              <Typography variant=\"body1\">\n                <strong>{successResults.length}</strong> API key{successResults.length !== 1 ? 's' : ''} {isApprove ? 'approved' : 'rejected'} successfully\n              </Typography>\n            </Box>\n          </Box>\n        )}\n\n        <Box className={hasPartialSuccess ? classes.warningSection : classes.failureSection}>\n          <Box className={classes.statRow}>\n            <CancelIcon color=\"error\" />\n            <Typography variant=\"body1\">\n              <strong>{failedResults.length}</strong> request{failedResults.length !== 1 ? 's' : ''} failed\n            </Typography>\n          </Box>\n\n          <Button\n            size=\"small\"\n            className={classes.expandButton}\n            onClick={() => setShowErrors(!showErrors)}\n          >\n            {showErrors ? 'Hide' : 'Show'} Error Details\n          </Button>\n\n          {showErrors && (\n            <ul className={classes.errorList}>\n              {failedResults.map((result, index) => (\n                <li key={result.name || index} className={classes.errorItem}>\n                  <div className={classes.errorName}>\n                    {result.namespace}/{result.name}\n                  </div>\n                  <div className={classes.errorMessage}>\n                    {result.error || 'Unknown error'}\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </Box>\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} color=\"primary\" variant=\"contained\">\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport const ApprovalQueueTable = () => {\n  const classes = useStyles();\n  const config = useApi(configApiRef);\n  const fetchApi = useApi(fetchApiRef);\n  const identityApi = useApi(identityApiRef);\n  const alertApi = useApi(alertApiRef);\n  const backendUrl = config.getString(\"backend.baseUrl\");\n  const [refresh, setRefresh] = useState(0);\n  const [selectedRequests, setSelectedRequests] = useState<APIKey[]>([]);\n  const [dialogState, setDialogState] = useState<{\n    open: boolean;\n    request: APIKey | null;\n    action: \"approve\" | \"reject\";\n    processing: boolean;\n  }>({\n    open: false,\n    request: null,\n    action: \"approve\",\n    processing: false,\n  });\n  const [bulkDialogState, setBulkDialogState] = useState<{\n    open: boolean;\n    requests: APIKey[];\n    action: \"approve\" | \"reject\";\n    processing: boolean;\n  }>({\n    open: false,\n    requests: [],\n    action: \"approve\",\n    processing: false,\n  });\n  const [bulkAlertDialogState, setBulkAlertDialogState] = useState<{\n    open: boolean;\n    results: BulkRequestResult[];\n    isApprove: boolean;\n  }>({\n    open: false,\n    results: [],\n    isApprove: true,\n  });\n  const [filters, setFilters] = useState<FilterState>({\n    status: [],\n    apiProduct: [],\n    tier: [],\n  });\n\n  const {\n    allowed: canUpdateAllRequests,\n    loading: updateAllPermissionLoading,\n    error: updateAllPermissionError,\n  } = useKuadrantPermission(kuadrantApiKeyUpdateAllPermission);\n\n  const {\n    allowed: canUpdateOwnRequests,\n    loading: updateOwnPermissionLoading,\n    error: updateOwnPermissionError,\n  } = useKuadrantPermission(kuadrantApiKeyUpdateOwnPermission);\n\n  const updatePermissionLoading =\n    updateAllPermissionLoading || updateOwnPermissionLoading;\n  const updatePermissionError =\n    updateAllPermissionError || updateOwnPermissionError;\n\n  const { value, loading, error } = useAsync(async () => {\n    const identity = await identityApi.getBackstageIdentity();\n    const reviewedBy = identity.userEntityRef;\n\n    const [requestsResponse, apiProductsResponse] = await Promise.all([\n      fetchApi.fetch(`${backendUrl}/api/kuadrant/requests`),\n      fetchApi.fetch(`${backendUrl}/api/kuadrant/apiproducts`),\n    ]);\n\n    if (!requestsResponse.ok) {\n      return {\n        allRequests: [] as APIKey[],\n        reviewedBy,\n        ownedApiProducts: new Set<string>(),\n      };\n    }\n\n    const contentType = requestsResponse.headers.get(\"content-type\");\n    if (!contentType?.includes(\"application/json\")) {\n      alertApi.post({\n        message: \"Unexpected content-type from the server response.\",\n        display: \"transient\",\n        severity: \"warning\",\n      });\n      return {\n        allRequests: [] as APIKey[],\n        reviewedBy,\n        ownedApiProducts: new Set<string>(),\n      };\n    }\n\n    const data = await requestsResponse.json();\n    const allRequests = data.items || [];\n\n    const ownedApiProducts = new Set<string>();\n    if (apiProductsResponse.ok) {\n      const apiProductsData = await apiProductsResponse.json();\n      for (const product of apiProductsData.items || []) {\n        const owner = product.metadata?.annotations?.[\"backstage.io/owner\"];\n        if (owner === reviewedBy) {\n          ownedApiProducts.add(\n            `${product.metadata.namespace}/${product.metadata.name}`,\n          );\n        }\n      }\n    }\n\n    return { allRequests, reviewedBy, ownedApiProducts };\n  }, [backendUrl, fetchApi, identityApi, refresh]);\n\n  const filterSections: FilterSection[] = useMemo(() => {\n    if (!value?.allRequests) return [];\n\n    const statusCounts = { Approved: 0, Pending: 0, Rejected: 0 };\n    const apiProductCounts = new Map<string, number>();\n    const tierCounts = new Map<string, number>();\n\n    value.allRequests.forEach((r: APIKey) => {\n      const status = r.status?.phase || \"Pending\";\n      statusCounts[status as keyof typeof statusCounts]++;\n\n      const apiProduct = r.spec.apiProductRef?.name || \"unknown\";\n      apiProductCounts.set(\n        apiProduct,\n        (apiProductCounts.get(apiProduct) || 0) + 1,\n      );\n\n      const tier = r.spec.planTier || \"unknown\";\n      tierCounts.set(tier, (tierCounts.get(tier) || 0) + 1);\n    });\n\n    return [\n      {\n        id: \"status\",\n        title: \"Status\",\n        options: [\n          { value: \"Pending\", label: \"Pending\", count: statusCounts.Pending },\n          {\n            value: \"Approved\",\n            label: \"Approved\",\n            count: statusCounts.Approved,\n          },\n          {\n            value: \"Rejected\",\n            label: \"Rejected\",\n            count: statusCounts.Rejected,\n          },\n        ],\n      },\n      {\n        id: \"apiProduct\",\n        title: \"API Product\",\n        options: Array.from(apiProductCounts.entries()).map(\n          ([name, count]) => ({\n            value: name,\n            label: name,\n            count,\n          }),\n        ),\n        collapsed: apiProductCounts.size > 5,\n      },\n      {\n        id: \"tier\",\n        title: \"Tier\",\n        options: Array.from(tierCounts.entries()).map(([tier, count]) => ({\n          value: tier,\n          label: tier.charAt(0).toUpperCase() + tier.slice(1),\n          count,\n        })),\n      },\n    ];\n  }, [value?.allRequests]);\n\n  const filteredRequests = useMemo(() => {\n    if (!value?.allRequests) return [];\n\n    return value.allRequests.filter((r: APIKey) => {\n      if (filters.status.length > 0) {\n        const status = r.status?.phase || \"Pending\";\n        if (!filters.status.includes(status)) return false;\n      }\n      if (filters.apiProduct.length > 0) {\n        const apiProduct = r.spec.apiProductRef?.name || \"unknown\";\n        if (!filters.apiProduct.includes(apiProduct)) return false;\n      }\n      if (filters.tier.length > 0) {\n        const tier = r.spec.planTier || \"unknown\";\n        if (!filters.tier.includes(tier)) return false;\n      }\n      return true;\n    });\n  }, [value?.allRequests, filters]);\n\n  const handleApprove = (request: APIKey) => {\n    setDialogState({\n      open: true,\n      request,\n      action: \"approve\",\n      processing: false,\n    });\n  };\n\n  const handleReject = (request: APIKey) => {\n    setDialogState({\n      open: true,\n      request,\n      action: \"reject\",\n      processing: false,\n    });\n  };\n\n  const handleConfirm = async () => {\n    if (!dialogState.request || !value) return;\n\n    setDialogState((prev) => ({ ...prev, processing: true }));\n\n    const endpoint =\n      dialogState.action === \"approve\"\n        ? `${backendUrl}/api/kuadrant/requests/${dialogState.request.metadata.namespace}/${dialogState.request.metadata.name}/approve`\n        : `${backendUrl}/api/kuadrant/requests/${dialogState.request.metadata.namespace}/${dialogState.request.metadata.name}/reject`;\n\n    try {\n      const response = await fetchApi.fetch(endpoint, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ reviewedBy: value.reviewedBy }),\n      });\n\n      if (!response.ok) {\n        const err = await handleFetchError(response);\n        throw new Error(err);\n      }\n\n      setDialogState({\n        open: false,\n        request: null,\n        action: \"approve\",\n        processing: false,\n      });\n      // remove the processed request from selection\n      setSelectedRequests((prev) =>\n        prev.filter(\n          (r) =>\n            r.metadata.name !== dialogState.request?.metadata.name ||\n            r.metadata.namespace !== dialogState.request?.metadata.namespace,\n        ),\n      );\n      setRefresh((r) => r + 1);\n      const action = dialogState.action === \"approve\" ? \"approved\" : \"rejected\";\n      alertApi.post({\n        message: `API key ${action}`,\n        severity: \"success\",\n        display: \"transient\",\n      });\n    } catch (err) {\n      console.error(`error ${dialogState.action}ing request:`, err);\n      setDialogState((prev) => ({ ...prev, processing: false }));\n      const errorMessage = err instanceof Error ? err.message : \"unknown error occurred\";\n      alertApi.post({\n        message: `Failed to ${dialogState.action} API key. ${errorMessage}`,\n        severity: \"error\",\n        display: \"transient\",\n      });\n    }\n  };\n\n  const handleBulkApprove = () => {\n    if (selectedRequests.length === 0) return;\n    setBulkDialogState({\n      open: true,\n      requests: selectedRequests,\n      action: \"approve\",\n      processing: false,\n    });\n  };\n\n  const handleBulkReject = () => {\n    if (selectedRequests.length === 0) return;\n    setBulkDialogState({\n      open: true,\n      requests: selectedRequests,\n      action: \"reject\",\n      processing: false,\n    });\n  };\n\n  const handleBulkConfirm = async () => {\n    if (!value || bulkDialogState.requests.length === 0) return;\n\n    setBulkDialogState((prev) => ({ ...prev, processing: true }));\n    setBulkAlertDialogState({ open: false, results: [], isApprove: true, });\n\n    const isApprove = bulkDialogState.action === \"approve\";\n    const endpoint = isApprove\n      ? `${backendUrl}/api/kuadrant/requests/bulk-approve`\n      : `${backendUrl}/api/kuadrant/requests/bulk-reject`;\n\n    try {\n      const response = await fetchApi.fetch(endpoint, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          requests: bulkDialogState.requests.map((r) => ({\n            namespace: r.metadata.namespace,\n            name: r.metadata.name,\n          })),\n          reviewedBy: value.reviewedBy,\n        }),\n      });\n\n      if (!response.ok) {\n        const err = await handleFetchError(response);\n        throw new Error(err);\n      }\n      const bulkResponseRaw = await response.json();\n      const bulkResponse = bulkResponseRaw.results || [];\n\n      const successfulItems = bulkResponse.filter((res: any) => res.success);\n      const failedItems = bulkResponse.filter((res: any) => !res.success);\n      const totalSuccess = failedItems.length === 0;\n\n      const action = isApprove ? \"approved\" : \"rejected\";\n\n      setBulkDialogState({\n        open: false,\n        requests: [],\n        action: \"approve\",\n        processing: false,\n      });\n      setBulkAlertDialogState({\n        open: !totalSuccess,\n        results: bulkResponse,\n        isApprove,\n      });\n      setSelectedRequests([]);\n      setRefresh((r) => r + 1);\n\n      if (totalSuccess) {\n        alertApi.post({\n          message: `${successfulItems.length} API keys ${action}`,\n          severity: \"success\",\n          display: \"transient\",\n        });\n      }\n    } catch (err) {\n      console.error(`error bulk ${bulkDialogState.action}ing requests:`, err);\n      setBulkDialogState((prev) => ({ ...prev, processing: false }));\n      const errorMessage = err instanceof Error ? err.message : \"unknown error occurred\";\n      alertApi.post({\n        message: `Failed to bulk ${bulkDialogState.action} API keys. ${errorMessage}`,\n        severity: \"error\",\n        display: \"transient\",\n      });\n    }\n  };\n\n  const formatDate = (dateString: string) => {\n    const date = new Date(dateString);\n    return date.toLocaleDateString(\"en-GB\", {\n      year: \"numeric\",\n      month: \"short\",\n      day: \"numeric\",\n    });\n  };\n\n  const columns: TableColumn<APIKey>[] = [\n    {\n      title: \"Requester\",\n      field: \"spec.requestedBy.userId\",\n      render: (row) => (\n        <Typography variant=\"body2\">{row.spec.requestedBy.userId}</Typography>\n      ),\n    },\n    {\n      title: \"API Product\",\n      field: \"spec.apiProductRef.name\",\n      render: (row) => {\n        const name = row.spec.apiProductRef?.name || \"unknown\";\n        return (\n          <Link to={`/catalog/default/api/${name}`}>\n            <strong>{name}</strong>\n          </Link>\n        );\n      },\n    },\n    {\n      title: \"Status\",\n      field: \"status.phase\",\n      render: (row) => {\n        const phase = row.status?.phase || \"Pending\";\n        return (\n          <Chip label={phase} size=\"small\" style={getStatusChipStyle(phase)} />\n        );\n      },\n    },\n    {\n      title: \"Tier\",\n      field: \"spec.planTier\",\n      render: (row) => (\n        <Chip label={row.spec.planTier} size=\"small\" variant=\"outlined\" />\n      ),\n    },\n    {\n      title: \"Requested\",\n      field: \"metadata.creationTimestamp\",\n      render: (row) => (\n        <Typography variant=\"body2\">\n          {row.metadata.creationTimestamp\n            ? formatDate(row.metadata.creationTimestamp)\n            : \"-\"}\n        </Typography>\n      ),\n    },\n    {\n      title: \"Reviewed By\",\n      field: \"status.reviewedBy\",\n      render: (row) => {\n        if (!row.status?.reviewedBy)\n          return (\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              -\n            </Typography>\n          );\n        const reviewer = row.status.reviewedBy.replace(/^user:default\\//, \"\");\n        const isAutomatic = reviewer === \"system\";\n        return (\n          <Box>\n            <Typography variant=\"body2\">\n              {isAutomatic ? \"Automatic\" : reviewer}\n            </Typography>\n            {row.status.reviewedAt && (\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                {formatDate(row.status.reviewedAt)}\n              </Typography>\n            )}\n          </Box>\n        );\n      },\n    },\n    {\n      title: \"Actions\",\n      filtering: false,\n      render: (row) => {\n        const phase = row.status?.phase || \"Pending\";\n        if (phase !== \"Pending\") return null;\n\n        const apiProductKey = `${row.metadata.namespace}/${row.spec.apiProductRef?.name || \"unknown\"}`;\n        const ownsApiProduct =\n          value?.ownedApiProducts?.has(apiProductKey) ?? false;\n        const canUpdate =\n          canUpdateAllRequests || (canUpdateOwnRequests && ownsApiProduct);\n        if (!canUpdate) return null;\n\n        return (\n          <Box display=\"flex\" style={{ gap: 8 }}>\n            <Button\n              size=\"small\"\n              startIcon={<CheckCircleIcon />}\n              onClick={() => handleApprove(row)}\n              color=\"primary\"\n              variant=\"outlined\"\n            >\n              Approve\n            </Button>\n            <Button\n              size=\"small\"\n              startIcon={<CancelIcon />}\n              onClick={() => handleReject(row)}\n              color=\"secondary\"\n              variant=\"outlined\"\n            >\n              Reject\n            </Button>\n          </Box>\n        );\n      },\n    },\n  ];\n\n  const detailPanelConfig = useMemo(\n    () => [\n      {\n        render: (data: any) => {\n          const request = data.rowData as APIKey;\n          if (!request?.metadata?.name) {\n            return <Box />;\n          }\n          return <ExpandedRowContent request={request} />;\n        },\n      },\n    ],\n    [],\n  );\n\n  if (loading || updatePermissionLoading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (updatePermissionError) {\n    return (\n      <Box p={2}>\n        <Typography color=\"error\">\n          Unable to check permissions: {updatePermissionError.message}\n        </Typography>\n      </Box>\n    );\n  }\n\n  const canSelectRows = canUpdateAllRequests || canUpdateOwnRequests;\n\n  return (\n    <>\n      <Box className={classes.container}>\n        <FilterPanel\n          sections={filterSections}\n          filters={filters}\n          onChange={setFilters}\n        />\n        <Box className={classes.tableContainer}>\n          {selectedRequests.length > 0 && (\n            <Box className={classes.bulkActions}>\n              <Typography variant=\"body2\">\n                {selectedRequests.length} request\n                {selectedRequests.length !== 1 ? \"s\" : \"\"} selected\n              </Typography>\n              <Box display=\"flex\" style={{ gap: 8 }}>\n                <Button\n                  size=\"small\"\n                  variant=\"contained\"\n                  color=\"primary\"\n                  startIcon={<CheckCircleIcon />}\n                  onClick={handleBulkApprove}\n                >\n                  Approve Selected\n                </Button>\n                <Button\n                  size=\"small\"\n                  variant=\"contained\"\n                  color=\"secondary\"\n                  startIcon={<CancelIcon />}\n                  onClick={handleBulkReject}\n                >\n                  Reject Selected\n                </Button>\n              </Box>\n            </Box>\n          )}\n\n          {filteredRequests.length === 0 ? (\n            <Box p={4} textAlign=\"center\">\n              <Typography variant=\"body1\" color=\"textSecondary\">\n                {value?.allRequests?.length === 0\n                  ? \"No API keys found.\"\n                  : \"No API keys match the selected filters.\"}\n              </Typography>\n            </Box>\n          ) : (\n            <Table\n              options={{\n                selection: canSelectRows,\n                showSelectAllCheckbox: filteredRequests.some(\n                  (r: APIKey) =>\n                    !r.status?.phase || r.status.phase === \"Pending\",\n                ),\n                selectionProps: (row: APIKey) => ({\n                  disabled:\n                    row.status?.phase !== \"Pending\" &&\n                    row.status?.phase !== undefined,\n                }),\n                paging: filteredRequests.length > 10,\n                pageSize: 20,\n                search: true,\n                filtering: false,\n                debounceInterval: 300,\n                showTextRowsSelected: false,\n                toolbar: true,\n                emptyRowsWhenPaging: false,\n              }}\n              columns={columns}\n              data={filteredRequests.map((item: APIKey) => {\n                const isSelected = selectedRequests.some(\n                  (selected) =>\n                    selected.metadata.name === item.metadata.name &&\n                    selected.metadata.namespace === item.metadata.namespace,\n                );\n                return {\n                  ...item,\n                  id: item.metadata.name,\n                  tableData: { checked: isSelected },\n                };\n              })}\n              onSelectionChange={(rows) => {\n                // only allow selecting pending requests\n                const pendingOnly = (rows as APIKey[]).filter(\n                  (r) => !r.status?.phase || r.status.phase === \"Pending\",\n                );\n                setSelectedRequests(pendingOnly);\n              }}\n              detailPanel={detailPanelConfig}\n            />\n          )}\n        </Box>\n      </Box>\n\n      <ApprovalDialog\n        open={dialogState.open}\n        request={dialogState.request}\n        action={dialogState.action}\n        processing={dialogState.processing}\n        onClose={() =>\n          setDialogState({\n            open: false,\n            request: null,\n            action: \"approve\",\n            processing: false,\n          })\n        }\n        onConfirm={handleConfirm}\n      />\n      <BulkActionDialog\n        open={bulkDialogState.open}\n        requests={bulkDialogState.requests}\n        action={bulkDialogState.action}\n        processing={bulkDialogState.processing}\n        onClose={() =>\n          setBulkDialogState({\n            open: false,\n            requests: [],\n            action: \"approve\",\n            processing: false,\n          })\n        }\n        onConfirm={handleBulkConfirm}\n      />\n      <BulkAlertDialog\n        open={bulkAlertDialogState.open}\n        results={bulkAlertDialogState.results}\n        isApprove={bulkAlertDialogState.isApprove}\n        onClose={() =>\n          setBulkAlertDialogState({\n            open: false,\n            results: [],\n            isApprove: true,\n          })\n        }\n      />\n    </>\n  );\n};\n","import React, { useState } from 'react';\nimport { Box, Tabs, Tab } from '@material-ui/core';\nimport {\n  Header,\n  Page,\n  Content,\n  SupportButton,\n} from '@backstage/core-components';\nimport { PermissionGate } from '../PermissionGate';\nimport { MyApiKeysTable } from '../MyApiKeysTable';\nimport { ApprovalQueueTable } from '../ApprovalQueueTable';\nimport {\n  kuadrantApiKeyReadOwnPermission,\n  kuadrantApiKeyApprovePermission,\n} from '../../permissions';\nimport { useKuadrantPermission } from '../../utils/permissions';\n\nconst ApiKeysContent = () => {\n  const [selectedTab, setSelectedTab] = useState(0);\n\n  const {\n    allowed: canViewApprovalQueue,\n    loading: approvalQueuePermissionLoading,\n  } = useKuadrantPermission(kuadrantApiKeyApprovePermission);\n\n  const handleTabChange = (_event: React.ChangeEvent<{}>, newValue: number) => {\n    setSelectedTab(newValue);\n  };\n\n  return (\n    <Page themeId=\"tool\">\n      <Header title=\"API Keys\" subtitle=\"API keys management for Kubernetes\">\n        <SupportButton>Manage your API keys and access requests</SupportButton>\n      </Header>\n      <Content>\n        <Box mb={2}>\n          <Tabs\n            value={selectedTab}\n            onChange={handleTabChange}\n            indicatorColor=\"primary\"\n            textColor=\"primary\"\n          >\n            <Tab label=\"My API keys\" data-testid=\"my-api-keys-tab\" />\n            {!approvalQueuePermissionLoading && canViewApprovalQueue && (\n              <Tab label=\"API keys approval\" data-testid=\"api-keys-approval-tab\" />\n            )}\n          </Tabs>\n        </Box>\n\n        {selectedTab === 0 && <MyApiKeysTable />}\n        {selectedTab === 1 && canViewApprovalQueue && <ApprovalQueueTable />}\n      </Content>\n    </Page>\n  );\n};\n\nexport const ApiKeysPage = () => {\n  return (\n    <PermissionGate\n      permission={kuadrantApiKeyReadOwnPermission}\n      errorMessage=\"you don't have permission to view the API Keys page\"\n    >\n      <ApiKeysContent />\n    </PermissionGate>\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 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z\"\n}), 'ExpandLess');\n\nexports.default = _default;","\"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: \"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\"\n}), 'BrokenImage');\n\nexports.default = _default;","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","\"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: \"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\"\n}), 'Delete');\n\nexports.default = _default;","import { useApiHolder, configApiRef } from '@backstage/core-plugin-api';\nimport { coreComponentsTranslationRef } from '../translation.esm.js';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nconst useDefaultSupportConfig = () => {\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  return {\n    url: \"https://github.com/backstage/backstage/issues\",\n    items: [\n      {\n        title: t(\"supportConfig.default.title\"),\n        icon: \"warning\",\n        links: [\n          {\n            // TODO: Update to dedicated support page on backstage.io/docs\n            title: t(\"supportConfig.default.linkTitle\"),\n            url: \"https://github.com/backstage/backstage/blob/master/app-config.yaml\"\n          }\n        ]\n      }\n    ]\n  };\n};\nfunction useSupportConfig() {\n  const apiHolder = useApiHolder();\n  const config = apiHolder.get(configApiRef);\n  const supportConfig = config?.getOptionalConfig(\"app.support\");\n  const defaultSupportConfig = useDefaultSupportConfig();\n  if (!supportConfig) {\n    return defaultSupportConfig;\n  }\n  return {\n    url: supportConfig.getString(\"url\"),\n    items: supportConfig.getConfigArray(\"items\").flatMap((itemConf) => ({\n      title: itemConf.getString(\"title\"),\n      icon: itemConf.getOptionalString(\"icon\"),\n      links: (itemConf.getOptionalConfigArray(\"links\") ?? []).flatMap(\n        (linkConf) => ({\n          url: linkConf.getString(\"url\"),\n          title: linkConf.getOptionalString(\"title\") ?? \"\"\n        })\n      )\n    }))\n  };\n}\n\nexport { useSupportConfig };\n//# sourceMappingURL=useSupportConfig.esm.js.map\n","import { jsx } from 'react/jsx-runtime';\nimport { useApp } from '@backstage/core-plugin-api';\nimport MuiBrokenImageIcon from '@material-ui/icons/BrokenImage';\n\nfunction AppIcon(props) {\n  const { id: key, Fallback = MuiBrokenImageIcon, ...rest } = props;\n  const app = useApp();\n  const Icon = app.getSystemIcon(key) ?? Fallback;\n  return /* @__PURE__ */ jsx(Icon, { ...rest });\n}\nfunction BrokenImageIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"brokenImage\", ...props });\n}\nfunction CatalogIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"catalog\", ...props });\n}\nfunction ChatIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"chat\", ...props });\n}\nfunction DashboardIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"dashboard\", ...props });\n}\nfunction DocsIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"docs\", ...props });\n}\nfunction EmailIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"email\", ...props });\n}\nfunction GitHubIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"github\", ...props });\n}\nfunction GroupIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"group\", ...props });\n}\nfunction HelpIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"help\", ...props });\n}\nfunction UserIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"user\", ...props });\n}\nfunction WarningIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"warning\", ...props });\n}\nfunction StarIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"star\", ...props });\n}\nfunction UnstarredIcon(props) {\n  return /* @__PURE__ */ jsx(AppIcon, { id: \"unstarred\", ...props });\n}\n\nexport { AppIcon, BrokenImageIcon, CatalogIcon, ChatIcon, DashboardIcon, DocsIcon, EmailIcon, GitHubIcon, GroupIcon, HelpIcon, StarIcon, UnstarredIcon, UserIcon, WarningIcon };\n//# sourceMappingURL=icons.esm.js.map\n","import { jsxs, Fragment, jsx } from 'react/jsx-runtime';\nimport { useApi, configApiRef, useApp } from '@backstage/core-plugin-api';\nimport Box from '@material-ui/core/Box';\nimport Button from '@material-ui/core/Button';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport IconButton from '@material-ui/core/IconButton';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MenuList from '@material-ui/core/MenuList';\nimport Popover from '@material-ui/core/Popover';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport { useState, Children } from 'react';\nimport 'lodash';\nimport 'qs';\nimport 'react-router-dom';\nimport '@react-hookz/web';\nimport { useSupportConfig } from '../../hooks/useSupportConfig.esm.js';\nimport { HelpIcon } from '../../icons/icons.esm.js';\nimport { Link } from '../Link/Link.esm.js';\nimport { coreComponentsTranslationRef } from '../../translation.esm.js';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nconst useStyles = makeStyles(\n  {\n    popoverList: {\n      minWidth: 260,\n      maxWidth: 400\n    },\n    menuItem: {\n      whiteSpace: \"normal\"\n    }\n  },\n  { name: \"BackstageSupportButton\" }\n);\nconst SupportIcon = ({ icon }) => {\n  const app = useApp();\n  const Icon = icon ? app.getSystemIcon(icon) ?? HelpIcon : HelpIcon;\n  return /* @__PURE__ */ jsx(Icon, {});\n};\nconst SupportLink = ({ link }) => /* @__PURE__ */ jsx(Link, { to: link.url, children: link.title ?? link.url });\nconst SupportListItem = ({ item }) => {\n  return /* @__PURE__ */ jsxs(MenuItem, { button: false, children: [\n    /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(SupportIcon, { icon: item.icon }) }),\n    /* @__PURE__ */ jsx(\n      ListItemText,\n      {\n        primary: item.title,\n        secondary: item.links?.reduce(\n          (prev, link, idx) => [\n            ...prev,\n            idx > 0 && /* @__PURE__ */ jsx(\"br\", {}, idx),\n            /* @__PURE__ */ jsx(SupportLink, { link }, link.url)\n          ],\n          []\n        )\n      }\n    )\n  ] });\n};\nfunction SupportButton(props) {\n  const { t } = useTranslationRef(coreComponentsTranslationRef);\n  const { title, items, children } = props;\n  const { items: configItems } = useSupportConfig();\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [anchorEl, setAnchorEl] = useState(null);\n  const classes = useStyles();\n  const supportConfig = useApi(configApiRef).getOptionalConfig(\"app.support\");\n  const isSmallScreen = useMediaQuery(\n    (theme) => theme.breakpoints.down(\"sm\")\n  );\n  const onClickHandler = (event) => {\n    setAnchorEl(event.currentTarget);\n    setPopoverOpen(true);\n  };\n  const popoverCloseHandler = () => {\n    setPopoverOpen(false);\n  };\n  if (!supportConfig) {\n    return null;\n  }\n  return /* @__PURE__ */ jsxs(Fragment, { children: [\n    /* @__PURE__ */ jsx(Box, { display: \"flex\", ml: 1, children: isSmallScreen ? /* @__PURE__ */ jsx(\n      IconButton,\n      {\n        color: \"primary\",\n        size: \"small\",\n        onClick: onClickHandler,\n        \"data-testid\": \"support-button\",\n        \"aria-label\": \"Support\",\n        children: /* @__PURE__ */ jsx(HelpIcon, {})\n      }\n    ) : /* @__PURE__ */ jsx(\n      Button,\n      {\n        \"data-testid\": \"support-button\",\n        \"aria-label\": \"Support\",\n        color: \"primary\",\n        onClick: onClickHandler,\n        startIcon: /* @__PURE__ */ jsx(HelpIcon, {}),\n        children: t(\"supportButton.title\")\n      }\n    ) }),\n    /* @__PURE__ */ jsxs(\n      Popover,\n      {\n        \"data-testid\": \"support-button-popover\",\n        open: popoverOpen,\n        anchorEl,\n        anchorOrigin: {\n          vertical: \"bottom\",\n          horizontal: \"right\"\n        },\n        transformOrigin: {\n          vertical: \"top\",\n          horizontal: \"right\"\n        },\n        onClose: popoverCloseHandler,\n        children: [\n          /* @__PURE__ */ jsxs(\n            MenuList,\n            {\n              className: classes.popoverList,\n              autoFocusItem: Boolean(anchorEl),\n              children: [\n                title && /* @__PURE__ */ jsx(\n                  MenuItem,\n                  {\n                    button: false,\n                    alignItems: \"flex-start\",\n                    className: classes.menuItem,\n                    children: /* @__PURE__ */ jsx(Typography, { variant: \"subtitle1\", children: title })\n                  }\n                ),\n                Children.map(children, (child, i) => /* @__PURE__ */ jsx(\n                  MenuItem,\n                  {\n                    button: false,\n                    alignItems: \"flex-start\",\n                    className: classes.menuItem,\n                    children: child\n                  },\n                  `child-${i}`\n                )),\n                (items ?? configItems).map((item, i) => /* @__PURE__ */ jsx(SupportListItem, { item }, `item-${i}`))\n              ]\n            }\n          ),\n          /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(\n            Button,\n            {\n              color: \"primary\",\n              onClick: popoverCloseHandler,\n              \"aria-label\": \"Close\",\n              children: t(\"supportButton.close\")\n            }\n          ) })\n        ]\n      }\n    )\n  ] });\n}\n\nexport { SupportButton };\n//# sourceMappingURL=SupportButton.esm.js.map\n","import { CSSProperties } from \"react\";\n\n/**\n * Returns inline styles for API key status chips.\n * Uses inline styles to ensure proper specificity with Material-UI Chip.\n */\nexport const getStatusChipStyle = (phase: string): CSSProperties => {\n  const base = { border: \"none\" };\n  switch (phase) {\n    case \"Approved\":\n      return { ...base, backgroundColor: \"#4caf50\", color: \"#fff\" };\n    case \"Rejected\":\n      return { ...base, backgroundColor: \"#f44336\", color: \"#fff\" };\n    default:\n      return { ...base, backgroundColor: \"#ff9800\", color: \"#fff\" };\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;","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = require(\"tslib\");\nvar react_1 = require(\"react\");\nvar useAsyncFn_1 = tslib_1.__importDefault(require(\"./useAsyncFn\"));\nfunction useAsync(fn, deps) {\n    if (deps === void 0) { deps = []; }\n    var _a = useAsyncFn_1.default(fn, deps, {\n        loading: true,\n    }), state = _a[0], callback = _a[1];\n    react_1.useEffect(function () {\n        callback();\n    }, [callback]);\n    return state;\n}\nexports.default = useAsync;\n"],"names":["Object","defineProperty","exports","value","tslib_1","react_1","useMountedState_1","__importDefault","fn","deps","initialState","loading","lastCallId","useRef","isMounted","default","_a","useState","state","set","callback","useCallback","args","_i","arguments","length","callId","current","prevState","__assign","apply","then","error","mountedRef","get","useEffect","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","values","some","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","currentValues","newValues","v","handleCheckboxChange","label","undefined","container","minHeight","tableContainer","flex","overflow","useCasePanel","useCaseLabel","rejectedBanner","light","border","main","borderRadius","shape","gap","ExpandedRowContent","request","isRejected","status","phase","apiProductName","spec","apiProductRef","name","e","stopPropagation","WarningIcon","Link","to","useCase","MyApiKeysTable","deleteDialogState","navigate","useNavigate","config","useApi","configApiRef","fetchApi","fetchApiRef","alertApi","alertApiRef","backendUrl","getString","visibleKeys","setVisibleKeys","menuAnchor","setMenuAnchor","menuRequest","setMenuRequest","editDialogState","setEditDialogState","open","plans","refresh","setRefresh","deleting","setDeleting","setDeleteDialogState","apiKeyValues","setApiKeyValues","Map","apiKeyLoading","setApiKeyLoading","alreadyReadKeys","setAlreadyReadKeys","showOnceWarningOpen","setShowOnceWarningOpen","pendingKeyReveal","setPendingKeyReveal","optimisticallyDeleted","setOptimisticallyDeleted","setFilters","apiProduct","tier","data","useAsync","async","requestsResponse","productsResponse","Promise","all","fetch","ok","Error","requests","json","items","products","ownerMap","p","key","metadata","namespace","owner","annotations","allRequests","useMemo","r","filterSections","statusCounts","Approved","Pending","Rejected","apiProductCounts","tierCounts","planTier","Array","from","entries","charAt","toUpperCase","slice","filteredRequests","toggleKeyVisibility","keyName","newSet","handleMenuClose","handleEdit","apiProductNamespace","apiProductResponse","err","console","errorMessage","message","post","severity","handleDeleteClick","columns","field","render","row","strong","displayOwner","replace","Chip","style","getStatusChipStyle","filtering","hasSecretRef","secretRef","isVisible","isLoading","apiKeyValue","canReadSecret","isAlreadyRead","Tooltip","fontFamily","marginRight","VisibilityOffIcon","repeat","IconButton","navigator","clipboard","writeText","FileCopyIcon","requestNamespace","requestName","clearApiKeyValue","disabled","VisibilityIcon","creationTimestamp","date","Date","toLocaleDateString","CircularProgress","DeleteIcon","detailPanelConfig","rowData","Progress","ResponseErrorPanel","textAlign","Table","paging","pageSize","search","debounceInterval","toolbar","emptyRowsWhenPaging","item","detailPanel","Menu","Boolean","onClose","anchorReference","anchorPosition","top","left","push","MenuItem","EditAPIKeyDialog","availablePlans","onSuccess","ConfirmDeleteDialog","description","onConfirm","response","method","handleFetchError","onCancel","Dialog","maxWidth","DialogTitle","DialogContent","paragraph","DialogActions","result","apiKey","fetchApiKeyFromSecret","bulkActions","borderBottom","ApprovalDialog","action","processing","confirmInput","setConfirmInput","actionLabel","processingLabel","isReject","confirmText","requestedBy","userId","canConfirm","fullWidth","CancelIcon","component","whiteSpace","gutterBottom","TextField","target","autoFocus","placeholder","startIcon","BulkActionDialog","isApprove","maxHeight","bgcolor","useBulkAlertStyles","successSection","success","failureSection","warningSection","warning","statRow","errorList","listStyle","errorItem","errorName","wordBreak","expandButton","BulkAlertDialog","results","showErrors","setShowErrors","successResults","res","failedResults","hasPartialSuccess","CheckCircleIcon","ul","index","li","div","ApprovalQueueTable","identityApi","identityApiRef","selectedRequests","setSelectedRequests","dialogState","setDialogState","bulkDialogState","setBulkDialogState","bulkAlertDialogState","setBulkAlertDialogState","allowed","canUpdateAllRequests","updateAllPermissionLoading","updateAllPermissionError","useKuadrantPermission","kuadrantApiKeyUpdateAllPermission","canUpdateOwnRequests","updateOwnPermissionLoading","updateOwnPermissionError","kuadrantApiKeyUpdateOwnPermission","updatePermissionLoading","updatePermissionError","reviewedBy","getBackstageIdentity","userEntityRef","apiProductsResponse","ownedApiProducts","contentType","headers","apiProductsData","product","formatDate","dateString","year","month","day","reviewer","isAutomatic","reviewedAt","apiProductKey","ownsApiProduct","canSelectRows","selection","showSelectAllCheckbox","selectionProps","showTextRowsSelected","isSelected","selected","tableData","onSelectionChange","rows","pendingOnly","endpoint","body","JSON","stringify","bulkResponse","successfulItems","totalSuccess","ApiKeysContent","selectedTab","setSelectedTab","canViewApprovalQueue","approvalQueuePermissionLoading","kuadrantApiKeyApprovePermission","Page","themeId","Header","subtitle","SupportButton","Content","Tabs","_event","newValue","indicatorColor","textColor","Tab","data-testid","ApiKeysPage","PermissionGate","permission","kuadrantApiKeyReadOwnPermission","_interopRequireDefault","_interopRequireWildcard","_default","createElement","d","children","fallback","useDefaultSupportConfig","t","useTranslationRef","url","icon","links","AppIcon","props","Fallback","rest","Icon","useApp","getSystemIcon","jsx","HelpIcon","popoverList","menuItem","SupportIcon","app","SupportLink","link","SupportListItem","jsxs","button","ListItemIcon","ListItemText","primary","reduce","idx","configItems","useApiHolder","supportConfig","getOptionalConfig","defaultSupportConfig","getConfigArray","flatMap","itemConf","getOptionalString","getOptionalConfigArray","linkConf","useSupportConfig","popoverOpen","setPopoverOpen","anchorEl","setAnchorEl","isSmallScreen","useMediaQuery","breakpoints","down","onClickHandler","event","currentTarget","popoverCloseHandler","Fragment","ml","Popover","anchorOrigin","vertical","horizontal","transformOrigin","MenuList","autoFocusItem","Children","child","i","base","useAsyncFn_1"],"sourceRoot":""}