@wso2/am-core-ui 0.0.18 → 0.0.20

package/dist/APIKeysManager-C0phJriD.js

@@ -0,0 +1,241 @@
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import { c as M } from "react/compiler-runtime";
+import { useState as W } from "react";
+import { Alert as Y, Box as K, Typography as j, Button as $, Chip as te, Tooltip as H, IconButton as J, Skeleton as le, Stack as Q, DialogTitle as ie, TextField as q, DialogContent as ne, CircularProgress as se, DialogActions as oe, Dialog as re } from "@wso2/oxygen-ui";
+import { Key as U, Plus as G, Trash2 as ae, Copy as ce } from "@wso2/oxygen-ui-icons-react";
+function be(C) {
+  return C?.enabled !== !1 && C?.apiKey?.enabled === !0;
+}
+function de(C) {
+  const e = M(44), {
+    open: l,
+    onClose: b,
+    isCreating: f,
+    onCreate: h,
+    onCreated: m
+  } = C, g = fe, [r, y] = W(""), [n, a] = W(g);
+  let p;
+  e[0] !== r ? (p = r.trim(), e[0] = r, e[1] = p) : p = e[1];
+  const c = p, s = c.length > 0 && n.length > 0;
+  let d;
+  e[2] !== b ? (d = () => {
+    y(""), a(g()), b();
+  }, e[2] = b, e[3] = d) : d = e[3];
+  const i = d;
+  let o;
+  e[4] !== s || e[5] !== n || e[6] !== i || e[7] !== h || e[8] !== m || e[9] !== c ? (o = async () => {
+    if (!s)
+      return;
+    const [E, X, Z] = n.split("-").map(Number), ee = new Date(E, X - 1, Z, 23, 59, 59, 999).toISOString();
+    try {
+      const V = await h({
+        displayName: c,
+        expiresAt: ee
+      });
+      V && m(V), i();
+    } catch {
+    }
+  }, e[4] = s, e[5] = n, e[6] = i, e[7] = h, e[8] = m, e[9] = c, e[10] = o) : o = e[10];
+  const u = o;
+  let k;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ t(ie, { children: "Create API Key" }), e[11] = k) : k = e[11];
+  let A;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (A = {
+    pt: 1
+  }, e[12] = A) : A = e[12];
+  let S;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (S = (E) => y(E.target.value), e[13] = S) : S = e[13];
+  let x;
+  e[14] !== r ? (x = /* @__PURE__ */ t(q, { label: "Display name", value: r, onChange: S, fullWidth: !0, required: !0, size: "small", placeholder: "production key" }), e[14] = r, e[15] = x) : x = e[15];
+  let I;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (I = (E) => a(E.target.value), e[16] = I) : I = e[16];
+  const v = n.length === 0;
+  let B;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (B = {
+    inputLabel: {
+      shrink: !0
+    }
+  }, e[17] = B) : B = e[17];
+  let D;
+  e[18] !== n || e[19] !== v ? (D = /* @__PURE__ */ t(q, { label: "Expires", type: "date", value: n, onChange: I, fullWidth: !0, required: !0, size: "small", error: v, slotProps: B, helperText: "Key expires at end of the selected day" }), e[18] = n, e[19] = v, e[20] = D) : D = e[20];
+  let w;
+  e[21] !== D || e[22] !== x ? (w = /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ _(Q, { spacing: 2, sx: A, children: [
+    x,
+    D
+  ] }) }), e[21] = D, e[22] = x, e[23] = w) : w = e[23];
+  let P;
+  e[24] !== i || e[25] !== f ? (P = /* @__PURE__ */ t($, { variant: "outlined", onClick: i, disabled: f, children: "Cancel" }), e[24] = i, e[25] = f, e[26] = P) : P = e[26];
+  let z;
+  e[27] !== u ? (z = () => void u(), e[27] = u, e[28] = z) : z = e[28];
+  const F = f || !s;
+  let R;
+  e[29] !== f ? (R = f ? /* @__PURE__ */ t(se, { size: 16 }) : void 0, e[29] = f, e[30] = R) : R = e[30];
+  const L = f ? "Creating..." : "Create";
+  let N;
+  e[31] !== z || e[32] !== F || e[33] !== R || e[34] !== L ? (N = /* @__PURE__ */ t($, { variant: "contained", onClick: z, disabled: F, startIcon: R, children: L }), e[31] = z, e[32] = F, e[33] = R, e[34] = L, e[35] = N) : N = e[35];
+  let T;
+  e[36] !== P || e[37] !== N ? (T = /* @__PURE__ */ _(oe, { children: [
+    P,
+    N
+  ] }), e[36] = P, e[37] = N, e[38] = T) : T = e[38];
+  let O;
+  return e[39] !== i || e[40] !== l || e[41] !== w || e[42] !== T ? (O = /* @__PURE__ */ _(re, { open: l, onClose: i, maxWidth: "sm", fullWidth: !0, children: [
+    k,
+    w,
+    T
+  ] }), e[39] = i, e[40] = l, e[41] = w, e[42] = T, e[43] = O) : O = e[43], O;
+}
+function fe() {
+  const C = /* @__PURE__ */ new Date();
+  return C.setMonth(C.getMonth() + 1), C.toISOString().slice(0, 10);
+}
+function me(C) {
+  const e = M(19), {
+    apiKey: l,
+    onDismiss: b
+  } = C, [f, h] = W(!1);
+  let m;
+  e[0] !== l ? (m = () => {
+    navigator.clipboard.writeText(l).then(() => {
+      h(!0), setTimeout(() => h(!1), 2e3);
+    });
+  }, e[0] = l, e[1] = m) : m = e[1];
+  const g = m;
+  let r;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (r = {
+    mb: 2,
+    "& .MuiAlert-message": {
+      flexGrow: 1
+    }
+  }, e[2] = r) : r = e[2];
+  let y;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ t(j, { variant: "subtitle2", sx: {
+    mb: 0.5
+  }, children: "You will only see this key once. Copy it now." }), e[3] = y) : y = e[3];
+  let n;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (n = {
+    input: {
+      readOnly: !0
+    }
+  }, e[4] = n) : n = e[4];
+  let a;
+  e[5] !== l ? (a = /* @__PURE__ */ t(q, { size: "small", fullWidth: !0, value: l, slotProps: n }), e[5] = l, e[6] = a) : a = e[6];
+  const p = f ? "Copied!" : "Copy";
+  let c;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ t(ce, { size: 16 }), e[7] = c) : c = e[7];
+  let s;
+  e[8] !== g ? (s = /* @__PURE__ */ t(J, { size: "small", onClick: g, "aria-label": "Copy API key", children: c }), e[8] = g, e[9] = s) : s = e[9];
+  let d;
+  e[10] !== p || e[11] !== s ? (d = /* @__PURE__ */ t(H, { title: p, children: s }), e[10] = p, e[11] = s, e[12] = d) : d = e[12];
+  let i;
+  e[13] !== a || e[14] !== d ? (i = /* @__PURE__ */ _(K, { display: "flex", alignItems: "center", gap: 1, children: [
+    a,
+    d
+  ] }), e[13] = a, e[14] = d, e[15] = i) : i = e[15];
+  let o;
+  return e[16] !== b || e[17] !== i ? (o = /* @__PURE__ */ _(Y, { severity: "success", onClose: b, sx: r, children: [
+    y,
+    i
+  ] }), e[16] = b, e[17] = i, e[18] = o) : o = e[18], o;
+}
+function pe(C) {
+  const e = M(26), {
+    apiKey: l,
+    onRevoke: b,
+    isRevoking: f
+  } = C;
+  let h;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    borderBottom: "1px solid",
+    borderColor: "divider"
+  }, e[0] = h) : h = e[0];
+  let m;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t(U, { size: 18 }), e[1] = m) : m = e[1];
+  const g = l.displayName || l.name;
+  let r;
+  e[2] !== g ? (r = /* @__PURE__ */ t(j, { variant: "body2", fontWeight: 500, children: g }), e[2] = g, e[3] = r) : r = e[3];
+  const y = l.expiresAt && ` · Expires ${new Date(l.expiresAt).toLocaleDateString()}`;
+  let n;
+  e[4] !== l.maskedApiKey || e[5] !== y ? (n = /* @__PURE__ */ _(j, { variant: "caption", color: "text.secondary", children: [
+    l.maskedApiKey,
+    y
+  ] }), e[4] = l.maskedApiKey, e[5] = y, e[6] = n) : n = e[6];
+  let a;
+  e[7] !== r || e[8] !== n ? (a = /* @__PURE__ */ _(K, { display: "flex", alignItems: "center", gap: 2, children: [
+    m,
+    /* @__PURE__ */ _(K, { children: [
+      r,
+      n
+    ] })
+  ] }), e[7] = r, e[8] = n, e[9] = a) : a = e[9];
+  const p = l.status === "active" ? "success" : "default";
+  let c;
+  e[10] !== l.status || e[11] !== p ? (c = /* @__PURE__ */ t(te, { label: l.status, size: "small", color: p }), e[10] = l.status, e[11] = p, e[12] = c) : c = e[12];
+  let s;
+  e[13] !== l.name || e[14] !== b ? (s = () => b(l.name), e[13] = l.name, e[14] = b, e[15] = s) : s = e[15];
+  let d;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ t(ae, { size: 16 }), e[16] = d) : d = e[16];
+  let i;
+  e[17] !== f || e[18] !== s ? (i = /* @__PURE__ */ t(H, { title: "Revoke", children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(J, { size: "small", color: "error", onClick: s, disabled: f, "aria-label": "Revoke API key", children: d }) }) }), e[17] = f, e[18] = s, e[19] = i) : i = e[19];
+  let o;
+  e[20] !== i || e[21] !== c ? (o = /* @__PURE__ */ _(K, { display: "flex", alignItems: "center", gap: 1, children: [
+    c,
+    i
+  ] }), e[20] = i, e[21] = c, e[22] = o) : o = e[22];
+  let u;
+  return e[23] !== o || e[24] !== a ? (u = /* @__PURE__ */ _(K, { display: "flex", alignItems: "center", justifyContent: "space-between", px: 2, py: 1.5, sx: h, children: [
+    a,
+    o
+  ] }), e[23] = o, e[24] = a, e[25] = u) : u = e[25], u;
+}
+function xe(C) {
+  const e = M(23), {
+    keys: l,
+    isLoading: b,
+    isError: f,
+    isCreating: h,
+    isRevoking: m,
+    emptyDescription: g,
+    onCreate: r,
+    onRevoke: y
+  } = C, n = f === void 0 ? !1 : f, a = m === void 0 ? !1 : m, [p, c] = W(!1), [s, d] = W(null);
+  if (b) {
+    let v;
+    return e[0] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ t(le, { variant: "rectangular", width: "100%", height: 200 }), e[0] = v) : v = e[0], v;
+  }
+  const i = !!l && l.length > 0;
+  let o;
+  e[1] !== i ? (o = i && /* @__PURE__ */ t(Q, { direction: "row", justifyContent: "flex-end", sx: {
+    mb: 2
+  }, children: /* @__PURE__ */ t($, { variant: "contained", startIcon: /* @__PURE__ */ t(G, { size: 16 }), onClick: () => c(!0), children: "Create" }) }), e[1] = i, e[2] = o) : o = e[2];
+  let u;
+  e[3] !== s ? (u = s && /* @__PURE__ */ t(me, { apiKey: s, onDismiss: () => d(null) }), e[3] = s, e[4] = u) : u = e[4];
+  let k;
+  e[5] !== g || e[6] !== i || e[7] !== n || e[8] !== a || e[9] !== l || e[10] !== y ? (k = n ? /* @__PURE__ */ t(Y, { severity: "error", children: "Failed to load API keys. Please refresh the page." }) : i ? /* @__PURE__ */ t(K, { sx: {
+    border: "1px solid",
+    borderColor: "divider",
+    borderRadius: 1
+  }, children: l.map((v) => /* @__PURE__ */ t(pe, { apiKey: v, onRevoke: y, isRevoking: a }, v.name)) }) : /* @__PURE__ */ _(K, { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", py: 8, gap: 2, children: [
+    /* @__PURE__ */ t(U, { size: 48 }),
+    /* @__PURE__ */ t(j, { variant: "h6", children: "No API keys" }),
+    /* @__PURE__ */ t(j, { variant: "body2", color: "text.secondary", children: g }),
+    /* @__PURE__ */ t($, { variant: "contained", startIcon: /* @__PURE__ */ t(G, { size: 16 }), onClick: () => c(!0), children: "Create API Key" })
+  ] }), e[5] = g, e[6] = i, e[7] = n, e[8] = a, e[9] = l, e[10] = y, e[11] = k) : k = e[11];
+  let A;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (A = () => c(!1), e[12] = A) : A = e[12];
+  let S;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (S = (v) => d(v), e[13] = S) : S = e[13];
+  let x;
+  e[14] !== p || e[15] !== h || e[16] !== r ? (x = /* @__PURE__ */ t(de, { open: p, onClose: A, isCreating: h, onCreate: r, onCreated: S }), e[14] = p, e[15] = h, e[16] = r, e[17] = x) : x = e[17];
+  let I;
+  return e[18] !== o || e[19] !== u || e[20] !== k || e[21] !== x ? (I = /* @__PURE__ */ _(K, { children: [
+    o,
+    u,
+    k,
+    x
+  ] }), e[18] = o, e[19] = u, e[20] = k, e[21] = x, e[22] = I) : I = e[22], I;
+}
+export {
+  xe as A,
+  be as i
+};

package/dist/CatalogKindListing-DvUuZEpc.js

@@ -0,0 +1,137 @@
+import { jsx as t, jsxs as v, Fragment as j } from "react/jsx-runtime";
+import { useState as L, useRef as B, useEffect as H, useCallback as I, useMemo as O } from "react";
+import { Typography as k, Form as E, Tooltip as D, Box as T, Stack as R, SearchBar as W, Skeleton as $, ListingTable as N, TablePagination as z } from "@wso2/oxygen-ui";
+import { CircleIcon as F, Search as G } from "@wso2/oxygen-ui-icons-react";
+import { c as K } from "react/compiler-runtime";
+import { Link as M } from "react-router-dom";
+import { a as U } from "./LabelChips-7rA7_yre.js";
+const V = (g) => {
+  const e = K(33), {
+    item: l,
+    viewPath: d
+  } = g, s = l.description ?? "", i = l.latestVersion ? `Latest: ${l.latestVersion}` : null;
+  let u;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+    textDecoration: "none"
+  }, e[0] = u) : u = e[0];
+  let x;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+    width: "100%",
+    textAlign: "left",
+    textDecoration: "none",
+    height: 160,
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "flex-start"
+  }, e[1] = x) : x = e[1];
+  let y;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (y = {
+    pb: 0.5
+  }, e[2] = y) : y = e[2];
+  let c;
+  e[3] !== l.displayName ? (c = /* @__PURE__ */ t(k, { variant: "h6", textOverflow: "ellipsis", overflow: "hidden", whiteSpace: "nowrap", children: l.displayName }), e[3] = l.displayName, e[4] = c) : c = e[4];
+  let m;
+  e[5] !== l.displayName || e[6] !== c ? (m = /* @__PURE__ */ t(E.CardHeader, { sx: y, title: /* @__PURE__ */ t(D, { title: l.displayName, placement: "top", children: c }) }), e[5] = l.displayName, e[6] = c, e[7] = m) : m = e[7];
+  let r;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (r = {
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+    minHeight: 0,
+    pt: 0
+  }, e[8] = r) : r = e[8];
+  const w = !s;
+  let o;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (o = {
+    display: "-webkit-box",
+    WebkitBoxOrient: "vertical",
+    WebkitLineClamp: 2,
+    overflow: "hidden"
+  }, e[9] = o) : o = e[9];
+  const P = s || "No description provided.";
+  let h;
+  e[10] !== P ? (h = /* @__PURE__ */ t(k, { variant: "caption", color: "text.secondary", sx: o, children: P }), e[10] = P, e[11] = h) : h = e[11];
+  let p;
+  e[12] !== s || e[13] !== h || e[14] !== w ? (p = /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(D, { title: s, placement: "top", disableHoverListener: w, children: h }) }), e[12] = s, e[13] = h, e[14] = w, e[15] = p) : p = e[15];
+  let a;
+  e[16] !== i ? (a = i && /* @__PURE__ */ t(k, { variant: "caption", color: "text.secondary", children: i }), e[16] = i, e[17] = a) : a = e[17];
+  let n;
+  e[18] !== p || e[19] !== a ? (n = /* @__PURE__ */ v(R, { spacing: 0.5, minHeight: 0, children: [
+    p,
+    a
+  ] }), e[18] = p, e[19] = a, e[20] = n) : n = e[20];
+  let C;
+  e[21] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+    mt: "auto",
+    pt: 1
+  }, e[21] = C) : C = e[21];
+  let f;
+  e[22] !== l.labels ? (f = /* @__PURE__ */ t(T, { sx: C, children: /* @__PURE__ */ t(U, { labels: l.labels }) }), e[22] = l.labels, e[23] = f) : f = e[23];
+  let b;
+  e[24] !== n || e[25] !== f ? (b = /* @__PURE__ */ v(E.CardContent, { sx: r, children: [
+    n,
+    f
+  ] }), e[24] = n, e[25] = f, e[26] = b) : b = e[26];
+  let S;
+  e[27] !== b || e[28] !== m ? (S = /* @__PURE__ */ v(E.CardButton, { sx: x, children: [
+    m,
+    b
+  ] }), e[27] = b, e[28] = m, e[29] = S) : S = e[29];
+  let _;
+  return e[30] !== S || e[31] !== d ? (_ = /* @__PURE__ */ t(M, { to: d, style: u, children: S }), e[30] = S, e[31] = d, e[32] = _) : _ = e[32], _;
+}, A = 6, q = [6, 12, 24], J = 300, ne = ({
+  items: g,
+  getViewPath: e,
+  isLoading: l
+}) => {
+  const [d, s] = L(0), [i, u] = L(A), [x, y] = L(""), [c, m] = L(""), r = B(null);
+  H(() => () => {
+    r.current && clearTimeout(r.current);
+  }, []);
+  const w = I((a) => {
+    const n = a.target.value;
+    y(n), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
+      m(n), s(0);
+    }, J);
+  }, []), o = O(() => {
+    const a = c.trim().toLowerCase();
+    return a ? g.filter((n) => n.displayName.toLowerCase().includes(a) || n.name.toLowerCase().includes(a) || (n.description ?? "").toLowerCase().includes(a) || // Labels match as `key:value`, so typing "env:prod" (or a fragment
+    // of it) filters by label.
+    Object.entries(n.labels ?? {}).some(([C, f]) => `${C}:${f}`.toLowerCase().includes(a))) : g;
+  }, [g, c]), P = O(() => o.slice(d * i, d * i + i), [o, d, i]), h = (a, n) => {
+    s(n);
+  }, p = (a) => {
+    u(parseInt(a.target.value, 10)), s(0);
+  };
+  return /* @__PURE__ */ v(R, { spacing: 2, children: [
+    /* @__PURE__ */ t(R, { direction: "row", justifyContent: "flex-end", children: /* @__PURE__ */ t(W, { placeholder: "Search agent kinds", size: "small", value: x, onChange: w }) }),
+    l ? /* @__PURE__ */ t(T, { sx: {
+      display: "grid",
+      gridTemplateColumns: {
+        xs: "repeat(auto-fill, minmax(260px, 1fr))",
+        md: "repeat(auto-fill, minmax(300px, 1fr))"
+      },
+      gap: 2
+    }, children: Array.from({
+      length: 6
+    }).map((a, n) => /* @__PURE__ */ t($, { variant: "rounded", height: 160 }, n)) }) : g.length === 0 ? /* @__PURE__ */ t(N.Container, { sx: {
+      my: 3
+    }, children: /* @__PURE__ */ t(N.EmptyState, { illustration: /* @__PURE__ */ t(F, { size: 64 }), title: "No agent kinds available", description: "No agent kinds have been added to the catalog yet." }) }) : o.length === 0 ? /* @__PURE__ */ t(N.Container, { sx: {
+      my: 3
+    }, children: /* @__PURE__ */ t(N.EmptyState, { illustration: /* @__PURE__ */ t(G, { size: 64 }), title: "No agent kinds match your search", description: "Try a different keyword or clear the search filter." }) }) : /* @__PURE__ */ v(j, { children: [
+      /* @__PURE__ */ t(T, { sx: {
+        display: "grid",
+        gridTemplateColumns: {
+          xs: "repeat(auto-fill, minmax(260px, 1fr))",
+          md: "repeat(auto-fill, minmax(300px, 1fr))"
+        },
+        gap: 2
+      }, children: P.map((a) => /* @__PURE__ */ t(V, { item: a, viewPath: e(a) }, a.name)) }),
+      o.length > A && /* @__PURE__ */ t(z, { component: "div", count: o.length, page: d, rowsPerPage: i, onPageChange: h, onRowsPerPageChange: p, rowsPerPageOptions: q })
+    ] })
+  ] });
+};
+export {
+  ne as C
+};