npm - @kong-ui-public/entities-snis - Versions diffs - 3.7.28-pr.2132.c7fba69a4.0 → 3.7.28 - Mend

@kong-ui-public/entities-snis 3.7.28-pr.2132.c7fba69a4.0 → 3.7.28

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 (22) hide show

package/dist/entities-snis.es.js +707 -0
package/dist/entities-snis.umd.js +1 -0
package/dist/style.css +1 -0
package/dist/types/components/SniForm.vue.d.ts +43 -0
package/dist/types/components/SniForm.vue.d.ts.map +1 -0
package/dist/types/components/SniList.vue.d.ts +123 -0
package/dist/types/components/SniList.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/index.d.ts +5 -0
package/dist/types/index.d.ts.map +1 -0
package/dist/types/snis-endpoints.d.ts +26 -0
package/dist/types/snis-endpoints.d.ts.map +1 -0
package/dist/types/types/index.d.ts +3 -0
package/dist/types/types/index.d.ts.map +1 -0
package/dist/types/types/sni-form.d.ts +35 -0
package/dist/types/types/sni-form.d.ts.map +1 -0
package/dist/types/types/sni-list.d.ts +32 -0
package/dist/types/types/sni-list.d.ts.map +1 -0
package/package.json +3 -3

package/dist/entities-snis.es.js ADDED Viewed

@@ -0,0 +1,707 @@
+import { defineComponent as ge, computed as g, ref as k, watch as le, onBeforeMount as ye, resolveComponent as D, openBlock as b, createElementBlock as G, createVNode as u, unref as a, createSlots as de, withCtx as d, createBlock as F, Teleport as ue, createElementVNode as L, createCommentVNode as ve, createTextVNode as U, toDisplayString as I, reactive as fe } from "vue";
+import { useRouter as he } from "vue-router";
+import { createI18n as Ce, i18nTComponent as _e } from "@kong-ui-public/i18n";
+import { useAxios as be, useTableState as Ee, useFetcher as $e, useDeleteUrlBuilder as we, FetcherStatus as Ne, EntityBaseTable as Me, EntityFilter as xe, PermissionsWrapper as se, TableTags as De, EntityEmptyState as Fe, EntityDeleteModal as Re, EntityTypes as Be, useErrors as Te, EntityBaseFormType as re, useDebouncedFilter as Ve, EntityBaseForm as Ke, SupportedEntityType as Oe, EntityFormSection as pe } from "@kong-ui-public/entities-shared";
+import { BookIcon as me, AddIcon as Ue, CloudIcon as Pe } from "@kong/icons";
+const qe = {
+  create: "New SNI",
+  copy_id: "Copy ID",
+  copy_json: "Copy JSON",
+  edit: "Edit",
+  delete: "Delete",
+  clear: "Clear",
+  loading: "Loading..."
+}, Ae = {
+  placeholder: "Filter by exact name or ID",
+  no_results: "No results found"
+}, Le = {
+  title: "SNIs",
+  list: {
+    toolbar_actions: {
+      new: "New SNI"
+    },
+    table_headers: {
+      name: "Name",
+      id: "ID",
+      certificate_id: "SSL Certificate ID",
+      tags: "Tags"
+    },
+    empty_state: {
+      title: "Configure a New SNI",
+      description: "SNIs are used to map hostnames to a certificate."
+    },
+    empty_state_v2: {
+      title: "Configure your first SNI",
+      description: "Server Name Indications (SNIs) map hostnames to SSL/TLS certificates, enabling secure connections for domain-specific traffic.",
+      group: "SNIs created in gateways within this group will automatically appear here.",
+      create_cta: "New SNI"
+    }
+  }
+}, je = {
+  sections: {
+    general: {
+      title: "General Information",
+      description: "General information will help identify and manage this SNI."
+    },
+    certificate: {
+      title: "Certificate",
+      description: "Map an existing Certificate object to hostnames"
+    }
+  },
+  fields: {
+    name: {
+      label: "Name",
+      placeholder: "Enter a unique name for this SNI"
+    },
+    tags: {
+      label: "Tags",
+      placeholder: "Enter a list of tags separated by comma",
+      help: "e.g. tag1, tag2, tag3",
+      tooltip: "An optional set of strings for grouping and filtering, separated by commas."
+    },
+    certificate_id: {
+      label: "SSL Certificate ID",
+      placeholder: "Enter or select a Certificate ID",
+      footer: "Search by exact ID to find certificates not included in the list"
+    }
+  }
+}, Je = {
+  delete: "The SNI could not be deleted at this time.",
+  general: "SNIs could not be retrieved",
+  certificates: {
+    fetch: "Could not fetch available certificates",
+    invalid: "Please select a valid certificate ID"
+  },
+  copy: "Failed to copy to clipboard"
+}, Qe = {
+  success: "Copied {val} to clipboard",
+  success_brief: "Successfully copied to clipboard"
+}, ze = {
+  actions: qe,
+  search: Ae,
+  snis: Le,
+  form: je,
+  delete: {
+    title: "Delete an SNI",
+    description: "This action cannot be reversed so make sure to check the SNI usage before deleting."
+  },
+  errors: Je,
+  copy: Qe
+};
+function He() {
+  const i = Ce("en-us", ze);
+  return {
+    i18n: i,
+    i18nT: _e(i)
+    // Translation component <i18n-t>
+  };
+}
+const ke = {
+  useI18n: He
+}, P = "/v2/control-planes/{controlPlaneId}/core-entities", q = "/{workspace}", A = {
+  list: {
+    konnect: {
+      all: `${P}/snis`
+    },
+    kongManager: {
+      all: `${q}/snis`
+    }
+  },
+  form: {
+    konnect: {
+      create: `${P}/snis`,
+      edit: `${P}/snis/{id}`,
+      validate: `${P}/v1/schemas/json/sni/validate`,
+      certificates: `${P}/certificates`
+    },
+    kongManager: {
+      create: `${q}/snis`,
+      edit: `${q}/snis/{id}`,
+      validate: `${q}/schemas/snis/validate`,
+      certificates: `${q}/certificates`
+    }
+  }
+}, Ge = "#00abd2", We = "24px", Xe = { class: "kong-ui-entities-snis-list" }, Ze = { class: "button-row" }, Ye = { class: "empty-state-icon-gateway" }, et = { key: 1 }, tt = /* @__PURE__ */ ge({
+  __name: "SniList",
+  props: {
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+      type: Object,
+      required: !0,
+      validator: (i) => !(!i || !["konnect", "kongManager"].includes(i == null ? void 0 : i.app) || !i.createRoute || !i.getViewRoute || !i.getEditRoute || i.app === "kongManager" && !i.isExactMatch && !i.filterSchema)
+    },
+    // used to override the default identifier for the cache entry
+    cacheIdentifier: {
+      type: String,
+      default: ""
+    },
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can create a new entity */
+    canCreate: {
+      type: Function,
+      required: !1,
+      default: async () => !0
+    },
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can delete a given entity */
+    canDelete: {
+      type: Function,
+      required: !1,
+      default: async () => !0
+    },
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can edit a given entity */
+    canEdit: {
+      type: Function,
+      required: !1,
+      default: async () => !0
+    },
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can retrieve (view details) a given entity */
+    canRetrieve: {
+      type: Function,
+      required: !1,
+      default: async () => !0
+    },
+    /** default to false, setting to true will teleport the toolbar button to the destination in the consuming app */
+    useActionOutside: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Enables the new empty state design, this prop can be removed when
+     * the khcp-14756-empty-states-m2 FF is removed.
+     */
+    enableV2EmptyStates: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
+  setup(i, { emit: R }) {
+    var o;
+    const y = R, t = i, { i18n: { t: l } } = ke.useI18n(), m = he(), { axiosInstance: W } = be((o = t.config) == null ? void 0 : o.axiosRequestConfig), { hasRecords: C, handleStateChange: X } = Ee(() => S.value), E = g(() => C.value && t.config.app === "konnect"), $ = g(() => !t.enableV2EmptyStates && t.config.app === "konnect"), s = g(() => t.config.app !== "kongManager" || !!t.config.disableSorting), w = {
+      // the Name column is non-hidable
+      name: { label: l("snis.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      certificate: { label: l("snis.list.table_headers.certificate_id"), sortable: !1 },
+      tags: { label: l("snis.list.table_headers.tags"), sortable: !1 }
+    }, Z = w, Y = (e) => ({
+      style: {
+        maxWidth: e.headerKey === "name" ? "250px" : e.headerKey === "certificate" ? "350px" : null
+      }
+    }), j = g(() => {
+      var c, r;
+      let e = `${t.config.apiBaseUrl}${A.list[t.config.app].all}`;
+      return t.config.app === "konnect" ? e = e.replace(/{controlPlaneId}/gi, ((c = t.config) == null ? void 0 : c.controlPlaneId) || "") : t.config.app === "kongManager" && (e = e.replace(/\/{workspace}/gi, (r = t.config) != null && r.workspace ? `/${t.config.workspace}` : "")), e;
+    }), S = k(""), B = g(() => {
+      const e = t.config.app === "konnect" || t.config.isExactMatch;
+      if (e)
+        return {
+          isExactMatch: e,
+          placeholder: l("search.placeholder")
+        };
+      const { name: c } = w;
+      return {
+        isExactMatch: e,
+        fields: { name: c },
+        schema: t.config.filterSchema
+      };
+    }), {
+      fetcher: _,
+      fetcherState: ee,
+      fetcherCacheKey: T
+    } = $e(g(() => ({ ...t.config, cacheIdentifier: t.cacheIdentifier })), j), te = () => {
+      S.value = "";
+    }, ae = () => {
+      T.value++;
+    }, N = k(null), V = k({
+      ctaPath: t.config.createRoute,
+      ctaText: void 0,
+      message: `${l("snis.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
+      title: l("snis.title")
+    }), ie = async (e, c) => {
+      const r = e.id;
+      if (!await c(r)) {
+        y("copy:error", {
+          entity: e,
+          field: "id",
+          message: l("errors.copy")
+        });
+        return;
+      }
+      y("copy:success", {
+        entity: e,
+        field: "id",
+        message: l("copy.success", { val: r })
+      });
+    }, ne = async (e, c) => {
+      const r = JSON.stringify(e);
+      if (!await c(r)) {
+        y("copy:error", {
+          entity: e,
+          message: l("errors.copy")
+        });
+        return;
+      }
+      y("copy:success", {
+        entity: e,
+        message: l("copy.success_brief")
+      });
+    }, oe = (e) => ({
+      label: l("actions.edit"),
+      to: t.config.getEditRoute(e)
+    }), h = k(void 0), M = k(!1), x = k(!1), J = k(""), K = we(t.config, j.value), Q = (e) => {
+      h.value = e, M.value = !0;
+    }, z = () => {
+      M.value = !1, h.value = void 0;
+    }, H = async () => {
+      var e, c, r;
+      if ((e = h.value) != null && e.id) {
+        x.value = !0;
+        try {
+          await W.delete(K(h.value.id)), y("delete:success", h.value), x.value = !1, z(), T.value++;
+        } catch (v) {
+          J.value = ((r = (c = v.response) == null ? void 0 : c.data) == null ? void 0 : r.message) || v.message || l("errors.delete"), y("error", v);
+        } finally {
+          x.value = !1;
+        }
+      }
+    }, n = () => {
+      m.push(t.config.createRoute);
+    };
+    return le(ee, (e) => {
+      var c, r, v;
+      if (e.status === Ne.Error) {
+        N.value = {
+          title: l("errors.general")
+        }, (v = (r = (c = e.error) == null ? void 0 : c.response) == null ? void 0 : r.data) != null && v.message && (N.value.message = e.error.response.data.message), y("error", e.error);
+        return;
+      }
+      N.value = null;
+    }), ye(async () => {
+      await t.canCreate() && (V.value.title = l("snis.list.empty_state.title"), V.value.ctaText = l("actions.create"));
+    }), (e, c) => {
+      const r = D("KButton"), v = D("KCopy"), f = D("KDropdownItem"), ce = D("KClipboardProvider");
+      return b(), G("div", Xe, [
+        u(a(Me), {
+          "cache-identifier": i.cacheIdentifier,
+          "cell-attributes": Y,
+          "disable-row-click": !0,
+          "disable-sorting": s.value,
+          "empty-state-options": V.value,
+          "enable-entity-actions": "",
+          "error-message": N.value,
+          fetcher: a(_),
+          "fetcher-cache-key": a(T),
+          "pagination-type": "offset",
+          "preferences-storage-key": "kong-ui-entities-snis-list",
+          query: S.value,
+          "table-headers": a(Z),
+          onClearSearchInput: te,
+          onSort: ae,
+          onState: a(X)
+        }, de({
+          "toolbar-filter": d(() => [
+            u(a(xe), {
+              modelValue: S.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (p) => S.value = p),
+              config: B.value
+            }, null, 8, ["modelValue", "config"])
+          ]),
+          "toolbar-button": d(() => [
+            (b(), F(ue, {
+              disabled: !i.useActionOutside,
+              to: "#kong-ui-app-page-header-action-button"
+            }, [
+              L("div", Ze, [
+                E.value ? (b(), F(r, {
+                  key: 0,
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "snis-learn-more-button",
+                  icon: "",
+                  onClick: c[1] || (c[1] = (p) => e.$emit("click:learn-more"))
+                }, {
+                  default: d(() => [
+                    u(a(me), { decorative: "" })
+                  ]),
+                  _: 1
+                })) : ve("", !0),
+                u(a(se), {
+                  "auth-function": () => i.canCreate()
+                }, {
+                  default: d(() => [
+                    u(r, {
+                      appearance: "primary",
+                      "data-testid": "toolbar-add-sni",
+                      size: i.useActionOutside ? "medium" : "large",
+                      to: i.config.createRoute
+                    }, {
+                      default: d(() => [
+                        u(a(Ue)),
+                        U(" " + I(a(l)("snis.list.toolbar_actions.new")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "to"])
+                  ]),
+                  _: 1
+                }, 8, ["auth-function"])
+              ])
+            ], 8, ["disabled"]))
+          ]),
+          name: d(({ rowValue: p }) => [
+            L("b", null, I(p ?? "-"), 1)
+          ]),
+          certificate: d(({ row: p }) => [
+            p.certificate && p.certificate.id ? (b(), F(v, {
+              key: 0,
+              class: "copy-certificate-uuid",
+              "data-testid": "copy-certificate-uuid",
+              text: p.certificate.id,
+              truncate: ""
+            }, null, 8, ["text"])) : (b(), G("span", et, "-"))
+          ]),
+          tags: d(({ rowValue: p }) => [
+            u(a(De), { tags: p }, null, 8, ["tags"])
+          ]),
+          actions: d(({ row: p }) => [
+            u(ce, null, {
+              default: d(({ copyToClipboard: O }) => [
+                u(f, {
+                  "data-testid": "action-entity-copy-id",
+                  onClick: (Se) => ie(p, O)
+                }, {
+                  default: d(() => [
+                    U(I(a(l)("actions.copy_id")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            u(ce, null, {
+              default: d(({ copyToClipboard: O }) => [
+                u(f, {
+                  "data-testid": "action-entity-copy-json",
+                  onClick: (Se) => ne(p, O)
+                }, {
+                  default: d(() => [
+                    U(I(a(l)("actions.copy_json")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            u(a(se), {
+              "auth-function": () => i.canEdit(p)
+            }, {
+              default: d(() => [
+                u(f, {
+                  "data-testid": "action-entity-edit",
+                  item: oe(p.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            u(a(se), {
+              "auth-function": () => i.canDelete(p)
+            }, {
+              default: d(() => [
+                u(f, {
+                  danger: "",
+                  "data-testid": "action-entity-delete",
+                  "has-divider": "",
+                  onClick: (O) => Q(p)
+                }, {
+                  default: d(() => [
+                    U(I(a(l)("actions.delete")), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"])
+          ]),
+          _: 2
+        }, [
+          !a(C) && $.value ? {
+            name: "outside-actions",
+            fn: d(() => [
+              (b(), F(ue, {
+                disabled: !i.useActionOutside,
+                to: "#kong-ui-app-page-header-action-button"
+              }, [
+                u(r, {
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "sni-learn-more-button",
+                  icon: "",
+                  onClick: c[2] || (c[2] = (p) => e.$emit("click:learn-more"))
+                }, {
+                  default: d(() => [
+                    u(a(me), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ], 8, ["disabled"]))
+            ]),
+            key: "0"
+          } : void 0,
+          !S.value && i.enableV2EmptyStates && i.config.app === "konnect" ? {
+            name: "empty-state",
+            fn: d(() => {
+              var p;
+              return [
+                u(a(Fe), {
+                  "action-button-text": a(l)("snis.list.toolbar_actions.new"),
+                  appearance: "secondary",
+                  "can-create": () => i.canCreate(),
+                  "data-testid": "snis-entity-empty-state",
+                  description: a(l)("snis.list.empty_state_v2.description"),
+                  "learn-more": i.config.app === "konnect",
+                  title: a(l)("snis.list.empty_state_v2.title"),
+                  "onClick:create": n,
+                  "onClick:learnMore": c[3] || (c[3] = (O) => e.$emit("click:learn-more"))
+                }, de({
+                  image: d(() => [
+                    L("div", Ye, [
+                      u(a(Pe), {
+                        color: a(Ge),
+                        size: a(We)
+                      }, null, 8, ["color", "size"])
+                    ])
+                  ]),
+                  _: 2
+                }, [
+                  (p = i.config) != null && p.isControlPlaneGroup ? {
+                    name: "message",
+                    fn: d(() => [
+                      U(I(a(l)("snis.list.empty_state_v2.group")), 1)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["action-button-text", "can-create", "description", "learn-more", "title"])
+              ];
+            }),
+            key: "1"
+          } : void 0
+        ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
+        u(a(Re), {
+          "action-pending": x.value,
+          description: a(l)("delete.description"),
+          "entity-name": h.value && (h.value.name || h.value.id),
+          "entity-type": a(Be).SNI,
+          error: J.value,
+          "need-confirm": !1,
+          title: a(l)("delete.title"),
+          visible: M.value,
+          onCancel: z,
+          onProceed: H
+        }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
+      ]);
+    };
+  }
+}), Ie = (i, R) => {
+  const y = i.__vccOpts || i;
+  for (const [t, l] of R)
+    y[t] = l;
+  return y;
+}, ut = /* @__PURE__ */ Ie(tt, [["__scopeId", "data-v-9ec44cca"]]), at = { class: "kong-ui-entities-snis-form" }, it = { "data-testid": "no-search-results" }, nt = {
+  key: 2,
+  class: "invalid-certificate-message",
+  "data-testid": "invalid-certificate-message"
+}, ot = /* @__PURE__ */ ge({
+  __name: "SniForm",
+  props: {
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+      type: Object,
+      required: !0,
+      validator: (i) => !(!i || !["konnect", "kongManager"].includes(i == null ? void 0 : i.app) || i.app === "konnect" && !i.controlPlaneId || i.app === "kongManager" && typeof i.workspace != "string" || !i.cancelRoute)
+    },
+    /** If a valid SNI ID is provided, it will put the form in Edit mode instead of Create */
+    sniId: {
+      type: String,
+      required: !1,
+      default: ""
+    }
+  },
+  emits: ["update", "error", "loading"],
+  setup(i, { emit: R }) {
+    var H;
+    const y = R, t = i, l = he(), { i18n: { t: m } } = ke.useI18n(), { getMessageFromError: W } = Te(), { axiosInstance: C } = be((H = t.config) == null ? void 0 : H.axiosRequestConfig), X = g(() => A.form[t.config.app].edit), E = g(() => t.sniId ? re.Edit : re.Create), $ = g(() => t.config.certificateId && E.value === re.Create ? t.config.certificateId : ""), s = fe({
+      fields: {
+        name: "",
+        tags: "",
+        certificate_id: ""
+      },
+      isReadonly: !1,
+      errorMessage: ""
+    }), w = fe({
+      name: "",
+      tags: "",
+      certificate_id: ""
+    }), Z = g(() => JSON.stringify(s.fields) !== JSON.stringify(w) && !!s.fields.name && !!(s.fields.certificate_id || $.value)), Y = (n) => {
+      var o, e;
+      s.fields.name = (n == null ? void 0 : n.name) || "", s.fields.tags = ((o = n == null ? void 0 : n.tags) == null ? void 0 : o.join(", ")) || "", s.fields.certificate_id = ((e = n == null ? void 0 : n.certificate) == null ? void 0 : e.id) || "", Object.assign(w, s.fields);
+    }, j = () => {
+      l.push(t.config.cancelRoute);
+    }, S = g(() => {
+      var o, e;
+      let n = `${t.config.apiBaseUrl}${A.form[t.config.app].validate}`;
+      return t.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((o = t.config) == null ? void 0 : o.controlPlaneId) || "") : t.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (e = t.config) != null && e.workspace ? `/${t.config.workspace}` : "")), n = n.replace(/{id}/gi, t.sniId), n;
+    }), B = g(() => {
+      var o, e;
+      let n = `${t.config.apiBaseUrl}${A.form[t.config.app][E.value]}`;
+      return t.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((o = t.config) == null ? void 0 : o.controlPlaneId) || "") : t.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (e = t.config) != null && e.workspace ? `/${t.config.workspace}` : "")), n = n.replace(/{id}/gi, t.sniId), n;
+    }), _ = g(() => {
+      var n, o;
+      return {
+        name: s.fields.name,
+        tags: (o = (n = s.fields.tags.split(",")) == null ? void 0 : n.map((e) => String(e || "").trim())) == null ? void 0 : o.filter((e) => e !== ""),
+        certificate: { id: $.value || s.fields.certificate_id }
+      };
+    }), ee = async () => {
+      var n, o, e, c, r, v;
+      try {
+        s.isReadonly = !0;
+        let f;
+        await C.post(S.value, _.value), E.value === "create" ? f = await C.post(B.value, _.value) : E.value === "edit" && (f = ((n = t.config) == null ? void 0 : n.app) === "konnect" ? await C.put(B.value, _.value) : await C.patch(B.value, _.value)), s.fields.name = ((o = f == null ? void 0 : f.data) == null ? void 0 : o.name) || "", s.fields.tags = ((c = (e = f == null ? void 0 : f.data) == null ? void 0 : e.tags) == null ? void 0 : c.join(", ")) || "", s.fields.certificate_id = ((v = (r = f == null ? void 0 : f.data) == null ? void 0 : r.certificate) == null ? void 0 : v.id) || "", Object.assign(w, s.fields), y("update", f == null ? void 0 : f.data);
+      } catch (f) {
+        s.errorMessage = W(f), y("error", f);
+      } finally {
+        s.isReadonly = !1;
+      }
+    }, {
+      debouncedQueryChange: T,
+      loading: te,
+      allRecords: ae,
+      error: N,
+      validationError: V,
+      loadItems: ie,
+      results: ne
+    } = Ve(t.config, A.form[t.config.app].certificates), oe = (n) => {
+      T(n);
+    }, h = g(() => N.value ? m("errors.certificates.fetch") : ""), M = g(() => V.value ? m("errors.certificates.invalid") : ""), x = k(0), J = g(() => ae.value === void 0), K = k(/* @__PURE__ */ new Set()), Q = g(() => Array.from(K.value).map((o) => ({
+      label: o,
+      value: o,
+      selected: s.fields.certificate_id === o
+    }))), z = (n) => {
+      K.value.clear();
+      let o;
+      for (o of n)
+        K.value.add(o.id);
+    };
+    return le(ne, (n) => {
+      z(n);
+    }, { immediate: !0, deep: !0 }), le(Q, () => {
+      x.value++;
+    }, { immediate: !0, deep: !0 }), ye(async () => {
+      await ie();
+    }), (n, o) => {
+      const e = D("KInput"), c = D("KSelect");
+      return b(), G("div", at, [
+        u(a(Ke), {
+          "can-submit": Z.value,
+          config: i.config,
+          "edit-id": i.sniId,
+          "entity-type": a(Oe).SNI,
+          "error-message": s.errorMessage || h.value,
+          "fetch-url": X.value,
+          "form-fields": _.value,
+          "is-readonly": s.isReadonly,
+          onCancel: j,
+          "onFetch:error": o[3] || (o[3] = (r) => n.$emit("error", r)),
+          "onFetch:success": Y,
+          onLoading: o[4] || (o[4] = (r) => n.$emit("loading", r)),
+          onSubmit: ee
+        }, {
+          default: d(() => [
+            u(a(pe), {
+              description: a(m)("form.sections.general.description"),
+              title: a(m)("form.sections.general.title")
+            }, {
+              default: d(() => [
+                u(e, {
+                  modelValue: s.fields.name,
+                  "onUpdate:modelValue": o[0] || (o[0] = (r) => s.fields.name = r),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "sni-form-name",
+                  label: a(m)("form.fields.name.label"),
+                  placeholder: a(m)("form.fields.name.placeholder"),
+                  readonly: s.isReadonly,
+                  required: "",
+                  type: "text"
+                }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
+                u(e, {
+                  modelValue: s.fields.tags,
+                  "onUpdate:modelValue": o[1] || (o[1] = (r) => s.fields.tags = r),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "sni-form-tags",
+                  help: a(m)("form.fields.tags.help"),
+                  label: a(m)("form.fields.tags.label"),
+                  "label-attributes": {
+                    info: a(m)("form.fields.tags.tooltip"),
+                    tooltipAttributes: { maxWidth: "400" }
+                  },
+                  placeholder: a(m)("form.fields.tags.placeholder"),
+                  readonly: s.isReadonly,
+                  type: "text"
+                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
+              ]),
+              _: 1
+            }, 8, ["description", "title"]),
+            u(a(pe), {
+              description: a(m)("form.sections.certificate.description"),
+              "has-divider": "",
+              title: a(m)("form.sections.certificate.title")
+            }, {
+              default: d(() => [
+                $.value ? (b(), F(e, {
+                  key: 0,
+                  "data-testid": "sni-form-certificate-id",
+                  label: a(m)("form.fields.certificate_id.label"),
+                  "model-value": $.value,
+                  readonly: "",
+                  required: "",
+                  width: "100%"
+                }, null, 8, ["label", "model-value"])) : (b(), F(c, {
+                  key: 1,
+                  modelValue: s.fields.certificate_id,
+                  "onUpdate:modelValue": o[2] || (o[2] = (r) => s.fields.certificate_id = r),
+                  clearable: "",
+                  "data-testid": "sni-form-certificate-id",
+                  "dropdown-footer-text": J.value ? a(m)("form.fields.certificate_id.footer") : void 0,
+                  "enable-filtering": "",
+                  "filter-function": () => !0,
+                  items: Q.value,
+                  label: a(m)("form.fields.certificate_id.label"),
+                  loading: a(te),
+                  placeholder: a(m)("form.fields.certificate_id.placeholder"),
+                  readonly: s.isReadonly,
+                  required: "",
+                  width: "100%",
+                  onQueryChange: oe
+                }, {
+                  loading: d(() => [
+                    L("div", null, I(a(m)("actions.loading")), 1)
+                  ]),
+                  empty: d(() => [
+                    L("div", it, I(a(m)("search.no_results")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"])),
+                M.value ? (b(), G("p", nt, I(M.value), 1)) : ve("", !0)
+              ]),
+              _: 1
+            }, 8, ["description", "title"])
+          ]),
+          _: 1
+        }, 8, ["can-submit", "config", "edit-id", "entity-type", "error-message", "fetch-url", "form-fields", "is-readonly"])
+      ]);
+    };
+  }
+}), ft = /* @__PURE__ */ Ie(ot, [["__scopeId", "data-v-c4973985"]]);
+export {
+  ft as SniForm,
+  ut as SniList
+};

package/dist/entities-snis.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ .config-card-fieldset[data-v-f7096c33]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-f7096c33]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-2feb8c2e] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-5f9aa0e8]{align-items:center;border-bottom:var(--2f90d7f7);box-sizing:border-box;display:var(--668a792a);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-5f9aa0e8]{box-sizing:border-box;padding-right:16px;width:var(--5bc9ad14)}.config-card-details-row .config-card-details-label label[data-v-5f9aa0e8]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-5f9aa0e8]{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-5f9aa0e8]{min-width:0}.config-card-details-row .config-card-details-value[data-v-5f9aa0e8]{box-sizing:border-box;width:var(--5bc5215e)}.config-card-details-row .config-card-details-value .truncated[data-v-5f9aa0e8]{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-5f9aa0e8]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-5f9aa0e8] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-5f9aa0e8]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-5f9aa0e8]{margin-right:4px}.config-card-details-row[data-v-5f9aa0e8] .k-label{margin-bottom:0}.config-card-details-row[data-v-5f9aa0e8] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-5f9aa0e8] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--54aebfa2);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d67757a9]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card .config-card-actions[data-v-dd0edd92]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-dd0edd92]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-dd0edd92]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-dd0edd92] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-dd0edd92]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-b073d014]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form[data-v-b073d014] .k-slideout-title{color:#000933!important;font-size:24px!important;font-weight:700!important;line-height:32px!important;margin-bottom:16px!important}.kong-ui-entity-base-form[data-v-b073d014] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-b073d014] .tab-item>div.tab-link.has-panels{color:#6c7489!important;font-size:14px!important;font-weight:700!important;line-height:24px!important}.kong-ui-entity-base-form[data-v-b073d014] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.form-actions[data-v-b073d014]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.form-actions[data-v-b073d014] .k-button:last-of-type,.form-actions[data-v-b073d014] .k-button:nth-last-of-type(2){margin-left:16px}.content-wrapper[data-v-a3a65cac] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-254b0222]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-254b0222]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-254b0222]{display:none}.kong-ui-entity-base-table[data-v-254b0222] .empty-state-icon-gateway{background-color:#ecfcff;border-radius:4px;padding:8px}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-d1bb74d1]{width:100%}.kong-ui-entity-filter-clear[data-v-d1bb74d1]{cursor:pointer}.kong-ui-entity-filter[data-v-d1bb74d1]{display:flex;position:relative}.kong-ui-entity-filter[data-v-d1bb74d1] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-d1bb74d1] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-d1bb74d1]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-d1bb74d1]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-d1bb74d1]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-d1bb74d1]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-d1bb74d1]{color:#232633}.menu-item-expand-icon[data-v-d1bb74d1]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-d1bb74d1]{transform:rotate(180deg)}.menu-item-indicator[data-v-d1bb74d1]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-d1bb74d1]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-d1bb74d1] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-d1bb74d1] .k-input{width:100%}.menu-item-body[data-v-d1bb74d1] .k-select-input .input{font-size:12px}.menu-item-body[data-v-d1bb74d1] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-d1bb74d1]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-d1bb74d1]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-d1bb74d1]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-96efdfa5]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-96efdfa5]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-96efdfa5]{display:flex;flex:1}.kong-ui-public-entity-link .entity-link[data-v-96efdfa5] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-96efdfa5]{display:inline-block;font-weight:400;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-96efdfa5]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-96efdfa5]{margin-left:2px}.kong-ui-public-entity-empty-state[data-v-b6376b66]{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Roboto,Helvetica,sans-serif;gap:24px;padding:64px 0;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state[data-v-b6376b66]{padding:64px 96px}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-b6376b66]{margin-bottom:8px}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-b6376b66]{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1[data-v-b6376b66]{align-items:center;color:#000933;display:flex;font-size:24px;font-weight:700;gap:8px;line-height:32px;margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-content .entity-empty-state-title h1.secondary[data-v-b6376b66]{font-size:18px}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-b6376b66],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-b6376b66]{color:#52596e;font-size:14px;font-weight:400;line-height:20px;max-width:640px}.kong-ui-public-entity-empty-state .entity-empty-state-description p[data-v-b6376b66],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-b6376b66]{margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-b6376b66]{margin-top:16px}.kong-ui-public-entity-empty-state .entity-empty-state-message[data-v-b6376b66]{color:#52596e}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-b6376b66]{align-items:center;display:flex;gap:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-b6376b66]{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;margin-top:8px;width:312px}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-b6376b66]{width:640px}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-b6376b66]{background-color:#f9fafb;border:1px solid #e0e4ea;border-radius:6px;color:#afb7c5;gap:8px;height:160px;padding:20px;width:312px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-b6376b66]{color:#3a3f51;display:flex;margin-bottom:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card .feature-icon[data-v-b6376b66] .kui-icon{height:20px!important;width:20px!important}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-b6376b66] .card-title{font-size:14px;font-weight:600}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-b6376b66] .card-content{-webkit-box-orient:vertical;color:#6c7489;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-b6376b66]{border-top:1px solid #e0e4ea;display:flex;flex-direction:column;gap:16px;padding-top:48px;width:100%}@media (min-width: 640px){.kong-ui-public-entity-empty-state .entity-empty-state-bottom-container[data-v-b6376b66]{width:640px}}.button-row[data-v-9ec44cca]{align-items:center;display:flex;gap:12px}.kong-ui-entities-snis-list[data-v-9ec44cca]{width:100%}.kong-ui-entities-snis-list .kong-ui-entity-filter-input[data-v-9ec44cca]{margin-right:12px}.kong-ui-entities-snis-form[data-v-c4973985]{width:100%}.kong-ui-entities-snis-form .invalid-certificate-message[data-v-c4973985]{color:#d60027;font-size:11px;font-weight:500;margin-top:3px!important}

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

@@ -0,0 +1,43 @@
+import type { PropType } from 'vue';
+import type { AxiosError } from 'axios';
+import type { KonnectSniFormConfig, KongManagerSniFormConfig } from '../types';
+import '@kong-ui-public/entities-shared/dist/style.css';
+declare const _default: 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<KonnectSniFormConfig | KongManagerSniFormConfig>;
+        required: true;
+        validator: (config: KonnectSniFormConfig | KongManagerSniFormConfig) => boolean;
+    };
+    /** If a valid SNI ID is provided, it will put the form in Edit mode instead of Create */
+    sniId: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (error: AxiosError<unknown, any>) => any;
+    loading: (isLoading: boolean) => any;
+    update: (data: Record<string, any>) => 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<KonnectSniFormConfig | KongManagerSniFormConfig>;
+        required: true;
+        validator: (config: KonnectSniFormConfig | KongManagerSniFormConfig) => boolean;
+    };
+    /** If a valid SNI ID is provided, it will put the form in Edit mode instead of Create */
+    sniId: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & Readonly<{
+    onError?: ((error: AxiosError<unknown, any>) => any) | undefined;
+    onLoading?: ((isLoading: boolean) => any) | undefined;
+    onUpdate?: ((data: Record<string, any>) => any) | undefined;
+}>, {
+    sniId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=SniForm.vue.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"SniForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SniForm.vue"],"names":[],"mappings":"AAsWA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAGnC,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EACV,oBAAoB,EACpB,wBAAwB,EAIzB,MAAM,UAAU,CAAA;AAYjB,OAAO,gDAAgD,CAAA;;IAsfrD,oHAAoH;;cAElG,QAAQ,CAAC,oBAAoB,GAAG,wBAAwB,CAAC;;4BAErD,oBAAoB,GAAG,wBAAwB,KAAG,OAAO;;IAQ/E,yFAAyF;;;;;;;;;;;IAZzF,oHAAoH;;cAElG,QAAQ,CAAC,oBAAoB,GAAG,wBAAwB,CAAC;;4BAErD,oBAAoB,GAAG,wBAAwB,KAAG,OAAO;;IAQ/E,yFAAyF;;;;;;;;;;;;;AAvB3F,wBA8BG"}

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

@@ -0,0 +1,123 @@
+import type { PropType } from 'vue';
+import type { AxiosError } from 'axios';
+import type { KongManagerSniListConfig, KonnectSniListConfig, EntityRow, CopyEventPayload } from '../types';
+import '@kong-ui-public/entities-shared/dist/style.css';
+declare const _default: 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<KonnectSniListConfig | KongManagerSniListConfig>;
+        required: true;
+        validator: (config: KonnectSniListConfig | KongManagerSniListConfig) => 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>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can retrieve (view details) a given entity */
+    canRetrieve: {
+        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;
+    };
+    /**
+     * Enables the new empty state design, this prop can be removed when
+     * the khcp-14756-empty-states-m2 FF is removed.
+     */
+    enableV2EmptyStates: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    error: (error: AxiosError<unknown, any>) => any;
+    "click:learn-more": () => any;
+    "copy:success": (payload: CopyEventPayload) => any;
+    "copy:error": (payload: CopyEventPayload) => any;
+    "delete:success": (sni: 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<KonnectSniListConfig | KongManagerSniListConfig>;
+        required: true;
+        validator: (config: KonnectSniListConfig | KongManagerSniListConfig) => 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>;
+    };
+    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can retrieve (view details) a given entity */
+    canRetrieve: {
+        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;
+    };
+    /**
+     * Enables the new empty state design, this prop can be removed when
+     * the khcp-14756-empty-states-m2 FF is removed.
+     */
+    enableV2EmptyStates: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onError?: ((error: AxiosError<unknown, any>) => any) | undefined;
+    "onClick:learn-more"?: (() => any) | undefined;
+    "onCopy:success"?: ((payload: CopyEventPayload) => any) | undefined;
+    "onCopy:error"?: ((payload: CopyEventPayload) => any) | undefined;
+    "onDelete:success"?: ((sni: EntityRow) => any) | undefined;
+}>, {
+    cacheIdentifier: string;
+    canCreate: () => boolean | Promise<boolean>;
+    canDelete: (row: EntityRow) => boolean | Promise<boolean>;
+    canEdit: (row: EntityRow) => boolean | Promise<boolean>;
+    canRetrieve: (row: EntityRow) => boolean | Promise<boolean>;
+    useActionOutside: boolean;
+    enableV2EmptyStates: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=SniList.vue.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"SniList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SniList.vue"],"names":[],"mappings":"AA0iBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAkBvC,OAAO,KAAK,EACV,wBAAwB,EACxB,oBAAoB,EACpB,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AASjB,OAAO,gDAAgD,CAAA;;IA08BrD,oHAAoH;;cAElG,QAAQ,CAAC,oBAAoB,GAAG,wBAAwB,CAAC;;4BAErD,oBAAoB,GAAG,wBAAwB,KAAG,OAAO;;;;;;IAY/E,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,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;IAKjH;;;OAGG;;;;;;;;;;;;IAhDH,oHAAoH;;cAElG,QAAQ,CAAC,oBAAoB,GAAG,wBAAwB,CAAC;;4BAErD,oBAAoB,GAAG,wBAAwB,KAAG,OAAO;;;;;;IAY/E,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,4IAA4I;;cAExH,QAAQ,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;;;;IAI5E,iHAAiH;;;;;IAKjH;;;OAGG;;;;;;;;;;;;;qBA9BgC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;qBAM1B,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;mBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;uBAMxC,SAAS,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;;;;AAjD7E,wBAmEG"}

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/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import SniList from './components/SniList.vue';
+import SniForm from './components/SniForm.vue';
+export { SniForm, SniList, };
+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,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAE9C,OAAO,EACL,OAAO,EACP,OAAO,GACR,CAAA;AAED,cAAc,SAAS,CAAA"}

package/dist/types/snis-endpoints.d.ts ADDED Viewed

@@ -0,0 +1,26 @@
+declare const _default: {
+    list: {
+        konnect: {
+            all: string;
+        };
+        kongManager: {
+            all: string;
+        };
+    };
+    form: {
+        konnect: {
+            create: string;
+            edit: string;
+            validate: string;
+            certificates: string;
+        };
+        kongManager: {
+            create: string;
+            edit: string;
+            validate: string;
+            certificates: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=snis-endpoints.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"snis-endpoints.d.ts","sourceRoot":"","sources":["../../src/snis-endpoints.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBAuBC"}

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

@@ -0,0 +1,3 @@
+export * from './sni-form';
+export * from './sni-list';
+//# 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,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA"}

package/dist/types/types/sni-form.d.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import type { RouteLocationRaw } from 'vue-router';
+import type { KonnectBaseFormConfig, KongManagerBaseFormConfig } from '@kong-ui-public/entities-shared';
+/** Konnect SNI form config */
+export interface KonnectSniFormConfig extends KonnectBaseFormConfig {
+    /** Route to return to if canceling create/edit a SNI */
+    cancelRoute: RouteLocationRaw;
+    /** Certificate to bind the SNI to on creation */
+    certificateId?: string;
+}
+/** Kong Manager SNI form config */
+export interface KongManagerSniFormConfig extends KongManagerBaseFormConfig {
+    /** Route to return to if canceling create/edit a SNI */
+    cancelRoute: RouteLocationRaw;
+    /** Certificate to bind the SNI to on creation */
+    certificateId?: string;
+}
+export interface SniFormFields {
+    name: string;
+    tags: string;
+    certificate_id: string;
+}
+export interface SniFormState {
+    /** Form fields */
+    fields: SniFormFields;
+    /** Form readonly state (only used when saving entity details) */
+    isReadonly: boolean;
+    /** The error message to show on the form */
+    errorMessage: string;
+}
+export interface SelectItem {
+    label: string;
+    value: string | number;
+    selected?: boolean;
+}
+//# sourceMappingURL=sni-form.d.ts.map

package/dist/types/types/sni-form.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sni-form.d.ts","sourceRoot":"","sources":["../../../src/types/sni-form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAEvG,8BAA8B;AAC9B,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,wDAAwD;IACxD,WAAW,EAAE,gBAAgB,CAAA;IAC7B,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,mCAAmC;AACnC,MAAM,WAAW,wBAAyB,SAAQ,yBAAyB;IACzE,wDAAwD;IACxD,WAAW,EAAE,gBAAgB,CAAA;IAC7B,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,kBAAkB;IAClB,MAAM,EAAE,aAAa,CAAA;IACrB,iEAAiE;IACjE,UAAU,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,YAAY,EAAE,MAAM,CAAA;CACrB;AAGD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/dist/types/types/sni-list.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import type { RouteLocationRaw } from 'vue-router';
+import type { FilterSchema, KongManagerBaseTableConfig, KonnectBaseTableConfig } from '@kong-ui-public/entities-shared';
+export interface BaseSniListConfig {
+    /** Route for creating an SNI */
+    createRoute: RouteLocationRaw;
+    /** A function that returns the route for viewing an SNI */
+    getViewRoute: (id: string) => RouteLocationRaw;
+    /** A function that returns the route for editing an SNI */
+    getEditRoute: (id: string) => RouteLocationRaw;
+}
+/** Konnect SNI list config */
+export interface KonnectSniListConfig extends KonnectBaseTableConfig, BaseSniListConfig {
+}
+/** Kong Manager SNI list config */
+export interface KongManagerSniListConfig extends KongManagerBaseTableConfig, BaseSniListConfig {
+    /** FilterSchema for fuzzy match */
+    filterSchema?: FilterSchema;
+}
+export interface EntityRow extends Record<string, any> {
+    id: string;
+    name: 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=sni-list.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"sni-list.d.ts","sourceRoot":"","sources":["../../../src/types/sni-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AAEvH,MAAM,WAAW,iBAAiB;IAChC,gCAAgC;IAChC,WAAW,EAAE,gBAAgB,CAAA;IAC7B,2DAA2D;IAC3D,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,gBAAgB,CAAA;IAC9C,2DAA2D;IAC3D,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,gBAAgB,CAAA;CAC/C;AAED,8BAA8B;AAC9B,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB,EAAE,iBAAiB;CAAG;AAE1F,mCAAmC;AACnC,MAAM,WAAW,wBAAyB,SAAQ,0BAA0B,EAAE,iBAAiB;IAC7F,mCAAmC;IACnC,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED,MAAM,WAAW,SAAU,SAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACpD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb;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/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-snis",
-  "version": "3.7.28-pr.2132.c7fba69a4.0",
+  "version": "3.7.28",
   "type": "module",
   "main": "./dist/entities-snis.umd.js",
   "module": "./dist/entities-snis.es.js",
@@ -26,7 +26,7 @@
     "axios": "^1.7.7",
     "vue": ">= 3.3.13 < 4",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/entities-shared": "^3.23.1-pr.2132.c7fba69a4.0",
+    "@kong-ui-public/entities-shared": "^3.24.0",
     "@kong-ui-public/i18n": "^2.3.0"
   },
   "devDependencies": {
@@ -36,7 +36,7 @@
     "axios": "^1.7.7",
     "vue": "^3.5.13",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/entities-shared": "^3.23.1-pr.2132.c7fba69a4.0",
+    "@kong-ui-public/entities-shared": "^3.24.0",
     "@kong-ui-public/i18n": "^2.3.0"
   },
   "repository": {