@kong-ui-public/entities-consumer-groups 1.1.11 → 1.1.13

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

@@ -108,7 +108,7 @@ function $t() {
 }
 const qe = {
   useI18n: $t
-}, me = "/api/runtime_groups/{controlPlaneId}", fe = "/{workspace}", ge = {
+}, me = "/api/runtime_groups/{controlPlaneId}", ge = "/{workspace}", fe = {
   list: {
     konnect: {
       all: `${me}/consumer_groups`,
@@ -116,9 +116,9 @@ const qe = {
       oneForConsumer: `${me}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
     },
     kongManager: {
-      all: `${fe}/consumer_groups?counter=true`,
-      forConsumer: `${fe}/consumers/{consumerId}/consumer_groups`,
-      oneForConsumer: `${fe}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
+      all: `${ge}/consumer_groups?counter=true`,
+      forConsumer: `${ge}/consumers/{consumerId}/consumer_groups`,
+      oneForConsumer: `${ge}/consumers/{consumerId}/consumer_groups/{consumerGroupId}`
     }
   },
   form: {
@@ -131,12 +131,12 @@ const qe = {
       getConsumers: `${me}/consumer_groups/{id}/consumers`
     },
     kongManager: {
-      consumersList: `${fe}/consumers`,
-      create: `${fe}/consumer_groups`,
-      edit: `${fe}/consumer_groups/{id}`,
-      addConsumer: `${fe}/consumer_groups/{id}/consumers`,
-      removeConsumer: `${fe}/consumer_groups/{id}/consumers/{consumerId}`,
-      getConsumers: `${fe}/consumer_groups/{id}/consumers`
+      consumersList: `${ge}/consumers`,
+      create: `${ge}/consumer_groups`,
+      edit: `${ge}/consumer_groups/{id}`,
+      addConsumer: `${ge}/consumer_groups/{id}/consumers`,
+      removeConsumer: `${ge}/consumer_groups/{id}/consumers/{consumerId}`,
+      getConsumers: `${ge}/consumer_groups/{id}/consumers`
     }
   }
 };
@@ -304,36 +304,36 @@ function Vt(e, o, t, a = {
     headers: e.requestHeaders
   }), { i18n: { t: r } } = Ge(), { debounce: p } = xt(), w = p(async (b) => {
     await y(b);
-  }, 200), g = A(!1), $ = A(""), h = A(""), k = A([]), F = A(void 0), S = s(o);
+  }, 200), f = A(!1), $ = A(""), h = A(""), k = A([]), F = A(void 0), S = s(o);
   let O = `${e.apiBaseUrl}${S}`;
   e.app === "konnect" ? O = O.replace(/{controlPlaneId}/gi, (e == null ? void 0 : e.controlPlaneId) || "") : e.app === "kongManager" && (O = O.replace(/\/{workspace}/gi, e != null && e.workspace ? `/${e.workspace}` : ""));
   const E = async () => {
     try {
-      g.value = !0;
+      f.value = !0;
       const { data: b } = await n.get(`${O}?size=${t}`);
       b != null && b.next || (F.value = a.fetchedItemsKey in b ? b[a.fetchedItemsKey] : []), k.value = a.fetchedItemsKey in b ? b[a.fetchedItemsKey] : [];
     } catch {
       k.value = [], $.value = r("debouncedFilter.errors.fetch");
     } finally {
-      g.value = !1;
+      f.value = !1;
     }
   }, l = A(""), y = async (b) => {
-    var f, L;
+    var g, L;
     if (l.value !== b)
       if (l.value = b || "", F.value === void 0)
         try {
-          g.value = !0, $.value = "", h.value = "";
+          f.value = !0, $.value = "", h.value = "";
           let m = O + "";
           b && (m += `/${b}`);
           const { data: q } = await n.get(`${m}?size=${t}`);
           a.fetchedItemsKey in q ? k.value = q[a.fetchedItemsKey] : q != null && q.id ? k.value = [q] : k.value = [];
         } catch (m) {
-          ((f = m == null ? void 0 : m.response) == null ? void 0 : f.status) === 404 ? h.value = r("debouncedFilter.errors.invalid") : (k.value = [], $.value = r("debouncedFilter.errors.fetch"));
+          ((g = m == null ? void 0 : m.response) == null ? void 0 : g.status) === 404 ? h.value = r("debouncedFilter.errors.invalid") : (k.value = [], $.value = r("debouncedFilter.errors.fetch"));
         } finally {
-          g.value = !1;
+          f.value = !1;
         }
       else
-        g.value = !0, h.value = "", b ? (k.value = (L = F.value) == null ? void 0 : L.filter((m) => {
+        f.value = !0, h.value = "", b ? (k.value = (L = F.value) == null ? void 0 : L.filter((m) => {
           var q;
           let x = !1;
           for (const G of a.searchKeys) {
@@ -341,10 +341,10 @@ function Vt(e, o, t, a = {
             D != null && D.includes(b.toLowerCase()) && (x = !0);
           }
           return x;
-        }), (!k.value || !k.value.length) && (h.value = r("debouncedFilter.errors.invalid"))) : k.value = F.value, g.value = !1;
+        }), (!k.value || !k.value.length) && (h.value = r("debouncedFilter.errors.invalid"))) : k.value = F.value, f.value = !1;
   };
   return {
-    loading: g,
+    loading: f,
     error: $,
     validationError: h,
     results: k,
@@ -394,12 +394,12 @@ function st(e, o) {
     () => a.value.startsWith("/") ? new URL(`${window.location.origin}${a.value}`) : new URL(a.value)
   );
   return (p) => {
-    const { page: w, pageSize: g, offset: $, sortColumnKey: h, sortColumnOrder: k, query: F } = p;
+    const { page: w, pageSize: f, offset: $, sortColumnKey: h, sortColumnOrder: k, query: F } = p;
     try {
       let S = new URL(r.value.href);
       return n.value && F ? (S.search = "", S = new URL(`${S.href}/${F}/`)) : (n.value || new URLSearchParams(F).forEach((O, E) => {
         S.searchParams.append(E, O);
-      }), h && S.searchParams.append("sort_by", h), k === "desc" && S.searchParams.append("sort_desc", "1"), S.searchParams.append("size", String(g))), $ && w !== 1 && S.searchParams.append("offset", String($)), S.href;
+      }), h && S.searchParams.append("sort_by", h), k === "desc" && S.searchParams.append("sort_desc", "1"), S.searchParams.append("size", String(f))), $ && w !== 1 && S.searchParams.append("offset", String($)), S.href;
     } catch (S) {
       return console.error("RouteList(fetcher)", S), a.value;
     }
@@ -414,7 +414,7 @@ function Lt(e, o, t = "data") {
   return { fetcher: async (w) => {
     try {
       p.value = { status: ve.Loading };
-      const g = r(w), { data: $ } = await n.get(g), h = t && t.replace(/[^\w-_]/gi, "");
+      const f = r(w), { data: $ } = await n.get(f), h = t && t.replace(/[^\w-_]/gi, "");
       let k;
       $[h] && Array.isArray($[h]) ? k = $[h] : k = Object.keys($).length ? [$] : [];
       const F = {
@@ -430,19 +430,19 @@ function Lt(e, o, t = "data") {
         status: ve.Idle,
         response: F
       }, F;
-    } catch (g) {
+    } catch (f) {
       const $ = {
         data: [],
         total: 0
       };
-      return w.query && g.response.status === 404 ? (p.value = {
+      return w.query && f.response.status === 404 ? (p.value = {
         status: ve.NoResults,
         response: $,
-        error: g
+        error: f
       }, $) : (p.value = {
         status: ve.Error,
         response: $,
-        error: g
+        error: f
       }, $);
     }
   }, fetcherState: p };
@@ -572,7 +572,7 @@ const re = {
       positionFixed: !0,
       maxWidth: "500px",
       placement: "bottomStart"
-    } : {}), g = I(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), $ = (k) => {
+    } : {}), f = I(() => t.format === "redacted" ? "*****" : t.format === "deleted" ? `*${t.uuid.substring(0, 5)}` : t.uuid), $ = (k) => {
       p.value = k, setTimeout(() => {
         p.value = t.tooltip;
       }, 1800);
@@ -604,7 +604,7 @@ const re = {
               e.truncated ? "truncated-uuid" : null,
               e.useMono ? "mono" : null
             ])
-          }, T(g.value), 3)
+          }, T(f.value), 3)
         ], 8, ta)) : Z("", !0),
         (u(), H(Ve(e.tooltip ? "KTooltip" : "div"), ot(w.value, { class: "uuid-icon-wrapper" }), {
           default: c(() => [
@@ -660,13 +660,13 @@ const re = {
   },
   setup(e) {
     const o = e, { i18n: { t } } = re.useI18n(), { convertKeyToTitle: a } = re.useStringHelpers(), n = I(() => o.item.key ?? "json-array-item"), r = I(() => o.item.value ?? o.item), p = I(() => {
-      const g = JSON.parse(JSON.stringify(r.value));
-      return o.isArrayItem && delete g.name, g;
+      const f = JSON.parse(JSON.stringify(r.value));
+      return o.isArrayItem && delete f.name, f;
     }), w = I(() => {
-      var g;
-      return o.isArrayItem ? (g = r.value) != null && g.name ? a(r.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: o.index }) : "";
+      var f;
+      return o.isArrayItem ? (f = r.value) != null && f.name ? a(r.value.name, "_") : t("baseConfigCard.general.entryTitle", { index: o.index }) : "";
     });
-    return (g, $) => (u(), H(Ve(e.isArrayItem ? "fieldset" : "div"), {
+    return (f, $) => (u(), H(Ve(e.isArrayItem ? "fieldset" : "div"), {
       class: Ie(e.isArrayItem ? "config-card-fieldset" : "config-card-json-item")
     }, {
       default: c(() => [
@@ -739,7 +739,7 @@ const re = {
       }, 8, ["appearance"]);
     };
   }
-}), ca = "#0044f4", da = "#e0e4ea", pa = "#3a3f51", ma = "1px", fa = { class: "config-card-details-row" }, ga = ["data-testid"], ya = ["data-testid"], va = ["data-testid"], ha = ["data-testid"], ba = { key: 1 }, _a = ["data-testid"], ka = ["data-testid"], Ca = ["data-testid"], Ia = ["data-testid"], wa = ["title"], Sa = {
+}), ca = "#0044f4", da = "#e0e4ea", pa = "#3a3f51", ma = "1px", ga = { class: "config-card-details-row" }, fa = ["data-testid"], ya = ["data-testid"], va = ["data-testid"], ha = ["data-testid"], ba = { key: 1 }, _a = ["data-testid"], ka = ["data-testid"], Ca = ["data-testid"], Ia = ["data-testid"], wa = ["title"], Sa = {
   name: "ConfigCardItem",
   components: { CopyUuid: ut, JsonCardItem: ct, StatusBadge: ua, InternalLinkItem: ia }
 }, $a = /* @__PURE__ */ te({
@@ -765,11 +765,11 @@ const re = {
     const t = e;
     yt((k) => ({
       "2c6ac268": $.value ? "none" : `solid ${s(ma)} ${s(da)}`,
-      c7a65802: g.value && p.value ? "block" : "flex",
-      "778426fe": g.value && p.value ? "100%" : t.slim ? "50%" : "25%",
-      "777f9b48": g.value && p.value ? "100%" : t.slim ? "50%" : "75%"
+      c7a65802: f.value && p.value ? "block" : "flex",
+      "778426fe": f.value && p.value ? "100%" : t.slim ? "50%" : "25%",
+      "777f9b48": f.value && p.value ? "100%" : t.slim ? "50%" : "75%"
     }));
-    const a = Fe(), { i18n: { t: n, formatUnixTimeStamp: r } } = re.useI18n(), p = I(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), w = I(() => !!(t.item.tooltip || a["label-tooltip"])), g = I(() => t.item.type === Q.Json || t.item.type === Q.JsonArray), $ = I(() => t.item.type === Q.JsonArray), h = I(() => {
+    const a = Fe(), { i18n: { t: n, formatUnixTimeStamp: r } } = re.useI18n(), p = I(() => t.item.value !== void 0 && t.item.value !== null && t.item.value !== ""), w = I(() => !!(t.item.tooltip || a["label-tooltip"])), f = I(() => t.item.type === Q.Json || t.item.type === Q.JsonArray), $ = I(() => t.item.type === Q.JsonArray), h = I(() => {
       switch (t.item.type) {
         case Q.ID:
           return {
@@ -898,7 +898,7 @@ const re = {
     });
     return (k, F) => {
       const S = U("KLabel"), O = U("KBadge"), E = U("KMethodBadge");
-      return u(), P("div", fa, [
+      return u(), P("div", ga, [
         V("div", {
           class: "config-card-details-label",
           "data-testid": `${e.item.key}-label`
@@ -925,7 +925,7 @@ const re = {
               } : void 0
             ]), 1024)
           ], !0)
-        ], 8, ga),
+        ], 8, fa),
         V("div", {
           class: "config-card-details-value",
           "data-testid": `${e.item.key}-property-value`
@@ -1070,7 +1070,7 @@ const re = {
   emits: ["loading", "fetch:success", "fetch:error", "copy:success", "copy:error"],
   setup(e, { emit: o }) {
     var t;
-    const a = e, n = Fe(), { i18n: { t: r } } = re.useI18n(), { getMessageFromError: p } = re.useErrors(), { convertKeyToTitle: w } = re.useStringHelpers(), { axiosInstance: g } = re.useAxios({
+    const a = e, n = Fe(), { i18n: { t: r } } = re.useI18n(), { getMessageFromError: p } = re.useErrors(), { convertKeyToTitle: w } = re.useStringHelpers(), { axiosInstance: f } = re.useAxios({
       headers: (t = a.config) == null ? void 0 : t.requestHeaders
     }), $ = {
       id: {
@@ -1166,7 +1166,7 @@ const re = {
     }), y = I(() => {
       const m = [];
       return l.value.basic.length && m.push("basic"), l.value.advanced.length && m.push("advanced"), l.value.plugin.length && m.push("plugin"), m;
-    }), b = (m) => !!(m.tooltip || n[`${m.key}-label-tooltip`]), f = I(() => {
+    }), b = (m) => !!(m.tooltip || n[`${m.key}-label-tooltip`]), g = I(() => {
       var m, q;
       let x = `${a.config.apiBaseUrl}${a.fetchUrl}`;
       return a.config.app === "konnect" ? x = x.replace(/{controlPlaneId}/gi, ((m = a.config) == null ? void 0 : m.controlPlaneId) || "") : a.config.app === "kongManager" && (x = x.replace(/\/{workspace}/gi, (q = a.config) != null && q.workspace ? `/${a.config.workspace}` : "")), x = x.replace(/{id}/gi, a.config.entityId), x;
@@ -1178,7 +1178,7 @@ const re = {
     }, { immediate: !0 }), Te(async () => {
       k.value = !1, h.value = !0;
       try {
-        const { data: m } = await g.get(f.value);
+        const { data: m } = await f.get(g.value);
         if (a.dataKey)
           if (typeof m[a.dataKey] < "u")
             S.value = { ...m[a.dataKey] };
@@ -1342,7 +1342,7 @@ const re = {
     var t;
     const a = e, n = je(), { i18n: { t: r } } = re.useI18n(), { getMessageFromError: p } = re.useErrors(), { axiosInstance: w } = re.useAxios({
       headers: (t = a.config) == null ? void 0 : t.requestHeaders
-    }), g = A(!1), $ = A(!1), h = A(""), k = I(() => a.canSubmit === !1 || a.isReadonly), F = I(() => {
+    }), f = A(!1), $ = A(!1), h = A(""), k = I(() => a.canSubmit === !1 || a.isReadonly), F = I(() => {
       var l, y;
       if (!a.editId)
         return "";
@@ -1355,28 +1355,28 @@ const re = {
     }, E = () => {
       k.value || o("submit");
     };
-    return he(() => g.value, (l) => {
+    return he(() => f.value, (l) => {
       o("loading", l);
     }, { immediate: !0 }), Te(async () => {
       if (a.editId)
         try {
-          $.value = !1, g.value = !0;
+          $.value = !1, f.value = !0;
           const { data: l } = await w.get(F.value);
           o("fetch:success", l);
         } catch (l) {
           const y = p(l);
           h.value = y.startsWith("code") ? r("baseForm.errors.edit") : y, $.value = !0, o("fetch:error", l);
         } finally {
-          g.value = !1;
+          f.value = !1;
         }
     }), (l, y) => {
-      const b = U("KSkeleton"), f = U("KEmptyState"), L = U("KAlert"), m = U("KButton"), q = U("KCard");
+      const b = U("KSkeleton"), g = U("KEmptyState"), L = U("KAlert"), m = U("KButton"), q = U("KCard");
       return u(), H(q, { class: "kong-ui-entity-base-form" }, {
         body: c(() => [
-          g.value ? (u(), H(b, {
+          f.value ? (u(), H(b, {
             key: 0,
             type: "form"
-          })) : $.value ? (u(), H(f, {
+          })) : $.value ? (u(), H(g, {
             key: 1,
             "cta-text": s(r)("baseForm.actions.back"),
             "data-testid": "form-fetch-error",
@@ -1461,8 +1461,8 @@ const re = {
       r && (r.disconnect(), r = void 0);
     }, w = () => {
       var E, l, y;
-      $.value = ((E = a.value) == null ? void 0 : E.getBoundingClientRect().width) || 0, h.value = ((l = t.value) == null ? void 0 : l.clientWidth) || 0, k.value = ((y = g.value) == null ? void 0 : y.innerText) || "";
-    }, g = A({}), $ = A(0), h = A(0), k = A(""), F = I(() => [a.value, t.value]), S = he(
+      $.value = ((E = a.value) == null ? void 0 : E.getBoundingClientRect().width) || 0, h.value = ((l = t.value) == null ? void 0 : l.clientWidth) || 0, k.value = ((y = f.value) == null ? void 0 : y.innerText) || "";
+    }, f = A({}), $ = A(0), h = A(0), k = A(""), F = I(() => [a.value, t.value]), S = he(
       F,
       (E) => {
         if (n.value && (p(), "ResizeObserver" in window && window)) {
@@ -1485,7 +1485,7 @@ const re = {
       const y = U("KTooltip");
       return u(), P("span", {
         ref_key: "contentRef",
-        ref: g,
+        ref: f,
         class: "content-wrapper"
       }, [
         n.value ? (u(), P("span", Fa, [
@@ -1611,32 +1611,32 @@ const re = {
   },
   emits: ["click:row", "sort", "clear-search-input", "empty-state-cta-clicked"],
   setup(e, { emit: o }) {
-    const t = e, { i18n: { t: a } } = re.useI18n(), n = I(() => t.cacheIdentifier || t.preferencesStorageKey), r = (f) => f.hasData || !!t.query, p = I(() => {
-      const f = [];
+    const t = e, { i18n: { t: a } } = re.useI18n(), n = I(() => t.cacheIdentifier || t.preferencesStorageKey), r = (g) => g.hasData || !!t.query, p = I(() => {
+      const g = [];
       return Object.keys(t.tableHeaders).forEach((L) => {
         const m = t.tableHeaders[L];
-        f.push({
+        g.push({
           label: m.label ?? L,
           key: L,
           sortable: m.sortable ?? !1
         });
-      }), t.enableEntityActions && f.push({
+      }), t.enableEntityActions && g.push({
         key: "actions",
         hideLabel: !0
-      }), f;
-    }), w = (f) => ({
-      "data-rowid": f.id,
-      "data-testid": f.name,
-      ...t.rowAttributes(f)
-    }), g = A({}), $ = (f) => {
+      }), g;
+    }), w = (g) => ({
+      "data-rowid": g.id,
+      "data-testid": g.name,
+      ...t.rowAttributes(g)
+    }), f = A({}), $ = (g) => {
       var L;
-      return (L = g.value) == null ? void 0 : L.$el.querySelector(`[data-rowid="${f.id}"]`);
-    }, h = (f) => {
+      return (L = f.value) == null ? void 0 : L.$el.querySelector(`[data-rowid="${g.id}"]`);
+    }, h = (g) => {
       const L = {
-        "data-testid": f.headerKey,
-        ...t.cellAttributes(f)
+        "data-testid": g.headerKey,
+        ...t.cellAttributes(g)
       };
-      return f.colIndex === 0 && (L.style = {
+      return g.colIndex === 0 && (L.style = {
         maxWidth: "250px",
         overflowX: "hidden",
         textOverflow: "ellipsis"
@@ -1645,20 +1645,20 @@ const re = {
       o("empty-state-cta-clicked"), F();
     }, F = () => {
       o("clear-search-input");
-    }, S = (f, L) => {
+    }, S = (g, L) => {
       o("click:row", L);
-    }, O = (f) => {
-      o("sort", f);
+    }, O = (g) => {
+      o("sort", g);
     }, { setTablePreferences: E, getTablePreferences: l } = Kt(), y = I(() => {
-      const f = l(t.preferencesStorageKey);
+      const g = l(t.preferencesStorageKey);
       return {
         ...t.initialFetcherParams,
-        ...f
+        ...g
       };
-    }), b = (f) => {
-      t.preferencesStorageKey && E(t.preferencesStorageKey, f);
+    }), b = (g) => {
+      t.preferencesStorageKey && E(t.preferencesStorageKey, g);
     };
-    return (f, L) => {
+    return (g, L) => {
       const m = U("KIcon"), q = U("KButton"), x = U("KDropdownMenu"), G = U("KTable"), D = U("KCard");
       return u(), H(D, {
         class: "kong-ui-entity-base-table",
@@ -1667,7 +1667,7 @@ const re = {
         body: c(() => [
           B(G, {
             ref_key: "tableRefs",
-            ref: g,
+            ref: f,
             "cache-identifier": n.value,
             "cell-attrs": h,
             "disable-pagination-page-jump": e.disablePaginationPageJump,
@@ -1698,9 +1698,9 @@ const re = {
           }, Ce({
             toolbar: c(({ state: R }) => [
               Ae(V("div", Oa, [
-                X(f.$slots, "toolbar-filter", {}, void 0, !0),
-                f.$slots["toolbar-button"] ? (u(), P("div", La, [
-                  X(f.$slots, "toolbar-button", {}, void 0, !0)
+                X(g.$slots, "toolbar-filter", {}, void 0, !0),
+                g.$slots["toolbar-button"] ? (u(), P("div", La, [
+                  X(g.$slots, "toolbar-button", {}, void 0, !0)
                 ])) : Z("", !0)
               ], 512), [
                 [Pe, r(R)]
@@ -1716,7 +1716,7 @@ const re = {
                   width: e.dropdownMenuWidth
                 }, {
                   items: c(() => [
-                    X(f.$slots, "actions", {
+                    X(g.$slots, "actions", {
                       row: R,
                       rowKey: d,
                       rowValue: v
@@ -1752,7 +1752,7 @@ const re = {
                   "row-el": $(v)
                 }, {
                   default: c(() => [
-                    X(f.$slots, d, {
+                    X(g.$slots, d, {
                       row: v,
                       rowKey: _,
                       rowValue: N
@@ -1820,7 +1820,7 @@ const re = {
     }, p = () => {
       o("proceed");
     };
-    return (w, g) => {
+    return (w, f) => {
       const $ = U("KAlert"), h = U("KPrompt");
       return u(), H(h, {
         "action-button-text": "Yes, delete",
@@ -1949,15 +1949,15 @@ const re = {
         r.value[b] = y;
       });
     });
-    const g = () => {
+    const f = () => {
       n.value = !n.value;
     }, $ = (l) => {
       o("update:modelValue", l);
     }, h = (l) => `filter-${l}`, k = (l) => {
       var y, b;
-      return (((b = (y = t.config.schema) == null ? void 0 : y[l]) == null ? void 0 : b.values) ?? []).map((f) => ({
-        value: f,
-        label: f
+      return (((b = (y = t.config.schema) == null ? void 0 : y[l]) == null ? void 0 : b.values) ?? []).map((g) => ({
+        value: g,
+        label: g
       }));
     }, F = (l) => {
       var y, b;
@@ -1970,11 +1970,11 @@ const re = {
     }, O = () => {
       r.value = {}, E(!0);
     }, E = (l = !1) => {
-      const y = Object.keys(r.value).reduce((b, f) => (r.value[f] && (b[f] = `${r.value[f]}`), b), {});
+      const y = Object.keys(r.value).reduce((b, g) => (r.value[g] && (b[g] = `${r.value[g]}`), b), {});
       l && (n.value = !1), o("update:modelValue", new URLSearchParams(y).toString());
     };
     return (l, y) => {
-      const b = U("KInput"), f = U("KButton"), L = U("KSelect"), m = U("KMenuItem"), q = U("KMenu");
+      const b = U("KInput"), g = U("KButton"), L = U("KSelect"), m = U("KMenuItem"), q = U("KMenu");
       return e.config.isExactMatch ? (u(), H(b, {
         key: 0,
         autocomplete: "off",
@@ -1989,11 +1989,11 @@ const re = {
         ]),
         _: 1
       }, 8, ["model-value", "placeholder"])) : (u(), P("div", ao, [
-        B(f, {
+        B(g, {
           appearance: "btn-link",
           "data-testid": "filter-button",
           icon: "filter",
-          onClick: g
+          onClick: f
         }, {
           default: c(() => [
             W(T(s(a)("filter.filterButtonText")) + " " + T(p.value.length > 0 ? `(${p.value.length})` : ""), 1)
@@ -2002,7 +2002,7 @@ const re = {
         }),
         Ae(V("div", {
           class: "kong-ui-entity-filter-backdrop",
-          onClick: g
+          onClick: f
         }, null, 512), [
           [Pe, n.value]
         ]),
@@ -2050,7 +2050,7 @@ const re = {
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "type"]))
                   ]),
                   V("div", lo, [
-                    B(f, {
+                    B(g, {
                       appearance: "btn-link",
                       "data-testid": "apply-filter",
                       size: "small",
@@ -2061,7 +2061,7 @@ const re = {
                       ]),
                       _: 1
                     }),
-                    B(f, {
+                    B(g, {
                       appearance: "btn-link",
                       "data-testid": "clear-filter",
                       size: "small",
@@ -2079,7 +2079,7 @@ const re = {
             }, 1032, ["data-testid", "last-menu-item"]))), 128))
           ]),
           actionButton: c(() => [
-            B(f, { onClick: O }, {
+            B(g, { onClick: O }, {
               default: c(() => [
                 W(T(s(a)("filter.clearAllButtonText")), 1)
               ]),
@@ -2129,10 +2129,10 @@ const re = {
 }, mo = {
   key: 1,
   class: "form-section-description"
-}, fo = {
+}, go = {
   key: 2,
   class: "form-section-footer"
-}, go = { class: "form-section-content" }, yo = /* @__PURE__ */ te({
+}, fo = { class: "form-section-content" }, yo = /* @__PURE__ */ te({
   __name: "EntityFormSection",
   props: {
     title: {
@@ -2172,11 +2172,11 @@ const re = {
               V("p", null, T(e.description), 1)
             ], !0)
           ])) : Z("", !0),
-          s(o).footer ? (u(), P("div", fo, [
+          s(o).footer ? (u(), P("div", go, [
             X(t.$slots, "footer", {}, void 0, !0)
           ])) : Z("", !0)
         ], 2)),
-        V("div", go, [
+        V("div", fo, [
           X(t.$slots, "default", {}, void 0, !0)
         ])
       ])
@@ -2209,19 +2209,19 @@ const _o = { class: "add-to-group-form-container" }, ko = { class: "add-to-group
     }), r = A([]), {
       debouncedQueryChange: p,
       loading: w,
-      allRecords: g,
+      allRecords: f,
       error: $,
       loadItems: h,
       results: k
     } = pt(
       t.config,
-      ge.list[t.config.app].all,
+      fe.list[t.config.app].all,
       "",
       {
         fetchedItemsKey: "data",
         searchKeys: ["name", "id"]
       }
-    ), F = I(() => $.value ? a("consumer_groups.errors.general") : ""), S = A(0), O = I(() => g.value === void 0), E = I(() => k.value.map((d) => ({
+    ), F = I(() => $.value ? a("consumer_groups.errors.general") : ""), S = A(0), O = I(() => f.value === void 0), E = I(() => k.value.map((d) => ({
       label: d.name,
       value: d.id,
       selected: r.value.includes(d.id),
@@ -2229,16 +2229,16 @@ const _o = { class: "add-to-group-form-container" }, ko = { class: "add-to-group
       // we need this to determine whether or not to show the description text
     }))), l = (d) => {
       var _;
-      const v = O.value ? k.value.find((N) => N.id === d) : (_ = g.value) == null ? void 0 : _.find((N) => N.id === d);
+      const v = O.value ? k.value.find((N) => N.id === d) : (_ = f.value) == null ? void 0 : _.find((N) => N.id === d);
       return v ? v.name : d;
     }, y = () => {
       L.value = "", b.value = [], G.value = [], o("cancel");
-    }, b = A([]), f = A(!1), L = A(""), m = async () => {
+    }, b = A([]), g = A(!1), L = A(""), m = async () => {
       if (!r.value.length) {
         L.value = "", G.value = [], o("cancel");
         return;
       }
-      f.value = !0, L.value = "", b.value = [], G.value = [];
+      g.value = !0, L.value = "", b.value = [], G.value = [];
       try {
         const d = r.value.map((N) => x(N)), v = await Promise.allSettled(d);
         let _ = !0;
@@ -2248,11 +2248,11 @@ const _o = { class: "add-to-group-form-container" }, ko = { class: "add-to-group
       } catch {
         L.value = a("consumer_groups.errors.add"), o("error", L.value);
       } finally {
-        f.value = !1;
+        g.value = !1;
       }
     }, q = I(() => {
       var v, _, N, ne;
-      let d = `${t.config.apiBaseUrl}${ge.list[t.config.app].forConsumer}`;
+      let d = `${t.config.apiBaseUrl}${fe.list[t.config.app].forConsumer}`;
       return t.config.app === "konnect" ? d = d.replace(/{controlPlaneId}/gi, ((v = t.config) == null ? void 0 : v.controlPlaneId) || "").replace(/{consumerId}/gi, ((_ = t.config) == null ? void 0 : _.consumerId) || "") : t.config.app === "kongManager" && (d = d.replace(/\/{workspace}/gi, (N = t.config) != null && N.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((ne = t.config) == null ? void 0 : ne.consumerId) || "")), d;
     }), x = async (d) => {
       const v = {
@@ -2278,7 +2278,7 @@ const _o = { class: "add-to-group-form-container" }, ko = { class: "add-to-group
     }), (d, v) => {
       const _ = U("KMultiselect"), N = U("KAlert"), ne = U("KPrompt");
       return u(), H(ne, {
-        "action-pending": f.value,
+        "action-pending": g.value,
         class: "kong-ui-entities-add-to-groups-modal",
         "data-testid": "add-to-group-modal",
         "is-visible": e.visible,
@@ -2299,7 +2299,7 @@ const _o = { class: "add-to-group-form-container" }, ko = { class: "add-to-group
               label: s(a)("consumer_groups.consumers.add.consumer_groups_label"),
               loading: s(w),
               placeholder: s(a)("consumer_groups.consumers.add.consumer_group_placeholder"),
-              readonly: f.value,
+              readonly: g.value,
               required: "",
               width: "100%",
               onQueryChange: s(p)
@@ -2342,25 +2342,25 @@ const De = (e, o) => {
       type: String,
       default: ""
     },
-    /** An asynchronous function, that returns a boolean, that evaluates if the user can create a new entity */
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can create a new entity */
     canCreate: {
       type: Function,
       required: !1,
       default: async () => !0
     },
-    /** An asynchronous function, that returns a boolean, that evaluates if the user can delete a given entity */
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can delete a given entity */
     canDelete: {
       type: Function,
       required: !1,
       default: async () => !0
     },
-    /** An asynchronous function, that returns a boolean, that evaluates if the user can edit a given entity */
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can edit a given entity */
     canEdit: {
       type: Function,
       required: !1,
       default: async () => !0
     },
-    /** An asynchronous function, that returns a boolean, that evaluates if the user can retrieve (view details) a given entity */
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can retrieve (view details) a given entity */
     canRetrieve: {
       type: Function,
       required: !1,
@@ -2372,7 +2372,7 @@ const De = (e, o) => {
     var He;
     const t = e, { i18nT: a, i18n: { t: n } } = qe.useI18n(), r = je(), { axiosInstance: p } = Ne({
       headers: (He = t.config) == null ? void 0 : He.requestHeaders
-    }), w = A(1), g = I(() => !!t.config.consumerId), $ = I(() => t.config.app !== "kongManager" || !!t.config.disableSorting), h = {
+    }), w = A(1), f = I(() => !!t.config.consumerId), $ = I(() => t.config.app !== "kongManager" || !!t.config.disableSorting), h = {
       name: { label: n("consumer_groups.list.table_headers.name"), searchable: !0, sortable: !0 }
     };
     t.config.app === "kongManager" && (h.consumers_count = { label: n("consumer_groups.list.table_headers.consumers_count"), searchable: !1, sortable: !1 }), h.tags = { label: n("consumer_groups.list.table_headers.tags"), sortable: !1 };
@@ -2380,7 +2380,7 @@ const De = (e, o) => {
       "data-testid": C.username ?? C.custom_id ?? C.id
     }), S = I(() => {
       var J, ee, ie, ye;
-      let C = `${t.config.apiBaseUrl}${ge.list[t.config.app][g.value ? "forConsumer" : "all"]}`;
+      let C = `${t.config.apiBaseUrl}${fe.list[t.config.app][f.value ? "forConsumer" : "all"]}`;
       return t.config.app === "konnect" ? C = C.replace(/{controlPlaneId}/gi, ((J = t.config) == null ? void 0 : J.controlPlaneId) || "").replace(/{consumerId}/gi, ((ee = t.config) == null ? void 0 : ee.consumerId) || "") : t.config.app === "kongManager" && (C = C.replace(/\/{workspace}/gi, (ie = t.config) != null && ie.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((ye = t.config) == null ? void 0 : ye.consumerId) || "")), C;
     }), O = A(""), E = I(() => {
       const C = t.config.app === "konnect" || t.config.isExactMatch;
@@ -2398,7 +2398,7 @@ const De = (e, o) => {
         },
         schema: t.config.filterSchema
       };
-    }), l = I(() => g.value ? "consumer_groups" : void 0), { fetcher: y, fetcherState: b } = bo(t.config, S.value, l.value), f = () => {
+    }), l = I(() => f.value ? "consumer_groups" : void 0), { fetcher: y, fetcherState: b } = bo(t.config, S.value, l.value), g = () => {
       O.value = "";
     }, L = () => {
       w.value++;
@@ -2462,14 +2462,14 @@ const De = (e, o) => {
     }, K = (C, J) => {
       J || i(), w.value++, o("add:success", C);
     }, Y = () => {
-      g.value && Se();
+      f.value && Se();
     }, M = A(void 0), j = A(!1), se = A(""), ce = (C) => {
       M.value = C, j.value = !0;
     }, ae = () => {
       j.value = !1, M.value = void 0;
     }, _e = I(() => {
       var J, ee, ie, ye;
-      let C = `${t.config.apiBaseUrl}${ge.list[t.config.app].oneForConsumer}`;
+      let C = `${t.config.apiBaseUrl}${fe.list[t.config.app].oneForConsumer}`;
       return t.config.app === "konnect" ? C = C.replace(/{controlPlaneId}/gi, ((J = t.config) == null ? void 0 : J.controlPlaneId) || "").replace(/{consumerId}/gi, ((ee = t.config) == null ? void 0 : ee.consumerId) || "") : t.config.app === "kongManager" && (C = C.replace(/\/{workspace}/gi, (ie = t.config) != null && ie.workspace ? `/${t.config.workspace}` : "").replace(/{consumerId}/gi, ((ye = t.config) == null ? void 0 : ye.consumerId) || "")), C;
     }), $e = A(!1), mt = async () => {
       if (M.value) {
@@ -2492,19 +2492,19 @@ const De = (e, o) => {
       m.value = "";
     });
     const Re = A({
-      ctaPath: g.value ? void 0 : t.config.createRoute,
+      ctaPath: f.value ? void 0 : t.config.createRoute,
       ctaText: void 0,
       message: n("consumer_groups.list.empty_state.description"),
       title: n("consumer_groups.title")
     });
     return Te(async () => {
-      await t.canCreate() && (Re.value.title = g.value ? n("consumer_groups.list.empty_state.title_for_consumer") : n("consumer_groups.list.empty_state.title"), Re.value.ctaText = g.value ? n("consumer_groups.actions.add_to_group") : n("consumer_groups.actions.create"));
+      await t.canCreate() && (Re.value.title = f.value ? n("consumer_groups.list.empty_state.title_for_consumer") : n("consumer_groups.list.empty_state.title"), Re.value.ctaText = f.value ? n("consumer_groups.actions.add_to_group") : n("consumer_groups.actions.create"));
     }), (C, J) => {
-      const ee = U("KButton"), ie = U("KBadge"), ye = U("KTruncate"), xe = U("KDropdownItem"), Je = U("KClipboardProvider"), ft = U("KPrompt");
+      const ee = U("KButton"), ie = U("KBadge"), ye = U("KTruncate"), xe = U("KDropdownItem"), Je = U("KClipboardProvider"), gt = U("KPrompt");
       return u(), P("div", $o, [
         B(s(Da), {
           "cache-identifier": e.cacheIdentifier,
-          "disable-pagination": g.value,
+          "disable-pagination": f.value,
           "disable-pagination-page-jump": "",
           "disable-sorting": $.value,
           "empty-state-options": Re.value,
@@ -2517,13 +2517,13 @@ const De = (e, o) => {
           query: O.value,
           "row-attributes": F,
           "table-headers": s(k),
-          onClearSearchInput: f,
+          onClearSearchInput: g,
           "onClick:row": J[3] || (J[3] = (z) => G(z)),
           onEmptyStateCtaClicked: Y,
           onSort: L
         }, {
           "toolbar-filter": c(() => [
-            g.value ? Z("", !0) : (u(), H(s(uo), {
+            f.value ? Z("", !0) : (u(), H(s(uo), {
               key: 0,
               modelValue: O.value,
               "onUpdate:modelValue": J[0] || (J[0] = (z) => O.value = z),
@@ -2579,7 +2579,7 @@ const De = (e, o) => {
               default: c(({ copyToClipboard: ke }) => [
                 B(xe, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (gt) => q(z, ke)
+                  onClick: (ft) => q(z, ke)
                 }, {
                   default: c(() => [
                     W(T(s(n)("consumer_groups.actions.copy_id")), 1)
@@ -2593,7 +2593,7 @@ const De = (e, o) => {
               default: c(({ copyToClipboard: ke }) => [
                 B(xe, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (gt) => x(z, ke)
+                  onClick: (ft) => x(z, ke)
                 }, {
                   default: c(() => [
                     W(T(s(n)("consumer_groups.actions.copy_json")), 1)
@@ -2668,7 +2668,7 @@ const De = (e, o) => {
           "onAdd:success": J[5] || (J[5] = (z) => K(z)),
           onCancel: i
         }, null, 8, ["config", "visible"])) : Z("", !0),
-        e.config.consumerId && M.value ? (u(), H(ft, {
+        e.config.consumerId && M.value ? (u(), H(gt, {
           key: 1,
           "data-testid": "exit-group-modal",
           "is-visible": j.value,
@@ -2704,7 +2704,7 @@ const De = (e, o) => {
     };
   }
 });
-const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-3e0f738f"]]), Ko = { class: "kong-ui-entities-consumer-group-form" }, Bo = { class: "select-item-label" }, Ao = {
+const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-80c4522c"]]), Ko = { class: "kong-ui-entities-consumer-group-form" }, Bo = { class: "select-item-label" }, Ao = {
   key: 0,
   class: "select-item-desc"
 }, Po = /* @__PURE__ */ te({
@@ -2740,11 +2740,11 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-3e0f738f"]]), Ko = { cl
       consumers: []
     }), {
       debouncedQueryChange: w,
-      loading: g,
+      loading: f,
       error: $,
       loadItems: h,
       results: k
-    } = pt(t.config, (be = ge.form[(Ke = t.config) == null ? void 0 : Ke.app]) == null ? void 0 : be.consumersList, "", {
+    } = pt(t.config, (be = fe.form[(Ke = t.config) == null ? void 0 : Ke.app]) == null ? void 0 : be.consumersList, "", {
       fetchedItemsKey: "data",
       searchKeys: ["username", "custom_id"]
     }), { axiosInstance: F } = Ne({
@@ -2757,10 +2757,10 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-3e0f738f"]]), Ko = { cl
       // we need this to determine whether or not to show the description text
     }))), E = I(() => {
       var i, K;
-      return (K = ge.form[(i = t.config) == null ? void 0 : i.app]) == null ? void 0 : K.edit;
-    }), l = I(() => t.consumerGroupId ? Me.Edit : Me.Create), y = I(() => !!r.fields.name && !G.value), b = I(() => JSON.stringify(r.fields) !== JSON.stringify(p)), f = (i, K = "", Y = "") => {
+      return (K = fe.form[(i = t.config) == null ? void 0 : i.app]) == null ? void 0 : K.edit;
+    }), l = I(() => t.consumerGroupId ? Me.Edit : Me.Create), y = I(() => !!r.fields.name && !G.value), b = I(() => JSON.stringify(r.fields) !== JSON.stringify(p)), g = (i, K = "", Y = "") => {
       var j, se, ce, ae, _e, $e;
-      let M = `${(j = t.config) == null ? void 0 : j.apiBaseUrl}${ge.form[(se = t.config) == null ? void 0 : se.app][i]}`;
+      let M = `${(j = t.config) == null ? void 0 : j.apiBaseUrl}${fe.form[(se = t.config) == null ? void 0 : se.app][i]}`;
       return ((ce = t.config) == null ? void 0 : ce.app) === "konnect" ? M = M.replace(/{controlPlaneId}/gi, ((ae = t.config) == null ? void 0 : ae.controlPlaneId) || "") : ((_e = t.config) == null ? void 0 : _e.app) === "kongManager" && (M = M.replace(/\/{workspace}/gi, ($e = t.config) != null && $e.workspace ? `/${t.config.workspace}` : "")), M = M.replace(/{id}/gi, K || t.consumerGroupId), (i === "addConsumer" || i === "removeConsumer") && (M = M.replace(/{consumerId}/gi, Y)), M;
     }, L = () => {
       var i;
@@ -2777,7 +2777,7 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-3e0f738f"]]), Ko = { cl
         r.fields.consumers = ((se = i == null ? void 0 : i.consumers) == null ? void 0 : se.map((ae) => ae.id)) || [];
       else
         try {
-          const { data: ae } = await F.get(f("getConsumers"));
+          const { data: ae } = await F.get(g("getConsumers"));
           r.fields.consumers = "consumers" in ae ? (ce = ae == null ? void 0 : ae.consumers) == null ? void 0 : ce.map((_e) => _e.id) : [];
         } catch (ae) {
           v(ae);
@@ -2789,7 +2789,7 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-3e0f738f"]]), Ko = { cl
         name: r.fields.name,
         tags: (K = (i = r.fields.tags.split(",")) == null ? void 0 : i.map((Y) => String(Y || "").trim())) == null ? void 0 : K.filter((Y) => Y !== "")
       };
-    }, R = async (i, K = "") => await F.post(f("addConsumer", K, i), { consumer: i }), d = async (i, K = "") => await F.delete(f("removeConsumer", K, i)), v = (i) => {
+    }, R = async (i, K = "") => await F.post(g("addConsumer", K, i), { consumer: i }), d = async (i, K = "") => await F.delete(g("removeConsumer", K, i)), v = (i) => {
       r.errorMessage = S(i), o("error", i);
     }, _ = (i = t.consumerGroupId) => {
       Object.assign(p, r.fields), o("update", { ...r.fields, id: i });
@@ -2802,7 +2802,7 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-3e0f738f"]]), Ko = { cl
     }, ne = async () => {
       let i = "";
       try {
-        const { data: K } = await F.post(f("create"), D());
+        const { data: K } = await F.post(g("create"), D());
         i = "item" in K ? K.item.id : K.id;
       } catch (K) {
         v(K);
@@ -2819,7 +2819,7 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-3e0f738f"]]), Ko = { cl
     }, oe = async () => {
       var Y;
       try {
-        ((Y = t.config) == null ? void 0 : Y.app) === "konnect" ? await F.put(f("edit"), D()) : await F.patch(f("edit"), D());
+        ((Y = t.config) == null ? void 0 : Y.app) === "konnect" ? await F.put(g("edit"), D()) : await F.patch(g("edit"), D());
       } catch (M) {
         v(M);
       }
@@ -2916,7 +2916,7 @@ const Lo = /* @__PURE__ */ De(To, [["__scopeId", "data-v-3e0f738f"]]), Ko = { cl
                   "expand-selected": "",
                   items: O.value,
                   label: s(a)("consumer_groups.form.fields.consumers.label"),
-                  loading: s(g),
+                  loading: s(f),
                   placeholder: s(a)("consumer_groups.form.fields.consumers.placeholder"),
                   width: "auto",
                   onQueryChange: s(w)
@@ -2959,7 +2959,7 @@ const Go = /* @__PURE__ */ De(Po, [["__scopeId", "data-v-2da12897"]]), Mo = { cl
   },
   emits: ["loading", "fetch:error", "fetch:success", "copy:success"],
   setup(e) {
-    const o = e, { i18n: { t } } = qe.useI18n(), a = I(() => ge.form[o.config.app].edit), n = A({
+    const o = e, { i18n: { t } } = qe.useI18n(), a = I(() => fe.form[o.config.app].edit), n = A({
       id: {},
       name: {},
       created_at: {},