@kong-ui-public/entities-consumer-groups 3.9.2-pr.2114.f471b8dbc.0 → 3.9.2-pr.2129.a56bab684.0

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

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