@mintlify/msft-sdk 1.1.22 → 1.1.23

package/dist/api-playground-2/ApiExamples.js

@@ -1,27 +1,35 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useContext as x, useState as f, useMemo as u } from "react";
-import { usePlaygroundInputsStore as d } from "./hooks/usePlaygroundInputsStore.js";
-import { CodeExampleLabelContext as h } from "../contexts/CodeExampleLabelContext.js";
-import { ApiReferenceContext2 as g } from "../contexts/ConfigContext.js";
-import R from "../components/Api/ErrorBoundary.js";
-import { clsx as v } from "clsx";
-import { RequestExample as C } from "./components/Example/RequestExample.js";
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import { useContext as f, useState as u, useMemo as d } from "react";
+import { usePlaygroundInputsStore as h, useSelectedSecurityOption as g } from "./hooks/usePlaygroundInputsStore.js";
+import { CodeExampleLabelContext as R } from "../contexts/CodeExampleLabelContext.js";
+import { ApiReferenceContext2 as v } from "../contexts/ConfigContext.js";
+import C from "../components/Api/ErrorBoundary.js";
+import { clsx as S } from "clsx";
+import { RequestExample as y } from "./components/Example/RequestExample.js";
 import { ResponseExample as D } from "./components/Example/ResponseExample.js";
-const H = ({ className: t, isModal: m = !1, apiReferenceData: n }) => {
-  const { apiReferenceData2: i } = x(g), r = n || i, { getApiPlaygroundInputs: o } = d(), a = o(), [s, p] = f(), l = u(
-    () => v(
+const O = ({ className: t, isModal: n = !1, apiReferenceData: i }) => {
+  const { apiReferenceData2: o } = f(v), r = i || o, { getApiPlaygroundInputs: m } = h(), { selectedSecurityOptionIndex: a } = g(), s = m(), [p, c] = u(), l = d(
+    () => S(
       "mint:w-full mint:xl:w-[28rem] mint:gap-6 mint:grid mint:grid-rows-[repeat(auto-fit,minmax(0,min-content))] mint:grid-rows mint:relative mint:max-h-[calc(100%-32px)] mint:min-h-[18rem]",
       t
     ),
-    [t, m]
+    [t, n]
   );
-  return /* @__PURE__ */ e(h.Provider, { value: { selectedLabel: s, setSelectedLabel: p }, children: /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ c(R, { children: [
-    /* @__PURE__ */ e(C, { apiReferenceData: r, inputs: a, maxHeight: "mint:max-h-[40vh]" }),
+  return /* @__PURE__ */ e(R.Provider, { value: { selectedLabel: p, setSelectedLabel: c }, children: /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ x(C, { children: [
+    /* @__PURE__ */ e(
+      y,
+      {
+        selectedSecurityOptionIndex: a,
+        apiReferenceData: r,
+        inputs: s,
+        maxHeight: "mint:max-h-[40vh]"
+      }
+    ),
     /* @__PURE__ */ e(D, { apiReferenceData: r, maxHeight: "mint:max-h-[40vh]" })
   ] }) }) });
 };
 export {
-  H as ApiExamples,
-  H as default
+  O as ApiExamples,
+  O as default
 };
 //# sourceMappingURL=ApiExamples.js.map

package/dist/api-playground-2/ApiExamples.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiExamples.js","sources":["../../src/api-playground-2/ApiExamples.tsx"],"sourcesContent":["'use client';\n\nimport React, { useContext, useMemo, useState } from 'react';\n\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { CodeExampleLabelContext } from '@/contexts/CodeExampleLabelContext';\nimport { ApiReferenceContext2 } from '@/contexts/ConfigContext';\nimport ErrorBoundary from '../components/Api/ErrorBoundary';\nimport { clsx } from 'clsx';\n\nimport { RequestExample } from './components/Example/RequestExample';\nimport { ResponseExample } from './components/Example/ResponseExample';\nimport { ApiReferenceDataV2 } from './types';\n\n\ntype ApiExamplesProps = {\n  className?: string;\n  isModal?: boolean;\n  apiReferenceData?: ApiReferenceDataV2;\n};\n\nexport const ApiExamples = ({ className, isModal = false, apiReferenceData }: ApiExamplesProps) => {\n  const { apiReferenceData2: apiReferenceData2FromContext } = useContext(ApiReferenceContext2);\n  const apiReferenceData2 = apiReferenceData || apiReferenceData2FromContext;\n  const { getApiPlaygroundInputs } = usePlaygroundInputsStore();\n  const inputs = getApiPlaygroundInputs();\n  const [selectedLabel, setSelectedLabel] = useState<string | undefined>();\n\n  const containerClassName = useMemo(\n    () =>\n      clsx(\n        'mint:w-full mint:xl:w-[28rem] mint:gap-6 mint:grid mint:grid-rows-[repeat(auto-fit,minmax(0,min-content))] mint:grid-rows mint:relative mint:max-h-[calc(100%-32px)] mint:min-h-[18rem]',\n        className,\n      ),\n    [className, isModal]\n  );\n\n  return (\n    <CodeExampleLabelContext.Provider value={{ selectedLabel, setSelectedLabel }}>\n      <div className={containerClassName}>\n        <ErrorBoundary>\n          <RequestExample apiReferenceData={apiReferenceData2} inputs={inputs} maxHeight=\"mint:max-h-[40vh]\" />\n          <ResponseExample apiReferenceData={apiReferenceData2} maxHeight=\"mint:max-h-[40vh]\" />\n          {/* TODO - Api Playground Refactor: OpenApiSchemaExample */}\n        </ErrorBoundary>\n      </div>\n    </CodeExampleLabelContext.Provider>\n  );\n};\n\nexport default ApiExamples;\n"],"names":["ApiExamples","className","isModal","apiReferenceData","apiReferenceData2FromContext","useContext","ApiReferenceContext2","apiReferenceData2","getApiPlaygroundInputs","usePlaygroundInputsStore","inputs","selectedLabel","setSelectedLabel","useState","containerClassName","useMemo","clsx","jsx","CodeExampleLabelContext","ErrorBoundary","RequestExample","ResponseExample"],"mappings":";;;;;;;;;AAqBO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,IAAU,IAAO,kBAAAC,QAAyC;AACjG,QAAM,EAAE,mBAAmBC,MAAiCC,EAAWC,CAAoB,GACrFC,IAAoBJ,KAAoBC,GACxC,EAAE,wBAAAI,EAAA,IAA2BC,EAAA,GAC7BC,IAASF,EAAA,GACT,CAACG,GAAeC,CAAgB,IAAIC,EAAA,GAEpCC,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACE;AAAA,MACAf;AAAA,IAAA;AAAA,IAEJ,CAACA,GAAWC,CAAO;AAAA,EAAA;AAGrB,SACE,gBAAAe,EAACC,EAAwB,UAAxB,EAAiC,OAAO,EAAE,eAAAP,GAAe,kBAAAC,KACxD,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWH,GACd,4BAACK,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAA,EAAe,kBAAkBb,GAAmB,QAAAG,GAAgB,WAAU,qBAAoB;AAAA,IACnG,gBAAAO,EAACI,GAAA,EAAgB,kBAAkBd,GAAmB,WAAU,oBAAA,CAAoB;AAAA,EAAA,EAAA,CAEtF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"ApiExamples.js","sources":["../../src/api-playground-2/ApiExamples.tsx"],"sourcesContent":["'use client';\n\nimport React, { useContext, useMemo, useState } from 'react';\n\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { CodeExampleLabelContext } from '@/contexts/CodeExampleLabelContext';\nimport { ApiReferenceContext2 } from '@/contexts/ConfigContext';\nimport ErrorBoundary from '../components/Api/ErrorBoundary';\nimport { clsx } from 'clsx';\n\nimport { RequestExample } from './components/Example/RequestExample';\nimport { ResponseExample } from './components/Example/ResponseExample';\nimport { ApiReferenceDataV2 } from './types';\nimport { useSelectedSecurityOption } from './hooks/usePlaygroundInputsStore';\n\n\ntype ApiExamplesProps = {\n  className?: string;\n  isModal?: boolean;\n  apiReferenceData?: ApiReferenceDataV2;\n};\n\nexport const ApiExamples = ({ className, isModal = false, apiReferenceData }: ApiExamplesProps) => {\n  const { apiReferenceData2: apiReferenceData2FromContext } = useContext(ApiReferenceContext2);\n  const apiReferenceData2 = apiReferenceData || apiReferenceData2FromContext;\n  const { getApiPlaygroundInputs } = usePlaygroundInputsStore();\n  const {selectedSecurityOptionIndex} = useSelectedSecurityOption();\n  const inputs = getApiPlaygroundInputs();\n  const [selectedLabel, setSelectedLabel] = useState<string | undefined>();\n\n  const containerClassName = useMemo(\n    () =>\n      clsx(\n        'mint:w-full mint:xl:w-[28rem] mint:gap-6 mint:grid mint:grid-rows-[repeat(auto-fit,minmax(0,min-content))] mint:grid-rows mint:relative mint:max-h-[calc(100%-32px)] mint:min-h-[18rem]',\n        className,\n      ),\n    [className, isModal]\n  );\n\n  return (\n    <CodeExampleLabelContext.Provider value={{ selectedLabel, setSelectedLabel }}>\n      <div className={containerClassName}>\n        <ErrorBoundary>\n          <RequestExample\n            selectedSecurityOptionIndex={selectedSecurityOptionIndex}\n            apiReferenceData={apiReferenceData2}\n            inputs={inputs}\n            maxHeight=\"mint:max-h-[40vh]\"\n           />\n          <ResponseExample apiReferenceData={apiReferenceData2} maxHeight=\"mint:max-h-[40vh]\" />\n          {/* TODO - Api Playground Refactor: OpenApiSchemaExample */}\n        </ErrorBoundary>\n      </div>\n    </CodeExampleLabelContext.Provider>\n  );\n};\n\nexport default ApiExamples;\n"],"names":["ApiExamples","className","isModal","apiReferenceData","apiReferenceData2FromContext","useContext","ApiReferenceContext2","apiReferenceData2","getApiPlaygroundInputs","usePlaygroundInputsStore","selectedSecurityOptionIndex","useSelectedSecurityOption","inputs","selectedLabel","setSelectedLabel","useState","containerClassName","useMemo","clsx","jsx","CodeExampleLabelContext","ErrorBoundary","RequestExample","ResponseExample"],"mappings":";;;;;;;;;AAsBO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,IAAU,IAAO,kBAAAC,QAAyC;AACjG,QAAM,EAAE,mBAAmBC,MAAiCC,EAAWC,CAAoB,GACrFC,IAAoBJ,KAAoBC,GACxC,EAAE,wBAAAI,EAAA,IAA2BC,EAAA,GAC7B,EAAC,6BAAAC,EAAA,IAA+BC,EAAA,GAChCC,IAASJ,EAAA,GACT,CAACK,GAAeC,CAAgB,IAAIC,EAAA,GAEpCC,IAAqBC;AAAA,IACzB,MACEC;AAAA,MACE;AAAA,MACAjB;AAAA,IAAA;AAAA,IAEJ,CAACA,GAAWC,CAAO;AAAA,EAAA;AAGrB,SACE,gBAAAiB,EAACC,EAAwB,UAAxB,EAAiC,OAAO,EAAE,eAAAP,GAAe,kBAAAC,KACxD,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWH,GACd,4BAACK,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,6BAAAZ;AAAA,QACA,kBAAkBH;AAAA,QAClB,QAAAK;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAO,EAACI,GAAA,EAAgB,kBAAkBhB,GAAmB,WAAU,oBAAA,CAAoB;AAAA,EAAA,EAAA,CAEtF,GACF,GACF;AAEJ;"}

package/dist/api-playground-2/components/Example/GeneratedRequestExample.js

@@ -1,66 +1,70 @@
-import { jsx as y } from "react/jsx-runtime";
-import { useState as M, useEffect as B } from "react";
-import { generateRequest as E } from "../../generators/generateRequest.js";
-import { generateSnippet as I } from "../../generators/generateSnippet.js";
-import { getFirstExampleValue as a } from "../../schemaGraph/processExamples.js";
-import { CodeGroupSelect as w } from "../../../components/content-components/CodeGroupSelect/index.js";
-import { CodeSnippets as A } from "../../../components/content-components/code-snippets.js";
-import { langToPresetMap as G } from "../../../constants/snippetPresets.js";
-const Q = ({
+import { jsx as j } from "react/jsx-runtime";
+import { useState as y, useEffect as E } from "react";
+import { generateRequest as a } from "../../generators/generateRequest.js";
+import { generateSnippet as w } from "../../generators/generateSnippet.js";
+import { getFirstExampleValue as A } from "../../schemaGraph/processExamples.js";
+import { CodeGroupSelect as G } from "../../../components/content-components/CodeGroupSelect/index.js";
+import { CodeSnippets as P } from "../../../components/content-components/code-snippets.js";
+import { langToPresetMap as V } from "../../../constants/snippetPresets.js";
+const W = ({
   baseUrl: s,
   apiReferenceData: t,
   inputs: n,
   requestExampleLanguages: c,
   requiredOnly: p,
-  maxHeight: o
+  maxHeight: o,
+  selectedSecurityOptionIndex: m
 }) => {
-  var f, S, r, x, d;
-  const m = (f = t.dependencies) == null ? void 0 : f.requestBody;
-  if (!m)
-    return /* @__PURE__ */ y(
-      C,
+  var h, S, r, d, T;
+  const f = (h = t.dependencies) == null ? void 0 : h.requestBody;
+  if (!f)
+    return /* @__PURE__ */ j(
+      B,
       {
         apiReferenceData: t,
         baseUrl: s,
         inputs: n,
         requestExampleLanguages: c,
         requiredOnly: p,
-        maxHeight: o
+        maxHeight: o,
+        selectedSecurityOptionIndex: m
       }
     );
-  const i = a(m.content);
+  const i = A(f.content);
   if (!i) return null;
-  const l = Object.entries(m.content).map(
-    ([e, T]) => ({
+  const l = Object.entries(f.content).map(
+    ([e, x]) => ({
       contentType: e,
-      examples: T.examples
+      examples: x.examples
     })
   ), u = 0;
-  return ((S = l[u]) == null ? void 0 : S.examples.length) > 1 ? /* @__PURE__ */ y(
-    P,
+  return ((S = l[u]) == null ? void 0 : S.examples.length) > 1 ? /* @__PURE__ */ j(
+    k,
     {
       apiReferenceData: t,
       selectedBodyContentType: (r = l[u]) == null ? void 0 : r.contentType,
       baseUrl: s,
       inputs: n,
-      examples: (x = l[u]) == null ? void 0 : x.examples,
+      examples: (d = l[u]) == null ? void 0 : d.examples,
       requiredOnly: p,
-      maxHeight: o
+      maxHeight: o,
+      selectedSecurityOptionIndex: m
     }
-  ) : /* @__PURE__ */ y(
-    C,
+  ) : /* @__PURE__ */ j(
+    B,
     {
       apiReferenceData: t,
-      selectedBodyContentType: (d = l[u]) == null ? void 0 : d.contentType,
+      selectedBodyContentType: (T = l[u]) == null ? void 0 : T.contentType,
       baseUrl: s,
       inputs: n,
       exampleValue: i,
       requestExampleLanguages: c,
       requiredOnly: p,
-      maxHeight: o
+      maxHeight: o,
+      selectedSecurityOptionIndex: m
     }
   );
-}, C = ({
+}, B = ({
   baseUrl: s,
   apiReferenceData: t,
   inputs: n,
@@ -68,27 +72,29 @@ const Q = ({
   exampleValue: p,
   requestExampleLanguages: o,
   requiredOnly: m,
-  maxHeight: i
+  maxHeight: f,
+  selectedSecurityOptionIndex: i
 }) => {
-  const [l, u] = M(null), [f, S] = M(null);
-  return B(() => {
+  const [l, u] = y(null), [h, S] = y(null);
+  return E(() => {
     let r = !1;
-    const x = E({
+    const d = a({
       baseUrl: s,
       apiReferenceData: t,
       inputs: n,
       selectedBodyContentType: c,
       exampleData: p,
-      requiredOnly: m
-    }), d = o == null ? void 0 : o.reduce((e, T) => {
-      const h = G[T];
-      return h && e.push(h), e;
+      requiredOnly: m,
+      selectedSecurityOptionIndex: i
+    }), T = o == null ? void 0 : o.reduce((e, x) => {
+      const M = V[x];
+      return M && e.push(M), e;
     }, []);
-    return I({
+    return w({
       apiReferenceData: t,
       pathInputs: n.path,
-      request: x,
-      snippetPresets: d
+      request: d,
+      snippetPresets: T
     }).then((e) => {
       r || u(e);
     }).catch((e) => {
@@ -96,52 +102,54 @@ const Q = ({
     }), () => {
       r = !0;
     };
-  }, [s, t, n, c, p, o, m]), f || !l ? null : /* @__PURE__ */ y(A, { snippets: l, dropdown: !0, maxHeight: i });
-}, P = ({
+  }, [s, t, n, c, p, o, m]), h || !l ? null : /* @__PURE__ */ j(P, { snippets: l, dropdown: !0, maxHeight: f });
+}, k = ({
   baseUrl: s,
   apiReferenceData: t,
   inputs: n,
   selectedBodyContentType: c,
   examples: p,
   requiredOnly: o,
-  maxHeight: m
+  maxHeight: m,
+  selectedSecurityOptionIndex: f
 }) => {
-  const [i, l] = M({}), [u, f] = M(null);
-  return B(() => {
+  const [i, l] = y({}), [u, h] = y(null);
+  return E(() => {
     const S = n.path, r = {};
     (async () => {
-      for (const [d, { value: e }] of Object.entries(p)) {
+      for (const [T, { value: e }] of Object.entries(p)) {
         if (!e) continue;
-        const T = E({
+        const x = a({
           baseUrl: s,
           apiReferenceData: t,
           inputs: n,
           selectedBodyContentType: c,
           exampleData: e,
-          requiredOnly: o
+          requiredOnly: o,
+          selectedSecurityOptionIndex: f
         });
         try {
-          (await I({
+          (await w({
             apiReferenceData: t,
             pathInputs: S,
-            request: T,
+            request: x,
             isMultipleRequest: !0
-          })).forEach((j) => {
-            r[j.filename] = {
-              ...r[j.filename],
-              [d]: j
+          })).forEach((C) => {
+            r[C.filename] = {
+              ...r[C.filename],
+              [T]: C
             };
           });
-        } catch (h) {
-          console.error(h), f(h);
+        } catch (M) {
+          console.error(M), h(M);
           return;
         }
       }
       l(r);
     })();
-  }, [s, t, n, c, p, o]), u || Object.keys(i).length === 0 ? null : /* @__PURE__ */ y(w, { snippets: i, maxHeight: m });
+  }, [s, t, n, c, p, o]), u || Object.keys(i).length === 0 ? null : /* @__PURE__ */ j(G, { snippets: i, maxHeight: m });
 };
 export {
-  Q as GeneratedRequestExample
+  W as GeneratedRequestExample
 };
 //# sourceMappingURL=GeneratedRequestExample.js.map

package/dist/api-playground-2/components/Example/GeneratedRequestExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeneratedRequestExample.js","sources":["../../../../src/api-playground-2/components/Example/GeneratedRequestExample.tsx"],"sourcesContent":["import { ApiPlaygroundInputs, ExampleSchema } from '@mintlify/validation';\nimport { JSX, useState, useEffect } from 'react';\n\nimport { generateRequest } from '@/api-playground-2/generators/generateRequest';\nimport { generateSnippet } from '@/api-playground-2/generators/generateSnippet';\nimport { getFirstExampleValue } from '@/api-playground-2/schemaGraph/processExamples';\nimport type { ApiReferenceDataV2 } from '@/api-playground-2/types';\nimport { CodeGroupSelect } from '../../../components/content-components/CodeGroupSelect';\nimport { CodeSnippets } from '../../../components/content-components/code-snippets';\nimport { langToPresetMap, SnippetPreset } from '../../../constants/snippetPresets';\nimport type { ExampleCodeSnippet } from '../../../types/exampleCodeSnippet';\n\nexport type GeneratedRequestExampleParams = {\n  baseUrl: string;\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  requestExampleLanguages?: string[];\n  requiredOnly?: boolean;\n  maxHeight?: string;\n};\n\nexport const GeneratedRequestExample = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n}: GeneratedRequestExampleParams): JSX.Element | null => {\n  const requestBody = apiReferenceData.dependencies?.requestBody;\n\n  if (!requestBody) {\n    return (\n      <SingleRequest\n        apiReferenceData={apiReferenceData}\n        baseUrl={baseUrl}\n        inputs={inputs}\n        requestExampleLanguages={requestExampleLanguages}\n        requiredOnly={requiredOnly}\n        maxHeight={maxHeight}\n      />\n    );\n  }\n\n  const firstExampleValue = getFirstExampleValue(requestBody.content);\n\n  if (!firstExampleValue) return null;\n\n  const examplesByContentType = Object.entries(requestBody.content).map(\n    ([contentType, content]) => {\n      return {\n        contentType,\n        examples: content.examples,\n      };\n    }\n  );\n  const selectedContentTypeIndex = 0;\n\n  return examplesByContentType[selectedContentTypeIndex]?.examples.length > 1 ? (\n    <MultipleRequest\n      apiReferenceData={apiReferenceData}\n      selectedBodyContentType={examplesByContentType[selectedContentTypeIndex]?.contentType}\n      baseUrl={baseUrl}\n      inputs={inputs}\n      examples={examplesByContentType[selectedContentTypeIndex]?.examples}\n      requiredOnly={requiredOnly}\n      maxHeight={maxHeight}\n    />\n  ) : (\n    <SingleRequest\n      apiReferenceData={apiReferenceData}\n      selectedBodyContentType={examplesByContentType[selectedContentTypeIndex]?.contentType}\n      baseUrl={baseUrl}\n      inputs={inputs}\n      exampleValue={firstExampleValue}\n      requestExampleLanguages={requestExampleLanguages}\n      requiredOnly={requiredOnly}\n      maxHeight={maxHeight}\n    />\n  );\n};\n\ntype SingleRequestParams = GeneratedRequestExampleParams & {\n  selectedBodyContentType?: string;\n  exampleValue?: unknown;\n};\n\nconst SingleRequest = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  selectedBodyContentType,\n  exampleValue,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n}: SingleRequestParams) => {\n  const [snippets, setSnippets] = useState<ExampleCodeSnippet[] | null>(null);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    \n    const request = generateRequest({\n      baseUrl,\n      apiReferenceData,\n      inputs: inputs,\n      selectedBodyContentType,\n      exampleData: exampleValue,\n      requiredOnly,\n    });\n\n    const snippetPresets = requestExampleLanguages?.reduce<SnippetPreset[]>((acc, lang) => {\n      const preset = langToPresetMap[lang];\n      if (preset) acc.push(preset);\n      return acc;\n    }, []);\n\n    generateSnippet({\n      apiReferenceData,\n      pathInputs: inputs.path,\n      request,\n      snippetPresets,\n    })\n      .then((result) => {\n        if (!cancelled) {\n          setSnippets(result);\n        }\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          console.error(err);\n          setError(err);\n        }\n      });\n    \n    return () => {\n      cancelled = true;\n    };\n  }, [baseUrl, apiReferenceData, inputs, selectedBodyContentType, exampleValue, requestExampleLanguages, requiredOnly]);\n\n  if (error) return null;\n  if (!snippets) return null;\n\n  return <CodeSnippets snippets={snippets} dropdown maxHeight={maxHeight} />;\n};\n\ntype MultipleRequestParams = GeneratedRequestExampleParams & {\n  selectedBodyContentType?: string;\n  examples: Record<string, ExampleSchema>;\n};\n\nconst MultipleRequest = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  selectedBodyContentType,\n  examples,\n  requiredOnly,\n  maxHeight,\n}: MultipleRequestParams): JSX.Element | null => {\n  const [nameToSnippetExamplesMap, setNameToSnippetExamplesMap] = useState<\n    Record<string, Record<string, ExampleCodeSnippet>>\n  >({});\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const pathInputs = inputs.path;\n    const snippetMap: Record<string, Record<string, ExampleCodeSnippet>> = {};\n\n    const generateAllSnippets = async () => {\n      for (const [name, { value: exampleData }] of Object.entries(examples)) {\n        if (!exampleData) continue;\n\n        const request = generateRequest({\n          baseUrl,\n          apiReferenceData,\n          inputs,\n          selectedBodyContentType,\n          exampleData,\n          requiredOnly,\n        });\n\n        try {\n          const snippets = await generateSnippet({\n            apiReferenceData,\n            pathInputs,\n            request,\n            isMultipleRequest: true,\n          });\n\n          snippets.forEach((snippet) => {\n            snippetMap[snippet.filename] = {\n              ...snippetMap[snippet.filename],\n              [name]: snippet,\n            };\n          });\n        } catch (err) {\n          console.error(err);\n          setError(err as Error);\n          return;\n        }\n      }\n      setNameToSnippetExamplesMap(snippetMap);\n    };\n\n    generateAllSnippets();\n  }, [baseUrl, apiReferenceData, inputs, selectedBodyContentType, examples, requiredOnly]);\n\n  if (error) return null;\n  if (Object.keys(nameToSnippetExamplesMap).length === 0) return null;\n\n  return <CodeGroupSelect snippets={nameToSnippetExamplesMap} maxHeight={maxHeight} />;\n};\n"],"names":["GeneratedRequestExample","baseUrl","apiReferenceData","inputs","requestExampleLanguages","requiredOnly","maxHeight","requestBody","_a","jsx","SingleRequest","firstExampleValue","getFirstExampleValue","examplesByContentType","contentType","content","selectedContentTypeIndex","_b","MultipleRequest","_c","_d","_e","selectedBodyContentType","exampleValue","snippets","setSnippets","useState","error","setError","useEffect","cancelled","request","generateRequest","snippetPresets","acc","lang","preset","langToPresetMap","generateSnippet","result","err","CodeSnippets","examples","nameToSnippetExamplesMap","setNameToSnippetExamplesMap","pathInputs","snippetMap","name","exampleData","snippet","CodeGroupSelect"],"mappings":"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"}
+{"version":3,"file":"GeneratedRequestExample.js","sources":["../../../../src/api-playground-2/components/Example/GeneratedRequestExample.tsx"],"sourcesContent":["import { ApiPlaygroundInputs, ExampleSchema } from '@mintlify/validation';\nimport { JSX, useState, useEffect } from 'react';\n\nimport { generateRequest } from '@/api-playground-2/generators/generateRequest';\nimport { generateSnippet } from '@/api-playground-2/generators/generateSnippet';\nimport { getFirstExampleValue } from '@/api-playground-2/schemaGraph/processExamples';\nimport type { ApiReferenceDataV2 } from '@/api-playground-2/types';\nimport { CodeGroupSelect } from '../../../components/content-components/CodeGroupSelect';\nimport { CodeSnippets } from '../../../components/content-components/code-snippets';\nimport { langToPresetMap, SnippetPreset } from '../../../constants/snippetPresets';\nimport type { ExampleCodeSnippet } from '../../../types/exampleCodeSnippet';\n\nexport type GeneratedRequestExampleParams = {\n  baseUrl: string;\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  requestExampleLanguages?: string[];\n  requiredOnly?: boolean;\n  maxHeight?: string;\n  selectedSecurityOptionIndex: number;\n};\n\nexport const GeneratedRequestExample = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n  selectedSecurityOptionIndex,\n}: GeneratedRequestExampleParams): JSX.Element | null => {\n  const requestBody = apiReferenceData.dependencies?.requestBody;\n\n  if (!requestBody) {\n    return (\n      <SingleRequest\n        apiReferenceData={apiReferenceData}\n        baseUrl={baseUrl}\n        inputs={inputs}\n        requestExampleLanguages={requestExampleLanguages}\n        requiredOnly={requiredOnly}\n        maxHeight={maxHeight}\n        selectedSecurityOptionIndex={selectedSecurityOptionIndex}\n      />\n    );\n  }\n\n  const firstExampleValue = getFirstExampleValue(requestBody.content);\n\n  if (!firstExampleValue) return null;\n\n  const examplesByContentType = Object.entries(requestBody.content).map(\n    ([contentType, content]) => {\n      return {\n        contentType,\n        examples: content.examples,\n      };\n    }\n  );\n  const selectedContentTypeIndex = 0;\n\n  return examplesByContentType[selectedContentTypeIndex]?.examples.length > 1 ? (\n    <MultipleRequest\n      apiReferenceData={apiReferenceData}\n      selectedBodyContentType={examplesByContentType[selectedContentTypeIndex]?.contentType}\n      baseUrl={baseUrl}\n      inputs={inputs}\n      examples={examplesByContentType[selectedContentTypeIndex]?.examples}\n      requiredOnly={requiredOnly}\n      maxHeight={maxHeight}\n      selectedSecurityOptionIndex={selectedSecurityOptionIndex}\n    />\n  ) : (\n    <SingleRequest\n      apiReferenceData={apiReferenceData}\n      selectedBodyContentType={examplesByContentType[selectedContentTypeIndex]?.contentType}\n      baseUrl={baseUrl}\n      inputs={inputs}\n      exampleValue={firstExampleValue}\n      requestExampleLanguages={requestExampleLanguages}\n      requiredOnly={requiredOnly}\n      maxHeight={maxHeight}\n      selectedSecurityOptionIndex={selectedSecurityOptionIndex}\n    />\n  );\n};\n\ntype SingleRequestParams = GeneratedRequestExampleParams & {\n  selectedBodyContentType?: string;\n  exampleValue?: unknown;\n};\n\nconst SingleRequest = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  selectedBodyContentType,\n  exampleValue,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n  selectedSecurityOptionIndex,\n}: SingleRequestParams) => {\n  const [snippets, setSnippets] = useState<ExampleCodeSnippet[] | null>(null);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    \n    const request = generateRequest({\n      baseUrl,\n      apiReferenceData,\n      inputs: inputs,\n      selectedBodyContentType,\n      exampleData: exampleValue,\n      requiredOnly,\n      selectedSecurityOptionIndex,\n    });\n\n    const snippetPresets = requestExampleLanguages?.reduce<SnippetPreset[]>((acc, lang) => {\n      const preset = langToPresetMap[lang];\n      if (preset) acc.push(preset);\n      return acc;\n    }, []);\n\n    generateSnippet({\n      apiReferenceData,\n      pathInputs: inputs.path,\n      request,\n      snippetPresets,\n    })\n      .then((result) => {\n        if (!cancelled) {\n          setSnippets(result);\n        }\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          console.error(err);\n          setError(err);\n        }\n      });\n    \n    return () => {\n      cancelled = true;\n    };\n  }, [baseUrl, apiReferenceData, inputs, selectedBodyContentType, exampleValue, requestExampleLanguages, requiredOnly]);\n\n  if (error) return null;\n  if (!snippets) return null;\n\n  return <CodeSnippets snippets={snippets} dropdown maxHeight={maxHeight} />;\n};\n\ntype MultipleRequestParams = GeneratedRequestExampleParams & {\n  selectedBodyContentType?: string;\n  examples: Record<string, ExampleSchema>;\n  selectedSecurityOptionIndex: number;\n};\n\nconst MultipleRequest = ({\n  baseUrl,\n  apiReferenceData,\n  inputs,\n  selectedBodyContentType,\n  examples,\n  requiredOnly,\n  maxHeight,\n  selectedSecurityOptionIndex,\n}: MultipleRequestParams): JSX.Element | null => {\n  const [nameToSnippetExamplesMap, setNameToSnippetExamplesMap] = useState<\n    Record<string, Record<string, ExampleCodeSnippet>>\n  >({});\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const pathInputs = inputs.path;\n    const snippetMap: Record<string, Record<string, ExampleCodeSnippet>> = {};\n\n    const generateAllSnippets = async () => {\n      for (const [name, { value: exampleData }] of Object.entries(examples)) {\n        if (!exampleData) continue;\n\n        const request = generateRequest({\n          baseUrl,\n          apiReferenceData,\n          inputs,\n          selectedBodyContentType,\n          exampleData,\n          requiredOnly,\n          selectedSecurityOptionIndex,\n        });\n\n        try {\n          const snippets = await generateSnippet({\n            apiReferenceData,\n            pathInputs,\n            request,\n            isMultipleRequest: true,\n          });\n\n          snippets.forEach((snippet) => {\n            snippetMap[snippet.filename] = {\n              ...snippetMap[snippet.filename],\n              [name]: snippet,\n            };\n          });\n        } catch (err) {\n          console.error(err);\n          setError(err as Error);\n          return;\n        }\n      }\n      setNameToSnippetExamplesMap(snippetMap);\n    };\n\n    generateAllSnippets();\n  }, [baseUrl, apiReferenceData, inputs, selectedBodyContentType, examples, requiredOnly]);\n\n  if (error) return null;\n  if (Object.keys(nameToSnippetExamplesMap).length === 0) return null;\n\n  return <CodeGroupSelect snippets={nameToSnippetExamplesMap} maxHeight={maxHeight} />;\n};\n"],"names":["GeneratedRequestExample","baseUrl","apiReferenceData","inputs","requestExampleLanguages","requiredOnly","maxHeight","selectedSecurityOptionIndex","requestBody","_a","jsx","SingleRequest","firstExampleValue","getFirstExampleValue","examplesByContentType","contentType","content","selectedContentTypeIndex","_b","MultipleRequest","_c","_d","_e","selectedBodyContentType","exampleValue","snippets","setSnippets","useState","error","setError","useEffect","cancelled","request","generateRequest","snippetPresets","acc","lang","preset","langToPresetMap","generateSnippet","result","err","CodeSnippets","examples","nameToSnippetExamplesMap","setNameToSnippetExamplesMap","pathInputs","snippetMap","name","exampleData","snippet","CodeGroupSelect"],"mappings":"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"}

package/dist/api-playground-2/components/Example/RequestExample.js

@@ -1,89 +1,94 @@
 import { jsx as l } from "react/jsx-runtime";
-import { useState as b, useEffect as q } from "react";
+import { useState as q, useEffect as E } from "react";
 import { initialApiPlaygroundInputs as y } from "../../constants/index.js";
-import { generateSnippetMap as E } from "../../generators/generateSnippetMap.js";
-import { CodeGroupSelect as M } from "../../../components/content-components/CodeGroupSelect/index.js";
-import { CodeSnippets as O } from "../../../components/content-components/code-snippets.js";
-import { CodeBlock as x } from "../../../components/content-components/code-block.js";
-import { CodeGroup as U } from "../../../components/content-components/code-group.js";
-import { prismLangToDisplayLang as j } from "../../../constants/prism-languages.js";
-import { useApiPlaygroundDisplay as w } from "../../../hooks/useApiPlaygroundDisplay.js";
-import { GeneratedRequestExample as C } from "./GeneratedRequestExample.js";
+import { generateSnippetMap as M } from "../../generators/generateSnippetMap.js";
+import { CodeGroupSelect as O } from "../../../components/content-components/CodeGroupSelect/index.js";
+import { CodeSnippets as U } from "../../../components/content-components/code-snippets.js";
+import { CodeBlock as j } from "../../../components/content-components/code-block.js";
+import { CodeGroup as w } from "../../../components/content-components/code-group.js";
+import { prismLangToDisplayLang as x } from "../../../constants/prism-languages.js";
+import { useApiPlaygroundDisplay as C } from "../../../hooks/useApiPlaygroundDisplay.js";
+import { GeneratedRequestExample as L } from "./GeneratedRequestExample.js";
 const I = ({
   apiReferenceData: o,
-  inputs: i = y,
-  maxHeight: p
+  inputs: m = y,
+  maxHeight: p,
+  selectedSecurityOptionIndex: i
 }) => {
-  var d, r, n, c, e;
-  const u = (d = o.operation) == null ? void 0 : d.requestExamples, a = w(), m = (r = o.operation) == null ? void 0 : r.requestExampleLanguages, t = (n = o.operation) == null ? void 0 : n.requiredOnlyExamples;
+  var g, r, n, c, e;
+  const u = (g = o.operation) == null ? void 0 : g.requestExamples, a = C(), d = (r = o.operation) == null ? void 0 : r.requestExampleLanguages, s = (n = o.operation) == null ? void 0 : n.requiredOnlyExamples;
   switch ((c = o.operation) == null || c.requestExampleType, (e = o.operation) == null ? void 0 : e.requestExampleType) {
     case "mdx":
       if (!u) return null;
-      const S = u.some((s) => s.dropdown ?? !1);
-      return /* @__PURE__ */ l(U, { isSmallText: !0, dropdown: S, noMargins: !0, className: p, children: u.map((s, f) => /* @__PURE__ */ l(
-        x,
+      const f = u.some((t) => t.dropdown ?? !1);
+      return /* @__PURE__ */ l(w, { isSmallText: !0, dropdown: f, noMargins: !0, className: p, children: u.map((t, b) => /* @__PURE__ */ l(
+        j,
         {
-          language: s.language,
-          fileName: s.filename,
-          children: /* @__PURE__ */ l("span", { children: s.code })
+          language: t.language,
+          fileName: t.filename,
+          children: /* @__PURE__ */ l("span", { children: t.code })
         },
-        `${s.filename}-${s.language}-${f}`
+        `${t.filename}-${t.language}-${b}`
       )) });
     case "codeSamples":
       return o.operation.codeSamples ? /* @__PURE__ */ l(
-        L,
+        h,
         {
           apiReferenceData: o,
-          inputs: i,
+          inputs: m,
           apiPlaygroundDisplay: a,
-          requestExampleLanguages: m,
-          requiredOnly: t,
-          maxHeight: p
+          requestExampleLanguages: d,
+          requiredOnly: s,
+          maxHeight: p,
+          selectedSecurityOptionIndex: i
         }
       ) : null;
     case "generated":
-      const g = o.operation.baseUrl ?? o.operation.baseUrlOptions[0];
-      return g ? /* @__PURE__ */ l(
-        C,
+      const S = o.operation.baseUrl ?? o.operation.baseUrlOptions[0];
+      return S ? /* @__PURE__ */ l(
+        L,
         {
           apiReferenceData: o,
-          baseUrl: g,
-          inputs: i,
-          requestExampleLanguages: m,
-          requiredOnly: t,
+          baseUrl: S,
+          inputs: m,
+          requestExampleLanguages: d,
+          selectedSecurityOptionIndex: i,
+          requiredOnly: s,
           maxHeight: p
         }
       ) : null;
   }
-}, L = ({
+}, h = ({
   apiReferenceData: o,
-  inputs: i,
+  inputs: m,
   apiPlaygroundDisplay: p,
-  requestExampleLanguages: u,
-  requiredOnly: a,
-  maxHeight: m
+  requestExampleLanguages: i,
+  requiredOnly: u,
+  maxHeight: a,
+  selectedSecurityOptionIndex: d
 }) => {
-  const [t, d] = b(null);
-  if (q(() => {
+  const [s, g] = q(null);
+  if (E(() => {
     var r;
-    (r = o.operation) != null && r.codeSamples && E({
+    (r = o.operation) != null && r.codeSamples && M({
       apiReferenceData: o,
       codeSamples: o.operation.codeSamples,
       baseUrl: o.operation.baseUrl ?? o.operation.baseUrlOptions[0],
       apiPlaygroundMode: p,
-      requestExampleLanguages: u,
-      requiredOnly: a,
-      inputs: i
-    }).then(d);
-  }, [o, i, p, u, a]), !t) return null;
-  if (Object.values(t).every((r) => Object.keys(r).length <= 1)) {
-    let n = Object.values(t).flatMap((e) => Object.values(e));
+      requestExampleLanguages: i,
+      requiredOnly: u,
+      selectedSecurityOptionIndex: d,
+      inputs: m
+    }).then(g);
+  }, [o, m, p, i, u]), !s) return null;
+  if (Object.values(s).every((r) => Object.keys(r).length <= 1)) {
+    let n = Object.values(s).flatMap((e) => Object.values(e));
     return new Set(n.map((e) => e.filename)).size !== n.length && (n = n.map((e) => ({
       ...e,
-      filename: j[e.language] ?? e.language
-    }))), /* @__PURE__ */ l(O, { snippets: n, dropdown: !0, maxHeight: m });
+      filename: x[e.language] ?? e.language
+    }))), /* @__PURE__ */ l(U, { snippets: n, dropdown: !0, maxHeight: a });
   }
-  return /* @__PURE__ */ l(M, { snippets: t, maxHeight: m });
+  return /* @__PURE__ */ l(O, { snippets: s, maxHeight: a });
 };
 export {
   I as RequestExample

package/dist/api-playground-2/components/Example/RequestExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestExample.js","sources":["../../../../src/api-playground-2/components/Example/RequestExample.tsx"],"sourcesContent":["import { ApiPlaygroundInputs } from '@mintlify/validation';\nimport { useState, useEffect } from 'react';\n\nimport { initialApiPlaygroundInputs } from '@/api-playground-2/constants';\nimport { generateSnippetMap } from '@/api-playground-2/generators/generateSnippetMap';\nimport type { ApiReferenceDataV2, CodeExample } from '@/api-playground-2/types';\nimport { CodeGroupSelect } from '../../../components/content-components/CodeGroupSelect';\nimport { CodeSnippet } from '../../../components/content-components/code-snippet';\nimport { CodeSnippets } from '../../../components/content-components/code-snippets';\nimport { CodeBlock } from '../../../components/content-components/code-block';\nimport { CodeGroup } from '../../../components/content-components/code-group';\nimport { prismLangToDisplayLang } from '../../../constants/prism-languages';\nimport { useApiPlaygroundDisplay } from '../../../hooks/useApiPlaygroundDisplay';\nimport type { ExampleCodeSnippet } from '../../../types/exampleCodeSnippet';\n\nimport { GeneratedRequestExample } from './GeneratedRequestExample';\n\nexport const RequestExample = ({\n  apiReferenceData,\n  inputs = initialApiPlaygroundInputs,\n  maxHeight,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  maxHeight?: string;\n}) => {\n  const requestExamples = apiReferenceData.operation?.requestExamples;\n  const apiPlaygroundDisplay = useApiPlaygroundDisplay();\n  const requestExampleLanguages = apiReferenceData.operation?.requestExampleLanguages;\n  const requiredOnly = apiReferenceData.operation?.requiredOnlyExamples;\n\n  const requestExampleType = apiReferenceData.operation?.requestExampleType;\n\n  switch (apiReferenceData.operation?.requestExampleType) {\n    case 'mdx':\n      if (!requestExamples) return null;\n      const dropdown = requestExamples.some((example: CodeExample) => example.dropdown ?? false);\n      return (\n        <CodeGroup isSmallText dropdown={dropdown} noMargins className={maxHeight}>\n          {requestExamples.map((example: CodeExample, index) => (\n            <CodeBlock\n              language={example.language}\n              fileName={example.filename}\n              key={`${example.filename}-${example.language}-${index}`}\n            >\n              <span>{example.code}</span>\n            </CodeBlock>\n          ))}\n        </CodeGroup>\n      );\n    case 'codeSamples':\n      if (!apiReferenceData.operation.codeSamples) return null;\n      return (\n        <CodeSamplesExample\n          apiReferenceData={apiReferenceData}\n          inputs={inputs}\n          apiPlaygroundDisplay={apiPlaygroundDisplay}\n          requestExampleLanguages={requestExampleLanguages}\n          requiredOnly={requiredOnly}\n          maxHeight={maxHeight}\n        />\n      );\n    case 'generated':\n      const baseUrl =\n        apiReferenceData.operation.baseUrl ?? apiReferenceData.operation.baseUrlOptions[0];\n      if (!baseUrl) return null;\n      return (\n          <GeneratedRequestExample\n            apiReferenceData={apiReferenceData}\n            baseUrl={baseUrl}\n            inputs={inputs}\n            requestExampleLanguages={requestExampleLanguages}\n            requiredOnly={requiredOnly}\n            maxHeight={maxHeight}\n          />\n      );\n  }\n};\n\nconst CodeSamplesExample = ({\n  apiReferenceData,\n  inputs,\n  apiPlaygroundDisplay,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  apiPlaygroundDisplay: 'none' | 'simple' | 'interactive';\n  requestExampleLanguages?: string[];\n  requiredOnly?: boolean;\n  maxHeight?: string;\n}) => {\n  const [snippetMap, setSnippetMap] = useState<Record<string, Record<string, ExampleCodeSnippet>> | null>(null);\n\n  useEffect(() => {\n    if (!apiReferenceData.operation?.codeSamples) return;\n\n    generateSnippetMap({\n      apiReferenceData,\n      codeSamples: apiReferenceData.operation.codeSamples,\n      baseUrl: apiReferenceData.operation.baseUrl ?? apiReferenceData.operation.baseUrlOptions[0],\n      apiPlaygroundMode: apiPlaygroundDisplay,\n      requestExampleLanguages,\n      requiredOnly,\n      inputs,\n    }).then(setSnippetMap);\n  }, [apiReferenceData, inputs, apiPlaygroundDisplay, requestExampleLanguages, requiredOnly]);\n\n  if (!snippetMap) return null;\n\n  if (Object.values(snippetMap).every((value) => Object.keys(value).length <= 1)) {\n    const codeSnippetMap = Object.values(snippetMap);\n    let snippets = codeSnippetMap.flatMap((record) => Object.values(record));\n    const uniqueLabels = new Set(snippets.map((snippet) => snippet.filename));\n    if (uniqueLabels.size !== snippets.length) {\n      snippets = snippets.map((snippet) => ({\n        ...snippet,\n        filename: prismLangToDisplayLang[snippet.language] ?? snippet.language,\n      }));\n    }\n    return <CodeSnippets snippets={snippets} dropdown maxHeight={maxHeight} />;\n  }\n\n  return <CodeGroupSelect snippets={snippetMap} maxHeight={maxHeight} />;\n};\n"],"names":["RequestExample","apiReferenceData","inputs","initialApiPlaygroundInputs","maxHeight","requestExamples","_a","apiPlaygroundDisplay","useApiPlaygroundDisplay","requestExampleLanguages","_b","requiredOnly","_c","_d","_e","dropdown","example","jsx","CodeGroup","index","CodeBlock","CodeSamplesExample","baseUrl","GeneratedRequestExample","snippetMap","setSnippetMap","useState","useEffect","generateSnippetMap","value","snippets","record","snippet","prismLangToDisplayLang","CodeSnippets","CodeGroupSelect"],"mappings":"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"}
+{"version":3,"file":"RequestExample.js","sources":["../../../../src/api-playground-2/components/Example/RequestExample.tsx"],"sourcesContent":["import { ApiPlaygroundInputs } from '@mintlify/validation';\nimport { useState, useEffect } from 'react';\n\nimport { initialApiPlaygroundInputs } from '@/api-playground-2/constants';\nimport { generateSnippetMap } from '@/api-playground-2/generators/generateSnippetMap';\nimport type { ApiReferenceDataV2, CodeExample } from '@/api-playground-2/types';\nimport { CodeGroupSelect } from '../../../components/content-components/CodeGroupSelect';\nimport { CodeSnippet } from '../../../components/content-components/code-snippet';\nimport { CodeSnippets } from '../../../components/content-components/code-snippets';\nimport { CodeBlock } from '../../../components/content-components/code-block';\nimport { CodeGroup } from '../../../components/content-components/code-group';\nimport { prismLangToDisplayLang } from '../../../constants/prism-languages';\nimport { useApiPlaygroundDisplay } from '../../../hooks/useApiPlaygroundDisplay';\nimport type { ExampleCodeSnippet } from '../../../types/exampleCodeSnippet';\n\nimport { GeneratedRequestExample } from './GeneratedRequestExample';\n\nexport const RequestExample = ({\n  apiReferenceData,\n  inputs = initialApiPlaygroundInputs,\n  maxHeight,\n  selectedSecurityOptionIndex,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  maxHeight?: string;\n  selectedSecurityOptionIndex: number;\n}) => {\n  const requestExamples = apiReferenceData.operation?.requestExamples;\n  const apiPlaygroundDisplay = useApiPlaygroundDisplay();\n  const requestExampleLanguages = apiReferenceData.operation?.requestExampleLanguages;\n  const requiredOnly = apiReferenceData.operation?.requiredOnlyExamples;\n\n  const requestExampleType = apiReferenceData.operation?.requestExampleType;\n\n  switch (apiReferenceData.operation?.requestExampleType) {\n    case 'mdx':\n      if (!requestExamples) return null;\n      const dropdown = requestExamples.some((example: CodeExample) => example.dropdown ?? false);\n      return (\n        <CodeGroup isSmallText dropdown={dropdown} noMargins className={maxHeight}>\n          {requestExamples.map((example: CodeExample, index) => (\n            <CodeBlock\n              language={example.language}\n              fileName={example.filename}\n              key={`${example.filename}-${example.language}-${index}`}\n            >\n              <span>{example.code}</span>\n            </CodeBlock>\n          ))}\n        </CodeGroup>\n      );\n    case 'codeSamples':\n      if (!apiReferenceData.operation.codeSamples) return null;\n      return (\n        <CodeSamplesExample\n          apiReferenceData={apiReferenceData}\n          inputs={inputs}\n          apiPlaygroundDisplay={apiPlaygroundDisplay}\n          requestExampleLanguages={requestExampleLanguages}\n          requiredOnly={requiredOnly}\n          maxHeight={maxHeight}\n          selectedSecurityOptionIndex={selectedSecurityOptionIndex}\n        />\n      );\n    case 'generated':\n      const baseUrl =\n        apiReferenceData.operation.baseUrl ?? apiReferenceData.operation.baseUrlOptions[0];\n      if (!baseUrl) return null;\n      return (\n          <GeneratedRequestExample\n            apiReferenceData={apiReferenceData}\n            baseUrl={baseUrl}\n            inputs={inputs}\n            requestExampleLanguages={requestExampleLanguages}\n            selectedSecurityOptionIndex={selectedSecurityOptionIndex}\n            requiredOnly={requiredOnly}\n            maxHeight={maxHeight}\n          />\n      );\n  }\n};\n\nconst CodeSamplesExample = ({\n  apiReferenceData,\n  inputs,\n  apiPlaygroundDisplay,\n  requestExampleLanguages,\n  requiredOnly,\n  maxHeight,\n  selectedSecurityOptionIndex,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  inputs: ApiPlaygroundInputs;\n  apiPlaygroundDisplay: 'none' | 'simple' | 'interactive';\n  requestExampleLanguages?: string[];\n  requiredOnly?: boolean;\n  maxHeight?: string;\n  selectedSecurityOptionIndex: number;\n}) => {\n  const [snippetMap, setSnippetMap] = useState<Record<string, Record<string, ExampleCodeSnippet>> | null>(null);\n\n  useEffect(() => {\n    if (!apiReferenceData.operation?.codeSamples) return;\n\n    generateSnippetMap({\n      apiReferenceData,\n      codeSamples: apiReferenceData.operation.codeSamples,\n      baseUrl: apiReferenceData.operation.baseUrl ?? apiReferenceData.operation.baseUrlOptions[0],\n      apiPlaygroundMode: apiPlaygroundDisplay,\n      requestExampleLanguages,\n      requiredOnly,\n      selectedSecurityOptionIndex,\n      inputs,\n    }).then(setSnippetMap);\n  }, [apiReferenceData, inputs, apiPlaygroundDisplay, requestExampleLanguages, requiredOnly]);\n\n  if (!snippetMap) return null;\n\n  if (Object.values(snippetMap).every((value) => Object.keys(value).length <= 1)) {\n    const codeSnippetMap = Object.values(snippetMap);\n    let snippets = codeSnippetMap.flatMap((record) => Object.values(record));\n    const uniqueLabels = new Set(snippets.map((snippet) => snippet.filename));\n    if (uniqueLabels.size !== snippets.length) {\n      snippets = snippets.map((snippet) => ({\n        ...snippet,\n        filename: prismLangToDisplayLang[snippet.language] ?? snippet.language,\n      }));\n    }\n    return <CodeSnippets snippets={snippets} dropdown maxHeight={maxHeight} />;\n  }\n\n  return <CodeGroupSelect snippets={snippetMap} maxHeight={maxHeight} />;\n};\n"],"names":["RequestExample","apiReferenceData","inputs","initialApiPlaygroundInputs","maxHeight","selectedSecurityOptionIndex","requestExamples","_a","apiPlaygroundDisplay","useApiPlaygroundDisplay","requestExampleLanguages","_b","requiredOnly","_c","_d","_e","dropdown","example","jsx","CodeGroup","index","CodeBlock","CodeSamplesExample","baseUrl","GeneratedRequestExample","snippetMap","setSnippetMap","useState","useEffect","generateSnippetMap","value","snippets","record","snippet","prismLangToDisplayLang","CodeSnippets","CodeGroupSelect"],"mappings":"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"}

package/dist/api-playground-2/generators/createBodyData.js

@@ -1,4 +1,4 @@
-import { isObject as x, isFile as s } from "@mintlify/common";
+import { isObject as x, isFile as s } from "../../common/guards.js";
 const j = (n, r, c, m) => {
   if (n !== void 0) {
     if (typeof n == "object" && n !== null && c && c.length > 0 && (n = Object.fromEntries(

package/dist/api-playground-2/generators/createBodyData.js.map

@@ -1 +1 @@
-{"version":3,"file":"createBodyData.js","sources":["../../../src/api-playground-2/generators/createBodyData.ts"],"sourcesContent":["import { isFile, isObject } from '@mintlify/common';\nimport type { PostData } from 'har-format';\n\nexport const getPostData = (\n  bodyData: unknown,\n  selectedBodyContentType?: string,\n  requiredProperties?: string[],\n  fileProperties?: string[]\n): PostData | undefined => {\n  if (bodyData === undefined) {\n    return undefined;\n  }\n\n  if (\n    typeof bodyData === 'object' &&\n    bodyData !== null &&\n    requiredProperties &&\n    requiredProperties.length > 0\n  ) {\n    bodyData = Object.fromEntries(\n      Object.entries(bodyData).filter(([key]) => requiredProperties.includes(key))\n    );\n  }\n\n  // if body type is form data, convert to a list of form params\n  if (\n    selectedBodyContentType === 'multipart/form-data' ||\n    selectedBodyContentType === 'application/x-www-form-urlencoded'\n  ) {\n    if (!bodyData || typeof bodyData !== 'object') {\n      return undefined;\n    }\n\n    if (typeof bodyData === 'object' && fileProperties && fileProperties.length > 0) {\n      if (isObject(bodyData)) {\n        fileProperties.forEach((fieldName: string) => {\n          if (!(fieldName in bodyData)) {\n            bodyData[fieldName] = {\n              fileName: 'example-file',\n            };\n          }\n        });\n      }\n    }\n\n    const getParamValue = (value: unknown) => {\n      if (isFile(value)) {\n        return value.name || 'file';\n      }\n      if (typeof value === 'object') {\n        return JSON.stringify(value, undefined, 2);\n      }\n      return value?.toString();\n    };\n\n    return {\n      mimeType: selectedBodyContentType,\n      params: Object.entries(bodyData).flatMap(([name, value]) => {\n        if (Array.isArray(value)) {\n          return value\n            .filter((item) => item !== undefined && item !== null)\n            .map((item, index) => {\n              const paramName = value.length > 1 ? `${name}[${index}]` : name;\n              if (isFile(item) && 'name' in item) {\n                return {\n                  name: paramName,\n                  value: getParamValue(item),\n                  fileName: item.name,\n                };\n              } else if (fileProperties && fileProperties.includes(name)) {\n                return {\n                  name: paramName,\n                  value: getParamValue(item),\n                  fileName: 'example-file',\n                };\n              }\n              return {\n                name: paramName,\n                value: getParamValue(item),\n              };\n            });\n        }\n\n        if (isFile(value) && 'name' in value) {\n          return [\n            {\n              name,\n              value: getParamValue(value),\n              fileName: value.name,\n            },\n          ];\n        } else if (fileProperties && fileProperties.includes(name)) {\n          return [\n            {\n              name,\n              value: getParamValue(value),\n              fileName: 'example-file',\n            },\n          ];\n        }\n        return [\n          {\n            name,\n            value: getParamValue(value),\n          },\n        ];\n      }),\n    };\n  }\n\n  if (\n    typeof bodyData === 'string' &&\n    selectedBodyContentType &&\n    isPlainText(selectedBodyContentType)\n  ) {\n    return {\n      mimeType: selectedBodyContentType,\n      text: bodyData,\n    };\n  }\n\n  return {\n    mimeType: 'application/json',\n    text: JSON.stringify(bodyData, null, 2),\n  };\n};\n\nfunction isPlainText(rawContentType: string) {\n  const contentType = rawContentType.toLowerCase();\n  return (\n    contentType.startsWith('text/') || contentType.endsWith('+xml') || contentType.endsWith('/xml')\n  );\n}\n"],"names":["getPostData","bodyData","selectedBodyContentType","requiredProperties","fileProperties","key","isObject","fieldName","getParamValue","value","isFile","name","item","index","paramName","isPlainText","rawContentType","contentType"],"mappings":";AAGO,MAAMA,IAAc,CACzBC,GACAC,GACAC,GACAC,MACyB;AACzB,MAAIH,MAAa,QAgBjB;AAAA,QAXE,OAAOA,KAAa,YACpBA,MAAa,QACbE,KACAA,EAAmB,SAAS,MAE5BF,IAAW,OAAO;AAAA,MAChB,OAAO,QAAQA,CAAQ,EAAE,OAAO,CAAC,CAACI,CAAG,MAAMF,EAAmB,SAASE,CAAG,CAAC;AAAA,IAAA,IAM7EH,MAA4B,yBAC5BA,MAA4B,qCAC5B;AACA,UAAI,CAACD,KAAY,OAAOA,KAAa;AACnC;AAGF,MAAI,OAAOA,KAAa,YAAYG,KAAkBA,EAAe,SAAS,KACxEE,EAASL,CAAQ,KACnBG,EAAe,QAAQ,CAACG,MAAsB;AAC5C,QAAMA,KAAaN,MACjBA,EAASM,CAAS,IAAI;AAAA,UACpB,UAAU;AAAA,QAAA;AAAA,MAGhB,CAAC;AAIL,YAAMC,IAAgB,CAACC,MACjBC,EAAOD,CAAK,IACPA,EAAM,QAAQ,SAEnB,OAAOA,KAAU,WACZ,KAAK,UAAUA,GAAO,QAAW,CAAC,IAEpCA,KAAA,gBAAAA,EAAO;AAGhB,aAAO;AAAA,QACL,UAAUP;AAAA,QACV,QAAQ,OAAO,QAAQD,CAAQ,EAAE,QAAQ,CAAC,CAACU,GAAMF,CAAK,MAChD,MAAM,QAAQA,CAAK,IACdA,EACJ,OAAO,CAACG,MAA+BA,KAAS,IAAI,EACpD,IAAI,CAACA,GAAMC,MAAU;AACpB,gBAAMC,IAAYL,EAAM,SAAS,IAAI,GAAGE,CAAI,IAAIE,CAAK,MAAMF;AAC3D,iBAAID,EAAOE,CAAI,KAAK,UAAUA,IACrB;AAAA,YACL,MAAME;AAAA,YACN,OAAON,EAAcI,CAAI;AAAA,YACzB,UAAUA,EAAK;AAAA,UAAA,IAERR,KAAkBA,EAAe,SAASO,CAAI,IAChD;AAAA,YACL,MAAMG;AAAA,YACN,OAAON,EAAcI,CAAI;AAAA,YACzB,UAAU;AAAA,UAAA,IAGP;AAAA,YACL,MAAME;AAAA,YACN,OAAON,EAAcI,CAAI;AAAA,UAAA;AAAA,QAE7B,CAAC,IAGDF,EAAOD,CAAK,KAAK,UAAUA,IACtB;AAAA,UACL;AAAA,YACE,MAAAE;AAAA,YACA,OAAOH,EAAcC,CAAK;AAAA,YAC1B,UAAUA,EAAM;AAAA,UAAA;AAAA,QAClB,IAEOL,KAAkBA,EAAe,SAASO,CAAI,IAChD;AAAA,UACL;AAAA,YACE,MAAAA;AAAA,YACA,OAAOH,EAAcC,CAAK;AAAA,YAC1B,UAAU;AAAA,UAAA;AAAA,QACZ,IAGG;AAAA,UACL;AAAA,YACE,MAAAE;AAAA,YACA,OAAOH,EAAcC,CAAK;AAAA,UAAA;AAAA,QAC5B,CAEH;AAAA,MAAA;AAAA,IAEL;AAEA,WACE,OAAOR,KAAa,YACpBC,KACAa,EAAYb,CAAuB,IAE5B;AAAA,MACL,UAAUA;AAAA,MACV,MAAMD;AAAA,IAAA,IAIH;AAAA,MACL,UAAU;AAAA,MACV,MAAM,KAAK,UAAUA,GAAU,MAAM,CAAC;AAAA,IAAA;AAAA;AAE1C;AAEA,SAASc,EAAYC,GAAwB;AAC3C,QAAMC,IAAcD,EAAe,YAAA;AACnC,SACEC,EAAY,WAAW,OAAO,KAAKA,EAAY,SAAS,MAAM,KAAKA,EAAY,SAAS,MAAM;AAElG;"}
+{"version":3,"file":"createBodyData.js","sources":["../../../src/api-playground-2/generators/createBodyData.ts"],"sourcesContent":["import { isFile, isObject } from '../../common/guards';\nimport type { PostData } from 'har-format';\n\nexport const getPostData = (\n  bodyData: unknown,\n  selectedBodyContentType?: string,\n  requiredProperties?: string[],\n  fileProperties?: string[]\n): PostData | undefined => {\n  if (bodyData === undefined) {\n    return undefined;\n  }\n\n  if (\n    typeof bodyData === 'object' &&\n    bodyData !== null &&\n    requiredProperties &&\n    requiredProperties.length > 0\n  ) {\n    bodyData = Object.fromEntries(\n      Object.entries(bodyData).filter(([key]) => requiredProperties.includes(key))\n    );\n  }\n\n  // if body type is form data, convert to a list of form params\n  if (\n    selectedBodyContentType === 'multipart/form-data' ||\n    selectedBodyContentType === 'application/x-www-form-urlencoded'\n  ) {\n    if (!bodyData || typeof bodyData !== 'object') {\n      return undefined;\n    }\n\n    if (typeof bodyData === 'object' && fileProperties && fileProperties.length > 0) {\n      if (isObject(bodyData)) {\n        fileProperties.forEach((fieldName: string) => {\n          if (!(fieldName in bodyData)) {\n            bodyData[fieldName] = {\n              fileName: 'example-file',\n            };\n          }\n        });\n      }\n    }\n\n    const getParamValue = (value: unknown) => {\n      if (isFile(value)) {\n        return value.name || 'file';\n      }\n      if (typeof value === 'object') {\n        return JSON.stringify(value, undefined, 2);\n      }\n      return value?.toString();\n    };\n\n    return {\n      mimeType: selectedBodyContentType,\n      params: Object.entries(bodyData).flatMap(([name, value]) => {\n        if (Array.isArray(value)) {\n          return value\n            .filter((item) => item !== undefined && item !== null)\n            .map((item, index) => {\n              const paramName = value.length > 1 ? `${name}[${index}]` : name;\n              if (isFile(item) && 'name' in item) {\n                return {\n                  name: paramName,\n                  value: getParamValue(item),\n                  fileName: item.name,\n                };\n              } else if (fileProperties && fileProperties.includes(name)) {\n                return {\n                  name: paramName,\n                  value: getParamValue(item),\n                  fileName: 'example-file',\n                };\n              }\n              return {\n                name: paramName,\n                value: getParamValue(item),\n              };\n            });\n        }\n\n        if (isFile(value) && 'name' in value) {\n          return [\n            {\n              name,\n              value: getParamValue(value),\n              fileName: value.name,\n            },\n          ];\n        } else if (fileProperties && fileProperties.includes(name)) {\n          return [\n            {\n              name,\n              value: getParamValue(value),\n              fileName: 'example-file',\n            },\n          ];\n        }\n        return [\n          {\n            name,\n            value: getParamValue(value),\n          },\n        ];\n      }),\n    };\n  }\n\n  if (\n    typeof bodyData === 'string' &&\n    selectedBodyContentType &&\n    isPlainText(selectedBodyContentType)\n  ) {\n    return {\n      mimeType: selectedBodyContentType,\n      text: bodyData,\n    };\n  }\n\n  return {\n    mimeType: 'application/json',\n    text: JSON.stringify(bodyData, null, 2),\n  };\n};\n\nfunction isPlainText(rawContentType: string) {\n  const contentType = rawContentType.toLowerCase();\n  return (\n    contentType.startsWith('text/') || contentType.endsWith('+xml') || contentType.endsWith('/xml')\n  );\n}\n"],"names":["getPostData","bodyData","selectedBodyContentType","requiredProperties","fileProperties","key","isObject","fieldName","getParamValue","value","isFile","name","item","index","paramName","isPlainText","rawContentType","contentType"],"mappings":";AAGO,MAAMA,IAAc,CACzBC,GACAC,GACAC,GACAC,MACyB;AACzB,MAAIH,MAAa,QAgBjB;AAAA,QAXE,OAAOA,KAAa,YACpBA,MAAa,QACbE,KACAA,EAAmB,SAAS,MAE5BF,IAAW,OAAO;AAAA,MAChB,OAAO,QAAQA,CAAQ,EAAE,OAAO,CAAC,CAACI,CAAG,MAAMF,EAAmB,SAASE,CAAG,CAAC;AAAA,IAAA,IAM7EH,MAA4B,yBAC5BA,MAA4B,qCAC5B;AACA,UAAI,CAACD,KAAY,OAAOA,KAAa;AACnC;AAGF,MAAI,OAAOA,KAAa,YAAYG,KAAkBA,EAAe,SAAS,KACxEE,EAASL,CAAQ,KACnBG,EAAe,QAAQ,CAACG,MAAsB;AAC5C,QAAMA,KAAaN,MACjBA,EAASM,CAAS,IAAI;AAAA,UACpB,UAAU;AAAA,QAAA;AAAA,MAGhB,CAAC;AAIL,YAAMC,IAAgB,CAACC,MACjBC,EAAOD,CAAK,IACPA,EAAM,QAAQ,SAEnB,OAAOA,KAAU,WACZ,KAAK,UAAUA,GAAO,QAAW,CAAC,IAEpCA,KAAA,gBAAAA,EAAO;AAGhB,aAAO;AAAA,QACL,UAAUP;AAAA,QACV,QAAQ,OAAO,QAAQD,CAAQ,EAAE,QAAQ,CAAC,CAACU,GAAMF,CAAK,MAChD,MAAM,QAAQA,CAAK,IACdA,EACJ,OAAO,CAACG,MAA+BA,KAAS,IAAI,EACpD,IAAI,CAACA,GAAMC,MAAU;AACpB,gBAAMC,IAAYL,EAAM,SAAS,IAAI,GAAGE,CAAI,IAAIE,CAAK,MAAMF;AAC3D,iBAAID,EAAOE,CAAI,KAAK,UAAUA,IACrB;AAAA,YACL,MAAME;AAAA,YACN,OAAON,EAAcI,CAAI;AAAA,YACzB,UAAUA,EAAK;AAAA,UAAA,IAERR,KAAkBA,EAAe,SAASO,CAAI,IAChD;AAAA,YACL,MAAMG;AAAA,YACN,OAAON,EAAcI,CAAI;AAAA,YACzB,UAAU;AAAA,UAAA,IAGP;AAAA,YACL,MAAME;AAAA,YACN,OAAON,EAAcI,CAAI;AAAA,UAAA;AAAA,QAE7B,CAAC,IAGDF,EAAOD,CAAK,KAAK,UAAUA,IACtB;AAAA,UACL;AAAA,YACE,MAAAE;AAAA,YACA,OAAOH,EAAcC,CAAK;AAAA,YAC1B,UAAUA,EAAM;AAAA,UAAA;AAAA,QAClB,IAEOL,KAAkBA,EAAe,SAASO,CAAI,IAChD;AAAA,UACL;AAAA,YACE,MAAAA;AAAA,YACA,OAAOH,EAAcC,CAAK;AAAA,YAC1B,UAAU;AAAA,UAAA;AAAA,QACZ,IAGG;AAAA,UACL;AAAA,YACE,MAAAE;AAAA,YACA,OAAOH,EAAcC,CAAK;AAAA,UAAA;AAAA,QAC5B,CAEH;AAAA,MAAA;AAAA,IAEL;AAEA,WACE,OAAOR,KAAa,YACpBC,KACAa,EAAYb,CAAuB,IAE5B;AAAA,MACL,UAAUA;AAAA,MACV,MAAMD;AAAA,IAAA,IAIH;AAAA,MACL,UAAU;AAAA,MACV,MAAM,KAAK,UAAUA,GAAU,MAAM,CAAC;AAAA,IAAA;AAAA;AAE1C;AAEA,SAASc,EAAYC,GAAwB;AAC3C,QAAMC,IAAcD,EAAe,YAAA;AACnC,SACEC,EAAY,WAAW,OAAO,KAAKA,EAAY,SAAS,MAAM,KAAKA,EAAY,SAAS,MAAM;AAElG;"}