@kong-ui-public/entities-gateway-services 3.11.31-pr.2198.831e111e5.0 → 3.11.31-pr.2212.23bf359dc.0

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

@@ -1,8 +1,8 @@
-import { defineComponent as De, computed as b, ref as R, watch as Be, onBeforeMount as Ze, resolveComponent as L, openBlock as V, createElementBlock as T, createVNode as c, unref as o, createSlots as Ce, withCtx as d, createBlock as de, Teleport as Ke, createElementVNode as I, createCommentVNode as D, createTextVNode as K, toDisplayString as k, withModifiers as xe, reactive as Le, onMounted as Je, renderSlot as Qe, Transition as Me, Fragment as Xe, renderList as Ye } from "vue";
-import { useRouter as Oe } from "vue-router";
-import { BookIcon as qe, AddIcon as et, ServicesIcon as tt } from "@kong/icons";
-import { createI18n as ot, i18nTComponent as rt } from "@kong-ui-public/i18n";
-import { useAxios as We, useTableState as it, useFetcher as lt, useDeleteUrlBuilder as st, FetcherStatus as at, EntityBaseTable as nt, EntityFilter as ct, PermissionsWrapper as ce, TableTags as dt, EntityEmptyState as ut, EntityToggleModal as ft, EntityDeleteModal as pt, EntityTypes as mt, useHelpers as je, ConfigurationSchemaSection as we, ConfigurationSchemaType as vt, EntityBaseConfigCard as gt, SupportedEntityType as ze, useErrors as yt, useValidators as _t, EntityBaseFormType as Ge, useGatewayFeatureSupported as ht, EntityBaseForm as bt, EntityFormSection as Ne } from "@kong-ui-public/entities-shared";
+import { defineComponent as Le, computed as k, ref as D, watch as Fe, onBeforeMount as tt, resolveComponent as W, openBlock as S, createElementBlock as F, createVNode as u, unref as l, createSlots as Te, withCtx as m, createBlock as $e, Teleport as je, createElementVNode as I, createCommentVNode as M, createTextVNode as Z, toDisplayString as P, withModifiers as De, reactive as Me, onMounted as He, renderSlot as Ze, Transition as We, Fragment as lt, renderList as ot } from "vue";
+import { useRouter as qe } from "vue-router";
+import { BookIcon as ze, AddIcon as it, ServicesIcon as rt } from "@kong/icons";
+import { createI18n as st, i18nTComponent as at } from "@kong-ui-public/i18n";
+import { useAxios as Ge, useTableState as nt, useFetcher as ct, useDeleteUrlBuilder as dt, FetcherStatus as ut, EntityBaseTable as ft, EntityFilter as pt, PermissionsWrapper as Ue, TableTags as mt, EntityEmptyState as vt, EntityToggleModal as gt, EntityDeleteModal as yt, EntityTypes as _t, useErrors as Je, useValidators as Qe, EntityBaseFormType as Be, useGatewayFeatureSupported as Xe, EntityBaseForm as Ye, SupportedEntityType as Oe, EntityFormSection as Ke, useHelpers as et, ConfigurationSchemaSection as Ae, ConfigurationSchemaType as bt, EntityBaseConfigCard as ht } from "@kong-ui-public/entities-shared";
 const wt = {
   create: "New gateway service",
   serverless_create: "Add a Service",
@@ -208,34 +208,34 @@ const wt = {
   delete: "The gateway service could not be deleted at this time.",
   copy: "Failed to copy to clipboard",
   urlErrorMessage: "Error: invalid URL"
-}, Et = {
+}, St = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, St = {
-  gateway_services: "gateway services"
 }, It = {
+  gateway_services: "gateway services"
+}, Pt = {
   actions: wt,
   search: kt,
   gateway_services: Vt,
   errors: Ct,
-  copy: Et,
-  glossary: St
+  copy: St,
+  glossary: It
 };
-function Pt() {
-  const s = ot("en-us", It);
+function Et() {
+  const n = st("en-us", Pt);
   return {
-    i18n: s,
-    i18nT: rt(s)
+    i18n: n,
+    i18nT: at(n)
     // Translation component <i18n-t>
   };
 }
-function Ft() {
+function Ut() {
   return {
-    getPortFromProtocol: (G, m) => {
-      const n = [80, 443], a = Number(m);
-      if ((a || a === 0) && !n.includes(a))
+    getPortFromProtocol: (X, _) => {
+      const v = [80, 443], a = Number(_);
+      if ((a || a === 0) && !v.includes(a))
         return a;
-      switch (G) {
+      switch (X) {
         case "grpcs":
         case "tls":
         case "https":
@@ -251,59 +251,59 @@ function Ft() {
     }
   };
 }
-function At() {
-  const { i18n: { t: s } } = Y.useI18n();
+function $t() {
+  const { i18n: { t: n } } = se.useI18n();
   return {
-    validateHost: (g) => {
-      if (!g || g.trim() === "") return s("gateway_services.form.errors.host.empty");
-      const $ = /^(?!:\/\/)([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*)(\.[a-zA-Z]{1,63})?$/;
-      return /^((25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])$/.test(g) || $.test(g) ? "" : s("gateway_services.form.errors.host.invalid");
+    validateHost: (h) => {
+      if (!h || h.trim() === "") return n("gateway_services.form.errors.host.empty");
+      const L = /^(?!:\/\/)([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*)(\.[a-zA-Z]{1,63})?$/;
+      return /^((25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])$/.test(h) || L.test(h) ? "" : n("gateway_services.form.errors.host.invalid");
     },
-    validateProtocol: (g, $) => !g || g.trim() === "" ? s("gateway_services.form.errors.protocol.empty") : (g = g.slice(0, -1), $.find((l) => {
-      if (l.value === g) return l;
-    }) === void 0 ? s("gateway_services.form.errors.protocol.invalid") : ""),
-    validatePath: (g) => !g || g === "" ? "" : g.startsWith("/") ? /[^A-Za-z0-9\-._~:/?#[\]@!$&'()*+,;=%]/.test(g) ? s("gateway_services.form.errors.path.invalid") : "" : s("gateway_services.form.errors.path.prefix"),
-    validatePort: (g) => {
-      if (g == null || g === "")
+    validateProtocol: (h, L) => !h || h.trim() === "" ? n("gateway_services.form.errors.protocol.empty") : (h = h.slice(0, -1), L.find((r) => {
+      if (r.value === h) return r;
+    }) === void 0 ? n("gateway_services.form.errors.protocol.invalid") : ""),
+    validatePath: (h) => !h || h === "" ? "" : h.startsWith("/") ? /[^A-Za-z0-9\-._~:/?#[\]@!$&'()*+,;=%]/.test(h) ? n("gateway_services.form.errors.path.invalid") : "" : n("gateway_services.form.errors.path.prefix"),
+    validatePort: (h) => {
+      if (h == null || h === "")
         return "";
-      const $ = typeof g == "string" ? parseInt(g, 10) : g;
-      return isNaN($) ? s("gateway_services.form.errors.port.type") : $ < 0 || $ > 65535 ? s("gateway_services.form.errors.port.invalid") : "";
+      const L = typeof h == "string" ? parseInt(h, 10) : h;
+      return isNaN(L) ? n("gateway_services.form.errors.port.type") : L < 0 || L > 65535 ? n("gateway_services.form.errors.port.invalid") : "";
     }
   };
 }
-const Y = {
-  useI18n: Pt,
-  usePortFromProtocol: Ft,
-  useUrlValidators: At
-}, ke = "/v2/control-planes/{controlPlaneId}/core-entities", Ve = "/{workspace}", ue = {
+const se = {
+  useI18n: Et,
+  usePortFromProtocol: Ut,
+  useUrlValidators: $t
+}, xe = "/v2/control-planes/{controlPlaneId}/core-entities", Re = "/{workspace}", pe = {
   list: {
     konnect: {
-      all: `${ke}/services`
+      all: `${xe}/services`
     },
     kongManager: {
-      all: `${Ve}/services`
+      all: `${Re}/services`
     }
   },
   form: {
     konnect: {
-      create: `${ke}/services`,
-      validate: `${ke}/v1/schemas/json/service/validate`,
-      edit: `${ke}/services/{id}`
+      create: `${xe}/services`,
+      validate: `${xe}/v1/schemas/json/service/validate`,
+      edit: `${xe}/services/{id}`
     },
     kongManager: {
-      create: `${Ve}/services`,
-      validate: `${Ve}/schemas/services/validate`,
-      edit: `${Ve}/services/{id}`
+      create: `${Re}/services`,
+      validate: `${Re}/schemas/services/validate`,
+      edit: `${Re}/services/{id}`
     }
   }
-}, $t = "#00abd2", Tt = "24px", Ut = { class: "kong-ui-entities-gateway-services-list" }, Rt = { class: "button-row" }, xt = { class: "empty-state-icon-gateway" }, Mt = { key: 1 }, Bt = /* @__PURE__ */ De({
+}, Ft = "#00abd2", At = "24px", xt = { class: "kong-ui-entities-gateway-services-list" }, Rt = { class: "button-row" }, Tt = { class: "empty-state-icon-gateway" }, Mt = { key: 1 }, Bt = /* @__PURE__ */ Le({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (s) => !(!s || !["konnect", "kongManager"].includes(s == null ? void 0 : s.app) || !s.createRoute || !s.getViewRoute || !s.getEditRoute || s.app === "kongManager" && !s.isExactMatch && !s.filterSchema)
+      validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || !n.createRoute || !n.getViewRoute || !n.getEditRoute || n.app === "kongManager" && !n.isExactMatch && !n.filterSchema)
     },
     // used to override the default identifier for the cache entry
     cacheIdentifier: {
@@ -354,12 +354,12 @@ const Y = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
-  setup(s, { emit: G }) {
-    var oe;
-    const m = G, n = s, { i18n: { t: a, formatUnixTimeStamp: g } } = Y.useI18n(), $ = Oe(), { axiosInstance: N } = We((oe = n.config) == null ? void 0 : oe.axiosRequestConfig), { hasRecords: l, handleStateChange: M } = it(() => B.value), P = b(() => l.value && n.config.app === "konnect"), Ee = b(() => !n.enableV2EmptyStates && n.config.app === "konnect"), fe = b(() => n.config.app !== "kongManager" || !!n.config.disableSorting), ie = {
+  setup(n, { emit: X }) {
+    var c;
+    const _ = X, v = n, { i18n: { t: a, formatUnixTimeStamp: h } } = se.useI18n(), L = qe(), { axiosInstance: Q } = Ge((c = v.config) == null ? void 0 : c.axiosRequestConfig), { hasRecords: r, handleStateChange: j } = nt(() => N.value), A = k(() => r.value && v.config.app === "konnect"), Se = k(() => !v.enableV2EmptyStates && v.config.app === "konnect"), be = k(() => v.config.app !== "kongManager" || !!v.config.disableSorting), Y = {
       // the Name column is non-hidable
       name: { label: a("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      ...n.config.showControlPlaneColumn ? { control_plane: { label: a("gateway_services.list.table_headers.control_plane") } } : {},
+      ...v.config.showControlPlaneColumn ? { control_plane: { label: a("gateway_services.list.table_headers.control_plane") } } : {},
       protocol: { label: a("gateway_services.list.table_headers.protocol"), searchable: !0, sortable: !0 },
       host: { label: a("gateway_services.list.table_headers.host"), searchable: !0, sortable: !0 },
       port: { label: a("gateway_services.list.table_headers.port"), searchable: !0, sortable: !0 },
@@ -368,197 +368,197 @@ const Y = {
       tags: { label: a("gateway_services.list.table_headers.tags"), sortable: !1 },
       updated_at: { label: a("gateway_services.list.table_headers.updated_at"), sortable: !0 },
       created_at: { label: a("gateway_services.list.table_headers.created_at"), sortable: !0 }
-    }, pe = {
+    }, he = {
       columnVisibility: {
         created_at: !1
       }
-    }, Se = ie, ee = b(() => {
-      var v, y;
-      let u = `${n.config.apiBaseUrl}${ue.list[n.config.app].all}`;
-      return n.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((v = n.config) == null ? void 0 : v.controlPlaneId) || "") : n.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (y = n.config) != null && y.workspace ? `/${n.config.workspace}` : "")), u;
-    }), Ie = b(() => n.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${ee.value}`) : new URL(ee.value)), B = R(""), Pe = b(() => {
-      const u = n.config.app === "konnect" || n.config.isExactMatch;
-      if (u)
+    }, ae = Y, x = k(() => {
+      var p, C;
+      let g = `${v.config.apiBaseUrl}${pe.list[v.config.app].all}`;
+      return v.config.app === "konnect" ? g = g.replace(/{controlPlaneId}/gi, ((p = v.config) == null ? void 0 : p.controlPlaneId) || "") : v.config.app === "kongManager" && (g = g.replace(/\/{workspace}/gi, (C = v.config) != null && C.workspace ? `/${v.config.workspace}` : "")), g;
+    }), me = k(() => v.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${x.value}`) : new URL(x.value)), N = D(""), Ie = k(() => {
+      const g = v.config.app === "konnect" || v.config.isExactMatch;
+      if (g)
         return {
-          isExactMatch: u,
-          placeholder: a(`search.placeholder.${n.config.app}`)
+          isExactMatch: g,
+          placeholder: a(`search.placeholder.${v.config.app}`)
         };
-      const { name: v, enabled: y, protocol: S, host: j, port: F, path: z } = ie;
+      const { name: p, enabled: C, protocol: K, host: ue, port: G, path: fe } = Y;
       return {
-        isExactMatch: u,
-        fields: { name: v, enabled: y, protocol: S, host: j, port: F, path: z },
-        schema: n.config.filterSchema
+        isExactMatch: g,
+        fields: { name: p, enabled: C, protocol: K, host: ue, port: G, path: fe },
+        schema: v.config.filterSchema
       };
     }), {
-      fetcher: H,
-      fetcherState: C,
-      fetcherCacheKey: Z
-    } = lt(b(() => ({ ...n.config, cacheIdentifier: n.cacheIdentifier })), ee), le = () => {
-      B.value = "";
-    }, Fe = () => {
-      Z.value++;
-    }, e = R(null), E = b(() => ({
-      ctaPath: n.config.createRoute,
-      ctaText: ne.value ? n.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
-      message: `${a("gateway_services.list.empty_state.description")}${n.config.additionMessageForEmptyState ? ` ${n.config.additionMessageForEmptyState}` : ""}`,
-      title: ne.value ? n.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
-    })), se = R(!1), U = R(null), te = b(() => {
-      const u = {
+      fetcher: o,
+      fetcherState: w,
+      fetcherCacheKey: ie
+    } = ct(k(() => ({ ...v.config, cacheIdentifier: v.cacheIdentifier })), x), ve = () => {
+      N.value = "";
+    }, we = () => {
+      ie.value++;
+    }, e = D(null), $ = k(() => ({
+      ctaPath: v.config.createRoute,
+      ctaText: R.value ? v.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
+      message: `${a("gateway_services.list.empty_state.description")}${v.config.additionMessageForEmptyState ? ` ${v.config.additionMessageForEmptyState}` : ""}`,
+      title: R.value ? v.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
+    })), ne = D(!1), q = D(null), re = k(() => {
+      const g = {
         action: "disable",
         id: "",
         name: ""
       };
-      if (U.value) {
-        const { enabled: v, id: y, name: S } = U.value;
-        u.action = v ? "disable" : "enable", u.id = y, u.name = S || y;
+      if (q.value) {
+        const { enabled: p, id: C, name: K } = q.value;
+        g.action = p ? "disable" : "enable", g.id = C, g.name = K || C;
       }
-      return u;
-    }), Ae = (u) => {
-      se.value = !0, U.value = u;
-    }, W = () => {
-      se.value = !1, U.value = null;
-    }, me = async () => {
-      var S, j;
-      if (!await ((S = n.canEdit) == null ? void 0 : S.call(n, U.value)) || !U.value)
+      return g;
+    }), Pe = (g) => {
+      ne.value = !0, q.value = g;
+    }, oe = () => {
+      ne.value = !1, q.value = null;
+    }, ke = async () => {
+      var K, ue;
+      if (!await ((K = v.canEdit) == null ? void 0 : K.call(v, q.value)) || !q.value)
         return;
-      const v = `${Ie.value.href}/${U.value.id}`, y = !U.value.enabled;
+      const p = `${me.value.href}/${q.value.id}`, C = !q.value.enabled;
       try {
-        const { data: F } = ((j = n.config) == null ? void 0 : j.app) === "konnect" ? await N.put(v, { ...U.value, enabled: y }) : await N.patch(v, { ...U.value, enabled: y });
-        m("toggle:success", F), U.value.enabled = y;
-      } catch (F) {
-        m("error", F);
+        const { data: G } = ((ue = v.config) == null ? void 0 : ue.app) === "konnect" ? await Q.put(p, { ...q.value, enabled: C }) : await Q.patch(p, { ...q.value, enabled: C });
+        _("toggle:success", G), q.value.enabled = C;
+      } catch (G) {
+        _("error", G);
       }
-    }, ve = (u) => {
-      n.config.getControlPlaneRoute && $.push(n.config.getControlPlaneRoute(u));
-    }, ge = async (u, v) => {
-      const y = u.id;
-      if (!await v(y)) {
-        m("copy:error", {
-          entity: u,
+    }, Ve = (g) => {
+      v.config.getControlPlaneRoute && L.push(v.config.getControlPlaneRoute(g));
+    }, ce = async (g, p) => {
+      const C = g.id;
+      if (!await p(C)) {
+        _("copy:error", {
+          entity: g,
           field: "id",
           message: a("errors.copy")
         });
         return;
       }
-      m("copy:success", {
-        entity: u,
+      _("copy:success", {
+        entity: g,
         field: "id",
-        message: a("copy.success", { val: y })
+        message: a("copy.success", { val: C })
       });
-    }, ye = async (u, v) => {
-      const y = JSON.stringify(u);
-      if (!await v(y)) {
-        m("copy:error", {
-          entity: u,
+    }, ge = async (g, p) => {
+      const C = JSON.stringify(g);
+      if (!await p(C)) {
+        _("copy:error", {
+          entity: g,
           message: a("errors.copy")
         });
         return;
       }
-      m("copy:success", {
-        entity: u,
+      _("copy:success", {
+        entity: g,
         message: a("copy.success_brief")
       });
-    }, _e = async (u) => {
-      var y;
-      await ((y = n.canRetrieve) == null ? void 0 : y.call(n, u)) && $.push(n.config.getViewRoute(u.id));
-    }, $e = (u) => ({
+    }, ye = async (g) => {
+      var C;
+      await ((C = v.canRetrieve) == null ? void 0 : C.call(v, g)) && L.push(v.config.getViewRoute(g.id));
+    }, Ee = (g) => ({
       label: a("actions.view"),
-      to: n.config.getViewRoute(u)
-    }), J = (u) => ({
+      to: v.config.getViewRoute(g)
+    }), ee = (g) => ({
       label: a("actions.edit"),
-      to: n.config.getEditRoute(u)
-    }), x = R(void 0), O = R(!1), Q = R(!1), ae = R(""), Te = st(n.config, ee.value), he = (u) => {
-      x.value = u, O.value = !0, ae.value = "";
-    }, be = () => {
-      O.value = !1, x.value = void 0;
-    }, Ue = async () => {
-      var u, v, y;
-      if ((u = x.value) != null && u.id) {
-        Q.value = !0;
+      to: v.config.getEditRoute(g)
+    }), z = D(void 0), H = D(!1), te = D(!1), de = D(""), i = dt(v.config, x.value), f = (g) => {
+      z.value = g, H.value = !0, de.value = "";
+    }, V = () => {
+      H.value = !1, z.value = void 0;
+    }, J = async () => {
+      var g, p, C;
+      if ((g = z.value) != null && g.id) {
+        te.value = !0;
         try {
-          await N.delete(Te(x.value.id)), m("delete:success", x.value), be(), Z.value++;
-        } catch (S) {
-          ae.value = ((y = (v = S.response) == null ? void 0 : v.data) == null ? void 0 : y.message) || S.message || a("errors.delete"), m("error", S);
+          await Q.delete(i(z.value.id)), _("delete:success", z.value), V(), ie.value++;
+        } catch (K) {
+          de.value = ((C = (p = K.response) == null ? void 0 : p.data) == null ? void 0 : C.message) || K.message || a("errors.delete"), _("error", K);
         } finally {
-          Q.value = !1;
+          te.value = !1;
         }
       }
-    }, Re = () => {
-      $.push(n.config.createRoute);
+    }, B = () => {
+      L.push(v.config.createRoute);
     };
-    Be(C, (u) => {
-      var v, y, S;
-      if (u.status === at.Error) {
+    Fe(w, (g) => {
+      var p, C, K;
+      if (g.status === ut.Error) {
         e.value = {
           title: a("errors.general")
-        }, (S = (y = (v = u.error) == null ? void 0 : v.response) == null ? void 0 : y.data) != null && S.message && (e.value.message = u.error.response.data.message), m("error", u.error);
+        }, (K = (C = (p = g.error) == null ? void 0 : p.response) == null ? void 0 : C.data) != null && K.message && (e.value.message = g.error.response.data.message), _("error", g.error);
         return;
       }
       e.value = null;
     });
-    const ne = R(!1);
-    return Ze(async () => {
-      ne.value = await n.canCreate();
-    }), (u, v) => {
-      const y = L("KButton"), S = L("KBadge"), j = L("KInputSwitch"), F = L("KDropdownItem"), z = L("KClipboardProvider");
-      return V(), T("div", Ut, [
-        c(o(nt), {
-          "cache-identifier": s.cacheIdentifier,
-          "default-table-preferences": pe,
-          "disable-sorting": fe.value,
-          "empty-state-options": E.value,
+    const R = D(!1);
+    return tt(async () => {
+      R.value = await v.canCreate();
+    }), (g, p) => {
+      const C = W("KButton"), K = W("KBadge"), ue = W("KInputSwitch"), G = W("KDropdownItem"), fe = W("KClipboardProvider");
+      return S(), F("div", xt, [
+        u(l(ft), {
+          "cache-identifier": n.cacheIdentifier,
+          "default-table-preferences": he,
+          "disable-sorting": be.value,
+          "empty-state-options": $.value,
           "enable-entity-actions": "",
           "error-message": e.value,
-          fetcher: o(H),
-          "fetcher-cache-key": o(Z),
+          fetcher: l(o),
+          "fetcher-cache-key": l(ie),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-gateway-services-list",
-          query: B.value,
-          "table-headers": o(Se),
-          onClearSearchInput: le,
-          "onClick:row": v[5] || (v[5] = (p) => _e(p)),
-          onSort: Fe,
-          onState: o(M)
-        }, Ce({
-          "toolbar-filter": d(() => [
-            c(o(ct), {
-              modelValue: B.value,
-              "onUpdate:modelValue": v[0] || (v[0] = (p) => B.value = p),
-              config: Pe.value
+          query: N.value,
+          "table-headers": l(ae),
+          onClearSearchInput: ve,
+          "onClick:row": p[5] || (p[5] = (b) => ye(b)),
+          onSort: we,
+          onState: l(j)
+        }, Te({
+          "toolbar-filter": m(() => [
+            u(l(pt), {
+              modelValue: N.value,
+              "onUpdate:modelValue": p[0] || (p[0] = (b) => N.value = b),
+              config: Ie.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": d(() => [
-            (V(), de(Ke, {
-              disabled: !s.useActionOutside,
+          "toolbar-button": m(() => [
+            (S(), $e(je, {
+              disabled: !n.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
               I("div", Rt, [
-                P.value ? (V(), de(y, {
+                A.value ? (S(), $e(C, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "gateway-services-learn-more-button",
                   icon: "",
-                  onClick: v[1] || (v[1] = (p) => u.$emit("click:learn-more"))
+                  onClick: p[1] || (p[1] = (b) => g.$emit("click:learn-more"))
                 }, {
-                  default: d(() => [
-                    c(o(qe), { decorative: "" })
+                  default: m(() => [
+                    u(l(ze), { decorative: "" })
                   ]),
                   _: 1
-                })) : D("", !0),
-                c(o(ce), {
-                  "auth-function": () => s.canCreate()
+                })) : M("", !0),
+                u(l(Ue), {
+                  "auth-function": () => n.canCreate()
                 }, {
-                  default: d(() => [
-                    c(y, {
+                  default: m(() => [
+                    u(C, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-gateway-service",
-                      size: s.useActionOutside ? "medium" : "large",
-                      to: s.config.createRoute
+                      size: n.useActionOutside ? "medium" : "large",
+                      to: n.config.createRoute
                     }, {
-                      default: d(() => [
-                        c(o(et)),
-                        K(" " + k(o(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                      default: m(() => [
+                        u(l(it)),
+                        Z(" " + P(l(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -568,120 +568,120 @@ const Y = {
               ])
             ], 8, ["disabled"]))
           ]),
-          name: d(({ rowValue: p }) => [
-            I("b", null, k(p ?? "-"), 1)
+          name: m(({ rowValue: b }) => [
+            I("b", null, P(b ?? "-"), 1)
           ]),
-          control_plane: d(({ row: p }) => {
+          control_plane: m(({ row: b }) => {
             var t;
             return [
-              (t = p.x_meta) != null && t.cluster_id ? (V(), de(S, {
+              (t = b.x_meta) != null && t.cluster_id ? (S(), $e(K, {
                 key: 0,
-                tooltip: p.x_meta.cluster_id,
+                tooltip: b.x_meta.cluster_id,
                 "truncation-tooltip": "",
-                onClick: xe((r) => ve(p.x_meta.cluster_id), ["stop"])
+                onClick: De((s) => Ve(b.x_meta.cluster_id), ["stop"])
               }, {
-                default: d(() => [
-                  K(k(p.x_meta.cluster_id), 1)
+                default: m(() => [
+                  Z(P(b.x_meta.cluster_id), 1)
                 ]),
                 _: 2
-              }, 1032, ["tooltip", "onClick"])) : (V(), T("b", Mt, "-"))
+              }, 1032, ["tooltip", "onClick"])) : (S(), F("b", Mt, "-"))
             ];
           }),
-          enabled: d(({ row: p }) => [
-            c(o(ce), {
-              "auth-function": () => s.canEdit(p),
+          enabled: m(({ row: b }) => [
+            u(l(Ue), {
+              "auth-function": () => n.canEdit(b),
               "force-show": ""
             }, {
-              default: d(({ isAllowed: t }) => [
+              default: m(({ isAllowed: t }) => [
                 I("div", {
-                  onClick: v[4] || (v[4] = xe(() => {
+                  onClick: p[4] || (p[4] = De(() => {
                   }, ["stop"]))
                 }, [
-                  c(j, {
-                    modelValue: p.enabled,
-                    "onUpdate:modelValue": (r) => p.enabled = r,
-                    "data-testid": `row-${p.id}-toggle-input`,
+                  u(ue, {
+                    modelValue: b.enabled,
+                    "onUpdate:modelValue": (s) => b.enabled = s,
+                    "data-testid": `row-${b.id}-toggle-input`,
                     disabled: !t,
-                    onClick: xe((r) => Ae(p), ["prevent"])
+                    onClick: De((s) => Pe(b), ["prevent"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
                 ])
               ]),
               _: 2
             }, 1032, ["auth-function"])
           ]),
-          tags: d(({ rowValue: p }) => [
-            c(o(dt), { tags: p }, null, 8, ["tags"])
+          tags: m(({ rowValue: b }) => [
+            u(l(mt), { tags: b }, null, 8, ["tags"])
           ]),
-          created_at: d(({ rowValue: p }) => [
-            K(k(o(g)(p)), 1)
+          created_at: m(({ rowValue: b }) => [
+            Z(P(l(h)(b)), 1)
           ]),
-          updated_at: d(({ row: p, rowValue: t }) => [
-            K(k(o(g)(t ?? p.created_at)), 1)
+          updated_at: m(({ row: b, rowValue: t }) => [
+            Z(P(l(h)(t ?? b.created_at)), 1)
           ]),
-          actions: d(({ row: p }) => [
-            c(z, null, {
-              default: d(({ copyToClipboard: t }) => [
-                c(F, {
+          actions: m(({ row: b }) => [
+            u(fe, null, {
+              default: m(({ copyToClipboard: t }) => [
+                u(G, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (r) => ge(p, t)
+                  onClick: (s) => ce(b, t)
                 }, {
-                  default: d(() => [
-                    K(k(o(a)("actions.copy_id")), 1)
+                  default: m(() => [
+                    Z(P(l(a)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            c(z, null, {
-              default: d(({ copyToClipboard: t }) => [
-                c(F, {
+            u(fe, null, {
+              default: m(({ copyToClipboard: t }) => [
+                u(G, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (r) => ye(p, t)
+                  onClick: (s) => ge(b, t)
                 }, {
-                  default: d(() => [
-                    K(k(o(a)("actions.copy_json")), 1)
+                  default: m(() => [
+                    Z(P(l(a)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            c(o(ce), {
-              "auth-function": () => s.canRetrieve(p)
+            u(l(Ue), {
+              "auth-function": () => n.canRetrieve(b)
             }, {
-              default: d(() => [
-                c(F, {
+              default: m(() => [
+                u(G, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: $e(p.id)
+                  item: Ee(b.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            c(o(ce), {
-              "auth-function": () => s.canEdit(p)
+            u(l(Ue), {
+              "auth-function": () => n.canEdit(b)
             }, {
-              default: d(() => [
-                c(F, {
+              default: m(() => [
+                u(G, {
                   "data-testid": "action-entity-edit",
-                  item: J(p.id)
+                  item: ee(b.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            c(o(ce), {
-              "auth-function": () => s.canDelete(p)
+            u(l(Ue), {
+              "auth-function": () => n.canDelete(b)
             }, {
-              default: d(() => [
-                c(F, {
+              default: m(() => [
+                u(G, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: (t) => he(p)
+                  onClick: (t) => f(b)
                 }, {
-                  default: d(() => [
-                    K(k(o(a)("actions.delete.menu_label")), 1)
+                  default: m(() => [
+                    Z(P(l(a)("actions.delete.menu_label")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -691,22 +691,22 @@ const Y = {
           ]),
           _: 2
         }, [
-          !o(l) && Ee.value ? {
+          !l(r) && Se.value ? {
             name: "outside-actions",
-            fn: d(() => [
-              (V(), de(Ke, {
-                disabled: !s.useActionOutside,
+            fn: m(() => [
+              (S(), $e(je, {
+                disabled: !n.useActionOutside,
                 to: "#kong-ui-app-page-header-action-button"
               }, [
-                c(y, {
+                u(C, {
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "gateway-services-more-button",
                   icon: "",
-                  onClick: v[2] || (v[2] = (p) => u.$emit("click:learn-more"))
+                  onClick: p[2] || (p[2] = (b) => g.$emit("click:learn-more"))
                 }, {
-                  default: d(() => [
-                    c(o(qe), { decorative: "" })
+                  default: m(() => [
+                    u(l(ze), { decorative: "" })
                   ]),
                   _: 1
                 })
@@ -714,36 +714,36 @@ const Y = {
             ]),
             key: "0"
           } : void 0,
-          !B.value && s.enableV2EmptyStates && s.config.app === "konnect" ? {
+          !N.value && n.enableV2EmptyStates && n.config.app === "konnect" ? {
             name: "empty-state",
-            fn: d(() => {
-              var p;
+            fn: m(() => {
+              var b;
               return [
-                c(o(ut), {
-                  "action-button-text": o(a)("gateway_services.empty_state_v2.create"),
+                u(l(vt), {
+                  "action-button-text": l(a)("gateway_services.empty_state_v2.create"),
                   appearance: "secondary",
-                  "can-create": () => s.canCreate(),
+                  "can-create": () => n.canCreate(),
                   "data-testid": "gateway-services-entity-empty-state",
-                  description: o(a)("gateway_services.empty_state_v2.description"),
-                  "learn-more": s.config.app === "konnect",
-                  title: o(a)("gateway_services.empty_state_v2.title"),
-                  "onClick:create": Re,
-                  "onClick:learnMore": v[3] || (v[3] = (t) => u.$emit("click:learn-more"))
-                }, Ce({
-                  image: d(() => [
-                    I("div", xt, [
-                      c(o(tt), {
-                        color: o($t),
-                        size: o(Tt)
+                  description: l(a)("gateway_services.empty_state_v2.description"),
+                  "learn-more": n.config.app === "konnect",
+                  title: l(a)("gateway_services.empty_state_v2.title"),
+                  "onClick:create": B,
+                  "onClick:learnMore": p[3] || (p[3] = (t) => g.$emit("click:learn-more"))
+                }, Te({
+                  image: m(() => [
+                    I("div", Tt, [
+                      u(l(rt), {
+                        color: l(Ft),
+                        size: l(At)
                       }, null, 8, ["color", "size"])
                     ])
                   ]),
                   _: 2
                 }, [
-                  (p = s.config) != null && p.isControlPlaneGroup ? {
+                  (b = n.config) != null && b.isControlPlaneGroup ? {
                     name: "message",
-                    fn: d(() => [
-                      K(k(o(a)("gateway_services.empty_state_v2.group")), 1)
+                    fn: m(() => [
+                      Z(P(l(a)("gateway_services.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
                   } : void 0
@@ -753,43 +753,678 @@ const Y = {
             key: "1"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        c(o(ft), {
-          action: te.value.action,
-          "entity-id": te.value.id,
-          "entity-name": te.value.name,
-          "entity-type": o(a)("glossary.gateway_services"),
-          "on-confirm": me,
-          visible: se.value,
-          onCancel: W,
-          onProceed: W
+        u(l(gt), {
+          action: re.value.action,
+          "entity-id": re.value.id,
+          "entity-name": re.value.name,
+          "entity-type": l(a)("glossary.gateway_services"),
+          "on-confirm": ke,
+          visible: ne.value,
+          onCancel: oe,
+          onProceed: oe
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        c(o(pt), {
-          "action-pending": Q.value,
-          description: o(a)("actions.delete.description"),
-          "entity-name": x.value && (x.value.name || x.value.id),
-          "entity-type": o(mt).GatewayService,
-          error: ae.value,
-          title: o(a)("actions.delete.title"),
-          visible: O.value,
-          onCancel: be,
-          onProceed: Ue
+        u(l(yt), {
+          "action-pending": te.value,
+          description: l(a)("actions.delete.description"),
+          "entity-name": z.value && (z.value.name || z.value.id),
+          "entity-type": l(_t).GatewayService,
+          error: de.value,
+          title: l(a)("actions.delete.title"),
+          visible: H.value,
+          onCancel: V,
+          onProceed: J
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), He = (s, G) => {
-  const m = s.__vccOpts || s;
-  for (const [n, a] of G)
-    m[n] = a;
-  return m;
-}, mo = /* @__PURE__ */ He(Bt, [["__scopeId", "data-v-210f19c5"]]), Dt = { class: "kong-ui-gateway-service-entity-config-card" }, vo = /* @__PURE__ */ De({
+}), Ne = (n, X) => {
+  const _ = n.__vccOpts || n;
+  for (const [v, a] of X)
+    _[v] = a;
+  return _;
+}, Fl = /* @__PURE__ */ Ne(Bt, [["__scopeId", "data-v-210f19c5"]]), Kt = { class: "kong-ui-entities-gateway-service-form" }, Lt = { key: 0 }, Dt = { class: "gateway-service-form-traffic-label" }, Wt = { class: "gateway-service-form-margin-bottom" }, qt = {
+  key: 0,
+  class: "gateway-service-form-group-fields"
+}, Gt = {
+  key: 1,
+  class: "gateway-service-form-group-fields"
+}, Ot = { key: 0 }, Nt = { class: "gateway-service-form-margin-top" }, jt = { class: "gateway-service-form-margin-bottom" }, zt = { class: "gateway-service-form-margin-bottom" }, Ht = { class: "gateway-service-form-margin-bottom" }, Zt = { class: "gateway-service-form-margin-bottom" }, Jt = {
+  key: 0,
+  class: "gateway-service-form-margin-bottom"
+}, Qt = {
+  key: 1,
+  class: "gateway-service-form-margin-bottom"
+}, Xt = {
+  key: 2,
+  class: "gateway-service-form-margin-bottom"
+}, Yt = {
+  key: 0,
+  class: "checkbox-aligned-radio"
+}, el = {
+  key: 1,
+  class: "checkbox-aligned-radio"
+}, tl = /* @__PURE__ */ Le({
+  __name: "LegacyGatewayServiceForm",
+  props: {
+    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
+    config: {
+      type: Object,
+      required: !0,
+      validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || n.app === "konnect" && !n.controlPlaneId || n.app === "kongManager" && typeof n.workspace != "string" || !n.cancelRoute)
+    },
+    /** If a valid Gateway Service ID is provided, it will put the form in Edit mode instead of Create */
+    gatewayServiceId: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** Whether show or hide EntityFormSection info column */
+    hideSectionsInfo: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated"],
+  setup(n, { expose: X, emit: _ }) {
+    var de;
+    const v = _, a = n, h = D(!0), L = qe(), { i18nT: Q, i18n: { t: r } } = se.useI18n(), { getMessageFromError: j } = Je(), { axiosInstance: A } = Ge((de = a.config) == null ? void 0 : de.axiosRequestConfig), Se = Qe(), be = k(() => pe.form[a.config.app].edit), Y = k(() => a.gatewayServiceId ? Be.Edit : Be.Create), he = D(!1), ae = k(() => !!a.gatewayServiceId), x = D(ae.value ? "protocol" : "url"), me = se.usePortFromProtocol(), N = D(""), Ie = k(() => !!N.value), o = Me({
+      fields: {
+        name: "",
+        protocol: "http",
+        host: "",
+        path: "",
+        port: 80,
+        url: "",
+        retries: 5,
+        connect_timeout: 6e4,
+        write_timeout: 6e4,
+        read_timeout: 6e4,
+        client_certificate: "",
+        ca_certificates: "",
+        tls_verify_enabled: !1,
+        tls_verify_value: !1,
+        tags: "",
+        enabled: !0
+      },
+      isReadonly: !1,
+      errorMessage: ""
+    }), w = Me({
+      name: "",
+      protocol: "http",
+      host: "",
+      path: "",
+      port: 80,
+      url: "",
+      retries: 5,
+      connect_timeout: 6e4,
+      write_timeout: 6e4,
+      read_timeout: 6e4,
+      client_certificate: "",
+      ca_certificates: "",
+      tls_verify_enabled: !1,
+      tls_verify_value: !1,
+      tags: "",
+      enabled: !0
+    }), ie = a.config.app === "konnect" || Xe({
+      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"]
+      }
+    }), ve = [
+      {
+        label: r("gateway_services.form.fields.protocol.options.http"),
+        value: "http",
+        group: "http"
+      },
+      {
+        label: r("gateway_services.form.fields.protocol.options.https"),
+        value: "https",
+        group: "http"
+      },
+      {
+        label: r("gateway_services.form.fields.protocol.options.tcp"),
+        value: "tcp",
+        group: "tcp"
+      },
+      {
+        label: r("gateway_services.form.fields.protocol.options.tls"),
+        value: "tls",
+        group: "tcp"
+      },
+      {
+        label: r("gateway_services.form.fields.protocol.options.tls_passthrough"),
+        value: "tls_passthrough",
+        group: "tcp"
+      },
+      {
+        label: r("gateway_services.form.fields.protocol.options.grpc"),
+        value: "grpc",
+        group: "grpc"
+      },
+      {
+        label: r("gateway_services.form.fields.protocol.options.grpcs"),
+        value: "grpcs",
+        group: "grpc"
+      },
+      ...ie ? [
+        {
+          label: r("gateway_services.form.fields.protocol.options.ws"),
+          value: "ws",
+          group: "websocket"
+        },
+        {
+          label: r("gateway_services.form.fields.protocol.options.wss"),
+          value: "wss",
+          group: "websocket"
+        }
+      ] : [],
+      {
+        label: r("gateway_services.form.fields.protocol.options.udp"),
+        value: "udp",
+        group: "udp"
+      }
+    ], we = { url: "url", protocol: "protocol" }, e = (i, f) => {
+      f.value;
+    }, $ = (i) => i ? parseFloat(i) : 0, ne = () => {
+      h.value = !0, o.errorMessage = "", o.fields.host = w.host, o.fields.path = w.path, o.fields.port = w.port, o.fields.protocol = w.protocol, o.fields.url = w.url, o.fields.retries = w.retries, o.fields.connect_timeout = w.connect_timeout, o.fields.write_timeout = w.write_timeout, o.fields.read_timeout = w.read_timeout, o.fields.client_certificate = w.client_certificate, o.fields.ca_certificates = w.ca_certificates, o.fields.tls_verify_enabled = w.tls_verify_enabled, o.fields.tls_verify_value = w.tls_verify_value, o.fields.enabled = w.enabled;
+    }, q = () => {
+      if (o.fields.url && x.value === "url")
+        try {
+          const i = new URL(o.fields.url);
+          o.errorMessage = "", o.fields.protocol = i.protocol.slice(0, -1), o.fields.host = i.hostname, o.fields.path = i.pathname;
+          const f = Number(i.port);
+          he.value = !!f, o.fields.port = f || me.getPortFromProtocol(o.fields.protocol), o.errorMessage = "", v("url-valid:success");
+        } catch (i) {
+          o.errorMessage = r("errors.urlErrorMessage"), v("url-valid:error", j(i));
+        }
+      else
+        v("url-valid:success"), o.errorMessage = "";
+    }, re = k(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(o.fields.protocol)), Pe = k(() => {
+      if (x.value === "url")
+        return !0;
+      const i = ["https", "wss", "tls"].includes(o.fields.protocol);
+      return x.value === "protocol" && i;
+    }), oe = k(() => {
+      if (x.value === "url")
+        return !0;
+      const i = ["https", "tls"].includes(o.fields.protocol);
+      return x.value === "protocol" && i;
+    }), ke = k(() => {
+      if (x.value === "url")
+        return !0;
+      const i = ["https", "wss", "tls"].includes(o.fields.protocol);
+      return x.value === "protocol" && i;
+    }), Ve = (i) => {
+      N.value = Se.utf8Name(i);
+    }, ce = k(() => ae.value && JSON.stringify(o.fields) !== JSON.stringify(w) || x.value === "url" && !!o.fields.url || x.value === "protocol" && !!o.fields.host), ge = (i) => {
+      var f, V, J;
+      o.fields.name = (i == null ? void 0 : i.name) || "", o.fields.tags = ((f = i == null ? void 0 : i.tags) == null ? void 0 : f.join(", ")) || "", o.fields.protocol = (i == null ? void 0 : i.protocol) || "http", o.fields.path = (i == null ? void 0 : i.path) || "", o.fields.read_timeout = i != null && i.read_timeout || (i == null ? void 0 : i.read_timeout) === 0 ? i == null ? void 0 : i.read_timeout : 6e4, o.fields.retries = i != null && i.retries || (i == null ? void 0 : i.retries) === 0 ? i == null ? void 0 : i.retries : 5, o.fields.host = (i == null ? void 0 : i.host) || "", o.fields.connect_timeout = i != null && i.connect_timeout || (i == null ? void 0 : i.connect_timeout) === 0 ? i == null ? void 0 : i.connect_timeout : 6e4, o.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, o.fields.tls_verify_value = i != null && i.tls_verify ? i == null ? void 0 : i.tls_verify : !1, o.fields.ca_certificates = ((V = i == null ? void 0 : i.ca_certificates) == null ? void 0 : V.join(",")) || "", o.fields.client_certificate = ((J = i == null ? void 0 : i.client_certificate) == null ? void 0 : J.id) || "", o.fields.write_timeout = i != null && i.write_timeout || (i == null ? void 0 : i.write_timeout) === 0 ? i == null ? void 0 : i.write_timeout : 6e4, o.fields.port = i != null && i.port || (i == null ? void 0 : i.port) === 0 ? i == null ? void 0 : i.port : 80, o.fields.enabled = (i == null ? void 0 : i.enabled) ?? !0, Object.assign(w, o.fields);
+    }, ye = () => {
+      L.push(a.config.cancelRoute);
+    }, Ee = k(() => {
+      var f, V;
+      let i = `${a.config.apiBaseUrl}${pe.form[a.config.app].validate}`;
+      return a.config.app === "konnect" ? i = i.replace(/{controlPlaneId}/gi, ((f = a.config) == null ? void 0 : f.controlPlaneId) || "") : a.config.app === "kongManager" && (i = i.replace(/\/{workspace}/gi, (V = a.config) != null && V.workspace ? `/${a.config.workspace}` : "")), i = i.replace(/{id}/gi, a.gatewayServiceId), i;
+    }), ee = k(() => {
+      var f, V;
+      let i = `${a.config.apiBaseUrl}${pe.form[a.config.app][Y.value]}`;
+      return a.config.app === "konnect" ? i = i.replace(/{controlPlaneId}/gi, ((f = a.config) == null ? void 0 : f.controlPlaneId) || "") : a.config.app === "kongManager" && (i = i.replace(/\/{workspace}/gi, (V = a.config) != null && V.workspace ? `/${a.config.workspace}` : "")), i = i.replace(/{id}/gi, a.gatewayServiceId), i;
+    }), z = (i) => {
+      let f = "";
+      i.url && (f = new URL(i.url).protocol), (["https", "wss", "tls"].includes(i.protocol) || ["https", "wss", "tls"].includes(f)) && (i.tls_verify = i.tls_verify_enabled ? i.tls_verify_value : null), delete i.tls_verify_enabled, delete i.tls_verify_value;
+    }, H = k(() => {
+      var f, V, J, B;
+      const i = {
+        name: o.fields.name || null,
+        tags: o.fields.tags ? (J = (V = (f = o.fields.tags) == null ? void 0 : f.split(",")) == null ? void 0 : V.map((R) => String(R || "").trim())) == null ? void 0 : J.filter((R) => R !== "") : null,
+        protocol: o.fields.protocol,
+        path: o.fields.path || null,
+        read_timeout: o.fields.read_timeout,
+        retries: o.fields.retries,
+        host: o.fields.host,
+        connect_timeout: o.fields.connect_timeout,
+        tls_verify_value: o.fields.tls_verify_value,
+        tls_verify_enabled: o.fields.tls_verify_enabled,
+        ca_certificates: o.fields.ca_certificates ? (B = o.fields.ca_certificates) == null ? void 0 : B.split(",").filter((R) => R !== "") : null,
+        client_certificate: o.fields.client_certificate ? { id: o.fields.client_certificate } : null,
+        write_timeout: o.fields.write_timeout,
+        port: o.fields.port,
+        url: o.fields.url,
+        enabled: o.fields.enabled
+      };
+      return o.fields.client_certificate && ["https", "wss", "tls"].includes(o.fields.protocol) && (i.client_certificate = { id: o.fields.client_certificate }), o.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(o.fields.protocol) && (i.tls_verify = o.fields.tls_verify_value), re.value || (i.path = null), Y.value === "create" ? x.value === "url" ? (delete i.protocol, delete i.host, delete i.path, a.config.app === "konnect" && delete i.port) : delete i.url : Y.value === "edit" && delete i.url, i;
+    }), te = async () => {
+      var i, f, V, J;
+      try {
+        o.isReadonly = !0, q();
+        const B = H.value;
+        z(B);
+        let R;
+        if (await A.post(Ee.value, B), Y.value === "create" ? R = await A.post(ee.value, B) : Y.value === "edit" && (R = ((i = a.config) == null ? void 0 : i.app) === "konnect" ? await A.put(ee.value, B) : await A.patch(ee.value, B)), R) {
+          const { data: c } = R;
+          o.fields.name = (c == null ? void 0 : c.name) || "", o.fields.port = c.port || me.getPortFromProtocol(c.protocol), o.fields.protocol = (c == null ? void 0 : c.protocol) || "http", o.fields.host = (c == null ? void 0 : c.host) || "", o.fields.path = (c == null ? void 0 : c.path) || "", o.fields.url = (c == null ? void 0 : c.url) || "", o.fields.retries = c != null && c.retries || (c == null ? void 0 : c.retries) === 0 ? c == null ? void 0 : c.retries : 5, o.fields.connect_timeout = c != null && c.connect_timeout || (c == null ? void 0 : c.connect_timeout) === 0 ? c == null ? void 0 : c.connect_timeout : 6e4, o.fields.write_timeout = c != null && c.write_timeout || (c == null ? void 0 : c.write_timeout) === 0 ? c == null ? void 0 : c.write_timeout : 6e4, o.fields.read_timeout = c != null && c.read_timeout || (c == null ? void 0 : c.read_timeout) === 0 ? c == null ? void 0 : c.read_timeout : 6e4, o.fields.client_certificate = ((f = c == null ? void 0 : c.client_certificate) == null ? void 0 : f.id) || "", o.fields.ca_certificates = (V = c == null ? void 0 : c.ca_certificates) != null && V.length ? c == null ? void 0 : c.ca_certificates.join(",") : "", o.fields.tls_verify_enabled = (c == null ? void 0 : c.tls_verify) !== "" && (c == null ? void 0 : c.tls_verify) !== null && (c == null ? void 0 : c.tls_verify) !== void 0, o.fields.tls_verify_value = o.fields.tls_verify_enabled && (c == null ? void 0 : c.tls_verify), o.fields.tags = (J = c == null ? void 0 : c.tags) != null && J.length ? c.tags.join(", ") : "", o.fields.enabled = (c == null ? void 0 : c.enabled) ?? !0, Object.assign(w, o.fields), v("update", R == null ? void 0 : R.data);
+        }
+        return R;
+      } catch (B) {
+        o.errorMessage = j(B), v("error", B);
+      } finally {
+        o.isReadonly = !1;
+      }
+    };
+    return Fe(() => a.gatewayServiceId, () => {
+      Object.assign(o.fields, w);
+    }), Fe(o.fields, (i) => {
+      o.fields.port = me.getPortFromProtocol(i.protocol, String(i.port)), v("model-updated", H.value);
+    }), He(() => {
+      v("model-updated", H.value);
+    }), X({
+      validateUrl: q,
+      getPayload: H,
+      saveFormData: te,
+      canSubmit: ce,
+      initForm: ge
+    }), (i, f) => {
+      const V = W("KInput"), J = W("KLabel"), B = W("KRadio"), R = W("KSelect"), c = W("KCheckbox"), g = W("KCollapse");
+      return S(), F("div", Kt, [
+        u(l(Ye), {
+          "can-submit": ce.value,
+          config: n.config,
+          "edit-id": n.gatewayServiceId,
+          "entity-type": l(Oe).GatewayService,
+          "error-message": o.errorMessage,
+          "fetch-url": be.value,
+          "form-fields": H.value,
+          "is-readonly": o.isReadonly,
+          onCancel: ye,
+          "onFetch:error": f[25] || (f[25] = (p) => i.$emit("error", p)),
+          "onFetch:success": ge,
+          onLoading: f[26] || (f[26] = (p) => i.$emit("loading", p)),
+          onSubmit: te
+        }, {
+          "form-actions": m(() => [
+            Ze(i.$slots, "form-actions", {
+              canSubmit: ce.value,
+              cancel: ye,
+              submit: te
+            }, void 0, !0)
+          ]),
+          default: m(() => [
+            u(l(Ke), {
+              description: l(r)("gateway_services.form.sections.general.description"),
+              "hide-info-header": n.hideSectionsInfo,
+              title: l(r)("gateway_services.form.sections.general.title")
+            }, {
+              default: m(() => [
+                u(V, {
+                  modelValue: o.fields.name,
+                  "onUpdate:modelValue": f[0] || (f[0] = (p) => o.fields.name = p),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "gateway-service-name-input",
+                  error: Ie.value,
+                  "error-message": N.value,
+                  label: l(r)("gateway_services.form.fields.name.label"),
+                  "label-attributes": {
+                    info: l(r)("gateway_services.form.fields.name.tooltip"),
+                    tooltipAttributes: { maxWidth: "400" }
+                  },
+                  name: "name",
+                  placeholder: l(r)("gateway_services.form.fields.name.placeholder"),
+                  readonly: o.isReadonly,
+                  type: "text",
+                  onInput: Ve
+                }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
+                u(V, {
+                  modelValue: o.fields.tags,
+                  "onUpdate:modelValue": f[1] || (f[1] = (p) => o.fields.tags = p),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "gateway-service-tags-input",
+                  help: l(r)("gateway_services.form.fields.tags.help"),
+                  label: l(r)("gateway_services.form.fields.tags.label"),
+                  "label-attributes": {
+                    info: l(r)("gateway_services.form.fields.tags.tooltip"),
+                    tooltipAttributes: { maxWidth: "400" }
+                  },
+                  name: "tags",
+                  placeholder: l(r)("gateway_services.form.fields.tags.placeholder"),
+                  readonly: o.isReadonly,
+                  type: "text"
+                }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
+              ]),
+              _: 1
+            }, 8, ["description", "hide-info-header", "title"]),
+            u(l(Ke), {
+              description: l(r)("gateway_services.form.sections.keys.description"),
+              "hide-info-header": n.hideSectionsInfo,
+              title: l(r)("gateway_services.form.sections.keys.title")
+            }, {
+              default: m(() => [
+                ae.value ? M("", !0) : (S(), F("div", Lt, [
+                  I("div", Dt, [
+                    u(J, { required: "" }, {
+                      default: m(() => [
+                        Z(P(l(r)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  I("div", Wt, [
+                    u(B, {
+                      modelValue: x.value,
+                      "onUpdate:modelValue": f[2] || (f[2] = (p) => x.value = p),
+                      "data-testid": "gateway-service-url-radio",
+                      "selected-value": we.url,
+                      onChange: ne
+                    }, {
+                      default: m(() => [
+                        Z(P(l(r)("gateway_services.form.sections.keys.urlLabel")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue", "selected-value"])
+                  ]),
+                  x.value === "url" ? (S(), F("div", qt, [
+                    u(V, {
+                      modelValue: o.fields.url,
+                      "onUpdate:modelValue": f[3] || (f[3] = (p) => o.fields.url = p),
+                      modelModifiers: { trim: !0 },
+                      class: "gateway-service-url-input gateway-service-form-margin-bottom",
+                      "data-testid": "gateway-service-url-input",
+                      label: l(r)("gateway_services.form.fields.upstream_url.label"),
+                      "label-attributes": {
+                        info: n.config.app === "konnect" ? l(r)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : l(r)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
+                        tooltipAttributes: { maxWidth: "400" }
+                      },
+                      name: "url",
+                      placeholder: l(r)("gateway_services.form.fields.upstream_url.placeholder"),
+                      required: ""
+                    }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
+                  ])) : M("", !0),
+                  u(B, {
+                    modelValue: x.value,
+                    "onUpdate:modelValue": f[4] || (f[4] = (p) => x.value = p),
+                    "checked-group": "protocol",
+                    "data-testid": "gateway-service-protocol-radio",
+                    "selected-value": we.protocol,
+                    onChange: ne
+                  }, {
+                    default: m(() => [
+                      Z(P(l(r)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "selected-value"])
+                ])),
+                x.value === "protocol" || ae.value ? (S(), F("div", Gt, [
+                  u(R, {
+                    modelValue: o.fields.protocol,
+                    "onUpdate:modelValue": f[5] || (f[5] = (p) => o.fields.protocol = p),
+                    "data-testid": "gateway-service-protocol-select",
+                    items: ve,
+                    label: l(r)("gateway_services.form.fields.protocol.label"),
+                    "label-attributes": {
+                      info: l(r)("gateway_services.form.fields.protocol.tooltip"),
+                      tooltipAttributes: { maxWidth: "400" }
+                    },
+                    readonly: o.isReadonly,
+                    required: "",
+                    width: "100%",
+                    onSelected: f[6] || (f[6] = (p) => e(o.fields.protocol, p))
+                  }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
+                  u(V, {
+                    modelValue: o.fields.host,
+                    "onUpdate:modelValue": f[7] || (f[7] = (p) => o.fields.host = p),
+                    modelModifiers: { trim: !0 },
+                    class: "gateway-service-form-margin-top",
+                    "data-testid": "gateway-service-host-input",
+                    label: l(r)("gateway_services.form.fields.host.label"),
+                    "label-attributes": {
+                      info: l(r)("gateway_services.form.fields.host.tooltip"),
+                      tooltipAttributes: { maxWidth: "400" }
+                    },
+                    name: "host",
+                    placeholder: l(r)("gateway_services.form.fields.host.placeholder"),
+                    required: ""
+                  }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
+                  re.value ? (S(), F("div", Ot, [
+                    u(V, {
+                      modelValue: o.fields.path,
+                      "onUpdate:modelValue": f[8] || (f[8] = (p) => o.fields.path = p),
+                      modelModifiers: { trim: !0 },
+                      class: "gateway-service-form-margin-top",
+                      "data-testid": "gateway-service-path-input",
+                      label: l(r)("gateway_services.form.fields.path.label"),
+                      "label-attributes": {
+                        info: l(r)("gateway_services.form.fields.path.tooltip"),
+                        tooltipAttributes: { maxWidth: "400" }
+                      },
+                      name: "path",
+                      placeholder: l(r)("gateway_services.form.fields.path.placeholder")
+                    }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
+                  ])) : M("", !0),
+                  u(V, {
+                    modelValue: o.fields.port,
+                    "onUpdate:modelValue": [
+                      f[9] || (f[9] = (p) => o.fields.port = p),
+                      f[10] || (f[10] = () => {
+                        o.fields.port = $(o.fields.port + "");
+                      })
+                    ],
+                    class: "gateway-service-form-margin-top",
+                    "data-testid": "gateway-service-port-input",
+                    label: l(r)("gateway_services.form.fields.port.label"),
+                    "label-attributes": {
+                      info: l(r)("gateway_services.form.fields.port.tooltip"),
+                      tooltipAttributes: { maxWidth: "400" }
+                    },
+                    name: "port",
+                    type: "number"
+                  }, null, 8, ["modelValue", "label", "label-attributes"])
+                ])) : M("", !0),
+                u(g, {
+                  modelValue: h.value,
+                  "onUpdate:modelValue": f[24] || (f[24] = (p) => h.value = p),
+                  "data-testid": "advanced-fields-collapse",
+                  "trigger-alignment": "leading",
+                  "trigger-label": l(r)("gateway_services.form.sections.keys.viewAdvancedFields")
+                }, {
+                  default: m(() => [
+                    I("div", Nt, [
+                      I("div", jt, [
+                        u(V, {
+                          modelValue: o.fields.retries,
+                          "onUpdate:modelValue": [
+                            f[11] || (f[11] = (p) => o.fields.retries = p),
+                            f[12] || (f[12] = () => {
+                              o.fields.retries = $(o.fields.retries + "");
+                            })
+                          ],
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-retries-input",
+                          label: l(r)("gateway_services.form.fields.retries.label"),
+                          "label-attributes": {
+                            info: l(r)("gateway_services.form.fields.retries.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "retries",
+                          readonly: o.isReadonly,
+                          type: "number"
+                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                      ]),
+                      I("div", zt, [
+                        u(V, {
+                          modelValue: o.fields.connect_timeout,
+                          "onUpdate:modelValue": [
+                            f[13] || (f[13] = (p) => o.fields.connect_timeout = p),
+                            f[14] || (f[14] = () => {
+                              o.fields.connect_timeout = $(o.fields.connect_timeout + "");
+                            })
+                          ],
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-connTimeout-input",
+                          label: l(r)("gateway_services.form.fields.connect_timeout.label"),
+                          "label-attributes": {
+                            info: l(r)("gateway_services.form.fields.connect_timeout.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "connTimeout",
+                          readonly: o.isReadonly,
+                          type: "number"
+                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                      ]),
+                      I("div", Ht, [
+                        u(V, {
+                          modelValue: o.fields.write_timeout,
+                          "onUpdate:modelValue": [
+                            f[15] || (f[15] = (p) => o.fields.write_timeout = p),
+                            f[16] || (f[16] = () => {
+                              o.fields.write_timeout = $(o.fields.write_timeout + "");
+                            })
+                          ],
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-writeTimeout-input",
+                          label: l(r)("gateway_services.form.fields.write_timeout.label"),
+                          "label-attributes": {
+                            info: l(r)("gateway_services.form.fields.write_timeout.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "writeTimeout",
+                          readonly: o.isReadonly,
+                          type: "number"
+                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                      ]),
+                      I("div", Zt, [
+                        u(V, {
+                          modelValue: o.fields.read_timeout,
+                          "onUpdate:modelValue": [
+                            f[17] || (f[17] = (p) => o.fields.read_timeout = p),
+                            f[18] || (f[18] = () => {
+                              o.fields.read_timeout = $(o.fields.read_timeout + "");
+                            })
+                          ],
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-readTimeout-input",
+                          label: l(r)("gateway_services.form.fields.read_timeout.label"),
+                          "label-attributes": {
+                            info: l(r)("gateway_services.form.fields.read_timeout.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "readTimeout",
+                          readonly: o.isReadonly,
+                          type: "number"
+                        }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                      ]),
+                      Pe.value ? (S(), F("div", Jt, [
+                        u(V, {
+                          modelValue: o.fields.client_certificate,
+                          "onUpdate:modelValue": f[19] || (f[19] = (p) => o.fields.client_certificate = p),
+                          modelModifiers: { trim: !0 },
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-clientCert-input",
+                          label: l(r)("gateway_services.form.fields.client_certificate.label"),
+                          "label-attributes": {
+                            info: l(r)("gateway_services.form.fields.client_certificate.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "clientCert",
+                          placeholder: l(r)("gateway_services.form.fields.client_certificate.placeholder"),
+                          readonly: o.isReadonly,
+                          type: "text"
+                        }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
+                      ])) : M("", !0),
+                      oe.value ? (S(), F("div", Qt, [
+                        u(V, {
+                          modelValue: o.fields.ca_certificates,
+                          "onUpdate:modelValue": f[20] || (f[20] = (p) => o.fields.ca_certificates = p),
+                          modelModifiers: { trim: !0 },
+                          autocomplete: "off",
+                          "data-testid": "gateway-service-ca-certs-input",
+                          label: l(r)("gateway_services.form.fields.ca_certificates.label"),
+                          "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
+                          placeholder: l(r)("gateway_services.form.fields.ca_certificates.placeholder"),
+                          readonly: o.isReadonly,
+                          type: "text"
+                        }, {
+                          "label-tooltip": m(() => [
+                            u(l(Q), {
+                              keypath: "gateway_services.form.fields.ca_certificates.tooltip",
+                              scope: "global"
+                            }, {
+                              code1: m(() => [
+                                I("code", null, P(l(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                              ]),
+                              code2: m(() => [
+                                I("code", null, P(l(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "label", "placeholder", "readonly"])
+                      ])) : M("", !0),
+                      ke.value ? (S(), F("div", Xt, [
+                        u(c, {
+                          modelValue: o.fields.tls_verify_enabled,
+                          "onUpdate:modelValue": f[21] || (f[21] = (p) => o.fields.tls_verify_enabled = p),
+                          "data-testid": "gateway-service-tls-verify-checkbox",
+                          description: l(r)("gateway_services.form.fields.tls_verify_enabled.help"),
+                          label: l(r)("gateway_services.form.fields.tls_verify_enabled.label"),
+                          "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
+                        }, {
+                          tooltip: m(() => [
+                            u(l(Q), {
+                              keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
+                              scope: "global"
+                            }, {
+                              code1: m(() => [
+                                I("code", null, P(l(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "description", "label"]),
+                        o.fields.tls_verify_enabled ? (S(), F("div", Yt, [
+                          u(B, {
+                            modelValue: o.fields.tls_verify_value,
+                            "onUpdate:modelValue": f[22] || (f[22] = (p) => o.fields.tls_verify_value = p),
+                            "data-testid": "gateway-service-tls-verify-true-option",
+                            label: l(r)("gateway_services.form.fields.tls_verify_option.true.label"),
+                            "selected-value": !0
+                          }, null, 8, ["modelValue", "label"])
+                        ])) : M("", !0),
+                        o.fields.tls_verify_enabled ? (S(), F("div", el, [
+                          u(B, {
+                            modelValue: o.fields.tls_verify_value,
+                            "onUpdate:modelValue": f[23] || (f[23] = (p) => o.fields.tls_verify_value = p),
+                            "data-testid": "gateway-service-tls-verify-false-option",
+                            label: l(r)("gateway_services.form.fields.tls_verify_option.false.label"),
+                            "selected-value": !1
+                          }, null, 8, ["modelValue", "label"])
+                        ])) : M("", !0)
+                      ])) : M("", !0)
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "trigger-label"])
+              ]),
+              _: 1
+            }, 8, ["description", "hide-info-header", "title"])
+          ]),
+          _: 3
+        }, 8, ["can-submit", "config", "edit-id", "entity-type", "error-message", "fetch-url", "form-fields", "is-readonly"])
+      ]);
+    };
+  }
+}), Al = /* @__PURE__ */ Ne(tl, [["__scopeId", "data-v-e874c296"]]), ll = { class: "kong-ui-gateway-service-entity-config-card" }, xl = /* @__PURE__ */ Le({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (s) => !(!s || !["konnect", "kongManager"].includes(s == null ? void 0 : s.app) || s.app === "konnect" && !s.controlPlaneId || s.app === "kongManager" && typeof s.workspace != "string" || !s.entityId)
+      validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || n.app === "konnect" && !n.controlPlaneId || n.app === "kongManager" && typeof n.workspace != "string" || !n.entityId)
     },
     /**
      * External link for documentation that determines visibility of Documentation button
@@ -808,129 +1443,129 @@ const Y = {
     }
   },
   emits: ["loading", "fetch:error", "fetch:success"],
-  setup(s) {
-    const G = s, { i18n: { t: m }, i18nT: n } = Y.useI18n(), a = b(() => ue.form[G.config.app].edit), { getPropValue: g } = je(), $ = (l, M) => g(l, M) === !0 ? m("gateway_services.form.fields.tls_verify_option.true.display") : m("gateway_services.form.fields.tls_verify_option.false.display"), N = R({
+  setup(n) {
+    const X = n, { i18n: { t: _ }, i18nT: v } = se.useI18n(), a = k(() => pe.form[X.config.app].edit), { getPropValue: h } = et(), L = (r, j) => h(r, j) === !0 ? _("gateway_services.form.fields.tls_verify_option.true.display") : _("gateway_services.form.fields.tls_verify_option.false.display"), Q = D({
       id: {},
       name: {
-        tooltip: m("gateway_services.form.fields.name.tooltip")
+        tooltip: _("gateway_services.form.fields.name.tooltip")
       },
       enabled: {},
       updated_at: {},
       created_at: {},
       protocol: {
-        section: we.Basic,
-        tooltip: m("gateway_services.form.fields.protocol.tooltip")
+        section: Ae.Basic,
+        tooltip: _("gateway_services.form.fields.protocol.tooltip")
       },
       host: {
-        section: we.Basic,
-        tooltip: m("gateway_services.form.fields.host.tooltip")
+        section: Ae.Basic,
+        tooltip: _("gateway_services.form.fields.host.tooltip")
       },
       path: {
-        section: we.Basic,
-        tooltip: m("gateway_services.form.fields.path.tooltip")
+        section: Ae.Basic,
+        tooltip: _("gateway_services.form.fields.path.tooltip")
       },
       port: {
-        section: we.Basic,
-        tooltip: m("gateway_services.form.fields.port.tooltip")
+        section: Ae.Basic,
+        tooltip: _("gateway_services.form.fields.port.tooltip")
       },
       tags: {
-        tooltip: m("gateway_services.form.fields.tags.tooltip")
+        tooltip: _("gateway_services.form.fields.tags.tooltip")
       },
       // advanced fields
       retries: {
         order: 1,
-        tooltip: m("gateway_services.form.fields.retries.tooltip")
+        tooltip: _("gateway_services.form.fields.retries.tooltip")
       },
       connect_timeout: {
         order: 2,
-        tooltip: m("gateway_services.form.fields.connect_timeout.tooltip")
+        tooltip: _("gateway_services.form.fields.connect_timeout.tooltip")
       },
       write_timeout: {
         order: 3,
-        tooltip: m("gateway_services.form.fields.write_timeout.tooltip")
+        tooltip: _("gateway_services.form.fields.write_timeout.tooltip")
       },
       read_timeout: {
         order: 4,
-        tooltip: m("gateway_services.form.fields.read_timeout.tooltip")
+        tooltip: _("gateway_services.form.fields.read_timeout.tooltip")
       },
       client_certificate: {
         order: 5,
-        tooltip: m("gateway_services.form.fields.client_certificate.tooltip")
+        tooltip: _("gateway_services.form.fields.client_certificate.tooltip")
       },
       ca_certificates: {
-        type: vt.BadgeTag,
-        label: m("gateway_services.form.fields.ca_certificates.label"),
+        type: bt.BadgeTag,
+        label: _("gateway_services.form.fields.ca_certificates.label"),
         order: 6
       },
       tls_verify: {
-        label: m("gateway_services.form.fields.tls_verify_enabled.label")
+        label: _("gateway_services.form.fields.tls_verify_enabled.label")
       },
       tls_verify_depth: {
         hidden: !0
       }
     });
-    return (l, M) => (V(), T("div", Dt, [
-      c(o(gt), {
-        config: s.config,
-        "config-card-doc": s.configCardDoc,
-        "config-schema": N.value,
-        "entity-type": o(ze).GatewayService,
+    return (r, j) => (S(), F("div", ll, [
+      u(l(ht), {
+        config: n.config,
+        "config-card-doc": n.configCardDoc,
+        "config-schema": Q.value,
+        "entity-type": l(Oe).GatewayService,
         "fetch-url": a.value,
-        "hide-title": s.hideTitle,
-        "onFetch:error": M[0] || (M[0] = (P) => l.$emit("fetch:error", P)),
-        "onFetch:success": M[1] || (M[1] = (P) => l.$emit("fetch:success", P)),
-        onLoading: M[2] || (M[2] = (P) => l.$emit("loading", P))
+        "hide-title": n.hideTitle,
+        "onFetch:error": j[0] || (j[0] = (A) => r.$emit("fetch:error", A)),
+        "onFetch:success": j[1] || (j[1] = (A) => r.$emit("fetch:success", A)),
+        onLoading: j[2] || (j[2] = (A) => r.$emit("loading", A))
       }, {
-        "enabled-label-tooltip": d(() => [
-          c(o(n), {
+        "enabled-label-tooltip": m(() => [
+          u(l(v), {
             keypath: "gateway_services.form.fields.enabled.tooltip",
             scope: "global"
           }, {
-            false: d(() => [
-              I("code", null, k(o(m)("gateway_services.form.fields.enabled.false")), 1)
+            false: m(() => [
+              I("code", null, P(l(_)("gateway_services.form.fields.enabled.false")), 1)
             ]),
-            true: d(() => [
-              I("code", null, k(o(m)("gateway_services.form.fields.enabled.true")), 1)
+            true: m(() => [
+              I("code", null, P(l(_)("gateway_services.form.fields.enabled.true")), 1)
             ]),
             _: 1
           })
         ]),
-        "ca_certificates-label-tooltip": d(() => [
-          c(o(n), {
+        "ca_certificates-label-tooltip": m(() => [
+          u(l(v), {
             keypath: "gateway_services.form.fields.ca_certificates.tooltip",
             scope: "global"
           }, {
-            code1: d(() => [
-              I("code", null, k(o(m)("gateway_services.form.fields.ca_certificates.code1")), 1)
+            code1: m(() => [
+              I("code", null, P(l(_)("gateway_services.form.fields.ca_certificates.code1")), 1)
             ]),
-            code2: d(() => [
-              I("code", null, k(o(m)("gateway_services.form.fields.ca_certificates.code2")), 1)
+            code2: m(() => [
+              I("code", null, P(l(_)("gateway_services.form.fields.ca_certificates.code2")), 1)
             ]),
             _: 1
           })
         ]),
-        "tls_verify-label-tooltip": d(() => [
-          c(o(n), {
+        "tls_verify-label-tooltip": m(() => [
+          u(l(v), {
             keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
             scope: "global"
           }, {
-            code1: d(() => [
-              I("code", null, k(o(m)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+            code1: m(() => [
+              I("code", null, P(l(_)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
             ]),
             _: 1
           })
         ]),
-        tls_verify: d((P) => [
-          K(k(typeof o(g)("rowValue", P) == "boolean" ? $("rowValue", P) : o(m)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+        tls_verify: m((A) => [
+          Z(P(typeof l(h)("rowValue", A) == "boolean" ? L("rowValue", A) : l(_)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
-        client_certificate: d((P) => [
-          K(k(o(g)("rowValue", P) ? o(g)("rowValue", P).id : "–"), 1)
+        client_certificate: m((A) => [
+          Z(P(l(h)("rowValue", A) ? l(h)("rowValue", A).id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
     ]));
   }
-}), q = {
+}), le = {
   name: "Kong-Air-Flights-API",
   tags: [],
   protocol: "https",
@@ -943,41 +1578,41 @@ const Y = {
   client_certificate: null,
   write_timeout: 6e4,
   port: 443
-}, Kt = { class: "kong-ui-entities-gateway-service-form" }, Lt = {
+}, ol = { class: "kong-ui-entities-gateway-service-form" }, il = {
   key: 0,
   class: "gateway-service-form-general-info"
-}, qt = { class: "gateway-service-form-group-selection-wrapper" }, Gt = {
+}, rl = { class: "gateway-service-form-group-selection-wrapper" }, sl = {
   key: 0,
   class: "gateway-service-form-group-fields"
-}, Nt = {
+}, al = {
   key: 0,
   class: "gateway-service-form-group-fields"
-}, Ot = { key: 0 }, Wt = {
+}, nl = { key: 0 }, cl = {
   key: 0,
   class: "gateway-service-form-advanced-fields"
-}, jt = { class: "gateway-service-form-margin-bottom" }, zt = { class: "gateway-service-form-margin-bottom" }, Ht = { class: "gateway-service-form-margin-bottom" }, Zt = { class: "gateway-service-form-margin-bottom" }, Jt = {
+}, dl = { class: "gateway-service-form-margin-bottom" }, ul = { class: "gateway-service-form-margin-bottom" }, fl = { class: "gateway-service-form-margin-bottom" }, pl = { class: "gateway-service-form-margin-bottom" }, ml = {
   key: 0,
   class: "gateway-service-form-margin-bottom"
-}, Qt = {
+}, vl = {
   key: 1,
   class: "gateway-service-form-margin-bottom"
-}, Xt = {
+}, gl = {
   key: 2,
   class: "gateway-service-form-margin-bottom"
-}, Yt = {
+}, yl = {
   key: 0,
   class: "checkbox-aligned-radio"
-}, eo = {
+}, _l = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, to = { class: "gateway-service-form-tags" }, oo = { class: "form-error-list" }, ro = /* @__PURE__ */ De({
+}, bl = { class: "gateway-service-form-tags" }, hl = { class: "form-error-list" }, wl = /* @__PURE__ */ Le({
   __name: "GatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
       type: Object,
       required: !0,
-      validator: (s) => !(!s || !["konnect", "kongManager"].includes(s == null ? void 0 : s.app) || s.app === "konnect" && !s.controlPlaneId || s.app === "kongManager" && typeof s.workspace != "string" || !s.cancelRoute)
+      validator: (n) => !(!n || !["konnect", "kongManager"].includes(n == null ? void 0 : n.app) || n.app === "konnect" && !n.controlPlaneId || n.app === "kongManager" && typeof n.workspace != "string" || !n.cancelRoute)
     },
     /** If a valid Gateway Service ID is provided, it will put the form in Edit mode instead of Create */
     gatewayServiceId: {
@@ -999,9 +1634,9 @@ const Y = {
     }
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
-  setup(s, { expose: G, emit: m }) {
-    var p;
-    const n = m, a = s, g = R(!0), $ = Oe(), { i18nT: N, i18n: { t: l } } = Y.useI18n(), { getErrorFieldsFromError: M } = yt(), { axiosInstance: P } = We((p = a.config) == null ? void 0 : p.axiosRequestConfig), Ee = _t(), { validateHost: fe, validatePath: ie, validatePort: pe, validateProtocol: Se } = Y.useUrlValidators(), { objectsAreEqual: ee } = je(), Ie = b(() => ue.form[a.config.app].edit), B = b(() => a.gatewayServiceId ? Ge.Edit : Ge.Create), Pe = R(!1), H = b(() => !!a.gatewayServiceId), C = R(H.value ? "protocol" : "url"), Z = Y.usePortFromProtocol(), le = R(""), Fe = b(() => !!le.value || !!J("name")), e = Le({
+  setup(n, { expose: X, emit: _ }) {
+    var b;
+    const v = _, a = n, h = D(!0), L = qe(), { i18nT: Q, i18n: { t: r } } = se.useI18n(), { getErrorFieldsFromError: j } = Je(), { axiosInstance: A } = Ge((b = a.config) == null ? void 0 : b.axiosRequestConfig), Se = Qe(), { validateHost: be, validatePath: Y, validatePort: he, validateProtocol: ae } = se.useUrlValidators(), { objectsAreEqual: x } = et(), me = k(() => pe.form[a.config.app].edit), N = k(() => a.gatewayServiceId ? Be.Edit : Be.Create), Ie = D(!1), o = k(() => !!a.gatewayServiceId), w = D(o.value ? "protocol" : "url"), ie = se.usePortFromProtocol(), ve = D(""), we = k(() => !!ve.value || !!ee("name")), e = Me({
       fields: {
         name: "",
         protocol: "http",
@@ -1017,7 +1652,8 @@ const Y = {
         ca_certificates: "",
         tls_verify_enabled: !1,
         tls_verify_value: !1,
-        tags: ""
+        tags: "",
+        enabled: !0
       },
       isReadonly: !1,
       errorMessages: [],
@@ -1037,7 +1673,7 @@ const Y = {
         tls_verify_enabled: "",
         tls_verify_value: ""
       }
-    }), E = Le({
+    }), $ = Me({
       name: "",
       protocol: "http",
       host: "",
@@ -1052,171 +1688,172 @@ const Y = {
       ca_certificates: "",
       tls_verify_enabled: !1,
       tls_verify_value: !1,
-      tags: ""
-    }), se = a.config.app === "konnect" || ht({
+      tags: "",
+      enabled: !0
+    }), ne = a.config.app === "konnect" || Xe({
       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"]
       }
-    }), U = [
+    }), q = [
       {
-        label: l("gateway_services.form.fields.protocol.options.http"),
+        label: r("gateway_services.form.fields.protocol.options.http"),
         value: "http",
         group: "http"
       },
       {
-        label: l("gateway_services.form.fields.protocol.options.https"),
+        label: r("gateway_services.form.fields.protocol.options.https"),
         value: "https",
         group: "http"
       },
       {
-        label: l("gateway_services.form.fields.protocol.options.tcp"),
+        label: r("gateway_services.form.fields.protocol.options.tcp"),
         value: "tcp",
         group: "tcp"
       },
       {
-        label: l("gateway_services.form.fields.protocol.options.tls"),
+        label: r("gateway_services.form.fields.protocol.options.tls"),
         value: "tls",
         group: "tcp"
       },
       {
-        label: l("gateway_services.form.fields.protocol.options.tls_passthrough"),
+        label: r("gateway_services.form.fields.protocol.options.tls_passthrough"),
         value: "tls_passthrough",
         group: "tcp"
       },
       {
-        label: l("gateway_services.form.fields.protocol.options.grpc"),
+        label: r("gateway_services.form.fields.protocol.options.grpc"),
         value: "grpc",
         group: "grpc"
       },
       {
-        label: l("gateway_services.form.fields.protocol.options.grpcs"),
+        label: r("gateway_services.form.fields.protocol.options.grpcs"),
         value: "grpcs",
         group: "grpc"
       },
-      ...se ? [
+      ...ne ? [
         {
-          label: l("gateway_services.form.fields.protocol.options.ws"),
+          label: r("gateway_services.form.fields.protocol.options.ws"),
           value: "ws",
           group: "websocket"
         },
         {
-          label: l("gateway_services.form.fields.protocol.options.wss"),
+          label: r("gateway_services.form.fields.protocol.options.wss"),
           value: "wss",
           group: "websocket"
         }
       ] : [],
       {
-        label: l("gateway_services.form.fields.protocol.options.udp"),
+        label: r("gateway_services.form.fields.protocol.options.udp"),
         value: "udp",
         group: "udp"
       }
-    ], te = { url: "url", protocol: "protocol" }, Ae = (t, r) => {
-      r.value;
-    }, W = (t) => t ? parseFloat(t) : 0, me = () => {
-      e.fields.host = E.host, e.fields.path = E.path, e.fields.port = E.port, e.fields.protocol = E.protocol, e.fields.url = E.url, e.fields.retries = E.retries, e.fields.connect_timeout = E.connect_timeout, e.fields.write_timeout = E.write_timeout, e.fields.read_timeout = E.read_timeout, e.fields.client_certificate = E.client_certificate, e.fields.ca_certificates = E.ca_certificates, e.fields.tls_verify_enabled = E.tls_verify_enabled, e.fields.tls_verify_value = E.tls_verify_value;
-    }, ve = () => {
-      g.value = !0, O(), e.errorMessages = [], me();
-    }, ge = () => {
-      switch (me(), e.fields.name = `${q.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, C.value) {
+    ], re = { url: "url", protocol: "protocol" }, Pe = (t, s) => {
+      s.value;
+    }, oe = (t) => t ? parseFloat(t) : 0, ke = () => {
+      e.fields.host = $.host, e.fields.path = $.path, e.fields.port = $.port, e.fields.protocol = $.protocol, e.fields.url = $.url, e.fields.retries = $.retries, e.fields.connect_timeout = $.connect_timeout, e.fields.write_timeout = $.write_timeout, e.fields.read_timeout = $.read_timeout, e.fields.client_certificate = $.client_certificate, e.fields.ca_certificates = $.ca_certificates, e.fields.tls_verify_enabled = $.tls_verify_enabled, e.fields.tls_verify_value = $.tls_verify_value, e.fields.enabled = $.enabled;
+    }, Ve = () => {
+      h.value = !0, H(), e.errorMessages = [], ke();
+    }, ce = () => {
+      switch (ke(), e.fields.name = `${le.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, w.value) {
         case "url":
-          e.fields.url = `${q.protocol}://${q.host}${q.path}`;
+          e.fields.url = `${le.protocol}://${le.host}${le.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 = le.host, e.fields.path = le.path, e.fields.protocol = le.protocol, e.fields.port = le.port;
           break;
         default:
-          e.fields.url = `${q.protocol}://${q.host}${q.path}`;
+          e.fields.url = `${le.protocol}://${le.host}${le.path}`;
       }
-    }, ye = () => {
-      if (O(), e.fields.url.length)
+    }, ge = () => {
+      if (H(), e.fields.url.length)
         try {
-          const t = new URL(e.fields.url), r = Se(t.protocol, U);
-          if (r) throw new Error(r);
+          const t = new URL(e.fields.url), s = ae(t.protocol, q);
+          if (s) throw new Error(s);
           e.fields.protocol = t.protocol.slice(0, -1);
-          const _ = fe(t.hostname);
-          if (_) throw new Error(_);
+          const E = be(t.hostname);
+          if (E) throw new Error(E);
           e.fields.host = t.hostname;
-          const A = ie(t.pathname);
-          if (A) throw new Error(A);
+          const O = Y(t.pathname);
+          if (O) throw new Error(O);
           e.fields.path = t.pathname;
-          const h = pe(t.port);
-          if (h) throw new Error(h);
-          const w = Number(t.port);
-          Pe.value = !!w, e.fields.port = w || Z.getPortFromProtocol(e.fields.protocol), n("url-valid:success");
+          const U = he(t.port);
+          if (U) throw new Error(U);
+          const T = Number(t.port);
+          Ie.value = !!T, e.fields.port = T || ie.getPortFromProtocol(e.fields.protocol), v("url-valid:success");
         } catch {
-          n("url-valid:error", l("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = l("gateway_services.form.errors.url.invalid");
+          v("url-valid:error", r("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = r("gateway_services.form.errors.url.invalid");
         }
-    }, _e = (t) => {
-      O(t);
-    }, $e = b(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), J = (t) => {
+    }, ye = (t) => {
+      H(t);
+    }, Ee = k(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), ee = (t) => {
       if (e.errorMessages.length) return "";
-      const r = e.formFieldErrors;
-      return r[t] ? r[t] : "";
-    }, x = (t) => {
-      O(t ?? void 0);
-      const r = fe(e.fields.host);
-      r && (e.formFieldErrors.host = r);
-      const _ = ie(e.fields.path);
-      _ && (e.formFieldErrors.path = _);
-      const A = pe(e.fields.port);
-      A && (e.formFieldErrors.port = A), Q.value ? n("url-valid:success") : n("url-valid:error", e.errorMessages.join(",") || l("gateway_services.form.errors.url.invalid"));
-    }, O = (t) => {
+      const s = e.formFieldErrors;
+      return s[t] ? s[t] : "";
+    }, z = (t) => {
+      H(t ?? void 0);
+      const s = be(e.fields.host);
+      s && (e.formFieldErrors.host = s);
+      const E = Y(e.fields.path);
+      E && (e.formFieldErrors.path = E);
+      const O = he(e.fields.port);
+      O && (e.formFieldErrors.port = O), te.value ? v("url-valid:success") : v("url-valid:error", e.errorMessages.join(",") || r("gateway_services.form.errors.url.invalid"));
+    }, H = (t) => {
       if (t)
         e.formFieldErrors[t] = "";
       else
-        for (let r in e.formFieldErrors)
-          e.formFieldErrors[r] = "";
+        for (let s in e.formFieldErrors)
+          e.formFieldErrors[s] = "";
       e.errorMessages = [];
-    }, Q = b(() => {
+    }, te = k(() => {
       for (let t in e.formFieldErrors)
         if (e.formFieldErrors[t].length)
           return !1;
       return !0;
-    }), ae = () => {
-      e.fields.url && C.value === "url" ? ye() : x();
-    }, Te = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, he = b(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), be = b(() => {
-      if (C.value === "url")
+    }), de = () => {
+      e.fields.url && w.value === "url" ? ge() : z();
+    }, i = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, f = k(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), V = k(() => {
+      if (w.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return C.value === "protocol" && t;
-    }), Ue = b(() => {
-      if (C.value === "url")
+      return w.value === "protocol" && t;
+    }), J = k(() => {
+      if (w.value === "url")
         return !0;
       const t = ["https", "tls"].includes(e.fields.protocol);
-      return C.value === "protocol" && t;
-    }), Re = b(() => {
-      if (C.value === "url")
+      return w.value === "protocol" && t;
+    }), B = k(() => {
+      if (w.value === "url")
         return !0;
       const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return C.value === "protocol" && t;
-    }), ne = (t) => {
-      O("name"), le.value = Ee.utf8Name(t);
-    }, oe = b(() => {
-      const t = !H.value || !ee(e.fields, E), r = C.value === "url" && !!e.fields.url && Q.value, _ = C.value === "protocol" && !!e.fields.host && Q.value;
-      return t && (r || _);
-    }), u = (t) => {
-      var r, _, A;
-      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((r = t == null ? void 0 : t.tags) == null ? void 0 : r.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 = ((_ = t == null ? void 0 : t.ca_certificates) == null ? void 0 : _.join(",")) || "", e.fields.client_certificate = ((A = t == null ? void 0 : t.client_certificate) == null ? void 0 : A.id) || "", 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, Object.assign(E, e.fields);
-    }, v = () => {
-      $.push(a.config.cancelRoute);
-    }, y = b(() => {
-      var r, _;
-      let t = `${a.config.apiBaseUrl}${ue.form[a.config.app].validate}`;
-      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, (_ = a.config) != null && _.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
-    }), S = b(() => {
-      var r, _;
-      let t = `${a.config.apiBaseUrl}${ue.form[a.config.app][B.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, (_ = a.config) != null && _.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;
-    }, F = b(() => {
-      var r, _, A, h;
+      return w.value === "protocol" && t;
+    }), R = (t) => {
+      H("name"), ve.value = Se.utf8Name(t);
+    }, c = k(() => {
+      const t = !o.value || !x(e.fields, $), s = w.value === "url" && !!e.fields.url && te.value, E = w.value === "protocol" && !!e.fields.host && te.value;
+      return t && (s || E);
+    }), g = (t) => {
+      var s, E, O;
+      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((s = t == null ? void 0 : t.tags) == null ? void 0 : s.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 = ((E = t == null ? void 0 : t.ca_certificates) == null ? void 0 : E.join(",")) || "", e.fields.client_certificate = ((O = t == null ? void 0 : t.client_certificate) == null ? void 0 : O.id) || "", 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($, e.fields);
+    }, p = () => {
+      L.push(a.config.cancelRoute);
+    }, C = k(() => {
+      var s, E;
+      let t = `${a.config.apiBaseUrl}${pe.form[a.config.app].validate}`;
+      return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((s = a.config) == null ? void 0 : s.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (E = a.config) != null && E.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
+    }), K = k(() => {
+      var s, E;
+      let t = `${a.config.apiBaseUrl}${pe.form[a.config.app][N.value]}`;
+      return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((s = a.config) == null ? void 0 : s.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (E = a.config) != null && E.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
+    }), ue = (t) => {
+      let s = "";
+      t.url && (s = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(s)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
+    }, G = k(() => {
+      var s, E, O, U;
       const t = {
         name: e.fields.name || null,
-        tags: e.fields.tags ? (A = (_ = (r = e.fields.tags) == null ? void 0 : r.split(",")) == null ? void 0 : _.map((w) => String(w || "").trim())) == null ? void 0 : A.filter((w) => w !== "") : null,
+        tags: e.fields.tags ? (O = (E = (s = e.fields.tags) == null ? void 0 : s.split(",")) == null ? void 0 : E.map((T) => String(T || "").trim())) == null ? void 0 : O.filter((T) => T !== "") : null,
         protocol: e.fields.protocol,
         path: e.fields.path || null,
         read_timeout: e.fields.read_timeout,
@@ -1225,139 +1862,140 @@ const Y = {
         connect_timeout: e.fields.connect_timeout,
         tls_verify_value: e.fields.tls_verify_value,
         tls_verify_enabled: e.fields.tls_verify_enabled,
-        ca_certificates: e.fields.ca_certificates ? (h = e.fields.ca_certificates) == null ? void 0 : h.split(",").filter((w) => w !== "") : null,
+        ca_certificates: e.fields.ca_certificates ? (U = e.fields.ca_certificates) == null ? void 0 : U.split(",").filter((T) => T !== "") : null,
         client_certificate: e.fields.client_certificate ? { id: e.fields.client_certificate } : null,
         write_timeout: e.fields.write_timeout,
         port: e.fields.port,
-        url: e.fields.url
+        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), he.value || (t.path = null), B.value === "create" ? C.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : B.value === "edit" && delete t.url, t;
-    }), z = async () => {
-      var t, r, _, A;
+      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), f.value || (t.path = null), N.value === "create" ? w.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : N.value === "edit" && delete t.url, t;
+    }), fe = async () => {
+      var t, s, E, O;
       try {
         e.isReadonly = !0;
-        const h = F.value;
-        j(h);
-        let w;
-        if (await P.post(y.value, h), B.value === "create" ? w = await P.post(S.value, h) : B.value === "edit" && (w = ((t = a.config) == null ? void 0 : t.app) === "konnect" ? await P.put(S.value, h) : await P.patch(S.value, h)), w) {
-          const { data: i } = w;
-          e.fields.name = (i == null ? void 0 : i.name) || "", e.fields.port = i.port || Z.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 = (_ = i == null ? void 0 : i.ca_certificates) != null && _.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 = (A = i == null ? void 0 : i.tags) != null && A.length ? i.tags.join(", ") : "", Object.assign(E, e.fields), n("update", w == null ? void 0 : w.data);
+        const U = G.value;
+        ue(U);
+        let T;
+        if (await A.post(C.value, U), N.value === "create" ? T = await A.post(K.value, U) : N.value === "edit" && (T = ((t = a.config) == null ? void 0 : t.app) === "konnect" ? await A.put(K.value, U) : await A.patch(K.value, U)), T) {
+          const { data: d } = T;
+          e.fields.name = (d == null ? void 0 : d.name) || "", e.fields.port = d.port || ie.getPortFromProtocol(d.protocol), e.fields.protocol = (d == null ? void 0 : d.protocol) || "http", e.fields.host = (d == null ? void 0 : d.host) || "", e.fields.path = (d == null ? void 0 : d.path) || "", e.fields.url = (d == null ? void 0 : d.url) || "", e.fields.retries = d != null && d.retries || (d == null ? void 0 : d.retries) === 0 ? d == null ? void 0 : d.retries : 5, e.fields.connect_timeout = d != null && d.connect_timeout || (d == null ? void 0 : d.connect_timeout) === 0 ? d == null ? void 0 : d.connect_timeout : 6e4, e.fields.write_timeout = d != null && d.write_timeout || (d == null ? void 0 : d.write_timeout) === 0 ? d == null ? void 0 : d.write_timeout : 6e4, e.fields.read_timeout = d != null && d.read_timeout || (d == null ? void 0 : d.read_timeout) === 0 ? d == null ? void 0 : d.read_timeout : 6e4, e.fields.client_certificate = ((s = d == null ? void 0 : d.client_certificate) == null ? void 0 : s.id) || "", e.fields.ca_certificates = (E = d == null ? void 0 : d.ca_certificates) != null && E.length ? d == null ? void 0 : d.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (d == null ? void 0 : d.tls_verify) !== "" && (d == null ? void 0 : d.tls_verify) !== null && (d == null ? void 0 : d.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (d == null ? void 0 : d.tls_verify), e.fields.tags = (O = d == null ? void 0 : d.tags) != null && O.length ? d.tags.join(", ") : "", e.fields.enabled = (d == null ? void 0 : d.enabled) ?? !0, Object.assign($, e.fields), v("update", T == null ? void 0 : T.data);
         }
-        return w;
-      } catch (h) {
-        const { fields: w, messages: i } = M(h);
-        e.errorMessages = i, w.length && w.forEach((X) => {
-          const re = X.field;
-          re === "client_certificate.id" ? e.formFieldErrors.client_certificate = X.message : re.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = X.message : Object.keys(e.formFieldErrors).includes(re) && (e.formFieldErrors = {
+        return T;
+      } catch (U) {
+        const { fields: T, messages: d } = j(U);
+        e.errorMessages = d, T.length && T.forEach((_e) => {
+          const Ce = _e.field;
+          Ce === "client_certificate.id" ? e.formFieldErrors.client_certificate = _e.message : Ce.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = _e.message : Object.keys(e.formFieldErrors).includes(Ce) && (e.formFieldErrors = {
             ...e.formFieldErrors,
-            [re]: X.message
+            [Ce]: _e.message
           });
-        }), n("error", h);
+        }), v("error", U);
       } finally {
         e.isReadonly = !1;
       }
     };
-    return Be(() => a.gatewayServiceId, () => {
-      Object.assign(e.fields, E);
-    }), Be(e.fields, (t) => {
-      e.fields.port = Z.getPortFromProtocol(t.protocol, String(t.port)), n("model-updated", F.value);
-    }), Je(() => {
-      n("model-updated", F.value), H.value || (e.fields.name = Te());
-    }), G({
-      validateUrl: ae,
-      getPayload: F,
-      saveFormData: z,
-      canSubmit: oe,
-      initForm: u
-    }), (t, r) => {
-      const _ = L("KRadio"), A = L("KButton"), h = L("KInput"), w = L("KSelect"), i = L("KCheckbox"), X = L("KCollapse"), re = L("KAlert");
-      return V(), T("div", Kt, [
-        c(o(bt), {
-          "can-submit": oe.value,
-          config: s.config,
-          "edit-id": s.gatewayServiceId,
-          "entity-type": o(ze).GatewayService,
-          "fetch-url": Ie.value,
-          "form-fields": F.value,
+    return Fe(() => a.gatewayServiceId, () => {
+      Object.assign(e.fields, $);
+    }), Fe(e.fields, (t) => {
+      e.fields.port = ie.getPortFromProtocol(t.protocol, String(t.port)), v("model-updated", G.value);
+    }), He(() => {
+      v("model-updated", G.value), o.value || (e.fields.name = i());
+    }), X({
+      validateUrl: de,
+      getPayload: G,
+      saveFormData: fe,
+      canSubmit: c,
+      initForm: g
+    }), (t, s) => {
+      const E = W("KRadio"), O = W("KButton"), U = W("KInput"), T = W("KSelect"), d = W("KCheckbox"), _e = W("KCollapse"), Ce = W("KAlert");
+      return S(), F("div", ol, [
+        u(l(Ye), {
+          "can-submit": c.value,
+          config: n.config,
+          "edit-id": n.gatewayServiceId,
+          "entity-type": l(Oe).GatewayService,
+          "fetch-url": me.value,
+          "form-fields": G.value,
           "is-readonly": e.isReadonly,
-          onCancel: v,
-          "onFetch:error": r[30] || (r[30] = (f) => t.$emit("error", f)),
-          "onFetch:success": u,
-          onLoading: r[31] || (r[31] = (f) => t.$emit("loading", f)),
-          onSubmit: z
+          onCancel: p,
+          "onFetch:error": s[30] || (s[30] = (y) => t.$emit("error", y)),
+          "onFetch:success": g,
+          onLoading: s[31] || (s[31] = (y) => t.$emit("loading", y)),
+          onSubmit: fe
         }, {
-          "form-actions": d(() => [
-            Qe(t.$slots, "form-actions", {
-              canSubmit: oe.value,
-              cancel: v,
-              submit: z
+          "form-actions": m(() => [
+            Ze(t.$slots, "form-actions", {
+              canSubmit: c.value,
+              cancel: p,
+              submit: fe
             }, void 0, !0)
           ]),
-          default: d(() => [
-            c(o(Ne), {
-              description: o(l)("gateway_services.form.sections.keys.description"),
-              "hide-info-header": s.hideSectionsInfo,
-              title: o(l)("gateway_services.form.sections.keys.title")
+          default: m(() => [
+            u(l(Ke), {
+              description: l(r)("gateway_services.form.sections.keys.description"),
+              "hide-info-header": n.hideSectionsInfo,
+              title: l(r)("gateway_services.form.sections.keys.title")
             }, {
-              default: d(() => [
-                H.value ? D("", !0) : (V(), T("div", Lt, [
-                  I("div", qt, [
-                    c(_, {
-                      modelValue: C.value,
-                      "onUpdate:modelValue": r[0] || (r[0] = (f) => C.value = f),
+              default: m(() => [
+                o.value ? M("", !0) : (S(), F("div", il, [
+                  I("div", rl, [
+                    u(E, {
+                      modelValue: w.value,
+                      "onUpdate:modelValue": s[0] || (s[0] = (y) => w.value = y),
                       card: "",
                       "card-orientation": "horizontal",
                       "data-testid": "gateway-service-url-radio",
-                      description: o(l)("gateway_services.form.sections.keys.url.description"),
-                      label: o(l)("gateway_services.form.sections.keys.url.label"),
-                      "selected-value": te.url,
-                      onChange: ve
+                      description: l(r)("gateway_services.form.sections.keys.url.description"),
+                      label: l(r)("gateway_services.form.sections.keys.url.label"),
+                      "selected-value": re.url,
+                      onChange: Ve
                     }, null, 8, ["modelValue", "description", "label", "selected-value"]),
-                    c(_, {
-                      modelValue: C.value,
-                      "onUpdate:modelValue": r[1] || (r[1] = (f) => C.value = f),
+                    u(E, {
+                      modelValue: w.value,
+                      "onUpdate:modelValue": s[1] || (s[1] = (y) => w.value = y),
                       card: "",
                       "card-orientation": "horizontal",
                       "checked-group": "protocol",
                       "data-testid": "gateway-service-protocol-radio",
-                      description: o(l)("gateway_services.form.sections.keys.protocol.description"),
-                      label: o(l)("gateway_services.form.sections.keys.protocol.label"),
-                      "selected-value": te.protocol,
-                      onChange: ve
+                      description: l(r)("gateway_services.form.sections.keys.protocol.description"),
+                      label: l(r)("gateway_services.form.sections.keys.protocol.label"),
+                      "selected-value": re.protocol,
+                      onChange: Ve
                     }, null, 8, ["modelValue", "description", "label", "selected-value"])
                   ]),
-                  c(Me, { name: "slide-fade" }, {
-                    default: d(() => [
-                      C.value === "url" ? (V(), T("div", Gt, [
-                        c(h, {
+                  u(We, { name: "slide-fade" }, {
+                    default: m(() => [
+                      w.value === "url" ? (S(), F("div", sl, [
+                        u(U, {
                           modelValue: e.fields.url,
-                          "onUpdate:modelValue": r[2] || (r[2] = (f) => e.fields.url = f),
+                          "onUpdate:modelValue": s[2] || (s[2] = (y) => e.fields.url = y),
                           modelModifiers: { trim: !0 },
                           class: "gateway-service-url-input gateway-service-form-margin-bottom",
                           "data-testid": "gateway-service-url-input",
-                          error: $e.value,
-                          "error-message": J("url"),
-                          label: o(l)("gateway_services.form.fields.upstream_url.label"),
+                          error: Ee.value,
+                          "error-message": ee("url"),
+                          label: l(r)("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"),
+                            info: n.config.app === "konnect" ? l(r)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : l(r)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "url",
-                          placeholder: o(l)("gateway_services.form.fields.upstream_url.placeholder"),
+                          placeholder: l(r)("gateway_services.form.fields.upstream_url.placeholder"),
                           required: "",
-                          onInput: ye
-                        }, Ce({ _: 2 }, [
-                          s.hideTrySampleApiButton ? void 0 : {
+                          onInput: ge
+                        }, Te({ _: 2 }, [
+                          n.hideTrySampleApiButton ? void 0 : {
                             name: "after",
-                            fn: d(() => [
-                              c(A, {
+                            fn: m(() => [
+                              u(O, {
                                 appearance: "tertiary",
                                 "data-testid": "try-sample-api",
                                 size: "small",
-                                onClick: ge
+                                onClick: ce
                               }, {
-                                default: d(() => [
-                                  K(k(o(l)("gateway_services.form.buttons.try_sample")), 1)
+                                default: m(() => [
+                                  Z(P(l(r)("gateway_services.form.buttons.try_sample")), 1)
                                 ]),
                                 _: 1
                               })
@@ -1365,57 +2003,57 @@ const Y = {
                             key: "0"
                           }
                         ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
-                      ])) : D("", !0)
+                      ])) : M("", !0)
                     ]),
                     _: 1
                   })
                 ])),
-                c(Me, { name: "slide-fade" }, {
-                  default: d(() => [
-                    C.value === "protocol" || H.value ? (V(), T("div", Nt, [
-                      c(w, {
+                u(We, { name: "slide-fade" }, {
+                  default: m(() => [
+                    w.value === "protocol" || o.value ? (S(), F("div", al, [
+                      u(T, {
                         modelValue: e.fields.protocol,
-                        "onUpdate:modelValue": r[3] || (r[3] = (f) => e.fields.protocol = f),
+                        "onUpdate:modelValue": s[3] || (s[3] = (y) => e.fields.protocol = y),
                         "data-testid": "gateway-service-protocol-select",
-                        items: U,
-                        label: o(l)("gateway_services.form.fields.protocol.label"),
+                        items: q,
+                        label: l(r)("gateway_services.form.fields.protocol.label"),
                         "label-attributes": {
-                          info: o(l)("gateway_services.form.fields.protocol.tooltip"),
+                          info: l(r)("gateway_services.form.fields.protocol.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
                         readonly: e.isReadonly,
                         required: "",
                         width: "100%",
-                        onSelected: r[4] || (r[4] = (f) => Ae(e.fields.protocol, f))
+                        onSelected: s[4] || (s[4] = (y) => Pe(e.fields.protocol, y))
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      c(h, {
+                      u(U, {
                         modelValue: e.fields.host,
-                        "onUpdate:modelValue": r[5] || (r[5] = (f) => e.fields.host = f),
+                        "onUpdate:modelValue": s[5] || (s[5] = (y) => e.fields.host = y),
                         modelModifiers: { trim: !0 },
                         class: "gateway-service-form-margin-top",
                         "data-testid": "gateway-service-host-input",
                         error: !!e.formFieldErrors.host,
-                        "error-message": J("host"),
-                        label: o(l)("gateway_services.form.fields.host.label"),
+                        "error-message": ee("host"),
+                        label: l(r)("gateway_services.form.fields.host.label"),
                         "label-attributes": {
-                          info: o(l)("gateway_services.form.fields.host.tooltip"),
+                          info: l(r)("gateway_services.form.fields.host.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
                         name: "host",
-                        placeholder: o(l)("gateway_services.form.fields.host.placeholder"),
+                        placeholder: l(r)("gateway_services.form.fields.host.placeholder"),
                         required: "",
-                        onInput: r[6] || (r[6] = (f) => x("host"))
-                      }, Ce({ _: 2 }, [
-                        s.hideTrySampleApiButton ? void 0 : {
+                        onInput: s[6] || (s[6] = (y) => z("host"))
+                      }, Te({ _: 2 }, [
+                        n.hideTrySampleApiButton ? void 0 : {
                           name: "after",
-                          fn: d(() => [
-                            c(A, {
+                          fn: m(() => [
+                            u(O, {
                               appearance: "tertiary",
                               size: "small",
-                              onClick: ge
+                              onClick: ce
                             }, {
-                              default: d(() => [
-                                K(k(o(l)("gateway_services.form.buttons.try_sample")), 1)
+                              default: m(() => [
+                                Z(P(l(r)("gateway_services.form.buttons.try_sample")), 1)
                               ]),
                               _: 1
                             })
@@ -1423,75 +2061,75 @@ const Y = {
                           key: "0"
                         }
                       ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
-                      he.value ? (V(), T("div", Ot, [
-                        c(h, {
+                      f.value ? (S(), F("div", nl, [
+                        u(U, {
                           modelValue: e.fields.path,
-                          "onUpdate:modelValue": r[7] || (r[7] = (f) => e.fields.path = f),
+                          "onUpdate:modelValue": s[7] || (s[7] = (y) => e.fields.path = y),
                           modelModifiers: { trim: !0 },
                           class: "gateway-service-form-margin-top",
                           "data-testid": "gateway-service-path-input",
                           error: !!e.formFieldErrors.path,
-                          "error-message": J("path"),
-                          label: o(l)("gateway_services.form.fields.path.label"),
+                          "error-message": ee("path"),
+                          label: l(r)("gateway_services.form.fields.path.label"),
                           "label-attributes": {
-                            info: o(l)("gateway_services.form.fields.path.tooltip"),
+                            info: l(r)("gateway_services.form.fields.path.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "path",
-                          placeholder: o(l)("gateway_services.form.fields.path.placeholder"),
-                          onInput: r[8] || (r[8] = (f) => x("path"))
+                          placeholder: l(r)("gateway_services.form.fields.path.placeholder"),
+                          onInput: s[8] || (s[8] = (y) => z("path"))
                         }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
-                      ])) : D("", !0),
-                      c(h, {
+                      ])) : M("", !0),
+                      u(U, {
                         modelValue: e.fields.port,
                         "onUpdate:modelValue": [
-                          r[9] || (r[9] = (f) => e.fields.port = f),
-                          r[11] || (r[11] = () => {
-                            e.fields.port = W(e.fields.port + "");
+                          s[9] || (s[9] = (y) => e.fields.port = y),
+                          s[11] || (s[11] = () => {
+                            e.fields.port = oe(e.fields.port + "");
                           })
                         ],
                         class: "gateway-service-form-margin-top",
                         "data-testid": "gateway-service-port-input",
                         error: !!e.formFieldErrors.port,
-                        "error-message": J("port"),
-                        label: o(l)("gateway_services.form.fields.port.label"),
+                        "error-message": ee("port"),
+                        label: l(r)("gateway_services.form.fields.port.label"),
                         "label-attributes": {
-                          info: o(l)("gateway_services.form.fields.port.tooltip"),
+                          info: l(r)("gateway_services.form.fields.port.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
                         name: "port",
                         type: "number",
-                        onInput: r[10] || (r[10] = (f) => x("port"))
+                        onInput: s[10] || (s[10] = (y) => z("port"))
                       }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes"])
-                    ])) : D("", !0)
+                    ])) : M("", !0)
                   ]),
                   _: 1
                 }),
-                c(X, {
-                  modelValue: g.value,
-                  "onUpdate:modelValue": r[27] || (r[27] = (f) => g.value = f),
+                u(_e, {
+                  modelValue: h.value,
+                  "onUpdate:modelValue": s[27] || (s[27] = (y) => h.value = y),
                   "data-testid": "advanced-fields-collapse",
                   "trigger-alignment": "leading",
-                  "trigger-label": o(l)("gateway_services.form.sections.keys.viewAdvancedFields")
+                  "trigger-label": l(r)("gateway_services.form.sections.keys.viewAdvancedFields")
                 }, {
-                  default: d(() => [
-                    c(Me, { name: "slide-fade" }, {
-                      default: d(() => [
-                        g.value ? D("", !0) : (V(), T("div", Wt, [
-                          I("div", jt, [
-                            c(h, {
+                  default: m(() => [
+                    u(We, { name: "slide-fade" }, {
+                      default: m(() => [
+                        h.value ? M("", !0) : (S(), F("div", cl, [
+                          I("div", dl, [
+                            u(U, {
                               modelValue: e.fields.retries,
                               "onUpdate:modelValue": [
-                                r[12] || (r[12] = (f) => e.fields.retries = f),
-                                r[13] || (r[13] = () => {
-                                  e.fields.retries = W(e.fields.retries + "");
+                                s[12] || (s[12] = (y) => e.fields.retries = y),
+                                s[13] || (s[13] = () => {
+                                  e.fields.retries = oe(e.fields.retries + "");
                                 })
                               ],
                               autocomplete: "off",
                               "data-testid": "gateway-service-retries-input",
-                              label: o(l)("gateway_services.form.fields.retries.label"),
+                              label: l(r)("gateway_services.form.fields.retries.label"),
                               "label-attributes": {
-                                info: o(l)("gateway_services.form.fields.retries.tooltip"),
+                                info: l(r)("gateway_services.form.fields.retries.tooltip"),
                                 tooltipAttributes: { maxWidth: "400" }
                               },
                               name: "retries",
@@ -1499,20 +2137,20 @@ const Y = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          I("div", zt, [
-                            c(h, {
+                          I("div", ul, [
+                            u(U, {
                               modelValue: e.fields.connect_timeout,
                               "onUpdate:modelValue": [
-                                r[14] || (r[14] = (f) => e.fields.connect_timeout = f),
-                                r[15] || (r[15] = () => {
-                                  e.fields.connect_timeout = W(e.fields.connect_timeout + "");
+                                s[14] || (s[14] = (y) => e.fields.connect_timeout = y),
+                                s[15] || (s[15] = () => {
+                                  e.fields.connect_timeout = oe(e.fields.connect_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
                               "data-testid": "gateway-service-connTimeout-input",
-                              label: o(l)("gateway_services.form.fields.connect_timeout.label"),
+                              label: l(r)("gateway_services.form.fields.connect_timeout.label"),
                               "label-attributes": {
-                                info: o(l)("gateway_services.form.fields.connect_timeout.tooltip"),
+                                info: l(r)("gateway_services.form.fields.connect_timeout.tooltip"),
                                 tooltipAttributes: { maxWidth: "400" }
                               },
                               name: "connTimeout",
@@ -1520,20 +2158,20 @@ const Y = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          I("div", Ht, [
-                            c(h, {
+                          I("div", fl, [
+                            u(U, {
                               modelValue: e.fields.write_timeout,
                               "onUpdate:modelValue": [
-                                r[16] || (r[16] = (f) => e.fields.write_timeout = f),
-                                r[17] || (r[17] = () => {
-                                  e.fields.write_timeout = W(e.fields.write_timeout + "");
+                                s[16] || (s[16] = (y) => e.fields.write_timeout = y),
+                                s[17] || (s[17] = () => {
+                                  e.fields.write_timeout = oe(e.fields.write_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
                               "data-testid": "gateway-service-writeTimeout-input",
-                              label: o(l)("gateway_services.form.fields.write_timeout.label"),
+                              label: l(r)("gateway_services.form.fields.write_timeout.label"),
                               "label-attributes": {
-                                info: o(l)("gateway_services.form.fields.write_timeout.tooltip"),
+                                info: l(r)("gateway_services.form.fields.write_timeout.tooltip"),
                                 tooltipAttributes: { maxWidth: "400" }
                               },
                               name: "writeTimeout",
@@ -1541,20 +2179,20 @@ const Y = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          I("div", Zt, [
-                            c(h, {
+                          I("div", pl, [
+                            u(U, {
                               modelValue: e.fields.read_timeout,
                               "onUpdate:modelValue": [
-                                r[18] || (r[18] = (f) => e.fields.read_timeout = f),
-                                r[19] || (r[19] = () => {
-                                  e.fields.read_timeout = W(e.fields.read_timeout + "");
+                                s[18] || (s[18] = (y) => e.fields.read_timeout = y),
+                                s[19] || (s[19] = () => {
+                                  e.fields.read_timeout = oe(e.fields.read_timeout + "");
                                 })
                               ],
                               autocomplete: "off",
                               "data-testid": "gateway-service-readTimeout-input",
-                              label: o(l)("gateway_services.form.fields.read_timeout.label"),
+                              label: l(r)("gateway_services.form.fields.read_timeout.label"),
                               "label-attributes": {
-                                info: o(l)("gateway_services.form.fields.read_timeout.tooltip"),
+                                info: l(r)("gateway_services.form.fields.read_timeout.tooltip"),
                                 tooltipAttributes: { maxWidth: "400" }
                               },
                               name: "readTimeout",
@@ -1562,99 +2200,99 @@ const Y = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          be.value ? (V(), T("div", Jt, [
-                            c(h, {
+                          V.value ? (S(), F("div", ml, [
+                            u(U, {
                               modelValue: e.fields.client_certificate,
-                              "onUpdate:modelValue": r[20] || (r[20] = (f) => e.fields.client_certificate = f),
+                              "onUpdate:modelValue": s[20] || (s[20] = (y) => e.fields.client_certificate = y),
                               modelModifiers: { trim: !0 },
                               autocomplete: "off",
                               "data-testid": "gateway-service-clientCert-input",
                               error: !!e.formFieldErrors.client_certificate,
-                              label: o(l)("gateway_services.form.fields.client_certificate.label"),
+                              label: l(r)("gateway_services.form.fields.client_certificate.label"),
                               "label-attributes": {
-                                info: o(l)("gateway_services.form.fields.client_certificate.tooltip"),
+                                info: l(r)("gateway_services.form.fields.client_certificate.tooltip"),
                                 tooltipAttributes: { maxWidth: "400" }
                               },
                               name: "clientCert",
-                              placeholder: o(l)("gateway_services.form.fields.client_certificate.placeholder"),
+                              placeholder: l(r)("gateway_services.form.fields.client_certificate.placeholder"),
                               readonly: e.isReadonly,
                               type: "text",
-                              onInput: r[21] || (r[21] = (f) => _e("client_certificate"))
+                              onInput: s[21] || (s[21] = (y) => ye("client_certificate"))
                             }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"])
-                          ])) : D("", !0),
-                          Ue.value ? (V(), T("div", Qt, [
-                            c(h, {
+                          ])) : M("", !0),
+                          J.value ? (S(), F("div", vl, [
+                            u(U, {
                               modelValue: e.fields.ca_certificates,
-                              "onUpdate:modelValue": r[22] || (r[22] = (f) => e.fields.ca_certificates = f),
+                              "onUpdate:modelValue": s[22] || (s[22] = (y) => e.fields.ca_certificates = y),
                               modelModifiers: { trim: !0 },
                               autocomplete: "off",
                               "data-testid": "gateway-service-ca-certs-input",
                               error: !!e.formFieldErrors.ca_certificates,
-                              label: o(l)("gateway_services.form.fields.ca_certificates.label"),
+                              label: l(r)("gateway_services.form.fields.ca_certificates.label"),
                               "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
-                              placeholder: o(l)("gateway_services.form.fields.ca_certificates.placeholder"),
+                              placeholder: l(r)("gateway_services.form.fields.ca_certificates.placeholder"),
                               readonly: e.isReadonly,
                               type: "text",
-                              onInput: r[23] || (r[23] = (f) => _e("ca_certificates"))
+                              onInput: s[23] || (s[23] = (y) => ye("ca_certificates"))
                             }, {
-                              "label-tooltip": d(() => [
-                                c(o(N), {
+                              "label-tooltip": m(() => [
+                                u(l(Q), {
                                   keypath: "gateway_services.form.fields.ca_certificates.tooltip",
                                   scope: "global"
                                 }, {
-                                  code1: d(() => [
-                                    I("code", null, k(o(l)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                                  code1: m(() => [
+                                    I("code", null, P(l(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
                                   ]),
-                                  code2: d(() => [
-                                    I("code", null, k(o(l)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                                  code2: m(() => [
+                                    I("code", null, P(l(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
                                   ]),
                                   _: 1
                                 })
                               ]),
                               _: 1
                             }, 8, ["modelValue", "error", "label", "placeholder", "readonly"])
-                          ])) : D("", !0),
-                          Re.value ? (V(), T("div", Xt, [
-                            c(i, {
+                          ])) : M("", !0),
+                          B.value ? (S(), F("div", gl, [
+                            u(d, {
                               modelValue: e.fields.tls_verify_enabled,
-                              "onUpdate:modelValue": r[24] || (r[24] = (f) => e.fields.tls_verify_enabled = f),
+                              "onUpdate:modelValue": s[24] || (s[24] = (y) => e.fields.tls_verify_enabled = y),
                               "data-testid": "gateway-service-tls-verify-checkbox",
-                              description: o(l)("gateway_services.form.fields.tls_verify_enabled.help"),
-                              label: o(l)("gateway_services.form.fields.tls_verify_enabled.label"),
+                              description: l(r)("gateway_services.form.fields.tls_verify_enabled.help"),
+                              label: l(r)("gateway_services.form.fields.tls_verify_enabled.label"),
                               "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
                             }, {
-                              tooltip: d(() => [
-                                c(o(N), {
+                              tooltip: m(() => [
+                                u(l(Q), {
                                   keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
                                   scope: "global"
                                 }, {
-                                  code1: d(() => [
-                                    I("code", null, k(o(l)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                                  code1: m(() => [
+                                    I("code", null, P(l(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                                   ]),
                                   _: 1
                                 })
                               ]),
                               _: 1
                             }, 8, ["modelValue", "description", "label"]),
-                            e.fields.tls_verify_enabled ? (V(), T("div", Yt, [
-                              c(_, {
+                            e.fields.tls_verify_enabled ? (S(), F("div", yl, [
+                              u(E, {
                                 modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": r[25] || (r[25] = (f) => e.fields.tls_verify_value = f),
+                                "onUpdate:modelValue": s[25] || (s[25] = (y) => e.fields.tls_verify_value = y),
                                 "data-testid": "gateway-service-tls-verify-true-option",
-                                label: o(l)("gateway_services.form.fields.tls_verify_option.true.label"),
+                                label: l(r)("gateway_services.form.fields.tls_verify_option.true.label"),
                                 "selected-value": !0
                               }, null, 8, ["modelValue", "label"])
-                            ])) : D("", !0),
-                            e.fields.tls_verify_enabled ? (V(), T("div", eo, [
-                              c(_, {
+                            ])) : M("", !0),
+                            e.fields.tls_verify_enabled ? (S(), F("div", _l, [
+                              u(E, {
                                 modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": r[26] || (r[26] = (f) => e.fields.tls_verify_value = f),
+                                "onUpdate:modelValue": s[26] || (s[26] = (y) => e.fields.tls_verify_value = y),
                                 "data-testid": "gateway-service-tls-verify-false-option",
-                                label: o(l)("gateway_services.form.fields.tls_verify_option.false.label"),
+                                label: l(r)("gateway_services.form.fields.tls_verify_option.false.label"),
                                 "selected-value": !1
                               }, null, 8, ["modelValue", "label"])
-                            ])) : D("", !0)
-                          ])) : D("", !0)
+                            ])) : M("", !0)
+                          ])) : M("", !0)
                         ]))
                       ]),
                       _: 1
@@ -1665,52 +2303,52 @@ const Y = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            c(o(Ne), {
-              description: o(l)("gateway_services.form.sections.general.description"),
-              "hide-info-header": s.hideSectionsInfo,
-              title: o(l)("gateway_services.form.sections.general.title")
+            u(l(Ke), {
+              description: l(r)("gateway_services.form.sections.general.description"),
+              "hide-info-header": n.hideSectionsInfo,
+              title: l(r)("gateway_services.form.sections.general.title")
             }, {
-              default: d(() => [
-                c(h, {
+              default: m(() => [
+                u(U, {
                   modelValue: e.fields.name,
-                  "onUpdate:modelValue": r[28] || (r[28] = (f) => e.fields.name = f),
+                  "onUpdate:modelValue": s[28] || (s[28] = (y) => e.fields.name = y),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-name-input",
-                  error: Fe.value,
-                  "error-message": le.value,
-                  label: o(l)("gateway_services.form.fields.name.label"),
+                  error: we.value,
+                  "error-message": ve.value,
+                  label: l(r)("gateway_services.form.fields.name.label"),
                   "label-attributes": {
-                    info: o(l)("gateway_services.form.fields.name.tooltip"),
+                    info: l(r)("gateway_services.form.fields.name.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
                   name: "name",
-                  placeholder: o(l)("gateway_services.form.fields.name.placeholder"),
+                  placeholder: l(r)("gateway_services.form.fields.name.placeholder"),
                   readonly: e.isReadonly,
                   type: "text",
-                  onInput: ne
+                  onInput: R
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                c(X, {
+                u(_e, {
                   "data-testid": "tags-collapse",
                   "trigger-alignment": "leading",
-                  "trigger-label": o(l)("gateway_services.form.fields.tags.collapse")
+                  "trigger-label": l(r)("gateway_services.form.fields.tags.collapse")
                 }, {
-                  default: d(() => [
-                    I("div", to, [
-                      c(h, {
+                  default: m(() => [
+                    I("div", bl, [
+                      u(U, {
                         modelValue: e.fields.tags,
-                        "onUpdate:modelValue": r[29] || (r[29] = (f) => e.fields.tags = f),
+                        "onUpdate:modelValue": s[29] || (s[29] = (y) => e.fields.tags = y),
                         modelModifiers: { trim: !0 },
                         autocomplete: "off",
                         "data-testid": "gateway-service-tags-input",
-                        help: o(l)("gateway_services.form.fields.tags.help"),
-                        label: o(l)("gateway_services.form.fields.tags.label"),
+                        help: l(r)("gateway_services.form.fields.tags.help"),
+                        label: l(r)("gateway_services.form.fields.tags.label"),
                         "label-attributes": {
-                          info: o(l)("gateway_services.form.fields.tags.tooltip"),
+                          info: l(r)("gateway_services.form.fields.tags.tooltip"),
                           tooltipAttributes: { maxWidth: "400" }
                         },
                         name: "tags",
-                        placeholder: o(l)("gateway_services.form.fields.tags.placeholder"),
+                        placeholder: l(r)("gateway_services.form.fields.tags.placeholder"),
                         readonly: e.isReadonly,
                         type: "text"
                       }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
@@ -1721,33 +2359,34 @@ const Y = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            e.errorMessages.length ? (V(), de(re, {
+            e.errorMessages.length ? (S(), $e(Ce, {
               key: 0,
               appearance: "danger",
               "data-testid": "form-error"
             }, {
-              default: d(() => [
-                I("ul", oo, [
-                  (V(!0), T(Xe, null, Ye(e.errorMessages, (f) => (V(), T("li", { key: f }, k(f), 1))), 128))
+              default: m(() => [
+                I("ul", hl, [
+                  (S(!0), F(lt, null, ot(e.errorMessages, (y) => (S(), F("li", { key: y }, P(y), 1))), 128))
                 ])
               ]),
               _: 1
-            })) : D("", !0)
+            })) : M("", !0)
           ]),
           _: 3
         }, 8, ["can-submit", "config", "edit-id", "entity-type", "fetch-url", "form-fields", "is-readonly"])
       ]);
     };
   }
-}), go = /* @__PURE__ */ He(ro, [["__scopeId", "data-v-a94ad8c2"]]), { validateHost: io, validatePort: lo, validateProtocol: so, validatePath: ao } = Y.useUrlValidators(), yo = () => ({
-  validateHost: io,
-  validatePort: lo,
-  validateProtocol: so,
-  validatePath: ao
+}), Rl = /* @__PURE__ */ Ne(wl, [["__scopeId", "data-v-ce7f08af"]]), { validateHost: kl, validatePort: Vl, validateProtocol: Cl, validatePath: Sl } = se.useUrlValidators(), Tl = () => ({
+  validateHost: kl,
+  validatePort: Vl,
+  validateProtocol: Cl,
+  validatePath: Sl
 });
 export {
-  vo as GatewayServiceConfigCard,
-  go as GatewayServiceForm,
-  mo as GatewayServiceList,
-  yo as useUrlValidator
+  xl as GatewayServiceConfigCard,
+  Rl as GatewayServiceForm,
+  Fl as GatewayServiceList,
+  Al as LegacyGatewayServiceForm,
+  Tl as useUrlValidator
 };