@kong-ui-public/entities-consumer-credentials 2.0.4 → 2.0.5

package/dist/entities-consumer-credentials.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as ae, ref as b, computed as I, watch as ne, renderSlot as z, createCommentVNode as H, unref as v, resolveComponent as U, openBlock as j, createBlock as W, withCtx as o, createVNode as m, createSlots as Ce, withDirectives as Ue, createElementVNode as Z, createElementBlock as J, vShow as Le, renderList as _e, createTextVNode as R, toDisplayString as N, onMounted as Re, onUnmounted as Be, onBeforeMount as qe, Fragment as De, withModifiers as Me } from "vue";
+import { defineComponent as ae, ref as b, computed as N, watch as ne, renderSlot as z, createCommentVNode as J, unref as m, resolveComponent as M, openBlock as j, createBlock as W, withCtx as o, createVNode as g, createSlots as Ce, withDirectives as Ue, createElementVNode as Z, createElementBlock as Y, vShow as Me, renderList as _e, createTextVNode as R, toDisplayString as I, onMounted as Le, onUnmounted as Re, onBeforeMount as De, Fragment as qe, withModifiers as Be } from "vue";
 import { createI18n as Se, i18nTComponent as Te } from "@kong-ui-public/i18n";
-import We from "axios";
+import He from "axios";
 import "@kong/kongponents";
 import "vue-router";
-const ze = {
+const We = {
   title: "Consumer Credentials",
   list: {
     toolbar_actions: {
@@ -144,29 +144,29 @@ const ze = {
     success: "Copied {val} to clipboard",
     success_brief: "Successfully copied to clipboard"
   }
-}, He = {
-  credentials: ze
+}, ze = {
+  credentials: We
 };
 function Je() {
-  const e = Se("en-us", He);
+  const e = Se("en-us", ze);
   return {
     i18n: e,
     i18nT: Te(e)
     // Translation component <i18n-t>
   };
 }
-const Ve = {
+const Ye = {
   useI18n: Je
-}, Ye = {
+}, Ve = {
   list: {
     konnect: "/api/runtime_groups/{controlPlaneId}/consumers/{consumerId}/{plugin}",
     kongManager: "/{workspace}/consumers/{consumerId}/{plugin}"
   }
 };
-var Ae = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(Ae || {}), Y = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(Y || {});
-function se(e = {}) {
+var Ae = /* @__PURE__ */ ((e) => (e.GatewayService = "service", e.Route = "route", e.Consumer = "consumer", e.ConsumerGroup = "consumer group", e.Plugin = "plugin", e.Upstream = "upstream", e.Certificate = "certificate", e.CACertificate = "ca certificate", e.SNI = "SNI", e.Key = "key", e.KeySet = "key set", e.Vault = "vault", e.Application = "application", e.Developer = "developer", e.acls = "ACL Credential", e["basic-auth"] = "Basic Auth Credential", e["key-auth"] = "Key Auth Credential", e["key-auth-enc"] = "Key Auth Encrypted Credential", e.oauth2 = "OAuth 2.0 Credential", e["hmac-auth"] = "HMAC Credential", e.jwt = "JWT Credential", e.Target = "target", e.Policy = "policy", e))(Ae || {}), V = /* @__PURE__ */ ((e) => (e[e.Loading = 0] = "Loading", e[e.Idle = 1] = "Idle", e[e.NoResults = 2] = "NoResults", e[e.Error = 3] = "Error", e))(V || {});
+function oe(e = {}) {
   return {
-    axiosInstance: We.create({
+    axiosInstance: He.create({
       withCredentials: !0,
       timeout: 3e4,
       ...e
@@ -297,7 +297,7 @@ const Qe = {
 }, lt = {
   unexpected: "An unexpected error has occurred",
   dataKeyUndefined: 'The data key "{dataKey}" does not exist in the response.'
-}, ot = {
+}, st = {
   enable: {
     title: "Enable {entityType}",
     message: "Are you sure you want to enable the {entityType} {entityName}?",
@@ -308,7 +308,7 @@ const Qe = {
     message: "Are you sure you want to disable the {entityType} {entityName}?",
     confirmText: "Yes, disable"
   }
-}, st = {
+}, ot = {
   global: Qe,
   deleteModal: et,
   baseForm: tt,
@@ -317,10 +317,10 @@ const Qe = {
   filter: nt,
   debouncedFilter: it,
   errors: lt,
-  toggleModal: ot
+  toggleModal: st
 };
 function ce() {
-  const e = Se("en-us", st);
+  const e = Se("en-us", ot);
   return {
     i18n: e,
     i18nT: Te(e)
@@ -333,8 +333,8 @@ function Ne() {
       return !1;
     const n = /* @__PURE__ */ new Set([...t, ...a]);
     for (const i of n) {
-      const l = t.filter((d) => d === i).length, c = a.filter((d) => d === i).length;
-      if (l !== c)
+      const l = t.filter((p) => p === i).length, u = a.filter((p) => p === i).length;
+      if (l !== u)
         return !1;
     }
     return !0;
@@ -376,81 +376,81 @@ function ct(e, r, t, a = {
   searchKeys: ["id"]
 }) {
   t || (t = "100");
-  const { axiosInstance: n } = se({
+  const { axiosInstance: n } = oe({
     headers: e.requestHeaders
-  }), { i18n: { t: i } } = ce(), { debounce: l } = Ge(), c = l(async (s) => {
-    await p(s);
-  }, 200), d = b(!1), u = b(""), k = b(""), h = b([]), T = b([]), w = b(void 0), P = v(r);
-  let y = `${e.apiBaseUrl}${P}`;
-  e.app === "konnect" ? y = y.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (y = y.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
-  const { isValidUuid: A } = Ne(), F = async () => {
+  }), { i18n: { t: i } } = ce(), { debounce: l } = Ge(), u = l(async (s) => {
+    await B(s);
+  }, 200), p = b(!1), d = b(""), k = b(""), y = b([]), T = b([]), v = b(void 0), P = m(r);
+  let f = `${e.apiBaseUrl}${P}`;
+  e.app === "konnect" ? f = f.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (f = f.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
+  const { isValidUuid: A } = Ne(), U = async () => {
     try {
-      d.value = !0;
-      const { data: s } = await n.get(`${y}?size=${t}`);
-      s != null && s.next || (w.value = a.fetchedItemsKey in s ? s[a.fetchedItemsKey] : []), T.value = a.fetchedItemsKey in s ? s[a.fetchedItemsKey] : [], h.value = T.value;
+      p.value = !0;
+      const { data: s } = await n.get(`${f}?size=${t}`);
+      s != null && s.next || (v.value = a.fetchedItemsKey in s ? s[a.fetchedItemsKey] : []), T.value = a.fetchedItemsKey in s ? s[a.fetchedItemsKey] : [], y.value = T.value;
     } catch {
-      h.value = [], u.value = i("debouncedFilter.errors.fetch");
+      y.value = [], d.value = i("debouncedFilter.errors.fetch");
     } finally {
-      d.value = !1;
+      p.value = !1;
     }
-  }, X = b(""), p = async (s) => {
-    var B, V, Q;
+  }, X = b(""), B = async (s) => {
+    var w, D, Q;
     if (X.value !== s)
-      if (X.value = s || "", w.value === void 0)
+      if (X.value = s || "", v.value === void 0)
         try {
-          if (d.value = !0, u.value = "", k.value = "", e.app === "konnect") {
-            let x = y + "";
+          if (p.value = !0, d.value = "", k.value = "", e.app === "konnect") {
+            let x = f + "";
             s && (x += `/${s}`);
-            const { data: E } = await n.get(`${x}?size=${t}`);
-            a.fetchedItemsKey in E ? h.value = E[a.fetchedItemsKey] : E != null && E.id ? h.value = [E] : h.value = [];
+            const { data: O } = await n.get(`${x}?size=${t}`);
+            a.fetchedItemsKey in O ? y.value = O[a.fetchedItemsKey] : O != null && O.id ? y.value = [O] : y.value = [];
           } else if (s) {
             const x = [];
             A(s) && a.searchKeys.includes("id") ? x.push((async () => {
-              const { data: _ } = await n.get(`${y}/${s}`);
-              return [_[a.fetchedItemsKey] ?? _];
+              const { data: C } = await n.get(`${f}/${s}`);
+              return [C[a.fetchedItemsKey] ?? C];
             })()) : x.push(
-              ...a.searchKeys.filter((_) => _ !== "id").map(async (_) => {
-                const { data: O } = await n.get(`${y}?${_}=${s}`);
-                return O[a.fetchedItemsKey];
+              ...a.searchKeys.filter((C) => C !== "id").map(async (C) => {
+                const { data: E } = await n.get(`${f}?${C}=${s}`);
+                return E[a.fetchedItemsKey];
               })
             );
-            const E = await Promise.all(x), $ = /* @__PURE__ */ new Set();
-            h.value = [], (B = E == null ? void 0 : E.forEach) == null || B.call(E, (_) => {
-              var O;
-              (O = _ == null ? void 0 : _.forEach) == null || O.call(_, (f) => {
-                $.has(f.id) || ($.add(f.id), h.value.push(f));
+            const O = await Promise.all(x), q = /* @__PURE__ */ new Set();
+            y.value = [], (w = O == null ? void 0 : O.forEach) == null || w.call(O, (C) => {
+              var E;
+              (E = C == null ? void 0 : C.forEach) == null || E.call(C, (c) => {
+                q.has(c.id) || (q.add(c.id), y.value.push(c));
               });
             });
           } else
-            h.value = T.value;
+            y.value = T.value;
         } catch (x) {
-          ((V = x == null ? void 0 : x.response) == null ? void 0 : V.status) === 404 ? k.value = i("debouncedFilter.errors.invalid") : (h.value = [], u.value = i("debouncedFilter.errors.fetch"));
+          ((D = x == null ? void 0 : x.response) == null ? void 0 : D.status) === 404 ? k.value = i("debouncedFilter.errors.invalid") : (y.value = [], d.value = i("debouncedFilter.errors.fetch"));
         } finally {
-          d.value = !1;
+          p.value = !1;
         }
       else
-        d.value = !0, k.value = "", s ? (h.value = (Q = w.value) == null ? void 0 : Q.filter((x) => {
-          var E;
-          let $ = !1;
-          for (const _ of a.searchKeys) {
-            const O = typeof x[_] == "string" ? (E = x[_]) == null ? void 0 : E.toLowerCase() : x[_];
-            O != null && O.includes(s.toLowerCase()) && ($ = !0);
+        p.value = !0, k.value = "", s ? (y.value = (Q = v.value) == null ? void 0 : Q.filter((x) => {
+          var O;
+          let q = !1;
+          for (const C of a.searchKeys) {
+            const E = typeof x[C] == "string" ? (O = x[C]) == null ? void 0 : O.toLowerCase() : x[C];
+            E != null && E.includes(s.toLowerCase()) && (q = !0);
           }
-          return $;
-        }), (!h.value || !h.value.length) && (k.value = i("debouncedFilter.errors.invalid"))) : h.value = w.value, d.value = !1;
+          return q;
+        }), (!y.value || !y.value.length) && (k.value = i("debouncedFilter.errors.invalid"))) : y.value = v.value, p.value = !1;
   };
   return {
-    loading: d,
-    error: u,
+    loading: p,
+    error: d,
     validationError: k,
-    results: h,
-    allRecords: w,
-    loadItems: F,
-    debouncedQueryChange: c
+    results: y,
+    allRecords: v,
+    loadItems: U,
+    debouncedQueryChange: u
   };
 }
 function ut(e, r) {
-  const t = v(r), a = I(
+  const t = m(r), a = N(
     () => e.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${t}`) : new URL(t)
   );
   return a.value.search = "", (n) => `${a.value.href}/${n}`;
@@ -495,62 +495,62 @@ function pt(e) {
   }
 }
 function Ie(e, r) {
-  const t = b(v(e)), a = b(v(r)), n = I(
+  const t = b(m(e)), a = b(m(r)), n = N(
     () => !!(t.value.app === "konnect" || t.value.isExactMatch)
-  ), i = I(
+  ), i = N(
     () => a.value.startsWith("/") ? new URL(`${window.location.origin}${a.value}`) : new URL(a.value)
   );
   return (l) => {
-    const { page: c, pageSize: d, offset: u, sortColumnKey: k, sortColumnOrder: h, query: T } = l;
+    const { page: u, pageSize: p, offset: d, sortColumnKey: k, sortColumnOrder: y, query: T } = l;
     try {
-      let w = new URL(i.value.href);
-      return n.value && T ? (w.search = "", w = new URL(`${w.href}/${T}/`)) : (n.value || new URLSearchParams(T).forEach((P, y) => {
-        w.searchParams.append(y, P);
-      }), k && w.searchParams.append("sort_by", k), h === "desc" && w.searchParams.append("sort_desc", "1"), w.searchParams.append("size", String(d))), u && c !== 1 && w.searchParams.append("offset", String(u)), w.href;
-    } catch (w) {
-      return console.error("RouteList(fetcher)", w), a.value;
+      let v = new URL(i.value.href);
+      return n.value && T ? (v.search = "", v = new URL(`${v.href}/${T}/`)) : (n.value || new URLSearchParams(T).forEach((P, f) => {
+        v.searchParams.append(f, P);
+      }), k && v.searchParams.append("sort_by", k), y === "desc" && v.searchParams.append("sort_desc", "1"), v.searchParams.append("size", String(p))), d && u !== 1 && v.searchParams.append("offset", String(d)), v.href;
+    } catch (v) {
+      return console.error("RouteList(fetcher)", v), a.value;
     }
   };
 }
 function ft(e, r, t = "data") {
-  const a = v(r), { axiosInstance: n } = se({
+  const a = m(r), { axiosInstance: n } = oe({
     headers: e.requestHeaders
   }), i = Ie(e, a), l = b({
-    status: Y.Idle
+    status: V.Idle
   });
-  return { fetcher: async (c) => {
+  return { fetcher: async (u) => {
     try {
-      l.value = { status: Y.Loading };
-      const d = i(c), { data: u } = await n.get(d), k = t && t.replace(/[^\w-_]/gi, "");
-      let h;
-      u[k] && Array.isArray(u[k]) ? h = u[k] : h = Object.keys(u).length ? [u] : [];
+      l.value = { status: V.Loading };
+      const p = i(u), { data: d } = await n.get(p), k = t && t.replace(/[^\w-_]/gi, "");
+      let y;
+      d[k] && Array.isArray(d[k]) ? y = d[k] : y = Object.keys(d).length ? [d] : [];
       const T = {
-        data: h,
-        total: h.length,
-        ...u.offset ? {
+        data: y,
+        total: y.length,
+        ...d.offset ? {
           pagination: {
-            offset: u.offset
+            offset: d.offset
           }
         } : null
       };
       return l.value = {
-        status: Y.Idle,
+        status: V.Idle,
         response: T
       }, T;
-    } catch (d) {
-      const u = {
+    } catch (p) {
+      const d = {
         data: [],
         total: 0
       };
-      return c.query && d.response.status === 404 ? (l.value = {
-        status: Y.NoResults,
-        response: u,
-        error: d
-      }, u) : (l.value = {
-        status: Y.Error,
-        response: u,
-        error: d
-      }, u);
+      return u.query && p.response.status === 404 ? (l.value = {
+        status: V.NoResults,
+        response: d,
+        error: p
+      }, d) : (l.value = {
+        status: V.Error,
+        response: d,
+        error: p
+      }, d);
     }
   }, fetcherState: l };
 }
@@ -613,19 +613,19 @@ function wt(e) {
   const i = t[a];
   if (!i)
     return !1;
-  const [l, c] = i;
-  return !(l && ve(n, l, "<") || c && ve(n, c, ">"));
+  const [l, u] = i;
+  return !(l && ve(n, l, "<") || u && ve(n, u, ">"));
 }
 function kt(e) {
   const r = b(0), t = b(0), a = b(!1);
   return ne(e, (n) => {
     n && !a.value && (r.value = n.offsetWidth, t.value = n.scrollWidth, a.value = !0);
   }), {
-    isTruncated: I(() => r.value < t.value)
+    isTruncated: N(() => r.value < t.value)
   };
 }
 const ue = {
-  useAxios: se,
+  useAxios: oe,
   useDebouncedFilter: ct,
   useDeleteUrlBuilder: ut,
   useErrors: dt,
@@ -702,12 +702,12 @@ var G = re, $t = [
   "representName",
   "defaultStyle",
   "styleAliases"
-], Pt = [
+], Ft = [
   "scalar",
   "sequence",
   "mapping"
 ];
-function Ft(e) {
+function Pt(e) {
   var r = {};
   return e !== null && Object.keys(e).forEach(function(t) {
     e[t].forEach(function(a) {
@@ -723,7 +723,7 @@ function Ut(e, r) {
     return !0;
   }, this.construct = r.construct || function(t) {
     return t;
-  }, this.instanceOf = r.instanceOf || null, this.predicate = r.predicate || null, this.represent = r.represent || null, this.representName = r.representName || null, this.defaultStyle = r.defaultStyle || null, this.multi = r.multi || !1, this.styleAliases = Ft(r.styleAliases || null), Pt.indexOf(this.kind) === -1)
+  }, this.instanceOf = r.instanceOf || null, this.predicate = r.predicate || null, this.represent = r.represent || null, this.representName = r.representName || null, this.defaultStyle = r.defaultStyle || null, this.multi = r.multi || !1, this.styleAliases = Pt(r.styleAliases || null), Ft.indexOf(this.kind) === -1)
     throw new G('Unknown kind "' + this.kind + '" is specified for "' + e + '" YAML type.');
 }
 var K = Ut;
@@ -736,7 +736,7 @@ function we(e, r) {
     }), t[n] = a;
   }), t;
 }
-function Lt() {
+function Mt() {
   var e = {
     scalar: {},
     sequence: {},
@@ -756,10 +756,10 @@ function Lt() {
     arguments[r].forEach(a);
   return e;
 }
-function oe(e) {
+function se(e) {
   return this.extend(e);
 }
-oe.prototype.extend = function(e) {
+se.prototype.extend = function(e) {
   var r = [], t = [];
   if (e instanceof K)
     t.push(e);
@@ -780,48 +780,48 @@ oe.prototype.extend = function(e) {
     if (!(n instanceof K))
       throw new G("Specified list of YAML types (or a single Type object) contains a non-Type object.");
   });
-  var a = Object.create(oe.prototype);
-  return a.implicit = (this.implicit || []).concat(r), a.explicit = (this.explicit || []).concat(t), a.compiledImplicit = we(a, "implicit"), a.compiledExplicit = we(a, "explicit"), a.compiledTypeMap = Lt(a.compiledImplicit, a.compiledExplicit), a;
+  var a = Object.create(se.prototype);
+  return a.implicit = (this.implicit || []).concat(r), a.explicit = (this.explicit || []).concat(t), a.compiledImplicit = we(a, "implicit"), a.compiledExplicit = we(a, "explicit"), a.compiledTypeMap = Mt(a.compiledImplicit, a.compiledExplicit), a;
 };
-var Rt = oe, Bt = new K("tag:yaml.org,2002:str", {
+var Lt = se, Rt = new K("tag:yaml.org,2002:str", {
   kind: "scalar",
   construct: function(e) {
     return e !== null ? e : "";
   }
-}), qt = new K("tag:yaml.org,2002:seq", {
+}), Dt = new K("tag:yaml.org,2002:seq", {
   kind: "sequence",
   construct: function(e) {
     return e !== null ? e : [];
   }
-}), Dt = new K("tag:yaml.org,2002:map", {
+}), qt = new K("tag:yaml.org,2002:map", {
   kind: "mapping",
   construct: function(e) {
     return e !== null ? e : {};
   }
-}), Mt = new Rt({
+}), Bt = new Lt({
   explicit: [
-    Bt,
-    qt,
-    Dt
+    Rt,
+    Dt,
+    qt
   ]
 });
-function Wt(e) {
+function Ht(e) {
   if (e === null)
     return !0;
   var r = e.length;
   return r === 1 && e === "~" || r === 4 && (e === "null" || e === "Null" || e === "NULL");
 }
-function zt() {
+function Wt() {
   return null;
 }
-function Ht(e) {
+function zt(e) {
   return e === null;
 }
 var Jt = new K("tag:yaml.org,2002:null", {
   kind: "scalar",
-  resolve: Wt,
-  construct: zt,
-  predicate: Ht,
+  resolve: Ht,
+  construct: Wt,
+  predicate: zt,
   represent: {
     canonical: function() {
       return "~";
@@ -841,13 +841,13 @@ var Jt = new K("tag:yaml.org,2002:null", {
   },
   defaultStyle: "lowercase"
 });
-function Vt(e) {
+function Yt(e) {
   if (e === null)
     return !1;
   var r = e.length;
   return r === 4 && (e === "true" || e === "True" || e === "TRUE") || r === 5 && (e === "false" || e === "False" || e === "FALSE");
 }
-function Yt(e) {
+function Vt(e) {
   return e === "true" || e === "True" || e === "TRUE";
 }
 function Gt(e) {
@@ -855,8 +855,8 @@ function Gt(e) {
 }
 var Zt = new K("tag:yaml.org,2002:bool", {
   kind: "scalar",
-  resolve: Vt,
-  construct: Yt,
+  resolve: Yt,
+  construct: Vt,
   predicate: Gt,
   represent: {
     lowercase: function(e) {
@@ -980,11 +980,11 @@ function lr(e) {
   // Probably should update regexp & check speed
   e[e.length - 1] === "_");
 }
-function or(e) {
+function sr(e) {
   var r, t;
   return r = e.replace(/_/g, "").toLowerCase(), t = r[0] === "-" ? -1 : 1, "+-".indexOf(r[0]) >= 0 && (r = r.slice(1)), r === ".inf" ? t === 1 ? Number.POSITIVE_INFINITY : Number.NEGATIVE_INFINITY : r === ".nan" ? NaN : t * parseFloat(r, 10);
 }
-var sr = /^[-+]?[0-9]+e/;
+var or = /^[-+]?[0-9]+e/;
 function cr(e, r) {
   var t;
   if (isNaN(e))
@@ -1016,7 +1016,7 @@ function cr(e, r) {
     }
   else if (pe.isNegativeZero(e))
     return "-0.0";
-  return t = e.toString(10), sr.test(t) ? t.replace("e", ".e") : t;
+  return t = e.toString(10), or.test(t) ? t.replace("e", ".e") : t;
 }
 function ur(e) {
   return Object.prototype.toString.call(e) === "[object Number]" && (e % 1 !== 0 || pe.isNegativeZero(e));
@@ -1024,11 +1024,11 @@ function ur(e) {
 var dr = new K("tag:yaml.org,2002:float", {
   kind: "scalar",
   resolve: lr,
-  construct: or,
+  construct: sr,
   predicate: ur,
   represent: cr,
   defaultStyle: "lowercase"
-}), pr = Mt.extend({
+}), pr = Bt.extend({
   implicit: [
     Jt,
     Zt,
@@ -1044,17 +1044,17 @@ function yr(e) {
   return e === null ? !1 : Ke.exec(e) !== null || $e.exec(e) !== null;
 }
 function hr(e) {
-  var r, t, a, n, i, l, c, d = 0, u = null, k, h, T;
+  var r, t, a, n, i, l, u, p = 0, d = null, k, y, T;
   if (r = Ke.exec(e), r === null && (r = $e.exec(e)), r === null)
     throw new Error("Date resolve error");
   if (t = +r[1], a = +r[2] - 1, n = +r[3], !r[4])
     return new Date(Date.UTC(t, a, n));
-  if (i = +r[4], l = +r[5], c = +r[6], r[7]) {
-    for (d = r[7].slice(0, 3); d.length < 3; )
-      d += "0";
-    d = +d;
+  if (i = +r[4], l = +r[5], u = +r[6], r[7]) {
+    for (p = r[7].slice(0, 3); p.length < 3; )
+      p += "0";
+    p = +p;
   }
-  return r[9] && (k = +r[10], h = +(r[11] || 0), u = (k * 60 + h) * 6e4, r[9] === "-" && (u = -u)), T = new Date(Date.UTC(t, a, n, i, l, c, d)), u && T.setTime(T.getTime() - u), T;
+  return r[9] && (k = +r[10], y = +(r[11] || 0), d = (k * 60 + y) * 6e4, r[9] === "-" && (d = -d)), T = new Date(Date.UTC(t, a, n, i, l, u, p)), d && T.setTime(T.getTime() - d), T;
 }
 function gr(e) {
   return e.toISOString();
@@ -1087,10 +1087,10 @@ function wr(e) {
   return a % 8 === 0;
 }
 function kr(e) {
-  var r, t, a = e.replace(/[\r\n=]/g, ""), n = a.length, i = fe, l = 0, c = [];
+  var r, t, a = e.replace(/[\r\n=]/g, ""), n = a.length, i = fe, l = 0, u = [];
   for (r = 0; r < n; r++)
-    r % 4 === 0 && r && (c.push(l >> 16 & 255), c.push(l >> 8 & 255), c.push(l & 255)), l = l << 6 | i.indexOf(a.charAt(r));
-  return t = n % 4 * 6, t === 0 ? (c.push(l >> 16 & 255), c.push(l >> 8 & 255), c.push(l & 255)) : t === 18 ? (c.push(l >> 10 & 255), c.push(l >> 2 & 255)) : t === 12 && c.push(l >> 4 & 255), new Uint8Array(c);
+    r % 4 === 0 && r && (u.push(l >> 16 & 255), u.push(l >> 8 & 255), u.push(l & 255)), l = l << 6 | i.indexOf(a.charAt(r));
+  return t = n % 4 * 6, t === 0 ? (u.push(l >> 16 & 255), u.push(l >> 8 & 255), u.push(l & 255)) : t === 18 ? (u.push(l >> 10 & 255), u.push(l >> 2 & 255)) : t === 12 && u.push(l >> 4 & 255), new Uint8Array(u);
 }
 function Cr(e) {
   var r = "", t = 0, a, n, i = e.length, l = fe;
@@ -1111,9 +1111,9 @@ var Sr = new K("tag:yaml.org,2002:binary", {
 function Nr(e) {
   if (e === null)
     return !0;
-  var r = [], t, a, n, i, l, c = e;
-  for (t = 0, a = c.length; t < a; t += 1) {
-    if (n = c[t], l = !1, Ar.call(n) !== "[object Object]")
+  var r = [], t, a, n, i, l, u = e;
+  for (t = 0, a = u.length; t < a; t += 1) {
+    if (n = u[t], l = !1, Ar.call(n) !== "[object Object]")
       return !1;
     for (i in n)
       if (Tr.call(n, i))
@@ -1162,7 +1162,7 @@ var Kr = new K("tag:yaml.org,2002:pairs", {
   resolve: Or,
   construct: jr
 }), $r = Object.prototype.hasOwnProperty;
-function Pr(e) {
+function Fr(e) {
   if (e === null)
     return !0;
   var r, t = e;
@@ -1171,13 +1171,13 @@ function Pr(e) {
       return !1;
   return !0;
 }
-function Fr(e) {
+function Pr(e) {
   return e !== null ? e : {};
 }
 var Ur = new K("tag:yaml.org,2002:set", {
   kind: "mapping",
-  resolve: Pr,
-  construct: Fr
+  resolve: Fr,
+  construct: Pr
 });
 fr.extend({
   implicit: [
@@ -1195,13 +1195,13 @@ function ke(e) {
   return e === 48 ? "\0" : e === 97 ? "\x07" : e === 98 ? "\b" : e === 116 || e === 9 ? "	" : e === 110 ? `
 ` : e === 118 ? "\v" : e === 102 ? "\f" : e === 114 ? "\r" : e === 101 ? "\x1B" : e === 32 ? " " : e === 34 ? '"' : e === 47 ? "/" : e === 92 ? "\\" : e === 78 ? "…" : e === 95 ? " " : e === 76 ? "\u2028" : e === 80 ? "\u2029" : "";
 }
-var Lr = new Array(256), Rr = new Array(256);
+var Mr = new Array(256), Lr = new Array(256);
 for (var te = 0; te < 256; te++)
-  Lr[te] = ke(te) ? 1 : 0, Rr[te] = ke(te);
-const Br = {
+  Mr[te] = ke(te) ? 1 : 0, Lr[te] = ke(te);
+const Rr = {
   key: 0,
   "data-testid": "first-col"
-}, qr = /* @__PURE__ */ ae({
+}, Dr = /* @__PURE__ */ ae({
   __name: "EntityBaseTableCell",
   props: {
     keyName: {
@@ -1214,68 +1214,68 @@ const Br = {
     }
   },
   setup(e) {
-    const r = e, t = I(() => {
-      var y;
-      return ((y = r.rowEl) == null ? void 0 : y.querySelector(`[data-testid="${r.keyName}"]`)) || null;
-    }), a = I(() => {
-      var y;
-      return ((y = t.value) == null ? void 0 : y.querySelector('[data-testid="first-col"]')) || null;
-    }), n = I(() => {
-      var y, A;
-      const F = (y = r.rowEl) == null ? void 0 : y.querySelectorAll("td");
-      return F ? ((A = F[0]) == null ? void 0 : A.getAttribute("data-testid")) === r.keyName : !1;
+    const r = e, t = N(() => {
+      var f;
+      return ((f = r.rowEl) == null ? void 0 : f.querySelector(`[data-testid="${r.keyName}"]`)) || null;
+    }), a = N(() => {
+      var f;
+      return ((f = t.value) == null ? void 0 : f.querySelector('[data-testid="first-col"]')) || null;
+    }), n = N(() => {
+      var f, A;
+      const U = (f = r.rowEl) == null ? void 0 : f.querySelectorAll("td");
+      return U ? ((A = U[0]) == null ? void 0 : A.getAttribute("data-testid")) === r.keyName : !1;
     });
     let i;
     const l = () => {
       i && (i.disconnect(), i = void 0);
-    }, c = () => {
-      var y, A, F;
-      u.value = ((y = a.value) == null ? void 0 : y.getBoundingClientRect().width) || 0, k.value = ((A = t.value) == null ? void 0 : A.clientWidth) || 0, h.value = ((F = d.value) == null ? void 0 : F.innerText) || "";
-    }, d = b({}), u = b(0), k = b(0), h = b(""), T = I(() => [a.value, t.value]), w = ne(
+    }, u = () => {
+      var f, A, U;
+      d.value = ((f = a.value) == null ? void 0 : f.getBoundingClientRect().width) || 0, k.value = ((A = t.value) == null ? void 0 : A.clientWidth) || 0, y.value = ((U = p.value) == null ? void 0 : U.innerText) || "";
+    }, p = b({}), d = b(0), k = b(0), y = b(""), T = N(() => [a.value, t.value]), v = ne(
       T,
-      (y) => {
+      (f) => {
         if (n.value && (l(), "ResizeObserver" in window && window)) {
           i = new ResizeObserver((A) => {
             window.requestAnimationFrame(() => {
-              !Array.isArray(A) || !A.length || c();
+              !Array.isArray(A) || !A.length || u();
             });
           });
-          for (const A of y)
+          for (const A of f)
             A && i.observe(A);
         }
       },
       { immediate: !0, flush: "post", deep: !0 }
-    ), P = I(() => n.value ? u.value > k.value : !1);
-    return Re(() => {
-      c();
-    }), Be(() => {
-      w();
-    }), (y, A) => {
-      const F = U("KTooltip");
-      return j(), J("span", {
+    ), P = N(() => n.value ? d.value > k.value : !1);
+    return Le(() => {
+      u();
+    }), Re(() => {
+      v();
+    }), (f, A) => {
+      const U = M("KTooltip");
+      return j(), Y("span", {
         ref_key: "contentRef",
-        ref: d,
+        ref: p,
         class: "content-wrapper"
       }, [
-        n.value ? (j(), J("span", Br, [
-          m(F, {
-            label: P.value ? h.value : "",
+        n.value ? (j(), Y("span", Rr, [
+          g(U, {
+            label: P.value ? y.value : "",
             "max-width": "300",
             placement: "bottomStart"
           }, {
             default: o(() => [
-              z(y.$slots, "default", {}, void 0, !0)
+              z(f.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["label"])
-        ])) : z(y.$slots, "default", { key: 1 }, void 0, !0)
+        ])) : z(f.$slots, "default", { key: 1 }, void 0, !0)
       ], 512);
     };
   }
-}), Dr = /* @__PURE__ */ de(qr, [["__scopeId", "data-v-e42a20c9"]]), Mr = { class: "toolbar-container" }, Wr = {
+}), qr = /* @__PURE__ */ de(Dr, [["__scopeId", "data-v-e42a20c9"]]), Br = { class: "toolbar-container" }, Hr = {
   key: 0,
   class: "toolbar-button-container"
-}, zr = ["data-testid"], Hr = /* @__PURE__ */ ae({
+}, Wr = ["data-testid"], zr = /* @__PURE__ */ ae({
   __name: "EntityBaseTable",
   props: {
     // table header configuration
@@ -1334,9 +1334,10 @@ const Br = {
     },
     // error message to show in the error state
     // this prop being set (or empty) determines if the KTable is in an error state
+    // please use `TableErrorMessage` since `string` is only for backwards compatibility
     errorMessage: {
-      type: String,
-      default: ""
+      type: [String, Object],
+      default: null
     },
     disablePaginationPageJump: {
       type: Boolean,
@@ -1384,126 +1385,138 @@ const Br = {
   },
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: r }) {
-    const t = e, { i18n: { t: a } } = ue.useI18n(), n = I(() => t.cacheIdentifier || t.preferencesStorageKey), i = (p) => p.hasData || !!t.query, l = I(() => {
-      const p = [];
-      return Object.keys(t.tableHeaders).forEach((s) => {
-        const B = t.tableHeaders[s];
-        p.push({
-          label: B.label ?? s,
-          key: s,
-          sortable: B.sortable ?? !1
+    const t = e, { i18n: { t: a } } = ue.useI18n(), n = N(() => {
+      var s, w;
+      return typeof t.errorMessage == "string" ? {
+        hasError: !!t.errorMessage,
+        title: t.errorMessage,
+        message: void 0
+      } : {
+        hasError: !!t.errorMessage,
+        title: (s = t.errorMessage) == null ? void 0 : s.title,
+        message: (w = t.errorMessage) == null ? void 0 : w.message
+      };
+    }), i = N(() => t.cacheIdentifier || t.preferencesStorageKey), l = (s) => s.hasData || !!t.query, u = N(() => {
+      const s = [];
+      return Object.keys(t.tableHeaders).forEach((w) => {
+        const D = t.tableHeaders[w];
+        s.push({
+          label: D.label ?? w,
+          key: w,
+          sortable: D.sortable ?? !1
         });
-      }), t.enableEntityActions && p.push({
+      }), t.enableEntityActions && s.push({
         key: "actions",
         hideLabel: !0
-      }), p;
-    }), c = (p) => ({
-      "data-rowid": p.id,
-      "data-testid": p.name,
-      ...t.rowAttributes(p)
-    }), d = b({}), u = (p) => {
-      var s;
-      return (s = d.value) == null ? void 0 : s.$el.querySelector(`[data-rowid="${p.id}"]`);
-    }, k = (p) => {
-      const s = {
-        "data-testid": p.headerKey,
-        ...t.cellAttributes(p)
+      }), s;
+    }), p = (s) => ({
+      "data-rowid": s.id,
+      "data-testid": s.name,
+      ...t.rowAttributes(s)
+    }), d = b({}), k = (s) => {
+      var w;
+      return (w = d.value) == null ? void 0 : w.$el.querySelector(`[data-rowid="${s.id}"]`);
+    }, y = (s) => {
+      const w = {
+        "data-testid": s.headerKey,
+        ...t.cellAttributes(s)
       };
-      return p.colIndex === 0 && (s.style = {
+      return s.colIndex === 0 && (w.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
-      }), s;
-    }, h = () => {
-      r("empty-state-cta-clicked"), T();
+      }), w;
     }, T = () => {
+      r("empty-state-cta-clicked"), v();
+    }, v = () => {
       r("clear-search-input");
-    }, w = I(() => t.disableRowClick ? void 0 : (p, s) => {
-      r("click:row", s);
-    }), P = (p) => {
-      r("sort", p);
-    }, { setTablePreferences: y, getTablePreferences: A } = Xe(), F = I(() => {
-      const p = A(t.preferencesStorageKey);
+    }, P = N(() => t.disableRowClick ? void 0 : (s, w) => {
+      r("click:row", w);
+    }), f = (s) => {
+      r("sort", s);
+    }, { setTablePreferences: A, getTablePreferences: U } = Xe(), X = N(() => {
+      const s = U(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
-        ...p
+        ...s
       };
-    }), X = (p) => {
-      t.preferencesStorageKey && y(t.preferencesStorageKey, p);
+    }), B = (s) => {
+      t.preferencesStorageKey && A(t.preferencesStorageKey, s);
     };
-    return (p, s) => {
-      const B = U("KIcon"), V = U("KButton"), Q = U("KDropdown"), x = U("KTable"), E = U("KCard");
-      return j(), W(E, {
+    return (s, w) => {
+      const D = M("KIcon"), Q = M("KButton"), x = M("KDropdown"), O = M("KTable"), q = M("KCard");
+      return j(), W(q, {
         class: "kong-ui-entity-base-table",
         title: e.title
       }, {
         body: o(() => [
-          m(x, {
+          g(O, {
             ref_key: "tableRefs",
             ref: d,
-            "cache-identifier": n.value,
-            "cell-attrs": k,
+            "cache-identifier": i.value,
+            "cell-attrs": y,
             "disable-pagination-page-jump": e.disablePaginationPageJump,
             "disable-sorting": e.disableSorting,
             "empty-state-action-button-icon": e.query ? "" : "plus",
-            "empty-state-action-message": e.query ? v(a)("baseTable.emptyState.noSearchResultsCtaText") : e.emptyStateOptions.ctaText,
+            "empty-state-action-message": e.query ? m(a)("baseTable.emptyState.noSearchResultsCtaText") : e.emptyStateOptions.ctaText,
             "empty-state-action-route": e.query ? "" : e.emptyStateOptions.ctaPath,
             "empty-state-icon": e.query ? "stateNoSearchResults" : "stateGruceo",
             "empty-state-icon-size": "96",
-            "empty-state-message": e.query ? v(a)("baseTable.emptyState.noSearchResultsMessage") : e.emptyStateOptions.message,
-            "empty-state-title": e.query ? v(a)("baseTable.emptyState.noSearchResultsTitle") : e.emptyStateOptions.title,
+            "empty-state-message": e.query ? m(a)("baseTable.emptyState.noSearchResultsMessage") : e.emptyStateOptions.message,
+            "empty-state-title": e.query ? m(a)("baseTable.emptyState.noSearchResultsTitle") : e.emptyStateOptions.title,
             "enable-client-sort": e.enableClientSort,
-            "error-state-title": e.errorMessage,
+            "error-state-message": n.value.message,
+            "error-state-title": n.value.title,
             fetcher: e.fetcher,
             "fetcher-cache-key": String(e.fetcherCacheKey),
-            "has-error": !!e.errorMessage,
-            headers: l.value,
+            "has-error": n.value.hasError,
+            headers: u.value,
             "hide-pagination-when-optional": "",
-            "initial-fetcher-params": F.value,
+            "initial-fetcher-params": X.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
-            "row-attrs": c,
+            "row-attrs": p,
             "search-input": e.query,
-            onKtableEmptyStateCtaClicked: h,
-            "onRow:click": w.value,
-            onSort: s[0] || (s[0] = ($) => P($)),
-            "onUpdate:tablePreferences": X
+            onKtableEmptyStateCtaClicked: T,
+            "onRow:click": P.value,
+            onSort: w[0] || (w[0] = (C) => f(C)),
+            "onUpdate:tablePreferences": B
           }, Ce({
-            toolbar: o(({ state: $ }) => [
-              Ue(Z("div", Mr, [
-                z(p.$slots, "toolbar-filter", {}, void 0, !0),
-                p.$slots["toolbar-button"] ? (j(), J("div", Wr, [
-                  z(p.$slots, "toolbar-button", {}, void 0, !0)
-                ])) : H("", !0)
+            toolbar: o(({ state: C }) => [
+              Ue(Z("div", Br, [
+                z(s.$slots, "toolbar-filter", {}, void 0, !0),
+                s.$slots["toolbar-button"] ? (j(), Y("div", Hr, [
+                  z(s.$slots, "toolbar-button", {}, void 0, !0)
+                ])) : J("", !0)
               ], 512), [
-                [Le, i($)]
+                [Me, l(C)]
               ])
             ]),
-            actions: o(({ row: $, rowKey: _, rowValue: O }) => [
+            actions: o(({ row: C, rowKey: E, rowValue: c }) => [
               Z("div", {
                 class: "actions-container",
-                "data-testid": $.name
+                "data-testid": C.name
               }, [
-                m(Q, {
+                g(x, {
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
                   items: o(() => [
-                    z(p.$slots, "actions", {
-                      row: $,
-                      rowKey: _,
-                      rowValue: O
+                    z(s.$slots, "actions", {
+                      row: C,
+                      rowKey: E,
+                      rowValue: c
                     }, void 0, !0)
                   ]),
                   default: o(() => [
-                    m(V, {
+                    g(Q, {
                       class: "actions-trigger",
                       "data-testid": "overflow-actions-button",
                       size: "small"
                     }, {
                       icon: o(() => [
-                        m(B, {
-                          color: v(Ct),
+                        g(D, {
+                          color: m(Ct),
                           icon: "more",
                           size: "16"
                         }, null, 8, ["color"])
@@ -1513,40 +1526,40 @@ const Br = {
                   ]),
                   _: 2
                 }, 1032, ["width"])
-              ], 8, zr)
+              ], 8, Wr)
             ]),
             _: 2
           }, [
-            _e(e.tableHeaders, ($, _) => ({
-              name: _,
-              fn: o(({ row: O, rowKey: f, rowValue: S }) => [
-                m(Dr, {
-                  "key-name": String(_),
-                  "row-el": u(O)
+            _e(e.tableHeaders, (C, E) => ({
+              name: E,
+              fn: o(({ row: c, rowKey: _, rowValue: $ }) => [
+                g(qr, {
+                  "key-name": String(E),
+                  "row-el": k(c)
                 }, {
                   default: o(() => [
-                    z(p.$slots, _, {
-                      row: O,
-                      rowKey: f,
-                      rowValue: S
+                    z(s.$slots, E, {
+                      row: c,
+                      rowKey: _,
+                      rowValue: $
                     }, () => [
-                      R(N(S), 1)
+                      R(I($), 1)
                     ], !0)
                   ]),
                   _: 2
                 }, 1032, ["key-name", "row-el"])
               ])
             }))
-          ]), 1032, ["cache-identifier", "disable-pagination-page-jump", "disable-sorting", "empty-state-action-button-icon", "empty-state-action-message", "empty-state-action-route", "empty-state-icon", "empty-state-message", "empty-state-title", "enable-client-sort", "error-state-title", "fetcher", "fetcher-cache-key", "has-error", "headers", "initial-fetcher-params", "is-loading", "pagination-type", "search-input", "onRow:click"])
+          ]), 1032, ["cache-identifier", "disable-pagination-page-jump", "disable-sorting", "empty-state-action-button-icon", "empty-state-action-message", "empty-state-action-route", "empty-state-icon", "empty-state-message", "empty-state-title", "enable-client-sort", "error-state-message", "error-state-title", "fetcher", "fetcher-cache-key", "has-error", "headers", "initial-fetcher-params", "is-loading", "pagination-type", "search-input", "onRow:click"])
         ]),
         _: 3
       }, 8, ["title"]);
     };
   }
-}), Jr = /* @__PURE__ */ de(Hr, [["__scopeId", "data-v-86d2d2a3"]]), Vr = {
+}), Jr = /* @__PURE__ */ de(zr, [["__scopeId", "data-v-499a771c"]]), Yr = {
   key: 0,
   class: "kong-ui-entity-delete-error"
-}, Yr = {
+}, Vr = {
   key: 1,
   class: "description"
 }, Gr = /* @__PURE__ */ ae({
@@ -1588,13 +1601,13 @@ const Br = {
   },
   emits: ["cancel", "proceed"],
   setup(e, { emit: r }) {
-    const t = e, { i18nT: a } = ue.useI18n(), n = I(() => t.needConfirm ? t.entityName : ""), i = () => {
+    const t = e, { i18nT: a } = ue.useI18n(), n = N(() => t.needConfirm ? t.entityName : ""), i = () => {
       r("cancel");
     }, l = () => {
       r("proceed");
     };
-    return (c, d) => {
-      const u = U("KAlert"), k = U("KPrompt");
+    return (u, p) => {
+      const d = M("KAlert"), k = M("KPrompt");
       return j(), W(k, {
         "action-button-text": "Yes, delete",
         "action-pending": e.actionPending,
@@ -1607,37 +1620,37 @@ const Br = {
         onProceed: l
       }, {
         "body-content": o(() => [
-          e.error ? (j(), J("div", Vr, [
-            m(u, { appearance: "danger" }, {
+          e.error ? (j(), Y("div", Yr, [
+            g(d, { appearance: "danger" }, {
               alertMessage: o(() => [
-                R(N(e.error), 1)
+                R(I(e.error), 1)
               ]),
               _: 1
             })
-          ])) : H("", !0),
-          m(v(a), {
+          ])) : J("", !0),
+          g(m(a), {
             class: "message",
             keypath: t.entityName ? "deleteModal.messageWithName" : "deleteModal.message",
             tag: "p"
           }, Ce({
             entityType: o(() => [
-              R(N(t.entityType), 1)
+              R(I(t.entityType), 1)
             ]),
             _: 2
           }, [
             t.entityName ? {
               name: "entityName",
               fn: o(() => [
-                Z("strong", null, N(t.entityName), 1)
+                Z("strong", null, I(t.entityName), 1)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["keypath"]),
-          t.description || c.$slots.description ? (j(), J("div", Yr, [
-            z(c.$slots, "description", {}, () => [
-              Z("p", null, N(t.description), 1)
+          t.description || u.$slots.description ? (j(), Y("div", Vr, [
+            z(u.$slots, "description", {}, () => [
+              Z("p", null, I(t.description), 1)
             ], !0)
-          ])) : H("", !0)
+          ])) : J("", !0)
         ]),
         _: 3
       }, 8, ["action-pending", "confirmation-text", "is-visible", "title"]);
@@ -1665,13 +1678,13 @@ const Br = {
     }
   },
   setup(e) {
-    const r = e, t = b(void 0), a = I(() => t.value === !0 || t.value !== void 0 && r.forceShow === !0);
+    const r = e, t = b(void 0), a = N(() => t.value === !0 || t.value !== void 0 && r.forceShow === !0);
     return ne(() => r.authFunction, async () => {
       t.value = await r.authFunction();
     }, { immediate: !0 }), (n, i) => a.value ? z(n.$slots, "default", {
       key: 0,
       isAllowed: t.value
-    }) : H("", !0);
+    }) : J("", !0);
   }
 }), { useAxios: Xr, useDeleteUrlBuilder: Qr, useErrors: ua, useExternalLinkCreator: da, useFetchUrlBuilder: pa, useFetcher: ea, useDebouncedFilter: fa, useStringHelpers: ya, useHelpers: ha, useGatewayFeatureSupported: ga, useTruncationDetector: ma } = ue;
 const ta = { class: "kong-ui-entities-consumer-credentials-list" }, ra = { key: 1 }, aa = /* @__PURE__ */ ae({
@@ -1709,9 +1722,9 @@ const ta = { class: "kong-ui-entities-consumer-credentials-list" }, ra = { key:
   },
   emits: ["error", "copy:success", "copy:error", "delete:success"],
   setup(e, { emit: r }) {
-    const t = e, { i18n: { t: a, formatUnixTimeStamp: n } } = Ve.useI18n(), { axiosInstance: i } = Xr({
+    const t = e, { i18n: { t: a, formatUnixTimeStamp: n } } = Ye.useI18n(), { axiosInstance: i } = Xr({
       headers: t.config.requestHeaders
-    }), l = b(1), c = {
+    }), l = b(1), u = {
       acls: {
         group: { label: a("credentials.list.table_headers.acls.group") },
         created_at: { label: a("credentials.list.table_headers.acls.created_at") },
@@ -1752,99 +1765,102 @@ const ta = { class: "kong-ui-entities-consumer-credentials-list" }, ra = { key:
         created_at: { label: a("credentials.list.table_headers.jwt.created_at") },
         tags: { label: a("credentials.list.table_headers.jwt.tags") }
       }
-    }, d = I(() => c[t.config.plugin]), u = I(() => {
-      let f = `${t.config.apiBaseUrl}${Ye.list[t.config.app]}`;
-      return t.config.app === "konnect" ? f = f.replace(/{controlPlaneId}/gi, t.config.controlPlaneId || "").replace(/{consumerId}/gi, t.config.consumerId || "").replace(/{plugin}/gi, t.config.plugin || "") : t.config.app === "kongManager" && (f = f.replace(/\/{workspace}/gi, t.config.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, t.config.consumerId || "").replace(/{plugin}/gi, t.config.plugin || "")), f;
-    }), { fetcher: k, fetcherState: h } = ea(t.config, u), T = () => {
+    }, p = N(() => u[t.config.plugin]), d = N(() => {
+      let c = `${t.config.apiBaseUrl}${Ve.list[t.config.app]}`;
+      return t.config.app === "konnect" ? c = c.replace(/{controlPlaneId}/gi, t.config.controlPlaneId || "").replace(/{consumerId}/gi, t.config.consumerId || "").replace(/{plugin}/gi, t.config.plugin || "") : t.config.app === "kongManager" && (c = c.replace(/\/{workspace}/gi, t.config.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, t.config.consumerId || "").replace(/{plugin}/gi, t.config.plugin || "")), c;
+    }), { fetcher: k, fetcherState: y } = ea(t.config, d), T = () => {
       l.value++;
-    }, w = b(""), P = (f, S, D) => {
-      const q = S ? f[S] : JSON.stringify(f);
-      if (!D(q)) {
-        F(f, S);
+    }, v = b(null), P = (c, _, $) => {
+      const F = _ ? c[_] : JSON.stringify(c);
+      if (!$(F)) {
+        U(c, _);
         return;
       }
-      A(f, S);
-    }, y = (f, S, D) => {
-      const { type: q } = f;
-      q === "success" ? A(S, D) : F(S, D);
-    }, A = (f, S) => {
+      A(c, _);
+    }, f = (c, _, $) => {
+      const { type: F } = c;
+      F === "success" ? A(_, $) : U(_, $);
+    }, A = (c, _) => {
       r("copy:success", {
-        entity: f,
-        field: S,
-        message: S ? a("credentials.copy.success", { val: f[S] }) : a("credentials.copy.success_brief")
+        entity: c,
+        field: _,
+        message: _ ? a("credentials.copy.success", { val: c[_] }) : a("credentials.copy.success_brief")
       });
-    }, F = (f, S) => {
+    }, U = (c, _) => {
       r("copy:error", {
-        entity: f,
-        field: S,
+        entity: c,
+        field: _,
         message: a("credentials.error.copy")
       });
-    }, X = (f) => ({
+    }, X = (c) => ({
       label: a("credentials.actions.edit"),
-      to: t.config.getEditRoute(f)
-    }), p = b(void 0), s = b(!1), B = b(!1), V = b(""), Q = Qr(t.config, u.value), x = I(() => Ae[t.config.plugin]), E = (f) => {
-      p.value = f, s.value = !0;
-    }, $ = () => {
+      to: t.config.getEditRoute(c)
+    }), B = b(void 0), s = b(!1), w = b(!1), D = b(""), Q = Qr(t.config, d.value), x = N(() => Ae[t.config.plugin]), O = (c) => {
+      B.value = c, s.value = !0;
+    }, q = () => {
       s.value = !1;
-    }, _ = async () => {
-      var f, S, D;
-      if ((f = p.value) != null && f.id) {
-        B.value = !0;
+    }, C = async () => {
+      var c, _, $;
+      if ((c = B.value) != null && c.id) {
+        w.value = !0;
         try {
-          await i.delete(Q(p.value.id)), B.value = !1, s.value = !1, l.value++, r("delete:success", p.value);
-        } catch (q) {
-          V.value = ((D = (S = q.response) == null ? void 0 : S.data) == null ? void 0 : D.message) || q.message || a("credentials.error.delete"), r("error", q);
+          await i.delete(Q(B.value.id)), w.value = !1, s.value = !1, l.value++, r("delete:success", B.value);
+        } catch (F) {
+          D.value = (($ = (_ = F.response) == null ? void 0 : _.data) == null ? void 0 : $.message) || F.message || a("credentials.error.delete"), r("error", F);
         } finally {
-          B.value = !1;
+          w.value = !1;
         }
       }
     };
-    ne(h, (f) => {
-      if (f.status === Y.Error) {
-        w.value = a("credentials.error.general"), r("error", f.error);
+    ne(y, (c) => {
+      var _, $, F;
+      if (c.status === V.Error) {
+        v.value = {
+          title: a("credentials.error.general")
+        }, (F = ($ = (_ = c.error) == null ? void 0 : _.response) == null ? void 0 : $.data) != null && F.message && (v.value.message = c.error.response.data.message), r("error", c.error);
         return;
       }
-      w.value = "";
+      v.value = null;
     });
-    const O = b({
+    const E = b({
       ctaPath: t.config.createRoute,
       ctaText: void 0,
       message: "",
       title: a("credentials.title")
     });
-    return qe(async () => {
-      await t.canCreate() && (O.value.title = a(`credentials.list.empty_state.${t.config.plugin}.title`), O.value.ctaText = a(`credentials.list.empty_state.${t.config.plugin}.cta`));
-    }), (f, S) => {
-      const D = U("KButton"), q = U("CopyUuid"), Pe = U("KBadge"), Fe = U("KTruncate"), M = U("KDropdownItem"), ee = U("KClipboardProvider");
-      return j(), J("div", ta, [
-        m(v(Jr), {
+    return De(async () => {
+      await t.canCreate() && (E.value.title = a(`credentials.list.empty_state.${t.config.plugin}.title`), E.value.ctaText = a(`credentials.list.empty_state.${t.config.plugin}.cta`));
+    }), (c, _) => {
+      const $ = M("KButton"), F = M("CopyUuid"), Fe = M("KBadge"), Pe = M("KTruncate"), H = M("KDropdownItem"), ee = M("KClipboardProvider");
+      return j(), Y("div", ta, [
+        g(m(Jr), {
           "cache-identifier": e.cacheIdentifier,
           "disable-pagination-page-jump": "",
           "disable-row-click": "",
           "disable-sorting": "",
-          "empty-state-options": O.value,
+          "empty-state-options": E.value,
           "enable-entity-actions": "",
-          "error-message": w.value,
-          fetcher: v(k),
+          "error-message": v.value,
+          fetcher: m(k),
           "fetcher-cache-key": l.value,
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-consumer-credentials-list",
-          "table-headers": d.value,
+          "table-headers": p.value,
           onSort: T
         }, {
           "toolbar-button": o(() => [
-            m(v(le), {
+            g(m(le), {
               "auth-function": () => e.canCreate()
             }, {
               default: o(() => [
-                m(D, {
+                g($, {
                   appearance: "primary",
                   "data-testid": "toolbar-add-credential",
                   icon: "plus",
                   to: e.config.createRoute
                 }, {
                   default: o(() => [
-                    R(N(v(a)(`credentials.list.toolbar_actions.${e.config.plugin}.new`)), 1)
+                    R(I(m(a)(`credentials.list.toolbar_actions.${e.config.plugin}.new`)), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])
@@ -1852,72 +1868,72 @@ const ta = { class: "kong-ui-entities-consumer-credentials-list" }, ra = { key:
               _: 1
             }, 8, ["auth-function"])
           ]),
-          group: o(({ rowValue: g }) => [
-            Z("b", null, N(g ?? "-"), 1)
+          group: o(({ rowValue: h }) => [
+            Z("b", null, I(h ?? "-"), 1)
           ]),
-          name: o(({ rowValue: g }) => [
-            Z("b", null, N(g ?? "-"), 1)
+          name: o(({ rowValue: h }) => [
+            Z("b", null, I(h ?? "-"), 1)
           ]),
-          username: o(({ rowValue: g }) => [
-            Z("span", null, N(g ?? "-"), 1)
+          username: o(({ rowValue: h }) => [
+            Z("span", null, I(h ?? "-"), 1)
           ]),
-          password: o(({ row: g, rowValue: C }) => [
-            m(q, {
+          password: o(({ row: h, rowValue: S }) => [
+            g(F, {
               format: "redacted",
-              notify: (L) => y(L, g, "password"),
-              uuid: C
+              notify: (L) => f(L, h, "password"),
+              uuid: S
             }, null, 8, ["notify", "uuid"])
           ]),
-          key: o(({ row: g, rowValue: C }) => [
-            m(q, {
+          key: o(({ row: h, rowValue: S }) => [
+            g(F, {
               format: "redacted",
-              notify: (L) => y(L, g, "key"),
-              uuid: C
+              notify: (L) => f(L, h, "key"),
+              uuid: S
             }, null, 8, ["notify", "uuid"])
           ]),
-          client_secret: o(({ row: g, rowValue: C }) => [
-            m(q, {
+          client_secret: o(({ row: h, rowValue: S }) => [
+            g(F, {
               format: "redacted",
-              notify: (L) => y(L, g, "client_secret"),
-              uuid: C
+              notify: (L) => f(L, h, "client_secret"),
+              uuid: S
             }, null, 8, ["notify", "uuid"])
           ]),
-          secret: o(({ row: g, rowValue: C }) => [
-            m(q, {
+          secret: o(({ row: h, rowValue: S }) => [
+            g(F, {
               format: "redacted",
-              notify: (L) => y(L, g, "secret"),
-              uuid: C
+              notify: (L) => f(L, h, "secret"),
+              uuid: S
             }, null, 8, ["notify", "uuid"])
           ]),
-          created_at: o(({ rowValue: g }) => [
-            R(N(v(n)(g)), 1)
+          created_at: o(({ rowValue: h }) => [
+            R(I(m(n)(h)), 1)
           ]),
-          tags: o(({ rowValue: g }) => [
-            (g == null ? void 0 : g.length) > 0 ? (j(), W(Fe, { key: 0 }, {
+          tags: o(({ rowValue: h }) => [
+            (h == null ? void 0 : h.length) > 0 ? (j(), W(Pe, { key: 0 }, {
               default: o(() => [
-                (j(!0), J(De, null, _e(g, (C) => (j(), W(Pe, {
-                  key: C,
-                  onClick: S[0] || (S[0] = Me(() => {
+                (j(!0), Y(qe, null, _e(h, (S) => (j(), W(Fe, {
+                  key: S,
+                  onClick: _[0] || (_[0] = Be(() => {
                   }, ["stop"]))
                 }, {
                   default: o(() => [
-                    R(N(C), 1)
+                    R(I(S), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
               ]),
               _: 2
-            }, 1024)) : (j(), J("span", ra, "-"))
+            }, 1024)) : (j(), Y("span", ra, "-"))
           ]),
-          actions: o(({ row: g }) => [
-            m(ee, null, {
-              default: o(({ copyToClipboard: C }) => [
-                m(M, {
+          actions: o(({ row: h }) => [
+            g(ee, null, {
+              default: o(({ copyToClipboard: S }) => [
+                g(H, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (L) => P(g, "id", C)
+                  onClick: (L) => P(h, "id", S)
                 }, {
                   default: o(() => [
-                    R(N(v(a)("credentials.actions.copy_id")), 1)
+                    R(I(m(a)("credentials.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -1925,99 +1941,99 @@ const ta = { class: "kong-ui-entities-consumer-credentials-list" }, ra = { key:
               _: 2
             }, 1024),
             e.config.plugin === "basic-auth" ? (j(), W(ee, { key: 0 }, {
-              default: o(({ copyToClipboard: C }) => [
-                m(M, {
+              default: o(({ copyToClipboard: S }) => [
+                g(H, {
                   "data-testid": "action-entity-copy-credential",
-                  onClick: (L) => P(g, "password", C)
+                  onClick: (L) => P(h, "password", S)
                 }, {
                   default: o(() => [
-                    R(N(v(a)("credentials.actions.copy_credential")), 1)
+                    R(I(m(a)("credentials.actions.copy_credential")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
-            }, 1024)) : H("", !0),
+            }, 1024)) : J("", !0),
             ["key-auth", "key-auth-enc", "jwt"].includes(e.config.plugin) ? (j(), W(ee, { key: 1 }, {
-              default: o(({ copyToClipboard: C }) => [
-                m(M, {
+              default: o(({ copyToClipboard: S }) => [
+                g(H, {
                   "data-testid": "action-entity-copy-key",
-                  onClick: (L) => P(g, "key", C)
+                  onClick: (L) => P(h, "key", S)
                 }, {
                   default: o(() => [
-                    R(N(v(a)("credentials.actions.copy_key")), 1)
+                    R(I(m(a)("credentials.actions.copy_key")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
-            }, 1024)) : H("", !0),
+            }, 1024)) : J("", !0),
             e.config.plugin === "oauth2" ? (j(), W(ee, { key: 2 }, {
-              default: o(({ copyToClipboard: C }) => [
-                m(M, {
+              default: o(({ copyToClipboard: S }) => [
+                g(H, {
                   "data-testid": "action-entity-copy-secret",
-                  onClick: (L) => P(g, "client_secret", C)
+                  onClick: (L) => P(h, "client_secret", S)
                 }, {
                   default: o(() => [
-                    R(N(v(a)("credentials.actions.copy_secret")), 1)
+                    R(I(m(a)("credentials.actions.copy_secret")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
-            }, 1024)) : H("", !0),
+            }, 1024)) : J("", !0),
             e.config.plugin === "hmac-auth" ? (j(), W(ee, { key: 3 }, {
-              default: o(({ copyToClipboard: C }) => [
-                m(M, {
+              default: o(({ copyToClipboard: S }) => [
+                g(H, {
                   "data-testid": "action-entity-copy-secret",
-                  onClick: (L) => P(g, "secret", C)
+                  onClick: (L) => P(h, "secret", S)
                 }, {
                   default: o(() => [
-                    R(N(v(a)("credentials.actions.copy_secret")), 1)
+                    R(I(m(a)("credentials.actions.copy_secret")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
-            }, 1024)) : H("", !0),
-            m(ee, null, {
-              default: o(({ copyToClipboard: C }) => [
-                m(M, {
+            }, 1024)) : J("", !0),
+            g(ee, null, {
+              default: o(({ copyToClipboard: S }) => [
+                g(H, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (L) => P(g, void 0, C)
+                  onClick: (L) => P(h, void 0, S)
                 }, {
                   default: o(() => [
-                    R(N(v(a)("credentials.actions.copy_json")), 1)
+                    R(I(m(a)("credentials.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            m(v(le), {
-              "auth-function": () => e.canEdit(g)
+            g(m(le), {
+              "auth-function": () => e.canEdit(h)
             }, {
               default: o(() => [
-                m(M, {
+                g(H, {
                   "data-testid": "action-entity-edit",
                   "has-divider": "",
-                  item: X(g.id)
+                  item: X(h.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            m(v(le), {
-              "auth-function": () => e.canDelete(g)
+            g(m(le), {
+              "auth-function": () => e.canDelete(h)
             }, {
               default: o(() => [
-                m(M, {
+                g(H, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (C) => E(g)
+                  onClick: (S) => O(h)
                 }, {
                   default: o(() => [
-                    R(N(v(a)("credentials.actions.delete")), 1)
+                    R(I(m(a)("credentials.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -2027,15 +2043,15 @@ const ta = { class: "kong-ui-entities-consumer-credentials-list" }, ra = { key:
           ]),
           _: 1
         }, 8, ["cache-identifier", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "table-headers"]),
-        m(v(Zr), {
-          "action-pending": B.value,
-          description: v(a)("credentials.delete.description"),
+        g(m(Zr), {
+          "action-pending": w.value,
+          description: m(a)("credentials.delete.description"),
           "entity-type": x.value,
-          error: V.value,
-          title: v(a)(`credentials.delete.${e.config.plugin}.title`),
+          error: D.value,
+          title: m(a)(`credentials.delete.${e.config.plugin}.title`),
           visible: s.value,
-          onCancel: $,
-          onProceed: _
+          onCancel: q,
+          onProceed: C
         }, null, 8, ["action-pending", "description", "entity-type", "error", "title", "visible"])
       ]);
     };
@@ -2046,7 +2062,7 @@ const na = (e, r) => {
   for (const [a, n] of r)
     t[a] = n;
   return t;
-}, va = /* @__PURE__ */ na(aa, [["__scopeId", "data-v-4a1ad610"]]);
+}, va = /* @__PURE__ */ na(aa, [["__scopeId", "data-v-288f971c"]]);
 export {
   va as ConsumerCredentialList
 };