@wso2/am-core-ui 0.0.19 → 0.0.20

package/dist/{index-_0Pj_ZtW.js → index-BYy7Iaam.js}

@@ -1,12 +1,12 @@
 import { jsx as t, jsxs as k, Fragment as ge } from "react/jsx-runtime";
 import { c as se } from "react/compiler-runtime";
 import { useState as $, useMemo as Q, useRef as pe, useEffect as oe, lazy as we, Suspense as be } from "react";
-import { Typography as J, Box as b, CardContent as xe, Stack as ve, Card as Ie, Alert as N, Button as q, TextField as le, CircularProgress as re, Skeleton as U } from "@wso2/oxygen-ui";
+import { Typography as H, Box as b, CardContent as xe, Stack as ve, Card as Ie, Alert as N, Button as q, TextField as le, CircularProgress as re, Skeleton as J } from "@wso2/oxygen-ui";
 import { MessageCircle as Te, Send as ce, Rocket as Ae, FlaskConical as Se } from "@wso2/oxygen-ui-icons-react";
-import { i as Z, aH as ke, aI as fe, aJ as me, I as de, H as Ce, c as Ne, P as he, N as Ee } from "./index-B_Z0MwXk.js";
+import { o as Z, aM as ke, aN as fe, aO as me, O as de, M as Ce, c as Ne, P as he, N as Ee } from "./index-ByEInFlf.js";
 import "@tanstack/react-query";
 import { useParams as ee } from "react-router-dom";
-import { E as ue } from "./EnvironmentSelector-B7Bl93s2.js";
+import { E as ue } from "./EnvironmentSelector-D8S6nO9u.js";
 function Ke(n) {
   const e = se(47), {
     role: r,
@@ -42,9 +42,9 @@ function Ke(n) {
     "& .MuiCardContent-root": o
   }, e[7] = P, e[8] = g, e[9] = o, e[10] = f) : f = e[10];
   let c;
-  e[11] !== a?.displayName || e[12] !== r ? (c = r !== "user" && /* @__PURE__ */ t(J, { variant: "caption", children: a?.displayName }), e[11] = a?.displayName, e[12] = r, e[13] = c) : c = e[13];
+  e[11] !== a?.displayName || e[12] !== r ? (c = r !== "user" && /* @__PURE__ */ t(H, { variant: "caption", children: a?.displayName }), e[11] = a?.displayName, e[12] = r, e[13] = c) : c = e[13];
   let u;
-  e[14] !== r ? (u = r === "user" && /* @__PURE__ */ t(J, { variant: "caption", color: "primary.contrastText", children: "You" }), e[14] = r, e[15] = u) : u = e[15];
+  e[14] !== r ? (u = r === "user" && /* @__PURE__ */ t(H, { variant: "caption", color: "primary.contrastText", children: "You" }), e[14] = r, e[15] = u) : u = e[15];
   const D = r === "user" ? "primary.contrastText" : "text.primary";
   let I;
   e[16] !== D ? (I = {
@@ -86,8 +86,8 @@ function Ke(n) {
   e[38] !== K || e[39] !== f ? (A = /* @__PURE__ */ t(Ie, { variant: "outlined", sx: f, children: K }), e[38] = K, e[39] = f, e[40] = A) : A = e[40];
   let S;
   e[41] !== A || e[42] !== B ? (S = /* @__PURE__ */ t(b, { display: "flex", gap: 1.5, maxWidth: 500, flexDirection: B, alignItems: "flex-start", children: A }), e[41] = A, e[42] = B, e[43] = S) : S = e[43];
-  let z;
-  return e[44] !== i || e[45] !== S ? (z = /* @__PURE__ */ t(b, { display: "flex", justifyContent: i, width: "100%", sx: E, children: S }), e[44] = i, e[45] = S, e[46] = z) : z = e[46], z;
+  let O;
+  return e[44] !== i || e[45] !== S ? (O = /* @__PURE__ */ t(b, { display: "flex", justifyContent: i, width: "100%", sx: E, children: S }), e[44] = i, e[45] = S, e[46] = O) : O = e[46], O;
 }
 const Re = 2e3;
 function je() {
@@ -175,22 +175,22 @@ function je() {
           throw m;
         }
       };
-      let O = await X();
-      if (O === null) {
+      let z = await X();
+      if (z === null) {
         P(!0);
         try {
-          await new Promise((m) => setTimeout(m, Re)), O = await X();
+          await new Promise((m) => setTimeout(m, Re)), z = await X();
         } finally {
           P(!1);
         }
       }
-      if (O === null) {
+      if (z === null) {
         v((m) => m.filter((G) => G.id !== h.id)), s(h.content), y?.gatewayConnected !== !1 && p("unauthorized");
         return;
       }
       let W;
-      const ie = O.headers.get("content-type");
-      if (ie && ie.includes("application/json") ? W = await O.json() : W = await O.text(), O.ok) {
+      const ie = z.headers.get("content-type");
+      if (ie && ie.includes("application/json") ? W = await z.json() : W = await z.text(), z.ok) {
         const m = typeof W?.response == "string" ? W.response : JSON.stringify(W?.result, null, 4), G = {
           id: (Date.now() + 1).toString(),
           role: "assistant",
@@ -200,7 +200,7 @@ function je() {
         v((ne) => [...ne, G]);
       } else {
         const m = typeof W == "string" ? W : JSON.stringify(W, null, 2);
-        a(`Request failed with status ${O.status}: ${m}`);
+        a(`Request failed with status ${z.status}: ${m}`);
         const G = {
           id: (Date.now() + 1).toString(),
           role: "assistant",
@@ -218,11 +218,11 @@ function je() {
         content: `Error: ${V}`,
         timestamp: /* @__PURE__ */ new Date()
       };
-      v((O) => [...O, X]);
+      v((z) => [...z, X]);
     } finally {
       E(!1);
     }
-  }, z = (h) => {
+  }, O = (h) => {
     h.key === "Enter" && !h.shiftKey && (h.preventDefault(), S());
   }, F = async () => {
     f(!0);
@@ -231,7 +231,7 @@ function je() {
     } finally {
       f(!1);
     }
-  }, H = /* @__PURE__ */ k(ge, { children: [
+  }, U = /* @__PURE__ */ k(ge, { children: [
     T && y?.gatewayConnected === !1 && /* @__PURE__ */ t(N, { severity: "warning", sx: {
       borderRadius: 1
     }, children: "The gateway is not connected to the control plane right now. The test API key has been stored but will only work once the gateway reconnects." }),
@@ -242,16 +242,16 @@ function je() {
       borderRadius: 1
     }, children: "Test key refreshed. Send your message again." })
   ] }), te = w || i || _ || L || T && !y?.apiKey, ae = te || !r.trim();
-  return w ? /* @__PURE__ */ t(N, { severity: "info", children: /* @__PURE__ */ t(J, { variant: "caption", children: "Testing is unavailable while OAuth is enabled. Test this endpoint out-of-band with a valid token." }) }) : x.length === 0 ? /* @__PURE__ */ t(de, { children: /* @__PURE__ */ k(b, { display: "flex", justifyContent: "center", alignItems: "center", width: "100%", flexDirection: "column", minHeight: "calc(100vh - 550px)", gap: 2, children: [
+  return w ? /* @__PURE__ */ t(N, { severity: "info", children: /* @__PURE__ */ t(H, { variant: "caption", children: "Testing is unavailable while OAuth is enabled. Test this endpoint out-of-band with a valid token." }) }) : x.length === 0 ? /* @__PURE__ */ t(de, { children: /* @__PURE__ */ k(b, { display: "flex", justifyContent: "center", alignItems: "center", width: "100%", flexDirection: "column", minHeight: "calc(100vh - 550px)", gap: 2, children: [
     /* @__PURE__ */ k(b, { display: "flex", flexDirection: "column", gap: 1, alignItems: "center", children: [
       /* @__PURE__ */ t(Te, { size: 40 }),
-      /* @__PURE__ */ t(J, { variant: "h5", children: "Start a conversation" }),
-      /* @__PURE__ */ t(J, { variant: "body2", children: "Send a message to begin chatting with the agent" })
+      /* @__PURE__ */ t(H, { variant: "h5", children: "Start a conversation" }),
+      /* @__PURE__ */ t(H, { variant: "body2", children: "Send a message to begin chatting with the agent" })
     ] }),
     /* @__PURE__ */ k(b, { width: "100%", maxWidth: 600, display: "flex", flexDirection: "column", gap: 1, children: [
-      H,
+      U,
       /* @__PURE__ */ k(b, { width: "100%", display: "flex", justifyContent: "flex-end", alignItems: "center", gap: 1, children: [
-        /* @__PURE__ */ t(le, { fullWidth: !0, value: r, onChange: (h) => s(h.target.value), onKeyDown: z, placeholder: "Type your message...", variant: "outlined", disabled: te }),
+        /* @__PURE__ */ t(le, { fullWidth: !0, value: r, onChange: (h) => s(h.target.value), onKeyDown: O, placeholder: "Type your message...", variant: "outlined", disabled: te }),
         /* @__PURE__ */ t(q, { variant: "contained", color: "primary", onClick: S, disabled: ae, startIcon: i || _ ? /* @__PURE__ */ t(re, { size: 16 }) : /* @__PURE__ */ t(ce, { size: 16 }), children: i ? "Sending" : "Send" })
       ] })
     ] })
@@ -262,13 +262,13 @@ function je() {
       x.map((h) => /* @__PURE__ */ t(Ke, { id: h.id, role: h.role, content: h.content }, h.id)),
       i && /* @__PURE__ */ t(b, { display: "flex", justifyContent: "flex-start", width: "100%", children: /* @__PURE__ */ k(b, { display: "flex", gap: 1, alignItems: "flex-start", children: [
         /* @__PURE__ */ t(re, { size: 16 }),
-        /* @__PURE__ */ t(J, { variant: "body2", color: "text.secondary", sx: {
+        /* @__PURE__ */ t(H, { variant: "body2", color: "text.secondary", sx: {
           fontSize: "0.875rem"
         }, children: B ? "Waiting for the test API key to become active..." : "Loading..." })
       ] }) }),
       /* @__PURE__ */ t("div", { ref: c })
     ] }),
-    H,
+    U,
     C && /* @__PURE__ */ t(N, { severity: "error", onClose: () => a(null), sx: {
       borderRadius: 1
     }, children: C }),
@@ -276,12 +276,12 @@ function je() {
       borderRadius: 1
     }, children: "Failed to obtain a test API key. Send may fail until this is resolved." }),
     /* @__PURE__ */ k(b, { display: "flex", justifyContent: "flex-end", alignItems: "center", gap: 1, py: 2, children: [
-      /* @__PURE__ */ t(le, { fullWidth: !0, value: r, onChange: (h) => s(h.target.value), onKeyDown: z, placeholder: "Type your message...", variant: "outlined", size: "small", disabled: te }),
+      /* @__PURE__ */ t(le, { fullWidth: !0, value: r, onChange: (h) => s(h.target.value), onKeyDown: O, placeholder: "Type your message...", variant: "outlined", size: "small", disabled: te }),
       /* @__PURE__ */ t(q, { variant: "contained", color: "primary", onClick: S, disabled: ae, startIcon: i || _ ? /* @__PURE__ */ t(re, { size: 16 }) : /* @__PURE__ */ t(ce, { size: 16 }), children: i || _ ? "Sending" : "Send" })
     ] })
   ] }) });
 }
-const Pe = we(() => import("./index-BnV-PkwM.js")), De = 2e3, _e = {
+const Pe = we(() => import("./index-Cz7-AZwE.js")), De = 2e3, _e = {
   statePlugins: {
     spec: {
       wrapSelectors: {
@@ -335,22 +335,22 @@ function Le() {
       return d;
     const w = new URL(d.url, window.location.origin), y = new URL(T), L = y.pathname.replace(/\/+$/, ""), M = w.pathname.replace(/^\/+/, ""), K = [L, M].filter(Boolean).join("/");
     return y.pathname = K.startsWith("/") ? K : `/${K}`, y.search = w.search, y.hash = w.hash, d.url = y.toString(), a && o && (d.headers = d.headers ?? {}, d.headers["X-API-Key"] = o), a && !I && (d.userFetch = async (A, S) => {
-      const z = () => new Promise((F) => setTimeout(F, De));
+      const O = () => new Promise((F) => setTimeout(F, De));
       try {
         const F = await fetch(A, S);
         if (F.status !== 401)
           return F;
-        await z();
-        const H = await fetch(A, S);
-        return H.status === 401 && c("unauthorized"), H;
+        await O();
+        const U = await fetch(A, S);
+        return U.status === 401 && c("unauthorized"), U;
       } catch (F) {
         if (!(F instanceof TypeError))
           throw F;
-        await z();
+        await O();
         try {
           return await fetch(A, S);
-        } catch (H) {
-          throw c("unauthorized"), H;
+        } catch (U) {
+          throw c("unauthorized"), U;
         }
       }
     }), d;
@@ -362,14 +362,14 @@ function Le() {
       D(!1);
     }
   };
-  return x || a && B ? /* @__PURE__ */ t(U, { variant: "rounded", height: 500 }) : v ? /* @__PURE__ */ t(N, { severity: "error", children: Ce(v) }) : a && P ? /* @__PURE__ */ k(N, { severity: "error", children: [
+  return x || a && B ? /* @__PURE__ */ t(J, { variant: "rounded", height: 500 }) : v ? /* @__PURE__ */ t(N, { severity: "error", children: Ce(v) }) : a && P ? /* @__PURE__ */ k(N, { severity: "error", children: [
     "Failed to fetch test API key",
     g instanceof Error ? `: ${g.message}` : "",
     "."
-  ] }) : l?.[R]?.schema?.content ? /* @__PURE__ */ k(be, { fallback: /* @__PURE__ */ t(U, { variant: "rounded", height: 500 }), children: [
+  ] }) : l?.[R]?.schema?.content ? /* @__PURE__ */ k(be, { fallback: /* @__PURE__ */ t(J, { variant: "rounded", height: 500 }), children: [
     i && /* @__PURE__ */ t(N, { severity: "info", sx: {
       mb: 2
-    }, children: /* @__PURE__ */ k(J, { variant: "caption", children: [
+    }, children: /* @__PURE__ */ k(H, { variant: "caption", children: [
       "OAuth is enabled — test this endpoint out-of-band with an",
       " ",
       /* @__PURE__ */ t("code", { children: "Authorization: Bearer <token>" }),
@@ -394,13 +394,13 @@ function Le() {
 const Me = () => {
   const n = se(4);
   let e, r, s;
-  n[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ t(U, { variant: "circular", width: 80, height: 80 }), r = /* @__PURE__ */ t(U, { variant: "text", width: 250, height: 32 }), s = /* @__PURE__ */ t(U, { variant: "text", width: 350, height: 20 }), n[0] = e, n[1] = r, n[2] = s) : (e = n[0], r = n[1], s = n[2]);
+  n[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ t(J, { variant: "circular", width: 80, height: 80 }), r = /* @__PURE__ */ t(J, { variant: "text", width: 250, height: 32 }), s = /* @__PURE__ */ t(J, { variant: "text", width: 350, height: 20 }), n[0] = e, n[1] = r, n[2] = s) : (e = n[0], r = n[1], s = n[2]);
   let l;
   return n[3] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ k(b, { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 2, height: "60vh", children: [
     e,
     r,
     s,
-    /* @__PURE__ */ t(U, { variant: "rounded", width: 500, height: 48, sx: {
+    /* @__PURE__ */ t(J, { variant: "rounded", width: 500, height: 48, sx: {
       mt: 2
     } })
   ] }), n[3] = l) : l = n[3], l;
@@ -443,7 +443,7 @@ const Me = () => {
   n[11] !== s || n[12] !== a || n[13] !== g ? (o = g ? /* @__PURE__ */ t(Me, {}) : /* @__PURE__ */ t(ge, { children: a ? /* @__PURE__ */ t(je, {}, s) : /* @__PURE__ */ t(Le, {}, s) }), n[11] = s, n[12] = a, n[13] = g, n[14] = o) : o = n[14];
   let f;
   return n[15] !== g || n[16] !== o ? (f = /* @__PURE__ */ t(he, { title: "Try your agent", disableIcon: !0, isLoading: g, actions: p, children: o }), n[15] = g, n[16] = o, n[17] = f) : f = n[17], f;
-}, Je = {
+}, He = {
   title: "Try It",
   description: "A page component for Try It",
   icon: Se,
@@ -455,5 +455,5 @@ const Me = () => {
 };
 export {
   ye as TestComponent,
-  Je as metaData
+  He as metaData
 };