@scalar/api-client 2.26.1 → 2.27.1

package/dist/v2/blocks/request-block/RequestBlock.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as j, computed as n, ref as z, useId as s, watch as X, createBlock as C, openBlock as d, withCtx as q, createElementVNode as K, withDirectives as c, createElementBlock as x, createVNode as m, unref as v, vShow as y, mergeProps as B, toHandlers as b, Fragment as J, renderList as W, createCommentVNode as E, resolveDynamicComponent as Y, toDisplayString as Z } from "vue";
-import { ScalarErrorBoundary as _ } from "@scalar/components";
+import { defineComponent as z, computed as n, ref as X, useId as s, watch as J, createBlock as q, openBlock as v, withCtx as C, createElementVNode as K, withDirectives as m, createElementBlock as B, createVNode as d, unref as y, vShow as c, mergeProps as f, toHandlers as b, Fragment as W, renderList as Y, createCommentVNode as E, resolveDynamicComponent as Z, toDisplayString as _ } from "vue";
+import { ScalarErrorBoundary as ee } from "@scalar/components";
 import { canMethodHaveBody as w } from "@scalar/helpers/http/can-method-have-body";
-import { REGEX as ee } from "@scalar/helpers/regex/regex-helpers";
-import { getResolvedRef as R } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { unpackProxyObject as te } from "@scalar/workspace-store/helpers/unpack-proxy";
-import ae from "../../../components/SectionFilter.vue.js";
-import le from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { filterGlobalCookie as ne } from "../operation-block/helpers/filter-global-cookies.js";
-import { getExample as oe } from "../operation-block/helpers/get-example.js";
-import { getResolvedUrl as re } from "../operation-block/helpers/get-resolved-url.js";
-import ie from "./components/RequestBody.vue.js";
-import ue from "./components/RequestCodeSnippet.vue.js";
+import { REGEX as te } from "@scalar/helpers/regex/regex-helpers";
+import { getResolvedRef as p } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { unpackProxyObject as ae } from "@scalar/workspace-store/helpers/unpack-proxy";
+import le from "../../../components/SectionFilter.vue.js";
+import ne from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { filterGlobalCookie as oe } from "../operation-block/helpers/filter-global-cookies.js";
+import { getExample as re } from "../operation-block/helpers/get-example.js";
+import { getResolvedUrl as ie } from "../operation-block/helpers/get-resolved-url.js";
+import ue from "./components/RequestBody.vue.js";
+import se from "./components/RequestCodeSnippet.vue.js";
 import k from "./components/RequestParams.vue.js";
-import { createParameterHandlers as S } from "./helpers/create-parameter-handlers.js";
-import { getDefaultHeaders as se } from "./helpers/get-default-headers.js";
-import { getParameterSchema as me } from "./helpers/get-parameter-schema.js";
+import { createParameterHandlers as g } from "./helpers/create-parameter-handlers.js";
+import { getDefaultHeaders as me } from "./helpers/get-default-headers.js";
+import { getParameterSchema as de } from "./helpers/get-parameter-schema.js";
 import { groupBy as D } from "./helpers/group-by.js";
-import { isParamDisabled as de } from "./helpers/is-param-disabled.js";
-import ce from "../scalar-auth-selector-block/components/AuthSelector.vue.js";
-const ve = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, ye = ["for"], he = ["id", "placeholder", "value"], fe = {
+import { isParamDisabled as ce } from "./helpers/is-param-disabled.js";
+import ve from "../scalar-auth-selector-block/components/AuthSelector.vue.js";
+const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, he = ["for"], fe = ["id", "placeholder", "value"], xe = {
   key: 2,
   class: "text-c-1 flex h-8 items-center"
-}, xe = ["id", "role"], Ne = /* @__PURE__ */ j({
+}, Be = ["id", "role"], Te = /* @__PURE__ */ z({
   __name: "RequestBlock",
   props: {
     authMeta: { default: () => ({ type: "document" }) },
@@ -44,38 +44,38 @@ const ve = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
     server: {}
   },
   setup(e) {
-    const r = n(() => ({
+    const o = n(() => ({
       method: e.method,
       path: e.path,
       exampleKey: e.exampleKey
-    })), o = n(
+    })), r = n(
       () => D(
-        e.operation.parameters?.map((t) => R(t)) ?? [],
+        e.operation.parameters?.map((t) => p(t)) ?? [],
         "in",
         (t) => {
-          const a = oe(t, e.exampleKey, void 0);
+          const a = re(t, e.exampleKey, void 0);
           return {
             name: t.name,
             value: a?.value ?? "",
             description: t.description,
-            schema: me(t),
+            schema: de(t),
             isRequired: t.required,
-            isDisabled: de(t, a),
+            isDisabled: ce(t, a),
             originalParameter: t
           };
         }
       )
     ), I = n(
       () => D(
-        o.value.header?.map((t) => ({
+        r.value.header?.map((t) => ({
           ...t,
           name: t.name.toLowerCase()
         })) ?? [],
         "name"
       )
     ), N = n(
-      () => se({ method: e.method, operation: e.operation, exampleKey: e.exampleKey })
-    ), V = n(() => {
+      () => me({ method: e.method, operation: e.operation, exampleKey: e.exampleKey })
+    ), R = n(() => {
       const t = e.operation["x-scalar-disable-parameters"]?.["default-headers"]?.[e.exampleKey] ?? {};
       return N.value.map((a) => {
         const l = I.value[a.name.toLowerCase()]?.[0];
@@ -89,17 +89,17 @@ const ve = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
         };
       });
     }), A = n(() => [
-      ...V.value,
-      ...o.value.header ?? []
-    ]), P = n(() => {
-      const t = re({
+      ...R.value,
+      ...r.value.header ?? []
+    ]), V = n(() => {
+      const t = ie({
         environment: e.environment,
         server: e.server,
         path: e.path,
         pathVariables: {}
       }), a = e.operation["x-scalar-disable-parameters"]?.["global-cookies"]?.[e.exampleKey] ?? {};
       return e.globalCookies?.filter(
-        (l) => ne({
+        (l) => oe({
           cookie: l,
           url: t,
           // Do not filter global cookies for the default cookies section (it's already filtered in the buildRequestCookieHeader function)
@@ -109,14 +109,14 @@ const ve = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
       ).map((l) => ({
         name: l.name,
         value: l.value,
-        globalRoute: l.location === "document" ? "document.cookies" : "workspace.cookies",
+        globalRoute: l.location === "document" ? { page: "document", path: "cookies" } : { page: "workspace", path: "cookies" },
         isReadonly: !0,
         isDisabled: a[l.name.toLowerCase()] ?? !1
       })) ?? [];
-    }), H = n(() => [
-      ...P.value ?? [],
-      ...o.value.cookie ?? []
-    ]), i = z("All"), T = [
+    }), P = n(() => [
+      ...V.value ?? [],
+      ...r.value.cookie ?? []
+    ]), i = X("All"), T = [
       "Auth",
       "Variables",
       "Cookies",
@@ -133,15 +133,15 @@ const ve = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
       Body: s()
     }, O = n(() => {
       const t = /* @__PURE__ */ new Set(["All", ...T]);
-      return o.value.path?.length || t.delete("Variables"), w(e.method) || t.delete("Body"), U.value && t.delete("Auth"), [...t];
+      return r.value.path?.length || t.delete("Variables"), w(e.method) || t.delete("Body"), H.value && t.delete("Auth"), [...t];
     }), u = n(
       () => Object.fromEntries(
         O.value.map((t) => [t, $[t]])
       )
-    ), U = n(
+    ), H = n(
       () => e.layout === "modal" && !e.operation.security && !Object.keys(e.securitySchemes ?? {}).length
-    ), L = n(() => e.operation.summary ? e.operation.summary : e.path.replace(ee.PROTOCOL, "") || "Request Name"), h = (t) => i.value === "All" || i.value === t;
-    X(
+    ), L = n(() => e.operation.summary ? e.operation.summary : e.path.replace(te.PROTOCOL, "") || "Request Name"), h = (t) => i.value === "All" || i.value === t;
+    J(
       () => e.method,
       (t) => {
         i.value === "Body" && !w(t) && (i.value = "All");
@@ -150,27 +150,27 @@ const ve = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
     const F = (t) => {
       const a = t.target.value;
       e.eventBus.emit("operation:update:summary", {
-        meta: r.value,
+        meta: o.value,
         payload: { summary: a }
       });
-    }, f = n(() => ({
-      path: S("path", e.eventBus, r.value, {
-        context: o.value.path ?? []
+    }, x = n(() => ({
+      path: g("path", e.eventBus, o.value, {
+        context: r.value.path ?? []
       }),
-      cookie: S("cookie", e.eventBus, r.value, {
-        context: H.value ?? [],
-        globalParameters: P.value.length
+      cookie: g("cookie", e.eventBus, o.value, {
+        context: P.value ?? [],
+        globalParameters: V.value.length
       }),
-      header: S("header", e.eventBus, r.value, {
+      header: g("header", e.eventBus, o.value, {
         context: A.value,
-        defaultParameters: V.value.length
+        defaultParameters: R.value.length
       }),
-      query: S("query", e.eventBus, r.value, {
-        context: o.value.query ?? []
+      query: g("query", e.eventBus, o.value, {
+        context: r.value.query ?? []
       })
     })), G = (t) => e.eventBus.emit("operation:update:requestBody:contentType", {
       payload: { contentType: t.value },
-      meta: r.value
+      meta: o.value
     }), Q = ({
       payload: t,
       contentType: a
@@ -181,7 +181,7 @@ const ve = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
         {
           payload: t,
           contentType: a,
-          meta: r.value
+          meta: o.value
         },
         {
           debounceKey: l
@@ -195,48 +195,48 @@ const ve = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
       e.eventBus.emit(
         "operation:update:requestBody:formValue",
         {
-          payload: t.map((g) => te(g, { depth: 1 })),
+          payload: t.map((S) => ae(S, { depth: 1 })),
           contentType: a,
-          meta: r.value
+          meta: o.value
         },
         {
           debounceKey: l
         }
       );
-    }, p = s();
-    return (t, a) => (d(), C(le, {
+    }, U = s(), j = (t) => e.eventBus.emit("operation:update:extension", { payload: t, meta: o.value });
+    return (t, a) => (v(), q(ne, {
       "aria-label": `Request: ${e.operation.summary}`
     }, {
-      title: q(() => [
-        K("div", ve, [
-          e.layout !== "modal" ? (d(), x("label", {
+      title: C(() => [
+        K("div", ye, [
+          e.layout !== "modal" ? (v(), B("label", {
             key: 0,
             class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
-            for: v(p)
-          }, null, 8, ye)) : E("", !0),
-          e.layout !== "modal" ? (d(), x("input", {
+            for: y(U)
+          }, null, 8, he)) : E("", !0),
+          e.layout !== "modal" ? (v(), B("input", {
             key: 1,
-            id: v(p),
+            id: y(U),
             class: "text-c-1 group-hover-input pointer-events-auto relative z-10 -ml-0.5 h-8 w-full rounded pl-1.25 has-[:focus-visible]:outline md:-ml-1.25",
             placeholder: L.value,
             value: e.operation.summary,
             onInput: F
-          }, null, 40, he)) : (d(), x("span", fe, Z(e.operation.summary), 1))
+          }, null, 40, fe)) : (v(), B("span", xe, _(e.operation.summary), 1))
         ]),
-        m(ae, {
+        d(le, {
           modelValue: i.value,
           "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l),
           filterIds: u.value,
           filters: O.value
         }, null, 8, ["modelValue", "filterIds", "filters"])
       ]),
-      default: q(() => [
+      default: C(() => [
         K("div", {
           id: u.value.All,
           class: "request-section-content custom-scroll relative flex flex-1 flex-col",
           role: i.value === "All" ? "tabpanel" : "none"
         }, [
-          c(m(v(ce), {
+          m(d(y(ve), {
             id: u.value.Auth,
             environment: e.environment,
             eventBus: e.eventBus,
@@ -249,74 +249,75 @@ const ve = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             server: e.server,
             title: "Authentication"
           }, null, 8, ["id", "environment", "eventBus", "meta", "proxyUrl", "securityRequirements", "securitySchemes", "selectedSecurity", "selectedSecuritySchemes", "server"]), [
-            [y, h("Auth") && !U.value]
+            [c, h("Auth") && !H.value]
           ]),
-          c(m(k, B({
+          m(d(k, f({
             id: u.value.Variables,
             environment: e.environment,
             eventBus: e.eventBus,
             exampleKey: e.exampleKey,
-            rows: o.value.path ?? [],
+            rows: r.value.path ?? [],
             showAddRowPlaceholder: !1,
             title: "Variables"
-          }, b(f.value.path)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
-            [y, h("Variables") && o.value.path?.length]
+          }, b(x.value.path)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
+            [c, h("Variables") && r.value.path?.length]
           ]),
-          c(m(k, B({
+          m(d(k, f({
             id: u.value.Cookies,
             environment: e.environment,
             eventBus: e.eventBus,
             exampleKey: e.exampleKey,
-            rows: H.value ?? [],
+            rows: P.value ?? [],
             showAddRowPlaceholder: !0,
             title: "Cookies"
-          }, b(f.value.cookie)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
-            [y, h("Cookies")]
+          }, b(x.value.cookie)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
+            [c, h("Cookies")]
           ]),
-          c(m(k, B({
+          m(d(k, f({
             id: u.value.Headers,
             environment: e.environment,
             eventBus: e.eventBus,
             exampleKey: e.exampleKey,
             rows: A.value ?? [],
             title: "Headers"
-          }, b(f.value.header)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
-            [y, h("Headers")]
+          }, b(x.value.header)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
+            [c, h("Headers")]
           ]),
-          c(m(k, B({
+          m(d(k, f({
             id: u.value.Query,
             environment: e.environment,
             eventBus: e.eventBus,
             exampleKey: e.exampleKey,
-            rows: o.value.query ?? [],
+            rows: r.value.query ?? [],
             title: "Query Parameters"
-          }, b(f.value.query)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
-            [y, h("Query")]
+          }, b(x.value.query)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
+            [c, h("Query")]
           ]),
-          c(m(ie, {
+          m(d(ue, {
             id: u.value.Body,
             environment: e.environment,
             exampleKey: e.exampleKey,
-            requestBody: v(R)(e.operation.requestBody),
+            requestBody: y(p)(e.operation.requestBody),
             title: "Request Body",
             "onUpdate:contentType": G,
             "onUpdate:formValue": M,
             "onUpdate:value": Q
           }, null, 8, ["id", "environment", "exampleKey", "requestBody"]), [
-            [y, h("Body") && v(w)(e.method)]
+            [c, h("Body") && y(w)(e.method)]
           ]),
-          (d(!0), x(J, null, W(e.plugins, (l, g) => (d(), C(v(_), { key: g }, {
-            default: q(() => [
-              l?.components?.request ? (d(), C(Y(l.components.request), {
+          (v(!0), B(W, null, Y(e.plugins, (l, S) => (v(), q(y(ee), { key: S }, {
+            default: C(() => [
+              l?.components?.request ? m((v(), q(Z(l.components.request.component), f({
                 key: 0,
-                operation: e.operation,
-                selectedExample: e.exampleKey
-              }, null, 8, ["operation", "selectedExample"])) : E("", !0)
+                operation: e.operation
+              }, { ref_for: !0 }, l.components.request.additionalProps, { "onOperation:update:extension": j }), null, 16, ["operation"])), [
+                [c, i.value === "All"]
+              ]) : E("", !0)
             ]),
             _: 2
           }, 1024))), 128)),
           a[1] || (a[1] = K("div", { class: "flex grow" }, null, -1)),
-          c(m(ue, {
+          m(d(se, {
             clientOptions: e.clientOptions,
             eventBus: e.eventBus,
             globalCookies: e.globalCookies,
@@ -326,17 +327,17 @@ const ve = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             path: e.path,
             securitySchemes: e.selectedSecuritySchemes,
             selectedClient: e.selectedClient,
-            selectedContentType: v(R)(e.operation.requestBody)?.["x-scalar-selected-content-type"]?.[e.exampleKey],
+            selectedContentType: y(p)(e.operation.requestBody)?.["x-scalar-selected-content-type"]?.[e.exampleKey],
             selectedServer: e.server ?? void 0
           }, null, 8, ["clientOptions", "eventBus", "globalCookies", "method", "operation", "path", "securitySchemes", "selectedClient", "selectedContentType", "selectedServer"]), [
-            [y, i.value === "All"]
+            [c, i.value === "All"]
           ])
-        ], 8, xe)
+        ], 8, Be)
       ]),
       _: 1
     }, 8, ["aria-label"]));
   }
 });
 export {
-  Ne as default
+  Te as default
 };

package/dist/v2/blocks/request-block/components/RequestBody.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestBody.vue"],"names":[],"mappings":"AA+RA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8DAA8D,CAAA;AAgBrG,KAAK,WAAW,GAAG;IACjB,mBAAmB;IACnB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;AAugBF,QAAA,MAAM,YAAY;;;;;;;;;;;eAlgB4B,MAAM;;;;;;;;;;;;;;;;;;eAAN,MAAM;;;;;;;kFAqgBlD,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/request-block/components/RequestBody.vue"],"names":[],"mappings":"AAkRA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8DAA8D,CAAA;AAiBrG,KAAK,WAAW,GAAG;IACjB,mBAAmB;IACnB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;AAyfF,QAAA,MAAM,YAAY;;;;;;;;;;;eApf4B,MAAM;;;;;;;;;;;;;;;;;;eAAN,MAAM;;;;;;;kFAuflD,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/blocks/request-block/components/RequestBody.vue.js

@@ -1,7 +1,7 @@
 import o from "./RequestBody.vue2.js";
 /* empty css                 */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0a6f7696"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3d420065"]]);
 export {
-  f as default
+  p as default
 };

package/dist/v2/blocks/request-block/components/RequestBody.vue2.js

@@ -1,9 +1,10 @@
-import { defineComponent as F, computed as d, watch as q, createBlock as p, openBlock as u, unref as t, withCtx as i, createVNode as r, createElementVNode as c, toDisplayString as v, createElementBlock as y, Fragment as O, createTextVNode as T } from "vue";
-import { ScalarListbox as S, ScalarButton as x, ScalarIcon as k } from "@scalar/components";
+import { defineComponent as j, computed as s, createBlock as d, openBlock as u, unref as t, withCtx as a, createVNode as r, createElementVNode as c, toDisplayString as v, createElementBlock as y, Fragment as S, createTextVNode as T } from "vue";
+import { ScalarListbox as D, ScalarButton as x, ScalarIcon as k } from "@scalar/components";
 import { unpackProxyObject as B } from "@scalar/workspace-store/helpers/unpack-proxy";
-import D from "./RequestBodyForm.vue.js";
+import { getSelectedBodyContentType as O } from "../../operation-block/helpers/get-selected-body-content-type.js";
+import U from "./RequestBodyForm.vue.js";
 import { getFileName as V } from "../helpers/files.js";
-import { getExampleFromBody as U } from "../helpers/get-request-body-example.js";
+import { getExampleFromBody as q } from "../helpers/get-request-body-example.js";
 import E from "../../../components/layout/CollapsibleSection.vue.js";
 import L from "../../../components/data-table/DataTable.vue.js";
 import M from "../../../components/data-table/DataTableHeader.vue.js";
@@ -16,7 +17,7 @@ const R = {
 }, I = {
   key: 1,
   class: "flex items-center justify-center overflow-hidden border-t p-1.5"
-}, J = { class: "text-c-2 w-full max-w-full overflow-hidden rounded border px-1.5 py-1 text-xs whitespace-nowrap" }, ne = /* @__PURE__ */ F({
+}, J = { class: "text-c-2 w-full max-w-full overflow-hidden rounded border px-1.5 py-1 text-xs whitespace-nowrap" }, ne = /* @__PURE__ */ j({
   __name: "RequestBody",
   props: {
     requestBody: {},
@@ -25,8 +26,8 @@ const R = {
     environment: {}
   },
   emits: ["update:contentType", "update:value", "update:formValue"],
-  setup(l, { emit: C }) {
-    const s = C, N = {
+  setup(i, { emit: C }) {
+    const p = C, N = {
       "application/json": "json",
       "application/xml": "xml",
       "application/yaml": "yaml"
@@ -40,72 +41,64 @@ const R = {
       "application/edn": "EDN",
       other: "Other",
       none: "None"
-    }, n = d(
-      () => l.requestBody?.["x-scalar-selected-content-type"]?.[l.exampleKey] ?? Object.keys(l.requestBody?.content ?? {})[0] ?? "none"
-    );
-    q(
-      () => l.requestBody?.["x-scalar-selected-content-type"]?.[l.exampleKey],
-      (o) => {
-        o || s("update:contentType", { value: n.value });
-      },
-      { immediate: !0 }
-    );
-    const f = Object.entries(b).map(([o, e]) => ({
-      id: o,
+    }, o = s(
+      () => O(i.requestBody, i.exampleKey) ?? "none"
+    ), f = Object.entries(b).map(([n, e]) => ({
+      id: n,
       label: e
-    })), g = d({
+    })), g = s({
       get: () => f.find(
-        (e) => e.id === n.value
+        (e) => e.id === o.value
       ) ?? f.at(-1),
-      set: (o) => {
-        s("update:contentType", { value: o.id });
+      set: (n) => {
+        p("update:contentType", { value: n.id });
       }
     });
-    function h(o) {
+    function F(n) {
       const { open: e } = K({
-        onChange: (a) => {
-          const w = a?.[0];
-          w && o(w);
+        onChange: (l) => {
+          const w = l?.[0];
+          w && n(w);
         },
         multiple: !1,
         accept: "*/*"
       });
       e();
     }
-    const m = d(
-      () => l.requestBody && U(l.requestBody, n.value, l.exampleKey)
-    ), j = d(() => {
+    const m = s(
+      () => i.requestBody && q(i.requestBody, o.value, i.exampleKey)
+    ), h = s(() => {
       if (!m.value)
         return "";
-      const o = m.value.value;
-      return typeof o == "string" ? o : JSON.stringify(o, null, 2);
+      const n = m.value.value;
+      return typeof n == "string" ? n : JSON.stringify(n, null, 2);
     });
-    return (o, e) => (u(), p(t(E), null, {
-      title: i(() => [
-        T(v(l.title), 1)
+    return (n, e) => (u(), d(t(E), null, {
+      title: a(() => [
+        T(v(i.title), 1)
       ]),
-      default: i(() => [
+      default: a(() => [
         r(t(L), {
           columns: [""],
           presentational: ""
         }, {
-          default: i(() => [
+          default: a(() => [
             r(t(M), { class: "relative col-span-full flex h-8 cursor-pointer items-center justify-between border-r-0 !p-0" }, {
-              default: i(() => [
-                r(t(S), {
+              default: a(() => [
+                r(t(D), {
                   modelValue: g.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (a) => g.value = a),
+                  "onUpdate:modelValue": e[0] || (e[0] = (l) => g.value = l),
                   options: t(f),
                   teleport: ""
                 }, {
-                  default: i(() => [
+                  default: a(() => [
                     r(t(x), {
                       class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-3 font-normal",
                       fullWidth: "",
                       variant: "ghost"
                     }, {
-                      default: i(() => [
-                        c("span", null, v(b[n.value] ?? n.value), 1),
+                      default: a(() => [
+                        c("span", null, v(b[o.value] ?? o.value), 1),
                         r(t(k), {
                           icon: "ChevronDown",
                           size: "md"
@@ -120,39 +113,39 @@ const R = {
               _: 1
             }),
             r(t($), null, {
-              default: i(() => [
-                n.value === "none" ? (u(), y("div", R, [...e[5] || (e[5] = [
+              default: a(() => [
+                o.value === "none" ? (u(), y("div", R, [...e[5] || (e[5] = [
                   c("span", null, "No Body", -1)
-                ])])) : n.value === "application/octet-stream" ? (u(), y("div", I, [
-                  t(V)(t(B)(m.value?.value)) !== void 0 ? (u(), y(O, { key: 0 }, [
+                ])])) : o.value === "application/octet-stream" ? (u(), y("div", I, [
+                  t(V)(t(B)(m.value?.value)) !== void 0 ? (u(), y(S, { key: 0 }, [
                     c("span", J, v(t(V)(t(B)(m.value?.value))), 1),
                     r(t(x), {
                       class: "bg-b-2 hover:bg-b-3 text-c-2 ml-1 border-0 shadow-none",
                       size: "sm",
                       variant: "outlined",
-                      onClick: e[1] || (e[1] = (a) => s("update:value", {
+                      onClick: e[1] || (e[1] = (l) => p("update:value", {
                         payload: void 0,
-                        contentType: n.value
+                        contentType: o.value
                       }))
                     }, {
-                      default: i(() => [...e[6] || (e[6] = [
+                      default: a(() => [...e[6] || (e[6] = [
                         T(" Delete ", -1)
                       ])]),
                       _: 1
                     })
-                  ], 64)) : (u(), p(t(x), {
+                  ], 64)) : (u(), d(t(x), {
                     key: 1,
                     class: "bg-b-2 hover:bg-b-3 text-c-2 border-0 shadow-none",
                     size: "sm",
                     variant: "outlined",
-                    onClick: e[2] || (e[2] = () => h(
-                      (a) => s("update:value", {
-                        payload: a,
-                        contentType: n.value
+                    onClick: e[2] || (e[2] = () => F(
+                      (l) => p("update:value", {
+                        payload: l,
+                        contentType: o.value
                       })
                     ))
                   }, {
-                    default: i(() => [
+                    default: a(() => [
                       e[7] || (e[7] = c("span", null, "Select File", -1)),
                       r(t(k), {
                         class: "ml-1",
@@ -163,27 +156,27 @@ const R = {
                     ]),
                     _: 1
                   }))
-                ])) : n.value === "multipart/form-data" || n.value === "application/x-www-form-urlencoded" ? (u(), p(D, {
+                ])) : o.value === "multipart/form-data" || o.value === "application/x-www-form-urlencoded" ? (u(), d(U, {
                   key: 2,
-                  environment: l.environment,
+                  environment: i.environment,
                   example: m.value,
-                  selectedContentType: n.value,
-                  "onUpdate:formValue": e[3] || (e[3] = (a) => s("update:formValue", {
-                    payload: a,
-                    contentType: n.value
+                  selectedContentType: o.value,
+                  "onUpdate:formValue": e[3] || (e[3] = (l) => p("update:formValue", {
+                    payload: l,
+                    contentType: o.value
                   }))
-                }, null, 8, ["environment", "example", "selectedContentType"])) : (u(), p(t(z), {
+                }, null, 8, ["environment", "example", "selectedContentType"])) : (u(), d(t(z), {
                   key: 3,
                   class: "border-t px-3",
                   content: "",
-                  environment: l.environment,
-                  language: N[n.value] ?? "plaintext",
+                  environment: i.environment,
+                  language: N[o.value] ?? "plaintext",
                   lineNumbers: "",
                   lint: "",
-                  modelValue: j.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (a) => s("update:value", {
-                    payload: a,
-                    contentType: n.value
+                  modelValue: h.value,
+                  "onUpdate:modelValue": e[4] || (e[4] = (l) => p("update:value", {
+                    payload: l,
+                    contentType: o.value
                   }))
                 }, null, 8, ["environment", "language", "modelValue"]))
               ]),