@kuadrant/kuadrant-backstage-plugin-frontend 0.0.2-dev-39963ad → 0.0.2-dev-30af554

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/components/ApiKeyManagementTab/ApiKeyManagementTab.esm.js +153 -39
  2. package/dist/components/ApiKeyManagementTab/ApiKeyManagementTab.esm.js.map +1 -1
  3. package/dist/components/ApiProductInfoCard/ApiProductInfoCard.esm.js +35 -4
  4. package/dist/components/ApiProductInfoCard/ApiProductInfoCard.esm.js.map +1 -1
  5. package/dist/components/ApprovalQueueCard/ApprovalQueueCard.esm.js +114 -32
  6. package/dist/components/ApprovalQueueCard/ApprovalQueueCard.esm.js.map +1 -1
  7. package/dist/components/EditAPIKeyRequestDialog/EditAPIKeyRequestDialog.esm.js +106 -0
  8. package/dist/components/EditAPIKeyRequestDialog/EditAPIKeyRequestDialog.esm.js.map +1 -0
  9. package/dist/components/EditAPIProductDialog/EditAPIProductDialog.esm.js +8 -2
  10. package/dist/components/EditAPIProductDialog/EditAPIProductDialog.esm.js.map +1 -1
  11. package/dist/components/KuadrantPage/KuadrantPage.esm.js +40 -9
  12. package/dist/components/KuadrantPage/KuadrantPage.esm.js.map +1 -1
  13. package/dist/components/MyApiKeysCard/MyApiKeysCard.esm.js +169 -11
  14. package/dist/components/MyApiKeysCard/MyApiKeysCard.esm.js.map +1 -1
  15. package/dist/index.d.ts +57 -7
  16. package/dist/index.esm.js +1 -1
  17. package/dist/permissions.esm.js +43 -13
  18. package/dist/permissions.esm.js.map +1 -1
  19. package/dist-scalprum/{internal.plugin-kuadrant.908832be3d1bbb2c9c5b.js → internal.plugin-kuadrant.86c50e4da6b961c623e9.js} +2 -2
  20. package/dist-scalprum/internal.plugin-kuadrant.86c50e4da6b961c623e9.js.map +1 -0
  21. package/dist-scalprum/plugin-manifest.json +2 -2
  22. package/dist-scalprum/static/2120.44884438.chunk.js +3 -0
  23. package/dist-scalprum/static/2120.44884438.chunk.js.LICENSE.txt +9 -0
  24. package/dist-scalprum/static/2120.44884438.chunk.js.map +1 -0
  25. package/dist-scalprum/static/4306.04dfa125.chunk.js +2 -0
  26. package/dist-scalprum/static/4306.04dfa125.chunk.js.map +1 -0
  27. package/dist-scalprum/static/4556.c6bedfc4.chunk.js +3 -0
  28. package/dist-scalprum/static/{4161.aa5fd28d.chunk.js.LICENSE.txt → 4556.c6bedfc4.chunk.js.LICENSE.txt} +0 -10
  29. package/dist-scalprum/static/4556.c6bedfc4.chunk.js.map +1 -0
  30. package/dist-scalprum/static/5453.ee6fb9af.chunk.js +2 -0
  31. package/dist-scalprum/static/5453.ee6fb9af.chunk.js.map +1 -0
  32. package/dist-scalprum/static/6281.14f57b13.chunk.js +2 -0
  33. package/dist-scalprum/static/6281.14f57b13.chunk.js.map +1 -0
  34. package/dist-scalprum/static/7632.646001ce.chunk.js +2 -0
  35. package/dist-scalprum/static/7632.646001ce.chunk.js.map +1 -0
  36. package/dist-scalprum/static/9555.59e77806.chunk.js +2 -0
  37. package/dist-scalprum/static/9555.59e77806.chunk.js.map +1 -0
  38. package/dist-scalprum/static/exposed-PluginRoot.9522bcfa.chunk.js +2 -0
  39. package/dist-scalprum/static/{exposed-PluginRoot.50e173c2.chunk.js.map → exposed-PluginRoot.9522bcfa.chunk.js.map} +1 -1
  40. package/package.json +1 -1
  41. package/dist-scalprum/internal.plugin-kuadrant.908832be3d1bbb2c9c5b.js.map +0 -1
  42. package/dist-scalprum/static/4161.aa5fd28d.chunk.js +0 -3
  43. package/dist-scalprum/static/4161.aa5fd28d.chunk.js.map +0 -1
  44. package/dist-scalprum/static/4306.133aa342.chunk.js +0 -2
  45. package/dist-scalprum/static/4306.133aa342.chunk.js.map +0 -1
  46. package/dist-scalprum/static/5453.d8d305e9.chunk.js +0 -2
  47. package/dist-scalprum/static/5453.d8d305e9.chunk.js.map +0 -1
  48. package/dist-scalprum/static/6281.29f4549b.chunk.js +0 -2
  49. package/dist-scalprum/static/6281.29f4549b.chunk.js.map +0 -1
  50. package/dist-scalprum/static/7632.26afde62.chunk.js +0 -2
  51. package/dist-scalprum/static/7632.26afde62.chunk.js.map +0 -1
  52. package/dist-scalprum/static/8617.d1dc70a8.chunk.js +0 -2
  53. package/dist-scalprum/static/8617.d1dc70a8.chunk.js.map +0 -1
  54. package/dist-scalprum/static/exposed-PluginRoot.50e173c2.chunk.js +0 -2
@@ -0,0 +1,2 @@
1
+ "use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[5453],{5030:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var a=n(85608),r=n(95478),i=a.__importDefault(n(10009));t.default=function(e,t,n){void 0===t&&(t=[]),void 0===n&&(n={loading:!1});var o=r.useRef(0),s=i.default(),l=r.useState(n),c=l[0],d=l[1],u=r.useCallback(function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var r=++o.current;return c.loading||d(function(e){return a.__assign(a.__assign({},e),{loading:!0})}),e.apply(void 0,t).then(function(e){return s()&&r===o.current&&d({value:e,loading:!1}),e},function(e){return s()&&r===o.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}},16400:(e,t,n)=>{n.d(t,{tN:()=>r}),n(31085),n(26659);var a=n(64218);function r(){const e=(0,a.useVersionedContext)("entity-context");if(!e)throw new Error("Entity context is not available");const t=e.atVersion(1);if(!t)throw new Error("EntityContext v1 not available");if(!t.entity)throw new Error("useEntity hook is being called outside of an EntityLayout where the entity has not been loaded. If this is intentional, please use useAsyncEntity instead.");return{entity:t.entity}}(0,a.createVersionedContext)("entity-context")},34955:(e,t,n)=>{n.d(t,{Al:()=>o,EM:()=>c,FL:()=>i,J:()=>r,KN:()=>p,OP:()=>u,R_:()=>d,SU:()=>h,TE:()=>m,U3:()=>s,ai:()=>f,jH:()=>y,uL:()=>A,v_:()=>l,vs:()=>x});var a=n(83572);(0,a.i)({name:"kuadrant.planpolicy.create",attributes:{action:"create"}}),(0,a.i)({name:"kuadrant.planpolicy.read",attributes:{action:"read"}}),(0,a.i)({name:"kuadrant.planpolicy.update",attributes:{action:"update"}}),(0,a.i)({name:"kuadrant.planpolicy.delete",attributes:{action:"delete"}});const r=(0,a.i)({name:"kuadrant.planpolicy.list",attributes:{action:"read"}}),i=(0,a.i)({name:"kuadrant.apiproduct.create",attributes:{action:"create"}}),o=((0,a.i)({name:"kuadrant.apiproduct.read.own",attributes:{action:"read"}}),(0,a.i)({name:"kuadrant.apiproduct.read.all",attributes:{action:"read"}})),s=(0,a.i)({name:"kuadrant.apiproduct.update.own",attributes:{action:"update"}}),l=(0,a.i)({name:"kuadrant.apiproduct.update.all",attributes:{action:"update"}}),c=(0,a.i)({name:"kuadrant.apiproduct.delete.own",attributes:{action:"delete"}}),d=(0,a.i)({name:"kuadrant.apiproduct.delete.all",attributes:{action:"delete"}}),u=(0,a.i)({name:"kuadrant.apiproduct.list",attributes:{action:"read"}}),p=(0,a.i)({name:"kuadrant.apikeyrequest.create",attributes:{action:"create"},resourceType:"apiproduct"}),h=(0,a.i)({name:"kuadrant.apikeyrequest.read.own",attributes:{action:"read"}}),m=(0,a.i)({name:"kuadrant.apikeyrequest.read.all",attributes:{action:"read"}}),x=(0,a.i)({name:"kuadrant.apikeyrequest.update.own",attributes:{action:"update"}}),f=(0,a.i)({name:"kuadrant.apikeyrequest.update.all",attributes:{action:"update"}}),A=((0,a.i)({name:"kuadrant.apikeyrequest.delete.own",attributes:{action:"delete"}}),(0,a.i)({name:"kuadrant.apikeyrequest.delete.all",attributes:{action:"delete"}}),(0,a.i)({name:"kuadrant.apikeyrequest.list",attributes:{action:"read"}}),(0,a.i)({name:"kuadrant.apikey.read.own",attributes:{action:"read"}}),(0,a.i)({name:"kuadrant.apikey.read.all",attributes:{action:"read"}}),(0,a.i)({name:"kuadrant.apikey.delete.own",attributes:{action:"delete"}})),y=(0,a.i)({name:"kuadrant.apikey.delete.all",attributes:{action:"delete"}})},37725:(e,t,n)=>{n.d(t,{N_:()=>g});var a=n(31085),r=n(22097),i=n(49203),o=n(37976),s=n(72501),l=n(53373),c=n.n(l),d=n(45250),u=n(95478),p=n(42469),h=n(39330);const m=(0,o.makeStyles)(e=>({visuallyHidden:{clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",position:"absolute",userSelect:"none",whiteSpace:"nowrap",height:1,width:1},externalLink:{position:"relative"},externalLinkIcon:{verticalAlign:"bottom",marginLeft:e.spacing(.5)}}),{name:"Link"}),x=()=>{const e=(0,r.useApp)().getSystemIcon("externalLink")||h.A,t=m();return(0,a.jsx)(e,{className:t.externalLinkIcon})},f=e=>/^([a-z+.-]+):/.test(e),A=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*\:/i,y=window.open;if(y&&!y.__backstage){const e=function(...e){const t=String(e[0]);if(A.test(t))throw new Error("Rejected window.open() with a javascript: URL as a security precaution");return y.apply(this,e)};e.__backstage=!0,window.open=e}const j=e=>e instanceof Array?e.map(j).join(" ").trim():"object"==typeof e&&e?j(e?.props?.children):["string","number"].includes(typeof e)?String(e):"",g=(0,u.forwardRef)(({onClick:e,noTrack:t,externalLinkIcon:n,...o},l)=>{const u=m(),h=(0,r.useAnalytics)(),y=function(){const[e]=(0,p.createRoutesFromChildren)((0,a.jsx)(p.Route,{index:!0,element:(0,a.jsx)("div",{})}));return!e.index}()?(e=>{let t=String(e);const n=(()=>{const e=(()=>{try{return(0,r.useApi)(r.configApiRef).getOptionalString("app.baseUrl")}catch{return}})()??"/",{pathname:t}=new URL(e,"http://sample.dev");return(0,d.trimEnd)(t,"/")})(),a=f(t),i=t.startsWith(n);return a||i||(t=n.concat(t)),t})(o.to):o.to,g=j(o.children)||y,v=f(y),k=v&&!!/^https?:/.exec(y);if(A.test(y))throw new Error("Link component rejected javascript: URL as a security precaution");const b=n=>{e?.(n),t||h.captureEvent("click",g,{attributes:{to:y}})};return v?(0,a.jsxs)(i.A,{...k?{target:"_blank",rel:"noopener"}:{},...o,...o["aria-label"]?{"aria-label":`${o["aria-label"]}, Opens in a new window`}:{},ref:l,href:y,onClick:b,className:c()(u.externalLink,o.className),children:[o.children,n&&(0,a.jsx)(x,{}),(0,a.jsx)(s.A,{component:"span",className:u.visuallyHidden,children:", Opens in a new window"})]}):(0,a.jsx)(i.A,{...o,ref:l,component:p.Link,to:y,onClick:b})})},39330:(e,t,n)=>{var a=n(4293),r=n(78920);t.A=void 0;var i=r(n(95478)),o=(0,a(n(74044)).default)(i.createElement("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"}),"OpenInNew");t.A=o},46205:(e,t,n)=>{n.d(t,{W:()=>i,l:()=>r});var a=n(87421);function r(e,t){const n="resourceType"in e?{permission:e,resourceRef:t}:{permission:e},r=(0,a.J)(n);return{allowed:r.allowed,loading:r.loading,error:r.error}}function i(e,t,n,a){return!!a||!(!n||e!==t)}},52235:(e,t,n)=>{var a=n(4293),r=n(78920);t.A=void 0;var i=r(n(95478)),o=(0,a(n(74044)).default)(i.createElement("path",{d:"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}),"ArrowForward");t.A=o},75453:(e,t,n)=>{n.r(t),n.d(t,{ApiProductInfoCard:()=>k});var a=n(31085),r=(n(95478),n(16400)),i=n(22097),o=n(96040),s=n(86687),l=n(42367),c=n(37725),d=n(72501),u=n(10394),p=n(42899),h=n(67720),m=n(61009),x=n(47625),f=n(9719),A=n(54801),y=n(13677),j=n(91638),g=n(46205),v=n(34955);const k=()=>{var e,t,n,k;const{entity:b}=(0,r.tN)(),w=(0,i.useApi)(i.configApiRef),P=(0,i.useApi)(i.fetchApiRef),I=(0,i.useApi)(i.identityApiRef),C=w.getString("backend.baseUrl"),{allowed:S,loading:_}=(0,g.l)(v.Al),N=null===(e=b.metadata.annotations)||void 0===e?void 0:e["kuadrant.io/namespace"],R=null===(t=b.metadata.annotations)||void 0===t?void 0:t["kuadrant.io/apiproduct"],{value:L}=(0,j.A)(async()=>(await I.getBackstageIdentity()).userEntityRef.split("/")[1]||"guest",[I]),{value:E,loading:T,error:B}=(0,j.A)(async()=>{if(!N||!R)return null;const e=await P.fetch(`${C}/api/kuadrant/apiproducts/${N}/${R}`);if(!e.ok){const t=await e.json();throw new Error(t.error||`Failed to fetch API product: ${e.status}`)}return await e.json()},[C,P,N,R]),M=null==E||null===(k=E.metadata)||void 0===k||null===(n=k.annotations)||void 0===n?void 0:n["backstage.io/owner"],O=null==M?void 0:M.split("/")[1],D=S||L&&O===L;if(!N||!R)return(0,a.jsx)(o.n,{title:"API Product Information",children:(0,a.jsx)(d.A,{children:"No APIProduct linked to this API entity"})});if(T||_)return(0,a.jsx)(o.n,{title:"API Product Information",children:(0,a.jsx)(s.k,{})});if(E&&!D)return(0,a.jsx)(o.n,{title:"API Product Information",children:(0,a.jsx)(u.A,{p:2,children:(0,a.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"You don't have permission to view this API product's details. Only the API owner or users with admin permissions can view this information."})})});if(B&&B.message.includes("you can only read your own"))return(0,a.jsx)(o.n,{title:"API Product Information",children:(0,a.jsx)(u.A,{p:2,children:(0,a.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"You don't have permission to view this API product's details. Only the API owner or users with admin permissions can view this information."})})});if(B)return(0,a.jsx)(o.n,{title:"API Product Information",children:(0,a.jsx)(l._,{error:B})});if(!E)return(0,a.jsx)(o.n,{title:"API Product Information",children:(0,a.jsx)(d.A,{children:"APIProduct not found"})});const{spec:q}=E;return(0,a.jsxs)(p.A,{container:!0,spacing:3,children:[(0,a.jsx)(p.A,{item:!0,xs:12,children:(0,a.jsx)(o.n,{title:"API Product Details",children:(0,a.jsxs)(u.A,{p:2,children:[(0,a.jsx)(d.A,{variant:"h6",gutterBottom:!0,children:q.displayName||R}),(0,a.jsx)(d.A,{variant:"body2",color:"textSecondary",paragraph:!0,children:q.description}),(0,a.jsxs)(u.A,{display:"flex",alignItems:"center",flexWrap:"wrap",style:{gap:8},children:[(0,a.jsxs)(d.A,{variant:"body2",children:[(0,a.jsx)("strong",{children:"Version:"})," ",q.version||"v1"]}),q.tags&&q.tags.length>0&&(0,a.jsx)(u.A,{display:"flex",ml:2,style:{gap:4},children:q.tags.map(e=>(0,a.jsx)(h.A,{label:e,size:"small"},e))})]}),(0,a.jsxs)(u.A,{mt:2,children:[(0,a.jsxs)(d.A,{variant:"body2",component:"div",children:[(0,a.jsx)("strong",{children:"Approval Mode:"})," ",(0,a.jsx)(h.A,{label:"automatic"===(q.approvalMode||"manual")?"Automatic":"Manual",size:"small",color:"automatic"===(q.approvalMode||"manual")?"primary":"default",style:{marginLeft:8}})]}),(0,a.jsx)(d.A,{variant:"caption",color:"textSecondary",style:{marginTop:4,display:"block"},children:"automatic"===(q.approvalMode||"manual")?"API keys are created immediately when requested":"API keys require manual approval before creation"})]})]})})}),q.plans&&q.plans.length>0&&(0,a.jsx)(p.A,{item:!0,xs:12,children:(0,a.jsxs)(o.n,{title:"Available Plans",children:[(0,a.jsxs)(m.A,{size:"small",children:[(0,a.jsx)(x.A,{children:(0,a.jsxs)(f.A,{children:[(0,a.jsx)(A.A,{children:"Tier"}),(0,a.jsx)(A.A,{children:"Description"}),(0,a.jsx)(A.A,{children:"Rate Limits"})]})}),(0,a.jsx)(y.A,{children:q.plans.map(e=>(0,a.jsxs)(f.A,{children:[(0,a.jsx)(A.A,{children:(0,a.jsx)(h.A,{label:e.tier,size:"small"})}),(0,a.jsx)(A.A,{children:e.description||"-"}),(0,a.jsx)(A.A,{children:e.limits&&Object.entries(e.limits).map(([e,t])=>(0,a.jsxs)(d.A,{variant:"body2",children:[String(t)," per ",e]},e))})]},e.tier))})]}),q.planPolicyRef&&(0,a.jsx)(u.A,{mt:2,children:(0,a.jsxs)(d.A,{variant:"caption",color:"textSecondary",children:["Managed by PlanPolicy: ",(0,a.jsx)("strong",{children:q.planPolicyRef.name})," (",q.planPolicyRef.namespace,")"]})})]})}),(0,a.jsx)(p.A,{item:!0,xs:12,md:6,children:(0,a.jsx)(o.n,{title:"Contact Information",children:q.contact?(0,a.jsx)(u.A,{p:2,children:(0,a.jsxs)(p.A,{container:!0,spacing:2,children:[q.contact.team&&(0,a.jsx)(p.A,{item:!0,xs:12,children:(0,a.jsxs)(d.A,{variant:"body2",children:[(0,a.jsx)("strong",{children:"Team:"})," ",q.contact.team]})}),q.contact.email&&(0,a.jsx)(p.A,{item:!0,xs:12,children:(0,a.jsxs)(d.A,{variant:"body2",children:[(0,a.jsx)("strong",{children:"Email:"})," ",(0,a.jsx)(c.N_,{to:`mailto:${q.contact.email}`,children:q.contact.email})]})}),q.contact.slack&&(0,a.jsx)(p.A,{item:!0,xs:12,children:(0,a.jsxs)(d.A,{variant:"body2",children:[(0,a.jsx)("strong",{children:"Slack:"})," ",q.contact.slack]})})]})}):(0,a.jsx)(u.A,{p:2,children:(0,a.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"No contact information available"})})})}),(0,a.jsx)(p.A,{item:!0,xs:12,md:6,children:(0,a.jsx)(o.n,{title:"Documentation",children:q.documentation?(0,a.jsx)(u.A,{p:2,children:(0,a.jsxs)(p.A,{container:!0,spacing:2,children:[q.documentation.docsURL&&(0,a.jsx)(p.A,{item:!0,xs:12,children:(0,a.jsxs)(d.A,{variant:"body2",children:[(0,a.jsx)("strong",{children:"Documentation:"})," ",(0,a.jsx)(c.N_,{to:q.documentation.docsURL,target:"_blank",children:"View Docs"})]})}),q.documentation.openAPISpec&&(0,a.jsx)(p.A,{item:!0,xs:12,children:(0,a.jsxs)(d.A,{variant:"body2",children:[(0,a.jsx)("strong",{children:"OpenAPI Spec:"})," ",(0,a.jsx)(c.N_,{to:q.documentation.openAPISpec,target:"_blank",children:"View Spec"})]})})]})}):(0,a.jsx)(u.A,{p:2,children:(0,a.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"No documentation links available"})})})})]})}},91638:(e,t,n)=>{var a=n(85608),r=n(95478),i=a.__importDefault(n(5030));t.A=function(e,t){void 0===t&&(t=[]);var n=i.default(e,t,{loading:!0}),a=n[0],o=n[1];return r.useEffect(function(){o()},[o]),a}},96040:(e,t,n)=>{n.d(t,{n:()=>N});var a=n(31085),r=n(40703),i=n(59469),o=n(48653),s=n(45685),l=n(37197),c=n(37976),d=n(53373),u=n.n(d),p=n(10394),h=n(72501),m=n(52235),x=n(37725);const f=(0,c.makeStyles)(e=>({root:{maxWidth:"fit-content",padding:e.spacing(2,2,2,2.5)},boxTitle:{margin:0,color:e.palette.textSubtle},arrow:{color:e.palette.textSubtle}}),{name:"BackstageBottomLink"});function A(e){const{link:t,title:n,onClick:r}=e,i=f();return(0,a.jsxs)(p.A,{children:[(0,a.jsx)(l.A,{}),(0,a.jsx)(x.N_,{to:t,onClick:r,underline:"none",children:(0,a.jsxs)(p.A,{display:"flex",alignItems:"center",className:i.root,children:[(0,a.jsx)(p.A,{className:i.boxTitle,fontWeight:"fontWeightBold",m:1,children:(0,a.jsx)(h.A,{children:(0,a.jsx)("strong",{children:n})})}),(0,a.jsx)(m.A,{className:i.arrow})]})})]})}var y=n(95478),j=n(64947);const g=(0,y.forwardRef)((e,t)=>(0,a.jsx)(x.N_,{ref:t,...e,color:"initial"})),v=(0,y.forwardRef)((e,t)=>(0,a.jsx)(j.A,{ref:t,component:g,...e}));var k=n(34169),b=n(16098),w=n(67550);const P=e=>{const{slackChannel:t}=e,{t:n}=(0,w.i)(b.O);return t?"string"==typeof t?(0,a.jsx)(h.A,{children:n("errorBoundary.title",{slackChannel:t})}):t.href?(0,a.jsx)(v,{to:t.href,variant:"contained",children:t.name}):(0,a.jsx)(h.A,{children:n("errorBoundary.title",{slackChannel:t.name})}):null},I=class extends y.Component{constructor(e){super(e),this.state={error:void 0,errorInfo:void 0}}componentDidCatch(e,t){console.error(`ErrorBoundary, error: ${e}`,{error:e,errorInfo:t}),this.setState({error:e,errorInfo:t})}render(){const{slackChannel:e,children:t}=this.props,{error:n}=this.state;return n?(0,a.jsx)(k.b,{title:"Something Went Wrong",error:n,children:(0,a.jsx)(P,{slackChannel:e})}):t}},C=(0,c.makeStyles)(e=>({noPadding:{padding:0,"&:last-child":{paddingBottom:0}},contentAlignBottom:{display:"flex",alignItems:"self-end"},header:{padding:e.spacing(2,2,2,2.5)},headerTitle:{fontWeight:e.typography.fontWeightBold},headerSubheader:{paddingTop:e.spacing(1)},headerAvatar:{},headerAction:{},headerContent:{},subheader:{display:"flex"}}),{name:"BackstageInfoCard"}),S=(0,c.withStyles)(e=>({root:{display:"inline-block",padding:e.spacing(8,8,0,0),float:"right"}}),{name:"BackstageInfoCardCardActionsTopRight"})(i.A),_={card:{flex:{display:"flex",flexDirection:"column"},fullHeight:{display:"flex",flexDirection:"column",height:"100%"},gridItem:{display:"flex",flexDirection:"column",height:"calc(100% - 10px)",marginBottom:"10px",breakInside:"avoid-page","@media print":{height:"auto"}}},cardContent:{fullHeight:{flex:1},gridItem:{flex:1}}};function N(e){const{title:t,subheader:n,divider:c=!0,deepLink:d,slackChannel:p,errorBoundaryProps:h,variant:m,alignContent:x="normal",children:f,headerStyle:y,headerProps:j,icon:g,action:v,actionsClassName:k,actions:b,cardClassName:w,actionsTopRight:P,className:N,noPadding:R,titleTypographyProps:L,subheaderTypographyProps:E}=e,T=C();let B={},M={};m&&m.split(/[\s]+/g).forEach(e=>{B={...B,..._.card[e]},M={...M,..._.cardContent[e]}});const O=h||(p?{slackChannel:p}:{});return(0,a.jsx)(r.A,{style:B,className:N,children:(0,a.jsxs)(I,{...O,children:[t&&(0,a.jsx)(s.A,{classes:{root:u()(T.header),title:T.headerTitle,subheader:T.headerSubheader,avatar:T.headerAvatar,action:T.headerAction,content:T.headerContent},title:t,subheader:n||g?(0,a.jsxs)("div",{"data-testid":"info-card-subheader",children:[n&&(0,a.jsx)("div",{className:T.subheader,children:n}),g]}):null,action:v,style:{...y},titleTypographyProps:L,subheaderTypographyProps:E,...j}),P&&(0,a.jsx)(S,{children:P}),c&&(0,a.jsx)(l.A,{}),(0,a.jsx)(o.A,{className:u()(w,{[T.noPadding]:R,[T.contentAlignBottom]:"bottom"===x}),style:M,children:f}),b&&(0,a.jsx)(i.A,{className:k,children:b}),d&&(0,a.jsx)(A,{...d})]})})}}}]);
2
+ //# sourceMappingURL=5453.ee6fb9af.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"static/5453.ee6fb9af.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/../../node_modules/@backstage/plugin-catalog-react/dist/hooks/useEntity.esm.js","webpack://internal.plugin-kuadrant/./src/permissions.ts","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/components/Link/Link.esm.js","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/OpenInNew.js","webpack://internal.plugin-kuadrant/./src/utils/permissions.ts","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/ArrowForward.js","webpack://internal.plugin-kuadrant/./src/components/ApiProductInfoCard/ApiProductInfoCard.tsx","webpack://internal.plugin-kuadrant/../../node_modules/react-use/lib/useAsync.js","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/layout/BottomLink/BottomLink.esm.js","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/components/LinkButton/LinkButton.esm.js","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/layout/ErrorBoundary/ErrorBoundary.esm.js","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/layout/InfoCard/InfoCard.esm.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 { jsx } from 'react/jsx-runtime';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { AnalyticsContext } from '@backstage/core-plugin-api';\nimport { createVersionedContext, useVersionedContext, createVersionedValueMap } from '@backstage/version-bridge';\n\nconst NewEntityContext = createVersionedContext(\n \"entity-context\"\n);\nconst AsyncEntityProvider = (props) => {\n const { children, entity, loading, error, refresh } = props;\n const value = { entity, loading, error, refresh };\n return /* @__PURE__ */ jsx(NewEntityContext.Provider, { value: createVersionedValueMap({ 1: value }), children: /* @__PURE__ */ jsx(\n AnalyticsContext,\n {\n attributes: {\n ...entity ? { entityRef: stringifyEntityRef(entity) } : void 0\n },\n children\n }\n ) });\n};\nconst EntityProvider = (props) => /* @__PURE__ */ jsx(\n AsyncEntityProvider,\n {\n entity: props.entity,\n loading: !Boolean(props.entity),\n error: void 0,\n refresh: void 0,\n children: props.children\n }\n);\nfunction useEntity() {\n const versionedHolder = useVersionedContext(\n \"entity-context\"\n );\n if (!versionedHolder) {\n throw new Error(\"Entity context is not available\");\n }\n const value = versionedHolder.atVersion(1);\n if (!value) {\n throw new Error(\"EntityContext v1 not available\");\n }\n if (!value.entity) {\n throw new Error(\n \"useEntity hook is being called outside of an EntityLayout where the entity has not been loaded. If this is intentional, please use useAsyncEntity instead.\"\n );\n }\n return { entity: value.entity };\n}\nfunction useAsyncEntity() {\n const versionedHolder = useVersionedContext(\n \"entity-context\"\n );\n if (!versionedHolder) {\n throw new Error(\"Entity context is not available\");\n }\n const value = versionedHolder.atVersion(1);\n if (!value) {\n throw new Error(\"EntityContext v1 not available\");\n }\n const { entity, loading, error, refresh } = value;\n return { entity, loading, error, refresh };\n}\n\nexport { AsyncEntityProvider, EntityProvider, useAsyncEntity, useEntity };\n//# sourceMappingURL=useEntity.esm.js.map\n","import { createPermission } from '@backstage/plugin-permission-common';\n\n/**\n * permission definitions for the kuadrant plugin\n *\n * these permissions control access to kuadrant resources and operations.\n * they must match the permissions defined in the backend plugin.\n *\n * permission types:\n * - BasicPermission: standard permission that applies globally\n * - ResourcePermission: permission scoped to specific resource types (e.g., apiproduct)\n *\n * permission patterns:\n * - `.create` - create new resources\n * - `.read` - read resource details\n * - `.read.own` - read only resources owned by the user\n * - `.read.all` - read all resources regardless of ownership\n * - `.update` - modify existing resources\n * - `.delete` - delete resources\n * - `.delete.own` - delete only resources owned by the user\n * - `.delete.all` - delete any resource regardless of ownership\n * - `.list` - list/view collections of resources\n */\n\n// planpolicy permissions\nexport const kuadrantPlanPolicyCreatePermission = createPermission({\n name: 'kuadrant.planpolicy.create',\n attributes: { action: 'create' },\n});\n\nexport const kuadrantPlanPolicyReadPermission = createPermission({\n name: 'kuadrant.planpolicy.read',\n attributes: { action: 'read' },\n});\n\nexport const kuadrantPlanPolicyUpdatePermission = createPermission({\n name: 'kuadrant.planpolicy.update',\n attributes: { action: 'update' },\n});\n\nexport const kuadrantPlanPolicyDeletePermission = createPermission({\n name: 'kuadrant.planpolicy.delete',\n attributes: { action: 'delete' },\n});\n\nexport const kuadrantPlanPolicyListPermission = createPermission({\n name: 'kuadrant.planpolicy.list',\n attributes: { action: 'read' },\n});\n\n// apiproduct permissions\n\n/**\n * permission to create new API products\n * granted to api owners and admins\n */\nexport const kuadrantApiProductCreatePermission = createPermission({\n name: 'kuadrant.apiproduct.create',\n attributes: { action: 'create' },\n});\n\n/**\n * permission to read API products owned by the current user\n * for api owners to view their own products\n */\nexport const kuadrantApiProductReadOwnPermission = createPermission({\n name: 'kuadrant.apiproduct.read.own',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to read all API products regardless of ownership\n * for platform engineers/admins who need to view all products\n */\nexport const kuadrantApiProductReadAllPermission = createPermission({\n name: 'kuadrant.apiproduct.read.all',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to update API products owned by the current user\n * for api owners to modify their own products\n */\nexport const kuadrantApiProductUpdateOwnPermission = createPermission({\n name: 'kuadrant.apiproduct.update.own',\n attributes: { action: 'update' },\n});\n\n/**\n * permission to update any API product regardless of ownership\n * for platform engineers/admins\n */\nexport const kuadrantApiProductUpdateAllPermission = createPermission({\n name: 'kuadrant.apiproduct.update.all',\n attributes: { action: 'update' },\n});\n\n/**\n * permission to delete API products owned by the current user\n * for api owners to remove their own products\n */\nexport const kuadrantApiProductDeleteOwnPermission = createPermission({\n name: 'kuadrant.apiproduct.delete.own',\n attributes: { action: 'delete' },\n});\n\n/**\n * permission to delete any API product regardless of ownership\n * for platform engineers/admins\n */\nexport const kuadrantApiProductDeleteAllPermission = createPermission({\n name: 'kuadrant.apiproduct.delete.all',\n attributes: { action: 'delete' },\n});\n\n/**\n * permission to list API products\n * backend filters results based on .own vs .all read permissions\n */\nexport const kuadrantApiProductListPermission = createPermission({\n name: 'kuadrant.apiproduct.list',\n attributes: { action: 'read' },\n});\n\n// apikeyrequest permissions\n\n/**\n * permission to create API key requests\n *\n * this is a ResourcePermission scoped to 'apiproduct', allowing\n * fine-grained control over which API products users can request access to.\n *\n * use in frontend: useKuadrantPermission(kuadrantApiKeyRequestCreatePermission)\n * use in backend with resource: { permission, resourceRef: 'apiproduct:namespace/name' }\n */\nexport const kuadrantApiKeyRequestCreatePermission = createPermission({\n name: 'kuadrant.apikeyrequest.create',\n attributes: { action: 'create' },\n resourceType: 'apiproduct',\n});\n\n/**\n * permission to read API key requests created by the current user\n * use this for allowing users to see their own request history\n */\nexport const kuadrantApiKeyRequestReadOwnPermission = createPermission({\n name: 'kuadrant.apikeyrequest.read.own',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to read all API key requests regardless of who created them\n * use this for platform engineers/admins who need to view the approval queue\n */\nexport const kuadrantApiKeyRequestReadAllPermission = createPermission({\n name: 'kuadrant.apikeyrequest.read.all',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to update API key requests owned by the current user\n * allows users to edit their own pending requests (change plan tier, use case)\n */\nexport const kuadrantApiKeyRequestUpdateOwnPermission = createPermission({\n name: 'kuadrant.apikeyrequest.update.own',\n attributes: { action: 'update' },\n});\n\n/**\n * permission to update any API key request regardless of ownership\n * typically granted to API owners and platform engineers for approving/rejecting requests\n */\nexport const kuadrantApiKeyRequestUpdateAllPermission = createPermission({\n name: 'kuadrant.apikeyrequest.update.all',\n attributes: { action: 'update' },\n});\n\n/**\n * permission to delete API key requests created by the current user\n * allows users to cancel their own pending requests\n */\nexport const kuadrantApiKeyRequestDeleteOwnPermission = createPermission({\n name: 'kuadrant.apikeyrequest.delete.own',\n attributes: { action: 'delete' },\n});\n\n/**\n * permission to delete any API key request regardless of ownership\n * for platform engineers/admins\n */\nexport const kuadrantApiKeyRequestDeleteAllPermission = createPermission({\n name: 'kuadrant.apikeyrequest.delete.all',\n attributes: { action: 'delete' },\n});\n\nexport const kuadrantApiKeyRequestListPermission = createPermission({\n name: 'kuadrant.apikeyrequest.list',\n attributes: { action: 'read' },\n});\n\n// api key permissions\n\n/**\n * permission to read API keys owned by the current user\n * allows users to view their own active API keys\n */\nexport const kuadrantApiKeyReadOwnPermission = createPermission({\n name: 'kuadrant.apikey.read.own',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to read all API keys regardless of ownership\n * for platform engineers/admins who need to audit keys\n */\nexport const kuadrantApiKeyReadAllPermission = createPermission({\n name: 'kuadrant.apikey.read.all',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to delete API keys owned by the current user\n * allows users to revoke their own access\n */\nexport const kuadrantApiKeyDeleteOwnPermission = createPermission({\n name: 'kuadrant.apikey.delete.own',\n attributes: { action: 'delete' },\n});\n\n/**\n * permission to delete any API key regardless of ownership\n * for platform engineers/admins who need to revoke access\n */\nexport const kuadrantApiKeyDeleteAllPermission = createPermission({\n name: 'kuadrant.apikey.delete.all',\n attributes: { action: 'delete' },\n});\n\nexport const kuadrantPermissions = [\n kuadrantPlanPolicyCreatePermission,\n kuadrantPlanPolicyReadPermission,\n kuadrantPlanPolicyUpdatePermission,\n kuadrantPlanPolicyDeletePermission,\n kuadrantPlanPolicyListPermission,\n kuadrantApiProductCreatePermission,\n kuadrantApiProductReadOwnPermission,\n kuadrantApiProductReadAllPermission,\n kuadrantApiProductUpdateOwnPermission,\n kuadrantApiProductUpdateAllPermission,\n kuadrantApiProductDeleteOwnPermission,\n kuadrantApiProductDeleteAllPermission,\n kuadrantApiProductListPermission,\n kuadrantApiKeyRequestCreatePermission,\n kuadrantApiKeyRequestReadOwnPermission,\n kuadrantApiKeyRequestReadAllPermission,\n kuadrantApiKeyRequestUpdateOwnPermission,\n kuadrantApiKeyRequestUpdateAllPermission,\n kuadrantApiKeyRequestDeleteOwnPermission,\n kuadrantApiKeyRequestDeleteAllPermission,\n kuadrantApiKeyRequestListPermission,\n kuadrantApiKeyReadOwnPermission,\n kuadrantApiKeyReadAllPermission,\n kuadrantApiKeyDeleteOwnPermission,\n kuadrantApiKeyDeleteAllPermission,\n];\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { useAnalytics, useApp, useApi, configApiRef } from '@backstage/core-plugin-api';\nimport MaterialLink from '@material-ui/core/Link';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport classNames from 'classnames';\nimport { trimEnd } from 'lodash';\nimport { forwardRef } from 'react';\nimport { Link as Link$1, createRoutesFromChildren, Route } from 'react-router-dom';\nimport OpenInNew from '@material-ui/icons/OpenInNew';\n\nfunction isReactRouterBeta() {\n const [obj] = createRoutesFromChildren(/* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(\"div\", {}) }));\n return !obj.index;\n}\nconst useStyles = makeStyles(\n (theme) => ({\n visuallyHidden: {\n clip: \"rect(0 0 0 0)\",\n clipPath: \"inset(50%)\",\n overflow: \"hidden\",\n position: \"absolute\",\n userSelect: \"none\",\n whiteSpace: \"nowrap\",\n height: 1,\n width: 1\n },\n externalLink: {\n position: \"relative\"\n },\n externalLinkIcon: {\n verticalAlign: \"bottom\",\n marginLeft: theme.spacing(0.5)\n }\n }),\n { name: \"Link\" }\n);\nconst ExternalLinkIcon = () => {\n const app = useApp();\n const Icon = app.getSystemIcon(\"externalLink\") || OpenInNew;\n const classes = useStyles();\n return /* @__PURE__ */ jsx(Icon, { className: classes.externalLinkIcon });\n};\nconst isExternalUri = (uri) => /^([a-z+.-]+):/.test(uri);\nconst scriptProtocolPattern = (\n // eslint-disable-next-line no-control-regex\n /^[\\u0000-\\u001F ]*j[\\r\\n\\t]*a[\\r\\n\\t]*v[\\r\\n\\t]*a[\\r\\n\\t]*s[\\r\\n\\t]*c[\\r\\n\\t]*r[\\r\\n\\t]*i[\\r\\n\\t]*p[\\r\\n\\t]*t[\\r\\n\\t]*\\:/i\n);\nconst originalWindowOpen = window.open;\nif (originalWindowOpen && !originalWindowOpen.__backstage) {\n const newOpen = function open(...args) {\n const url = String(args[0]);\n if (scriptProtocolPattern.test(url)) {\n throw new Error(\n \"Rejected window.open() with a javascript: URL as a security precaution\"\n );\n }\n return originalWindowOpen.apply(this, args);\n };\n newOpen.__backstage = true;\n window.open = newOpen;\n}\nconst useBaseUrl = () => {\n try {\n const config = useApi(configApiRef);\n return config.getOptionalString(\"app.baseUrl\");\n } catch {\n return void 0;\n }\n};\nconst useBasePath = () => {\n const base = \"http://sample.dev\";\n const url = useBaseUrl() ?? \"/\";\n const { pathname } = new URL(url, base);\n return trimEnd(pathname, \"/\");\n};\nconst useResolvedPath = (uri) => {\n let resolvedPath = String(uri);\n const basePath = useBasePath();\n const external = isExternalUri(resolvedPath);\n const startsWithBasePath = resolvedPath.startsWith(basePath);\n if (!external && !startsWithBasePath) {\n resolvedPath = basePath.concat(resolvedPath);\n }\n return resolvedPath;\n};\nconst getNodeText = (node) => {\n if (node instanceof Array) {\n return node.map(getNodeText).join(\" \").trim();\n }\n if (typeof node === \"object\" && node) {\n return getNodeText(node?.props?.children);\n }\n if ([\"string\", \"number\"].includes(typeof node)) {\n return String(node);\n }\n return \"\";\n};\nconst Link = forwardRef(\n ({ onClick, noTrack, externalLinkIcon, ...props }, ref) => {\n const classes = useStyles();\n const analytics = useAnalytics();\n const to = isReactRouterBeta() ? useResolvedPath(props.to) : props.to;\n const linkText = getNodeText(props.children) || to;\n const external = isExternalUri(to);\n const newWindow = external && !!/^https?:/.exec(to);\n if (scriptProtocolPattern.test(to)) {\n throw new Error(\n \"Link component rejected javascript: URL as a security precaution\"\n );\n }\n const handleClick = (event) => {\n onClick?.(event);\n if (!noTrack) {\n analytics.captureEvent(\"click\", linkText, { attributes: { to } });\n }\n };\n return external ? (\n // External links\n /* @__PURE__ */ jsxs(\n MaterialLink,\n {\n ...newWindow ? { target: \"_blank\", rel: \"noopener\" } : {},\n ...props,\n ...props[\"aria-label\"] ? { \"aria-label\": `${props[\"aria-label\"]}, Opens in a new window` } : {},\n ref,\n href: to,\n onClick: handleClick,\n className: classNames(classes.externalLink, props.className),\n children: [\n props.children,\n externalLinkIcon && /* @__PURE__ */ jsx(ExternalLinkIcon, {}),\n /* @__PURE__ */ jsx(Typography, { component: \"span\", className: classes.visuallyHidden, children: \", Opens in a new window\" })\n ]\n }\n )\n ) : (\n // Interact with React Router for internal links\n /* @__PURE__ */ jsx(\n MaterialLink,\n {\n ...props,\n ref,\n component: Link$1,\n to,\n onClick: handleClick\n }\n )\n );\n }\n);\n\nexport { Link, isExternalUri, isReactRouterBeta, useResolvedPath };\n//# sourceMappingURL=Link.esm.js.map\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: \"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"\n}), 'OpenInNew');\n\nexports.default = _default;","import { usePermission } from '@backstage/plugin-permission-react';\nimport { Permission, ResourcePermission } from '@backstage/plugin-permission-common';\n\n/**\n * result of a permission check including error state\n */\nexport interface PermissionCheckResult {\n allowed: boolean;\n loading: boolean;\n error?: Error;\n}\n\n/**\n * custom hook for checking kuadrant permissions that handles both\n * BasicPermission and ResourcePermission types without type bypasses\n *\n * @param permission - the permission to check\n * @param resourceRef - optional resource reference for ResourcePermissions\n * @returns permission check result with error handling\n *\n * @example\n * // basic permission\n * const { allowed, loading, error } = useKuadrantPermission(\n * kuadrantApiProductListPermission\n * );\n *\n * @example\n * // resource permission\n * const { allowed, loading, error } = useKuadrantPermission(\n * kuadrantApiKeyRequestCreatePermission,\n * 'apiproduct:namespace/name'\n * );\n */\nexport function useKuadrantPermission(\n permission: Permission,\n resourceRef?: string,\n): PermissionCheckResult {\n // construct the permission request based on whether it's a ResourcePermission\n const permissionRequest = 'resourceType' in permission\n ? { permission: permission as ResourcePermission, resourceRef }\n : { permission };\n\n const result = usePermission(permissionRequest as any);\n\n return {\n allowed: result.allowed,\n loading: result.loading,\n error: result.error,\n };\n}\n\n/**\n * helper to determine if a user can delete a specific API key or request\n *\n * @param ownerId - the user id who owns the key/request\n * @param currentUserId - the current user's id\n * @param canDeleteOwn - whether user has permission to delete their own keys\n * @param canDeleteAll - whether user has permission to delete all keys\n * @returns true if user can delete this specific key/request\n */\nexport function canDeleteResource(\n ownerId: string,\n currentUserId: string,\n canDeleteOwn: boolean,\n canDeleteAll: boolean,\n): boolean {\n if (canDeleteAll) return true;\n if (canDeleteOwn && ownerId === currentUserId) return true;\n return false;\n}\n","\"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 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\n}), 'ArrowForward');\n\nexports.default = _default;","import React from 'react';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useApi, configApiRef, fetchApiRef, identityApiRef } from '@backstage/core-plugin-api';\nimport { InfoCard, Link, Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { Grid, Chip, Typography, Box, Table, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\nimport useAsync from 'react-use/lib/useAsync';\nimport { useKuadrantPermission } from '../../utils/permissions';\nimport { kuadrantApiProductReadAllPermission } from '../../permissions';\n\nexport const ApiProductInfoCard = () => {\n const { entity } = useEntity();\n const config = useApi(configApiRef);\n const fetchApi = useApi(fetchApiRef);\n const identityApi = useApi(identityApiRef);\n const backendUrl = config.getString('backend.baseUrl');\n\n const { allowed: canReadAll, loading: permLoading } = useKuadrantPermission(\n kuadrantApiProductReadAllPermission\n );\n\n const namespace = entity.metadata.annotations?.['kuadrant.io/namespace'];\n const apiProductName = entity.metadata.annotations?.['kuadrant.io/apiproduct'];\n\n const { value: currentUserId } = useAsync(async () => {\n const identity = await identityApi.getBackstageIdentity();\n return identity.userEntityRef.split('/')[1] || 'guest';\n }, [identityApi]);\n\n const { value: apiProduct, loading, error } = useAsync(async () => {\n if (!namespace || !apiProductName) {\n return null;\n }\n\n const response = await fetchApi.fetch(\n `${backendUrl}/api/kuadrant/apiproducts/${namespace}/${apiProductName}`\n );\n\n if (!response.ok) {\n const errorData = await response.json();\n throw new Error(errorData.error || `Failed to fetch API product: ${response.status}`);\n }\n\n return await response.json();\n }, [backendUrl, fetchApi, namespace, apiProductName]);\n\n // check if user has permission to view this api product\n const owner = apiProduct?.metadata?.annotations?.['backstage.io/owner'];\n const ownerUserId = owner?.split('/')[1]; // extract \"owner1\" from \"user:default/owner1\"\n const canView = canReadAll || (currentUserId && ownerUserId === currentUserId);\n\n if (!namespace || !apiProductName) {\n return (\n <InfoCard title=\"API Product Information\">\n <Typography>No APIProduct linked to this API entity</Typography>\n </InfoCard>\n );\n }\n\n if (loading || permLoading) {\n return (\n <InfoCard title=\"API Product Information\">\n <Progress />\n </InfoCard>\n );\n }\n\n // show permission message if user doesn't have permission\n if (apiProduct && !canView) {\n return (\n <InfoCard title=\"API Product Information\">\n <Box p={2}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n You don't have permission to view this API product's details. Only the API owner or users with admin permissions can view this information.\n </Typography>\n </Box>\n </InfoCard>\n );\n }\n\n // also show permission message if we got a permission error from the backend\n if (error && error.message.includes('you can only read your own')) {\n return (\n <InfoCard title=\"API Product Information\">\n <Box p={2}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n You don't have permission to view this API product's details. Only the API owner or users with admin permissions can view this information.\n </Typography>\n </Box>\n </InfoCard>\n );\n }\n\n if (error) {\n return (\n <InfoCard title=\"API Product Information\">\n <ResponseErrorPanel error={error} />\n </InfoCard>\n );\n }\n\n if (!apiProduct) {\n return (\n <InfoCard title=\"API Product Information\">\n <Typography>APIProduct not found</Typography>\n </InfoCard>\n );\n }\n\n const { spec } = apiProduct;\n\n return (\n <Grid container spacing={3}>\n <Grid item xs={12}>\n <InfoCard title=\"API Product Details\">\n <Box p={2}>\n <Typography variant=\"h6\" gutterBottom>\n {spec.displayName || apiProductName}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n {spec.description}\n </Typography>\n <Box display=\"flex\" alignItems=\"center\" flexWrap=\"wrap\" style={{ gap: 8 }}>\n <Typography variant=\"body2\">\n <strong>Version:</strong> {spec.version || 'v1'}\n </Typography>\n {spec.tags && spec.tags.length > 0 && (\n <Box display=\"flex\" ml={2} style={{ gap: 4 }}>\n {spec.tags.map((tag: string) => (\n <Chip key={tag} label={tag} size=\"small\" />\n ))}\n </Box>\n )}\n </Box>\n <Box mt={2}>\n <Typography variant=\"body2\" component=\"div\">\n <strong>Approval Mode:</strong>{' '}\n <Chip\n label={(spec.approvalMode || 'manual') === 'automatic' ? 'Automatic' : 'Manual'}\n size=\"small\"\n color={(spec.approvalMode || 'manual') === 'automatic' ? 'primary' : 'default'}\n style={{ marginLeft: 8 }}\n />\n </Typography>\n <Typography variant=\"caption\" color=\"textSecondary\" style={{ marginTop: 4, display: 'block' }}>\n {(spec.approvalMode || 'manual') === 'automatic'\n ? 'API keys are created immediately when requested'\n : 'API keys require manual approval before creation'}\n </Typography>\n </Box>\n </Box>\n </InfoCard>\n </Grid>\n\n {spec.plans && spec.plans.length > 0 && (\n <Grid item xs={12}>\n <InfoCard title=\"Available Plans\">\n <Table size=\"small\">\n <TableHead>\n <TableRow>\n <TableCell>Tier</TableCell>\n <TableCell>Description</TableCell>\n <TableCell>Rate Limits</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {spec.plans.map((plan: any) => (\n <TableRow key={plan.tier}>\n <TableCell>\n <Chip\n label={plan.tier}\n size=\"small\"\n />\n </TableCell>\n <TableCell>{plan.description || '-'}</TableCell>\n <TableCell>\n {plan.limits && Object.entries(plan.limits).map(([key, value]) => (\n <Typography key={key} variant=\"body2\">\n {String(value)} per {key}\n </Typography>\n ))}\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n {spec.planPolicyRef && (\n <Box mt={2}>\n <Typography variant=\"caption\" color=\"textSecondary\">\n Managed by PlanPolicy: <strong>{spec.planPolicyRef.name}</strong> ({spec.planPolicyRef.namespace})\n </Typography>\n </Box>\n )}\n </InfoCard>\n </Grid>\n )}\n\n <Grid item xs={12} md={6}>\n <InfoCard title=\"Contact Information\">\n {spec.contact ? (\n <Box p={2}>\n <Grid container spacing={2}>\n {spec.contact.team && (\n <Grid item xs={12}>\n <Typography variant=\"body2\">\n <strong>Team:</strong> {spec.contact.team}\n </Typography>\n </Grid>\n )}\n {spec.contact.email && (\n <Grid item xs={12}>\n <Typography variant=\"body2\">\n <strong>Email:</strong> <Link to={`mailto:${spec.contact.email}`}>{spec.contact.email}</Link>\n </Typography>\n </Grid>\n )}\n {spec.contact.slack && (\n <Grid item xs={12}>\n <Typography variant=\"body2\">\n <strong>Slack:</strong> {spec.contact.slack}\n </Typography>\n </Grid>\n )}\n </Grid>\n </Box>\n ) : (\n <Box p={2}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n No contact information available\n </Typography>\n </Box>\n )}\n </InfoCard>\n </Grid>\n\n <Grid item xs={12} md={6}>\n <InfoCard title=\"Documentation\">\n {spec.documentation ? (\n <Box p={2}>\n <Grid container spacing={2}>\n {spec.documentation.docsURL && (\n <Grid item xs={12}>\n <Typography variant=\"body2\">\n <strong>Documentation:</strong>{' '}\n <Link to={spec.documentation.docsURL} target=\"_blank\">\n View Docs\n </Link>\n </Typography>\n </Grid>\n )}\n {spec.documentation.openAPISpec && (\n <Grid item xs={12}>\n <Typography variant=\"body2\">\n <strong>OpenAPI Spec:</strong>{' '}\n <Link to={spec.documentation.openAPISpec} target=\"_blank\">\n View Spec\n </Link>\n </Typography>\n </Grid>\n )}\n </Grid>\n </Box>\n ) : (\n <Box p={2}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n No documentation links available\n </Typography>\n </Box>\n )}\n </InfoCard>\n </Grid>\n </Grid>\n );\n};\n","\"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","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Box from '@material-ui/core/Box';\nimport Divider from '@material-ui/core/Divider';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ArrowIcon from '@material-ui/icons/ArrowForward';\nimport { Link } from '../../components/Link/Link.esm.js';\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n maxWidth: \"fit-content\",\n padding: theme.spacing(2, 2, 2, 2.5)\n },\n boxTitle: {\n margin: 0,\n color: theme.palette.textSubtle\n },\n arrow: {\n color: theme.palette.textSubtle\n }\n }),\n { name: \"BackstageBottomLink\" }\n);\nfunction BottomLink(props) {\n const { link, title, onClick } = props;\n const classes = useStyles();\n return /* @__PURE__ */ jsxs(Box, { children: [\n /* @__PURE__ */ jsx(Divider, {}),\n /* @__PURE__ */ jsx(Link, { to: link, onClick, underline: \"none\", children: /* @__PURE__ */ jsxs(Box, { display: \"flex\", alignItems: \"center\", className: classes.root, children: [\n /* @__PURE__ */ jsx(Box, { className: classes.boxTitle, fontWeight: \"fontWeightBold\", m: 1, children: /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(\"strong\", { children: title }) }) }),\n /* @__PURE__ */ jsx(ArrowIcon, { className: classes.arrow })\n ] }) })\n ] });\n}\n\nexport { BottomLink };\n//# sourceMappingURL=BottomLink.esm.js.map\n","import { jsx } from 'react/jsx-runtime';\nimport Button$1 from '@material-ui/core/Button';\nimport { forwardRef } from 'react';\nimport { Link } from '../Link/Link.esm.js';\n\nconst LinkWrapper = forwardRef((props, ref) => /* @__PURE__ */ jsx(Link, { ref, ...props, color: \"initial\" }));\nconst LinkButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(Button$1, { ref, component: LinkWrapper, ...props }));\nconst Button = LinkButton;\n\nexport { Button, LinkButton };\n//# sourceMappingURL=LinkButton.esm.js.map\n","import { jsx } from 'react/jsx-runtime';\nimport Typography from '@material-ui/core/Typography';\nimport { Component } from 'react';\nimport { LinkButton } from '../../components/LinkButton/LinkButton.esm.js';\nimport { ErrorPanel } from '../../components/ErrorPanel/ErrorPanel.esm.js';\nimport { coreComponentsTranslationRef } from '../../translation.esm.js';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nconst SlackLink = (props) => {\n const { slackChannel } = props;\n const { t } = useTranslationRef(coreComponentsTranslationRef);\n if (!slackChannel) {\n return null;\n } else if (typeof slackChannel === \"string\") {\n return /* @__PURE__ */ jsx(Typography, { children: t(\"errorBoundary.title\", { slackChannel }) });\n } else if (!slackChannel.href) {\n return /* @__PURE__ */ jsx(Typography, { children: t(\"errorBoundary.title\", {\n slackChannel: slackChannel.name\n }) });\n }\n return /* @__PURE__ */ jsx(LinkButton, { to: slackChannel.href, variant: \"contained\", children: slackChannel.name });\n};\nconst ErrorBoundary = class ErrorBoundary2 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n error: void 0,\n errorInfo: void 0\n };\n }\n componentDidCatch(error, errorInfo) {\n console.error(`ErrorBoundary, error: ${error}`, { error, errorInfo });\n this.setState({ error, errorInfo });\n }\n render() {\n const { slackChannel, children } = this.props;\n const { error } = this.state;\n if (!error) {\n return children;\n }\n return /* @__PURE__ */ jsx(ErrorPanel, { title: \"Something Went Wrong\", error, children: /* @__PURE__ */ jsx(SlackLink, { slackChannel }) });\n }\n};\n\nexport { ErrorBoundary };\n//# sourceMappingURL=ErrorBoundary.esm.js.map\n","import { jsx, jsxs } from 'react/jsx-runtime';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Divider from '@material-ui/core/Divider';\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { BottomLink } from '../BottomLink/BottomLink.esm.js';\nimport { ErrorBoundary } from '../ErrorBoundary/ErrorBoundary.esm.js';\n\nconst useStyles = makeStyles(\n (theme) => ({\n noPadding: {\n padding: 0,\n \"&:last-child\": {\n paddingBottom: 0\n }\n },\n contentAlignBottom: {\n display: \"flex\",\n alignItems: \"self-end\"\n },\n header: {\n padding: theme.spacing(2, 2, 2, 2.5)\n },\n headerTitle: {\n fontWeight: theme.typography.fontWeightBold\n },\n headerSubheader: {\n paddingTop: theme.spacing(1)\n },\n headerAvatar: {},\n headerAction: {},\n headerContent: {},\n subheader: {\n display: \"flex\"\n }\n }),\n { name: \"BackstageInfoCard\" }\n);\nconst CardActionsTopRight = withStyles(\n (theme) => ({\n root: {\n display: \"inline-block\",\n padding: theme.spacing(8, 8, 0, 0),\n float: \"right\"\n }\n }),\n { name: \"BackstageInfoCardCardActionsTopRight\" }\n)(CardActions);\nconst VARIANT_STYLES = {\n card: {\n flex: {\n display: \"flex\",\n flexDirection: \"column\"\n },\n fullHeight: {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\"\n },\n gridItem: {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"calc(100% - 10px)\",\n // for pages without content header\n marginBottom: \"10px\",\n breakInside: \"avoid-page\",\n \"@media print\": {\n height: \"auto\"\n }\n }\n },\n cardContent: {\n fullHeight: {\n flex: 1\n },\n gridItem: {\n flex: 1\n }\n }\n};\nfunction InfoCard(props) {\n const {\n title,\n subheader,\n divider = true,\n deepLink,\n slackChannel,\n errorBoundaryProps,\n variant,\n alignContent = \"normal\",\n children,\n headerStyle,\n headerProps,\n icon,\n action,\n actionsClassName,\n actions,\n cardClassName,\n actionsTopRight,\n className,\n noPadding,\n titleTypographyProps,\n subheaderTypographyProps\n } = props;\n const classes = useStyles();\n let calculatedStyle = {};\n let calculatedCardStyle = {};\n if (variant) {\n const variants = variant.split(/[\\s]+/g);\n variants.forEach((name) => {\n calculatedStyle = {\n ...calculatedStyle,\n ...VARIANT_STYLES.card[name]\n };\n calculatedCardStyle = {\n ...calculatedCardStyle,\n ...VARIANT_STYLES.cardContent[name]\n };\n });\n }\n const cardSubTitle = () => {\n if (!subheader && !icon) {\n return null;\n }\n return /* @__PURE__ */ jsxs(\"div\", { \"data-testid\": \"info-card-subheader\", children: [\n subheader && /* @__PURE__ */ jsx(\"div\", { className: classes.subheader, children: subheader }),\n icon\n ] });\n };\n const errProps = errorBoundaryProps || (slackChannel ? { slackChannel } : {});\n return /* @__PURE__ */ jsx(Card, { style: calculatedStyle, className, children: /* @__PURE__ */ jsxs(ErrorBoundary, { ...errProps, children: [\n title && /* @__PURE__ */ jsx(\n CardHeader,\n {\n classes: {\n root: classNames(classes.header),\n title: classes.headerTitle,\n subheader: classes.headerSubheader,\n avatar: classes.headerAvatar,\n action: classes.headerAction,\n content: classes.headerContent\n },\n title,\n subheader: cardSubTitle(),\n action,\n style: { ...headerStyle },\n titleTypographyProps,\n subheaderTypographyProps,\n ...headerProps\n }\n ),\n actionsTopRight && /* @__PURE__ */ jsx(CardActionsTopRight, { children: actionsTopRight }),\n divider && /* @__PURE__ */ jsx(Divider, {}),\n /* @__PURE__ */ jsx(\n CardContent,\n {\n className: classNames(cardClassName, {\n [classes.noPadding]: noPadding,\n [classes.contentAlignBottom]: alignContent === \"bottom\"\n }),\n style: calculatedCardStyle,\n children\n }\n ),\n actions && /* @__PURE__ */ jsx(CardActions, { className: actionsClassName, children: actions }),\n deepLink && /* @__PURE__ */ jsx(BottomLink, { ...deepLink })\n ] }) });\n}\n\nexport { InfoCard };\n//# sourceMappingURL=InfoCard.esm.js.map\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","useEntity","versionedHolder","useVersionedContext","Error","atVersion","entity","createVersionedContext","createPermission","name","attributes","action","kuadrantPlanPolicyListPermission","kuadrantApiProductCreatePermission","kuadrantApiProductReadAllPermission","kuadrantApiProductUpdateOwnPermission","kuadrantApiProductUpdateAllPermission","kuadrantApiProductDeleteOwnPermission","kuadrantApiProductDeleteAllPermission","kuadrantApiProductListPermission","kuadrantApiKeyRequestCreatePermission","resourceType","kuadrantApiKeyRequestReadOwnPermission","kuadrantApiKeyRequestReadAllPermission","kuadrantApiKeyRequestUpdateOwnPermission","kuadrantApiKeyRequestUpdateAllPermission","kuadrantApiKeyDeleteOwnPermission","kuadrantApiKeyDeleteAllPermission","useStyles","makeStyles","theme","visuallyHidden","clip","clipPath","overflow","position","userSelect","whiteSpace","height","width","externalLink","externalLinkIcon","verticalAlign","marginLeft","spacing","ExternalLinkIcon","Icon","useApp","getSystemIcon","classes","jsx","className","isExternalUri","uri","test","scriptProtocolPattern","originalWindowOpen","window","open","__backstage","newOpen","url","String","this","getNodeText","node","Array","map","join","trim","props","children","includes","Link","forwardRef","onClick","noTrack","ref","analytics","useAnalytics","to","obj","createRoutesFromChildren","Route","index","element","isReactRouterBeta","resolvedPath","basePath","useApi","configApiRef","getOptionalString","useBaseUrl","pathname","URL","trimEnd","useBasePath","external","startsWithBasePath","startsWith","concat","useResolvedPath","linkText","newWindow","exec","handleClick","event","captureEvent","jsxs","target","rel","href","component","_interopRequireDefault","_interopRequireWildcard","React","_default","createElement","d","useKuadrantPermission","permission","resourceRef","permissionRequest","result","usePermission","allowed","canDeleteResource","ownerId","currentUserId","canDeleteOwn","canDeleteAll","ApiProductInfoCard","apiProduct","config","fetchApi","fetchApiRef","identityApi","identityApiRef","backendUrl","getString","canReadAll","permLoading","namespace","metadata","annotations","apiProductName","useAsync","async","getBackstageIdentity","userEntityRef","split","response","fetch","ok","errorData","json","status","owner","ownerUserId","canView","InfoCard","title","Typography","Progress","Box","p","variant","color","message","ResponseErrorPanel","spec","Grid","container","item","xs","gutterBottom","displayName","paragraph","description","display","alignItems","flexWrap","style","gap","strong","version","tags","ml","tag","Chip","label","size","mt","approvalMode","marginTop","plans","Table","TableHead","TableRow","TableCell","TableBody","plan","tier","limits","entries","key","planPolicyRef","md","contact","team","email","slack","documentation","docsURL","openAPISpec","useAsyncFn_1","root","maxWidth","padding","boxTitle","margin","palette","textSubtle","arrow","BottomLink","link","Divider","underline","fontWeight","m","A","LinkWrapper","LinkButton","Button","SlackLink","slackChannel","t","ErrorBoundary","Component","constructor","super","errorInfo","componentDidCatch","console","setState","render","noPadding","paddingBottom","contentAlignBottom","header","headerTitle","typography","fontWeightBold","headerSubheader","paddingTop","headerAvatar","headerAction","headerContent","subheader","CardActionsTopRight","withStyles","float","CardActions","VARIANT_STYLES","card","flex","flexDirection","fullHeight","gridItem","marginBottom","breakInside","cardContent","divider","deepLink","errorBoundaryProps","alignContent","headerStyle","headerProps","icon","actionsClassName","actions","cardClassName","actionsTopRight","titleTypographyProps","subheaderTypographyProps","calculatedStyle","calculatedCardStyle","forEach","errProps","Card","CardHeader","avatar","content","CardContent"],"sourceRoot":""}
@@ -0,0 +1,2 @@
1
+ "use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[6281],{16281:(e,t,a)=>{a.d(t,{d:()=>P});var r=a(31085),n=a(95478),s=a(22097),i=a(35015),l=a(42367),d=a(86687),o=a(25010),c=a(96040),p=a(34955),u=a(46205),m=a(76891),h=a(61477),v=a(46805),A=a(10394),j=a(72501),y=a(16249),x=a(93453),g=a(64947),b=a(67720),f=a(71677),q=a(31653),k=a(38605),w=a(8973),C=a(29655),R=a(91567),N=a(55429),S=a(92399),B=a(6924);const $=({open:e,request:t,action:a,onClose:s,onConfirm:i})=>{const[l,d]=(0,n.useState)("");return(0,n.useEffect)(()=>{e||d("")},[e]),(0,r.jsxs)(m.A,{open:e,onClose:s,maxWidth:"sm",fullWidth:!0,children:[(0,r.jsxs)(h.A,{children:["approve"===a?"Approve":"Reject"," API Key Request"]}),(0,r.jsx)(v.A,{children:t&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("p",{children:[(0,r.jsx)("strong",{children:"User:"})," ",t.spec.requestedBy.userId]}),(0,r.jsxs)("p",{children:[(0,r.jsx)("strong",{children:"API:"})," ",t.spec.apiName]}),(0,r.jsxs)("p",{children:[(0,r.jsx)("strong",{children:"Plan:"})," ",t.spec.planTier]}),(0,r.jsxs)(A.A,{mb:2,children:[(0,r.jsx)(j.A,{variant:"body2",component:"span",style:{fontWeight:"bold"},children:"Use Case:"})," ",(0,r.jsx)(j.A,{variant:"body2",component:"span",style:{whiteSpace:"pre-wrap"},children:t.spec.useCase||"-"})]}),(0,r.jsx)(y.A,{label:"Comment (optional)",multiline:!0,rows:3,fullWidth:!0,margin:"normal",value:l,onChange:e=>d(e.target.value)})]})}),(0,r.jsxs)(x.A,{children:[(0,r.jsx)(g.A,{onClick:s,children:"Cancel"}),(0,r.jsx)(g.A,{onClick:()=>{i(l),s()},color:"approve"===a?"primary":"secondary",variant:"contained",children:"approve"===a?"Approve":"Reject"})]})]})},I=({open:e,requests:t,action:a,onClose:s,onConfirm:i})=>{const[l,d]=(0,n.useState)("");(0,n.useEffect)(()=>{e||d("")},[e]);const o="approve"===a;return(0,r.jsxs)(m.A,{open:e,onClose:s,maxWidth:"md",fullWidth:!0,children:[(0,r.jsxs)(h.A,{children:[o?"Approve":"Reject"," ",t.length," API Key Requests"]}),(0,r.jsxs)(v.A,{children:[(0,r.jsxs)(j.A,{variant:"body2",paragraph:!0,children:["You are about to ",o?"approve":"reject"," the following requests:"]}),(0,r.jsx)(A.A,{mb:2,maxHeight:200,overflow:"auto",children:t.map(e=>(0,r.jsx)(A.A,{mb:1,p:1,bgcolor:"background.default",children:(0,r.jsxs)(j.A,{variant:"body2",children:[(0,r.jsx)("strong",{children:e.spec.requestedBy.userId})," - ",e.spec.apiName," (",e.spec.planTier,")"]})},`${e.metadata.namespace}/${e.metadata.name}`))}),(0,r.jsx)(y.A,{label:"Comment (optional)",multiline:!0,fullWidth:!0,margin:"normal",value:l,onChange:e=>d(e.target.value),helperText:`This comment will be applied to all ${o?"approved":"rejected"} requests`})]}),(0,r.jsxs)(x.A,{children:[(0,r.jsx)(g.A,{onClick:s,children:"Cancel"}),(0,r.jsx)(g.A,{onClick:()=>{i(l),s()},color:o?"primary":"secondary",variant:"contained",children:o?"Approve All":"Reject All"})]})]})},P=()=>{const e=(0,s.useApi)(s.configApiRef),t=(0,s.useApi)(s.fetchApiRef),a=(0,s.useApi)(s.identityApiRef),m=e.getString("backend.baseUrl"),[h,v]=(0,n.useState)(0),[y,x]=(0,n.useState)(0),[P,T]=(0,n.useState)([]),[U,W]=(0,n.useState)({open:!1,request:null,action:"approve"}),[z,E]=(0,n.useState)({open:!1,requests:[],action:"approve"}),{allowed:O,loading:_,error:Q}=(0,u.l)(p.ai),{allowed:J,loading:D,error:F}=(0,u.l)(p.vs),K=O||J,L=_||D,M=Q||F,{value:H,loading:G,error:X}=(0,i.A)(async()=>{const e=(await a.getBackstageIdentity()).userEntityRef;console.log("ApprovalQueueCard: fetching all requests from",`${m}/api/kuadrant/requests`);const r=await t.fetch(`${m}/api/kuadrant/requests`);if(!r.ok)return console.log("ApprovalQueueCard: failed to fetch requests, status:",r.status),{pending:[],approved:[],rejected:[],reviewedBy:e};const n=r.headers.get("content-type");if(!n||!n.includes("application/json"))return console.log("ApprovalQueueCard: received non-json response"),{pending:[],approved:[],rejected:[],reviewedBy:e};const s=(await r.json()).items||[];console.log("ApprovalQueueCard: received",s.length,"total requests"),console.log("ApprovalQueueCard: raw requests:",s);const i=s.filter(e=>{var t;return"Pending"===((null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending")}),l=s.filter(e=>{var t;return"Approved"===(null===(t=e.status)||void 0===t?void 0:t.phase)}),d=s.filter(e=>{var t;return"Rejected"===(null===(t=e.status)||void 0===t?void 0:t.phase)});return console.log("ApprovalQueueCard: grouped -",{pending:i.length,approved:l.length,rejected:d.length}),{pending:i,approved:l,rejected:d,reviewedBy:e}},[m,t,a,h]);if(G||L)return(0,r.jsx)(d.k,{});if(X)return(0,r.jsx)(l._,{error:X});if(M)return(0,r.jsxs)(A.A,{p:2,children:[(0,r.jsxs)(j.A,{color:"error",children:["Unable to check permissions: ",M.message]}),(0,r.jsx)(j.A,{variant:"body2",color:"textSecondary",children:"Permission: kuadrant.apikeyrequest.update.all"}),(0,r.jsx)(j.A,{variant:"body2",color:"textSecondary",children:"Please try again or contact your administrator"})]});const Y=(null==H?void 0:H.pending)||[],V=(null==H?void 0:H.approved)||[],Z=(null==H?void 0:H.rejected)||[],ee=e=>new Date(e).toLocaleDateString("en-GB",{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}),te=[{title:"Request Name",field:"metadata.name",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.metadata.name})},{title:"User",field:"spec.requestedBy.userId",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.spec.requestedBy.userId})},{title:"API",field:"spec.apiName",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:(0,r.jsx)("strong",{children:e.spec.apiName})})},{title:"Namespace",field:"spec.apiNamespace",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.spec.apiNamespace})},{title:"Plan",field:"spec.planTier",render:e=>(0,r.jsx)(b.A,{label:e.spec.planTier,size:"small"})},{title:"Use Case",field:"spec.useCase",render:e=>e.spec.useCase?(0,r.jsx)(f.Ay,{title:e.spec.useCase,placement:"top",children:(0,r.jsx)(j.A,{variant:"body2",style:{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.spec.useCase})}):(0,r.jsx)(j.A,{variant:"body2",children:"-"})},{title:"Requested",field:"spec.requestedAt",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.spec.requestedAt?ee(e.spec.requestedAt):"-"})},{title:"Actions",render:e=>K?(0,r.jsxs)(A.A,{display:"flex",style:{gap:8},children:[(0,r.jsx)(g.A,{size:"small",startIcon:(0,r.jsx)(N.A,{}),onClick:()=>{W({open:!0,request:e,action:"approve"})},color:"primary",variant:"outlined",children:"Approve"}),(0,r.jsx)(g.A,{size:"small",startIcon:(0,r.jsx)(S.A,{}),onClick:()=>{W({open:!0,request:e,action:"reject"})},color:"secondary",variant:"outlined",children:"Reject"})]}):null}],ae=[{title:"Request Name",field:"metadata.name",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.metadata.name})},{title:"User",field:"spec.requestedBy.userId",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.spec.requestedBy.userId})},{title:"API",field:"spec.apiName",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:(0,r.jsx)("strong",{children:e.spec.apiName})})},{title:"Namespace",field:"spec.apiNamespace",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.spec.apiNamespace})},{title:"Plan",field:"spec.planTier",render:e=>(0,r.jsx)(b.A,{label:e.spec.planTier,size:"small"})},{title:"Requested",field:"spec.requestedAt",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.spec.requestedAt?ee(e.spec.requestedAt):"-"})},{title:"Approved",field:"status.reviewedAt",render:e=>{var t;return(0,r.jsx)(j.A,{variant:"body2",children:(null===(t=e.status)||void 0===t?void 0:t.reviewedAt)?ee(e.status.reviewedAt):"-"})}},{title:"Reviewed By",field:"status.reviewedBy",render:e=>{var t;return(0,r.jsx)(j.A,{variant:"body2",children:(null===(t=e.status)||void 0===t?void 0:t.reviewedBy)||"-"})}},{title:"Approval Type",field:"status.reviewedBy",render:e=>{var t;const a="system"===(null===(t=e.status)||void 0===t?void 0:t.reviewedBy);return(0,r.jsx)(b.A,{label:a?"Automatic":"Manual",size:"small",color:a?"default":"primary"})}}],re=[{title:"Request Name",field:"metadata.name",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.metadata.name})},{title:"User",field:"spec.requestedBy.userId",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.spec.requestedBy.userId})},{title:"API",field:"spec.apiName",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:(0,r.jsx)("strong",{children:e.spec.apiName})})},{title:"Namespace",field:"spec.apiNamespace",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.spec.apiNamespace})},{title:"Plan",field:"spec.planTier",render:e=>(0,r.jsx)(b.A,{label:e.spec.planTier,size:"small"})},{title:"Requested",field:"spec.requestedAt",render:e=>(0,r.jsx)(j.A,{variant:"body2",children:e.spec.requestedAt?ee(e.spec.requestedAt):"-"})},{title:"Rejected",field:"status.reviewedAt",render:e=>{var t;return(0,r.jsx)(j.A,{variant:"body2",children:(null===(t=e.status)||void 0===t?void 0:t.reviewedAt)?ee(e.status.reviewedAt):"-"})}},{title:"Reviewed By",field:"status.reviewedBy",render:e=>{var t;return(0,r.jsx)(j.A,{variant:"body2",children:(null===(t=e.status)||void 0===t?void 0:t.reviewedBy)||"-"})}},{title:"Reason",field:"status.reason",render:e=>{var t;return(null===(t=e.status)||void 0===t?void 0:t.reason)?(0,r.jsx)(f.Ay,{title:e.status.reason,placement:"top",children:(0,r.jsx)(j.A,{variant:"body2",style:{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.status.reason})}):(0,r.jsx)(j.A,{variant:"body2",children:"-"})}}],ne=(()=>{const e=e=>e.map(e=>({...e,id:e.metadata.name}));switch(y){case 0:default:return{data:e(V),columns:ae,showSelection:!1};case 1:return{data:Y.map(e=>{const t=P.some(t=>t.metadata.name===e.metadata.name&&t.metadata.namespace===e.metadata.namespace);return{...e,tableData:{checked:t}}}),columns:te,showSelection:!0};case 2:return{data:e(Z),columns:re,showSelection:!1}}})(),se=(e=>{const t=new Map;return e.forEach(e=>{const a=e.spec.apiName;t.has(a)||t.set(a,[]),t.get(a).push(e)}),t})(ne.data),ie=Array.from(se.keys()).sort();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(c.n,{title:"API Access Requests",subheader:`${Y.length} pending, ${V.length} approved, ${Z.length} rejected`,children:[(0,r.jsx)(A.A,{mb:2,children:(0,r.jsxs)(q.A,{value:y,onChange:(e,t)=>{x(t),T([])},indicatorColor:"primary",textColor:"primary",children:[(0,r.jsx)(k.A,{label:`Approved (${V.length})`}),(0,r.jsx)(k.A,{label:`Pending (${Y.length})`}),(0,r.jsx)(k.A,{label:`Rejected (${Z.length})`})]})}),K&&1===y&&P.length>0&&(0,r.jsxs)(A.A,{mb:2,display:"flex",alignItems:"center",justifyContent:"space-between",p:2,bgcolor:"background.default",children:[(0,r.jsxs)(j.A,{variant:"body2",children:[P.length," request",1!==P.length?"s":""," selected"]}),(0,r.jsxs)(A.A,{display:"flex",style:{gap:8},children:[(0,r.jsx)(g.A,{size:"small",variant:"contained",color:"primary",startIcon:(0,r.jsx)(N.A,{}),onClick:()=>{0!==P.length&&E({open:!0,requests:P,action:"approve"})},children:"Approve Selected"}),(0,r.jsx)(g.A,{size:"small",variant:"contained",color:"secondary",startIcon:(0,r.jsx)(S.A,{}),onClick:()=>{0!==P.length&&E({open:!0,requests:P,action:"reject"})},children:"Reject Selected"})]})]}),0===ne.data.length?(0,r.jsx)(A.A,{p:3,textAlign:"center",children:(0,r.jsxs)(j.A,{variant:"body1",color:"textSecondary",children:[0===y&&"No approved requests.",1===y&&"No pending requests.",2===y&&"No rejected requests."]})}):(0,r.jsx)(A.A,{children:ie.map(e=>{const t=se.get(e)||[];return(0,r.jsxs)(w.A,{defaultExpanded:1===ie.length,children:[(0,r.jsx)(C.A,{expandIcon:(0,r.jsx)(B.A,{}),children:(0,r.jsxs)(A.A,{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",children:[(0,r.jsx)(j.A,{variant:"h6",children:e}),(0,r.jsx)(b.A,{label:`${t.length} request${1!==t.length?"s":""}`,size:"small",color:"primary",style:{marginRight:16}})]})}),(0,r.jsx)(R.A,{children:(0,r.jsx)(A.A,{width:"100%",children:(0,r.jsx)(o.X,{options:{selection:K&&ne.showSelection,paging:!1,search:!1,showTextRowsSelected:!1,toolbar:!1},data:t,columns:ne.columns,onSelectionChange:t=>{const a=P.filter(t=>t.spec.apiName!==e);T([...a,...t])}})})})]},e)})})]}),(0,r.jsx)($,{open:U.open,request:U.request,action:U.action,onClose:()=>W({open:!1,request:null,action:"approve"}),onConfirm:async e=>{if(!U.request||!H)return;const a="approve"===U.action?`${m}/api/kuadrant/requests/${U.request.metadata.namespace}/${U.request.metadata.name}/approve`:`${m}/api/kuadrant/requests/${U.request.metadata.namespace}/${U.request.metadata.name}/reject`;try{if(!(await t.fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({comment:e,reviewedBy:H.reviewedBy})})).ok)throw new Error(`failed to ${U.action} request`);W({open:!1,request:null,action:"approve"}),v(e=>e+1)}catch(e){console.error(`error ${U.action}ing request:`,e)}}}),(0,r.jsx)(I,{open:z.open,requests:z.requests,action:z.action,onClose:()=>E({open:!1,requests:[],action:"approve"}),onConfirm:async e=>{if(!H||0===z.requests.length)return;const a="approve"===z.action?`${m}/api/kuadrant/requests/bulk-approve`:`${m}/api/kuadrant/requests/bulk-reject`;try{if(!(await t.fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({requests:z.requests.map(e=>({namespace:e.metadata.namespace,name:e.metadata.name})),comment:e,reviewedBy:H.reviewedBy})})).ok)throw new Error(`failed to bulk ${z.action} requests`);E({open:!1,requests:[],action:"approve"}),T([]),v(e=>e+1)}catch(e){console.error(`error bulk ${z.action}ing requests:`,e)}}})]})}},34955:(e,t,a)=>{a.d(t,{Al:()=>i,EM:()=>o,FL:()=>s,J:()=>n,KN:()=>u,OP:()=>p,R_:()=>c,SU:()=>m,TE:()=>h,U3:()=>l,ai:()=>A,jH:()=>y,uL:()=>j,v_:()=>d,vs:()=>v});var r=a(83572);(0,r.i)({name:"kuadrant.planpolicy.create",attributes:{action:"create"}}),(0,r.i)({name:"kuadrant.planpolicy.read",attributes:{action:"read"}}),(0,r.i)({name:"kuadrant.planpolicy.update",attributes:{action:"update"}}),(0,r.i)({name:"kuadrant.planpolicy.delete",attributes:{action:"delete"}});const n=(0,r.i)({name:"kuadrant.planpolicy.list",attributes:{action:"read"}}),s=(0,r.i)({name:"kuadrant.apiproduct.create",attributes:{action:"create"}}),i=((0,r.i)({name:"kuadrant.apiproduct.read.own",attributes:{action:"read"}}),(0,r.i)({name:"kuadrant.apiproduct.read.all",attributes:{action:"read"}})),l=(0,r.i)({name:"kuadrant.apiproduct.update.own",attributes:{action:"update"}}),d=(0,r.i)({name:"kuadrant.apiproduct.update.all",attributes:{action:"update"}}),o=(0,r.i)({name:"kuadrant.apiproduct.delete.own",attributes:{action:"delete"}}),c=(0,r.i)({name:"kuadrant.apiproduct.delete.all",attributes:{action:"delete"}}),p=(0,r.i)({name:"kuadrant.apiproduct.list",attributes:{action:"read"}}),u=(0,r.i)({name:"kuadrant.apikeyrequest.create",attributes:{action:"create"},resourceType:"apiproduct"}),m=(0,r.i)({name:"kuadrant.apikeyrequest.read.own",attributes:{action:"read"}}),h=(0,r.i)({name:"kuadrant.apikeyrequest.read.all",attributes:{action:"read"}}),v=(0,r.i)({name:"kuadrant.apikeyrequest.update.own",attributes:{action:"update"}}),A=(0,r.i)({name:"kuadrant.apikeyrequest.update.all",attributes:{action:"update"}}),j=((0,r.i)({name:"kuadrant.apikeyrequest.delete.own",attributes:{action:"delete"}}),(0,r.i)({name:"kuadrant.apikeyrequest.delete.all",attributes:{action:"delete"}}),(0,r.i)({name:"kuadrant.apikeyrequest.list",attributes:{action:"read"}}),(0,r.i)({name:"kuadrant.apikey.read.own",attributes:{action:"read"}}),(0,r.i)({name:"kuadrant.apikey.read.all",attributes:{action:"read"}}),(0,r.i)({name:"kuadrant.apikey.delete.own",attributes:{action:"delete"}})),y=(0,r.i)({name:"kuadrant.apikey.delete.all",attributes:{action:"delete"}})},46205:(e,t,a)=>{a.d(t,{W:()=>s,l:()=>n});var r=a(87421);function n(e,t){const a="resourceType"in e?{permission:e,resourceRef:t}:{permission:e},n=(0,r.J)(a);return{allowed:n.allowed,loading:n.loading,error:n.error}}function s(e,t,a,r){return!!r||!(!a||e!==t)}}}]);
2
+ //# sourceMappingURL=6281.14f57b13.chunk.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"static/6281.14f57b13.chunk.js","mappings":"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","sources":["webpack://internal.plugin-kuadrant/./src/components/ApprovalQueueCard/ApprovalQueueCard.tsx","webpack://internal.plugin-kuadrant/./src/permissions.ts","webpack://internal.plugin-kuadrant/./src/utils/permissions.ts"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { useApi, fetchApiRef, identityApiRef, configApiRef } from '@backstage/core-plugin-api';\nimport { useAsync } from 'react-use';\nimport {\n Table,\n TableColumn,\n Progress,\n ResponseErrorPanel,\n InfoCard,\n} from '@backstage/core-components';\nimport { kuadrantApiKeyRequestUpdateAllPermission, kuadrantApiKeyRequestUpdateOwnPermission } from '../../permissions';\nimport { useKuadrantPermission } from '../../utils/permissions';\nimport {\n Button,\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n TextField,\n Chip,\n Typography,\n Box,\n Tabs,\n Tab,\n Tooltip,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n} from '@material-ui/core';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport CancelIcon from '@material-ui/icons/Cancel';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { APIKeyRequest } from '../../types/api-management';\n\ninterface ApprovalDialogProps {\n open: boolean;\n request: APIKeyRequest | null;\n action: 'approve' | 'reject';\n onClose: () => void;\n onConfirm: (comment: string) => void;\n}\n\nconst ApprovalDialog = ({ open, request, action, onClose, onConfirm }: ApprovalDialogProps) => {\n const [comment, setComment] = useState('');\n\n // reset comment when dialog closes\n useEffect(() => {\n if (!open) {\n setComment('');\n }\n }, [open]);\n\n const handleConfirm = () => {\n onConfirm(comment);\n onClose();\n };\n\n return (\n <Dialog open={open} onClose={onClose} maxWidth=\"sm\" fullWidth>\n <DialogTitle>\n {action === 'approve' ? 'Approve' : 'Reject'} API Key Request\n </DialogTitle>\n <DialogContent>\n {request && (\n <>\n <p><strong>User:</strong> {request.spec.requestedBy.userId}</p>\n <p><strong>API:</strong> {request.spec.apiName}</p>\n <p><strong>Plan:</strong> {request.spec.planTier}</p>\n <Box mb={2}>\n <Typography variant=\"body2\" component=\"span\" style={{ fontWeight: 'bold' }}>\n Use Case:\n </Typography>\n {' '}\n <Typography variant=\"body2\" component=\"span\" style={{ whiteSpace: 'pre-wrap' }}>\n {request.spec.useCase || '-'}\n </Typography>\n </Box>\n <TextField\n label=\"Comment (optional)\"\n multiline\n rows={3}\n fullWidth\n margin=\"normal\"\n value={comment}\n onChange={(e) => setComment(e.target.value)}\n />\n </>\n )}\n </DialogContent>\n <DialogActions>\n <Button onClick={onClose}>Cancel</Button>\n <Button\n onClick={handleConfirm}\n color={action === 'approve' ? 'primary' : 'secondary'}\n variant=\"contained\"\n >\n {action === 'approve' ? 'Approve' : 'Reject'}\n </Button>\n </DialogActions>\n </Dialog>\n );\n};\n\ninterface BulkActionDialogProps {\n open: boolean;\n requests: APIKeyRequest[];\n action: 'approve' | 'reject';\n onClose: () => void;\n onConfirm: (comment: string) => void;\n}\n\nconst BulkActionDialog = ({ open, requests, action, onClose, onConfirm }: BulkActionDialogProps) => {\n const [comment, setComment] = useState('');\n\n // reset comment when dialog closes\n useEffect(() => {\n if (!open) {\n setComment('');\n }\n }, [open]);\n\n const handleConfirm = () => {\n onConfirm(comment);\n onClose();\n };\n\n const isApprove = action === 'approve';\n\n return (\n <Dialog open={open} onClose={onClose} maxWidth=\"md\" fullWidth>\n <DialogTitle>\n {isApprove ? 'Approve' : 'Reject'} {requests.length} API Key Requests\n </DialogTitle>\n <DialogContent>\n <Typography variant=\"body2\" paragraph>\n You are about to {isApprove ? 'approve' : 'reject'} the following requests:\n </Typography>\n <Box mb={2} maxHeight={200} overflow=\"auto\">\n {requests.map(request => (\n <Box key={`${request.metadata.namespace}/${request.metadata.name}`} mb={1} p={1} bgcolor=\"background.default\">\n <Typography variant=\"body2\">\n <strong>{request.spec.requestedBy.userId}</strong> - {request.spec.apiName} ({request.spec.planTier})\n </Typography>\n </Box>\n ))}\n </Box>\n <TextField\n label=\"Comment (optional)\"\n multiline\n fullWidth\n margin=\"normal\"\n value={comment}\n onChange={(e) => setComment(e.target.value)}\n helperText={`This comment will be applied to all ${isApprove ? 'approved' : 'rejected'} requests`}\n />\n </DialogContent>\n <DialogActions>\n <Button onClick={onClose}>Cancel</Button>\n <Button\n onClick={handleConfirm}\n color={isApprove ? 'primary' : 'secondary'}\n variant=\"contained\"\n >\n {isApprove ? 'Approve All' : 'Reject All'}\n </Button>\n </DialogActions>\n </Dialog>\n );\n};\n\nexport const ApprovalQueueCard = () => {\n const config = useApi(configApiRef);\n const fetchApi = useApi(fetchApiRef);\n const identityApi = useApi(identityApiRef);\n const backendUrl = config.getString('backend.baseUrl');\n const [refresh, setRefresh] = useState(0);\n const [selectedTab, setSelectedTab] = useState(0);\n const [selectedRequests, setSelectedRequests] = useState<APIKeyRequest[]>([]);\n const [dialogState, setDialogState] = useState<{\n open: boolean;\n request: APIKeyRequest | null;\n action: 'approve' | 'reject';\n }>({\n open: false,\n request: null,\n action: 'approve',\n });\n const [bulkDialogState, setBulkDialogState] = useState<{\n open: boolean;\n requests: APIKeyRequest[];\n action: 'approve' | 'reject';\n }>({\n open: false,\n requests: [],\n action: 'approve',\n });\n\n const {\n allowed: canUpdateAllRequests,\n loading: updateAllPermissionLoading,\n error: updateAllPermissionError,\n } = useKuadrantPermission(kuadrantApiKeyRequestUpdateAllPermission);\n\n const {\n allowed: canUpdateOwnRequests,\n loading: updateOwnPermissionLoading,\n error: updateOwnPermissionError,\n } = useKuadrantPermission(kuadrantApiKeyRequestUpdateOwnPermission);\n\n const canUpdateRequests = canUpdateAllRequests || canUpdateOwnRequests;\n const updatePermissionLoading = updateAllPermissionLoading || updateOwnPermissionLoading;\n const updatePermissionError = updateAllPermissionError || updateOwnPermissionError;\n\n const { value, loading, error } = useAsync(async () => {\n const identity = await identityApi.getBackstageIdentity();\n const reviewedBy = identity.userEntityRef;\n\n console.log('ApprovalQueueCard: fetching all requests from', `${backendUrl}/api/kuadrant/requests`);\n\n const response = await fetchApi.fetch(\n `${backendUrl}/api/kuadrant/requests`\n );\n if (!response.ok) {\n console.log('ApprovalQueueCard: failed to fetch requests, status:', response.status);\n return { pending: [] as APIKeyRequest[], approved: [] as APIKeyRequest[], rejected: [] as APIKeyRequest[], reviewedBy };\n }\n\n // check content-type before parsing json\n const contentType = response.headers.get('content-type');\n if (!contentType || !contentType.includes('application/json')) {\n console.log('ApprovalQueueCard: received non-json response');\n return { pending: [] as APIKeyRequest[], approved: [] as APIKeyRequest[], rejected: [] as APIKeyRequest[], reviewedBy };\n }\n\n const data = await response.json();\n const allRequests = data.items || [];\n\n console.log('ApprovalQueueCard: received', allRequests.length, 'total requests');\n console.log('ApprovalQueueCard: raw requests:', allRequests);\n\n // group by status (field is 'phase' not 'status')\n const pending = allRequests.filter((r: APIKeyRequest) => {\n const phase = (r.status as any)?.phase || 'Pending';\n return phase === 'Pending';\n });\n const approved = allRequests.filter((r: APIKeyRequest) => {\n const phase = (r.status as any)?.phase;\n return phase === 'Approved';\n });\n const rejected = allRequests.filter((r: APIKeyRequest) => {\n const phase = (r.status as any)?.phase;\n return phase === 'Rejected';\n });\n\n console.log('ApprovalQueueCard: grouped -', {\n pending: pending.length,\n approved: approved.length,\n rejected: rejected.length,\n });\n\n return { pending, approved, rejected, reviewedBy };\n }, [backendUrl, fetchApi, identityApi, refresh]);\n\n const handleApprove = (request: APIKeyRequest) => {\n setDialogState({ open: true, request, action: 'approve' });\n };\n\n const handleReject = (request: APIKeyRequest) => {\n setDialogState({ open: true, request, action: 'reject' });\n };\n\n const handleConfirm = async (comment: string) => {\n if (!dialogState.request || !value) return;\n\n const endpoint = 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({\n comment,\n reviewedBy: value.reviewedBy,\n }),\n });\n\n if (!response.ok) {\n throw new Error(`failed to ${dialogState.action} request`);\n }\n\n setDialogState({ open: false, request: null, action: 'approve' });\n setRefresh(r => r + 1);\n } catch (err) {\n console.error(`error ${dialogState.action}ing request:`, err);\n }\n };\n\n const handleBulkApprove = () => {\n if (selectedRequests.length === 0) return;\n setBulkDialogState({ open: true, requests: selectedRequests, action: 'approve' });\n };\n\n const handleBulkReject = () => {\n if (selectedRequests.length === 0) return;\n setBulkDialogState({ open: true, requests: selectedRequests, action: 'reject' });\n };\n\n const handleBulkConfirm = async (comment: string) => {\n if (!value || bulkDialogState.requests.length === 0) return;\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 comment,\n reviewedBy: value.reviewedBy,\n }),\n });\n\n if (!response.ok) {\n throw new Error(`failed to bulk ${bulkDialogState.action} requests`);\n }\n\n setBulkDialogState({ open: false, requests: [], action: 'approve' });\n setSelectedRequests([]);\n setRefresh(r => r + 1);\n } catch (err) {\n console.error(`error bulk ${bulkDialogState.action}ing requests:`, err);\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 <Typography variant=\"body2\" color=\"textSecondary\">\n Permission: kuadrant.apikeyrequest.update.all\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n Please try again or contact your administrator\n </Typography>\n </Box>\n );\n }\n\n const pending = value?.pending || [];\n const approved = value?.approved || [];\n const rejected = value?.rejected || [];\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 hour: '2-digit',\n minute: '2-digit',\n });\n };\n\n const pendingColumns: TableColumn<APIKeyRequest>[] = [\n {\n title: 'Request Name',\n field: 'metadata.name',\n render: (row) => <Typography variant=\"body2\">{row.metadata.name}</Typography>,\n },\n {\n title: 'User',\n field: 'spec.requestedBy.userId',\n render: (row) => <Typography variant=\"body2\">{row.spec.requestedBy.userId}</Typography>,\n },\n {\n title: 'API',\n field: 'spec.apiName',\n render: (row) => <Typography variant=\"body2\"><strong>{row.spec.apiName}</strong></Typography>,\n },\n {\n title: 'Namespace',\n field: 'spec.apiNamespace',\n render: (row) => <Typography variant=\"body2\">{row.spec.apiNamespace}</Typography>,\n },\n {\n title: 'Plan',\n field: 'spec.planTier',\n render: (row) => (\n <Chip\n label={row.spec.planTier}\n size=\"small\"\n />\n ),\n },\n {\n title: 'Use Case',\n field: 'spec.useCase',\n render: (row) => {\n if (!row.spec.useCase) {\n return <Typography variant=\"body2\">-</Typography>;\n }\n return (\n <Tooltip title={row.spec.useCase} placement=\"top\">\n <Typography\n variant=\"body2\"\n style={{\n maxWidth: '200px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n }}\n >\n {row.spec.useCase}\n </Typography>\n </Tooltip>\n );\n },\n },\n {\n title: 'Requested',\n field: 'spec.requestedAt',\n render: (row) => (\n <Typography variant=\"body2\">\n {row.spec.requestedAt ? formatDate(row.spec.requestedAt) : '-'}\n </Typography>\n ),\n },\n {\n title: 'Actions',\n render: (row) => {\n if (!canUpdateRequests) return null;\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 approvedColumns: TableColumn<APIKeyRequest>[] = [\n {\n title: 'Request Name',\n field: 'metadata.name',\n render: (row) => <Typography variant=\"body2\">{row.metadata.name}</Typography>,\n },\n {\n title: 'User',\n field: 'spec.requestedBy.userId',\n render: (row) => <Typography variant=\"body2\">{row.spec.requestedBy.userId}</Typography>,\n },\n {\n title: 'API',\n field: 'spec.apiName',\n render: (row) => <Typography variant=\"body2\"><strong>{row.spec.apiName}</strong></Typography>,\n },\n {\n title: 'Namespace',\n field: 'spec.apiNamespace',\n render: (row) => <Typography variant=\"body2\">{row.spec.apiNamespace}</Typography>,\n },\n {\n title: 'Plan',\n field: 'spec.planTier',\n render: (row) => (\n <Chip\n label={row.spec.planTier}\n size=\"small\"\n />\n ),\n },\n {\n title: 'Requested',\n field: 'spec.requestedAt',\n render: (row) => (\n <Typography variant=\"body2\">\n {row.spec.requestedAt ? formatDate(row.spec.requestedAt) : '-'}\n </Typography>\n ),\n },\n {\n title: 'Approved',\n field: 'status.reviewedAt',\n render: (row) => (\n <Typography variant=\"body2\">\n {row.status?.reviewedAt ? formatDate(row.status.reviewedAt) : '-'}\n </Typography>\n ),\n },\n {\n title: 'Reviewed By',\n field: 'status.reviewedBy',\n render: (row) => (\n <Typography variant=\"body2\">\n {row.status?.reviewedBy || '-'}\n </Typography>\n ),\n },\n {\n title: 'Approval Type',\n field: 'status.reviewedBy',\n render: (row) => {\n const isAutomatic = row.status?.reviewedBy === 'system';\n return (\n <Chip\n label={isAutomatic ? 'Automatic' : 'Manual'}\n size=\"small\"\n color={isAutomatic ? 'default' : 'primary'}\n />\n );\n },\n },\n ];\n\n const rejectedColumns: TableColumn<APIKeyRequest>[] = [\n {\n title: 'Request Name',\n field: 'metadata.name',\n render: (row) => <Typography variant=\"body2\">{row.metadata.name}</Typography>,\n },\n {\n title: 'User',\n field: 'spec.requestedBy.userId',\n render: (row) => <Typography variant=\"body2\">{row.spec.requestedBy.userId}</Typography>,\n },\n {\n title: 'API',\n field: 'spec.apiName',\n render: (row) => <Typography variant=\"body2\"><strong>{row.spec.apiName}</strong></Typography>,\n },\n {\n title: 'Namespace',\n field: 'spec.apiNamespace',\n render: (row) => <Typography variant=\"body2\">{row.spec.apiNamespace}</Typography>,\n },\n {\n title: 'Plan',\n field: 'spec.planTier',\n render: (row) => (\n <Chip\n label={row.spec.planTier}\n size=\"small\"\n />\n ),\n },\n {\n title: 'Requested',\n field: 'spec.requestedAt',\n render: (row) => (\n <Typography variant=\"body2\">\n {row.spec.requestedAt ? formatDate(row.spec.requestedAt) : '-'}\n </Typography>\n ),\n },\n {\n title: 'Rejected',\n field: 'status.reviewedAt',\n render: (row) => (\n <Typography variant=\"body2\">\n {row.status?.reviewedAt ? formatDate(row.status.reviewedAt) : '-'}\n </Typography>\n ),\n },\n {\n title: 'Reviewed By',\n field: 'status.reviewedBy',\n render: (row) => (\n <Typography variant=\"body2\">\n {row.status?.reviewedBy || '-'}\n </Typography>\n ),\n },\n {\n title: 'Reason',\n field: 'status.reason',\n render: (row) => {\n if (!row.status?.reason) {\n return <Typography variant=\"body2\">-</Typography>;\n }\n return (\n <Tooltip title={row.status.reason} placement=\"top\">\n <Typography\n variant=\"body2\"\n style={{\n maxWidth: '200px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n }}\n >\n {row.status.reason}\n </Typography>\n </Tooltip>\n );\n },\n },\n ];\n\n const getTabData = () => {\n const addIds = (data: APIKeyRequest[]) =>\n data.map(item => ({ ...item, id: item.metadata.name }));\n\n switch (selectedTab) {\n case 0:\n return { data: addIds(approved), columns: approvedColumns, showSelection: false };\n case 1:\n // Add tableData.checked to control checkbox state\n const pendingWithSelection = pending.map((row: APIKeyRequest) => {\n const isSelected = selectedRequests.some(\n selected => selected.metadata.name === row.metadata.name &&\n selected.metadata.namespace === row.metadata.namespace\n );\n return {\n ...row,\n tableData: { checked: isSelected },\n };\n });\n return { data: pendingWithSelection, columns: pendingColumns, showSelection: true };\n case 2:\n return { data: addIds(rejected), columns: rejectedColumns, showSelection: false };\n default:\n return { data: addIds(approved), columns: approvedColumns, showSelection: false };\n }\n };\n\n const tabData = getTabData();\n\n // group requests by api product\n const groupByApiProduct = (requests: APIKeyRequest[]) => {\n const grouped = new Map<string, APIKeyRequest[]>();\n requests.forEach(request => {\n const apiName = request.spec.apiName;\n if (!grouped.has(apiName)) {\n grouped.set(apiName, []);\n }\n grouped.get(apiName)!.push(request);\n });\n return grouped;\n };\n\n const groupedData = groupByApiProduct(tabData.data);\n const apiProducts = Array.from(groupedData.keys()).sort();\n\n return (\n <>\n <InfoCard\n title=\"API Access Requests\"\n subheader={`${pending.length} pending, ${approved.length} approved, ${rejected.length} rejected`}\n >\n <Box mb={2}>\n <Tabs\n value={selectedTab}\n onChange={(_, newValue) => {\n setSelectedTab(newValue);\n setSelectedRequests([]);\n }}\n indicatorColor=\"primary\"\n textColor=\"primary\"\n >\n <Tab label={`Approved (${approved.length})`} />\n <Tab label={`Pending (${pending.length})`} />\n <Tab label={`Rejected (${rejected.length})`} />\n </Tabs>\n </Box>\n\n {canUpdateRequests && selectedTab === 1 && selectedRequests.length > 0 && (\n <Box mb={2} display=\"flex\" alignItems=\"center\" justifyContent=\"space-between\" p={2} bgcolor=\"background.default\">\n <Typography variant=\"body2\">\n {selectedRequests.length} request{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 {tabData.data.length === 0 ? (\n <Box p={3} textAlign=\"center\">\n <Typography variant=\"body1\" color=\"textSecondary\">\n {selectedTab === 0 && 'No approved requests.'}\n {selectedTab === 1 && 'No pending requests.'}\n {selectedTab === 2 && 'No rejected requests.'}\n </Typography>\n </Box>\n ) : (\n <Box>\n {apiProducts.map(apiName => {\n const requests = groupedData.get(apiName) || [];\n return (\n <Accordion key={apiName} defaultExpanded={apiProducts.length === 1}>\n <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n <Box display=\"flex\" alignItems=\"center\" justifyContent=\"space-between\" width=\"100%\">\n <Typography variant=\"h6\">{apiName}</Typography>\n <Chip\n label={`${requests.length} request${requests.length !== 1 ? 's' : ''}`}\n size=\"small\"\n color=\"primary\"\n style={{ marginRight: 16 }}\n />\n </Box>\n </AccordionSummary>\n <AccordionDetails>\n <Box width=\"100%\">\n <Table\n options={{\n selection: canUpdateRequests && tabData.showSelection,\n paging: false,\n search: false,\n showTextRowsSelected: false,\n toolbar: false,\n }}\n data={requests}\n columns={tabData.columns}\n onSelectionChange={(rows) => {\n // merge selections from this api product with selections from other products\n const otherSelections = selectedRequests.filter(\n r => r.spec.apiName !== apiName\n );\n setSelectedRequests([...otherSelections, ...(rows as APIKeyRequest[])]);\n }}\n />\n </Box>\n </AccordionDetails>\n </Accordion>\n );\n })}\n </Box>\n )}\n </InfoCard>\n <ApprovalDialog\n open={dialogState.open}\n request={dialogState.request}\n action={dialogState.action}\n onClose={() => setDialogState({ open: false, request: null, action: 'approve' })}\n onConfirm={handleConfirm}\n />\n <BulkActionDialog\n open={bulkDialogState.open}\n requests={bulkDialogState.requests}\n action={bulkDialogState.action}\n onClose={() => setBulkDialogState({ open: false, requests: [], action: 'approve' })}\n onConfirm={handleBulkConfirm}\n />\n </>\n );\n};\n","import { createPermission } from '@backstage/plugin-permission-common';\n\n/**\n * permission definitions for the kuadrant plugin\n *\n * these permissions control access to kuadrant resources and operations.\n * they must match the permissions defined in the backend plugin.\n *\n * permission types:\n * - BasicPermission: standard permission that applies globally\n * - ResourcePermission: permission scoped to specific resource types (e.g., apiproduct)\n *\n * permission patterns:\n * - `.create` - create new resources\n * - `.read` - read resource details\n * - `.read.own` - read only resources owned by the user\n * - `.read.all` - read all resources regardless of ownership\n * - `.update` - modify existing resources\n * - `.delete` - delete resources\n * - `.delete.own` - delete only resources owned by the user\n * - `.delete.all` - delete any resource regardless of ownership\n * - `.list` - list/view collections of resources\n */\n\n// planpolicy permissions\nexport const kuadrantPlanPolicyCreatePermission = createPermission({\n name: 'kuadrant.planpolicy.create',\n attributes: { action: 'create' },\n});\n\nexport const kuadrantPlanPolicyReadPermission = createPermission({\n name: 'kuadrant.planpolicy.read',\n attributes: { action: 'read' },\n});\n\nexport const kuadrantPlanPolicyUpdatePermission = createPermission({\n name: 'kuadrant.planpolicy.update',\n attributes: { action: 'update' },\n});\n\nexport const kuadrantPlanPolicyDeletePermission = createPermission({\n name: 'kuadrant.planpolicy.delete',\n attributes: { action: 'delete' },\n});\n\nexport const kuadrantPlanPolicyListPermission = createPermission({\n name: 'kuadrant.planpolicy.list',\n attributes: { action: 'read' },\n});\n\n// apiproduct permissions\n\n/**\n * permission to create new API products\n * granted to api owners and admins\n */\nexport const kuadrantApiProductCreatePermission = createPermission({\n name: 'kuadrant.apiproduct.create',\n attributes: { action: 'create' },\n});\n\n/**\n * permission to read API products owned by the current user\n * for api owners to view their own products\n */\nexport const kuadrantApiProductReadOwnPermission = createPermission({\n name: 'kuadrant.apiproduct.read.own',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to read all API products regardless of ownership\n * for platform engineers/admins who need to view all products\n */\nexport const kuadrantApiProductReadAllPermission = createPermission({\n name: 'kuadrant.apiproduct.read.all',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to update API products owned by the current user\n * for api owners to modify their own products\n */\nexport const kuadrantApiProductUpdateOwnPermission = createPermission({\n name: 'kuadrant.apiproduct.update.own',\n attributes: { action: 'update' },\n});\n\n/**\n * permission to update any API product regardless of ownership\n * for platform engineers/admins\n */\nexport const kuadrantApiProductUpdateAllPermission = createPermission({\n name: 'kuadrant.apiproduct.update.all',\n attributes: { action: 'update' },\n});\n\n/**\n * permission to delete API products owned by the current user\n * for api owners to remove their own products\n */\nexport const kuadrantApiProductDeleteOwnPermission = createPermission({\n name: 'kuadrant.apiproduct.delete.own',\n attributes: { action: 'delete' },\n});\n\n/**\n * permission to delete any API product regardless of ownership\n * for platform engineers/admins\n */\nexport const kuadrantApiProductDeleteAllPermission = createPermission({\n name: 'kuadrant.apiproduct.delete.all',\n attributes: { action: 'delete' },\n});\n\n/**\n * permission to list API products\n * backend filters results based on .own vs .all read permissions\n */\nexport const kuadrantApiProductListPermission = createPermission({\n name: 'kuadrant.apiproduct.list',\n attributes: { action: 'read' },\n});\n\n// apikeyrequest permissions\n\n/**\n * permission to create API key requests\n *\n * this is a ResourcePermission scoped to 'apiproduct', allowing\n * fine-grained control over which API products users can request access to.\n *\n * use in frontend: useKuadrantPermission(kuadrantApiKeyRequestCreatePermission)\n * use in backend with resource: { permission, resourceRef: 'apiproduct:namespace/name' }\n */\nexport const kuadrantApiKeyRequestCreatePermission = createPermission({\n name: 'kuadrant.apikeyrequest.create',\n attributes: { action: 'create' },\n resourceType: 'apiproduct',\n});\n\n/**\n * permission to read API key requests created by the current user\n * use this for allowing users to see their own request history\n */\nexport const kuadrantApiKeyRequestReadOwnPermission = createPermission({\n name: 'kuadrant.apikeyrequest.read.own',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to read all API key requests regardless of who created them\n * use this for platform engineers/admins who need to view the approval queue\n */\nexport const kuadrantApiKeyRequestReadAllPermission = createPermission({\n name: 'kuadrant.apikeyrequest.read.all',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to update API key requests owned by the current user\n * allows users to edit their own pending requests (change plan tier, use case)\n */\nexport const kuadrantApiKeyRequestUpdateOwnPermission = createPermission({\n name: 'kuadrant.apikeyrequest.update.own',\n attributes: { action: 'update' },\n});\n\n/**\n * permission to update any API key request regardless of ownership\n * typically granted to API owners and platform engineers for approving/rejecting requests\n */\nexport const kuadrantApiKeyRequestUpdateAllPermission = createPermission({\n name: 'kuadrant.apikeyrequest.update.all',\n attributes: { action: 'update' },\n});\n\n/**\n * permission to delete API key requests created by the current user\n * allows users to cancel their own pending requests\n */\nexport const kuadrantApiKeyRequestDeleteOwnPermission = createPermission({\n name: 'kuadrant.apikeyrequest.delete.own',\n attributes: { action: 'delete' },\n});\n\n/**\n * permission to delete any API key request regardless of ownership\n * for platform engineers/admins\n */\nexport const kuadrantApiKeyRequestDeleteAllPermission = createPermission({\n name: 'kuadrant.apikeyrequest.delete.all',\n attributes: { action: 'delete' },\n});\n\nexport const kuadrantApiKeyRequestListPermission = createPermission({\n name: 'kuadrant.apikeyrequest.list',\n attributes: { action: 'read' },\n});\n\n// api key permissions\n\n/**\n * permission to read API keys owned by the current user\n * allows users to view their own active API keys\n */\nexport const kuadrantApiKeyReadOwnPermission = createPermission({\n name: 'kuadrant.apikey.read.own',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to read all API keys regardless of ownership\n * for platform engineers/admins who need to audit keys\n */\nexport const kuadrantApiKeyReadAllPermission = createPermission({\n name: 'kuadrant.apikey.read.all',\n attributes: { action: 'read' },\n});\n\n/**\n * permission to delete API keys owned by the current user\n * allows users to revoke their own access\n */\nexport const kuadrantApiKeyDeleteOwnPermission = createPermission({\n name: 'kuadrant.apikey.delete.own',\n attributes: { action: 'delete' },\n});\n\n/**\n * permission to delete any API key regardless of ownership\n * for platform engineers/admins who need to revoke access\n */\nexport const kuadrantApiKeyDeleteAllPermission = createPermission({\n name: 'kuadrant.apikey.delete.all',\n attributes: { action: 'delete' },\n});\n\nexport const kuadrantPermissions = [\n kuadrantPlanPolicyCreatePermission,\n kuadrantPlanPolicyReadPermission,\n kuadrantPlanPolicyUpdatePermission,\n kuadrantPlanPolicyDeletePermission,\n kuadrantPlanPolicyListPermission,\n kuadrantApiProductCreatePermission,\n kuadrantApiProductReadOwnPermission,\n kuadrantApiProductReadAllPermission,\n kuadrantApiProductUpdateOwnPermission,\n kuadrantApiProductUpdateAllPermission,\n kuadrantApiProductDeleteOwnPermission,\n kuadrantApiProductDeleteAllPermission,\n kuadrantApiProductListPermission,\n kuadrantApiKeyRequestCreatePermission,\n kuadrantApiKeyRequestReadOwnPermission,\n kuadrantApiKeyRequestReadAllPermission,\n kuadrantApiKeyRequestUpdateOwnPermission,\n kuadrantApiKeyRequestUpdateAllPermission,\n kuadrantApiKeyRequestDeleteOwnPermission,\n kuadrantApiKeyRequestDeleteAllPermission,\n kuadrantApiKeyRequestListPermission,\n kuadrantApiKeyReadOwnPermission,\n kuadrantApiKeyReadAllPermission,\n kuadrantApiKeyDeleteOwnPermission,\n kuadrantApiKeyDeleteAllPermission,\n];\n","import { usePermission } from '@backstage/plugin-permission-react';\nimport { Permission, ResourcePermission } from '@backstage/plugin-permission-common';\n\n/**\n * result of a permission check including error state\n */\nexport interface PermissionCheckResult {\n allowed: boolean;\n loading: boolean;\n error?: Error;\n}\n\n/**\n * custom hook for checking kuadrant permissions that handles both\n * BasicPermission and ResourcePermission types without type bypasses\n *\n * @param permission - the permission to check\n * @param resourceRef - optional resource reference for ResourcePermissions\n * @returns permission check result with error handling\n *\n * @example\n * // basic permission\n * const { allowed, loading, error } = useKuadrantPermission(\n * kuadrantApiProductListPermission\n * );\n *\n * @example\n * // resource permission\n * const { allowed, loading, error } = useKuadrantPermission(\n * kuadrantApiKeyRequestCreatePermission,\n * 'apiproduct:namespace/name'\n * );\n */\nexport function useKuadrantPermission(\n permission: Permission,\n resourceRef?: string,\n): PermissionCheckResult {\n // construct the permission request based on whether it's a ResourcePermission\n const permissionRequest = 'resourceType' in permission\n ? { permission: permission as ResourcePermission, resourceRef }\n : { permission };\n\n const result = usePermission(permissionRequest as any);\n\n return {\n allowed: result.allowed,\n loading: result.loading,\n error: result.error,\n };\n}\n\n/**\n * helper to determine if a user can delete a specific API key or request\n *\n * @param ownerId - the user id who owns the key/request\n * @param currentUserId - the current user's id\n * @param canDeleteOwn - whether user has permission to delete their own keys\n * @param canDeleteAll - whether user has permission to delete all keys\n * @returns true if user can delete this specific key/request\n */\nexport function canDeleteResource(\n ownerId: string,\n currentUserId: string,\n canDeleteOwn: boolean,\n canDeleteAll: boolean,\n): boolean {\n if (canDeleteAll) return true;\n if (canDeleteOwn && ownerId === currentUserId) return true;\n return false;\n}\n"],"names":["ApprovalDialog","open","request","action","onClose","onConfirm","comment","setComment","useState","useEffect","Dialog","maxWidth","fullWidth","DialogTitle","DialogContent","p","strong","spec","requestedBy","userId","apiName","planTier","Box","mb","Typography","variant","component","style","fontWeight","whiteSpace","useCase","TextField","label","multiline","rows","margin","value","onChange","e","target","DialogActions","Button","onClick","color","BulkActionDialog","requests","isApprove","length","paragraph","maxHeight","overflow","map","bgcolor","metadata","namespace","name","helperText","ApprovalQueueCard","config","useApi","configApiRef","fetchApi","fetchApiRef","identityApi","identityApiRef","backendUrl","getString","refresh","setRefresh","selectedTab","setSelectedTab","selectedRequests","setSelectedRequests","dialogState","setDialogState","bulkDialogState","setBulkDialogState","allowed","canUpdateAllRequests","loading","updateAllPermissionLoading","error","updateAllPermissionError","useKuadrantPermission","kuadrantApiKeyRequestUpdateAllPermission","canUpdateOwnRequests","updateOwnPermissionLoading","updateOwnPermissionError","kuadrantApiKeyRequestUpdateOwnPermission","canUpdateRequests","updatePermissionLoading","updatePermissionError","useAsync","async","reviewedBy","getBackstageIdentity","userEntityRef","console","log","response","fetch","ok","status","pending","approved","rejected","contentType","headers","get","includes","allRequests","json","items","filter","r","phase","Progress","ResponseErrorPanel","message","formatDate","dateString","Date","toLocaleDateString","year","month","day","hour","minute","pendingColumns","title","field","render","row","apiNamespace","Chip","size","Tooltip","placement","textOverflow","requestedAt","display","gap","startIcon","CheckCircleIcon","CancelIcon","approvedColumns","reviewedAt","isAutomatic","rejectedColumns","reason","tabData","addIds","data","item","id","columns","showSelection","isSelected","some","selected","tableData","checked","getTabData","groupedData","grouped","Map","forEach","has","set","push","groupByApiProduct","apiProducts","Array","from","keys","sort","InfoCard","subheader","Tabs","_","newValue","indicatorColor","textColor","Tab","alignItems","justifyContent","textAlign","Accordion","defaultExpanded","AccordionSummary","expandIcon","ExpandMoreIcon","width","marginRight","AccordionDetails","Table","options","selection","paging","search","showTextRowsSelected","toolbar","onSelectionChange","otherSelections","endpoint","method","body","JSON","stringify","Error","err","createPermission","attributes","kuadrantPlanPolicyListPermission","kuadrantApiProductCreatePermission","kuadrantApiProductReadAllPermission","kuadrantApiProductUpdateOwnPermission","kuadrantApiProductUpdateAllPermission","kuadrantApiProductDeleteOwnPermission","kuadrantApiProductDeleteAllPermission","kuadrantApiProductListPermission","kuadrantApiKeyRequestCreatePermission","resourceType","kuadrantApiKeyRequestReadOwnPermission","kuadrantApiKeyRequestReadAllPermission","kuadrantApiKeyDeleteOwnPermission","kuadrantApiKeyDeleteAllPermission","permission","resourceRef","permissionRequest","result","usePermission","canDeleteResource","ownerId","currentUserId","canDeleteOwn","canDeleteAll"],"sourceRoot":""}
@@ -0,0 +1,2 @@
1
+ "use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[7632],{84189:(e,a,t)=>{t.d(a,{n:()=>g});var l=t(31085),r=t(95478),s=t(76891),n=t(61477),i=t(46805),o=t(10394),d=t(72501),c=t(95061),u=t(48543),p=t(81215),m=t(26343),h=t(16249),x=t(93453),A=t(64947),v=t(22097);const g=({open:e,onClose:a,onSuccess:t,request:g,availablePlans:j})=>{const f=(0,v.useApi)(v.configApiRef),y=(0,v.useApi)(v.fetchApiRef),b=f.getString("backend.baseUrl"),[P,S]=(0,r.useState)(""),[k,w]=(0,r.useState)(""),[C,T]=(0,r.useState)(!1),[R,I]=(0,r.useState)("");(0,r.useEffect)(()=>{e&&g&&(S(g.spec.planTier||""),w(g.spec.useCase||""),I(""))},[e,g]);const $=()=>{C||(I(""),a())};return(0,l.jsxs)(s.A,{open:e,onClose:$,maxWidth:"sm",fullWidth:!0,children:[(0,l.jsx)(n.A,{children:"Edit API Access Request"}),(0,l.jsxs)(i.A,{children:[R&&(0,l.jsx)(o.A,{mb:2,p:2,bgcolor:"error.main",color:"error.contrastText",borderRadius:1,children:(0,l.jsx)(d.A,{variant:"body2",children:R})}),(0,l.jsxs)(c.A,{fullWidth:!0,margin:"normal",children:[(0,l.jsx)(u.A,{children:"Plan Tier"}),(0,l.jsx)(p.A,{value:P,onChange:e=>S(e.target.value),disabled:C,children:j.map(e=>{const a=Object.entries(e.limits||{}).map(([e,a])=>`${a} per ${e}`).join(", ");return(0,l.jsxs)(m.A,{value:e.tier,children:[e.tier," ",a?`(${a})`:""]},e.tier)})})]}),(0,l.jsx)(h.A,{label:"Use Case",placeholder:"Describe how you plan to use this API",multiline:!0,rows:3,fullWidth:!0,margin:"normal",value:k,onChange:e=>w(e.target.value),disabled:C,helperText:"Explain your intended use of this API for admin review"})]}),(0,l.jsxs)(x.A,{children:[(0,l.jsx)(A.A,{onClick:$,disabled:C,children:"Cancel"}),(0,l.jsx)(A.A,{onClick:async()=>{if(P){I(""),T(!0);try{const e={spec:{planTier:P,useCase:k.trim()}},l=await y.fetch(`${b}/api/kuadrant/requests/${g.metadata.namespace}/${g.metadata.name}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!l.ok){const e=await l.json().catch(()=>({}));throw new Error(e.error||`Failed to update request: ${l.status}`)}t(),a()}catch(e){console.error("Error updating API key request:",e),I(e instanceof Error?e.message:"Unknown error occurred")}finally{T(!1)}}else I("Please select a plan tier")},color:"primary",disabled:!P||C,children:C?"Saving...":"Save Changes"})]})]})}},95251:(e,a,t)=>{t.r(a),t.d(a,{KuadrantPage:()=>ee});var l=t(31085),r=t(95478),s=t.n(r),n=t(67720),i=t(10394),o=t(29365),d=t(72501),c=t(42899),u=t(64947),p=t(76891),m=t(61477),h=t(46805),x=t(59461),A=t(93453),v=t(18466),g=t(39590),j=t(75625),f=t(37725),y=t(25010),b=t(289),P=t(55639),S=t(45210),k=t(46681),w=t(86687),C=t(42367),T=t(96040),R=t(91638),I=t(22097),$=t(16281),W=t(71677),E=t(31653),q=t(38605),N=t(37757),D=t(26343),M=t(32269),z=t(61524),L=t(71407),U=t(84189);const H=()=>{const e=(0,I.useApi)(I.configApiRef),a=(0,I.useApi)(I.fetchApiRef),t=(0,I.useApi)(I.identityApiRef),s=e.getString("backend.baseUrl"),[c,u]=(0,r.useState)(0),[,p]=(0,r.useState)(""),[m,h]=(0,r.useState)(new Set),[x,A]=(0,r.useState)(null),[v,g]=(0,r.useState)(null),[j,b]=(0,r.useState)({open:!1,request:null,plans:[]}),[P,S]=(0,r.useState)(0);(0,R.A)(async()=>{const e=await t.getBackstageIdentity(),a=e.userEntityRef.split("/")[1]||"guest";console.log(`MyApiKeysCard: setting userId from userEntityRef: ${e.userEntityRef} -> "${a}"`),p(a)},[t]);const{value:k,loading:w,error:C}=(0,R.A)(async()=>{const e=await a.fetch(`${s}/api/kuadrant/requests/my`);if(!e.ok)throw new Error("failed to fetch requests");return(await e.json()).items||[]},[s,a,P]);if(w)return(0,l.jsx)(T.n,{title:"My API Keys",children:(0,l.jsx)(d.A,{children:"Loading..."})});if(C)return(0,l.jsx)(T.n,{title:"My API Keys",children:(0,l.jsxs)(d.A,{color:"error",children:["Error loading API keys: ",C.message]})});const $=k||[],H=$.filter(e=>{var a;return"Approved"===(null===(a=e.status)||void 0===a?void 0:a.phase)}),K=$.filter(e=>{var a;return!(null===(a=e.status)||void 0===a?void 0:a.phase)||"Pending"===e.status.phase}),B=$.filter(e=>{var a;return"Rejected"===(null===(a=e.status)||void 0===a?void 0:a.phase)}),F=()=>{A(null),g(null)},O=async()=>{if(!v)return;const e=v;F();try{const l=await a.fetch(`${s}/api/kuadrant/apiproducts/${e.spec.apiNamespace}/${e.spec.apiName}`);if(l.ok){var t;const a=(null===(t=(await l.json()).spec)||void 0===t?void 0:t.plans)||[];b({open:!0,request:e,plans:a})}else console.error("Failed to fetch API product"),b({open:!0,request:e,plans:[]})}catch(a){console.error("Error fetching plans:",a),b({open:!0,request:e,plans:[]})}},_=async()=>{if(!v)return;const e=v;if(F(),window.confirm("Are you sure you want to delete this request?"))try{if(!(await a.fetch(`${s}/api/kuadrant/requests/${e.metadata.namespace}/${e.metadata.name}`,{method:"DELETE"})).ok)throw new Error("Failed to delete request");S(e=>e+1)}catch(e){console.error("Error deleting request:",e),alert("Failed to delete request")}},V=[{title:"API Product",field:"spec.apiName",render:e=>(0,l.jsx)(f.N_,{to:`/catalog/default/api/${e.spec.apiName}/api-keys`,children:(0,l.jsx)("strong",{children:e.spec.apiName})})},{title:"Plan",field:"spec.planTier",render:e=>{const a="gold"===e.spec.planTier?"primary":"silver"===e.spec.planTier?"default":"secondary";return(0,l.jsx)(n.A,{label:e.spec.planTier,color:a,size:"small"})}},{title:"Use Case",field:"spec.useCase",render:e=>e.spec.useCase?(0,l.jsx)(W.Ay,{title:e.spec.useCase,placement:"top",children:(0,l.jsx)(d.A,{variant:"body2",style:{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.spec.useCase})}):(0,l.jsx)(d.A,{variant:"body2",children:"-"})},{title:"Status",field:"status.phase",render:e=>{var a;const t=(null===(a=e.status)||void 0===a?void 0:a.phase)||"Pending",r="Approved"===t?"primary":"Rejected"===t?"secondary":"default";return(0,l.jsx)(n.A,{label:t,color:r,size:"small"})}},{title:"Reason",render:e=>{var a;if(null===(a=e.status)||void 0===a?void 0:a.reason){const a="Rejected"===e.status.phase?"error":"textPrimary";return(0,l.jsx)(W.Ay,{title:e.status.reason,placement:"top",children:(0,l.jsx)(d.A,{variant:"body2",color:a,style:{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.status.reason})})}return(0,l.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"-"})}},{title:"Reviewed By",render:e=>{var a,t;if(("Approved"===(null===(a=e.status)||void 0===a?void 0:a.phase)||"Rejected"===(null===(t=e.status)||void 0===t?void 0:t.phase))&&e.status.reviewedBy){const a=e.status.reviewedAt?new Date(e.status.reviewedAt).toLocaleDateString():"";return(0,l.jsxs)(i.A,{children:[(0,l.jsx)(d.A,{variant:"body2",children:e.status.reviewedBy}),a&&(0,l.jsx)(d.A,{variant:"caption",color:"textSecondary",children:a})]})}return(0,l.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"-"})}},{title:"API Key",render:e=>{var a;if("Approved"===(null===(a=e.status)||void 0===a?void 0:a.phase)&&e.status.apiKey){const a=m.has(e.metadata.name);return(0,l.jsxs)(i.A,{display:"flex",alignItems:"center",style:{gap:8},children:[(0,l.jsx)(i.A,{fontFamily:"monospace",fontSize:"0.875rem",children:a?e.status.apiKey:"•".repeat(20)+"..."}),(0,l.jsx)(W.Ay,{title:a?"hide key":"show key",children:(0,l.jsx)(o.A,{size:"small",onClick:()=>{return a=e.metadata.name,void h(e=>{const t=new Set(e);return t.has(a)?t.delete(a):t.add(a),t});var a},children:a?(0,l.jsx)(z.A,{fontSize:"small"}):(0,l.jsx)(M.A,{fontSize:"small"})})})]})}return(0,l.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"-"})}},{title:"Requested",field:"metadata.creationTimestamp",render:e=>{if(!e.metadata.creationTimestamp)return(0,l.jsx)(d.A,{variant:"body2",children:"-"});const a=new Date(e.metadata.creationTimestamp);return(0,l.jsx)(d.A,{variant:"body2",children:a.toLocaleDateString()})}},{title:"",render:e=>(0,l.jsx)(o.A,{size:"small",onClick:a=>{a.stopPropagation();const t=a.currentTarget.getBoundingClientRect();A({top:t.bottom,left:t.left}),g(e)},"aria-controls":x?"myapikeys-menu":void 0,"aria-haspopup":"true",children:(0,l.jsx)(L.A,{})})}],J=(()=>{switch(c){case 0:return H;case 1:return K;case 2:return B;default:return $}})(),Y=(()=>{switch(c){case 0:return V.filter(e=>"Reason"!==e.title);case 1:return V.filter(e=>"Reason"!==e.title&&"Reviewed By"!==e.title&&"API Key"!==e.title);case 2:return V.filter(e=>"API Key"!==e.title);default:return V}})();return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(T.n,{title:"My API Keys",subheader:`${H.length} active, ${K.length} pending`,children:[(0,l.jsx)(i.A,{mb:2,children:(0,l.jsxs)(E.A,{value:c,onChange:(e,a)=>u(a),indicatorColor:"primary",textColor:"primary",children:[(0,l.jsx)(q.A,{label:`Active (${H.length})`}),(0,l.jsx)(q.A,{label:`Pending (${K.length})`}),(0,l.jsx)(q.A,{label:`Rejected (${B.length})`})]})}),0===J.length?(0,l.jsx)(i.A,{p:3,textAlign:"center",children:(0,l.jsxs)(d.A,{variant:"body1",color:"textSecondary",children:[0===c&&"No active API keys. Request access to an API to get started.",1===c&&"No pending requests.",2===c&&"No rejected requests."]})}):(0,l.jsx)(y.X,{options:{paging:J.length>10,pageSize:10,search:!1,toolbar:!1},columns:Y,data:J.map(e=>({...e,id:e.metadata.name}))})]}),(0,l.jsx)(N.A,{id:"myapikeys-menu",open:Boolean(x),onClose:F,anchorReference:"anchorPosition",anchorPosition:x||{top:0,left:0},children:v&&(()=>{const e=[];var a;return(a=v).status&&"Pending"!==a.status.phase||e.push((0,l.jsx)(D.A,{onClick:O,children:"Edit"},"edit")),e.push((0,l.jsx)(D.A,{onClick:_,children:"Delete"},"delete")),e})()}),j.request&&(0,l.jsx)(U.n,{open:j.open,request:j.request,availablePlans:j.plans,onClose:()=>b({open:!1,request:null,plans:[]}),onSuccess:()=>{b({open:!1,request:null,plans:[]}),S(e=>e+1)}})]})};var K=t(46205);const B=({children:e,permission:a,fallback:t,errorMessage:r})=>{const{allowed:s,loading:n,error:o}=(0,K.l)(a);return n?(0,l.jsx)(w.k,{}):o?(0,l.jsxs)(i.A,{p:4,children:[(0,l.jsxs)(d.A,{color:"error",children:["Unable to check permissions: ",o.message]}),(0,l.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"Please try again or contact your administrator"})]}):s?(0,l.jsx)(l.Fragment,{children:e}):t?(0,l.jsx)(l.Fragment,{children:t}):(0,l.jsxs)(i.A,{p:4,children:[(0,l.jsx)(d.A,{color:"textSecondary",children:r||"You don't have permission to view this page"}),(0,l.jsx)(i.A,{mt:1,children:(0,l.jsxs)(d.A,{variant:"caption",color:"textSecondary",children:["Required permission: ",a.name]})})]})};var F=t(58837),O=t(16249),_=t(84441);const V=({selectedPolicy:e,alertSeverity:a="warning",alertMessage:t="No PlanPolicy found for this HTTPRoute. API keys and rate limiting may not be available.",includeTopMargin:r=!0})=>(0,l.jsx)(i.A,{mt:r?1:0,p:2,bgcolor:"#f5f5f5",borderRadius:1,border:"1px solid #e0e0e0",children:e?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(d.A,{variant:"subtitle2",gutterBottom:!0,style:{fontWeight:600},children:["Associated PlanPolicy: ",(0,l.jsx)("strong",{children:e.metadata.name})]}),e.plans&&e.plans.length>0?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.A,{variant:"caption",display:"block",gutterBottom:!0,color:"textSecondary",style:{marginTop:8},children:"Available Plans:"}),(0,l.jsx)(i.A,{display:"flex",flexWrap:"wrap",mt:1,style:{gap:8},children:e.plans.map((e,a)=>{var t,r,s;const i=(null===(t=e.limits)||void 0===t?void 0:t.daily)?`${e.limits.daily}/day`:(null===(r=e.limits)||void 0===r?void 0:r.monthly)?`${e.limits.monthly}/month`:(null===(s=e.limits)||void 0===s?void 0:s.yearly)?`${e.limits.yearly}/year`:"No limit";return(0,l.jsx)(n.A,{label:`${e.tier}: ${i}`,size:"small",variant:"outlined",color:"primary"},a)})}),e.plans.some(e=>e.description)&&(0,l.jsx)(i.A,{mt:1,children:e.plans.filter(e=>e.description).map((e,a)=>(0,l.jsxs)(d.A,{variant:"caption",display:"block",color:"textSecondary",children:["• ",(0,l.jsxs)("strong",{children:[e.tier,":"]})," ",e.description]},a))})]}):(0,l.jsx)(d.A,{variant:"caption",color:"textSecondary",children:"No plans defined in this PlanPolicy"})]}):(0,l.jsx)(_.A,{severity:a,children:t})}),J=(0,F.A)({asterisk:{color:"#f44336"}}),Y=({open:e,onClose:a,onSuccess:t})=>{const s=J(),o=(0,I.useApi)(I.configApiRef),x=(0,I.useApi)(I.fetchApiRef),v=o.getString("backend.baseUrl"),[g,j]=(0,r.useState)(""),[f,y]=(0,r.useState)(""),[b,P]=(0,r.useState)(""),[S,k]=(0,r.useState)("v1"),[w,C]=(0,r.useState)("manual"),[T,$]=(0,r.useState)("Published"),[W,E]=(0,r.useState)([]),[q,N]=(0,r.useState)(""),[M,z]=(0,r.useState)(""),[L,U]=(0,r.useState)(""),[H,K]=(0,r.useState)(""),[B,F]=(0,r.useState)(""),[Y,X]=(0,r.useState)(""),[G,Q]=(0,r.useState)(""),[Z,ee]=(0,r.useState)(!1),{value:ae,loading:te}=(0,R.A)(async()=>{const e=await x.fetch(`${v}/api/kuadrant/httproutes`);return((await e.json()).items||[]).filter(e=>{var a;return"true"===(null===(a=e.metadata.annotations)||void 0===a?void 0:a["backstage.io/expose"])})},[v,x,e]),{value:le}=(0,R.A)(async()=>{const e=await x.fetch(`${v}/api/kuadrant/planpolicies`);return await e.json()},[v,x,e]),re=M?M.split("/"):null,se=re?(ne=re[0],ie=re[1],(null==le?void 0:le.items)?le.items.find(e=>{const a=e.targetRef;return"HTTPRoute"===(null==a?void 0:a.kind)&&(null==a?void 0:a.name)===ie&&(!(null==a?void 0:a.namespace)||(null==a?void 0:a.namespace)===ne)}):null):null;var ne,ie;const oe=()=>{q.trim()&&!W.includes(q.trim())&&(E([...W,q.trim()]),N(""))},de=()=>{j(""),y(""),P(""),k("v1"),C("manual"),$("Published"),E([]),N(""),z(""),U(""),K(""),F(""),X(""),Q(""),a()};return(0,l.jsxs)(p.A,{open:e,onClose:de,maxWidth:"md",fullWidth:!0,children:[(0,l.jsx)(m.A,{children:"Create API Product"}),(0,l.jsxs)(h.A,{children:[G&&(0,l.jsx)(_.A,{severity:"error",style:{marginBottom:16},children:G}),(0,l.jsxs)(c.A,{container:!0,spacing:2,children:[(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Name",value:g,onChange:e=>j(e.target.value),placeholder:"my-api",helperText:"Kubernetes resource name (lowercase, hyphens)",margin:"normal",required:!0,InputLabelProps:{classes:{asterisk:s.asterisk}}})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Display Name",value:f,onChange:e=>y(e.target.value),placeholder:"My API",margin:"normal",required:!0,InputLabelProps:{classes:{asterisk:s.asterisk}}})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Version",value:S,onChange:e=>k(e.target.value),placeholder:"v1",margin:"normal"})}),(0,l.jsx)(c.A,{item:!0,xs:12,children:(0,l.jsxs)(O.A,{fullWidth:!0,select:!0,label:"Approval Mode",value:w,onChange:e=>C(e.target.value),margin:"normal",helperText:"Automatic: keys are created immediately. Manual: requires approval.",children:[(0,l.jsx)(D.A,{value:"manual",children:"Manual"}),(0,l.jsx)(D.A,{value:"automatic",children:"Automatic"})]})}),(0,l.jsx)(c.A,{item:!0,xs:12,children:(0,l.jsxs)(O.A,{fullWidth:!0,select:!0,label:"Publish Status",value:T,onChange:e=>$(e.target.value),margin:"normal",helperText:"Draft: hidden from catalog. Published: visible to consumers.",children:[(0,l.jsx)(D.A,{value:"Draft",children:"Draft"}),(0,l.jsx)(D.A,{value:"Published",children:"Published"})]})}),(0,l.jsx)(c.A,{item:!0,xs:12,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Description",value:b,onChange:e=>P(e.target.value),placeholder:"API description",margin:"normal",multiline:!0,rows:2,required:!0,InputLabelProps:{classes:{asterisk:s.asterisk}}})}),(0,l.jsxs)(c.A,{item:!0,xs:12,children:[(0,l.jsx)(d.A,{variant:"subtitle2",gutterBottom:!0,style:{marginTop:16},children:"Tags"}),(0,l.jsx)(i.A,{display:"flex",flexWrap:"wrap",marginBottom:1,style:{gap:8},children:W.map(e=>(0,l.jsx)(n.A,{label:e,onDelete:()=>{return a=e,void E(W.filter(e=>e!==a));var a},size:"small"},e))}),(0,l.jsxs)(i.A,{display:"flex",style:{gap:8},children:[(0,l.jsx)(O.A,{fullWidth:!0,size:"small",value:q,onChange:e=>N(e.target.value),onKeyPress:e=>"Enter"===e.key&&oe(),placeholder:"Add tag"}),(0,l.jsx)(u.A,{onClick:oe,variant:"outlined",size:"small",children:"Add"})]})]}),(0,l.jsx)(c.A,{item:!0,xs:12,children:(0,l.jsxs)(O.A,{fullWidth:!0,select:!0,label:"HTTPRoute",value:M,onChange:e=>z(e.target.value),margin:"normal",required:!0,helperText:"Select an HTTPRoute (backstage.io/expose: true). APIProduct will be created in the same namespace.",disabled:te,InputLabelProps:{classes:{asterisk:s.asterisk}},children:[te&&(0,l.jsx)(D.A,{value:"",children:"Loading..."}),!te&&ae&&0===ae.length&&(0,l.jsx)(D.A,{value:"",children:"No HTTPRoutes available"}),!te&&ae&&ae.map(e=>(0,l.jsxs)(D.A,{value:`${e.metadata.namespace}/${e.metadata.name}`,children:[e.metadata.name," (",e.metadata.namespace,")"]},`${e.metadata.namespace}/${e.metadata.name}`))]})}),M&&(0,l.jsx)(c.A,{item:!0,xs:12,children:(0,l.jsx)(V,{selectedPolicy:se,alertSeverity:"warning",alertMessage:"No PlanPolicy found for this HTTPRoute. API keys and rate limiting may not be available.",includeTopMargin:!0})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Contact Email",value:L,onChange:e=>U(e.target.value),placeholder:"api-team@example.com",margin:"normal"})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Contact Team",value:H,onChange:e=>K(e.target.value),placeholder:"platform-team",margin:"normal"})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Docs URL",value:B,onChange:e=>F(e.target.value),placeholder:"https://api.example.com/docs",margin:"normal"})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"OpenAPI Spec URL",value:Y,onChange:e=>X(e.target.value),placeholder:"https://api.example.com/openapi.json",margin:"normal"})})]})]}),(0,l.jsxs)(A.A,{children:[(0,l.jsx)(u.A,{onClick:de,children:"Cancel"}),(0,l.jsx)(u.A,{onClick:async()=>{Q(""),ee(!0);try{if(!M)throw new Error("Please select an HTTPRoute");const[e,a]=M.split("/"),l={apiVersion:"extensions.kuadrant.io/v1alpha1",kind:"APIProduct",metadata:{name:g,namespace:e},spec:{displayName:f,description:b,version:S,approvalMode:w,publishStatus:T,tags:W,targetRef:{group:"gateway.networking.k8s.io",kind:"HTTPRoute",name:a,namespace:e},...L||H?{contact:{...L&&{email:L},...H&&{team:H}}}:{},...B||Y?{documentation:{...B&&{docsURL:B},...Y&&{openAPISpec:Y}}}:{}}},r=await x.fetch(`${v}/api/kuadrant/apiproducts`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)});if(!r.ok){const e=await r.json();throw new Error(e.error||"failed to create apiproduct")}t(),de()}catch(e){Q(e instanceof Error?e.message:String(e))}finally{ee(!1)}},color:"primary",variant:"contained",disabled:Z||!g||!f||!b||!M,children:Z?"Creating...":"Create"})]})]})};var X=t(34955);const G=(0,F.A)({asterisk:{color:"#f44336"}}),Q=({open:e,onClose:a,onSuccess:t,namespace:o,name:x})=>{const v=G(),g=(0,I.useApi)(I.configApiRef),j=(0,I.useApi)(I.fetchApiRef),f=g.getString("backend.baseUrl"),[y,b]=(0,r.useState)(!1),[P,S]=(0,r.useState)(""),[k,C]=(0,r.useState)(""),[T,$]=(0,r.useState)("v1"),[W,E]=(0,r.useState)("Draft"),[q,N]=(0,r.useState)("manual"),[M,z]=(0,r.useState)([]),[L,U]=(0,r.useState)(null),[H,K]=(0,r.useState)(""),[B,F]=(0,r.useState)(""),[J,Y]=(0,r.useState)(""),[X,Q]=(0,r.useState)(""),[Z,ee]=(0,r.useState)(""),[ae,te]=(0,r.useState)(""),[le,re]=(0,r.useState)(!1);(0,r.useEffect)(()=>{e&&o&&x&&(b(!0),te(""),j.fetch(`${f}/api/kuadrant/apiproducts/${o}/${x}`).then(async e=>{if(!e.ok){const a=await e.json();throw new Error(a.error||`Failed to fetch API product: ${e.status}`)}return e.json()}).then(e=>{var a,t,l,r;S(e.spec.displayName||""),C(e.spec.description||""),$(e.spec.version||"v1"),E(e.spec.publishStatus||"Draft"),N(e.spec.approvalMode||"manual"),z(e.spec.tags||[]),U(e.spec.targetRef||null),F((null===(a=e.spec.contact)||void 0===a?void 0:a.email)||""),Y((null===(t=e.spec.contact)||void 0===t?void 0:t.team)||""),Q((null===(l=e.spec.documentation)||void 0===l?void 0:l.docsURL)||""),ee((null===(r=e.spec.documentation)||void 0===r?void 0:r.openAPISpec)||""),b(!1)}).catch(e=>{te(e.message||"Failed to load API product"),b(!1)}))},[e,o,x,f,j]);const{value:se}=(0,R.A)(async()=>{if(!e)return null;const a=await j.fetch(`${f}/api/kuadrant/planpolicies`);return await a.json()},[f,j,e]),ne=s().useMemo(()=>(null==se?void 0:se.items)&&L?se.items.find(e=>{const a=e.targetRef;return"HTTPRoute"===(null==a?void 0:a.kind)&&(null==a?void 0:a.name)===L.name&&(!(null==a?void 0:a.namespace)||(null==a?void 0:a.namespace)===(L.namespace||o))}):null,[se,L,o]),ie=()=>{H.trim()&&!M.includes(H.trim())&&(z([...M,H.trim()]),K(""))};return(0,l.jsxs)(p.A,{open:e,onClose:a,maxWidth:"md",fullWidth:!0,children:[(0,l.jsx)(m.A,{children:"Edit API Product"}),(0,l.jsxs)(h.A,{children:[ae&&(0,l.jsx)(_.A,{severity:"error",style:{marginBottom:16},children:ae}),y?(0,l.jsx)(w.k,{}):(0,l.jsxs)(c.A,{container:!0,spacing:2,children:[(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Name",value:x,disabled:!0,helperText:"Kubernetes resource name (immutable)",margin:"normal"})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Namespace",value:o,disabled:!0,helperText:"Derived from HTTPRoute (immutable)",margin:"normal"})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Display Name",value:P,onChange:e=>S(e.target.value),placeholder:"My API",margin:"normal",required:!0,InputLabelProps:{classes:{asterisk:v.asterisk}}})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Version",value:T,onChange:e=>$(e.target.value),placeholder:"v1",margin:"normal"})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsxs)(O.A,{fullWidth:!0,select:!0,label:"Publish Status",value:W,onChange:e=>E(e.target.value),margin:"normal",helperText:"Draft: Hidden from catalog. Published: Visible in catalog.",children:[(0,l.jsx)(D.A,{value:"Draft",children:"Draft (Hidden)"}),(0,l.jsx)(D.A,{value:"Published",children:"Published (Visible)"})]})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsxs)(O.A,{fullWidth:!0,select:!0,label:"Approval Mode",value:q,onChange:e=>N(e.target.value),margin:"normal",helperText:"Automatic: keys created immediately. Manual: requires approval.",children:[(0,l.jsx)(D.A,{value:"manual",children:"Manual"}),(0,l.jsx)(D.A,{value:"automatic",children:"Automatic"})]})}),(0,l.jsx)(c.A,{item:!0,xs:12,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Description",value:k,onChange:e=>C(e.target.value),placeholder:"API description",margin:"normal",multiline:!0,rows:2,required:!0,InputLabelProps:{classes:{asterisk:v.asterisk}}})}),(0,l.jsxs)(c.A,{item:!0,xs:12,children:[(0,l.jsx)(d.A,{variant:"subtitle2",gutterBottom:!0,style:{marginTop:16},children:"Tags"}),(0,l.jsx)(i.A,{display:"flex",flexWrap:"wrap",marginBottom:1,style:{gap:8},children:M.map(e=>(0,l.jsx)(n.A,{label:e,onDelete:()=>{return a=e,void z(M.filter(e=>e!==a));var a},size:"small"},e))}),(0,l.jsxs)(i.A,{display:"flex",style:{gap:8},children:[(0,l.jsx)(O.A,{fullWidth:!0,size:"small",value:H,onChange:e=>K(e.target.value),onKeyPress:e=>"Enter"===e.key&&ie(),placeholder:"Add tag"}),(0,l.jsx)(u.A,{onClick:ie,variant:"outlined",size:"small",children:"Add"})]})]}),L&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(c.A,{item:!0,xs:12,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"HTTPRoute",value:`${L.namespace||o}/${L.name}`,disabled:!0,helperText:"Target HTTPRoute (immutable)",margin:"normal"})}),(0,l.jsx)(c.A,{item:!0,xs:12,children:(0,l.jsx)(V,{selectedPolicy:ne,alertSeverity:"info",alertMessage:"No PlanPolicy found for this HTTPRoute.",includeTopMargin:!1})})]}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Contact Email",value:B,onChange:e=>F(e.target.value),placeholder:"api-team@example.com",margin:"normal"})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Contact Team",value:J,onChange:e=>Y(e.target.value),placeholder:"platform-team",margin:"normal"})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"Docs URL",value:X,onChange:e=>Q(e.target.value),placeholder:"https://api.example.com/docs",margin:"normal"})}),(0,l.jsx)(c.A,{item:!0,xs:6,children:(0,l.jsx)(O.A,{fullWidth:!0,label:"OpenAPI Spec URL",value:Z,onChange:e=>ee(e.target.value),placeholder:"https://api.example.com/openapi.json",margin:"normal"})})]})]}),(0,l.jsxs)(A.A,{children:[(0,l.jsx)(u.A,{onClick:a,children:"Cancel"}),(0,l.jsx)(u.A,{onClick:async()=>{te(""),re(!0);try{const e={spec:{displayName:P,description:k,version:T,publishStatus:W,approvalMode:q,tags:M,targetRef:L,...B||J?{contact:{...B&&{email:B},...J&&{team:J}}}:{},...X||Z?{documentation:{...X&&{docsURL:X},...Z&&{openAPISpec:Z}}}:{}}},l=await j.fetch(`${f}/api/kuadrant/apiproducts/${o}/${x}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!l.ok){const e=await l.json();throw new Error(e.error||"failed to update apiproduct")}t(),a()}catch(e){te(e instanceof Error?e.message:String(e))}finally{re(!1)}},color:"primary",variant:"contained",disabled:le||y||!P||!k,children:le?"Saving...":"Save"})]})]})},Z=()=>{const e=(0,I.useApi)(I.configApiRef),a=(0,I.useApi)(I.fetchApiRef),t=e.getString("backend.baseUrl"),[s,W]=(0,r.useState)(!1),[E,q]=(0,r.useState)(!1),[N,D]=(0,r.useState)(0),[M,z]=(0,r.useState)(!1),[L,U]=(0,r.useState)(null),[B,F]=(0,r.useState)(null),[O,_]=(0,r.useState)(!1),{allowed:V,loading:J,error:G}=(0,K.l)(X.FL),{allowed:Z,loading:ee}=(0,K.l)(X.TE),{allowed:ae,loading:te,error:le}=(0,K.l)(X.SU),re=Z||ae,se=ee||te,{allowed:ne,loading:ie}=(0,K.l)(X.EM),{allowed:oe,loading:de,error:ce}=(0,K.l)(X.R_),{allowed:ue}=(0,K.l)(X.U3),{allowed:pe}=(0,K.l)(X.v_),me=ne||oe,he=ue||pe,xe=ie||de,{allowed:Ae,loading:ve,error:ge}=(0,K.l)(X.J),{value:je,loading:fe,error:ye}=(0,R.A)(async()=>{const e=await a.fetch(`${t}/api/kuadrant/apiproducts`);return await e.json()},[t,a,N]),{value:be,loading:Pe,error:Se}=(0,R.A)(async()=>{const e=await a.fetch(`${t}/api/kuadrant/planpolicies`);return await e.json()},[t,a,N]),ke=fe||Pe||J||se||xe||ve,we=ye||Se,Ce=G||le||ce||ge,Te=()=>{z(!1),U(null)},Re=[{title:"Name",field:"name",render:e=>{var a;return(0,l.jsx)(f.N_,{to:`/catalog/default/api/${e.metadata.name}/api-product`,children:(0,l.jsx)("strong",{children:(null===(a=e.spec)||void 0===a?void 0:a.displayName)||e.metadata.name})})}},{title:"Resource Name",field:"metadata.name"},{title:"Version",field:"spec.version",render:e=>{var a;return(null===(a=e.spec)||void 0===a?void 0:a.version)||"-"}},{title:"HTTPRoute",field:"spec.targetRef.name",render:e=>{var a,t;return(null===(t=e.spec)||void 0===t||null===(a=t.targetRef)||void 0===a?void 0:a.name)||"-"}},{title:"Publish Status",field:"spec.publishStatus",render:e=>{var a;const t=(null===(a=e.spec)||void 0===a?void 0:a.publishStatus)||"Draft";return(0,l.jsx)(n.A,{label:t,size:"small",color:"Published"===t?"primary":"default"})}},{title:"Approval Mode",field:"spec.approvalMode",render:e=>{var a;const t=(null===(a=e.spec)||void 0===a?void 0:a.approvalMode)||"manual";return(0,l.jsx)(n.A,{label:t,size:"small",color:"automatic"===t?"secondary":"default"})}},{title:"Namespace",field:"metadata.namespace"},{title:"Created",field:"metadata.creationTimestamp",render:e=>{return a=e.metadata.creationTimestamp,new Date(a).toLocaleDateString("en-GB",{year:"numeric",month:"short",day:"numeric"});var a}},{title:"Actions",field:"actions",render:e=>(0,l.jsxs)(i.A,{display:"flex",style:{gap:4},children:[he&&(0,l.jsx)(o.A,{size:"small",onClick:()=>{return a=e.metadata.namespace,t=e.metadata.name,F({namespace:a,name:t}),void q(!0);var a,t},title:"Edit API Product",children:(0,l.jsx)(j.A,{fontSize:"small"})}),me&&(0,l.jsx)(o.A,{size:"small",onClick:()=>{return a=e.metadata.namespace,t=e.metadata.name,U({namespace:a,name:t}),void z(!0);var a,t},title:"Delete API Product",children:(0,l.jsx)(g.A,{fontSize:"small"})})]})}],Ie=[{title:"Name",field:"metadata.name",render:e=>(0,l.jsx)(f.N_,{to:`/kuadrant/planpolicy/${e.metadata.namespace}/${e.metadata.name}`,children:(0,l.jsx)("strong",{children:e.metadata.name})})},{title:"Namespace",field:"metadata.namespace"}];return(0,l.jsxs)(b.Y,{themeId:"tool",children:[(0,l.jsx)(P.Y,{title:"Kuadrant",subtitle:"API management for Kubernetes",children:(0,l.jsx)(S.Y,{children:"Manage API products and access requests"})}),(0,l.jsxs)(k.U,{children:[ke&&(0,l.jsx)(w.k,{}),we&&(0,l.jsx)(C._,{error:we}),Ce&&(0,l.jsxs)(i.A,{p:2,children:[(0,l.jsxs)(d.A,{color:"error",children:["unable to check permissions: ",Ce.message]}),(0,l.jsxs)(d.A,{variant:"body2",color:"textSecondary",children:["permission: ",G?"kuadrant.apiproduct.create":ce?"kuadrant.apiproduct.delete":le?"kuadrant.apikeyrequest.read.all":ge?"kuadrant.planpolicy.list":"unknown"]}),(0,l.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"please try again or contact your administrator"})]}),!ke&&!we&&!Ce&&(0,l.jsxs)(c.A,{container:!0,spacing:3,direction:"column",children:[(0,l.jsx)(c.A,{item:!0,children:(0,l.jsx)(H,{})}),(0,l.jsx)(c.A,{item:!0,children:(0,l.jsx)(T.n,{title:"API Products",action:V?(0,l.jsx)(i.A,{display:"flex",alignItems:"center",height:"100%",mt:1,children:(0,l.jsx)(u.A,{variant:"contained",color:"primary",size:"small",startIcon:(0,l.jsx)(v.A,{}),onClick:()=>W(!0),children:"Create API Product"})}):void 0,children:($e=null==je?void 0:je.items,$e&&0!==$e.length?(0,l.jsx)(y.X,{options:{paging:!1,search:!1,toolbar:!1},columns:Re,data:$e}):(0,l.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"No API products found"}))})}),Ae&&(0,l.jsx)(c.A,{item:!0,children:(0,l.jsx)(T.n,{title:"Plan Policies",children:(e=>e&&0!==e.length?(0,l.jsx)(y.X,{options:{paging:!1,search:!1,toolbar:!1},columns:Ie,data:e}):(0,l.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"No plan policies found"}))(null==be?void 0:be.items)})}),re&&(0,l.jsx)(c.A,{item:!0,children:(0,l.jsx)($.d,{})})]}),(0,l.jsx)(Y,{open:s,onClose:()=>W(!1),onSuccess:()=>{D(e=>e+1)}}),(0,l.jsx)(Q,{open:E,onClose:()=>q(!1),onSuccess:()=>{D(e=>e+1)},namespace:(null==B?void 0:B.namespace)||"",name:(null==B?void 0:B.name)||""}),(0,l.jsxs)(p.A,{open:M,onClose:Te,children:[(0,l.jsx)(m.A,{children:"Delete API Product"}),(0,l.jsx)(h.A,{children:(0,l.jsxs)(x.A,{children:["Are you sure you want to delete ",null==L?void 0:L.name," from namespace ",null==L?void 0:L.namespace,"? This will permanently remove the API Product from Kubernetes."]})}),(0,l.jsxs)(A.A,{children:[(0,l.jsx)(u.A,{onClick:Te,color:"primary",children:"Cancel"}),(0,l.jsx)(u.A,{onClick:async()=>{if(L){_(!0);try{if(!(await a.fetch(`${t}/api/kuadrant/apiproducts/${L.namespace}/${L.name}`,{method:"DELETE"})).ok)throw new Error("failed to delete apiproduct");D(e=>e+1)}catch(e){console.error("error deleting apiproduct:",e)}finally{_(!1),z(!1),U(null)}}},color:"secondary",disabled:O,children:O?"Deleting...":"Delete"})]})]})]})]});var $e},ee=()=>(0,l.jsx)(B,{permission:X.OP,errorMessage:"you don't have permission to view the Kuadrant page",children:(0,l.jsx)(Z,{})})}}]);
2
+ //# sourceMappingURL=7632.646001ce.chunk.js.map