@kuadrant/kuadrant-backstage-plugin-frontend 0.0.2-dev-19b0e56 → 0.0.2-dev-d4f65ae

package/dist-scalprum/static/4306.7eedfb3a.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[4306],{16400:(e,t,a)=>{a.d(t,{tN:()=>r}),a(31085),a(26659);var n=a(64218);function r(){const e=(0,n.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,n.createVersionedContext)("entity-context")},18466:(e,t,a)=>{var n=a(4293),r=a(78920);t.A=void 0;var i=r(a(95478)),s=(0,n(a(74044)).default)(i.createElement("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"Add");t.A=s},32269:(e,t,a)=>{var n=a(4293),r=a(78920);t.A=void 0;var i=r(a(95478)),s=(0,n(a(74044)).default)(i.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"}),"Visibility");t.A=s},34955:(e,t,a)=>{a.d(t,{Al:()=>s,EM:()=>d,FL:()=>i,J:()=>r,KN:()=>p,OP:()=>u,R_:()=>c,SU:()=>h,TE:()=>m,U3:()=>o,ai:()=>A,jH:()=>x,uL:()=>y,v_:()=>l,vs:()=>v});var n=a(83572);(0,n.i)({name:"kuadrant.planpolicy.create",attributes:{action:"create"}}),(0,n.i)({name:"kuadrant.planpolicy.read",attributes:{action:"read"}}),(0,n.i)({name:"kuadrant.planpolicy.update",attributes:{action:"update"}}),(0,n.i)({name:"kuadrant.planpolicy.delete",attributes:{action:"delete"}});const r=(0,n.i)({name:"kuadrant.planpolicy.list",attributes:{action:"read"}}),i=(0,n.i)({name:"kuadrant.apiproduct.create",attributes:{action:"create"}}),s=((0,n.i)({name:"kuadrant.apiproduct.read.own",attributes:{action:"read"}}),(0,n.i)({name:"kuadrant.apiproduct.read.all",attributes:{action:"read"}})),o=(0,n.i)({name:"kuadrant.apiproduct.update.own",attributes:{action:"update"}}),l=(0,n.i)({name:"kuadrant.apiproduct.update.all",attributes:{action:"update"}}),d=(0,n.i)({name:"kuadrant.apiproduct.delete.own",attributes:{action:"delete"}}),c=(0,n.i)({name:"kuadrant.apiproduct.delete.all",attributes:{action:"delete"}}),u=(0,n.i)({name:"kuadrant.apiproduct.list",attributes:{action:"read"}}),p=(0,n.i)({name:"kuadrant.apikeyrequest.create",attributes:{action:"create"},resourceType:"apiproduct"}),h=(0,n.i)({name:"kuadrant.apikeyrequest.read.own",attributes:{action:"read"}}),m=(0,n.i)({name:"kuadrant.apikeyrequest.read.all",attributes:{action:"read"}}),v=(0,n.i)({name:"kuadrant.apikeyrequest.update.own",attributes:{action:"update"}}),A=(0,n.i)({name:"kuadrant.apikeyrequest.update.all",attributes:{action:"update"}}),y=((0,n.i)({name:"kuadrant.apikeyrequest.delete.own",attributes:{action:"delete"}}),(0,n.i)({name:"kuadrant.apikeyrequest.delete.all",attributes:{action:"delete"}}),(0,n.i)({name:"kuadrant.apikeyrequest.list",attributes:{action:"read"}}),(0,n.i)({name:"kuadrant.apikey.read.own",attributes:{action:"read"}}),(0,n.i)({name:"kuadrant.apikey.read.all",attributes:{action:"read"}}),(0,n.i)({name:"kuadrant.apikey.delete.own",attributes:{action:"delete"}})),x=(0,n.i)({name:"kuadrant.apikey.delete.all",attributes:{action:"delete"}})},46205:(e,t,a)=>{a.d(t,{W:()=>i,l:()=>r});var n=a(87421);function r(e,t){const a="resourceType"in e?{permission:e,resourceRef:t}:{permission:e},r=(0,n.J)(a);return{allowed:r.allowed,loading:r.loading,error:r.error}}function i(e,t,a,n){return!!n||!(!a||e!==t)}},54306:(e,t,a)=>{a.r(t),a.d(t,{ApiKeyManagementTab:()=>U});var n=a(31085),r=a(95478),i=a(35015),s=a(26648),o=a(86687),l=a(42367),d=a(25010),c=a(10394),u=a(72501),p=a(31653),h=a(38605),m=a(67720),v=a(29365),A=a(78467),y=a(71677),x=a(42899),g=a(64947),f=a(76891),j=a(61477),b=a(46805),k=a(95061),w=a(48543),C=a(81215),q=a(26343),P=a(16249),S=a(93453),E=a(37757),z=a(22097),R=a(16400),I=a(32269),T=a(61524),$=a(93246),B=a(92399),W=a(18466),K=a(71407),N=a(34955),D=a(46205),L=a(84189),M=a(63221);const U=({namespace:e})=>{var t,a,U,H,V;const{entity:_}=(0,R.tN)(),O=(0,z.useApi)(z.configApiRef),F=(0,z.useApi)(z.identityApiRef),G=(0,z.useApi)(z.fetchApiRef),J=(0,z.useApi)(z.alertApiRef),X=O.getString("backend.baseUrl"),[Q,Y]=(0,r.useState)(new Set),[Z,ee]=(0,r.useState)(0),[te,ae]=(0,r.useState)(""),[ne,re]=(0,r.useState)(""),[ie,se]=(0,r.useState)(!1),[oe,le]=(0,r.useState)(""),[de,ce]=(0,r.useState)(""),[ue,pe]=(0,r.useState)(!1),[he,me]=(0,r.useState)(null),[ve,Ae]=(0,r.useState)(!1),[ye,xe]=(0,r.useState)(null),[ge,fe]=(0,r.useState)(null),[je,be]=(0,r.useState)(null),[ke,we]=(0,r.useState)(null),[Ce,qe]=(0,r.useState)(new Set),[Pe,Se]=(0,r.useState)({open:!1,request:null}),Ee=(null===(t=_.metadata.annotations)||void 0===t?void 0:t["kuadrant.io/apiproduct"])||_.metadata.name,ze=(null===(a=_.metadata.annotations)||void 0===a?void 0:a["kuadrant.io/namespace"])||e||"default";(0,i.A)(async()=>{const e=await F.getBackstageIdentity(),t=await F.getProfileInfo();ae(e.userEntityRef),re(t.email||"")},[F]);const{value:Re,loading:Ie,error:Te}=(0,i.A)(async()=>{const e=await G.fetch(`${X}/api/kuadrant/requests/my?namespace=${ze}`);if(!e.ok)throw new Error("failed to fetch requests");return((await e.json()).items||[]).filter(e=>e.spec.apiName===Ee&&e.spec.apiNamespace===ze)},[Ee,ze,Z,G,X]),{value:$e,loading:Be,error:We}=(0,i.A)(async()=>{var e;const t=await G.fetch(`${X}/api/kuadrant/apiproducts`);if(!t.ok)throw new Error("failed to fetch api products");return null===(e=(await t.json()).items)||void 0===e?void 0:e.find(e=>e.metadata.namespace===ze&&e.metadata.name===Ee)},[ze,Ee,G]),Ke=$e?`apiproduct:${$e.metadata.namespace}/${$e.metadata.name}`:void 0,{allowed:Ne,loading:De,error:Le}=(0,D.l)(N.KN,Ke),{allowed:Me,loading:Ue,error:He}=(0,D.l)(N.uL),{allowed:Ve,loading:_e,error:Oe}=(0,D.l)(N.jH),{allowed:Fe,loading:Ge,error:Je}=(0,D.l)(N.vs),Xe=()=>{fe(null),be(null)},Qe=()=>{je&&(xe(je),Ae(!0),Xe())},Ye=()=>{if(!je)return;const e=je;Xe(),Se({open:!0,request:e})},Ze=(0,r.useMemo)(()=>[{render:e=>{var t;const a=e.rowData;return(null==a||null===(t=a.metadata)||void 0===t?void 0:t.name)?(0,n.jsx)(et,{request:a,apiName:Ee}):(0,n.jsx)(c.A,{})}}],[Ee]),et=({request:e,apiName:t})=>{var a,i,o,l,d;const[m,v]=(0,r.useState)(0),A=(null===(a=e.status)||void 0===a?void 0:a.apiHostname)||`${t}.apps.example.com`;return(0,n.jsxs)(c.A,{p:3,bgcolor:"background.default",onClick:e=>e.stopPropagation(),children:[e.spec.useCase&&(0,n.jsxs)(c.A,{mb:3,children:[(0,n.jsx)(u.A,{variant:"h6",gutterBottom:!0,children:"Use Case"}),(0,n.jsx)(c.A,{p:2,bgcolor:"background.paper",borderRadius:1,border:"1px solid rgba(0, 0, 0, 0.12)",children:(0,n.jsx)(u.A,{variant:"body2",style:{whiteSpace:"pre-wrap",wordBreak:"break-word",overflowWrap:"break-word"},children:e.spec.useCase})})]}),(0,n.jsx)(u.A,{variant:"h6",gutterBottom:!0,children:"Usage Examples"}),(0,n.jsxs)(u.A,{variant:"body2",paragraph:!0,children:["Use these code examples to test the API with your ",e.spec.planTier," tier key."]}),(0,n.jsx)(c.A,{onClick:e=>e.stopPropagation(),children:(0,n.jsxs)(p.A,{value:m,onChange:(e,t)=>{e.stopPropagation(),v(t)},indicatorColor:"primary",children:[(0,n.jsx)(h.A,{label:"cURL",onClick:e=>e.stopPropagation()}),(0,n.jsx)(h.A,{label:"Node.js",onClick:e=>e.stopPropagation()}),(0,n.jsx)(h.A,{label:"Python",onClick:e=>e.stopPropagation()}),(0,n.jsx)(h.A,{label:"Go",onClick:e=>e.stopPropagation()})]})}),(0,n.jsxs)(c.A,{mt:2,children:[0===m&&(0,n.jsx)(s.z,{text:`curl -X GET https://${A}/api/v1/endpoint \\\n  -H "Authorization: Bearer ${null===(i=e.status)||void 0===i?void 0:i.apiKey}"`,language:"bash",showCopyCodeButton:!0}),1===m&&(0,n.jsx)(s.z,{text:`const fetch = require('node-fetch');\n\nconst apiKey = '${null===(o=e.status)||void 0===o?void 0:o.apiKey}';\nconst endpoint = 'https://${A}/api/v1/endpoint';\n\nfetch(endpoint, {\n  method: 'GET',\n  headers: {\n    'Authorization': \`Bearer \${apiKey}\`\n  }\n})\n  .then(response => response.json())\n  .then(data => console.log(data))\n  .catch(error => console.error('Error:', error));`,language:"javascript",showCopyCodeButton:!0}),2===m&&(0,n.jsx)(s.z,{text:`import requests\n\napi_key = '${null===(l=e.status)||void 0===l?void 0:l.apiKey}'\nendpoint = 'https://${A}/api/v1/endpoint'\n\nheaders = {\n    'Authorization': f'Bearer {api_key}'\n}\n\nresponse = requests.get(endpoint, headers=headers)\nprint(response.json())`,language:"python",showCopyCodeButton:!0}),3===m&&(0,n.jsx)(s.z,{text:`package main\n\nimport (\n    "fmt"\n    "net/http"\n    "io"\n)\n\nfunc main() {\n    apiKey := "${null===(d=e.status)||void 0===d?void 0:d.apiKey}"\n    endpoint := "https://${A}/api/v1/endpoint"\n\n    client := &http.Client{}\n    req, _ := http.NewRequest("GET", endpoint, nil)\n    req.Header.Add("Authorization", "Bearer " + apiKey)\n\n    resp, err := client.Do(req)\n    if err != nil {\n        fmt.Println("Error:", err)\n        return\n    }\n    defer resp.Body.Close()\n\n    body, _ := io.ReadAll(resp.Body)\n    fmt.Println(string(body))\n}`,language:"go",showCopyCodeButton:!0})]})]})},tt=Te||We,at=Le||He||Oe||Je;if(Ie||Be||De||Ue||_e||Ge)return(0,n.jsx)(o.k,{});if(tt)return(0,n.jsx)(l._,{error:tt});if(at){const e=Le?"kuadrant.apikeyrequest.create":He?"kuadrant.apikey.delete.own":Oe?"kuadrant.apikey.delete.all":Je?"kuadrant.apikeyrequest.update.own":"unknown";return(0,n.jsxs)(c.A,{p:2,children:[(0,n.jsxs)(u.A,{color:"error",children:["Unable to check permissions: ",at.message]}),(0,n.jsxs)(u.A,{variant:"body2",color:"textSecondary",children:["Permission: ",e]}),(0,n.jsx)(u.A,{variant:"body2",color:"textSecondary",children:"Please try again or contact your administrator"})]})}const nt=(Re||[]).filter(e=>!Ce.has(e.metadata.name)),rt=(null==$e||null===(U=$e.spec)||void 0===U?void 0:U.plans)||[],it=nt.filter(e=>{var t;return!(null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending"===e.status.phase}),st=nt.filter(e=>{var t;return"Approved"===(null===(t=e.status)||void 0===t?void 0:t.phase)}),ot=nt.filter(e=>{var t;return"Rejected"===(null===(t=e.status)||void 0===t?void 0:t.phase)}),lt=[{title:"Plan Tier",field:"spec.planTier",render:e=>(0,n.jsx)(m.A,{label:e.spec.planTier,color:"primary",size:"small"})},{title:"Approved",field:"status.reviewedAt",render:e=>{var t;return(0,n.jsx)(u.A,{variant:"body2",children:(null===(t=e.status)||void 0===t?void 0:t.reviewedAt)?new Date(e.status.reviewedAt).toLocaleDateString():"-"})}},{title:"API Key",field:"status.apiKey",searchable:!1,filtering:!1,render:e=>{var t;const a=Q.has(e.metadata.name),r=(null===(t=e.status)||void 0===t?void 0:t.apiKey)||"N/A";return(0,n.jsxs)(c.A,{display:"flex",alignItems:"center",children:[(0,n.jsx)(u.A,{variant:"body2",style:{fontFamily:"monospace",marginRight:8},children:a?r:"••••••••••••••••"}),(0,n.jsx)(v.A,{size:"small",onClick:()=>{return t=e.metadata.name,void Y(e=>{const a=new Set(e);return a.has(t)?a.delete(t):a.add(t),a});var t},children:a?(0,n.jsx)(T.A,{}):(0,n.jsx)(I.A,{})})]})}},{title:"",field:"actions",searchable:!1,filtering:!1,render:e=>{if(ke===e.metadata.name)return(0,n.jsx)(A.A,{size:20});const t=e.spec.requestedBy.userId;return(0,D.W)(t,te,Me,Ve)?(0,n.jsx)(v.A,{size:"small",onClick:t=>{t.stopPropagation();const a=t.currentTarget.getBoundingClientRect();fe({top:a.bottom,left:a.left}),be(e)},title:"Actions","aria-controls":ge?"actions-menu":void 0,"aria-haspopup":"true",children:(0,n.jsx)(K.A,{})}):null}}],dt=[{title:"Status",field:"status.phase",render:e=>{var t;const a=(null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending",r="Pending"===a;return(0,n.jsx)(m.A,{label:a,size:"small",icon:r?(0,n.jsx)($.A,{}):(0,n.jsx)(B.A,{}),color:r?"default":"secondary"})}},{title:"Plan Tier",field:"spec.planTier",render:e=>(0,n.jsx)(m.A,{label:e.spec.planTier,color:"primary",size:"small"})},{title:"Use Case",field:"spec.useCase",render:e=>e.spec.useCase?(0,n.jsx)(y.Ay,{title:e.spec.useCase,placement:"top",children:(0,n.jsx)(u.A,{variant:"body2",style:{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.spec.useCase})}):(0,n.jsx)(u.A,{variant:"body2",children:"-"})},{title:"Requested",field:"spec.requestedAt",render:e=>(0,n.jsx)(u.A,{variant:"body2",children:e.spec.requestedAt?new Date(e.spec.requestedAt).toLocaleDateString():"-"})},{title:"Reviewed",field:"status.reviewedAt",render:e=>{var t;return(null===(t=e.status)||void 0===t?void 0:t.reviewedAt)?(0,n.jsx)(u.A,{variant:"body2",children:new Date(e.status.reviewedAt).toLocaleDateString()}):(0,n.jsx)(u.A,{variant:"body2",children:"-"})}},{title:"Reason",field:"status.reason",render:e=>{var t;return(null===(t=e.status)||void 0===t?void 0:t.reason)?(0,n.jsx)(y.Ay,{title:e.status.reason,placement:"top",children:(0,n.jsx)(u.A,{variant:"body2",style:{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.status.reason})}):(0,n.jsx)(u.A,{variant:"body2",children:"-"})}},{title:"",field:"actions",searchable:!1,filtering:!1,render:e=>{var t;if(ke===e.metadata.name)return(0,n.jsx)(A.A,{size:20});const a=!(null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending"===e.status.phase,r=e.spec.requestedBy.userId,i=(0,D.W)(r,te,Me,Ve);return a&&(Fe&&r===te||i)?(0,n.jsx)(v.A,{size:"small",onClick:t=>{t.stopPropagation();const a=t.currentTarget.getBoundingClientRect();fe({top:a.bottom,left:a.left}),be(e)},title:"Actions","aria-controls":ge?"actions-menu":void 0,"aria-haspopup":"true",children:(0,n.jsx)(K.A,{})}):null}}],ct=dt.filter(e=>"Reviewed"!==e.title&&"Reason"!==e.title);return(0,n.jsxs)(c.A,{p:2,children:[(0,n.jsxs)(x.A,{container:!0,spacing:3,direction:"column",children:[Ne&&(0,n.jsx)(x.A,{item:!0,children:(0,n.jsxs)(c.A,{display:"flex",flexDirection:"column",alignItems:"flex-end",mb:2,children:[(0,n.jsx)(g.A,{variant:"contained",color:"primary",startIcon:(0,n.jsx)(W.A,{}),onClick:()=>se(!0),disabled:0===rt.length,children:"Request API Access"}),0===rt.length&&(0,n.jsx)(u.A,{variant:"caption",color:"textSecondary",style:{marginTop:4},children:$e?"No plans available":"API product not found"})]})}),0===it.length&&0===ot.length&&0===st.length&&(0,n.jsx)(x.A,{item:!0,children:(0,n.jsx)(c.A,{p:3,textAlign:"center",children:(0,n.jsx)(u.A,{variant:"body1",color:"textSecondary",children:"No API keys yet. Request access to get started."})})}),it.length>0&&(0,n.jsx)(x.A,{item:!0,children:(0,n.jsx)(d.X,{title:"Pending Requests",options:{paging:it.length>5,pageSize:20,search:!0,filtering:!0,debounceInterval:300,toolbar:!0,emptyRowsWhenPaging:!1},columns:ct,data:it})}),ot.length>0&&(0,n.jsx)(x.A,{item:!0,children:(0,n.jsx)(d.X,{title:"Rejected Requests",options:{paging:ot.length>5,pageSize:20,search:!0,filtering:!0,debounceInterval:300,toolbar:!0,emptyRowsWhenPaging:!1},columns:dt,data:ot})}),st.length>0&&(0,n.jsx)(x.A,{item:!0,children:(0,n.jsx)(d.X,{title:"API Keys",options:{paging:st.length>5,pageSize:20,search:!0,filtering:!0,debounceInterval:300,toolbar:!0,emptyRowsWhenPaging:!1},columns:lt,data:st,detailPanel:Ze},"api-keys-table")})]}),(0,n.jsxs)(f.A,{open:ie,onClose:()=>se(!1),maxWidth:"sm",fullWidth:!0,children:[(0,n.jsx)(j.A,{children:"Request API Access"}),(0,n.jsxs)(b.A,{children:[he&&(0,n.jsx)(c.A,{mb:2,p:2,bgcolor:"error.main",color:"error.contrastText",borderRadius:1,children:(0,n.jsx)(u.A,{variant:"body2",children:he})}),(0,n.jsxs)(k.A,{fullWidth:!0,margin:"normal",disabled:ue,children:[(0,n.jsx)(w.A,{children:"Select Plan Tier"}),(0,n.jsx)(C.A,{value:oe,onChange:e=>le(e.target.value),disabled:ue,children:rt.map(e=>{const t=Object.entries(e.limits||{}).map(([e,t])=>`${t} per ${e}`).join(", ");return(0,n.jsxs)(q.A,{value:e.tier,children:[e.tier," ",t?`(${t})`:""]},e.tier)})})]}),(0,n.jsx)(P.A,{label:"Use Case (optional)",placeholder:"Describe how you plan to use this API",multiline:!0,rows:3,fullWidth:!0,margin:"normal",value:de,onChange:e=>ce(e.target.value),helperText:"Explain your intended use of this API for admin review",disabled:ue})]}),(0,n.jsxs)(S.A,{children:[(0,n.jsx)(g.A,{onClick:()=>se(!1),disabled:ue,children:"Cancel"}),(0,n.jsx)(g.A,{onClick:async()=>{if(oe){pe(!0),me(null);try{const e=await G.fetch(`${X}/api/kuadrant/requests`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiName:Ee,apiNamespace:ze,userId:te,userEmail:ne,planTier:oe,useCase:de.trim()||"",namespace:ze})});if(!e.ok){const t=await e.json().catch(()=>({}));throw new Error(t.error||`failed to create request: ${e.status}`)}J.post({message:"API access request submitted successfully",severity:"success",display:"transient"}),se(!1),le(""),ce(""),ee(e=>e+1)}catch(e){const t=e instanceof Error?e.message:"unknown error occurred";J.post({message:`Failed to create API access request: ${t}`,severity:"error",display:"transient"}),me(t)}finally{pe(!1)}}},color:"primary",variant:"contained",disabled:!oe||ue,startIcon:ue?(0,n.jsx)(A.A,{size:16,color:"inherit"}):void 0,children:ue?"Submitting...":"Submit Request"})]})]}),(0,n.jsx)(E.A,{id:"actions-menu",open:Boolean(ge),onClose:Xe,anchorReference:"anchorPosition",anchorPosition:ge||{top:0,left:0},children:je&&(()=>{var e;const t=!(null===(e=je.status)||void 0===e?void 0:e.phase)||"Pending"===je.status.phase,a=je.spec.requestedBy.userId,r=[];return Fe&&a===te&&t&&r.push((0,n.jsx)(q.A,{onClick:Qe,children:"Edit"},"edit")),r.push((0,n.jsx)(q.A,{onClick:Ye,children:"Delete"},"delete")),r})()}),ye&&(0,n.jsx)(L.n,{open:ve,onClose:()=>{Ae(!1),xe(null)},onSuccess:()=>{ee(e=>e+1),Ae(!1),J.post({message:"Request updated",severity:"success",display:"transient"}),xe(null)},request:ye,availablePlans:rt}),(0,n.jsx)(M.K,{open:Pe.open,title:"Delete Request",description:`Are you sure you want to delete this ${"Approved"===(null===(V=Pe.request)||void 0===V||null===(H=V.status)||void 0===H?void 0:H.phase)?"API key":"request"}?`,deleting:null!==ke,onConfirm:async()=>{Pe.request&&(await(async e=>{qe(t=>new Set(t).add(e)),we(e);try{if(!(await G.fetch(`${X}/api/kuadrant/requests/${ze}/${e}`,{method:"DELETE"})).ok)throw new Error("failed to delete request");J.post({message:"API key request deleted successfully",severity:"success",display:"transient"}),ee(e=>e+1)}catch(t){const a=t instanceof Error?t.message:"unknown error occurred";qe(t=>{const a=new Set(t);return a.delete(e),a}),J.post({message:`Failed to delete API key request: ${a}`,severity:"error",display:"transient"})}finally{we(null)}})(Pe.request.metadata.name),Se({open:!1,request:null}))},onCancel:()=>{Se({open:!1,request:null})}})]})}},61524:(e,t,a)=>{var n=a(4293),r=a(78920);t.A=void 0;var i=r(a(95478)),s=(0,n(a(74044)).default)(i.createElement("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"}),"VisibilityOff");t.A=s},63221:(e,t,a)=>{a.d(t,{K:()=>A});var n=a(31085),r=a(95478),i=a(76891),s=a(61477),o=a(10394),l=a(46805),d=a(59461),c=a(72501),u=a(16249),p=a(93453),h=a(64947),m=a(78467),v=a(77225);const A=({open:e,title:t,description:a,confirmText:A,severity:y="normal",deleting:x=!1,onConfirm:g,onCancel:f})=>{const[j,b]=(0,r.useState)("");(0,r.useEffect)(()=>{e||b("")},[e]);const k="high"===y&&A,w=!k||j===A;return(0,n.jsxs)(i.A,{open:e,onClose:x?void 0:f,maxWidth:"sm",fullWidth:!0,children:[(0,n.jsxs)(s.A,{children:["high"===y&&(0,n.jsxs)(o.A,{display:"flex",alignItems:"center",style:{gap:8},children:[(0,n.jsx)(v.A,{color:"error"}),(0,n.jsx)("span",{children:t})]}),"high"!==y&&t]}),(0,n.jsxs)(l.A,{children:[(0,n.jsx)(d.A,{children:a}),k&&(0,n.jsxs)(o.A,{mt:2,children:[(0,n.jsxs)(c.A,{variant:"body2",color:"textSecondary",gutterBottom:!0,children:["Type ",(0,n.jsx)("strong",{children:A})," to confirm:"]}),(0,n.jsx)(u.A,{fullWidth:!0,variant:"outlined",size:"small",value:j,onChange:e=>b(e.target.value),disabled:x,autoFocus:!0,placeholder:A})]})]}),(0,n.jsxs)(p.A,{children:[(0,n.jsx)(h.A,{onClick:f,disabled:x,children:"Cancel"}),(0,n.jsx)(h.A,{onClick:()=>{w&&g()},color:"secondary",variant:"contained",disabled:x||!w,startIcon:x?(0,n.jsx)(m.A,{size:16,color:"inherit"}):void 0,children:x?"Deleting...":"Delete"})]})]})}},71407:(e,t,a)=>{var n=a(4293),r=a(78920);t.A=void 0;var i=r(a(95478)),s=(0,n(a(74044)).default)(i.createElement("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreVert");t.A=s},77225:(e,t,a)=>{var n=a(4293),r=a(78920);t.A=void 0;var i=r(a(95478)),s=(0,n(a(74044)).default)(i.createElement("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}),"Warning");t.A=s},84189:(e,t,a)=>{a.d(t,{n:()=>g});var n=a(31085),r=a(95478),i=a(76891),s=a(61477),o=a(46805),l=a(10394),d=a(72501),c=a(95061),u=a(48543),p=a(81215),h=a(26343),m=a(16249),v=a(93453),A=a(64947),y=a(78467),x=a(22097);const g=({open:e,onClose:t,onSuccess:a,request:g,availablePlans:f})=>{const j=(0,x.useApi)(x.configApiRef),b=(0,x.useApi)(x.fetchApiRef),k=j.getString("backend.baseUrl"),[w,C]=(0,r.useState)(""),[q,P]=(0,r.useState)(""),[S,E]=(0,r.useState)(!1),[z,R]=(0,r.useState)("");(0,r.useEffect)(()=>{e&&g&&(C(g.spec.planTier||""),P(g.spec.useCase||""),R(""))},[e,g]);const I=()=>{S||(R(""),t())};return(0,n.jsxs)(i.A,{open:e,onClose:I,maxWidth:"sm",fullWidth:!0,children:[(0,n.jsx)(s.A,{children:"Edit API Access Request"}),(0,n.jsxs)(o.A,{children:[z&&(0,n.jsx)(l.A,{mb:2,p:2,bgcolor:"error.main",color:"error.contrastText",borderRadius:1,children:(0,n.jsx)(d.A,{variant:"body2",children:z})}),(0,n.jsxs)(c.A,{fullWidth:!0,margin:"normal",children:[(0,n.jsx)(u.A,{children:"Plan Tier"}),(0,n.jsx)(p.A,{value:w,onChange:e=>C(e.target.value),disabled:S,children:f.map(e=>{const t=Object.entries(e.limits||{}).map(([e,t])=>`${t} per ${e}`).join(", ");return(0,n.jsxs)(h.A,{value:e.tier,children:[e.tier," ",t?`(${t})`:""]},e.tier)})})]}),(0,n.jsx)(m.A,{label:"Use Case",placeholder:"Describe how you plan to use this API",multiline:!0,rows:3,fullWidth:!0,margin:"normal",value:q,onChange:e=>P(e.target.value),disabled:S,helperText:"Explain your intended use of this API for admin review"})]}),(0,n.jsxs)(v.A,{children:[(0,n.jsx)(A.A,{onClick:I,disabled:S,children:"Cancel"}),(0,n.jsx)(A.A,{onClick:async()=>{if(w){R(""),E(!0);try{const e={spec:{planTier:w,useCase:q.trim()}},n=await b.fetch(`${k}/api/kuadrant/requests/${g.metadata.namespace}/${g.metadata.name}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!n.ok){const e=await n.json().catch(()=>({}));throw new Error(e.error||`Failed to update request: ${n.status}`)}a(),t()}catch(e){console.error("Error updating API key request:",e),R(e instanceof Error?e.message:"Unknown error occurred")}finally{E(!1)}}else R("Please select a plan tier")},color:"primary",variant:"contained",disabled:!w||S,startIcon:S?(0,n.jsx)(y.A,{size:16,color:"inherit"}):void 0,children:S?"Saving...":"Save Changes"})]})]})}},93246:(e,t,a)=>{var n=a(4293),r=a(78920);t.A=void 0;var i=r(a(95478)),s=(0,n(a(74044)).default)(i.createElement("path",{d:"M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z"}),"HourglassEmpty");t.A=s}}]);
-//# sourceMappingURL=4306.7eedfb3a.chunk.js.map

package/dist-scalprum/static/6281.5f4d856e.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[6281],{16281:(e,t,a)=>{a.d(t,{d:()=>T});var r=a(31085),s=a(95478),n=a(22097),i=a(35015),o=a(42367),d=a(86687),l=a(25010),c=a(96040),p=a(34955),u=a(46205),m=a(76891),h=a(61477),v=a(46805),A=a(10394),y=a(72501),j=a(16249),g=a(93453),x=a(64947),b=a(78467),f=a(67720),q=a(71677),k=a(31653),w=a(38605),C=a(8973),R=a(29655),$=a(91567),S=a(55429),N=a(92399),I=a(6924);const B=({open:e,request:t,action:a,processing:n,onClose:i,onConfirm:o})=>{const[d,l]=(0,s.useState)("");(0,s.useEffect)(()=>{e||l("")},[e]);const c="approve"===a?"Approve":"Reject",p="approve"===a?"Approving...":"Rejecting...";return(0,r.jsxs)(m.A,{open:e,onClose:n?void 0:i,maxWidth:"sm",fullWidth:!0,children:[(0,r.jsxs)(h.A,{children:[c," 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)(y.A,{variant:"body2",component:"span",style:{fontWeight:"bold"},children:"Use Case:"})," ",(0,r.jsx)(y.A,{variant:"body2",component:"span",style:{whiteSpace:"pre-wrap"},children:t.spec.useCase||"-"})]}),(0,r.jsx)(j.A,{label:"Comment (optional)",multiline:!0,rows:3,fullWidth:!0,margin:"normal",value:d,onChange:e=>l(e.target.value),disabled:n})]})}),(0,r.jsxs)(g.A,{children:[(0,r.jsx)(x.A,{onClick:i,disabled:n,children:"Cancel"}),(0,r.jsx)(x.A,{onClick:()=>{o(d)},color:"approve"===a?"primary":"secondary",variant:"contained",disabled:n,startIcon:n?(0,r.jsx)(b.A,{size:16,color:"inherit"}):void 0,children:n?p:c})]})]})},P=({open:e,requests:t,action:a,processing:n,onClose:i,onConfirm:o})=>{const[d,l]=(0,s.useState)("");(0,s.useEffect)(()=>{e||l("")},[e]);const c="approve"===a,p=c?"Approve All":"Reject All",u=c?"Approving...":"Rejecting...";return(0,r.jsxs)(m.A,{open:e,onClose:n?void 0:i,maxWidth:"md",fullWidth:!0,children:[(0,r.jsxs)(h.A,{children:[c?"Approve":"Reject"," ",t.length," API Key Requests"]}),(0,r.jsxs)(v.A,{children:[(0,r.jsxs)(y.A,{variant:"body2",paragraph:!0,children:["You are about to ",c?"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)(y.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)(j.A,{label:"Comment (optional)",multiline:!0,fullWidth:!0,margin:"normal",value:d,onChange:e=>l(e.target.value),helperText:`This comment will be applied to all ${c?"approved":"rejected"} requests`,disabled:n})]}),(0,r.jsxs)(g.A,{children:[(0,r.jsx)(x.A,{onClick:i,disabled:n,children:"Cancel"}),(0,r.jsx)(x.A,{onClick:()=>{o(d)},color:c?"primary":"secondary",variant:"contained",disabled:n,startIcon:n?(0,r.jsx)(b.A,{size:16,color:"inherit"}):void 0,children:n?u:p})]})]})},T=()=>{const e=(0,n.useApi)(n.configApiRef),t=(0,n.useApi)(n.fetchApiRef),a=(0,n.useApi)(n.identityApiRef),m=(0,n.useApi)(n.alertApiRef),h=e.getString("backend.baseUrl"),[v,j]=(0,s.useState)(0),[g,b]=(0,s.useState)(0),[T,z]=(0,s.useState)([]),[W,U]=(0,s.useState)({open:!1,request:null,action:"approve",processing:!1}),[E,O]=(0,s.useState)({open:!1,requests:[],action:"approve",processing:!1}),{allowed:_,loading:Q,error:F}=(0,u.l)(p.ai),{allowed:J,loading:D,error:K}=(0,u.l)(p.vs),L=_||J,M=Q||D,H=F||K,{value:G,loading:X,error:Y}=(0,i.A)(async()=>{const e=(await a.getBackstageIdentity()).userEntityRef;console.log("ApprovalQueueCard: fetching all requests from",`${h}/api/kuadrant/requests`);const r=await t.fetch(`${h}/api/kuadrant/requests`);if(!r.ok)return console.log("ApprovalQueueCard: failed to fetch requests, status:",r.status),{pending:[],approved:[],rejected:[],reviewedBy:e};const s=r.headers.get("content-type");if(!s||!s.includes("application/json"))return console.log("ApprovalQueueCard: received non-json response"),{pending:[],approved:[],rejected:[],reviewedBy:e};const n=(await r.json()).items||[];console.log("ApprovalQueueCard: received",n.length,"total requests"),console.log("ApprovalQueueCard: raw requests:",n);const i=n.filter(e=>{var t;return"Pending"===((null===(t=e.status)||void 0===t?void 0:t.phase)||"Pending")}),o=n.filter(e=>{var t;return"Approved"===(null===(t=e.status)||void 0===t?void 0:t.phase)}),d=n.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:o.length,rejected:d.length}),{pending:i,approved:o,rejected:d,reviewedBy:e}},[h,t,a,v]);if(X||M)return(0,r.jsx)(d.k,{});if(Y)return(0,r.jsx)(o._,{error:Y});if(H)return(0,r.jsxs)(A.A,{p:2,children:[(0,r.jsxs)(y.A,{color:"error",children:["Unable to check permissions: ",H.message]}),(0,r.jsx)(y.A,{variant:"body2",color:"textSecondary",children:"Permission: kuadrant.apikeyrequest.update.all"}),(0,r.jsx)(y.A,{variant:"body2",color:"textSecondary",children:"Please try again or contact your administrator"})]});const V=(null==G?void 0:G.pending)||[],Z=(null==G?void 0:G.approved)||[],ee=(null==G?void 0:G.rejected)||[],te=e=>new Date(e).toLocaleDateString("en-GB",{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}),ae=[{title:"Request Name",field:"metadata.name",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.metadata.name})},{title:"User",field:"spec.requestedBy.userId",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.spec.requestedBy.userId})},{title:"API",field:"spec.apiName",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:(0,r.jsx)("strong",{children:e.spec.apiName})})},{title:"Namespace",field:"spec.apiNamespace",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.spec.apiNamespace})},{title:"Plan",field:"spec.planTier",render:e=>(0,r.jsx)(f.A,{label:e.spec.planTier,size:"small"})},{title:"Use Case",field:"spec.useCase",render:e=>e.spec.useCase?(0,r.jsx)(q.Ay,{title:e.spec.useCase,placement:"top",children:(0,r.jsx)(y.A,{variant:"body2",style:{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.spec.useCase})}):(0,r.jsx)(y.A,{variant:"body2",children:"-"})},{title:"Requested",field:"spec.requestedAt",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.spec.requestedAt?te(e.spec.requestedAt):"-"})},{title:"Actions",filtering:!1,render:e=>L?(0,r.jsxs)(A.A,{display:"flex",style:{gap:8},children:[(0,r.jsx)(x.A,{size:"small",startIcon:(0,r.jsx)(S.A,{}),onClick:()=>{U({open:!0,request:e,action:"approve",processing:!1})},color:"primary",variant:"outlined",children:"Approve"}),(0,r.jsx)(x.A,{size:"small",startIcon:(0,r.jsx)(N.A,{}),onClick:()=>{U({open:!0,request:e,action:"reject",processing:!1})},color:"secondary",variant:"outlined",children:"Reject"})]}):null}],re=[{title:"Request Name",field:"metadata.name",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.metadata.name})},{title:"User",field:"spec.requestedBy.userId",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.spec.requestedBy.userId})},{title:"API",field:"spec.apiName",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:(0,r.jsx)("strong",{children:e.spec.apiName})})},{title:"Namespace",field:"spec.apiNamespace",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.spec.apiNamespace})},{title:"Plan",field:"spec.planTier",render:e=>(0,r.jsx)(f.A,{label:e.spec.planTier,size:"small"})},{title:"Requested",field:"spec.requestedAt",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.spec.requestedAt?te(e.spec.requestedAt):"-"})},{title:"Approved",field:"status.reviewedAt",render:e=>{var t;return(0,r.jsx)(y.A,{variant:"body2",children:(null===(t=e.status)||void 0===t?void 0:t.reviewedAt)?te(e.status.reviewedAt):"-"})}},{title:"Reviewed By",field:"status.reviewedBy",render:e=>{var t;return(0,r.jsx)(y.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)(f.A,{label:a?"Automatic":"Manual",size:"small",color:a?"default":"primary"})}}],se=[{title:"Request Name",field:"metadata.name",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.metadata.name})},{title:"User",field:"spec.requestedBy.userId",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.spec.requestedBy.userId})},{title:"API",field:"spec.apiName",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:(0,r.jsx)("strong",{children:e.spec.apiName})})},{title:"Namespace",field:"spec.apiNamespace",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.spec.apiNamespace})},{title:"Plan",field:"spec.planTier",render:e=>(0,r.jsx)(f.A,{label:e.spec.planTier,size:"small"})},{title:"Requested",field:"spec.requestedAt",render:e=>(0,r.jsx)(y.A,{variant:"body2",children:e.spec.requestedAt?te(e.spec.requestedAt):"-"})},{title:"Rejected",field:"status.reviewedAt",render:e=>{var t;return(0,r.jsx)(y.A,{variant:"body2",children:(null===(t=e.status)||void 0===t?void 0:t.reviewedAt)?te(e.status.reviewedAt):"-"})}},{title:"Reviewed By",field:"status.reviewedBy",render:e=>{var t;return(0,r.jsx)(y.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)(q.Ay,{title:e.status.reason,placement:"top",children:(0,r.jsx)(y.A,{variant:"body2",style:{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.status.reason})}):(0,r.jsx)(y.A,{variant:"body2",children:"-"})}}],ne=(()=>{const e=e=>e.map(e=>({...e,id:e.metadata.name}));switch(g){case 0:default:return{data:e(Z),columns:re,showSelection:!1};case 1:return{data:V.map(e=>{const t=T.some(t=>t.metadata.name===e.metadata.name&&t.metadata.namespace===e.metadata.namespace);return{...e,tableData:{checked:t}}}),columns:ae,showSelection:!0};case 2:return{data:e(ee),columns:se,showSelection:!1}}})(),ie=(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),oe=Array.from(ie.keys()).sort();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(c.n,{title:"API Access Requests",subheader:`${V.length} pending, ${Z.length} approved, ${ee.length} rejected`,children:[(0,r.jsx)(A.A,{mb:2,children:(0,r.jsxs)(k.A,{value:g,onChange:(e,t)=>{b(t),z([])},indicatorColor:"primary",textColor:"primary",children:[(0,r.jsx)(w.A,{label:`Approved (${Z.length})`}),(0,r.jsx)(w.A,{label:`Pending (${V.length})`}),(0,r.jsx)(w.A,{label:`Rejected (${ee.length})`})]})}),L&&1===g&&T.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)(y.A,{variant:"body2",children:[T.length," request",1!==T.length?"s":""," selected"]}),(0,r.jsxs)(A.A,{display:"flex",style:{gap:8},children:[(0,r.jsx)(x.A,{size:"small",variant:"contained",color:"primary",startIcon:(0,r.jsx)(S.A,{}),onClick:()=>{0!==T.length&&O({open:!0,requests:T,action:"approve",processing:!1})},children:"Approve Selected"}),(0,r.jsx)(x.A,{size:"small",variant:"contained",color:"secondary",startIcon:(0,r.jsx)(N.A,{}),onClick:()=>{0!==T.length&&O({open:!0,requests:T,action:"reject",processing:!1})},children:"Reject Selected"})]})]}),0===ne.data.length?(0,r.jsx)(A.A,{p:3,textAlign:"center",children:(0,r.jsxs)(y.A,{variant:"body1",color:"textSecondary",children:[0===g&&"No approved requests.",1===g&&"No pending requests.",2===g&&"No rejected requests."]})}):(0,r.jsx)(A.A,{children:oe.map(e=>{const t=ie.get(e)||[];return(0,r.jsxs)(C.A,{defaultExpanded:1===oe.length,children:[(0,r.jsx)(R.A,{expandIcon:(0,r.jsx)(I.A,{}),children:(0,r.jsxs)(A.A,{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",children:[(0,r.jsx)(y.A,{variant:"h6",children:e}),(0,r.jsx)(f.A,{label:`${t.length} request${1!==t.length?"s":""}`,size:"small",color:"primary",style:{marginRight:16}})]})}),(0,r.jsx)($.A,{children:(0,r.jsx)(A.A,{width:"100%",children:(0,r.jsx)(l.X,{options:{selection:L&&ne.showSelection,paging:t.length>5,pageSize:20,search:!0,filtering:!0,debounceInterval:300,showTextRowsSelected:!1,toolbar:!0,emptyRowsWhenPaging:!1},data:t,columns:ne.columns,onSelectionChange:t=>{const a=T.filter(t=>t.spec.apiName!==e);z([...a,...t])}})})})]},e)})})]}),(0,r.jsx)(B,{open:W.open,request:W.request,action:W.action,processing:W.processing,onClose:()=>U({open:!1,request:null,action:"approve",processing:!1}),onConfirm:async e=>{if(!W.request||!G)return;U(e=>({...e,processing:!0}));const a="approve"===W.action?`${h}/api/kuadrant/requests/${W.request.metadata.namespace}/${W.request.metadata.name}/approve`:`${h}/api/kuadrant/requests/${W.request.metadata.namespace}/${W.request.metadata.name}/reject`;try{if(!(await t.fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({comment:e,reviewedBy:G.reviewedBy})})).ok)throw new Error(`failed to ${W.action} request`);U({open:!1,request:null,action:"approve",processing:!1}),j(e=>e+1);const r="approve"===W.action?"approved":"rejected";m.post({message:`Request ${r}`,severity:"success",display:"transient"})}catch(e){console.error(`error ${W.action}ing request:`,e),U(e=>({...e,processing:!1})),m.post({message:`Failed to ${W.action} request`,severity:"error",display:"transient"})}}}),(0,r.jsx)(P,{open:E.open,requests:E.requests,action:E.action,processing:E.processing,onClose:()=>O({open:!1,requests:[],action:"approve",processing:!1}),onConfirm:async e=>{if(!G||0===E.requests.length)return;O(e=>({...e,processing:!0}));const a="approve"===E.action,r=a?`${h}/api/kuadrant/requests/bulk-approve`:`${h}/api/kuadrant/requests/bulk-reject`;try{if(!(await t.fetch(r,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({requests:E.requests.map(e=>({namespace:e.metadata.namespace,name:e.metadata.name})),comment:e,reviewedBy:G.reviewedBy})})).ok)throw new Error(`failed to bulk ${E.action} requests`);const s=E.requests.length,n=a?"approved":"rejected";O({open:!1,requests:[],action:"approve",processing:!1}),z([]),j(e=>e+1),m.post({message:`${s} requests ${n}`,severity:"success",display:"transient"})}catch(e){console.error(`error bulk ${E.action}ing requests:`,e),O(e=>({...e,processing:!1})),m.post({message:`Failed to bulk ${E.action} requests`,severity:"error",display:"transient"})}}})]})}},34955:(e,t,a)=>{a.d(t,{Al:()=>i,EM:()=>l,FL:()=>n,J:()=>s,KN:()=>u,OP:()=>p,R_:()=>c,SU:()=>m,TE:()=>h,U3:()=>o,ai:()=>A,jH:()=>j,uL:()=>y,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 s=(0,r.i)({name:"kuadrant.planpolicy.list",attributes:{action:"read"}}),n=(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"}})),o=(0,r.i)({name:"kuadrant.apiproduct.update.own",attributes:{action:"update"}}),d=(0,r.i)({name:"kuadrant.apiproduct.update.all",attributes:{action:"update"}}),l=(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"}}),y=((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"}})),j=(0,r.i)({name:"kuadrant.apikey.delete.all",attributes:{action:"delete"}})},46205:(e,t,a)=>{a.d(t,{W:()=>n,l:()=>s});var r=a(87421);function s(e,t){const a="resourceType"in e?{permission:e,resourceRef:t}:{permission:e},s=(0,r.J)(a);return{allowed:s.allowed,loading:s.loading,error:s.error}}function n(e,t,a,r){return!!r||!(!a||e!==t)}}}]);
-//# sourceMappingURL=6281.5f4d856e.chunk.js.map

package/dist-scalprum/static/6281.5f4d856e.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/6281.5f4d856e.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, alertApiRef } 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  CircularProgress,\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  processing: boolean;\n  onClose: () => void;\n  onConfirm: (comment: string) => void;\n}\n\nconst ApprovalDialog = ({ open, request, action, processing, 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  };\n\n  const actionLabel = action === 'approve' ? 'Approve' : 'Reject';\n  const processingLabel = action === 'approve' ? 'Approving...' : 'Rejecting...';\n\n  return (\n    <Dialog open={open} onClose={processing ? undefined : onClose} maxWidth=\"sm\" fullWidth>\n      <DialogTitle>\n        {actionLabel} 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              disabled={processing}\n            />\n          </>\n        )}\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={processing}>Cancel</Button>\n        <Button\n          onClick={handleConfirm}\n          color={action === 'approve' ? 'primary' : 'secondary'}\n          variant=\"contained\"\n          disabled={processing}\n          startIcon={processing ? <CircularProgress size={16} color=\"inherit\" /> : undefined}\n        >\n          {processing ? processingLabel : actionLabel}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\ninterface BulkActionDialogProps {\n  open: boolean;\n  requests: APIKeyRequest[];\n  action: 'approve' | 'reject';\n  processing: boolean;\n  onClose: () => void;\n  onConfirm: (comment: string) => void;\n}\n\nconst BulkActionDialog = ({ open, requests, action, processing, 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  };\n\n  const isApprove = action === 'approve';\n  const actionLabel = isApprove ? 'Approve All' : 'Reject All';\n  const processingLabel = isApprove ? 'Approving...' : 'Rejecting...';\n\n  return (\n    <Dialog open={open} onClose={processing ? undefined : 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          disabled={processing}\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose} disabled={processing}>Cancel</Button>\n        <Button\n          onClick={handleConfirm}\n          color={isApprove ? 'primary' : 'secondary'}\n          variant=\"contained\"\n          disabled={processing}\n          startIcon={processing ? <CircularProgress size={16} color=\"inherit\" /> : undefined}\n        >\n          {processing ? processingLabel : actionLabel}\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 alertApi = useApi(alertApiRef);\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    processing: boolean;\n  }>({\n    open: false,\n    request: null,\n    action: 'approve',\n    processing: false,\n  });\n  const [bulkDialogState, setBulkDialogState] = useState<{\n    open: boolean;\n    requests: APIKeyRequest[];\n    action: 'approve' | 'reject';\n    processing: boolean;\n  }>({\n    open: false,\n    requests: [],\n    action: 'approve',\n    processing: false,\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', processing: false });\n  };\n\n  const handleReject = (request: APIKeyRequest) => {\n    setDialogState({ open: true, request, action: 'reject', processing: false });\n  };\n\n  const handleConfirm = async (comment: string) => {\n    if (!dialogState.request || !value) return;\n\n    setDialogState(prev => ({ ...prev, processing: true }));\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', processing: false });\n      setRefresh(r => r + 1);\n      const action = dialogState.action === 'approve' ? 'approved' : 'rejected';\n      alertApi.post({ message: `Request ${action}`, severity: 'success', display: 'transient' });\n    } catch (err) {\n      console.error(`error ${dialogState.action}ing request:`, err);\n      setDialogState(prev => ({ ...prev, processing: false }));\n      alertApi.post({ message: `Failed to ${dialogState.action} request`, severity: 'error', display: 'transient' });\n    }\n  };\n\n  const handleBulkApprove = () => {\n    if (selectedRequests.length === 0) return;\n    setBulkDialogState({ open: true, requests: selectedRequests, action: 'approve', processing: false });\n  };\n\n  const handleBulkReject = () => {\n    if (selectedRequests.length === 0) return;\n    setBulkDialogState({ open: true, requests: selectedRequests, action: 'reject', processing: false });\n  };\n\n  const handleBulkConfirm = async (comment: string) => {\n    if (!value || bulkDialogState.requests.length === 0) return;\n\n    setBulkDialogState(prev => ({ ...prev, processing: true }));\n\n    const isApprove = bulkDialogState.action === 'approve';\n    const endpoint = isApprove\n      ? `${backendUrl}/api/kuadrant/requests/bulk-approve`\n      : `${backendUrl}/api/kuadrant/requests/bulk-reject`;\n\n    try {\n      const response = await fetchApi.fetch(endpoint, {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          requests: bulkDialogState.requests.map(r => ({\n            namespace: r.metadata.namespace,\n            name: r.metadata.name,\n          })),\n          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      const count = bulkDialogState.requests.length;\n      const action = isApprove ? 'approved' : 'rejected';\n      setBulkDialogState({ open: false, requests: [], action: 'approve', processing: false });\n      setSelectedRequests([]);\n      setRefresh(r => r + 1);\n      alertApi.post({ message: `${count} requests ${action}`, severity: 'success', display: 'transient' });\n    } catch (err) {\n      console.error(`error bulk ${bulkDialogState.action}ing requests:`, err);\n      setBulkDialogState(prev => ({ ...prev, processing: false }));\n      alertApi.post({ message: `Failed to bulk ${bulkDialogState.action} requests`, severity: 'error', display: 'transient' });\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      filtering: false,\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: requests.length > 5,\n                          pageSize: 20,\n                          search: true,\n                          filtering: true,\n                          debounceInterval: 300,\n                          showTextRowsSelected: false,\n                          toolbar: true,\n                          emptyRowsWhenPaging: 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        processing={dialogState.processing}\n        onClose={() => setDialogState({ open: false, request: null, action: 'approve', processing: false })}\n        onConfirm={handleConfirm}\n      />\n      <BulkActionDialog\n        open={bulkDialogState.open}\n        requests={bulkDialogState.requests}\n        action={bulkDialogState.action}\n        processing={bulkDialogState.processing}\n        onClose={() => setBulkDialogState({ open: false, requests: [], action: 'approve', processing: false })}\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","processing","onClose","onConfirm","comment","setComment","useState","useEffect","actionLabel","processingLabel","Dialog","undefined","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","disabled","DialogActions","Button","onClick","color","startIcon","CircularProgress","size","BulkActionDialog","requests","isApprove","length","paragraph","maxHeight","overflow","map","bgcolor","metadata","namespace","name","helperText","ApprovalQueueCard","config","useApi","configApiRef","fetchApi","fetchApiRef","identityApi","identityApiRef","alertApi","alertApiRef","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","Tooltip","placement","textOverflow","requestedAt","filtering","display","gap","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","pageSize","search","debounceInterval","showTextRowsSelected","toolbar","emptyRowsWhenPaging","onSelectionChange","otherSelections","prev","endpoint","method","body","JSON","stringify","Error","post","severity","err","count","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":""}

package/dist-scalprum/static/7632.af7b3369.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[7632],{63221:(e,a,t)=>{t.d(a,{K:()=>A});var s=t(31085),l=t(95478),n=t(76891),r=t(61477),i=t(10394),o=t(46805),d=t(59461),c=t(72501),u=t(16249),p=t(93453),m=t(64947),h=t(78467),x=t(77225);const A=({open:e,title:a,description:t,confirmText:A,severity:v="normal",deleting:g=!1,onConfirm:j,onCancel:f})=>{const[y,b]=(0,l.useState)("");(0,l.useEffect)(()=>{e||b("")},[e]);const P="high"===v&&A,S=!P||y===A;return(0,s.jsxs)(n.A,{open:e,onClose:g?void 0:f,maxWidth:"sm",fullWidth:!0,children:[(0,s.jsxs)(r.A,{children:["high"===v&&(0,s.jsxs)(i.A,{display:"flex",alignItems:"center",style:{gap:8},children:[(0,s.jsx)(x.A,{color:"error"}),(0,s.jsx)("span",{children:a})]}),"high"!==v&&a]}),(0,s.jsxs)(o.A,{children:[(0,s.jsx)(d.A,{children:t}),P&&(0,s.jsxs)(i.A,{mt:2,children:[(0,s.jsxs)(c.A,{variant:"body2",color:"textSecondary",gutterBottom:!0,children:["Type ",(0,s.jsx)("strong",{children:A})," to confirm:"]}),(0,s.jsx)(u.A,{fullWidth:!0,variant:"outlined",size:"small",value:y,onChange:e=>b(e.target.value),disabled:g,autoFocus:!0,placeholder:A})]})]}),(0,s.jsxs)(p.A,{children:[(0,s.jsx)(m.A,{onClick:f,disabled:g,children:"Cancel"}),(0,s.jsx)(m.A,{onClick:()=>{S&&j()},color:"secondary",variant:"contained",disabled:g||!S,startIcon:g?(0,s.jsx)(h.A,{size:16,color:"inherit"}):void 0,children:g?"Deleting...":"Delete"})]})]})}},84189:(e,a,t)=>{t.d(a,{n:()=>j});var s=t(31085),l=t(95478),n=t(76891),r=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(78467),g=t(22097);const j=({open:e,onClose:a,onSuccess:t,request:j,availablePlans:f})=>{const y=(0,g.useApi)(g.configApiRef),b=(0,g.useApi)(g.fetchApiRef),P=y.getString("backend.baseUrl"),[S,k]=(0,l.useState)(""),[w,C]=(0,l.useState)(""),[T,R]=(0,l.useState)(!1),[I,$]=(0,l.useState)("");(0,l.useEffect)(()=>{e&&j&&(k(j.spec.planTier||""),C(j.spec.useCase||""),$(""))},[e,j]);const q=()=>{T||($(""),a())};return(0,s.jsxs)(n.A,{open:e,onClose:q,maxWidth:"sm",fullWidth:!0,children:[(0,s.jsx)(r.A,{children:"Edit API Access Request"}),(0,s.jsxs)(i.A,{children:[I&&(0,s.jsx)(o.A,{mb:2,p:2,bgcolor:"error.main",color:"error.contrastText",borderRadius:1,children:(0,s.jsx)(d.A,{variant:"body2",children:I})}),(0,s.jsxs)(c.A,{fullWidth:!0,margin:"normal",children:[(0,s.jsx)(u.A,{children:"Plan Tier"}),(0,s.jsx)(p.A,{value:S,onChange:e=>k(e.target.value),disabled:T,children:f.map(e=>{const a=Object.entries(e.limits||{}).map(([e,a])=>`${a} per ${e}`).join(", ");return(0,s.jsxs)(m.A,{value:e.tier,children:[e.tier," ",a?`(${a})`:""]},e.tier)})})]}),(0,s.jsx)(h.A,{label:"Use Case",placeholder:"Describe how you plan to use this API",multiline:!0,rows:3,fullWidth:!0,margin:"normal",value:w,onChange:e=>C(e.target.value),disabled:T,helperText:"Explain your intended use of this API for admin review"})]}),(0,s.jsxs)(x.A,{children:[(0,s.jsx)(A.A,{onClick:q,disabled:T,children:"Cancel"}),(0,s.jsx)(A.A,{onClick:async()=>{if(S){$(""),R(!0);try{const e={spec:{planTier:S,useCase:w.trim()}},s=await b.fetch(`${P}/api/kuadrant/requests/${j.metadata.namespace}/${j.metadata.name}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!s.ok){const e=await s.json().catch(()=>({}));throw new Error(e.error||`Failed to update request: ${s.status}`)}t(),a()}catch(e){console.error("Error updating API key request:",e),$(e instanceof Error?e.message:"Unknown error occurred")}finally{R(!1)}}else $("Please select a plan tier")},color:"primary",variant:"contained",disabled:!S||T,startIcon:T?(0,s.jsx)(v.A,{size:16,color:"inherit"}):void 0,children:T?"Saving...":"Save Changes"})]})]})}},95251:(e,a,t)=>{t.r(a),t.d(a,{KuadrantPage:()=>ae});var s=t(31085),l=t(95478),n=t.n(l),r=t(67720),i=t(10394),o=t(29365),d=t(72501),c=t(42899),u=t(64947),p=t(18466),m=t(39590),h=t(75625),x=t(37725),A=t(25010),v=t(289),g=t(55639),j=t(45210),f=t(46681),y=t(86687),b=t(42367),P=t(96040),S=t(91638),k=t(22097),w=t(16281),C=t(71677),T=t(78467),R=t(31653),I=t(38605),$=t(37757),q=t(26343),W=t(32269),N=t(61524),E=t(71407),D=t(84189),z=t(63221);const M=()=>{var e;const a=(0,k.useApi)(k.configApiRef),t=(0,k.useApi)(k.fetchApiRef),n=(0,k.useApi)(k.identityApiRef),c=(0,k.useApi)(k.alertApiRef),u=a.getString("backend.baseUrl"),[p,m]=(0,l.useState)(0),[,h]=(0,l.useState)(""),[v,g]=(0,l.useState)(new Set),[j,f]=(0,l.useState)(null),[b,w]=(0,l.useState)(null),[M,K]=(0,l.useState)({open:!1,request:null,plans:[]}),[L,U]=(0,l.useState)(0),[B,H]=(0,l.useState)(null),[F,O]=(0,l.useState)({open:!1,request:null});(0,S.A)(async()=>{const e=await n.getBackstageIdentity(),a=e.userEntityRef.split("/")[1]||"guest";console.log(`MyApiKeysCard: setting userId from userEntityRef: ${e.userEntityRef} -> "${a}"`),h(a)},[n]);const[_,V]=(0,l.useState)(new Set),{value:J,loading:Y,error:X}=(0,S.A)(async()=>{const e=await t.fetch(`${u}/api/kuadrant/requests/my`);if(!e.ok)throw new Error("failed to fetch requests");return(await e.json()).items||[]},[u,t,L]);if(Y)return(0,s.jsx)(P.n,{title:"My API Keys",children:(0,s.jsx)(y.k,{})});if(X)return(0,s.jsx)(P.n,{title:"My API Keys",children:(0,s.jsxs)(d.A,{color:"error",children:["Error loading API keys: ",X.message]})});const G=(J||[]).filter(e=>!_.has(e.metadata.name)),Q=G.filter(e=>{var a;return"Approved"===(null===(a=e.status)||void 0===a?void 0:a.phase)}),Z=G.filter(e=>{var a;return!(null===(a=e.status)||void 0===a?void 0:a.phase)||"Pending"===e.status.phase}),ee=G.filter(e=>{var a;return"Rejected"===(null===(a=e.status)||void 0===a?void 0:a.phase)}),ae=()=>{f(null),w(null)},te=async()=>{if(!b)return;const e=b;ae();try{const s=await t.fetch(`${u}/api/kuadrant/apiproducts/${e.spec.apiNamespace}/${e.spec.apiName}`);if(s.ok){var a;const t=(null===(a=(await s.json()).spec)||void 0===a?void 0:a.plans)||[];K({open:!0,request:e,plans:t})}else console.error("Failed to fetch API product"),K({open:!0,request:e,plans:[]})}catch(a){console.error("Error fetching plans:",a),K({open:!0,request:e,plans:[]})}},se=()=>{if(!b)return;const e=b;ae(),O({open:!0,request:e})},le=[{title:"API Product",field:"spec.apiName",render:e=>(0,s.jsx)(x.N_,{to:`/catalog/default/api/${e.spec.apiName}/api-keys`,children:(0,s.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,s.jsx)(r.A,{label:e.spec.planTier,color:a,size:"small"})}},{title:"Use Case",field:"spec.useCase",render:e=>e.spec.useCase?(0,s.jsx)(C.Ay,{title:e.spec.useCase,placement:"top",children:(0,s.jsx)(d.A,{variant:"body2",style:{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.spec.useCase})}):(0,s.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",l="Approved"===t?"primary":"Rejected"===t?"secondary":"default";return(0,s.jsx)(r.A,{label:t,color:l,size:"small"})}},{title:"Reason",field:"status.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,s.jsx)(C.Ay,{title:e.status.reason,placement:"top",children:(0,s.jsx)(d.A,{variant:"body2",color:a,style:{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.status.reason})})}return(0,s.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"-"})}},{title:"Reviewed By",field:"status.reviewedBy",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,s.jsxs)(i.A,{children:[(0,s.jsx)(d.A,{variant:"body2",children:e.status.reviewedBy}),a&&(0,s.jsx)(d.A,{variant:"caption",color:"textSecondary",children:a})]})}return(0,s.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"-"})}},{title:"API Key",field:"status.apiKey",filtering:!1,render:e=>{var a;if("Approved"===(null===(a=e.status)||void 0===a?void 0:a.phase)&&e.status.apiKey){const a=v.has(e.metadata.name);return(0,s.jsxs)(i.A,{display:"flex",alignItems:"center",style:{gap:8},children:[(0,s.jsx)(i.A,{fontFamily:"monospace",fontSize:"0.875rem",children:a?e.status.apiKey:"•".repeat(20)+"..."}),(0,s.jsx)(C.Ay,{title:a?"hide key":"show key",children:(0,s.jsx)(o.A,{size:"small",onClick:()=>{return a=e.metadata.name,void g(e=>{const t=new Set(e);return t.has(a)?t.delete(a):t.add(a),t});var a},children:a?(0,s.jsx)(N.A,{fontSize:"small"}):(0,s.jsx)(W.A,{fontSize:"small"})})})]})}return(0,s.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"-"})}},{title:"Requested",field:"metadata.creationTimestamp",render:e=>{if(!e.metadata.creationTimestamp)return(0,s.jsx)(d.A,{variant:"body2",children:"-"});const a=new Date(e.metadata.creationTimestamp);return(0,s.jsx)(d.A,{variant:"body2",children:a.toLocaleDateString()})}},{title:"",filtering:!1,render:e=>B===e.metadata.name?(0,s.jsx)(T.A,{size:20}):(0,s.jsx)(o.A,{size:"small",onClick:a=>{a.stopPropagation();const t=a.currentTarget.getBoundingClientRect();f({top:t.bottom,left:t.left}),w(e)},"aria-controls":j?"myapikeys-menu":void 0,"aria-haspopup":"true",children:(0,s.jsx)(E.A,{})})}],ne=(()=>{switch(p){case 0:return Q;case 1:return Z;case 2:return ee;default:return G}})(),re=(()=>{switch(p){case 0:return le.filter(e=>"Reason"!==e.title);case 1:return le.filter(e=>"Reason"!==e.title&&"Reviewed By"!==e.title&&"API Key"!==e.title);case 2:return le.filter(e=>"API Key"!==e.title);default:return le}})();return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(P.n,{title:"My API Keys",subheader:`${Q.length} active, ${Z.length} pending`,children:[(0,s.jsx)(i.A,{mb:2,children:(0,s.jsxs)(R.A,{value:p,onChange:(e,a)=>m(a),indicatorColor:"primary",textColor:"primary",children:[(0,s.jsx)(I.A,{label:`Active (${Q.length})`}),(0,s.jsx)(I.A,{label:`Pending (${Z.length})`}),(0,s.jsx)(I.A,{label:`Rejected (${ee.length})`})]})}),0===ne.length?(0,s.jsx)(i.A,{p:3,textAlign:"center",children:(0,s.jsxs)(d.A,{variant:"body1",color:"textSecondary",children:[0===p&&"No active API keys. Request access to an API to get started.",1===p&&"No pending requests.",2===p&&"No rejected requests."]})}):(0,s.jsx)(A.X,{options:{paging:ne.length>5,pageSize:20,search:!0,filtering:!0,debounceInterval:300,toolbar:!0,emptyRowsWhenPaging:!1},columns:re,data:ne.map(e=>({...e,id:e.metadata.name}))})]}),(0,s.jsx)($.A,{id:"myapikeys-menu",open:Boolean(j),onClose:ae,anchorReference:"anchorPosition",anchorPosition:j||{top:0,left:0},children:b&&(()=>{const e=[];var a;return(a=b).status&&"Pending"!==a.status.phase||e.push((0,s.jsx)(q.A,{onClick:te,children:"Edit"},"edit")),e.push((0,s.jsx)(q.A,{onClick:se,children:"Delete"},"delete")),e})()}),M.request&&(0,s.jsx)(D.n,{open:M.open,request:M.request,availablePlans:M.plans,onClose:()=>K({open:!1,request:null,plans:[]}),onSuccess:()=>{K({open:!1,request:null,plans:[]}),U(e=>e+1)}}),(0,s.jsx)(z.K,{open:F.open,title:"Delete API Key Request",description:`Are you sure you want to delete the API key request for ${(null===(e=F.request)||void 0===e?void 0:e.spec.apiName)||"this API"}?`,deleting:null!==B,onConfirm:async()=>{if(!F.request)return;const e=F.request,a=e.metadata.name;V(e=>new Set(e).add(a)),H(a);try{if(!(await t.fetch(`${u}/api/kuadrant/requests/${e.metadata.namespace}/${e.metadata.name}`,{method:"DELETE"})).ok)throw new Error("Failed to delete request");U(e=>e+1),c.post({message:"Request deleted",severity:"success",display:"transient"}),O({open:!1,request:null})}catch(e){console.error("Error deleting request:",e),V(e=>{const t=new Set(e);return t.delete(a),t}),c.post({message:"Failed to delete request",severity:"error",display:"transient"})}finally{H(null)}},onCancel:()=>{O({open:!1,request:null})}})]})};var K=t(46205);const L=({children:e,permission:a,fallback:t,errorMessage:l})=>{const{allowed:n,loading:r,error:o}=(0,K.l)(a);return r?(0,s.jsx)(y.k,{}):o?(0,s.jsxs)(i.A,{p:4,children:[(0,s.jsxs)(d.A,{color:"error",children:["Unable to check permissions: ",o.message]}),(0,s.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"Please try again or contact your administrator"})]}):n?(0,s.jsx)(s.Fragment,{children:e}):t?(0,s.jsx)(s.Fragment,{children:t}):(0,s.jsxs)(i.A,{p:4,children:[(0,s.jsx)(d.A,{color:"textSecondary",children:l||"You don't have permission to view this page"}),(0,s.jsx)(i.A,{mt:1,children:(0,s.jsxs)(d.A,{variant:"caption",color:"textSecondary",children:["Required permission: ",a.name]})})]})};var U=t(58837),B=t(76891),H=t(61477),F=t(46805),O=t(16249),_=t(93453),V=t(84441);const J=({selectedPolicy:e,alertSeverity:a="warning",alertMessage:t="No PlanPolicy found for this HTTPRoute. API keys and rate limiting may not be available.",includeTopMargin:l=!0})=>(0,s.jsx)(i.A,{mt:l?1:0,p:2,bgcolor:"#f5f5f5",borderRadius:1,border:"1px solid #e0e0e0",children:e?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(d.A,{variant:"subtitle2",gutterBottom:!0,style:{fontWeight:600},children:["Associated PlanPolicy: ",(0,s.jsx)("strong",{children:e.metadata.name})]}),e.plans&&e.plans.length>0?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d.A,{variant:"caption",display:"block",gutterBottom:!0,color:"textSecondary",style:{marginTop:8},children:"Available Plans:"}),(0,s.jsx)(i.A,{display:"flex",flexWrap:"wrap",mt:1,style:{gap:8},children:e.plans.map((e,a)=>{var t,l,n;const i=(null===(t=e.limits)||void 0===t?void 0:t.daily)?`${e.limits.daily}/day`:(null===(l=e.limits)||void 0===l?void 0:l.monthly)?`${e.limits.monthly}/month`:(null===(n=e.limits)||void 0===n?void 0:n.yearly)?`${e.limits.yearly}/year`:"No limit";return(0,s.jsx)(r.A,{label:`${e.tier}: ${i}`,size:"small",variant:"outlined",color:"primary"},a)})}),e.plans.some(e=>e.description)&&(0,s.jsx)(i.A,{mt:1,children:e.plans.filter(e=>e.description).map((e,a)=>(0,s.jsxs)(d.A,{variant:"caption",display:"block",color:"textSecondary",children:["• ",(0,s.jsxs)("strong",{children:[e.tier,":"]})," ",e.description]},a))})]}):(0,s.jsx)(d.A,{variant:"caption",color:"textSecondary",children:"No plans defined in this PlanPolicy"})]}):(0,s.jsx)(V.A,{severity:a,children:t})}),Y=(0,U.A)({asterisk:{color:"#f44336"}}),X=({open:e,onClose:a,onSuccess:t})=>{const n=Y(),o=(0,k.useApi)(k.configApiRef),p=(0,k.useApi)(k.fetchApiRef),m=o.getString("backend.baseUrl"),[h,x]=(0,l.useState)(""),[A,v]=(0,l.useState)(""),[g,j]=(0,l.useState)(""),[f,y]=(0,l.useState)("v1"),[b,P]=(0,l.useState)("manual"),[w,C]=(0,l.useState)("Published"),[R,I]=(0,l.useState)([]),[$,W]=(0,l.useState)(""),[N,E]=(0,l.useState)(""),[D,z]=(0,l.useState)(""),[M,K]=(0,l.useState)(""),[L,U]=(0,l.useState)(""),[X,G]=(0,l.useState)(""),[Q,Z]=(0,l.useState)(""),[ee,ae]=(0,l.useState)(!1),{value:te,loading:se}=(0,S.A)(async()=>{const e=await p.fetch(`${m}/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"])})},[m,p,e]),{value:le}=(0,S.A)(async()=>{const e=await p.fetch(`${m}/api/kuadrant/planpolicies`);return await e.json()},[m,p,e]),ne=N?N.split("/"):null,re=ne?(ie=ne[0],oe=ne[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)===oe&&(!(null==a?void 0:a.namespace)||(null==a?void 0:a.namespace)===ie)}):null):null;var ie,oe;const de=()=>{$.trim()&&!R.includes($.trim())&&(I([...R,$.trim()]),W(""))},ce=()=>{x(""),v(""),j(""),y("v1"),P("manual"),C("Published"),I([]),W(""),E(""),z(""),K(""),U(""),G(""),Z(""),a()};return(0,s.jsxs)(B.A,{open:e,onClose:ce,maxWidth:"md",fullWidth:!0,children:[(0,s.jsx)(H.A,{children:"Create API Product"}),(0,s.jsxs)(F.A,{children:[Q&&(0,s.jsx)(V.A,{severity:"error",style:{marginBottom:16},children:Q}),(0,s.jsxs)(c.A,{container:!0,spacing:2,children:[(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Name",value:h,onChange:e=>x(e.target.value),placeholder:"my-api",helperText:"Kubernetes resource name (lowercase, hyphens)",margin:"normal",required:!0,disabled:ee,InputLabelProps:{classes:{asterisk:n.asterisk}}})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Display Name",value:A,onChange:e=>v(e.target.value),placeholder:"My API",margin:"normal",required:!0,disabled:ee,InputLabelProps:{classes:{asterisk:n.asterisk}}})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Version",value:f,onChange:e=>y(e.target.value),placeholder:"v1",margin:"normal",disabled:ee})}),(0,s.jsx)(c.A,{item:!0,xs:12,children:(0,s.jsxs)(O.A,{fullWidth:!0,select:!0,label:"Approval Mode",value:b,onChange:e=>P(e.target.value),margin:"normal",helperText:"Automatic: keys are created immediately. Manual: requires approval.",disabled:ee,children:[(0,s.jsx)(q.A,{value:"manual",children:"Manual"}),(0,s.jsx)(q.A,{value:"automatic",children:"Automatic"})]})}),(0,s.jsx)(c.A,{item:!0,xs:12,children:(0,s.jsxs)(O.A,{fullWidth:!0,select:!0,label:"Publish Status",value:w,onChange:e=>C(e.target.value),margin:"normal",helperText:"Draft: hidden from catalog. Published: visible to consumers.",disabled:ee,children:[(0,s.jsx)(q.A,{value:"Draft",children:"Draft"}),(0,s.jsx)(q.A,{value:"Published",children:"Published"})]})}),(0,s.jsx)(c.A,{item:!0,xs:12,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Description",value:g,onChange:e=>j(e.target.value),placeholder:"API description",margin:"normal",multiline:!0,rows:2,required:!0,disabled:ee,InputLabelProps:{classes:{asterisk:n.asterisk}}})}),(0,s.jsxs)(c.A,{item:!0,xs:12,children:[(0,s.jsx)(d.A,{variant:"subtitle2",gutterBottom:!0,style:{marginTop:16},children:"Tags"}),(0,s.jsx)(i.A,{display:"flex",flexWrap:"wrap",marginBottom:1,style:{gap:8},children:R.map(e=>(0,s.jsx)(r.A,{label:e,onDelete:ee?void 0:()=>{return a=e,void I(R.filter(e=>e!==a));var a},size:"small",disabled:ee},e))}),(0,s.jsxs)(i.A,{display:"flex",style:{gap:8},children:[(0,s.jsx)(O.A,{fullWidth:!0,size:"small",value:$,onChange:e=>W(e.target.value),onKeyPress:e=>"Enter"===e.key&&de(),placeholder:"Add tag",disabled:ee}),(0,s.jsx)(u.A,{onClick:de,variant:"outlined",size:"small",disabled:ee,children:"Add"})]})]}),(0,s.jsx)(c.A,{item:!0,xs:12,children:(0,s.jsxs)(O.A,{fullWidth:!0,select:!0,label:"HTTPRoute",value:N,onChange:e=>E(e.target.value),margin:"normal",required:!0,helperText:"Select an HTTPRoute (backstage.io/expose: true). APIProduct will be created in the same namespace.",disabled:se||ee,InputLabelProps:{classes:{asterisk:n.asterisk}},children:[se&&(0,s.jsx)(q.A,{value:"",children:"Loading..."}),!se&&te&&0===te.length&&(0,s.jsx)(q.A,{value:"",children:"No HTTPRoutes available"}),!se&&te&&te.map(e=>(0,s.jsxs)(q.A,{value:`${e.metadata.namespace}/${e.metadata.name}`,children:[e.metadata.name," (",e.metadata.namespace,")"]},`${e.metadata.namespace}/${e.metadata.name}`))]})}),N&&(0,s.jsx)(c.A,{item:!0,xs:12,children:(0,s.jsx)(J,{selectedPolicy:re,alertSeverity:"warning",alertMessage:"No PlanPolicy found for this HTTPRoute. API keys and rate limiting may not be available.",includeTopMargin:!0})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Contact Email",value:D,onChange:e=>z(e.target.value),placeholder:"api-team@example.com",margin:"normal",disabled:ee})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Contact Team",value:M,onChange:e=>K(e.target.value),placeholder:"platform-team",margin:"normal",disabled:ee})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Docs URL",value:L,onChange:e=>U(e.target.value),placeholder:"https://api.example.com/docs",margin:"normal",disabled:ee})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"OpenAPI Spec URL",value:X,onChange:e=>G(e.target.value),placeholder:"https://api.example.com/openapi.json",margin:"normal",disabled:ee})})]})]}),(0,s.jsxs)(_.A,{children:[(0,s.jsx)(u.A,{onClick:ce,disabled:ee,children:"Cancel"}),(0,s.jsx)(u.A,{onClick:async()=>{Z(""),ae(!0);try{if(!N)throw new Error("Please select an HTTPRoute");const[e,a]=N.split("/"),s={apiVersion:"extensions.kuadrant.io/v1alpha1",kind:"APIProduct",metadata:{name:h,namespace:e},spec:{displayName:A,description:g,version:f,approvalMode:b,publishStatus:w,tags:R,targetRef:{group:"gateway.networking.k8s.io",kind:"HTTPRoute",name:a,namespace:e},...D||M?{contact:{...D&&{email:D},...M&&{team:M}}}:{},...L||X?{documentation:{...L&&{docsURL:L},...X&&{openAPISpec:X}}}:{}}},l=await p.fetch(`${m}/api/kuadrant/apiproducts`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(!l.ok){const e=await l.json();throw new Error(e.error||"failed to create apiproduct")}t(),ce()}catch(e){Z(e instanceof Error?e.message:String(e))}finally{ae(!1)}},color:"primary",variant:"contained",disabled:ee||!h||!A||!g||!N,startIcon:ee?(0,s.jsx)(T.A,{size:16,color:"inherit"}):void 0,children:ee?"Creating...":"Create"})]})]})};var G=t(34955);const Q=(0,U.A)({asterisk:{color:"#f44336"}}),Z=({open:e,onClose:a,onSuccess:t,namespace:o,name:p})=>{const m=Q(),h=(0,k.useApi)(k.configApiRef),x=(0,k.useApi)(k.fetchApiRef),A=h.getString("backend.baseUrl"),[v,g]=(0,l.useState)(!1),[j,f]=(0,l.useState)(""),[b,P]=(0,l.useState)(""),[w,C]=(0,l.useState)("v1"),[R,I]=(0,l.useState)("Draft"),[$,W]=(0,l.useState)("manual"),[N,E]=(0,l.useState)([]),[D,z]=(0,l.useState)(null),[M,K]=(0,l.useState)(""),[L,U]=(0,l.useState)(""),[Y,X]=(0,l.useState)(""),[G,Z]=(0,l.useState)(""),[ee,ae]=(0,l.useState)(""),[te,se]=(0,l.useState)(""),[le,ne]=(0,l.useState)(!1);(0,l.useEffect)(()=>{e&&o&&p&&(g(!0),se(""),x.fetch(`${A}/api/kuadrant/apiproducts/${o}/${p}`).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,s,l;f(e.spec.displayName||""),P(e.spec.description||""),C(e.spec.version||"v1"),I(e.spec.publishStatus||"Draft"),W(e.spec.approvalMode||"manual"),E(e.spec.tags||[]),z(e.spec.targetRef||null),U((null===(a=e.spec.contact)||void 0===a?void 0:a.email)||""),X((null===(t=e.spec.contact)||void 0===t?void 0:t.team)||""),Z((null===(s=e.spec.documentation)||void 0===s?void 0:s.docsURL)||""),ae((null===(l=e.spec.documentation)||void 0===l?void 0:l.openAPISpec)||""),g(!1)}).catch(e=>{se(e.message||"Failed to load API product"),g(!1)}))},[e,o,p,A,x]);const{value:re}=(0,S.A)(async()=>{if(!e)return null;const a=await x.fetch(`${A}/api/kuadrant/planpolicies`);return await a.json()},[A,x,e]),ie=n().useMemo(()=>(null==re?void 0:re.items)&&D?re.items.find(e=>{const a=e.targetRef;return"HTTPRoute"===(null==a?void 0:a.kind)&&(null==a?void 0:a.name)===D.name&&(!(null==a?void 0:a.namespace)||(null==a?void 0:a.namespace)===(D.namespace||o))}):null,[re,D,o]),oe=()=>{M.trim()&&!N.includes(M.trim())&&(E([...N,M.trim()]),K(""))};return(0,s.jsxs)(B.A,{open:e,onClose:a,maxWidth:"md",fullWidth:!0,children:[(0,s.jsx)(H.A,{children:"Edit API Product"}),(0,s.jsxs)(F.A,{children:[te&&(0,s.jsx)(V.A,{severity:"error",style:{marginBottom:16},children:te}),v?(0,s.jsx)(y.k,{}):(0,s.jsxs)(c.A,{container:!0,spacing:2,children:[(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Name",value:p,disabled:!0,helperText:"Kubernetes resource name (immutable)",margin:"normal"})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Namespace",value:o,disabled:!0,helperText:"Derived from HTTPRoute (immutable)",margin:"normal"})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Display Name",value:j,onChange:e=>f(e.target.value),placeholder:"My API",margin:"normal",required:!0,disabled:le,InputLabelProps:{classes:{asterisk:m.asterisk}}})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Version",value:w,onChange:e=>C(e.target.value),placeholder:"v1",margin:"normal",disabled:le})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsxs)(O.A,{fullWidth:!0,select:!0,label:"Publish Status",value:R,onChange:e=>I(e.target.value),margin:"normal",helperText:"Draft: Hidden from catalog. Published: Visible in catalog.",disabled:le,children:[(0,s.jsx)(q.A,{value:"Draft",children:"Draft (Hidden)"}),(0,s.jsx)(q.A,{value:"Published",children:"Published (Visible)"})]})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsxs)(O.A,{fullWidth:!0,select:!0,label:"Approval Mode",value:$,onChange:e=>W(e.target.value),margin:"normal",helperText:"Automatic: keys created immediately. Manual: requires approval.",disabled:le,children:[(0,s.jsx)(q.A,{value:"manual",children:"Manual"}),(0,s.jsx)(q.A,{value:"automatic",children:"Automatic"})]})}),(0,s.jsx)(c.A,{item:!0,xs:12,children:(0,s.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,disabled:le,InputLabelProps:{classes:{asterisk:m.asterisk}}})}),(0,s.jsxs)(c.A,{item:!0,xs:12,children:[(0,s.jsx)(d.A,{variant:"subtitle2",gutterBottom:!0,style:{marginTop:16},children:"Tags"}),(0,s.jsx)(i.A,{display:"flex",flexWrap:"wrap",marginBottom:1,style:{gap:8},children:N.map(e=>(0,s.jsx)(r.A,{label:e,onDelete:le?void 0:()=>{return a=e,void E(N.filter(e=>e!==a));var a},size:"small",disabled:le},e))}),(0,s.jsxs)(i.A,{display:"flex",style:{gap:8},children:[(0,s.jsx)(O.A,{fullWidth:!0,size:"small",value:M,onChange:e=>K(e.target.value),onKeyPress:e=>"Enter"===e.key&&oe(),placeholder:"Add tag",disabled:le}),(0,s.jsx)(u.A,{onClick:oe,variant:"outlined",size:"small",disabled:le,children:"Add"})]})]}),D&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.A,{item:!0,xs:12,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"HTTPRoute",value:`${D.namespace||o}/${D.name}`,disabled:!0,helperText:"Target HTTPRoute (immutable)",margin:"normal"})}),(0,s.jsx)(c.A,{item:!0,xs:12,children:(0,s.jsx)(J,{selectedPolicy:ie,alertSeverity:"info",alertMessage:"No PlanPolicy found for this HTTPRoute.",includeTopMargin:!1})})]}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Contact Email",value:L,onChange:e=>U(e.target.value),placeholder:"api-team@example.com",margin:"normal",disabled:le})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Contact Team",value:Y,onChange:e=>X(e.target.value),placeholder:"platform-team",margin:"normal",disabled:le})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"Docs URL",value:G,onChange:e=>Z(e.target.value),placeholder:"https://api.example.com/docs",margin:"normal",disabled:le})}),(0,s.jsx)(c.A,{item:!0,xs:6,children:(0,s.jsx)(O.A,{fullWidth:!0,label:"OpenAPI Spec URL",value:ee,onChange:e=>ae(e.target.value),placeholder:"https://api.example.com/openapi.json",margin:"normal",disabled:le})})]})]}),(0,s.jsxs)(_.A,{children:[(0,s.jsx)(u.A,{onClick:a,disabled:le,children:"Cancel"}),(0,s.jsx)(u.A,{onClick:async()=>{se(""),ne(!0);try{const e={spec:{displayName:j,description:b,version:w,publishStatus:R,approvalMode:$,tags:N,targetRef:D,...L||Y?{contact:{...L&&{email:L},...Y&&{team:Y}}}:{},...G||ee?{documentation:{...G&&{docsURL:G},...ee&&{openAPISpec:ee}}}:{}}},s=await x.fetch(`${A}/api/kuadrant/apiproducts/${o}/${p}`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!s.ok){const e=await s.json();throw new Error(e.error||"failed to update apiproduct")}t(),a()}catch(e){se(e instanceof Error?e.message:String(e))}finally{ne(!1)}},color:"primary",variant:"contained",disabled:le||v||!j||!b,startIcon:le?(0,s.jsx)(T.A,{size:16,color:"inherit"}):void 0,children:le?"Saving...":"Save"})]})]})},ee=()=>{const e=(0,k.useApi)(k.configApiRef),a=(0,k.useApi)(k.fetchApiRef),t=(0,k.useApi)(k.alertApiRef),n=e.getString("backend.baseUrl"),[C,T]=(0,l.useState)(!1),[R,I]=(0,l.useState)(!1),[$,q]=(0,l.useState)(0),[W,N]=(0,l.useState)(!1),[E,D]=(0,l.useState)(null),[L,U]=(0,l.useState)(null),[B,H]=(0,l.useState)(!1),{allowed:F,loading:O,error:_}=(0,K.l)(G.FL),{allowed:V,loading:J}=(0,K.l)(G.TE),{allowed:Y,loading:Q,error:ee}=(0,K.l)(G.SU),ae=V||Y,te=J||Q,{allowed:se,loading:le}=(0,K.l)(G.EM),{allowed:ne,loading:re,error:ie}=(0,K.l)(G.R_),{allowed:oe}=(0,K.l)(G.U3),{allowed:de}=(0,K.l)(G.v_),ce=se||ne,ue=oe||de,pe=le||re,{allowed:me,loading:he,error:xe}=(0,K.l)(G.J),{value:Ae,loading:ve,error:ge}=(0,S.A)(async()=>{const e=await a.fetch(`${n}/api/kuadrant/apiproducts`);return await e.json()},[n,a,$]),{value:je,loading:fe,error:ye}=(0,S.A)(async()=>{const e=await a.fetch(`${n}/api/kuadrant/planpolicies`);return await e.json()},[n,a,$]),be=ve||fe||O||te||pe||he,Pe=ge||ye,Se=_||ee||ie||xe,ke=[{title:"Name",field:"spec.displayName",render:e=>{var a,t;const l="Published"===(null===(a=e.spec)||void 0===a?void 0:a.publishStatus);var n;const r=null!==(n=null===(t=e.spec)||void 0===t?void 0:t.displayName)&&void 0!==n?n:e.metadata.name;return l?(0,s.jsx)(x.N_,{to:`/catalog/default/api/${e.metadata.name}/api-product`,children:(0,s.jsx)("strong",{children:r})}):(0,s.jsx)("span",{className:"text-muted",children:(0,s.jsx)("strong",{children:r})})},customFilterAndSearch:(e,a)=>{var t;return((null===(t=a.spec)||void 0===t?void 0:t.displayName)||a.metadata.name||"").toLowerCase().includes(e.toLowerCase())}},{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,s.jsx)(r.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,s.jsx)(r.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",filtering:!1,render:e=>(0,s.jsxs)(i.A,{display:"flex",style:{gap:4},children:[ue&&(0,s.jsx)(o.A,{size:"small",onClick:()=>{return a=e.metadata.namespace,t=e.metadata.name,U({namespace:a,name:t}),void I(!0);var a,t},title:"Edit API Product",children:(0,s.jsx)(h.A,{fontSize:"small"})}),ce&&(0,s.jsx)(o.A,{size:"small",onClick:()=>{return a=e.metadata.namespace,t=e.metadata.name,D({namespace:a,name:t}),void N(!0);var a,t},title:"Delete API Product",children:(0,s.jsx)(m.A,{fontSize:"small"})})]})}],we=[{title:"Name",field:"metadata.name",render:e=>(0,s.jsx)(x.N_,{to:`/kuadrant/planpolicy/${e.metadata.namespace}/${e.metadata.name}`,children:(0,s.jsx)("strong",{children:e.metadata.name})})},{title:"Namespace",field:"metadata.namespace"}];return(0,s.jsxs)(v.Y,{themeId:"tool",children:[(0,s.jsx)(g.Y,{title:"Kuadrant",subtitle:"API management for Kubernetes",children:(0,s.jsx)(j.Y,{children:"Manage API products and access requests"})}),(0,s.jsxs)(f.U,{children:[be&&(0,s.jsx)(y.k,{}),Pe&&(0,s.jsx)(b._,{error:Pe}),Se&&(0,s.jsxs)(i.A,{p:2,children:[(0,s.jsxs)(d.A,{color:"error",children:["unable to check permissions: ",Se.message]}),(0,s.jsxs)(d.A,{variant:"body2",color:"textSecondary",children:["permission: ",_?"kuadrant.apiproduct.create":ie?"kuadrant.apiproduct.delete":ee?"kuadrant.apikeyrequest.read.all":xe?"kuadrant.planpolicy.list":"unknown"]}),(0,s.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"please try again or contact your administrator"})]}),!be&&!Pe&&!Se&&(0,s.jsxs)(c.A,{container:!0,spacing:3,direction:"column",children:[(0,s.jsx)(c.A,{item:!0,children:(0,s.jsx)(M,{})}),(0,s.jsx)(c.A,{item:!0,children:(0,s.jsx)(P.n,{title:"API Products",action:F?(0,s.jsx)(i.A,{display:"flex",alignItems:"center",height:"100%",mt:1,children:(0,s.jsx)(u.A,{variant:"contained",color:"primary",size:"small",startIcon:(0,s.jsx)(p.A,{}),onClick:()=>T(!0),children:"Create API Product"})}):void 0,children:(Ce=null==Ae?void 0:Ae.items,Ce&&0!==Ce.length?(0,s.jsx)(A.X,{options:{paging:Ce.length>5,pageSize:20,search:!0,filtering:!0,debounceInterval:300,toolbar:!0,emptyRowsWhenPaging:!1},columns:ke,data:Ce}):(0,s.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"No API products found"}))})}),me&&(0,s.jsx)(c.A,{item:!0,children:(0,s.jsx)(P.n,{title:"Plan Policies",children:(e=>e&&0!==e.length?(0,s.jsx)(A.X,{options:{paging:!1,search:!1,toolbar:!1},columns:we,data:e}):(0,s.jsx)(d.A,{variant:"body2",color:"textSecondary",children:"No plan policies found"}))(null==je?void 0:je.items)})}),ae&&(0,s.jsx)(c.A,{item:!0,children:(0,s.jsx)(w.d,{})})]}),(0,s.jsx)(X,{open:C,onClose:()=>T(!1),onSuccess:()=>{q(e=>e+1),t.post({message:"API Product created",severity:"success",display:"transient"})}}),(0,s.jsx)(Z,{open:R,onClose:()=>I(!1),onSuccess:()=>{q(e=>e+1),t.post({message:"API Product updated",severity:"success",display:"transient"})},namespace:(null==L?void 0:L.namespace)||"",name:(null==L?void 0:L.name)||""}),(0,s.jsx)(z.K,{open:W,title:"Delete API Product",description:`This will permanently delete "${null==E?void 0:E.name}" from namespace "${null==E?void 0:E.namespace}" and remove it from Kubernetes. Any associated API keys will stop working.`,confirmText:null==E?void 0:E.name,severity:"high",deleting:B,onConfirm:async()=>{if(E){H(!0);try{if(!(await a.fetch(`${n}/api/kuadrant/apiproducts/${E.namespace}/${E.name}`,{method:"DELETE"})).ok)throw new Error("failed to delete apiproduct");q(e=>e+1),t.post({message:"API Product deleted",severity:"success",display:"transient"})}catch(e){console.error("error deleting apiproduct:",e),t.post({message:"Failed to delete API Product",severity:"error",display:"transient"})}finally{H(!1),N(!1),D(null)}}},onCancel:()=>{N(!1),D(null)}})]})]});var Ce},ae=()=>(0,s.jsx)(L,{permission:G.OP,errorMessage:"you don't have permission to view the Kuadrant page",children:(0,s.jsx)(ee,{})})}}]);
-//# sourceMappingURL=7632.af7b3369.chunk.js.map