@kong-ui-public/entities-consumer-groups 3.5.3 → 3.5.4

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

@@ -2,7 +2,7 @@ import { defineComponent as _e, ref as C, computed as I, watch as $e, resolveCom
 import { useRouter as Fe } from "vue-router";
 import { AddIcon as Qe } from "@kong/icons";
 import { createI18n as Je, i18nTComponent as He } from "@kong-ui-public/i18n";
-import { useAxios as we, useDebouncedFilter as De, useFetcher as We, useDeleteUrlBuilder as ze, FetcherStatus as Xe, EntityBaseTable as Ye, EntityFilter as Ze, PermissionsWrapper as he, EntityDeleteModal as eo, EntityTypes as oo, useErrors as to, useValidators as ro, EntityBaseFormType as Ie, EntityBaseForm as so, SupportedEntityType as Be, EntityFormSection as Se, EntityBaseConfigCard as no } from "@kong-ui-public/entities-shared";
+import { useAxios as we, useDebouncedFilter as De, useFetcher as ze, useDeleteUrlBuilder as We, FetcherStatus as Xe, EntityBaseTable as Ye, EntityFilter as Ze, PermissionsWrapper as he, EntityDeleteModal as eo, EntityTypes as oo, useErrors as ro, useValidators as to, EntityBaseFormType as Ie, EntityBaseForm as so, SupportedEntityType as Be, EntityFormSection as Se, EntityBaseConfigCard as no } from "@kong-ui-public/entities-shared";
 const ao = {
   list: {
     table_headers: {
@@ -95,7 +95,7 @@ const ao = {
 }, uo = {
   consumer_groups: ao
 };
-function io() {
+function lo() {
   const e = Je("en-us", uo);
   return {
     i18n: e,
@@ -104,8 +104,8 @@ function io() {
   };
 }
 const be = {
-  useI18n: io
-}, q = "/v2/control-planes/{controlPlaneId}/core-entities", N = "/{workspace}", z = {
+  useI18n: lo
+}, q = "/v2/control-planes/{controlPlaneId}/core-entities", N = "/{workspace}", W = {
   list: {
     konnect: {
       all: `${q}/consumer_groups`,
@@ -139,7 +139,7 @@ const be = {
       getConsumers: `${N}/consumer_groups/{id}/consumers`
     }
   }
-}, lo = { class: "add-to-group-form-container" }, co = { class: "add-to-group-cta-text" }, mo = {
+}, io = { class: "add-to-group-form-container" }, co = { class: "add-to-group-cta-text" }, mo = {
   key: 0,
   class: "kong-ui-entity-add-to-groups-error"
 }, po = { key: 0 }, go = /* @__PURE__ */ _e({
@@ -160,22 +160,22 @@ const be = {
   emits: ["cancel", "add:success", "add:partial-success", "error"],
   setup(e, { emit: L }) {
     var J;
-    const { i18n: { t: u } } = be.useI18n(), t = e, g = L, { axiosInstance: l } = we((J = t.config) == null ? void 0 : J.axiosRequestConfig), n = C([]), {
+    const { i18n: { t: u } } = be.useI18n(), r = e, g = L, { axiosInstance: i } = we((J = r.config) == null ? void 0 : J.axiosRequestConfig), n = C([]), {
       debouncedQueryChange: E,
       loading: Q,
       allRecords: G,
       error: ue,
-      loadItems: ie,
+      loadItems: le,
       results: D
     } = De(
-      t.config,
-      z.list[t.config.app].forModal,
+      r.config,
+      W.list[r.config.app].forModal,
       "",
       {
         fetchedItemsKey: "data",
         searchKeys: ["name", "id"]
       }
-    ), P = I(() => ue.value ? u("consumer_groups.errors.general") : ""), le = C(0), X = I(() => G.value === void 0), B = I(() => D.value.map((p) => ({
+    ), P = I(() => ue.value ? u("consumer_groups.errors.general") : ""), ie = C(0), X = I(() => G.value === void 0), B = I(() => D.value.map((p) => ({
       label: p.name,
       value: p.id,
       selected: n.value.includes(p.id),
@@ -204,16 +204,16 @@ const be = {
       } finally {
         H.value = !1;
       }
-    }, W = I(() => {
+    }, z = I(() => {
       var y, d, _, K;
-      let p = `${t.config.apiBaseUrl}${z.list[t.config.app].forConsumer}`;
-      return t.config.app === "konnect" ? p = p.replace(/{controlPlaneId}/gi, ((y = t.config) == null ? void 0 : y.controlPlaneId) || "").replace(/{consumerId}/gi, ((d = t.config) == null ? void 0 : d.consumerId) || "") : t.config.app === "kongManager" && (p = p.replace(/\/{workspace}/gi, (_ = t.config) != null && _.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((K = t.config) == null ? void 0 : K.consumerId) || "")), p;
+      let p = `${r.config.apiBaseUrl}${W.list[r.config.app].forConsumer}`;
+      return r.config.app === "konnect" ? p = p.replace(/{controlPlaneId}/gi, ((y = r.config) == null ? void 0 : y.controlPlaneId) || "").replace(/{consumerId}/gi, ((d = r.config) == null ? void 0 : d.consumerId) || "") : r.config.app === "kongManager" && (p = p.replace(/\/{workspace}/gi, (_ = r.config) != null && _.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, ((K = r.config) == null ? void 0 : K.consumerId) || "")), p;
     }), me = async (p) => {
       const y = {
         group: p
       };
       try {
-        const d = await l.post(W.value, y);
+        const d = await i.post(z.value, y);
         return U.value.push(p), d;
       } catch (d) {
         let _ = `${ee(p)} - ${d.message}`;
@@ -226,9 +226,9 @@ const be = {
       }).filter(Boolean);
     };
     return $e(B, () => {
-      le.value++;
-    }, { immediate: !0, deep: !0 }), $e(() => t.visible, () => {
-      t.visible && ie();
+      ie.value++;
+    }, { immediate: !0, deep: !0 }), $e(() => r.visible, () => {
+      r.visible && le();
     }, { immediate: !0 }), (p, y) => {
       const d = F("KMultiselect"), _ = F("KAlert"), K = F("KPrompt");
       return w(), Z(K, {
@@ -241,7 +241,7 @@ const be = {
         onProceed: de
       }, {
         default: f(() => [
-          O("div", lo, [
+          O("div", io, [
             O("p", co, M(s(u)("consumer_groups.consumers.add.ctaText")), 1),
             h(d, {
               modelValue: n.value,
@@ -278,8 +278,8 @@ const be = {
   }
 }), Ee = (e, L) => {
   const u = e.__vccOpts || e;
-  for (const [t, g] of L)
-    u[t] = g;
+  for (const [r, g] of L)
+    u[r] = g;
   return u;
 }, fo = /* @__PURE__ */ Ee(go, [["__scopeId", "data-v-4260ce03"]]), vo = { class: "kong-ui-entities-consumer-groups-list" }, yo = { key: 1 }, ho = /* @__PURE__ */ _e({
   __name: "ConsumerGroupList",
@@ -328,158 +328,157 @@ const be = {
   emits: ["error", "copy:success", "copy:error", "delete:success", "add:success", "remove:success"],
   setup(e, { emit: L }) {
     var Me;
-    const u = L, t = e, { i18nT: g, i18n: { t: l } } = be.useI18n(), n = Fe(), { axiosInstance: E } = we((Me = t.config) == null ? void 0 : Me.axiosRequestConfig), Q = C(1), G = I(() => !!t.config.consumerId), ue = I(
+    const u = L, r = e, { i18nT: g, i18n: { t: i } } = be.useI18n(), n = Fe(), { axiosInstance: E } = we((Me = r.config) == null ? void 0 : Me.axiosRequestConfig), Q = C(1), G = I(() => !!r.config.consumerId), ue = I(
       () => G.value ? "kong-ui-entities-consumer-groups-list-in-consumer-page" : "kong-ui-entities-consumer-groups-list"
-    ), ie = I(() => t.config.app !== "kongManager" || !!t.config.disableSorting), D = {
+    ), le = I(() => r.config.app !== "kongManager" || !!r.config.disableSorting), D = {
       // the Name column is non-hidable
-      name: { label: l("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 }
+      name: { label: i("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 }
     };
-    t.config.app === "kongManager" && (D.consumers_count = { label: l("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), D.tags = { label: l("consumer_groups.list.table_headers.tags"), sortable: !1 };
-    const P = D, le = (r) => ({
-      "data-testid": r.username ?? r.custom_id ?? r.id
+    r.config.app === "kongManager" && (D.consumers_count = { label: i("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), D.tags = { label: i("consumer_groups.list.table_headers.tags"), sortable: !1 };
+    const P = D, ie = (t) => ({
+      "data-testid": t.username ?? t.custom_id ?? t.id
     }), X = I(() => {
       var m, b, S, R;
-      let r = `${t.config.apiBaseUrl}${z.list[t.config.app][G.value ? "forConsumer" : "all"]}`;
-      return t.config.app === "konnect" ? r = r.replace(/{controlPlaneId}/gi, ((m = t.config) == null ? void 0 : m.controlPlaneId) || "").replace(/{consumerId}/gi, ((b = t.config) == null ? void 0 : b.consumerId) || "") : t.config.app === "kongManager" && (r = r.replace(/\/{workspace}/gi, (S = t.config) != null && S.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((R = t.config) == null ? void 0 : R.consumerId) || "")), r;
+      let t = `${r.config.apiBaseUrl}${W.list[r.config.app][G.value ? "forConsumer" : "all"]}`;
+      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((m = r.config) == null ? void 0 : m.controlPlaneId) || "").replace(/{consumerId}/gi, ((b = r.config) == null ? void 0 : b.consumerId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (S = r.config) != null && S.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, ((R = r.config) == null ? void 0 : R.consumerId) || "")), t;
     }), B = C(""), ee = I(() => {
-      const r = t.config.app === "konnect" || t.config.isExactMatch;
-      return r ? {
-        isExactMatch: r,
+      const t = r.config.app === "konnect" || r.config.isExactMatch;
+      return t ? {
+        isExactMatch: t,
         fields: {
           username: D.name,
-          id: { label: l("consumer_groups.list.table_headers.id") }
+          id: { label: i("consumer_groups.list.table_headers.id") }
         },
-        placeholder: l("consumer_groups.search.placeholder")
+        placeholder: i("consumer_groups.search.placeholder")
       } : {
-        isExactMatch: r,
+        isExactMatch: t,
         fields: {
           name: D.name
         },
-        schema: t.config.filterSchema
+        schema: r.config.filterSchema
       };
-    }), ce = I(() => t.config.app === "konnect" && B.value ? "consumer_group" : G.value && !t.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: U, fetcherState: H } = We(t.config, X.value, ce), x = () => {
+    }), ce = I(() => r.config.app === "konnect" && B.value ? "consumer_group" : G.value && !r.config.paginatedEndpoint ? "consumer_groups" : void 0), { fetcher: U, fetcherState: H } = ze(r.config, X.value, ce), x = () => {
       B.value = "";
     }, de = () => {
       Q.value++;
-    }, W = C(null), me = (r, m) => {
-      const b = r.id;
+    }, z = C(null), me = (t, m) => {
+      const b = t.id;
       if (!m(b)) {
         u("copy:error", {
-          entity: r,
+          entity: t,
           field: "id",
-          message: l("consumer_groups.errors.copy")
+          message: i("consumer_groups.errors.copy")
         });
         return;
       }
       u("copy:success", {
-        entity: r,
+        entity: t,
         field: "id",
-        message: l("consumer_groups.copy.success", { val: b })
+        message: i("consumer_groups.copy.success", { val: b })
       });
-    }, T = (r, m) => {
-      const b = JSON.stringify(r);
+    }, T = (t, m) => {
+      const b = JSON.stringify(t);
       if (!m(b)) {
         u("copy:error", {
-          entity: r,
-          message: l("consumer_groups.errors.copy")
+          entity: t,
+          message: i("consumer_groups.errors.copy")
         });
         return;
       }
       u("copy:success", {
-        entity: r,
-        message: l("consumer_groups.copy.success_brief")
+        entity: t,
+        message: i("consumer_groups.copy.success_brief")
       });
-    }, oe = async (r) => {
+    }, oe = async (t) => {
       var b;
-      await ((b = t.canRetrieve) == null ? void 0 : b.call(t, r)) && n.push(t.config.getViewRoute(r.id));
-    }, J = (r) => ({
-      label: l("consumer_groups.actions.view"),
-      to: t.config.getViewRoute(r)
-    }), p = (r) => ({
-      label: l("consumer_groups.actions.edit"),
-      to: t.config.getEditRoute(r)
-    }), y = C(void 0), d = C(!1), _ = C(!1), K = C(""), Y = ze(t.config, X.value), pe = (r) => {
-      y.value = r, d.value = !0;
+      await ((b = r.canRetrieve) == null ? void 0 : b.call(r, t)) && n.push(r.config.getViewRoute(t.id));
+    }, J = (t) => ({
+      label: i("consumer_groups.actions.view"),
+      to: r.config.getViewRoute(t)
+    }), p = (t) => ({
+      label: i("consumer_groups.actions.edit"),
+      to: r.config.getEditRoute(t)
+    }), y = C(void 0), d = C(!1), _ = C(!1), K = C(""), Y = We(r.config, X.value), pe = (t) => {
+      y.value = t, d.value = !0;
     }, Ce = () => {
       d.value = !1;
     }, ye = async () => {
-      var r, m, b;
-      if ((r = y.value) != null && r.id) {
+      var t, m, b;
+      if ((t = y.value) != null && t.id) {
         _.value = !0;
         try {
           await E.delete(Y(y.value.id)), _.value = !1, d.value = !1, Q.value++, u("delete:success", y.value);
         } catch (S) {
-          K.value = ((b = (m = S.response) == null ? void 0 : m.data) == null ? void 0 : b.message) || S.message || l("consumer_groups.errors.delete"), u("error", S);
+          K.value = ((b = (m = S.response) == null ? void 0 : m.data) == null ? void 0 : b.message) || S.message || i("consumer_groups.errors.delete"), u("error", S);
         } finally {
           _.value = !1;
         }
       }
-    }, te = C(!1), ge = () => {
-      te.value = !0;
+    }, re = C(!1), ge = () => {
+      re.value = !0;
     }, o = () => {
-      te.value = !1;
-    }, a = (r, m) => {
-      m || o(), Q.value++, u("add:success", r);
+      re.value = !1;
+    }, a = (t, m) => {
+      m || o(), Q.value++, u("add:success", t);
     }, k = () => {
       G.value && ge();
-    }, i = C(void 0), c = C(!1), A = C(""), V = (r) => {
-      i.value = r, c.value = !0;
+    }, l = C(void 0), c = C(!1), A = C(""), V = (t) => {
+      l.value = t, c.value = !0;
     }, $ = () => {
-      c.value = !1, i.value = void 0;
-    }, re = I(() => {
+      c.value = !1, l.value = void 0;
+    }, te = I(() => {
       var m, b, S, R;
-      let r = `${t.config.apiBaseUrl}${z.list[t.config.app].oneForConsumer}`;
-      return t.config.app === "konnect" ? r = r.replace(/{controlPlaneId}/gi, ((m = t.config) == null ? void 0 : m.controlPlaneId) || "").replace(/{consumerId}/gi, ((b = t.config) == null ? void 0 : b.consumerId) || "") : t.config.app === "kongManager" && (r = r.replace(/\/{workspace}/gi, (S = t.config) != null && S.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((R = t.config) == null ? void 0 : R.consumerId) || "")), r;
+      let t = `${r.config.apiBaseUrl}${W.list[r.config.app].oneForConsumer}`;
+      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((m = r.config) == null ? void 0 : m.controlPlaneId) || "").replace(/{consumerId}/gi, ((b = r.config) == null ? void 0 : b.consumerId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (S = r.config) != null && S.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, ((R = r.config) == null ? void 0 : R.consumerId) || "")), t;
     }), fe = C(!1), Ue = async () => {
-      if (i.value) {
+      if (l.value) {
         fe.value = !0;
         try {
-          const r = re.value.replace(/{consumerGroupId}/gi, i.value.id);
-          await E.delete(r), u("remove:success", i.value), $(), Q.value++;
-        } catch (r) {
-          A.value = r.message || l("consumer_groups.errors.delete"), u("error", r);
+          const t = te.value.replace(/{consumerGroupId}/gi, l.value.id);
+          await E.delete(t), u("remove:success", l.value), $(), Q.value++;
+        } catch (t) {
+          A.value = t.message || i("consumer_groups.errors.delete"), u("error", t);
         } finally {
           fe.value = !1;
         }
       }
     }, xe = C(!1);
-    $e(H, (r) => {
+    $e(H, (t) => {
       var m, b, S, R;
-      if (Array.isArray((m = r == null ? void 0 : r.response) == null ? void 0 : m.data) && (xe.value = r.response.data.length > 0), r.status === Xe.Error) {
-        W.value = {
-          title: l("consumer_groups.errors.general")
-        }, (R = (S = (b = r.error) == null ? void 0 : b.response) == null ? void 0 : S.data) != null && R.message && (W.value.message = r.error.response.data.message), u("error", r.error);
+      if (Array.isArray((m = t == null ? void 0 : t.response) == null ? void 0 : m.data) && (xe.value = t.response.data.length > 0), t.status === Xe.Error) {
+        z.value = {
+          title: i("consumer_groups.errors.general")
+        }, (R = (S = (b = t.error) == null ? void 0 : b.response) == null ? void 0 : S.data) != null && R.message && (z.value.message = t.error.response.data.message), u("error", t.error);
         return;
       }
-      W.value = null;
+      z.value = null;
     });
     const ke = C({
-      ctaPath: G.value ? void 0 : t.config.createRoute,
+      ctaPath: G.value ? void 0 : r.config.createRoute,
       ctaText: void 0,
-      message: `${l("consumer_groups.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
-      title: l("consumer_groups.title")
+      message: `${i("consumer_groups.list.empty_state.description")}${r.config.additionMessageForEmptyState ? ` ${r.config.additionMessageForEmptyState}` : ""}`,
+      title: i("consumer_groups.title")
     });
     return Ke(async () => {
-      await t.canCreate() && (ke.value.title = G.value ? l("consumer_groups.list.empty_state.title_for_consumer") : l("consumer_groups.list.empty_state.title"), ke.value.ctaText = G.value ? l("consumer_groups.actions.add_to_group") : l("consumer_groups.actions.create"));
-    }), (r, m) => {
+      await r.canCreate() && (ke.value.title = G.value ? i("consumer_groups.list.empty_state.title_for_consumer") : i("consumer_groups.list.empty_state.title"), ke.value.ctaText = G.value ? i("consumer_groups.actions.add_to_group") : i("consumer_groups.actions.create"));
+    }), (t, m) => {
       const b = F("KButton"), S = F("KBadge"), R = F("KTruncate"), ve = F("KDropdownItem"), Ge = F("KClipboardProvider"), Ve = F("KPrompt");
       return w(), j("div", vo, [
         h(s(Ye), {
           "cache-identifier": e.cacheIdentifier,
           "disable-pagination": G.value && !e.config.paginatedEndpoint,
           "disable-pagination-page-jump": "",
-          "disable-sorting": ie.value,
+          "disable-sorting": le.value,
           "empty-state-options": ke.value,
           "enable-entity-actions": "",
-          "error-message": W.value,
+          "error-message": z.value,
           fetcher: s(U),
           "fetcher-cache-key": Q.value,
           "pagination-type": "offset",
           "preferences-storage-key": ue.value,
           query: B.value,
-          "row-attributes": le,
+          "row-attributes": ie,
           "table-headers": s(P),
-          "use-action-outside": e.useActionOutside,
           onClearSearchInput: x,
           "onClick:row": m[3] || (m[3] = (v) => oe(v)),
           onEmptyStateCtaClicked: k,
@@ -505,16 +504,16 @@ const be = {
                   Ne(h(b, {
                     appearance: "primary",
                     "data-testid": "toolbar-add-consumer-group",
-                    size: "large",
+                    size: e.useActionOutside ? "medium" : "large",
                     to: e.config.consumerId ? void 0 : e.config.createRoute,
                     onClick: m[1] || (m[1] = () => e.config.consumerId ? ge() : void 0)
                   }, {
                     default: f(() => [
                       h(s(Qe)),
-                      ne(" " + M(e.config.consumerId ? s(l)("consumer_groups.actions.add_to_group") : s(l)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
+                      ne(" " + M(e.config.consumerId ? s(i)("consumer_groups.actions.add_to_group") : s(i)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
                     ]),
                     _: 1
-                  }, 8, ["to"]), [
+                  }, 8, ["size", "to"]), [
                     [Oe, xe.value]
                   ])
                 ]),
@@ -553,7 +552,7 @@ const be = {
                   onClick: (Re) => me(v, se)
                 }, {
                   default: f(() => [
-                    ne(M(s(l)("consumer_groups.actions.copy_id")), 1)
+                    ne(M(s(i)("consumer_groups.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -567,7 +566,7 @@ const be = {
                   onClick: (Re) => T(v, se)
                 }, {
                   default: f(() => [
-                    ne(M(s(l)("consumer_groups.actions.copy_json")), 1)
+                    ne(M(s(i)("consumer_groups.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -608,7 +607,7 @@ const be = {
                   onClick: () => e.config.consumerId ? V(v) : pe(v)
                 }, {
                   default: f(() => [
-                    ne(M(e.config.consumerId ? s(l)("consumer_groups.actions.exit") : s(l)("consumer_groups.actions.delete")), 1)
+                    ne(M(e.config.consumerId ? s(i)("consumer_groups.actions.exit") : s(i)("consumer_groups.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -617,15 +616,15 @@ const be = {
             }, 1032, ["auth-function"])
           ]),
           _: 1
-        }, 8, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "preferences-storage-key", "query", "table-headers", "use-action-outside"]),
+        }, 8, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "preferences-storage-key", "query", "table-headers"]),
         h(s(eo), {
           "action-pending": _.value,
           "data-testid": "delete-consumer-group-modal",
-          description: s(l)("consumer_groups.delete.description"),
+          description: s(i)("consumer_groups.delete.description"),
           "entity-name": y.value && (y.value.name || y.value.id),
           "entity-type": s(oo).ConsumerGroup,
           error: K.value,
-          title: s(l)("consumer_groups.delete.title"),
+          title: s(i)("consumer_groups.delete.title"),
           visible: d.value,
           onCancel: Ce,
           onProceed: ye
@@ -634,16 +633,16 @@ const be = {
           key: 0,
           config: e.config,
           "data-testid": "add-to-group-modal",
-          visible: te.value,
+          visible: re.value,
           "onAdd:partialSuccess": m[4] || (m[4] = (v) => a(v, !0)),
           "onAdd:success": m[5] || (m[5] = (v) => a(v)),
           onCancel: o
         }, null, 8, ["config", "visible"])) : ae("", !0),
-        e.config.consumerId && i.value ? (w(), Z(Ve, {
+        e.config.consumerId && l.value ? (w(), Z(Ve, {
           key: 1,
           "action-button-appearance": "danger",
           "data-testid": "exit-group-modal",
-          title: s(l)("consumer_groups.consumers.exit.title"),
+          title: s(i)("consumer_groups.consumers.exit.title"),
           visible: c.value,
           onCancel: $,
           onProceed: Ue
@@ -655,7 +654,7 @@ const be = {
               tag: "p"
             }, Le({
               consumerGroup: f(() => [
-                O("strong", null, M(i.value.name || i.value.id), 1)
+                O("strong", null, M(l.value.name || l.value.id), 1)
               ]),
               _: 2
             }, [
@@ -667,14 +666,14 @@ const be = {
                 key: "0"
               } : void 0
             ]), 1032, ["keypath"]),
-            O("p", null, M(s(l)("consumer_groups.consumers.exit.description")), 1)
+            O("p", null, M(s(i)("consumer_groups.consumers.exit.description")), 1)
           ]),
           _: 1
         }, 8, ["title", "visible"])) : ae("", !0)
       ]);
     };
   }
-}), Ao = /* @__PURE__ */ Ee(ho, [["__scopeId", "data-v-b6301615"]]), _o = { class: "kong-ui-entities-consumer-group-form" }, bo = { class: "select-item-container" }, Co = { class: "select-item-label" }, ko = {
+}), Ao = /* @__PURE__ */ Ee(ho, [["__scopeId", "data-v-8e388f7f"]]), _o = { class: "kong-ui-entities-consumer-group-form" }, bo = { class: "select-item-container" }, Co = { class: "select-item-label" }, ko = {
   key: 0,
   class: "select-item-description"
 }, Io = /* @__PURE__ */ _e({
@@ -703,8 +702,8 @@ const be = {
   },
   emits: ["update", "error", "loading"],
   setup(e, { emit: L }) {
-    var ye, te, ge;
-    const u = e, t = L, { i18n: { t: g } } = be.useI18n(), l = Fe(), n = Ae({
+    var ye, re, ge;
+    const u = e, r = L, { i18n: { t: g } } = be.useI18n(), i = Fe(), n = Ae({
       fields: {
         name: "",
         tags: "",
@@ -720,12 +719,12 @@ const be = {
       debouncedQueryChange: Q,
       loading: G,
       error: ue,
-      loadItems: ie,
+      loadItems: le,
       results: D
-    } = De(u.config, (te = z.form[(ye = u.config) == null ? void 0 : ye.app]) == null ? void 0 : te.consumersList, "", {
+    } = De(u.config, (re = W.form[(ye = u.config) == null ? void 0 : ye.app]) == null ? void 0 : re.consumersList, "", {
       fetchedItemsKey: "data",
       searchKeys: ["username", "custom_id", "id"]
-    }), { axiosInstance: P } = we((ge = u.config) == null ? void 0 : ge.axiosRequestConfig), { getMessageFromError: le } = to(), X = ro(), B = I(() => D.value.map((o) => ({
+    }), { axiosInstance: P } = we((ge = u.config) == null ? void 0 : ge.axiosRequestConfig), { getMessageFromError: ie } = ro(), X = to(), B = I(() => D.value.map((o) => ({
       label: o.username || o.custom_id,
       value: o.id,
       selected: n.fields.consumers.includes(o.id),
@@ -733,28 +732,28 @@ const be = {
       // we need this to determine whether or not to show the description text
     }))), ee = I(() => {
       var o, a;
-      return (a = z.form[(o = u.config) == null ? void 0 : o.app]) == null ? void 0 : a.edit;
+      return (a = W.form[(o = u.config) == null ? void 0 : o.app]) == null ? void 0 : a.edit;
     }), ce = I(() => u.consumerGroupId ? Ie.Edit : Ie.Create), U = I(() => !!n.fields.name && !oe.value), H = I(() => JSON.stringify(n.fields) !== JSON.stringify(E)), x = (o, a = "", k = "") => {
-      var c, A, V, $, re, fe;
-      let i = `${(c = u.config) == null ? void 0 : c.apiBaseUrl}${z.form[(A = u.config) == null ? void 0 : A.app][o]}`;
-      return ((V = u.config) == null ? void 0 : V.app) === "konnect" ? i = i.replace(/{controlPlaneId}/gi, (($ = u.config) == null ? void 0 : $.controlPlaneId) || "") : ((re = u.config) == null ? void 0 : re.app) === "kongManager" && (i = i.replace(/\/{workspace}/gi, (fe = u.config) != null && fe.workspace ? `/${u.config.workspace}` : "")), i = i.replace(/{id}/gi, a || u.consumerGroupId), (o === "addConsumer" || o === "removeConsumer") && (i = i.replace(/{consumerId}/gi, k)), i;
+      var c, A, V, $, te, fe;
+      let l = `${(c = u.config) == null ? void 0 : c.apiBaseUrl}${W.form[(A = u.config) == null ? void 0 : A.app][o]}`;
+      return ((V = u.config) == null ? void 0 : V.app) === "konnect" ? l = l.replace(/{controlPlaneId}/gi, (($ = u.config) == null ? void 0 : $.controlPlaneId) || "") : ((te = u.config) == null ? void 0 : te.app) === "kongManager" && (l = l.replace(/\/{workspace}/gi, (fe = u.config) != null && fe.workspace ? `/${u.config.workspace}` : "")), l = l.replace(/{id}/gi, a || u.consumerGroupId), (o === "addConsumer" || o === "removeConsumer") && (l = l.replace(/{consumerId}/gi, k)), l;
     }, de = () => {
       var o;
-      l.push(((o = u.config) == null ? void 0 : o.cancelRoute) || { name: "consumer-group-list" });
-    }, W = (o) => {
-      t("error", o);
+      i.push(((o = u.config) == null ? void 0 : o.cancelRoute) || { name: "consumer-group-list" });
+    }, z = (o) => {
+      r("error", o);
     }, me = (o) => {
-      t("loading", o);
+      r("loading", o);
     }, T = async (o) => {
-      var k, i, c, A, V;
-      n.fields.name = ((k = o == null ? void 0 : o.item) == null ? void 0 : k.name) || ((i = o == null ? void 0 : o.consumer_group) == null ? void 0 : i.name) || (o == null ? void 0 : o.name) || "";
+      var k, l, c, A, V;
+      n.fields.name = ((k = o == null ? void 0 : o.item) == null ? void 0 : k.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(($) => $.id)) || [];
       else
         try {
           const { data: $ } = await P.get(x("getConsumers"));
-          n.fields.consumers = "consumers" in $ ? (V = $ == null ? void 0 : $.consumers) == null ? void 0 : V.map((re) => re.id) : [];
+          n.fields.consumers = "consumers" in $ ? (V = $ == null ? void 0 : $.consumers) == null ? void 0 : V.map((te) => te.id) : [];
         } catch ($) {
           d($);
         }
@@ -766,13 +765,13 @@ const be = {
         tags: (a = (o = n.fields.tags.split(",")) == null ? void 0 : o.map((k) => String(k || "").trim())) == null ? void 0 : a.filter((k) => k !== "")
       };
     }), p = async (o, a = "") => await P.post(x("addConsumer", a, o), { consumer: o }), y = async (o, a = "") => await P.delete(x("removeConsumer", a, o)), d = (o) => {
-      n.errorMessage = le(o), t("error", o);
+      n.errorMessage = ie(o), r("error", o);
     }, _ = (o = u.consumerGroupId) => {
-      Object.assign(E, n.fields), t("update", { ...n.fields, id: o });
+      Object.assign(E, n.fields), r("update", { ...n.fields, id: o });
     }, K = (o, a, k = u.consumerGroupId) => {
-      const i = o == null ? void 0 : o.find((c) => c.status !== "fulfilled");
-      i ? d({
-        code: i.status,
+      const l = o == null ? void 0 : o.find((c) => c.status !== "fulfilled");
+      l ? d({
+        code: l.status,
         message: a
       }) : _(k);
     }, Y = async () => {
@@ -785,7 +784,7 @@ const be = {
       }
       if (n.fields.consumers.length > 0 && o)
         try {
-          const a = n.fields.consumers.map((i) => p(i, o)), k = await Promise.allSettled(a);
+          const a = n.fields.consumers.map((l) => p(l, o)), k = await Promise.allSettled(a);
           K(k, g("consumer_groups.errors.add_consumer"), o);
         } catch (a) {
           d(a);
@@ -795,26 +794,26 @@ const be = {
       var k;
       try {
         ((k = u.config) == null ? void 0 : k.app) === "konnect" ? await P.put(x("edit"), J.value) : await P.patch(x("edit"), J.value);
-      } catch (i) {
-        d(i);
+      } catch (l) {
+        d(l);
       }
-      const o = n.fields.consumers.filter((i) => !E.consumers.includes(i)), a = E.consumers.filter((i) => !n.fields.consumers.includes(i));
+      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 i = a.map((A) => y(A)), c = await Promise.allSettled(i);
+            const l = a.map((A) => y(A)), c = await Promise.allSettled(l);
             K(c, g("consumer_groups.errors.remove_consumer"));
-          } catch (i) {
-            d(i);
+          } catch (l) {
+            d(l);
           }
         if (o.length > 0)
           try {
-            const i = o.map((A) => p(A)), c = await Promise.allSettled(i);
+            const l = o.map((A) => p(A)), c = await Promise.allSettled(l);
             K(c, g("consumer_groups.errors.add_consumer"));
-          } catch (i) {
-            d(i);
+          } catch (l) {
+            d(l);
           }
       }
     }, Ce = async () => {
@@ -825,9 +824,9 @@ const be = {
       }
     };
     return Ke(async () => {
-      await ie();
+      await le();
     }), (o, a) => {
-      const k = F("KInput"), i = F("KMultiselect");
+      const k = F("KInput"), l = F("KMultiselect");
       return w(), j("div", _o, [
         h(s(so), {
           "can-submit": U.value && H.value,
@@ -840,7 +839,7 @@ const be = {
           "form-fields": J.value,
           "is-readonly": n.readonly,
           onCancel: de,
-          "onFetch:error": a[3] || (a[3] = (c) => W(c)),
+          "onFetch:error": a[3] || (a[3] = (c) => z(c)),
           "onFetch:success": T,
           onLoading: a[4] || (a[4] = (c) => me(c)),
           onSubmit: Ce
@@ -886,7 +885,7 @@ const be = {
               title: s(g)("consumer_groups.form.consumers.title")
             }, {
               default: f(() => [
-                h(i, {
+                h(l, {
                   modelValue: n.fields.consumers,
                   "onUpdate:modelValue": a[2] || (a[2] = (c) => n.fields.consumers = c),
                   appearance: "select",
@@ -953,7 +952,7 @@ const be = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(e) {
-    const L = e, { i18n: { t: u } } = be.useI18n(), t = I(() => z.form[L.config.app].edit), g = C({
+    const L = e, { i18n: { t: u } } = be.useI18n(), r = I(() => W.form[L.config.app].edit), g = C({
       id: {},
       name: {},
       created_at: {},
@@ -962,7 +961,7 @@ const be = {
         tooltip: u("consumer_groups.form.fields.tags.tooltip")
       }
     });
-    return (l, n) => (w(), j("div", $o, [
+    return (i, n) => (w(), j("div", $o, [
       h(s(no), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
@@ -970,11 +969,11 @@ const be = {
         "data-key": "consumer_group",
         "enable-terraform": e.enableTerraform,
         "entity-type": s(Be).ConsumerGroup,
-        "fetch-url": t.value,
+        "fetch-url": r.value,
         "hide-title": e.hideTitle,
-        "onFetch:error": n[0] || (n[0] = (E) => l.$emit("fetch:error", E)),
-        "onFetch:success": n[1] || (n[1] = (E) => l.$emit("fetch:success", E)),
-        onLoading: n[2] || (n[2] = (E) => l.$emit("loading", E))
+        "onFetch:error": n[0] || (n[0] = (E) => i.$emit("fetch:error", E)),
+        "onFetch:success": n[1] || (n[1] = (E) => i.$emit("fetch:success", E)),
+        onLoading: n[2] || (n[2] = (E) => i.$emit("loading", E))
       }, null, 8, ["config", "config-card-doc", "config-schema", "enable-terraform", "entity-type", "fetch-url", "hide-title"])
     ]));
   }

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

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

package/dist/style.css

@@ -1 +1 @@
-.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-711ebcf2]{align-items:center;border-bottom:var(--2f5b0492);display:var(--5d59c22c);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-711ebcf2]{width:var(--aa41a894)}.config-card-details-row .config-card-details-label label[data-v-711ebcf2]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-711ebcf2]{width:var(--aa3d1cde)}.config-card-details-row .config-card-details-value .truncated[data-v-711ebcf2]{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-711ebcf2]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-711ebcf2] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-711ebcf2]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-711ebcf2]{margin-right:4px}.config-card-details-row[data-v-711ebcf2] .k-label{margin-bottom:0}.config-card-details-row[data-v-711ebcf2] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-711ebcf2] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-85381f68]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-85381f68]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-85381f68]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-85381f68] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-85381f68]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-94d27e50]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-94d27e50]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-94d27e50] .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-94d27e50] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-94d27e50] .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-94d27e50] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-71b4425a]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-71b4425a]{margin-left:auto}.kong-ui-entity-base-table .actions-container[data-v-71b4425a]{float:right}.kong-ui-entity-base-table .actions-container[data-v-71b4425a] .k-dropdown-item-trigger{margin-bottom:0;margin-top:0}.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-94990087]{width:100%}.kong-ui-entity-filter-clear[data-v-94990087]{cursor:pointer}.kong-ui-entity-filter[data-v-94990087]{display:flex;position:relative}.kong-ui-entity-filter[data-v-94990087] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-94990087] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-94990087]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-94990087]{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-94990087]{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-94990087]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-94990087]{color:#232633}.menu-item-expand-icon[data-v-94990087]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-94990087]{transform:rotate(180deg)}.menu-item-indicator[data-v-94990087]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-94990087]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-94990087] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-94990087] .k-input{width:100%}.menu-item-body[data-v-94990087] .k-select-input .input{font-size:12px}.menu-item-body[data-v-94990087] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-94990087]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-94990087]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-94990087]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.kong-ui-entities-add-to-groups-modal .add-to-group-cta-text[data-v-4260ce03]{margin-top:0}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container[data-v-4260ce03]{margin-bottom:20px}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container .kong-ui-entity-add-to-groups-error[data-v-4260ce03]{margin-top:16px}.kong-ui-entities-consumer-groups-list[data-v-b6301615]{width:100%}.kong-ui-entities-consumer-groups-list .kong-ui-entity-filter-input[data-v-b6301615]{margin-right:12px}.kong-ui-entities-consumer-groups-list .exit-modal-message[data-v-b6301615]{margin-top:0}.kong-ui-entities-consumer-group-form[data-v-6b48d0fc]{width:100%}@media screen and (min-width: 1280px){.kong-ui-entities-consumer-group-form[data-v-6b48d0fc] .form-section-wrapper{column-gap:64px}}.kong-ui-entities-consumer-group-form .select-item-container .select-item-label[data-v-6b48d0fc]{font-weight:600}.kong-ui-entities-consumer-group-form .select-item-container .select-item-description[data-v-6b48d0fc]{color:#6c7489;font-size:12px}
+.config-card-fieldset[data-v-68ca83ec]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-68ca83ec]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-711ebcf2]{align-items:center;border-bottom:var(--2f5b0492);display:var(--5d59c22c);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-711ebcf2]{width:var(--aa41a894)}.config-card-details-row .config-card-details-label label[data-v-711ebcf2]{color:#3a3f51}.config-card-details-row .config-card-details-value[data-v-711ebcf2]{width:var(--aa3d1cde)}.config-card-details-row .config-card-details-value .truncated[data-v-711ebcf2]{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-711ebcf2]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-711ebcf2] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-711ebcf2]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-711ebcf2]{margin-right:4px}.config-card-details-row[data-v-711ebcf2] .k-label{margin-bottom:0}.config-card-details-row[data-v-711ebcf2] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-711ebcf2] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--454fa8c4);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-85381f68]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-85381f68]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-85381f68]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-85381f68] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-85381f68]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-94d27e50]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-94d27e50]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-94d27e50] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-94d27e50] .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-94d27e50] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-94d27e50] .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-94d27e50] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-71b4425a]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-71b4425a]{margin-left:auto}.kong-ui-entity-base-table .actions-container[data-v-71b4425a]{float:right}.kong-ui-entity-base-table .actions-container[data-v-71b4425a] .k-dropdown-item-trigger{margin-bottom:0;margin-top:0}.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-94990087]{width:100%}.kong-ui-entity-filter-clear[data-v-94990087]{cursor:pointer}.kong-ui-entity-filter[data-v-94990087]{display:flex;position:relative}.kong-ui-entity-filter[data-v-94990087] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-94990087] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-94990087]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-94990087]{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-94990087]{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-94990087]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-94990087]{color:#232633}.menu-item-expand-icon[data-v-94990087]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-94990087]{transform:rotate(180deg)}.menu-item-indicator[data-v-94990087]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-94990087]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-94990087] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-94990087] .k-input{width:100%}.menu-item-body[data-v-94990087] .k-select-input .input{font-size:12px}.menu-item-body[data-v-94990087] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-94990087]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-94990087]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-94990087]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-60e3ef7c]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-60e3ef7c]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-60e3ef7c] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-60e3ef7c]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-60e3ef7c]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-60e3ef7c]{margin-left:2px}.kong-ui-entities-add-to-groups-modal .add-to-group-cta-text[data-v-4260ce03]{margin-top:0}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container[data-v-4260ce03]{margin-bottom:20px}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container .kong-ui-entity-add-to-groups-error[data-v-4260ce03]{margin-top:16px}.kong-ui-entities-consumer-groups-list[data-v-8e388f7f]{width:100%}.kong-ui-entities-consumer-groups-list .kong-ui-entity-filter-input[data-v-8e388f7f]{margin-right:12px}.kong-ui-entities-consumer-groups-list .exit-modal-message[data-v-8e388f7f]{margin-top:0}.kong-ui-entities-consumer-group-form[data-v-6b48d0fc]{width:100%}@media screen and (min-width: 1280px){.kong-ui-entities-consumer-group-form[data-v-6b48d0fc] .form-section-wrapper{column-gap:64px}}.kong-ui-entities-consumer-group-form .select-item-container .select-item-label[data-v-6b48d0fc]{font-weight:600}.kong-ui-entities-consumer-group-form .select-item-container .select-item-description[data-v-6b48d0fc]{color:#6c7489;font-size:12px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-consumer-groups",
-  "version": "3.5.3",
+  "version": "3.5.4",
   "type": "module",
   "main": "./dist/entities-consumer-groups.umd.js",
   "module": "./dist/entities-consumer-groups.es.js",
@@ -36,8 +36,8 @@
     "axios": "^1.6.8",
     "vue": "^3.4.31",
     "vue-router": "^4.4.0",
-    "@kong-ui-public/entities-shared": "^3.8.2",
-    "@kong-ui-public/i18n": "^2.2.2"
+    "@kong-ui-public/i18n": "^2.2.2",
+    "@kong-ui-public/entities-shared": "^3.8.2"
   },
   "repository": {
     "type": "git",