@kong-ui-public/entities-keys 3.10.20 → 3.10.21-pr.2722.b1aa23ae4.0

package/dist/entities-keys.es.js

@@ -1,1088 +0,0 @@
-import { defineComponent as ve, ref as w, computed as h, watch as le, onBeforeMount as je, resolveComponent as F, createElementBlock as W, openBlock as b, createVNode as f, unref as l, createSlots as ge, withCtx as u, createTextVNode as O, toDisplayString as C, createElementVNode as D, createBlock as V, Teleport as De, createCommentVNode as J, reactive as Se, Fragment as we, renderList as Ie } from "vue";
-import { useRouter as Ee } from "vue-router";
-import { BookIcon as Ce, AddIcon as Ke, KeyIcon as Fe } from "@kong/icons";
-import { createI18n as Te, i18nTComponent as Be } from "@kong-ui-public/i18n";
-import { useAxios as he, useTableState as Ae, useFetcher as Ue, useDeleteUrlBuilder as Pe, FetcherStatus as qe, EntityBaseTable as Ne, PermissionsWrapper as ne, TableTags as Oe, EntityFilter as Je, EntityDeleteModal as We, EntityTypes as Le, useErrors as He, EntityBaseFormType as re, useDebouncedFilter as Qe, EntityBaseForm as Ge, SupportedEntityType as Ve, EntityFormSection as xe, useStringHelpers as ze, ConfigurationSchemaType as pe, ConfigurationSchemaSection as me, EntityBaseConfigCard as Xe, InternalLinkItem as Ye, ConfigCardItem as $e } from "@kong-ui-public/entities-shared";
-const Ze = {
-  title: "Keys",
-  list: {
-    toolbar_actions: {
-      new_key: "New key"
-    },
-    table_headers: {
-      name: "Name",
-      key_id: "Key ID",
-      id: "ID",
-      tags: "Tags"
-    },
-    empty_state: {
-      title: "Configure a New Key",
-      description: "A Key object holds a representation of asymmetric keys in various formats."
-    },
-    empty_state_v2: {
-      title: "Configure your first key",
-      group: "Keys created in gateways within this group will automatically appear here.",
-      description: "Keys hold a representation of asymmetric keys that gateways and plugins can use for secure operations.",
-      create_cta: "New key",
-      learn_more: "Learn more"
-    }
-  },
-  actions: {
-    create: "New key",
-    copy_id: "Copy ID",
-    copy_json: "Copy JSON",
-    edit: "Edit",
-    delete: "Delete",
-    clear: "Clear",
-    view: "View Details",
-    loading: "Loading..."
-  },
-  search: {
-    placeholder: "Filter by exact name or ID",
-    no_results: "No results found"
-  },
-  delete: {
-    title: "Delete a Key",
-    description: "This action cannot be reversed so make sure to check the key usage before deleting."
-  },
-  errors: {
-    general: "Keys could not be retrieved",
-    delete: "The key could not be deleted at this time.",
-    copy: "Failed to copy to clipboard",
-    key_sets: {
-      fetch: "Could not fetch available key sets",
-      invalid: "Please select a valid key set ID"
-    }
-  },
-  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."
-      },
-      keys: {
-        title: "Asymmetric Keys",
-        description: "Choose the preferred format for this asymmetric key. Currently only support PEM and JWK format."
-      }
-    },
-    fields: {
-      id: {
-        label: "Key ID",
-        placeholder: "Enter a key ID",
-        tooltip: "An identifier for a key",
-        help: "If using JWK, need to match with the jwk.kid field"
-      },
-      x5t: {
-        label: "X.509 Certificate Thumbprint (x5t)",
-        placeholder: "Enter the certificate thumbprint that identifies the key to be used to validate JWT signature",
-        tooltip: "x5t is a base64url-encoded SHA-1 thumbprint of the DER encoding of X.509 certificate",
-        help: "If using x5t, need to match with the jwk.x5t field"
-      },
-      name: {
-        label: "Name",
-        placeholder: "Enter a unique name for this key",
-        tooltip: "The name to associate with the given key"
-      },
-      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."
-      },
-      key_set: {
-        label: "Key Set",
-        placeholder: "Select a key set to add into",
-        footer: "Search by exact ID to find key sets not included in the list"
-      },
-      key_format: {
-        label: "Key Format",
-        options: {
-          jwk: "JWK",
-          pem: "PEM"
-        }
-      },
-      jwk: {
-        label: "JWK",
-        placeholder: "Enter a JWK",
-        tooltip: "A JSON Web key represented as a string"
-      },
-      kid: {
-        label: "Key ID",
-        tooltip: "A unique identifier for a key."
-      },
-      set: {
-        label: "Key Set",
-        tooltip: "The id (an UUID) of the key-set with which to associate the key."
-      },
-      private_key: {
-        label: "Private Key",
-        placeholder: "Enter a private key"
-      },
-      public_key: {
-        label: "Public Key",
-        placeholder: "Enter a public key"
-      }
-    }
-  }
-}, et = {
-  keys: Ze
-};
-function tt() {
-  const a = Te("en-us", et);
-  return {
-    i18n: a,
-    i18nT: Be(a)
-    // Translation component <i18n-t>
-  };
-}
-const be = {
-  useI18n: tt
-}, A = "/v2/control-planes/{controlPlaneId}/core-entities", U = "/{workspace}", P = {
-  list: {
-    konnect: {
-      all: `${A}/keys`,
-      forKeySet: `${A}/key-sets/{keySetId}/keys`
-    },
-    kongManager: {
-      all: `${U}/keys`,
-      forKeySet: `${U}/key-sets/{keySetId}/keys`
-    }
-  },
-  form: {
-    konnect: {
-      create: {
-        all: `${A}/keys`,
-        forKeySet: `${A}/key-sets/{keySetId}/keys`
-      },
-      edit: {
-        all: `${A}/keys/{id}`,
-        forKeySet: `${A}/key-sets/{keySetId}/keys/{id}`
-      },
-      keySets: `${A}/key-sets`,
-      getKeySet: `${A}/key-sets/{keySetId}`
-    },
-    kongManager: {
-      create: {
-        all: `${U}/keys`,
-        forKeySet: `${U}/key-sets/{keySetId}/keys`
-      },
-      edit: {
-        all: `${U}/keys/{id}`,
-        forKeySet: `${U}/key-sets/{keySetId}/keys/{id}`
-      },
-      keySets: `${U}/key-sets`,
-      getKeySet: `${U}/key-sets/{keySetId}`
-    }
-  }
-}, lt = { class: "kong-ui-entities-keys-list" }, it = { class: "button-row" }, at = /* @__PURE__ */ ve({
-  __name: "KeyList",
-  props: {
-    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
-    config: {
-      type: Object,
-      required: !0,
-      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || !a.createRoute || !a.getViewRoute || !a.getEditRoute || a.app === "kongManager" && !a.isExactMatch && !a.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"],
-  setup(a, { emit: q }) {
-    var I;
-    const _ = q, t = a, { i18n: { t: c } } = be.useI18n(), d = Ee(), { axiosInstance: x } = he((I = t.config) == null ? void 0 : I.axiosRequestConfig), { hasRecords: N, handleStateChange: z } = Ae(() => M.value), $ = h(() => N.value && t.config.app === "konnect"), e = h(() => !!t.config.keySetId), K = h(() => t.config.app !== "kongManager" || !!t.config.disableSorting), T = {
-      // the Name column is non-hidable
-      name: { label: c("keys.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      kid: { label: c("keys.list.table_headers.key_id"), sortable: !0 },
-      tags: { label: c("keys.list.table_headers.tags") },
-      id: { label: c("keys.list.table_headers.id"), sortable: !0 }
-    }, B = T, L = h(() => {
-      var i, n, E, Z;
-      let s = `${t.config.apiBaseUrl}${P.list[t.config.app][t.config.keySetId ? "forKeySet" : "all"]}`;
-      return t.config.app === "konnect" ? s = s.replace(/{controlPlaneId}/gi, ((i = t.config) == null ? void 0 : i.controlPlaneId) || "").replace(/{keySetId}/gi, ((n = t.config) == null ? void 0 : n.keySetId) || "") : t.config.app === "kongManager" && (s = s.replace(/\/{workspace}/gi, (E = t.config) != null && E.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, ((Z = t.config) == null ? void 0 : Z.keySetId) || "")), s;
-    }), M = w(""), X = h(() => {
-      const s = t.config.app === "konnect" || t.config.isExactMatch;
-      if (s)
-        return {
-          isExactMatch: s,
-          placeholder: c("keys.search.placeholder")
-        };
-      const i = { name: T.name };
-      return {
-        isExactMatch: s,
-        fields: i,
-        schema: t.config.filterSchema
-      };
-    }), {
-      fetcher: H,
-      fetcherState: y,
-      fetcherCacheKey: m
-    } = Ue(h(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), L), j = () => {
-      M.value = "";
-    }, g = () => {
-      m.value++;
-    }, S = w(null), k = async (s, i) => {
-      const n = s.id;
-      if (!await i(n)) {
-        ce(s, "id");
-        return;
-      }
-      de(s, "id");
-    }, ie = async (s, i) => {
-      const n = JSON.stringify(s);
-      if (!await i(n)) {
-        _("copy:error", {
-          entity: s,
-          message: c("keys.errors.copy")
-        });
-        return;
-      }
-      _("copy:success", {
-        entity: s,
-        message: c("keys.copy.success_brief")
-      });
-    }, de = (s, i) => {
-      _("copy:success", {
-        entity: s,
-        field: i,
-        message: c("keys.copy.success", { val: s[i] })
-      });
-    }, ce = (s, i) => {
-      _("copy:error", {
-        entity: s,
-        field: i,
-        message: c("keys.errors.copy")
-      });
-    }, ye = async (s) => {
-      var n;
-      await ((n = t.canRetrieve) == null ? void 0 : n.call(t, s)) && d.push(t.config.getViewRoute(s.id));
-    }, fe = (s) => ({
-      label: c("keys.actions.view"),
-      to: t.config.getViewRoute(s)
-    }), ue = (s) => ({
-      label: c("keys.actions.edit"),
-      to: t.config.getEditRoute(s)
-    }), R = w(void 0), Q = w(!1), G = w(!1), ae = w(""), Y = Pe(t.config, L.value), oe = (s) => {
-      R.value = s, Q.value = !0;
-    }, ke = () => {
-      Q.value = !1;
-    }, se = async () => {
-      var s, i, n;
-      if ((s = R.value) != null && s.id) {
-        G.value = !0;
-        try {
-          await x.delete(Y(R.value.id)), G.value = !1, Q.value = !1, m.value++, _("delete:success", R.value);
-        } catch (E) {
-          ae.value = ((n = (i = E.response) == null ? void 0 : i.data) == null ? void 0 : n.message) || E.message || c("keys.errors.delete"), _("error", E);
-        } finally {
-          G.value = !1;
-        }
-      }
-    }, o = () => {
-      d.push(t.config.createRoute);
-    };
-    le(y, (s) => {
-      var i, n, E;
-      if (s.status === qe.Error) {
-        S.value = {
-          title: c("keys.errors.general")
-        }, (E = (n = (i = s.error) == null ? void 0 : i.response) == null ? void 0 : n.data) != null && E.message && (S.value.message = s.error.response.data.message), _("error", s.error);
-        return;
-      }
-      S.value = null;
-    });
-    const r = w({
-      ctaPath: t.config.createRoute,
-      ctaText: void 0,
-      message: `${c("keys.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
-      title: c("keys.title")
-    }), v = w(!1);
-    return je(async () => {
-      v.value = await t.canCreate(), v.value && (r.value.title = c("keys.list.empty_state.title"), r.value.ctaText = c("keys.actions.create"));
-    }), (s, i) => {
-      const n = F("KButton"), E = F("KEmptyState"), Z = F("KCopy"), ee = F("KDropdownItem"), _e = F("KClipboardProvider");
-      return b(), W("div", lt, [
-        f(l(Ne), {
-          "cache-identifier": a.cacheIdentifier,
-          "disable-sorting": K.value,
-          "empty-state-options": r.value,
-          "enable-entity-actions": "",
-          "error-message": S.value,
-          fetcher: l(H),
-          "fetcher-cache-key": l(m),
-          "pagination-type": "offset",
-          "preferences-storage-key": "kong-ui-entities-keys-list",
-          query: M.value,
-          "table-headers": l(B),
-          onClearSearchInput: j,
-          "onClick:row": i[3] || (i[3] = (p) => ye(p)),
-          onSort: g,
-          onState: l(z)
-        }, ge({
-          "toolbar-filter": u(() => [
-            f(l(Je), {
-              modelValue: M.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (p) => M.value = p),
-              config: X.value
-            }, null, 8, ["modelValue", "config"])
-          ]),
-          "toolbar-button": u(() => [
-            (b(), V(De, {
-              disabled: !a.useActionOutside,
-              to: "#kong-ui-app-page-header-action-button"
-            }, [
-              D("div", it, [
-                !e.value && $.value ? (b(), V(n, {
-                  key: 0,
-                  appearance: "secondary",
-                  class: "open-learning-hub",
-                  "data-testid": "keys-learn-more-button",
-                  icon: "",
-                  onClick: i[1] || (i[1] = (p) => s.$emit("click:learn-more"))
-                }, {
-                  default: u(() => [
-                    f(l(Ce), { decorative: "" })
-                  ]),
-                  _: 1
-                })) : J("", !0),
-                f(l(ne), {
-                  "auth-function": () => a.canCreate()
-                }, {
-                  default: u(() => [
-                    f(n, {
-                      appearance: "primary",
-                      "data-testid": "toolbar-add-key",
-                      size: a.useActionOutside ? "medium" : "large",
-                      to: a.config.createRoute
-                    }, {
-                      default: u(() => [
-                        f(l(Ke)),
-                        O(" " + C(l(c)("keys.list.toolbar_actions.new_key")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["size", "to"])
-                  ]),
-                  _: 1
-                }, 8, ["auth-function"])
-              ])
-            ], 8, ["disabled"]))
-          ]),
-          name: u(({ rowValue: p }) => [
-            D("b", null, C(p ?? "-"), 1)
-          ]),
-          kid: u(({ rowValue: p }) => [
-            f(Z, { text: p }, null, 8, ["text"])
-          ]),
-          tags: u(({ rowValue: p }) => [
-            f(l(Oe), { tags: p }, null, 8, ["tags"])
-          ]),
-          id: u(({ rowValue: p }) => [
-            f(Z, {
-              text: p,
-              truncate: ""
-            }, null, 8, ["text"])
-          ]),
-          actions: u(({ row: p }) => [
-            f(_e, null, {
-              default: u(({ copyToClipboard: te }) => [
-                f(ee, {
-                  "data-testid": "action-entity-copy-id",
-                  onClick: (Re) => k(p, te)
-                }, {
-                  default: u(() => [
-                    O(C(l(c)("keys.actions.copy_id")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1024),
-            f(_e, null, {
-              default: u(({ copyToClipboard: te }) => [
-                f(ee, {
-                  "data-testid": "action-entity-copy-json",
-                  onClick: (Re) => ie(p, te)
-                }, {
-                  default: u(() => [
-                    O(C(l(c)("keys.actions.copy_json")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1024),
-            f(l(ne), {
-              "auth-function": () => a.canRetrieve(p)
-            }, {
-              default: u(() => [
-                f(ee, {
-                  "data-testid": "action-entity-view",
-                  "has-divider": "",
-                  item: fe(p.id)
-                }, null, 8, ["item"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            f(l(ne), {
-              "auth-function": () => a.canEdit(p)
-            }, {
-              default: u(() => [
-                f(ee, {
-                  "data-testid": "action-entity-edit",
-                  item: ue(p.id)
-                }, null, 8, ["item"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            f(l(ne), {
-              "auth-function": () => a.canDelete(p)
-            }, {
-              default: u(() => [
-                f(ee, {
-                  danger: "",
-                  "data-testid": "action-entity-delete",
-                  "has-divider": "",
-                  onClick: (te) => oe(p)
-                }, {
-                  default: u(() => [
-                    O(C(l(c)("keys.actions.delete")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"])
-          ]),
-          _: 2
-        }, [
-          !M.value && a.config.app === "konnect" ? {
-            name: "empty-state",
-            fn: u(() => {
-              var p;
-              return [
-                f(E, {
-                  "data-testid": a.config.keySetId ? "nested-keys-entity-empty-state" : "keys-entity-empty-state",
-                  "icon-background": "",
-                  message: l(c)("keys.list.empty_state_v2.description"),
-                  title: l(c)("keys.list.empty_state_v2.title")
-                }, ge({
-                  icon: u(() => [
-                    f(l(Fe), { decorative: "" })
-                  ]),
-                  action: u(() => [
-                    v.value ? (b(), V(n, {
-                      key: 0,
-                      "data-testid": "entity-create-button",
-                      onClick: o
-                    }, {
-                      default: u(() => [
-                        f(l(Ke), { decorative: "" }),
-                        O(" " + C(l(c)("keys.list.empty_state_v2.create_cta")), 1)
-                      ]),
-                      _: 1
-                    })) : J("", !0),
-                    f(n, {
-                      appearance: "secondary",
-                      "data-testid": "entity-learn-more-button",
-                      onClick: i[2] || (i[2] = (te) => s.$emit("click:learn-more"))
-                    }, {
-                      default: u(() => [
-                        f(l(Ce), { decorative: "" }),
-                        O(" " + C(l(c)("keys.list.empty_state_v2.learn_more")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, [
-                  (p = a.config) != null && p.isControlPlaneGroup ? {
-                    name: "default",
-                    fn: u(() => [
-                      O(C(l(c)("keys.list.empty_state_v2.group")), 1)
-                    ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["data-testid", "message", "title"])
-              ];
-            }),
-            key: "0"
-          } : void 0
-        ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        f(l(We), {
-          "action-pending": G.value,
-          description: l(c)("keys.delete.description"),
-          "entity-name": R.value && (R.value.name || R.value.id),
-          "entity-type": l(Le).Key,
-          error: ae.value,
-          "need-confirm": !1,
-          title: l(c)("keys.delete.title"),
-          visible: Q.value,
-          onCancel: ke,
-          onProceed: se
-        }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
-      ]);
-    };
-  }
-}), Me = (a, q) => {
-  const _ = a.__vccOpts || a;
-  for (const [t, c] of q)
-    _[t] = c;
-  return _;
-}, bt = /* @__PURE__ */ Me(at, [["__scopeId", "data-v-be539385"]]), ot = { class: "kong-ui-entities-keys-form" }, st = { "data-testid": "no-search-results" }, nt = { class: "select-item-container" }, rt = { class: "select-item-label" }, dt = { class: "select-item-description" }, ct = {
-  key: 1,
-  class: "invalid-key-set-message",
-  "data-testid": "invalid-key-set-message"
-}, yt = { "data-testid": "key-format-container" }, ft = /* @__PURE__ */ ve({
-  __name: "KeyForm",
-  props: {
-    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
-    config: {
-      type: Object,
-      required: !0,
-      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || a.app === "konnect" && !a.controlPlaneId || a.app === "kongManager" && typeof a.workspace != "string" || !a.cancelRoute)
-    },
-    /** If a valid Key ID is provided, it will put the form in Edit mode instead of Create */
-    keyId: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** Specific the keyset Id if the key entity is a scoped entity [both create and edit form] */
-    keySetId: {
-      type: String,
-      required: !1,
-      default: null
-    },
-    /** Pre-select the Key Set field and mark it as read-only [create form only] */
-    fixedKeySetId: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** Whether to provide x5t field in key form */
-    showx5t: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    }
-  },
-  emits: ["update", "error", "loading"],
-  setup(a, { emit: q }) {
-    var se;
-    const _ = q, t = a, c = Ee(), { i18n: { t: d } } = be.useI18n(), { getMessageFromError: x } = He(), { axiosInstance: N } = he((se = t.config) == null ? void 0 : se.axiosRequestConfig), z = h(() => t.keySetId ? P.form[t.config.app].edit.forKeySet.replace(/{keySetId}/gi, t.keySetId) : P.form[t.config.app].edit.all), $ = h(() => t.keyId ? re.Edit : re.Create), e = Se({
-      fields: {
-        name: "",
-        tags: "",
-        key_id: "",
-        key_format: "jwk",
-        key_set: "",
-        jwk: "",
-        private_key: "",
-        public_key: "",
-        ...t.showx5t ? { x5t: "" } : {}
-      },
-      isReadonly: !1,
-      errorMessage: ""
-    }), K = Se({
-      name: "",
-      tags: "",
-      key_id: "",
-      key_format: "jwk",
-      key_set: "",
-      jwk: "",
-      private_key: "",
-      public_key: ""
-    }), T = [
-      {
-        label: d("keys.form.fields.key_format.options.jwk"),
-        value: "jwk"
-      },
-      {
-        label: d("keys.form.fields.key_format.options.pem"),
-        value: "pem"
-      }
-    ], B = h(() => e.isReadonly || $.value === re.Create && !!t.fixedKeySetId), L = h(() => !B.value);
-    le(() => t.fixedKeySetId, (o) => {
-      $.value === re.Create && (e.fields.key_set = o);
-    }, { immediate: !0 });
-    const M = h(() => JSON.stringify(e.fields) !== JSON.stringify(K) && !!e.fields.key_id && !!e.fields.key_format && (e.fields.key_format === "jwk" && !!e.fields.jwk || e.fields.key_format === "pem" && !!e.fields.private_key && !!e.fields.public_key)), X = (o) => {
-      var r, v, I, s;
-      e.fields.key_id = (o == null ? void 0 : o.kid) || "", e.fields.name = (o == null ? void 0 : o.name) || "", e.fields.tags = ((r = o == null ? void 0 : o.tags) == null ? void 0 : r.join(", ")) || "", e.fields.key_set = ((v = o == null ? void 0 : o.set) == null ? void 0 : v.id) || "", e.fields.key_format = o != null && o.pem ? "pem" : "jwk", e.fields.jwk = (o == null ? void 0 : o.jwk) || "", e.fields.private_key = ((I = o == null ? void 0 : o.pem) == null ? void 0 : I.private_key) || "", e.fields.public_key = ((s = o == null ? void 0 : o.pem) == null ? void 0 : s.public_key) || "", t.showx5t && (e.fields.x5t = (o == null ? void 0 : o.x5t) || ""), Object.assign(K, e.fields);
-    }, H = () => {
-      c.push(t.config.cancelRoute);
-    }, y = h(() => {
-      var r, v;
-      let o = `${t.config.apiBaseUrl}${P.form[t.config.app][$.value][t.keySetId ? "forKeySet" : "all"]}`;
-      return t.config.app === "konnect" ? o = o.replace(/{controlPlaneId}/gi, ((r = t.config) == null ? void 0 : r.controlPlaneId) || "") : t.config.app === "kongManager" && (o = o.replace(/\/{workspace}/gi, (v = t.config) != null && v.workspace ? `/${t.config.workspace}` : "")), o = o.replace(/{id}/gi, t.keyId).replace(/{keySetId}/gi, t.keySetId || ""), o;
-    }), m = h(() => {
-      var o, r, v;
-      return {
-        kid: e.fields.key_id,
-        ...t.showx5t ? { x5t: e.fields.x5t || null } : {},
-        name: e.fields.name || null,
-        tags: ((v = (r = (o = e.fields.tags) == null ? void 0 : o.split(",")) == null ? void 0 : r.map((I) => String(I || "").trim())) == null ? void 0 : v.filter((I) => I !== "")) || [],
-        set: e.fields.key_set ? { id: e.fields.key_set } : null,
-        jwk: e.fields.key_format === "jwk" ? e.fields.jwk : null,
-        pem: e.fields.key_format === "pem" ? { private_key: e.fields.private_key, public_key: e.fields.public_key } : null
-      };
-    }), j = async () => {
-      var o, r, v, I, s;
-      try {
-        e.isReadonly = !0;
-        let i;
-        if ($.value === "create" ? i = await N.post(y.value, m.value) : $.value === "edit" && (i = ((o = t.config) == null ? void 0 : o.app) === "konnect" ? await N.put(y.value, m.value) : await N.patch(y.value, m.value)), i) {
-          const { data: n } = i;
-          e.fields.key_id = (n == null ? void 0 : n.kid) || "", e.fields.name = (n == null ? void 0 : n.name) || "", e.fields.tags = ((r = n == null ? void 0 : n.tags) == null ? void 0 : r.join(", ")) || "", e.fields.key_set = ((v = n == null ? void 0 : n.set) == null ? void 0 : v.id) || "", e.fields.key_format = n != null && n.pem ? "pem" : "jwk", e.fields.jwk = (n == null ? void 0 : n.jwk) || "", e.fields.private_key = ((I = n == null ? void 0 : n.pem) == null ? void 0 : I.private_key) || "", e.fields.public_key = ((s = n == null ? void 0 : n.pem) == null ? void 0 : s.public_key) || "", t.showx5t && (e.fields.x5t = (n == null ? void 0 : n.x5t) || ""), Object.assign(K, e.fields), _("update", i == null ? void 0 : i.data);
-        }
-      } catch (i) {
-        e.errorMessage = x(i), _("error", i);
-      } finally {
-        e.isReadonly = !1;
-      }
-    }, {
-      debouncedQueryChange: g,
-      loading: S,
-      allRecords: k,
-      error: ie,
-      validationError: de,
-      loadItems: ce,
-      results: ye
-    } = Qe(t.config, P.form[t.config.app].keySets, void 0, {
-      fetchedItemsKey: "data",
-      searchKeys: ["id", "name"]
-    }), fe = (o) => {
-      (!o || o !== e.fields.key_set && o !== K.key_set) && g(o);
-    }, ue = h(() => ie.value ? d("keys.errors.key_sets.fetch") : ""), R = h(() => de.value ? d("keys.errors.key_sets.invalid") : ""), Q = w(0), G = h(() => k.value === void 0), ae = h(() => {
-      if (G.value)
-        return t.config.app === "konnect" ? d("keys.form.fields.key_set.footer") : void 0;
-    }), Y = w(/* @__PURE__ */ new Set()), oe = h(() => Array.from(Y.value).map((r) => ({
-      name: r.name || "",
-      // can't use name for label or it tries to search => 404
-      label: "",
-      // leave it blank so no flicker when used with selected-item-template
-      value: r.id,
-      selected: e.fields.key_set === r.id
-    }))), ke = (o) => {
-      Y.value.clear();
-      let r;
-      for (r of o)
-        Y.value.add(r);
-    };
-    return le(ye, (o) => {
-      ke(o);
-    }, { immediate: !0, deep: !0 }), le(oe, () => {
-      Q.value++;
-    }, { immediate: !0, deep: !0 }), je(async () => {
-      await ce();
-    }), (o, r) => {
-      const v = F("KInput"), I = F("KSelect"), s = F("KTextArea");
-      return b(), W("div", ot, [
-        f(l(Ge), {
-          "can-submit": M.value,
-          config: a.config,
-          "edit-id": a.keyId,
-          "entity-type": l(Ve).Key,
-          "error-message": e.errorMessage || ue.value,
-          "fetch-url": z.value,
-          "form-fields": m.value,
-          "is-readonly": e.isReadonly,
-          onCancel: H,
-          "onFetch:error": r[9] || (r[9] = (i) => o.$emit("error", i)),
-          "onFetch:success": X,
-          onLoading: r[10] || (r[10] = (i) => o.$emit("loading", i)),
-          onSubmit: j
-        }, {
-          default: u(() => [
-            f(l(xe), {
-              description: l(d)("keys.form.sections.general.description"),
-              title: l(d)("keys.form.sections.general.title")
-            }, {
-              default: u(() => [
-                f(v, {
-                  modelValue: e.fields.key_id,
-                  "onUpdate:modelValue": r[0] || (r[0] = (i) => e.fields.key_id = i),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "key-form-id",
-                  help: l(d)("keys.form.fields.id.help"),
-                  label: l(d)("keys.form.fields.id.label"),
-                  "label-attributes": {
-                    info: l(d)("keys.form.fields.id.tooltip"),
-                    tooltipAttributes: { maxWidth: "400" }
-                  },
-                  placeholder: l(d)("keys.form.fields.id.placeholder"),
-                  readonly: e.isReadonly,
-                  required: "",
-                  type: "text"
-                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"]),
-                a.showx5t ? (b(), V(v, {
-                  key: 0,
-                  modelValue: e.fields.x5t,
-                  "onUpdate:modelValue": r[1] || (r[1] = (i) => e.fields.x5t = i),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "key-form-x5t",
-                  help: l(d)("keys.form.fields.x5t.help"),
-                  label: l(d)("keys.form.fields.x5t.label"),
-                  "label-attributes": {
-                    info: l(d)("keys.form.fields.x5t.tooltip"),
-                    tooltipAttributes: { maxWidth: "400" }
-                  },
-                  placeholder: l(d)("keys.form.fields.x5t.placeholder"),
-                  readonly: e.isReadonly,
-                  type: "text"
-                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])) : J("", !0),
-                f(v, {
-                  modelValue: e.fields.name,
-                  "onUpdate:modelValue": r[2] || (r[2] = (i) => e.fields.name = i),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "key-form-name",
-                  label: l(d)("keys.form.fields.name.label"),
-                  placeholder: l(d)("keys.form.fields.name.placeholder"),
-                  readonly: e.isReadonly,
-                  type: "text"
-                }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                f(I, {
-                  modelValue: e.fields.key_set,
-                  "onUpdate:modelValue": r[3] || (r[3] = (i) => e.fields.key_set = i),
-                  clearable: L.value,
-                  "data-testid": "key-form-key-set",
-                  "dropdown-footer-text": ae.value,
-                  "enable-filtering": "",
-                  "filter-function": () => !0,
-                  items: oe.value,
-                  label: l(d)("keys.form.fields.key_set.label"),
-                  loading: l(S),
-                  placeholder: l(d)("keys.form.fields.key_set.placeholder"),
-                  readonly: B.value,
-                  width: "100%",
-                  onQueryChange: fe
-                }, {
-                  loading: u(() => [
-                    D("div", null, C(l(d)("keys.actions.loading")), 1)
-                  ]),
-                  empty: u(() => [
-                    D("div", st, C(l(d)("keys.search.no_results")), 1)
-                  ]),
-                  "selected-item-template": u(({ item: i }) => [
-                    D("div", null, C(i.name), 1)
-                  ]),
-                  "item-template": u(({ item: i }) => [
-                    D("div", nt, [
-                      D("div", rt, C(i.name), 1),
-                      D("div", dt, C(i.value), 1)
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "clearable", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"]),
-                R.value ? (b(), W("p", ct, C(R.value), 1)) : J("", !0),
-                f(v, {
-                  modelValue: e.fields.tags,
-                  "onUpdate:modelValue": r[4] || (r[4] = (i) => e.fields.tags = i),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "key-form-tags",
-                  help: l(d)("keys.form.fields.tags.help"),
-                  label: l(d)("keys.form.fields.tags.label"),
-                  "label-attributes": {
-                    info: l(d)("keys.form.fields.tags.tooltip"),
-                    tooltipAttributes: { maxWidth: "400" }
-                  },
-                  placeholder: l(d)("keys.form.fields.tags.placeholder"),
-                  readonly: e.isReadonly,
-                  type: "text"
-                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
-              ]),
-              _: 1
-            }, 8, ["description", "title"]),
-            f(l(xe), {
-              description: l(d)("keys.form.sections.keys.description"),
-              "has-divider": "",
-              title: l(d)("keys.form.sections.keys.title")
-            }, {
-              default: u(() => [
-                D("div", yt, [
-                  f(I, {
-                    modelValue: e.fields.key_format,
-                    "onUpdate:modelValue": r[5] || (r[5] = (i) => e.fields.key_format = i),
-                    "data-testid": "key-form-key-format",
-                    items: T,
-                    label: l(d)("keys.form.fields.key_format.label"),
-                    readonly: e.isReadonly,
-                    required: "",
-                    width: "100%"
-                  }, null, 8, ["modelValue", "label", "readonly"])
-                ]),
-                e.fields.key_format === "jwk" ? (b(), V(s, {
-                  key: 0,
-                  modelValue: e.fields.jwk,
-                  "onUpdate:modelValue": r[6] || (r[6] = (i) => e.fields.jwk = i),
-                  modelModifiers: { trim: !0 },
-                  "character-limit": !1,
-                  class: "key-form-textarea",
-                  "data-testid": "key-form-jwk",
-                  label: l(d)("keys.form.fields.jwk.label"),
-                  "label-attributes": {
-                    info: l(d)("keys.form.fields.jwk.tooltip"),
-                    tooltipAttributes: { maxWidth: "400" }
-                  },
-                  placeholder: l(d)("keys.form.fields.jwk.placeholder"),
-                  readonly: e.isReadonly,
-                  required: ""
-                }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])) : J("", !0),
-                e.fields.key_format === "pem" ? (b(), V(s, {
-                  key: 1,
-                  modelValue: e.fields.private_key,
-                  "onUpdate:modelValue": r[7] || (r[7] = (i) => e.fields.private_key = i),
-                  modelModifiers: { trim: !0 },
-                  "character-limit": !1,
-                  class: "key-form-textarea",
-                  "data-testid": "key-form-private-key",
-                  label: l(d)("keys.form.fields.private_key.label"),
-                  placeholder: l(d)("keys.form.fields.private_key.placeholder"),
-                  readonly: e.isReadonly,
-                  required: ""
-                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : J("", !0),
-                e.fields.key_format === "pem" ? (b(), V(s, {
-                  key: 2,
-                  modelValue: e.fields.public_key,
-                  "onUpdate:modelValue": r[8] || (r[8] = (i) => e.fields.public_key = i),
-                  modelModifiers: { trim: !0 },
-                  "character-limit": !1,
-                  class: "key-form-textarea",
-                  "data-testid": "key-form-public-key",
-                  label: l(d)("keys.form.fields.public_key.label"),
-                  placeholder: l(d)("keys.form.fields.public_key.placeholder"),
-                  readonly: e.isReadonly,
-                  required: ""
-                }, null, 8, ["modelValue", "label", "placeholder", "readonly"])) : J("", !0)
-              ]),
-              _: 1
-            }, 8, ["description", "title"])
-          ]),
-          _: 1
-        }, 8, ["can-submit", "config", "edit-id", "entity-type", "error-message", "fetch-url", "form-fields", "is-readonly"])
-      ]);
-    };
-  }
-}), _t = /* @__PURE__ */ Me(ft, [["__scopeId", "data-v-d5baf85a"]]), ut = { class: "kong-ui-entities-keys-entity-config-card" }, kt = { key: 2 }, St = /* @__PURE__ */ ve({
-  __name: "KeyConfigCard",
-  props: {
-    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
-    config: {
-      type: Object,
-      required: !0,
-      validator: (a) => !(!a || !["konnect", "kongManager"].includes(a == null ? void 0 : a.app) || a.app === "konnect" && !a.controlPlaneId || a.app === "kongManager" && typeof a.workspace != "string" || !a.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
-    },
-    /**
-     * Keyset id for scoped key entity
-     */
-    keySetId: {
-      type: String,
-      default: null
-    }
-  },
-  emits: ["loading", "fetch:error", "fetch:success", "navigation-click"],
-  setup(a, { emit: q }) {
-    var H;
-    const _ = q, t = a, { axiosInstance: c } = he((H = t.config) == null ? void 0 : H.axiosRequestConfig), { convertKeyToTitle: d } = ze(), { i18n: { t: x } } = be.useI18n(), N = h(() => t.keySetId ? `${P.form[t.config.app].edit.forKeySet}`.replace(/{keySetId}/gi, t.keySetId) : P.form[t.config.app].edit.all), z = h(() => {
-      var y;
-      return (y = P.form[t.config.app]) == null ? void 0 : y.getKeySet;
-    }), $ = w(), e = w({}), K = w(t.keySetId || ""), T = w(""), B = w(!1), L = async (y) => {
-      var m;
-      $.value = y, K.value = (m = y == null ? void 0 : y.set) == null ? void 0 : m.id, _("fetch:success", y), M(y);
-    };
-    le(K, async () => {
-      var m, j;
-      if (!K.value)
-        return;
-      let y = `${t.config.apiBaseUrl}${z.value}`;
-      t.config.app === "konnect" ? y = y.replace(/{controlPlaneId}/gi, ((m = t.config) == null ? void 0 : m.controlPlaneId) || "").replace(/{keySetId}/gi, K.value || "") : t.config.app === "kongManager" && (y = y.replace(/\/{workspace}/gi, (j = t.config) != null && j.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, K.value || ""));
-      try {
-        B.value = !0;
-        const { data: g } = await c.get(y, {
-          validateStatus: (S) => S === 404 || S >= 200 && S < 300
-          // in case KeySet is deleted
-        });
-        T.value = (g == null ? void 0 : g.name) || (g == null ? void 0 : g.id);
-      } catch (g) {
-        _("fetch:error", g);
-      } finally {
-        B.value = !1;
-      }
-    }, { immediate: !0 });
-    const M = (y) => {
-      var m, j;
-      try {
-        if (y.jwk) {
-          const g = JSON.parse(y.jwk);
-          Object.keys(g).forEach((S) => {
-            e.value = {
-              ...e.value,
-              [`jwk.${S}`]: g[S]
-            };
-          });
-        } else
-          e.value = {
-            "pem.public_key": (m = y == null ? void 0 : y.pem) == null ? void 0 : m.public_key,
-            "pem.private_key": (j = y == null ? void 0 : y.pem) == null ? void 0 : j.private_key
-          };
-      } catch (g) {
-        _("fetch:error", g);
-      }
-      return e;
-    }, X = w({
-      id: {},
-      name: {
-        tooltip: x("keys.form.fields.name.tooltip")
-      },
-      last_updated: {},
-      created: {},
-      set: {
-        label: x("keys.form.fields.set.label"),
-        section: me.Basic,
-        tooltip: x("keys.form.fields.set.tooltip"),
-        order: 5
-      },
-      kid: {
-        label: x("keys.form.fields.kid.label"),
-        section: me.Basic,
-        tooltip: x("keys.form.fields.kid.tooltip")
-      },
-      tags: {
-        tooltip: x("keys.form.fields.tags.tooltip")
-      },
-      // advanced fields
-      jwk: {
-        label: x("keys.form.fields.jwk.label"),
-        type: pe.Json
-      },
-      pem: {
-        section: me.Advanced,
-        label: x("keys.form.fields.key_format.options.pem"),
-        type: pe.Json
-      }
-    });
-    return (y, m) => {
-      var g, S;
-      const j = F("KSkeleton");
-      return b(), W("div", ut, [
-        f(l(Xe), {
-          config: a.config,
-          "config-card-doc": a.configCardDoc,
-          "config-schema": X.value,
-          "entity-type": l(Ve).Key,
-          "fetch-url": N.value,
-          "hide-title": a.hideTitle,
-          "onFetch:error": m[0] || (m[0] = (k) => y.$emit("fetch:error", k)),
-          "onFetch:success": L,
-          onLoading: m[1] || (m[1] = (k) => y.$emit("loading", k))
-        }, ge({
-          set: u(({ row: k }) => [
-            B.value ? (b(), V(j, {
-              key: 0,
-              "data-testid": "key-set-name-loader",
-              type: "spinner"
-            })) : k.value && k.value.id === K.value && T.value ? (b(), V(l(Ye), {
-              key: 1,
-              item: {
-                key: k.value.id,
-                value: T.value,
-                type: l(pe).LinkInternal
-              },
-              onClick: (ie) => y.$emit("navigation-click", k.value.id, "key-sets")
-            }, null, 8, ["item", "onClick"])) : (b(), W("div", kt, C("–")))
-          ]),
-          _: 2
-        }, [
-          (g = $.value) != null && g.jwk ? {
-            name: "jwk",
-            fn: u(() => [
-              (b(!0), W(we, null, Ie(Object.keys(e.value), (k) => (b(), V(l($e), {
-                key: k,
-                "data-testid": `${k}`,
-                item: {
-                  key: k,
-                  label: l(d)(k),
-                  value: e.value[k]
-                }
-              }, null, 8, ["data-testid", "item"]))), 128))
-            ]),
-            key: "0"
-          } : void 0,
-          (S = $.value) != null && S.pem ? {
-            name: "pem",
-            fn: u(() => [
-              (b(!0), W(we, null, Ie(Object.keys(e.value), (k) => (b(), V(l($e), {
-                key: k,
-                "data-testid": `${k}`,
-                item: {
-                  key: k,
-                  label: l(d)(k),
-                  value: e.value[k]
-                }
-              }, null, 8, ["data-testid", "item"]))), 128))
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
-      ]);
-    };
-  }
-});
-export {
-  St as KeyConfigCard,
-  _t as KeyForm,
-  bt as KeyList
-};