@mintlify/msft-sdk 1.1.24 → 1.1.25

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

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

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

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

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

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

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

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

package/dist/api-playground/ApiPlayground/components/EndpointsMenu.js

@@ -1,15 +1,14 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { potentiallyParseOpenApiString as M } from "../../../common/potentiallyParseOpenApiString.js";
-import { slugToTitle as h } from "../../../common/slugToTitle.js";
-import { ChevronDownFilled as P } from "@fluentui/react-icons";
-import { useState as k, useMemo as u } from "react";
+import { slugToTitle as f } from "../../../common/slugToTitle.js";
+import { ChevronDownFilled as k } from "@fluentui/react-icons";
+import { useState as P, useMemo as h } from "react";
 import { MethodPill as A } from "../../../components/Api/MethodPill.js";
-import { DropdownMenu as y, DropdownMenuTrigger as C, DropdownMenuContent as D } from "../../../components/Api/dropdown-menu.js";
-import { useCurrentPath as N } from "../../../hooks/useCurrentPath.js";
+import { DropdownMenu as y, DropdownMenuTrigger as D, DropdownMenuContent as N } from "../../../components/Api/dropdown-menu.js";
 import { useMDXContent as S } from "../../../hooks/useMDXContent.js";
-import { EndpointsMenuLink as T } from "./EndpointsMenuLink.js";
-import { EndpointsMenuSearch as E } from "./EndpointsMenuSearch.js";
-const f = (r) => r.reduce((t, e) => "pages" in e ? [...t, ...f(e.pages)] : "openapi" in e || "api" in e || "asyncapi" in e ? [...t, e] : t, []), L = (r) => r.map((t) => {
+import { EndpointsMenuLink as C } from "./EndpointsMenuLink.js";
+import { EndpointsMenuSearch as T } from "./EndpointsMenuSearch.js";
+const g = (r) => r.reduce((t, e) => "pages" in e ? [...t, ...g(e.pages)] : "openapi" in e || "api" in e || "asyncapi" in e ? [...t, e] : t, []), E = (r) => r.map((t) => {
   {
     const e = t.openapi || t.api;
     if (e == null)
@@ -17,28 +16,28 @@ const f = (r) => r.reduce((t, e) => "pages" in e ? [...t, ...f(e.pages)] : "open
     const n = M(e);
     return n == null ? void 0 : {
       method: n.method,
-      title: t.title || h(t.href),
+      title: t.title || f(t.href),
       href: t.href,
       type: "openapi",
       playground: t.playground
     };
   }
-}).filter((t) => t != null), I = ({ endpoint: r, channel: t, operation: e }) => {
-  var c;
-  const [{ pageMetadata: n }] = S(), g = N(), s = n.title || h(g), [m, x] = k(""), l = f(((c = n.navigation) == null ? void 0 : c.groupsOrPages) ?? []), d = u(() => L(l), [l]), v = e ? e.title || s : r ? r.title || s : (t == null ? void 0 : t.title) || s, p = e ? e.method : r ? r.method : "websocket", w = p === "websocket", b = u(() => m ? d.filter((o) => o.title.toLowerCase().includes(m.toLowerCase())) : d, [m, d]);
-  return /* @__PURE__ */ a(y, { children: [
-    /* @__PURE__ */ i(C, { className: "mint:hidden mint:lg:block", children: /* @__PURE__ */ a("div", { className: "mint:flex mint:items-center mint:gap-x-2 mint:border-standard mint:rounded-xl mint:p-1.5 mint:pr-3 mint:min-w-80 mint:hover:bg-gray-50 mint:dark:hover:bg-white/5", children: [
-      /* @__PURE__ */ i(A, { method: p, shortMethod: w, isActive: !0 }),
+}).filter((t) => t != null), G = ({ endpoint: r, channel: t, operation: e, pathname: n }) => {
+  var u;
+  const [{ pageMetadata: a }] = S(), s = a.title || f(n), [m, x] = P(""), p = g(((u = a.navigation) == null ? void 0 : u.groupsOrPages) ?? []), d = h(() => E(p), [p]), v = e ? e.title || s : r ? r.title || s : (t == null ? void 0 : t.title) || s, c = e ? e.method : r ? r.method : "websocket", w = c === "websocket", b = h(() => m ? d.filter((o) => o.title.toLowerCase().includes(m.toLowerCase())) : d, [m, d]);
+  return /* @__PURE__ */ l(y, { children: [
+    /* @__PURE__ */ i(D, { className: "mint:hidden mint:lg:block", children: /* @__PURE__ */ l("div", { className: "mint:flex mint:items-center mint:gap-x-2 mint:border-standard mint:rounded-xl mint:p-1.5 mint:pr-3 mint:min-w-80 mint:hover:bg-gray-50 mint:dark:hover:bg-white/5", children: [
+      /* @__PURE__ */ i(A, { method: c, shortMethod: w, isActive: !0 }),
       /* @__PURE__ */ i("div", { className: "mint:flex-1 mint:text-left mint:text-sm mint:font-medium mint:text-gray-900 mint:dark:text-white mint:truncate", children: v }),
-      /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(P, { className: "mint:w-4 mint:h-4 mint:text-gray-500 mint:dark:text-gray-400" }) })
+      /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(k, { className: "mint:w-4 mint:h-4 mint:text-gray-500 mint:dark:text-gray-400" }) })
     ] }) }),
-    /* @__PURE__ */ i(D, { className: "mint:hidden mint:lg:block mint:w-80 mint:border mint:border-gray-100 mint:dark:border-white/10 mint:rounded-xl mint:px-2 mint:pb-2 mint:pt-0", children: /* @__PURE__ */ a("div", { className: "mint:flex mint:flex-col", children: [
-      /* @__PURE__ */ i(E, { search: m, setSearch: x }),
-      b.map((o) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(T, { page: o }) }, `search-${o.title}-${o.href}`))
+    /* @__PURE__ */ i(N, { className: "mint:hidden mint:lg:block mint:w-80 mint:border mint:border-gray-100 mint:dark:border-white/10 mint:rounded-xl mint:px-2 mint:pb-2 mint:pt-0", children: /* @__PURE__ */ l("div", { className: "mint:flex mint:flex-col", children: [
+      /* @__PURE__ */ i(T, { search: m, setSearch: x }),
+      b.map((o) => /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(C, { page: o, pathname: n }) }, `search-${o.title}-${o.href}`))
     ] }) })
   ] });
 };
 export {
-  I as EndpointsMenu
+  G as EndpointsMenu
 };
 //# sourceMappingURL=EndpointsMenu.js.map

package/dist/api-playground/ApiPlayground/components/EndpointsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointsMenu.js","sources":["../../../../src/api-playground/ApiPlayground/components/EndpointsMenu.tsx"],"sourcesContent":["import { potentiallyParseOpenApiString} from '../../../common/potentiallyParseOpenApiString';\nimport { slugToTitle } from '../../../common/slugToTitle';\nimport type { ChannelData } from '@mintlify/common';\nimport { DecoratedNavigationPage } from '@mintlify/models';\nimport { DecoratedPageOrGroupConfig, Endpoint } from '@mintlify/validation';\nimport { ChevronDownFilled } from '@fluentui/react-icons';\nimport { useState, useMemo } from 'react';\n\nimport { MethodPill } from '../../../components/Api/MethodPill';\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from '../../../components/Api/dropdown-menu';\nimport { useCurrentPath } from '../../../hooks/useCurrentPath';\nimport { useMDXContent } from '@/hooks/useMDXContent';\nimport { ApiPageData } from '../../../api-playground-2/types/api';\n\nimport { EndpointsMenuLink } from './EndpointsMenuLink';\nimport { EndpointsMenuSearch } from './EndpointsMenuSearch';\n\ntype EndpointsMenuProps = {\n  endpoint?: Endpoint;\n  channel?: ChannelData;\n  operation?: { title: string; method: string };\n};\n\nconst getAllApiPages = (navigation: DecoratedPageOrGroupConfig[]): DecoratedNavigationPage[] => {\n  return navigation.reduce<DecoratedNavigationPage[]>((acc, entry) => {\n    if ('pages' in entry) {\n       \n      return [...acc, ...getAllApiPages(entry.pages as DecoratedPageOrGroupConfig[])];\n    } else if ('openapi' in entry || 'api' in entry || 'asyncapi' in entry) {\n      return [...acc, entry];\n    }\n    return acc;\n  }, []);\n};\n\nconst mapApiPageData = (pages: DecoratedNavigationPage[]): ApiPageData[] => {\n  return pages\n    .map((page: DecoratedNavigationPage): ApiPageData | undefined => {\n       {\n        const endpointStr = page.openapi || page.api;\n        if (endpointStr == undefined) {\n          return undefined;\n        }\n        const potentiallyParsedOpenApiString = potentiallyParseOpenApiString(endpointStr);\n        if (potentiallyParsedOpenApiString == undefined) {\n          return undefined;\n        }\n        return {\n          method: potentiallyParsedOpenApiString.method,\n          title: page.title || slugToTitle(page.href),\n          href: page.href,\n          type: 'openapi',\n          playground: page.playground,\n        };\n      }\n    })\n    .filter((pageData) => pageData != undefined);\n};\n\nexport const EndpointsMenu = ({ endpoint, channel, operation }: EndpointsMenuProps) => {\n  const [{ pageMetadata }] = useMDXContent() as unknown as [{ pageMetadata: { title?: string; navigation?: { groupsOrPages?: DecoratedPageOrGroupConfig[] } } }];\n  const currentPath = useCurrentPath();\n  const pageTitle = pageMetadata.title || slugToTitle(currentPath);\n  const [search, setSearch] = useState('');\n\n  const allApiPages = getAllApiPages(pageMetadata.navigation?.groupsOrPages ?? []);\n  const apiPages = useMemo(() => mapApiPageData(allApiPages), [allApiPages]);\n\n  const title = operation\n    ? operation.title || pageTitle\n    : endpoint\n      ? endpoint.title || pageTitle\n      : channel?.title || pageTitle;\n  const method = operation ? operation.method : endpoint ? endpoint.method : 'websocket';\n  const shortMethod = method === 'websocket';\n\n  const searchResults = useMemo(() => {\n    if (!search) return apiPages;\n    return apiPages.filter((page) => {\n      return page.title.toLowerCase().includes(search.toLowerCase());\n    });\n  }, [search, apiPages]);\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger className=\"mint:hidden mint:lg:block\">\n        <div className=\"mint:flex mint:items-center mint:gap-x-2 mint:border-standard mint:rounded-xl mint:p-1.5 mint:pr-3 mint:min-w-80 mint:hover:bg-gray-50 mint:dark:hover:bg-white/5\">\n          <MethodPill method={method} shortMethod={shortMethod} isActive={true} />\n          <div className=\"mint:flex-1 mint:text-left mint:text-sm mint:font-medium mint:text-gray-900 mint:dark:text-white mint:truncate\">\n            {title}\n          </div>\n          <div>\n            <ChevronDownFilled className=\"mint:w-4 mint:h-4 mint:text-gray-500 mint:dark:text-gray-400\" />\n          </div>\n        </div>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent className=\"mint:hidden mint:lg:block mint:w-80 mint:border mint:border-gray-100 mint:dark:border-white/10 mint:rounded-xl mint:px-2 mint:pb-2 mint:pt-0\">\n        <div className=\"mint:flex mint:flex-col\">\n          <EndpointsMenuSearch search={search} setSearch={setSearch} />\n          {searchResults.map((page) => (\n            <div key={`search-${page.title}-${page.href}`}>\n              <EndpointsMenuLink page={page} />\n            </div>\n          ))}\n        </div>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["getAllApiPages","navigation","acc","entry","mapApiPageData","pages","page","endpointStr","potentiallyParsedOpenApiString","potentiallyParseOpenApiString","slugToTitle","pageData","EndpointsMenu","endpoint","channel","operation","pageMetadata","useMDXContent","currentPath","useCurrentPath","pageTitle","search","setSearch","useState","allApiPages","_a","apiPages","useMemo","title","method","shortMethod","searchResults","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","MethodPill","ChevronDownFilled","DropdownMenuContent","EndpointsMenuSearch","EndpointsMenuLink"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,IAAiB,CAACC,MACfA,EAAW,OAAkC,CAACC,GAAKC,MACpD,WAAWA,IAEN,CAAC,GAAGD,GAAK,GAAGF,EAAeG,EAAM,KAAqC,CAAC,IACrE,aAAaA,KAAS,SAASA,KAAS,cAAcA,IACxD,CAAC,GAAGD,GAAKC,CAAK,IAEhBD,GACN,CAAA,CAAE,GAGDE,IAAiB,CAACC,MACfA,EACJ,IAAI,CAACC,MAA2D;AAC9D;AACC,UAAMC,IAAcD,EAAK,WAAWA,EAAK;AACzC,QAAIC,KAAe;AACjB;AAEF,UAAMC,IAAiCC,EAA8BF,CAAW;AAChF,WAAIC,KAAkC,OACpC,SAEK;AAAA,MACL,QAAQA,EAA+B;AAAA,MACvC,OAAOF,EAAK,SAASI,EAAYJ,EAAK,IAAI;AAAA,MAC1C,MAAMA,EAAK;AAAA,MACX,MAAM;AAAA,MACN,YAAYA,EAAK;AAAA,IAAA;AAAA,EAErB;AACF,CAAC,EACA,OAAO,CAACK,MAAaA,KAAY,IAAS,GAGlCC,IAAgB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,QAAoC;;AACrF,QAAM,CAAC,EAAE,cAAAC,GAAc,IAAIC,EAAA,GACrBC,IAAcC,EAAA,GACdC,IAAYJ,EAAa,SAASN,EAAYQ,CAAW,GACzD,CAACG,GAAQC,CAAS,IAAIC,EAAS,EAAE,GAEjCC,IAAcxB,IAAeyB,IAAAT,EAAa,eAAb,gBAAAS,EAAyB,kBAAiB,CAAA,CAAE,GACzEC,IAAWC,EAAQ,MAAMvB,EAAeoB,CAAW,GAAG,CAACA,CAAW,CAAC,GAEnEI,IAAQb,IACVA,EAAU,SAASK,IACnBP,IACEA,EAAS,SAASO,KAClBN,KAAA,gBAAAA,EAAS,UAASM,GAClBS,IAASd,IAAYA,EAAU,SAASF,IAAWA,EAAS,SAAS,aACrEiB,IAAcD,MAAW,aAEzBE,IAAgBJ,EAAQ,MACvBN,IACEK,EAAS,OAAO,CAACpB,MACfA,EAAK,MAAM,YAAA,EAAc,SAASe,EAAO,aAAa,CAC9D,IAHmBK,GAInB,CAACL,GAAQK,CAAQ,CAAC;AAErB,2BACGM,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAoB,WAAU,6BAC7B,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qKACb,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAW,QAAAP,GAAgB,aAAAC,GAA0B,UAAU,IAAM;AAAA,MACtE,gBAAAG,EAAC,OAAA,EAAI,WAAU,kHACZ,UAAAL,GACH;AAAA,wBACC,OAAA,EACC,UAAA,gBAAAK,EAACI,GAAA,EAAkB,WAAU,gEAA+D,EAAA,CAC9F;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,sBACCC,GAAA,EAAoB,WAAU,gJAC7B,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,gBAAAF,EAACM,GAAA,EAAoB,QAAAlB,GAAgB,WAAAC,EAAA,CAAsB;AAAA,MAC1DS,EAAc,IAAI,CAACzB,MAClB,gBAAA2B,EAAC,SACC,UAAA,gBAAAA,EAACO,GAAA,EAAkB,MAAAlC,EAAA,CAAY,EAAA,GADvB,UAAUA,EAAK,KAAK,IAAIA,EAAK,IAAI,EAE3C,CACD;AAAA,IAAA,EAAA,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"EndpointsMenu.js","sources":["../../../../src/api-playground/ApiPlayground/components/EndpointsMenu.tsx"],"sourcesContent":["import { potentiallyParseOpenApiString} from '../../../common/potentiallyParseOpenApiString';\nimport { slugToTitle } from '../../../common/slugToTitle';\nimport type { ChannelData } from '@mintlify/common';\nimport { DecoratedNavigationPage } from '@mintlify/models';\nimport { DecoratedPageOrGroupConfig, Endpoint } from '@mintlify/validation';\nimport { ChevronDownFilled } from '@fluentui/react-icons';\nimport { useState, useMemo } from 'react';\n\nimport { MethodPill } from '../../../components/Api/MethodPill';\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from '../../../components/Api/dropdown-menu';\nimport { useMDXContent } from '@/hooks/useMDXContent';\nimport { ApiPageData } from '../../../api-playground-2/types/api';\n\nimport { EndpointsMenuLink } from './EndpointsMenuLink';\nimport { EndpointsMenuSearch } from './EndpointsMenuSearch';\n\ntype EndpointsMenuProps = {\n  endpoint?: Endpoint;\n  channel?: ChannelData;\n  operation?: { title: string; method: string };\n  pathname: string;\n};\n\nconst getAllApiPages = (navigation: DecoratedPageOrGroupConfig[]): DecoratedNavigationPage[] => {\n  return navigation.reduce<DecoratedNavigationPage[]>((acc, entry) => {\n    if ('pages' in entry) {\n       \n      return [...acc, ...getAllApiPages(entry.pages as DecoratedPageOrGroupConfig[])];\n    } else if ('openapi' in entry || 'api' in entry || 'asyncapi' in entry) {\n      return [...acc, entry];\n    }\n    return acc;\n  }, []);\n};\n\nconst mapApiPageData = (pages: DecoratedNavigationPage[]): ApiPageData[] => {\n  return pages\n    .map((page: DecoratedNavigationPage): ApiPageData | undefined => {\n       {\n        const endpointStr = page.openapi || page.api;\n        if (endpointStr == undefined) {\n          return undefined;\n        }\n        const potentiallyParsedOpenApiString = potentiallyParseOpenApiString(endpointStr);\n        if (potentiallyParsedOpenApiString == undefined) {\n          return undefined;\n        }\n        return {\n          method: potentiallyParsedOpenApiString.method,\n          title: page.title || slugToTitle(page.href),\n          href: page.href,\n          type: 'openapi',\n          playground: page.playground,\n        };\n      }\n    })\n    .filter((pageData) => pageData != undefined);\n};\n\nexport const EndpointsMenu = ({ endpoint, channel, operation, pathname }: EndpointsMenuProps) => {\n  const [{ pageMetadata }] = useMDXContent() as unknown as [{ pageMetadata: { title?: string; navigation?: { groupsOrPages?: DecoratedPageOrGroupConfig[] } } }];\n  const pageTitle = pageMetadata.title || slugToTitle(pathname);\n  const [search, setSearch] = useState('');\n\n  const allApiPages = getAllApiPages(pageMetadata.navigation?.groupsOrPages ?? []);\n  const apiPages = useMemo(() => mapApiPageData(allApiPages), [allApiPages]);\n\n  const title = operation\n    ? operation.title || pageTitle\n    : endpoint\n      ? endpoint.title || pageTitle\n      : channel?.title || pageTitle;\n  const method = operation ? operation.method : endpoint ? endpoint.method : 'websocket';\n  const shortMethod = method === 'websocket';\n\n  const searchResults = useMemo(() => {\n    if (!search) return apiPages;\n    return apiPages.filter((page) => {\n      return page.title.toLowerCase().includes(search.toLowerCase());\n    });\n  }, [search, apiPages]);\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger className=\"mint:hidden mint:lg:block\">\n        <div className=\"mint:flex mint:items-center mint:gap-x-2 mint:border-standard mint:rounded-xl mint:p-1.5 mint:pr-3 mint:min-w-80 mint:hover:bg-gray-50 mint:dark:hover:bg-white/5\">\n          <MethodPill method={method} shortMethod={shortMethod} isActive={true} />\n          <div className=\"mint:flex-1 mint:text-left mint:text-sm mint:font-medium mint:text-gray-900 mint:dark:text-white mint:truncate\">\n            {title}\n          </div>\n          <div>\n            <ChevronDownFilled className=\"mint:w-4 mint:h-4 mint:text-gray-500 mint:dark:text-gray-400\" />\n          </div>\n        </div>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent className=\"mint:hidden mint:lg:block mint:w-80 mint:border mint:border-gray-100 mint:dark:border-white/10 mint:rounded-xl mint:px-2 mint:pb-2 mint:pt-0\">\n        <div className=\"mint:flex mint:flex-col\">\n          <EndpointsMenuSearch search={search} setSearch={setSearch} />\n          {searchResults.map((page) => (\n            <div key={`search-${page.title}-${page.href}`}>\n              <EndpointsMenuLink page={page} pathname={pathname} />\n            </div>\n          ))}\n        </div>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["getAllApiPages","navigation","acc","entry","mapApiPageData","pages","page","endpointStr","potentiallyParsedOpenApiString","potentiallyParseOpenApiString","slugToTitle","pageData","EndpointsMenu","endpoint","channel","operation","pathname","pageMetadata","useMDXContent","pageTitle","search","setSearch","useState","allApiPages","_a","apiPages","useMemo","title","method","shortMethod","searchResults","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","MethodPill","ChevronDownFilled","DropdownMenuContent","EndpointsMenuSearch","EndpointsMenuLink"],"mappings":";;;;;;;;;;AAuBA,MAAMA,IAAiB,CAACC,MACfA,EAAW,OAAkC,CAACC,GAAKC,MACpD,WAAWA,IAEN,CAAC,GAAGD,GAAK,GAAGF,EAAeG,EAAM,KAAqC,CAAC,IACrE,aAAaA,KAAS,SAASA,KAAS,cAAcA,IACxD,CAAC,GAAGD,GAAKC,CAAK,IAEhBD,GACN,CAAA,CAAE,GAGDE,IAAiB,CAACC,MACfA,EACJ,IAAI,CAACC,MAA2D;AAC9D;AACC,UAAMC,IAAcD,EAAK,WAAWA,EAAK;AACzC,QAAIC,KAAe;AACjB;AAEF,UAAMC,IAAiCC,EAA8BF,CAAW;AAChF,WAAIC,KAAkC,OACpC,SAEK;AAAA,MACL,QAAQA,EAA+B;AAAA,MACvC,OAAOF,EAAK,SAASI,EAAYJ,EAAK,IAAI;AAAA,MAC1C,MAAMA,EAAK;AAAA,MACX,MAAM;AAAA,MACN,YAAYA,EAAK;AAAA,IAAA;AAAA,EAErB;AACF,CAAC,EACA,OAAO,CAACK,MAAaA,KAAY,IAAS,GAGlCC,IAAgB,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,UAAAC,QAAmC;;AAC/F,QAAM,CAAC,EAAE,cAAAC,GAAc,IAAIC,EAAA,GACrBC,IAAYF,EAAa,SAASP,EAAYM,CAAQ,GACtD,CAACI,GAAQC,CAAS,IAAIC,EAAS,EAAE,GAEjCC,IAAcvB,IAAewB,IAAAP,EAAa,eAAb,gBAAAO,EAAyB,kBAAiB,CAAA,CAAE,GACzEC,IAAWC,EAAQ,MAAMtB,EAAemB,CAAW,GAAG,CAACA,CAAW,CAAC,GAEnEI,IAAQZ,IACVA,EAAU,SAASI,IACnBN,IACEA,EAAS,SAASM,KAClBL,KAAA,gBAAAA,EAAS,UAASK,GAClBS,IAASb,IAAYA,EAAU,SAASF,IAAWA,EAAS,SAAS,aACrEgB,IAAcD,MAAW,aAEzBE,IAAgBJ,EAAQ,MACvBN,IACEK,EAAS,OAAO,CAACnB,MACfA,EAAK,MAAM,YAAA,EAAc,SAASc,EAAO,aAAa,CAC9D,IAHmBK,GAInB,CAACL,GAAQK,CAAQ,CAAC;AAErB,2BACGM,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAoB,WAAU,6BAC7B,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,qKACb,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EAAW,QAAAP,GAAgB,aAAAC,GAA0B,UAAU,IAAM;AAAA,MACtE,gBAAAG,EAAC,OAAA,EAAI,WAAU,kHACZ,UAAAL,GACH;AAAA,wBACC,OAAA,EACC,UAAA,gBAAAK,EAACI,GAAA,EAAkB,WAAU,gEAA+D,EAAA,CAC9F;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,sBACCC,GAAA,EAAoB,WAAU,gJAC7B,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAA,gBAAAF,EAACM,GAAA,EAAoB,QAAAlB,GAAgB,WAAAC,EAAA,CAAsB;AAAA,MAC1DS,EAAc,IAAI,CAACxB,MAClB,gBAAA0B,EAAC,OAAA,EACC,4BAACO,GAAA,EAAkB,MAAAjC,GAAY,UAAAU,GAAoB,EAAA,GAD3C,UAAUV,EAAK,KAAK,IAAIA,EAAK,IAAI,EAE3C,CACD;AAAA,IAAA,EAAA,CACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/api-playground/ApiPlayground/components/EndpointsMenuLink.js

@@ -1,10 +1,9 @@
-import { jsx as n, jsxs as a } from "react/jsx-runtime";
-import { MethodPill as l } from "../../../components/Api/MethodPill.js";
-import { useCurrentPath as c } from "../../../hooks/useCurrentPath.js";
-import { isEqualIgnoringLeadingSlash as u } from "../../../paths/isEqualIgnoringLeadingSlash.js";
-import { cn as f } from "../../../utils/cn.js";
-const k = ({ page: t }) => {
-  const o = c(), i = u(t.href, o), m = t.type === "openapi", d = t.playground === "none" || t.playground === "simple" || t.method === "webhook", s = (h) => {
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { MethodPill as a } from "../../../components/Api/MethodPill.js";
+import { isEqualIgnoringLeadingSlash as c } from "../../../paths/isEqualIgnoringLeadingSlash.js";
+import { cn as u } from "../../../utils/cn.js";
+const w = ({ page: t, pathname: o }) => {
+  const i = c(t.href, o), m = t.type === "openapi", d = t.playground === "none" || t.playground === "simple" || t.method === "webhook", s = (h) => {
     h.preventDefault();
     const e = d ? t.href : `${t.href}?playground=open`;
     if (typeof window < "u" && window.next) {
@@ -16,17 +15,17 @@ const k = ({ page: t }) => {
     }
     window.location.href = e;
   };
-  return /* @__PURE__ */ n("a", { href: t.href, title: t.title, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ n("a", { href: t.href, title: t.title, children: /* @__PURE__ */ l(
     "div",
     {
       onClick: s,
-      className: f(
+      className: u(
         "mint:flex mint:items-center mint:gap-x-2 mint:hover:bg-gray-50 mint:dark:hover:bg-white/5 mint:rounded-xl mint:p-1.5 mint:group mint:cursor-pointer",
         i ? "mint:bg-gray-50 mint:dark:bg-white/5 mint:text-[#643FB2] mint:dark:text-[#C9AAF9] mint:font-medium" : "mint:text-gray-700 mint:hover:text-gray-900 mint:dark:text-gray-400 mint:dark:hover:text-gray-300"
       ),
       children: [
         /* @__PURE__ */ n(
-          l,
+          a,
           {
             method: t.method,
             shortMethod: m,
@@ -40,6 +39,6 @@ const k = ({ page: t }) => {
   ) });
 };
 export {
-  k as EndpointsMenuLink
+  w as EndpointsMenuLink
 };
 //# sourceMappingURL=EndpointsMenuLink.js.map

package/dist/api-playground/ApiPlayground/components/EndpointsMenuLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointsMenuLink.js","sources":["../../../../src/api-playground/ApiPlayground/components/EndpointsMenuLink.tsx"],"sourcesContent":["'use client';\n\nimport { MethodPill } from '../../../components/Api/MethodPill';\nimport { useCurrentPath } from '@/hooks/useCurrentPath';\nimport { ApiPageData } from '../../../api-playground-2/types/api';\nimport { isEqualIgnoringLeadingSlash } from '../../../../src/paths/isEqualIgnoringLeadingSlash';\nimport { cn } from '@/utils/cn';\n\nexport const EndpointsMenuLink = ({ page }: { page: ApiPageData }) => {\n  const pathname = useCurrentPath();\n  const isActive = isEqualIgnoringLeadingSlash(page.href, pathname);\n  const shortMethod = page.type === 'openapi';\n  const noPlayground =\n    page.playground === 'none' || page.playground === 'simple' || page.method === 'webhook';\n\n  const handleClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    const targetHref = noPlayground ? page.href : `${page.href}?playground=open`;\n\n    // Check if we're in a Next.js environment\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    if (typeof window !== 'undefined' && (window as any).next) {\n      // Use Next.js router if available\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const router = (window as any).next.router;\n      if (router) {\n        router.push(targetHref);\n        return;\n      }\n    }\n\n    // Fallback to standard navigation\n    window.location.href = targetHref;\n  };\n\n  return (\n    <a href={page.href} title={page.title}>\n      <div\n        onClick={handleClick}\n        className={cn(\n          'mint:flex mint:items-center mint:gap-x-2 mint:hover:bg-gray-50 mint:dark:hover:bg-white/5 mint:rounded-xl mint:p-1.5 mint:group mint:cursor-pointer',\n          isActive\n            ? 'mint:bg-gray-50 mint:dark:bg-white/5 mint:text-[#643FB2] mint:dark:text-[#C9AAF9] mint:font-medium'\n            : 'mint:text-gray-700 mint:hover:text-gray-900 mint:dark:text-gray-400 mint:dark:hover:text-gray-300'\n        )}\n      >\n        <MethodPill\n          method={page.method}\n          shortMethod={shortMethod}\n          className=\"mint:font-medium mint:px-1 mint:py-px mint:text-xs mint:rounded-md\"\n          isActive={isActive}\n        />\n        <div className=\"mint:text-sm mint:truncate\">{page.title}</div>\n      </div>\n    </a>\n  );\n};\n"],"names":["EndpointsMenuLink","page","pathname","useCurrentPath","isActive","isEqualIgnoringLeadingSlash","shortMethod","noPlayground","handleClick","e","targetHref","router","jsxs","cn","jsx","MethodPill"],"mappings":";;;;;AAQO,MAAMA,IAAoB,CAAC,EAAE,MAAAC,QAAkC;AACpE,QAAMC,IAAWC,EAAA,GACXC,IAAWC,EAA4BJ,EAAK,MAAMC,CAAQ,GAC1DI,IAAcL,EAAK,SAAS,WAC5BM,IACJN,EAAK,eAAe,UAAUA,EAAK,eAAe,YAAYA,EAAK,WAAW,WAE1EO,IAAc,CAACC,MAAwB;AAC3C,IAAAA,EAAE,eAAA;AACF,UAAMC,IAAaH,IAAeN,EAAK,OAAO,GAAGA,EAAK,IAAI;AAI1D,QAAI,OAAO,SAAW,OAAgB,OAAe,MAAM;AAGzD,YAAMU,IAAU,OAAe,KAAK;AACpC,UAAIA,GAAQ;AACV,QAAAA,EAAO,KAAKD,CAAU;AACtB;AAAA,MACF;AAAA,IACF;AAGA,WAAO,SAAS,OAAOA;AAAA,EACzB;AAEA,2BACG,KAAA,EAAE,MAAMT,EAAK,MAAM,OAAOA,EAAK,OAC9B,UAAA,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASJ;AAAA,MACT,WAAWK;AAAA,QACT;AAAA,QACAT,IACI,uGACA;AAAA,MAAA;AAAA,MAGN,UAAA;AAAA,QAAA,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,QAAQd,EAAK;AAAA,YACb,aAAAK;AAAA,YACA,WAAU;AAAA,YACV,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAU,EAAC,OAAA,EAAI,WAAU,8BAA8B,YAAK,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE5D;AAEJ;"}
+{"version":3,"file":"EndpointsMenuLink.js","sources":["../../../../src/api-playground/ApiPlayground/components/EndpointsMenuLink.tsx"],"sourcesContent":["'use client';\n\nimport { MethodPill } from '../../../components/Api/MethodPill';\nimport { ApiPageData } from '../../../api-playground-2/types/api';\nimport { isEqualIgnoringLeadingSlash } from '../../../../src/paths/isEqualIgnoringLeadingSlash';\nimport { cn } from '@/utils/cn';\n\nexport const EndpointsMenuLink = ({ page, pathname }: { page: ApiPageData; pathname: string }) => {\n  const isActive = isEqualIgnoringLeadingSlash(page.href, pathname);\n  const shortMethod = page.type === 'openapi';\n  const noPlayground =\n    page.playground === 'none' || page.playground === 'simple' || page.method === 'webhook';\n\n  const handleClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    const targetHref = noPlayground ? page.href : `${page.href}?playground=open`;\n\n    // Check if we're in a Next.js environment\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    if (typeof window !== 'undefined' && (window as any).next) {\n      // Use Next.js router if available\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const router = (window as any).next.router;\n      if (router) {\n        router.push(targetHref);\n        return;\n      }\n    }\n\n    // Fallback to standard navigation\n    window.location.href = targetHref;\n  };\n\n  return (\n    <a href={page.href} title={page.title}>\n      <div\n        onClick={handleClick}\n        className={cn(\n          'mint:flex mint:items-center mint:gap-x-2 mint:hover:bg-gray-50 mint:dark:hover:bg-white/5 mint:rounded-xl mint:p-1.5 mint:group mint:cursor-pointer',\n          isActive\n            ? 'mint:bg-gray-50 mint:dark:bg-white/5 mint:text-[#643FB2] mint:dark:text-[#C9AAF9] mint:font-medium'\n            : 'mint:text-gray-700 mint:hover:text-gray-900 mint:dark:text-gray-400 mint:dark:hover:text-gray-300'\n        )}\n      >\n        <MethodPill\n          method={page.method}\n          shortMethod={shortMethod}\n          className=\"mint:font-medium mint:px-1 mint:py-px mint:text-xs mint:rounded-md\"\n          isActive={isActive}\n        />\n        <div className=\"mint:text-sm mint:truncate\">{page.title}</div>\n      </div>\n    </a>\n  );\n};\n"],"names":["EndpointsMenuLink","page","pathname","isActive","isEqualIgnoringLeadingSlash","shortMethod","noPlayground","handleClick","e","targetHref","router","jsxs","cn","jsx","MethodPill"],"mappings":";;;;AAOO,MAAMA,IAAoB,CAAC,EAAE,MAAAC,GAAM,UAAAC,QAAwD;AAChG,QAAMC,IAAWC,EAA4BH,EAAK,MAAMC,CAAQ,GAC1DG,IAAcJ,EAAK,SAAS,WAC5BK,IACJL,EAAK,eAAe,UAAUA,EAAK,eAAe,YAAYA,EAAK,WAAW,WAE1EM,IAAc,CAACC,MAAwB;AAC3C,IAAAA,EAAE,eAAA;AACF,UAAMC,IAAaH,IAAeL,EAAK,OAAO,GAAGA,EAAK,IAAI;AAI1D,QAAI,OAAO,SAAW,OAAgB,OAAe,MAAM;AAGzD,YAAMS,IAAU,OAAe,KAAK;AACpC,UAAIA,GAAQ;AACV,QAAAA,EAAO,KAAKD,CAAU;AACtB;AAAA,MACF;AAAA,IACF;AAGA,WAAO,SAAS,OAAOA;AAAA,EACzB;AAEA,2BACG,KAAA,EAAE,MAAMR,EAAK,MAAM,OAAOA,EAAK,OAC9B,UAAA,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASJ;AAAA,MACT,WAAWK;AAAA,QACT;AAAA,QACAT,IACI,uGACA;AAAA,MAAA;AAAA,MAGN,UAAA;AAAA,QAAA,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,QAAQb,EAAK;AAAA,YACb,aAAAI;AAAA,YACA,WAAU;AAAA,YACV,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAU,EAAC,OAAA,EAAI,WAAU,8BAA8B,YAAK,MAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE5D;AAEJ;"}