@kong-ui-public/entities-gateway-services 3.14.19 → 3.14.20-pr.2823.44b88daa4.0

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

@@ -1,1750 +0,0 @@
-import { defineComponent as Me, ref as U, computed as S, watch as xe, onBeforeMount as ze, resolveComponent as M, createElementBlock as A, openBlock as V, createVNode as c, unref as o, createSlots as ke, withCtx as u, createTextVNode as T, toDisplayString as b, createBlock as le, createCommentVNode as R, createElementVNode as P, withModifiers as Re, Teleport as He, reactive as De, onMounted as Ze, Transition as Te, Fragment as Je, renderList as Qe, renderSlot as Xe } from "vue";
-import { useRouter as Ge } from "vue-router";
-import { BookIcon as Be, AddIcon as Ke, ServicesIcon as Ye } from "@kong/icons";
-import { createI18n as et, i18nTComponent as tt } from "@kong-ui-public/i18n";
-import { useAxios as Ne, useTableState as ot, useFetcher as rt, useDeleteUrlBuilder as it, FetcherStatus as lt, EntityBaseTable as st, PermissionsWrapper as ie, TableTags as at, EntityFilter as nt, EntityToggleModal as ct, EntityDeleteModal as dt, EntityTypes as ut, useHelpers as We, ConfigurationSchemaType as ft, ConfigurationSchemaSection as we, EntityBaseConfigCard as pt, SupportedEntityType as Oe, useErrors as mt, useValidators as vt, EntityBaseFormType as Le, useGatewayFeatureSupported as gt, EntityBaseForm as yt, EntityFormSection as qe } from "@kong-ui-public/entities-shared";
-const _t = {
-  create: "New gateway service",
-  debugger: "Start debugging",
-  serverless_create: "Add a Service",
-  copy_id: "Copy ID",
-  copy_json: "Copy JSON",
-  edit: "Edit",
-  clear: "Clear",
-  view: "View Details",
-  delete: {
-    title: "Delete a Gateway Service",
-    description: "Deleting this Gateway Service will also remove any associated plugins. This action cannot be reversed.",
-    menu_label: "Delete"
-  }
-}, ht = {
-  placeholder: {
-    konnect: "Filter by name",
-    kongManager: "Filter by exact name or ID"
-  }
-}, bt = {
-  title: "Gateway Services",
-  list: {
-    toolbar_actions: {
-      new_gateway_service: "New gateway service"
-    },
-    table_headers: {
-      name: "Name",
-      control_plane: "Control Plane",
-      protocol: "Protocol",
-      host: "Host",
-      port: "Port",
-      path: "Path",
-      enabled: "Enabled",
-      tags: "Tags",
-      id: "ID",
-      created_at: "Created At",
-      updated_at: "Last Modified"
-    },
-    empty_state: {
-      title: "Configure a New Gateway Service",
-      description: "Gateway services are used to proxy traffic.",
-      serverless_title: "Configure your first Gateway Service"
-    }
-  },
-  empty_state_v2: {
-    create: "New gateway service",
-    title: "Configure your first gateway service",
-    group: "Services created in gateways within this group will automatically appear here.",
-    description: "Gateway services represent backend APIs or microservices that receive traffic routed through the gateway.",
-    learn_more: "Learn more"
-  },
-  form: {
-    buttons: {
-      try_sample: "Try sample API"
-    },
-    errors: {
-      host: {
-        empty: "Host cannot be empty",
-        invalid: "Invalid host"
-      },
-      port: {
-        type: "Port must be a number",
-        invalid: "Port must be between 0 and 65535"
-      },
-      path: {
-        prefix: "Path must begin with /",
-        invalid: "Path should not include characters outside of the reserved list of RFC 3986"
-      },
-      protocol: {
-        empty: "Protocol cannot be empty",
-        invalid: "Protocol - value must be one of http, https, grpc, grpcs, tcp, udp, tls, tls_passthrough, ws, wss"
-      },
-      url: {
-        invalid: "The URL must follow a valid format. Example: https://api.kong-air.com/flights"
-      }
-    },
-    sections: {
-      general: {
-        title: "General Information",
-        description: "Provide a name and tags to help identify and manage this service."
-      },
-      keys: {
-        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",
-        url: {
-          label: "Full URL",
-          description: "Define the service using a single, complete API URL for simple setup."
-        },
-        protocol: {
-          label: "Protocol, host, port, and path",
-          description: "Manually specify each component of the API’s URL for advanced configurations."
-        },
-        viewAdvancedFields: "View advanced fields"
-      }
-    },
-    fields: {
-      upstream_url: {
-        label: "Full URL",
-        placeholder: "e.g. https://api.kong-air.com/flights",
-        tooltip_for_konnect: "This is the URL of the API you will manage in Konnect.",
-        tooltip_for_km: "This is the URL of the API you will manage in Kong Gateway."
-      },
-      name: {
-        label: "Name",
-        placeholder: "Enter a unique name",
-        tooltip: "The Service name."
-      },
-      protocol: {
-        label: "Protocol",
-        tooltip: "The protocol used to communicate with the upstream.",
-        options: {
-          http: "http",
-          https: "https",
-          tcp: "tcp",
-          tls: "tls",
-          tls_passthrough: "tls_passthrough",
-          grpc: "grpc",
-          grpcs: "grpcs",
-          ws: "ws",
-          wss: "wss",
-          udp: "udp"
-        }
-      },
-      host: {
-        label: "Host",
-        placeholder: "e.g. api.kong-air.com",
-        tooltip: "The host of the upstream server. Note that the host value is case sensitive."
-      },
-      path: {
-        label: "Path",
-        placeholder: "e.g. /sample",
-        tooltip: "The path to be used in request to the upstream server."
-      },
-      port: {
-        label: "Port",
-        tooltip: "The upstream server port."
-      },
-      retries: {
-        label: "Retries",
-        tooltip: "The number of retries to execute upon failure to proxy."
-      },
-      connect_timeout: {
-        label: "Connection timeout",
-        tooltip: "The timeout in milliseconds for establishing a connection to the upstream server."
-      },
-      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",
-        tooltip: "The timeout in milliseconds between two successive read operations for transmitting a request to the upstream server."
-      },
-      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",
-        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",
-        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"
-      },
-      tls_verify_option: {
-        unset: {
-          display: "Use default system setting"
-        },
-        true: {
-          label: "True",
-          display: "On"
-        },
-        false: {
-          label: "False",
-          display: "Off"
-        }
-      },
-      tags: {
-        label: "Tags",
-        tooltip: "An optional set of strings associated with the Service for grouping and filtering.",
-        placeholder: "Enter a list of tags separated by comma",
-        help: "e.g. tag1, tag2, tag3",
-        collapse: "Add tags"
-      },
-      enabled: {
-        label: "Enabled",
-        tooltip: "Whether the Service is active. If set to {false}, the proxy behavior will be as if any routes attached to it do not exist (404). Default: {true}.",
-        false: "false",
-        true: "true"
-      }
-    }
-  }
-}, wt = {
-  general: "Gateway Services could not be retrieved",
-  delete: "The gateway service could not be deleted at this time.",
-  copy: "Failed to copy to clipboard",
-  urlErrorMessage: "Error: invalid URL"
-}, kt = {
-  success: "Copied {val} to clipboard",
-  success_brief: "Successfully copied to clipboard"
-}, Vt = {
-  gateway_services: "gateway services"
-}, St = {
-  actions: _t,
-  search: ht,
-  gateway_services: bt,
-  errors: wt,
-  copy: kt,
-  glossary: Vt
-};
-function Ct() {
-  const s = et("en-us", St);
-  return {
-    i18n: s,
-    i18nT: tt(s)
-    // Translation component <i18n-t>
-  };
-}
-function Et() {
-  return {
-    getPortFromProtocol: (q, m) => {
-      const d = [80, 443], a = Number(m);
-      if ((a || a === 0) && !d.includes(a))
-        return a;
-      switch (q) {
-        case "grpcs":
-        case "tls":
-        case "https":
-        case "wss":
-          return 443;
-        case "grpc":
-        case "tcp":
-        case "http":
-        case "ws":
-        default:
-          return 80;
-      }
-    }
-  };
-}
-function Pt() {
-  const { i18n: { t: s } } = Q.useI18n();
-  return {
-    validateHost: (v) => {
-      if (!v || v.trim() === "") return s("gateway_services.form.errors.host.empty");
-      const F = /^(?!:\/\/)([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(\.([a-zA-Z0-9]([a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*)(\.[a-zA-Z]{1,63})?$/;
-      return /^((25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])\.){3}(25[0-5]|2[0-4][0-9]|[0-1]?[0-9]?[0-9])$/.test(v) || F.test(v) ? "" : s("gateway_services.form.errors.host.invalid");
-    },
-    validateProtocol: (v, F) => !v || v.trim() === "" ? s("gateway_services.form.errors.protocol.empty") : (v = v.slice(0, -1), F.find((l) => {
-      if (l.value === v) return l;
-    }) === void 0 ? s("gateway_services.form.errors.protocol.invalid") : ""),
-    validatePath: (v) => !v || v === "" ? "" : v.startsWith("/") ? /[^A-Za-z0-9\-._~:/?#[\]@!$&'()*+,;=%]/.test(v) ? s("gateway_services.form.errors.path.invalid") : "" : s("gateway_services.form.errors.path.prefix"),
-    validatePort: (v) => {
-      if (v == null || v === "")
-        return "";
-      const F = typeof v == "string" ? parseInt(v, 10) : v;
-      return isNaN(F) ? s("gateway_services.form.errors.port.type") : F < 0 || F > 65535 ? s("gateway_services.form.errors.port.invalid") : "";
-    }
-  };
-}
-const Q = {
-  useI18n: Ct,
-  usePortFromProtocol: Et,
-  useUrlValidators: Pt
-}, Ue = "/v2/control-planes/{controlPlaneId}/core-entities", $e = "/{workspace}", Ve = {
-  list: {
-    konnect: {
-      all: `${Ue}/services`
-    },
-    kongManager: {
-      all: `${$e}/services`
-    }
-  },
-  form: {
-    konnect: {
-      create: `${Ue}/services`,
-      edit: `${Ue}/services/{id}`
-    },
-    kongManager: {
-      create: `${$e}/services`,
-      edit: `${$e}/services/{id}`
-    }
-  }
-}, It = { class: "kong-ui-entities-gateway-services-list" }, Ft = { class: "button-row" }, At = { key: 1 }, Rt = /* @__PURE__ */ Me({
-  __name: "GatewayServiceList",
-  props: {
-    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
-    config: {
-      type: Object,
-      required: !0,
-      validator: (s) => !(!s || !["konnect", "kongManager"].includes(s == null ? void 0 : s.app) || !s.createRoute || !s.getViewRoute || !s.getEditRoute || s.app === "kongManager" && !s.isExactMatch && !s.filterSchema)
-    },
-    // used to override the default identifier for the cache entry
-    cacheIdentifier: {
-      type: String,
-      default: ""
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can create a new entity */
-    canCreate: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can delete a given entity */
-    canDelete: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can edit a given entity */
-    canEdit: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can retrieve (view details) a given entity */
-    canRetrieve: {
-      type: Function,
-      required: !1,
-      default: async () => !0
-    },
-    /** A synchronous or asynchronous function, that returns a boolean, that evaluates if the user can start debugger session on a given entity */
-    canDebug: {
-      type: Function,
-      required: !1,
-      default: async () => !1
-    },
-    /** default to false, setting to true will teleport the toolbar button to the destination in the consuming app */
-    useActionOutside: {
-      type: Boolean,
-      default: !1
-    },
-    /** user is onboarding, use onboarding text */
-    isServerless: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["error", "click:learn-more", "copy:success", "copy:error", "delete:success", "toggle:success"],
-  setup(s, { emit: q }) {
-    var oe;
-    const m = q, d = s, { i18n: { t: a, formatUnixTimeStamp: v } } = Q.useI18n(), F = Ge(), { axiosInstance: B } = Ne((oe = d.config) == null ? void 0 : oe.axiosRequestConfig), { hasRecords: l, handleStateChange: D } = ot(() => W.value), I = S(() => l.value && d.config.app === "konnect"), Se = S(() => d.config.app !== "kongManager" || !!d.config.disableSorting), se = {
-      // the Name column is non-hidable
-      name: { label: a("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
-      ...d.config.showControlPlaneColumn ? { control_plane: { label: a("gateway_services.list.table_headers.control_plane") } } : {},
-      protocol: { label: a("gateway_services.list.table_headers.protocol"), searchable: !0, sortable: !0 },
-      host: { label: a("gateway_services.list.table_headers.host"), searchable: !0, sortable: !0 },
-      port: { label: a("gateway_services.list.table_headers.port"), searchable: !0, sortable: !0 },
-      path: { label: a("gateway_services.list.table_headers.path"), searchable: !0, sortable: !0 },
-      enabled: { label: a("gateway_services.list.table_headers.enabled"), searchable: !0, sortable: !0 },
-      tags: { label: a("gateway_services.list.table_headers.tags"), sortable: !1 },
-      updated_at: { label: a("gateway_services.list.table_headers.updated_at"), sortable: !0 },
-      created_at: { label: a("gateway_services.list.table_headers.created_at"), sortable: !0 }
-    }, de = {
-      columnVisibility: {
-        created_at: !1
-      }
-    }, ue = se, X = S(() => {
-      var g, y;
-      let f = `${d.config.apiBaseUrl}${Ve.list[d.config.app].all}`;
-      return d.config.app === "konnect" ? f = f.replace(/{controlPlaneId}/gi, ((g = d.config) == null ? void 0 : g.controlPlaneId) || "") : d.config.app === "kongManager" && (f = f.replace(/\/{workspace}/gi, (y = d.config) != null && y.workspace ? `/${d.config.workspace}` : "")), f;
-    }), Ce = S(() => d.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${X.value}`) : new URL(X.value)), W = U(""), O = S(() => {
-      const f = d.config.app === "konnect" || d.config.isExactMatch;
-      if (f)
-        return {
-          isExactMatch: f,
-          placeholder: a(`search.placeholder.${d.config.app}`)
-        };
-      const { name: g, enabled: y, protocol: E, host: N, port: K, path: t } = se;
-      return {
-        isExactMatch: f,
-        fields: { name: g, enabled: y, protocol: E, host: N, port: K, path: t },
-        schema: d.config.filterSchema
-      };
-    }), {
-      fetcher: Ee,
-      fetcherState: j,
-      fetcherCacheKey: C
-    } = rt(S(() => ({ ...d.config, cacheIdentifier: d.cacheIdentifier })), X), ae = () => {
-      W.value = "";
-    }, ne = () => {
-      C.value++;
-    }, Y = U(null), e = S(() => ({
-      ctaPath: d.config.createRoute,
-      ctaText: te.value ? d.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
-      message: `${a("gateway_services.list.empty_state.description")}${d.config.additionMessageForEmptyState ? ` ${d.config.additionMessageForEmptyState}` : ""}`,
-      title: te.value ? d.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
-    })), w = U(!1), $ = U(null), ee = S(() => {
-      const f = {
-        action: "disable",
-        id: "",
-        name: ""
-      };
-      if ($.value) {
-        const { enabled: g, id: y, name: E } = $.value;
-        f.action = g ? "disable" : "enable", f.id = y, f.name = E || y;
-      }
-      return f;
-    }), fe = (f) => {
-      w.value = !0, $.value = f;
-    }, pe = () => {
-      w.value = !1, $.value = null;
-    }, z = async () => {
-      var E, N;
-      if (!await ((E = d.canEdit) == null ? void 0 : E.call(d, $.value)) || !$.value)
-        return;
-      const g = `${Ce.value.href}/${$.value.id}`, y = !$.value.enabled;
-      try {
-        const K = (N = d.config) == null ? void 0 : N.app;
-        let t;
-        W.value && K === "konnect" && (t = await B.get(g));
-        const { data: r } = K === "konnect" ? await B.put(g, { ...(t == null ? void 0 : t.data) || $.value, enabled: y }) : await B.patch(g, { ...$.value, enabled: y });
-        m("toggle:success", r), $.value.enabled = y;
-      } catch (K) {
-        m("error", K);
-      }
-    }, me = (f) => {
-      d.config.getControlPlaneRoute && F.push(d.config.getControlPlaneRoute(f));
-    }, ve = async (f, g) => {
-      const y = f.id;
-      if (!await g(y)) {
-        m("copy:error", {
-          entity: f,
-          field: "id",
-          message: a("errors.copy")
-        });
-        return;
-      }
-      m("copy:success", {
-        entity: f,
-        field: "id",
-        message: a("copy.success", { val: y })
-      });
-    }, ge = async (f, g) => {
-      const y = JSON.stringify(f);
-      if (!await g(y)) {
-        m("copy:error", {
-          entity: f,
-          message: a("errors.copy")
-        });
-        return;
-      }
-      m("copy:success", {
-        entity: f,
-        message: a("copy.success_brief")
-      });
-    }, ye = async (f) => {
-      var y;
-      await ((y = d.canRetrieve) == null ? void 0 : y.call(d, f)) && F.push(d.config.getViewRoute(f.id));
-    }, _e = (f) => ({
-      label: a("actions.view"),
-      to: d.config.getViewRoute(f)
-    }), Pe = (f) => ({
-      label: a("actions.edit"),
-      to: d.config.getEditRoute(f)
-    }), H = (f) => {
-      if (d.config.getDebugRoute)
-        return {
-          label: a("actions.debugger"),
-          to: d.config.getDebugRoute(f)
-        };
-    }, x = U(void 0), G = U(!1), Z = U(!1), ce = U(""), Ie = it(d.config, X.value), he = (f) => {
-      x.value = f, G.value = !0, ce.value = "";
-    }, be = () => {
-      G.value = !1, x.value = void 0;
-    }, Fe = async () => {
-      var f, g, y;
-      if ((f = x.value) != null && f.id) {
-        Z.value = !0;
-        try {
-          await B.delete(Ie(x.value.id)), m("delete:success", x.value), be(), C.value++;
-        } catch (E) {
-          ce.value = ((y = (g = E.response) == null ? void 0 : g.data) == null ? void 0 : y.message) || E.message || a("errors.delete"), m("error", E);
-        } finally {
-          Z.value = !1;
-        }
-      }
-    }, Ae = () => {
-      F.push(d.config.createRoute);
-    };
-    xe(j, (f) => {
-      var g, y, E;
-      if (f.status === lt.Error) {
-        Y.value = {
-          title: a("errors.general")
-        }, (E = (y = (g = f.error) == null ? void 0 : g.response) == null ? void 0 : y.data) != null && E.message && (Y.value.message = f.error.response.data.message), m("error", f.error);
-        return;
-      }
-      Y.value = null;
-    });
-    const te = U(!1);
-    return ze(async () => {
-      te.value = await d.canCreate();
-    }), (f, g) => {
-      const y = M("KButton"), E = M("KEmptyState"), N = M("KBadge"), K = M("KInputSwitch"), t = M("KDropdownItem"), r = M("KClipboardProvider");
-      return V(), A("div", It, [
-        c(o(st), {
-          "cache-identifier": s.cacheIdentifier,
-          "default-table-preferences": de,
-          "disable-sorting": Se.value,
-          "empty-state-options": e.value,
-          "enable-entity-actions": "",
-          "error-message": Y.value,
-          fetcher: o(Ee),
-          "fetcher-cache-key": o(C),
-          "pagination-type": "offset",
-          "preferences-storage-key": "kong-ui-entities-gateway-services-list",
-          query: W.value,
-          "table-headers": o(ue),
-          onClearSearchInput: ae,
-          "onClick:row": g[4] || (g[4] = (n) => ye(n)),
-          onSort: ne,
-          onState: o(D)
-        }, ke({
-          "toolbar-filter": u(() => [
-            c(o(nt), {
-              modelValue: W.value,
-              "onUpdate:modelValue": g[0] || (g[0] = (n) => W.value = n),
-              config: O.value
-            }, null, 8, ["modelValue", "config"])
-          ]),
-          "toolbar-button": u(() => [
-            (V(), le(He, {
-              disabled: !s.useActionOutside,
-              to: "#kong-ui-app-page-header-action-button"
-            }, [
-              P("div", Ft, [
-                I.value ? (V(), le(y, {
-                  key: 0,
-                  appearance: "secondary",
-                  class: "open-learning-hub",
-                  "data-testid": "gateway-services-learn-more-button",
-                  icon: "",
-                  onClick: g[1] || (g[1] = (n) => f.$emit("click:learn-more"))
-                }, {
-                  default: u(() => [
-                    c(o(Be), { decorative: "" })
-                  ]),
-                  _: 1
-                })) : R("", !0),
-                c(o(ie), {
-                  "auth-function": () => s.canCreate()
-                }, {
-                  default: u(() => [
-                    c(y, {
-                      appearance: "primary",
-                      "data-testid": "toolbar-add-gateway-service",
-                      size: s.useActionOutside ? "medium" : "large",
-                      to: s.config.createRoute
-                    }, {
-                      default: u(() => [
-                        c(o(Ke)),
-                        T(" " + b(o(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["size", "to"])
-                  ]),
-                  _: 1
-                }, 8, ["auth-function"])
-              ])
-            ], 8, ["disabled"]))
-          ]),
-          name: u(({ rowValue: n }) => [
-            P("b", null, b(n ?? "-"), 1)
-          ]),
-          control_plane: u(({ row: n }) => {
-            var h;
-            return [
-              (h = n.x_meta) != null && h.cluster_id ? (V(), le(N, {
-                key: 0,
-                tooltip: n.x_meta.cluster_id,
-                "truncation-tooltip": "",
-                onClick: Re((_) => me(n.x_meta.cluster_id), ["stop"])
-              }, {
-                default: u(() => [
-                  T(b(n.x_meta.cluster_id), 1)
-                ]),
-                _: 2
-              }, 1032, ["tooltip", "onClick"])) : (V(), A("b", At, "-"))
-            ];
-          }),
-          enabled: u(({ row: n }) => [
-            c(o(ie), {
-              "auth-function": () => s.canEdit(n),
-              "force-show": ""
-            }, {
-              default: u(({ isAllowed: h }) => [
-                P("div", {
-                  onClick: g[3] || (g[3] = Re(() => {
-                  }, ["stop"]))
-                }, [
-                  c(K, {
-                    modelValue: n.enabled,
-                    "onUpdate:modelValue": (_) => n.enabled = _,
-                    "data-testid": `row-${n.id}-toggle-input`,
-                    disabled: !h,
-                    onClick: Re((_) => fe(n), ["prevent"])
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
-                ])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"])
-          ]),
-          tags: u(({ rowValue: n }) => [
-            c(o(at), { tags: n }, null, 8, ["tags"])
-          ]),
-          created_at: u(({ rowValue: n }) => [
-            T(b(o(v)(n)), 1)
-          ]),
-          updated_at: u(({ row: n, rowValue: h }) => [
-            T(b(o(v)(h ?? n.created_at)), 1)
-          ]),
-          actions: u(({ row: n }) => [
-            c(r, null, {
-              default: u(({ copyToClipboard: h }) => [
-                c(t, {
-                  "data-testid": "action-entity-copy-id",
-                  onClick: (_) => ve(n, h)
-                }, {
-                  default: u(() => [
-                    T(b(o(a)("actions.copy_id")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1024),
-            c(r, null, {
-              default: u(({ copyToClipboard: h }) => [
-                c(t, {
-                  "data-testid": "action-entity-copy-json",
-                  onClick: (_) => ge(n, h)
-                }, {
-                  default: u(() => [
-                    T(b(o(a)("actions.copy_json")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1024),
-            c(o(ie), {
-              "auth-function": () => s.canRetrieve(n)
-            }, {
-              default: u(() => [
-                c(t, {
-                  "data-testid": "action-entity-view",
-                  "has-divider": "",
-                  item: _e(n.id)
-                }, null, 8, ["item"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            c(o(ie), {
-              "auth-function": () => s.canDebug(n)
-            }, {
-              default: u(() => [
-                s.config.getDebugRoute ? (V(), le(t, {
-                  key: 0,
-                  "data-testid": "action-entity-debug",
-                  item: H(n.id)
-                }, null, 8, ["item"])) : R("", !0)
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            c(o(ie), {
-              "auth-function": () => s.canEdit(n)
-            }, {
-              default: u(() => [
-                c(t, {
-                  "data-testid": "action-entity-edit",
-                  item: Pe(n.id)
-                }, null, 8, ["item"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"]),
-            c(o(ie), {
-              "auth-function": () => s.canDelete(n)
-            }, {
-              default: u(() => [
-                c(t, {
-                  danger: "",
-                  "data-testid": "action-entity-delete",
-                  "has-divider": "",
-                  onClick: (h) => he(n)
-                }, {
-                  default: u(() => [
-                    T(b(o(a)("actions.delete.menu_label")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]),
-              _: 2
-            }, 1032, ["auth-function"])
-          ]),
-          _: 2
-        }, [
-          !W.value && s.config.app === "konnect" ? {
-            name: "empty-state",
-            fn: u(() => {
-              var n;
-              return [
-                c(E, {
-                  "data-testid": "gateway-services-entity-empty-state",
-                  "icon-background": "",
-                  message: o(a)("gateway_services.empty_state_v2.description"),
-                  title: o(a)("gateway_services.empty_state_v2.title")
-                }, ke({
-                  icon: u(() => [
-                    c(o(Ye), { decorative: "" })
-                  ]),
-                  action: u(() => [
-                    te.value ? (V(), le(y, {
-                      key: 0,
-                      "data-testid": "entity-create-button",
-                      onClick: Ae
-                    }, {
-                      default: u(() => [
-                        c(o(Ke), { decorative: "" }),
-                        T(" " + b(o(a)("gateway_services.empty_state_v2.create")), 1)
-                      ]),
-                      _: 1
-                    })) : R("", !0),
-                    c(y, {
-                      appearance: "secondary",
-                      "data-testid": "entity-learn-more-button",
-                      onClick: g[2] || (g[2] = (h) => f.$emit("click:learn-more"))
-                    }, {
-                      default: u(() => [
-                        c(o(Be), { decorative: "" }),
-                        T(" " + b(o(a)("gateway_services.empty_state_v2.learn_more")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 2
-                }, [
-                  (n = s.config) != null && n.isControlPlaneGroup ? {
-                    name: "default",
-                    fn: u(() => [
-                      T(b(o(a)("gateway_services.empty_state_v2.group")), 1)
-                    ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["message", "title"])
-              ];
-            }),
-            key: "0"
-          } : void 0
-        ]), 1032, ["cache-identifier", "disable-sorting", "empty-state-options", "error-message", "fetcher", "fetcher-cache-key", "query", "table-headers", "onState"]),
-        c(o(ct), {
-          action: ee.value.action,
-          "entity-id": ee.value.id,
-          "entity-name": ee.value.name,
-          "entity-type": o(a)("glossary.gateway_services"),
-          "on-confirm": z,
-          visible: w.value,
-          onCancel: pe,
-          onProceed: pe
-        }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
-        c(o(dt), {
-          "action-pending": Z.value,
-          description: o(a)("actions.delete.description"),
-          "entity-name": x.value && (x.value.name || x.value.id),
-          "entity-type": o(ut).GatewayService,
-          error: ce.value,
-          title: o(a)("actions.delete.title"),
-          visible: G.value,
-          onCancel: be,
-          onProceed: Fe
-        }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
-      ]);
-    };
-  }
-}), je = (s, q) => {
-  const m = s.__vccOpts || s;
-  for (const [d, a] of q)
-    m[d] = a;
-  return m;
-}, ao = /* @__PURE__ */ je(Rt, [["__scopeId", "data-v-be14eac9"]]), Tt = { class: "kong-ui-gateway-service-entity-config-card" }, no = /* @__PURE__ */ Me({
-  __name: "GatewayServiceConfigCard",
-  props: {
-    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
-    config: {
-      type: Object,
-      required: !0,
-      validator: (s) => !(!s || !["konnect", "kongManager"].includes(s == null ? void 0 : s.app) || s.app === "konnect" && !s.controlPlaneId || s.app === "kongManager" && typeof s.workspace != "string" || !s.entityId)
-    },
-    /**
-     * External link for documentation that determines visibility of Documentation button
-     */
-    configCardDoc: {
-      type: String,
-      default: "",
-      required: !1
-    },
-    /**
-     * Control visibility of card title content
-     */
-    hideTitle: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["loading", "fetch:error", "fetch:success"],
-  setup(s) {
-    const q = s, { i18n: { t: m }, i18nT: d } = Q.useI18n(), a = S(() => Ve.form[q.config.app].edit), { getPropValue: v } = We(), F = (l, D) => v(l, D) === !0 ? m("gateway_services.form.fields.tls_verify_option.true.display") : m("gateway_services.form.fields.tls_verify_option.false.display"), B = U({
-      id: {},
-      name: {
-        tooltip: m("gateway_services.form.fields.name.tooltip")
-      },
-      enabled: {},
-      updated_at: {},
-      created_at: {},
-      protocol: {
-        section: we.Basic,
-        tooltip: m("gateway_services.form.fields.protocol.tooltip")
-      },
-      host: {
-        section: we.Basic,
-        tooltip: m("gateway_services.form.fields.host.tooltip")
-      },
-      path: {
-        section: we.Basic,
-        tooltip: m("gateway_services.form.fields.path.tooltip")
-      },
-      port: {
-        section: we.Basic,
-        tooltip: m("gateway_services.form.fields.port.tooltip")
-      },
-      tags: {
-        tooltip: m("gateway_services.form.fields.tags.tooltip")
-      },
-      // advanced fields
-      retries: {
-        order: 1,
-        tooltip: m("gateway_services.form.fields.retries.tooltip")
-      },
-      connect_timeout: {
-        order: 2,
-        tooltip: m("gateway_services.form.fields.connect_timeout.tooltip")
-      },
-      write_timeout: {
-        order: 3,
-        tooltip: m("gateway_services.form.fields.write_timeout.tooltip")
-      },
-      read_timeout: {
-        order: 4,
-        tooltip: m("gateway_services.form.fields.read_timeout.tooltip")
-      },
-      client_certificate: {
-        order: 5,
-        tooltip: m("gateway_services.form.fields.client_certificate.tooltip")
-      },
-      ca_certificates: {
-        type: ft.BadgeTag,
-        label: m("gateway_services.form.fields.ca_certificates.label"),
-        order: 6
-      },
-      tls_verify: {
-        label: m("gateway_services.form.fields.tls_verify_enabled.label")
-      },
-      tls_verify_depth: {
-        hidden: !0
-      }
-    });
-    return (l, D) => (V(), A("div", Tt, [
-      c(o(pt), {
-        config: s.config,
-        "config-card-doc": s.configCardDoc,
-        "config-schema": B.value,
-        "entity-type": o(Oe).GatewayService,
-        "fetch-url": a.value,
-        "hide-title": s.hideTitle,
-        "onFetch:error": D[0] || (D[0] = (I) => l.$emit("fetch:error", I)),
-        "onFetch:success": D[1] || (D[1] = (I) => l.$emit("fetch:success", I)),
-        onLoading: D[2] || (D[2] = (I) => l.$emit("loading", I))
-      }, {
-        "enabled-label-tooltip": u(() => [
-          c(o(d), {
-            keypath: "gateway_services.form.fields.enabled.tooltip",
-            scope: "global"
-          }, {
-            false: u(() => [
-              P("code", null, b(o(m)("gateway_services.form.fields.enabled.false")), 1)
-            ]),
-            true: u(() => [
-              P("code", null, b(o(m)("gateway_services.form.fields.enabled.true")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        "ca_certificates-label-tooltip": u(() => [
-          c(o(d), {
-            keypath: "gateway_services.form.fields.ca_certificates.tooltip",
-            scope: "global"
-          }, {
-            code1: u(() => [
-              P("code", null, b(o(m)("gateway_services.form.fields.ca_certificates.code1")), 1)
-            ]),
-            code2: u(() => [
-              P("code", null, b(o(m)("gateway_services.form.fields.ca_certificates.code2")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        "tls_verify-label-tooltip": u(() => [
-          c(o(d), {
-            keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
-            scope: "global"
-          }, {
-            code1: u(() => [
-              P("code", null, b(o(m)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        tls_verify: u((I) => [
-          T(b(typeof o(v)("rowValue", I) == "boolean" ? F("rowValue", I) : o(m)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
-        ]),
-        client_certificate: u((I) => [
-          T(b(o(v)("rowValue", I) ? o(v)("rowValue", I).id : "–"), 1)
-        ]),
-        _: 1
-      }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
-    ]));
-  }
-}), L = {
-  name: "Kong-Air-Flights-API",
-  protocol: "https",
-  path: "/flights",
-  host: "api.kong-air.com",
-  port: 443
-}, Ut = { class: "kong-ui-entities-gateway-service-form" }, $t = {
-  key: 0,
-  class: "gateway-service-form-general-info"
-}, xt = { class: "gateway-service-form-group-selection-wrapper" }, Mt = {
-  key: 0,
-  class: "gateway-service-form-group-fields"
-}, Dt = {
-  key: 0,
-  class: "gateway-service-form-group-fields"
-}, Bt = { key: 0 }, Kt = {
-  key: 0,
-  class: "gateway-service-form-advanced-fields"
-}, Lt = { class: "gateway-service-form-margin-bottom" }, qt = { class: "gateway-service-form-margin-bottom" }, Gt = { class: "gateway-service-form-margin-bottom" }, Nt = { class: "gateway-service-form-margin-bottom" }, Wt = {
-  key: 0,
-  class: "gateway-service-form-margin-bottom"
-}, Ot = {
-  key: 1,
-  class: "gateway-service-form-margin-bottom"
-}, jt = {
-  key: 2,
-  class: "gateway-service-form-margin-bottom"
-}, zt = {
-  key: 0,
-  class: "checkbox-aligned-radio"
-}, Ht = {
-  key: 1,
-  class: "checkbox-aligned-radio"
-}, Zt = { class: "gateway-service-form-tags" }, Jt = { class: "form-error-list" }, Qt = /* @__PURE__ */ Me({
-  __name: "GatewayServiceForm",
-  props: {
-    /** The base konnect or kongManger config. Pass additional config props in the shared entity component as needed. */
-    config: {
-      type: Object,
-      required: !0,
-      validator: (s) => !(!s || !["konnect", "kongManager"].includes(s == null ? void 0 : s.app) || s.app === "konnect" && !s.controlPlaneId || s.app === "kongManager" && typeof s.workspace != "string" || !s.cancelRoute)
-    },
-    /** If a valid Gateway Service ID is provided, it will put the form in Edit mode instead of Create */
-    gatewayServiceId: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** Whether show or hide EntityFormSection info column */
-    hideSectionsInfo: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** Whether show or hide Try sample API button */
-    hideTrySampleApiButton: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    }
-  },
-  emits: ["update", "error", "url-valid:success", "url-valid:error", "loading", "model-updated", "try-sample-api"],
-  setup(s, { expose: q, emit: m }) {
-    var K;
-    const d = m, a = s, v = U(!0), F = Ge(), { i18nT: B, i18n: { t: l } } = Q.useI18n(), { getErrorFieldsFromError: D } = mt(), { axiosInstance: I } = Ne((K = a.config) == null ? void 0 : K.axiosRequestConfig), Se = vt(), { validateHost: se, validatePath: de, validatePort: ue, validateProtocol: X } = Q.useUrlValidators(), { objectsAreEqual: Ce } = We(), W = S(() => Ve.form[a.config.app].edit), O = S(() => a.gatewayServiceId ? Le.Edit : Le.Create), Ee = U(!1), j = S(() => !!a.gatewayServiceId), C = U(j.value ? "protocol" : "url"), ae = Q.usePortFromProtocol(), ne = U(""), Y = S(() => !!ne.value || !!H("name")), e = De({
-      fields: {
-        name: "",
-        protocol: "http",
-        host: "",
-        path: "",
-        port: 80,
-        url: "",
-        retries: 5,
-        connect_timeout: 6e4,
-        write_timeout: 6e4,
-        read_timeout: 6e4,
-        client_certificate: "",
-        ca_certificates: "",
-        tls_verify_enabled: !1,
-        tls_verify_value: !1,
-        tags: "",
-        enabled: !0
-      },
-      isReadonly: !1,
-      errorMessages: [],
-      formFieldErrors: {
-        host: "",
-        port: "",
-        path: "",
-        name: "",
-        url: "",
-        tags: "",
-        retries: "",
-        connect_timeout: "",
-        write_timeout: "",
-        read_timeout: "",
-        client_certificate: "",
-        ca_certificates: "",
-        tls_verify_enabled: "",
-        tls_verify_value: ""
-      }
-    }), w = De({
-      name: "",
-      protocol: "http",
-      host: "",
-      path: "",
-      port: 80,
-      url: "",
-      retries: 5,
-      connect_timeout: 6e4,
-      write_timeout: 6e4,
-      read_timeout: 6e4,
-      client_certificate: "",
-      ca_certificates: "",
-      tls_verify_enabled: !1,
-      tls_verify_value: !1,
-      tags: "",
-      enabled: !0
-    }), $ = a.config.app === "konnect" || gt({
-      gatewayInfo: a.config.gatewayInfo,
-      // 'ws' and 'wss' are not valid values for the protocol field in Gateway Community Edition or before Gateway Enterprise Edition 3.0
-      supportedRange: {
-        enterprise: ["3.0"]
-      }
-    }), ee = [
-      {
-        label: l("gateway_services.form.fields.protocol.options.http"),
-        value: "http",
-        group: "http"
-      },
-      {
-        label: l("gateway_services.form.fields.protocol.options.https"),
-        value: "https",
-        group: "http"
-      },
-      {
-        label: l("gateway_services.form.fields.protocol.options.tcp"),
-        value: "tcp",
-        group: "tcp"
-      },
-      {
-        label: l("gateway_services.form.fields.protocol.options.tls"),
-        value: "tls",
-        group: "tcp"
-      },
-      {
-        label: l("gateway_services.form.fields.protocol.options.tls_passthrough"),
-        value: "tls_passthrough",
-        group: "tcp"
-      },
-      {
-        label: l("gateway_services.form.fields.protocol.options.grpc"),
-        value: "grpc",
-        group: "grpc"
-      },
-      {
-        label: l("gateway_services.form.fields.protocol.options.grpcs"),
-        value: "grpcs",
-        group: "grpc"
-      },
-      ...$ ? [
-        {
-          label: l("gateway_services.form.fields.protocol.options.ws"),
-          value: "ws",
-          group: "websocket"
-        },
-        {
-          label: l("gateway_services.form.fields.protocol.options.wss"),
-          value: "wss",
-          group: "websocket"
-        }
-      ] : [],
-      {
-        label: l("gateway_services.form.fields.protocol.options.udp"),
-        value: "udp",
-        group: "udp"
-      }
-    ], fe = { url: "url", protocol: "protocol" }, pe = (t) => {
-      e.fields.protocol = t.value, e.fields.port = ae.getPortFromProtocol(e.fields.protocol, String(e.fields.port));
-    }, z = (t) => t ? parseFloat(t) : 0, me = () => {
-      e.fields.host = w.host, e.fields.path = w.path, e.fields.port = w.port, e.fields.protocol = w.protocol, e.fields.url = w.url, e.fields.retries = w.retries, e.fields.connect_timeout = w.connect_timeout, e.fields.write_timeout = w.write_timeout, e.fields.read_timeout = w.read_timeout, e.fields.client_certificate = w.client_certificate, e.fields.ca_certificates = w.ca_certificates, e.fields.tls_verify_enabled = w.tls_verify_enabled, e.fields.tls_verify_value = w.tls_verify_value, e.fields.enabled = w.enabled;
-    }, ve = () => {
-      v.value = !0, G(), e.errorMessages = [], me();
-    }, ge = () => {
-      switch (me(), e.fields.name = `${L.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, C.value) {
-        case "url":
-          e.fields.url = `${L.protocol}://${L.host}${L.path}`;
-          break;
-        case "protocol":
-          e.fields.host = L.host, e.fields.path = L.path, e.fields.protocol = L.protocol, e.fields.port = L.port;
-          break;
-        default:
-          e.fields.url = `${L.protocol}://${L.host}${L.path}`;
-      }
-    }, ye = () => {
-      if (G(), e.fields.url.length)
-        try {
-          const t = new URL(e.fields.url), r = X(t.protocol, ee);
-          if (r) throw new Error(r);
-          e.fields.protocol = t.protocol.slice(0, -1);
-          const n = se(t.hostname);
-          if (n) throw new Error(n);
-          e.fields.host = t.hostname;
-          const h = de(t.pathname);
-          if (h) throw new Error(h);
-          e.fields.path = t.pathname;
-          const _ = ue(t.port);
-          if (_) throw new Error(_);
-          const k = Number(t.port);
-          Ee.value = !!k, e.fields.port = k || ae.getPortFromProtocol(e.fields.protocol), d("url-valid:success");
-        } catch {
-          d("url-valid:error", l("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = l("gateway_services.form.errors.url.invalid");
-        }
-    }, _e = (t) => {
-      G(t);
-    }, Pe = S(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), H = (t) => {
-      if (e.errorMessages.length) return "";
-      const r = e.formFieldErrors;
-      return r[t] ? r[t] : "";
-    }, x = (t) => {
-      G(t ?? void 0);
-      const r = se(e.fields.host);
-      r && (e.formFieldErrors.host = r);
-      const n = de(e.fields.path);
-      n && (e.formFieldErrors.path = n);
-      const h = ue(e.fields.port);
-      h && (e.formFieldErrors.port = h), Z.value ? d("url-valid:success") : d("url-valid:error", e.errorMessages.join(",") || l("gateway_services.form.errors.url.invalid"));
-    }, G = (t) => {
-      if (t)
-        e.formFieldErrors[t] = "";
-      else
-        for (let r in e.formFieldErrors)
-          e.formFieldErrors[r] = "";
-      e.errorMessages = [];
-    }, Z = S(() => {
-      for (let t in e.formFieldErrors)
-        if (e.formFieldErrors[t].length)
-          return !1;
-      return !0;
-    }), ce = () => {
-      e.fields.url && C.value === "url" ? ye() : x();
-    }, Ie = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, he = S(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), be = S(() => {
-      if (C.value === "url")
-        return !0;
-      const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return C.value === "protocol" && t;
-    }), Fe = S(() => {
-      if (C.value === "url")
-        return !0;
-      const t = ["https", "tls"].includes(e.fields.protocol);
-      return C.value === "protocol" && t;
-    }), Ae = S(() => {
-      if (C.value === "url")
-        return !0;
-      const t = ["https", "wss", "tls"].includes(e.fields.protocol);
-      return C.value === "protocol" && t;
-    }), te = (t) => {
-      G("name"), ne.value = Se.utf8Name(t);
-    }, oe = S(() => {
-      const t = !j.value || !Ce(e.fields, w), r = C.value === "url" && !!e.fields.url && Z.value, n = C.value === "protocol" && !!e.fields.host && Z.value;
-      return t && (r || n);
-    }), f = (t) => {
-      var r, n, h;
-      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((r = t == null ? void 0 : t.tags) == null ? void 0 : r.join(", ")) || "", e.fields.protocol = (t == null ? void 0 : t.protocol) || "http", e.fields.path = (t == null ? void 0 : t.path) || "", e.fields.read_timeout = t != null && t.read_timeout || (t == null ? void 0 : t.read_timeout) === 0 ? t == null ? void 0 : t.read_timeout : 6e4, e.fields.retries = t != null && t.retries || (t == null ? void 0 : t.retries) === 0 ? t == null ? void 0 : t.retries : 5, e.fields.host = (t == null ? void 0 : t.host) || "", e.fields.connect_timeout = t != null && t.connect_timeout || (t == null ? void 0 : t.connect_timeout) === 0 ? t == null ? void 0 : t.connect_timeout : 6e4, e.fields.tls_verify_enabled = (t == null ? void 0 : t.tls_verify) !== "" && (t == null ? void 0 : t.tls_verify) !== null && (t == null ? void 0 : t.tls_verify) !== void 0, e.fields.tls_verify_value = t != null && t.tls_verify ? t == null ? void 0 : t.tls_verify : !1, e.fields.ca_certificates = ((n = t == null ? void 0 : t.ca_certificates) == null ? void 0 : n.join(",")) || "", e.fields.client_certificate = ((h = t == null ? void 0 : t.client_certificate) == null ? void 0 : h.id) || "", e.fields.write_timeout = t != null && t.write_timeout || (t == null ? void 0 : t.write_timeout) === 0 ? t == null ? void 0 : t.write_timeout : 6e4, e.fields.port = t != null && t.port || (t == null ? void 0 : t.port) === 0 ? t == null ? void 0 : t.port : 80, e.fields.enabled = (t == null ? void 0 : t.enabled) ?? !0, Object.assign(w, e.fields);
-    }, g = () => {
-      F.push(a.config.cancelRoute);
-    }, y = S(() => {
-      var r, n;
-      let t = `${a.config.apiBaseUrl}${Ve.form[a.config.app][O.value]}`;
-      return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((r = a.config) == null ? void 0 : r.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (n = a.config) != null && n.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
-    }), E = S(() => {
-      var r, n, h, _;
-      const t = {
-        name: e.fields.name || null,
-        tags: e.fields.tags ? (h = (n = (r = e.fields.tags) == null ? void 0 : r.split(",")) == null ? void 0 : n.map((k) => String(k || "").trim())) == null ? void 0 : h.filter((k) => k !== "") : null,
-        protocol: e.fields.protocol,
-        path: e.fields.path || null,
-        read_timeout: e.fields.read_timeout,
-        retries: e.fields.retries,
-        host: e.fields.host,
-        connect_timeout: e.fields.connect_timeout,
-        ca_certificates: e.fields.ca_certificates ? (_ = e.fields.ca_certificates) == null ? void 0 : _.split(",").filter((k) => k !== "") : null,
-        client_certificate: e.fields.client_certificate ? { id: e.fields.client_certificate } : null,
-        write_timeout: e.fields.write_timeout,
-        port: e.fields.port,
-        url: e.fields.url,
-        enabled: e.fields.enabled
-      };
-      return e.fields.client_certificate && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.client_certificate = { id: e.fields.client_certificate }), e.fields.tls_verify_enabled && ["https", "wss", "tls"].includes(e.fields.protocol) && (t.tls_verify = e.fields.tls_verify_value), he.value || (t.path = null), O.value === "create" ? C.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : O.value === "edit" && delete t.url, t;
-    }), N = async () => {
-      var t, r, n, h;
-      try {
-        e.isReadonly = !0;
-        const _ = E.value;
-        let k;
-        if (O.value === "create" ? k = await I.post(y.value, _) : O.value === "edit" && (k = ((t = a.config) == null ? void 0 : t.app) === "konnect" ? await I.put(y.value, _) : await I.patch(y.value, _)), k) {
-          const { data: i } = k;
-          e.fields.name = (i == null ? void 0 : i.name) || "", e.fields.port = i.port || ae.getPortFromProtocol(i.protocol), e.fields.protocol = (i == null ? void 0 : i.protocol) || "http", e.fields.host = (i == null ? void 0 : i.host) || "", e.fields.path = (i == null ? void 0 : i.path) || "", e.fields.url = (i == null ? void 0 : i.url) || "", e.fields.retries = i != null && i.retries || (i == null ? void 0 : i.retries) === 0 ? i == null ? void 0 : i.retries : 5, e.fields.connect_timeout = i != null && i.connect_timeout || (i == null ? void 0 : i.connect_timeout) === 0 ? i == null ? void 0 : i.connect_timeout : 6e4, e.fields.write_timeout = i != null && i.write_timeout || (i == null ? void 0 : i.write_timeout) === 0 ? i == null ? void 0 : i.write_timeout : 6e4, e.fields.read_timeout = i != null && i.read_timeout || (i == null ? void 0 : i.read_timeout) === 0 ? i == null ? void 0 : i.read_timeout : 6e4, e.fields.client_certificate = ((r = i == null ? void 0 : i.client_certificate) == null ? void 0 : r.id) || "", e.fields.ca_certificates = (n = i == null ? void 0 : i.ca_certificates) != null && n.length ? i == null ? void 0 : i.ca_certificates.join(",") : "", e.fields.tls_verify_enabled = (i == null ? void 0 : i.tls_verify) !== "" && (i == null ? void 0 : i.tls_verify) !== null && (i == null ? void 0 : i.tls_verify) !== void 0, e.fields.tls_verify_value = e.fields.tls_verify_enabled && (i == null ? void 0 : i.tls_verify), e.fields.tags = (h = i == null ? void 0 : i.tags) != null && h.length ? i.tags.join(", ") : "", e.fields.enabled = (i == null ? void 0 : i.enabled) ?? !0, Object.assign(w, e.fields), d("update", k == null ? void 0 : k.data);
-        }
-        return k;
-      } catch (_) {
-        const { fields: k, messages: i } = D(_);
-        e.errorMessages = i, k.length && k.forEach((J) => {
-          const re = J.field;
-          re === "client_certificate.id" ? e.formFieldErrors.client_certificate = J.message : re.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = J.message : Object.keys(e.formFieldErrors).includes(re) && (e.formFieldErrors = {
-            ...e.formFieldErrors,
-            [re]: J.message
-          });
-        }), d("error", _);
-      } finally {
-        e.isReadonly = !1;
-      }
-    };
-    return xe(() => a.gatewayServiceId, () => {
-      Object.assign(e.fields, w);
-    }), xe(e.fields, () => {
-      d("model-updated", E.value);
-    }), Ze(() => {
-      d("model-updated", E.value), j.value || (e.fields.name = Ie());
-    }), q({
-      validateUrl: ce,
-      getPayload: E,
-      saveFormData: N,
-      canSubmit: oe,
-      initForm: f
-    }), (t, r) => {
-      const n = M("KRadio"), h = M("KButton"), _ = M("KInput"), k = M("KSelect"), i = M("KCheckbox"), J = M("KCollapse"), re = M("KAlert");
-      return V(), A("div", Ut, [
-        c(o(yt), {
-          "can-submit": oe.value,
-          config: s.config,
-          "edit-id": s.gatewayServiceId,
-          "entity-type": o(Oe).GatewayService,
-          "fetch-url": W.value,
-          "form-fields": E.value,
-          "is-readonly": e.isReadonly,
-          onCancel: g,
-          "onFetch:error": r[30] || (r[30] = (p) => t.$emit("error", p)),
-          "onFetch:success": f,
-          onLoading: r[31] || (r[31] = (p) => t.$emit("loading", p)),
-          onSubmit: N
-        }, {
-          "form-actions": u(() => [
-            Xe(t.$slots, "form-actions", {
-              canSubmit: oe.value,
-              cancel: g,
-              submit: N
-            }, void 0, !0)
-          ]),
-          default: u(() => [
-            c(o(qe), {
-              description: o(l)("gateway_services.form.sections.keys.description"),
-              "hide-info-header": s.hideSectionsInfo,
-              title: o(l)("gateway_services.form.sections.keys.title")
-            }, {
-              default: u(() => [
-                j.value ? R("", !0) : (V(), A("div", $t, [
-                  P("div", xt, [
-                    c(n, {
-                      modelValue: C.value,
-                      "onUpdate:modelValue": r[0] || (r[0] = (p) => C.value = p),
-                      card: "",
-                      "card-orientation": "horizontal",
-                      "data-testid": "gateway-service-url-radio",
-                      description: o(l)("gateway_services.form.sections.keys.url.description"),
-                      label: o(l)("gateway_services.form.sections.keys.url.label"),
-                      "selected-value": fe.url,
-                      onChange: ve
-                    }, null, 8, ["modelValue", "description", "label", "selected-value"]),
-                    c(n, {
-                      modelValue: C.value,
-                      "onUpdate:modelValue": r[1] || (r[1] = (p) => C.value = p),
-                      card: "",
-                      "card-orientation": "horizontal",
-                      "checked-group": "protocol",
-                      "data-testid": "gateway-service-protocol-radio",
-                      description: o(l)("gateway_services.form.sections.keys.protocol.description"),
-                      label: o(l)("gateway_services.form.sections.keys.protocol.label"),
-                      "selected-value": fe.protocol,
-                      onChange: ve
-                    }, null, 8, ["modelValue", "description", "label", "selected-value"])
-                  ]),
-                  c(Te, { name: "slide-fade" }, {
-                    default: u(() => [
-                      C.value === "url" ? (V(), A("div", Mt, [
-                        c(_, {
-                          modelValue: e.fields.url,
-                          "onUpdate:modelValue": r[2] || (r[2] = (p) => e.fields.url = p),
-                          modelModifiers: { trim: !0 },
-                          class: "gateway-service-url-input gateway-service-form-margin-bottom",
-                          "data-testid": "gateway-service-url-input",
-                          error: Pe.value,
-                          "error-message": H("url"),
-                          label: o(l)("gateway_services.form.fields.upstream_url.label"),
-                          "label-attributes": {
-                            info: s.config.app === "konnect" ? o(l)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : o(l)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
-                            tooltipAttributes: { maxWidth: "400" }
-                          },
-                          name: "url",
-                          placeholder: o(l)("gateway_services.form.fields.upstream_url.placeholder"),
-                          required: "",
-                          onInput: ye
-                        }, ke({ _: 2 }, [
-                          s.hideTrySampleApiButton ? void 0 : {
-                            name: "after",
-                            fn: u(() => [
-                              c(h, {
-                                appearance: "tertiary",
-                                "data-testid": "try-sample-api",
-                                size: "small",
-                                onClick: ge
-                              }, {
-                                default: u(() => [
-                                  T(b(o(l)("gateway_services.form.buttons.try_sample")), 1)
-                                ]),
-                                _: 1
-                              })
-                            ]),
-                            key: "0"
-                          }
-                        ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
-                      ])) : R("", !0)
-                    ]),
-                    _: 1
-                  })
-                ])),
-                c(Te, { name: "slide-fade" }, {
-                  default: u(() => [
-                    C.value === "protocol" || j.value ? (V(), A("div", Dt, [
-                      c(k, {
-                        modelValue: e.fields.protocol,
-                        "onUpdate:modelValue": r[3] || (r[3] = (p) => e.fields.protocol = p),
-                        "data-testid": "gateway-service-protocol-select",
-                        items: ee,
-                        label: o(l)("gateway_services.form.fields.protocol.label"),
-                        "label-attributes": {
-                          info: o(l)("gateway_services.form.fields.protocol.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        readonly: e.isReadonly,
-                        required: "",
-                        width: "100%",
-                        onSelected: pe
-                      }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
-                      c(_, {
-                        modelValue: e.fields.host,
-                        "onUpdate:modelValue": r[4] || (r[4] = (p) => e.fields.host = p),
-                        modelModifiers: { trim: !0 },
-                        class: "gateway-service-form-margin-top",
-                        "data-testid": "gateway-service-host-input",
-                        error: !!e.formFieldErrors.host,
-                        "error-message": H("host"),
-                        label: o(l)("gateway_services.form.fields.host.label"),
-                        "label-attributes": {
-                          info: o(l)("gateway_services.form.fields.host.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        name: "host",
-                        placeholder: o(l)("gateway_services.form.fields.host.placeholder"),
-                        required: "",
-                        onInput: r[5] || (r[5] = (p) => x("host"))
-                      }, ke({ _: 2 }, [
-                        s.hideTrySampleApiButton ? void 0 : {
-                          name: "after",
-                          fn: u(() => [
-                            c(h, {
-                              appearance: "tertiary",
-                              size: "small",
-                              onClick: ge
-                            }, {
-                              default: u(() => [
-                                T(b(o(l)("gateway_services.form.buttons.try_sample")), 1)
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          key: "0"
-                        }
-                      ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
-                      he.value ? (V(), A("div", Bt, [
-                        c(_, {
-                          modelValue: e.fields.path,
-                          "onUpdate:modelValue": r[6] || (r[6] = (p) => e.fields.path = p),
-                          modelModifiers: { trim: !0 },
-                          class: "gateway-service-form-margin-top",
-                          "data-testid": "gateway-service-path-input",
-                          error: !!e.formFieldErrors.path,
-                          "error-message": H("path"),
-                          label: o(l)("gateway_services.form.fields.path.label"),
-                          "label-attributes": {
-                            info: o(l)("gateway_services.form.fields.path.tooltip"),
-                            tooltipAttributes: { maxWidth: "400" }
-                          },
-                          name: "path",
-                          placeholder: o(l)("gateway_services.form.fields.path.placeholder"),
-                          onInput: r[7] || (r[7] = (p) => x("path"))
-                        }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
-                      ])) : R("", !0),
-                      c(_, {
-                        modelValue: e.fields.port,
-                        "onUpdate:modelValue": [
-                          r[8] || (r[8] = (p) => e.fields.port = p),
-                          r[10] || (r[10] = () => {
-                            e.fields.port = z(e.fields.port + "");
-                          })
-                        ],
-                        class: "gateway-service-form-margin-top",
-                        "data-testid": "gateway-service-port-input",
-                        error: !!e.formFieldErrors.port,
-                        "error-message": H("port"),
-                        label: o(l)("gateway_services.form.fields.port.label"),
-                        "label-attributes": {
-                          info: o(l)("gateway_services.form.fields.port.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        name: "port",
-                        type: "number",
-                        onInput: r[9] || (r[9] = (p) => x("port"))
-                      }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes"])
-                    ])) : R("", !0)
-                  ]),
-                  _: 1
-                }),
-                c(J, {
-                  modelValue: v.value,
-                  "onUpdate:modelValue": r[26] || (r[26] = (p) => v.value = p),
-                  "data-testid": "advanced-fields-collapse",
-                  "trigger-alignment": "leading",
-                  "trigger-label": o(l)("gateway_services.form.sections.keys.viewAdvancedFields")
-                }, {
-                  default: u(() => [
-                    c(Te, { name: "slide-fade" }, {
-                      default: u(() => [
-                        v.value ? R("", !0) : (V(), A("div", Kt, [
-                          P("div", Lt, [
-                            c(_, {
-                              modelValue: e.fields.retries,
-                              "onUpdate:modelValue": [
-                                r[11] || (r[11] = (p) => e.fields.retries = p),
-                                r[12] || (r[12] = () => {
-                                  e.fields.retries = z(e.fields.retries + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-retries-input",
-                              label: o(l)("gateway_services.form.fields.retries.label"),
-                              "label-attributes": {
-                                info: o(l)("gateway_services.form.fields.retries.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "retries",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          P("div", qt, [
-                            c(_, {
-                              modelValue: e.fields.connect_timeout,
-                              "onUpdate:modelValue": [
-                                r[13] || (r[13] = (p) => e.fields.connect_timeout = p),
-                                r[14] || (r[14] = () => {
-                                  e.fields.connect_timeout = z(e.fields.connect_timeout + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-connTimeout-input",
-                              label: o(l)("gateway_services.form.fields.connect_timeout.label"),
-                              "label-attributes": {
-                                info: o(l)("gateway_services.form.fields.connect_timeout.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "connTimeout",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          P("div", Gt, [
-                            c(_, {
-                              modelValue: e.fields.write_timeout,
-                              "onUpdate:modelValue": [
-                                r[15] || (r[15] = (p) => e.fields.write_timeout = p),
-                                r[16] || (r[16] = () => {
-                                  e.fields.write_timeout = z(e.fields.write_timeout + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-writeTimeout-input",
-                              label: o(l)("gateway_services.form.fields.write_timeout.label"),
-                              "label-attributes": {
-                                info: o(l)("gateway_services.form.fields.write_timeout.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "writeTimeout",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          P("div", Nt, [
-                            c(_, {
-                              modelValue: e.fields.read_timeout,
-                              "onUpdate:modelValue": [
-                                r[17] || (r[17] = (p) => e.fields.read_timeout = p),
-                                r[18] || (r[18] = () => {
-                                  e.fields.read_timeout = z(e.fields.read_timeout + "");
-                                })
-                              ],
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-readTimeout-input",
-                              label: o(l)("gateway_services.form.fields.read_timeout.label"),
-                              "label-attributes": {
-                                info: o(l)("gateway_services.form.fields.read_timeout.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "readTimeout",
-                              readonly: e.isReadonly,
-                              type: "number"
-                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
-                          ]),
-                          be.value ? (V(), A("div", Wt, [
-                            c(_, {
-                              modelValue: e.fields.client_certificate,
-                              "onUpdate:modelValue": r[19] || (r[19] = (p) => e.fields.client_certificate = p),
-                              modelModifiers: { trim: !0 },
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-clientCert-input",
-                              error: !!e.formFieldErrors.client_certificate,
-                              label: o(l)("gateway_services.form.fields.client_certificate.label"),
-                              "label-attributes": {
-                                info: o(l)("gateway_services.form.fields.client_certificate.tooltip"),
-                                tooltipAttributes: { maxWidth: "400" }
-                              },
-                              name: "clientCert",
-                              placeholder: o(l)("gateway_services.form.fields.client_certificate.placeholder"),
-                              readonly: e.isReadonly,
-                              type: "text",
-                              onInput: r[20] || (r[20] = (p) => _e("client_certificate"))
-                            }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"])
-                          ])) : R("", !0),
-                          Fe.value ? (V(), A("div", Ot, [
-                            c(_, {
-                              modelValue: e.fields.ca_certificates,
-                              "onUpdate:modelValue": r[21] || (r[21] = (p) => e.fields.ca_certificates = p),
-                              modelModifiers: { trim: !0 },
-                              autocomplete: "off",
-                              "data-testid": "gateway-service-ca-certs-input",
-                              error: !!e.formFieldErrors.ca_certificates,
-                              label: o(l)("gateway_services.form.fields.ca_certificates.label"),
-                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
-                              placeholder: o(l)("gateway_services.form.fields.ca_certificates.placeholder"),
-                              readonly: e.isReadonly,
-                              type: "text",
-                              onInput: r[22] || (r[22] = (p) => _e("ca_certificates"))
-                            }, {
-                              "label-tooltip": u(() => [
-                                c(o(B), {
-                                  keypath: "gateway_services.form.fields.ca_certificates.tooltip",
-                                  scope: "global"
-                                }, {
-                                  code1: u(() => [
-                                    P("code", null, b(o(l)("gateway_services.form.fields.ca_certificates.code1")), 1)
-                                  ]),
-                                  code2: u(() => [
-                                    P("code", null, b(o(l)("gateway_services.form.fields.ca_certificates.code2")), 1)
-                                  ]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 1
-                            }, 8, ["modelValue", "error", "label", "placeholder", "readonly"])
-                          ])) : R("", !0),
-                          Ae.value ? (V(), A("div", jt, [
-                            c(i, {
-                              modelValue: e.fields.tls_verify_enabled,
-                              "onUpdate:modelValue": r[23] || (r[23] = (p) => e.fields.tls_verify_enabled = p),
-                              "data-testid": "gateway-service-tls-verify-checkbox",
-                              description: o(l)("gateway_services.form.fields.tls_verify_enabled.help"),
-                              label: o(l)("gateway_services.form.fields.tls_verify_enabled.label"),
-                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
-                            }, {
-                              tooltip: u(() => [
-                                c(o(B), {
-                                  keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
-                                  scope: "global"
-                                }, {
-                                  code1: u(() => [
-                                    P("code", null, b(o(l)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
-                                  ]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 1
-                            }, 8, ["modelValue", "description", "label"]),
-                            e.fields.tls_verify_enabled ? (V(), A("div", zt, [
-                              c(n, {
-                                modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": r[24] || (r[24] = (p) => e.fields.tls_verify_value = p),
-                                "data-testid": "gateway-service-tls-verify-true-option",
-                                label: o(l)("gateway_services.form.fields.tls_verify_option.true.label"),
-                                "selected-value": !0
-                              }, null, 8, ["modelValue", "label"])
-                            ])) : R("", !0),
-                            e.fields.tls_verify_enabled ? (V(), A("div", Ht, [
-                              c(n, {
-                                modelValue: e.fields.tls_verify_value,
-                                "onUpdate:modelValue": r[25] || (r[25] = (p) => e.fields.tls_verify_value = p),
-                                "data-testid": "gateway-service-tls-verify-false-option",
-                                label: o(l)("gateway_services.form.fields.tls_verify_option.false.label"),
-                                "selected-value": !1
-                              }, null, 8, ["modelValue", "label"])
-                            ])) : R("", !0)
-                          ])) : R("", !0)
-                        ]))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["modelValue", "trigger-label"])
-              ]),
-              _: 1
-            }, 8, ["description", "hide-info-header", "title"]),
-            c(o(qe), {
-              description: o(l)("gateway_services.form.sections.general.description"),
-              "hide-info-header": s.hideSectionsInfo,
-              title: o(l)("gateway_services.form.sections.general.title")
-            }, {
-              default: u(() => [
-                c(_, {
-                  modelValue: e.fields.name,
-                  "onUpdate:modelValue": r[27] || (r[27] = (p) => e.fields.name = p),
-                  modelModifiers: { trim: !0 },
-                  autocomplete: "off",
-                  "data-testid": "gateway-service-name-input",
-                  error: Y.value,
-                  "error-message": ne.value,
-                  label: o(l)("gateway_services.form.fields.name.label"),
-                  "label-attributes": {
-                    info: o(l)("gateway_services.form.fields.name.tooltip"),
-                    tooltipAttributes: { maxWidth: "400" }
-                  },
-                  name: "name",
-                  placeholder: o(l)("gateway_services.form.fields.name.placeholder"),
-                  readonly: e.isReadonly,
-                  type: "text",
-                  onInput: te
-                }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
-                c(J, {
-                  "data-testid": "tags-collapse",
-                  "trigger-alignment": "leading",
-                  "trigger-label": o(l)("gateway_services.form.fields.tags.collapse")
-                }, {
-                  default: u(() => [
-                    P("div", Zt, [
-                      c(_, {
-                        modelValue: e.fields.tags,
-                        "onUpdate:modelValue": r[28] || (r[28] = (p) => e.fields.tags = p),
-                        modelModifiers: { trim: !0 },
-                        autocomplete: "off",
-                        "data-testid": "gateway-service-tags-input",
-                        help: o(l)("gateway_services.form.fields.tags.help"),
-                        label: o(l)("gateway_services.form.fields.tags.label"),
-                        "label-attributes": {
-                          info: o(l)("gateway_services.form.fields.tags.tooltip"),
-                          tooltipAttributes: { maxWidth: "400" }
-                        },
-                        name: "tags",
-                        placeholder: o(l)("gateway_services.form.fields.tags.placeholder"),
-                        readonly: e.isReadonly,
-                        type: "text",
-                        onInput: r[29] || (r[29] = (p) => G("tags"))
-                      }, null, 8, ["modelValue", "help", "label", "label-attributes", "placeholder", "readonly"])
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["trigger-label"])
-              ]),
-              _: 1
-            }, 8, ["description", "hide-info-header", "title"]),
-            e.errorMessages.length ? (V(), le(re, {
-              key: 0,
-              appearance: "danger",
-              "data-testid": "form-error"
-            }, {
-              default: u(() => [
-                P("ul", Jt, [
-                  (V(!0), A(Je, null, Qe(e.errorMessages, (p) => (V(), A("li", { key: p }, b(p), 1))), 128))
-                ])
-              ]),
-              _: 1
-            })) : R("", !0)
-          ]),
-          _: 3
-        }, 8, ["can-submit", "config", "edit-id", "entity-type", "fetch-url", "form-fields", "is-readonly"])
-      ]);
-    };
-  }
-}), co = /* @__PURE__ */ je(Qt, [["__scopeId", "data-v-8f8e7eca"]]), { validateHost: Xt, validatePort: Yt, validateProtocol: eo, validatePath: to } = Q.useUrlValidators(), uo = () => ({
-  validateHost: Xt,
-  validatePort: Yt,
-  validateProtocol: eo,
-  validatePath: to
-});
-export {
-  no as GatewayServiceConfigCard,
-  co as GatewayServiceForm,
-  ao as GatewayServiceList,
-  uo as useUrlValidator
-};