@kong-ui-public/entities-keys 3.12.34 → 3.13.0

package/dist/entities-keys.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as ve, computed as h, ref as w, watch as ie, onBeforeMount as je, resolveComponent as F, openBlock as b, createElementBlock as W, createVNode as f, unref as l, createSlots as ge, withCtx as u, createTextVNode as N, 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 { defineComponent as ge, computed as h, ref as w, watch as le, onBeforeMount as je, resolveComponent as F, openBlock as b, createElementBlock as W, createVNode as u, unref as l, createSlots as me, withCtx as f, createTextVNode as N, 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 xe, 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 Oe, PermissionsWrapper as re, TableTags as Ne, EntityFilter as Je, EntityDeleteModal as We, EntityTypes as Le, useErrors as He, EntityBaseFormType as le, useDebouncedFilter as Qe, EntityBaseForm as Ge, SupportedEntityType as Ve, EntityFormSection as Ke, useStringHelpers as ze, ConfigurationSchemaType as pe, ConfigurationSchemaSection as me, EntityBaseConfigCard as Xe, InternalLinkItem as Ye, ConfigCardItem as $e } from "@kong-ui-public/entities-shared";
+import { useAxios as ve, useTableState as Ae, useFetcher as Ue, useDeleteUrlBuilder as Pe, FetcherStatus as qe, EntityBaseTable as Oe, PermissionsWrapper as ne, TableTags as Ne, EntityFilter as Je, EntityDeleteModal as We, EntityTypes as Le, useErrors as He, EntityBaseFormType as te, useDebouncedFilter as Qe, EntityBaseForm as Ge, SupportedEntityType as Ve, EntityFormSection as Ke, useStringHelpers as ze, ConfigurationSchemaType as ke, ConfigurationSchemaSection as pe, EntityBaseConfigCard as Xe, InternalLinkItem as Ye, ConfigCardItem as $e } from "@kong-ui-public/entities-shared";
 const Ze = {
   title: "Keys",
   list: {
@@ -132,16 +132,16 @@ const Ze = {
   keys: Ze
 };
 function tt() {
-  const a = Te("en-us", et);
+  const o = Te("en-us", et);
   return {
-    i18n: a,
-    i18nT: Be(a)
+    i18n: o,
+    i18nT: Be(o)
     // Translation component <i18n-t>
   };
 }
-const be = {
+const he = {
   useI18n: tt
-}, A = "/v2/control-planes/{controlPlaneId}/core-entities", U = "/{workspace}", P = {
+}, A = "/v2/control-planes/{controlPlaneId}/core-entities/{workspace}", U = "/{workspace}", P = {
   list: {
     konnect: {
       all: `${A}/keys`,
@@ -178,14 +178,14 @@ const be = {
       getKeySet: `${U}/key-sets/{keySetId}`
     }
   }
-}, lt = { class: "kong-ui-entities-keys-list" }, it = { class: "button-row" }, at = /* @__PURE__ */ ve({
+}, lt = { class: "kong-ui-entities-keys-list" }, it = { class: "button-row" }, ot = /* @__PURE__ */ ge({
   __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)
+      validator: (o) => !(!o || !["konnect", "kongManager"].includes(o == null ? void 0 : o.app) || !o.createRoute || !o.getViewRoute || !o.getEditRoute || o.app === "kongManager" && !o.isExactMatch && !o.filterSchema)
     },
     // used to override the default identifier for the cache entry
     cacheIdentifier: {
@@ -223,19 +223,19 @@ const be = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
-  setup(a, { emit: q }) {
+  setup(o, { emit: q }) {
     var I;
-    const _ = q, t = a, { i18n: { t: c } } = be.useI18n(), d = Ee(), { axiosInstance: K } = he((I = t.config) == null ? void 0 : I.axiosRequestConfig), { hasRecords: O, handleStateChange: z } = Ae(() => M.value), $ = h(() => O.value && t.config.app === "konnect"), e = h(() => !!t.config.keySetId), x = h(() => t.config.app !== "kongManager" || !!t.config.disableSorting), T = {
+    const _ = q, t = o, { i18n: { t: c } } = he.useI18n(), d = Ee(), { axiosInstance: x } = ve((I = t.config) == null ? void 0 : I.axiosRequestConfig), { hasRecords: O, handleStateChange: z } = Ae(() => R.value), K = h(() => O.value && t.config.app === "konnect"), e = h(() => !!t.config.keySetId), $ = 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;
+      var i, n, E;
       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(() => {
+      return t.config.app === "konnect" && (s = s.replace(/{controlPlaneId}/gi, ((i = t.config) == null ? void 0 : i.controlPlaneId) || "")), s.replace(/\/{workspace}/gi, (n = t.config) != null && n.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, ((E = t.config) == null ? void 0 : E.keySetId) || "");
+    }), R = w(""), X = h(() => {
       const s = t.config.app === "konnect" || t.config.isExactMatch;
       if (s)
         return {
@@ -253,17 +253,17 @@ const be = {
       fetcherState: y,
       fetcherCacheKey: m
     } = Ue(h(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), L), j = () => {
-      M.value = "";
+      R.value = "";
     }, g = () => {
       m.value++;
     }, S = w(null), k = async (s, i) => {
       const n = s.id;
       if (!await i(n)) {
-        ce(s, "id");
+        de(s, "id");
         return;
       }
-      de(s, "id");
-    }, ae = async (s, i) => {
+      re(s, "id");
+    }, ie = async (s, i) => {
       const n = JSON.stringify(s);
       if (!await i(n)) {
         _("copy:error", {
@@ -276,47 +276,47 @@ const be = {
         entity: s,
         message: c("keys.copy.success_brief")
       });
-    }, de = (s, i) => {
+    }, re = (s, i) => {
       _("copy:success", {
         entity: s,
         field: i,
         message: c("keys.copy.success", { val: s[i] })
       });
-    }, ce = (s, i) => {
+    }, de = (s, i) => {
       _("copy:error", {
         entity: s,
         field: i,
         message: c("keys.errors.copy")
       });
-    }, ye = async (s) => {
+    }, ce = async (s) => {
       var n;
       await ((n = t.canRetrieve) == null ? void 0 : n.call(t, s)) && d.push(t.config.getViewRoute(s.id));
-    }, fe = (s) => ({
+    }, ye = (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), oe = w(""), Y = Pe(t.config, L.value), se = (s) => {
-      R.value = s, Q.value = !0;
-    }, ke = () => {
+    }), M = w(void 0), Q = w(!1), G = w(!1), oe = w(""), Y = Pe(t.config, L.value), ae = (s) => {
+      M.value = s, Q.value = !0;
+    }, fe = () => {
       Q.value = !1;
-    }, ne = async () => {
+    }, se = async () => {
       var s, i, n;
-      if ((s = R.value) != null && s.id) {
+      if ((s = M.value) != null && s.id) {
         G.value = !0;
         try {
-          await K.delete(Y(R.value.id)), G.value = !1, Q.value = !1, m.value++, _("delete:success", R.value);
+          await x.delete(Y(M.value.id)), G.value = !1, Q.value = !1, m.value++, _("delete:success", M.value);
         } catch (E) {
           oe.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 = () => {
+    }, a = () => {
       d.push(t.config.createRoute);
     };
-    ie(y, (s) => {
+    le(y, (s) => {
       var i, n, E;
       if (s.status === qe.Error) {
         S.value = {
@@ -335,11 +335,11 @@ const be = {
     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");
+      const n = F("KButton"), E = F("KEmptyState"), be = F("KCopy"), Z = F("KDropdownItem"), _e = F("KClipboardProvider");
       return b(), W("div", lt, [
-        f(l(Oe), {
-          "cache-identifier": a.cacheIdentifier,
-          "disable-sorting": x.value,
+        u(l(Oe), {
+          "cache-identifier": o.cacheIdentifier,
+          "disable-sorting": $.value,
           "empty-state-options": r.value,
           "enable-entity-actions": "",
           "error-message": S.value,
@@ -347,27 +347,27 @@ const be = {
           "fetcher-cache-key": l(m),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-keys-list",
-          query: M.value,
+          query: R.value,
           "table-headers": l(B),
           onClearSearchInput: j,
-          "onClick:row": i[3] || (i[3] = (p) => ye(p)),
+          "onClick:row": i[3] || (i[3] = (p) => ce(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),
+        }, me({
+          "toolbar-filter": f(() => [
+            u(l(Je), {
+              modelValue: R.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (p) => R.value = p),
               config: X.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": u(() => [
+          "toolbar-button": f(() => [
             (b(), V(De, {
-              disabled: !a.useActionOutside,
+              disabled: !o.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
               D("div", it, [
-                !e.value && $.value ? (b(), V(n, {
+                !e.value && K.value ? (b(), V(n, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
@@ -375,23 +375,23 @@ const be = {
                   icon: "",
                   onClick: i[1] || (i[1] = (p) => s.$emit("click:learn-more"))
                 }, {
-                  default: u(() => [
-                    f(l(Ce), { decorative: "" })
+                  default: f(() => [
+                    u(l(Ce), { decorative: "" })
                   ]),
                   _: 1
                 })) : J("", !0),
-                f(l(re), {
-                  "auth-function": () => a.canCreate()
+                u(l(ne), {
+                  "auth-function": () => o.canCreate()
                 }, {
-                  default: u(() => [
-                    f(n, {
+                  default: f(() => [
+                    u(n, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-key",
-                      size: a.useActionOutside ? "medium" : "large",
-                      to: a.config.createRoute
+                      size: o.useActionOutside ? "medium" : "large",
+                      to: o.config.createRoute
                     }, {
-                      default: u(() => [
-                        f(l(xe)),
+                      default: f(() => [
+                        u(l(xe)),
                         N(" " + C(l(c)("keys.list.toolbar_actions.new_key")), 1)
                       ]),
                       _: 1
@@ -402,29 +402,29 @@ const be = {
               ])
             ], 8, ["disabled"]))
           ]),
-          name: u(({ rowValue: p }) => [
+          name: f(({ rowValue: p }) => [
             D("b", null, C(p ?? "-"), 1)
           ]),
-          kid: u(({ rowValue: p }) => [
-            f(Z, { text: p }, null, 8, ["text"])
+          kid: f(({ rowValue: p }) => [
+            u(be, { text: p }, null, 8, ["text"])
           ]),
-          tags: u(({ rowValue: p }) => [
-            f(l(Ne), { tags: p }, null, 8, ["tags"])
+          tags: f(({ rowValue: p }) => [
+            u(l(Ne), { tags: p }, null, 8, ["tags"])
           ]),
-          id: u(({ rowValue: p }) => [
-            f(Z, {
+          id: f(({ rowValue: p }) => [
+            u(be, {
               text: p,
               truncate: ""
             }, null, 8, ["text"])
           ]),
-          actions: u(({ row: p }) => [
-            f(_e, null, {
-              default: u(({ copyToClipboard: te }) => [
-                f(ee, {
+          actions: f(({ row: p }) => [
+            u(_e, null, {
+              default: f(({ copyToClipboard: ee }) => [
+                u(Z, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (Re) => k(p, te)
+                  onClick: (Me) => k(p, ee)
                 }, {
-                  default: u(() => [
+                  default: f(() => [
                     N(C(l(c)("keys.actions.copy_id")), 1)
                   ]),
                   _: 1
@@ -432,13 +432,13 @@ const be = {
               ]),
               _: 2
             }, 1024),
-            f(_e, null, {
-              default: u(({ copyToClipboard: te }) => [
-                f(ee, {
+            u(_e, null, {
+              default: f(({ copyToClipboard: ee }) => [
+                u(Z, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (Re) => ae(p, te)
+                  onClick: (Me) => ie(p, ee)
                 }, {
-                  default: u(() => [
+                  default: f(() => [
                     N(C(l(c)("keys.actions.copy_json")), 1)
                   ]),
                   _: 1
@@ -446,40 +446,40 @@ const be = {
               ]),
               _: 2
             }, 1024),
-            f(l(re), {
-              "auth-function": () => a.canRetrieve(p)
+            u(l(ne), {
+              "auth-function": () => o.canRetrieve(p)
             }, {
-              default: u(() => [
-                f(ee, {
+              default: f(() => [
+                u(Z, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: fe(p.id)
+                  item: ye(p.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            f(l(re), {
-              "auth-function": () => a.canEdit(p)
+            u(l(ne), {
+              "auth-function": () => o.canEdit(p)
             }, {
-              default: u(() => [
-                f(ee, {
+              default: f(() => [
+                u(Z, {
                   "data-testid": "action-entity-edit",
                   item: ue(p.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            f(l(re), {
-              "auth-function": () => a.canDelete(p)
+            u(l(ne), {
+              "auth-function": () => o.canDelete(p)
             }, {
-              default: u(() => [
-                f(ee, {
+              default: f(() => [
+                u(Z, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (te) => se(p)
+                  onClick: (ee) => ae(p)
                 }, {
-                  default: u(() => [
+                  default: f(() => [
                     N(C(l(c)("keys.actions.delete")), 1)
                   ]),
                   _: 1
@@ -490,39 +490,39 @@ const be = {
           ]),
           _: 2
         }, [
-          !M.value && a.config.app === "konnect" ? {
+          !R.value && o.config.app === "konnect" ? {
             name: "empty-state",
-            fn: u(() => {
+            fn: f(() => {
               var p;
               return [
-                f(E, {
-                  "data-testid": a.config.keySetId ? "nested-keys-entity-empty-state" : "keys-entity-empty-state",
+                u(E, {
+                  "data-testid": o.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: "" })
+                }, me({
+                  icon: f(() => [
+                    u(l(Fe), { decorative: "" })
                   ]),
-                  action: u(() => [
+                  action: f(() => [
                     v.value ? (b(), V(n, {
                       key: 0,
                       "data-testid": "entity-create-button",
-                      onClick: o
+                      onClick: a
                     }, {
-                      default: u(() => [
-                        f(l(xe), { decorative: "" }),
+                      default: f(() => [
+                        u(l(xe), { decorative: "" }),
                         N(" " + C(l(c)("keys.list.empty_state_v2.create_cta")), 1)
                       ]),
                       _: 1
                     })) : J("", !0),
-                    f(n, {
+                    u(n, {
                       appearance: "secondary",
                       "data-testid": "entity-learn-more-button",
-                      onClick: i[2] || (i[2] = (te) => s.$emit("click:learn-more"))
+                      onClick: i[2] || (i[2] = (ee) => s.$emit("click:learn-more"))
                     }, {
-                      default: u(() => [
-                        f(l(Ce), { decorative: "" }),
+                      default: f(() => [
+                        u(l(Ce), { decorative: "" }),
                         N(" " + C(l(c)("keys.list.empty_state_v2.learn_more")), 1)
                       ]),
                       _: 1
@@ -530,9 +530,9 @@ const be = {
                   ]),
                   _: 2
                 }, [
-                  (p = a.config) != null && p.isControlPlaneGroup ? {
+                  (p = o.config) != null && p.isControlPlaneGroup ? {
                     name: "default",
-                    fn: u(() => [
+                    fn: f(() => [
                       N(C(l(c)("keys.list.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
@@ -543,43 +543,43 @@ const be = {
             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), {
+        u(l(We), {
           "action-pending": G.value,
           description: l(c)("keys.delete.description"),
-          "entity-name": R.value && (R.value.name || R.value.id),
+          "entity-name": M.value && (M.value.name || M.value.id),
           "entity-type": l(Le).Key,
           error: oe.value,
           title: l(c)("keys.delete.title"),
           visible: Q.value,
-          onCancel: ke,
-          onProceed: ne
+          onCancel: fe,
+          onProceed: se
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), Me = (a, q) => {
-  const _ = a.__vccOpts || a;
+}), Re = (o, q) => {
+  const _ = o.__vccOpts || o;
   for (const [t, c] of q)
     _[t] = c;
   return _;
-}, bt = /* @__PURE__ */ Me(at, [["__scopeId", "data-v-a816925b"]]), 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 = {
+}, bt = /* @__PURE__ */ Re(ot, [["__scopeId", "data-v-8e1e850e"]]), at = { 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({
+}, yt = { "data-testid": "key-format-container" }, ut = /* @__PURE__ */ ge({
   __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)
+      validator: (o) => !(!o || !["konnect", "kongManager"].includes(o == null ? void 0 : o.app) || o.app === "konnect" && !o.controlPlaneId || o.app === "kongManager" && typeof o.workspace != "string" || !o.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: ""
+      default: null
     },
     /** Specific the keyset Id if the key entity is a scoped entity [both create and edit form] */
     keySetId: {
@@ -591,7 +591,7 @@ const be = {
     fixedKeySetId: {
       type: String,
       required: !1,
-      default: ""
+      default: null
     },
     /** Whether to provide x5t field in key form */
     showx5t: {
@@ -601,9 +601,9 @@ const be = {
     }
   },
   emits: ["update", "error", "loading"],
-  setup(a, { emit: q }) {
-    var ne;
-    const _ = q, t = a, c = Ee(), { i18n: { t: d } } = be.useI18n(), { getMessageFromError: K } = He(), { axiosInstance: O } = he((ne = t.config) == null ? void 0 : ne.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 ? le.Edit : le.Create), e = Se({
+  setup(o, { emit: q }) {
+    var se;
+    const _ = q, t = o, c = Ee(), { i18n: { t: d } } = he.useI18n(), { getMessageFromError: x } = He(), { axiosInstance: O } = ve((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), K = h(() => t.keyId ? te.Edit : te.Create), e = Se({
       fields: {
         /**
         * Generates a unique key name using the current timestamp.
@@ -611,7 +611,7 @@ const be = {
         *
         * Example output: "new-key-20250307123045789"
         */
-        name: $.value === le.Create ? `new-key-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}` : "",
+        name: K.value === te.Create ? `new-key-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}` : "",
         tags: "",
         key_id: "",
         key_format: "jwk",
@@ -623,7 +623,7 @@ const be = {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), x = Se({
+    }), $ = Se({
       name: "",
       tags: "",
       key_id: "",
@@ -641,41 +641,41 @@ const be = {
         label: d("keys.form.fields.key_format.options.pem"),
         value: "pem"
       }
-    ], B = h(() => e.isReadonly || $.value === le.Create && !!t.fixedKeySetId), L = h(() => !B.value);
-    ie(() => t.fixedKeySetId, (o) => {
-      $.value === le.Create && (e.fields.key_set = o);
+    ], B = h(() => e.isReadonly || K.value === te.Create && !!t.fixedKeySetId), L = h(() => !B.value);
+    le(() => t.fixedKeySetId, (a) => {
+      K.value === te.Create && (e.fields.key_set = a ?? "");
     }, { immediate: !0 });
-    const M = h(() => JSON.stringify(e.fields) !== JSON.stringify(x) && !!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) => {
+    const R = h(() => JSON.stringify(e.fields) !== JSON.stringify($) && !!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 = (a) => {
       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(x, e.fields);
+      e.fields.key_id = (a == null ? void 0 : a.kid) || "", e.fields.name = (a == null ? void 0 : a.name) || "", e.fields.tags = ((r = a == null ? void 0 : a.tags) == null ? void 0 : r.join(", ")) || "", e.fields.key_set = ((v = a == null ? void 0 : a.set) == null ? void 0 : v.id) || "", e.fields.key_format = a != null && a.pem ? "pem" : "jwk", e.fields.jwk = (a == null ? void 0 : a.jwk) || "", e.fields.private_key = ((I = a == null ? void 0 : a.pem) == null ? void 0 : I.private_key) || "", e.fields.public_key = ((s = a == null ? void 0 : a.pem) == null ? void 0 : s.public_key) || "", t.showx5t && (e.fields.x5t = (a == null ? void 0 : a.x5t) || ""), Object.assign($, 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;
+      let a = `${t.config.apiBaseUrl}${P.form[t.config.app][K.value][t.keySetId ? "forKeySet" : "all"]}`;
+      return t.config.app === "konnect" && (a = a.replace(/{controlPlaneId}/gi, ((r = t.config) == null ? void 0 : r.controlPlaneId) || "")), a.replace(/\/{workspace}/gi, (v = t.config) != null && v.workspace ? `/${t.config.workspace}` : "").replace(/{id}/gi, t.keyId ?? "").replace(/{keySetId}/gi, t.keySetId || "");
     }), m = h(() => {
-      var o, r, v;
+      var a, 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 !== "")) || [],
+        tags: ((v = (r = (a = e.fields.tags) == null ? void 0 : a.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;
+      var a, r, v, I, s;
       try {
         e.isReadonly = !0;
         let i;
-        if ($.value === "create" ? i = await O.post(y.value, m.value) : $.value === "edit" && (i = ((o = t.config) == null ? void 0 : o.app) === "konnect" ? await O.put(y.value, m.value) : await O.patch(y.value, m.value)), i) {
+        if (K.value === "create" ? i = await O.post(y.value, m.value) : K.value === "edit" && (i = ((a = t.config) == null ? void 0 : a.app) === "konnect" ? await O.put(y.value, m.value) : await O.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(x, e.fields), _("update", i == null ? void 0 : i.data);
+          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($, e.fields), _("update", i == null ? void 0 : i.data);
         }
       } catch (i) {
-        e.errorMessage = K(i), _("error", i);
+        e.errorMessage = x(i), _("error", i);
       } finally {
         e.isReadonly = !1;
       }
@@ -683,62 +683,62 @@ const be = {
       debouncedQueryChange: g,
       loading: S,
       allRecords: k,
-      error: ae,
-      validationError: de,
-      loadItems: ce,
-      results: ye
+      error: ie,
+      validationError: re,
+      loadItems: de,
+      results: ce
     } = 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 !== x.key_set) && g(o);
-    }, ue = h(() => ae.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), oe = h(() => {
+    }), ye = (a) => {
+      (!a || a !== e.fields.key_set && a !== $.key_set) && g(a);
+    }, ue = h(() => ie.value ? d("keys.errors.key_sets.fetch") : ""), M = h(() => re.value ? d("keys.errors.key_sets.invalid") : ""), Q = w(0), G = h(() => k.value === void 0), oe = h(() => {
       if (G.value)
         return t.config.app === "konnect" ? d("keys.form.fields.key_set.footer") : void 0;
-    }), Y = w(/* @__PURE__ */ new Set()), se = h(() => Array.from(Y.value).map((r) => ({
+    }), Y = w(/* @__PURE__ */ new Set()), ae = 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) => {
+    }))), fe = (a) => {
       Y.value.clear();
       let r;
-      for (r of o)
+      for (r of a)
         Y.value.add(r);
     };
-    return ie(ye, (o) => {
-      ke(o);
-    }, { immediate: !0, deep: !0 }), ie(se, () => {
+    return le(ce, (a) => {
+      fe(a);
+    }, { immediate: !0, deep: !0 }), le(ae, () => {
       Q.value++;
     }, { immediate: !0, deep: !0 }), je(async () => {
-      await ce();
-    }), (o, r) => {
+      await de();
+    }), (a, 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,
+      return b(), W("div", at, [
+        u(l(Ge), {
+          "can-submit": R.value,
+          config: o.config,
+          "edit-id": o.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:error": r[9] || (r[9] = (i) => a.$emit("error", i)),
           "onFetch:success": X,
-          onLoading: r[10] || (r[10] = (i) => o.$emit("loading", i)),
+          onLoading: r[10] || (r[10] = (i) => a.$emit("loading", i)),
           onSubmit: j
         }, {
-          default: u(() => [
-            f(l(Ke), {
+          default: f(() => [
+            u(l(Ke), {
               description: l(d)("keys.form.sections.general.description"),
               title: l(d)("keys.form.sections.general.title")
             }, {
-              default: u(() => [
-                f(v, {
+              default: f(() => [
+                u(v, {
                   modelValue: e.fields.key_id,
                   "onUpdate:modelValue": r[0] || (r[0] = (i) => e.fields.key_id = i),
                   modelModifiers: { trim: !0 },
@@ -755,7 +755,7 @@ const be = {
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"]),
-                a.showx5t ? (b(), V(v, {
+                o.showx5t ? (b(), V(v, {
                   key: 0,
                   modelValue: e.fields.x5t,
                   "onUpdate:modelValue": r[1] || (r[1] = (i) => e.fields.x5t = i),
@@ -772,7 +772,7 @@ const be = {
                   readonly: e.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])) : J("", !0),
-                f(v, {
+                u(v, {
                   modelValue: e.fields.name,
                   "onUpdate:modelValue": r[2] || (r[2] = (i) => e.fields.name = i),
                   modelModifiers: { trim: !0 },
@@ -783,7 +783,7 @@ const be = {
                   readonly: e.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                f(I, {
+                u(I, {
                   modelValue: e.fields.key_set,
                   "onUpdate:modelValue": r[3] || (r[3] = (i) => e.fields.key_set = i),
                   clearable: L.value,
@@ -791,24 +791,24 @@ const be = {
                   "dropdown-footer-text": oe.value,
                   "enable-filtering": "",
                   "filter-function": () => !0,
-                  items: se.value,
+                  items: ae.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
+                  onQueryChange: ye
                 }, {
-                  loading: u(() => [
+                  loading: f(() => [
                     D("div", null, C(l(d)("keys.actions.loading")), 1)
                   ]),
-                  empty: u(() => [
+                  empty: f(() => [
                     D("div", st, C(l(d)("keys.search.no_results")), 1)
                   ]),
-                  "selected-item-template": u(({ item: i }) => [
+                  "selected-item-template": f(({ item: i }) => [
                     D("div", null, C(i.name), 1)
                   ]),
-                  "item-template": u(({ item: i }) => [
+                  "item-template": f(({ item: i }) => [
                     D("div", nt, [
                       D("div", rt, C(i.name), 1),
                       D("div", dt, C(i.value), 1)
@@ -816,8 +816,8 @@ const be = {
                   ]),
                   _: 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, {
+                M.value ? (b(), W("p", ct, C(M.value), 1)) : J("", !0),
+                u(v, {
                   modelValue: e.fields.tags,
                   "onUpdate:modelValue": r[4] || (r[4] = (i) => e.fields.tags = i),
                   modelModifiers: { trim: !0 },
@@ -836,14 +836,14 @@ const be = {
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            f(l(Ke), {
+            u(l(Ke), {
               description: l(d)("keys.form.sections.keys.description"),
               "has-divider": "",
               title: l(d)("keys.form.sections.keys.title")
             }, {
-              default: u(() => [
+              default: f(() => [
                 D("div", yt, [
-                  f(I, {
+                  u(I, {
                     modelValue: e.fields.key_format,
                     "onUpdate:modelValue": r[5] || (r[5] = (i) => e.fields.key_format = i),
                     "data-testid": "key-form-key-format",
@@ -906,14 +906,14 @@ const be = {
       ]);
     };
   }
-}), _t = /* @__PURE__ */ Me(ft, [["__scopeId", "data-v-f6c3d78b"]]), ut = { class: "kong-ui-entities-keys-entity-config-card" }, kt = { key: 2 }, St = /* @__PURE__ */ ve({
+}), _t = /* @__PURE__ */ Re(ut, [["__scopeId", "data-v-e35f7792"]]), ft = { class: "kong-ui-entities-keys-entity-config-card" }, kt = { key: 2 }, St = /* @__PURE__ */ ge({
   __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)
+      validator: (o) => !(!o || !["konnect", "kongManager"].includes(o == null ? void 0 : o.app) || o.app === "konnect" && !o.controlPlaneId || o.app === "kongManager" && typeof o.workspace != "string" || !o.entityId)
     },
     /**
      * External link for documentation that determines visibility of Documentation button
@@ -939,21 +939,21 @@ const be = {
     }
   },
   emits: ["loading", "fetch:error", "fetch:success", "navigation-click"],
-  setup(a, { emit: q }) {
+  setup(o, { emit: q }) {
     var H;
-    const _ = q, t = a, { axiosInstance: c } = he((H = t.config) == null ? void 0 : H.axiosRequestConfig), { convertKeyToTitle: d } = ze(), { i18n: { t: K } } = be.useI18n(), O = h(() => t.keySetId ? `${P.form[t.config.app].edit.forKeySet}`.replace(/{keySetId}/gi, t.keySetId) : P.form[t.config.app].edit.all), z = h(() => {
+    const _ = q, t = o, { axiosInstance: c } = ve((H = t.config) == null ? void 0 : H.axiosRequestConfig), { convertKeyToTitle: d } = ze(), { i18n: { t: x } } = he.useI18n(), O = 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({}), x = w(t.keySetId || ""), T = w(""), B = w(!1), L = async (y) => {
+    }), K = w(), e = w({}), $ = w(t.keySetId || ""), T = w(""), B = w(!1), L = async (y) => {
       var m;
-      $.value = y, x.value = (m = y == null ? void 0 : y.set) == null ? void 0 : m.id, _("fetch:success", y), M(y);
+      K.value = y, $.value = (m = y == null ? void 0 : y.set) == null ? void 0 : m.id, _("fetch:success", y), R(y);
     };
-    ie(x, async () => {
+    le($, async () => {
       var m, j;
-      if (!x.value)
+      if (!$.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, x.value || "") : t.config.app === "kongManager" && (y = y.replace(/\/{workspace}/gi, (j = t.config) != null && j.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, x.value || ""));
+      t.config.app === "konnect" && (y = y.replace(/{controlPlaneId}/gi, ((m = t.config) == null ? void 0 : m.controlPlaneId) || "")), y = y.replace(/\/{workspace}/gi, (j = t.config) != null && j.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, $.value || "");
       try {
         B.value = !0;
         const { data: g } = await c.get(y, {
@@ -967,7 +967,7 @@ const be = {
         B.value = !1;
       }
     }, { immediate: !0 });
-    const M = (y) => {
+    const R = (y) => {
       var m, j;
       try {
         if (y.jwk) {
@@ -990,70 +990,70 @@ const be = {
     }, X = w({
       id: {},
       name: {
-        tooltip: K("keys.form.fields.name.tooltip")
+        tooltip: x("keys.form.fields.name.tooltip")
       },
       last_updated: {},
       created: {},
       set: {
-        label: K("keys.form.fields.set.label"),
-        section: me.Basic,
-        tooltip: K("keys.form.fields.set.tooltip"),
+        label: x("keys.form.fields.set.label"),
+        section: pe.Basic,
+        tooltip: x("keys.form.fields.set.tooltip"),
         order: 5
       },
       kid: {
-        label: K("keys.form.fields.kid.label"),
-        section: me.Basic,
-        tooltip: K("keys.form.fields.kid.tooltip")
+        label: x("keys.form.fields.kid.label"),
+        section: pe.Basic,
+        tooltip: x("keys.form.fields.kid.tooltip")
       },
       tags: {
-        tooltip: K("keys.form.fields.tags.tooltip")
+        tooltip: x("keys.form.fields.tags.tooltip")
       },
       // advanced fields
       jwk: {
-        label: K("keys.form.fields.jwk.label"),
-        type: pe.Json
+        label: x("keys.form.fields.jwk.label"),
+        type: ke.Json
       },
       pem: {
-        section: me.Advanced,
-        label: K("keys.form.fields.key_format.options.pem"),
-        type: pe.Json
+        section: pe.Advanced,
+        label: x("keys.form.fields.key_format.options.pem"),
+        type: ke.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,
+      return b(), W("div", ft, [
+        u(l(Xe), {
+          config: o.config,
+          "config-card-doc": o.configCardDoc,
           "config-schema": X.value,
           "entity-type": l(Ve).Key,
           "fetch-url": O.value,
-          "hide-title": a.hideTitle,
+          "hide-title": o.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 }) => [
+        }, me({
+          set: f(({ row: k }) => [
             B.value ? (b(), V(j, {
               key: 0,
               "data-testid": "key-set-name-loader",
               type: "spinner"
-            })) : k.value && k.value.id === x.value && T.value ? (b(), V(l(Ye), {
+            })) : k.value && k.value.id === $.value && T.value ? (b(), V(l(Ye), {
               key: 1,
               item: {
                 key: k.value.id,
                 value: T.value,
-                type: l(pe).LinkInternal
+                type: l(ke).LinkInternal
               },
-              onClick: (ae) => y.$emit("navigation-click", k.value.id, "key-sets")
+              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 ? {
+          (g = K.value) != null && g.jwk ? {
             name: "jwk",
-            fn: u(() => [
+            fn: f(() => [
               (b(!0), W(we, null, Ie(Object.keys(e.value), (k) => (b(), V(l($e), {
                 key: k,
                 "data-testid": `${k}`,
@@ -1066,9 +1066,9 @@ const be = {
             ]),
             key: "0"
           } : void 0,
-          (S = $.value) != null && S.pem ? {
+          (S = K.value) != null && S.pem ? {
             name: "pem",
-            fn: u(() => [
+            fn: f(() => [
               (b(!0), W(we, null, Ie(Object.keys(e.value), (k) => (b(), V(l($e), {
                 key: k,
                 "data-testid": `${k}`,