@kong-ui-public/entities-snis 3.12.39 → 3.13.0

package/dist/entities-snis.es.js

@@ -1,133 +1,56 @@
-import { defineComponent as ye, computed as y, ref as S, watch as de, onBeforeMount as ve, resolveComponent as E, openBlock as b, createElementBlock as X, createVNode as d, unref as e, createSlots as fe, withCtx as c, createTextVNode as I, toDisplayString as h, createBlock as C, createElementVNode as Y, Teleport as Ce, createCommentVNode as O, reactive as pe } from "vue";
-import { useRouter as he } from "vue-router";
-import { createI18n as Ee, i18nTComponent as we } from "@kong-ui-public/i18n";
-import { useAxios as be, useTableState as Ne, useFetcher as $e, useDeleteUrlBuilder as Me, FetcherStatus as xe, EntityBaseTable as Fe, PermissionsWrapper as z, TableTags as De, EntityFilter as Re, EntityDeleteModal as Be, EntityTypes as Te, useErrors as Ke, EntityBaseFormType as le, useDebouncedFilter as Ve, EntityBaseForm as qe, SupportedEntityType as Pe, EntityFormSection as me } from "@kong-ui-public/entities-shared";
-import { BookIcon as ge, AddIcon as ce, CloudIcon as Oe } from "@kong/icons";
-const Ue = {
-  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"
-}, je = {
-  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",
-      learn_more: "Learn more"
-    }
-  }
-}, Le = {
-  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: Ue,
-  search: Ae,
-  snis: je,
-  form: Le,
-  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
+import { defineComponent as me, computed as p, ref as b, watch as le, onBeforeMount as ge, resolveComponent as C, openBlock as y, createElementBlock as H, createVNode as l, unref as e, createSlots as de, withCtx as r, createTextVNode as S, toDisplayString as g, createBlock as _, createElementVNode as W, Teleport as Ie, createCommentVNode as q, reactive as ue } from "vue";
+import { useRouter as ye } from "vue-router";
+import { createI18n as Ce, i18nTComponent as Ee } from "@kong-ui-public/i18n";
+import { useAxios as ve, useTableState as we, useFetcher as Ne, useDeleteUrlBuilder as $e, FetcherStatus as Me, EntityBaseTable as xe, PermissionsWrapper as J, TableTags as Fe, EntityFilter as De, EntityDeleteModal as Re, EntityTypes as Be, useErrors as Te, EntityBaseFormType as se, useDebouncedFilter as Ke, EntityBaseForm as Ve, SupportedEntityType as qe, EntityFormSection as fe } from "@kong-ui-public/entities-shared";
+import { BookIcon as pe, AddIcon as re, CloudIcon as Pe } from "@kong/icons";
+const Oe = { create: "New SNI", copy_id: "Copy ID", copy_json: "Copy JSON", edit: "Edit", delete: "Delete", clear: "Clear", loading: "Loading..." }, Ue = { placeholder: "Filter by exact name or ID", no_results: "No results found" }, Ae = { 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", learn_more: "Learn more" } } }, 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" } } }, Le = { 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" }, Je = { success: "Copied {val} to clipboard", success_brief: "Successfully copied to clipboard" }, Qe = {
+  actions: Oe,
+  search: Ue,
+  snis: Ae,
+  form: je,
+  delete: { title: "Delete an SNI", description: "This action cannot be reversed so make sure to check the SNI usage before deleting." },
+  errors: Le,
+  copy: Je
 };
-function Ge() {
-  const t = Ee("en-us", ze);
+function ze() {
+  const t = Ce("en-us", Qe);
   return {
     i18n: t,
-    i18nT: we(t)
+    i18nT: Ee(t)
     // Translation component <i18n-t>
   };
 }
-const ke = {
-  useI18n: Ge
-}, G = "/v2/control-planes/{controlPlaneId}/core-entities/{workspace}", H = "/{workspace}", W = {
+const he = {
+  useI18n: ze
+}, Q = "/v2/control-planes/{controlPlaneId}/core-entities/{workspace}", z = "/{workspace}", G = {
   list: {
     konnect: {
-      all: `${G}/snis`
+      all: `${Q}/snis`
     },
     kongManager: {
-      all: `${H}/snis`
+      all: `${z}/snis`
     }
   },
   form: {
     konnect: {
-      create: `${G}/snis`,
-      edit: `${G}/snis/{id}`,
-      certificates: `${G}/certificates`
+      create: `${Q}/snis`,
+      edit: `${Q}/snis/{id}`,
+      certificates: `${Q}/certificates`
     },
     kongManager: {
-      create: `${H}/snis`,
-      edit: `${H}/snis/{id}`,
-      certificates: `${H}/certificates`
+      create: `${z}/snis`,
+      edit: `${z}/snis/{id}`,
+      certificates: `${z}/certificates`
     }
   }
-}, He = { class: "kong-ui-entities-snis-list" }, We = { class: "button-row" }, Xe = { key: 1 }, Ye = /* @__PURE__ */ ye({
+}, Ge = { class: "kong-ui-entities-snis-list" }, He = { class: "button-row" }, We = { key: 1 }, Xe = /* @__PURE__ */ me({
   __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: (t) => !(!t || !["konnect", "kongManager"].includes(t == null ? void 0 : t.app) || !t.createRoute || !t.getViewRoute || !t.getEditRoute || t.app === "kongManager" && !t.isExactMatch && !t.filterSchema)
+      validator: (t) => !(!t || !["konnect", "kongManager"].includes(t?.app) || !t.createRoute || !t.getViewRoute || !t.getEditRoute || t.app === "kongManager" && !t.isExactMatch && !t.filterSchema)
     },
     // used to override the default identifier for the cache entry
     cacheIdentifier: {
@@ -170,191 +93,187 @@ const ke = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success"],
-  setup(t, { emit: D }) {
-    var g;
-    const v = D, a = t, { i18n: { t: r } } = ke.useI18n(), p = he(), { axiosInstance: Z } = be((g = a.config) == null ? void 0 : g.axiosRequestConfig), { hasRecords: R, handleStateChange: ee } = Ne(() => _.value), w = y(() => R.value && a.config.app === "konnect"), N = y(() => a.config.app !== "kongManager" || !!a.config.disableSorting), s = {
+  setup(t, { emit: F }) {
+    const m = F, a = t, { i18n: { t: s } } = he.useI18n(), d = ye(), { axiosInstance: X } = ve(a.config?.axiosRequestConfig), { hasRecords: D, handleStateChange: Y } = we(() => k.value), E = p(() => D.value && a.config.app === "konnect"), w = p(() => a.config.app !== "kongManager" || !!a.config.disableSorting), o = {
       // the Name column is non-hidable
-      name: { label: r("snis.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      certificate: { label: r("snis.list.table_headers.certificate_id"), sortable: !1 },
-      tags: { label: r("snis.list.table_headers.tags"), sortable: !1 }
-    }, B = s, te = (i) => ({
+      name: { label: s("snis.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      certificate: { label: s("snis.list.table_headers.certificate_id"), sortable: !1 },
+      tags: { label: s("snis.list.table_headers.tags"), sortable: !1 }
+    }, R = o, Z = (i) => ({
       style: {
         maxWidth: i.headerKey === "name" ? "250px" : i.headerKey === "certificate" ? "350px" : null
       }
-    }), U = y(() => {
-      var n, f;
-      let i = `${a.config.apiBaseUrl}${W.list[a.config.app].all}`;
-      return a.config.app === "konnect" && (i = i.replace(/{controlPlaneId}/gi, ((n = a.config) == null ? void 0 : n.controlPlaneId) || "")), i.replace(/\/{workspace}/gi, (f = a.config) != null && f.workspace ? `/${a.config.workspace}` : "");
-    }), _ = S(""), T = y(() => {
+    }), P = p(() => {
+      let i = `${a.config.apiBaseUrl}${G.list[a.config.app].all}`;
+      return a.config.app === "konnect" && (i = i.replace(/{controlPlaneId}/gi, a.config?.controlPlaneId || "")), i.replace(/\/{workspace}/gi, a.config?.workspace ? `/${a.config.workspace}` : "");
+    }), k = b(""), B = p(() => {
       const i = a.config.app === "konnect" || a.config.isExactMatch;
       if (i)
         return {
           isExactMatch: i,
-          placeholder: r("search.placeholder")
+          placeholder: s("search.placeholder")
         };
-      const { name: n } = s;
+      const { name: c } = o;
       return {
         isExactMatch: i,
-        fields: { name: n },
+        fields: { name: c },
         schema: a.config.filterSchema
       };
     }), {
-      fetcher: $,
-      fetcherState: ae,
-      fetcherCacheKey: K
-    } = $e(y(() => ({ ...a.config, cacheIdentifier: a.cacheIdentifier })), U), ie = () => {
-      _.value = "";
-    }, ne = () => {
-      K.value++;
-    }, M = S(null), V = S({
+      fetcher: N,
+      fetcherState: ee,
+      fetcherCacheKey: T
+    } = Ne(p(() => ({ ...a.config, cacheIdentifier: a.cacheIdentifier })), P), te = () => {
+      k.value = "";
+    }, ae = () => {
+      T.value++;
+    }, $ = b(null), K = b({
       ctaPath: a.config.createRoute,
       ctaText: void 0,
-      message: `${r("snis.list.empty_state.description")}${a.config.additionMessageForEmptyState ? ` ${a.config.additionMessageForEmptyState}` : ""}`,
-      title: r("snis.title")
-    }), oe = async (i, n) => {
-      const f = i.id;
-      if (!await n(f)) {
-        v("copy:error", {
+      message: `${s("snis.list.empty_state.description")}${a.config.additionMessageForEmptyState ? ` ${a.config.additionMessageForEmptyState}` : ""}`,
+      title: s("snis.title")
+    }), ie = async (i, c) => {
+      const v = i.id;
+      if (!await c(v)) {
+        m("copy:error", {
           entity: i,
           field: "id",
-          message: r("errors.copy")
+          message: s("errors.copy")
         });
         return;
       }
-      v("copy:success", {
+      m("copy:success", {
         entity: i,
         field: "id",
-        message: r("copy.success", { val: f })
+        message: s("copy.success", { val: v })
       });
-    }, se = async (i, n) => {
-      const f = JSON.stringify(i);
-      if (!await n(f)) {
-        v("copy:error", {
+    }, ne = async (i, c) => {
+      const v = JSON.stringify(i);
+      if (!await c(v)) {
+        m("copy:error", {
           entity: i,
-          message: r("errors.copy")
+          message: s("errors.copy")
         });
         return;
       }
-      v("copy:success", {
+      m("copy:success", {
         entity: i,
-        message: r("copy.success_brief")
+        message: s("copy.success_brief")
       });
-    }, re = (i) => ({
-      label: r("actions.edit"),
+    }, oe = (i) => ({
+      label: s("actions.edit"),
       to: a.config.getEditRoute(i)
-    }), k = S(void 0), x = S(!1), F = S(!1), A = S(""), q = Me(a.config, U.value), j = (i) => {
-      k.value = i, x.value = !0;
-    }, L = () => {
-      x.value = !1, k.value = void 0;
-    }, J = async () => {
-      var i, n, f;
-      if ((i = k.value) != null && i.id) {
-        F.value = !0;
+    }), h = b(void 0), M = b(!1), x = b(!1), O = b(""), V = $e(a.config, P.value), U = (i) => {
+      h.value = i, M.value = !0;
+    }, A = () => {
+      M.value = !1, h.value = void 0;
+    }, n = async () => {
+      if (h.value?.id) {
+        x.value = !0;
         try {
-          await Z.delete(q(k.value.id)), v("delete:success", k.value), F.value = !1, L(), K.value++;
-        } catch (u) {
-          A.value = ((f = (n = u.response) == null ? void 0 : n.data) == null ? void 0 : f.message) || u.message || r("errors.delete"), v("error", u);
+          await X.delete(V(h.value.id)), m("delete:success", h.value), x.value = !1, A(), T.value++;
+        } catch (i) {
+          O.value = i.response?.data?.message || i.message || s("errors.delete"), m("error", i);
         } finally {
-          F.value = !1;
+          x.value = !1;
         }
       }
-    }, l = () => {
-      p.push(a.config.createRoute);
+    }, u = () => {
+      d.push(a.config.createRoute);
     };
-    de(ae, (i) => {
-      var n, f, u;
-      if (i.status === xe.Error) {
-        M.value = {
-          title: r("errors.general")
-        }, (u = (f = (n = i.error) == null ? void 0 : n.response) == null ? void 0 : f.data) != null && u.message && (M.value.message = i.error.response.data.message), v("error", i.error);
+    le(ee, (i) => {
+      if (i.status === Me.Error) {
+        $.value = {
+          title: s("errors.general")
+        }, i.error?.response?.data?.message && ($.value.message = i.error.response.data.message), m("error", i.error);
         return;
       }
-      M.value = null;
+      $.value = null;
     });
-    const o = S(!1);
-    return ve(async () => {
-      o.value = await a.canCreate(), o.value && (V.value.title = r("snis.list.empty_state.title"), V.value.ctaText = r("actions.create"));
-    }), (i, n) => {
-      const f = E("KButton"), u = E("KEmptyState"), _e = E("KCopy"), Q = E("KDropdownItem"), ue = E("KClipboardProvider");
-      return b(), X("div", He, [
-        d(e(Fe), {
+    const I = b(!1);
+    return ge(async () => {
+      I.value = await a.canCreate(), I.value && (K.value.title = s("snis.list.empty_state.title"), K.value.ctaText = s("actions.create"));
+    }), (i, c) => {
+      const v = C("KButton"), ke = C("KEmptyState"), Se = C("KCopy"), j = C("KDropdownItem"), ce = C("KClipboardProvider");
+      return y(), H("div", Ge, [
+        l(e(xe), {
           "cache-identifier": t.cacheIdentifier,
-          "cell-attributes": te,
+          "cell-attributes": Z,
           "disable-row-click": !0,
-          "disable-sorting": N.value,
-          "empty-state-options": V.value,
+          "disable-sorting": w.value,
+          "empty-state-options": K.value,
           "enable-entity-actions": "",
-          "error-message": M.value,
-          fetcher: e($),
-          "fetcher-cache-key": e(K),
+          "error-message": $.value,
+          fetcher: e(N),
+          "fetcher-cache-key": e(T),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-snis-list",
-          query: _.value,
-          "table-headers": e(B),
-          onClearSearchInput: ie,
-          onSort: ne,
-          onState: e(ee)
-        }, fe({
-          "toolbar-filter": c(() => [
-            d(e(Re), {
-              modelValue: _.value,
-              "onUpdate:modelValue": n[0] || (n[0] = (m) => _.value = m),
-              config: T.value
+          query: k.value,
+          "table-headers": e(R),
+          onClearSearchInput: te,
+          onSort: ae,
+          onState: e(Y)
+        }, de({
+          "toolbar-filter": r(() => [
+            l(e(De), {
+              modelValue: k.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (f) => k.value = f),
+              config: B.value
             }, null, 8, ["modelValue", "config"]),
-            t.useToolbarCreationButton ? (b(), C(e(z), {
+            t.useToolbarCreationButton ? (y(), _(e(J), {
               key: 0,
               "auth-function": t.canCreate
             }, {
-              default: c(() => [
-                d(f, {
+              default: r(() => [
+                l(v, {
                   appearance: "primary",
                   "data-testid": "toolbar-add-sni",
                   size: "large",
                   to: t.config.createRoute
                 }, {
-                  default: c(() => [
-                    d(e(ce)),
-                    I(" " + h(e(r)("actions.create")), 1)
+                  default: r(() => [
+                    l(e(re)),
+                    S(" " + g(e(s)("actions.create")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"])
               ]),
               _: 1
-            }, 8, ["auth-function"])) : O("", !0)
+            }, 8, ["auth-function"])) : q("", !0)
           ]),
-          "toolbar-button": c(() => [
-            (b(), C(Ce, {
+          "toolbar-button": r(() => [
+            (y(), _(Ie, {
               disabled: !t.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              Y("div", We, [
-                w.value ? (b(), C(f, {
+              W("div", He, [
+                E.value ? (y(), _(v, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "snis-learn-more-button",
                   icon: "",
-                  onClick: n[1] || (n[1] = (m) => i.$emit("click:learn-more"))
+                  onClick: c[1] || (c[1] = (f) => i.$emit("click:learn-more"))
                 }, {
-                  default: c(() => [
-                    d(e(ge), { decorative: "" })
+                  default: r(() => [
+                    l(e(pe), { decorative: "" })
                   ]),
                   _: 1
-                })) : O("", !0),
-                t.useToolbarCreationButton ? O("", !0) : (b(), C(e(z), {
+                })) : q("", !0),
+                t.useToolbarCreationButton ? q("", !0) : (y(), _(e(J), {
                   key: 1,
                   "auth-function": t.canCreate
                 }, {
-                  default: c(() => [
-                    d(f, {
+                  default: r(() => [
+                    l(v, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-sni",
                       size: t.useActionOutside ? "medium" : "large",
                       to: t.config.createRoute
                     }, {
-                      default: c(() => [
-                        d(e(ce)),
-                        I(" " + h(e(r)("snis.list.toolbar_actions.new")), 1)
+                      default: r(() => [
+                        l(e(re)),
+                        S(" " + g(e(s)("snis.list.toolbar_actions.new")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -364,73 +283,73 @@ const ke = {
               ])
             ], 8, ["disabled"]))
           ]),
-          name: c(({ rowValue: m }) => [
-            Y("b", null, h(m ?? "-"), 1)
+          name: r(({ rowValue: f }) => [
+            W("b", null, g(f ?? "-"), 1)
           ]),
-          certificate: c(({ row: m }) => [
-            m.certificate && m.certificate.id ? (b(), C(_e, {
+          certificate: r(({ row: f }) => [
+            f.certificate && f.certificate.id ? (y(), _(Se, {
               key: 0,
               class: "copy-certificate-uuid",
               "data-testid": "copy-certificate-uuid",
-              text: m.certificate.id,
+              text: f.certificate.id,
               truncate: ""
-            }, null, 8, ["text"])) : (b(), X("span", Xe, "-"))
+            }, null, 8, ["text"])) : (y(), H("span", We, "-"))
           ]),
-          tags: c(({ rowValue: m }) => [
-            d(e(De), { tags: m }, null, 8, ["tags"])
+          tags: r(({ rowValue: f }) => [
+            l(e(Fe), { tags: f }, null, 8, ["tags"])
           ]),
-          actions: c(({ row: m }) => [
-            d(ue, null, {
-              default: c(({ copyToClipboard: P }) => [
-                d(Q, {
+          actions: r(({ row: f }) => [
+            l(ce, null, {
+              default: r(({ copyToClipboard: L }) => [
+                l(j, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (Ie) => oe(m, P)
+                  onClick: (_e) => ie(f, L)
                 }, {
-                  default: c(() => [
-                    I(h(e(r)("actions.copy_id")), 1)
+                  default: r(() => [
+                    S(g(e(s)("actions.copy_id")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            d(ue, null, {
-              default: c(({ copyToClipboard: P }) => [
-                d(Q, {
+            l(ce, null, {
+              default: r(({ copyToClipboard: L }) => [
+                l(j, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (Ie) => se(m, P)
+                  onClick: (_e) => ne(f, L)
                 }, {
-                  default: c(() => [
-                    I(h(e(r)("actions.copy_json")), 1)
+                  default: r(() => [
+                    S(g(e(s)("actions.copy_json")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            d(e(z), {
-              "auth-function": () => t.canEdit(m)
+            l(e(J), {
+              "auth-function": () => t.canEdit(f)
             }, {
-              default: c(() => [
-                d(Q, {
+              default: r(() => [
+                l(j, {
                   "data-testid": "action-entity-edit",
-                  item: re(m.id)
+                  item: oe(f.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            d(e(z), {
-              "auth-function": () => t.canDelete(m)
+            l(e(J), {
+              "auth-function": () => t.canDelete(f)
             }, {
-              default: c(() => [
-                d(Q, {
+              default: r(() => [
+                l(j, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (P) => j(m)
+                  onClick: (L) => U(f)
                 }, {
-                  default: c(() => [
-                    I(h(e(r)("actions.delete")), 1)
+                  default: r(() => [
+                    S(g(e(s)("actions.delete")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -440,91 +359,88 @@ const ke = {
           ]),
           _: 2
         }, [
-          !_.value && t.config.app === "konnect" ? {
+          !k.value && t.config.app === "konnect" ? {
             name: "empty-state",
-            fn: c(() => {
-              var m;
-              return [
-                d(u, {
-                  "data-testid": "snis-entity-empty-state",
-                  "icon-background": "",
-                  message: e(r)("snis.list.empty_state_v2.description"),
-                  title: e(r)("snis.list.empty_state_v2.title")
-                }, fe({
-                  icon: c(() => [
-                    d(e(Oe), { decorative: "" })
-                  ]),
-                  action: c(() => [
-                    o.value ? (b(), C(f, {
-                      key: 0,
-                      "data-testid": "entity-create-button",
-                      onClick: l
-                    }, {
-                      default: c(() => [
-                        d(e(ce), { decorative: "" }),
-                        I(" " + h(e(r)("snis.list.toolbar_actions.new")), 1)
-                      ]),
-                      _: 1
-                    })) : O("", !0),
-                    d(f, {
-                      appearance: "secondary",
-                      "data-testid": "entity-learn-more-button",
-                      onClick: n[2] || (n[2] = (P) => i.$emit("click:learn-more"))
-                    }, {
-                      default: c(() => [
-                        d(e(ge), { decorative: "" }),
-                        I(" " + h(e(r)("snis.list.empty_state_v2.learn_more")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, [
-                  (m = t.config) != null && m.isControlPlaneGroup ? {
-                    name: "default",
-                    fn: c(() => [
-                      I(h(e(r)("snis.list.empty_state_v2.group")), 1)
+            fn: r(() => [
+              l(ke, {
+                "data-testid": "snis-entity-empty-state",
+                "icon-background": "",
+                message: e(s)("snis.list.empty_state_v2.description"),
+                title: e(s)("snis.list.empty_state_v2.title")
+              }, de({
+                icon: r(() => [
+                  l(e(Pe), { decorative: "" })
+                ]),
+                action: r(() => [
+                  I.value ? (y(), _(v, {
+                    key: 0,
+                    "data-testid": "entity-create-button",
+                    onClick: u
+                  }, {
+                    default: r(() => [
+                      l(e(re), { decorative: "" }),
+                      S(" " + g(e(s)("snis.list.toolbar_actions.new")), 1)
+                    ]),
+                    _: 1
+                  })) : q("", !0),
+                  l(v, {
+                    appearance: "secondary",
+                    "data-testid": "entity-learn-more-button",
+                    onClick: c[2] || (c[2] = (f) => i.$emit("click:learn-more"))
+                  }, {
+                    default: r(() => [
+                      l(e(pe), { decorative: "" }),
+                      S(" " + g(e(s)("snis.list.empty_state_v2.learn_more")), 1)
                     ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["message", "title"])
-              ];
-            }),
+                    _: 1
+                  })
+                ]),
+                _: 2
+              }, [
+                t.config?.isControlPlaneGroup ? {
+                  name: "default",
+                  fn: r(() => [
+                    S(g(e(s)("snis.list.empty_state_v2.group")), 1)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["message", "title"])
+            ]),
             key: "0"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        d(e(Be), {
-          "action-pending": F.value,
-          description: e(r)("delete.description"),
-          "entity-name": k.value && (k.value.name || k.value.id),
-          "entity-type": e(Te).SNI,
-          error: A.value,
+        l(e(Re), {
+          "action-pending": x.value,
+          description: e(s)("delete.description"),
+          "entity-name": h.value && (h.value.name || h.value.id),
+          "entity-type": e(Be).SNI,
+          error: O.value,
           "need-confirm": !1,
-          title: e(r)("delete.title"),
-          visible: x.value,
-          onCancel: L,
-          onProceed: J
+          title: e(s)("delete.title"),
+          visible: M.value,
+          onCancel: A,
+          onProceed: n
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), Se = (t, D) => {
-  const v = t.__vccOpts || t;
-  for (const [a, r] of D)
-    v[a] = r;
-  return v;
-}, lt = /* @__PURE__ */ Se(Ye, [["__scopeId", "data-v-fa9cde4b"]]), Ze = { class: "kong-ui-entities-snis-form" }, et = { "data-testid": "no-search-results" }, tt = {
+}), be = (t, F) => {
+  const m = t.__vccOpts || t;
+  for (const [a, s] of F)
+    m[a] = s;
+  return m;
+}, rt = /* @__PURE__ */ be(Xe, [["__scopeId", "data-v-fa9cde4b"]]), Ye = { class: "kong-ui-entities-snis-form" }, Ze = { "data-testid": "no-search-results" }, et = {
   key: 2,
   class: "invalid-certificate-message",
   "data-testid": "invalid-certificate-message"
-}, at = /* @__PURE__ */ ye({
+}, tt = /* @__PURE__ */ me({
   __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: (t) => !(!t || !["konnect", "kongManager"].includes(t == null ? void 0 : t.app) || t.app === "konnect" && !t.controlPlaneId || t.app === "kongManager" && typeof t.workspace != "string" || !t.cancelRoute)
+      validator: (t) => !(!t || !["konnect", "kongManager"].includes(t?.app) || t.app === "konnect" && !t.controlPlaneId || t.app === "kongManager" && typeof t.workspace != "string" || !t.cancelRoute)
     },
     /** If a valid SNI ID is provided, it will put the form in Edit mode instead of Create */
     sniId: {
@@ -534,9 +450,8 @@ const ke = {
     }
   },
   emits: ["update", "error", "loading"],
-  setup(t, { emit: D }) {
-    var J;
-    const v = D, a = t, r = he(), { i18n: { t: p } } = ke.useI18n(), { getMessageFromError: Z } = Ke(), { axiosInstance: R } = be((J = a.config) == null ? void 0 : J.axiosRequestConfig), ee = y(() => W.form[a.config.app].edit), w = y(() => a.sniId ? le.Edit : le.Create), N = y(() => a.config.certificateId && w.value === le.Create ? a.config.certificateId : ""), s = pe({
+  setup(t, { emit: F }) {
+    const m = F, a = t, s = ye(), { i18n: { t: d } } = he.useI18n(), { getMessageFromError: X } = Te(), { axiosInstance: D } = ve(a.config?.axiosRequestConfig), Y = p(() => G.form[a.config.app].edit), E = p(() => a.sniId ? se.Edit : se.Create), w = p(() => a.config.certificateId && E.value === se.Create ? a.config.certificateId : ""), o = ue({
       fields: {
         name: "",
         tags: "",
@@ -544,159 +459,153 @@ const ke = {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), B = pe({
+    }), R = ue({
       name: "",
       tags: "",
       certificate_id: ""
-    }), te = y(() => JSON.stringify(s.fields) !== JSON.stringify(B) && !!s.fields.name && !!(s.fields.certificate_id || N.value)), U = (l) => {
-      var o, g;
-      s.fields.name = (l == null ? void 0 : l.name) || "", s.fields.tags = ((o = l == null ? void 0 : l.tags) == null ? void 0 : o.join(", ")) || "", s.fields.certificate_id = ((g = l == null ? void 0 : l.certificate) == null ? void 0 : g.id) || "", Object.assign(B, s.fields);
-    }, _ = () => {
-      r.push(a.config.cancelRoute);
-    }, T = y(() => {
-      var o, g;
-      let l = `${a.config.apiBaseUrl}${W.form[a.config.app][w.value]}`;
-      return a.config.app === "konnect" && (l = l.replace(/{controlPlaneId}/gi, ((o = a.config) == null ? void 0 : o.controlPlaneId) || "")), l.replace(/\/{workspace}/gi, (g = a.config) != null && g.workspace ? `/${a.config.workspace}` : "").replace(/{id}/gi, a.sniId ?? "");
-    }), $ = y(() => {
-      var l, o;
-      return {
-        name: s.fields.name,
-        tags: (o = (l = s.fields.tags.split(",")) == null ? void 0 : l.map((g) => String(g || "").trim())) == null ? void 0 : o.filter((g) => g !== ""),
-        certificate: { id: N.value || s.fields.certificate_id }
-      };
-    }), ae = async () => {
-      var l, o, g, i, n, f;
+    }), Z = p(() => JSON.stringify(o.fields) !== JSON.stringify(R) && !!o.fields.name && !!(o.fields.certificate_id || w.value)), P = (n) => {
+      o.fields.name = n?.name || "", o.fields.tags = n?.tags?.join(", ") || "", o.fields.certificate_id = n?.certificate?.id || "", Object.assign(R, o.fields);
+    }, k = () => {
+      s.push(a.config.cancelRoute);
+    }, B = p(() => {
+      let n = `${a.config.apiBaseUrl}${G.form[a.config.app][E.value]}`;
+      return a.config.app === "konnect" && (n = n.replace(/{controlPlaneId}/gi, a.config?.controlPlaneId || "")), n.replace(/\/{workspace}/gi, a.config?.workspace ? `/${a.config.workspace}` : "").replace(/{id}/gi, a.sniId ?? "");
+    }), N = p(() => ({
+      name: o.fields.name,
+      tags: o.fields.tags.split(",")?.map((n) => String(n || "").trim())?.filter((n) => n !== ""),
+      certificate: { id: w.value || o.fields.certificate_id }
+    })), ee = async () => {
       try {
-        s.isReadonly = !0;
-        let u;
-        w.value === "create" ? u = await R.post(T.value, $.value) : w.value === "edit" && (u = ((l = a.config) == null ? void 0 : l.app) === "konnect" ? await R.put(T.value, $.value) : await R.patch(T.value, $.value)), s.fields.name = ((o = u == null ? void 0 : u.data) == null ? void 0 : o.name) || "", s.fields.tags = ((i = (g = u == null ? void 0 : u.data) == null ? void 0 : g.tags) == null ? void 0 : i.join(", ")) || "", s.fields.certificate_id = ((f = (n = u == null ? void 0 : u.data) == null ? void 0 : n.certificate) == null ? void 0 : f.id) || "", Object.assign(B, s.fields), v("update", u == null ? void 0 : u.data);
-      } catch (u) {
-        s.errorMessage = Z(u), v("error", u);
+        o.isReadonly = !0;
+        let n;
+        E.value === "create" ? n = await D.post(B.value, N.value) : E.value === "edit" && (n = a.config?.app === "konnect" ? await D.put(B.value, N.value) : await D.patch(B.value, N.value)), o.fields.name = n?.data?.name || "", o.fields.tags = n?.data?.tags?.join(", ") || "", o.fields.certificate_id = n?.data?.certificate?.id || "", Object.assign(R, o.fields), m("update", n?.data);
+      } catch (n) {
+        o.errorMessage = X(n), m("error", n);
       } finally {
-        s.isReadonly = !1;
+        o.isReadonly = !1;
       }
     }, {
-      debouncedQueryChange: K,
-      loading: ie,
-      allRecords: ne,
-      error: M,
-      validationError: V,
-      loadItems: oe,
-      results: se
-    } = Ve(a.config, W.form[a.config.app].certificates), re = (l) => {
-      K(l);
-    }, k = y(() => M.value ? p("errors.certificates.fetch") : ""), x = y(() => V.value ? p("errors.certificates.invalid") : ""), F = S(0), A = y(() => ne.value === void 0), q = S(/* @__PURE__ */ new Set()), j = y(() => Array.from(q.value).map((o) => ({
-      label: o,
-      value: o,
-      selected: s.fields.certificate_id === o
-    }))), L = (l) => {
-      q.value.clear();
-      let o;
-      for (o of l)
-        q.value.add(o.id);
+      debouncedQueryChange: T,
+      loading: te,
+      allRecords: ae,
+      error: $,
+      validationError: K,
+      loadItems: ie,
+      results: ne
+    } = Ke(a.config, G.form[a.config.app].certificates), oe = (n) => {
+      T(n);
+    }, h = p(() => $.value ? d("errors.certificates.fetch") : ""), M = p(() => K.value ? d("errors.certificates.invalid") : ""), x = b(0), O = p(() => ae.value === void 0), V = b(/* @__PURE__ */ new Set()), U = p(() => Array.from(V.value).map((u) => ({
+      label: u,
+      value: u,
+      selected: o.fields.certificate_id === u
+    }))), A = (n) => {
+      V.value.clear();
+      let u;
+      for (u of n)
+        V.value.add(u.id);
     };
-    return de(se, (l) => {
-      L(l);
-    }, { immediate: !0, deep: !0 }), de(j, () => {
-      F.value++;
-    }, { immediate: !0, deep: !0 }), ve(async () => {
-      await oe();
-    }), (l, o) => {
-      const g = E("KInput"), i = E("KSelect");
-      return b(), X("div", Ze, [
-        d(e(qe), {
-          "can-submit": te.value,
+    return le(ne, (n) => {
+      A(n);
+    }, { immediate: !0, deep: !0 }), le(U, () => {
+      x.value++;
+    }, { immediate: !0, deep: !0 }), ge(async () => {
+      await ie();
+    }), (n, u) => {
+      const I = C("KInput"), i = C("KSelect");
+      return y(), H("div", Ye, [
+        l(e(Ve), {
+          "can-submit": Z.value,
           config: t.config,
           "edit-id": t.sniId,
-          "entity-type": e(Pe).SNI,
-          "error-message": s.errorMessage || k.value,
-          "fetch-url": ee.value,
-          "form-fields": $.value,
-          "is-readonly": s.isReadonly,
-          onCancel: _,
-          "onFetch:error": o[3] || (o[3] = (n) => l.$emit("error", n)),
-          "onFetch:success": U,
-          onLoading: o[4] || (o[4] = (n) => l.$emit("loading", n)),
-          onSubmit: ae
+          "entity-type": e(qe).SNI,
+          "error-message": o.errorMessage || h.value,
+          "fetch-url": Y.value,
+          "form-fields": N.value,
+          "is-readonly": o.isReadonly,
+          onCancel: k,
+          "onFetch:error": u[3] || (u[3] = (c) => n.$emit("error", c)),
+          "onFetch:success": P,
+          onLoading: u[4] || (u[4] = (c) => n.$emit("loading", c)),
+          onSubmit: ee
         }, {
-          default: c(() => [
-            d(e(me), {
-              description: e(p)("form.sections.general.description"),
-              title: e(p)("form.sections.general.title")
+          default: r(() => [
+            l(e(fe), {
+              description: e(d)("form.sections.general.description"),
+              title: e(d)("form.sections.general.title")
             }, {
-              default: c(() => [
-                d(g, {
-                  modelValue: s.fields.name,
-                  "onUpdate:modelValue": o[0] || (o[0] = (n) => s.fields.name = n),
+              default: r(() => [
+                l(I, {
+                  modelValue: o.fields.name,
+                  "onUpdate:modelValue": u[0] || (u[0] = (c) => o.fields.name = c),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "sni-form-name",
-                  label: e(p)("form.fields.name.label"),
-                  placeholder: e(p)("form.fields.name.placeholder"),
-                  readonly: s.isReadonly,
+                  label: e(d)("form.fields.name.label"),
+                  placeholder: e(d)("form.fields.name.placeholder"),
+                  readonly: o.isReadonly,
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                d(g, {
-                  modelValue: s.fields.tags,
-                  "onUpdate:modelValue": o[1] || (o[1] = (n) => s.fields.tags = n),
+                l(I, {
+                  modelValue: o.fields.tags,
+                  "onUpdate:modelValue": u[1] || (u[1] = (c) => o.fields.tags = c),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "sni-form-tags",
-                  help: e(p)("form.fields.tags.help"),
-                  label: e(p)("form.fields.tags.label"),
+                  help: e(d)("form.fields.tags.help"),
+                  label: e(d)("form.fields.tags.label"),
                   "label-attributes": {
-                    info: e(p)("form.fields.tags.tooltip"),
+                    info: e(d)("form.fields.tags.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: e(p)("form.fields.tags.placeholder"),
-                  readonly: s.isReadonly,
+                  placeholder: e(d)("form.fields.tags.placeholder"),
+                  readonly: o.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            d(e(me), {
-              description: e(p)("form.sections.certificate.description"),
+            l(e(fe), {
+              description: e(d)("form.sections.certificate.description"),
               "has-divider": "",
-              title: e(p)("form.sections.certificate.title")
+              title: e(d)("form.sections.certificate.title")
             }, {
-              default: c(() => [
-                N.value ? (b(), C(g, {
+              default: r(() => [
+                w.value ? (y(), _(I, {
                   key: 0,
                   "data-testid": "sni-form-certificate-id",
-                  label: e(p)("form.fields.certificate_id.label"),
-                  "model-value": N.value,
+                  label: e(d)("form.fields.certificate_id.label"),
+                  "model-value": w.value,
                   readonly: "",
                   required: "",
                   width: "100%"
-                }, null, 8, ["label", "model-value"])) : (b(), C(i, {
+                }, null, 8, ["label", "model-value"])) : (y(), _(i, {
                   key: 1,
-                  modelValue: s.fields.certificate_id,
-                  "onUpdate:modelValue": o[2] || (o[2] = (n) => s.fields.certificate_id = n),
+                  modelValue: o.fields.certificate_id,
+                  "onUpdate:modelValue": u[2] || (u[2] = (c) => o.fields.certificate_id = c),
                   clearable: "",
                   "data-testid": "sni-form-certificate-id",
-                  "dropdown-footer-text": A.value ? e(p)("form.fields.certificate_id.footer") : void 0,
+                  "dropdown-footer-text": O.value ? e(d)("form.fields.certificate_id.footer") : void 0,
                   "enable-filtering": "",
                   "filter-function": () => !0,
-                  items: j.value,
-                  label: e(p)("form.fields.certificate_id.label"),
-                  loading: e(ie),
-                  placeholder: e(p)("form.fields.certificate_id.placeholder"),
-                  readonly: s.isReadonly,
+                  items: U.value,
+                  label: e(d)("form.fields.certificate_id.label"),
+                  loading: e(te),
+                  placeholder: e(d)("form.fields.certificate_id.placeholder"),
+                  readonly: o.isReadonly,
                   required: "",
                   width: "100%",
-                  onQueryChange: re
+                  onQueryChange: oe
                 }, {
-                  loading: c(() => [
-                    Y("div", null, h(e(p)("actions.loading")), 1)
+                  loading: r(() => [
+                    W("div", null, g(e(d)("actions.loading")), 1)
                   ]),
-                  empty: c(() => [
-                    Y("div", et, h(e(p)("search.no_results")), 1)
+                  empty: r(() => [
+                    W("div", Ze, g(e(d)("search.no_results")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"])),
-                x.value ? (b(), X("p", tt, h(x.value), 1)) : O("", !0)
+                M.value ? (y(), H("p", et, g(M.value), 1)) : q("", !0)
               ]),
               _: 1
             }, 8, ["description", "title"])
@@ -706,8 +615,8 @@ const ke = {
       ]);
     };
   }
-}), ct = /* @__PURE__ */ Se(at, [["__scopeId", "data-v-25387b59"]]);
+}), lt = /* @__PURE__ */ be(tt, [["__scopeId", "data-v-25387b59"]]);
 export {
-  ct as SniForm,
-  lt as SniList
+  lt as SniForm,
+  rt as SniList
 };