@kuadrant/kuadrant-backstage-plugin-frontend 0.3.0 → 0.4.0-dev1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/components/ApiProductDetails/ApiProductDetails.esm.js +2 -1
  2. package/dist/components/ApiProductDetails/ApiProductDetails.esm.js.map +1 -1
  3. package/dist/components/ApiProductPolicies/ApiProductPolicies.esm.js +2 -1
  4. package/dist/components/ApiProductPolicies/ApiProductPolicies.esm.js.map +1 -1
  5. package/dist/components/EditAPIKeyDialog/EditAPIKeyDialog.esm.js +2 -1
  6. package/dist/components/EditAPIKeyDialog/EditAPIKeyDialog.esm.js.map +1 -1
  7. package/dist/components/RequestAccessDialog/RequestAccessDialog.esm.js +2 -1
  8. package/dist/components/RequestAccessDialog/RequestAccessDialog.esm.js.map +1 -1
  9. package/dist/components/SimpleRequestAccessDialog/SimpleRequestAccessDialog.esm.js +2 -1
  10. package/dist/components/SimpleRequestAccessDialog/SimpleRequestAccessDialog.esm.js.map +1 -1
  11. package/dist/utils/policies.esm.js +16 -1
  12. package/dist/utils/policies.esm.js.map +1 -1
  13. package/dist-scalprum/{internal.plugin-kuadrant.7f1de85661b1b848af15.js → internal.plugin-kuadrant.88f7f9d244e0e8c2b613.js} +2 -2
  14. package/dist-scalprum/{internal.plugin-kuadrant.7f1de85661b1b848af15.js.map → internal.plugin-kuadrant.88f7f9d244e0e8c2b613.js.map} +1 -1
  15. package/dist-scalprum/plugin-manifest.json +3 -3
  16. package/dist-scalprum/static/1719.430c122c.chunk.js +2 -0
  17. package/dist-scalprum/static/1719.430c122c.chunk.js.map +1 -0
  18. package/dist-scalprum/static/2251.1b3cdd55.chunk.js +2 -0
  19. package/dist-scalprum/static/2251.1b3cdd55.chunk.js.map +1 -0
  20. package/dist-scalprum/static/2821.7a436d84.chunk.js +2 -0
  21. package/dist-scalprum/static/2821.7a436d84.chunk.js.map +1 -0
  22. package/dist-scalprum/static/3947.4ae8ccd7.chunk.js +2 -0
  23. package/dist-scalprum/static/3947.4ae8ccd7.chunk.js.map +1 -0
  24. package/dist-scalprum/static/5289.be544370.chunk.js +2 -0
  25. package/dist-scalprum/static/5289.be544370.chunk.js.map +1 -0
  26. package/dist-scalprum/static/5922.d56dc5a5.chunk.js +2 -0
  27. package/dist-scalprum/static/5922.d56dc5a5.chunk.js.map +1 -0
  28. package/dist-scalprum/static/7270.bf7ae167.chunk.js +2 -0
  29. package/dist-scalprum/static/7270.bf7ae167.chunk.js.map +1 -0
  30. package/dist-scalprum/static/7791.4c486f1d.chunk.js +2 -0
  31. package/dist-scalprum/static/{7791.ad31cf6d.chunk.js.map → 7791.4c486f1d.chunk.js.map} +1 -1
  32. package/dist-scalprum/static/{exposed-KuadrantPage.f123b200.chunk.js → exposed-KuadrantPage.f9303a62.chunk.js} +2 -2
  33. package/dist-scalprum/static/{exposed-KuadrantPage.f123b200.chunk.js.map → exposed-KuadrantPage.f9303a62.chunk.js.map} +1 -1
  34. package/dist-scalprum/static/{exposed-PluginRoot.3a5f9157.chunk.js → exposed-PluginRoot.992ab15b.chunk.js} +2 -2
  35. package/dist-scalprum/static/{exposed-PluginRoot.3a5f9157.chunk.js.map → exposed-PluginRoot.992ab15b.chunk.js.map} +1 -1
  36. package/package.json +1 -1
  37. package/dist-scalprum/static/1719.52ca7daf.chunk.js +0 -2
  38. package/dist-scalprum/static/1719.52ca7daf.chunk.js.map +0 -1
  39. package/dist-scalprum/static/2251.08f3db99.chunk.js +0 -2
  40. package/dist-scalprum/static/2251.08f3db99.chunk.js.map +0 -1
  41. package/dist-scalprum/static/2821.1ac360ec.chunk.js +0 -2
  42. package/dist-scalprum/static/2821.1ac360ec.chunk.js.map +0 -1
  43. package/dist-scalprum/static/3947.f5320e89.chunk.js +0 -2
  44. package/dist-scalprum/static/3947.f5320e89.chunk.js.map +0 -1
  45. package/dist-scalprum/static/5289.6c803140.chunk.js +0 -2
  46. package/dist-scalprum/static/5289.6c803140.chunk.js.map +0 -1
  47. package/dist-scalprum/static/7270.8ee9d452.chunk.js +0 -2
  48. package/dist-scalprum/static/7270.8ee9d452.chunk.js.map +0 -1
  49. package/dist-scalprum/static/7791.ad31cf6d.chunk.js +0 -2
  50. package/dist-scalprum/static/980.744a4d36.chunk.js +0 -2
  51. package/dist-scalprum/static/980.744a4d36.chunk.js.map +0 -1
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import { makeStyles, Box, Typography, Chip, Table, TableHead, TableRow, TableCell, TableBody, Grid } from '@material-ui/core';
3
3
  import { Link } from '@backstage/core-components';
4
4
  import { getLifecycleChipStyle } from '../../utils/styles.esm.js';
5
+ import { getPlanLimitLines } from '../../utils/policies.esm.js';
5
6
 
6
7
  const useStyles = makeStyles((theme) => ({
7
8
  label: {
@@ -87,7 +88,7 @@ const ApiProductDetails = ({
87
88
  className: classes.apiLink
88
89
  },
89
90
  product.metadata.name
90
- ) : /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, product.metadata.name)), /* @__PURE__ */ React.createElement(Box, { className: classes.infoItem }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: classes.label }, "Route"), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, product.spec?.targetRef?.name || "-")), httpRouteHostnames && httpRouteHostnames.length > 0 && /* @__PURE__ */ React.createElement(Box, { className: classes.infoItem }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: classes.label }, httpRouteHostnames.length > 1 ? "Hostnames" : "Hostname"), httpRouteHostnames.map((hostname, index) => /* @__PURE__ */ React.createElement(Typography, { key: index, variant: "body2" }, hostname)))), tiers.length > 0 && /* @__PURE__ */ React.createElement(Box, { mb: 3 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: classes.label }, "Available Tiers"), /* @__PURE__ */ React.createElement(Table, { size: "small" }, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(TableCell, null, "Tier"), /* @__PURE__ */ React.createElement(TableCell, null, "Rate Limits"))), /* @__PURE__ */ React.createElement(TableBody, null, tiers.map((plan) => /* @__PURE__ */ React.createElement(TableRow, { key: plan.tier }, /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(Chip, { label: plan.tier, size: "small" })), /* @__PURE__ */ React.createElement(TableCell, null, plan.limits && Object.entries(plan.limits).map(([key, value]) => /* @__PURE__ */ React.createElement(Typography, { key, variant: "body2" }, String(value), " per ", key)))))))), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, (product.spec?.contact?.email || product.spec?.contact?.team) && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: classes.label }, "Contact Information"), /* @__PURE__ */ React.createElement(Box, { mt: 1 }, product.spec.contact.team && /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "Team:"), " ", product.spec.contact.team), product.spec.contact.email && /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "Email:"), " ", /* @__PURE__ */ React.createElement(Link, { to: `mailto:${product.spec.contact.email}` }, product.spec.contact.email)))), (product.spec?.documentation?.docsURL || product.spec?.documentation?.openAPISpecURL) && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: classes.label }, "Documentation"), /* @__PURE__ */ React.createElement(Box, { mt: 1 }, product.spec.documentation.docsURL && /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "Docs:"), " ", /* @__PURE__ */ React.createElement(Link, { to: product.spec.documentation.docsURL, target: "_blank" }, "View Documentation")), product.spec.documentation.openAPISpecURL && /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "OpenAPI Spec:"), " ", /* @__PURE__ */ React.createElement(
91
+ ) : /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, product.metadata.name)), /* @__PURE__ */ React.createElement(Box, { className: classes.infoItem }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: classes.label }, "Route"), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, product.spec?.targetRef?.name || "-")), httpRouteHostnames && httpRouteHostnames.length > 0 && /* @__PURE__ */ React.createElement(Box, { className: classes.infoItem }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: classes.label }, httpRouteHostnames.length > 1 ? "Hostnames" : "Hostname"), httpRouteHostnames.map((hostname, index) => /* @__PURE__ */ React.createElement(Typography, { key: index, variant: "body2" }, hostname)))), tiers.length > 0 && /* @__PURE__ */ React.createElement(Box, { mb: 3 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: classes.label }, "Available Tiers"), /* @__PURE__ */ React.createElement(Table, { size: "small" }, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(TableCell, null, "Tier"), /* @__PURE__ */ React.createElement(TableCell, null, "Rate Limits"))), /* @__PURE__ */ React.createElement(TableBody, null, tiers.map((plan) => /* @__PURE__ */ React.createElement(TableRow, { key: plan.tier }, /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(Chip, { label: plan.tier, size: "small" })), /* @__PURE__ */ React.createElement(TableCell, null, getPlanLimitLines(plan.limits).map((line, idx) => /* @__PURE__ */ React.createElement(Typography, { key: idx, variant: "body2" }, line)))))))), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, (product.spec?.contact?.email || product.spec?.contact?.team) && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: classes.label }, "Contact Information"), /* @__PURE__ */ React.createElement(Box, { mt: 1 }, product.spec.contact.team && /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "Team:"), " ", product.spec.contact.team), product.spec.contact.email && /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "Email:"), " ", /* @__PURE__ */ React.createElement(Link, { to: `mailto:${product.spec.contact.email}` }, product.spec.contact.email)))), (product.spec?.documentation?.docsURL || product.spec?.documentation?.openAPISpecURL) && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 6 }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: classes.label }, "Documentation"), /* @__PURE__ */ React.createElement(Box, { mt: 1 }, product.spec.documentation.docsURL && /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "Docs:"), " ", /* @__PURE__ */ React.createElement(Link, { to: product.spec.documentation.docsURL, target: "_blank" }, "View Documentation")), product.spec.documentation.openAPISpecURL && /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, "OpenAPI Spec:"), " ", /* @__PURE__ */ React.createElement(
91
92
  Link,
92
93
  {
93
94
  to: product.spec.documentation.openAPISpecURL,
@@ -1 +1 @@
1
- {"version":3,"file":"ApiProductDetails.esm.js","sources":["../../../src/components/ApiProductDetails/ApiProductDetails.tsx"],"sourcesContent":["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\";\nimport { getLifecycleChipStyle } 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 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 httpRouteHostnames?: string[] | null;\n}\n\nexport const ApiProductDetails = ({\n product,\n showStatus = true,\n showCatalogLink = true,\n httpRouteHostnames,\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 Publish 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 {product.metadata.labels?.lifecycle && (\n <Box className={classes.infoItem}>\n <Typography variant=\"caption\" className={classes.label}>\n Lifecycle\n </Typography>\n <Box>\n <Chip\n label={product.metadata.labels.lifecycle}\n size=\"small\"\n style={getLifecycleChipStyle(product.metadata.labels.lifecycle)}\n data-testid=\"lifecycle-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 {httpRouteHostnames && httpRouteHostnames.length > 0 && (\n <Box className={classes.infoItem}>\n <Typography variant=\"caption\" className={classes.label}>\n {httpRouteHostnames.length > 1 ? \"Hostnames\" : \"Hostname\"}\n </Typography>\n {httpRouteHostnames.map((hostname, index) => (\n <Typography key={index} variant=\"body2\">\n {hostname}\n </Typography>\n ))}\n </Box>\n )}\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":[],"mappings":"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"}
1
+ {"version":3,"file":"ApiProductDetails.esm.js","sources":["../../../src/components/ApiProductDetails/ApiProductDetails.tsx"],"sourcesContent":["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\";\nimport { getLifecycleChipStyle } from \"../../utils/styles\";\nimport { getPlanLimitLines } from \"../../utils/policies\";\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 httpRouteHostnames?: string[] | null;\n}\n\nexport const ApiProductDetails = ({\n product,\n showStatus = true,\n showCatalogLink = true,\n httpRouteHostnames,\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 Publish 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 {product.metadata.labels?.lifecycle && (\n <Box className={classes.infoItem}>\n <Typography variant=\"caption\" className={classes.label}>\n Lifecycle\n </Typography>\n <Box>\n <Chip\n label={product.metadata.labels.lifecycle}\n size=\"small\"\n style={getLifecycleChipStyle(product.metadata.labels.lifecycle)}\n data-testid=\"lifecycle-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 {httpRouteHostnames && httpRouteHostnames.length > 0 && (\n <Box className={classes.infoItem}>\n <Typography variant=\"caption\" className={classes.label}>\n {httpRouteHostnames.length > 1 ? \"Hostnames\" : \"Hostname\"}\n </Typography>\n {httpRouteHostnames.map((hostname, index) => (\n <Typography key={index} variant=\"body2\">\n {hostname}\n </Typography>\n ))}\n </Box>\n )}\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 {getPlanLimitLines(plan.limits).map((line, idx) => (\n <Typography key={idx} variant=\"body2\">\n {line}\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":[],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { useTheme, Box, Grid, Typography, Chip } from '@material-ui/core';
3
+ import { formatPlanLimits } from '../../utils/policies.esm.js';
3
4
 
4
5
  const ApiProductPolicies = ({
5
6
  planPolicy,
@@ -37,7 +38,7 @@ const ApiProductPolicies = ({
37
38
  },
38
39
  "Available PlanPolicy Tiers:"
39
40
  ), /* @__PURE__ */ React.createElement(Box, { display: "flex", flexWrap: "wrap", mt: 1, style: { gap: 8 } }, planPolicy.discoveredPlans.map((plan, idx) => {
40
- const limitText = plan.limits?.daily ? `${plan.limits.daily}/day` : plan.limits?.monthly ? `${plan.limits.monthly}/month` : plan.limits?.yearly ? `${plan.limits.yearly}/year` : "No limit";
41
+ const limitText = formatPlanLimits(plan.limits) || "No limit";
41
42
  return /* @__PURE__ */ React.createElement(
42
43
  Chip,
43
44
  {
@@ -1 +1 @@
1
- {"version":3,"file":"ApiProductPolicies.esm.js","sources":["../../../src/components/ApiProductPolicies/ApiProductPolicies.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Grid, Typography, Chip, useTheme } from '@material-ui/core';\nimport { StatusCondition } from \"../../types/api-management\";\n\nexport type PlanPoliciesProps = {\n statusCondition: StatusCondition | null;\n discoveredPlans: Array<{\n tier: string;\n limits?: {\n daily?: number;\n monthly?: number;\n yearly?: number;\n };\n }> | null;\n};\n\nexport type AuthPoliciesProps = {\n namespacedName: {\n name: string | null;\n namespace: string | null;\n } | null;\n statusCondition: StatusCondition | null;\n};\n\nexport type RateLimitPoliciesProps = {\n namespacedName: {\n name: string | null;\n namespace: string | null;\n } | null;\n statusCondition: StatusCondition | null;\n};\n\ninterface ApiProductPoliciesProps {\n planPolicy: PlanPoliciesProps | null;\n authPolicy: AuthPoliciesProps | null;\n rateLimitPolicy: RateLimitPoliciesProps | null;\n includeTopMargin?: boolean;\n}\n// Displays APIProduct policies\nexport const ApiProductPolicies: React.FC<ApiProductPoliciesProps> = ({\n planPolicy,\n authPolicy,\n rateLimitPolicy,\n includeTopMargin = true,\n}) => {\n const theme = useTheme();\n\n return (\n <Box\n mt={includeTopMargin ? 1 : 0}\n p={0}\n bgcolor={theme.palette.background.default}\n >\n <Grid container spacing={2}>\n {/* planpolicy chip shown when either plan exist or ratelimitpolicy does not exist*/}\n {((planPolicy?.statusCondition && planPolicy.statusCondition.status === \"True\") || !rateLimitPolicy?.statusCondition) ? (\n <Grid item xs={12} md={6}>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Plan Policy\n </Typography>\n {planPolicy?.statusCondition ? (\n <Box>\n <Chip\n label={planPolicy.statusCondition.reason}\n size=\"small\"\n style={{\n backgroundColor: planPolicy.statusCondition.status === \"True\" ? \"#4caf50\" : \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n {planPolicy.discoveredPlans && planPolicy.discoveredPlans.length > 0 && (\n <>\n <Typography\n variant=\"caption\"\n display=\"block\"\n gutterBottom\n color=\"textSecondary\"\n style={{ marginTop: 8 }}\n >\n Available PlanPolicy Tiers:\n </Typography>\n <Box display=\"flex\" flexWrap=\"wrap\" mt={1} style={{ gap: 8 }}>\n {planPolicy.discoveredPlans.map((plan: any, idx: number) => {\n const limitText = plan.limits?.daily\n ? `${plan.limits.daily}/day`\n : plan.limits?.monthly\n ? `${plan.limits.monthly}/month`\n : plan.limits?.yearly\n ? `${plan.limits.yearly}/year`\n : 'No limit';\n return (\n <Chip\n key={idx}\n label={`${plan.tier}: ${limitText}`}\n size=\"small\"\n variant=\"outlined\"\n color=\"primary\"\n />\n );\n })}\n </Box>\n </>\n )}\n </Box>\n ) : (\n <Chip\n label=\"NotFound\"\n size=\"small\"\n style={{\n backgroundColor: \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n )}\n </Grid>\n ) : (\n <Grid item xs={12} md={6}>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n RateLimitPolicy\n </Typography>\n {rateLimitPolicy?.statusCondition ? (\n <Box>\n <Chip\n label={rateLimitPolicy.statusCondition.reason}\n size=\"small\"\n style={{\n backgroundColor: rateLimitPolicy.statusCondition.status === \"True\" ? \"#4caf50\" : \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n {rateLimitPolicy.statusCondition.status === \"True\" && (\n <Grid container spacing={2}>\n <Grid item xs={12} md={6}>\n <Box>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Resource Name\n </Typography>\n <Typography variant=\"body2\">\n {rateLimitPolicy.namespacedName?.name || \"No RateLimit Policy name available\"}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={12} md={6}>\n <Box>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Resource Namespace\n </Typography>\n <Typography variant=\"body2\">\n {rateLimitPolicy.namespacedName?.namespace || \"No RateLimit Policy namespace available\"}\n </Typography>\n </Box>\n </Grid>\n </Grid>\n )}\n </Box>\n ) : (\n <Chip\n label=\"NotFound\"\n size=\"small\"\n style={{\n backgroundColor: \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n )}\n </Grid>\n )}\n <Grid item xs={12} md={6}>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Auth Policy\n </Typography>\n {authPolicy?.statusCondition ? (\n <Box>\n <Chip\n label={authPolicy.statusCondition.reason}\n size=\"small\"\n style={{\n backgroundColor: authPolicy.statusCondition.status === \"True\" ? \"#4caf50\" : \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n {authPolicy.statusCondition.status === \"True\" && (\n <Grid container spacing={2}>\n <Grid item xs={12} md={6}>\n <Box>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Resource Name\n </Typography>\n <Typography variant=\"body2\">\n {authPolicy.namespacedName?.name || \"No Auth Policy name available\"}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={12} md={6}>\n <Box>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Resource Namespace\n </Typography>\n <Typography variant=\"body2\">\n {authPolicy.namespacedName?.namespace || \"No Auth Policy namespace available\"}\n </Typography>\n </Box>\n </Grid>\n </Grid>\n )}\n </Box>\n ) : (\n <Chip\n label=\"NotFound\"\n size=\"small\"\n style={{\n backgroundColor: \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n )}\n </Grid>\n </Grid>\n </Box>\n );\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ApiProductPolicies.esm.js","sources":["../../../src/components/ApiProductPolicies/ApiProductPolicies.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Grid, Typography, Chip, useTheme } from '@material-ui/core';\nimport { StatusCondition, PlanLimits } from \"../../types/api-management\";\nimport { formatPlanLimits } from '../../utils/policies';\n\nexport type PlanPoliciesProps = {\n statusCondition: StatusCondition | null;\n discoveredPlans: Array<{\n tier: string;\n limits?: PlanLimits;\n }> | null;\n};\n\nexport type AuthPoliciesProps = {\n namespacedName: {\n name: string | null;\n namespace: string | null;\n } | null;\n statusCondition: StatusCondition | null;\n};\n\nexport type RateLimitPoliciesProps = {\n namespacedName: {\n name: string | null;\n namespace: string | null;\n } | null;\n statusCondition: StatusCondition | null;\n};\n\ninterface ApiProductPoliciesProps {\n planPolicy: PlanPoliciesProps | null;\n authPolicy: AuthPoliciesProps | null;\n rateLimitPolicy: RateLimitPoliciesProps | null;\n includeTopMargin?: boolean;\n}\n// Displays APIProduct policies\nexport const ApiProductPolicies: React.FC<ApiProductPoliciesProps> = ({\n planPolicy,\n authPolicy,\n rateLimitPolicy,\n includeTopMargin = true,\n}) => {\n const theme = useTheme();\n\n return (\n <Box\n mt={includeTopMargin ? 1 : 0}\n p={0}\n bgcolor={theme.palette.background.default}\n >\n <Grid container spacing={2}>\n {/* planpolicy chip shown when either plan exist or ratelimitpolicy does not exist*/}\n {((planPolicy?.statusCondition && planPolicy.statusCondition.status === \"True\") || !rateLimitPolicy?.statusCondition) ? (\n <Grid item xs={12} md={6}>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Plan Policy\n </Typography>\n {planPolicy?.statusCondition ? (\n <Box>\n <Chip\n label={planPolicy.statusCondition.reason}\n size=\"small\"\n style={{\n backgroundColor: planPolicy.statusCondition.status === \"True\" ? \"#4caf50\" : \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n {planPolicy.discoveredPlans && planPolicy.discoveredPlans.length > 0 && (\n <>\n <Typography\n variant=\"caption\"\n display=\"block\"\n gutterBottom\n color=\"textSecondary\"\n style={{ marginTop: 8 }}\n >\n Available PlanPolicy Tiers:\n </Typography>\n <Box display=\"flex\" flexWrap=\"wrap\" mt={1} style={{ gap: 8 }}>\n {planPolicy.discoveredPlans.map((plan: any, idx: number) => {\n const limitText = formatPlanLimits(plan.limits) || 'No limit';\n return (\n <Chip\n key={idx}\n label={`${plan.tier}: ${limitText}`}\n size=\"small\"\n variant=\"outlined\"\n color=\"primary\"\n />\n );\n })}\n </Box>\n </>\n )}\n </Box>\n ) : (\n <Chip\n label=\"NotFound\"\n size=\"small\"\n style={{\n backgroundColor: \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n )}\n </Grid>\n ) : (\n <Grid item xs={12} md={6}>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n RateLimitPolicy\n </Typography>\n {rateLimitPolicy?.statusCondition ? (\n <Box>\n <Chip\n label={rateLimitPolicy.statusCondition.reason}\n size=\"small\"\n style={{\n backgroundColor: rateLimitPolicy.statusCondition.status === \"True\" ? \"#4caf50\" : \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n {rateLimitPolicy.statusCondition.status === \"True\" && (\n <Grid container spacing={2}>\n <Grid item xs={12} md={6}>\n <Box>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Resource Name\n </Typography>\n <Typography variant=\"body2\">\n {rateLimitPolicy.namespacedName?.name || \"No RateLimit Policy name available\"}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={12} md={6}>\n <Box>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Resource Namespace\n </Typography>\n <Typography variant=\"body2\">\n {rateLimitPolicy.namespacedName?.namespace || \"No RateLimit Policy namespace available\"}\n </Typography>\n </Box>\n </Grid>\n </Grid>\n )}\n </Box>\n ) : (\n <Chip\n label=\"NotFound\"\n size=\"small\"\n style={{\n backgroundColor: \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n )}\n </Grid>\n )}\n <Grid item xs={12} md={6}>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Auth Policy\n </Typography>\n {authPolicy?.statusCondition ? (\n <Box>\n <Chip\n label={authPolicy.statusCondition.reason}\n size=\"small\"\n style={{\n backgroundColor: authPolicy.statusCondition.status === \"True\" ? \"#4caf50\" : \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n {authPolicy.statusCondition.status === \"True\" && (\n <Grid container spacing={2}>\n <Grid item xs={12} md={6}>\n <Box>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Resource Name\n </Typography>\n <Typography variant=\"body2\">\n {authPolicy.namespacedName?.name || \"No Auth Policy name available\"}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={12} md={6}>\n <Box>\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n Resource Namespace\n </Typography>\n <Typography variant=\"body2\">\n {authPolicy.namespacedName?.namespace || \"No Auth Policy namespace available\"}\n </Typography>\n </Box>\n </Grid>\n </Grid>\n )}\n </Box>\n ) : (\n <Chip\n label=\"NotFound\"\n size=\"small\"\n style={{\n backgroundColor: \"#ff9800\",\n color: \"#fff\",\n marginBottom: 8,\n }}\n />\n )}\n </Grid>\n </Grid>\n </Box>\n );\n}\n"],"names":[],"mappings":";;;;AAoCO,MAAM,qBAAwD,CAAC;AAAA,EACpE,UAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAmB,GAAA;AACrB,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,mBAAmB,CAAI,GAAA,CAAA;AAAA,MAC3B,CAAG,EAAA,CAAA;AAAA,MACH,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA,KAAA;AAAA,wCAEjC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,KAEpB,UAAY,EAAA,eAAA,IAAmB,UAAW,CAAA,eAAA,CAAgB,WAAW,MAAW,IAAA,CAAC,eAAiB,EAAA,eAAA,uCAClG,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAA,kBACpB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAAQ,EAAA,KAAA,EAAM,eAAgB,EAAA,YAAA,EAAY,QAAC,aAE/D,CAAA,EACC,UAAY,EAAA,eAAA,uCACV,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,WAAW,eAAgB,CAAA,MAAA;AAAA,QAClC,IAAK,EAAA,OAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,eAAiB,EAAA,UAAA,CAAW,eAAgB,CAAA,MAAA,KAAW,SAAS,SAAY,GAAA,SAAA;AAAA,UAC5E,KAAO,EAAA,MAAA;AAAA,UACP,YAAc,EAAA;AAAA;AAChB;AAAA,OAED,UAAW,CAAA,eAAA,IAAmB,WAAW,eAAgB,CAAA,MAAA,GAAS,qBAE/D,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,SAAA;AAAA,QACR,OAAQ,EAAA,OAAA;AAAA,QACR,YAAY,EAAA,IAAA;AAAA,QACZ,KAAM,EAAA,eAAA;AAAA,QACN,KAAA,EAAO,EAAE,SAAA,EAAW,CAAE;AAAA,OAAA;AAAA,MACvB;AAAA,uBAGA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAQ,MAAO,EAAA,QAAA,EAAS,QAAO,EAAI,EAAA,CAAA,EAAG,OAAO,EAAE,GAAA,EAAK,GACtD,EAAA,EAAA,UAAA,CAAW,gBAAgB,GAAI,CAAA,CAAC,MAAW,GAAgB,KAAA;AAC1D,MAAA,MAAM,SAAY,GAAA,gBAAA,CAAiB,IAAK,CAAA,MAAM,CAAK,IAAA,UAAA;AACnD,MACE,uBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA,GAAA;AAAA,UACL,KAAO,EAAA,CAAA,EAAG,IAAK,CAAA,IAAI,KAAK,SAAS,CAAA,CAAA;AAAA,UACjC,IAAK,EAAA,OAAA;AAAA,UACL,OAAQ,EAAA,UAAA;AAAA,UACR,KAAM,EAAA;AAAA;AAAA,OACR;AAAA,KAEH,CACH,CACF,CAEJ,CAEA,mBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,UAAA;AAAA,QACN,IAAK,EAAA,OAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,eAAiB,EAAA,SAAA;AAAA,UACjB,KAAO,EAAA,MAAA;AAAA,UACP,YAAc,EAAA;AAAA;AAChB;AAAA,KAGN,oBAEC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,CACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,KAAM,EAAA,eAAA,EAAgB,YAAY,EAAA,IAAA,EAAA,EAAC,iBAE/D,CACC,EAAA,eAAA,EAAiB,eAChB,mBAAA,KAAA,CAAA,aAAA,CAAC,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,gBAAgB,eAAgB,CAAA,MAAA;AAAA,QACvC,IAAK,EAAA,OAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,eAAiB,EAAA,eAAA,CAAgB,eAAgB,CAAA,MAAA,KAAW,SAAS,SAAY,GAAA,SAAA;AAAA,UACjF,KAAO,EAAA,MAAA;AAAA,UACP,YAAc,EAAA;AAAA;AAChB;AAAA,KAED,EAAA,eAAA,CAAgB,eAAgB,CAAA,MAAA,KAAW,0BACzC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAA,sCACpB,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAQ,KAAM,EAAA,eAAA,EAAgB,YAAY,EAAA,IAAA,EAAA,EAAC,eAE/D,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WACjB,eAAgB,CAAA,cAAA,EAAgB,IAAQ,IAAA,oCAC3C,CACF,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,KAAM,EAAA,eAAA,EAAgB,cAAY,IAAC,EAAA,EAAA,oBAE/D,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAA,EACjB,eAAgB,CAAA,cAAA,EAAgB,aAAa,yCAChD,CACF,CACF,CACF,CAEJ,CAEA,mBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,UAAA;AAAA,QACN,IAAK,EAAA,OAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,eAAiB,EAAA,SAAA;AAAA,UACjB,KAAO,EAAA,MAAA;AAAA,UACP,YAAc,EAAA;AAAA;AAChB;AAAA,KAGN,mBAED,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,CACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,KAAM,EAAA,eAAA,EAAgB,YAAY,EAAA,IAAA,EAAA,EAAC,aAE/D,CACC,EAAA,UAAA,EAAY,eACX,mBAAA,KAAA,CAAA,aAAA,CAAC,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,WAAW,eAAgB,CAAA,MAAA;AAAA,QAClC,IAAK,EAAA,OAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,eAAiB,EAAA,UAAA,CAAW,eAAgB,CAAA,MAAA,KAAW,SAAS,SAAY,GAAA,SAAA;AAAA,UAC5E,KAAO,EAAA,MAAA;AAAA,UACP,YAAc,EAAA;AAAA;AAChB;AAAA,KAED,EAAA,UAAA,CAAW,eAAgB,CAAA,MAAA,KAAW,0BACpC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAA,sCACpB,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAQ,KAAM,EAAA,eAAA,EAAgB,YAAY,EAAA,IAAA,EAAA,EAAC,eAE/D,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WACjB,UAAW,CAAA,cAAA,EAAgB,IAAQ,IAAA,+BACtC,CACF,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,KAAM,EAAA,eAAA,EAAgB,cAAY,IAAC,EAAA,EAAA,oBAE/D,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAA,EACjB,UAAW,CAAA,cAAA,EAAgB,aAAa,oCAC3C,CACF,CACF,CACF,CAEJ,CAEA,mBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,UAAA;AAAA,QACN,IAAK,EAAA,OAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,eAAiB,EAAA,SAAA;AAAA,UACjB,KAAO,EAAA,MAAA;AAAA,UACP,YAAc,EAAA;AAAA;AAChB;AAAA,KAGN,CACF;AAAA,GACF;AAEJ;;;;"}
@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
2
2
  import { Dialog, DialogTitle, DialogContent, Box, Typography, FormControl, InputLabel, Select, MenuItem, TextField, DialogActions, Button, CircularProgress } from '@material-ui/core';
3
3
  import { useApi } from '@backstage/core-plugin-api';
4
4
  import { kuadrantApiRef } from '../../api.esm.js';
5
+ import { formatPlanLimits } from '../../utils/policies.esm.js';
5
6
 
6
7
  const EditAPIKeyDialog = ({
7
8
  open,
@@ -75,7 +76,7 @@ const EditAPIKeyDialog = ({
75
76
  disabled: saving
76
77
  },
77
78
  availablePlans.map((plan) => {
78
- const limitDesc = Object.entries(plan.limits || {}).map(([key, val]) => `${val} per ${key}`).join(", ");
79
+ const limitDesc = formatPlanLimits(plan.limits);
79
80
  return /* @__PURE__ */ React.createElement(MenuItem, { key: plan.tier, value: plan.tier }, plan.tier, " ", limitDesc ? `(${limitDesc})` : "");
80
81
  })
81
82
  )), /* @__PURE__ */ React.createElement(
@@ -1 +1 @@
1
- {"version":3,"file":"EditAPIKeyDialog.esm.js","sources":["../../../src/components/EditAPIKeyDialog/EditAPIKeyDialog.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport {\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n Button,\n TextField,\n Box,\n Typography,\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n CircularProgress,\n} from \"@material-ui/core\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { kuadrantApiRef } from '../../api';\nimport { APIKey } from \"../../types/api-management\";\n\ninterface EditAPIKeyDialogProps {\n open: boolean;\n onClose: () => void;\n onSuccess: () => void;\n request: APIKey;\n availablePlans: Array<{\n tier: string;\n description?: string;\n limits?: any;\n }>;\n}\n\nexport const EditAPIKeyDialog = ({\n open,\n onClose,\n onSuccess,\n request,\n availablePlans,\n}: EditAPIKeyDialogProps) => {\n const kuadrantApi = useApi(kuadrantApiRef);\n\n const [planTier, setPlanTier] = useState(\"\");\n const [useCase, setUseCase] = useState(\"\");\n const [saving, setSaving] = useState(false);\n const [error, setError] = useState(\"\");\n\n useEffect(() => {\n if (open && request) {\n setPlanTier(request.spec.planTier || \"\");\n setUseCase(request.spec.useCase || \"\");\n setError(\"\");\n }\n }, [open, request]);\n\n const handleSave = async () => {\n if (!planTier) {\n setError(\"Please select a tier\");\n return;\n }\n\n setError(\"\");\n setSaving(true);\n\n try {\n const patch = {\n spec: {\n planTier,\n useCase: useCase.trim(),\n },\n };\n\n await kuadrantApi.updateRequest(\n request.metadata.name,\n request.metadata.namespace,\n // @ts-ignore Applying a partial obj\n patch,\n );\n\n onSuccess();\n onClose();\n } catch (err) {\n console.error(\"Error updating API key request:\", err);\n setError(err instanceof Error ? err.message : \"Unknown error occurred\");\n } finally {\n setSaving(false);\n }\n };\n\n const handleClose = () => {\n if (!saving) {\n setError(\"\");\n onClose();\n }\n };\n\n return (\n <Dialog open={open} onClose={handleClose} maxWidth=\"sm\" fullWidth>\n <DialogTitle>Edit API Key</DialogTitle>\n <DialogContent>\n {error && (\n <Box\n mb={2}\n p={2}\n bgcolor=\"error.main\"\n color=\"error.contrastText\"\n borderRadius={1}\n >\n <Typography variant=\"body2\">{error}</Typography>\n </Box>\n )}\n\n <FormControl fullWidth margin=\"normal\">\n <InputLabel>Tier</InputLabel>\n <Select\n value={planTier}\n onChange={(e) => setPlanTier(e.target.value as string)}\n disabled={saving}\n >\n {availablePlans.map((plan) => {\n const limitDesc = Object.entries(plan.limits || {})\n .map(([key, val]) => `${val} per ${key}`)\n .join(\", \");\n return (\n <MenuItem key={plan.tier} value={plan.tier}>\n {plan.tier} {limitDesc ? `(${limitDesc})` : \"\"}\n </MenuItem>\n );\n })}\n </Select>\n </FormControl>\n\n <TextField\n label=\"Use Case\"\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 disabled={saving}\n helperText=\"Explain your intended use of this API for admin review\"\n />\n </DialogContent>\n <DialogActions>\n <Button onClick={handleClose} disabled={saving}>\n Cancel\n </Button>\n <Button\n onClick={handleSave}\n color=\"primary\"\n variant=\"contained\"\n disabled={!planTier || saving}\n startIcon={\n saving ? <CircularProgress size={16} color=\"inherit\" /> : undefined\n }\n >\n {saving ? \"Saving...\" : \"Save Changes\"}\n </Button>\n </DialogActions>\n </Dialog>\n );\n};\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"EditAPIKeyDialog.esm.js","sources":["../../../src/components/EditAPIKeyDialog/EditAPIKeyDialog.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport {\n Dialog,\n DialogTitle,\n DialogContent,\n DialogActions,\n Button,\n TextField,\n Box,\n Typography,\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n CircularProgress,\n} from \"@material-ui/core\";\nimport { useApi } from \"@backstage/core-plugin-api\";\nimport { kuadrantApiRef } from '../../api';\nimport { APIKey } from \"../../types/api-management\";\nimport { formatPlanLimits } from '../../utils/policies';\n\ninterface EditAPIKeyDialogProps {\n open: boolean;\n onClose: () => void;\n onSuccess: () => void;\n request: APIKey;\n availablePlans: Array<{\n tier: string;\n description?: string;\n limits?: any;\n }>;\n}\n\nexport const EditAPIKeyDialog = ({\n open,\n onClose,\n onSuccess,\n request,\n availablePlans,\n}: EditAPIKeyDialogProps) => {\n const kuadrantApi = useApi(kuadrantApiRef);\n\n const [planTier, setPlanTier] = useState(\"\");\n const [useCase, setUseCase] = useState(\"\");\n const [saving, setSaving] = useState(false);\n const [error, setError] = useState(\"\");\n\n useEffect(() => {\n if (open && request) {\n setPlanTier(request.spec.planTier || \"\");\n setUseCase(request.spec.useCase || \"\");\n setError(\"\");\n }\n }, [open, request]);\n\n const handleSave = async () => {\n if (!planTier) {\n setError(\"Please select a tier\");\n return;\n }\n\n setError(\"\");\n setSaving(true);\n\n try {\n const patch = {\n spec: {\n planTier,\n useCase: useCase.trim(),\n },\n };\n\n await kuadrantApi.updateRequest(\n request.metadata.name,\n request.metadata.namespace,\n // @ts-ignore Applying a partial obj\n patch,\n );\n\n onSuccess();\n onClose();\n } catch (err) {\n console.error(\"Error updating API key request:\", err);\n setError(err instanceof Error ? err.message : \"Unknown error occurred\");\n } finally {\n setSaving(false);\n }\n };\n\n const handleClose = () => {\n if (!saving) {\n setError(\"\");\n onClose();\n }\n };\n\n return (\n <Dialog open={open} onClose={handleClose} maxWidth=\"sm\" fullWidth>\n <DialogTitle>Edit API Key</DialogTitle>\n <DialogContent>\n {error && (\n <Box\n mb={2}\n p={2}\n bgcolor=\"error.main\"\n color=\"error.contrastText\"\n borderRadius={1}\n >\n <Typography variant=\"body2\">{error}</Typography>\n </Box>\n )}\n\n <FormControl fullWidth margin=\"normal\">\n <InputLabel>Tier</InputLabel>\n <Select\n value={planTier}\n onChange={(e) => setPlanTier(e.target.value as string)}\n disabled={saving}\n >\n {availablePlans.map((plan) => {\n const limitDesc = formatPlanLimits(plan.limits);\n return (\n <MenuItem key={plan.tier} value={plan.tier}>\n {plan.tier} {limitDesc ? `(${limitDesc})` : \"\"}\n </MenuItem>\n );\n })}\n </Select>\n </FormControl>\n\n <TextField\n label=\"Use Case\"\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 disabled={saving}\n helperText=\"Explain your intended use of this API for admin review\"\n />\n </DialogContent>\n <DialogActions>\n <Button onClick={handleClose} disabled={saving}>\n Cancel\n </Button>\n <Button\n onClick={handleSave}\n color=\"primary\"\n variant=\"contained\"\n disabled={!planTier || saving}\n startIcon={\n saving ? <CircularProgress size={16} color=\"inherit\" /> : undefined\n }\n >\n {saving ? \"Saving...\" : \"Save Changes\"}\n </Button>\n </DialogActions>\n </Dialog>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -3,6 +3,7 @@ import { Dialog, DialogTitle, DialogContent, Box, Typography, FormControl, Input
3
3
  import InfoIcon from '@material-ui/icons/Info';
4
4
  import { useApi, alertApiRef } from '@backstage/core-plugin-api';
5
5
  import { kuadrantApiRef } from '../../api.esm.js';
6
+ import { formatPlanLimits } from '../../utils/policies.esm.js';
6
7
 
7
8
  const RequestAccessDialog = ({
8
9
  open,
@@ -120,7 +121,7 @@ const RequestAccessDialog = ({
120
121
  disabled: creating
121
122
  },
122
123
  plans.map((plan) => {
123
- const limitDesc = Object.entries(plan.limits || {}).map(([key, val]) => `${val} per ${key}`).join(", ");
124
+ const limitDesc = formatPlanLimits(plan.limits);
124
125
  return /* @__PURE__ */ React.createElement(
125
126
  MenuItem,
126
127
  {
@@ -1 +1 @@
1
- {"version":3,"file":"RequestAccessDialog.esm.js","sources":["../../../src/components/RequestAccessDialog/RequestAccessDialog.tsx"],"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 alertApiRef,\n} from '@backstage/core-plugin-api';\nimport { kuadrantApiRef } from '../../api';\nimport { Plan } from \"../../types/api-management.ts\";\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 kuadrantApi = useApi(kuadrantApiRef);\n const alertApi = useApi(alertApiRef);\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\n try {\n // 1. generate secret name and API key value\n const randomSuffix = Math.random().toString(36).substring(2, 10);\n const secretName = `${apiProductName}-${randomSuffix}-secret`\n .toLowerCase()\n .replace(/[^a-z0-9-]/g, '-');\n const apiKeyValue = crypto.randomUUID().replace(/-/g, '');\n\n // 2. create secret in consumer's namespace first (design doc: secret before APIKey)\n await kuadrantApi.createSecret(secretName, apiKeyValue);\n\n try {\n // 3. create APIKey referencing the pre-existing secret\n await kuadrantApi.createRequest({\n apiProductName,\n namespace,\n planTier: selectedPlan,\n useCase: useCase.trim() || '',\n userEmail,\n secretName,\n });\n\n alertApi.post({\n message: `Request submitted successfully. Pending API owner approval.`,\n severity: 'info',\n display: 'transient',\n });\n\n setSelectedPlan('');\n setUseCase('');\n onSuccess();\n\n } catch (apiKeyError) {\n // cleanup orphaned secret if APIKey creation fails\n try {\n await kuadrantApi.deleteSecret(secretName);\n } catch (deleteError) {\n console.warn('Failed to cleanup orphaned secret:', deleteError);\n }\n throw apiKeyError;\n }\n\n } catch (error) {\n const errorMessage = error instanceof Error ? error.message : 'unknown error occurred';\n alertApi.post({\n message: `Failed to create request: ${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"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"RequestAccessDialog.esm.js","sources":["../../../src/components/RequestAccessDialog/RequestAccessDialog.tsx"],"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 alertApiRef,\n} from '@backstage/core-plugin-api';\nimport { kuadrantApiRef } from '../../api';\nimport { Plan } from \"../../types/api-management.ts\";\nimport { formatPlanLimits } from '../../utils/policies';\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 kuadrantApi = useApi(kuadrantApiRef);\n const alertApi = useApi(alertApiRef);\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\n try {\n // 1. generate secret name and API key value\n const randomSuffix = Math.random().toString(36).substring(2, 10);\n const secretName = `${apiProductName}-${randomSuffix}-secret`\n .toLowerCase()\n .replace(/[^a-z0-9-]/g, '-');\n const apiKeyValue = crypto.randomUUID().replace(/-/g, '');\n\n // 2. create secret in consumer's namespace first (design doc: secret before APIKey)\n await kuadrantApi.createSecret(secretName, apiKeyValue);\n\n try {\n // 3. create APIKey referencing the pre-existing secret\n await kuadrantApi.createRequest({\n apiProductName,\n namespace,\n planTier: selectedPlan,\n useCase: useCase.trim() || '',\n userEmail,\n secretName,\n });\n\n alertApi.post({\n message: `Request submitted successfully. Pending API owner approval.`,\n severity: 'info',\n display: 'transient',\n });\n\n setSelectedPlan('');\n setUseCase('');\n onSuccess();\n\n } catch (apiKeyError) {\n // cleanup orphaned secret if APIKey creation fails\n try {\n await kuadrantApi.deleteSecret(secretName);\n } catch (deleteError) {\n console.warn('Failed to cleanup orphaned secret:', deleteError);\n }\n throw apiKeyError;\n }\n\n } catch (error) {\n const errorMessage = error instanceof Error ? error.message : 'unknown error occurred';\n alertApi.post({\n message: `Failed to create request: ${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 = formatPlanLimits(plan.limits);\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"],"names":[],"mappings":"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"}
@@ -3,6 +3,7 @@ import { Dialog, DialogTitle, DialogContent, Typography, FormControl, InputLabel
3
3
  import { useApi, configApiRef, fetchApiRef, alertApiRef, identityApiRef } from '@backstage/core-plugin-api';
4
4
  import useAsync from 'react-use/lib/useAsync';
5
5
  import { kuadrantApiRef } from '../../api.esm.js';
6
+ import { formatPlanLimits } from '../../utils/policies.esm.js';
6
7
 
7
8
  const SimpleRequestAccessDialog = ({
8
9
  open,
@@ -180,7 +181,7 @@ const SimpleRequestAccessDialog = ({
180
181
  "data-testid": "tier-select"
181
182
  },
182
183
  !selectedApi ? /* @__PURE__ */ React.createElement(MenuItem, { disabled: true }, "Select an API first") : availableTiers.length === 0 ? /* @__PURE__ */ React.createElement(MenuItem, { disabled: true }, "No tiers available") : availableTiers.map((plan) => {
183
- const limitDesc = Object.entries(plan.limits || {}).map(([key, val]) => `${val} per ${key}`).join(", ");
184
+ const limitDesc = formatPlanLimits(plan.limits);
184
185
  return /* @__PURE__ */ React.createElement(MenuItem, { key: plan.tier, value: plan.tier }, plan.tier, " ", limitDesc ? `(${limitDesc})` : "");
185
186
  })
186
187
  ),
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleRequestAccessDialog.esm.js","sources":["../../../src/components/SimpleRequestAccessDialog/SimpleRequestAccessDialog.tsx"],"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 Typography,\n CircularProgress,\n FormHelperText,\n} from '@material-ui/core';\nimport {\n useApi,\n configApiRef,\n fetchApiRef,\n alertApiRef,\n identityApiRef,\n} from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { kuadrantApiRef } from '../../api';\n\nexport interface SimpleRequestAccessDialogProps {\n open: boolean;\n onClose: () => void;\n onSuccess: () => void;\n}\n\ntype ApiProduct = {\n metadata: {\n name: string;\n namespace: string;\n };\n spec?: {\n publishStatus?: string;\n };\n status?: {\n discoveredPlans?: Array<{\n tier: string;\n limits?: Record<string, number>;\n }>;\n };\n};\n\nexport const SimpleRequestAccessDialog = ({\n open,\n onClose,\n onSuccess,\n}: SimpleRequestAccessDialogProps) => {\n const config = useApi(configApiRef);\n const fetchApi = useApi(fetchApiRef);\n const alertApi = useApi(alertApiRef);\n const identityApi = useApi(identityApiRef);\n const kuadrantApi = useApi(kuadrantApiRef);\n const backendUrl = config.getString('backend.baseUrl');\n\n const [selectedApi, setSelectedApi] = useState('');\n const [selectedTier, setSelectedTier] = useState('');\n const [useCase, setUseCase] = useState('');\n const [creating, setCreating] = useState(false);\n\n // Fetch all published API products\n const {\n value: apiProducts,\n loading: loadingProducts,\n } = useAsync(async () => {\n if (!open) return [];\n const response = await fetchApi.fetch(\n `${backendUrl}/api/kuadrant/apiproducts`,\n );\n if (!response.ok) {\n throw new Error('Failed to fetch API products');\n }\n const data = await response.json();\n // Filter to only show Published products\n return (data.items || []).filter(\n (p: ApiProduct) => p.spec?.publishStatus === 'Published',\n );\n }, [backendUrl, fetchApi, open]);\n\n // Get user email\n const { value: userEmail } = useAsync(async () => {\n const identity = await identityApi.getBackstageIdentity();\n\n // Extract username from userEntityRef (e.g., \"user:default/john\" -> \"john\")\n const username = identity.userEntityRef.split('/')[1] || 'unknown';\n\n // Construct email from username\n return `${username}@example.com`;\n }, [identityApi]);\n\n // Get available tiers for selected API\n const selectedProduct = apiProducts?.find(\n (p: ApiProduct) =>\n `${p.metadata.namespace}/${p.metadata.name}` === selectedApi,\n );\n const availableTiers = selectedProduct?.status?.discoveredPlans || [];\n\n const handleClose = () => {\n setSelectedApi('');\n setSelectedTier('');\n setUseCase('');\n onClose();\n };\n\n const handleSubmit = async () => {\n if (!selectedApi || !selectedTier) return;\n\n const [namespace, apiProductName] = selectedApi.split('/');\n\n setCreating(true);\n try {\n // 1. generate secret name and API key value\n const identity = await identityApi.getBackstageIdentity();\n const username = identity.userEntityRef.split('/')[1] || 'unknown';\n const randomSuffix = Math.random().toString(36).substring(2, 10);\n const secretName = `${username}-${apiProductName}-secret-${randomSuffix}`\n .toLowerCase()\n .replace(/[^a-z0-9-]/g, '-');\n const apiKeyValue = crypto.randomUUID().replace(/-/g, '');\n\n // 2. create secret first (design doc: secret must exist before APIKey)\n await kuadrantApi.createSecret(secretName, apiKeyValue);\n\n // 3. create APIKey referencing the pre-existing secret\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: selectedTier,\n useCase: useCase.trim() || '',\n userEmail: userEmail || 'unknown',\n secretName,\n }),\n },\n );\n\n if (!response.ok) {\n let errorData;\n try {\n errorData = await response.json();\n } catch {\n errorData = { error: `Server returned ${response.status} ${response.statusText}` };\n }\n\n console.error('Backend error response:', {\n status: response.status,\n statusText: response.statusText,\n errorData,\n requestBody: {\n apiProductName,\n namespace,\n planTier: selectedTier,\n useCase: useCase.trim() || '',\n userEmail: userEmail || 'unknown',\n secretName: '(generated)',\n }\n });\n\n // Extract user-friendly error message\n const rawError = errorData.error || errorData.message || `Server returned ${response.status}`;\n\n // Try to extract validation error details from Kubernetes error messages\n // Example: \"failed to create apikeys: APIKey.devportal.kuadrant.io \"name\" is invalid: spec.requestedBy.email: Invalid value: \"admin\": spec.requestedBy.email in body should match '^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$'\"\n let errorMsg = rawError;\n\n if (rawError.includes('spec.requestedBy.email')) {\n errorMsg = 'Invalid email format. Please contact your administrator to update your profile email.';\n } else if (rawError.includes('is invalid:')) {\n // Extract the validation message after \"is invalid:\"\n const match = rawError.match(/is invalid: (.+?)(?:\\s+\\(|$)/);\n if (match) {\n errorMsg = `Validation error: ${match[1]}`;\n }\n } else if (response.status === 403) {\n errorMsg = 'You do not have permission to request access to this API.';\n } else if (response.status === 404) {\n errorMsg = 'The selected API or tier was not found.';\n } else if (response.status >= 500) {\n errorMsg = `Server error: ${rawError}`;\n }\n\n // cleanup orphaned secret since APIKey creation failed\n await kuadrantApi.deleteSecret(secretName)\n .catch(e => console.warn('Failed to cleanup orphaned secret:', e));\n\n throw new Error(errorMsg);\n }\n\n alertApi.post({\n message: 'API key requested successfully',\n severity: 'success',\n display: 'transient',\n });\n\n handleClose();\n onSuccess();\n } catch (err) {\n const errorMessage =\n err instanceof Error ? err.message : 'unknown error occurred';\n console.error('Failed to create API key request:', {\n error: err,\n selectedApi,\n selectedTier,\n userEmail,\n });\n alertApi.post({\n message: `Failed to request API key: ${errorMessage}`,\n severity: 'error',\n display: 'permanent',\n });\n } finally {\n setCreating(false);\n }\n };\n\n return (\n <Dialog open={open} onClose={handleClose} maxWidth=\"sm\" fullWidth>\n <DialogTitle>Request API key</DialogTitle>\n <DialogContent>\n <Typography variant=\"body2\" color=\"textSecondary\">\n Submit your request to generate an API key.\n </Typography>\n\n <FormControl fullWidth margin=\"normal\" disabled={creating || loadingProducts}>\n <InputLabel id=\"api-select-label\" required>\n API\n </InputLabel>\n <Select\n labelId=\"api-select-label\"\n value={selectedApi}\n onChange={e => {\n setSelectedApi(e.target.value as string);\n setSelectedTier(''); // Reset tier when API changes\n }}\n disabled={creating || loadingProducts}\n data-testid=\"api-select\"\n >\n {loadingProducts ? (\n <MenuItem disabled>Loading...</MenuItem>\n ) : (\n apiProducts?.map((product: ApiProduct) => (\n <MenuItem\n key={`${product.metadata.namespace}/${product.metadata.name}`}\n value={`${product.metadata.namespace}/${product.metadata.name}`}\n >\n {product.metadata.name}\n </MenuItem>\n ))\n )}\n </Select>\n <FormHelperText>\n Select one API. Please submit separate requests for multiple APIs.\n </FormHelperText>\n </FormControl>\n\n <FormControl\n fullWidth\n margin=\"normal\"\n disabled={creating || !selectedApi}\n required\n >\n <InputLabel id=\"tier-select-label\">Tiers</InputLabel>\n <Select\n labelId=\"tier-select-label\"\n value={selectedTier}\n onChange={e => setSelectedTier(e.target.value as string)}\n disabled={creating || !selectedApi}\n data-testid=\"tier-select\"\n >\n {!selectedApi ? (\n <MenuItem disabled>Select an API first</MenuItem>\n ) : availableTiers.length === 0 ? (\n <MenuItem disabled>No tiers available</MenuItem>\n ) : (\n availableTiers.map((plan: { tier: string; limits?: Record<string, number> }) => {\n const limitDesc = Object.entries(plan.limits || {})\n .map(([key, val]) => `${val} per ${key}`)\n .join(', ');\n return (\n <MenuItem key={plan.tier} value={plan.tier}>\n {plan.tier} {limitDesc ? `(${limitDesc})` : ''}\n </MenuItem>\n );\n })\n )}\n </Select>\n <FormHelperText>Select an API to view available tiers.</FormHelperText>\n </FormControl>\n\n <TextField\n label=\"Use case\"\n placeholder=\"Briefly describe your specific use case of using this API key\"\n multiline\n rows={2}\n fullWidth\n margin=\"normal\"\n value={useCase}\n onChange={e => setUseCase(e.target.value)}\n disabled={creating}\n inputProps={{ 'data-testid': 'usecase-input' }}\n />\n </DialogContent>\n <DialogActions>\n <Button onClick={handleClose} disabled={creating} data-testid=\"cancel-button\">\n Cancel\n </Button>\n <Button\n onClick={handleSubmit}\n color=\"primary\"\n variant=\"contained\"\n disabled={!selectedApi || !selectedTier || creating}\n startIcon={\n creating ? (\n <CircularProgress size={16} color=\"inherit\" />\n ) : undefined\n }\n data-testid=\"submit-button\"\n >\n {creating ? 'Submitting...' : 'Request'}\n </Button>\n </DialogActions>\n </Dialog>\n );\n};\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SimpleRequestAccessDialog.esm.js","sources":["../../../src/components/SimpleRequestAccessDialog/SimpleRequestAccessDialog.tsx"],"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 Typography,\n CircularProgress,\n FormHelperText,\n} from '@material-ui/core';\nimport {\n useApi,\n configApiRef,\n fetchApiRef,\n alertApiRef,\n identityApiRef,\n} from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { kuadrantApiRef } from '../../api';\nimport { formatPlanLimits } from '../../utils/policies';\n\nexport interface SimpleRequestAccessDialogProps {\n open: boolean;\n onClose: () => void;\n onSuccess: () => void;\n}\n\ntype ApiProduct = {\n metadata: {\n name: string;\n namespace: string;\n };\n spec?: {\n publishStatus?: string;\n };\n status?: {\n discoveredPlans?: Array<{\n tier: string;\n limits?: Record<string, number>;\n }>;\n };\n};\n\nexport const SimpleRequestAccessDialog = ({\n open,\n onClose,\n onSuccess,\n}: SimpleRequestAccessDialogProps) => {\n const config = useApi(configApiRef);\n const fetchApi = useApi(fetchApiRef);\n const alertApi = useApi(alertApiRef);\n const identityApi = useApi(identityApiRef);\n const kuadrantApi = useApi(kuadrantApiRef);\n const backendUrl = config.getString('backend.baseUrl');\n\n const [selectedApi, setSelectedApi] = useState('');\n const [selectedTier, setSelectedTier] = useState('');\n const [useCase, setUseCase] = useState('');\n const [creating, setCreating] = useState(false);\n\n // Fetch all published API products\n const {\n value: apiProducts,\n loading: loadingProducts,\n } = useAsync(async () => {\n if (!open) return [];\n const response = await fetchApi.fetch(\n `${backendUrl}/api/kuadrant/apiproducts`,\n );\n if (!response.ok) {\n throw new Error('Failed to fetch API products');\n }\n const data = await response.json();\n // Filter to only show Published products\n return (data.items || []).filter(\n (p: ApiProduct) => p.spec?.publishStatus === 'Published',\n );\n }, [backendUrl, fetchApi, open]);\n\n // Get user email\n const { value: userEmail } = useAsync(async () => {\n const identity = await identityApi.getBackstageIdentity();\n\n // Extract username from userEntityRef (e.g., \"user:default/john\" -> \"john\")\n const username = identity.userEntityRef.split('/')[1] || 'unknown';\n\n // Construct email from username\n return `${username}@example.com`;\n }, [identityApi]);\n\n // Get available tiers for selected API\n const selectedProduct = apiProducts?.find(\n (p: ApiProduct) =>\n `${p.metadata.namespace}/${p.metadata.name}` === selectedApi,\n );\n const availableTiers = selectedProduct?.status?.discoveredPlans || [];\n\n const handleClose = () => {\n setSelectedApi('');\n setSelectedTier('');\n setUseCase('');\n onClose();\n };\n\n const handleSubmit = async () => {\n if (!selectedApi || !selectedTier) return;\n\n const [namespace, apiProductName] = selectedApi.split('/');\n\n setCreating(true);\n try {\n // 1. generate secret name and API key value\n const identity = await identityApi.getBackstageIdentity();\n const username = identity.userEntityRef.split('/')[1] || 'unknown';\n const randomSuffix = Math.random().toString(36).substring(2, 10);\n const secretName = `${username}-${apiProductName}-secret-${randomSuffix}`\n .toLowerCase()\n .replace(/[^a-z0-9-]/g, '-');\n const apiKeyValue = crypto.randomUUID().replace(/-/g, '');\n\n // 2. create secret first (design doc: secret must exist before APIKey)\n await kuadrantApi.createSecret(secretName, apiKeyValue);\n\n // 3. create APIKey referencing the pre-existing secret\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: selectedTier,\n useCase: useCase.trim() || '',\n userEmail: userEmail || 'unknown',\n secretName,\n }),\n },\n );\n\n if (!response.ok) {\n let errorData;\n try {\n errorData = await response.json();\n } catch {\n errorData = { error: `Server returned ${response.status} ${response.statusText}` };\n }\n\n console.error('Backend error response:', {\n status: response.status,\n statusText: response.statusText,\n errorData,\n requestBody: {\n apiProductName,\n namespace,\n planTier: selectedTier,\n useCase: useCase.trim() || '',\n userEmail: userEmail || 'unknown',\n secretName: '(generated)',\n }\n });\n\n // Extract user-friendly error message\n const rawError = errorData.error || errorData.message || `Server returned ${response.status}`;\n\n // Try to extract validation error details from Kubernetes error messages\n // Example: \"failed to create apikeys: APIKey.devportal.kuadrant.io \"name\" is invalid: spec.requestedBy.email: Invalid value: \"admin\": spec.requestedBy.email in body should match '^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$'\"\n let errorMsg = rawError;\n\n if (rawError.includes('spec.requestedBy.email')) {\n errorMsg = 'Invalid email format. Please contact your administrator to update your profile email.';\n } else if (rawError.includes('is invalid:')) {\n // Extract the validation message after \"is invalid:\"\n const match = rawError.match(/is invalid: (.+?)(?:\\s+\\(|$)/);\n if (match) {\n errorMsg = `Validation error: ${match[1]}`;\n }\n } else if (response.status === 403) {\n errorMsg = 'You do not have permission to request access to this API.';\n } else if (response.status === 404) {\n errorMsg = 'The selected API or tier was not found.';\n } else if (response.status >= 500) {\n errorMsg = `Server error: ${rawError}`;\n }\n\n // cleanup orphaned secret since APIKey creation failed\n await kuadrantApi.deleteSecret(secretName)\n .catch(e => console.warn('Failed to cleanup orphaned secret:', e));\n\n throw new Error(errorMsg);\n }\n\n alertApi.post({\n message: 'API key requested successfully',\n severity: 'success',\n display: 'transient',\n });\n\n handleClose();\n onSuccess();\n } catch (err) {\n const errorMessage =\n err instanceof Error ? err.message : 'unknown error occurred';\n console.error('Failed to create API key request:', {\n error: err,\n selectedApi,\n selectedTier,\n userEmail,\n });\n alertApi.post({\n message: `Failed to request API key: ${errorMessage}`,\n severity: 'error',\n display: 'permanent',\n });\n } finally {\n setCreating(false);\n }\n };\n\n return (\n <Dialog open={open} onClose={handleClose} maxWidth=\"sm\" fullWidth>\n <DialogTitle>Request API key</DialogTitle>\n <DialogContent>\n <Typography variant=\"body2\" color=\"textSecondary\">\n Submit your request to generate an API key.\n </Typography>\n\n <FormControl fullWidth margin=\"normal\" disabled={creating || loadingProducts}>\n <InputLabel id=\"api-select-label\" required>\n API\n </InputLabel>\n <Select\n labelId=\"api-select-label\"\n value={selectedApi}\n onChange={e => {\n setSelectedApi(e.target.value as string);\n setSelectedTier(''); // Reset tier when API changes\n }}\n disabled={creating || loadingProducts}\n data-testid=\"api-select\"\n >\n {loadingProducts ? (\n <MenuItem disabled>Loading...</MenuItem>\n ) : (\n apiProducts?.map((product: ApiProduct) => (\n <MenuItem\n key={`${product.metadata.namespace}/${product.metadata.name}`}\n value={`${product.metadata.namespace}/${product.metadata.name}`}\n >\n {product.metadata.name}\n </MenuItem>\n ))\n )}\n </Select>\n <FormHelperText>\n Select one API. Please submit separate requests for multiple APIs.\n </FormHelperText>\n </FormControl>\n\n <FormControl\n fullWidth\n margin=\"normal\"\n disabled={creating || !selectedApi}\n required\n >\n <InputLabel id=\"tier-select-label\">Tiers</InputLabel>\n <Select\n labelId=\"tier-select-label\"\n value={selectedTier}\n onChange={e => setSelectedTier(e.target.value as string)}\n disabled={creating || !selectedApi}\n data-testid=\"tier-select\"\n >\n {!selectedApi ? (\n <MenuItem disabled>Select an API first</MenuItem>\n ) : availableTiers.length === 0 ? (\n <MenuItem disabled>No tiers available</MenuItem>\n ) : (\n availableTiers.map((plan: { tier: string; limits?: any }) => {\n const limitDesc = formatPlanLimits(plan.limits);\n return (\n <MenuItem key={plan.tier} value={plan.tier}>\n {plan.tier} {limitDesc ? `(${limitDesc})` : ''}\n </MenuItem>\n );\n })\n )}\n </Select>\n <FormHelperText>Select an API to view available tiers.</FormHelperText>\n </FormControl>\n\n <TextField\n label=\"Use case\"\n placeholder=\"Briefly describe your specific use case of using this API key\"\n multiline\n rows={2}\n fullWidth\n margin=\"normal\"\n value={useCase}\n onChange={e => setUseCase(e.target.value)}\n disabled={creating}\n inputProps={{ 'data-testid': 'usecase-input' }}\n />\n </DialogContent>\n <DialogActions>\n <Button onClick={handleClose} disabled={creating} data-testid=\"cancel-button\">\n Cancel\n </Button>\n <Button\n onClick={handleSubmit}\n color=\"primary\"\n variant=\"contained\"\n disabled={!selectedApi || !selectedTier || creating}\n startIcon={\n creating ? (\n <CircularProgress size={16} color=\"inherit\" />\n ) : undefined\n }\n data-testid=\"submit-button\"\n >\n {creating ? 'Submitting...' : 'Request'}\n </Button>\n </DialogActions>\n </Dialog>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -1,3 +1,18 @@
1
+ const getPlanLimitLines = (limits) => {
2
+ if (!limits) return [];
3
+ const parts = [];
4
+ if (limits.daily) parts.push(`${limits.daily} per day`);
5
+ if (limits.weekly) parts.push(`${limits.weekly} per week`);
6
+ if (limits.monthly) parts.push(`${limits.monthly} per month`);
7
+ if (limits.yearly) parts.push(`${limits.yearly} per year`);
8
+ if (limits.custom) {
9
+ for (const item of limits.custom) {
10
+ parts.push(`${item.limit} per ${item.window}`);
11
+ }
12
+ }
13
+ return parts;
14
+ };
15
+ const formatPlanLimits = (limits) => getPlanLimitLines(limits).join(", ");
1
16
  const getPolicyForRoute = (policies, routeNamespace, routeName) => {
2
17
  if (!policies) return null;
3
18
  return policies.find((pp) => {
@@ -7,5 +22,5 @@ const getPolicyForRoute = (policies, routeNamespace, routeName) => {
7
22
  }) || null;
8
23
  };
9
24
 
10
- export { getPolicyForRoute };
25
+ export { formatPlanLimits, getPlanLimitLines, getPolicyForRoute };
11
26
  //# sourceMappingURL=policies.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"policies.esm.js","sources":["../../src/utils/policies.ts"],"sourcesContent":["/**\n * Find a policy that targets a specific APIProduct\n *\n * @param policies - Array of policies with targetRef\n * @param routeNamespace - Namespace of the target HTTPRoute\n * @param routeName - Name of the target HTTPRoute\n * @returns The matching policy or null if not found\n *\n * @remarks\n * The function matches a policy if:\n * - The targetRef.kind is 'HTTPRoute'\n * - The targetRef.name matches the routeName parameter\n * - The targetRef.namespace (or policy's metadata.namespace if not specified) matches the routeNamespace parameter\n */\nexport const getPolicyForRoute = (\n policies: any[] | undefined,\n routeNamespace: string,\n routeName: string,\n) => {\n if (!policies) return null;\n\n return policies.find((pp: any) => {\n const ref = pp.spec.targetRef;\n const targetNamespace = ref?.namespace ?? pp.metadata.namespace;\n\n return (\n ref?.kind === 'HTTPRoute' &&\n ref?.name === routeName &&\n targetNamespace === routeNamespace\n );\n }) || null;\n};\n"],"names":[],"mappings":"AAcO,MAAM,iBAAoB,GAAA,CAC/B,QACA,EAAA,cAAA,EACA,SACG,KAAA;AACH,EAAI,IAAA,CAAC,UAAiB,OAAA,IAAA;AAEtB,EAAO,OAAA,QAAA,CAAS,IAAK,CAAA,CAAC,EAAY,KAAA;AAChC,IAAM,MAAA,GAAA,GAAM,GAAG,IAAK,CAAA,SAAA;AACpB,IAAA,MAAM,eAAkB,GAAA,GAAA,EAAK,SAAa,IAAA,EAAA,CAAG,QAAS,CAAA,SAAA;AAEtD,IAAA,OACE,KAAK,IAAS,KAAA,WAAA,IACd,GAAK,EAAA,IAAA,KAAS,aACd,eAAoB,KAAA,cAAA;AAAA,GAEvB,CAAK,IAAA,IAAA;AACR;;;;"}
1
+ {"version":3,"file":"policies.esm.js","sources":["../../src/utils/policies.ts"],"sourcesContent":["import { PlanLimits } from '../types/api-management';\n\n/**\n * Return PlanLimits as an array of human-readable strings.\n * Handles standard period fields (daily/weekly/monthly/yearly) and\n * custom limits (array of { limit, window }).\n */\nexport const getPlanLimitLines = (limits: PlanLimits | undefined): string[] => {\n if (!limits) return [];\n const parts: string[] = [];\n if (limits.daily) parts.push(`${limits.daily} per day`);\n if (limits.weekly) parts.push(`${limits.weekly} per week`);\n if (limits.monthly) parts.push(`${limits.monthly} per month`);\n if (limits.yearly) parts.push(`${limits.yearly} per year`);\n if (limits.custom) {\n for (const item of limits.custom) {\n parts.push(`${item.limit} per ${item.window}`);\n }\n }\n return parts;\n};\n\n/** Convenience wrapper that joins limit lines with a comma for single-line display. */\nexport const formatPlanLimits = (limits: PlanLimits | undefined): string =>\n getPlanLimitLines(limits).join(', ');\n\n/**\n * Find a policy that targets a specific APIProduct\n *\n * @param policies - Array of policies with targetRef\n * @param routeNamespace - Namespace of the target HTTPRoute\n * @param routeName - Name of the target HTTPRoute\n * @returns The matching policy or null if not found\n *\n * @remarks\n * The function matches a policy if:\n * - The targetRef.kind is 'HTTPRoute'\n * - The targetRef.name matches the routeName parameter\n * - The targetRef.namespace (or policy's metadata.namespace if not specified) matches the routeNamespace parameter\n */\nexport const getPolicyForRoute = (\n policies: any[] | undefined,\n routeNamespace: string,\n routeName: string,\n) => {\n if (!policies) return null;\n\n return policies.find((pp: any) => {\n const ref = pp.spec.targetRef;\n const targetNamespace = ref?.namespace ?? pp.metadata.namespace;\n\n return (\n ref?.kind === 'HTTPRoute' &&\n ref?.name === routeName &&\n targetNamespace === routeNamespace\n );\n }) || null;\n};\n"],"names":[],"mappings":"AAOa,MAAA,iBAAA,GAAoB,CAAC,MAA6C,KAAA;AAC7E,EAAI,IAAA,CAAC,MAAQ,EAAA,OAAO,EAAC;AACrB,EAAA,MAAM,QAAkB,EAAC;AACzB,EAAA,IAAI,OAAO,KAAO,EAAA,KAAA,CAAM,KAAK,CAAG,EAAA,MAAA,CAAO,KAAK,CAAU,QAAA,CAAA,CAAA;AACtD,EAAA,IAAI,OAAO,MAAQ,EAAA,KAAA,CAAM,KAAK,CAAG,EAAA,MAAA,CAAO,MAAM,CAAW,SAAA,CAAA,CAAA;AACzD,EAAA,IAAI,OAAO,OAAS,EAAA,KAAA,CAAM,KAAK,CAAG,EAAA,MAAA,CAAO,OAAO,CAAY,UAAA,CAAA,CAAA;AAC5D,EAAA,IAAI,OAAO,MAAQ,EAAA,KAAA,CAAM,KAAK,CAAG,EAAA,MAAA,CAAO,MAAM,CAAW,SAAA,CAAA,CAAA;AACzD,EAAA,IAAI,OAAO,MAAQ,EAAA;AACjB,IAAW,KAAA,MAAA,IAAA,IAAQ,OAAO,MAAQ,EAAA;AAChC,MAAA,KAAA,CAAM,KAAK,CAAG,EAAA,IAAA,CAAK,KAAK,CAAQ,KAAA,EAAA,IAAA,CAAK,MAAM,CAAE,CAAA,CAAA;AAAA;AAC/C;AAEF,EAAO,OAAA,KAAA;AACT;AAGO,MAAM,mBAAmB,CAAC,MAAA,KAC/B,kBAAkB,MAAM,CAAA,CAAE,KAAK,IAAI;AAgB9B,MAAM,iBAAoB,GAAA,CAC/B,QACA,EAAA,cAAA,EACA,SACG,KAAA;AACH,EAAI,IAAA,CAAC,UAAiB,OAAA,IAAA;AAEtB,EAAO,OAAA,QAAA,CAAS,IAAK,CAAA,CAAC,EAAY,KAAA;AAChC,IAAM,MAAA,GAAA,GAAM,GAAG,IAAK,CAAA,SAAA;AACpB,IAAA,MAAM,eAAkB,GAAA,GAAA,EAAK,SAAa,IAAA,EAAA,CAAG,QAAS,CAAA,SAAA;AAEtD,IAAA,OACE,KAAK,IAAS,KAAA,WAAA,IACd,GAAK,EAAA,IAAA,KAAS,aACd,eAAoB,KAAA,cAAA;AAAA,GAEvB,CAAK,IAAA,IAAA;AACR;;;;"}