@mintlify/msft-sdk 1.1.23 → 1.1.25

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

@@ -0,0 +1,253 @@
+import { jsx as t, jsxs as S, Fragment as V } from "react/jsx-runtime";
+import { useContext as T, useMemo as f, useState as P, useCallback as U } from "react";
+import { EndpointSecurity as ne } from "./components/EndpointFields/EndpointSecurity.js";
+import { SimpleSchemaField as x, generateSchemaOptionLabels as se } from "./components/EndpointFields/fields/SimpleSchemaField.js";
+import { isSchemaObject as g } from "./schemaGraph/utils.js";
+import { Classes as A } from "./types/index.js";
+import { TypeDropdown as J } from "../api-playground/ApiPlayground/components/TypeDropdown.js";
+import { SectionHeading as R } from "../api-playground/EndpointFields/components/SectionHeading.js";
+import { InfoPill as oe } from "../components/Api/Param.js";
+import { ApiReferenceContext2 as v } from "../contexts/ConfigContext.js";
+import { EndpointLocationProvider as K } from "../contexts/EndpointLocationContext.js";
+import { cn as b } from "../utils/cn.js";
+import { Tabs as W } from "../components/content-components/tabs/tabs.js";
+import { Tab as X } from "../components/content-components/tabs/tab.js";
+const re = " | null";
+function ke({ pageMetadata: s }) {
+  return /* @__PURE__ */ t("div", { className: b("mint:mb-14"), children: s.openapi && /* @__PURE__ */ t(ie, {}) });
+}
+const ie = () => {
+  const { apiReferenceData2: s } = T(v);
+  if (!s.operation)
+    return null;
+  const { dependencies: n } = s, l = (n == null ? void 0 : n.security) && Object.keys(n.security).length > 0, o = (n == null ? void 0 : n.parameters) && Object.keys(n.parameters).length > 0, c = n == null ? void 0 : n.requestBody, i = (n == null ? void 0 : n.responses) && Object.keys(n.responses).length > 0;
+  return /* @__PURE__ */ S(V, { children: [
+    l && /* @__PURE__ */ t(ne, { apiReferenceData: s }),
+    o && /* @__PURE__ */ t(ce, {}),
+    c && /* @__PURE__ */ t(K, { location: "request", children: /* @__PURE__ */ t(ae, {}) }),
+    i && /* @__PURE__ */ t(K, { location: "response", children: /* @__PURE__ */ t(le, {}) })
+  ] });
+}, ce = () => {
+  var o;
+  const { apiReferenceData2: s } = T(v), n = f(() => {
+    var c;
+    return ((c = s.dependencies) == null ? void 0 : c.parameters) ?? {};
+  }, [(o = s.dependencies) == null ? void 0 : o.parameters]), l = f(() => {
+    const c = {
+      header: {},
+      path: {},
+      query: {},
+      cookie: {}
+    };
+    return Object.entries(n).forEach(([i, r]) => {
+      const m = r.in;
+      m in c && c[m] && (c[m][r.name] = r);
+    }), c;
+  }, [n]);
+  return /* @__PURE__ */ S(V, { children: [
+    /* @__PURE__ */ t(I, { title: "Headers", parameters: l.header ?? {} }),
+    /* @__PURE__ */ t(I, { title: "Path Parameters", parameters: l.path ?? {} }),
+    /* @__PURE__ */ t(I, { title: "Query Parameters", parameters: l.query ?? {} }),
+    /* @__PURE__ */ t(I, { title: "Cookies", parameters: l.cookie ?? {} })
+  ] });
+}, I = ({
+  parameters: s,
+  title: n
+}) => {
+  const { apiReferenceData2: l } = T(v);
+  if (Object.keys(s).length === 0)
+    return null;
+  const o = Object.entries(s).map(([c, i]) => {
+    var r;
+    return !i.schema || !g(i.schema) ? null : /* @__PURE__ */ t(
+      x,
+      {
+        schema: i.schema,
+        displayFlattened: !0,
+        fieldType: "parameter",
+        name: i.name,
+        style: i.style,
+        explode: i.explode,
+        required: i.required,
+        schemas: (r = l.dependencies) == null ? void 0 : r.schemas
+      },
+      i.name
+    );
+  });
+  return /* @__PURE__ */ S("div", { className: b(A.APISection), children: [
+    /* @__PURE__ */ t(R, { title: n }),
+    o
+  ] });
+}, ae = () => {
+  var O, j;
+  const [s, n] = P(0), { apiReferenceData2: l } = T(v), o = (O = l.dependencies) == null ? void 0 : O.requestBody, c = o == null ? void 0 : o.description, i = Object.keys((o == null ? void 0 : o.content) ?? {}), r = Object.fromEntries(
+    i.map((p) => {
+      var h;
+      return [p, (h = o == null ? void 0 : o.content[p]) == null ? void 0 : h.schema];
+    }).filter((p) => p[1] !== void 0)
+  ), m = Object.values(r)[s];
+  return m === void 0 ? null : /* @__PURE__ */ S("div", { className: b(A.APISection), children: [
+    i.length > 1 ? /* @__PURE__ */ t(
+      R,
+      {
+        title: "Body",
+        options: i,
+        selectedIndex: s,
+        onSelectOption: n,
+        subtitle: c
+      }
+    ) : /* @__PURE__ */ t(R, { title: "Body", rightElement: i[0], subtitle: c }),
+    Object.keys(r).length > 1 ? /* @__PURE__ */ t("div", { className: "mint:mt-4 mint:rounded-xl mint:border mint:border-gray-100 mint:px-4 mint:pt-2 mint:dark:border-white/10", children: /* @__PURE__ */ t(
+      W,
+      {
+        className: "mint:-mt-1! mint:border-gray-100! mint:mb-0! mint:dark:border-white/10!",
+        children: Object.values(r).map((p, h) => {
+          var k;
+          return /* @__PURE__ */ t(X, { title: Object.keys(r)[h] ?? "", children: /* @__PURE__ */ t(
+            x,
+            {
+              schema: p,
+              fieldType: "body",
+              displayFlattened: !0,
+              schemas: (k = l.dependencies) == null ? void 0 : k.schemas
+            }
+          ) }, h);
+        })
+      },
+      s
+    ) }) : /* @__PURE__ */ t(
+      x,
+      {
+        schema: m,
+        fieldType: "body",
+        displayFlattened: !0,
+        schemas: (j = l.dependencies) == null ? void 0 : j.schemas
+      }
+    )
+  ] });
+}, le = () => {
+  var B, $, _, L;
+  const { apiReferenceData2: s } = T(v), [n, l] = P(0), [o, c] = P(0), i = f(() => {
+    var e;
+    return ((e = s.dependencies) == null ? void 0 : e.responses) ?? {};
+  }, [(B = s.dependencies) == null ? void 0 : B.responses]), r = f(() => {
+    var a;
+    const e = (a = s.operation) == null ? void 0 : a.responses;
+    return e ? Object.entries(e).map(([u, E]) => {
+      const y = i[E];
+      return [u, (y == null ? void 0 : y.content) ?? {}];
+    }) : [];
+  }, [i, ($ = s.operation) == null ? void 0 : $.responses]), m = f(() => {
+    const e = r[n];
+    return !e || !e[1] ? [] : Object.entries(e[1]);
+  }, [r, n]), O = U(
+    (e) => {
+      l(e);
+      const a = r[e];
+      a && a[1] && o >= Object.entries(a[1]).length && c(0);
+    },
+    [r, o]
+  ), j = U((e) => {
+    c(e);
+  }, []), {
+    contentType: p,
+    schema: h,
+    description: k
+  } = f(() => {
+    var G, Q;
+    const e = m[o];
+    if (!e)
+      return { contentType: void 0, schema: void 0, description: void 0 };
+    const [a, u] = e, E = u.schema, y = r[n], M = y ? String(y[0]) : void 0, z = M ? (Q = (G = s.operation) == null ? void 0 : G.responses) == null ? void 0 : Q[M] : void 0, N = z ? i[z] : void 0, H = N == null ? void 0 : N.description;
+    return a === "_mintlify/placeholder" ? {
+      schema: E,
+      contentType: "",
+      description: H
+    } : {
+      schema: E,
+      contentType: a,
+      description: H
+    };
+  }, [
+    m,
+    o,
+    r,
+    n,
+    i,
+    (_ = s.operation) == null ? void 0 : _.responses
+  ]);
+  if (!h) return null;
+  let d = [h];
+  const C = se(d);
+  d.some((e) => g(e) && e.type === "null") && (d = d.filter(
+    (e) => !g(e) || e.type !== "null"
+  ));
+  const Y = r.map(([e, a]) => ({
+    label: String(e),
+    schema: a
+  })), Z = m.filter(([e]) => e !== "_mintlify/placeholder").map(([e, a]) => ({
+    label: String(e),
+    schema: a
+  })), w = r[0] ? `${r[0][0]}` : "", F = p === "" ? "" : `${p}`, ee = `${w}${w && F ? " - " : ""}${F}`, q = r.length > 1, D = m.length > 1, te = q || D;
+  return /* @__PURE__ */ S("div", { className: b(A.APISection), children: [
+    /* @__PURE__ */ t(
+      R,
+      {
+        title: "Response",
+        subtitle: k,
+        rightElement: te ? /* @__PURE__ */ S("div", { className: "mint:flex mint:items-center mint:gap-x-3 mint:font-mono mint:text-xs", children: [
+          /* @__PURE__ */ t(
+            J,
+            {
+              onSelectOption: O,
+              options: Y,
+              selectedIndex: n,
+              className: b(
+                "mint:bg-transparent mint:dark:bg-transparent",
+                q && "mint:hover:text-zinc-950 mint:dark:hover:text-white mint:transition-all"
+              )
+            }
+          ),
+          /* @__PURE__ */ t(
+            J,
+            {
+              onSelectOption: j,
+              options: Z,
+              selectedIndex: o,
+              className: b(
+                "mint:bg-transparent mint:dark:bg-transparent",
+                D && "mint:hover:text-zinc-950 mint:dark:hover:text-white mint:transition-all"
+              )
+            }
+          )
+        ] }) : ee,
+        children: C[0] && C[0].includes(re) && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(oe, { className: "mint:max-w-fit mint:text-xs mint:font-medium mint:font-mono mint:break-words", children: C[0] }) })
+      }
+    ),
+    d.length > 1 ? /* @__PURE__ */ t(W, { children: d.map((e, a) => {
+      var u;
+      return /* @__PURE__ */ t(X, { title: C[a] ?? "", children: g(e) && /* @__PURE__ */ t(
+        x,
+        {
+          schema: e,
+          fieldType: "response",
+          displayFlattened: !0,
+          schemas: (u = s.dependencies) == null ? void 0 : u.schemas
+        }
+      ) }, a);
+    }) }) : d[0] && g(d[0]) && /* @__PURE__ */ t(
+      x,
+      {
+        schema: d[0],
+        fieldType: "response",
+        displayFlattened: !0,
+        schemas: (L = s.dependencies) == null ? void 0 : L.schemas
+      }
+    )
+  ] });
+};
+export {
+  ke as ApiFields,
+  re as orNullTypeString
+};
+//# sourceMappingURL=ApiFields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApiFields.js","sources":["../../src/api-playground-2/ApiFields.tsx"],"sourcesContent":["'use client';\n\nimport { PageMetaTags } from '@mintlify/models';\nimport { ParameterObject } from '@mintlify/validation';\nimport { useCallback, useContext, useMemo, useState } from 'react';\n\nimport { EndpointSecurity } from '@/api-playground-2/components/EndpointFields/EndpointSecurity';\nimport { SimpleSchemaField } from '@/api-playground-2/components/EndpointFields/fields/SimpleSchemaField';\nimport { generateSchemaOptionLabels } from '@/api-playground-2/components/EndpointFields/fields/SimpleSchemaField';\nimport { isSchemaObject } from '@/api-playground-2/schemaGraph/utils';\nimport { Classes, type ResolvedSchemaObject } from '@/api-playground-2/types';\nimport { TypeDropdown } from '@/api-playground/ApiPlayground/components/TypeDropdown';\nimport { SectionHeading } from '@/api-playground/EndpointFields/components/SectionHeading';\nimport { InfoPill } from '../components/Api/Param';\nimport { Tab, Tabs } from '../components/content-components/tabs';\nimport { ApiReferenceContext2 } from '../contexts/ConfigContext';\nimport { EndpointLocationProvider } from '../contexts/EndpointLocationContext';\nimport { NoAnyDataSchema } from '../hooks/usePlaygroundSchemaOptions';\nimport { cn } from \"../utils/cn\";\n\nexport const orNullTypeString = ' | null';\n\nexport function ApiFields({ pageMetadata }: { pageMetadata: PageMetaTags }) {\n  return (\n    <div className={cn(\"mint:mb-14\")}>\n      {pageMetadata.openapi && <EndpointFields />}\n    </div>\n  );\n}\n\nconst EndpointFields = () => {\n  const { apiReferenceData2 } = useContext(ApiReferenceContext2);\n\n  if (!apiReferenceData2.operation) {\n    return null;\n  }\n\n  const { dependencies } = apiReferenceData2;\n  const hasSecurity = dependencies?.security && Object.keys(dependencies.security).length > 0;\n  const hasParameters = dependencies?.parameters && Object.keys(dependencies.parameters).length > 0;\n  const hasRequestBody = dependencies?.requestBody;\n  const hasResponses = dependencies?.responses && Object.keys(dependencies.responses).length > 0;\n\n  return (\n    <>\n      {hasSecurity && <EndpointSecurity apiReferenceData={apiReferenceData2} />}\n      {hasParameters && <ParametersSection />}\n      {hasRequestBody && (\n        <EndpointLocationProvider location=\"request\">\n          <BodySection />\n        </EndpointLocationProvider>\n      )}\n      {hasResponses && (\n        <EndpointLocationProvider location=\"response\">\n          <ResponseSection />\n        </EndpointLocationProvider>\n      )}\n    </>\n  );\n};\n\n// Parameters Section\nconst ParametersSection = () => {\n  const { apiReferenceData2 } = useContext(ApiReferenceContext2);\n\n  const parameters = useMemo(() => {\n    return apiReferenceData2.dependencies?.parameters ?? {};\n  }, [apiReferenceData2.dependencies?.parameters]);\n\n  // Group parameters by location\n  const paramsByLocation = useMemo(() => {\n    const grouped: Record<string, Record<string, ParameterObject>> = {\n      header: {},\n      path: {},\n      query: {},\n      cookie: {},\n    };\n\n    Object.entries(parameters).forEach(([_, param]) => {\n      const location = param.in;\n      if (location in grouped && grouped[location]) {\n        grouped[location][param.name] = param;\n      }\n    });\n\n    return grouped;\n  }, [parameters]);\n\n  return (\n    <>\n      <ParameterGroup title=\"Headers\" parameters={paramsByLocation.header ?? {}} />\n      <ParameterGroup title=\"Path Parameters\" parameters={paramsByLocation.path ?? {}} />\n      <ParameterGroup title=\"Query Parameters\" parameters={paramsByLocation.query ?? {}} />\n      <ParameterGroup title=\"Cookies\" parameters={paramsByLocation.cookie ?? {}} />\n    </>\n  );\n};\n\nconst ParameterGroup = ({\n  parameters,\n  title,\n}: {\n  parameters: Record<string, ParameterObject>;\n  title: string;\n}) => {\n  const { apiReferenceData2 } = useContext(ApiReferenceContext2);\n  if (Object.keys(parameters).length === 0) {\n    return null;\n  }\n\n  const parameterEntries = Object.entries(parameters).map(([_, parameter]) => {\n    if (!parameter.schema || !isSchemaObject(parameter.schema)) return null;\n\n    return (\n      <SimpleSchemaField\n        key={parameter.name}\n        schema={parameter.schema}\n        displayFlattened={true}\n        fieldType=\"parameter\"\n        name={parameter.name}\n        style={parameter.style}\n        explode={parameter.explode}\n        required={parameter.required}\n        schemas={apiReferenceData2.dependencies?.schemas}\n      />\n    );\n  });\n\n  return (\n    <div className={cn(Classes.APISection)}>\n      <SectionHeading title={title} />\n      {parameterEntries}\n    </div>\n  );\n};\n\nconst BodySection = () => {\n  const [selectedContentTypeIndex, setSelectedContentTypeIndex] = useState(0);\n  const { apiReferenceData2 } = useContext(ApiReferenceContext2);\n\n  const body = apiReferenceData2.dependencies?.requestBody;\n  const description = body?.description;\n  const contentTypes = Object.keys(body?.content ?? {});\n  const contentSchemas = Object.fromEntries(\n    contentTypes\n      .map((contentType) => [contentType, body?.content[contentType]?.schema])\n      .filter((entry): entry is [string, ResolvedSchemaObject] => entry[1] !== undefined)\n  );\n\n  const selectedContentTypeInfo = Object.values(contentSchemas)[selectedContentTypeIndex];\n\n  if (selectedContentTypeInfo === undefined) {\n    return null;\n  }\n\n  // const hideBodyDescription = selectedContentTypeInfo.description === description;\n\n  return (\n    <div className={cn(Classes.APISection)}>\n      {contentTypes.length > 1 ? (\n        <SectionHeading\n          title=\"Body\"\n          options={contentTypes}\n          selectedIndex={selectedContentTypeIndex}\n          onSelectOption={setSelectedContentTypeIndex}\n          subtitle={description}\n        />\n      ) : (\n        <SectionHeading title=\"Body\" rightElement={contentTypes[0]} subtitle={description} />\n      )}\n      {Object.keys(contentSchemas).length > 1 ? (\n        <div className=\"mint:mt-4 mint:rounded-xl mint:border mint:border-gray-100 mint:px-4 mint:pt-2 mint:dark:border-white/10\">\n          <Tabs\n            key={selectedContentTypeIndex}\n            className=\"mint:-mt-1! mint:border-gray-100! mint:mb-0! mint:dark:border-white/10!\"\n          >\n            {Object.values(contentSchemas).map((schema, i) => {\n              return (\n                <Tab key={i} title={Object.keys(contentSchemas)[i] ?? ''}>\n                  <SimpleSchemaField\n                    schema={schema}\n                    fieldType=\"body\"\n                    displayFlattened={true}\n                    schemas={apiReferenceData2.dependencies?.schemas}\n                  />\n                </Tab>\n              );\n            })}\n          </Tabs>\n        </div>\n      ) : (\n        <SimpleSchemaField\n          schema={selectedContentTypeInfo}\n          fieldType=\"body\"\n          displayFlattened={true}\n          schemas={apiReferenceData2.dependencies?.schemas}\n        />\n      )}\n    </div>\n  );\n};\n\n// Response Section\nconst ResponseSection = () => {\n  const { apiReferenceData2 } = useContext(ApiReferenceContext2);\n  const [selectedStatusIndex, setSelectedStatusIndex] = useState(0);\n  const [selectedContentTypeIndex, setSelectedContentTypeIndex] = useState(0);\n\n  const responses = useMemo(() => {\n    return apiReferenceData2.dependencies?.responses ?? {};\n  }, [apiReferenceData2.dependencies?.responses]);\n\n  const statusEntries = useMemo(() => {\n    // Get the operation's responses mapping (status code -> UUID)\n    const operationResponses = apiReferenceData2.operation?.responses;\n    if (!operationResponses) return [];\n\n    // Map status codes to their corresponding response objects\n    return Object.entries(operationResponses).map(([statusCode, responseUuid]) => {\n      const response = responses[responseUuid];\n      return [statusCode, response?.content ?? {}];\n    });\n  }, [responses, apiReferenceData2.operation?.responses]);\n\n  const contentTypeEntries = useMemo(() => {\n    const statusEntry = statusEntries[selectedStatusIndex];\n    if (!statusEntry || !statusEntry[1]) return [];\n    return Object.entries(statusEntry[1]);\n  }, [statusEntries, selectedStatusIndex]);\n\n  const handleStatusChange = useCallback(\n    (newIndex: number) => {\n      setSelectedStatusIndex(newIndex);\n      const newStatusEntry = statusEntries[newIndex];\n      if (\n        newStatusEntry &&\n        newStatusEntry[1] &&\n        selectedContentTypeIndex >= Object.entries(newStatusEntry[1]).length\n      ) {\n        setSelectedContentTypeIndex(0);\n      }\n    },\n    [statusEntries, selectedContentTypeIndex]\n  );\n\n  const handleContentTypeChange = useCallback((newIndex: number) => {\n    setSelectedContentTypeIndex(newIndex);\n  }, []);\n\n  const {\n    contentType,\n    schema: contentSchema,\n    description,\n  } = useMemo(() => {\n    const contentTypeAndContent = contentTypeEntries[selectedContentTypeIndex];\n    if (!contentTypeAndContent) {\n      return { contentType: undefined, schema: undefined, description: undefined };\n    }\n    const [contentType, mediaObject] = contentTypeAndContent;\n    const schema = mediaObject.schema;\n    const statusCodeEntry = statusEntries[selectedStatusIndex];\n    const statusCode = statusCodeEntry ? String(statusCodeEntry[0]) : undefined;\n    // Get the response UUID from the operation's responses mapping\n    const responseUuid = statusCode\n      ? apiReferenceData2.operation?.responses?.[statusCode]\n      : undefined;\n    const responseObj = responseUuid ? responses[responseUuid] : undefined;\n    const description = responseObj?.description;\n\n    if (contentType === '_mintlify/placeholder') {\n      return {\n        schema,\n        contentType: '',\n        description,\n      };\n    }\n    return {\n      schema,\n      contentType,\n      description,\n    };\n  }, [\n    contentTypeEntries,\n    selectedContentTypeIndex,\n    statusEntries,\n    selectedStatusIndex,\n    responses,\n    apiReferenceData2.operation?.responses,\n  ]);\n\n  if (!contentSchema) return null;\n\n  const schemaArray = [contentSchema];\n  let selectedSchemaArray = schemaArray;\n\n  const labels = generateSchemaOptionLabels(selectedSchemaArray);\n\n  if (selectedSchemaArray.some((schema) => isSchemaObject(schema) && schema.type === 'null')) {\n    selectedSchemaArray = selectedSchemaArray.filter(\n      (schema) => !isSchemaObject(schema) || schema.type !== 'null'\n    );\n  }\n\n  const statusOptions = statusEntries.map(([statusCode, content]) => ({\n    label: String(statusCode),\n     \n    schema: content as unknown as NoAnyDataSchema,\n  }));\n\n  const contentTypeOptions = contentTypeEntries\n    .filter(([contentType]) => contentType !== '_mintlify/placeholder')\n    .map(([contentType, mediaObject]) => ({\n      label: String(contentType),\n       \n      schema: mediaObject as unknown as NoAnyDataSchema,\n    }));\n\n  const statusString = statusEntries[0] ? `${statusEntries[0][0]}` : '';\n  const contentTypeString = contentType === '' ? '' : `${contentType}`;\n  const statusAndContentType = `${statusString}${statusString && contentTypeString ? ' - ' : ''}${contentTypeString}`;\n\n  const hasMultipleStatuses = statusEntries.length > 1;\n  const hasMultipleContentTypes = contentTypeEntries.length > 1;\n  const showDropdowns = hasMultipleStatuses || hasMultipleContentTypes;\n\n  return (\n    <div className={cn(Classes.APISection)}>\n      <SectionHeading\n        title=\"Response\"\n        subtitle={description}\n        rightElement={\n          showDropdowns ? (\n            <div className=\"mint:flex mint:items-center mint:gap-x-3 mint:font-mono mint:text-xs\">\n              <TypeDropdown\n                onSelectOption={handleStatusChange}\n                options={statusOptions}\n                selectedIndex={selectedStatusIndex}\n                className={cn(\n                  'mint:bg-transparent mint:dark:bg-transparent',\n                  hasMultipleStatuses && 'mint:hover:text-zinc-950 mint:dark:hover:text-white mint:transition-all'\n                )}\n              />\n              <TypeDropdown\n                onSelectOption={handleContentTypeChange}\n                options={contentTypeOptions}\n                selectedIndex={selectedContentTypeIndex}\n                className={cn(\n                  'mint:bg-transparent mint:dark:bg-transparent',\n                  hasMultipleContentTypes &&\n                    'mint:hover:text-zinc-950 mint:dark:hover:text-white mint:transition-all'\n                )}\n              />\n            </div>\n          ) : (\n            statusAndContentType\n          )\n        }\n      >\n        {labels[0] && labels[0].includes(orNullTypeString) && (\n          <div>\n            <InfoPill className=\"mint:max-w-fit mint:text-xs mint:font-medium mint:font-mono mint:break-words\">\n              {labels[0]}\n            </InfoPill>\n          </div>\n        )}\n      </SectionHeading>\n      {selectedSchemaArray.length > 1 ? (\n        <Tabs>\n          {selectedSchemaArray.map((schema, i) => (\n            <Tab key={i} title={labels[i] ?? ''}>\n              {isSchemaObject(schema) && (\n                <SimpleSchemaField\n                  schema={schema}\n                  fieldType=\"response\"\n                  displayFlattened={true}\n                  schemas={apiReferenceData2.dependencies?.schemas}\n                />\n              )}\n            </Tab>\n          ))}\n        </Tabs>\n      ) : (\n        selectedSchemaArray[0] &&\n        isSchemaObject(selectedSchemaArray[0]) && (\n          <SimpleSchemaField\n            schema={selectedSchemaArray[0]}\n            fieldType=\"response\"\n            displayFlattened={true}\n            schemas={apiReferenceData2.dependencies?.schemas}\n          />\n        )\n      )}\n    </div>\n  );\n};\n"],"names":["orNullTypeString","ApiFields","pageMetadata","jsx","cn","EndpointFields","apiReferenceData2","useContext","ApiReferenceContext2","dependencies","hasSecurity","hasParameters","hasRequestBody","hasResponses","jsxs","Fragment","EndpointSecurity","ParametersSection","EndpointLocationProvider","BodySection","ResponseSection","parameters","useMemo","_a","paramsByLocation","grouped","_","param","location","ParameterGroup","title","parameterEntries","parameter","isSchemaObject","SimpleSchemaField","Classes","SectionHeading","selectedContentTypeIndex","setSelectedContentTypeIndex","useState","body","description","contentTypes","contentSchemas","contentType","entry","selectedContentTypeInfo","Tabs","schema","i","Tab","_b","selectedStatusIndex","setSelectedStatusIndex","responses","statusEntries","operationResponses","statusCode","responseUuid","response","contentTypeEntries","statusEntry","handleStatusChange","useCallback","newIndex","newStatusEntry","handleContentTypeChange","contentSchema","contentTypeAndContent","mediaObject","statusCodeEntry","responseObj","_c","selectedSchemaArray","labels","generateSchemaOptionLabels","statusOptions","content","contentTypeOptions","statusString","contentTypeString","statusAndContentType","hasMultipleStatuses","hasMultipleContentTypes","showDropdowns","TypeDropdown","InfoPill","_d"],"mappings":"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"}

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

@@ -0,0 +1,52 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { BasePathSelector as p } from "../api-playground/ApiPlayground/components/BasePathSelector.js";
+import { PrettyPath as d } from "../api-playground/ApiPlayground/components/PrettyPath.js";
+import { MethodPill as f } from "../components/Api/MethodPill.js";
+import { cn as x } from "../utils/cn.js";
+const g = ({
+  onCopy: e,
+  baseUrlOptions: r,
+  selectedBaseUrlIndex: m,
+  setSelectedBaseUrlIndex: o,
+  isCopiedActive: l,
+  display: h,
+  path: a,
+  method: i,
+  onBaseUrlChange: s,
+  isInPlaygroundModal: c
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: x(
+      "mint:relative mint:flex-1 mint:flex mint:gap-2 mint:min-w-0 mint:items-center mint:p-1.5 mint:pr-0 mint:cursor-pointer mint:overflow-hidden mint:rounded-xl"
+    ),
+    onClick: e,
+    children: [
+      /* @__PURE__ */ t(f, { method: i, isActive: !1 }),
+      /* @__PURE__ */ n("div", { className: "mint:flex mint:items-center mint:space-x-2 mint:overflow-x-auto mint:flex-1 mint:no-scrollbar", children: [
+        /* @__PURE__ */ t(
+          p,
+          {
+            baseUrlOptions: r,
+            selectedBaseUrlIndex: m,
+            setSelectedBaseUrlIndex: o,
+            onBaseUrlChange: s
+          }
+        ),
+        /* @__PURE__ */ t(
+          d,
+          {
+            path: a,
+            method: i,
+            isCopiedActive: l,
+            hasGrayBackground: c
+          }
+        )
+      ] })
+    ]
+  }
+);
+export {
+  g as EndpointHeader
+};
+//# sourceMappingURL=EndpointHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EndpointHeader.js","sources":["../../src/api-playground-2/EndpointHeader.tsx"],"sourcesContent":["import { BasePathSelector } from '@/api-playground/ApiPlayground/components/BasePathSelector';\nimport { PrettyPath } from '@/api-playground/ApiPlayground/components/PrettyPath';\nimport { MethodPill } from '../components/Api/MethodPill';\nimport { cn } from \"../utils/cn\";\n\ntype EndpointHeaderProps = {\n  onCopy: () => void;\n  baseUrlOptions: string[];\n  selectedBaseUrlIndex: number;\n  setSelectedBaseUrlIndex: (index: number) => void;\n  isCopiedActive: boolean;\n  isInPlaygroundModal: boolean;\n  display: 'simple' | 'none' | 'interactive';\n  path: string;\n  method: string;\n  onBaseUrlChange: () => void;\n  children?: React.ReactNode;\n};\n\nexport const EndpointHeader = ({\n  onCopy,\n  baseUrlOptions,\n  selectedBaseUrlIndex,\n  setSelectedBaseUrlIndex,\n  isCopiedActive,\n  display,\n  path,\n  method,\n  onBaseUrlChange,\n  isInPlaygroundModal,\n}: EndpointHeaderProps) => {\n  return (\n    <div\n      className={cn(\n        'mint:relative mint:flex-1 mint:flex mint:gap-2 mint:min-w-0 mint:items-center mint:p-1.5 mint:pr-0 mint:cursor-pointer mint:overflow-hidden mint:rounded-xl',\n      )}\n      onClick={onCopy}\n    >\n      <MethodPill method={method} isActive={false} />\n      <div className=\"mint:flex mint:items-center mint:space-x-2 mint:overflow-x-auto mint:flex-1 mint:no-scrollbar\">\n        <BasePathSelector\n          baseUrlOptions={baseUrlOptions}\n          selectedBaseUrlIndex={selectedBaseUrlIndex}\n          setSelectedBaseUrlIndex={setSelectedBaseUrlIndex}\n          onBaseUrlChange={onBaseUrlChange}\n        />\n        <PrettyPath\n          path={path}\n          method={method}\n          isCopiedActive={isCopiedActive}\n          hasGrayBackground={isInPlaygroundModal}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["EndpointHeader","onCopy","baseUrlOptions","selectedBaseUrlIndex","setSelectedBaseUrlIndex","isCopiedActive","display","path","method","onBaseUrlChange","isInPlaygroundModal","jsxs","cn","jsx","MethodPill","BasePathSelector","PrettyPath"],"mappings":";;;;;AAmBO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,qBAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,SAASX;AAAA,IAET,UAAA;AAAA,MAAA,gBAAAY,EAACC,GAAA,EAAW,QAAAN,GAAgB,UAAU,GAAA,CAAO;AAAA,MAC7C,gBAAAG,EAAC,OAAA,EAAI,WAAU,iGACb,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,gBAAAb;AAAA,YACA,sBAAAC;AAAA,YACA,yBAAAC;AAAA,YACA,iBAAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAI;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAAT;AAAA,YACA,QAAAC;AAAA,YACA,gBAAAH;AAAA,YACA,mBAAmBK;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1,101 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useContext as U, useState as s, useEffect as v } from "react";
+import { SendPill as I } from "../api-playground/ApiPlayground/components/SendPill.js";
+import { PageContext as E } from "../contexts/ConfigContext.js";
+import { useApiPlaygroundDisplay as S } from "../hooks/useApiPlaygroundDisplay.js";
+import { copyToClipboard as A } from "../utils/copyToClipboard.js";
+import { ApiExamples as N } from "./ApiExamples.js";
+import { ApiFields as k } from "./ApiFields.js";
+import { EndpointHeader as B } from "./EndpointHeader.js";
+import { Playground as j } from "./Playground.js";
+import { ApiPlaygroundContext as L } from "./contexts/ApiPlaygroundContext.js";
+import { joinWithSingleSlash as R } from "./hooks/useSendPlaygroundRequest.js";
+const V = ({
+  apiReferenceData: h,
+  operation: x,
+  // eslint-disable-next-line unused-imports/no-unused-vars
+  children: T
+}) => {
+  const { path: l, method: d, baseUrl: w, baseUrlOptions: r } = x, { pageMetadata: P } = U(E), m = S(), [o, c] = s(0), [p, u] = s(!1), [b, f] = s(!1), g = m === "simple", y = r[o] ?? w ?? "";
+  v(() => {
+    if (typeof window > "u") return;
+    new URLSearchParams(window.location.search).has("playground") && requestAnimationFrame(() => {
+      u(!0);
+    });
+  }, []);
+  const C = async () => {
+    const n = R(y, l);
+    await A(n) === "success" && (f(!0), setTimeout(() => {
+      f(!1);
+    }, 2e3));
+  }, a = (n) => {
+    if (u(n), !(typeof window > "u"))
+      if (n) {
+        const t = new URL(window.location.href);
+        t.searchParams.set("playground", "open"), window.history.replaceState({}, "", t);
+      } else {
+        const t = new URL(window.location.href);
+        t.searchParams.delete("playground"), window.history.replaceState({}, "", t);
+      }
+  };
+  return /* @__PURE__ */ i(
+    L.Provider,
+    {
+      value: {
+        setSelectedBaseUrlIndex: c,
+        selectedBaseUrlIndex: o,
+        baseUrlOptions: r,
+        isPlaygroundExpanded: p,
+        setIsPlaygroundExpanded: a
+      },
+      children: [
+        /* @__PURE__ */ i("div", { className: "mint:flex mint:flex-col mint:gap-8", children: [
+          /* @__PURE__ */ i("div", { className: "mint:mt-6 mint:flex mint:w-full mint:flex-col mint:space-y-4", children: [
+            /* @__PURE__ */ i("div", { className: "mint:flex mint:items-center mint:gap-3 mint:border mint:border-gray-200 mint:dark:border-[#2d2d2d] mint:rounded-2xl mint:p-1.5", children: [
+              /* @__PURE__ */ e("div", { className: "mint:flex mint:items-center mint:gap-0 mint:flex-1 mint:bg-white mint:dark:bg-[#1a1a1a] mint:border mint:border-gray-200 mint:dark:border-[#2d2d2d] mint:rounded-2xl", children: /* @__PURE__ */ e(
+                B,
+                {
+                  onCopy: C,
+                  baseUrlOptions: r,
+                  selectedBaseUrlIndex: o,
+                  setSelectedBaseUrlIndex: c,
+                  isCopiedActive: b,
+                  display: m,
+                  path: l,
+                  method: d,
+                  onBaseUrlChange: () => {
+                  },
+                  isInPlaygroundModal: !1
+                }
+              ) }),
+              g ? null : /* @__PURE__ */ e(
+                I,
+                {
+                  label: "Try it",
+                  method: d,
+                  onClick: () => a(!0)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e("div", { className: "mint:mt-8 mint:lg:mt-0 mint:flex mint:flex-col mint:gap-6 mint:xl:!hidden mint:max-h-[30rem]", children: /* @__PURE__ */ e(N, { noInputs: !0 }) })
+          ] }),
+          /* @__PURE__ */ e(k, { pageMetadata: P })
+        ] }),
+        !g && /* @__PURE__ */ e(
+          j,
+          {
+            isPlaygroundExpanded: p,
+            setIsPlaygroundExpanded: a,
+            baseUrl: y,
+            baseUrlOptions: r,
+            apiReferenceData: h
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  V as OperationPage
+};
+//# sourceMappingURL=OperationPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OperationPage.js","sources":["../../src/api-playground-2/OperationPage.tsx"],"sourcesContent":["import { ReactNode, useContext, useEffect, useState } from 'react';\n\nimport { SendPill } from '@/api-playground/ApiPlayground/components/SendPill';\nimport { PageContext } from '@/contexts/ConfigContext';\nimport { useApiPlaygroundDisplay } from '@/hooks/useApiPlaygroundDisplay';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { ApiExamples } from './ApiExamples';\nimport { ApiFields } from './ApiFields';\nimport { EndpointHeader } from './EndpointHeader';\nimport { Playground } from './Playground';\nimport { ApiPlaygroundContext } from './contexts/ApiPlaygroundContext';\nimport { joinWithSingleSlash } from './hooks/useSendPlaygroundRequest';\nimport { ApiReferenceDataV2, OperationV2 } from './types';\nimport { cn } from \"../utils/cn\";\nimport { MethodPill } from '../components/Api/MethodPill';\n\nexport const OperationPage = ({\n  apiReferenceData,\n  operation,\n  // eslint-disable-next-line unused-imports/no-unused-vars\n  children,\n}: {\n  apiReferenceData: ApiReferenceDataV2;\n  operation: OperationV2;\n  children: ReactNode;\n}) => {\n  const { path, method, baseUrl: singleBaseUrl, baseUrlOptions } = operation;\n  const { pageMetadata } = useContext(PageContext);\n  const display = useApiPlaygroundDisplay();\n  const [selectedBaseUrlIndex, setSelectedBaseUrlIndex] = useState(0);\n  const [isPlaygroundExpanded, setIsPlaygroundExpanded] = useState(false);\n  const [isCopiedActive, setIsCopiedActive] = useState(false);\n  const playgroundDisabled = display === 'simple';\n  const baseUrl = baseUrlOptions[selectedBaseUrlIndex] ?? singleBaseUrl ?? '';\n\n  useEffect(() => {\n    // TODO - Api Playground Refactor: SSR playground components\n    if (typeof window === 'undefined') return;\n    const searchParams = new URLSearchParams(window.location.search);\n    if (searchParams.has('playground')) {\n      requestAnimationFrame(() => {\n        setIsPlaygroundExpanded(true);\n      });\n    }\n  }, []);\n\n  const onCopy = async () => {\n    const toCopy = joinWithSingleSlash(baseUrl, path);\n    const result = await copyToClipboard(toCopy);\n    if (result === 'success') {\n      setIsCopiedActive(true);\n      setTimeout(() => {\n        setIsCopiedActive(false);\n      }, 2000);\n    }\n  };\n\n  const setIsPlaygroundExpandedWithQueryParam = (expanded: boolean) => {\n    setIsPlaygroundExpanded(expanded);\n    // TODO - Api Playground Refactor: SSR playground components\n    if (typeof window === 'undefined') return;\n    if (expanded) {\n      const url = new URL(window.location.href);\n      url.searchParams.set('playground', 'open');\n      window.history.replaceState({}, '', url);\n    } else {\n      const url = new URL(window.location.href);\n      url.searchParams.delete('playground');\n      window.history.replaceState({}, '', url);\n    }\n  };\n\n  return (\n    <ApiPlaygroundContext.Provider\n      value={{\n        setSelectedBaseUrlIndex,\n        selectedBaseUrlIndex,\n        baseUrlOptions,\n        isPlaygroundExpanded,\n        setIsPlaygroundExpanded: setIsPlaygroundExpandedWithQueryParam,\n      }}\n    >\n      <div className=\"mint:flex mint:flex-col mint:gap-8\">\n        <div className=\"mint:mt-6 mint:flex mint:w-full mint:flex-col mint:space-y-4\">\n          <div className=\"mint:flex mint:items-center mint:gap-3 mint:border mint:border-gray-200 mint:dark:border-[#2d2d2d] mint:rounded-2xl mint:p-1.5\">\n            <div className=\"mint:flex mint:items-center mint:gap-0 mint:flex-1 mint:bg-white mint:dark:bg-[#1a1a1a] mint:border mint:border-gray-200 mint:dark:border-[#2d2d2d] mint:rounded-2xl\">\n              <EndpointHeader\n                onCopy={onCopy}\n                baseUrlOptions={baseUrlOptions}\n                selectedBaseUrlIndex={selectedBaseUrlIndex}\n                setSelectedBaseUrlIndex={setSelectedBaseUrlIndex}\n                isCopiedActive={isCopiedActive}\n                display={display}\n                path={path}\n                method={method}\n                onBaseUrlChange={() => {}}\n                isInPlaygroundModal={false}\n              />\n            </div>\n            {playgroundDisabled ? null : (\n              <SendPill\n                label=\"Try it\"\n                method={method}\n                onClick={() => setIsPlaygroundExpandedWithQueryParam(true)}\n              />\n            )}\n          </div>\n          <div className=\"mint:mt-8 mint:lg:mt-0 mint:flex mint:flex-col mint:gap-6 mint:xl:!hidden mint:max-h-[30rem]\">\n            <ApiExamples noInputs={true} />\n          </div>\n        </div>\n        <ApiFields pageMetadata={pageMetadata} />\n      </div>\n      {!playgroundDisabled && (\n        <Playground\n          isPlaygroundExpanded={isPlaygroundExpanded}\n          setIsPlaygroundExpanded={setIsPlaygroundExpandedWithQueryParam}\n          baseUrl={baseUrl}\n          baseUrlOptions={baseUrlOptions}\n          apiReferenceData={apiReferenceData}\n        />\n      )}\n    </ApiPlaygroundContext.Provider>\n  );\n};\n"],"names":["OperationPage","apiReferenceData","operation","children","path","method","singleBaseUrl","baseUrlOptions","pageMetadata","useContext","PageContext","display","useApiPlaygroundDisplay","selectedBaseUrlIndex","setSelectedBaseUrlIndex","useState","isPlaygroundExpanded","setIsPlaygroundExpanded","isCopiedActive","setIsCopiedActive","playgroundDisabled","baseUrl","useEffect","onCopy","toCopy","joinWithSingleSlash","copyToClipboard","setIsPlaygroundExpandedWithQueryParam","expanded","url","jsxs","ApiPlaygroundContext","jsx","EndpointHeader","SendPill","ApiExamples","ApiFields","Playground"],"mappings":"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"}

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

@@ -0,0 +1,136 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { useContext as q, useState as o } from "react";
+import { Response as u } from "../api-playground/ApiPlayground/Response/index.js";
+import { ModalHeader as w } from "../api-playground/ApiPlayground/components/ModalHeader.js";
+import { PlaygroundModalWrapper as P } from "../api-playground/ApiPlayground/components/PlaygroundModalWrapper.js";
+import { SendPill as A } from "../api-playground/ApiPlayground/components/SendPill.js";
+import { useKeyboardShortcut as M } from "../hooks/useKeyboardShortcut.js";
+import { copyToClipboard as j } from "../utils/copyToClipboard.js";
+import { ApiExamples as E } from "./ApiExamples.js";
+import { EndpointHeader as U } from "./EndpointHeader.js";
+import { BodySection as W } from "./components/Request/BodySection.js";
+import { ParameterSection as H } from "./components/Request/ParameterSection.js";
+import { SecuritySection as K } from "./components/Request/SecuritySection.js";
+import { ServerSection as O } from "./components/Request/ServerSection.js";
+import { ApiPlaygroundContext as z } from "./contexts/ApiPlaygroundContext.js";
+import { useCopyPathWithInputs as F } from "./hooks/useCopyPathWithInputs.js";
+import { useInitializeInputs as G } from "./hooks/useInitializeInputs.js";
+import { useSendPlaygroundRequest as J } from "./hooks/useSendPlaygroundRequest.js";
+import { getRequestBodyContentType as L } from "./schemaGraph/utils.js";
+import { cn as Q } from "../utils/cn.js";
+const xt = ({
+  isPlaygroundExpanded: l,
+  setIsPlaygroundExpanded: r,
+  baseUrl: d,
+  baseUrlOptions: y,
+  apiReferenceData: e
+}) => {
+  var a;
+  const { selectedExampleIndex: g, selectedBaseUrlIndex: s, setSelectedBaseUrlIndex: x } = q(z), [V, X] = o(0), [f, c] = o(!1), [m, h] = o(0), [i, S] = o(), [I, C] = o(!1);
+  G({
+    apiReferenceData: e,
+    selectedBaseUrlIndex: s,
+    selectedExampleIndex: g ?? 0,
+    selectedRequestBodyContentTypeIndex: m
+  });
+  const v = J({
+    apiReferenceData: e,
+    baseUrl: d,
+    contentType: L(e, m),
+    setResult: S,
+    setIsSending: C
+  }), N = F({
+    path: ((a = e.operation) == null ? void 0 : a.path) ?? "",
+    baseUrl: d
+  }), b = async () => {
+    await j(N) === "success" && (c(!0), setTimeout(() => {
+      c(!1);
+    }, 2e3));
+  };
+  if (M({
+    key: "Escape",
+    callback: l ? () => r(!1) : void 0,
+    isSingleKey: !0
+  }), !e.operation) return null;
+  const { path: B, method: p, title: T, description: k } = e.operation;
+  return /* @__PURE__ */ n(
+    P,
+    {
+      isPlaygroundExpanded: l,
+      setIsPlaygroundExpanded: r,
+      children: [
+        /* @__PURE__ */ n("div", { className: "mint:flex mint:items-center mint:justify-between mint:gap-x-2 mint:rounded-xl mint:p-1.5 mint:pr-0", children: [
+          /* @__PURE__ */ t("div", { className: "mint:flex-1 mint:bg-gray-100 dark:bg-white/5 mint:border-gray-200 mint:rounded-xl ", children: /* @__PURE__ */ t(
+            U,
+            {
+              onCopy: b,
+              baseUrlOptions: y,
+              selectedBaseUrlIndex: s,
+              setSelectedBaseUrlIndex: x ?? (() => {
+              }),
+              isCopiedActive: f,
+              display: "interactive",
+              path: B,
+              method: p,
+              onBaseUrlChange: () => {
+              },
+              isInPlaygroundModal: !0
+            }
+          ) }),
+          /* @__PURE__ */ t(
+            A,
+            {
+              label: "Send",
+              method: p,
+              isSending: I,
+              onClick: v,
+              className: "mint:w-20"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { className: "mint:grid mint:grid-cols-1 mint:lg:grid-cols-5 mint:gap-x-8 mint:gap-y-6 mint:mt-5 mint:relative", children: [
+          /* @__PURE__ */ n("div", { className: "mint:col-span-1 mint:lg:col-span-3", children: [
+            /* @__PURE__ */ t(w, { title: T, description: k }),
+            i && /* @__PURE__ */ t(u, { result: i, className: "mint:mt-6 mint:block mint:lg:hidden" }),
+            /* @__PURE__ */ n("div", { className: "mint:space-y-2 mint:mt-6", children: [
+              /* @__PURE__ */ t(
+                O,
+                {
+                  apiReferenceData: e,
+                  selectedBaseUrlIndex: s
+                }
+              ),
+              /* @__PURE__ */ t(K, { apiReferenceData: e }),
+              /* @__PURE__ */ t(H, { apiReferenceData: e }),
+              /* @__PURE__ */ t(
+                W,
+                {
+                  apiReferenceData: e,
+                  selectedContentTypeIndex: m,
+                  setSelectedContentTypeIndex: h
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: Q(
+                "mint:p-px mint:col-span-1 mint:lg:col-span-2 mint:lg:space-y-6 mint:lg:flex mint:lg:sticky mint:lg:top-0 mint:lg:self-start mint:lg:h-[calc(100vh-5.5rem)]",
+                i && "mint:lg:flex-col mint:overflow-y-auto mint:lg:-top-12 mint:lg:h-screen"
+              ),
+              children: [
+                i && /* @__PURE__ */ t(u, { result: i, className: "mint:hidden mint:lg:block mint:min-h-fit" }),
+                /* @__PURE__ */ t(E, { isModal: !0, "data-testid": "api-playground-request-example", className: "mint:xl:w-full" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  xt as Playground
+};
+//# sourceMappingURL=Playground.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Playground.js","sources":["../../src/api-playground-2/Playground.tsx"],"sourcesContent":["import { ApiPlaygroundResultType } from '@mintlify/models';\nimport { useContext, useState } from 'react';\n\nimport type { ApiReferenceDataV2 } from '@/api-playground-2/types';\nimport { Response } from '@/api-playground/ApiPlayground/Response';\nimport { ModalHeader } from '@/api-playground/ApiPlayground/components/ModalHeader';\nimport { PlaygroundModalWrapper } from '@/api-playground/ApiPlayground/components/PlaygroundModalWrapper';\nimport { SendPill } from '@/api-playground/ApiPlayground/components/SendPill';\nimport { useKeyboardShortcut } from '../hooks/useKeyboardShortcut';\nimport { copyToClipboard } from '../utils/copyToClipboard';\n\nimport { ApiExamples } from './ApiExamples';\nimport { EndpointHeader } from './EndpointHeader';\nimport { BodySection } from './components/Request/BodySection';\nimport { ParameterSection } from './components/Request/ParameterSection';\nimport { SecuritySection } from './components/Request/SecuritySection';\nimport { ServerSection } from './components/Request/ServerSection';\nimport { ApiPlaygroundContext } from './contexts/ApiPlaygroundContext';\nimport { useCopyPathWithInputs } from './hooks/useCopyPathWithInputs';\nimport { useInitializeInputs } from './hooks/useInitializeInputs';\nimport { useSendPlaygroundRequest } from './hooks/useSendPlaygroundRequest';\nimport { getRequestBodyContentType } from './schemaGraph/utils';\nimport { cn } from \"../utils/cn\";\nimport { MethodPill } from '@/components/Api/MethodPill';\n\ntype PlaygroundProps = {\n  isPlaygroundExpanded: boolean;\n  setIsPlaygroundExpanded: (isPlaygroundExpanded: boolean) => void;\n  baseUrl: string;\n  baseUrlOptions: string[];\n  apiReferenceData: ApiReferenceDataV2;\n};\n\nexport const Playground = ({\n  isPlaygroundExpanded,\n  setIsPlaygroundExpanded,\n  baseUrl,\n  baseUrlOptions,\n  apiReferenceData,\n}: PlaygroundProps) => {\n  const { selectedExampleIndex, selectedBaseUrlIndex, setSelectedBaseUrlIndex } =\n    useContext(ApiPlaygroundContext);\n  const [selectedSecurityOptionIndex, setSelectedSecurityOptionIndex] = useState(0);\n  const [isCopiedActive, setIsCopiedActive] = useState(false);\n  const [selectedRequestBodyContentTypeIndex, setSelectedRequestBodyContentTypeIndex] = useState(0);\n  const [result, setResult] = useState<ApiPlaygroundResultType>();\n  const [isSending, setIsSending] = useState(false);\n\n  useInitializeInputs({\n    apiReferenceData,\n    selectedBaseUrlIndex,\n    selectedExampleIndex: selectedExampleIndex ?? 0,\n    selectedRequestBodyContentTypeIndex,\n  });\n\n  const sendRequest = useSendPlaygroundRequest({\n    apiReferenceData,\n    baseUrl,\n    contentType: getRequestBodyContentType(apiReferenceData, selectedRequestBodyContentTypeIndex),\n    setResult,\n    setIsSending,\n  });\n\n  const pathWithInputs = useCopyPathWithInputs({\n    path: apiReferenceData.operation?.path ?? '',\n    baseUrl,\n  });\n\n  const onCopy = async () => {\n    const toCopy = pathWithInputs;\n    const result = await copyToClipboard(toCopy);\n    if (result === 'success') {\n      setIsCopiedActive(true);\n      setTimeout(() => {\n        setIsCopiedActive(false);\n      }, 2000);\n    }\n  };\n\n  useKeyboardShortcut({\n    key: 'Escape',\n    callback: isPlaygroundExpanded ? () => setIsPlaygroundExpanded(false) : undefined,\n    isSingleKey: true,\n  });\n\n  if (!apiReferenceData.operation) return null;\n\n  const { path, method, title, description } = apiReferenceData.operation;\n\n  return (\n    <PlaygroundModalWrapper\n      isPlaygroundExpanded={isPlaygroundExpanded}\n      setIsPlaygroundExpanded={setIsPlaygroundExpanded}\n    >\n      <div className=\"mint:flex mint:items-center mint:justify-between mint:gap-x-2 mint:rounded-xl mint:p-1.5 mint:pr-0\">\n        <div className=\"mint:flex-1 mint:bg-gray-100 dark:bg-white/5 mint:border-gray-200 mint:rounded-xl \">\n          <EndpointHeader\n            onCopy={onCopy}\n            baseUrlOptions={baseUrlOptions}\n            selectedBaseUrlIndex={selectedBaseUrlIndex}\n            setSelectedBaseUrlIndex={setSelectedBaseUrlIndex ?? (() => {})}\n            isCopiedActive={isCopiedActive}\n            display=\"interactive\"\n            path={path}\n            method={method}\n            onBaseUrlChange={() => {}}\n            isInPlaygroundModal={true}\n          />\n        </div>\n        <SendPill\n          label=\"Send\"\n          method={method}\n          isSending={isSending}\n          onClick={sendRequest}\n          className=\"mint:w-20\"\n        />\n      </div>\n      <div className=\"mint:grid mint:grid-cols-1 mint:lg:grid-cols-5 mint:gap-x-8 mint:gap-y-6 mint:mt-5 mint:relative\">\n        <div className=\"mint:col-span-1 mint:lg:col-span-3\">\n          <ModalHeader title={title} description={description} />\n          {result && <Response result={result} className=\"mint:mt-6 mint:block mint:lg:hidden\" />}\n          <div className=\"mint:space-y-2 mint:mt-6\">\n            <ServerSection\n              apiReferenceData={apiReferenceData}\n              selectedBaseUrlIndex={selectedBaseUrlIndex}\n            />\n            <SecuritySection apiReferenceData={apiReferenceData} />\n            <ParameterSection apiReferenceData={apiReferenceData} />\n            <BodySection\n              apiReferenceData={apiReferenceData}\n              selectedContentTypeIndex={selectedRequestBodyContentTypeIndex}\n              setSelectedContentTypeIndex={setSelectedRequestBodyContentTypeIndex}\n            />\n          </div>\n        </div>\n        <div\n          className={cn(\n            'mint:p-px mint:col-span-1 mint:lg:col-span-2 mint:lg:space-y-6 mint:lg:flex mint:lg:sticky mint:lg:top-0 mint:lg:self-start mint:lg:h-[calc(100vh-5.5rem)]',\n            result && 'mint:lg:flex-col mint:overflow-y-auto mint:lg:-top-12 mint:lg:h-screen'\n          )}\n        >\n          {result && <Response result={result} className=\"mint:hidden mint:lg:block mint:min-h-fit\" />}\n          <ApiExamples isModal data-testid=\"api-playground-request-example\" className=\"mint:xl:w-full\" />\n        </div>\n      </div>\n    </PlaygroundModalWrapper>\n  );\n};\n"],"names":["Playground","isPlaygroundExpanded","setIsPlaygroundExpanded","baseUrl","baseUrlOptions","apiReferenceData","selectedExampleIndex","selectedBaseUrlIndex","setSelectedBaseUrlIndex","useContext","ApiPlaygroundContext","selectedSecurityOptionIndex","setSelectedSecurityOptionIndex","useState","isCopiedActive","setIsCopiedActive","selectedRequestBodyContentTypeIndex","setSelectedRequestBodyContentTypeIndex","result","setResult","isSending","setIsSending","useInitializeInputs","sendRequest","useSendPlaygroundRequest","getRequestBodyContentType","pathWithInputs","useCopyPathWithInputs","_a","onCopy","copyToClipboard","useKeyboardShortcut","path","method","title","description","jsxs","PlaygroundModalWrapper","jsx","EndpointHeader","SendPill","ModalHeader","Response","ServerSection","SecuritySection","ParameterSection","BodySection","cn","ApiExamples"],"mappings":"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"}