@kong-ui-public/entities-consumer-groups 3.2.4 → 3.2.5-pr.1431.4668518d.0

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

@@ -1,4 +1,4 @@
-import { defineComponent as X, computed as w, openBlock as m, createBlock as D, resolveDynamicComponent as Se, normalizeStyle as He, withCtx as v, createElementBlock as $, toDisplayString as q, createCommentVNode as J, pushScopeId as Je, popScopeId as Ze, createElementVNode as L, ref as O, watch as $e, renderSlot as ne, unref as g, onBeforeMount as gt, resolveComponent as R, createSlots as Be, createVNode as j, createTextVNode as Y, renderList as ve, withModifiers as St, withDirectives as Ne, vShow as je, Fragment as be, normalizeClass as Me, withKeys as wr, useSlots as jt, useCssVars as bn, inject as _r, onMounted as Ir, onUnmounted as Sr, normalizeProps as xr, guardReactiveProps as Ar, mergeProps as $r, Teleport as Tr, reactive as zt } from "vue";
+import { defineComponent as X, computed as w, openBlock as m, createBlock as D, resolveDynamicComponent as xe, normalizeStyle as He, withCtx as v, createElementBlock as $, toDisplayString as q, createCommentVNode as J, pushScopeId as Je, popScopeId as Ze, createElementVNode as L, ref as O, watch as $e, renderSlot as ne, unref as g, onBeforeMount as gt, resolveComponent as R, createSlots as Be, createVNode as j, createTextVNode as Y, renderList as ve, withModifiers as xt, withDirectives as Ne, vShow as je, Fragment as be, normalizeClass as Me, withKeys as wr, useSlots as jt, useCssVars as bn, inject as _r, onMounted as Ir, onUnmounted as xr, normalizeProps as Sr, guardReactiveProps as Ar, mergeProps as $r, Teleport as Tr, reactive as zt } from "vue";
 import { useRouter as Et } from "vue-router";
 import { createI18n as Cn, i18nTComponent as kn } from "@kong-ui-public/i18n";
 import Gt from "axios";
@@ -83,7 +83,7 @@ const Ht = "24px", jr = (e, t) => {
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Se(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon add-icon",
       "data-testid": "kui-icon-wrapper-add-icon",
@@ -209,12 +209,12 @@ function Ur() {
 }
 const yt = {
   useI18n: Ur
-}, xe = "/v2/control-planes/{controlPlaneId}/core-entities", Ae = "/{workspace}", Ee = {
+}, Se = "/v2/control-planes/{controlPlaneId}/core-entities", Ae = "/{workspace}", Ee = {
   list: {
     konnect: {
-      all: `${xe}/consumer_groups`,
-      forConsumer: `${xe}/consumers/{consumerId}/consumer_groups`,
-      oneForConsumer: `${xe}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
+      all: `${Se}/consumer_groups`,
+      forConsumer: `${Se}/consumers/{consumerId}/consumer_groups`,
+      oneForConsumer: `${Se}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
     },
     kongManager: {
       all: `${Ae}/consumer_groups?counter=true`,
@@ -224,12 +224,12 @@ const yt = {
   },
   form: {
     konnect: {
-      consumersList: `${xe}/consumers`,
-      create: `${xe}/consumer_groups`,
-      edit: `${xe}/consumer_groups/{id}`,
-      addConsumer: `${xe}/consumer_groups/{id}/consumers`,
-      removeConsumer: `${xe}/consumer_groups/{id}/consumers/{consumerId}`,
-      getConsumers: `${xe}/consumer_groups/{id}/consumers`
+      consumersList: `${Se}/consumers`,
+      create: `${Se}/consumer_groups`,
+      edit: `${Se}/consumer_groups/{id}`,
+      addConsumer: `${Se}/consumer_groups/{id}/consumers`,
+      removeConsumer: `${Se}/consumer_groups/{id}/consumers/{consumerId}`,
+      getConsumers: `${Se}/consumer_groups/{id}/consumers`
     },
     kongManager: {
       consumersList: `${Ae}/consumers`,
@@ -503,15 +503,15 @@ function na(e, t, n, r = {
       l.value = !1;
     }
   }, N = O(""), Z = async (h) => {
-    var _, d, x;
+    var _, d, S;
     if (N.value !== h)
       if (N.value = h || "", f.value === void 0)
         try {
           if (l.value = !0, u.value = "", p.value = "", e.app === "konnect") {
             let B = T + "";
             h && (B += `/${h}`);
-            const { data: S } = await a.get(`${B}?size=${n}`);
-            r.fetchedItemsKey in S ? c.value = S[r.fetchedItemsKey] : S != null && S.id ? c.value = [S] : c.value = [];
+            const { data: x } = await a.get(`${B}?size=${n}`);
+            r.fetchedItemsKey in x ? c.value = x[r.fetchedItemsKey] : x != null && x.id ? c.value = [x] : c.value = [];
           } else if (h) {
             const B = [];
             k(h) && r.searchKeys.includes("id") ? B.push((async () => {
@@ -523,8 +523,8 @@ function na(e, t, n, r = {
                 return b[r.fetchedItemsKey];
               })
             );
-            const S = await Promise.all(B), G = /* @__PURE__ */ new Set();
-            c.value = [], (_ = S == null ? void 0 : S.forEach) == null || _.call(S, (M) => {
+            const x = await Promise.all(B), G = /* @__PURE__ */ new Set();
+            c.value = [], (_ = x == null ? void 0 : x.forEach) == null || _.call(x, (M) => {
               var b;
               (b = M == null ? void 0 : M.forEach) == null || b.call(M, (K) => {
                 G.has(K.id) || (G.add(K.id), c.value.push(K));
@@ -538,11 +538,11 @@ function na(e, t, n, r = {
           l.value = !1;
         }
       else
-        l.value = !0, p.value = "", h ? (c.value = (x = f.value) == null ? void 0 : x.filter((B) => {
-          var S;
+        l.value = !0, p.value = "", h ? (c.value = (S = f.value) == null ? void 0 : S.filter((B) => {
+          var x;
           let G = !1;
           for (const M of r.searchKeys) {
-            const b = typeof B[M] == "string" ? (S = B[M]) == null ? void 0 : S.toLowerCase() : B[M];
+            const b = typeof B[M] == "string" ? (x = B[M]) == null ? void 0 : x.toLowerCase() : B[M];
             b != null && b.includes(h.toLowerCase()) && (G = !0);
           }
           return G;
@@ -676,10 +676,10 @@ function sa() {
     convertKeyToTitle: e
   };
 }
-const Sn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Jt = (e) => {
+const xn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-([\da-z\-]+(?:\.[\da-z\-]+)*))?(?:\+[\da-z\-]+(?:\.[\da-z\-]+)*)?)?)?$/i, Jt = (e) => {
   if (typeof e != "string")
     throw new TypeError("Invalid argument expected string");
-  const t = e.match(Sn);
+  const t = e.match(xn);
   if (!t)
     throw new Error(`Invalid argument not valid semver ('${e}' received)`);
   return t.shift(), t;
@@ -704,20 +704,20 @@ const Sn = /^[v^~<>=]*?(\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+)(?:\.([x*]|\d+))?(?:-(
 }, Qt = (e, t, n) => {
   da(n);
   const r = ca(e, t);
-  return xn[n].includes(r);
-}, xn = {
+  return Sn[n].includes(r);
+}, Sn = {
   ">": [1],
   ">=": [0, 1],
   "=": [0],
   "<=": [-1, 0],
   "<": [-1],
   "!=": [-1, 1]
-}, Xt = Object.keys(xn), da = (e) => {
+}, Xt = Object.keys(Sn), da = (e) => {
   if (typeof e != "string")
     throw new TypeError(`Invalid operator type, expected string but got ${typeof e}`);
   if (Xt.indexOf(e) === -1)
     throw new Error(`Invalid operator, expected one of ${Xt.join("|")}`);
-}, pa = (e) => typeof e == "string" && /^[v\d]/.test(e) && Sn.test(e);
+}, pa = (e) => typeof e == "string" && /^[v\d]/.test(e) && xn.test(e);
 function fa(e) {
   const { gatewayInfo: t, supportedRange: n } = e;
   if (!t)
@@ -786,7 +786,7 @@ const se = {
       var l;
       return t.isArrayItem ? (l = i.value) != null && l.name ? r(i.value.name, "_") : n("baseConfigCard.general.entryTitle", { index: t.index }) : "";
     });
-    return (l, u) => (m(), D(Se(e.isArrayItem ? "fieldset" : "div"), {
+    return (l, u) => (m(), D(xe(e.isArrayItem ? "fieldset" : "div"), {
       class: Me(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
       default: v(() => [
@@ -859,7 +859,7 @@ const se = {
       }, 8, ["appearance"]);
     };
   }
-}), ka = "#0044f4", wa = "#e0e4ea", _a = "#afb7c5", Ia = "1px", Sa = "20px", xa = { class: "config-card-details-row" }, Aa = ["data-testid"], $a = ["data-testid"], Ta = ["data-testid"], Na = ["data-testid"], ja = { key: 1 }, Ea = ["data-testid"], Oa = ["data-testid"], Ma = ["data-testid"], Fa = ["data-testid"], qa = {
+}), ka = "#0044f4", wa = "#e0e4ea", _a = "#afb7c5", Ia = "1px", xa = "20px", Sa = { class: "config-card-details-row" }, Aa = ["data-testid"], $a = ["data-testid"], Ta = ["data-testid"], Na = ["data-testid"], ja = { key: 1 }, Ea = ["data-testid"], Oa = ["data-testid"], Ma = ["data-testid"], Fa = ["data-testid"], qa = {
   name: "ConfigCardItem",
   components: { JsonCardItem: An, StatusBadge: Ca, InternalLinkItem: ba }
 }, Ka = /* @__PURE__ */ X({
@@ -1001,7 +1001,7 @@ const se = {
     }), y = O(), { isTruncated: f } = se.useTruncationDetector(y);
     return (I, T) => {
       const k = R("KLabel"), U = R("KBadge"), N = R("KCopy"), Z = R("KTooltip");
-      return m(), $("div", xa, [
+      return m(), $("div", Sa, [
         L("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
@@ -1037,7 +1037,7 @@ const se = {
             rowValue: e.item.value
           }, () => [
             s.value ? (m(), $("div", ja, [
-              (m(), D(Se(c.value.tag), xr(Ar(c.value.attrs)), {
+              (m(), D(xe(c.value.tag), Sr(Ar(c.value.attrs)), {
                 default: v(() => [
                   c.value.additionalComponent === "KBadge" ? (m(), $("div", {
                     key: 0,
@@ -1346,10 +1346,10 @@ function ro() {
     arguments[t].forEach(r);
   return e;
 }
-function xt(e) {
+function St(e) {
   return this.extend(e);
 }
-xt.prototype.extend = function(e) {
+St.prototype.extend = function(e) {
   var t = [], n = [];
   if (e instanceof ce)
     n.push(e);
@@ -1370,10 +1370,10 @@ xt.prototype.extend = function(e) {
     if (!(a instanceof ce))
       throw new fe("Specified list of YAML types (or a single Type object) contains a non-Type object.");
   });
-  var r = Object.create(xt.prototype);
+  var r = Object.create(St.prototype);
   return r.implicit = (this.implicit || []).concat(t), r.explicit = (this.explicit || []).concat(n), r.compiledImplicit = en(r, "implicit"), r.compiledExplicit = en(r, "explicit"), r.compiledTypeMap = ro(r.compiledImplicit, r.compiledExplicit), r;
 };
-var En = xt, On = new ce("tag:yaml.org,2002:str", {
+var En = St, On = new ce("tag:yaml.org,2002:str", {
   kind: "scalar",
   construct: function(e) {
     return e !== null ? e : "";
@@ -1646,7 +1646,7 @@ function Io(e) {
   }
   return t[9] && (p = +t[10], c = +(t[11] || 0), u = (p * 60 + c) * 6e4, t[9] === "-" && (u = -u)), y = new Date(Date.UTC(n, r, a, i, o, s, l)), u && y.setTime(y.getTime() - u), y;
 }
-function So(e) {
+function xo(e) {
   return e.toISOString();
 }
 var zn = new ce("tag:yaml.org,2002:timestamp", {
@@ -1654,14 +1654,14 @@ var zn = new ce("tag:yaml.org,2002:timestamp", {
   resolve: _o,
   construct: Io,
   instanceOf: Date,
-  represent: So
+  represent: xo
 });
-function xo(e) {
+function So(e) {
   return e === "<<" || e === null;
 }
 var Gn = new ce("tag:yaml.org,2002:merge", {
   kind: "scalar",
-  resolve: xo
+  resolve: So
 }), Mt = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
 \r`;
 function Ao(e) {
@@ -2216,7 +2216,7 @@ function si(e, t) {
 var li = ii, ui = si, or = {
   loadAll: li,
   load: ui
-}, ir = Object.prototype.toString, sr = Object.prototype.hasOwnProperty, Bt = 65279, ci = 9, nt = 10, di = 13, pi = 32, fi = 33, mi = 34, At = 35, gi = 37, yi = 38, hi = 39, vi = 42, lr = 44, bi = 45, ft = 58, Ci = 61, ki = 62, wi = 63, _i = 64, ur = 91, cr = 93, Ii = 96, dr = 123, Si = 124, pr = 125, pe = {};
+}, ir = Object.prototype.toString, sr = Object.prototype.hasOwnProperty, Bt = 65279, ci = 9, nt = 10, di = 13, pi = 32, fi = 33, mi = 34, At = 35, gi = 37, yi = 38, hi = 39, vi = 42, lr = 44, bi = 45, ft = 58, Ci = 61, ki = 62, wi = 63, _i = 64, ur = 91, cr = 93, Ii = 96, dr = 123, xi = 124, pr = 125, pe = {};
 pe[0] = "\\0";
 pe[7] = "\\a";
 pe[8] = "\\b";
@@ -2232,7 +2232,7 @@ pe[133] = "\\N";
 pe[160] = "\\_";
 pe[8232] = "\\L";
 pe[8233] = "\\P";
-var xi = [
+var Si = [
   "y",
   "Y",
   "yes",
@@ -2312,7 +2312,7 @@ function cn(e, t, n) {
   );
 }
 function Oi(e) {
-  return at(e) && e !== Bt && !mt(e) && e !== bi && e !== wi && e !== ft && e !== lr && e !== ur && e !== cr && e !== dr && e !== pr && e !== At && e !== yi && e !== vi && e !== fi && e !== Si && e !== Ci && e !== ki && e !== hi && e !== mi && e !== gi && e !== _i && e !== Ii;
+  return at(e) && e !== Bt && !mt(e) && e !== bi && e !== wi && e !== ft && e !== lr && e !== ur && e !== cr && e !== dr && e !== pr && e !== At && e !== yi && e !== vi && e !== fi && e !== xi && e !== Ci && e !== ki && e !== hi && e !== mi && e !== gi && e !== _i && e !== Ii;
 }
 function Mi(e) {
   return !mt(e) && e !== ft;
@@ -2351,7 +2351,7 @@ function qi(e, t, n, r, a) {
   e.dump = function() {
     if (t.length === 0)
       return e.quotingType === rt ? '""' : "''";
-    if (!e.noCompatMode && (xi.indexOf(t) !== -1 || Ai.test(t)))
+    if (!e.noCompatMode && (Si.indexOf(t) !== -1 || Ai.test(t)))
       return e.quotingType === rt ? '"' + t + '"' : "'" + t + "'";
     var i = e.indent * Math.max(1, n), o = e.lineWidth === -1 ? -1 : Math.max(Math.min(e.lineWidth, 40), e.lineWidth - i), s = r || e.flowLevel > -1 && n >= e.flowLevel;
     function l(u) {
@@ -2762,7 +2762,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Se(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon add-icon",
       "data-testid": "kui-icon-wrapper-add-icon",
@@ -2861,7 +2861,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Se(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon book-icon",
       "data-testid": "kui-icon-wrapper-book-icon",
@@ -2885,10 +2885,10 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
-}), Is = /* @__PURE__ */ ot(_s, [["__scopeId", "data-v-9af646cc"]]), Ss = (e) => (Je("data-v-84c4811e"), e = e(), Ze(), e), xs = ["aria-hidden"], As = {
+}), Is = /* @__PURE__ */ ot(_s, [["__scopeId", "data-v-9af646cc"]]), xs = (e) => (Je("data-v-84c4811e"), e = e(), Ze(), e), Ss = ["aria-hidden"], As = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, $s = /* @__PURE__ */ Ss(() => /* @__PURE__ */ L("path", {
+}, $s = /* @__PURE__ */ xs(() => /* @__PURE__ */ L("path", {
   d: "M12 15.4L6 9.4L7.4 8L12 12.6L16.6 8L18 9.4L12 15.4Z",
   fill: "currentColor"
 }, null, -1)), Ts = /* @__PURE__ */ X({
@@ -2960,7 +2960,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Se(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon chevron-down-icon",
       "data-testid": "kui-icon-wrapper-chevron-down-icon",
@@ -2979,7 +2979,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         }, [
           e.title ? (m(), $("title", As, q(e.title), 1)) : J("", !0),
           $s
-        ], 8, xs))
+        ], 8, Ss))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
@@ -3059,7 +3059,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Se(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon close-icon",
       "data-testid": "kui-icon-wrapper-close-icon",
@@ -3158,7 +3158,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       lineHeight: "0",
       width: n.value
     }));
-    return (a, i) => (m(), D(Se(e.as), {
+    return (a, i) => (m(), D(xe(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
       class: "kui-icon more-icon",
       "data-testid": "kui-icon-wrapper-more-icon",
@@ -3315,18 +3315,18 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         section: he.Basic
       }
     }, f = O(!1), I = O(!1), T = O(""), k = O({}), U = w(() => {
-      var d, x, B;
+      var d, S, B;
       if (!k.value)
         return [];
-      const S = [], G = Object.keys(k.value).length;
+      const x = [], G = Object.keys(k.value).length;
       for (const M in k.value) {
-        const b = (x = (d = a.configSchema) == null ? void 0 : d[M]) == null ? void 0 : x.order, K = (B = y[M]) == null ? void 0 : B.order;
+        const b = (S = (d = a.configSchema) == null ? void 0 : d[M]) == null ? void 0 : S.order, K = (B = y[M]) == null ? void 0 : B.order;
         let F = G;
-        (K || K === 0) && (F = K === -1 ? G + 1 : K), b && (F = b === -1 ? G + 1 : b), S.push([M, F]);
+        (K || K === 0) && (F = K === -1 ? G + 1 : K), b && (F = b === -1 ? G + 1 : b), x.push([M, F]);
       }
-      return S.sort(function(M, b) {
+      return x.sort(function(M, b) {
         return M[1] - b[1];
-      }), S.map((M) => {
+      }), x.map((M) => {
         var b, K;
         const F = M[0], H = (b = k.value) == null ? void 0 : b[F], te = ((K = a.configSchema) == null ? void 0 : K[F]) || {}, de = y[F];
         return {
@@ -3340,14 +3340,14 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         };
       }).filter((M) => !M.hidden && M.key !== a.pluginConfigKey);
     }), N = w(() => {
-      var d, x;
+      var d, S;
       if (!k.value || !a.pluginConfigKey)
         return [];
-      const B = k.value[a.pluginConfigKey] || {}, S = Object.keys(B).length, G = [];
+      const B = k.value[a.pluginConfigKey] || {}, x = Object.keys(B).length, G = [];
       for (const M in B) {
-        const b = (x = (d = a.pluginConfigSchema) == null ? void 0 : d[M]) == null ? void 0 : x.order, K = B[M];
-        let F = K != null && K !== "" ? S - 1 : S;
-        b && (F = b === -1 ? S + 1 : b), G.push([M, F]);
+        const b = (S = (d = a.pluginConfigSchema) == null ? void 0 : d[M]) == null ? void 0 : S.order, K = B[M];
+        let F = K != null && K !== "" ? x - 1 : x;
+        b && (F = b === -1 ? x + 1 : b), G.push([M, F]);
       }
       return G.sort(function(M, b) {
         return M[1] - b[1];
@@ -3365,19 +3365,19 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         };
       }).filter((M) => !M.hidden);
     }), Z = w(() => {
-      var d, x, B, S;
+      var d, S, B, x;
       return {
         basic: (d = U.value) == null ? void 0 : d.filter((G) => G.section === he.Basic),
-        advanced: (x = U.value) == null ? void 0 : x.filter((G) => G.section === he.Advanced),
-        plugin: (S = N.value) == null ? void 0 : S.concat((B = U.value) == null ? void 0 : B.filter((G) => G.section === he.Plugin))
+        advanced: (S = U.value) == null ? void 0 : S.filter((G) => G.section === he.Advanced),
+        plugin: (x = N.value) == null ? void 0 : x.concat((B = U.value) == null ? void 0 : B.filter((G) => G.section === he.Plugin))
       };
     }), h = w(() => {
       const d = [];
       return Z.value.basic.length && d.push("basic"), Z.value.advanced.length && d.push("advanced"), Z.value.plugin.length && d.push("plugin"), d;
     }), _ = w(() => {
-      var d, x;
+      var d, S;
       let B = `${a.config.apiBaseUrl}${a.fetchUrl}`;
-      return a.config.app === "konnect" ? B = B.replace(/{controlPlaneId}/gi, ((d = a.config) == null ? void 0 : d.controlPlaneId) || "") : a.config.app === "kongManager" && (B = B.replace(/\/{workspace}/gi, (x = a.config) != null && x.workspace ? `/${a.config.workspace}` : "")), B = B.replace(/{id}/gi, a.config.entityId), B;
+      return a.config.app === "konnect" ? B = B.replace(/{controlPlaneId}/gi, ((d = a.config) == null ? void 0 : d.controlPlaneId) || "") : a.config.app === "kongManager" && (B = B.replace(/\/{workspace}/gi, (S = a.config) != null && S.workspace ? `/${a.config.workspace}` : "")), B = B.replace(/{id}/gi, a.config.entityId), B;
     });
     return $e(f, (d) => {
       r("loading", d);
@@ -3392,17 +3392,17 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
             throw new Error(i("errors.dataKeyUndefined", { dataKey: a.dataKey }));
         else
           k.value = { ...d };
-        Object.keys(a.configSchema).filter((x) => a.configSchema[x].forceShow).forEach((x) => {
-          k.value && typeof k.value[x] > "u" && (k.value[x] = null);
+        Object.keys(a.configSchema).filter((S) => a.configSchema[S].forceShow).forEach((S) => {
+          k.value && typeof k.value[S] > "u" && (k.value[S] = null);
         }), r("fetch:success", d);
       } catch (d) {
-        const x = o(d);
-        T.value = x.startsWith("code") ? i("baseConfigCard.errors.load") : x, I.value = !0, r("fetch:error", d);
+        const S = o(d);
+        T.value = S.startsWith("code") ? i("baseConfigCard.errors.load") : S, I.value = !0, r("fetch:error", d);
       } finally {
         f.value = !1;
       }
-    }), (d, x) => {
-      const B = R("KLabel"), S = R("KSelect"), G = R("KButton"), M = R("KSkeleton"), b = R("KEmptyState"), K = R("KCard");
+    }), (d, S) => {
+      const B = R("KLabel"), x = R("KSelect"), G = R("KButton"), M = R("KSkeleton"), b = R("KEmptyState"), K = R("KCard");
       return m(), D(K, {
         class: "kong-ui-entity-base-config-card",
         "title-tag": e.titleTag
@@ -3419,7 +3419,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
               ]),
               _: 1
             }),
-            j(S, {
+            j(x, {
               "data-testid": "select-config-format",
               items: u,
               onChange: c
@@ -3436,7 +3436,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                   rel: "noopener",
                   target: "_blank"
                 }, [
-                  j(g(Is), { size: g(Sa) }, null, 8, ["size"])
+                  j(g(Is), { size: g(xa) }, null, 8, ["size"])
                 ], 8, zs)
               ]),
               _: 1
@@ -3605,13 +3605,13 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           u.value = !1;
         }
     }), (h, _) => {
-      const d = R("KSkeleton"), x = R("KEmptyState"), B = R("KAlert"), S = R("KButton"), G = R("KTabs"), M = R("KSlideout");
-      return m(), D(Se(e.wrapperComponent), { class: "kong-ui-entity-base-form" }, {
+      const d = R("KSkeleton"), S = R("KEmptyState"), B = R("KAlert"), x = R("KButton"), G = R("KTabs"), M = R("KSlideout");
+      return m(), D(xe(e.wrapperComponent), { class: "kong-ui-entity-base-form" }, {
         default: v(() => [
           u.value ? (m(), D(d, {
             key: 0,
             type: "form"
-          })) : p.value ? (m(), D(x, {
+          })) : p.value ? (m(), D(S, {
             key: 1,
             "action-button-text": g(o)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
@@ -3626,8 +3626,8 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
             key: 2,
             "data-testid": "form-content",
             novalidate: a.noValidate,
-            onReset: St(U, ["prevent"]),
-            onSubmit: St(N, ["prevent"])
+            onReset: xt(U, ["prevent"]),
+            onSubmit: xt(N, ["prevent"])
           }, [
             ne(h.$slots, "default", {}, void 0, !0),
             e.errorMessage ? (m(), D(B, {
@@ -3638,7 +3638,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
             }, null, 8, ["message"])) : J("", !0),
             L("div", Ws, [
               ne(h.$slots, "form-actions", {}, () => [
-                j(S, {
+                j(x, {
                   appearance: "tertiary",
                   "data-testid": "form-view-configuration",
                   onClick: _[0] || (_[0] = (b) => T())
@@ -3648,7 +3648,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                   ]),
                   _: 1
                 }),
-                j(S, {
+                j(x, {
                   appearance: "secondary",
                   "data-testid": "form-cancel",
                   disabled: e.isReadonly,
@@ -3659,7 +3659,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                j(S, {
+                j(x, {
                   appearance: "primary",
                   "data-testid": "form-submit",
                   disabled: y.value,
@@ -3767,7 +3767,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
     ), T = w(() => i.value ? p.value > c.value : !1);
     return Ir(() => {
       l();
-    }), Sr(() => {
+    }), xr(() => {
       I();
     }), (k, U) => {
       const N = R("KTooltip");
@@ -3782,7 +3782,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         }, [
           j(N, {
             "max-width": "300",
-            placement: "bottomStart",
+            placement: "bottom-start",
             text: T.value ? y.value : ""
           }, {
             default: v(() => [
@@ -3794,7 +3794,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       ], 512);
     };
   }
-}), tl = /* @__PURE__ */ Ce(el, [["__scopeId", "data-v-471ce76e"]]), nl = { class: "toolbar-container" }, rl = {
+}), tl = /* @__PURE__ */ Ce(el, [["__scopeId", "data-v-760084ce"]]), nl = { class: "toolbar-container" }, rl = {
   key: 0,
   class: "toolbar-button-container"
 }, al = ["data-testid"], ol = /* @__PURE__ */ X({
@@ -3916,7 +3916,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: t }) {
     const n = e, r = t, { i18n: { t: a } } = se.useI18n(), i = w(() => {
-      var d, x;
+      var d, S;
       return typeof n.errorMessage == "string" ? {
         hasError: !!n.errorMessage,
         title: n.errorMessage,
@@ -3924,15 +3924,15 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       } : {
         hasError: !!n.errorMessage,
         title: (d = n.errorMessage) == null ? void 0 : d.title,
-        message: (x = n.errorMessage) == null ? void 0 : x.message
+        message: (S = n.errorMessage) == null ? void 0 : S.message
       };
     }), o = w(() => n.cacheIdentifier || n.preferencesStorageKey), s = (d) => d.hasData || !!n.query, l = w(() => {
       const d = [];
-      return Object.keys(n.tableHeaders).forEach((x) => {
-        const B = n.tableHeaders[x];
+      return Object.keys(n.tableHeaders).forEach((S) => {
+        const B = n.tableHeaders[S];
         d.push({
-          label: B.label ?? x,
-          key: x,
+          label: B.label ?? S,
+          key: S,
           sortable: B.sortable ?? !1,
           hidable: !0
         });
@@ -3945,24 +3945,24 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       "data-testid": d.name,
       ...n.rowAttributes(d)
     }), p = O({}), c = (d) => {
-      var x;
-      return (x = p.value) == null ? void 0 : x.$el.querySelector(`[data-rowid="${d.id}"]`);
+      var S;
+      return (S = p.value) == null ? void 0 : S.$el.querySelector(`[data-rowid="${d.id}"]`);
     }, y = (d) => {
-      const x = {
+      const S = {
         "data-testid": d.headerKey,
         ...n.cellAttributes(d)
       };
-      return d.colIndex === 0 && (x.style = {
+      return d.colIndex === 0 && (S.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
-      }), x;
+      }), S;
     }, f = () => {
       r("empty-state-cta-clicked"), I();
     }, I = () => {
       r("clear-search-input");
-    }, T = w(() => n.disableRowClick ? void 0 : (d, x) => {
-      r("click:row", x);
+    }, T = w(() => n.disableRowClick ? void 0 : (d, S) => {
+      r("click:row", S);
     }), k = (d) => {
       r("sort", d);
     }, { setTablePreferences: U, getTablePreferences: N } = Dr(), Z = O(N(o.value)), h = w(() => {
@@ -3974,8 +3974,8 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
     }), _ = (d) => {
       Z.value = d, o.value && U(o.value, d);
     };
-    return (d, x) => {
-      const B = R("KButton"), S = R("KDropdown"), G = R("KTable"), M = R("KCard");
+    return (d, S) => {
+      const B = R("KButton"), x = R("KDropdown"), G = R("KTable"), M = R("KCard");
       return m(), D(M, {
         class: "kong-ui-entity-base-table",
         title: e.title,
@@ -4012,7 +4012,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
             "table-preferences": Z.value,
             onEmptyStateActionClick: f,
             "onRow:click": T.value,
-            onSort: x[0] || (x[0] = (b) => k(b)),
+            onSort: S[0] || (S[0] = (b) => k(b)),
             "onUpdate:tablePreferences": _
           }, Be({
             toolbar: v(({ state: b }) => [
@@ -4030,8 +4030,8 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                 class: "actions-container",
                 "data-testid": b.name
               }, [
-                j(S, {
-                  "kpop-attributes": { placement: "bottomEnd" },
+                j(x, {
+                  "kpop-attributes": { placement: "bottom-end" },
                   width: e.dropdownMenuWidth
                 }, {
                   items: v(() => [
@@ -4095,7 +4095,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       }, 8, ["title", "title-tag"]);
     };
   }
-}), il = /* @__PURE__ */ Ce(ol, [["__scopeId", "data-v-67bd29c7"]]), sl = {
+}), il = /* @__PURE__ */ Ce(ol, [["__scopeId", "data-v-940ccab7"]]), sl = {
   key: 0,
   class: "kong-ui-entity-delete-error"
 }, ll = {
@@ -4237,7 +4237,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
 }), yl = {
   key: 1,
   class: "kong-ui-entity-filter"
-}, hl = { class: "kong-ui-entity-filter-menu" }, vl = ["data-testid"], bl = ["onClick", "onKeydown"], Cl = { class: "menu-item-indicator" }, kl = { class: "menu-item-body" }, wl = ["for"], _l = { class: "menu-item-buttons" }, Il = { class: "filter-clear-button-container" }, Sl = /* @__PURE__ */ X({
+}, hl = { class: "kong-ui-entity-filter-menu" }, vl = ["data-testid"], bl = ["onClick", "onKeydown"], Cl = { class: "menu-item-indicator" }, kl = { class: "menu-item-body" }, wl = ["for"], _l = { class: "menu-item-buttons" }, Il = { class: "filter-clear-button-container" }, xl = /* @__PURE__ */ X({
   __name: "EntityFilter",
   props: {
     // filter config, either exact match or fuzzy match
@@ -4288,9 +4288,9 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       y("");
     }, I = (h) => `filter-${h}`, T = (h) => {
       var _, d;
-      return (((d = (_ = r.config.schema) == null ? void 0 : _[h]) == null ? void 0 : d.values) ?? []).map((x) => ({
-        value: x,
-        label: x
+      return (((d = (_ = r.config.schema) == null ? void 0 : _[h]) == null ? void 0 : d.values) ?? []).map((S) => ({
+        value: S,
+        label: S
       }));
     }, k = (h) => {
       var _, d;
@@ -4303,11 +4303,11 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
     }, N = () => {
       o.value = {}, Z(!0);
     }, Z = (h = !1) => {
-      const _ = Object.keys(o.value).reduce((d, x) => (o.value[x] && (d[x] = `${o.value[x]}`), d), {});
+      const _ = Object.keys(o.value).reduce((d, S) => (o.value[S] && (d[S] = `${o.value[S]}`), d), {});
       h && (i.value = !1), a("update:modelValue", new URLSearchParams(_).toString());
     };
     return (h, _) => {
-      const d = R("KInput"), x = R("KButton"), B = R("KSelect");
+      const d = R("KInput"), S = R("KButton"), B = R("KSelect");
       return e.config.isExactMatch ? (m(), D(d, {
         key: 0,
         autocomplete: "off",
@@ -4330,7 +4330,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
         ]),
         _: 1
       }, 8, ["model-value", "placeholder"])) : (m(), $("div", yl, [
-        j(x, {
+        j(S, {
           appearance: "tertiary",
           "data-testid": "filter-button",
           onClick: p
@@ -4348,55 +4348,55 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
           [je, i.value]
         ]),
         Ne(L("div", hl, [
-          (m(!0), $(be, null, ve(u.value, (S) => {
+          (m(!0), $(be, null, ve(u.value, (x) => {
             var G, M;
             return m(), $("div", {
-              key: S.value,
+              key: x.value,
               class: "kong-ui-entity-filter-menu-item",
-              "data-testid": S.value
+              "data-testid": x.value
             }, [
               L("span", {
-                class: Me(["menu-item-title", { expanded: s.value.has(S.value) }]),
+                class: Me(["menu-item-title", { expanded: s.value.has(x.value) }]),
                 role: "button",
                 tabindex: "0",
-                onClick: (b) => c(S.value),
-                onKeydown: wr((b) => c(S.value), ["enter"])
+                onClick: (b) => c(x.value),
+                onKeydown: wr((b) => c(x.value), ["enter"])
               }, [
-                Y(q(S.label) + " ", 1),
+                Y(q(x.label) + " ", 1),
                 Ne(L("span", Cl, null, 512), [
-                  [je, l.value.includes(S.value)]
+                  [je, l.value.includes(x.value)]
                 ]),
                 j(g(Ns), {
-                  class: Me(["menu-item-expand-icon", { expanded: s.value.has(S.value) }]),
+                  class: Me(["menu-item-expand-icon", { expanded: s.value.has(x.value) }]),
                   color: g(_a)
                 }, null, 8, ["class", "color"])
               ], 42, bl),
               Ne(L("div", kl, [
                 L("label", {
                   class: "menu-item-label",
-                  for: I(S.value)
+                  for: I(x.value)
                 }, q(g(n)("filter.fieldLabel")), 9, wl),
-                ((M = (G = e.config.schema) == null ? void 0 : G[S.value]) == null ? void 0 : M.type) === "select" ? (m(), D(B, {
+                ((M = (G = e.config.schema) == null ? void 0 : G[x.value]) == null ? void 0 : M.type) === "select" ? (m(), D(B, {
                   key: 0,
-                  id: I(S.value),
-                  modelValue: o.value[S.value],
-                  "onUpdate:modelValue": (b) => o.value[S.value] = b,
-                  items: T(S.value),
+                  id: I(x.value),
+                  modelValue: o.value[x.value],
+                  "onUpdate:modelValue": (b) => o.value[x.value] = b,
+                  items: T(x.value),
                   placeholder: g(n)("filter.selectPlaceholder")
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (m(), D(d, {
                   key: 1,
-                  id: I(S.value),
-                  modelValue: o.value[S.value],
-                  "onUpdate:modelValue": (b) => o.value[S.value] = b,
+                  id: I(x.value),
+                  modelValue: o.value[x.value],
+                  "onUpdate:modelValue": (b) => o.value[x.value] = b,
                   autocomplete: "off",
                   placeholder: g(n)("filter.inputPlaceholder"),
-                  type: k(S.value)
+                  type: k(x.value)
                 }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
               ], 512), [
-                [je, s.value.has(S.value)]
+                [je, s.value.has(x.value)]
               ]),
               Ne(L("div", _l, [
-                j(x, {
+                j(S, {
                   appearance: "tertiary",
                   "data-testid": "apply-filter",
                   size: "small",
@@ -4407,11 +4407,11 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                   ]),
                   _: 1
                 }),
-                j(x, {
+                j(S, {
                   appearance: "tertiary",
                   "data-testid": "clear-filter",
                   size: "small",
-                  onClick: (b) => U(S.value)
+                  onClick: (b) => U(x.value)
                 }, {
                   default: v(() => [
                     Y(q(g(n)("filter.clearButtonText")), 1)
@@ -4419,12 +4419,12 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
                   _: 2
                 }, 1032, ["onClick"])
               ], 512), [
-                [je, s.value.has(S.value)]
+                [je, s.value.has(x.value)]
               ])
             ], 8, vl);
           }), 128)),
           L("div", Il, [
-            j(x, {
+            j(S, {
               appearance: "tertiary",
               size: "small",
               onClick: N
@@ -4441,7 +4441,7 @@ const ss = { class: "yaml-config" }, hr = /* @__PURE__ */ X({
       ]));
     };
   }
-}), xl = /* @__PURE__ */ Ce(Sl, [["__scopeId", "data-v-94990087"]]), st = /* @__PURE__ */ X({
+}), Sl = /* @__PURE__ */ Ce(xl, [["__scopeId", "data-v-94990087"]]), st = /* @__PURE__ */ X({
   __name: "PermissionsWrapper",
   props: {
     /**
@@ -4547,7 +4547,7 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
           key: 0,
           class: Me(["form-section-info", { sticky: e.stickyInfoHeader }])
         }, [
-          e.title ? (m(), D(Se(e.titleTag), {
+          e.title ? (m(), D(xe(e.titleTag), {
             key: 0,
             id: g(n),
             class: "form-section-title"
@@ -4619,25 +4619,25 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
       const K = T.value ? y.value.find((H) => H.id === b) : (F = u.value) == null ? void 0 : F.find((H) => H.id === b);
       return K ? K.name : b;
     }, N = () => {
-      _.value = "", Z.value = [], S.value = [], a("cancel");
+      _.value = "", Z.value = [], x.value = [], a("cancel");
     }, Z = O([]), h = O(!1), _ = O(""), d = async () => {
       if (!o.value.length) {
-        _.value = "", S.value = [], a("cancel");
+        _.value = "", x.value = [], a("cancel");
         return;
       }
-      h.value = !0, _.value = "", Z.value = [], S.value = [];
+      h.value = !0, _.value = "", Z.value = [], x.value = [];
       try {
         const b = o.value.map((H) => B(H)), K = await Promise.allSettled(b);
         let F = !0;
         K.forEach((H) => {
           H.status !== "fulfilled" && (F = !1);
-        }), F ? (Z.value = [], S.value = [], a("add:success", o.value), o.value = []) : (Z.value.length && a("add:partial-success", Z.value), o.value = [], G(K));
+        }), F ? (Z.value = [], x.value = [], a("add:success", o.value), o.value = []) : (Z.value.length && a("add:partial-success", Z.value), o.value = [], G(K));
       } catch {
         _.value = n("consumer_groups.errors.add"), a("error", _.value);
       } finally {
         h.value = !1;
       }
-    }, x = w(() => {
+    }, S = w(() => {
       var K, F, H, te;
       let b = `${r.config.apiBaseUrl}${Ee.list[r.config.app].forConsumer}`;
       return r.config.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, ((K = r.config) == null ? void 0 : K.controlPlaneId) || "").replace(/{consumerId}/gi, ((F = r.config) == null ? void 0 : F.consumerId) || "") : r.config.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, (H = r.config) != null && H.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, ((te = r.config) == null ? void 0 : te.consumerId) || "")), b;
@@ -4646,14 +4646,14 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
         group: b
       };
       try {
-        const F = await i.post(x.value, K);
+        const F = await i.post(S.value, K);
         return Z.value.push(b), F;
       } catch (F) {
         let H = `${U(b)} - ${F.message}`;
         return F.response.status === 409 && (H = `${U(b)} - ${n("consumer_groups.errors.already_added")}`), Promise.reject(Error(H));
       }
-    }, S = O([]), G = (b) => {
-      S.value = b.map((K) => {
+    }, x = O([]), G = (b) => {
+      x.value = b.map((K) => {
         var F;
         return (F = K.reason) == null ? void 0 : F.message;
       }).filter(Boolean);
@@ -4691,12 +4691,12 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
               width: "100%",
               onQueryChange: g(s)
             }, null, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            _.value || f.value || S.value.length ? (m(), $("div", Dl, [
+            _.value || f.value || x.value.length ? (m(), $("div", Dl, [
               j(H, { appearance: "danger" }, {
                 default: v(() => [
                   L("p", null, q(g(n)("consumer_groups.errors.add")), 1),
-                  S.value.length ? (m(), $("ul", zl, [
-                    (m(!0), $(be, null, ve(S.value, (de, We) => (m(), $("li", { key: We }, q(de), 1))), 128))
+                  x.value.length ? (m(), $("ul", zl, [
+                    (m(!0), $(be, null, ve(x.value, (de, We) => (m(), $("li", { key: We }, q(de), 1))), 128))
                   ])) : J("", !0),
                   L("div", null, q(_.value || f.value), 1)
                 ]),
@@ -4793,7 +4793,7 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
       k.value = "";
     }, d = () => {
       l.value++;
-    }, x = O(null), B = (A, W) => {
+    }, S = O(null), B = (A, W) => {
       const re = A.id;
       if (!W(re)) {
         n("copy:error", {
@@ -4808,7 +4808,7 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
         field: "id",
         message: i("consumer_groups.copy.success", { val: re })
       });
-    }, S = (A, W) => {
+    }, x = (A, W) => {
       const re = JSON.stringify(A);
       if (!W(re)) {
         n("copy:error", {
@@ -4878,12 +4878,12 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
     $e(h, (A) => {
       var W, re, ge, we;
       if (Array.isArray((W = A == null ? void 0 : A.response) == null ? void 0 : W.data) && (Vt.value = A.response.data.length > 0), A.status === qe.Error) {
-        x.value = {
+        S.value = {
           title: i("consumer_groups.errors.general")
-        }, (we = (ge = (re = A.error) == null ? void 0 : re.response) == null ? void 0 : ge.data) != null && we.message && (x.value.message = A.error.response.data.message), n("error", A.error);
+        }, (we = (ge = (re = A.error) == null ? void 0 : re.response) == null ? void 0 : ge.data) != null && we.message && (S.value.message = A.error.response.data.message), n("error", A.error);
         return;
       }
-      x.value = null;
+      S.value = null;
     });
     const Ct = O({
       ctaPath: u.value ? void 0 : r.config.createRoute,
@@ -4903,7 +4903,7 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
           "disable-sorting": c.value,
           "empty-state-options": Ct.value,
           "enable-entity-actions": "",
-          "error-message": x.value,
+          "error-message": S.value,
           fetcher: g(Z),
           "fetcher-cache-key": l.value,
           "pagination-type": "offset",
@@ -4918,7 +4918,7 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
           onSort: d
         }, {
           "toolbar-filter": v(() => [
-            u.value ? J("", !0) : (m(), D(g(xl), {
+            u.value ? J("", !0) : (m(), D(g(Sl), {
               key: 0,
               modelValue: k.value,
               "onUpdate:modelValue": W[0] || (W[0] = (Q) => k.value = Q),
@@ -4965,7 +4965,7 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
               default: v(() => [
                 (m(!0), $(be, null, ve(Q, (Pe) => (m(), D(ge, {
                   key: Pe,
-                  onClick: W[2] || (W[2] = St(() => {
+                  onClick: W[2] || (W[2] = xt(() => {
                   }, ["stop"]))
                 }, {
                   default: v(() => [
@@ -4996,7 +4996,7 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
               default: v(({ copyToClipboard: Pe }) => [
                 j(Xe, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (kr) => S(Q, Pe)
+                  onClick: (kr) => x(Q, Pe)
                 }, {
                   default: v(() => [
                     Y(q(g(i)("consumer_groups.actions.copy_json")), 1)
@@ -5165,11 +5165,11 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
     }, d = () => {
       var C;
       i.push(((C = n.config) == null ? void 0 : C.cancelRoute) || { name: "consumer-group-list" });
-    }, x = (C) => {
+    }, S = (C) => {
       r("error", C);
     }, B = (C) => {
       r("loading", C);
-    }, S = async (C) => {
+    }, x = async (C) => {
       var ae, V, z, me, ke;
       o.fields.name = ((ae = C == null ? void 0 : C.item) == null ? void 0 : ae.name) || ((V = C == null ? void 0 : C.consumer_group) == null ? void 0 : V.name) || (C == null ? void 0 : C.name) || "";
       const P = ((z = C == null ? void 0 : C.item) == null ? void 0 : z.tags) || (C == null ? void 0 : C.consumer_group.tags) || (C == null ? void 0 : C.tags) || [];
@@ -5263,8 +5263,8 @@ const El = ["aria-labelledby"], Ol = { class: "form-section-wrapper" }, Ml = {
           "form-fields": M.value,
           "is-readonly": o.readonly,
           onCancel: d,
-          "onFetch:error": P[3] || (P[3] = (z) => x(z)),
-          "onFetch:success": S,
+          "onFetch:error": P[3] || (P[3] = (z) => S(z)),
+          "onFetch:success": x,
           onLoading: P[4] || (P[4] = (z) => B(z)),
           onSubmit: bt
         }, {