@kong-ui-public/entities-key-sets 3.7.28-pr.2132.c7fba69a4.0 → 3.7.28

package/dist/entities-key-sets.es.js

@@ -0,0 +1,673 @@
+import { defineComponent as W, computed as v, ref as C, watch as Ie, onBeforeMount as we, resolveComponent as T, openBlock as K, createElementBlock as Q, createVNode as i, unref as n, createSlots as te, withCtx as l, createBlock as J, Teleport as ae, createElementVNode as z, createCommentVNode as Ee, createTextVNode as F, toDisplayString as $, reactive as ne } from "vue";
+import { BookIcon as oe, AddIcon as $e, KeyIcon as Ke } from "@kong/icons";
+import { useRouter as ie } from "vue-router";
+import { createI18n as _e, i18nTComponent as Me } from "@kong-ui-public/i18n";
+import { useAxios as re, useTableState as De, useFetcher as Re, useDeleteUrlBuilder as Fe, FetcherStatus as Te, EntityBaseTable as Be, EntityFilter as Ve, PermissionsWrapper as U, TableTags as Oe, EntityEmptyState as xe, EntityDeleteModal as Ae, EntityTypes as Ue, useErrors as qe, EntityBaseFormType as se, EntityBaseForm as Ne, SupportedEntityType as le, EntityFormSection as Pe, EntityBaseConfigCard as je } from "@kong-ui-public/entities-shared";
+const Le = {
+  title: "Key Sets",
+  list: {
+    toolbar_actions: {
+      new_key_set: "New key set"
+    },
+    table_headers: {
+      name: "Name",
+      id: "ID",
+      tags: "Tags"
+    },
+    empty_state: {
+      title: "Configure a New Key Set",
+      description: "A Key Set object holds a collection of asymmetric key objects. This entity allows to logically group keys by their purpose."
+    },
+    empty_state_v2: {
+      title: "Configure your first key set",
+      group: "Key sets created in gateways within this group will automatically appear here.",
+      description: "Key sets centrally manage asymmetric keys for plugins like OpenID Connect and JWT, simplifying configuration and security across services.",
+      create_cta: "New key set"
+    }
+  },
+  actions: {
+    create: "New Key Set",
+    copy_id: "Copy ID",
+    copy_json: "Copy JSON",
+    edit: "Edit",
+    delete: "Delete",
+    clear: "Clear",
+    view: "View Details"
+  },
+  search: {
+    placeholder: "Filter by exact name or ID"
+  },
+  delete: {
+    title: "Delete a Key Set",
+    description: "Deleting this key set will also delete keys associated. This action cannot be reversed so make sure to check the key set usage before deleting."
+  },
+  errors: {
+    general: "Key sets could not be retrieved",
+    delete: "The key set could not be deleted at this time.",
+    copy: "Failed to copy to clipboard"
+  },
+  copy: {
+    success: "Copied {val} to clipboard",
+    success_brief: "Successfully copied to clipboard"
+  },
+  form: {
+    sections: {
+      general: {
+        title: "General Information",
+        description: "General information will help identify and manage this key set."
+      }
+    },
+    fields: {
+      name: {
+        label: "Name",
+        placeholder: "Enter a unique name for this key set"
+      },
+      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."
+      }
+    }
+  }
+}, Je = {
+  keySets: Le
+};
+function ze() {
+  const e = _e("en-us", Je);
+  return {
+    i18n: e,
+    i18nT: Me(e)
+    // Translation component <i18n-t>
+  };
+}
+const X = {
+  useI18n: ze
+}, H = "/v2/control-planes/{controlPlaneId}/core-entities", G = "/{workspace}", q = {
+  list: {
+    konnect: `${H}/key-sets`,
+    kongManager: `${G}/key-sets`
+  },
+  form: {
+    konnect: {
+      create: `${H}/key-sets`,
+      edit: `${H}/key-sets/{id}`
+    },
+    kongManager: {
+      create: `${G}/key-sets`,
+      edit: `${G}/key-sets/{id}`
+    }
+  }
+}, He = "#00abd2", Ge = "24px", We = { class: "kong-ui-entities-key-sets-list" }, Qe = { class: "button-row" }, Xe = { class: "empty-state-icon-gateway" }, Ze = /* @__PURE__ */ W({
+  __name: "KeySetList",
+  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
+    },
+    /**
+     * Enables the new empty state design, this prop can be removed when
+     * the khcp-14756-empty-states-m2 FF is removed.
+     */
+    enableV2EmptyStates: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
+  setup(e, { emit: I }) {
+    var Y;
+    const m = I, t = e, { i18n: { t: o } } = X.useI18n(), g = ie(), { axiosInstance: h } = re((Y = t.config) == null ? void 0 : Y.axiosRequestConfig), { hasRecords: k, handleStateChange: N } = De(() => b.value), _ = v(() => k.value && t.config.app === "konnect"), c = v(() => !t.enableV2EmptyStates && t.config.app === "konnect"), M = v(() => t.config.app !== "kongManager" || !!t.config.disableSorting), B = {
+      // the Name column is non-hidable
+      name: { label: o("keySets.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      tags: { label: o("keySets.list.table_headers.tags") },
+      id: { label: o("keySets.list.table_headers.id"), sortable: !0 }
+    }, P = B, V = v(() => {
+      var s, p;
+      let a = `${t.config.apiBaseUrl}${q.list[t.config.app]}`;
+      return t.config.app === "konnect" ? a = a.replace(/{controlPlaneId}/gi, ((s = t.config) == null ? void 0 : s.controlPlaneId) || "") : t.config.app === "kongManager" && (a = a.replace(/\/{workspace}/gi, (p = t.config) != null && p.workspace ? `/${t.config.workspace}` : "")), a;
+    }), b = C(""), E = v(() => {
+      const a = t.config.app === "konnect" || t.config.isExactMatch;
+      if (a)
+        return {
+          isExactMatch: a,
+          placeholder: o("keySets.search.placeholder")
+        };
+      const s = { name: B.name };
+      return {
+        isExactMatch: a,
+        fields: s,
+        schema: t.config.filterSchema
+      };
+    }), {
+      fetcher: j,
+      fetcherState: O,
+      fetcherCacheKey: r
+    } = Re(v(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), V), y = () => {
+      b.value = "";
+    }, f = () => {
+      r.value++;
+    }, d = C(null), de = async (a, s) => {
+      const p = a.id;
+      if (!await s(p)) {
+        fe(a, "id");
+        return;
+      }
+      ye(a, "id");
+    }, ue = async (a, s) => {
+      const p = JSON.stringify(a);
+      if (!await s(p)) {
+        m("copy:error", {
+          entity: a,
+          message: o("keySets.errors.copy")
+        });
+        return;
+      }
+      m("copy:success", {
+        entity: a,
+        message: o("keySets.copy.success_brief")
+      });
+    }, ye = (a, s) => {
+      m("copy:success", {
+        entity: a,
+        field: s,
+        message: o("keySets.copy.success", { val: a[s] })
+      });
+    }, fe = (a, s) => {
+      m("copy:error", {
+        entity: a,
+        field: s,
+        message: o("keySets.errors.copy")
+      });
+    }, pe = async (a) => {
+      var p;
+      await ((p = t.canRetrieve) == null ? void 0 : p.call(t, a)) && g.push(t.config.getViewRoute(a.id));
+    }, me = (a) => ({
+      label: o("keySets.actions.view"),
+      to: t.config.getViewRoute(a)
+    }), ge = (a) => ({
+      label: o("keySets.actions.edit"),
+      to: t.config.getEditRoute(a)
+    }), w = C(void 0), x = C(!1), A = C(!1), Z = C(""), ke = Fe(t.config, V.value), ve = (a) => {
+      w.value = a, x.value = !0;
+    }, he = () => {
+      x.value = !1;
+    }, be = async () => {
+      var a, s, p;
+      if ((a = w.value) != null && a.id) {
+        A.value = !0;
+        try {
+          await h.delete(ke(w.value.id)), A.value = !1, x.value = !1, r.value++, m("delete:success", w.value);
+        } catch (S) {
+          Z.value = ((p = (s = S.response) == null ? void 0 : s.data) == null ? void 0 : p.message) || S.message || o("keySets.errors.delete"), m("error", S);
+        } finally {
+          A.value = !1;
+        }
+      }
+    }, Se = () => {
+      g.push(t.config.createRoute);
+    };
+    Ie(O, (a) => {
+      var s, p, S;
+      if (a.status === Te.Error) {
+        d.value = {
+          title: o("keySets.errors.general")
+        }, (S = (p = (s = a.error) == null ? void 0 : s.response) == null ? void 0 : p.data) != null && S.message && (d.value.message = a.error.response.data.message), m("error", a.error);
+        return;
+      }
+      d.value = null;
+    });
+    const L = C({
+      ctaPath: t.config.createRoute,
+      ctaText: void 0,
+      message: `${o("keySets.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
+      title: o("keySets.title")
+    });
+    return we(async () => {
+      await t.canCreate() && (L.value.title = o("keySets.list.empty_state.title"), L.value.ctaText = o("keySets.actions.create"));
+    }), (a, s) => {
+      const p = T("KButton"), S = T("KCopy"), D = T("KDropdownItem"), ee = T("KClipboardProvider");
+      return K(), Q("div", We, [
+        i(n(Be), {
+          "cache-identifier": e.cacheIdentifier,
+          "disable-sorting": M.value,
+          "empty-state-options": L.value,
+          "enable-entity-actions": "",
+          "error-message": d.value,
+          fetcher: n(j),
+          "fetcher-cache-key": n(r),
+          "pagination-type": "offset",
+          "preferences-storage-key": "kong-ui-entities-key-sets-list",
+          query: b.value,
+          "table-headers": n(P),
+          onClearSearchInput: y,
+          "onClick:row": s[4] || (s[4] = (u) => pe(u)),
+          onSort: f,
+          onState: n(N)
+        }, te({
+          "toolbar-filter": l(() => [
+            i(n(Ve), {
+              modelValue: b.value,
+              "onUpdate:modelValue": s[0] || (s[0] = (u) => b.value = u),
+              config: E.value
+            }, null, 8, ["modelValue", "config"])
+          ]),
+          "toolbar-button": l(() => [
+            (K(), J(ae, {
+              disabled: !e.useActionOutside,
+              to: "#kong-ui-app-page-header-action-button"
+            }, [
+              z("div", Qe, [
+                _.value ? (K(), J(p, {
+                  key: 0,
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "keys-set-learn-more-button",
+                  icon: "",
+                  onClick: s[1] || (s[1] = (u) => a.$emit("click:learn-more"))
+                }, {
+                  default: l(() => [
+                    i(n(oe), { decorative: "" })
+                  ]),
+                  _: 1
+                })) : Ee("", !0),
+                i(n(U), {
+                  "auth-function": () => e.canCreate()
+                }, {
+                  default: l(() => [
+                    i(p, {
+                      appearance: "primary",
+                      "data-testid": "toolbar-add-key-set",
+                      size: e.useActionOutside ? "medium" : "large",
+                      to: e.config.createRoute
+                    }, {
+                      default: l(() => [
+                        i(n($e)),
+                        F(" " + $(n(o)("keySets.list.toolbar_actions.new_key_set")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "to"])
+                  ]),
+                  _: 1
+                }, 8, ["auth-function"])
+              ])
+            ], 8, ["disabled"]))
+          ]),
+          name: l(({ rowValue: u }) => [
+            z("b", null, $(u ?? "-"), 1)
+          ]),
+          tags: l(({ rowValue: u }) => [
+            i(n(Oe), { tags: u }, null, 8, ["tags"])
+          ]),
+          id: l(({ rowValue: u }) => [
+            i(S, {
+              text: u,
+              truncate: ""
+            }, null, 8, ["text"])
+          ]),
+          actions: l(({ row: u }) => [
+            i(ee, null, {
+              default: l(({ copyToClipboard: R }) => [
+                i(D, {
+                  "data-testid": "action-entity-copy-id",
+                  onClick: (Ce) => de(u, R)
+                }, {
+                  default: l(() => [
+                    F($(n(o)("keySets.actions.copy_id")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            i(ee, null, {
+              default: l(({ copyToClipboard: R }) => [
+                i(D, {
+                  "data-testid": "action-entity-copy-json",
+                  onClick: (Ce) => ue(u, R)
+                }, {
+                  default: l(() => [
+                    F($(n(o)("keySets.actions.copy_json")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            i(n(U), {
+              "auth-function": () => e.canRetrieve(u)
+            }, {
+              default: l(() => [
+                i(D, {
+                  "data-testid": "action-entity-view",
+                  "has-divider": "",
+                  item: me(u.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            i(n(U), {
+              "auth-function": () => e.canEdit(u)
+            }, {
+              default: l(() => [
+                i(D, {
+                  "data-testid": "action-entity-edit",
+                  item: ge(u.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            i(n(U), {
+              "auth-function": () => e.canDelete(u)
+            }, {
+              default: l(() => [
+                i(D, {
+                  danger: "",
+                  "data-testid": "action-entity-delete",
+                  "has-divider": "",
+                  onClick: (R) => ve(u)
+                }, {
+                  default: l(() => [
+                    F($(n(o)("keySets.actions.delete")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"])
+          ]),
+          _: 2
+        }, [
+          !n(k) && c.value ? {
+            name: "outside-actions",
+            fn: l(() => [
+              (K(), J(ae, {
+                disabled: !e.useActionOutside,
+                to: "#kong-ui-app-page-header-action-button"
+              }, [
+                i(p, {
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "keys-set-learn-more-button",
+                  icon: "",
+                  onClick: s[2] || (s[2] = (u) => a.$emit("click:learn-more"))
+                }, {
+                  default: l(() => [
+                    i(n(oe), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ], 8, ["disabled"]))
+            ]),
+            key: "0"
+          } : void 0,
+          !b.value && e.enableV2EmptyStates && e.config.app === "konnect" ? {
+            name: "empty-state",
+            fn: l(() => {
+              var u;
+              return [
+                i(n(xe), {
+                  "action-button-text": n(o)("keySets.list.empty_state_v2.create_cta"),
+                  appearance: "secondary",
+                  "can-create": () => e.canCreate(),
+                  "data-testid": "key-sets-entity-empty-state",
+                  description: n(o)("keySets.list.empty_state_v2.description"),
+                  "learn-more": e.config.app === "konnect",
+                  title: n(o)("keySets.list.empty_state_v2.title"),
+                  "onClick:create": Se,
+                  "onClick:learnMore": s[3] || (s[3] = (R) => a.$emit("click:learn-more"))
+                }, te({
+                  image: l(() => [
+                    z("div", Xe, [
+                      i(n(Ke), {
+                        color: n(He),
+                        size: n(Ge)
+                      }, null, 8, ["color", "size"])
+                    ])
+                  ]),
+                  _: 2
+                }, [
+                  (u = e.config) != null && u.isControlPlaneGroup ? {
+                    name: "message",
+                    fn: l(() => [
+                      F($(n(o)("keySets.list.empty_state_v2.group")), 1)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["action-button-text", "can-create", "description", "learn-more", "title"])
+              ];
+            }),
+            key: "1"
+          } : void 0
+        ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
+        i(n(Ae), {
+          "action-pending": A.value,
+          description: n(o)("keySets.delete.description"),
+          "entity-name": w.value && (w.value.name || w.value.id),
+          "entity-type": n(Ue).KeySet,
+          error: Z.value,
+          title: n(o)("keySets.delete.title"),
+          visible: x.value,
+          onCancel: he,
+          onProceed: be
+        }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
+      ]);
+    };
+  }
+}), ce = (e, I) => {
+  const m = e.__vccOpts || e;
+  for (const [t, o] of I)
+    m[t] = o;
+  return m;
+}, rt = /* @__PURE__ */ ce(Ze, [["__scopeId", "data-v-33db902d"]]), Ye = { class: "kong-ui-entities-key-sets-form" }, et = /* @__PURE__ */ W({
+  __name: "KeySetForm",
+  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.cancelRoute)
+    },
+    /** If a valid Key Set ID is provided, it will put the form in Edit mode instead of Create */
+    keySetId: {
+      type: String,
+      required: !1,
+      default: ""
+    }
+  },
+  emits: ["update", "error", "loading"],
+  setup(e, { emit: I }) {
+    var O;
+    const m = I, t = e, o = ie(), { i18n: { t: g } } = X.useI18n(), { getMessageFromError: h } = qe(), { axiosInstance: k } = re((O = t.config) == null ? void 0 : O.axiosRequestConfig), N = v(() => q.form[t.config.app].edit), _ = v(() => t.keySetId ? se.Edit : se.Create), c = ne({
+      fields: {
+        name: "",
+        tags: ""
+      },
+      isReadonly: !1,
+      errorMessage: ""
+    }), M = ne({
+      name: "",
+      tags: ""
+    }), B = v(() => JSON.stringify(c.fields) !== JSON.stringify(M) && !!c.fields.name), P = (r) => {
+      var y;
+      c.fields.name = (r == null ? void 0 : r.name) || "", c.fields.tags = ((y = r == null ? void 0 : r.tags) == null ? void 0 : y.join(", ")) || "", Object.assign(M, c.fields);
+    }, V = () => {
+      o.push(t.config.cancelRoute);
+    }, b = v(() => {
+      var y, f;
+      let r = `${t.config.apiBaseUrl}${q.form[t.config.app][_.value]}`;
+      return t.config.app === "konnect" ? r = r.replace(/{controlPlaneId}/gi, ((y = t.config) == null ? void 0 : y.controlPlaneId) || "") : t.config.app === "kongManager" && (r = r.replace(/\/{workspace}/gi, (f = t.config) != null && f.workspace ? `/${t.config.workspace}` : "")), r = r.replace(/{id}/gi, t.keySetId), r;
+    }), E = v(() => {
+      var r, y, f;
+      return {
+        name: c.fields.name,
+        tags: ((f = (y = (r = c.fields.tags) == null ? void 0 : r.split(",")) == null ? void 0 : y.map((d) => String(d || "").trim())) == null ? void 0 : f.filter((d) => d !== "")) || ""
+      };
+    }), j = async () => {
+      var r, y;
+      try {
+        c.isReadonly = !0;
+        let f;
+        if (_.value === "create" ? f = await k.post(b.value, E.value) : _.value === "edit" && (f = ((r = t.config) == null ? void 0 : r.app) === "konnect" ? await k.put(b.value, E.value) : await k.patch(b.value, E.value)), f) {
+          const { data: d } = f;
+          c.fields.name = (d == null ? void 0 : d.name) || "", c.fields.tags = ((y = d == null ? void 0 : d.tags) == null ? void 0 : y.join(", ")) || "", Object.assign(M, c.fields), m("update", f == null ? void 0 : f.data);
+        }
+      } catch (f) {
+        c.errorMessage = h(f), m("error", f);
+      } finally {
+        c.isReadonly = !1;
+      }
+    };
+    return (r, y) => {
+      const f = T("KInput");
+      return K(), Q("div", Ye, [
+        i(n(Ne), {
+          "can-submit": B.value,
+          config: e.config,
+          "edit-id": e.keySetId,
+          "entity-type": n(le).KeySet,
+          "error-message": c.errorMessage,
+          "fetch-url": N.value,
+          "form-fields": E.value,
+          "is-readonly": c.isReadonly,
+          onCancel: V,
+          "onFetch:error": y[2] || (y[2] = (d) => r.$emit("error", d)),
+          "onFetch:success": P,
+          onLoading: y[3] || (y[3] = (d) => r.$emit("loading", d)),
+          onSubmit: j
+        }, {
+          default: l(() => [
+            i(n(Pe), {
+              description: n(g)("keySets.form.sections.general.description"),
+              "has-divider": "",
+              title: n(g)("keySets.form.sections.general.title")
+            }, {
+              default: l(() => [
+                i(f, {
+                  modelValue: c.fields.name,
+                  "onUpdate:modelValue": y[0] || (y[0] = (d) => c.fields.name = d),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "key-set-form-name",
+                  label: n(g)("keySets.form.fields.name.label"),
+                  placeholder: n(g)("keySets.form.fields.name.placeholder"),
+                  readonly: c.isReadonly,
+                  type: "text"
+                }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
+                i(f, {
+                  modelValue: c.fields.tags,
+                  "onUpdate:modelValue": y[1] || (y[1] = (d) => c.fields.tags = d),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "key-set-form-tags",
+                  help: n(g)("keySets.form.fields.tags.help"),
+                  label: n(g)("keySets.form.fields.tags.label"),
+                  "label-attributes": {
+                    info: n(g)("keySets.form.fields.tags.tooltip"),
+                    tooltipAttributes: { maxWidth: "400" }
+                  },
+                  placeholder: n(g)("keySets.form.fields.tags.placeholder"),
+                  readonly: c.isReadonly,
+                  type: "text"
+                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
+              ]),
+              _: 1
+            }, 8, ["description", "title"])
+          ]),
+          _: 1
+        }, 8, ["can-submit", "config", "edit-id", "entity-type", "error-message", "fetch-url", "form-fields", "is-readonly"])
+      ]);
+    };
+  }
+}), lt = /* @__PURE__ */ ce(et, [["__scopeId", "data-v-a4b01cc5"]]), tt = { class: "kong-ui-entities-keys-entity-config-card" }, ct = /* @__PURE__ */ W({
+  __name: "KeySetConfigCard",
+  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 I = e, { i18n: { t: m } } = X.useI18n(), t = v(() => q.form[I.config.app].edit), o = C({
+      id: {},
+      name: {},
+      last_updated: {},
+      created: {},
+      tags: {
+        tooltip: m("keySets.form.fields.tags.tooltip")
+      }
+    });
+    return (g, h) => (K(), Q("div", tt, [
+      i(n(je), {
+        config: e.config,
+        "config-card-doc": e.configCardDoc,
+        "config-schema": o.value,
+        "entity-type": n(le).KeySet,
+        "fetch-url": t.value,
+        "hide-title": e.hideTitle,
+        "onFetch:error": h[0] || (h[0] = (k) => g.$emit("fetch:error", k)),
+        "onFetch:success": h[1] || (h[1] = (k) => g.$emit("fetch:success", k)),
+        onLoading: h[2] || (h[2] = (k) => g.$emit("loading", k))
+      }, null, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
+    ]));
+  }
+});
+export {
+  ct as KeySetConfigCard,
+  lt as KeySetForm,
+  rt as KeySetList
+};

package/dist/entities-key-sets.umd.js

@@ -0,0 +1 @@
+(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong/icons"),require("vue-router"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","vue-router","@kong-ui-public/i18n","@kong-ui-public/entities-shared"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g["kong-ui-public-entities-key-sets"]={},g.Vue,g.KongIcons,g.VueRouter,g["kong-ui-public-i18n"],g["kong-ui-public-entities-shared"]))})(this,function(g,e,T,j,L,r){"use strict";const G={keySets:{title:"Key Sets",list:{toolbar_actions:{new_key_set:"New key set"},table_headers:{name:"Name",id:"ID",tags:"Tags"},empty_state:{title:"Configure a New Key Set",description:"A Key Set object holds a collection of asymmetric key objects. This entity allows to logically group keys by their purpose."},empty_state_v2:{title:"Configure your first key set",group:"Key sets created in gateways within this group will automatically appear here.",description:"Key sets centrally manage asymmetric keys for plugins like OpenID Connect and JWT, simplifying configuration and security across services.",create_cta:"New key set"}},actions:{create:"New Key Set",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",clear:"Clear",view:"View Details"},search:{placeholder:"Filter by exact name or ID"},delete:{title:"Delete a Key Set",description:"Deleting this key set will also delete keys associated. This action cannot be reversed so make sure to check the key set usage before deleting."},errors:{general:"Key sets could not be retrieved",delete:"The key set could not be deleted at this time.",copy:"Failed to copy to clipboard"},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"},form:{sections:{general:{title:"General Information",description:"General information will help identify and manage this key set."}},fields:{name:{label:"Name",placeholder:"Enter a unique name for this key set"},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."}}}}};function Q(){const t=L.createI18n("en-us",G);return{i18n:t,i18nT:L.i18nTComponent(t)}}const F={useI18n:Q},R="/v2/control-planes/{controlPlaneId}/core-entities",O="/{workspace}",B={list:{konnect:`${R}/key-sets`,kongManager:`${O}/key-sets`},form:{konnect:{create:`${R}/key-sets`,edit:`${R}/key-sets/{id}`},kongManager:{create:`${O}/key-sets`,edit:`${O}/key-sets/{id}`}}},X="#00abd2",Z="24px",Y={class:"kong-ui-entities-key-sets-list"},v={class:"button-row"},ee={class:"empty-state-icon-gateway"},te=e.defineComponent({__name:"KeySetList",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t==null?void 0:t.app)||!t.createRoute||!t.getViewRoute||!t.getEditRoute||t.app==="kongManager"&&!t.isExactMatch&&!t.filterSchema)},cacheIdentifier:{type:String,default:""},canCreate:{type:Function,required:!1,default:async()=>!0},canDelete:{type:Function,required:!1,default:async()=>!0},canEdit:{type:Function,required:!1,default:async()=>!0},canRetrieve:{type:Function,required:!1,default:async()=>!0},useActionOutside:{type:Boolean,default:!1},enableV2EmptyStates:{type:Boolean,default:!1}},emits:["error","click:learn-more","copy:success","copy:error","delete:success"],setup(t,{emit:S}){var z;const u=S,n=t,{i18n:{t:a}}=F.useI18n(),m=j.useRouter(),{axiosInstance:h}=r.useAxios((z=n.config)==null?void 0:z.axiosRequestConfig),{hasRecords:k,handleStateChange:q}=r.useTableState(()=>b.value),I=e.computed(()=>k.value&&n.config.app==="konnect"),l=e.computed(()=>!n.enableV2EmptyStates&&n.config.app==="konnect"),N=e.computed(()=>n.config.app!=="kongManager"||!!n.config.disableSorting),K={name:{label:a("keySets.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1},tags:{label:a("keySets.list.table_headers.tags")},id:{label:a("keySets.list.table_headers.id"),sortable:!0}},P=K,$=e.computed(()=>{var s,y;let o=`${n.config.apiBaseUrl}${B.list[n.config.app]}`;return n.config.app==="konnect"?o=o.replace(/{controlPlaneId}/gi,((s=n.config)==null?void 0:s.controlPlaneId)||""):n.config.app==="kongManager"&&(o=o.replace(/\/{workspace}/gi,(y=n.config)!=null&&y.workspace?`/${n.config.workspace}`:"")),o}),b=e.ref(""),V=e.computed(()=>{const o=n.config.app==="konnect"||n.config.isExactMatch;if(o)return{isExactMatch:o,placeholder:a("keySets.search.placeholder")};const s={name:K.name};return{isExactMatch:o,fields:s,schema:n.config.filterSchema}}),{fetcher:A,fetcherState:_,fetcherCacheKey:i}=r.useFetcher(e.computed(()=>({...n.config,cacheIdentifier:n.cacheIdentifier})),$),f=()=>{b.value=""},p=()=>{i.value++},c=e.ref(null),re=async(o,s)=>{const y=o.id;if(!await s(y)){de(o,"id");return}ce(o,"id")},le=async(o,s)=>{const y=JSON.stringify(o);if(!await s(y)){u("copy:error",{entity:o,message:a("keySets.errors.copy")});return}u("copy:success",{entity:o,message:a("keySets.copy.success_brief")})},ce=(o,s)=>{u("copy:success",{entity:o,field:s,message:a("keySets.copy.success",{val:o[s]})})},de=(o,s)=>{u("copy:error",{entity:o,field:s,message:a("keySets.errors.copy")})},fe=async o=>{var y;await((y=n.canRetrieve)==null?void 0:y.call(n,o))&&m.push(n.config.getViewRoute(o.id))},pe=o=>({label:a("keySets.actions.view"),to:n.config.getViewRoute(o)}),ye=o=>({label:a("keySets.actions.edit"),to:n.config.getEditRoute(o)}),w=e.ref(void 0),D=e.ref(!1),M=e.ref(!1),W=e.ref(""),ue=r.useDeleteUrlBuilder(n.config,$.value),me=o=>{w.value=o,D.value=!0},ge=()=>{D.value=!1},ke=async()=>{var o,s,y;if((o=w.value)!=null&&o.id){M.value=!0;try{await h.delete(ue(w.value.id)),M.value=!1,D.value=!1,i.value++,u("delete:success",w.value)}catch(C){W.value=((y=(s=C.response)==null?void 0:s.data)==null?void 0:y.message)||C.message||a("keySets.errors.delete"),u("error",C)}finally{M.value=!1}}},he=()=>{m.push(n.config.createRoute)};e.watch(_,o=>{var s,y,C;if(o.status===r.FetcherStatus.Error){c.value={title:a("keySets.errors.general")},(C=(y=(s=o.error)==null?void 0:s.response)==null?void 0:y.data)!=null&&C.message&&(c.value.message=o.error.response.data.message),u("error",o.error);return}c.value=null});const U=e.ref({ctaPath:n.config.createRoute,ctaText:void 0,message:`${a("keySets.list.empty_state.description")}${n.config.additionMessageForEmptyState?` ${n.config.additionMessageForEmptyState}`:""}`,title:a("keySets.title")});return e.onBeforeMount(async()=>{await n.canCreate()&&(U.value.title=a("keySets.list.empty_state.title"),U.value.ctaText=a("keySets.actions.create"))}),(o,s)=>{const y=e.resolveComponent("KButton"),C=e.resolveComponent("KCopy"),x=e.resolveComponent("KDropdownItem"),H=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(e.unref(r.EntityBaseTable),{"cache-identifier":t.cacheIdentifier,"disable-sorting":N.value,"empty-state-options":U.value,"enable-entity-actions":"","error-message":c.value,fetcher:e.unref(A),"fetcher-cache-key":e.unref(i),"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-key-sets-list",query:b.value,"table-headers":e.unref(P),onClearSearchInput:f,"onClick:row":s[4]||(s[4]=d=>fe(d)),onSort:p,onState:e.unref(q)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(r.EntityFilter),{modelValue:b.value,"onUpdate:modelValue":s[0]||(s[0]=d=>b.value=d),config:V.value},null,8,["modelValue","config"])]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createElementVNode("div",v,[I.value?(e.openBlock(),e.createBlock(y,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"keys-set-learn-more-button",icon:"",onClick:s[1]||(s[1]=d=>o.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(T.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(r.PermissionsWrapper),{"auth-function":()=>t.canCreate()},{default:e.withCtx(()=>[e.createVNode(y,{appearance:"primary","data-testid":"toolbar-add-key-set",size:t.useActionOutside?"medium":"large",to:t.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(T.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(a)("keySets.list.toolbar_actions.new_key_set")),1)]),_:1},8,["size","to"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),name:e.withCtx(({rowValue:d})=>[e.createElementVNode("b",null,e.toDisplayString(d??"-"),1)]),tags:e.withCtx(({rowValue:d})=>[e.createVNode(e.unref(r.TableTags),{tags:d},null,8,["tags"])]),id:e.withCtx(({rowValue:d})=>[e.createVNode(C,{text:d,truncate:""},null,8,["text"])]),actions:e.withCtx(({row:d})=>[e.createVNode(H,null,{default:e.withCtx(({copyToClipboard:E})=>[e.createVNode(x,{"data-testid":"action-entity-copy-id",onClick:be=>re(d,E)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(H,null,{default:e.withCtx(({copyToClipboard:E})=>[e.createVNode(x,{"data-testid":"action-entity-copy-json",onClick:be=>le(d,E)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.copy_json")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(e.unref(r.PermissionsWrapper),{"auth-function":()=>t.canRetrieve(d)},{default:e.withCtx(()=>[e.createVNode(x,{"data-testid":"action-entity-view","has-divider":"",item:pe(d.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(r.PermissionsWrapper),{"auth-function":()=>t.canEdit(d)},{default:e.withCtx(()=>[e.createVNode(x,{"data-testid":"action-entity-edit",item:ye(d.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(r.PermissionsWrapper),{"auth-function":()=>t.canDelete(d)},{default:e.withCtx(()=>[e.createVNode(x,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:E=>me(d)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!e.unref(k)&&l.value?{name:"outside-actions",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!t.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createVNode(y,{appearance:"secondary",class:"open-learning-hub","data-testid":"keys-set-learn-more-button",icon:"",onClick:s[2]||(s[2]=d=>o.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(T.BookIcon),{decorative:""})]),_:1})],8,["disabled"]))]),key:"0"}:void 0,!b.value&&t.enableV2EmptyStates&&t.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var d;return[e.createVNode(e.unref(r.EntityEmptyState),{"action-button-text":e.unref(a)("keySets.list.empty_state_v2.create_cta"),appearance:"secondary","can-create":()=>t.canCreate(),"data-testid":"key-sets-entity-empty-state",description:e.unref(a)("keySets.list.empty_state_v2.description"),"learn-more":t.config.app==="konnect",title:e.unref(a)("keySets.list.empty_state_v2.title"),"onClick:create":he,"onClick:learnMore":s[3]||(s[3]=E=>o.$emit("click:learn-more"))},e.createSlots({image:e.withCtx(()=>[e.createElementVNode("div",ee,[e.createVNode(e.unref(T.KeyIcon),{color:e.unref(X),size:e.unref(Z)},null,8,["color","size"])])]),_:2},[(d=t.config)!=null&&d.isControlPlaneGroup?{name:"message",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("keySets.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["action-button-text","can-create","description","learn-more","title"])]}),key:"1"}:void 0]),1032,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","query","table-headers","onState"]),e.createVNode(e.unref(r.EntityDeleteModal),{"action-pending":M.value,description:e.unref(a)("keySets.delete.description"),"entity-name":w.value&&(w.value.name||w.value.id),"entity-type":e.unref(r.EntityTypes).KeySet,error:W.value,title:e.unref(a)("keySets.delete.title"),visible:D.value,onCancel:ge,onProceed:ke},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),J=(t,S)=>{const u=t.__vccOpts||t;for(const[n,a]of S)u[n]=a;return u},ne=J(te,[["__scopeId","data-v-33db902d"]]),oe={class:"kong-ui-entities-key-sets-form"},ae=J(e.defineComponent({__name:"KeySetForm",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t==null?void 0:t.app)||t.app==="konnect"&&!t.controlPlaneId||t.app==="kongManager"&&typeof t.workspace!="string"||!t.cancelRoute)},keySetId:{type:String,required:!1,default:""}},emits:["update","error","loading"],setup(t,{emit:S}){var _;const u=S,n=t,a=j.useRouter(),{i18n:{t:m}}=F.useI18n(),{getMessageFromError:h}=r.useErrors(),{axiosInstance:k}=r.useAxios((_=n.config)==null?void 0:_.axiosRequestConfig),q=e.computed(()=>B.form[n.config.app].edit),I=e.computed(()=>n.keySetId?r.EntityBaseFormType.Edit:r.EntityBaseFormType.Create),l=e.reactive({fields:{name:"",tags:""},isReadonly:!1,errorMessage:""}),N=e.reactive({name:"",tags:""}),K=e.computed(()=>JSON.stringify(l.fields)!==JSON.stringify(N)&&!!l.fields.name),P=i=>{var f;l.fields.name=(i==null?void 0:i.name)||"",l.fields.tags=((f=i==null?void 0:i.tags)==null?void 0:f.join(", "))||"",Object.assign(N,l.fields)},$=()=>{a.push(n.config.cancelRoute)},b=e.computed(()=>{var f,p;let i=`${n.config.apiBaseUrl}${B.form[n.config.app][I.value]}`;return n.config.app==="konnect"?i=i.replace(/{controlPlaneId}/gi,((f=n.config)==null?void 0:f.controlPlaneId)||""):n.config.app==="kongManager"&&(i=i.replace(/\/{workspace}/gi,(p=n.config)!=null&&p.workspace?`/${n.config.workspace}`:"")),i=i.replace(/{id}/gi,n.keySetId),i}),V=e.computed(()=>{var i,f,p;return{name:l.fields.name,tags:((p=(f=(i=l.fields.tags)==null?void 0:i.split(","))==null?void 0:f.map(c=>String(c||"").trim()))==null?void 0:p.filter(c=>c!==""))||""}}),A=async()=>{var i,f;try{l.isReadonly=!0;let p;if(I.value==="create"?p=await k.post(b.value,V.value):I.value==="edit"&&(p=((i=n.config)==null?void 0:i.app)==="konnect"?await k.put(b.value,V.value):await k.patch(b.value,V.value)),p){const{data:c}=p;l.fields.name=(c==null?void 0:c.name)||"",l.fields.tags=((f=c==null?void 0:c.tags)==null?void 0:f.join(", "))||"",Object.assign(N,l.fields),u("update",p==null?void 0:p.data)}}catch(p){l.errorMessage=h(p),u("error",p)}finally{l.isReadonly=!1}};return(i,f)=>{const p=e.resolveComponent("KInput");return e.openBlock(),e.createElementBlock("div",oe,[e.createVNode(e.unref(r.EntityBaseForm),{"can-submit":K.value,config:t.config,"edit-id":t.keySetId,"entity-type":e.unref(r.SupportedEntityType).KeySet,"error-message":l.errorMessage,"fetch-url":q.value,"form-fields":V.value,"is-readonly":l.isReadonly,onCancel:$,"onFetch:error":f[2]||(f[2]=c=>i.$emit("error",c)),"onFetch:success":P,onLoading:f[3]||(f[3]=c=>i.$emit("loading",c)),onSubmit:A},{default:e.withCtx(()=>[e.createVNode(e.unref(r.EntityFormSection),{description:e.unref(m)("keySets.form.sections.general.description"),"has-divider":"",title:e.unref(m)("keySets.form.sections.general.title")},{default:e.withCtx(()=>[e.createVNode(p,{modelValue:l.fields.name,"onUpdate:modelValue":f[0]||(f[0]=c=>l.fields.name=c),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-set-form-name",label:e.unref(m)("keySets.form.fields.name.label"),placeholder:e.unref(m)("keySets.form.fields.name.placeholder"),readonly:l.isReadonly,type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(p,{modelValue:l.fields.tags,"onUpdate:modelValue":f[1]||(f[1]=c=>l.fields.tags=c),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-set-form-tags",help:e.unref(m)("keySets.form.fields.tags.help"),label:e.unref(m)("keySets.form.fields.tags.label"),"label-attributes":{info:e.unref(m)("keySets.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(m)("keySets.form.fields.tags.placeholder"),readonly:l.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-a4b01cc5"]]),se={class:"kong-ui-entities-keys-entity-config-card"},ie=e.defineComponent({__name:"KeySetConfigCard",props:{config:{type:Object,required:!0,validator:t=>!(!t||!["konnect","kongManager"].includes(t==null?void 0:t.app)||t.app==="konnect"&&!t.controlPlaneId||t.app==="kongManager"&&typeof t.workspace!="string"||!t.entityId)},configCardDoc:{type:String,default:"",required:!1},hideTitle:{type:Boolean,default:!1}},emits:["loading","fetch:error","fetch:success"],setup(t){const S=t,{i18n:{t:u}}=F.useI18n(),n=e.computed(()=>B.form[S.config.app].edit),a=e.ref({id:{},name:{},last_updated:{},created:{},tags:{tooltip:u("keySets.form.fields.tags.tooltip")}});return(m,h)=>(e.openBlock(),e.createElementBlock("div",se,[e.createVNode(e.unref(r.EntityBaseConfigCard),{config:t.config,"config-card-doc":t.configCardDoc,"config-schema":a.value,"entity-type":e.unref(r.SupportedEntityType).KeySet,"fetch-url":n.value,"hide-title":t.hideTitle,"onFetch:error":h[0]||(h[0]=k=>m.$emit("fetch:error",k)),"onFetch:success":h[1]||(h[1]=k=>m.$emit("fetch:success",k)),onLoading:h[2]||(h[2]=k=>m.$emit("loading",k))},null,8,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])]))}});g.KeySetConfigCard=ie,g.KeySetForm=ae,g.KeySetList=ne,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -0,0 +1 @@
+.config-card-fieldset[data-v-f7096c33]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-f7096c33]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-2feb8c2e] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-5f9aa0e8]{align-items:center;border-bottom:var(--2f90d7f7);box-sizing:border-box;display:var(--668a792a);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-5f9aa0e8]{box-sizing:border-box;padding-right:16px;width:var(--5bc9ad14)}.config-card-details-row .config-card-details-label label[data-v-5f9aa0e8]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-5f9aa0e8]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-5f9aa0e8]{min-width:0}.config-card-details-row .config-card-details-value[data-v-5f9aa0e8]{box-sizing:border-box;width:var(--5bc5215e)}.config-card-details-row .config-card-details-value .truncated[data-v-5f9aa0e8]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-5f9aa0e8]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-5f9aa0e8] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-5f9aa0e8]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-5f9aa0e8]{margin-right:4px}.config-card-details-row[data-v-5f9aa0e8] .k-label{margin-bottom:0}.config-card-details-row[data-v-5f9aa0e8] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-5f9aa0e8] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--54aebfa2);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d67757a9]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-dd0edd92]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-dd0edd92]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-dd0edd92]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-dd0edd92] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-dd0edd92]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-b073d014]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form[data-v-b073d014] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-b073d014] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-b073d014] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-b073d014] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.form-actions[data-v-b073d014]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.form-actions[data-v-b073d014] .k-button:last-of-type,.form-actions[data-v-b073d014] .k-button:nth-last-of-type(2){margin-left:16px}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-254b0222]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-254b0222]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-254b0222]{display:none}.kong-ui-entity-base-table[data-v-254b0222] .empty-state-icon-gateway{background-color:#ecfcff;border-radius:4px;padding:8px}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-d1bb74d1]{width:100%}.kong-ui-entity-filter-clear[data-v-d1bb74d1]{cursor:pointer}.kong-ui-entity-filter[data-v-d1bb74d1]{display:flex;position:relative}.kong-ui-entity-filter[data-v-d1bb74d1] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-d1bb74d1] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-d1bb74d1]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-d1bb74d1]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-d1bb74d1]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-d1bb74d1]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-d1bb74d1]{color:#232633}.menu-item-expand-icon[data-v-d1bb74d1]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-d1bb74d1]{transform:rotate(180deg)}.menu-item-indicator[data-v-d1bb74d1]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-d1bb74d1]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-d1bb74d1] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-d1bb74d1] .k-input{width:100%}.menu-item-body[data-v-d1bb74d1] .k-select-input .input{font-size:12px}.menu-item-body[data-v-d1bb74d1] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-d1bb74d1]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-d1bb74d1]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-d1bb74d1]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-96efdfa5]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-96efdfa5]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-96efdfa5]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-96efdfa5] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-96efdfa5]{display:inline-block;font-weight:400;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-96efdfa5]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-96efdfa5]{margin-left:2px}.kong-ui-public-entity-empty-state[data-v-b6376b66]{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;gap:24px;padding:64px 0;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-b6376b66]{padding:64px 96px}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-b6376b66]{margin-bottom:8px}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-b6376b66]{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-b6376b66]{align-items:center;color:#000933;display:flex;font-size:24px;font-weight:700;gap:8px;line-height:32px;margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-b6376b66]{font-size:18px}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-b6376b66],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-b6376b66]{color:#52596e;font-size:14px;font-weight:400;line-height:20px;max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-b6376b66],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-b6376b66]{margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-b6376b66]{margin-top:16px}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-b6376b66]{color:#52596e}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-b6376b66]{align-items:center;display:flex;gap:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-b6376b66]{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;margin-top:8px;width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-b6376b66]{width:640px}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-b6376b66]{background-color:#f9fafb;border:1px solid #e0e4ea;border-radius:6px;color:#afb7c5;gap:8px;height:160px;padding:20px;width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-b6376b66]{color:#3a3f51;display:flex;margin-bottom:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-b6376b66] .kui-icon{height:20px!important;width:20px!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-b6376b66] .card-title{font-size:14px;font-weight:600}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-b6376b66] .card-content{-webkit-box-orient:vertical;color:#6c7489;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-b6376b66]{border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:16px;padding-top:48px;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-b6376b66]{width:640px}}.button-row[data-v-33db902d]{align-items:center;display:flex;gap:12px}.kong-ui-entities-key-sets-list[data-v-33db902d]{width:100%}.kong-ui-entities-key-sets-list .kong-ui-entity-filter-input[data-v-33db902d]{margin-right:12px}.kong-ui-entities-key-sets-form[data-v-a4b01cc5]{width:100%}

package/dist/types/components/KeySetConfigCard.vue.d.ts

@@ -0,0 +1,62 @@
+import type { PropType } from 'vue';
+import type { AxiosError } from 'axios';
+import type { KongManagerKeySetEntityConfig, KonnectKeySetEntityConfig } from '../types';
+import '@kong-ui-public/entities-shared/dist/style.css';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+        type: PropType<KonnectKeySetEntityConfig | KongManagerKeySetEntityConfig>;
+        required: true;
+        validator: (config: KonnectKeySetEntityConfig | KongManagerKeySetEntityConfig) => boolean;
+    };
+    /**
+     * External link for documentation that determines visibility of Documentation button
+     */
+    configCardDoc: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    /**
+     * Control visibility of card title content
+     */
+    hideTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    loading: (isLoading: boolean) => any;
+    "fetch:success": (data: Record<string, any>) => any;
+    "fetch:error": (error: AxiosError<unknown, any>) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+        type: PropType<KonnectKeySetEntityConfig | KongManagerKeySetEntityConfig>;
+        required: true;
+        validator: (config: KonnectKeySetEntityConfig | KongManagerKeySetEntityConfig) => boolean;
+    };
+    /**
+     * External link for documentation that determines visibility of Documentation button
+     */
+    configCardDoc: {
+        type: StringConstructor;
+        default: string;
+        required: false;
+    };
+    /**
+     * Control visibility of card title content
+     */
+    hideTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onLoading?: ((isLoading: boolean) => any) | undefined;
+    "onFetch:success"?: ((data: Record<string, any>) => any) | undefined;
+    "onFetch:error"?: ((error: AxiosError<unknown, any>) => any) | undefined;
+}>, {
+    configCardDoc: string;
+    hideTitle: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=KeySetConfigCard.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeySetConfigCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/KeySetConfigCard.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EACV,6BAA6B,EAC7B,yBAAyB,EAE1B,MAAM,UAAU,CAAA;AAIjB,OAAO,gDAAgD,CAAA;;IAmOrD,oHAAoH;;cAElG,QAAQ,CAAC,yBAAyB,GAAG,6BAA6B,CAAC;;4BAE/D,yBAAyB,GAAG,6BAA6B,KAAG,OAAO;;IAQzF;;OAEG;;;;;;IAMH;;OAEG;;;;;;;;;;IAtBH,oHAAoH;;cAElG,QAAQ,CAAC,yBAAyB,GAAG,6BAA6B,CAAC;;4BAE/D,yBAAyB,GAAG,6BAA6B,KAAG,OAAO;;IAQzF;;OAEG;;;;;;IAMH;;OAEG;;;;;;;;;;;;;AAjCL,wBAuCG"}

package/dist/types/components/KeySetForm.vue.d.ts

@@ -0,0 +1,43 @@
+import type { PropType } from 'vue';
+import type { AxiosError } from 'axios';
+import type { KonnectKeySetFormConfig, KongManagerKeySetFormConfig } from '../types';
+import '@kong-ui-public/entities-shared/dist/style.css';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+        type: PropType<KonnectKeySetFormConfig | KongManagerKeySetFormConfig>;
+        required: true;
+        validator: (config: KonnectKeySetFormConfig | KongManagerKeySetFormConfig) => boolean;
+    };
+    /** If a valid Key Set ID is provided, it will put the form in Edit mode instead of Create */
+    keySetId: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (error: AxiosError<unknown, any>) => any;
+    update: (data: Record<string, any>) => any;
+    loading: (isLoading: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+        type: PropType<KonnectKeySetFormConfig | KongManagerKeySetFormConfig>;
+        required: true;
+        validator: (config: KonnectKeySetFormConfig | KongManagerKeySetFormConfig) => boolean;
+    };
+    /** If a valid Key Set ID is provided, it will put the form in Edit mode instead of Create */
+    keySetId: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & Readonly<{
+    onError?: ((error: AxiosError<unknown, any>) => any) | undefined;
+    onUpdate?: ((data: Record<string, any>) => any) | undefined;
+    onLoading?: ((isLoading: boolean) => any) | undefined;
+}>, {
+    keySetId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=KeySetForm.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeySetForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/KeySetForm.vue"],"names":[],"mappings":"AA4NA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAGnC,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAA;AAUtD,OAAO,KAAK,EACV,uBAAuB,EACvB,2BAA2B,EAG5B,MAAM,UAAU,CAAA;AAIjB,OAAO,gDAAgD,CAAA;;IAiWrD,oHAAoH;;cAElG,QAAQ,CAAC,uBAAuB,GAAG,2BAA2B,CAAC;;4BAE3D,uBAAuB,GAAG,2BAA2B,KAAG,OAAO;;IAQrF,6FAA6F;;;;;;;;;;;IAZ7F,oHAAoH;;cAElG,QAAQ,CAAC,uBAAuB,GAAG,2BAA2B,CAAC;;4BAE3D,uBAAuB,GAAG,2BAA2B,KAAG,OAAO;;IAQrF,6FAA6F;;;;;;;;;;;;;AAvB/F,wBA8BG"}

package/dist/types/components/KeySetList.vue.d.ts

@@ -0,0 +1,123 @@
+import type { PropType } from 'vue';
+import type { AxiosError } from 'axios';
+import type { KongManagerKeySetListConfig, KonnectKeySetListConfig, EntityRow, CopyEventPayload } from '../types';
+import '@kong-ui-public/entities-shared/dist/style.css';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+        type: PropType<KonnectKeySetListConfig | KongManagerKeySetListConfig>;
+        required: true;
+        validator: (config: KonnectKeySetListConfig | KongManagerKeySetListConfig) => boolean;
+    };
+    cacheIdentifier: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can create a new entity */
+    canCreate: {
+        type: PropType<() => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can delete a given entity */
+    canDelete: {
+        type: PropType<(row: EntityRow) => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can edit a given entity */
+    canEdit: {
+        type: PropType<(row: EntityRow) => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can retrieve (view details) a given entity */
+    canRetrieve: {
+        type: PropType<(row: EntityRow) => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** default to false, setting to true will teleport the toolbar button to the destination in the consuming app */
+    useActionOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enables the new empty state design, this prop can be removed when
+     * the khcp-14756-empty-states-m2 FF is removed.
+     */
+    enableV2EmptyStates: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (error: AxiosError<unknown, any>) => any;
+    "click:learn-more": () => any;
+    "copy:success": (payload: CopyEventPayload) => any;
+    "copy:error": (payload: CopyEventPayload) => any;
+    "delete:success": (keySet: EntityRow) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+        type: PropType<KonnectKeySetListConfig | KongManagerKeySetListConfig>;
+        required: true;
+        validator: (config: KonnectKeySetListConfig | KongManagerKeySetListConfig) => boolean;
+    };
+    cacheIdentifier: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can create a new entity */
+    canCreate: {
+        type: PropType<() => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can delete a given entity */
+    canDelete: {
+        type: PropType<(row: EntityRow) => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can edit a given entity */
+    canEdit: {
+        type: PropType<(row: EntityRow) => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can retrieve (view details) a given entity */
+    canRetrieve: {
+        type: PropType<(row: EntityRow) => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** default to false, setting to true will teleport the toolbar button to the destination in the consuming app */
+    useActionOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Enables the new empty state design, this prop can be removed when
+     * the khcp-14756-empty-states-m2 FF is removed.
+     */
+    enableV2EmptyStates: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onError?: ((error: AxiosError<unknown, any>) => any) | undefined;
+    "onClick:learn-more"?: (() => any) | undefined;
+    "onCopy:success"?: ((payload: CopyEventPayload) => any) | undefined;
+    "onCopy:error"?: ((payload: CopyEventPayload) => any) | undefined;
+    "onDelete:success"?: ((keySet: EntityRow) => any) | undefined;
+}>, {
+    cacheIdentifier: string;
+    canCreate: () => boolean | Promise<boolean>;
+    canDelete: (row: EntityRow) => boolean | Promise<boolean>;
+    canEdit: (row: EntityRow) => boolean | Promise<boolean>;
+    canRetrieve: (row: EntityRow) => boolean | Promise<boolean>;
+    useActionOutside: boolean;
+    enableV2EmptyStates: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=KeySetList.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeySetList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/KeySetList.vue"],"names":[],"mappings":"AAsjBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAoBvC,OAAO,KAAK,EACV,2BAA2B,EAC3B,uBAAuB,EACvB,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AASjB,OAAO,gDAAgD,CAAA;;IAq+BrD,oHAAoH;;cAElG,QAAQ,CAAC,uBAAuB,GAAG,2BAA2B,CAAC;;4BAE3D,uBAAuB,GAAG,2BAA2B,KAAG,OAAO;;;;;;IAYrF,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;IAKjH;;;OAGG;;;;;;;;;;;;IAhDH,oHAAoH;;cAElG,QAAQ,CAAC,uBAAuB,GAAG,2BAA2B,CAAC;;4BAE3D,uBAAuB,GAAG,2BAA2B,KAAG,OAAO;;;;;;IAYrF,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;IAKjH;;;OAGG;;;;;;;;;;;;;qBA9BgC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;qBAM1B,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;mBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;uBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;;;;AAjD7E,wBAmEG"}

package/dist/types/composables/index.d.ts

@@ -0,0 +1,6 @@
+import useI18n from './useI18n';
+declare const _default: {
+    useI18n: typeof useI18n;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/composables/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;;;;AAG/B,wBAEC"}

package/dist/types/composables/useI18n.d.ts

@@ -0,0 +1,9 @@
+import { createI18n, i18nTComponent } from '@kong-ui-public/i18n';
+import english from '../locales/en.json';
+interface UseI18nReturn {
+    i18n: ReturnType<typeof createI18n<typeof english>>;
+    i18nT: ReturnType<typeof i18nTComponent<typeof english>>;
+}
+export default function useI18n(): UseI18nReturn;
+export {};
+//# sourceMappingURL=useI18n.d.ts.map

package/dist/types/composables/useI18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../../src/composables/useI18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAExC,UAAU,aAAa;IACrB,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,CAAA;CACzD;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,IAAI,aAAa,CAO/C"}

package/dist/types/index.d.ts

@@ -0,0 +1,6 @@
+import KeySetList from './components/KeySetList.vue';
+import KeySetForm from './components/KeySetForm.vue';
+import KeySetConfigCard from './components/KeySetConfigCard.vue';
+export { KeySetList, KeySetForm, KeySetConfigCard };
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,6BAA6B,CAAA;AACpD,OAAO,UAAU,MAAM,6BAA6B,CAAA;AACpD,OAAO,gBAAgB,MAAM,mCAAmC,CAAA;AAEhE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA;AAEnD,cAAc,SAAS,CAAA"}

package/dist/types/key-sets-endpoints.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    list: {
+        konnect: string;
+        kongManager: string;
+    };
+    form: {
+        konnect: {
+            create: string;
+            edit: string;
+        };
+        kongManager: {
+            create: string;
+            edit: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=key-sets-endpoints.d.ts.map

package/dist/types/key-sets-endpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-sets-endpoints.d.ts","sourceRoot":"","sources":["../../src/key-sets-endpoints.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAGA,wBAeC"}

package/dist/types/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './key-set-list';
+export * from './key-set-form';
+export * from './key-set-config-card';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA"}

package/dist/types/types/key-set-config-card.d.ts

@@ -0,0 +1,15 @@
+import type { KonnectBaseEntityConfig, KongManagerBaseEntityConfig, ConfigurationSchemaItem } from '@kong-ui-public/entities-shared';
+/** Konnect KeySet entity config */
+export interface KonnectKeySetEntityConfig extends KonnectBaseEntityConfig {
+}
+/** Kong Manager KeySet entity config */
+export interface KongManagerKeySetEntityConfig extends KongManagerBaseEntityConfig {
+}
+export interface KeySetConfigurationSchema {
+    id: ConfigurationSchemaItem;
+    name: ConfigurationSchemaItem;
+    last_updated: ConfigurationSchemaItem;
+    created: ConfigurationSchemaItem;
+    tags: ConfigurationSchemaItem;
+}
+//# sourceMappingURL=key-set-config-card.d.ts.map

package/dist/types/types/key-set-config-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-set-config-card.d.ts","sourceRoot":"","sources":["../../../src/types/key-set-config-card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAA;AAEpI,mCAAmC;AACnC,MAAM,WAAW,yBAA0B,SAAQ,uBAAuB;CAAG;AAE7E,wCAAwC;AACxC,MAAM,WAAW,6BAA8B,SAAQ,2BAA2B;CAAG;AAErF,MAAM,WAAW,yBAAyB;IAExC,EAAE,EAAE,uBAAuB,CAAA;IAC3B,IAAI,EAAE,uBAAuB,CAAA;IAC7B,YAAY,EAAE,uBAAuB,CAAA;IACrC,OAAO,EAAE,uBAAuB,CAAA;IAChC,IAAI,EAAE,uBAAuB,CAAA;CAC9B"}

package/dist/types/types/key-set-form.d.ts

@@ -0,0 +1,25 @@
+import type { RouteLocationRaw } from 'vue-router';
+import type { KonnectBaseFormConfig, KongManagerBaseFormConfig } from '@kong-ui-public/entities-shared';
+/** Konnect Key Set form config */
+export interface KonnectKeySetFormConfig extends KonnectBaseFormConfig {
+    /** Route to return to if canceling create/edit a Key Set */
+    cancelRoute: RouteLocationRaw;
+}
+/** Kong Manager Key Set form config */
+export interface KongManagerKeySetFormConfig extends KongManagerBaseFormConfig {
+    /** Route to return to if canceling create/edit a Key Set */
+    cancelRoute: RouteLocationRaw;
+}
+export interface KeySetFormFields {
+    name: string;
+    tags?: string;
+}
+export interface KeySetFormState {
+    /** Form fields */
+    fields: KeySetFormFields;
+    /** Form readonly state (only used when saving entity details) */
+    isReadonly: boolean;
+    /** The error message to show on the form */
+    errorMessage: string;
+}
+//# sourceMappingURL=key-set-form.d.ts.map

package/dist/types/types/key-set-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-set-form.d.ts","sourceRoot":"","sources":["../../../src/types/key-set-form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAEvG,kCAAkC;AAClC,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB;IACpE,4DAA4D;IAC5D,WAAW,EAAE,gBAAgB,CAAA;CAC9B;AAED,uCAAuC;AACvC,MAAM,WAAW,2BAA4B,SAAQ,yBAAyB;IAC5E,4DAA4D;IAC5D,WAAW,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,MAAM,EAAE,gBAAgB,CAAA;IACxB,iEAAiE;IACjE,UAAU,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,YAAY,EAAE,MAAM,CAAA;CACrB"}

package/dist/types/types/key-set-list.d.ts

@@ -0,0 +1,33 @@
+import type { RouteLocationRaw } from 'vue-router';
+import type { FilterSchema, KongManagerBaseTableConfig, KonnectBaseTableConfig } from '@kong-ui-public/entities-shared';
+export interface BaseKeySetListConfig {
+    /** Route for creating a key set */
+    createRoute: RouteLocationRaw;
+    /** A function that returns the route for viewing a key set */
+    getViewRoute: (id: string) => RouteLocationRaw;
+    /** A function that returns the route for editing a key set */
+    getEditRoute: (id: string) => RouteLocationRaw;
+}
+/** Konnect key list config */
+export interface KonnectKeySetListConfig extends KonnectBaseTableConfig, BaseKeySetListConfig {
+}
+/** Kong Manager key list config */
+export interface KongManagerKeySetListConfig extends KongManagerBaseTableConfig, BaseKeySetListConfig {
+    /** FilterSchema for fuzzy match */
+    filterSchema?: FilterSchema;
+}
+export interface EntityRow extends Record<string, any> {
+    id: string;
+    name?: string;
+    kid: string;
+}
+/** Copy field event payload */
+export interface CopyEventPayload {
+    /** The entity row */
+    entity: EntityRow;
+    /** The field being copied. If omitted, the entity JSON is being copied. */
+    field?: string;
+    /** The toaster message */
+    message: string;
+}
+//# sourceMappingURL=key-set-list.d.ts.map

package/dist/types/types/key-set-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-set-list.d.ts","sourceRoot":"","sources":["../../../src/types/key-set-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AAEvH,MAAM,WAAW,oBAAoB;IACnC,mCAAmC;IACnC,WAAW,EAAE,gBAAgB,CAAA;IAC7B,8DAA8D;IAC9D,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,gBAAgB,CAAA;IAC9C,8DAA8D;IAC9D,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,gBAAgB,CAAA;CAC/C;AAED,8BAA8B;AAC9B,MAAM,WAAW,uBAAwB,SAAQ,sBAAsB,EAAE,oBAAoB;CAAG;AAEhG,mCAAmC;AACnC,MAAM,WAAW,2BAA4B,SAAQ,0BAA0B,EAAE,oBAAoB;IACnG,mCAAmC;IACnC,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED,MAAM,WAAW,SAAU,SAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACpD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,+BAA+B;AAC/B,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB;IACrB,MAAM,EAAE,SAAS,CAAA;IACjB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAA;CAChB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-key-sets",
-  "version": "3.7.28-pr.2132.c7fba69a4.0",
+  "version": "3.7.28",
   "type": "module",
   "main": "./dist/entities-key-sets.umd.js",
   "module": "./dist/entities-key-sets.es.js",
@@ -26,8 +26,8 @@
     "axios": "^1.7.7",
     "vue": ">= 3.3.13 < 4",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/i18n": "^2.3.0",
-    "@kong-ui-public/entities-shared": "^3.23.1-pr.2132.c7fba69a4.0"
+    "@kong-ui-public/entities-shared": "^3.24.0",
+    "@kong-ui-public/i18n": "^2.3.0"
   },
   "devDependencies": {
     "@kong/icons": "^1.26.0",
@@ -35,8 +35,8 @@
     "axios": "^1.7.7",
     "vue": "^3.5.13",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/entities-shared": "^3.23.1-pr.2132.c7fba69a4.0",
-    "@kong-ui-public/i18n": "^2.3.0"
+    "@kong-ui-public/i18n": "^2.3.0",
+    "@kong-ui-public/entities-shared": "^3.24.0"
   },
   "repository": {
     "type": "git",