@wso2/am-core-ui 0.0.18 → 0.0.19

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-DtFI2YMG.js

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