docusaurus-theme-openapi-docs 0.0.0-1160 → 0.0.0-1162

package/lib/theme/ApiExplorer/Body/FormBodyItem/index.d.ts

@@ -7,6 +7,7 @@ interface FormBodyItemProps {
     label?: string;
     required?: boolean;
     exampleValue?: SchemaObject["example"];
+    fieldEncoding?: string;
 }
-export default function FormBodyItem({ schemaObject, id, schema, label, required, exampleValue, }: FormBodyItemProps): React.JSX.Element;
+export default function FormBodyItem({ schemaObject, id, schema, label, required, exampleValue, fieldEncoding, }: FormBodyItemProps): React.JSX.Element;
 export {};

package/lib/theme/ApiExplorer/Body/FormBodyItem/index.js

@@ -83,6 +83,7 @@ const FileArrayFormBodyItem_1 = __importDefault(
   require("../FileArrayFormBodyItem")
 );
 const slice_1 = require("../slice");
+const slice_2 = require("../../EncodingSelection/slice");
 function FormBodyItem({
   schemaObject,
   id,
@@ -90,8 +91,37 @@ function FormBodyItem({
   label,
   required,
   exampleValue,
+  fieldEncoding,
 }) {
   const dispatch = (0, hooks_1.useTypedDispatch)();
+  // Parse comma-separated encoding contentType into selectable options
+  const encodingOptions = fieldEncoding
+    ? fieldEncoding
+        .split(",")
+        .map((t) => t.trim())
+        .filter(Boolean)
+    : [];
+  const hasMultipleEncodings = encodingOptions.length > 1;
+  // Initialize with the first declared content type
+  const [selectedEncoding, setSelectedEncoding] = (0, react_1.useState)(
+    encodingOptions[0] ?? ""
+  );
+  // Seed Redux with the first declared encoding on mount so the code snippet
+  // reflects a content type immediately, even before the user interacts.
+  // The empty dep array is intentional: `fieldEncoding` comes from a static
+  // spec value that never changes for the lifetime of this component instance,
+  // and re-seeding on every render would fight user selections.
+  (0, react_1.useEffect)(() => {
+    if (encodingOptions[0]) {
+      dispatch(
+        (0, slice_2.setFieldEncoding)({
+          field: id,
+          contentType: encodingOptions[0],
+        })
+      );
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   const [value, setValue] = (0, react_1.useState)(() => {
     let initialValue = exampleValue ?? "";
     if (schemaObject.type === "object" && exampleValue) {
@@ -134,6 +164,23 @@ function FormBodyItem({
           label: label,
           required: required,
         }),
+      hasMultipleEncodings &&
+        react_1.default.createElement(
+          "div",
+          { style: { marginTop: "0.5rem" } },
+          react_1.default.createElement(FormSelect_1.default, {
+            label: "Content-Type",
+            options: encodingOptions,
+            value: selectedEncoding,
+            onChange: (e) => {
+              const ct = e.target.value;
+              setSelectedEncoding(ct);
+              dispatch(
+                (0, slice_2.setFieldEncoding)({ field: id, contentType: ct })
+              );
+            },
+          })
+        ),
       react_1.default.createElement(FormFileUpload_1.default, {
         placeholder: schemaObject.description || id,
         onChange: (file) => {

package/lib/theme/ApiExplorer/Body/index.js

@@ -140,6 +140,7 @@ function Body({
   const rawSchema = requestBodyMetadata?.content?.[contentType]?.schema;
   const example = requestBodyMetadata?.content?.[contentType]?.example;
   const examples = requestBodyMetadata?.content?.[contentType]?.examples;
+  const encoding = requestBodyMetadata?.content?.[contentType]?.encoding;
   // Resolve the schema based on user's anyOf/oneOf tab selections
   const schema = (0, react_1.useMemo)(() => {
     if (!rawSchema) return rawSchema;
@@ -391,6 +392,7 @@ function Body({
                 required:
                   Array.isArray(schema.required) &&
                   schema.required.includes(key),
+                fieldEncoding: encoding?.[key]?.contentType,
               })
             );
           })
@@ -414,6 +416,7 @@ function Body({
                     required:
                       Array.isArray(schema.required) &&
                       schema.required.includes(schemaKey),
+                    fieldEncoding: encoding?.[schemaKey]?.contentType,
                   })
                 );
               }
@@ -440,6 +443,7 @@ function Body({
                         required:
                           Array.isArray(schema.required) &&
                           schema.required.includes(schemaKey),
+                        fieldEncoding: encoding?.[schemaKey]?.contentType,
                       })
                     );
                   }

package/lib/theme/ApiExplorer/CodeSnippets/index.d.ts

@@ -6,6 +6,7 @@ export interface Props {
     postman: sdk.Request;
     codeSamples: CodeSample[];
     maskCredentials?: boolean;
+    requestBody?: import("docusaurus-plugin-openapi-docs/src/openapi/types").RequestBodyObject;
 }
-declare function CodeSnippets({ postman, codeSamples, maskCredentials: propMaskCredentials, }: Props): React.JSX.Element | null;
+declare function CodeSnippets({ postman, codeSamples, maskCredentials: propMaskCredentials, requestBody, }: Props): React.JSX.Element | null;
 export default CodeSnippets;

package/lib/theme/ApiExplorer/CodeSnippets/index.js

@@ -79,6 +79,7 @@ const buildPostmanRequest_1 = __importDefault(
   require("@theme/ApiExplorer/buildPostmanRequest")
 );
 const CodeTabs_1 = __importDefault(require("@theme/ApiExplorer/CodeTabs"));
+const useResolvedEncoding_1 = require("@theme/ApiExplorer/EncodingSelection/useResolvedEncoding");
 const hooks_1 = require("@theme/ApiItem/hooks");
 const cloneDeep_1 = __importDefault(require("lodash/cloneDeep"));
 const postman_code_generators_1 = __importDefault(
@@ -97,6 +98,7 @@ function CodeSnippets({
   postman,
   codeSamples,
   maskCredentials: propMaskCredentials,
+  requestBody,
 }) {
   const { siteConfig } = (0, useDocusaurusContext_1.default)();
   const contentType = (0, hooks_1.useTypedSelector)(
@@ -147,6 +149,7 @@ function CodeSnippets({
         };
       })()
     : auth;
+  const encoding = (0, useResolvedEncoding_1.useResolvedEncoding)(requestBody);
   // Create a Postman request object using cleanedAuth or original auth
   const cleanedPostmanRequest = (0, buildPostmanRequest_1.default)(postman, {
     queryParams,
@@ -158,6 +161,7 @@ function CodeSnippets({
     body,
     server,
     auth: cleanedAuth,
+    encoding,
   });
   // User-defined languages array
   // Can override languageSet, change order of langs, override options and variants

package/lib/theme/ApiExplorer/ContentType/index.js

@@ -16,6 +16,7 @@ const FormItem_1 = __importDefault(require("@theme/ApiExplorer/FormItem"));
 const FormSelect_1 = __importDefault(require("@theme/ApiExplorer/FormSelect"));
 const hooks_1 = require("@theme/ApiItem/hooks");
 const slice_1 = require("./slice");
+const slice_2 = require("@theme/ApiExplorer/EncodingSelection/slice");
 function ContentType() {
   const value = (0, hooks_1.useTypedSelector)(
     (state) => state.contentType.value
@@ -34,7 +35,10 @@ function ContentType() {
       label: "Content-Type",
       value: value,
       options: options,
-      onChange: (e) => dispatch((0, slice_1.setContentType)(e.target.value)),
+      onChange: (e) => {
+        dispatch((0, slice_1.setContentType)(e.target.value));
+        dispatch((0, slice_2.clearEncodingSelection)());
+      },
     })
   );
 }

package/lib/theme/ApiExplorer/EncodingSelection/slice.d.ts

@@ -0,0 +1,17 @@
+import { PayloadAction } from "@reduxjs/toolkit";
+export type State = Record<string, string>;
+export declare const slice: import("@reduxjs/toolkit").Slice<State, {
+    setFieldEncoding: (state: {
+        [x: string]: string;
+    }, action: PayloadAction<{
+        field: string;
+        contentType: string;
+    }>) => void;
+    clearEncodingSelection: () => State;
+}, "encodingSelection", "encodingSelection", import("@reduxjs/toolkit").SliceSelectors<State>>;
+export declare const setFieldEncoding: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    field: string;
+    contentType: string;
+}, "encodingSelection/setFieldEncoding">, clearEncodingSelection: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"encodingSelection/clearEncodingSelection">;
+declare const _default: import("redux").Reducer<State>;
+export default _default;

package/lib/theme/ApiExplorer/EncodingSelection/slice.js

@@ -0,0 +1,29 @@
+"use strict";
+/* ============================================================================
+ * Copyright (c) Palo Alto Networks
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * ========================================================================== */
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clearEncodingSelection =
+  exports.setFieldEncoding =
+  exports.slice =
+    void 0;
+const toolkit_1 = require("@reduxjs/toolkit");
+const initialState = {};
+exports.slice = (0, toolkit_1.createSlice)({
+  name: "encodingSelection",
+  initialState,
+  reducers: {
+    setFieldEncoding: (state, action) => {
+      state[action.payload.field] = action.payload.contentType;
+    },
+    clearEncodingSelection: () => initialState,
+  },
+});
+((_a = exports.slice.actions),
+  (exports.setFieldEncoding = _a.setFieldEncoding),
+  (exports.clearEncodingSelection = _a.clearEncodingSelection));
+exports.default = exports.slice.reducer;

package/lib/theme/ApiExplorer/EncodingSelection/useResolvedEncoding.d.ts

@@ -0,0 +1,12 @@
+import type { RequestBodyObject } from "docusaurus-plugin-openapi-docs/src/openapi/types";
+/**
+ * Merges the spec-declared `encoding` for the active content type with any
+ * per-field content-type selections the user has made in the UI.  User picks
+ * take precedence over the spec default.
+ *
+ * Returns `undefined` when no encoding is declared for the current content
+ * type so callers can skip the encoding path entirely.
+ */
+export declare function useResolvedEncoding(requestBody: RequestBodyObject | undefined): Record<string, {
+    contentType?: string;
+}> | undefined;

package/lib/theme/ApiExplorer/EncodingSelection/useResolvedEncoding.js

@@ -0,0 +1,39 @@
+"use strict";
+/* ============================================================================
+ * Copyright (c) Palo Alto Networks
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * ========================================================================== */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResolvedEncoding = useResolvedEncoding;
+const hooks_1 = require("@theme/ApiItem/hooks");
+/**
+ * Merges the spec-declared `encoding` for the active content type with any
+ * per-field content-type selections the user has made in the UI.  User picks
+ * take precedence over the spec default.
+ *
+ * Returns `undefined` when no encoding is declared for the current content
+ * type so callers can skip the encoding path entirely.
+ */
+function useResolvedEncoding(requestBody) {
+  const contentType = (0, hooks_1.useTypedSelector)(
+    (state) => state.contentType.value
+  );
+  const encodingSelection = (0, hooks_1.useTypedSelector)(
+    (state) => state.encodingSelection
+  );
+  const specEncoding = requestBody?.content?.[contentType]?.encoding ?? {};
+  if (!Object.keys(specEncoding).length) {
+    return undefined;
+  }
+  return Object.fromEntries(
+    Object.entries(specEncoding).map(([field, enc]) => [
+      field,
+      {
+        ...enc,
+        contentType: encodingSelection[field] ?? enc.contentType,
+      },
+    ])
+  );
+}

package/lib/theme/ApiExplorer/Request/index.js

@@ -90,6 +90,7 @@ const ParamOptions_1 = __importDefault(
 );
 const slice_1 = require("@theme/ApiExplorer/Response/slice");
 const Server_1 = __importDefault(require("@theme/ApiExplorer/Server"));
+const useResolvedEncoding_1 = require("@theme/ApiExplorer/EncodingSelection/useResolvedEncoding");
 const hooks_1 = require("@theme/ApiItem/hooks");
 const translationIds_1 = require("@theme/translationIds");
 const sdk = __importStar(require("postman-collection"));
@@ -147,6 +148,9 @@ function Request({ item }) {
     ...cookieParams,
     ...headerParams,
   ];
+  const encoding = (0, useResolvedEncoding_1.useResolvedEncoding)(
+    item.requestBody
+  );
   const postmanRequest = (0, buildPostmanRequest_1.default)(postman, {
     queryParams,
     pathParams,
@@ -157,6 +161,7 @@ function Request({ item }) {
     body,
     server,
     auth,
+    encoding,
   });
   const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
   const paramsObject = {
@@ -236,7 +241,8 @@ function Request({ item }) {
         proxy,
         body,
         requestTimeout,
-        requestCredentials
+        requestCredentials,
+        encoding
       );
       if (res.headers.get("content-type")?.includes("text/event-stream")) {
         await handleEventStream(res);

package/lib/theme/ApiExplorer/Request/makeRequest.d.ts

@@ -6,5 +6,7 @@ export declare class RequestError extends Error {
     originalError?: Error;
     constructor(type: RequestErrorType, message: string, originalError?: Error);
 }
-declare function makeRequest(request: sdk.Request, proxy: string | undefined, _body: Body, timeout?: number, credentials?: RequestCredentials): Promise<Response>;
+declare function makeRequest(request: sdk.Request, proxy: string | undefined, _body: Body, timeout?: number, credentials?: RequestCredentials, encoding?: Record<string, {
+    contentType?: string;
+}>): Promise<Response>;
 export default makeRequest;

package/lib/theme/ApiExplorer/Request/makeRequest.js

@@ -90,7 +90,8 @@ async function makeRequest(
   proxy,
   _body,
   timeout = DEFAULT_REQUEST_TIMEOUT,
-  credentials
+  credentials,
+  encoding
 ) {
   const headers = request.toJSON().header;
   let myHeaders = new Headers();
@@ -197,12 +198,25 @@ async function makeRequest(
         const members = request.body?.formdata?.members;
         if (Array.isArray(members)) {
           for (const data of members) {
+            const partContentType = encoding?.[data.key]?.contentType
+              ?.split(",")[0]
+              .trim();
             if (data.key && data.value.content) {
-              myBody.append(data.key, data.value.content);
+              const blob = partContentType
+                ? new Blob([data.value.content], { type: partContentType })
+                : data.value.content;
+              myBody.append(data.key, blob);
             }
             // handle generic key-value payload
             if (data.key && typeof data.value === "string") {
-              myBody.append(data.key, data.value);
+              if (partContentType) {
+                myBody.append(
+                  data.key,
+                  new Blob([data.value], { type: partContentType })
+                );
+              } else {
+                myBody.append(data.key, data.value);
+              }
             }
           }
         }

package/lib/theme/ApiExplorer/buildPostmanRequest.d.ts

@@ -15,6 +15,9 @@ interface Options {
     accept: string;
     body: Body;
     auth: AuthState;
+    encoding?: Record<string, {
+        contentType?: string;
+    }>;
 }
-declare function buildPostmanRequest(postman: sdk.Request, { queryParams, pathParams, cookieParams, contentType, accept, headerParams, body, server, auth, }: Options): sdk.Request;
+declare function buildPostmanRequest(postman: sdk.Request, { queryParams, pathParams, cookieParams, contentType, accept, headerParams, body, server, auth, encoding, }: Options): sdk.Request;
 export default buildPostmanRequest;

package/lib/theme/ApiExplorer/buildPostmanRequest.js

@@ -314,11 +314,30 @@ function tryDecodeJsonParam(value) {
   }
 }
 // TODO: this is all a bit hacky
-function setBody(clonedPostman, body) {
+function setBody(clonedPostman, body, encoding) {
   if (clonedPostman.body === undefined) {
     return;
   }
   if (body.type === "empty") {
+    // When the original request has formdata and encoding is declared, keep the
+    // placeholder params so the code snippet reflects the selected encoding even
+    // before the user has uploaded a file.
+    if (
+      clonedPostman.body?.mode === "formdata" &&
+      encoding &&
+      Object.keys(encoding).length > 0
+    ) {
+      const members = clonedPostman.body.formdata?.members ?? [];
+      members.forEach((param) => {
+        const partContentType = encoding[param.key]?.contentType
+          ?.split(",")[0]
+          .trim();
+        if (partContentType) {
+          param.contentType = partContentType;
+        }
+      });
+      return;
+    }
     clonedPostman.body = undefined;
     return;
   }
@@ -354,14 +373,35 @@ function setBody(clonedPostman, body) {
       Object.entries(body.content)
         .filter((entry) => !!entry[1])
         .forEach(([key, content]) => {
+          const partContentType = encoding?.[key]?.contentType
+            ?.split(",")[0]
+            .trim();
           if (content.type === "file") {
-            params.push(new sdk.FormParam({ key: key, ...content }));
+            params.push(
+              new sdk.FormParam({
+                key: key,
+                ...content,
+                ...(partContentType && { contentType: partContentType }),
+              })
+            );
           } else if (content.type === "file[]") {
             content.value.forEach((file) =>
-              params.push(new sdk.FormParam({ key, value: file }))
+              params.push(
+                new sdk.FormParam({
+                  key,
+                  value: file,
+                  ...(partContentType && { contentType: partContentType }),
+                })
+              )
             );
           } else {
-            params.push(new sdk.FormParam({ key: key, value: content.value }));
+            params.push(
+              new sdk.FormParam({
+                key: key,
+                value: content.value,
+                ...(partContentType && { contentType: partContentType }),
+              })
+            );
           }
         });
       params.forEach((param) => {
@@ -409,6 +449,7 @@ function buildPostmanRequest(
     body,
     server,
     auth,
+    encoding,
   }
 ) {
   const clonedPostman = (0, cloneDeep_1.default)(postman);
@@ -521,7 +562,7 @@ function buildPostmanRequest(
     headerParams,
     otherHeaders
   );
-  setBody(clonedPostman, body);
+  setBody(clonedPostman, body, encoding);
   return clonedPostman;
 }
 exports.default = buildPostmanRequest;

package/lib/theme/ApiExplorer/index.js

@@ -99,6 +99,7 @@ function ApiExplorer({ item, infoPath }) {
         postman: postman,
         codeSamples: item["x-codeSamples"] ?? [],
         maskCredentials: mask_credentials,
+        requestBody: item.requestBody,
       }),
     react_1.default.createElement(Request_1.default, { item: item }),
     react_1.default.createElement(Response_1.default, { item: item })

package/lib/theme/ApiExplorer/persistenceMiddleware.d.ts

@@ -3,6 +3,7 @@ import type { ThemeConfig } from "docusaurus-theme-openapi-docs/src/types";
 export declare function createPersistenceMiddleware(options: ThemeConfig["api"]): Middleware<{}, {
     accept: import("./Accept/slice").State;
     contentType: import("./ContentType/slice").State;
+    encodingSelection: import("./EncodingSelection/slice").State;
     response: import("./Response/slice").State;
     server: import("./Server/slice").State;
     body: import("./Body/slice").FormBody | import("./Body/slice").RawBody | import("./Body/slice").EmptyBody;
@@ -12,6 +13,7 @@ export declare function createPersistenceMiddleware(options: ThemeConfig["api"])
 }, import("redux-thunk").ThunkDispatch<{
     accept: import("./Accept/slice").State;
     contentType: import("./ContentType/slice").State;
+    encodingSelection: import("./EncodingSelection/slice").State;
     response: import("./Response/slice").State;
     server: import("./Server/slice").State;
     body: import("./Body/slice").FormBody | import("./Body/slice").RawBody | import("./Body/slice").EmptyBody;

package/lib/theme/ApiItem/hooks.d.ts

@@ -3,6 +3,7 @@ import type { RootState } from "./store";
 export declare const useTypedDispatch: () => import("redux-thunk").ThunkDispatch<{
     accept: import("../ApiExplorer/Accept/slice").State;
     contentType: import("../ApiExplorer/ContentType/slice").State;
+    encodingSelection: import("../ApiExplorer/EncodingSelection/slice").State;
     response: import("../ApiExplorer/Response/slice").State;
     server: import("../ApiExplorer/Server/slice").State;
     body: import("../ApiExplorer/Body/slice").FormBody | import("../ApiExplorer/Body/slice").RawBody | import("../ApiExplorer/Body/slice").EmptyBody;

package/lib/theme/ApiItem/index.js

@@ -134,6 +134,7 @@ function ApiItem(props) {
         params,
         auth,
         schemaSelection: { selections: {} },
+        encodingSelection: {},
       },
       [persistenceMiddleware]
     );

package/lib/theme/ApiItem/store.d.ts

@@ -1,6 +1,7 @@
 declare const rootReducer: import("redux").Reducer<{
     accept: import("@theme/ApiExplorer/Accept/slice").State;
     contentType: import("@theme/ApiExplorer/ContentType/slice").State;
+    encodingSelection: import("@theme/ApiExplorer/EncodingSelection/slice").State;
     response: import("@theme/ApiExplorer/Response/slice").State;
     server: import("@theme/ApiExplorer/Server/slice").State;
     body: import("@theme/ApiExplorer/Body/slice").FormBody | import("@theme/ApiExplorer/Body/slice").RawBody | import("@theme/ApiExplorer/Body/slice").EmptyBody;
@@ -10,6 +11,7 @@ declare const rootReducer: import("redux").Reducer<{
 }, import("redux").UnknownAction, Partial<{
     accept: import("@theme/ApiExplorer/Accept/slice").State | undefined;
     contentType: import("@theme/ApiExplorer/ContentType/slice").State | undefined;
+    encodingSelection: import("@theme/ApiExplorer/EncodingSelection/slice").State | undefined;
     response: import("@theme/ApiExplorer/Response/slice").State | undefined;
     server: import("@theme/ApiExplorer/Server/slice").State | undefined;
     body: import("@theme/ApiExplorer/Body/slice").FormBody | import("@theme/ApiExplorer/Body/slice").RawBody | import("@theme/ApiExplorer/Body/slice").EmptyBody | undefined;
@@ -21,6 +23,7 @@ export type RootState = ReturnType<typeof rootReducer>;
 export declare const createStoreWithState: (preloadedState: RootState, middlewares: any[]) => import("@reduxjs/toolkit").EnhancedStore<{
     accept: import("@theme/ApiExplorer/Accept/slice").State;
     contentType: import("@theme/ApiExplorer/ContentType/slice").State;
+    encodingSelection: import("@theme/ApiExplorer/EncodingSelection/slice").State;
     response: import("@theme/ApiExplorer/Response/slice").State;
     server: import("@theme/ApiExplorer/Server/slice").State;
     body: import("@theme/ApiExplorer/Body/slice").FormBody | import("@theme/ApiExplorer/Body/slice").RawBody | import("@theme/ApiExplorer/Body/slice").EmptyBody;
@@ -31,6 +34,7 @@ export declare const createStoreWithState: (preloadedState: RootState, middlewar
     dispatch: import("redux-thunk").ThunkDispatch<{
         accept: import("@theme/ApiExplorer/Accept/slice").State;
         contentType: import("@theme/ApiExplorer/ContentType/slice").State;
+        encodingSelection: import("@theme/ApiExplorer/EncodingSelection/slice").State;
         response: import("@theme/ApiExplorer/Response/slice").State;
         server: import("@theme/ApiExplorer/Server/slice").State;
         body: import("@theme/ApiExplorer/Body/slice").FormBody | import("@theme/ApiExplorer/Body/slice").RawBody | import("@theme/ApiExplorer/Body/slice").EmptyBody;
@@ -42,6 +46,7 @@ export declare const createStoreWithState: (preloadedState: RootState, middlewar
 export declare const createStoreWithoutState: (preloadedState: {}, middlewares: any[]) => import("@reduxjs/toolkit").EnhancedStore<{
     accept: import("@theme/ApiExplorer/Accept/slice").State;
     contentType: import("@theme/ApiExplorer/ContentType/slice").State;
+    encodingSelection: import("@theme/ApiExplorer/EncodingSelection/slice").State;
     response: import("@theme/ApiExplorer/Response/slice").State;
     server: import("@theme/ApiExplorer/Server/slice").State;
     body: import("@theme/ApiExplorer/Body/slice").FormBody | import("@theme/ApiExplorer/Body/slice").RawBody | import("@theme/ApiExplorer/Body/slice").EmptyBody;
@@ -52,6 +57,7 @@ export declare const createStoreWithoutState: (preloadedState: {}, middlewares:
     dispatch: import("redux-thunk").ThunkDispatch<{
         accept: import("@theme/ApiExplorer/Accept/slice").State;
         contentType: import("@theme/ApiExplorer/ContentType/slice").State;
+        encodingSelection: import("@theme/ApiExplorer/EncodingSelection/slice").State;
         response: import("@theme/ApiExplorer/Response/slice").State;
         server: import("@theme/ApiExplorer/Server/slice").State;
         body: import("@theme/ApiExplorer/Body/slice").FormBody | import("@theme/ApiExplorer/Body/slice").RawBody | import("@theme/ApiExplorer/Body/slice").EmptyBody;

package/lib/theme/ApiItem/store.js

@@ -22,22 +22,26 @@ const slice_4 = __importDefault(
   require("@theme/ApiExplorer/ContentType/slice")
 );
 const slice_5 = __importDefault(
+  require("@theme/ApiExplorer/EncodingSelection/slice")
+);
+const slice_6 = __importDefault(
   require("@theme/ApiExplorer/ParamOptions/slice")
 );
-const slice_6 = __importDefault(require("@theme/ApiExplorer/Response/slice"));
-const slice_7 = __importDefault(
+const slice_7 = __importDefault(require("@theme/ApiExplorer/Response/slice"));
+const slice_8 = __importDefault(
   require("@theme/ApiExplorer/SchemaSelection/slice")
 );
-const slice_8 = __importDefault(require("@theme/ApiExplorer/Server/slice"));
+const slice_9 = __importDefault(require("@theme/ApiExplorer/Server/slice"));
 const rootReducer = (0, toolkit_1.combineReducers)({
   accept: slice_1.default,
   contentType: slice_4.default,
-  response: slice_6.default,
-  server: slice_8.default,
+  encodingSelection: slice_5.default,
+  response: slice_7.default,
+  server: slice_9.default,
   body: slice_3.default,
-  params: slice_5.default,
+  params: slice_6.default,
   auth: slice_2.default,
-  schemaSelection: slice_7.default,
+  schemaSelection: slice_8.default,
 });
 const createStoreWithState = (preloadedState, middlewares) =>
   (0, toolkit_1.configureStore)({