@mintlify/msft-sdk 1.1.22 → 1.1.24

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/components/Request/BodySection.js

@@ -0,0 +1,41 @@
+import { jsx as n } from "react/jsx-runtime";
+import { apiPlaygroundInputKeys as u } from "../../constants/index.js";
+import { isSchemaObject as a } from "../../schemaGraph/utils.js";
+import { cn as f } from "../../../utils/cn.js";
+import { TypeDropdown as y } from "../TypeDropdown.js";
+import { InputSectionContainer as h } from "./InputSectionContainer.js";
+import { DifferentiatedInput as S } from "./inputs/DifferentiatedInput.js";
+const O = ({
+  apiReferenceData: m,
+  selectedContentTypeIndex: o,
+  setSelectedContentTypeIndex: s
+}) => {
+  const { dependencies: p } = m, { requestBody: r } = p ?? {};
+  if (!r) return null;
+  const e = Object.entries(r.content).map(([t, c]) => a(c.schema) ? { contentType: t, schema: c.schema, label: t } : null).filter(
+    (t) => t !== null
+  ), i = e[o];
+  if (!i) return null;
+  const { schema: l } = i, d = `${u.body}`;
+  return /* @__PURE__ */ n(h, { name: "Body", rightElement: /* @__PURE__ */ n(() => /* @__PURE__ */ n(
+    "div",
+    {
+      onClick: (t) => t.stopPropagation(),
+      className: f("mint:text-xs mint:font-mono", e.length <= 1 && "mint:hidden"),
+      children: /* @__PURE__ */ n(
+        y,
+        {
+          options: e,
+          selectedIndex: o,
+          onSelectOption: (t) => {
+            s(t);
+          }
+        }
+      )
+    }
+  ), {}), children: /* @__PURE__ */ n(S, { schema: l, isBody: !0, depth: 0, inputKeyPrefix: d }) });
+};
+export {
+  O as BodySection
+};
+//# sourceMappingURL=BodySection.js.map

package/dist/api-playground-2/components/Request/BodySection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodySection.js","sources":["../../../../src/api-playground-2/components/Request/BodySection.tsx"],"sourcesContent":["import { apiPlaygroundInputKeys } from '@/api-playground-2/constants';\nimport { isSchemaObject } from '@/api-playground-2/schemaGraph/utils';\nimport type { ApiReferenceDataV2, ResolvedSchemaObject } from '@/api-playground-2/types';\nimport { cn } from '@/utils/cn';\n\nimport { TypeDropdown } from '../TypeDropdown';\nimport { InputSectionContainer } from './InputSectionContainer';\nimport { DifferentiatedInput } from './inputs/DifferentiatedInput';\n\nexport const BodySection = ({\n  apiReferenceData,\n  selectedContentTypeIndex,\n  setSelectedContentTypeIndex,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  selectedContentTypeIndex: number;\n  setSelectedContentTypeIndex: (index: number) => void;\n}) => {\n  const { dependencies } = apiReferenceData;\n  const { requestBody } = dependencies ?? {};\n\n  if (!requestBody) return null;\n  const contentTypesAndContents = Object.entries(requestBody.content)\n    .map(([contentType, content]) => {\n      if (isSchemaObject(content.schema)) {\n        return { contentType, schema: content.schema, label: contentType };\n      }\n      return null;\n    })\n    .filter(\n      (content): content is { contentType: string; schema: ResolvedSchemaObject; label: string } =>\n        content !== null\n    );\n  const contentTypeAndContent = contentTypesAndContents[selectedContentTypeIndex];\n  if (!contentTypeAndContent) return null;\n  const { schema } = contentTypeAndContent;\n\n  const bodyInputKey = `${apiPlaygroundInputKeys.body}`;\n\n  const ContentTypeSelector = () => {\n    return (\n      <div\n        onClick={(e) => e.stopPropagation()}\n        className={cn(\"mint:text-xs mint:font-mono\", contentTypesAndContents.length <= 1 && 'mint:hidden')}\n      >\n        <TypeDropdown\n          options={contentTypesAndContents}\n          selectedIndex={selectedContentTypeIndex}\n          onSelectOption={(index) => {\n            setSelectedContentTypeIndex(index);\n          }}\n        />\n      </div>\n    );\n  };\n\n  return (\n    <InputSectionContainer name=\"Body\" rightElement={<ContentTypeSelector />}>\n      <DifferentiatedInput schema={schema} isBody depth={0} inputKeyPrefix={bodyInputKey} />\n    </InputSectionContainer>\n  );\n};\n"],"names":["BodySection","apiReferenceData","selectedContentTypeIndex","setSelectedContentTypeIndex","dependencies","requestBody","contentTypesAndContents","contentType","content","isSchemaObject","contentTypeAndContent","schema","bodyInputKey","apiPlaygroundInputKeys","InputSectionContainer","jsx","e","cn","TypeDropdown","index","DifferentiatedInput"],"mappings":";;;;;;;AASO,MAAMA,IAAc,CAAC;AAAA,EAC1B,kBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,6BAAAC;AACF,MAIM;AACJ,QAAM,EAAE,cAAAC,MAAiBH,GACnB,EAAE,aAAAI,MAAgBD,KAAgB,CAAA;AAExC,MAAI,CAACC,EAAa,QAAO;AACzB,QAAMC,IAA0B,OAAO,QAAQD,EAAY,OAAO,EAC/D,IAAI,CAAC,CAACE,GAAaC,CAAO,MACrBC,EAAeD,EAAQ,MAAM,IACxB,EAAE,aAAAD,GAAa,QAAQC,EAAQ,QAAQ,OAAOD,EAAA,IAEhD,IACR,EACA;AAAA,IACC,CAACC,MACCA,MAAY;AAAA,EAAA,GAEZE,IAAwBJ,EAAwBJ,CAAwB;AAC9E,MAAI,CAACQ,EAAuB,QAAO;AACnC,QAAM,EAAE,QAAAC,MAAWD,GAEbE,IAAe,GAAGC,EAAuB,IAAI;AAmBnD,2BACGC,GAAA,EAAsB,MAAK,QAAO,gCAlBT,MAExB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,CAACC,MAAMA,EAAE,gBAAA;AAAA,MAClB,WAAWC,EAAG,+BAA+BX,EAAwB,UAAU,KAAK,aAAa;AAAA,MAEjG,UAAA,gBAAAS;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAASZ;AAAA,UACT,eAAeJ;AAAA,UACf,gBAAgB,CAACiB,MAAU;AACzB,YAAAhB,EAA4BgB,CAAK;AAAA,UACnC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GAM8C,CAAA,CAAoB,GACpE,UAAA,gBAAAJ,EAACK,GAAA,EAAoB,QAAAT,GAAgB,QAAM,IAAC,OAAO,GAAG,gBAAgBC,GAAc,GACtF;AAEJ;"}

package/dist/api-playground-2/components/Request/InputSectionContainer.js

@@ -0,0 +1,66 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { useState as x } from "react";
+import { useSelectedLocale as p } from "../../../utils/locales/index.js";
+import { ChevronRightFilled as b, CheckmarkCircleRegular as g, ErrorCircleRegular as u } from "@fluentui/react-icons";
+import { cn as r } from "../../../utils/cn.js";
+const N = ({
+  name: o,
+  validationState: m,
+  children: a,
+  rightElement: l
+}) => {
+  const [e, d] = x(!0), s = p();
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        role: "button",
+        tabIndex: 0,
+        "aria-label": s["aria.expandInputSection"],
+        onClick: () => d((t) => !t),
+        onKeyDown: (t) => {
+          (t.key === "Enter" || t.key === " ") && (t.preventDefault(), d((c) => !c));
+        },
+        className: r(
+          "mint:flex mint:w-full mint:px-4 mint:py-2.5 mint:items-center mint:justify-between mint:border-standard mint:cursor-pointer mint:hover:bg-gray-50 dark:hover:bg-white/5",
+          e ? "mint:border-b-0! mint:border-t mint:border-x mint:rounded-t-2xl" : "mint:rounded-2xl"
+        ),
+        children: [
+          /* @__PURE__ */ i("div", { className: "mint:flex mint:items-center mint:gap-x-1.5", children: [
+            /* @__PURE__ */ n(
+              b,
+              {
+                className: r(
+                  "mint:h-3 mint:w-3 mint:transition-transform",
+                  e && "mint:rotate-90"
+                )
+              }
+            ),
+            /* @__PURE__ */ i("div", { className: "mint:flex-1 mint:flex mint:items-center mint:space-x-2", children: [
+              /* @__PURE__ */ n("div", { className: "mint:text-sm mint:font-medium mint:text-gray-800 mint:dark:text-gray-200 mint:leading-6", children: o }),
+              m ? m === "invalid" ? /* @__PURE__ */ n(h, {}) : /* @__PURE__ */ n(f, {}) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ n("div", { onClick: (t) => t.stopPropagation(), onKeyDown: (t) => t.stopPropagation(), children: l })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: r(
+          "mint:bg-background-light dark:bg-background-dark mint:flex-1 mint:px-4 mint:rounded-b-xl mint:border-standard mint:border-t-0! mint:divide-y mint:divide-gray-100 dark:divide-white/10",
+          e && a ? "" : "mint:hidden"
+        ),
+        children: [
+          /* @__PURE__ */ n("div", {}),
+          a
+        ]
+      }
+    )
+  ] });
+}, h = () => /* @__PURE__ */ n(g, { className: "mint:h-4 mint:w-4 mint:bg-[#2AB673]" }), f = () => /* @__PURE__ */ n(u, { className: "mint:h-4 mint:w-4 mint:bg-[#CB3A32]" });
+export {
+  N as InputSectionContainer
+};
+//# sourceMappingURL=InputSectionContainer.js.map

package/dist/api-playground-2/components/Request/InputSectionContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSectionContainer.js","sources":["../../../../src/api-playground-2/components/Request/InputSectionContainer.tsx"],"sourcesContent":["'use client';\n\nimport { ReactNode, useState } from 'react';\n\nimport { useSelectedLocale } from '@/utils/locales';\nimport { ChevronRightFilled, CheckmarkCircleRegular, ErrorCircleRegular } from '@fluentui/react-icons';\nimport { cn } from \"../../../utils/cn\";\n\ntype InputSectionContainerParams = {\n  name: string;\n  validationState?: 'valid' | 'invalid';\n  children?: ReactNode;\n  rightElement?: ReactNode;\n};\n\n// identical to v1 InputSectionContainer but doesn't use button and instead uses div with role=\"button\"\n// gets rid of error that <button> cannot be used as a child of <button> when we pass a button as rightElement\nexport const InputSectionContainer = ({\n  name,\n  validationState,\n  children,\n  rightElement,\n}: InputSectionContainerParams) => {\n  const [expanded, setExpanded] = useState(true);\n  const locale = useSelectedLocale();\n\n  return (\n    <div>\n      <div\n        role=\"button\"\n        tabIndex={0}\n        aria-label={locale['aria.expandInputSection']}\n        onClick={() => setExpanded((prev) => !prev)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            setExpanded((prev) => !prev);\n          }\n        }}\n        className={cn(\n          'mint:flex mint:w-full mint:px-4 mint:py-2.5 mint:items-center mint:justify-between mint:border-standard mint:cursor-pointer mint:hover:bg-gray-50 dark:hover:bg-white/5',\n          expanded ? 'mint:border-b-0! mint:border-t mint:border-x mint:rounded-t-2xl' : 'mint:rounded-2xl'\n        )}\n      >\n        <div className=\"mint:flex mint:items-center mint:gap-x-1.5\">\n          <ChevronRightFilled\n            className={cn(\"mint:h-3 mint:w-3 mint:transition-transform\",\n              expanded && 'mint:rotate-90'\n            )}\n          />\n          <div className=\"mint:flex-1 mint:flex mint:items-center mint:space-x-2\">\n            <div className=\"mint:text-sm mint:font-medium mint:text-gray-800 mint:dark:text-gray-200 mint:leading-6\">\n              {name}\n            </div>\n            {validationState ? (\n              validationState === 'invalid' ? (\n                <ValidIcon />\n              ) : (\n                <InvalidIcon />\n              )\n            ) : null}\n          </div>\n        </div>\n        <div onClick={(e) => e.stopPropagation()} onKeyDown={(e) => e.stopPropagation()}>\n          {rightElement}\n        </div>\n      </div>\n      {/* since the UI components maintain some state, we can't unmount them - hide instead */}\n      <div\n        className={cn(\"mint:bg-background-light dark:bg-background-dark mint:flex-1 mint:px-4 mint:rounded-b-xl mint:border-standard mint:border-t-0! mint:divide-y mint:divide-gray-100 dark:divide-white/10\",\n          expanded && children ? '' : 'mint:hidden'\n        )}\n      >\n        {/* Used to create the top border */}\n        <div />\n        {children}\n      </div>\n    </div>\n  );\n};\n\nconst ValidIcon = () => <CheckmarkCircleRegular className=\"mint:h-4 mint:w-4 mint:bg-[#2AB673]\" />;\n\nconst InvalidIcon = () => <ErrorCircleRegular className=\"mint:h-4 mint:w-4 mint:bg-[#CB3A32]\" />;\n"],"names":["InputSectionContainer","name","validationState","children","rightElement","expanded","setExpanded","useState","locale","useSelectedLocale","jsxs","prev","e","cn","jsx","ChevronRightFilled","ValidIcon","InvalidIcon","CheckmarkCircleRegular","ErrorCircleRegular"],"mappings":";;;;;AAiBO,MAAMA,IAAwB,CAAC;AAAA,EACpC,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,MAAmC;AACjC,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAI,GACvCC,IAASC,EAAA;AAEf,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU;AAAA,QACV,cAAYF,EAAO,yBAAyB;AAAA,QAC5C,SAAS,MAAMF,EAAY,CAACK,MAAS,CAACA,CAAI;AAAA,QAC1C,WAAW,CAACC,MAAM;AAChB,WAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,SACjCA,EAAE,eAAA,GACFN,EAAY,CAACK,MAAS,CAACA,CAAI;AAAA,QAE/B;AAAA,QACA,WAAWE;AAAA,UACT;AAAA,UACAR,IAAW,oEAAoE;AAAA,QAAA;AAAA,QAGjF,UAAA;AAAA,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,YAAA,gBAAAI;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,WAAWF;AAAA,kBAAG;AAAA,kBACZR,KAAY;AAAA,gBAAA;AAAA,cACd;AAAA,YAAA;AAAA,YAEF,gBAAAK,EAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,cAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,2FACZ,UAAAb,GACH;AAAA,cACCC,IACCA,MAAoB,YAClB,gBAAAY,EAACE,KAAU,IAEX,gBAAAF,EAACG,KAAY,IAEb;AAAA,YAAA,EAAA,CACN;AAAA,UAAA,GACF;AAAA,UACA,gBAAAH,EAAC,OAAA,EAAI,SAAS,CAACF,MAAMA,EAAE,gBAAA,GAAmB,WAAW,CAACA,MAAMA,EAAE,gBAAA,GAC3D,UAAAR,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWG;AAAA,UAAG;AAAA,UACZR,KAAYF,IAAW,KAAK;AAAA,QAAA;AAAA,QAI9B,UAAA;AAAA,UAAA,gBAAAW,EAAC,OAAA,EAAI;AAAA,UACJX;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,GAEMa,IAAY,MAAM,gBAAAF,EAACI,GAAA,EAAuB,WAAU,sCAAA,CAAsC,GAE1FD,IAAc,MAAM,gBAAAH,EAACK,GAAA,EAAmB,WAAU,sCAAA,CAAsC;"}

package/dist/api-playground-2/components/Request/ParameterSection.js

@@ -0,0 +1,36 @@
+import { jsxs as P, Fragment as g, jsx as n } from "react/jsx-runtime";
+import { getParametersPerSection as y, isSchemaObject as I, mapParamInToPlaygroundInputKey as j, escapeDots as k } from "../../schemaGraph/utils.js";
+import { InputSectionContainer as r } from "./InputSectionContainer.js";
+import { DifferentiatedInput as x } from "./inputs/DifferentiatedInput.js";
+const K = ({
+  apiReferenceData: o
+}) => {
+  const { dependencies: l } = o, { parameters: a } = l ?? {};
+  if (!a || Object.keys(a).length === 0) return null;
+  const { header: h, path: u, query: p, cookie: d } = y(o), t = (e) => {
+    if (e === void 0)
+      return null;
+    if (I(e.schema)) {
+      const f = `${j(e.in)}.${k(e.name)}`;
+      return /* @__PURE__ */ n(
+        x,
+        {
+          name: e.name,
+          schema: e.schema,
+          inputKeyPrefix: f
+        },
+        e.name
+      );
+    }
+  }, i = h.map(t).filter((e) => e !== null), m = d.map(t).filter((e) => e !== null), s = u.map(t).filter((e) => e !== null), c = p.map(t).filter((e) => e !== null);
+  return /* @__PURE__ */ P(g, { children: [
+    i.length > 0 && /* @__PURE__ */ n(r, { name: "Header", children: i }),
+    m.length > 0 && /* @__PURE__ */ n(r, { name: "Cookies", children: m }),
+    s.length > 0 && /* @__PURE__ */ n(r, { name: "Path", children: s }),
+    c.length > 0 && /* @__PURE__ */ n(r, { name: "Query", children: c })
+  ] });
+};
+export {
+  K as ParameterSection
+};
+//# sourceMappingURL=ParameterSection.js.map

package/dist/api-playground-2/components/Request/ParameterSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParameterSection.js","sources":["../../../../src/api-playground-2/components/Request/ParameterSection.tsx"],"sourcesContent":["import { ParameterObject } from '@mintlify/validation';\n\nimport {\n  escapeDots,\n  getParametersPerSection,\n  isSchemaObject,\n  mapParamInToPlaygroundInputKey,\n} from '@/api-playground-2/schemaGraph/utils';\nimport type { ApiReferenceDataV2 } from '@/api-playground-2/types';\n\nimport { InputSectionContainer } from './InputSectionContainer';\nimport { DifferentiatedInput } from './inputs/DifferentiatedInput';\n\nexport const ParameterSection = ({\n  apiReferenceData,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n}) => {\n  const { dependencies } = apiReferenceData;\n  const { parameters } = dependencies ?? {};\n  if (!parameters || Object.keys(parameters).length === 0) return null;\n  const { header, path, query, cookie } = getParametersPerSection(apiReferenceData);\n\n  const mapParamToInput = (parameter: ParameterObject | undefined): React.ReactNode | null => {\n    if (parameter === undefined) {\n      return null;\n    }\n    if (isSchemaObject(parameter.schema)) {\n      const inputKeyPrefix = `${mapParamInToPlaygroundInputKey(parameter.in)}.${escapeDots(parameter.name)}`;\n      return (\n        <DifferentiatedInput\n          key={parameter.name}\n          name={parameter.name}\n          schema={parameter.schema}\n          inputKeyPrefix={inputKeyPrefix}\n        />\n      );\n    }\n  };\n\n  const headerParameters = header\n    .map(mapParamToInput)\n    .filter((input): input is React.ReactNode => input !== null);\n  const cookieParameters = cookie\n    .map(mapParamToInput)\n    .filter((input): input is React.ReactNode => input !== null);\n  const pathParameters = path\n    .map(mapParamToInput)\n    .filter((input): input is React.ReactNode => input !== null);\n  const queryParameters = query\n    .map(mapParamToInput)\n    .filter((input): input is React.ReactNode => input !== null);\n\n  return (\n    <>\n      {headerParameters.length > 0 && (\n        <InputSectionContainer name=\"Header\">{headerParameters}</InputSectionContainer>\n      )}\n      {cookieParameters.length > 0 && (\n        <InputSectionContainer name=\"Cookies\">{cookieParameters}</InputSectionContainer>\n      )}\n      {pathParameters.length > 0 && (\n        <InputSectionContainer name=\"Path\">{pathParameters}</InputSectionContainer>\n      )}\n      {queryParameters.length > 0 && (\n        <InputSectionContainer name=\"Query\">{queryParameters}</InputSectionContainer>\n      )}\n    </>\n  );\n};\n"],"names":["ParameterSection","apiReferenceData","dependencies","parameters","header","path","query","cookie","getParametersPerSection","mapParamToInput","parameter","isSchemaObject","inputKeyPrefix","mapParamInToPlaygroundInputKey","escapeDots","jsx","DifferentiatedInput","headerParameters","input","cookieParameters","pathParameters","queryParameters","jsxs","Fragment","InputSectionContainer"],"mappings":";;;;AAaO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,kBAAAC;AACF,MAEM;AACJ,QAAM,EAAE,cAAAC,MAAiBD,GACnB,EAAE,YAAAE,MAAeD,KAAgB,CAAA;AACvC,MAAI,CAACC,KAAc,OAAO,KAAKA,CAAU,EAAE,WAAW,EAAG,QAAO;AAChE,QAAM,EAAE,QAAAC,GAAQ,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAA,IAAWC,EAAwBP,CAAgB,GAE1EQ,IAAkB,CAACC,MAAmE;AAC1F,QAAIA,MAAc;AAChB,aAAO;AAET,QAAIC,EAAeD,EAAU,MAAM,GAAG;AACpC,YAAME,IAAiB,GAAGC,EAA+BH,EAAU,EAAE,CAAC,IAAII,EAAWJ,EAAU,IAAI,CAAC;AACpG,aACE,gBAAAK;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,MAAMN,EAAU;AAAA,UAChB,QAAQA,EAAU;AAAA,UAClB,gBAAAE;AAAA,QAAA;AAAA,QAHKF,EAAU;AAAA,MAAA;AAAA,IAMrB;AAAA,EACF,GAEMO,IAAmBb,EACtB,IAAIK,CAAe,EACnB,OAAO,CAACS,MAAoCA,MAAU,IAAI,GACvDC,IAAmBZ,EACtB,IAAIE,CAAe,EACnB,OAAO,CAACS,MAAoCA,MAAU,IAAI,GACvDE,IAAiBf,EACpB,IAAII,CAAe,EACnB,OAAO,CAACS,MAAoCA,MAAU,IAAI,GACvDG,IAAkBf,EACrB,IAAIG,CAAe,EACnB,OAAO,CAACS,MAAoCA,MAAU,IAAI;AAE7D,SACE,gBAAAI,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAN,EAAiB,SAAS,KACzB,gBAAAF,EAACS,GAAA,EAAsB,MAAK,UAAU,UAAAP,GAAiB;AAAA,IAExDE,EAAiB,SAAS,uBACxBK,GAAA,EAAsB,MAAK,WAAW,UAAAL,GAAiB;AAAA,IAEzDC,EAAe,SAAS,uBACtBI,GAAA,EAAsB,MAAK,QAAQ,UAAAJ,GAAe;AAAA,IAEpDC,EAAgB,SAAS,uBACvBG,GAAA,EAAsB,MAAK,SAAS,UAAAH,EAAA,CAAgB;AAAA,EAAA,GAEzD;AAEJ;"}

package/dist/api-playground-2/components/Request/SecuritySection.js

@@ -0,0 +1,55 @@
+import { jsx as o } from "react/jsx-runtime";
+import { mapParamInToPlaygroundInputKey as O, escapeDots as x } from "../../schemaGraph/utils.js";
+import { cn as g } from "../../../utils/cn.js";
+import { TypeDropdown as P } from "../TypeDropdown.js";
+import { InputSectionContainer as v } from "./InputSectionContainer.js";
+import { DifferentiatedInput as D } from "./inputs/DifferentiatedInput.js";
+import { useSelectedSecurityOption as K, usePlaygroundInputsStore as d } from "../../hooks/usePlaygroundInputsStore.js";
+import { useRef as w, useEffect as E } from "react";
+const S = (c) => {
+  const { scheme: t, schema: s } = c, r = "in" in t ? t.in : "header", i = "name" in t ? t.name : s.title ?? "";
+  return `${O(r)}.${x(i)}`;
+}, N = ({ apiReferenceData: c }) => {
+  var l;
+  const { selectedSecurityOptionIndex: t, setSelectedSecurityOptionIndex: s } = K(), r = d((e) => e.inputs), i = d((e) => e.replaceInputs), p = w(t), n = (l = c.dependencies) == null ? void 0 : l.processedSecurityOptions;
+  if (E(() => {
+    if (p.current !== t) {
+      if (!n) return;
+      const e = n[p.current];
+      if (e) {
+        const I = S(e), m = { ...r };
+        Object.keys(m).forEach((f) => {
+          f.startsWith(I) && delete m[f];
+        }), i(m);
+      }
+      p.current = t;
+    }
+  }, [t, n, r, i]), !n || n.length === 0) return null;
+  const u = n[t];
+  if (!u) return null;
+  const y = n.map((e) => ({
+    label: e.schema.title ?? "Authorization",
+    schema: e.schema
+  })), { schema: a } = u, h = S(u);
+  return /* @__PURE__ */ o(v, { name: "Authorization", rightElement: /* @__PURE__ */ o(() => /* @__PURE__ */ o(
+    "div",
+    {
+      onClick: (e) => e.stopPropagation(),
+      className: g("mint:text-xs mint:font-mono", n.length <= 1 && "mint:hidden"),
+      children: /* @__PURE__ */ o(
+        P,
+        {
+          options: y,
+          selectedIndex: t,
+          onSelectOption: (e) => {
+            s(e);
+          }
+        }
+      )
+    }
+  ), {}), children: /* @__PURE__ */ o(D, { name: a.title, schema: a, inputKeyPrefix: h }) });
+};
+export {
+  N as SecuritySection
+};
+//# sourceMappingURL=SecuritySection.js.map

package/dist/api-playground-2/components/Request/SecuritySection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecuritySection.js","sources":["../../../../src/api-playground-2/components/Request/SecuritySection.tsx"],"sourcesContent":["import { escapeDots, mapParamInToPlaygroundInputKey } from '@/api-playground-2/schemaGraph/utils';\nimport type { ApiReferenceDataV2, ProcessedSecurityOption, SecuritySchemeAndScope } from '@/api-playground-2/types';\nimport { cn } from '@/utils/cn';\n\nimport { TypeDropdown } from '../TypeDropdown';\nimport { InputSectionContainer } from './InputSectionContainer';\nimport { DifferentiatedInput } from './inputs/DifferentiatedInput';\nimport { usePlaygroundInputsStore, useSelectedSecurityOption } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { useEffect, useRef } from 'react';\n\nconst getSecurityOptionInputKeyPrefix = (securityOption: ProcessedSecurityOption) => {\n  const { scheme, schema } = securityOption;\n  const parameterSection = 'in' in scheme ? scheme.in : 'header';\n  const name = 'name' in scheme ? scheme.name : schema.title ?? '';\n  return `${mapParamInToPlaygroundInputKey(parameterSection)}.${escapeDots(name)}`;\n}\n\nexport const SecuritySection = ({ apiReferenceData }: { apiReferenceData: ApiReferenceDataV2; }) => {\n  \n  const { selectedSecurityOptionIndex, setSelectedSecurityOptionIndex } =\n    useSelectedSecurityOption();\n  const inputs = usePlaygroundInputsStore((state) => state.inputs);\n  const replaceInputs = usePlaygroundInputsStore((state) => state.replaceInputs);\n  const prevIndexRef = useRef<number>(selectedSecurityOptionIndex)\n  const securityOptions = apiReferenceData.dependencies?.processedSecurityOptions;\n  \n  // replace previous security option inputs when the selected security option changes\n  useEffect(() => {\n    if (prevIndexRef.current !== selectedSecurityOptionIndex) {\n      if (!securityOptions) return;\n      const prevSecurityOption = securityOptions[prevIndexRef.current];\n      if (prevSecurityOption) {\n        const prevInputKeyPrefix = getSecurityOptionInputKeyPrefix(prevSecurityOption);\n\n        const newInputs = { ...inputs };\n        Object.keys(newInputs).forEach((key) => {\n          if (key.startsWith(prevInputKeyPrefix)) {\n            delete newInputs[key];\n          }\n        });\n        replaceInputs(newInputs);\n      }\n      prevIndexRef.current = selectedSecurityOptionIndex;\n    }\n  }, [selectedSecurityOptionIndex, securityOptions, inputs, replaceInputs])\n\n  if (!securityOptions || securityOptions.length === 0) return null;\n  const selectedSecurityOption = securityOptions[selectedSecurityOptionIndex];\n  if (!selectedSecurityOption) return null;\n  const securityOptionDropdownOptions = securityOptions.map((securityOption) => ({\n    label: securityOption.schema.title ?? 'Authorization',\n    schema: securityOption.schema,\n  }));\n\n  const { schema } = selectedSecurityOption;\n  const inputKeyPrefix = getSecurityOptionInputKeyPrefix(selectedSecurityOption);\n\n  const SecurityOptionSelector = () => {\n    return (\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={securityOptionDropdownOptions}\n          selectedIndex={selectedSecurityOptionIndex}\n          onSelectOption={(index) => {\n            setSelectedSecurityOptionIndex(index);\n          }}\n        />\n      </div>\n    );\n  };\n\n  return (\n    <InputSectionContainer name=\"Authorization\" rightElement={<SecurityOptionSelector />}>\n      <DifferentiatedInput name={schema.title} schema={schema} inputKeyPrefix={inputKeyPrefix} />\n    </InputSectionContainer>\n  );\n};\n\n// TODO - Api Playground Refactor: add optional transform fns passed to the getter and setter\n// eslint-disable-next-line unused-imports/no-unused-vars\nconst parseValueForParameter = ({\n  scheme,\n  value,\n}: {\n  scheme: SecuritySchemeAndScope;\n  value: unknown;\n}) => {\n  if (\n    scheme.type !== 'http' ||\n    scheme.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\n// eslint-disable-next-line unused-imports/no-unused-vars\nconst getTransformForParameter = (scheme: SecuritySchemeAndScope) => {\n  if (scheme.type !== 'http' || scheme.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":["getSecurityOptionInputKeyPrefix","securityOption","scheme","schema","parameterSection","name","mapParamInToPlaygroundInputKey","escapeDots","SecuritySection","apiReferenceData","selectedSecurityOptionIndex","setSelectedSecurityOptionIndex","useSelectedSecurityOption","inputs","usePlaygroundInputsStore","state","replaceInputs","prevIndexRef","useRef","securityOptions","_a","useEffect","prevSecurityOption","prevInputKeyPrefix","newInputs","key","selectedSecurityOption","securityOptionDropdownOptions","inputKeyPrefix","jsx","InputSectionContainer","cn","TypeDropdown","index","DifferentiatedInput"],"mappings":";;;;;;;;AAUA,MAAMA,IAAkC,CAACC,MAA4C;AACnF,QAAM,EAAE,QAAAC,GAAQ,QAAAC,EAAA,IAAWF,GACrBG,IAAmB,QAAQF,IAASA,EAAO,KAAK,UAChDG,IAAO,UAAUH,IAASA,EAAO,OAAOC,EAAO,SAAS;AAC9D,SAAO,GAAGG,EAA+BF,CAAgB,CAAC,IAAIG,EAAWF,CAAI,CAAC;AAChF,GAEaG,IAAkB,CAAC,EAAE,kBAAAC,QAAkE;;AAElG,QAAM,EAAE,6BAAAC,GAA6B,gCAAAC,EAAA,IACnCC,EAAA,GACIC,IAASC,EAAyB,CAACC,MAAUA,EAAM,MAAM,GACzDC,IAAgBF,EAAyB,CAACC,MAAUA,EAAM,aAAa,GACvEE,IAAeC,EAAeR,CAA2B,GACzDS,KAAkBC,IAAAX,EAAiB,iBAAjB,gBAAAW,EAA+B;AAsBvD,MAnBAC,EAAU,MAAM;AACd,QAAIJ,EAAa,YAAYP,GAA6B;AACxD,UAAI,CAACS,EAAiB;AACtB,YAAMG,IAAqBH,EAAgBF,EAAa,OAAO;AAC/D,UAAIK,GAAoB;AACtB,cAAMC,IAAqBvB,EAAgCsB,CAAkB,GAEvEE,IAAY,EAAE,GAAGX,EAAA;AACvB,eAAO,KAAKW,CAAS,EAAE,QAAQ,CAACC,MAAQ;AACtC,UAAIA,EAAI,WAAWF,CAAkB,KACnC,OAAOC,EAAUC,CAAG;AAAA,QAExB,CAAC,GACDT,EAAcQ,CAAS;AAAA,MACzB;AACA,MAAAP,EAAa,UAAUP;AAAA,IACzB;AAAA,EACF,GAAG,CAACA,GAA6BS,GAAiBN,GAAQG,CAAa,CAAC,GAEpE,CAACG,KAAmBA,EAAgB,WAAW,EAAG,QAAO;AAC7D,QAAMO,IAAyBP,EAAgBT,CAA2B;AAC1E,MAAI,CAACgB,EAAwB,QAAO;AACpC,QAAMC,IAAgCR,EAAgB,IAAI,CAAClB,OAAoB;AAAA,IAC7E,OAAOA,EAAe,OAAO,SAAS;AAAA,IACtC,QAAQA,EAAe;AAAA,EAAA,EACvB,GAEI,EAAE,QAAAE,MAAWuB,GACbE,IAAiB5B,EAAgC0B,CAAsB;AAmB7E,SACE,gBAAAG,EAACC,GAAA,EAAsB,MAAK,iBAAgB,cAAc,gBAAAD,EAlB7B,MAE3B,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,MAClB,WAAWE,EAAG,+BAA+BZ,EAAgB,UAAU,KAAK,aAAa;AAAA,MAEzF,UAAA,gBAAAU;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAASL;AAAA,UACT,eAAejB;AAAA,UACf,gBAAgB,CAACuB,MAAU;AACzB,YAAAtB,EAA+BsB,CAAK;AAAA,UACtC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GAMuD,EAAuB,GAChF,UAAA,gBAAAJ,EAACK,KAAoB,MAAM/B,EAAO,OAAO,QAAAA,GAAgB,gBAAAyB,GAAgC,GAC3F;AAEJ;"}

package/dist/api-playground-2/components/Request/ServerSection.js

@@ -0,0 +1,33 @@
+import { jsx as s } from "react/jsx-runtime";
+import { apiPlaygroundInputKeys as l } from "../../constants/index.js";
+import { escapeDots as m } from "../../schemaGraph/utils.js";
+import { InputSectionContainer as f } from "./InputSectionContainer.js";
+import { DifferentiatedInput as v } from "./inputs/DifferentiatedInput.js";
+const h = ({
+  apiReferenceData: o,
+  selectedBaseUrlIndex: i
+}) => {
+  var n;
+  const { dependencies: c } = o, { servers: e } = c ?? {};
+  if (!e || Object.keys(e).length === 0) return null;
+  const r = (n = Object.values(e)[i]) == null ? void 0 : n.variables;
+  return !r || Object.keys(r).length === 0 ? null : /* @__PURE__ */ s(f, { name: "Server", children: Object.entries(r).map(([t, p]) => {
+    const u = {
+      ...p,
+      type: "string"
+    }, a = `${l.server}.${m(t)}`;
+    return /* @__PURE__ */ s(
+      v,
+      {
+        name: t,
+        schema: u,
+        inputKeyPrefix: a
+      },
+      t
+    );
+  }) });
+};
+export {
+  h as ServerSection
+};
+//# sourceMappingURL=ServerSection.js.map

package/dist/api-playground-2/components/Request/ServerSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerSection.js","sources":["../../../../src/api-playground-2/components/Request/ServerSection.tsx"],"sourcesContent":["import { apiPlaygroundInputKeys } from '@/api-playground-2/constants';\nimport { escapeDots } from '@/api-playground-2/schemaGraph/utils';\nimport type { ApiReferenceDataV2, ResolvedSchemaObject } from '@/api-playground-2/types';\n\nimport { InputSectionContainer } from './InputSectionContainer';\nimport { DifferentiatedInput } from './inputs/DifferentiatedInput';\n\nexport const ServerSection = ({\n  apiReferenceData,\n  selectedBaseUrlIndex,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  selectedBaseUrlIndex: number;\n}) => {\n  const { dependencies } = apiReferenceData;\n  const { servers } = dependencies ?? {};\n\n  if (!servers || Object.keys(servers).length === 0) return null;\n  const serverObjects = Object.values(servers);\n  const serverVariables = serverObjects[selectedBaseUrlIndex]?.variables;\n  if (!serverVariables || Object.keys(serverVariables).length === 0) return null;\n  return (\n    <InputSectionContainer name=\"Server\">\n      {Object.entries(serverVariables).map(([name, variable]) => {\n         \n        const schema = {\n          ...variable,\n          type: 'string',\n        } as ResolvedSchemaObject;\n        const inputKeyPrefix = `${apiPlaygroundInputKeys.server}.${escapeDots(name)}`;\n\n        return (\n          <DifferentiatedInput\n            key={name}\n            name={name}\n            schema={schema}\n            inputKeyPrefix={inputKeyPrefix}\n          />\n        );\n      })}\n    </InputSectionContainer>\n  );\n};\n"],"names":["ServerSection","apiReferenceData","selectedBaseUrlIndex","dependencies","servers","serverVariables","_a","jsx","InputSectionContainer","name","variable","schema","inputKeyPrefix","apiPlaygroundInputKeys","escapeDots","DifferentiatedInput"],"mappings":";;;;;AAOO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,kBAAAC;AAAA,EACA,sBAAAC;AACF,MAGM;;AACJ,QAAM,EAAE,cAAAC,MAAiBF,GACnB,EAAE,SAAAG,MAAYD,KAAgB,CAAA;AAEpC,MAAI,CAACC,KAAW,OAAO,KAAKA,CAAO,EAAE,WAAW,EAAG,QAAO;AAE1D,QAAMC,KAAkBC,IADF,OAAO,OAAOF,CAAO,EACLF,CAAoB,MAAlC,gBAAAI,EAAqC;AAC7D,SAAI,CAACD,KAAmB,OAAO,KAAKA,CAAe,EAAE,WAAW,IAAU,OAExE,gBAAAE,EAACC,GAAA,EAAsB,MAAK,UACzB,UAAA,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAMC,CAAQ,MAAM;AAEzD,UAAMC,IAAS;AAAA,MACb,GAAGD;AAAA,MACH,MAAM;AAAA,IAAA,GAEFE,IAAiB,GAAGC,EAAuB,MAAM,IAAIC,EAAWL,CAAI,CAAC;AAE3E,WACE,gBAAAF;AAAA,MAACQ;AAAA,MAAA;AAAA,QAEC,MAAAN;AAAA,QACA,QAAAE;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,MAHKH;AAAA,IAAA;AAAA,EAMX,CAAC,EAAA,CACH;AAEJ;"}

package/dist/api-playground-2/components/Request/inputs/ArrayInput.js

@@ -0,0 +1,55 @@
+import { jsxs as I, Fragment as y, jsx as m } from "react/jsx-runtime";
+import { useState as A } from "react";
+import { v4 as s } from "uuid";
+import { isSchemaObject as h } from "../../../schemaGraph/utils.js";
+import { AdditionalItemButton as x } from "../../../../api-playground/ApiPlayground/components/AdditionalItemButton.js";
+import { cn as b } from "../../../../utils/cn.js";
+import { DifferentiatedInput as c } from "./DifferentiatedInput.js";
+const k = ({ schema: n, depth: d, parentNames: r, inputKeyPrefix: a }) => {
+  const u = s(), t = "items" in n && h(n.items) ? n.items : void 0, [e, l] = A([]);
+  if (!t) return null;
+  const p = () => {
+    const o = s(), i = [...e, o];
+    l(i);
+  };
+  return /* @__PURE__ */ I(y, { children: [
+    /* @__PURE__ */ m(
+      c,
+      {
+        schema: t,
+        arrayIndex: 0,
+        depth: (d ?? 0) + 1,
+        parentNames: r,
+        inputKeyPrefix: a
+      }
+    ),
+    e.map((o, i) => {
+      const f = i + 1;
+      return /* @__PURE__ */ m(
+        c,
+        {
+          schema: t,
+          arrayIndex: f,
+          depth: (d ?? 0) + 1,
+          parentNames: r,
+          inputKeyPrefix: a
+        },
+        o
+      );
+    }),
+    /* @__PURE__ */ m(
+      x,
+      {
+        label: "Add an item",
+        className: b(e.length > 0 && "mint:mt-4"),
+        onClick: p,
+        dataTestId: ("name" in t && t.name ? t.name : "") + "-add-item-button"
+      },
+      "add-item-button" + u
+    )
+  ] });
+};
+export {
+  k as ArrayInput
+};
+//# sourceMappingURL=ArrayInput.js.map

package/dist/api-playground-2/components/Request/inputs/ArrayInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/ArrayInput.tsx"],"sourcesContent":["import { UUID } from '@mintlify/validation';\nimport { useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { isSchemaObject } from '@/api-playground-2/schemaGraph/utils';\nimport { AdditionalItemButton } from '@/api-playground/ApiPlayground/components/AdditionalItemButton';\nimport { cn } from '@/utils/cn';\n\nimport { DifferentiatedInput, InputParams } from './DifferentiatedInput';\n\nexport const ArrayInput = ({ schema, depth, parentNames, inputKeyPrefix }: InputParams) => {\n  const additionalItemButtonKey = uuidv4();\n  const itemsSchema = 'items' in schema && isSchemaObject(schema.items) ? schema.items : undefined;\n  const [additionalInputKeys, setAdditionalInputKeys] = useState<UUID[]>([]);\n\n  if (!itemsSchema) return null;\n\n  const onAddElement = () => {\n    const uuid = uuidv4();\n    const newAdditionalInputKeys = [...additionalInputKeys, uuid];\n    setAdditionalInputKeys(newAdditionalInputKeys);\n  };\n\n  return (\n    <>\n      <DifferentiatedInput\n        schema={itemsSchema}\n        arrayIndex={0}\n        depth={(depth ?? 0) + 1}\n        parentNames={parentNames}\n        inputKeyPrefix={inputKeyPrefix}\n      />\n      {additionalInputKeys.map((uuid, index) => {\n        const indexOffset = index + 1;\n        return (\n          <DifferentiatedInput\n            key={uuid}\n            schema={itemsSchema}\n            arrayIndex={indexOffset}\n            depth={(depth ?? 0) + 1}\n            parentNames={parentNames}\n            inputKeyPrefix={inputKeyPrefix}\n          />\n        );\n      })}\n      <AdditionalItemButton\n        key={'add-item-button' + additionalItemButtonKey}\n        label=\"Add an item\"\n        className={cn(additionalInputKeys.length > 0 && 'mint:mt-4')}\n        onClick={onAddElement}\n        dataTestId={\n          ('name' in itemsSchema && itemsSchema.name ? itemsSchema.name : '') + '-add-item-button'\n        }\n      />\n    </>\n  );\n};\n"],"names":["ArrayInput","schema","depth","parentNames","inputKeyPrefix","additionalItemButtonKey","uuidv4","itemsSchema","isSchemaObject","additionalInputKeys","setAdditionalInputKeys","useState","onAddElement","uuid","newAdditionalInputKeys","jsxs","Fragment","jsx","DifferentiatedInput","index","indexOffset","AdditionalItemButton","cn"],"mappings":";;;;;;;AAUO,MAAMA,IAAa,CAAC,EAAE,QAAAC,GAAQ,OAAAC,GAAO,aAAAC,GAAa,gBAAAC,QAAkC;AACzF,QAAMC,IAA0BC,EAAA,GAC1BC,IAAc,WAAWN,KAAUO,EAAeP,EAAO,KAAK,IAAIA,EAAO,QAAQ,QACjF,CAACQ,GAAqBC,CAAsB,IAAIC,EAAiB,CAAA,CAAE;AAEzE,MAAI,CAACJ,EAAa,QAAO;AAEzB,QAAMK,IAAe,MAAM;AACzB,UAAMC,IAAOP,EAAA,GACPQ,IAAyB,CAAC,GAAGL,GAAqBI,CAAI;AAC5D,IAAAH,EAAuBI,CAAsB;AAAA,EAC/C;AAEA,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QAAQX;AAAA,QACR,YAAY;AAAA,QACZ,QAAQL,KAAS,KAAK;AAAA,QACtB,aAAAC;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDK,EAAoB,IAAI,CAACI,GAAMM,MAAU;AACxC,YAAMC,IAAcD,IAAQ;AAC5B,aACE,gBAAAF;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,QAAQX;AAAA,UACR,YAAYa;AAAA,UACZ,QAAQlB,KAAS,KAAK;AAAA,UACtB,aAAAC;AAAA,UACA,gBAAAC;AAAA,QAAA;AAAA,QALKS;AAAA,MAAA;AAAA,IAQX,CAAC;AAAA,IACD,gBAAAI;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,OAAM;AAAA,QACN,WAAWC,EAAGb,EAAoB,SAAS,KAAK,WAAW;AAAA,QAC3D,SAASG;AAAA,QACT,aACG,UAAUL,KAAeA,EAAY,OAAOA,EAAY,OAAO,MAAM;AAAA,MAAA;AAAA,MALnE,oBAAoBF;AAAA,IAAA;AAAA,EAO3B,GACF;AAEJ;"}

package/dist/api-playground-2/components/Request/inputs/DifferentiatedInput.js

@@ -0,0 +1,48 @@
+import { jsx as n } from "react/jsx-runtime";
+import { getDifferentiatedType as c } from "../../../schemaGraph/utils.js";
+import { ArrayInput as a } from "./ArrayInput.js";
+import { FileInput as f } from "./FileInput.js";
+import { InputContainer as t } from "./InputContainer.js";
+import { NullInput as l } from "./NullInput.js";
+import { NumberInput as i } from "./NumberInput.js";
+import { ObjectInput as u } from "./ObjectInput.js";
+import { OneOfInput as d } from "./OneOfInput.js";
+import { SelectInput as r } from "./SelectInput.js";
+import { StringInput as h } from "./StringInput.js";
+import { TextInput as y } from "./TextInput.js";
+const S = ({ ...e }) => {
+  switch (c(e.schema)) {
+    case "oneOf":
+      return /* @__PURE__ */ n(d, { ...e });
+    case "string": {
+      const m = e.isBody && e.depth === 0 || e.skipContainer ? y : h;
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(m, { ...e }) });
+    }
+    case "object":
+      return e.isBody && e.depth === 0 || e.skipContainer ? /* @__PURE__ */ n(u, { ...e }) : /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(u, { ...e }) });
+    case "number":
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(i, { ...e, numberType: "number" }) });
+    case "integer":
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(i, { ...e, numberType: "integer" }) });
+    case "array":
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(a, { ...e }) });
+    case "boolean":
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(r, { ...e, enumType: "boolean" }) });
+    case "enum<string>":
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(r, { ...e, enumType: "string" }) });
+    case "enum<number>":
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(r, { ...e, enumType: "number" }) });
+    case "enum<integer>":
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(r, { ...e, enumType: "integer" }) });
+    case "file":
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(f, { ...e }) });
+    case "null":
+      return /* @__PURE__ */ n(t, { ...e, children: /* @__PURE__ */ n(l, {}) });
+    default:
+      return null;
+  }
+};
+export {
+  S as DifferentiatedInput
+};
+//# sourceMappingURL=DifferentiatedInput.js.map

package/dist/api-playground-2/components/Request/inputs/DifferentiatedInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DifferentiatedInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/DifferentiatedInput.tsx"],"sourcesContent":["import { getDifferentiatedType } from '@/api-playground-2/schemaGraph/utils';\nimport type { ResolvedSchemaObject } from '@/api-playground-2/types';\n\nimport { ArrayInput } from './ArrayInput';\nimport { FileInput } from './FileInput';\nimport { InputContainer } from './InputContainer';\nimport { NullInput } from './NullInput';\nimport { NumberInput } from './NumberInput';\nimport { ObjectInput } from './ObjectInput';\nimport { OneOfInput } from './OneOfInput';\nimport { SelectInput } from './SelectInput';\nimport { StringInput } from './StringInput';\nimport { TextInput } from './TextInput';\n\nexport type InputParams = {\n  name?: string;\n  schema: ResolvedSchemaObject;\n  clearValue?: (() => void) | undefined;\n  // TODO - Api Playground Refactor: build name, name with parents dot style, name with parents deepObject style so that we don't have to pass parentNames, style, and explode to every component\n  parentNames?: string[];\n  style?: string;\n  explode?: boolean;\n  depth?: number;\n  inputKeyPrefix: string;\n  arrayIndex?: number;\n};\n\nexport type InputContainerParams = InputParams & {\n  defaultExpanded?: boolean;\n  typeDropdown?: React.ReactNode;\n  children?: React.ReactNode;\n  isBody?: boolean;\n  skipContainer?: boolean;\n  arrayIndex?: number;\n};\n\nexport const DifferentiatedInput = ({ ...props }: InputParams & InputContainerParams) => {\n  const differentiatedType = getDifferentiatedType(props.schema);\n\n  switch (differentiatedType) {\n    case 'oneOf': {\n      return <OneOfInput {...props} />;\n    }\n    case 'string': {\n      const Input =\n        (props.isBody && props.depth === 0) || props.skipContainer ? TextInput : StringInput;\n      return (\n        <InputContainer {...props}>\n          <Input {...props} />\n        </InputContainer>\n      );\n    }\n\n    case 'object': {\n      if ((props.isBody && props.depth === 0) || props.skipContainer) {\n        return <ObjectInput {...props} />;\n      }\n      return (\n        <InputContainer {...props}>\n          <ObjectInput {...props} />\n        </InputContainer>\n      );\n    }\n    case 'number': {\n      return (\n        <InputContainer {...props}>\n          <NumberInput {...props} numberType=\"number\" />\n        </InputContainer>\n      );\n    }\n    case 'integer': {\n      return (\n        <InputContainer {...props}>\n          <NumberInput {...props} numberType=\"integer\" />\n        </InputContainer>\n      );\n    }\n    case 'array': {\n      return (\n        <InputContainer {...props}>\n          <ArrayInput {...props} />\n        </InputContainer>\n      );\n    }\n    case 'boolean': {\n      return (\n        <InputContainer {...props}>\n          <SelectInput {...props} enumType=\"boolean\" />\n        </InputContainer>\n      );\n    }\n    case 'enum<string>': {\n      return (\n        <InputContainer {...props}>\n          <SelectInput {...props} enumType=\"string\" />\n        </InputContainer>\n      );\n    }\n    case 'enum<number>': {\n      return (\n        <InputContainer {...props}>\n          <SelectInput {...props} enumType=\"number\" />\n        </InputContainer>\n      );\n    }\n    case 'enum<integer>': {\n      return (\n        <InputContainer {...props}>\n          <SelectInput {...props} enumType=\"integer\" />\n        </InputContainer>\n      );\n    }\n    case 'file': {\n      return (\n        <InputContainer {...props}>\n          <FileInput {...props} />\n        </InputContainer>\n      );\n    }\n    case 'null': {\n      return (\n        <InputContainer {...props}>\n          <NullInput />\n        </InputContainer>\n      );\n    }\n    default: {\n      return null;\n    }\n  }\n};\n"],"names":["DifferentiatedInput","props","getDifferentiatedType","jsx","OneOfInput","Input","TextInput","StringInput","InputContainer","ObjectInput","NumberInput","ArrayInput","SelectInput","FileInput","NullInput"],"mappings":";;;;;;;;;;;;AAoCO,MAAMA,IAAsB,CAAC,EAAE,GAAGC,QAAgD;AAGvF,UAF2BC,EAAsBD,EAAM,MAAM,GAErD;AAAA,IACN,KAAK;AACH,aAAO,gBAAAE,EAACC,GAAA,EAAY,GAAGH,EAAA,CAAO;AAAA,IAEhC,KAAK,UAAU;AACb,YAAMI,IACHJ,EAAM,UAAUA,EAAM,UAAU,KAAMA,EAAM,gBAAgBK,IAAYC;AAC3E,aACE,gBAAAJ,EAACK,KAAgB,GAAGP,GAClB,4BAACI,GAAA,EAAO,GAAGJ,GAAO,EAAA,CACpB;AAAA,IAEJ;AAAA,IAEA,KAAK;AACH,aAAKA,EAAM,UAAUA,EAAM,UAAU,KAAMA,EAAM,gBACxC,gBAAAE,EAACM,GAAA,EAAa,GAAGR,EAAA,CAAO,IAG/B,gBAAAE,EAACK,KAAgB,GAAGP,GAClB,4BAACQ,GAAA,EAAa,GAAGR,GAAO,EAAA,CAC1B;AAAA,IAGJ,KAAK;AACH,aACE,gBAAAE,EAACK,GAAA,EAAgB,GAAGP,GAClB,UAAA,gBAAAE,EAACO,KAAa,GAAGT,GAAO,YAAW,SAAA,CAAS,EAAA,CAC9C;AAAA,IAGJ,KAAK;AACH,aACE,gBAAAE,EAACK,GAAA,EAAgB,GAAGP,GAClB,UAAA,gBAAAE,EAACO,KAAa,GAAGT,GAAO,YAAW,UAAA,CAAU,EAAA,CAC/C;AAAA,IAGJ,KAAK;AACH,aACE,gBAAAE,EAACK,KAAgB,GAAGP,GAClB,4BAACU,GAAA,EAAY,GAAGV,GAAO,EAAA,CACzB;AAAA,IAGJ,KAAK;AACH,aACE,gBAAAE,EAACK,GAAA,EAAgB,GAAGP,GAClB,UAAA,gBAAAE,EAACS,KAAa,GAAGX,GAAO,UAAS,UAAA,CAAU,EAAA,CAC7C;AAAA,IAGJ,KAAK;AACH,aACE,gBAAAE,EAACK,GAAA,EAAgB,GAAGP,GAClB,UAAA,gBAAAE,EAACS,KAAa,GAAGX,GAAO,UAAS,SAAA,CAAS,EAAA,CAC5C;AAAA,IAGJ,KAAK;AACH,aACE,gBAAAE,EAACK,GAAA,EAAgB,GAAGP,GAClB,UAAA,gBAAAE,EAACS,KAAa,GAAGX,GAAO,UAAS,SAAA,CAAS,EAAA,CAC5C;AAAA,IAGJ,KAAK;AACH,aACE,gBAAAE,EAACK,GAAA,EAAgB,GAAGP,GAClB,UAAA,gBAAAE,EAACS,KAAa,GAAGX,GAAO,UAAS,UAAA,CAAU,EAAA,CAC7C;AAAA,IAGJ,KAAK;AACH,aACE,gBAAAE,EAACK,KAAgB,GAAGP,GAClB,4BAACY,GAAA,EAAW,GAAGZ,GAAO,EAAA,CACxB;AAAA,IAGJ,KAAK;AACH,+BACGO,GAAA,EAAgB,GAAGP,GAClB,UAAA,gBAAAE,EAACW,KAAU,GACb;AAAA,IAGJ;AACE,aAAO;AAAA,EACT;AAEJ;"}