@scalar/api-client 2.26.2 → 2.29.1

package/dist/v2/blocks/operation-block/helpers/build-request-body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build-request-body.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/helpers/build-request-body.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAA;AAIjG;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,aAAa,iBAAiB,GAAG,SAAS;AAC1C,8DAA8D;AAC9D,MAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM;AAChC,qCAAqC;AACrC,mBAAsB,KACrB,QAAQ,GAAG,IAgFb,CAAA"}
+{"version":3,"file":"build-request-body.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/helpers/build-request-body.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAA;AAKjG;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,aAAa,iBAAiB,GAAG,SAAS;AAC1C,8DAA8D;AAC9D,MAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM;AAChC,qCAAqC;AACrC,mBAAsB,KACrB,QAAQ,GAAG,IAgFb,CAAA"}

package/dist/v2/blocks/operation-block/helpers/build-request-body.js

@@ -1,35 +1,39 @@
-import { replaceEnvVariables as n } from "@scalar/helpers/regex/replace-variables";
-import { unpackProxyObject as u } from "@scalar/workspace-store/helpers/unpack-proxy";
-import { getExampleFromBody as m } from "../../request-block/helpers/get-request-body-example.js";
-const b = (i, a = {}, f = "default") => {
-  if (!i)
+import { replaceEnvVariables as l } from "@scalar/helpers/regex/replace-variables";
+import { unpackProxyObject as s } from "@scalar/workspace-store/helpers/unpack-proxy";
+import { getSelectedBodyContentType as m } from "./get-selected-body-content-type.js";
+import { getExampleFromBody as d } from "../../request-block/helpers/get-request-body-example.js";
+const v = (p, a = {}, u = "default") => {
+  if (!p)
     return null;
-  const l = i?.["x-scalar-selected-content-type"]?.[f] ?? Object.keys(i?.content ?? {})[0] ?? "application/json", e = m(i, l, f);
+  const o = m(p, u);
+  if (!o)
+    return null;
+  const e = d(p, o, u);
   if (!e)
     return null;
-  if ((l === "multipart/form-data" || l === "application/x-www-form-urlencoded") && Array.isArray(e.value)) {
-    const c = e.value.filter((t) => !t.isDisabled), r = l === "multipart/form-data" ? new FormData() : new URLSearchParams();
-    return c.forEach(({ name: t, value: o }) => {
-      if (!t)
+  if ((o === "multipart/form-data" || o === "application/x-www-form-urlencoded") && Array.isArray(e.value)) {
+    const i = e.value.filter((r) => !r.isDisabled), t = o === "multipart/form-data" ? new FormData() : new URLSearchParams();
+    return i.forEach(({ name: r, value: n }) => {
+      if (!r)
         return;
-      const p = n(t, a);
-      if (o instanceof File && r instanceof FormData) {
-        const s = u(o);
-        r.append(p, s, s.name);
-      } else typeof o == "string" && r.append(p, n(o, a));
-    }), r;
+      const f = l(r, a);
+      if (n instanceof File && t instanceof FormData) {
+        const c = s(n);
+        t.append(f, c, c.name);
+      } else typeof n == "string" && t.append(f, l(n, a));
+    }), t;
   }
-  if (l === "application/x-www-form-urlencoded" && e.value !== null && typeof e.value == "object" && !Array.isArray(e.value)) {
-    const c = new URLSearchParams();
-    for (const [r, t] of Object.entries(e.value))
-      if (r && t !== void 0 && t !== null) {
-        const o = n(r, a), p = typeof t == "string" ? t : String(t);
-        c.append(o, n(p, a));
+  if (o === "application/x-www-form-urlencoded" && e.value !== null && typeof e.value == "object" && !Array.isArray(e.value)) {
+    const i = new URLSearchParams();
+    for (const [t, r] of Object.entries(e.value))
+      if (t && r !== void 0 && r !== null) {
+        const n = l(t, a), f = typeof r == "string" ? r : String(r);
+        i.append(n, l(f, a));
       }
-    return c;
+    return i;
   }
-  return typeof e.value == "object" ? n(JSON.stringify(e.value), a) : typeof e.value == "string" ? n(e.value, a) : e.value;
+  return typeof e.value == "object" ? l(JSON.stringify(e.value), a) : typeof e.value == "string" ? l(e.value, a) : e.value;
 };
 export {
-  b as buildRequestBody
+  v as buildRequestBody
 };

package/dist/v2/blocks/operation-block/helpers/get-example.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-example.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/helpers/get-example.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,eAAe,EACf,iBAAiB,EAClB,MAAM,8DAA8D,CAAA;AA6BrE;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GACrB,OAAO,eAAe,GAAG,iBAAiB,GAAG,eAAe,EAC5D,YAAY,MAAM,GAAG,SAAS,EAC9B,aAAa,MAAM,GAAG,SAAS,KAC9B,aAAa,GAAG,SA6ClB,CAAA"}
+{"version":3,"file":"get-example.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/helpers/get-example.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,eAAe,EACf,iBAAiB,EAClB,MAAM,8DAA8D,CAAA;AAgCrE;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GACrB,OAAO,eAAe,GAAG,iBAAiB,GAAG,eAAe,EAC5D,YAAY,MAAM,GAAG,SAAS,EAC9B,aAAa,MAAM,GAAG,SAAS,KAC9B,aAAa,GAAG,SA6ClB,CAAA"}

package/dist/v2/blocks/operation-block/helpers/get-example.js

@@ -1,26 +1,26 @@
-import { getResolvedRefDeep as s } from "../../operation-code-sample/helpers/get-resolved-ref-deep.js";
-const r = (t, n, o) => {
+import { getResolvedRefDeep as u } from "../../operation-code-sample/helpers/get-resolved-ref-deep.js";
+const r = (t, n, s) => {
   if (!t && !n)
     return;
-  const i = o || Object.keys(t ?? {})[0] || "", e = s(t?.[i]);
-  if (e !== void 0)
-    return e;
-  if (!o && n !== void 0)
-    return { value: s(n) };
-}, c = (t, n, o) => {
+  const o = !!t && Object.keys(t).length > 0, e = s || Object.keys(t ?? {})[0] || "", i = u(t?.[e]);
+  if (i !== void 0)
+    return i;
+  if ((!o || !s) && n !== void 0)
+    return { value: u(n) };
+}, l = (t, n, s) => {
   if ("content" in t) {
-    const e = t.content?.[o ?? Object.keys(t.content)[0] ?? ""], u = r(e?.examples, e?.example, n);
-    if (u !== void 0)
-      return u;
+    const e = t.content?.[s ?? Object.keys(t.content)[0] ?? ""], i = r(e?.examples, e?.example, n);
+    if (i !== void 0)
+      return i;
   }
   if ("examples" in t || "example" in t) {
     const e = r(t.examples, t.example, n);
     if (e !== void 0)
       return e;
   }
-  const i = s(t);
-  if ("schema" in i && i.schema) {
-    const e = i.schema;
+  const o = u(t);
+  if ("schema" in o && o.schema) {
+    const e = o.schema;
     if ("default" in e && e.default !== void 0)
       return { value: e.default };
     if ("enum" in e && e.enum?.[0] !== void 0)
@@ -32,5 +32,5 @@ const r = (t, n, o) => {
   }
 };
 export {
-  c as getExample
+  l as getExample
 };

package/dist/v2/blocks/operation-block/helpers/get-selected-body-content-type.d.ts

@@ -0,0 +1,10 @@
+import type { RequestBodyObject } from '@scalar/workspace-store/schemas/v3.1/strict/request-body';
+/**
+ * Returns the selected body content type for the given request body and exampleKey.
+ * Priority:
+ *   1. requestBody?.['x-scalar-selected-content-type']?.[exampleKey] (if set)
+ *   2. First key in requestBody?.content (if available)
+ *   3. null (if none available)
+ */
+export declare const getSelectedBodyContentType: (requestBody: RequestBodyObject | undefined, exampleKey?: string) => string | null;
+//# sourceMappingURL=get-selected-body-content-type.d.ts.map

package/dist/v2/blocks/operation-block/helpers/get-selected-body-content-type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-selected-body-content-type.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/operation-block/helpers/get-selected-body-content-type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAA;AAEjG;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,GACrC,aAAa,iBAAiB,GAAG,SAAS,EAC1C,aAAY,MAAkB,KAC7B,MAAM,GAAG,IAIX,CAAA"}

package/dist/v2/blocks/operation-block/helpers/get-selected-body-content-type.js

@@ -0,0 +1,4 @@
+const n = (e, t = "default") => e?.["x-scalar-selected-content-type"]?.[t] ?? Object.keys(e?.content ?? {})[0] ?? null;
+export {
+  n as getSelectedBodyContentType
+};

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

@@ -1,7 +1,7 @@
 import o from "./RequestBlock.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-422a27d2"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2076f815"]]);
 export {
   m as default
 };

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

@@ -1,8 +1,8 @@
-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 { 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 x, 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 te } from "@scalar/helpers/regex/regex-helpers";
-import { getResolvedRef as p } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { getResolvedRef as R } 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";
@@ -18,10 +18,10 @@ import { getParameterSchema as de } from "./helpers/get-parameter-schema.js";
 import { groupBy as D } from "./helpers/group-by.js";
 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 = {
+const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, he = ["for"], fe = ["id", "placeholder", "value"], Be = {
   key: 2,
   class: "text-c-1 flex h-8 items-center"
-}, Be = ["id", "role"], Te = /* @__PURE__ */ z({
+}, xe = ["id", "role"], Te = /* @__PURE__ */ z({
   __name: "RequestBlock",
   props: {
     authMeta: { default: () => ({ type: "document" }) },
@@ -50,7 +50,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
       exampleKey: e.exampleKey
     })), r = n(
       () => D(
-        e.operation.parameters?.map((t) => p(t)) ?? [],
+        e.operation.parameters?.map((t) => R(t)) ?? [],
         "in",
         (t) => {
           const a = re(t, e.exampleKey, void 0);
@@ -75,7 +75,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
       )
     ), N = n(
       () => me({ method: e.method, operation: e.operation, exampleKey: e.exampleKey })
-    ), R = n(() => {
+    ), p = 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,7 +89,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
         };
       });
     }), A = n(() => [
-      ...R.value,
+      ...p.value,
       ...r.value.header ?? []
     ]), V = n(() => {
       const t = ie({
@@ -153,7 +153,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
         meta: o.value,
         payload: { summary: a }
       });
-    }, x = n(() => ({
+    }, B = n(() => ({
       path: g("path", e.eventBus, o.value, {
         context: r.value.path ?? []
       }),
@@ -163,7 +163,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
       }),
       header: g("header", e.eventBus, o.value, {
         context: A.value,
-        defaultParameters: R.value.length
+        defaultParameters: p.value.length
       }),
       query: g("query", e.eventBus, o.value, {
         context: r.value.query ?? []
@@ -209,19 +209,19 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
     }, {
       title: C(() => [
         K("div", ye, [
-          e.layout !== "modal" ? (v(), B("label", {
+          e.layout !== "modal" ? (v(), x("label", {
             key: 0,
             class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
             for: y(U)
           }, null, 8, he)) : E("", !0),
-          e.layout !== "modal" ? (v(), B("input", {
+          e.layout !== "modal" ? (v(), x("input", {
             key: 1,
             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, fe)) : (v(), B("span", xe, _(e.operation.summary), 1))
+            onBlur: F
+          }, null, 40, fe)) : (v(), x("span", Be, _(e.operation.summary), 1))
         ]),
         d(le, {
           modelValue: i.value,
@@ -259,7 +259,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             rows: r.value.path ?? [],
             showAddRowPlaceholder: !1,
             title: "Variables"
-          }, b(x.value.path)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
+          }, b(B.value.path)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
             [c, h("Variables") && r.value.path?.length]
           ]),
           m(d(k, f({
@@ -270,7 +270,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             rows: P.value ?? [],
             showAddRowPlaceholder: !0,
             title: "Cookies"
-          }, b(x.value.cookie)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
+          }, b(B.value.cookie)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
             [c, h("Cookies")]
           ]),
           m(d(k, f({
@@ -280,7 +280,7 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             exampleKey: e.exampleKey,
             rows: A.value ?? [],
             title: "Headers"
-          }, b(x.value.header)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
+          }, b(B.value.header)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
             [c, h("Headers")]
           ]),
           m(d(k, f({
@@ -290,14 +290,14 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             exampleKey: e.exampleKey,
             rows: r.value.query ?? [],
             title: "Query Parameters"
-          }, b(x.value.query)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
+          }, b(B.value.query)), null, 16, ["id", "environment", "eventBus", "exampleKey", "rows"]), [
             [c, h("Query")]
           ]),
           m(d(ue, {
             id: u.value.Body,
             environment: e.environment,
             exampleKey: e.exampleKey,
-            requestBody: y(p)(e.operation.requestBody),
+            requestBody: y(R)(e.operation.requestBody),
             title: "Request Body",
             "onUpdate:contentType": G,
             "onUpdate:formValue": M,
@@ -305,17 +305,17 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
           }, null, 8, ["id", "environment", "exampleKey", "requestBody"]), [
             [c, h("Body") && y(w)(e.method)]
           ]),
-          (v(!0), B(W, null, Y(e.plugins, (l, S) => m((v(), q(y(ee), { key: S }, {
+          (v(!0), x(W, null, Y(e.plugins, (l, S) => (v(), q(y(ee), { key: S }, {
             default: C(() => [
-              l?.components?.request ? (v(), q(Z(l.components.request.component), f({
+              l?.components?.request ? m((v(), q(Z(l.components.request.component), f({
                 key: 0,
                 operation: e.operation
-              }, { ref_for: !0 }, l.components.request.additionalProps, { "onOperation:update:extension": j }), null, 16, ["operation"])) : E("", !0)
+              }, { ref_for: !0 }, l.components.request.additionalProps, { "onOperation:update:extension": j }), null, 16, ["operation"])), [
+                [c, i.value === "All"]
+              ]) : E("", !0)
             ]),
             _: 2
-          }, 1024)), [
-            [c, i.value === "All"]
-          ])), 128)),
+          }, 1024))), 128)),
           a[1] || (a[1] = K("div", { class: "flex grow" }, null, -1)),
           m(d(se, {
             clientOptions: e.clientOptions,
@@ -327,12 +327,12 @@ const ye = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg
             path: e.path,
             securitySchemes: e.selectedSecuritySchemes,
             selectedClient: e.selectedClient,
-            selectedContentType: y(p)(e.operation.requestBody)?.["x-scalar-selected-content-type"]?.[e.exampleKey],
+            selectedContentType: y(R)(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"]), [
             [c, i.value === "All"]
           ])
-        ], 8, Be)
+        ], 8, xe)
       ]),
       _: 1
     }, 8, ["aria-label"]));

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":"AAwQA,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;AA4eF,QAAA,MAAM,YAAY;;;;;;;;;;;eAve4B,MAAM;;;;;;;;;;;;;;;;;;eAAN,MAAM;;;;;;;kFA0elD,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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd127758"]]);
 export {
-  f as default
+  m as default
 };

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

@@ -1,22 +1,25 @@
-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 { unpackProxyObject as B } from "@scalar/workspace-store/helpers/unpack-proxy";
-import D from "./RequestBodyForm.vue.js";
+import { defineComponent as h, computed as d, createBlock as p, openBlock as u, unref as t, withCtx as a, createVNode as i, createElementVNode as f, toDisplayString as v, createElementBlock as y, Fragment as E, createTextVNode as T } from "vue";
+import { ScalarListbox as F, ScalarButton as x, ScalarIcon as w } from "@scalar/components";
+import { CONTENT_TYPES as k } from "@scalar/helpers/consts/content-types";
+import { objectEntries as q } from "@scalar/helpers/object/object-entries";
+import { unpackProxyObject as C } from "@scalar/workspace-store/helpers/unpack-proxy";
+import { getSelectedBodyContentType as D } 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 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";
-import $ from "../../../components/data-table/DataTableRow.vue.js";
-import z from "../../../components/code-input/CodeInput.vue.js";
-import { useFileDialog as K } from "../../../../hooks/useFileDialog.js";
-const R = {
+import { getExampleFromBody as $ } from "../helpers/get-request-body-example.js";
+import z from "../../../components/layout/CollapsibleSection.vue.js";
+import O from "../../../components/data-table/DataTable.vue.js";
+import K from "../../../components/data-table/DataTableHeader.vue.js";
+import I from "../../../components/data-table/DataTableRow.vue.js";
+import L from "../../../components/code-input/CodeInput.vue.js";
+import { useFileDialog as M } from "../../../../hooks/useFileDialog.js";
+const P = {
   key: 0,
   class: "text-c-3 flex min-h-10 w-full items-center justify-center border-t p-2 text-sm"
-}, I = {
+}, R = {
   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" }, re = /* @__PURE__ */ h({
   __name: "RequestBody",
   props: {
     requestBody: {},
@@ -25,88 +28,70 @@ const R = {
     environment: {}
   },
   emits: ["update:contentType", "update:value", "update:formValue"],
-  setup(l, { emit: C }) {
-    const s = C, N = {
+  setup(r, { emit: B }) {
+    const m = B, N = {
       "application/json": "json",
       "application/xml": "xml",
       "application/yaml": "yaml"
-    }, b = {
-      "multipart/form-data": "Multipart Form",
-      "application/x-www-form-urlencoded": "Form URL Encoded",
-      "application/octet-stream": "Binary File",
-      "application/json": "JSON",
-      "application/xml": "XML",
-      "application/yaml": "YAML",
-      "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 = d(
+      () => D(r.requestBody, r.exampleKey) ?? "none"
+    ), c = q(k).map(([n, e]) => ({
+      id: n,
       label: e
-    })), g = d({
-      get: () => f.find(
-        (e) => e.id === n.value
-      ) ?? f.at(-1),
-      set: (o) => {
-        s("update:contentType", { value: o.id });
+    })), b = d({
+      get: () => c.find(
+        (e) => e.id === o.value
+      ) ?? c.at(-1),
+      set: (n) => {
+        m("update:contentType", { value: n.id });
       }
     });
-    function h(o) {
-      const { open: e } = K({
-        onChange: (a) => {
-          const w = a?.[0];
-          w && o(w);
+    function S(n) {
+      const { open: e } = M({
+        onChange: (l) => {
+          const g = l?.[0];
+          g && n(g);
         },
         multiple: !1,
         accept: "*/*"
       });
       e();
     }
-    const m = d(
-      () => l.requestBody && U(l.requestBody, n.value, l.exampleKey)
+    const s = d(
+      () => r.requestBody && $(r.requestBody, o.value, r.exampleKey)
     ), j = d(() => {
-      if (!m.value)
+      if (!s.value)
         return "";
-      const o = m.value.value;
-      return typeof o == "string" ? o : JSON.stringify(o, null, 2);
+      const n = s.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(), p(t(z), null, {
+      title: a(() => [
+        T(v(r.title), 1)
       ]),
-      default: i(() => [
-        r(t(L), {
+      default: a(() => [
+        i(t(O), {
           columns: [""],
           presentational: ""
         }, {
-          default: i(() => [
-            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), {
-                  modelValue: g.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (a) => g.value = a),
-                  options: t(f),
+          default: a(() => [
+            i(t(K), { class: "relative col-span-full flex h-8 cursor-pointer items-center justify-between border-r-0 !p-0" }, {
+              default: a(() => [
+                i(t(F), {
+                  modelValue: b.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (l) => b.value = l),
+                  options: t(c),
                   teleport: ""
                 }, {
-                  default: i(() => [
-                    r(t(x), {
+                  default: a(() => [
+                    i(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),
-                        r(t(k), {
+                      default: a(() => [
+                        f("span", null, v(t(k)[o.value] ?? o.value), 1),
+                        i(t(w), {
                           icon: "ChevronDown",
                           size: "md"
                         })
@@ -119,23 +104,23 @@ const R = {
               ]),
               _: 1
             }),
-            r(t($), null, {
-              default: i(() => [
-                n.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 }, [
-                    c("span", J, v(t(V)(t(B)(m.value?.value))), 1),
-                    r(t(x), {
+            i(t(I), null, {
+              default: a(() => [
+                o.value === "none" ? (u(), y("div", P, [...e[5] || (e[5] = [
+                  f("span", null, "No Body", -1)
+                ])])) : o.value === "application/octet-stream" ? (u(), y("div", R, [
+                  t(V)(t(C)(s.value?.value)) !== void 0 ? (u(), y(E, { key: 0 }, [
+                    f("span", J, v(t(V)(t(C)(s.value?.value))), 1),
+                    i(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) => m("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
@@ -145,16 +130,16 @@ const R = {
                     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] = () => S(
+                      (l) => m("update:value", {
+                        payload: l,
+                        contentType: o.value
                       })
                     ))
                   }, {
-                    default: i(() => [
-                      e[7] || (e[7] = c("span", null, "Select File", -1)),
-                      r(t(k), {
+                    default: a(() => [
+                      e[7] || (e[7] = f("span", null, "Select File", -1)),
+                      i(t(w), {
                         class: "ml-1",
                         icon: "Upload",
                         size: "xs",
@@ -163,27 +148,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(), p(U, {
                   key: 2,
-                  environment: l.environment,
-                  example: m.value,
-                  selectedContentType: n.value,
-                  "onUpdate:formValue": e[3] || (e[3] = (a) => s("update:formValue", {
-                    payload: a,
-                    contentType: n.value
+                  environment: r.environment,
+                  example: s.value,
+                  selectedContentType: o.value,
+                  "onUpdate:formValue": e[3] || (e[3] = (l) => m("update:formValue", {
+                    payload: l,
+                    contentType: o.value
                   }))
-                }, null, 8, ["environment", "example", "selectedContentType"])) : (u(), p(t(z), {
+                }, null, 8, ["environment", "example", "selectedContentType"])) : (u(), p(t(L), {
                   key: 3,
                   class: "border-t px-3",
                   content: "",
-                  environment: l.environment,
-                  language: N[n.value] ?? "plaintext",
+                  environment: r.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
+                  "onUpdate:modelValue": e[4] || (e[4] = (l) => m("update:value", {
+                    payload: l,
+                    contentType: o.value
                   }))
                 }, null, 8, ["environment", "language", "modelValue"]))
               ]),
@@ -198,5 +183,5 @@ const R = {
   }
 });
 export {
-  ne as default
+  re as default
 };