@kong-ui-public/entities-consumer-groups 3.7.6 → 3.7.7

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

@@ -2,8 +2,8 @@ import { defineComponent as _e, ref as I, computed as b, watch as we, resolveCom
 import { useRouter as Fe } from "vue-router";
 import { BookIcon as Te, AddIcon as Qe, TeamIcon as He } from "@kong/icons";
 import { createI18n as ze, i18nTComponent as Je } from "@kong-ui-public/i18n";
-import { useAxios as Ee, useDebouncedFilter as Ke, useTableState as We, useFetcher as Xe, useDeleteUrlBuilder as Ze, FetcherStatus as Ye, EntityBaseTable as eo, EntityFilter as oo, PermissionsWrapper as he, TableTags as to, EntityEmptyState as so, EntityDeleteModal as ro, EntityTypes as no, useErrors as ao, useValidators as uo, EntityBaseFormType as Ie, EntityBaseForm as io, SupportedEntityType as Ue, EntityFormSection as Pe, EntityBaseConfigCard as co } from "@kong-ui-public/entities-shared";
-const lo = "#00abd2", mo = "24px", po = {
+import { useAxios as Ee, useDebouncedFilter as Ke, useTableState as We, useFetcher as Xe, useDeleteUrlBuilder as Ze, FetcherStatus as Ye, EntityBaseTable as eo, EntityFilter as oo, PermissionsWrapper as he, TableTags as to, EntityEmptyState as so, EntityDeleteModal as ro, EntityTypes as no, useErrors as ao, useValidators as uo, EntityBaseFormType as Ie, EntityBaseForm as io, SupportedEntityType as Ue, EntityFormSection as Pe, EntityBaseConfigCard as lo } from "@kong-ui-public/entities-shared";
+const co = "#00abd2", mo = "24px", po = {
   list: {
     table_headers: {
       name: "Name",
@@ -168,9 +168,9 @@ const be = {
     const { i18n: { t: u } } = be.useI18n(), t = e, y = L, { axiosInstance: i } = Ee((j = t.config) == null ? void 0 : j.axiosRequestConfig), n = I([]), {
       debouncedQueryChange: E,
       loading: ie,
-      allRecords: B,
-      error: ce,
-      loadItems: le,
+      allRecords: D,
+      error: le,
+      loadItems: ce,
       results: W
     } = Ke(
       t.config,
@@ -180,7 +180,7 @@ const be = {
         fetchedItemsKey: "data",
         searchKeys: ["name", "id"]
       }
-    ), V = b(() => ce.value ? u("consumer_groups.errors.general") : ""), D = I(0), te = b(() => B.value === void 0), X = b(() => W.value.map((d) => ({
+    ), V = b(() => le.value ? u("consumer_groups.errors.general") : ""), K = I(0), te = b(() => D.value === void 0), X = b(() => W.value.map((d) => ({
       label: d.name,
       value: d.id,
       selected: n.value.includes(d.id),
@@ -188,7 +188,7 @@ const be = {
       // we need this to determine whether or not to show the description text
     }))), se = (d) => {
       var f;
-      const k = te.value ? W.value.find((_) => _.id === d) : (f = B.value) == null ? void 0 : f.find((_) => _.id === d);
+      const k = te.value ? W.value.find((_) => _.id === d) : (f = D.value) == null ? void 0 : f.find((_) => _.id === d);
       return k ? k.name : d;
     }, de = () => {
       x.value = "", R.value = [], M.value = [], y("cancel");
@@ -231,9 +231,9 @@ const be = {
       }).filter(Boolean);
     };
     return we(X, () => {
-      D.value++;
+      K.value++;
     }, { immediate: !0, deep: !0 }), we(() => t.visible, () => {
-      t.visible && le();
+      t.visible && ce();
     }, { immediate: !0 }), (d, k) => {
       const f = Q("KMultiselect"), _ = Q("KAlert"), O = Q("KPrompt");
       return T(), ee(O, {
@@ -268,7 +268,7 @@ const be = {
                 default: p(() => [
                   F("p", null, G(s(u)("consumer_groups.errors.add")), 1),
                   M.value.length ? (T(), z("ul", _o, [
-                    (T(!0), z(Le, null, je(M.value, (Z, K) => (T(), z("li", { key: K }, G(Z), 1))), 128))
+                    (T(!0), z(Le, null, je(M.value, (Z, U) => (T(), z("li", { key: U }, G(Z), 1))), 128))
                   ])) : oe("", !0),
                   F("div", null, G(x.value || V.value), 1)
                 ]),
@@ -341,43 +341,43 @@ const be = {
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "add:success", "remove:success"],
   setup(e, { emit: L }) {
     var Se;
-    const u = L, t = e, { i18nT: y, i18n: { t: i } } = be.useI18n(), n = Fe(), { axiosInstance: E } = Ee((Se = t.config) == null ? void 0 : Se.axiosRequestConfig), ie = b(() => t.config.app !== "kongManager" || !!t.config.disableSorting), B = {
+    const u = L, t = e, { i18nT: y, i18n: { t: i } } = be.useI18n(), n = Fe(), { axiosInstance: E } = Ee((Se = t.config) == null ? void 0 : Se.axiosRequestConfig), ie = b(() => t.config.app !== "kongManager" || !!t.config.disableSorting), D = {
       // the Name column is non-hidable
       name: { label: i("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 }
     };
-    t.config.app === "kongManager" && (B.consumers_count = { label: i("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), B.tags = { label: i("consumer_groups.list.table_headers.tags"), sortable: !1 };
-    const ce = B, le = (r) => ({
+    t.config.app === "kongManager" && (D.consumers_count = { label: i("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), D.tags = { label: i("consumer_groups.list.table_headers.tags"), sortable: !1 };
+    const le = D, ce = (r) => ({
       "data-testid": r.username ?? r.custom_id ?? r.id
     }), W = () => {
-      t.config.consumerId ? l() : n.push(t.config.createRoute);
+      t.config.consumerId ? c() : n.push(t.config.createRoute);
     }, V = b(() => {
       var m, h, w, H;
       let r = `${t.config.apiBaseUrl}${J.list[t.config.app][$.value ? "forConsumer" : "all"]}`;
       return t.config.app === "konnect" ? r = r.replace(/{controlPlaneId}/gi, ((m = t.config) == null ? void 0 : m.controlPlaneId) || "").replace(/{consumerId}/gi, ((h = t.config) == null ? void 0 : h.consumerId) || "") : t.config.app === "kongManager" && (r = r.replace(/\/{workspace}/gi, (w = t.config) != null && w.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((H = t.config) == null ? void 0 : H.consumerId) || "")), r;
-    }), D = I(""), te = b(() => {
+    }), K = I(""), te = b(() => {
       const r = t.config.app === "konnect" || t.config.isExactMatch;
       return r ? {
         isExactMatch: r,
         fields: {
-          username: B.name,
+          username: D.name,
           id: { label: i("consumer_groups.list.table_headers.id") }
         },
         placeholder: i("consumer_groups.search.placeholder")
       } : {
         isExactMatch: r,
         fields: {
-          name: B.name
+          name: D.name
         },
         schema: t.config.filterSchema
       };
-    }), { hasRecords: X, handleStateChange: se } = We(D), de = b(() => X.value && t.config.app === "konnect"), R = b(() => !t.enableV2EmptyStates && t.config.app === "konnect"), $ = b(() => !!t.config.consumerId), x = b(
+    }), { hasRecords: X, handleStateChange: se } = We(K), de = b(() => X.value && t.config.app === "konnect"), R = b(() => !t.enableV2EmptyStates && t.config.app === "konnect"), $ = b(() => !!t.config.consumerId), x = b(
       () => $.value ? "kong-ui-entities-consumer-groups-list-in-consumer-page" : "kong-ui-entities-consumer-groups-list"
-    ), me = b(() => t.config.app === "konnect" && D.value ? "consumer_group" : $.value && !t.config.paginatedEndpoint ? "consumer_groups" : void 0), {
+    ), me = b(() => t.config.app === "konnect" && K.value ? "consumer_group" : $.value && !t.config.paginatedEndpoint ? "consumer_groups" : void 0), {
       fetcher: pe,
       fetcherState: ge,
       fetcherCacheKey: M
     } = Xe({ ...t.config, cacheIdentifier: t.cacheIdentifier }, V.value, me), re = () => {
-      D.value = "";
+      K.value = "";
     }, j = () => {
       M.value++;
     }, d = I(null), k = (r, m) => {
@@ -417,30 +417,30 @@ const be = {
     }), Z = (r) => ({
       label: i("consumer_groups.actions.edit"),
       to: t.config.getEditRoute(r)
-    }), K = I(void 0), ne = I(!1), Y = I(!1), fe = I(""), ve = Ze(t.config, V.value), o = (r) => {
-      K.value = r, ne.value = !0;
+    }), U = I(void 0), ne = I(!1), Y = I(!1), fe = I(""), ve = Ze(t.config, V.value), o = (r) => {
+      U.value = r, ne.value = !0;
     }, a = () => {
       ne.value = !1;
     }, C = async () => {
       var r, m, h;
-      if ((r = K.value) != null && r.id) {
+      if ((r = U.value) != null && r.id) {
         Y.value = !0;
         try {
-          await E.delete(ve(K.value.id)), Y.value = !1, ne.value = !1, M.value++, u("delete:success", K.value);
+          await E.delete(ve(U.value.id)), Y.value = !1, ne.value = !1, M.value++, u("delete:success", U.value);
         } catch (w) {
           fe.value = ((h = (m = w.response) == null ? void 0 : m.data) == null ? void 0 : h.message) || w.message || i("consumer_groups.errors.delete"), u("error", w);
         } finally {
           Y.value = !1;
         }
       }
-    }, c = I(!1), l = () => {
-      c.value = !0;
+    }, l = I(!1), c = () => {
+      l.value = !0;
     }, A = () => {
-      c.value = !1;
-    }, U = (r, m) => {
+      l.value = !1;
+    }, B = (r, m) => {
       m || A(), M.value++, u("add:success", r);
     }, S = () => {
-      $.value && l();
+      $.value && c();
     }, P = I(void 0), ae = I(!1), Be = I(""), De = (r) => {
       P.value = r, ae.value = !0;
     }, xe = () => {
@@ -494,9 +494,9 @@ const be = {
           "fetcher-cache-key": s(M),
           "pagination-type": "offset",
           "preferences-storage-key": x.value,
-          query: D.value,
-          "row-attributes": le,
-          "table-headers": s(ce),
+          query: K.value,
+          "row-attributes": ce,
+          "table-headers": s(le),
           onClearSearchInput: re,
           "onClick:row": m[4] || (m[4] = (v) => _(v)),
           onEmptyStateCtaClicked: S,
@@ -506,8 +506,8 @@ const be = {
           "toolbar-filter": p(() => [
             $.value ? oe("", !0) : (T(), ee(s(oo), {
               key: 0,
-              modelValue: D.value,
-              "onUpdate:modelValue": m[0] || (m[0] = (v) => D.value = v),
+              modelValue: K.value,
+              "onUpdate:modelValue": m[0] || (m[0] = (v) => K.value = v),
               config: te.value
             }, null, 8, ["modelValue", "config"]))
           ]),
@@ -657,7 +657,7 @@ const be = {
             ]),
             key: "0"
           } : void 0,
-          e.enableV2EmptyStates && e.config.app === "konnect" ? {
+          !K.value && e.enableV2EmptyStates && e.config.app === "konnect" ? {
             name: "empty-state",
             fn: p(() => {
               var v;
@@ -676,7 +676,7 @@ const be = {
                   image: p(() => [
                     F("div", wo, [
                       g(s(He), {
-                        color: s(lo),
+                        color: s(co),
                         size: s(mo)
                       }, null, 8, ["color", "size"])
                     ])
@@ -700,7 +700,7 @@ const be = {
           "action-pending": Y.value,
           "data-testid": "delete-consumer-group-modal",
           description: s(i)("consumer_groups.delete.description"),
-          "entity-name": K.value && (K.value.name || K.value.id),
+          "entity-name": U.value && (U.value.name || U.value.id),
           "entity-type": s(no).ConsumerGroup,
           error: fe.value,
           title: s(i)("consumer_groups.delete.title"),
@@ -712,9 +712,9 @@ const be = {
           key: 0,
           config: e.config,
           "data-testid": "add-to-group-modal",
-          visible: c.value,
-          "onAdd:partialSuccess": m[5] || (m[5] = (v) => U(v, !0)),
-          "onAdd:success": m[6] || (m[6] = (v) => U(v)),
+          visible: l.value,
+          "onAdd:partialSuccess": m[5] || (m[5] = (v) => B(v, !0)),
+          "onAdd:success": m[6] || (m[6] = (v) => B(v)),
           onCancel: A
         }, null, 8, ["config", "visible"])) : oe("", !0),
         e.config.consumerId && P.value ? (T(), ee(qe, {
@@ -752,7 +752,7 @@ const be = {
       ]);
     };
   }
-}), Uo = /* @__PURE__ */ $e(Eo, [["__scopeId", "data-v-521aa93a"]]), $o = { class: "kong-ui-entities-consumer-group-form" }, xo = { class: "select-item-container" }, Mo = { class: "select-item-label" }, So = {
+}), Uo = /* @__PURE__ */ $e(Eo, [["__scopeId", "data-v-67b47a6f"]]), $o = { class: "kong-ui-entities-consumer-group-form" }, xo = { class: "select-item-container" }, Mo = { class: "select-item-label" }, So = {
   key: 0,
   class: "select-item-description"
 }, Go = /* @__PURE__ */ _e({
@@ -788,14 +788,14 @@ const be = {
       consumers: []
     }), {
       debouncedQueryChange: ie,
-      loading: B,
-      error: ce,
-      loadItems: le,
+      loading: D,
+      error: le,
+      loadItems: ce,
       results: W
     } = Ke(u.config, (fe = J.form[(Y = u.config) == null ? void 0 : Y.app]) == null ? void 0 : fe.consumersList, "", {
       fetchedItemsKey: "data",
       searchKeys: ["username", "custom_id", "id"]
-    }), { axiosInstance: V } = Ee((ve = u.config) == null ? void 0 : ve.axiosRequestConfig), { getMessageFromError: D } = ao(), te = uo(), X = b(() => W.value.map((o) => ({
+    }), { axiosInstance: V } = Ee((ve = u.config) == null ? void 0 : ve.axiosRequestConfig), { getMessageFromError: K } = ao(), te = uo(), X = b(() => W.value.map((o) => ({
       label: o.username || o.custom_id,
       value: o.id,
       selected: n.fields.consumers.includes(o.id),
@@ -805,9 +805,9 @@ const be = {
       var o, a;
       return (a = J.form[(o = u.config) == null ? void 0 : o.app]) == null ? void 0 : a.edit;
     }), de = b(() => u.consumerGroupId ? Ie.Edit : Ie.Create), R = b(() => !!n.fields.name && !re.value), $ = b(() => JSON.stringify(n.fields) !== JSON.stringify(E)), x = (o, a = "", C = "") => {
-      var l, A, U, S, P, ae;
-      let c = `${(l = u.config) == null ? void 0 : l.apiBaseUrl}${J.form[(A = u.config) == null ? void 0 : A.app][o]}`;
-      return ((U = u.config) == null ? void 0 : U.app) === "konnect" ? c = c.replace(/{controlPlaneId}/gi, ((S = u.config) == null ? void 0 : S.controlPlaneId) || "") : ((P = u.config) == null ? void 0 : P.app) === "kongManager" && (c = c.replace(/\/{workspace}/gi, (ae = u.config) != null && ae.workspace ? `/${u.config.workspace}` : "")), c = c.replace(/{id}/gi, a || u.consumerGroupId), (o === "addConsumer" || o === "removeConsumer") && (c = c.replace(/{consumerId}/gi, C)), c;
+      var c, A, B, S, P, ae;
+      let l = `${(c = u.config) == null ? void 0 : c.apiBaseUrl}${J.form[(A = u.config) == null ? void 0 : A.app][o]}`;
+      return ((B = u.config) == null ? void 0 : B.app) === "konnect" ? l = l.replace(/{controlPlaneId}/gi, ((S = u.config) == null ? void 0 : S.controlPlaneId) || "") : ((P = u.config) == null ? void 0 : P.app) === "kongManager" && (l = l.replace(/\/{workspace}/gi, (ae = u.config) != null && ae.workspace ? `/${u.config.workspace}` : "")), l = l.replace(/{id}/gi, a || u.consumerGroupId), (o === "addConsumer" || o === "removeConsumer") && (l = l.replace(/{consumerId}/gi, C)), l;
     }, me = () => {
       var o;
       i.push(((o = u.config) == null ? void 0 : o.cancelRoute) || { name: "consumer-group-list" });
@@ -816,15 +816,15 @@ const be = {
     }, ge = (o) => {
       t("loading", o);
     }, M = async (o) => {
-      var C, c, l, A, U;
-      n.fields.name = ((C = o == null ? void 0 : o.item) == null ? void 0 : C.name) || ((c = o == null ? void 0 : o.consumer_group) == null ? void 0 : c.name) || (o == null ? void 0 : o.name) || "";
-      const a = ((l = o == null ? void 0 : o.item) == null ? void 0 : l.tags) || (o == null ? void 0 : o.consumer_group.tags) || (o == null ? void 0 : o.tags) || [];
+      var C, l, c, A, B;
+      n.fields.name = ((C = o == null ? void 0 : o.item) == null ? void 0 : C.name) || ((l = o == null ? void 0 : o.consumer_group) == null ? void 0 : l.name) || (o == null ? void 0 : o.name) || "";
+      const 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((S) => S.id)) || [];
       else
         try {
           const { data: S } = await V.get(x("getConsumers"));
-          n.fields.consumers = "consumers" in S ? (U = S == null ? void 0 : S.consumers) == null ? void 0 : U.map((P) => P.id) : [];
+          n.fields.consumers = "consumers" in S ? (B = S == null ? void 0 : S.consumers) == null ? void 0 : B.map((P) => P.id) : [];
         } catch (S) {
           f(S);
         }
@@ -836,13 +836,13 @@ const be = {
         tags: (a = (o = n.fields.tags.split(",")) == null ? void 0 : o.map((C) => String(C || "").trim())) == null ? void 0 : a.filter((C) => C !== "")
       };
     }), d = async (o, a = "") => await V.post(x("addConsumer", a, o), { consumer: o }), k = async (o, a = "") => await V.delete(x("removeConsumer", a, o)), f = (o) => {
-      n.errorMessage = D(o), t("error", o);
+      n.errorMessage = K(o), t("error", o);
     }, _ = (o = u.consumerGroupId) => {
       Object.assign(E, n.fields), t("update", { ...n.fields, id: o });
     }, O = (o, a, C = u.consumerGroupId) => {
-      const c = o == null ? void 0 : o.find((l) => l.status !== "fulfilled");
-      c ? f({
-        code: c.status,
+      const l = o == null ? void 0 : o.find((c) => c.status !== "fulfilled");
+      l ? f({
+        code: l.status,
         message: a
       }) : _(C);
     }, Z = async () => {
@@ -855,63 +855,63 @@ const be = {
       }
       if (n.fields.consumers.length > 0 && o)
         try {
-          const a = n.fields.consumers.map((c) => d(c, o)), C = await Promise.allSettled(a);
+          const a = n.fields.consumers.map((l) => d(l, o)), C = await Promise.allSettled(a);
           O(C, y("consumer_groups.errors.add_consumer"), o);
         } catch (a) {
           f(a);
         }
       else n.fields.consumers.length === 0 && o && _(o);
-    }, K = async () => {
+    }, U = async () => {
       var C;
       try {
         ((C = u.config) == null ? void 0 : C.app) === "konnect" ? await V.put(x("edit"), j.value) : await V.patch(x("edit"), j.value);
-      } catch (c) {
-        f(c);
+      } catch (l) {
+        f(l);
       }
-      const o = n.fields.consumers.filter((c) => !E.consumers.includes(c)), a = E.consumers.filter((c) => !n.fields.consumers.includes(c));
+      const o = n.fields.consumers.filter((l) => !E.consumers.includes(l)), a = E.consumers.filter((l) => !n.fields.consumers.includes(l));
       if (a.length === 0 && o.length === 0)
         _();
       else {
         if (a.length > 0)
           try {
-            const c = a.map((A) => k(A)), l = await Promise.allSettled(c);
-            O(l, y("consumer_groups.errors.remove_consumer"));
-          } catch (c) {
-            f(c);
+            const l = a.map((A) => k(A)), c = await Promise.allSettled(l);
+            O(c, y("consumer_groups.errors.remove_consumer"));
+          } catch (l) {
+            f(l);
           }
         if (o.length > 0)
           try {
-            const c = o.map((A) => d(A)), l = await Promise.allSettled(c);
-            O(l, y("consumer_groups.errors.add_consumer"));
-          } catch (c) {
-            f(c);
+            const l = o.map((A) => d(A)), c = await Promise.allSettled(l);
+            O(c, y("consumer_groups.errors.add_consumer"));
+          } catch (l) {
+            f(l);
           }
       }
     }, ne = async () => {
       try {
-        n.readonly = !0, de.value === Ie.Create ? await Z() : await K();
+        n.readonly = !0, de.value === Ie.Create ? await Z() : await U();
       } finally {
         n.readonly = !1;
       }
     };
     return Ve(async () => {
-      await le();
+      await ce();
     }), (o, a) => {
-      const C = Q("KInput"), c = Q("KMultiselect");
+      const C = Q("KInput"), l = Q("KMultiselect");
       return T(), z("div", $o, [
         g(s(io), {
           "can-submit": R.value && $.value,
           config: e.config,
           "edit-id": e.consumerGroupId,
           "entity-type": s(Ue).ConsumerGroup,
-          "error-message": n.errorMessage || s(ce) || re.value,
+          "error-message": n.errorMessage || s(le) || re.value,
           "fetch-url": se.value,
           "form-fields": j.value,
           "is-readonly": n.readonly,
           onCancel: me,
-          "onFetch:error": a[3] || (a[3] = (l) => pe(l)),
+          "onFetch:error": a[3] || (a[3] = (c) => pe(c)),
           "onFetch:success": M,
-          onLoading: a[4] || (a[4] = (l) => ge(l)),
+          onLoading: a[4] || (a[4] = (c) => ge(c)),
           onSubmit: ne
         }, {
           default: p(() => [
@@ -922,7 +922,7 @@ const be = {
               default: p(() => [
                 g(C, {
                   modelValue: n.fields.name,
-                  "onUpdate:modelValue": a[0] || (a[0] = (l) => n.fields.name = l),
+                  "onUpdate:modelValue": a[0] || (a[0] = (c) => n.fields.name = c),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "consumer-group-form-name",
@@ -933,7 +933,7 @@ const be = {
                 }, null, 8, ["modelValue", "label", "placeholder"]),
                 g(C, {
                   modelValue: n.fields.tags,
-                  "onUpdate:modelValue": a[1] || (a[1] = (l) => n.fields.tags = l),
+                  "onUpdate:modelValue": a[1] || (a[1] = (c) => n.fields.tags = c),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "consumer-group-form-tags",
@@ -955,24 +955,24 @@ const be = {
               title: s(y)("consumer_groups.form.consumers.title")
             }, {
               default: p(() => [
-                g(c, {
+                g(l, {
                   modelValue: n.fields.consumers,
-                  "onUpdate:modelValue": a[2] || (a[2] = (l) => n.fields.consumers = l),
+                  "onUpdate:modelValue": a[2] || (a[2] = (c) => n.fields.consumers = c),
                   appearance: "select",
                   autosuggest: "",
                   items: X.value,
                   label: s(y)("consumer_groups.form.fields.consumers.label"),
-                  loading: s(B),
+                  loading: s(D),
                   placeholder: s(y)("consumer_groups.form.fields.consumers.placeholder"),
                   width: "auto",
                   onQueryChange: s(ie)
                 }, {
-                  "item-template": p(({ item: l }) => {
-                    var A, U, S;
+                  "item-template": p(({ item: c }) => {
+                    var A, B, S;
                     return [
                       F("div", xo, [
-                        F("div", Mo, G(l.label), 1),
-                        (A = l == null ? void 0 : l.data) != null && A.username && ((U = l == null ? void 0 : l.data) != null && U.custom_id) ? (T(), z("div", So, G((S = l == null ? void 0 : l.data) == null ? void 0 : S.custom_id), 1)) : oe("", !0)
+                        F("div", Mo, G(c.label), 1),
+                        (A = c == null ? void 0 : c.data) != null && A.username && ((B = c == null ? void 0 : c.data) != null && B.custom_id) ? (T(), z("div", So, G((S = c == null ? void 0 : c.data) == null ? void 0 : S.custom_id), 1)) : oe("", !0)
                       ])
                     ];
                   }),
@@ -1024,7 +1024,7 @@ const be = {
       }
     });
     return (i, n) => (T(), z("div", Ao, [
-      g(s(co), {
+      g(s(lo), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
         "config-schema": y.value,

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

@@ -1 +1 @@
-(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,me,ae,pe,p){"use strict";const he="#00abd2",_e="24px",Ce={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"},empty_state_v2:{title:"Configure your first consumer group",group:"Consumer groups created in gateways within this group will automatically appear here.",description:"Organize consumers into groups to easily apply policies like rate limiting and authentication across the entire 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 all its plugins and 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 ke(){const o=pe.createI18n("en-us",Ce);return{i18n:o,i18nT:pe.i18nTComponent(o)}}const ce={useI18n:ke},A="/v2/control-planes/{controlPlaneId}/core-entities",D="/{workspace}",q={list:{konnect:{all:`${A}/consumer_groups`,forModal:`${A}/consumer_groups`,forConsumer:`${A}/consumers/{consumerId}/consumer_groups`,oneForConsumer:`${A}/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:`${A}/consumers`,create:`${A}/consumer_groups`,edit:`${A}/consumer_groups/{id}`,addConsumer:`${A}/consumer_groups/{id}/consumers`,removeConsumer:`${A}/consumer_groups/{id}/consumers/{consumerId}`,getConsumers:`${A}/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`}}},be={class:"add-to-group-form-container"},we={class:"add-to-group-cta-text"},Ve={key:0,class:"kong-ui-entity-add-to-groups-error"},Ie={key:0},xe=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:U}){var R;const{i18n:{t:c}}=ce.useI18n(),r=o,y=U,{axiosInstance:i}=p.useAxios((R=r.config)==null?void 0:R.axiosRequestConfig),s=e.ref([]),{debouncedQueryChange:w,loading:Y,allRecords:P,error:v,loadItems:ee,results:j}=p.useDebouncedFilter(r.config,q.list[r.config.app].forModal,"",{fetchedItemsKey:"data",searchKeys:["name","id"]}),T=e.computed(()=>v.value?c("consumer_groups.errors.general"):""),S=e.ref(0),z=e.computed(()=>P.value===void 0),L=e.computed(()=>j.value.map(d=>({label:d.name,value:d.id,selected:s.value.includes(d.id),data:d}))),J=d=>{var f;const k=z.value?j.value.find(_=>_.id===d):(f=P.value)==null?void 0:f.find(_=>_.id===d);return k?k.name:d},oe=()=>{I.value="",F.value=[],x.value=[],y("cancel")},F=e.ref([]),V=e.ref(!1),I=e.ref(""),te=async()=>{if(!s.value.length){I.value="",x.value=[],y("cancel");return}V.value=!0,I.value="",F.value=[],x.value=[];try{const d=s.value.map(_=>ne(_)),k=await Promise.allSettled(d);let f=!0;k.forEach(_=>{_.status!=="fulfilled"&&(f=!1)}),f?(F.value=[],x.value=[],y("add:success",s.value),s.value=[]):(F.value.length&&y("add:partial-success",F.value),s.value=[],W(k))}catch{I.value=c("consumer_groups.errors.add"),y("error",I.value)}finally{V.value=!1}},re=e.computed(()=>{var k,f,_,K;let d=`${r.config.apiBaseUrl}${q.list[r.config.app].forConsumer}`;return r.config.app==="konnect"?d=d.replace(/{controlPlaneId}/gi,((k=r.config)==null?void 0:k.controlPlaneId)||"").replace(/{consumerId}/gi,((f=r.config)==null?void 0:f.consumerId)||""):r.config.app==="kongManager"&&(d=d.replace(/\/{workspace}/gi,(_=r.config)!=null&&_.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((K=r.config)==null?void 0:K.consumerId)||"")),d}),ne=async d=>{const k={group:d};try{const f=await i.post(re.value,k);return F.value.push(d),f}catch(f){let _=`${J(d)} - ${f.message}`;return f.response.status===409&&(_=`${J(d)} - ${c("consumer_groups.errors.already_added")}`),Promise.reject(Error(_))}},x=e.ref([]),W=d=>{x.value=d.map(k=>{var f;return(f=k.reason)==null?void 0:f.message}).filter(Boolean)};return e.watch(L,()=>{S.value++},{immediate:!0,deep:!0}),e.watch(()=>r.visible,()=>{r.visible&&ee()},{immediate:!0}),(d,k)=>{const f=e.resolveComponent("KMultiselect"),_=e.resolveComponent("KAlert"),K=e.resolveComponent("KPrompt");return e.openBlock(),e.createBlock(K,{"action-button-disabled":V.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:oe,onProceed:te},{default:e.withCtx(()=>[e.createElementVNode("div",be,[e.createElementVNode("p",we,e.toDisplayString(e.unref(c)("consumer_groups.consumers.add.ctaText")),1),e.createVNode(f,{modelValue:s.value,"onUpdate:modelValue":k[0]||(k[0]=Q=>s.value=Q),autosuggest:"","data-testid":"add-to-groups-multiselect","dropdown-footer-text":z.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(Y),placeholder:e.unref(c)("consumer_groups.consumers.add.consumer_group_placeholder"),readonly:V.value,required:"",width:"100%",onQueryChange:e.unref(w)},null,8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly","onQueryChange"]),I.value||T.value||x.value.length?(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(_,{appearance:"danger"},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(e.unref(c)("consumer_groups.errors.add")),1),x.value.length?(e.openBlock(),e.createElementBlock("ul",Ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,(Q,M)=>(e.openBlock(),e.createElementBlock("li",{key:M},e.toDisplayString(Q),1))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(I.value||T.value),1)]),_:1})])):e.createCommentVNode("",!0)])]),_:1},8,["action-button-disabled","title","visible"])}}}),ue=(o,U)=>{const c=o.__vccOpts||o;for(const[r,y]of U)c[r]=y;return c},Ee=ue(xe,[["__scopeId","data-v-4260ce03"]]),Ne={class:"kong-ui-entities-consumer-groups-list"},$e={class:"button-row"},Be={class:"empty-state-icon-gateway"},Te=ue(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},enableV2EmptyStates:{type:Boolean,default:!1}},emits:["error","click:learn-more","copy:success","copy:error","delete:success","add:success","remove:success"],setup(o,{emit:U}){var ye;const c=U,r=o,{i18nT:y,i18n:{t:i}}=ce.useI18n(),s=me.useRouter(),{axiosInstance:w}=p.useAxios((ye=r.config)==null?void 0:ye.axiosRequestConfig),Y=e.computed(()=>r.config.app!=="kongManager"||!!r.config.disableSorting),P={name:{label:i("consumer_groups.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1}};r.config.app==="kongManager"&&(P.consumers_count={label:i("consumer_groups.list.table_headers.consumers_count"),searchable:!1,sortable:!1}),P.tags={label:i("consumer_groups.list.table_headers.tags"),sortable:!1};const v=P,ee=n=>({"data-testid":n.username??n.custom_id??n.id}),j=()=>{r.config.consumerId?u():s.push(r.config.createRoute)},T=e.computed(()=>{var m,h,b,O;let n=`${r.config.apiBaseUrl}${q.list[r.config.app][V.value?"forConsumer":"all"]}`;return r.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((m=r.config)==null?void 0:m.controlPlaneId)||"").replace(/{consumerId}/gi,((h=r.config)==null?void 0:h.consumerId)||""):r.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(b=r.config)!=null&&b.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((O=r.config)==null?void 0:O.consumerId)||"")),n}),S=e.ref(""),z=e.computed(()=>{const n=r.config.app==="konnect"||r.config.isExactMatch;return n?{isExactMatch:n,fields:{username:P.name,id:{label:i("consumer_groups.list.table_headers.id")}},placeholder:i("consumer_groups.search.placeholder")}:{isExactMatch:n,fields:{name:P.name},schema:r.config.filterSchema}}),{hasRecords:L,handleStateChange:J}=p.useTableState(S),oe=e.computed(()=>L.value&&r.config.app==="konnect"),F=e.computed(()=>!r.enableV2EmptyStates&&r.config.app==="konnect"),V=e.computed(()=>!!r.config.consumerId),I=e.computed(()=>V.value?"kong-ui-entities-consumer-groups-list-in-consumer-page":"kong-ui-entities-consumer-groups-list"),te=e.computed(()=>r.config.app==="konnect"&&S.value?"consumer_group":V.value&&!r.config.paginatedEndpoint?"consumer_groups":void 0),{fetcher:re,fetcherState:ne,fetcherCacheKey:x}=p.useFetcher({...r.config,cacheIdentifier:r.cacheIdentifier},T.value,te),W=()=>{S.value=""},R=()=>{x.value++},d=e.ref(null),k=(n,m)=>{const h=n.id;if(!m(h)){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:h})})},f=(n,m)=>{const h=JSON.stringify(n);if(!m(h)){c("copy:error",{entity:n,message:i("consumer_groups.errors.copy")});return}c("copy:success",{entity:n,message:i("consumer_groups.copy.success_brief")})},_=async n=>{var h;await((h=r.canRetrieve)==null?void 0:h.call(r,n))&&s.push(r.config.getViewRoute(n.id))},K=n=>({label:i("consumer_groups.actions.view"),to:r.config.getViewRoute(n)}),Q=n=>({label:i("consumer_groups.actions.edit"),to:r.config.getEditRoute(n)}),M=e.ref(void 0),X=e.ref(!1),H=e.ref(!1),se=e.ref(""),ie=p.useDeleteUrlBuilder(r.config,T.value),t=n=>{M.value=n,X.value=!0},a=()=>{X.value=!1},C=async()=>{var n,m,h;if((n=M.value)!=null&&n.id){H.value=!0;try{await w.delete(ie(M.value.id)),H.value=!1,X.value=!1,x.value++,c("delete:success",M.value)}catch(b){se.value=((h=(m=b.response)==null?void 0:m.data)==null?void 0:h.message)||b.message||i("consumer_groups.errors.delete"),c("error",b)}finally{H.value=!1}}},l=e.ref(!1),u=()=>{l.value=!0},N=()=>{l.value=!1},G=(n,m)=>{m||N(),x.value++,c("add:success",n)},E=()=>{V.value&&u()},B=e.ref(void 0),Z=e.ref(!1),Ke=e.ref(""),Ue=n=>{B.value=n,Z.value=!0},fe=()=>{Z.value=!1,B.value=void 0},Re=e.computed(()=>{var m,h,b,O;let n=`${r.config.apiBaseUrl}${q.list[r.config.app].oneForConsumer}`;return r.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((m=r.config)==null?void 0:m.controlPlaneId)||"").replace(/{consumerId}/gi,((h=r.config)==null?void 0:h.consumerId)||""):r.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(b=r.config)!=null&&b.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((O=r.config)==null?void 0:O.consumerId)||"")),n}),ge=e.ref(!1),qe=async()=>{if(B.value){ge.value=!0;try{const n=Re.value.replace(/{consumerGroupId}/gi,B.value.id);await w.delete(n),c("remove:success",B.value),fe(),x.value++}catch(n){Ke.value=n.message||i("consumer_groups.errors.delete"),c("error",n)}finally{ge.value=!1}}};e.watch(ne,n=>{var m,h,b;if(n.status===p.FetcherStatus.Error){d.value={title:i("consumer_groups.errors.general")},(b=(h=(m=n.error)==null?void 0:m.response)==null?void 0:h.data)!=null&&b.message&&(d.value.message=n.error.response.data.message),c("error",n.error);return}d.value=null});const de=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()&&(de.value.title=V.value?i("consumer_groups.list.empty_state.title_for_consumer"):i("consumer_groups.list.empty_state.title"),de.value.ctaText=V.value?i("consumer_groups.actions.add_to_group"):i("consumer_groups.actions.create"))}),(n,m)=>{const h=e.resolveComponent("KButton"),b=e.resolveComponent("KDropdownItem"),O=e.resolveComponent("KClipboardProvider"),Oe=e.resolveComponent("KPrompt");return e.openBlock(),e.createElementBlock("div",Ne,[e.createVNode(e.unref(p.EntityBaseTable),{"cache-identifier":o.cacheIdentifier,"disable-pagination":V.value&&!o.config.paginatedEndpoint,"disable-sorting":Y.value,"empty-state-options":de.value,"enable-entity-actions":"","error-message":d.value,fetcher:e.unref(re),"fetcher-cache-key":e.unref(x),"pagination-type":"offset","preferences-storage-key":I.value,query:S.value,"row-attributes":ee,"table-headers":e.unref(v),onClearSearchInput:W,"onClick:row":m[4]||(m[4]=g=>_(g)),onEmptyStateCtaClicked:E,onSort:R,onState:e.unref(J)},e.createSlots({"toolbar-filter":e.withCtx(()=>[V.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(p.EntityFilter),{key:0,modelValue:S.value,"onUpdate:modelValue":m[0]||(m[0]=g=>S.value=g),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.createElementVNode("div",$e,[oe.value?(e.openBlock(),e.createBlock(h,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"consumer-groups-learn-more-button",icon:"",onClick:m[1]||(m[1]=g=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(ae.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(p.PermissionsWrapper),{"auth-function":()=>o.canCreate()},{default:e.withCtx(()=>[e.createVNode(h,{appearance:"primary","data-testid":"toolbar-add-consumer-group",size:o.useActionOutside?"medium":"large",onClick:j},{default:e.withCtx(()=>[e.createVNode(e.unref(ae.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"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),name:e.withCtx(({rowValue:g})=>[e.createElementVNode("b",null,e.toDisplayString(g??"-"),1)]),consumers_count:e.withCtx(({rowValue:g})=>[e.createTextVNode(e.toDisplayString(g??"-"),1)]),tags:e.withCtx(({rowValue:g})=>[e.createVNode(e.unref(p.TableTags),{tags:g},null,8,["tags"])]),actions:e.withCtx(({row:g})=>[e.createVNode(O,null,{default:e.withCtx(({copyToClipboard:le})=>[e.createVNode(b,{"data-testid":"action-entity-copy-id",onClick:je=>k(g,le)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("consumer_groups.actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(O,null,{default:e.withCtx(({copyToClipboard:le})=>[e.createVNode(b,{"data-testid":"action-entity-copy-json",onClick:je=>f(g,le)},{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(p.PermissionsWrapper),{"auth-function":()=>o.canRetrieve(g)},{default:e.withCtx(()=>[e.createVNode(b,{"data-testid":"action-entity-view","has-divider":"",item:K(g.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(p.PermissionsWrapper),{"auth-function":()=>o.canEdit(g)},{default:e.withCtx(()=>[e.createVNode(b,{"data-testid":"action-entity-edit",item:Q(g.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(p.PermissionsWrapper),{"auth-function":()=>o.canDelete(g)},{default:e.withCtx(()=>[e.createVNode(b,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:()=>o.config.consumerId?Ue(g):t(g)},{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"])]),_:2},[!e.unref(L)&&F.value?{name:"outside-actions",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!o.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createVNode(h,{appearance:"secondary",class:"open-learning-hub","data-testid":"consumer-groups-learn-more-button",icon:"",onClick:m[2]||(m[2]=g=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(ae.BookIcon),{decorative:""})]),_:1})],8,["disabled"]))]),key:"0"}:void 0,o.enableV2EmptyStates&&o.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var g;return[e.createVNode(e.unref(p.EntityEmptyState),{"action-button-text":e.unref(i)("consumer_groups.list.toolbar_actions.new_consumer_group"),appearance:"secondary","can-create":()=>o.canCreate(),"data-testid":"consumer-groups-entity-empty-state",description:e.unref(i)("consumer_groups.list.empty_state_v2.description"),"learn-more":o.config.app==="konnect",title:e.unref(i)("consumer_groups.list.empty_state_v2.title"),"onClick:create":j,"onClick:learnMore":m[3]||(m[3]=le=>n.$emit("click:learn-more"))},e.createSlots({image:e.withCtx(()=>[e.createElementVNode("div",Be,[e.createVNode(e.unref(ae.TeamIcon),{color:e.unref(he),size:e.unref(_e)},null,8,["color","size"])])]),_:2},[(g=o.config)!=null&&g.isControlPlaneGroup?{name:"message",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("consumer_groups.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["action-button-text","can-create","description","learn-more","title"])]}),key:"1"}:void 0]),1032,["cache-identifier","disable-pagination","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","preferences-storage-key","query","table-headers","onState"]),e.createVNode(e.unref(p.EntityDeleteModal),{"action-pending":H.value,"data-testid":"delete-consumer-group-modal",description:e.unref(i)("consumer_groups.delete.description"),"entity-name":M.value&&(M.value.name||M.value.id),"entity-type":e.unref(p.EntityTypes).ConsumerGroup,error:se.value,title:e.unref(i)("consumer_groups.delete.title"),visible:X.value,onCancel:a,onProceed:C},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"]),o.config.consumerId?(e.openBlock(),e.createBlock(Ee,{key:0,config:o.config,"data-testid":"add-to-group-modal",visible:l.value,"onAdd:partialSuccess":m[5]||(m[5]=g=>G(g,!0)),"onAdd:success":m[6]||(m[6]=g=>G(g)),onCancel:N},null,8,["config","visible"])):e.createCommentVNode("",!0),o.config.consumerId&&B.value?(e.openBlock(),e.createBlock(Oe,{key:1,"action-button-appearance":"danger","data-testid":"exit-group-modal",title:e.unref(i)("consumer_groups.consumers.exit.title"),visible:Z.value,onCancel:fe,onProceed:qe},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{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(B.value.name||B.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-521aa93a"]]),Me={class:"kong-ui-entities-consumer-group-form"},Ge={class:"select-item-container"},Ae={class:"select-item-label"},De={key:0,class:"select-item-description"},Pe=ue(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:U}){var H,se,ie;const c=o,r=U,{i18n:{t:y}}=ce.useI18n(),i=me.useRouter(),s=e.reactive({fields:{name:"",tags:"",consumers:[]},errorMessage:"",readonly:!1}),w=e.reactive({name:"",tags:"",consumers:[]}),{debouncedQueryChange:Y,loading:P,error:v,loadItems:ee,results:j}=p.useDebouncedFilter(c.config,(se=q.form[(H=c.config)==null?void 0:H.app])==null?void 0:se.consumersList,"",{fetchedItemsKey:"data",searchKeys:["username","custom_id","id"]}),{axiosInstance:T}=p.useAxios((ie=c.config)==null?void 0:ie.axiosRequestConfig),{getMessageFromError:S}=p.useErrors(),z=p.useValidators(),L=e.computed(()=>j.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=q.form[(t=c.config)==null?void 0:t.app])==null?void 0:a.edit}),oe=e.computed(()=>c.consumerGroupId?p.EntityBaseFormType.Edit:p.EntityBaseFormType.Create),F=e.computed(()=>!!s.fields.name&&!W.value),V=e.computed(()=>JSON.stringify(s.fields)!==JSON.stringify(w)),I=(t,a="",C="")=>{var u,N,G,E,B,Z;let l=`${(u=c.config)==null?void 0:u.apiBaseUrl}${q.form[(N=c.config)==null?void 0:N.app][t]}`;return((G=c.config)==null?void 0:G.app)==="konnect"?l=l.replace(/{controlPlaneId}/gi,((E=c.config)==null?void 0:E.controlPlaneId)||""):((B=c.config)==null?void 0:B.app)==="kongManager"&&(l=l.replace(/\/{workspace}/gi,(Z=c.config)!=null&&Z.workspace?`/${c.config.workspace}`:"")),l=l.replace(/{id}/gi,a||c.consumerGroupId),(t==="addConsumer"||t==="removeConsumer")&&(l=l.replace(/{consumerId}/gi,C)),l},te=()=>{var t;i.push(((t=c.config)==null?void 0:t.cancelRoute)||{name:"consumer-group-list"})},re=t=>{r("error",t)},ne=t=>{r("loading",t)},x=async t=>{var C,l,u,N,G;s.fields.name=((C=t==null?void 0:t.item)==null?void 0:C.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=((N=t==null?void 0:t.consumers)==null?void 0:N.map(E=>E.id))||[];else try{const{data:E}=await T.get(I("getConsumers"));s.fields.consumers="consumers"in E?(G=E==null?void 0:E.consumers)==null?void 0:G.map(B=>B.id):[]}catch(E){f(E)}Object.assign(w,s.fields)},W=e.computed(()=>z.utf8Name(s.fields.name)),R=e.computed(()=>{var t,a;return{name:s.fields.name,tags:(a=(t=s.fields.tags.split(","))==null?void 0:t.map(C=>String(C||"").trim()))==null?void 0:a.filter(C=>C!=="")}}),d=async(t,a="")=>await T.post(I("addConsumer",a,t),{consumer:t}),k=async(t,a="")=>await T.delete(I("removeConsumer",a,t)),f=t=>{s.errorMessage=S(t),r("error",t)},_=(t=c.consumerGroupId)=>{Object.assign(w,s.fields),r("update",{...s.fields,id:t})},K=(t,a,C=c.consumerGroupId)=>{const l=t==null?void 0:t.find(u=>u.status!=="fulfilled");l?f({code:l.status,message:a}):_(C)},Q=async()=>{let t="";try{const{data:a}=await T.post(I("create"),R.value);t="item"in a?a.item.id:a.id}catch(a){f(a)}if(s.fields.consumers.length>0&&t)try{const a=s.fields.consumers.map(l=>d(l,t)),C=await Promise.allSettled(a);K(C,y("consumer_groups.errors.add_consumer"),t)}catch(a){f(a)}else s.fields.consumers.length===0&&t&&_(t)},M=async()=>{var C;try{((C=c.config)==null?void 0:C.app)==="konnect"?await T.put(I("edit"),R.value):await T.patch(I("edit"),R.value)}catch(l){f(l)}const t=s.fields.consumers.filter(l=>!w.consumers.includes(l)),a=w.consumers.filter(l=>!s.fields.consumers.includes(l));if(a.length===0&&t.length===0)_();else{if(a.length>0)try{const l=a.map(N=>k(N)),u=await Promise.allSettled(l);K(u,y("consumer_groups.errors.remove_consumer"))}catch(l){f(l)}if(t.length>0)try{const l=t.map(N=>d(N)),u=await Promise.allSettled(l);K(u,y("consumer_groups.errors.add_consumer"))}catch(l){f(l)}}},X=async()=>{try{s.readonly=!0,oe.value===p.EntityBaseFormType.Create?await Q():await M()}finally{s.readonly=!1}};return e.onBeforeMount(async()=>{await ee()}),(t,a)=>{const C=e.resolveComponent("KInput"),l=e.resolveComponent("KMultiselect");return e.openBlock(),e.createElementBlock("div",Me,[e.createVNode(e.unref(p.EntityBaseForm),{"can-submit":F.value&&V.value,config:o.config,"edit-id":o.consumerGroupId,"entity-type":e.unref(p.SupportedEntityType).ConsumerGroup,"error-message":s.errorMessage||e.unref(v)||W.value,"fetch-url":J.value,"form-fields":R.value,"is-readonly":s.readonly,onCancel:te,"onFetch:error":a[3]||(a[3]=u=>re(u)),"onFetch:success":x,onLoading:a[4]||(a[4]=u=>ne(u)),onSubmit:X},{default:e.withCtx(()=>[e.createVNode(e.unref(p.EntityFormSection),{description:e.unref(y)("consumer_groups.form.general_info.description"),title:e.unref(y)("consumer_groups.form.general_info.title")},{default:e.withCtx(()=>[e.createVNode(C,{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(y)("consumer_groups.form.fields.name.label"),placeholder:e.unref(y)("consumer_groups.form.fields.name.placeholder"),required:"",type:"text"},null,8,["modelValue","label","placeholder"]),e.createVNode(C,{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(y)("consumer_groups.form.fields.tags.help"),label:e.unref(y)("consumer_groups.form.fields.tags.label"),"label-attributes":{info:e.unref(y)("consumer_groups.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(y)("consumer_groups.form.fields.tags.placeholder"),type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder"])]),_:1},8,["description","title"]),e.createVNode(e.unref(p.EntityFormSection),{description:e.unref(y)("consumer_groups.form.consumers.description"),"has-divider":"",title:e.unref(y)("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:L.value,label:e.unref(y)("consumer_groups.form.fields.consumers.label"),loading:e.unref(P),placeholder:e.unref(y)("consumer_groups.form.fields.consumers.placeholder"),width:"auto",onQueryChange:e.unref(Y)},{"item-template":e.withCtx(({item:u})=>{var N,G,E;return[e.createElementVNode("div",Ge,[e.createElementVNode("div",Ae,e.toDisplayString(u.label),1),(N=u==null?void 0:u.data)!=null&&N.username&&((G=u==null?void 0:u.data)!=null&&G.custom_id)?(e.openBlock(),e.createElementBlock("div",De,e.toDisplayString((E=u==null?void 0:u.data)==null?void 0:E.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-ba631513"]]),Se={class:"kong-ui-consumer-group-entity-config-card"},Fe=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 U=o,{i18n:{t:c}}=ce.useI18n(),r=e.computed(()=>q.form[U.config.app].edit),y=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",Se,[e.createVNode(e.unref(p.EntityBaseConfigCard),{config:o.config,"config-card-doc":o.configCardDoc,"config-schema":y.value,"data-key":"consumer_group","entity-type":e.unref(p.SupportedEntityType).ConsumerGroup,"fetch-url":r.value,"hide-title":o.hideTitle,"onFetch:error":s[0]||(s[0]=w=>i.$emit("fetch:error",w)),"onFetch:success":s[1]||(s[1]=w=>i.$emit("fetch:success",w)),onLoading:s[2]||(s[2]=w=>i.$emit("loading",w))},null,8,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])]))}});$.ConsumerGroupConfigCard=Fe,$.ConsumerGroupForm=Pe,$.ConsumerGroupList=Te,Object.defineProperty($,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,me,ae,pe,p){"use strict";const he="#00abd2",_e="24px",Ce={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"},empty_state_v2:{title:"Configure your first consumer group",group:"Consumer groups created in gateways within this group will automatically appear here.",description:"Organize consumers into groups to easily apply policies like rate limiting and authentication across the entire 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 all its plugins and 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 ke(){const o=pe.createI18n("en-us",Ce);return{i18n:o,i18nT:pe.i18nTComponent(o)}}const ce={useI18n:ke},D="/v2/control-planes/{controlPlaneId}/core-entities",P="/{workspace}",q={list:{konnect:{all:`${D}/consumer_groups`,forModal:`${D}/consumer_groups`,forConsumer:`${D}/consumers/{consumerId}/consumer_groups`,oneForConsumer:`${D}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`},kongManager:{all:`${P}/consumer_groups?counter=true`,forModal:`${P}/consumer_groups`,forConsumer:`${P}/consumers/{consumerId}/consumer_groups`,oneForConsumer:`${P}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`}},form:{konnect:{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`},kongManager:{consumersList:`${P}/consumers`,create:`${P}/consumer_groups`,edit:`${P}/consumer_groups/{id}`,addConsumer:`${P}/consumer_groups/{id}/consumers`,removeConsumer:`${P}/consumer_groups/{id}/consumers/{consumerId}`,getConsumers:`${P}/consumer_groups/{id}/consumers`}}},be={class:"add-to-group-form-container"},we={class:"add-to-group-cta-text"},Ve={key:0,class:"kong-ui-entity-add-to-groups-error"},Ie={key:0},xe=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:U}){var R;const{i18n:{t:c}}=ce.useI18n(),r=o,y=U,{axiosInstance:i}=p.useAxios((R=r.config)==null?void 0:R.axiosRequestConfig),s=e.ref([]),{debouncedQueryChange:w,loading:Y,allRecords:S,error:v,loadItems:ee,results:j}=p.useDebouncedFilter(r.config,q.list[r.config.app].forModal,"",{fetchedItemsKey:"data",searchKeys:["name","id"]}),T=e.computed(()=>v.value?c("consumer_groups.errors.general"):""),M=e.ref(0),z=e.computed(()=>S.value===void 0),L=e.computed(()=>j.value.map(d=>({label:d.name,value:d.id,selected:s.value.includes(d.id),data:d}))),J=d=>{var f;const k=z.value?j.value.find(_=>_.id===d):(f=S.value)==null?void 0:f.find(_=>_.id===d);return k?k.name:d},oe=()=>{I.value="",F.value=[],x.value=[],y("cancel")},F=e.ref([]),V=e.ref(!1),I=e.ref(""),te=async()=>{if(!s.value.length){I.value="",x.value=[],y("cancel");return}V.value=!0,I.value="",F.value=[],x.value=[];try{const d=s.value.map(_=>ne(_)),k=await Promise.allSettled(d);let f=!0;k.forEach(_=>{_.status!=="fulfilled"&&(f=!1)}),f?(F.value=[],x.value=[],y("add:success",s.value),s.value=[]):(F.value.length&&y("add:partial-success",F.value),s.value=[],W(k))}catch{I.value=c("consumer_groups.errors.add"),y("error",I.value)}finally{V.value=!1}},re=e.computed(()=>{var k,f,_,K;let d=`${r.config.apiBaseUrl}${q.list[r.config.app].forConsumer}`;return r.config.app==="konnect"?d=d.replace(/{controlPlaneId}/gi,((k=r.config)==null?void 0:k.controlPlaneId)||"").replace(/{consumerId}/gi,((f=r.config)==null?void 0:f.consumerId)||""):r.config.app==="kongManager"&&(d=d.replace(/\/{workspace}/gi,(_=r.config)!=null&&_.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((K=r.config)==null?void 0:K.consumerId)||"")),d}),ne=async d=>{const k={group:d};try{const f=await i.post(re.value,k);return F.value.push(d),f}catch(f){let _=`${J(d)} - ${f.message}`;return f.response.status===409&&(_=`${J(d)} - ${c("consumer_groups.errors.already_added")}`),Promise.reject(Error(_))}},x=e.ref([]),W=d=>{x.value=d.map(k=>{var f;return(f=k.reason)==null?void 0:f.message}).filter(Boolean)};return e.watch(L,()=>{M.value++},{immediate:!0,deep:!0}),e.watch(()=>r.visible,()=>{r.visible&&ee()},{immediate:!0}),(d,k)=>{const f=e.resolveComponent("KMultiselect"),_=e.resolveComponent("KAlert"),K=e.resolveComponent("KPrompt");return e.openBlock(),e.createBlock(K,{"action-button-disabled":V.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:oe,onProceed:te},{default:e.withCtx(()=>[e.createElementVNode("div",be,[e.createElementVNode("p",we,e.toDisplayString(e.unref(c)("consumer_groups.consumers.add.ctaText")),1),e.createVNode(f,{modelValue:s.value,"onUpdate:modelValue":k[0]||(k[0]=Q=>s.value=Q),autosuggest:"","data-testid":"add-to-groups-multiselect","dropdown-footer-text":z.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(Y),placeholder:e.unref(c)("consumer_groups.consumers.add.consumer_group_placeholder"),readonly:V.value,required:"",width:"100%",onQueryChange:e.unref(w)},null,8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly","onQueryChange"]),I.value||T.value||x.value.length?(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(_,{appearance:"danger"},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(e.unref(c)("consumer_groups.errors.add")),1),x.value.length?(e.openBlock(),e.createElementBlock("ul",Ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,(Q,G)=>(e.openBlock(),e.createElementBlock("li",{key:G},e.toDisplayString(Q),1))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(I.value||T.value),1)]),_:1})])):e.createCommentVNode("",!0)])]),_:1},8,["action-button-disabled","title","visible"])}}}),ue=(o,U)=>{const c=o.__vccOpts||o;for(const[r,y]of U)c[r]=y;return c},Ee=ue(xe,[["__scopeId","data-v-4260ce03"]]),Ne={class:"kong-ui-entities-consumer-groups-list"},$e={class:"button-row"},Be={class:"empty-state-icon-gateway"},Te=ue(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},enableV2EmptyStates:{type:Boolean,default:!1}},emits:["error","click:learn-more","copy:success","copy:error","delete:success","add:success","remove:success"],setup(o,{emit:U}){var ye;const c=U,r=o,{i18nT:y,i18n:{t:i}}=ce.useI18n(),s=me.useRouter(),{axiosInstance:w}=p.useAxios((ye=r.config)==null?void 0:ye.axiosRequestConfig),Y=e.computed(()=>r.config.app!=="kongManager"||!!r.config.disableSorting),S={name:{label:i("consumer_groups.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1}};r.config.app==="kongManager"&&(S.consumers_count={label:i("consumer_groups.list.table_headers.consumers_count"),searchable:!1,sortable:!1}),S.tags={label:i("consumer_groups.list.table_headers.tags"),sortable:!1};const v=S,ee=n=>({"data-testid":n.username??n.custom_id??n.id}),j=()=>{r.config.consumerId?u():s.push(r.config.createRoute)},T=e.computed(()=>{var m,h,b,O;let n=`${r.config.apiBaseUrl}${q.list[r.config.app][V.value?"forConsumer":"all"]}`;return r.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((m=r.config)==null?void 0:m.controlPlaneId)||"").replace(/{consumerId}/gi,((h=r.config)==null?void 0:h.consumerId)||""):r.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(b=r.config)!=null&&b.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((O=r.config)==null?void 0:O.consumerId)||"")),n}),M=e.ref(""),z=e.computed(()=>{const n=r.config.app==="konnect"||r.config.isExactMatch;return n?{isExactMatch:n,fields:{username:S.name,id:{label:i("consumer_groups.list.table_headers.id")}},placeholder:i("consumer_groups.search.placeholder")}:{isExactMatch:n,fields:{name:S.name},schema:r.config.filterSchema}}),{hasRecords:L,handleStateChange:J}=p.useTableState(M),oe=e.computed(()=>L.value&&r.config.app==="konnect"),F=e.computed(()=>!r.enableV2EmptyStates&&r.config.app==="konnect"),V=e.computed(()=>!!r.config.consumerId),I=e.computed(()=>V.value?"kong-ui-entities-consumer-groups-list-in-consumer-page":"kong-ui-entities-consumer-groups-list"),te=e.computed(()=>r.config.app==="konnect"&&M.value?"consumer_group":V.value&&!r.config.paginatedEndpoint?"consumer_groups":void 0),{fetcher:re,fetcherState:ne,fetcherCacheKey:x}=p.useFetcher({...r.config,cacheIdentifier:r.cacheIdentifier},T.value,te),W=()=>{M.value=""},R=()=>{x.value++},d=e.ref(null),k=(n,m)=>{const h=n.id;if(!m(h)){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:h})})},f=(n,m)=>{const h=JSON.stringify(n);if(!m(h)){c("copy:error",{entity:n,message:i("consumer_groups.errors.copy")});return}c("copy:success",{entity:n,message:i("consumer_groups.copy.success_brief")})},_=async n=>{var h;await((h=r.canRetrieve)==null?void 0:h.call(r,n))&&s.push(r.config.getViewRoute(n.id))},K=n=>({label:i("consumer_groups.actions.view"),to:r.config.getViewRoute(n)}),Q=n=>({label:i("consumer_groups.actions.edit"),to:r.config.getEditRoute(n)}),G=e.ref(void 0),X=e.ref(!1),H=e.ref(!1),se=e.ref(""),ie=p.useDeleteUrlBuilder(r.config,T.value),t=n=>{G.value=n,X.value=!0},a=()=>{X.value=!1},C=async()=>{var n,m,h;if((n=G.value)!=null&&n.id){H.value=!0;try{await w.delete(ie(G.value.id)),H.value=!1,X.value=!1,x.value++,c("delete:success",G.value)}catch(b){se.value=((h=(m=b.response)==null?void 0:m.data)==null?void 0:h.message)||b.message||i("consumer_groups.errors.delete"),c("error",b)}finally{H.value=!1}}},l=e.ref(!1),u=()=>{l.value=!0},N=()=>{l.value=!1},A=(n,m)=>{m||N(),x.value++,c("add:success",n)},E=()=>{V.value&&u()},B=e.ref(void 0),Z=e.ref(!1),Ke=e.ref(""),Ue=n=>{B.value=n,Z.value=!0},fe=()=>{Z.value=!1,B.value=void 0},Re=e.computed(()=>{var m,h,b,O;let n=`${r.config.apiBaseUrl}${q.list[r.config.app].oneForConsumer}`;return r.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((m=r.config)==null?void 0:m.controlPlaneId)||"").replace(/{consumerId}/gi,((h=r.config)==null?void 0:h.consumerId)||""):r.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(b=r.config)!=null&&b.workspace?`/${r.config.workspace}`:"").replace(/{consumerId}/gi,((O=r.config)==null?void 0:O.consumerId)||"")),n}),ge=e.ref(!1),qe=async()=>{if(B.value){ge.value=!0;try{const n=Re.value.replace(/{consumerGroupId}/gi,B.value.id);await w.delete(n),c("remove:success",B.value),fe(),x.value++}catch(n){Ke.value=n.message||i("consumer_groups.errors.delete"),c("error",n)}finally{ge.value=!1}}};e.watch(ne,n=>{var m,h,b;if(n.status===p.FetcherStatus.Error){d.value={title:i("consumer_groups.errors.general")},(b=(h=(m=n.error)==null?void 0:m.response)==null?void 0:h.data)!=null&&b.message&&(d.value.message=n.error.response.data.message),c("error",n.error);return}d.value=null});const de=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()&&(de.value.title=V.value?i("consumer_groups.list.empty_state.title_for_consumer"):i("consumer_groups.list.empty_state.title"),de.value.ctaText=V.value?i("consumer_groups.actions.add_to_group"):i("consumer_groups.actions.create"))}),(n,m)=>{const h=e.resolveComponent("KButton"),b=e.resolveComponent("KDropdownItem"),O=e.resolveComponent("KClipboardProvider"),Oe=e.resolveComponent("KPrompt");return e.openBlock(),e.createElementBlock("div",Ne,[e.createVNode(e.unref(p.EntityBaseTable),{"cache-identifier":o.cacheIdentifier,"disable-pagination":V.value&&!o.config.paginatedEndpoint,"disable-sorting":Y.value,"empty-state-options":de.value,"enable-entity-actions":"","error-message":d.value,fetcher:e.unref(re),"fetcher-cache-key":e.unref(x),"pagination-type":"offset","preferences-storage-key":I.value,query:M.value,"row-attributes":ee,"table-headers":e.unref(v),onClearSearchInput:W,"onClick:row":m[4]||(m[4]=g=>_(g)),onEmptyStateCtaClicked:E,onSort:R,onState:e.unref(J)},e.createSlots({"toolbar-filter":e.withCtx(()=>[V.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(p.EntityFilter),{key:0,modelValue:M.value,"onUpdate:modelValue":m[0]||(m[0]=g=>M.value=g),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.createElementVNode("div",$e,[oe.value?(e.openBlock(),e.createBlock(h,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"consumer-groups-learn-more-button",icon:"",onClick:m[1]||(m[1]=g=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(ae.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(p.PermissionsWrapper),{"auth-function":()=>o.canCreate()},{default:e.withCtx(()=>[e.createVNode(h,{appearance:"primary","data-testid":"toolbar-add-consumer-group",size:o.useActionOutside?"medium":"large",onClick:j},{default:e.withCtx(()=>[e.createVNode(e.unref(ae.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"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),name:e.withCtx(({rowValue:g})=>[e.createElementVNode("b",null,e.toDisplayString(g??"-"),1)]),consumers_count:e.withCtx(({rowValue:g})=>[e.createTextVNode(e.toDisplayString(g??"-"),1)]),tags:e.withCtx(({rowValue:g})=>[e.createVNode(e.unref(p.TableTags),{tags:g},null,8,["tags"])]),actions:e.withCtx(({row:g})=>[e.createVNode(O,null,{default:e.withCtx(({copyToClipboard:le})=>[e.createVNode(b,{"data-testid":"action-entity-copy-id",onClick:je=>k(g,le)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("consumer_groups.actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(O,null,{default:e.withCtx(({copyToClipboard:le})=>[e.createVNode(b,{"data-testid":"action-entity-copy-json",onClick:je=>f(g,le)},{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(p.PermissionsWrapper),{"auth-function":()=>o.canRetrieve(g)},{default:e.withCtx(()=>[e.createVNode(b,{"data-testid":"action-entity-view","has-divider":"",item:K(g.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(p.PermissionsWrapper),{"auth-function":()=>o.canEdit(g)},{default:e.withCtx(()=>[e.createVNode(b,{"data-testid":"action-entity-edit",item:Q(g.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(p.PermissionsWrapper),{"auth-function":()=>o.canDelete(g)},{default:e.withCtx(()=>[e.createVNode(b,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:()=>o.config.consumerId?Ue(g):t(g)},{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"])]),_:2},[!e.unref(L)&&F.value?{name:"outside-actions",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!o.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createVNode(h,{appearance:"secondary",class:"open-learning-hub","data-testid":"consumer-groups-learn-more-button",icon:"",onClick:m[2]||(m[2]=g=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(ae.BookIcon),{decorative:""})]),_:1})],8,["disabled"]))]),key:"0"}:void 0,!M.value&&o.enableV2EmptyStates&&o.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var g;return[e.createVNode(e.unref(p.EntityEmptyState),{"action-button-text":e.unref(i)("consumer_groups.list.toolbar_actions.new_consumer_group"),appearance:"secondary","can-create":()=>o.canCreate(),"data-testid":"consumer-groups-entity-empty-state",description:e.unref(i)("consumer_groups.list.empty_state_v2.description"),"learn-more":o.config.app==="konnect",title:e.unref(i)("consumer_groups.list.empty_state_v2.title"),"onClick:create":j,"onClick:learnMore":m[3]||(m[3]=le=>n.$emit("click:learn-more"))},e.createSlots({image:e.withCtx(()=>[e.createElementVNode("div",Be,[e.createVNode(e.unref(ae.TeamIcon),{color:e.unref(he),size:e.unref(_e)},null,8,["color","size"])])]),_:2},[(g=o.config)!=null&&g.isControlPlaneGroup?{name:"message",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("consumer_groups.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["action-button-text","can-create","description","learn-more","title"])]}),key:"1"}:void 0]),1032,["cache-identifier","disable-pagination","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","preferences-storage-key","query","table-headers","onState"]),e.createVNode(e.unref(p.EntityDeleteModal),{"action-pending":H.value,"data-testid":"delete-consumer-group-modal",description:e.unref(i)("consumer_groups.delete.description"),"entity-name":G.value&&(G.value.name||G.value.id),"entity-type":e.unref(p.EntityTypes).ConsumerGroup,error:se.value,title:e.unref(i)("consumer_groups.delete.title"),visible:X.value,onCancel:a,onProceed:C},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"]),o.config.consumerId?(e.openBlock(),e.createBlock(Ee,{key:0,config:o.config,"data-testid":"add-to-group-modal",visible:l.value,"onAdd:partialSuccess":m[5]||(m[5]=g=>A(g,!0)),"onAdd:success":m[6]||(m[6]=g=>A(g)),onCancel:N},null,8,["config","visible"])):e.createCommentVNode("",!0),o.config.consumerId&&B.value?(e.openBlock(),e.createBlock(Oe,{key:1,"action-button-appearance":"danger","data-testid":"exit-group-modal",title:e.unref(i)("consumer_groups.consumers.exit.title"),visible:Z.value,onCancel:fe,onProceed:qe},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{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(B.value.name||B.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-67b47a6f"]]),Me={class:"kong-ui-entities-consumer-group-form"},Ge={class:"select-item-container"},Ae={class:"select-item-label"},De={key:0,class:"select-item-description"},Pe=ue(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:U}){var H,se,ie;const c=o,r=U,{i18n:{t:y}}=ce.useI18n(),i=me.useRouter(),s=e.reactive({fields:{name:"",tags:"",consumers:[]},errorMessage:"",readonly:!1}),w=e.reactive({name:"",tags:"",consumers:[]}),{debouncedQueryChange:Y,loading:S,error:v,loadItems:ee,results:j}=p.useDebouncedFilter(c.config,(se=q.form[(H=c.config)==null?void 0:H.app])==null?void 0:se.consumersList,"",{fetchedItemsKey:"data",searchKeys:["username","custom_id","id"]}),{axiosInstance:T}=p.useAxios((ie=c.config)==null?void 0:ie.axiosRequestConfig),{getMessageFromError:M}=p.useErrors(),z=p.useValidators(),L=e.computed(()=>j.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=q.form[(t=c.config)==null?void 0:t.app])==null?void 0:a.edit}),oe=e.computed(()=>c.consumerGroupId?p.EntityBaseFormType.Edit:p.EntityBaseFormType.Create),F=e.computed(()=>!!s.fields.name&&!W.value),V=e.computed(()=>JSON.stringify(s.fields)!==JSON.stringify(w)),I=(t,a="",C="")=>{var u,N,A,E,B,Z;let l=`${(u=c.config)==null?void 0:u.apiBaseUrl}${q.form[(N=c.config)==null?void 0:N.app][t]}`;return((A=c.config)==null?void 0:A.app)==="konnect"?l=l.replace(/{controlPlaneId}/gi,((E=c.config)==null?void 0:E.controlPlaneId)||""):((B=c.config)==null?void 0:B.app)==="kongManager"&&(l=l.replace(/\/{workspace}/gi,(Z=c.config)!=null&&Z.workspace?`/${c.config.workspace}`:"")),l=l.replace(/{id}/gi,a||c.consumerGroupId),(t==="addConsumer"||t==="removeConsumer")&&(l=l.replace(/{consumerId}/gi,C)),l},te=()=>{var t;i.push(((t=c.config)==null?void 0:t.cancelRoute)||{name:"consumer-group-list"})},re=t=>{r("error",t)},ne=t=>{r("loading",t)},x=async t=>{var C,l,u,N,A;s.fields.name=((C=t==null?void 0:t.item)==null?void 0:C.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=((N=t==null?void 0:t.consumers)==null?void 0:N.map(E=>E.id))||[];else try{const{data:E}=await T.get(I("getConsumers"));s.fields.consumers="consumers"in E?(A=E==null?void 0:E.consumers)==null?void 0:A.map(B=>B.id):[]}catch(E){f(E)}Object.assign(w,s.fields)},W=e.computed(()=>z.utf8Name(s.fields.name)),R=e.computed(()=>{var t,a;return{name:s.fields.name,tags:(a=(t=s.fields.tags.split(","))==null?void 0:t.map(C=>String(C||"").trim()))==null?void 0:a.filter(C=>C!=="")}}),d=async(t,a="")=>await T.post(I("addConsumer",a,t),{consumer:t}),k=async(t,a="")=>await T.delete(I("removeConsumer",a,t)),f=t=>{s.errorMessage=M(t),r("error",t)},_=(t=c.consumerGroupId)=>{Object.assign(w,s.fields),r("update",{...s.fields,id:t})},K=(t,a,C=c.consumerGroupId)=>{const l=t==null?void 0:t.find(u=>u.status!=="fulfilled");l?f({code:l.status,message:a}):_(C)},Q=async()=>{let t="";try{const{data:a}=await T.post(I("create"),R.value);t="item"in a?a.item.id:a.id}catch(a){f(a)}if(s.fields.consumers.length>0&&t)try{const a=s.fields.consumers.map(l=>d(l,t)),C=await Promise.allSettled(a);K(C,y("consumer_groups.errors.add_consumer"),t)}catch(a){f(a)}else s.fields.consumers.length===0&&t&&_(t)},G=async()=>{var C;try{((C=c.config)==null?void 0:C.app)==="konnect"?await T.put(I("edit"),R.value):await T.patch(I("edit"),R.value)}catch(l){f(l)}const t=s.fields.consumers.filter(l=>!w.consumers.includes(l)),a=w.consumers.filter(l=>!s.fields.consumers.includes(l));if(a.length===0&&t.length===0)_();else{if(a.length>0)try{const l=a.map(N=>k(N)),u=await Promise.allSettled(l);K(u,y("consumer_groups.errors.remove_consumer"))}catch(l){f(l)}if(t.length>0)try{const l=t.map(N=>d(N)),u=await Promise.allSettled(l);K(u,y("consumer_groups.errors.add_consumer"))}catch(l){f(l)}}},X=async()=>{try{s.readonly=!0,oe.value===p.EntityBaseFormType.Create?await Q():await G()}finally{s.readonly=!1}};return e.onBeforeMount(async()=>{await ee()}),(t,a)=>{const C=e.resolveComponent("KInput"),l=e.resolveComponent("KMultiselect");return e.openBlock(),e.createElementBlock("div",Me,[e.createVNode(e.unref(p.EntityBaseForm),{"can-submit":F.value&&V.value,config:o.config,"edit-id":o.consumerGroupId,"entity-type":e.unref(p.SupportedEntityType).ConsumerGroup,"error-message":s.errorMessage||e.unref(v)||W.value,"fetch-url":J.value,"form-fields":R.value,"is-readonly":s.readonly,onCancel:te,"onFetch:error":a[3]||(a[3]=u=>re(u)),"onFetch:success":x,onLoading:a[4]||(a[4]=u=>ne(u)),onSubmit:X},{default:e.withCtx(()=>[e.createVNode(e.unref(p.EntityFormSection),{description:e.unref(y)("consumer_groups.form.general_info.description"),title:e.unref(y)("consumer_groups.form.general_info.title")},{default:e.withCtx(()=>[e.createVNode(C,{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(y)("consumer_groups.form.fields.name.label"),placeholder:e.unref(y)("consumer_groups.form.fields.name.placeholder"),required:"",type:"text"},null,8,["modelValue","label","placeholder"]),e.createVNode(C,{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(y)("consumer_groups.form.fields.tags.help"),label:e.unref(y)("consumer_groups.form.fields.tags.label"),"label-attributes":{info:e.unref(y)("consumer_groups.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(y)("consumer_groups.form.fields.tags.placeholder"),type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder"])]),_:1},8,["description","title"]),e.createVNode(e.unref(p.EntityFormSection),{description:e.unref(y)("consumer_groups.form.consumers.description"),"has-divider":"",title:e.unref(y)("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:L.value,label:e.unref(y)("consumer_groups.form.fields.consumers.label"),loading:e.unref(S),placeholder:e.unref(y)("consumer_groups.form.fields.consumers.placeholder"),width:"auto",onQueryChange:e.unref(Y)},{"item-template":e.withCtx(({item:u})=>{var N,A,E;return[e.createElementVNode("div",Ge,[e.createElementVNode("div",Ae,e.toDisplayString(u.label),1),(N=u==null?void 0:u.data)!=null&&N.username&&((A=u==null?void 0:u.data)!=null&&A.custom_id)?(e.openBlock(),e.createElementBlock("div",De,e.toDisplayString((E=u==null?void 0:u.data)==null?void 0:E.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-ba631513"]]),Se={class:"kong-ui-consumer-group-entity-config-card"},Fe=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 U=o,{i18n:{t:c}}=ce.useI18n(),r=e.computed(()=>q.form[U.config.app].edit),y=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",Se,[e.createVNode(e.unref(p.EntityBaseConfigCard),{config:o.config,"config-card-doc":o.configCardDoc,"config-schema":y.value,"data-key":"consumer_group","entity-type":e.unref(p.SupportedEntityType).ConsumerGroup,"fetch-url":r.value,"hide-title":o.hideTitle,"onFetch:error":s[0]||(s[0]=w=>i.$emit("fetch:error",w)),"onFetch:success":s[1]||(s[1]=w=>i.$emit("fetch:success",w)),onLoading:s[2]||(s[2]=w=>i.$emit("loading",w))},null,8,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])]))}});$.ConsumerGroupConfigCard=Fe,$.ConsumerGroupForm=Pe,$.ConsumerGroupList=Te,Object.defineProperty($,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.config-card-fieldset[data-v-f7096c33]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-f7096c33]{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(--54aebfa2);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d67757a9]{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-be491a0e]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-be491a0e]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-be491a0e]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-be491a0e] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-be491a0e]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-18af080f]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form[data-v-18af080f] .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-18af080f] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-18af080f] .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-18af080f] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.form-actions[data-v-18af080f]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.form-actions[data-v-18af080f] .k-button:last-of-type,.form-actions[data-v-18af080f] .k-button:nth-last-of-type(2){margin-left:16px}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-d58db70c]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-d58db70c]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-d58db70c]{display:none}.kong-ui-entity-base-table[data-v-d58db70c] .empty-state-icon-gateway{background-color:#ecfcff;border-radius:4px;padding:8px}.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-6f25ab21]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-6f25ab21]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-6f25ab21]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-6f25ab21] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-6f25ab21]{display:inline-block;font-weight:400;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-6f25ab21]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-6f25ab21]{margin-left:2px}.kong-ui-public-entity-empty-state[data-v-48ae9c8c]{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;gap:24px;padding:64px 0;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-48ae9c8c]{padding:64px 96px}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-48ae9c8c]{margin-bottom:8px}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-48ae9c8c]{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-48ae9c8c]{align-items:center;color:#000933;display:flex;font-size:24px;font-weight:700;gap:8px;line-height:32px;margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-48ae9c8c]{font-size:18px}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-48ae9c8c],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-48ae9c8c]{color:#52596e;font-size:14px;font-weight:400;line-height:20px;max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-48ae9c8c],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-48ae9c8c]{margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-48ae9c8c]{margin-top:16px}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-48ae9c8c]{color:#52596e}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-48ae9c8c]{align-items:center;display:flex;gap:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-48ae9c8c]{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;margin-top:8px;width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-48ae9c8c]{width:640px}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-48ae9c8c]{background-color:#f9fafb;border:1px solid #e0e4ea;border-radius:6px;color:#afb7c5;gap:8px;height:160px;padding:20px;width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-48ae9c8c]{color:#3a3f51;display:flex;margin-bottom:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-48ae9c8c] .kui-icon{height:20px!important;width:20px!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-48ae9c8c] .card-title{font-size:14px;font-weight:600}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-48ae9c8c] .card-content{-webkit-box-orient:vertical;color:#6c7489;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-48ae9c8c]{border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:16px;padding-top:48px;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-48ae9c8c]{width:640px}}.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}.button-row[data-v-521aa93a]{align-items:center;display:flex;gap:12px}.kong-ui-entities-consumer-groups-list[data-v-521aa93a]{width:100%}.kong-ui-entities-consumer-groups-list .kong-ui-entity-filter-input[data-v-521aa93a]{margin-right:12px}.kong-ui-entities-consumer-groups-list .exit-modal-message[data-v-521aa93a]{margin-top:0}.kong-ui-entities-consumer-group-form[data-v-ba631513]{width:100%}@media screen and (min-width: 1280px){.kong-ui-entities-consumer-group-form[data-v-ba631513] .form-section-wrapper{column-gap:64px}}.kong-ui-entities-consumer-group-form .select-item-container .select-item-label[data-v-ba631513]{font-weight:600}.kong-ui-entities-consumer-group-form .select-item-container .select-item-description[data-v-ba631513]{color:#6c7489;font-size:12px}
+.config-card-fieldset[data-v-f7096c33]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-f7096c33]{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(--54aebfa2);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d67757a9]{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-be491a0e]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-be491a0e]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-be491a0e]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-be491a0e] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-be491a0e]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-18af080f]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form[data-v-18af080f] .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-18af080f] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-18af080f] .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-18af080f] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.form-actions[data-v-18af080f]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.form-actions[data-v-18af080f] .k-button:last-of-type,.form-actions[data-v-18af080f] .k-button:nth-last-of-type(2){margin-left:16px}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-d58db70c]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-d58db70c]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-d58db70c]{display:none}.kong-ui-entity-base-table[data-v-d58db70c] .empty-state-icon-gateway{background-color:#ecfcff;border-radius:4px;padding:8px}.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-6f25ab21]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-6f25ab21]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-6f25ab21]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-6f25ab21] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-6f25ab21]{display:inline-block;font-weight:400;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-6f25ab21]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-6f25ab21]{margin-left:2px}.kong-ui-public-entity-empty-state[data-v-48ae9c8c]{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;gap:24px;padding:64px 0;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-48ae9c8c]{padding:64px 96px}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-48ae9c8c]{margin-bottom:8px}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-48ae9c8c]{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-48ae9c8c]{align-items:center;color:#000933;display:flex;font-size:24px;font-weight:700;gap:8px;line-height:32px;margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-48ae9c8c]{font-size:18px}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-48ae9c8c],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-48ae9c8c]{color:#52596e;font-size:14px;font-weight:400;line-height:20px;max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-48ae9c8c],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-48ae9c8c]{margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-48ae9c8c]{margin-top:16px}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-48ae9c8c]{color:#52596e}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-48ae9c8c]{align-items:center;display:flex;gap:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-48ae9c8c]{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;margin-top:8px;width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-48ae9c8c]{width:640px}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-48ae9c8c]{background-color:#f9fafb;border:1px solid #e0e4ea;border-radius:6px;color:#afb7c5;gap:8px;height:160px;padding:20px;width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-48ae9c8c]{color:#3a3f51;display:flex;margin-bottom:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-48ae9c8c] .kui-icon{height:20px!important;width:20px!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-48ae9c8c] .card-title{font-size:14px;font-weight:600}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-48ae9c8c] .card-content{-webkit-box-orient:vertical;color:#6c7489;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-48ae9c8c]{border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:16px;padding-top:48px;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-48ae9c8c]{width:640px}}.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}.button-row[data-v-67b47a6f]{align-items:center;display:flex;gap:12px}.kong-ui-entities-consumer-groups-list[data-v-67b47a6f]{width:100%}.kong-ui-entities-consumer-groups-list .kong-ui-entity-filter-input[data-v-67b47a6f]{margin-right:12px}.kong-ui-entities-consumer-groups-list .exit-modal-message[data-v-67b47a6f]{margin-top:0}.kong-ui-entities-consumer-group-form[data-v-ba631513]{width:100%}@media screen and (min-width: 1280px){.kong-ui-entities-consumer-group-form[data-v-ba631513] .form-section-wrapper{column-gap:64px}}.kong-ui-entities-consumer-group-form .select-item-container .select-item-label[data-v-ba631513]{font-weight:600}.kong-ui-entities-consumer-group-form .select-item-container .select-item-description[data-v-ba631513]{color:#6c7489;font-size:12px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-consumer-groups",
-  "version": "3.7.6",
+  "version": "3.7.7",
   "type": "module",
   "main": "./dist/entities-consumer-groups.umd.js",
   "module": "./dist/entities-consumer-groups.es.js",
@@ -21,37 +21,23 @@
     "access": "public"
   },
   "peerDependencies": {
+    "@kong-ui-public/entities-shared": "workspace:^",
+    "@kong-ui-public/i18n": "workspace:^",
     "@kong/icons": "^1.21.2",
     "@kong/kongponents": "^9.21.6",
     "axios": "^1.7.7",
     "vue": ">= 3.3.13 < 4",
-    "vue-router": "^4.4.5",
-    "@kong-ui-public/i18n": "^2.2.10",
-    "@kong-ui-public/entities-shared": "^3.19.3"
+    "vue-router": "^4.4.5"
   },
   "devDependencies": {
+    "@kong-ui-public/entities-shared": "^3.19.3",
+    "@kong-ui-public/i18n": "^2.2.10",
     "@kong/design-tokens": "1.17.3",
     "@kong/icons": "^1.21.2",
     "@kong/kongponents": "9.21.6",
     "axios": "^1.7.7",
     "vue": "^3.5.13",
-    "vue-router": "^4.4.5",
-    "@kong-ui-public/entities-shared": "^3.19.3",
-    "@kong-ui-public/i18n": "^2.2.10"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Kong/public-ui-components.git",
-    "directory": "packages/entities/entities-consumer-groups"
-  },
-  "homepage": "https://github.com/Kong/public-ui-components/tree/main/packages/entities/entities-consumer-groups",
-  "author": "Kong, Inc.",
-  "license": "Apache-2.0",
-  "volta": {
-    "extends": "../../../package.json"
-  },
-  "distSizeChecker": {
-    "errorLimit": "500KB"
+    "vue-router": "^4.4.5"
   },
   "scripts": {
     "dev": "cross-env USE_SANDBOX=true vite",
@@ -70,5 +56,20 @@
     "test:component:open": "BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'",
     "test:unit": "cross-env FORCE_COLOR=1 vitest run",
     "test:unit:open": "cross-env FORCE_COLOR=1 vitest --ui"
-  }
-}
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Kong/public-ui-components.git",
+    "directory": "packages/entities/entities-consumer-groups"
+  },
+  "homepage": "https://github.com/Kong/public-ui-components/tree/main/packages/entities/entities-consumer-groups",
+  "author": "Kong, Inc.",
+  "license": "Apache-2.0",
+  "volta": {
+    "extends": "../../../package.json"
+  },
+  "distSizeChecker": {
+    "errorLimit": "500KB"
+  },
+  "gitHead": "fb43f17c1677bdc8361d7845e3a019db3899d92d"
+}