@kong-ui-public/entities-consumer-groups 3.5.57 → 3.5.58

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

@@ -1,4 +1,4 @@
-import { defineComponent as ye, ref as k, computed as I, watch as Ie, resolveComponent as L, openBlock as S, createBlock as ge, unref as r, withCtx as y, createElementVNode as q, toDisplayString as M, createVNode as f, createElementBlock as z, Fragment as De, renderList as Ke, createCommentVNode as se, onBeforeMount as Ge, Teleport as Ue, createTextVNode as pe, createSlots as Be, reactive as xe } from "vue";
+import { defineComponent as ye, ref as k, computed as I, watch as Ie, resolveComponent as j, openBlock as P, createBlock as ge, unref as r, withCtx as y, createElementVNode as q, toDisplayString as G, createVNode as f, createElementBlock as J, Fragment as De, renderList as Ke, createCommentVNode as te, onBeforeMount as Ge, Teleport as Ue, createTextVNode as pe, createSlots as Be, reactive as xe } from "vue";
 import { useRouter as Ae } from "vue-router";
 import { AddIcon as Re } from "@kong/icons";
 import { createI18n as qe, i18nTComponent as Ne } from "@kong-ui-public/i18n";
@@ -105,7 +105,7 @@ function so() {
 }
 const he = {
   useI18n: so
-}, B = "/v2/control-planes/{controlPlaneId}/core-entities", R = "/{workspace}", W = {
+}, B = "/v2/control-planes/{controlPlaneId}/core-entities", R = "/{workspace}", H = {
   list: {
     konnect: {
       all: `${B}/consumer_groups`,
@@ -159,80 +159,80 @@ const he = {
   },
   emits: ["cancel", "add:success", "add:partial-success", "error"],
   setup(e, { emit: N }) {
-    var j;
-    const { i18n: { t: u } } = he.useI18n(), t = e, g = N, { axiosInstance: l } = we((j = t.config) == null ? void 0 : j.axiosRequestConfig), n = k([]), {
+    var O;
+    const { i18n: { t: u } } = he.useI18n(), t = e, g = N, { axiosInstance: l } = we((O = t.config) == null ? void 0 : O.axiosRequestConfig), n = k([]), {
       debouncedQueryChange: E,
-      loading: O,
-      allRecords: G,
+      loading: se,
+      allRecords: D,
       error: re,
       loadItems: ne,
-      results: F
+      results: z
     } = Se(
       t.config,
-      W.list[t.config.app].forModal,
+      H.list[t.config.app].forModal,
       "",
       {
         fetchedItemsKey: "data",
         searchKeys: ["name", "id"]
       }
-    ), T = I(() => re.value ? u("consumer_groups.errors.general") : ""), ae = k(0), X = I(() => G.value === void 0), D = I(() => F.value.map((m) => ({
+    ), M = I(() => re.value ? u("consumer_groups.errors.general") : ""), ae = k(0), A = I(() => D.value === void 0), X = I(() => z.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
-    }))), Z = (m) => {
+    }))), Y = (m) => {
       var d;
-      const v = X.value ? F.value.find((h) => h.id === m) : (d = G.value) == null ? void 0 : d.find((h) => h.id === m);
+      const v = A.value ? z.value.find((h) => h.id === m) : (d = D.value) == null ? void 0 : d.find((h) => h.id === m);
       return v ? v.name : m;
     }, ue = () => {
-      x.value = "", K.value = [], P.value = [], g("cancel");
-    }, K = k([]), Q = k(!1), x = k(""), ie = async () => {
+      x.value = "", K.value = [], V.value = [], g("cancel");
+    }, K = k([]), T = k(!1), x = k(""), ie = async () => {
       if (!n.value.length) {
-        x.value = "", P.value = [], g("cancel");
+        x.value = "", V.value = [], g("cancel");
         return;
       }
-      Q.value = !0, x.value = "", K.value = [], P.value = [];
+      T.value = !0, x.value = "", K.value = [], V.value = [];
       try {
         const m = n.value.map((h) => le(h)), v = await Promise.allSettled(m);
         let d = !0;
         v.forEach((h) => {
           h.status !== "fulfilled" && (d = !1);
-        }), d ? (K.value = [], P.value = [], g("add:success", n.value), n.value = []) : (K.value.length && g("add:partial-success", K.value), n.value = [], ee(v));
+        }), d ? (K.value = [], V.value = [], g("add:success", n.value), n.value = []) : (K.value.length && g("add:partial-success", K.value), n.value = [], Z(v));
       } catch {
         x.value = u("consumer_groups.errors.add"), g("error", x.value);
       } finally {
-        Q.value = !1;
+        T.value = !1;
       }
-    }, J = I(() => {
-      var v, d, h, V;
-      let m = `${t.config.apiBaseUrl}${W.list[t.config.app].forConsumer}`;
-      return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((v = t.config) == null ? void 0 : v.controlPlaneId) || "").replace(/{consumerId}/gi, ((d = t.config) == null ? void 0 : d.consumerId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (h = t.config) != null && h.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((V = t.config) == null ? void 0 : V.consumerId) || "")), m;
+    }, L = I(() => {
+      var v, d, h, F;
+      let m = `${t.config.apiBaseUrl}${H.list[t.config.app].forConsumer}`;
+      return t.config.app === "konnect" ? m = m.replace(/{controlPlaneId}/gi, ((v = t.config) == null ? void 0 : v.controlPlaneId) || "").replace(/{consumerId}/gi, ((d = t.config) == null ? void 0 : d.consumerId) || "") : t.config.app === "kongManager" && (m = m.replace(/\/{workspace}/gi, (h = t.config) != null && h.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((F = t.config) == null ? void 0 : F.consumerId) || "")), m;
     }), le = async (m) => {
       const v = {
         group: m
       };
       try {
-        const d = await l.post(J.value, v);
+        const d = await l.post(L.value, v);
         return K.value.push(m), d;
       } catch (d) {
-        let h = `${Z(m)} - ${d.message}`;
-        return d.response.status === 409 && (h = `${Z(m)} - ${u("consumer_groups.errors.already_added")}`), Promise.reject(Error(h));
+        let h = `${Y(m)} - ${d.message}`;
+        return d.response.status === 409 && (h = `${Y(m)} - ${u("consumer_groups.errors.already_added")}`), Promise.reject(Error(h));
       }
-    }, P = k([]), ee = (m) => {
-      P.value = m.map((v) => {
+    }, V = k([]), Z = (m) => {
+      V.value = m.map((v) => {
         var d;
         return (d = v.reason) == null ? void 0 : d.message;
       }).filter(Boolean);
     };
-    return Ie(D, () => {
+    return Ie(X, () => {
       ae.value++;
     }, { immediate: !0, deep: !0 }), Ie(() => t.visible, () => {
       t.visible && ne();
     }, { immediate: !0 }), (m, v) => {
-      const d = L("KMultiselect"), h = L("KAlert"), V = L("KPrompt");
-      return S(), ge(V, {
-        "action-button-disabled": Q.value,
+      const d = j("KMultiselect"), h = j("KAlert"), F = j("KPrompt");
+      return P(), ge(F, {
+        "action-button-disabled": T.value,
         class: "kong-ui-entities-add-to-groups-modal",
         "data-testid": "add-to-group-modal",
         title: r(u)("consumer_groups.consumers.add.title"),
@@ -242,34 +242,34 @@ const he = {
       }, {
         default: y(() => [
           q("div", ro, [
-            q("p", no, M(r(u)("consumer_groups.consumers.add.ctaText")), 1),
+            q("p", no, G(r(u)("consumer_groups.consumers.add.ctaText")), 1),
             f(d, {
               modelValue: n.value,
-              "onUpdate:modelValue": v[0] || (v[0] = (Y) => n.value = Y),
+              "onUpdate:modelValue": v[0] || (v[0] = (W) => n.value = W),
               autosuggest: "",
               "data-testid": "add-to-groups-multiselect",
-              "dropdown-footer-text": X.value ? r(u)("consumer_groups.consumers.add.footer") : void 0,
-              items: D.value,
+              "dropdown-footer-text": A.value ? r(u)("consumer_groups.consumers.add.footer") : void 0,
+              items: X.value,
               label: r(u)("consumer_groups.consumers.add.consumer_groups_label"),
-              loading: r(O),
+              loading: r(se),
               placeholder: r(u)("consumer_groups.consumers.add.consumer_group_placeholder"),
-              readonly: Q.value,
+              readonly: T.value,
               required: "",
               width: "100%",
               onQueryChange: r(E)
             }, null, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            x.value || T.value || P.value.length ? (S(), z("div", ao, [
+            x.value || M.value || V.value.length ? (P(), J("div", ao, [
               f(h, { appearance: "danger" }, {
                 default: y(() => [
-                  q("p", null, M(r(u)("consumer_groups.errors.add")), 1),
-                  P.value.length ? (S(), z("ul", uo, [
-                    (S(!0), z(De, null, Ke(P.value, (Y, ce) => (S(), z("li", { key: ce }, M(Y), 1))), 128))
-                  ])) : se("", !0),
-                  q("div", null, M(x.value || T.value), 1)
+                  q("p", null, G(r(u)("consumer_groups.errors.add")), 1),
+                  V.value.length ? (P(), J("ul", uo, [
+                    (P(!0), J(De, null, Ke(V.value, (W, ce) => (P(), J("li", { key: ce }, G(W), 1))), 128))
+                  ])) : te("", !0),
+                  q("div", null, G(x.value || M.value), 1)
                 ]),
                 _: 1
               })
-            ])) : se("", !0)
+            ])) : te("", !0)
           ])
         ]),
         _: 1
@@ -328,40 +328,44 @@ const he = {
   emits: ["error", "copy:success", "copy:error", "delete:success", "add:success", "remove:success"],
   setup(e, { emit: N }) {
     var Ee;
-    const u = N, t = e, { i18nT: g, i18n: { t: l } } = he.useI18n(), n = Ae(), { axiosInstance: E } = we((Ee = t.config) == null ? void 0 : Ee.axiosRequestConfig), O = k(1), G = I(() => !!t.config.consumerId), re = I(
-      () => G.value ? "kong-ui-entities-consumer-groups-list-in-consumer-page" : "kong-ui-entities-consumer-groups-list"
-    ), ne = I(() => t.config.app !== "kongManager" || !!t.config.disableSorting), F = {
+    const u = N, t = e, { i18nT: g, i18n: { t: l } } = he.useI18n(), n = Ae(), { axiosInstance: E } = we((Ee = t.config) == null ? void 0 : Ee.axiosRequestConfig), se = I(() => t.config.app !== "kongManager" || !!t.config.disableSorting), D = {
       // the Name column is non-hidable
       name: { label: l("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 }
     };
-    t.config.app === "kongManager" && (F.consumers_count = { label: l("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), F.tags = { label: l("consumer_groups.list.table_headers.tags"), sortable: !1 };
-    const T = F, ae = (s) => ({
+    t.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 re = D, ne = (s) => ({
       "data-testid": s.username ?? s.custom_id ?? s.id
-    }), X = I(() => {
-      var p, b, w, H;
-      let s = `${t.config.apiBaseUrl}${W.list[t.config.app][G.value ? "forConsumer" : "all"]}`;
-      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((p = t.config) == null ? void 0 : p.controlPlaneId) || "").replace(/{consumerId}/gi, ((b = t.config) == null ? void 0 : b.consumerId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (w = t.config) != null && w.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((H = t.config) == null ? void 0 : H.consumerId) || "")), s;
-    }), D = k(""), Z = I(() => {
+    }), z = I(() => {
+      var p, b, w, Q;
+      let s = `${t.config.apiBaseUrl}${H.list[t.config.app][A.value ? "forConsumer" : "all"]}`;
+      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((p = t.config) == null ? void 0 : p.controlPlaneId) || "").replace(/{consumerId}/gi, ((b = t.config) == null ? void 0 : b.consumerId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (w = t.config) != null && w.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((Q = t.config) == null ? void 0 : Q.consumerId) || "")), s;
+    }), M = k(""), ae = I(() => {
       const s = t.config.app === "konnect" || t.config.isExactMatch;
       return s ? {
         isExactMatch: s,
         fields: {
-          username: F.name,
+          username: D.name,
           id: { label: l("consumer_groups.list.table_headers.id") }
         },
         placeholder: l("consumer_groups.search.placeholder")
       } : {
         isExactMatch: s,
         fields: {
-          name: F.name
+          name: D.name
         },
         schema: t.config.filterSchema
       };
-    }), ue = I(() => t.config.app === "konnect" && D.value ? "consumer_group" : G.value && !t.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: K, fetcherState: Q } = Oe(t.config, X.value, ue), x = () => {
-      D.value = "";
+    }), A = I(() => !!t.config.consumerId), X = I(
+      () => A.value ? "kong-ui-entities-consumer-groups-list-in-consumer-page" : "kong-ui-entities-consumer-groups-list"
+    ), Y = I(() => t.config.app === "konnect" && M.value ? "consumer_group" : A.value && !t.config.paginatedEndpoint ? "consumer_groups" : void 0), {
+      fetcher: ue,
+      fetcherState: K,
+      fetcherCacheKey: T
+    } = Oe({ ...t.config, cacheIdentifier: t.cacheIdentifier }, z.value, Y), x = () => {
+      M.value = "";
     }, ie = () => {
-      O.value++;
-    }, J = k(null), le = (s, p) => {
+      T.value++;
+    }, L = k(null), le = (s, p) => {
       const b = s.id;
       if (!p(b)) {
         u("copy:error", {
@@ -376,7 +380,7 @@ const he = {
         field: "id",
         message: l("consumer_groups.copy.success", { val: b })
       });
-    }, P = (s, p) => {
+    }, V = (s, p) => {
       const b = JSON.stringify(s);
       if (!p(b)) {
         u("copy:error", {
@@ -389,16 +393,16 @@ const he = {
         entity: s,
         message: l("consumer_groups.copy.success_brief")
       });
-    }, ee = async (s) => {
+    }, Z = async (s) => {
       var b;
       await ((b = t.canRetrieve) == null ? void 0 : b.call(t, s)) && n.push(t.config.getViewRoute(s.id));
-    }, j = (s) => ({
+    }, O = (s) => ({
       label: l("consumer_groups.actions.view"),
       to: t.config.getViewRoute(s)
     }), m = (s) => ({
       label: l("consumer_groups.actions.edit"),
       to: t.config.getEditRoute(s)
-    }), v = k(void 0), d = k(!1), h = k(!1), V = k(""), Y = je(t.config, X.value), ce = (s) => {
+    }), v = k(void 0), d = k(!1), h = k(!1), F = k(""), W = je(t.config, z.value), ce = (s) => {
       v.value = s, d.value = !0;
     }, _e = () => {
       d.value = !1;
@@ -407,92 +411,92 @@ const he = {
       if ((s = v.value) != null && s.id) {
         h.value = !0;
         try {
-          await E.delete(Y(v.value.id)), h.value = !1, d.value = !1, O.value++, u("delete:success", v.value);
+          await E.delete(W(v.value.id)), h.value = !1, d.value = !1, T.value++, u("delete:success", v.value);
         } catch (w) {
-          V.value = ((b = (p = w.response) == null ? void 0 : p.data) == null ? void 0 : b.message) || w.message || l("consumer_groups.errors.delete"), u("error", w);
+          F.value = ((b = (p = w.response) == null ? void 0 : p.data) == null ? void 0 : b.message) || w.message || l("consumer_groups.errors.delete"), u("error", w);
         } finally {
           h.value = !1;
         }
       }
-    }, oe = k(!1), de = () => {
-      oe.value = !0;
+    }, ee = k(!1), de = () => {
+      ee.value = !0;
     }, o = () => {
-      oe.value = !1;
+      ee.value = !1;
     }, a = (s, p) => {
-      p || o(), O.value++, u("add:success", s);
+      p || o(), T.value++, u("add:success", s);
     }, C = () => {
-      G.value && de();
-    }, i = k(void 0), c = k(!1), A = k(""), U = (s) => {
+      A.value && de();
+    }, i = k(void 0), c = k(!1), S = k(""), U = (s) => {
       i.value = s, c.value = !0;
     }, $ = () => {
       c.value = !1, i.value = void 0;
-    }, te = I(() => {
-      var p, b, w, H;
-      let s = `${t.config.apiBaseUrl}${W.list[t.config.app].oneForConsumer}`;
-      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((p = t.config) == null ? void 0 : p.controlPlaneId) || "").replace(/{consumerId}/gi, ((b = t.config) == null ? void 0 : b.consumerId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (w = t.config) != null && w.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((H = t.config) == null ? void 0 : H.consumerId) || "")), s;
+    }, oe = I(() => {
+      var p, b, w, Q;
+      let s = `${t.config.apiBaseUrl}${H.list[t.config.app].oneForConsumer}`;
+      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((p = t.config) == null ? void 0 : p.controlPlaneId) || "").replace(/{consumerId}/gi, ((b = t.config) == null ? void 0 : b.consumerId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (w = t.config) != null && w.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((Q = t.config) == null ? void 0 : Q.consumerId) || "")), s;
     }), me = k(!1), Te = async () => {
       if (i.value) {
         me.value = !0;
         try {
-          const s = te.value.replace(/{consumerGroupId}/gi, i.value.id);
-          await E.delete(s), u("remove:success", i.value), $(), O.value++;
+          const s = oe.value.replace(/{consumerGroupId}/gi, i.value.id);
+          await E.delete(s), u("remove:success", i.value), $(), T.value++;
         } catch (s) {
-          A.value = s.message || l("consumer_groups.errors.delete"), u("error", s);
+          S.value = s.message || l("consumer_groups.errors.delete"), u("error", s);
         } finally {
           me.value = !1;
         }
       }
     };
-    Ie(Q, (s) => {
+    Ie(K, (s) => {
       var p, b, w;
       if (s.status === Le.Error) {
-        J.value = {
+        L.value = {
           title: l("consumer_groups.errors.general")
-        }, (w = (b = (p = s.error) == null ? void 0 : p.response) == null ? void 0 : b.data) != null && w.message && (J.value.message = s.error.response.data.message), u("error", s.error);
+        }, (w = (b = (p = s.error) == null ? void 0 : p.response) == null ? void 0 : b.data) != null && w.message && (L.value.message = s.error.response.data.message), u("error", s.error);
         return;
       }
-      J.value = null;
+      L.value = null;
     });
     const be = k({
-      ctaPath: G.value ? void 0 : t.config.createRoute,
+      ctaPath: A.value ? void 0 : t.config.createRoute,
       ctaText: void 0,
       message: `${l("consumer_groups.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
       title: l("consumer_groups.title")
     });
     return Ge(async () => {
-      await t.canCreate() && (be.value.title = G.value ? l("consumer_groups.list.empty_state.title_for_consumer") : l("consumer_groups.list.empty_state.title"), be.value.ctaText = G.value ? l("consumer_groups.actions.add_to_group") : l("consumer_groups.actions.create"));
+      await t.canCreate() && (be.value.title = A.value ? l("consumer_groups.list.empty_state.title_for_consumer") : l("consumer_groups.list.empty_state.title"), be.value.ctaText = A.value ? l("consumer_groups.actions.add_to_group") : l("consumer_groups.actions.create"));
     }), (s, p) => {
-      const b = L("KButton"), w = L("KDropdownItem"), H = L("KClipboardProvider"), Ve = L("KPrompt");
-      return S(), z("div", co, [
+      const b = j("KButton"), w = j("KDropdownItem"), Q = j("KClipboardProvider"), Ve = j("KPrompt");
+      return P(), J("div", co, [
         f(r(Qe), {
           "cache-identifier": e.cacheIdentifier,
-          "disable-pagination": G.value && !e.config.paginatedEndpoint,
-          "disable-sorting": ne.value,
+          "disable-pagination": A.value && !e.config.paginatedEndpoint,
+          "disable-sorting": se.value,
           "empty-state-options": be.value,
           "enable-entity-actions": "",
-          "error-message": J.value,
-          fetcher: r(K),
-          "fetcher-cache-key": O.value,
+          "error-message": L.value,
+          fetcher: r(ue),
+          "fetcher-cache-key": r(T),
           "pagination-type": "offset",
-          "preferences-storage-key": re.value,
-          query: D.value,
-          "row-attributes": ae,
-          "table-headers": r(T),
+          "preferences-storage-key": X.value,
+          query: M.value,
+          "row-attributes": ne,
+          "table-headers": r(re),
           onClearSearchInput: x,
-          "onClick:row": p[2] || (p[2] = (_) => ee(_)),
+          "onClick:row": p[2] || (p[2] = (_) => Z(_)),
           onEmptyStateCtaClicked: C,
           onSort: ie
         }, {
           "toolbar-filter": y(() => [
-            G.value ? se("", !0) : (S(), ge(r(Je), {
+            A.value ? te("", !0) : (P(), ge(r(Je), {
               key: 0,
-              modelValue: D.value,
-              "onUpdate:modelValue": p[0] || (p[0] = (_) => D.value = _),
-              config: Z.value
+              modelValue: M.value,
+              "onUpdate:modelValue": p[0] || (p[0] = (_) => M.value = _),
+              config: ae.value
             }, null, 8, ["modelValue", "config"]))
           ]),
           "toolbar-button": y(() => [
-            (S(), ge(Ue, {
+            (P(), ge(Ue, {
               disabled: !e.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
@@ -509,7 +513,7 @@ const he = {
                   }, {
                     default: y(() => [
                       f(r(Re)),
-                      pe(" " + M(e.config.consumerId ? r(l)("consumer_groups.actions.add_to_group") : r(l)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
+                      pe(" " + G(e.config.consumerId ? r(l)("consumer_groups.actions.add_to_group") : r(l)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
                     ]),
                     _: 1
                   }, 8, ["size", "to"])
@@ -519,37 +523,37 @@ const he = {
             ], 8, ["disabled"]))
           ]),
           name: y(({ rowValue: _ }) => [
-            q("b", null, M(_ ?? "-"), 1)
+            q("b", null, G(_ ?? "-"), 1)
           ]),
           consumers_count: y(({ rowValue: _ }) => [
-            pe(M(_ ?? "-"), 1)
+            pe(G(_ ?? "-"), 1)
           ]),
           tags: y(({ rowValue: _ }) => [
             f(r(He), { tags: _ }, null, 8, ["tags"])
           ]),
           actions: y(({ row: _ }) => [
-            f(H, null, {
+            f(Q, null, {
               default: y(({ copyToClipboard: Ce }) => [
                 f(w, {
                   "data-testid": "action-entity-copy-id",
                   onClick: (Fe) => le(_, Ce)
                 }, {
                   default: y(() => [
-                    pe(M(r(l)("consumer_groups.actions.copy_id")), 1)
+                    pe(G(r(l)("consumer_groups.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            f(H, null, {
+            f(Q, null, {
               default: y(({ copyToClipboard: Ce }) => [
                 f(w, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (Fe) => P(_, Ce)
+                  onClick: (Fe) => V(_, Ce)
                 }, {
                   default: y(() => [
-                    pe(M(r(l)("consumer_groups.actions.copy_json")), 1)
+                    pe(G(r(l)("consumer_groups.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -563,7 +567,7 @@ const he = {
                 f(w, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: j(_.id)
+                  item: O(_.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
@@ -590,7 +594,7 @@ const he = {
                   onClick: () => e.config.consumerId ? U(_) : ce(_)
                 }, {
                   default: y(() => [
-                    pe(M(e.config.consumerId ? r(l)("consumer_groups.actions.exit") : r(l)("consumer_groups.actions.delete")), 1)
+                    pe(G(e.config.consumerId ? r(l)("consumer_groups.actions.exit") : r(l)("consumer_groups.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -606,22 +610,22 @@ const he = {
           description: r(l)("consumer_groups.delete.description"),
           "entity-name": v.value && (v.value.name || v.value.id),
           "entity-type": r(We).ConsumerGroup,
-          error: V.value,
+          error: F.value,
           title: r(l)("consumer_groups.delete.title"),
           visible: d.value,
           onCancel: _e,
           onProceed: fe
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"]),
-        e.config.consumerId ? (S(), ge(lo, {
+        e.config.consumerId ? (P(), ge(lo, {
           key: 0,
           config: e.config,
           "data-testid": "add-to-group-modal",
-          visible: oe.value,
+          visible: ee.value,
           "onAdd:partialSuccess": p[3] || (p[3] = (_) => a(_, !0)),
           "onAdd:success": p[4] || (p[4] = (_) => a(_)),
           onCancel: o
-        }, null, 8, ["config", "visible"])) : se("", !0),
-        e.config.consumerId && i.value ? (S(), ge(Ve, {
+        }, null, 8, ["config", "visible"])) : te("", !0),
+        e.config.consumerId && i.value ? (P(), ge(Ve, {
           key: 1,
           "action-button-appearance": "danger",
           "data-testid": "exit-group-modal",
@@ -637,26 +641,26 @@ const he = {
               tag: "p"
             }, Be({
               consumerGroup: y(() => [
-                q("strong", null, M(i.value.name || i.value.id), 1)
+                q("strong", null, G(i.value.name || i.value.id), 1)
               ]),
               _: 2
             }, [
               e.config.consumerUsername ? {
                 name: "consumer",
                 fn: y(() => [
-                  q("strong", null, M(e.config.consumerUsername), 1)
+                  q("strong", null, G(e.config.consumerUsername), 1)
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["keypath"]),
-            q("p", null, M(r(l)("consumer_groups.consumers.exit.description")), 1)
+            q("p", null, G(r(l)("consumer_groups.consumers.exit.description")), 1)
           ]),
           _: 1
-        }, 8, ["title", "visible"])) : se("", !0)
+        }, 8, ["title", "visible"])) : te("", !0)
       ]);
     };
   }
-}), wo = /* @__PURE__ */ $e(mo, [["__scopeId", "data-v-7f3c37dc"]]), po = { class: "kong-ui-entities-consumer-group-form" }, go = { class: "select-item-container" }, fo = { class: "select-item-label" }, vo = {
+}), wo = /* @__PURE__ */ $e(mo, [["__scopeId", "data-v-200ea83e"]]), po = { class: "kong-ui-entities-consumer-group-form" }, go = { class: "select-item-container" }, fo = { class: "select-item-label" }, vo = {
   key: 0,
   class: "select-item-description"
 }, yo = /* @__PURE__ */ ye({
@@ -677,7 +681,7 @@ const he = {
   },
   emits: ["update", "error", "loading"],
   setup(e, { emit: N }) {
-    var fe, oe, de;
+    var fe, ee, de;
     const u = e, t = N, { i18n: { t: g } } = he.useI18n(), l = Ae(), n = xe({
       fields: {
         name: "",
@@ -691,68 +695,68 @@ const he = {
       tags: "",
       consumers: []
     }), {
-      debouncedQueryChange: O,
-      loading: G,
+      debouncedQueryChange: se,
+      loading: D,
       error: re,
       loadItems: ne,
-      results: F
-    } = Se(u.config, (oe = W.form[(fe = u.config) == null ? void 0 : fe.app]) == null ? void 0 : oe.consumersList, "", {
+      results: z
+    } = Se(u.config, (ee = H.form[(fe = u.config) == null ? void 0 : fe.app]) == null ? void 0 : ee.consumersList, "", {
       fetchedItemsKey: "data",
       searchKeys: ["username", "custom_id", "id"]
-    }), { axiosInstance: T } = we((de = u.config) == null ? void 0 : de.axiosRequestConfig), { getMessageFromError: ae } = Xe(), X = Ye(), D = I(() => F.value.map((o) => ({
+    }), { axiosInstance: M } = we((de = u.config) == null ? void 0 : de.axiosRequestConfig), { getMessageFromError: ae } = Xe(), A = Ye(), X = I(() => 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
-    }))), Z = I(() => {
+    }))), Y = I(() => {
       var o, a;
-      return (a = W.form[(o = u.config) == null ? void 0 : o.app]) == null ? void 0 : a.edit;
-    }), ue = I(() => u.consumerGroupId ? ke.Edit : ke.Create), K = I(() => !!n.fields.name && !ee.value), Q = I(() => JSON.stringify(n.fields) !== JSON.stringify(E)), x = (o, a = "", C = "") => {
-      var c, A, U, $, te, me;
-      let i = `${(c = u.config) == null ? void 0 : c.apiBaseUrl}${W.form[(A = u.config) == null ? void 0 : A.app][o]}`;
-      return ((U = u.config) == null ? void 0 : U.app) === "konnect" ? i = i.replace(/{controlPlaneId}/gi, (($ = u.config) == null ? void 0 : $.controlPlaneId) || "") : ((te = u.config) == null ? void 0 : te.app) === "kongManager" && (i = i.replace(/\/{workspace}/gi, (me = u.config) != null && me.workspace ? `/${u.config.workspace}` : "")), i = i.replace(/{id}/gi, a || u.consumerGroupId), (o === "addConsumer" || o === "removeConsumer") && (i = i.replace(/{consumerId}/gi, C)), i;
+      return (a = H.form[(o = u.config) == null ? void 0 : o.app]) == null ? void 0 : a.edit;
+    }), ue = I(() => u.consumerGroupId ? ke.Edit : ke.Create), K = I(() => !!n.fields.name && !Z.value), T = I(() => JSON.stringify(n.fields) !== JSON.stringify(E)), x = (o, a = "", C = "") => {
+      var c, S, U, $, oe, me;
+      let i = `${(c = u.config) == null ? void 0 : c.apiBaseUrl}${H.form[(S = u.config) == null ? void 0 : S.app][o]}`;
+      return ((U = u.config) == null ? void 0 : U.app) === "konnect" ? i = i.replace(/{controlPlaneId}/gi, (($ = u.config) == null ? void 0 : $.controlPlaneId) || "") : ((oe = u.config) == null ? void 0 : oe.app) === "kongManager" && (i = i.replace(/\/{workspace}/gi, (me = u.config) != null && me.workspace ? `/${u.config.workspace}` : "")), i = i.replace(/{id}/gi, a || u.consumerGroupId), (o === "addConsumer" || o === "removeConsumer") && (i = i.replace(/{consumerId}/gi, C)), i;
     }, ie = () => {
       var o;
       l.push(((o = u.config) == null ? void 0 : o.cancelRoute) || { name: "consumer-group-list" });
-    }, J = (o) => {
+    }, L = (o) => {
       t("error", o);
     }, le = (o) => {
       t("loading", o);
-    }, P = async (o) => {
-      var C, i, c, A, U;
+    }, V = async (o) => {
+      var C, i, c, S, U;
       n.fields.name = ((C = o == null ? void 0 : o.item) == null ? void 0 : C.name) || ((i = o == null ? void 0 : o.consumer_group) == null ? void 0 : i.name) || (o == null ? void 0 : o.name) || "";
       const a = ((c = o == null ? void 0 : o.item) == null ? void 0 : c.tags) || (o == null ? void 0 : o.consumer_group.tags) || (o == null ? void 0 : o.tags) || [];
       if (n.fields.tags = (a == null ? void 0 : a.join(", ")) || "", "consumers" in o)
-        n.fields.consumers = ((A = o == null ? void 0 : o.consumers) == null ? void 0 : A.map(($) => $.id)) || [];
+        n.fields.consumers = ((S = o == null ? void 0 : o.consumers) == null ? void 0 : S.map(($) => $.id)) || [];
       else
         try {
-          const { data: $ } = await T.get(x("getConsumers"));
-          n.fields.consumers = "consumers" in $ ? (U = $ == null ? void 0 : $.consumers) == null ? void 0 : U.map((te) => te.id) : [];
+          const { data: $ } = await M.get(x("getConsumers"));
+          n.fields.consumers = "consumers" in $ ? (U = $ == null ? void 0 : $.consumers) == null ? void 0 : U.map((oe) => oe.id) : [];
         } catch ($) {
           d($);
         }
       Object.assign(E, n.fields);
-    }, ee = I(() => X.utf8Name(n.fields.name)), j = I(() => {
+    }, Z = I(() => A.utf8Name(n.fields.name)), O = I(() => {
       var o, a;
       return {
         name: n.fields.name,
         tags: (a = (o = n.fields.tags.split(",")) == null ? void 0 : o.map((C) => String(C || "").trim())) == null ? void 0 : a.filter((C) => C !== "")
       };
-    }), m = async (o, a = "") => await T.post(x("addConsumer", a, o), { consumer: o }), v = async (o, a = "") => await T.delete(x("removeConsumer", a, o)), d = (o) => {
+    }), m = async (o, a = "") => await M.post(x("addConsumer", a, o), { consumer: o }), v = async (o, a = "") => await M.delete(x("removeConsumer", a, o)), d = (o) => {
       n.errorMessage = ae(o), t("error", o);
     }, h = (o = u.consumerGroupId) => {
       Object.assign(E, n.fields), t("update", { ...n.fields, id: o });
-    }, V = (o, a, C = u.consumerGroupId) => {
+    }, F = (o, a, C = u.consumerGroupId) => {
       const i = o == null ? void 0 : o.find((c) => c.status !== "fulfilled");
       i ? d({
         code: i.status,
         message: a
       }) : h(C);
-    }, Y = async () => {
+    }, W = async () => {
       let o = "";
       try {
-        const { data: a } = await T.post(x("create"), j.value);
+        const { data: a } = await M.post(x("create"), O.value);
         o = "item" in a ? a.item.id : a.id;
       } catch (a) {
         d(a);
@@ -760,7 +764,7 @@ const he = {
       if (n.fields.consumers.length > 0 && o)
         try {
           const a = n.fields.consumers.map((i) => m(i, o)), C = await Promise.allSettled(a);
-          V(C, g("consumer_groups.errors.add_consumer"), o);
+          F(C, g("consumer_groups.errors.add_consumer"), o);
         } catch (a) {
           d(a);
         }
@@ -768,7 +772,7 @@ const he = {
     }, ce = async () => {
       var C;
       try {
-        ((C = u.config) == null ? void 0 : C.app) === "konnect" ? await T.put(x("edit"), j.value) : await T.patch(x("edit"), j.value);
+        ((C = u.config) == null ? void 0 : C.app) === "konnect" ? await M.put(x("edit"), O.value) : await M.patch(x("edit"), O.value);
       } catch (i) {
         d(i);
       }
@@ -778,22 +782,22 @@ const he = {
       else {
         if (a.length > 0)
           try {
-            const i = a.map((A) => v(A)), c = await Promise.allSettled(i);
-            V(c, g("consumer_groups.errors.remove_consumer"));
+            const i = a.map((S) => v(S)), c = await Promise.allSettled(i);
+            F(c, g("consumer_groups.errors.remove_consumer"));
           } catch (i) {
             d(i);
           }
         if (o.length > 0)
           try {
-            const i = o.map((A) => m(A)), c = await Promise.allSettled(i);
-            V(c, g("consumer_groups.errors.add_consumer"));
+            const i = o.map((S) => m(S)), c = await Promise.allSettled(i);
+            F(c, g("consumer_groups.errors.add_consumer"));
           } catch (i) {
             d(i);
           }
       }
     }, _e = async () => {
       try {
-        n.readonly = !0, ue.value === ke.Create ? await Y() : await ce();
+        n.readonly = !0, ue.value === ke.Create ? await W() : await ce();
       } finally {
         n.readonly = !1;
       }
@@ -801,20 +805,20 @@ const he = {
     return Ge(async () => {
       await ne();
     }), (o, a) => {
-      const C = L("KInput"), i = L("KMultiselect");
-      return S(), z("div", po, [
+      const C = j("KInput"), i = j("KMultiselect");
+      return P(), J("div", po, [
         f(r(Ze), {
-          "can-submit": K.value && Q.value,
+          "can-submit": K.value && T.value,
           config: e.config,
           "edit-id": e.consumerGroupId,
           "entity-type": r(Pe).ConsumerGroup,
-          "error-message": n.errorMessage || r(re) || ee.value,
-          "fetch-url": Z.value,
-          "form-fields": j.value,
+          "error-message": n.errorMessage || r(re) || Z.value,
+          "fetch-url": Y.value,
+          "form-fields": O.value,
           "is-readonly": n.readonly,
           onCancel: ie,
-          "onFetch:error": a[3] || (a[3] = (c) => J(c)),
-          "onFetch:success": P,
+          "onFetch:error": a[3] || (a[3] = (c) => L(c)),
+          "onFetch:success": V,
           onLoading: a[4] || (a[4] = (c) => le(c)),
           onSubmit: _e
         }, {
@@ -864,19 +868,19 @@ const he = {
                   "onUpdate:modelValue": a[2] || (a[2] = (c) => n.fields.consumers = c),
                   appearance: "select",
                   autosuggest: "",
-                  items: D.value,
+                  items: X.value,
                   label: r(g)("consumer_groups.form.fields.consumers.label"),
-                  loading: r(G),
+                  loading: r(D),
                   placeholder: r(g)("consumer_groups.form.fields.consumers.placeholder"),
                   width: "auto",
-                  onQueryChange: r(O)
+                  onQueryChange: r(se)
                 }, {
                   "item-template": y(({ item: c }) => {
-                    var A, U, $;
+                    var S, U, $;
                     return [
                       q("div", go, [
-                        q("div", fo, M(c.label), 1),
-                        (A = c == null ? void 0 : c.data) != null && A.username && ((U = c == null ? void 0 : c.data) != null && U.custom_id) ? (S(), z("div", vo, M(($ = c == null ? void 0 : c.data) == null ? void 0 : $.custom_id), 1)) : se("", !0)
+                        q("div", fo, G(c.label), 1),
+                        (S = c == null ? void 0 : c.data) != null && S.username && ((U = c == null ? void 0 : c.data) != null && U.custom_id) ? (P(), J("div", vo, G(($ = c == null ? void 0 : c.data) == null ? void 0 : $.custom_id), 1)) : te("", !0)
                       ])
                     ];
                   }),
@@ -918,7 +922,7 @@ const he = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(e) {
-    const N = e, { i18n: { t: u } } = he.useI18n(), t = I(() => W.form[N.config.app].edit), g = k({
+    const N = e, { i18n: { t: u } } = he.useI18n(), t = I(() => H.form[N.config.app].edit), g = k({
       id: {},
       name: {},
       created_at: {},
@@ -927,7 +931,7 @@ const he = {
         tooltip: u("consumer_groups.form.fields.tags.tooltip")
       }
     });
-    return (l, n) => (S(), z("div", ho, [
+    return (l, n) => (P(), J("div", ho, [
       f(r(eo), {
         config: e.config,
         "config-card-doc": e.configCardDoc,

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

@@ -1 +1 @@
-(function(N,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("@kong/icons"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@kong/icons","@kong-ui-public/i18n","@kong-ui-public/entities-shared"],e):(N=typeof globalThis<"u"?globalThis:N||self,e(N["kong-ui-public-entities-consumer-groups"]={},N.Vue,N.VueRouter,N.KongIcons,N["kong-ui-public-i18n"],N["kong-ui-public-entities-shared"]))})(this,function(N,e,de,fe,me,f){"use strict";const ge={consumer_groups:{list:{table_headers:{name:"Name",consumers_count:"Consumers",tags:"Tags",id:"ID"},empty_state:{title:"Configure a New Consumer Group",description:"Use consumer groups to manage custom rate limiting configuration for subsets of consumers.",title_for_consumer:"Add to a Consumer Group"},toolbar_actions:{new_consumer_group:"New Consumer Group"}},title:"Consumer Groups",search:{placeholder:"Filter by exact name or ID"},actions:{add_to_group:"Add to Consumer Group",create:"New Consumer Group",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",exit:"Exit",view:"View Details"},delete:{title:"Delete a Consumer Group",description:"Deleting this group will remove this group from all plugins and its rate limit configuration. This action cannot be reversed."},consumers:{add:{title:"Add To Consumer Groups",ctaText:"Add this consumer to consumer groups",consumer_groups_label:"Consumer Groups",consumer_group_placeholder:"Add to consumer groups",footer:"Search by exact name or ID to find consumer groups not included in the list"},exit:{title:"Exit from a Consumer Group",confirmation:"Are you sure you want to remove consumer {consumer} from consumer group {consumerGroup}?",confirmationNoUsername:"Are you sure you want this consumer to exit from consumer group {consumerGroup}?",description:"Exiting from the group could change the rate limit policy applied to this consumer."}},errors:{general:"Consumer Groups could not be retrieved",delete:"The consumer group could not be deleted at this time.",copy:"Failed to copy to clipboard",add:"The consumer could not be added to some groups at this time.",already_added:"The consumer is already in this consumer group",add_consumer:"An unexpected error occurred while adding consumers. Please try again.",remove_consumer:"An unexpected error occurred while removing consumers. Please try again."},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"},form:{general_info:{title:"General Information",description:"General information will help identify and manage this consumer group."},consumers:{title:"Consumers",description:"Add or remove consumers from this group"},fields:{name:{label:"Name",placeholder:"Enter a unique name for this consumer group "},tags:{label:"Tags",placeholder:"Enter a list of tags separated by comma",help:"e.g. tag1, tag2, tag3",tooltip:"An optional set of strings for grouping and filtering, separated by commas."},consumers:{label:"Consumers",placeholder:"Select one or more consumers"}}}}};function ye(){const o=me.createI18n("en-us",ge);return{i18n:o,i18nT:me.i18nTComponent(o)}}const se={useI18n:ye},G="/v2/control-planes/{controlPlaneId}/core-entities",T="/{workspace}",R={list:{konnect:{all:`${G}/consumer_groups`,forModal:`${G}/consumer_groups`,forConsumer:`${G}/consumers/{consumerId}/consumer_groups`,oneForConsumer:`${G}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`},kongManager:{all:`${T}/consumer_groups?counter=true`,forModal:`${T}/consumer_groups`,forConsumer:`${T}/consumers/{consumerId}/consumer_groups`,oneForConsumer:`${T}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`}},form:{konnect:{consumersList:`${G}/consumers`,create:`${G}/consumer_groups`,edit:`${G}/consumer_groups/{id}`,addConsumer:`${G}/consumer_groups/{id}/consumers`,removeConsumer:`${G}/consumer_groups/{id}/consumers/{consumerId}`,getConsumers:`${G}/consumer_groups/{id}/consumers`},kongManager:{consumersList:`${T}/consumers`,create:`${T}/consumer_groups`,edit:`${T}/consumer_groups/{id}`,addConsumer:`${T}/consumer_groups/{id}/consumers`,removeConsumer:`${T}/consumer_groups/{id}/consumers/{consumerId}`,getConsumers:`${T}/consumer_groups/{id}/consumers`}}},he={class:"add-to-group-form-container"},_e={class:"add-to-group-cta-text"},Ce={key:0,class:"kong-ui-entity-add-to-groups-error"},be={key:0},ke=e.defineComponent({__name:"AddToGroupModal",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||!o.consumerId)},visible:{type:Boolean,required:!0,default:!1}},emits:["cancel","add:success","add:partial-success","error"],setup(o,{emit:S}){var U;const{i18n:{t:c}}=se.useI18n(),r=o,g=S,{axiosInstance:i}=f.useAxios((U=r.config)==null?void 0:U.axiosRequestConfig),s=e.ref([]),{debouncedQueryChange:x,loading:K,allRecords:V,error:X,loadItems:Y,results:D}=f.useDebouncedFilter(r.config,R.list[r.config.app].forModal,"",{fetchedItemsKey:"data",searchKeys:["name","id"]}),B=e.computed(()=>X.value?c("consumer_groups.errors.general"):""),Z=e.ref(0),L=e.computed(()=>V.value===void 0),A=e.computed(()=>D.value.map(m=>({label:m.name,value:m.id,selected:s.value.includes(m.id),data:m}))),J=m=>{var d;const y=L.value?D.value.find(h=>h.id===m):(d=V.value)==null?void 0:d.find(h=>h.id===m);return y?y.name:m},v=()=>{I.value="",P.value=[],$.value=[],g("cancel")},P=e.ref([]),q=e.ref(!1),I=e.ref(""),ee=async()=>{if(!s.value.length){I.value="",$.value=[],g("cancel");return}q.value=!0,I.value="",P.value=[],$.value=[];try{const m=s.value.map(h=>oe(h)),y=await Promise.allSettled(m);let d=!0;y.forEach(h=>{h.status!=="fulfilled"&&(d=!1)}),d?(P.value=[],$.value=[],g("add:success",s.value),s.value=[]):(P.value.length&&g("add:partial-success",P.value),s.value=[],W(y))}catch{I.value=c("consumer_groups.errors.add"),g("error",I.value)}finally{q.value=!1}},O=e.computed(()=>{var y,d,h,M;let m=`${r.config.apiBaseUrl}${R.list[r.config.app].forConsumer}`;return r.config.app==="konnect"?m=m.replace(/{controlPlaneId}/gi,((y=r.config)==null?void 0:y.controlPlaneId)||"").replace(/{consumerId}/gi,((d=r.config)==null?void 0:d.consumerId)||""):r.config.app==="kongManager"&&(m=m.replace(/\/{workspace}/gi,(h=r.config)!=null&&h.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((M=r.config)==null?void 0:M.consumerId)||"")),m}),oe=async m=>{const y={group:m};try{const d=await i.post(O.value,y);return P.value.push(m),d}catch(d){let h=`${J(m)} - ${d.message}`;return d.response.status===409&&(h=`${J(m)} - ${c("consumer_groups.errors.already_added")}`),Promise.reject(Error(h))}},$=e.ref([]),W=m=>{$.value=m.map(y=>{var d;return(d=y.reason)==null?void 0:d.message}).filter(Boolean)};return e.watch(A,()=>{Z.value++},{immediate:!0,deep:!0}),e.watch(()=>r.visible,()=>{r.visible&&Y()},{immediate:!0}),(m,y)=>{const d=e.resolveComponent("KMultiselect"),h=e.resolveComponent("KAlert"),M=e.resolveComponent("KPrompt");return e.openBlock(),e.createBlock(M,{"action-button-disabled":q.value,class:"kong-ui-entities-add-to-groups-modal","data-testid":"add-to-group-modal",title:e.unref(c)("consumer_groups.consumers.add.title"),visible:o.visible,onCancel:v,onProceed:ee},{default:e.withCtx(()=>[e.createElementVNode("div",he,[e.createElementVNode("p",_e,e.toDisplayString(e.unref(c)("consumer_groups.consumers.add.ctaText")),1),e.createVNode(d,{modelValue:s.value,"onUpdate:modelValue":y[0]||(y[0]=Q=>s.value=Q),autosuggest:"","data-testid":"add-to-groups-multiselect","dropdown-footer-text":L.value?e.unref(c)("consumer_groups.consumers.add.footer"):void 0,items:A.value,label:e.unref(c)("consumer_groups.consumers.add.consumer_groups_label"),loading:e.unref(K),placeholder:e.unref(c)("consumer_groups.consumers.add.consumer_group_placeholder"),readonly:q.value,required:"",width:"100%",onQueryChange:e.unref(x)},null,8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly","onQueryChange"]),I.value||B.value||$.value.length?(e.openBlock(),e.createElementBlock("div",Ce,[e.createVNode(h,{appearance:"danger"},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(e.unref(c)("consumer_groups.errors.add")),1),$.value.length?(e.openBlock(),e.createElementBlock("ul",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value,(Q,te)=>(e.openBlock(),e.createElementBlock("li",{key:te},e.toDisplayString(Q),1))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(I.value||B.value),1)]),_:1})])):e.createCommentVNode("",!0)])]),_:1},8,["action-button-disabled","title","visible"])}}}),ce=(o,S)=>{const c=o.__vccOpts||o;for(const[r,g]of S)c[r]=g;return c},we=ce(ke,[["__scopeId","data-v-4260ce03"]]),xe={class:"kong-ui-entities-consumer-groups-list"},Ie=ce(e.defineComponent({__name:"ConsumerGroupList",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||!o.createRoute||!o.getViewRoute||!o.getEditRoute||o.app==="kongManager"&&!o.isExactMatch&&!o.filterSchema)},cacheIdentifier:{type:String,default:""},canCreate:{type:Function,required:!1,default:async()=>!0},canDelete:{type:Function,required:!1,default:async()=>!0},canEdit:{type:Function,required:!1,default:async()=>!0},canRetrieve:{type:Function,required:!1,default:async()=>!0},useActionOutside:{type:Boolean,default:!1}},emits:["error","copy:success","copy:error","delete:success","add:success","remove:success"],setup(o,{emit:S}){var pe;const c=S,r=o,{i18nT:g,i18n:{t:i}}=se.useI18n(),s=de.useRouter(),{axiosInstance:x}=f.useAxios((pe=r.config)==null?void 0:pe.axiosRequestConfig),K=e.ref(1),V=e.computed(()=>!!r.config.consumerId),X=e.computed(()=>V.value?"kong-ui-entities-consumer-groups-list-in-consumer-page":"kong-ui-entities-consumer-groups-list"),Y=e.computed(()=>r.config.app!=="kongManager"||!!r.config.disableSorting),D={name:{label:i("consumer_groups.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1}};r.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 B=D,Z=n=>({"data-testid":n.username??n.custom_id??n.id}),L=e.computed(()=>{var p,C,k,j;let n=`${r.config.apiBaseUrl}${R.list[r.config.app][V.value?"forConsumer":"all"]}`;return r.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((p=r.config)==null?void 0:p.controlPlaneId)||"").replace(/{consumerId}/gi,((C=r.config)==null?void 0:C.consumerId)||""):r.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(k=r.config)!=null&&k.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((j=r.config)==null?void 0:j.consumerId)||"")),n}),A=e.ref(""),J=e.computed(()=>{const n=r.config.app==="konnect"||r.config.isExactMatch;return n?{isExactMatch:n,fields:{username:D.name,id:{label:i("consumer_groups.list.table_headers.id")}},placeholder:i("consumer_groups.search.placeholder")}:{isExactMatch:n,fields:{name:D.name},schema:r.config.filterSchema}}),v=e.computed(()=>r.config.app==="konnect"&&A.value?"consumer_group":V.value&&!r.config.paginatedEndpoint?"consumer_groups":void 0),{fetcher:P,fetcherState:q}=f.useFetcher(r.config,L.value,v),I=()=>{A.value=""},ee=()=>{K.value++},O=e.ref(null),oe=(n,p)=>{const C=n.id;if(!p(C)){c("copy:error",{entity:n,field:"id",message:i("consumer_groups.errors.copy")});return}c("copy:success",{entity:n,field:"id",message:i("consumer_groups.copy.success",{val:C})})},$=(n,p)=>{const C=JSON.stringify(n);if(!p(C)){c("copy:error",{entity:n,message:i("consumer_groups.errors.copy")});return}c("copy:success",{entity:n,message:i("consumer_groups.copy.success_brief")})},W=async n=>{var C;await((C=r.canRetrieve)==null?void 0:C.call(r,n))&&s.push(r.config.getViewRoute(n.id))},U=n=>({label:i("consumer_groups.actions.view"),to:r.config.getViewRoute(n)}),m=n=>({label:i("consumer_groups.actions.edit"),to:r.config.getEditRoute(n)}),y=e.ref(void 0),d=e.ref(!1),h=e.ref(!1),M=e.ref(""),Q=f.useDeleteUrlBuilder(r.config,L.value),te=n=>{y.value=n,d.value=!0},le=()=>{d.value=!1},ae=async()=>{var n,p,C;if((n=y.value)!=null&&n.id){h.value=!0;try{await x.delete(Q(y.value.id)),h.value=!1,d.value=!1,K.value++,c("delete:success",y.value)}catch(k){M.value=((C=(p=k.response)==null?void 0:p.data)==null?void 0:C.message)||k.message||i("consumer_groups.errors.delete"),c("error",k)}finally{h.value=!1}}},H=e.ref(!1),re=()=>{H.value=!0},t=()=>{H.value=!1},a=(n,p)=>{p||t(),K.value++,c("add:success",n)},b=()=>{V.value&&re()},l=e.ref(void 0),u=e.ref(!1),E=e.ref(""),F=n=>{l.value=n,u.value=!0},w=()=>{u.value=!1,l.value=void 0},z=e.computed(()=>{var p,C,k,j;let n=`${r.config.apiBaseUrl}${R.list[r.config.app].oneForConsumer}`;return r.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((p=r.config)==null?void 0:p.controlPlaneId)||"").replace(/{consumerId}/gi,((C=r.config)==null?void 0:C.consumerId)||""):r.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(k=r.config)!=null&&k.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((j=r.config)==null?void 0:j.consumerId)||"")),n}),ne=e.ref(!1),Te=async()=>{if(l.value){ne.value=!0;try{const n=z.value.replace(/{consumerGroupId}/gi,l.value.id);await x.delete(n),c("remove:success",l.value),w(),K.value++}catch(n){E.value=n.message||i("consumer_groups.errors.delete"),c("error",n)}finally{ne.value=!1}}};e.watch(q,n=>{var p,C,k;if(n.status===f.FetcherStatus.Error){O.value={title:i("consumer_groups.errors.general")},(k=(C=(p=n.error)==null?void 0:p.response)==null?void 0:C.data)!=null&&k.message&&(O.value.message=n.error.response.data.message),c("error",n.error);return}O.value=null});const ie=e.ref({ctaPath:V.value?void 0:r.config.createRoute,ctaText:void 0,message:`${i("consumer_groups.list.empty_state.description")}${r.config.additionMessageForEmptyState?` ${r.config.additionMessageForEmptyState}`:""}`,title:i("consumer_groups.title")});return e.onBeforeMount(async()=>{await r.canCreate()&&(ie.value.title=V.value?i("consumer_groups.list.empty_state.title_for_consumer"):i("consumer_groups.list.empty_state.title"),ie.value.ctaText=V.value?i("consumer_groups.actions.add_to_group"):i("consumer_groups.actions.create"))}),(n,p)=>{const C=e.resolveComponent("KButton"),k=e.resolveComponent("KDropdownItem"),j=e.resolveComponent("KClipboardProvider"),De=e.resolveComponent("KPrompt");return e.openBlock(),e.createElementBlock("div",xe,[e.createVNode(e.unref(f.EntityBaseTable),{"cache-identifier":o.cacheIdentifier,"disable-pagination":V.value&&!o.config.paginatedEndpoint,"disable-sorting":Y.value,"empty-state-options":ie.value,"enable-entity-actions":"","error-message":O.value,fetcher:e.unref(P),"fetcher-cache-key":K.value,"pagination-type":"offset","preferences-storage-key":X.value,query:A.value,"row-attributes":Z,"table-headers":e.unref(B),onClearSearchInput:I,"onClick:row":p[2]||(p[2]=_=>W(_)),onEmptyStateCtaClicked:b,onSort:ee},{"toolbar-filter":e.withCtx(()=>[V.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(f.EntityFilter),{key:0,modelValue:A.value,"onUpdate:modelValue":p[0]||(p[0]=_=>A.value=_),config:J.value},null,8,["modelValue","config"]))]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!o.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createVNode(e.unref(f.PermissionsWrapper),{"auth-function":()=>o.canCreate()},{default:e.withCtx(()=>[e.createVNode(C,{appearance:"primary","data-testid":"toolbar-add-consumer-group",size:o.useActionOutside?"medium":"large",to:o.config.consumerId?void 0:o.config.createRoute,onClick:p[1]||(p[1]=()=>o.config.consumerId?re():void 0)},{default:e.withCtx(()=>[e.createVNode(e.unref(fe.AddIcon)),e.createTextVNode(" "+e.toDisplayString(o.config.consumerId?e.unref(i)("consumer_groups.actions.add_to_group"):e.unref(i)("consumer_groups.list.toolbar_actions.new_consumer_group")),1)]),_:1},8,["size","to"])]),_:1},8,["auth-function"])],8,["disabled"]))]),name:e.withCtx(({rowValue:_})=>[e.createElementVNode("b",null,e.toDisplayString(_??"-"),1)]),consumers_count:e.withCtx(({rowValue:_})=>[e.createTextVNode(e.toDisplayString(_??"-"),1)]),tags:e.withCtx(({rowValue:_})=>[e.createVNode(e.unref(f.TableTags),{tags:_},null,8,["tags"])]),actions:e.withCtx(({row:_})=>[e.createVNode(j,null,{default:e.withCtx(({copyToClipboard:ue})=>[e.createVNode(k,{"data-testid":"action-entity-copy-id",onClick:Ae=>oe(_,ue)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("consumer_groups.actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(j,null,{default:e.withCtx(({copyToClipboard:ue})=>[e.createVNode(k,{"data-testid":"action-entity-copy-json",onClick:Ae=>$(_,ue)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("consumer_groups.actions.copy_json")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(e.unref(f.PermissionsWrapper),{"auth-function":()=>o.canRetrieve(_)},{default:e.withCtx(()=>[e.createVNode(k,{"data-testid":"action-entity-view","has-divider":"",item:U(_.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(f.PermissionsWrapper),{"auth-function":()=>o.canEdit(_)},{default:e.withCtx(()=>[e.createVNode(k,{"data-testid":"action-entity-edit",item:m(_.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(f.PermissionsWrapper),{"auth-function":()=>o.canDelete(_)},{default:e.withCtx(()=>[e.createVNode(k,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:()=>o.config.consumerId?F(_):te(_)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.config.consumerId?e.unref(i)("consumer_groups.actions.exit"):e.unref(i)("consumer_groups.actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:1},8,["cache-identifier","disable-pagination","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","preferences-storage-key","query","table-headers"]),e.createVNode(e.unref(f.EntityDeleteModal),{"action-pending":h.value,"data-testid":"delete-consumer-group-modal",description:e.unref(i)("consumer_groups.delete.description"),"entity-name":y.value&&(y.value.name||y.value.id),"entity-type":e.unref(f.EntityTypes).ConsumerGroup,error:M.value,title:e.unref(i)("consumer_groups.delete.title"),visible:d.value,onCancel:le,onProceed:ae},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"]),o.config.consumerId?(e.openBlock(),e.createBlock(we,{key:0,config:o.config,"data-testid":"add-to-group-modal",visible:H.value,"onAdd:partialSuccess":p[3]||(p[3]=_=>a(_,!0)),"onAdd:success":p[4]||(p[4]=_=>a(_)),onCancel:t},null,8,["config","visible"])):e.createCommentVNode("",!0),o.config.consumerId&&l.value?(e.openBlock(),e.createBlock(De,{key:1,"action-button-appearance":"danger","data-testid":"exit-group-modal",title:e.unref(i)("consumer_groups.consumers.exit.title"),visible:u.value,onCancel:w,onProceed:Te},{default:e.withCtx(()=>[e.createVNode(e.unref(g),{class:"exit-modal-message",keypath:o.config.consumerUsername?"consumer_groups.consumers.exit.confirmation":"consumer_groups.consumers.exit.confirmationNoUsername",tag:"p"},e.createSlots({consumerGroup:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(l.value.name||l.value.id),1)]),_:2},[o.config.consumerUsername?{name:"consumer",fn:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(o.config.consumerUsername),1)]),key:"0"}:void 0]),1032,["keypath"]),e.createElementVNode("p",null,e.toDisplayString(e.unref(i)("consumer_groups.consumers.exit.description")),1)]),_:1},8,["title","visible"])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-7f3c37dc"]]),Ve={class:"kong-ui-entities-consumer-group-form"},Ee={class:"select-item-container"},Ne={class:"select-item-label"},$e={key:0,class:"select-item-description"},Be=ce(e.defineComponent({__name:"ConsumerGroupForm",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||(o==null?void 0:o.app)==="konnect"&&!(o!=null&&o.controlPlaneId)||(o==null?void 0:o.app)==="kongManager"&&typeof(o==null?void 0:o.workspace)!="string"||!(o!=null&&o.cancelRoute))},consumerGroupId:{type:String,required:!1,default:""}},emits:["update","error","loading"],setup(o,{emit:S}){var ae,H,re;const c=o,r=S,{i18n:{t:g}}=se.useI18n(),i=de.useRouter(),s=e.reactive({fields:{name:"",tags:"",consumers:[]},errorMessage:"",readonly:!1}),x=e.reactive({name:"",tags:"",consumers:[]}),{debouncedQueryChange:K,loading:V,error:X,loadItems:Y,results:D}=f.useDebouncedFilter(c.config,(H=R.form[(ae=c.config)==null?void 0:ae.app])==null?void 0:H.consumersList,"",{fetchedItemsKey:"data",searchKeys:["username","custom_id","id"]}),{axiosInstance:B}=f.useAxios((re=c.config)==null?void 0:re.axiosRequestConfig),{getMessageFromError:Z}=f.useErrors(),L=f.useValidators(),A=e.computed(()=>D.value.map(t=>({label:t.username||t.custom_id,value:t.id,selected:s.fields.consumers.includes(t.id),data:t}))),J=e.computed(()=>{var t,a;return(a=R.form[(t=c.config)==null?void 0:t.app])==null?void 0:a.edit}),v=e.computed(()=>c.consumerGroupId?f.EntityBaseFormType.Edit:f.EntityBaseFormType.Create),P=e.computed(()=>!!s.fields.name&&!W.value),q=e.computed(()=>JSON.stringify(s.fields)!==JSON.stringify(x)),I=(t,a="",b="")=>{var u,E,F,w,z,ne;let l=`${(u=c.config)==null?void 0:u.apiBaseUrl}${R.form[(E=c.config)==null?void 0:E.app][t]}`;return((F=c.config)==null?void 0:F.app)==="konnect"?l=l.replace(/{controlPlaneId}/gi,((w=c.config)==null?void 0:w.controlPlaneId)||""):((z=c.config)==null?void 0:z.app)==="kongManager"&&(l=l.replace(/\/{workspace}/gi,(ne=c.config)!=null&&ne.workspace?`/${c.config.workspace}`:"")),l=l.replace(/{id}/gi,a||c.consumerGroupId),(t==="addConsumer"||t==="removeConsumer")&&(l=l.replace(/{consumerId}/gi,b)),l},ee=()=>{var t;i.push(((t=c.config)==null?void 0:t.cancelRoute)||{name:"consumer-group-list"})},O=t=>{r("error",t)},oe=t=>{r("loading",t)},$=async t=>{var b,l,u,E,F;s.fields.name=((b=t==null?void 0:t.item)==null?void 0:b.name)||((l=t==null?void 0:t.consumer_group)==null?void 0:l.name)||(t==null?void 0:t.name)||"";const a=((u=t==null?void 0:t.item)==null?void 0:u.tags)||(t==null?void 0:t.consumer_group.tags)||(t==null?void 0:t.tags)||[];if(s.fields.tags=(a==null?void 0:a.join(", "))||"","consumers"in t)s.fields.consumers=((E=t==null?void 0:t.consumers)==null?void 0:E.map(w=>w.id))||[];else try{const{data:w}=await B.get(I("getConsumers"));s.fields.consumers="consumers"in w?(F=w==null?void 0:w.consumers)==null?void 0:F.map(z=>z.id):[]}catch(w){d(w)}Object.assign(x,s.fields)},W=e.computed(()=>L.utf8Name(s.fields.name)),U=e.computed(()=>{var t,a;return{name:s.fields.name,tags:(a=(t=s.fields.tags.split(","))==null?void 0:t.map(b=>String(b||"").trim()))==null?void 0:a.filter(b=>b!=="")}}),m=async(t,a="")=>await B.post(I("addConsumer",a,t),{consumer:t}),y=async(t,a="")=>await B.delete(I("removeConsumer",a,t)),d=t=>{s.errorMessage=Z(t),r("error",t)},h=(t=c.consumerGroupId)=>{Object.assign(x,s.fields),r("update",{...s.fields,id:t})},M=(t,a,b=c.consumerGroupId)=>{const l=t==null?void 0:t.find(u=>u.status!=="fulfilled");l?d({code:l.status,message:a}):h(b)},Q=async()=>{let t="";try{const{data:a}=await B.post(I("create"),U.value);t="item"in a?a.item.id:a.id}catch(a){d(a)}if(s.fields.consumers.length>0&&t)try{const a=s.fields.consumers.map(l=>m(l,t)),b=await Promise.allSettled(a);M(b,g("consumer_groups.errors.add_consumer"),t)}catch(a){d(a)}else s.fields.consumers.length===0&&t&&h(t)},te=async()=>{var b;try{((b=c.config)==null?void 0:b.app)==="konnect"?await B.put(I("edit"),U.value):await B.patch(I("edit"),U.value)}catch(l){d(l)}const t=s.fields.consumers.filter(l=>!x.consumers.includes(l)),a=x.consumers.filter(l=>!s.fields.consumers.includes(l));if(a.length===0&&t.length===0)h();else{if(a.length>0)try{const l=a.map(E=>y(E)),u=await Promise.allSettled(l);M(u,g("consumer_groups.errors.remove_consumer"))}catch(l){d(l)}if(t.length>0)try{const l=t.map(E=>m(E)),u=await Promise.allSettled(l);M(u,g("consumer_groups.errors.add_consumer"))}catch(l){d(l)}}},le=async()=>{try{s.readonly=!0,v.value===f.EntityBaseFormType.Create?await Q():await te()}finally{s.readonly=!1}};return e.onBeforeMount(async()=>{await Y()}),(t,a)=>{const b=e.resolveComponent("KInput"),l=e.resolveComponent("KMultiselect");return e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(e.unref(f.EntityBaseForm),{"can-submit":P.value&&q.value,config:o.config,"edit-id":o.consumerGroupId,"entity-type":e.unref(f.SupportedEntityType).ConsumerGroup,"error-message":s.errorMessage||e.unref(X)||W.value,"fetch-url":J.value,"form-fields":U.value,"is-readonly":s.readonly,onCancel:ee,"onFetch:error":a[3]||(a[3]=u=>O(u)),"onFetch:success":$,onLoading:a[4]||(a[4]=u=>oe(u)),onSubmit:le},{default:e.withCtx(()=>[e.createVNode(e.unref(f.EntityFormSection),{description:e.unref(g)("consumer_groups.form.general_info.description"),title:e.unref(g)("consumer_groups.form.general_info.title")},{default:e.withCtx(()=>[e.createVNode(b,{modelValue:s.fields.name,"onUpdate:modelValue":a[0]||(a[0]=u=>s.fields.name=u),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-group-form-name",label:e.unref(g)("consumer_groups.form.fields.name.label"),placeholder:e.unref(g)("consumer_groups.form.fields.name.placeholder"),required:"",type:"text"},null,8,["modelValue","label","placeholder"]),e.createVNode(b,{modelValue:s.fields.tags,"onUpdate:modelValue":a[1]||(a[1]=u=>s.fields.tags=u),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-group-form-tags",help:e.unref(g)("consumer_groups.form.fields.tags.help"),label:e.unref(g)("consumer_groups.form.fields.tags.label"),"label-attributes":{info:e.unref(g)("consumer_groups.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(g)("consumer_groups.form.fields.tags.placeholder"),type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder"])]),_:1},8,["description","title"]),e.createVNode(e.unref(f.EntityFormSection),{description:e.unref(g)("consumer_groups.form.consumers.description"),"has-divider":"",title:e.unref(g)("consumer_groups.form.consumers.title")},{default:e.withCtx(()=>[e.createVNode(l,{modelValue:s.fields.consumers,"onUpdate:modelValue":a[2]||(a[2]=u=>s.fields.consumers=u),appearance:"select",autosuggest:"",items:A.value,label:e.unref(g)("consumer_groups.form.fields.consumers.label"),loading:e.unref(V),placeholder:e.unref(g)("consumer_groups.form.fields.consumers.placeholder"),width:"auto",onQueryChange:e.unref(K)},{"item-template":e.withCtx(({item:u})=>{var E,F,w;return[e.createElementVNode("div",Ee,[e.createElementVNode("div",Ne,e.toDisplayString(u.label),1),(E=u==null?void 0:u.data)!=null&&E.username&&((F=u==null?void 0:u.data)!=null&&F.custom_id)?(e.openBlock(),e.createElementBlock("div",$e,e.toDisplayString((w=u==null?void 0:u.data)==null?void 0:w.custom_id),1)):e.createCommentVNode("",!0)])]}),_:1},8,["modelValue","items","label","loading","placeholder","onQueryChange"])]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-dfa56d62"]]),Me={class:"kong-ui-consumer-group-entity-config-card"},Ge=e.defineComponent({__name:"ConsumerGroupConfigCard",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||o.app==="konnect"&&!o.controlPlaneId||o.app==="kongManager"&&typeof o.workspace!="string"||!o.entityId)},configCardDoc:{type:String,default:"",required:!1},hideTitle:{type:Boolean,default:!1}},emits:["loading","fetch:error","fetch:success"],setup(o){const S=o,{i18n:{t:c}}=se.useI18n(),r=e.computed(()=>R.form[S.config.app].edit),g=e.ref({id:{},name:{},created_at:{},updated_at:{},tags:{tooltip:c("consumer_groups.form.fields.tags.tooltip")}});return(i,s)=>(e.openBlock(),e.createElementBlock("div",Me,[e.createVNode(e.unref(f.EntityBaseConfigCard),{config:o.config,"config-card-doc":o.configCardDoc,"config-schema":g.value,"data-key":"consumer_group","entity-type":e.unref(f.SupportedEntityType).ConsumerGroup,"fetch-url":r.value,"hide-title":o.hideTitle,"onFetch:error":s[0]||(s[0]=x=>i.$emit("fetch:error",x)),"onFetch:success":s[1]||(s[1]=x=>i.$emit("fetch:success",x)),onLoading:s[2]||(s[2]=x=>i.$emit("loading",x))},null,8,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])]))}});N.ConsumerGroupConfigCard=Ge,N.ConsumerGroupForm=Be,N.ConsumerGroupList=Ie,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
+(function($,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("@kong/icons"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@kong/icons","@kong-ui-public/i18n","@kong-ui-public/entities-shared"],e):($=typeof globalThis<"u"?globalThis:$||self,e($["kong-ui-public-entities-consumer-groups"]={},$.Vue,$.VueRouter,$.KongIcons,$["kong-ui-public-i18n"],$["kong-ui-public-entities-shared"]))})(this,function($,e,de,fe,me,f){"use strict";const ge={consumer_groups:{list:{table_headers:{name:"Name",consumers_count:"Consumers",tags:"Tags",id:"ID"},empty_state:{title:"Configure a New Consumer Group",description:"Use consumer groups to manage custom rate limiting configuration for subsets of consumers.",title_for_consumer:"Add to a Consumer Group"},toolbar_actions:{new_consumer_group:"New Consumer Group"}},title:"Consumer Groups",search:{placeholder:"Filter by exact name or ID"},actions:{add_to_group:"Add to Consumer Group",create:"New Consumer Group",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",exit:"Exit",view:"View Details"},delete:{title:"Delete a Consumer Group",description:"Deleting this group will remove this group from all plugins and its rate limit configuration. This action cannot be reversed."},consumers:{add:{title:"Add To Consumer Groups",ctaText:"Add this consumer to consumer groups",consumer_groups_label:"Consumer Groups",consumer_group_placeholder:"Add to consumer groups",footer:"Search by exact name or ID to find consumer groups not included in the list"},exit:{title:"Exit from a Consumer Group",confirmation:"Are you sure you want to remove consumer {consumer} from consumer group {consumerGroup}?",confirmationNoUsername:"Are you sure you want this consumer to exit from consumer group {consumerGroup}?",description:"Exiting from the group could change the rate limit policy applied to this consumer."}},errors:{general:"Consumer Groups could not be retrieved",delete:"The consumer group could not be deleted at this time.",copy:"Failed to copy to clipboard",add:"The consumer could not be added to some groups at this time.",already_added:"The consumer is already in this consumer group",add_consumer:"An unexpected error occurred while adding consumers. Please try again.",remove_consumer:"An unexpected error occurred while removing consumers. Please try again."},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"},form:{general_info:{title:"General Information",description:"General information will help identify and manage this consumer group."},consumers:{title:"Consumers",description:"Add or remove consumers from this group"},fields:{name:{label:"Name",placeholder:"Enter a unique name for this consumer group "},tags:{label:"Tags",placeholder:"Enter a list of tags separated by comma",help:"e.g. tag1, tag2, tag3",tooltip:"An optional set of strings for grouping and filtering, separated by commas."},consumers:{label:"Consumers",placeholder:"Select one or more consumers"}}}}};function ye(){const o=me.createI18n("en-us",ge);return{i18n:o,i18nT:me.i18nTComponent(o)}}const se={useI18n:ye},T="/v2/control-planes/{controlPlaneId}/core-entities",D="/{workspace}",U={list:{konnect:{all:`${T}/consumer_groups`,forModal:`${T}/consumer_groups`,forConsumer:`${T}/consumers/{consumerId}/consumer_groups`,oneForConsumer:`${T}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`},kongManager:{all:`${D}/consumer_groups?counter=true`,forModal:`${D}/consumer_groups`,forConsumer:`${D}/consumers/{consumerId}/consumer_groups`,oneForConsumer:`${D}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`}},form:{konnect:{consumersList:`${T}/consumers`,create:`${T}/consumer_groups`,edit:`${T}/consumer_groups/{id}`,addConsumer:`${T}/consumer_groups/{id}/consumers`,removeConsumer:`${T}/consumer_groups/{id}/consumers/{consumerId}`,getConsumers:`${T}/consumer_groups/{id}/consumers`},kongManager:{consumersList:`${D}/consumers`,create:`${D}/consumer_groups`,edit:`${D}/consumer_groups/{id}`,addConsumer:`${D}/consumer_groups/{id}/consumers`,removeConsumer:`${D}/consumer_groups/{id}/consumers/{consumerId}`,getConsumers:`${D}/consumer_groups/{id}/consumers`}}},he={class:"add-to-group-form-container"},_e={class:"add-to-group-cta-text"},Ce={key:0,class:"kong-ui-entity-add-to-groups-error"},be={key:0},ke=e.defineComponent({__name:"AddToGroupModal",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||!o.consumerId)},visible:{type:Boolean,required:!0,default:!1}},emits:["cancel","add:success","add:partial-success","error"],setup(o,{emit:S}){var K;const{i18n:{t:c}}=se.useI18n(),r=o,g=S,{axiosInstance:l}=f.useAxios((K=r.config)==null?void 0:K.axiosRequestConfig),s=e.ref([]),{debouncedQueryChange:I,loading:z,allRecords:A,error:X,loadItems:Y,results:O}=f.useDebouncedFilter(r.config,U.list[r.config.app].forModal,"",{fetchedItemsKey:"data",searchKeys:["name","id"]}),V=e.computed(()=>X.value?c("consumer_groups.errors.general"):""),Z=e.ref(0),E=e.computed(()=>A.value===void 0),L=e.computed(()=>O.value.map(m=>({label:m.name,value:m.id,selected:s.value.includes(m.id),data:m}))),Q=m=>{var d;const y=E.value?O.value.find(h=>h.id===m):(d=A.value)==null?void 0:d.find(h=>h.id===m);return y?y.name:m},v=()=>{x.value="",P.value=[],M.value=[],g("cancel")},P=e.ref([]),B=e.ref(!1),x=e.ref(""),ee=async()=>{if(!s.value.length){x.value="",M.value=[],g("cancel");return}B.value=!0,x.value="",P.value=[],M.value=[];try{const m=s.value.map(h=>oe(h)),y=await Promise.allSettled(m);let d=!0;y.forEach(h=>{h.status!=="fulfilled"&&(d=!1)}),d?(P.value=[],M.value=[],g("add:success",s.value),s.value=[]):(P.value.length&&g("add:partial-success",P.value),s.value=[],J(y))}catch{x.value=c("consumer_groups.errors.add"),g("error",x.value)}finally{B.value=!1}},R=e.computed(()=>{var y,d,h,G;let m=`${r.config.apiBaseUrl}${U.list[r.config.app].forConsumer}`;return r.config.app==="konnect"?m=m.replace(/{controlPlaneId}/gi,((y=r.config)==null?void 0:y.controlPlaneId)||"").replace(/{consumerId}/gi,((d=r.config)==null?void 0:d.consumerId)||""):r.config.app==="kongManager"&&(m=m.replace(/\/{workspace}/gi,(h=r.config)!=null&&h.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((G=r.config)==null?void 0:G.consumerId)||"")),m}),oe=async m=>{const y={group:m};try{const d=await l.post(R.value,y);return P.value.push(m),d}catch(d){let h=`${Q(m)} - ${d.message}`;return d.response.status===409&&(h=`${Q(m)} - ${c("consumer_groups.errors.already_added")}`),Promise.reject(Error(h))}},M=e.ref([]),J=m=>{M.value=m.map(y=>{var d;return(d=y.reason)==null?void 0:d.message}).filter(Boolean)};return e.watch(L,()=>{Z.value++},{immediate:!0,deep:!0}),e.watch(()=>r.visible,()=>{r.visible&&Y()},{immediate:!0}),(m,y)=>{const d=e.resolveComponent("KMultiselect"),h=e.resolveComponent("KAlert"),G=e.resolveComponent("KPrompt");return e.openBlock(),e.createBlock(G,{"action-button-disabled":B.value,class:"kong-ui-entities-add-to-groups-modal","data-testid":"add-to-group-modal",title:e.unref(c)("consumer_groups.consumers.add.title"),visible:o.visible,onCancel:v,onProceed:ee},{default:e.withCtx(()=>[e.createElementVNode("div",he,[e.createElementVNode("p",_e,e.toDisplayString(e.unref(c)("consumer_groups.consumers.add.ctaText")),1),e.createVNode(d,{modelValue:s.value,"onUpdate:modelValue":y[0]||(y[0]=j=>s.value=j),autosuggest:"","data-testid":"add-to-groups-multiselect","dropdown-footer-text":E.value?e.unref(c)("consumer_groups.consumers.add.footer"):void 0,items:L.value,label:e.unref(c)("consumer_groups.consumers.add.consumer_groups_label"),loading:e.unref(z),placeholder:e.unref(c)("consumer_groups.consumers.add.consumer_group_placeholder"),readonly:B.value,required:"",width:"100%",onQueryChange:e.unref(I)},null,8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly","onQueryChange"]),x.value||V.value||M.value.length?(e.openBlock(),e.createElementBlock("div",Ce,[e.createVNode(h,{appearance:"danger"},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(e.unref(c)("consumer_groups.errors.add")),1),M.value.length?(e.openBlock(),e.createElementBlock("ul",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(j,te)=>(e.openBlock(),e.createElementBlock("li",{key:te},e.toDisplayString(j),1))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(x.value||V.value),1)]),_:1})])):e.createCommentVNode("",!0)])]),_:1},8,["action-button-disabled","title","visible"])}}}),ce=(o,S)=>{const c=o.__vccOpts||o;for(const[r,g]of S)c[r]=g;return c},we=ce(ke,[["__scopeId","data-v-4260ce03"]]),Ie={class:"kong-ui-entities-consumer-groups-list"},xe=ce(e.defineComponent({__name:"ConsumerGroupList",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||!o.createRoute||!o.getViewRoute||!o.getEditRoute||o.app==="kongManager"&&!o.isExactMatch&&!o.filterSchema)},cacheIdentifier:{type:String,default:""},canCreate:{type:Function,required:!1,default:async()=>!0},canDelete:{type:Function,required:!1,default:async()=>!0},canEdit:{type:Function,required:!1,default:async()=>!0},canRetrieve:{type:Function,required:!1,default:async()=>!0},useActionOutside:{type:Boolean,default:!1}},emits:["error","copy:success","copy:error","delete:success","add:success","remove:success"],setup(o,{emit:S}){var pe;const c=S,r=o,{i18nT:g,i18n:{t:l}}=se.useI18n(),s=de.useRouter(),{axiosInstance:I}=f.useAxios((pe=r.config)==null?void 0:pe.axiosRequestConfig),z=e.computed(()=>r.config.app!=="kongManager"||!!r.config.disableSorting),A={name:{label:l("consumer_groups.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1}};r.config.app==="kongManager"&&(A.consumers_count={label:l("consumer_groups.list.table_headers.consumers_count"),searchable:!1,sortable:!1}),A.tags={label:l("consumer_groups.list.table_headers.tags"),sortable:!1};const X=A,Y=n=>({"data-testid":n.username??n.custom_id??n.id}),O=e.computed(()=>{var p,C,k,q;let n=`${r.config.apiBaseUrl}${U.list[r.config.app][E.value?"forConsumer":"all"]}`;return r.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((p=r.config)==null?void 0:p.controlPlaneId)||"").replace(/{consumerId}/gi,((C=r.config)==null?void 0:C.consumerId)||""):r.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(k=r.config)!=null&&k.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((q=r.config)==null?void 0:q.consumerId)||"")),n}),V=e.ref(""),Z=e.computed(()=>{const n=r.config.app==="konnect"||r.config.isExactMatch;return n?{isExactMatch:n,fields:{username:A.name,id:{label:l("consumer_groups.list.table_headers.id")}},placeholder:l("consumer_groups.search.placeholder")}:{isExactMatch:n,fields:{name:A.name},schema:r.config.filterSchema}}),E=e.computed(()=>!!r.config.consumerId),L=e.computed(()=>E.value?"kong-ui-entities-consumer-groups-list-in-consumer-page":"kong-ui-entities-consumer-groups-list"),Q=e.computed(()=>r.config.app==="konnect"&&V.value?"consumer_group":E.value&&!r.config.paginatedEndpoint?"consumer_groups":void 0),{fetcher:v,fetcherState:P,fetcherCacheKey:B}=f.useFetcher({...r.config,cacheIdentifier:r.cacheIdentifier},O.value,Q),x=()=>{V.value=""},ee=()=>{B.value++},R=e.ref(null),oe=(n,p)=>{const C=n.id;if(!p(C)){c("copy:error",{entity:n,field:"id",message:l("consumer_groups.errors.copy")});return}c("copy:success",{entity:n,field:"id",message:l("consumer_groups.copy.success",{val:C})})},M=(n,p)=>{const C=JSON.stringify(n);if(!p(C)){c("copy:error",{entity:n,message:l("consumer_groups.errors.copy")});return}c("copy:success",{entity:n,message:l("consumer_groups.copy.success_brief")})},J=async n=>{var C;await((C=r.canRetrieve)==null?void 0:C.call(r,n))&&s.push(r.config.getViewRoute(n.id))},K=n=>({label:l("consumer_groups.actions.view"),to:r.config.getViewRoute(n)}),m=n=>({label:l("consumer_groups.actions.edit"),to:r.config.getEditRoute(n)}),y=e.ref(void 0),d=e.ref(!1),h=e.ref(!1),G=e.ref(""),j=f.useDeleteUrlBuilder(r.config,O.value),te=n=>{y.value=n,d.value=!0},ie=()=>{d.value=!1},ae=async()=>{var n,p,C;if((n=y.value)!=null&&n.id){h.value=!0;try{await I.delete(j(y.value.id)),h.value=!1,d.value=!1,B.value++,c("delete:success",y.value)}catch(k){G.value=((C=(p=k.response)==null?void 0:p.data)==null?void 0:C.message)||k.message||l("consumer_groups.errors.delete"),c("error",k)}finally{h.value=!1}}},W=e.ref(!1),re=()=>{W.value=!0},t=()=>{W.value=!1},a=(n,p)=>{p||t(),B.value++,c("add:success",n)},b=()=>{E.value&&re()},i=e.ref(void 0),u=e.ref(!1),N=e.ref(""),F=n=>{i.value=n,u.value=!0},w=()=>{u.value=!1,i.value=void 0},H=e.computed(()=>{var p,C,k,q;let n=`${r.config.apiBaseUrl}${U.list[r.config.app].oneForConsumer}`;return r.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((p=r.config)==null?void 0:p.controlPlaneId)||"").replace(/{consumerId}/gi,((C=r.config)==null?void 0:C.consumerId)||""):r.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(k=r.config)!=null&&k.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((q=r.config)==null?void 0:q.consumerId)||"")),n}),ne=e.ref(!1),Te=async()=>{if(i.value){ne.value=!0;try{const n=H.value.replace(/{consumerGroupId}/gi,i.value.id);await I.delete(n),c("remove:success",i.value),w(),B.value++}catch(n){N.value=n.message||l("consumer_groups.errors.delete"),c("error",n)}finally{ne.value=!1}}};e.watch(P,n=>{var p,C,k;if(n.status===f.FetcherStatus.Error){R.value={title:l("consumer_groups.errors.general")},(k=(C=(p=n.error)==null?void 0:p.response)==null?void 0:C.data)!=null&&k.message&&(R.value.message=n.error.response.data.message),c("error",n.error);return}R.value=null});const le=e.ref({ctaPath:E.value?void 0:r.config.createRoute,ctaText:void 0,message:`${l("consumer_groups.list.empty_state.description")}${r.config.additionMessageForEmptyState?` ${r.config.additionMessageForEmptyState}`:""}`,title:l("consumer_groups.title")});return e.onBeforeMount(async()=>{await r.canCreate()&&(le.value.title=E.value?l("consumer_groups.list.empty_state.title_for_consumer"):l("consumer_groups.list.empty_state.title"),le.value.ctaText=E.value?l("consumer_groups.actions.add_to_group"):l("consumer_groups.actions.create"))}),(n,p)=>{const C=e.resolveComponent("KButton"),k=e.resolveComponent("KDropdownItem"),q=e.resolveComponent("KClipboardProvider"),De=e.resolveComponent("KPrompt");return e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(e.unref(f.EntityBaseTable),{"cache-identifier":o.cacheIdentifier,"disable-pagination":E.value&&!o.config.paginatedEndpoint,"disable-sorting":z.value,"empty-state-options":le.value,"enable-entity-actions":"","error-message":R.value,fetcher:e.unref(v),"fetcher-cache-key":e.unref(B),"pagination-type":"offset","preferences-storage-key":L.value,query:V.value,"row-attributes":Y,"table-headers":e.unref(X),onClearSearchInput:x,"onClick:row":p[2]||(p[2]=_=>J(_)),onEmptyStateCtaClicked:b,onSort:ee},{"toolbar-filter":e.withCtx(()=>[E.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(f.EntityFilter),{key:0,modelValue:V.value,"onUpdate:modelValue":p[0]||(p[0]=_=>V.value=_),config:Z.value},null,8,["modelValue","config"]))]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!o.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createVNode(e.unref(f.PermissionsWrapper),{"auth-function":()=>o.canCreate()},{default:e.withCtx(()=>[e.createVNode(C,{appearance:"primary","data-testid":"toolbar-add-consumer-group",size:o.useActionOutside?"medium":"large",to:o.config.consumerId?void 0:o.config.createRoute,onClick:p[1]||(p[1]=()=>o.config.consumerId?re():void 0)},{default:e.withCtx(()=>[e.createVNode(e.unref(fe.AddIcon)),e.createTextVNode(" "+e.toDisplayString(o.config.consumerId?e.unref(l)("consumer_groups.actions.add_to_group"):e.unref(l)("consumer_groups.list.toolbar_actions.new_consumer_group")),1)]),_:1},8,["size","to"])]),_:1},8,["auth-function"])],8,["disabled"]))]),name:e.withCtx(({rowValue:_})=>[e.createElementVNode("b",null,e.toDisplayString(_??"-"),1)]),consumers_count:e.withCtx(({rowValue:_})=>[e.createTextVNode(e.toDisplayString(_??"-"),1)]),tags:e.withCtx(({rowValue:_})=>[e.createVNode(e.unref(f.TableTags),{tags:_},null,8,["tags"])]),actions:e.withCtx(({row:_})=>[e.createVNode(q,null,{default:e.withCtx(({copyToClipboard:ue})=>[e.createVNode(k,{"data-testid":"action-entity-copy-id",onClick:Ae=>oe(_,ue)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("consumer_groups.actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(q,null,{default:e.withCtx(({copyToClipboard:ue})=>[e.createVNode(k,{"data-testid":"action-entity-copy-json",onClick:Ae=>M(_,ue)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("consumer_groups.actions.copy_json")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(e.unref(f.PermissionsWrapper),{"auth-function":()=>o.canRetrieve(_)},{default:e.withCtx(()=>[e.createVNode(k,{"data-testid":"action-entity-view","has-divider":"",item:K(_.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(f.PermissionsWrapper),{"auth-function":()=>o.canEdit(_)},{default:e.withCtx(()=>[e.createVNode(k,{"data-testid":"action-entity-edit",item:m(_.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(f.PermissionsWrapper),{"auth-function":()=>o.canDelete(_)},{default:e.withCtx(()=>[e.createVNode(k,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:()=>o.config.consumerId?F(_):te(_)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.config.consumerId?e.unref(l)("consumer_groups.actions.exit"):e.unref(l)("consumer_groups.actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:1},8,["cache-identifier","disable-pagination","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","preferences-storage-key","query","table-headers"]),e.createVNode(e.unref(f.EntityDeleteModal),{"action-pending":h.value,"data-testid":"delete-consumer-group-modal",description:e.unref(l)("consumer_groups.delete.description"),"entity-name":y.value&&(y.value.name||y.value.id),"entity-type":e.unref(f.EntityTypes).ConsumerGroup,error:G.value,title:e.unref(l)("consumer_groups.delete.title"),visible:d.value,onCancel:ie,onProceed:ae},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"]),o.config.consumerId?(e.openBlock(),e.createBlock(we,{key:0,config:o.config,"data-testid":"add-to-group-modal",visible:W.value,"onAdd:partialSuccess":p[3]||(p[3]=_=>a(_,!0)),"onAdd:success":p[4]||(p[4]=_=>a(_)),onCancel:t},null,8,["config","visible"])):e.createCommentVNode("",!0),o.config.consumerId&&i.value?(e.openBlock(),e.createBlock(De,{key:1,"action-button-appearance":"danger","data-testid":"exit-group-modal",title:e.unref(l)("consumer_groups.consumers.exit.title"),visible:u.value,onCancel:w,onProceed:Te},{default:e.withCtx(()=>[e.createVNode(e.unref(g),{class:"exit-modal-message",keypath:o.config.consumerUsername?"consumer_groups.consumers.exit.confirmation":"consumer_groups.consumers.exit.confirmationNoUsername",tag:"p"},e.createSlots({consumerGroup:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(i.value.name||i.value.id),1)]),_:2},[o.config.consumerUsername?{name:"consumer",fn:e.withCtx(()=>[e.createElementVNode("strong",null,e.toDisplayString(o.config.consumerUsername),1)]),key:"0"}:void 0]),1032,["keypath"]),e.createElementVNode("p",null,e.toDisplayString(e.unref(l)("consumer_groups.consumers.exit.description")),1)]),_:1},8,["title","visible"])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-200ea83e"]]),Ve={class:"kong-ui-entities-consumer-group-form"},Ee={class:"select-item-container"},Ne={class:"select-item-label"},$e={key:0,class:"select-item-description"},Be=ce(e.defineComponent({__name:"ConsumerGroupForm",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||(o==null?void 0:o.app)==="konnect"&&!(o!=null&&o.controlPlaneId)||(o==null?void 0:o.app)==="kongManager"&&typeof(o==null?void 0:o.workspace)!="string"||!(o!=null&&o.cancelRoute))},consumerGroupId:{type:String,required:!1,default:""}},emits:["update","error","loading"],setup(o,{emit:S}){var ae,W,re;const c=o,r=S,{i18n:{t:g}}=se.useI18n(),l=de.useRouter(),s=e.reactive({fields:{name:"",tags:"",consumers:[]},errorMessage:"",readonly:!1}),I=e.reactive({name:"",tags:"",consumers:[]}),{debouncedQueryChange:z,loading:A,error:X,loadItems:Y,results:O}=f.useDebouncedFilter(c.config,(W=U.form[(ae=c.config)==null?void 0:ae.app])==null?void 0:W.consumersList,"",{fetchedItemsKey:"data",searchKeys:["username","custom_id","id"]}),{axiosInstance:V}=f.useAxios((re=c.config)==null?void 0:re.axiosRequestConfig),{getMessageFromError:Z}=f.useErrors(),E=f.useValidators(),L=e.computed(()=>O.value.map(t=>({label:t.username||t.custom_id,value:t.id,selected:s.fields.consumers.includes(t.id),data:t}))),Q=e.computed(()=>{var t,a;return(a=U.form[(t=c.config)==null?void 0:t.app])==null?void 0:a.edit}),v=e.computed(()=>c.consumerGroupId?f.EntityBaseFormType.Edit:f.EntityBaseFormType.Create),P=e.computed(()=>!!s.fields.name&&!J.value),B=e.computed(()=>JSON.stringify(s.fields)!==JSON.stringify(I)),x=(t,a="",b="")=>{var u,N,F,w,H,ne;let i=`${(u=c.config)==null?void 0:u.apiBaseUrl}${U.form[(N=c.config)==null?void 0:N.app][t]}`;return((F=c.config)==null?void 0:F.app)==="konnect"?i=i.replace(/{controlPlaneId}/gi,((w=c.config)==null?void 0:w.controlPlaneId)||""):((H=c.config)==null?void 0:H.app)==="kongManager"&&(i=i.replace(/\/{workspace}/gi,(ne=c.config)!=null&&ne.workspace?`/${c.config.workspace}`:"")),i=i.replace(/{id}/gi,a||c.consumerGroupId),(t==="addConsumer"||t==="removeConsumer")&&(i=i.replace(/{consumerId}/gi,b)),i},ee=()=>{var t;l.push(((t=c.config)==null?void 0:t.cancelRoute)||{name:"consumer-group-list"})},R=t=>{r("error",t)},oe=t=>{r("loading",t)},M=async t=>{var b,i,u,N,F;s.fields.name=((b=t==null?void 0:t.item)==null?void 0:b.name)||((i=t==null?void 0:t.consumer_group)==null?void 0:i.name)||(t==null?void 0:t.name)||"";const a=((u=t==null?void 0:t.item)==null?void 0:u.tags)||(t==null?void 0:t.consumer_group.tags)||(t==null?void 0:t.tags)||[];if(s.fields.tags=(a==null?void 0:a.join(", "))||"","consumers"in t)s.fields.consumers=((N=t==null?void 0:t.consumers)==null?void 0:N.map(w=>w.id))||[];else try{const{data:w}=await V.get(x("getConsumers"));s.fields.consumers="consumers"in w?(F=w==null?void 0:w.consumers)==null?void 0:F.map(H=>H.id):[]}catch(w){d(w)}Object.assign(I,s.fields)},J=e.computed(()=>E.utf8Name(s.fields.name)),K=e.computed(()=>{var t,a;return{name:s.fields.name,tags:(a=(t=s.fields.tags.split(","))==null?void 0:t.map(b=>String(b||"").trim()))==null?void 0:a.filter(b=>b!=="")}}),m=async(t,a="")=>await V.post(x("addConsumer",a,t),{consumer:t}),y=async(t,a="")=>await V.delete(x("removeConsumer",a,t)),d=t=>{s.errorMessage=Z(t),r("error",t)},h=(t=c.consumerGroupId)=>{Object.assign(I,s.fields),r("update",{...s.fields,id:t})},G=(t,a,b=c.consumerGroupId)=>{const i=t==null?void 0:t.find(u=>u.status!=="fulfilled");i?d({code:i.status,message:a}):h(b)},j=async()=>{let t="";try{const{data:a}=await V.post(x("create"),K.value);t="item"in a?a.item.id:a.id}catch(a){d(a)}if(s.fields.consumers.length>0&&t)try{const a=s.fields.consumers.map(i=>m(i,t)),b=await Promise.allSettled(a);G(b,g("consumer_groups.errors.add_consumer"),t)}catch(a){d(a)}else s.fields.consumers.length===0&&t&&h(t)},te=async()=>{var b;try{((b=c.config)==null?void 0:b.app)==="konnect"?await V.put(x("edit"),K.value):await V.patch(x("edit"),K.value)}catch(i){d(i)}const t=s.fields.consumers.filter(i=>!I.consumers.includes(i)),a=I.consumers.filter(i=>!s.fields.consumers.includes(i));if(a.length===0&&t.length===0)h();else{if(a.length>0)try{const i=a.map(N=>y(N)),u=await Promise.allSettled(i);G(u,g("consumer_groups.errors.remove_consumer"))}catch(i){d(i)}if(t.length>0)try{const i=t.map(N=>m(N)),u=await Promise.allSettled(i);G(u,g("consumer_groups.errors.add_consumer"))}catch(i){d(i)}}},ie=async()=>{try{s.readonly=!0,v.value===f.EntityBaseFormType.Create?await j():await te()}finally{s.readonly=!1}};return e.onBeforeMount(async()=>{await Y()}),(t,a)=>{const b=e.resolveComponent("KInput"),i=e.resolveComponent("KMultiselect");return e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(e.unref(f.EntityBaseForm),{"can-submit":P.value&&B.value,config:o.config,"edit-id":o.consumerGroupId,"entity-type":e.unref(f.SupportedEntityType).ConsumerGroup,"error-message":s.errorMessage||e.unref(X)||J.value,"fetch-url":Q.value,"form-fields":K.value,"is-readonly":s.readonly,onCancel:ee,"onFetch:error":a[3]||(a[3]=u=>R(u)),"onFetch:success":M,onLoading:a[4]||(a[4]=u=>oe(u)),onSubmit:ie},{default:e.withCtx(()=>[e.createVNode(e.unref(f.EntityFormSection),{description:e.unref(g)("consumer_groups.form.general_info.description"),title:e.unref(g)("consumer_groups.form.general_info.title")},{default:e.withCtx(()=>[e.createVNode(b,{modelValue:s.fields.name,"onUpdate:modelValue":a[0]||(a[0]=u=>s.fields.name=u),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-group-form-name",label:e.unref(g)("consumer_groups.form.fields.name.label"),placeholder:e.unref(g)("consumer_groups.form.fields.name.placeholder"),required:"",type:"text"},null,8,["modelValue","label","placeholder"]),e.createVNode(b,{modelValue:s.fields.tags,"onUpdate:modelValue":a[1]||(a[1]=u=>s.fields.tags=u),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"consumer-group-form-tags",help:e.unref(g)("consumer_groups.form.fields.tags.help"),label:e.unref(g)("consumer_groups.form.fields.tags.label"),"label-attributes":{info:e.unref(g)("consumer_groups.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(g)("consumer_groups.form.fields.tags.placeholder"),type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder"])]),_:1},8,["description","title"]),e.createVNode(e.unref(f.EntityFormSection),{description:e.unref(g)("consumer_groups.form.consumers.description"),"has-divider":"",title:e.unref(g)("consumer_groups.form.consumers.title")},{default:e.withCtx(()=>[e.createVNode(i,{modelValue:s.fields.consumers,"onUpdate:modelValue":a[2]||(a[2]=u=>s.fields.consumers=u),appearance:"select",autosuggest:"",items:L.value,label:e.unref(g)("consumer_groups.form.fields.consumers.label"),loading:e.unref(A),placeholder:e.unref(g)("consumer_groups.form.fields.consumers.placeholder"),width:"auto",onQueryChange:e.unref(z)},{"item-template":e.withCtx(({item:u})=>{var N,F,w;return[e.createElementVNode("div",Ee,[e.createElementVNode("div",Ne,e.toDisplayString(u.label),1),(N=u==null?void 0:u.data)!=null&&N.username&&((F=u==null?void 0:u.data)!=null&&F.custom_id)?(e.openBlock(),e.createElementBlock("div",$e,e.toDisplayString((w=u==null?void 0:u.data)==null?void 0:w.custom_id),1)):e.createCommentVNode("",!0)])]}),_:1},8,["modelValue","items","label","loading","placeholder","onQueryChange"])]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-dfa56d62"]]),Me={class:"kong-ui-consumer-group-entity-config-card"},Ge=e.defineComponent({__name:"ConsumerGroupConfigCard",props:{config:{type:Object,required:!0,validator:o=>!(!o||!["konnect","kongManager"].includes(o==null?void 0:o.app)||o.app==="konnect"&&!o.controlPlaneId||o.app==="kongManager"&&typeof o.workspace!="string"||!o.entityId)},configCardDoc:{type:String,default:"",required:!1},hideTitle:{type:Boolean,default:!1}},emits:["loading","fetch:error","fetch:success"],setup(o){const S=o,{i18n:{t:c}}=se.useI18n(),r=e.computed(()=>U.form[S.config.app].edit),g=e.ref({id:{},name:{},created_at:{},updated_at:{},tags:{tooltip:c("consumer_groups.form.fields.tags.tooltip")}});return(l,s)=>(e.openBlock(),e.createElementBlock("div",Me,[e.createVNode(e.unref(f.EntityBaseConfigCard),{config:o.config,"config-card-doc":o.configCardDoc,"config-schema":g.value,"data-key":"consumer_group","entity-type":e.unref(f.SupportedEntityType).ConsumerGroup,"fetch-url":r.value,"hide-title":o.hideTitle,"onFetch:error":s[0]||(s[0]=I=>l.$emit("fetch:error",I)),"onFetch:success":s[1]||(s[1]=I=>l.$emit("fetch:success",I)),onLoading:s[2]||(s[2]=I=>l.$emit("loading",I))},null,8,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])]))}});$.ConsumerGroupConfigCard=Ge,$.ConsumerGroupForm=Be,$.ConsumerGroupList=xe,Object.defineProperty($,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-761f7e64]{align-items:center;border-bottom:var(--3ccdd5d2);box-sizing:border-box;display:var(--4b1da305);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-761f7e64]{box-sizing:border-box;padding-right:16px;width:var(--cd20788a)}.config-card-details-row .config-card-details-label label[data-v-761f7e64]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-761f7e64]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-761f7e64]{min-width:0}.config-card-details-row .config-card-details-value[data-v-761f7e64]{box-sizing:border-box;width:var(--cd1becd4)}.config-card-details-row .config-card-details-value .truncated[data-v-761f7e64]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-761f7e64]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-761f7e64] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-761f7e64]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-761f7e64]{margin-right:4px}.config-card-details-row[data-v-761f7e64] .k-label{margin-bottom:0}.config-card-details-row[data-v-761f7e64] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-761f7e64] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-7ef5c755]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-7ef5c755]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-7ef5c755]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-7ef5c755] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-7ef5c755]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-6210a67a]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-6210a67a]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-6210a67a] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-499e74da]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-499e74da]{margin-left:auto}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-10fa27a5]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.kong-ui-entities-add-to-groups-modal .add-to-group-cta-text[data-v-4260ce03]{margin-top:0}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container[data-v-4260ce03]{margin-bottom:20px}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container .kong-ui-entity-add-to-groups-error[data-v-4260ce03]{margin-top:16px}.kong-ui-entities-consumer-groups-list[data-v-7f3c37dc]{width:100%}.kong-ui-entities-consumer-groups-list .kong-ui-entity-filter-input[data-v-7f3c37dc]{margin-right:12px}.kong-ui-entities-consumer-groups-list .exit-modal-message[data-v-7f3c37dc]{margin-top:0}.kong-ui-entities-consumer-group-form[data-v-dfa56d62]{width:100%}@media screen and (min-width: 1280px){.kong-ui-entities-consumer-group-form[data-v-dfa56d62] .form-section-wrapper{column-gap:64px}}.kong-ui-entities-consumer-group-form .select-item-container .select-item-label[data-v-dfa56d62]{font-weight:600}.kong-ui-entities-consumer-group-form .select-item-container .select-item-description[data-v-dfa56d62]{color:#6c7489;font-size:12px}
+.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-761f7e64]{align-items:center;border-bottom:var(--3ccdd5d2);box-sizing:border-box;display:var(--4b1da305);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-761f7e64]{box-sizing:border-box;padding-right:16px;width:var(--cd20788a)}.config-card-details-row .config-card-details-label label[data-v-761f7e64]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-761f7e64]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-761f7e64]{min-width:0}.config-card-details-row .config-card-details-value[data-v-761f7e64]{box-sizing:border-box;width:var(--cd1becd4)}.config-card-details-row .config-card-details-value .truncated[data-v-761f7e64]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-761f7e64]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-761f7e64] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-761f7e64]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-761f7e64]{margin-right:4px}.config-card-details-row[data-v-761f7e64] .k-label{margin-bottom:0}.config-card-details-row[data-v-761f7e64] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-761f7e64] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-7ef5c755]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-7ef5c755]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-7ef5c755]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-7ef5c755] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-7ef5c755]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-6210a67a]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-6210a67a]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-6210a67a] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-6210a67a] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-6f28b73b]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-6f28b73b]{margin-left:auto}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-10fa27a5]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.kong-ui-entities-add-to-groups-modal .add-to-group-cta-text[data-v-4260ce03]{margin-top:0}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container[data-v-4260ce03]{margin-bottom:20px}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container .kong-ui-entity-add-to-groups-error[data-v-4260ce03]{margin-top:16px}.kong-ui-entities-consumer-groups-list[data-v-200ea83e]{width:100%}.kong-ui-entities-consumer-groups-list .kong-ui-entity-filter-input[data-v-200ea83e]{margin-right:12px}.kong-ui-entities-consumer-groups-list .exit-modal-message[data-v-200ea83e]{margin-top:0}.kong-ui-entities-consumer-group-form[data-v-dfa56d62]{width:100%}@media screen and (min-width: 1280px){.kong-ui-entities-consumer-group-form[data-v-dfa56d62] .form-section-wrapper{column-gap:64px}}.kong-ui-entities-consumer-group-form .select-item-container .select-item-label[data-v-dfa56d62]{font-weight:600}.kong-ui-entities-consumer-group-form .select-item-container .select-item-description[data-v-dfa56d62]{color:#6c7489;font-size:12px}

package/dist/types/components/ConsumerGroupList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConsumerGroupList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConsumerGroupList.vue"],"names":[],"mappings":"AAqmBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiBvC,OAAO,KAAK,EACV,kCAAkC,EAClC,8BAA8B,EAC9B,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AAQjB,OAAO,gDAAgD,CAAA;;IAohCrD,oHAAoH;;cAElG,QAAQ,CAAC,8BAA8B,GAAG,kCAAkC,CAAC;;4BAEzE,8BAA8B,GAAG,kCAAkC,KAAG,OAAO;;;;;;IAYnG,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;IAxCjH,oHAAoH;;cAElG,QAAQ,CAAC,8BAA8B,GAAG,kCAAkC,CAAC;;4BAEzE,8BAA8B,GAAG,kCAAkC,KAAG,OAAO;;;;;;IAYnG,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;;qBAtB9E,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;qBAM1B,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;mBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;uBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;;;AAlD7E,wBA4DG"}
+{"version":3,"file":"ConsumerGroupList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConsumerGroupList.vue"],"names":[],"mappings":"AAwmBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiBvC,OAAO,KAAK,EACV,kCAAkC,EAClC,8BAA8B,EAC9B,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AAQjB,OAAO,gDAAgD,CAAA;;IAuhCrD,oHAAoH;;cAElG,QAAQ,CAAC,8BAA8B,GAAG,kCAAkC,CAAC;;4BAEzE,8BAA8B,GAAG,kCAAkC,KAAG,OAAO;;;;;;IAYnG,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;IAxCjH,oHAAoH;;cAElG,QAAQ,CAAC,8BAA8B,GAAG,kCAAkC,CAAC;;4BAEzE,8BAA8B,GAAG,kCAAkC,KAAG,OAAO;;;;;;IAYnG,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;;qBAtB9E,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;qBAM1B,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;mBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;uBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;;;AAlD7E,wBA4DG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-consumer-groups",
-  "version": "3.5.57",
+  "version": "3.5.58",
   "type": "module",
   "main": "./dist/entities-consumer-groups.umd.js",
   "module": "./dist/entities-consumer-groups.es.js",
@@ -26,7 +26,7 @@
     "axios": "^1.7.7",
     "vue": ">= 3.3.13 < 4",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/entities-shared": "^3.10.16",
+    "@kong-ui-public/entities-shared": "^3.10.17",
     "@kong-ui-public/i18n": "^2.2.10"
   },
   "devDependencies": {
@@ -36,8 +36,8 @@
     "axios": "^1.7.7",
     "vue": "^3.5.12",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/i18n": "^2.2.10",
-    "@kong-ui-public/entities-shared": "^3.10.16"
+    "@kong-ui-public/entities-shared": "^3.10.17",
+    "@kong-ui-public/i18n": "^2.2.10"
   },
   "repository": {
     "type": "git",