docusaurus-theme-openapi-docs 0.0.0-1293 → 0.0.0-1295

package/lib/markdown/schema.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSchemaName = getSchemaName;
 exports.getQualifierMessage = getQualifierMessage;
 const Translate_1 = require("@docusaurus/Translate");
-const translationIds_1 = require("../theme/translationIds");
 /**
  * Extracts enum values from a schema, including when wrapped in allOf.
  */
@@ -42,13 +41,36 @@ function getTypeFromSchema(schema) {
     }
     return undefined;
 }
+// OpenAPI 3.1 / JSON Schema 2020-12 allows `type` to be an array of type names
+// (e.g. `["string", "null"]`). Normalize to a single name and a pretty-printed
+// union form joined with ` | `.
+function normalizeType(type) {
+    if (Array.isArray(type)) {
+        const filtered = type.filter((t) => typeof t === "string");
+        if (filtered.length === 0)
+            return { isUnion: false };
+        if (filtered.length === 1)
+            return { single: filtered[0], isUnion: false };
+        return { pretty: filtered.join(" | "), isUnion: true };
+    }
+    if (typeof type === "string")
+        return { single: type, isUnion: false };
+    return { isUnion: false };
+}
 function prettyName(schema, circular) {
     // Handle enum-only schemas (valid in JSON Schema)
     // When enum is present without explicit type, treat as string
     if (schema.enum && !schema.type) {
         return "string";
     }
+    const t = normalizeType(schema.type);
     if (schema.format) {
+        if (t.single) {
+            return `${t.single}<${schema.format}>`;
+        }
+        if (t.isUnion) {
+            return `(${t.pretty})<${schema.format}>`;
+        }
         return schema.format;
     }
     if (schema.allOf) {
@@ -72,22 +94,23 @@ function prettyName(schema, circular) {
     if (schema.anyOf) {
         return "object";
     }
-    if (schema.type === "object") {
-        return schema.xml?.name ?? schema.type;
-        // return schema.type;
+    if (t.single === "object") {
+        return schema.xml?.name ?? t.single;
     }
-    if (schema.type === "array") {
-        return schema.xml?.name ?? schema.type;
-        // return schema.type;
+    if (t.single === "array") {
+        return schema.xml?.name ?? t.single;
     }
-    if (Array.isArray(schema.type)) {
-        return schema.type.join(" | ");
+    if (t.isUnion) {
+        return t.pretty;
     }
-    return schema.title ?? schema.type;
+    return schema.title ?? t.single;
 }
 function getSchemaName(schema, circular) {
     if (schema.items) {
-        return getSchemaName(schema.items, circular) + "[]";
+        const items = schema.items;
+        const inner = getSchemaName(items, circular);
+        const needsParens = Array.isArray(items.type) && items.type.length > 1;
+        return needsParens ? `(${inner})[]` : `${inner}[]`;
     }
     return prettyName(schema, circular) ?? "";
 }
@@ -106,7 +129,7 @@ function getQualifierMessage(schema) {
         return getQualifierMessage(schema.items);
     }
     let message = `**${(0, Translate_1.translate)({
-        id: translationIds_1.OPENAPI_SCHEMA_ITEM.POSSIBLE_VALUES,
+        id: "theme.openapi.schemaItem.possibleValues",
         message: "Possible values:",
     })}** `;
     let qualifierGroups = [];
@@ -122,11 +145,11 @@ function getQualifierMessage(schema) {
         let minLength;
         let maxLength;
         const charactersMessage = (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.CHARACTERS,
+            id: "theme.openapi.schemaItem.characters",
             message: "characters",
         });
         const nonEmptyMessage = (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.NON_EMPTY,
+            id: "theme.openapi.schemaItem.nonEmpty",
             message: "non-empty",
         });
         if (schema.minLength && schema.minLength > 1) {
@@ -187,7 +210,7 @@ function getQualifierMessage(schema) {
     }
     if (schema.pattern) {
         const expressionMessage = (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_SCHEMA_ITEM.EXPRESSION,
+            id: "theme.openapi.schemaItem.expression",
             message: "Value must match regular expression",
         });
         qualifierGroups.push(`${expressionMessage} \`${schema.pattern}\``);

package/lib/markdown/schema.test.js

@@ -48,4 +48,39 @@ describe("getSchemaName", () => {
         };
         expect((0, schema_1.getSchemaName)(schema)).toBe("integer[][][]");
     });
+    it("joins OpenAPI 3.1 type arrays with ` | ` (issue #950)", () => {
+        const schema = { type: ["string", "null"] };
+        expect((0, schema_1.getSchemaName)(schema)).toBe("string | null");
+    });
+    it("unwraps a single-element type array", () => {
+        const schema = { type: ["integer"] };
+        expect((0, schema_1.getSchemaName)(schema)).toBe("integer");
+    });
+    it("renders single type with format as `type<format>`", () => {
+        const schema = {
+            type: "string",
+            format: "uuid",
+        };
+        expect((0, schema_1.getSchemaName)(schema)).toBe("string<uuid>");
+    });
+    it("renders type union with format", () => {
+        const schema = {
+            type: ["string", "null"],
+            format: "uuid",
+        };
+        expect((0, schema_1.getSchemaName)(schema)).toBe("(string | null)<uuid>");
+    });
+    it("resolves type from an allOf wrapper that contains an enum", () => {
+        const schema = {
+            allOf: [{ type: "string", enum: ["a", "b"] }],
+        };
+        expect((0, schema_1.getSchemaName)(schema)).toBe("string");
+    });
+    it("renders array of items whose type is a union", () => {
+        const schema = {
+            type: "array",
+            items: { type: ["string", "null"] },
+        };
+        expect((0, schema_1.getSchemaName)(schema)).toBe("(string | null)[]");
+    });
 });

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

@@ -19,7 +19,6 @@ const FormTextInput_1 = __importDefault(
   require("@theme/ApiExplorer/FormTextInput")
 );
 const hooks_1 = require("@theme/ApiItem/hooks");
-const translationIds_1 = require("@theme/translationIds");
 const slice_1 = require("./slice");
 function Authorization() {
   const data = (0, hooks_1.useTypedSelector)((state) => state.auth.data);
@@ -42,7 +41,7 @@ function Authorization() {
         null,
         react_1.default.createElement(FormSelect_1.default, {
           label: (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_AUTH.SECURITY_SCHEME,
+            id: "theme.openapi.auth.securityScheme",
             message: "Security Scheme",
           }),
           options: optionKeys,
@@ -59,11 +58,11 @@ function Authorization() {
           { key: a.key + "-bearer" },
           react_1.default.createElement(FormTextInput_1.default, {
             label: (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_AUTH.BEARER_TOKEN,
+              id: "theme.openapi.auth.bearerToken",
               message: "Bearer Token",
             }),
             placeholder: (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_AUTH.BEARER_TOKEN,
+              id: "theme.openapi.auth.bearerToken",
               message: "Bearer Token",
             }),
             password: true,
@@ -87,11 +86,11 @@ function Authorization() {
           { key: a.key + "-oauth2" },
           react_1.default.createElement(FormTextInput_1.default, {
             label: (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_AUTH.BEARER_TOKEN,
+              id: "theme.openapi.auth.bearerToken",
               message: "Bearer Token",
             }),
             placeholder: (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_AUTH.BEARER_TOKEN,
+              id: "theme.openapi.auth.bearerToken",
               message: "Bearer Token",
             }),
             password: true,
@@ -118,11 +117,11 @@ function Authorization() {
             null,
             react_1.default.createElement(FormTextInput_1.default, {
               label: (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_AUTH.USERNAME,
+                id: "theme.openapi.auth.username",
                 message: "Username",
               }),
               placeholder: (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_AUTH.USERNAME,
+                id: "theme.openapi.auth.username",
                 message: "Username",
               }),
               value: data[a.key].username ?? "",
@@ -143,11 +142,11 @@ function Authorization() {
             null,
             react_1.default.createElement(FormTextInput_1.default, {
               label: (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_AUTH.PASSWORD,
+                id: "theme.openapi.auth.password",
                 message: "Password",
               }),
               placeholder: (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_AUTH.PASSWORD,
+                id: "theme.openapi.auth.password",
                 message: "Password",
               }),
               password: true,

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

@@ -79,7 +79,6 @@ const hooks_1 = require("@theme/ApiItem/hooks");
 const Markdown_1 = __importDefault(require("@theme/Markdown"));
 const SchemaTabs_1 = __importDefault(require("@theme/SchemaTabs"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 const createSchemaExample_1 = require("docusaurus-plugin-openapi-docs/lib/openapi/createSchemaExample");
 const xml_formatter_1 = __importDefault(require("xml-formatter"));
 const FormBodyItem_1 = __importDefault(require("./FormBodyItem"));
@@ -340,7 +339,7 @@ function Body({
         placeholder:
           schema.description ||
           (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_REQUEST.BODY_TITLE,
+            id: "theme.openapi.request.body.title",
             message: "Body",
           }),
         onChange: (file) => {
@@ -373,7 +372,7 @@ function Body({
           TabItem_1.default,
           {
             label: (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_BODY.EXAMPLE_FROM_SCHEMA,
+              id: "theme.openapi.body.exampleFromSchema",
               message: "Example (from schema)",
             }),
             value: "Example (from schema)",
@@ -465,7 +464,7 @@ function Body({
           TabItem_1.default,
           {
             label: (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_BODY.EXAMPLE_FROM_SCHEMA,
+              id: "theme.openapi.body.exampleFromSchema",
               message: "Example (from schema)",
             }),
             value: "Example (from schema)",
@@ -517,7 +516,7 @@ function Body({
           TabItem_1.default,
           {
             label: (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_BODY.EXAMPLE_FROM_SCHEMA,
+              id: "theme.openapi.body.exampleFromSchema",
               message: "Example (from schema)",
             }),
             value: "Example (from schema)",

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

@@ -12,6 +12,7 @@ var __importDefault =
   };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
+const Translate_1 = require("@docusaurus/Translate");
 const file_saver_1 = __importDefault(require("file-saver"));
 const saveFile = (url) => {
   let fileName;
@@ -30,7 +31,10 @@ function Export({ url, proxy }) {
     react_1.default.createElement(
       "button",
       { className: "export-button button button--sm button--secondary" },
-      "Export"
+      (0, Translate_1.translate)({
+        id: "theme.openapi.export.button",
+        message: "Export",
+      })
     ),
     react_1.default.createElement(
       "ul",
@@ -48,7 +52,10 @@ function Export({ url, proxy }) {
             className: "dropdown__link",
             href: `${url}`,
           },
-          "OpenAPI Spec"
+          (0, Translate_1.translate)({
+            id: "theme.openapi.export.openapiSpec",
+            message: "OpenAPI Spec",
+          })
         )
       )
     )

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

@@ -72,7 +72,6 @@ const Translate_1 = require("@docusaurus/Translate");
 const FloatingButton_1 = __importDefault(
   require("@theme/ApiExplorer/FloatingButton")
 );
-const translationIds_1 = require("@theme/translationIds");
 const react_magic_dropzone_1 = __importDefault(require("react-magic-dropzone"));
 function RenderPreview({ file }) {
   switch (file.type) {
@@ -161,7 +160,7 @@ function FormFileUpload({ placeholder, onChange }) {
                 },
               },
               (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_FORM_FILE_UPLOAD.CLEAR_BUTTON,
+                id: "theme.openapi.formFileUpload.clearButton",
                 message: "Clear",
               })
             ),

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

@@ -13,7 +13,6 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Translate_1 = require("@docusaurus/Translate");
-const translationIds_1 = require("@theme/translationIds");
 function FormLabel({ htmlFor, label, type, required }) {
   return react_1.default.createElement(
     react_1.default.Fragment,
@@ -41,7 +40,7 @@ function FormLabel({ htmlFor, label, type, required }) {
         "span",
         { className: "openapi-schema__required" },
         (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_SCHEMA_ITEM.REQUIRED,
+          id: "theme.openapi.schemaItem.required",
           message: "required",
         })
       )

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

@@ -72,7 +72,6 @@ const react_1 = __importStar(require("react"));
 const Translate_1 = require("@docusaurus/Translate");
 const error_message_1 = require("@hookform/error-message");
 const FormLabel_1 = __importDefault(require("@theme/ApiExplorer/FormLabel"));
-const translationIds_1 = require("@theme/translationIds");
 const clsx_1 = __importDefault(require("clsx"));
 const react_hook_form_1 = require("react-hook-form");
 function FormTextInput({
@@ -108,7 +107,7 @@ function FormTextInput({
           ...register(paramName, {
             required: isRequired
               ? (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_FORM.FIELD_REQUIRED,
+                  id: "theme.openapi.form.fieldRequired",
                   message: "This field is required",
                 })
               : false,

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

@@ -72,7 +72,6 @@ const theme_common_1 = require("@docusaurus/theme-common");
 const Translate_1 = require("@docusaurus/Translate");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const error_message_1 = require("@hookform/error-message");
-const translationIds_1 = require("@theme/translationIds");
 const clsx_1 = __importDefault(require("clsx"));
 const react_hook_form_1 = require("react-hook-form");
 const react_live_1 = require("react-live");
@@ -144,7 +143,7 @@ function App({
           required:
             isRequired && !code
               ? (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_FORM.FIELD_REQUIRED,
+                  id: "theme.openapi.form.fieldRequired",
                   message: "This field is required",
                 })
               : false,

package/lib/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamArrayFormItem.js

@@ -79,7 +79,6 @@ const FormTextInput_1 = __importDefault(
 );
 const slice_1 = require("@theme/ApiExplorer/ParamOptions/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
-const translationIds_1 = require("@theme/translationIds");
 const react_hook_form_1 = require("react-hook-form");
 function ArrayItem({ param, onChange, initialValue }) {
   const [value, setValue] = (0, react_1.useState)(initialValue || "");
@@ -171,7 +170,7 @@ function ParamArrayFormItem({ param, label, type, required }) {
       rules: {
         required: param.required
           ? (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_FORM.FIELD_REQUIRED,
+              id: "theme.openapi.form.fieldRequired",
               message: "This field is required",
             })
           : false,
@@ -219,7 +218,10 @@ function ParamArrayFormItem({ param, label, type, required }) {
           react_1.default.createElement(
             "button",
             { className: "openapi-explorer__thin-btn", onClick: handleAddItem },
-            "Add item"
+            (0, Translate_1.translate)({
+              id: "theme.openapi.paramArray.addItem",
+              message: "Add item",
+            })
           )
         ),
     }),

package/lib/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamBooleanFormItem.js

@@ -74,7 +74,6 @@ const error_message_1 = require("@hookform/error-message");
 const FormSelect_1 = __importDefault(require("@theme/ApiExplorer/FormSelect"));
 const slice_1 = require("@theme/ApiExplorer/ParamOptions/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
-const translationIds_1 = require("@theme/translationIds");
 const react_hook_form_1 = require("react-hook-form");
 function ParamBooleanFormItem({ param, label, type, required }) {
   const dispatch = (0, hooks_1.useTypedDispatch)();
@@ -106,7 +105,7 @@ function ParamBooleanFormItem({ param, label, type, required }) {
       rules: {
         required: param.required
           ? (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_FORM.FIELD_REQUIRED,
+              id: "theme.openapi.form.fieldRequired",
               message: "This field is required",
             })
           : false,

package/lib/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamMultiSelectFormItem.js

@@ -21,7 +21,6 @@ const FormMultiSelect_1 = __importDefault(
 const ParamOptions_1 = require("@theme/ApiExplorer/ParamOptions");
 const slice_1 = require("@theme/ApiExplorer/ParamOptions/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
-const translationIds_1 = require("@theme/translationIds");
 const react_hook_form_1 = require("react-hook-form");
 function ParamMultiSelectFormItem({ param, label, type, required }) {
   const {
@@ -70,7 +69,7 @@ function ParamMultiSelectFormItem({ param, label, type, required }) {
       rules: {
         required: param.required
           ? (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_FORM.FIELD_REQUIRED,
+              id: "theme.openapi.form.fieldRequired",
               message: "This field is required",
             })
           : false,

package/lib/theme/ApiExplorer/ParamOptions/ParamFormItems/ParamSelectFormItem.js

@@ -75,7 +75,6 @@ const FormSelect_1 = __importDefault(require("@theme/ApiExplorer/FormSelect"));
 const ParamOptions_1 = require("@theme/ApiExplorer/ParamOptions");
 const slice_1 = require("@theme/ApiExplorer/ParamOptions/slice");
 const hooks_1 = require("@theme/ApiItem/hooks");
-const translationIds_1 = require("@theme/translationIds");
 const react_hook_form_1 = require("react-hook-form");
 function ParamSelectFormItem({ param, label, type, required }) {
   const {
@@ -100,7 +99,7 @@ function ParamSelectFormItem({ param, label, type, required }) {
       rules: {
         required: param.required
           ? (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_FORM.FIELD_REQUIRED,
+              id: "theme.openapi.form.fieldRequired",
               message: "This field is required",
             })
           : false,

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

@@ -87,7 +87,6 @@ const ParamTextFormItem_1 = __importDefault(
   require("@theme/ApiExplorer/ParamOptions/ParamFormItems/ParamTextFormItem")
 );
 const hooks_1 = require("@theme/ApiItem/hooks");
-const translationIds_1 = require("@theme/translationIds");
 /**
  * Extracts enum values from a schema, including when wrapped in allOf.
  * This handles cases where an enum is referenced via allOf for composition.
@@ -254,11 +253,11 @@ function ParamOptions() {
           ),
           showOptional
             ? (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_PARAM_OPTIONS.HIDE_OPTIONAL,
+                id: "theme.openapi.paramOptions.hideOptional",
                 message: "Hide optional parameters",
               })
             : (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_PARAM_OPTIONS.SHOW_OPTIONAL,
+                id: "theme.openapi.paramOptions.showOptional",
                 message: "Show optional parameters",
               })
         ),

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

@@ -85,14 +85,13 @@ const buildPostmanRequest_1 = __importDefault(
 const ContentType_1 = __importDefault(
   require("@theme/ApiExplorer/ContentType")
 );
+const useResolvedEncoding_1 = require("@theme/ApiExplorer/EncodingSelection/useResolvedEncoding");
 const ParamOptions_1 = __importDefault(
   require("@theme/ApiExplorer/ParamOptions")
 );
 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"));
 const react_hook_form_1 = require("react-hook-form");
 const makeRequest_1 = __importStar(require("./makeRequest"));
@@ -200,26 +199,26 @@ function Request({ item }) {
     switch (errorType) {
       case "timeout":
         return (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_REQUEST.ERROR_TIMEOUT,
+          id: "theme.openapi.request.error.timeout",
           message:
             "The request timed out waiting for the server to respond. Please try again. If the issue persists, try using a different client (e.g., curl) with a longer timeout.",
         });
       case "network":
         return (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_REQUEST.ERROR_NETWORK,
+          id: "theme.openapi.request.error.network",
           message:
             "Unable to reach the server. Please check your network connection and verify the server URL is correct. If the server is running, this may be a CORS issue.",
         });
       case "cors":
         return (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_REQUEST.ERROR_CORS,
+          id: "theme.openapi.request.error.cors",
           message:
             "The request was blocked, possibly due to CORS restrictions. Ensure the server allows requests from this origin, or try using a proxy.",
         });
       case "unknown":
       default:
         return (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_REQUEST.ERROR_UNKNOWN,
+          id: "theme.openapi.request.error.unknown",
           message:
             "An unexpected error occurred while making the request. Please try again.",
         });
@@ -229,7 +228,7 @@ function Request({ item }) {
     dispatch(
       (0, slice_1.setResponse)(
         (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_REQUEST.FETCHING_MESSAGE,
+          id: "theme.openapi.request.fetchingMessage",
           message: "Fetching...",
         })
       )
@@ -256,7 +255,7 @@ function Request({ item }) {
         errorMessage = getErrorMessage(e.type);
       } else {
         errorMessage = (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_REQUEST.CONNECTION_FAILED,
+          id: "theme.openapi.request.connectionFailed",
           message: "Connection failed",
         });
       }
@@ -314,7 +313,7 @@ function Request({ item }) {
           "span",
           { className: "openapi-explorer__request-title" },
           (0, Translate_1.translate)({
-            id: translationIds_1.OPENAPI_REQUEST.REQUEST_TITLE,
+            id: "theme.openapi.request.title",
             message: "Request",
           })
         ),
@@ -327,7 +326,7 @@ function Request({ item }) {
                 onClick: collapseAllDetails,
               },
               (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_REQUEST.COLLAPSE_ALL,
+                id: "theme.openapi.request.collapseAll",
                 message: "Collapse all",
               })
             )
@@ -339,7 +338,7 @@ function Request({ item }) {
                 onClick: expandAllDetails,
               },
               (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_REQUEST.EXPAND_ALL,
+                id: "theme.openapi.request.expandAll",
                 message: "Expand all",
               })
             )
@@ -366,7 +365,7 @@ function Request({ item }) {
                 },
               },
               (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_REQUEST.BASE_URL_TITLE,
+                id: "theme.openapi.request.baseUrl.title",
                 message: "Base URL",
               })
             ),
@@ -391,7 +390,7 @@ function Request({ item }) {
                 },
               },
               (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_REQUEST.AUTH_TITLE,
+                id: "theme.openapi.request.auth.title",
                 message: "Auth",
               })
             ),
@@ -415,7 +414,7 @@ function Request({ item }) {
                 },
               },
               (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_REQUEST.PARAMETERS_TITLE,
+                id: "theme.openapi.request.parameters.title",
                 message: "Parameters",
               })
             ),
@@ -438,7 +437,7 @@ function Request({ item }) {
                 },
               },
               (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_REQUEST.BODY_TITLE,
+                id: "theme.openapi.request.body.title",
                 message: "Body",
               }),
               requestBodyRequired &&
@@ -447,7 +446,7 @@ function Request({ item }) {
                   { className: "openapi-schema__required" },
                   "\u00A0",
                   (0, Translate_1.translate)({
-                    id: translationIds_1.OPENAPI_REQUEST.REQUIRED_LABEL,
+                    id: "theme.openapi.request.requiredLabel",
                     message: "required",
                   })
                 )
@@ -480,7 +479,7 @@ function Request({ item }) {
                 },
               },
               (0, Translate_1.translate)({
-                id: translationIds_1.OPENAPI_REQUEST.ACCEPT_TITLE,
+                id: "theme.openapi.request.accept.title",
                 message: "Accept",
               })
             ),
@@ -492,7 +491,7 @@ function Request({ item }) {
             "button",
             { className: "openapi-explorer__request-btn", type: "submit" },
             (0, Translate_1.translate)({
-              id: translationIds_1.OPENAPI_REQUEST.SEND_BUTTON,
+              id: "theme.openapi.request.sendButton",
               message: "Send API Request",
             })
           )