docusaurus-theme-openapi-docs 0.0.0-1294 → 0.0.0-1310

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/ApiCodeBlock/Container/index.js

@@ -14,11 +14,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = CodeBlockContainer;
 const react_1 = __importDefault(require("react"));
 const theme_common_1 = require("@docusaurus/theme-common");
-const internal_1 = require("@docusaurus/theme-common/internal");
 const clsx_1 = __importDefault(require("clsx"));
+const codeBlockUtils_1 = require("@theme/utils/codeBlockUtils");
 function CodeBlockContainer({ as: As, ...props }) {
   const prismTheme = (0, theme_common_1.usePrismTheme)();
-  const prismCssVariables = (0, internal_1.getPrismCssVariables)(prismTheme);
+  const prismCssVariables = (0, codeBlockUtils_1.getPrismCssVariables)(
+    prismTheme
+  );
   return react_1.default.createElement(
     As,
     // Polymorphic components are hard to type, without `oneOf` generics

package/lib/theme/ApiExplorer/ApiCodeBlock/Content/String.js

@@ -14,7 +14,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = CodeBlockString;
 const react_1 = __importDefault(require("react"));
 const theme_common_1 = require("@docusaurus/theme-common");
-const internal_1 = require("@docusaurus/theme-common/internal");
 const Container_1 = __importDefault(
   require("@theme/ApiExplorer/ApiCodeBlock/Container")
 );
@@ -30,6 +29,8 @@ const WordWrapButton_1 = __importDefault(
 );
 const clsx_1 = __importDefault(require("clsx"));
 const prism_react_renderer_1 = require("prism-react-renderer");
+const codeBlockUtils_1 = require("@theme/utils/codeBlockUtils");
+const useCodeWordWrap_1 = require("@theme/utils/useCodeWordWrap");
 function CodeBlockString({
   children,
   className: blockClassName = "",
@@ -43,21 +44,23 @@ function CodeBlockString({
   } = (0, theme_common_1.useThemeConfig)();
   const language =
     languageProp ??
-    (0, internal_1.parseLanguage)(blockClassName) ??
+    (0, codeBlockUtils_1.parseLanguage)(blockClassName) ??
     defaultLanguage;
   const prismTheme = (0, theme_common_1.usePrismTheme)();
-  const wordWrap = (0, internal_1.useCodeWordWrap)();
+  const wordWrap = (0, useCodeWordWrap_1.useCodeWordWrap)();
   // We still parse the metastring in case we want to support more syntax in the
   // future. Note that MDX doesn't strip quotes when parsing metastring:
   // "title=\"xyz\"" => title: "\"xyz\""
-  const title = (0, internal_1.parseCodeBlockTitle)(metastring) || titleProp;
-  const { lineClassNames, code } = (0, internal_1.parseLines)(children, {
+  const title =
+    (0, codeBlockUtils_1.parseCodeBlockTitle)(metastring) || titleProp;
+  const { lineClassNames, code } = (0, codeBlockUtils_1.parseLines)(children, {
     metastring,
     language,
     magicComments,
   });
   const showLineNumbers =
-    showLineNumbersProp ?? (0, internal_1.containsLineNumbers)(metastring);
+    showLineNumbersProp ??
+    (0, codeBlockUtils_1.containsLineNumbers)(metastring);
   return react_1.default.createElement(
     Container_1.default,
     {

package/lib/theme/ApiExplorer/ApiCodeBlock/Line/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { LineProps } from "@docusaurus/theme-common/internal";
+import type { Props as LineProps } from "@theme/CodeBlock/Line";
 export default function CodeBlockLine({ line, classNames, showLineNumbers, getLineProps, getTokenProps, }: LineProps): React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from "react";
-import { CodeBlockProps } from "@docusaurus/theme-common/internal";
+import type { Props as CodeBlockProps } from "@theme/CodeBlock";
 export default function ApiCodeBlock({ children: rawChildren, ...props }: CodeBlockProps): React.JSX.Element;

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/CodeTabs/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type TabProps } from "@docusaurus/theme-common/internal";
+import { type TabProps } from "@theme/utils/tabsUtils";
 import { Language } from "../CodeSnippets/code-snippets-types";
 export interface Props {
     action: {

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

@@ -69,9 +69,10 @@ var __importDefault =
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = CodeTabs;
 const react_1 = __importStar(require("react"));
-const internal_1 = require("@docusaurus/theme-common/internal");
 const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
 const clsx_1 = __importDefault(require("clsx"));
+const scrollUtils_1 = require("@theme/utils/scrollUtils");
+const tabsUtils_1 = require("@theme/utils/tabsUtils");
 function TabList({
   action,
   currentLanguage,
@@ -87,7 +88,7 @@ function TabList({
   const tabRefs = (0, react_1.useRef)([]);
   const tabsScrollContainerRef = (0, react_1.useRef)(null);
   const { blockElementScrollPositionUntilNextRender } = (0,
-  internal_1.useScrollPositionBlocker)();
+  scrollUtils_1.useScrollPositionBlocker)();
   (0, react_1.useEffect)(() => {
     const activeTab = tabRefs.current.find(
       (tab) => tab?.getAttribute("aria-selected") === "true"
@@ -235,10 +236,10 @@ function TabContent({ lazy, children, selectedValue }) {
   );
 }
 function TabsComponent(props) {
-  const tabs = (0, internal_1.useTabsContextValue)(props);
+  const tabs = (0, tabsUtils_1.useTabsContextValue)(props);
   const { className } = props;
   return react_1.default.createElement(
-    internal_1.TabsProvider,
+    tabsUtils_1.TabsProvider,
     { value: tabs },
     react_1.default.createElement(
       "div",
@@ -265,6 +266,6 @@ function CodeTabs(props) {
       key: String(isBrowser),
       ...props,
     },
-    (0, internal_1.sanitizeTabsChildren)(props.children)
+    (0, tabsUtils_1.sanitizeTabsChildren)(props.children)
   );
 }

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",
             })
           )