@kong-ui-public/entities-consumers 4.1.8-pr.2363.eb8ab08a3.0 → 4.1.8-pr.2402.92359608a.0

package/dist/entities-consumers.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as ue, ref as k, computed as I, watch as ve, resolveComponent as N, createBlock as ne, openBlock as D, unref as o, withCtx as l, createElementVNode as _, createVNode as c, createElementBlock as L, createCommentVNode as z, toDisplayString as b, Fragment as je, renderList as Le, onBeforeMount as He, createSlots as fe, createTextVNode as te, Teleport as Je, renderSlot as Ee, reactive as Se } from "vue";
-import { useRouter as Ae } from "vue-router";
-import { BookIcon as Qe, AddIcon as ze, TeamIcon as We } from "@kong/icons";
-import { createI18n as Ye, i18nTComponent as Xe } from "@kong-ui-public/i18n";
-import { useAxios as ye, useDebouncedFilter as Ze, useTableState as et, useFetcher as tt, useDeleteUrlBuilder as ot, FetcherStatus as st, EntityBaseTable as nt, PermissionsWrapper as le, TableTags as rt, EntityFilter as at, EntityEmptyState as it, EntityDeleteModal as lt, EntityTypes as ut, useErrors as ct, EntityBaseFormType as Ge, EntityBaseForm as dt, SupportedEntityType as De, EntityFormSection as mt, ConfigurationSchemaSection as Me, EntityBaseConfigCard as pt } from "@kong-ui-public/entities-shared";
-const ft = "#00abd2", gt = "24px", vt = {
+import { defineComponent as ue, ref as C, computed as I, watch as ye, resolveComponent as K, createBlock as Y, openBlock as D, unref as o, withCtx as l, createElementVNode as k, createVNode as u, createElementBlock as H, createCommentVNode as J, toDisplayString as y, Fragment as Qe, renderList as We, onBeforeMount as ze, createSlots as ge, createTextVNode as L, Teleport as Ye, renderSlot as Ge, reactive as Me } from "vue";
+import { useRouter as Fe } from "vue-router";
+import { BookIcon as De, AddIcon as xe, TeamIcon as Xe } from "@kong/icons";
+import { createI18n as Ze, i18nTComponent as et } from "@kong-ui-public/i18n";
+import { useAxios as he, useDebouncedFilter as tt, useTableState as ot, useFetcher as st, useDeleteUrlBuilder as nt, FetcherStatus as rt, EntityBaseTable as at, PermissionsWrapper as le, TableTags as it, EntityFilter as lt, EntityDeleteModal as ut, EntityTypes as ct, useErrors as dt, EntityBaseFormType as Re, EntityBaseForm as mt, SupportedEntityType as Pe, EntityFormSection as pt, ConfigurationSchemaSection as Ae, EntityBaseConfigCard as ft } from "@kong-ui-public/entities-shared";
+const gt = {
   list: {
     table_headers: {
       username: "Username",
@@ -19,7 +19,8 @@ const ft = "#00abd2", gt = "24px", vt = {
     empty_state_v2: {
       title: "Configure your first consumer",
       group: "Consumers created in gateways within this group will automatically appear here.",
-      description: "Consumers represent users or apps accessing your APIs, allowing for tailored authentication and individual access control."
+      description: "Consumers represent users or apps accessing your APIs, allowing for tailored authentication and individual access control.",
+      learn_more: "Learn more"
     },
     toolbar_actions: {
       new_consumer: "New consumer"
@@ -103,51 +104,51 @@ const ft = "#00abd2", gt = "24px", vt = {
       tooltip: "An optional set of strings associated with the Consumer for grouping and filtering."
     }
   }
-}, yt = {
-  consumers: vt
+}, vt = {
+  consumers: gt
 };
-function ht() {
-  const e = Ye("en-us", yt);
+function yt() {
+  const e = Ze("en-us", vt);
   return {
     i18n: e,
-    i18nT: Xe(e)
+    i18nT: et(e)
     // Translation component <i18n-t>
   };
 }
 const ce = {
-  useI18n: ht
-}, oe = "/v2/control-planes/{controlPlaneId}/core-entities", se = "/{workspace}", W = {
+  useI18n: yt
+}, se = "/v2/control-planes/{controlPlaneId}/core-entities", ne = "/{workspace}", X = {
   list: {
     konnect: {
-      all: `${oe}/consumers`,
-      forConsumerGroup: `${oe}/consumer_groups/{consumerGroupId}/consumers`,
-      oneForConsumerGroup: `${oe}/consumer_groups/{consumerGroupId}/consumers/{consumerId}`
-    },
-    kongManager: {
       all: `${se}/consumers`,
       forConsumerGroup: `${se}/consumer_groups/{consumerGroupId}/consumers`,
       oneForConsumerGroup: `${se}/consumer_groups/{consumerGroupId}/consumers/{consumerId}`
+    },
+    kongManager: {
+      all: `${ne}/consumers`,
+      forConsumerGroup: `${ne}/consumer_groups/{consumerGroupId}/consumers`,
+      oneForConsumerGroup: `${ne}/consumer_groups/{consumerGroupId}/consumers/{consumerId}`
     }
   },
   form: {
     konnect: {
-      validate: `${oe}/v1/schemas/json/consumer/validate`,
-      create: `${oe}/consumers`,
-      edit: `${oe}/consumers/{id}`
-    },
-    kongManager: {
-      validate: `${se}/schemas/consumers/validate`,
+      validate: `${se}/v1/schemas/json/consumer/validate`,
       create: `${se}/consumers`,
       edit: `${se}/consumers/{id}`
+    },
+    kongManager: {
+      validate: `${ne}/schemas/consumers/validate`,
+      create: `${ne}/consumers`,
+      edit: `${ne}/consumers/{id}`
     }
   }
-}, bt = { class: "add-consumer-form-container" }, Ct = { class: "add-consumer-form-cta" }, _t = { class: "select-item-label" }, kt = {
+}, ht = { class: "add-consumer-form-container" }, bt = { class: "add-consumer-form-cta" }, _t = { class: "select-item-label" }, Ct = {
   key: 0,
   class: "select-item-desc"
-}, It = {
+}, kt = {
   key: 0,
   class: "kong-ui-entity-add-consumers-error"
-}, wt = { key: 0 }, $t = /* @__PURE__ */ ue({
+}, It = { key: 0 }, wt = /* @__PURE__ */ ue({
   __name: "AddConsumerModal",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -164,135 +165,135 @@ const ce = {
   },
   emits: ["cancel", "add:success", "add:partial-success", "error"],
   setup(e, { emit: p }) {
-    var v;
-    const { i18n: { t: r } } = ce.useI18n(), t = e, $ = p, { axiosInstance: n } = ye((v = t.config) == null ? void 0 : v.axiosRequestConfig), E = k([]), {
-      debouncedQueryChange: x,
-      loading: U,
-      allRecords: B,
+    var h;
+    const { i18n: { t: r } } = ce.useI18n(), t = e, w = p, { axiosInstance: n } = he((h = t.config) == null ? void 0 : h.axiosRequestConfig), $ = C([]), {
+      debouncedQueryChange: M,
+      loading: F,
+      allRecords: q,
       error: m,
-      loadItems: Y,
-      results: H
-    } = Ze(
+      loadItems: Z,
+      results: Q
+    } = tt(
       t.config,
-      W.list[t.config.app].all,
+      X.list[t.config.app].all,
       "",
       {
         fetchedItemsKey: "data",
         searchKeys: ["username", "id"]
       }
-    ), O = (u) => u, V = I(() => m.value ? r("consumers.errors.general") : ""), re = k(0), J = I(() => B.value === void 0), Q = I(() => H.value.map((u) => ({
-      label: u.username || u.customId,
-      value: u.id,
-      selected: E.value.includes(u.id),
-      data: u
+    ), j = (c) => c, P = I(() => m.value ? r("consumers.errors.general") : ""), re = C(0), W = I(() => q.value === void 0), z = I(() => Q.value.map((c) => ({
+      label: c.username || c.customId,
+      value: c.id,
+      selected: $.value.includes(c.id),
+      data: c
       // we need this to determine whether or not to show the description text
-    }))), K = (u) => {
-      var y;
-      const C = J.value ? H.value.find((S) => S.id === u) : (y = B.value) == null ? void 0 : y.find((S) => S.id === u);
-      return C ? C.username || C.custom_id : u;
-    }, A = () => {
-      F.value = "", P.value = [], g.value = [], $("cancel");
-    }, P = k([]), R = k(!1), F = k(""), X = async () => {
-      if (!E.value.length) {
-        F.value = "", g.value = [], $("cancel");
+    }))), N = (c) => {
+      var b;
+      const _ = W.value ? Q.value.find((E) => E.id === c) : (b = q.value) == null ? void 0 : b.find((E) => E.id === c);
+      return _ ? _.username || _.custom_id : c;
+    }, x = () => {
+      T.value = "", B.value = [], g.value = [], w("cancel");
+    }, B = C([]), A = C(!1), T = C(""), ee = async () => {
+      if (!$.value.length) {
+        T.value = "", g.value = [], w("cancel");
         return;
       }
-      R.value = !0, F.value = "", P.value = [], g.value = [];
+      A.value = !0, T.value = "", B.value = [], g.value = [];
       try {
-        const u = E.value.map((S) => i(S)), C = await Promise.allSettled(u);
-        let y = !0;
-        C.forEach((S) => {
-          S.status !== "fulfilled" && (y = !1);
-        }), y ? (P.value = [], g.value = [], $("add:success", E.value), E.value = []) : (P.value.length && $("add:partial-success", P.value), E.value = [], T(C));
+        const c = $.value.map((E) => i(E)), _ = await Promise.allSettled(c);
+        let b = !0;
+        _.forEach((E) => {
+          E.status !== "fulfilled" && (b = !1);
+        }), b ? (B.value = [], g.value = [], w("add:success", $.value), $.value = []) : (B.value.length && w("add:partial-success", B.value), $.value = [], V(_));
       } catch {
-        F.value = r("consumers.errors.add"), $("error", F.value);
+        T.value = r("consumers.errors.add"), w("error", T.value);
       } finally {
-        R.value = !1;
+        A.value = !1;
       }
     }, a = I(() => {
-      var C, y, S, Z;
-      let u = `${t.config.apiBaseUrl}${W.list[t.config.app].forConsumerGroup}`;
-      return t.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((C = t.config) == null ? void 0 : C.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((y = t.config) == null ? void 0 : y.consumerGroupId) || "") : t.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (S = t.config) != null && S.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((Z = t.config) == null ? void 0 : Z.consumerGroupId) || "")), u;
-    }), i = async (u) => {
-      const C = {
-        consumer: u
+      var _, b, E, te;
+      let c = `${t.config.apiBaseUrl}${X.list[t.config.app].forConsumerGroup}`;
+      return t.config.app === "konnect" ? c = c.replace(/{controlPlaneId}/gi, ((_ = t.config) == null ? void 0 : _.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((b = t.config) == null ? void 0 : b.consumerGroupId) || "") : t.config.app === "kongManager" && (c = c.replace(/\/{workspace}/gi, (E = t.config) != null && E.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((te = t.config) == null ? void 0 : te.consumerGroupId) || "")), c;
+    }), i = async (c) => {
+      const _ = {
+        consumer: c
       };
       try {
-        const y = await n.post(a.value, C);
-        return P.value.push(u), y;
-      } catch (y) {
-        let S = `${K(u)} - ${y.message}`;
-        return y.response.status === 409 && (S = `${K(u)} - ${r("consumers.errors.already_added")}`), Promise.reject(Error(S));
+        const b = await n.post(a.value, _);
+        return B.value.push(c), b;
+      } catch (b) {
+        let E = `${N(c)} - ${b.message}`;
+        return b.response.status === 409 && (E = `${N(c)} - ${r("consumers.errors.already_added")}`), Promise.reject(Error(E));
       }
-    }, g = k([]), T = (u) => {
-      g.value = u.map((C) => {
-        var y;
-        return (y = C.reason) == null ? void 0 : y.message;
+    }, g = C([]), V = (c) => {
+      g.value = c.map((_) => {
+        var b;
+        return (b = _.reason) == null ? void 0 : b.message;
       }).filter(Boolean);
     };
-    return ve(Q, () => {
+    return ye(z, () => {
       re.value++;
-    }, { immediate: !0, deep: !0 }), ve(() => t.visible, () => {
-      t.visible && Y();
-    }, { immediate: !0 }), (u, C) => {
-      const y = N("KMultiselect"), S = N("KAlert"), Z = N("KPrompt");
-      return D(), ne(Z, {
-        "action-button-disabled": R.value,
+    }, { immediate: !0, deep: !0 }), ye(() => t.visible, () => {
+      t.visible && Z();
+    }, { immediate: !0 }), (c, _) => {
+      const b = K("KMultiselect"), E = K("KAlert"), te = K("KPrompt");
+      return D(), Y(te, {
+        "action-button-disabled": A.value,
         class: "kong-ui-entities-add-consumers-modal",
         "data-testid": "add-consumer-modal",
         title: o(r)("consumers.consumer_groups.add.title"),
         visible: e.visible,
-        onCancel: A,
-        onProceed: X
+        onCancel: x,
+        onProceed: ee
       }, {
         default: l(() => [
-          _("div", bt, [
-            _("p", Ct, b(o(r)("consumers.consumer_groups.add.ctaText")), 1),
-            c(y, {
-              modelValue: E.value,
-              "onUpdate:modelValue": C[0] || (C[0] = (G) => E.value = G),
+          k("div", ht, [
+            k("p", bt, y(o(r)("consumers.consumer_groups.add.ctaText")), 1),
+            u(b, {
+              modelValue: $.value,
+              "onUpdate:modelValue": _[0] || (_[0] = (S) => $.value = S),
               autosuggest: "",
               "data-testid": "add-consumers-multiselect",
-              "dropdown-footer-text": J.value ? o(r)("consumers.consumer_groups.add.footer") : void 0,
-              items: Q.value,
+              "dropdown-footer-text": W.value ? o(r)("consumers.consumer_groups.add.footer") : void 0,
+              items: z.value,
               label: o(r)("consumers.consumer_groups.add.consumers_label"),
-              loading: o(U),
+              loading: o(F),
               placeholder: o(r)("consumers.consumer_groups.add.consumer_placeholder"),
-              readonly: R.value,
+              readonly: A.value,
               required: "",
               width: "100%",
-              onQueryChange: o(x)
+              onQueryChange: o(M)
             }, {
-              "item-template": l(({ item: G }) => [
-                _("div", _t, b(G.label), 1),
-                O(G).data.username && O(G).data.custom_id ? (D(), L("div", kt, b(O(G).data.custom_id), 1)) : z("", !0)
+              "item-template": l(({ item: S }) => [
+                k("div", _t, y(S.label), 1),
+                j(S).data.username && j(S).data.custom_id ? (D(), H("div", Ct, y(j(S).data.custom_id), 1)) : J("", !0)
               ]),
               _: 1
             }, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly", "onQueryChange"]),
-            F.value || V.value || g.value.length ? (D(), L("div", It, [
-              c(S, { appearance: "danger" }, {
+            T.value || P.value || g.value.length ? (D(), H("div", kt, [
+              u(E, { appearance: "danger" }, {
                 default: l(() => [
-                  _("p", null, b(o(r)("consumers.errors.add")), 1),
-                  g.value.length ? (D(), L("ul", wt, [
-                    (D(!0), L(je, null, Le(g.value, (G, ee) => (D(), L("li", { key: ee }, b(G), 1))), 128))
-                  ])) : z("", !0),
-                  _("div", null, b(F.value || V.value), 1)
+                  k("p", null, y(o(r)("consumers.errors.add")), 1),
+                  g.value.length ? (D(), H("ul", It, [
+                    (D(!0), H(Qe, null, We(g.value, (S, oe) => (D(), H("li", { key: oe }, y(S), 1))), 128))
+                  ])) : J("", !0),
+                  k("div", null, y(T.value || P.value), 1)
                 ]),
                 _: 1
               })
-            ])) : z("", !0)
+            ])) : J("", !0)
           ])
         ]),
         _: 1
       }, 8, ["action-button-disabled", "title", "visible"]);
     };
   }
-}), he = (e, p) => {
+}), be = (e, p) => {
   const r = e.__vccOpts || e;
-  for (const [t, $] of p)
-    r[t] = $;
+  for (const [t, w] of p)
+    r[t] = w;
   return r;
-}, Et = /* @__PURE__ */ he($t, [["__scopeId", "data-v-d54468ab"]]), St = { class: "kong-ui-entities-consumers-list" }, Gt = { class: "button-row" }, Mt = { class: "empty-state-wrapper" }, xt = { class: "empty-state-icon-gateway" }, At = /* @__PURE__ */ ue({
+}, $t = /* @__PURE__ */ be(wt, [["__scopeId", "data-v-d54468ab"]]), Et = { class: "kong-ui-entities-consumers-list" }, St = { class: "button-row" }, Gt = { class: "empty-state-wrapper" }, Mt = /* @__PURE__ */ ue({
   __name: "ConsumerList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -338,21 +339,21 @@ const ce = {
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "add:success", "remove:success"],
   setup(e, { emit: p }) {
-    var $e;
-    const r = p, t = e, { i18nT: $, i18n: { t: n } } = ce.useI18n(), E = Ae(), { axiosInstance: x } = ye(($e = t.config) == null ? void 0 : $e.axiosRequestConfig), U = I(() => t.config.app !== "kongManager" || !!t.config.disableSorting), B = {
+    var Ee;
+    const r = p, t = e, { i18nT: w, i18n: { t: n } } = ce.useI18n(), $ = Fe(), { axiosInstance: M } = he((Ee = t.config) == null ? void 0 : Ee.axiosRequestConfig), F = I(() => t.config.app !== "kongManager" || !!t.config.disableSorting), q = {
       // the Username column is non-hidable
       username: { label: n("consumers.list.table_headers.username"), searchable: !0, sortable: !0, hidable: !1 },
       custom_id: { label: n("consumers.list.table_headers.custom_id"), searchable: !0, sortable: !0 },
       tags: { label: n("consumers.list.table_headers.tags"), sortable: !1 }
-    }, m = B, Y = (s) => ({
+    }, m = q, Z = (s) => ({
       "data-testid": s.username ?? s.custom_id ?? s.id
-    }), H = () => {
-      t.config.consumerGroupId ? Ce() : E.push(t.config.createRoute);
-    }, O = I(() => {
-      var d, h, w, j;
-      let s = `${t.config.apiBaseUrl}${W.list[t.config.app][A.value ? "forConsumerGroup" : "all"]}`;
-      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((d = t.config) == null ? void 0 : d.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((h = t.config) == null ? void 0 : h.consumerGroupId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (w = t.config) != null && w.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((j = t.config) == null ? void 0 : j.consumerGroupId) || "")), s;
-    }), V = k(""), re = I(() => {
+    }), Q = () => {
+      t.config.consumerGroupId ? Ce() : $.push(t.config.createRoute);
+    }, j = I(() => {
+      var d, v, R, U;
+      let s = `${t.config.apiBaseUrl}${X.list[t.config.app][x.value ? "forConsumerGroup" : "all"]}`;
+      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((d = t.config) == null ? void 0 : d.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((v = t.config) == null ? void 0 : v.consumerGroupId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (R = t.config) != null && R.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((U = t.config) == null ? void 0 : U.consumerGroupId) || "")), s;
+    }), P = C(""), re = I(() => {
       const s = t.config.app === "konnect" || t.config.isExactMatch;
       return s ? {
         isExactMatch: s,
@@ -360,24 +361,24 @@ const ce = {
       } : {
         isExactMatch: s,
         fields: {
-          username: B.username,
-          custom_id: B.custom_id
+          username: q.username,
+          custom_id: q.custom_id
         },
         schema: t.config.filterSchema
       };
-    }), { hasRecords: J, handleStateChange: Q } = et(V), K = I(() => J.value && t.config.app === "konnect"), A = I(() => !!t.config.consumerGroupId), P = I(
-      () => A.value ? "kong-ui-entities-consumers-list-in-group-page" : "kong-ui-entities-consumers-list"
-    ), R = I(() => A.value && !t.config.paginatedEndpoint ? "consumers" : void 0), {
-      fetcher: F,
-      fetcherState: X,
+    }), { hasRecords: W, handleStateChange: z } = ot(P), N = I(() => W.value && t.config.app === "konnect"), x = I(() => !!t.config.consumerGroupId), B = I(
+      () => x.value ? "kong-ui-entities-consumers-list-in-group-page" : "kong-ui-entities-consumers-list"
+    ), A = I(() => x.value && !t.config.paginatedEndpoint ? "consumers" : void 0), {
+      fetcher: T,
+      fetcherState: ee,
       fetcherCacheKey: a
-    } = tt(I(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), O, R), i = () => {
-      V.value = "";
+    } = st(I(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), j, A), i = () => {
+      P.value = "";
     }, g = () => {
       a.value++;
-    }, T = (s) => s ?? "-", v = k(null), u = async (s, d) => {
-      const h = s.id;
-      if (!await d(h)) {
+    }, V = (s) => s ?? "-", h = C(null), c = async (s, d) => {
+      const v = s.id;
+      if (!await d(v)) {
         r("copy:error", {
           entity: s,
           field: "id",
@@ -388,11 +389,11 @@ const ce = {
       r("copy:success", {
         entity: s,
         field: "id",
-        message: n("consumers.copy.success", { val: h })
+        message: n("consumers.copy.success", { val: v })
       });
-    }, C = (s, d) => {
-      const h = JSON.stringify(s);
-      if (!d(h)) {
+    }, _ = (s, d) => {
+      const v = JSON.stringify(s);
+      if (!d(v)) {
         r("copy:error", {
           entity: s,
           message: n("consumers.errors.copy")
@@ -403,117 +404,117 @@ const ce = {
         entity: s,
         message: n("consumers.copy.success_brief")
       });
-    }, y = async (s) => {
-      var h;
-      await ((h = t.canRetrieve) == null ? void 0 : h.call(t, s)) && E.push(t.config.getViewRoute(s.id));
-    }, S = (s) => ({
+    }, b = async (s) => {
+      var v;
+      await ((v = t.canRetrieve) == null ? void 0 : v.call(t, s)) && $.push(t.config.getViewRoute(s.id));
+    }, E = (s) => ({
       label: n("consumers.actions.view"),
       to: t.config.getViewRoute(s)
-    }), Z = (s) => ({
+    }), te = (s) => ({
       label: n("consumers.actions.edit"),
       to: t.config.getEditRoute(s)
-    }), G = k(void 0), ee = k(!1), ae = k(!1), be = k(""), Re = ot(t.config, O.value), Te = (s) => {
-      G.value = s, ee.value = !0;
-    }, Ue = () => {
-      ee.value = !1;
-    }, Ve = async () => {
-      var s, d, h;
-      if ((s = G.value) != null && s.id) {
+    }), S = C(void 0), oe = C(!1), ae = C(!1), _e = C(""), Te = nt(t.config, j.value), Ue = (s) => {
+      S.value = s, oe.value = !0;
+    }, Be = () => {
+      oe.value = !1;
+    }, Ke = async () => {
+      var s, d, v;
+      if ((s = S.value) != null && s.id) {
         ae.value = !0;
         try {
-          await x.delete(Re(G.value.id)), ae.value = !1, ee.value = !1, a.value++, r("delete:success", G.value);
-        } catch (w) {
-          be.value = ((h = (d = w.response) == null ? void 0 : d.data) == null ? void 0 : h.message) || w.message || n("consumers.errors.delete"), r("error", w);
+          await M.delete(Te(S.value.id)), ae.value = !1, oe.value = !1, a.value++, r("delete:success", S.value);
+        } catch (R) {
+          _e.value = ((v = (d = R.response) == null ? void 0 : d.data) == null ? void 0 : v.message) || R.message || n("consumers.errors.delete"), r("error", R);
         } finally {
           ae.value = !1;
         }
       }
-    }, de = k(!1), Ce = () => {
+    }, de = C(!1), Ce = () => {
       de.value = !0;
-    }, _e = () => {
+    }, ke = () => {
       de.value = !1;
-    }, ke = (s, d) => {
-      d || _e(), a.value++, r("add:success", s);
-    }, Fe = () => {
-      A.value && Ce();
-    }, q = k(void 0), me = k(!1), Pe = k(""), Be = (s) => {
-      q.value = s, me.value = !0;
-    }, Ie = () => {
-      me.value = !1, q.value = void 0;
-    }, Ke = I(() => {
-      var d, h, w, j;
-      let s = `${t.config.apiBaseUrl}${W.list[t.config.app].oneForConsumerGroup}`;
-      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((d = t.config) == null ? void 0 : d.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((h = t.config) == null ? void 0 : h.consumerGroupId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (w = t.config) != null && w.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((j = t.config) == null ? void 0 : j.consumerGroupId) || "")), s;
-    }), we = k(!1), qe = async () => {
-      if (q.value) {
-        we.value = !0;
+    }, Ie = (s, d) => {
+      d || ke(), a.value++, r("add:success", s);
+    }, qe = () => {
+      x.value && Ce();
+    }, O = C(void 0), me = C(!1), Ne = C(""), Oe = (s) => {
+      O.value = s, me.value = !0;
+    }, we = () => {
+      me.value = !1, O.value = void 0;
+    }, je = I(() => {
+      var d, v, R, U;
+      let s = `${t.config.apiBaseUrl}${X.list[t.config.app].oneForConsumerGroup}`;
+      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((d = t.config) == null ? void 0 : d.controlPlaneId) || "").replace(/{consumerGroupId}/gi, ((v = t.config) == null ? void 0 : v.consumerGroupId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (R = t.config) != null && R.workspace ? `/${t.config.workspace}` : "").replace(/{consumerGroupId}/gi, ((U = t.config) == null ? void 0 : U.consumerGroupId) || "")), s;
+    }), $e = C(!1), Le = async () => {
+      if (O.value) {
+        $e.value = !0;
         try {
-          const s = Ke.value.replace(/{consumerId}/gi, q.value.id);
-          await x.delete(s), r("remove:success", q.value), Ie(), a.value++;
+          const s = je.value.replace(/{consumerId}/gi, O.value.id);
+          await M.delete(s), r("remove:success", O.value), we(), a.value++;
         } catch (s) {
-          Pe.value = s.message || n("consumers.errors.delete"), r("error", s);
+          Ne.value = s.message || n("consumers.errors.delete"), r("error", s);
         } finally {
-          we.value = !1;
+          $e.value = !1;
         }
       }
     };
-    ve(X, (s) => {
-      var d, h, w;
-      if (s.status === st.Error) {
-        v.value = {
+    ye(ee, (s) => {
+      var d, v, R;
+      if (s.status === rt.Error) {
+        h.value = {
           title: n("consumers.errors.general")
-        }, (w = (h = (d = s.error) == null ? void 0 : d.response) == null ? void 0 : h.data) != null && w.message && (v.value.message = s.error.response.data.message), r("error", s.error);
+        }, (R = (v = (d = s.error) == null ? void 0 : d.response) == null ? void 0 : v.data) != null && R.message && (h.value.message = s.error.response.data.message), r("error", s.error);
         return;
       }
-      v.value = null;
+      h.value = null;
     });
-    const pe = k({
-      ctaPath: A.value ? void 0 : t.config.createRoute,
+    const pe = C({
+      ctaPath: x.value ? void 0 : t.config.createRoute,
       ctaText: void 0,
       message: `${n("consumers.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
       title: n("consumers.title")
-    });
-    return He(async () => {
-      await t.canCreate() && (pe.value.title = A.value ? n("consumers.list.empty_state.title_for_consumer_group") : n("consumers.list.empty_state.title"), pe.value.ctaText = A.value ? n("consumers.actions.add_consumer") : n("consumers.actions.create"));
+    }), fe = C(!1);
+    return ze(async () => {
+      fe.value = await t.canCreate(), fe.value && (pe.value.title = x.value ? n("consumers.list.empty_state.title_for_consumer_group") : n("consumers.list.empty_state.title"), pe.value.ctaText = x.value ? n("consumers.actions.add_consumer") : n("consumers.actions.create"));
     }), (s, d) => {
-      const h = N("KButton"), w = N("KDropdownItem"), j = N("KClipboardProvider"), Ne = N("KPrompt");
-      return D(), L("div", St, [
-        c(o(nt), {
+      const v = K("KButton"), R = K("KEmptyState"), U = K("KDropdownItem"), Se = K("KClipboardProvider"), He = K("KPrompt");
+      return D(), H("div", Et, [
+        u(o(at), {
           "cache-identifier": e.cacheIdentifier,
-          "disable-sorting": U.value,
+          "disable-sorting": F.value,
           "empty-state-options": pe.value,
           "enable-entity-actions": "",
-          "error-message": v.value,
-          fetcher: o(F),
+          "error-message": h.value,
+          fetcher: o(T),
           "fetcher-cache-key": o(a),
-          "hide-pagination": A.value && !e.config.paginatedEndpoint,
+          "hide-pagination": x.value && !e.config.paginatedEndpoint,
           "pagination-type": "offset",
-          "preferences-storage-key": P.value,
-          query: V.value,
-          "row-attributes": Y,
+          "preferences-storage-key": B.value,
+          query: P.value,
+          "row-attributes": Z,
           "table-headers": o(m),
           onClearSearchInput: i,
-          "onClick:row": d[3] || (d[3] = (f) => y(f)),
-          onEmptyStateCtaClicked: Fe,
+          "onClick:row": d[3] || (d[3] = (f) => b(f)),
+          onEmptyStateCtaClicked: qe,
           onSort: g,
-          onState: o(Q)
-        }, fe({
+          onState: o(z)
+        }, ge({
           "toolbar-filter": l(() => [
-            Ee(s.$slots, "toolbar-filter", {}, void 0, !0),
-            A.value ? z("", !0) : (D(), ne(o(at), {
+            Ge(s.$slots, "toolbar-filter", {}, void 0, !0),
+            x.value ? J("", !0) : (D(), Y(o(lt), {
               key: 0,
-              modelValue: V.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (f) => V.value = f),
+              modelValue: P.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (f) => P.value = f),
               config: re.value
             }, null, 8, ["modelValue", "config"]))
           ]),
           "toolbar-button": l(() => [
-            (D(), ne(Je, {
+            (D(), Y(Ye, {
               disabled: !e.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              _("div", Gt, [
-                !A.value && K.value ? (D(), ne(h, {
+              k("div", St, [
+                !x.value && N.value ? (D(), Y(v, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
@@ -522,23 +523,23 @@ const ce = {
                   onClick: d[1] || (d[1] = (f) => s.$emit("click:learn-more"))
                 }, {
                   default: l(() => [
-                    c(o(Qe), { decorative: "" })
+                    u(o(De), { decorative: "" })
                   ]),
                   _: 1
-                })) : z("", !0),
-                c(o(le), {
+                })) : J("", !0),
+                u(o(le), {
                   "auth-function": () => e.canCreate()
                 }, {
                   default: l(() => [
-                    c(h, {
+                    u(v, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-consumer",
                       size: e.useActionOutside ? "medium" : "large",
-                      onClick: H
+                      onClick: Q
                     }, {
                       default: l(() => [
-                        c(o(ze)),
-                        te(" " + b(e.config.consumerGroupId ? o(n)("consumers.actions.add_consumer") : o(n)("consumers.list.toolbar_actions.new_consumer")), 1)
+                        u(o(xe)),
+                        L(" " + y(e.config.consumerGroupId ? o(n)("consumers.actions.add_consumer") : o(n)("consumers.list.toolbar_actions.new_consumer")), 1)
                       ]),
                       _: 1
                     }, 8, ["size"])
@@ -549,78 +550,78 @@ const ce = {
             ], 8, ["disabled"]))
           ]),
           username: l(({ rowValue: f }) => [
-            _("b", null, b(T(f)), 1)
+            k("b", null, y(V(f)), 1)
           ]),
           custom_id: l(({ rowValue: f }) => [
-            te(b(T(f)), 1)
+            L(y(V(f)), 1)
           ]),
           tags: l(({ rowValue: f }) => [
-            c(o(rt), { tags: f }, null, 8, ["tags"])
+            u(o(it), { tags: f }, null, 8, ["tags"])
           ]),
           actions: l(({ row: f }) => [
-            c(j, null, {
+            u(Se, null, {
               default: l(({ copyToClipboard: ie }) => [
-                c(w, {
+                u(U, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (Oe) => u(f, ie)
+                  onClick: (Je) => c(f, ie)
                 }, {
                   default: l(() => [
-                    te(b(o(n)("consumers.actions.copy_id")), 1)
+                    L(y(o(n)("consumers.actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            c(j, null, {
+            u(Se, null, {
               default: l(({ copyToClipboard: ie }) => [
-                c(w, {
+                u(U, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (Oe) => C(f, ie)
+                  onClick: (Je) => _(f, ie)
                 }, {
                   default: l(() => [
-                    te(b(o(n)("consumers.actions.copy_json")), 1)
+                    L(y(o(n)("consumers.actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            c(o(le), {
+            u(o(le), {
               "auth-function": () => e.canRetrieve(f)
             }, {
               default: l(() => [
-                c(w, {
+                u(U, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: S(f.id)
+                  item: E(f.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            c(o(le), {
+            u(o(le), {
               "auth-function": () => e.canEdit(f)
             }, {
               default: l(() => [
-                c(w, {
+                u(U, {
                   "data-testid": "action-entity-edit",
-                  item: Z(f.id)
+                  item: te(f.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            c(o(le), {
+            u(o(le), {
               "auth-function": () => e.canDelete(f)
             }, {
               default: l(() => [
-                c(w, {
+                u(U, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: () => e.config.consumerGroupId ? Be(f) : Te(f)
+                  onClick: () => e.config.consumerGroupId ? Oe(f) : Ue(f)
                 }, {
                   default: l(() => [
-                    te(b(e.config.consumerGroupId ? o(n)("consumers.actions.remove") : o(n)("consumers.actions.delete")), 1)
+                    L(y(e.config.consumerGroupId ? o(n)("consumers.actions.remove") : o(n)("consumers.actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -630,132 +631,146 @@ const ce = {
           ]),
           _: 2
         }, [
-          !V.value && e.config.app === "konnect" ? {
+          !P.value && e.config.app === "konnect" ? {
             name: "empty-state",
             fn: l(() => {
               var f;
               return [
-                _("div", Mt, [
-                  Ee(s.$slots, "empty-state-toolbar", {}, void 0, !0),
-                  c(o(it), {
-                    "action-button-text": o(n)("consumers.list.toolbar_actions.new_consumer"),
-                    appearance: "secondary",
-                    "can-create": () => e.canCreate(),
+                k("div", Gt, [
+                  Ge(s.$slots, "empty-state-toolbar", {}, void 0, !0),
+                  u(R, {
                     "data-testid": e.config.consumerGroupId ? "nested-consumers-entity-empty-state" : "consumers-entity-empty-state",
-                    description: o(n)("consumers.list.empty_state_v2.description"),
-                    "learn-more": e.config.app === "konnect",
-                    title: o(n)("consumers.list.empty_state_v2.title"),
-                    "onClick:create": H,
-                    "onClick:learnMore": d[2] || (d[2] = (ie) => s.$emit("click:learn-more"))
-                  }, fe({
-                    image: l(() => [
-                      _("div", xt, [
-                        c(o(We), {
-                          color: o(ft),
-                          size: o(gt)
-                        }, null, 8, ["color", "size"])
-                      ])
+                    "icon-background": "",
+                    message: o(n)("consumers.list.empty_state_v2.description"),
+                    title: o(n)("consumers.list.empty_state_v2.title")
+                  }, ge({
+                    icon: l(() => [
+                      u(o(Xe), { decorative: "" })
+                    ]),
+                    action: l(() => [
+                      fe.value ? (D(), Y(v, {
+                        key: 0,
+                        "data-testid": "entity-create-button",
+                        onClick: Q
+                      }, {
+                        default: l(() => [
+                          u(o(xe), { decorative: "" }),
+                          L(" " + y(o(n)("consumers.list.toolbar_actions.new_consumer")), 1)
+                        ]),
+                        _: 1
+                      })) : J("", !0),
+                      u(v, {
+                        appearance: "secondary",
+                        "data-testid": "entity-learn-more-button",
+                        onClick: d[2] || (d[2] = (ie) => s.$emit("click:learn-more"))
+                      }, {
+                        default: l(() => [
+                          u(o(De), { decorative: "" }),
+                          L(" " + y(o(n)("consumers.list.empty_state_v2.learn_more")), 1)
+                        ]),
+                        _: 1
+                      })
                     ]),
                     _: 2
                   }, [
                     (f = e.config) != null && f.isControlPlaneGroup ? {
-                      name: "message",
+                      name: "default",
                       fn: l(() => [
-                        te(b(o(n)("consumers.list.empty_state_v2.group")), 1)
+                        L(y(o(n)("consumers.list.empty_state_v2.group")), 1)
                       ]),
                       key: "0"
                     } : void 0
-                  ]), 1032, ["action-button-text", "can-create", "data-testid", "description", "learn-more", "title"])
+                  ]), 1032, ["data-testid", "message", "title"])
                 ])
               ];
             }),
             key: "0"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "hide-pagination", "preferences-storage-key", "query", "table-headers", "onState"]),
-        c(o(lt), {
+        u(o(ut), {
           "action-button-disabled": ae.value,
           "data-testid": "delete-consumer-modal",
           description: o(n)("consumers.delete.description"),
-          "entity-name": G.value && (G.value.username || G.value.custom_id || G.value.id),
-          "entity-type": o(ut).Consumer,
-          error: be.value,
+          "entity-name": S.value && (S.value.username || S.value.custom_id || S.value.id),
+          "entity-type": o(ct).Consumer,
+          error: _e.value,
           title: o(n)("consumers.delete.title"),
-          visible: ee.value,
-          onCancel: Ue,
-          onProceed: Ve
+          visible: oe.value,
+          onCancel: Be,
+          onProceed: Ke
         }, null, 8, ["action-button-disabled", "description", "entity-name", "entity-type", "error", "title", "visible"]),
-        e.config.consumerGroupId ? (D(), ne(Et, {
+        e.config.consumerGroupId ? (D(), Y($t, {
           key: 0,
           config: e.config,
           "data-testid": "add-consumer-modal",
           visible: de.value,
-          "onAdd:partialSuccess": d[4] || (d[4] = (f) => ke(f, !0)),
-          "onAdd:success": d[5] || (d[5] = (f) => ke(f)),
-          onCancel: _e
-        }, null, 8, ["config", "visible"])) : z("", !0),
-        e.config.consumerGroupId && q.value ? (D(), ne(Ne, {
+          "onAdd:partialSuccess": d[4] || (d[4] = (f) => Ie(f, !0)),
+          "onAdd:success": d[5] || (d[5] = (f) => Ie(f)),
+          onCancel: ke
+        }, null, 8, ["config", "visible"])) : J("", !0),
+        e.config.consumerGroupId && O.value ? (D(), Y(He, {
           key: 1,
           "action-button-appearance": "danger",
           "data-testid": "remove-consumer-modal",
           title: o(n)("consumers.consumer_groups.remove.title"),
           visible: me.value,
-          onCancel: Ie,
-          onProceed: qe
+          onCancel: we,
+          onProceed: Le
         }, {
           default: l(() => [
-            c(o($), {
+            u(o(w), {
               class: "message",
               keypath: e.config.consumerGroupName ? "consumers.consumer_groups.remove.confirmation" : "consumers.consumer_groups.remove.confirmationNoCG",
               tag: "p"
-            }, fe({
+            }, ge({
               consumer: l(() => [
-                _("strong", null, b(q.value.username || q.value.custom_id || q.value.id), 1)
+                k("strong", null, y(O.value.username || O.value.custom_id || O.value.id), 1)
               ]),
               _: 2
             }, [
               e.config.consumerGroupName ? {
                 name: "consumerGroup",
                 fn: l(() => [
-                  _("strong", null, b(e.config.consumerGroupName), 1)
+                  k("strong", null, y(e.config.consumerGroupName), 1)
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["keypath"]),
-            _("p", null, b(o(n)("consumers.consumer_groups.remove.description")), 1)
+            k("p", null, y(o(n)("consumers.consumer_groups.remove.description")), 1)
           ]),
           _: 1
-        }, 8, ["title", "visible"])) : z("", !0)
+        }, 8, ["title", "visible"])) : J("", !0)
       ]);
     };
   }
-}), Qt = /* @__PURE__ */ he(At, [["__scopeId", "data-v-c5be280d"]]), M = [];
+}), Ht = /* @__PURE__ */ be(Mt, [["__scopeId", "data-v-4737bfb9"]]), G = [];
 for (let e = 0; e < 256; ++e)
-  M.push((e + 256).toString(16).slice(1));
+  G.push((e + 256).toString(16).slice(1));
 function Dt(e, p = 0) {
-  return (M[e[p + 0]] + M[e[p + 1]] + M[e[p + 2]] + M[e[p + 3]] + "-" + M[e[p + 4]] + M[e[p + 5]] + "-" + M[e[p + 6]] + M[e[p + 7]] + "-" + M[e[p + 8]] + M[e[p + 9]] + "-" + M[e[p + 10]] + M[e[p + 11]] + M[e[p + 12]] + M[e[p + 13]] + M[e[p + 14]] + M[e[p + 15]]).toLowerCase();
+  return (G[e[p + 0]] + G[e[p + 1]] + G[e[p + 2]] + G[e[p + 3]] + "-" + G[e[p + 4]] + G[e[p + 5]] + "-" + G[e[p + 6]] + G[e[p + 7]] + "-" + G[e[p + 8]] + G[e[p + 9]] + "-" + G[e[p + 10]] + G[e[p + 11]] + G[e[p + 12]] + G[e[p + 13]] + G[e[p + 14]] + G[e[p + 15]]).toLowerCase();
 }
-let ge;
-const Rt = new Uint8Array(16);
-function Tt() {
-  if (!ge) {
+let ve;
+const xt = new Uint8Array(16);
+function Rt() {
+  if (!ve) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    ge = crypto.getRandomValues.bind(crypto);
+    ve = crypto.getRandomValues.bind(crypto);
   }
-  return ge(Rt);
+  return ve(xt);
 }
-const Ut = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), xe = { randomUUID: Ut };
+const At = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ve = { randomUUID: At };
 function Vt(e, p, r) {
-  var $;
-  if (xe.randomUUID && !e)
-    return xe.randomUUID();
+  var w;
+  if (Ve.randomUUID && !e)
+    return Ve.randomUUID();
   e = e || {};
-  const t = e.random ?? (($ = e.rng) == null ? void 0 : $.call(e)) ?? Tt();
+  const t = e.random ?? ((w = e.rng) == null ? void 0 : w.call(e)) ?? Rt();
   if (t.length < 16)
     throw new Error("Random bytes length must be >= 16");
   return t[6] = t[6] & 15 | 64, t[8] = t[8] & 63 | 128, Dt(t);
 }
-const Ft = { class: "kong-ui-entities-consumer-form" }, Pt = ["id"], Bt = { class: "fields-group-text" }, Kt = ["aria-labelledby"], qt = /* @__PURE__ */ ue({
+const Ft = { class: "kong-ui-entities-consumer-form" }, Pt = ["id"], Tt = { class: "fields-group-text" }, Ut = ["aria-labelledby"], Bt = /* @__PURE__ */ ue({
   __name: "ConsumerForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -773,8 +788,8 @@ const Ft = { class: "kong-ui-entities-consumer-form" }, Pt = ["id"], Bt = { clas
   },
   emits: ["update", "error", "loading"],
   setup(e, { emit: p }) {
-    var X;
-    const r = e, t = p, { i18nT: $, i18n: { t: n } } = ce.useI18n(), E = Ae(), { axiosInstance: x } = ye((X = r.config) == null ? void 0 : X.axiosRequestConfig), { getMessageFromError: U } = ct(), B = Vt(), m = Se({
+    var ee;
+    const r = e, t = p, { i18nT: w, i18n: { t: n } } = ce.useI18n(), $ = Fe(), { axiosInstance: M } = he((ee = r.config) == null ? void 0 : ee.axiosRequestConfig), { getMessageFromError: F } = dt(), q = Vt(), m = Me({
       fields: {
         username: "",
         customId: "",
@@ -782,89 +797,89 @@ const Ft = { class: "kong-ui-entities-consumer-form" }, Pt = ["id"], Bt = { clas
       },
       readonly: !1,
       errorMessage: ""
-    }), Y = Se({
+    }), Z = Me({
       username: "",
       customId: "",
       tags: ""
-    }), H = I(() => {
+    }), Q = I(() => {
       var a, i;
-      return (i = W.form[(a = r.config) == null ? void 0 : a.app]) == null ? void 0 : i.edit;
-    }), O = () => {
+      return (i = X.form[(a = r.config) == null ? void 0 : a.app]) == null ? void 0 : i.edit;
+    }), j = () => {
       var a;
-      E.push(((a = r.config) == null ? void 0 : a.cancelRoute) || { name: "consumer-list" });
-    }, V = (a) => {
+      $.push(((a = r.config) == null ? void 0 : a.cancelRoute) || { name: "consumer-list" });
+    }, P = (a) => {
       t("loading", a);
     }, re = (a) => {
       t("error", a);
-    }, J = (a) => {
-      var g, T, v;
-      m.fields.username = ((g = a == null ? void 0 : a.item) == null ? void 0 : g.username) || (a == null ? void 0 : a.username) || "", m.fields.customId = ((T = a == null ? void 0 : a.item) == null ? void 0 : T.custom_id) || (a == null ? void 0 : a.custom_id) || "";
-      const i = ((v = a == null ? void 0 : a.item) == null ? void 0 : v.tags) || (a == null ? void 0 : a.tags) || [];
-      m.fields.tags = (i == null ? void 0 : i.join(", ")) || "", Object.assign(Y, m.fields);
-    }, Q = I(() => r.consumerId ? Ge.Edit : Ge.Create), K = (a) => {
-      var g, T, v, u, C, y;
-      let i = `${(g = r.config) == null ? void 0 : g.apiBaseUrl}${W.form[(T = r.config) == null ? void 0 : T.app][a]}`;
-      return ((v = r.config) == null ? void 0 : v.app) === "konnect" ? i = i.replace(/{controlPlaneId}/gi, ((u = r.config) == null ? void 0 : u.controlPlaneId) || "") : ((C = r.config) == null ? void 0 : C.app) === "kongManager" && (i = i.replace(/\/{workspace}/gi, (y = r.config) != null && y.workspace ? `/${r.config.workspace}` : "")), i = i.replace(/{id}/gi, r.consumerId), i;
-    }, A = I(() => !!m.fields.username || !!m.fields.customId), P = I(() => JSON.stringify(m.fields) !== JSON.stringify(Y)), R = I(() => {
+    }, W = (a) => {
+      var g, V, h;
+      m.fields.username = ((g = a == null ? void 0 : a.item) == null ? void 0 : g.username) || (a == null ? void 0 : a.username) || "", m.fields.customId = ((V = a == null ? void 0 : a.item) == null ? void 0 : V.custom_id) || (a == null ? void 0 : a.custom_id) || "";
+      const i = ((h = a == null ? void 0 : a.item) == null ? void 0 : h.tags) || (a == null ? void 0 : a.tags) || [];
+      m.fields.tags = (i == null ? void 0 : i.join(", ")) || "", Object.assign(Z, m.fields);
+    }, z = I(() => r.consumerId ? Re.Edit : Re.Create), N = (a) => {
+      var g, V, h, c, _, b;
+      let i = `${(g = r.config) == null ? void 0 : g.apiBaseUrl}${X.form[(V = r.config) == null ? void 0 : V.app][a]}`;
+      return ((h = r.config) == null ? void 0 : h.app) === "konnect" ? i = i.replace(/{controlPlaneId}/gi, ((c = r.config) == null ? void 0 : c.controlPlaneId) || "") : ((_ = r.config) == null ? void 0 : _.app) === "kongManager" && (i = i.replace(/\/{workspace}/gi, (b = r.config) != null && b.workspace ? `/${r.config.workspace}` : "")), i = i.replace(/{id}/gi, r.consumerId), i;
+    }, x = I(() => !!m.fields.username || !!m.fields.customId), B = I(() => JSON.stringify(m.fields) !== JSON.stringify(Z)), A = I(() => {
       var a, i;
       return {
         username: m.fields.username || null,
         custom_id: m.fields.customId || null,
         tags: (i = (a = m.fields.tags.split(",")) == null ? void 0 : a.map((g) => String(g || "").trim())) == null ? void 0 : i.filter((g) => g !== "")
       };
-    }), F = async () => {
+    }), T = async () => {
       var a;
       try {
         m.readonly = !0;
         let i;
-        await x.post(K("validate"), R.value), Q.value === "create" ? i = await x.post(K("create"), R.value) : Q.value === "edit" && (i = ((a = r.config) == null ? void 0 : a.app) === "konnect" ? await x.put(K("edit"), R.value) : await x.patch(K("edit"), R.value)), J(i == null ? void 0 : i.data), t("update", i == null ? void 0 : i.data);
+        await M.post(N("validate"), A.value), z.value === "create" ? i = await M.post(N("create"), A.value) : z.value === "edit" && (i = ((a = r.config) == null ? void 0 : a.app) === "konnect" ? await M.put(N("edit"), A.value) : await M.patch(N("edit"), A.value)), W(i == null ? void 0 : i.data), t("update", i == null ? void 0 : i.data);
       } catch (i) {
-        m.errorMessage = U(i), t("error", i);
+        m.errorMessage = F(i), t("error", i);
       } finally {
         m.readonly = !1;
       }
     };
     return (a, i) => {
-      const g = N("KInput"), T = N("KCard");
-      return D(), L("div", Ft, [
-        c(o(dt), {
-          "can-submit": A.value && P.value,
+      const g = K("KInput"), V = K("KCard");
+      return D(), H("div", Ft, [
+        u(o(mt), {
+          "can-submit": x.value && B.value,
           config: e.config,
           "edit-id": e.consumerId,
-          "entity-type": o(De).Consumer,
+          "entity-type": o(Pe).Consumer,
           "error-message": m.errorMessage,
-          "fetch-url": H.value,
-          "form-fields": R.value,
+          "fetch-url": Q.value,
+          "form-fields": A.value,
           "is-readonly": m.readonly,
-          onCancel: O,
-          "onFetch:error": i[3] || (i[3] = (v) => re(v)),
-          "onFetch:success": J,
-          onLoading: i[4] || (i[4] = (v) => V(v)),
-          onSubmit: F
+          onCancel: j,
+          "onFetch:error": i[3] || (i[3] = (h) => re(h)),
+          "onFetch:success": W,
+          onLoading: i[4] || (i[4] = (h) => P(h)),
+          onSubmit: T
         }, {
           default: l(() => [
-            _("div", null, [
-              c(o(mt), {
+            k("div", null, [
+              u(o(pt), {
                 description: o(n)("consumers.form.info.description"),
                 "has-divider": "",
                 title: o(n)("consumers.form.info.title")
               }, {
                 default: l(() => [
-                  _("div", null, [
-                    _("h3", {
-                      id: `fields-group-title-${o(B)}`,
+                  k("div", null, [
+                    k("h3", {
+                      id: `fields-group-title-${o(q)}`,
                       class: "fields-group-title"
-                    }, b(o(n)("consumers.form.consumer_identification.title")) + "* ", 9, Pt),
-                    _("p", Bt, b(o(n)("consumers.form.consumer_identification.description")), 1)
+                    }, y(o(n)("consumers.form.consumer_identification.title")) + "* ", 9, Pt),
+                    k("p", Tt, y(o(n)("consumers.form.consumer_identification.description")), 1)
                   ]),
-                  c(T, null, {
+                  u(V, null, {
                     default: l(() => [
-                      _("fieldset", {
-                        "aria-labelledby": `fields-group-title-${o(B)}`
+                      k("fieldset", {
+                        "aria-labelledby": `fields-group-title-${o(q)}`
                       }, [
-                        c(g, {
+                        u(g, {
                           modelValue: m.fields.username,
-                          "onUpdate:modelValue": i[0] || (i[0] = (v) => m.fields.username = v),
+                          "onUpdate:modelValue": i[0] || (i[0] = (h) => m.fields.username = h),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           class: "username-field",
@@ -876,21 +891,21 @@ const Ft = { class: "kong-ui-entities-consumer-form" }, Pt = ["id"], Bt = { clas
                           type: "text"
                         }, {
                           "label-tooltip": l(() => [
-                            c(o($), {
+                            u(o(w), {
                               keypath: "consumers.fields.username.tooltip",
                               scope: "global"
                             }, {
                               custom_id: l(() => [
-                                _("code", null, b(o(n)("consumers.fields.username.custom_id")), 1)
+                                k("code", null, y(o(n)("consumers.fields.username.custom_id")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                        c(g, {
+                        u(g, {
                           modelValue: m.fields.customId,
-                          "onUpdate:modelValue": i[1] || (i[1] = (v) => m.fields.customId = v),
+                          "onUpdate:modelValue": i[1] || (i[1] = (h) => m.fields.customId = h),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "consumer-form-custom-id",
@@ -901,25 +916,25 @@ const Ft = { class: "kong-ui-entities-consumer-form" }, Pt = ["id"], Bt = { clas
                           type: "text"
                         }, {
                           "label-tooltip": l(() => [
-                            c(o($), {
+                            u(o(w), {
                               keypath: "consumers.fields.custom_id.tooltip",
                               scope: "global"
                             }, {
                               username: l(() => [
-                                _("code", null, b(o(n)("consumers.fields.custom_id.username")), 1)
+                                k("code", null, y(o(n)("consumers.fields.custom_id.username")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "label", "placeholder", "readonly"])
-                      ], 8, Kt)
+                      ], 8, Ut)
                     ]),
                     _: 1
                   }),
-                  c(g, {
+                  u(g, {
                     modelValue: m.fields.tags,
-                    "onUpdate:modelValue": i[2] || (i[2] = (v) => m.fields.tags = v),
+                    "onUpdate:modelValue": i[2] || (i[2] = (h) => m.fields.tags = h),
                     modelModifiers: { trim: !0 },
                     autocomplete: "off",
                     "data-testid": "consumer-form-tags",
@@ -943,7 +958,7 @@ const Ft = { class: "kong-ui-entities-consumer-form" }, Pt = ["id"], Bt = { clas
       ]);
     };
   }
-}), zt = /* @__PURE__ */ he(qt, [["__scopeId", "data-v-ab3e5b9b"]]), Nt = { class: "kong-ui-consumer-entity-config-card" }, Wt = /* @__PURE__ */ ue({
+}), Jt = /* @__PURE__ */ be(Bt, [["__scopeId", "data-v-ab3e5b9b"]]), Kt = { class: "kong-ui-consumer-entity-config-card" }, Qt = /* @__PURE__ */ ue({
   __name: "ConsumerConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -970,15 +985,15 @@ const Ft = { class: "kong-ui-entities-consumer-form" }, Pt = ["id"], Bt = { clas
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(e) {
-    const p = e, { i18n: { t: r }, i18nT: t } = ce.useI18n(), $ = I(() => W.form[p.config.app].edit), n = k({
+    const p = e, { i18n: { t: r }, i18nT: t } = ce.useI18n(), w = I(() => X.form[p.config.app].edit), n = C({
       id: {},
       username: {
-        section: Me.Basic,
+        section: Ae.Basic,
         tooltip: r("consumers.fields.username.tooltip"),
         order: 1
       },
       custom_id: {
-        section: Me.Basic,
+        section: Ae.Basic,
         tooltip: r("consumers.fields.custom_id.tooltip"),
         label: r("consumers.fields.custom_id.label"),
         order: 2
@@ -995,36 +1010,36 @@ const Ft = { class: "kong-ui-entities-consumer-form" }, Pt = ["id"], Bt = { clas
         hidden: !0
       }
     });
-    return (E, x) => (D(), L("div", Nt, [
-      c(o(pt), {
+    return ($, M) => (D(), H("div", Kt, [
+      u(o(ft), {
         config: e.config,
         "config-card-doc": e.configCardDoc,
         "config-schema": n.value,
-        "entity-type": o(De).Consumer,
-        "fetch-url": $.value,
+        "entity-type": o(Pe).Consumer,
+        "fetch-url": w.value,
         "hide-title": e.hideTitle,
-        "onFetch:error": x[0] || (x[0] = (U) => E.$emit("fetch:error", U)),
-        "onFetch:success": x[1] || (x[1] = (U) => E.$emit("fetch:success", U)),
-        onLoading: x[2] || (x[2] = (U) => E.$emit("loading", U))
+        "onFetch:error": M[0] || (M[0] = (F) => $.$emit("fetch:error", F)),
+        "onFetch:success": M[1] || (M[1] = (F) => $.$emit("fetch:success", F)),
+        onLoading: M[2] || (M[2] = (F) => $.$emit("loading", F))
       }, {
         "username-label-tooltip": l(() => [
-          c(o(t), {
+          u(o(t), {
             keypath: "consumers.fields.username.tooltip",
             scope: "global"
           }, {
             custom_id: l(() => [
-              _("code", null, b(o(r)("consumers.fields.username.custom_id")), 1)
+              k("code", null, y(o(r)("consumers.fields.username.custom_id")), 1)
             ]),
             _: 1
           })
         ]),
         "custom_id-label-tooltip": l(() => [
-          c(o(t), {
+          u(o(t), {
             keypath: "consumers.fields.custom_id.tooltip",
             scope: "global"
           }, {
             username: l(() => [
-              _("code", null, b(o(r)("consumers.fields.custom_id.username")), 1)
+              k("code", null, y(o(r)("consumers.fields.custom_id.username")), 1)
             ]),
             _: 1
           })
@@ -1035,7 +1050,7 @@ const Ft = { class: "kong-ui-entities-consumer-form" }, Pt = ["id"], Bt = { clas
   }
 });
 export {
-  Wt as ConsumerConfigCard,
-  zt as ConsumerForm,
-  Qt as ConsumerList
+  Qt as ConsumerConfigCard,
+  Jt as ConsumerForm,
+  Ht as ConsumerList
 };