@kong-ui-public/entities-consumer-groups 4.2.16 → 4.2.17-pr.2609.f4d92e2e4.0

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

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