@kuadrant/kuadrant-backstage-plugin-frontend 0.0.2-dev-0b744dd → 0.0.2-dev-9be93a3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/api.esm.js +220 -0
- package/dist/api.esm.js.map +1 -0
- package/dist/apis.esm.js +15 -0
- package/dist/apis.esm.js.map +1 -0
- package/dist/components/ApiAccessCard/ApiAccessCard.esm.js +27 -37
- package/dist/components/ApiAccessCard/ApiAccessCard.esm.js.map +1 -1
- package/dist/components/ApiKeyApprovalPage/ApiKeyApprovalPage.esm.js +10 -0
- package/dist/components/ApiKeyApprovalPage/ApiKeyApprovalPage.esm.js.map +1 -0
- package/dist/components/ApiKeyApprovalPage/index.esm.js +2 -0
- package/dist/components/ApiKeyDetailPage/ApiKeyDetailPage.esm.js +28 -40
- package/dist/components/ApiKeyDetailPage/ApiKeyDetailPage.esm.js.map +1 -1
- package/dist/components/ApiKeyManagementTab/ApiKeyManagementTab.esm.js +20 -46
- package/dist/components/ApiKeyManagementTab/ApiKeyManagementTab.esm.js.map +1 -1
- package/dist/components/ApiProductDetailPage/ApiProductDetailPage.esm.js +27 -35
- package/dist/components/ApiProductDetailPage/ApiProductDetailPage.esm.js.map +1 -1
- package/dist/components/ApiProductDetails/ApiProductDetails.esm.js +13 -3
- package/dist/components/ApiProductDetails/ApiProductDetails.esm.js.map +1 -1
- package/dist/components/ApiProductInfoCard/ApiProductInfoCard.esm.js +5 -13
- package/dist/components/ApiProductInfoCard/ApiProductInfoCard.esm.js.map +1 -1
- package/dist/components/ApiProductOpenApiAlert/ApiProductOpenApiAlert.esm.js +7 -10
- package/dist/components/ApiProductOpenApiAlert/ApiProductOpenApiAlert.esm.js.map +1 -1
- package/dist/components/ApprovalQueueTable/ApprovalQueueTable.esm.js +34 -66
- package/dist/components/ApprovalQueueTable/ApprovalQueueTable.esm.js.map +1 -1
- package/dist/components/CreateAPIProductDialog/CreateAPIProductDialog.esm.js +143 -58
- package/dist/components/CreateAPIProductDialog/CreateAPIProductDialog.esm.js.map +1 -1
- package/dist/components/EditAPIKeyDialog/EditAPIKeyDialog.esm.js +8 -18
- package/dist/components/EditAPIKeyDialog/EditAPIKeyDialog.esm.js.map +1 -1
- package/dist/components/EditAPIProductDialog/EditAPIProductDialog.esm.js +52 -30
- package/dist/components/EditAPIProductDialog/EditAPIProductDialog.esm.js.map +1 -1
- package/dist/components/EntityApiApprovalTab/EntityApiApprovalTab.esm.js +11 -27
- package/dist/components/EntityApiApprovalTab/EntityApiApprovalTab.esm.js.map +1 -1
- package/dist/components/KuadrantPage/ApiProductsPage.esm.js +71 -55
- package/dist/components/KuadrantPage/ApiProductsPage.esm.js.map +1 -1
- package/dist/components/MyApiKeysPage/MyApiKeysPage.esm.js +10 -0
- package/dist/components/MyApiKeysPage/MyApiKeysPage.esm.js.map +1 -0
- package/dist/components/MyApiKeysPage/index.esm.js +2 -0
- package/dist/components/MyApiKeysPage/index.esm.js.map +1 -0
- package/dist/components/MyApiKeysTable/MyApiKeysTable.esm.js +51 -57
- package/dist/components/MyApiKeysTable/MyApiKeysTable.esm.js.map +1 -1
- package/dist/components/RequestAccessDialog/RequestAccessDialog.esm.js +10 -25
- package/dist/components/RequestAccessDialog/RequestAccessDialog.esm.js.map +1 -1
- package/dist/components/SimpleRequestAccessDialog/SimpleRequestAccessDialog.esm.js +206 -0
- package/dist/components/SimpleRequestAccessDialog/SimpleRequestAccessDialog.esm.js.map +1 -0
- package/dist/index.d.ts +461 -2
- package/dist/index.esm.js +3 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/plugin.esm.js +11 -4
- package/dist/plugin.esm.js.map +1 -1
- package/dist/utils/styles.esm.js +44 -5
- package/dist/utils/styles.esm.js.map +1 -1
- package/dist-scalprum/internal.plugin-kuadrant.8bf02d5482a5a3ed6337.js +2 -0
- package/dist-scalprum/internal.plugin-kuadrant.8bf02d5482a5a3ed6337.js.map +1 -0
- package/dist-scalprum/plugin-manifest.json +3 -3
- package/dist-scalprum/static/2118.82433765.chunk.js +2 -0
- package/dist-scalprum/static/2118.82433765.chunk.js.map +1 -0
- package/dist-scalprum/static/2967.28e7c7f8.chunk.js +2 -0
- package/dist-scalprum/static/2967.28e7c7f8.chunk.js.map +1 -0
- package/dist-scalprum/static/369.2374941c.chunk.js +2 -0
- package/dist-scalprum/static/369.2374941c.chunk.js.map +1 -0
- package/dist-scalprum/static/3947.ff1c25cf.chunk.js +2 -0
- package/dist-scalprum/static/3947.ff1c25cf.chunk.js.map +1 -0
- package/dist-scalprum/static/3976.cf3ec7be.chunk.js +2 -0
- package/dist-scalprum/static/3976.cf3ec7be.chunk.js.map +1 -0
- package/dist-scalprum/static/4447.222bb58d.chunk.js +2 -0
- package/dist-scalprum/static/4447.222bb58d.chunk.js.map +1 -0
- package/dist-scalprum/static/5010.4ef96c87.chunk.js +3 -0
- package/dist-scalprum/static/5010.4ef96c87.chunk.js.map +1 -0
- package/dist-scalprum/static/5203.e92a3353.chunk.js +2 -0
- package/dist-scalprum/static/5203.e92a3353.chunk.js.map +1 -0
- package/dist-scalprum/static/6371.6ee1f11d.chunk.js +2 -0
- package/dist-scalprum/static/6371.6ee1f11d.chunk.js.map +1 -0
- package/dist-scalprum/static/6422.969d9b8c.chunk.js +2 -0
- package/dist-scalprum/static/6422.969d9b8c.chunk.js.map +1 -0
- package/dist-scalprum/static/6800.a7645f4c.chunk.js +2 -0
- package/dist-scalprum/static/6800.a7645f4c.chunk.js.map +1 -0
- package/dist-scalprum/static/69.1decc5e8.chunk.js +2 -0
- package/dist-scalprum/static/69.1decc5e8.chunk.js.map +1 -0
- package/dist-scalprum/static/7005.a9f73153.chunk.js +2 -0
- package/dist-scalprum/static/7005.a9f73153.chunk.js.map +1 -0
- package/dist-scalprum/static/7270.b0e185f1.chunk.js +2 -0
- package/dist-scalprum/static/7270.b0e185f1.chunk.js.map +1 -0
- package/dist-scalprum/static/7791.5c1eea8a.chunk.js +2 -0
- package/dist-scalprum/static/7791.5c1eea8a.chunk.js.map +1 -0
- package/dist-scalprum/static/{6763.d6cd937f.chunk.js → 8563.46f1a3e1.chunk.js} +3 -3
- package/dist-scalprum/static/8563.46f1a3e1.chunk.js.map +1 -0
- package/dist-scalprum/static/8789.84963cbc.chunk.js +2 -0
- package/dist-scalprum/static/8789.84963cbc.chunk.js.map +1 -0
- package/dist-scalprum/static/8804.63919453.chunk.js +2 -0
- package/dist-scalprum/static/8804.63919453.chunk.js.map +1 -0
- package/dist-scalprum/static/9051.db875198.chunk.js +2 -0
- package/dist-scalprum/static/9051.db875198.chunk.js.map +1 -0
- package/dist-scalprum/static/{2946.a35243f1.chunk.js → 9370.2e9fe34b.chunk.js} +3 -3
- package/dist-scalprum/static/9370.2e9fe34b.chunk.js.map +1 -0
- package/dist-scalprum/static/9838.5df9b1de.chunk.js +2 -0
- package/dist-scalprum/static/9838.5df9b1de.chunk.js.map +1 -0
- package/dist-scalprum/static/exposed-PluginRoot.8a8dd91f.chunk.js +2 -0
- package/dist-scalprum/static/exposed-PluginRoot.8a8dd91f.chunk.js.map +1 -0
- package/package.json +3 -1
- package/dist/components/ApiKeysPage/ApiKeysPage.esm.js +0 -43
- package/dist/components/ApiKeysPage/ApiKeysPage.esm.js.map +0 -1
- package/dist/components/ApiKeysPage/index.esm.js +0 -2
- package/dist-scalprum/internal.plugin-kuadrant.114cbbe1d3ddb939d776.js +0 -2
- package/dist-scalprum/internal.plugin-kuadrant.114cbbe1d3ddb939d776.js.map +0 -1
- package/dist-scalprum/static/2821.0829f14d.chunk.js +0 -2
- package/dist-scalprum/static/2821.0829f14d.chunk.js.map +0 -1
- package/dist-scalprum/static/2946.a35243f1.chunk.js.map +0 -1
- package/dist-scalprum/static/2967.65c51af8.chunk.js +0 -2
- package/dist-scalprum/static/2967.65c51af8.chunk.js.map +0 -1
- package/dist-scalprum/static/3650.ee76eba9.chunk.js +0 -2
- package/dist-scalprum/static/3650.ee76eba9.chunk.js.map +0 -1
- package/dist-scalprum/static/3947.7458971d.chunk.js +0 -2
- package/dist-scalprum/static/3947.7458971d.chunk.js.map +0 -1
- package/dist-scalprum/static/3984.647ef00c.chunk.js +0 -2
- package/dist-scalprum/static/3984.647ef00c.chunk.js.map +0 -1
- package/dist-scalprum/static/4651.c85cecc4.chunk.js +0 -2
- package/dist-scalprum/static/4651.c85cecc4.chunk.js.map +0 -1
- package/dist-scalprum/static/4682.75f17114.chunk.js +0 -2
- package/dist-scalprum/static/4682.75f17114.chunk.js.map +0 -1
- package/dist-scalprum/static/5010.0cd6c959.chunk.js +0 -3
- package/dist-scalprum/static/5010.0cd6c959.chunk.js.map +0 -1
- package/dist-scalprum/static/5203.b654e8e0.chunk.js +0 -2
- package/dist-scalprum/static/5203.b654e8e0.chunk.js.map +0 -1
- package/dist-scalprum/static/5453.ecdee66d.chunk.js +0 -2
- package/dist-scalprum/static/5453.ecdee66d.chunk.js.map +0 -1
- package/dist-scalprum/static/6371.d45f37cc.chunk.js +0 -2
- package/dist-scalprum/static/6371.d45f37cc.chunk.js.map +0 -1
- package/dist-scalprum/static/6763.d6cd937f.chunk.js.map +0 -1
- package/dist-scalprum/static/6800.20f46859.chunk.js +0 -2
- package/dist-scalprum/static/6800.20f46859.chunk.js.map +0 -1
- package/dist-scalprum/static/6840.1653e6b0.chunk.js +0 -2
- package/dist-scalprum/static/6840.1653e6b0.chunk.js.map +0 -1
- package/dist-scalprum/static/7236.f3886d59.chunk.js +0 -2
- package/dist-scalprum/static/7236.f3886d59.chunk.js.map +0 -1
- package/dist-scalprum/static/7791.ac1ac509.chunk.js +0 -2
- package/dist-scalprum/static/7791.ac1ac509.chunk.js.map +0 -1
- package/dist-scalprum/static/8172.cbe1f2c4.chunk.js +0 -2
- package/dist-scalprum/static/8172.cbe1f2c4.chunk.js.map +0 -1
- package/dist-scalprum/static/8799.939d14f9.chunk.js +0 -2
- package/dist-scalprum/static/8799.939d14f9.chunk.js.map +0 -1
- package/dist-scalprum/static/exposed-PluginRoot.ed95fa78.chunk.js +0 -2
- package/dist-scalprum/static/exposed-PluginRoot.ed95fa78.chunk.js.map +0 -1
- /package/dist/components/{ApiKeysPage → ApiKeyApprovalPage}/index.esm.js.map +0 -0
- /package/dist-scalprum/static/{5010.0cd6c959.chunk.js.LICENSE.txt → 5010.4ef96c87.chunk.js.LICENSE.txt} +0 -0
- /package/dist-scalprum/static/{6763.d6cd937f.chunk.js.LICENSE.txt → 8563.46f1a3e1.chunk.js.LICENSE.txt} +0 -0
- /package/dist-scalprum/static/{2946.a35243f1.chunk.js.LICENSE.txt → 9370.2e9fe34b.chunk.js.LICENSE.txt} +0 -0
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[2967],{32269:(e,a,t)=>{var n=t(4293),r=t(78920);a.A=void 0;var i=r(t(95478)),s=(0,n(t(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");a.A=s},35015:(e,a,t)=>{t.d(a,{A:()=>s});var n=t(95478),r=t(85608),i=t(71581);function s(e,a){void 0===a&&(a=[]);var t=function(e,a,t){void 0===a&&(a=[]),void 0===t&&(t={loading:!1});var s=(0,n.useRef)(0),l=(0,i.A)(),o=(0,n.useState)(t),c=o[0],d=o[1],h=(0,n.useCallback)(function(){for(var a=[],t=0;t<arguments.length;t++)a[t]=arguments[t];var n=++s.current;return c.loading||d(function(e){return(0,r.__assign)((0,r.__assign)({},e),{loading:!0})}),e.apply(void 0,a).then(function(e){return l()&&n===s.current&&d({value:e,loading:!1}),e},function(e){return l()&&n===s.current&&d({error:e,loading:!1}),e})},a);return[c,h]}(e,a,{loading:!0}),s=t[0],l=t[1];return(0,n.useEffect)(function(){l()},[l]),s}},46299:(e,a,t)=>{t.d(a,{S:()=>n});const n=e=>{const a={border:"none"};switch(e){case"Approved":return{...a,backgroundColor:"#4caf50",color:"#fff"};case"Rejected":return{...a,backgroundColor:"#f44336",color:"#fff"};default:return{...a,backgroundColor:"#ff9800",color:"#fff"}}}},52235:(e,a,t)=>{var n=t(4293),r=t(78920);a.A=void 0;var i=r(t(95478)),s=(0,n(t(74044)).default)(i.createElement("path",{d:"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}),"ArrowForward");a.A=s},55735:(e,a,t)=>{var n=t(4293),r=t(78920);a.A=void 0;var i=r(t(95478)),s=(0,n(t(74044)).default)(i.createElement("path",{d:"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"}),"ArrowBack");a.A=s},61524:(e,a,t)=>{var n=t(4293),r=t(78920);a.A=void 0;var i=r(t(95478)),s=(0,n(t(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");a.A=s},72967:(e,a,t)=>{t.r(a),t.d(a,{ApiKeyDetailPage:()=>H});var n=t(31085),r=t(95478),i=t(49634),s=t(22097),l=t(35015),o=t(86687),c=t(42367),d=t(289),h=t(15831),p=t(37725),u=t(46681),m=t(94641),x=t(96040),A=t(58837),v=t(10394),y=t(71677),f=t(29365),j=t(64947),g=t(72501),b=t(42899),k=t(67720),C=t(31653),w=t(38605),P=t(76891),S=t(61477),N=t(46805),I=t(93453),B=t(32269),R=t(61524),z=t(99594),T=t(77225),$=t(55735),_=t(39330),L=t(85121),E=t(46299);const K=(0,A.A)(e=>({label:{fontWeight:600,color:e.palette.text.secondary,marginBottom:e.spacing(.5)},value:{marginBottom:e.spacing(2)},codeBlock:{backgroundColor:e.palette.background.default,padding:e.spacing(2),borderRadius:e.shape.borderRadius,fontFamily:"monospace",fontSize:"0.875rem",overflow:"auto",whiteSpace:"pre-wrap",wordBreak:"break-all"},apiKeyContainer:{display:"flex",alignItems:"center",gap:e.spacing(1),padding:e.spacing(1.5),backgroundColor:e.palette.background.default,borderRadius:e.shape.borderRadius,fontFamily:"monospace"},tabPanel:{marginTop:e.spacing(2)}})),D=({code:e,onCopy:a})=>{const t=K();return(0,n.jsxs)(v.A,{position:"relative",children:[(0,n.jsx)(v.A,{className:t.codeBlock,children:e}),(0,n.jsx)(y.Ay,{title:"Copy code",children:(0,n.jsx)(f.A,{size:"small",style:{position:"absolute",top:8,right:8},onClick:a,children:(0,n.jsx)(z.A,{fontSize:"small"})})})]})},H=()=>{var e,a,t,A,H,M,W,q,F,V;const U=K(),{namespace:O,name:G}=(0,i.useParams)(),Y=(0,s.useApi)(s.configApiRef),J=(0,s.useApi)(s.fetchApiRef),Q=(0,s.useApi)(s.alertApiRef),X=Y.getString("backend.baseUrl"),[Z,ee]=(0,r.useState)(0),[ae,te]=(0,r.useState)(!1),[ne,re]=(0,r.useState)(null),[ie,se]=(0,r.useState)(!1),[le,oe]=(0,r.useState)(!1),[ce,de]=(0,r.useState)(!1),{value:he,loading:pe,error:ue}=(0,l.A)(async()=>{var e;const[a,t]=await Promise.all([J.fetch(`${X}/api/kuadrant/apikeys/${O}/${G}`),J.fetch(`${X}/api/kuadrant/apiproducts`)]);if(!a.ok)throw new Error("Failed to fetch API key");const n=await a.json();let r;return!1===(null===(e=n.status)||void 0===e?void 0:e.canReadSecret)&&oe(!0),t.ok&&(r=((await t.json()).items||[]).find(e=>{var a;return e.metadata.name===(null===(a=n.spec.apiProductRef)||void 0===a?void 0:a.name)&&e.metadata.namespace===n.metadata.namespace})),{apiKey:n,apiProduct:r}},[O,G,X,J]),me=null==he?void 0:he.apiKey,xe=null==he?void 0:he.apiProduct,Ae=async e=>{await navigator.clipboard.writeText(e),Q.post({message:"Copied to clipboard",severity:"success",display:"transient"})};if(pe)return(0,n.jsx)(o.k,{});if(ue||!me)return(0,n.jsx)(c._,{error:ue||new Error("API key not found")});const ve=(null===(e=me.status)||void 0===e?void 0:e.phase)||"Pending",ye="Approved"===ve?"Active":ve,fe=(null===(a=me.status)||void 0===a?void 0:a.apiHostname)||"api.example.com",je=ne||"<your-api-key>",ge=[{label:"cURL",code:`curl -H "Authorization: Bearer ${je}" \\\n https://${fe}/`},{label:"Node.js",code:`const response = await fetch('https://${fe}/', {\n headers: {\n 'Authorization': 'Bearer ${je}'\n }\n});\nconst data = await response.json();`},{label:"Python",code:`import requests\n\nresponse = requests.get(\n 'https://${fe}/',\n headers={'Authorization': 'Bearer ${je}'}\n)\ndata = response.json()`},{label:"Go",code:`package main\n\nimport (\n "net/http"\n)\n\nfunc main() {\n client := &http.Client{}\n req, _ := http.NewRequest("GET", "https://${fe}/", nil)\n req.Header.Set("Authorization", "Bearer ${je}")\n resp, _ := client.Do(req)\n defer resp.Body.Close()\n}`}];return(0,n.jsxs)(d.Y,{themeId:"tool",children:[(0,n.jsx)(h.Y,{title:me.metadata.name,subtitle:`API Key for ${(null===(t=me.spec.apiProductRef)||void 0===t?void 0:t.name)||"unknown"}`,children:(0,n.jsx)(p.N_,{to:"/kuadrant/api-keys",children:(0,n.jsx)(j.A,{startIcon:(0,n.jsx)($.A,{}),children:"Back to API Keys"})})}),(0,n.jsxs)(u.U,{children:[(0,n.jsx)(v.A,{mb:2,children:(0,n.jsxs)(m.B,{"aria-label":"breadcrumb",children:[(0,n.jsx)(p.N_,{to:"/kuadrant/api-keys",children:"API keys"}),(0,n.jsx)(g.A,{children:me.metadata.name})]})}),(0,n.jsxs)(v.A,{mb:3,display:"flex",style:{gap:8},children:[(0,n.jsx)(p.N_,{to:`/catalog/default/api/${null===(A=me.spec.apiProductRef)||void 0===A?void 0:A.name}`,children:(0,n.jsx)(j.A,{variant:"outlined",startIcon:(0,n.jsx)(_.A,{}),"data-testid":"view-api-button",children:"View API"})}),(null==xe||null===(H=xe.spec)||void 0===H?void 0:H.contact)&&(xe.spec.contact.email||xe.spec.contact.url||xe.spec.contact.slack)&&(0,n.jsx)(j.A,{variant:"outlined",startIcon:(0,n.jsx)(L.A,{}),href:xe.spec.contact.email?`mailto:${xe.spec.contact.email}`:xe.spec.contact.slack?xe.spec.contact.slack:xe.spec.contact.url||"#",target:"_blank",rel:"noopener noreferrer",children:"Contact Owner"})]}),(0,n.jsxs)(b.A,{container:!0,spacing:3,children:[(0,n.jsx)(b.A,{item:!0,xs:12,md:6,children:(0,n.jsx)(x.n,{title:"API Key Details",children:(0,n.jsxs)(v.A,{children:[(0,n.jsx)(g.A,{variant:"caption",className:U.label,children:"Status"}),(0,n.jsx)(v.A,{className:U.value,children:(0,n.jsx)(k.A,{label:ye,size:"small",style:(0,E.S)(ve),"data-testid":"api-key-status-chip"})}),(0,n.jsx)(g.A,{variant:"caption",className:U.label,children:"API Product"}),(0,n.jsx)(g.A,{variant:"body1",className:U.value,children:(0,n.jsx)(p.N_,{to:`/catalog/default/api/${null===(M=me.spec.apiProductRef)||void 0===M?void 0:M.name}/api-keys`,children:(null===(W=me.spec.apiProductRef)||void 0===W?void 0:W.name)||"unknown"})}),(0,n.jsx)(g.A,{variant:"caption",className:U.label,children:"Tier"}),(0,n.jsx)(v.A,{className:U.value,children:(0,n.jsx)(k.A,{label:me.spec.planTier,size:"small",variant:"outlined"})}),(0,n.jsx)(g.A,{variant:"caption",className:U.label,children:"Requester"}),(0,n.jsx)(g.A,{variant:"body1",className:U.value,children:null===(q=me.spec.requestedBy)||void 0===q?void 0:q.userId}),(0,n.jsx)(g.A,{variant:"caption",className:U.label,children:"Requested"}),(0,n.jsx)(g.A,{variant:"body1",className:U.value,children:me.metadata.creationTimestamp?new Date(me.metadata.creationTimestamp).toLocaleDateString():"-"}),(null===(F=me.status)||void 0===F?void 0:F.reviewedBy)&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(g.A,{variant:"caption",className:U.label,children:"Reviewed By"}),(0,n.jsxs)(g.A,{variant:"body1",className:U.value,children:[me.status.reviewedBy.replace(/^user:default\//,""),me.status.reviewedAt&&(0,n.jsxs)(g.A,{variant:"caption",color:"textSecondary",children:[" ","on"," ",new Date(me.status.reviewedAt).toLocaleDateString()]})]})]})]})})}),(0,n.jsxs)(b.A,{item:!0,xs:12,md:6,children:[(0,n.jsx)(x.n,{title:"Use Case",children:(0,n.jsx)(g.A,{variant:"body1",children:me.spec.useCase||"No use case provided"})}),"Approved"===ve&&(0,n.jsx)(v.A,{mt:2,children:(0,n.jsx)(x.n,{title:"API Key",children:le&&!ne?(0,n.jsx)(y.Ay,{title:"This API key has already been viewed and cannot be retrieved again",children:(0,n.jsxs)(v.A,{display:"flex",alignItems:"center",children:[(0,n.jsx)(g.A,{variant:"body2",color:"textSecondary",children:"Already viewed - cannot be retrieved again"}),(0,n.jsx)(R.A,{fontSize:"small",color:"disabled",style:{marginLeft:8}})]})}):(0,n.jsxs)(v.A,{className:U.apiKeyContainer,children:[(0,n.jsx)(g.A,{variant:"body2",style:{fontFamily:"monospace",flex:1},children:ie?"Loading...":ae&&ne?ne:"•".repeat(32)}),ae&&ne&&(0,n.jsx)(y.Ay,{title:"Copy to clipboard",children:(0,n.jsx)(f.A,{size:"small",onClick:()=>Ae(ne),children:(0,n.jsx)(z.A,{fontSize:"small"})})}),(0,n.jsx)(y.Ay,{title:ae?"Hide API key":"Reveal API key (one-time only)",children:(0,n.jsx)("span",{children:(0,n.jsx)(f.A,{size:"small",onClick:()=>{ae?(te(!1),re(null)):le||de(!0)},disabled:ie||le&&!ne,children:ae?(0,n.jsx)(R.A,{fontSize:"small"}):(0,n.jsx)(B.A,{fontSize:"small"})})})})]})})})]}),"Approved"===ve&&(0,n.jsx)(b.A,{item:!0,xs:12,children:(0,n.jsx)(x.n,{title:"Code Examples",children:(0,n.jsxs)(v.A,{children:[(0,n.jsx)(C.A,{value:Z,onChange:(e,a)=>ee(a),indicatorColor:"primary",textColor:"primary",children:ge.map(e=>(0,n.jsx)(w.A,{label:e.label},e.label))}),(0,n.jsx)(v.A,{className:U.tabPanel,children:(0,n.jsx)(D,{code:ge[Z].code,onCopy:()=>Ae(ge[Z].code)})})]})})}),(null===(V=me.status)||void 0===V?void 0:V.limits)&&(0,n.jsx)(b.A,{item:!0,xs:12,children:(0,n.jsx)(x.n,{title:"Rate Limits",children:(0,n.jsxs)(b.A,{container:!0,spacing:2,children:[me.status.limits.daily&&(0,n.jsxs)(b.A,{item:!0,children:[(0,n.jsx)(g.A,{variant:"caption",className:U.label,children:"Daily"}),(0,n.jsx)(g.A,{variant:"h6",children:me.status.limits.daily.toLocaleString()})]}),me.status.limits.weekly&&(0,n.jsxs)(b.A,{item:!0,children:[(0,n.jsx)(g.A,{variant:"caption",className:U.label,children:"Weekly"}),(0,n.jsx)(g.A,{variant:"h6",children:me.status.limits.weekly.toLocaleString()})]}),me.status.limits.monthly&&(0,n.jsxs)(b.A,{item:!0,children:[(0,n.jsx)(g.A,{variant:"caption",className:U.label,children:"Monthly"}),(0,n.jsx)(g.A,{variant:"h6",children:me.status.limits.monthly.toLocaleString()})]})]})})})]})]}),(0,n.jsxs)(P.A,{open:ce,onClose:()=>de(!1),maxWidth:"sm",children:[(0,n.jsx)(S.A,{children:(0,n.jsxs)(v.A,{display:"flex",alignItems:"center",children:[(0,n.jsx)(T.A,{color:"primary",style:{marginRight:8}}),"View API Key"]})}),(0,n.jsxs)(N.A,{children:[(0,n.jsxs)(g.A,{variant:"body1",paragraph:!0,children:["This API key can only be viewed ",(0,n.jsx)("strong",{children:"once"}),". After you reveal it, you will not be able to retrieve it again."]}),(0,n.jsx)(g.A,{variant:"body2",color:"textSecondary",children:"Make sure to copy and store it securely before closing this view."})]}),(0,n.jsxs)(I.A,{children:[(0,n.jsx)(j.A,{onClick:()=>de(!1),children:"Cancel"}),(0,n.jsx)(j.A,{variant:"contained",color:"primary",onClick:()=>{de(!1),(async()=>{se(!0);try{const e=await J.fetch(`${X}/api/kuadrant/apikeys/${O}/${G}/secret`);if(e.ok){const a=await e.json();re(a.apiKey),oe(!0),te(!0)}else 403===e.status&&(oe(!0),Q.post({message:"This API key has already been viewed and cannot be retrieved again.",severity:"warning",display:"transient"}))}catch(e){console.error("Failed to fetch API key:",e);const a=e instanceof Error?e.message:"unknown error occurred";Q.post({message:`Failed to fetch APIKey. ${a}`,severity:"error",display:"transient"})}finally{se(!1)}})()},children:"Reveal API Key"})]})]})]})}},85121:(e,a,t)=>{var n=t(4293),r=t(78920);a.A=void 0;var i=r(t(95478)),s=(0,n(t(74044)).default)(i.createElement("path",{d:"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"}),"Email");a.A=s},96040:(e,a,t)=>{t.d(a,{n:()=>B});var n=t(31085),r=t(40703),i=t(59469),s=t(48653),l=t(45685),o=t(37197),c=t(37976),d=t(53373),h=t.n(d),p=t(10394),u=t(72501),m=t(52235),x=t(37725);const A=(0,c.makeStyles)(e=>({root:{maxWidth:"fit-content",padding:e.spacing(2,2,2,2.5)},boxTitle:{margin:0,color:e.palette.textSubtle},arrow:{color:e.palette.textSubtle}}),{name:"BackstageBottomLink"});function v(e){const{link:a,title:t,onClick:r}=e,i=A();return(0,n.jsxs)(p.A,{children:[(0,n.jsx)(o.A,{}),(0,n.jsx)(x.N_,{to:a,onClick:r,underline:"none",children:(0,n.jsxs)(p.A,{display:"flex",alignItems:"center",className:i.root,children:[(0,n.jsx)(p.A,{className:i.boxTitle,fontWeight:"fontWeightBold",m:1,children:(0,n.jsx)(u.A,{children:(0,n.jsx)("strong",{children:t})})}),(0,n.jsx)(m.A,{className:i.arrow})]})})]})}var y=t(95478),f=t(64947);const j=(0,y.forwardRef)((e,a)=>(0,n.jsx)(x.N_,{ref:a,...e,color:"initial"})),g=(0,y.forwardRef)((e,a)=>(0,n.jsx)(f.A,{ref:a,component:j,...e}));var b=t(56573),k=t(21006),C=t(75501);const w=e=>{const{slackChannel:a}=e,{t}=(0,C.useTranslationRef)(k.O);return a?"string"==typeof a?(0,n.jsx)(u.A,{children:t("errorBoundary.title",{slackChannel:a})}):a.href?(0,n.jsx)(g,{to:a.href,variant:"contained",children:a.name}):(0,n.jsx)(u.A,{children:t("errorBoundary.title",{slackChannel:a.name})}):null},P=class extends y.Component{constructor(e){super(e),this.state={error:void 0,errorInfo:void 0}}componentDidCatch(e,a){console.error(`ErrorBoundary, error: ${e}`,{error:e,errorInfo:a}),this.setState({error:e,errorInfo:a})}render(){const{slackChannel:e,children:a}=this.props,{error:t}=this.state;return t?(0,n.jsx)(b.b,{title:"Something Went Wrong",error:t,children:(0,n.jsx)(w,{slackChannel:e})}):a}},S=(0,c.makeStyles)(e=>({noPadding:{padding:0,"&:last-child":{paddingBottom:0}},contentAlignBottom:{display:"flex",alignItems:"self-end"},header:{padding:e.spacing(2,2,2,2.5)},headerTitle:{fontWeight:e.typography.fontWeightBold},headerSubheader:{paddingTop:e.spacing(1)},headerAvatar:{},headerAction:{},headerContent:{},subheader:{display:"flex"}}),{name:"BackstageInfoCard"}),N=(0,c.withStyles)(e=>({root:{display:"inline-block",padding:e.spacing(8,8,0,0),float:"right"}}),{name:"BackstageInfoCardCardActionsTopRight"})(i.A),I={card:{flex:{display:"flex",flexDirection:"column"},fullHeight:{display:"flex",flexDirection:"column",height:"100%"},gridItem:{display:"flex",flexDirection:"column",height:"calc(100% - 10px)",marginBottom:"10px",breakInside:"avoid-page","@media print":{height:"auto"}}},cardContent:{fullHeight:{flex:1},gridItem:{flex:1}}};function B(e){const{title:a,subheader:t,divider:c=!0,deepLink:d,slackChannel:p,errorBoundaryProps:u,variant:m,alignContent:x="normal",children:A,headerStyle:y,headerProps:f,icon:j,action:g,actionsClassName:b,actions:k,cardClassName:C,actionsTopRight:w,className:B,noPadding:R,titleTypographyProps:z,subheaderTypographyProps:T}=e,$=S();let _={},L={};m&&m.split(/[\s]+/g).forEach(e=>{_={..._,...I.card[e]},L={...L,...I.cardContent[e]}});const E=u||(p?{slackChannel:p}:{});return(0,n.jsx)(r.A,{style:_,className:B,children:(0,n.jsxs)(P,{...E,children:[a&&(0,n.jsx)(l.A,{classes:{root:h()($.header),title:$.headerTitle,subheader:$.headerSubheader,avatar:$.headerAvatar,action:$.headerAction,content:$.headerContent},title:a,subheader:t||j?(0,n.jsxs)("div",{"data-testid":"info-card-subheader",children:[t&&(0,n.jsx)("div",{className:$.subheader,children:t}),j]}):null,action:g,style:{...y},titleTypographyProps:z,subheaderTypographyProps:T,...f}),w&&(0,n.jsx)(N,{children:w}),c&&(0,n.jsx)(o.A,{}),(0,n.jsx)(s.A,{className:h()(C,{[$.noPadding]:R,[$.contentAlignBottom]:"bottom"===x}),style:L,children:A}),k&&(0,n.jsx)(i.A,{className:b,children:k}),d&&(0,n.jsx)(v,{...d})]})})}}}]);
|
|
2
|
-
//# sourceMappingURL=2967.65c51af8.chunk.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"static/2967.65c51af8.chunk.js","mappings":"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","sources":["webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/Visibility.js","webpack://internal.plugin-kuadrant/../../node_modules/react-use/esm/useAsync.js","webpack://internal.plugin-kuadrant/../../node_modules/react-use/esm/useAsyncFn.js","webpack://internal.plugin-kuadrant/./src/utils/styles.ts","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/ArrowForward.js","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/ArrowBack.js","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/VisibilityOff.js","webpack://internal.plugin-kuadrant/./src/components/ApiKeyDetailPage/ApiKeyDetailPage.tsx","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/Email.js","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/layout/BottomLink/BottomLink.esm.js","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/components/LinkButton/LinkButton.esm.js","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/layout/ErrorBoundary/ErrorBoundary.esm.js","webpack://internal.plugin-kuadrant/./node_modules/@backstage/core-components/dist/layout/InfoCard/InfoCard.esm.js"],"sourcesContent":["\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 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\"\n}), 'Visibility');\n\nexports.default = _default;","import { useEffect } from 'react';\nimport useAsyncFn from './useAsyncFn';\nexport default function useAsync(fn, deps) {\n if (deps === void 0) { deps = []; }\n var _a = useAsyncFn(fn, deps, {\n loading: true,\n }), state = _a[0], callback = _a[1];\n useEffect(function () {\n callback();\n }, [callback]);\n return state;\n}\n","import { __assign } from \"tslib\";\nimport { useCallback, useRef, useState } from 'react';\nimport useMountedState from './useMountedState';\nexport default function useAsyncFn(fn, deps, initialState) {\n if (deps === void 0) { deps = []; }\n if (initialState === void 0) { initialState = { loading: false }; }\n var lastCallId = useRef(0);\n var isMounted = useMountedState();\n var _a = useState(initialState), state = _a[0], set = _a[1];\n var callback = useCallback(function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n var callId = ++lastCallId.current;\n if (!state.loading) {\n set(function (prevState) { return (__assign(__assign({}, prevState), { loading: true })); });\n }\n return fn.apply(void 0, args).then(function (value) {\n isMounted() && callId === lastCallId.current && set({ value: value, loading: false });\n return value;\n }, function (error) {\n isMounted() && callId === lastCallId.current && set({ error: error, loading: false });\n return error;\n });\n }, deps);\n return [state, callback];\n}\n","import { CSSProperties } from \"react\";\n\n/**\n * Returns inline styles for API key status chips.\n * Uses inline styles to ensure proper specificity with Material-UI Chip.\n */\nexport const getStatusChipStyle = (phase: string): CSSProperties => {\n const base = { border: \"none\" };\n switch (phase) {\n case \"Approved\":\n return { ...base, backgroundColor: \"#4caf50\", color: \"#fff\" };\n case \"Rejected\":\n return { ...base, backgroundColor: \"#f44336\", color: \"#fff\" };\n default:\n return { ...base, backgroundColor: \"#ff9800\", color: \"#fff\" };\n }\n};\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\n}), 'ArrowForward');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\"\n}), 'ArrowBack');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"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\"\n}), 'VisibilityOff');\n\nexports.default = _default;","import React, { useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport {\n useApi,\n configApiRef,\n fetchApiRef,\n alertApiRef,\n} from \"@backstage/core-plugin-api\";\nimport { useAsync } from \"react-use\";\nimport {\n Header,\n Page,\n Content,\n Progress,\n ResponseErrorPanel,\n InfoCard,\n Link,\n Breadcrumbs,\n} from \"@backstage/core-components\";\nimport {\n Box,\n Grid,\n Typography,\n Chip,\n IconButton,\n Tooltip,\n Tabs,\n Tab,\n Button,\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n makeStyles,\n} from \"@material-ui/core\";\nimport VisibilityIcon from \"@material-ui/icons/Visibility\";\nimport VisibilityOffIcon from \"@material-ui/icons/VisibilityOff\";\nimport FileCopyIcon from \"@material-ui/icons/FileCopy\";\nimport WarningIcon from \"@material-ui/icons/Warning\";\nimport ArrowBackIcon from \"@material-ui/icons/ArrowBack\";\nimport OpenInNewIcon from \"@material-ui/icons/OpenInNew\";\nimport EmailIcon from \"@material-ui/icons/Email\";\nimport { APIKey, APIProduct } from \"../../types/api-management\";\nimport { getStatusChipStyle } from \"../../utils/styles\";\n\nconst useStyles = makeStyles((theme) => ({\n label: {\n fontWeight: 600,\n color: theme.palette.text.secondary,\n marginBottom: theme.spacing(0.5),\n },\n value: {\n marginBottom: theme.spacing(2),\n },\n codeBlock: {\n backgroundColor: theme.palette.background.default,\n padding: theme.spacing(2),\n borderRadius: theme.shape.borderRadius,\n fontFamily: \"monospace\",\n fontSize: \"0.875rem\",\n overflow: \"auto\",\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-all\",\n },\n apiKeyContainer: {\n display: \"flex\",\n alignItems: \"center\",\n gap: theme.spacing(1),\n padding: theme.spacing(1.5),\n backgroundColor: theme.palette.background.default,\n borderRadius: theme.shape.borderRadius,\n fontFamily: \"monospace\",\n },\n tabPanel: {\n marginTop: theme.spacing(2),\n },\n}));\n\nconst CodeExample = ({\n code,\n onCopy,\n}: {\n code: string;\n onCopy: () => void;\n}) => {\n const classes = useStyles();\n\n return (\n <Box position=\"relative\">\n <Box className={classes.codeBlock}>{code}</Box>\n <Tooltip title=\"Copy code\">\n <IconButton\n size=\"small\"\n style={{ position: \"absolute\", top: 8, right: 8 }}\n onClick={onCopy}\n >\n <FileCopyIcon fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n </Box>\n );\n};\n\nexport const ApiKeyDetailPage = () => {\n const classes = useStyles();\n const { namespace, name } = useParams<{ namespace: string; name: string }>();\n const config = useApi(configApiRef);\n const fetchApi = useApi(fetchApiRef);\n const alertApi = useApi(alertApiRef);\n const backendUrl = config.getString(\"backend.baseUrl\");\n\n const [selectedTab, setSelectedTab] = useState(0);\n const [showApiKey, setShowApiKey] = useState(false);\n const [apiKeyValue, setApiKeyValue] = useState<string | null>(null);\n const [apiKeyLoading, setApiKeyLoading] = useState(false);\n const [alreadyRead, setAlreadyRead] = useState(false);\n const [showWarning, setShowWarning] = useState(false);\n\n const {\n value: data,\n loading,\n error,\n } = useAsync(async () => {\n const [apiKeyResponse, productsResponse] = await Promise.all([\n fetchApi.fetch(`${backendUrl}/api/kuadrant/apikeys/${namespace}/${name}`),\n fetchApi.fetch(`${backendUrl}/api/kuadrant/apiproducts`),\n ]);\n\n if (!apiKeyResponse.ok) {\n throw new Error(\"Failed to fetch API key\");\n }\n const apiKeyData = await apiKeyResponse.json();\n\n // check if key has already been read\n if (apiKeyData.status?.canReadSecret === false) {\n setAlreadyRead(true);\n }\n\n // find matching api product to get contact info\n let apiProduct: APIProduct | undefined;\n if (productsResponse.ok) {\n const productsData = await productsResponse.json();\n apiProduct = (productsData.items || []).find(\n (p: APIProduct) =>\n p.metadata.name === apiKeyData.spec.apiProductRef?.name &&\n p.metadata.namespace === apiKeyData.metadata.namespace,\n );\n }\n\n return { apiKey: apiKeyData as APIKey, apiProduct };\n }, [namespace, name, backendUrl, fetchApi]);\n\n const apiKey = data?.apiKey;\n const apiProduct = data?.apiProduct;\n\n const fetchApiKeySecret = async () => {\n setApiKeyLoading(true);\n try {\n const response = await fetchApi.fetch(\n `${backendUrl}/api/kuadrant/apikeys/${namespace}/${name}/secret`,\n );\n if (response.ok) {\n const data = await response.json();\n setApiKeyValue(data.apiKey);\n setAlreadyRead(true);\n setShowApiKey(true);\n } else if (response.status === 403) {\n setAlreadyRead(true);\n alertApi.post({\n message:\n \"This API key has already been viewed and cannot be retrieved again.\",\n severity: \"warning\",\n display: \"transient\",\n });\n }\n } catch (err) {\n console.error(\"Failed to fetch API key:\", err);\n const errorMessage = err instanceof Error ? err.message : \"unknown error occurred\";\n alertApi.post({\n message: `Failed to fetch APIKey. ${errorMessage}`,\n severity: 'error',\n display: 'transient',\n });\n } finally {\n setApiKeyLoading(false);\n }\n };\n\n const handleRevealClick = () => {\n if (showApiKey) {\n setShowApiKey(false);\n setApiKeyValue(null);\n } else if (!alreadyRead) {\n setShowWarning(true);\n }\n };\n\n const handleConfirmReveal = () => {\n setShowWarning(false);\n fetchApiKeySecret();\n };\n\n const handleCopy = async (text: string) => {\n await navigator.clipboard.writeText(text);\n alertApi.post({\n message: \"Copied to clipboard\",\n severity: \"success\",\n display: \"transient\",\n });\n };\n\n if (loading) {\n return <Progress />;\n }\n\n if (error || !apiKey) {\n return (\n <ResponseErrorPanel error={error || new Error(\"API key not found\")} />\n );\n }\n\n const phase = apiKey.status?.phase || \"Pending\";\n const statusLabel = phase === \"Approved\" ? \"Active\" : phase;\n const hostname = apiKey.status?.apiHostname || \"api.example.com\";\n const displayApiKey = apiKeyValue || \"<your-api-key>\";\n\n // code examples\n const curlExample = `curl -H \"Authorization: Bearer ${displayApiKey}\" \\\\\n https://${hostname}/`;\n\n const nodeExample = `const response = await fetch('https://${hostname}/', {\n headers: {\n 'Authorization': 'Bearer ${displayApiKey}'\n }\n});\nconst data = await response.json();`;\n\n const pythonExample = `import requests\n\nresponse = requests.get(\n 'https://${hostname}/',\n headers={'Authorization': 'Bearer ${displayApiKey}'}\n)\ndata = response.json()`;\n\n const goExample = `package main\n\nimport (\n \"net/http\"\n)\n\nfunc main() {\n client := &http.Client{}\n req, _ := http.NewRequest(\"GET\", \"https://${hostname}/\", nil)\n req.Header.Set(\"Authorization\", \"Bearer ${displayApiKey}\")\n resp, _ := client.Do(req)\n defer resp.Body.Close()\n}`;\n\n const codeExamples = [\n { label: \"cURL\", code: curlExample },\n { label: \"Node.js\", code: nodeExample },\n { label: \"Python\", code: pythonExample },\n { label: \"Go\", code: goExample },\n ];\n\n return (\n <Page themeId=\"tool\">\n <Header\n title={apiKey.metadata.name}\n subtitle={`API Key for ${apiKey.spec.apiProductRef?.name || \"unknown\"}`}\n >\n <Link to=\"/kuadrant/api-keys\">\n <Button startIcon={<ArrowBackIcon />}>Back to API Keys</Button>\n </Link>\n </Header>\n <Content>\n <Box mb={2}>\n <Breadcrumbs aria-label=\"breadcrumb\">\n <Link to=\"/kuadrant/api-keys\">API keys</Link>\n <Typography>{apiKey.metadata.name}</Typography>\n </Breadcrumbs>\n </Box>\n\n <Box mb={3} display=\"flex\" style={{ gap: 8 }}>\n <Link to={`/catalog/default/api/${apiKey.spec.apiProductRef?.name}`}>\n <Button\n variant=\"outlined\"\n startIcon={<OpenInNewIcon />}\n data-testid=\"view-api-button\"\n >\n View API\n </Button>\n </Link>\n {apiProduct?.spec?.contact &&\n (apiProduct.spec.contact.email ||\n apiProduct.spec.contact.url ||\n apiProduct.spec.contact.slack) && (\n <Button\n variant=\"outlined\"\n startIcon={<EmailIcon />}\n href={\n apiProduct.spec.contact.email\n ? `mailto:${apiProduct.spec.contact.email}`\n : apiProduct.spec.contact.slack\n ? apiProduct.spec.contact.slack\n : apiProduct.spec.contact.url || \"#\"\n }\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Contact Owner\n </Button>\n )}\n </Box>\n\n <Grid container spacing={3}>\n <Grid item xs={12} md={6}>\n <InfoCard title=\"API Key Details\">\n <Box>\n <Typography variant=\"caption\" className={classes.label}>\n Status\n </Typography>\n <Box className={classes.value}>\n <Chip\n label={statusLabel}\n size=\"small\"\n style={getStatusChipStyle(phase)}\n data-testid=\"api-key-status-chip\"\n />\n </Box>\n\n <Typography variant=\"caption\" className={classes.label}>\n API Product\n </Typography>\n <Typography variant=\"body1\" className={classes.value}>\n <Link\n to={`/catalog/default/api/${apiKey.spec.apiProductRef?.name}/api-keys`}\n >\n {apiKey.spec.apiProductRef?.name || \"unknown\"}\n </Link>\n </Typography>\n\n <Typography variant=\"caption\" className={classes.label}>\n Tier\n </Typography>\n <Box className={classes.value}>\n <Chip\n label={apiKey.spec.planTier}\n size=\"small\"\n variant=\"outlined\"\n />\n </Box>\n\n <Typography variant=\"caption\" className={classes.label}>\n Requester\n </Typography>\n <Typography variant=\"body1\" className={classes.value}>\n {apiKey.spec.requestedBy?.userId}\n </Typography>\n\n <Typography variant=\"caption\" className={classes.label}>\n Requested\n </Typography>\n <Typography variant=\"body1\" className={classes.value}>\n {apiKey.metadata.creationTimestamp\n ? new Date(\n apiKey.metadata.creationTimestamp,\n ).toLocaleDateString()\n : \"-\"}\n </Typography>\n\n {apiKey.status?.reviewedBy && (\n <>\n <Typography variant=\"caption\" className={classes.label}>\n Reviewed By\n </Typography>\n <Typography variant=\"body1\" className={classes.value}>\n {apiKey.status.reviewedBy.replace(/^user:default\\//, \"\")}\n {apiKey.status.reviewedAt && (\n <Typography variant=\"caption\" color=\"textSecondary\">\n {\" \"}\n on{\" \"}\n {new Date(\n apiKey.status.reviewedAt,\n ).toLocaleDateString()}\n </Typography>\n )}\n </Typography>\n </>\n )}\n </Box>\n </InfoCard>\n </Grid>\n\n <Grid item xs={12} md={6}>\n <InfoCard title=\"Use Case\">\n <Typography variant=\"body1\">\n {apiKey.spec.useCase || \"No use case provided\"}\n </Typography>\n </InfoCard>\n\n {phase === \"Approved\" && (\n <Box mt={2}>\n <InfoCard title=\"API Key\">\n {alreadyRead && !apiKeyValue ? (\n <Tooltip title=\"This API key has already been viewed and cannot be retrieved again\">\n <Box display=\"flex\" alignItems=\"center\">\n <Typography variant=\"body2\" color=\"textSecondary\">\n Already viewed - cannot be retrieved again\n </Typography>\n <VisibilityOffIcon\n fontSize=\"small\"\n color=\"disabled\"\n style={{ marginLeft: 8 }}\n />\n </Box>\n </Tooltip>\n ) : (\n <Box className={classes.apiKeyContainer}>\n <Typography\n variant=\"body2\"\n style={{ fontFamily: \"monospace\", flex: 1 }}\n >\n {apiKeyLoading\n ? \"Loading...\"\n : showApiKey && apiKeyValue\n ? apiKeyValue\n : \"•\".repeat(32)}\n </Typography>\n {showApiKey && apiKeyValue && (\n <Tooltip title=\"Copy to clipboard\">\n <IconButton\n size=\"small\"\n onClick={() => handleCopy(apiKeyValue)}\n >\n <FileCopyIcon fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n )}\n <Tooltip\n title={\n showApiKey\n ? \"Hide API key\"\n : \"Reveal API key (one-time only)\"\n }\n >\n <span>\n <IconButton\n size=\"small\"\n onClick={handleRevealClick}\n disabled={\n apiKeyLoading || (alreadyRead && !apiKeyValue)\n }\n >\n {showApiKey ? (\n <VisibilityOffIcon fontSize=\"small\" />\n ) : (\n <VisibilityIcon fontSize=\"small\" />\n )}\n </IconButton>\n </span>\n </Tooltip>\n </Box>\n )}\n </InfoCard>\n </Box>\n )}\n </Grid>\n\n {phase === \"Approved\" && (\n <Grid item xs={12}>\n <InfoCard title=\"Code Examples\">\n <Box>\n <Tabs\n value={selectedTab}\n onChange={(_, newValue) => setSelectedTab(newValue)}\n indicatorColor=\"primary\"\n textColor=\"primary\"\n >\n {codeExamples.map((ex) => (\n <Tab key={ex.label} label={ex.label} />\n ))}\n </Tabs>\n <Box className={classes.tabPanel}>\n <CodeExample\n code={codeExamples[selectedTab].code}\n onCopy={() => handleCopy(codeExamples[selectedTab].code)}\n />\n </Box>\n </Box>\n </InfoCard>\n </Grid>\n )}\n\n {apiKey.status?.limits && (\n <Grid item xs={12}>\n <InfoCard title=\"Rate Limits\">\n <Grid container spacing={2}>\n {apiKey.status.limits.daily && (\n <Grid item>\n <Typography variant=\"caption\" className={classes.label}>\n Daily\n </Typography>\n <Typography variant=\"h6\">\n {apiKey.status.limits.daily.toLocaleString()}\n </Typography>\n </Grid>\n )}\n {apiKey.status.limits.weekly && (\n <Grid item>\n <Typography variant=\"caption\" className={classes.label}>\n Weekly\n </Typography>\n <Typography variant=\"h6\">\n {apiKey.status.limits.weekly.toLocaleString()}\n </Typography>\n </Grid>\n )}\n {apiKey.status.limits.monthly && (\n <Grid item>\n <Typography variant=\"caption\" className={classes.label}>\n Monthly\n </Typography>\n <Typography variant=\"h6\">\n {apiKey.status.limits.monthly.toLocaleString()}\n </Typography>\n </Grid>\n )}\n </Grid>\n </InfoCard>\n </Grid>\n )}\n </Grid>\n </Content>\n\n <Dialog\n open={showWarning}\n onClose={() => setShowWarning(false)}\n maxWidth=\"sm\"\n >\n <DialogTitle>\n <Box display=\"flex\" alignItems=\"center\">\n <WarningIcon color=\"primary\" style={{ marginRight: 8 }} />\n View API Key\n </Box>\n </DialogTitle>\n <DialogContent>\n <Typography variant=\"body1\" paragraph>\n This API key can only be viewed <strong>once</strong>. After you\n reveal it, you will not be able to retrieve it again.\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n Make sure to copy and store it securely before closing this view.\n </Typography>\n </DialogContent>\n <DialogActions>\n <Button onClick={() => setShowWarning(false)}>Cancel</Button>\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={handleConfirmReveal}\n >\n Reveal API Key\n </Button>\n </DialogActions>\n </Dialog>\n </Page>\n );\n};\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\n}), 'Email');\n\nexports.default = _default;","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Box from '@material-ui/core/Box';\nimport Divider from '@material-ui/core/Divider';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ArrowIcon from '@material-ui/icons/ArrowForward';\nimport { Link } from '../../components/Link/Link.esm.js';\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n maxWidth: \"fit-content\",\n padding: theme.spacing(2, 2, 2, 2.5)\n },\n boxTitle: {\n margin: 0,\n color: theme.palette.textSubtle\n },\n arrow: {\n color: theme.palette.textSubtle\n }\n }),\n { name: \"BackstageBottomLink\" }\n);\nfunction BottomLink(props) {\n const { link, title, onClick } = props;\n const classes = useStyles();\n return /* @__PURE__ */ jsxs(Box, { children: [\n /* @__PURE__ */ jsx(Divider, {}),\n /* @__PURE__ */ jsx(Link, { to: link, onClick, underline: \"none\", children: /* @__PURE__ */ jsxs(Box, { display: \"flex\", alignItems: \"center\", className: classes.root, children: [\n /* @__PURE__ */ jsx(Box, { className: classes.boxTitle, fontWeight: \"fontWeightBold\", m: 1, children: /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(\"strong\", { children: title }) }) }),\n /* @__PURE__ */ jsx(ArrowIcon, { className: classes.arrow })\n ] }) })\n ] });\n}\n\nexport { BottomLink };\n//# sourceMappingURL=BottomLink.esm.js.map\n","import { jsx } from 'react/jsx-runtime';\nimport Button$1 from '@material-ui/core/Button';\nimport { forwardRef } from 'react';\nimport { Link } from '../Link/Link.esm.js';\n\nconst LinkWrapper = forwardRef((props, ref) => /* @__PURE__ */ jsx(Link, { ref, ...props, color: \"initial\" }));\nconst LinkButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(Button$1, { ref, component: LinkWrapper, ...props }));\nconst Button = LinkButton;\n\nexport { Button, LinkButton };\n//# sourceMappingURL=LinkButton.esm.js.map\n","import { jsx } from 'react/jsx-runtime';\nimport Typography from '@material-ui/core/Typography';\nimport { Component } from 'react';\nimport { LinkButton } from '../../components/LinkButton/LinkButton.esm.js';\nimport { ErrorPanel } from '../../components/ErrorPanel/ErrorPanel.esm.js';\nimport { coreComponentsTranslationRef } from '../../translation.esm.js';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nconst SlackLink = (props) => {\n const { slackChannel } = props;\n const { t } = useTranslationRef(coreComponentsTranslationRef);\n if (!slackChannel) {\n return null;\n } else if (typeof slackChannel === \"string\") {\n return /* @__PURE__ */ jsx(Typography, { children: t(\"errorBoundary.title\", { slackChannel }) });\n } else if (!slackChannel.href) {\n return /* @__PURE__ */ jsx(Typography, { children: t(\"errorBoundary.title\", {\n slackChannel: slackChannel.name\n }) });\n }\n return /* @__PURE__ */ jsx(LinkButton, { to: slackChannel.href, variant: \"contained\", children: slackChannel.name });\n};\nconst ErrorBoundary = class ErrorBoundary2 extends Component {\n constructor(props) {\n super(props);\n this.state = {\n error: void 0,\n errorInfo: void 0\n };\n }\n componentDidCatch(error, errorInfo) {\n console.error(`ErrorBoundary, error: ${error}`, { error, errorInfo });\n this.setState({ error, errorInfo });\n }\n render() {\n const { slackChannel, children } = this.props;\n const { error } = this.state;\n if (!error) {\n return children;\n }\n return /* @__PURE__ */ jsx(ErrorPanel, { title: \"Something Went Wrong\", error, children: /* @__PURE__ */ jsx(SlackLink, { slackChannel }) });\n }\n};\n\nexport { ErrorBoundary };\n//# sourceMappingURL=ErrorBoundary.esm.js.map\n","import { jsx, jsxs } from 'react/jsx-runtime';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Divider from '@material-ui/core/Divider';\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { BottomLink } from '../BottomLink/BottomLink.esm.js';\nimport { ErrorBoundary } from '../ErrorBoundary/ErrorBoundary.esm.js';\n\nconst useStyles = makeStyles(\n (theme) => ({\n noPadding: {\n padding: 0,\n \"&:last-child\": {\n paddingBottom: 0\n }\n },\n contentAlignBottom: {\n display: \"flex\",\n alignItems: \"self-end\"\n },\n header: {\n padding: theme.spacing(2, 2, 2, 2.5)\n },\n headerTitle: {\n fontWeight: theme.typography.fontWeightBold\n },\n headerSubheader: {\n paddingTop: theme.spacing(1)\n },\n headerAvatar: {},\n headerAction: {},\n headerContent: {},\n subheader: {\n display: \"flex\"\n }\n }),\n { name: \"BackstageInfoCard\" }\n);\nconst CardActionsTopRight = withStyles(\n (theme) => ({\n root: {\n display: \"inline-block\",\n padding: theme.spacing(8, 8, 0, 0),\n float: \"right\"\n }\n }),\n { name: \"BackstageInfoCardCardActionsTopRight\" }\n)(CardActions);\nconst VARIANT_STYLES = {\n card: {\n flex: {\n display: \"flex\",\n flexDirection: \"column\"\n },\n fullHeight: {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"100%\"\n },\n gridItem: {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"calc(100% - 10px)\",\n // for pages without content header\n marginBottom: \"10px\",\n breakInside: \"avoid-page\",\n \"@media print\": {\n height: \"auto\"\n }\n }\n },\n cardContent: {\n fullHeight: {\n flex: 1\n },\n gridItem: {\n flex: 1\n }\n }\n};\nfunction InfoCard(props) {\n const {\n title,\n subheader,\n divider = true,\n deepLink,\n slackChannel,\n errorBoundaryProps,\n variant,\n alignContent = \"normal\",\n children,\n headerStyle,\n headerProps,\n icon,\n action,\n actionsClassName,\n actions,\n cardClassName,\n actionsTopRight,\n className,\n noPadding,\n titleTypographyProps,\n subheaderTypographyProps\n } = props;\n const classes = useStyles();\n let calculatedStyle = {};\n let calculatedCardStyle = {};\n if (variant) {\n const variants = variant.split(/[\\s]+/g);\n variants.forEach((name) => {\n calculatedStyle = {\n ...calculatedStyle,\n ...VARIANT_STYLES.card[name]\n };\n calculatedCardStyle = {\n ...calculatedCardStyle,\n ...VARIANT_STYLES.cardContent[name]\n };\n });\n }\n const cardSubTitle = () => {\n if (!subheader && !icon) {\n return null;\n }\n return /* @__PURE__ */ jsxs(\"div\", { \"data-testid\": \"info-card-subheader\", children: [\n subheader && /* @__PURE__ */ jsx(\"div\", { className: classes.subheader, children: subheader }),\n icon\n ] });\n };\n const errProps = errorBoundaryProps || (slackChannel ? { slackChannel } : {});\n return /* @__PURE__ */ jsx(Card, { style: calculatedStyle, className, children: /* @__PURE__ */ jsxs(ErrorBoundary, { ...errProps, children: [\n title && /* @__PURE__ */ jsx(\n CardHeader,\n {\n classes: {\n root: classNames(classes.header),\n title: classes.headerTitle,\n subheader: classes.headerSubheader,\n avatar: classes.headerAvatar,\n action: classes.headerAction,\n content: classes.headerContent\n },\n title,\n subheader: cardSubTitle(),\n action,\n style: { ...headerStyle },\n titleTypographyProps,\n subheaderTypographyProps,\n ...headerProps\n }\n ),\n actionsTopRight && /* @__PURE__ */ jsx(CardActionsTopRight, { children: actionsTopRight }),\n divider && /* @__PURE__ */ jsx(Divider, {}),\n /* @__PURE__ */ jsx(\n CardContent,\n {\n className: classNames(cardClassName, {\n [classes.noPadding]: noPadding,\n [classes.contentAlignBottom]: alignContent === \"bottom\"\n }),\n style: calculatedCardStyle,\n children\n }\n ),\n actions && /* @__PURE__ */ jsx(CardActions, { className: actionsClassName, children: actions }),\n deepLink && /* @__PURE__ */ jsx(BottomLink, { ...deepLink })\n ] }) });\n}\n\nexport { InfoCard };\n//# sourceMappingURL=InfoCard.esm.js.map\n"],"names":["_interopRequireDefault","_interopRequireWildcard","exports","React","_default","default","createElement","d","useAsync","fn","deps","_a","initialState","loading","lastCallId","useRef","isMounted","useMountedState","useState","state","set","callback","useCallback","args","_i","arguments","length","callId","current","prevState","__assign","apply","then","value","error","useAsyncFn","useEffect","getStatusChipStyle","phase","base","border","backgroundColor","color","useStyles","makeStyles","theme","label","fontWeight","palette","text","secondary","marginBottom","spacing","codeBlock","background","padding","borderRadius","shape","fontFamily","fontSize","overflow","whiteSpace","wordBreak","apiKeyContainer","display","alignItems","gap","tabPanel","marginTop","CodeExample","code","onCopy","classes","Box","position","className","Tooltip","title","IconButton","size","style","top","right","onClick","FileCopyIcon","ApiKeyDetailPage","apiKey","apiProduct","namespace","name","useParams","config","useApi","configApiRef","fetchApi","fetchApiRef","alertApi","alertApiRef","backendUrl","getString","selectedTab","setSelectedTab","showApiKey","setShowApiKey","apiKeyValue","setApiKeyValue","apiKeyLoading","setApiKeyLoading","alreadyRead","setAlreadyRead","showWarning","setShowWarning","data","async","apiKeyData","apiKeyResponse","productsResponse","Promise","all","fetch","ok","Error","json","status","canReadSecret","items","find","p","metadata","spec","apiProductRef","handleCopy","navigator","clipboard","writeText","post","message","severity","Progress","ResponseErrorPanel","statusLabel","hostname","apiHostname","displayApiKey","codeExamples","Page","themeId","Header","subtitle","Link","to","Button","startIcon","ArrowBackIcon","Content","mb","Breadcrumbs","aria-label","Typography","variant","OpenInNewIcon","data-testid","contact","email","url","slack","EmailIcon","href","target","rel","Grid","container","item","xs","md","InfoCard","Chip","planTier","requestedBy","userId","creationTimestamp","Date","toLocaleDateString","reviewedBy","replace","reviewedAt","useCase","mt","VisibilityOffIcon","marginLeft","flex","repeat","span","disabled","VisibilityIcon","Tabs","onChange","_","newValue","indicatorColor","textColor","map","ex","Tab","limits","daily","toLocaleString","weekly","monthly","Dialog","open","onClose","maxWidth","DialogTitle","WarningIcon","marginRight","DialogContent","paragraph","strong","DialogActions","response","err","console","errorMessage","fetchApiKeySecret","root","boxTitle","margin","textSubtle","arrow","BottomLink","props","link","jsxs","children","jsx","Divider","underline","m","A","LinkWrapper","forwardRef","ref","LinkButton","component","SlackLink","slackChannel","useTranslationRef","t","ErrorBoundary","Component","constructor","super","this","errorInfo","componentDidCatch","setState","render","noPadding","paddingBottom","contentAlignBottom","header","headerTitle","typography","fontWeightBold","headerSubheader","paddingTop","headerAvatar","headerAction","headerContent","subheader","CardActionsTopRight","withStyles","float","CardActions","VARIANT_STYLES","card","flexDirection","fullHeight","height","gridItem","breakInside","cardContent","divider","deepLink","errorBoundaryProps","alignContent","headerStyle","headerProps","icon","action","actionsClassName","actions","cardClassName","actionsTopRight","titleTypographyProps","subheaderTypographyProps","calculatedStyle","calculatedCardStyle","split","forEach","errProps","Card","CardHeader","avatar","content","CardContent"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[3650],{14933:(e,n,t)=>{t.d(n,{c:()=>j});var a=t(31085),r=t(95478),s=t(76891),i=t(61477),o=t(46805),l=t(10394),d=t(72501),c=t(95061),p=t(48543),u=t(81215),h=t(26343),m=t(16249),y=t(93453),v=t(64947),A=t(78467),g=t(39053),f=t(22097),x=t(77318);const j=({open:e,onClose:n,onSuccess:t,apiProductName:j,namespace:b,userEmail:w,plans:k})=>{const $=(0,f.useApi)(f.configApiRef),C=(0,f.useApi)(f.fetchApiRef),P=(0,f.useApi)(f.alertApiRef),S=$.getString("backend.baseUrl"),[q,E]=(0,r.useState)(""),[R,T]=(0,r.useState)(""),[I,z]=(0,r.useState)(!1),[K,B]=(0,r.useState)(null),_=()=>{E(""),T(""),B(null),n()};return(0,a.jsxs)(s.A,{open:e,onClose:_,maxWidth:"sm",fullWidth:!0,children:[(0,a.jsx)(i.A,{children:"Request API Access"}),(0,a.jsxs)(o.A,{children:[(0,a.jsxs)(l.A,{mb:2,p:1.5,bgcolor:"info.light",borderRadius:1,display:"flex",alignItems:"flex-start",style:{gap:8},children:[(0,a.jsx)(g.A,{color:"primary",fontSize:"small",style:{marginTop:2}}),(0,a.jsx)(d.A,{variant:"body2",children:"Your request will be reviewed by an API owner before access is granted."})]}),K&&(0,a.jsx)(l.A,{mb:2,p:2,bgcolor:"error.main",color:"error.contrastText",borderRadius:1,children:(0,a.jsx)(d.A,{variant:"body2",children:K})}),(0,a.jsxs)(c.A,{fullWidth:!0,margin:"normal",disabled:I,"data-testid":"tier-select-form",children:[(0,a.jsx)(p.A,{id:"tier-select-label",children:"Select Tier"}),(0,a.jsx)(u.A,{labelId:"tier-select-label","data-testid":"tier-select",value:q,onChange:e=>E(e.target.value),disabled:I,children:k.map(e=>{const n=Object.entries(e.limits||{}).map(([e,n])=>`${n} per ${e}`).join(", ");return(0,a.jsxs)(h.A,{value:e.tier,"data-testid":`tier-option-${e.tier}`,children:[e.tier," ",n?`(${n})`:""]},e.tier)})})]}),(0,a.jsx)(m.A,{label:"Use Case (optional)",placeholder:"Describe how you plan to use this API",multiline:!0,rows:3,fullWidth:!0,margin:"normal",value:R,onChange:e=>T(e.target.value),helperText:"Explain your intended use of this API for admin review",disabled:I})]}),(0,a.jsxs)(y.A,{children:[(0,a.jsx)(v.A,{onClick:_,disabled:I,children:"Cancel"}),(0,a.jsx)(v.A,{onClick:async()=>{if(q){z(!0),B(null);try{const e=await C.fetch(`${S}/api/kuadrant/requests`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiProductName:j,namespace:b,planTier:q,useCase:R.trim()||"",userEmail:w})});if(!e.ok){const n=await(0,x.T)(e);throw new Error(`failed to create request: ${e.status}. ${n}`)}P.post({message:"API key requested successfully",severity:"success",display:"transient"}),E(""),T(""),t()}catch(e){const n=e instanceof Error?e.message:"unknown error occurred";P.post({message:`Failed to request API key: ${n}`,severity:"error",display:"transient"}),B(n)}finally{z(!1)}}},color:"primary",variant:"contained",disabled:!q||I,startIcon:I?(0,a.jsx)(A.A,{size:16,color:"inherit"}):void 0,children:I?"Submitting...":"Submit Request"})]})]})}},18466:(e,n,t)=>{var a=t(4293),r=t(78920);n.A=void 0;var s=r(t(95478)),i=(0,a(t(74044)).default)(s.createElement("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"Add");n.A=i},23650:(e,n,t)=>{t.r(n),t.d(n,{ApiKeyManagementTab:()=>M});var a=t(31085),r=t(95478),s=t(35015),i=t(82300),o=t(86687),l=t(42367),d=t(25010),c=t(10394),p=t(72501),u=t(31653),h=t(38605),m=t(67720),y=t(71677),v=t(29365),A=t(78467),g=t(42899),f=t(64947),x=t(37757),j=t(26343),b=t(76891),w=t(61477),k=t(46805),$=t(93453),C=t(22097),P=t(25467),S=t(32269),q=t(61524),E=t(93246),R=t(92399),T=t(18466),I=t(71407),z=t(99594),K=t(77225),B=t(34955),_=t(46205),H=t(16397),D=t(63221);function N(e,n,t){const a=t?`${t} `:"";return{curl:`curl -X GET ${e} \\\n -H "Authorization: ${t?`${t} ${n}`:n}"`,nodejs:`const fetch = require('node-fetch');\n\nconst apiKey = '${n}';\nconst endpoint = '${e}';\n\nfetch(endpoint, {\n method: 'GET',\n headers: {\n 'Authorization': '${a}' + apiKey\n }\n})\n .then(response => response.json())\n .then(data => console.log(data))\n .catch(error => console.error('Error:', error));`,python:`import requests\n\napi_key = '${n}'\nendpoint = '${e}'\n\nheaders = {\n 'Authorization': '${a}' + api_key\n}\n\nresponse = requests.get(endpoint, headers=headers)\nprint(response.json())`,go:`package main\n\nimport (\n "fmt"\n "net/http"\n "io"\n)\n\nfunc main() {\n apiKey := "${n}"\n endpoint := "${e}"\n\n client := &http.Client{}\n req, _ := http.NewRequest("GET", endpoint, nil)\n req.Header.Add("Authorization", "${a}" + 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}`}}var G=t(14933),W=t(77318);const M=({namespace:e})=>{var n,t,M,V,L;const{entity:U}=(0,P.tN)(),X=(0,C.useApi)(C.configApiRef),F=(0,C.useApi)(C.identityApiRef),O=(0,C.useApi)(C.fetchApiRef),J=(0,C.useApi)(C.alertApiRef),Y=X.getString("backend.baseUrl"),[Q,Z]=(0,r.useState)(new Set),[ee,ne]=(0,r.useState)(0),[te,ae]=(0,r.useState)(""),[re,se]=(0,r.useState)(""),[ie,oe]=(0,r.useState)(!1),[le,de]=(0,r.useState)(!1),[ce,pe]=(0,r.useState)(null),[ue,he]=(0,r.useState)(null),[me,ye]=(0,r.useState)(null),[ve,Ae]=(0,r.useState)(null),[ge,fe]=(0,r.useState)(new Set),[xe,je]=(0,r.useState)({open:!1,request:null}),[be,we]=(0,r.useState)(new Map),[ke,$e]=(0,r.useState)(new Set),[Ce,Pe]=(0,r.useState)(new Set),[Se,qe]=(0,r.useState)(!1),[Ee,Re]=(0,r.useState)(null),Te=(null===(n=U.metadata.annotations)||void 0===n?void 0:n["kuadrant.io/apiproduct"])||U.metadata.name,Ie=(null===(t=U.metadata.annotations)||void 0===t?void 0:t["kuadrant.io/namespace"])||e||"default";(0,s.A)(async()=>{const e=await F.getBackstageIdentity(),n=await F.getProfileInfo();ae(e.userEntityRef),se(n.email||"")},[F]);const{value:ze,loading:Ke,error:Be}=(0,s.A)(async()=>{const e=await O.fetch(`${Y}/api/kuadrant/requests/my?namespace=${Ie}`);if(!e.ok){const n=await(0,W.T)(e);throw new Error(`failed to fetch requests. ${n}`)}return((await e.json()).items||[]).filter(e=>e.spec.apiProductRef.name===Te&&e.metadata.namespace===Ie)},[Te,Ie,ee,O,Y]),{value:_e,loading:He,error:De}=(0,s.A)(async()=>{var e;const n=await O.fetch(`${Y}/api/kuadrant/apiproducts`);if(!n.ok){const e=await(0,W.T)(n);throw new Error(`failed to fetch api products. ${e}`)}return null===(e=(await n.json()).items)||void 0===e?void 0:e.find(e=>e.metadata.namespace===Ie&&e.metadata.name===Te)},[Ie,Te,O]),Ne=_e?`apiproduct:${_e.metadata.namespace}/${_e.metadata.name}`:void 0,{allowed:Ge,loading:We,error:Me}=(0,_.l)(B.dp,Ne),{allowed:Ve,loading:Le,error:Ue}=(0,_.l)(B.uL),{allowed:Xe,loading:Fe,error:Oe}=(0,_.l)(B.jH),{allowed:Je,loading:Ye,error:Qe}=(0,_.l)(B.q0),Ze=()=>{he(null),ye(null)},en=()=>{me&&(pe(me),de(!0),Ze())},nn=()=>{if(!me)return;const e=me;Ze(),je({open:!0,request:e})},tn=e=>{Z(n=>{const t=new Set(n);return t.has(e)?t.delete(e):t.add(e),t})},an=(0,r.useMemo)(()=>[{render:e=>{var n;const t=e.rowData;if(!(null==t||null===(n=t.metadata)||void 0===n?void 0:n.name))return(0,a.jsx)(c.A,{});const r=`${t.metadata.namespace}/${t.metadata.name}`,s=be.get(r);return(0,a.jsx)(rn,{request:t,apiName:Te,revealedApiKey:s})}}],[Te,be]),rn=({request:e,apiName:n,revealedApiKey:t})=>{var s,o,l;const[d,m]=(0,r.useState)(0),y=(null===(s=e.status)||void 0===s?void 0:s.apiHostname)||`${n}.apps.example.com`,v=t||"<your-api-key>",A=function(e,n,t){const a=`https://${n}/api/v1/endpoint`;return e?e.authorizationHeader?N(a,t,e.authorizationHeader.prefix||""):e.customHeader?function(e,n,t,a){return{curl:`curl -X GET ${e} \\\n -H "${t}: ${a?`${a}${n}`:n}"`,nodejs:`const fetch = require('node-fetch');\n\nconst apiKey = '${n}';\nconst endpoint = '${e}';\n\nfetch(endpoint, {\n method: 'GET',\n headers: {\n '${t}': '${a}' + apiKey\n }\n})\n .then(response => response.json())\n .then(data => console.log(data))\n .catch(error => console.error('Error:', error));`,python:`import requests\n\napi_key = '${n}'\nendpoint = '${e}'\n\nheaders = {\n '${t}': '${a}' + api_key\n}\n\nresponse = requests.get(endpoint, headers=headers)\nprint(response.json())`,go:`package main\n\nimport (\n "fmt"\n "net/http"\n "io"\n)\n\nfunc main() {\n apiKey := "${n}"\n endpoint := "${e}"\n\n client := &http.Client{}\n req, _ := http.NewRequest("GET", endpoint, nil)\n req.Header.Add("${t}", "${a}" + 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}`}}(a,t,e.customHeader.name,e.customHeader.prefix||""):e.queryString?function(e,n,t){return{curl:`curl -X GET "${e}?${t}=${n}"`,nodejs:`const fetch = require('node-fetch');\n\nconst apiKey = '${n}';\nconst endpoint = '${e}?${t}=' + apiKey;\n\nfetch(endpoint, {\n method: 'GET'\n})\n .then(response => response.json())\n .then(data => console.log(data))\n .catch(error => console.error('Error:', error));`,python:`import requests\n\napi_key = '${n}'\nendpoint = '${e}'\n\nparams = {\n '${t}': api_key\n}\n\nresponse = requests.get(endpoint, params=params)\nprint(response.json())`,go:`package main\n\nimport (\n "fmt"\n "net/http"\n "io"\n)\n\nfunc main() {\n apiKey := "${n}"\n endpoint := "${e}?${t}=" + apiKey\n\n client := &http.Client{}\n req, _ := http.NewRequest("GET", endpoint, nil)\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}`}}(a,t,e.queryString.name):e.cookie?function(e,n,t){return{curl:`curl -X GET ${e} \\\n --cookie "${t}=${n}"`,nodejs:`const fetch = require('node-fetch');\n\nconst apiKey = '${n}';\nconst endpoint = '${e}';\n\nfetch(endpoint, {\n method: 'GET',\n headers: {\n 'Cookie': '${t}=' + apiKey\n }\n})\n .then(response => response.json())\n .then(data => console.log(data))\n .catch(error => console.error('Error:', error));`,python:`import requests\n\napi_key = '${n}'\nendpoint = '${e}'\n\ncookies = {\n '${t}': api_key\n}\n\nresponse = requests.get(endpoint, cookies=cookies)\nprint(response.json())`,go:`package main\n\nimport (\n "fmt"\n "net/http"\n "io"\n)\n\nfunc main() {\n apiKey := "${n}"\n endpoint := "${e}"\n\n client := &http.Client{}\n req, _ := http.NewRequest("GET", endpoint, nil)\n req.AddCookie(&http.Cookie{\n Name: "${t}",\n Value: apiKey,\n })\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}`}}(a,t,e.cookie.name):N(a,t,"Bearer"):N(a,t,"Bearer")}(null===(l=e.status)||void 0===l||null===(o=l.authScheme)||void 0===o?void 0:o.credentials,y,v);return(0,a.jsxs)(c.A,{p:3,bgcolor:"background.default",onClick:e=>e.stopPropagation(),children:[e.spec.useCase&&(0,a.jsxs)(c.A,{mb:3,children:[(0,a.jsx)(p.A,{variant:"h6",gutterBottom:!0,children:"Use Case"}),(0,a.jsx)(c.A,{p:2,bgcolor:"background.paper",borderRadius:1,border:"1px solid rgba(0, 0, 0, 0.12)",children:(0,a.jsx)(p.A,{variant:"body2",style:{whiteSpace:"pre-wrap",wordBreak:"break-word",overflowWrap:"break-word"},children:e.spec.useCase})})]}),(0,a.jsx)(p.A,{variant:"h6",gutterBottom:!0,children:"Usage Examples"}),(0,a.jsxs)(p.A,{variant:"body2",paragraph:!0,children:["Use these code examples to test the API with your"," ",e.spec.planTier," tier key."]}),(0,a.jsx)(c.A,{onClick:e=>e.stopPropagation(),children:(0,a.jsxs)(u.A,{value:d,onChange:(e,n)=>{e.stopPropagation(),m(n)},indicatorColor:"primary",children:[(0,a.jsx)(h.A,{label:"cURL",onClick:e=>e.stopPropagation()}),(0,a.jsx)(h.A,{label:"Node.js",onClick:e=>e.stopPropagation()}),(0,a.jsx)(h.A,{label:"Python",onClick:e=>e.stopPropagation()}),(0,a.jsx)(h.A,{label:"Go",onClick:e=>e.stopPropagation()})]})}),(0,a.jsxs)(c.A,{mt:2,children:[0===d&&(0,a.jsx)(i.z,{text:A.curl,language:"bash",showCopyCodeButton:!0}),1===d&&(0,a.jsx)(i.z,{text:A.nodejs,language:"javascript",showCopyCodeButton:!0}),2===d&&(0,a.jsx)(i.z,{text:A.python,language:"python",showCopyCodeButton:!0}),3===d&&(0,a.jsx)(i.z,{text:A.go,language:"go",showCopyCodeButton:!0})]})]})},sn=Be||De,on=Me||Ue||Oe||Qe;if(Ke||He||We||Le||Fe||Ye)return(0,a.jsx)(o.k,{});if(sn)return(0,a.jsx)(l._,{error:sn});if(on){const e=Me?"kuadrant.apikey.create":Ue?"kuadrant.apikey.delete.own":Oe?"kuadrant.apikey.delete.all":Qe?"kuadrant.apikey.update.own":"unknown";return(0,a.jsxs)(c.A,{p:2,children:[(0,a.jsxs)(p.A,{color:"error",children:["Unable to check permissions: ",on.message]}),(0,a.jsxs)(p.A,{variant:"body2",color:"textSecondary",children:["Permission: ",e]}),(0,a.jsx)(p.A,{variant:"body2",color:"textSecondary",children:"Please try again or contact your administrator"})]})}const ln=(ze||[]).filter(e=>!ge.has(e.metadata.name)),dn=(null==_e||null===(M=_e.status)||void 0===M?void 0:M.discoveredPlans)||[],cn=ln.filter(e=>{var n;return!(null===(n=e.status)||void 0===n?void 0:n.phase)||"Pending"===e.status.phase}),pn=ln.filter(e=>{var n;return"Approved"===(null===(n=e.status)||void 0===n?void 0:n.phase)}),un=ln.filter(e=>{var n;return"Rejected"===(null===(n=e.status)||void 0===n?void 0:n.phase)}),hn=[{title:"Tier",field:"spec.planTier",render:e=>(0,a.jsx)(m.A,{label:e.spec.planTier,color:"primary",size:"small"})},{title:"Approved",field:"status.reviewedAt",render:e=>{var n;return(0,a.jsx)(p.A,{variant:"body2",children:(null===(n=e.status)||void 0===n?void 0:n.reviewedAt)?new Date(e.status.reviewedAt).toLocaleDateString():"-"})}},{title:"API Key",field:"status.secretRef",searchable:!1,filtering:!1,render:e=>{var n,t,r;const s=`${e.metadata.namespace}/${e.metadata.name}`,i=Q.has(e.metadata.name),o=ke.has(s),l=be.get(s),d=null===(t=e.status)||void 0===t||null===(n=t.secretRef)||void 0===n?void 0:n.name,u=!1!==(null===(r=e.status)||void 0===r?void 0:r.canReadSecret),h=Ce.has(s)||!u;return d?h&&!l?(0,a.jsx)(y.Ay,{title:"This API key has already been viewed and cannot be retrieved again",children:(0,a.jsxs)(c.A,{display:"flex",alignItems:"center",children:[(0,a.jsx)(p.A,{variant:"body2",color:"textSecondary",style:{fontFamily:"monospace",marginRight:8},children:"Already viewed"}),(0,a.jsx)(q.A,{fontSize:"small",color:"disabled"})]})}):(0,a.jsxs)(c.A,{display:"flex",alignItems:"center",children:[(0,a.jsx)(p.A,{variant:"body2",style:{fontFamily:"monospace",marginRight:8},children:o?"Loading...":i&&l?l:"••••••••••••••••"}),i&&l&&(0,a.jsx)(y.Ay,{title:"Copy to clipboard",children:(0,a.jsx)(v.A,{size:"small",onClick:async()=>{l&&(await navigator.clipboard.writeText(l),J.post({message:"API key copied to clipboard",severity:"success",display:"transient"}))},children:(0,a.jsx)(z.A,{fontSize:"small"})})}),(0,a.jsx)(y.Ay,{title:i?"Hide API key":"Reveal API key (one-time only)",children:(0,a.jsx)("span",{children:(0,a.jsx)(v.A,{size:"small",onClick:()=>{i?(((e,n)=>{const t=`${e}/${n}`;we(e=>{const n=new Map(e);return n.delete(t),n})})(e.metadata.namespace,e.metadata.name),tn(e.metadata.name)):h||(Re({namespace:e.metadata.namespace,name:e.metadata.name}),qe(!0))},disabled:o||h&&!l,children:i?(0,a.jsx)(q.A,{}):(0,a.jsx)(S.A,{})})})})]}):(0,a.jsx)(p.A,{variant:"body2",color:"textSecondary",children:"Awaiting secret..."})}},{title:"",field:"actions",searchable:!1,filtering:!1,render:e=>{if(ve===e.metadata.name)return(0,a.jsx)(A.A,{size:20});const n=e.spec.requestedBy.userId;return(0,_.W)(n,te,Ve,Xe)?(0,a.jsx)(v.A,{size:"small",onClick:n=>{n.stopPropagation();const t=n.currentTarget.getBoundingClientRect();he({top:t.bottom,left:t.left}),ye(e)},title:"Actions","aria-controls":ue?"actions-menu":void 0,"aria-haspopup":"true",children:(0,a.jsx)(I.A,{})}):null}}],mn=[{title:"Status",field:"status.phase",render:e=>{var n;const t=(null===(n=e.status)||void 0===n?void 0:n.phase)||"Pending",r="Pending"===t;return(0,a.jsx)(m.A,{label:t,size:"small",icon:r?(0,a.jsx)(E.A,{}):(0,a.jsx)(R.A,{}),color:r?"default":"secondary"})}},{title:"Tier",field:"spec.planTier",render:e=>(0,a.jsx)(m.A,{label:e.spec.planTier,color:"primary",size:"small"})},{title:"Use Case",field:"spec.useCase",render:e=>e.spec.useCase?(0,a.jsx)(y.Ay,{title:e.spec.useCase,placement:"top",children:(0,a.jsx)(p.A,{variant:"body2",style:{maxWidth:"200px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.spec.useCase})}):(0,a.jsx)(p.A,{variant:"body2",children:"-"})},{title:"Requested",field:"metadata.creationTimestamp",render:e=>(0,a.jsx)(p.A,{variant:"body2",children:e.metadata.creationTimestamp?new Date(e.metadata.creationTimestamp).toLocaleDateString():"-"})},{title:"Reviewed",field:"status.reviewedAt",render:e=>{var n;return(null===(n=e.status)||void 0===n?void 0:n.reviewedAt)?(0,a.jsx)(p.A,{variant:"body2",children:new Date(e.status.reviewedAt).toLocaleDateString()}):(0,a.jsx)(p.A,{variant:"body2",children:"-"})}},{title:"",field:"actions",searchable:!1,filtering:!1,render:e=>{var n;if(ve===e.metadata.name)return(0,a.jsx)(A.A,{size:20});const t=!(null===(n=e.status)||void 0===n?void 0:n.phase)||"Pending"===e.status.phase,r=e.spec.requestedBy.userId,s=(0,_.W)(r,te,Ve,Xe);return t&&(Je&&r===te||s)?(0,a.jsx)(v.A,{size:"small",onClick:n=>{n.stopPropagation();const t=n.currentTarget.getBoundingClientRect();he({top:t.bottom,left:t.left}),ye(e)},title:"Actions","aria-controls":ue?"actions-menu":void 0,"aria-haspopup":"true",children:(0,a.jsx)(I.A,{})}):null}}],yn=mn.filter(e=>"Reviewed"!==e.title&&"Reason"!==e.title);return(0,a.jsxs)(c.A,{p:2,children:[(0,a.jsxs)(g.A,{container:!0,spacing:3,direction:"column",children:[Ge&&(0,a.jsx)(g.A,{item:!0,children:(0,a.jsxs)(c.A,{display:"flex",flexDirection:"column",alignItems:"flex-end",mb:2,children:[(0,a.jsx)(f.A,{variant:"contained",color:"primary",startIcon:(0,a.jsx)(T.A,{}),onClick:()=>oe(!0),disabled:0===dn.length,"data-testid":"request-api-access-button","data-plans-count":dn.length,children:"Request API Access"}),0===dn.length&&(0,a.jsx)(p.A,{variant:"caption",color:"textSecondary",style:{marginTop:4},"data-testid":"no-plans-message",children:_e?(()=>{var e,n,t,a;const r=null===(n=_e.status)||void 0===n||null===(e=n.conditions)||void 0===e?void 0:e.find(e=>"Ready"===e.type),s=null===(a=_e.status)||void 0===a||null===(t=a.conditions)||void 0===t?void 0:t.find(e=>"PlanPolicyDiscovered"===e.type);return"True"!==(null==r?void 0:r.status)?`HTTPRoute not ready: ${(null==r?void 0:r.message)||"unknown"}`:"True"!==(null==s?void 0:s.status)?`No plans discovered: ${(null==s?void 0:s.message)||"no PlanPolicy found"}`:"No plans available"})():"API product not found"})]})}),0===cn.length&&0===un.length&&0===pn.length&&(0,a.jsx)(g.A,{item:!0,children:(0,a.jsx)(c.A,{p:3,textAlign:"center",children:(0,a.jsx)(p.A,{variant:"body1",color:"textSecondary",children:"No API keys yet. Request access to get started."})})}),cn.length>0&&(0,a.jsx)(g.A,{item:!0,children:(0,a.jsx)(d.X,{title:"Pending Requests",options:{paging:cn.length>5,pageSize:20,search:!0,filtering:!0,debounceInterval:300,toolbar:!0,emptyRowsWhenPaging:!1},columns:yn,data:cn})}),un.length>0&&(0,a.jsx)(g.A,{item:!0,children:(0,a.jsx)(d.X,{title:"Rejected Requests",options:{paging:un.length>5,pageSize:20,search:!0,filtering:!0,debounceInterval:300,toolbar:!0,emptyRowsWhenPaging:!1},columns:mn,data:un})}),pn.length>0&&(0,a.jsx)(g.A,{item:!0,children:(0,a.jsx)(d.X,{title:"API Keys",options:{paging:pn.length>5,pageSize:20,search:!0,filtering:!0,debounceInterval:300,toolbar:!0,emptyRowsWhenPaging:!1},columns:hn,data:pn,detailPanel:an},"api-keys-table")})]}),(0,a.jsx)(G.c,{open:ie,onClose:()=>oe(!1),onSuccess:()=>{oe(!1),ne(e=>e+1)},apiProductName:Te,namespace:Ie,userEmail:re,plans:dn}),(0,a.jsx)(x.A,{id:"actions-menu",open:Boolean(ue),onClose:Ze,anchorReference:"anchorPosition",anchorPosition:ue||{top:0,left:0},children:me&&(()=>{var e;const n=!(null===(e=me.status)||void 0===e?void 0:e.phase)||"Pending"===me.status.phase,t=me.spec.requestedBy.userId,r=[];return Je&&t===te&&n&&r.push((0,a.jsx)(j.A,{onClick:en,children:"Edit"},"edit")),r.push((0,a.jsx)(j.A,{onClick:nn,children:"Delete"},"delete")),r})()}),ce&&(0,a.jsx)(H.e,{open:le,onClose:()=>{de(!1),pe(null)},onSuccess:()=>{ne(e=>e+1),de(!1),J.post({message:"API key updated",severity:"success",display:"transient"}),pe(null)},request:ce,availablePlans:dn}),(0,a.jsx)(D.K,{open:xe.open,title:"Delete Request",description:`Are you sure you want to delete this ${"Approved"===(null===(L=xe.request)||void 0===L||null===(V=L.status)||void 0===V?void 0:V.phase)?"API key":"request"}?`,deleting:null!==ve,onConfirm:async()=>{xe.request&&(await(async e=>{fe(n=>new Set(n).add(e)),Ae(e);try{const n=await O.fetch(`${Y}/api/kuadrant/requests/${Ie}/${e}`,{method:"DELETE"});if(!n.ok){const e=await(0,W.T)(n);throw new Error(e)}J.post({message:"API key deleted successfully",severity:"success",display:"transient"}),ne(e=>e+1)}catch(n){const t=n instanceof Error?n.message:"unknown error occurred";fe(n=>{const t=new Set(n);return t.delete(e),t}),J.post({message:`Failed to delete API key: ${t}`,severity:"error",display:"transient"})}finally{Ae(null)}})(xe.request.metadata.name),je({open:!1,request:null}))},onCancel:()=>{je({open:!1,request:null})}}),(0,a.jsxs)(b.A,{open:Se,onClose:()=>{qe(!1),Re(null)},maxWidth:"sm",children:[(0,a.jsx)(w.A,{children:(0,a.jsxs)(c.A,{display:"flex",alignItems:"center",children:[(0,a.jsx)(K.A,{color:"primary",style:{marginRight:8}}),"View API Key"]})}),(0,a.jsxs)(k.A,{children:[(0,a.jsxs)(p.A,{variant:"body1",paragraph:!0,children:["This API key can only be viewed ",(0,a.jsx)("strong",{children:"once"}),". After you reveal it, you will not be able to retrieve it again."]}),(0,a.jsx)(p.A,{variant:"body2",color:"textSecondary",children:"Make sure to copy and store it securely before closing this view."})]}),(0,a.jsxs)($.A,{children:[(0,a.jsx)(f.A,{onClick:()=>{qe(!1),Re(null)},children:"Cancel"}),(0,a.jsx)(f.A,{variant:"contained",color:"primary",onClick:()=>{Ee&&((async(e,n)=>{const t=`${e}/${n}`;if(!ke.has(t)){$e(e=>new Set(e).add(t));try{const a=await O.fetch(`${Y}/api/kuadrant/apikeys/${e}/${n}/secret`);if(a.ok){const e=await a.json();we(n=>new Map(n).set(t,e.apiKey)),Pe(e=>new Set(e).add(t))}else 403===a.status&&(Pe(e=>new Set(e).add(t)),J.post({message:"This API key has already been viewed and cannot be retrieved again.",severity:"warning",display:"transient"}))}catch(e){const n=e instanceof Error?e.message:"unknown error occurred";J.post({message:`Failed to fetch api key: ${n}`,severity:"error",display:"transient"})}finally{$e(e=>{const n=new Set(e);return n.delete(t),n})}}})(Ee.namespace,Ee.name),tn(Ee.name)),qe(!1),Re(null)},children:"Reveal API Key"})]})]})]})}},25467:(e,n,t)=>{t.d(n,{tN:()=>r}),t(31085),t(22097);var a=t(15427);function r(){const e=(0,a.useVersionedContext)("entity-context");if(!e)throw new Error("Entity context is not available");const n=e.atVersion(1);if(!n)throw new Error("EntityContext v1 not available");if(!n.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:n.entity}}(0,a.createVersionedContext)("entity-context")},39053:(e,n,t)=>{var a=t(4293),r=t(78920);n.A=void 0;var s=r(t(95478)),i=(0,a(t(74044)).default)(s.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}),"Info");n.A=i},71407:(e,n,t)=>{var a=t(4293),r=t(78920);n.A=void 0;var s=r(t(95478)),i=(0,a(t(74044)).default)(s.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");n.A=i},77225:(e,n,t)=>{var a=t(4293),r=t(78920);n.A=void 0;var s=r(t(95478)),i=(0,a(t(74044)).default)(s.createElement("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}),"Warning");n.A=i},93246:(e,n,t)=>{var a=t(4293),r=t(78920);n.A=void 0;var s=r(t(95478)),i=(0,a(t(74044)).default)(s.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");n.A=i}}]);
|
|
2
|
-
//# sourceMappingURL=3650.ee76eba9.chunk.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"static/3650.ee76eba9.chunk.js","mappings":"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","sources":["webpack://internal.plugin-kuadrant/./src/components/RequestAccessDialog/RequestAccessDialog.tsx","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/Add.js","webpack://internal.plugin-kuadrant/./src/utils/codeSnippets.ts","webpack://internal.plugin-kuadrant/./src/components/ApiKeyManagementTab/ApiKeyManagementTab.tsx","webpack://internal.plugin-kuadrant/./node_modules/@backstage/plugin-catalog-react/dist/hooks/useEntity.esm.js","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/Info.js","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/MoreVert.js","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/Warning.js","webpack://internal.plugin-kuadrant/../../node_modules/@material-ui/icons/HourglassEmpty.js"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n Button,\n TextField,\n Select,\n MenuItem,\n FormControl,\n InputLabel,\n Box,\n Typography,\n CircularProgress,\n} from '@material-ui/core';\nimport InfoIcon from '@material-ui/icons/Info';\nimport {\n useApi,\n configApiRef,\n fetchApiRef,\n alertApiRef,\n} from '@backstage/core-plugin-api';\nimport {handleFetchError} from \"../../utils/errors.ts\";\n\nexport interface Plan {\n tier: string;\n limits?: Record<string, number>;\n}\n\nexport interface RequestAccessDialogProps {\n open: boolean;\n onClose: () => void;\n onSuccess: () => void;\n apiProductName: string;\n namespace: string;\n userEmail: string;\n plans: Plan[];\n}\n\nexport const RequestAccessDialog = ({\n open,\n onClose,\n onSuccess,\n apiProductName,\n namespace,\n userEmail,\n plans,\n}: RequestAccessDialogProps) => {\n const config = useApi(configApiRef);\n const fetchApi = useApi(fetchApiRef);\n const alertApi = useApi(alertApiRef);\n const backendUrl = config.getString('backend.baseUrl');\n\n const [selectedPlan, setSelectedPlan] = useState('');\n const [useCase, setUseCase] = useState('');\n const [creating, setCreating] = useState(false);\n const [createError, setCreateError] = useState<string | null>(null);\n\n const handleClose = () => {\n setSelectedPlan('');\n setUseCase('');\n setCreateError(null);\n onClose();\n };\n\n const handleRequestAccess = async () => {\n if (!selectedPlan) return;\n\n setCreating(true);\n setCreateError(null);\n try {\n const response = await fetchApi.fetch(\n `${backendUrl}/api/kuadrant/requests`,\n {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n apiProductName,\n namespace,\n planTier: selectedPlan,\n useCase: useCase.trim() || '',\n userEmail,\n }),\n },\n );\n\n if (!response.ok) {\n const err = await handleFetchError(response);\n throw new Error(`failed to create request: ${response.status}. ${err}`);\n }\n\n alertApi.post({\n message: 'API key requested successfully',\n severity: 'success',\n display: 'transient',\n });\n\n setSelectedPlan('');\n setUseCase('');\n onSuccess();\n } catch (err) {\n const errorMessage =\n err instanceof Error ? err.message : 'unknown error occurred';\n alertApi.post({\n message: `Failed to request API key: ${errorMessage}`,\n severity: 'error',\n display: 'transient',\n });\n setCreateError(errorMessage);\n } finally {\n setCreating(false);\n }\n };\n\n return (\n <Dialog open={open} onClose={handleClose} maxWidth=\"sm\" fullWidth>\n <DialogTitle>Request API Access</DialogTitle>\n <DialogContent>\n <Box\n mb={2}\n p={1.5}\n bgcolor=\"info.light\"\n borderRadius={1}\n display=\"flex\"\n alignItems=\"flex-start\"\n style={{ gap: 8 }}\n >\n <InfoIcon\n color=\"primary\"\n fontSize=\"small\"\n style={{ marginTop: 2 }}\n />\n <Typography variant=\"body2\">\n Your request will be reviewed by an API owner before access is\n granted.\n </Typography>\n </Box>\n {createError && (\n <Box\n mb={2}\n p={2}\n bgcolor=\"error.main\"\n color=\"error.contrastText\"\n borderRadius={1}\n >\n <Typography variant=\"body2\">{createError}</Typography>\n </Box>\n )}\n <FormControl\n fullWidth\n margin=\"normal\"\n disabled={creating}\n data-testid=\"tier-select-form\"\n >\n <InputLabel id=\"tier-select-label\">Select Tier</InputLabel>\n <Select\n labelId=\"tier-select-label\"\n data-testid=\"tier-select\"\n value={selectedPlan}\n onChange={(e) => setSelectedPlan(e.target.value as string)}\n disabled={creating}\n >\n {plans.map((plan: Plan) => {\n const limitDesc = Object.entries(plan.limits || {})\n .map(([key, val]) => `${val} per ${key}`)\n .join(', ');\n return (\n <MenuItem\n key={plan.tier}\n value={plan.tier}\n data-testid={`tier-option-${plan.tier}`}\n >\n {plan.tier} {limitDesc ? `(${limitDesc})` : ''}\n </MenuItem>\n );\n })}\n </Select>\n </FormControl>\n <TextField\n label=\"Use Case (optional)\"\n placeholder=\"Describe how you plan to use this API\"\n multiline\n rows={3}\n fullWidth\n margin=\"normal\"\n value={useCase}\n onChange={(e) => setUseCase(e.target.value)}\n helperText=\"Explain your intended use of this API for admin review\"\n disabled={creating}\n />\n </DialogContent>\n <DialogActions>\n <Button onClick={handleClose} disabled={creating}>\n Cancel\n </Button>\n <Button\n onClick={handleRequestAccess}\n color=\"primary\"\n variant=\"contained\"\n disabled={!selectedPlan || creating}\n startIcon={\n creating ? (\n <CircularProgress size={16} color=\"inherit\" />\n ) : undefined\n }\n >\n {creating ? 'Submitting...' : 'Submit Request'}\n </Button>\n </DialogActions>\n </Dialog>\n );\n};\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\n}), 'Add');\n\nexports.default = _default;","import { Credentials } from '../types/api-management';\n\nexport interface CodeSnippets {\n curl: string;\n nodejs: string;\n python: string;\n go: string;\n}\n\nexport function generateAuthCodeSnippets(\n credentials: Credentials | undefined,\n hostname: string,\n apiKey: string,\n): CodeSnippets {\n const baseUrl = `https://${hostname}/api/v1/endpoint`;\n\n if (!credentials) {\n return generateAuthorizationHeaderSnippets(baseUrl, apiKey, 'Bearer');\n }\n\n if (credentials.authorizationHeader) {\n const prefix = credentials!.authorizationHeader!.prefix || '';\n return generateAuthorizationHeaderSnippets(baseUrl, apiKey, prefix);\n }\n\n if (credentials.customHeader) {\n const headerName = credentials!.customHeader!.name;\n const prefix = credentials!.customHeader!.prefix || '';\n return generateCustomHeaderSnippets(baseUrl, apiKey, headerName, prefix);\n }\n\n\n if (credentials.queryString) {\n const paramName = credentials!.queryString!.name;\n return generateQueryStringSnippets(baseUrl, apiKey, paramName);\n }\n\n if (credentials.cookie) {\n const cookieName = credentials!.cookie!.name;\n return generateCookieSnippets(baseUrl, apiKey, cookieName);\n }\n // Default to Authorization Bearer if no authScheme specified\n return generateAuthorizationHeaderSnippets(baseUrl, apiKey, 'Bearer');\n}\n\nfunction generateAuthorizationHeaderSnippets(\n baseUrl: string,\n apiKey: string,\n prefix: string,\n): CodeSnippets {\n const authValue = prefix ? `${prefix} ${apiKey}` : apiKey;\n const prefixWithSpace = prefix ? `${prefix} ` : '';\n\n return {\n curl: `curl -X GET ${baseUrl} \\\\\n -H \"Authorization: ${authValue}\"`,\n\n nodejs: `const fetch = require('node-fetch');\n\nconst apiKey = '${apiKey}';\nconst endpoint = '${baseUrl}';\n\nfetch(endpoint, {\n method: 'GET',\n headers: {\n 'Authorization': '${prefixWithSpace}' + apiKey\n }\n})\n .then(response => response.json())\n .then(data => console.log(data))\n .catch(error => console.error('Error:', error));`,\n\n python: `import requests\n\napi_key = '${apiKey}'\nendpoint = '${baseUrl}'\n\nheaders = {\n 'Authorization': '${prefixWithSpace}' + api_key\n}\n\nresponse = requests.get(endpoint, headers=headers)\nprint(response.json())`,\n\n go: `package main\n\nimport (\n \"fmt\"\n \"net/http\"\n \"io\"\n)\n\nfunc main() {\n apiKey := \"${apiKey}\"\n endpoint := \"${baseUrl}\"\n\n client := &http.Client{}\n req, _ := http.NewRequest(\"GET\", endpoint, nil)\n req.Header.Add(\"Authorization\", \"${prefixWithSpace}\" + 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}`,\n };\n}\n\nfunction generateCustomHeaderSnippets(\n baseUrl: string,\n apiKey: string,\n headerName: string,\n prefix: string,\n): CodeSnippets {\n const headerValue = prefix ? `${prefix}${apiKey}` : apiKey;\n\n return {\n curl: `curl -X GET ${baseUrl} \\\\\n -H \"${headerName}: ${headerValue}\"`,\n\n nodejs: `const fetch = require('node-fetch');\n\nconst apiKey = '${apiKey}';\nconst endpoint = '${baseUrl}';\n\nfetch(endpoint, {\n method: 'GET',\n headers: {\n '${headerName}': '${prefix}' + apiKey\n }\n})\n .then(response => response.json())\n .then(data => console.log(data))\n .catch(error => console.error('Error:', error));`,\n\n python: `import requests\n\napi_key = '${apiKey}'\nendpoint = '${baseUrl}'\n\nheaders = {\n '${headerName}': '${prefix}' + api_key\n}\n\nresponse = requests.get(endpoint, headers=headers)\nprint(response.json())`,\n\n go: `package main\n\nimport (\n \"fmt\"\n \"net/http\"\n \"io\"\n)\n\nfunc main() {\n apiKey := \"${apiKey}\"\n endpoint := \"${baseUrl}\"\n\n client := &http.Client{}\n req, _ := http.NewRequest(\"GET\", endpoint, nil)\n req.Header.Add(\"${headerName}\", \"${prefix}\" + 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}`,\n };\n}\n\nfunction generateQueryStringSnippets(\n baseUrl: string,\n apiKey: string,\n paramName: string,\n): CodeSnippets {\n const urlWithParam = `${baseUrl}?${paramName}=${apiKey}`;\n\n return {\n curl: `curl -X GET \"${urlWithParam}\"`,\n\n nodejs: `const fetch = require('node-fetch');\n\nconst apiKey = '${apiKey}';\nconst endpoint = '${baseUrl}?${paramName}=' + apiKey;\n\nfetch(endpoint, {\n method: 'GET'\n})\n .then(response => response.json())\n .then(data => console.log(data))\n .catch(error => console.error('Error:', error));`,\n\n python: `import requests\n\napi_key = '${apiKey}'\nendpoint = '${baseUrl}'\n\nparams = {\n '${paramName}': api_key\n}\n\nresponse = requests.get(endpoint, params=params)\nprint(response.json())`,\n\n go: `package main\n\nimport (\n \"fmt\"\n \"net/http\"\n \"io\"\n)\n\nfunc main() {\n apiKey := \"${apiKey}\"\n endpoint := \"${baseUrl}?${paramName}=\" + apiKey\n\n client := &http.Client{}\n req, _ := http.NewRequest(\"GET\", endpoint, nil)\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}`,\n };\n}\n\nfunction generateCookieSnippets(\n baseUrl: string,\n apiKey: string,\n cookieName: string,\n): CodeSnippets {\n return {\n curl: `curl -X GET ${baseUrl} \\\\\n --cookie \"${cookieName}=${apiKey}\"`,\n\n nodejs: `const fetch = require('node-fetch');\n\nconst apiKey = '${apiKey}';\nconst endpoint = '${baseUrl}';\n\nfetch(endpoint, {\n method: 'GET',\n headers: {\n 'Cookie': '${cookieName}=' + apiKey\n }\n})\n .then(response => response.json())\n .then(data => console.log(data))\n .catch(error => console.error('Error:', error));`,\n\n python: `import requests\n\napi_key = '${apiKey}'\nendpoint = '${baseUrl}'\n\ncookies = {\n '${cookieName}': api_key\n}\n\nresponse = requests.get(endpoint, cookies=cookies)\nprint(response.json())`,\n\n go: `package main\n\nimport (\n \"fmt\"\n \"net/http\"\n \"io\"\n)\n\nfunc main() {\n apiKey := \"${apiKey}\"\n endpoint := \"${baseUrl}\"\n\n client := &http.Client{}\n req, _ := http.NewRequest(\"GET\", endpoint, nil)\n req.AddCookie(&http.Cookie{\n Name: \"${cookieName}\",\n Value: apiKey,\n })\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}`,\n };\n}\n","import React, { useState, useMemo } from \"react\";\nimport { useAsync } from \"react-use\";\nimport {\n Table,\n TableColumn,\n Progress,\n ResponseErrorPanel,\n CodeSnippet,\n} from \"@backstage/core-components\";\nimport {\n IconButton,\n Typography,\n Box,\n Chip,\n Grid,\n Button,\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n Tabs,\n Tab,\n Menu,\n MenuItem,\n Tooltip,\n CircularProgress,\n} from \"@material-ui/core\";\nimport {\n useApi,\n configApiRef,\n identityApiRef,\n fetchApiRef,\n alertApiRef,\n} from \"@backstage/core-plugin-api\";\nimport { useEntity } from \"@backstage/plugin-catalog-react\";\nimport VisibilityIcon from \"@material-ui/icons/Visibility\";\nimport VisibilityOffIcon from \"@material-ui/icons/VisibilityOff\";\nimport HourglassEmptyIcon from \"@material-ui/icons/HourglassEmpty\";\nimport CancelIcon from \"@material-ui/icons/Cancel\";\nimport AddIcon from \"@material-ui/icons/Add\";\nimport MoreVertIcon from \"@material-ui/icons/MoreVert\";\nimport FileCopyIcon from \"@material-ui/icons/FileCopy\";\nimport WarningIcon from \"@material-ui/icons/Warning\";\nimport { APIKey } from \"../../types/api-management\";\nimport {\n kuadrantApiKeyCreatePermission,\n kuadrantApiKeyDeleteOwnPermission,\n kuadrantApiKeyDeleteAllPermission,\n kuadrantApiKeyUpdateOwnPermission,\n} from \"../../permissions\";\nimport {\n useKuadrantPermission,\n canDeleteResource,\n} from \"../../utils/permissions\";\nimport { EditAPIKeyDialog } from \"../EditAPIKeyDialog\";\nimport { ConfirmDeleteDialog } from \"../ConfirmDeleteDialog\";\nimport { generateAuthCodeSnippets } from \"../../utils/codeSnippets\";\nimport { RequestAccessDialog } from \"../RequestAccessDialog\";\nimport {handleFetchError} from \"../../utils/errors.ts\";\n\ninterface APIProduct {\n metadata: {\n name: string;\n namespace: string;\n };\n spec: {\n displayName?: string;\n };\n status?: {\n discoveredPlans?: Array<{\n tier: string;\n description?: string;\n limits?: any;\n }>;\n conditions?: Array<{\n type: string;\n status: \"True\" | \"False\" | \"Unknown\";\n reason?: string;\n message?: string;\n lastTransitionTime?: string;\n }>;\n };\n}\n\ninterface Plan {\n tier: string;\n limits: any;\n}\n\nexport interface ApiKeyManagementTabProps {\n namespace?: string;\n}\n\nexport const ApiKeyManagementTab = ({\n namespace: propNamespace,\n}: ApiKeyManagementTabProps) => {\n const { entity } = useEntity();\n const config = useApi(configApiRef);\n const identityApi = useApi(identityApiRef);\n const fetchApi = useApi(fetchApiRef);\n const alertApi = useApi(alertApiRef);\n const backendUrl = config.getString(\"backend.baseUrl\");\n const [visibleKeys, setVisibleKeys] = useState<Set<string>>(new Set());\n const [refresh, setRefresh] = useState(0);\n const [userId, setUserId] = useState<string>(\"\");\n const [userEmail, setUserEmail] = useState<string>(\"\");\n const [requestDialogOpen, setRequestDialogOpen] = useState(false);\n const [editDialogOpen, setEditDialogOpen] = useState(false);\n const [requestToEdit, setRequestToEdit] = useState<APIKey | null>(null);\n const [menuAnchor, setMenuAnchor] = useState<{\n top: number;\n left: number;\n } | null>(null);\n const [menuRequest, setMenuRequest] = useState<APIKey | null>(null);\n const [deleting, setDeleting] = useState<string | null>(null);\n const [optimisticallyDeleted, setOptimisticallyDeleted] = useState<\n Set<string>\n >(new Set());\n const [deleteDialogState, setDeleteDialogState] = useState<{\n open: boolean;\n request: APIKey | null;\n }>({ open: false, request: null });\n const [apiKeyValues, setApiKeyValues] = useState<Map<string, string>>(\n new Map(),\n );\n const [apiKeyLoading, setApiKeyLoading] = useState<Set<string>>(new Set());\n const [alreadyReadKeys, setAlreadyReadKeys] = useState<Set<string>>(\n new Set(),\n );\n const [showOnceWarningOpen, setShowOnceWarningOpen] = useState(false);\n const [pendingKeyReveal, setPendingKeyReveal] = useState<{\n namespace: string;\n name: string;\n } | null>(null);\n\n // get apiproduct name from entity annotation (set by entity provider)\n const apiProductName =\n entity.metadata.annotations?.[\"kuadrant.io/apiproduct\"] ||\n entity.metadata.name;\n const namespace =\n entity.metadata.annotations?.[\"kuadrant.io/namespace\"] ||\n propNamespace ||\n \"default\";\n\n useAsync(async () => {\n const identity = await identityApi.getBackstageIdentity();\n const profile = await identityApi.getProfileInfo();\n setUserId(identity.userEntityRef);\n setUserEmail(profile.email || \"\");\n }, [identityApi]);\n\n const {\n value: requests,\n loading: requestsLoading,\n error: requestsError,\n } = useAsync(async () => {\n const response = await fetchApi.fetch(\n `${backendUrl}/api/kuadrant/requests/my?namespace=${namespace}`,\n );\n if (!response.ok) {\n const error = await handleFetchError(response);\n throw new Error(`failed to fetch requests. ${error}`);\n }\n const data = await response.json();\n // filter by apiproduct name, not httproute name\n return (data.items || []).filter(\n (r: APIKey) =>\n r.spec.apiProductRef.name === apiProductName &&\n r.metadata.namespace === namespace, // APIProducts and APIKeys (and its Secret) will be in the same NS\n );\n }, [apiProductName, namespace, refresh, fetchApi, backendUrl]);\n\n const {\n value: apiProduct,\n loading: plansLoading,\n error: plansError,\n } = useAsync(async () => {\n const response = await fetchApi.fetch(\n `${backendUrl}/api/kuadrant/apiproducts`,\n );\n if (!response.ok) {\n const error = await handleFetchError(response);\n throw new Error(`failed to fetch api products. ${error}`);\n }\n const data = await response.json();\n\n const product = data.items?.find(\n (p: APIProduct) =>\n p.metadata.namespace === namespace &&\n p.metadata.name === apiProductName,\n );\n\n return product;\n }, [namespace, apiProductName, fetchApi]);\n\n // check permissions with resource reference once we have the apiproduct\n const resourceRef = apiProduct\n ? `apiproduct:${apiProduct.metadata.namespace}/${apiProduct.metadata.name}`\n : undefined;\n\n const {\n allowed: canCreateRequest,\n loading: createRequestPermissionLoading,\n error: createRequestPermissionError,\n } = useKuadrantPermission(kuadrantApiKeyCreatePermission, resourceRef);\n\n const {\n allowed: canDeleteOwnKey,\n loading: deleteOwnPermissionLoading,\n error: deleteOwnPermissionError,\n } = useKuadrantPermission(kuadrantApiKeyDeleteOwnPermission);\n\n const {\n allowed: canDeleteAllKeys,\n loading: deleteAllPermissionLoading,\n error: deleteAllPermissionError,\n } = useKuadrantPermission(kuadrantApiKeyDeleteAllPermission);\n\n const {\n allowed: canUpdateRequest,\n loading: updateRequestPermissionLoading,\n error: updateRequestPermissionError,\n } = useKuadrantPermission(kuadrantApiKeyUpdateOwnPermission);\n\n const handleDeleteRequest = async (name: string) => {\n // optimistic update - remove from UI immediately\n setOptimisticallyDeleted((prev) => new Set(prev).add(name));\n setDeleting(name);\n try {\n const response = await fetchApi.fetch(\n `${backendUrl}/api/kuadrant/requests/${namespace}/${name}`,\n { method: \"DELETE\" },\n );\n if (!response.ok) {\n const error = await handleFetchError(response);\n throw new Error(error);\n }\n alertApi.post({\n message: \"API key deleted successfully\",\n severity: \"success\",\n display: \"transient\",\n });\n setRefresh((r) => r + 1);\n } catch (err) {\n const errorMessage =\n err instanceof Error ? err.message : \"unknown error occurred\";\n // rollback optimistic update on error\n setOptimisticallyDeleted((prev) => {\n const next = new Set(prev);\n next.delete(name);\n return next;\n });\n alertApi.post({\n message: `Failed to delete API key: ${errorMessage}`,\n severity: \"error\",\n display: \"transient\",\n });\n } finally {\n setDeleting(null);\n }\n };\n\n const fetchApiKeyFromSecret = async (\n requestNamespace: string,\n requestName: string,\n ) => {\n const key = `${requestNamespace}/${requestName}`;\n if (apiKeyLoading.has(key)) {\n return;\n }\n\n setApiKeyLoading((prev) => new Set(prev).add(key));\n try {\n const response = await fetchApi.fetch(\n `${backendUrl}/api/kuadrant/apikeys/${requestNamespace}/${requestName}/secret`,\n );\n if (response.ok) {\n const data = await response.json();\n setApiKeyValues((prev) => new Map(prev).set(key, data.apiKey));\n // after successful read, mark as already read (show-once behaviour)\n setAlreadyReadKeys((prev) => new Set(prev).add(key));\n } else if (response.status === 403) {\n // secret has already been read\n setAlreadyReadKeys((prev) => new Set(prev).add(key));\n alertApi.post({\n message:\n \"This API key has already been viewed and cannot be retrieved again.\",\n severity: \"warning\",\n display: \"transient\",\n });\n }\n } catch (err) {\n const errorMessage =\n err instanceof Error ? err.message : \"unknown error occurred\";\n alertApi.post({\n message: `Failed to fetch api key: ${errorMessage}`,\n severity: \"error\",\n display: \"transient\",\n });\n } finally {\n setApiKeyLoading((prev) => {\n const next = new Set(prev);\n next.delete(key);\n return next;\n });\n }\n };\n\n const clearApiKeyValue = (requestNamespace: string, requestName: string) => {\n const key = `${requestNamespace}/${requestName}`;\n setApiKeyValues((prev) => {\n const next = new Map(prev);\n next.delete(key);\n return next;\n });\n };\n\n const handleEditRequest = (request: APIKey) => {\n setRequestToEdit(request);\n setEditDialogOpen(true);\n };\n\n const handleEditSuccess = () => {\n setRefresh((r) => r + 1);\n setEditDialogOpen(false);\n alertApi.post({\n message: \"API key updated\",\n severity: \"success\",\n display: \"transient\",\n });\n setRequestToEdit(null);\n };\n\n const handleMenuClose = () => {\n setMenuAnchor(null);\n setMenuRequest(null);\n };\n\n const handleMenuEdit = () => {\n if (!menuRequest) return;\n handleEditRequest(menuRequest);\n handleMenuClose();\n };\n\n const handleMenuDeleteClick = () => {\n if (!menuRequest) return;\n const request = menuRequest;\n handleMenuClose();\n setDeleteDialogState({ open: true, request });\n };\n\n const handleDeleteConfirm = async () => {\n if (!deleteDialogState.request) return;\n await handleDeleteRequest(deleteDialogState.request.metadata.name);\n setDeleteDialogState({ open: false, request: null });\n };\n\n const handleDeleteCancel = () => {\n setDeleteDialogState({ open: false, request: null });\n };\n\n const toggleVisibility = (keyName: string) => {\n setVisibleKeys((prev) => {\n const newSet = new Set(prev);\n if (newSet.has(keyName)) {\n newSet.delete(keyName);\n } else {\n newSet.add(keyName);\n }\n return newSet;\n });\n };\n\n const detailPanelConfig = useMemo(\n () => [\n {\n render: (data: any) => {\n // backstage Table wraps the data in { rowData: actualData }\n const request = data.rowData as APIKey;\n if (!request?.metadata?.name) {\n return <Box />;\n }\n\n // pass already-revealed key from parent state (don't auto-fetch - that consumes show-once)\n const key = `${request.metadata.namespace}/${request.metadata.name}`;\n const revealedKey = apiKeyValues.get(key);\n return (\n <DetailPanelContent\n request={request}\n apiName={apiProductName}\n revealedApiKey={revealedKey}\n />\n );\n },\n },\n ],\n [apiProductName, apiKeyValues],\n );\n\n // separate component to isolate state\n const DetailPanelContent = ({\n request,\n apiName: api,\n revealedApiKey,\n }: {\n request: APIKey;\n apiName: string;\n revealedApiKey?: string;\n }) => {\n const [selectedLanguage, setSelectedLanguage] = useState(0);\n const hostname = request.status?.apiHostname || `${api}.apps.example.com`;\n\n // use revealed key if available, otherwise show placeholder\n const displayApiKey = revealedApiKey || \"<your-api-key>\";\n\n // Generate code snippets based on authScheme credentials\n const credentials = request.status?.authScheme?.credentials;\n const snippets = generateAuthCodeSnippets(credentials, hostname, displayApiKey);\n\n return (\n <Box\n p={3}\n bgcolor=\"background.default\"\n onClick={(e) => e.stopPropagation()}\n >\n {request.spec.useCase && (\n <Box mb={3}>\n <Typography variant=\"h6\" gutterBottom>\n Use Case\n </Typography>\n <Box\n p={2}\n bgcolor=\"background.paper\"\n borderRadius={1}\n border=\"1px solid rgba(0, 0, 0, 0.12)\"\n >\n <Typography\n variant=\"body2\"\n style={{\n whiteSpace: \"pre-wrap\",\n wordBreak: \"break-word\",\n overflowWrap: \"break-word\",\n }}\n >\n {request.spec.useCase}\n </Typography>\n </Box>\n </Box>\n )}\n <Typography variant=\"h6\" gutterBottom>\n Usage Examples\n </Typography>\n <Typography variant=\"body2\" paragraph>\n Use these code examples to test the API with your{\" \"}\n {request.spec.planTier} tier key.\n </Typography>\n <Box onClick={(e) => e.stopPropagation()}>\n <Tabs\n value={selectedLanguage}\n onChange={(e, newValue) => {\n e.stopPropagation();\n setSelectedLanguage(newValue);\n }}\n indicatorColor=\"primary\"\n >\n <Tab label=\"cURL\" onClick={(e) => e.stopPropagation()} />\n <Tab label=\"Node.js\" onClick={(e) => e.stopPropagation()} />\n <Tab label=\"Python\" onClick={(e) => e.stopPropagation()} />\n <Tab label=\"Go\" onClick={(e) => e.stopPropagation()} />\n </Tabs>\n </Box>\n <Box mt={2}>\n {selectedLanguage === 0 && (\n <CodeSnippet\n text={snippets.curl}\n language=\"bash\"\n showCopyCodeButton\n />\n )}\n {selectedLanguage === 1 && (\n <CodeSnippet\n text={snippets.nodejs}\n language=\"javascript\"\n showCopyCodeButton\n />\n )}\n {selectedLanguage === 2 && (\n <CodeSnippet\n text={snippets.python}\n language=\"python\"\n showCopyCodeButton\n />\n )}\n {selectedLanguage === 3 && (\n <CodeSnippet\n text={snippets.go}\n language=\"go\"\n showCopyCodeButton\n />\n )}\n </Box>\n </Box>\n );\n };\n\n const loading =\n requestsLoading ||\n plansLoading ||\n createRequestPermissionLoading ||\n deleteOwnPermissionLoading ||\n deleteAllPermissionLoading ||\n updateRequestPermissionLoading;\n const error = requestsError || plansError;\n const permissionError =\n createRequestPermissionError ||\n deleteOwnPermissionError ||\n deleteAllPermissionError ||\n updateRequestPermissionError;\n\n if (loading) {\n return <Progress />;\n }\n\n if (error) {\n return <ResponseErrorPanel error={error} />;\n }\n\n if (permissionError) {\n const failedPermission = createRequestPermissionError\n ? \"kuadrant.apikey.create\"\n : deleteOwnPermissionError\n ? \"kuadrant.apikey.delete.own\"\n : deleteAllPermissionError\n ? \"kuadrant.apikey.delete.all\"\n : updateRequestPermissionError\n ? \"kuadrant.apikey.update.own\"\n : \"unknown\";\n return (\n <Box p={2}>\n <Typography color=\"error\">\n Unable to check permissions: {permissionError.message}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n Permission: {failedPermission}\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 myRequests = ((requests || []) as APIKey[]).filter(\n (r) => !optimisticallyDeleted.has(r.metadata.name),\n );\n const plans = (apiProduct?.status?.discoveredPlans || []) as Plan[];\n\n const pendingRequests = myRequests.filter(\n (r) => !r.status?.phase || r.status.phase === \"Pending\",\n );\n const approvedRequests = myRequests.filter(\n (r) => r.status?.phase === \"Approved\",\n );\n const rejectedRequests = myRequests.filter(\n (r) => r.status?.phase === \"Rejected\",\n );\n\n const approvedColumns: TableColumn<APIKey>[] = [\n {\n title: \"Tier\",\n field: \"spec.planTier\",\n render: (row: APIKey) => (\n <Chip label={row.spec.planTier} color=\"primary\" size=\"small\" />\n ),\n },\n {\n title: \"Approved\",\n field: \"status.reviewedAt\",\n render: (row: APIKey) => (\n <Typography variant=\"body2\">\n {row.status?.reviewedAt\n ? new Date(row.status.reviewedAt).toLocaleDateString()\n : \"-\"}\n </Typography>\n ),\n },\n {\n title: \"API Key\",\n field: \"status.secretRef\",\n searchable: false,\n filtering: false,\n render: (row: APIKey) => {\n const key = `${row.metadata.namespace}/${row.metadata.name}`;\n const isVisible = visibleKeys.has(row.metadata.name);\n const isLoading = apiKeyLoading.has(key);\n const apiKeyValue = apiKeyValues.get(key);\n const hasSecretRef = row.status?.secretRef?.name;\n const canReadSecret = row.status?.canReadSecret !== false;\n const isAlreadyRead = alreadyReadKeys.has(key) || !canReadSecret;\n\n if (!hasSecretRef) {\n return (\n <Typography variant=\"body2\" color=\"textSecondary\">\n Awaiting secret...\n </Typography>\n );\n }\n\n // key has already been viewed and cannot be retrieved again\n if (isAlreadyRead && !apiKeyValue) {\n return (\n <Tooltip title=\"This API key has already been viewed and cannot be retrieved again\">\n <Box display=\"flex\" alignItems=\"center\">\n <Typography\n variant=\"body2\"\n color=\"textSecondary\"\n style={{ fontFamily: \"monospace\", marginRight: 8 }}\n >\n Already viewed\n </Typography>\n <VisibilityOffIcon fontSize=\"small\" color=\"disabled\" />\n </Box>\n </Tooltip>\n );\n }\n\n const handleRevealClick = () => {\n if (isVisible) {\n // hiding - clear the value from memory\n clearApiKeyValue(row.metadata.namespace, row.metadata.name);\n toggleVisibility(row.metadata.name);\n } else if (!isAlreadyRead) {\n // show warning dialog before first reveal\n setPendingKeyReveal({\n namespace: row.metadata.namespace,\n name: row.metadata.name,\n });\n setShowOnceWarningOpen(true);\n }\n };\n\n const handleCopy = async () => {\n if (apiKeyValue) {\n await navigator.clipboard.writeText(apiKeyValue);\n alertApi.post({\n message: \"API key copied to clipboard\",\n severity: \"success\",\n display: \"transient\",\n });\n }\n };\n\n return (\n <Box display=\"flex\" alignItems=\"center\">\n <Typography\n variant=\"body2\"\n style={{\n fontFamily: \"monospace\",\n marginRight: 8,\n }}\n >\n {isLoading\n ? \"Loading...\"\n : isVisible && apiKeyValue\n ? apiKeyValue\n : \"••••••••••••••••\"}\n </Typography>\n {isVisible && apiKeyValue && (\n <Tooltip title=\"Copy to clipboard\">\n <IconButton size=\"small\" onClick={handleCopy}>\n <FileCopyIcon fontSize=\"small\" />\n </IconButton>\n </Tooltip>\n )}\n <Tooltip\n title={\n isVisible ? \"Hide API key\" : \"Reveal API key (one-time only)\"\n }\n >\n <span>\n <IconButton\n size=\"small\"\n onClick={handleRevealClick}\n disabled={isLoading || (isAlreadyRead && !apiKeyValue)}\n >\n {isVisible ? <VisibilityOffIcon /> : <VisibilityIcon />}\n </IconButton>\n </span>\n </Tooltip>\n </Box>\n );\n },\n },\n {\n title: \"\",\n field: \"actions\",\n searchable: false,\n filtering: false,\n render: (row: APIKey) => {\n const isDeleting = deleting === row.metadata.name;\n if (isDeleting) {\n return <CircularProgress size={20} />;\n }\n const ownerId = row.spec.requestedBy.userId;\n const canDelete = canDeleteResource(\n ownerId,\n userId,\n canDeleteOwnKey,\n canDeleteAllKeys,\n );\n if (!canDelete) return null;\n return (\n <IconButton\n size=\"small\"\n onClick={(e) => {\n e.stopPropagation();\n const rect = e.currentTarget.getBoundingClientRect();\n setMenuAnchor({ top: rect.bottom, left: rect.left });\n setMenuRequest(row);\n }}\n title=\"Actions\"\n aria-controls={menuAnchor ? \"actions-menu\" : undefined}\n aria-haspopup=\"true\"\n >\n <MoreVertIcon />\n </IconButton>\n );\n },\n },\n ];\n\n const requestColumns: TableColumn<APIKey>[] = [\n {\n title: \"Status\",\n field: \"status.phase\",\n render: (row: APIKey) => {\n const phase = row.status?.phase || \"Pending\";\n const isPending = phase === \"Pending\";\n return (\n <Chip\n label={phase}\n size=\"small\"\n icon={isPending ? <HourglassEmptyIcon /> : <CancelIcon />}\n color={isPending ? \"default\" : \"secondary\"}\n />\n );\n },\n },\n {\n title: \"Tier\",\n field: \"spec.planTier\",\n render: (row: APIKey) => (\n <Chip label={row.spec.planTier} color=\"primary\" size=\"small\" />\n ),\n },\n {\n title: \"Use Case\",\n field: \"spec.useCase\",\n render: (row: APIKey) => {\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: \"metadata.creationTimestamp\",\n render: (row: APIKey) => (\n <Typography variant=\"body2\">\n {row.metadata.creationTimestamp\n ? new Date(row.metadata.creationTimestamp).toLocaleDateString()\n : \"-\"}\n </Typography>\n ),\n },\n {\n title: \"Reviewed\",\n field: \"status.reviewedAt\",\n render: (row: APIKey) => {\n if (!row.status?.reviewedAt)\n return <Typography variant=\"body2\">-</Typography>;\n return (\n <Typography variant=\"body2\">\n {new Date(row.status.reviewedAt).toLocaleDateString()}\n </Typography>\n );\n },\n },\n {\n title: \"\",\n field: \"actions\",\n searchable: false,\n filtering: false,\n render: (row: APIKey) => {\n const isDeleting = deleting === row.metadata.name;\n if (isDeleting) {\n return <CircularProgress size={20} />;\n }\n const isPending = !row.status?.phase || row.status.phase === \"Pending\";\n const ownerId = row.spec.requestedBy.userId;\n const canDelete = canDeleteResource(\n ownerId,\n userId,\n canDeleteOwnKey,\n canDeleteAllKeys,\n );\n const canEdit = canUpdateRequest && ownerId === userId;\n if (!isPending || (!canEdit && !canDelete)) return null;\n return (\n <IconButton\n size=\"small\"\n onClick={(e) => {\n e.stopPropagation();\n const rect = e.currentTarget.getBoundingClientRect();\n setMenuAnchor({ top: rect.bottom, left: rect.left });\n setMenuRequest(row);\n }}\n title=\"Actions\"\n aria-controls={menuAnchor ? \"actions-menu\" : undefined}\n aria-haspopup=\"true\"\n >\n <MoreVertIcon />\n </IconButton>\n );\n },\n },\n ];\n\n // Filter columns for pending requests (no Reviewed or Reason)\n const pendingRequestColumns = requestColumns.filter(\n (col) => col.title !== \"Reviewed\" && col.title !== \"Reason\",\n );\n\n return (\n <Box p={2}>\n <Grid container spacing={3} direction=\"column\">\n {canCreateRequest && (\n <Grid item>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"flex-end\"\n mb={2}\n >\n <Button\n variant=\"contained\"\n color=\"primary\"\n startIcon={<AddIcon />}\n onClick={() => setRequestDialogOpen(true)}\n disabled={plans.length === 0}\n data-testid=\"request-api-access-button\"\n data-plans-count={plans.length}\n >\n Request API Access\n </Button>\n {plans.length === 0 && (\n <Typography\n variant=\"caption\"\n color=\"textSecondary\"\n style={{ marginTop: 4 }}\n data-testid=\"no-plans-message\"\n >\n {!apiProduct\n ? \"API product not found\"\n : (() => {\n const readyCondition =\n apiProduct.status?.conditions?.find(\n (c: any) => c.type === \"Ready\",\n );\n const planCondition =\n apiProduct.status?.conditions?.find(\n (c: any) => c.type === \"PlanPolicyDiscovered\",\n );\n\n if (readyCondition?.status !== \"True\") {\n return `HTTPRoute not ready: ${readyCondition?.message || \"unknown\"}`;\n }\n if (planCondition?.status !== \"True\") {\n return `No plans discovered: ${planCondition?.message || \"no PlanPolicy found\"}`;\n }\n return \"No plans available\";\n })()}\n </Typography>\n )}\n </Box>\n </Grid>\n )}\n {pendingRequests.length === 0 &&\n rejectedRequests.length === 0 &&\n approvedRequests.length === 0 && (\n <Grid item>\n <Box p={3} textAlign=\"center\">\n <Typography variant=\"body1\" color=\"textSecondary\">\n No API keys yet. Request access to get started.\n </Typography>\n </Box>\n </Grid>\n )}\n {pendingRequests.length > 0 && (\n <Grid item>\n <Table\n title=\"Pending Requests\"\n options={{\n paging: pendingRequests.length > 5,\n pageSize: 20,\n search: true,\n filtering: true,\n debounceInterval: 300,\n toolbar: true,\n emptyRowsWhenPaging: false,\n }}\n columns={pendingRequestColumns}\n data={pendingRequests}\n />\n </Grid>\n )}\n {rejectedRequests.length > 0 && (\n <Grid item>\n <Table\n title=\"Rejected Requests\"\n options={{\n paging: rejectedRequests.length > 5,\n pageSize: 20,\n search: true,\n filtering: true,\n debounceInterval: 300,\n toolbar: true,\n emptyRowsWhenPaging: false,\n }}\n columns={requestColumns}\n data={rejectedRequests}\n />\n </Grid>\n )}\n {approvedRequests.length > 0 && (\n <Grid item>\n <Table\n key=\"api-keys-table\"\n title=\"API Keys\"\n options={{\n paging: approvedRequests.length > 5,\n pageSize: 20,\n search: true,\n filtering: true,\n debounceInterval: 300,\n toolbar: true,\n emptyRowsWhenPaging: false,\n }}\n columns={approvedColumns}\n data={approvedRequests}\n detailPanel={detailPanelConfig}\n />\n </Grid>\n )}\n </Grid>\n\n <RequestAccessDialog\n open={requestDialogOpen}\n onClose={() => setRequestDialogOpen(false)}\n onSuccess={() => {\n setRequestDialogOpen(false);\n setRefresh((r) => r + 1);\n }}\n apiProductName={apiProductName}\n namespace={namespace}\n userEmail={userEmail}\n plans={plans}\n />\n\n <Menu\n id=\"actions-menu\"\n open={Boolean(menuAnchor)}\n onClose={handleMenuClose}\n anchorReference=\"anchorPosition\"\n anchorPosition={menuAnchor || { top: 0, left: 0 }}\n >\n {menuRequest &&\n (() => {\n const isPending =\n !menuRequest.status?.phase ||\n menuRequest.status.phase === \"Pending\";\n const ownerId = menuRequest.spec.requestedBy.userId;\n const canEdit = canUpdateRequest && ownerId === userId && isPending;\n\n const items = [];\n if (canEdit) {\n items.push(\n <MenuItem key=\"edit\" onClick={handleMenuEdit}>\n Edit\n </MenuItem>,\n );\n }\n items.push(\n <MenuItem key=\"delete\" onClick={handleMenuDeleteClick}>\n Delete\n </MenuItem>,\n );\n return items;\n })()}\n </Menu>\n\n {requestToEdit && (\n <EditAPIKeyDialog\n open={editDialogOpen}\n onClose={() => {\n setEditDialogOpen(false);\n setRequestToEdit(null);\n }}\n onSuccess={handleEditSuccess}\n request={requestToEdit}\n availablePlans={plans}\n />\n )}\n\n <ConfirmDeleteDialog\n open={deleteDialogState.open}\n title=\"Delete Request\"\n description={`Are you sure you want to delete this ${deleteDialogState.request?.status?.phase === \"Approved\" ? \"API key\" : \"request\"}?`}\n deleting={deleting !== null}\n onConfirm={handleDeleteConfirm}\n onCancel={handleDeleteCancel}\n />\n\n <Dialog\n open={showOnceWarningOpen}\n onClose={() => {\n setShowOnceWarningOpen(false);\n setPendingKeyReveal(null);\n }}\n maxWidth=\"sm\"\n >\n <DialogTitle>\n <Box display=\"flex\" alignItems=\"center\">\n <WarningIcon color=\"primary\" style={{ marginRight: 8 }} />\n View API Key\n </Box>\n </DialogTitle>\n <DialogContent>\n <Typography variant=\"body1\" paragraph>\n This API key can only be viewed <strong>once</strong>. After you\n reveal it, you will not be able to retrieve it again.\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n Make sure to copy and store it securely before closing this view.\n </Typography>\n </DialogContent>\n <DialogActions>\n <Button\n onClick={() => {\n setShowOnceWarningOpen(false);\n setPendingKeyReveal(null);\n }}\n >\n Cancel\n </Button>\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={() => {\n if (pendingKeyReveal) {\n fetchApiKeyFromSecret(\n pendingKeyReveal.namespace,\n pendingKeyReveal.name,\n );\n toggleVisibility(pendingKeyReveal.name);\n }\n setShowOnceWarningOpen(false);\n setPendingKeyReveal(null);\n }}\n >\n Reveal API Key\n </Button>\n </DialogActions>\n </Dialog>\n </Box>\n );\n};\n","import { jsx } from 'react/jsx-runtime';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { AnalyticsContext } from '@backstage/core-plugin-api';\nimport { createVersionedContext, useVersionedContext, createVersionedValueMap } from '@backstage/version-bridge';\n\nconst NewEntityContext = createVersionedContext(\n \"entity-context\"\n);\nconst AsyncEntityProvider = (props) => {\n const { children, entity, loading, error, refresh } = props;\n const value = { entity, loading, error, refresh };\n return /* @__PURE__ */ jsx(NewEntityContext.Provider, { value: createVersionedValueMap({ 1: value }), children: /* @__PURE__ */ jsx(\n AnalyticsContext,\n {\n attributes: {\n ...entity ? { entityRef: stringifyEntityRef(entity) } : void 0\n },\n children\n }\n ) });\n};\nconst EntityProvider = (props) => /* @__PURE__ */ jsx(\n AsyncEntityProvider,\n {\n entity: props.entity,\n loading: !Boolean(props.entity),\n error: void 0,\n refresh: void 0,\n children: props.children\n }\n);\nfunction useEntity() {\n const versionedHolder = useVersionedContext(\n \"entity-context\"\n );\n if (!versionedHolder) {\n throw new Error(\"Entity context is not available\");\n }\n const value = versionedHolder.atVersion(1);\n if (!value) {\n throw new Error(\"EntityContext v1 not available\");\n }\n if (!value.entity) {\n throw new Error(\n \"useEntity hook is being called outside of an EntityLayout where the entity has not been loaded. If this is intentional, please use useAsyncEntity instead.\"\n );\n }\n return { entity: value.entity };\n}\nfunction useAsyncEntity() {\n const versionedHolder = useVersionedContext(\n \"entity-context\"\n );\n if (!versionedHolder) {\n throw new Error(\"Entity context is not available\");\n }\n const value = versionedHolder.atVersion(1);\n if (!value) {\n throw new Error(\"EntityContext v1 not available\");\n }\n const { entity, loading, error, refresh } = value;\n return { entity, loading, error, refresh };\n}\n\nexport { AsyncEntityProvider, EntityProvider, useAsyncEntity, useEntity };\n//# sourceMappingURL=useEntity.esm.js.map\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\n}), 'Info');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"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\"\n}), 'MoreVert');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"\n}), 'Warning');\n\nexports.default = _default;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\nvar React = _interopRequireWildcard(require(\"react\"));\n\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\n\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"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\"\n}), 'HourglassEmpty');\n\nexports.default = _default;"],"names":["RequestAccessDialog","open","onClose","onSuccess","apiProductName","namespace","userEmail","plans","config","useApi","configApiRef","fetchApi","fetchApiRef","alertApi","alertApiRef","backendUrl","getString","selectedPlan","setSelectedPlan","useState","useCase","setUseCase","creating","setCreating","createError","setCreateError","handleClose","Dialog","maxWidth","fullWidth","DialogTitle","DialogContent","Box","mb","p","bgcolor","borderRadius","display","alignItems","style","gap","InfoIcon","color","fontSize","marginTop","Typography","variant","FormControl","margin","disabled","data-testid","InputLabel","id","Select","labelId","value","onChange","e","target","map","plan","limitDesc","Object","entries","limits","key","val","join","MenuItem","tier","TextField","label","placeholder","multiline","rows","helperText","DialogActions","Button","onClick","async","response","fetch","method","headers","body","JSON","stringify","planTier","trim","ok","err","handleFetchError","Error","status","post","message","severity","errorMessage","startIcon","CircularProgress","size","undefined","_interopRequireDefault","_interopRequireWildcard","exports","React","_default","default","createElement","d","generateAuthorizationHeaderSnippets","baseUrl","apiKey","prefix","prefixWithSpace","curl","nodejs","python","go","ApiKeyManagementTab","propNamespace","entity","apiProduct","deleteDialogState","useEntity","identityApi","identityApiRef","visibleKeys","setVisibleKeys","Set","refresh","setRefresh","userId","setUserId","setUserEmail","requestDialogOpen","setRequestDialogOpen","editDialogOpen","setEditDialogOpen","requestToEdit","setRequestToEdit","menuAnchor","setMenuAnchor","menuRequest","setMenuRequest","deleting","setDeleting","optimisticallyDeleted","setOptimisticallyDeleted","setDeleteDialogState","request","apiKeyValues","setApiKeyValues","Map","apiKeyLoading","setApiKeyLoading","alreadyReadKeys","setAlreadyReadKeys","showOnceWarningOpen","setShowOnceWarningOpen","pendingKeyReveal","setPendingKeyReveal","metadata","annotations","name","useAsync","identity","getBackstageIdentity","profile","getProfileInfo","userEntityRef","email","requests","loading","requestsLoading","error","requestsError","json","items","filter","r","spec","apiProductRef","plansLoading","plansError","data","find","resourceRef","allowed","canCreateRequest","createRequestPermissionLoading","createRequestPermissionError","useKuadrantPermission","kuadrantApiKeyCreatePermission","canDeleteOwnKey","deleteOwnPermissionLoading","deleteOwnPermissionError","kuadrantApiKeyDeleteOwnPermission","canDeleteAllKeys","deleteAllPermissionLoading","deleteAllPermissionError","kuadrantApiKeyDeleteAllPermission","canUpdateRequest","updateRequestPermissionLoading","updateRequestPermissionError","kuadrantApiKeyUpdateOwnPermission","handleMenuClose","handleMenuEdit","handleMenuDeleteClick","toggleVisibility","keyName","prev","newSet","has","delete","add","detailPanelConfig","useMemo","render","rowData","revealedKey","get","DetailPanelContent","apiName","revealedApiKey","api","selectedLanguage","setSelectedLanguage","hostname","apiHostname","displayApiKey","snippets","credentials","authorizationHeader","customHeader","headerName","generateCustomHeaderSnippets","queryString","paramName","generateQueryStringSnippets","cookie","cookieName","generateCookieSnippets","generateAuthCodeSnippets","authScheme","stopPropagation","gutterBottom","border","whiteSpace","wordBreak","overflowWrap","paragraph","Tabs","newValue","indicatorColor","Tab","mt","CodeSnippet","text","language","showCopyCodeButton","permissionError","Progress","ResponseErrorPanel","failedPermission","myRequests","discoveredPlans","pendingRequests","phase","approvedRequests","rejectedRequests","approvedColumns","title","field","row","Chip","reviewedAt","Date","toLocaleDateString","searchable","filtering","isVisible","isLoading","apiKeyValue","hasSecretRef","secretRef","canReadSecret","isAlreadyRead","Tooltip","fontFamily","marginRight","VisibilityOffIcon","IconButton","navigator","clipboard","writeText","FileCopyIcon","span","requestNamespace","requestName","next","clearApiKeyValue","VisibilityIcon","ownerId","requestedBy","canDeleteResource","rect","currentTarget","getBoundingClientRect","top","bottom","left","aria-controls","aria-haspopup","MoreVertIcon","requestColumns","isPending","icon","HourglassEmptyIcon","CancelIcon","placement","overflow","textOverflow","creationTimestamp","canDelete","pendingRequestColumns","col","Grid","container","spacing","direction","item","flexDirection","AddIcon","length","data-plans-count","readyCondition","conditions","c","type","planCondition","textAlign","Table","options","paging","pageSize","search","debounceInterval","toolbar","emptyRowsWhenPaging","columns","detailPanel","Menu","Boolean","anchorReference","anchorPosition","push","EditAPIKeyDialog","availablePlans","ConfirmDeleteDialog","description","onConfirm","handleDeleteRequest","onCancel","WarningIcon","strong","set","fetchApiKeyFromSecret","versionedHolder","useVersionedContext","atVersion","createVersionedContext"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[3947],{71255:(e,a,i)=>{i.d(a,{n:()=>d});var n=i(31085),s=(i(95478),i(82300)),t=i(37725),l=i(96040),c=i(10394),r=i(42899),o=i(72501);const d=({issuerUrl:e,tokenEndpoint:a})=>{const i=a||e;return(0,n.jsx)(l.n,{title:"OIDC Provider Discovery",children:(0,n.jsx)(c.A,{p:2,children:(0,n.jsxs)(r.A,{container:!0,spacing:2,children:[(0,n.jsx)(r.A,{item:!0,xs:12,children:(0,n.jsx)(o.A,{variant:"body2",children:"This API uses OIDC authentication. Obtain a token from the identity provider below."})}),(0,n.jsx)(r.A,{item:!0,xs:12,children:(0,n.jsxs)(o.A,{variant:"body2",children:[(0,n.jsx)("strong",{children:"Identity Provider: "}),(0,n.jsx)(t.N_,{to:e,target:"_blank",children:e})]})}),a&&(0,n.jsx)(r.A,{item:!0,xs:12,children:(0,n.jsxs)(o.A,{variant:"body2",children:[(0,n.jsx)("strong",{children:"Token Endpoint: "}),(0,n.jsx)(t.N_,{to:a,target:"_blank",children:a})]})}),(0,n.jsx)(r.A,{item:!0,xs:12,children:(0,n.jsx)(s.z,{text:`# Example (Client Credentials Flow):\ncurl -X POST \\\n -d "grant_type=client_credentials" \\\n -d "client_id=YOUR_CLIENT_ID" \\\n -d "client_secret=YOUR_CLIENT_SECRET" \\\n ${i}`,language:"bash",showCopyCodeButton:!0})})]})})})}},89509:(e,a,i)=>{i.d(a,{O:()=>u});var n=i(31085),s=(i(95478),i(10394)),t=i(72501),l=i(67720),c=i(61009),r=i(47625),o=i(9719),d=i(54801),m=i(13677),p=i(42899),h=i(58837),x=i(37725);const j=(0,h.A)(e=>({label:{fontWeight:600,color:e.palette.text.secondary,marginBottom:e.spacing(.5),fontSize:"0.75rem",textTransform:"uppercase"},tierChip:{marginRight:e.spacing(.5),marginBottom:e.spacing(.5)},statusChipPublished:{backgroundColor:e.palette.primary.main,color:e.palette.primary.contrastText},statusChipDraft:{backgroundColor:e.palette.grey[600],color:e.palette.common.white},infoGrid:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(180px, 1fr))",gap:e.spacing(3),marginBottom:e.spacing(3)},infoItem:{minWidth:0},apiLink:{color:e.palette.primary.main,textDecoration:"none","&:hover":{textDecoration:"underline"}}})),u=({product:e,showStatus:a=!0,showCatalogLink:i=!0})=>{var h,u,v,A,b,g,N,y,f,C,I,_,k,P,D,R,S,T;const L=j(),w=(null===(h=e.spec)||void 0===h?void 0:h.publishStatus)||"Draft",O="Published"===w,U=(null===(u=e.status)||void 0===u?void 0:u.discoveredPlans)||[],E=(null===(A=e.status)||void 0===A||null===(v=A.discoveredAuthScheme)||void 0===v?void 0:v.authentication)||{},z=Object.values(E).some(e=>e.hasOwnProperty("apiKey"));return(0,n.jsxs)(n.Fragment,{children:[(null===(b=e.spec)||void 0===b?void 0:b.description)&&(0,n.jsxs)(s.A,{mb:3,children:[(0,n.jsx)(t.A,{variant:"caption",className:L.label,children:"Description"}),(0,n.jsx)(t.A,{variant:"body1",children:e.spec.description})]}),(0,n.jsxs)(s.A,{className:L.infoGrid,children:[a&&(0,n.jsxs)(s.A,{className:L.infoItem,children:[(0,n.jsx)(t.A,{variant:"caption",className:L.label,children:"Status"}),(0,n.jsx)(s.A,{children:(0,n.jsx)(l.A,{label:w,size:"small",className:O?L.statusChipPublished:L.statusChipDraft,"data-testid":"publish-status-chip"})})]}),(0,n.jsxs)(s.A,{className:L.infoItem,children:[(0,n.jsx)(t.A,{variant:"caption",className:L.label,children:"Version"}),(0,n.jsx)(t.A,{variant:"body2",children:(null===(g=e.spec)||void 0===g?void 0:g.version)||"v1"})]}),(0,n.jsxs)(s.A,{className:L.infoItem,children:[(0,n.jsx)(t.A,{variant:"caption",className:L.label,children:"Namespace"}),(0,n.jsx)(t.A,{variant:"body2",children:e.metadata.namespace})]}),z&&(0,n.jsxs)(s.A,{className:L.infoItem,children:[(0,n.jsx)(t.A,{variant:"caption",className:L.label,children:"API Key Approval"}),(0,n.jsx)(t.A,{variant:"body2",children:"automatic"===(null===(N=e.spec)||void 0===N?void 0:N.approvalMode)?"Automatic":"Need manual approval"})]}),(null===(y=e.spec)||void 0===y?void 0:y.tags)&&e.spec.tags.length>0&&(0,n.jsxs)(s.A,{className:L.infoItem,children:[(0,n.jsx)(t.A,{variant:"caption",className:L.label,children:"Tags"}),(0,n.jsx)(s.A,{children:e.spec.tags.map(e=>(0,n.jsx)(l.A,{label:e,size:"small",variant:"outlined",className:L.tierChip},e))})]})]}),(0,n.jsxs)(s.A,{className:L.infoGrid,children:[(0,n.jsxs)(s.A,{className:L.infoItem,children:[(0,n.jsx)(t.A,{variant:"caption",className:L.label,children:"API"}),(0,n.jsx)("br",{}),i?(0,n.jsx)(x.N_,{to:`/catalog/default/api/${e.metadata.name}`,className:L.apiLink,children:e.metadata.name}):(0,n.jsx)(t.A,{variant:"body2",children:e.metadata.name})]}),(0,n.jsxs)(s.A,{className:L.infoItem,children:[(0,n.jsx)(t.A,{variant:"caption",className:L.label,children:"Route"}),(0,n.jsx)(t.A,{variant:"body2",children:(null===(C=e.spec)||void 0===C||null===(f=C.targetRef)||void 0===f?void 0:f.name)||"-"})]})]}),U.length>0&&(0,n.jsxs)(s.A,{mb:3,children:[(0,n.jsx)(t.A,{variant:"caption",className:L.label,children:"Available Tiers"}),(0,n.jsxs)(c.A,{size:"small",children:[(0,n.jsx)(r.A,{children:(0,n.jsxs)(o.A,{children:[(0,n.jsx)(d.A,{children:"Tier"}),(0,n.jsx)(d.A,{children:"Rate Limits"})]})}),(0,n.jsx)(m.A,{children:U.map(e=>(0,n.jsxs)(o.A,{children:[(0,n.jsx)(d.A,{children:(0,n.jsx)(l.A,{label:e.tier,size:"small"})}),(0,n.jsx)(d.A,{children:e.limits&&Object.entries(e.limits).map(([e,a])=>(0,n.jsxs)(t.A,{variant:"body2",children:[String(a)," per ",e]},e))})]},e.tier))})]})]}),(0,n.jsxs)(p.A,{container:!0,spacing:3,children:[((null===(_=e.spec)||void 0===_||null===(I=_.contact)||void 0===I?void 0:I.email)||(null===(P=e.spec)||void 0===P||null===(k=P.contact)||void 0===k?void 0:k.team))&&(0,n.jsxs)(p.A,{item:!0,xs:12,md:6,children:[(0,n.jsx)(t.A,{variant:"caption",className:L.label,children:"Contact Information"}),(0,n.jsxs)(s.A,{mt:1,children:[e.spec.contact.team&&(0,n.jsxs)(t.A,{variant:"body2",children:[(0,n.jsx)("strong",{children:"Team:"})," ",e.spec.contact.team]}),e.spec.contact.email&&(0,n.jsxs)(t.A,{variant:"body2",children:[(0,n.jsx)("strong",{children:"Email:"})," ",(0,n.jsx)(x.N_,{to:`mailto:${e.spec.contact.email}`,children:e.spec.contact.email})]})]})]}),((null===(R=e.spec)||void 0===R||null===(D=R.documentation)||void 0===D?void 0:D.docsURL)||(null===(T=e.spec)||void 0===T||null===(S=T.documentation)||void 0===S?void 0:S.openAPISpecURL))&&(0,n.jsxs)(p.A,{item:!0,xs:12,md:6,children:[(0,n.jsx)(t.A,{variant:"caption",className:L.label,children:"Documentation"}),(0,n.jsxs)(s.A,{mt:1,children:[e.spec.documentation.docsURL&&(0,n.jsxs)(t.A,{variant:"body2",children:[(0,n.jsx)("strong",{children:"Docs:"})," ",(0,n.jsx)(x.N_,{to:e.spec.documentation.docsURL,target:"_blank",children:"View Documentation"})]}),e.spec.documentation.openAPISpecURL&&(0,n.jsxs)(t.A,{variant:"body2",children:[(0,n.jsx)("strong",{children:"OpenAPI Spec:"})," ",(0,n.jsx)(x.N_,{to:e.spec.documentation.openAPISpecURL,target:"_blank",children:"View Spec"})]})]})]})]})]})}}}]);
|
|
2
|
-
//# sourceMappingURL=3947.7458971d.chunk.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"static/3947.7458971d.chunk.js","mappings":"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","sources":["webpack://internal.plugin-kuadrant/./src/components/OidcProviderCard/OidcProviderCard.tsx","webpack://internal.plugin-kuadrant/./src/components/ApiProductDetails/ApiProductDetails.tsx"],"sourcesContent":["import React from 'react';\nimport { InfoCard, CodeSnippet, Link } from '@backstage/core-components';\nimport { Typography, Box, Grid } from '@material-ui/core';\n\ninterface OidcProviderCardProps {\n issuerUrl: string;\n tokenEndpoint?: string;\n}\n\nexport const OidcProviderCard = ({ issuerUrl, tokenEndpoint }: OidcProviderCardProps) => {\n const effectiveTokenEndpoint = tokenEndpoint || issuerUrl;\n\n return (\n <InfoCard title=\"OIDC Provider Discovery\">\n <Box p={2}>\n <Grid container spacing={2}>\n <Grid item xs={12}>\n <Typography variant=\"body2\">\n This API uses OIDC authentication. Obtain a token from the identity provider below.\n </Typography>\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"body2\">\n <strong>Identity Provider: </strong>\n <Link to={issuerUrl} target=\"_blank\">\n {issuerUrl}\n </Link>\n </Typography>\n </Grid>\n {tokenEndpoint && (\n <Grid item xs={12}>\n <Typography variant=\"body2\">\n <strong>Token Endpoint: </strong>\n <Link to={tokenEndpoint} target=\"_blank\">\n {tokenEndpoint}\n </Link>\n </Typography>\n </Grid>\n )}\n <Grid item xs={12}>\n <CodeSnippet\n text={`# Example (Client Credentials Flow):\ncurl -X POST \\\\\n -d \"grant_type=client_credentials\" \\\\\n -d \"client_id=YOUR_CLIENT_ID\" \\\\\n -d \"client_secret=YOUR_CLIENT_SECRET\" \\\\\n ${effectiveTokenEndpoint}`}\n language=\"bash\"\n showCopyCodeButton\n />\n </Grid>\n </Grid>\n </Box>\n </InfoCard>\n );\n};\n","import React from \"react\";\nimport {\n Box,\n Typography,\n Chip,\n makeStyles,\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableRow,\n Grid,\n} from \"@material-ui/core\";\nimport { Link } from \"@backstage/core-components\";\nimport { APIProduct, Plan } from \"../../types/api-management\";\n\nconst useStyles = makeStyles((theme) => ({\n label: {\n fontWeight: 600,\n color: theme.palette.text.secondary,\n marginBottom: theme.spacing(0.5),\n fontSize: \"0.75rem\",\n textTransform: \"uppercase\",\n },\n tierChip: {\n marginRight: theme.spacing(0.5),\n marginBottom: theme.spacing(0.5),\n },\n statusChipPublished: {\n backgroundColor: theme.palette.primary.main,\n color: theme.palette.primary.contrastText,\n },\n statusChipDraft: {\n backgroundColor: theme.palette.grey[600],\n color: theme.palette.common.white,\n },\n infoGrid: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(auto-fill, minmax(180px, 1fr))\",\n gap: theme.spacing(3),\n marginBottom: theme.spacing(3),\n },\n infoItem: {\n minWidth: 0,\n },\n apiLink: {\n color: theme.palette.primary.main,\n textDecoration: \"none\",\n \"&:hover\": {\n textDecoration: \"underline\",\n },\n },\n}));\n\ninterface ApiProductDetailsProps {\n product: APIProduct;\n showStatus?: boolean;\n showCatalogLink?: boolean;\n}\n\nexport const ApiProductDetails = ({\n product,\n showStatus = true,\n showCatalogLink = true,\n}: ApiProductDetailsProps) => {\n const classes = useStyles();\n\n const publishStatus = product.spec?.publishStatus || \"Draft\";\n const isPublished = publishStatus === \"Published\";\n const tiers = product.status?.discoveredPlans || [];\n\n // check if product has API key auth\n const authSchemes = product.status?.discoveredAuthScheme?.authentication || {};\n const schemeObjects = Object.values(authSchemes);\n const hasApiKey = schemeObjects.some(\n (scheme: any) => scheme.hasOwnProperty(\"apiKey\"),\n );\n\n return (\n <>\n {product.spec?.description && (\n <Box mb={3}>\n <Typography variant=\"caption\" className={classes.label}>\n Description\n </Typography>\n <Typography variant=\"body1\">{product.spec.description}</Typography>\n </Box>\n )}\n\n <Box className={classes.infoGrid}>\n {showStatus && (\n <Box className={classes.infoItem}>\n <Typography variant=\"caption\" className={classes.label}>\n Status\n </Typography>\n <Box>\n <Chip\n label={publishStatus}\n size=\"small\"\n className={\n isPublished\n ? classes.statusChipPublished\n : classes.statusChipDraft\n }\n data-testid=\"publish-status-chip\"\n />\n </Box>\n </Box>\n )}\n <Box className={classes.infoItem}>\n <Typography variant=\"caption\" className={classes.label}>\n Version\n </Typography>\n <Typography variant=\"body2\">\n {product.spec?.version || \"v1\"}\n </Typography>\n </Box>\n <Box className={classes.infoItem}>\n <Typography variant=\"caption\" className={classes.label}>\n Namespace\n </Typography>\n <Typography variant=\"body2\">{product.metadata.namespace}</Typography>\n </Box>\n {hasApiKey && (\n <Box className={classes.infoItem}>\n <Typography variant=\"caption\" className={classes.label}>\n API Key Approval\n </Typography>\n <Typography variant=\"body2\">\n {product.spec?.approvalMode === \"automatic\"\n ? \"Automatic\"\n : \"Need manual approval\"}\n </Typography>\n </Box>\n )}\n {product.spec?.tags && product.spec.tags.length > 0 && (\n <Box className={classes.infoItem}>\n <Typography variant=\"caption\" className={classes.label}>\n Tags\n </Typography>\n <Box>\n {product.spec.tags.map((tag) => (\n <Chip\n key={tag}\n label={tag}\n size=\"small\"\n variant=\"outlined\"\n className={classes.tierChip}\n />\n ))}\n </Box>\n </Box>\n )}\n </Box>\n\n <Box className={classes.infoGrid}>\n <Box className={classes.infoItem}>\n <Typography variant=\"caption\" className={classes.label}>\n API\n </Typography>\n <br />\n {showCatalogLink ? (\n <Link\n to={`/catalog/default/api/${product.metadata.name}`}\n className={classes.apiLink}\n >\n {product.metadata.name}\n </Link>\n ) : (\n <Typography variant=\"body2\">{product.metadata.name}</Typography>\n )}\n </Box>\n <Box className={classes.infoItem}>\n <Typography variant=\"caption\" className={classes.label}>\n Route\n </Typography>\n <Typography variant=\"body2\">\n {product.spec?.targetRef?.name || \"-\"}\n </Typography>\n </Box>\n </Box>\n\n {tiers.length > 0 && (\n <Box mb={3}>\n <Typography variant=\"caption\" className={classes.label}>\n Available Tiers\n </Typography>\n <Table size=\"small\">\n <TableHead>\n <TableRow>\n <TableCell>Tier</TableCell>\n <TableCell>Rate Limits</TableCell>\n </TableRow>\n </TableHead>\n <TableBody>\n {tiers.map((plan: Plan) => (\n <TableRow key={plan.tier}>\n <TableCell>\n <Chip label={plan.tier} size=\"small\" />\n </TableCell>\n <TableCell>\n {plan.limits &&\n Object.entries(plan.limits).map(([key, value]) => (\n <Typography key={key} variant=\"body2\">\n {String(value)} per {key}\n </Typography>\n ))}\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </Box>\n )}\n\n <Grid container spacing={3}>\n {(product.spec?.contact?.email || product.spec?.contact?.team) && (\n <Grid item xs={12} md={6}>\n <Typography variant=\"caption\" className={classes.label}>\n Contact Information\n </Typography>\n <Box mt={1}>\n {product.spec.contact.team && (\n <Typography variant=\"body2\">\n <strong>Team:</strong> {product.spec.contact.team}\n </Typography>\n )}\n {product.spec.contact.email && (\n <Typography variant=\"body2\">\n <strong>Email:</strong>{\" \"}\n <Link to={`mailto:${product.spec.contact.email}`}>\n {product.spec.contact.email}\n </Link>\n </Typography>\n )}\n </Box>\n </Grid>\n )}\n\n {(product.spec?.documentation?.docsURL ||\n product.spec?.documentation?.openAPISpecURL) && (\n <Grid item xs={12} md={6}>\n <Typography variant=\"caption\" className={classes.label}>\n Documentation\n </Typography>\n <Box mt={1}>\n {product.spec.documentation.docsURL && (\n <Typography variant=\"body2\">\n <strong>Docs:</strong>{\" \"}\n <Link to={product.spec.documentation.docsURL} target=\"_blank\">\n View Documentation\n </Link>\n </Typography>\n )}\n {product.spec.documentation.openAPISpecURL && (\n <Typography variant=\"body2\">\n <strong>OpenAPI Spec:</strong>{\" \"}\n <Link\n to={product.spec.documentation.openAPISpecURL}\n target=\"_blank\"\n >\n View Spec\n </Link>\n </Typography>\n )}\n </Box>\n </Grid>\n )}\n </Grid>\n </>\n );\n};\n"],"names":["OidcProviderCard","issuerUrl","tokenEndpoint","effectiveTokenEndpoint","InfoCard","title","Box","p","Grid","container","spacing","item","xs","Typography","variant","strong","Link","to","target","CodeSnippet","text","language","showCopyCodeButton","useStyles","makeStyles","theme","label","fontWeight","color","palette","secondary","marginBottom","fontSize","textTransform","tierChip","marginRight","statusChipPublished","backgroundColor","primary","main","contrastText","statusChipDraft","grey","common","white","infoGrid","display","gridTemplateColumns","gap","infoItem","minWidth","apiLink","textDecoration","ApiProductDetails","product","showStatus","showCatalogLink","classes","publishStatus","spec","isPublished","tiers","status","discoveredPlans","authSchemes","discoveredAuthScheme","authentication","hasApiKey","Object","values","some","scheme","hasOwnProperty","description","mb","className","Chip","size","data-testid","version","metadata","namespace","approvalMode","tags","length","map","tag","br","name","targetRef","Table","TableHead","TableRow","TableCell","TableBody","plan","tier","limits","entries","key","value","String","contact","email","team","md","mt","documentation","docsURL","openAPISpecURL"],"sourceRoot":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkinternal_plugin_kuadrant=self.webpackChunkinternal_plugin_kuadrant||[]).push([[3984],{5030:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var r=n(85608),a=n(95478),o=r.__importDefault(n(10009));t.default=function(e,t,n){void 0===t&&(t=[]),void 0===n&&(n={loading:!1});var i=a.useRef(0),l=o.default(),c=a.useState(n),s=c[0],u=c[1],d=a.useCallback(function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var a=++i.current;return s.loading||u(function(e){return r.__assign(r.__assign({},e),{loading:!0})}),e.apply(void 0,t).then(function(e){return l()&&a===i.current&&u({value:e,loading:!1}),e},function(e){return l()&&a===i.current&&u({error:e,loading:!1}),e})},t);return[s,d]}},10009:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});var r=n(95478);t.default=function(){var e=r.useRef(!1),t=r.useCallback(function(){return e.current},[]);return r.useEffect(function(){return e.current=!0,function(){e.current=!1}},[]),t}},18466:(e,t,n)=>{var r=n(4293),a=n(78920);t.A=void 0;var o=a(n(95478)),i=(0,r(n(74044)).default)(o.createElement("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"Add");t.A=i},21702:(e,t,n)=>{var r=n(4293),a=n(78920);t.A=void 0;var o=a(n(95478)),i=(0,r(n(74044)).default)(o.createElement("path",{d:"M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"}),"VpnKey");t.A=i},23164:(e,t,n)=>{var r=n(4293),a=n(78920);t.A=void 0;var o=a(n(95478)),i=(0,r(n(74044)).default)(o.createElement("path",{d:"M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"}),"ExpandLess");t.A=i},27799:(e,t,n)=>{var r=n(4293),a=n(78920);t.A=void 0;var o=a(n(95478)),i=(0,r(n(74044)).default)(o.createElement("path",{d:"M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4 4-3.99z"}),"BrokenImage");t.A=i},39590:(e,t,n)=>{var r=n(4293),a=n(78920);t.A=void 0;var o=a(n(95478)),i=(0,r(n(74044)).default)(o.createElement("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"}),"Delete");t.A=i},45210:(e,t,n)=>{n.d(t,{Y:()=>L});var r=n(31085),a=n(22097),o=n(10394),i=n(64947),l=n(93453),c=n(29365),s=n(46423),u=n(5951),d=n(26343),p=n(28233),m=n(55197),f=n(37976),g=n(72501),h=n(5893),v=n(95478),A=(n(45250),n(49634),n(21006)),b=n(75501);const x=()=>{const{t:e}=(0,b.useTranslationRef)(A.O);return{url:"https://github.com/backstage/backstage/issues",items:[{title:e("supportConfig.default.title"),icon:"warning",links:[{title:e("supportConfig.default.linkTitle"),url:"https://github.com/backstage/backstage/blob/master/app-config.yaml"}]}]}};var y=n(27799);function k(e){const{id:t,Fallback:n=y.A,...o}=e,i=(0,a.useApp)().getSystemIcon(t)??n;return(0,r.jsx)(i,{...o})}function C(e){return(0,r.jsx)(k,{id:"help",...e})}var z=n(37725);const E=(0,f.makeStyles)({popoverList:{minWidth:260,maxWidth:400},menuItem:{whiteSpace:"normal"}},{name:"BackstageSupportButton"}),M=({icon:e})=>{const t=(0,a.useApp)(),n=e?t.getSystemIcon(e)??C:C;return(0,r.jsx)(n,{})},S=({link:e})=>(0,r.jsx)(z.N_,{to:e.url,children:e.title??e.url}),j=({item:e})=>(0,r.jsxs)(d.A,{button:!1,children:[(0,r.jsx)(s.A,{children:(0,r.jsx)(M,{icon:e.icon})}),(0,r.jsx)(u.A,{primary:e.title,secondary:e.links?.reduce((e,t,n)=>[...e,n>0&&(0,r.jsx)("br",{},n),(0,r.jsx)(S,{link:t},t.url)],[])})]});function L(e){const{t}=(0,b.useTranslationRef)(A.O),{title:n,items:s,children:u}=e,{items:f}=function(){const e=(0,a.useApiHolder)().get(a.configApiRef),t=e?.getOptionalConfig("app.support"),n=x();return t?{url:t.getString("url"),items:t.getConfigArray("items").flatMap(e=>({title:e.getString("title"),icon:e.getOptionalString("icon"),links:(e.getOptionalConfigArray("links")??[]).flatMap(e=>({url:e.getString("url"),title:e.getOptionalString("title")??""}))}))}:n}(),[y,k]=(0,v.useState)(!1),[z,M]=(0,v.useState)(null),S=E(),L=(0,a.useApi)(a.configApiRef).getOptionalConfig("app.support"),_=(0,h.A)(e=>e.breakpoints.down("sm")),I=e=>{M(e.currentTarget),k(!0)},O=()=>{k(!1)};return L?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.A,{display:"flex",ml:1,children:_?(0,r.jsx)(c.A,{color:"primary",size:"small",onClick:I,"data-testid":"support-button","aria-label":"Support",children:(0,r.jsx)(C,{})}):(0,r.jsx)(i.A,{"data-testid":"support-button","aria-label":"Support",color:"primary",onClick:I,startIcon:(0,r.jsx)(C,{}),children:t("supportButton.title")})}),(0,r.jsxs)(m.Ay,{"data-testid":"support-button-popover",open:y,anchorEl:z,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},onClose:O,children:[(0,r.jsxs)(p.A,{className:S.popoverList,autoFocusItem:Boolean(z),children:[n&&(0,r.jsx)(d.A,{button:!1,alignItems:"flex-start",className:S.menuItem,children:(0,r.jsx)(g.A,{variant:"subtitle1",children:n})}),v.Children.map(u,(e,t)=>(0,r.jsx)(d.A,{button:!1,alignItems:"flex-start",className:S.menuItem,children:e},`child-${t}`)),(s??f).map((e,t)=>(0,r.jsx)(j,{item:e},`item-${t}`))]}),(0,r.jsx)(l.A,{children:(0,r.jsx)(i.A,{color:"primary",onClick:O,"aria-label":"Close",children:t("supportButton.close")})})]})]}):null}},84441:(e,t,n)=>{n.d(t,{A:()=>y});var r=n(39850),a=n(89575),o=n(95478);function i(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=i(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}const l=function(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=i(e))&&(r&&(r+=" "),r+=t);return r};var c=n(37976),s=n(4321),u=n(38483);const d=(0,u.A)(o.createElement("path",{d:"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"}),"SuccessOutlined"),p=(0,u.A)(o.createElement("path",{d:"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"}),"ReportProblemOutlined"),m=(0,u.A)(o.createElement("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"ErrorOutline"),f=(0,u.A)(o.createElement("path",{d:"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"}),"InfoOutlined"),g=(0,u.A)(o.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close");var h=n(29365),v=n(11192),A={success:o.createElement(d,{fontSize:"inherit"}),warning:o.createElement(p,{fontSize:"inherit"}),error:o.createElement(m,{fontSize:"inherit"}),info:o.createElement(f,{fontSize:"inherit"})},b=o.createElement(g,{fontSize:"small"}),x=o.forwardRef(function(e,t){var n=e.action,i=e.children,c=e.classes,u=e.className,d=e.closeText,p=void 0===d?"Close":d,m=e.color,f=e.icon,g=e.iconMapping,x=void 0===g?A:g,y=e.onClose,k=e.role,C=void 0===k?"alert":k,z=e.severity,E=void 0===z?"success":z,M=e.variant,S=void 0===M?"standard":M,j=(0,r.A)(e,["action","children","classes","className","closeText","color","icon","iconMapping","onClose","role","severity","variant"]);return o.createElement(s.A,(0,a.A)({role:C,square:!0,elevation:0,className:l(c.root,c["".concat(S).concat((0,v.A)(m||E))],u),ref:t},j),!1!==f?o.createElement("div",{className:c.icon},f||x[E]||A[E]):null,o.createElement("div",{className:c.message},i),null!=n?o.createElement("div",{className:c.action},n):null,null==n&&y?o.createElement("div",{className:c.action},o.createElement(h.A,{size:"small","aria-label":p,title:p,color:"inherit",onClick:y},b)):null)});const y=(0,c.withStyles)(function(e){var t="light"===e.palette.type?c.darken:c.lighten,n="light"===e.palette.type?c.lighten:c.darken;return{root:(0,a.A)({},e.typography.body2,{borderRadius:e.shape.borderRadius,backgroundColor:"transparent",display:"flex",padding:"6px 16px"}),standardSuccess:{color:t(e.palette.success.main,.6),backgroundColor:n(e.palette.success.main,.9),"& $icon":{color:e.palette.success.main}},standardInfo:{color:t(e.palette.info.main,.6),backgroundColor:n(e.palette.info.main,.9),"& $icon":{color:e.palette.info.main}},standardWarning:{color:t(e.palette.warning.main,.6),backgroundColor:n(e.palette.warning.main,.9),"& $icon":{color:e.palette.warning.main}},standardError:{color:t(e.palette.error.main,.6),backgroundColor:n(e.palette.error.main,.9),"& $icon":{color:e.palette.error.main}},outlinedSuccess:{color:t(e.palette.success.main,.6),border:"1px solid ".concat(e.palette.success.main),"& $icon":{color:e.palette.success.main}},outlinedInfo:{color:t(e.palette.info.main,.6),border:"1px solid ".concat(e.palette.info.main),"& $icon":{color:e.palette.info.main}},outlinedWarning:{color:t(e.palette.warning.main,.6),border:"1px solid ".concat(e.palette.warning.main),"& $icon":{color:e.palette.warning.main}},outlinedError:{color:t(e.palette.error.main,.6),border:"1px solid ".concat(e.palette.error.main),"& $icon":{color:e.palette.error.main}},filledSuccess:{color:"#fff",fontWeight:e.typography.fontWeightMedium,backgroundColor:e.palette.success.main},filledInfo:{color:"#fff",fontWeight:e.typography.fontWeightMedium,backgroundColor:e.palette.info.main},filledWarning:{color:"#fff",fontWeight:e.typography.fontWeightMedium,backgroundColor:e.palette.warning.main},filledError:{color:"#fff",fontWeight:e.typography.fontWeightMedium,backgroundColor:e.palette.error.main},icon:{marginRight:12,padding:"7px 0",display:"flex",fontSize:22,opacity:.9},message:{padding:"8px 0"},action:{display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:16,marginRight:-8}}},{name:"MuiAlert"})(x)},85142:(e,t,n)=>{var r=n(4293),a=n(78920);t.A=void 0;var o=a(n(95478)),i=(0,r(n(74044)).default)(o.createElement("path",{d:"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"}),"Lock");t.A=i},89031:(e,t,n)=>{var r=n(4293),a=n(78920);t.A=void 0;var o=a(n(95478)),i=(0,r(n(74044)).default)(o.createElement("path",{d:"M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"}),"InfoOutlined");t.A=i},91638:(e,t,n)=>{var r=n(85608),a=n(95478),o=r.__importDefault(n(5030));t.A=function(e,t){void 0===t&&(t=[]);var n=o.default(e,t,{loading:!0}),r=n[0],i=n[1];return a.useEffect(function(){i()},[i]),r}}}]);
|
|
2
|
-
//# sourceMappingURL=3984.647ef00c.chunk.js.map
|