@kong-ui-public/entities-keys 3.8.5 → 3.8.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/entities-keys.es.js +31 -31
- package/dist/entities-keys.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +24 -23
package/dist/entities-keys.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as ge, computed as b, ref as I, watch as te, onBeforeMount as $e, resolveComponent as O, openBlock as h, createElementBlock as J, createVNode as f, unref as l, createSlots as me, withCtx as u, createBlock as V, Teleport as Se, createElementVNode as
|
|
1
|
+
import { defineComponent as ge, computed as b, ref as I, watch as te, onBeforeMount as $e, resolveComponent as O, openBlock as h, createElementBlock as J, createVNode as f, unref as l, createSlots as me, withCtx as u, createBlock as V, Teleport as Se, createElementVNode as R, createCommentVNode as G, createTextVNode as ee, toDisplayString as K, reactive as _e, Fragment as Ie, renderList as we } from "vue";
|
|
2
2
|
import { useRouter as Ee } from "vue-router";
|
|
3
3
|
import { BookIcon as Ce, AddIcon as Re, KeyIcon as De } from "@kong/icons";
|
|
4
4
|
import { createI18n as Te, i18nTComponent as Fe } from "@kong-ui-public/i18n";
|
|
@@ -232,24 +232,24 @@ const be = {
|
|
|
232
232
|
emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
|
|
233
233
|
setup(a, { emit: q }) {
|
|
234
234
|
var _;
|
|
235
|
-
const S = q, t = a, { i18n: { t: y } } = be.useI18n(), d = Ee(), { axiosInstance: $ } = ve((_ = t.config) == null ? void 0 : _.axiosRequestConfig), { hasRecords: F, handleStateChange: X } = Ae(() =>
|
|
235
|
+
const S = q, t = a, { i18n: { t: y } } = be.useI18n(), d = Ee(), { axiosInstance: $ } = ve((_ = t.config) == null ? void 0 : _.axiosRequestConfig), { hasRecords: F, handleStateChange: X } = Ae(() => M.value), j = b(() => F.value && t.config.app === "konnect"), e = b(() => !t.enableV2EmptyStates && t.config.app === "konnect"), w = b(() => !!t.config.keySetId), N = b(() => t.config.app !== "kongManager" || !!t.config.disableSorting), D = {
|
|
236
236
|
// the Name column is non-hidable
|
|
237
237
|
name: { label: y("keys.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
|
|
238
238
|
kid: { label: y("keys.list.table_headers.key_id"), sortable: !0 },
|
|
239
239
|
tags: { label: y("keys.list.table_headers.tags") },
|
|
240
240
|
id: { label: y("keys.list.table_headers.id"), sortable: !0 }
|
|
241
|
-
}, Z =
|
|
241
|
+
}, Z = D, L = b(() => {
|
|
242
242
|
var i, n, E, A;
|
|
243
243
|
let s = `${t.config.apiBaseUrl}${P.list[t.config.app][t.config.keySetId ? "forKeySet" : "all"]}`;
|
|
244
244
|
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, ((A = t.config) == null ? void 0 : A.keySetId) || "")), s;
|
|
245
|
-
}),
|
|
245
|
+
}), M = I(""), W = b(() => {
|
|
246
246
|
const s = t.config.app === "konnect" || t.config.isExactMatch;
|
|
247
247
|
if (s)
|
|
248
248
|
return {
|
|
249
249
|
isExactMatch: s,
|
|
250
250
|
placeholder: y("keys.search.placeholder")
|
|
251
251
|
};
|
|
252
|
-
const i = { name:
|
|
252
|
+
const i = { name: D.name };
|
|
253
253
|
return {
|
|
254
254
|
isExactMatch: s,
|
|
255
255
|
fields: i,
|
|
@@ -260,7 +260,7 @@ const be = {
|
|
|
260
260
|
fetcherState: m,
|
|
261
261
|
fetcherCacheKey: C
|
|
262
262
|
} = Be({ ...t.config, cacheIdentifier: t.cacheIdentifier }, L.value), g = () => {
|
|
263
|
-
|
|
263
|
+
M.value = "";
|
|
264
264
|
}, x = () => {
|
|
265
265
|
C.value++;
|
|
266
266
|
}, k = I(null), le = (s, i) => {
|
|
@@ -354,7 +354,7 @@ const be = {
|
|
|
354
354
|
"fetcher-cache-key": l(C),
|
|
355
355
|
"pagination-type": "offset",
|
|
356
356
|
"preferences-storage-key": "kong-ui-entities-keys-list",
|
|
357
|
-
query:
|
|
357
|
+
query: M.value,
|
|
358
358
|
"table-headers": l(Z),
|
|
359
359
|
onClearSearchInput: g,
|
|
360
360
|
"onClick:row": i[4] || (i[4] = (p) => ye(p)),
|
|
@@ -363,8 +363,8 @@ const be = {
|
|
|
363
363
|
}, me({
|
|
364
364
|
"toolbar-filter": u(() => [
|
|
365
365
|
f(l(qe), {
|
|
366
|
-
modelValue:
|
|
367
|
-
"onUpdate:modelValue": i[0] || (i[0] = (p) =>
|
|
366
|
+
modelValue: M.value,
|
|
367
|
+
"onUpdate:modelValue": i[0] || (i[0] = (p) => M.value = p),
|
|
368
368
|
config: W.value
|
|
369
369
|
}, null, 8, ["modelValue", "config"])
|
|
370
370
|
]),
|
|
@@ -373,7 +373,7 @@ const be = {
|
|
|
373
373
|
disabled: !a.useActionOutside,
|
|
374
374
|
to: "#kong-ui-app-page-header-action-button"
|
|
375
375
|
}, [
|
|
376
|
-
|
|
376
|
+
R("div", ot, [
|
|
377
377
|
!w.value && j.value ? (h(), V(n, {
|
|
378
378
|
key: 0,
|
|
379
379
|
appearance: "secondary",
|
|
@@ -410,7 +410,7 @@ const be = {
|
|
|
410
410
|
], 8, ["disabled"]))
|
|
411
411
|
]),
|
|
412
412
|
name: u(({ rowValue: p }) => [
|
|
413
|
-
|
|
413
|
+
R("b", null, K(p ?? "-"), 1)
|
|
414
414
|
]),
|
|
415
415
|
kid: u(({ rowValue: p }) => [
|
|
416
416
|
f(E, { text: p }, null, 8, ["text"])
|
|
@@ -520,7 +520,7 @@ const be = {
|
|
|
520
520
|
]),
|
|
521
521
|
key: "0"
|
|
522
522
|
} : void 0,
|
|
523
|
-
a.enableV2EmptyStates && a.config.app === "konnect" ? {
|
|
523
|
+
!M.value && a.enableV2EmptyStates && a.config.app === "konnect" ? {
|
|
524
524
|
name: "empty-state",
|
|
525
525
|
fn: u(() => {
|
|
526
526
|
var p;
|
|
@@ -537,7 +537,7 @@ const be = {
|
|
|
537
537
|
"onClick:learnMore": i[3] || (i[3] = (Y) => s.$emit("click:learn-more"))
|
|
538
538
|
}, me({
|
|
539
539
|
image: u(() => [
|
|
540
|
-
|
|
540
|
+
R("div", st, [
|
|
541
541
|
f(l(De), {
|
|
542
542
|
color: l(lt),
|
|
543
543
|
size: l(it)
|
|
@@ -579,7 +579,7 @@ const be = {
|
|
|
579
579
|
for (const [t, y] of q)
|
|
580
580
|
S[t] = y;
|
|
581
581
|
return S;
|
|
582
|
-
}, It = /* @__PURE__ */ Ve(nt, [["__scopeId", "data-v-
|
|
582
|
+
}, It = /* @__PURE__ */ Ve(nt, [["__scopeId", "data-v-e441b818"]]), rt = { class: "kong-ui-entities-keys-form" }, dt = { "data-testid": "no-search-results" }, ct = { class: "select-item-container" }, yt = { class: "select-item-label" }, ft = { class: "select-item-description" }, ut = {
|
|
583
583
|
key: 1,
|
|
584
584
|
class: "invalid-key-set-message",
|
|
585
585
|
"data-testid": "invalid-key-set-message"
|
|
@@ -652,11 +652,11 @@ const be = {
|
|
|
652
652
|
label: d("keys.form.fields.key_format.options.pem"),
|
|
653
653
|
value: "pem"
|
|
654
654
|
}
|
|
655
|
-
],
|
|
655
|
+
], D = b(() => e.isReadonly || j.value === ne.Create && !!t.fixedKeySetId), Z = b(() => !D.value);
|
|
656
656
|
te(() => t.fixedKeySetId, (o) => {
|
|
657
657
|
j.value === ne.Create && (e.fields.key_set = o);
|
|
658
658
|
}, { immediate: !0 });
|
|
659
|
-
const L = b(() => JSON.stringify(e.fields) !== JSON.stringify(w) && !!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)),
|
|
659
|
+
const L = b(() => JSON.stringify(e.fields) !== JSON.stringify(w) && !!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)), M = (o) => {
|
|
660
660
|
var r, v, _, s;
|
|
661
661
|
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 = ((_ = o == null ? void 0 : o.pem) == null ? void 0 : _.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(w, e.fields);
|
|
662
662
|
}, W = () => {
|
|
@@ -739,7 +739,7 @@ const be = {
|
|
|
739
739
|
"is-readonly": e.isReadonly,
|
|
740
740
|
onCancel: W,
|
|
741
741
|
"onFetch:error": r[9] || (r[9] = (i) => o.$emit("error", i)),
|
|
742
|
-
"onFetch:success":
|
|
742
|
+
"onFetch:success": M,
|
|
743
743
|
onLoading: r[10] || (r[10] = (i) => o.$emit("loading", i)),
|
|
744
744
|
onSubmit: C
|
|
745
745
|
}, {
|
|
@@ -806,23 +806,23 @@ const be = {
|
|
|
806
806
|
label: l(d)("keys.form.fields.key_set.label"),
|
|
807
807
|
loading: l(x),
|
|
808
808
|
placeholder: l(d)("keys.form.fields.key_set.placeholder"),
|
|
809
|
-
readonly:
|
|
809
|
+
readonly: D.value,
|
|
810
810
|
width: "100%",
|
|
811
811
|
onQueryChange: ye
|
|
812
812
|
}, {
|
|
813
813
|
loading: u(() => [
|
|
814
|
-
|
|
814
|
+
R("div", null, K(l(d)("keys.actions.loading")), 1)
|
|
815
815
|
]),
|
|
816
816
|
empty: u(() => [
|
|
817
|
-
|
|
817
|
+
R("div", dt, K(l(d)("keys.search.no_results")), 1)
|
|
818
818
|
]),
|
|
819
819
|
"selected-item-template": u(({ item: i }) => [
|
|
820
|
-
|
|
820
|
+
R("div", null, K(i.name), 1)
|
|
821
821
|
]),
|
|
822
822
|
"item-template": u(({ item: i }) => [
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
823
|
+
R("div", ct, [
|
|
824
|
+
R("div", yt, K(i.name), 1),
|
|
825
|
+
R("div", ft, K(i.value), 1)
|
|
826
826
|
])
|
|
827
827
|
]),
|
|
828
828
|
_: 1
|
|
@@ -853,7 +853,7 @@ const be = {
|
|
|
853
853
|
title: l(d)("keys.form.sections.keys.title")
|
|
854
854
|
}, {
|
|
855
855
|
default: u(() => [
|
|
856
|
-
|
|
856
|
+
R("div", kt, [
|
|
857
857
|
f(_, {
|
|
858
858
|
modelValue: e.fields.key_format,
|
|
859
859
|
"onUpdate:modelValue": r[5] || (r[5] = (i) => e.fields.key_format = i),
|
|
@@ -955,7 +955,7 @@ const be = {
|
|
|
955
955
|
const S = q, t = a, { axiosInstance: y } = ve((W = t.config) == null ? void 0 : W.axiosRequestConfig), { convertKeyToTitle: d } = Ge(), { i18n: { t: $ } } = be.useI18n(), F = b(() => t.keySetId ? `${P.form[t.config.app].edit.forKeySet}`.replace(/{keySetId}/gi, t.keySetId) : P.form[t.config.app].edit.all), X = b(() => {
|
|
956
956
|
var c;
|
|
957
957
|
return (c = P.form[t.config.app]) == null ? void 0 : c.getKeySet;
|
|
958
|
-
}), j = I(), e = I({}), w = I(t.keySetId || ""), N = I(""),
|
|
958
|
+
}), j = I(), e = I({}), w = I(t.keySetId || ""), N = I(""), D = I(!1), Z = async (c) => {
|
|
959
959
|
var m;
|
|
960
960
|
j.value = c, w.value = (m = c == null ? void 0 : c.set) == null ? void 0 : m.id, S("fetch:success", c), L(c);
|
|
961
961
|
};
|
|
@@ -966,7 +966,7 @@ const be = {
|
|
|
966
966
|
let c = `${t.config.apiBaseUrl}${X.value}`;
|
|
967
967
|
t.config.app === "konnect" ? c = c.replace(/{controlPlaneId}/gi, ((m = t.config) == null ? void 0 : m.controlPlaneId) || "").replace(/{keySetId}/gi, w.value || "") : t.config.app === "kongManager" && (c = c.replace(/\/{workspace}/gi, (C = t.config) != null && C.workspace ? `/${t.config.workspace}` : "").replace(/{keySetId}/gi, w.value || ""));
|
|
968
968
|
try {
|
|
969
|
-
|
|
969
|
+
D.value = !0;
|
|
970
970
|
const { data: g } = await y.get(c, {
|
|
971
971
|
validateStatus: (x) => x === 404 || x >= 200 && x < 300
|
|
972
972
|
// in case KeySet is deleted
|
|
@@ -975,7 +975,7 @@ const be = {
|
|
|
975
975
|
} catch (g) {
|
|
976
976
|
S("fetch:error", g);
|
|
977
977
|
} finally {
|
|
978
|
-
|
|
978
|
+
D.value = !1;
|
|
979
979
|
}
|
|
980
980
|
}, { immediate: !0 });
|
|
981
981
|
const L = (c) => {
|
|
@@ -998,7 +998,7 @@ const be = {
|
|
|
998
998
|
S("fetch:error", g);
|
|
999
999
|
}
|
|
1000
1000
|
return e;
|
|
1001
|
-
},
|
|
1001
|
+
}, M = I({
|
|
1002
1002
|
id: {},
|
|
1003
1003
|
name: {
|
|
1004
1004
|
tooltip: $("keys.form.fields.name.tooltip")
|
|
@@ -1037,7 +1037,7 @@ const be = {
|
|
|
1037
1037
|
f(l(Xe), {
|
|
1038
1038
|
config: a.config,
|
|
1039
1039
|
"config-card-doc": a.configCardDoc,
|
|
1040
|
-
"config-schema":
|
|
1040
|
+
"config-schema": M.value,
|
|
1041
1041
|
"entity-type": l(je).Key,
|
|
1042
1042
|
"fetch-url": F.value,
|
|
1043
1043
|
"hide-title": a.hideTitle,
|
|
@@ -1046,7 +1046,7 @@ const be = {
|
|
|
1046
1046
|
onLoading: m[1] || (m[1] = (k) => c.$emit("loading", k))
|
|
1047
1047
|
}, me({
|
|
1048
1048
|
set: u(({ row: k }) => [
|
|
1049
|
-
|
|
1049
|
+
D.value ? (h(), V(C, {
|
|
1050
1050
|
key: 0,
|
|
1051
1051
|
"data-testid": "key-set-name-loader",
|
|
1052
1052
|
type: "spinner"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("@kong/icons"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@kong/icons","@kong-ui-public/i18n","@kong-ui-public/entities-shared"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C["kong-ui-public-entities-keys"]={},C.Vue,C.VueRouter,C.KongIcons,C["kong-ui-public-i18n"],C["kong-ui-public-entities-shared"]))})(this,function(C,e,le,W,ie,d){"use strict";const re={keys:{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"}},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"}}}}};function se(){const i=ie.createI18n("en-us",re);return{i18n:i,i18nT:ie.i18nTComponent(i)}}const X={useI18n:se},B="/v2/control-planes/{controlPlaneId}/core-entities",$="/{workspace}",j={list:{konnect:{all:`${B}/keys`,forKeySet:`${B}/key-sets/{keySetId}/keys`},kongManager:{all:`${$}/keys`,forKeySet:`${$}/key-sets/{keySetId}/keys`}},form:{konnect:{create:{all:`${B}/keys`,forKeySet:`${B}/key-sets/{keySetId}/keys`},edit:{all:`${B}/keys/{id}`,forKeySet:`${B}/key-sets/{keySetId}/keys/{id}`},keySets:`${B}/key-sets`,getKeySet:`${B}/key-sets/{keySetId}`},kongManager:{create:{all:`${$}/keys`,forKeySet:`${$}/key-sets/{keySetId}/keys`},edit:{all:`${$}/keys/{id}`,forKeySet:`${$}/key-sets/{keySetId}/keys/{id}`},keySets:`${$}/key-sets`,getKeySet:`${$}/key-sets/{keySetId}`}}},ce="#00abd2",de="24px",fe={class:"kong-ui-entities-keys-list"},ye={class:"button-row"},pe={class:"empty-state-icon-gateway"},ke=e.defineComponent({__name:"KeyList",props:{config:{type:Object,required:!0,validator:i=>!(!i||!["konnect","kongManager"].includes(i==null?void 0:i.app)||!i.createRoute||!i.getViewRoute||!i.getEditRoute||i.app==="kongManager"&&!i.isExactMatch&&!i.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(i,{emit:M}){var b;const h=M,o=i,{i18n:{t:y}}=X.useI18n(),c=le.useRouter(),{axiosInstance:x}=d.useAxios((b=o.config)==null?void 0:b.axiosRequestConfig),{hasRecords:T,handleStateChange:O}=d.useTableState(()=>N.value),V=e.computed(()=>T.value&&o.config.app==="konnect"),t=e.computed(()=>!o.enableV2EmptyStates&&o.config.app==="konnect"),w=e.computed(()=>!!o.config.keySetId),R=e.computed(()=>o.config.app!=="kongManager"||!!o.config.disableSorting),E={name:{label:y("keys.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1},kid:{label:y("keys.list.table_headers.key_id"),sortable:!0},tags:{label:y("keys.list.table_headers.tags")},id:{label:y("keys.list.table_headers.id"),sortable:!0}},J=E,F=e.computed(()=>{var l,r,I,D;let n=`${o.config.apiBaseUrl}${j.list[o.config.app][o.config.keySetId?"forKeySet":"all"]}`;return o.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((l=o.config)==null?void 0:l.controlPlaneId)||"").replace(/{keySetId}/gi,((r=o.config)==null?void 0:r.keySetId)||""):o.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(I=o.config)!=null&&I.workspace?`/${o.config.workspace}`:"").replace(/{keySetId}/gi,((D=o.config)==null?void 0:D.keySetId)||"")),n}),N=e.ref(""),A=e.computed(()=>{const n=o.config.app==="konnect"||o.config.isExactMatch;if(n)return{isExactMatch:n,placeholder:y("keys.search.placeholder")};const l={name:E.name};return{isExactMatch:n,fields:l,schema:o.config.filterSchema}}),{fetcher:f,fetcherState:m,fetcherCacheKey:_}=d.useFetcher({...o.config,cacheIdentifier:o.cacheIdentifier},F.value),u=()=>{N.value=""},S=()=>{_.value++},p=e.ref(null),H=(n,l)=>{const r=n.id;if(!l(r)){v(n,"id");return}Y(n,"id")},Z=(n,l)=>{const r=JSON.stringify(n);if(!l(r)){h("copy:error",{entity:n,message:y("keys.errors.copy")});return}h("copy:success",{entity:n,message:y("keys.copy.success_brief")})},Y=(n,l)=>{h("copy:success",{entity:n,field:l,message:y("keys.copy.success",{val:n[l]})})},v=(n,l)=>{h("copy:error",{entity:n,field:l,message:y("keys.errors.copy")})},ee=async n=>{var r;await((r=o.canRetrieve)==null?void 0:r.call(o,n))&&c.push(o.config.getViewRoute(n.id))},te=n=>({label:y("keys.actions.view"),to:o.config.getViewRoute(n)}),Q=n=>({label:y("keys.actions.edit"),to:o.config.getEditRoute(n)}),K=e.ref(void 0),q=e.ref(!1),P=e.ref(!1),U=e.ref(""),z=d.useDeleteUrlBuilder(o.config,F.value),oe=n=>{K.value=n,q.value=!0},G=()=>{q.value=!1},a=async()=>{var n,l,r;if((n=K.value)!=null&&n.id){P.value=!0;try{await x.delete(z(K.value.id)),P.value=!1,q.value=!1,_.value++,h("delete:success",K.value)}catch(I){U.value=((r=(l=I.response)==null?void 0:l.data)==null?void 0:r.message)||I.message||y("keys.errors.delete"),h("error",I)}finally{P.value=!1}}},s=()=>{c.push(o.config.createRoute)};e.watch(m,n=>{var l,r,I;if(n.status===d.FetcherStatus.Error){p.value={title:y("keys.errors.general")},(I=(r=(l=n.error)==null?void 0:l.response)==null?void 0:r.data)!=null&&I.message&&(p.value.message=n.error.response.data.message),h("error",n.error);return}p.value=null});const g=e.ref({ctaPath:o.config.createRoute,ctaText:void 0,message:`${y("keys.list.empty_state.description")}${o.config.additionMessageForEmptyState?` ${o.config.additionMessageForEmptyState}`:""}`,title:y("keys.title")});return e.onBeforeMount(async()=>{await o.canCreate()&&(g.value.title=y("keys.list.empty_state.title"),g.value.ctaText=y("keys.actions.create"))}),(n,l)=>{const r=e.resolveComponent("KButton"),I=e.resolveComponent("KCopy"),D=e.resolveComponent("KDropdownItem"),ne=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",fe,[e.createVNode(e.unref(d.EntityBaseTable),{"cache-identifier":i.cacheIdentifier,"disable-sorting":R.value,"empty-state-options":g.value,"enable-entity-actions":"","error-message":p.value,fetcher:e.unref(f),"fetcher-cache-key":e.unref(_),"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-keys-list",query:N.value,"table-headers":e.unref(J),onClearSearchInput:u,"onClick:row":l[4]||(l[4]=k=>ee(k)),onSort:S,onState:e.unref(O)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(d.EntityFilter),{modelValue:N.value,"onUpdate:modelValue":l[0]||(l[0]=k=>N.value=k),config:A.value},null,8,["modelValue","config"])]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!i.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createElementVNode("div",ye,[!w.value&&V.value?(e.openBlock(),e.createBlock(r,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"keys-learn-more-button",icon:"",onClick:l[1]||(l[1]=k=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(W.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>i.canCreate()},{default:e.withCtx(()=>[e.createVNode(r,{appearance:"primary","data-testid":"toolbar-add-key",size:i.useActionOutside?"medium":"large",to:i.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(W.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(y)("keys.list.toolbar_actions.new_key")),1)]),_:1},8,["size","to"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),name:e.withCtx(({rowValue:k})=>[e.createElementVNode("b",null,e.toDisplayString(k??"-"),1)]),kid:e.withCtx(({rowValue:k})=>[e.createVNode(I,{text:k},null,8,["text"])]),tags:e.withCtx(({rowValue:k})=>[e.createVNode(e.unref(d.TableTags),{tags:k},null,8,["tags"])]),id:e.withCtx(({rowValue:k})=>[e.createVNode(I,{text:k,truncate:""},null,8,["text"])]),actions:e.withCtx(({row:k})=>[e.createVNode(ne,null,{default:e.withCtx(({copyToClipboard:L})=>[e.createVNode(D,{"data-testid":"action-entity-copy-id",onClick:Ee=>H(k,L)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(y)("keys.actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(ne,null,{default:e.withCtx(({copyToClipboard:L})=>[e.createVNode(D,{"data-testid":"action-entity-copy-json",onClick:Ee=>Z(k,L)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(y)("keys.actions.copy_json")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>i.canRetrieve(k)},{default:e.withCtx(()=>[e.createVNode(D,{"data-testid":"action-entity-view","has-divider":"",item:te(k.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>i.canEdit(k)},{default:e.withCtx(()=>[e.createVNode(D,{"data-testid":"action-entity-edit",item:Q(k.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>i.canDelete(k)},{default:e.withCtx(()=>[e.createVNode(D,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:L=>oe(k)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(y)("keys.actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!e.unref(T)&&t.value?{name:"outside-actions",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!i.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createVNode(r,{appearance:"secondary",class:"open-learning-hub","data-testid":"keys-learn-more-button",icon:"",onClick:l[2]||(l[2]=k=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(W.BookIcon),{decorative:""})]),_:1})],8,["disabled"]))]),key:"0"}:void 0,i.enableV2EmptyStates&&i.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var k;return[e.createVNode(e.unref(d.EntityEmptyState),{"action-button-text":e.unref(y)("keys.list.empty_state_v2.create_cta"),appearance:"secondary","can-create":()=>i.canCreate(),"data-testid":i.config.keySetId?"nested-keys-entity-empty-state":"keys-entity-empty-state",description:e.unref(y)("keys.list.empty_state_v2.description"),"learn-more":i.config.app==="konnect",title:e.unref(y)("keys.list.empty_state_v2.title"),"onClick:create":s,"onClick:learnMore":l[3]||(l[3]=L=>n.$emit("click:learn-more"))},e.createSlots({image:e.withCtx(()=>[e.createElementVNode("div",pe,[e.createVNode(e.unref(W.KeyIcon),{color:e.unref(ce),size:e.unref(de)},null,8,["color","size"])])]),_:2},[(k=i.config)!=null&&k.isControlPlaneGroup?{name:"message",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(y)("keys.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["action-button-text","can-create","data-testid","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(d.EntityDeleteModal),{"action-pending":P.value,description:e.unref(y)("keys.delete.description"),"entity-name":K.value&&(K.value.name||K.value.id),"entity-type":e.unref(d.EntityTypes).Key,error:U.value,"need-confirm":!1,title:e.unref(y)("keys.delete.title"),visible:q.value,onCancel:G,onProceed:a},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),ae=(i,M)=>{const h=i.__vccOpts||i;for(const[o,y]of M)h[o]=y;return h},me=ae(ke,[["__scopeId","data-v-42fa085f"]]),ue={class:"kong-ui-entities-keys-form"},ge={"data-testid":"no-search-results"},he={class:"select-item-container"},be={class:"select-item-label"},Ce={class:"select-item-description"},we={key:1,class:"invalid-key-set-message","data-testid":"invalid-key-set-message"},_e={"data-testid":"key-format-container"},Se=ae(e.defineComponent({__name:"KeyForm",props:{config:{type:Object,required:!0,validator:i=>!(!i||!["konnect","kongManager"].includes(i==null?void 0:i.app)||i.app==="konnect"&&!i.controlPlaneId||i.app==="kongManager"&&typeof i.workspace!="string"||!i.cancelRoute)},keyId:{type:String,required:!1,default:""},keySetId:{type:String,required:!1,default:null},fixedKeySetId:{type:String,required:!1,default:""},showx5t:{type:Boolean,required:!1,default:!1}},emits:["update","error","loading"],setup(i,{emit:M}){var G;const h=M,o=i,y=le.useRouter(),{i18n:{t:c}}=X.useI18n(),{getMessageFromError:x}=d.useErrors(),{axiosInstance:T}=d.useAxios((G=o.config)==null?void 0:G.axiosRequestConfig),O=e.computed(()=>o.keySetId?j.form[o.config.app].edit.forKeySet.replace(/{keySetId}/gi,o.keySetId):j.form[o.config.app].edit.all),V=e.computed(()=>o.keyId?d.EntityBaseFormType.Edit:d.EntityBaseFormType.Create),t=e.reactive({fields:{name:"",tags:"",key_id:"",key_format:"jwk",key_set:"",jwk:"",private_key:"",public_key:"",...o.showx5t?{x5t:""}:{}},isReadonly:!1,errorMessage:""}),w=e.reactive({name:"",tags:"",key_id:"",key_format:"jwk",key_set:"",jwk:"",private_key:"",public_key:""}),R=[{label:c("keys.form.fields.key_format.options.jwk"),value:"jwk"},{label:c("keys.form.fields.key_format.options.pem"),value:"pem"}],E=e.computed(()=>t.isReadonly||V.value===d.EntityBaseFormType.Create&&!!o.fixedKeySetId),J=e.computed(()=>!E.value);e.watch(()=>o.fixedKeySetId,a=>{V.value===d.EntityBaseFormType.Create&&(t.fields.key_set=a)},{immediate:!0});const F=e.computed(()=>JSON.stringify(t.fields)!==JSON.stringify(w)&&!!t.fields.key_id&&!!t.fields.key_format&&(t.fields.key_format==="jwk"&&!!t.fields.jwk||t.fields.key_format==="pem"&&!!t.fields.private_key&&!!t.fields.public_key)),N=a=>{var s,g,b,n;t.fields.key_id=(a==null?void 0:a.kid)||"",t.fields.name=(a==null?void 0:a.name)||"",t.fields.tags=((s=a==null?void 0:a.tags)==null?void 0:s.join(", "))||"",t.fields.key_set=((g=a==null?void 0:a.set)==null?void 0:g.id)||"",t.fields.key_format=a!=null&&a.pem?"pem":"jwk",t.fields.jwk=(a==null?void 0:a.jwk)||"",t.fields.private_key=((b=a==null?void 0:a.pem)==null?void 0:b.private_key)||"",t.fields.public_key=((n=a==null?void 0:a.pem)==null?void 0:n.public_key)||"",o.showx5t&&(t.fields.x5t=(a==null?void 0:a.x5t)||""),Object.assign(w,t.fields)},A=()=>{y.push(o.config.cancelRoute)},f=e.computed(()=>{var s,g;let a=`${o.config.apiBaseUrl}${j.form[o.config.app][V.value][o.keySetId?"forKeySet":"all"]}`;return o.config.app==="konnect"?a=a.replace(/{controlPlaneId}/gi,((s=o.config)==null?void 0:s.controlPlaneId)||""):o.config.app==="kongManager"&&(a=a.replace(/\/{workspace}/gi,(g=o.config)!=null&&g.workspace?`/${o.config.workspace}`:"")),a=a.replace(/{id}/gi,o.keyId).replace(/{keySetId}/gi,o.keySetId||""),a}),m=e.computed(()=>{var a,s,g;return{kid:t.fields.key_id,...o.showx5t?{x5t:t.fields.x5t||null}:{},name:t.fields.name||null,tags:((g=(s=(a=t.fields.tags)==null?void 0:a.split(","))==null?void 0:s.map(b=>String(b||"").trim()))==null?void 0:g.filter(b=>b!==""))||[],set:t.fields.key_set?{id:t.fields.key_set}:null,jwk:t.fields.key_format==="jwk"?t.fields.jwk:null,pem:t.fields.key_format==="pem"?{private_key:t.fields.private_key,public_key:t.fields.public_key}:null}}),_=async()=>{var a,s,g,b,n;try{t.isReadonly=!0;let l;if(V.value==="create"?l=await T.post(f.value,m.value):V.value==="edit"&&(l=((a=o.config)==null?void 0:a.app)==="konnect"?await T.put(f.value,m.value):await T.patch(f.value,m.value)),l){const{data:r}=l;t.fields.key_id=(r==null?void 0:r.kid)||"",t.fields.name=(r==null?void 0:r.name)||"",t.fields.tags=((s=r==null?void 0:r.tags)==null?void 0:s.join(", "))||"",t.fields.key_set=((g=r==null?void 0:r.set)==null?void 0:g.id)||"",t.fields.key_format=r!=null&&r.pem?"pem":"jwk",t.fields.jwk=(r==null?void 0:r.jwk)||"",t.fields.private_key=((b=r==null?void 0:r.pem)==null?void 0:b.private_key)||"",t.fields.public_key=((n=r==null?void 0:r.pem)==null?void 0:n.public_key)||"",o.showx5t&&(t.fields.x5t=(r==null?void 0:r.x5t)||""),Object.assign(w,t.fields),h("update",l==null?void 0:l.data)}}catch(l){t.errorMessage=x(l),h("error",l)}finally{t.isReadonly=!1}},{debouncedQueryChange:u,loading:S,allRecords:p,error:H,validationError:Z,loadItems:Y,results:v}=d.useDebouncedFilter(o.config,j.form[o.config.app].keySets,void 0,{fetchedItemsKey:"data",searchKeys:["id","name"]}),ee=a=>{(!a||a!==t.fields.key_set&&a!==w.key_set)&&u(a)},te=e.computed(()=>H.value?c("keys.errors.key_sets.fetch"):""),Q=e.computed(()=>Z.value?c("keys.errors.key_sets.invalid"):""),K=e.ref(0),q=e.computed(()=>p.value===void 0),P=e.computed(()=>{if(q.value)return o.config.app==="konnect"?c("keys.form.fields.key_set.footer"):void 0}),U=e.ref(new Set),z=e.computed(()=>Array.from(U.value).map(s=>({name:s.name||"",label:"",value:s.id,selected:t.fields.key_set===s.id}))),oe=a=>{U.value.clear();let s;for(s of a)U.value.add(s)};return e.watch(v,a=>{oe(a)},{immediate:!0,deep:!0}),e.watch(z,()=>{K.value++},{immediate:!0,deep:!0}),e.onBeforeMount(async()=>{await Y()}),(a,s)=>{const g=e.resolveComponent("KInput"),b=e.resolveComponent("KSelect"),n=e.resolveComponent("KTextArea");return e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(e.unref(d.EntityBaseForm),{"can-submit":F.value,config:i.config,"edit-id":i.keyId,"entity-type":e.unref(d.SupportedEntityType).Key,"error-message":t.errorMessage||te.value,"fetch-url":O.value,"form-fields":m.value,"is-readonly":t.isReadonly,onCancel:A,"onFetch:error":s[9]||(s[9]=l=>a.$emit("error",l)),"onFetch:success":N,onLoading:s[10]||(s[10]=l=>a.$emit("loading",l)),onSubmit:_},{default:e.withCtx(()=>[e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(c)("keys.form.sections.general.description"),title:e.unref(c)("keys.form.sections.general.title")},{default:e.withCtx(()=>[e.createVNode(g,{modelValue:t.fields.key_id,"onUpdate:modelValue":s[0]||(s[0]=l=>t.fields.key_id=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-form-id",help:e.unref(c)("keys.form.fields.id.help"),label:e.unref(c)("keys.form.fields.id.label"),"label-attributes":{info:e.unref(c)("keys.form.fields.id.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(c)("keys.form.fields.id.placeholder"),readonly:t.isReadonly,required:"",type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"]),i.showx5t?(e.openBlock(),e.createBlock(g,{key:0,modelValue:t.fields.x5t,"onUpdate:modelValue":s[1]||(s[1]=l=>t.fields.x5t=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-form-x5t",help:e.unref(c)("keys.form.fields.x5t.help"),label:e.unref(c)("keys.form.fields.x5t.label"),"label-attributes":{info:e.unref(c)("keys.form.fields.x5t.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(c)("keys.form.fields.x5t.placeholder"),readonly:t.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])):e.createCommentVNode("",!0),e.createVNode(g,{modelValue:t.fields.name,"onUpdate:modelValue":s[2]||(s[2]=l=>t.fields.name=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-form-name",label:e.unref(c)("keys.form.fields.name.label"),placeholder:e.unref(c)("keys.form.fields.name.placeholder"),readonly:t.isReadonly,type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(b,{modelValue:t.fields.key_set,"onUpdate:modelValue":s[3]||(s[3]=l=>t.fields.key_set=l),clearable:J.value,"data-testid":"key-form-key-set","dropdown-footer-text":P.value,"enable-filtering":"","filter-function":()=>!0,items:z.value,label:e.unref(c)("keys.form.fields.key_set.label"),loading:e.unref(S),placeholder:e.unref(c)("keys.form.fields.key_set.placeholder"),readonly:E.value,width:"100%",onQueryChange:ee},{loading:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(c)("keys.actions.loading")),1)]),empty:e.withCtx(()=>[e.createElementVNode("div",ge,e.toDisplayString(e.unref(c)("keys.search.no_results")),1)]),"selected-item-template":e.withCtx(({item:l})=>[e.createElementVNode("div",null,e.toDisplayString(l.name),1)]),"item-template":e.withCtx(({item:l})=>[e.createElementVNode("div",he,[e.createElementVNode("div",be,e.toDisplayString(l.name),1),e.createElementVNode("div",Ce,e.toDisplayString(l.value),1)])]),_:1},8,["modelValue","clearable","dropdown-footer-text","items","label","loading","placeholder","readonly"]),Q.value?(e.openBlock(),e.createElementBlock("p",we,e.toDisplayString(Q.value),1)):e.createCommentVNode("",!0),e.createVNode(g,{modelValue:t.fields.tags,"onUpdate:modelValue":s[4]||(s[4]=l=>t.fields.tags=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-form-tags",help:e.unref(c)("keys.form.fields.tags.help"),label:e.unref(c)("keys.form.fields.tags.label"),"label-attributes":{info:e.unref(c)("keys.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(c)("keys.form.fields.tags.placeholder"),readonly:t.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"]),e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(c)("keys.form.sections.keys.description"),"has-divider":"",title:e.unref(c)("keys.form.sections.keys.title")},{default:e.withCtx(()=>[e.createElementVNode("div",_e,[e.createVNode(b,{modelValue:t.fields.key_format,"onUpdate:modelValue":s[5]||(s[5]=l=>t.fields.key_format=l),"data-testid":"key-form-key-format",items:R,label:e.unref(c)("keys.form.fields.key_format.label"),readonly:t.isReadonly,required:"",width:"100%"},null,8,["modelValue","label","readonly"])]),t.fields.key_format==="jwk"?(e.openBlock(),e.createBlock(n,{key:0,modelValue:t.fields.jwk,"onUpdate:modelValue":s[6]||(s[6]=l=>t.fields.jwk=l),modelModifiers:{trim:!0},"character-limit":!1,class:"key-form-textarea","data-testid":"key-form-jwk",label:e.unref(c)("keys.form.fields.jwk.label"),"label-attributes":{info:e.unref(c)("keys.form.fields.jwk.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(c)("keys.form.fields.jwk.placeholder"),readonly:t.isReadonly,required:""},null,8,["modelValue","label","label-attributes","placeholder","readonly"])):e.createCommentVNode("",!0),t.fields.key_format==="pem"?(e.openBlock(),e.createBlock(n,{key:1,modelValue:t.fields.private_key,"onUpdate:modelValue":s[7]||(s[7]=l=>t.fields.private_key=l),modelModifiers:{trim:!0},"character-limit":!1,class:"key-form-textarea","data-testid":"key-form-private-key",label:e.unref(c)("keys.form.fields.private_key.label"),placeholder:e.unref(c)("keys.form.fields.private_key.placeholder"),readonly:t.isReadonly,required:""},null,8,["modelValue","label","placeholder","readonly"])):e.createCommentVNode("",!0),t.fields.key_format==="pem"?(e.openBlock(),e.createBlock(n,{key:2,modelValue:t.fields.public_key,"onUpdate:modelValue":s[8]||(s[8]=l=>t.fields.public_key=l),modelModifiers:{trim:!0},"character-limit":!1,class:"key-form-textarea","data-testid":"key-form-public-key",label:e.unref(c)("keys.form.fields.public_key.label"),placeholder:e.unref(c)("keys.form.fields.public_key.placeholder"),readonly:t.isReadonly,required:""},null,8,["modelValue","label","placeholder","readonly"])):e.createCommentVNode("",!0)]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-3d9b9b6e"]]),xe={class:"kong-ui-entities-keys-entity-config-card"},Ie={key:2},Ve=e.defineComponent({__name:"KeyConfigCard",props:{config:{type:Object,required:!0,validator:i=>!(!i||!["konnect","kongManager"].includes(i==null?void 0:i.app)||i.app==="konnect"&&!i.controlPlaneId||i.app==="kongManager"&&typeof i.workspace!="string"||!i.entityId)},configCardDoc:{type:String,default:"",required:!1},hideTitle:{type:Boolean,default:!1},keySetId:{type:String,default:null}},emits:["loading","fetch:error","fetch:success","navigation-click"],setup(i,{emit:M}){var A;const h=M,o=i,{axiosInstance:y}=d.useAxios((A=o.config)==null?void 0:A.axiosRequestConfig),{convertKeyToTitle:c}=d.useStringHelpers(),{i18n:{t:x}}=X.useI18n(),T=e.computed(()=>o.keySetId?`${j.form[o.config.app].edit.forKeySet}`.replace(/{keySetId}/gi,o.keySetId):j.form[o.config.app].edit.all),O=e.computed(()=>{var f;return(f=j.form[o.config.app])==null?void 0:f.getKeySet}),V=e.ref(),t=e.ref({}),w=e.ref(o.keySetId||""),R=e.ref(""),E=e.ref(!1),J=async f=>{var m;V.value=f,w.value=(m=f==null?void 0:f.set)==null?void 0:m.id,h("fetch:success",f),F(f)};e.watch(w,async()=>{var m,_;if(!w.value)return;let f=`${o.config.apiBaseUrl}${O.value}`;o.config.app==="konnect"?f=f.replace(/{controlPlaneId}/gi,((m=o.config)==null?void 0:m.controlPlaneId)||"").replace(/{keySetId}/gi,w.value||""):o.config.app==="kongManager"&&(f=f.replace(/\/{workspace}/gi,(_=o.config)!=null&&_.workspace?`/${o.config.workspace}`:"").replace(/{keySetId}/gi,w.value||""));try{E.value=!0;const{data:u}=await y.get(f,{validateStatus:S=>S===404||S>=200&&S<300});R.value=(u==null?void 0:u.name)||(u==null?void 0:u.id)}catch(u){h("fetch:error",u)}finally{E.value=!1}},{immediate:!0});const F=f=>{var m,_;try{if(f.jwk){const u=JSON.parse(f.jwk);Object.keys(u).forEach(S=>{t.value={...t.value,[`jwk.${S}`]:u[S]}})}else t.value={"pem.public_key":(m=f==null?void 0:f.pem)==null?void 0:m.public_key,"pem.private_key":(_=f==null?void 0:f.pem)==null?void 0:_.private_key}}catch(u){h("fetch:error",u)}return t},N=e.ref({id:{},name:{tooltip:x("keys.form.fields.name.tooltip")},last_updated:{},created:{},set:{label:x("keys.form.fields.set.label"),section:d.ConfigurationSchemaSection.Basic,tooltip:x("keys.form.fields.set.tooltip"),order:5},kid:{label:x("keys.form.fields.kid.label"),section:d.ConfigurationSchemaSection.Basic,tooltip:x("keys.form.fields.kid.tooltip")},tags:{tooltip:x("keys.form.fields.tags.tooltip")},jwk:{label:x("keys.form.fields.jwk.label"),type:d.ConfigurationSchemaType.Json},pem:{section:d.ConfigurationSchemaSection.Advanced,label:x("keys.form.fields.key_format.options.pem"),type:d.ConfigurationSchemaType.Json}});return(f,m)=>{var u,S;const _=e.resolveComponent("KSkeleton");return e.openBlock(),e.createElementBlock("div",xe,[e.createVNode(e.unref(d.EntityBaseConfigCard),{config:i.config,"config-card-doc":i.configCardDoc,"config-schema":N.value,"entity-type":e.unref(d.SupportedEntityType).Key,"fetch-url":T.value,"hide-title":i.hideTitle,"onFetch:error":m[0]||(m[0]=p=>f.$emit("fetch:error",p)),"onFetch:success":J,onLoading:m[1]||(m[1]=p=>f.$emit("loading",p))},e.createSlots({set:e.withCtx(({row:p})=>[E.value?(e.openBlock(),e.createBlock(_,{key:0,"data-testid":"key-set-name-loader",type:"spinner"})):p.value&&p.value.id===w.value&&R.value?(e.openBlock(),e.createBlock(e.unref(d.InternalLinkItem),{key:1,item:{key:p.value.id,value:R.value,type:e.unref(d.ConfigurationSchemaType).LinkInternal},onClick:H=>f.$emit("navigation-click",p.value.id,"key-sets")},null,8,["item","onClick"])):(e.openBlock(),e.createElementBlock("div",Ie,e.toDisplayString("–")))]),_:2},[(u=V.value)!=null&&u.jwk?{name:"jwk",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(t.value),p=>(e.openBlock(),e.createBlock(e.unref(d.ConfigCardItem),{key:p,"data-testid":`${p}`,item:{key:p,label:e.unref(c)(p),value:t.value[p]}},null,8,["data-testid","item"]))),128))]),key:"0"}:void 0,(S=V.value)!=null&&S.pem?{name:"pem",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(t.value),p=>(e.openBlock(),e.createBlock(e.unref(d.ConfigCardItem),{key:p,"data-testid":`${p}`,item:{key:p,label:e.unref(c)(p),value:t.value[p]}},null,8,["data-testid","item"]))),128))]),key:"1"}:void 0]),1032,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])])}}});C.KeyConfigCard=Ve,C.KeyForm=Se,C.KeyList=me,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("@kong/icons"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@kong/icons","@kong-ui-public/i18n","@kong-ui-public/entities-shared"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C["kong-ui-public-entities-keys"]={},C.Vue,C.VueRouter,C.KongIcons,C["kong-ui-public-i18n"],C["kong-ui-public-entities-shared"]))})(this,function(C,e,le,W,ie,d){"use strict";const re={keys:{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"}},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"}}}}};function se(){const i=ie.createI18n("en-us",re);return{i18n:i,i18nT:ie.i18nTComponent(i)}}const X={useI18n:se},B="/v2/control-planes/{controlPlaneId}/core-entities",$="/{workspace}",j={list:{konnect:{all:`${B}/keys`,forKeySet:`${B}/key-sets/{keySetId}/keys`},kongManager:{all:`${$}/keys`,forKeySet:`${$}/key-sets/{keySetId}/keys`}},form:{konnect:{create:{all:`${B}/keys`,forKeySet:`${B}/key-sets/{keySetId}/keys`},edit:{all:`${B}/keys/{id}`,forKeySet:`${B}/key-sets/{keySetId}/keys/{id}`},keySets:`${B}/key-sets`,getKeySet:`${B}/key-sets/{keySetId}`},kongManager:{create:{all:`${$}/keys`,forKeySet:`${$}/key-sets/{keySetId}/keys`},edit:{all:`${$}/keys/{id}`,forKeySet:`${$}/key-sets/{keySetId}/keys/{id}`},keySets:`${$}/key-sets`,getKeySet:`${$}/key-sets/{keySetId}`}}},ce="#00abd2",de="24px",fe={class:"kong-ui-entities-keys-list"},ye={class:"button-row"},pe={class:"empty-state-icon-gateway"},ke=e.defineComponent({__name:"KeyList",props:{config:{type:Object,required:!0,validator:i=>!(!i||!["konnect","kongManager"].includes(i==null?void 0:i.app)||!i.createRoute||!i.getViewRoute||!i.getEditRoute||i.app==="kongManager"&&!i.isExactMatch&&!i.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(i,{emit:M}){var b;const h=M,o=i,{i18n:{t:y}}=X.useI18n(),c=le.useRouter(),{axiosInstance:x}=d.useAxios((b=o.config)==null?void 0:b.axiosRequestConfig),{hasRecords:T,handleStateChange:O}=d.useTableState(()=>E.value),V=e.computed(()=>T.value&&o.config.app==="konnect"),t=e.computed(()=>!o.enableV2EmptyStates&&o.config.app==="konnect"),w=e.computed(()=>!!o.config.keySetId),R=e.computed(()=>o.config.app!=="kongManager"||!!o.config.disableSorting),N={name:{label:y("keys.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1},kid:{label:y("keys.list.table_headers.key_id"),sortable:!0},tags:{label:y("keys.list.table_headers.tags")},id:{label:y("keys.list.table_headers.id"),sortable:!0}},J=N,F=e.computed(()=>{var l,r,I,D;let n=`${o.config.apiBaseUrl}${j.list[o.config.app][o.config.keySetId?"forKeySet":"all"]}`;return o.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((l=o.config)==null?void 0:l.controlPlaneId)||"").replace(/{keySetId}/gi,((r=o.config)==null?void 0:r.keySetId)||""):o.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(I=o.config)!=null&&I.workspace?`/${o.config.workspace}`:"").replace(/{keySetId}/gi,((D=o.config)==null?void 0:D.keySetId)||"")),n}),E=e.ref(""),A=e.computed(()=>{const n=o.config.app==="konnect"||o.config.isExactMatch;if(n)return{isExactMatch:n,placeholder:y("keys.search.placeholder")};const l={name:N.name};return{isExactMatch:n,fields:l,schema:o.config.filterSchema}}),{fetcher:f,fetcherState:m,fetcherCacheKey:_}=d.useFetcher({...o.config,cacheIdentifier:o.cacheIdentifier},F.value),u=()=>{E.value=""},S=()=>{_.value++},p=e.ref(null),H=(n,l)=>{const r=n.id;if(!l(r)){v(n,"id");return}Y(n,"id")},Z=(n,l)=>{const r=JSON.stringify(n);if(!l(r)){h("copy:error",{entity:n,message:y("keys.errors.copy")});return}h("copy:success",{entity:n,message:y("keys.copy.success_brief")})},Y=(n,l)=>{h("copy:success",{entity:n,field:l,message:y("keys.copy.success",{val:n[l]})})},v=(n,l)=>{h("copy:error",{entity:n,field:l,message:y("keys.errors.copy")})},ee=async n=>{var r;await((r=o.canRetrieve)==null?void 0:r.call(o,n))&&c.push(o.config.getViewRoute(n.id))},te=n=>({label:y("keys.actions.view"),to:o.config.getViewRoute(n)}),Q=n=>({label:y("keys.actions.edit"),to:o.config.getEditRoute(n)}),K=e.ref(void 0),q=e.ref(!1),P=e.ref(!1),U=e.ref(""),z=d.useDeleteUrlBuilder(o.config,F.value),oe=n=>{K.value=n,q.value=!0},G=()=>{q.value=!1},a=async()=>{var n,l,r;if((n=K.value)!=null&&n.id){P.value=!0;try{await x.delete(z(K.value.id)),P.value=!1,q.value=!1,_.value++,h("delete:success",K.value)}catch(I){U.value=((r=(l=I.response)==null?void 0:l.data)==null?void 0:r.message)||I.message||y("keys.errors.delete"),h("error",I)}finally{P.value=!1}}},s=()=>{c.push(o.config.createRoute)};e.watch(m,n=>{var l,r,I;if(n.status===d.FetcherStatus.Error){p.value={title:y("keys.errors.general")},(I=(r=(l=n.error)==null?void 0:l.response)==null?void 0:r.data)!=null&&I.message&&(p.value.message=n.error.response.data.message),h("error",n.error);return}p.value=null});const g=e.ref({ctaPath:o.config.createRoute,ctaText:void 0,message:`${y("keys.list.empty_state.description")}${o.config.additionMessageForEmptyState?` ${o.config.additionMessageForEmptyState}`:""}`,title:y("keys.title")});return e.onBeforeMount(async()=>{await o.canCreate()&&(g.value.title=y("keys.list.empty_state.title"),g.value.ctaText=y("keys.actions.create"))}),(n,l)=>{const r=e.resolveComponent("KButton"),I=e.resolveComponent("KCopy"),D=e.resolveComponent("KDropdownItem"),ne=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",fe,[e.createVNode(e.unref(d.EntityBaseTable),{"cache-identifier":i.cacheIdentifier,"disable-sorting":R.value,"empty-state-options":g.value,"enable-entity-actions":"","error-message":p.value,fetcher:e.unref(f),"fetcher-cache-key":e.unref(_),"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-keys-list",query:E.value,"table-headers":e.unref(J),onClearSearchInput:u,"onClick:row":l[4]||(l[4]=k=>ee(k)),onSort:S,onState:e.unref(O)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(d.EntityFilter),{modelValue:E.value,"onUpdate:modelValue":l[0]||(l[0]=k=>E.value=k),config:A.value},null,8,["modelValue","config"])]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!i.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createElementVNode("div",ye,[!w.value&&V.value?(e.openBlock(),e.createBlock(r,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"keys-learn-more-button",icon:"",onClick:l[1]||(l[1]=k=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(W.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>i.canCreate()},{default:e.withCtx(()=>[e.createVNode(r,{appearance:"primary","data-testid":"toolbar-add-key",size:i.useActionOutside?"medium":"large",to:i.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(W.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(y)("keys.list.toolbar_actions.new_key")),1)]),_:1},8,["size","to"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),name:e.withCtx(({rowValue:k})=>[e.createElementVNode("b",null,e.toDisplayString(k??"-"),1)]),kid:e.withCtx(({rowValue:k})=>[e.createVNode(I,{text:k},null,8,["text"])]),tags:e.withCtx(({rowValue:k})=>[e.createVNode(e.unref(d.TableTags),{tags:k},null,8,["tags"])]),id:e.withCtx(({rowValue:k})=>[e.createVNode(I,{text:k,truncate:""},null,8,["text"])]),actions:e.withCtx(({row:k})=>[e.createVNode(ne,null,{default:e.withCtx(({copyToClipboard:L})=>[e.createVNode(D,{"data-testid":"action-entity-copy-id",onClick:Ee=>H(k,L)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(y)("keys.actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(ne,null,{default:e.withCtx(({copyToClipboard:L})=>[e.createVNode(D,{"data-testid":"action-entity-copy-json",onClick:Ee=>Z(k,L)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(y)("keys.actions.copy_json")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>i.canRetrieve(k)},{default:e.withCtx(()=>[e.createVNode(D,{"data-testid":"action-entity-view","has-divider":"",item:te(k.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>i.canEdit(k)},{default:e.withCtx(()=>[e.createVNode(D,{"data-testid":"action-entity-edit",item:Q(k.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>i.canDelete(k)},{default:e.withCtx(()=>[e.createVNode(D,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:L=>oe(k)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(y)("keys.actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!e.unref(T)&&t.value?{name:"outside-actions",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!i.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createVNode(r,{appearance:"secondary",class:"open-learning-hub","data-testid":"keys-learn-more-button",icon:"",onClick:l[2]||(l[2]=k=>n.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(W.BookIcon),{decorative:""})]),_:1})],8,["disabled"]))]),key:"0"}:void 0,!E.value&&i.enableV2EmptyStates&&i.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>{var k;return[e.createVNode(e.unref(d.EntityEmptyState),{"action-button-text":e.unref(y)("keys.list.empty_state_v2.create_cta"),appearance:"secondary","can-create":()=>i.canCreate(),"data-testid":i.config.keySetId?"nested-keys-entity-empty-state":"keys-entity-empty-state",description:e.unref(y)("keys.list.empty_state_v2.description"),"learn-more":i.config.app==="konnect",title:e.unref(y)("keys.list.empty_state_v2.title"),"onClick:create":s,"onClick:learnMore":l[3]||(l[3]=L=>n.$emit("click:learn-more"))},e.createSlots({image:e.withCtx(()=>[e.createElementVNode("div",pe,[e.createVNode(e.unref(W.KeyIcon),{color:e.unref(ce),size:e.unref(de)},null,8,["color","size"])])]),_:2},[(k=i.config)!=null&&k.isControlPlaneGroup?{name:"message",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(y)("keys.list.empty_state_v2.group")),1)]),key:"0"}:void 0]),1032,["action-button-text","can-create","data-testid","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(d.EntityDeleteModal),{"action-pending":P.value,description:e.unref(y)("keys.delete.description"),"entity-name":K.value&&(K.value.name||K.value.id),"entity-type":e.unref(d.EntityTypes).Key,error:U.value,"need-confirm":!1,title:e.unref(y)("keys.delete.title"),visible:q.value,onCancel:G,onProceed:a},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),ae=(i,M)=>{const h=i.__vccOpts||i;for(const[o,y]of M)h[o]=y;return h},me=ae(ke,[["__scopeId","data-v-e441b818"]]),ue={class:"kong-ui-entities-keys-form"},ge={"data-testid":"no-search-results"},he={class:"select-item-container"},be={class:"select-item-label"},Ce={class:"select-item-description"},we={key:1,class:"invalid-key-set-message","data-testid":"invalid-key-set-message"},_e={"data-testid":"key-format-container"},Se=ae(e.defineComponent({__name:"KeyForm",props:{config:{type:Object,required:!0,validator:i=>!(!i||!["konnect","kongManager"].includes(i==null?void 0:i.app)||i.app==="konnect"&&!i.controlPlaneId||i.app==="kongManager"&&typeof i.workspace!="string"||!i.cancelRoute)},keyId:{type:String,required:!1,default:""},keySetId:{type:String,required:!1,default:null},fixedKeySetId:{type:String,required:!1,default:""},showx5t:{type:Boolean,required:!1,default:!1}},emits:["update","error","loading"],setup(i,{emit:M}){var G;const h=M,o=i,y=le.useRouter(),{i18n:{t:c}}=X.useI18n(),{getMessageFromError:x}=d.useErrors(),{axiosInstance:T}=d.useAxios((G=o.config)==null?void 0:G.axiosRequestConfig),O=e.computed(()=>o.keySetId?j.form[o.config.app].edit.forKeySet.replace(/{keySetId}/gi,o.keySetId):j.form[o.config.app].edit.all),V=e.computed(()=>o.keyId?d.EntityBaseFormType.Edit:d.EntityBaseFormType.Create),t=e.reactive({fields:{name:"",tags:"",key_id:"",key_format:"jwk",key_set:"",jwk:"",private_key:"",public_key:"",...o.showx5t?{x5t:""}:{}},isReadonly:!1,errorMessage:""}),w=e.reactive({name:"",tags:"",key_id:"",key_format:"jwk",key_set:"",jwk:"",private_key:"",public_key:""}),R=[{label:c("keys.form.fields.key_format.options.jwk"),value:"jwk"},{label:c("keys.form.fields.key_format.options.pem"),value:"pem"}],N=e.computed(()=>t.isReadonly||V.value===d.EntityBaseFormType.Create&&!!o.fixedKeySetId),J=e.computed(()=>!N.value);e.watch(()=>o.fixedKeySetId,a=>{V.value===d.EntityBaseFormType.Create&&(t.fields.key_set=a)},{immediate:!0});const F=e.computed(()=>JSON.stringify(t.fields)!==JSON.stringify(w)&&!!t.fields.key_id&&!!t.fields.key_format&&(t.fields.key_format==="jwk"&&!!t.fields.jwk||t.fields.key_format==="pem"&&!!t.fields.private_key&&!!t.fields.public_key)),E=a=>{var s,g,b,n;t.fields.key_id=(a==null?void 0:a.kid)||"",t.fields.name=(a==null?void 0:a.name)||"",t.fields.tags=((s=a==null?void 0:a.tags)==null?void 0:s.join(", "))||"",t.fields.key_set=((g=a==null?void 0:a.set)==null?void 0:g.id)||"",t.fields.key_format=a!=null&&a.pem?"pem":"jwk",t.fields.jwk=(a==null?void 0:a.jwk)||"",t.fields.private_key=((b=a==null?void 0:a.pem)==null?void 0:b.private_key)||"",t.fields.public_key=((n=a==null?void 0:a.pem)==null?void 0:n.public_key)||"",o.showx5t&&(t.fields.x5t=(a==null?void 0:a.x5t)||""),Object.assign(w,t.fields)},A=()=>{y.push(o.config.cancelRoute)},f=e.computed(()=>{var s,g;let a=`${o.config.apiBaseUrl}${j.form[o.config.app][V.value][o.keySetId?"forKeySet":"all"]}`;return o.config.app==="konnect"?a=a.replace(/{controlPlaneId}/gi,((s=o.config)==null?void 0:s.controlPlaneId)||""):o.config.app==="kongManager"&&(a=a.replace(/\/{workspace}/gi,(g=o.config)!=null&&g.workspace?`/${o.config.workspace}`:"")),a=a.replace(/{id}/gi,o.keyId).replace(/{keySetId}/gi,o.keySetId||""),a}),m=e.computed(()=>{var a,s,g;return{kid:t.fields.key_id,...o.showx5t?{x5t:t.fields.x5t||null}:{},name:t.fields.name||null,tags:((g=(s=(a=t.fields.tags)==null?void 0:a.split(","))==null?void 0:s.map(b=>String(b||"").trim()))==null?void 0:g.filter(b=>b!==""))||[],set:t.fields.key_set?{id:t.fields.key_set}:null,jwk:t.fields.key_format==="jwk"?t.fields.jwk:null,pem:t.fields.key_format==="pem"?{private_key:t.fields.private_key,public_key:t.fields.public_key}:null}}),_=async()=>{var a,s,g,b,n;try{t.isReadonly=!0;let l;if(V.value==="create"?l=await T.post(f.value,m.value):V.value==="edit"&&(l=((a=o.config)==null?void 0:a.app)==="konnect"?await T.put(f.value,m.value):await T.patch(f.value,m.value)),l){const{data:r}=l;t.fields.key_id=(r==null?void 0:r.kid)||"",t.fields.name=(r==null?void 0:r.name)||"",t.fields.tags=((s=r==null?void 0:r.tags)==null?void 0:s.join(", "))||"",t.fields.key_set=((g=r==null?void 0:r.set)==null?void 0:g.id)||"",t.fields.key_format=r!=null&&r.pem?"pem":"jwk",t.fields.jwk=(r==null?void 0:r.jwk)||"",t.fields.private_key=((b=r==null?void 0:r.pem)==null?void 0:b.private_key)||"",t.fields.public_key=((n=r==null?void 0:r.pem)==null?void 0:n.public_key)||"",o.showx5t&&(t.fields.x5t=(r==null?void 0:r.x5t)||""),Object.assign(w,t.fields),h("update",l==null?void 0:l.data)}}catch(l){t.errorMessage=x(l),h("error",l)}finally{t.isReadonly=!1}},{debouncedQueryChange:u,loading:S,allRecords:p,error:H,validationError:Z,loadItems:Y,results:v}=d.useDebouncedFilter(o.config,j.form[o.config.app].keySets,void 0,{fetchedItemsKey:"data",searchKeys:["id","name"]}),ee=a=>{(!a||a!==t.fields.key_set&&a!==w.key_set)&&u(a)},te=e.computed(()=>H.value?c("keys.errors.key_sets.fetch"):""),Q=e.computed(()=>Z.value?c("keys.errors.key_sets.invalid"):""),K=e.ref(0),q=e.computed(()=>p.value===void 0),P=e.computed(()=>{if(q.value)return o.config.app==="konnect"?c("keys.form.fields.key_set.footer"):void 0}),U=e.ref(new Set),z=e.computed(()=>Array.from(U.value).map(s=>({name:s.name||"",label:"",value:s.id,selected:t.fields.key_set===s.id}))),oe=a=>{U.value.clear();let s;for(s of a)U.value.add(s)};return e.watch(v,a=>{oe(a)},{immediate:!0,deep:!0}),e.watch(z,()=>{K.value++},{immediate:!0,deep:!0}),e.onBeforeMount(async()=>{await Y()}),(a,s)=>{const g=e.resolveComponent("KInput"),b=e.resolveComponent("KSelect"),n=e.resolveComponent("KTextArea");return e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(e.unref(d.EntityBaseForm),{"can-submit":F.value,config:i.config,"edit-id":i.keyId,"entity-type":e.unref(d.SupportedEntityType).Key,"error-message":t.errorMessage||te.value,"fetch-url":O.value,"form-fields":m.value,"is-readonly":t.isReadonly,onCancel:A,"onFetch:error":s[9]||(s[9]=l=>a.$emit("error",l)),"onFetch:success":E,onLoading:s[10]||(s[10]=l=>a.$emit("loading",l)),onSubmit:_},{default:e.withCtx(()=>[e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(c)("keys.form.sections.general.description"),title:e.unref(c)("keys.form.sections.general.title")},{default:e.withCtx(()=>[e.createVNode(g,{modelValue:t.fields.key_id,"onUpdate:modelValue":s[0]||(s[0]=l=>t.fields.key_id=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-form-id",help:e.unref(c)("keys.form.fields.id.help"),label:e.unref(c)("keys.form.fields.id.label"),"label-attributes":{info:e.unref(c)("keys.form.fields.id.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(c)("keys.form.fields.id.placeholder"),readonly:t.isReadonly,required:"",type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"]),i.showx5t?(e.openBlock(),e.createBlock(g,{key:0,modelValue:t.fields.x5t,"onUpdate:modelValue":s[1]||(s[1]=l=>t.fields.x5t=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-form-x5t",help:e.unref(c)("keys.form.fields.x5t.help"),label:e.unref(c)("keys.form.fields.x5t.label"),"label-attributes":{info:e.unref(c)("keys.form.fields.x5t.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(c)("keys.form.fields.x5t.placeholder"),readonly:t.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])):e.createCommentVNode("",!0),e.createVNode(g,{modelValue:t.fields.name,"onUpdate:modelValue":s[2]||(s[2]=l=>t.fields.name=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-form-name",label:e.unref(c)("keys.form.fields.name.label"),placeholder:e.unref(c)("keys.form.fields.name.placeholder"),readonly:t.isReadonly,type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(b,{modelValue:t.fields.key_set,"onUpdate:modelValue":s[3]||(s[3]=l=>t.fields.key_set=l),clearable:J.value,"data-testid":"key-form-key-set","dropdown-footer-text":P.value,"enable-filtering":"","filter-function":()=>!0,items:z.value,label:e.unref(c)("keys.form.fields.key_set.label"),loading:e.unref(S),placeholder:e.unref(c)("keys.form.fields.key_set.placeholder"),readonly:N.value,width:"100%",onQueryChange:ee},{loading:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(c)("keys.actions.loading")),1)]),empty:e.withCtx(()=>[e.createElementVNode("div",ge,e.toDisplayString(e.unref(c)("keys.search.no_results")),1)]),"selected-item-template":e.withCtx(({item:l})=>[e.createElementVNode("div",null,e.toDisplayString(l.name),1)]),"item-template":e.withCtx(({item:l})=>[e.createElementVNode("div",he,[e.createElementVNode("div",be,e.toDisplayString(l.name),1),e.createElementVNode("div",Ce,e.toDisplayString(l.value),1)])]),_:1},8,["modelValue","clearable","dropdown-footer-text","items","label","loading","placeholder","readonly"]),Q.value?(e.openBlock(),e.createElementBlock("p",we,e.toDisplayString(Q.value),1)):e.createCommentVNode("",!0),e.createVNode(g,{modelValue:t.fields.tags,"onUpdate:modelValue":s[4]||(s[4]=l=>t.fields.tags=l),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"key-form-tags",help:e.unref(c)("keys.form.fields.tags.help"),label:e.unref(c)("keys.form.fields.tags.label"),"label-attributes":{info:e.unref(c)("keys.form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(c)("keys.form.fields.tags.placeholder"),readonly:t.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"]),e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(c)("keys.form.sections.keys.description"),"has-divider":"",title:e.unref(c)("keys.form.sections.keys.title")},{default:e.withCtx(()=>[e.createElementVNode("div",_e,[e.createVNode(b,{modelValue:t.fields.key_format,"onUpdate:modelValue":s[5]||(s[5]=l=>t.fields.key_format=l),"data-testid":"key-form-key-format",items:R,label:e.unref(c)("keys.form.fields.key_format.label"),readonly:t.isReadonly,required:"",width:"100%"},null,8,["modelValue","label","readonly"])]),t.fields.key_format==="jwk"?(e.openBlock(),e.createBlock(n,{key:0,modelValue:t.fields.jwk,"onUpdate:modelValue":s[6]||(s[6]=l=>t.fields.jwk=l),modelModifiers:{trim:!0},"character-limit":!1,class:"key-form-textarea","data-testid":"key-form-jwk",label:e.unref(c)("keys.form.fields.jwk.label"),"label-attributes":{info:e.unref(c)("keys.form.fields.jwk.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(c)("keys.form.fields.jwk.placeholder"),readonly:t.isReadonly,required:""},null,8,["modelValue","label","label-attributes","placeholder","readonly"])):e.createCommentVNode("",!0),t.fields.key_format==="pem"?(e.openBlock(),e.createBlock(n,{key:1,modelValue:t.fields.private_key,"onUpdate:modelValue":s[7]||(s[7]=l=>t.fields.private_key=l),modelModifiers:{trim:!0},"character-limit":!1,class:"key-form-textarea","data-testid":"key-form-private-key",label:e.unref(c)("keys.form.fields.private_key.label"),placeholder:e.unref(c)("keys.form.fields.private_key.placeholder"),readonly:t.isReadonly,required:""},null,8,["modelValue","label","placeholder","readonly"])):e.createCommentVNode("",!0),t.fields.key_format==="pem"?(e.openBlock(),e.createBlock(n,{key:2,modelValue:t.fields.public_key,"onUpdate:modelValue":s[8]||(s[8]=l=>t.fields.public_key=l),modelModifiers:{trim:!0},"character-limit":!1,class:"key-form-textarea","data-testid":"key-form-public-key",label:e.unref(c)("keys.form.fields.public_key.label"),placeholder:e.unref(c)("keys.form.fields.public_key.placeholder"),readonly:t.isReadonly,required:""},null,8,["modelValue","label","placeholder","readonly"])):e.createCommentVNode("",!0)]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-3d9b9b6e"]]),xe={class:"kong-ui-entities-keys-entity-config-card"},Ie={key:2},Ve=e.defineComponent({__name:"KeyConfigCard",props:{config:{type:Object,required:!0,validator:i=>!(!i||!["konnect","kongManager"].includes(i==null?void 0:i.app)||i.app==="konnect"&&!i.controlPlaneId||i.app==="kongManager"&&typeof i.workspace!="string"||!i.entityId)},configCardDoc:{type:String,default:"",required:!1},hideTitle:{type:Boolean,default:!1},keySetId:{type:String,default:null}},emits:["loading","fetch:error","fetch:success","navigation-click"],setup(i,{emit:M}){var A;const h=M,o=i,{axiosInstance:y}=d.useAxios((A=o.config)==null?void 0:A.axiosRequestConfig),{convertKeyToTitle:c}=d.useStringHelpers(),{i18n:{t:x}}=X.useI18n(),T=e.computed(()=>o.keySetId?`${j.form[o.config.app].edit.forKeySet}`.replace(/{keySetId}/gi,o.keySetId):j.form[o.config.app].edit.all),O=e.computed(()=>{var f;return(f=j.form[o.config.app])==null?void 0:f.getKeySet}),V=e.ref(),t=e.ref({}),w=e.ref(o.keySetId||""),R=e.ref(""),N=e.ref(!1),J=async f=>{var m;V.value=f,w.value=(m=f==null?void 0:f.set)==null?void 0:m.id,h("fetch:success",f),F(f)};e.watch(w,async()=>{var m,_;if(!w.value)return;let f=`${o.config.apiBaseUrl}${O.value}`;o.config.app==="konnect"?f=f.replace(/{controlPlaneId}/gi,((m=o.config)==null?void 0:m.controlPlaneId)||"").replace(/{keySetId}/gi,w.value||""):o.config.app==="kongManager"&&(f=f.replace(/\/{workspace}/gi,(_=o.config)!=null&&_.workspace?`/${o.config.workspace}`:"").replace(/{keySetId}/gi,w.value||""));try{N.value=!0;const{data:u}=await y.get(f,{validateStatus:S=>S===404||S>=200&&S<300});R.value=(u==null?void 0:u.name)||(u==null?void 0:u.id)}catch(u){h("fetch:error",u)}finally{N.value=!1}},{immediate:!0});const F=f=>{var m,_;try{if(f.jwk){const u=JSON.parse(f.jwk);Object.keys(u).forEach(S=>{t.value={...t.value,[`jwk.${S}`]:u[S]}})}else t.value={"pem.public_key":(m=f==null?void 0:f.pem)==null?void 0:m.public_key,"pem.private_key":(_=f==null?void 0:f.pem)==null?void 0:_.private_key}}catch(u){h("fetch:error",u)}return t},E=e.ref({id:{},name:{tooltip:x("keys.form.fields.name.tooltip")},last_updated:{},created:{},set:{label:x("keys.form.fields.set.label"),section:d.ConfigurationSchemaSection.Basic,tooltip:x("keys.form.fields.set.tooltip"),order:5},kid:{label:x("keys.form.fields.kid.label"),section:d.ConfigurationSchemaSection.Basic,tooltip:x("keys.form.fields.kid.tooltip")},tags:{tooltip:x("keys.form.fields.tags.tooltip")},jwk:{label:x("keys.form.fields.jwk.label"),type:d.ConfigurationSchemaType.Json},pem:{section:d.ConfigurationSchemaSection.Advanced,label:x("keys.form.fields.key_format.options.pem"),type:d.ConfigurationSchemaType.Json}});return(f,m)=>{var u,S;const _=e.resolveComponent("KSkeleton");return e.openBlock(),e.createElementBlock("div",xe,[e.createVNode(e.unref(d.EntityBaseConfigCard),{config:i.config,"config-card-doc":i.configCardDoc,"config-schema":E.value,"entity-type":e.unref(d.SupportedEntityType).Key,"fetch-url":T.value,"hide-title":i.hideTitle,"onFetch:error":m[0]||(m[0]=p=>f.$emit("fetch:error",p)),"onFetch:success":J,onLoading:m[1]||(m[1]=p=>f.$emit("loading",p))},e.createSlots({set:e.withCtx(({row:p})=>[N.value?(e.openBlock(),e.createBlock(_,{key:0,"data-testid":"key-set-name-loader",type:"spinner"})):p.value&&p.value.id===w.value&&R.value?(e.openBlock(),e.createBlock(e.unref(d.InternalLinkItem),{key:1,item:{key:p.value.id,value:R.value,type:e.unref(d.ConfigurationSchemaType).LinkInternal},onClick:H=>f.$emit("navigation-click",p.value.id,"key-sets")},null,8,["item","onClick"])):(e.openBlock(),e.createElementBlock("div",Ie,e.toDisplayString("–")))]),_:2},[(u=V.value)!=null&&u.jwk?{name:"jwk",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(t.value),p=>(e.openBlock(),e.createBlock(e.unref(d.ConfigCardItem),{key:p,"data-testid":`${p}`,item:{key:p,label:e.unref(c)(p),value:t.value[p]}},null,8,["data-testid","item"]))),128))]),key:"0"}:void 0,(S=V.value)!=null&&S.pem?{name:"pem",fn:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(t.value),p=>(e.openBlock(),e.createBlock(e.unref(d.ConfigCardItem),{key:p,"data-testid":`${p}`,item:{key:p,label:e.unref(c)(p),value:t.value[p]}},null,8,["data-testid","item"]))),128))]),key:"1"}:void 0]),1032,["config","config-card-doc","config-schema","entity-type","fetch-url","hide-title"])])}}});C.KeyConfigCard=Ve,C.KeyForm=Se,C.KeyList=me,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-761f7e64]{align-items:center;border-bottom:var(--3ccdd5d2);box-sizing:border-box;display:var(--4b1da305);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-761f7e64]{box-sizing:border-box;padding-right:16px;width:var(--cd20788a)}.config-card-details-row .config-card-details-label label[data-v-761f7e64]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-761f7e64]{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-761f7e64]{min-width:0}.config-card-details-row .config-card-details-value[data-v-761f7e64]{box-sizing:border-box;width:var(--cd1becd4)}.config-card-details-row .config-card-details-value .truncated[data-v-761f7e64]{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-761f7e64]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-761f7e64] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-761f7e64]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-761f7e64]{margin-right:4px}.config-card-details-row[data-v-761f7e64] .k-label{margin-bottom:0}.config-card-details-row[data-v-761f7e64] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-761f7e64] .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-be491a0e]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-be491a0e]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-be491a0e]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-be491a0e] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-be491a0e]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-18af080f]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form[data-v-18af080f] .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-18af080f] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-18af080f] .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-18af080f] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.form-actions[data-v-18af080f]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.form-actions[data-v-18af080f] .k-button:last-of-type,.form-actions[data-v-18af080f] .k-button:nth-last-of-type(2){margin-left:16px}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-d58db70c]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-d58db70c]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-d58db70c]{display:none}.kong-ui-entity-base-table[data-v-d58db70c] .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-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{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-10fa27a5]{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-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{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-6f25ab21]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-6f25ab21]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-6f25ab21]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-6f25ab21] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-6f25ab21]{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-6f25ab21]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-6f25ab21]{margin-left:2px}.kong-ui-public-entity-empty-state[data-v-48ae9c8c]{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-48ae9c8c]{padding:64px 96px}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-48ae9c8c]{margin-bottom:8px}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-48ae9c8c]{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-48ae9c8c]{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-48ae9c8c]{font-size:18px}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-48ae9c8c],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-48ae9c8c]{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-48ae9c8c],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-48ae9c8c]{margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-48ae9c8c]{margin-top:16px}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-48ae9c8c]{color:#52596e}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-48ae9c8c]{align-items:center;display:flex;gap:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-48ae9c8c]{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-48ae9c8c]{width:640px}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-48ae9c8c]{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-48ae9c8c]{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-48ae9c8c] .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-48ae9c8c] .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-48ae9c8c] .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-48ae9c8c]{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-48ae9c8c]{width:640px}}.button-row[data-v-42fa085f]{align-items:center;display:flex;gap:12px}.kong-ui-entities-keys-list[data-v-42fa085f]{width:100%}.kong-ui-entities-keys-list .kong-ui-entity-filter-input[data-v-42fa085f]{margin-right:12px}.kong-ui-entities-keys-form[data-v-3d9b9b6e],.kong-ui-entities-keys-form .key-form-textarea[data-v-3d9b9b6e]{width:100%}.kong-ui-entities-keys-form .invalid-key-set-message[data-v-3d9b9b6e]{color:#d60027;font-size:11px;font-weight:500;margin-top:3px!important}.kong-ui-entities-keys-form[data-v-3d9b9b6e] .k-select .custom-selected-item{left:0}.kong-ui-entities-keys-form .select-item-container .select-item-label[data-v-3d9b9b6e]{font-weight:600}.kong-ui-entities-keys-form .select-item-container .select-item-description[data-v-3d9b9b6e]{color:#6c7489;font-size:12px}
|
|
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-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-761f7e64]{align-items:center;border-bottom:var(--3ccdd5d2);box-sizing:border-box;display:var(--4b1da305);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-761f7e64]{box-sizing:border-box;padding-right:16px;width:var(--cd20788a)}.config-card-details-row .config-card-details-label label[data-v-761f7e64]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-761f7e64]{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-761f7e64]{min-width:0}.config-card-details-row .config-card-details-value[data-v-761f7e64]{box-sizing:border-box;width:var(--cd1becd4)}.config-card-details-row .config-card-details-value .truncated[data-v-761f7e64]{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-761f7e64]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-761f7e64] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-761f7e64]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-761f7e64]{margin-right:4px}.config-card-details-row[data-v-761f7e64] .k-label{margin-bottom:0}.config-card-details-row[data-v-761f7e64] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-761f7e64] .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-be491a0e]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-be491a0e]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-be491a0e]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-be491a0e] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-be491a0e]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-18af080f]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form[data-v-18af080f] .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-18af080f] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-18af080f] .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-18af080f] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.form-actions[data-v-18af080f]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.form-actions[data-v-18af080f] .k-button:last-of-type,.form-actions[data-v-18af080f] .k-button:nth-last-of-type(2){margin-left:16px}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-d58db70c]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-d58db70c]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-d58db70c]{display:none}.kong-ui-entity-base-table[data-v-d58db70c] .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-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{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-10fa27a5]{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-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{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-6f25ab21]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-6f25ab21]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-6f25ab21]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-6f25ab21] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-6f25ab21]{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-6f25ab21]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-6f25ab21]{margin-left:2px}.kong-ui-public-entity-empty-state[data-v-48ae9c8c]{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-48ae9c8c]{padding:64px 96px}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-48ae9c8c]{margin-bottom:8px}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-48ae9c8c]{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-48ae9c8c]{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-48ae9c8c]{font-size:18px}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-48ae9c8c],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-48ae9c8c]{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-48ae9c8c],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-48ae9c8c]{margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-48ae9c8c]{margin-top:16px}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-48ae9c8c]{color:#52596e}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-48ae9c8c]{align-items:center;display:flex;gap:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-48ae9c8c]{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-48ae9c8c]{width:640px}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-48ae9c8c]{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-48ae9c8c]{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-48ae9c8c] .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-48ae9c8c] .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-48ae9c8c] .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-48ae9c8c]{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-48ae9c8c]{width:640px}}.button-row[data-v-e441b818]{align-items:center;display:flex;gap:12px}.kong-ui-entities-keys-list[data-v-e441b818]{width:100%}.kong-ui-entities-keys-list .kong-ui-entity-filter-input[data-v-e441b818]{margin-right:12px}.kong-ui-entities-keys-form[data-v-3d9b9b6e],.kong-ui-entities-keys-form .key-form-textarea[data-v-3d9b9b6e]{width:100%}.kong-ui-entities-keys-form .invalid-key-set-message[data-v-3d9b9b6e]{color:#d60027;font-size:11px;font-weight:500;margin-top:3px!important}.kong-ui-entities-keys-form[data-v-3d9b9b6e] .k-select .custom-selected-item{left:0}.kong-ui-entities-keys-form .select-item-container .select-item-label[data-v-3d9b9b6e]{font-weight:600}.kong-ui-entities-keys-form .select-item-container .select-item-description[data-v-3d9b9b6e]{color:#6c7489;font-size:12px}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong-ui-public/entities-keys",
|
|
3
|
-
"version": "3.8.
|
|
3
|
+
"version": "3.8.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/entities-keys.umd.js",
|
|
6
6
|
"module": "./dist/entities-keys.es.js",
|
|
@@ -21,37 +21,23 @@
|
|
|
21
21
|
"access": "public"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
+
"@kong-ui-public/entities-shared": "workspace:^",
|
|
25
|
+
"@kong-ui-public/i18n": "workspace:^",
|
|
24
26
|
"@kong/icons": "^1.21.2",
|
|
25
27
|
"@kong/kongponents": "^9.21.6",
|
|
26
28
|
"axios": "^1.7.7",
|
|
27
29
|
"vue": ">= 3.3.13 < 4",
|
|
28
|
-
"vue-router": "^4.4.5"
|
|
29
|
-
"@kong-ui-public/entities-shared": "^3.19.3",
|
|
30
|
-
"@kong-ui-public/i18n": "^2.2.10"
|
|
30
|
+
"vue-router": "^4.4.5"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
+
"@kong-ui-public/entities-shared": "^3.19.3",
|
|
34
|
+
"@kong-ui-public/i18n": "^2.2.10",
|
|
33
35
|
"@kong/design-tokens": "1.17.3",
|
|
34
36
|
"@kong/icons": "^1.21.2",
|
|
35
37
|
"@kong/kongponents": "9.21.6",
|
|
36
38
|
"axios": "^1.7.7",
|
|
37
39
|
"vue": "^3.5.13",
|
|
38
|
-
"vue-router": "^4.4.5"
|
|
39
|
-
"@kong-ui-public/entities-shared": "^3.19.3",
|
|
40
|
-
"@kong-ui-public/i18n": "^2.2.10"
|
|
41
|
-
},
|
|
42
|
-
"repository": {
|
|
43
|
-
"type": "git",
|
|
44
|
-
"url": "https://github.com/Kong/public-ui-components.git",
|
|
45
|
-
"directory": "packages/entities/entities-keys"
|
|
46
|
-
},
|
|
47
|
-
"homepage": "https://github.com/Kong/public-ui-components/tree/main/packages/entities/entities-keys",
|
|
48
|
-
"author": "Kong, Inc.",
|
|
49
|
-
"license": "Apache-2.0",
|
|
50
|
-
"volta": {
|
|
51
|
-
"extends": "../../../package.json"
|
|
52
|
-
},
|
|
53
|
-
"distSizeChecker": {
|
|
54
|
-
"errorLimit": "486KB"
|
|
40
|
+
"vue-router": "^4.4.5"
|
|
55
41
|
},
|
|
56
42
|
"scripts": {
|
|
57
43
|
"dev": "cross-env USE_SANDBOX=true vite",
|
|
@@ -70,5 +56,20 @@
|
|
|
70
56
|
"test:component:open": "BABEL_ENV=cypress cross-env FORCE_COLOR=1 cypress open --component -b chrome --project '../../../.'",
|
|
71
57
|
"test:unit": "cross-env FORCE_COLOR=1 vitest run",
|
|
72
58
|
"test:unit:open": "cross-env FORCE_COLOR=1 vitest --ui"
|
|
73
|
-
}
|
|
74
|
-
|
|
59
|
+
},
|
|
60
|
+
"repository": {
|
|
61
|
+
"type": "git",
|
|
62
|
+
"url": "https://github.com/Kong/public-ui-components.git",
|
|
63
|
+
"directory": "packages/entities/entities-keys"
|
|
64
|
+
},
|
|
65
|
+
"homepage": "https://github.com/Kong/public-ui-components/tree/main/packages/entities/entities-keys",
|
|
66
|
+
"author": "Kong, Inc.",
|
|
67
|
+
"license": "Apache-2.0",
|
|
68
|
+
"volta": {
|
|
69
|
+
"extends": "../../../package.json"
|
|
70
|
+
},
|
|
71
|
+
"distSizeChecker": {
|
|
72
|
+
"errorLimit": "486KB"
|
|
73
|
+
},
|
|
74
|
+
"gitHead": "fb43f17c1677bdc8361d7845e3a019db3899d92d"
|
|
75
|
+
}
|