@kong-ui-public/entities-gateway-services 3.14.15-pr.2800.38353414e.0 → 3.14.15-pr.2806.f620cf4d7.0

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

@@ -0,0 +1,1756 @@
+import { defineComponent as De, ref as $, computed as C, watch as Me, onBeforeMount as He, resolveComponent as D, createElementBlock as R, openBlock as V, createVNode as n, unref as r, createSlots as Ve, withCtx as d, createTextVNode as U, toDisplayString as h, createBlock as se, createCommentVNode as T, createElementVNode as E, withModifiers as Te, Teleport as Ze, reactive as Be, onMounted as Je, Transition as Ue, Fragment as Qe, renderList as Xe, renderSlot as Ye } from "vue";
+import { useRouter as Ne } from "vue-router";
+import { BookIcon as Ke, AddIcon as Le, ServicesIcon as et } from "@kong/icons";
+import { createI18n as tt, i18nTComponent as ot } from "@kong-ui-public/i18n";
+import { useAxios as We, useTableState as rt, useFetcher as it, useDeleteUrlBuilder as lt, FetcherStatus as st, EntityBaseTable as at, PermissionsWrapper as le, TableTags as nt, EntityFilter as ct, EntityToggleModal as dt, EntityDeleteModal as ut, EntityTypes as ft, useHelpers as Oe, ConfigurationSchemaType as pt, ConfigurationSchemaSection as ke, EntityBaseConfigCard as mt, SupportedEntityType as je, useErrors as vt, useValidators as gt, EntityBaseFormType as qe, useGatewayFeatureSupported as yt, EntityBaseForm as _t, EntityFormSection as Ge } from "@kong-ui-public/entities-shared";
+const ht = {
+  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"
+  }
+}, bt = {
+  placeholder: {
+    konnect: "Filter by name",
+    kongManager: "Filter by exact name or ID"
+  }
+}, wt = {
+  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"
+      }
+    }
+  }
+}, kt = {
+  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"
+}, Vt = {
+  success: "Copied {val} to clipboard",
+  success_brief: "Successfully copied to clipboard"
+}, Ct = {
+  gateway_services: "gateway services"
+}, St = {
+  actions: ht,
+  search: bt,
+  gateway_services: wt,
+  errors: kt,
+  copy: Vt,
+  glossary: Ct
+};
+function Et() {
+  const s = tt("en-us", St);
+  return {
+    i18n: s,
+    i18nT: ot(s)
+    // Translation component <i18n-t>
+  };
+}
+function Pt() {
+  return {
+    getPortFromProtocol: (N, p) => {
+      const c = [80, 443], a = Number(p);
+      if ((a || a === 0) && !c.includes(a))
+        return a;
+      switch (N) {
+        case "grpcs":
+        case "tls":
+        case "https":
+        case "wss":
+          return 443;
+        case "grpc":
+        case "tcp":
+        case "http":
+        case "ws":
+        default:
+          return 80;
+      }
+    }
+  };
+}
+function It() {
+  const { i18n: { t: s } } = X.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 X = {
+  useI18n: Et,
+  usePortFromProtocol: Pt,
+  useUrlValidators: It
+}, $e = "/v2/control-planes/{controlPlaneId}/core-entities", xe = "/{workspace}", Ce = {
+  list: {
+    konnect: {
+      all: `${$e}/services`
+    },
+    kongManager: {
+      all: `${xe}/services`
+    }
+  },
+  form: {
+    konnect: {
+      create: `${$e}/services`,
+      edit: `${$e}/services/{id}`
+    },
+    kongManager: {
+      create: `${xe}/services`,
+      edit: `${xe}/services/{id}`
+    }
+  }
+}, Ft = { class: "kong-ui-entities-gateway-services-list" }, At = { class: "button-row" }, Rt = { key: 1 }, Tt = /* @__PURE__ */ De({
+  __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: N }) {
+    var re;
+    const p = N, c = s, { i18n: { t: a, formatUnixTimeStamp: v } } = X.useI18n(), F = Ne(), { axiosInstance: q } = We((re = c.config) == null ? void 0 : re.axiosRequestConfig), { hasRecords: l, handleStateChange: B } = rt(() => O.value), P = C(() => l.value && c.config.app === "konnect"), Se = C(() => c.config.app !== "kongManager" || !!c.config.disableSorting), ae = {
+      // the Name column is non-hidable
+      name: { label: a("gateway_services.list.table_headers.name"), searchable: !0, sortable: !0, hidable: !1 },
+      ...c.config.showControlPlaneColumn ? { control_plane: { label: a("gateway_services.list.table_headers.control_plane") } } : {},
+      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 }
+    }, ue = {
+      columnVisibility: {
+        created_at: !1
+      }
+    }, fe = ae, Y = C(() => {
+      var g, y;
+      let u = `${c.config.apiBaseUrl}${Ce.list[c.config.app].all}`;
+      return c.config.app === "konnect" ? u = u.replace(/{controlPlaneId}/gi, ((g = c.config) == null ? void 0 : g.controlPlaneId) || "") : c.config.app === "kongManager" && (u = u.replace(/\/{workspace}/gi, (y = c.config) != null && y.workspace ? `/${c.config.workspace}` : "")), u;
+    }), Ee = C(() => c.config.apiBaseUrl.startsWith("/") ? new URL(`${window.location.origin}${Y.value}`) : new URL(Y.value)), O = $(""), j = C(() => {
+      const u = c.config.app === "konnect" || c.config.isExactMatch;
+      if (u)
+        return {
+          isExactMatch: u,
+          placeholder: a(`search.placeholder.${c.config.app}`)
+        };
+      const { name: g, enabled: y, protocol: I, host: K, port: L, path: A } = ae;
+      return {
+        isExactMatch: u,
+        fields: { name: g, enabled: y, protocol: I, host: K, port: L, path: A },
+        schema: c.config.filterSchema
+      };
+    }), {
+      fetcher: Pe,
+      fetcherState: z,
+      fetcherCacheKey: S
+    } = it(C(() => ({ ...c.config, cacheIdentifier: c.cacheIdentifier })), Y), ne = () => {
+      O.value = "";
+    }, ce = () => {
+      S.value++;
+    }, ee = $(null), e = C(() => ({
+      ctaPath: c.config.createRoute,
+      ctaText: oe.value ? c.isServerless ? a("actions.serverless_create") : a("actions.create") : void 0,
+      message: `${a("gateway_services.list.empty_state.description")}${c.config.additionMessageForEmptyState ? ` ${c.config.additionMessageForEmptyState}` : ""}`,
+      title: oe.value ? c.isServerless ? a("gateway_services.list.empty_state.serverless_title") : a("gateway_services.list.empty_state.title") : a("gateway_services.title")
+    })), w = $(!1), x = $(null), te = C(() => {
+      const u = {
+        action: "disable",
+        id: "",
+        name: ""
+      };
+      if (x.value) {
+        const { enabled: g, id: y, name: I } = x.value;
+        u.action = g ? "disable" : "enable", u.id = y, u.name = I || y;
+      }
+      return u;
+    }), pe = (u) => {
+      w.value = !0, x.value = u;
+    }, me = () => {
+      w.value = !1, x.value = null;
+    }, H = async () => {
+      var I, K;
+      if (!await ((I = c.canEdit) == null ? void 0 : I.call(c, x.value)) || !x.value)
+        return;
+      const g = `${Ee.value.href}/${x.value.id}`, y = !x.value.enabled;
+      try {
+        const L = (K = c.config) == null ? void 0 : K.app;
+        let A;
+        O.value && L === "konnect" && (A = await q.get(g));
+        const { data: t } = L === "konnect" ? await q.put(g, { ...(A == null ? void 0 : A.data) || x.value, enabled: y }) : await q.patch(g, { ...x.value, enabled: y });
+        p("toggle:success", t), x.value.enabled = y;
+      } catch (L) {
+        p("error", L);
+      }
+    }, ve = (u) => {
+      c.config.getControlPlaneRoute && F.push(c.config.getControlPlaneRoute(u));
+    }, ge = async (u, g) => {
+      const y = u.id;
+      if (!await g(y)) {
+        p("copy:error", {
+          entity: u,
+          field: "id",
+          message: a("errors.copy")
+        });
+        return;
+      }
+      p("copy:success", {
+        entity: u,
+        field: "id",
+        message: a("copy.success", { val: y })
+      });
+    }, ye = async (u, g) => {
+      const y = JSON.stringify(u);
+      if (!await g(y)) {
+        p("copy:error", {
+          entity: u,
+          message: a("errors.copy")
+        });
+        return;
+      }
+      p("copy:success", {
+        entity: u,
+        message: a("copy.success_brief")
+      });
+    }, _e = async (u) => {
+      var y;
+      await ((y = c.canRetrieve) == null ? void 0 : y.call(c, u)) && F.push(c.config.getViewRoute(u.id));
+    }, he = (u) => ({
+      label: a("actions.view"),
+      to: c.config.getViewRoute(u)
+    }), Ie = (u) => ({
+      label: a("actions.edit"),
+      to: c.config.getEditRoute(u)
+    }), Z = (u) => {
+      if (c.config.getDebugRoute)
+        return {
+          label: a("actions.debugger"),
+          to: c.config.getDebugRoute(u)
+        };
+    }, M = $(void 0), W = $(!1), J = $(!1), de = $(""), Fe = lt(c.config, Y.value), be = (u) => {
+      M.value = u, W.value = !0, de.value = "";
+    }, we = () => {
+      W.value = !1, M.value = void 0;
+    }, Ae = async () => {
+      var u, g, y;
+      if ((u = M.value) != null && u.id) {
+        J.value = !0;
+        try {
+          await q.delete(Fe(M.value.id)), p("delete:success", M.value), we(), S.value++;
+        } catch (I) {
+          de.value = ((y = (g = I.response) == null ? void 0 : g.data) == null ? void 0 : y.message) || I.message || a("errors.delete"), p("error", I);
+        } finally {
+          J.value = !1;
+        }
+      }
+    }, Re = () => {
+      F.push(c.config.createRoute);
+    };
+    Me(z, (u) => {
+      var g, y, I;
+      if (u.status === st.Error) {
+        ee.value = {
+          title: a("errors.general")
+        }, (I = (y = (g = u.error) == null ? void 0 : g.response) == null ? void 0 : y.data) != null && I.message && (ee.value.message = u.error.response.data.message), p("error", u.error);
+        return;
+      }
+      ee.value = null;
+    });
+    const oe = $(!1);
+    return He(async () => {
+      oe.value = await c.canCreate();
+    }), (u, g) => {
+      const y = D("KButton"), I = D("KEmptyState"), K = D("KBadge"), L = D("KInputSwitch"), A = D("KDropdownItem"), t = D("KClipboardProvider");
+      return V(), R("div", Ft, [
+        n(r(at), {
+          "cache-identifier": s.cacheIdentifier,
+          "default-table-preferences": ue,
+          "disable-sorting": Se.value,
+          "empty-state-options": e.value,
+          "enable-entity-actions": "",
+          "error-message": ee.value,
+          fetcher: r(Pe),
+          "fetcher-cache-key": r(S),
+          "pagination-type": "offset",
+          "preferences-storage-key": "kong-ui-entities-gateway-services-list",
+          query: O.value,
+          "table-headers": r(fe),
+          onClearSearchInput: ne,
+          "onClick:row": g[4] || (g[4] = (o) => _e(o)),
+          onSort: ce,
+          onState: r(B)
+        }, Ve({
+          "toolbar-filter": d(() => [
+            n(r(ct), {
+              modelValue: O.value,
+              "onUpdate:modelValue": g[0] || (g[0] = (o) => O.value = o),
+              config: j.value
+            }, null, 8, ["modelValue", "config"])
+          ]),
+          "toolbar-button": d(() => [
+            (V(), se(Ze, {
+              disabled: !s.useActionOutside,
+              to: "#kong-ui-app-page-header-action-button"
+            }, [
+              E("div", At, [
+                P.value ? (V(), se(y, {
+                  key: 0,
+                  appearance: "secondary",
+                  class: "open-learning-hub",
+                  "data-testid": "gateway-services-learn-more-button",
+                  icon: "",
+                  onClick: g[1] || (g[1] = (o) => u.$emit("click:learn-more"))
+                }, {
+                  default: d(() => [
+                    n(r(Ke), { decorative: "" })
+                  ]),
+                  _: 1
+                })) : T("", !0),
+                n(r(le), {
+                  "auth-function": () => s.canCreate()
+                }, {
+                  default: d(() => [
+                    n(y, {
+                      appearance: "primary",
+                      "data-testid": "toolbar-add-gateway-service",
+                      size: s.useActionOutside ? "medium" : "large",
+                      to: s.config.createRoute
+                    }, {
+                      default: d(() => [
+                        n(r(Le)),
+                        U(" " + h(r(a)("gateway_services.list.toolbar_actions.new_gateway_service")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "to"])
+                  ]),
+                  _: 1
+                }, 8, ["auth-function"])
+              ])
+            ], 8, ["disabled"]))
+          ]),
+          name: d(({ rowValue: o }) => [
+            E("b", null, h(o ?? "-"), 1)
+          ]),
+          control_plane: d(({ row: o }) => {
+            var m;
+            return [
+              (m = o.x_meta) != null && m.cluster_id ? (V(), se(K, {
+                key: 0,
+                tooltip: o.x_meta.cluster_id,
+                "truncation-tooltip": "",
+                onClick: Te((b) => ve(o.x_meta.cluster_id), ["stop"])
+              }, {
+                default: d(() => [
+                  U(h(o.x_meta.cluster_id), 1)
+                ]),
+                _: 2
+              }, 1032, ["tooltip", "onClick"])) : (V(), R("b", Rt, "-"))
+            ];
+          }),
+          enabled: d(({ row: o }) => [
+            n(r(le), {
+              "auth-function": () => s.canEdit(o),
+              "force-show": ""
+            }, {
+              default: d(({ isAllowed: m }) => [
+                E("div", {
+                  onClick: g[3] || (g[3] = Te(() => {
+                  }, ["stop"]))
+                }, [
+                  n(L, {
+                    modelValue: o.enabled,
+                    "onUpdate:modelValue": (b) => o.enabled = b,
+                    "data-testid": `row-${o.id}-toggle-input`,
+                    disabled: !m,
+                    onClick: Te((b) => pe(o), ["prevent"])
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "data-testid", "disabled", "onClick"])
+                ])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"])
+          ]),
+          tags: d(({ rowValue: o }) => [
+            n(r(nt), { tags: o }, null, 8, ["tags"])
+          ]),
+          created_at: d(({ rowValue: o }) => [
+            U(h(r(v)(o)), 1)
+          ]),
+          updated_at: d(({ row: o, rowValue: m }) => [
+            U(h(r(v)(m ?? o.created_at)), 1)
+          ]),
+          actions: d(({ row: o }) => [
+            n(t, null, {
+              default: d(({ copyToClipboard: m }) => [
+                n(A, {
+                  "data-testid": "action-entity-copy-id",
+                  onClick: (b) => ge(o, m)
+                }, {
+                  default: d(() => [
+                    U(h(r(a)("actions.copy_id")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            n(t, null, {
+              default: d(({ copyToClipboard: m }) => [
+                n(A, {
+                  "data-testid": "action-entity-copy-json",
+                  onClick: (b) => ye(o, m)
+                }, {
+                  default: d(() => [
+                    U(h(r(a)("actions.copy_json")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1024),
+            n(r(le), {
+              "auth-function": () => s.canRetrieve(o)
+            }, {
+              default: d(() => [
+                n(A, {
+                  "data-testid": "action-entity-view",
+                  "has-divider": "",
+                  item: he(o.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            n(r(le), {
+              "auth-function": () => s.canDebug(o)
+            }, {
+              default: d(() => [
+                s.config.getDebugRoute ? (V(), se(A, {
+                  key: 0,
+                  "data-testid": "action-entity-debug",
+                  item: Z(o.id)
+                }, null, 8, ["item"])) : T("", !0)
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            n(r(le), {
+              "auth-function": () => s.canEdit(o)
+            }, {
+              default: d(() => [
+                n(A, {
+                  "data-testid": "action-entity-edit",
+                  item: Ie(o.id)
+                }, null, 8, ["item"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"]),
+            n(r(le), {
+              "auth-function": () => s.canDelete(o)
+            }, {
+              default: d(() => [
+                n(A, {
+                  danger: "",
+                  "data-testid": "action-entity-delete",
+                  "has-divider": "",
+                  onClick: (m) => be(o)
+                }, {
+                  default: d(() => [
+                    U(h(r(a)("actions.delete.menu_label")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["auth-function"])
+          ]),
+          _: 2
+        }, [
+          !O.value && s.config.app === "konnect" ? {
+            name: "empty-state",
+            fn: d(() => {
+              var o;
+              return [
+                n(I, {
+                  "data-testid": "gateway-services-entity-empty-state",
+                  "icon-background": "",
+                  message: r(a)("gateway_services.empty_state_v2.description"),
+                  title: r(a)("gateway_services.empty_state_v2.title")
+                }, Ve({
+                  icon: d(() => [
+                    n(r(et), { decorative: "" })
+                  ]),
+                  action: d(() => [
+                    oe.value ? (V(), se(y, {
+                      key: 0,
+                      "data-testid": "entity-create-button",
+                      onClick: Re
+                    }, {
+                      default: d(() => [
+                        n(r(Le), { decorative: "" }),
+                        U(" " + h(r(a)("gateway_services.empty_state_v2.create")), 1)
+                      ]),
+                      _: 1
+                    })) : T("", !0),
+                    n(y, {
+                      appearance: "secondary",
+                      "data-testid": "entity-learn-more-button",
+                      onClick: g[2] || (g[2] = (m) => u.$emit("click:learn-more"))
+                    }, {
+                      default: d(() => [
+                        n(r(Ke), { decorative: "" }),
+                        U(" " + h(r(a)("gateway_services.empty_state_v2.learn_more")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 2
+                }, [
+                  (o = s.config) != null && o.isControlPlaneGroup ? {
+                    name: "default",
+                    fn: d(() => [
+                      U(h(r(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"]),
+        n(r(dt), {
+          action: te.value.action,
+          "entity-id": te.value.id,
+          "entity-name": te.value.name,
+          "entity-type": r(a)("glossary.gateway_services"),
+          "on-confirm": H,
+          visible: w.value,
+          onCancel: me,
+          onProceed: me
+        }, null, 8, ["action", "entity-id", "entity-name", "entity-type", "visible"]),
+        n(r(ut), {
+          "action-pending": J.value,
+          description: r(a)("actions.delete.description"),
+          "entity-name": M.value && (M.value.name || M.value.id),
+          "entity-type": r(ft).GatewayService,
+          error: de.value,
+          title: r(a)("actions.delete.title"),
+          visible: W.value,
+          onCancel: we,
+          onProceed: Ae
+        }, null, 8, ["action-pending", "description", "entity-name", "entity-type", "error", "title", "visible"])
+      ]);
+    };
+  }
+}), ze = (s, N) => {
+  const p = s.__vccOpts || s;
+  for (const [c, a] of N)
+    p[c] = a;
+  return p;
+}, no = /* @__PURE__ */ ze(Tt, [["__scopeId", "data-v-be14eac9"]]), Ut = { class: "kong-ui-gateway-service-entity-config-card" }, co = /* @__PURE__ */ De({
+  __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 N = s, { i18n: { t: p }, i18nT: c } = X.useI18n(), a = C(() => Ce.form[N.config.app].edit), { getPropValue: v } = Oe(), F = (l, B) => v(l, B) === !0 ? p("gateway_services.form.fields.tls_verify_option.true.display") : p("gateway_services.form.fields.tls_verify_option.false.display"), q = $({
+      id: {},
+      name: {
+        tooltip: p("gateway_services.form.fields.name.tooltip")
+      },
+      enabled: {},
+      updated_at: {},
+      created_at: {},
+      protocol: {
+        section: ke.Basic,
+        tooltip: p("gateway_services.form.fields.protocol.tooltip")
+      },
+      host: {
+        section: ke.Basic,
+        tooltip: p("gateway_services.form.fields.host.tooltip")
+      },
+      path: {
+        section: ke.Basic,
+        tooltip: p("gateway_services.form.fields.path.tooltip")
+      },
+      port: {
+        section: ke.Basic,
+        tooltip: p("gateway_services.form.fields.port.tooltip")
+      },
+      tags: {
+        tooltip: p("gateway_services.form.fields.tags.tooltip")
+      },
+      // advanced fields
+      retries: {
+        order: 1,
+        tooltip: p("gateway_services.form.fields.retries.tooltip")
+      },
+      connect_timeout: {
+        order: 2,
+        tooltip: p("gateway_services.form.fields.connect_timeout.tooltip")
+      },
+      write_timeout: {
+        order: 3,
+        tooltip: p("gateway_services.form.fields.write_timeout.tooltip")
+      },
+      read_timeout: {
+        order: 4,
+        tooltip: p("gateway_services.form.fields.read_timeout.tooltip")
+      },
+      client_certificate: {
+        order: 5,
+        tooltip: p("gateway_services.form.fields.client_certificate.tooltip")
+      },
+      ca_certificates: {
+        type: pt.BadgeTag,
+        label: p("gateway_services.form.fields.ca_certificates.label"),
+        order: 6
+      },
+      tls_verify: {
+        label: p("gateway_services.form.fields.tls_verify_enabled.label")
+      },
+      tls_verify_depth: {
+        hidden: !0
+      }
+    });
+    return (l, B) => (V(), R("div", Ut, [
+      n(r(mt), {
+        config: s.config,
+        "config-card-doc": s.configCardDoc,
+        "config-schema": q.value,
+        "entity-type": r(je).GatewayService,
+        "fetch-url": a.value,
+        "hide-title": s.hideTitle,
+        "onFetch:error": B[0] || (B[0] = (P) => l.$emit("fetch:error", P)),
+        "onFetch:success": B[1] || (B[1] = (P) => l.$emit("fetch:success", P)),
+        onLoading: B[2] || (B[2] = (P) => l.$emit("loading", P))
+      }, {
+        "enabled-label-tooltip": d(() => [
+          n(r(c), {
+            keypath: "gateway_services.form.fields.enabled.tooltip",
+            scope: "global"
+          }, {
+            false: d(() => [
+              E("code", null, h(r(p)("gateway_services.form.fields.enabled.false")), 1)
+            ]),
+            true: d(() => [
+              E("code", null, h(r(p)("gateway_services.form.fields.enabled.true")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        "ca_certificates-label-tooltip": d(() => [
+          n(r(c), {
+            keypath: "gateway_services.form.fields.ca_certificates.tooltip",
+            scope: "global"
+          }, {
+            code1: d(() => [
+              E("code", null, h(r(p)("gateway_services.form.fields.ca_certificates.code1")), 1)
+            ]),
+            code2: d(() => [
+              E("code", null, h(r(p)("gateway_services.form.fields.ca_certificates.code2")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        "tls_verify-label-tooltip": d(() => [
+          n(r(c), {
+            keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
+            scope: "global"
+          }, {
+            code1: d(() => [
+              E("code", null, h(r(p)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        tls_verify: d((P) => [
+          U(h(typeof r(v)("rowValue", P) == "boolean" ? F("rowValue", P) : r(p)("gateway_services.form.fields.tls_verify_option.unset.display")), 1)
+        ]),
+        client_certificate: d((P) => [
+          U(h(r(v)("rowValue", P) ? r(v)("rowValue", P).id : "–"), 1)
+        ]),
+        _: 1
+      }, 8, ["config", "config-card-doc", "config-schema", "entity-type", "fetch-url", "hide-title"])
+    ]));
+  }
+}), G = {
+  name: "Kong-Air-Flights-API",
+  protocol: "https",
+  path: "/flights",
+  host: "api.kong-air.com",
+  port: 443
+}, $t = { class: "kong-ui-entities-gateway-service-form" }, xt = {
+  key: 0,
+  class: "gateway-service-form-general-info"
+}, Mt = { class: "gateway-service-form-group-selection-wrapper" }, Dt = {
+  key: 0,
+  class: "gateway-service-form-group-fields"
+}, Bt = {
+  key: 0,
+  class: "gateway-service-form-group-fields"
+}, Kt = { key: 0 }, Lt = {
+  key: 0,
+  class: "gateway-service-form-advanced-fields"
+}, qt = { class: "gateway-service-form-margin-bottom" }, Gt = { class: "gateway-service-form-margin-bottom" }, Nt = { class: "gateway-service-form-margin-bottom" }, Wt = { class: "gateway-service-form-margin-bottom" }, Ot = {
+  key: 0,
+  class: "gateway-service-form-margin-bottom"
+}, jt = {
+  key: 1,
+  class: "gateway-service-form-margin-bottom"
+}, zt = {
+  key: 2,
+  class: "gateway-service-form-margin-bottom"
+}, Ht = {
+  key: 0,
+  class: "checkbox-aligned-radio"
+}, Zt = {
+  key: 1,
+  class: "checkbox-aligned-radio"
+}, Jt = { class: "gateway-service-form-tags" }, Qt = { class: "form-error-list" }, Xt = /* @__PURE__ */ De({
+  __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: N, emit: p }) {
+    var A;
+    const c = p, a = s, v = $(!0), F = Ne(), { i18nT: q, i18n: { t: l } } = X.useI18n(), { getErrorFieldsFromError: B } = vt(), { axiosInstance: P } = We((A = a.config) == null ? void 0 : A.axiosRequestConfig), Se = gt(), { validateHost: ae, validatePath: ue, validatePort: fe, validateProtocol: Y } = X.useUrlValidators(), { objectsAreEqual: Ee } = Oe(), O = C(() => Ce.form[a.config.app].edit), j = C(() => a.gatewayServiceId ? qe.Edit : qe.Create), Pe = $(!1), z = C(() => !!a.gatewayServiceId), S = $(z.value ? "protocol" : "url"), ne = X.usePortFromProtocol(), ce = $(""), ee = C(() => !!ce.value || !!Z("name")), e = Be({
+      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 = Be({
+      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
+    }), x = a.config.app === "konnect" || yt({
+      gatewayInfo: a.config.gatewayInfo,
+      // 'ws' and 'wss' are not valid values for the protocol field in Gateway Community Edition or before Gateway Enterprise Edition 3.0
+      supportedRange: {
+        enterprise: ["3.0"]
+      }
+    }), te = [
+      {
+        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"
+      },
+      ...x ? [
+        {
+          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"
+      }
+    ], pe = { url: "url", protocol: "protocol" }, me = (t) => {
+      e.fields.protocol = t.value, e.fields.port = ne.getPortFromProtocol(e.fields.protocol, String(e.fields.port));
+    }, H = (t) => t ? parseFloat(t) : 0, ve = () => {
+      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;
+    }, ge = () => {
+      v.value = !0, W(), e.errorMessages = [], ve();
+    }, ye = () => {
+      switch (ve(), e.fields.name = `${G.name}-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, S.value) {
+        case "url":
+          e.fields.url = `${G.protocol}://${G.host}${G.path}`;
+          break;
+        case "protocol":
+          e.fields.host = G.host, e.fields.path = G.path, e.fields.protocol = G.protocol, e.fields.port = G.port;
+          break;
+        default:
+          e.fields.url = `${G.protocol}://${G.host}${G.path}`;
+      }
+    }, _e = () => {
+      if (W(), e.fields.url.length)
+        try {
+          const t = new URL(e.fields.url), o = Y(t.protocol, te);
+          if (o) throw new Error(o);
+          e.fields.protocol = t.protocol.slice(0, -1);
+          const m = ae(t.hostname);
+          if (m) throw new Error(m);
+          e.fields.host = t.hostname;
+          const b = ue(t.pathname);
+          if (b) throw new Error(b);
+          e.fields.path = t.pathname;
+          const _ = fe(t.port);
+          if (_) throw new Error(_);
+          const k = Number(t.port);
+          Pe.value = !!k, e.fields.port = k || ne.getPortFromProtocol(e.fields.protocol), c("url-valid:success");
+        } catch {
+          c("url-valid:error", l("gateway_services.form.errors.url.invalid")), e.formFieldErrors.url = l("gateway_services.form.errors.url.invalid");
+        }
+    }, he = (t) => {
+      W(t);
+    }, Ie = C(() => !!e.formFieldErrors.url || !!e.formFieldErrors.host || !!e.formFieldErrors.port), Z = (t) => {
+      if (e.errorMessages.length) return "";
+      const o = e.formFieldErrors;
+      return o[t] ? o[t] : "";
+    }, M = (t) => {
+      W(t ?? void 0);
+      const o = ae(e.fields.host);
+      o && (e.formFieldErrors.host = o);
+      const m = ue(e.fields.path);
+      m && (e.formFieldErrors.path = m);
+      const b = fe(e.fields.port);
+      b && (e.formFieldErrors.port = b), J.value ? c("url-valid:success") : c("url-valid:error", e.errorMessages.join(",") || l("gateway_services.form.errors.url.invalid"));
+    }, W = (t) => {
+      if (t)
+        e.formFieldErrors[t] = "";
+      else
+        for (let o in e.formFieldErrors)
+          e.formFieldErrors[o] = "";
+      e.errorMessages = [];
+    }, J = C(() => {
+      for (let t in e.formFieldErrors)
+        if (e.formFieldErrors[t].length)
+          return !1;
+      return !0;
+    }), de = () => {
+      e.fields.url && S.value === "url" ? _e() : M();
+    }, Fe = () => `new-service-${(/* @__PURE__ */ new Date()).toISOString().replace(/\D/g, "").slice(0, 17)}`, be = C(() => !["tcp", "tls", "tls_passthrough", "grpc", "grpcs", "udp"].includes(e.fields.protocol)), we = C(() => {
+      if (S.value === "url")
+        return !0;
+      const t = ["https", "wss", "tls"].includes(e.fields.protocol);
+      return S.value === "protocol" && t;
+    }), Ae = C(() => {
+      if (S.value === "url")
+        return !0;
+      const t = ["https", "tls"].includes(e.fields.protocol);
+      return S.value === "protocol" && t;
+    }), Re = C(() => {
+      if (S.value === "url")
+        return !0;
+      const t = ["https", "wss", "tls"].includes(e.fields.protocol);
+      return S.value === "protocol" && t;
+    }), oe = (t) => {
+      W("name"), ce.value = Se.utf8Name(t);
+    }, re = C(() => {
+      const t = !z.value || !Ee(e.fields, w), o = S.value === "url" && !!e.fields.url && J.value, m = S.value === "protocol" && !!e.fields.host && J.value;
+      return t && (o || m);
+    }), u = (t) => {
+      var o, m, b;
+      e.fields.name = (t == null ? void 0 : t.name) || "", e.fields.tags = ((o = t == null ? void 0 : t.tags) == null ? void 0 : o.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 = ((m = t == null ? void 0 : t.ca_certificates) == null ? void 0 : m.join(",")) || "", e.fields.client_certificate = ((b = t == null ? void 0 : t.client_certificate) == null ? void 0 : b.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 = C(() => {
+      var o, m;
+      let t = `${a.config.apiBaseUrl}${Ce.form[a.config.app][j.value]}`;
+      return a.config.app === "konnect" ? t = t.replace(/{controlPlaneId}/gi, ((o = a.config) == null ? void 0 : o.controlPlaneId) || "") : a.config.app === "kongManager" && (t = t.replace(/\/{workspace}/gi, (m = a.config) != null && m.workspace ? `/${a.config.workspace}` : "")), t = t.replace(/{id}/gi, a.gatewayServiceId), t;
+    }), I = (t) => {
+      let o = "";
+      t.url && (o = new URL(t.url).protocol), (["https", "wss", "tls"].includes(t.protocol) || ["https", "wss", "tls"].includes(o)) && (t.tls_verify = t.tls_verify_enabled ? t.tls_verify_value : null), delete t.tls_verify_enabled, delete t.tls_verify_value;
+    }, K = C(() => {
+      var o, m, b, _;
+      const t = {
+        name: e.fields.name || null,
+        tags: e.fields.tags ? (b = (m = (o = e.fields.tags) == null ? void 0 : o.split(",")) == null ? void 0 : m.map((k) => String(k || "").trim())) == null ? void 0 : b.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,
+        tls_verify_value: e.fields.tls_verify_value,
+        tls_verify_enabled: e.fields.tls_verify_enabled,
+        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), be.value || (t.path = null), j.value === "create" ? S.value === "url" ? (delete t.protocol, delete t.host, delete t.path, a.config.app === "konnect" && delete t.port) : delete t.url : j.value === "edit" && delete t.url, t;
+    }), L = async () => {
+      var t, o, m, b;
+      try {
+        e.isReadonly = !0;
+        const _ = K.value;
+        I(_);
+        let k;
+        if (j.value === "create" ? k = await P.post(y.value, _) : j.value === "edit" && (k = ((t = a.config) == null ? void 0 : t.app) === "konnect" ? await P.put(y.value, _) : await P.patch(y.value, _)), k) {
+          const { data: i } = k;
+          e.fields.name = (i == null ? void 0 : i.name) || "", e.fields.port = i.port || ne.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 = ((o = i == null ? void 0 : i.client_certificate) == null ? void 0 : o.id) || "", e.fields.ca_certificates = (m = i == null ? void 0 : i.ca_certificates) != null && m.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 = (b = i == null ? void 0 : i.tags) != null && b.length ? i.tags.join(", ") : "", e.fields.enabled = (i == null ? void 0 : i.enabled) ?? !0, Object.assign(w, e.fields), c("update", k == null ? void 0 : k.data);
+        }
+        return k;
+      } catch (_) {
+        const { fields: k, messages: i } = B(_);
+        e.errorMessages = i, k.length && k.forEach((Q) => {
+          const ie = Q.field;
+          ie === "client_certificate.id" ? e.formFieldErrors.client_certificate = Q.message : ie.startsWith("ca_certificates") ? e.formFieldErrors.ca_certificates = Q.message : Object.keys(e.formFieldErrors).includes(ie) && (e.formFieldErrors = {
+            ...e.formFieldErrors,
+            [ie]: Q.message
+          });
+        }), c("error", _);
+      } finally {
+        e.isReadonly = !1;
+      }
+    };
+    return Me(() => a.gatewayServiceId, () => {
+      Object.assign(e.fields, w);
+    }), Me(e.fields, () => {
+      c("model-updated", K.value);
+    }), Je(() => {
+      c("model-updated", K.value), z.value || (e.fields.name = Fe());
+    }), N({
+      validateUrl: de,
+      getPayload: K,
+      saveFormData: L,
+      canSubmit: re,
+      initForm: u
+    }), (t, o) => {
+      const m = D("KRadio"), b = D("KButton"), _ = D("KInput"), k = D("KSelect"), i = D("KCheckbox"), Q = D("KCollapse"), ie = D("KAlert");
+      return V(), R("div", $t, [
+        n(r(_t), {
+          "can-submit": re.value,
+          config: s.config,
+          "edit-id": s.gatewayServiceId,
+          "entity-type": r(je).GatewayService,
+          "fetch-url": O.value,
+          "form-fields": K.value,
+          "is-readonly": e.isReadonly,
+          onCancel: g,
+          "onFetch:error": o[30] || (o[30] = (f) => t.$emit("error", f)),
+          "onFetch:success": u,
+          onLoading: o[31] || (o[31] = (f) => t.$emit("loading", f)),
+          onSubmit: L
+        }, {
+          "form-actions": d(() => [
+            Ye(t.$slots, "form-actions", {
+              canSubmit: re.value,
+              cancel: g,
+              submit: L
+            }, void 0, !0)
+          ]),
+          default: d(() => [
+            n(r(Ge), {
+              description: r(l)("gateway_services.form.sections.keys.description"),
+              "hide-info-header": s.hideSectionsInfo,
+              title: r(l)("gateway_services.form.sections.keys.title")
+            }, {
+              default: d(() => [
+                z.value ? T("", !0) : (V(), R("div", xt, [
+                  E("div", Mt, [
+                    n(m, {
+                      modelValue: S.value,
+                      "onUpdate:modelValue": o[0] || (o[0] = (f) => S.value = f),
+                      card: "",
+                      "card-orientation": "horizontal",
+                      "data-testid": "gateway-service-url-radio",
+                      description: r(l)("gateway_services.form.sections.keys.url.description"),
+                      label: r(l)("gateway_services.form.sections.keys.url.label"),
+                      "selected-value": pe.url,
+                      onChange: ge
+                    }, null, 8, ["modelValue", "description", "label", "selected-value"]),
+                    n(m, {
+                      modelValue: S.value,
+                      "onUpdate:modelValue": o[1] || (o[1] = (f) => S.value = f),
+                      card: "",
+                      "card-orientation": "horizontal",
+                      "checked-group": "protocol",
+                      "data-testid": "gateway-service-protocol-radio",
+                      description: r(l)("gateway_services.form.sections.keys.protocol.description"),
+                      label: r(l)("gateway_services.form.sections.keys.protocol.label"),
+                      "selected-value": pe.protocol,
+                      onChange: ge
+                    }, null, 8, ["modelValue", "description", "label", "selected-value"])
+                  ]),
+                  n(Ue, { name: "slide-fade" }, {
+                    default: d(() => [
+                      S.value === "url" ? (V(), R("div", Dt, [
+                        n(_, {
+                          modelValue: e.fields.url,
+                          "onUpdate:modelValue": o[2] || (o[2] = (f) => e.fields.url = f),
+                          modelModifiers: { trim: !0 },
+                          class: "gateway-service-url-input gateway-service-form-margin-bottom",
+                          "data-testid": "gateway-service-url-input",
+                          error: Ie.value,
+                          "error-message": Z("url"),
+                          label: r(l)("gateway_services.form.fields.upstream_url.label"),
+                          "label-attributes": {
+                            info: s.config.app === "konnect" ? r(l)("gateway_services.form.fields.upstream_url.tooltip_for_konnect") : r(l)("gateway_services.form.fields.upstream_url.tooltip_for_km"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "url",
+                          placeholder: r(l)("gateway_services.form.fields.upstream_url.placeholder"),
+                          required: "",
+                          onInput: _e
+                        }, Ve({ _: 2 }, [
+                          s.hideTrySampleApiButton ? void 0 : {
+                            name: "after",
+                            fn: d(() => [
+                              n(b, {
+                                appearance: "tertiary",
+                                "data-testid": "try-sample-api",
+                                size: "small",
+                                onClick: ye
+                              }, {
+                                default: d(() => [
+                                  U(h(r(l)("gateway_services.form.buttons.try_sample")), 1)
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            key: "0"
+                          }
+                        ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
+                      ])) : T("", !0)
+                    ]),
+                    _: 1
+                  })
+                ])),
+                n(Ue, { name: "slide-fade" }, {
+                  default: d(() => [
+                    S.value === "protocol" || z.value ? (V(), R("div", Bt, [
+                      n(k, {
+                        modelValue: e.fields.protocol,
+                        "onUpdate:modelValue": o[3] || (o[3] = (f) => e.fields.protocol = f),
+                        "data-testid": "gateway-service-protocol-select",
+                        items: te,
+                        label: r(l)("gateway_services.form.fields.protocol.label"),
+                        "label-attributes": {
+                          info: r(l)("gateway_services.form.fields.protocol.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        readonly: e.isReadonly,
+                        required: "",
+                        width: "100%",
+                        onSelected: me
+                      }, null, 8, ["modelValue", "label", "label-attributes", "readonly"]),
+                      n(_, {
+                        modelValue: e.fields.host,
+                        "onUpdate:modelValue": o[4] || (o[4] = (f) => e.fields.host = f),
+                        modelModifiers: { trim: !0 },
+                        class: "gateway-service-form-margin-top",
+                        "data-testid": "gateway-service-host-input",
+                        error: !!e.formFieldErrors.host,
+                        "error-message": Z("host"),
+                        label: r(l)("gateway_services.form.fields.host.label"),
+                        "label-attributes": {
+                          info: r(l)("gateway_services.form.fields.host.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        name: "host",
+                        placeholder: r(l)("gateway_services.form.fields.host.placeholder"),
+                        required: "",
+                        onInput: o[5] || (o[5] = (f) => M("host"))
+                      }, Ve({ _: 2 }, [
+                        s.hideTrySampleApiButton ? void 0 : {
+                          name: "after",
+                          fn: d(() => [
+                            n(b, {
+                              appearance: "tertiary",
+                              size: "small",
+                              onClick: ye
+                            }, {
+                              default: d(() => [
+                                U(h(r(l)("gateway_services.form.buttons.try_sample")), 1)
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          key: "0"
+                        }
+                      ]), 1032, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"]),
+                      be.value ? (V(), R("div", Kt, [
+                        n(_, {
+                          modelValue: e.fields.path,
+                          "onUpdate:modelValue": o[6] || (o[6] = (f) => e.fields.path = f),
+                          modelModifiers: { trim: !0 },
+                          class: "gateway-service-form-margin-top",
+                          "data-testid": "gateway-service-path-input",
+                          error: !!e.formFieldErrors.path,
+                          "error-message": Z("path"),
+                          label: r(l)("gateway_services.form.fields.path.label"),
+                          "label-attributes": {
+                            info: r(l)("gateway_services.form.fields.path.tooltip"),
+                            tooltipAttributes: { maxWidth: "400" }
+                          },
+                          name: "path",
+                          placeholder: r(l)("gateway_services.form.fields.path.placeholder"),
+                          onInput: o[7] || (o[7] = (f) => M("path"))
+                        }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder"])
+                      ])) : T("", !0),
+                      n(_, {
+                        modelValue: e.fields.port,
+                        "onUpdate:modelValue": [
+                          o[8] || (o[8] = (f) => e.fields.port = f),
+                          o[10] || (o[10] = () => {
+                            e.fields.port = H(e.fields.port + "");
+                          })
+                        ],
+                        class: "gateway-service-form-margin-top",
+                        "data-testid": "gateway-service-port-input",
+                        error: !!e.formFieldErrors.port,
+                        "error-message": Z("port"),
+                        label: r(l)("gateway_services.form.fields.port.label"),
+                        "label-attributes": {
+                          info: r(l)("gateway_services.form.fields.port.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        name: "port",
+                        type: "number",
+                        onInput: o[9] || (o[9] = (f) => M("port"))
+                      }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes"])
+                    ])) : T("", !0)
+                  ]),
+                  _: 1
+                }),
+                n(Q, {
+                  modelValue: v.value,
+                  "onUpdate:modelValue": o[26] || (o[26] = (f) => v.value = f),
+                  "data-testid": "advanced-fields-collapse",
+                  "trigger-alignment": "leading",
+                  "trigger-label": r(l)("gateway_services.form.sections.keys.viewAdvancedFields")
+                }, {
+                  default: d(() => [
+                    n(Ue, { name: "slide-fade" }, {
+                      default: d(() => [
+                        v.value ? T("", !0) : (V(), R("div", Lt, [
+                          E("div", qt, [
+                            n(_, {
+                              modelValue: e.fields.retries,
+                              "onUpdate:modelValue": [
+                                o[11] || (o[11] = (f) => e.fields.retries = f),
+                                o[12] || (o[12] = () => {
+                                  e.fields.retries = H(e.fields.retries + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-retries-input",
+                              label: r(l)("gateway_services.form.fields.retries.label"),
+                              "label-attributes": {
+                                info: r(l)("gateway_services.form.fields.retries.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "retries",
+                              readonly: e.isReadonly,
+                              type: "number"
+                            }, null, 8, ["modelValue", "label", "label-attributes", "readonly"])
+                          ]),
+                          E("div", Gt, [
+                            n(_, {
+                              modelValue: e.fields.connect_timeout,
+                              "onUpdate:modelValue": [
+                                o[13] || (o[13] = (f) => e.fields.connect_timeout = f),
+                                o[14] || (o[14] = () => {
+                                  e.fields.connect_timeout = H(e.fields.connect_timeout + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-connTimeout-input",
+                              label: r(l)("gateway_services.form.fields.connect_timeout.label"),
+                              "label-attributes": {
+                                info: r(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"])
+                          ]),
+                          E("div", Nt, [
+                            n(_, {
+                              modelValue: e.fields.write_timeout,
+                              "onUpdate:modelValue": [
+                                o[15] || (o[15] = (f) => e.fields.write_timeout = f),
+                                o[16] || (o[16] = () => {
+                                  e.fields.write_timeout = H(e.fields.write_timeout + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-writeTimeout-input",
+                              label: r(l)("gateway_services.form.fields.write_timeout.label"),
+                              "label-attributes": {
+                                info: r(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"])
+                          ]),
+                          E("div", Wt, [
+                            n(_, {
+                              modelValue: e.fields.read_timeout,
+                              "onUpdate:modelValue": [
+                                o[17] || (o[17] = (f) => e.fields.read_timeout = f),
+                                o[18] || (o[18] = () => {
+                                  e.fields.read_timeout = H(e.fields.read_timeout + "");
+                                })
+                              ],
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-readTimeout-input",
+                              label: r(l)("gateway_services.form.fields.read_timeout.label"),
+                              "label-attributes": {
+                                info: r(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"])
+                          ]),
+                          we.value ? (V(), R("div", Ot, [
+                            n(_, {
+                              modelValue: e.fields.client_certificate,
+                              "onUpdate:modelValue": o[19] || (o[19] = (f) => e.fields.client_certificate = f),
+                              modelModifiers: { trim: !0 },
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-clientCert-input",
+                              error: !!e.formFieldErrors.client_certificate,
+                              label: r(l)("gateway_services.form.fields.client_certificate.label"),
+                              "label-attributes": {
+                                info: r(l)("gateway_services.form.fields.client_certificate.tooltip"),
+                                tooltipAttributes: { maxWidth: "400" }
+                              },
+                              name: "clientCert",
+                              placeholder: r(l)("gateway_services.form.fields.client_certificate.placeholder"),
+                              readonly: e.isReadonly,
+                              type: "text",
+                              onInput: o[20] || (o[20] = (f) => he("client_certificate"))
+                            }, null, 8, ["modelValue", "error", "label", "label-attributes", "placeholder", "readonly"])
+                          ])) : T("", !0),
+                          Ae.value ? (V(), R("div", jt, [
+                            n(_, {
+                              modelValue: e.fields.ca_certificates,
+                              "onUpdate:modelValue": o[21] || (o[21] = (f) => e.fields.ca_certificates = f),
+                              modelModifiers: { trim: !0 },
+                              autocomplete: "off",
+                              "data-testid": "gateway-service-ca-certs-input",
+                              error: !!e.formFieldErrors.ca_certificates,
+                              label: r(l)("gateway_services.form.fields.ca_certificates.label"),
+                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } },
+                              placeholder: r(l)("gateway_services.form.fields.ca_certificates.placeholder"),
+                              readonly: e.isReadonly,
+                              type: "text",
+                              onInput: o[22] || (o[22] = (f) => he("ca_certificates"))
+                            }, {
+                              "label-tooltip": d(() => [
+                                n(r(q), {
+                                  keypath: "gateway_services.form.fields.ca_certificates.tooltip",
+                                  scope: "global"
+                                }, {
+                                  code1: d(() => [
+                                    E("code", null, h(r(l)("gateway_services.form.fields.ca_certificates.code1")), 1)
+                                  ]),
+                                  code2: d(() => [
+                                    E("code", null, h(r(l)("gateway_services.form.fields.ca_certificates.code2")), 1)
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "error", "label", "placeholder", "readonly"])
+                          ])) : T("", !0),
+                          Re.value ? (V(), R("div", zt, [
+                            n(i, {
+                              modelValue: e.fields.tls_verify_enabled,
+                              "onUpdate:modelValue": o[23] || (o[23] = (f) => e.fields.tls_verify_enabled = f),
+                              "data-testid": "gateway-service-tls-verify-checkbox",
+                              description: r(l)("gateway_services.form.fields.tls_verify_enabled.help"),
+                              label: r(l)("gateway_services.form.fields.tls_verify_enabled.label"),
+                              "label-attributes": { tooltipAttributes: { maxWidth: "400" } }
+                            }, {
+                              tooltip: d(() => [
+                                n(r(q), {
+                                  keypath: "gateway_services.form.fields.tls_verify_enabled.tooltip",
+                                  scope: "global"
+                                }, {
+                                  code1: d(() => [
+                                    E("code", null, h(r(l)("gateway_services.form.fields.tls_verify_enabled.code1")), 1)
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }, 8, ["modelValue", "description", "label"]),
+                            e.fields.tls_verify_enabled ? (V(), R("div", Ht, [
+                              n(m, {
+                                modelValue: e.fields.tls_verify_value,
+                                "onUpdate:modelValue": o[24] || (o[24] = (f) => e.fields.tls_verify_value = f),
+                                "data-testid": "gateway-service-tls-verify-true-option",
+                                label: r(l)("gateway_services.form.fields.tls_verify_option.true.label"),
+                                "selected-value": !0
+                              }, null, 8, ["modelValue", "label"])
+                            ])) : T("", !0),
+                            e.fields.tls_verify_enabled ? (V(), R("div", Zt, [
+                              n(m, {
+                                modelValue: e.fields.tls_verify_value,
+                                "onUpdate:modelValue": o[25] || (o[25] = (f) => e.fields.tls_verify_value = f),
+                                "data-testid": "gateway-service-tls-verify-false-option",
+                                label: r(l)("gateway_services.form.fields.tls_verify_option.false.label"),
+                                "selected-value": !1
+                              }, null, 8, ["modelValue", "label"])
+                            ])) : T("", !0)
+                          ])) : T("", !0)
+                        ]))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "trigger-label"])
+              ]),
+              _: 1
+            }, 8, ["description", "hide-info-header", "title"]),
+            n(r(Ge), {
+              description: r(l)("gateway_services.form.sections.general.description"),
+              "hide-info-header": s.hideSectionsInfo,
+              title: r(l)("gateway_services.form.sections.general.title")
+            }, {
+              default: d(() => [
+                n(_, {
+                  modelValue: e.fields.name,
+                  "onUpdate:modelValue": o[27] || (o[27] = (f) => e.fields.name = f),
+                  modelModifiers: { trim: !0 },
+                  autocomplete: "off",
+                  "data-testid": "gateway-service-name-input",
+                  error: ee.value,
+                  "error-message": ce.value,
+                  label: r(l)("gateway_services.form.fields.name.label"),
+                  "label-attributes": {
+                    info: r(l)("gateway_services.form.fields.name.tooltip"),
+                    tooltipAttributes: { maxWidth: "400" }
+                  },
+                  name: "name",
+                  placeholder: r(l)("gateway_services.form.fields.name.placeholder"),
+                  readonly: e.isReadonly,
+                  type: "text",
+                  onInput: oe
+                }, null, 8, ["modelValue", "error", "error-message", "label", "label-attributes", "placeholder", "readonly"]),
+                n(Q, {
+                  "data-testid": "tags-collapse",
+                  "trigger-alignment": "leading",
+                  "trigger-label": r(l)("gateway_services.form.fields.tags.collapse")
+                }, {
+                  default: d(() => [
+                    E("div", Jt, [
+                      n(_, {
+                        modelValue: e.fields.tags,
+                        "onUpdate:modelValue": o[28] || (o[28] = (f) => e.fields.tags = f),
+                        modelModifiers: { trim: !0 },
+                        autocomplete: "off",
+                        "data-testid": "gateway-service-tags-input",
+                        help: r(l)("gateway_services.form.fields.tags.help"),
+                        label: r(l)("gateway_services.form.fields.tags.label"),
+                        "label-attributes": {
+                          info: r(l)("gateway_services.form.fields.tags.tooltip"),
+                          tooltipAttributes: { maxWidth: "400" }
+                        },
+                        name: "tags",
+                        placeholder: r(l)("gateway_services.form.fields.tags.placeholder"),
+                        readonly: e.isReadonly,
+                        type: "text",
+                        onInput: o[29] || (o[29] = (f) => W("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(), se(ie, {
+              key: 0,
+              appearance: "danger",
+              "data-testid": "form-error"
+            }, {
+              default: d(() => [
+                E("ul", Qt, [
+                  (V(!0), R(Qe, null, Xe(e.errorMessages, (f) => (V(), R("li", { key: f }, h(f), 1))), 128))
+                ])
+              ]),
+              _: 1
+            })) : T("", !0)
+          ]),
+          _: 3
+        }, 8, ["can-submit", "config", "edit-id", "entity-type", "fetch-url", "form-fields", "is-readonly"])
+      ]);
+    };
+  }
+}), uo = /* @__PURE__ */ ze(Xt, [["__scopeId", "data-v-72fe312f"]]), { validateHost: Yt, validatePort: eo, validateProtocol: to, validatePath: oo } = X.useUrlValidators(), fo = () => ({
+  validateHost: Yt,
+  validatePort: eo,
+  validateProtocol: to,
+  validatePath: oo
+});
+export {
+  co as GatewayServiceConfigCard,
+  uo as GatewayServiceForm,
+  no as GatewayServiceList,
+  fo as useUrlValidator
+};