@mintlify/msft-sdk 1.1.23 → 1.1.24

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputContainer.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/InputContainer.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { isEnum } from '@/api-playground-2/schemaGraph/utils';\nimport { ArrayCount } from '@/api-playground/ApiPlayground/components/ArrayCount';\nimport { ObjectExpandButton } from '@/api-playground/ApiPlayground/components/ObjectExpandButton';\nimport { TrashButton } from '@/api-playground/ApiPlayground/components/TrashButton';\nimport { Description } from '@/api-playground/EndpointFields/components/Description';\nimport { DeprecatedPill, InfoPill, RequiredPill } from '../../../../components/Api/Param';\nimport { containsMarkdownTable } from '../../../../utils/containsMarkdownTable';\n\nimport { InputContainerParams } from './DifferentiatedInput';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const InputContainer = ({\n  name,\n  schema,\n  defaultExpanded = true,\n  typeDropdown,\n  arrayIndex,\n  parentNames,\n  clearValue,\n  style,\n  explode,\n  children,\n}: InputContainerParams) => {\n  const [showChildren, setShowChildren] = useState(defaultExpanded);\n  const descriptionContainsTable =\n    isEnum(schema) && schema.description && containsMarkdownTable(schema.description);\n  const typeLabel =\n    schema.format && typeof schema.format === 'string'\n      ? `${schema.type}<${schema.format}>`\n      : isEnum(schema)\n        ? `enum<${schema.type}>`\n        : schema.type;\n  const isArray = schema.type === 'array';\n  const isObject = schema.type === 'object';\n  const propertiesCount = isObject ? Object.keys(schema.properties ?? {}).length : 0;\n  return (\n    <>\n      <div\n        className={cn(\n          'mint:flex mint:space-x-3 mint:items-start',\n          arrayIndex != undefined && !isObject && 'mint:flex mint:items-center'\n        )}\n      >\n        {arrayIndex != undefined && (\n          <ArrayCount className={cn(isObject && 'mint:mt-8')}>{arrayIndex + 1}</ArrayCount>\n        )}\n        <div\n          className={cn(\n            'mint:flex-1 mint:lg:grid-cols-2 mint:gap-x-12 mint:gap-y-4 mint:py-5 mint:max-w-full',\n            !isArray && !isObject && \"mint:grid\",\n            isArray && 'mint:flex mint:flex-col',\n            isObject &&\n              'mint:gap-y-0 mint:flex mint:flex-col mint:border mint:border-gray-50 mint:dark:border-white/5 mint:rounded-xl mint:px-4 mint:py-0 mint:my-5',\n            arrayIndex !== undefined && 'mint:py-1 mint:my-2'\n          )}\n        >\n          <div\n            className={cn(\n              'mint:space-y-2',\n              isObject && 'mint:py-5 mint:border-b mint:border-gray-50 mint:dark:border-white/5',\n              !showChildren && 'mint:border-none',\n              arrayIndex != undefined && !isObject && 'mint:flex mint:items-center'\n            )}\n          >\n            <div className=\"mint:flex mint:items-center mint:justify-between mint:font-mono mint:font-bold\">\n              <div\n                className=\"mint:flex mint:flex-wrap mint:items-center mint:gap-2 mint:text-xs mint:truncate\"\n                title={\n                  parentNames && parentNames.length > 0 ? `${parentNames.join('.')}.${name}` : name\n                }\n              >\n                <div className={cn(\"mint:text-sm mint:truncate\", name == undefined && 'mint:hidden')}>\n                  {parentNames && parentNames.length > 0 && style === 'deepObject' && explode ? (\n                    <>\n                      <span className=\"mint:text-gray-500 mint:dark:text-gray-400\">\n                        {parentNames.map((parentName, index) => (\n                          <>\n                            {parentName}\n                            {index === 0 ? '[' : ']['}\n                          </>\n                        ))}\n                      </span>\n                      <span className=\"mint:font-semibold mint:text-gray-900 mint:dark:text-gray-100\">{name}</span>\n                      <span className=\"mint:text-gray-500 mint:dark:text-gray-400\">{']'}</span>\n                    </>\n                  ) : (\n                    <>\n                      <span className=\"mint:text-gray-500 mint:dark:text-gray-400\">\n                        {parentNames ? `${parentNames.join('.')}.` : ''}\n                      </span>\n                      <span className=\"mint:font-semibold mint:text-gray-900 mint:dark:text-gray-100\">{name}</span>\n                    </>\n                  )}\n                </div>\n                {typeDropdown != undefined ? typeDropdown : <InfoPill>{typeLabel}</InfoPill>}\n                {schema.isRequired && <RequiredPill />}\n                {schema.deprecated && <DeprecatedPill />}\n              </div>\n              {isObject && (\n                <ObjectExpandButton\n                  onClick={() => setShowChildren(!showChildren)}\n                  count={propertiesCount}\n                  labeled={defaultExpanded == false}\n                />\n              )}\n            </div>\n            {schema.description && !descriptionContainsTable && (\n              <Description\n                markdown={schema.description}\n                className=\"mint:text-gray-500 mint:dark:text-gray-400\"\n              />\n            )}\n          </div>\n          {showChildren && (\n            <div\n              className={cn(\n                'mint:grid mint:grid-cols-1 mint:w-full mint:items-start mint:divide-y mint:divide-gray-50 mint:dark:divide-white/5',\n                isArray && 'mint:divide-y-0'\n              )}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n        {/* // TODO - Api Playground Refactor: make sure clearValue works to delete keys */}\n        {(arrayIndex != undefined || parentNames) && clearValue && (\n          <TrashButton\n            className={cn(isObject && 'mint:mt-8', parentNames && 'mint:mt-7')}\n            onClick={() => clearValue()}\n          />\n        )}\n      </div>\n      {schema.description && descriptionContainsTable && (\n        <Description markdown={schema.description} className=\"mint:text-gray-500 mint:dark:text-gray-400\" />\n      )}\n    </>\n  );\n};\n"],"names":["InputContainer","name","schema","defaultExpanded","typeDropdown","arrayIndex","parentNames","clearValue","style","explode","children","showChildren","setShowChildren","useState","descriptionContainsTable","isEnum","containsMarkdownTable","typeLabel","isArray","isObject","propertiesCount","jsxs","Fragment","cn","ArrayCount","jsx","parentName","index","InfoPill","RequiredPill","DeprecatedPill","ObjectExpandButton","Description","TrashButton"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+const e = () => /* @__PURE__ */ t(
+  "input",
+  {
+    className: "mint:flex-1 mint:min-w-0 mint:outline-0 mint:bg-transparent mint:text-playground-input",
+    type: "text",
+    placeholder: "--",
+    contentEditable: "false",
+    disabled: !0
+  }
+);
+export {
+  e as NullInput
+};
+//# sourceMappingURL=NullInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NullInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/NullInput.tsx"],"sourcesContent":["import { cn } from \"../../../../utils/cn\";\nexport const NullInput = () => {\n  return (\n    <input\n      className=\"mint:flex-1 mint:min-w-0 mint:outline-0 mint:bg-transparent mint:text-playground-input\"\n      type=\"text\"\n      placeholder=\"--\"\n      contentEditable=\"false\"\n      disabled\n    />\n  );\n};\n"],"names":["NullInput","jsx"],"mappings":";AACO,MAAMA,IAAY,MAErB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,MAAK;AAAA,IACL,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,UAAQ;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1,46 @@
+import { jsx as y } from "react/jsx-runtime";
+import { isInteger as b, isNumber as N } from "../../../../common/guards.js";
+import { usePlaygroundInputsStore as h } from "../../../hooks/usePlaygroundInputsStore.js";
+import { getSchemaPlaceholder as P, getUniqueInputKey as S } from "../../../schemaGraph/utils.js";
+import { useSelectedLocale as v } from "../../../../utils/locales/index.js";
+import { Ids as x } from "../../../types/index.js";
+const A = ({
+  name: a,
+  schema: n,
+  inputKeyPrefix: l,
+  numberType: s,
+  arrayIndex: p
+}) => {
+  const m = v(), { getInput: c, setInput: o } = h(), u = P(n), r = S(l, n, p), g = c(r), f = u ?? `enter ${a ?? "value"}`, i = n.type, d = ((e, t) => e === "integer" ? b(t) ? t : void 0 : N(t) ? t : void 0)(s, g), I = (e) => {
+    if (e.target.value.length === 0) {
+      o(r, void 0);
+      return;
+    }
+    if (i === "integer") {
+      const t = parseInt(e.target.value);
+      if (isNaN(t))
+        return;
+      o(r, t);
+    } else
+      o(r, parseFloat(e.target.value));
+  };
+  return /* @__PURE__ */ y(
+    "input",
+    {
+      id: x.APIPlaygroundInput,
+      className: "mint:flex-1 mint:min-w-0 mint:bg-transparent mint:outline-0 mint:text-playground-input",
+      placeholder: f,
+      "aria-label": u ?? m["aria.enterValue"].replace("{name}", a ?? "value"),
+      onKeyDown: (e) => {
+        (e.key === "e" || e.key === "." && i === "integer") && e.preventDefault();
+      },
+      type: "number",
+      value: d ?? "",
+      onChange: I
+    }
+  );
+};
+export {
+  A as NumberInput
+};
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/NumberInput.tsx"],"sourcesContent":["import { isInteger, isNumber } from '../../../../common/guards';\nimport { ChangeEvent } from 'react';\n\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { getSchemaPlaceholder, getUniqueInputKey } from '@/api-playground-2/schemaGraph/utils';\nimport { useSelectedLocale } from '@/utils/locales';\n\nimport { InputParams } from './DifferentiatedInput';\nimport { Ids } from '@/api-playground-2/types';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const NumberInput = ({\n  name,\n  schema,\n  inputKeyPrefix,\n  numberType,\n  arrayIndex,\n}: InputParams & { numberType: string }) => {\n  const locale = useSelectedLocale();\n  const { getInput, setInput } = usePlaygroundInputsStore();\n  const schemaPlaceholder = getSchemaPlaceholder(schema);\n  const uniqueInputKey = getUniqueInputKey(inputKeyPrefix, schema, arrayIndex);\n  const value = getInput(uniqueInputKey);\n  const placeholder = schemaPlaceholder ?? `enter ${name ?? 'value'}`;\n  const schemaType = schema.type;\n\n  const getSafeNumberValue = (numberType: string, value: unknown) => {\n    if (numberType === 'integer') {\n      return isInteger(value) ? value : undefined;\n    } else {\n      return isNumber(value) ? value : undefined;\n    }\n  };\n  const safeValue = getSafeNumberValue(numberType, value);\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value.length === 0) {\n      setInput(uniqueInputKey, undefined);\n      return;\n    }\n\n    if (schemaType === 'integer') {\n      const parsedInteger = parseInt(event.target.value);\n      if (isNaN(parsedInteger)) {\n        return;\n      }\n      setInput(uniqueInputKey, parsedInteger);\n    } else {\n      setInput(uniqueInputKey, parseFloat(event.target.value));\n    }\n  };\n\n  return (\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      placeholder={placeholder}\n      aria-label={schemaPlaceholder ?? locale['aria.enterValue'].replace('{name}', name ?? 'value')}\n      onKeyDown={(event) => {\n        // disallow \"e\", and disallow \".\" for integer inputs\n        if (event.key === 'e' || (event.key === '.' && schemaType === 'integer')) {\n          event.preventDefault();\n        }\n      }}\n      type=\"number\"\n      value={safeValue ?? ''}\n      onChange={onChange}\n    />\n  );\n};\n"],"names":["NumberInput","name","schema","inputKeyPrefix","numberType","arrayIndex","locale","useSelectedLocale","getInput","setInput","usePlaygroundInputsStore","schemaPlaceholder","getSchemaPlaceholder","uniqueInputKey","getUniqueInputKey","value","placeholder","schemaType","safeValue","isInteger","isNumber","onChange","event","parsedInteger","jsx","Ids"],"mappings":";;;;;;AAWO,MAAMA,IAAc,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AACF,MAA4C;AAC1C,QAAMC,IAASC,EAAA,GACT,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaC,EAAA,GACzBC,IAAoBC,EAAqBV,CAAM,GAC/CW,IAAiBC,EAAkBX,GAAgBD,GAAQG,CAAU,GACrEU,IAAQP,EAASK,CAAc,GAC/BG,IAAcL,KAAqB,SAASV,KAAQ,OAAO,IAC3DgB,IAAaf,EAAO,MASpBgB,KAPqB,CAACd,GAAoBW,MAC1CX,MAAe,YACVe,EAAUJ,CAAK,IAAIA,IAAQ,SAE3BK,EAASL,CAAK,IAAIA,IAAQ,QAGAX,GAAYW,CAAK,GAEhDM,IAAW,CAACC,MAAyC;AACzD,QAAIA,EAAM,OAAO,MAAM,WAAW,GAAG;AACnC,MAAAb,EAASI,GAAgB,MAAS;AAClC;AAAA,IACF;AAEA,QAAII,MAAe,WAAW;AAC5B,YAAMM,IAAgB,SAASD,EAAM,OAAO,KAAK;AACjD,UAAI,MAAMC,CAAa;AACrB;AAEF,MAAAd,EAASI,GAAgBU,CAAa;AAAA,IACxC;AACE,MAAAd,EAASI,GAAgB,WAAWS,EAAM,OAAO,KAAK,CAAC;AAAA,EAE3D;AAEA,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIC,EAAI;AAAA,MACR,WAAU;AAAA,MACV,aAAAT;AAAA,MACA,cAAYL,KAAqBL,EAAO,iBAAiB,EAAE,QAAQ,UAAUL,KAAQ,OAAO;AAAA,MAC5F,WAAW,CAACqB,MAAU;AAEpB,SAAIA,EAAM,QAAQ,OAAQA,EAAM,QAAQ,OAAOL,MAAe,cAC5DK,EAAM,eAAA;AAAA,MAEV;AAAA,MACA,MAAK;AAAA,MACL,OAAOJ,KAAa;AAAA,MACpB,UAAAG;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,104 @@
+import { jsx as r, Fragment as K, jsxs as T } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { v4 as q } from "uuid";
+import { isSchemaObject as u, getUniqueInputKey as b, convertAnySchemaToOneOfs as w } from "../../../schemaGraph/utils.js";
+import { AdditionalPropertyButton as B } from "../../../../api-playground/ApiPlayground/components/AdditionalPropertyButton.js";
+import { DifferentiatedInput as f } from "./DifferentiatedInput.js";
+const G = ({
+  schema: t,
+  depth: s,
+  parentNames: m,
+  style: a,
+  explode: d,
+  inputKeyPrefix: e,
+  name: l
+}) => {
+  const O = [];
+  Object.entries(t.properties ?? {}).forEach(([o, n]) => {
+    if (u(n)) {
+      const i = l ? [l] : void 0;
+      O.push(
+        /* @__PURE__ */ r(
+          f,
+          {
+            name: o,
+            schema: n,
+            depth: (s ?? 0) + 1,
+            parentNames: i,
+            style: a,
+            explode: d,
+            inputKeyPrefix: e
+          },
+          o
+        )
+      );
+    }
+  });
+  const h = t.additionalProperties !== void 0 && t.additionalProperties !== !1, j = q(), [p, v] = g([]), c = [];
+  p.forEach((o) => {
+    var n;
+    if (u(t.additionalProperties)) {
+      const i = b(e, t, void 0, o);
+      c.push(
+        /* @__PURE__ */ r(
+          f,
+          {
+            name: o,
+            schema: { ...t.additionalProperties, uniqueKey: i },
+            depth: (s ?? 0) + 1,
+            parentNames: m,
+            style: a,
+            explode: d,
+            inputKeyPrefix: e
+          },
+          o
+        )
+      );
+    } else {
+      const i = b(e, t, void 0, o), y = {
+        oneOf: (n = w().oneOf) == null ? void 0 : n.map((S) => ({
+          ...S,
+          uniqueKey: i
+        }))
+      };
+      u(y) && c.push(
+        /* @__PURE__ */ r(
+          f,
+          {
+            name: o,
+            schema: y,
+            depth: (s ?? 0) + 1,
+            parentNames: m,
+            style: a,
+            explode: d,
+            inputKeyPrefix: e
+          },
+          o
+        )
+      );
+    }
+  });
+  const P = [...O, ...c];
+  if (s === 0)
+    return /* @__PURE__ */ r(K, { children: P });
+  const A = (o) => {
+    const n = [...p, o];
+    v(n);
+  }, I = [...Object.keys(t.properties ?? {}), ...p];
+  return /* @__PURE__ */ T(K, { children: [
+    P,
+    h ? /* @__PURE__ */ r(
+      B,
+      {
+        existingKeys: I,
+        onAddKey: A,
+        dataTestId: ("name" in t && t.name ? t.name : "") + "-additional-property-button"
+      },
+      "add-property-button" + j
+    ) : null
+  ] });
+};
+export {
+  G as ObjectInput
+};
+//# sourceMappingURL=ObjectInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/ObjectInput.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport {\n  convertAnySchemaToOneOfs,\n  getUniqueInputKey,\n  isSchemaObject,\n} from '@/api-playground-2/schemaGraph/utils';\nimport { AdditionalPropertyButton } from '@/api-playground/ApiPlayground/components/AdditionalPropertyButton';\n\nimport { DifferentiatedInput, InputParams } from './DifferentiatedInput';\n\nexport const ObjectInput = ({\n  schema,\n  depth,\n  parentNames,\n  style,\n  explode,\n  inputKeyPrefix,\n  name,\n}: InputParams) => {\n  const propertiesInputs: React.ReactNode[] = [];\n\n  Object.entries(schema.properties ?? {}).forEach(([propName, propSchema]) => {\n    if (isSchemaObject(propSchema)) {\n      const newParentNames = name ? [name] : undefined;\n\n      propertiesInputs.push(\n        <DifferentiatedInput\n          key={propName}\n          name={propName}\n          schema={propSchema}\n          depth={(depth ?? 0) + 1}\n          parentNames={newParentNames}\n          style={style}\n          explode={explode}\n          inputKeyPrefix={inputKeyPrefix}\n        />\n      );\n    }\n  });\n\n  const allowsAdditionalProperties =\n    schema.additionalProperties !== undefined && schema.additionalProperties !== false;\n  const additionalPropButtonKey = uuidv4();\n  const [additionalPropKeys, setAdditionalPropKeys] = useState<string[]>([]);\n  const additionalPropertiesInputs: React.ReactNode[] = [];\n\n  additionalPropKeys.forEach((key) => {\n    if (isSchemaObject(schema.additionalProperties)) {\n      const uniqueKey = getUniqueInputKey(inputKeyPrefix, schema, undefined, key);\n      additionalPropertiesInputs.push(\n        <DifferentiatedInput\n          key={key}\n          name={key}\n          schema={{ ...schema.additionalProperties, uniqueKey }}\n          depth={(depth ?? 0) + 1}\n          parentNames={parentNames}\n          style={style}\n          explode={explode}\n          inputKeyPrefix={inputKeyPrefix}\n        />\n      );\n    } else {\n      const uniqueKey = getUniqueInputKey(inputKeyPrefix, schema, undefined, key);\n      const anySchemaToOneOfSchema = convertAnySchemaToOneOfs();\n      const oneOfWithKeys = {\n        oneOf: anySchemaToOneOfSchema.oneOf?.map((schema) => {\n          return {\n            ...schema,\n            uniqueKey,\n          };\n        }),\n      };\n\n      if (isSchemaObject(oneOfWithKeys)) {\n        additionalPropertiesInputs.push(\n          <DifferentiatedInput\n            key={key}\n            name={key}\n            schema={oneOfWithKeys}\n            depth={(depth ?? 0) + 1}\n            parentNames={parentNames}\n            style={style}\n            explode={explode}\n            inputKeyPrefix={inputKeyPrefix}\n          />\n        );\n      }\n    }\n  });\n\n  const children = [...propertiesInputs, ...additionalPropertiesInputs];\n\n  if (depth === 0) {\n    return <>{children}</>;\n  }\n\n  const addKey = (key: string) => {\n    const newAdditionalPropKeys = [...additionalPropKeys, key];\n    setAdditionalPropKeys(newAdditionalPropKeys);\n  };\n\n  const existingKeys = [...Object.keys(schema.properties ?? {}), ...additionalPropKeys];\n\n  return (\n    <>\n      {children}\n      {allowsAdditionalProperties ? (\n        <AdditionalPropertyButton\n          key={'add-property-button' + additionalPropButtonKey}\n          existingKeys={existingKeys}\n          onAddKey={addKey}\n          dataTestId={\n            ('name' in schema && schema.name ? schema.name : '') + '-additional-property-button'\n          }\n        />\n      ) : null}\n    </>\n  );\n};\n"],"names":["ObjectInput","schema","depth","parentNames","style","explode","inputKeyPrefix","name","propertiesInputs","propName","propSchema","isSchemaObject","newParentNames","jsx","DifferentiatedInput","allowsAdditionalProperties","additionalPropButtonKey","uuidv4","additionalPropKeys","setAdditionalPropKeys","useState","additionalPropertiesInputs","key","uniqueKey","getUniqueInputKey","oneOfWithKeys","_a","convertAnySchemaToOneOfs","children","addKey","newAdditionalPropKeys","existingKeys","jsxs","Fragment","AdditionalPropertyButton"],"mappings":"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"}

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

@@ -0,0 +1,77 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { generateSimpleSchemaLabel as T, generateSchemaOptionLabels as w } from "../../EndpointFields/fields/SimpleSchemaField.js";
+import { usePlaygroundInputsStore as D } from "../../../hooks/usePlaygroundInputsStore.js";
+import { isSchemaObject as L } from "../../../schemaGraph/utils.js";
+import { TypeDropdown as j } from "../../TypeDropdown.js";
+import { DifferentiatedInput as b } from "./DifferentiatedInput.js";
+import { Tabs as k } from "../../../../components/content-components/tabs/tabs.js";
+import { Tab as q } from "../../../../components/content-components/tabs/tab.js";
+const G = ({
+  name: m,
+  schema: r,
+  clearValue: l,
+  parentNames: c,
+  style: p,
+  explode: a,
+  inputKeyPrefix: s
+}) => {
+  const [i, S] = g(0), n = "oneOf" in r && r.oneOf ? r.oneOf.filter(L) : [], y = n.some((e) => e.type === "null"), O = n.map((e) => ({
+    label: T(e, y),
+    schema: e
+  })), t = n[i], { setInput: f } = D(), d = `${s}.${r.uniqueKey}`, u = (e) => {
+    t && "type" in t && t.type === "null" ? f(d, null) : f(d, void 0), S(e);
+  };
+  if (!t) return null;
+  if (n.every((e) => e.type === "object")) {
+    const e = w(n);
+    return /* @__PURE__ */ o(
+      k,
+      {
+        defaultTab: i,
+        onChange: u,
+        className: "mint:border-gray-100! mint:mb-4! mint:dark:border-white/10!",
+        children: e.map((h) => /* @__PURE__ */ o(q, { title: h, children: /* @__PURE__ */ o(
+          b,
+          {
+            skipContainer: !0,
+            name: m,
+            schema: t,
+            clearValue: l,
+            parentNames: c,
+            style: p,
+            explode: a,
+            inputKeyPrefix: s
+          }
+        ) }, h))
+      }
+    );
+  }
+  const I = O.filter(
+    ({ schema: e }) => e.type !== "null"
+  );
+  return /* @__PURE__ */ o(
+    b,
+    {
+      name: m,
+      schema: t,
+      typeDropdown: /* @__PURE__ */ o(
+        j,
+        {
+          options: I,
+          selectedIndex: i,
+          onSelectOption: u
+        }
+      ),
+      clearValue: l,
+      parentNames: c,
+      style: p,
+      explode: a,
+      inputKeyPrefix: s
+    }
+  );
+};
+export {
+  G as OneOfInput
+};
+//# sourceMappingURL=OneOfInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OneOfInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/OneOfInput.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport {\n  generateSchemaOptionLabels,\n  generateSimpleSchemaLabel,\n} from '@/api-playground-2/components/EndpointFields/fields/SimpleSchemaField';\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { isSchemaObject } from '@/api-playground-2/schemaGraph/utils';\nimport { Tabs, Tab } from '../../../../components/content-components/tabs';\n\nimport { TypeDropdown } from '../../TypeDropdown';\nimport { DifferentiatedInput, InputParams } from './DifferentiatedInput';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const OneOfInput = ({\n  name,\n  schema,\n  clearValue,\n  parentNames,\n  style,\n  explode,\n  inputKeyPrefix,\n}: InputParams & { value?: unknown }) => {\n  const [selectedSchemaIndex, setSelectedSchemaIndex] = useState(0);\n  const schemas = 'oneOf' in schema && schema.oneOf ? schema.oneOf.filter(isSchemaObject) : [];\n  const nullable = schemas.some((schema) => schema.type === 'null');\n  // TODO - Api Playground Refactor: equivalent of schemasWithLabelInfo from RecursiveInput\n  const schemasWithLabels = schemas.map((schema) => ({\n    label: generateSimpleSchemaLabel(schema, nullable),\n    schema: schema,\n  }));\n  const selectedSchema = schemas[selectedSchemaIndex];\n\n  const { setInput } = usePlaygroundInputsStore();\n  const uniqueKey = `${inputKeyPrefix}.${schema.uniqueKey}`;\n\n  const onSelectTypeOption = (index: number) => {\n    if (selectedSchema && 'type' in selectedSchema && selectedSchema.type === 'null') {\n      setInput(uniqueKey, null);\n    } else {\n      setInput(uniqueKey, undefined);\n    }\n    setSelectedSchemaIndex(index);\n  };\n\n  if (!selectedSchema) return null;\n\n  if (schemas.every((schema) => schema.type === 'object')) {\n    const oneOfOptions = generateSchemaOptionLabels(schemas);\n    return (\n      <Tabs\n        defaultTab={selectedSchemaIndex}\n        onChange={onSelectTypeOption}\n        className=\"mint:border-gray-100! mint:mb-4! mint:dark:border-white/10!\"\n      >\n        {oneOfOptions.map((option) => (\n          <Tab title={option} key={option}>\n            <DifferentiatedInput\n              skipContainer\n              name={name}\n              schema={selectedSchema}\n              clearValue={clearValue}\n              parentNames={parentNames}\n              style={style}\n              explode={explode}\n              inputKeyPrefix={inputKeyPrefix}\n            />\n          </Tab>\n        ))}\n      </Tabs>\n    );\n  }\n\n  const filteredSchemasWithLabels = schemasWithLabels.filter(\n    ({ schema }) => schema.type !== 'null'\n  );\n\n  const typeDropdown = (\n    <TypeDropdown\n      options={filteredSchemasWithLabels}\n      selectedIndex={selectedSchemaIndex}\n      onSelectOption={onSelectTypeOption}\n    />\n  );\n\n  return (\n    <DifferentiatedInput\n      name={name}\n      schema={selectedSchema}\n      typeDropdown={typeDropdown}\n      clearValue={clearValue}\n      parentNames={parentNames}\n      style={style}\n      explode={explode}\n      inputKeyPrefix={inputKeyPrefix}\n    />\n  );\n};\n"],"names":["OneOfInput","name","schema","clearValue","parentNames","style","explode","inputKeyPrefix","selectedSchemaIndex","setSelectedSchemaIndex","useState","schemas","isSchemaObject","nullable","schemasWithLabels","generateSimpleSchemaLabel","selectedSchema","setInput","usePlaygroundInputsStore","uniqueKey","onSelectTypeOption","index","oneOfOptions","generateSchemaOptionLabels","jsx","Tabs","option","Tab","DifferentiatedInput","filteredSchemasWithLabels","TypeDropdown"],"mappings":";;;;;;;;;AAcO,MAAMA,IAAa,CAAC;AAAA,EACzB,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AACF,MAAyC;AACvC,QAAM,CAACC,GAAqBC,CAAsB,IAAIC,EAAS,CAAC,GAC1DC,IAAU,WAAWT,KAAUA,EAAO,QAAQA,EAAO,MAAM,OAAOU,CAAc,IAAI,CAAA,GACpFC,IAAWF,EAAQ,KAAK,CAACT,MAAWA,EAAO,SAAS,MAAM,GAE1DY,IAAoBH,EAAQ,IAAI,CAACT,OAAY;AAAA,IACjD,OAAOa,EAA0Bb,GAAQW,CAAQ;AAAA,IACjD,QAAQX;AAAAA,EAAA,EACR,GACIc,IAAiBL,EAAQH,CAAmB,GAE5C,EAAE,UAAAS,EAAA,IAAaC,EAAA,GACfC,IAAY,GAAGZ,CAAc,IAAIL,EAAO,SAAS,IAEjDkB,IAAqB,CAACC,MAAkB;AAC5C,IAAIL,KAAkB,UAAUA,KAAkBA,EAAe,SAAS,SACxEC,EAASE,GAAW,IAAI,IAExBF,EAASE,GAAW,MAAS,GAE/BV,EAAuBY,CAAK;AAAA,EAC9B;AAEA,MAAI,CAACL,EAAgB,QAAO;AAE5B,MAAIL,EAAQ,MAAM,CAACT,MAAWA,EAAO,SAAS,QAAQ,GAAG;AACvD,UAAMoB,IAAeC,EAA2BZ,CAAO;AACvD,WACE,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,YAAYjB;AAAA,QACZ,UAAUY;AAAA,QACV,WAAU;AAAA,QAET,YAAa,IAAI,CAACM,MACjB,gBAAAF,EAACG,GAAA,EAAI,OAAOD,GACV,UAAA,gBAAAF;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,eAAa;AAAA,YACb,MAAA3B;AAAA,YACA,QAAQe;AAAA,YACR,YAAAb;AAAA,YACA,aAAAC;AAAA,YACA,OAAAC;AAAA,YACA,SAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA,EACF,GAVuBmB,CAWzB,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,QAAMG,IAA4Bf,EAAkB;AAAA,IAClD,CAAC,EAAE,QAAAZ,QAAaA,EAAO,SAAS;AAAA,EAAA;AAWlC,SACE,gBAAAsB;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAA3B;AAAA,MACA,QAAQe;AAAA,MACR,cAXF,gBAAAQ;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,SAASD;AAAA,UACT,eAAerB;AAAA,UACf,gBAAgBY;AAAA,QAAA;AAAA,MAAA;AAAA,MAShB,YAAAjB;AAAA,MACA,aAAAC;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,54 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { isBoolean as S, isString as b, isNumber as v, isInteger as y } from "../../../../common/guards.js";
+import { ChevronDownIcon as I } from "lucide-react";
+import { usePlaygroundInputsStore as w } from "../../../hooks/usePlaygroundInputsStore.js";
+import { getSchemaPlaceholder as N, getUniqueInputKey as k } from "../../../schemaGraph/utils.js";
+import { useSelectedLocale as P } from "../../../../utils/locales/index.js";
+import { cn as j } from "../../../../utils/cn.js";
+const U = ({
+  name: a,
+  schema: n,
+  inputKeyPrefix: u,
+  enumType: m,
+  arrayIndex: p
+}) => {
+  const g = P(), { getInput: d, setInput: s } = w(), l = N(n), f = n.type === "boolean" ? [!0, !1] : n.enum ?? [], r = k(u, n, p), h = d(r), i = ((t, e) => {
+    switch (t) {
+      case "integer":
+        return y(e) ? e : void 0;
+      case "number":
+        return v(e) ? e : void 0;
+      case "string":
+        return b(e) ? e : void 0;
+      case "boolean":
+        return S(e) ? e : void 0;
+      default:
+        return;
+    }
+  })(m, h), x = (t) => {
+    m === "boolean" ? s(r, t.target.value === "true") : s(r, t.target.value);
+  };
+  return /* @__PURE__ */ c("div", { className: "mint:relative", children: [
+    /* @__PURE__ */ c(
+      "select",
+      {
+        className: j(
+          "mint:relative mint:text-playground-input mint:w-full mint:text-left mint:flex-1 mint:outline-0 mint:cursor-pointer mint:bg-transparent",
+          i !== void 0 ? "mint:text-gray-900! mint:dark:text-gray-100!" : "mint:text-gray-400! mint:dark:text-white/30!"
+        ),
+        value: (i == null ? void 0 : i.toString()) ?? "",
+        "aria-label": l ?? g["aria.selectOption"].replace("{name}", a || "option"),
+        onChange: x,
+        children: [
+          /* @__PURE__ */ o("option", { value: "", disabled: !0, children: l ?? `select ${a || "option"}` }),
+          f.map((t) => /* @__PURE__ */ o("option", { value: t.toString(), children: t.toString() }, t.toString()))
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(I, { 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 {
+  U as SelectInput
+};
+//# sourceMappingURL=SelectInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/SelectInput.tsx"],"sourcesContent":["import { isString, isNumber, isInteger, isBoolean } from '../../../../common/guards';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { ChangeEvent } from 'react';\n\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { getSchemaPlaceholder, getUniqueInputKey } from '@/api-playground-2/schemaGraph/utils';\nimport { useSelectedLocale } from '@/utils/locales';\nimport { InputParams } from './DifferentiatedInput';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const SelectInput = ({\n  name,\n  schema,\n  inputKeyPrefix,\n  enumType,\n  arrayIndex,\n}: InputParams & { enumType: string }) => {\n  const locale = useSelectedLocale();\n  const { getInput, setInput } = usePlaygroundInputsStore();\n  const schemaPlaceholder = getSchemaPlaceholder(schema);\n  const options = schema.type === 'boolean' ? [true, false] : schema.enum ?? [];\n\n  const uniqueInputKey = getUniqueInputKey(inputKeyPrefix, schema, arrayIndex);\n  const value = getInput(uniqueInputKey);\n\n  const getSafeEnumValue = (enumType: string, value: unknown) => {\n    switch (enumType) {\n      case 'integer': {\n        return isInteger(value) ? value : undefined;\n      }\n      case 'number': {\n        return isNumber(value) ? value : undefined;\n      }\n      case 'string': {\n        return isString(value) ? value : undefined;\n      }\n      case 'boolean': {\n        return isBoolean(value) ? value : undefined;\n      }\n      default: {\n        return undefined;\n      }\n    }\n  };\n\n  const safeValue = getSafeEnumValue(enumType, value);\n\n  const onChange = (event: ChangeEvent<HTMLSelectElement>) => {\n    if (enumType === 'boolean') {\n      setInput(uniqueInputKey, event.target.value === 'true');\n    } else {\n      setInput(uniqueInputKey, event.target.value);\n    }\n  };\n\n  return (\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          safeValue !== undefined\n            ? 'mint:text-gray-900! mint:dark:text-gray-100!'\n            : 'mint:text-gray-400! mint:dark:text-white/30!'\n        )}\n        value={safeValue?.toString() ?? ''}\n        aria-label={\n          schemaPlaceholder ?? locale['aria.selectOption'].replace('{name}', name || 'option')\n        }\n        onChange={onChange}\n      >\n        <option value=\"\" disabled>\n          {schemaPlaceholder ?? `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      <ChevronDownIcon 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  );\n};\n"],"names":["SelectInput","name","schema","inputKeyPrefix","enumType","arrayIndex","locale","useSelectedLocale","getInput","setInput","usePlaygroundInputsStore","schemaPlaceholder","getSchemaPlaceholder","options","uniqueInputKey","getUniqueInputKey","value","safeValue","isInteger","isNumber","isString","isBoolean","onChange","event","jsxs","cn","jsx","opt","ChevronDownIcon"],"mappings":";;;;;;;AAUO,MAAMA,IAAc,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAA0C;AACxC,QAAMC,IAASC,EAAA,GACT,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaC,EAAA,GACzBC,IAAoBC,EAAqBV,CAAM,GAC/CW,IAAUX,EAAO,SAAS,YAAY,CAAC,IAAM,EAAK,IAAIA,EAAO,QAAQ,CAAA,GAErEY,IAAiBC,EAAkBZ,GAAgBD,GAAQG,CAAU,GACrEW,IAAQR,EAASM,CAAc,GAsB/BG,KApBmB,CAACb,GAAkBY,MAAmB;AAC7D,YAAQZ,GAAAA;AAAAA,MACN,KAAK;AACH,eAAOc,EAAUF,CAAK,IAAIA,IAAQ;AAAA,MAEpC,KAAK;AACH,eAAOG,EAASH,CAAK,IAAIA,IAAQ;AAAA,MAEnC,KAAK;AACH,eAAOI,EAASJ,CAAK,IAAIA,IAAQ;AAAA,MAEnC,KAAK;AACH,eAAOK,EAAUL,CAAK,IAAIA,IAAQ;AAAA,MAEpC;AACE;AAAA,IACF;AAAA,EAEJ,GAEmCZ,GAAUY,CAAK,GAE5CM,IAAW,CAACC,MAA0C;AAC1D,IAAInB,MAAa,YACfK,EAASK,GAAgBS,EAAM,OAAO,UAAU,MAAM,IAEtDd,EAASK,GAAgBS,EAAM,OAAO,KAAK;AAAA,EAE/C;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAR,MAAc,SACV,iDACA;AAAA,QAAA;AAAA,QAEN,QAAOA,KAAA,gBAAAA,EAAW,eAAc;AAAA,QAChC,cACEN,KAAqBL,EAAO,mBAAmB,EAAE,QAAQ,UAAUL,KAAQ,QAAQ;AAAA,QAErF,UAAAqB;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAI,EAAC,UAAA,EAAO,OAAM,IAAG,UAAQ,IACtB,UAAAf,KAAqB,UAAUV,KAAQ,QAAQ,GAAA,CAClD;AAAA,UACCY,EAAQ,IAAI,CAACc,MACZ,gBAAAD,EAAC,YAA4B,OAAOC,EAAI,SAAA,GACrC,YAAI,SAAA,EAAS,GADHA,EAAI,UAEjB,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAD,EAACE,GAAA,EAAgB,WAAU,sJAAA,CAAsJ;AAAA,EAAA,GACnL;AAEJ;"}

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

@@ -0,0 +1,44 @@
+import { jsxs as y, jsx as c } from "react/jsx-runtime";
+import { isString as I } from "../../../../common/guards.js";
+import { usePlaygroundInputsStore as b } from "../../../hooks/usePlaygroundInputsStore.js";
+import { getSchemaPlaceholder as P, getUniqueInputKey as S } from "../../../schemaGraph/utils.js";
+import { useSelectedLocale as j } from "../../../../utils/locales/index.js";
+import { Ids as k } from "../../../types/index.js";
+const A = ({ name: t, schema: i, inputKeyPrefix: p, arrayIndex: d }) => {
+  const g = j(), { getInput: f, setInput: l } = b(), s = P(i), { prefix: e, placeholder: a } = w(i.format), r = S(p, i, d), m = f(r), n = I(m) ? m : void 0, x = e && (n != null && n.startsWith(e)) ? n.substring(e.length) : n, h = (o) => {
+    const u = `${e ?? ""}${o}`;
+    u ? l(r, u) : l(r, void 0);
+  }, v = (o) => {
+    h(o.target.value);
+  };
+  return /* @__PURE__ */ y("div", { className: "mint:relative mint:flex mint:flex-1 mint:items-center", children: [
+    /* @__PURE__ */ c("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: e }),
+    /* @__PURE__ */ c(
+      "input",
+      {
+        id: k.APIPlaygroundInput,
+        className: "mint:flex-1 mint:min-w-0 mint:bg-transparent mint:outline-0 mint:text-playground-input",
+        style: { paddingLeft: e ? e.length * 0.52 + "rem" : void 0 },
+        placeholder: s ?? a ?? `enter ${t ?? "value"}`,
+        "aria-label": s ?? a ?? g["aria.enterValue"].replace("{name}", t ?? "value"),
+        type: "text",
+        value: x ?? "",
+        onChange: v,
+        spellCheck: !1
+      }
+    )
+  ] });
+}, w = (t) => {
+  switch (t == null ? void 0 : t.toLowerCase()) {
+    case "bearer":
+      return {
+        prefix: "Bearer ",
+        placeholder: "enter bearer token"
+      };
+  }
+  return {};
+};
+export {
+  A as StringInput
+};
+//# sourceMappingURL=StringInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StringInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/StringInput.tsx"],"sourcesContent":["import { isString } from '../../../../common/guards';\nimport { ChangeEvent } from 'react';\n\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { getSchemaPlaceholder, getUniqueInputKey } from '@/api-playground-2/schemaGraph/utils';\nimport { useSelectedLocale } from '@/utils/locales';\n\nimport { InputParams } from './DifferentiatedInput';\nimport { Ids } from '@/api-playground-2/types';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const StringInput = ({ name, schema, inputKeyPrefix, arrayIndex }: InputParams) => {\n  const locale = useSelectedLocale();\n  const { getInput, setInput } = usePlaygroundInputsStore();\n  const schemaPlaceholder = getSchemaPlaceholder(schema);\n  const { prefix, placeholder } = getInputAttributesForFormat(schema.format);\n  const uniqueInputKey = getUniqueInputKey(inputKeyPrefix, schema, arrayIndex);\n  const value = getInput(uniqueInputKey);\n\n  const safeValue = isString(value) ? value : undefined;\n\n  // remove modifications\n  const unmodifiedValue =\n    prefix && safeValue?.startsWith(prefix) ? safeValue.substring(prefix.length) : safeValue;\n\n  const setModifiedValue = (newValue: string) => {\n    // apply modifications\n    const modifiedValue = `${prefix ?? ''}${newValue}`;\n\n    if (!modifiedValue) setInput(uniqueInputKey, undefined);\n    else setInput(uniqueInputKey, modifiedValue);\n  };\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setModifiedValue(event.target.value);\n  };\n\n  return (\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={schemaPlaceholder ?? placeholder ?? `enter ${name ?? 'value'}`}\n        aria-label={\n          schemaPlaceholder ??\n          placeholder ??\n          locale['aria.enterValue'].replace('{name}', name ?? 'value')\n        }\n        type=\"text\"\n        value={unmodifiedValue ?? ''}\n        onChange={onChange}\n        spellCheck={false}\n      />\n    </div>\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","inputKeyPrefix","arrayIndex","locale","useSelectedLocale","getInput","setInput","usePlaygroundInputsStore","schemaPlaceholder","getSchemaPlaceholder","prefix","placeholder","getInputAttributesForFormat","uniqueInputKey","getUniqueInputKey","value","safeValue","isString","unmodifiedValue","setModifiedValue","newValue","modifiedValue","onChange","event","jsxs","jsx","Ids","format"],"mappings":";;;;;;AAWO,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,gBAAAC,GAAgB,YAAAC,QAA8B;AACxF,QAAMC,IAASC,EAAA,GACT,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaC,EAAA,GACzBC,IAAoBC,EAAqBT,CAAM,GAC/C,EAAE,QAAAU,GAAQ,aAAAC,EAAA,IAAgBC,EAA4BZ,EAAO,MAAM,GACnEa,IAAiBC,EAAkBb,GAAgBD,GAAQE,CAAU,GACrEa,IAAQV,EAASQ,CAAc,GAE/BG,IAAYC,EAASF,CAAK,IAAIA,IAAQ,QAGtCG,IACJR,MAAUM,KAAA,QAAAA,EAAW,WAAWN,MAAUM,EAAU,UAAUN,EAAO,MAAM,IAAIM,GAE3EG,IAAmB,CAACC,MAAqB;AAE7C,UAAMC,IAAgB,GAAGX,KAAU,EAAE,GAAGU,CAAQ;AAEhD,IAAKC,IACAf,EAASO,GAAgBQ,CAAa,IADvBf,EAASO,GAAgB,MAAS;AAAA,EAExD,GAEMS,IAAW,CAACC,MAAyC;AACzD,IAAAJ,EAAiBI,EAAM,OAAO,KAAK;AAAA,EACrC;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,yDACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gKACZ,UAAAf,GACH;AAAA,IACA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIC,EAAI;AAAA,QACR,WAAU;AAAA,QACV,OAAO,EAAE,aAAahB,IAASA,EAAO,SAAS,OAAO,QAAQ,OAAA;AAAA,QAC9D,aAAaF,KAAqBG,KAAe,SAASZ,KAAQ,OAAO;AAAA,QACzE,cACES,KACAG,KACAR,EAAO,iBAAiB,EAAE,QAAQ,UAAUJ,KAAQ,OAAO;AAAA,QAE7D,MAAK;AAAA,QACL,OAAOmB,KAAmB;AAAA,QAC1B,UAAAI;AAAA,QACA,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ,GAOMV,IAA8B,CAACe,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-2/components/Request/inputs/TextInput.js

@@ -0,0 +1,29 @@
+import { jsx as f } from "react/jsx-runtime";
+import { isString as g } from "../../../../common/guards.js";
+import { usePlaygroundInputsStore as x } from "../../../hooks/usePlaygroundInputsStore.js";
+import { getUniqueInputKey as d, getSchemaPlaceholder as h } from "../../../schemaGraph/utils.js";
+import { useSelectedLocale as v } from "../../../../utils/locales/index.js";
+const b = ({ name: e, schema: t, inputKeyPrefix: r, arrayIndex: l }) => {
+  const i = v(), { getInput: m, setInput: u } = x(), n = d(r, t, l), o = m(n), s = g(o) ? o : void 0, p = (c) => {
+    u(n, c.target.value);
+  }, a = h(t);
+  return /* @__PURE__ */ f(
+    "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: a ?? `Enter ${e ?? "value"}`,
+      "aria-label": a ?? i["aria.enterValue"].replace("{name}", e ?? "value"),
+      value: s,
+      onChange: p,
+      spellCheck: !1,
+      autoCapitalize: "off",
+      autoComplete: "off",
+      autoCorrect: "off"
+    }
+  );
+};
+export {
+  b as TextInput
+};
+//# sourceMappingURL=TextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sources":["../../../../../src/api-playground-2/components/Request/inputs/TextInput.tsx"],"sourcesContent":["import { isString } from '../../../../common/guards';\nimport { ChangeEvent } from 'react';\n\nimport { usePlaygroundInputsStore } from '@/api-playground-2/hooks/usePlaygroundInputsStore';\nimport { getSchemaPlaceholder, getUniqueInputKey } from '@/api-playground-2/schemaGraph/utils';\nimport { useSelectedLocale } from '@/utils/locales';\n\nimport { InputParams } from './DifferentiatedInput';\nimport { cn } from \"../../../../utils/cn\";\n\nexport const TextInput = ({ name, schema, inputKeyPrefix, arrayIndex }: InputParams) => {\n  const locale = useSelectedLocale();\n  const { getInput, setInput } = usePlaygroundInputsStore();\n  const uniqueInputKey = getUniqueInputKey(inputKeyPrefix, schema, arrayIndex);\n  const value = getInput(uniqueInputKey);\n  const safeValue = isString(value) ? value : undefined;\n  const onChange = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    setInput(uniqueInputKey, event.target.value);\n  };\n  const schemaPlaceholder = getSchemaPlaceholder(schema);\n\n  return (\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={schemaPlaceholder ?? `Enter ${name ?? 'value'}`}\n      aria-label={schemaPlaceholder ?? locale['aria.enterValue'].replace('{name}', name ?? 'value')}\n      value={safeValue}\n      onChange={onChange}\n      spellCheck={false}\n      autoCapitalize=\"off\"\n      autoComplete=\"off\"\n      autoCorrect=\"off\"\n    />\n  );\n};\n"],"names":["TextInput","name","schema","inputKeyPrefix","arrayIndex","locale","useSelectedLocale","getInput","setInput","usePlaygroundInputsStore","uniqueInputKey","getUniqueInputKey","value","safeValue","isString","onChange","event","schemaPlaceholder","getSchemaPlaceholder","jsx"],"mappings":";;;;;AAUO,MAAMA,IAAY,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,gBAAAC,GAAgB,YAAAC,QAA8B;AACtF,QAAMC,IAASC,EAAA,GACT,EAAE,UAAAC,GAAU,UAAAC,EAAA,IAAaC,EAAA,GACzBC,IAAiBC,EAAkBR,GAAgBD,GAAQE,CAAU,GACrEQ,IAAQL,EAASG,CAAc,GAC/BG,IAAYC,EAASF,CAAK,IAAIA,IAAQ,QACtCG,IAAW,CAACC,MAA4C;AAC5D,IAAAR,EAASE,GAAgBM,EAAM,OAAO,KAAK;AAAA,EAC7C,GACMC,IAAoBC,EAAqBhB,CAAM;AAErD,SACE,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAM;AAAA,MACN,aAAaF,KAAqB,SAAShB,KAAQ,OAAO;AAAA,MAC1D,cAAYgB,KAAqBZ,EAAO,iBAAiB,EAAE,QAAQ,UAAUJ,KAAQ,OAAO;AAAA,MAC5F,OAAOY;AAAA,MACP,UAAAE;AAAA,MACA,YAAY;AAAA,MACZ,gBAAe;AAAA,MACf,cAAa;AAAA,MACb,aAAY;AAAA,IAAA;AAAA,EAAA;AAGlB;"}

package/dist/api-playground-2/components/TypeDropdown.js

@@ -0,0 +1,48 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { ChevronDownFilled as d } from "@fluentui/react-icons";
+import { DropdownMenu as c, DropdownMenuTrigger as x, DropdownMenuContent as h, DropdownMenuItem as p } from "../../components/Api/dropdown-menu.js";
+import { cn as g } from "../../utils/cn.js";
+const k = ({
+  options: n,
+  selectedIndex: m,
+  onSelectOption: o,
+  className: l
+}) => {
+  const r = n.length > 1, e = n[m];
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: g(
+        "mint:relative mint:flex mint:items-center mint:px-2 mint:py-0.5 mint:text-gray-600 dark:text-gray-300 mint:hover:text-gray-950 dark:hover:text-white mint:font-medium",
+        l
+      ),
+      children: /* @__PURE__ */ a(c, { children: [
+        /* @__PURE__ */ t(
+          x,
+          {
+            disabled: !r,
+            className: "mint:font-mono mint:text-xs mint:text-gray-600 mint:dark:text-gray-300 mint:hover:text-gray-950 mint:dark:hover:text-white mint:px-2",
+            children: /* @__PURE__ */ a("div", { className: "mint:flex mint:items-center mint:gap-1.5", children: [
+              /* @__PURE__ */ t("span", { children: e == null ? void 0 : e.label }),
+              r && /* @__PURE__ */ t(d, { className: "mint:h-2.5 mint:w-2.5 mint:text-gray-500 mint:dark:text-gray-400 mint:shrink-0" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ t(h, { className: "mint:min-w-24", children: n.map((s, i) => /* @__PURE__ */ t(
+          p,
+          {
+            isSelected: i === m,
+            onSelect: () => o(i),
+            className: "mint:text-xs",
+            children: s.label
+          },
+          i
+        )) })
+      ] })
+    }
+  );
+};
+export {
+  k as TypeDropdown
+};
+//# sourceMappingURL=TypeDropdown.js.map

package/dist/api-playground-2/components/TypeDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeDropdown.js","sources":["../../../src/api-playground-2/components/TypeDropdown.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDownFilled } from '@fluentui/react-icons';\n\nimport type { ResolvedSchemaObject } from '@/api-playground-2/types';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/Api/dropdown-menu';\nimport { cn } from \"../../utils/cn\";\n\n// the same as components/TypeDropdown, but for using SchemaObjects and prefilled labels\ntype TypeDropdownParams = {\n  options: { label: string; schema: ResolvedSchemaObject }[];\n  selectedIndex: number;\n  onSelectOption: (index: number) => void;\n  className?: string;\n};\n\nexport const TypeDropdown = ({\n  options,\n  selectedIndex,\n  onSelectOption,\n  className,\n}: TypeDropdownParams) => {\n  const displayOptions = options.length > 1;\n  const selectedOption = options[selectedIndex];\n\n  return (\n    <div\n      className={cn(\n        'mint:relative mint:flex mint:items-center mint:px-2 mint:py-0.5 mint:text-gray-600 dark:text-gray-300 mint:hover:text-gray-950 dark:hover:text-white mint:font-medium',\n        className\n      )}\n    >\n      <DropdownMenu>\n        <DropdownMenuTrigger\n          disabled={!displayOptions}\n          className=\"mint:font-mono mint:text-xs mint:text-gray-600 mint:dark:text-gray-300 mint:hover:text-gray-950 mint:dark:hover:text-white mint:px-2\"\n        >\n          <div className=\"mint:flex mint:items-center mint:gap-1.5\">\n            <span>{selectedOption?.label}</span>\n            {displayOptions && (\n              <ChevronDownFilled className=\"mint:h-2.5 mint:w-2.5 mint:text-gray-500 mint:dark:text-gray-400 mint:shrink-0\" />\n            )}\n          </div>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent className=\"mint:min-w-24\">\n          {options.map((option, index) => (\n            <DropdownMenuItem\n              key={index}\n              isSelected={index === selectedIndex}\n              onSelect={() => onSelectOption(index)}\n              className=\"mint:text-xs\"\n            >\n              {option.label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n};\n"],"names":["TypeDropdown","options","selectedIndex","onSelectOption","className","displayOptions","selectedOption","jsx","cn","DropdownMenu","DropdownMenuTrigger","jsxs","ChevronDownFilled","DropdownMenuContent","option","index","DropdownMenuItem"],"mappings":";;;;AAqBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,MAA0B;AACxB,QAAMC,IAAiBJ,EAAQ,SAAS,GAClCK,IAAiBL,EAAQC,CAAa;AAE5C,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAGF,4BAACK,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,UAAU,CAACL;AAAA,YACX,WAAU;AAAA,YAEV,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,cAAA,gBAAAJ,EAAC,QAAA,EAAM,iCAAgB,MAAA,CAAM;AAAA,cAC5BF,KACC,gBAAAE,EAACK,GAAA,EAAkB,WAAU,iFAAA,CAAiF;AAAA,YAAA,EAAA,CAElH;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAL,EAACM,KAAoB,WAAU,iBAC5B,YAAQ,IAAI,CAACC,GAAQC,MACpB,gBAAAR;AAAA,UAACS;AAAA,UAAA;AAAA,YAEC,YAAYD,MAAUb;AAAA,YACtB,UAAU,MAAMC,EAAeY,CAAK;AAAA,YACpC,WAAU;AAAA,YAET,UAAAD,EAAO;AAAA,UAAA;AAAA,UALHC;AAAA,QAAA,CAOR,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/api-playground-2/constants/index.js

@@ -1,11 +1,11 @@
-const e = {
+const e = "$circularRef", r = ["binary", "base64"], o = {
   server: {},
   path: {},
   query: {},
   header: {},
   cookie: {},
   body: void 0
-}, o = {
+}, a = {
   server: "server",
   path: "path",
   query: "query",
@@ -14,7 +14,9 @@ const e = {
   body: "body"
 };
 export {
-  o as apiPlaygroundInputKeys,
-  e as initialApiPlaygroundInputs
+  e as CIRCULAR_REF_KEY,
+  a as apiPlaygroundInputKeys,
+  o as initialApiPlaygroundInputs,
+  r as stringFileFormats
 };
 //# sourceMappingURL=index.js.map

package/dist/api-playground-2/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/api-playground-2/constants/index.ts"],"sourcesContent":["import { ApiPlaygroundInputs } from '@mintlify/validation';\n\nexport const MAX_RECURSION_DEPTH = 10;\nexport const MAX_SCHEMA_COMBINATION_SIZE = 1000;\nexport const CIRCULAR_REF_KEY = '$circularRef';\nexport const stringFileFormats = ['binary', 'base64'];\n\nexport const combinationKeys = [\n  'properties',\n  'additionalProperties',\n  'items',\n  'oneOf',\n  'anyOf',\n  'allOf',\n];\n\n// duplicated from ApiPlaygroundInputsContext.tsx\nexport const initialApiPlaygroundInputs: ApiPlaygroundInputs = {\n  server: {},\n  path: {},\n  query: {},\n  header: {},\n  cookie: {},\n  body: undefined,\n};\n\nexport const apiPlaygroundInputKeys = {\n  server: 'server',\n  path: 'path',\n  query: 'query',\n  header: 'header',\n  cookie: 'cookie',\n  body: 'body',\n};\n"],"names":["initialApiPlaygroundInputs","apiPlaygroundInputKeys"],"mappings":"AAiBO,MAAMA,IAAkD;AAAA,EAC7D,QAAQ,CAAA;AAAA,EACR,MAAM,CAAA;AAAA,EACN,OAAO,CAAA;AAAA,EACP,QAAQ,CAAA;AAAA,EACR,QAAQ,CAAA;AAAA,EACR,MAAM;AACR,GAEaC,IAAyB;AAAA,EACpC,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AACR;"}
+{"version":3,"file":"index.js","sources":["../../../src/api-playground-2/constants/index.ts"],"sourcesContent":["import { ApiPlaygroundInputs } from '@mintlify/validation';\n\nexport const MAX_RECURSION_DEPTH = 10;\nexport const MAX_SCHEMA_COMBINATION_SIZE = 1000;\nexport const CIRCULAR_REF_KEY = '$circularRef';\nexport const stringFileFormats = ['binary', 'base64'];\n\nexport const combinationKeys = [\n  'properties',\n  'additionalProperties',\n  'items',\n  'oneOf',\n  'anyOf',\n  'allOf',\n];\n\n// duplicated from ApiPlaygroundInputsContext.tsx\nexport const initialApiPlaygroundInputs: ApiPlaygroundInputs = {\n  server: {},\n  path: {},\n  query: {},\n  header: {},\n  cookie: {},\n  body: undefined,\n};\n\nexport const apiPlaygroundInputKeys = {\n  server: 'server',\n  path: 'path',\n  query: 'query',\n  header: 'header',\n  cookie: 'cookie',\n  body: 'body',\n};\n"],"names":["CIRCULAR_REF_KEY","stringFileFormats","initialApiPlaygroundInputs","apiPlaygroundInputKeys"],"mappings":"AAIO,MAAMA,IAAmB,gBACnBC,IAAoB,CAAC,UAAU,QAAQ,GAYvCC,IAAkD;AAAA,EAC7D,QAAQ,CAAA;AAAA,EACR,MAAM,CAAA;AAAA,EACN,OAAO,CAAA;AAAA,EACP,QAAQ,CAAA;AAAA,EACR,QAAQ,CAAA;AAAA,EACR,MAAM;AACR,GAEaC,IAAyB;AAAA,EACpC,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AACR;"}

package/dist/api-playground-2/contexts/ApiPlaygroundContext.js

@@ -0,0 +1,11 @@
+import { createContext as e } from "react";
+const t = e({
+  isSending: !1,
+  selectedBaseUrlIndex: 0,
+  isPlaygroundExpanded: !1,
+  selectedExampleIndex: 0
+});
+export {
+  t as ApiPlaygroundContext
+};
+//# sourceMappingURL=ApiPlaygroundContext.js.map

package/dist/api-playground-2/contexts/ApiPlaygroundContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiPlaygroundContext.js","sources":["../../../src/api-playground-2/contexts/ApiPlaygroundContext.tsx"],"sourcesContent":["'use client';\n\nimport { ApiPlaygroundResultType } from '@mintlify/models';\nimport { createContext } from 'react';\n\n// duplicate of apps/client/src/api-playground/ApiPlayground/ApiPlaygroundContext.tsx\nexport type ApiPlaygroundContextType = {\n  isSending?: boolean;\n  sendRequest?: () => void;\n  isPlaygroundExpanded: boolean;\n  result?: ApiPlaygroundResultType;\n  selectedBaseUrlIndex: number;\n  setSelectedBaseUrlIndex?: (index: number) => void;\n  setIsPlaygroundExpanded?: (expanded: boolean) => void;\n  baseUrlOptions?: string[];\n  selectedExampleIndex?: number;\n  setSelectedExampleIndex?: (index: number) => void;\n};\n\nexport const ApiPlaygroundContext = createContext<ApiPlaygroundContextType>({\n  isSending: false,\n  selectedBaseUrlIndex: 0,\n  isPlaygroundExpanded: false,\n  selectedExampleIndex: 0,\n});\n"],"names":["ApiPlaygroundContext","createContext"],"mappings":";AAmBO,MAAMA,IAAuBC,EAAwC;AAAA,EAC1E,WAAW;AAAA,EACX,sBAAsB;AAAA,EACtB,sBAAsB;AAAA,EACtB,sBAAsB;AACxB,CAAC;"}

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

@@ -19,7 +19,7 @@ const I = async ({
       ((c = (p = e.dependencies) == null ? void 0 : p.requestBody) == null ? void 0 : c.content) ?? {}
     );
     try {
-      const a = x({
+      const i = x({
         baseUrl: n,
         apiReferenceData: e,
         inputs: o,
@@ -27,13 +27,13 @@ const I = async ({
         selectedBodyContentType: y,
         requiredOnly: u,
         selectedSecurityOptionIndex: d
-      }), i = q[l];
-      if (i == null)
+      }), a = q[l];
+      if (a == null)
         return;
-      const [t] = await B({
-        request: a,
+      const [t] = B({
+        request: i,
         pathInputs: o.path,
-        snippetPresets: [i],
+        snippetPresets: [a],
         apiReferenceData: e
       });
       if (t)