@kong-ui-public/entities-gateway-services 3.17.1 → 3.18.0

package/dist/entities-gateway-services.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as Pe, computed as C, ref as B, watch as Me, onBeforeMount as Qe, resolveComponent as U, openBlock as h, createElementBlock as I, createVNode as n, unref as s, createSlots as Ce, withCtx as c, createTextVNode as $, toDisplayString as k, createBlock as z, createCommentVNode as F, createElementVNode as A, withModifiers as Re, Teleport as Xe, Fragment as Ke, renderList as je, reactive as Ne, onMounted as Ye, Transition as xe, renderSlot as et } from "vue";
+import { defineComponent as Pe, computed as C, ref as B, watch as Me, onBeforeMount as Qe, resolveComponent as U, openBlock as h, createElementBlock as I, createVNode as n, unref as s, createSlots as Ce, withCtx as c, createTextVNode as $, toDisplayString as k, createBlock as H, createCommentVNode as F, createElementVNode as T, withModifiers as Re, Teleport as Xe, Fragment as Ke, renderList as je, reactive as Ne, onMounted as Ye, Transition as xe, renderSlot as et } from "vue";
 import { useRouter as ze } from "vue-router";
-import { BookIcon as Ge, AddIcon as Ie, ServicesIcon as tt, TrashIcon as st } from "@kong/icons";
+import { BookIcon as qe, AddIcon as Ie, ServicesIcon as tt, TrashIcon as st } from "@kong/icons";
 import { createI18n as ot, i18nTComponent as lt } from "@kong-ui-public/i18n";
-import { useAxios as He, useTableState as rt, useFetcher as it, useDeleteUrlBuilder as at, FetcherStatus as nt, EntityBaseTable as ct, PermissionsWrapper as ue, TableTags as dt, EntityFilter as ut, EntityToggleModal as ft, EntityDeleteModal as pt, EntityTypes as mt, useHelpers as Ze, ConfigurationSchemaType as vt, ConfigurationSchemaSection as Se, EntityBaseConfigCard as gt, SupportedEntityType as Je, useErrors as yt, useValidators as _t, EntityBaseFormType as qe, useGatewayFeatureSupported as bt, EntityBaseForm as ht, EntityFormSection as We } from "@kong-ui-public/entities-shared";
+import { useAxios as He, useTableState as rt, useFetcher as it, useDeleteUrlBuilder as at, FetcherStatus as nt, EntityBaseTable as ct, PermissionsWrapper as ue, TableTags as dt, EntityFilter as ut, EntityToggleModal as ft, EntityDeleteModal as pt, EntityTypes as mt, useHelpers as Ze, ConfigurationSchemaType as vt, ConfigurationSchemaSection as Ve, EntityBaseConfigCard as gt, SupportedEntityType as Je, useErrors as yt, useValidators as _t, EntityBaseFormType as Ge, useGatewayFeatureSupported as bt, EntityBaseForm as ht, EntityFormSection as We } from "@kong-ui-public/entities-shared";
 const wt = {
   create: "New gateway service",
   debugger: "Start debugging",
@@ -22,7 +22,7 @@ const wt = {
     konnect: "Filter by name",
     kongManager: "Filter by exact name or ID"
   }
-}, Vt = {
+}, St = {
   title: "Gateway Services",
   list: {
     toolbar_actions: {
@@ -219,7 +219,7 @@ const wt = {
       }
     }
   }
-}, St = {
+}, Vt = {
   general: "Gateway Services could not be retrieved",
   delete: "The gateway service could not be deleted at this time.",
   copy: "Failed to copy to clipboard",
@@ -232,8 +232,8 @@ const wt = {
 }, Et = {
   actions: wt,
   search: kt,
-  gateway_services: Vt,
-  errors: St,
+  gateway_services: St,
+  errors: Vt,
   copy: Ct,
   glossary: It
 };
@@ -267,16 +267,16 @@ function Ft() {
     }
   };
 }
-const $t = /^[a-zA-Z0-9]([-a-zA-Z0-9]*[a-zA-Z0-9])?(\.[a-zA-Z0-9]([-a-zA-Z0-9]*[a-zA-Z0-9])?)*(\.)?$/, At = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/, Tt = (l) => /^[0-9A-Fa-f:.]+$/.test(l) && l.includes(":");
+const $t = /^[a-zA-Z0-9]([-a-zA-Z0-9]*[a-zA-Z0-9])?(\.[a-zA-Z0-9]([-a-zA-Z0-9]*[a-zA-Z0-9])?)*(\.)?$/, Tt = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/, At = (l) => /^[0-9A-Fa-f:.]+$/.test(l) && l.includes(":");
 function Ut() {
   const { i18n: { t: l } } = le.useI18n();
   return {
     validateHost: (v) => {
       if (!v || v.trim() === "") return l("gateway_services.form.errors.host.empty");
       try {
-        if (Tt(v))
+        if (At(v))
           return new URL("/", `https://[${v}]`), "";
-        if ($t.test(v) || At.test(v))
+        if ($t.test(v) || Tt.test(v))
           return new URL("/", `https://${v}`), "";
       } catch {
       }
@@ -379,7 +379,7 @@ const le = {
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success", "click:import"],
   setup(l, { emit: L }) {
     var ve;
-    const m = L, d = l, { i18n: { t: a, formatUnixTimeStamp: v } } = le.useI18n(), R = ze(), { axiosInstance: x } = He((ve = d.config) == null ? void 0 : ve.axiosRequestConfig), { hasRecords: r, handleStateChange: T } = rt(() => j.value), E = C(() => r.value && d.config.app === "konnect"), Q = C(() => d.config.app !== "kongManager" || !!d.config.disableSorting), re = {
+    const m = L, d = l, { i18n: { t: a, formatUnixTimeStamp: v } } = le.useI18n(), R = ze(), { axiosInstance: x } = He((ve = d.config) == null ? void 0 : ve.axiosRequestConfig), { hasRecords: r, handleStateChange: A } = rt(() => j.value), E = C(() => r.value && d.config.app === "konnect"), Q = C(() => d.config.app !== "kongManager" || !!d.config.disableSorting), re = {
       // the Name column is non-hidable
       name: { label: a("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
       ...d.config.showControlPlaneColumn ? { control_plane: { label: a("gateway_services.list.table_headers.control_plane") } } : {},
@@ -406,10 +406,10 @@ const le = {
           isExactMatch: p,
           placeholder: a(`search.placeholder.${d.config.app}`)
         };
-      const { name: g, enabled: _, protocol: w, host: O, port: G, path: t } = re;
+      const { name: g, enabled: _, protocol: w, host: O, port: q, path: t } = re;
       return {
         isExactMatch: p,
-        fields: { name: g, enabled: _, protocol: w, host: O, port: G, path: t },
+        fields: { name: g, enabled: _, protocol: w, host: O, port: q, path: t },
         schema: d.config.filterSchema
       };
     }), {
@@ -425,7 +425,7 @@ const le = {
       ctaText: Z.value ? d.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
       message: `${a("gateway_services.list.empty_state.description")}${d.config.additionMessageForEmptyState ? ` ${d.config.additionMessageForEmptyState}` : ""}`,
       title: Z.value ? d.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
-    })), V = B(!1), M = B(null), ne = C(() => {
+    })), S = B(!1), M = B(null), ne = C(() => {
       const p = {
         action: "disable",
         id: "",
@@ -437,22 +437,22 @@ const le = {
       }
       return p;
     }), ge = (p) => {
-      V.value = !0, M.value = p;
+      S.value = !0, M.value = p;
     }, ye = () => {
-      V.value = !1, M.value = null;
+      S.value = !1, M.value = null;
     }, te = async () => {
       var w, O;
       if (!await ((w = d.canEdit) == null ? void 0 : w.call(d, M.value)) || !M.value)
         return;
       const g = `${Fe.value.href}/${M.value.id}`, _ = !M.value.enabled;
       try {
-        const G = (O = d.config) == null ? void 0 : O.app;
+        const q = (O = d.config) == null ? void 0 : O.app;
         let t;
-        j.value && G === "konnect" && (t = await x.get(g));
-        const { data: o } = G === "konnect" ? await x.put(g, { ...(t == null ? void 0 : t.data) || M.value, enabled: _ }) : await x.patch(g, { ...M.value, enabled: _ });
+        j.value && q === "konnect" && (t = await x.get(g));
+        const { data: o } = q === "konnect" ? await x.put(g, { ...(t == null ? void 0 : t.data) || M.value, enabled: _ }) : await x.patch(g, { ...M.value, enabled: _ });
         m("toggle:success", o), M.value.enabled = _;
-      } catch (G) {
-        m("error", G);
+      } catch (q) {
+        m("error", q);
       }
     }, _e = (p) => {
       d.config.getControlPlaneRoute && R.push(d.config.getControlPlaneRoute(p));
@@ -490,7 +490,7 @@ const le = {
     }, ce = (p) => ({
       label: a("actions.view"),
       to: d.config.getViewRoute(p)
-    }), Ae = (p) => ({
+    }), Te = (p) => ({
       label: a("actions.edit"),
       to: d.config.getEditRoute(p)
     }), se = (p) => {
@@ -499,23 +499,23 @@ const le = {
           label: a("actions.debugger"),
           to: d.config.getDebugRoute(p)
         };
-    }, K = B(void 0), W = B(!1), oe = B(!1), me = B(""), Te = at(d.config, ie.value), ke = (p) => {
+    }, K = B(void 0), W = B(!1), oe = B(!1), me = B(""), Ae = at(d.config, ie.value), ke = (p) => {
       K.value = p, W.value = !0, me.value = "";
-    }, H = () => {
+    }, z = () => {
       W.value = !1, K.value = void 0;
     }, Ue = async () => {
       var p, g, _;
       if ((p = K.value) != null && p.id) {
         oe.value = !0;
         try {
-          await x.delete(Te(K.value.id)), m("delete:success", K.value), H(), P.value++;
+          await x.delete(Ae(K.value.id)), m("delete:success", K.value), z(), P.value++;
         } catch (w) {
           me.value = ((_ = (g = w.response) == null ? void 0 : g.data) == null ? void 0 : _.message) || w.message || a("errors.delete"), m("error", w);
         } finally {
           oe.value = !1;
         }
       }
-    }, Ve = () => {
+    }, Se = () => {
       R.push(d.config.createRoute);
     };
     Me(ee, (p) => {
@@ -532,7 +532,7 @@ const le = {
     return Qe(async () => {
       Z.value = await d.canCreate();
     }), (p, g) => {
-      const _ = U("KButton"), w = U("KDropdownItem"), O = U("KDropdown"), G = U("KEmptyState"), t = U("KBadge"), o = U("KInputSwitch"), b = U("KClipboardProvider");
+      const _ = U("KButton"), w = U("KDropdownItem"), O = U("KDropdown"), q = U("KEmptyState"), t = U("KBadge"), o = U("KInputSwitch"), b = U("KClipboardProvider");
       return h(), I("div", Rt, [
         n(s(ct), {
           "cache-identifier": l.cacheIdentifier,
@@ -550,7 +550,7 @@ const le = {
           onClearSearchInput: fe,
           "onClick:row": g[5] || (g[5] = (f) => we(f)),
           onSort: pe,
-          onState: s(T)
+          onState: s(A)
         }, Ce({
           "toolbar-filter": c(() => [
             n(s(ut), {
@@ -560,12 +560,12 @@ const le = {
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": c(() => [
-            (h(), z(Xe, {
+            (h(), H(Xe, {
               disabled: !l.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              A("div", xt, [
-                E.value ? (h(), z(_, {
+              T("div", xt, [
+                E.value ? (h(), H(_, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
@@ -574,7 +574,7 @@ const le = {
                   onClick: g[1] || (g[1] = (f) => p.$emit("click:learn-more"))
                 }, {
                   default: c(() => [
-                    n(s(Ge), { decorative: "" })
+                    n(s(qe), { decorative: "" })
                   ]),
                   _: 1
                 })) : F("", !0),
@@ -599,16 +599,16 @@ const le = {
             ], 8, ["disabled"]))
           ]),
           name: c(({ rowValue: f }) => [
-            A("b", null, k(f ?? "-"), 1)
+            T("b", null, k(f ?? "-"), 1)
           ]),
           control_plane: c(({ row: f }) => {
             var y;
             return [
-              (y = f.x_meta) != null && y.cluster_id ? (h(), z(t, {
+              (y = f.x_meta) != null && y.cluster_id ? (h(), H(t, {
                 key: 0,
                 tooltip: f.x_meta.cluster_id,
                 "truncation-tooltip": "",
-                onClick: Re((S) => _e(f.x_meta.cluster_id), ["stop"])
+                onClick: Re((V) => _e(f.x_meta.cluster_id), ["stop"])
               }, {
                 default: c(() => [
                   $(k(f.x_meta.cluster_id), 1)
@@ -623,16 +623,16 @@ const le = {
               "force-show": ""
             }, {
               default: c(({ isAllowed: y }) => [
-                A("div", {
+                T("div", {
                   onClick: g[4] || (g[4] = Re(() => {
                   }, ["stop"]))
                 }, [
                   n(o, {
                     modelValue: f.enabled,
-                    "onUpdate:modelValue": (S) => f.enabled = S,
+                    "onUpdate:modelValue": (V) => f.enabled = V,
                     "data-testid": `row-${f.id}-toggle-input`,
                     disabled: !y,
-                    onClick: Re((S) => ge(f), ["prevent"])
+                    onClick: Re((V) => ge(f), ["prevent"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
                 ])
               ]),
@@ -653,7 +653,7 @@ const le = {
               default: c(({ copyToClipboard: y }) => [
                 n(w, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (S) => be(f, y)
+                  onClick: (V) => be(f, y)
                 }, {
                   default: c(() => [
                     $(k(s(a)("actions.copy_id")), 1)
@@ -667,7 +667,7 @@ const le = {
               default: c(({ copyToClipboard: y }) => [
                 n(w, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (S) => he(f, y)
+                  onClick: (V) => he(f, y)
                 }, {
                   default: c(() => [
                     $(k(s(a)("actions.copy_json")), 1)
@@ -693,7 +693,7 @@ const le = {
               "auth-function": () => l.canDebug(f)
             }, {
               default: c(() => [
-                l.config.getDebugRoute ? (h(), z(w, {
+                l.config.getDebugRoute ? (h(), H(w, {
                   key: 0,
                   "data-testid": "action-entity-debug",
                   item: se(f.id)
@@ -707,7 +707,7 @@ const le = {
               default: c(() => [
                 n(w, {
                   "data-testid": "action-entity-edit",
-                  item: Ae(f.id)
+                  item: Te(f.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
@@ -738,7 +738,7 @@ const le = {
             fn: c(() => {
               var f;
               return [
-                n(G, {
+                n(q, {
                   "data-testid": "gateway-services-entity-empty-state",
                   "icon-background": "",
                   message: s(a)("gateway_services.empty_state_v2.description"),
@@ -749,7 +749,7 @@ const le = {
                   ]),
                   action: c(() => [
                     Z.value ? (h(), I(Ke, { key: 0 }, [
-                      l.canImportSpecs ? (h(), z(O, {
+                      l.canImportSpecs ? (h(), H(O, {
                         key: 0,
                         "data-testid": "entity-create-dropdown",
                         "show-caret": "",
@@ -759,7 +759,7 @@ const le = {
                         items: c(() => [
                           n(w, {
                             "data-testid": "entity-create-dropdown-item",
-                            onClick: Ve
+                            onClick: Se
                           }, {
                             default: c(() => [
                               $(k(s(a)("gateway_services.empty_state_v2.create_new")), 1)
@@ -777,10 +777,10 @@ const le = {
                           })
                         ]),
                         _: 1
-                      }, 8, ["trigger-text"])) : (h(), z(_, {
+                      }, 8, ["trigger-text"])) : (h(), H(_, {
                         key: 1,
                         "data-testid": "entity-create-button",
-                        onClick: Ve
+                        onClick: Se
                       }, {
                         default: c(() => [
                           n(s(Ie), { decorative: "" }),
@@ -795,7 +795,7 @@ const le = {
                       onClick: g[3] || (g[3] = (y) => p.$emit("click:learn-more"))
                     }, {
                       default: c(() => [
-                        n(s(Ge), { decorative: "" }),
+                        n(s(qe), { decorative: "" }),
                         $(" " + k(s(a)("gateway_services.empty_state_v2.learn_more")), 1)
                       ]),
                       _: 1
@@ -822,7 +822,7 @@ const le = {
           "entity-name": ne.value.name,
           "entity-type": s(a)("glossary.gateway_services"),
           "on-confirm": te,
-          visible: V.value,
+          visible: S.value,
           onCancel: ye,
           onProceed: ye
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
@@ -834,7 +834,7 @@ const le = {
           error: me.value,
           title: s(a)("actions.delete.title"),
           visible: W.value,
-          onCancel: H,
+          onCancel: z,
           onProceed: Ue
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
@@ -872,7 +872,7 @@ const le = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(l) {
-    const L = l, { i18n: { t: m }, i18nT: d } = le.useI18n(), a = C(() => Ee.form[L.config.app].edit), { getPropValue: v } = Ze(), R = (r, T) => v(r, T) === !0 ? m("gateway_services.form.fields.tls_verify_option.true.display") : m("gateway_services.form.fields.tls_verify_option.false.display"), x = B({
+    const L = l, { i18n: { t: m }, i18nT: d } = le.useI18n(), a = C(() => Ee.form[L.config.app].edit), { getPropValue: v } = Ze(), R = (r, A) => v(r, A) === !0 ? m("gateway_services.form.fields.tls_verify_option.true.display") : m("gateway_services.form.fields.tls_verify_option.false.display"), x = B({
       id: {},
       name: {
         tooltip: m("gateway_services.form.fields.name.tooltip")
@@ -881,19 +881,19 @@ const le = {
       updated_at: {},
       created_at: {},
       protocol: {
-        section: Se.Basic,
+        section: Ve.Basic,
         tooltip: m("gateway_services.form.fields.protocol.tooltip")
       },
       host: {
-        section: Se.Basic,
+        section: Ve.Basic,
         tooltip: m("gateway_services.form.fields.host.tooltip")
       },
       path: {
-        section: Se.Basic,
+        section: Ve.Basic,
         tooltip: m("gateway_services.form.fields.path.tooltip")
       },
       port: {
-        section: Se.Basic,
+        section: Ve.Basic,
         tooltip: m("gateway_services.form.fields.port.tooltip")
       },
       tags: {
@@ -932,7 +932,7 @@ const le = {
         hidden: !0
       }
     });
-    return (r, T) => (h(), I("div", Mt, [
+    return (r, A) => (h(), I("div", Mt, [
       n(s(gt), {
         config: l.config,
         "config-card-doc": l.configCardDoc,
@@ -940,9 +940,9 @@ const le = {
         "entity-type": s(Je).GatewayService,
         "fetch-url": a.value,
         "hide-title": l.hideTitle,
-        "onFetch:error": T[0] || (T[0] = (E) => r.$emit("fetch:error", E)),
-        "onFetch:success": T[1] || (T[1] = (E) => r.$emit("fetch:success", E)),
-        onLoading: T[2] || (T[2] = (E) => r.$emit("loading", E))
+        "onFetch:error": A[0] || (A[0] = (E) => r.$emit("fetch:error", E)),
+        "onFetch:success": A[1] || (A[1] = (E) => r.$emit("fetch:success", E)),
+        onLoading: A[2] || (A[2] = (E) => r.$emit("loading", E))
       }, {
         "enabled-label-tooltip": c(() => [
           n(s(d), {
@@ -950,10 +950,10 @@ const le = {
             scope: "global"
           }, {
             false: c(() => [
-              A("code", null, k(s(m)("gateway_services.form.fields.enabled.false")), 1)
+              T("code", null, k(s(m)("gateway_services.form.fields.enabled.false")), 1)
             ]),
             true: c(() => [
-              A("code", null, k(s(m)("gateway_services.form.fields.enabled.true")), 1)
+              T("code", null, k(s(m)("gateway_services.form.fields.enabled.true")), 1)
             ]),
             _: 1
           })
@@ -964,10 +964,10 @@ const le = {
             scope: "global"
           }, {
             code1: c(() => [
-              A("code", null, k(s(m)("gateway_services.form.fields.ca_certificates.code1")), 1)
+              T("code", null, k(s(m)("gateway_services.form.fields.ca_certificates.code1")), 1)
             ]),
             code2: c(() => [
-              A("code", null, k(s(m)("gateway_services.form.fields.ca_certificates.code2")), 1)
+              T("code", null, k(s(m)("gateway_services.form.fields.ca_certificates.code2")), 1)
             ]),
             _: 1
           })
@@ -978,7 +978,7 @@ const le = {
             scope: "global"
           }, {
             code1: c(() => [
-              A("code", null, k(s(m)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+              T("code", null, k(s(m)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
             ]),
             _: 1
           })
@@ -993,7 +993,7 @@ const le = {
       }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
     ]));
   }
-}), q = {
+}), G = {
   name: "Kong-Air-Flights-API",
   protocol: "https",
   path: "/flights",
@@ -1002,7 +1002,7 @@ const le = {
 }, Kt = "#d60027", Lt = { class: "tls-sans-field-container" }, Nt = {
   key: 0,
   class: "tls-sans-field-controls"
-}, Gt = { key: 0 }, qt = /* @__PURE__ */ Pe({
+}, qt = { key: 0 }, Gt = /* @__PURE__ */ Pe({
   __name: "GatewayServiceFormTlsSansField",
   props: {
     modelValue: {},
@@ -1022,13 +1022,13 @@ const le = {
       const r = [...m.modelValue];
       r.splice(x, 1), d("update:modelValue", r);
     }, R = (x, r) => {
-      const T = [...m.modelValue];
-      T[x] = r, d("update:modelValue", T), d("input");
+      const A = [...m.modelValue];
+      A[x] = r, d("update:modelValue", A), d("input");
     };
     return (x, r) => {
-      const T = U("KLabel"), E = U("KInput"), Q = U("KButton");
+      const A = U("KLabel"), E = U("KInput"), Q = U("KButton");
       return h(), I("div", Lt, [
-        n(T, { info: l.tooltip }, {
+        n(A, { info: l.tooltip }, {
           default: c(() => [
             $(k(l.label), 1)
           ]),
@@ -1074,7 +1074,7 @@ const le = {
             }, 8, ["data-testid", "disabled"])
           ]))
         ]))), 128)),
-        l.modelValue.length === 0 && !l.readonly ? (h(), I("div", Gt, [
+        l.modelValue.length === 0 && !l.readonly ? (h(), I("div", qt, [
           n(Q, {
             "data-testid": `add-${l.testIdPrefix}`,
             onClick: a
@@ -1089,7 +1089,7 @@ const le = {
       ]);
     };
   }
-}), Oe = /* @__PURE__ */ Le(qt, [["__scopeId", "data-v-9b2cc5e4"]]), Wt = { class: "kong-ui-entities-gateway-service-form" }, Ot = {
+}), Oe = /* @__PURE__ */ Le(Gt, [["__scopeId", "data-v-9b2cc5e4"]]), Wt = { class: "kong-ui-entities-gateway-service-form" }, Ot = {
   key: 0,
   class: "gateway-service-form-general-info"
 }, jt = { class: "gateway-service-form-group-selection-wrapper" }, zt = {
@@ -1142,12 +1142,18 @@ const le = {
       type: Boolean,
       required: !1,
       default: !1
+    },
+    /** Whether tls_sans fields are supported */
+    isTlsSansSupported: {
+      type: Boolean,
+      required: !1,
+      default: !0
     }
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
   setup(l, { expose: L, emit: m }) {
-    var G;
-    const d = m, a = l, v = B(!0), R = ze(), { i18nT: x, i18n: { t: r } } = le.useI18n(), { getErrorFieldsFromError: T } = yt(), { axiosInstance: E } = He((G = a.config) == null ? void 0 : G.axiosRequestConfig), Q = _t(), { validateHost: re, validatePath: N, validatePort: X, validateProtocol: ie } = le.useUrlValidators(), { objectsAreEqual: Fe } = Ze(), j = C(() => Ee.form[a.config.app].edit), Y = C(() => a.gatewayServiceId ? qe.Edit : qe.Create), $e = B(!1), ee = C(() => !!a.gatewayServiceId), P = B(ee.value ? "protocol" : "url"), fe = le.usePortFromProtocol(), pe = B(""), ae = C(() => !!pe.value || !!se("name")), e = Ne({
+    var q;
+    const d = m, a = l, v = B(!0), R = ze(), { i18nT: x, i18n: { t: r } } = le.useI18n(), { getErrorFieldsFromError: A } = yt(), { axiosInstance: E } = He((q = a.config) == null ? void 0 : q.axiosRequestConfig), Q = _t(), { validateHost: re, validatePath: N, validatePort: X, validateProtocol: ie } = le.useUrlValidators(), { objectsAreEqual: Fe } = Ze(), j = C(() => Ee.form[a.config.app].edit), Y = C(() => a.gatewayServiceId ? Ge.Edit : Ge.Create), $e = B(!1), ee = C(() => !!a.gatewayServiceId), P = B(ee.value ? "protocol" : "url"), fe = le.usePortFromProtocol(), pe = B(""), ae = C(() => !!pe.value || !!se("name")), e = Ne({
       fields: {
         name: "",
         protocol: "http",
@@ -1187,7 +1193,7 @@ const le = {
         tls_verify_enabled: "",
         tls_verify_value: ""
       }
-    }), V = Ne({
+    }), S = Ne({
       name: "",
       protocol: "http",
       host: "",
@@ -1267,22 +1273,22 @@ const le = {
     ], ge = { url: "url", protocol: "protocol" }, ye = (t) => {
       e.fields.protocol = t.value, e.fields.port = fe.getPortFromProtocol(e.fields.protocol, String(e.fields.port));
     }, te = (t) => t ? parseFloat(t) : 0, _e = () => {
-      e.fields.host = V.host, e.fields.path = V.path, e.fields.port = V.port, e.fields.protocol = V.protocol, e.fields.url = V.url, e.fields.retries = V.retries, e.fields.connect_timeout = V.connect_timeout, e.fields.write_timeout = V.write_timeout, e.fields.read_timeout = V.read_timeout, e.fields.client_certificate = V.client_certificate, e.fields.tls_sans = {
-        dnsnames: [...V.tls_sans.dnsnames],
-        uris: [...V.tls_sans.uris]
-      }, e.fields.ca_certificates = V.ca_certificates, e.fields.tls_verify_enabled = V.tls_verify_enabled, e.fields.tls_verify_value = V.tls_verify_value, e.fields.enabled = V.enabled;
+      e.fields.host = S.host, e.fields.path = S.path, e.fields.port = S.port, e.fields.protocol = S.protocol, e.fields.url = S.url, e.fields.retries = S.retries, e.fields.connect_timeout = S.connect_timeout, e.fields.write_timeout = S.write_timeout, e.fields.read_timeout = S.read_timeout, e.fields.client_certificate = S.client_certificate, e.fields.tls_sans = {
+        dnsnames: [...S.tls_sans.dnsnames],
+        uris: [...S.tls_sans.uris]
+      }, e.fields.ca_certificates = S.ca_certificates, e.fields.tls_verify_enabled = S.tls_verify_enabled, e.fields.tls_verify_value = S.tls_verify_value, e.fields.enabled = S.enabled;
     }, be = () => {
       v.value = !0, W(), e.errorMessages = [], _e();
     }, he = () => {
-      switch (_e(), e.fields.name = `${q.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, P.value) {
+      switch (_e(), e.fields.name = `${G.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, P.value) {
         case "url":
-          e.fields.url = `${q.protocol}://${q.host}${q.path}`;
+          e.fields.url = `${G.protocol}://${G.host}${G.path}`;
           break;
         case "protocol":
-          e.fields.host = q.host, e.fields.path = q.path, e.fields.protocol = q.protocol, e.fields.port = q.port;
+          e.fields.host = G.host, e.fields.path = G.path, e.fields.protocol = G.protocol, e.fields.port = G.port;
           break;
         default:
-          e.fields.url = `${q.protocol}://${q.host}${q.path}`;
+          e.fields.url = `${G.protocol}://${G.host}${G.path}`;
       }
     }, we = () => {
       if (W(), e.fields.url.length)
@@ -1298,14 +1304,14 @@ const le = {
           e.fields.path = t.pathname;
           const y = X(t.port);
           if (y) throw new Error(y);
-          const S = Number(t.port);
-          $e.value = !!S, e.fields.port = S || fe.getPortFromProtocol(e.fields.protocol), d("url-valid:success");
+          const V = Number(t.port);
+          $e.value = !!V, e.fields.port = V || fe.getPortFromProtocol(e.fields.protocol), d("url-valid:success");
         } catch {
           d("url-valid:error", r("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = r("gateway_services.form.errors.url.invalid");
         }
     }, ce = (t) => {
       W(t);
-    }, Ae = C(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), se = (t) => {
+    }, Te = C(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), se = (t) => {
       if (e.errorMessages.length) return "";
       const o = e.formFieldErrors;
       return o[t] ? o[t] : "";
@@ -1331,7 +1337,7 @@ const le = {
       return !0;
     }), me = () => {
       e.fields.url && P.value === "url" ? we() : K();
-    }, Te = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, ke = C(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), H = C(() => {
+    }, Ae = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, ke = C(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), z = C(() => {
       if (P.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
@@ -1341,17 +1347,17 @@ const le = {
         return !0;
       const t = ["https", "tls"].includes(e.fields.protocol);
       return P.value === "protocol" && t;
-    }), Ve = (t) => {
+    }), Se = (t) => {
       W("name"), pe.value = Q.utf8Name(t);
     }, Z = C(() => {
-      const t = !ee.value || !Fe(e.fields, V), o = P.value === "url" && !!e.fields.url && oe.value, b = P.value === "protocol" && !!e.fields.host && oe.value;
+      const t = !ee.value || !Fe(e.fields, S), o = P.value === "url" && !!e.fields.url && oe.value, b = P.value === "protocol" && !!e.fields.host && oe.value;
       return t && (o || b);
     }), ve = (t) => {
-      var o, b, f, y, S;
+      var o, b, f, y, V;
       e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((o = t == null ? void 0 : t.tags) == null ? void 0 : o.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((b = t == null ? void 0 : t.ca_certificates) == null ? void 0 : b.join(",")) || "", e.fields.client_certificate = ((f = t == null ? void 0 : t.client_certificate) == null ? void 0 : f.id) || "", e.fields.tls_sans = {
         dnsnames: ((y = t == null ? void 0 : t.tls_sans) == null ? void 0 : y.dnsnames) ?? [""],
-        uris: ((S = t == null ? void 0 : t.tls_sans) == null ? void 0 : S.uris) ?? [""]
-      }, e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, e.fields.enabled = (t == null ? void 0 : t.enabled) ?? !0, Object.assign(V, e.fields), V.tls_sans = {
+        uris: ((V = t == null ? void 0 : t.tls_sans) == null ? void 0 : V.uris) ?? [""]
+      }, e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, e.fields.enabled = (t == null ? void 0 : t.enabled) ?? !0, Object.assign(S, e.fields), S.tls_sans = {
         dnsnames: [...e.fields.tls_sans.dnsnames],
         uris: [...e.fields.tls_sans.uris]
       };
@@ -1362,6 +1368,10 @@ const le = {
       let t = `${a.config.apiBaseUrl}${Ee.form[a.config.app][Y.value]}`;
       return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((o = a.config) == null ? void 0 : o.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (b = a.config) != null && b.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
     }), _ = C(() => {
+      if (!a.isTlsSansSupported)
+        return;
+      if (!z.value)
+        return null;
       const t = e.fields.tls_sans.dnsnames.map((b) => b.trim()).filter(Boolean), o = e.fields.tls_sans.uris.map((b) => b.trim()).filter(Boolean);
       return t.length || o.length ? {
         dnsnames: t.length ? t : null,
@@ -1371,14 +1381,14 @@ const le = {
       var o, b, f, y;
       const t = {
         name: e.fields.name || null,
-        tags: e.fields.tags ? (f = (b = (o = e.fields.tags) == null ? void 0 : o.split(",")) == null ? void 0 : b.map((S) => String(S || "").trim())) == null ? void 0 : f.filter((S) => S !== "") : null,
+        tags: e.fields.tags ? (f = (b = (o = e.fields.tags) == null ? void 0 : o.split(",")) == null ? void 0 : b.map((V) => String(V || "").trim())) == null ? void 0 : f.filter((V) => V !== "") : null,
         protocol: e.fields.protocol,
         path: e.fields.path || null,
         read_timeout: e.fields.read_timeout,
         retries: e.fields.retries,
         host: e.fields.host,
         connect_timeout: e.fields.connect_timeout,
-        ca_certificates: e.fields.ca_certificates ? (y = e.fields.ca_certificates) == null ? void 0 : y.split(",").filter((S) => S !== "") : null,
+        ca_certificates: e.fields.ca_certificates ? (y = e.fields.ca_certificates) == null ? void 0 : y.split(",").filter((V) => V !== "") : null,
         client_certificate: e.fields.client_certificate ? { id: e.fields.client_certificate } : null,
         tls_sans: _.value,
         write_timeout: e.fields.write_timeout,
@@ -1386,9 +1396,9 @@ const le = {
         url: e.fields.url,
         enabled: e.fields.enabled
       };
-      return H.value || (t.client_certificate = null, t.tls_sans = null), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), ke.value || (t.path = null), Y.value === "create" ? P.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : Y.value === "edit" && delete t.url, t;
+      return z.value || (t.client_certificate = null), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), ke.value || (t.path = null), Y.value === "create" ? P.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : Y.value === "edit" && delete t.url, t;
     }), O = async () => {
-      var t, o, b, f, y, S;
+      var t, o, b, f, y, V;
       try {
         e.isReadonly = !0;
         const J = w.value;
@@ -1398,14 +1408,14 @@ const le = {
           e.fields.name = (i == null ? void 0 : i.name) || "", e.fields.port = i.port || fe.getPortFromProtocol(i.protocol), e.fields.protocol = (i == null ? void 0 : i.protocol) || "http", e.fields.host = (i == null ? void 0 : i.host) || "", e.fields.path = (i == null ? void 0 : i.path) || "", e.fields.url = (i == null ? void 0 : i.url) || "", e.fields.retries = i != null && i.retries || (i == null ? void 0 : i.retries) === 0 ? i == null ? void 0 : i.retries : 5, e.fields.connect_timeout = i != null && i.connect_timeout || (i == null ? void 0 : i.connect_timeout) === 0 ? i == null ? void 0 : i.connect_timeout : 6e4, e.fields.write_timeout = i != null && i.write_timeout || (i == null ? void 0 : i.write_timeout) === 0 ? i == null ? void 0 : i.write_timeout : 6e4, e.fields.read_timeout = i != null && i.read_timeout || (i == null ? void 0 : i.read_timeout) === 0 ? i == null ? void 0 : i.read_timeout : 6e4, e.fields.client_certificate = ((o = i == null ? void 0 : i.client_certificate) == null ? void 0 : o.id) || "", e.fields.tls_sans = {
             dnsnames: ((b = i == null ? void 0 : i.tls_sans) == null ? void 0 : b.dnsnames) ?? [],
             uris: ((f = i == null ? void 0 : i.tls_sans) == null ? void 0 : f.uris) ?? []
-          }, e.fields.ca_certificates = (y = i == null ? void 0 : i.ca_certificates) != null && y.length ? i == null ? void 0 : i.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (i == null ? void 0 : i.tls_verify) !== "" && (i == null ? void 0 : i.tls_verify) !== null && (i == null ? void 0 : i.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (i == null ? void 0 : i.tls_verify), e.fields.tags = (S = i == null ? void 0 : i.tags) != null && S.length ? i.tags.join(", ") : "", e.fields.enabled = (i == null ? void 0 : i.enabled) ?? !0, Object.assign(V, e.fields), V.tls_sans = {
+          }, e.fields.ca_certificates = (y = i == null ? void 0 : i.ca_certificates) != null && y.length ? i == null ? void 0 : i.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (i == null ? void 0 : i.tls_verify) !== "" && (i == null ? void 0 : i.tls_verify) !== null && (i == null ? void 0 : i.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (i == null ? void 0 : i.tls_verify), e.fields.tags = (V = i == null ? void 0 : i.tags) != null && V.length ? i.tags.join(", ") : "", e.fields.enabled = (i == null ? void 0 : i.enabled) ?? !0, Object.assign(S, e.fields), S.tls_sans = {
             dnsnames: [...e.fields.tls_sans.dnsnames],
             uris: [...e.fields.tls_sans.uris]
           }, d("update", D == null ? void 0 : D.data);
         }
         return D;
       } catch (J) {
-        const { fields: D, messages: i } = T(J);
+        const { fields: D, messages: i } = A(J);
         e.errorMessages = i, D.length && D.forEach((u) => {
           const de = u.field;
           de === "client_certificate.id" ? e.formFieldErrors.client_certificate = u.message : de.startsWith("tls_sans.dnsnames") ? e.formFieldErrors.tls_sans_dnsnames = u.message : de.startsWith("tls_sans.uris") ? e.formFieldErrors.tls_sans_uris = u.message : de.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = u.message : Object.keys(e.formFieldErrors).includes(de) && (e.formFieldErrors = {
@@ -1418,11 +1428,11 @@ const le = {
       }
     };
     return Me(() => a.gatewayServiceId, () => {
-      Object.assign(e.fields, V);
+      Object.assign(e.fields, S);
     }), Me(e.fields, () => {
       d("model-updated", w.value);
     }), Ye(() => {
-      d("model-updated", w.value), ee.value || (e.fields.name = Te());
+      d("model-updated", w.value), ee.value || (e.fields.name = Ae());
     }), L({
       validateUrl: me,
       getPayload: w,
@@ -1430,7 +1440,7 @@ const le = {
       canSubmit: Z,
       initForm: ve
     }), (t, o) => {
-      const b = U("KRadio"), f = U("KButton"), y = U("KInput"), S = U("KSelect"), J = U("KCheckbox"), D = U("KCollapse"), i = U("KAlert");
+      const b = U("KRadio"), f = U("KButton"), y = U("KInput"), V = U("KSelect"), J = U("KCheckbox"), D = U("KCollapse"), i = U("KAlert");
       return h(), I("div", Wt, [
         n(s(ht), {
           "can-submit": Z.value,
@@ -1461,7 +1471,7 @@ const le = {
             }, {
               default: c(() => [
                 ee.value ? F("", !0) : (h(), I("div", Ot, [
-                  A("div", jt, [
+                  T("div", jt, [
                     n(b, {
                       modelValue: P.value,
                       "onUpdate:modelValue": o[0] || (o[0] = (u) => P.value = u),
@@ -1495,7 +1505,7 @@ const le = {
                           modelModifiers: { trim: !0 },
                           class: "gateway-service-url-input gateway-service-form-margin-bottom",
                           "data-testid": "gateway-service-url-input",
-                          error: Ae.value,
+                          error: Te.value,
                           "error-message": se("url"),
                           label: s(r)("gateway_services.form.fields.upstream_url.label"),
                           "label-attributes": {
@@ -1533,7 +1543,7 @@ const le = {
                 n(xe, { name: "slide-fade" }, {
                   default: c(() => [
                     P.value === "protocol" || ee.value ? (h(), I("div", Ht, [
-                      n(S, {
+                      n(V, {
                         modelValue: e.fields.protocol,
                         "onUpdate:modelValue": o[3] || (o[3] = (u) => e.fields.protocol = u),
                         "data-testid": "gateway-service-protocol-select",
@@ -1638,7 +1648,7 @@ const le = {
                     n(xe, { name: "slide-fade" }, {
                       default: c(() => [
                         v.value ? F("", !0) : (h(), I("div", Jt, [
-                          A("div", Qt, [
+                          T("div", Qt, [
                             n(y, {
                               modelValue: e.fields.retries,
                               "onUpdate:modelValue": [
@@ -1659,7 +1669,7 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          A("div", Xt, [
+                          T("div", Xt, [
                             n(y, {
                               modelValue: e.fields.connect_timeout,
                               "onUpdate:modelValue": [
@@ -1680,7 +1690,7 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          A("div", Yt, [
+                          T("div", Yt, [
                             n(y, {
                               modelValue: e.fields.write_timeout,
                               "onUpdate:modelValue": [
@@ -1701,7 +1711,7 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          A("div", es, [
+                          T("div", es, [
                             n(y, {
                               modelValue: e.fields.read_timeout,
                               "onUpdate:modelValue": [
@@ -1722,7 +1732,7 @@ const le = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          H.value ? (h(), I("div", ts, [
+                          z.value ? (h(), I("div", ts, [
                             n(y, {
                               modelValue: e.fields.client_certificate,
                               "onUpdate:modelValue": o[19] || (o[19] = (u) => e.fields.client_certificate = u),
@@ -1742,7 +1752,7 @@ const le = {
                               onInput: o[20] || (o[20] = (u) => ce("client_certificate"))
                             }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"])
                           ])) : F("", !0),
-                          H.value ? (h(), z(Oe, {
+                          z.value && l.isTlsSansSupported ? (h(), H(Oe, {
                             key: 1,
                             modelValue: e.fields.tls_sans.dnsnames,
                             "onUpdate:modelValue": o[21] || (o[21] = (u) => e.fields.tls_sans.dnsnames = u),
@@ -1757,7 +1767,7 @@ const le = {
                             tooltip: s(r)("gateway_services.form.fields.tls_sans_dnsnames.tooltip"),
                             onInput: o[22] || (o[22] = (u) => ce("tls_sans_dnsnames"))
                           }, null, 8, ["modelValue", "add-button-text", "error", "label", "placeholder", "readonly", "tooltip"])) : F("", !0),
-                          H.value ? (h(), z(Oe, {
+                          z.value && l.isTlsSansSupported ? (h(), H(Oe, {
                             key: 2,
                             modelValue: e.fields.tls_sans.uris,
                             "onUpdate:modelValue": o[23] || (o[23] = (u) => e.fields.tls_sans.uris = u),
@@ -1793,10 +1803,10 @@ const le = {
                                   scope: "global"
                                 }, {
                                   code1: c(() => [
-                                    A("code", null, k(s(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                                    T("code", null, k(s(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
                                   ]),
                                   code2: c(() => [
-                                    A("code", null, k(s(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                                    T("code", null, k(s(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
                                   ]),
                                   _: 1
                                 })
@@ -1804,7 +1814,7 @@ const le = {
                               _: 1
                             }, 8, ["modelValue", "error", "label", "placeholder", "readonly"])
                           ])) : F("", !0),
-                          H.value ? (h(), I("div", os, [
+                          z.value ? (h(), I("div", os, [
                             n(J, {
                               modelValue: e.fields.tls_verify_enabled,
                               "onUpdate:modelValue": o[27] || (o[27] = (u) => e.fields.tls_verify_enabled = u),
@@ -1819,7 +1829,7 @@ const le = {
                                   scope: "global"
                                 }, {
                                   code1: c(() => [
-                                    A("code", null, k(s(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                                    T("code", null, k(s(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                                   ]),
                                   _: 1
                                 })
@@ -1878,7 +1888,7 @@ const le = {
                   placeholder: s(r)("gateway_services.form.fields.name.placeholder"),
                   readonly: e.isReadonly,
                   type: "text",
-                  onInput: Ve
+                  onInput: Se
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
                 n(D, {
                   "data-testid": "tags-collapse",
@@ -1886,7 +1896,7 @@ const le = {
                   "trigger-label": s(r)("gateway_services.form.fields.tags.collapse")
                 }, {
                   default: c(() => [
-                    A("div", is, [
+                    T("div", is, [
                       n(y, {
                         modelValue: e.fields.tags,
                         "onUpdate:modelValue": o[32] || (o[32] = (u) => e.fields.tags = u),
@@ -1912,13 +1922,13 @@ const le = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            e.errorMessages.length ? (h(), z(i, {
+            e.errorMessages.length ? (h(), H(i, {
               key: 0,
               appearance: "danger",
               "data-testid": "form-error"
             }, {
               default: c(() => [
-                A("ul", as, [
+                T("ul", as, [
                   (h(!0), I(Ke, null, je(e.errorMessages, (u) => (h(), I("li", { key: u }, k(u), 1))), 128))
                 ])
               ]),
@@ -1930,7 +1940,7 @@ const le = {
       ]);
     };
   }
-}), hs = /* @__PURE__ */ Le(ns, [["__scopeId", "data-v-ced94d2c"]]), { validateHost: cs, validatePort: ds, validateProtocol: us, validatePath: fs } = le.useUrlValidators(), ws = () => ({
+}), hs = /* @__PURE__ */ Le(ns, [["__scopeId", "data-v-db4867fb"]]), { validateHost: cs, validatePort: ds, validateProtocol: us, validatePath: fs } = le.useUrlValidators(), ws = () => ({
   validateHost: cs,
   validatePort: ds,
   validateProtocol: us,