docusaurus-theme-openapi-docs 0.0.0-1294 → 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.
  */
@@ -130,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 = [];
@@ -146,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) {
@@ -211,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/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",
             })
           )

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

@@ -80,7 +80,6 @@ const ApiCodeBlock_1 = __importDefault(
 const hooks_1 = require("@theme/ApiItem/hooks");
 const SchemaTabs_1 = __importDefault(require("@theme/SchemaTabs"));
 const TabItem_1 = __importDefault(require("@theme/TabItem"));
-const translationIds_1 = require("@theme/translationIds");
 const clsx_1 = __importDefault(require("clsx"));
 const slice_1 = require("./slice");
 // Pretty-print a JSON string by re-indenting structural tokens only.
@@ -193,7 +192,7 @@ function Response({ item }) {
         "span",
         { className: "openapi-explorer__response-title" },
         (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_RESPONSE.TITLE,
+          id: "theme.openapi.response.title",
           message: "Response",
         })
       ),
@@ -209,7 +208,7 @@ function Response({ item }) {
           },
         },
         (0, Translate_1.translate)({
-          id: translationIds_1.OPENAPI_RESPONSE.CLEAR,
+          id: "theme.openapi.response.clear",
           message: "Clear",
         })
       )
@@ -263,17 +262,14 @@ function Response({ item }) {
                     react_1.default.createElement(
                       Translate_1.default,
                       {
-                        id: translationIds_1.OPENAPI_RESPONSE.PLACEHOLDER,
+                        id: "theme.openapi.response.placeholder",
                         values: {
                           code: react_1.default.createElement(
                             "code",
                             null,
                             react_1.default.createElement(
                               Translate_1.default,
-                              {
-                                id: translationIds_1.OPENAPI_REQUEST
-                                  .SEND_BUTTON,
-                              },
+                              { id: "theme.openapi.request.sendButton" },
                               "Send API Request"
                             )
                           ),
@@ -288,7 +284,7 @@ function Response({ item }) {
               TabItem_1.default,
               {
                 label: (0, Translate_1.translate)({
-                  id: translationIds_1.OPENAPI_RESPONSE.HEADERS_TAB,
+                  id: "theme.openapi.response.headersTab",
                   message: "Headers",
                 }),
                 value: "headers",
@@ -323,14 +319,14 @@ function Response({ item }) {
               react_1.default.createElement(
                 Translate_1.default,
                 {
-                  id: translationIds_1.OPENAPI_RESPONSE.PLACEHOLDER,
+                  id: "theme.openapi.response.placeholder",
                   values: {
                     code: react_1.default.createElement(
                       "code",
                       null,
                       react_1.default.createElement(
                         Translate_1.default,
-                        { id: translationIds_1.OPENAPI_REQUEST.SEND_BUTTON },
+                        { id: "theme.openapi.request.sendButton" },
                         "Send API Request"
                       )
                     ),