npm - @kong-ui-public/entities-consumer-credentials - Versions diffs - 3.8.2-pr.3235.1ca65bc7d.0 → 3.8.2 - Mend

@kong-ui-public/entities-consumer-credentials 3.8.2-pr.3235.1ca65bc7d.0 → 3.8.2

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.

Files changed (18) hide show

package/dist/entities-consumer-credentials.es.js +536 -0
package/dist/entities-consumer-credentials.umd.js +1 -0
package/dist/style.css +1 -0
package/dist/types/components/ConsumerCredentialList.vue.d.ts +92 -0
package/dist/types/components/ConsumerCredentialList.vue.d.ts.map +1 -0
package/dist/types/composables/index.d.ts +6 -0
package/dist/types/composables/index.d.ts.map +1 -0
package/dist/types/composables/useI18n.d.ts +9 -0
package/dist/types/composables/useI18n.d.ts.map +1 -0
package/dist/types/consumer-credentials-endpoints.d.ts +8 -0
package/dist/types/consumer-credentials-endpoints.d.ts.map +1 -0
package/dist/types/index.d.ts +4 -0
package/dist/types/index.d.ts.map +1 -0
package/dist/types/types/consumer-credential-list.d.ts +32 -0
package/dist/types/types/consumer-credential-list.d.ts.map +1 -0
package/dist/types/types/index.d.ts +2 -0
package/dist/types/types/index.d.ts.map +1 -0
package/package.json +3 -3

package/dist/entities-consumer-credentials.es.js ADDED Viewed

@@ -0,0 +1,536 @@
+import { defineComponent as Y, computed as T, ref as b, watch as Z, onBeforeMount as ee, resolveComponent as D, openBlock as _, createElementBlock as te, createVNode as l, unref as r, withCtx as a, createTextVNode as y, toDisplayString as u, createBlock as C, createCommentVNode as I, createElementVNode as B, Teleport as ae } from "vue";
+import { AddIcon as ne } from "@kong/icons";
+import { createI18n as ce, i18nTComponent as le } from "@kong-ui-public/i18n";
+import { useAxios as ie, useFetcher as re, useDeleteUrlBuilder as se, EntityTypes as oe, FetcherStatus as de, EntityBaseTable as ue, PermissionsWrapper as j, TableTags as he, EntityDeleteModal as ye } from "@kong-ui-public/entities-shared";
+const pe = {
+  title: "Consumer credentials",
+  list: {
+    toolbar_actions: {
+      acls: {
+        new: "New ACL credential"
+      },
+      "basic-auth": {
+        new: "New Basic Auth credential"
+      },
+      "key-auth": {
+        new: "New Key Auth credential"
+      },
+      "key-auth-enc": {
+        new: "New Key Auth encrypted credential"
+      },
+      oauth2: {
+        new: "New OAuth 2.0 credential"
+      },
+      "hmac-auth": {
+        new: "New HMAC credential"
+      },
+      jwt: {
+        new: "New JWT credential"
+      }
+    },
+    table_headers: {
+      acls: {
+        group: "Group",
+        created_at: "Created at",
+        tags: "Tags"
+      },
+      "basic-auth": {
+        password: "Credential",
+        username: "Username",
+        created_at: "Created at",
+        tags: "Tags"
+      },
+      "key-auth": {
+        key: "Key",
+        created_at: "Created at",
+        tags: "Tags"
+      },
+      "key-auth-enc": {
+        key: "Key",
+        created_at: "Created at",
+        tags: "Tags"
+      },
+      oauth2: {
+        name: "Name",
+        client_id: "Client ID",
+        client_secret: "Client secret",
+        created_at: "Created at",
+        tags: "Tags"
+      },
+      "hmac-auth": {
+        username: "Username",
+        secret: "Secret",
+        created_at: "Created at",
+        tags: "Tags"
+      },
+      jwt: {
+        key: "Key",
+        algorithm: "Algorithm",
+        created_at: "Created at",
+        tags: "Tags"
+      }
+    },
+    empty_state: {
+      acls: {
+        title: "Configure a New ACL credential",
+        cta: "New ACL credential"
+      },
+      "basic-auth": {
+        title: "Configure a New Basic Auth credential",
+        cta: "New Basic Auth credential"
+      },
+      "key-auth": {
+        title: "Configure a New Key Auth credential",
+        cta: "New Key Auth credential"
+      },
+      "key-auth-enc": {
+        title: "Configure a New Key Auth Encrypted credential",
+        cta: "New Key Auth Encrypted credential"
+      },
+      oauth2: {
+        title: "Configure a New OAuth 2.0 credential",
+        cta: "New OAuth 2.0 credential"
+      },
+      "hmac-auth": {
+        title: "Configure a New HMAC credential",
+        cta: "New HMAC credential"
+      },
+      jwt: {
+        title: "Configure a New JWT credential",
+        cta: "New JWT credential"
+      }
+    }
+  },
+  actions: {
+    copy_id: "Copy ID",
+    copy_credential: "Copy credential",
+    copy_key: "Copy key",
+    copy_secret: "Copy secret",
+    copy_json: "Copy JSON",
+    edit: "Edit",
+    delete: "Delete"
+  },
+  delete: {
+    acls: {
+      title: "Delete an ACL credential"
+    },
+    "basic-auth": {
+      title: "Delete a Basic Auth credential"
+    },
+    "key-auth": {
+      title: "Delete a Key Auth credential"
+    },
+    "key-auth-enc": {
+      title: "Delete a Key Auth encrypted credential"
+    },
+    oauth2: {
+      title: "Delete an OAuth 2.0 credential"
+    },
+    "hmac-auth": {
+      title: "Delete an HMAC credential"
+    },
+    jwt: {
+      title: "Delete a JWT credential"
+    },
+    description: "This action cannot be reversed."
+  },
+  error: {
+    general: "Credentials could not be retrieved",
+    delete: "The credential could not be deleted at this time.",
+    copy: "Failed to copy to clipboard"
+  },
+  copy: {
+    success: "Copied {val} to clipboard",
+    success_brief: "Successfully copied to clipboard"
+  }
+}, ge = {
+  credentials: pe
+};
+function fe() {
+  const n = ce("en-us", ge);
+  return {
+    i18n: n,
+    i18nT: le(n)
+    // Translation component <i18n-t>
+  };
+}
+const me = {
+  useI18n: fe
+}, be = {
+  list: {
+    konnect: "/v2/control-planes/{controlPlaneId}/core-entities/{workspace}/consumers/{consumerId}/{plugin}",
+    kongManager: "/{workspace}/consumers/{consumerId}/{plugin}"
+  }
+}, _e = { class: "kong-ui-entities-consumer-credentials-list" }, ke = /* @__PURE__ */ Y({
+  __name: "ConsumerCredentialList",
+  props: {
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+      type: Object,
+      required: !0,
+      validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || !n.createRoute || !n.getEditRoute)
+    },
+    // used to override the default identifier for the cache entry
+    cacheIdentifier: {
+      type: String,
+      default: ""
+    },
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can create a new entity */
+    canCreate: {
+      type: Function,
+      required: !1,
+      default: async () => !0
+    },
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can delete a given entity */
+    canDelete: {
+      type: Function,
+      required: !1,
+      default: async () => !0
+    },
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can edit a given entity */
+    canEdit: {
+      type: Function,
+      required: !1,
+      default: async () => !0
+    },
+    /** default to false, setting to true will teleport the toolbar button to the destination in the consuming app */
+    useActionOutside: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["error", "copy:success", "copy:error", "delete:success"],
+  setup(n, { emit: K }) {
+    var O;
+    const p = K, i = n, { i18n: { t: e, formatUnixTimeStamp: S } } = me.useI18n(), { axiosInstance: P } = ie((O = i.config) == null ? void 0 : O.axiosRequestConfig), F = {
+      acls: {
+        group: { label: e("credentials.list.table_headers.acls.group") },
+        created_at: { label: e("credentials.list.table_headers.acls.created_at") },
+        tags: { label: e("credentials.list.table_headers.acls.tags") }
+      },
+      "basic-auth": {
+        username: { label: e("credentials.list.table_headers.basic-auth.username") },
+        created_at: { label: e("credentials.list.table_headers.basic-auth.created_at") },
+        tags: { label: e("credentials.list.table_headers.basic-auth.tags") }
+      },
+      "key-auth": {
+        key: { label: e("credentials.list.table_headers.key-auth.key") },
+        created_at: { label: e("credentials.list.table_headers.key-auth.created_at") },
+        tags: { label: e("credentials.list.table_headers.key-auth.tags") }
+      },
+      "key-auth-enc": {
+        key: { label: e("credentials.list.table_headers.key-auth-enc.key") },
+        created_at: { label: e("credentials.list.table_headers.key-auth-enc.created_at") },
+        tags: { label: e("credentials.list.table_headers.key-auth-enc.tags") }
+      },
+      oauth2: {
+        name: { label: e("credentials.list.table_headers.oauth2.name") },
+        client_id: { label: e("credentials.list.table_headers.oauth2.client_id") },
+        client_secret: { label: e("credentials.list.table_headers.oauth2.client_secret") },
+        created_at: { label: e("credentials.list.table_headers.oauth2.created_at") },
+        tags: { label: e("credentials.list.table_headers.oauth2.tags") }
+      },
+      "hmac-auth": {
+        username: { label: e("credentials.list.table_headers.hmac-auth.username") },
+        secret: { label: e("credentials.list.table_headers.hmac-auth.secret") },
+        created_at: { label: e("credentials.list.table_headers.hmac-auth.created_at") },
+        tags: { label: e("credentials.list.table_headers.hmac-auth.tags") }
+      },
+      jwt: {
+        key: { label: e("credentials.list.table_headers.jwt.key") },
+        algorithm: { label: e("credentials.list.table_headers.jwt.algorithm") },
+        created_at: { label: e("credentials.list.table_headers.jwt.created_at") },
+        tags: { label: e("credentials.list.table_headers.jwt.tags") }
+      }
+    }, R = T(() => F[i.config.plugin]), $ = T(() => {
+      let c = `${i.config.apiBaseUrl}${be.list[i.config.app]}`;
+      return i.config.app === "konnect" && (c = c.replace(/{controlPlaneId}/gi, i.config.controlPlaneId || "")), c.replace(/\/{workspace}/gi, i.config.workspace ? `/${i.config.workspace}` : "").replace(/{consumerId}/gi, i.config.consumerId || "").replace(/{plugin}/gi, i.config.plugin || "");
+    }), {
+      fetcher: U,
+      fetcherState: J,
+      fetcherCacheKey: x
+    } = re(T(() => ({ ...i.config, cacheIdentifier: i.cacheIdentifier })), $), L = () => {
+      x.value++;
+    }, v = b(null), f = async (c, s, h) => {
+      const o = s ? c[s] : JSON.stringify(c);
+      if (!await h(o)) {
+        H(c, s);
+        return;
+      }
+      q(c, s);
+    }, q = (c, s) => {
+      p("copy:success", {
+        entity: c,
+        field: s,
+        message: s && !["password", "key", "client_secret", "secret"].includes(s) ? e("credentials.copy.success", { val: c[s] }) : e("credentials.copy.success_brief")
+      });
+    }, H = (c, s) => {
+      p("copy:error", {
+        entity: c,
+        field: s,
+        message: e("credentials.error.copy")
+      });
+    }, V = (c) => ({
+      label: e("credentials.actions.edit"),
+      to: i.config.getEditRoute(c)
+    }), w = b(void 0), A = b(!1), N = b(!1), M = b(""), W = se(i.config, $.value), z = T(() => oe[i.config.plugin]), G = (c) => {
+      w.value = c, A.value = !0;
+    }, Q = () => {
+      A.value = !1;
+    }, X = async () => {
+      var c, s, h;
+      if ((c = w.value) != null && c.id) {
+        N.value = !0;
+        try {
+          await P.delete(W(w.value.id)), N.value = !1, A.value = !1, x.value++, p("delete:success", w.value);
+        } catch (o) {
+          M.value = ((h = (s = o.response) == null ? void 0 : s.data) == null ? void 0 : h.message) || o.message || e("credentials.error.delete"), p("error", o);
+        } finally {
+          N.value = !1;
+        }
+      }
+    };
+    Z(J, (c) => {
+      var s, h, o;
+      if (c.status === de.Error) {
+        v.value = {
+          title: e("credentials.error.general")
+        }, (o = (h = (s = c.error) == null ? void 0 : s.response) == null ? void 0 : h.data) != null && o.message && (v.value.message = c.error.response.data.message), p("error", c.error);
+        return;
+      }
+      v.value = null;
+    });
+    const E = b({
+      ctaPath: i.config.createRoute,
+      ctaText: void 0,
+      message: "",
+      title: e("credentials.title")
+    });
+    return ee(async () => {
+      await i.canCreate() && (E.value.title = e(`credentials.list.empty_state.${i.config.plugin}.title`), E.value.ctaText = e(`credentials.list.empty_state.${i.config.plugin}.cta`));
+    }), (c, s) => {
+      const h = D("KButton"), o = D("KCopy"), g = D("KDropdownItem"), m = D("KClipboardProvider");
+      return _(), te("div", _e, [
+        l(r(ue), {
+          "cache-identifier": n.cacheIdentifier,
+          "disable-row-click": "",
+          "disable-sorting": "",
+          "empty-state-options": E.value,
+          "enable-entity-actions": "",
+          "error-message": v.value,
+          fetcher: r(U),
+          "fetcher-cache-key": r(x),
+          "pagination-type": "offset",
+          "preferences-storage-key": "kong-ui-entities-consumer-credentials-list",
+          "table-headers": R.value,
+          onSort: L
+        }, {
+          "toolbar-button": a(() => [
+            (_(), C(ae, {
+              disabled: !n.useActionOutside,
+              to: "#kong-ui-app-page-header-action-button"
+            }, [
+              l(r(j), {
+                "auth-function": () => n.canCreate()
+              }, {
+                default: a(() => [
+                  l(h, {
+                    appearance: "primary",
+                    "data-testid": "toolbar-add-credential",
+                    size: n.useActionOutside ? "medium" : "large",
+                    to: n.config.createRoute
+                  }, {
+                    default: a(() => [
+                      l(r(ne)),
+                      y(" " + u(r(e)(`credentials.list.toolbar_actions.${n.config.plugin}.new`)), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["size", "to"])
+                ]),
+                _: 1
+              }, 8, ["auth-function"])
+            ], 8, ["disabled"]))
+          ]),
+          group: a(({ rowValue: t }) => [
+            B("b", null, u(t ?? "-"), 1)
+          ]),
+          name: a(({ rowValue: t }) => [
+            B("b", null, u(t ?? "-"), 1)
+          ]),
+          username: a(({ rowValue: t }) => [
+            B("span", null, u(t ?? "-"), 1)
+          ]),
+          password: a(({ rowValue: t }) => [
+            l(o, {
+              format: "redacted",
+              text: t,
+              truncate: ""
+            }, null, 8, ["text"])
+          ]),
+          key: a(({ rowValue: t }) => [
+            l(o, {
+              format: "redacted",
+              text: t,
+              truncate: ""
+            }, null, 8, ["text"])
+          ]),
+          client_secret: a(({ rowValue: t }) => [
+            l(o, {
+              format: "redacted",
+              text: t,
+              truncate: ""
+            }, null, 8, ["text"])
+          ]),
+          secret: a(({ rowValue: t }) => [
+            l(o, {
+              format: "redacted",
+              text: t,
+              truncate: ""
+            }, null, 8, ["text"])
+          ]),
+          created_at: a(({ rowValue: t }) => [
+            y(u(r(S)(t)), 1)
+          ]),
+          tags: a(({ rowValue: t }) => [
+            l(r(he), { tags: t }, null, 8, ["tags"])
+          ]),
+          actions: a(({ row: t }) => [
+            l(m, null, {
+              default: a(({ copyToClipboard: d }) => [
+                l(g, {
+                  "data-testid": "action-entity-copy-id",
+                  onClick: (k) => f(t, "id", d)
+                }, {
+                  default: a(() => [
+                    y(u(r(e)("credentials.actions.copy_id")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            n.config.plugin === "basic-auth" ? (_(), C(m, { key: 0 }, {
+              default: a(({ copyToClipboard: d }) => [
+                l(g, {
+                  "data-testid": "action-entity-copy-credential",
+                  onClick: (k) => f(t, "password", d)
+                }, {
+                  default: a(() => [
+                    y(u(r(e)("credentials.actions.copy_credential")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024)) : I("", !0),
+            ["key-auth", "key-auth-enc", "jwt"].includes(n.config.plugin) ? (_(), C(m, { key: 1 }, {
+              default: a(({ copyToClipboard: d }) => [
+                l(g, {
+                  "data-testid": "action-entity-copy-key",
+                  onClick: (k) => f(t, "key", d)
+                }, {
+                  default: a(() => [
+                    y(u(r(e)("credentials.actions.copy_key")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024)) : I("", !0),
+            n.config.plugin === "oauth2" ? (_(), C(m, { key: 2 }, {
+              default: a(({ copyToClipboard: d }) => [
+                l(g, {
+                  "data-testid": "action-entity-copy-secret",
+                  onClick: (k) => f(t, "client_secret", d)
+                }, {
+                  default: a(() => [
+                    y(u(r(e)("credentials.actions.copy_secret")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024)) : I("", !0),
+            n.config.plugin === "hmac-auth" ? (_(), C(m, { key: 3 }, {
+              default: a(({ copyToClipboard: d }) => [
+                l(g, {
+                  "data-testid": "action-entity-copy-secret",
+                  onClick: (k) => f(t, "secret", d)
+                }, {
+                  default: a(() => [
+                    y(u(r(e)("credentials.actions.copy_secret")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024)) : I("", !0),
+            l(m, null, {
+              default: a(({ copyToClipboard: d }) => [
+                l(g, {
+                  "data-testid": "action-entity-copy-json",
+                  onClick: (k) => f(t, void 0, d)
+                }, {
+                  default: a(() => [
+                    y(u(r(e)("credentials.actions.copy_json")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            l(r(j), {
+              "auth-function": () => n.canEdit(t)
+            }, {
+              default: a(() => [
+                l(g, {
+                  "data-testid": "action-entity-edit",
+                  "has-divider": "",
+                  item: V(t.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            l(r(j), {
+              "auth-function": () => n.canDelete(t)
+            }, {
+              default: a(() => [
+                l(g, {
+                  danger: "",
+                  "data-testid": "action-entity-delete",
+                  "has-divider": "",
+                  onClick: (d) => G(t)
+                }, {
+                  default: a(() => [
+                    y(u(r(e)("credentials.actions.delete")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"])
+          ]),
+          _: 1
+        }, 8, ["cache-identifier", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "table-headers"]),
+        l(r(ye), {
+          "action-pending": N.value,
+          description: r(e)("credentials.delete.description"),
+          "entity-type": z.value,
+          error: M.value,
+          title: r(e)(`credentials.delete.${n.config.plugin}.title`),
+          visible: A.value,
+          onCancel: Q,
+          onProceed: X
+        }, null, 8, ["action-pending", "description", "entity-type", "error", "title", "visible"])
+      ]);
+    };
+  }
+}), Ce = (n, K) => {
+  const p = n.__vccOpts || n;
+  for (const [i, e] of K)
+    p[i] = e;
+  return p;
+}, Te = /* @__PURE__ */ Ce(ke, [["__scopeId", "data-v-a8e45434"]]);
+export {
+  Te as ConsumerCredentialList
+};

package/dist/entities-consumer-credentials.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ @charset "UTF-8";.config-card-fieldset[data-v-5baf64ca]{border:solid 1px #e0e4ea;border:solid var(--kui-border-width-10, 1px) var(--kui-color-border, #e0e4ea);border-radius:4px;margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:4px}.config-card-fieldset-title[data-v-5baf64ca]{font-size:14px;font-size:var(--kui-font-size-30, 14px);padding:0 8px;padding:0 var(--kui-space-40, 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;margin:var(--kui-space-0, 0px) var(--kui-space-60, 16px)}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-2feb8c2e] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-b6987b3c]{align-items:center;border-bottom:var(--v25a763c4);box-sizing:border-box;display:var(--v1ac90e12);padding:16px;padding:var(--kui-space-60, 16px);padding-left:0;width:100%}.config-card-details-row .config-card-details-label[data-v-b6987b3c]{box-sizing:border-box;padding-right:16px;padding-right:var(--kui-space-60, 16px);width:var(--v45a716ee)}.config-card-details-row .config-card-details-label label[data-v-b6987b3c]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-b6987b3c]{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-b6987b3c]{min-width:0}.config-card-details-row .config-card-details-value[data-v-b6987b3c]{box-sizing:border-box;width:var(--v45a28b38)}.config-card-details-row .config-card-details-value .truncated[data-v-b6987b3c]{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-b6987b3c]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-b6987b3c] .k-copy:not(:last-of-type){margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.config-card-details-row .config-card-details-value .method-badge-array[data-v-b6987b3c]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-b6987b3c]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.config-card-details-row[data-v-b6987b3c] .k-label{margin-bottom:0}.config-card-details-row[data-v-b6987b3c] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-b6987b3c] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-left-radius:var(--kui-border-radius-0, 0px);border-top-right-radius:0;border-top-right-radius:var(--kui-border-radius-0, 0px)}.json-endpoint{align-items:baseline;background-color:#000933;background-color:var(--kui-color-background-inverse, #000933);border-bottom:1px solid rgba(255,255,255,.2);border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border-inverse, rgba(255, 255, 255, .2));border-top-left-radius:8px;border-top-left-radius:var(--kui-border-radius-40, 8px);border-top-right-radius:8px;border-top-right-radius:var(--kui-border-radius-40, 8px);display:flex;padding:8px 0 8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-0, 0px) var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-bottom:var(--kui-space-0, 0px);padding-top:0;padding-top:var(--kui-space-0, 0px)}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--c7479fcc);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.deck-callout[data-v-0bf1334c]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-callout .cta[data-v-0bf1334c]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);padding:0;text-decoration:underline}.generate-pat-modal[data-v-be3cd315] .modal-content{display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px)}.deck-config .k-select[data-v-f9989a30]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-config .k-code-block[data-v-f9989a30]{margin-top:12px;margin-top:var(--kui-space-50, 12px)}.deck-config .k-code-block.customization[data-v-f9989a30]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #e0e4ea;border:1px solid var(--kui-color-border, #e0e4ea);border-radius:8px;border-radius:var(--kui-border-radius-40, 8px)}.deck-config .step-title[data-v-f9989a30]{align-items:center;align-self:stretch;font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:16px}.deck-config .step-title[data-v-f9989a30]:not(:first-child){margin-top:16px;margin-top:var(--kui-space-60, 16px)}.deck-config .konnect-pat-actions[data-v-f9989a30]{align-items:center;display:flex;flex-direction:row;gap:8px;gap:var(--kui-space-40, 8px);margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .copy-konnect-pat-alert[data-v-f9989a30]{margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .customization-footer-reminder[data-v-f9989a30]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.config-card-prop-section-title[data-v-d530ff19]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card .config-card-actions[data-v-4e8b39ce]{align-items:center;display:flex;gap:16px;gap:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .config-card-actions .row[data-v-4e8b39ce]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-4e8b39ce]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px);margin-right:8px;margin-right:var(--kui-space-40, 8px)}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-4e8b39ce]{align-items:center}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-4e8b39ce] .checkbox-label{width:max-content}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-4e8b39ce]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:600;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);margin-top:48px;margin-top:var(--kui-space-110, 48px)}.kong-ui-entity-base-config-card[data-v-4e8b39ce]:not(:has(.config-card-details-after)) .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .config-card-details-after[data-v-4e8b39ce]{padding-top:16px;padding-top:var(--kui-space-60, 16px)}.kong-ui-entity-base-config-card .book-icon[data-v-4e8b39ce]{margin-left:8px;margin-left:var(--kui-space-40, 8px);padding:0;padding:var(--kui-space-0, 0px)}.kong-ui-entity-base-form[data-v-32b5ebdc]{box-sizing:border-box;max-width:1536px;max-width:var(--kui-breakpoint-desktop, 1536px);width:100%}.kong-ui-entity-base-form[data-v-32b5ebdc] .k-slideout-title{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-size:24px!important;font-size:var(--kui-font-size-70, 24px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:32px!important;line-height:var(--kui-line-height-60, 32px)!important;margin-bottom:16px!important;margin-bottom:var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .k-card.content-card{padding:0 16px!important;padding:var(--kui-space-0, 0px) var(--kui-space-60, 16px)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .tab-item>div.tab-link.has-panels{color:#6c7489!important;color:var(--kui-color-text-neutral, #6c7489)!important;font-size:14px!important;font-size:var(--kui-font-size-30, 14px)!important;font-weight:700!important;font-weight:var(--kui-font-weight-bold, 700)!important;line-height:24px!important;line-height:var(--kui-line-height-40, 24px)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .tab-item.active>div.tab-link.has-panels{color:#000933!important;color:var(--kui-color-text, #000933)!important;font-weight:600!important;font-weight:var(--kui-font-weight-semibold, 600)!important}.kong-ui-entity-base-form[data-v-32b5ebdc] .slideout-content{overflow-y:unset!important}.kong-ui-entity-base-form.new-form-layout[data-v-32b5ebdc]{border:none;padding:0}.kong-ui-entity-base-form.new-form-layout[data-v-32b5ebdc]>.card-content>form>.form-actions{justify-content:flex-start;margin-top:20px;margin-top:var(--kui-space-70, 20px)}.kong-ui-entity-base-form.new-form-layout .form-error[data-v-32b5ebdc]{margin:20px 0 0 16px;margin:var(--kui-space-70, 20px) 0 0 var(--kui-space-60, 16px)}.kong-ui-entity-base-form .button-customize-deck-wrapper[data-v-32b5ebdc]{display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.form-actions[data-v-32b5ebdc]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--kui-space-80, 24px)}.form-actions[data-v-32b5ebdc] .k-button:last-of-type,.form-actions[data-v-32b5ebdc] .k-button:nth-last-of-type(2){margin-inline-start:16px;margin-inline-start:var(--kui-space-60, 16px)}.form-actions-reverted[data-v-32b5ebdc]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-09e101d4]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-09e101d4]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-09e101d4]{display:none}.kong-ui-entity-delete-modal .message[data-v-fc366e0c],.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .message strong[data-v-fc366e0c]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entity-delete-modal .description[data-v-fc366e0c]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-modal .body-stacked-copy .description[data-v-fc366e0c]{margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .description>p[data-v-fc366e0c]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .message[data-v-fc366e0c]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal[data-v-fc366e0c] .prompt-confirmation-text{line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal-stacked-copy[data-v-fc366e0c] .prompt-content+.prompt-confirmation-container{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-error[data-v-fc366e0c]{margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-entity-filter-input[data-v-d3d2bd8b]{width:100%}.kong-ui-entity-filter-clear[data-v-d3d2bd8b]{cursor:pointer}.kong-ui-entity-filter[data-v-d3d2bd8b]{display:flex;position:relative}.kong-ui-entity-filter[data-v-d3d2bd8b] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-d3d2bd8b] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-d3d2bd8b]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-d3d2bd8b]{background-color:#fff;background-color:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:4px;border-radius:var(--kui-border-radius-20, 4px);box-shadow:0 4px 20px #e0e4ea;box-shadow:0 4px 20px var(--kui-color-border, #e0e4ea);left:0;margin-top:16px;padding:8px 0 12px;padding:var(--kui-space-40, 8px) 0 var(--kui-space-50, 12px);position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-d3d2bd8b]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:16px;line-height:var(--kui-line-height-20, 16px);list-style:none;margin:0 20px;margin:var(--kui-space-0, 0px) var(--kui-space-70, 20px);padding:16px 0;padding:var(--kui-space-60, 16px) 0;position:relative;white-space:nowrap}.menu-item-title[data-v-d3d2bd8b]{align-items:center;cursor:pointer;display:flex;line-height:24px;line-height:var(--kui-line-height-40, 24px)}.menu-item-title.expanded[data-v-d3d2bd8b]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.menu-item-expand-icon[data-v-d3d2bd8b]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-d3d2bd8b]{transform:rotate(180deg)}.menu-item-indicator[data-v-d3d2bd8b]{background-color:#0044f4;background-color:var(--kui-color-background-primary, #0044f4);border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-d3d2bd8b]{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--kui-space-60, 16px)}.menu-item-body[data-v-d3d2bd8b] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-d3d2bd8b] .k-input{width:100%}.menu-item-body[data-v-d3d2bd8b] .k-select-input .input{font-size:12px}.menu-item-body[data-v-d3d2bd8b] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-d3d2bd8b]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-d3d2bd8b]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-d3d2bd8b]{padding:12px 20px 0;padding:var(--kui-space-50, 12px) var(--kui-space-70, 20px) 0}fieldset[data-v-ccd29028]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-ccd29028]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{column-gap:16px;column-gap:var(--kui-space-60, 16px);display:flex;flex-direction:column;padding-bottom:64px;padding-bottom:var(--kui-space-130, 64px);row-gap:12px;row-gap:var(--kui-space-50, 12px);width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-ccd29028]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-ccd29028]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-ccd29028]{height:fit-content;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px);position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-ccd29028]{color:#000933;color:var(--kui-color-text, #000933);font-size:16px;font-size:var(--kui-font-size-40, 16px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px);margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-ccd29028],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-ccd29028] p{color:#000933;color:var(--kui-color-text, #000933);font-size:14px;font-size:var(--kui-font-size-30, 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-ccd29028]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-ccd29028]>*:not(:first-child){margin-top:24px;margin-top:var(--kui-space-80, 24px)}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-ccd29028]{border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea)}.kong-ui-entity-form-block .header[data-v-8e48a559]{align-items:flex-start;display:flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-entity-form-block .step[data-v-8e48a559]{align-items:center;background:#fff;background:var(--kui-color-background, #ffffff);border:1px solid #afb7c5;border:1px solid var(--kui-color-border-neutral-weak, #afb7c5);border-radius:100px;border-radius:var(--kui-border-radius-round, 100px);display:flex;flex:0 0 auto;height:32px;justify-content:center;padding:4px;padding:var(--kui-space-20, 4px);width:32px}.kong-ui-entity-form-block .header-content[data-v-8e48a559]{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);padding-top:4px;padding-top:var(--kui-space-20, 4px)}.kong-ui-entity-form-block .header-title[data-v-8e48a559]{color:#000933;color:var(--kui-color-text, #000933);font-size:18px;font-size:var(--kui-font-size-50, 18px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);line-height:24px;line-height:var(--kui-line-height-40, 24px);margin:0}.kong-ui-entity-form-block .header-description[data-v-8e48a559]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);line-height:20px;line-height:var(--kui-line-height-30, 20px);margin:0}.kong-ui-entity-form-block .header-extra[data-v-8e48a559]{align-items:center;display:flex;flex:0 0 auto;gap:8px;gap:var(--kui-space-40, 8px);justify-content:flex-end}.kong-ui-entity-form-block .content[data-v-8e48a559]{background:#f9fafb;background:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);display:flex;flex-direction:column;gap:20px;gap:var(--kui-space-70, 20px);margin-top:20px;margin-top:var(--kui-space-70, 20px);padding:20px 24px;padding:var(--kui-space-70, 20px) var(--kui-space-80, 24px)}.kong-ui-entity-form-block.stepped .content[data-v-8e48a559]{margin-left:16px;margin-left:var(--kui-space-60, 16px)}.kong-ui-public-entity-link[data-v-a18d7efa]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-a18d7efa]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-a18d7efa] .external-link-icon{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);margin-left:4px;margin-left:var(--kui-space-20, 4px);padding:2px;padding:var(--kui-space-10, 2px)}.kong-ui-public-entity-link .entity-link-label[data-v-a18d7efa]{display:inline-block;font-weight:400;font-weight:var(--kui-font-weight-regular, 400);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-a18d7efa]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-a18d7efa]{margin-left:2px;margin-left:var(--kui-space-10, 2px)}.kong-ui-public-entity-empty-state[data-v-0b2e9081]{align-items:center;background-color:#fff;background-color:var(--kui-color-background, #ffffff);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;font-family:var(--kui-font-family-text, "Inter", Roboto, Helvetica, sans-serif);gap:24px;gap:var(--kui-space-80, 24px);padding:64px 0;padding:var(--kui-space-130, 64px) var(--kui-space-0, 0px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-0b2e9081]{padding:64px 96px;padding:var(--kui-space-130, 64px) var(--kui-space-150, 96px)}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-0b2e9081]{margin-bottom:8px;margin-bottom:var(--kui-space-40, 8px)}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-0b2e9081]{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px);text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-0b2e9081]{align-items:center;color:#000933;color:var(--kui-color-text, #000933);display:flex;font-size:24px;font-size:var(--kui-font-size-70, 24px);font-weight:700;font-weight:var(--kui-font-weight-bold, 700);gap:8px;gap:var(--kui-space-40, 8px);line-height:32px;line-height:var(--kui-line-height-60, 32px);margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-0b2e9081]{font-size:18px;font-size:var(--kui-font-size-50, 18px)}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);line-height:20px;line-height:var(--kui-line-height-30, 20px);max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-0b2e9081],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-0b2e9081]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-0b2e9081]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-0b2e9081]{color:#52596e;color:var(--kui-color-text-neutral-strong, #52596e)}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-0b2e9081]{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{display:flex;flex-wrap:wrap;gap:16px;gap:var(--kui-space-60, 16px);justify-content:space-around;margin-top:8px;margin-top:var(--kui-space-40, 8px);width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb);border:1px solid #e0e4ea;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5);gap:8px;gap:var(--kui-space-40, 8px);height:160px;padding:20px;padding:var(--kui-space-70, 20px);width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);display:flex;margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-0b2e9081] .kui-icon{height:20px!important;height:var(--kui-icon-size-40, 20px)!important;width:20px!important;width:var(--kui-icon-size-40, 20px)!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-title{font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-0b2e9081] .card-content{-webkit-box-orient:vertical;color:#6c7489;color:var(--kui-color-text-neutral, #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-0b2e9081]{border-top:1px solid #e0e4ea;border-top:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);display:flex;flex-direction:column;gap:16px;gap:var(--kui-space-60, 16px);padding-top:48px;padding-top:var(--kui-space-110, 48px);width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-0b2e9081]{width:calc(624px + kui-space-60);width:calc(2 * 312px + var(--kui-space-60, kui-space-60))}}.deck-command-editor-wrapper[data-v-c024a8eb]{position:relative}.deck-command-editor-wrapper .deck-command-editor[data-v-c024a8eb]{height:300px;margin-top:12px;margin-top:var(--kui-space-50, 12px);width:100%}.deck-command-editor-wrapper .deck-command-copy-button[data-v-c024a8eb]{opacity:0;position:absolute;right:10px;top:10px;transition:opacity linear .2s;transition:opacity linear var(--kui-animation-duration-20, .2s)}.deck-command-editor-wrapper:hover .deck-command-copy-button[data-v-c024a8eb]{opacity:1}.editor-skeleton[data-v-ec59bbd1]{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.kong-ui-entities-consumer-credentials-list[data-v-a8e45434]{width:100%}

package/dist/types/components/ConsumerCredentialList.vue.d.ts ADDED Viewed

@@ -0,0 +1,92 @@
+import type { PropType } from 'vue';
+import type { AxiosError } from 'axios';
+import type { KongManagerConsumerCredentialListConfig, KonnectConsumerCredentialListConfig, EntityRow, CopyEventPayload } from '../types';
+import '@kong-ui-public/entities-shared/dist/style.css';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+        type: PropType<KonnectConsumerCredentialListConfig | KongManagerConsumerCredentialListConfig>;
+        required: true;
+        validator: (config: KonnectConsumerCredentialListConfig | KongManagerConsumerCredentialListConfig) => boolean;
+    };
+    cacheIdentifier: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can create a new entity */
+    canCreate: {
+        type: PropType<() => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can delete a given entity */
+    canDelete: {
+        type: PropType<(row: EntityRow) => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can edit a given entity */
+    canEdit: {
+        type: PropType<(row: EntityRow) => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** default to false, setting to true will teleport the toolbar button to the destination in the consuming app */
+    useActionOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (error: AxiosError<unknown, any>) => any;
+    "copy:success": (payload: CopyEventPayload) => any;
+    "copy:error": (payload: CopyEventPayload) => any;
+    "delete:success": (credential: EntityRow) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+        type: PropType<KonnectConsumerCredentialListConfig | KongManagerConsumerCredentialListConfig>;
+        required: true;
+        validator: (config: KonnectConsumerCredentialListConfig | KongManagerConsumerCredentialListConfig) => boolean;
+    };
+    cacheIdentifier: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can create a new entity */
+    canCreate: {
+        type: PropType<() => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can delete a given entity */
+    canDelete: {
+        type: PropType<(row: EntityRow) => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can edit a given entity */
+    canEdit: {
+        type: PropType<(row: EntityRow) => boolean | Promise<boolean>>;
+        required: false;
+        default: () => Promise<boolean>;
+    };
+    /** default to false, setting to true will teleport the toolbar button to the destination in the consuming app */
+    useActionOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onError?: ((error: AxiosError<unknown, any>) => any) | undefined;
+    "onCopy:success"?: ((payload: CopyEventPayload) => any) | undefined;
+    "onCopy:error"?: ((payload: CopyEventPayload) => any) | undefined;
+    "onDelete:success"?: ((credential: EntityRow) => any) | undefined;
+}>, {
+    cacheIdentifier: string;
+    canCreate: () => boolean | Promise<boolean>;
+    canDelete: (row: EntityRow) => boolean | Promise<boolean>;
+    canEdit: (row: EntityRow) => boolean | Promise<boolean>;
+    useActionOutside: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ConsumerCredentialList.vue.d.ts.map

package/dist/types/components/ConsumerCredentialList.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConsumerCredentialList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConsumerCredentialList.vue"],"names":[],"mappings":"AAqeA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAevC,OAAO,KAAK,EAEV,uCAAuC,EACvC,mCAAmC,EACnC,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AAMjB,OAAO,gDAAgD,CAAA;AAi6BvD,QAAA,MAAM,YAAY;IAGhB,oHAAoH;;cAElG,QAAQ,CAAC,mCAAmC,GAAG,uCAAuC,CAAC;;4BAEnF,mCAAmC,GAAG,uCAAuC,KAAG,OAAO;;;;;;IAW7G,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;IAjCjH,oHAAoH;;cAElG,QAAQ,CAAC,mCAAmC,GAAG,uCAAuC,CAAC;;4BAEnF,mCAAmC,GAAG,uCAAuC,KAAG,OAAO;;;;;;IAW7G,yHAAyH;;cAErG,QAAQ,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI9D,2HAA2H;;cAEvG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,yHAAyH;;cAErG,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;;;;;;;;qBAhB9E,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;qBAM1B,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;mBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;;4EAU3E,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@

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

package/dist/types/consumer-credentials-endpoints.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+declare const _default: {
+    list: {
+        konnect: string;
+        kongManager: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=consumer-credentials-endpoints.d.ts.map

package/dist/types/consumer-credentials-endpoints.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"consumer-credentials-endpoints.d.ts","sourceRoot":"","sources":["../../src/consumer-credentials-endpoints.ts"],"names":[],"mappings":";;;;;;AAAA,wBAKC"}

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

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

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,yCAAyC,CAAA;AAE5E,OAAO,EAAE,sBAAsB,EAAE,CAAA;AAEjC,cAAc,SAAS,CAAA"}

package/dist/types/types/consumer-credential-list.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import type { RouteLocationRaw } from 'vue-router';
+import type { KongManagerBaseTableConfig, KonnectBaseTableConfig } from '@kong-ui-public/entities-shared';
+export type CredentialPlugins = 'acls' | 'basic-auth' | 'key-auth' | 'key-auth-enc' | 'oauth2' | 'hmac-auth' | 'jwt';
+export interface BaseConsumerCredentialListConfig {
+    /** Consumer ID */
+    consumerId: string;
+    /** Credential plugin name */
+    plugin: CredentialPlugins;
+    /** Route for creating a consumer credential */
+    createRoute: RouteLocationRaw;
+    /** A function that returns the route for editing a consumer credential */
+    getEditRoute: (id: string) => RouteLocationRaw;
+}
+/** Konnect consumer credential list config */
+export interface KonnectConsumerCredentialListConfig extends KonnectBaseTableConfig, BaseConsumerCredentialListConfig {
+}
+/** Kong Manager consumer credential list config */
+export interface KongManagerConsumerCredentialListConfig extends KongManagerBaseTableConfig, BaseConsumerCredentialListConfig {
+}
+export interface EntityRow extends Record<string, any> {
+    id: string;
+}
+/** Copy field event payload */
+export interface CopyEventPayload {
+    /** The entity row */
+    entity: EntityRow;
+    /** The field being copied. If omitted, the entity JSON is being copied. */
+    field?: string;
+    /** The toaster message */
+    message: string;
+}
+//# sourceMappingURL=consumer-credential-list.d.ts.map

package/dist/types/types/consumer-credential-list.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"consumer-credential-list.d.ts","sourceRoot":"","sources":["../../../src/types/consumer-credential-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AAEzG,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,cAAc,GAAG,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAA;AAEpH,MAAM,WAAW,gCAAgC;IAC/C,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,MAAM,EAAE,iBAAiB,CAAA;IACzB,+CAA+C;IAC/C,WAAW,EAAE,gBAAgB,CAAA;IAC7B,0EAA0E;IAC1E,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,gBAAgB,CAAA;CAC/C;AAED,8CAA8C;AAC9C,MAAM,WAAW,mCAAoC,SAAQ,sBAAsB,EAAE,gCAAgC;CAAG;AAExH,mDAAmD;AACnD,MAAM,WAAW,uCAAwC,SAAQ,0BAA0B,EAAE,gCAAgC;CAAG;AAEhI,MAAM,WAAW,SAAU,SAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACpD,EAAE,EAAE,MAAM,CAAA;CACX;AAED,+BAA+B;AAC/B,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB;IACrB,MAAM,EAAE,SAAS,CAAA;IACjB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAA;CAChB"}

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

	@@ -0,0 +1,2 @@
1	+ export * from './consumer-credential-list';
2	+ //# sourceMappingURL=index.d.ts.map

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

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-consumer-credentials",
-  "version": "3.8.2-pr.3235.1ca65bc7d.0",
+  "version": "3.8.2",
   "type": "module",
   "main": "./dist/entities-consumer-credentials.umd.js",
   "module": "./dist/entities-consumer-credentials.es.js",
@@ -26,7 +26,7 @@
     "axios": "^1.15.2",
     "vue": ">= 3.3.13 < 4",
     "vue-router": "^4.6.4 || ^5.0.6",
-    "@kong-ui-public/entities-shared": "^3.45.2-pr.3235.1ca65bc7d.0",
+    "@kong-ui-public/entities-shared": "^3.45.2",
     "@kong-ui-public/i18n": "^2.4.6"
   },
   "devDependencies": {
@@ -36,7 +36,7 @@
     "axios": "^1.15.2",
     "vue": "^3.5.33",
     "vue-router": "^5.0.6",
-    "@kong-ui-public/entities-shared": "^3.45.2-pr.3235.1ca65bc7d.0",
+    "@kong-ui-public/entities-shared": "^3.45.2",
     "@kong-ui-public/i18n": "^2.4.6"
   },
   "repository": {