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

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

@@ -1,8 +1,8 @@
-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 { defineComponent as Ke, computed as h, ref as W, watch as $e, onBeforeMount as lt, resolveComponent as D, openBlock as C, createElementBlock as F, createVNode as u, unref as o, createSlots as Re, withCtx as v, createBlock as Fe, Teleport as je, createElementVNode as S, createCommentVNode as M, createTextVNode as z, toDisplayString as P, withModifiers as Le, reactive as Te, onMounted as Ze, 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";
+import { useAxios as Oe, useTableState as ct, useFetcher as ut, useDeleteUrlBuilder as dt, 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 Ge, EntityFormSection as Be, useHelpers as ht, ConfigurationSchemaSection as Ue, ConfigurationSchemaType as wt, EntityBaseConfigCard as kt } from "@kong-ui-public/entities-shared";
 const Vt = {
   create: "New gateway service",
   serverless_create: "Add a Service",
@@ -53,10 +53,13 @@ const Vt = {
     description: "Gateway services represent backend APIs or microservices that receive traffic routed through the gateway."
   },
   form: {
+    buttons: {
+      try_sample: "Try sample API"
+    },
     errors: {
       host: {
-        empty: "host cannot be empty",
-        invalid: "invalid host"
+        empty: "Host cannot be empty",
+        invalid: "Invalid host"
       },
       port: {
         type: "Port must be a number",
@@ -67,8 +70,11 @@ const Vt = {
         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"
+        empty: "Protocol cannot be empty",
+        invalid: "Protocol - value must be one of http, https, grpc, grpcs, tcp, udp, tls, tls_passthrough, ws, wss"
+      },
+      url: {
+        invalid: "URL validation failed"
       }
     },
     sections: {
@@ -77,11 +83,11 @@ const Vt = {
         description: "Provide a name and tags to help identify and manage this service."
       },
       keys: {
-        title: "Service Endpoint",
+        title: "Service endpoint",
         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",
+        checkedGroupAltLabel: "Protocol, host, port and path",
         url: {
           label: "Full URL",
           description: "Define the service using a single, complete API URL for simple setup."
@@ -90,7 +96,7 @@ const Vt = {
           label: "Protocol, host, port, and path",
           description: "Manually specify each component of the API’s URL for advanced configurations."
         },
-        viewAdvancedFields: "View Advanced Fields"
+        viewAdvancedFields: "View advanced fields"
       }
     },
     fields: {
@@ -140,31 +146,31 @@ const Vt = {
         tooltip: "The number of retries to execute upon failure to proxy."
       },
       connect_timeout: {
-        label: "Connection Timeout",
+        label: "Connection timeout",
         tooltip: "The timeout in milliseconds for establishing a connection to the upstream server."
       },
       write_timeout: {
-        label: "Write Timeout",
+        label: "Write timeout",
         tooltip: "The timeout in milliseconds between two successive write operations for transmitting a request to the upstream server."
       },
       read_timeout: {
-        label: "Read Timeout",
+        label: "Read timeout",
         tooltip: "The timeout in milliseconds between two successive read operations for transmitting a request to the upstream server."
       },
       client_certificate: {
-        label: "Client Certificate",
+        label: "Client certificate",
         placeholder: "Enter a Certificate ID",
         tooltip: "Certificate to be used as client certificate while TLS handshaking to the upstream server."
       },
       ca_certificates: {
-        label: "CA Certificates",
+        label: "CA certificates",
         placeholder: "Enter a comma separated list of CA Certificate IDs",
         tooltip: "Array of {code1} object UUIDs that are used to build the trust store while verifying upstream server's TLS certificate. If set to {code2} when Nginx default is respected. If default CA list in Nginx are not specified and TLS verification is enabled, then handshake with upstream server will always fail (because no CA are trusted).",
         code1: "CA Certificate",
         code2: "null"
       },
       tls_verify_enabled: {
-        label: "TLS Verify",
+        label: "TLS verify",
         help: "If unchecked, use default system setting",
         tooltip: "Whether to enable verification of upstream server TLS certificate. If set to {code1}, then the Nginx default is respected.",
         code1: "null"
@@ -215,7 +221,7 @@ const Vt = {
   copy: Pt,
   glossary: Et
 };
-function Ut() {
+function $t() {
   const n = at("en-us", Ft);
   return {
     i18n: n,
@@ -223,13 +229,13 @@ function Ut() {
     // Translation component <i18n-t>
   };
 }
-function $t() {
+function Ut() {
   return {
-    getPortFromProtocol: (M, y) => {
+    getPortFromProtocol: (B, y) => {
       const p = [80, 443], a = Number(y);
       if ((a || a === 0) && !p.includes(a))
         return a;
-      switch (M) {
+      switch (B) {
         case "grpcs":
         case "tls":
         case "https":
@@ -245,48 +251,52 @@ function $t() {
     }
   };
 }
-function At() {
+function xt() {
   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) => {
+    validateHost: (b) => {
+      if (!b || b.trim() === "") return n("gateway_services.form.errors.host.empty");
+      const T = /^(?!:\/\/)([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,63}$/;
+      return /^((25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])$/.test(b) || T.test(b) ? "" : n("gateway_services.form.errors.host.invalid");
+    },
+    validateProtocol: (b, T) => !b || b.trim() === "" ? n("gateway_services.form.errors.protocol.empty") : (b = b.slice(0, -1), T.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 T = typeof b == "string" ? parseInt(b, 10) : b;
+      return isNaN(T) ? n("gateway_services.form.errors.port.type") : T < 0 || T > 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 = {
+  useI18n: $t,
+  usePortFromProtocol: Ut,
+  useUrlValidators: xt
+}, xe = "/v2/control-planes/{controlPlaneId}/core-entities", Ae = "/{workspace}", ye = {
   list: {
     konnect: {
-      all: `${Ae}/services`
+      all: `${xe}/services`
     },
     kongManager: {
-      all: `${Te}/services`
+      all: `${Ae}/services`
     }
   },
   form: {
     konnect: {
-      create: `${Ae}/services`,
-      validate: `${Ae}/v1/schemas/json/service/validate`,
-      edit: `${Ae}/services/{id}`
+      create: `${xe}/services`,
+      validate: `${xe}/v1/schemas/json/service/validate`,
+      edit: `${xe}/services/{id}`
     },
     kongManager: {
-      create: `${Te}/services`,
-      validate: `${Te}/schemas/services/validate`,
-      edit: `${Te}/services/{id}`
+      create: `${Ae}/services`,
+      validate: `${Ae}/schemas/services/validate`,
+      edit: `${Ae}/services/{id}`
     }
   }
-}, 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({
+}, At = "#00abd2", Rt = "24px", Tt = { class: "kong-ui-entities-gateway-services-list" }, Mt = { class: "button-row" }, Bt = { class: "empty-state-icon-gateway" }, Kt = { key: 1 }, Lt = /* @__PURE__ */ Ke({
   __name: "GatewayServiceList",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -344,9 +354,9 @@ const ge = {
     }
   },
   emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
-  setup(n, { emit: M }) {
+  setup(n, { emit: B }) {
     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 = {
+    const y = B, p = n, { i18n: { t: a, formatUnixTimeStamp: b } } = ge.useI18n(), T = qe(), { axiosInstance: H } = Oe((c = p.config) == null ? void 0 : c.axiosRequestConfig), { hasRecords: r, handleStateChange: L } = ct(() => ee.value), I = h(() => r.value && p.config.app === "konnect"), ie = h(() => !p.enableV2EmptyStates && p.config.app === "konnect"), de = h(() => p.config.app !== "kongManager" || !!p.config.disableSorting), X = {
       // the Name column is non-hidable
       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") } } : {},
@@ -362,36 +372,36 @@ const ge = {
       columnVisibility: {
         created_at: !1
       }
-    }, fe = X, A = h(() => {
+    }, fe = X, x = 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(() => {
+    }), Y = h(() => p.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${x.value}`) : new URL(x.value)), ee = W(""), re = h(() => {
       const g = p.config.app === "konnect" || p.config.isExactMatch;
       if (g)
         return {
           isExactMatch: g,
           placeholder: a(`search.placeholder.${p.config.app}`)
         };
-      const { name: m, enabled: w, protocol: G, host: Q, port: j, path: he } = X;
+      const { name: m, enabled: w, protocol: O, host: Q, port: j, path: he } = X;
       return {
         isExactMatch: g,
-        fields: { name: m, enabled: w, protocol: G, host: Q, port: j, path: he },
+        fields: { name: m, enabled: w, protocol: O, host: Q, port: j, path: he },
         schema: p.config.filterSchema
       };
     }), {
       fetcher: l,
-      fetcherState: T,
+      fetcherState: A,
       fetcherCacheKey: se
-    } = dt({ ...p.config, cacheIdentifier: p.cacheIdentifier }, A.value), Pe = () => {
+    } = ut({ ...p.config, cacheIdentifier: p.cacheIdentifier }, x.value), Pe = () => {
       ee.value = "";
     }, t = () => {
       se.value++;
-    }, U = W(null), ae = h(() => ({
+    }, $ = W(null), ae = h(() => ({
       ctaPath: p.config.createRoute,
-      ctaText: $.value ? p.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
+      ctaText: U.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")
+      title: U.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",
@@ -399,8 +409,8 @@ const ge = {
         name: ""
       };
       if (q.value) {
-        const { enabled: m, id: w, name: G } = q.value;
-        g.action = m ? "disable" : "enable", g.id = w, g.name = G || w;
+        const { enabled: m, id: w, name: O } = q.value;
+        g.action = m ? "disable" : "enable", g.id = w, g.name = O || w;
       }
       return g;
     }), ce = (g) => {
@@ -408,18 +418,18 @@ const ge = {
     }, _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)
+      var O, Q;
+      if (!await ((O = p.canEdit) == null ? void 0 : O.call(p, q.value)) || !q.value)
         return;
       const m = `${Y.value.href}/${q.value.id}`, w = !q.value.enabled;
       try {
-        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 });
+        const { data: j } = ((Q = p.config) == null ? void 0 : Q.app) === "konnect" ? await H.put(m, { ...q.value, enabled: w }) : await H.patch(m, { ...q.value, enabled: w });
         y("toggle:success", j), q.value.enabled = w;
       } catch (j) {
         y("error", j);
       }
     }, Ce = (g) => {
-      p.config.getControlPlaneRoute && B.push(p.config.getControlPlaneRoute(g));
+      p.config.getControlPlaneRoute && T.push(p.config.getControlPlaneRoute(g));
     }, me = (g, m) => {
       const w = g.id;
       if (!m(w)) {
@@ -450,55 +460,55 @@ const ge = {
       });
     }, 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) => ({
+      await ((w = p.canRetrieve) == null ? void 0 : w.call(p, g)) && T.push(p.config.getViewRoute(g.id));
+    }, ue = (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 = "";
+    }), N = W(void 0), Z = W(!1), oe = W(!1), ve = W(""), i = dt(p.config, x.value), f = (g) => {
+      N.value = g, Z.value = !0, ve.value = "";
     }, k = () => {
-      J.value = !1, N.value = void 0;
-    }, H = async () => {
+      Z.value = !1, N.value = void 0;
+    }, J = async () => {
       var g, m, w;
       if ((g = N.value) != null && g.id) {
         oe.value = !0;
         try {
-          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);
+          await H.delete(i(N.value.id)), y("delete:success", N.value), k(), se.value++;
+        } catch (O) {
+          ve.value = ((w = (m = O.response) == null ? void 0 : m.data) == null ? void 0 : w.message) || O.message || a("errors.delete"), y("error", O);
         } finally {
           oe.value = !1;
         }
       }
-    }, L = () => {
-      B.push(p.config.createRoute);
+    }, K = () => {
+      T.push(p.config.createRoute);
     };
-    Ue(T, (g) => {
-      var m, w, G;
+    $e(A, (g) => {
+      var m, w, O;
       if (g.status === ft.Error) {
-        U.value = {
+        $.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);
+        }, (O = (w = (m = g.error) == null ? void 0 : m.response) == null ? void 0 : w.data) != null && O.message && ($.value.message = g.error.response.data.message), y("error", g.error);
         return;
       }
-      U.value = null;
+      $.value = null;
     });
-    const $ = W(!1);
+    const U = W(!1);
     return lt(async () => {
-      $.value = await p.canCreate();
+      U.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), {
+      const w = D("KButton"), O = D("KBadge"), Q = D("KInputSwitch"), j = D("KDropdownItem"), he = D("KClipboardProvider");
+      return C(), F("div", Tt, [
+        u(o(pt), {
           "cache-identifier": n.cacheIdentifier,
           "default-table-preferences": ke,
-          "disable-sorting": ue.value,
+          "disable-sorting": de.value,
           "empty-state-options": ae.value,
           "enable-entity-actions": "",
-          "error-message": U.value,
+          "error-message": $.value,
           fetcher: o(l),
           "fetcher-cache-key": o(se),
           "pagination-type": "offset",
@@ -508,10 +518,10 @@ const ge = {
           onClearSearchInput: Pe,
           "onClick:row": m[5] || (m[5] = (e) => Se(e)),
           onSort: t,
-          onState: o(K)
+          onState: o(L)
         }, Re({
           "toolbar-filter": v(() => [
-            d(o(mt), {
+            u(o(mt), {
               modelValue: ee.value,
               "onUpdate:modelValue": m[0] || (m[0] = (e) => ee.value = e),
               config: re.value
@@ -532,23 +542,23 @@ const ge = {
                   onClick: m[1] || (m[1] = (e) => g.$emit("click:learn-more"))
                 }, {
                   default: v(() => [
-                    d(o(He), { decorative: "" })
+                    u(o(He), { decorative: "" })
                   ]),
                   _: 1
-                })) : x("", !0),
-                d(o(Ee), {
+                })) : M("", !0),
+                u(o(Ee), {
                   "auth-function": () => n.canCreate()
                 }, {
                   default: v(() => [
-                    d(w, {
+                    u(w, {
                       appearance: "primary",
                       "data-testid": "toolbar-add-gateway-service",
                       size: n.useActionOutside ? "medium" : "large",
                       to: n.config.createRoute
                     }, {
                       default: v(() => [
-                        d(o(rt)),
-                        z(" " + F(o(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                        u(o(rt)),
+                        z(" " + P(o(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
                       ]),
                       _: 1
                     }, 8, ["size", "to"])
@@ -559,40 +569,40 @@ const ge = {
             ], 8, ["disabled"]))
           ]),
           name: v(({ rowValue: e }) => [
-            S("b", null, F(e ?? "-"), 1)
+            S("b", null, P(e ?? "-"), 1)
           ]),
           control_plane: v(({ row: e }) => {
             var s;
             return [
-              (s = e.x_meta) != null && s.cluster_id ? (C(), Fe(G, {
+              (s = e.x_meta) != null && s.cluster_id ? (C(), Fe(O, {
                 key: 0,
                 tooltip: e.x_meta.cluster_id,
                 "truncation-tooltip": "",
-                onClick: Ke((V) => Ce(e.x_meta.cluster_id), ["stop"])
+                onClick: Le((V) => Ce(e.x_meta.cluster_id), ["stop"])
               }, {
                 default: v(() => [
-                  z(F(e.x_meta.cluster_id), 1)
+                  z(P(e.x_meta.cluster_id), 1)
                 ]),
                 _: 2
-              }, 1032, ["tooltip", "onClick"])) : (C(), E("b", Lt, "-"))
+              }, 1032, ["tooltip", "onClick"])) : (C(), F("b", Kt, "-"))
             ];
           }),
           enabled: v(({ row: e }) => [
-            d(o(Ee), {
+            u(o(Ee), {
               "auth-function": () => n.canEdit(e),
               "force-show": ""
             }, {
               default: v(({ isAllowed: s }) => [
                 S("div", {
-                  onClick: m[4] || (m[4] = Ke(() => {
+                  onClick: m[4] || (m[4] = Le(() => {
                   }, ["stop"]))
                 }, [
-                  d(Q, {
+                  u(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"])
+                    onClick: Le((V) => ce(e), ["prevent"])
                   }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
                 ])
               ]),
@@ -600,78 +610,78 @@ const ge = {
             }, 1032, ["auth-function"])
           ]),
           tags: v(({ rowValue: e }) => [
-            d(o(vt), { tags: e }, null, 8, ["tags"])
+            u(o(vt), { tags: e }, null, 8, ["tags"])
           ]),
           created_at: v(({ rowValue: e }) => [
-            z(F(o(b)(e)), 1)
+            z(P(o(b)(e)), 1)
           ]),
           updated_at: v(({ row: e, rowValue: s }) => [
-            z(F(o(b)(s ?? e.created_at)), 1)
+            z(P(o(b)(s ?? e.created_at)), 1)
           ]),
           actions: v(({ row: e }) => [
-            d(he, null, {
+            u(he, null, {
               default: v(({ copyToClipboard: s }) => [
-                d(j, {
+                u(j, {
                   "data-testid": "action-entity-copy-id",
                   onClick: (V) => me(e, s)
                 }, {
                   default: v(() => [
-                    z(F(o(a)("actions.copy_id")), 1)
+                    z(P(o(a)("actions.copy_id")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            d(he, null, {
+            u(he, null, {
               default: v(({ copyToClipboard: s }) => [
-                d(j, {
+                u(j, {
                   "data-testid": "action-entity-copy-json",
                   onClick: (V) => be(e, s)
                 }, {
                   default: v(() => [
-                    z(F(o(a)("actions.copy_json")), 1)
+                    z(P(o(a)("actions.copy_json")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
               ]),
               _: 2
             }, 1024),
-            d(o(Ee), {
+            u(o(Ee), {
               "auth-function": () => n.canRetrieve(e)
             }, {
               default: v(() => [
-                d(j, {
+                u(j, {
                   "data-testid": "action-entity-view",
                   "has-divider": "",
-                  item: de(e.id)
+                  item: ue(e.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            d(o(Ee), {
+            u(o(Ee), {
               "auth-function": () => n.canEdit(e)
             }, {
               default: v(() => [
-                d(j, {
+                u(j, {
                   "data-testid": "action-entity-edit",
                   item: le(e.id)
                 }, null, 8, ["item"])
               ]),
               _: 2
             }, 1032, ["auth-function"]),
-            d(o(Ee), {
+            u(o(Ee), {
               "auth-function": () => n.canDelete(e)
             }, {
               default: v(() => [
-                d(j, {
+                u(j, {
                   danger: "",
                   "data-testid": "action-entity-delete",
                   "has-divider": "",
                   onClick: (s) => f(e)
                 }, {
                   default: v(() => [
-                    z(F(o(a)("actions.delete.menu_label")), 1)
+                    z(P(o(a)("actions.delete.menu_label")), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"])
@@ -688,7 +698,7 @@ const ge = {
                 disabled: !n.useActionOutside,
                 to: "#kong-ui-app-page-header-action-button"
               }, [
-                d(w, {
+                u(w, {
                   appearance: "secondary",
                   class: "open-learning-hub",
                   "data-testid": "gateway-services-more-button",
@@ -696,7 +706,7 @@ const ge = {
                   onClick: m[2] || (m[2] = (e) => g.$emit("click:learn-more"))
                 }, {
                   default: v(() => [
-                    d(o(He), { decorative: "" })
+                    u(o(He), { decorative: "" })
                   ]),
                   _: 1
                 })
@@ -709,7 +719,7 @@ const ge = {
             fn: v(() => {
               var e;
               return [
-                d(o(gt), {
+                u(o(gt), {
                   "action-button-text": o(a)("gateway_services.empty_state_v2.create"),
                   appearance: "secondary",
                   "can-create": () => n.canCreate(),
@@ -717,13 +727,13 @@ const ge = {
                   description: o(a)("gateway_services.empty_state_v2.description"),
                   "learn-more": n.config.app === "konnect",
                   title: o(a)("gateway_services.empty_state_v2.title"),
-                  "onClick:create": L,
+                  "onClick:create": K,
                   "onClick:learnMore": m[3] || (m[3] = (s) => g.$emit("click:learn-more"))
                 }, Re({
                   image: v(() => [
                     S("div", Bt, [
-                      d(o(st), {
-                        color: o(Tt),
+                      u(o(st), {
+                        color: o(At),
                         size: o(Rt)
                       }, null, 8, ["color", "size"])
                     ])
@@ -733,7 +743,7 @@ const ge = {
                   (e = n.config) != null && e.isControlPlaneGroup ? {
                     name: "message",
                     fn: v(() => [
-                      z(F(o(a)("gateway_services.empty_state_v2.group")), 1)
+                      z(P(o(a)("gateway_services.empty_state_v2.group")), 1)
                     ]),
                     key: "0"
                   } : void 0
@@ -743,7 +753,7 @@ const ge = {
             key: "1"
           } : void 0
         ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        d(o(yt), {
+        u(o(yt), {
           action: pe.value.action,
           "entity-id": pe.value.id,
           "entity-name": pe.value.name,
@@ -753,32 +763,32 @@ const ge = {
           onCancel: _e,
           onProceed: _e
         }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        d(o(_t), {
+        u(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,
+          visible: Z.value,
           onCancel: k,
-          onProceed: H
+          onProceed: J
         }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
       ]);
     };
   }
-}), Ne = (n, M) => {
+}), Ne = (n, B) => {
   const y = n.__vccOpts || n;
-  for (const [p, a] of M)
+  for (const [p, a] of B)
     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 = {
+}, Ul = /* @__PURE__ */ Ne(Lt, [["__scopeId", "data-v-ee4f8a6d"]]), Wt = { class: "kong-ui-entities-gateway-service-form" }, Dt = { key: 0 }, qt = { class: "gateway-service-form-traffic-label" }, Ot = { class: "gateway-service-form-margin-bottom" }, Gt = {
   key: 0,
   class: "gateway-service-form-group-fields"
 }, Nt = {
   key: 1,
   class: "gateway-service-form-group-fields"
-}, 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 = {
+}, jt = { key: 0 }, zt = { class: "gateway-service-form-margin-top" }, Ht = { class: "gateway-service-form-margin-bottom" }, Jt = { class: "gateway-service-form-margin-bottom" }, Zt = { class: "gateway-service-form-margin-bottom" }, Qt = { class: "gateway-service-form-margin-bottom" }, Xt = {
   key: 0,
   class: "gateway-service-form-margin-bottom"
 }, Yt = {
@@ -793,7 +803,7 @@ const ge = {
 }, ll = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, ol = /* @__PURE__ */ Le({
+}, ol = /* @__PURE__ */ Ke({
   __name: "LegacyGatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -816,9 +826,9 @@ const ge = {
     }
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated"],
-  setup(n, { expose: M, emit: y }) {
+  setup(n, { expose: B, 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({
+    const p = y, a = n, b = W(!0), T = qe(), { i18nT: H, i18n: { t: r } } = ge.useI18n(), { getMessageFromError: L } = Xe(), { axiosInstance: I } = Oe((ve = a.config) == null ? void 0 : ve.axiosRequestConfig), ie = Ye(), de = h(() => ye.form[a.config.app].edit), X = h(() => a.gatewayServiceId ? Me.Edit : Me.Create), ke = W(!1), fe = h(() => !!a.gatewayServiceId), x = W(fe.value ? "protocol" : "url"), Y = ge.usePortFromProtocol(), ee = W(""), re = h(() => !!ee.value), l = Te({
       fields: {
         name: "",
         protocol: "http",
@@ -838,7 +848,7 @@ const ge = {
       },
       isReadonly: !1,
       errorMessage: ""
-    }), T = xe({
+    }), A = Te({
       name: "",
       protocol: "http",
       host: "",
@@ -913,45 +923,45 @@ const ge = {
         value: "udp",
         group: "udp"
       }
-    ], t = { url: "url", protocol: "protocol" }, U = (i, f) => {
+    ], t = { url: "url", protocol: "protocol" }, $ = (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;
+      b.value = !0, l.errorMessage = "", l.fields.host = A.host, l.fields.path = A.path, l.fields.port = A.port, l.fields.protocol = A.protocol, l.fields.url = A.url, l.fields.retries = A.retries, l.fields.connect_timeout = A.connect_timeout, l.fields.write_timeout = A.write_timeout, l.fields.read_timeout = A.read_timeout, l.fields.client_certificate = A.client_certificate, l.fields.ca_certificates = A.ca_certificates, l.fields.tls_verify_enabled = A.tls_verify_enabled, l.fields.tls_verify_value = A.tls_verify_value;
     }, q = () => {
-      if (l.fields.url && A.value === "url")
+      if (l.fields.url && x.value === "url")
         try {
           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));
+          l.errorMessage = r("errors.urlErrorMessage"), p("url-valid:error", L(i));
         }
       else
         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")
+      if (x.value === "url")
         return !0;
       const i = ["https", "wss", "tls"].includes(l.fields.protocol);
-      return A.value === "protocol" && i;
+      return x.value === "protocol" && i;
     }), _e = h(() => {
-      if (A.value === "url")
+      if (x.value === "url")
         return !0;
       const i = ["https", "tls"].includes(l.fields.protocol);
-      return A.value === "protocol" && i;
+      return x.value === "protocol" && i;
     }), Ve = h(() => {
-      if (A.value === "url")
+      if (x.value === "url")
         return !0;
       const i = ["https", "wss", "tls"].includes(l.fields.protocol);
-      return A.value === "protocol" && i;
+      return x.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);
+    }, me = h(() => fe.value && JSON.stringify(l.fields) !== JSON.stringify(A) || x.value === "url" && !!l.fields.url || x.value === "protocol" && !!l.fields.host), be = (i) => {
+      var f, k, J;
+      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 = ((J = i == null ? void 0 : i.client_certificate) == null ? void 0 : J.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(A, l.fields);
     }, Se = () => {
-      B.push(a.config.cancelRoute);
-    }, de = h(() => {
+      T.push(a.config.cancelRoute);
+    }, ue = 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;
@@ -962,11 +972,11 @@ const ge = {
     }), 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;
+    }, Z = h(() => {
+      var f, k, J, K;
       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,
+        tags: l.fields.tags ? (J = (k = (f = l.fields.tags) == null ? void 0 : f.split(",")) == null ? void 0 : k.map((U) => String(U || "").trim())) == null ? void 0 : J.filter((U) => U !== "") : null,
         protocol: l.fields.protocol,
         path: l.fields.path || null,
         read_timeout: l.fields.read_timeout,
@@ -975,54 +985,54 @@ const ge = {
         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,
+        ca_certificates: l.fields.ca_certificates ? (K = l.fields.ca_certificates) == null ? void 0 : K.split(",").filter((U) => U !== "") : 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 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;
+      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" ? x.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;
+      var i, f, k, J;
       try {
         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);
+        const K = Z.value;
+        N(K);
+        let U;
+        if (await I.post(ue.value, K), X.value === "create" ? U = await I.post(le.value, K) : X.value === "edit" && (U = ((i = a.config) == null ? void 0 : i.app) === "konnect" ? await I.put(le.value, K) : await I.patch(le.value, K)), U) {
+          const { data: c } = U;
+          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 = (J = c == null ? void 0 : c.tags) != null && J.length ? c.tags.join(", ") : "", Object.assign(A, l.fields), p("update", U == null ? void 0 : U.data);
         }
-        return $;
-      } catch (L) {
-        l.errorMessage = K(L), p("error", L);
+        return U;
+      } catch (K) {
+        l.errorMessage = L(K), p("error", K);
       } finally {
         l.isReadonly = !1;
       }
     };
-    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({
+    return $e(() => a.gatewayServiceId, () => {
+      Object.assign(l.fields, A);
+    }), $e(l.fields, (i) => {
+      l.fields.port = Y.getPortFromProtocol(i.protocol, String(i.port)), p("model-updated", Z.value);
+    }), Ze(() => {
+      p("model-updated", Z.value);
+    }), B({
       validateUrl: q,
-      getPayload: J,
+      getPayload: Z,
       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), {
+      const k = D("KInput"), J = D("KLabel"), K = D("KRadio"), U = D("KSelect"), c = D("KCheckbox"), g = D("KCollapse");
+      return C(), F("div", Wt, [
+        u(o(tt), {
           "can-submit": me.value,
           config: n.config,
           "edit-id": n.gatewayServiceId,
-          "entity-type": o(Oe).GatewayService,
+          "entity-type": o(Ge).GatewayService,
           "error-message": l.errorMessage,
-          "fetch-url": ue.value,
-          "form-fields": J.value,
+          "fetch-url": de.value,
+          "form-fields": Z.value,
           "is-readonly": l.isReadonly,
           onCancel: Se,
           "onFetch:error": f[25] || (f[25] = (m) => i.$emit("error", m)),
@@ -1038,13 +1048,13 @@ const ge = {
             }, void 0, !0)
           ]),
           default: v(() => [
-            d(o(Be), {
+            u(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(k, {
+                u(k, {
                   modelValue: l.fields.name,
                   "onUpdate:modelValue": f[0] || (f[0] = (m) => l.fields.name = m),
                   modelModifiers: { trim: !0 },
@@ -1063,7 +1073,7 @@ const ge = {
                   type: "text",
                   onInput: Ce
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                d(k, {
+                u(k, {
                   modelValue: l.fields.tags,
                   "onUpdate:modelValue": f[1] || (f[1] = (m) => l.fields.tags = m),
                   modelModifiers: { trim: !0 },
@@ -1083,37 +1093,37 @@ const ge = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            d(o(Be), {
+            u(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(() => [
-                fe.value ? x("", !0) : (C(), E("div", Dt, [
+                fe.value ? M("", !0) : (C(), F("div", Dt, [
                   S("div", qt, [
-                    d(H, { required: "" }, {
+                    u(J, { required: "" }, {
                       default: v(() => [
-                        z(F(o(r)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
+                        z(P(o(r)("gateway_services.form.sections.keys.checkedGroupLabel")), 1)
                       ]),
                       _: 1
                     })
                   ]),
-                  S("div", Gt, [
-                    d(L, {
-                      modelValue: A.value,
-                      "onUpdate:modelValue": f[2] || (f[2] = (m) => A.value = m),
+                  S("div", Ot, [
+                    u(K, {
+                      modelValue: x.value,
+                      "onUpdate:modelValue": f[2] || (f[2] = (m) => x.value = m),
                       "data-testid": "gateway-service-url-radio",
                       "selected-value": t.url,
                       onChange: ne
                     }, {
                       default: v(() => [
-                        z(F(o(r)("gateway_services.form.sections.keys.urlLabel")), 1)
+                        z(P(o(r)("gateway_services.form.sections.keys.urlLabel")), 1)
                       ]),
                       _: 1
                     }, 8, ["modelValue", "selected-value"])
                   ]),
-                  A.value === "url" ? (C(), E("div", Ot, [
-                    d(k, {
+                  x.value === "url" ? (C(), F("div", Gt, [
+                    u(k, {
                       modelValue: l.fields.url,
                       "onUpdate:modelValue": f[3] || (f[3] = (m) => l.fields.url = m),
                       modelModifiers: { trim: !0 },
@@ -1128,23 +1138,23 @@ const ge = {
                       placeholder: o(r)("gateway_services.form.fields.upstream_url.placeholder"),
                       required: ""
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                  ])) : x("", !0),
-                  d(L, {
-                    modelValue: A.value,
-                    "onUpdate:modelValue": f[4] || (f[4] = (m) => A.value = m),
+                  ])) : M("", !0),
+                  u(K, {
+                    modelValue: x.value,
+                    "onUpdate:modelValue": f[4] || (f[4] = (m) => x.value = m),
                     "checked-group": "protocol",
                     "data-testid": "gateway-service-protocol-radio",
                     "selected-value": t.protocol,
                     onChange: ne
                   }, {
                     default: v(() => [
-                      z(F(o(r)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
+                      z(P(o(r)("gateway_services.form.sections.keys.checkedGroupAltLabel")), 1)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "selected-value"])
                 ])),
-                A.value === "protocol" || fe.value ? (C(), E("div", Nt, [
-                  d($, {
+                x.value === "protocol" || fe.value ? (C(), F("div", Nt, [
+                  u(U, {
                     modelValue: l.fields.protocol,
                     "onUpdate:modelValue": f[5] || (f[5] = (m) => l.fields.protocol = m),
                     "data-testid": "gateway-service-protocol-select",
@@ -1157,9 +1167,9 @@ const ge = {
                     readonly: l.isReadonly,
                     required: "",
                     width: "100%",
-                    onSelected: f[6] || (f[6] = (m) => U(l.fields.protocol, m))
+                    onSelected: f[6] || (f[6] = (m) => $(l.fields.protocol, m))
                   }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                  d(k, {
+                  u(k, {
                     modelValue: l.fields.host,
                     "onUpdate:modelValue": f[7] || (f[7] = (m) => l.fields.host = m),
                     modelModifiers: { trim: !0 },
@@ -1174,8 +1184,8 @@ const ge = {
                     placeholder: o(r)("gateway_services.form.fields.host.placeholder"),
                     required: ""
                   }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"]),
-                  pe.value ? (C(), E("div", jt, [
-                    d(k, {
+                  pe.value ? (C(), F("div", jt, [
+                    u(k, {
                       modelValue: l.fields.path,
                       "onUpdate:modelValue": f[8] || (f[8] = (m) => l.fields.path = m),
                       modelModifiers: { trim: !0 },
@@ -1189,8 +1199,8 @@ const ge = {
                       name: "path",
                       placeholder: o(r)("gateway_services.form.fields.path.placeholder")
                     }, null, 8, ["modelValue", "label", "label-attributes", "placeholder"])
-                  ])) : x("", !0),
-                  d(k, {
+                  ])) : M("", !0),
+                  u(k, {
                     modelValue: l.fields.port,
                     "onUpdate:modelValue": [
                       f[9] || (f[9] = (m) => l.fields.port = m),
@@ -1208,8 +1218,8 @@ const ge = {
                     name: "port",
                     type: "number"
                   }, null, 8, ["modelValue", "label", "label-attributes"])
-                ])) : x("", !0),
-                d(g, {
+                ])) : M("", !0),
+                u(g, {
                   modelValue: b.value,
                   "onUpdate:modelValue": f[24] || (f[24] = (m) => b.value = m),
                   "data-testid": "advanced-fields-collapse",
@@ -1219,7 +1229,7 @@ const ge = {
                   default: v(() => [
                     S("div", zt, [
                       S("div", Ht, [
-                        d(k, {
+                        u(k, {
                           modelValue: l.fields.retries,
                           "onUpdate:modelValue": [
                             f[11] || (f[11] = (m) => l.fields.retries = m),
@@ -1239,8 +1249,8 @@ const ge = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      S("div", Zt, [
-                        d(k, {
+                      S("div", Jt, [
+                        u(k, {
                           modelValue: l.fields.connect_timeout,
                           "onUpdate:modelValue": [
                             f[13] || (f[13] = (m) => l.fields.connect_timeout = m),
@@ -1260,8 +1270,8 @@ const ge = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      S("div", Jt, [
-                        d(k, {
+                      S("div", Zt, [
+                        u(k, {
                           modelValue: l.fields.write_timeout,
                           "onUpdate:modelValue": [
                             f[15] || (f[15] = (m) => l.fields.write_timeout = m),
@@ -1282,7 +1292,7 @@ const ge = {
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
                       S("div", Qt, [
-                        d(k, {
+                        u(k, {
                           modelValue: l.fields.read_timeout,
                           "onUpdate:modelValue": [
                             f[17] || (f[17] = (m) => l.fields.read_timeout = m),
@@ -1302,8 +1312,8 @@ const ge = {
                           type: "number"
                         }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                       ]),
-                      ce.value ? (C(), E("div", Xt, [
-                        d(k, {
+                      ce.value ? (C(), F("div", Xt, [
+                        u(k, {
                           modelValue: l.fields.client_certificate,
                           "onUpdate:modelValue": f[19] || (f[19] = (m) => l.fields.client_certificate = m),
                           modelModifiers: { trim: !0 },
@@ -1319,9 +1329,9 @@ const ge = {
                           readonly: l.isReadonly,
                           type: "text"
                         }, null, 8, ["modelValue", "label", "label-attributes", "placeholder", "readonly"])
-                      ])) : x("", !0),
-                      _e.value ? (C(), E("div", Yt, [
-                        d(k, {
+                      ])) : M("", !0),
+                      _e.value ? (C(), F("div", Yt, [
+                        u(k, {
                           modelValue: l.fields.ca_certificates,
                           "onUpdate:modelValue": f[20] || (f[20] = (m) => l.fields.ca_certificates = m),
                           modelModifiers: { trim: !0 },
@@ -1334,24 +1344,24 @@ const ge = {
                           type: "text"
                         }, {
                           "label-tooltip": v(() => [
-                            d(o(Z), {
+                            u(o(H), {
                               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)
+                                S("code", null, P(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)
+                                S("code", null, P(o(r)("gateway_services.form.fields.ca_certificates.code2")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "label", "placeholder", "readonly"])
-                      ])) : x("", !0),
-                      Ve.value ? (C(), E("div", el, [
-                        d(c, {
+                      ])) : M("", !0),
+                      Ve.value ? (C(), F("div", el, [
+                        u(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",
@@ -1360,37 +1370,37 @@ const ge = {
                           "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
                         }, {
                           tooltip: v(() => [
-                            d(o(Z), {
+                            u(o(H), {
                               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)
+                                S("code", null, P(o(r)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
                               ]),
                               _: 1
                             })
                           ]),
                           _: 1
                         }, 8, ["modelValue", "description", "label"]),
-                        l.fields.tls_verify_enabled ? (C(), E("div", tl, [
-                          d(L, {
+                        l.fields.tls_verify_enabled ? (C(), F("div", tl, [
+                          u(K, {
                             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(r)("gateway_services.form.fields.tls_verify_option.true.label"),
                             "selected-value": !0
                           }, null, 8, ["modelValue", "label"])
-                        ])) : x("", !0),
-                        l.fields.tls_verify_enabled ? (C(), E("div", ll, [
-                          d(L, {
+                        ])) : M("", !0),
+                        l.fields.tls_verify_enabled ? (C(), F("div", ll, [
+                          u(K, {
                             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(r)("gateway_services.form.fields.tls_verify_option.false.label"),
                             "selected-value": !1
                           }, null, 8, ["modelValue", "label"])
-                        ])) : x("", !0)
-                      ])) : x("", !0)
+                        ])) : M("", !0)
+                      ])) : M("", !0)
                     ])
                   ]),
                   _: 1
@@ -1404,7 +1414,7 @@ const ge = {
       ]);
     };
   }
-}), Al = /* @__PURE__ */ Ne(ol, [["__scopeId", "data-v-c2c5e1f0"]]), il = { class: "kong-ui-gateway-service-entity-config-card" }, Tl = /* @__PURE__ */ Le({
+}), xl = /* @__PURE__ */ Ne(ol, [["__scopeId", "data-v-c2c5e1f0"]]), il = { class: "kong-ui-gateway-service-entity-config-card" }, Al = /* @__PURE__ */ Ke({
   __name: "GatewayServiceConfigCard",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1431,7 +1441,7 @@ const ge = {
   },
   emits: ["loading", "fetch:error", "fetch:success"],
   setup(n) {
-    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({
+    const B = n, { i18n: { t: y }, i18nT: p } = ge.useI18n(), a = h(() => ye.form[B.config.app].edit), { getPropValue: b } = ht(), T = (r, L) => b(r, L) === !0 ? y("gateway_services.form.fields.tls_verify_option.true.display") : y("gateway_services.form.fields.tls_verify_option.false.display"), H = W({
       id: {},
       name: {
         tooltip: y("gateway_services.form.fields.name.tooltip")
@@ -1440,19 +1450,19 @@ const ge = {
       updated_at: {},
       created_at: {},
       protocol: {
-        section: $e.Basic,
+        section: Ue.Basic,
         tooltip: y("gateway_services.form.fields.protocol.tooltip")
       },
       host: {
-        section: $e.Basic,
+        section: Ue.Basic,
         tooltip: y("gateway_services.form.fields.host.tooltip")
       },
       path: {
-        section: $e.Basic,
+        section: Ue.Basic,
         tooltip: y("gateway_services.form.fields.path.tooltip")
       },
       port: {
-        section: $e.Basic,
+        section: Ue.Basic,
         tooltip: y("gateway_services.form.fields.port.tooltip")
       },
       tags: {
@@ -1491,62 +1501,62 @@ const ge = {
         hidden: !0
       }
     });
-    return (r, K) => (C(), E("div", il, [
-      d(o(kt), {
+    return (r, L) => (C(), F("div", il, [
+      u(o(kt), {
         config: n.config,
         "config-card-doc": n.configCardDoc,
-        "config-schema": Z.value,
-        "entity-type": o(Oe).GatewayService,
+        "config-schema": H.value,
+        "entity-type": o(Ge).GatewayService,
         "fetch-url": a.value,
         "hide-title": n.hideTitle,
-        "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))
+        "onFetch:error": L[0] || (L[0] = (I) => r.$emit("fetch:error", I)),
+        "onFetch:success": L[1] || (L[1] = (I) => r.$emit("fetch:success", I)),
+        onLoading: L[2] || (L[2] = (I) => r.$emit("loading", I))
       }, {
         "enabled-label-tooltip": v(() => [
-          d(o(p), {
+          u(o(p), {
             keypath: "gateway_services.form.fields.enabled.tooltip",
             scope: "global"
           }, {
             false: v(() => [
-              S("code", null, F(o(y)("gateway_services.form.fields.enabled.false")), 1)
+              S("code", null, P(o(y)("gateway_services.form.fields.enabled.false")), 1)
             ]),
             true: v(() => [
-              S("code", null, F(o(y)("gateway_services.form.fields.enabled.true")), 1)
+              S("code", null, P(o(y)("gateway_services.form.fields.enabled.true")), 1)
             ]),
             _: 1
           })
         ]),
         "ca_certificates-label-tooltip": v(() => [
-          d(o(p), {
+          u(o(p), {
             keypath: "gateway_services.form.fields.ca_certificates.tooltip",
             scope: "global"
           }, {
             code1: v(() => [
-              S("code", null, F(o(y)("gateway_services.form.fields.ca_certificates.code1")), 1)
+              S("code", null, P(o(y)("gateway_services.form.fields.ca_certificates.code1")), 1)
             ]),
             code2: v(() => [
-              S("code", null, F(o(y)("gateway_services.form.fields.ca_certificates.code2")), 1)
+              S("code", null, P(o(y)("gateway_services.form.fields.ca_certificates.code2")), 1)
             ]),
             _: 1
           })
         ]),
         "tls_verify-label-tooltip": v(() => [
-          d(o(p), {
+          u(o(p), {
             keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
             scope: "global"
           }, {
             code1: v(() => [
-              S("code", null, F(o(y)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+              S("code", null, P(o(y)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
             ]),
             _: 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)
+          z(P(typeof o(b)("rowValue", I) == "boolean" ? T("rowValue", I) : o(y)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
         ]),
         client_certificate: v((I) => [
-          z(F(o(b)("rowValue", I) ? o(b)("rowValue", I).id : "–"), 1)
+          z(P(o(b)("rowValue", I) ? o(b)("rowValue", I).id : "–"), 1)
         ]),
         _: 1
       }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
@@ -1554,41 +1564,41 @@ const ge = {
   }
 });
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ze = () => {
+const Je = () => {
 };
-function rl(n, M) {
+function rl(n, B) {
   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);
+      Promise.resolve(n(() => B.apply(this, p), { fn: B, thisArg: this, args: p })).then(a).catch(b);
     });
   }
   return y;
 }
-function sl(n, M = {}) {
-  let y, p, a = Ze;
+function sl(n, B = {}) {
+  let y, p, a = Je;
   const b = (r) => {
-    clearTimeout(r), a(), a = Ze;
+    clearTimeout(r), a(), a = Je;
   };
-  let B;
+  let T;
   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());
+    const L = ze(n), I = ze(B.maxWait);
+    return y && b(y), L <= 0 || I !== void 0 && I <= 0 ? (p && (b(p), p = null), Promise.resolve(r())) : new Promise((ie, de) => {
+      a = B.rejectOnCancel ? de : ie, T = r, I && !p && (p = setTimeout(() => {
+        y && b(y), p = null, ie(T());
       }, I)), y = setTimeout(() => {
         p && b(p), p = null, ie(r());
-      }, K);
+      }, L);
     });
   };
 }
-function De(n, M = 200, y = {}) {
+function De(n, B = 200, y = {}) {
   return rl(
-    sl(M, y),
+    sl(B, y),
     n
   );
 }
 const te = {
-  name: "WeatherApi-quickstart-demo",
+  name: "Kong-Air-Flights-API",
   tags: [],
   protocol: "https",
   path: "/flights",
@@ -1603,10 +1613,10 @@ const te = {
 }, 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 = {
+}, cl = { class: "gateway-service-form-group-selection-wrapper" }, ul = {
   key: 0,
   class: "gateway-service-form-group-fields"
-}, ul = {
+}, dl = {
   key: 0,
   class: "gateway-service-form-group-fields"
 }, fl = { key: 0 }, pl = {
@@ -1627,7 +1637,7 @@ const te = {
 }, kl = {
   key: 1,
   class: "checkbox-aligned-radio"
-}, Vl = { class: "gateway-service-form-tags" }, Cl = { class: "form-error-list" }, Sl = /* @__PURE__ */ Le({
+}, Vl = { class: "gateway-service-form-tags" }, Cl = { class: "form-error-list" }, Sl = /* @__PURE__ */ Ke({
   __name: "GatewayServiceForm",
   props: {
     /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
@@ -1661,9 +1671,9 @@ const te = {
     }
   },
   emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
-  setup(n, { expose: M, emit: y }) {
+  setup(n, { expose: B, 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({
+    const p = y, a = n, b = W(!0), T = qe(), { i18nT: H, i18n: { t: r } } = ge.useI18n(), { getErrorFieldsFromError: L } = Xe(), { axiosInstance: I } = Oe((he = a.config) == null ? void 0 : he.axiosRequestConfig), ie = Ye(), { validateHost: de, validatePath: X, validatePort: ke, validateProtocol: fe } = ge.useUrlValidators(), x = 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"), A = ge.usePortFromProtocol(), se = W(""), Pe = h(() => !!se.value || !!ue("name")), t = Te({
       fields: {
         name: "",
         protocol: "http",
@@ -1699,7 +1709,7 @@ const te = {
         tls_verify_enabled: "",
         tls_verify_value: ""
       }
-    }), U = xe({
+    }), $ = Te({
       name: "",
       protocol: "http",
       host: "",
@@ -1777,11 +1787,11 @@ const te = {
     ], 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;
+      t.fields.host = $.host, t.fields.path = $.path, t.fields.port = $.port, t.fields.protocol = $.protocol, t.fields.url = $.url, t.fields.retries = $.retries, t.fields.connect_timeout = $.connect_timeout, t.fields.write_timeout = $.write_timeout, t.fields.read_timeout = $.read_timeout, t.fields.client_certificate = $.client_certificate, t.fields.ca_certificates = $.ca_certificates, t.fields.tls_verify_enabled = $.tls_verify_enabled, t.fields.tls_verify_value = $.tls_verify_value;
     }, Ve = () => {
       b.value = !0, N(), t.errorMessages = [], _e();
     }, Ce = () => {
-      switch (_e(), t.fields.name = te.name, l.value) {
+      switch (_e(), t.fields.name = `${te.name} + ${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, l.value) {
         case "url":
           t.fields.url = `${te.protocol}://${te.host}${te.path}`;
           break;
@@ -1797,33 +1807,33 @@ const te = {
           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);
+          const V = de(e.hostname);
           if (V) throw new Error(V);
           t.fields.host = e.hostname;
-          const O = X(e.pathname);
-          if (O) throw new Error(O);
+          const G = X(e.pathname);
+          if (G) throw new Error(G);
           t.fields.path = e.pathname;
-          const P = ke(e.port);
-          if (P) throw new Error(P);
+          const E = ke(e.port);
+          if (E) throw new Error(E);
           const R = Number(e.port);
-          ee.value = !!R, t.fields.port = R || T.getPortFromProtocol(t.fields.protocol), p("url-valid:success");
+          ee.value = !!R, t.fields.port = R || A.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";
+          p("url-valid:error", e.message || r("gateway_services.form.errors.url.invalid")), t.formFieldErrors.url = e.message || r("gateway_services.form.errors.url.invalid");
         }
     }, 300), be = De((e) => {
-      N(e ?? void 0);
-    }, 300), Se = h(() => !!t.formFieldErrors.url || !!t.formFieldErrors.host || !!t.formFieldErrors.port), de = (e) => {
+      N(e);
+    }, 300), Se = h(() => !!t.formFieldErrors.url || !!t.formFieldErrors.host || !!t.formFieldErrors.port), ue = (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);
+      const s = de(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");
+      const G = ke(t.fields.port);
+      G && (t.formFieldErrors.port = G), Z.value ? p("url-valid:success") : p("url-valid:error", t.errorMessages.join(",") || r("gateway_services.form.errors.url.invalid"));
     }, 300), N = (e) => {
       if (e)
         t.formFieldErrors[e] = "";
@@ -1831,14 +1841,11 @@ const te = {
         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;
+    }, Z = h(() => {
+      for (let e in t.formFieldErrors)
+        if (t.formFieldErrors[e].length)
+          return !1;
+      return !0;
     }), 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(() => {
@@ -1851,23 +1858,23 @@ const te = {
         return !0;
       const e = ["https", "tls"].includes(t.fields.protocol);
       return l.value === "protocol" && e;
-    }), H = h(() => {
+    }), J = h(() => {
       if (l.value === "url")
         return !0;
       const e = ["https", "wss", "tls"].includes(t.fields.protocol);
       return l.value === "protocol" && e;
-    }), L = (e) => {
+    }), K = (e) => {
       se.value = ie.utf8Name(e);
-    }, $ = h(() => {
+    }, U = 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 JSON.stringify(t.fields) !== JSON.stringify($);
+      const e = l.value === "url" && !!t.fields.url && Z.value, s = l.value === "protocol" && !!t.fields.host && Z.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);
+      var s, V, G;
+      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 = ((G = e == null ? void 0 : e.client_certificate) == null ? void 0 : G.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($, t.fields);
     }, g = () => {
-      B.push(a.config.cancelRoute);
+      T.push(a.config.cancelRoute);
     }, m = h(() => {
       var s, V;
       let e = `${a.config.apiBaseUrl}${ye.form[a.config.app].validate}`;
@@ -1876,14 +1883,14 @@ const te = {
       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) => {
+    }), O = (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;
+      var s, V, G, E;
       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,
+        tags: t.fields.tags ? (G = (V = (s = t.fields.tags) == null ? void 0 : s.split(",")) == null ? void 0 : V.map((R) => String(R || "").trim())) == null ? void 0 : G.filter((R) => R !== "") : null,
         protocol: t.fields.protocol,
         path: t.fields.path || null,
         read_timeout: t.fields.read_timeout,
@@ -1892,7 +1899,7 @@ const te = {
         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,
+        ca_certificates: t.fields.ca_certificates ? (E = t.fields.ca_certificates) == null ? void 0 : E.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,
@@ -1900,51 +1907,51 @@ const te = {
       };
       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;
+      var e, s, V, G;
       try {
         t.isReadonly = !0, oe();
-        const P = Q.value;
-        G(P);
+        const E = Q.value;
+        O(E);
         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);
+        if (await I.post(m.value, E), Y.value === "create" ? R = await I.post(w.value, E) : Y.value === "edit" && (R = ((e = a.config) == null ? void 0 : e.app) === "konnect" ? await I.put(w.value, E) : await I.patch(w.value, E)), R) {
+          const { data: d } = R;
+          t.fields.name = (d == null ? void 0 : d.name) || "", t.fields.port = d.port || A.getPortFromProtocol(d.protocol), t.fields.protocol = (d == null ? void 0 : d.protocol) || "http", t.fields.host = (d == null ? void 0 : d.host) || "", t.fields.path = (d == null ? void 0 : d.path) || "", t.fields.url = (d == null ? void 0 : d.url) || "", t.fields.retries = d != null && d.retries || (d == null ? void 0 : d.retries) === 0 ? d == null ? void 0 : d.retries : 5, t.fields.connect_timeout = d != null && d.connect_timeout || (d == null ? void 0 : d.connect_timeout) === 0 ? d == null ? void 0 : d.connect_timeout : 6e4, t.fields.write_timeout = d != null && d.write_timeout || (d == null ? void 0 : d.write_timeout) === 0 ? d == null ? void 0 : d.write_timeout : 6e4, t.fields.read_timeout = d != null && d.read_timeout || (d == null ? void 0 : d.read_timeout) === 0 ? d == null ? void 0 : d.read_timeout : 6e4, t.fields.client_certificate = ((s = d == null ? void 0 : d.client_certificate) == null ? void 0 : s.id) || "", t.fields.ca_certificates = (V = d == null ? void 0 : d.ca_certificates) != null && V.length ? d == null ? void 0 : d.ca_certificates.join(",") : "", t.fields.tls_verify_enabled = (d == null ? void 0 : d.tls_verify) !== "" && (d == null ? void 0 : d.tls_verify) !== null && (d == null ? void 0 : d.tls_verify) !== void 0, t.fields.tls_verify_value = t.fields.tls_verify_enabled && (d == null ? void 0 : d.tls_verify), t.fields.tags = (G = d == null ? void 0 : d.tags) != null && G.length ? d.tags.join(", ") : "", Object.assign($, 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) => {
+      } catch (E) {
+        const { fields: R, messages: d } = L(E);
+        t.errorMessages = d, 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);
+        }), p("error", E);
       } 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(() => {
+    return $e(() => a.gatewayServiceId, () => {
+      Object.assign(t.fields, $);
+    }), $e(t.fields, (e) => {
+      t.fields.port = A.getPortFromProtocol(e.protocol, String(e.port)), p("model-updated", Q.value);
+    }), Ze(() => {
       p("model-updated", Q.value), re.value || (t.fields.name = ve());
-    }), M({
+    }), B({
       validateUrl: oe,
       getPayload: Q,
       saveFormData: j,
-      canSubmit: $,
+      canSubmit: U,
       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,
+      const V = D("KRadio"), G = D("KButton"), E = D("KInput"), R = D("KSelect"), d = D("KCheckbox"), we = D("KCollapse"), Ie = D("KAlert");
+      return C(), F("div", al, [
+        u(o(tt), {
+          "can-submit": U.value,
           config: n.config,
           "edit-id": n.gatewayServiceId,
-          "entity-type": o(Oe).GatewayService,
-          "fetch-url": A.value,
+          "entity-type": o(Ge).GatewayService,
+          "fetch-url": x.value,
           "form-fields": Q.value,
           "is-readonly": t.isReadonly,
           onCancel: g,
@@ -1955,21 +1962,21 @@ const te = {
         }, {
           "form-actions": v(() => [
             Qe(e.$slots, "form-actions", {
-              canSubmit: $.value,
+              canSubmit: U.value,
               cancel: g,
               submit: j
             }, void 0, !0)
           ]),
           default: v(() => [
-            d(o(Be), {
+            u(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, [
+                re.value ? M("", !0) : (C(), F("div", nl, [
                   S("div", cl, [
-                    d(V, {
+                    u(V, {
                       modelValue: l.value,
                       "onUpdate:modelValue": s[0] || (s[0] = (_) => l.value = _),
                       card: "",
@@ -1980,7 +1987,7 @@ const te = {
                       "selected-value": q.url,
                       onChange: Ve
                     }, null, 8, ["modelValue", "description", "label", "selected-value"]),
-                    d(V, {
+                    u(V, {
                       modelValue: l.value,
                       "onUpdate:modelValue": s[1] || (s[1] = (_) => l.value = _),
                       card: "",
@@ -1993,17 +2000,17 @@ const te = {
                       onChange: Ve
                     }, null, 8, ["modelValue", "description", "label", "selected-value"])
                   ]),
-                  d(We, { name: "slide-fade" }, {
+                  u(We, { name: "slide-fade" }, {
                     default: v(() => [
-                      l.value === "url" ? (C(), E("div", dl, [
-                        d(P, {
+                      l.value === "url" ? (C(), F("div", ul, [
+                        u(E, {
                           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"),
+                          "error-message": ue("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"),
@@ -2017,29 +2024,29 @@ const te = {
                           n.hideTrySampleApiButton ? void 0 : {
                             name: "after",
                             fn: v(() => [
-                              d(O, {
+                              u(G, {
                                 appearance: "tertiary",
                                 size: "small",
                                 onClick: Ce
                               }, {
-                                default: v(() => s[32] || (s[32] = [
-                                  z(" Try Sample API ")
-                                ])),
+                                default: v(() => [
+                                  z(P(o(r)("gateway_services.form.buttons.try_sample")), 1)
+                                ]),
                                 _: 1
                               })
                             ]),
                             key: "0"
                           }
                         ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "onInput"])
-                      ])) : x("", !0)
+                      ])) : M("", !0)
                     ]),
                     _: 1
                   })
                 ])),
-                d(We, { name: "slide-fade" }, {
+                u(We, { name: "slide-fade" }, {
                   default: v(() => [
-                    l.value === "protocol" || re.value ? (C(), E("div", ul, [
-                      d(R, {
+                    l.value === "protocol" || re.value ? (C(), F("div", dl, [
+                      u(R, {
                         modelValue: t.fields.protocol,
                         "onUpdate:modelValue": s[3] || (s[3] = (_) => t.fields.protocol = _),
                         "data-testid": "gateway-service-protocol-select",
@@ -2054,14 +2061,14 @@ const te = {
                         width: "100%",
                         onSelected: s[4] || (s[4] = (_) => pe(t.fields.protocol, _))
                       }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      d(P, {
+                      u(E, {
                         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"),
+                        "error-message": ue("host"),
                         label: o(r)("gateway_services.form.fields.host.label"),
                         "label-attributes": {
                           info: o(r)("gateway_services.form.fields.host.tooltip"),
@@ -2075,29 +2082,29 @@ const te = {
                         n.hideTrySampleApiButton ? void 0 : {
                           name: "after",
                           fn: v(() => [
-                            d(O, {
+                            u(G, {
                               appearance: "tertiary",
                               size: "small",
                               onClick: Ce
                             }, {
-                              default: v(() => s[33] || (s[33] = [
-                                z(" Try Sample API ")
-                              ])),
+                              default: v(() => [
+                                z(P(o(r)("gateway_services.form.buttons.try_sample")), 1)
+                              ]),
                               _: 1
                             })
                           ]),
                           key: "0"
                         }
                       ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
-                      i.value ? (C(), E("div", fl, [
-                        d(P, {
+                      i.value ? (C(), F("div", fl, [
+                        u(E, {
                           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"),
+                          "error-message": ue("path"),
                           label: o(r)("gateway_services.form.fields.path.label"),
                           "label-attributes": {
                             info: o(r)("gateway_services.form.fields.path.tooltip"),
@@ -2107,8 +2114,8 @@ const te = {
                           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, {
+                      ])) : M("", !0),
+                      u(E, {
                         modelValue: t.fields.port,
                         "onUpdate:modelValue": [
                           s[9] || (s[9] = (_) => t.fields.port = _),
@@ -2119,7 +2126,7 @@ const te = {
                         class: "gateway-service-form-margin-top",
                         "data-testid": "gateway-service-port-input",
                         error: !!t.formFieldErrors.port,
-                        "error-message": de("port"),
+                        "error-message": ue("port"),
                         label: o(r)("gateway_services.form.fields.port.label"),
                         "label-attributes": {
                           info: o(r)("gateway_services.form.fields.port.tooltip"),
@@ -2129,11 +2136,11 @@ const te = {
                         type: "number",
                         onInput: s[10] || (s[10] = (_) => o(le)("port"))
                       }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes"])
-                    ])) : x("", !0)
+                    ])) : M("", !0)
                   ]),
                   _: 1
                 }),
-                d(we, {
+                u(we, {
                   modelValue: b.value,
                   "onUpdate:modelValue": s[27] || (s[27] = (_) => b.value = _),
                   "data-testid": "advanced-fields-collapse",
@@ -2141,11 +2148,11 @@ const te = {
                   "trigger-label": o(r)("gateway_services.form.sections.keys.viewAdvancedFields")
                 }, {
                   default: v(() => [
-                    d(We, { name: "slide-fade" }, {
+                    u(We, { name: "slide-fade" }, {
                       default: v(() => [
-                        b.value ? x("", !0) : (C(), E("div", pl, [
+                        b.value ? M("", !0) : (C(), F("div", pl, [
                           S("div", ml, [
-                            d(P, {
+                            u(E, {
                               modelValue: t.fields.retries,
                               "onUpdate:modelValue": [
                                 s[12] || (s[12] = (_) => t.fields.retries = _),
@@ -2166,7 +2173,7 @@ const te = {
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
                           S("div", vl, [
-                            d(P, {
+                            u(E, {
                               modelValue: t.fields.connect_timeout,
                               "onUpdate:modelValue": [
                                 s[14] || (s[14] = (_) => t.fields.connect_timeout = _),
@@ -2187,7 +2194,7 @@ const te = {
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
                           S("div", gl, [
-                            d(P, {
+                            u(E, {
                               modelValue: t.fields.write_timeout,
                               "onUpdate:modelValue": [
                                 s[16] || (s[16] = (_) => t.fields.write_timeout = _),
@@ -2208,7 +2215,7 @@ const te = {
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
                           S("div", yl, [
-                            d(P, {
+                            u(E, {
                               modelValue: t.fields.read_timeout,
                               "onUpdate:modelValue": [
                                 s[18] || (s[18] = (_) => t.fields.read_timeout = _),
@@ -2228,8 +2235,8 @@ const te = {
                               type: "number"
                             }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
                           ]),
-                          f.value ? (C(), E("div", _l, [
-                            d(P, {
+                          f.value ? (C(), F("div", _l, [
+                            u(E, {
                               modelValue: t.fields.client_certificate,
                               "onUpdate:modelValue": s[20] || (s[20] = (_) => t.fields.client_certificate = _),
                               modelModifiers: { trim: !0 },
@@ -2247,9 +2254,9 @@ const te = {
                               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, {
+                          ])) : M("", !0),
+                          k.value ? (C(), F("div", bl, [
+                            u(E, {
                               modelValue: t.fields.ca_certificates,
                               "onUpdate:modelValue": s[22] || (s[22] = (_) => t.fields.ca_certificates = _),
                               modelModifiers: { trim: !0 },
@@ -2264,24 +2271,24 @@ const te = {
                               onInput: s[23] || (s[23] = (_) => o(be)("ca_certificates"))
                             }, {
                               "label-tooltip": v(() => [
-                                d(o(Z), {
+                                u(o(H), {
                                   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)
+                                    S("code", null, P(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)
+                                    S("code", null, P(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, {
+                          ])) : M("", !0),
+                          J.value ? (C(), F("div", hl, [
+                            u(d, {
                               modelValue: t.fields.tls_verify_enabled,
                               "onUpdate:modelValue": s[24] || (s[24] = (_) => t.fields.tls_verify_enabled = _),
                               "data-testid": "gateway-service-tls-verify-checkbox",
@@ -2290,37 +2297,37 @@ const te = {
                               "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
                             }, {
                               tooltip: v(() => [
-                                d(o(Z), {
+                                u(o(H), {
                                   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)
+                                    S("code", null, P(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, {
+                            t.fields.tls_verify_enabled ? (C(), F("div", wl, [
+                              u(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, {
+                            ])) : M("", !0),
+                            t.fields.tls_verify_enabled ? (C(), F("div", kl, [
+                              u(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)
+                            ])) : M("", !0)
+                          ])) : M("", !0)
                         ]))
                       ]),
                       _: 1
@@ -2331,13 +2338,13 @@ const te = {
               ]),
               _: 1
             }, 8, ["description", "hide-info-header", "title"]),
-            d(o(Be), {
+            u(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, {
+                u(E, {
                   modelValue: t.fields.name,
                   "onUpdate:modelValue": s[28] || (s[28] = (_) => t.fields.name = _),
                   modelModifiers: { trim: !0 },
@@ -2354,16 +2361,16 @@ const te = {
                   placeholder: o(r)("gateway_services.form.fields.name.placeholder"),
                   readonly: t.isReadonly,
                   type: "text",
-                  onInput: L
+                  onInput: K
                 }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                d(we, {
+                u(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, {
+                      u(E, {
                         modelValue: t.fields.tags,
                         "onUpdate:modelValue": s[29] || (s[29] = (_) => t.fields.tags = _),
                         modelModifiers: { trim: !0 },
@@ -2393,21 +2400,21 @@ const te = {
             }, {
               default: v(() => [
                 S("ul", Cl, [
-                  (C(!0), E(ot, null, it(t.errorMessages, (_) => (C(), E("li", { key: _ }, F(_), 1))), 128))
+                  (C(!0), F(ot, null, it(t.errorMessages, (_) => (C(), F("li", { key: _ }, P(_), 1))), 128))
                 ])
               ]),
               _: 1
-            })) : x("", !0)
+            })) : M("", !0)
           ]),
           _: 3
         }, 8, ["can-submit", "config", "edit-id", "entity-type", "fetch-url", "form-fields", "is-readonly"])
       ]);
     };
   }
-}), Rl = /* @__PURE__ */ Ne(Sl, [["__scopeId", "data-v-ba198a99"]]);
+}), Rl = /* @__PURE__ */ Ne(Sl, [["__scopeId", "data-v-a378ebc2"]]);
 export {
-  Tl as GatewayServiceConfigCard,
+  Al as GatewayServiceConfigCard,
   Rl as GatewayServiceForm,
-  $l as GatewayServiceList,
-  Al as LegacyGatewayServiceForm
+  Ul as GatewayServiceList,
+  xl as LegacyGatewayServiceForm
 };