@wso2/am-core-ui 0.0.19 → 0.0.20

package/dist/{ResourceListShell-Cx6mdeqv.js → ResourceListShell-DFisKftq.js}

@@ -3,7 +3,7 @@ import { useRef as Te, useState as ee, useMemo as V } from "react";
 import { Typography as pe, Stack as d, Form as J, Chip as Ee, IconButton as te, Collapse as be, Skeleton as le, Box as O, ToggleButtonGroup as Ae, ToggleButton as ve, Tooltip as ce, Button as de, TextField as Ce, Alert as Se, Dialog as ze, DialogTitle as Oe, DialogContent as Re, DialogContentText as We, DialogActions as Ie, ListingTable as $, SearchBar as Le } from "@wso2/oxygen-ui";
 import { ChevronUp as De, ChevronDown as Me, HelpCircle as we, Upload as Pe, ChevronsRight as Be, ChevronRight as $e, ChevronLeft as _e, ChevronsLeft as He, FileCode as je, Inbox as Ue, Plus as Fe, AlertTriangle as Ne, Search as Ge } from "@wso2/oxygen-ui-icons-react";
 import { c as me } from "react/compiler-runtime";
-import { S as qe } from "./SwaggerSpecViewer-BvkhoKsi.js";
+import { S as qe } from "./SwaggerSpecViewer-DzjR6U6W.js";
 function Ye(h) {
   const e = me(63), {
     resource: n,

package/dist/{SwaggerSpecViewer-BvkhoKsi.js → SwaggerSpecViewer-DzjR6U6W.js}

@@ -1,7 +1,7 @@
 import { jsx as I } from "react/jsx-runtime";
 import { c as $ } from "react/compiler-runtime";
 import { Suspense as F, lazy as G } from "react";
-const J = G(() => import("./index-BnV-PkwM.js")), K = J;
+const J = G(() => import("./index-Cz7-AZwE.js")), K = J;
 function ae(U) {
   const e = $(39), {
     spec: _,

package/dist/{debounce-BV83M53b.js → debounce-D17ObVdG.js}

@@ -1,4 +1,4 @@
-import { al as h, am as be } from "./index-B_Z0MwXk.js";
+import { aq as h, ar as be } from "./index-ByEInFlf.js";
 var I, U;
 function de() {
   if (U) return I;

package/dist/{format-BEZZRyE2.js → format-wlHhWjGo.js}

@@ -1,4 +1,4 @@
-import { f as o } from "./formatDistanceToNow-TErllcH8.js";
+import { f as o } from "./formatDistanceToNow-DyjnT7l9.js";
 function s(t) {
   if (t !== void 0)
     return t && (t.toLowerCase().startsWith("v") ? t : `v${t}`);

package/dist/{formatDistanceToNow-TErllcH8.js → formatDistanceToNow-DyjnT7l9.js}

@@ -1,9 +1,9 @@
-import { an as u, ao as y, co as S, cp as O, cq as X, cr as I, cs as D, ct as _ } from "./index-B_Z0MwXk.js";
+import { as as u, at as y, cQ as S, cR as O, cS as X, cT as I, cU as D, cV as T } from "./index-ByEInFlf.js";
 function M(n, s) {
   const e = +u(n) - +u(s);
   return e < 0 ? -1 : e > 0 ? 1 : e;
 }
-function T(n) {
+function _(n) {
   return y(n, Date.now());
 }
 function Y(n, s, e) {
@@ -35,7 +35,7 @@ function H(n, s) {
   const e = u(n, s?.in);
   return +F(e, s) == +N(e, s);
 }
-function p(n, s, e) {
+function v(n, s, e) {
   const [o, t, c] = S(
     e?.in,
     n,
@@ -51,12 +51,12 @@ function p(n, s, e) {
   const d = i * (r - +l);
   return d === 0 ? 0 : d;
 }
-function v(n, s, e) {
+function z(n, s, e) {
   const o = b(n, s) / 1e3;
   return w(e?.roundingMethod)(o);
 }
-function z(n, s, e) {
-  const o = _(), t = e?.locale ?? o.locale ?? O, c = 2520, i = M(n, s);
+function A(n, s, e) {
+  const o = T(), t = e?.locale ?? o.locale ?? O, c = 2520, i = M(n, s);
   if (isNaN(i)) throw new RangeError("Invalid time value");
   const r = Object.assign({}, e, {
     addSuffix: e?.addSuffix,
@@ -64,7 +64,7 @@ function z(n, s, e) {
   }), [l, d] = S(
     e?.in,
     ...i > 0 ? [s, n] : [n, s]
-  ), m = v(d, l), x = (X(d) - X(l)) / 1e3, a = Math.round((m - x) / 60);
+  ), m = z(d, l), x = (X(d) - X(l)) / 1e3, a = Math.round((m - x) / 60);
   let h;
   if (a < 2)
     return e?.includeSeconds ? m < 5 ? t.formatDistance("lessThanXSeconds", 5, r) : m < 10 ? t.formatDistance("lessThanXSeconds", 10, r) : m < 20 ? t.formatDistance("lessThanXSeconds", 20, r) : m < 40 ? t.formatDistance("halfAMinute", 0, r) : m < 60 ? t.formatDistance("lessThanXMinutes", 1, r) : t.formatDistance("xMinutes", 1, r) : a === 0 ? t.formatDistance("lessThanXMinutes", 1, r) : t.formatDistance("xMinutes", a, r);
@@ -84,7 +84,7 @@ function z(n, s, e) {
     } else if (a < D * 2)
       return h = Math.round(a / D), t.formatDistance("aboutXMonths", h, r);
   }
-  if (h = p(d, l), h < 12) {
+  if (h = v(d, l), h < 12) {
     const f = Math.round(a / D);
     return t.formatDistance("xMonths", f, r);
   } else {
@@ -92,9 +92,9 @@ function z(n, s, e) {
     return f < 3 ? t.formatDistance("aboutXYears", g, r) : f < 9 ? t.formatDistance("overXYears", g, r) : t.formatDistance("almostXYears", g + 1, r);
   }
 }
-function L(n, s) {
-  return z(n, T(n), s);
+function R(n, s) {
+  return A(n, _(n), s);
 }
 export {
-  L as f
+  R as f
 };

package/dist/{gatewayScripts-D8O45W8u.js → gatewayScripts-D4ZDEDPS.js}

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { c as m } from "react/compiler-runtime";
 import { Chip as f } from "@wso2/oxygen-ui";
-import { q as l } from "./index-B_Z0MwXk.js";
+import { x as l } from "./index-ByEInFlf.js";
 function h(t) {
   const e = m(5), {
     type: r

package/dist/{index-sr-mWz4T.js → index-3K-zqdp-.js}

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as N } from "react/jsx-runtime";
-import { useCallback as R, useMemo as A, useEffect as M, useState as B } from "react";
-import { Alert as O, Box as L, Collapse as D, Button as T, Form as b, TextField as F, Stack as z, CircularProgress as G, Typography as C, Select as H, MenuItem as k } from "@wso2/oxygen-ui";
-import { useParams as $, useNavigate as J, generatePath as V } from "react-router-dom";
-import { ck as K, y as Q, z as U, aV as X, r as Y, A as Z, cu as _, g as I, P as ee } from "./index-B_Z0MwXk.js";
+import { useCallback as V, useMemo as W, useEffect as z, useState as B } from "react";
+import { Alert as $, Box as L, Collapse as H, Button as F, Form as b, TextField as T, Stack as M, CircularProgress as G, Typography as C, Select as D, MenuItem as k } from "@wso2/oxygen-ui";
+import { useParams as O, useNavigate as J, generatePath as R } from "react-router-dom";
+import { cM as K, F as Q, G as U, a$ as X, y as Y, H as Z, cW as _, g as I, P as ee } from "./index-ByEInFlf.js";
 import { o as te, s as w } from "./schemas-DFScWdSL.js";
-import { c as W } from "react/compiler-runtime";
+import { c as A } from "react/compiler-runtime";
 import "@tanstack/react-query";
 import { Link as ne, PackagePlus as ie, FolderPlus as ae } from "@wso2/oxygen-ui-icons-react";
 const re = te({
@@ -13,7 +13,7 @@ const re = te({
   description: w().trim().optional(),
   deploymentPipeline: w().trim().min(1, "Deployment pipeline is required")
 }), oe = (a) => {
-  const e = W(22), {
+  const e = A(22), {
     lastSubmittedValidationErrors: t,
     isPending: d,
     onCancel: c,
@@ -25,16 +25,16 @@ const re = te({
   e[0] !== t ? (y = Object.values(t), e[0] = t, e[1] = y) : y = e[1];
   const u = y, v = u.length > 0;
   let g;
-  e[2] !== u ? (g = /* @__PURE__ */ i(O, { severity: "error", children: u.map(le) }), e[2] = u, e[3] = g) : g = e[3];
+  e[2] !== u ? (g = /* @__PURE__ */ i($, { severity: "error", children: u.map(le) }), e[2] = u, e[3] = g) : g = e[3];
   let h;
-  e[4] !== v || e[5] !== g ? (h = /* @__PURE__ */ i(D, { in: v, timeout: "auto", unmountOnExit: !0, children: g }), e[4] = v, e[5] = g, e[6] = h) : h = e[6];
+  e[4] !== v || e[5] !== g ? (h = /* @__PURE__ */ i(H, { in: v, timeout: "auto", unmountOnExit: !0, children: g }), e[4] = v, e[5] = g, e[6] = h) : h = e[6];
   let n;
-  e[7] !== c ? (n = /* @__PURE__ */ i(T, { variant: "outlined", color: "primary", size: "medium", onClick: c, children: "Cancel" }), e[7] = c, e[8] = n) : n = e[8];
+  e[7] !== c ? (n = /* @__PURE__ */ i(F, { variant: "outlined", color: "primary", size: "medium", onClick: c, children: "Cancel" }), e[7] = c, e[8] = n) : n = e[8];
   let r;
   e[9] !== P ? (r = P ? /* @__PURE__ */ i(ne, { size: 16 }) : /* @__PURE__ */ i(ie, { size: 16 }), e[9] = P, e[10] = r) : r = e[10];
   const m = d || E, f = P ? "Register" : "Create";
   let j;
-  e[11] !== s || e[12] !== r || e[13] !== m || e[14] !== f ? (j = /* @__PURE__ */ i(T, { variant: "contained", color: "primary", size: "medium", startIcon: r, onClick: s, disabled: m, children: f }), e[11] = s, e[12] = r, e[13] = m, e[14] = f, e[15] = j) : j = e[15];
+  e[11] !== s || e[12] !== r || e[13] !== m || e[14] !== f ? (j = /* @__PURE__ */ i(F, { variant: "contained", color: "primary", size: "medium", startIcon: r, onClick: s, disabled: m, children: f }), e[11] = s, e[12] = r, e[13] = m, e[14] = f, e[15] = j) : j = e[15];
   let x;
   e[16] !== j || e[17] !== n ? (x = /* @__PURE__ */ N(L, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
     n,
@@ -53,7 +53,7 @@ function q(a, e) {
   return a.promotionPaths.length === 0 ? null : [...a.promotionPaths.map((d) => d.sourceEnvironmentRef), a.promotionPaths[a.promotionPaths.length - 1]?.targetEnvironmentRefs[0]?.name].filter(Boolean).map((d) => e.get(d) ?? d).join(" → ");
 }
 function se(a) {
-  const e = W(10), {
+  const e = A(10), {
     pipeline: t,
     envDisplayNameMap: d
   } = a;
@@ -65,13 +65,13 @@ function se(a) {
   let o;
   e[5] !== s ? (o = s && /* @__PURE__ */ i(C, { variant: "caption", color: "text.disabled", children: s }), e[5] = s, e[6] = o) : o = e[6];
   let p;
-  return e[7] !== l || e[8] !== o ? (p = /* @__PURE__ */ N(z, { direction: "row", alignItems: "center", spacing: 1, children: [
+  return e[7] !== l || e[8] !== o ? (p = /* @__PURE__ */ N(M, { direction: "row", alignItems: "center", spacing: 1, children: [
     l,
     o
   ] }), e[7] = l, e[8] = o, e[9] = p) : p = e[9], p;
 }
 function ce(a) {
-  const e = W(10), {
+  const e = A(10), {
     pipeline: t,
     envDisplayNameMap: d
   } = a;
@@ -83,7 +83,7 @@ function ce(a) {
   let o;
   e[5] !== s ? (o = s && /* @__PURE__ */ i(C, { variant: "caption", color: "text.disbaled", children: s }), e[5] = s, e[6] = o) : o = e[6];
   let p;
-  return e[7] !== l || e[8] !== o ? (p = /* @__PURE__ */ N(z, { children: [
+  return e[7] !== l || e[8] !== o ? (p = /* @__PURE__ */ N(M, { children: [
     l,
     o
   ] }), e[7] = l, e[8] = o, e[9] = p) : p = e[9], p;
@@ -98,7 +98,7 @@ const de = ({
 }) => {
   const {
     orgId: l
-  } = $(), o = R((n, r) => {
+  } = O(), o = V((n, r) => {
     const m = {
       ...a,
       [n]: r
@@ -120,11 +120,11 @@ const de = ({
     data: v
   } = U({
     orgName: l
-  }), g = A(() => {
+  }), g = W(() => {
     const n = /* @__PURE__ */ new Map();
     return (v ?? []).forEach((r) => n.set(r.name, r.displayName ?? r.name)), n;
   }, [v]);
-  M(() => {
+  z(() => {
     if (!a.deploymentPipeline && u.length > 0) {
       const n = u[0].name;
       e((r) => {
@@ -136,7 +136,7 @@ const de = ({
       });
     }
   }, [u, a.deploymentPipeline, e, s]);
-  const h = A(
+  const h = W(
     () => X.debounce((n) => {
       if (n.length < 3) {
         o("name", "");
@@ -163,9 +163,9 @@ const de = ({
     // 500ms delay
     [p, e, s]
   );
-  return M(() => () => {
+  return z(() => () => {
     h.cancel();
-  }, [h]), M(() => {
+  }, [h]), z(() => {
     a.displayName && a.displayName.length >= 3 ? h(a.displayName) : (h.cancel(), e((n) => ({
       ...n,
       name: ""
@@ -173,16 +173,16 @@ const de = ({
   }, [a.displayName, e, h]), /* @__PURE__ */ i(b.Stack, { spacing: 3, children: /* @__PURE__ */ N(b.Section, { children: [
     /* @__PURE__ */ i(b.Subheader, { children: "Project Details" }),
     /* @__PURE__ */ N(b.Stack, { spacing: 2, children: [
-      /* @__PURE__ */ i(b.ElementWrapper, { label: "Name", name: "displayName", children: /* @__PURE__ */ i(F, { id: "displayName", value: a.displayName, onChange: (n) => o("displayName", n.target.value), placeholder: "e.g., Customer Support Platform", error: !!t.displayName, helperText: E ? /* @__PURE__ */ N(z, { direction: "row", alignItems: "center", gap: 1, children: [
+      /* @__PURE__ */ i(b.ElementWrapper, { label: "Name", name: "displayName", children: /* @__PURE__ */ i(T, { id: "displayName", value: a.displayName, onChange: (n) => o("displayName", n.target.value), placeholder: "e.g., Customer Support Platform", error: !!t.displayName, helperText: E ? /* @__PURE__ */ N(M, { direction: "row", alignItems: "center", gap: 1, children: [
         /* @__PURE__ */ i(G, { size: 12 }),
         /* @__PURE__ */ i(C, { variant: "caption", children: "Validating name..." })
       ] }) : t.displayName, fullWidth: !0 }) }),
-      /* @__PURE__ */ i(b.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ i(F, { id: "description", value: a.description, onChange: (n) => o("description", n.target.value), placeholder: "Short description of this project", multiline: !0, minRows: 2, maxRows: 6, error: !!t.description, helperText: t.description, fullWidth: !0 }) }),
-      /* @__PURE__ */ i(b.ElementWrapper, { label: "Deployment Pipeline", name: "deploymentPipeline", children: /* @__PURE__ */ N(H, { id: "deploymentPipeline", value: a.deploymentPipeline, onChange: (n) => o("deploymentPipeline", n.target.value), error: !!t.deploymentPipeline, disabled: y, displayEmpty: !0, renderValue: (n) => {
+      /* @__PURE__ */ i(b.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ i(T, { id: "description", value: a.description, onChange: (n) => o("description", n.target.value), placeholder: "Short description of this project", multiline: !0, minRows: 2, maxRows: 6, error: !!t.description, helperText: t.description, fullWidth: !0 }) }),
+      /* @__PURE__ */ i(b.ElementWrapper, { label: "Deployment Pipeline", name: "deploymentPipeline", children: /* @__PURE__ */ N(D, { id: "deploymentPipeline", value: a.deploymentPipeline, onChange: (n) => o("deploymentPipeline", n.target.value), error: !!t.deploymentPipeline, disabled: y, displayEmpty: !0, renderValue: (n) => {
         const r = u.find((m) => m.name === n);
         return r ? /* @__PURE__ */ i(se, { pipeline: r, envDisplayNameMap: g }) : n;
       }, fullWidth: !0, children: [
-        y && /* @__PURE__ */ i(k, { value: "", disabled: !0, children: /* @__PURE__ */ N(z, { direction: "row", alignItems: "center", gap: 1, children: [
+        y && /* @__PURE__ */ i(k, { value: "", disabled: !0, children: /* @__PURE__ */ N(M, { direction: "row", alignItems: "center", gap: 1, children: [
           /* @__PURE__ */ i(G, { size: 12 }),
           /* @__PURE__ */ i(C, { variant: "caption", children: "Loading pipelines..." })
         ] }) }),
@@ -194,7 +194,7 @@ const de = ({
 }, pe = () => {
   const a = J(), {
     orgId: e
-  } = $(), [t, d] = B({
+  } = O(), [t, d] = B({
     name: "",
     displayName: "",
     description: "",
@@ -208,17 +208,17 @@ const de = ({
   } = Y(re), {
     checkDirty: E,
     resetDirty: P
-  } = Z(t), y = A(() => ({
+  } = Z(t), y = W(() => ({
     orgName: e ?? "default"
   }), [e]), {
     mutate: u,
     isPending: v,
     error: g
-  } = _(y), h = R(() => {
-    a(V(I.children.org.path, {
+  } = _(y), h = V(() => {
+    a(R(I.children.org.path, {
       orgId: e ?? ""
     }));
-  }, [a, e]), [n, r] = B({}), m = R(() => {
+  }, [a, e]), [n, r] = B({}), m = V(() => {
     if (l(t))
       r({});
     else {
@@ -232,7 +232,7 @@ const de = ({
       deploymentPipeline: t.deploymentPipeline
     }, {
       onSuccess: () => {
-        P(), o(), a(V(I.children.org.children.projects.path, {
+        P(), o(), a(R(I.children.org.children.projects.path, {
           orgId: y.orgName ?? "",
           projectId: t.name
         }));
@@ -242,11 +242,11 @@ const de = ({
       }
     });
   }, [t, l, u, a, y.orgName, P, o, c]);
-  return /* @__PURE__ */ i(ee, { title: "Create a New Project", description: "Create a new project to organize and manage your agents.", disableIcon: !0, backHref: V(I.children.org.path, {
+  return /* @__PURE__ */ i(ee, { title: "Create a New Project", description: "Create a new project to organize and manage your agents.", disableIcon: !0, backHref: R(I.children.org.path, {
     orgId: e ?? ""
   }), backLabel: "Back to Organization", children: /* @__PURE__ */ N(L, { display: "flex", flexDirection: "column", gap: 2, children: [
     /* @__PURE__ */ i(de, { formData: t, setFormData: d, errors: c, validateField: s, setFieldError: p, checkDirty: E }),
-    !!g && /* @__PURE__ */ i(O, { severity: "error", sx: {
+    !!g && /* @__PURE__ */ i($, { severity: "error", sx: {
       mt: 2
     }, children: g instanceof Error ? g.message : "Failed to create project" }),
     /* @__PURE__ */ i(oe, { lastSubmittedValidationErrors: n, isPending: v, onCancel: h, onSubmit: m, isNameEmpty: !t.name.trim(), mode: "deploy" })