@mintlify/msft-sdk 1.1.23 → 1.1.24

package/dist/api-playground/ApiPlayground/Request/BodySection.js

@@ -0,0 +1,65 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as a, useMemo as u } from "react";
+import { InputSectionContainer as x } from "../components/InputSectionContainer.js";
+import { TypeDropdown as T } from "../components/TypeDropdown.js";
+import { RecursiveInput as l } from "./inputs/RecursiveInput.js";
+import { Tabs as S } from "../../../components/content-components/tabs/tabs.js";
+import { Tab as I } from "../../../components/content-components/tabs/tab.js";
+const k = ({ body: d, value: o, setValue: n }) => {
+  const [y, f] = a(0), [m, h] = a(0), r = u(() => Object.entries(d), [d]), s = r[m] ?? r[0];
+  if (s === void 0) return null;
+  const [b, { schemaArray: i }] = s;
+  return /* @__PURE__ */ t(
+    x,
+    {
+      name: "Body",
+      rightElement: r.length > 1 && /* @__PURE__ */ t("div", { onClick: (e) => e.stopPropagation(), className: "mint:text-xs mint:font-mono", children: /* @__PURE__ */ t(
+        T,
+        {
+          options: r.map(([e, c]) => ({
+            label: e,
+            schema: c
+          })),
+          selectedIndex: m,
+          onSelectOption: (e) => {
+            h(e);
+          }
+        }
+      ) }),
+      children: i.length > 1 ? /* @__PURE__ */ t(
+        S,
+        {
+          defaultTab: y,
+          onClickTab: (e) => f(e),
+          className: "mint:mb-0!",
+          children: i.map((e, c) => {
+            const p = e.title ?? `Option ${c + 1}`;
+            return /* @__PURE__ */ t(I, { title: p, children: /* @__PURE__ */ t(
+              l,
+              {
+                schemaArray: [e],
+                value: o,
+                setValue: n,
+                clearValue: o === void 0 ? void 0 : () => n(void 0),
+                isBody: !0
+              }
+            ) }, p);
+          })
+        }
+      ) : /* @__PURE__ */ t(
+        l,
+        {
+          schemaArray: i,
+          value: o,
+          setValue: n,
+          clearValue: o === void 0 ? void 0 : () => n(void 0),
+          isBody: !0
+        }
+      )
+    }
+  );
+};
+export {
+  k as BodySection
+};
+//# sourceMappingURL=BodySection.js.map

package/dist/api-playground/ApiPlayground/Request/BodySection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodySection.js","sources":["../../../../src/api-playground/ApiPlayground/Request/BodySection.tsx"],"sourcesContent":["'use client';\n\nimport { BodySchema, DataSchemaArray, IncrementalDataSchemaArray } from '@mintlify/validation';\nimport { SetStateAction, useMemo, useState } from 'react';\n\nimport { Tab, Tabs } from '@/components/content-components/tabs';\nimport { NoAnyDataSchema } from '@/hooks/usePlaygroundSchemaOptions';\n\nimport { InputSectionContainer } from '../components/InputSectionContainer';\nimport { TypeDropdown } from '../components/TypeDropdown';\nimport { RecursiveInput } from './inputs/RecursiveInput';\n\ntype BodySectionParams = {\n  body: BodySchema;\n  value: unknown;\n  setValue: (value: unknown) => void;\n};\n\nexport const BodySection = ({ body, value, setValue }: BodySectionParams) => {\n  const [selectedSchemaArrayIndex, setSelectedSchemaArrayIndex] = useState(0);\n  const [selectedContentTypeIndex, setSelectedContentTypeIndex] = useState(0);\n\n  const bodyArray = useMemo(() => {\n    return Object.entries(body);\n  }, [body]);\n\n  const contentTypeAndContent = bodyArray[selectedContentTypeIndex] ?? bodyArray[0];\n  if (contentTypeAndContent === undefined) return null;\n\n  const [_contentType, { schemaArray }] = contentTypeAndContent;\n\n  return (\n    <InputSectionContainer\n      name=\"Body\"\n      rightElement={\n        bodyArray.length > 1 && (\n          <div onClick={(e) => e.stopPropagation()} className=\"mint:text-xs mint:font-mono\">\n            <TypeDropdown\n              options={bodyArray.map(([label, schema]) => ({\n                label,\n                schema: schema as unknown as NoAnyDataSchema,\n              }))}\n              selectedIndex={selectedContentTypeIndex}\n              onSelectOption={(index) => {\n                setSelectedContentTypeIndex(index);\n              }}\n            />\n          </div>\n        )\n      }\n    >\n      {schemaArray.length > 1 ? (\n        <Tabs\n          defaultTab={selectedSchemaArrayIndex}\n          onClickTab={(index: SetStateAction<number>) => setSelectedSchemaArrayIndex(index)}\n          className=\"mint:mb-0!\"\n        >\n          {schemaArray.map((schema, index) => {\n            const title = schema.title ?? `Option ${index + 1}`;\n            return (\n              <Tab key={title} title={title}>\n                <RecursiveInput\n                  schemaArray={[schema] as DataSchemaArray | IncrementalDataSchemaArray}\n                  value={value}\n                  setValue={setValue}\n                  clearValue={value === undefined ? undefined : () => setValue(undefined)}\n                  isBody\n                />\n              </Tab>\n            );\n          })}\n        </Tabs>\n      ) : (\n        <RecursiveInput\n          schemaArray={schemaArray}\n          value={value}\n          setValue={setValue}\n          clearValue={value === undefined ? undefined : () => setValue(undefined)}\n          isBody\n        />\n      )}\n    </InputSectionContainer>\n  );\n};\n"],"names":["BodySection","body","value","setValue","selectedSchemaArrayIndex","setSelectedSchemaArrayIndex","useState","selectedContentTypeIndex","setSelectedContentTypeIndex","bodyArray","useMemo","contentTypeAndContent","_contentType","schemaArray","jsx","InputSectionContainer","TypeDropdown","label","schema","index","Tabs","title","Tab","RecursiveInput"],"mappings":";;;;;;;AAkBO,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,UAAAC,QAAkC;AAC3E,QAAM,CAACC,GAA0BC,CAA2B,IAAIC,EAAS,CAAC,GACpE,CAACC,GAA0BC,CAA2B,IAAIF,EAAS,CAAC,GAEpEG,IAAYC,EAAQ,MACjB,OAAO,QAAQT,CAAI,GACzB,CAACA,CAAI,CAAC,GAEHU,IAAwBF,EAAUF,CAAwB,KAAKE,EAAU,CAAC;AAChF,MAAIE,MAA0B,OAAW,QAAO;AAEhD,QAAM,CAACC,GAAc,EAAE,aAAAC,EAAA,CAAa,IAAIF;AAExC,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cACEN,EAAU,SAAS,KACjB,gBAAAK,EAAC,OAAA,EAAI,SAAS,CAAC,MAAM,EAAE,gBAAA,GAAmB,WAAU,+BAClD,UAAA,gBAAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAASP,EAAU,IAAI,CAAC,CAACQ,GAAOC,CAAM,OAAO;AAAA,YAC3C,OAAAD;AAAA,YACA,QAAAC;AAAA,UAAA,EACA;AAAA,UACF,eAAeX;AAAA,UACf,gBAAgB,CAACY,MAAU;AACzB,YAAAX,EAA4BW,CAAK;AAAA,UACnC;AAAA,QAAA;AAAA,MAAA,GAEJ;AAAA,MAIH,UAAAN,EAAY,SAAS,IACpB,gBAAAC;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,YAAYhB;AAAA,UACZ,YAAY,CAACe,MAAkCd,EAA4Bc,CAAK;AAAA,UAChF,WAAU;AAAA,UAET,UAAAN,EAAY,IAAI,CAACK,GAAQC,MAAU;AAClC,kBAAME,IAAQH,EAAO,SAAS,UAAUC,IAAQ,CAAC;AACjD,mBACE,gBAAAL,EAACQ,KAAgB,OAAAD,GACf,UAAA,gBAAAP;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,aAAa,CAACL,CAAM;AAAA,gBACpB,OAAAhB;AAAA,gBACA,UAAAC;AAAA,gBACA,YAAYD,MAAU,SAAY,SAAY,MAAMC,EAAS,MAAS;AAAA,gBACtE,QAAM;AAAA,cAAA;AAAA,YAAA,KANAkB,CAQV;AAAA,UAEJ,CAAC;AAAA,QAAA;AAAA,MAAA,IAGH,gBAAAP;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,aAAAV;AAAA,UACA,OAAAX;AAAA,UACA,UAAAC;AAAA,UACA,YAAYD,MAAU,SAAY,SAAY,MAAMC,EAAS,MAAS;AAAA,UACtE,QAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAIR;"}

package/dist/api-playground/ApiPlayground/Request/ParameterSection.js

@@ -0,0 +1,33 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useMemo as p } from "react";
+import { InputSectionContainer as h } from "../components/InputSectionContainer.js";
+import { RecursiveInput as j } from "./inputs/RecursiveInput.js";
+const P = ({ name: d, parameters: c, value: t, setValue: o }) => {
+  const s = p(() => Object.entries(c).map(([e, r]) => {
+    const i = t[e], m = (n) => {
+      const l = { ...t };
+      l[e] = n, o(l);
+    }, f = i === void 0 ? void 0 : () => {
+      const n = { ...t };
+      delete n[e], o(n);
+    };
+    return /* @__PURE__ */ u(
+      j,
+      {
+        name: e,
+        schemaArray: r.schema,
+        style: r.style,
+        explode: r.explode,
+        value: i,
+        setValue: m,
+        clearValue: f
+      },
+      e
+    );
+  }), [c, o, t]);
+  return s.length === 0 ? null : /* @__PURE__ */ u(h, { name: d, children: s });
+};
+export {
+  P as ParameterSection
+};
+//# sourceMappingURL=ParameterSection.js.map

package/dist/api-playground/ApiPlayground/Request/ParameterSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParameterSection.js","sources":["../../../../src/api-playground/ApiPlayground/Request/ParameterSection.tsx"],"sourcesContent":["'use client';\n\nimport { ParameterGroup } from '@mintlify/validation';\nimport { useMemo } from 'react';\n\nimport { InputSectionContainer } from '../components/InputSectionContainer';\nimport { RecursiveInput } from './inputs/RecursiveInput';\n\ntype ParameterSectionParams = {\n  name: string;\n  parameters: ParameterGroup;\n  value: Record<string, unknown>;\n  setValue: (value: Record<string, unknown>) => void;\n};\n\nexport const ParameterSection = ({ name, parameters, value, setValue }: ParameterSectionParams) => {\n  const inputs = useMemo(() => {\n    return Object.entries(parameters).map(([paramName, parameter]) => {\n      const paramValue = value[paramName];\n      const setParamValue = (newParamValue: unknown) => {\n        const newObj = { ...value };\n        newObj[paramName] = newParamValue;\n        setValue(newObj);\n      };\n\n      const clearParamValue =\n        paramValue === undefined\n          ? undefined\n          : () => {\n              const newObj = { ...value };\n              delete newObj[paramName];\n              setValue(newObj);\n            };\n\n      return (\n        <RecursiveInput\n          key={paramName}\n          name={paramName}\n          schemaArray={parameter.schema}\n          style={parameter.style}\n          explode={parameter.explode}\n          value={paramValue}\n          setValue={setParamValue}\n          clearValue={clearParamValue}\n        />\n      );\n    });\n  }, [parameters, setValue, value]);\n\n  if (inputs.length === 0) {\n    return null;\n  }\n\n  return <InputSectionContainer name={name}>{inputs}</InputSectionContainer>;\n};\n"],"names":["ParameterSection","name","parameters","value","setValue","inputs","useMemo","paramName","parameter","paramValue","setParamValue","newParamValue","newObj","clearParamValue","jsx","RecursiveInput","InputSectionContainer"],"mappings":";;;;AAeO,MAAMA,IAAmB,CAAC,EAAE,MAAAC,GAAM,YAAAC,GAAY,OAAAC,GAAO,UAAAC,QAAuC;AACjG,QAAMC,IAASC,EAAQ,MACd,OAAO,QAAQJ,CAAU,EAAE,IAAI,CAAC,CAACK,GAAWC,CAAS,MAAM;AAChE,UAAMC,IAAaN,EAAMI,CAAS,GAC5BG,IAAgB,CAACC,MAA2B;AAChD,YAAMC,IAAS,EAAE,GAAGT,EAAA;AACpB,MAAAS,EAAOL,CAAS,IAAII,GACpBP,EAASQ,CAAM;AAAA,IACjB,GAEMC,IACJJ,MAAe,SACX,SACA,MAAM;AACJ,YAAMG,IAAS,EAAE,GAAGT,EAAA;AACpB,aAAOS,EAAOL,CAAS,GACvBH,EAASQ,CAAM;AAAA,IACjB;AAEN,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,MAAMR;AAAA,QACN,aAAaC,EAAU;AAAA,QACvB,OAAOA,EAAU;AAAA,QACjB,SAASA,EAAU;AAAA,QACnB,OAAOC;AAAA,QACP,UAAUC;AAAA,QACV,YAAYG;AAAA,MAAA;AAAA,MAPPN;AAAA,IAAA;AAAA,EAUX,CAAC,GACA,CAACL,GAAYE,GAAUD,CAAK,CAAC;AAEhC,SAAIE,EAAO,WAAW,IACb,OAGF,gBAAAS,EAACE,GAAA,EAAsB,MAAAf,GAAa,UAAAI,EAAA,CAAO;AACpD;"}

package/dist/api-playground/ApiPlayground/Request/PlaygroundModal.js

@@ -0,0 +1,201 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { useState as V, useContext as C, useEffect as B } from "react";
+import { DescriptionWithoutHeaders as J } from "../../EndpointFields/components/Description.js";
+import { useApiPlaygroundPrefillExamples as H } from "../../../hooks/useApiPlaygroundPrefillExamples.js";
+import { useMDXContent as I } from "../../../hooks/useMDXContent.js";
+import { parseAuthInputsFromUserInfo as R } from "../../../hooks/usePrefilledInputs/index.js";
+import { useSecurityOption as G } from "../../../hooks/useSecurityOption.js";
+import { getDefaultsFromParameterGroup as U, getDefaultFromSchema as W } from "../../../utils/api-playground/defaults.js";
+import { paramFieldDefaults as w } from "../../../utils/api-playground/paramFieldDefaults.js";
+import { getFilteredSecurityOptions as Q } from "../../../utils/api-reference/getFilteredSecurityOptions.js";
+import "@mintlify/validation";
+import { cn as X } from "../../../utils/cn.js";
+import { ApiPlaygroundContext as z } from "../ApiPlaygroundContext.js";
+import { Response as P } from "../Response/index.js";
+import { EndpointsMenu as K } from "../components/EndpointsMenu.js";
+import { PathHeader as L, SendPill as T } from "../components/PathHeader.js";
+import { PlaygroundModalWrapper as Y } from "../components/PlaygroundModalWrapper.js";
+import { BodySection as Z } from "./BodySection.js";
+import { ParameterSection as y } from "./ParameterSection.js";
+import { SecuritySection as _ } from "./SecuritySection.js";
+import { ServerSection as $ } from "./ServerSection.js";
+import { ApiExamples as ee } from "../../../api-playground-2/ApiExamples.js";
+function Ne({
+  endpoint: t,
+  inputs: a,
+  setInputs: m
+}) {
+  var k;
+  const [{ pageMetadata: b }] = I(), [v, j] = V(0), { prefillExamplesEnabled: f, generatedRequestExampleData: p } = H(), S = G(t.request.security), {
+    isSending: A,
+    selectedBaseUrlIndex: E,
+    isPlaygroundExpanded: g,
+    setIsPlaygroundExpanded: D,
+    sendRequest: F,
+    result: l,
+    selectedExampleIndex: d
+  } = C(z), h = (k = t.servers) == null ? void 0 : k[E], q = Q(t), M = q[v], n = h == null ? void 0 : h.variables;
+  return B(() => {
+    var N;
+    if (!g) return;
+    const e = f ? p[d ?? 0] : JSON.parse(JSON.stringify(a));
+    if (n) {
+      const i = {};
+      Object.entries(n).forEach(([o, c]) => {
+        e.server[o] === void 0 && (i[o] = String(c.default));
+      }), e.server = { ...e.server, ...i };
+    }
+    [
+      ["header", t.request.parameters.header],
+      ["path", t.request.parameters.path],
+      ["query", t.request.parameters.query],
+      ["cookie", t.request.parameters.cookie]
+    ].forEach(([i, o]) => {
+      var O;
+      const c = f ? (O = p[d ?? 0]) == null ? void 0 : O[i] : U(o);
+      e[i] = {
+        ...c,
+        ...w[i],
+        ...e[i]
+      };
+    });
+    const x = R(
+      S
+    );
+    e.query = { ...e.query, ...x.query }, e.header = { ...e.header, ...x.header }, e.cookie = { ...e.cookie, ...x.cookie };
+    const u = Object.values(t.request.body)[0];
+    if (u != null && u.schemaArray.length) {
+      const i = f ? (N = p[d ?? 0]) == null ? void 0 : N.body : W(u.schemaArray[0]), o = w.body;
+      if (typeof i == "object" && i !== null)
+        e.body = Object.assign(
+          {},
+          i,
+          o,
+          typeof e.body == "object" && e.body !== null && !Array.isArray(e.body) ? e.body : {}
+        );
+      else if (Object.keys(o).length) {
+        const c = typeof e.body == "object" && e.body !== null && !Array.isArray(e.body) ? e.body : {};
+        e.body = { ...o, ...c };
+      } else e.body === void 0 && i !== void 0 && (e.body = i);
+    }
+    JSON.stringify(e) !== JSON.stringify(a) && m(e);
+  }, [g, t, d, S]), /* @__PURE__ */ s(
+    Y,
+    {
+      isPlaygroundExpanded: g,
+      setIsPlaygroundExpanded: D,
+      children: [
+        /* @__PURE__ */ s("div", { className: "mint:flex mint:items-center mint:justify-between mint:gap-x-2", children: [
+          /* @__PURE__ */ r(K, { endpoint: t }),
+          /* @__PURE__ */ r(L, { endpoint: t, hasGrayBackground: !0, display: "interactive" }),
+          /* @__PURE__ */ r(
+            T,
+            {
+              label: "Send",
+              method: t.method,
+              isSending: A,
+              onClick: F,
+              className: "mint:w-20"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: "mint:grid mint:grid-cols-1 mint:lg:grid-cols-5 mint:gap-x-8 mint:gap-y-6 mint:mt-5 mint:relative", children: [
+          /* @__PURE__ */ s("div", { className: "mint:col-span-1 mint:lg:col-span-3", children: [
+            /* @__PURE__ */ s("div", { className: "mint:space-y-1 mint:min-w-full mint:w-full mint:max-w-full mint:overflow-hidden", children: [
+              /* @__PURE__ */ r("div", { className: "mint:text-base mint:font-medium mint:text-gray-900 mint:dark:text-white mint:max-w-full", children: t.title }),
+              /* @__PURE__ */ r("div", { className: "mint:flex mint:items-start mint:gap-x-12 mint:justify-between mint:max-w-full! mint:overflow-x-auto", children: b.description && /* @__PURE__ */ r(
+                J,
+                {
+                  markdown: b.description,
+                  className: "mint:text-sm mint:text-gray-500 mint:dark:text-gray-400"
+                }
+              ) })
+            ] }),
+            l && /* @__PURE__ */ r(P, { result: l, className: "mint:mt-6 mint:block mint:lg:hidden" }),
+            /* @__PURE__ */ s("div", { className: "mint:space-y-2 mint:mt-6", children: [
+              n && Object.keys(n).length > 0 && /* @__PURE__ */ r(
+                $,
+                {
+                  variables: n,
+                  value: a.server,
+                  setValue: (e) => m({ ...a, server: e })
+                }
+              ),
+              M && /* @__PURE__ */ r(
+                _,
+                {
+                  inputs: a,
+                  setInputs: m,
+                  securityOptions: q,
+                  selectedSecurityOptionIndex: v,
+                  setSelectedSecurityOptionIndex: j
+                }
+              ),
+              /* @__PURE__ */ r(
+                y,
+                {
+                  name: "Header",
+                  value: a.header,
+                  setValue: (e) => m({ ...a, header: e }),
+                  parameters: t.request.parameters.header
+                }
+              ),
+              /* @__PURE__ */ r(
+                y,
+                {
+                  name: "Cookie",
+                  value: a.cookie,
+                  setValue: (e) => m({ ...a, cookie: e }),
+                  parameters: t.request.parameters.cookie
+                }
+              ),
+              /* @__PURE__ */ r(
+                y,
+                {
+                  name: "Path",
+                  value: a.path,
+                  setValue: (e) => m({ ...a, path: e }),
+                  parameters: t.request.parameters.path
+                }
+              ),
+              /* @__PURE__ */ r(
+                y,
+                {
+                  name: "Query",
+                  value: a.query,
+                  setValue: (e) => m({ ...a, query: e }),
+                  parameters: t.request.parameters.query
+                }
+              ),
+              /* @__PURE__ */ r(
+                Z,
+                {
+                  value: a.body,
+                  setValue: (e) => m({ ...a, body: e }),
+                  body: t.request.body
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: X(
+                "mint:p-px mint:col-span-1 mint:lg:col-span-2 mint:lg:space-y-6 mint:lg:flex mint:lg:sticky mint:lg:top-0 mint:lg:self-start mint:lg:h-[calc(100vh-5.5rem)]",
+                l && "mint:lg:flex-col mint:overflow-y-auto mint:lg:-top-12 mint:lg:h-screen"
+              ),
+              children: [
+                l && /* @__PURE__ */ r(P, { result: l, className: "mint:hidden mint:lg:block mint:min-h-fit" }),
+                /* @__PURE__ */ r(ee, { isModal: !0, "data-testid": "api-playground-request-example", className: "mint:xl:w-full" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Ne as PlaygroundModal
+};
+//# sourceMappingURL=PlaygroundModal.js.map

package/dist/api-playground/ApiPlayground/Request/PlaygroundModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaygroundModal.js","sources":["../../../../src/api-playground/ApiPlayground/Request/PlaygroundModal.tsx"],"sourcesContent":["'use client';\n\nimport { ApiPlaygroundInputs, Endpoint } from '@mintlify/validation';\nimport { useContext, useState, useEffect } from 'react';\n\nimport { DescriptionWithoutHeaders } from '@/api-playground/EndpointFields/components/Description';\nimport { useApiPlaygroundPrefillExamples } from '@/hooks/useApiPlaygroundPrefillExamples';\nimport { useMDXContent } from '@/hooks/useMDXContent';\nimport { parseAuthInputsFromUserInfo } from '@/hooks/usePrefilledInputs';\nimport { useSecurityOption } from '@/hooks/useSecurityOption';\nimport {\n  getDefaultsFromParameterGroup,\n  getDefaultFromSchema,\n} from '@/utils/api-playground/defaults';\nimport { paramFieldDefaults } from '@/utils/api-playground/paramFieldDefaults';\nimport { getFilteredSecurityOptions } from '@/utils/api-reference/getFilteredSecurityOptions';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nimport { ApiPlaygroundContext } from '../ApiPlaygroundContext';\nimport { Response } from '../Response';\nimport { EndpointsMenu } from '../components/EndpointsMenu';\nimport { PathHeader, SendPill } from '../components/PathHeader';\nimport { PlaygroundModalWrapper } from '../components/PlaygroundModalWrapper';\nimport { BodySection } from './BodySection';\nimport { ParameterSection } from './ParameterSection';\nimport { SecuritySection } from './SecuritySection';\nimport { ServerSection } from './ServerSection';\nimport ApiExamples from '@/api-playground-2/ApiExamples';\n\nexport function PlaygroundModal({\n  endpoint,\n  inputs,\n  setInputs,\n}: {\n  endpoint: Endpoint;\n  inputs: ApiPlaygroundInputs;\n  setInputs: (inputs: ApiPlaygroundInputs) => void;\n}) {\n  const [{ pageMetadata }] = useMDXContent();\n  const [selectedSecurityOptionIndex, setSelectedSecurityOptionIndex] = useState(0);\n  const { prefillExamplesEnabled, generatedRequestExampleData } = useApiPlaygroundPrefillExamples();\n  const securityOption = useSecurityOption(endpoint.request.security);\n\n  const {\n    isSending,\n    selectedBaseUrlIndex,\n    isPlaygroundExpanded,\n    setIsPlaygroundExpanded,\n    sendRequest,\n    result,\n    selectedExampleIndex,\n  } = useContext(ApiPlaygroundContext);\n  const server = endpoint.servers?.[selectedBaseUrlIndex];\n\n  const filteredSecurityOptions = getFilteredSecurityOptions(endpoint);\n\n  const selectedSecurityOption = filteredSecurityOptions[selectedSecurityOptionIndex];\n\n  const variables = server?.variables;\n\n  useEffect(() => {\n    if (!isPlaygroundExpanded) return;\n\n    const nextInputs: ApiPlaygroundInputs = prefillExamplesEnabled\n      ? generatedRequestExampleData[selectedExampleIndex ?? 0]\n      : JSON.parse(JSON.stringify(inputs));\n\n    if (variables) {\n      const serverDefaults: Record<string, string> = {};\n      Object.entries(variables).forEach(([k, v]) => {\n        if (nextInputs.server[k] === undefined) {\n          serverDefaults[k] = String(v.default);\n        }\n      });\n      nextInputs.server = { ...nextInputs.server, ...serverDefaults };\n    }\n\n    const paramSections: Array<\n      ['header' | 'path' | 'query' | 'cookie', typeof endpoint.request.parameters.header]\n    > = [\n      ['header', endpoint.request.parameters.header],\n      ['path', endpoint.request.parameters.path],\n      ['query', endpoint.request.parameters.query],\n      ['cookie', endpoint.request.parameters.cookie],\n    ];\n\n    paramSections.forEach(([section, group]) => {\n      const spec = prefillExamplesEnabled\n        ? generatedRequestExampleData[selectedExampleIndex ?? 0]?.[section]\n        : getDefaultsFromParameterGroup(group);\n\n      nextInputs[section] = {\n        ...spec,\n        ...paramFieldDefaults[section],\n        ...nextInputs[section],\n      };\n    });\n\n    const userInfoAuthInputs = parseAuthInputsFromUserInfo(\n      securityOption,\n      undefined\n    );\n\n    nextInputs.query = { ...nextInputs.query, ...userInfoAuthInputs.query };\n    nextInputs.header = { ...nextInputs.header, ...userInfoAuthInputs.header };\n    nextInputs.cookie = { ...nextInputs.cookie, ...userInfoAuthInputs.cookie };\n\n    const bodyEntry = Object.values(endpoint.request.body)[0];\n    if (bodyEntry?.schemaArray.length) {\n      const bodyDefaultFromSpec = prefillExamplesEnabled\n        ? generatedRequestExampleData[selectedExampleIndex ?? 0]?.body\n        : getDefaultFromSchema(bodyEntry.schemaArray[0]);\n\n      const bodyDefaultsFromParamField: Record<string, unknown> = paramFieldDefaults.body;\n\n      if (typeof bodyDefaultFromSpec === 'object' && bodyDefaultFromSpec !== null) {\n        nextInputs.body = Object.assign(\n          {},\n          bodyDefaultFromSpec,\n          bodyDefaultsFromParamField,\n          typeof nextInputs.body === 'object' &&\n            nextInputs.body !== null &&\n            !Array.isArray(nextInputs.body)\n            ? nextInputs.body\n            : {}\n        );\n      } else if (Object.keys(bodyDefaultsFromParamField).length) {\n        const existingBody =\n          typeof nextInputs.body === 'object' &&\n          nextInputs.body !== null &&\n          !Array.isArray(nextInputs.body)\n            ? nextInputs.body\n            : {};\n        nextInputs.body = { ...bodyDefaultsFromParamField, ...existingBody };\n      } else if (nextInputs.body === undefined && bodyDefaultFromSpec !== undefined) {\n        nextInputs.body = bodyDefaultFromSpec;\n      }\n    }\n\n    if (JSON.stringify(nextInputs) !== JSON.stringify(inputs)) {\n      setInputs(nextInputs);\n    }\n  }, [isPlaygroundExpanded, endpoint, selectedExampleIndex, securityOption]);\n\n  return (\n    <PlaygroundModalWrapper\n      isPlaygroundExpanded={isPlaygroundExpanded}\n      setIsPlaygroundExpanded={setIsPlaygroundExpanded}\n    >\n      <div className=\"mint:flex mint:items-center mint:justify-between mint:gap-x-2\">\n        <EndpointsMenu endpoint={endpoint} />\n        <PathHeader endpoint={endpoint} hasGrayBackground display=\"interactive\" />\n        <SendPill\n          label=\"Send\"\n          method={endpoint.method}\n          isSending={isSending}\n          onClick={sendRequest}\n          className=\"mint:w-20\"\n        />\n      </div>\n      <div className=\"mint:grid mint:grid-cols-1 mint:lg:grid-cols-5 mint:gap-x-8 mint:gap-y-6 mint:mt-5 mint:relative\">\n        <div className=\"mint:col-span-1 mint:lg:col-span-3\">\n          <div className=\"mint:space-y-1 mint:min-w-full mint:w-full mint:max-w-full mint:overflow-hidden\">\n            <div className=\"mint:text-base mint:font-medium mint:text-gray-900 mint:dark:text-white mint:max-w-full\">\n              {endpoint.title}\n            </div>\n            <div className=\"mint:flex mint:items-start mint:gap-x-12 mint:justify-between mint:max-w-full! mint:overflow-x-auto\">\n              {pageMetadata.description && (\n                <DescriptionWithoutHeaders\n                  markdown={pageMetadata.description}\n                  className=\"mint:text-sm mint:text-gray-500 mint:dark:text-gray-400\"\n                />\n              )}\n            </div>\n          </div>\n          {result && <Response result={result} className=\"mint:mt-6 mint:block mint:lg:hidden\" />}\n          <div className=\"mint:space-y-2 mint:mt-6\">\n            {variables && Object.keys(variables).length > 0 && (\n              <ServerSection\n                variables={variables}\n                value={inputs.server}\n                setValue={(server) => setInputs({ ...inputs, server })}\n              />\n            )}\n            {selectedSecurityOption && (\n              <SecuritySection\n                inputs={inputs}\n                setInputs={setInputs}\n                securityOptions={filteredSecurityOptions}\n                selectedSecurityOptionIndex={selectedSecurityOptionIndex}\n                setSelectedSecurityOptionIndex={setSelectedSecurityOptionIndex}\n              />\n            )}\n            <ParameterSection\n              name=\"Header\"\n              value={inputs.header}\n              setValue={(header) => setInputs({ ...inputs, header })}\n              parameters={endpoint.request.parameters.header}\n            />\n            <ParameterSection\n              name=\"Cookie\"\n              value={inputs.cookie}\n              setValue={(cookie) => setInputs({ ...inputs, cookie })}\n              parameters={endpoint.request.parameters.cookie}\n            />\n            <ParameterSection\n              name=\"Path\"\n              value={inputs.path}\n              setValue={(path) => setInputs({ ...inputs, path })}\n              parameters={endpoint.request.parameters.path}\n            />\n            <ParameterSection\n              name=\"Query\"\n              value={inputs.query}\n              setValue={(query) => setInputs({ ...inputs, query })}\n              parameters={endpoint.request.parameters.query}\n            />\n            <BodySection\n              value={inputs.body}\n              setValue={(body) => setInputs({ ...inputs, body })}\n              body={endpoint.request.body}\n            />\n          </div>\n        </div>\n        <div\n          className={cn(\n            'mint:p-px mint:col-span-1 mint:lg:col-span-2 mint:lg:space-y-6 mint:lg:flex mint:lg:sticky mint:lg:top-0 mint:lg:self-start mint:lg:h-[calc(100vh-5.5rem)]',\n            result && 'mint:lg:flex-col mint:overflow-y-auto mint:lg:-top-12 mint:lg:h-screen'\n          )}\n        >\n          {result && <Response result={result} className=\"mint:hidden mint:lg:block mint:min-h-fit\" />}\n          <ApiExamples isModal data-testid=\"api-playground-request-example\" className=\"mint:xl:w-full\" />\n        </div>\n      </div>\n    </PlaygroundModalWrapper>\n  );\n}\n"],"names":["PlaygroundModal","endpoint","inputs","setInputs","pageMetadata","useMDXContent","selectedSecurityOptionIndex","setSelectedSecurityOptionIndex","useState","prefillExamplesEnabled","generatedRequestExampleData","useApiPlaygroundPrefillExamples","securityOption","useSecurityOption","isSending","selectedBaseUrlIndex","isPlaygroundExpanded","setIsPlaygroundExpanded","sendRequest","result","selectedExampleIndex","useContext","ApiPlaygroundContext","server","_a","filteredSecurityOptions","getFilteredSecurityOptions","selectedSecurityOption","variables","useEffect","nextInputs","serverDefaults","k","v","section","group","spec","getDefaultsFromParameterGroup","paramFieldDefaults","userInfoAuthInputs","parseAuthInputsFromUserInfo","bodyEntry","bodyDefaultFromSpec","getDefaultFromSchema","bodyDefaultsFromParamField","existingBody","jsxs","PlaygroundModalWrapper","jsx","EndpointsMenu","PathHeader","SendPill","DescriptionWithoutHeaders","Response","ServerSection","SecuritySection","ParameterSection","header","cookie","path","query","BodySection","body","cn","ApiExamples"],"mappings":"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"}

package/dist/api-playground/ApiPlayground/Request/SecuritySection.js

@@ -0,0 +1,147 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useMemo as y } from "react";
+import "@mintlify/validation";
+import { cn as b } from "../../../utils/cn.js";
+import { InputSectionContainer as g } from "../components/InputSectionContainer.js";
+import { TypeDropdown as w } from "../components/TypeDropdown.js";
+import { RecursiveInput as P } from "./inputs/RecursiveInput.js";
+const B = "Basic authentication header of the form `Basic <encoded-value>`, where `<encoded-value>` is the base64-encoded string `username:password`.", S = "Bearer authentication header of the form `Bearer <token>`, where `<token>` is your auth token.", V = "The access token received from the authorization server in the OAuth 2.0 flow.", M = ({
+  inputs: e,
+  setInputs: t,
+  securityOptions: o,
+  selectedSecurityOptionIndex: s,
+  setSelectedSecurityOptionIndex: c
+}) => {
+  const n = o[s], h = y(() => n ? ["header", "query", "cookie"].flatMap(
+    (r) => Object.entries(n.parameters[r]).map(([i, f]) => {
+      const {
+        schemaArray: p,
+        transform: l,
+        value: u
+      } = j(f, e[r][i]);
+      return /* @__PURE__ */ d(
+        P,
+        {
+          name: i,
+          schemaArray: p,
+          value: u,
+          setValue: (a) => {
+            const m = {
+              ...e,
+              [r]: { ...e[r] }
+            };
+            m[r][i] = l(a), t(m);
+          },
+          clearValue: u === void 0 ? void 0 : () => {
+            const a = {
+              ...e,
+              [r]: { ...e[r] }
+            };
+            delete a[r][i], t(a);
+          }
+        },
+        `${r}:${i}`
+      );
+    })
+  ) : null, [n, t, e]);
+  return /* @__PURE__ */ d(
+    g,
+    {
+      name: "Authorization",
+      rightElement: /* @__PURE__ */ d(
+        "div",
+        {
+          onClick: (r) => r.stopPropagation(),
+          className: b("mint:text-xs mint:font-mono", o.length <= 1 && "mint:hidden"),
+          children: /* @__PURE__ */ d(
+            w,
+            {
+              options: o.map((r) => ({
+                label: r.title,
+                schema: r
+              })),
+              selectedIndex: s,
+              onSelectOption: (r) => {
+                c(r);
+              }
+            }
+          )
+        }
+      ),
+      children: h
+    }
+  );
+}, j = (e, t) => ({
+  schemaArray: x(e),
+  transform: A(e),
+  value: q(e, t)
+}), x = (e) => {
+  const t = k(e);
+  switch (e.type) {
+    case "apiKey":
+      return [
+        {
+          type: "string",
+          required: !0,
+          description: t,
+          default: e["x-default"]
+        }
+      ];
+    case "http":
+      return e.scheme === "basic" ? [
+        {
+          type: "object",
+          required: !0,
+          description: t,
+          properties: {
+            username: [{ type: "string" }],
+            password: [{ type: "string" }]
+          },
+          additionalProperties: !1,
+          default: e["x-default"]
+        }
+      ] : [
+        {
+          type: "string",
+          required: !0,
+          format: "bearer",
+          description: t,
+          default: e["x-default"]
+        }
+      ];
+    case "oauth2":
+      return [
+        {
+          type: "string",
+          required: !0,
+          format: "bearer",
+          description: t
+        }
+      ];
+  }
+}, k = (e) => {
+  switch (e.type) {
+    case "apiKey":
+      return e.description;
+    case "http":
+      return e.description ?? (e.scheme === "basic" ? B : S);
+    case "oauth2":
+      return e.description ?? V;
+  }
+}, q = (e, t) => {
+  if (e.type !== "http" || e.scheme !== "basic" || typeof t != "string" || !t.startsWith("Basic "))
+    return t;
+  const o = t.slice(6), s = Buffer.from(o, "base64").toString("utf-8"), [c, n] = s.split(":");
+  return { username: c, password: n };
+}, A = (e) => e.type !== "http" || e.scheme !== "basic" ? (t) => t : (t) => {
+  const o = t && typeof t == "object" && "username" in t ? t.username : void 0, s = t && typeof t == "object" && "password" in t ? t.password : void 0, c = `${o ?? ""}:${s ?? ""}`;
+  return `Basic ${Buffer.from(c).toString("base64")}`;
+};
+export {
+  M as SecuritySection,
+  B as basicDescription,
+  S as bearerDescription,
+  k as getDescriptionForSecurityParameter,
+  V as oauth2Description
+};
+//# sourceMappingURL=SecuritySection.js.map

package/dist/api-playground/ApiPlayground/Request/SecuritySection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecuritySection.js","sources":["../../../../src/api-playground/ApiPlayground/Request/SecuritySection.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ApiPlaygroundInputs,\n  DataSchemaArray,\n  SecurityOption,\n  SecurityParameterSchema,\n} from '@mintlify/validation';\nimport { useMemo } from 'react';\n\nimport { NoAnyDataSchema } from '@/hooks/usePlaygroundSchemaOptions';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nimport { InputSectionContainer } from '../components/InputSectionContainer';\nimport { TypeDropdown } from '../components/TypeDropdown';\nimport { RecursiveInput } from './inputs/RecursiveInput';\n\nexport const basicDescription =\n  'Basic authentication header of the form `Basic <encoded-value>`, where `<encoded-value>` is the base64-encoded string `username:password`.';\nexport const bearerDescription =\n  'Bearer authentication header of the form `Bearer <token>`, where `<token>` is your auth token.';\nexport const oauth2Description =\n  'The access token received from the authorization server in the OAuth 2.0 flow.';\n\ntype SecuritySectionParams = {\n  inputs: ApiPlaygroundInputs;\n  setInputs: (inputs: ApiPlaygroundInputs) => void;\n  securityOptions: SecurityOption[];\n  selectedSecurityOptionIndex: number;\n  setSelectedSecurityOptionIndex: (index: number) => void;\n};\n\nexport const SecuritySection = ({\n  inputs,\n  setInputs,\n  securityOptions,\n  selectedSecurityOptionIndex,\n  setSelectedSecurityOptionIndex,\n}: SecuritySectionParams) => {\n  const selectedSecurityOption = securityOptions[selectedSecurityOptionIndex];\n\n  const parameters = useMemo(() => {\n    if (!selectedSecurityOption) return null;\n\n    return (['header', 'query', 'cookie'] as const).flatMap((location) =>\n      Object.entries(selectedSecurityOption.parameters[location]).map(([name, parameter]) => {\n        const {\n          schemaArray,\n          transform,\n          value: paramValue,\n        } = getPropsForParameter(parameter, inputs[location][name]);\n\n        const setParamValue = (paramValue: unknown) => {\n          const newObj = {\n            ...inputs,\n            [location]: { ...inputs[location] },\n          };\n          newObj[location][name] = transform(paramValue);\n          setInputs(newObj);\n        };\n\n        const clearParamValue =\n          paramValue === undefined\n            ? undefined\n            : () => {\n                const newObj = {\n                  ...inputs,\n                  [location]: { ...inputs[location] },\n                };\n                delete newObj[location][name];\n                setInputs(newObj);\n              };\n\n        return (\n          <RecursiveInput\n            name={name}\n            key={`${location}:${name}`}\n            schemaArray={schemaArray}\n            value={paramValue}\n            setValue={setParamValue}\n            clearValue={clearParamValue}\n          />\n        );\n      })\n    );\n  }, [selectedSecurityOption, setInputs, inputs]);\n\n  return (\n    <InputSectionContainer\n      name=\"Authorization\"\n      rightElement={\n        <div\n          onClick={(e) => e.stopPropagation()}\n          className={cn('mint:text-xs mint:font-mono', securityOptions.length <= 1 && 'mint:hidden')}\n        >\n          <TypeDropdown\n            options={securityOptions.map((option) => ({\n              label: option.title,\n               \n              schema: option as unknown as NoAnyDataSchema,\n            }))}\n            selectedIndex={selectedSecurityOptionIndex}\n            onSelectOption={(index) => {\n              setSelectedSecurityOptionIndex(index);\n            }}\n          />\n        </div>\n      }\n    >\n      {parameters}\n    </InputSectionContainer>\n  );\n};\n\nconst getPropsForParameter = (parameter: SecurityParameterSchema, value: unknown) => {\n  return {\n    schemaArray: getSchemaArrayForParameter(parameter),\n    transform: getTransformForParameter(parameter),\n    value: parseValueForParameter(parameter, value),\n  };\n};\n\nconst getSchemaArrayForParameter = (parameter: SecurityParameterSchema): DataSchemaArray => {\n  const description = getDescriptionForSecurityParameter(parameter);\n  switch (parameter.type) {\n    case 'apiKey':\n      return [\n        {\n          type: 'string',\n          required: true,\n          description,\n           \n          default: parameter['x-default' as never],\n        },\n      ];\n    case 'http':\n      return parameter.scheme === 'basic'\n        ? [\n            {\n              type: 'object',\n              required: true,\n              description,\n              properties: {\n                username: [{ type: 'string' }],\n                password: [{ type: 'string' }],\n              },\n              additionalProperties: false,\n               \n              default: parameter['x-default' as never],\n            },\n          ]\n        : [\n            {\n              type: 'string',\n              required: true,\n              format: 'bearer',\n              description,\n               \n              default: parameter['x-default' as never],\n            },\n          ];\n    case 'oauth2':\n      return [\n        {\n          type: 'string',\n          required: true,\n          format: 'bearer',\n          description,\n        },\n      ];\n  }\n};\n\nexport const getDescriptionForSecurityParameter = (\n  parameter: SecurityParameterSchema\n): string | undefined => {\n  switch (parameter.type) {\n    case 'apiKey':\n      return parameter.description;\n    case 'http':\n      return (\n        parameter.description ??\n        (parameter.scheme === 'basic' ? basicDescription : bearerDescription)\n      );\n    case 'oauth2':\n      return parameter.description ?? oauth2Description;\n  }\n};\n\nconst parseValueForParameter = (parameter: SecurityParameterSchema, value: unknown) => {\n  if (\n    parameter.type !== 'http' ||\n    parameter.scheme !== 'basic' ||\n    typeof value !== 'string' ||\n    !value.startsWith('Basic ')\n  )\n    return value;\n\n  const encoded = value.slice('Basic '.length);\n  const decoded = Buffer.from(encoded, 'base64').toString('utf-8');\n  const [username, password] = decoded.split(':');\n  return { username, password };\n};\n\nconst getTransformForParameter = (parameter: SecurityParameterSchema) => {\n  if (parameter.type !== 'http' || parameter.scheme !== 'basic') {\n    return (value: unknown) => value;\n  }\n\n  return (value: unknown) => {\n    const username =\n      value && typeof value === 'object' && 'username' in value ? value['username'] : undefined;\n    const password =\n      value && typeof value === 'object' && 'password' in value ? value['password'] : undefined;\n    const unencoded = `${username ?? ''}:${password ?? ''}`;\n    const encoded = Buffer.from(unencoded).toString('base64');\n    return `Basic ${encoded}`;\n  };\n};\n"],"names":["basicDescription","bearerDescription","oauth2Description","SecuritySection","inputs","setInputs","securityOptions","selectedSecurityOptionIndex","setSelectedSecurityOptionIndex","selectedSecurityOption","parameters","useMemo","location","name","parameter","schemaArray","transform","paramValue","getPropsForParameter","jsx","RecursiveInput","newObj","InputSectionContainer","e","cn","TypeDropdown","option","index","value","getSchemaArrayForParameter","getTransformForParameter","parseValueForParameter","description","getDescriptionForSecurityParameter","encoded","decoded","username","password","unencoded"],"mappings":"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"}

package/dist/api-playground/ApiPlayground/Request/ServerSection.js

@@ -0,0 +1,31 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { InputSectionContainer as p } from "../components/InputSectionContainer.js";
+import { RecursiveInput as l } from "./inputs/RecursiveInput.js";
+const O = ({ variables: o, value: e, setValue: n }) => {
+  const i = u(() => Object.entries(o).map(([r, s]) => {
+    const a = e[r];
+    return /* @__PURE__ */ c(
+      l,
+      {
+        name: r,
+        schemaArray: [s],
+        value: a,
+        setValue: (t) => {
+          const m = { ...e };
+          m[r] = String(t), n(m);
+        },
+        clearValue: a === void 0 ? void 0 : () => {
+          const t = { ...e };
+          delete t[r], n(t);
+        }
+      },
+      r
+    );
+  }), [o, n, e]);
+  return /* @__PURE__ */ c(p, { name: "Server", children: i });
+};
+export {
+  O as ServerSection
+};
+//# sourceMappingURL=ServerSection.js.map

package/dist/api-playground/ApiPlayground/Request/ServerSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerSection.js","sources":["../../../../src/api-playground/ApiPlayground/Request/ServerSection.tsx"],"sourcesContent":["'use client';\n\nimport { Server } from '@mintlify/validation';\nimport { useMemo } from 'react';\n\nimport { InputSectionContainer } from '../components/InputSectionContainer';\nimport { RecursiveInput } from './inputs/RecursiveInput';\n\ntype ServerSectionProps = {\n  variables: NonNullable<Server['variables']>;\n  value: Record<string, string>;\n  setValue: (value: Record<string, string>) => void;\n};\n\nexport const ServerSection = ({ variables, value, setValue }: ServerSectionProps) => {\n  const inputs = useMemo(() => {\n    return Object.entries(variables).map(([key, schema]) => {\n      const paramValue = value[key];\n      const setParamValue = (newParamValue: unknown) => {\n        const newObj = { ...value };\n        newObj[key] = String(newParamValue);\n        setValue(newObj);\n      };\n      const clearParamValue =\n        paramValue === undefined\n          ? undefined\n          : () => {\n              const newObj = { ...value };\n              delete newObj[key];\n              setValue(newObj);\n            };\n\n      return (\n        <RecursiveInput\n          key={key}\n          name={key}\n          schemaArray={[schema]}\n          value={paramValue}\n          setValue={setParamValue}\n          clearValue={clearParamValue}\n        />\n      );\n    });\n  }, [variables, setValue, value]);\n\n  return <InputSectionContainer name=\"Server\">{inputs}</InputSectionContainer>;\n};\n"],"names":["ServerSection","variables","value","setValue","inputs","useMemo","key","schema","paramValue","jsx","RecursiveInput","newParamValue","newObj","InputSectionContainer"],"mappings":";;;;AAcO,MAAMA,IAAgB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,QAAmC;AACnF,QAAMC,IAASC,EAAQ,MACd,OAAO,QAAQJ,CAAS,EAAE,IAAI,CAAC,CAACK,GAAKC,CAAM,MAAM;AACtD,UAAMC,IAAaN,EAAMI,CAAG;AAe5B,WACE,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,MAAMJ;AAAA,QACN,aAAa,CAACC,CAAM;AAAA,QACpB,OAAOC;AAAA,QACP,UApBkB,CAACG,MAA2B;AAChD,gBAAMC,IAAS,EAAE,GAAGV,EAAA;AACpB,UAAAU,EAAON,CAAG,IAAI,OAAOK,CAAa,GAClCR,EAASS,CAAM;AAAA,QACjB;AAAA,QAiBI,YAfFJ,MAAe,SACX,SACA,MAAM;AACJ,gBAAMI,IAAS,EAAE,GAAGV,EAAA;AACpB,iBAAOU,EAAON,CAAG,GACjBH,EAASS,CAAM;AAAA,QACjB;AAAA,MASU;AAAA,MALPN;AAAA,IAAA;AAAA,EAQX,CAAC,GACA,CAACL,GAAWE,GAAUD,CAAK,CAAC;AAE/B,SAAO,gBAAAO,EAACI,GAAA,EAAsB,MAAK,UAAU,UAAAT,GAAO;AACtD;"}

package/dist/api-playground/ApiPlayground/Request/index.js

@@ -0,0 +1,44 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useContext as d } from "react";
+import { usePrefilledInputs as f } from "../../../hooks/usePrefilledInputs/index.js";
+import { useSecurityOption as a } from "../../../hooks/useSecurityOption.js";
+import p from "../../../components/Api/ErrorBoundary.js";
+import "@mintlify/validation";
+import { cn as x } from "../../../utils/cn.js";
+import { ApiPlaygroundContext as b } from "../ApiPlaygroundContext.js";
+import { EndpointHeader as g } from "../components/PathHeader.js";
+import { PlaygroundModal as k } from "./PlaygroundModal.js";
+const U = ({ endpoint: r, inputs: i, setInputs: m, display: n }) => {
+  var l;
+  const { selectedBaseUrlIndex: s, setIsPlaygroundExpanded: o } = d(b), t = (l = r.servers) == null ? void 0 : l[s], u = a(r.request.security);
+  return f({
+    inputs: i,
+    setInputs: m,
+    baseUrl: t == null ? void 0 : t.url,
+    securityOption: u,
+    userInfoInputs: void 0
+  }), /* @__PURE__ */ e(p, { children: /* @__PURE__ */ c(
+    "div",
+    {
+      className: x(
+        "mint:flex mint:w-full mint:flex-col mint:bg-background-light mint:dark:bg-background-dark mint:border-standard mint:rounded-2xl",
+        n === "simple" ? "mint:p-1" : "mint:p-1.5"
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          g,
+          {
+            endpoint: r,
+            display: n,
+            onClickInteractive: () => o == null ? void 0 : o(!0)
+          }
+        ),
+        /* @__PURE__ */ e(k, { endpoint: r, inputs: i, setInputs: m })
+      ]
+    }
+  ) });
+};
+export {
+  U as Request
+};
+//# sourceMappingURL=index.js.map

package/dist/api-playground/ApiPlayground/Request/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/api-playground/ApiPlayground/Request/index.tsx"],"sourcesContent":["'use client';\n\nimport { ApiPlaygroundDisplayType } from '@mintlify/models';\nimport { ApiPlaygroundInputs, Endpoint } from '@mintlify/validation';\nimport { useContext } from 'react';\n\nimport { usePrefilledInputs } from '@/hooks/usePrefilledInputs';\nimport { useSecurityOption } from '@/hooks/useSecurityOption';\nimport ErrorBoundary from '@/components/Api/ErrorBoundary';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nimport { ApiPlaygroundContext } from '../ApiPlaygroundContext';\nimport { EndpointHeader } from '../components/PathHeader';\nimport { PlaygroundModal } from './PlaygroundModal';\n\ntype RequestParams = {\n  endpoint: Endpoint;\n  inputs: ApiPlaygroundInputs;\n  setInputs: (inputs: ApiPlaygroundInputs) => void;\n  display: ApiPlaygroundDisplayType;\n};\n\nexport const Request = ({ endpoint, inputs, setInputs, display }: RequestParams) => {\n  const { selectedBaseUrlIndex, setIsPlaygroundExpanded } = useContext(ApiPlaygroundContext);\n  const server = endpoint.servers?.[selectedBaseUrlIndex];\n\n  const securityOption = useSecurityOption(endpoint.request.security);\n  usePrefilledInputs({\n    inputs,\n    setInputs,\n    baseUrl: server?.url,\n    securityOption,\n    userInfoInputs: undefined,\n  });\n\n  return (\n    <ErrorBoundary>\n      <div\n        className={cn(\n          'mint:flex mint:w-full mint:flex-col mint:bg-background-light mint:dark:bg-background-dark mint:border-standard mint:rounded-2xl',\n          display === 'simple' ? 'mint:p-1' : 'mint:p-1.5'\n        )}\n      >\n        <EndpointHeader\n          endpoint={endpoint}\n          display={display}\n          onClickInteractive={() => setIsPlaygroundExpanded?.(true)}\n        />\n        <PlaygroundModal endpoint={endpoint} inputs={inputs} setInputs={setInputs} />\n      </div>\n    </ErrorBoundary>\n  );\n};\n"],"names":["Request","endpoint","inputs","setInputs","display","selectedBaseUrlIndex","setIsPlaygroundExpanded","useContext","ApiPlaygroundContext","server","_a","securityOption","useSecurityOption","usePrefilledInputs","ErrorBoundary","jsxs","cn","jsx","EndpointHeader","PlaygroundModal"],"mappings":";;;;;;;;;;AAsBO,MAAMA,IAAU,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,WAAAC,GAAW,SAAAC,QAA6B;;AAClF,QAAM,EAAE,sBAAAC,GAAsB,yBAAAC,MAA4BC,EAAWC,CAAoB,GACnFC,KAASC,IAAAT,EAAS,YAAT,gBAAAS,EAAmBL,IAE5BM,IAAiBC,EAAkBX,EAAS,QAAQ,QAAQ;AAClE,SAAAY,EAAmB;AAAA,IACjB,QAAAX;AAAA,IACA,WAAAC;AAAA,IACA,SAASM,KAAA,gBAAAA,EAAQ;AAAA,IACjB,gBAAAE;AAAA,IACA,gBAAgB;AAAA,EAAA,CACjB,qBAGEG,GAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAZ,MAAY,WAAW,aAAa;AAAA,MAAA;AAAA,MAGtC,UAAA;AAAA,QAAA,gBAAAa;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAAjB;AAAA,YACA,SAAAG;AAAA,YACA,oBAAoB,MAAME,KAAA,gBAAAA,EAA0B;AAAA,UAAI;AAAA,QAAA;AAAA,QAE1D,gBAAAW,EAACE,GAAA,EAAgB,UAAAlB,GAAoB,QAAAC,GAAgB,WAAAC,EAAA,CAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE/E;AAEJ;"}