@kong-ui-public/entities-consumer-groups 3.5.54 → 3.5.55

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

@@ -1,9 +1,9 @@
-import { defineComponent as ye, ref as _, computed as I, watch as Ie, resolveComponent as Q, openBlock as T, createBlock as me, unref as t, withCtx as v, createElementVNode as N, toDisplayString as G, createVNode as f, createElementBlock as W, Fragment as Re, renderList as Be, createCommentVNode as te, onBeforeMount as Te, Teleport as qe, withDirectives as Ne, createTextVNode as de, vShow as Oe, createSlots as je, reactive as Ge } from "vue";
-import { useRouter as Pe } from "vue-router";
-import { AddIcon as Le } from "@kong/icons";
-import { createI18n as Qe, i18nTComponent as Je } from "@kong-ui-public/i18n";
-import { useAxios as we, useDebouncedFilter as Ve, useFetcher as He, useDeleteUrlBuilder as ze, FetcherStatus as Ae, EntityBaseTable as We, EntityFilter as Xe, PermissionsWrapper as ve, TableTags as Ye, EntityDeleteModal as Ze, EntityTypes as eo, useErrors as oo, useValidators as so, EntityBaseFormType as ke, EntityBaseForm as ro, SupportedEntityType as Fe, EntityFormSection as Se, EntityBaseConfigCard as to } from "@kong-ui-public/entities-shared";
-const no = {
+import { defineComponent as ye, ref as k, computed as I, watch as Ie, resolveComponent as L, openBlock as S, createBlock as ge, unref as r, withCtx as y, createElementVNode as q, toDisplayString as M, createVNode as f, createElementBlock as z, Fragment as De, renderList as Ke, createCommentVNode as se, onBeforeMount as Ge, Teleport as Ue, createTextVNode as pe, createSlots as Be, reactive as xe } from "vue";
+import { useRouter as Ae } from "vue-router";
+import { AddIcon as Re } from "@kong/icons";
+import { createI18n as qe, i18nTComponent as Ne } from "@kong-ui-public/i18n";
+import { useAxios as we, useDebouncedFilter as Se, useFetcher as Oe, useDeleteUrlBuilder as je, FetcherStatus as Le, EntityBaseTable as Qe, EntityFilter as Je, PermissionsWrapper as ve, TableTags as He, EntityDeleteModal as ze, EntityTypes as We, useErrors as Xe, useValidators as Ye, EntityBaseFormType as ke, EntityBaseForm as Ze, SupportedEntityType as Pe, EntityFormSection as Me, EntityBaseConfigCard as eo } from "@kong-ui-public/entities-shared";
+const oo = {
   list: {
     table_headers: {
       name: "Name",
@@ -92,20 +92,20 @@ const no = {
       }
     }
   }
-}, ao = {
-  consumer_groups: no
+}, to = {
+  consumer_groups: oo
 };
-function uo() {
-  const e = Qe("en-us", ao);
+function so() {
+  const e = qe("en-us", to);
   return {
     i18n: e,
-    i18nT: Je(e)
+    i18nT: Ne(e)
     // Translation component <i18n-t>
   };
 }
 const he = {
-  useI18n: uo
-}, B = "/v2/control-planes/{controlPlaneId}/core-entities", q = "/{workspace}", X = {
+  useI18n: so
+}, B = "/v2/control-planes/{controlPlaneId}/core-entities", R = "/{workspace}", W = {
   list: {
     konnect: {
       all: `${B}/consumer_groups`,
@@ -114,11 +114,11 @@ const he = {
       oneForConsumer: `${B}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
     },
     kongManager: {
-      all: `${q}/consumer_groups?counter=true`,
+      all: `${R}/consumer_groups?counter=true`,
       // we need counter=true to get consumers_count in consumer group list
-      forModal: `${q}/consumer_groups`,
-      forConsumer: `${q}/consumers/{consumerId}/consumer_groups`,
-      oneForConsumer: `${q}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
+      forModal: `${R}/consumer_groups`,
+      forConsumer: `${R}/consumers/{consumerId}/consumer_groups`,
+      oneForConsumer: `${R}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
     }
   },
   form: {
@@ -131,18 +131,18 @@ const he = {
       getConsumers: `${B}/consumer_groups/{id}/consumers`
     },
     kongManager: {
-      consumersList: `${q}/consumers`,
-      create: `${q}/consumer_groups`,
-      edit: `${q}/consumer_groups/{id}`,
-      addConsumer: `${q}/consumer_groups/{id}/consumers`,
-      removeConsumer: `${q}/consumer_groups/{id}/consumers/{consumerId}`,
-      getConsumers: `${q}/consumer_groups/{id}/consumers`
+      consumersList: `${R}/consumers`,
+      create: `${R}/consumer_groups`,
+      edit: `${R}/consumer_groups/{id}`,
+      addConsumer: `${R}/consumer_groups/{id}/consumers`,
+      removeConsumer: `${R}/consumer_groups/{id}/consumers/{consumerId}`,
+      getConsumers: `${R}/consumer_groups/{id}/consumers`
     }
   }
-}, lo = { class: "add-to-group-form-container" }, io = { class: "add-to-group-cta-text" }, co = {
+}, ro = { class: "add-to-group-form-container" }, no = { class: "add-to-group-cta-text" }, ao = {
   key: 0,
   class: "kong-ui-entity-add-to-groups-error"
-}, mo = { key: 0 }, po = /* @__PURE__ */ ye({
+}, uo = { key: 0 }, io = /* @__PURE__ */ ye({
   __name: "AddToGroupModal",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -158,130 +158,130 @@ const he = {
     }
   },
   emits: ["cancel", "add:success", "add:partial-success", "error"],
-  setup(e, { emit: O }) {
-    var L;
-    const { i18n: { t: u } } = he.useI18n(), s = e, g = O, { axiosInstance: i } = we((L = s.config) == null ? void 0 : L.axiosRequestConfig), n = _([]), {
-      debouncedQueryChange: $,
-      loading: j,
-      allRecords: A,
-      error: ne,
-      loadItems: ae,
-      results: D
-    } = Ve(
-      s.config,
-      X.list[s.config.app].forModal,
+  setup(e, { emit: N }) {
+    var j;
+    const { i18n: { t: u } } = he.useI18n(), t = e, g = N, { axiosInstance: l } = we((j = t.config) == null ? void 0 : j.axiosRequestConfig), n = k([]), {
+      debouncedQueryChange: E,
+      loading: O,
+      allRecords: G,
+      error: re,
+      loadItems: ne,
+      results: F
+    } = Se(
+      t.config,
+      W.list[t.config.app].forModal,
       "",
       {
         fetchedItemsKey: "data",
         searchKeys: ["name", "id"]
       }
-    ), V = I(() => ne.value ? u("consumer_groups.errors.general") : ""), ue = _(0), Y = I(() => A.value === void 0), K = I(() => D.value.map((m) => ({
+    ), T = I(() => re.value ? u("consumer_groups.errors.general") : ""), ae = k(0), X = I(() => G.value === void 0), D = I(() => F.value.map((m) => ({
       label: m.name,
       value: m.id,
       selected: n.value.includes(m.id),
       data: m
       // we need this to determine whether or not to show the description text
-    }))), oe = (m) => {
+    }))), Z = (m) => {
       var d;
-      const k = Y.value ? D.value.find((y) => y.id === m) : (d = A.value) == null ? void 0 : d.find((y) => y.id === m);
-      return k ? k.name : m;
-    }, le = () => {
-      E.value = "", U.value = [], P.value = [], g("cancel");
-    }, U = _([]), J = _(!1), E = _(""), ie = async () => {
+      const v = X.value ? F.value.find((h) => h.id === m) : (d = G.value) == null ? void 0 : d.find((h) => h.id === m);
+      return v ? v.name : m;
+    }, ue = () => {
+      x.value = "", K.value = [], P.value = [], g("cancel");
+    }, K = k([]), Q = k(!1), x = k(""), ie = async () => {
       if (!n.value.length) {
-        E.value = "", P.value = [], g("cancel");
+        x.value = "", P.value = [], g("cancel");
         return;
       }
-      J.value = !0, E.value = "", U.value = [], P.value = [];
+      Q.value = !0, x.value = "", K.value = [], P.value = [];
       try {
-        const m = n.value.map((y) => Z(y)), k = await Promise.allSettled(m);
+        const m = n.value.map((h) => le(h)), v = await Promise.allSettled(m);
         let d = !0;
-        k.forEach((y) => {
-          y.status !== "fulfilled" && (d = !1);
-        }), d ? (U.value = [], P.value = [], g("add:success", n.value), n.value = []) : (U.value.length && g("add:partial-success", U.value), n.value = [], se(k));
+        v.forEach((h) => {
+          h.status !== "fulfilled" && (d = !1);
+        }), d ? (K.value = [], P.value = [], g("add:success", n.value), n.value = []) : (K.value.length && g("add:partial-success", K.value), n.value = [], ee(v));
       } catch {
-        E.value = u("consumer_groups.errors.add"), g("error", E.value);
+        x.value = u("consumer_groups.errors.add"), g("error", x.value);
       } finally {
-        J.value = !1;
+        Q.value = !1;
       }
-    }, H = I(() => {
-      var k, d, y, S;
-      let m = `${s.config.apiBaseUrl}${X.list[s.config.app].forConsumer}`;
-      return s.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((k = s.config) == null ? void 0 : k.controlPlaneId) || "").replace(/{consumerId}/gi, ((d = s.config) == null ? void 0 : d.consumerId) || "") : s.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (y = s.config) != null && y.workspace ? `/${s.config.workspace}` : "").replace(/{consumerId}/gi, ((S = s.config) == null ? void 0 : S.consumerId) || "")), m;
-    }), Z = async (m) => {
-      const k = {
+    }, J = I(() => {
+      var v, d, h, V;
+      let m = `${t.config.apiBaseUrl}${W.list[t.config.app].forConsumer}`;
+      return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((v = t.config) == null ? void 0 : v.controlPlaneId) || "").replace(/{consumerId}/gi, ((d = t.config) == null ? void 0 : d.consumerId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (h = t.config) != null && h.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((V = t.config) == null ? void 0 : V.consumerId) || "")), m;
+    }), le = async (m) => {
+      const v = {
         group: m
       };
       try {
-        const d = await i.post(H.value, k);
-        return U.value.push(m), d;
+        const d = await l.post(J.value, v);
+        return K.value.push(m), d;
       } catch (d) {
-        let y = `${oe(m)} - ${d.message}`;
-        return d.response.status === 409 && (y = `${oe(m)} - ${u("consumer_groups.errors.already_added")}`), Promise.reject(Error(y));
+        let h = `${Z(m)} - ${d.message}`;
+        return d.response.status === 409 && (h = `${Z(m)} - ${u("consumer_groups.errors.already_added")}`), Promise.reject(Error(h));
       }
-    }, P = _([]), se = (m) => {
-      P.value = m.map((k) => {
+    }, P = k([]), ee = (m) => {
+      P.value = m.map((v) => {
         var d;
-        return (d = k.reason) == null ? void 0 : d.message;
+        return (d = v.reason) == null ? void 0 : d.message;
       }).filter(Boolean);
     };
-    return Ie(K, () => {
-      ue.value++;
-    }, { immediate: !0, deep: !0 }), Ie(() => s.visible, () => {
-      s.visible && ae();
-    }, { immediate: !0 }), (m, k) => {
-      const d = Q("KMultiselect"), y = Q("KAlert"), S = Q("KPrompt");
-      return T(), me(S, {
-        "action-button-disabled": J.value,
+    return Ie(D, () => {
+      ae.value++;
+    }, { immediate: !0, deep: !0 }), Ie(() => t.visible, () => {
+      t.visible && ne();
+    }, { immediate: !0 }), (m, v) => {
+      const d = L("KMultiselect"), h = L("KAlert"), V = L("KPrompt");
+      return S(), ge(V, {
+        "action-button-disabled": Q.value,
         class: "kong-ui-entities-add-to-groups-modal",
         "data-testid": "add-to-group-modal",
-        title: t(u)("consumer_groups.consumers.add.title"),
+        title: r(u)("consumer_groups.consumers.add.title"),
         visible: e.visible,
-        onCancel: le,
+        onCancel: ue,
         onProceed: ie
       }, {
-        default: v(() => [
-          N("div", lo, [
-            N("p", io, G(t(u)("consumer_groups.consumers.add.ctaText")), 1),
+        default: y(() => [
+          q("div", ro, [
+            q("p", no, M(r(u)("consumer_groups.consumers.add.ctaText")), 1),
             f(d, {
               modelValue: n.value,
-              "onUpdate:modelValue": k[0] || (k[0] = (z) => n.value = z),
+              "onUpdate:modelValue": v[0] || (v[0] = (Y) => n.value = Y),
               autosuggest: "",
               "data-testid": "add-to-groups-multiselect",
-              "dropdown-footer-text": Y.value ? t(u)("consumer_groups.consumers.add.footer") : void 0,
-              items: K.value,
-              label: t(u)("consumer_groups.consumers.add.consumer_groups_label"),
-              loading: t(j),
-              placeholder: t(u)("consumer_groups.consumers.add.consumer_group_placeholder"),
-              readonly: J.value,
+              "dropdown-footer-text": X.value ? r(u)("consumer_groups.consumers.add.footer") : void 0,
+              items: D.value,
+              label: r(u)("consumer_groups.consumers.add.consumer_groups_label"),
+              loading: r(O),
+              placeholder: r(u)("consumer_groups.consumers.add.consumer_group_placeholder"),
+              readonly: Q.value,
               required: "",
               width: "100%",
-              onQueryChange: t($)
+              onQueryChange: r(E)
             }, null, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            E.value || V.value || P.value.length ? (T(), W("div", co, [
-              f(y, { appearance: "danger" }, {
-                default: v(() => [
-                  N("p", null, G(t(u)("consumer_groups.errors.add")), 1),
-                  P.value.length ? (T(), W("ul", mo, [
-                    (T(!0), W(Re, null, Be(P.value, (z, ce) => (T(), W("li", { key: ce }, G(z), 1))), 128))
-                  ])) : te("", !0),
-                  N("div", null, G(E.value || V.value), 1)
+            x.value || T.value || P.value.length ? (S(), z("div", ao, [
+              f(h, { appearance: "danger" }, {
+                default: y(() => [
+                  q("p", null, M(r(u)("consumer_groups.errors.add")), 1),
+                  P.value.length ? (S(), z("ul", uo, [
+                    (S(!0), z(De, null, Ke(P.value, (Y, ce) => (S(), z("li", { key: ce }, M(Y), 1))), 128))
+                  ])) : se("", !0),
+                  q("div", null, M(x.value || T.value), 1)
                 ]),
                 _: 1
               })
-            ])) : te("", !0)
+            ])) : se("", !0)
           ])
         ]),
         _: 1
       }, 8, ["action-button-disabled", "title", "visible"]);
     };
   }
-}), $e = (e, O) => {
+}), $e = (e, N) => {
   const u = e.__vccOpts || e;
-  for (const [s, g] of O)
-    u[s] = g;
+  for (const [t, g] of N)
+    u[t] = g;
   return u;
-}, go = /* @__PURE__ */ $e(po, [["__scopeId", "data-v-4260ce03"]]), fo = { class: "kong-ui-entities-consumer-groups-list" }, vo = /* @__PURE__ */ ye({
+}, lo = /* @__PURE__ */ $e(io, [["__scopeId", "data-v-4260ce03"]]), co = { class: "kong-ui-entities-consumer-groups-list" }, mo = /* @__PURE__ */ ye({
   __name: "ConsumerGroupList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -326,274 +326,271 @@ const he = {
     }
   },
   emits: ["error", "copy:success", "copy:error", "delete:success", "add:success", "remove:success"],
-  setup(e, { emit: O }) {
-    var Me;
-    const u = O, s = e, { i18nT: g, i18n: { t: i } } = he.useI18n(), n = Pe(), { axiosInstance: $ } = we((Me = s.config) == null ? void 0 : Me.axiosRequestConfig), j = _(1), A = I(() => !!s.config.consumerId), ne = I(
-      () => A.value ? "kong-ui-entities-consumer-groups-list-in-consumer-page" : "kong-ui-entities-consumer-groups-list"
-    ), ae = I(() => s.config.app !== "kongManager" || !!s.config.disableSorting), D = {
+  setup(e, { emit: N }) {
+    var Ee;
+    const u = N, t = e, { i18nT: g, i18n: { t: l } } = he.useI18n(), n = Ae(), { axiosInstance: E } = we((Ee = t.config) == null ? void 0 : Ee.axiosRequestConfig), O = k(1), G = I(() => !!t.config.consumerId), re = I(
+      () => G.value ? "kong-ui-entities-consumer-groups-list-in-consumer-page" : "kong-ui-entities-consumer-groups-list"
+    ), ne = I(() => t.config.app !== "kongManager" || !!t.config.disableSorting), F = {
       // the Name column is non-hidable
-      name: { label: i("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 }
+      name: { label: l("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 }
     };
-    s.config.app === "kongManager" && (D.consumers_count = { label: i("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), D.tags = { label: i("consumer_groups.list.table_headers.tags"), sortable: !1 };
-    const V = D, ue = (r) => ({
-      "data-testid": r.username ?? r.custom_id ?? r.id
-    }), Y = I(() => {
-      var p, C, w, F;
-      let r = `${s.config.apiBaseUrl}${X.list[s.config.app][A.value ? "forConsumer" : "all"]}`;
-      return s.config.app === "konnect" ? r = r.replace(/{controlPlaneId}/gi, ((p = s.config) == null ? void 0 : p.controlPlaneId) || "").replace(/{consumerId}/gi, ((C = s.config) == null ? void 0 : C.consumerId) || "") : s.config.app === "kongManager" && (r = r.replace(/\/{workspace}/gi, (w = s.config) != null && w.workspace ? `/${s.config.workspace}` : "").replace(/{consumerId}/gi, ((F = s.config) == null ? void 0 : F.consumerId) || "")), r;
-    }), K = _(""), oe = I(() => {
-      const r = s.config.app === "konnect" || s.config.isExactMatch;
-      return r ? {
-        isExactMatch: r,
+    t.config.app === "kongManager" && (F.consumers_count = { label: l("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), F.tags = { label: l("consumer_groups.list.table_headers.tags"), sortable: !1 };
+    const T = F, ae = (s) => ({
+      "data-testid": s.username ?? s.custom_id ?? s.id
+    }), X = I(() => {
+      var p, b, w, H;
+      let s = `${t.config.apiBaseUrl}${W.list[t.config.app][G.value ? "forConsumer" : "all"]}`;
+      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((p = t.config) == null ? void 0 : p.controlPlaneId) || "").replace(/{consumerId}/gi, ((b = t.config) == null ? void 0 : b.consumerId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (w = t.config) != null && w.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((H = t.config) == null ? void 0 : H.consumerId) || "")), s;
+    }), D = k(""), Z = I(() => {
+      const s = t.config.app === "konnect" || t.config.isExactMatch;
+      return s ? {
+        isExactMatch: s,
         fields: {
-          username: D.name,
-          id: { label: i("consumer_groups.list.table_headers.id") }
+          username: F.name,
+          id: { label: l("consumer_groups.list.table_headers.id") }
         },
-        placeholder: i("consumer_groups.search.placeholder")
+        placeholder: l("consumer_groups.search.placeholder")
       } : {
-        isExactMatch: r,
+        isExactMatch: s,
         fields: {
-          name: D.name
+          name: F.name
         },
-        schema: s.config.filterSchema
+        schema: t.config.filterSchema
       };
-    }), le = I(() => s.config.app === "konnect" && K.value ? "consumer_group" : A.value && !s.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: U, fetcherState: J } = He(s.config, Y.value, le), E = () => {
-      K.value = "";
+    }), ue = I(() => t.config.app === "konnect" && D.value ? "consumer_group" : G.value && !t.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: K, fetcherState: Q } = Oe(t.config, X.value, ue), x = () => {
+      D.value = "";
     }, ie = () => {
-      j.value++;
-    }, H = _(null), Z = _(!1), P = (r, p) => {
-      const C = r.id;
-      if (!p(C)) {
+      O.value++;
+    }, J = k(null), le = (s, p) => {
+      const b = s.id;
+      if (!p(b)) {
         u("copy:error", {
-          entity: r,
+          entity: s,
           field: "id",
-          message: i("consumer_groups.errors.copy")
+          message: l("consumer_groups.errors.copy")
         });
         return;
       }
       u("copy:success", {
-        entity: r,
+        entity: s,
         field: "id",
-        message: i("consumer_groups.copy.success", { val: C })
+        message: l("consumer_groups.copy.success", { val: b })
       });
-    }, se = (r, p) => {
-      const C = JSON.stringify(r);
-      if (!p(C)) {
+    }, P = (s, p) => {
+      const b = JSON.stringify(s);
+      if (!p(b)) {
         u("copy:error", {
-          entity: r,
-          message: i("consumer_groups.errors.copy")
+          entity: s,
+          message: l("consumer_groups.errors.copy")
         });
         return;
       }
       u("copy:success", {
-        entity: r,
-        message: i("consumer_groups.copy.success_brief")
+        entity: s,
+        message: l("consumer_groups.copy.success_brief")
       });
-    }, L = async (r) => {
-      var C;
-      await ((C = s.canRetrieve) == null ? void 0 : C.call(s, r)) && n.push(s.config.getViewRoute(r.id));
-    }, m = (r) => ({
-      label: i("consumer_groups.actions.view"),
-      to: s.config.getViewRoute(r)
-    }), k = (r) => ({
-      label: i("consumer_groups.actions.edit"),
-      to: s.config.getEditRoute(r)
-    }), d = _(void 0), y = _(!1), S = _(!1), z = _(""), ce = ze(s.config, Y.value), _e = (r) => {
-      d.value = r, y.value = !0;
-    }, pe = () => {
-      y.value = !1;
-    }, ge = async () => {
-      var r, p, C;
-      if ((r = d.value) != null && r.id) {
-        S.value = !0;
+    }, ee = async (s) => {
+      var b;
+      await ((b = t.canRetrieve) == null ? void 0 : b.call(t, s)) && n.push(t.config.getViewRoute(s.id));
+    }, j = (s) => ({
+      label: l("consumer_groups.actions.view"),
+      to: t.config.getViewRoute(s)
+    }), m = (s) => ({
+      label: l("consumer_groups.actions.edit"),
+      to: t.config.getEditRoute(s)
+    }), v = k(void 0), d = k(!1), h = k(!1), V = k(""), Y = je(t.config, X.value), ce = (s) => {
+      v.value = s, d.value = !0;
+    }, _e = () => {
+      d.value = !1;
+    }, fe = async () => {
+      var s, p, b;
+      if ((s = v.value) != null && s.id) {
+        h.value = !0;
         try {
-          await $.delete(ce(d.value.id)), S.value = !1, y.value = !1, j.value++, u("delete:success", d.value);
+          await E.delete(Y(v.value.id)), h.value = !1, d.value = !1, O.value++, u("delete:success", v.value);
         } catch (w) {
-          z.value = ((C = (p = w.response) == null ? void 0 : p.data) == null ? void 0 : C.message) || w.message || i("consumer_groups.errors.delete"), u("error", w);
+          V.value = ((b = (p = w.response) == null ? void 0 : p.data) == null ? void 0 : b.message) || w.message || l("consumer_groups.errors.delete"), u("error", w);
         } finally {
-          S.value = !1;
+          h.value = !1;
         }
       }
-    }, re = _(!1), o = () => {
-      re.value = !0;
-    }, a = () => {
-      re.value = !1;
-    }, b = (r, p) => {
-      p || a(), j.value++, u("add:success", r);
-    }, c = () => {
-      A.value && o();
-    }, l = _(void 0), x = _(!1), R = _(""), M = (r) => {
-      l.value = r, x.value = !0;
-    }, ee = () => {
-      x.value = !1, l.value = void 0;
-    }, fe = I(() => {
-      var p, C, w, F;
-      let r = `${s.config.apiBaseUrl}${X.list[s.config.app].oneForConsumer}`;
-      return s.config.app === "konnect" ? r = r.replace(/{controlPlaneId}/gi, ((p = s.config) == null ? void 0 : p.controlPlaneId) || "").replace(/{consumerId}/gi, ((C = s.config) == null ? void 0 : C.consumerId) || "") : s.config.app === "kongManager" && (r = r.replace(/\/{workspace}/gi, (w = s.config) != null && w.workspace ? `/${s.config.workspace}` : "").replace(/{consumerId}/gi, ((F = s.config) == null ? void 0 : F.consumerId) || "")), r;
-    }), Ee = _(!1), De = async () => {
-      if (l.value) {
-        Ee.value = !0;
+    }, oe = k(!1), de = () => {
+      oe.value = !0;
+    }, o = () => {
+      oe.value = !1;
+    }, a = (s, p) => {
+      p || o(), O.value++, u("add:success", s);
+    }, C = () => {
+      G.value && de();
+    }, i = k(void 0), c = k(!1), A = k(""), U = (s) => {
+      i.value = s, c.value = !0;
+    }, $ = () => {
+      c.value = !1, i.value = void 0;
+    }, te = I(() => {
+      var p, b, w, H;
+      let s = `${t.config.apiBaseUrl}${W.list[t.config.app].oneForConsumer}`;
+      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((p = t.config) == null ? void 0 : p.controlPlaneId) || "").replace(/{consumerId}/gi, ((b = t.config) == null ? void 0 : b.consumerId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (w = t.config) != null && w.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((H = t.config) == null ? void 0 : H.consumerId) || "")), s;
+    }), me = k(!1), Te = async () => {
+      if (i.value) {
+        me.value = !0;
         try {
-          const r = fe.value.replace(/{consumerGroupId}/gi, l.value.id);
-          await $.delete(r), u("remove:success", l.value), ee(), j.value++;
-        } catch (r) {
-          R.value = r.message || i("consumer_groups.errors.delete"), u("error", r);
+          const s = te.value.replace(/{consumerGroupId}/gi, i.value.id);
+          await E.delete(s), u("remove:success", i.value), $(), O.value++;
+        } catch (s) {
+          A.value = s.message || l("consumer_groups.errors.delete"), u("error", s);
         } finally {
-          Ee.value = !1;
+          me.value = !1;
         }
       }
-    }, xe = _(!1);
-    Ie(J, (r) => {
-      var p, C, w, F;
-      if (Array.isArray((p = r == null ? void 0 : r.response) == null ? void 0 : p.data) && (xe.value = r.response.data.length > 0), r.status === Ae.NoRecords ? Z.value = !0 : Z.value = !1, r.status === Ae.Error) {
-        H.value = {
-          title: i("consumer_groups.errors.general")
-        }, (F = (w = (C = r.error) == null ? void 0 : C.response) == null ? void 0 : w.data) != null && F.message && (H.value.message = r.error.response.data.message), u("error", r.error);
+    };
+    Ie(Q, (s) => {
+      var p, b, w;
+      if (s.status === Le.Error) {
+        J.value = {
+          title: l("consumer_groups.errors.general")
+        }, (w = (b = (p = s.error) == null ? void 0 : p.response) == null ? void 0 : b.data) != null && w.message && (J.value.message = s.error.response.data.message), u("error", s.error);
         return;
       }
-      H.value = null;
+      J.value = null;
     });
-    const be = _({
-      ctaPath: A.value ? void 0 : s.config.createRoute,
+    const be = k({
+      ctaPath: G.value ? void 0 : t.config.createRoute,
       ctaText: void 0,
-      message: `${i("consumer_groups.list.empty_state.description")}${s.config.additionMessageForEmptyState ? ` ${s.config.additionMessageForEmptyState}` : ""}`,
-      title: i("consumer_groups.title")
+      message: `${l("consumer_groups.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
+      title: l("consumer_groups.title")
     });
-    return Te(async () => {
-      await s.canCreate() && (be.value.title = A.value ? i("consumer_groups.list.empty_state.title_for_consumer") : i("consumer_groups.list.empty_state.title"), be.value.ctaText = A.value ? i("consumer_groups.actions.add_to_group") : i("consumer_groups.actions.create"));
-    }), (r, p) => {
-      const C = Q("KButton"), w = Q("KDropdownItem"), F = Q("KClipboardProvider"), Ke = Q("KPrompt");
-      return T(), W("div", fo, [
-        f(t(We), {
+    return Ge(async () => {
+      await t.canCreate() && (be.value.title = G.value ? l("consumer_groups.list.empty_state.title_for_consumer") : l("consumer_groups.list.empty_state.title"), be.value.ctaText = G.value ? l("consumer_groups.actions.add_to_group") : l("consumer_groups.actions.create"));
+    }), (s, p) => {
+      const b = L("KButton"), w = L("KDropdownItem"), H = L("KClipboardProvider"), Ve = L("KPrompt");
+      return S(), z("div", co, [
+        f(r(Qe), {
           "cache-identifier": e.cacheIdentifier,
-          "disable-pagination": A.value && !e.config.paginatedEndpoint,
-          "disable-sorting": ae.value,
+          "disable-pagination": G.value && !e.config.paginatedEndpoint,
+          "disable-sorting": ne.value,
           "empty-state-options": be.value,
           "enable-entity-actions": "",
-          "error-message": H.value,
-          fetcher: t(U),
-          "fetcher-cache-key": j.value,
-          "hide-toolbar": Z.value,
+          "error-message": J.value,
+          fetcher: r(K),
+          "fetcher-cache-key": O.value,
           "pagination-type": "offset",
-          "preferences-storage-key": ne.value,
-          query: K.value,
-          "row-attributes": ue,
-          "table-headers": t(V),
-          onClearSearchInput: E,
-          "onClick:row": p[2] || (p[2] = (h) => L(h)),
-          onEmptyStateCtaClicked: c,
+          "preferences-storage-key": re.value,
+          query: D.value,
+          "row-attributes": ae,
+          "table-headers": r(T),
+          onClearSearchInput: x,
+          "onClick:row": p[2] || (p[2] = (_) => ee(_)),
+          onEmptyStateCtaClicked: C,
           onSort: ie
         }, {
-          "toolbar-filter": v(() => [
-            A.value ? te("", !0) : (T(), me(t(Xe), {
+          "toolbar-filter": y(() => [
+            G.value ? se("", !0) : (S(), ge(r(Je), {
               key: 0,
-              modelValue: K.value,
-              "onUpdate:modelValue": p[0] || (p[0] = (h) => K.value = h),
-              config: oe.value
+              modelValue: D.value,
+              "onUpdate:modelValue": p[0] || (p[0] = (_) => D.value = _),
+              config: Z.value
             }, null, 8, ["modelValue", "config"]))
           ]),
-          "toolbar-button": v(() => [
-            (T(), me(qe, {
+          "toolbar-button": y(() => [
+            (S(), ge(Ue, {
               disabled: !e.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              f(t(ve), {
+              f(r(ve), {
                 "auth-function": () => e.canCreate()
               }, {
-                default: v(() => [
-                  Ne(f(C, {
+                default: y(() => [
+                  f(b, {
                     appearance: "primary",
                     "data-testid": "toolbar-add-consumer-group",
                     size: e.useActionOutside ? "medium" : "large",
                     to: e.config.consumerId ? void 0 : e.config.createRoute,
-                    onClick: p[1] || (p[1] = () => e.config.consumerId ? o() : void 0)
+                    onClick: p[1] || (p[1] = () => e.config.consumerId ? de() : void 0)
                   }, {
-                    default: v(() => [
-                      f(t(Le)),
-                      de(" " + G(e.config.consumerId ? t(i)("consumer_groups.actions.add_to_group") : t(i)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
+                    default: y(() => [
+                      f(r(Re)),
+                      pe(" " + M(e.config.consumerId ? r(l)("consumer_groups.actions.add_to_group") : r(l)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
                     ]),
                     _: 1
-                  }, 8, ["size", "to"]), [
-                    [Oe, xe.value]
-                  ])
+                  }, 8, ["size", "to"])
                 ]),
                 _: 1
               }, 8, ["auth-function"])
             ], 8, ["disabled"]))
           ]),
-          name: v(({ rowValue: h }) => [
-            N("b", null, G(h ?? "-"), 1)
+          name: y(({ rowValue: _ }) => [
+            q("b", null, M(_ ?? "-"), 1)
           ]),
-          consumers_count: v(({ rowValue: h }) => [
-            de(G(h ?? "-"), 1)
+          consumers_count: y(({ rowValue: _ }) => [
+            pe(M(_ ?? "-"), 1)
           ]),
-          tags: v(({ rowValue: h }) => [
-            f(t(Ye), { tags: h }, null, 8, ["tags"])
+          tags: y(({ rowValue: _ }) => [
+            f(r(He), { tags: _ }, null, 8, ["tags"])
           ]),
-          actions: v(({ row: h }) => [
-            f(F, null, {
-              default: v(({ copyToClipboard: Ce }) => [
+          actions: y(({ row: _ }) => [
+            f(H, null, {
+              default: y(({ copyToClipboard: Ce }) => [
                 f(w, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (Ue) => P(h, Ce)
+                  onClick: (Fe) => le(_, Ce)
                 }, {
-                  default: v(() => [
-                    de(G(t(i)("consumer_groups.actions.copy_id")), 1)
+                  default: y(() => [
+                    pe(M(r(l)("consumer_groups.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            f(F, null, {
-              default: v(({ copyToClipboard: Ce }) => [
+            f(H, null, {
+              default: y(({ copyToClipboard: Ce }) => [
                 f(w, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (Ue) => se(h, Ce)
+                  onClick: (Fe) => P(_, Ce)
                 }, {
-                  default: v(() => [
-                    de(G(t(i)("consumer_groups.actions.copy_json")), 1)
+                  default: y(() => [
+                    pe(M(r(l)("consumer_groups.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            f(t(ve), {
-              "auth-function": () => e.canRetrieve(h)
+            f(r(ve), {
+              "auth-function": () => e.canRetrieve(_)
             }, {
-              default: v(() => [
+              default: y(() => [
                 f(w, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: m(h.id)
+                  item: j(_.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            f(t(ve), {
-              "auth-function": () => e.canEdit(h)
+            f(r(ve), {
+              "auth-function": () => e.canEdit(_)
             }, {
-              default: v(() => [
+              default: y(() => [
                 f(w, {
                   "data-testid": "action-entity-edit",
-                  item: k(h.id)
+                  item: m(_.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            f(t(ve), {
-              "auth-function": () => e.canDelete(h)
+            f(r(ve), {
+              "auth-function": () => e.canDelete(_)
             }, {
-              default: v(() => [
+              default: y(() => [
                 f(w, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: () => e.config.consumerId ? M(h) : _e(h)
+                  onClick: () => e.config.consumerId ? U(_) : ce(_)
                 }, {
-                  default: v(() => [
-                    de(G(e.config.consumerId ? t(i)("consumer_groups.actions.exit") : t(i)("consumer_groups.actions.delete")), 1)
+                  default: y(() => [
+                    pe(M(e.config.consumerId ? r(l)("consumer_groups.actions.exit") : r(l)("consumer_groups.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -602,67 +599,67 @@ const he = {
             }, 1032, ["auth-function"])
           ]),
           _: 1
-        }, 8, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "hide-toolbar", "preferences-storage-key", "query", "table-headers"]),
-        f(t(Ze), {
-          "action-pending": S.value,
+        }, 8, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "preferences-storage-key", "query", "table-headers"]),
+        f(r(ze), {
+          "action-pending": h.value,
           "data-testid": "delete-consumer-group-modal",
-          description: t(i)("consumer_groups.delete.description"),
-          "entity-name": d.value && (d.value.name || d.value.id),
-          "entity-type": t(eo).ConsumerGroup,
-          error: z.value,
-          title: t(i)("consumer_groups.delete.title"),
-          visible: y.value,
-          onCancel: pe,
-          onProceed: ge
+          description: r(l)("consumer_groups.delete.description"),
+          "entity-name": v.value && (v.value.name || v.value.id),
+          "entity-type": r(We).ConsumerGroup,
+          error: V.value,
+          title: r(l)("consumer_groups.delete.title"),
+          visible: d.value,
+          onCancel: _e,
+          onProceed: fe
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"]),
-        e.config.consumerId ? (T(), me(go, {
+        e.config.consumerId ? (S(), ge(lo, {
           key: 0,
           config: e.config,
           "data-testid": "add-to-group-modal",
-          visible: re.value,
-          "onAdd:partialSuccess": p[3] || (p[3] = (h) => b(h, !0)),
-          "onAdd:success": p[4] || (p[4] = (h) => b(h)),
-          onCancel: a
-        }, null, 8, ["config", "visible"])) : te("", !0),
-        e.config.consumerId && l.value ? (T(), me(Ke, {
+          visible: oe.value,
+          "onAdd:partialSuccess": p[3] || (p[3] = (_) => a(_, !0)),
+          "onAdd:success": p[4] || (p[4] = (_) => a(_)),
+          onCancel: o
+        }, null, 8, ["config", "visible"])) : se("", !0),
+        e.config.consumerId && i.value ? (S(), ge(Ve, {
           key: 1,
           "action-button-appearance": "danger",
           "data-testid": "exit-group-modal",
-          title: t(i)("consumer_groups.consumers.exit.title"),
-          visible: x.value,
-          onCancel: ee,
-          onProceed: De
+          title: r(l)("consumer_groups.consumers.exit.title"),
+          visible: c.value,
+          onCancel: $,
+          onProceed: Te
         }, {
-          default: v(() => [
-            f(t(g), {
+          default: y(() => [
+            f(r(g), {
               class: "exit-modal-message",
               keypath: e.config.consumerUsername ? "consumer_groups.consumers.exit.confirmation" : "consumer_groups.consumers.exit.confirmationNoUsername",
               tag: "p"
-            }, je({
-              consumerGroup: v(() => [
-                N("strong", null, G(l.value.name || l.value.id), 1)
+            }, Be({
+              consumerGroup: y(() => [
+                q("strong", null, M(i.value.name || i.value.id), 1)
               ]),
               _: 2
             }, [
               e.config.consumerUsername ? {
                 name: "consumer",
-                fn: v(() => [
-                  N("strong", null, G(e.config.consumerUsername), 1)
+                fn: y(() => [
+                  q("strong", null, M(e.config.consumerUsername), 1)
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["keypath"]),
-            N("p", null, G(t(i)("consumer_groups.consumers.exit.description")), 1)
+            q("p", null, M(r(l)("consumer_groups.consumers.exit.description")), 1)
           ]),
           _: 1
-        }, 8, ["title", "visible"])) : te("", !0)
+        }, 8, ["title", "visible"])) : se("", !0)
       ]);
     };
   }
-}), Mo = /* @__PURE__ */ $e(vo, [["__scopeId", "data-v-3c823a87"]]), yo = { class: "kong-ui-entities-consumer-group-form" }, ho = { class: "select-item-container" }, _o = { class: "select-item-label" }, bo = {
+}), wo = /* @__PURE__ */ $e(mo, [["__scopeId", "data-v-7f3c37dc"]]), po = { class: "kong-ui-entities-consumer-group-form" }, go = { class: "select-item-container" }, fo = { class: "select-item-label" }, vo = {
   key: 0,
   class: "select-item-description"
-}, Co = /* @__PURE__ */ ye({
+}, yo = /* @__PURE__ */ ye({
   __name: "ConsumerGroupForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -679,9 +676,9 @@ const he = {
     }
   },
   emits: ["update", "error", "loading"],
-  setup(e, { emit: O }) {
-    var pe, ge, re;
-    const u = e, s = O, { i18n: { t: g } } = he.useI18n(), i = Pe(), n = Ge({
+  setup(e, { emit: N }) {
+    var fe, oe, de;
+    const u = e, t = N, { i18n: { t: g } } = he.useI18n(), l = Ae(), n = xe({
       fields: {
         name: "",
         tags: "",
@@ -689,197 +686,197 @@ const he = {
       },
       errorMessage: "",
       readonly: !1
-    }), $ = Ge({
+    }), E = xe({
       name: "",
       tags: "",
       consumers: []
     }), {
-      debouncedQueryChange: j,
-      loading: A,
-      error: ne,
-      loadItems: ae,
-      results: D
-    } = Ve(u.config, (ge = X.form[(pe = u.config) == null ? void 0 : pe.app]) == null ? void 0 : ge.consumersList, "", {
+      debouncedQueryChange: O,
+      loading: G,
+      error: re,
+      loadItems: ne,
+      results: F
+    } = Se(u.config, (oe = W.form[(fe = u.config) == null ? void 0 : fe.app]) == null ? void 0 : oe.consumersList, "", {
       fetchedItemsKey: "data",
       searchKeys: ["username", "custom_id", "id"]
-    }), { axiosInstance: V } = we((re = u.config) == null ? void 0 : re.axiosRequestConfig), { getMessageFromError: ue } = oo(), Y = so(), K = I(() => D.value.map((o) => ({
+    }), { axiosInstance: T } = we((de = u.config) == null ? void 0 : de.axiosRequestConfig), { getMessageFromError: ae } = Xe(), X = Ye(), D = I(() => F.value.map((o) => ({
       label: o.username || o.custom_id,
       value: o.id,
       selected: n.fields.consumers.includes(o.id),
       data: o
       // we need this to determine whether or not to show the description text
-    }))), oe = I(() => {
+    }))), Z = I(() => {
       var o, a;
-      return (a = X.form[(o = u.config) == null ? void 0 : o.app]) == null ? void 0 : a.edit;
-    }), le = I(() => u.consumerGroupId ? ke.Edit : ke.Create), U = I(() => !!n.fields.name && !se.value), J = I(() => JSON.stringify(n.fields) !== JSON.stringify($)), E = (o, a = "", b = "") => {
-      var l, x, R, M, ee, fe;
-      let c = `${(l = u.config) == null ? void 0 : l.apiBaseUrl}${X.form[(x = u.config) == null ? void 0 : x.app][o]}`;
-      return ((R = u.config) == null ? void 0 : R.app) === "konnect" ? c = c.replace(/{controlPlaneId}/gi, ((M = u.config) == null ? void 0 : M.controlPlaneId) || "") : ((ee = u.config) == null ? void 0 : ee.app) === "kongManager" && (c = c.replace(/\/{workspace}/gi, (fe = u.config) != null && fe.workspace ? `/${u.config.workspace}` : "")), c = c.replace(/{id}/gi, a || u.consumerGroupId), (o === "addConsumer" || o === "removeConsumer") && (c = c.replace(/{consumerId}/gi, b)), c;
+      return (a = W.form[(o = u.config) == null ? void 0 : o.app]) == null ? void 0 : a.edit;
+    }), ue = I(() => u.consumerGroupId ? ke.Edit : ke.Create), K = I(() => !!n.fields.name && !ee.value), Q = I(() => JSON.stringify(n.fields) !== JSON.stringify(E)), x = (o, a = "", C = "") => {
+      var c, A, U, $, te, me;
+      let i = `${(c = u.config) == null ? void 0 : c.apiBaseUrl}${W.form[(A = u.config) == null ? void 0 : A.app][o]}`;
+      return ((U = u.config) == null ? void 0 : U.app) === "konnect" ? i = i.replace(/{controlPlaneId}/gi, (($ = u.config) == null ? void 0 : $.controlPlaneId) || "") : ((te = u.config) == null ? void 0 : te.app) === "kongManager" && (i = i.replace(/\/{workspace}/gi, (me = u.config) != null && me.workspace ? `/${u.config.workspace}` : "")), i = i.replace(/{id}/gi, a || u.consumerGroupId), (o === "addConsumer" || o === "removeConsumer") && (i = i.replace(/{consumerId}/gi, C)), i;
     }, ie = () => {
       var o;
-      i.push(((o = u.config) == null ? void 0 : o.cancelRoute) || { name: "consumer-group-list" });
-    }, H = (o) => {
-      s("error", o);
-    }, Z = (o) => {
-      s("loading", o);
+      l.push(((o = u.config) == null ? void 0 : o.cancelRoute) || { name: "consumer-group-list" });
+    }, J = (o) => {
+      t("error", o);
+    }, le = (o) => {
+      t("loading", o);
     }, P = async (o) => {
-      var b, c, l, x, R;
-      n.fields.name = ((b = o == null ? void 0 : o.item) == null ? void 0 : b.name) || ((c = o == null ? void 0 : o.consumer_group) == null ? void 0 : c.name) || (o == null ? void 0 : o.name) || "";
-      const a = ((l = o == null ? void 0 : o.item) == null ? void 0 : l.tags) || (o == null ? void 0 : o.consumer_group.tags) || (o == null ? void 0 : o.tags) || [];
+      var C, i, c, A, U;
+      n.fields.name = ((C = o == null ? void 0 : o.item) == null ? void 0 : C.name) || ((i = o == null ? void 0 : o.consumer_group) == null ? void 0 : i.name) || (o == null ? void 0 : o.name) || "";
+      const a = ((c = o == null ? void 0 : o.item) == null ? void 0 : c.tags) || (o == null ? void 0 : o.consumer_group.tags) || (o == null ? void 0 : o.tags) || [];
       if (n.fields.tags = (a == null ? void 0 : a.join(", ")) || "", "consumers" in o)
-        n.fields.consumers = ((x = o == null ? void 0 : o.consumers) == null ? void 0 : x.map((M) => M.id)) || [];
+        n.fields.consumers = ((A = o == null ? void 0 : o.consumers) == null ? void 0 : A.map(($) => $.id)) || [];
       else
         try {
-          const { data: M } = await V.get(E("getConsumers"));
-          n.fields.consumers = "consumers" in M ? (R = M == null ? void 0 : M.consumers) == null ? void 0 : R.map((ee) => ee.id) : [];
-        } catch (M) {
-          d(M);
+          const { data: $ } = await T.get(x("getConsumers"));
+          n.fields.consumers = "consumers" in $ ? (U = $ == null ? void 0 : $.consumers) == null ? void 0 : U.map((te) => te.id) : [];
+        } catch ($) {
+          d($);
         }
-      Object.assign($, n.fields);
-    }, se = I(() => Y.utf8Name(n.fields.name)), L = I(() => {
+      Object.assign(E, n.fields);
+    }, ee = I(() => X.utf8Name(n.fields.name)), j = I(() => {
       var o, a;
       return {
         name: n.fields.name,
-        tags: (a = (o = n.fields.tags.split(",")) == null ? void 0 : o.map((b) => String(b || "").trim())) == null ? void 0 : a.filter((b) => b !== "")
+        tags: (a = (o = n.fields.tags.split(",")) == null ? void 0 : o.map((C) => String(C || "").trim())) == null ? void 0 : a.filter((C) => C !== "")
       };
-    }), m = async (o, a = "") => await V.post(E("addConsumer", a, o), { consumer: o }), k = async (o, a = "") => await V.delete(E("removeConsumer", a, o)), d = (o) => {
-      n.errorMessage = ue(o), s("error", o);
-    }, y = (o = u.consumerGroupId) => {
-      Object.assign($, n.fields), s("update", { ...n.fields, id: o });
-    }, S = (o, a, b = u.consumerGroupId) => {
-      const c = o == null ? void 0 : o.find((l) => l.status !== "fulfilled");
-      c ? d({
-        code: c.status,
+    }), m = async (o, a = "") => await T.post(x("addConsumer", a, o), { consumer: o }), v = async (o, a = "") => await T.delete(x("removeConsumer", a, o)), d = (o) => {
+      n.errorMessage = ae(o), t("error", o);
+    }, h = (o = u.consumerGroupId) => {
+      Object.assign(E, n.fields), t("update", { ...n.fields, id: o });
+    }, V = (o, a, C = u.consumerGroupId) => {
+      const i = o == null ? void 0 : o.find((c) => c.status !== "fulfilled");
+      i ? d({
+        code: i.status,
         message: a
-      }) : y(b);
-    }, z = async () => {
+      }) : h(C);
+    }, Y = async () => {
       let o = "";
       try {
-        const { data: a } = await V.post(E("create"), L.value);
+        const { data: a } = await T.post(x("create"), j.value);
         o = "item" in a ? a.item.id : a.id;
       } catch (a) {
         d(a);
       }
       if (n.fields.consumers.length > 0 && o)
         try {
-          const a = n.fields.consumers.map((c) => m(c, o)), b = await Promise.allSettled(a);
-          S(b, g("consumer_groups.errors.add_consumer"), o);
+          const a = n.fields.consumers.map((i) => m(i, o)), C = await Promise.allSettled(a);
+          V(C, g("consumer_groups.errors.add_consumer"), o);
         } catch (a) {
           d(a);
         }
-      else n.fields.consumers.length === 0 && o && y(o);
+      else n.fields.consumers.length === 0 && o && h(o);
     }, ce = async () => {
-      var b;
+      var C;
       try {
-        ((b = u.config) == null ? void 0 : b.app) === "konnect" ? await V.put(E("edit"), L.value) : await V.patch(E("edit"), L.value);
-      } catch (c) {
-        d(c);
+        ((C = u.config) == null ? void 0 : C.app) === "konnect" ? await T.put(x("edit"), j.value) : await T.patch(x("edit"), j.value);
+      } catch (i) {
+        d(i);
       }
-      const o = n.fields.consumers.filter((c) => !$.consumers.includes(c)), a = $.consumers.filter((c) => !n.fields.consumers.includes(c));
+      const o = n.fields.consumers.filter((i) => !E.consumers.includes(i)), a = E.consumers.filter((i) => !n.fields.consumers.includes(i));
       if (a.length === 0 && o.length === 0)
-        y();
+        h();
       else {
         if (a.length > 0)
           try {
-            const c = a.map((x) => k(x)), l = await Promise.allSettled(c);
-            S(l, g("consumer_groups.errors.remove_consumer"));
-          } catch (c) {
-            d(c);
+            const i = a.map((A) => v(A)), c = await Promise.allSettled(i);
+            V(c, g("consumer_groups.errors.remove_consumer"));
+          } catch (i) {
+            d(i);
           }
         if (o.length > 0)
           try {
-            const c = o.map((x) => m(x)), l = await Promise.allSettled(c);
-            S(l, g("consumer_groups.errors.add_consumer"));
-          } catch (c) {
-            d(c);
+            const i = o.map((A) => m(A)), c = await Promise.allSettled(i);
+            V(c, g("consumer_groups.errors.add_consumer"));
+          } catch (i) {
+            d(i);
           }
       }
     }, _e = async () => {
       try {
-        n.readonly = !0, le.value === ke.Create ? await z() : await ce();
+        n.readonly = !0, ue.value === ke.Create ? await Y() : await ce();
       } finally {
         n.readonly = !1;
       }
     };
-    return Te(async () => {
-      await ae();
+    return Ge(async () => {
+      await ne();
     }), (o, a) => {
-      const b = Q("KInput"), c = Q("KMultiselect");
-      return T(), W("div", yo, [
-        f(t(ro), {
-          "can-submit": U.value && J.value,
+      const C = L("KInput"), i = L("KMultiselect");
+      return S(), z("div", po, [
+        f(r(Ze), {
+          "can-submit": K.value && Q.value,
           config: e.config,
           "edit-id": e.consumerGroupId,
-          "entity-type": t(Fe).ConsumerGroup,
-          "error-message": n.errorMessage || t(ne) || se.value,
-          "fetch-url": oe.value,
-          "form-fields": L.value,
+          "entity-type": r(Pe).ConsumerGroup,
+          "error-message": n.errorMessage || r(re) || ee.value,
+          "fetch-url": Z.value,
+          "form-fields": j.value,
           "is-readonly": n.readonly,
           onCancel: ie,
-          "onFetch:error": a[3] || (a[3] = (l) => H(l)),
+          "onFetch:error": a[3] || (a[3] = (c) => J(c)),
           "onFetch:success": P,
-          onLoading: a[4] || (a[4] = (l) => Z(l)),
+          onLoading: a[4] || (a[4] = (c) => le(c)),
           onSubmit: _e
         }, {
-          default: v(() => [
-            f(t(Se), {
-              description: t(g)("consumer_groups.form.general_info.description"),
-              title: t(g)("consumer_groups.form.general_info.title")
+          default: y(() => [
+            f(r(Me), {
+              description: r(g)("consumer_groups.form.general_info.description"),
+              title: r(g)("consumer_groups.form.general_info.title")
             }, {
-              default: v(() => [
-                f(b, {
+              default: y(() => [
+                f(C, {
                   modelValue: n.fields.name,
-                  "onUpdate:modelValue": a[0] || (a[0] = (l) => n.fields.name = l),
+                  "onUpdate:modelValue": a[0] || (a[0] = (c) => n.fields.name = c),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "consumer-group-form-name",
-                  label: t(g)("consumer_groups.form.fields.name.label"),
-                  placeholder: t(g)("consumer_groups.form.fields.name.placeholder"),
+                  label: r(g)("consumer_groups.form.fields.name.label"),
+                  placeholder: r(g)("consumer_groups.form.fields.name.placeholder"),
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder"]),
-                f(b, {
+                f(C, {
                   modelValue: n.fields.tags,
-                  "onUpdate:modelValue": a[1] || (a[1] = (l) => n.fields.tags = l),
+                  "onUpdate:modelValue": a[1] || (a[1] = (c) => n.fields.tags = c),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "consumer-group-form-tags",
-                  help: t(g)("consumer_groups.form.fields.tags.help"),
-                  label: t(g)("consumer_groups.form.fields.tags.label"),
+                  help: r(g)("consumer_groups.form.fields.tags.help"),
+                  label: r(g)("consumer_groups.form.fields.tags.label"),
                   "label-attributes": {
-                    info: t(g)("consumer_groups.form.fields.tags.tooltip"),
+                    info: r(g)("consumer_groups.form.fields.tags.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: t(g)("consumer_groups.form.fields.tags.placeholder"),
+                  placeholder: r(g)("consumer_groups.form.fields.tags.placeholder"),
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder"])
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            f(t(Se), {
-              description: t(g)("consumer_groups.form.consumers.description"),
+            f(r(Me), {
+              description: r(g)("consumer_groups.form.consumers.description"),
               "has-divider": "",
-              title: t(g)("consumer_groups.form.consumers.title")
+              title: r(g)("consumer_groups.form.consumers.title")
             }, {
-              default: v(() => [
-                f(c, {
+              default: y(() => [
+                f(i, {
                   modelValue: n.fields.consumers,
-                  "onUpdate:modelValue": a[2] || (a[2] = (l) => n.fields.consumers = l),
+                  "onUpdate:modelValue": a[2] || (a[2] = (c) => n.fields.consumers = c),
                   appearance: "select",
                   autosuggest: "",
-                  items: K.value,
-                  label: t(g)("consumer_groups.form.fields.consumers.label"),
-                  loading: t(A),
-                  placeholder: t(g)("consumer_groups.form.fields.consumers.placeholder"),
+                  items: D.value,
+                  label: r(g)("consumer_groups.form.fields.consumers.label"),
+                  loading: r(G),
+                  placeholder: r(g)("consumer_groups.form.fields.consumers.placeholder"),
                   width: "auto",
-                  onQueryChange: t(j)
+                  onQueryChange: r(O)
                 }, {
-                  "item-template": v(({ item: l }) => {
-                    var x, R, M;
+                  "item-template": y(({ item: c }) => {
+                    var A, U, $;
                     return [
-                      N("div", ho, [
-                        N("div", _o, G(l.label), 1),
-                        (x = l == null ? void 0 : l.data) != null && x.username && ((R = l == null ? void 0 : l.data) != null && R.custom_id) ? (T(), W("div", bo, G((M = l == null ? void 0 : l.data) == null ? void 0 : M.custom_id), 1)) : te("", !0)
+                      q("div", go, [
+                        q("div", fo, M(c.label), 1),
+                        (A = c == null ? void 0 : c.data) != null && A.username && ((U = c == null ? void 0 : c.data) != null && U.custom_id) ? (S(), z("div", vo, M(($ = c == null ? void 0 : c.data) == null ? void 0 : $.custom_id), 1)) : se("", !0)
                       ])
                     ];
                   }),
@@ -894,7 +891,7 @@ const he = {
       ]);
     };
   }
-}), Go = /* @__PURE__ */ $e(Co, [["__scopeId", "data-v-dfa56d62"]]), ko = { class: "kong-ui-consumer-group-entity-config-card" }, Ao = /* @__PURE__ */ ye({
+}), $o = /* @__PURE__ */ $e(yo, [["__scopeId", "data-v-dfa56d62"]]), ho = { class: "kong-ui-consumer-group-entity-config-card" }, Eo = /* @__PURE__ */ ye({
   __name: "ConsumerGroupConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -921,7 +918,7 @@ const he = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(e) {
-    const O = e, { i18n: { t: u } } = he.useI18n(), s = I(() => X.form[O.config.app].edit), g = _({
+    const N = e, { i18n: { t: u } } = he.useI18n(), t = I(() => W.form[N.config.app].edit), g = k({
       id: {},
       name: {},
       created_at: {},
@@ -930,24 +927,24 @@ const he = {
         tooltip: u("consumer_groups.form.fields.tags.tooltip")
       }
     });
-    return (i, n) => (T(), W("div", ko, [
-      f(t(to), {
+    return (l, n) => (S(), z("div", ho, [
+      f(r(eo), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
         "config-schema": g.value,
         "data-key": "consumer_group",
-        "entity-type": t(Fe).ConsumerGroup,
-        "fetch-url": s.value,
+        "entity-type": r(Pe).ConsumerGroup,
+        "fetch-url": t.value,
         "hide-title": e.hideTitle,
-        "onFetch:error": n[0] || (n[0] = ($) => i.$emit("fetch:error", $)),
-        "onFetch:success": n[1] || (n[1] = ($) => i.$emit("fetch:success", $)),
-        onLoading: n[2] || (n[2] = ($) => i.$emit("loading", $))
+        "onFetch:error": n[0] || (n[0] = (E) => l.$emit("fetch:error", E)),
+        "onFetch:success": n[1] || (n[1] = (E) => l.$emit("fetch:success", E)),
+        onLoading: n[2] || (n[2] = (E) => l.$emit("loading", E))
       }, null, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
     ]));
   }
 });
 export {
-  Ao as ConsumerGroupConfigCard,
-  Go as ConsumerGroupForm,
-  Mo as ConsumerGroupList
+  Eo as ConsumerGroupConfigCard,
+  $o as ConsumerGroupForm,
+  wo as ConsumerGroupList
 };