npm - @kong-ui-public/entities-consumer-credentials - Versions diffs - 3.11.2-pr.3869.e876c8c8a.0 → 3.11.2 - Mend

@kong-ui-public/entities-consumer-credentials 3.11.2-pr.3869.e876c8c8a.0 → 3.11.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 +396 -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,396 @@
+import { defineComponent as Y, computed as B, ref as m, watch as Z, onBeforeMount as ee, resolveComponent as D, openBlock as b, createElementBlock as te, createVNode as i, unref as l, withCtx as a, createTextVNode as u, toDisplayString as s, createBlock as k, createCommentVNode as I, createElementVNode as E, 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, useManagedByColumn as re, useFetcher as se, useDeleteUrlBuilder as oe, EntityTypes as de, FetcherStatus as ue, EntityBaseTable as he, PermissionsWrapper as M, getManagedByLabel as ye, TableTags as pe, EntityDeleteModal as ge } from "@kong-ui-public/entities-shared";
+const fe = { 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" } }, me = {
+  credentials: fe
+};
+function be() {
+  const c = ce("en-us", me);
+  return {
+    i18n: c,
+    i18nT: le(c)
+    // Translation component <i18n-t>
+  };
+}
+const _e = {
+  useI18n: be
+}, ke = {
+  list: {
+    konnect: "/v2/control-planes/{controlPlaneId}/core-entities/{workspace}/consumers/{consumerId}/{plugin}",
+    kongManager: "/{workspace}/consumers/{consumerId}/{plugin}"
+  }
+}, Ce = { class: "kong-ui-entities-consumer-credentials-list" }, ve = /* @__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: (c) => !(!c || !["konnect", "kongManager"].includes(c?.app) || !c.createRoute || !c.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(c, { emit: N }) {
+    const h = N, r = c, { i18n: { t: e, formatUnixTimeStamp: O } } = _e.useI18n(), { axiosInstance: S } = ie(r.config?.axiosRequestConfig), P = {
+      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") }
+      }
+    }, { defaultTablePreferences: F, tableHeaders: L } = re(() => P[r.config.plugin]), j = B(() => {
+      let n = `${r.config.apiBaseUrl}${ke.list[r.config.app]}`;
+      return r.config.app === "konnect" && (n = n.replace(/{controlPlaneId}/gi, r.config.controlPlaneId || "")), n.replace(/\/{workspace}/gi, r.config.workspace ? `/${r.config.workspace}` : "").replace(/{consumerId}/gi, r.config.consumerId || "").replace(/{plugin}/gi, r.config.plugin || "");
+    }), {
+      fetcher: R,
+      fetcherState: U,
+      fetcherCacheKey: K
+    } = se(B(() => ({ ...r.config, cacheIdentifier: r.cacheIdentifier })), j), J = () => {
+      K.value++;
+    }, C = m(null), p = async (n, o, T) => {
+      const g = o ? n[o] : JSON.stringify(n);
+      if (!await T(g)) {
+        H(n, o);
+        return;
+      }
+      q(n, o);
+    }, q = (n, o) => {
+      h("copy:success", {
+        entity: n,
+        field: o,
+        message: o && !["password", "key", "client_secret", "secret"].includes(o) ? e("credentials.copy.success", { val: n[o] }) : e("credentials.copy.success_brief")
+      });
+    }, H = (n, o) => {
+      h("copy:error", {
+        entity: n,
+        field: o,
+        message: e("credentials.error.copy")
+      });
+    }, V = (n) => ({
+      label: e("credentials.actions.edit"),
+      to: r.config.getEditRoute(n)
+    }), v = m(void 0), w = m(!1), A = m(!1), $ = m(""), W = oe(r.config, j.value), z = B(() => de[r.config.plugin]), G = (n) => {
+      v.value = n, w.value = !0;
+    }, Q = () => {
+      w.value = !1;
+    }, X = async () => {
+      if (v.value?.id) {
+        A.value = !0;
+        try {
+          await S.delete(W(v.value.id)), A.value = !1, w.value = !1, K.value++, h("delete:success", v.value);
+        } catch (n) {
+          $.value = n.response?.data?.message || n.message || e("credentials.error.delete"), h("error", n);
+        } finally {
+          A.value = !1;
+        }
+      }
+    };
+    Z(U, (n) => {
+      if (n.status === ue.Error) {
+        C.value = {
+          title: e("credentials.error.general")
+        }, n.error?.response?.data?.message && (C.value.message = n.error.response.data.message), h("error", n.error);
+        return;
+      }
+      C.value = null;
+    });
+    const x = m({
+      ctaPath: r.config.createRoute,
+      ctaText: void 0,
+      message: "",
+      title: e("credentials.title")
+    });
+    return ee(async () => {
+      await r.canCreate() && (x.value.title = e(`credentials.list.empty_state.${r.config.plugin}.title`), x.value.ctaText = e(`credentials.list.empty_state.${r.config.plugin}.cta`));
+    }), (n, o) => {
+      const T = D("KButton"), g = D("KCopy"), y = D("KDropdownItem"), f = D("KClipboardProvider");
+      return b(), te("div", Ce, [
+        i(l(he), {
+          "cache-identifier": c.cacheIdentifier,
+          "default-table-preferences": l(F),
+          "disable-row-click": "",
+          "disable-sorting": "",
+          "empty-state-options": x.value,
+          "enable-entity-actions": "",
+          "error-message": C.value,
+          fetcher: l(R),
+          "fetcher-cache-key": l(K),
+          "pagination-type": "offset",
+          "preferences-storage-key": "kong-ui-entities-consumer-credentials-list",
+          "table-headers": l(L),
+          onSort: J
+        }, {
+          "toolbar-button": a(() => [
+            (b(), k(ae, {
+              disabled: !c.useActionOutside,
+              to: "#kong-ui-app-page-header-action-button"
+            }, [
+              i(l(M), {
+                "auth-function": () => c.canCreate()
+              }, {
+                default: a(() => [
+                  i(T, {
+                    appearance: "primary",
+                    "data-testid": "toolbar-add-credential",
+                    size: c.useActionOutside ? "medium" : "large",
+                    to: c.config.createRoute
+                  }, {
+                    default: a(() => [
+                      i(l(ne)),
+                      u(" " + s(l(e)(`credentials.list.toolbar_actions.${c.config.plugin}.new`)), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["size", "to"])
+                ]),
+                _: 1
+              }, 8, ["auth-function"])
+            ], 8, ["disabled"]))
+          ]),
+          group: a(({ rowValue: t }) => [
+            E("b", null, s(t ?? "-"), 1)
+          ]),
+          name: a(({ rowValue: t }) => [
+            E("b", null, s(t ?? "-"), 1)
+          ]),
+          username: a(({ rowValue: t }) => [
+            E("span", null, s(t ?? "-"), 1)
+          ]),
+          password: a(({ rowValue: t }) => [
+            i(g, {
+              format: "redacted",
+              text: t,
+              truncate: ""
+            }, null, 8, ["text"])
+          ]),
+          key: a(({ rowValue: t }) => [
+            i(g, {
+              format: "redacted",
+              text: t,
+              truncate: ""
+            }, null, 8, ["text"])
+          ]),
+          client_secret: a(({ rowValue: t }) => [
+            i(g, {
+              format: "redacted",
+              text: t,
+              truncate: ""
+            }, null, 8, ["text"])
+          ]),
+          secret: a(({ rowValue: t }) => [
+            i(g, {
+              format: "redacted",
+              text: t,
+              truncate: ""
+            }, null, 8, ["text"])
+          ]),
+          created_at: a(({ rowValue: t }) => [
+            u(s(l(O)(t)), 1)
+          ]),
+          tags: a(({ rowValue: t }) => [
+            i(l(pe), { tags: t }, null, 8, ["tags"])
+          ]),
+          managed_by: a(({ rowValue: t }) => [
+            u(s(l(ye)(t) ?? "-"), 1)
+          ]),
+          actions: a(({ row: t }) => [
+            i(f, null, {
+              default: a(({ copyToClipboard: d }) => [
+                i(y, {
+                  "data-testid": "action-entity-copy-id",
+                  onClick: (_) => p(t, "id", d)
+                }, {
+                  default: a(() => [
+                    u(s(l(e)("credentials.actions.copy_id")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            c.config.plugin === "basic-auth" ? (b(), k(f, { key: 0 }, {
+              default: a(({ copyToClipboard: d }) => [
+                i(y, {
+                  "data-testid": "action-entity-copy-credential",
+                  onClick: (_) => p(t, "password", d)
+                }, {
+                  default: a(() => [
+                    u(s(l(e)("credentials.actions.copy_credential")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024)) : I("", !0),
+            ["key-auth", "key-auth-enc", "jwt"].includes(c.config.plugin) ? (b(), k(f, { key: 1 }, {
+              default: a(({ copyToClipboard: d }) => [
+                i(y, {
+                  "data-testid": "action-entity-copy-key",
+                  onClick: (_) => p(t, "key", d)
+                }, {
+                  default: a(() => [
+                    u(s(l(e)("credentials.actions.copy_key")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024)) : I("", !0),
+            c.config.plugin === "oauth2" ? (b(), k(f, { key: 2 }, {
+              default: a(({ copyToClipboard: d }) => [
+                i(y, {
+                  "data-testid": "action-entity-copy-secret",
+                  onClick: (_) => p(t, "client_secret", d)
+                }, {
+                  default: a(() => [
+                    u(s(l(e)("credentials.actions.copy_secret")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024)) : I("", !0),
+            c.config.plugin === "hmac-auth" ? (b(), k(f, { key: 3 }, {
+              default: a(({ copyToClipboard: d }) => [
+                i(y, {
+                  "data-testid": "action-entity-copy-secret",
+                  onClick: (_) => p(t, "secret", d)
+                }, {
+                  default: a(() => [
+                    u(s(l(e)("credentials.actions.copy_secret")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024)) : I("", !0),
+            i(f, null, {
+              default: a(({ copyToClipboard: d }) => [
+                i(y, {
+                  "data-testid": "action-entity-copy-json",
+                  onClick: (_) => p(t, void 0, d)
+                }, {
+                  default: a(() => [
+                    u(s(l(e)("credentials.actions.copy_json")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            i(l(M), {
+              "auth-function": () => c.canEdit(t)
+            }, {
+              default: a(() => [
+                i(y, {
+                  "data-testid": "action-entity-edit",
+                  "has-divider": "",
+                  item: V(t.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            i(l(M), {
+              "auth-function": () => c.canDelete(t)
+            }, {
+              default: a(() => [
+                i(y, {
+                  danger: "",
+                  "data-testid": "action-entity-delete",
+                  "has-divider": "",
+                  onClick: (d) => G(t)
+                }, {
+                  default: a(() => [
+                    u(s(l(e)("credentials.actions.delete")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"])
+          ]),
+          _: 1
+        }, 8, ["cache-identifier", "default-table-preferences", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "table-headers"]),
+        i(l(ge), {
+          "action-pending": A.value,
+          description: l(e)("credentials.delete.description"),
+          "entity-type": z.value,
+          error: $.value,
+          title: l(e)(`credentials.delete.${c.config.plugin}.title`),
+          visible: w.value,
+          onCancel: Q,
+          onProceed: X
+        }, null, 8, ["action-pending", "description", "entity-type", "error", "title", "visible"])
+      ]);
+    };
+  }
+}), we = (c, N) => {
+  const h = c.__vccOpts || c;
+  for (const [r, e] of N)
+    h[r] = e;
+  return h;
+}, Ne = /* @__PURE__ */ we(ve, [["__scopeId", "data-v-13102d85"]]);
+export {
+  Ne as ConsumerCredentialList
+};

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

@@ -0,0 +1 @@

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .deck-command-editor-wrapper[data-v-2da602e1]{isolation:isolate;position:relative}.deck-command-editor-wrapper .deck-command-editor[data-v-2da602e1]{height:300px;margin-top:12px;margin-top:var(--kui-space-50, 12px);width:100%}.deck-command-editor-wrapper .deck-command-copy-button[data-v-2da602e1]{opacity:0;position:absolute;right:10px;top:10px;transition:opacity linear .2s;transition:opacity linear var(--kui-animation-duration-20, .2s);z-index:10000}.deck-command-editor-wrapper:hover .deck-command-copy-button[data-v-2da602e1]{opacity:1}.editor-skeleton[data-v-ec59bbd1]{margin-top:4px;margin-top:var(--kui-space-20, 4px)}.kong-ui-onboarding-card[data-v-10c7d0b0]{background-color:#f9fafb;background-color:var(--kui-color-background-neutral-weakest, #f9fafb)}.kong-ui-onboarding-card .onboarding-card-subtitle[data-v-10c7d0b0]{color:#3a3f51;color:var(--kui-color-text-neutral-stronger, #3a3f51);font-size:14px;font-size:var(--kui-font-size-30, 14px);font-weight:400;font-weight:var(--kui-font-weight-regular, 400);margin-top:4px;margin-top:var(--kui-space-20, 4px)}.kong-ui-onboarding-card .onboarding-items-grid[data-v-10c7d0b0]{display:grid;gap:16px;gap:var(--kui-space-60, 16px);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.kong-ui-onboarding-card .onboarding-item-wrapper[data-v-10c7d0b0]{background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;padding:0;padding:var(--kui-space-0, 0px);text-align:left;text-decoration:none}.kong-ui-onboarding-card .onboarding-item-wrapper.is-static[data-v-10c7d0b0]{cursor:default}.kong-ui-onboarding-card .onboarding-item-wrapper:not(.is-static):hover .onboarding-item[data-v-10c7d0b0]{border-color:#0044f4;border-color:var(--kui-color-border-primary, #0044f4)}.kong-ui-onboarding-card .onboarding-item-wrapper .onboarding-item[data-v-10c7d0b0]{flex:1}.kong-ui-onboarding-card .onboarding-item-wrapper .onboarding-item[data-v-10c7d0b0] .card-content{align-items:center;display:flex;gap:12px;gap:var(--kui-space-50, 12px)}.kong-ui-onboarding-card .onboarding-item-wrapper .onboarding-item[data-v-10c7d0b0]:not(.vertical-item) .card-content{flex-direction:row}.kong-ui-onboarding-card .onboarding-item-wrapper .onboarding-item.vertical-item[data-v-10c7d0b0] .card-content{align-items:center;flex-direction:column;justify-content:center;text-align:center}.kong-ui-onboarding-card .onboarding-item-wrapper .onboarding-item.vertical-item[data-v-10c7d0b0] .card-content .onboarding-item-content{flex:none}.kong-ui-onboarding-card .onboarding-item-icon-box[data-v-10c7d0b0]{align-items:center;border:1px solid transparent;border:var(--kui-border-width-10, 1px) solid transparent;border-radius:8px;border-radius:var(--kui-border-radius-40, 8px);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.kong-ui-onboarding-card .onboarding-item-content[data-v-10c7d0b0]{flex:1;min-width:0}.kong-ui-onboarding-card .onboarding-item-title[data-v-10c7d0b0]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-onboarding-card .onboarding-item-description[data-v-10c7d0b0]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-size:var(--kui-font-size-20, 12px);line-height:16px;line-height:var(--kui-line-height-20, 16px);margin-top:4px;margin-top:var(--kui-space-20, 4px);overflow-wrap:break-word}.kong-ui-onboarding-card .onboarding-item-append-icon[data-v-10c7d0b0]{flex-shrink:0}.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-6996418f] .k-button.navigation-button{font-size:14px;font-weight:400}.navigation-link[data-v-6996418f]{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-size:14px;font-weight:400;text-decoration:underline}.navigation-subtitle[data-v-6996418f]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);font-size:12px;font-weight:400}.config-card-details-row[data-v-b5a200cb]{align-items:center;border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border, #e0e4ea);box-sizing:border-box;display:flex;padding:16px;padding:var(--kui-space-60, 16px);padding-left:0;width:100%}.config-card-details-row.json-array-item[data-v-b5a200cb]{border-bottom:none}.config-card-details-row.json-item[data-v-b5a200cb]{display:block}.config-card-details-row .config-card-details-label[data-v-b5a200cb]{box-sizing:border-box;padding-right:16px;padding-right:var(--kui-space-60, 16px);width:25%}.config-card-details-row .config-card-details-label.json-item-label[data-v-b5a200cb]{width:100%}.config-card-details-row .config-card-details-label.slim-label[data-v-b5a200cb]{width:50%}.config-card-details-row .config-card-details-label label[data-v-b5a200cb]{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-b5a200cb]{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-b5a200cb]{min-width:0}.config-card-details-row .config-card-details-value[data-v-b5a200cb]{box-sizing:border-box;width:75%}.config-card-details-row .config-card-details-value.json-item-value[data-v-b5a200cb]{width:100%}.config-card-details-row .config-card-details-value.slim-value[data-v-b5a200cb]{width:50%}.config-card-details-row .config-card-details-value .truncated[data-v-b5a200cb]{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-b5a200cb]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-b5a200cb] .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-b5a200cb]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-b5a200cb]{margin-right:4px;margin-right:var(--kui-space-20, 4px)}.config-card-details-row[data-v-b5a200cb] .k-label{margin-bottom:0}.config-card-details-row[data-v-b5a200cb] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-b5a200cb] .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:#fff;background-color:var(--kui-color-background, #ffffff);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;gap:6px;gap:var(--kui-space-30, 6px);padding:8px 0;padding:var(--kui-space-40, 8px) var(--kui-space-0, 0px)}.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(--v06a68197);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-81758ed8]{margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.deck-config .k-code-block[data-v-81758ed8]{margin-top:12px;margin-top:var(--kui-space-50, 12px)}.deck-config .k-code-block.customization[data-v-81758ed8]{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-81758ed8]{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-81758ed8]:not(:first-child){margin-top:16px;margin-top:var(--kui-space-60, 16px)}.deck-config .konnect-pat-actions[data-v-81758ed8]{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-81758ed8]{margin-top:8px;margin-top:var(--kui-space-40, 8px)}.deck-config .customization-secret-advise[data-v-81758ed8]{font-size:14px;font-size:var(--kui-font-size-30, 14px);opacity:.7}.deck-config .customization-footer-reminder[data-v-81758ed8]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.config-card-prop-section-title[data-v-83075649]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);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-40eb9709]{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-40eb9709]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-40eb9709]{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-40eb9709]{align-items:center}.kong-ui-entity-base-config-card .config-card-actions .sensitive-fields-checkbox[data-v-40eb9709] .checkbox-label{width:max-content}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-40eb9709]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);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-40eb9709] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-40eb9709]{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-b3590221]{box-sizing:border-box;max-width:1536px;max-width:var(--kui-breakpoint-desktop, 1536px);width:100%}.kong-ui-entity-base-form[data-v-b3590221] .k-slideout-title{color:#0d0e14!important;color:var(--kui-color-text, #0d0e14)!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-b3590221] .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-b3590221] .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-b3590221] .tab-item.active>div.tab-link.has-panels{color:#0d0e14!important;color:var(--kui-color-text, #0d0e14)!important;font-weight:600!important;font-weight:var(--kui-font-weight-semibold, 600)!important}.kong-ui-entity-base-form[data-v-b3590221] .slideout-content{overflow-y:unset!important}.kong-ui-entity-base-form.new-form-layout[data-v-b3590221]{background-color:#0000;background-color:var(--kui-color-background-transparent, rgba(0, 0, 0, 0));border:none;padding:0}.kong-ui-entity-base-form.new-form-layout[data-v-b3590221]>.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-b3590221]{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-b3590221]{display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--kui-space-60, 16px)}.form-actions[data-v-b3590221]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px;margin-top:var(--kui-space-80, 24px)}.form-actions[data-v-b3590221] .k-button:last-of-type,.form-actions[data-v-b3590221] .k-button:nth-last-of-type(2){margin-inline-start:16px;margin-inline-start:var(--kui-space-60, 16px)}.form-actions-reverted[data-v-b3590221]{direction:rtl}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-bcc0ec48]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-bcc0ec48]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-bcc0ec48]{display:none}.kong-ui-entity-delete-modal .message[data-v-61f55f42],.kong-ui-entity-delete-modal .description[data-v-61f55f42]{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-61f55f42]{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.kong-ui-entity-delete-modal .description[data-v-61f55f42]{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-modal .extra[data-v-61f55f42]{margin-top:16px;margin-top:var(--kui-space-60, 16px)}.kong-ui-entity-delete-modal .body-stacked-copy .description[data-v-61f55f42]{margin-top:0;margin-top:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .description>p[data-v-61f55f42]{margin:0;margin:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal .body-stacked-copy .message[data-v-61f55f42]{margin-bottom:0;margin-bottom:var(--kui-space-0, 0px)}.kong-ui-entity-delete-modal[data-v-61f55f42] .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-61f55f42] .prompt-content+.prompt-confirmation-container{margin-top:32px;margin-top:var(--kui-space-90, 32px)}.kong-ui-entity-delete-error[data-v-61f55f42]{margin-bottom:12px;margin-bottom:var(--kui-space-50, 12px)}.kong-ui-entity-filter-input[data-v-10015be6]{width:100%}.kong-ui-entity-filter-clear[data-v-10015be6]{cursor:pointer}.kong-ui-entity-filter[data-v-10015be6]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10015be6] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10015be6] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10015be6]{inset:0;position:fixed;z-index:1050}.kong-ui-entity-filter-menu[data-v-10015be6]{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-10015be6]{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-10015be6]{align-items:center;cursor:pointer;display:flex;line-height:24px;line-height:var(--kui-line-height-40, 24px)}.menu-item-title.expanded[data-v-10015be6]{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.menu-item-expand-icon[data-v-10015be6]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10015be6]{transform:rotate(180deg)}.menu-item-indicator[data-v-10015be6]{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-10015be6]{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--kui-space-60, 16px)}.menu-item-body[data-v-10015be6] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10015be6] .k-input{width:100%}.menu-item-body[data-v-10015be6] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10015be6] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10015be6]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10015be6]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10015be6]{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:#0d0e14;color:var(--kui-color-text, #0d0e14);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:#0d0e14;color:var(--kui-color-text, #0d0e14);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-7dd2f21d]{align-items:flex-start;display:flex;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-entity-form-block .step[data-v-7dd2f21d]{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-7dd2f21d]{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-7dd2f21d]{color:#0d0e14;color:var(--kui-color-text, #0d0e14);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-7dd2f21d]{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-7dd2f21d]{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-7dd2f21d]{background:#fff;background:var(--kui-color-background, #ffffff);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-7dd2f21d]{margin-left:16px;margin-left:var(--kui-space-60, 16px)}.kong-ui-public-entity-link[data-v-6668aea9]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-6668aea9]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-6668aea9]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-6668aea9] .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-6668aea9]{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-6668aea9]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-6668aea9]{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:#0d0e14;color:var(--kui-color-text, #0d0e14);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))}}.kong-ui-public-sensitive-input[data-v-f64f729c]{display:flex;flex-direction:column;gap:8px;gap:var(--kui-space-40, 8px)}.kong-ui-public-sensitive-input[data-v-f64f729c] .after-content-wrapper{align-items:center;gap:4px!important;gap:var(--kui-space-20, 4px)!important}.kong-ui-public-sensitive-input[data-v-f64f729c] .input{padding-right:var(--v673e9b78)!important}.kong-ui-public-sensitive-input .sensitive-input-action[data-v-f64f729c]{color:#0044f4;color:var(--kui-color-text-primary, #0044f4);font-weight:600;font-weight:var(--kui-font-weight-semibold, 600);white-space:nowrap}.kong-ui-public-sensitive-input .sensitive-input-toggle[data-v-f64f729c]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:pointer}.kong-ui-public-sensitive-input .sensitive-input-error-message[data-v-f64f729c]{color:#d60027;color:var(--kui-color-text-danger, #d60027);font-size:12px;font-size:var(--kui-font-size-20, 12px);margin-top:-4px;margin-top:calc(-1 * var(--kui-space-20, 4px))}.kong-ui-public-sensitive-input .sensitive-input-textarea-actions[data-v-f64f729c]{display:flex;justify-content:flex-end}.kong-ui-public-sensitive-input .sensitive-input-hint[data-v-f64f729c]{align-items:center;background-color:#eefaff;background-color:var(--kui-color-background-info-weakest, #eefaff);border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);color:#0044f4;color:var(--kui-color-text-info, #0044f4);display:flex;gap:8px;gap:var(--kui-space-40, 8px);padding:8px 12px;padding:var(--kui-space-40, 8px) var(--kui-space-50, 12px)}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-icon[data-v-f64f729c]{flex-shrink:0}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-hint-text[data-v-f64f729c]{flex:1;font-size:14px;font-size:var(--kui-font-size-30, 14px)}.kong-ui-public-sensitive-input .sensitive-input-hint .sensitive-input-copy[data-v-f64f729c]{display:inline-flex;font-size:12px;font-size:var(--kui-font-size-20, 12px);gap:4px;gap:var(--kui-space-20, 4px)}.kong-ui-entities-consumer-credentials-list[data-v-13102d85]{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>) => 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>) => 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":"AA8eA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiBvC,OAAO,KAAK,EAEV,uCAAuC,EACvC,mCAAmC,EACnC,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AAMjB,OAAO,gDAAgD,CAAA;AAy7BvD,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.11.2-pr.3869.e876c8c8a.0",
+  "version": "3.11.2",
   "type": "module",
   "main": "./dist/entities-consumer-credentials.umd.js",
   "module": "./dist/entities-consumer-credentials.es.js",
@@ -21,7 +21,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@kong-ui-public/entities-shared": "^3.68.2-pr.3869.e876c8c8a.0",
+    "@kong-ui-public/entities-shared": "^3.68.2",
     "@kong-ui-public/i18n": "^2.5.1",
     "@kong/icons": "^1.58.0",
     "@kong/kongponents": "^9.64.0",
@@ -30,7 +30,7 @@
     "vue-router": "^4.6.4 || ^5.0.6"
   },
   "devDependencies": {
-    "@kong-ui-public/entities-shared": "^3.68.2-pr.3869.e876c8c8a.0",
+    "@kong-ui-public/entities-shared": "^3.68.2",
     "@kong-ui-public/i18n": "^2.5.1",
     "@kong/design-tokens": "3.3.1",
     "@kong/icons": "^1.62.1",