@scalar/api-client 2.5.32 → 2.5.34

package/dist/views/Request/RequestSection/RequestBody.vue2.js

@@ -1,22 +1,22 @@
-import { defineComponent as ee, computed as h, ref as ne, watch as $, createBlock as g, openBlock as b, withCtx as m, createVNode as c, createCommentVNode as ae, unref as y, createElementVNode as w, toDisplayString as D, createElementBlock as j, Fragment as te, createTextVNode as H, nextTick as oe } from "vue";
-import { ScalarListbox as X, ScalarButton as F, ScalarIcon as C } from "@scalar/components";
-import { requestExampleParametersSchema as Y } from "@scalar/oas-utils/entities/spec";
-import { canMethodHaveBody as le } from "@scalar/oas-utils/helpers";
-import ie from "../../../components/CodeInput/CodeInput.vue.js";
-import re from "../../../components/DataTable/DataTable.vue.js";
-import de from "../../../components/DataTable/DataTableHeader.vue.js";
-import E from "../../../components/DataTable/DataTableRow.vue.js";
-import se from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import G from "./RequestTable.vue.js";
-import { useWorkspace as ue } from "../../../store/store.js";
-import { useFileDialog as K } from "../../../hooks/useFileDialog.js";
-const me = {
+import { defineComponent as K, computed as v, ref as Q, watch as L, createBlock as y, openBlock as f, withCtx as d, createVNode as s, createCommentVNode as Z, unref as c, createElementVNode as g, toDisplayString as w, createElementBlock as F, Fragment as I, createTextVNode as M, nextTick as _ } from "vue";
+import { ScalarListbox as W, ScalarButton as k, ScalarIcon as T } from "@scalar/components";
+import { requestExampleParametersSchema as z } from "@scalar/oas-utils/entities/spec";
+import { canMethodHaveBody as ee } from "@scalar/oas-utils/helpers";
+import ae from "../../../components/CodeInput/CodeInput.vue.js";
+import te from "../../../components/DataTable/DataTable.vue.js";
+import ne from "../../../components/DataTable/DataTableHeader.vue.js";
+import R from "../../../components/DataTable/DataTableRow.vue.js";
+import oe from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import J from "./RequestTable.vue.js";
+import { useWorkspace as le } from "../../../store/store.js";
+import { useFileDialog as A } from "../../../hooks/useFileDialog.js";
+const ie = {
   key: 0,
   class: "text-c-3 flex min-h-10 w-full items-center justify-center border-t p-2 text-sm"
-}, ce = {
+}, re = {
   key: 1,
   class: "flex items-center justify-center overflow-hidden border-t p-1.5"
-}, fe = { class: "text-c-2 w-full max-w-full overflow-hidden rounded border px-1.5 py-1 text-xs whitespace-nowrap" }, Ue = /* @__PURE__ */ ee({
+}, de = { class: "text-c-2 w-full max-w-full overflow-hidden rounded border px-1.5 py-1 text-xs whitespace-nowrap" }, ke = /* @__PURE__ */ K({
   __name: "RequestBody",
   props: {
     example: {},
@@ -27,13 +27,13 @@ const me = {
     title: {}
   },
   setup(l) {
-    const { requestExampleMutators: d } = ue(), Q = {
+    const { requestExampleMutators: i } = le(), $ = {
       json: "json",
       xml: "xml",
       yaml: "yaml",
       edn: "edn",
       other: "html"
-    }, x = Object.entries({
+    }, b = Object.entries({
       multipartForm: "Multipart Form",
       formUrlEncoded: "Form URL Encoded",
       binaryFile: "Binary File",
@@ -43,402 +43,379 @@ const me = {
       edn: "EDN",
       other: "Other",
       none: "None"
-    }).map(([e, n]) => ({
+    }).map(([e, a]) => ({
       id: e,
-      label: n
-    })), T = h(() => {
-      var o;
-      const { activeBody: e, formData: n, raw: a } = l.example.body;
-      return e === "formData" ? (n == null ? void 0 : n.encoding) === "urlencoded" ? "formUrlEncoded" : "multipartForm" : e === "binary" ? "binaryFile" : e === "raw" && (a != null && a.encoding) ? a.encoding === "html" ? "other" : a.encoding : Object.keys(((o = l.operation.requestBody) == null ? void 0 : o.content) || {})[0] || "none";
-    }), p = h({
-      get: () => x.find(
-        (e) => e.id === T.value
-      ) ?? x[x.length - 1] ?? x[0],
+      label: a
+    })), B = v(() => {
+      const { activeBody: e, formData: a, raw: t } = l.example.body;
+      return e === "formData" ? a?.encoding === "urlencoded" ? "formUrlEncoded" : "multipartForm" : e === "binary" ? "binaryFile" : e === "raw" && t?.encoding ? t.encoding === "html" ? "other" : t.encoding : Object.keys(l.operation.requestBody?.content || {})[0] || "none";
+    }), u = v({
+      get: () => b.find(
+        (e) => e.id === B.value
+      ) ?? b[b.length - 1] ?? b[0],
       set: (e) => {
-        e != null && e.id && M(e.id);
+        e?.id && O(e.id);
       }
-    }), B = ne(null), Z = h(() => {
-      var n;
-      const e = (n = p.value) == null ? void 0 : n.id;
-      return Q[e] ?? "plaintext";
-    }), P = (e) => {
-      const n = v.value;
-      if (n.length > e) {
-        const a = [...n];
-        a.splice(e, 1), d.edit(
+    }), x = Q(null), H = v(() => {
+      const e = u.value?.id;
+      return $[e] ?? "plaintext";
+    }), U = (e) => {
+      const a = m.value;
+      if (a.length > e) {
+        const t = [...a];
+        t.splice(e, 1), i.edit(
           l.example.uid,
           "body.formData.value",
-          a
+          t
         );
       }
-    }, N = (e, n, a) => {
-      var o, i, u, r, f, V, J;
-      const t = v.value;
-      if (t.length > e) {
-        const s = [...t];
-        s[e] = {
-          ...s[e],
-          value: ((o = s[e]) == null ? void 0 : o.value) || "",
-          key: ((i = s[e]) == null ? void 0 : i.key) || "",
-          enabled: ((u = s[e]) == null ? void 0 : u.enabled) ?? !1,
-          [n]: a || ""
-        }, (((r = s[e]) == null ? void 0 : r.key) !== "" || ((f = s[e]) == null ? void 0 : f.value) !== "") && (s[e].enabled = !0), ((V = s[e]) == null ? void 0 : V.key) === "" && ((J = s[e]) == null ? void 0 : J.value) === "" && s.splice(e, 1), d.edit(
+    }, j = (e, a, t) => {
+      const o = m.value;
+      if (o.length > e) {
+        const n = [...o];
+        n[e] = {
+          ...n[e],
+          value: n[e]?.value || "",
+          key: n[e]?.key || "",
+          enabled: n[e]?.enabled ?? !1,
+          [a]: t || ""
+        }, (n[e]?.key !== "" || n[e]?.value !== "") && (n[e].enabled = !0), n[e]?.key === "" && n[e]?.value === "" && n.splice(e, 1), i.edit(
           l.example.uid,
           "body.formData.value",
-          s
+          n
         );
       } else {
-        const s = [Y.parse({ [n]: a })];
-        d.edit(l.example.uid, "body.formData.value", s), oe(() => {
-          var A;
-          if (!B.value)
+        const n = [z.parse({ [a]: t })];
+        i.edit(l.example.uid, "body.formData.value", n), _(() => {
+          if (!x.value)
             return;
-          (A = B.value.querySelectorAll("input")[n === "key" ? 0 : 1]) == null || A.focus();
+          x.value.querySelectorAll("input")[a === "key" ? 0 : 1]?.focus();
         });
       }
-      e === t.length - 1 && O();
-    }, v = h(() => {
-      var e;
-      return ((e = l.example.body.formData) == null ? void 0 : e.value) ?? [];
-    }), R = () => {
-      const e = v.value[v.value.length - 1];
-      (!e || e.key !== "" || e.value !== "") && O();
-    }, O = () => {
-      const e = Y.parse({
+      e === o.length - 1 && C();
+    }, m = v(() => l.example.body.formData?.value ?? []), D = () => {
+      const e = m.value[m.value.length - 1];
+      (!e || e.key !== "" || e.value !== "") && C();
+    }, C = () => {
+      const e = z.parse({
         enabled: !1
-      }), n = [...v.value, e];
-      l.example.body.formData ? d.edit(l.example.uid, "body.formData.value", n) : d.edit(l.example.uid, "body.formData", {
-        value: n,
+      }), a = [...m.value, e];
+      l.example.body.formData ? i.edit(l.example.uid, "body.formData.value", a) : i.edit(l.example.uid, "body.formData", {
+        value: a,
         encoding: "form-data"
       });
-    }, S = (e, n) => {
-      const a = v.value;
-      if (a.length > e) {
-        const t = [...a];
-        t[e] && (t[e].enabled = n), d.edit(
+    }, E = (e, a) => {
+      const t = m.value;
+      if (t.length > e) {
+        const o = [...t];
+        o[e] && (o[e].enabled = a), i.edit(
           l.example.uid,
           "body.formData.value",
-          t
+          o
         );
       }
-    }, q = (e) => d.edit(l.example.uid, "body.raw.value", e), L = (e) => {
-      var n;
-      return e === "multipartForm" ? {
-        activeBody: "formData",
-        encoding: "form-data",
-        header: "multipart/form-data"
-      } : e === "formUrlEncoded" ? {
-        activeBody: "formData",
-        encoding: "urlencoded",
-        header: "application/x-www-form-urlencoded"
-      } : e === "binaryFile" ? {
-        activeBody: "binary",
-        encoding: void 0,
-        header: "application/octet-stream"
-      } : e === "json" ? {
-        activeBody: "raw",
-        encoding: "json",
-        header: Object.keys(((n = l.operation.requestBody) == null ? void 0 : n.content) ?? {}).find((o) => o.includes("json") || o.endsWith("+json")) || "application/json"
-      } : e === "xml" ? {
-        activeBody: "raw",
-        encoding: "xml",
-        header: "application/xml"
-      } : e === "yaml" ? {
-        activeBody: "raw",
-        encoding: "yaml",
-        header: "application/yaml"
-      } : e === "edn" ? {
-        activeBody: "raw",
-        encoding: "edn",
-        header: "application/edn"
-      } : e === "other" ? {
-        activeBody: "raw",
-        encoding: "html",
-        header: "application/html"
-      } : { activeBody: "raw", encoding: void 0, header: void 0 };
-    }, M = (e) => {
-      var u, r;
-      const { activeBody: n, encoding: a, header: t } = L(e);
-      if (d.edit(l.example.uid, "body.activeBody", n), a && n === "raw")
-        d.edit(l.example.uid, "body.raw", {
-          encoding: a,
-          value: ((u = l.example.body.raw) == null ? void 0 : u.value) ?? ""
+    }, P = (e) => i.edit(l.example.uid, "body.raw.value", e), N = (e) => e === "multipartForm" ? {
+      activeBody: "formData",
+      encoding: "form-data",
+      header: "multipart/form-data"
+    } : e === "formUrlEncoded" ? {
+      activeBody: "formData",
+      encoding: "urlencoded",
+      header: "application/x-www-form-urlencoded"
+    } : e === "binaryFile" ? {
+      activeBody: "binary",
+      encoding: void 0,
+      header: "application/octet-stream"
+    } : e === "json" ? {
+      activeBody: "raw",
+      encoding: "json",
+      header: Object.keys(l.operation.requestBody?.content ?? {}).find((o) => o.includes("json") || o.endsWith("+json")) || "application/json"
+    } : e === "xml" ? {
+      activeBody: "raw",
+      encoding: "xml",
+      header: "application/xml"
+    } : e === "yaml" ? {
+      activeBody: "raw",
+      encoding: "yaml",
+      header: "application/yaml"
+    } : e === "edn" ? {
+      activeBody: "raw",
+      encoding: "edn",
+      header: "application/edn"
+    } : e === "other" ? {
+      activeBody: "raw",
+      encoding: "html",
+      header: "application/html"
+    } : { activeBody: "raw", encoding: void 0, header: void 0 }, O = (e) => {
+      const { activeBody: a, encoding: t, header: o } = N(e);
+      if (i.edit(l.example.uid, "body.activeBody", a), t && a === "raw")
+        i.edit(l.example.uid, "body.raw", {
+          encoding: t,
+          value: l.example.body.raw?.value ?? ""
         });
-      else if (a && n === "formData")
-        d.edit(l.example.uid, "body.formData", {
-          encoding: a,
-          value: ((r = l.example.body.formData) == null ? void 0 : r.value) ?? []
+      else if (t && a === "formData")
+        i.edit(l.example.uid, "body.formData", {
+          encoding: t,
+          value: l.example.body.formData?.value ?? []
         });
-      else if (!a && n !== "binary") {
-        const { raw: f, ...V } = l.example.body;
-        d.edit(l.example.uid, "body", V);
+      else if (!t && a !== "binary") {
+        const { raw: p, ...G } = l.example.body;
+        i.edit(l.example.uid, "body", G);
       }
-      const o = [...l.example.parameters.headers], i = o.findIndex(
-        (f) => f.key.toLowerCase() === "content-type"
+      const n = [...l.example.parameters.headers], r = n.findIndex(
+        (p) => p.key.toLowerCase() === "content-type"
       );
-      if (i >= 0)
-        t && o[i] ? o[i].value = t : o[i] && (n !== "raw" || e === "none") && o.splice(i, 1);
-      else if (t) {
-        const f = o[o.length - 1];
-        f && f.key === "" && f.value === "" ? o.splice(o.length - 1, 0, {
+      if (r >= 0)
+        o && n[r] ? n[r].value = o : n[r] && (a !== "raw" || e === "none") && n.splice(r, 1);
+      else if (o) {
+        const p = n[n.length - 1];
+        p && p.key === "" && p.value === "" ? n.splice(n.length - 1, 0, {
           key: "Content-Type",
-          value: t,
+          value: o,
           enabled: !0
-        }) : o.push({
+        }) : n.push({
           key: "Content-Type",
-          value: t,
+          value: o,
           enabled: !0
         });
       }
-      d.edit(l.example.uid, "parameters.headers", o);
-    }, W = async (e) => {
-      const { open: n } = K({
-        onChange: async (a) => {
-          var o, i;
-          const t = a == null ? void 0 : a[0];
-          if (t) {
-            const r = [...v.value];
+      i.edit(l.example.uid, "parameters.headers", n);
+    }, S = async (e) => {
+      const { open: a } = A({
+        onChange: async (t) => {
+          const o = t?.[0];
+          if (o) {
+            const r = [...m.value];
             r[e] = {
               ...r[e],
-              file: t,
-              value: ((o = r[e]) == null ? void 0 : o.value) || t.name,
-              key: ((i = r[e]) == null ? void 0 : i.key) || t.name,
+              file: o,
+              value: r[e]?.value || o.name,
+              key: r[e]?.key || o.name,
               enabled: !0
-            }, d.edit(
+            }, i.edit(
               l.example.uid,
               "body.formData.value",
               r
-            ), R();
+            ), D();
           }
         },
         multiple: !1,
         accept: "*/*"
       });
-      n();
-    }, I = () => d.edit(l.example.uid, "body.binary", void 0);
-    function z(e) {
-      const n = v.value, a = [...n], t = n[e], o = t == null ? void 0 : t.file;
-      n.length > 1 && (!(t != null && t.key) && !(t != null && t.value) || o && (t == null ? void 0 : t.key) === o.name && (t == null ? void 0 : t.value) === o.name) ? a.splice(e, 1) : a[e] && (a[e].file = void 0), d.edit(l.example.uid, "body.formData.value", a);
+      a();
+    }, X = () => i.edit(l.example.uid, "body.binary", void 0);
+    function q(e) {
+      const a = m.value, t = [...a], o = a[e], n = o?.file;
+      a.length > 1 && (!o?.key && !o?.value || n && o?.key === n.name && o?.value === n.name) ? t.splice(e, 1) : t[e] && (t[e].file = void 0), i.edit(l.example.uid, "body.formData.value", t);
     }
-    function _() {
-      const { open: e } = K({
-        onChange: async (n) => {
-          const a = n == null ? void 0 : n[0];
-          a && d.edit(l.example.uid, "body.binary", a);
+    function Y() {
+      const { open: e } = A({
+        onChange: async (a) => {
+          const t = a?.[0];
+          t && i.edit(l.example.uid, "body.binary", t);
         },
         multiple: !1,
         accept: "*/*"
       });
       e();
     }
-    $(
-      p,
+    L(
+      u,
       (e) => {
-        ["multipartForm", "formUrlEncoded"].includes((e == null ? void 0 : e.id) || "") && R();
+        ["multipartForm", "formUrlEncoded"].includes(e?.id || "") && D();
       },
       { immediate: !0 }
-    ), $(
+    ), L(
       () => l.example.uid,
       () => {
-        l.operation.method && le(l.operation.method) && M(T.value), ["multipartForm", "formUrlEncoded"].includes(
-          T.value
-        ) && R();
+        l.operation.method && ee(l.operation.method) && O(B.value), ["multipartForm", "formUrlEncoded"].includes(
+          B.value
+        ) && D();
       },
       { immediate: !0 }
     );
-    const k = h(() => {
-      var o, i, u;
-      const e = (o = p.value) == null ? void 0 : o.id, { header: n } = L(e), a = ((i = l.operation.requestBody) == null ? void 0 : i.content) || {}, t = n ? ((u = a[n]) == null ? void 0 : u.examples) || {} : {};
-      return Object.entries(t).map(([r, f]) => ({
-        id: r,
-        label: r,
-        value: f
+    const h = v(() => {
+      const e = u.value?.id, { header: a } = N(e), t = l.operation.requestBody?.content || {}, o = a ? t[a]?.examples || {} : {};
+      return Object.entries(o).map(([n, r]) => ({
+        id: n,
+        label: n,
+        value: r
       }));
-    }), U = h({
+    }), V = v({
       get: () => {
-        var t;
-        const e = ((t = l.example.body.raw) == null ? void 0 : t.value) ?? "{}", n = JSON.parse(e);
-        return k.value.find((o) => {
-          const i = o.value;
-          return JSON.stringify(i.value) === JSON.stringify(n);
-        }) ?? k.value[0];
+        const e = l.example.body.raw?.value ?? "{}", a = JSON.parse(e);
+        return h.value.find((o) => {
+          const n = o.value;
+          return JSON.stringify(n.value) === JSON.stringify(a);
+        }) ?? h.value[0];
       },
       set: (e) => {
-        if (e != null && e.id) {
-          const n = k.value.find((a) => a.id === e.id);
-          if (n) {
-            const a = n.value;
-            q(JSON.stringify(a.value, null, 2));
+        if (e?.id) {
+          const a = h.value.find((t) => t.id === e.id);
+          if (a) {
+            const t = a.value;
+            P(JSON.stringify(t.value, null, 2));
           }
         }
       }
     });
-    return (e, n) => (b(), g(se, null, {
-      title: m(() => [
-        H(D(e.title), 1)
+    return (e, a) => (f(), y(oe, null, {
+      title: d(() => [
+        M(w(e.title), 1)
       ]),
-      default: m(() => [
-        c(re, {
+      default: d(() => [
+        s(te, {
           columns: [""],
           presentational: ""
         }, {
-          default: m(() => [
-            c(E, null, {
-              default: m(() => [
-                c(de, { class: "relative col-span-full flex h-8 cursor-pointer items-center justify-between !p-0" }, {
-                  default: m(() => [
-                    c(y(X), {
-                      modelValue: p.value,
-                      "onUpdate:modelValue": n[0] || (n[0] = (a) => p.value = a),
-                      options: y(x),
+          default: d(() => [
+            s(R, null, {
+              default: d(() => [
+                s(ne, { class: "relative col-span-full flex h-8 cursor-pointer items-center justify-between !p-0" }, {
+                  default: d(() => [
+                    s(c(W), {
+                      modelValue: u.value,
+                      "onUpdate:modelValue": a[0] || (a[0] = (t) => u.value = t),
+                      options: c(b),
                       teleport: ""
                     }, {
-                      default: m(() => [
-                        c(y(F), {
+                      default: d(() => [
+                        s(c(k), {
                           class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-3 font-normal",
                           fullWidth: "",
                           variant: "ghost"
                         }, {
-                          default: m(() => {
-                            var a;
-                            return [
-                              w("span", null, D((a = p.value) == null ? void 0 : a.label), 1),
-                              c(y(C), {
-                                icon: "ChevronDown",
-                                size: "md"
-                              })
-                            ];
-                          }),
+                          default: d(() => [
+                            g("span", null, w(u.value?.label), 1),
+                            s(c(T), {
+                              icon: "ChevronDown",
+                              size: "md"
+                            })
+                          ]),
                           _: 1
                         })
                       ]),
                       _: 1
                     }, 8, ["modelValue", "options"]),
-                    k.value.length > 0 ? (b(), g(y(X), {
+                    h.value.length > 0 ? (f(), y(c(W), {
                       key: 0,
-                      modelValue: U.value,
-                      "onUpdate:modelValue": n[1] || (n[1] = (a) => U.value = a),
-                      options: k.value,
+                      modelValue: V.value,
+                      "onUpdate:modelValue": a[1] || (a[1] = (t) => V.value = t),
+                      options: h.value,
                       side: "left",
                       teleport: ""
                     }, {
-                      default: m(() => [
-                        c(y(F), {
+                      default: d(() => [
+                        s(c(k), {
                           class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-2 font-normal",
                           fullWidth: "",
                           variant: "ghost"
                         }, {
-                          default: m(() => {
-                            var a;
-                            return [
-                              w("span", null, D((a = U.value) == null ? void 0 : a.label), 1),
-                              c(y(C), {
-                                icon: "ChevronDown",
-                                size: "md"
-                              })
-                            ];
-                          }),
+                          default: d(() => [
+                            g("span", null, w(V.value?.label), 1),
+                            s(c(T), {
+                              icon: "ChevronDown",
+                              size: "md"
+                            })
+                          ]),
                           _: 1
                         })
                       ]),
                       _: 1
-                    }, 8, ["modelValue", "options"])) : ae("", !0)
+                    }, 8, ["modelValue", "options"])) : Z("", !0)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            c(E, null, {
-              default: m(() => {
-                var a, t, o, i, u, r;
-                return [
-                  ((a = p.value) == null ? void 0 : a.id) === "none" ? (b(), j("div", me, n[2] || (n[2] = [
-                    w("span", null, "No Body", -1)
-                  ]))) : ((t = p.value) == null ? void 0 : t.id) === "binaryFile" ? (b(), j("div", ce, [
-                    e.example.body.binary ? (b(), j(te, { key: 0 }, [
-                      w("span", fe, D(e.example.body.binary.name), 1),
-                      c(y(F), {
-                        class: "bg-b-2 hover:bg-b-3 text-c-2 ml-1 border-0 shadow-none",
-                        size: "sm",
-                        variant: "outlined",
-                        onClick: I
-                      }, {
-                        default: m(() => n[3] || (n[3] = [
-                          H(" Delete ")
-                        ])),
-                        _: 1,
-                        __: [3]
-                      })
-                    ], 64)) : (b(), g(y(F), {
-                      key: 1,
-                      class: "bg-b-2 hover:bg-b-3 text-c-2 border-0 shadow-none",
+            s(R, null, {
+              default: d(() => [
+                u.value?.id === "none" ? (f(), F("div", ie, a[2] || (a[2] = [
+                  g("span", null, "No Body", -1)
+                ]))) : u.value?.id === "binaryFile" ? (f(), F("div", re, [
+                  e.example.body.binary ? (f(), F(I, { key: 0 }, [
+                    g("span", de, w(e.example.body.binary.name), 1),
+                    s(c(k), {
+                      class: "bg-b-2 hover:bg-b-3 text-c-2 ml-1 border-0 shadow-none",
                       size: "sm",
                       variant: "outlined",
-                      onClick: _
+                      onClick: X
                     }, {
-                      default: m(() => [
-                        n[4] || (n[4] = w("span", null, "Upload File", -1)),
-                        c(y(C), {
-                          class: "ml-1",
-                          icon: "Upload",
-                          size: "xs",
-                          thickness: "2.5"
-                        })
-                      ]),
+                      default: d(() => a[3] || (a[3] = [
+                        M(" Delete ")
+                      ])),
                       _: 1,
-                      __: [4]
-                    }))
-                  ])) : ((o = p.value) == null ? void 0 : o.id) == "multipartForm" ? (b(), g(G, {
-                    key: 2,
-                    ref_key: "tableWrapperRef",
-                    ref: B,
-                    class: "!m-0 rounded-t-none border-t-0 border-r-0 border-b-0 border-l-0 shadow-none",
-                    columns: ["32px", "", "", "104px"],
-                    envVariables: e.envVariables,
-                    environment: e.environment,
-                    items: v.value,
-                    showUploadButton: "",
-                    workspace: e.workspace,
-                    onDeleteRow: P,
-                    onRemoveFile: z,
-                    onToggleRow: S,
-                    onUpdateRow: N,
-                    onUploadFile: W
-                  }, null, 8, ["envVariables", "environment", "items", "workspace"])) : ((i = p.value) == null ? void 0 : i.id) == "formUrlEncoded" ? (b(), g(G, {
-                    key: 3,
-                    ref_key: "tableWrapperRef",
-                    ref: B,
-                    class: "!m-0 rounded-t-none border-t-0 border-r-0 border-b-0 border-l-0 shadow-none",
-                    columns: ["32px", "", "", "104px"],
-                    envVariables: e.envVariables,
-                    environment: e.environment,
-                    items: v.value,
-                    showUploadButton: "",
-                    workspace: e.workspace,
-                    onDeleteRow: P,
-                    onRemoveFile: z,
-                    onToggleRow: S,
-                    onUpdateRow: N,
-                    onUploadFile: W
-                  }, null, 8, ["envVariables", "environment", "items", "workspace"])) : (b(), g(ie, {
-                    key: 4,
-                    class: "border-t px-3",
-                    content: "",
-                    envVariables: e.envVariables,
-                    environment: e.environment,
-                    language: Z.value,
-                    lineNumbers: "",
-                    lint: "",
-                    modelValue: ((r = (u = e.example.body) == null ? void 0 : u.raw) == null ? void 0 : r.value) ?? "",
-                    workspace: e.workspace,
-                    "onUpdate:modelValue": q
-                  }, null, 8, ["envVariables", "environment", "language", "modelValue", "workspace"]))
-                ];
-              }),
+                      __: [3]
+                    })
+                  ], 64)) : (f(), y(c(k), {
+                    key: 1,
+                    class: "bg-b-2 hover:bg-b-3 text-c-2 border-0 shadow-none",
+                    size: "sm",
+                    variant: "outlined",
+                    onClick: Y
+                  }, {
+                    default: d(() => [
+                      a[4] || (a[4] = g("span", null, "Upload File", -1)),
+                      s(c(T), {
+                        class: "ml-1",
+                        icon: "Upload",
+                        size: "xs",
+                        thickness: "2.5"
+                      })
+                    ]),
+                    _: 1,
+                    __: [4]
+                  }))
+                ])) : u.value?.id == "multipartForm" ? (f(), y(J, {
+                  key: 2,
+                  ref_key: "tableWrapperRef",
+                  ref: x,
+                  class: "!m-0 rounded-t-none border-t-0 border-r-0 border-b-0 border-l-0 shadow-none",
+                  columns: ["32px", "", "", "104px"],
+                  envVariables: e.envVariables,
+                  environment: e.environment,
+                  items: m.value,
+                  showUploadButton: "",
+                  workspace: e.workspace,
+                  onDeleteRow: U,
+                  onRemoveFile: q,
+                  onToggleRow: E,
+                  onUpdateRow: j,
+                  onUploadFile: S
+                }, null, 8, ["envVariables", "environment", "items", "workspace"])) : u.value?.id == "formUrlEncoded" ? (f(), y(J, {
+                  key: 3,
+                  ref_key: "tableWrapperRef",
+                  ref: x,
+                  class: "!m-0 rounded-t-none border-t-0 border-r-0 border-b-0 border-l-0 shadow-none",
+                  columns: ["32px", "", "", "104px"],
+                  envVariables: e.envVariables,
+                  environment: e.environment,
+                  items: m.value,
+                  showUploadButton: "",
+                  workspace: e.workspace,
+                  onDeleteRow: U,
+                  onRemoveFile: q,
+                  onToggleRow: E,
+                  onUpdateRow: j,
+                  onUploadFile: S
+                }, null, 8, ["envVariables", "environment", "items", "workspace"])) : (f(), y(ae, {
+                  key: 4,
+                  class: "border-t px-3",
+                  content: "",
+                  envVariables: e.envVariables,
+                  environment: e.environment,
+                  language: H.value,
+                  lineNumbers: "",
+                  lint: "",
+                  modelValue: e.example.body?.raw?.value ?? "",
+                  workspace: e.workspace,
+                  "onUpdate:modelValue": P
+                }, null, 8, ["envVariables", "environment", "language", "modelValue", "workspace"]))
+              ]),
               _: 1
             }),
-            c(E)
+            s(R)
           ]),
           _: 1
         })
@@ -448,5 +425,5 @@ const me = {
   }
 });
 export {
-  Ue as default
+  ke as default
 };