@kong-ui-public/entities-gateway-services 3.10.5 → 3.10.6-pr.2001.dfcf418cd.0

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

@@ -1,9 +1,9 @@
-import { defineComponent as Te, computed as b, ref as E, watch as Ie, onBeforeMount as Le, resolveComponent as F, openBlock as S, createElementBlock as U, createVNode as d, unref as o, createSlots as Ee, withCtx as f, createBlock as ue, Teleport as Pe, createElementVNode as k, createCommentVNode as L, createTextVNode as R, toDisplayString as y, withModifiers as Se, reactive as Ue, onMounted as De, renderSlot as Ge } from "vue";
-import { useRouter as xe } from "vue-router";
-import { BookIcon as Re, AddIcon as Ke, ServicesIcon as qe } from "@kong/icons";
-import { createI18n as Oe, i18nTComponent as Ne } from "@kong-ui-public/i18n";
-import { useAxios as Ae, useTableState as We, useFetcher as je, useDeleteUrlBuilder as He, FetcherStatus as Je, EntityBaseTable as ze, EntityFilter as Qe, PermissionsWrapper as ie, TableTags as Xe, EntityEmptyState as Ze, EntityToggleModal as Ye, EntityDeleteModal as et, EntityTypes as tt, useErrors as ot, useValidators as lt, EntityBaseFormType as Me, useGatewayFeatureSupported as it, EntityBaseForm as st, SupportedEntityType as Fe, EntityFormSection as $e, useHelpers as rt, ConfigurationSchemaSection as fe, ConfigurationSchemaType as at, EntityBaseConfigCard as nt } from "@kong-ui-public/entities-shared";
-const ct = {
+import { defineComponent as Le, computed as h, ref as W, watch as Ue, onBeforeMount as lt, resolveComponent as D, openBlock as C, createElementBlock as E, createVNode as d, unref as o, createSlots as Re, withCtx as v, createBlock as Fe, Teleport as je, createElementVNode as S, createCommentVNode as x, createTextVNode as z, toDisplayString as F, withModifiers as Ke, reactive as xe, onMounted as Je, renderSlot as Qe, toValue as ze, Transition as We, Fragment as ot, renderList as it } from "vue";
+import { useRouter as qe } from "vue-router";
+import { BookIcon as He, AddIcon as rt, ServicesIcon as st } from "@kong/icons";
+import { createI18n as at, i18nTComponent as nt } from "@kong-ui-public/i18n";
+import { useAxios as Ge, useTableState as ct, useFetcher as dt, useDeleteUrlBuilder as ut, FetcherStatus as ft, EntityBaseTable as pt, EntityFilter as mt, PermissionsWrapper as Ee, TableTags as vt, EntityEmptyState as gt, EntityToggleModal as yt, EntityDeleteModal as _t, EntityTypes as bt, useErrors as Xe, useValidators as Ye, EntityBaseFormType as Me, useGatewayFeatureSupported as et, EntityBaseForm as tt, SupportedEntityType as Oe, EntityFormSection as Be, useHelpers as ht, ConfigurationSchemaSection as $e, ConfigurationSchemaType as wt, EntityBaseConfigCard as kt } from "@kong-ui-public/entities-shared";
+const Vt = {
   create: "New gateway service",
   serverless_create: "Add a Service",
   copy_id: "Copy ID",
@@ -16,12 +16,12 @@ const ct = {
     description: "Deleting this Gateway Service will also remove any associated plugins. This action cannot be reversed.",
     menu_label: "Delete"
   }
-}, dt = {
+}, Ct = {
   placeholder: {
     konnect: "Filter by name",
     kongManager: "Filter by exact name or ID"
   }
-}, ut = {
+}, St = {
   title: "Gateway Services",
   list: {
     toolbar_actions: {
@@ -53,24 +53,50 @@ const ct = {
     description: "Gateway services represent backend APIs or microservices that receive traffic routed through the gateway."
   },
   form: {
+    errors: {
+      host: {
+        empty: "host cannot be empty",
+        invalid: "invalid host"
+      },
+      port: {
+        type: "Port must be a number",
+        invalid: "Port must be between 0 and 65535"
+      },
+      path: {
+        prefix: "Path must begin with /",
+        invalid: "Path should not include characters outside of the reserved list of RFC 3986"
+      },
+      protocol: {
+        empty: "protocol cannot be empty",
+        invalid: "protocol - value must be one of http, https, grpc, grpcs, tcp, udp, tls, tls_passthrough, ws, wss"
+      }
+    },
     sections: {
       general: {
         title: "General Information",
-        description: "General information will help identify and manage this Gateway Service."
+        description: "Provide a name and tags to help identify and manage this service."
       },
       keys: {
         title: "Service Endpoint",
-        description: "Define the endpoint for this service by specifying the full URL or by its separate elements.",
+        description: "Define where this service should send requests.",
         checkedGroupLabel: "Choose how and where to send traffic",
         urlLabel: "Full URL",
         checkedGroupAltLabel: "Protocol, Host, Port and Path",
+        url: {
+          label: "Full URL",
+          description: "Define the service using a single, complete API URL for simple setup."
+        },
+        protocol: {
+          label: "Protocol, host, port, and path",
+          description: "Manually specify each component of the API’s URL for advanced configurations."
+        },
         viewAdvancedFields: "View Advanced Fields"
       }
     },
     fields: {
       upstream_url: {
-        label: "Upstream URL",
-        placeholder: "Enter a URL",
+        label: "Full URL",
+        placeholder: "e.g. https://www.myapi.com/",
         tooltip_for_konnect: "This is the URL of the API you will manage in Konnect.",
         tooltip_for_km: "This is the URL of the API you will manage in Kong Gateway."
       },
@@ -97,12 +123,12 @@ const ct = {
       },
       host: {
         label: "Host",
-        placeholder: "Enter a host",
+        placeholder: "e.g. www.myapi.com, 127.0.0.1",
         tooltip: "The host of the upstream server. Note that the host value is case sensitive."
       },
       path: {
         label: "Path",
-        placeholder: "Enter a path",
+        placeholder: "e.g. /sample",
         tooltip: "The path to be used in request to the upstream server."
       },
       port: {
@@ -160,7 +186,8 @@ const ct = {
         label: "Tags",
         tooltip: "An optional set of strings associated with the Service for grouping and filtering.",
         placeholder: "Enter a list of tags separated by comma",
-        help: "e.g. tag1, tag2, tag3"
+        help: "e.g. tag1, tag2, tag3",
+        collapse: "Add tags"
       },
       enabled: {
         label: "Enabled",
@@ -170,39 +197,39 @@ const ct = {
       }
     }
   }
-}, ft = {
+}, It = {
   general: "Gateway Services could not be retrieved",
   delete: "The gateway service could not be deleted at this time.",
   copy: "Failed to copy to clipboard",
   urlErrorMessage: "Error: invalid URL"
-}, pt = {
+}, Pt = {
   success: "Copied {val} to clipboard",
   success_brief: "Successfully copied to clipboard"
-}, mt = {
+}, Et = {
   gateway_services: "gateway services"
-}, vt = {
-  actions: ct,
-  search: dt,
-  gateway_services: ut,
-  errors: ft,
-  copy: pt,
-  glossary: mt
+}, Ft = {
+  actions: Vt,
+  search: Ct,
+  gateway_services: St,
+  errors: It,
+  copy: Pt,
+  glossary: Et
 };
-function gt() {
-  const n = Oe("en-us", vt);
+function Ut() {
+  const n = at("en-us", Ft);
   return {
     i18n: n,
-    i18nT: Ne(n)
+    i18nT: nt(n)
     // Translation component <i18n-t>
   };
 }
-function yt() {
+function $t() {
   return {
-    getPortFromProtocol: (D, p) => {
-      const c = [80, 443], r = Number(p);
-      if ((r || r === 0) && !c.includes(r))
-        return r;
-      switch (D) {
+    getPortFromProtocol: (M, y) => {
+      const p = [80, 443], a = Number(y);
+      if ((a || a === 0) && !p.includes(a))
+        return a;
+      switch (M) {
         case "grpcs":
         case "tls":
         case "https":
@@ -218,31 +245,48 @@ function yt() {
     }
   };
 }
-const ve = {
-  useI18n: gt,
-  usePortFromProtocol: yt
-}, pe = "/v2/control-planes/{controlPlaneId}/core-entities", me = "/{workspace}", se = {
+function At() {
+  const { i18n: { t: n } } = ge.useI18n();
+  return {
+    validateHost: (b) => !b || b.trim() === "" ? n("gateway_services.form.errors.host.empty") : /^(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9-]*[a-zA-Z0-9])\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9-]*[A-Za-z0-9])$|^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(b) ? "" : n("gateway_services.form.errors.host.invalid"),
+    validateProtocol: (b, B) => !b || b.trim() === "" ? n("gateway_services.form.errors.protocol.empty") : (b = b.slice(0, -1), B.find((r) => {
+      if (r.value === b) return r;
+    }) === void 0 ? n("gateway_services.form.errors.protocol.invalid") : ""),
+    validatePath: (b) => !b || b === "" ? "" : b.startsWith("/") ? /[^A-Za-z0-9\-._~:/?#[\]@!$&'()*+,;=%]/.test(b) ? n("gateway_services.form.errors.path.invalid") : "" : n("gateway_services.form.errors.path.prefix"),
+    validatePort: (b) => {
+      if (b == null || b === "")
+        return "";
+      const B = typeof b == "string" ? parseInt(b, 10) : b;
+      return isNaN(B) ? n("gateway_services.form.errors.port.type") : B < 0 || B > 65535 ? n("gateway_services.form.errors.port.invalid") : "";
+    }
+  };
+}
+const ge = {
+  useI18n: Ut,
+  usePortFromProtocol: $t,
+  useUrlValidators: At
+}, Ae = "/v2/control-planes/{controlPlaneId}/core-entities", Te = "/{workspace}", ye = {
   list: {
     konnect: {
-      all: `${pe}/services`
+      all: `${Ae}/services`
     },
     kongManager: {
-      all: `${me}/services`
+      all: `${Te}/services`
     }
   },
   form: {
     konnect: {
-      create: `${pe}/services`,
-      validate: `${pe}/v1/schemas/json/service/validate`,
-      edit: `${pe}/services/{id}`
+      create: `${Ae}/services`,
+      validate: `${Ae}/v1/schemas/json/service/validate`,
+      edit: `${Ae}/services/{id}`
     },
     kongManager: {
-      create: `${me}/services`,
-      validate: `${me}/schemas/services/validate`,
-      edit: `${me}/services/{id}`
+      create: `${Te}/services`,
+      validate: `${Te}/schemas/services/validate`,
+      edit: `${Te}/services/{id}`
     }
   }
-}, _t = "#00abd2", bt = "24px", ht = { class: "kong-ui-entities-gateway-services-list" }, wt = { class: "button-row" }, kt = { class: "empty-state-icon-gateway" }, Ct = { key: 1 }, Vt = /* @__PURE__ */ Te({
+}, Tt = "#00abd2", Rt = "24px", xt = { class: "kong-ui-entities-gateway-services-list" }, Mt = { class: "button-row" }, Bt = { class: "empty-state-icon-gateway" }, Lt = { key: 1 }, Kt = /* @__PURE__ */ Le({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -300,211 +344,211 @@ const ve = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
-  setup(n, { emit: D }) {
-    var l;
-    const p = D, c = n, { i18n: { t: r, formatUnixTimeStamp: x } } = ve.useI18n(), N = xe(), { axiosInstance: q } = Ae((l = c.config) == null ? void 0 : l.axiosRequestConfig), { hasRecords: a, handleStateChange: P } = We(() => G.value), C = b(() => a.value && c.config.app === "konnect"), ge = b(() => !c.enableV2EmptyStates && c.config.app === "konnect"), ye = b(() => c.config.app !== "kongManager" || !!c.config.disableSorting), O = {
+  setup(n, { emit: M }) {
+    var c;
+    const y = M, p = n, { i18n: { t: a, formatUnixTimeStamp: b } } = ge.useI18n(), B = qe(), { axiosInstance: Z } = Ge((c = p.config) == null ? void 0 : c.axiosRequestConfig), { hasRecords: r, handleStateChange: K } = ct(() => ee.value), I = h(() => r.value && p.config.app === "konnect"), ie = h(() => !p.enableV2EmptyStates && p.config.app === "konnect"), ue = h(() => p.config.app !== "kongManager" || !!p.config.disableSorting), X = {
       // the Name column is non-hidable
-      name: { label: r("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      ...c.config.showControlPlaneColumn ? { control_plane: { label: r("gateway_services.list.table_headers.control_plane") } } : {},
-      protocol: { label: r("gateway_services.list.table_headers.protocol"), searchable: !0, sortable: !0 },
-      host: { label: r("gateway_services.list.table_headers.host"), searchable: !0, sortable: !0 },
-      port: { label: r("gateway_services.list.table_headers.port"), searchable: !0, sortable: !0 },
-      path: { label: r("gateway_services.list.table_headers.path"), searchable: !0, sortable: !0 },
-      enabled: { label: r("gateway_services.list.table_headers.enabled"), searchable: !0, sortable: !0 },
-      tags: { label: r("gateway_services.list.table_headers.tags"), sortable: !1 },
-      updated_at: { label: r("gateway_services.list.table_headers.updated_at"), sortable: !0 },
-      created_at: { label: r("gateway_services.list.table_headers.created_at"), sortable: !0 }
-    }, _e = {
+      name: { label: a("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      ...p.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 },
+      path: { label: a("gateway_services.list.table_headers.path"), searchable: !0, sortable: !0 },
+      enabled: { label: a("gateway_services.list.table_headers.enabled"), searchable: !0, sortable: !0 },
+      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 }
+    }, ke = {
       columnVisibility: {
         created_at: !1
       }
-    }, H = O, _ = b(() => {
-      var s, g;
-      let u = `${c.config.apiBaseUrl}${se.list[c.config.app].all}`;
-      return c.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((s = c.config) == null ? void 0 : s.controlPlaneId) || "") : c.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (g = c.config) != null && g.workspace ? `/${c.config.workspace}` : "")), u;
-    }), Y = b(() => c.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${_.value}`) : new URL(_.value)), G = E(""), be = b(() => {
-      const u = c.config.app === "konnect" || c.config.isExactMatch;
-      if (u)
+    }, fe = X, A = h(() => {
+      var m, w;
+      let g = `${p.config.apiBaseUrl}${ye.list[p.config.app].all}`;
+      return p.config.app === "konnect" ? g = g.replace(/{controlPlaneId}/gi, ((m = p.config) == null ? void 0 : m.controlPlaneId) || "") : p.config.app === "kongManager" && (g = g.replace(/\/{workspace}/gi, (w = p.config) != null && w.workspace ? `/${p.config.workspace}` : "")), g;
+    }), Y = h(() => p.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${A.value}`) : new URL(A.value)), ee = W(""), re = h(() => {
+      const g = p.config.app === "konnect" || p.config.isExactMatch;
+      if (g)
         return {
-          isExactMatch: u,
-          placeholder: r(`search.placeholder.${c.config.app}`)
+          isExactMatch: g,
+          placeholder: a(`search.placeholder.${p.config.app}`)
         };
-      const { name: s, enabled: g, protocol: I, host: Z, port: A, path: de } = O;
+      const { name: m, enabled: w, protocol: G, host: Q, port: j, path: he } = X;
       return {
-        isExactMatch: u,
-        fields: { name: s, enabled: g, protocol: I, host: Z, port: A, path: de },
-        schema: c.config.filterSchema
+        isExactMatch: g,
+        fields: { name: m, enabled: w, protocol: G, host: Q, port: j, path: he },
+        schema: p.config.filterSchema
       };
     }), {
-      fetcher: e,
-      fetcherState: w,
-      fetcherCacheKey: ee
-    } = je({ ...c.config, cacheIdentifier: c.cacheIdentifier }, _.value), he = () => {
-      G.value = "";
-    }, re = () => {
-      ee.value++;
-    }, J = E(null), W = b(() => ({
-      ctaPath: c.config.createRoute,
-      ctaText: h.value ? c.isServerless ? r("actions.serverless_create") : r("actions.create") : void 0,
-      message: `${r("gateway_services.list.empty_state.description")}${c.config.additionMessageForEmptyState ? ` ${c.config.additionMessageForEmptyState}` : ""}`,
-      title: h.value ? c.isServerless ? r("gateway_services.list.empty_state.serverless_title") : r("gateway_services.list.empty_state.title") : r("gateway_services.title")
-    })), z = E(!1), T = E(null), Q = b(() => {
-      const u = {
+      fetcher: l,
+      fetcherState: T,
+      fetcherCacheKey: se
+    } = dt({ ...p.config, cacheIdentifier: p.cacheIdentifier }, A.value), Pe = () => {
+      ee.value = "";
+    }, t = () => {
+      se.value++;
+    }, U = W(null), ae = h(() => ({
+      ctaPath: p.config.createRoute,
+      ctaText: $.value ? p.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
+      message: `${a("gateway_services.list.empty_state.description")}${p.config.additionMessageForEmptyState ? ` ${p.config.additionMessageForEmptyState}` : ""}`,
+      title: $.value ? p.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
+    })), ne = W(!1), q = W(null), pe = h(() => {
+      const g = {
         action: "disable",
         id: "",
         name: ""
       };
-      if (T.value) {
-        const { enabled: s, id: g, name: I } = T.value;
-        u.action = s ? "disable" : "enable", u.id = g, u.name = I || g;
+      if (q.value) {
+        const { enabled: m, id: w, name: G } = q.value;
+        g.action = m ? "disable" : "enable", g.id = w, g.name = G || w;
       }
-      return u;
-    }), we = (u) => {
-      z.value = !0, T.value = u;
-    }, ae = () => {
-      z.value = !1, T.value = null;
-    }, ke = async () => {
-      var I, Z;
-      if (!await ((I = c.canEdit) == null ? void 0 : I.call(c, T.value)) || !T.value)
+      return g;
+    }), ce = (g) => {
+      ne.value = !0, q.value = g;
+    }, _e = () => {
+      ne.value = !1, q.value = null;
+    }, Ve = async () => {
+      var G, Q;
+      if (!await ((G = p.canEdit) == null ? void 0 : G.call(p, q.value)) || !q.value)
         return;
-      const s = `${Y.value.href}/${T.value.id}`, g = !T.value.enabled;
+      const m = `${Y.value.href}/${q.value.id}`, w = !q.value.enabled;
       try {
-        const { data: A } = ((Z = c.config) == null ? void 0 : Z.app) === "konnect" ? await q.put(s, { ...T.value, enabled: g }) : await q.patch(s, { ...T.value, enabled: g });
-        p("toggle:success", A), T.value.enabled = g;
-      } catch (A) {
-        p("error", A);
+        const { data: j } = ((Q = p.config) == null ? void 0 : Q.app) === "konnect" ? await Z.put(m, { ...q.value, enabled: w }) : await Z.patch(m, { ...q.value, enabled: w });
+        y("toggle:success", j), q.value.enabled = w;
+      } catch (j) {
+        y("error", j);
       }
-    }, Ce = (u) => {
-      c.config.getControlPlaneRoute && N.push(c.config.getControlPlaneRoute(u));
-    }, te = (u, s) => {
-      const g = u.id;
-      if (!s(g)) {
-        p("copy:error", {
-          entity: u,
+    }, Ce = (g) => {
+      p.config.getControlPlaneRoute && B.push(p.config.getControlPlaneRoute(g));
+    }, me = (g, m) => {
+      const w = g.id;
+      if (!m(w)) {
+        y("copy:error", {
+          entity: g,
           field: "id",
-          message: r("errors.copy")
+          message: a("errors.copy")
         });
         return;
       }
-      p("copy:success", {
-        entity: u,
+      y("copy:success", {
+        entity: g,
         field: "id",
-        message: r("copy.success", { val: g })
+        message: a("copy.success", { val: w })
       });
-    }, ne = (u, s) => {
-      const g = JSON.stringify(u);
-      if (!s(g)) {
-        p("copy:error", {
-          entity: u,
-          message: r("errors.copy")
+    }, be = (g, m) => {
+      const w = JSON.stringify(g);
+      if (!m(w)) {
+        y("copy:error", {
+          entity: g,
+          message: a("errors.copy")
         });
         return;
       }
-      p("copy:success", {
-        entity: u,
-        message: r("copy.success_brief")
+      y("copy:success", {
+        entity: g,
+        message: a("copy.success_brief")
       });
-    }, ce = async (u) => {
-      var g;
-      await ((g = c.canRetrieve) == null ? void 0 : g.call(c, u)) && N.push(c.config.getViewRoute(u.id));
-    }, Ve = (u) => ({
-      label: r("actions.view"),
-      to: c.config.getViewRoute(u)
-    }), oe = (u) => ({
-      label: r("actions.edit"),
-      to: c.config.getEditRoute(u)
-    }), B = E(void 0), K = E(!1), j = E(!1), X = E(""), t = He(c.config, _.value), i = (u) => {
-      B.value = u, K.value = !0, X.value = "";
-    }, v = () => {
-      K.value = !1, B.value = void 0;
-    }, M = async () => {
-      var u, s, g;
-      if ((u = B.value) != null && u.id) {
-        j.value = !0;
+    }, Se = async (g) => {
+      var w;
+      await ((w = p.canRetrieve) == null ? void 0 : w.call(p, g)) && B.push(p.config.getViewRoute(g.id));
+    }, de = (g) => ({
+      label: a("actions.view"),
+      to: p.config.getViewRoute(g)
+    }), le = (g) => ({
+      label: a("actions.edit"),
+      to: p.config.getEditRoute(g)
+    }), N = W(void 0), J = W(!1), oe = W(!1), ve = W(""), i = ut(p.config, A.value), f = (g) => {
+      N.value = g, J.value = !0, ve.value = "";
+    }, k = () => {
+      J.value = !1, N.value = void 0;
+    }, H = async () => {
+      var g, m, w;
+      if ((g = N.value) != null && g.id) {
+        oe.value = !0;
         try {
-          await q.delete(t(B.value.id)), p("delete:success", B.value), v(), ee.value++;
-        } catch (I) {
-          X.value = ((g = (s = I.response) == null ? void 0 : s.data) == null ? void 0 : g.message) || I.message || r("errors.delete"), p("error", I);
+          await Z.delete(i(N.value.id)), y("delete:success", N.value), k(), se.value++;
+        } catch (G) {
+          ve.value = ((w = (m = G.response) == null ? void 0 : m.data) == null ? void 0 : w.message) || G.message || a("errors.delete"), y("error", G);
         } finally {
-          j.value = !1;
+          oe.value = !1;
         }
       }
-    }, V = () => {
-      N.push(c.config.createRoute);
+    }, L = () => {
+      B.push(p.config.createRoute);
     };
-    Ie(w, (u) => {
-      var s, g, I;
-      if (u.status === Je.Error) {
-        J.value = {
-          title: r("errors.general")
-        }, (I = (g = (s = u.error) == null ? void 0 : s.response) == null ? void 0 : g.data) != null && I.message && (J.value.message = u.error.response.data.message), p("error", u.error);
+    Ue(T, (g) => {
+      var m, w, G;
+      if (g.status === ft.Error) {
+        U.value = {
+          title: a("errors.general")
+        }, (G = (w = (m = g.error) == null ? void 0 : m.response) == null ? void 0 : w.data) != null && G.message && (U.value.message = g.error.response.data.message), y("error", g.error);
         return;
       }
-      J.value = null;
+      U.value = null;
     });
-    const h = E(!1);
-    return Le(async () => {
-      h.value = await c.canCreate();
-    }), (u, s) => {
-      const g = F("KButton"), I = F("KBadge"), Z = F("KInputSwitch"), A = F("KDropdownItem"), de = F("KClipboardProvider");
-      return S(), U("div", ht, [
-        d(o(ze), {
+    const $ = W(!1);
+    return lt(async () => {
+      $.value = await p.canCreate();
+    }), (g, m) => {
+      const w = D("KButton"), G = D("KBadge"), Q = D("KInputSwitch"), j = D("KDropdownItem"), he = D("KClipboardProvider");
+      return C(), E("div", xt, [
+        d(o(pt), {
           "cache-identifier": n.cacheIdentifier,
-          "default-table-preferences": _e,
-          "disable-sorting": ye.value,
-          "empty-state-options": W.value,
+          "default-table-preferences": ke,
+          "disable-sorting": ue.value,
+          "empty-state-options": ae.value,
           "enable-entity-actions": "",
-          "error-message": J.value,
-          fetcher: o(e),
-          "fetcher-cache-key": o(ee),
+          "error-message": U.value,
+          fetcher: o(l),
+          "fetcher-cache-key": o(se),
           "pagination-type": "offset",
           "preferences-storage-key": "kong-ui-entities-gateway-services-list",
-          query: G.value,
-          "table-headers": o(H),
-          onClearSearchInput: he,
-          "onClick:row": s[5] || (s[5] = (m) => ce(m)),
-          onSort: re,
-          onState: o(P)
-        }, Ee({
-          "toolbar-filter": f(() => [
-            d(o(Qe), {
-              modelValue: G.value,
-              "onUpdate:modelValue": s[0] || (s[0] = (m) => G.value = m),
-              config: be.value
+          query: ee.value,
+          "table-headers": o(fe),
+          onClearSearchInput: Pe,
+          "onClick:row": m[5] || (m[5] = (e) => Se(e)),
+          onSort: t,
+          onState: o(K)
+        }, Re({
+          "toolbar-filter": v(() => [
+            d(o(mt), {
+              modelValue: ee.value,
+              "onUpdate:modelValue": m[0] || (m[0] = (e) => ee.value = e),
+              config: re.value
             }, null, 8, ["modelValue", "config"])
           ]),
-          "toolbar-button": f(() => [
-            (S(), ue(Pe, {
+          "toolbar-button": v(() => [
+            (C(), Fe(je, {
               disabled: !n.useActionOutside,
               to: "#kong-ui-app-page-header-action-button"
             }, [
-              k("div", wt, [
-                C.value ? (S(), ue(g, {
+              S("div", Mt, [
+                I.value ? (C(), Fe(w, {
                   key: 0,
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "gateway-services-learn-more-button",
                   icon: "",
-                  onClick: s[1] || (s[1] = (m) => u.$emit("click:learn-more"))
+                  onClick: m[1] || (m[1] = (e) => g.$emit("click:learn-more"))
                 }, {
-                  default: f(() => [
-                    d(o(Re), { decorative: "" })
+                  default: v(() => [
+                    d(o(He), { decorative: "" })
                   ]),
                   _: 1
-                })) : L("", !0),
-                d(o(ie), {
+                })) : x("", !0),
+                d(o(Ee), {
                   "auth-function": () => n.canCreate()
                 }, {
-                  default: f(() => [
-                    d(g, {
+                  default: v(() => [
+                    d(w, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-gateway-service",
                       size: n.useActionOutside ? "medium" : "large",
                       to: n.config.createRoute
                     }, {
-                      default: f(() => [
-                        d(o(Ke)),
-                        R(" " + y(o(r)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                      default: v(() => [
+                        d(o(rt)),
+                        z(" " + F(o(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -514,120 +558,120 @@ const ve = {
               ])
             ], 8, ["disabled"]))
           ]),
-          name: f(({ rowValue: m }) => [
-            k("b", null, y(m ?? "-"), 1)
+          name: v(({ rowValue: e }) => [
+            S("b", null, F(e ?? "-"), 1)
           ]),
-          control_plane: f(({ row: m }) => {
-            var $;
+          control_plane: v(({ row: e }) => {
+            var s;
             return [
-              ($ = m.x_meta) != null && $.cluster_id ? (S(), ue(I, {
+              (s = e.x_meta) != null && s.cluster_id ? (C(), Fe(G, {
                 key: 0,
-                tooltip: m.x_meta.cluster_id,
+                tooltip: e.x_meta.cluster_id,
                 "truncation-tooltip": "",
-                onClick: Se((le) => Ce(m.x_meta.cluster_id), ["stop"])
+                onClick: Ke((V) => Ce(e.x_meta.cluster_id), ["stop"])
               }, {
-                default: f(() => [
-                  R(y(m.x_meta.cluster_id), 1)
+                default: v(() => [
+                  z(F(e.x_meta.cluster_id), 1)
                 ]),
                 _: 2
-              }, 1032, ["tooltip", "onClick"])) : (S(), U("b", Ct, "-"))
+              }, 1032, ["tooltip", "onClick"])) : (C(), E("b", Lt, "-"))
             ];
           }),
-          enabled: f(({ row: m }) => [
-            d(o(ie), {
-              "auth-function": () => n.canEdit(m),
+          enabled: v(({ row: e }) => [
+            d(o(Ee), {
+              "auth-function": () => n.canEdit(e),
               "force-show": ""
             }, {
-              default: f(({ isAllowed: $ }) => [
-                k("div", {
-                  onClick: s[4] || (s[4] = Se(() => {
+              default: v(({ isAllowed: s }) => [
+                S("div", {
+                  onClick: m[4] || (m[4] = Ke(() => {
                   }, ["stop"]))
                 }, [
-                  d(Z, {
-                    modelValue: m.enabled,
-                    "onUpdate:modelValue": (le) => m.enabled = le,
-                    "data-testid": `row-${m.id}-toggle-input`,
-                    disabled: !$,
-                    onClick: Se((le) => we(m), ["prevent"])
+                  d(Q, {
+                    modelValue: e.enabled,
+                    "onUpdate:modelValue": (V) => e.enabled = V,
+                    "data-testid": `row-${e.id}-toggle-input`,
+                    disabled: !s,
+                    onClick: Ke((V) => ce(e), ["prevent"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
                 ])
               ]),
               _: 2
             }, 1032, ["auth-function"])
           ]),
-          tags: f(({ rowValue: m }) => [
-            d(o(Xe), { tags: m }, null, 8, ["tags"])
+          tags: v(({ rowValue: e }) => [
+            d(o(vt), { tags: e }, null, 8, ["tags"])
           ]),
-          created_at: f(({ rowValue: m }) => [
-            R(y(o(x)(m)), 1)
+          created_at: v(({ rowValue: e }) => [
+            z(F(o(b)(e)), 1)
           ]),
-          updated_at: f(({ row: m, rowValue: $ }) => [
-            R(y(o(x)($ ?? m.created_at)), 1)
+          updated_at: v(({ row: e, rowValue: s }) => [
+            z(F(o(b)(s ?? e.created_at)), 1)
           ]),
-          actions: f(({ row: m }) => [
-            d(de, null, {
-              default: f(({ copyToClipboard: $ }) => [
-                d(A, {
+          actions: v(({ row: e }) => [
+            d(he, null, {
+              default: v(({ copyToClipboard: s }) => [
+                d(j, {
                   "data-testid": "action-entity-copy-id",
-                  onClick: (le) => te(m, $)
+                  onClick: (V) => me(e, s)
                 }, {
-                  default: f(() => [
-                    R(y(o(r)("actions.copy_id")), 1)
+                  default: v(() => [
+                    z(F(o(a)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            d(de, null, {
-              default: f(({ copyToClipboard: $ }) => [
-                d(A, {
+            d(he, null, {
+              default: v(({ copyToClipboard: s }) => [
+                d(j, {
                   "data-testid": "action-entity-copy-json",
-                  onClick: (le) => ne(m, $)
+                  onClick: (V) => be(e, s)
                 }, {
-                  default: f(() => [
-                    R(y(o(r)("actions.copy_json")), 1)
+                  default: v(() => [
+                    z(F(o(a)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            d(o(ie), {
-              "auth-function": () => n.canRetrieve(m)
+            d(o(Ee), {
+              "auth-function": () => n.canRetrieve(e)
             }, {
-              default: f(() => [
-                d(A, {
+              default: v(() => [
+                d(j, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: Ve(m.id)
+                  item: de(e.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            d(o(ie), {
-              "auth-function": () => n.canEdit(m)
+            d(o(Ee), {
+              "auth-function": () => n.canEdit(e)
             }, {
-              default: f(() => [
-                d(A, {
+              default: v(() => [
+                d(j, {
                   "data-testid": "action-entity-edit",
-                  item: oe(m.id)
+                  item: le(e.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            d(o(ie), {
-              "auth-function": () => n.canDelete(m)
+            d(o(Ee), {
+              "auth-function": () => n.canDelete(e)
             }, {
-              default: f(() => [
-                d(A, {
+              default: v(() => [
+                d(j, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
-                  onClick: ($) => i(m)
+                  onClick: (s) => f(e)
                 }, {
-                  default: f(() => [
-                    R(y(o(r)("actions.delete.menu_label")), 1)
+                  default: v(() => [
+                    z(F(o(a)("actions.delete.menu_label")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -637,22 +681,22 @@ const ve = {
           ]),
           _: 2
         }, [
-          !o(a) && ge.value ? {
+          !o(r) && ie.value ? {
             name: "outside-actions",
-            fn: f(() => [
-              (S(), ue(Pe, {
+            fn: v(() => [
+              (C(), Fe(je, {
                 disabled: !n.useActionOutside,
                 to: "#kong-ui-app-page-header-action-button"
               }, [
-                d(g, {
+                d(w, {
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "gateway-services-more-button",
                   icon: "",
-                  onClick: s[2] || (s[2] = (m) => u.$emit("click:learn-more"))
+                  onClick: m[2] || (m[2] = (e) => g.$emit("click:learn-more"))
                 }, {
-                  default: f(() => [
-                    d(o(Re), { decorative: "" })
+                  default: v(() => [
+                    d(o(He), { decorative: "" })
                   ]),
                   _: 1
                 })
@@ -662,34 +706,34 @@ const ve = {
           } : void 0,
           n.enableV2EmptyStates && n.config.app === "konnect" ? {
             name: "empty-state",
-            fn: f(() => {
-              var m;
+            fn: v(() => {
+              var e;
               return [
-                d(o(Ze), {
-                  "action-button-text": o(r)("gateway_services.empty_state_v2.create"),
+                d(o(gt), {
+                  "action-button-text": o(a)("gateway_services.empty_state_v2.create"),
                   appearance: "secondary",
                   "can-create": () => n.canCreate(),
                   "data-testid": "gateway-services-entity-empty-state",
-                  description: o(r)("gateway_services.empty_state_v2.description"),
+                  description: o(a)("gateway_services.empty_state_v2.description"),
                   "learn-more": n.config.app === "konnect",
-                  title: o(r)("gateway_services.empty_state_v2.title"),
-                  "onClick:create": V,
-                  "onClick:learnMore": s[3] || (s[3] = ($) => u.$emit("click:learn-more"))
-                }, Ee({
-                  image: f(() => [
-                    k("div", kt, [
-                      d(o(qe), {
-                        color: o(_t),
-                        size: o(bt)
+                  title: o(a)("gateway_services.empty_state_v2.title"),
+                  "onClick:create": L,
+                  "onClick:learnMore": m[3] || (m[3] = (s) => g.$emit("click:learn-more"))
+                }, Re({
+                  image: v(() => [
+                    S("div", Bt, [
+                      d(o(st), {
+                        color: o(Tt),
+                        size: o(Rt)
                       }, null, 8, ["color", "size"])
                     ])
                   ]),
                   _: 2
                 }, [
-                  (m = n.config) != null && m.isControlPlaneGroup ? {
+                  (e = n.config) != null && e.isControlPlaneGroup ? {
                     name: "message",
-                    fn: f(() => [
-                      R(y(o(r)("gateway_services.empty_state_v2.group")), 1)
+                    fn: v(() => [
+                      z(F(o(a)("gateway_services.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
                   } : void 0
@@ -699,58 +743,58 @@ const ve = {
             key: "1"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        d(o(Ye), {
-          action: Q.value.action,
-          "entity-id": Q.value.id,
-          "entity-name": Q.value.name,
-          "entity-type": o(r)("glossary.gateway_services"),
-          "on-confirm": ke,
-          visible: z.value,
-          onCancel: ae,
-          onProceed: ae
+        d(o(yt), {
+          action: pe.value.action,
+          "entity-id": pe.value.id,
+          "entity-name": pe.value.name,
+          "entity-type": o(a)("glossary.gateway_services"),
+          "on-confirm": Ve,
+          visible: ne.value,
+          onCancel: _e,
+          onProceed: _e
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        d(o(et), {
-          "action-pending": j.value,
-          description: o(r)("actions.delete.description"),
-          "entity-name": B.value && (B.value.name || B.value.id),
-          "entity-type": o(tt).GatewayService,
-          error: X.value,
-          title: o(r)("actions.delete.title"),
-          visible: K.value,
-          onCancel: v,
-          onProceed: M
+        d(o(_t), {
+          "action-pending": oe.value,
+          description: o(a)("actions.delete.description"),
+          "entity-name": N.value && (N.value.name || N.value.id),
+          "entity-type": o(bt).GatewayService,
+          error: ve.value,
+          title: o(a)("actions.delete.title"),
+          visible: J.value,
+          onCancel: k,
+          onProceed: H
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), Be = (n, D) => {
-  const p = n.__vccOpts || n;
-  for (const [c, r] of D)
-    p[c] = r;
-  return p;
-}, zt = /* @__PURE__ */ Be(Vt, [["__scopeId", "data-v-ee4f8a6d"]]), St = { class: "kong-ui-entities-gateway-service-form" }, It = { key: 0 }, Tt = { class: "gateway-service-form-traffic-label" }, Et = { class: "gateway-service-form-margin-bottom" }, Pt = {
+}), Ne = (n, M) => {
+  const y = n.__vccOpts || n;
+  for (const [p, a] of M)
+    y[p] = a;
+  return y;
+}, $l = /* @__PURE__ */ Ne(Kt, [["__scopeId", "data-v-ee4f8a6d"]]), Wt = { class: "kong-ui-entities-gateway-service-form" }, Dt = { key: 0 }, qt = { class: "gateway-service-form-traffic-label" }, Gt = { class: "gateway-service-form-margin-bottom" }, Ot = {
   key: 0,
   class: "gateway-service-form-group-fields"
-}, Ut = {
+}, Nt = {
   key: 1,
   class: "gateway-service-form-group-fields"
-}, Rt = { key: 0 }, Mt = { class: "gateway-service-form-margin-top" }, $t = { class: "gateway-service-form-margin-bottom" }, xt = { class: "gateway-service-form-margin-bottom" }, At = { class: "gateway-service-form-margin-bottom" }, Ft = { class: "gateway-service-form-margin-bottom" }, Bt = {
+}, jt = { key: 0 }, zt = { class: "gateway-service-form-margin-top" }, Ht = { class: "gateway-service-form-margin-bottom" }, Zt = { class: "gateway-service-form-margin-bottom" }, Jt = { class: "gateway-service-form-margin-bottom" }, Qt = { class: "gateway-service-form-margin-bottom" }, Xt = {
   key: 0,
   class: "gateway-service-form-margin-bottom"
-}, Lt = {
+}, Yt = {
   key: 1,
   class: "gateway-service-form-margin-bottom"
-}, Dt = {
+}, el = {
   key: 2,
   class: "gateway-service-form-margin-bottom"
-}, Gt = {
+}, tl = {
   key: 0,
   class: "checkbox-aligned-radio"
-}, Kt = {
+}, ll = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, qt = /* @__PURE__ */ Te({
-  __name: "GatewayServiceForm",
+}, ol = /* @__PURE__ */ Le({
+  __name: "LegacyGatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
     config: {
@@ -772,9 +816,9 @@ const ve = {
     }
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated"],
-  setup(n, { expose: D, emit: p }) {
-    var X;
-    const c = p, r = n, x = E(!0), N = xe(), { i18nT: q, i18n: { t: a } } = ve.useI18n(), { getMessageFromError: P } = ot(), { axiosInstance: C } = Ae((X = r.config) == null ? void 0 : X.axiosRequestConfig), ge = lt(), ye = b(() => se.form[r.config.app].edit), O = b(() => r.gatewayServiceId ? Me.Edit : Me.Create), _e = E(!1), H = b(() => !!r.gatewayServiceId), _ = E(H.value ? "protocol" : "url"), Y = ve.usePortFromProtocol(), G = E(""), be = b(() => !!G.value), e = Ue({
+  setup(n, { expose: M, emit: y }) {
+    var ve;
+    const p = y, a = n, b = W(!0), B = qe(), { i18nT: Z, i18n: { t: r } } = ge.useI18n(), { getMessageFromError: K } = Xe(), { axiosInstance: I } = Ge((ve = a.config) == null ? void 0 : ve.axiosRequestConfig), ie = Ye(), ue = h(() => ye.form[a.config.app].edit), X = h(() => a.gatewayServiceId ? Me.Edit : Me.Create), ke = W(!1), fe = h(() => !!a.gatewayServiceId), A = W(fe.value ? "protocol" : "url"), Y = ge.usePortFromProtocol(), ee = W(""), re = h(() => !!ee.value), l = xe({
       fields: {
         name: "",
         protocol: "http",
@@ -794,7 +838,7 @@ const ve = {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), w = Ue({
+    }), T = xe({
       name: "",
       protocol: "http",
       host: "",
@@ -810,543 +854,543 @@ const ve = {
       tls_verify_enabled: !1,
       tls_verify_value: !1,
       tags: ""
-    }), ee = r.config.app === "konnect" || it({
-      gatewayInfo: r.config.gatewayInfo,
+    }), se = a.config.app === "konnect" || et({
+      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"]
       }
-    }), he = [
+    }), Pe = [
       {
-        label: a("gateway_services.form.fields.protocol.options.http"),
+        label: r("gateway_services.form.fields.protocol.options.http"),
         value: "http",
         group: "http"
       },
       {
-        label: a("gateway_services.form.fields.protocol.options.https"),
+        label: r("gateway_services.form.fields.protocol.options.https"),
         value: "https",
         group: "http"
       },
       {
-        label: a("gateway_services.form.fields.protocol.options.tcp"),
+        label: r("gateway_services.form.fields.protocol.options.tcp"),
         value: "tcp",
         group: "tcp"
       },
       {
-        label: a("gateway_services.form.fields.protocol.options.tls"),
+        label: r("gateway_services.form.fields.protocol.options.tls"),
         value: "tls",
         group: "tcp"
       },
       {
-        label: a("gateway_services.form.fields.protocol.options.tls_passthrough"),
+        label: r("gateway_services.form.fields.protocol.options.tls_passthrough"),
         value: "tls_passthrough",
         group: "tcp"
       },
       {
-        label: a("gateway_services.form.fields.protocol.options.grpc"),
+        label: r("gateway_services.form.fields.protocol.options.grpc"),
         value: "grpc",
         group: "grpc"
       },
       {
-        label: a("gateway_services.form.fields.protocol.options.grpcs"),
+        label: r("gateway_services.form.fields.protocol.options.grpcs"),
         value: "grpcs",
         group: "grpc"
       },
-      ...ee ? [
+      ...se ? [
         {
-          label: a("gateway_services.form.fields.protocol.options.ws"),
+          label: r("gateway_services.form.fields.protocol.options.ws"),
           value: "ws",
           group: "websocket"
         },
         {
-          label: a("gateway_services.form.fields.protocol.options.wss"),
+          label: r("gateway_services.form.fields.protocol.options.wss"),
           value: "wss",
           group: "websocket"
         }
       ] : [],
       {
-        label: a("gateway_services.form.fields.protocol.options.udp"),
+        label: r("gateway_services.form.fields.protocol.options.udp"),
         value: "udp",
         group: "udp"
       }
-    ], re = { url: "url", protocol: "protocol" }, J = (t, i) => {
-      i.value;
-    }, W = (t) => t ? parseFloat(t) : 0, z = () => {
-      x.value = !0, e.errorMessage = "", e.fields.host = w.host, e.fields.path = w.path, e.fields.port = w.port, e.fields.protocol = w.protocol, e.fields.url = w.url, e.fields.retries = w.retries, e.fields.connect_timeout = w.connect_timeout, e.fields.write_timeout = w.write_timeout, e.fields.read_timeout = w.read_timeout, e.fields.client_certificate = w.client_certificate, e.fields.ca_certificates = w.ca_certificates, e.fields.tls_verify_enabled = w.tls_verify_enabled, e.fields.tls_verify_value = w.tls_verify_value;
-    }, T = () => {
-      if (e.fields.url && _.value === "url")
+    ], t = { url: "url", protocol: "protocol" }, U = (i, f) => {
+      f.value;
+    }, ae = (i) => i ? parseFloat(i) : 0, ne = () => {
+      b.value = !0, l.errorMessage = "", l.fields.host = T.host, l.fields.path = T.path, l.fields.port = T.port, l.fields.protocol = T.protocol, l.fields.url = T.url, l.fields.retries = T.retries, l.fields.connect_timeout = T.connect_timeout, l.fields.write_timeout = T.write_timeout, l.fields.read_timeout = T.read_timeout, l.fields.client_certificate = T.client_certificate, l.fields.ca_certificates = T.ca_certificates, l.fields.tls_verify_enabled = T.tls_verify_enabled, l.fields.tls_verify_value = T.tls_verify_value;
+    }, q = () => {
+      if (l.fields.url && A.value === "url")
         try {
-          const t = new URL(e.fields.url);
-          e.errorMessage = "", e.fields.protocol = t.protocol.slice(0, -1), e.fields.host = t.hostname, e.fields.path = t.pathname;
-          const i = Number(t.port);
-          _e.value = !!i, e.fields.port = i || Y.getPortFromProtocol(e.fields.protocol), e.errorMessage = "", c("url-valid:success");
-        } catch (t) {
-          e.errorMessage = a("errors.urlErrorMessage"), c("url-valid:error", P(t));
+          const i = new URL(l.fields.url);
+          l.errorMessage = "", l.fields.protocol = i.protocol.slice(0, -1), l.fields.host = i.hostname, l.fields.path = i.pathname;
+          const f = Number(i.port);
+          ke.value = !!f, l.fields.port = f || Y.getPortFromProtocol(l.fields.protocol), l.errorMessage = "", p("url-valid:success");
+        } catch (i) {
+          l.errorMessage = r("errors.urlErrorMessage"), p("url-valid:error", K(i));
         }
       else
-        c("url-valid:success"), e.errorMessage = "";
-    }, Q = b(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), we = b(() => {
-      if (_.value === "url")
+        p("url-valid:success"), l.errorMessage = "";
+    }, pe = h(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(l.fields.protocol)), ce = h(() => {
+      if (A.value === "url")
         return !0;
-      const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return _.value === "protocol" && t;
-    }), ae = b(() => {
-      if (_.value === "url")
+      const i = ["https", "wss", "tls"].includes(l.fields.protocol);
+      return A.value === "protocol" && i;
+    }), _e = h(() => {
+      if (A.value === "url")
         return !0;
-      const t = ["https", "tls"].includes(e.fields.protocol);
-      return _.value === "protocol" && t;
-    }), ke = b(() => {
-      if (_.value === "url")
+      const i = ["https", "tls"].includes(l.fields.protocol);
+      return A.value === "protocol" && i;
+    }), Ve = h(() => {
+      if (A.value === "url")
         return !0;
-      const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return _.value === "protocol" && t;
-    }), Ce = (t) => {
-      G.value = ge.utf8Name(t);
-    }, te = b(() => H.value && JSON.stringify(e.fields) !== JSON.stringify(w) || _.value === "url" && !!e.fields.url || _.value === "protocol" && !!e.fields.host), ne = (t) => {
-      var i, v, M;
-      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((i = t == null ? void 0 : t.tags) == null ? void 0 : i.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 = ((v = t == null ? void 0 : t.ca_certificates) == null ? void 0 : v.join(",")) || "", e.fields.client_certificate = ((M = t == null ? void 0 : t.client_certificate) == null ? void 0 : M.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(w, e.fields);
-    }, ce = () => {
-      N.push(r.config.cancelRoute);
-    }, Ve = b(() => {
-      var i, v;
-      let t = `${r.config.apiBaseUrl}${se.form[r.config.app].validate}`;
-      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (v = r.config) != null && v.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
-    }), oe = b(() => {
-      var i, v;
-      let t = `${r.config.apiBaseUrl}${se.form[r.config.app][O.value]}`;
-      return r.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((i = r.config) == null ? void 0 : i.controlPlaneId) || "") : r.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (v = r.config) != null && v.workspace ? `/${r.config.workspace}` : "")), t = t.replace(/{id}/gi, r.gatewayServiceId), t;
-    }), B = (t) => {
-      let i = "";
-      t.url && (i = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(i)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
-    }, K = b(() => {
-      var i, v, M, V;
-      const t = {
-        name: e.fields.name || null,
-        tags: e.fields.tags ? (M = (v = (i = e.fields.tags) == null ? void 0 : i.split(",")) == null ? void 0 : v.map((h) => String(h || "").trim())) == null ? void 0 : M.filter((h) => h !== "") : null,
-        protocol: e.fields.protocol,
-        path: e.fields.path || null,
-        read_timeout: e.fields.read_timeout,
-        retries: e.fields.retries,
-        host: e.fields.host,
-        connect_timeout: e.fields.connect_timeout,
-        tls_verify_value: e.fields.tls_verify_value,
-        tls_verify_enabled: e.fields.tls_verify_enabled,
-        ca_certificates: e.fields.ca_certificates ? (V = e.fields.ca_certificates) == null ? void 0 : V.split(",").filter((h) => h !== "") : 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
+      const i = ["https", "wss", "tls"].includes(l.fields.protocol);
+      return A.value === "protocol" && i;
+    }), Ce = (i) => {
+      ee.value = ie.utf8Name(i);
+    }, me = h(() => fe.value && JSON.stringify(l.fields) !== JSON.stringify(T) || A.value === "url" && !!l.fields.url || A.value === "protocol" && !!l.fields.host), be = (i) => {
+      var f, k, H;
+      l.fields.name = (i == null ? void 0 : i.name) || "", l.fields.tags = ((f = i == null ? void 0 : i.tags) == null ? void 0 : f.join(", ")) || "", l.fields.protocol = (i == null ? void 0 : i.protocol) || "http", l.fields.path = (i == null ? void 0 : i.path) || "", l.fields.read_timeout = i != null && i.read_timeout || (i == null ? void 0 : i.read_timeout) === 0 ? i == null ? void 0 : i.read_timeout : 6e4, l.fields.retries = i != null && i.retries || (i == null ? void 0 : i.retries) === 0 ? i == null ? void 0 : i.retries : 5, l.fields.host = (i == null ? void 0 : i.host) || "", l.fields.connect_timeout = i != null && i.connect_timeout || (i == null ? void 0 : i.connect_timeout) === 0 ? i == null ? void 0 : i.connect_timeout : 6e4, l.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, l.fields.tls_verify_value = i != null && i.tls_verify ? i == null ? void 0 : i.tls_verify : !1, l.fields.ca_certificates = ((k = i == null ? void 0 : i.ca_certificates) == null ? void 0 : k.join(",")) || "", l.fields.client_certificate = ((H = i == null ? void 0 : i.client_certificate) == null ? void 0 : H.id) || "", l.fields.write_timeout = i != null && i.write_timeout || (i == null ? void 0 : i.write_timeout) === 0 ? i == null ? void 0 : i.write_timeout : 6e4, l.fields.port = i != null && i.port || (i == null ? void 0 : i.port) === 0 ? i == null ? void 0 : i.port : 80, Object.assign(T, l.fields);
+    }, Se = () => {
+      B.push(a.config.cancelRoute);
+    }, de = h(() => {
+      var f, k;
+      let i = `${a.config.apiBaseUrl}${ye.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, (k = a.config) != null && k.workspace ? `/${a.config.workspace}` : "")), i = i.replace(/{id}/gi, a.gatewayServiceId), i;
+    }), le = h(() => {
+      var f, k;
+      let i = `${a.config.apiBaseUrl}${ye.form[a.config.app][X.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, (k = a.config) != null && k.workspace ? `/${a.config.workspace}` : "")), i = i.replace(/{id}/gi, a.gatewayServiceId), i;
+    }), N = (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;
+    }, J = h(() => {
+      var f, k, H, L;
+      const i = {
+        name: l.fields.name || null,
+        tags: l.fields.tags ? (H = (k = (f = l.fields.tags) == null ? void 0 : f.split(",")) == null ? void 0 : k.map(($) => String($ || "").trim())) == null ? void 0 : H.filter(($) => $ !== "") : null,
+        protocol: l.fields.protocol,
+        path: l.fields.path || null,
+        read_timeout: l.fields.read_timeout,
+        retries: l.fields.retries,
+        host: l.fields.host,
+        connect_timeout: l.fields.connect_timeout,
+        tls_verify_value: l.fields.tls_verify_value,
+        tls_verify_enabled: l.fields.tls_verify_enabled,
+        ca_certificates: l.fields.ca_certificates ? (L = l.fields.ca_certificates) == null ? void 0 : L.split(",").filter(($) => $ !== "") : null,
+        client_certificate: l.fields.client_certificate ? { id: l.fields.client_certificate } : null,
+        write_timeout: l.fields.write_timeout,
+        port: l.fields.port,
+        url: l.fields.url
       };
-      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), Q.value || (t.path = null), O.value === "create" ? _.value === "url" ? (delete t.protocol, delete t.host, delete t.path, r.config.app === "konnect" && delete t.port) : delete t.url : O.value === "edit" && delete t.url, t;
-    }), j = async () => {
-      var t, i, v, M;
+      return l.fields.client_certificate && ["https", "wss", "tls"].includes(l.fields.protocol) && (i.client_certificate = { id: l.fields.client_certificate }), l.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(l.fields.protocol) && (i.tls_verify = l.fields.tls_verify_value), pe.value || (i.path = null), X.value === "create" ? A.value === "url" ? (delete i.protocol, delete i.host, delete i.path, a.config.app === "konnect" && delete i.port) : delete i.url : X.value === "edit" && delete i.url, i;
+    }), oe = async () => {
+      var i, f, k, H;
       try {
-        e.isReadonly = !0, T();
-        const V = K.value;
-        B(V);
-        let h;
-        if (await C.post(Ve.value, V), O.value === "create" ? h = await C.post(oe.value, V) : O.value === "edit" && (h = ((t = r.config) == null ? void 0 : t.app) === "konnect" ? await C.put(oe.value, V) : await C.patch(oe.value, V)), h) {
-          const { data: l } = h;
-          e.fields.name = (l == null ? void 0 : l.name) || "", e.fields.port = l.port || Y.getPortFromProtocol(l.protocol), e.fields.protocol = (l == null ? void 0 : l.protocol) || "http", e.fields.host = (l == null ? void 0 : l.host) || "", e.fields.path = (l == null ? void 0 : l.path) || "", e.fields.url = (l == null ? void 0 : l.url) || "", e.fields.retries = l != null && l.retries || (l == null ? void 0 : l.retries) === 0 ? l == null ? void 0 : l.retries : 5, e.fields.connect_timeout = l != null && l.connect_timeout || (l == null ? void 0 : l.connect_timeout) === 0 ? l == null ? void 0 : l.connect_timeout : 6e4, e.fields.write_timeout = l != null && l.write_timeout || (l == null ? void 0 : l.write_timeout) === 0 ? l == null ? void 0 : l.write_timeout : 6e4, e.fields.read_timeout = l != null && l.read_timeout || (l == null ? void 0 : l.read_timeout) === 0 ? l == null ? void 0 : l.read_timeout : 6e4, e.fields.client_certificate = ((i = l == null ? void 0 : l.client_certificate) == null ? void 0 : i.id) || "", e.fields.ca_certificates = (v = l == null ? void 0 : l.ca_certificates) != null && v.length ? l == null ? void 0 : l.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (l == null ? void 0 : l.tls_verify) !== "" && (l == null ? void 0 : l.tls_verify) !== null && (l == null ? void 0 : l.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (l == null ? void 0 : l.tls_verify), e.fields.tags = (M = l == null ? void 0 : l.tags) != null && M.length ? l.tags.join(", ") : "", Object.assign(w, e.fields), c("update", h == null ? void 0 : h.data);
+        l.isReadonly = !0, q();
+        const L = J.value;
+        N(L);
+        let $;
+        if (await I.post(de.value, L), X.value === "create" ? $ = await I.post(le.value, L) : X.value === "edit" && ($ = ((i = a.config) == null ? void 0 : i.app) === "konnect" ? await I.put(le.value, L) : await I.patch(le.value, L)), $) {
+          const { data: c } = $;
+          l.fields.name = (c == null ? void 0 : c.name) || "", l.fields.port = c.port || Y.getPortFromProtocol(c.protocol), l.fields.protocol = (c == null ? void 0 : c.protocol) || "http", l.fields.host = (c == null ? void 0 : c.host) || "", l.fields.path = (c == null ? void 0 : c.path) || "", l.fields.url = (c == null ? void 0 : c.url) || "", l.fields.retries = c != null && c.retries || (c == null ? void 0 : c.retries) === 0 ? c == null ? void 0 : c.retries : 5, l.fields.connect_timeout = c != null && c.connect_timeout || (c == null ? void 0 : c.connect_timeout) === 0 ? c == null ? void 0 : c.connect_timeout : 6e4, l.fields.write_timeout = c != null && c.write_timeout || (c == null ? void 0 : c.write_timeout) === 0 ? c == null ? void 0 : c.write_timeout : 6e4, l.fields.read_timeout = c != null && c.read_timeout || (c == null ? void 0 : c.read_timeout) === 0 ? c == null ? void 0 : c.read_timeout : 6e4, l.fields.client_certificate = ((f = c == null ? void 0 : c.client_certificate) == null ? void 0 : f.id) || "", l.fields.ca_certificates = (k = c == null ? void 0 : c.ca_certificates) != null && k.length ? c == null ? void 0 : c.ca_certificates.join(",") : "", l.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, l.fields.tls_verify_value = l.fields.tls_verify_enabled && (c == null ? void 0 : c.tls_verify), l.fields.tags = (H = c == null ? void 0 : c.tags) != null && H.length ? c.tags.join(", ") : "", Object.assign(T, l.fields), p("update", $ == null ? void 0 : $.data);
         }
-        return h;
-      } catch (V) {
-        e.errorMessage = P(V), c("error", V);
+        return $;
+      } catch (L) {
+        l.errorMessage = K(L), p("error", L);
       } finally {
-        e.isReadonly = !1;
+        l.isReadonly = !1;
       }
     };
-    return Ie(() => r.gatewayServiceId, () => {
-      Object.assign(e.fields, w);
-    }), Ie(e.fields, (t) => {
-      e.fields.port = Y.getPortFromProtocol(t.protocol, String(t.port)), c("model-updated", K.value);
-    }), De(() => {
-      c("model-updated", K.value);
-    }), D({
-      validateUrl: T,
-      getPayload: K,
-      saveFormData: j,
-      canSubmit: te,
-      initForm: ne
-    }), (t, i) => {
-      const v = F("KInput"), M = F("KLabel"), V = F("KRadio"), h = F("KSelect"), l = F("KCheckbox"), u = F("KCollapse");
-      return S(), U("div", St, [
-        d(o(st), {
-          "can-submit": te.value,
+    return Ue(() => a.gatewayServiceId, () => {
+      Object.assign(l.fields, T);
+    }), Ue(l.fields, (i) => {
+      l.fields.port = Y.getPortFromProtocol(i.protocol, String(i.port)), p("model-updated", J.value);
+    }), Je(() => {
+      p("model-updated", J.value);
+    }), M({
+      validateUrl: q,
+      getPayload: J,
+      saveFormData: oe,
+      canSubmit: me,
+      initForm: be
+    }), (i, f) => {
+      const k = D("KInput"), H = D("KLabel"), L = D("KRadio"), $ = D("KSelect"), c = D("KCheckbox"), g = D("KCollapse");
+      return C(), E("div", Wt, [
+        d(o(tt), {
+          "can-submit": me.value,
           config: n.config,
           "edit-id": n.gatewayServiceId,
-          "entity-type": o(Fe).GatewayService,
-          "error-message": e.errorMessage,
-          "fetch-url": ye.value,
-          "form-fields": K.value,
-          "is-readonly": e.isReadonly,
-          onCancel: ce,
-          "onFetch:error": i[25] || (i[25] = (s) => t.$emit("error", s)),
-          "onFetch:success": ne,
-          onLoading: i[26] || (i[26] = (s) => t.$emit("loading", s)),
-          onSubmit: j
+          "entity-type": o(Oe).GatewayService,
+          "error-message": l.errorMessage,
+          "fetch-url": ue.value,
+          "form-fields": J.value,
+          "is-readonly": l.isReadonly,
+          onCancel: Se,
+          "onFetch:error": f[25] || (f[25] = (m) => i.$emit("error", m)),
+          "onFetch:success": be,
+          onLoading: f[26] || (f[26] = (m) => i.$emit("loading", m)),
+          onSubmit: oe
         }, {
-          "form-actions": f(() => [
-            Ge(t.$slots, "form-actions", {
-              canSubmit: te.value,
-              cancel: ce,
-              submit: j
+          "form-actions": v(() => [
+            Qe(i.$slots, "form-actions", {
+              canSubmit: me.value,
+              cancel: Se,
+              submit: oe
             }, void 0, !0)
           ]),
-          default: f(() => [
-            d(o($e), {
-              description: o(a)("gateway_services.form.sections.general.description"),
+          default: v(() => [
+            d(o(Be), {
+              description: o(r)("gateway_services.form.sections.general.description"),
               "hide-info-header": n.hideSectionsInfo,
-              title: o(a)("gateway_services.form.sections.general.title")
+              title: o(r)("gateway_services.form.sections.general.title")
             }, {
-              default: f(() => [
-                d(v, {
-                  modelValue: e.fields.name,
-                  "onUpdate:modelValue": i[0] || (i[0] = (s) => e.fields.name = s),
+              default: v(() => [
+                d(k, {
+                  modelValue: l.fields.name,
+                  "onUpdate:modelValue": f[0] || (f[0] = (m) => l.fields.name = m),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-name-input",
-                  error: be.value,
-                  "error-message": G.value,
-                  label: o(a)("gateway_services.form.fields.name.label"),
+                  error: re.value,
+                  "error-message": ee.value,
+                  label: o(r)("gateway_services.form.fields.name.label"),
                   "label-attributes": {
-                    info: o(a)("gateway_services.form.fields.name.tooltip"),
+                    info: o(r)("gateway_services.form.fields.name.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
                   name: "name",
-                  placeholder: o(a)("gateway_services.form.fields.name.placeholder"),
-                  readonly: e.isReadonly,
+                  placeholder: o(r)("gateway_services.form.fields.name.placeholder"),
+                  readonly: l.isReadonly,
                   type: "text",
                   onInput: Ce
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                d(v, {
-                  modelValue: e.fields.tags,
-                  "onUpdate:modelValue": i[1] || (i[1] = (s) => e.fields.tags = s),
+                d(k, {
+                  modelValue: l.fields.tags,
+                  "onUpdate:modelValue": f[1] || (f[1] = (m) => l.fields.tags = m),
                   modelModifiers: { trim: !0 },
                   autocomplete: "off",
                   "data-testid": "gateway-service-tags-input",
-                  help: o(a)("gateway_services.form.fields.tags.help"),
-                  label: o(a)("gateway_services.form.fields.tags.label"),
+                  help: o(r)("gateway_services.form.fields.tags.help"),
+                  label: o(r)("gateway_services.form.fields.tags.label"),
                   "label-attributes": {
-                    info: o(a)("gateway_services.form.fields.tags.tooltip"),
+                    info: o(r)("gateway_services.form.fields.tags.tooltip"),
                     tooltipAttributes: { maxWidth: "400" }
                   },
                   name: "tags",
-                  placeholder: o(a)("gateway_services.form.fields.tags.placeholder"),
-                  readonly: e.isReadonly,
+                  placeholder: o(r)("gateway_services.form.fields.tags.placeholder"),
+                  readonly: l.isReadonly,
                   type: "text"
                 }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            d(o($e), {
-              description: o(a)("gateway_services.form.sections.keys.description"),
+            d(o(Be), {
+              description: o(r)("gateway_services.form.sections.keys.description"),
               "hide-info-header": n.hideSectionsInfo,
-              title: o(a)("gateway_services.form.sections.keys.title")
+              title: o(r)("gateway_services.form.sections.keys.title")
             }, {
-              default: f(() => [
-                H.value ? L("", !0) : (S(), U("div", It, [
-                  k("div", Tt, [
-                    d(M, { required: "" }, {
-                      default: f(() => [
-                        R(y(o(a)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
+              default: v(() => [
+                fe.value ? x("", !0) : (C(), E("div", Dt, [
+                  S("div", qt, [
+                    d(H, { required: "" }, {
+                      default: v(() => [
+                        z(F(o(r)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
                       ]),
                       _: 1
                     })
                   ]),
-                  k("div", Et, [
-                    d(V, {
-                      modelValue: _.value,
-                      "onUpdate:modelValue": i[2] || (i[2] = (s) => _.value = s),
+                  S("div", Gt, [
+                    d(L, {
+                      modelValue: A.value,
+                      "onUpdate:modelValue": f[2] || (f[2] = (m) => A.value = m),
                       "data-testid": "gateway-service-url-radio",
-                      "selected-value": re.url,
-                      onChange: z
+                      "selected-value": t.url,
+                      onChange: ne
                     }, {
-                      default: f(() => [
-                        R(y(o(a)("gateway_services.form.sections.keys.urlLabel")), 1)
+                      default: v(() => [
+                        z(F(o(r)("gateway_services.form.sections.keys.urlLabel")), 1)
                       ]),
                       _: 1
                     }, 8, ["modelValue", "selected-value"])
                   ]),
-                  _.value === "url" ? (S(), U("div", Pt, [
-                    d(v, {
-                      modelValue: e.fields.url,
-                      "onUpdate:modelValue": i[3] || (i[3] = (s) => e.fields.url = s),
+                  A.value === "url" ? (C(), E("div", Ot, [
+                    d(k, {
+                      modelValue: l.fields.url,
+                      "onUpdate:modelValue": f[3] || (f[3] = (m) => l.fields.url = m),
                       modelModifiers: { trim: !0 },
                       class: "gateway-service-url-input gateway-service-form-margin-bottom",
                       "data-testid": "gateway-service-url-input",
-                      label: o(a)("gateway_services.form.fields.upstream_url.label"),
+                      label: o(r)("gateway_services.form.fields.upstream_url.label"),
                       "label-attributes": {
-                        info: n.config.app === "konnect" ? o(a)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(a)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
+                        info: n.config.app === "konnect" ? o(r)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(r)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
                         tooltipAttributes: { maxWidth: "400" }
                       },
                       name: "url",
-                      placeholder: o(a)("gateway_services.form.fields.upstream_url.placeholder"),
+                      placeholder: o(r)("gateway_services.form.fields.upstream_url.placeholder"),
                       required: ""
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                  ])) : L("", !0),
-                  d(V, {
-                    modelValue: _.value,
-                    "onUpdate:modelValue": i[4] || (i[4] = (s) => _.value = s),
+                  ])) : x("", !0),
+                  d(L, {
+                    modelValue: A.value,
+                    "onUpdate:modelValue": f[4] || (f[4] = (m) => A.value = m),
                     "checked-group": "protocol",
                     "data-testid": "gateway-service-protocol-radio",
-                    "selected-value": re.protocol,
-                    onChange: z
+                    "selected-value": t.protocol,
+                    onChange: ne
                   }, {
-                    default: f(() => [
-                      R(y(o(a)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
+                    default: v(() => [
+                      z(F(o(r)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "selected-value"])
                 ])),
-                _.value === "protocol" || H.value ? (S(), U("div", Ut, [
-                  d(h, {
-                    modelValue: e.fields.protocol,
-                    "onUpdate:modelValue": i[5] || (i[5] = (s) => e.fields.protocol = s),
+                A.value === "protocol" || fe.value ? (C(), E("div", Nt, [
+                  d($, {
+                    modelValue: l.fields.protocol,
+                    "onUpdate:modelValue": f[5] || (f[5] = (m) => l.fields.protocol = m),
                     "data-testid": "gateway-service-protocol-select",
-                    items: he,
-                    label: o(a)("gateway_services.form.fields.protocol.label"),
+                    items: Pe,
+                    label: o(r)("gateway_services.form.fields.protocol.label"),
                     "label-attributes": {
-                      info: o(a)("gateway_services.form.fields.protocol.tooltip"),
+                      info: o(r)("gateway_services.form.fields.protocol.tooltip"),
                       tooltipAttributes: { maxWidth: "400" }
                     },
-                    readonly: e.isReadonly,
+                    readonly: l.isReadonly,
                     required: "",
                     width: "100%",
-                    onSelected: i[6] || (i[6] = (s) => J(e.fields.protocol, s))
+                    onSelected: f[6] || (f[6] = (m) => U(l.fields.protocol, m))
                   }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                  d(v, {
-                    modelValue: e.fields.host,
-                    "onUpdate:modelValue": i[7] || (i[7] = (s) => e.fields.host = s),
+                  d(k, {
+                    modelValue: l.fields.host,
+                    "onUpdate:modelValue": f[7] || (f[7] = (m) => l.fields.host = m),
                     modelModifiers: { trim: !0 },
                     class: "gateway-service-form-margin-top",
                     "data-testid": "gateway-service-host-input",
-                    label: o(a)("gateway_services.form.fields.host.label"),
+                    label: o(r)("gateway_services.form.fields.host.label"),
                     "label-attributes": {
-                      info: o(a)("gateway_services.form.fields.host.tooltip"),
+                      info: o(r)("gateway_services.form.fields.host.tooltip"),
                       tooltipAttributes: { maxWidth: "400" }
                     },
                     name: "host",
-                    placeholder: o(a)("gateway_services.form.fields.host.placeholder"),
+                    placeholder: o(r)("gateway_services.form.fields.host.placeholder"),
                     required: ""
                   }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
-                  Q.value ? (S(), U("div", Rt, [
-                    d(v, {
-                      modelValue: e.fields.path,
-                      "onUpdate:modelValue": i[8] || (i[8] = (s) => e.fields.path = s),
+                  pe.value ? (C(), E("div", jt, [
+                    d(k, {
+                      modelValue: l.fields.path,
+                      "onUpdate:modelValue": f[8] || (f[8] = (m) => l.fields.path = m),
                       modelModifiers: { trim: !0 },
                       class: "gateway-service-form-margin-top",
                       "data-testid": "gateway-service-path-input",
-                      label: o(a)("gateway_services.form.fields.path.label"),
+                      label: o(r)("gateway_services.form.fields.path.label"),
                       "label-attributes": {
-                        info: o(a)("gateway_services.form.fields.path.tooltip"),
+                        info: o(r)("gateway_services.form.fields.path.tooltip"),
                         tooltipAttributes: { maxWidth: "400" }
                       },
                       name: "path",
-                      placeholder: o(a)("gateway_services.form.fields.path.placeholder")
+                      placeholder: o(r)("gateway_services.form.fields.path.placeholder")
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                  ])) : L("", !0),
-                  d(v, {
-                    modelValue: e.fields.port,
+                  ])) : x("", !0),
+                  d(k, {
+                    modelValue: l.fields.port,
                     "onUpdate:modelValue": [
-                      i[9] || (i[9] = (s) => e.fields.port = s),
-                      i[10] || (i[10] = () => {
-                        e.fields.port = W(e.fields.port + "");
+                      f[9] || (f[9] = (m) => l.fields.port = m),
+                      f[10] || (f[10] = () => {
+                        l.fields.port = ae(l.fields.port + "");
                       })
                     ],
                     class: "gateway-service-form-margin-top",
                     "data-testid": "gateway-service-port-input",
-                    label: o(a)("gateway_services.form.fields.port.label"),
+                    label: o(r)("gateway_services.form.fields.port.label"),
                     "label-attributes": {
-                      info: o(a)("gateway_services.form.fields.port.tooltip"),
+                      info: o(r)("gateway_services.form.fields.port.tooltip"),
                       tooltipAttributes: { maxWidth: "400" }
                     },
                     name: "port",
                     type: "number"
                   }, null, 8, ["modelValue", "label", "label-attributes"])
-                ])) : L("", !0),
-                d(u, {
-                  modelValue: x.value,
-                  "onUpdate:modelValue": i[24] || (i[24] = (s) => x.value = s),
+                ])) : x("", !0),
+                d(g, {
+                  modelValue: b.value,
+                  "onUpdate:modelValue": f[24] || (f[24] = (m) => b.value = m),
                   "data-testid": "advanced-fields-collapse",
                   "trigger-alignment": "leading",
-                  "trigger-label": o(a)("gateway_services.form.sections.keys.viewAdvancedFields")
+                  "trigger-label": o(r)("gateway_services.form.sections.keys.viewAdvancedFields")
                 }, {
-                  default: f(() => [
-                    k("div", Mt, [
-                      k("div", $t, [
-                        d(v, {
-                          modelValue: e.fields.retries,
+                  default: v(() => [
+                    S("div", zt, [
+                      S("div", Ht, [
+                        d(k, {
+                          modelValue: l.fields.retries,
                           "onUpdate:modelValue": [
-                            i[11] || (i[11] = (s) => e.fields.retries = s),
-                            i[12] || (i[12] = () => {
-                              e.fields.retries = W(e.fields.retries + "");
+                            f[11] || (f[11] = (m) => l.fields.retries = m),
+                            f[12] || (f[12] = () => {
+                              l.fields.retries = ae(l.fields.retries + "");
                             })
                           ],
                           autocomplete: "off",
                           "data-testid": "gateway-service-retries-input",
-                          label: o(a)("gateway_services.form.fields.retries.label"),
+                          label: o(r)("gateway_services.form.fields.retries.label"),
                           "label-attributes": {
-                            info: o(a)("gateway_services.form.fields.retries.tooltip"),
+                            info: o(r)("gateway_services.form.fields.retries.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "retries",
-                          readonly: e.isReadonly,
+                          readonly: l.isReadonly,
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      k("div", xt, [
-                        d(v, {
-                          modelValue: e.fields.connect_timeout,
+                      S("div", Zt, [
+                        d(k, {
+                          modelValue: l.fields.connect_timeout,
                           "onUpdate:modelValue": [
-                            i[13] || (i[13] = (s) => e.fields.connect_timeout = s),
-                            i[14] || (i[14] = () => {
-                              e.fields.connect_timeout = W(e.fields.connect_timeout + "");
+                            f[13] || (f[13] = (m) => l.fields.connect_timeout = m),
+                            f[14] || (f[14] = () => {
+                              l.fields.connect_timeout = ae(l.fields.connect_timeout + "");
                             })
                           ],
                           autocomplete: "off",
                           "data-testid": "gateway-service-connTimeout-input",
-                          label: o(a)("gateway_services.form.fields.connect_timeout.label"),
+                          label: o(r)("gateway_services.form.fields.connect_timeout.label"),
                           "label-attributes": {
-                            info: o(a)("gateway_services.form.fields.connect_timeout.tooltip"),
+                            info: o(r)("gateway_services.form.fields.connect_timeout.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "connTimeout",
-                          readonly: e.isReadonly,
+                          readonly: l.isReadonly,
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      k("div", At, [
-                        d(v, {
-                          modelValue: e.fields.write_timeout,
+                      S("div", Jt, [
+                        d(k, {
+                          modelValue: l.fields.write_timeout,
                           "onUpdate:modelValue": [
-                            i[15] || (i[15] = (s) => e.fields.write_timeout = s),
-                            i[16] || (i[16] = () => {
-                              e.fields.write_timeout = W(e.fields.write_timeout + "");
+                            f[15] || (f[15] = (m) => l.fields.write_timeout = m),
+                            f[16] || (f[16] = () => {
+                              l.fields.write_timeout = ae(l.fields.write_timeout + "");
                             })
                           ],
                           autocomplete: "off",
                           "data-testid": "gateway-service-writeTimeout-input",
-                          label: o(a)("gateway_services.form.fields.write_timeout.label"),
+                          label: o(r)("gateway_services.form.fields.write_timeout.label"),
                           "label-attributes": {
-                            info: o(a)("gateway_services.form.fields.write_timeout.tooltip"),
+                            info: o(r)("gateway_services.form.fields.write_timeout.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "writeTimeout",
-                          readonly: e.isReadonly,
+                          readonly: l.isReadonly,
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      k("div", Ft, [
-                        d(v, {
-                          modelValue: e.fields.read_timeout,
+                      S("div", Qt, [
+                        d(k, {
+                          modelValue: l.fields.read_timeout,
                           "onUpdate:modelValue": [
-                            i[17] || (i[17] = (s) => e.fields.read_timeout = s),
-                            i[18] || (i[18] = () => {
-                              e.fields.read_timeout = W(e.fields.read_timeout + "");
+                            f[17] || (f[17] = (m) => l.fields.read_timeout = m),
+                            f[18] || (f[18] = () => {
+                              l.fields.read_timeout = ae(l.fields.read_timeout + "");
                             })
                           ],
                           autocomplete: "off",
                           "data-testid": "gateway-service-readTimeout-input",
-                          label: o(a)("gateway_services.form.fields.read_timeout.label"),
+                          label: o(r)("gateway_services.form.fields.read_timeout.label"),
                           "label-attributes": {
-                            info: o(a)("gateway_services.form.fields.read_timeout.tooltip"),
+                            info: o(r)("gateway_services.form.fields.read_timeout.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "readTimeout",
-                          readonly: e.isReadonly,
+                          readonly: l.isReadonly,
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      we.value ? (S(), U("div", Bt, [
-                        d(v, {
-                          modelValue: e.fields.client_certificate,
-                          "onUpdate:modelValue": i[19] || (i[19] = (s) => e.fields.client_certificate = s),
+                      ce.value ? (C(), E("div", Xt, [
+                        d(k, {
+                          modelValue: l.fields.client_certificate,
+                          "onUpdate:modelValue": f[19] || (f[19] = (m) => l.fields.client_certificate = m),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "gateway-service-clientCert-input",
-                          label: o(a)("gateway_services.form.fields.client_certificate.label"),
+                          label: o(r)("gateway_services.form.fields.client_certificate.label"),
                           "label-attributes": {
-                            info: o(a)("gateway_services.form.fields.client_certificate.tooltip"),
+                            info: o(r)("gateway_services.form.fields.client_certificate.tooltip"),
                             tooltipAttributes: { maxWidth: "400" }
                           },
                           name: "clientCert",
-                          placeholder: o(a)("gateway_services.form.fields.client_certificate.placeholder"),
-                          readonly: e.isReadonly,
+                          placeholder: o(r)("gateway_services.form.fields.client_certificate.placeholder"),
+                          readonly: l.isReadonly,
                           type: "text"
                         }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
-                      ])) : L("", !0),
-                      ae.value ? (S(), U("div", Lt, [
-                        d(v, {
-                          modelValue: e.fields.ca_certificates,
-                          "onUpdate:modelValue": i[20] || (i[20] = (s) => e.fields.ca_certificates = s),
+                      ])) : x("", !0),
+                      _e.value ? (C(), E("div", Yt, [
+                        d(k, {
+                          modelValue: l.fields.ca_certificates,
+                          "onUpdate:modelValue": f[20] || (f[20] = (m) => l.fields.ca_certificates = m),
                           modelModifiers: { trim: !0 },
                           autocomplete: "off",
                           "data-testid": "gateway-service-ca-certs-input",
-                          label: o(a)("gateway_services.form.fields.ca_certificates.label"),
+                          label: o(r)("gateway_services.form.fields.ca_certificates.label"),
                           "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
-                          placeholder: o(a)("gateway_services.form.fields.ca_certificates.placeholder"),
-                          readonly: e.isReadonly,
+                          placeholder: o(r)("gateway_services.form.fields.ca_certificates.placeholder"),
+                          readonly: l.isReadonly,
                           type: "text"
                         }, {
-                          "label-tooltip": f(() => [
-                            d(o(q), {
+                          "label-tooltip": v(() => [
+                            d(o(Z), {
                               keypath: "gateway_services.form.fields.ca_certificates.tooltip",
                               scope: "global"
                             }, {
-                              code1: f(() => [
-                                k("code", null, y(o(a)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                              code1: v(() => [
+                                S("code", null, F(o(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
                               ]),
-                              code2: f(() => [
-                                k("code", null, y(o(a)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                              code2: v(() => [
+                                S("code", null, F(o(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "label", "placeholder", "readonly"])
-                      ])) : L("", !0),
-                      ke.value ? (S(), U("div", Dt, [
-                        d(l, {
-                          modelValue: e.fields.tls_verify_enabled,
-                          "onUpdate:modelValue": i[21] || (i[21] = (s) => e.fields.tls_verify_enabled = s),
+                      ])) : x("", !0),
+                      Ve.value ? (C(), E("div", el, [
+                        d(c, {
+                          modelValue: l.fields.tls_verify_enabled,
+                          "onUpdate:modelValue": f[21] || (f[21] = (m) => l.fields.tls_verify_enabled = m),
                           "data-testid": "gateway-service-tls-verify-checkbox",
-                          description: o(a)("gateway_services.form.fields.tls_verify_enabled.help"),
-                          label: o(a)("gateway_services.form.fields.tls_verify_enabled.label"),
+                          description: o(r)("gateway_services.form.fields.tls_verify_enabled.help"),
+                          label: o(r)("gateway_services.form.fields.tls_verify_enabled.label"),
                           "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
                         }, {
-                          tooltip: f(() => [
-                            d(o(q), {
+                          tooltip: v(() => [
+                            d(o(Z), {
                               keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
                               scope: "global"
                             }, {
-                              code1: f(() => [
-                                k("code", null, y(o(a)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                              code1: v(() => [
+                                S("code", null, F(o(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "description", "label"]),
-                        e.fields.tls_verify_enabled ? (S(), U("div", Gt, [
-                          d(V, {
-                            modelValue: e.fields.tls_verify_value,
-                            "onUpdate:modelValue": i[22] || (i[22] = (s) => e.fields.tls_verify_value = s),
+                        l.fields.tls_verify_enabled ? (C(), E("div", tl, [
+                          d(L, {
+                            modelValue: l.fields.tls_verify_value,
+                            "onUpdate:modelValue": f[22] || (f[22] = (m) => l.fields.tls_verify_value = m),
                             "data-testid": "gateway-service-tls-verify-true-option",
-                            label: o(a)("gateway_services.form.fields.tls_verify_option.true.label"),
+                            label: o(r)("gateway_services.form.fields.tls_verify_option.true.label"),
                             "selected-value": !0
                           }, null, 8, ["modelValue", "label"])
-                        ])) : L("", !0),
-                        e.fields.tls_verify_enabled ? (S(), U("div", Kt, [
-                          d(V, {
-                            modelValue: e.fields.tls_verify_value,
-                            "onUpdate:modelValue": i[23] || (i[23] = (s) => e.fields.tls_verify_value = s),
+                        ])) : x("", !0),
+                        l.fields.tls_verify_enabled ? (C(), E("div", ll, [
+                          d(L, {
+                            modelValue: l.fields.tls_verify_value,
+                            "onUpdate:modelValue": f[23] || (f[23] = (m) => l.fields.tls_verify_value = m),
                             "data-testid": "gateway-service-tls-verify-false-option",
-                            label: o(a)("gateway_services.form.fields.tls_verify_option.false.label"),
+                            label: o(r)("gateway_services.form.fields.tls_verify_option.false.label"),
                             "selected-value": !1
                           }, null, 8, ["modelValue", "label"])
-                        ])) : L("", !0)
-                      ])) : L("", !0)
+                        ])) : x("", !0)
+                      ])) : x("", !0)
                     ])
                   ]),
                   _: 1
@@ -1360,7 +1404,7 @@ const ve = {
       ]);
     };
   }
-}), Qt = /* @__PURE__ */ Be(qt, [["__scopeId", "data-v-35e0db56"]]), Ot = { class: "kong-ui-gateway-service-entity-config-card" }, Xt = /* @__PURE__ */ Te({
+}), Al = /* @__PURE__ */ Ne(ol, [["__scopeId", "data-v-c2c5e1f0"]]), il = { class: "kong-ui-gateway-service-entity-config-card" }, Tl = /* @__PURE__ */ Le({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1387,130 +1431,983 @@ const ve = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(n) {
-    const D = n, { i18n: { t: p }, i18nT: c } = ve.useI18n(), r = b(() => se.form[D.config.app].edit), { getPropValue: x } = rt(), N = (a, P) => x(a, P) === !0 ? p("gateway_services.form.fields.tls_verify_option.true.display") : p("gateway_services.form.fields.tls_verify_option.false.display"), q = E({
+    const M = n, { i18n: { t: y }, i18nT: p } = ge.useI18n(), a = h(() => ye.form[M.config.app].edit), { getPropValue: b } = ht(), B = (r, K) => b(r, K) === !0 ? y("gateway_services.form.fields.tls_verify_option.true.display") : y("gateway_services.form.fields.tls_verify_option.false.display"), Z = W({
       id: {},
       name: {
-        tooltip: p("gateway_services.form.fields.name.tooltip")
+        tooltip: y("gateway_services.form.fields.name.tooltip")
       },
       enabled: {},
       updated_at: {},
       created_at: {},
       protocol: {
-        section: fe.Basic,
-        tooltip: p("gateway_services.form.fields.protocol.tooltip")
+        section: $e.Basic,
+        tooltip: y("gateway_services.form.fields.protocol.tooltip")
       },
       host: {
-        section: fe.Basic,
-        tooltip: p("gateway_services.form.fields.host.tooltip")
+        section: $e.Basic,
+        tooltip: y("gateway_services.form.fields.host.tooltip")
       },
       path: {
-        section: fe.Basic,
-        tooltip: p("gateway_services.form.fields.path.tooltip")
+        section: $e.Basic,
+        tooltip: y("gateway_services.form.fields.path.tooltip")
       },
       port: {
-        section: fe.Basic,
-        tooltip: p("gateway_services.form.fields.port.tooltip")
+        section: $e.Basic,
+        tooltip: y("gateway_services.form.fields.port.tooltip")
       },
       tags: {
-        tooltip: p("gateway_services.form.fields.tags.tooltip")
+        tooltip: y("gateway_services.form.fields.tags.tooltip")
       },
       // advanced fields
       retries: {
         order: 1,
-        tooltip: p("gateway_services.form.fields.retries.tooltip")
+        tooltip: y("gateway_services.form.fields.retries.tooltip")
       },
       connect_timeout: {
         order: 2,
-        tooltip: p("gateway_services.form.fields.connect_timeout.tooltip")
+        tooltip: y("gateway_services.form.fields.connect_timeout.tooltip")
       },
       write_timeout: {
         order: 3,
-        tooltip: p("gateway_services.form.fields.write_timeout.tooltip")
+        tooltip: y("gateway_services.form.fields.write_timeout.tooltip")
       },
       read_timeout: {
         order: 4,
-        tooltip: p("gateway_services.form.fields.read_timeout.tooltip")
+        tooltip: y("gateway_services.form.fields.read_timeout.tooltip")
       },
       client_certificate: {
         order: 5,
-        tooltip: p("gateway_services.form.fields.client_certificate.tooltip")
+        tooltip: y("gateway_services.form.fields.client_certificate.tooltip")
       },
       ca_certificates: {
-        type: at.BadgeTag,
-        label: p("gateway_services.form.fields.ca_certificates.label"),
+        type: wt.BadgeTag,
+        label: y("gateway_services.form.fields.ca_certificates.label"),
         order: 6
       },
       tls_verify: {
-        label: p("gateway_services.form.fields.tls_verify_enabled.label")
+        label: y("gateway_services.form.fields.tls_verify_enabled.label")
       },
       tls_verify_depth: {
         hidden: !0
       }
     });
-    return (a, P) => (S(), U("div", Ot, [
-      d(o(nt), {
+    return (r, K) => (C(), E("div", il, [
+      d(o(kt), {
         config: n.config,
         "config-card-doc": n.configCardDoc,
-        "config-schema": q.value,
-        "entity-type": o(Fe).GatewayService,
-        "fetch-url": r.value,
+        "config-schema": Z.value,
+        "entity-type": o(Oe).GatewayService,
+        "fetch-url": a.value,
         "hide-title": n.hideTitle,
-        "onFetch:error": P[0] || (P[0] = (C) => a.$emit("fetch:error", C)),
-        "onFetch:success": P[1] || (P[1] = (C) => a.$emit("fetch:success", C)),
-        onLoading: P[2] || (P[2] = (C) => a.$emit("loading", C))
+        "onFetch:error": K[0] || (K[0] = (I) => r.$emit("fetch:error", I)),
+        "onFetch:success": K[1] || (K[1] = (I) => r.$emit("fetch:success", I)),
+        onLoading: K[2] || (K[2] = (I) => r.$emit("loading", I))
       }, {
-        "enabled-label-tooltip": f(() => [
-          d(o(c), {
+        "enabled-label-tooltip": v(() => [
+          d(o(p), {
             keypath: "gateway_services.form.fields.enabled.tooltip",
             scope: "global"
           }, {
-            false: f(() => [
-              k("code", null, y(o(p)("gateway_services.form.fields.enabled.false")), 1)
+            false: v(() => [
+              S("code", null, F(o(y)("gateway_services.form.fields.enabled.false")), 1)
             ]),
-            true: f(() => [
-              k("code", null, y(o(p)("gateway_services.form.fields.enabled.true")), 1)
+            true: v(() => [
+              S("code", null, F(o(y)("gateway_services.form.fields.enabled.true")), 1)
             ]),
             _: 1
           })
         ]),
-        "ca_certificates-label-tooltip": f(() => [
-          d(o(c), {
+        "ca_certificates-label-tooltip": v(() => [
+          d(o(p), {
             keypath: "gateway_services.form.fields.ca_certificates.tooltip",
             scope: "global"
           }, {
-            code1: f(() => [
-              k("code", null, y(o(p)("gateway_services.form.fields.ca_certificates.code1")), 1)
+            code1: v(() => [
+              S("code", null, F(o(y)("gateway_services.form.fields.ca_certificates.code1")), 1)
             ]),
-            code2: f(() => [
-              k("code", null, y(o(p)("gateway_services.form.fields.ca_certificates.code2")), 1)
+            code2: v(() => [
+              S("code", null, F(o(y)("gateway_services.form.fields.ca_certificates.code2")), 1)
             ]),
             _: 1
           })
         ]),
-        "tls_verify-label-tooltip": f(() => [
-          d(o(c), {
+        "tls_verify-label-tooltip": v(() => [
+          d(o(p), {
             keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
             scope: "global"
           }, {
-            code1: f(() => [
-              k("code", null, y(o(p)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+            code1: v(() => [
+              S("code", null, F(o(y)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
             ]),
             _: 1
           })
         ]),
-        tls_verify: f((C) => [
-          R(y(typeof o(x)("rowValue", C) == "boolean" ? N("rowValue", C) : o(p)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+        tls_verify: v((I) => [
+          z(F(typeof o(b)("rowValue", I) == "boolean" ? B("rowValue", I) : o(y)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
-        client_certificate: f((C) => [
-          R(y(o(x)("rowValue", C) ? o(x)("rowValue", C).id : "–"), 1)
+        client_certificate: v((I) => [
+          z(F(o(b)("rowValue", I) ? o(b)("rowValue", I).id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
     ]));
   }
 });
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const Ze = () => {
+};
+function rl(n, M) {
+  function y(...p) {
+    return new Promise((a, b) => {
+      Promise.resolve(n(() => M.apply(this, p), { fn: M, thisArg: this, args: p })).then(a).catch(b);
+    });
+  }
+  return y;
+}
+function sl(n, M = {}) {
+  let y, p, a = Ze;
+  const b = (r) => {
+    clearTimeout(r), a(), a = Ze;
+  };
+  let B;
+  return (r) => {
+    const K = ze(n), I = ze(M.maxWait);
+    return y && b(y), K <= 0 || I !== void 0 && I <= 0 ? (p && (b(p), p = null), Promise.resolve(r())) : new Promise((ie, ue) => {
+      a = M.rejectOnCancel ? ue : ie, B = r, I && !p && (p = setTimeout(() => {
+        y && b(y), p = null, ie(B());
+      }, I)), y = setTimeout(() => {
+        p && b(p), p = null, ie(r());
+      }, K);
+    });
+  };
+}
+function De(n, M = 200, y = {}) {
+  return rl(
+    sl(M, y),
+    n
+  );
+}
+const te = {
+  name: "WeatherApi-quickstart-demo",
+  tags: [],
+  protocol: "https",
+  path: "/flights",
+  read_timeout: 6e4,
+  retries: 5,
+  host: "api.kong-air.com",
+  connect_timeout: 6e4,
+  ca_certificates: null,
+  client_certificate: null,
+  write_timeout: 6e4,
+  port: 443
+}, al = { class: "kong-ui-entities-gateway-service-form" }, nl = {
+  key: 0,
+  class: "gateway-service-form-general-info"
+}, cl = { class: "gateway-service-form-group-selection-wrapper" }, dl = {
+  key: 0,
+  class: "gateway-service-form-group-fields"
+}, ul = {
+  key: 0,
+  class: "gateway-service-form-group-fields"
+}, fl = { key: 0 }, pl = {
+  key: 0,
+  class: "gateway-service-form-advanced-fields"
+}, ml = { class: "gateway-service-form-margin-bottom" }, vl = { class: "gateway-service-form-margin-bottom" }, gl = { class: "gateway-service-form-margin-bottom" }, yl = { class: "gateway-service-form-margin-bottom" }, _l = {
+  key: 0,
+  class: "gateway-service-form-margin-bottom"
+}, bl = {
+  key: 1,
+  class: "gateway-service-form-margin-bottom"
+}, hl = {
+  key: 2,
+  class: "gateway-service-form-margin-bottom"
+}, wl = {
+  key: 0,
+  class: "checkbox-aligned-radio"
+}, kl = {
+  key: 1,
+  class: "checkbox-aligned-radio"
+}, Vl = { class: "gateway-service-form-tags" }, Cl = { class: "form-error-list" }, Sl = /* @__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: (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
+    },
+    /** Whether show or hide Try sample API button */
+    hideTrySampleApiButton: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    sampleApiList: {
+      type: Array,
+      required: !1,
+      default: () => []
+    }
+  },
+  emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
+  setup(n, { expose: M, emit: y }) {
+    var he;
+    const p = y, a = n, b = W(!0), B = qe(), { i18nT: Z, i18n: { t: r } } = ge.useI18n(), { getErrorFieldsFromError: K } = Xe(), { axiosInstance: I } = Ge((he = a.config) == null ? void 0 : he.axiosRequestConfig), ie = Ye(), { validateHost: ue, validatePath: X, validatePort: ke, validateProtocol: fe } = ge.useUrlValidators(), A = h(() => ye.form[a.config.app].edit), Y = h(() => a.gatewayServiceId ? Me.Edit : Me.Create), ee = W(!1), re = h(() => !!a.gatewayServiceId), l = W(re.value ? "protocol" : "url"), T = ge.usePortFromProtocol(), se = W(""), Pe = h(() => !!se.value || !!de("name")), t = xe({
+      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: ""
+      },
+      isReadonly: !1,
+      errorMessages: [],
+      formFieldErrors: {
+        host: "",
+        port: "",
+        path: "",
+        name: "",
+        url: "",
+        tags: "",
+        retries: "",
+        connect_timeout: "",
+        write_timeout: "",
+        read_timeout: "",
+        client_certificate: "",
+        ca_certificates: "",
+        tls_verify_enabled: "",
+        tls_verify_value: ""
+      }
+    }), U = xe({
+      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: ""
+    }), ae = a.config.app === "konnect" || et({
+      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"]
+      }
+    }), ne = [
+      {
+        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"
+      },
+      ...ae ? [
+        {
+          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"
+      }
+    ], q = { url: "url", protocol: "protocol" }, pe = (e, s) => {
+      s.value;
+    }, ce = (e) => e ? parseFloat(e) : 0, _e = () => {
+      t.fields.host = U.host, t.fields.path = U.path, t.fields.port = U.port, t.fields.protocol = U.protocol, t.fields.url = U.url, t.fields.retries = U.retries, t.fields.connect_timeout = U.connect_timeout, t.fields.write_timeout = U.write_timeout, t.fields.read_timeout = U.read_timeout, t.fields.client_certificate = U.client_certificate, t.fields.ca_certificates = U.ca_certificates, t.fields.tls_verify_enabled = U.tls_verify_enabled, t.fields.tls_verify_value = U.tls_verify_value;
+    }, Ve = () => {
+      b.value = !0, N(), t.errorMessages = [], _e();
+    }, Ce = () => {
+      switch (_e(), t.fields.name = te.name, l.value) {
+        case "url":
+          t.fields.url = `${te.protocol}://${te.host}${te.path}`;
+          break;
+        case "protocol":
+          t.fields.host = te.host, t.fields.path = te.path, t.fields.protocol = te.protocol, t.fields.port = te.port;
+          break;
+        default:
+          t.fields.url = `${te.protocol}://${te.host}${te.path}`;
+      }
+    }, me = De(() => {
+      if (N(), t.fields.url.length)
+        try {
+          const e = new URL(t.fields.url), s = fe(e.protocol, ne);
+          if (s) throw new Error(s);
+          t.fields.protocol = e.protocol.slice(0, -1);
+          const V = ue(e.hostname);
+          if (V) throw new Error(V);
+          t.fields.host = e.hostname;
+          const O = X(e.pathname);
+          if (O) throw new Error(O);
+          t.fields.path = e.pathname;
+          const P = ke(e.port);
+          if (P) throw new Error(P);
+          const R = Number(e.port);
+          ee.value = !!R, t.fields.port = R || T.getPortFromProtocol(t.fields.protocol), p("url-valid:success");
+        } catch (e) {
+          p("url-valid:error", e.message || "URL validation failed"), t.formFieldErrors.url = e.message || "URL validation failed";
+        }
+    }, 300), be = De((e) => {
+      N(e ?? void 0);
+    }, 300), Se = h(() => !!t.formFieldErrors.url || !!t.formFieldErrors.host || !!t.formFieldErrors.port), de = (e) => {
+      if (t.errorMessages.length) return "";
+      const s = t.formFieldErrors;
+      return s[e] ? s[e] : "";
+    }, le = De((e) => {
+      N(e ?? void 0);
+      const s = ue(t.fields.host);
+      s && (t.formFieldErrors.host = s);
+      const V = X(t.fields.path);
+      V && (t.formFieldErrors.path = V);
+      const O = ke(t.fields.port);
+      O && (t.formFieldErrors.port = O), J.value ? p("url-valid:success") : p("url-valid:error", t.errorMessages.join(",") || "URL validation failed");
+    }, 300), N = (e) => {
+      if (e)
+        t.formFieldErrors[e] = "";
+      else
+        for (let s in t.formFieldErrors)
+          t.formFieldErrors[s] = "";
+      t.errorMessages = [];
+    }, J = h(() => {
+      let e = !0;
+      for (let s in t.formFieldErrors)
+        if (t.formFieldErrors[s].length) {
+          e = !1;
+          break;
+        }
+      return e;
+    }), oe = () => {
+      t.fields.url && l.value === "url" ? me() : le();
+    }, ve = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, i = h(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(t.fields.protocol)), f = h(() => {
+      if (l.value === "url")
+        return !0;
+      const e = ["https", "wss", "tls"].includes(t.fields.protocol);
+      return l.value === "protocol" && e;
+    }), k = h(() => {
+      if (l.value === "url")
+        return !0;
+      const e = ["https", "tls"].includes(t.fields.protocol);
+      return l.value === "protocol" && e;
+    }), H = h(() => {
+      if (l.value === "url")
+        return !0;
+      const e = ["https", "wss", "tls"].includes(t.fields.protocol);
+      return l.value === "protocol" && e;
+    }), L = (e) => {
+      se.value = ie.utf8Name(e);
+    }, $ = h(() => {
+      if (re.value)
+        return JSON.stringify(t.fields) !== JSON.stringify(U);
+      const e = l.value === "url" && !!t.fields.url && J.value, s = l.value === "protocol" && !!t.fields.host && J.value;
+      return e || s;
+    }), c = (e) => {
+      var s, V, O;
+      t.fields.name = (e == null ? void 0 : e.name) || "", t.fields.tags = ((s = e == null ? void 0 : e.tags) == null ? void 0 : s.join(", ")) || "", t.fields.protocol = (e == null ? void 0 : e.protocol) || "http", t.fields.path = (e == null ? void 0 : e.path) || "", t.fields.read_timeout = e != null && e.read_timeout || (e == null ? void 0 : e.read_timeout) === 0 ? e == null ? void 0 : e.read_timeout : 6e4, t.fields.retries = e != null && e.retries || (e == null ? void 0 : e.retries) === 0 ? e == null ? void 0 : e.retries : 5, t.fields.host = (e == null ? void 0 : e.host) || "", t.fields.connect_timeout = e != null && e.connect_timeout || (e == null ? void 0 : e.connect_timeout) === 0 ? e == null ? void 0 : e.connect_timeout : 6e4, t.fields.tls_verify_enabled = (e == null ? void 0 : e.tls_verify) !== "" && (e == null ? void 0 : e.tls_verify) !== null && (e == null ? void 0 : e.tls_verify) !== void 0, t.fields.tls_verify_value = e != null && e.tls_verify ? e == null ? void 0 : e.tls_verify : !1, t.fields.ca_certificates = ((V = e == null ? void 0 : e.ca_certificates) == null ? void 0 : V.join(",")) || "", t.fields.client_certificate = ((O = e == null ? void 0 : e.client_certificate) == null ? void 0 : O.id) || "", t.fields.write_timeout = e != null && e.write_timeout || (e == null ? void 0 : e.write_timeout) === 0 ? e == null ? void 0 : e.write_timeout : 6e4, t.fields.port = e != null && e.port || (e == null ? void 0 : e.port) === 0 ? e == null ? void 0 : e.port : 80, Object.assign(U, t.fields);
+    }, g = () => {
+      B.push(a.config.cancelRoute);
+    }, m = h(() => {
+      var s, V;
+      let e = `${a.config.apiBaseUrl}${ye.form[a.config.app].validate}`;
+      return a.config.app === "konnect" ? e = e.replace(/{controlPlaneId}/gi, ((s = a.config) == null ? void 0 : s.controlPlaneId) || "") : a.config.app === "kongManager" && (e = e.replace(/\/{workspace}/gi, (V = a.config) != null && V.workspace ? `/${a.config.workspace}` : "")), e = e.replace(/{id}/gi, a.gatewayServiceId), e;
+    }), w = h(() => {
+      var s, V;
+      let e = `${a.config.apiBaseUrl}${ye.form[a.config.app][Y.value]}`;
+      return a.config.app === "konnect" ? e = e.replace(/{controlPlaneId}/gi, ((s = a.config) == null ? void 0 : s.controlPlaneId) || "") : a.config.app === "kongManager" && (e = e.replace(/\/{workspace}/gi, (V = a.config) != null && V.workspace ? `/${a.config.workspace}` : "")), e = e.replace(/{id}/gi, a.gatewayServiceId), e;
+    }), G = (e) => {
+      let s = "";
+      e.url && (s = new URL(e.url).protocol), (["https", "wss", "tls"].includes(e.protocol) || ["https", "wss", "tls"].includes(s)) && (e.tls_verify = e.tls_verify_enabled ? e.tls_verify_value : null), delete e.tls_verify_enabled, delete e.tls_verify_value;
+    }, Q = h(() => {
+      var s, V, O, P;
+      const e = {
+        name: t.fields.name || null,
+        tags: t.fields.tags ? (O = (V = (s = t.fields.tags) == null ? void 0 : s.split(",")) == null ? void 0 : V.map((R) => String(R || "").trim())) == null ? void 0 : O.filter((R) => R !== "") : null,
+        protocol: t.fields.protocol,
+        path: t.fields.path || null,
+        read_timeout: t.fields.read_timeout,
+        retries: t.fields.retries,
+        host: t.fields.host,
+        connect_timeout: t.fields.connect_timeout,
+        tls_verify_value: t.fields.tls_verify_value,
+        tls_verify_enabled: t.fields.tls_verify_enabled,
+        ca_certificates: t.fields.ca_certificates ? (P = t.fields.ca_certificates) == null ? void 0 : P.split(",").filter((R) => R !== "") : null,
+        client_certificate: t.fields.client_certificate ? { id: t.fields.client_certificate } : null,
+        write_timeout: t.fields.write_timeout,
+        port: t.fields.port,
+        url: t.fields.url
+      };
+      return t.fields.client_certificate && ["https", "wss", "tls"].includes(t.fields.protocol) && (e.client_certificate = { id: t.fields.client_certificate }), t.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(t.fields.protocol) && (e.tls_verify = t.fields.tls_verify_value), i.value || (e.path = null), Y.value === "create" ? l.value === "url" ? (delete e.protocol, delete e.host, delete e.path, a.config.app === "konnect" && delete e.port) : delete e.url : Y.value === "edit" && delete e.url, e;
+    }), j = async () => {
+      var e, s, V, O;
+      try {
+        t.isReadonly = !0, oe();
+        const P = Q.value;
+        G(P);
+        let R;
+        if (await I.post(m.value, P), Y.value === "create" ? R = await I.post(w.value, P) : Y.value === "edit" && (R = ((e = a.config) == null ? void 0 : e.app) === "konnect" ? await I.put(w.value, P) : await I.patch(w.value, P)), R) {
+          const { data: u } = R;
+          t.fields.name = (u == null ? void 0 : u.name) || "", t.fields.port = u.port || T.getPortFromProtocol(u.protocol), t.fields.protocol = (u == null ? void 0 : u.protocol) || "http", t.fields.host = (u == null ? void 0 : u.host) || "", t.fields.path = (u == null ? void 0 : u.path) || "", t.fields.url = (u == null ? void 0 : u.url) || "", t.fields.retries = u != null && u.retries || (u == null ? void 0 : u.retries) === 0 ? u == null ? void 0 : u.retries : 5, t.fields.connect_timeout = u != null && u.connect_timeout || (u == null ? void 0 : u.connect_timeout) === 0 ? u == null ? void 0 : u.connect_timeout : 6e4, t.fields.write_timeout = u != null && u.write_timeout || (u == null ? void 0 : u.write_timeout) === 0 ? u == null ? void 0 : u.write_timeout : 6e4, t.fields.read_timeout = u != null && u.read_timeout || (u == null ? void 0 : u.read_timeout) === 0 ? u == null ? void 0 : u.read_timeout : 6e4, t.fields.client_certificate = ((s = u == null ? void 0 : u.client_certificate) == null ? void 0 : s.id) || "", t.fields.ca_certificates = (V = u == null ? void 0 : u.ca_certificates) != null && V.length ? u == null ? void 0 : u.ca_certificates.join(",") : "", t.fields.tls_verify_enabled = (u == null ? void 0 : u.tls_verify) !== "" && (u == null ? void 0 : u.tls_verify) !== null && (u == null ? void 0 : u.tls_verify) !== void 0, t.fields.tls_verify_value = t.fields.tls_verify_enabled && (u == null ? void 0 : u.tls_verify), t.fields.tags = (O = u == null ? void 0 : u.tags) != null && O.length ? u.tags.join(", ") : "", Object.assign(U, t.fields), p("update", R == null ? void 0 : R.data);
+        }
+        return R;
+      } catch (P) {
+        const { fields: R, messages: u } = K(P);
+        t.errorMessages = u, R.length && R.forEach((we) => {
+          const Ie = we.field;
+          Ie === "client_certificate.id" ? t.formFieldErrors.client_certificate = we.message : Ie.startsWith("ca_certificates") ? t.formFieldErrors.ca_certificates = we.message : Object.keys(t.formFieldErrors).includes(Ie) && (t.formFieldErrors = {
+            ...t.formFieldErrors,
+            [Ie]: we.message
+          });
+        }), p("error", P);
+      } finally {
+        t.isReadonly = !1;
+      }
+    };
+    return Ue(() => a.gatewayServiceId, () => {
+      Object.assign(t.fields, U);
+    }), Ue(t.fields, (e) => {
+      t.fields.port = T.getPortFromProtocol(e.protocol, String(e.port)), p("model-updated", Q.value);
+    }), Je(() => {
+      p("model-updated", Q.value), re.value || (t.fields.name = ve());
+    }), M({
+      validateUrl: oe,
+      getPayload: Q,
+      saveFormData: j,
+      canSubmit: $,
+      initForm: c
+    }), (e, s) => {
+      const V = D("KRadio"), O = D("KButton"), P = D("KInput"), R = D("KSelect"), u = D("KCheckbox"), we = D("KCollapse"), Ie = D("KAlert");
+      return C(), E("div", al, [
+        d(o(tt), {
+          "can-submit": $.value,
+          config: n.config,
+          "edit-id": n.gatewayServiceId,
+          "entity-type": o(Oe).GatewayService,
+          "fetch-url": A.value,
+          "form-fields": Q.value,
+          "is-readonly": t.isReadonly,
+          onCancel: g,
+          "onFetch:error": s[30] || (s[30] = (_) => e.$emit("error", _)),
+          "onFetch:success": c,
+          onLoading: s[31] || (s[31] = (_) => e.$emit("loading", _)),
+          onSubmit: j
+        }, {
+          "form-actions": v(() => [
+            Qe(e.$slots, "form-actions", {
+              canSubmit: $.value,
+              cancel: g,
+              submit: j
+            }, void 0, !0)
+          ]),
+          default: v(() => [
+            d(o(Be), {
+              description: o(r)("gateway_services.form.sections.keys.description"),
+              "hide-info-header": n.hideSectionsInfo,
+              title: o(r)("gateway_services.form.sections.keys.title")
+            }, {
+              default: v(() => [
+                re.value ? x("", !0) : (C(), E("div", nl, [
+                  S("div", cl, [
+                    d(V, {
+                      modelValue: l.value,
+                      "onUpdate:modelValue": s[0] || (s[0] = (_) => l.value = _),
+                      card: "",
+                      "card-orientation": "horizontal",
+                      "data-testid": "gateway-service-url-radio",
+                      description: o(r)("gateway_services.form.sections.keys.url.description"),
+                      label: o(r)("gateway_services.form.sections.keys.url.label"),
+                      "selected-value": q.url,
+                      onChange: Ve
+                    }, null, 8, ["modelValue", "description", "label", "selected-value"]),
+                    d(V, {
+                      modelValue: l.value,
+                      "onUpdate:modelValue": s[1] || (s[1] = (_) => l.value = _),
+                      card: "",
+                      "card-orientation": "horizontal",
+                      "checked-group": "protocol",
+                      "data-testid": "gateway-service-protocol-radio",
+                      description: o(r)("gateway_services.form.sections.keys.protocol.description"),
+                      label: o(r)("gateway_services.form.sections.keys.protocol.label"),
+                      "selected-value": q.protocol,
+                      onChange: Ve
+                    }, null, 8, ["modelValue", "description", "label", "selected-value"])
+                  ]),
+                  d(We, { name: "slide-fade" }, {
+                    default: v(() => [
+                      l.value === "url" ? (C(), E("div", dl, [
+                        d(P, {
+                          modelValue: t.fields.url,
+                          "onUpdate:modelValue": s[2] || (s[2] = (_) => t.fields.url = _),
+                          modelModifiers: { trim: !0 },
+                          class: "gateway-service-url-input gateway-service-form-margin-bottom",
+                          "data-testid": "gateway-service-url-input",
+                          error: Se.value,
+                          "error-message": de("url"),
+                          label: o(r)("gateway_services.form.fields.upstream_url.label"),
+                          "label-attributes": {
+                            info: n.config.app === "konnect" ? o(r)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(r)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "url",
+                          placeholder: o(r)("gateway_services.form.fields.upstream_url.placeholder"),
+                          required: "",
+                          onInput: o(me)
+                        }, Re({ _: 2 }, [
+                          n.hideTrySampleApiButton ? void 0 : {
+                            name: "after",
+                            fn: v(() => [
+                              d(O, {
+                                appearance: "tertiary",
+                                size: "small",
+                                onClick: Ce
+                              }, {
+                                default: v(() => s[32] || (s[32] = [
+                                  z(" Try Sample API ")
+                                ])),
+                                _: 1
+                              })
+                            ]),
+                            key: "0"
+                          }
+                        ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "onInput"])
+                      ])) : x("", !0)
+                    ]),
+                    _: 1
+                  })
+                ])),
+                d(We, { name: "slide-fade" }, {
+                  default: v(() => [
+                    l.value === "protocol" || re.value ? (C(), E("div", ul, [
+                      d(R, {
+                        modelValue: t.fields.protocol,
+                        "onUpdate:modelValue": s[3] || (s[3] = (_) => t.fields.protocol = _),
+                        "data-testid": "gateway-service-protocol-select",
+                        items: ne,
+                        label: o(r)("gateway_services.form.fields.protocol.label"),
+                        "label-attributes": {
+                          info: o(r)("gateway_services.form.fields.protocol.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        readonly: t.isReadonly,
+                        required: "",
+                        width: "100%",
+                        onSelected: s[4] || (s[4] = (_) => pe(t.fields.protocol, _))
+                      }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
+                      d(P, {
+                        modelValue: t.fields.host,
+                        "onUpdate:modelValue": s[5] || (s[5] = (_) => t.fields.host = _),
+                        modelModifiers: { trim: !0 },
+                        class: "gateway-service-form-margin-top",
+                        "data-testid": "gateway-service-host-input",
+                        error: !!t.formFieldErrors.host,
+                        "error-message": de("host"),
+                        label: o(r)("gateway_services.form.fields.host.label"),
+                        "label-attributes": {
+                          info: o(r)("gateway_services.form.fields.host.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        name: "host",
+                        placeholder: o(r)("gateway_services.form.fields.host.placeholder"),
+                        required: "",
+                        onInput: s[6] || (s[6] = (_) => o(le)("host"))
+                      }, Re({ _: 2 }, [
+                        n.hideTrySampleApiButton ? void 0 : {
+                          name: "after",
+                          fn: v(() => [
+                            d(O, {
+                              appearance: "tertiary",
+                              size: "small",
+                              onClick: Ce
+                            }, {
+                              default: v(() => s[33] || (s[33] = [
+                                z(" Try Sample API ")
+                              ])),
+                              _: 1
+                            })
+                          ]),
+                          key: "0"
+                        }
+                      ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
+                      i.value ? (C(), E("div", fl, [
+                        d(P, {
+                          modelValue: t.fields.path,
+                          "onUpdate:modelValue": s[7] || (s[7] = (_) => t.fields.path = _),
+                          modelModifiers: { trim: !0 },
+                          class: "gateway-service-form-margin-top",
+                          "data-testid": "gateway-service-path-input",
+                          error: !!t.formFieldErrors.path,
+                          "error-message": de("path"),
+                          label: o(r)("gateway_services.form.fields.path.label"),
+                          "label-attributes": {
+                            info: o(r)("gateway_services.form.fields.path.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "path",
+                          placeholder: o(r)("gateway_services.form.fields.path.placeholder"),
+                          onInput: s[8] || (s[8] = (_) => o(le)("path"))
+                        }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
+                      ])) : x("", !0),
+                      d(P, {
+                        modelValue: t.fields.port,
+                        "onUpdate:modelValue": [
+                          s[9] || (s[9] = (_) => t.fields.port = _),
+                          s[11] || (s[11] = () => {
+                            t.fields.port = ce(t.fields.port + "");
+                          })
+                        ],
+                        class: "gateway-service-form-margin-top",
+                        "data-testid": "gateway-service-port-input",
+                        error: !!t.formFieldErrors.port,
+                        "error-message": de("port"),
+                        label: o(r)("gateway_services.form.fields.port.label"),
+                        "label-attributes": {
+                          info: o(r)("gateway_services.form.fields.port.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        name: "port",
+                        type: "number",
+                        onInput: s[10] || (s[10] = (_) => o(le)("port"))
+                      }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes"])
+                    ])) : x("", !0)
+                  ]),
+                  _: 1
+                }),
+                d(we, {
+                  modelValue: b.value,
+                  "onUpdate:modelValue": s[27] || (s[27] = (_) => b.value = _),
+                  "data-testid": "advanced-fields-collapse",
+                  "trigger-alignment": "leading",
+                  "trigger-label": o(r)("gateway_services.form.sections.keys.viewAdvancedFields")
+                }, {
+                  default: v(() => [
+                    d(We, { name: "slide-fade" }, {
+                      default: v(() => [
+                        b.value ? x("", !0) : (C(), E("div", pl, [
+                          S("div", ml, [
+                            d(P, {
+                              modelValue: t.fields.retries,
+                              "onUpdate:modelValue": [
+                                s[12] || (s[12] = (_) => t.fields.retries = _),
+                                s[13] || (s[13] = () => {
+                                  t.fields.retries = ce(t.fields.retries + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-retries-input",
+                              label: o(r)("gateway_services.form.fields.retries.label"),
+                              "label-attributes": {
+                                info: o(r)("gateway_services.form.fields.retries.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "retries",
+                              readonly: t.isReadonly,
+                              type: "number"
+                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                          ]),
+                          S("div", vl, [
+                            d(P, {
+                              modelValue: t.fields.connect_timeout,
+                              "onUpdate:modelValue": [
+                                s[14] || (s[14] = (_) => t.fields.connect_timeout = _),
+                                s[15] || (s[15] = () => {
+                                  t.fields.connect_timeout = ce(t.fields.connect_timeout + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-connTimeout-input",
+                              label: o(r)("gateway_services.form.fields.connect_timeout.label"),
+                              "label-attributes": {
+                                info: o(r)("gateway_services.form.fields.connect_timeout.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "connTimeout",
+                              readonly: t.isReadonly,
+                              type: "number"
+                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                          ]),
+                          S("div", gl, [
+                            d(P, {
+                              modelValue: t.fields.write_timeout,
+                              "onUpdate:modelValue": [
+                                s[16] || (s[16] = (_) => t.fields.write_timeout = _),
+                                s[17] || (s[17] = () => {
+                                  t.fields.write_timeout = ce(t.fields.write_timeout + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-writeTimeout-input",
+                              label: o(r)("gateway_services.form.fields.write_timeout.label"),
+                              "label-attributes": {
+                                info: o(r)("gateway_services.form.fields.write_timeout.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "writeTimeout",
+                              readonly: t.isReadonly,
+                              type: "number"
+                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                          ]),
+                          S("div", yl, [
+                            d(P, {
+                              modelValue: t.fields.read_timeout,
+                              "onUpdate:modelValue": [
+                                s[18] || (s[18] = (_) => t.fields.read_timeout = _),
+                                s[19] || (s[19] = () => {
+                                  t.fields.read_timeout = ce(t.fields.read_timeout + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-readTimeout-input",
+                              label: o(r)("gateway_services.form.fields.read_timeout.label"),
+                              "label-attributes": {
+                                info: o(r)("gateway_services.form.fields.read_timeout.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "readTimeout",
+                              readonly: t.isReadonly,
+                              type: "number"
+                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                          ]),
+                          f.value ? (C(), E("div", _l, [
+                            d(P, {
+                              modelValue: t.fields.client_certificate,
+                              "onUpdate:modelValue": s[20] || (s[20] = (_) => t.fields.client_certificate = _),
+                              modelModifiers: { trim: !0 },
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-clientCert-input",
+                              error: !!t.formFieldErrors.client_certificate,
+                              label: o(r)("gateway_services.form.fields.client_certificate.label"),
+                              "label-attributes": {
+                                info: o(r)("gateway_services.form.fields.client_certificate.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "clientCert",
+                              placeholder: o(r)("gateway_services.form.fields.client_certificate.placeholder"),
+                              readonly: t.isReadonly,
+                              type: "text",
+                              onInput: s[21] || (s[21] = (_) => o(be)("client_certificate"))
+                            }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"])
+                          ])) : x("", !0),
+                          k.value ? (C(), E("div", bl, [
+                            d(P, {
+                              modelValue: t.fields.ca_certificates,
+                              "onUpdate:modelValue": s[22] || (s[22] = (_) => t.fields.ca_certificates = _),
+                              modelModifiers: { trim: !0 },
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-ca-certs-input",
+                              error: !!t.formFieldErrors.ca_certificates,
+                              label: o(r)("gateway_services.form.fields.ca_certificates.label"),
+                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
+                              placeholder: o(r)("gateway_services.form.fields.ca_certificates.placeholder"),
+                              readonly: t.isReadonly,
+                              type: "text",
+                              onInput: s[23] || (s[23] = (_) => o(be)("ca_certificates"))
+                            }, {
+                              "label-tooltip": v(() => [
+                                d(o(Z), {
+                                  keypath: "gateway_services.form.fields.ca_certificates.tooltip",
+                                  scope: "global"
+                                }, {
+                                  code1: v(() => [
+                                    S("code", null, F(o(r)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                                  ]),
+                                  code2: v(() => [
+                                    S("code", null, F(o(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "error", "label", "placeholder", "readonly"])
+                          ])) : x("", !0),
+                          H.value ? (C(), E("div", hl, [
+                            d(u, {
+                              modelValue: t.fields.tls_verify_enabled,
+                              "onUpdate:modelValue": s[24] || (s[24] = (_) => t.fields.tls_verify_enabled = _),
+                              "data-testid": "gateway-service-tls-verify-checkbox",
+                              description: o(r)("gateway_services.form.fields.tls_verify_enabled.help"),
+                              label: o(r)("gateway_services.form.fields.tls_verify_enabled.label"),
+                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
+                            }, {
+                              tooltip: v(() => [
+                                d(o(Z), {
+                                  keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
+                                  scope: "global"
+                                }, {
+                                  code1: v(() => [
+                                    S("code", null, F(o(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "description", "label"]),
+                            t.fields.tls_verify_enabled ? (C(), E("div", wl, [
+                              d(V, {
+                                modelValue: t.fields.tls_verify_value,
+                                "onUpdate:modelValue": s[25] || (s[25] = (_) => t.fields.tls_verify_value = _),
+                                "data-testid": "gateway-service-tls-verify-true-option",
+                                label: o(r)("gateway_services.form.fields.tls_verify_option.true.label"),
+                                "selected-value": !0
+                              }, null, 8, ["modelValue", "label"])
+                            ])) : x("", !0),
+                            t.fields.tls_verify_enabled ? (C(), E("div", kl, [
+                              d(V, {
+                                modelValue: t.fields.tls_verify_value,
+                                "onUpdate:modelValue": s[26] || (s[26] = (_) => t.fields.tls_verify_value = _),
+                                "data-testid": "gateway-service-tls-verify-false-option",
+                                label: o(r)("gateway_services.form.fields.tls_verify_option.false.label"),
+                                "selected-value": !1
+                              }, null, 8, ["modelValue", "label"])
+                            ])) : x("", !0)
+                          ])) : x("", !0)
+                        ]))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "trigger-label"])
+              ]),
+              _: 1
+            }, 8, ["description", "hide-info-header", "title"]),
+            d(o(Be), {
+              description: o(r)("gateway_services.form.sections.general.description"),
+              "hide-info-header": n.hideSectionsInfo,
+              title: o(r)("gateway_services.form.sections.general.title")
+            }, {
+              default: v(() => [
+                d(P, {
+                  modelValue: t.fields.name,
+                  "onUpdate:modelValue": s[28] || (s[28] = (_) => t.fields.name = _),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "gateway-service-name-input",
+                  error: Pe.value,
+                  "error-message": se.value,
+                  label: o(r)("gateway_services.form.fields.name.label"),
+                  "label-attributes": {
+                    info: o(r)("gateway_services.form.fields.name.tooltip"),
+                    tooltipAttributes: { maxWidth: "400" }
+                  },
+                  name: "name",
+                  placeholder: o(r)("gateway_services.form.fields.name.placeholder"),
+                  readonly: t.isReadonly,
+                  type: "text",
+                  onInput: L
+                }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
+                d(we, {
+                  "data-testid": "tags-collapse",
+                  "trigger-alignment": "leading",
+                  "trigger-label": o(r)("gateway_services.form.fields.tags.collapse")
+                }, {
+                  default: v(() => [
+                    S("div", Vl, [
+                      d(P, {
+                        modelValue: t.fields.tags,
+                        "onUpdate:modelValue": s[29] || (s[29] = (_) => t.fields.tags = _),
+                        modelModifiers: { trim: !0 },
+                        autocomplete: "off",
+                        "data-testid": "gateway-service-tags-input",
+                        help: o(r)("gateway_services.form.fields.tags.help"),
+                        label: o(r)("gateway_services.form.fields.tags.label"),
+                        "label-attributes": {
+                          info: o(r)("gateway_services.form.fields.tags.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        name: "tags",
+                        placeholder: o(r)("gateway_services.form.fields.tags.placeholder"),
+                        readonly: t.isReadonly,
+                        type: "text"
+                      }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["trigger-label"])
+              ]),
+              _: 1
+            }, 8, ["description", "hide-info-header", "title"]),
+            t.errorMessages.length ? (C(), Fe(Ie, {
+              key: 0,
+              appearance: "danger"
+            }, {
+              default: v(() => [
+                S("ul", Cl, [
+                  (C(!0), E(ot, null, it(t.errorMessages, (_) => (C(), E("li", { key: _ }, F(_), 1))), 128))
+                ])
+              ]),
+              _: 1
+            })) : x("", !0)
+          ]),
+          _: 3
+        }, 8, ["can-submit", "config", "edit-id", "entity-type", "fetch-url", "form-fields", "is-readonly"])
+      ]);
+    };
+  }
+}), Rl = /* @__PURE__ */ Ne(Sl, [["__scopeId", "data-v-ba198a99"]]);
 export {
-  Xt as GatewayServiceConfigCard,
-  Qt as GatewayServiceForm,
-  zt as GatewayServiceList
+  Tl as GatewayServiceConfigCard,
+  Rl as GatewayServiceForm,
+  $l as GatewayServiceList,
+  Al as LegacyGatewayServiceForm
 };