@kong-ui-public/entities-snis 3.5.75 → 3.6.0

package/dist/entities-snis.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as ce, computed as y, ref as _, watch as ne, onBeforeMount as de, resolveComponent as F, openBlock as S, createElementBlock as A, createVNode as f, unref as a, withCtx as u, createBlock as L, Teleport as me, createTextVNode as j, toDisplayString as C, createElementVNode as oe, reactive as re, createCommentVNode as ge } from "vue";
-import { createI18n as ye, i18nTComponent as ve } from "@kong-ui-public/i18n";
-import { useAxios as fe, useFetcher as he, useDeleteUrlBuilder as be, FetcherStatus as ke, EntityBaseTable as Ie, EntityFilter as _e, PermissionsWrapper as ie, TableTags as Ce, EntityDeleteModal as Se, EntityTypes as Ee, useErrors as Me, EntityBaseFormType as ae, useDebouncedFilter as $e, EntityBaseForm as xe, SupportedEntityType as Fe, EntityFormSection as le } from "@kong-ui-public/entities-shared";
-import { AddIcon as Ne } from "@kong/icons";
-import { useRouter as we } from "vue-router";
-const De = {
+import { defineComponent as me, computed as g, ref as k, watch as le, onBeforeMount as ge, resolveComponent as D, openBlock as h, createElementBlock as W, createVNode as d, unref as a, createSlots as Se, withCtx as u, createBlock as F, Teleport as de, createElementVNode as P, createCommentVNode as ye, createTextVNode as H, toDisplayString as I, reactive as ue } from "vue";
+import { useRouter as ve } 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 Ne, FetcherStatus as Me, EntityBaseTable as we, 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 fe } from "@kong-ui-public/entities-shared";
+import { BookIcon as pe, AddIcon as Ue, CloudIcon as qe } from "@kong/icons";
+const Pe = {
   create: "New SNI",
   copy_id: "Copy ID",
   copy_json: "Copy JSON",
@@ -11,10 +11,10 @@ const De = {
   delete: "Delete",
   clear: "Clear",
   loading: "Loading..."
-}, Re = {
+}, Ae = {
   placeholder: "Filter by exact name or ID",
   no_results: "No results found"
-}, Be = {
+}, Le = {
   title: "SNIs",
   list: {
     toolbar_actions: {
@@ -29,9 +29,14 @@ const De = {
     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.",
+      create_cta: "New SNI"
     }
   }
-}, Te = {
+}, je = {
   sections: {
     general: {
       title: "General Information",
@@ -59,7 +64,7 @@ const De = {
       footer: "Search by exact ID to find certificates not included in the list"
     }
   }
-}, Ve = {
+}, Je = {
   delete: "The SNI could not be deleted at this time.",
   general: "SNIs could not be retrieved",
   certificates: {
@@ -67,55 +72,55 @@ const De = {
     invalid: "Please select a valid certificate ID"
   },
   copy: "Failed to copy to clipboard"
-}, Ke = {
+}, Qe = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, qe = {
-  actions: De,
-  search: Re,
-  snis: Be,
-  form: Te,
+}, ze = {
+  actions: Pe,
+  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: Ve,
-  copy: Ke
+  errors: Je,
+  copy: Qe
 };
-function Pe() {
-  const i = ye("en-us", qe);
+function He() {
+  const i = Ce("en-us", ze);
   return {
     i18n: i,
-    i18nT: ve(i)
+    i18nT: _e(i)
     // Translation component <i18n-t>
   };
 }
-const ue = {
-  useI18n: Pe
-}, K = "/v2/control-planes/{controlPlaneId}/core-entities", q = "/{workspace}", P = {
+const he = {
+  useI18n: He
+}, O = "/v2/control-planes/{controlPlaneId}/core-entities", U = "/{workspace}", q = {
   list: {
     konnect: {
-      all: `${K}/snis`
+      all: `${O}/snis`
     },
     kongManager: {
-      all: `${q}/snis`
+      all: `${U}/snis`
     }
   },
   form: {
     konnect: {
-      create: `${K}/snis`,
-      edit: `${K}/snis/{id}`,
-      validate: `${K}/v1/schemas/json/sni/validate`,
-      certificates: `${K}/certificates`
+      create: `${O}/snis`,
+      edit: `${O}/snis/{id}`,
+      validate: `${O}/v1/schemas/json/sni/validate`,
+      certificates: `${O}/certificates`
     },
     kongManager: {
-      create: `${q}/snis`,
-      edit: `${q}/snis/{id}`,
-      validate: `${q}/schemas/snis/validate`,
-      certificates: `${q}/certificates`
+      create: `${U}/snis`,
+      edit: `${U}/snis/{id}`,
+      validate: `${U}/schemas/snis/validate`,
+      certificates: `${U}/certificates`
     }
   }
-}, Ue = { class: "kong-ui-entities-snis-list" }, Oe = { key: 1 }, je = /* @__PURE__ */ ce({
+}, We = "#00abd2", Ge = "24px", Xe = { class: "kong-ui-entities-snis-list" }, Ze = { class: "button-row" }, Ye = { class: "empty-state-icon-gateway" }, et = { key: 1 }, tt = /* @__PURE__ */ me({
   __name: "SniList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -157,229 +162,255 @@ const ue = {
     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", "copy:success", "copy:error", "delete:success"],
-  setup(i, { emit: N }) {
-    var O;
-    const v = N, e = i, { i18n: { t: l } } = ue.useI18n(), { axiosInstance: c } = fe((O = e.config) == null ? void 0 : O.axiosRequestConfig), J = y(() => e.config.app !== "kongManager" || !!e.config.disableSorting), E = {
+  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 } } = he.useI18n(), p = ve(), { axiosInstance: G } = be((o = t.config) == null ? void 0 : o.axiosRequestConfig), { hasRecords: S, handleStateChange: X } = Ee(() => C.value), E = g(() => S.value && t.config.app === "konnect"), $ = g(() => !t.enableV2EmptyStates && t.config.app === "konnect"), s = g(() => t.config.app !== "kongManager" || !!t.config.disableSorting), N = {
       // 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 }
-    }, Q = E, $ = (n) => ({
+    }, Z = N, Y = (e) => ({
       style: {
-        maxWidth: n.headerKey === "name" ? "250px" : n.headerKey === "certificate" ? "350px" : null
+        maxWidth: e.headerKey === "name" ? "250px" : e.headerKey === "certificate" ? "350px" : null
       }
-    }), M = y(() => {
-      var d, p;
-      let n = `${e.config.apiBaseUrl}${P.list[e.config.app].all}`;
-      return e.config.app === "konnect" ? n = n.replace(/{controlPlaneId}/gi, ((d = e.config) == null ? void 0 : d.controlPlaneId) || "") : e.config.app === "kongManager" && (n = n.replace(/\/{workspace}/gi, (p = e.config) != null && p.workspace ? `/${e.config.workspace}` : "")), n;
-    }), r = _(""), w = y(() => {
-      const n = e.config.app === "konnect" || e.config.isExactMatch;
-      if (n)
+    }), A = g(() => {
+      var c, r;
+      let e = `${t.config.apiBaseUrl}${q.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;
+    }), C = k(""), B = g(() => {
+      const e = t.config.app === "konnect" || t.config.isExactMatch;
+      if (e)
         return {
-          isExactMatch: n,
+          isExactMatch: e,
           placeholder: l("search.placeholder")
         };
-      const { name: d } = E;
+      const { name: c } = N;
       return {
-        isExactMatch: n,
-        fields: { name: d },
-        schema: e.config.filterSchema
+        isExactMatch: e,
+        fields: { name: c },
+        schema: t.config.filterSchema
       };
     }), {
-      fetcher: W,
-      fetcherState: z,
-      fetcherCacheKey: D
-    } = he({ ...e.config, cacheIdentifier: e.cacheIdentifier }, M.value), G = () => {
-      r.value = "";
-    }, R = () => {
-      D.value++;
-    }, b = _(null), B = _({
-      ctaPath: e.config.createRoute,
+      fetcher: _,
+      fetcherState: ee,
+      fetcherCacheKey: T
+    } = $e({ ...t.config, cacheIdentifier: t.cacheIdentifier }, A.value), te = () => {
+      C.value = "";
+    }, ae = () => {
+      T.value++;
+    }, M = k(null), V = k({
+      ctaPath: t.config.createRoute,
       ctaText: void 0,
-      message: `${l("snis.list.empty_state.description")}${e.config.additionMessageForEmptyState ? ` ${e.config.additionMessageForEmptyState}` : ""}`,
+      message: `${l("snis.list.empty_state.description")}${t.config.additionMessageForEmptyState ? ` ${t.config.additionMessageForEmptyState}` : ""}`,
       title: l("snis.title")
-    }), H = (n, d) => {
-      const p = n.id;
-      if (!d(p)) {
-        v("copy:error", {
-          entity: n,
+    }), ie = (e, c) => {
+      const r = e.id;
+      if (!c(r)) {
+        y("copy:error", {
+          entity: e,
           field: "id",
           message: l("errors.copy")
         });
         return;
       }
-      v("copy:success", {
-        entity: n,
+      y("copy:success", {
+        entity: e,
         field: "id",
-        message: l("copy.success", { val: p })
+        message: l("copy.success", { val: r })
       });
-    }, X = (n, d) => {
-      const p = JSON.stringify(n);
-      if (!d(p)) {
-        v("copy:error", {
-          entity: n,
+    }, ne = (e, c) => {
+      const r = JSON.stringify(e);
+      if (!c(r)) {
+        y("copy:error", {
+          entity: e,
           message: l("errors.copy")
         });
         return;
       }
-      v("copy:success", {
-        entity: n,
+      y("copy:success", {
+        entity: e,
         message: l("copy.success_brief")
       });
-    }, Y = (n) => ({
+    }, oe = (e) => ({
       label: l("actions.edit"),
-      to: e.config.getEditRoute(n)
-    }), k = _(void 0), T = _(!1), x = _(!1), U = _(""), Z = be(e.config, M.value), ee = (n) => {
-      k.value = n, T.value = !0;
-    }, V = () => {
-      T.value = !1, k.value = void 0;
-    }, te = async () => {
-      var n, d, p;
-      if ((n = k.value) != null && n.id) {
+      to: t.config.getEditRoute(e)
+    }), b = k(void 0), w = k(!1), x = k(!1), L = k(""), K = Ne(t.config, A.value), j = (e) => {
+      b.value = e, w.value = !0;
+    }, J = () => {
+      w.value = !1, b.value = void 0;
+    }, Q = async () => {
+      var e, c, r;
+      if ((e = b.value) != null && e.id) {
         x.value = !0;
         try {
-          await c.delete(Z(k.value.id)), v("delete:success", k.value), x.value = !1, V(), D.value++;
-        } catch (h) {
-          U.value = ((p = (d = h.response) == null ? void 0 : d.data) == null ? void 0 : p.message) || h.message || l("errors.delete"), v("error", h);
+          await G.delete(K(b.value.id)), y("delete:success", b.value), x.value = !1, J(), T.value++;
+        } catch (v) {
+          L.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 = () => {
+      p.push(t.config.createRoute);
     };
-    return ne(z, (n) => {
-      var d, p, h;
-      if (n.status === ke.Error) {
-        b.value = {
+    return le(ee, (e) => {
+      var c, r, v;
+      if (e.status === Me.Error) {
+        M.value = {
           title: l("errors.general")
-        }, (h = (p = (d = n.error) == null ? void 0 : d.response) == null ? void 0 : p.data) != null && h.message && (b.value.message = n.error.response.data.message), v("error", n.error);
+        }, (v = (r = (c = e.error) == null ? void 0 : c.response) == null ? void 0 : r.data) != null && v.message && (M.value.message = e.error.response.data.message), y("error", e.error);
         return;
       }
-      b.value = null;
-    }), de(async () => {
-      await e.canCreate() && (B.value.title = l("snis.list.empty_state.title"), B.value.ctaText = l("actions.create"));
-    }), (n, d) => {
-      const p = F("KButton"), h = F("KCopy"), t = F("KDropdownItem"), s = F("KClipboardProvider");
-      return S(), A("div", Ue, [
-        f(a(Ie), {
+      M.value = null;
+    }), ge(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 h(), W("div", Xe, [
+        d(a(we), {
           "cache-identifier": i.cacheIdentifier,
-          "cell-attributes": $,
+          "cell-attributes": Y,
           "disable-row-click": !0,
-          "disable-sorting": J.value,
-          "empty-state-options": B.value,
+          "disable-sorting": s.value,
+          "empty-state-options": V.value,
           "enable-entity-actions": "",
-          "error-message": b.value,
-          fetcher: a(W),
-          "fetcher-cache-key": a(D),
+          "error-message": M.value,
+          fetcher: a(_),
+          "fetcher-cache-key": a(T),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-snis-list",
-          query: r.value,
-          "table-headers": a(Q),
-          onClearSearchInput: G,
-          onSort: R
-        }, {
+          query: C.value,
+          "table-headers": a(Z),
+          onClearSearchInput: te,
+          onSort: ae,
+          onState: a(X)
+        }, Se({
           "toolbar-filter": u(() => [
-            f(a(_e), {
-              modelValue: r.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (o) => r.value = o),
-              config: w.value
+            d(a(xe), {
+              modelValue: C.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (m) => C.value = m),
+              config: B.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": u(() => [
-            (S(), L(me, {
+            (h(), F(de, {
               disabled: !i.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              f(a(ie), {
-                "auth-function": () => i.canCreate()
-              }, {
-                default: u(() => [
-                  f(p, {
-                    appearance: "primary",
-                    "data-testid": "toolbar-add-sni",
-                    size: i.useActionOutside ? "medium" : "large",
-                    to: i.config.createRoute
-                  }, {
-                    default: u(() => [
-                      f(a(Ne)),
-                      j(" " + C(a(l)("snis.list.toolbar_actions.new")), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["size", "to"])
-                ]),
-                _: 1
-              }, 8, ["auth-function"])
+              P("div", Ze, [
+                E.value ? (h(), F(r, {
+                  key: 0,
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "snis-learn-more-button",
+                  icon: "",
+                  onClick: c[1] || (c[1] = (m) => e.$emit("click:learn-more"))
+                }, {
+                  default: u(() => [
+                    d(a(pe), { decorative: "" })
+                  ]),
+                  _: 1
+                })) : ye("", !0),
+                d(a(se), {
+                  "auth-function": () => i.canCreate()
+                }, {
+                  default: u(() => [
+                    d(r, {
+                      appearance: "primary",
+                      "data-testid": "toolbar-add-sni",
+                      size: i.useActionOutside ? "medium" : "large",
+                      to: i.config.createRoute
+                    }, {
+                      default: u(() => [
+                        d(a(Ue)),
+                        H(" " + I(a(l)("snis.list.toolbar_actions.new")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "to"])
+                  ]),
+                  _: 1
+                }, 8, ["auth-function"])
+              ])
             ], 8, ["disabled"]))
           ]),
-          name: u(({ rowValue: o }) => [
-            oe("b", null, C(o ?? "-"), 1)
+          name: u(({ rowValue: m }) => [
+            P("b", null, I(m ?? "-"), 1)
           ]),
-          certificate: u(({ row: o }) => [
-            o.certificate && o.certificate.id ? (S(), L(h, {
+          certificate: u(({ row: m }) => [
+            m.certificate && m.certificate.id ? (h(), F(v, {
               key: 0,
               class: "copy-certificate-uuid",
               "data-testid": "copy-certificate-uuid",
-              text: o.certificate.id,
+              text: m.certificate.id,
               truncate: ""
-            }, null, 8, ["text"])) : (S(), A("span", Oe, "-"))
+            }, null, 8, ["text"])) : (h(), W("span", et, "-"))
           ]),
-          tags: u(({ rowValue: o }) => [
-            f(a(Ce), { tags: o }, null, 8, ["tags"])
+          tags: u(({ rowValue: m }) => [
+            d(a(De), { tags: m }, null, 8, ["tags"])
           ]),
-          actions: u(({ row: o }) => [
-            f(s, null, {
-              default: u(({ copyToClipboard: I }) => [
-                f(t, {
+          actions: u(({ row: m }) => [
+            d(ce, null, {
+              default: u(({ copyToClipboard: z }) => [
+                d(f, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (g) => H(o, I)
+                  onClick: (Ie) => ie(m, z)
                 }, {
                   default: u(() => [
-                    j(C(a(l)("actions.copy_id")), 1)
+                    H(I(a(l)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            f(s, null, {
-              default: u(({ copyToClipboard: I }) => [
-                f(t, {
+            d(ce, null, {
+              default: u(({ copyToClipboard: z }) => [
+                d(f, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (g) => X(o, I)
+                  onClick: (Ie) => ne(m, z)
                 }, {
                   default: u(() => [
-                    j(C(a(l)("actions.copy_json")), 1)
+                    H(I(a(l)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            f(a(ie), {
-              "auth-function": () => i.canEdit(o)
+            d(a(se), {
+              "auth-function": () => i.canEdit(m)
             }, {
               default: u(() => [
-                f(t, {
+                d(f, {
                   "data-testid": "action-entity-edit",
-                  item: Y(o.id)
+                  item: oe(m.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            f(a(ie), {
-              "auth-function": () => i.canDelete(o)
+            d(a(se), {
+              "auth-function": () => i.canDelete(m)
             }, {
               default: u(() => [
-                f(t, {
+                d(f, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (I) => ee(o)
+                  onClick: (z) => j(m)
                 }, {
                   default: u(() => [
-                    j(C(a(l)("actions.delete")), 1)
+                    H(I(a(l)("actions.delete")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -387,33 +418,83 @@ const ue = {
               _: 2
             }, 1032, ["auth-function"])
           ]),
-          _: 1
-        }, 8, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers"]),
-        f(a(Se), {
+          _: 2
+        }, [
+          !a(S) && $.value ? {
+            name: "outside-actions",
+            fn: u(() => [
+              (h(), F(de, {
+                disabled: !i.useActionOutside,
+                to: "#kong-ui-app-page-header-action-button"
+              }, [
+                d(r, {
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "sni-learn-more-button",
+                  icon: "",
+                  onClick: c[2] || (c[2] = (m) => e.$emit("click:learn-more"))
+                }, {
+                  default: u(() => [
+                    d(a(pe), { decorative: "" })
+                  ]),
+                  _: 1
+                })
+              ], 8, ["disabled"]))
+            ]),
+            key: "0"
+          } : void 0,
+          i.enableV2EmptyStates && i.config.app === "konnect" ? {
+            name: "empty-state",
+            fn: u(() => [
+              d(a(Fe), {
+                "action-button-text": a(l)("snis.list.toolbar_actions.new"),
+                appearance: "secondary",
+                "can-create": () => i.canCreate(),
+                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] = (m) => e.$emit("click:learn-more"))
+              }, {
+                image: u(() => [
+                  P("div", Ye, [
+                    d(a(qe), {
+                      color: a(We),
+                      size: a(Ge)
+                    }, null, 8, ["color", "size"])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["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"]),
+        d(a(Re), {
           "action-pending": x.value,
           description: a(l)("delete.description"),
-          "entity-name": k.value && (k.value.name || k.value.id),
-          "entity-type": a(Ee).SNI,
-          error: U.value,
+          "entity-name": b.value && (b.value.name || b.value.id),
+          "entity-type": a(Be).SNI,
+          error: L.value,
           "need-confirm": !1,
           title: a(l)("delete.title"),
-          visible: T.value,
-          onCancel: V,
-          onProceed: te
+          visible: w.value,
+          onCancel: J,
+          onProceed: Q
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), pe = (i, N) => {
-  const v = i.__vccOpts || i;
-  for (const [e, l] of N)
-    v[e] = l;
-  return v;
-}, Ye = /* @__PURE__ */ pe(je, [["__scopeId", "data-v-38777abd"]]), Ae = { class: "kong-ui-entities-snis-form" }, Le = { "data-testid": "no-search-results" }, Je = {
+}), ke = (i, R) => {
+  const y = i.__vccOpts || i;
+  for (const [t, l] of R)
+    y[t] = l;
+  return y;
+}, ut = /* @__PURE__ */ ke(tt, [["__scopeId", "data-v-dfdb7df6"]]), 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"
-}, Qe = /* @__PURE__ */ ce({
+}, ot = /* @__PURE__ */ me({
   __name: "SniForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -430,9 +511,9 @@ const ue = {
     }
   },
   emits: ["update", "error", "loading"],
-  setup(i, { emit: N }) {
-    var h;
-    const v = N, e = i, l = we(), { i18n: { t: c } } = ue.useI18n(), { getMessageFromError: J } = Me(), { axiosInstance: E } = fe((h = e.config) == null ? void 0 : h.axiosRequestConfig), Q = y(() => P.form[e.config.app].edit), $ = y(() => e.sniId ? ae.Edit : ae.Create), M = y(() => e.config.certificateId && $.value === ae.Create ? e.config.certificateId : ""), r = re({
+  setup(i, { emit: R }) {
+    var Q;
+    const y = R, t = i, l = ve(), { i18n: { t: p } } = he.useI18n(), { getMessageFromError: G } = Te(), { axiosInstance: S } = be((Q = t.config) == null ? void 0 : Q.axiosRequestConfig), X = g(() => q.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 = ue({
       fields: {
         name: "",
         tags: "",
@@ -440,163 +521,163 @@ const ue = {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), w = re({
+    }), N = ue({
       name: "",
       tags: "",
       certificate_id: ""
-    }), W = y(() => JSON.stringify(r.fields) !== JSON.stringify(w) && !!r.fields.name && !!(r.fields.certificate_id || M.value)), z = (t) => {
-      var s, o;
-      r.fields.name = (t == null ? void 0 : t.name) || "", r.fields.tags = ((s = t == null ? void 0 : t.tags) == null ? void 0 : s.join(", ")) || "", r.fields.certificate_id = ((o = t == null ? void 0 : t.certificate) == null ? void 0 : o.id) || "", Object.assign(w, r.fields);
-    }, D = () => {
-      l.push(e.config.cancelRoute);
-    }, G = y(() => {
-      var s, o;
-      let t = `${e.config.apiBaseUrl}${P.form[e.config.app].validate}`;
-      return e.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((s = e.config) == null ? void 0 : s.controlPlaneId) || "") : e.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (o = e.config) != null && o.workspace ? `/${e.config.workspace}` : "")), t = t.replace(/{id}/gi, e.sniId), t;
-    }), R = y(() => {
-      var s, o;
-      let t = `${e.config.apiBaseUrl}${P.form[e.config.app][$.value]}`;
-      return e.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((s = e.config) == null ? void 0 : s.controlPlaneId) || "") : e.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (o = e.config) != null && o.workspace ? `/${e.config.workspace}` : "")), t = t.replace(/{id}/gi, e.sniId), t;
-    }), b = y(() => {
-      var t, s;
+    }), Z = g(() => JSON.stringify(s.fields) !== JSON.stringify(N) && !!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(N, s.fields);
+    }, A = () => {
+      l.push(t.config.cancelRoute);
+    }, C = g(() => {
+      var o, e;
+      let n = `${t.config.apiBaseUrl}${q.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}${q.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: r.fields.name,
-        tags: (s = (t = r.fields.tags.split(",")) == null ? void 0 : t.map((o) => String(o || "").trim())) == null ? void 0 : s.filter((o) => o !== ""),
-        certificate: { id: M.value || r.fields.certificate_id }
+        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 }
       };
-    }), B = async () => {
-      var t, s, o, I, g, se;
+    }), ee = async () => {
+      var n, o, e, c, r, v;
       try {
-        r.isReadonly = !0;
-        let m;
-        await E.post(G.value, b.value), $.value === "create" ? m = await E.post(R.value, b.value) : $.value === "edit" && (m = ((t = e.config) == null ? void 0 : t.app) === "konnect" ? await E.put(R.value, b.value) : await E.patch(R.value, b.value)), r.fields.name = ((s = m == null ? void 0 : m.data) == null ? void 0 : s.name) || "", r.fields.tags = ((I = (o = m == null ? void 0 : m.data) == null ? void 0 : o.tags) == null ? void 0 : I.join(", ")) || "", r.fields.certificate_id = ((se = (g = m == null ? void 0 : m.data) == null ? void 0 : g.certificate) == null ? void 0 : se.id) || "", Object.assign(w, r.fields), v("update", m == null ? void 0 : m.data);
-      } catch (m) {
-        r.errorMessage = J(m), v("error", m);
+        s.isReadonly = !0;
+        let f;
+        await S.post(C.value, _.value), E.value === "create" ? f = await S.post(B.value, _.value) : E.value === "edit" && (f = ((n = t.config) == null ? void 0 : n.app) === "konnect" ? await S.put(B.value, _.value) : await S.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(N, s.fields), y("update", f == null ? void 0 : f.data);
+      } catch (f) {
+        s.errorMessage = G(f), y("error", f);
       } finally {
-        r.isReadonly = !1;
+        s.isReadonly = !1;
       }
     }, {
-      debouncedQueryChange: H,
-      loading: X,
-      allRecords: Y,
-      error: k,
-      validationError: T,
-      loadItems: x,
-      results: U
-    } = $e(e.config, P.form[e.config.app].certificates), Z = (t) => {
-      H(t);
-    }, ee = y(() => k.value ? c("errors.certificates.fetch") : ""), V = y(() => T.value ? c("errors.certificates.invalid") : ""), te = _(0), O = y(() => Y.value === void 0), n = _(/* @__PURE__ */ new Set()), d = y(() => Array.from(n.value).map((s) => ({
-      label: s,
-      value: s,
-      selected: r.fields.certificate_id === s
-    }))), p = (t) => {
-      n.value.clear();
-      let s;
-      for (s of t)
-        n.value.add(s.id);
+      debouncedQueryChange: T,
+      loading: te,
+      allRecords: ae,
+      error: M,
+      validationError: V,
+      loadItems: ie,
+      results: ne
+    } = Ve(t.config, q.form[t.config.app].certificates), oe = (n) => {
+      T(n);
+    }, b = g(() => M.value ? p("errors.certificates.fetch") : ""), w = g(() => V.value ? p("errors.certificates.invalid") : ""), x = k(0), L = g(() => ae.value === void 0), K = k(/* @__PURE__ */ new Set()), j = g(() => Array.from(K.value).map((o) => ({
+      label: o,
+      value: o,
+      selected: s.fields.certificate_id === o
+    }))), J = (n) => {
+      K.value.clear();
+      let o;
+      for (o of n)
+        K.value.add(o.id);
     };
-    return ne(U, (t) => {
-      p(t);
-    }, { immediate: !0, deep: !0 }), ne(d, () => {
-      te.value++;
-    }, { immediate: !0, deep: !0 }), de(async () => {
-      await x();
-    }), (t, s) => {
-      const o = F("KInput"), I = F("KSelect");
-      return S(), A("div", Ae, [
-        f(a(xe), {
-          "can-submit": W.value,
+    return le(ne, (n) => {
+      J(n);
+    }, { immediate: !0, deep: !0 }), le(j, () => {
+      x.value++;
+    }, { immediate: !0, deep: !0 }), ge(async () => {
+      await ie();
+    }), (n, o) => {
+      const e = D("KInput"), c = D("KSelect");
+      return h(), W("div", at, [
+        d(a(Ke), {
+          "can-submit": Z.value,
           config: i.config,
           "edit-id": i.sniId,
-          "entity-type": a(Fe).SNI,
-          "error-message": r.errorMessage || ee.value,
-          "fetch-url": Q.value,
-          "form-fields": b.value,
-          "is-readonly": r.isReadonly,
-          onCancel: D,
-          "onFetch:error": s[3] || (s[3] = (g) => t.$emit("error", g)),
-          "onFetch:success": z,
-          onLoading: s[4] || (s[4] = (g) => t.$emit("loading", g)),
-          onSubmit: B
+          "entity-type": a(Oe).SNI,
+          "error-message": s.errorMessage || b.value,
+          "fetch-url": X.value,
+          "form-fields": _.value,
+          "is-readonly": s.isReadonly,
+          onCancel: A,
+          "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: u(() => [
-            f(a(le), {
-              description: a(c)("form.sections.general.description"),
-              title: a(c)("form.sections.general.title")
+            d(a(fe), {
+              description: a(p)("form.sections.general.description"),
+              title: a(p)("form.sections.general.title")
             }, {
               default: u(() => [
-                f(o, {
-                  modelValue: r.fields.name,
-                  "onUpdate:modelValue": s[0] || (s[0] = (g) => r.fields.name = g),
+                d(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(c)("form.fields.name.label"),
-                  placeholder: a(c)("form.fields.name.placeholder"),
-                  readonly: r.isReadonly,
+                  label: a(p)("form.fields.name.label"),
+                  placeholder: a(p)("form.fields.name.placeholder"),
+                  readonly: s.isReadonly,
                   required: "",
                   type: "text"
                 }, null, 8, ["modelValue", "label", "placeholder", "readonly"]),
-                f(o, {
-                  modelValue: r.fields.tags,
-                  "onUpdate:modelValue": s[1] || (s[1] = (g) => r.fields.tags = g),
+                d(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(c)("form.fields.tags.help"),
-                  label: a(c)("form.fields.tags.label"),
+                  help: a(p)("form.fields.tags.help"),
+                  label: a(p)("form.fields.tags.label"),
                   "label-attributes": {
-                    info: a(c)("form.fields.tags.tooltip"),
+                    info: a(p)("form.fields.tags.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
-                  placeholder: a(c)("form.fields.tags.placeholder"),
-                  readonly: r.isReadonly,
+                  placeholder: a(p)("form.fields.tags.placeholder"),
+                  readonly: s.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
               ]),
               _: 1
             }, 8, ["description", "title"]),
-            f(a(le), {
-              description: a(c)("form.sections.certificate.description"),
+            d(a(fe), {
+              description: a(p)("form.sections.certificate.description"),
               "has-divider": "",
-              title: a(c)("form.sections.certificate.title")
+              title: a(p)("form.sections.certificate.title")
             }, {
               default: u(() => [
-                M.value ? (S(), L(o, {
+                $.value ? (h(), F(e, {
                   key: 0,
                   "data-testid": "sni-form-certificate-id",
-                  label: a(c)("form.fields.certificate_id.label"),
-                  "model-value": M.value,
+                  label: a(p)("form.fields.certificate_id.label"),
+                  "model-value": $.value,
                   readonly: "",
                   required: "",
                   width: "100%"
-                }, null, 8, ["label", "model-value"])) : (S(), L(I, {
+                }, null, 8, ["label", "model-value"])) : (h(), F(c, {
                   key: 1,
-                  modelValue: r.fields.certificate_id,
-                  "onUpdate:modelValue": s[2] || (s[2] = (g) => r.fields.certificate_id = g),
+                  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": O.value ? a(c)("form.fields.certificate_id.footer") : void 0,
+                  "dropdown-footer-text": L.value ? a(p)("form.fields.certificate_id.footer") : void 0,
                   "enable-filtering": "",
                   "filter-function": () => !0,
-                  items: d.value,
-                  label: a(c)("form.fields.certificate_id.label"),
-                  loading: a(X),
-                  placeholder: a(c)("form.fields.certificate_id.placeholder"),
-                  readonly: r.isReadonly,
+                  items: j.value,
+                  label: a(p)("form.fields.certificate_id.label"),
+                  loading: a(te),
+                  placeholder: a(p)("form.fields.certificate_id.placeholder"),
+                  readonly: s.isReadonly,
                   required: "",
                   width: "100%",
-                  onQueryChange: Z
+                  onQueryChange: oe
                 }, {
                   loading: u(() => [
-                    oe("div", null, C(a(c)("actions.loading")), 1)
+                    P("div", null, I(a(p)("actions.loading")), 1)
                   ]),
                   empty: u(() => [
-                    oe("div", Le, C(a(c)("search.no_results")), 1)
+                    P("div", it, I(a(p)("search.no_results")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "dropdown-footer-text", "items", "label", "loading", "placeholder", "readonly"])),
-                V.value ? (S(), A("p", Je, C(V.value), 1)) : ge("", !0)
+                w.value ? (h(), W("p", nt, I(w.value), 1)) : ye("", !0)
               ]),
               _: 1
             }, 8, ["description", "title"])
@@ -606,8 +687,8 @@ const ue = {
       ]);
     };
   }
-}), Ze = /* @__PURE__ */ pe(Qe, [["__scopeId", "data-v-414e41d7"]]);
+}), ft = /* @__PURE__ */ ke(ot, [["__scopeId", "data-v-414e41d7"]]);
 export {
-  Ze as SniForm,
-  Ye as SniList
+  ft as SniForm,
+  ut as SniList
 };

package/dist/entities-snis.umd.js

@@ -1 +1 @@
-(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared"),require("@kong/icons"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/i18n","@kong-ui-public/entities-shared","@kong/icons","vue-router"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y["kong-ui-public-entities-snis"]={},y.Vue,y["kong-ui-public-i18n"],y["kong-ui-public-entities-shared"],y.KongIcons,y.VueRouter))})(this,function(y,e,G,c,Z,v){"use strict";const ee={actions:{create:"New SNI",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",clear:"Clear",loading:"Loading..."},search:{placeholder:"Filter by exact name or ID",no_results:"No results found"},snis:{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."}}},form:{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"}}},delete:{title:"Delete an SNI",description:"This action cannot be reversed so make sure to check the SNI usage before deleting."},errors:{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"},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"}};function te(){const a=G.createI18n("en-us",ee);return{i18n:a,i18nT:G.i18nTComponent(a)}}const H={useI18n:te},w="/v2/control-planes/{controlPlaneId}/core-entities",V="/{workspace}",S={list:{konnect:{all:`${w}/snis`},kongManager:{all:`${V}/snis`}},form:{konnect:{create:`${w}/snis`,edit:`${w}/snis/{id}`,validate:`${w}/v1/schemas/json/sni/validate`,certificates:`${w}/certificates`},kongManager:{create:`${V}/snis`,edit:`${V}/snis/{id}`,validate:`${V}/schemas/snis/validate`,certificates:`${V}/certificates`}}},ie={class:"kong-ui-entities-snis-list"},ae={key:1},oe=e.defineComponent({__name:"SniList",props:{config:{type:Object,required:!0,validator:a=>!(!a||!["konnect","kongManager"].includes(a==null?void 0:a.app)||!a.createRoute||!a.getViewRoute||!a.getEditRoute||a.app==="kongManager"&&!a.isExactMatch&&!a.filterSchema)},cacheIdentifier:{type:String,default:""},canCreate:{type:Function,required:!1,default:async()=>!0},canDelete:{type:Function,required:!1,default:async()=>!0},canEdit:{type:Function,required:!1,default:async()=>!0},canRetrieve:{type:Function,required:!1,default:async()=>!0},useActionOutside:{type:Boolean,default:!1}},emits:["error","copy:success","copy:error","delete:success"],setup(a,{emit:E}){var q;const g=E,t=a,{i18n:{t:l}}=H.useI18n(),{axiosInstance:d}=c.useAxios((q=t.config)==null?void 0:q.axiosRequestConfig),P=e.computed(()=>t.config.app!=="kongManager"||!!t.config.disableSorting),I={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}},K=I,x=o=>({style:{maxWidth:o.headerKey==="name"?"250px":o.headerKey==="certificate"?"350px":null}}),_=e.computed(()=>{var f,p;let o=`${t.config.apiBaseUrl}${S.list[t.config.app].all}`;return t.config.app==="konnect"?o=o.replace(/{controlPlaneId}/gi,((f=t.config)==null?void 0:f.controlPlaneId)||""):t.config.app==="kongManager"&&(o=o.replace(/\/{workspace}/gi,(p=t.config)!=null&&p.workspace?`/${t.config.workspace}`:"")),o}),s=e.ref(""),B=e.computed(()=>{const o=t.config.app==="konnect"||t.config.isExactMatch;if(o)return{isExactMatch:o,placeholder:l("search.placeholder")};const{name:f}=I;return{isExactMatch:o,fields:{name:f},schema:t.config.filterSchema}}),{fetcher:O,fetcherState:U,fetcherCacheKey:D}=c.useFetcher({...t.config,cacheIdentifier:t.cacheIdentifier},_.value),j=()=>{s.value=""},M=()=>{D.value++},b=e.ref(null),F=e.ref({ctaPath:t.config.createRoute,ctaText:void 0,message:`${l("snis.list.empty_state.description")}${t.config.additionMessageForEmptyState?` ${t.config.additionMessageForEmptyState}`:""}`,title:l("snis.title")}),A=(o,f)=>{const p=o.id;if(!f(p)){g("copy:error",{entity:o,field:"id",message:l("errors.copy")});return}g("copy:success",{entity:o,field:"id",message:l("copy.success",{val:p})})},L=(o,f)=>{const p=JSON.stringify(o);if(!f(p)){g("copy:error",{entity:o,message:l("errors.copy")});return}g("copy:success",{entity:o,message:l("copy.success_brief")})},J=o=>({label:l("actions.edit"),to:t.config.getEditRoute(o)}),k=e.ref(void 0),$=e.ref(!1),N=e.ref(!1),R=e.ref(""),W=c.useDeleteUrlBuilder(t.config,_.value),Q=o=>{k.value=o,$.value=!0},T=()=>{$.value=!1,k.value=void 0},z=async()=>{var o,f,p;if((o=k.value)!=null&&o.id){N.value=!0;try{await d.delete(W(k.value.id)),g("delete:success",k.value),N.value=!1,T(),D.value++}catch(h){R.value=((p=(f=h.response)==null?void 0:f.data)==null?void 0:p.message)||h.message||l("errors.delete"),g("error",h)}finally{N.value=!1}}};return e.watch(U,o=>{var f,p,h;if(o.status===c.FetcherStatus.Error){b.value={title:l("errors.general")},(h=(p=(f=o.error)==null?void 0:f.response)==null?void 0:p.data)!=null&&h.message&&(b.value.message=o.error.response.data.message),g("error",o.error);return}b.value=null}),e.onBeforeMount(async()=>{await t.canCreate()&&(F.value.title=l("snis.list.empty_state.title"),F.value.ctaText=l("actions.create"))}),(o,f)=>{const p=e.resolveComponent("KButton"),h=e.resolveComponent("KCopy"),i=e.resolveComponent("KDropdownItem"),r=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(e.unref(c.EntityBaseTable),{"cache-identifier":a.cacheIdentifier,"cell-attributes":x,"disable-row-click":!0,"disable-sorting":P.value,"empty-state-options":F.value,"enable-entity-actions":"","error-message":b.value,fetcher:e.unref(O),"fetcher-cache-key":e.unref(D),"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-snis-list",query:s.value,"table-headers":e.unref(K),onClearSearchInput:j,onSort:M},{"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(c.EntityFilter),{modelValue:s.value,"onUpdate:modelValue":f[0]||(f[0]=n=>s.value=n),config:B.value},null,8,["modelValue","config"])]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!a.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createVNode(e.unref(c.PermissionsWrapper),{"auth-function":()=>a.canCreate()},{default:e.withCtx(()=>[e.createVNode(p,{appearance:"primary","data-testid":"toolbar-add-sni",size:a.useActionOutside?"medium":"large",to:a.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(Z.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(l)("snis.list.toolbar_actions.new")),1)]),_:1},8,["size","to"])]),_:1},8,["auth-function"])],8,["disabled"]))]),name:e.withCtx(({rowValue:n})=>[e.createElementVNode("b",null,e.toDisplayString(n??"-"),1)]),certificate:e.withCtx(({row:n})=>[n.certificate&&n.certificate.id?(e.openBlock(),e.createBlock(h,{key:0,class:"copy-certificate-uuid","data-testid":"copy-certificate-uuid",text:n.certificate.id,truncate:""},null,8,["text"])):(e.openBlock(),e.createElementBlock("span",ae,"-"))]),tags:e.withCtx(({rowValue:n})=>[e.createVNode(e.unref(c.TableTags),{tags:n},null,8,["tags"])]),actions:e.withCtx(({row:n})=>[e.createVNode(r,null,{default:e.withCtx(({copyToClipboard:C})=>[e.createVNode(i,{"data-testid":"action-entity-copy-id",onClick:m=>A(n,C)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(r,null,{default:e.withCtx(({copyToClipboard:C})=>[e.createVNode(i,{"data-testid":"action-entity-copy-json",onClick:m=>L(n,C)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("actions.copy_json")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(e.unref(c.PermissionsWrapper),{"auth-function":()=>a.canEdit(n)},{default:e.withCtx(()=>[e.createVNode(i,{"data-testid":"action-entity-edit",item:J(n.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(c.PermissionsWrapper),{"auth-function":()=>a.canDelete(n)},{default:e.withCtx(()=>[e.createVNode(i,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:C=>Q(n)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)("actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:1},8,["cache-identifier","disable-sorting","empty-state-options","error-message","fetcher","fetcher-cache-key","query","table-headers"]),e.createVNode(e.unref(c.EntityDeleteModal),{"action-pending":N.value,description:e.unref(l)("delete.description"),"entity-name":k.value&&(k.value.name||k.value.id),"entity-type":e.unref(c.EntityTypes).SNI,error:R.value,"need-confirm":!1,title:e.unref(l)("delete.title"),visible:$.value,onCancel:T,onProceed:z},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),X=(a,E)=>{const g=a.__vccOpts||a;for(const[t,l]of E)g[t]=l;return g},ne=X(oe,[["__scopeId","data-v-38777abd"]]),re={class:"kong-ui-entities-snis-form"},se={"data-testid":"no-search-results"},le={key:2,class:"invalid-certificate-message","data-testid":"invalid-certificate-message"},ce=X(e.defineComponent({__name:"SniForm",props:{config:{type:Object,required:!0,validator:a=>!(!a||!["konnect","kongManager"].includes(a==null?void 0:a.app)||a.app==="konnect"&&!a.controlPlaneId||a.app==="kongManager"&&typeof a.workspace!="string"||!a.cancelRoute)},sniId:{type:String,required:!1,default:""}},emits:["update","error","loading"],setup(a,{emit:E}){var h;const g=E,t=a,l=v.useRouter(),{i18n:{t:d}}=H.useI18n(),{getMessageFromError:P}=c.useErrors(),{axiosInstance:I}=c.useAxios((h=t.config)==null?void 0:h.axiosRequestConfig),K=e.computed(()=>S.form[t.config.app].edit),x=e.computed(()=>t.sniId?c.EntityBaseFormType.Edit:c.EntityBaseFormType.Create),_=e.computed(()=>t.config.certificateId&&x.value===c.EntityBaseFormType.Create?t.config.certificateId:""),s=e.reactive({fields:{name:"",tags:"",certificate_id:""},isReadonly:!1,errorMessage:""}),B=e.reactive({name:"",tags:"",certificate_id:""}),O=e.computed(()=>JSON.stringify(s.fields)!==JSON.stringify(B)&&!!s.fields.name&&!!(s.fields.certificate_id||_.value)),U=i=>{var r,n;s.fields.name=(i==null?void 0:i.name)||"",s.fields.tags=((r=i==null?void 0:i.tags)==null?void 0:r.join(", "))||"",s.fields.certificate_id=((n=i==null?void 0:i.certificate)==null?void 0:n.id)||"",Object.assign(B,s.fields)},D=()=>{l.push(t.config.cancelRoute)},j=e.computed(()=>{var r,n;let i=`${t.config.apiBaseUrl}${S.form[t.config.app].validate}`;return t.config.app==="konnect"?i=i.replace(/{controlPlaneId}/gi,((r=t.config)==null?void 0:r.controlPlaneId)||""):t.config.app==="kongManager"&&(i=i.replace(/\/{workspace}/gi,(n=t.config)!=null&&n.workspace?`/${t.config.workspace}`:"")),i=i.replace(/{id}/gi,t.sniId),i}),M=e.computed(()=>{var r,n;let i=`${t.config.apiBaseUrl}${S.form[t.config.app][x.value]}`;return t.config.app==="konnect"?i=i.replace(/{controlPlaneId}/gi,((r=t.config)==null?void 0:r.controlPlaneId)||""):t.config.app==="kongManager"&&(i=i.replace(/\/{workspace}/gi,(n=t.config)!=null&&n.workspace?`/${t.config.workspace}`:"")),i=i.replace(/{id}/gi,t.sniId),i}),b=e.computed(()=>{var i,r;return{name:s.fields.name,tags:(r=(i=s.fields.tags.split(","))==null?void 0:i.map(n=>String(n||"").trim()))==null?void 0:r.filter(n=>n!==""),certificate:{id:_.value||s.fields.certificate_id}}}),F=async()=>{var i,r,n,C,m,Y;try{s.isReadonly=!0;let u;await I.post(j.value,b.value),x.value==="create"?u=await I.post(M.value,b.value):x.value==="edit"&&(u=((i=t.config)==null?void 0:i.app)==="konnect"?await I.put(M.value,b.value):await I.patch(M.value,b.value)),s.fields.name=((r=u==null?void 0:u.data)==null?void 0:r.name)||"",s.fields.tags=((C=(n=u==null?void 0:u.data)==null?void 0:n.tags)==null?void 0:C.join(", "))||"",s.fields.certificate_id=((Y=(m=u==null?void 0:u.data)==null?void 0:m.certificate)==null?void 0:Y.id)||"",Object.assign(B,s.fields),g("update",u==null?void 0:u.data)}catch(u){s.errorMessage=P(u),g("error",u)}finally{s.isReadonly=!1}},{debouncedQueryChange:A,loading:L,allRecords:J,error:k,validationError:$,loadItems:N,results:R}=c.useDebouncedFilter(t.config,S.form[t.config.app].certificates),W=i=>{A(i)},Q=e.computed(()=>k.value?d("errors.certificates.fetch"):""),T=e.computed(()=>$.value?d("errors.certificates.invalid"):""),z=e.ref(0),q=e.computed(()=>J.value===void 0),o=e.ref(new Set),f=e.computed(()=>Array.from(o.value).map(r=>({label:r,value:r,selected:s.fields.certificate_id===r}))),p=i=>{o.value.clear();let r;for(r of i)o.value.add(r.id)};return e.watch(R,i=>{p(i)},{immediate:!0,deep:!0}),e.watch(f,()=>{z.value++},{immediate:!0,deep:!0}),e.onBeforeMount(async()=>{await N()}),(i,r)=>{const n=e.resolveComponent("KInput"),C=e.resolveComponent("KSelect");return e.openBlock(),e.createElementBlock("div",re,[e.createVNode(e.unref(c.EntityBaseForm),{"can-submit":O.value,config:a.config,"edit-id":a.sniId,"entity-type":e.unref(c.SupportedEntityType).SNI,"error-message":s.errorMessage||Q.value,"fetch-url":K.value,"form-fields":b.value,"is-readonly":s.isReadonly,onCancel:D,"onFetch:error":r[3]||(r[3]=m=>i.$emit("error",m)),"onFetch:success":U,onLoading:r[4]||(r[4]=m=>i.$emit("loading",m)),onSubmit:F},{default:e.withCtx(()=>[e.createVNode(e.unref(c.EntityFormSection),{description:e.unref(d)("form.sections.general.description"),title:e.unref(d)("form.sections.general.title")},{default:e.withCtx(()=>[e.createVNode(n,{modelValue:s.fields.name,"onUpdate:modelValue":r[0]||(r[0]=m=>s.fields.name=m),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-name",label:e.unref(d)("form.fields.name.label"),placeholder:e.unref(d)("form.fields.name.placeholder"),readonly:s.isReadonly,required:"",type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(n,{modelValue:s.fields.tags,"onUpdate:modelValue":r[1]||(r[1]=m=>s.fields.tags=m),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-tags",help:e.unref(d)("form.fields.tags.help"),label:e.unref(d)("form.fields.tags.label"),"label-attributes":{info:e.unref(d)("form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(d)("form.fields.tags.placeholder"),readonly:s.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"]),e.createVNode(e.unref(c.EntityFormSection),{description:e.unref(d)("form.sections.certificate.description"),"has-divider":"",title:e.unref(d)("form.sections.certificate.title")},{default:e.withCtx(()=>[_.value?(e.openBlock(),e.createBlock(n,{key:0,"data-testid":"sni-form-certificate-id",label:e.unref(d)("form.fields.certificate_id.label"),"model-value":_.value,readonly:"",required:"",width:"100%"},null,8,["label","model-value"])):(e.openBlock(),e.createBlock(C,{key:1,modelValue:s.fields.certificate_id,"onUpdate:modelValue":r[2]||(r[2]=m=>s.fields.certificate_id=m),clearable:"","data-testid":"sni-form-certificate-id","dropdown-footer-text":q.value?e.unref(d)("form.fields.certificate_id.footer"):void 0,"enable-filtering":"","filter-function":()=>!0,items:f.value,label:e.unref(d)("form.fields.certificate_id.label"),loading:e.unref(L),placeholder:e.unref(d)("form.fields.certificate_id.placeholder"),readonly:s.isReadonly,required:"",width:"100%",onQueryChange:W},{loading:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(d)("actions.loading")),1)]),empty:e.withCtx(()=>[e.createElementVNode("div",se,e.toDisplayString(e.unref(d)("search.no_results")),1)]),_:1},8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly"])),T.value?(e.openBlock(),e.createElementBlock("p",le,e.toDisplayString(T.value),1)):e.createCommentVNode("",!0)]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-414e41d7"]]);y.SniForm=ce,y.SniList=ne,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
+(function(g,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router"),require("@kong-ui-public/i18n"),require("@kong-ui-public/entities-shared"),require("@kong/icons")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router","@kong-ui-public/i18n","@kong-ui-public/entities-shared","@kong/icons"],e):(g=typeof globalThis<"u"?globalThis:g||self,e(g["kong-ui-public-entities-snis"]={},g.Vue,g.VueRouter,g["kong-ui-public-i18n"],g["kong-ui-public-entities-shared"],g.KongIcons))})(this,function(g,e,Y,v,d,R){"use strict";const ae={actions:{create:"New SNI",copy_id:"Copy ID",copy_json:"Copy JSON",edit:"Edit",delete:"Delete",clear:"Clear",loading:"Loading..."},search:{placeholder:"Filter by exact name or ID",no_results:"No results found"},snis:{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.",create_cta:"New SNI"}}},form:{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"}}},delete:{title:"Delete an SNI",description:"This action cannot be reversed so make sure to check the SNI usage before deleting."},errors:{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"},copy:{success:"Copied {val} to clipboard",success_brief:"Successfully copied to clipboard"}};function ne(){const a=v.createI18n("en-us",ae);return{i18n:a,i18nT:v.i18nTComponent(a)}}const ee={useI18n:ne},V="/v2/control-planes/{controlPlaneId}/core-entities",E="/{workspace}",B={list:{konnect:{all:`${V}/snis`},kongManager:{all:`${E}/snis`}},form:{konnect:{create:`${V}/snis`,edit:`${V}/snis/{id}`,validate:`${V}/v1/schemas/json/sni/validate`,certificates:`${V}/certificates`},kongManager:{create:`${E}/snis`,edit:`${E}/snis/{id}`,validate:`${E}/schemas/snis/validate`,certificates:`${E}/certificates`}}},oe="#00abd2",re="24px",se={class:"kong-ui-entities-snis-list"},ce={class:"button-row"},le={class:"empty-state-icon-gateway"},de={key:1},fe=e.defineComponent({__name:"SniList",props:{config:{type:Object,required:!0,validator:a=>!(!a||!["konnect","kongManager"].includes(a==null?void 0:a.app)||!a.createRoute||!a.getViewRoute||!a.getEditRoute||a.app==="kongManager"&&!a.isExactMatch&&!a.filterSchema)},cacheIdentifier:{type:String,default:""},canCreate:{type:Function,required:!1,default:async()=>!0},canDelete:{type:Function,required:!1,default:async()=>!0},canEdit:{type:Function,required:!1,default:async()=>!0},canRetrieve:{type:Function,required:!1,default:async()=>!0},useActionOutside:{type:Boolean,default:!1},enableV2EmptyStates:{type:Boolean,default:!1}},emits:["error","click:learn-more","copy:success","copy:error","delete:success"],setup(a,{emit:$}){var o;const m=$,i=a,{i18n:{t:c}}=ee.useI18n(),p=Y.useRouter(),{axiosInstance:j}=d.useAxios((o=i.config)==null?void 0:o.axiosRequestConfig),{hasRecords:b,handleStateChange:L}=d.useTableState(()=>k.value),I=e.computed(()=>b.value&&i.config.app==="konnect"),N=e.computed(()=>!i.enableV2EmptyStates&&i.config.app==="konnect"),r=e.computed(()=>i.config.app!=="kongManager"||!!i.config.disableSorting),_={name:{label:c("snis.list.table_headers.name"),searchable:!0,sortable:!0,hidable:!1},certificate:{label:c("snis.list.table_headers.certificate_id"),sortable:!1},tags:{label:c("snis.list.table_headers.tags"),sortable:!1}},J=_,Q=t=>({style:{maxWidth:t.headerKey==="name"?"250px":t.headerKey==="certificate"?"350px":null}}),q=e.computed(()=>{var l,s;let t=`${i.config.apiBaseUrl}${B.list[i.config.app].all}`;return i.config.app==="konnect"?t=t.replace(/{controlPlaneId}/gi,((l=i.config)==null?void 0:l.controlPlaneId)||""):i.config.app==="kongManager"&&(t=t.replace(/\/{workspace}/gi,(s=i.config)!=null&&s.workspace?`/${i.config.workspace}`:"")),t}),k=e.ref(""),D=e.computed(()=>{const t=i.config.app==="konnect"||i.config.isExactMatch;if(t)return{isExactMatch:t,placeholder:c("search.placeholder")};const{name:l}=_;return{isExactMatch:t,fields:{name:l},schema:i.config.filterSchema}}),{fetcher:C,fetcherState:W,fetcherCacheKey:M}=d.useFetcher({...i.config,cacheIdentifier:i.cacheIdentifier},q.value),z=()=>{k.value=""},H=()=>{M.value++},w=e.ref(null),T=e.ref({ctaPath:i.config.createRoute,ctaText:void 0,message:`${c("snis.list.empty_state.description")}${i.config.additionMessageForEmptyState?` ${i.config.additionMessageForEmptyState}`:""}`,title:c("snis.title")}),G=(t,l)=>{const s=t.id;if(!l(s)){m("copy:error",{entity:t,field:"id",message:c("errors.copy")});return}m("copy:success",{entity:t,field:"id",message:c("copy.success",{val:s})})},X=(t,l)=>{const s=JSON.stringify(t);if(!l(s)){m("copy:error",{entity:t,message:c("errors.copy")});return}m("copy:success",{entity:t,message:c("copy.success_brief")})},Z=t=>({label:c("actions.edit"),to:i.config.getEditRoute(t)}),h=e.ref(void 0),x=e.ref(!1),S=e.ref(!1),K=e.ref(""),F=d.useDeleteUrlBuilder(i.config,q.value),O=t=>{h.value=t,x.value=!0},P=()=>{x.value=!1,h.value=void 0},U=async()=>{var t,l,s;if((t=h.value)!=null&&t.id){S.value=!0;try{await j.delete(F(h.value.id)),m("delete:success",h.value),S.value=!1,P(),M.value++}catch(y){K.value=((s=(l=y.response)==null?void 0:l.data)==null?void 0:s.message)||y.message||c("errors.delete"),m("error",y)}finally{S.value=!1}}},n=()=>{p.push(i.config.createRoute)};return e.watch(W,t=>{var l,s,y;if(t.status===d.FetcherStatus.Error){w.value={title:c("errors.general")},(y=(s=(l=t.error)==null?void 0:l.response)==null?void 0:s.data)!=null&&y.message&&(w.value.message=t.error.response.data.message),m("error",t.error);return}w.value=null}),e.onBeforeMount(async()=>{await i.canCreate()&&(T.value.title=c("snis.list.empty_state.title"),T.value.ctaText=c("actions.create"))}),(t,l)=>{const s=e.resolveComponent("KButton"),y=e.resolveComponent("KCopy"),f=e.resolveComponent("KDropdownItem"),ie=e.resolveComponent("KClipboardProvider");return e.openBlock(),e.createElementBlock("div",se,[e.createVNode(e.unref(d.EntityBaseTable),{"cache-identifier":a.cacheIdentifier,"cell-attributes":Q,"disable-row-click":!0,"disable-sorting":r.value,"empty-state-options":T.value,"enable-entity-actions":"","error-message":w.value,fetcher:e.unref(C),"fetcher-cache-key":e.unref(M),"pagination-type":"offset","preferences-storage-key":"kong-ui-entities-snis-list",query:k.value,"table-headers":e.unref(J),onClearSearchInput:z,onSort:H,onState:e.unref(L)},e.createSlots({"toolbar-filter":e.withCtx(()=>[e.createVNode(e.unref(d.EntityFilter),{modelValue:k.value,"onUpdate:modelValue":l[0]||(l[0]=u=>k.value=u),config:D.value},null,8,["modelValue","config"])]),"toolbar-button":e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!a.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createElementVNode("div",ce,[I.value?(e.openBlock(),e.createBlock(s,{key:0,appearance:"secondary",class:"open-learning-hub","data-testid":"snis-learn-more-button",icon:"",onClick:l[1]||(l[1]=u=>t.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(R.BookIcon),{decorative:""})]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>a.canCreate()},{default:e.withCtx(()=>[e.createVNode(s,{appearance:"primary","data-testid":"toolbar-add-sni",size:a.useActionOutside?"medium":"large",to:a.config.createRoute},{default:e.withCtx(()=>[e.createVNode(e.unref(R.AddIcon)),e.createTextVNode(" "+e.toDisplayString(e.unref(c)("snis.list.toolbar_actions.new")),1)]),_:1},8,["size","to"])]),_:1},8,["auth-function"])])],8,["disabled"]))]),name:e.withCtx(({rowValue:u})=>[e.createElementVNode("b",null,e.toDisplayString(u??"-"),1)]),certificate:e.withCtx(({row:u})=>[u.certificate&&u.certificate.id?(e.openBlock(),e.createBlock(y,{key:0,class:"copy-certificate-uuid","data-testid":"copy-certificate-uuid",text:u.certificate.id,truncate:""},null,8,["text"])):(e.openBlock(),e.createElementBlock("span",de,"-"))]),tags:e.withCtx(({rowValue:u})=>[e.createVNode(e.unref(d.TableTags),{tags:u},null,8,["tags"])]),actions:e.withCtx(({row:u})=>[e.createVNode(ie,null,{default:e.withCtx(({copyToClipboard:A})=>[e.createVNode(f,{"data-testid":"action-entity-copy-id",onClick:he=>G(u,A)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("actions.copy_id")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(ie,null,{default:e.withCtx(({copyToClipboard:A})=>[e.createVNode(f,{"data-testid":"action-entity-copy-json",onClick:he=>X(u,A)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("actions.copy_json")),1)]),_:2},1032,["onClick"])]),_:2},1024),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>a.canEdit(u)},{default:e.withCtx(()=>[e.createVNode(f,{"data-testid":"action-entity-edit",item:Z(u.id)},null,8,["item"])]),_:2},1032,["auth-function"]),e.createVNode(e.unref(d.PermissionsWrapper),{"auth-function":()=>a.canDelete(u)},{default:e.withCtx(()=>[e.createVNode(f,{danger:"","data-testid":"action-entity-delete","has-divider":"",onClick:A=>O(u)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(c)("actions.delete")),1)]),_:2},1032,["onClick"])]),_:2},1032,["auth-function"])]),_:2},[!e.unref(b)&&N.value?{name:"outside-actions",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{disabled:!a.useActionOutside,to:"#kong-ui-app-page-header-action-button"},[e.createVNode(s,{appearance:"secondary",class:"open-learning-hub","data-testid":"sni-learn-more-button",icon:"",onClick:l[2]||(l[2]=u=>t.$emit("click:learn-more"))},{default:e.withCtx(()=>[e.createVNode(e.unref(R.BookIcon),{decorative:""})]),_:1})],8,["disabled"]))]),key:"0"}:void 0,a.enableV2EmptyStates&&a.config.app==="konnect"?{name:"empty-state",fn:e.withCtx(()=>[e.createVNode(e.unref(d.EntityEmptyState),{"action-button-text":e.unref(c)("snis.list.toolbar_actions.new"),appearance:"secondary","can-create":()=>a.canCreate(),description:e.unref(c)("snis.list.empty_state_v2.description"),"learn-more":a.config.app==="konnect",title:e.unref(c)("snis.list.empty_state_v2.title"),"onClick:create":n,"onClick:learnMore":l[3]||(l[3]=u=>t.$emit("click:learn-more"))},{image:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(e.unref(R.CloudIcon),{color:e.unref(oe),size:e.unref(re)},null,8,["color","size"])])]),_:1},8,["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"]),e.createVNode(e.unref(d.EntityDeleteModal),{"action-pending":S.value,description:e.unref(c)("delete.description"),"entity-name":h.value&&(h.value.name||h.value.id),"entity-type":e.unref(d.EntityTypes).SNI,error:K.value,"need-confirm":!1,title:e.unref(c)("delete.title"),visible:x.value,onCancel:P,onProceed:U},null,8,["action-pending","description","entity-name","entity-type","error","title","visible"])])}}}),te=(a,$)=>{const m=a.__vccOpts||a;for(const[i,c]of $)m[i]=c;return m},pe=te(fe,[["__scopeId","data-v-dfdb7df6"]]),ue={class:"kong-ui-entities-snis-form"},me={"data-testid":"no-search-results"},ge={key:2,class:"invalid-certificate-message","data-testid":"invalid-certificate-message"},ye=te(e.defineComponent({__name:"SniForm",props:{config:{type:Object,required:!0,validator:a=>!(!a||!["konnect","kongManager"].includes(a==null?void 0:a.app)||a.app==="konnect"&&!a.controlPlaneId||a.app==="kongManager"&&typeof a.workspace!="string"||!a.cancelRoute)},sniId:{type:String,required:!1,default:""}},emits:["update","error","loading"],setup(a,{emit:$}){var U;const m=$,i=a,c=Y.useRouter(),{i18n:{t:p}}=ee.useI18n(),{getMessageFromError:j}=d.useErrors(),{axiosInstance:b}=d.useAxios((U=i.config)==null?void 0:U.axiosRequestConfig),L=e.computed(()=>B.form[i.config.app].edit),I=e.computed(()=>i.sniId?d.EntityBaseFormType.Edit:d.EntityBaseFormType.Create),N=e.computed(()=>i.config.certificateId&&I.value===d.EntityBaseFormType.Create?i.config.certificateId:""),r=e.reactive({fields:{name:"",tags:"",certificate_id:""},isReadonly:!1,errorMessage:""}),_=e.reactive({name:"",tags:"",certificate_id:""}),J=e.computed(()=>JSON.stringify(r.fields)!==JSON.stringify(_)&&!!r.fields.name&&!!(r.fields.certificate_id||N.value)),Q=n=>{var o,t;r.fields.name=(n==null?void 0:n.name)||"",r.fields.tags=((o=n==null?void 0:n.tags)==null?void 0:o.join(", "))||"",r.fields.certificate_id=((t=n==null?void 0:n.certificate)==null?void 0:t.id)||"",Object.assign(_,r.fields)},q=()=>{c.push(i.config.cancelRoute)},k=e.computed(()=>{var o,t;let n=`${i.config.apiBaseUrl}${B.form[i.config.app].validate}`;return i.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((o=i.config)==null?void 0:o.controlPlaneId)||""):i.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(t=i.config)!=null&&t.workspace?`/${i.config.workspace}`:"")),n=n.replace(/{id}/gi,i.sniId),n}),D=e.computed(()=>{var o,t;let n=`${i.config.apiBaseUrl}${B.form[i.config.app][I.value]}`;return i.config.app==="konnect"?n=n.replace(/{controlPlaneId}/gi,((o=i.config)==null?void 0:o.controlPlaneId)||""):i.config.app==="kongManager"&&(n=n.replace(/\/{workspace}/gi,(t=i.config)!=null&&t.workspace?`/${i.config.workspace}`:"")),n=n.replace(/{id}/gi,i.sniId),n}),C=e.computed(()=>{var n,o;return{name:r.fields.name,tags:(o=(n=r.fields.tags.split(","))==null?void 0:n.map(t=>String(t||"").trim()))==null?void 0:o.filter(t=>t!==""),certificate:{id:N.value||r.fields.certificate_id}}}),W=async()=>{var n,o,t,l,s,y;try{r.isReadonly=!0;let f;await b.post(k.value,C.value),I.value==="create"?f=await b.post(D.value,C.value):I.value==="edit"&&(f=((n=i.config)==null?void 0:n.app)==="konnect"?await b.put(D.value,C.value):await b.patch(D.value,C.value)),r.fields.name=((o=f==null?void 0:f.data)==null?void 0:o.name)||"",r.fields.tags=((l=(t=f==null?void 0:f.data)==null?void 0:t.tags)==null?void 0:l.join(", "))||"",r.fields.certificate_id=((y=(s=f==null?void 0:f.data)==null?void 0:s.certificate)==null?void 0:y.id)||"",Object.assign(_,r.fields),m("update",f==null?void 0:f.data)}catch(f){r.errorMessage=j(f),m("error",f)}finally{r.isReadonly=!1}},{debouncedQueryChange:M,loading:z,allRecords:H,error:w,validationError:T,loadItems:G,results:X}=d.useDebouncedFilter(i.config,B.form[i.config.app].certificates),Z=n=>{M(n)},h=e.computed(()=>w.value?p("errors.certificates.fetch"):""),x=e.computed(()=>T.value?p("errors.certificates.invalid"):""),S=e.ref(0),K=e.computed(()=>H.value===void 0),F=e.ref(new Set),O=e.computed(()=>Array.from(F.value).map(o=>({label:o,value:o,selected:r.fields.certificate_id===o}))),P=n=>{F.value.clear();let o;for(o of n)F.value.add(o.id)};return e.watch(X,n=>{P(n)},{immediate:!0,deep:!0}),e.watch(O,()=>{S.value++},{immediate:!0,deep:!0}),e.onBeforeMount(async()=>{await G()}),(n,o)=>{const t=e.resolveComponent("KInput"),l=e.resolveComponent("KSelect");return e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(e.unref(d.EntityBaseForm),{"can-submit":J.value,config:a.config,"edit-id":a.sniId,"entity-type":e.unref(d.SupportedEntityType).SNI,"error-message":r.errorMessage||h.value,"fetch-url":L.value,"form-fields":C.value,"is-readonly":r.isReadonly,onCancel:q,"onFetch:error":o[3]||(o[3]=s=>n.$emit("error",s)),"onFetch:success":Q,onLoading:o[4]||(o[4]=s=>n.$emit("loading",s)),onSubmit:W},{default:e.withCtx(()=>[e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(p)("form.sections.general.description"),title:e.unref(p)("form.sections.general.title")},{default:e.withCtx(()=>[e.createVNode(t,{modelValue:r.fields.name,"onUpdate:modelValue":o[0]||(o[0]=s=>r.fields.name=s),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-name",label:e.unref(p)("form.fields.name.label"),placeholder:e.unref(p)("form.fields.name.placeholder"),readonly:r.isReadonly,required:"",type:"text"},null,8,["modelValue","label","placeholder","readonly"]),e.createVNode(t,{modelValue:r.fields.tags,"onUpdate:modelValue":o[1]||(o[1]=s=>r.fields.tags=s),modelModifiers:{trim:!0},autocomplete:"off","data-testid":"sni-form-tags",help:e.unref(p)("form.fields.tags.help"),label:e.unref(p)("form.fields.tags.label"),"label-attributes":{info:e.unref(p)("form.fields.tags.tooltip"),tooltipAttributes:{maxWidth:"400"}},placeholder:e.unref(p)("form.fields.tags.placeholder"),readonly:r.isReadonly,type:"text"},null,8,["modelValue","help","label","label-attributes","placeholder","readonly"])]),_:1},8,["description","title"]),e.createVNode(e.unref(d.EntityFormSection),{description:e.unref(p)("form.sections.certificate.description"),"has-divider":"",title:e.unref(p)("form.sections.certificate.title")},{default:e.withCtx(()=>[N.value?(e.openBlock(),e.createBlock(t,{key:0,"data-testid":"sni-form-certificate-id",label:e.unref(p)("form.fields.certificate_id.label"),"model-value":N.value,readonly:"",required:"",width:"100%"},null,8,["label","model-value"])):(e.openBlock(),e.createBlock(l,{key:1,modelValue:r.fields.certificate_id,"onUpdate:modelValue":o[2]||(o[2]=s=>r.fields.certificate_id=s),clearable:"","data-testid":"sni-form-certificate-id","dropdown-footer-text":K.value?e.unref(p)("form.fields.certificate_id.footer"):void 0,"enable-filtering":"","filter-function":()=>!0,items:O.value,label:e.unref(p)("form.fields.certificate_id.label"),loading:e.unref(z),placeholder:e.unref(p)("form.fields.certificate_id.placeholder"),readonly:r.isReadonly,required:"",width:"100%",onQueryChange:Z},{loading:e.withCtx(()=>[e.createElementVNode("div",null,e.toDisplayString(e.unref(p)("actions.loading")),1)]),empty:e.withCtx(()=>[e.createElementVNode("div",me,e.toDisplayString(e.unref(p)("search.no_results")),1)]),_:1},8,["modelValue","dropdown-footer-text","items","label","loading","placeholder","readonly"])),x.value?(e.openBlock(),e.createElementBlock("p",ge,e.toDisplayString(x.value),1)):e.createCommentVNode("",!0)]),_:1},8,["description","title"])]),_:1},8,["can-submit","config","edit-id","entity-type","error-message","fetch-url","form-fields","is-readonly"])])}}}),[["__scopeId","data-v-414e41d7"]]);g.SniForm=ye,g.SniList=pe,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.config-card-fieldset[data-v-f7096c33]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-f7096c33]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-761f7e64]{align-items:center;border-bottom:var(--3ccdd5d2);box-sizing:border-box;display:var(--4b1da305);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-761f7e64]{box-sizing:border-box;padding-right:16px;width:var(--cd20788a)}.config-card-details-row .config-card-details-label label[data-v-761f7e64]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-761f7e64]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-761f7e64]{min-width:0}.config-card-details-row .config-card-details-value[data-v-761f7e64]{box-sizing:border-box;width:var(--cd1becd4)}.config-card-details-row .config-card-details-value .truncated[data-v-761f7e64]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-761f7e64]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-761f7e64] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-761f7e64]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-761f7e64]{margin-right:4px}.config-card-details-row[data-v-761f7e64] .k-label{margin-bottom:0}.config-card-details-row[data-v-761f7e64] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-761f7e64] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--54aebfa2);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{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-7ef5c755]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-7ef5c755]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-7ef5c755]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-7ef5c755] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-7ef5c755]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-6210a67a]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-6210a67a]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-6210a67a] .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-6210a67a] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .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-6210a67a] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-d58db70c]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-d58db70c]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-d58db70c]{display:none}.kong-ui-entity-base-table[data-v-d58db70c] .empty-state-icon-gateway{background-color:#ecfcff;border-radius:4px;padding:8px}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-10fa27a5]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-2e2c07e5]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-2e2c07e5]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-2e2c07e5]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-2e2c07e5] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-2e2c07e5]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-2e2c07e5]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-2e2c07e5]{margin-left:2px}.kong-ui-public-entity-empty-state[data-v-775534d4]{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-775534d4]{padding:64px 96px}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-775534d4]{margin-bottom:8px}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-775534d4]{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-775534d4]{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-775534d4]{font-size:18px}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-775534d4],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-775534d4]{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-775534d4],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-775534d4]{margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-775534d4]{margin-top:16px}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-775534d4]{align-items:center;display:flex;gap:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-775534d4]{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-775534d4]{width:640px}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-775534d4]{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-775534d4]{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-775534d4] .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-775534d4] .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-775534d4] .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-775534d4]{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-775534d4]{width:640px}}.kong-ui-entities-snis-list[data-v-38777abd]{width:100%}.kong-ui-entities-snis-list .kong-ui-entity-filter-input[data-v-38777abd]{margin-right:12px}.kong-ui-entities-snis-form[data-v-414e41d7]{width:100%}.kong-ui-entities-snis-form .invalid-certificate-message[data-v-414e41d7]{color:#d60027;font-size:11px;font-weight:500;margin-top:3px!important}
+.config-card-fieldset[data-v-f7096c33]{border:solid 1px #e0e4ea;border-radius:4px;margin-bottom:8px;margin-top:4px}.config-card-fieldset-title[data-v-f7096c33]{font-size:14px;padding:0 8px;width:auto}fieldset.config-card-fieldset .config-card-details-row{width:unset}.config-card-json-item .config-card-details-row,fieldset.config-card-fieldset .config-card-details-row{margin:0 16px}.config-card-json-item .config-card-details-row:last-of-type,fieldset.config-card-fieldset .config-card-details-row:last-of-type{border-bottom:none}[data-v-c96811e5] .k-button.navigation-button{font-size:14px;font-weight:400}.config-card-details-row[data-v-761f7e64]{align-items:center;border-bottom:var(--3ccdd5d2);box-sizing:border-box;display:var(--4b1da305);padding:16px 16px 16px 0;width:100%}.config-card-details-row .config-card-details-label[data-v-761f7e64]{box-sizing:border-box;padding-right:16px;width:var(--cd20788a)}.config-card-details-row .config-card-details-label label[data-v-761f7e64]{color:#3a3f51;display:inline-flex;max-width:100%}.config-card-details-row .config-card-details-label label .label-content[data-v-761f7e64]{line-height:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-label label .k-popover[data-v-761f7e64]{min-width:0}.config-card-details-row .config-card-details-value[data-v-761f7e64]{box-sizing:border-box;width:var(--cd1becd4)}.config-card-details-row .config-card-details-value .truncated[data-v-761f7e64]{display:inline-block;line-height:initial;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-card-details-row .config-card-details-value span.attrs-data-text[data-v-761f7e64]{overflow-wrap:anywhere}.config-card-details-row .config-card-details-value .copy-uuid-array[data-v-761f7e64] .k-copy:not(:last-of-type){margin-bottom:8px}.config-card-details-row .config-card-details-value .method-badge-array[data-v-761f7e64]{display:flex;flex-wrap:wrap;row-gap:10px}.config-card-details-row .config-badge[data-v-761f7e64]{margin-right:4px}.config-card-details-row[data-v-761f7e64] .k-label{margin-bottom:0}.config-card-details-row[data-v-761f7e64] .k-label .kong-icon-infoFilled{display:flex}.config-card-details-row[data-v-761f7e64] .config-card-details-row{width:auto}.json-content.k-code-block{border-top-left-radius:0;border-top-right-radius:0}.json-endpoint{align-items:baseline;background-color:#000933;border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;display:flex;padding:8px 0 8px 12px}.json-endpoint .k-code-block{flex:auto;z-index:2}.json-endpoint .k-code-block .code-block-content{padding-bottom:0;padding-top:0}.json-endpoint .k-code-block .code-block-secondary-actions{margin-top:0!important}.json-endpoint code{direction:rtl;max-width:var(--54aebfa2);overflow:hidden!important;text-align:left;text-overflow:ellipsis;white-space:nowrap}.config-card-prop-section-title[data-v-d15be7fe]{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-7ef5c755]{align-items:center;display:flex}.kong-ui-entity-base-config-card .config-card-actions .config-format-select-label[data-v-7ef5c755]{margin-bottom:0;margin-right:8px}.kong-ui-entity-base-config-card .config-card-prop-section-title[data-v-7ef5c755]{color:#000933;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:48px}.kong-ui-entity-base-config-card[data-v-7ef5c755] .config-card-details-row:last-of-type{border-bottom:none}.kong-ui-entity-base-config-card .book-icon[data-v-7ef5c755]{margin-left:8px;padding:0}.kong-ui-entity-base-form[data-v-6210a67a]{box-sizing:border-box;max-width:1536px;width:100%}.kong-ui-entity-base-form .form-actions[data-v-6210a67a]{align-items:center;display:flex;justify-content:flex-end;margin-top:24px}.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:last-of-type,.kong-ui-entity-base-form .form-actions[data-v-6210a67a] .k-button:nth-last-of-type(2){margin-left:16px}.kong-ui-entity-base-form[data-v-6210a67a] .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-6210a67a] .k-card.content-card{padding:0 16px!important}.kong-ui-entity-base-form[data-v-6210a67a] .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-6210a67a] .tab-item.active>div.tab-link.has-panels{color:#000933!important;font-weight:600!important}.content-wrapper[data-v-b252463e] .k-tooltip{word-break:break-all}.kong-ui-entity-base-table .toolbar-container[data-v-d58db70c]{align-items:center;display:flex;width:100%}.kong-ui-entity-base-table .toolbar-button-container[data-v-d58db70c]{margin-left:auto}.kong-ui-entity-base-table .hidden[data-v-d58db70c]{display:none}.kong-ui-entity-base-table[data-v-d58db70c] .empty-state-icon-gateway{background-color:#ecfcff;border-radius:4px;padding:8px}.kong-ui-entity-base-table :deep(.k-table){table-layout:fixed}.kong-ui-entity-delete-modal .message[data-v-4361d622],.kong-ui-entity-delete-modal .description[data-v-4361d622]{line-height:24px;margin:0}.kong-ui-entity-delete-modal .message strong[data-v-4361d622]{font-weight:600}.kong-ui-entity-delete-modal .description[data-v-4361d622]{margin-top:32px}.kong-ui-entity-delete-error[data-v-4361d622]{margin-bottom:16px}.kong-ui-entity-filter-input[data-v-10fa27a5]{width:100%}.kong-ui-entity-filter-clear[data-v-10fa27a5]{cursor:pointer}.kong-ui-entity-filter[data-v-10fa27a5]{display:flex;position:relative}.kong-ui-entity-filter[data-v-10fa27a5] .menu-content{flex-direction:column}.kong-ui-entity-filter[data-v-10fa27a5] .k-menu-item-divider hr{margin:12px 0}.kong-ui-entity-filter-backdrop[data-v-10fa27a5]{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1050}.kong-ui-entity-filter-menu[data-v-10fa27a5]{background-color:#fff;border:1px solid #afb7c5;border-radius:4px;box-shadow:0 4px 20px #e0e4ea;left:0;margin-top:16px;padding:8px 0 12px;position:absolute;top:100%;width:300px;z-index:1060}.kong-ui-entity-filter-menu-item[data-v-10fa27a5]{border-bottom:1px solid #e0e4ea;color:#6c7489;font-size:12px;font-weight:400;line-height:16px;list-style:none;margin:0 20px;padding:16px 0;position:relative;white-space:nowrap}.menu-item-title[data-v-10fa27a5]{align-items:center;cursor:pointer;display:flex;line-height:24px}.menu-item-title.expanded[data-v-10fa27a5]{color:#232633}.menu-item-expand-icon[data-v-10fa27a5]{margin-left:auto}.menu-item-expand-icon.expanded[data-v-10fa27a5]{transform:rotate(180deg)}.menu-item-indicator[data-v-10fa27a5]{background-color:#0044f4;border-radius:50%;height:4px;margin-left:4px;width:4px}.menu-item-body[data-v-10fa27a5]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.menu-item-body[data-v-10fa27a5] .input{padding-bottom:4px!important;padding-top:4px!important}.menu-item-body[data-v-10fa27a5] .k-input{width:100%}.menu-item-body[data-v-10fa27a5] .k-select-input .input{font-size:12px}.menu-item-body[data-v-10fa27a5] .k-select-input .input::placeholder{color:#00000073!important;font-size:12px}.menu-item-label[data-v-10fa27a5]{margin-bottom:0;margin-right:12px}.menu-item-buttons[data-v-10fa27a5]{display:flex;justify-content:space-between;margin:10px 0 6px}.filter-clear-button-container[data-v-10fa27a5]{padding:12px 20px 0}fieldset[data-v-b1f74200]{margin:0;min-width:0;padding:0}.kong-ui-entity-form-section[data-v-b1f74200]{border:0}.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{column-gap:16px;display:flex;flex-direction:column;padding-bottom:64px;row-gap:12px;width:100%}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper[data-v-b1f74200]{flex-direction:row}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{flex:1}@media (min-width: 1024px){.kong-ui-entity-form-section .form-section-wrapper .form-section-info[data-v-b1f74200]{max-width:350px}.kong-ui-entity-form-section .form-section-wrapper .form-section-info.sticky[data-v-b1f74200]{height:fit-content;margin-bottom:16px;position:sticky;top:16px}}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-title[data-v-b1f74200]{color:#000933;font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px;margin-top:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description p[data-v-b1f74200],.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-description[data-v-b1f74200] p{color:#000933;font-size:14px;font-weight:400;line-height:20px;margin:0}.kong-ui-entity-form-section .form-section-wrapper .form-section-info .form-section-footer[data-v-b1f74200]{margin-top:32px}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]{flex:1}.kong-ui-entity-form-section .form-section-wrapper .form-section-content[data-v-b1f74200]>*:not(:first-child){margin-top:24px}.kong-ui-entity-form-section.has-divider .form-section-wrapper[data-v-b1f74200]{border-bottom:1px solid #e0e4ea}.kong-ui-public-entity-link[data-v-2e2c07e5]{align-items:center;display:flex}.kong-ui-public-entity-link .deleted-entity[data-v-2e2c07e5]{font-style:italic}.kong-ui-public-entity-link .entity-link[data-v-2e2c07e5]{display:flex}.kong-ui-public-entity-link .entity-link[data-v-2e2c07e5] .external-link-icon{color:#0044f4;margin-left:4px;padding:2px}.kong-ui-public-entity-link .entity-link-label[data-v-2e2c07e5]{display:inline-block;font-weight:400;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kong-ui-public-entity-link .copy-uuid-tooltip[data-v-2e2c07e5]{align-items:center;cursor:pointer;display:flex}.kong-ui-public-entity-link .copy-uuid-tooltip .entity-link-copy-id[data-v-2e2c07e5]{margin-left:2px}.kong-ui-public-entity-empty-state[data-v-775534d4]{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-775534d4]{padding:64px 96px}}.kong-ui-public-entity-empty-state .empty-state-image[data-v-775534d4]{margin-bottom:8px}.kong-ui-public-entity-empty-state .entity-empty-state-content[data-v-775534d4]{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-775534d4]{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-775534d4]{font-size:18px}.kong-ui-public-entity-empty-state .entity-empty-state-description[data-v-775534d4],.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-775534d4]{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-775534d4],.kong-ui-public-entity-empty-state .entity-empty-state-pricing p[data-v-775534d4]{margin:0}.kong-ui-public-entity-empty-state .entity-empty-state-pricing[data-v-775534d4]{margin-top:16px}.kong-ui-public-entity-empty-state .entity-empty-state-action[data-v-775534d4]{align-items:center;display:flex;gap:12px}.kong-ui-public-entity-empty-state .entity-empty-state-card-container[data-v-775534d4]{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-775534d4]{width:640px}}.kong-ui-public-entity-empty-state .entity-empty-state-card-container .entity-empty-state-card[data-v-775534d4]{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-775534d4]{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-775534d4] .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-775534d4] .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-775534d4] .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-775534d4]{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-775534d4]{width:640px}}.button-row[data-v-dfdb7df6]{align-items:center;display:flex;gap:12px}.kong-ui-entities-snis-list[data-v-dfdb7df6]{width:100%}.kong-ui-entities-snis-list .kong-ui-entity-filter-input[data-v-dfdb7df6]{margin-right:12px}.kong-ui-entities-snis-form[data-v-414e41d7]{width:100%}.kong-ui-entities-snis-form .invalid-certificate-message[data-v-414e41d7]{color:#d60027;font-size:11px;font-weight:500;margin-top:3px!important}

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

@@ -42,8 +42,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -87,8 +96,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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;
@@ -99,6 +117,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     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

@@ -1 +1 @@
-{"version":3,"file":"SniList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SniList.vue"],"names":[],"mappings":"AAucA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAevC,OAAO,KAAK,EACV,wBAAwB,EACxB,oBAAoB,EACpB,SAAS,EACT,gBAAgB,EACjB,MAAM,UAAU,CAAA;AASjB,OAAO,gDAAgD,CAAA;;IA2vBrD,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;;;;;;;;;;;IAxCjH,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;;;;;;;;;;;;qBAtB9E,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;;;AAhD7E,wBA0DG"}
+{"version":3,"file":"SniList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SniList.vue"],"names":[],"mappings":"AAkiBA,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;;IAm8BrD,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/entities-snis",
-  "version": "3.5.75",
+  "version": "3.6.0",
   "type": "module",
   "main": "./dist/entities-snis.umd.js",
   "module": "./dist/entities-snis.es.js",
@@ -26,8 +26,8 @@
     "axios": "^1.7.7",
     "vue": ">= 3.3.13 < 4",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/entities-shared": "^3.17.1",
-    "@kong-ui-public/i18n": "^2.2.10"
+    "@kong-ui-public/i18n": "^2.2.10",
+    "@kong-ui-public/entities-shared": "^3.17.1"
   },
   "devDependencies": {
     "@kong/design-tokens": "1.17.2",
@@ -36,8 +36,8 @@
     "axios": "^1.7.7",
     "vue": "^3.5.12",
     "vue-router": "^4.4.5",
-    "@kong-ui-public/i18n": "^2.2.10",
-    "@kong-ui-public/entities-shared": "^3.17.1"
+    "@kong-ui-public/entities-shared": "^3.17.1",
+    "@kong-ui-public/i18n": "^2.2.10"
   },
   "repository": {
     "type": "git",