@kong-ui-public/entities-consumer-groups 3.5.42 → 3.5.44

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

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