@kong-ui-public/entities-consumer-groups 4.5.1 → 4.5.2

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

@@ -1,4 +1,4 @@
-import { defineComponent as _e, ref as I, computed as k, watch as we, resolveComponent as O, openBlock as S, createBlock as W, unref as t, withCtx as d, createElementVNode as U, toDisplayString as E, createVNode as p, createElementBlock as X, Fragment as Le, renderList as Qe, createCommentVNode as L, onBeforeMount as Fe, createSlots as ke, createTextVNode as z, Teleport as He, reactive as Ge } from "vue";
+import { defineComponent as _e, ref as I, computed as k, watch as we, resolveComponent as O, openBlock as S, createBlock as W, unref as s, withCtx as d, createElementVNode as U, toDisplayString as E, createVNode as p, createElementBlock as X, Fragment as Le, renderList as Qe, createCommentVNode as L, onBeforeMount as Fe, createSlots as ke, createTextVNode as z, Teleport as He, reactive as Ge } from "vue";
 import { useRouter as Ke } from "vue-router";
 import { BookIcon as Pe, AddIcon as Te, TeamIcon as Je } from "@kong/icons";
 import { createI18n as ze, i18nTComponent as We } from "@kong-ui-public/i18n";
@@ -168,8 +168,8 @@ const he = {
   },
   emits: ["cancel", "add:success", "add:partial-success", "error"],
   setup(e, { emit: N }) {
-    var F;
-    const { i18n: { t: a } } = he.useI18n(), s = e, f = N, { axiosInstance: u } = $e((F = s.config) == null ? void 0 : F.axiosRequestConfig), n = I([]), {
+    var K;
+    const { i18n: { t: a } } = he.useI18n(), t = e, f = N, { axiosInstance: u } = $e((K = t.config) == null ? void 0 : K.axiosRequestConfig), n = I([]), {
       debouncedQueryChange: x,
       loading: ae,
       allRecords: R,
@@ -177,14 +177,14 @@ const he = {
       loadItems: ie,
       results: Z
     } = Be(
-      s.config,
-      Y.list[s.config.app].forModal,
+      t.config,
+      Y.list[t.config.app].forModal,
       "",
       {
         fetchedItemsKey: "data",
         searchKeys: ["name", "id"]
       }
-    ), T = k(() => ue.value ? a("consumer_groups.errors.general") : ""), K = I(0), oe = k(() => R.value === void 0), te = k(() => Z.value.map((v) => ({
+    ), T = k(() => ue.value ? a("consumer_groups.errors.general") : ""), V = I(0), oe = k(() => R.value === void 0), te = k(() => Z.value.map((v) => ({
       label: v.name,
       value: v.id,
       selected: n.value.includes(v.id),
@@ -195,19 +195,19 @@ const he = {
       const w = oe.value ? Z.value.find((C) => C.id === v) : (g = R.value) == null ? void 0 : g.find((C) => C.id === v);
       return w ? w.name : v;
     }, le = () => {
-      M.value = "", $.value = [], V.value = [], f("cancel");
+      M.value = "", $.value = [], F.value = [], f("cancel");
     }, $ = I([]), Q = I(!1), M = I(""), ce = async () => {
       if (!n.value.length) {
-        M.value = "", V.value = [], f("cancel");
+        M.value = "", F.value = [], f("cancel");
         return;
       }
-      Q.value = !0, M.value = "", $.value = [], V.value = [];
+      Q.value = !0, M.value = "", $.value = [], F.value = [];
       try {
         const v = n.value.map((C) => j(C)), w = await Promise.allSettled(v);
         let g = !0;
         w.forEach((C) => {
           C.status !== "fulfilled" && (g = !1);
-        }), g ? ($.value = [], V.value = [], f("add:success", n.value), n.value = []) : ($.value.length && f("add:partial-success", $.value), n.value = [], re(w));
+        }), g ? ($.value = [], F.value = [], f("add:success", n.value), n.value = []) : ($.value.length && f("add:partial-success", $.value), n.value = [], re(w));
       } catch {
         M.value = a("consumer_groups.errors.add"), f("error", M.value);
       } finally {
@@ -215,8 +215,8 @@ const he = {
       }
     }, de = k(() => {
       var w, g, C;
-      let v = `${s.config.apiBaseUrl}${Y.list[s.config.app].forConsumer}`;
-      return s.config.app === "konnect" && (v = v.replace(/{controlPlaneId}/gi, ((w = s.config) == null ? void 0 : w.controlPlaneId) || "")), v.replace(/\/{workspace}/gi, (g = s.config) != null && g.workspace ? `/${s.config.workspace}` : "").replace(/{consumerId}/gi, ((C = s.config) == null ? void 0 : C.consumerId) || "");
+      let v = `${t.config.apiBaseUrl}${Y.list[t.config.app].forConsumer}`;
+      return t.config.app === "konnect" && (v = v.replace(/{controlPlaneId}/gi, ((w = t.config) == null ? void 0 : w.controlPlaneId) || "")), v.replace(/\/{workspace}/gi, (g = t.config) != null && g.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((C = t.config) == null ? void 0 : C.consumerId) || "");
     }), j = async (v) => {
       const w = {
         group: v
@@ -228,51 +228,51 @@ const he = {
         let C = `${se(v)} - ${g.message}`;
         return g.response.status === 409 && (C = `${se(v)} - ${a("consumer_groups.errors.already_added")}`), Promise.reject(Error(C));
       }
-    }, V = I([]), re = (v) => {
-      V.value = v.map((w) => {
+    }, F = I([]), re = (v) => {
+      F.value = v.map((w) => {
         var g;
         return (g = w.reason) == null ? void 0 : g.message;
       }).filter(Boolean);
     };
     return we(te, () => {
-      K.value++;
-    }, { immediate: !0, deep: !0 }), we(() => s.visible, () => {
-      s.visible && ie();
+      V.value++;
+    }, { immediate: !0, deep: !0 }), we(() => t.visible, () => {
+      t.visible && ie();
     }, { immediate: !0 }), (v, w) => {
       const g = O("KMultiselect"), C = O("KAlert"), ee = O("KPrompt");
       return S(), W(ee, {
         "action-button-disabled": Q.value,
         class: "kong-ui-entities-add-to-groups-modal",
         "data-testid": "add-to-group-modal",
-        title: t(a)("consumer_groups.consumers.add.title"),
+        title: s(a)("consumer_groups.consumers.add.title"),
         visible: e.visible,
         onCancel: le,
         onProceed: ce
       }, {
         default: d(() => [
           U("div", go, [
-            U("p", fo, E(t(a)("consumer_groups.consumers.add.ctaText")), 1),
+            U("p", fo, E(s(a)("consumer_groups.consumers.add.ctaText")), 1),
             p(g, {
               modelValue: n.value,
               "onUpdate:modelValue": w[0] || (w[0] = (P) => n.value = P),
               autosuggest: "",
               "data-testid": "add-to-groups-multiselect",
-              "dropdown-footer-text": oe.value ? t(a)("consumer_groups.consumers.add.footer") : void 0,
+              "dropdown-footer-text": oe.value ? s(a)("consumer_groups.consumers.add.footer") : void 0,
               items: te.value,
-              label: t(a)("consumer_groups.consumers.add.consumer_groups_label"),
-              loading: t(ae),
-              placeholder: t(a)("consumer_groups.consumers.add.consumer_group_placeholder"),
+              label: s(a)("consumer_groups.consumers.add.consumer_groups_label"),
+              loading: s(ae),
+              placeholder: s(a)("consumer_groups.consumers.add.consumer_group_placeholder"),
               readonly: Q.value,
               required: "",
               width: "100%",
-              onQueryChange: t(x)
+              onQueryChange: s(x)
             }, null, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            M.value || T.value || V.value.length ? (S(), X("div", vo, [
+            M.value || T.value || F.value.length ? (S(), X("div", vo, [
               p(C, { appearance: "danger" }, {
                 default: d(() => [
-                  U("p", null, E(t(a)("consumer_groups.errors.add")), 1),
-                  V.value.length ? (S(), X("ul", yo, [
-                    (S(!0), X(Le, null, Qe(V.value, (P, H) => (S(), X("li", { key: H }, E(P), 1))), 128))
+                  U("p", null, E(s(a)("consumer_groups.errors.add")), 1),
+                  F.value.length ? (S(), X("ul", yo, [
+                    (S(!0), X(Le, null, Qe(F.value, (P, H) => (S(), X("li", { key: H }, E(P), 1))), 128))
                   ])) : L("", !0),
                   U("div", null, E(M.value || T.value), 1)
                 ]),
@@ -287,8 +287,8 @@ const he = {
   }
 }), Ee = (e, N) => {
   const a = e.__vccOpts || e;
-  for (const [s, f] of N)
-    a[s] = f;
+  for (const [t, f] of N)
+    a[t] = f;
   return a;
 }, ho = /* @__PURE__ */ Ee(_o, [["__scopeId", "data-v-54887165"]]), bo = { class: "kong-ui-entities-consumer-groups-list" }, Co = { class: "button-row" }, ko = /* @__PURE__ */ _e({
   __name: "ConsumerGroupList",
@@ -337,21 +337,21 @@ const he = {
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "add:success", "remove:success"],
   setup(e, { emit: N }) {
     var Se;
-    const a = N, s = e, { i18nT: f, i18n: { t: u } } = he.useI18n(), n = Ke(), { axiosInstance: x } = $e((Se = s.config) == null ? void 0 : Se.axiosRequestConfig), ae = k(() => s.config.app !== "kongManager" || !!s.config.disableSorting), R = {
+    const a = N, t = e, { i18nT: f, i18n: { t: u } } = he.useI18n(), n = Ke(), { axiosInstance: x } = $e((Se = t.config) == null ? void 0 : Se.axiosRequestConfig), ae = k(() => t.config.app !== "kongManager" || !!t.config.disableSorting), R = {
       // the Name column is non-hidable
       name: { label: u("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 }
     };
-    s.config.app === "kongManager" && (R.consumers_count = { label: u("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), R.tags = { label: u("consumer_groups.list.table_headers.tags"), sortable: !1 };
+    t.config.app === "kongManager" && (R.consumers_count = { label: u("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), R.tags = { label: u("consumer_groups.list.table_headers.tags"), sortable: !1 };
     const ue = R, ie = (r) => ({
       "data-testid": r.username ?? r.custom_id ?? r.id
     }), Z = () => {
-      s.config.consumerId ? c() : n.push(s.config.createRoute);
+      t.config.consumerId ? c() : n.push(t.config.createRoute);
     }, T = k(() => {
       var m, _, G;
-      let r = `${s.config.apiBaseUrl}${Y.list[s.config.app][$.value ? "forConsumer" : "all"]}`;
-      return s.config.app === "konnect" && (r = r.replace(/{controlPlaneId}/gi, ((m = s.config) == null ? void 0 : m.controlPlaneId) || "")), r.replace(/\/{workspace}/gi, (_ = s.config) != null && _.workspace ? `/${s.config.workspace}` : "").replace(/{consumerId}/gi, ((G = s.config) == null ? void 0 : G.consumerId) || "");
-    }), K = I(""), oe = k(() => {
-      const r = s.config.app === "konnect" || s.config.isExactMatch;
+      let r = `${t.config.apiBaseUrl}${Y.list[t.config.app][$.value ? "forConsumer" : "all"]}`;
+      return t.config.app === "konnect" && (r = r.replace(/{controlPlaneId}/gi, ((m = t.config) == null ? void 0 : m.controlPlaneId) || ""), V.value && t.config.isExactMatch && (r += "?list_consumers=false")), r.replace(/\/{workspace}/gi, (_ = t.config) != null && _.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((G = t.config) == null ? void 0 : G.consumerId) || "");
+    }), V = I(""), oe = k(() => {
+      const r = t.config.app === "konnect" || t.config.isExactMatch;
       return r ? {
         isExactMatch: r,
         fields: {
@@ -364,19 +364,19 @@ const he = {
         fields: {
           name: R.name
         },
-        schema: s.config.filterSchema
+        schema: t.config.filterSchema
       };
-    }), { hasRecords: te, handleStateChange: se } = Xe(K), le = k(() => te.value && s.config.app === "konnect"), $ = k(() => !!s.config.consumerId), Q = k(
+    }), { hasRecords: te, handleStateChange: se } = Xe(V), le = k(() => te.value && t.config.app === "konnect"), $ = k(() => !!t.config.consumerId), Q = k(
       () => $.value ? "kong-ui-entities-consumer-groups-list-in-consumer-page" : "kong-ui-entities-consumer-groups-list"
-    ), M = k(() => s.config.app === "konnect" && K.value ? "consumer_group" : $.value && !s.config.paginatedEndpoint ? "consumer_groups" : void 0), {
+    ), M = k(() => t.config.app === "konnect" && V.value ? "consumer_group" : $.value && !t.config.paginatedEndpoint ? "consumer_groups" : void 0), {
       fetcher: ce,
       fetcherState: de,
       fetcherCacheKey: j
-    } = Ye(k(() => ({ ...s.config, cacheIdentifier: s.cacheIdentifier })), T, M), V = () => {
-      K.value = "";
+    } = Ye(k(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), T, M), F = () => {
+      V.value = "";
     }, re = () => {
       j.value++;
-    }, F = I(null), v = async (r, m) => {
+    }, K = I(null), v = async (r, m) => {
       const _ = r.id;
       if (!await m(_)) {
         a("copy:error", {
@@ -406,14 +406,14 @@ const he = {
       });
     }, g = async (r) => {
       var _;
-      await ((_ = s.canRetrieve) == null ? void 0 : _.call(s, r)) && n.push(s.config.getViewRoute(r.id));
+      await ((_ = t.canRetrieve) == null ? void 0 : _.call(t, r)) && n.push(t.config.getViewRoute(r.id));
     }, C = (r) => ({
       label: u("consumer_groups.actions.view"),
-      to: s.config.getViewRoute(r)
+      to: t.config.getViewRoute(r)
     }), ee = (r) => ({
       label: u("consumer_groups.actions.edit"),
-      to: s.config.getEditRoute(r)
-    }), P = I(void 0), H = I(!1), ne = I(!1), me = I(""), ge = Ze(s.config, T.value), fe = (r) => {
+      to: t.config.getEditRoute(r)
+    }), P = I(void 0), H = I(!1), ne = I(!1), me = I(""), ge = Ze(t.config, T.value), fe = (r) => {
       P.value = r, H.value = !0;
     }, o = () => {
       H.value = !1;
@@ -443,8 +443,8 @@ const he = {
       J.value = !1, h.value = void 0;
     }, qe = k(() => {
       var m, _, G;
-      let r = `${s.config.apiBaseUrl}${Y.list[s.config.app].oneForConsumer}`;
-      return s.config.app === "konnect" && (r = r.replace(/{controlPlaneId}/gi, ((m = s.config) == null ? void 0 : m.controlPlaneId) || "")), r.replace(/\/{workspace}/gi, (_ = s.config) != null && _.workspace ? `/${s.config.workspace}` : "").replace(/{consumerId}/gi, ((G = s.config) == null ? void 0 : G.consumerId) || "");
+      let r = `${t.config.apiBaseUrl}${Y.list[t.config.app].oneForConsumer}`;
+      return t.config.app === "konnect" && (r = r.replace(/{controlPlaneId}/gi, ((m = t.config) == null ? void 0 : m.controlPlaneId) || "")), r.replace(/\/{workspace}/gi, (_ = t.config) != null && _.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((G = t.config) == null ? void 0 : G.consumerId) || "");
     }), Me = I(!1), Oe = async () => {
       if (h.value) {
         Me.value = !0;
@@ -461,49 +461,49 @@ const he = {
     we(de, (r) => {
       var m, _, G;
       if (r.status === eo.Error) {
-        F.value = {
+        K.value = {
           title: u("consumer_groups.errors.general")
-        }, (G = (_ = (m = r.error) == null ? void 0 : m.response) == null ? void 0 : _.data) != null && G.message && (F.value.message = r.error.response.data.message), a("error", r.error);
+        }, (G = (_ = (m = r.error) == null ? void 0 : m.response) == null ? void 0 : _.data) != null && G.message && (K.value.message = r.error.response.data.message), a("error", r.error);
         return;
       }
-      F.value = null;
+      K.value = null;
     });
     const be = I({
-      ctaPath: $.value ? void 0 : s.config.createRoute,
+      ctaPath: $.value ? void 0 : t.config.createRoute,
       ctaText: void 0,
-      message: `${u("consumer_groups.list.empty_state.description")}${s.config.additionMessageForEmptyState ? ` ${s.config.additionMessageForEmptyState}` : ""}`,
+      message: `${u("consumer_groups.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
       title: u("consumer_groups.title")
     }), Ce = I(!1);
     return Fe(async () => {
-      Ce.value = await s.canCreate(), Ce.value && (be.value.title = $.value ? u("consumer_groups.list.empty_state.title_for_consumer") : u("consumer_groups.list.empty_state.title"), be.value.ctaText = $.value ? u("consumer_groups.actions.add_to_group") : u("consumer_groups.actions.create"));
+      Ce.value = await t.canCreate(), Ce.value && (be.value.title = $.value ? u("consumer_groups.list.empty_state.title_for_consumer") : u("consumer_groups.list.empty_state.title"), be.value.ctaText = $.value ? u("consumer_groups.actions.add_to_group") : u("consumer_groups.actions.create"));
     }), (r, m) => {
       const _ = O("KButton"), G = O("KEmptyState"), pe = O("KDropdownItem"), Ae = O("KClipboardProvider"), Ne = O("KPrompt");
       return S(), X("div", bo, [
-        p(t(oo), {
+        p(s(oo), {
           "cache-identifier": e.cacheIdentifier,
           "disable-pagination": $.value && !e.config.paginatedEndpoint,
           "disable-sorting": ae.value,
           "empty-state-options": be.value,
           "enable-entity-actions": "",
-          "error-message": F.value,
-          fetcher: t(ce),
-          "fetcher-cache-key": t(j),
+          "error-message": K.value,
+          fetcher: s(ce),
+          "fetcher-cache-key": s(j),
           "pagination-type": "offset",
           "preferences-storage-key": Q.value,
-          query: K.value,
+          query: V.value,
           "row-attributes": ie,
-          "table-headers": t(ue),
-          onClearSearchInput: V,
+          "table-headers": s(ue),
+          onClearSearchInput: F,
           "onClick:row": m[3] || (m[3] = (y) => g(y)),
           onEmptyStateCtaClicked: q,
           onSort: re,
-          onState: t(se)
+          onState: s(se)
         }, ke({
           "toolbar-filter": d(() => [
-            $.value ? L("", !0) : (S(), W(t(so), {
+            $.value ? L("", !0) : (S(), W(s(so), {
               key: 0,
-              modelValue: K.value,
-              "onUpdate:modelValue": m[0] || (m[0] = (y) => K.value = y),
+              modelValue: V.value,
+              "onUpdate:modelValue": m[0] || (m[0] = (y) => V.value = y),
               config: oe.value
             }, null, 8, ["modelValue", "config"]))
           ]),
@@ -522,11 +522,11 @@ const he = {
                   onClick: m[1] || (m[1] = (y) => r.$emit("click:learn-more"))
                 }, {
                   default: d(() => [
-                    p(t(Pe), { decorative: "" })
+                    p(s(Pe), { decorative: "" })
                   ]),
                   _: 1
                 })) : L("", !0),
-                p(t(ye), {
+                p(s(ye), {
                   "auth-function": () => e.canCreate()
                 }, {
                   default: d(() => [
@@ -537,8 +537,8 @@ const he = {
                       onClick: Z
                     }, {
                       default: d(() => [
-                        p(t(Te)),
-                        z(" " + E(e.config.consumerId ? t(u)("consumer_groups.actions.add_to_group") : t(u)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
+                        p(s(Te)),
+                        z(" " + E(e.config.consumerId ? s(u)("consumer_groups.actions.add_to_group") : s(u)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
                       ]),
                       _: 1
                     }, 8, ["size"])
@@ -555,7 +555,7 @@ const he = {
             z(E(y ?? "-"), 1)
           ]),
           tags: d(({ rowValue: y }) => [
-            p(t(to), { tags: y }, null, 8, ["tags"])
+            p(s(to), { tags: y }, null, 8, ["tags"])
           ]),
           actions: d(({ row: y }) => [
             p(Ae, null, {
@@ -565,7 +565,7 @@ const he = {
                   onClick: (je) => v(y, ve)
                 }, {
                   default: d(() => [
-                    z(E(t(u)("consumer_groups.actions.copy_id")), 1)
+                    z(E(s(u)("consumer_groups.actions.copy_id")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -579,14 +579,14 @@ const he = {
                   onClick: (je) => w(y, ve)
                 }, {
                   default: d(() => [
-                    z(E(t(u)("consumer_groups.actions.copy_json")), 1)
+                    z(E(s(u)("consumer_groups.actions.copy_json")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            p(t(ye), {
+            p(s(ye), {
               "auth-function": () => e.canRetrieve(y)
             }, {
               default: d(() => [
@@ -598,7 +598,7 @@ const he = {
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            p(t(ye), {
+            p(s(ye), {
               "auth-function": () => e.canEdit(y)
             }, {
               default: d(() => [
@@ -609,7 +609,7 @@ const he = {
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            p(t(ye), {
+            p(s(ye), {
               "auth-function": () => e.canDelete(y)
             }, {
               default: d(() => [
@@ -620,7 +620,7 @@ const he = {
                   onClick: () => e.config.consumerId ? Re(y) : fe(y)
                 }, {
                   default: d(() => [
-                    z(E(e.config.consumerId ? t(u)("consumer_groups.actions.exit") : t(u)("consumer_groups.actions.delete")), 1)
+                    z(E(e.config.consumerId ? s(u)("consumer_groups.actions.exit") : s(u)("consumer_groups.actions.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -630,7 +630,7 @@ const he = {
           ]),
           _: 2
         }, [
-          !K.value && e.config.app === "konnect" ? {
+          !V.value && e.config.app === "konnect" ? {
             name: "empty-state",
             fn: d(() => {
               var y;
@@ -638,11 +638,11 @@ const he = {
                 p(G, {
                   "data-testid": "consumer-groups-entity-empty-state",
                   "icon-background": "",
-                  message: t(u)("consumer_groups.list.empty_state_v2.description"),
-                  title: t(u)("consumer_groups.list.empty_state_v2.title")
+                  message: s(u)("consumer_groups.list.empty_state_v2.description"),
+                  title: s(u)("consumer_groups.list.empty_state_v2.title")
                 }, ke({
                   icon: d(() => [
-                    p(t(Je), { decorative: "" })
+                    p(s(Je), { decorative: "" })
                   ]),
                   action: d(() => [
                     Ce.value ? (S(), W(_, {
@@ -651,8 +651,8 @@ const he = {
                       onClick: Z
                     }, {
                       default: d(() => [
-                        p(t(Te), { decorative: "" }),
-                        z(" " + E(t(u)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
+                        p(s(Te), { decorative: "" }),
+                        z(" " + E(s(u)("consumer_groups.list.toolbar_actions.new_consumer_group")), 1)
                       ]),
                       _: 1
                     })) : L("", !0),
@@ -662,8 +662,8 @@ const he = {
                       onClick: m[2] || (m[2] = (ve) => r.$emit("click:learn-more"))
                     }, {
                       default: d(() => [
-                        p(t(Pe), { decorative: "" }),
-                        z(" " + E(t(u)("consumer_groups.list.empty_state_v2.learn_more")), 1)
+                        p(s(Pe), { decorative: "" }),
+                        z(" " + E(s(u)("consumer_groups.list.empty_state_v2.learn_more")), 1)
                       ]),
                       _: 1
                     })
@@ -673,7 +673,7 @@ const he = {
                   (y = e.config) != null && y.isControlPlaneGroup ? {
                     name: "default",
                     fn: d(() => [
-                      z(E(t(u)("consumer_groups.list.empty_state_v2.group")), 1)
+                      z(E(s(u)("consumer_groups.list.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
                   } : void 0
@@ -683,14 +683,14 @@ const he = {
             key: "0"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-pagination", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "preferences-storage-key", "query", "table-headers", "onState"]),
-        p(t(ro), {
+        p(s(ro), {
           "action-pending": ne.value,
           "data-testid": "delete-consumer-group-modal",
-          description: t(u)("consumer_groups.delete.description"),
+          description: s(u)("consumer_groups.delete.description"),
           "entity-name": P.value && (P.value.name || P.value.id),
-          "entity-type": t(no).ConsumerGroup,
+          "entity-type": s(no).ConsumerGroup,
           error: me.value,
-          title: t(u)("consumer_groups.delete.title"),
+          title: s(u)("consumer_groups.delete.title"),
           visible: H.value,
           onCancel: o,
           onProceed: i
@@ -708,13 +708,13 @@ const he = {
           key: 1,
           "action-button-appearance": "danger",
           "data-testid": "exit-group-modal",
-          title: t(u)("consumer_groups.consumers.exit.title"),
+          title: s(u)("consumer_groups.consumers.exit.title"),
           visible: J.value,
           onCancel: xe,
           onProceed: Oe
         }, {
           default: d(() => [
-            p(t(f), {
+            p(s(f), {
               class: "exit-modal-message",
               keypath: e.config.consumerUsername ? "consumer_groups.consumers.exit.confirmation" : "consumer_groups.consumers.exit.confirmationNoUsername",
               tag: "p"
@@ -732,14 +732,14 @@ const he = {
                 key: "0"
               } : void 0
             ]), 1032, ["keypath"]),
-            U("p", null, E(t(u)("consumer_groups.consumers.exit.description")), 1)
+            U("p", null, E(s(u)("consumer_groups.consumers.exit.description")), 1)
           ]),
           _: 1
         }, 8, ["title", "visible"])) : L("", !0)
       ]);
     };
   }
-}), Vo = /* @__PURE__ */ Ee(ko, [["__scopeId", "data-v-e70b778d"]]), Io = { class: "kong-ui-entities-consumer-group-form" }, wo = { class: "select-item-container" }, $o = { class: "select-item-label" }, Eo = {
+}), Vo = /* @__PURE__ */ Ee(ko, [["__scopeId", "data-v-d84b29c3"]]), Io = { class: "kong-ui-entities-consumer-group-form" }, wo = { class: "select-item-container" }, $o = { class: "select-item-label" }, Eo = {
   key: 0,
   class: "select-item-description"
 }, xo = /* @__PURE__ */ _e({
@@ -765,7 +765,7 @@ const he = {
   emits: ["update", "error", "loading"],
   setup(e, { emit: N }) {
     var me, ge, fe;
-    const a = e, s = N, { i18n: { t: f } } = he.useI18n(), u = Ke(), n = Ge({
+    const a = e, t = N, { i18n: { t: f } } = he.useI18n(), u = Ke(), n = Ge({
       fields: {
         name: "",
         tags: "",
@@ -786,7 +786,7 @@ const he = {
     } = Be(a.config, (ge = Y.form[(me = a.config) == null ? void 0 : me.app]) == null ? void 0 : ge.consumersList, "", {
       fetchedItemsKey: "data",
       searchKeys: ["username", "custom_id", "id"]
-    }), { axiosInstance: T } = $e((fe = a.config) == null ? void 0 : fe.axiosRequestConfig), { getMessageFromError: K } = ao(), oe = uo(), te = k(() => Z.value.map((o) => ({
+    }), { axiosInstance: T } = $e((fe = a.config) == null ? void 0 : fe.axiosRequestConfig), { getMessageFromError: V } = ao(), oe = uo(), te = k(() => Z.value.map((o) => ({
       label: o.username || o.custom_id,
       value: o.id,
       selected: n.fields.consumers.includes(o.id),
@@ -803,10 +803,10 @@ const he = {
       var o;
       u.push(((o = a.config) == null ? void 0 : o.cancelRoute) || { name: "consumer-group-list" });
     }, de = (o) => {
-      s("error", o);
+      t("error", o);
     }, j = (o) => {
-      s("loading", o);
-    }, V = async (o) => {
+      t("loading", o);
+    }, F = async (o) => {
       var b, c, l, A, q;
       n.fields.name = ((b = o == null ? void 0 : o.item) == null ? void 0 : b.name) || ((c = o == null ? void 0 : o.consumer_group) == null ? void 0 : c.name) || (o == null ? void 0 : o.name) || "";
       const i = ((l = o == null ? void 0 : o.item) == null ? void 0 : l.tags) || (o == null ? void 0 : o.consumer_group.tags) || (o == null ? void 0 : o.tags) || [];
@@ -820,16 +820,16 @@ const he = {
           g(h);
         }
       Object.assign(x, n.fields);
-    }, re = k(() => oe.utf8Name(n.fields.name)), F = k(() => {
+    }, re = k(() => oe.utf8Name(n.fields.name)), K = k(() => {
       var o, i;
       return {
         name: n.fields.name,
         tags: (i = (o = n.fields.tags.split(",")) == null ? void 0 : o.map((b) => String(b || "").trim())) == null ? void 0 : i.filter((b) => b !== "")
       };
     }), v = async (o, i = "") => await T.post(M("addConsumer", i, o), { consumer: o }), w = async (o, i = "") => await T.delete(M("removeConsumer", i, o)), g = (o) => {
-      n.errorMessage = K(o), s("error", o);
+      n.errorMessage = V(o), t("error", o);
     }, C = (o = a.consumerGroupId ?? "") => {
-      Object.assign(x, n.fields), s("update", { ...n.fields, id: o });
+      Object.assign(x, n.fields), t("update", { ...n.fields, id: o });
     }, ee = (o, i, b = a.consumerGroupId ?? "") => {
       const c = o == null ? void 0 : o.find((l) => l.status !== "fulfilled");
       c ? g({
@@ -839,7 +839,7 @@ const he = {
     }, P = async () => {
       let o = "";
       try {
-        const { data: i } = await T.post(M("create"), F.value);
+        const { data: i } = await T.post(M("create"), K.value);
         o = "item" in i ? i.item.id : i.id;
       } catch (i) {
         g(i);
@@ -855,7 +855,7 @@ const he = {
     }, H = async () => {
       var b;
       try {
-        ((b = a.config) == null ? void 0 : b.app) === "konnect" ? await T.put(M("edit"), F.value) : await T.patch(M("edit"), F.value);
+        ((b = a.config) == null ? void 0 : b.app) === "konnect" ? await T.put(M("edit"), K.value) : await T.patch(M("edit"), K.value);
       } catch (c) {
         g(c);
       }
@@ -890,25 +890,25 @@ const he = {
     }), (o, i) => {
       const b = O("KInput"), c = O("KMultiselect");
       return S(), X("div", Io, [
-        p(t(io), {
+        p(s(io), {
           "can-submit": $.value && Q.value,
           config: e.config,
           "edit-id": e.consumerGroupId,
-          "entity-type": t(De).ConsumerGroup,
-          "error-message": n.errorMessage || t(ue) || re.value,
+          "entity-type": s(De).ConsumerGroup,
+          "error-message": n.errorMessage || s(ue) || re.value,
           "fetch-url": se.value,
-          "form-fields": F.value,
+          "form-fields": K.value,
           "is-readonly": n.readonly,
           onCancel: ce,
           "onFetch:error": i[3] || (i[3] = (l) => de(l)),
-          "onFetch:success": V,
+          "onFetch:success": F,
           onLoading: i[4] || (i[4] = (l) => j(l)),
           onSubmit: ne
         }, {
           default: d(() => [
-            p(t(Ve), {
-              description: t(f)("consumer_groups.form.general_info.description"),
-              title: t(f)("consumer_groups.form.general_info.title")
+            p(s(Ve), {
+              description: s(f)("consumer_groups.form.general_info.description"),
+              title: s(f)("consumer_groups.form.general_info.title")
             }, {
               default: d(() => [
                 p(b, {
@@ -917,8 +917,8 @@ const he = {
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "consumer-group-form-name",
-                  label: t(f)("consumer_groups.form.fields.name.label"),
-                  placeholder: t(f)("consumer_groups.form.fields.name.placeholder"),
+                  label: s(f)("consumer_groups.form.fields.name.label"),
+                  placeholder: s(f)("consumer_groups.form.fields.name.placeholder"),
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder"]),
@@ -928,23 +928,23 @@ const he = {
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "consumer-group-form-tags",
-                  help: t(f)("consumer_groups.form.fields.tags.help"),
-                  label: t(f)("consumer_groups.form.fields.tags.label"),
+                  help: s(f)("consumer_groups.form.fields.tags.help"),
+                  label: s(f)("consumer_groups.form.fields.tags.label"),
                   "label-attributes": {
-                    info: t(f)("consumer_groups.form.fields.tags.tooltip"),
+                    info: s(f)("consumer_groups.form.fields.tags.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: t(f)("consumer_groups.form.fields.tags.placeholder"),
+                  placeholder: s(f)("consumer_groups.form.fields.tags.placeholder"),
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder"])
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            e.hideConsumers ? L("", !0) : (S(), W(t(Ve), {
+            e.hideConsumers ? L("", !0) : (S(), W(s(Ve), {
               key: 0,
-              description: t(f)("consumer_groups.form.consumers.description"),
+              description: s(f)("consumer_groups.form.consumers.description"),
               "has-divider": "",
-              title: t(f)("consumer_groups.form.consumers.title")
+              title: s(f)("consumer_groups.form.consumers.title")
             }, {
               default: d(() => [
                 p(c, {
@@ -953,11 +953,11 @@ const he = {
                   appearance: "select",
                   autosuggest: "",
                   items: te.value,
-                  label: t(f)("consumer_groups.form.fields.consumers.label"),
-                  loading: t(R),
-                  placeholder: t(f)("consumer_groups.form.fields.consumers.placeholder"),
+                  label: s(f)("consumer_groups.form.fields.consumers.label"),
+                  loading: s(R),
+                  placeholder: s(f)("consumer_groups.form.fields.consumers.placeholder"),
                   width: "auto",
-                  onQueryChange: t(ae)
+                  onQueryChange: s(ae)
                 }, {
                   "item-template": d(({ item: l }) => {
                     var A, q, h;
@@ -1006,7 +1006,7 @@ const he = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(e) {
-    const N = e, { i18n: { t: a } } = he.useI18n(), s = k(() => Y.item[N.config.app]), f = I({
+    const N = e, { i18n: { t: a } } = he.useI18n(), t = k(() => Y.item[N.config.app]), f = I({
       id: {},
       name: {},
       created_at: {},
@@ -1016,13 +1016,13 @@ const he = {
       }
     });
     return (u, n) => (S(), X("div", Mo, [
-      p(t(lo), {
+      p(s(lo), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
         "config-schema": f.value,
         "data-key": "consumer_group",
-        "entity-type": t(De).ConsumerGroup,
-        "fetch-url": s.value,
+        "entity-type": s(De).ConsumerGroup,
+        "fetch-url": t.value,
         "hide-title": e.hideTitle,
         "onFetch:error": n[0] || (n[0] = (x) => u.$emit("fetch:error", x)),
         "onFetch:success": n[1] || (n[1] = (x) => u.$emit("fetch:success", x)),

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

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

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.config-card-fieldset[data-v-5baf64ca]{border:solid 1px #e0e4ea;border:solid var(--kui-border-width-10, 1px) var(--kui-color-border, #e0e4ea);border-radius:4px;margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:4px}.config-card-fieldset-title[data-v-5baf64ca]{font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:0 8px;padding:0 var(--kui-space-40, 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;margin:var(--kui-space-0, 0px) var(--kui-space-60, 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-2feb8c2e] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-b6987b3c]{align-items:center;border-bottom:var(--v25a763c4);box-sizing:border-box;display:var(--v1ac90e12);padding:16px;padding:var(--kui-space-60, 16px);padding-left:0;width:100%}.config-card-details-row .config-card-details-label[data-v-b6987b3c]{box-sizing:border-box;padding-right:16px;padding-right:var(--kui-space-60, 16px);width:var(--v45a716ee)}.config-card-details-row .config-card-details-label label[data-v-b6987b3c]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-b6987b3c]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-b6987b3c]{min-width:0}.config-card-details-row .config-card-details-value[data-v-b6987b3c]{box-sizing:border-box;width:var(--v45a28b38)}.config-card-details-row .config-card-details-value .truncated[data-v-b6987b3c]{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-b6987b3c]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-b6987b3c] .k-copy:not(:last-of-type){margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.config-card-details-row .config-card-details-value .method-badge-array[data-v-b6987b3c]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-b6987b3c]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.config-card-details-row[data-v-b6987b3c] .k-label{margin-bottom:0}.config-card-details-row[data-v-b6987b3c] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-b6987b3c] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-left-radius:var(--kui-border-radius-0, 0px);border-top-right-radius:0;border-top-right-radius:var(--kui-border-radius-0, 0px)}.json-endpoint{align-items:baseline;background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border-bottom:1px solid rgba(255,255,255,.2);border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border-inverse, rgba(255, 255, 255, .2));border-top-left-radius:8px;border-top-left-radius:var(--kui-border-radius-40, 8px);border-top-right-radius:8px;border-top-right-radius:var(--kui-border-radius-40, 8px);display:flex;padding:8px 0 8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-0, 0px) var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-bottom:var(--kui-space-0, 0px);padding-top:0;padding-top:var(--kui-space-0, 0px)}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--c7479fcc);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.deck-callout[data-v-0bf1334c]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-callout .cta[data-v-0bf1334c]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:0;text-decoration:underline}.generate-pat-modal[data-v-be3cd315] .modal-content{display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px)}.deck-config .k-select[data-v-f9989a30]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-config .k-code-block[data-v-f9989a30]{margin-top:12px;margin-top:var(--kui-space-50, 12px)}.deck-config .k-code-block.customization[data-v-f9989a30]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #e0e4ea;border:1px solid var(--kui-color-border, #e0e4ea);border-radius:8px;border-radius:var(--kui-border-radius-40, 8px)}.deck-config .step-title[data-v-f9989a30]{align-items:center;align-self:stretch;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:16px}.deck-config .step-title[data-v-f9989a30]:not(:first-child){margin-top:16px;margin-top:var(--kui-space-60, 16px)}.deck-config .konnect-pat-actions[data-v-f9989a30]{align-items:center;display:flex;flex-direction:row;gap:8px;gap:var(--kui-space-40, 8px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .copy-konnect-pat-alert[data-v-f9989a30]{margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .customization-footer-reminder[data-v-f9989a30]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.config-card-prop-section-title[data-v-d530ff19]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card .config-card-actions[data-v-4e8b39ce]{align-items:center;display:flex;gap:16px;gap:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .config-card-actions .row[data-v-4e8b39ce]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-4e8b39ce]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px);margin-right:8px;margin-right:var(--kui-space-40, 8px)}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-4e8b39ce]{align-items:center}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-4e8b39ce] .checkbox-label{width:max-content}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-4e8b39ce]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card[data-v-4e8b39ce]:not(:has(.config-card-details-after)) .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .config-card-details-after[data-v-4e8b39ce]{padding-top:16px;padding-top:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .book-icon[data-v-4e8b39ce]{margin-left:8px;margin-left:var(--kui-space-40, 8px);padding:0;padding:var(--kui-space-0, 0px)}.kong-ui-entity-base-form[data-v-32b5ebdc]{box-sizing:border-box;max-width:1536px;max-width:var(--kui-breakpoint-desktop, 1536px);width:100%}.kong-ui-entity-base-form[data-v-32b5ebdc] .k-slideout-title{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-size:24px!important;font-size:var(--kui-font-size-70, 24px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:32px!important;line-height:var(--kui-line-height-60, 32px)!important;margin-bottom:16px!important;margin-bottom:var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .k-card.content-card{padding:0 16px!important;padding:var(--kui-space-0, 0px) var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .tab-item>div.tab-link.has-panels{color:#6c7489!important;color:var(--kui-color-text-neutral, #6c7489)!important;font-size:14px!important;font-size:var(--kui-font-size-30, 14px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:24px!important;line-height:var(--kui-line-height-40, 24px)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .tab-item.active>div.tab-link.has-panels{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-weight:600!important;font-weight:var(--kui-font-weight-semibold, 600)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .slideout-content{overflow-y:unset!important}.kong-ui-entity-base-form.new-form-layout[data-v-32b5ebdc]{border:none;padding:0}.kong-ui-entity-base-form.new-form-layout[data-v-32b5ebdc]>.card-content>form>.form-actions{justify-content:flex-start;margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-entity-base-form.new-form-layout .form-error[data-v-32b5ebdc]{margin:20px 0 0 16px;margin:var(--kui-space-70, 20px) 0 0 var(--kui-space-60, 16px)}.kong-ui-entity-base-form .button-customize-deck-wrapper[data-v-32b5ebdc]{display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.form-actions[data-v-32b5ebdc]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--kui-space-80, 24px)}.form-actions[data-v-32b5ebdc] .k-button:last-of-type,.form-actions[data-v-32b5ebdc] .k-button:nth-last-of-type(2){margin-inline-start:16px;margin-inline-start:var(--kui-space-60, 16px)}.form-actions-reverted[data-v-32b5ebdc]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-09e101d4]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-09e101d4]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-09e101d4]{display:none}.kong-ui-entity-delete-modal .message[data-v-fc366e0c],.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .message strong[data-v-fc366e0c]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-modal .body-stacked-copy .description[data-v-fc366e0c]{margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .description>p[data-v-fc366e0c]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .message[data-v-fc366e0c]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal[data-v-fc366e0c] .prompt-confirmation-text{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal-stacked-copy[data-v-fc366e0c] .prompt-content+.prompt-confirmation-container{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-error[data-v-fc366e0c]{margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-entity-filter-input[data-v-d3d2bd8b]{width:100%}.kong-ui-entity-filter-clear[data-v-d3d2bd8b]{cursor:pointer}.kong-ui-entity-filter[data-v-d3d2bd8b]{display:flex;position:relative}.kong-ui-entity-filter[data-v-d3d2bd8b] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-d3d2bd8b] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-d3d2bd8b]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-d3d2bd8b]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 4px 20px #e0e4ea;box-shadow:0 4px 20px var(--kui-color-border, #e0e4ea);left:0;margin-top:16px;padding:8px 0 12px;padding:var(--kui-space-40, 8px) 0 var(--kui-space-50, 12px);position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-d3d2bd8b]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:16px;line-height:var(--kui-line-height-20, 16px);list-style:none;margin:0 20px;margin:var(--kui-space-0, 0px) var(--kui-space-70, 20px);padding:16px 0;padding:var(--kui-space-60, 16px) 0;position:relative;white-space:nowrap}.menu-item-title[data-v-d3d2bd8b]{align-items:center;cursor:pointer;display:flex;line-height:24px;line-height:var(--kui-line-height-40, 24px)}.menu-item-title.expanded[data-v-d3d2bd8b]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.menu-item-expand-icon[data-v-d3d2bd8b]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-d3d2bd8b]{transform:rotate(180deg)}.menu-item-indicator[data-v-d3d2bd8b]{background-color:#0044f4;background-color:var(--kui-color-background-primary, #0044f4);border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-d3d2bd8b]{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--kui-space-60, 16px)}.menu-item-body[data-v-d3d2bd8b] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-d3d2bd8b] .k-input{width:100%}.menu-item-body[data-v-d3d2bd8b] .k-select-input .input{font-size:12px}.menu-item-body[data-v-d3d2bd8b] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-d3d2bd8b]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-d3d2bd8b]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-d3d2bd8b]{padding:12px 20px 0;padding:var(--kui-space-50, 12px) var(--kui-space-70, 20px) 0}fieldset[data-v-ccd29028]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-ccd29028]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{column-gap:16px;column-gap:var(--kui-space-60, 16px);display:flex;flex-direction:column;padding-bottom:64px;padding-bottom:var(--kui-space-130, 64px);row-gap:12px;row-gap:var(--kui-space-50, 12px);width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-ccd29028]{height:fit-content;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-ccd29028]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028] p{color:#000933;color:var(--kui-color-text, #000933);font-size:14px;font-size:var(--kui-font-size-30, 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-ccd29028]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]>*:not(:first-child){margin-top:24px;margin-top:var(--kui-space-80, 24px)}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-ccd29028]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-entity-form-block .header[data-v-8e48a559]{align-items:flex-start;display:flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-entity-form-block .step[data-v-8e48a559]{align-items:center;background:#fff;background:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:1px solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;padding:var(--kui-space-20, 4px);width:32px}.kong-ui-entity-form-block .header-content[data-v-8e48a559]{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);padding-top:4px;padding-top:var(--kui-space-20, 4px)}.kong-ui-entity-form-block .header-title[data-v-8e48a559]{color:#000933;color:var(--kui-color-text, #000933);font-size:18px;font-size:var(--kui-font-size-50, 18px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:24px;line-height:var(--kui-line-height-40, 24px);margin:0}.kong-ui-entity-form-block .header-description[data-v-8e48a559]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0}.kong-ui-entity-form-block .header-extra[data-v-8e48a559]{align-items:center;display:flex;flex:0 0 auto;gap:8px;gap:var(--kui-space-40, 8px);justify-content:flex-end}.kong-ui-entity-form-block .content[data-v-8e48a559]{background:#f9fafb;background:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px);margin-top:20px;margin-top:var(--kui-space-70, 20px);padding:20px 24px;padding:var(--kui-space-70, 20px) var(--kui-space-80, 24px)}.kong-ui-entity-form-block.stepped .content[data-v-8e48a559]{margin-left:16px;margin-left:var(--kui-space-60, 16px)}.kong-ui-public-entity-link[data-v-a18d7efa]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-a18d7efa]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa] .external-link-icon{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);margin-left:4px;margin-left:var(--kui-space-20, 4px);padding:2px;padding:var(--kui-space-10, 2px)}.kong-ui-public-entity-link .entity-link-label[data-v-a18d7efa]{display:inline-block;font-weight:400;font-weight:var(--kui-font-weight-regular, 400);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-a18d7efa]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-a18d7efa]{margin-left:2px;margin-left:var(--kui-space-10, 2px)}.kong-ui-public-entity-empty-state[data-v-0b2e9081]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);gap:24px;gap:var(--kui-space-80, 24px);padding:64px 0;padding:var(--kui-space-130, 64px) var(--kui-space-0, 0px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-0b2e9081]{padding:64px 96px;padding:var(--kui-space-130, 64px) var(--kui-space-150, 96px)}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-0b2e9081]{margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-0b2e9081]{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-0b2e9081]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:8px;gap:var(--kui-space-40, 8px);line-height:32px;line-height:var(--kui-line-height-60, 32px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-0b2e9081]{font-size:18px;font-size:var(--kui-font-size-50, 18px)}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:20px;line-height:var(--kui-line-height-30, 20px);max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-0b2e9081]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-0b2e9081]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{display:flex;flex-wrap:wrap;gap:16px;gap:var(--kui-space-60, 16px);justify-content:space-around;margin-top:8px;margin-top:var(--kui-space-40, 8px);width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5);gap:8px;gap:var(--kui-space-40, 8px);height:160px;padding:20px;padding:var(--kui-space-70, 20px);width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081] .kui-icon{height:20px!important;height:var(--kui-icon-size-40, 20px)!important;width:20px!important;width:var(--kui-icon-size-40, 20px)!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-title{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-content{-webkit-box-orient:vertical;color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;gap:16px;gap:var(--kui-space-60, 16px);padding-top:48px;padding-top:var(--kui-space-110, 48px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.deck-command-editor-wrapper[data-v-c024a8eb]{position:relative}.deck-command-editor-wrapper .deck-command-editor[data-v-c024a8eb]{height:300px;margin-top:12px;margin-top:var(--kui-space-50, 12px);width:100%}.deck-command-editor-wrapper .deck-command-copy-button[data-v-c024a8eb]{opacity:0;position:absolute;right:10px;top:10px;transition:opacity linear .2s;transition:opacity linear var(--kui-animation-duration-20, .2s)}.deck-command-editor-wrapper:hover .deck-command-copy-button[data-v-c024a8eb]{opacity:1}.editor-skeleton[data-v-ec59bbd1]{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.kong-ui-entities-add-to-groups-modal .add-to-group-cta-text[data-v-54887165]{margin-top:0}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container[data-v-54887165]{margin-bottom:20px}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container .kong-ui-entity-add-to-groups-error[data-v-54887165]{margin-top:16px}.button-row[data-v-e70b778d]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-entities-consumer-groups-list[data-v-e70b778d]{width:100%}.kong-ui-entities-consumer-groups-list .kong-ui-entity-filter-input[data-v-e70b778d]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.kong-ui-entities-consumer-groups-list .exit-modal-message[data-v-e70b778d]{margin-top:0}.kong-ui-entities-consumer-group-form[data-v-d5f8b08f]{width:100%}@media screen and (min-width: 1280px){.kong-ui-entities-consumer-group-form[data-v-d5f8b08f] .form-section-wrapper{column-gap:64px;column-gap:var(--kui-space-130, 64px)}}.kong-ui-entities-consumer-group-form .select-item-container .select-item-label[data-v-d5f8b08f]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entities-consumer-group-form .select-item-container .select-item-description[data-v-d5f8b08f]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px)}
+@charset "UTF-8";.config-card-fieldset[data-v-5baf64ca]{border:solid 1px #e0e4ea;border:solid var(--kui-border-width-10, 1px) var(--kui-color-border, #e0e4ea);border-radius:4px;margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:4px}.config-card-fieldset-title[data-v-5baf64ca]{font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:0 8px;padding:0 var(--kui-space-40, 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;margin:var(--kui-space-0, 0px) var(--kui-space-60, 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-2feb8c2e] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-b6987b3c]{align-items:center;border-bottom:var(--v25a763c4);box-sizing:border-box;display:var(--v1ac90e12);padding:16px;padding:var(--kui-space-60, 16px);padding-left:0;width:100%}.config-card-details-row .config-card-details-label[data-v-b6987b3c]{box-sizing:border-box;padding-right:16px;padding-right:var(--kui-space-60, 16px);width:var(--v45a716ee)}.config-card-details-row .config-card-details-label label[data-v-b6987b3c]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-b6987b3c]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-b6987b3c]{min-width:0}.config-card-details-row .config-card-details-value[data-v-b6987b3c]{box-sizing:border-box;width:var(--v45a28b38)}.config-card-details-row .config-card-details-value .truncated[data-v-b6987b3c]{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-b6987b3c]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-b6987b3c] .k-copy:not(:last-of-type){margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.config-card-details-row .config-card-details-value .method-badge-array[data-v-b6987b3c]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-b6987b3c]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.config-card-details-row[data-v-b6987b3c] .k-label{margin-bottom:0}.config-card-details-row[data-v-b6987b3c] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-b6987b3c] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-left-radius:var(--kui-border-radius-0, 0px);border-top-right-radius:0;border-top-right-radius:var(--kui-border-radius-0, 0px)}.json-endpoint{align-items:baseline;background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border-bottom:1px solid rgba(255,255,255,.2);border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border-inverse, rgba(255, 255, 255, .2));border-top-left-radius:8px;border-top-left-radius:var(--kui-border-radius-40, 8px);border-top-right-radius:8px;border-top-right-radius:var(--kui-border-radius-40, 8px);display:flex;padding:8px 0 8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-0, 0px) var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-bottom:var(--kui-space-0, 0px);padding-top:0;padding-top:var(--kui-space-0, 0px)}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--c7479fcc);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.deck-callout[data-v-0bf1334c]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-callout .cta[data-v-0bf1334c]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:0;text-decoration:underline}.generate-pat-modal[data-v-be3cd315] .modal-content{display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px)}.deck-config .k-select[data-v-f9989a30]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-config .k-code-block[data-v-f9989a30]{margin-top:12px;margin-top:var(--kui-space-50, 12px)}.deck-config .k-code-block.customization[data-v-f9989a30]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #e0e4ea;border:1px solid var(--kui-color-border, #e0e4ea);border-radius:8px;border-radius:var(--kui-border-radius-40, 8px)}.deck-config .step-title[data-v-f9989a30]{align-items:center;align-self:stretch;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:16px}.deck-config .step-title[data-v-f9989a30]:not(:first-child){margin-top:16px;margin-top:var(--kui-space-60, 16px)}.deck-config .konnect-pat-actions[data-v-f9989a30]{align-items:center;display:flex;flex-direction:row;gap:8px;gap:var(--kui-space-40, 8px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .copy-konnect-pat-alert[data-v-f9989a30]{margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .customization-footer-reminder[data-v-f9989a30]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.config-card-prop-section-title[data-v-d530ff19]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card .config-card-actions[data-v-4e8b39ce]{align-items:center;display:flex;gap:16px;gap:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .config-card-actions .row[data-v-4e8b39ce]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-4e8b39ce]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px);margin-right:8px;margin-right:var(--kui-space-40, 8px)}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-4e8b39ce]{align-items:center}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-4e8b39ce] .checkbox-label{width:max-content}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-4e8b39ce]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card[data-v-4e8b39ce]:not(:has(.config-card-details-after)) .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .config-card-details-after[data-v-4e8b39ce]{padding-top:16px;padding-top:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .book-icon[data-v-4e8b39ce]{margin-left:8px;margin-left:var(--kui-space-40, 8px);padding:0;padding:var(--kui-space-0, 0px)}.kong-ui-entity-base-form[data-v-32b5ebdc]{box-sizing:border-box;max-width:1536px;max-width:var(--kui-breakpoint-desktop, 1536px);width:100%}.kong-ui-entity-base-form[data-v-32b5ebdc] .k-slideout-title{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-size:24px!important;font-size:var(--kui-font-size-70, 24px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:32px!important;line-height:var(--kui-line-height-60, 32px)!important;margin-bottom:16px!important;margin-bottom:var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .k-card.content-card{padding:0 16px!important;padding:var(--kui-space-0, 0px) var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .tab-item>div.tab-link.has-panels{color:#6c7489!important;color:var(--kui-color-text-neutral, #6c7489)!important;font-size:14px!important;font-size:var(--kui-font-size-30, 14px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:24px!important;line-height:var(--kui-line-height-40, 24px)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .tab-item.active>div.tab-link.has-panels{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-weight:600!important;font-weight:var(--kui-font-weight-semibold, 600)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .slideout-content{overflow-y:unset!important}.kong-ui-entity-base-form.new-form-layout[data-v-32b5ebdc]{border:none;padding:0}.kong-ui-entity-base-form.new-form-layout[data-v-32b5ebdc]>.card-content>form>.form-actions{justify-content:flex-start;margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-entity-base-form.new-form-layout .form-error[data-v-32b5ebdc]{margin:20px 0 0 16px;margin:var(--kui-space-70, 20px) 0 0 var(--kui-space-60, 16px)}.kong-ui-entity-base-form .button-customize-deck-wrapper[data-v-32b5ebdc]{display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.form-actions[data-v-32b5ebdc]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--kui-space-80, 24px)}.form-actions[data-v-32b5ebdc] .k-button:last-of-type,.form-actions[data-v-32b5ebdc] .k-button:nth-last-of-type(2){margin-inline-start:16px;margin-inline-start:var(--kui-space-60, 16px)}.form-actions-reverted[data-v-32b5ebdc]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-09e101d4]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-09e101d4]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-09e101d4]{display:none}.kong-ui-entity-delete-modal .message[data-v-fc366e0c],.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .message strong[data-v-fc366e0c]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-modal .body-stacked-copy .description[data-v-fc366e0c]{margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .description>p[data-v-fc366e0c]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .message[data-v-fc366e0c]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal[data-v-fc366e0c] .prompt-confirmation-text{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal-stacked-copy[data-v-fc366e0c] .prompt-content+.prompt-confirmation-container{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-error[data-v-fc366e0c]{margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-entity-filter-input[data-v-d3d2bd8b]{width:100%}.kong-ui-entity-filter-clear[data-v-d3d2bd8b]{cursor:pointer}.kong-ui-entity-filter[data-v-d3d2bd8b]{display:flex;position:relative}.kong-ui-entity-filter[data-v-d3d2bd8b] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-d3d2bd8b] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-d3d2bd8b]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-d3d2bd8b]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 4px 20px #e0e4ea;box-shadow:0 4px 20px var(--kui-color-border, #e0e4ea);left:0;margin-top:16px;padding:8px 0 12px;padding:var(--kui-space-40, 8px) 0 var(--kui-space-50, 12px);position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-d3d2bd8b]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:16px;line-height:var(--kui-line-height-20, 16px);list-style:none;margin:0 20px;margin:var(--kui-space-0, 0px) var(--kui-space-70, 20px);padding:16px 0;padding:var(--kui-space-60, 16px) 0;position:relative;white-space:nowrap}.menu-item-title[data-v-d3d2bd8b]{align-items:center;cursor:pointer;display:flex;line-height:24px;line-height:var(--kui-line-height-40, 24px)}.menu-item-title.expanded[data-v-d3d2bd8b]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.menu-item-expand-icon[data-v-d3d2bd8b]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-d3d2bd8b]{transform:rotate(180deg)}.menu-item-indicator[data-v-d3d2bd8b]{background-color:#0044f4;background-color:var(--kui-color-background-primary, #0044f4);border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-d3d2bd8b]{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--kui-space-60, 16px)}.menu-item-body[data-v-d3d2bd8b] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-d3d2bd8b] .k-input{width:100%}.menu-item-body[data-v-d3d2bd8b] .k-select-input .input{font-size:12px}.menu-item-body[data-v-d3d2bd8b] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-d3d2bd8b]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-d3d2bd8b]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-d3d2bd8b]{padding:12px 20px 0;padding:var(--kui-space-50, 12px) var(--kui-space-70, 20px) 0}fieldset[data-v-ccd29028]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-ccd29028]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{column-gap:16px;column-gap:var(--kui-space-60, 16px);display:flex;flex-direction:column;padding-bottom:64px;padding-bottom:var(--kui-space-130, 64px);row-gap:12px;row-gap:var(--kui-space-50, 12px);width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-ccd29028]{height:fit-content;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-ccd29028]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028] p{color:#000933;color:var(--kui-color-text, #000933);font-size:14px;font-size:var(--kui-font-size-30, 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-ccd29028]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]>*:not(:first-child){margin-top:24px;margin-top:var(--kui-space-80, 24px)}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-ccd29028]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-entity-form-block .header[data-v-8e48a559]{align-items:flex-start;display:flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-entity-form-block .step[data-v-8e48a559]{align-items:center;background:#fff;background:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:1px solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;padding:var(--kui-space-20, 4px);width:32px}.kong-ui-entity-form-block .header-content[data-v-8e48a559]{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);padding-top:4px;padding-top:var(--kui-space-20, 4px)}.kong-ui-entity-form-block .header-title[data-v-8e48a559]{color:#000933;color:var(--kui-color-text, #000933);font-size:18px;font-size:var(--kui-font-size-50, 18px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:24px;line-height:var(--kui-line-height-40, 24px);margin:0}.kong-ui-entity-form-block .header-description[data-v-8e48a559]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0}.kong-ui-entity-form-block .header-extra[data-v-8e48a559]{align-items:center;display:flex;flex:0 0 auto;gap:8px;gap:var(--kui-space-40, 8px);justify-content:flex-end}.kong-ui-entity-form-block .content[data-v-8e48a559]{background:#f9fafb;background:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px);margin-top:20px;margin-top:var(--kui-space-70, 20px);padding:20px 24px;padding:var(--kui-space-70, 20px) var(--kui-space-80, 24px)}.kong-ui-entity-form-block.stepped .content[data-v-8e48a559]{margin-left:16px;margin-left:var(--kui-space-60, 16px)}.kong-ui-public-entity-link[data-v-a18d7efa]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-a18d7efa]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa] .external-link-icon{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);margin-left:4px;margin-left:var(--kui-space-20, 4px);padding:2px;padding:var(--kui-space-10, 2px)}.kong-ui-public-entity-link .entity-link-label[data-v-a18d7efa]{display:inline-block;font-weight:400;font-weight:var(--kui-font-weight-regular, 400);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-a18d7efa]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-a18d7efa]{margin-left:2px;margin-left:var(--kui-space-10, 2px)}.kong-ui-public-entity-empty-state[data-v-0b2e9081]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);gap:24px;gap:var(--kui-space-80, 24px);padding:64px 0;padding:var(--kui-space-130, 64px) var(--kui-space-0, 0px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-0b2e9081]{padding:64px 96px;padding:var(--kui-space-130, 64px) var(--kui-space-150, 96px)}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-0b2e9081]{margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-0b2e9081]{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-0b2e9081]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:8px;gap:var(--kui-space-40, 8px);line-height:32px;line-height:var(--kui-line-height-60, 32px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-0b2e9081]{font-size:18px;font-size:var(--kui-font-size-50, 18px)}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:20px;line-height:var(--kui-line-height-30, 20px);max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-0b2e9081]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-0b2e9081]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{display:flex;flex-wrap:wrap;gap:16px;gap:var(--kui-space-60, 16px);justify-content:space-around;margin-top:8px;margin-top:var(--kui-space-40, 8px);width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5);gap:8px;gap:var(--kui-space-40, 8px);height:160px;padding:20px;padding:var(--kui-space-70, 20px);width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081] .kui-icon{height:20px!important;height:var(--kui-icon-size-40, 20px)!important;width:20px!important;width:var(--kui-icon-size-40, 20px)!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-title{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-content{-webkit-box-orient:vertical;color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;gap:16px;gap:var(--kui-space-60, 16px);padding-top:48px;padding-top:var(--kui-space-110, 48px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.deck-command-editor-wrapper[data-v-c024a8eb]{position:relative}.deck-command-editor-wrapper .deck-command-editor[data-v-c024a8eb]{height:300px;margin-top:12px;margin-top:var(--kui-space-50, 12px);width:100%}.deck-command-editor-wrapper .deck-command-copy-button[data-v-c024a8eb]{opacity:0;position:absolute;right:10px;top:10px;transition:opacity linear .2s;transition:opacity linear var(--kui-animation-duration-20, .2s)}.deck-command-editor-wrapper:hover .deck-command-copy-button[data-v-c024a8eb]{opacity:1}.editor-skeleton[data-v-ec59bbd1]{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.kong-ui-entities-add-to-groups-modal .add-to-group-cta-text[data-v-54887165]{margin-top:0}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container[data-v-54887165]{margin-bottom:20px}.kong-ui-entities-add-to-groups-modal .add-to-group-form-container .kong-ui-entity-add-to-groups-error[data-v-54887165]{margin-top:16px}.button-row[data-v-d84b29c3]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-entities-consumer-groups-list[data-v-d84b29c3]{width:100%}.kong-ui-entities-consumer-groups-list .kong-ui-entity-filter-input[data-v-d84b29c3]{margin-right:12px;margin-right:var(--kui-space-50, 12px)}.kong-ui-entities-consumer-groups-list .exit-modal-message[data-v-d84b29c3]{margin-top:0}.kong-ui-entities-consumer-group-form[data-v-d5f8b08f]{width:100%}@media screen and (min-width: 1280px){.kong-ui-entities-consumer-group-form[data-v-d5f8b08f] .form-section-wrapper{column-gap:64px;column-gap:var(--kui-space-130, 64px)}}.kong-ui-entities-consumer-group-form .select-item-container .select-item-label[data-v-d5f8b08f]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entities-consumer-group-form .select-item-container .select-item-description[data-v-d5f8b08f]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px)}

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

@@ -1 +1 @@
-{"version":3,"file":"ConsumerGroupList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConsumerGroupList.vue"],"names":[],"mappings":"AAkrBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAkBvC,OAAO,KAAK,EACV,kCAAkC,EAClC,8BAA8B,EAC9B,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AAQjB,OAAO,gDAAgD,CAAA;AAkqCvD,QAAA,MAAM,YAAY;IAGhB,oHAAoH;;cAElG,QAAQ,CAAC,8BAA8B,GAAG,kCAAkC,CAAC;;4BAEzE,8BAA8B,GAAG,kCAAkC,KAAG,OAAO;;;;;;IAYnG,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;;IAxCjH,oHAAoH;;cAElG,QAAQ,CAAC,8BAA8B,GAAG,kCAAkC,CAAC;;4BAEzE,8BAA8B,GAAG,kCAAkC,KAAG,OAAO;;;;;;IAYnG,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;;;qBAtB9E,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;qBAM1B,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;mBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;uBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;;4EAU3E,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ConsumerGroupList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConsumerGroupList.vue"],"names":[],"mappings":"AAurBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAkBvC,OAAO,KAAK,EACV,kCAAkC,EAClC,8BAA8B,EAC9B,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AAQjB,OAAO,gDAAgD,CAAA;AAuqCvD,QAAA,MAAM,YAAY;IAGhB,oHAAoH;;cAElG,QAAQ,CAAC,8BAA8B,GAAG,kCAAkC,CAAC;;4BAEzE,8BAA8B,GAAG,kCAAkC,KAAG,OAAO;;;;;;IAYnG,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;;IAxCjH,oHAAoH;;cAElG,QAAQ,CAAC,8BAA8B,GAAG,kCAAkC,CAAC;;4BAEzE,8BAA8B,GAAG,kCAAkC,KAAG,OAAO;;;;;;IAYnG,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;;;;qBAtB9E,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;qBAM1B,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;mBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;uBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;;4EAU3E,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-consumer-groups",
-  "version": "4.5.1",
+  "version": "4.5.2",
   "type": "module",
   "main": "./dist/entities-consumer-groups.umd.js",
   "module": "./dist/entities-consumer-groups.es.js",
@@ -26,8 +26,8 @@
     "axios": "^1.15.2",
     "vue": ">= 3.3.13 < 4",
     "vue-router": "^4.6.4 || ^5.0.6",
-    "@kong-ui-public/i18n": "^2.4.6",
-    "@kong-ui-public/entities-shared": "^3.45.1"
+    "@kong-ui-public/entities-shared": "^3.45.2",
+    "@kong-ui-public/i18n": "^2.4.6"
   },
   "devDependencies": {
     "@kong/design-tokens": "1.20.1",
@@ -36,7 +36,7 @@
     "axios": "^1.15.2",
     "vue": "^3.5.33",
     "vue-router": "^5.0.6",
-    "@kong-ui-public/entities-shared": "^3.45.1",
+    "@kong-ui-public/entities-shared": "^3.45.2",
     "@kong-ui-public/i18n": "^2.4.6"
   },
   "repository": {