@mintlify/msft-sdk 1.1.22 → 1.1.24

package/dist/api-playground/ApiPlayground/Request/inputs/RecursiveInput.js

@@ -0,0 +1,62 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as O, useCallback as P } from "react";
+import { useApiPlaygroundPrefillExamples as g } from "../../../../hooks/useApiPlaygroundPrefillExamples.js";
+import { usePlaygroundSchemaOptions as T } from "../../../../hooks/usePlaygroundSchemaOptions.js";
+import j from "../../../../components/Api/ErrorBoundary.js";
+import { TypeDropdown as k } from "../../components/TypeDropdown.js";
+import { DifferentiatedInput as A } from "./DifferentiatedInput.js";
+const F = ({
+  name: p,
+  value: i,
+  schemaArray: m,
+  setValue: e,
+  clearValue: a,
+  isBody: d,
+  depth: f = 0,
+  parentNames: u,
+  arrayIndex: h,
+  defaultExpanded: S,
+  style: y,
+  explode: x,
+  renderedRefs: I = /* @__PURE__ */ new Set()
+}) => {
+  var l;
+  const [n, b] = O(0), o = T(m), r = (l = o[n]) == null ? void 0 : l.schema, { prefillExamplesEnabled: D } = g(), E = D, v = P(
+    (s) => {
+      var c;
+      ((c = o[s]) == null ? void 0 : c.schema.type) === "null" ? e(null) : e(void 0), b(s);
+    },
+    [o, e]
+  ), w = /* @__PURE__ */ t(
+    k,
+    {
+      options: o,
+      selectedIndex: n,
+      onSelectOption: v
+    }
+  );
+  return r === void 0 ? null : /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(
+    A,
+    {
+      name: p,
+      schema: r,
+      typeDropdown: w,
+      value: i,
+      setValue: e,
+      clearValue: a,
+      isBody: d,
+      depth: f,
+      parentNames: u,
+      arrayIndex: h,
+      defaultExpanded: S,
+      style: y,
+      explode: x,
+      renderedRefs: I,
+      prefillDisabled: E
+    }
+  ) });
+};
+export {
+  F as RecursiveInput
+};
+//# sourceMappingURL=RecursiveInput.js.map

package/dist/api-playground/ApiPlayground/Request/inputs/RecursiveInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecursiveInput.js","sources":["../../../../../src/api-playground/ApiPlayground/Request/inputs/RecursiveInput.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ArraySchema,\n  DataSchema,\n  DataSchemaArray,\n  IncrementalArraySchema,\n  IncrementalDataSchema,\n  IncrementalDataSchemaArray,\n  IncrementalObjectSchema,\n  ObjectSchema,\n} from '@mintlify/validation';\nimport { ReactNode, useCallback, useState } from 'react';\n\nimport { useApiPlaygroundPrefillExamples } from '@/hooks/useApiPlaygroundPrefillExamples';\nimport { usePlaygroundSchemaOptions } from '@/hooks/usePlaygroundSchemaOptions';\nimport ErrorBoundary from '@/components/Api/ErrorBoundary';\n\nimport { TypeDropdown } from '../../components/TypeDropdown';\nimport { DifferentiatedInput } from './DifferentiatedInput';\nimport { RenderedRefs } from '@/api-playground-2/types/api';\n\ntype GenericInputParams<T extends IncrementalDataSchema | DataSchema, K = T['example']> = {\n  name?: string;\n  schema: T;\n  typeDropdown: ReactNode;\n  value: K;\n  setValue: (value: K) => void;\n  clearValue: (() => void) | undefined;\n  parentNames?: string[];\n  arrayIndex?: number;\n  defaultExpanded?: boolean;\n  style?: string;\n  explode?: boolean;\n  renderedRefs?: RenderedRefs;\n};\n\nexport type GenericInput<T extends DataSchema | IncrementalDataSchema> = React.FC<\n  GenericInputParams<T>\n>;\nexport type RecursiveInput<\n  T extends IncrementalObjectSchema | ObjectSchema | IncrementalArraySchema | ArraySchema,\n> = React.FC<GenericInputParams<T> & { depth: number }>;\n\ntype RecursiveInputParams = {\n  name?: string;\n  schemaArray: DataSchemaArray | IncrementalDataSchemaArray;\n  value: unknown | undefined;\n  setValue: (value: unknown) => void;\n  clearValue: (() => void) | undefined;\n  isBody?: boolean;\n  depth?: number;\n  parentNames?: string[];\n  arrayIndex?: number;\n  defaultExpanded?: boolean;\n  style?: string;\n  explode?: boolean;\n  renderedRefs?: RenderedRefs;\n};\n\nexport const RecursiveInput = ({\n  name,\n  value,\n  schemaArray,\n  setValue,\n  clearValue,\n  isBody,\n  depth = 0,\n  parentNames,\n  arrayIndex,\n  defaultExpanded,\n  style,\n  explode,\n  renderedRefs = new Set(),\n}: RecursiveInputParams) => {\n  const [selectedSchemaIndex, setSelectedSchemaIndex] = useState(0);\n  const schemasWithLabelInfo = usePlaygroundSchemaOptions(schemaArray);\n  const selectedSchema = schemasWithLabelInfo[selectedSchemaIndex]?.schema;\n  const { prefillExamplesEnabled } = useApiPlaygroundPrefillExamples();\n  const prefillDisabled = prefillExamplesEnabled;\n\n  const onSelectTypeOption = useCallback(\n    (index: number) => {\n      if (schemasWithLabelInfo[index]?.schema.type === 'null') {\n        setValue(null);\n      } else {\n        setValue(undefined);\n      }\n      setSelectedSchemaIndex(index);\n    },\n    [schemasWithLabelInfo, setValue]\n  );\n\n  const typeDropdown = (\n    <TypeDropdown\n      options={schemasWithLabelInfo}\n      selectedIndex={selectedSchemaIndex}\n      onSelectOption={onSelectTypeOption}\n    />\n  );\n\n  if (selectedSchema === undefined) return null;\n\n  return (\n    <ErrorBoundary>\n      <DifferentiatedInput\n        name={name}\n        schema={selectedSchema}\n        typeDropdown={typeDropdown}\n        value={value}\n        setValue={setValue}\n        clearValue={clearValue}\n        isBody={isBody}\n        depth={depth}\n        parentNames={parentNames}\n        arrayIndex={arrayIndex}\n        defaultExpanded={defaultExpanded}\n        style={style}\n        explode={explode}\n        renderedRefs={renderedRefs}\n        prefillDisabled={prefillDisabled}\n      />\n    </ErrorBoundary>\n  );\n};\n"],"names":["RecursiveInput","name","value","schemaArray","setValue","clearValue","isBody","depth","parentNames","arrayIndex","defaultExpanded","style","explode","renderedRefs","selectedSchemaIndex","setSelectedSchemaIndex","useState","schemasWithLabelInfo","usePlaygroundSchemaOptions","selectedSchema","_a","prefillExamplesEnabled","useApiPlaygroundPrefillExamples","prefillDisabled","onSelectTypeOption","useCallback","index","typeDropdown","jsx","TypeDropdown","ErrorBoundary","DifferentiatedInput"],"mappings":";;;;;;;AA4DO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,wBAAmB,IAAA;AACrB,MAA4B;;AAC1B,QAAM,CAACC,GAAqBC,CAAsB,IAAIC,EAAS,CAAC,GAC1DC,IAAuBC,EAA2Bf,CAAW,GAC7DgB,KAAiBC,IAAAH,EAAqBH,CAAmB,MAAxC,gBAAAM,EAA2C,QAC5D,EAAE,wBAAAC,EAAA,IAA2BC,EAAA,GAC7BC,IAAkBF,GAElBG,IAAqBC;AAAA,IACzB,CAACC,MAAkB;;AACjB,QAAIN,IAAAH,EAAqBS,CAAK,MAA1B,gBAAAN,EAA6B,OAAO,UAAS,SAC/ChB,EAAS,IAAI,IAEbA,EAAS,MAAS,GAEpBW,EAAuBW,CAAK;AAAA,IAC9B;AAAA,IACA,CAACT,GAAsBb,CAAQ;AAAA,EAAA,GAG3BuB,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASZ;AAAA,MACT,eAAeH;AAAA,MACf,gBAAgBU;AAAA,IAAA;AAAA,EAAA;AAIpB,SAAIL,MAAmB,SAAkB,yBAGtCW,GAAA,EACC,UAAA,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,MAAA9B;AAAA,MACA,QAAQkB;AAAA,MACR,cAAAQ;AAAA,MACA,OAAAzB;AAAA,MACA,UAAAE;AAAA,MACA,YAAAC;AAAA,MACA,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,iBAAAU;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/api-playground/ApiPlayground/Request/inputs/SelectInput.js

@@ -0,0 +1,55 @@
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { ChevronDownFilled as u } from "@fluentui/react-icons";
+import { useSelectedLocale as g } from "../../../../utils/locales/index.js";
+import { getXFilteredEnumValues as x } from "../../../../openapi/filterEnums.js";
+import "@mintlify/validation";
+import { cn as f } from "../../../../utils/cn.js";
+import { InputContainer as h } from "../../components/InputContainer.js";
+const N = ({
+  name: r,
+  schema: t,
+  typeDropdown: a,
+  value: n,
+  setValue: o,
+  clearValue: m,
+  parentNames: p,
+  arrayIndex: s
+}) => {
+  const d = g(), c = t.type === "boolean" ? [!0, !1] : x({ schema: t, userGroups: void 0 });
+  return /* @__PURE__ */ i(
+    h,
+    {
+      name: r,
+      typeDropdown: a,
+      schema: t,
+      onClear: m,
+      parentNames: p,
+      arrayIndex: s,
+      children: /* @__PURE__ */ l("div", { className: "mint:relative", children: [
+        /* @__PURE__ */ l(
+          "select",
+          {
+            className: f(
+              "mint:relative mint:text-playground-input mint:w-full mint:text-left mint:flex-1 mint:outline-0 mint:cursor-pointer mint:bg-transparent",
+              n !== void 0 ? "mint:text-gray-900! mint:dark:text-gray-100!" : "mint:text-gray-400! mint:dark:text-white/30!"
+            ),
+            value: (n == null ? void 0 : n.toString()) ?? "",
+            "aria-label": t.placeholder ?? d["aria.selectOption"].replace("{name}", r || "option"),
+            onChange: (e) => {
+              t.type === "boolean" ? o(e.target.value === "true") : o(e.target.value);
+            },
+            children: [
+              /* @__PURE__ */ i("option", { value: "", disabled: !0, children: t.placeholder ?? `select ${r || "option"}` }),
+              c.map((e) => /* @__PURE__ */ i("option", { value: e.toString(), children: e.toString() }, e.toString()))
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(u, { className: "mint:absolute mint:right-2 mint:top-1/2 mint:-translate-y-1/2 mint:h-4 mint:w-4 mint:text-gray-400 mint:dark:text-white/30 mint:pointer-events-none" })
+      ] })
+    }
+  );
+};
+export {
+  N as SelectInput
+};
+//# sourceMappingURL=SelectInput.js.map

package/dist/api-playground/ApiPlayground/Request/inputs/SelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.js","sources":["../../../../../src/api-playground/ApiPlayground/Request/inputs/SelectInput.tsx"],"sourcesContent":["'use client';\n\nimport { BooleanSchema, NumberEnumSchema, StringEnumSchema } from '@mintlify/validation';\nimport { ChevronDownFilled } from '@fluentui/react-icons';    \n\nimport { useSelectedLocale } from '@/utils/locales';\nimport { getXFilteredEnumValues } from '@/openapi/filterEnums';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nimport { InputContainer } from '../../components/InputContainer';\nimport { GenericInput } from './RecursiveInput';\n\nexport const SelectInput: GenericInput<NumberEnumSchema | StringEnumSchema | BooleanSchema> = ({\n  name,\n  schema,\n  typeDropdown,\n  value,\n  setValue,\n  clearValue,\n  parentNames,\n  arrayIndex,\n}) => {\n  const locale = useSelectedLocale();\n  const options =\n    schema.type === 'boolean' ? [true, false] : getXFilteredEnumValues({ schema, userGroups: undefined });\n\n  return (\n    <InputContainer\n      name={name}\n      typeDropdown={typeDropdown}\n      schema={schema}\n      onClear={clearValue}\n      parentNames={parentNames}\n      arrayIndex={arrayIndex}\n    >\n      <div className=\"mint:relative\">\n        <select\n          className={cn(\n            'mint:relative mint:text-playground-input mint:w-full mint:text-left mint:flex-1 mint:outline-0 mint:cursor-pointer mint:bg-transparent',\n            value !== undefined\n              ? 'mint:text-gray-900! mint:dark:text-gray-100!'\n              : 'mint:text-gray-400! mint:dark:text-white/30!'\n          )}\n          value={value?.toString() ?? ''}\n          aria-label={\n            schema.placeholder ?? locale['aria.selectOption'].replace('{name}', name || 'option')\n          }\n          onChange={(e) => {\n            if (schema.type === 'boolean') {\n              setValue(e.target.value === 'true');\n            } else {\n              setValue(e.target.value);\n            }\n          }}\n        >\n          <option value=\"\" disabled>\n            {schema.placeholder ?? `select ${name || 'option'}`}\n          </option>\n          {options.map((opt) => (\n            <option key={opt.toString()} value={opt.toString()}>\n              {opt.toString()}\n            </option>\n          ))}\n        </select>\n        <ChevronDownFilled className=\"mint:absolute mint:right-2 mint:top-1/2 mint:-translate-y-1/2 mint:h-4 mint:w-4 mint:text-gray-400 mint:dark:text-white/30 mint:pointer-events-none\" />\n      </div>\n    </InputContainer>\n  );\n};\n"],"names":["SelectInput","name","schema","typeDropdown","value","setValue","clearValue","parentNames","arrayIndex","locale","useSelectedLocale","options","getXFilteredEnumValues","jsx","InputContainer","jsxs","cn","opt","ChevronDownFilled"],"mappings":";;;;;;;AAYO,MAAMA,IAAiF,CAAC;AAAA,EAC7F,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAMC,IAASC,EAAA,GACTC,IACJT,EAAO,SAAS,YAAY,CAAC,IAAM,EAAK,IAAIU,EAAuB,EAAE,QAAAV,GAAQ,YAAY,QAAW;AAEtG,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAb;AAAA,MACA,cAAAE;AAAA,MACA,QAAAD;AAAA,MACA,SAASI;AAAA,MACT,aAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,QAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAZ,MAAU,SACN,iDACA;AAAA,YAAA;AAAA,YAEN,QAAOA,KAAA,gBAAAA,EAAO,eAAc;AAAA,YAC5B,cACEF,EAAO,eAAeO,EAAO,mBAAmB,EAAE,QAAQ,UAAUR,KAAQ,QAAQ;AAAA,YAEtF,UAAU,CAAC,MAAM;AACf,cAAIC,EAAO,SAAS,YAClBG,EAAS,EAAE,OAAO,UAAU,MAAM,IAElCA,EAAS,EAAE,OAAO,KAAK;AAAA,YAE3B;AAAA,YAEA,UAAA;AAAA,cAAA,gBAAAQ,EAAC,UAAA,EAAO,OAAM,IAAG,UAAQ,IACtB,YAAO,eAAe,UAAUZ,KAAQ,QAAQ,GAAA,CACnD;AAAA,cACCU,EAAQ,IAAI,CAACM,MACZ,gBAAAJ,EAAC,YAA4B,OAAOI,EAAI,SAAA,GACrC,YAAI,SAAA,EAAS,GADHA,EAAI,UAEjB,CACD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAJ,EAACK,GAAA,EAAkB,WAAU,sJAAA,CAAsJ;AAAA,MAAA,EAAA,CACrL;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/api-playground/ApiPlayground/Request/inputs/StringInput.js

@@ -0,0 +1,68 @@
+import { jsx as o, jsxs as b } from "react/jsx-runtime";
+import { useCallback as y } from "react";
+import { useSelectedLocale as C } from "../../../../utils/locales/index.js";
+import { InputContainer as I } from "../../components/InputContainer.js";
+import { Ids as k } from "../../../../api-playground-2/types/index.js";
+const A = ({
+  name: e,
+  schema: i,
+  typeDropdown: s,
+  value: n,
+  setValue: r,
+  clearValue: c,
+  parentNames: d,
+  arrayIndex: p,
+  style: u,
+  explode: f
+}) => {
+  const x = C(), { prefix: t, placeholder: a } = j(i.format), g = t && (n != null && n.startsWith(t)) ? n.substring(t.length) : n, h = y(
+    (l) => {
+      const m = `${t ?? ""}${l}`;
+      r(m || void 0);
+    },
+    [r, t]
+  );
+  return /* @__PURE__ */ o(
+    I,
+    {
+      name: e,
+      typeDropdown: s,
+      schema: i,
+      onClear: c,
+      parentNames: d,
+      arrayIndex: p,
+      style: u,
+      explode: f,
+      children: /* @__PURE__ */ b("div", { className: "mint:relative mint:flex mint:flex-1 mint:items-center", children: [
+        /* @__PURE__ */ o("div", { className: "mint:absolute mint:left-2.5 mint:top-0 mint:bottom-0 mint:flex mint:items-center mint:justify-center mint:text-sm mint:text-gray-800 mint:dark:text-gray-100", children: t }),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            id: k.APIPlaygroundInput,
+            className: "mint:flex-1 mint:min-w-0 mint:bg-transparent mint:outline-0 mint:text-playground-input",
+            style: { paddingLeft: t ? t.length * 0.52 + "rem" : void 0 },
+            placeholder: i.placeholder ?? a ?? `enter ${e ?? "value"}`,
+            "aria-label": i.placeholder ?? a ?? x["aria.enterValue"].replace("{name}", e ?? "value"),
+            type: "text",
+            value: g ?? "",
+            onChange: (l) => h(l.target.value),
+            spellCheck: !1
+          }
+        )
+      ] })
+    }
+  );
+}, j = (e) => {
+  switch (e == null ? void 0 : e.toLowerCase()) {
+    case "bearer":
+      return {
+        prefix: "Bearer ",
+        placeholder: "enter bearer token"
+      };
+  }
+  return {};
+};
+export {
+  A as StringInput
+};
+//# sourceMappingURL=StringInput.js.map

package/dist/api-playground/ApiPlayground/Request/inputs/StringInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StringInput.js","sources":["../../../../../src/api-playground/ApiPlayground/Request/inputs/StringInput.tsx"],"sourcesContent":["'use client';\n\nimport { StringSchema } from '@mintlify/validation';\nimport { useCallback } from 'react';\n\nimport { useSelectedLocale } from '@/utils/locales';\n\nimport { InputContainer } from '../../components/InputContainer';\nimport { GenericInput } from './RecursiveInput';\nimport { Ids } from '@/api-playground-2/types';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const StringInput: GenericInput<StringSchema> = ({\n  name,\n  schema,\n  typeDropdown,\n  value,\n  setValue,\n  clearValue,\n  parentNames,\n  arrayIndex,\n  style,\n  explode,\n}) => {\n  const locale = useSelectedLocale();\n  const { prefix, placeholder } = getInputAttributesForFormat(schema.format);\n\n  // remove modifications\n  const unmodifiedValue =\n    prefix && value?.startsWith(prefix) ? value.substring(prefix.length) : value;\n\n  const setModifiedValue = useCallback(\n    (newValue: string) => {\n      // apply modifications\n      const modifiedValue = `${prefix ?? ''}${newValue}`;\n\n      if (!modifiedValue) setValue(undefined);\n      else setValue(modifiedValue);\n    },\n    [setValue, prefix]\n  );\n\n  return (\n    <InputContainer\n      name={name}\n      typeDropdown={typeDropdown}\n      schema={schema}\n      onClear={clearValue}\n      parentNames={parentNames}\n      arrayIndex={arrayIndex}\n      style={style}\n      explode={explode}\n    >\n      <div className=\"mint:relative mint:flex mint:flex-1 mint:items-center\">\n        <div className=\"mint:absolute mint:left-2.5 mint:top-0 mint:bottom-0 mint:flex mint:items-center mint:justify-center mint:text-sm mint:text-gray-800 mint:dark:text-gray-100\">\n          {prefix}\n        </div>\n        <input\n          id={Ids.APIPlaygroundInput}\n          className=\"mint:flex-1 mint:min-w-0 mint:bg-transparent mint:outline-0 mint:text-playground-input\"\n          style={{ paddingLeft: prefix ? prefix.length * 0.52 + 'rem' : undefined }}\n          placeholder={schema.placeholder ?? placeholder ?? `enter ${name ?? 'value'}`}\n          aria-label={\n            schema.placeholder ??\n            placeholder ??\n            locale['aria.enterValue'].replace('{name}', name ?? 'value')\n          }\n          type=\"text\"\n          value={unmodifiedValue ?? ''}\n          onChange={(event) => setModifiedValue(event.target.value)}\n          spellCheck={false}\n        />\n      </div>\n    </InputContainer>\n  );\n};\n\ntype InputAttributes = {\n  prefix?: string;\n  placeholder?: string;\n};\n\nconst getInputAttributesForFormat = (format: string | undefined): InputAttributes => {\n  switch (format?.toLowerCase()) {\n    case 'bearer':\n      return {\n        prefix: 'Bearer ',\n        placeholder: 'enter bearer token',\n      };\n  }\n  return {};\n};\n"],"names":["StringInput","name","schema","typeDropdown","value","setValue","clearValue","parentNames","arrayIndex","style","explode","locale","useSelectedLocale","prefix","placeholder","getInputAttributesForFormat","unmodifiedValue","setModifiedValue","useCallback","newValue","modifiedValue","jsx","InputContainer","jsxs","Ids","event","format"],"mappings":";;;;;AAYO,MAAMA,IAA0C,CAAC;AAAA,EACtD,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACJ,QAAMC,IAASC,EAAA,GACT,EAAE,QAAAC,GAAQ,aAAAC,EAAA,IAAgBC,EAA4Bb,EAAO,MAAM,GAGnEc,IACJH,MAAUT,KAAA,QAAAA,EAAO,WAAWS,MAAUT,EAAM,UAAUS,EAAO,MAAM,IAAIT,GAEnEa,IAAmBC;AAAA,IACvB,CAACC,MAAqB;AAEpB,YAAMC,IAAgB,GAAGP,KAAU,EAAE,GAAGM,CAAQ;AAEhD,QAAKC,KAAwB,MACF;AAAA,IAC7B;AAAA,IACA,CAACf,GAAUQ,CAAM;AAAA,EAAA;AAGnB,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAArB;AAAA,MACA,cAAAE;AAAA,MACA,QAAAD;AAAA,MACA,SAASI;AAAA,MACT,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MAEA,UAAA,gBAAAa,EAAC,OAAA,EAAI,WAAU,yDACb,UAAA;AAAA,QAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,gKACZ,UAAAR,GACH;AAAA,QACA,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAIG,EAAI;AAAA,YACR,WAAU;AAAA,YACV,OAAO,EAAE,aAAaX,IAASA,EAAO,SAAS,OAAO,QAAQ,OAAA;AAAA,YAC9D,aAAaX,EAAO,eAAeY,KAAe,SAASb,KAAQ,OAAO;AAAA,YAC1E,cACEC,EAAO,eACPY,KACAH,EAAO,iBAAiB,EAAE,QAAQ,UAAUV,KAAQ,OAAO;AAAA,YAE7D,MAAK;AAAA,YACL,OAAOe,KAAmB;AAAA,YAC1B,UAAU,CAACS,MAAUR,EAAiBQ,EAAM,OAAO,KAAK;AAAA,YACxD,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAOMV,IAA8B,CAACW,MAAgD;AACnF,UAAQA,KAAA,gBAAAA,EAAQ,eAAY;AAAA,IAC1B,KAAK;AACH,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,EACf;AAEJ,SAAO,CAAA;AACT;"}

package/dist/api-playground/ApiPlayground/Request/inputs/TextInput.js

@@ -0,0 +1,45 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useSelectedLocale as c } from "../../../../utils/locales/index.js";
+import { InputContainer as f } from "../../components/InputContainer.js";
+const d = ({
+  name: e,
+  schema: t,
+  typeDropdown: a,
+  value: l,
+  setValue: n,
+  clearValue: o,
+  parentNames: i,
+  arrayIndex: m
+}) => {
+  const p = c();
+  return /* @__PURE__ */ r(
+    f,
+    {
+      name: e,
+      typeDropdown: a,
+      schema: t,
+      onClear: o,
+      parentNames: i,
+      arrayIndex: m,
+      children: /* @__PURE__ */ r(
+        "textarea",
+        {
+          className: "mint:-mx-3.5 mint:px-3.5 mint:flex-1 mint:min-h-[2.5rem] mint:min-w-0 mint:bg-transparent mint:outline-0 mint:text-playground-input mint:resize-y",
+          rows: 2,
+          placeholder: t.placeholder ?? `Enter ${e ?? "value"}`,
+          "aria-label": t.placeholder ?? p["aria.enterValue"].replace("{name}", e ?? "value"),
+          value: l,
+          onChange: (u) => n(u.target.value),
+          spellCheck: !1,
+          autoCapitalize: "off",
+          autoComplete: "off",
+          autoCorrect: "off"
+        }
+      )
+    }
+  );
+};
+export {
+  d as TextInput
+};
+//# sourceMappingURL=TextInput.js.map

package/dist/api-playground/ApiPlayground/Request/inputs/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sources":["../../../../../src/api-playground/ApiPlayground/Request/inputs/TextInput.tsx"],"sourcesContent":["'use client';\n\nimport { StringSchema } from '@mintlify/validation';\n\nimport { useSelectedLocale } from '@/utils/locales';\n\nimport { InputContainer } from '../../components/InputContainer';\nimport { GenericInput } from './RecursiveInput';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const TextInput: GenericInput<StringSchema> = ({\n  name,\n  schema,\n  typeDropdown,\n  value,\n  setValue,\n  clearValue,\n  parentNames,\n  arrayIndex,\n}) => {\n  const locale = useSelectedLocale();\n\n  return (\n    <InputContainer\n      name={name}\n      typeDropdown={typeDropdown}\n      schema={schema}\n      onClear={clearValue}\n      parentNames={parentNames}\n      arrayIndex={arrayIndex}\n    >\n      <textarea\n        className=\"mint:-mx-3.5 mint:px-3.5 mint:flex-1 mint:min-h-[2.5rem] mint:min-w-0 mint:bg-transparent mint:outline-0 mint:text-playground-input mint:resize-y\"\n        rows={2}\n        placeholder={schema.placeholder ?? `Enter ${name ?? 'value'}`}\n        aria-label={\n          schema.placeholder ?? locale['aria.enterValue'].replace('{name}', name ?? 'value')\n        }\n        value={value}\n        onChange={(event) => setValue(event.target.value)}\n        spellCheck={false}\n        autoCapitalize=\"off\"\n        autoComplete=\"off\"\n        autoCorrect=\"off\"\n      />\n    </InputContainer>\n  );\n};\n"],"names":["TextInput","name","schema","typeDropdown","value","setValue","clearValue","parentNames","arrayIndex","locale","useSelectedLocale","jsx","InputContainer","event"],"mappings":";;;AAUO,MAAMA,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAMC,IAASC,EAAA;AAEf,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAX;AAAA,MACA,cAAAE;AAAA,MACA,QAAAD;AAAA,MACA,SAASI;AAAA,MACT,aAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAM;AAAA,UACN,aAAaT,EAAO,eAAe,SAASD,KAAQ,OAAO;AAAA,UAC3D,cACEC,EAAO,eAAeO,EAAO,iBAAiB,EAAE,QAAQ,UAAUR,KAAQ,OAAO;AAAA,UAEnF,OAAAG;AAAA,UACA,UAAU,CAACS,MAAUR,EAASQ,EAAM,OAAO,KAAK;AAAA,UAChD,YAAY;AAAA,UACZ,gBAAe;AAAA,UACf,cAAa;AAAA,UACb,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAGN;"}

package/dist/api-playground/ApiPlayground/Response/CopyFileToClipboardButton.js

@@ -0,0 +1,7 @@
+import { jsx as t } from "react/jsx-runtime";
+import { CopyDataToClipboardButton as r } from "../../../components/content-components/code-block.js";
+const a = ({ data: o }) => /* @__PURE__ */ t(r, { data: o, showTooltip: !1 });
+export {
+  a as CopyFileToClipboardButton
+};
+//# sourceMappingURL=CopyFileToClipboardButton.js.map

package/dist/api-playground/ApiPlayground/Response/CopyFileToClipboardButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyFileToClipboardButton.js","sources":["../../../../src/api-playground/ApiPlayground/Response/CopyFileToClipboardButton.tsx"],"sourcesContent":["'use client';\n\nimport { CopyDataToClipboardButton } from '@/components/content-components/code-block';\n\nimport { ResponseBodyData } from '.';\n\ntype CopyFileToClipboardButtonParams = {\n  data: ResponseBodyData;\n};\n\nexport const CopyFileToClipboardButton = ({ data }: CopyFileToClipboardButtonParams) => {\n  return <CopyDataToClipboardButton data={data} showTooltip={false} />;\n};\n"],"names":["CopyFileToClipboardButton","data","jsx","CopyDataToClipboardButton"],"mappings":";;AAUO,MAAMA,IAA4B,CAAC,EAAE,MAAAC,QACnC,gBAAAC,EAACC,GAAA,EAA0B,MAAAF,GAAY,aAAa,GAAA,CAAO;"}

package/dist/api-playground/ApiPlayground/Response/DownloadFileButton.js

@@ -0,0 +1,45 @@
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { CodeBlockTooltip as l } from "../../../components/content-components/code-group.js";
+import { useSelectedLocale as s } from "../../../utils/locales/index.js";
+import { CheckmarkCircleRegular as c, ArrowDownRegular as p } from "@fluentui/react-icons";
+import "@mintlify/validation";
+import { cn as d } from "../../../utils/cn.js";
+const x = ({ data: e }) => {
+  const [t, o] = a(!1), r = s(), n = () => {
+    o(!0), setTimeout(() => {
+      o(!1);
+    }, 2e3);
+  };
+  return e.extension ? /* @__PURE__ */ m(
+    "a",
+    {
+      "aria-label": t ? r["aria.fileDownloaded"] : r["aria.downloadResponseFile"],
+      className: "mint:group mint:h-7 mint:w-7 mint:flex mint:items-center mint:justify-center mint:cursor-pointer mint:relative",
+      onClick: n,
+      href: e.url,
+      download: `api-response.${e.extension}`,
+      children: [
+        t ? /* @__PURE__ */ i(
+          c,
+          {
+            className: "mint:h-4 mint:w-4 mint:bg-primary mint:dark:bg-primary-light"
+          }
+        ) : /* @__PURE__ */ i(
+          p,
+          {
+            className: d(
+              "mint:w-4 mint:h-4",
+              "mint:bg-gray-400 mint:group-hover:bg-gray-500 mint:dark:bg-white/40 mint:dark:group-hover:bg-white/60"
+            )
+          }
+        ),
+        /* @__PURE__ */ i(l, { text: t ? "Copied!" : "Download" })
+      ]
+    }
+  ) : null;
+};
+export {
+  x as DownloadButton
+};
+//# sourceMappingURL=DownloadFileButton.js.map

package/dist/api-playground/ApiPlayground/Response/DownloadFileButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadFileButton.js","sources":["../../../../src/api-playground/ApiPlayground/Response/DownloadFileButton.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { CodeBlockTooltip } from '../../../components/content-components/code-group';\nimport { useSelectedLocale } from '@/utils/locales';\nimport { CheckmarkCircleRegular, ArrowDownRegular } from '@fluentui/react-icons';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nimport { ResponseBodyData } from '.';\n\ntype DownloadButtonParams = {\n  data: ResponseBodyData;\n};\n\nexport const DownloadButton = ({ data }: DownloadButtonParams) => {\n  const [isCopiedActive, setIsCopiedActive] = useState(false);\n  const locale = useSelectedLocale();\n  const onClick = () => {\n    setIsCopiedActive(true);\n    setTimeout(() => {\n      setIsCopiedActive(false);\n    }, 2000);\n  };\n\n  return data.extension ? (\n    <a\n      aria-label={\n        isCopiedActive ? locale['aria.fileDownloaded'] : locale['aria.downloadResponseFile']\n      }\n      className=\"mint:group mint:h-7 mint:w-7 mint:flex mint:items-center mint:justify-center mint:cursor-pointer mint:relative\"\n      onClick={onClick}\n      href={data.url}\n      download={`api-response.${data.extension}`}\n    >\n      {isCopiedActive ? (\n        <CheckmarkCircleRegular\n          className=\"mint:h-4 mint:w-4 mint:bg-primary mint:dark:bg-primary-light\"\n        />\n      ) : (\n        <ArrowDownRegular\n          className={cn(\n            'mint:w-4 mint:h-4',\n            'mint:bg-gray-400 mint:group-hover:bg-gray-500 mint:dark:bg-white/40 mint:dark:group-hover:bg-white/60'\n          )}  \n        />\n      )}\n      <CodeBlockTooltip text={isCopiedActive ? 'Copied!' : 'Download'} />\n    </a>\n  ) : null;\n};\n"],"names":["DownloadButton","data","isCopiedActive","setIsCopiedActive","useState","locale","useSelectedLocale","onClick","jsxs","jsx","CheckmarkCircleRegular","ArrowDownRegular","cn","CodeBlockTooltip"],"mappings":";;;;;;;AAeO,MAAMA,IAAiB,CAAC,EAAE,MAAAC,QAAiC;AAChE,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpDC,IAASC,EAAA,GACTC,IAAU,MAAM;AACpB,IAAAJ,EAAkB,EAAI,GACtB,WAAW,MAAM;AACf,MAAAA,EAAkB,EAAK;AAAA,IACzB,GAAG,GAAI;AAAA,EACT;AAEA,SAAOF,EAAK,YACV,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cACEN,IAAiBG,EAAO,qBAAqB,IAAIA,EAAO,2BAA2B;AAAA,MAErF,WAAU;AAAA,MACV,SAAAE;AAAA,MACA,MAAMN,EAAK;AAAA,MACX,UAAU,gBAAgBA,EAAK,SAAS;AAAA,MAEvC,UAAA;AAAA,QAAAC,IACC,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,UAAA;AAAA,QAAA,IAGZ,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAGJ,gBAAAH,EAACI,GAAA,EAAiB,MAAMX,IAAiB,YAAY,WAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAEjE;AACN;"}

package/dist/api-playground/ApiPlayground/Response/ResponseBody/CodeResponseContent.js

@@ -0,0 +1,54 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as c } from "react";
+import i from "prismjs";
+import "prismjs/components/prism-json.js";
+import { MAX_PREVIEW_BYTES as p } from "../../../../constants/index.js";
+import { useSelectedLocale as g } from "../../../../utils/locales/index.js";
+import "@mintlify/validation";
+import { cn as d } from "../../../../utils/cn.js";
+const b = ({ data: r }) => {
+  const a = g();
+  let t = !1, e = r.content;
+  const l = r.content.length > p * 5;
+  try {
+    e = JSON.parse(r.content), t = !0;
+  } catch (n) {
+    console.error(n);
+  }
+  const s = c(() => {
+    if (t)
+      try {
+        const n = JSON.stringify(e, null, 2), m = i.languages.json || i.languages.plaintext;
+        return i.highlight(n, m, "json");
+      } catch (n) {
+        console.error("Failed to highlight code:", n);
+        return;
+      }
+  }, [t, e]);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      tabIndex: 0,
+      role: "region",
+      "aria-label": a["aria.responseContent"],
+      className: "mint:overflow-auto mint:h-full",
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          className: d(
+            "mint:px-3 mint:py-3.5 mint:h-full mint:whitespace-pre mint:border-gray-200 mint:dark:border-gray-700 mint:dark:text-gray-300 mint:font-mono mint:text-xs mint:leading-5",
+            l && "mint:whitespace-pre-line"
+          ),
+          children: t && s !== void 0 ? /* @__PURE__ */ o("span", { suppressHydrationWarning: !0, dangerouslySetInnerHTML: { __html: s } }) : (
+            // Fallback: show prettified JSON (without syntax highlighting) when response is too large
+            /* @__PURE__ */ o("span", { suppressHydrationWarning: !0, children: t ? JSON.stringify(e, null, 2) : r.content })
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  b as CodeResponseContent
+};
+//# sourceMappingURL=CodeResponseContent.js.map

package/dist/api-playground/ApiPlayground/Response/ResponseBody/CodeResponseContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeResponseContent.js","sources":["../../../../../src/api-playground/ApiPlayground/Response/ResponseBody/CodeResponseContent.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport Prism from 'prismjs';\nimport 'prismjs/components/prism-json.js';\n\nimport { MAX_PREVIEW_BYTES } from '@/constants';\nimport { useSelectedLocale } from '@/utils/locales';\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\nimport { getCodeBlockScrollbarClassname } from '@/utils/getScrollbarClassname';\n\nimport type { OtherResponseData } from '..';\n\ntype CodeResponseContentParams = {\n  data: OtherResponseData;\n};\n\nexport const CodeResponseContent = ({ data }: CodeResponseContentParams) => {\n  const locale = useSelectedLocale();\n\n  let isJson = false;\n  let jsonData = data.content;\n  const wayTooLarge = data.content.length > MAX_PREVIEW_BYTES * 5;\n\n  try {\n    jsonData = JSON.parse(data.content);\n    isJson = true;\n  } catch (e) {\n    console.error(e);\n  }\n\n  const html = useMemo(() => {\n    if (!isJson) return undefined;\n\n    try {\n      const codeString = JSON.stringify(jsonData, null, 2);\n      const grammar = Prism.languages.json || Prism.languages.plaintext;\n      return Prism.highlight(codeString, grammar, 'json');\n    } catch (error) {\n      console.error('Failed to highlight code:', error);\n      return undefined;\n    }\n  }, [isJson, jsonData]);\n\n  return (\n    <div\n      tabIndex={0}\n      role=\"region\"\n      aria-label={locale['aria.responseContent']}\n      className='mint:overflow-auto mint:h-full'\n    >\n      <div\n        className={cn(\n          'mint:px-3 mint:py-3.5 mint:h-full mint:whitespace-pre mint:border-gray-200 mint:dark:border-gray-700 mint:dark:text-gray-300 mint:font-mono mint:text-xs mint:leading-5',\n          wayTooLarge && 'mint:whitespace-pre-line'\n        )}\n      >\n        {isJson && html !== undefined ? (\n          <span suppressHydrationWarning dangerouslySetInnerHTML={{ __html: html }} />\n        ) : (\n          // Fallback: show prettified JSON (without syntax highlighting) when response is too large\n          <span suppressHydrationWarning>\n            {isJson ? JSON.stringify(jsonData, null, 2) : data.content}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["CodeResponseContent","data","locale","useSelectedLocale","isJson","jsonData","wayTooLarge","MAX_PREVIEW_BYTES","e","html","useMemo","codeString","grammar","Prism","error","jsx","cn"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAsB,CAAC,EAAE,MAAAC,QAAsC;AAC1E,QAAMC,IAASC,EAAA;AAEf,MAAIC,IAAS,IACTC,IAAWJ,EAAK;AACpB,QAAMK,IAAcL,EAAK,QAAQ,SAASM,IAAoB;AAE9D,MAAI;AACF,IAAAF,IAAW,KAAK,MAAMJ,EAAK,OAAO,GAClCG,IAAS;AAAA,EACX,SAASI,GAAG;AACV,YAAQ,MAAMA,CAAC;AAAA,EACjB;AAEA,QAAMC,IAAOC,EAAQ,MAAM;AACzB,QAAKN;AAEL,UAAI;AACF,cAAMO,IAAa,KAAK,UAAUN,GAAU,MAAM,CAAC,GAC7CO,IAAUC,EAAM,UAAU,QAAQA,EAAM,UAAU;AACxD,eAAOA,EAAM,UAAUF,GAAYC,GAAS,MAAM;AAAA,MACpD,SAASE,GAAO;AACd,gBAAQ,MAAM,6BAA6BA,CAAK;AAChD;AAAA,MACF;AAAA,EACF,GAAG,CAACV,GAAQC,CAAQ,CAAC;AAErB,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAYb,EAAO,sBAAsB;AAAA,MACzC,WAAU;AAAA,MAEV,UAAA,gBAAAa;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA,YACAV,KAAe;AAAA,UAAA;AAAA,UAGhB,UAAAF,KAAUK,MAAS,SAClB,gBAAAM,EAAC,QAAA,EAAK,0BAAwB,IAAC,yBAAyB,EAAE,QAAQN,EAAA,EAAK,CAAG;AAAA;AAAA,YAG1E,gBAAAM,EAAC,QAAA,EAAK,0BAAwB,IAC3B,UAAAX,IAAS,KAAK,UAAUC,GAAU,MAAM,CAAC,IAAIJ,EAAK,QAAA,CACrD;AAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;"}

package/dist/api-playground/ApiPlayground/Response/ResponseBody/index.js

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import { ResponsePlaceholder as r } from "../ResponsePlaceholder.js";
+import { CodeResponseContent as s } from "./CodeResponseContent.js";
+const m = ({ data: e }) => {
+  if (e == null)
+    return /* @__PURE__ */ o(r, { message: "No body data received from the server", icon: "brackets-curly" });
+  switch (e.type) {
+    case "other":
+      return /* @__PURE__ */ o(s, { data: e });
+  }
+};
+export {
+  m as ResponseBody
+};
+//# sourceMappingURL=index.js.map

package/dist/api-playground/ApiPlayground/Response/ResponseBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/api-playground/ApiPlayground/Response/ResponseBody/index.tsx"],"sourcesContent":["'use client';\n\nimport { ResponseBodyData } from '..';\nimport { ResponsePlaceholder } from '../ResponsePlaceholder';\n\nimport { CodeResponseContent } from './CodeResponseContent';\n\n\ntype ResponseBodyParams = {\n  data: ResponseBodyData | undefined;\n};\n\nexport const ResponseBody = ({ data }: ResponseBodyParams) => {\n  if (data == null) {\n    return (\n      <ResponsePlaceholder message=\"No body data received from the server\" icon=\"brackets-curly\" />\n    );\n  }\n\n  switch (data.type) {\n    case 'other':\n      return <CodeResponseContent data={data} />;\n  }\n};\n"],"names":["ResponseBody","data","jsx","ResponsePlaceholder","CodeResponseContent"],"mappings":";;;AAYO,MAAMA,IAAe,CAAC,EAAE,MAAAC,QAA+B;AAC5D,MAAIA,KAAQ;AACV,WACE,gBAAAC,EAACC,GAAA,EAAoB,SAAQ,yCAAwC,MAAK,kBAAiB;AAI/F,UAAQF,EAAK,MAAA;AAAA,IACX,KAAK;AACH,aAAO,gBAAAC,EAACE,KAAoB,MAAAH,GAAY;AAAA,EAAA;AAE9C;"}

package/dist/api-playground/ApiPlayground/Response/ResponseError.js

@@ -0,0 +1,14 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ResponsePlaceholder as o } from "./ResponsePlaceholder.js";
+import { WarningRegular as m } from "@fluentui/react-icons";
+const s = ({ message: e }) => /* @__PURE__ */ r(
+  o,
+  {
+    message: `An error occurred while making the request: ${e}`,
+    icon: /* @__PURE__ */ r(m, { className: "mint:h-8 mint:w-8 mint:bg-gray-300 mint:dark:bg-white/20" })
+  }
+);
+export {
+  s as ResponseError
+};
+//# sourceMappingURL=ResponseError.js.map

package/dist/api-playground/ApiPlayground/Response/ResponseError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseError.js","sources":["../../../../src/api-playground/ApiPlayground/Response/ResponseError.tsx"],"sourcesContent":["'use client';\n\nimport { ResponsePlaceholder } from './ResponsePlaceholder';\nimport { WarningRegular } from '@fluentui/react-icons';\nimport { cn } from \"../../../utils/cn\";\n\nexport const ResponseError = ({ message }: { message: string }) => {\n  return (\n    <ResponsePlaceholder\n      message={`An error occurred while making the request: ${message}`}\n      icon={<WarningRegular className=\"mint:h-8 mint:w-8 mint:bg-gray-300 mint:dark:bg-white/20\" />}\n    />\n  );\n};\n"],"names":["ResponseError","message","jsx","ResponsePlaceholder","WarningRegular"],"mappings":";;;AAMO,MAAMA,IAAgB,CAAC,EAAE,SAAAC,QAE5B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAS,+CAA+CF,CAAO;AAAA,IAC/D,MAAM,gBAAAC,EAACE,GAAA,EAAe,WAAU,2DAAA,CAA2D;AAAA,EAAA;AAAA;"}

package/dist/api-playground/ApiPlayground/Response/ResponseHeaders.js

@@ -0,0 +1,12 @@
+import { jsx as e } from "react/jsx-runtime";
+import { TableRegular as t } from "@fluentui/react-icons";
+import { ResponsePlaceholder as o } from "./ResponsePlaceholder.js";
+import { ResponseTable as a } from "./ResponseTable.js";
+const h = ({ response: s }) => {
+  const r = Object.entries(s.headers);
+  return r.length === 0 ? /* @__PURE__ */ e(o, { message: "No headers received from the server", icon: /* @__PURE__ */ e(t, { className: "mint:h-8 mint:w-8 mint:bg-gray-300 mint:dark:bg-white/20" }) }) : /* @__PURE__ */ e(a, { data: r });
+};
+export {
+  h as ResponseHeaders
+};
+//# sourceMappingURL=ResponseHeaders.js.map

package/dist/api-playground/ApiPlayground/Response/ResponseHeaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseHeaders.js","sources":["../../../../src/api-playground/ApiPlayground/Response/ResponseHeaders.tsx"],"sourcesContent":["'use client';\n\nimport { ApiPlaygroundResponseType } from '@mintlify/models';\nimport { TableRegular } from '@fluentui/react-icons';\n\nimport { ResponsePlaceholder } from './ResponsePlaceholder';\nimport { ResponseTable } from './ResponseTable';\nimport { cn } from \"../../../utils/cn\";\n\nexport const ResponseHeaders = ({ response }: { response: ApiPlaygroundResponseType }) => {\n  const headers = Object.entries(response.headers);\n  if (headers.length === 0) {\n    return <ResponsePlaceholder message=\"No headers received from the server\" icon={<TableRegular className=\"mint:h-8 mint:w-8 mint:bg-gray-300 mint:dark:bg-white/20\" />} />;\n  }\n\n  return <ResponseTable data={headers} />;\n};\n"],"names":["ResponseHeaders","response","headers","jsx","ResponsePlaceholder","TableRegular","ResponseTable"],"mappings":";;;;AASO,MAAMA,IAAkB,CAAC,EAAE,UAAAC,QAAwD;AACxF,QAAMC,IAAU,OAAO,QAAQD,EAAS,OAAO;AAC/C,SAAIC,EAAQ,WAAW,IACd,gBAAAC,EAACC,KAAoB,SAAQ,uCAAsC,MAAM,gBAAAD,EAACE,GAAA,EAAa,WAAU,2DAAA,CAA2D,EAAA,CAAI,IAGlK,gBAAAF,EAACG,GAAA,EAAc,MAAMJ,EAAA,CAAS;AACvC;"}

package/dist/api-playground/ApiPlayground/Response/ResponsePlaceholder.js

@@ -0,0 +1,20 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import "@mintlify/validation";
+import { cn as m } from "../../../utils/cn.js";
+const c = ({ message: e, icon: n }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: m(
+      "mint:bg-response-body-auto",
+      "mint:rounded-b-xl mint:overflow-auto"
+    ),
+    children: /* @__PURE__ */ i("div", { className: "mint:pb-8 mint:pt-10 mint:px-6 mint:space-y-4 mint:flex mint:flex-col mint:items-center", children: [
+      n,
+      /* @__PURE__ */ t("div", { className: "mint:text-sm mint:text-center", children: e })
+    ] })
+  }
+);
+export {
+  c as ResponsePlaceholder
+};
+//# sourceMappingURL=ResponsePlaceholder.js.map

package/dist/api-playground/ApiPlayground/Response/ResponsePlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsePlaceholder.js","sources":["../../../../src/api-playground/ApiPlayground/Response/ResponsePlaceholder.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nexport const ResponsePlaceholder = ({ message, icon }: { message: string, icon?: React.ReactNode }) => {\n\n  return (\n    <div\n      className={cn(\n        'mint:bg-response-body-auto',\n        'mint:rounded-b-xl mint:overflow-auto'\n      )}\n    >\n      <div className=\"mint:pb-8 mint:pt-10 mint:px-6 mint:space-y-4 mint:flex mint:flex-col mint:items-center\">\n        {icon}\n        <div className=\"mint:text-sm mint:text-center\">{message}</div>\n      </div>\n    </div>\n  );\n};\n"],"names":["ResponsePlaceholder","message","icon","jsx","cn","jsxs"],"mappings":";;;AAIO,MAAMA,IAAsB,CAAC,EAAE,SAAAC,GAAS,MAAAC,QAG3C,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAGF,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2FACZ,UAAA;AAAA,MAAAH;AAAA,MACD,gBAAAC,EAAC,OAAA,EAAI,WAAU,iCAAiC,UAAAF,EAAA,CAAQ;AAAA,IAAA,EAAA,CAC1D;AAAA,EAAA;AAAA;"}

package/dist/api-playground/ApiPlayground/Response/ResponseTable.js

@@ -0,0 +1,21 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import "@mintlify/validation";
+import { cn as r } from "../../../utils/cn.js";
+const s = ({ data: m }) => /* @__PURE__ */ t("div", { className: "mint:w-full mint:rounded-b-xl mint:overflow-y-auto", children: /* @__PURE__ */ t("table", { className: "mint:table-fixed mint:pb-8 mint:w-full mint:pt-10", children: m.flatMap(([i, n]) => /* @__PURE__ */ e(
+  "tr",
+  {
+    className: r(
+      "mint:w-full mint:flex mint:divide-x mint:border-b mint:last:border-b-0 mint:text-xs mint:text-gray-600 mint:dark:text-gray-400",
+      "mint:divide-gray-100 mint:dark:divide-white/10 mint:border-gray-100 mint:dark:border-white/10"
+    ),
+    children: [
+      /* @__PURE__ */ t("td", { className: "mint:flex mint:items-center mint:basis-1/2 mint:py-2 mint:px-4 mint:overflow-x-autotext-gray-600", children: /* @__PURE__ */ t("div", { className: "mint:min-w-max", children: i }) }),
+      /* @__PURE__ */ t("td", { className: "mint:flex mint:items-center mint:basis-1/2 mint:py-2 mint:px-4 mint:overflow-x-auto", children: /* @__PURE__ */ t("div", { className: "mint:min-w-max", children: `${n}` }) })
+    ]
+  },
+  i
+)) }) });
+export {
+  s as ResponseTable
+};
+//# sourceMappingURL=ResponseTable.js.map

package/dist/api-playground/ApiPlayground/Response/ResponseTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseTable.js","sources":["../../../../src/api-playground/ApiPlayground/Response/ResponseTable.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@/api-playground-2/schemaGraph/utils';\n\nexport const ResponseTable = ({ data }: { data: [string, unknown][] }) => {\n\n  return (\n    <div className=\"mint:w-full mint:rounded-b-xl mint:overflow-y-auto\">\n      <table className=\"mint:table-fixed mint:pb-8 mint:w-full mint:pt-10\">\n        {data.flatMap(([key, value]) => {\n          return (\n            <tr\n              className={cn(\n                'mint:w-full mint:flex mint:divide-x mint:border-b mint:last:border-b-0 mint:text-xs mint:text-gray-600 mint:dark:text-gray-400',\n                'mint:divide-gray-100 mint:dark:divide-white/10 mint:border-gray-100 mint:dark:border-white/10'\n              )}\n              key={key}\n            >\n              <td className=\"mint:flex mint:items-center mint:basis-1/2 mint:py-2 mint:px-4 mint:overflow-x-autotext-gray-600\">\n                <div className=\"mint:min-w-max\">{key}</div>\n              </td>\n              <td className=\"mint:flex mint:items-center mint:basis-1/2 mint:py-2 mint:px-4 mint:overflow-x-auto\">\n                <div className=\"mint:min-w-max\">{`${value}`}</div>\n              </td>\n            </tr>\n          );\n        })}\n      </table>\n    </div>\n  );\n};\n"],"names":["ResponseTable","data","jsx","key","value","jsxs","cn"],"mappings":";;;AAIO,MAAMA,IAAgB,CAAC,EAAE,MAAAC,QAG5B,gBAAAC,EAAC,OAAA,EAAI,WAAU,sDACb,4BAAC,SAAA,EAAM,WAAU,qDACd,UAAAD,EAAK,QAAQ,CAAC,CAACE,GAAKC,CAAK,MAEtB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAIF,UAAA;AAAA,MAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAU,oGACZ,UAAA,gBAAAA,EAAC,SAAI,WAAU,kBAAkB,aAAI,EAAA,CACvC;AAAA,MACA,gBAAAA,EAAC,MAAA,EAAG,WAAU,uFACZ,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAA,GAAGE,CAAK,GAAA,CAAG,EAAA,CAC9C;AAAA,IAAA;AAAA,EAAA;AAAA,EAPKD;AAAA,CAUV,GACH,GACF;"}

package/dist/api-playground/ApiPlayground/Response/ResponseTopbar.js

@@ -0,0 +1,93 @@
+import { jsxs as m, jsx as t, Fragment as l } from "react/jsx-runtime";
+import { useSelectedLocale as c } from "../../../utils/locales/index.js";
+import { ChevronDownFilled as d, WarningRegular as p, ErrorCircleRegular as s, CheckmarkCircleRegular as g } from "@fluentui/react-icons";
+import "@mintlify/validation";
+import { cn as i } from "../../../utils/cn.js";
+import { responseSections as u } from "./index.js";
+import { CopyFileToClipboardButton as x } from "./CopyFileToClipboardButton.js";
+import { DownloadButton as f } from "./DownloadFileButton.js";
+const j = ({
+  result: e,
+  selectedSection: n,
+  setSelectedSection: a,
+  data: r
+}) => /* @__PURE__ */ m("div", { className: "mint:flex mint:w-full mint:px-2 mint:py-1 mint:space-x-3 mint:items-center mint:rounded-t-2xl", children: [
+  /* @__PURE__ */ t("div", { className: "mint:flex mint:flex-1 mint:space-x-4 mint:items-center", children: /* @__PURE__ */ t(
+    h,
+    {
+      status: e.error ? void 0 : e.response.status,
+      statusText: e.error ? void 0 : e.response.statusText
+    }
+  ) }),
+  r ? /* @__PURE__ */ m(l, { children: [
+    /* @__PURE__ */ t(
+      b,
+      {
+        selectedSection: n,
+        setSelectedSection: a
+      }
+    ),
+    /* @__PURE__ */ t(f, { data: r }),
+    /* @__PURE__ */ t(x, { data: r })
+  ] }) : null
+] }), h = ({ status: e, statusText: n }) => /* @__PURE__ */ m("div", { className: "mint:flex mint:space-x-2 mint:items-center", children: [
+  /* @__PURE__ */ t(v, { status: e }),
+  /* @__PURE__ */ t(
+    "div",
+    {
+      className: i(
+        "mint:text-xs",
+        "mint:text-gray-800 mint:dark:text-gray-200 mint:font-medium"
+      ),
+      children: e ? `${e} - ${n}` : "--"
+    }
+  )
+] }), v = ({ status: e }) => {
+  const n = "w-3.5 h-3.5";
+  return e === void 0 ? /* @__PURE__ */ t(
+    p,
+    {
+      className: i(n, "mint:bg-red-600 mint:dark:bg-red-500")
+    }
+  ) : e >= 400 ? /* @__PURE__ */ t(s, { className: i(n, "mint:bg-red-600 mint:dark:bg-red-500") }) : e >= 200 && e < 300 ? /* @__PURE__ */ t(g, { className: i(n, "mint:bg-green-600 mint:dark:bg-green-500") }) : /* @__PURE__ */ t(
+    s,
+    {
+      className: i(n, "mint:bg-orange-600 mint:dark:bg-orange-500")
+    }
+  );
+}, b = ({
+  selectedSection: e,
+  setSelectedSection: n
+}) => {
+  const a = c();
+  return /* @__PURE__ */ m("div", { className: "mint:relative", children: [
+    /* @__PURE__ */ t(
+      "select",
+      {
+        "aria-label": a["aria.selectResponseSection"],
+        className: i(
+          "mint:pl-2.5 mint:pr-6 mint:py-1 mint:rounded-lg mint:text-xs mint:font-medium mint:border mint:cursor-pointer mint:focus:outline-0",
+          "mint:text-gray-600 mint:dark:text-gray-400 mint:border-standard mint:hover:bg-gray-50 mint:dark:hover:bg-white/[0.03]"
+        ),
+        value: e,
+        onChange: (r) => n(r.target.value),
+        children: u.map((r) => {
+          var o;
+          return /* @__PURE__ */ t("option", { value: r, children: (((o = r[0]) == null ? void 0 : o.toUpperCase()) ?? "") + r.slice(1) }, r);
+        })
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "mint:pointer-events-none mint:absolute mint:inset-0 mint:flex mint:items-center mint:justify-end mint:pr-2.5", children: /* @__PURE__ */ t(
+      d,
+      {
+        className: i(
+          "mint:h-2.5 mint:w-2.5 mint:text-gray-500 mint:dark:text-gray-400 mint:shrink-0"
+        )
+      }
+    ) })
+  ] });
+};
+export {
+  j as ResponseTopbar
+};
+//# sourceMappingURL=ResponseTopbar.js.map