@kong-ui-public/entities-gateway-services 3.13.19-pr.2622.e4dc8379f.0 → 3.13.19

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

@@ -1,4 +1,4 @@
-import { defineComponent as Be, ref as $, computed as k, watch as Me, onBeforeMount as He, resolveComponent as B, createElementBlock as A, openBlock as C, createVNode as n, unref as o, createSlots as ke, withCtx as d, createTextVNode as U, toDisplayString as h, createElementVNode as E, withModifiers as Ue, createBlock as de, Teleport as Ze, createCommentVNode as M, reactive as De, onMounted as Je, Transition as $e, Fragment as Qe, renderList as Xe, renderSlot as Ye } from "vue";
+import { defineComponent as Be, ref as x, computed as k, watch as Me, onBeforeMount as He, resolveComponent as D, createElementBlock as T, openBlock as C, createVNode as n, unref as o, createSlots as ke, withCtx as d, createTextVNode as R, toDisplayString as h, createElementVNode as E, withModifiers as Ue, createBlock as de, Teleport as Ze, createCommentVNode as B, reactive as De, onMounted as Je, Transition as $e, Fragment as Qe, renderList as Xe, renderSlot as Ye } from "vue";
 import { useRouter as Ne } from "vue-router";
 import { BookIcon as Ke, AddIcon as Le, ServicesIcon as et } from "@kong/icons";
 import { createI18n as tt, i18nTComponent as ot } from "@kong-ui-public/i18n";
@@ -232,11 +232,11 @@ function Et() {
 }
 function Pt() {
   return {
-    getPortFromProtocol: (q, p) => {
+    getPortFromProtocol: (G, p) => {
       const c = [80, 443], a = Number(p);
       if ((a || a === 0) && !c.includes(a))
         return a;
-      switch (q) {
+      switch (G) {
         case "grpcs":
         case "tls":
         case "https":
@@ -253,7 +253,7 @@ function Pt() {
   };
 }
 function It() {
-  const { i18n: { t: s } } = X.useI18n();
+  const { i18n: { t: s } } = Y.useI18n();
   return {
     validateHost: (m) => {
       if (!m || m.trim() === "") return s("gateway_services.form.errors.host.empty");
@@ -272,7 +272,7 @@ function It() {
     }
   };
 }
-const X = {
+const Y = {
   useI18n: Et,
   usePortFromProtocol: Pt,
   useUrlValidators: It
@@ -345,9 +345,9 @@ const X = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
-  setup(s, { emit: q }) {
+  setup(s, { emit: G }) {
     var be;
-    const p = q, c = s, { i18n: { t: a, formatUnixTimeStamp: m } } = X.useI18n(), F = Ne(), { axiosInstance: G } = We((be = c.config) == null ? void 0 : be.axiosRequestConfig), { hasRecords: l, handleStateChange: D } = rt(() => W.value), P = k(() => l.value && c.config.app === "konnect"), Ce = k(() => c.config.app !== "kongManager" || !!c.config.disableSorting), le = {
+    const p = G, c = s, { i18n: { t: a, formatUnixTimeStamp: m } } = Y.useI18n(), F = Ne(), { axiosInstance: L } = We((be = c.config) == null ? void 0 : be.axiosRequestConfig), { hasRecords: l, handleStateChange: K } = rt(() => W.value), P = k(() => l.value && c.config.app === "konnect"), Ce = k(() => c.config.app !== "kongManager" || !!c.config.disableSorting), le = {
       // the Name column is non-hidable
       name: { label: a("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
       ...c.config.showControlPlaneColumn ? { control_plane: { label: a("gateway_services.list.table_headers.control_plane") } } : {},
@@ -363,61 +363,64 @@ const X = {
       columnVisibility: {
         created_at: !1
       }
-    }, fe = le, Y = k(() => {
+    }, fe = le, ee = k(() => {
       var v, g;
       let u = `${c.config.apiBaseUrl}${Ve.list[c.config.app].all}`;
       return c.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((v = c.config) == null ? void 0 : v.controlPlaneId) || "") : c.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (g = c.config) != null && g.workspace ? `/${c.config.workspace}` : "")), u;
-    }), Se = k(() => c.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${Y.value}`) : new URL(Y.value)), W = $(""), z = k(() => {
+    }), Se = k(() => c.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${ee.value}`) : new URL(ee.value)), W = x(""), H = k(() => {
       const u = c.config.app === "konnect" || c.config.isExactMatch;
       if (u)
         return {
           isExactMatch: u,
           placeholder: a(`search.placeholder.${c.config.app}`)
         };
-      const { name: v, enabled: g, protocol: S, host: j, port: x, path: K } = le;
+      const { name: v, enabled: g, protocol: S, host: j, port: $, path: A } = le;
       return {
         isExactMatch: u,
-        fields: { name: v, enabled: g, protocol: S, host: j, port: x, path: K },
+        fields: { name: v, enabled: g, protocol: S, host: j, port: $, path: A },
         schema: c.config.filterSchema
       };
     }), {
       fetcher: Ee,
-      fetcherState: H,
+      fetcherState: Z,
       fetcherCacheKey: V
-    } = it(k(() => ({ ...c.config, cacheIdentifier: c.cacheIdentifier })), Y), se = () => {
+    } = it(k(() => ({ ...c.config, cacheIdentifier: c.cacheIdentifier })), ee), se = () => {
       W.value = "";
     }, ae = () => {
       V.value++;
-    }, ee = $(null), e = k(() => ({
+    }, te = x(null), e = k(() => ({
       ctaPath: c.config.createRoute,
-      ctaText: oe.value ? c.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
+      ctaText: re.value ? c.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
       message: `${a("gateway_services.list.empty_state.description")}${c.config.additionMessageForEmptyState ? ` ${c.config.additionMessageForEmptyState}` : ""}`,
-      title: oe.value ? c.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
-    })), b = $(!1), R = $(null), te = k(() => {
+      title: re.value ? c.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
+    })), b = x(!1), M = x(null), oe = k(() => {
       const u = {
         action: "disable",
         id: "",
         name: ""
       };
-      if (R.value) {
-        const { enabled: v, id: g, name: S } = R.value;
+      if (M.value) {
+        const { enabled: v, id: g, name: S } = M.value;
         u.action = v ? "disable" : "enable", u.id = g, u.name = S || g;
       }
       return u;
     }), pe = (u) => {
-      b.value = !0, R.value = u;
+      b.value = !0, M.value = u;
     }, me = () => {
-      b.value = !1, R.value = null;
-    }, Z = async () => {
+      b.value = !1, M.value = null;
+    }, J = async () => {
       var S, j;
-      if (!await ((S = c.canEdit) == null ? void 0 : S.call(c, R.value)) || !R.value)
+      if (!await ((S = c.canEdit) == null ? void 0 : S.call(c, M.value)) || !M.value)
         return;
-      const v = `${Se.value.href}/${R.value.id}`, g = !R.value.enabled;
+      const v = `${Se.value.href}/${M.value.id}`, g = !M.value.enabled;
       try {
-        const { data: x } = ((j = c.config) == null ? void 0 : j.app) === "konnect" ? await G.put(v, { ...R.value, enabled: g }) : await G.patch(v, { ...R.value, enabled: g });
-        p("toggle:success", x), R.value.enabled = g;
-      } catch (x) {
-        p("error", x);
+        const $ = (j = c.config) == null ? void 0 : j.app;
+        let A;
+        W.value && $ === "konnect" && (A = await L.get(v));
+        const { data: z } = $ === "konnect" ? await L.put(v, { ...(A == null ? void 0 : A.data) || M.value, enabled: g }) : await L.patch(v, { ...M.value, enabled: g });
+        p("toggle:success", z), M.value.enabled = g;
+      } catch ($) {
+        p("error", $);
       }
     }, ve = (u) => {
       c.config.getControlPlaneRoute && F.push(c.config.getControlPlaneRoute(u));
@@ -458,18 +461,18 @@ const X = {
     }), Pe = (u) => ({
       label: a("actions.edit"),
       to: c.config.getEditRoute(u)
-    }), T = $(void 0), O = $(!1), N = $(!1), J = $(""), Ie = lt(c.config, Y.value), Fe = (u) => {
-      T.value = u, O.value = !0, J.value = "";
+    }), U = x(void 0), O = x(!1), N = x(!1), Q = x(""), Ie = lt(c.config, ee.value), Fe = (u) => {
+      U.value = u, O.value = !0, Q.value = "";
     }, ne = () => {
-      O.value = !1, T.value = void 0;
+      O.value = !1, U.value = void 0;
     }, Ae = async () => {
       var u, v, g;
-      if ((u = T.value) != null && u.id) {
+      if ((u = U.value) != null && u.id) {
         N.value = !0;
         try {
-          await G.delete(Ie(T.value.id)), p("delete:success", T.value), ne(), V.value++;
+          await L.delete(Ie(U.value.id)), p("delete:success", U.value), ne(), V.value++;
         } catch (S) {
-          J.value = ((g = (v = S.response) == null ? void 0 : v.data) == null ? void 0 : g.message) || S.message || a("errors.delete"), p("error", S);
+          Q.value = ((g = (v = S.response) == null ? void 0 : v.data) == null ? void 0 : g.message) || S.message || a("errors.delete"), p("error", S);
         } finally {
           N.value = !1;
         }
@@ -477,29 +480,29 @@ const X = {
     }, Te = () => {
       F.push(c.config.createRoute);
     };
-    Me(H, (u) => {
+    Me(Z, (u) => {
       var v, g, S;
       if (u.status === st.Error) {
-        ee.value = {
+        te.value = {
           title: a("errors.general")
-        }, (S = (g = (v = u.error) == null ? void 0 : v.response) == null ? void 0 : g.data) != null && S.message && (ee.value.message = u.error.response.data.message), p("error", u.error);
+        }, (S = (g = (v = u.error) == null ? void 0 : v.response) == null ? void 0 : g.data) != null && S.message && (te.value.message = u.error.response.data.message), p("error", u.error);
         return;
       }
-      ee.value = null;
+      te.value = null;
     });
-    const oe = $(!1);
+    const re = x(!1);
     return He(async () => {
-      oe.value = await c.canCreate();
+      re.value = await c.canCreate();
     }), (u, v) => {
-      const g = B("KButton"), S = B("KEmptyState"), j = B("KBadge"), x = B("KInputSwitch"), K = B("KDropdownItem"), re = B("KClipboardProvider");
-      return C(), A("div", Ft, [
+      const g = D("KButton"), S = D("KEmptyState"), j = D("KBadge"), $ = D("KInputSwitch"), A = D("KDropdownItem"), z = D("KClipboardProvider");
+      return C(), T("div", Ft, [
         n(o(at), {
           "cache-identifier": s.cacheIdentifier,
           "default-table-preferences": ue,
           "disable-sorting": Ce.value,
           "empty-state-options": e.value,
           "enable-entity-actions": "",
-          "error-message": ee.value,
+          "error-message": te.value,
           fetcher: o(Ee),
           "fetcher-cache-key": o(V),
           "pagination-type": "offset",
@@ -509,13 +512,13 @@ const X = {
           onClearSearchInput: se,
           "onClick:row": v[4] || (v[4] = (t) => _e(t)),
           onSort: ae,
-          onState: o(D)
+          onState: o(K)
         }, ke({
           "toolbar-filter": d(() => [
             n(o(ct), {
               modelValue: W.value,
               "onUpdate:modelValue": v[0] || (v[0] = (t) => W.value = t),
-              config: z.value
+              config: H.value
             }, null, 8, ["modelValue", "config"])
           ]),
           "toolbar-button": d(() => [
@@ -536,7 +539,7 @@ const X = {
                     n(o(Ke), { decorative: "" })
                   ]),
                   _: 1
-                })) : M("", !0),
+                })) : B("", !0),
                 n(o(ce), {
                   "auth-function": () => s.canCreate()
                 }, {
@@ -549,7 +552,7 @@ const X = {
                     }, {
                       default: d(() => [
                         n(o(Le)),
-                        U(" " + h(o(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                        R(" " + h(o(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -572,10 +575,10 @@ const X = {
                 onClick: Ue((y) => ve(t.x_meta.cluster_id), ["stop"])
               }, {
                 default: d(() => [
-                  U(h(t.x_meta.cluster_id), 1)
+                  R(h(t.x_meta.cluster_id), 1)
                 ]),
                 _: 2
-              }, 1032, ["tooltip", "onClick"])) : (C(), A("b", Tt, "-"))
+              }, 1032, ["tooltip", "onClick"])) : (C(), T("b", Tt, "-"))
             ];
           }),
           enabled: d(({ row: t }) => [
@@ -588,7 +591,7 @@ const X = {
                   onClick: v[3] || (v[3] = Ue(() => {
                   }, ["stop"]))
                 }, [
-                  n(x, {
+                  n($, {
                     modelValue: t.enabled,
                     "onUpdate:modelValue": (y) => t.enabled = y,
                     "data-testid": `row-${t.id}-toggle-input`,
@@ -604,34 +607,34 @@ const X = {
             n(o(nt), { tags: t }, null, 8, ["tags"])
           ]),
           created_at: d(({ rowValue: t }) => [
-            U(h(o(m)(t)), 1)
+            R(h(o(m)(t)), 1)
           ]),
           updated_at: d(({ row: t, rowValue: r }) => [
-            U(h(o(m)(r ?? t.created_at)), 1)
+            R(h(o(m)(r ?? t.created_at)), 1)
           ]),
           actions: d(({ row: t }) => [
-            n(re, null, {
+            n(z, null, {
               default: d(({ copyToClipboard: r }) => [
-                n(K, {
+                n(A, {
                   "data-testid": "action-entity-copy-id",
                   onClick: (y) => ge(t, r)
                 }, {
                   default: d(() => [
-                    U(h(o(a)("actions.copy_id")), 1)
+                    R(h(o(a)("actions.copy_id")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            n(re, null, {
+            n(z, null, {
               default: d(({ copyToClipboard: r }) => [
-                n(K, {
+                n(A, {
                   "data-testid": "action-entity-copy-json",
                   onClick: (y) => ye(t, r)
                 }, {
                   default: d(() => [
-                    U(h(o(a)("actions.copy_json")), 1)
+                    R(h(o(a)("actions.copy_json")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -642,7 +645,7 @@ const X = {
               "auth-function": () => s.canRetrieve(t)
             }, {
               default: d(() => [
-                n(K, {
+                n(A, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
                   item: he(t.id)
@@ -654,7 +657,7 @@ const X = {
               "auth-function": () => s.canEdit(t)
             }, {
               default: d(() => [
-                n(K, {
+                n(A, {
                   "data-testid": "action-entity-edit",
                   item: Pe(t.id)
                 }, null, 8, ["item"])
@@ -665,14 +668,14 @@ const X = {
               "auth-function": () => s.canDelete(t)
             }, {
               default: d(() => [
-                n(K, {
+                n(A, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
                   onClick: (r) => Fe(t)
                 }, {
                   default: d(() => [
-                    U(h(o(a)("actions.delete.menu_label")), 1)
+                    R(h(o(a)("actions.delete.menu_label")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"])
@@ -697,17 +700,17 @@ const X = {
                     n(o(et), { decorative: "" })
                   ]),
                   action: d(() => [
-                    oe.value ? (C(), de(g, {
+                    re.value ? (C(), de(g, {
                       key: 0,
                       "data-testid": "entity-create-button",
                       onClick: Te
                     }, {
                       default: d(() => [
                         n(o(Le), { decorative: "" }),
-                        U(" " + h(o(a)("gateway_services.empty_state_v2.create")), 1)
+                        R(" " + h(o(a)("gateway_services.empty_state_v2.create")), 1)
                       ]),
                       _: 1
-                    })) : M("", !0),
+                    })) : B("", !0),
                     n(g, {
                       appearance: "secondary",
                       "data-testid": "entity-learn-more-button",
@@ -715,7 +718,7 @@ const X = {
                     }, {
                       default: d(() => [
                         n(o(Ke), { decorative: "" }),
-                        U(" " + h(o(a)("gateway_services.empty_state_v2.learn_more")), 1)
+                        R(" " + h(o(a)("gateway_services.empty_state_v2.learn_more")), 1)
                       ]),
                       _: 1
                     })
@@ -725,7 +728,7 @@ const X = {
                   (t = s.config) != null && t.isControlPlaneGroup ? {
                     name: "default",
                     fn: d(() => [
-                      U(h(o(a)("gateway_services.empty_state_v2.group")), 1)
+                      R(h(o(a)("gateway_services.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
                   } : void 0
@@ -736,11 +739,11 @@ const X = {
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
         n(o(dt), {
-          action: te.value.action,
-          "entity-id": te.value.id,
-          "entity-name": te.value.name,
+          action: oe.value.action,
+          "entity-id": oe.value.id,
+          "entity-name": oe.value.name,
           "entity-type": o(a)("glossary.gateway_services"),
-          "on-confirm": Z,
+          "on-confirm": J,
           visible: b.value,
           onCancel: me,
           onProceed: me
@@ -748,9 +751,9 @@ const X = {
         n(o(ut), {
           "action-pending": N.value,
           description: o(a)("actions.delete.description"),
-          "entity-name": T.value && (T.value.name || T.value.id),
+          "entity-name": U.value && (U.value.name || U.value.id),
           "entity-type": o(ft).GatewayService,
-          error: J.value,
+          error: Q.value,
           title: o(a)("actions.delete.title"),
           visible: O.value,
           onCancel: ne,
@@ -759,12 +762,12 @@ const X = {
       ]);
     };
   }
-}), ze = (s, q) => {
+}), ze = (s, G) => {
   const p = s.__vccOpts || s;
-  for (const [c, a] of q)
+  for (const [c, a] of G)
     p[c] = a;
   return p;
-}, no = /* @__PURE__ */ ze(Ut, [["__scopeId", "data-v-0ab33d23"]]), $t = { class: "kong-ui-gateway-service-entity-config-card" }, co = /* @__PURE__ */ Be({
+}, no = /* @__PURE__ */ ze(Ut, [["__scopeId", "data-v-4f19984e"]]), $t = { class: "kong-ui-gateway-service-entity-config-card" }, co = /* @__PURE__ */ Be({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -791,7 +794,7 @@ const X = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(s) {
-    const q = s, { i18n: { t: p }, i18nT: c } = X.useI18n(), a = k(() => Ve.form[q.config.app].edit), { getPropValue: m } = Oe(), F = (l, D) => m(l, D) === !0 ? p("gateway_services.form.fields.tls_verify_option.true.display") : p("gateway_services.form.fields.tls_verify_option.false.display"), G = $({
+    const G = s, { i18n: { t: p }, i18nT: c } = Y.useI18n(), a = k(() => Ve.form[G.config.app].edit), { getPropValue: m } = Oe(), F = (l, K) => m(l, K) === !0 ? p("gateway_services.form.fields.tls_verify_option.true.display") : p("gateway_services.form.fields.tls_verify_option.false.display"), L = x({
       id: {},
       name: {
         tooltip: p("gateway_services.form.fields.name.tooltip")
@@ -851,17 +854,17 @@ const X = {
         hidden: !0
       }
     });
-    return (l, D) => (C(), A("div", $t, [
+    return (l, K) => (C(), T("div", $t, [
       n(o(mt), {
         config: s.config,
         "config-card-doc": s.configCardDoc,
-        "config-schema": G.value,
+        "config-schema": L.value,
         "entity-type": o(je).GatewayService,
         "fetch-url": a.value,
         "hide-title": s.hideTitle,
-        "onFetch:error": D[0] || (D[0] = (P) => l.$emit("fetch:error", P)),
-        "onFetch:success": D[1] || (D[1] = (P) => l.$emit("fetch:success", P)),
-        onLoading: D[2] || (D[2] = (P) => l.$emit("loading", P))
+        "onFetch:error": K[0] || (K[0] = (P) => l.$emit("fetch:error", P)),
+        "onFetch:success": K[1] || (K[1] = (P) => l.$emit("fetch:success", P)),
+        onLoading: K[2] || (K[2] = (P) => l.$emit("loading", P))
       }, {
         "enabled-label-tooltip": d(() => [
           n(o(c), {
@@ -903,16 +906,16 @@ const X = {
           })
         ]),
         tls_verify: d((P) => [
-          U(h(typeof o(m)("rowValue", P) == "boolean" ? F("rowValue", P) : o(p)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+          R(h(typeof o(m)("rowValue", P) == "boolean" ? F("rowValue", P) : o(p)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
         client_certificate: d((P) => [
-          U(h(o(m)("rowValue", P) ? o(m)("rowValue", P).id : "–"), 1)
+          R(h(o(m)("rowValue", P) ? o(m)("rowValue", P).id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
     ]));
   }
-}), L = {
+}), q = {
   name: "Kong-Air-Flights-API",
   protocol: "https",
   path: "/flights",
@@ -974,9 +977,9 @@ const X = {
     }
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
-  setup(s, { expose: q, emit: p }) {
-    var re;
-    const c = p, a = s, m = $(!0), F = Ne(), { i18nT: G, i18n: { t: l } } = X.useI18n(), { getErrorFieldsFromError: D } = vt(), { axiosInstance: P } = We((re = a.config) == null ? void 0 : re.axiosRequestConfig), Ce = gt(), { validateHost: le, validatePath: ue, validatePort: fe, validateProtocol: Y } = X.useUrlValidators(), { objectsAreEqual: Se } = Oe(), W = k(() => Ve.form[a.config.app].edit), z = k(() => a.gatewayServiceId ? qe.Edit : qe.Create), Ee = $(!1), H = k(() => !!a.gatewayServiceId), V = $(H.value ? "protocol" : "url"), se = X.usePortFromProtocol(), ae = $(""), ee = k(() => !!ae.value || !!T("name")), e = De({
+  setup(s, { expose: G, emit: p }) {
+    var z;
+    const c = p, a = s, m = x(!0), F = Ne(), { i18nT: L, i18n: { t: l } } = Y.useI18n(), { getErrorFieldsFromError: K } = vt(), { axiosInstance: P } = We((z = a.config) == null ? void 0 : z.axiosRequestConfig), Ce = gt(), { validateHost: le, validatePath: ue, validatePort: fe, validateProtocol: ee } = Y.useUrlValidators(), { objectsAreEqual: Se } = Oe(), W = k(() => Ve.form[a.config.app].edit), H = k(() => a.gatewayServiceId ? qe.Edit : qe.Create), Ee = x(!1), Z = k(() => !!a.gatewayServiceId), V = x(Z.value ? "protocol" : "url"), se = Y.usePortFromProtocol(), ae = x(""), te = k(() => !!ae.value || !!U("name")), e = De({
       fields: {
         name: "",
         protocol: "http",
@@ -1030,13 +1033,13 @@ const X = {
       tls_verify_value: !1,
       tags: "",
       enabled: !0
-    }), R = a.config.app === "konnect" || yt({
+    }), M = a.config.app === "konnect" || yt({
       gatewayInfo: a.config.gatewayInfo,
       // 'ws' and 'wss' are not valid values for the protocol field in Gateway Community Edition or before Gateway Enterprise Edition 3.0
       supportedRange: {
         enterprise: ["3.0"]
       }
-    }), te = [
+    }), oe = [
       {
         label: l("gateway_services.form.fields.protocol.options.http"),
         value: "http",
@@ -1072,7 +1075,7 @@ const X = {
         value: "grpcs",
         group: "grpc"
       },
-      ...R ? [
+      ...M ? [
         {
           label: l("gateway_services.form.fields.protocol.options.ws"),
           value: "ws",
@@ -1091,25 +1094,25 @@ const X = {
       }
     ], pe = { url: "url", protocol: "protocol" }, me = (t) => {
       e.fields.protocol = t.value, e.fields.port = se.getPortFromProtocol(e.fields.protocol, String(e.fields.port));
-    }, Z = (t) => t ? parseFloat(t) : 0, ve = () => {
+    }, J = (t) => t ? parseFloat(t) : 0, ve = () => {
       e.fields.host = b.host, e.fields.path = b.path, e.fields.port = b.port, e.fields.protocol = b.protocol, e.fields.url = b.url, e.fields.retries = b.retries, e.fields.connect_timeout = b.connect_timeout, e.fields.write_timeout = b.write_timeout, e.fields.read_timeout = b.read_timeout, e.fields.client_certificate = b.client_certificate, e.fields.ca_certificates = b.ca_certificates, e.fields.tls_verify_enabled = b.tls_verify_enabled, e.fields.tls_verify_value = b.tls_verify_value, e.fields.enabled = b.enabled;
     }, ge = () => {
       m.value = !0, N(), e.errorMessages = [], ve();
     }, ye = () => {
-      switch (ve(), e.fields.name = `${L.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, V.value) {
+      switch (ve(), e.fields.name = `${q.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, V.value) {
         case "url":
-          e.fields.url = `${L.protocol}://${L.host}${L.path}`;
+          e.fields.url = `${q.protocol}://${q.host}${q.path}`;
           break;
         case "protocol":
-          e.fields.host = L.host, e.fields.path = L.path, e.fields.protocol = L.protocol, e.fields.port = L.port;
+          e.fields.host = q.host, e.fields.path = q.path, e.fields.protocol = q.protocol, e.fields.port = q.port;
           break;
         default:
-          e.fields.url = `${L.protocol}://${L.host}${L.path}`;
+          e.fields.url = `${q.protocol}://${q.host}${q.path}`;
       }
     }, _e = () => {
       if (N(), e.fields.url.length)
         try {
-          const t = new URL(e.fields.url), r = Y(t.protocol, te);
+          const t = new URL(e.fields.url), r = ee(t.protocol, oe);
           if (r) throw new Error(r);
           e.fields.protocol = t.protocol.slice(0, -1);
           const y = le(t.hostname);
@@ -1127,7 +1130,7 @@ const X = {
         }
     }, he = (t) => {
       N(t);
-    }, Pe = k(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), T = (t) => {
+    }, Pe = k(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), U = (t) => {
       if (e.errorMessages.length) return "";
       const r = e.formFieldErrors;
       return r[t] ? r[t] : "";
@@ -1138,7 +1141,7 @@ const X = {
       const y = ue(e.fields.path);
       y && (e.formFieldErrors.path = y);
       const I = fe(e.fields.port);
-      I && (e.formFieldErrors.port = I), J.value ? c("url-valid:success") : c("url-valid:error", e.errorMessages.join(",") || l("gateway_services.form.errors.url.invalid"));
+      I && (e.formFieldErrors.port = I), Q.value ? c("url-valid:success") : c("url-valid:error", e.errorMessages.join(",") || l("gateway_services.form.errors.url.invalid"));
     }, N = (t) => {
       if (t)
         e.formFieldErrors[t] = "";
@@ -1146,7 +1149,7 @@ const X = {
         for (let r in e.formFieldErrors)
           e.formFieldErrors[r] = "";
       e.errorMessages = [];
-    }, J = k(() => {
+    }, Q = k(() => {
       for (let t in e.formFieldErrors)
         if (e.formFieldErrors[t].length)
           return !1;
@@ -1163,7 +1166,7 @@ const X = {
         return !0;
       const t = ["https", "tls"].includes(e.fields.protocol);
       return V.value === "protocol" && t;
-    }), oe = k(() => {
+    }), re = k(() => {
       if (V.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
@@ -1171,7 +1174,7 @@ const X = {
     }), be = (t) => {
       N("name"), ae.value = Ce.utf8Name(t);
     }, u = k(() => {
-      const t = !H.value || !Se(e.fields, b), r = V.value === "url" && !!e.fields.url && J.value, y = V.value === "protocol" && !!e.fields.host && J.value;
+      const t = !Z.value || !Se(e.fields, b), r = V.value === "url" && !!e.fields.url && Q.value, y = V.value === "protocol" && !!e.fields.host && Q.value;
       return t && (r || y);
     }), v = (t) => {
       var r, y, I;
@@ -1180,12 +1183,12 @@ const X = {
       F.push(a.config.cancelRoute);
     }, S = k(() => {
       var r, y;
-      let t = `${a.config.apiBaseUrl}${Ve.form[a.config.app][z.value]}`;
+      let t = `${a.config.apiBaseUrl}${Ve.form[a.config.app][H.value]}`;
       return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((r = a.config) == null ? void 0 : r.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (y = a.config) != null && y.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
     }), j = (t) => {
       let r = "";
       t.url && (r = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(r)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
-    }, x = k(() => {
+    }, $ = k(() => {
       var r, y, I, _;
       const t = {
         name: e.fields.name || null,
@@ -1205,26 +1208,26 @@ const X = {
         url: e.fields.url,
         enabled: e.fields.enabled
       };
-      return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), ne.value || (t.path = null), z.value === "create" ? V.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : z.value === "edit" && delete t.url, t;
-    }), K = async () => {
+      return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), ne.value || (t.path = null), H.value === "create" ? V.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : H.value === "edit" && delete t.url, t;
+    }), A = async () => {
       var t, r, y, I;
       try {
         e.isReadonly = !0;
-        const _ = x.value;
+        const _ = $.value;
         j(_);
         let w;
-        if (z.value === "create" ? w = await P.post(S.value, _) : z.value === "edit" && (w = ((t = a.config) == null ? void 0 : t.app) === "konnect" ? await P.put(S.value, _) : await P.patch(S.value, _)), w) {
+        if (H.value === "create" ? w = await P.post(S.value, _) : H.value === "edit" && (w = ((t = a.config) == null ? void 0 : t.app) === "konnect" ? await P.put(S.value, _) : await P.patch(S.value, _)), w) {
           const { data: i } = w;
           e.fields.name = (i == null ? void 0 : i.name) || "", e.fields.port = i.port || se.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 = ((r = i == null ? void 0 : i.client_certificate) == null ? void 0 : r.id) || "", 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 = (I = i == null ? void 0 : i.tags) != null && I.length ? i.tags.join(", ") : "", e.fields.enabled = (i == null ? void 0 : i.enabled) ?? !0, Object.assign(b, e.fields), c("update", w == null ? void 0 : w.data);
         }
         return w;
       } catch (_) {
-        const { fields: w, messages: i } = D(_);
-        e.errorMessages = i, w.length && w.forEach((Q) => {
-          const ie = Q.field;
-          ie === "client_certificate.id" ? e.formFieldErrors.client_certificate = Q.message : ie.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = Q.message : Object.keys(e.formFieldErrors).includes(ie) && (e.formFieldErrors = {
+        const { fields: w, messages: i } = K(_);
+        e.errorMessages = i, w.length && w.forEach((X) => {
+          const ie = X.field;
+          ie === "client_certificate.id" ? e.formFieldErrors.client_certificate = X.message : ie.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = X.message : Object.keys(e.formFieldErrors).includes(ie) && (e.formFieldErrors = {
             ...e.formFieldErrors,
-            [ie]: Q.message
+            [ie]: X.message
           });
         }), c("error", _);
       } finally {
@@ -1234,37 +1237,37 @@ const X = {
     return Me(() => a.gatewayServiceId, () => {
       Object.assign(e.fields, b);
     }), Me(e.fields, () => {
-      c("model-updated", x.value);
+      c("model-updated", $.value);
     }), Je(() => {
-      c("model-updated", x.value), H.value || (e.fields.name = Fe());
-    }), q({
+      c("model-updated", $.value), Z.value || (e.fields.name = Fe());
+    }), G({
       validateUrl: Ie,
-      getPayload: x,
-      saveFormData: K,
+      getPayload: $,
+      saveFormData: A,
       canSubmit: u,
       initForm: v
     }), (t, r) => {
-      const y = B("KRadio"), I = B("KButton"), _ = B("KInput"), w = B("KSelect"), i = B("KCheckbox"), Q = B("KCollapse"), ie = B("KAlert");
-      return C(), A("div", Rt, [
+      const y = D("KRadio"), I = D("KButton"), _ = D("KInput"), w = D("KSelect"), i = D("KCheckbox"), X = D("KCollapse"), ie = D("KAlert");
+      return C(), T("div", Rt, [
         n(o(_t), {
           "can-submit": u.value,
           config: s.config,
           "edit-id": s.gatewayServiceId,
           "entity-type": o(je).GatewayService,
           "fetch-url": W.value,
-          "form-fields": x.value,
+          "form-fields": $.value,
           "is-readonly": e.isReadonly,
           onCancel: g,
           "onFetch:error": r[30] || (r[30] = (f) => t.$emit("error", f)),
           "onFetch:success": v,
           onLoading: r[31] || (r[31] = (f) => t.$emit("loading", f)),
-          onSubmit: K
+          onSubmit: A
         }, {
           "form-actions": d(() => [
             Ye(t.$slots, "form-actions", {
               canSubmit: u.value,
               cancel: g,
-              submit: K
+              submit: A
             }, void 0, !0)
           ]),
           default: d(() => [
@@ -1274,7 +1277,7 @@ const X = {
               title: o(l)("gateway_services.form.sections.keys.title")
             }, {
               default: d(() => [
-                H.value ? M("", !0) : (C(), A("div", xt, [
+                Z.value ? B("", !0) : (C(), T("div", xt, [
                   E("div", Mt, [
                     n(y, {
                       modelValue: V.value,
@@ -1302,7 +1305,7 @@ const X = {
                   ]),
                   n($e, { name: "slide-fade" }, {
                     default: d(() => [
-                      V.value === "url" ? (C(), A("div", Bt, [
+                      V.value === "url" ? (C(), T("div", Bt, [
                         n(_, {
                           modelValue: e.fields.url,
                           "onUpdate:modelValue": r[2] || (r[2] = (f) => e.fields.url = f),
@@ -1310,7 +1313,7 @@ const X = {
                           class: "gateway-service-url-input gateway-service-form-margin-bottom",
                           "data-testid": "gateway-service-url-input",
                           error: Pe.value,
-                          "error-message": T("url"),
+                          "error-message": U("url"),
                           label: o(l)("gateway_services.form.fields.upstream_url.label"),
                           "label-attributes": {
                             info: s.config.app === "konnect" ? o(l)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(l)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
@@ -1331,7 +1334,7 @@ const X = {
                                 onClick: ye
                               }, {
                                 default: d(() => [
-                                  U(h(o(l)("gateway_services.form.buttons.try_sample")), 1)
+                                  R(h(o(l)("gateway_services.form.buttons.try_sample")), 1)
                                 ]),
                                 _: 1
                               })
@@ -1339,19 +1342,19 @@ const X = {
                             key: "0"
                           }
                         ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
-                      ])) : M("", !0)
+                      ])) : B("", !0)
                     ]),
                     _: 1
                   })
                 ])),
                 n($e, { name: "slide-fade" }, {
                   default: d(() => [
-                    V.value === "protocol" || H.value ? (C(), A("div", Dt, [
+                    V.value === "protocol" || Z.value ? (C(), T("div", Dt, [
                       n(w, {
                         modelValue: e.fields.protocol,
                         "onUpdate:modelValue": r[3] || (r[3] = (f) => e.fields.protocol = f),
                         "data-testid": "gateway-service-protocol-select",
-                        items: te,
+                        items: oe,
                         label: o(l)("gateway_services.form.fields.protocol.label"),
                         "label-attributes": {
                           info: o(l)("gateway_services.form.fields.protocol.tooltip"),
@@ -1369,7 +1372,7 @@ const X = {
                         class: "gateway-service-form-margin-top",
                         "data-testid": "gateway-service-host-input",
                         error: !!e.formFieldErrors.host,
-                        "error-message": T("host"),
+                        "error-message": U("host"),
                         label: o(l)("gateway_services.form.fields.host.label"),
                         "label-attributes": {
                           info: o(l)("gateway_services.form.fields.host.tooltip"),
@@ -1389,7 +1392,7 @@ const X = {
                               onClick: ye
                             }, {
                               default: d(() => [
-                                U(h(o(l)("gateway_services.form.buttons.try_sample")), 1)
+                                R(h(o(l)("gateway_services.form.buttons.try_sample")), 1)
                               ]),
                               _: 1
                             })
@@ -1397,7 +1400,7 @@ const X = {
                           key: "0"
                         }
                       ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
-                      ne.value ? (C(), A("div", Kt, [
+                      ne.value ? (C(), T("div", Kt, [
                         n(_, {
                           modelValue: e.fields.path,
                           "onUpdate:modelValue": r[6] || (r[6] = (f) => e.fields.path = f),
@@ -1405,7 +1408,7 @@ const X = {
                           class: "gateway-service-form-margin-top",
                           "data-testid": "gateway-service-path-input",
                           error: !!e.formFieldErrors.path,
-                          "error-message": T("path"),
+                          "error-message": U("path"),
                           label: o(l)("gateway_services.form.fields.path.label"),
                           "label-attributes": {
                             info: o(l)("gateway_services.form.fields.path.tooltip"),
@@ -1415,19 +1418,19 @@ const X = {
                           placeholder: o(l)("gateway_services.form.fields.path.placeholder"),
                           onInput: r[7] || (r[7] = (f) => O("path"))
                         }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
-                      ])) : M("", !0),
+                      ])) : B("", !0),
                       n(_, {
                         modelValue: e.fields.port,
                         "onUpdate:modelValue": [
                           r[8] || (r[8] = (f) => e.fields.port = f),
                           r[10] || (r[10] = () => {
-                            e.fields.port = Z(e.fields.port + "");
+                            e.fields.port = J(e.fields.port + "");
                           })
                         ],
                         class: "gateway-service-form-margin-top",
                         "data-testid": "gateway-service-port-input",
                         error: !!e.formFieldErrors.port,
-                        "error-message": T("port"),
+                        "error-message": U("port"),
                         label: o(l)("gateway_services.form.fields.port.label"),
                         "label-attributes": {
                           info: o(l)("gateway_services.form.fields.port.tooltip"),
@@ -1437,11 +1440,11 @@ const X = {
                         type: "number",
                         onInput: r[9] || (r[9] = (f) => O("port"))
                       }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes"])
-                    ])) : M("", !0)
+                    ])) : B("", !0)
                   ]),
                   _: 1
                 }),
-                n(Q, {
+                n(X, {
                   modelValue: m.value,
                   "onUpdate:modelValue": r[26] || (r[26] = (f) => m.value = f),
                   "data-testid": "advanced-fields-collapse",
@@ -1451,14 +1454,14 @@ const X = {
                   default: d(() => [
                     n($e, { name: "slide-fade" }, {
                       default: d(() => [
-                        m.value ? M("", !0) : (C(), A("div", Lt, [
+                        m.value ? B("", !0) : (C(), T("div", Lt, [
                           E("div", qt, [
                             n(_, {
                               modelValue: e.fields.retries,
                               "onUpdate:modelValue": [
                                 r[11] || (r[11] = (f) => e.fields.retries = f),
                                 r[12] || (r[12] = () => {
-                                  e.fields.retries = Z(e.fields.retries + "");
+                                  e.fields.retries = J(e.fields.retries + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -1479,7 +1482,7 @@ const X = {
                               "onUpdate:modelValue": [
                                 r[13] || (r[13] = (f) => e.fields.connect_timeout = f),
                                 r[14] || (r[14] = () => {
-                                  e.fields.connect_timeout = Z(e.fields.connect_timeout + "");
+                                  e.fields.connect_timeout = J(e.fields.connect_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -1500,7 +1503,7 @@ const X = {
                               "onUpdate:modelValue": [
                                 r[15] || (r[15] = (f) => e.fields.write_timeout = f),
                                 r[16] || (r[16] = () => {
-                                  e.fields.write_timeout = Z(e.fields.write_timeout + "");
+                                  e.fields.write_timeout = J(e.fields.write_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -1521,7 +1524,7 @@ const X = {
                               "onUpdate:modelValue": [
                                 r[17] || (r[17] = (f) => e.fields.read_timeout = f),
                                 r[18] || (r[18] = () => {
-                                  e.fields.read_timeout = Z(e.fields.read_timeout + "");
+                                  e.fields.read_timeout = J(e.fields.read_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
@@ -1536,7 +1539,7 @@ const X = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          Ae.value ? (C(), A("div", Ot, [
+                          Ae.value ? (C(), T("div", Ot, [
                             n(_, {
                               modelValue: e.fields.client_certificate,
                               "onUpdate:modelValue": r[19] || (r[19] = (f) => e.fields.client_certificate = f),
@@ -1555,8 +1558,8 @@ const X = {
                               type: "text",
                               onInput: r[20] || (r[20] = (f) => he("client_certificate"))
                             }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"])
-                          ])) : M("", !0),
-                          Te.value ? (C(), A("div", jt, [
+                          ])) : B("", !0),
+                          Te.value ? (C(), T("div", jt, [
                             n(_, {
                               modelValue: e.fields.ca_certificates,
                               "onUpdate:modelValue": r[21] || (r[21] = (f) => e.fields.ca_certificates = f),
@@ -1572,7 +1575,7 @@ const X = {
                               onInput: r[22] || (r[22] = (f) => he("ca_certificates"))
                             }, {
                               "label-tooltip": d(() => [
-                                n(o(G), {
+                                n(o(L), {
                                   keypath: "gateway_services.form.fields.ca_certificates.tooltip",
                                   scope: "global"
                                 }, {
@@ -1587,8 +1590,8 @@ const X = {
                               ]),
                               _: 1
                             }, 8, ["modelValue", "error", "label", "placeholder", "readonly"])
-                          ])) : M("", !0),
-                          oe.value ? (C(), A("div", zt, [
+                          ])) : B("", !0),
+                          re.value ? (C(), T("div", zt, [
                             n(i, {
                               modelValue: e.fields.tls_verify_enabled,
                               "onUpdate:modelValue": r[23] || (r[23] = (f) => e.fields.tls_verify_enabled = f),
@@ -1598,7 +1601,7 @@ const X = {
                               "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
                             }, {
                               tooltip: d(() => [
-                                n(o(G), {
+                                n(o(L), {
                                   keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
                                   scope: "global"
                                 }, {
@@ -1610,7 +1613,7 @@ const X = {
                               ]),
                               _: 1
                             }, 8, ["modelValue", "description", "label"]),
-                            e.fields.tls_verify_enabled ? (C(), A("div", Ht, [
+                            e.fields.tls_verify_enabled ? (C(), T("div", Ht, [
                               n(y, {
                                 modelValue: e.fields.tls_verify_value,
                                 "onUpdate:modelValue": r[24] || (r[24] = (f) => e.fields.tls_verify_value = f),
@@ -1618,8 +1621,8 @@ const X = {
                                 label: o(l)("gateway_services.form.fields.tls_verify_option.true.label"),
                                 "selected-value": !0
                               }, null, 8, ["modelValue", "label"])
-                            ])) : M("", !0),
-                            e.fields.tls_verify_enabled ? (C(), A("div", Zt, [
+                            ])) : B("", !0),
+                            e.fields.tls_verify_enabled ? (C(), T("div", Zt, [
                               n(y, {
                                 modelValue: e.fields.tls_verify_value,
                                 "onUpdate:modelValue": r[25] || (r[25] = (f) => e.fields.tls_verify_value = f),
@@ -1627,8 +1630,8 @@ const X = {
                                 label: o(l)("gateway_services.form.fields.tls_verify_option.false.label"),
                                 "selected-value": !1
                               }, null, 8, ["modelValue", "label"])
-                            ])) : M("", !0)
-                          ])) : M("", !0)
+                            ])) : B("", !0)
+                          ])) : B("", !0)
                         ]))
                       ]),
                       _: 1
@@ -1651,7 +1654,7 @@ const X = {
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-name-input",
-                  error: ee.value,
+                  error: te.value,
                   "error-message": ae.value,
                   label: o(l)("gateway_services.form.fields.name.label"),
                   "label-attributes": {
@@ -1664,7 +1667,7 @@ const X = {
                   type: "text",
                   onInput: be
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                n(Q, {
+                n(X, {
                   "data-testid": "tags-collapse",
                   "trigger-alignment": "leading",
                   "trigger-label": o(l)("gateway_services.form.fields.tags.collapse")
@@ -1703,18 +1706,18 @@ const X = {
             }, {
               default: d(() => [
                 E("ul", Qt, [
-                  (C(!0), A(Qe, null, Xe(e.errorMessages, (f) => (C(), A("li", { key: f }, h(f), 1))), 128))
+                  (C(!0), T(Qe, null, Xe(e.errorMessages, (f) => (C(), T("li", { key: f }, h(f), 1))), 128))
                 ])
               ]),
               _: 1
-            })) : M("", !0)
+            })) : B("", !0)
           ]),
           _: 3
         }, 8, ["can-submit", "config", "edit-id", "entity-type", "fetch-url", "form-fields", "is-readonly"])
       ]);
     };
   }
-}), uo = /* @__PURE__ */ ze(Xt, [["__scopeId", "data-v-72fe312f"]]), { validateHost: Yt, validatePort: eo, validateProtocol: to, validatePath: oo } = X.useUrlValidators(), fo = () => ({
+}), uo = /* @__PURE__ */ ze(Xt, [["__scopeId", "data-v-72fe312f"]]), { validateHost: Yt, validatePort: eo, validateProtocol: to, validatePath: oo } = Y.useUrlValidators(), fo = () => ({
   validateHost: Yt,
   validatePort: eo,
   validateProtocol: to,