@scalar/api-client 2.2.49 → 2.2.50

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

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