@kong-ui-public/entities-consumer-groups 2.1.8 → 2.1.9-pr.985.f73a9541.0

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

@@ -2,7 +2,7 @@ import { defineComponent as ae, ref as E, computed as $, watch as Ae, renderSlot
 import { useRouter as _t } from "vue-router";
 import { createI18n as It, i18nTComponent as yn } from "@kong-ui-public/i18n";
 import wr from "axios";
-import { MethodsArray as _r } from "@kong/kongponents";
+import { BadgeMethodAppearances as _r } from "@kong/kongponents";
 const Ir = {
   list: {
     table_headers: {
@@ -355,43 +355,43 @@ function Pr(e, n, t, r = {
   t || (t = "100");
   const { axiosInstance: a } = At({
     headers: e.requestHeaders
-  }), { i18n: { t: o } } = xt(), { debounce: i } = Sr(), s = i(async (h) => {
-    await K(h);
+  }), { i18n: { t: o } } = xt(), { debounce: i } = Sr(), s = i(async (_) => {
+    await K(_);
   }, 200), l = E(!1), c = E(""), d = E(""), u = E([]), g = E([]), f = E(void 0), I = y(n);
   let b = `${e.apiBaseUrl}${I}`;
   e.app === "konnect" ? b = b.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (b = b.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const { isValidUuid: p } = vn(), A = async () => {
     try {
       l.value = !0;
-      const { data: h } = await a.get(`${b}?size=${t}`);
-      h != null && h.next || (f.value = r.fetchedItemsKey in h ? h[r.fetchedItemsKey] : []), g.value = r.fetchedItemsKey in h ? h[r.fetchedItemsKey] : [], u.value = g.value;
+      const { data: _ } = await a.get(`${b}?size=${t}`);
+      _ != null && _.next || (f.value = r.fetchedItemsKey in _ ? _[r.fetchedItemsKey] : []), g.value = r.fetchedItemsKey in _ ? _[r.fetchedItemsKey] : [], u.value = g.value;
     } catch {
       u.value = [], c.value = o("debouncedFilter.errors.fetch");
     } finally {
       l.value = !1;
     }
-  }, C = E(""), K = async (h) => {
+  }, h = E(""), K = async (_) => {
     var D, se, Y;
-    if (C.value !== h)
-      if (C.value = h || "", f.value === void 0)
+    if (h.value !== _)
+      if (h.value = _ || "", f.value === void 0)
         try {
           if (l.value = !0, c.value = "", d.value = "", e.app === "konnect") {
-            let _ = b + "";
-            h && (_ += `/${h}`);
-            const { data: N } = await a.get(`${_}?size=${t}`);
+            let w = b + "";
+            _ && (w += `/${_}`);
+            const { data: N } = await a.get(`${w}?size=${t}`);
             r.fetchedItemsKey in N ? u.value = N[r.fetchedItemsKey] : N != null && N.id ? u.value = [N] : u.value = [];
-          } else if (h) {
-            const _ = [];
-            p(h) && r.searchKeys.includes("id") ? _.push((async () => {
-              const { data: k } = await a.get(`${b}/${h}`);
+          } else if (_) {
+            const w = [];
+            p(_) && r.searchKeys.includes("id") ? w.push((async () => {
+              const { data: k } = await a.get(`${b}/${_}`);
               return [k[r.fetchedItemsKey] ?? k];
-            })()) : _.push(
+            })()) : w.push(
               ...r.searchKeys.filter((k) => k !== "id").map(async (k) => {
-                const { data: x } = await a.get(`${b}?${k}=${h}`);
+                const { data: x } = await a.get(`${b}?${k}=${_}`);
                 return x[r.fetchedItemsKey];
               })
             );
-            const N = await Promise.all(_), R = /* @__PURE__ */ new Set();
+            const N = await Promise.all(w), R = /* @__PURE__ */ new Set();
             u.value = [], (D = N == null ? void 0 : N.forEach) == null || D.call(N, (k) => {
               var x;
               (x = k == null ? void 0 : k.forEach) == null || x.call(k, (S) => {
@@ -400,18 +400,18 @@ function Pr(e, n, t, r = {
             });
           } else
             u.value = g.value;
-        } catch (_) {
-          ((se = _ == null ? void 0 : _.response) == null ? void 0 : se.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (u.value = [], c.value = o("debouncedFilter.errors.fetch"));
+        } catch (w) {
+          ((se = w == null ? void 0 : w.response) == null ? void 0 : se.status) === 404 ? d.value = o("debouncedFilter.errors.invalid") : (u.value = [], c.value = o("debouncedFilter.errors.fetch"));
         } finally {
           l.value = !1;
         }
       else
-        l.value = !0, d.value = "", h ? (u.value = (Y = f.value) == null ? void 0 : Y.filter((_) => {
+        l.value = !0, d.value = "", _ ? (u.value = (Y = f.value) == null ? void 0 : Y.filter((w) => {
           var N;
           let R = !1;
           for (const k of r.searchKeys) {
-            const x = typeof _[k] == "string" ? (N = _[k]) == null ? void 0 : N.toLowerCase() : _[k];
-            x != null && x.includes(h.toLowerCase()) && (R = !0);
+            const x = typeof w[k] == "string" ? (N = w[k]) == null ? void 0 : N.toLowerCase() : w[k];
+            x != null && x.includes(_.toLowerCase()) && (R = !0);
           }
           return R;
         }), (!u.value || !u.value.length) && (d.value = o("debouncedFilter.errors.invalid"))) : u.value = f.value, l.value = !1;
@@ -977,10 +977,10 @@ const ce = {
   setup(e, { emit: n }) {
     const t = e;
     gr((f) => ({
-      "23f3018c": c.value ? "none" : `solid ${y(_a)} ${y(Ca)}`,
-      "3815ec6d": l.value && i.value ? "block" : "flex",
-      "1957f153": l.value && i.value ? "100%" : t.slim ? "50%" : "25%",
-      "195a372e": l.value && i.value ? "100%" : t.slim ? "50%" : "75%"
+      "0fea14db": c.value ? "none" : `solid ${y(_a)} ${y(Ca)}`,
+      "1cf0460e": l.value && i.value ? "block" : "flex",
+      "328cca12": l.value && i.value ? "100%" : t.slim ? "50%" : "25%",
+      "328f0fed": l.value && i.value ? "100%" : t.slim ? "50%" : "75%"
     }));
     const r = lt(), { i18n: { t: a, formatUnixTimeStamp: o } } = ce.useI18n(), i = $(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), s = $(() => !!(t.item.tooltip || r["label-tooltip"])), l = $(() => t.item.type === ne.Json || t.item.type === ne.JsonArray), c = $(() => t.item.type === ne.JsonArray), d = $(() => {
       switch (t.item.type) {
@@ -1110,7 +1110,7 @@ const ce = {
       }
     }), u = E(), { isTruncated: g } = ce.useTruncationDetector(u);
     return (f, I) => {
-      const b = L("KLabel"), p = L("KBadge"), A = L("KMethodBadge"), C = L("KTooltip");
+      const b = L("KLabel"), p = L("KBadge"), A = L("KTooltip");
       return m(), M("div", Aa, [
         V("div", {
           class: "config-card-details-label",
@@ -1153,58 +1153,57 @@ const ce = {
                     key: 0,
                     "data-testid": `${e.item.key}-badge-tags`
                   }, [
-                    (m(!0), M(be, null, he(e.item.value, (K, h) => (m(), U(p, {
-                      key: `${e.item.key}-badge-tag-${h}`,
+                    (m(!0), M(be, null, he(e.item.value, (h, K) => (m(), U(p, {
+                      key: `${e.item.key}-badge-tag-${K}`,
                       class: "config-badge",
-                      "data-testid": `${e.item.key}-badge-tag-${h}`,
-                      "truncation-tooltip": K
+                      "data-testid": `${e.item.key}-badge-tag-${K}`,
+                      tooltip: h,
+                      "truncation-tooltip": ""
                     }, {
                       default: v(() => [
-                        Q(O(K), 1)
+                        Q(O(h), 1)
                       ]),
                       _: 2
-                    }, 1032, ["data-testid", "truncation-tooltip"]))), 128))
+                    }, 1032, ["data-testid", "tooltip"]))), 128))
                   ], 8, ja)) : H("", !0),
                   d.value.additionalComponent === "CopyUuid" ? (m(), M("div", {
                     key: 1,
                     class: "copy-uuid-array",
                     "data-testid": `${e.item.key}-copy-uuid-array`
                   }, [
-                    (m(!0), M(be, null, he(e.item.value, (K, h) => (m(), U(y(wn), ht(d.value.childAttrs, {
-                      key: `${e.item.key}-copy-uuid-${h}`,
-                      "data-testid": `${e.item.key}-copy-uuid-${h}`,
-                      uuid: K
+                    (m(!0), M(be, null, he(e.item.value, (h, K) => (m(), U(y(wn), ht(d.value.childAttrs, {
+                      key: `${e.item.key}-copy-uuid-${K}`,
+                      "data-testid": `${e.item.key}-copy-uuid-${K}`,
+                      uuid: h
                     }), null, 16, ["data-testid", "uuid"]))), 128))
                   ], 8, Ea)) : d.value.additionalComponent === "KMethodBadge" ? (m(), M("div", {
                     key: 2,
                     class: "method-badge-array",
                     "data-testid": `${e.item.key}-badge-methods`
                   }, [
-                    (m(!0), M(be, null, he(e.item.value, (K, h) => (m(), U(A, {
-                      key: `${e.item.key}-badge-method-${h}`,
+                    (m(!0), M(be, null, he(e.item.value, (h, K) => (m(), U(p, {
+                      key: `${e.item.key}-badge-method-${K}`,
+                      appearance: Object.values(y(_r)).includes(h.toLowerCase()) ? h.toLowerCase() : "custom",
                       class: "config-badge",
-                      "data-testid": `${e.item.key}-badge-method-${h}`,
-                      "is-rounded": "",
-                      label: K,
-                      method: y(_r).includes(K.toLowerCase()) ? K.toLowerCase() : "custom"
+                      "data-testid": `${e.item.key}-badge-method-${K}`
                     }, {
                       default: v(() => [
-                        Q(O(K), 1)
+                        Q(O(h), 1)
                       ]),
                       _: 2
-                    }, 1032, ["data-testid", "label", "method"]))), 128))
+                    }, 1032, ["appearance", "data-testid"]))), 128))
                   ], 8, Oa)) : H("", !0),
                   d.value.additionalComponent === "JsonCardItem" ? (m(), M("div", {
                     key: 3,
                     "data-testid": `${t.item.key}-json-array-content`
                   }, [
-                    (m(!0), M(be, null, he(e.item.value, (K, h) => (m(), U(_n, {
-                      key: `json-array-item-${h}`,
-                      index: h,
+                    (m(!0), M(be, null, he(e.item.value, (h, K) => (m(), U(_n, {
+                      key: `json-array-item-${K}`,
+                      index: K,
                       "is-array-item": "",
-                      item: K
+                      item: h
                     }, null, 8, ["index", "item"]))), 128))
-                  ], 8, Ka)) : (m(), U(C, {
+                  ], 8, Ka)) : (m(), U(A, {
                     key: 4,
                     label: y(g) ? e.item.value : ""
                   }, {
@@ -1229,7 +1228,7 @@ const ce = {
       ]);
     };
   }
-}), St = /* @__PURE__ */ Ce(Na, [["__scopeId", "data-v-e851fc7c"]]);
+}), St = /* @__PURE__ */ Ce(Na, [["__scopeId", "data-v-4c7d8cc3"]]);
 /*! js-yaml 4.1.0 https://github.com/nodeca/js-yaml @license MIT */
 function In(e) {
   return typeof e > "u" || e === null;
@@ -2023,17 +2022,17 @@ function Yo(e, n) {
   j(e, "unexpected end of the stream within a double quoted scalar");
 }
 function Wo(e, n) {
-  var t = !0, r, a, o, i = e.tag, s, l = e.anchor, c, d, u, g, f, I = /* @__PURE__ */ Object.create(null), b, p, A, C;
-  if (C = e.input.charCodeAt(e.position), C === 91)
+  var t = !0, r, a, o, i = e.tag, s, l = e.anchor, c, d, u, g, f, I = /* @__PURE__ */ Object.create(null), b, p, A, h;
+  if (h = e.input.charCodeAt(e.position), h === 91)
     d = 93, f = !1, s = [];
-  else if (C === 123)
+  else if (h === 123)
     d = 125, f = !0, s = {};
   else
     return !1;
-  for (e.anchor !== null && (e.anchorMap[e.anchor] = s), C = e.input.charCodeAt(++e.position); C !== 0; ) {
-    if (ie(e, !0, n), C = e.input.charCodeAt(e.position), C === d)
+  for (e.anchor !== null && (e.anchorMap[e.anchor] = s), h = e.input.charCodeAt(++e.position); h !== 0; ) {
+    if (ie(e, !0, n), h = e.input.charCodeAt(e.position), h === d)
       return e.position++, e.tag = i, e.anchor = l, e.kind = f ? "mapping" : "sequence", e.result = s, !0;
-    t ? C === 44 && j(e, "expected the node content, but found ','") : j(e, "missed comma between flow collection entries"), p = b = A = null, u = g = !1, C === 63 && (c = e.input.charCodeAt(e.position + 1), ve(c) && (u = g = !0, e.position++, ie(e, !0, n))), r = e.line, a = e.lineStart, o = e.position, Re(e, n, rt, !1, !0), p = e.tag, b = e.result, ie(e, !0, n), C = e.input.charCodeAt(e.position), (g || e.line === r) && C === 58 && (u = !0, C = e.input.charCodeAt(++e.position), ie(e, !0, n), Re(e, n, rt, !1, !0), A = e.result), f ? Ve(e, s, I, p, b, A, r, a, o) : u ? s.push(Ve(e, null, I, p, b, A, r, a, o)) : s.push(b), ie(e, !0, n), C = e.input.charCodeAt(e.position), C === 44 ? (t = !0, C = e.input.charCodeAt(++e.position)) : t = !1;
+    t ? h === 44 && j(e, "expected the node content, but found ','") : j(e, "missed comma between flow collection entries"), p = b = A = null, u = g = !1, h === 63 && (c = e.input.charCodeAt(e.position + 1), ve(c) && (u = g = !0, e.position++, ie(e, !0, n))), r = e.line, a = e.lineStart, o = e.position, Re(e, n, rt, !1, !0), p = e.tag, b = e.result, ie(e, !0, n), h = e.input.charCodeAt(e.position), (g || e.line === r) && h === 58 && (u = !0, h = e.input.charCodeAt(++e.position), ie(e, !0, n), Re(e, n, rt, !1, !0), A = e.result), f ? Ve(e, s, I, p, b, A, r, a, o) : u ? s.push(Ve(e, null, I, p, b, A, r, a, o)) : s.push(b), ie(e, !0, n), h = e.input.charCodeAt(e.position), h === 44 ? (t = !0, h = e.input.charCodeAt(++e.position)) : t = !1;
   }
   j(e, "unexpected end of the stream within a flow collection");
 }
@@ -2101,20 +2100,20 @@ function en(e, n) {
   return s ? (e.tag = r, e.anchor = a, e.kind = "sequence", e.result = o, !0) : !1;
 }
 function Qo(e, n, t) {
-  var r, a, o, i, s, l, c = e.tag, d = e.anchor, u = {}, g = /* @__PURE__ */ Object.create(null), f = null, I = null, b = null, p = !1, A = !1, C;
+  var r, a, o, i, s, l, c = e.tag, d = e.anchor, u = {}, g = /* @__PURE__ */ Object.create(null), f = null, I = null, b = null, p = !1, A = !1, h;
   if (e.firstTabInLine !== -1)
     return !1;
-  for (e.anchor !== null && (e.anchorMap[e.anchor] = u), C = e.input.charCodeAt(e.position); C !== 0; ) {
-    if (!p && e.firstTabInLine !== -1 && (e.position = e.firstTabInLine, j(e, "tab characters must not be used in indentation")), r = e.input.charCodeAt(e.position + 1), o = e.line, (C === 63 || C === 58) && ve(r))
-      C === 63 ? (p && (Ve(e, u, g, f, I, null, i, s, l), f = I = b = null), A = !0, p = !0, a = !0) : p ? (p = !1, a = !0) : j(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, C = r;
+  for (e.anchor !== null && (e.anchorMap[e.anchor] = u), h = e.input.charCodeAt(e.position); h !== 0; ) {
+    if (!p && e.firstTabInLine !== -1 && (e.position = e.firstTabInLine, j(e, "tab characters must not be used in indentation")), r = e.input.charCodeAt(e.position + 1), o = e.line, (h === 63 || h === 58) && ve(r))
+      h === 63 ? (p && (Ve(e, u, g, f, I, null, i, s, l), f = I = b = null), A = !0, p = !0, a = !0) : p ? (p = !1, a = !0) : j(e, "incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"), e.position += 1, h = r;
     else {
       if (i = e.line, s = e.lineStart, l = e.position, !Re(e, t, Gn, !1, !0))
         break;
       if (e.line === o) {
-        for (C = e.input.charCodeAt(e.position); Ke(C); )
-          C = e.input.charCodeAt(++e.position);
-        if (C === 58)
-          C = e.input.charCodeAt(++e.position), ve(C) || j(e, "a whitespace character is expected after the key-value separator within a block mapping"), p && (Ve(e, u, g, f, I, null, i, s, l), f = I = b = null), A = !0, p = !1, a = !1, f = e.tag, I = e.result;
+        for (h = e.input.charCodeAt(e.position); Ke(h); )
+          h = e.input.charCodeAt(++e.position);
+        if (h === 58)
+          h = e.input.charCodeAt(++e.position), ve(h) || j(e, "a whitespace character is expected after the key-value separator within a block mapping"), p && (Ve(e, u, g, f, I, null, i, s, l), f = I = b = null), A = !0, p = !1, a = !1, f = e.tag, I = e.result;
         else if (A)
           j(e, "can not read an implicit mapping pair; a colon is missed");
         else
@@ -2124,7 +2123,7 @@ function Qo(e, n, t) {
       else
         return e.tag = c, e.anchor = d, !0;
     }
-    if ((e.line === o || e.lineIndent > n) && (p && (i = e.line, s = e.lineStart, l = e.position), Re(e, n, at, !0, a) && (p ? I = e.result : b = e.result), p || (Ve(e, u, g, f, I, b, i, s, l), f = I = b = null), ie(e, !0, -1), C = e.input.charCodeAt(e.position)), (e.line === o || e.lineIndent > n) && C !== 0)
+    if ((e.line === o || e.lineIndent > n) && (p && (i = e.line, s = e.lineStart, l = e.position), Re(e, n, at, !0, a) && (p ? I = e.result : b = e.result), p || (Ve(e, u, g, f, I, b, i, s, l), f = I = b = null), ie(e, !0, -1), h = e.input.charCodeAt(e.position)), (e.line === o || e.lineIndent > n) && h !== 0)
       j(e, "bad indentation of a mapping entry");
     else if (e.lineIndent < n)
       break;
@@ -2899,8 +2898,8 @@ const as = {
         label: "YAML",
         value: "yaml"
       }
-    ], d = E("structured"), u = (_) => {
-      d.value = _ == null ? void 0 : _.value;
+    ], d = E("structured"), u = (w) => {
+      d.value = w == null ? void 0 : w.value;
     }, g = {
       id: {
         type: ne.ID,
@@ -2936,12 +2935,12 @@ const as = {
         section: ke.Basic
       }
     }, f = E(!1), I = E(!1), b = E(""), p = E(), A = $(() => {
-      var _, N, R;
+      var w, N, R;
       if (!p.value)
         return [];
       const k = [], x = Object.keys(p.value).length;
       for (const S in p.value) {
-        const q = (N = (_ = r.configSchema) == null ? void 0 : _[S]) == null ? void 0 : N.order, J = (R = g[S]) == null ? void 0 : R.order;
+        const q = (N = (w = r.configSchema) == null ? void 0 : w[S]) == null ? void 0 : N.order, J = (R = g[S]) == null ? void 0 : R.order;
         let X = x;
         (J || J === 0) && (X = J === -1 ? x + 1 : J), q && (X = q === -1 ? x + 1 : q), k.push([S, X]);
       }
@@ -2960,13 +2959,13 @@ const as = {
           section: te.section ?? ((le == null ? void 0 : le.section) || ke.Advanced)
         };
       }).filter((S) => !S.hidden && S.key !== r.pluginConfigKey);
-    }), C = $(() => {
-      var _, N;
+    }), h = $(() => {
+      var w, N;
       if (!p.value || !r.pluginConfigKey)
         return [];
       const R = p.value[r.pluginConfigKey] || {}, k = Object.keys(R).length, x = [];
       for (const S in R) {
-        const q = (N = (_ = r.pluginConfigSchema) == null ? void 0 : _[S]) == null ? void 0 : N.order, J = R[S];
+        const q = (N = (w = r.pluginConfigSchema) == null ? void 0 : w[S]) == null ? void 0 : N.order, J = R[S];
         let X = J != null && J !== "" ? k - 1 : k;
         q && (X = q === -1 ? k + 1 : q), x.push([S, X]);
       }
@@ -2986,50 +2985,50 @@ const as = {
         };
       }).filter((S) => !S.hidden);
     }), K = $(() => {
-      var _, N, R, k;
+      var w, N, R, k;
       return {
-        basic: (_ = A.value) == null ? void 0 : _.filter((x) => x.section === ke.Basic),
+        basic: (w = A.value) == null ? void 0 : w.filter((x) => x.section === ke.Basic),
         advanced: (N = A.value) == null ? void 0 : N.filter((x) => x.section === ke.Advanced),
-        plugin: (k = C.value) == null ? void 0 : k.concat((R = A.value) == null ? void 0 : R.filter((x) => x.section === ke.Plugin))
+        plugin: (k = h.value) == null ? void 0 : k.concat((R = A.value) == null ? void 0 : R.filter((x) => x.section === ke.Plugin))
       };
-    }), h = $(() => {
-      const _ = [];
-      return K.value.basic.length && _.push("basic"), K.value.advanced.length && _.push("advanced"), K.value.plugin.length && _.push("plugin"), _;
-    }), D = (_) => !!(_.tooltip || a[`${_.key}-label-tooltip`]), se = $(() => {
-      var _, N;
+    }), _ = $(() => {
+      const w = [];
+      return K.value.basic.length && w.push("basic"), K.value.advanced.length && w.push("advanced"), K.value.plugin.length && w.push("plugin"), w;
+    }), D = (w) => !!(w.tooltip || a[`${w.key}-label-tooltip`]), se = $(() => {
+      var w, N;
       let R = `${r.config.apiBaseUrl}${r.fetchUrl}`;
-      return r.config.app === "konnect" ? R = R.replace(/{controlPlaneId}/gi, ((_ = r.config) == null ? void 0 : _.controlPlaneId) || "") : r.config.app === "kongManager" && (R = R.replace(/\/{workspace}/gi, (N = r.config) != null && N.workspace ? `/${r.config.workspace}` : "")), R = R.replace(/{id}/gi, r.config.entityId), R;
-    }), Y = (_) => {
-      p.value && _(JSON.stringify(p.value)) ? n("copy:success", p.value) : n("copy:error");
+      return r.config.app === "konnect" ? R = R.replace(/{controlPlaneId}/gi, ((w = r.config) == null ? void 0 : w.controlPlaneId) || "") : r.config.app === "kongManager" && (R = R.replace(/\/{workspace}/gi, (N = r.config) != null && N.workspace ? `/${r.config.workspace}` : "")), R = R.replace(/{id}/gi, r.config.entityId), R;
+    }), Y = (w) => {
+      p.value && w(JSON.stringify(p.value)) ? n("copy:success", p.value) : n("copy:error");
     };
-    return Ae(f, (_) => {
-      n("loading", _);
+    return Ae(f, (w) => {
+      n("loading", w);
     }, { immediate: !0 }), ut(async () => {
       I.value = !1, f.value = !0;
       try {
-        const { data: _ } = await l.get(se.value);
+        const { data: w } = await l.get(se.value);
         if (r.dataKey)
-          if (typeof _[r.dataKey] < "u")
-            p.value = { ..._[r.dataKey] };
+          if (typeof w[r.dataKey] < "u")
+            p.value = { ...w[r.dataKey] };
           else
             throw new Error(o("errors.dataKeyUndefined", { dataKey: r.dataKey }));
         else
-          p.value = { ..._ };
+          p.value = { ...w };
         Object.keys(r.configSchema).filter((N) => r.configSchema[N].forceShow).forEach((N) => {
           p.value && typeof p.value[N] > "u" && (p.value[N] = null);
-        }), n("fetch:success", _);
-      } catch (_) {
-        const N = i(_);
-        b.value = N.startsWith("code") ? o("baseConfigCard.errors.load") : N, I.value = !0, n("fetch:error", _);
+        }), n("fetch:success", w);
+      } catch (w) {
+        const N = i(w);
+        b.value = N.startsWith("code") ? o("baseConfigCard.errors.load") : N, I.value = !0, n("fetch:error", w);
       } finally {
         f.value = !1;
       }
-    }), (_, N) => {
+    }), (w, N) => {
       const R = L("KLabel"), k = L("KSelect"), x = L("KButton"), S = L("KClipboardProvider"), q = L("KSkeleton"), J = L("KEmptyState"), X = L("KCard");
       return m(), U(X, { class: "kong-ui-entity-base-config-card" }, $e({
         actions: v(() => [
           V("div", bs, [
-            Z(_.$slots, "actions", {}, void 0, !0),
+            Z(w.$slots, "actions", {}, void 0, !0),
             e.config.jsonYamlEnabled ? (m(), U(R, {
               key: 0,
               class: "config-format-select-label",
@@ -3101,14 +3100,14 @@ const as = {
           e.config.jsonYamlEnabled ? (m(), M("div", Cs, [
             F(cs, {
               format: d.value,
-              "prop-list-types": h.value,
+              "prop-list-types": _.value,
               "property-collections": K.value,
               record: p.value
             }, $e({ _: 2 }, [
-              he(Object.keys(_.$slots), (ee) => ({
+              he(Object.keys(w.$slots), (ee) => ({
                 name: ee,
                 fn: v(({ row: te, rowValue: le }) => [
-                  Z(_.$slots, ee, {
+                  Z(w.$slots, ee, {
                     row: te,
                     rowValue: le
                   }, void 0, !0)
@@ -3116,7 +3115,7 @@ const as = {
               }))
             ]), 1032, ["format", "prop-list-types", "property-collections", "record"])
           ])) : (m(), M("div", ws, [
-            (m(!0), M(be, null, he(h.value, (ee) => (m(), M("div", {
+            (m(!0), M(be, null, he(_.value, (ee) => (m(), M("div", {
               key: `config-card-details-${ee}-props`,
               class: Fe(`config-card-details-${ee}-props`),
               "data-testid": `config-card-details-${ee}-props`
@@ -3127,10 +3126,10 @@ const as = {
                 item: te
               }, $e({
                 label: v(() => [
-                  Z(_.$slots, `${te.key}-label`, { row: te }, void 0, !0)
+                  Z(w.$slots, `${te.key}-label`, { row: te }, void 0, !0)
                 ]),
                 [te.key]: v(({ rowValue: le }) => [
-                  Z(_.$slots, te.key, {
+                  Z(w.$slots, te.key, {
                     row: te,
                     rowValue: le
                   }, void 0, !0)
@@ -3140,7 +3139,7 @@ const as = {
                 D(te) ? {
                   name: "label-tooltip",
                   fn: v(() => [
-                    Z(_.$slots, `${te.key}-label-tooltip`, { row: te }, void 0, !0)
+                    Z(w.$slots, `${te.key}-label-tooltip`, { row: te }, void 0, !0)
                   ]),
                   key: "0"
                 } : void 0
@@ -3154,7 +3153,7 @@ const as = {
           name: "title",
           fn: v(() => [
             V("div", vs, [
-              Z(_.$slots, "title", {}, () => [
+              Z(w.$slots, "title", {}, () => [
                 Q(O(y(o)("baseConfigCard.title")), 1)
               ], !0)
             ])
@@ -3223,8 +3222,8 @@ const as = {
       var p, A;
       if (!r.editId)
         return "";
-      let C = `${r.config.apiBaseUrl}${r.fetchUrl}`;
-      return r.config.app === "konnect" ? C = C.replace(/{controlPlaneId}/gi, ((p = r.config) == null ? void 0 : p.controlPlaneId) || "") : r.config.app === "kongManager" && (C = C.replace(/\/{workspace}/gi, (A = r.config) != null && A.workspace ? `/${r.config.workspace}` : "")), C = C.replace(/{id}/gi, r.editId), C;
+      let h = `${r.config.apiBaseUrl}${r.fetchUrl}`;
+      return r.config.app === "konnect" ? h = h.replace(/{controlPlaneId}/gi, ((p = r.config) == null ? void 0 : p.controlPlaneId) || "") : r.config.app === "kongManager" && (h = h.replace(/\/{workspace}/gi, (A = r.config) != null && A.workspace ? `/${r.config.workspace}` : "")), h = h.replace(/{id}/gi, r.editId), h;
     }), f = () => {
       r.config.cancelRoute ? a.push(r.config.cancelRoute) : I();
     }, I = () => {
@@ -3247,10 +3246,10 @@ const as = {
           l.value = !1;
         }
     }), (p, A) => {
-      const C = L("KSkeleton"), K = L("KEmptyState"), h = L("KAlert"), D = L("KButton"), se = L("KCard");
+      const h = L("KSkeleton"), K = L("KEmptyState"), _ = L("KAlert"), D = L("KButton"), se = L("KCard");
       return m(), U(se, { class: "kong-ui-entity-base-form" }, {
         default: v(() => [
-          l.value ? (m(), U(C, {
+          l.value ? (m(), U(h, {
             key: 0,
             type: "form"
           })) : c.value ? (m(), U(K, {
@@ -3271,7 +3270,7 @@ const as = {
             onSubmit: nt(b, ["prevent"])
           }, [
             Z(p.$slots, "default", {}, void 0, !0),
-            e.errorMessage ? (m(), U(h, {
+            e.errorMessage ? (m(), U(_, {
               key: 0,
               "alert-message": e.errorMessage,
               appearance: "danger",
@@ -3497,42 +3496,42 @@ const as = {
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: n }) {
     const t = e, { i18n: { t: r } } = ce.useI18n(), a = $(() => {
-      var h, D;
+      var _, D;
       return typeof t.errorMessage == "string" ? {
         hasError: !!t.errorMessage,
         title: t.errorMessage,
         message: void 0
       } : {
         hasError: !!t.errorMessage,
-        title: (h = t.errorMessage) == null ? void 0 : h.title,
+        title: (_ = t.errorMessage) == null ? void 0 : _.title,
         message: (D = t.errorMessage) == null ? void 0 : D.message
       };
-    }), o = $(() => t.cacheIdentifier || t.preferencesStorageKey), i = (h) => h.hasData || !!t.query, s = $(() => {
-      const h = [];
+    }), o = $(() => t.cacheIdentifier || t.preferencesStorageKey), i = (_) => _.hasData || !!t.query, s = $(() => {
+      const _ = [];
       return Object.keys(t.tableHeaders).forEach((D) => {
         const se = t.tableHeaders[D];
-        h.push({
+        _.push({
           label: se.label ?? D,
           key: D,
           sortable: se.sortable ?? !1
         });
-      }), t.enableEntityActions && h.push({
+      }), t.enableEntityActions && _.push({
         key: "actions",
         hideLabel: !0
-      }), h;
-    }), l = (h) => ({
-      "data-rowid": h.id,
-      "data-testid": h.name,
-      ...t.rowAttributes(h)
-    }), c = E({}), d = (h) => {
+      }), _;
+    }), l = (_) => ({
+      "data-rowid": _.id,
+      "data-testid": _.name,
+      ...t.rowAttributes(_)
+    }), c = E({}), d = (_) => {
       var D;
-      return (D = c.value) == null ? void 0 : D.$el.querySelector(`[data-rowid="${h.id}"]`);
-    }, u = (h) => {
+      return (D = c.value) == null ? void 0 : D.$el.querySelector(`[data-rowid="${_.id}"]`);
+    }, u = (_) => {
       const D = {
-        "data-testid": h.headerKey,
-        ...t.cellAttributes(h)
+        "data-testid": _.headerKey,
+        ...t.cellAttributes(_)
       };
-      return h.colIndex === 0 && (D.style = {
+      return _.colIndex === 0 && (D.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
@@ -3541,21 +3540,21 @@ const as = {
       n("empty-state-cta-clicked"), f();
     }, f = () => {
       n("clear-search-input");
-    }, I = $(() => t.disableRowClick ? void 0 : (h, D) => {
+    }, I = $(() => t.disableRowClick ? void 0 : (_, D) => {
       n("click:row", D);
-    }), b = (h) => {
-      n("sort", h);
-    }, { setTablePreferences: p, getTablePreferences: A } = $r(), C = $(() => {
-      const h = A(t.preferencesStorageKey);
+    }), b = (_) => {
+      n("sort", _);
+    }, { setTablePreferences: p, getTablePreferences: A } = $r(), h = $(() => {
+      const _ = A(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
-        ...h
+        ..._
       };
-    }), K = (h) => {
-      t.preferencesStorageKey && p(t.preferencesStorageKey, h);
+    }), K = (_) => {
+      t.preferencesStorageKey && p(t.preferencesStorageKey, _);
     };
-    return (h, D) => {
-      const se = L("KIcon"), Y = L("KButton"), _ = L("KDropdown"), N = L("KTable"), R = L("KCard");
+    return (_, D) => {
+      const se = L("KIcon"), Y = L("KButton"), w = L("KDropdown"), N = L("KTable"), R = L("KCard");
       return m(), U(R, {
         class: "kong-ui-entity-base-table",
         title: e.title
@@ -3583,7 +3582,7 @@ const as = {
             "has-error": a.value.hasError,
             headers: s.value,
             "hide-pagination-when-optional": "",
-            "initial-fetcher-params": C.value,
+            "initial-fetcher-params": h.value,
             "is-loading": e.isLoading,
             "pagination-type": e.paginationType,
             "row-attrs": l,
@@ -3595,9 +3594,9 @@ const as = {
           }, $e({
             toolbar: v(({ state: k }) => [
               Je(V("div", Ks, [
-                Z(h.$slots, "toolbar-filter", {}, void 0, !0),
-                h.$slots["toolbar-button"] ? (m(), M("div", Fs, [
-                  Z(h.$slots, "toolbar-button", {}, void 0, !0)
+                Z(_.$slots, "toolbar-filter", {}, void 0, !0),
+                _.$slots["toolbar-button"] ? (m(), M("div", Fs, [
+                  Z(_.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : H("", !0)
               ], 512), [
                 [Ye, i(k)]
@@ -3608,12 +3607,12 @@ const as = {
                 class: "actions-container",
                 "data-testid": k.name
               }, [
-                F(_, {
+                F(w, {
                   "kpop-attributes": { placement: "bottomEnd" },
                   width: e.dropdownMenuWidth
                 }, {
                   items: v(() => [
-                    Z(h.$slots, "actions", {
+                    Z(_.$slots, "actions", {
                       row: k,
                       rowKey: x,
                       rowValue: S
@@ -3649,7 +3648,7 @@ const as = {
                   "row-el": d(S)
                 }, {
                   default: v(() => [
-                    Z(h.$slots, x, {
+                    Z(_.$slots, x, {
                       row: S,
                       rowKey: q,
                       rowValue: J
@@ -3831,8 +3830,8 @@ const as = {
   setup(e, { emit: n }) {
     const t = e, { i18n: { t: r } } = ce.useI18n(), a = E(!1), o = E({}), i = $(() => {
       const p = [];
-      return new URLSearchParams(t.modelValue).forEach((A, C) => {
-        A !== "" && p.push(C);
+      return new URLSearchParams(t.modelValue).forEach((A, h) => {
+        A !== "" && p.push(h);
       }), p;
     }), s = $(() => {
       const p = t.config.fields;
@@ -3842,8 +3841,8 @@ const as = {
       }));
     });
     Ae(() => t.modelValue, (p) => {
-      o.value = {}, new URLSearchParams(p).forEach((A, C) => {
-        o.value[C] = A;
+      o.value = {}, new URLSearchParams(p).forEach((A, h) => {
+        o.value[h] = A;
       });
     });
     const l = () => {
@@ -3851,14 +3850,14 @@ const as = {
     }, c = (p) => {
       n("update:modelValue", p);
     }, d = (p) => `filter-${p}`, u = (p) => {
-      var A, C;
-      return (((C = (A = t.config.schema) == null ? void 0 : A[p]) == null ? void 0 : C.values) ?? []).map((K) => ({
+      var A, h;
+      return (((h = (A = t.config.schema) == null ? void 0 : A[p]) == null ? void 0 : h.values) ?? []).map((K) => ({
         value: K,
         label: K
       }));
     }, g = (p) => {
-      var A, C;
-      return ((C = (A = t.config.schema) == null ? void 0 : A[p]) == null ? void 0 : C.type) ?? "text";
+      var A, h;
+      return ((h = (A = t.config.schema) == null ? void 0 : A[p]) == null ? void 0 : h.type) ?? "text";
     }, f = (p) => {
       o.value = {
         ...o.value,
@@ -3867,12 +3866,12 @@ const as = {
     }, I = () => {
       o.value = {}, b(!0);
     }, b = (p = !1) => {
-      const A = Object.keys(o.value).reduce((C, K) => (o.value[K] && (C[K] = `${o.value[K]}`), C), {});
+      const A = Object.keys(o.value).reduce((h, K) => (o.value[K] && (h[K] = `${o.value[K]}`), h), {});
       p && (a.value = !1), n("update:modelValue", new URLSearchParams(A).toString());
     };
     return (p, A) => {
-      const C = L("KInput"), K = L("KButton"), h = L("KSelect"), D = L("KMenuItem"), se = L("KMenu");
-      return e.config.isExactMatch ? (m(), U(C, {
+      const h = L("KInput"), K = L("KButton"), _ = L("KSelect"), D = L("KMenuItem"), se = L("KMenu");
+      return e.config.isExactMatch ? (m(), U(h, {
         key: 0,
         autocomplete: "off",
         class: "kong-ui-entity-filter-input",
@@ -3905,11 +3904,11 @@ const as = {
         ]),
         Je(F(se, { class: "kong-ui-entity-filter-menu" }, {
           body: v(() => [
-            (m(!0), M(be, null, he(s.value, (Y, _) => (m(), U(D, {
+            (m(!0), M(be, null, he(s.value, (Y, w) => (m(), U(D, {
               key: Y.value,
               "data-testid": Y.value,
               expandable: "",
-              "last-menu-item": _ === s.value.length - 1
+              "last-menu-item": w === s.value.length - 1
             }, {
               itemTitle: v(() => [
                 V("span", Ys, [
@@ -3927,7 +3926,7 @@ const as = {
                       class: "menu-item-label",
                       for: d(Y.value)
                     }, O(y(r)("filter.fieldLabel")), 9, Qs),
-                    ((R = (N = e.config.schema) == null ? void 0 : N[Y.value]) == null ? void 0 : R.type) === "select" ? (m(), U(h, {
+                    ((R = (N = e.config.schema) == null ? void 0 : N[Y.value]) == null ? void 0 : R.type) === "select" ? (m(), U(_, {
                       key: 0,
                       id: d(Y.value),
                       modelValue: o.value[Y.value],
@@ -3935,7 +3934,7 @@ const as = {
                       appearance: "select",
                       items: u(Y.value),
                       placeholder: y(r)("filter.selectPlaceholder")
-                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (m(), U(C, {
+                    }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "items", "placeholder"])) : (m(), U(h, {
                       key: 1,
                       id: d(Y.value),
                       modelValue: o.value[Y.value],
@@ -4133,21 +4132,21 @@ const as = {
       const x = I.value ? u.value.find((q) => q.id === k) : (S = l.value) == null ? void 0 : S.find((q) => q.id === k);
       return x ? x.name : k;
     }, A = () => {
-      h.value = "", C.value = [], _.value = [], n("cancel");
-    }, C = E([]), K = E(!1), h = E(""), D = async () => {
+      _.value = "", h.value = [], w.value = [], n("cancel");
+    }, h = E([]), K = E(!1), _ = E(""), D = async () => {
       if (!o.value.length) {
-        h.value = "", _.value = [], n("cancel");
+        _.value = "", w.value = [], n("cancel");
         return;
       }
-      K.value = !0, h.value = "", C.value = [], _.value = [];
+      K.value = !0, _.value = "", h.value = [], w.value = [];
       try {
         const k = o.value.map((q) => Y(q)), x = await Promise.allSettled(k);
         let S = !0;
         x.forEach((q) => {
           q.status !== "fulfilled" && (S = !1);
-        }), S ? (C.value = [], _.value = [], n("add:success", o.value), o.value = []) : (C.value.length && n("add:partial-success", C.value), o.value = [], N(x));
+        }), S ? (h.value = [], w.value = [], n("add:success", o.value), o.value = []) : (h.value.length && n("add:partial-success", h.value), o.value = [], N(x));
       } catch {
-        h.value = r("consumer_groups.errors.add"), n("error", h.value);
+        _.value = r("consumer_groups.errors.add"), n("error", _.value);
       } finally {
         K.value = !1;
       }
@@ -4161,13 +4160,13 @@ const as = {
       };
       try {
         const S = await a.post(se.value, x);
-        return C.value.push(k), S;
+        return h.value.push(k), S;
       } catch (S) {
         let q = `${p(k)} - ${S.message}`;
         return S.response.status === 409 && (q = `${p(k)} - ${r("consumer_groups.errors.already_added")}`), Promise.reject(Error(q));
       }
-    }, _ = E([]), N = (k) => {
-      _.value = k.map((x) => {
+    }, w = E([]), N = (k) => {
+      w.value = k.map((x) => {
         var S;
         return (S = x.reason) == null ? void 0 : S.message;
       }).filter(Boolean);
@@ -4205,14 +4204,14 @@ const as = {
               width: "100%",
               onQueryChange: y(i)
             }, null, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            h.value || g.value || _.value.length ? (m(), M("div", ml, [
+            _.value || g.value || w.value.length ? (m(), M("div", ml, [
               F(q, { appearance: "danger" }, {
                 alertMessage: v(() => [
                   V("p", null, O(y(r)("consumer_groups.errors.add")), 1),
-                  _.value.length ? (m(), M("ul", gl, [
-                    (m(!0), M(be, null, he(_.value, (X, ee) => (m(), M("li", { key: ee }, O(X), 1))), 128))
+                  w.value.length ? (m(), M("ul", gl, [
+                    (m(!0), M(be, null, he(w.value, (X, ee) => (m(), M("li", { key: ee }, O(X), 1))), 128))
                   ])) : H("", !0),
-                  V("div", null, O(h.value || g.value), 1)
+                  V("div", null, O(_.value || g.value), 1)
                 ]),
                 _: 1
               })
@@ -4303,9 +4302,9 @@ const as = {
         },
         schema: t.config.filterSchema
       };
-    }), p = $(() => l.value ? "consumer_groups" : void 0), { fetcher: A, fetcherState: C } = dl(t.config, f.value, p.value), K = () => {
+    }), p = $(() => l.value ? "consumer_groups" : void 0), { fetcher: A, fetcherState: h } = dl(t.config, f.value, p.value), K = () => {
       I.value = "";
-    }, h = () => {
+    }, _ = () => {
       s.value++;
     }, D = E(null), se = (T, z) => {
       const re = T.id;
@@ -4335,7 +4334,7 @@ const as = {
         entity: T,
         message: a("consumer_groups.copy.success_brief")
       });
-    }, _ = async (T) => {
+    }, w = async (T) => {
       var re;
       await ((re = t.canRetrieve) == null ? void 0 : re.call(t, T)) && o.push(t.config.getViewRoute(T.id));
     }, N = (T) => ({
@@ -4362,10 +4361,10 @@ const as = {
       }
     }, le = E(!1), De = () => {
       le.value = !0;
-    }, w = () => {
+    }, C = () => {
       le.value = !1;
     }, B = (T, z) => {
-      z || w(), s.value++, n("add:success", T);
+      z || C(), s.value++, n("add:success", T);
     }, oe = () => {
       l.value && De();
     }, P = E(void 0), G = E(!1), ge = E(""), we = (T) => {
@@ -4389,7 +4388,7 @@ const as = {
         }
       }
     }, Nt = E(!0);
-    Ae(C, (T) => {
+    Ae(h, (T) => {
       var z, re, ye, _e;
       if (Array.isArray((z = T == null ? void 0 : T.response) == null ? void 0 : z.data) && (Nt.value = T.response.data.length > 0), T.status === Oe.Error) {
         D.value = {
@@ -4427,9 +4426,9 @@ const as = {
           "table-headers": y(u),
           "use-action-outside": e.useActionOutside,
           onClearSearchInput: K,
-          "onClick:row": z[3] || (z[3] = (W) => _(W)),
+          "onClick:row": z[3] || (z[3] = (W) => w(W)),
           onEmptyStateCtaClicked: oe,
-          onSort: h
+          onSort: _
         }, {
           "toolbar-filter": v(() => [
             l.value ? H("", !0) : (m(), U(y(nl), {
@@ -4582,7 +4581,7 @@ const as = {
           visible: le.value,
           "onAdd:partialSuccess": z[4] || (z[4] = (W) => B(W, !0)),
           "onAdd:success": z[5] || (z[5] = (W) => B(W)),
-          onCancel: w
+          onCancel: C
         }, null, 8, ["config", "visible"])) : H("", !0),
         e.config.consumerId && P.value ? (m(), U(fr, {
           key: 1,
@@ -4664,32 +4663,32 @@ const as = {
       searchKeys: ["username", "custom_id", "id"]
     }), { axiosInstance: g } = Kt({
       headers: (De = t.config) == null ? void 0 : De.requestHeaders
-    }), { getMessageFromError: f } = cl(), I = $(() => u.value.map((w) => ({
-      label: w.username || w.custom_id,
-      value: w.id,
-      selected: o.fields.consumers.includes(w.id),
-      data: w
+    }), { getMessageFromError: f } = cl(), I = $(() => u.value.map((C) => ({
+      label: C.username || C.custom_id,
+      value: C.id,
+      selected: o.fields.consumers.includes(C.id),
+      data: C
       // we need this to determine whether or not to show the description text
     }))), b = $(() => {
-      var w, B;
-      return (B = Me.form[(w = t.config) == null ? void 0 : w.app]) == null ? void 0 : B.edit;
-    }), p = $(() => t.consumerGroupId ? tt.Edit : tt.Create), A = $(() => !!o.fields.name && !_.value), C = $(() => JSON.stringify(o.fields) !== JSON.stringify(i)), K = (w, B = "", oe = "") => {
+      var C, B;
+      return (B = Me.form[(C = t.config) == null ? void 0 : C.app]) == null ? void 0 : B.edit;
+    }), p = $(() => t.consumerGroupId ? tt.Edit : tt.Create), A = $(() => !!o.fields.name && !w.value), h = $(() => JSON.stringify(o.fields) !== JSON.stringify(i)), K = (C, B = "", oe = "") => {
       var G, ge, we, de, Ne, Ge;
-      let P = `${(G = t.config) == null ? void 0 : G.apiBaseUrl}${Me.form[(ge = t.config) == null ? void 0 : ge.app][w]}`;
-      return ((we = t.config) == null ? void 0 : we.app) === "konnect" ? P = P.replace(/{controlPlaneId}/gi, ((de = t.config) == null ? void 0 : de.controlPlaneId) || "") : ((Ne = t.config) == null ? void 0 : Ne.app) === "kongManager" && (P = P.replace(/\/{workspace}/gi, (Ge = t.config) != null && Ge.workspace ? `/${t.config.workspace}` : "")), P = P.replace(/{id}/gi, B || t.consumerGroupId), (w === "addConsumer" || w === "removeConsumer") && (P = P.replace(/{consumerId}/gi, oe)), P;
-    }, h = () => {
-      var w;
-      a.push(((w = t.config) == null ? void 0 : w.cancelRoute) || { name: "consumer-group-list" });
-    }, D = (w) => {
-      n("error", w);
-    }, se = (w) => {
-      n("loading", w);
-    }, Y = async (w) => {
+      let P = `${(G = t.config) == null ? void 0 : G.apiBaseUrl}${Me.form[(ge = t.config) == null ? void 0 : ge.app][C]}`;
+      return ((we = t.config) == null ? void 0 : we.app) === "konnect" ? P = P.replace(/{controlPlaneId}/gi, ((de = t.config) == null ? void 0 : de.controlPlaneId) || "") : ((Ne = t.config) == null ? void 0 : Ne.app) === "kongManager" && (P = P.replace(/\/{workspace}/gi, (Ge = t.config) != null && Ge.workspace ? `/${t.config.workspace}` : "")), P = P.replace(/{id}/gi, B || t.consumerGroupId), (C === "addConsumer" || C === "removeConsumer") && (P = P.replace(/{consumerId}/gi, oe)), P;
+    }, _ = () => {
+      var C;
+      a.push(((C = t.config) == null ? void 0 : C.cancelRoute) || { name: "consumer-group-list" });
+    }, D = (C) => {
+      n("error", C);
+    }, se = (C) => {
+      n("loading", C);
+    }, Y = async (C) => {
       var oe, P, G, ge, we;
-      o.fields.name = ((oe = w == null ? void 0 : w.item) == null ? void 0 : oe.name) || ((P = w == null ? void 0 : w.consumer_group) == null ? void 0 : P.name) || (w == null ? void 0 : w.name) || "";
-      const B = ((G = w == null ? void 0 : w.item) == null ? void 0 : G.tags) || (w == null ? void 0 : w.consumer_group.tags) || (w == null ? void 0 : w.tags) || [];
-      if (o.fields.tags = (B == null ? void 0 : B.join(", ")) || "", "consumers" in w)
-        o.fields.consumers = ((ge = w == null ? void 0 : w.consumers) == null ? void 0 : ge.map((de) => de.id)) || [];
+      o.fields.name = ((oe = C == null ? void 0 : C.item) == null ? void 0 : oe.name) || ((P = C == null ? void 0 : C.consumer_group) == null ? void 0 : P.name) || (C == null ? void 0 : C.name) || "";
+      const B = ((G = C == null ? void 0 : C.item) == null ? void 0 : G.tags) || (C == null ? void 0 : C.consumer_group.tags) || (C == null ? void 0 : C.tags) || [];
+      if (o.fields.tags = (B == null ? void 0 : B.join(", ")) || "", "consumers" in C)
+        o.fields.consumers = ((ge = C == null ? void 0 : C.consumers) == null ? void 0 : ge.map((de) => de.id)) || [];
       else
         try {
           const { data: de } = await g.get(K("getConsumers"));
@@ -4698,39 +4697,39 @@ const as = {
           x(de);
         }
       Object.assign(i, o.fields);
-    }, _ = $(() => /^[0-9a-zA-Z.\-_~]*$/.test(o.fields.name) ? "" : r("consumer_groups.form.validation_errors.name")), N = () => {
-      var w, B;
+    }, w = $(() => /^[0-9a-zA-Z.\-_~]*$/.test(o.fields.name) ? "" : r("consumer_groups.form.validation_errors.name")), N = () => {
+      var C, B;
       return {
         name: o.fields.name,
-        tags: (B = (w = o.fields.tags.split(",")) == null ? void 0 : w.map((oe) => String(oe || "").trim())) == null ? void 0 : B.filter((oe) => oe !== "")
+        tags: (B = (C = o.fields.tags.split(",")) == null ? void 0 : C.map((oe) => String(oe || "").trim())) == null ? void 0 : B.filter((oe) => oe !== "")
       };
-    }, R = async (w, B = "") => await g.post(K("addConsumer", B, w), { consumer: w }), k = async (w, B = "") => await g.delete(K("removeConsumer", B, w)), x = (w) => {
-      o.errorMessage = f(w), n("error", w);
-    }, S = (w = t.consumerGroupId) => {
-      Object.assign(i, o.fields), n("update", { ...o.fields, id: w });
-    }, q = (w, B, oe = t.consumerGroupId) => {
-      const P = w == null ? void 0 : w.find((G) => G.status !== "fulfilled");
+    }, R = async (C, B = "") => await g.post(K("addConsumer", B, C), { consumer: C }), k = async (C, B = "") => await g.delete(K("removeConsumer", B, C)), x = (C) => {
+      o.errorMessage = f(C), n("error", C);
+    }, S = (C = t.consumerGroupId) => {
+      Object.assign(i, o.fields), n("update", { ...o.fields, id: C });
+    }, q = (C, B, oe = t.consumerGroupId) => {
+      const P = C == null ? void 0 : C.find((G) => G.status !== "fulfilled");
       P ? x({
         code: P.status,
         message: B
       }) : S(oe);
     }, J = async () => {
-      let w = "";
+      let C = "";
       try {
         const { data: B } = await g.post(K("create"), N());
-        w = "item" in B ? B.item.id : B.id;
+        C = "item" in B ? B.item.id : B.id;
       } catch (B) {
         x(B);
       }
-      if (o.fields.consumers.length > 0 && w)
+      if (o.fields.consumers.length > 0 && C)
         try {
-          const B = o.fields.consumers.map((P) => R(P, w)), oe = await Promise.allSettled(B);
-          q(oe, r("consumer_groups.errors.add_consumer"), w);
+          const B = o.fields.consumers.map((P) => R(P, C)), oe = await Promise.allSettled(B);
+          q(oe, r("consumer_groups.errors.add_consumer"), C);
         } catch (B) {
           x(B);
         }
       else
-        o.fields.consumers.length === 0 && w && S(w);
+        o.fields.consumers.length === 0 && C && S(C);
     }, X = async () => {
       var oe;
       try {
@@ -4738,8 +4737,8 @@ const as = {
       } catch (P) {
         x(P);
       }
-      const w = o.fields.consumers.filter((P) => !i.consumers.includes(P)), B = i.consumers.filter((P) => !o.fields.consumers.includes(P));
-      if (B.length === 0 && w.length === 0)
+      const C = o.fields.consumers.filter((P) => !i.consumers.includes(P)), B = i.consumers.filter((P) => !o.fields.consumers.includes(P));
+      if (B.length === 0 && C.length === 0)
         S();
       else {
         if (B.length > 0)
@@ -4749,9 +4748,9 @@ const as = {
           } catch (P) {
             x(P);
           }
-        if (w.length > 0)
+        if (C.length > 0)
           try {
-            const P = w.map((ge) => R(ge)), G = await Promise.allSettled(P);
+            const P = C.map((ge) => R(ge)), G = await Promise.allSettled(P);
             q(G, r("consumer_groups.errors.add_consumer"));
           } catch (P) {
             x(P);
@@ -4766,17 +4765,17 @@ const as = {
     };
     return ut(async () => {
       await d();
-    }), (w, B) => {
+    }), (C, B) => {
       const oe = L("KInput"), P = L("KMultiselect");
       return m(), M("div", Cl, [
         F(y(Ms), {
-          "can-submit": A.value && C.value,
+          "can-submit": A.value && h.value,
           config: e.config,
           "edit-id": e.consumerGroupId,
-          "error-message": o.errorMessage || y(c) || _.value,
+          "error-message": o.errorMessage || y(c) || w.value,
           "fetch-url": b.value,
           "is-readonly": o.readonly,
-          onCancel: h,
+          onCancel: _,
           "onFetch:error": B[3] || (B[3] = (G) => D(G)),
           "onFetch:success": Y,
           onLoading: B[4] || (B[4] = (G) => se(G)),