@redocly/openapi-docs 3.3.24 → 3.4.0-rc.11

package/lib/components/ApiInfo/ApiInfo.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;const jsx_runtime_1=require("react/jsx-runtime"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),app_1=require("../../jotai/app"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),styled_1=require("./styled"),store_1=require("../../jotai/store"),saveTextBeforeHeading_1=require("../../utils/saveTextBeforeHeading"),helpers_1=require("../../utils/helpers"),RenderHook_1=require("../RenderHook"),Metadata_1=require("./Metadata"),RightPanel_1=require("../RightPanel"),hooks_1=require("../../hooks");function ApiInfo({item:e}){const t=(0,hooks_1.useTranslate)(),{options:{unstable_hooks:o,hideInfoMetadata:r},parser:{definition:n}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),i=(0,jotai_1.useAtomValue)(app_1.layoutAtom),a=e.infoDefinition;if(!a)return null;const s=(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(a,"description")||""),_=(0,helpers_1.getValueFromMdParsedExtension)(a,"summary")||void 0,l=null==n?void 0:n.externalDocs,u=a.version&&(0,jsx_runtime_1.jsxs)("span",{children:["(",a.version,")"]})||null,d=i===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:i,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{fullWidth:!0,className:"api-info",isStacked:d,children:[(0,jsx_runtime_1.jsxs)(styled_1.ApiHeader,{children:[a.title," ",u]}),(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiTitle||(null==o?void 0:o.AfterApiTitle),props:{info:a}}),_&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:_,"data-role":"redoc-summary"}),s&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:s,"data-role":"redoc-description"}),l&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:l}),!r&&(0,jsx_runtime_1.jsx)(Metadata_1.Metadata,{metadata:a["x-metadata"],translate:t})]}),d&&(0,jsx_runtime_1.jsx)(RightPanelContainer,{isStacked:d,children:(0,jsx_runtime_1.jsx)(RightPanel_1.RightPanel,{item:e})})]})}exports.ApiInfo=ApiInfo;const RightPanelContainer=(0,styled_components_1.default)(common_1.SamplesPanel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;const jsx_runtime_1=require("react/jsx-runtime"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),app_1=require("../../jotai/app"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),styled_1=require("./styled"),store_1=require("../../jotai/store"),saveTextBeforeHeading_1=require("../../utils/saveTextBeforeHeading"),helpers_1=require("../../utils/helpers"),RenderHook_1=require("../RenderHook"),Metadata_1=require("./Metadata"),RightPanel_1=require("../RightPanel/RightPanel");function ApiInfo({item:e}){const{options:{unstable_hooks:t,hideInfoMetadata:o},parser:{definition:r}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),i=(0,jotai_1.useAtomValue)(app_1.layoutAtom),n=e.infoDefinition;if(!n)return null;const a=(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(n,"description")||""),s=(0,helpers_1.getValueFromMdParsedExtension)(n,"summary")||void 0,_=null==r?void 0:r.externalDocs,l=n.version&&(0,jsx_runtime_1.jsxs)("span",{children:["(",n.version,")"]})||null,u=i===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:i,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{fullWidth:!0,className:"api-info",isStacked:u,children:[(0,jsx_runtime_1.jsxs)(styled_1.ApiHeader,{children:[n.title," ",l]}),(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiTitle||(null==t?void 0:t.AfterApiTitle),props:{info:n}}),s&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:s,"data-role":"redoc-summary"}),a&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:a,"data-role":"redoc-description"}),(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiDescription||(null==t?void 0:t.AfterOpenApiDescription),props:{info:n}}),_&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:_}),!o&&(0,jsx_runtime_1.jsx)(Metadata_1.Metadata,{metadata:n["x-metadata"]})]}),u&&(0,jsx_runtime_1.jsx)(RightPanelContainer,{isStacked:u,children:(0,jsx_runtime_1.jsx)(RightPanel_1.RightPanel,{item:e})})]})}exports.ApiInfo=ApiInfo;const RightPanelContainer=(0,styled_components_1.default)(common_1.SamplesPanel)`
   position: static;
 `;
 //# sourceMappingURL=ApiInfo.js.map

package/lib/components/ApiInfo/Metadata.d.ts

@@ -1,9 +1,7 @@
-import type { TFunction } from '@redocly/theme';
 import type { ReactElement } from 'react';
 import type { OpenAPIInfo } from '../../types';
 interface MetadataProps {
     metadata: OpenAPIInfo['x-metadata'];
-    translate: TFunction;
 }
-export declare function Metadata({ metadata, translate }: MetadataProps): ReactElement | null;
+export declare function Metadata({ metadata }: MetadataProps): ReactElement | null;
 export {};

package/lib/components/ApiInfo/Metadata.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Metadata=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),FILTER_OUT_KEYS=["title","description"];function metadataMap([e,t]){return FILTER_OUT_KEYS.includes(e)?null:Array.isArray(t)?{key:e,value:t.filter((e=>"object"!=typeof e)).join(", ")}:"object"==typeof t?null:{key:e,value:t}}function Metadata({metadata:e,translate:t}){const r=(0,react_1.useMemo)((()=>Object.entries(e||{}).map(metadataMap).filter(theme_1.isNotNull)),[e]);return e?(0,jsx_runtime_1.jsxs)(theme_1.Markdown,{children:[(0,jsx_runtime_1.jsx)(theme_1.H3,{children:t("openapi.info.metadata.title","Metadata")}),(0,jsx_runtime_1.jsxs)("table",{className:"md",children:[(0,jsx_runtime_1.jsx)("thead",{children:(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)("th",{scope:"col",children:t("openapi.key","Key")}),(0,jsx_runtime_1.jsx)("th",{scope:"col",children:t("openapi.value","Value")})]})}),(0,jsx_runtime_1.jsx)("tbody",{children:r.map((({key:e,value:t})=>(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)("td",{children:e}),(0,jsx_runtime_1.jsx)("td",{children:`${t}`})]},e)))})]})]}):null}exports.Metadata=Metadata;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Metadata=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),helpers_1=require("../../utils/helpers"),FILTER_OUT_KEYS=["title","description"];function metadataMap([e,t]){return FILTER_OUT_KEYS.includes(e)?null:Array.isArray(t)?{key:e,value:t.filter((e=>"object"!=typeof e)).join(", ")}:"object"==typeof t?null:{key:e,value:t}}function Metadata({metadata:e}){const t=(0,react_1.useMemo)((()=>Object.entries(e||{}).map(metadataMap).filter(theme_1.isNotNull)),[e]);return e?(0,jsx_runtime_1.jsxs)(theme_1.Markdown,{children:[(0,jsx_runtime_1.jsx)(theme_1.H3,{children:"Metadata"}),(0,jsx_runtime_1.jsxs)("table",{className:"md",children:[(0,jsx_runtime_1.jsx)("thead",{children:(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)("th",{scope:"col",children:"Key"}),(0,jsx_runtime_1.jsx)("th",{scope:"col",children:"Value"})]})}),(0,jsx_runtime_1.jsx)("tbody",{children:t.map((({key:e,value:t})=>(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)("td",{children:e}),(0,jsx_runtime_1.jsx)("td",{children:"string"==typeof t&&(0,helpers_1.isAbsoluteUrl)(t)?(0,jsx_runtime_1.jsx)("a",{href:t,target:"_blank",rel:"noreferrer",children:t}):String(t)})]},e)))})]})]}):null}exports.Metadata=Metadata;
 //# sourceMappingURL=Metadata.js.map

package/lib/components/CallbackSamples/CallbackSamples.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import type { TFunction } from '@redocly/theme';
 import type { OperationModel } from '../../models';
 export interface CallbackSamplesProps {
     callback: OperationModel;
-    translate: TFunction;
 }
 export declare const CallbackSamples: import("react").NamedExoticComponent<CallbackSamplesProps>;

package/lib/components/CallbackSamples/CallbackSamples.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PayloadSamples_1=require("../PayloadSamples"),ServerListDropdown_1=require("../ServerListDropdown"),common_1=require("../common");function CallbackSamplesComponent({callback:e,translate:r}){var a;if(!(null==e?void 0:e.hasSamples))return null;return(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-callback-samples",header:()=>(0,jsx_runtime_1.jsxs)(StyledPanelHeader,{isExpandable:!1,children:[(0,jsx_runtime_1.jsx)(StyledServerListDropdown,{operation:e}),(0,jsx_runtime_1.jsx)(PayloadTitle,{children:r("openapi.payload","Payload")})]}),isExpandable:!1,children:(null===(a=null==e?void 0:e.payload)||void 0===a?void 0:a.requestBodyContent)&&(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,{content:e.payload.requestBodyContent})})}exports.CallbackSamples=(0,react_1.memo)(CallbackSamplesComponent);const PayloadTitle=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PayloadSamples_1=require("../PayloadSamples"),ServerListDropdown_1=require("../ServerListDropdown"),common_1=require("../common");function CallbackSamplesComponent({callback:e}){var r;if(!(null==e?void 0:e.hasSamples))return null;return(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-callback-samples",header:()=>(0,jsx_runtime_1.jsxs)(StyledPanelHeader,{isExpandable:!1,children:[(0,jsx_runtime_1.jsx)(StyledServerListDropdown,{operation:e}),(0,jsx_runtime_1.jsx)(PayloadTitle,{children:"Payload"})]}),isExpandable:!1,children:(null===(r=null==e?void 0:e.payload)||void 0===r?void 0:r.requestBodyContent)&&(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,{content:e.payload.requestBodyContent})})}exports.CallbackSamples=(0,react_1.memo)(CallbackSamplesComponent);const PayloadTitle=styled_components_1.default.div`
   font-size: var(--font-size-sm);
   font-style: normal;
   font-weight: var(--font-weight-regular);

package/lib/components/Callbacks/CallbackDetails.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import type { TFunction } from '@redocly/theme';
 import type { OperationModel } from '../../models';
 export interface CallbackDetailsProps {
     operation: OperationModel;
-    translate: TFunction;
 }
 export declare const CallbackDetails: import("react").NamedExoticComponent<CallbackDetailsProps>;

package/lib/components/Callbacks/CallbackDetails.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),Responses_1=require("../Responses"),RequestDetails_1=require("../Request/RequestDetails"),LinkToField_1=require("../common/LinkToField"),services_1=require("../../services");function CallbackDetailsComponent({operation:e,translate:t}){var i;const s=(0,react_1.useCallback)((i=>(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-response&c=${i.key}`)}),t("openapi.callbackResponse","Callback Response")]})),[e.callbackId,e.id,t]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:e,title:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-request`)}),t("openapi.callbackRequest","Callback Request")]})}),(null===(i=e.responses)||void 0===i?void 0:i.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:e.responses,operationId:e.id,operationPointer:e.pointer,callbackId:e.callbackId,renderTitle:s}):null]})}exports.CallbackDetails=(0,react_1.memo)(CallbackDetailsComponent);const Title=styled_components_1.default.h4`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),Responses_1=require("../Responses"),RequestDetails_1=require("../Request/RequestDetails"),LinkToField_1=require("../common/LinkToField"),services_1=require("../../services");function CallbackDetailsComponent({operation:e}){var t;const i=(0,react_1.useCallback)((t=>(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-response&c=${t.key}`)}),"Callback Response"]})),[e.callbackId,e.id]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:e,title:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-request`)}),"Callback Request"]})}),(null===(t=e.responses)||void 0===t?void 0:t.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:e.responses,operationId:e.id,operationPointer:e.pointer,callbackId:e.callbackId,renderTitle:i}):null]})}exports.CallbackDetails=(0,react_1.memo)(CallbackDetailsComponent);const Title=styled_components_1.default.h4`
   position: relative;
   font-size: var(--font-size-lg);
   font-weight: var(--h4-font-weight);

package/lib/components/Callbacks/CallbackOperation.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackOperation=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),react_router_dom_1=require("react-router-dom"),hooks_1=require("../../hooks"),Panel_1=require("../Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),utils_1=require("../../utils"),CallbackOperation=({operation:e,operation:{callbackId:a},onExpand:l,selectedCallback:t})=>{const r=(0,hooks_1.useTranslate)(),o=(0,react_router_dom_1.useLocation)();return(0,jsx_runtime_1.jsx)(Panel_1.CallbackPanel,{header:({expanded:a,toggle:t})=>(0,jsx_runtime_1.jsx)(CallbackSummary_1.CallbackSummary,{callback:e,toggle:r=>{null==t||t(r),null==l||l(a?null:e)},expanded:a,translate:r}),expanded:(null==t?void 0:t.callbackId)===a||(0,utils_1.pathIncludesLink)(o,a),className:"panel-response-callback",children:(0,jsx_runtime_1.jsxs)(CallbackDetailsWrap,{children:[(0,jsx_runtime_1.jsx)(CallbackDetails_1.CallbackDetails,{operation:e,translate:r}),(0,jsx_runtime_1.jsx)(LeftBorder,{})]})})};exports.CallbackOperation=CallbackOperation;const CallbackDetailsWrap=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackOperation=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),react_router_dom_1=require("react-router-dom"),Panel_1=require("../Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),utils_1=require("../../utils"),CallbackOperation=({operation:e,operation:{callbackId:a},onExpand:l,selectedCallback:t})=>{const r=(0,react_router_dom_1.useLocation)();return(0,jsx_runtime_1.jsx)(Panel_1.CallbackPanel,{header:({expanded:a,toggle:t})=>(0,jsx_runtime_1.jsx)(CallbackSummary_1.CallbackSummary,{callback:e,toggle:r=>{null==t||t(r),null==l||l(a?null:e)},expanded:a}),expanded:(null==t?void 0:t.callbackId)===a||(0,utils_1.pathIncludesLink)(r,a),className:"panel-response-callback",children:(0,jsx_runtime_1.jsxs)(CallbackDetailsWrap,{children:[(0,jsx_runtime_1.jsx)(CallbackDetails_1.CallbackDetails,{operation:e}),(0,jsx_runtime_1.jsx)(LeftBorder,{})]})})};exports.CallbackOperation=CallbackOperation;const CallbackDetailsWrap=styled_components_1.default.div`
   position: relative;
   .property:last-child {
     border-bottom: none;

package/lib/components/Callbacks/CallbackSummary.d.ts

@@ -1,8 +1,7 @@
 import type { ReactElement } from 'react';
-import type { PanelHeaderProps, TFunction } from '@redocly/theme';
+import type { PanelHeaderProps } from '@redocly/theme';
 import type { OperationModel } from '../../models';
 export interface CallbackTitleProps extends PanelHeaderProps {
     callback: OperationModel;
-    translate: TFunction;
 }
-export declare function CallbackSummary({ expanded, toggle, callback: { name, httpVerb, deprecated, callbackId, id }, translate, }: CallbackTitleProps): ReactElement;
+export declare function CallbackSummary({ expanded, toggle, callback: { name, httpVerb, deprecated, callbackId, id }, }: CallbackTitleProps): ReactElement;

package/lib/components/Callbacks/CallbackSummary.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Panel_1=require("../Panel"),common_1=require("../common"),services_1=require("../../services"),utils_1=require("../../utils"),styled_1=require("./styled"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon"),LinkToField_1=require("../common/LinkToField");function CallbackSummary({expanded:e=!1,toggle:r,callback:{name:i,httpVerb:n,deprecated:t,callbackId:a,id:l},translate:s}){return(0,jsx_runtime_1.jsxs)(CallbackHeader,{expanded:e,onClick:r,children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(l,`callbacks/${a}`)}),(0,jsx_runtime_1.jsxs)(Panel_1.Trigger,{children:[(0,jsx_runtime_1.jsx)(CircleIconWrap,{children:(0,jsx_runtime_1.jsx)(PlusCircleIcon_1.CircleIcon,{sign:e?"-":"+"})}),(0,jsx_runtime_1.jsx)(styled_1.CallbackTitle,{deprecated:t,children:i}),(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:n,children:(0,utils_1.shortenHTTPVerb)(n)}),t?(0,jsx_runtime_1.jsx)(theme_1.Badge,{deprecated:!0,children:s("openapi.badges.deprecated","Deprecated")}):null]})]})}exports.CallbackSummary=CallbackSummary;const CallbackHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Panel_1=require("../Panel"),common_1=require("../common"),services_1=require("../../services"),utils_1=require("../../utils"),styled_1=require("./styled"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon"),LinkToField_1=require("../common/LinkToField");function CallbackSummary({expanded:e=!1,toggle:r,callback:{name:i,httpVerb:n,deprecated:t,callbackId:l,id:a}}){return(0,jsx_runtime_1.jsxs)(CallbackHeader,{expanded:e,onClick:r,children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(a,`callbacks/${l}`)}),(0,jsx_runtime_1.jsxs)(Panel_1.Trigger,{children:[(0,jsx_runtime_1.jsx)(CircleIconWrap,{children:(0,jsx_runtime_1.jsx)(PlusCircleIcon_1.CircleIcon,{sign:e?"-":"+"})}),(0,jsx_runtime_1.jsx)(styled_1.CallbackTitle,{deprecated:t,children:i}),(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:n,children:(0,utils_1.shortenHTTPVerb)(n)}),t?(0,jsx_runtime_1.jsx)(theme_1.Badge,{deprecated:!0,children:"Deprecated"}):null]})]})}exports.CallbackSummary=CallbackSummary;const CallbackHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
   padding: var(--spacing-sm) 0 var(--spacing-sm) calc(var(--spacing-unit) / 2);
   margin: 0;
   line-height: var(--line-height-base);

package/lib/components/Discriminator/Discriminator.d.ts

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-import type { TFunction } from '@redocly/theme';
 import type { SchemaModel } from '../../models';
 interface DiscriminatorDropdownProps {
     activeOneOfIdx: number;
     parent: SchemaModel;
     onChange?: (idx: number) => void;
-    translate: TFunction;
 }
 export declare const Discriminator: import("react").NamedExoticComponent<DiscriminatorDropdownProps>;
 export {};

package/lib/components/Discriminator/Discriminator.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Discriminator=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),SchemaSelection_1=require("../common/SchemaSelection"),common_1=require("../common");function DiscriminatorDropdownComponent({activeOneOfIdx:e,parent:t,onChange:o,translate:r}){const i=(0,react_1.useMemo)((()=>(t.oneOf||[]).map(((e,t)=>({label:e.schema.deprecated?`${(0,utils_1.strikethroughText)(e.title)} (${r("openapi.badges.deprecated","deprecated").toLowerCase()}`:e.title,value:t})))),[t.oneOf,r]);return void 0===t.oneOf?null:(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(common_1.SelectionTitle,{children:r("openapi.discriminator","Discriminator")}),(0,jsx_runtime_1.jsx)(SchemaSelection_1.SchemaSelection,{options:i,pointer:t.operationPointer,onChange:o,schema:t,defaultOneOfIdx:e})]})}exports.Discriminator=(0,react_1.memo)(DiscriminatorDropdownComponent);const Wrapper=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Discriminator=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),SchemaSelection_1=require("../common/SchemaSelection"),common_1=require("../common");function DiscriminatorDropdownComponent({activeOneOfIdx:e,parent:t,onChange:o}){const r=(0,react_1.useMemo)((()=>(t.oneOf||[]).map(((e,t)=>({label:e.schema.deprecated?`${(0,utils_1.strikethroughText)(e.title)} (deprecated)`:e.title,value:t})))),[t.oneOf]);return void 0===t.oneOf?null:(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(common_1.SelectionTitle,{children:"Discriminator"}),(0,jsx_runtime_1.jsx)(SchemaSelection_1.SchemaSelection,{options:r,pointer:t.operationPointer,onChange:o,schema:t,defaultOneOfIdx:e})]})}exports.Discriminator=(0,react_1.memo)(DiscriminatorDropdownComponent);const Wrapper=styled_components_1.default.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/lib/components/ExpandAllButton/ExpandAllButton.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExpandAllButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),index_1=require("jotai/index"),operation_1=require("../../jotai/operation"),hooks_1=require("../../hooks"),ExpandAllButton=({operationPointer:e,type:t})=>{const n=(0,hooks_1.useTranslate)(),[o,i]=(0,index_1.useAtom)((0,operation_1.operationStore)(e)),r=(0,react_1.useMemo)((()=>Object.values(o[t].expandedFields).includes(!1)),[o,t]);if(!Object.keys(o[t].expandedFields).length)return null;return(0,jsx_runtime_1.jsx)(StyledButton,{icon:(0,jsx_runtime_1.jsx)(theme_1.MaximizeIcon,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:()=>{i((e=>{const n={};for(const o in e[t].expandedFields)n[o]=r;return Object.assign(Object.assign({},e),{[t]:{expandedFields:n}})}))},children:r?n("openapi.expandAll","Expand all"):n("openapi.collapseAll","Collapse all")})};exports.ExpandAllButton=ExpandAllButton;const StyledButton=(0,styled_components_1.default)(theme_1.Button)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExpandAllButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),index_1=require("jotai/index"),operation_1=require("../../jotai/operation"),ExpandAllButton=({operationPointer:e,type:t})=>{const[n,o]=(0,index_1.useAtom)((0,operation_1.operationStore)(e)),i=(0,react_1.useMemo)((()=>Object.values(n[t].expandedFields).includes(!1)),[n,t]);if(!Object.keys(n[t].expandedFields).length)return null;return(0,jsx_runtime_1.jsxs)(StyledButton,{icon:(0,jsx_runtime_1.jsx)(theme_1.MaximizeIcon,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:()=>{o((e=>{const n={};for(const o in e[t].expandedFields)n[o]=i;return Object.assign(Object.assign({},e),{[t]:{expandedFields:n}})}))},children:[i?"Expand":"Collapse"," all"]})};exports.ExpandAllButton=ExpandAllButton;const StyledButton=(0,styled_components_1.default)(theme_1.Button)`
   margin-left: auto;
 `;
 //# sourceMappingURL=ExpandAllButton.js.map

package/lib/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypesSwitch=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),PayloadSamples_1=require("../PayloadSamples"),common_1=require("../common"),app_1=require("../../jotai/app"),models_1=require("../../models"),hooks_1=require("../../hooks");function Wrapper({children:e,withLabel:t,innerRef:r,translate:n}){return e?t?(0,jsx_runtime_1.jsxs)(PayloadSamples_1.SelectWrapper,{ref:r,children:[(0,jsx_runtime_1.jsx)(PayloadSamples_1.SelectLabel,{children:n("openapi.contentType","Content type")}),e]}):(0,jsx_runtime_1.jsx)(common_1.Container,{ref:r,children:e}):null}function MediaTypesSwitchComponent({content:e,withLabel:t,renderSelect:r,children:n}){const i=(0,hooks_1.useTranslate)(),[a,o]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),s=(0,react_1.useCallback)((({value:t})=>{if(!e||!l.current)return null;const r=l.current.getBoundingClientRect().y;o(t),requestAnimationFrame((()=>{if(!l.current||null==r)return;const e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-r)}))}),[e,o]),l=(0,react_1.useRef)(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const u=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=(0,models_1.getActiveMediaType)(e,a);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Wrapper,{innerRef:l,withLabel:t,translate:i,children:r({value:c.name,options:u,onChange:s,ariaLabel:"Content type"})}),n(c)]})}exports.MediaTypesSwitch=(0,react_1.memo)(MediaTypesSwitchComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypesSwitch=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),PayloadSamples_1=require("../PayloadSamples"),common_1=require("../common"),app_1=require("../../jotai/app"),models_1=require("../../models");function Wrapper({children:e,withLabel:t,innerRef:r}){return e?t?(0,jsx_runtime_1.jsxs)(PayloadSamples_1.SelectWrapper,{ref:r,children:[(0,jsx_runtime_1.jsx)(PayloadSamples_1.SelectLabel,{children:"Content type"}),e]}):(0,jsx_runtime_1.jsx)(common_1.Container,{ref:r,children:e}):null}function MediaTypesSwitchComponent({content:e,withLabel:t,renderSelect:r,children:n}){const[i,a]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),o=(0,react_1.useCallback)((({value:t})=>{if(!e||!l.current)return null;const r=l.current.getBoundingClientRect().y;a(t),requestAnimationFrame((()=>{if(!l.current||null==r)return;const e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-r)}))}),[e,a]),l=(0,react_1.useRef)(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const s=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=(0,models_1.getActiveMediaType)(e,i);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Wrapper,{innerRef:l,withLabel:t,children:r({value:c.name,options:s,onChange:o,ariaLabel:"Content type"})}),n(c)]})}exports.MediaTypesSwitch=(0,react_1.memo)(MediaTypesSwitchComponent);
 //# sourceMappingURL=MediaTypesSwitch.js.map

package/lib/components/OperationItem/OperationItem.js

@@ -1,7 +1,7 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),services_1=require("../../services"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../models/operation"),RenderHook_1=require("../RenderHook"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),RequestDetails_1=require("../Request/RequestDetails"),Badges_1=require("../common/Badges"),hooks_1=require("../../hooks");function OperationItemComponent({item:{operationDefinition:e,parent:t,href:s}}){var a,n;const o=(0,hooks_1.useTranslate)(),{parser:i,options:r}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),l=(0,jotai_1.useAtomValue)(app_1.layoutAtom),[_,p]=(0,react_1.useState)(),{unstable_hooks:m,feedback:d}=r,c=(0,react_1.useMemo)((()=>(0,operation_1.getOperation)(i,e,t,r,s)),[s,e,r,t,i]),{name:u,deprecated:x,isWebhook:j,badges:k}=c,h=l===theme_1.LayoutVariant.STACKED,b=(null==d?void 0:d.type)||"sentiment",S=!0!==(null==d?void 0:d.hide),[R,g]=(0,react_1.useState)(null),q=(0,react_1.useCallback)((e=>{_!==e&&p(e)}),[_]);return(0,jsx_runtime_1.jsxs)(OperationRow,{layout:l,children:[(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:l,children:(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:h,children:[(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==m?void 0:m.BeforeOperation),props:{operation:c}}),(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Heading,{"data-testid":"operation-item-header",children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:s,"aria-label":`link to ${u}`}),(0,jsx_runtime_1.jsx)(common_1.CustomBadges,{badges:k,children:u}),x&&(0,jsx_runtime_1.jsx)(Badges_1.StyledBadge,{deprecated:!0,children:o("openapi.badges.deprecated","Deprecated")}),j&&(0,jsx_runtime_1.jsx)(Badges_1.StyledBadge,{children:o("openapi.badges.webhook","Webhook")})]})]})}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:l,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:h,children:(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:c,translate:o})}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:h,"data-testid":"samples-block",className:"panel-container-request-samples",children:(0,jsx_runtime_1.jsx)(RequestSamples_1.RequestSamples,{operation:c})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:l,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:h,children:(null===(a=c.responses)||void 0===a?void 0:a.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:c.responses,operationId:c.id,operationPointer:c.pointer,callbackId:c.callbackId,activeResponseTab:_,onTabChange:q}):null}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:h,"data-testid":"samples-block",className:"panel-container-response-samples",children:(0,jsx_runtime_1.jsx)(ResponseSamples_1.ResponseSamples,{operation:c,activeResponseTab:_,onTabChange:q})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:l,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:h,children:[(null===(n=c.callbacks)||void 0===n?void 0:n.length)?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(c.id,"callbacks")}),o("openapi.callbacks","Callbacks")]}),(0,jsx_runtime_1.jsx)(Callbacks_1.CallbacksList,{callbacks:c.callbacks,onExpand:g,selectedCallback:R})]}):null,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==m?void 0:m.AfterOperation),props:{operation:c}})]}),R?(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:h,"data-testid":"samples-block",children:(0,jsx_runtime_1.jsx)(CallbackSamples_1.CallbackSamples,{callback:R,translate:o})}):null]}),(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:l,children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:h,fullWidth:!0,children:S?(0,jsx_runtime_1.jsx)(FeedbackWrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.Feedback,{type:b,settings:d.settings,path:(0,services_1.joinWithSeparator)(r.routingBasePath,c.href)})}):null})})]})}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);const OperationSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),services_1=require("../../services"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../models/operation"),RenderHook_1=require("../RenderHook"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),RequestDetails_1=require("../Request/RequestDetails"),Badges_1=require("../common/Badges"),OperationSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
   margin-left: auto;
   --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) 20px;
-`,FeedbackWrapper=styled_components_1.default.div`
+`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:s}}){var a,n;const{parser:i,options:o}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),[l,_]=(0,react_1.useState)(),{unstable_hooks:m,feedback:p}=o,d=(0,react_1.useMemo)((()=>(0,operation_1.getOperation)(i,e,t,o,s)),[s,e,o,t,i]),{name:c,deprecated:u,isWebhook:x,badges:j}=d,k=r===theme_1.LayoutVariant.STACKED,h=(null==p?void 0:p.type)||"sentiment",S=!0!==(null==p?void 0:p.hide),[b,R]=(0,react_1.useState)(null);console.log("routerBasePath",o.routingBasePath+d.href);const g=(0,react_1.useCallback)((e=>{l!==e&&_(e)}),[l]);return(0,jsx_runtime_1.jsxs)(OperationRow,{layout:r,children:[(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:k,children:[(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==m?void 0:m.BeforeOperation),props:{operation:d}}),(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Heading,{"data-testid":"operation-item-header",children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:s,"aria-label":`link to ${c}`}),(0,jsx_runtime_1.jsx)(common_1.CustomBadges,{badges:j,children:c}),u&&(0,jsx_runtime_1.jsx)(Badges_1.StyledBadge,{deprecated:!0,children:"Deprecated"}),x&&(0,jsx_runtime_1.jsx)(Badges_1.StyledBadge,{children:"Webhook"})]})]})}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:k,children:(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:d})}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:k,"data-testid":"samples-block",className:"panel-container-request-samples",children:(0,jsx_runtime_1.jsx)(RequestSamples_1.RequestSamples,{operation:d})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:k,children:(null===(a=d.responses)||void 0===a?void 0:a.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:d.responses,operationId:d.id,operationPointer:d.pointer,callbackId:d.callbackId,activeResponseTab:l,onTabChange:g}):null}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:k,"data-testid":"samples-block",className:"panel-container-response-samples",children:(0,jsx_runtime_1.jsx)(ResponseSamples_1.ResponseSamples,{operation:d,activeResponseTab:l,onTabChange:g})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:k,children:[(null===(n=d.callbacks)||void 0===n?void 0:n.length)?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(d.id,"callbacks")}),"Callbacks"]}),(0,jsx_runtime_1.jsx)(Callbacks_1.CallbacksList,{callbacks:d.callbacks,onExpand:R,selectedCallback:b})]}):null,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==m?void 0:m.AfterOperation),props:{operation:d}})]}),b?(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:k,"data-testid":"samples-block",children:(0,jsx_runtime_1.jsx)(CallbackSamples_1.CallbackSamples,{callback:b})}):null]}),(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:k,fullWidth:!0,children:S?(0,jsx_runtime_1.jsx)(FeedbackWrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.Feedback,{type:h,settings:p.settings,path:o.routingBasePath+d.href})}):null})})]})}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);const FeedbackWrapper=styled_components_1.default.div`
   & > div {
     flex: 1 1 auto;
     display: flex;

package/lib/components/Overview/Overview.d.ts

@@ -1,9 +1,4 @@
-import type { TFunction } from '@redocly/theme';
 import type { ReactElement } from 'react';
-import type { OpenAPIInfo } from '../../types';
-type OverviewProps = {
-    info: OpenAPIInfo;
-    translate: TFunction;
-};
-export declare function Overview({ info, translate }: OverviewProps): ReactElement;
-export {};
+export declare function Overview({ info }: {
+    info: any;
+}): ReactElement;

package/lib/components/Overview/Overview.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overview=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),PanelItem_1=require("../PanelItem");function Overview({info:e,translate:t}){const n=e.contact&&e.contact.url&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:t("openapi.info.contact.url","URL")}),title:(0,jsx_runtime_1.jsx)("a",{href:e.contact.url,target:"_blank",rel:"noreferrer",children:e.contact.url}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.contact.url},"NewTabButton")]})||null,r=e.contact&&e.contact.email&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:e.contact.name||t("openapi.info.contact.name","E-mail")}),title:(0,jsx_runtime_1.jsx)("a",{href:"mailto:"+e.contact.email,children:e.contact.email}),actions:[(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:e.contact.email},"CopyButton"),(0,jsx_runtime_1.jsx)(theme_1.EmailButton,{data:e.contact.email},"EmailButton")]})||null,i=e.license&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:t("openapi.info.license","License")}),title:e.license.identifier?e.license.identifier:(0,jsx_runtime_1.jsx)("a",{href:e.license.url,target:"_blank",rel:"noreferrer",children:e.license.name}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.license.url||""},"NewTabButton")]})||null,a=e.termsOfService&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{title:(0,jsx_runtime_1.jsx)("a",{href:e.termsOfService,target:"_blank",rel:"noreferrer",children:t("openapi.info.termsOfService","Terms of Service")}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.termsOfService},e.termsOfService)]})||null;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsxs)(PanelItem_1.PanelItemsList,{children:[n,r,i,a]})})}exports.Overview=Overview;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overview=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),PanelItem_1=require("../PanelItem");function Overview({info:e}){var t;const n=e.contact&&e.contact.url&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:"URL"}),title:(0,jsx_runtime_1.jsx)("a",{href:e.contact.url,target:"_blank",rel:"noreferrer",children:e.contact.url}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.contact.url},"NewTabButton")]})||null,r=e.contact&&e.contact.email&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:e.contact.name||"E-mail"}),title:(0,jsx_runtime_1.jsx)("a",{href:"mailto:"+e.contact.email,children:e.contact.email}),actions:[(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:e.contact.email},"CopyButton"),(0,jsx_runtime_1.jsx)(theme_1.EmailButton,{data:e.contact.email},"EmailButton")]})||null,i=e.license&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:"License"}),title:e.license.identifier?e.license.identifier:(0,jsx_runtime_1.jsx)("a",{href:e.license.url,target:"_blank",rel:"noreferrer",children:e.license.name}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.license.url},"NewTabButton")]})||null,a=e.termsOfService&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{title:(0,jsx_runtime_1.jsx)("a",{href:e.termsOfService,target:"_blank",rel:"noreferrer",children:"Terms of Service"}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.termsOfService},e.termsOfService)]})||null,l=(null===(t=e["x-links"])||void 0===t?void 0:t.map((e=>(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:e.name}),title:(0,jsx_runtime_1.jsx)("a",{href:e.url,target:"_blank",rel:"noreferrer",children:e.url}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.url},"NewTabButton")]},e.url))))||null;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsxs)(PanelItem_1.PanelItemsList,{children:[n,r,i,a,l]})})}exports.Overview=Overview;
 //# sourceMappingURL=Overview.js.map

package/lib/components/PayloadSamples/Example.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const jsx_runtime_1=require("react/jsx-runtime"),ExampleValue_1=require("./ExampleValue"),ExternalExample_1=require("./ExternalExample"),hooks_1=require("../../hooks");function Example({example:e,mimeType:l,onCopyClick:a}){const p=(0,hooks_1.useTranslate)();return void 0===e.value&&e.externalValueUrl?e.externalValueUrl.endsWith(".pdf")?(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:p("openapi.pdfFileSample","PDF file"),mimeType:l,encoding:e.encoding,onCopyClick:a}):(0,jsx_runtime_1.jsx)(ExternalExample_1.ExternalExample,{example:e,mimeType:l,onCopyClick:a}):(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}exports.Example=Example;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const jsx_runtime_1=require("react/jsx-runtime"),ExampleValue_1=require("./ExampleValue"),ExternalExample_1=require("./ExternalExample");function Example({example:e,mimeType:l,onCopyClick:a}){return void 0===e.value&&e.externalValueUrl?e.externalValueUrl.endsWith(".pdf")?(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:"PDF file",mimeType:l,encoding:e.encoding,onCopyClick:a}):(0,jsx_runtime_1.jsx)(ExternalExample_1.ExternalExample,{example:e,mimeType:l,onCopyClick:a}):(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}exports.Example=Example;
 //# sourceMappingURL=Example.js.map

package/lib/components/PayloadSamples/MediaTypeSamples.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),deepmerge_1=__importDefault(require("deepmerge")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),Example_1=require("./Example"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),styled_1=require("./styled"),hooks_1=require("../../hooks");function MediaTypeSamplesComponent({mediaType:e,properties:r,onChange:s,onCopyClick:t}){const a=e.examples||e.formExamples||{},o=e.name,n=Object.keys(a),l=(0,hooks_1.useTranslate)(),{exampleKey:p}=(0,Samples_1.useExampleKey)(e.operation,a),i=1===n.length?Object.values(a)[0]:a[p];if(!n.length)return(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"clike",source:l("openapi.noResponseExample","No response example"),header:{controls:!1}});const m=r?Object.assign(Object.assign({},i),{value:(0,deepmerge_1.default)(i.value,r,{arrayMerge:utils_1.arrayMergeStrategy})}):i,_=m.description;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:a,exampleKey:p,onChange:s}),_&&(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:_}),(0,jsx_runtime_1.jsx)(Example_1.Example,{example:m,mimeType:o,onCopyClick:t})]})}const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),deepmerge_1=__importDefault(require("deepmerge")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),Example_1=require("./Example"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),styled_1=require("./styled");function MediaTypeSamplesComponent({mediaType:e,properties:r,onChange:t,onCopyClick:s}){const a=e.examples||e.formExamples||{},n=e.name,l=Object.keys(a),{exampleKey:i}=(0,Samples_1.useExampleKey)(e.operation,a),o=1===l.length?Object.values(a)[0]:a[i];if(!l.length)return(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"clike",source:"No response example",header:{controls:!1}});const m=r?Object.assign(Object.assign({},o),{value:(0,deepmerge_1.default)(o.value,r,{arrayMerge:utils_1.arrayMergeStrategy})}):o,p=m.description;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:a,exampleKey:i,onChange:t}),p&&(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:p}),(0,jsx_runtime_1.jsx)(Example_1.Example,{example:m,mimeType:n,onCopyClick:s})]})}const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
   margin: 0 var(--spacing-md) var(--spacing-sm);
 `;exports.MediaTypeSamples=(0,react_1.memo)(MediaTypeSamplesComponent);
 //# sourceMappingURL=MediaTypeSamples.js.map

package/lib/components/PayloadSamples/PayloadSamples.js

@@ -1,2 +1,2 @@
-"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),SelectOrLabel_1=require("../SelectOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),common_1=require("../common"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks"),convertExamplesFormat_1=require("../../utils/convertExamplesFormat");function PayloadSamplesComponent(e){var{onlyDefaultMimeType:t,content:r}=e,a=__rest(e,["onlyDefaultMimeType","content"]);const o=(0,hooks_1.useActivateExample)(r),l=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),s=t&&l,n=(0,hooks_1.useTranslate)(),i=(0,react_1.useCallback)((e=>s?null:(0,jsx_runtime_1.jsx)(styled_1.SelectWrapper,{children:(0,jsx_runtime_1.jsx)(SelectOrLabel_1.SelectOrLabel,Object.assign({Label:common_1.MimeLabel,Select:common_1.Select,variant:"dark",fullWidth:!0},e))})),[s]),c=e=>o(e);return r?(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:r,renderSelect:i,children:e=>{const t=(0,convertExamplesFormat_1.convertExamplesFormat)(e);return(0,jsx_runtime_1.jsx)(MediaTypeSamples_1.MediaTypeSamples,Object.assign({mediaType:t},a,{onChange:c}),"samples")}}):(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"text",source:n("openapi.noRequestPayload","No request payload"),header:{controls:!1}})}exports.PayloadSamples=(0,react_1.memo)(PayloadSamplesComponent);
+"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),SelectOrLabel_1=require("../SelectOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),common_1=require("../common"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks");function PayloadSamplesComponent(e){var{onlyDefaultMimeType:t,content:r}=e,a=__rest(e,["onlyDefaultMimeType","content"]);const o=(0,hooks_1.useActivateExample)(r),l=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),i=t&&l,s=(0,react_1.useCallback)((e=>i?null:(0,jsx_runtime_1.jsx)(styled_1.SelectWrapper,{children:(0,jsx_runtime_1.jsx)(SelectOrLabel_1.SelectOrLabel,Object.assign({Label:common_1.MimeLabel,Select:common_1.Select,variant:"dark",fullWidth:!0},e))})),[i]),n=e=>o(e);return r?(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:r,renderSelect:s,children:e=>(0,jsx_runtime_1.jsx)(MediaTypeSamples_1.MediaTypeSamples,Object.assign({mediaType:e},a,{onChange:n}),"samples")}):(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"text",source:"No request payload",header:{controls:!1}})}exports.PayloadSamples=(0,react_1.memo)(PayloadSamplesComponent);
 //# sourceMappingURL=PayloadSamples.js.map

package/lib/components/PropertyDetails/DescriptionEnums.d.ts

@@ -1,4 +1,4 @@
 import type { ReactElement } from 'react';
 import type { DescriptionEnumsProps } from './types';
-export declare function DescriptionEnumsComponent({ enums, toggle, showToggleButton, toggleButtonText, type, translate, }: DescriptionEnumsProps): ReactElement;
+export declare function DescriptionEnumsComponent({ enums, toggle, showToggleButton, toggleButtonText, type, }: DescriptionEnumsProps): ReactElement;
 export declare const DescriptionEnums: import("react").NamedExoticComponent<DescriptionEnumsProps>;

package/lib/components/PropertyDetails/DescriptionEnums.js

@@ -6,5 +6,5 @@
   p:only-of-type {
     margin: 0;
   }
-`;function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:r,type:s,translate:i}){return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(styled_1.DescriptionEnumsBlock,{children:(0,jsx_runtime_1.jsxs)("table",{className:"md",children:[(0,jsx_runtime_1.jsx)("thead",{children:(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsxs)("th",{style:{width:"30%"},children:["array"===s?i("openapi.items","Items"):""," ",1===e.length?i("openapi.value","Value"):`${i("openapi.enum","Enum")} ${i("openapi.value","Value")}`]}),(0,jsx_runtime_1.jsx)("th",{children:i("openapi.description","Description")})]})}),(0,jsx_runtime_1.jsx)("tbody",{children:e.map((({description:e,value:t})=>(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)(EnumValueStyled,{children:t}),(0,jsx_runtime_1.jsx)(DescriptionValueStyled,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:e})})]},t)))}),n?(0,jsx_runtime_1.jsx)("tfoot",{children:(0,jsx_runtime_1.jsx)("tr",{children:(0,jsx_runtime_1.jsx)("td",{colSpan:2,children:(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:t,children:r})})})}):null]})})})}exports.DescriptionEnumsComponent=DescriptionEnumsComponent,exports.DescriptionEnums=(0,react_1.memo)(DescriptionEnumsComponent);
+`;function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:r,type:s}){return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(styled_1.DescriptionEnumsBlock,{children:(0,jsx_runtime_1.jsxs)("table",{className:"md",children:[(0,jsx_runtime_1.jsx)("thead",{children:(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsxs)("th",{style:{width:"30%"},children:["array"===s?"Items":""," ",1===e.length?"Value":"Enum Value"]}),(0,jsx_runtime_1.jsx)("th",{children:"Description"})]})}),(0,jsx_runtime_1.jsx)("tbody",{children:e.map((({description:e,value:t})=>(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)(EnumValueStyled,{children:t}),(0,jsx_runtime_1.jsx)(DescriptionValueStyled,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:e})})]},t)))}),n?(0,jsx_runtime_1.jsx)("tfoot",{children:(0,jsx_runtime_1.jsx)("tr",{children:(0,jsx_runtime_1.jsx)("td",{colSpan:2,children:(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:t,children:r})})})}):null]})})})}exports.DescriptionEnumsComponent=DescriptionEnumsComponent,exports.DescriptionEnums=(0,react_1.memo)(DescriptionEnumsComponent);
 //# sourceMappingURL=DescriptionEnums.js.map

package/lib/components/PropertyDetails/EnumValues.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EnumValues=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),SimpleEnums_1=require("./SimpleEnums"),DescriptionEnums_1=require("./DescriptionEnums"),store_1=require("../../jotai/store"),hooks_1=require("../../hooks");function getEnums(e){return Array.isArray(e)&&e||Object.entries(e||{}).map((([e,t])=>({value:e,description:t})))}function EnumValuesComponent({values:e,type:t}){const s=(0,hooks_1.useTranslate)(),[r,n]=(0,react_1.useState)(!0),{maxDisplayedEnumValues:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),u=(0,react_1.useCallback)((()=>{n(!r)}),[r]),i=!Array.isArray(e),a=getEnums(e),m=(0,react_1.useMemo)((()=>r&&o?a.slice(0,o):a),[a,r,o]);if(!a.length)return null;const l=!!o&&a.length>o,_=o?r?`+${a.length-o} ${s("openapi.actions.more","more")}`:s("openapi.actions.hide","Hide"):"";return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:i?(0,jsx_runtime_1.jsx)(DescriptionEnums_1.DescriptionEnums,{enums:m,toggle:u,showToggleButton:l,toggleButtonText:_,type:t,translate:s}):(0,jsx_runtime_1.jsx)(SimpleEnums_1.SimpleEnums,{enums:m,type:t,toggle:u,toggleButtonText:_,showToggleButton:l,translate:s})})}exports.EnumValues=(0,react_1.memo)(EnumValuesComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EnumValues=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),SimpleEnums_1=require("./SimpleEnums"),DescriptionEnums_1=require("./DescriptionEnums"),store_1=require("../../jotai/store");function getEnums(e){return Array.isArray(e)&&e||Object.entries(e||{}).map((([e,t])=>({value:e,description:t})))}function EnumValuesComponent({values:e,type:t}){const[r,s]=(0,react_1.useState)(!0),{maxDisplayedEnumValues:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),u=(0,react_1.useCallback)((()=>{s(!r)}),[r]),o=!Array.isArray(e),i=getEnums(e),m=(0,react_1.useMemo)((()=>r&&n?i.slice(0,n):i),[i,r,n]);if(!i.length)return null;const a=!!n&&i.length>n,l=n?r?`+${i.length-n} more`:"Hide":"";return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:o?(0,jsx_runtime_1.jsx)(DescriptionEnums_1.DescriptionEnums,{enums:m,toggle:u,showToggleButton:a,toggleButtonText:l,type:t}):(0,jsx_runtime_1.jsx)(SimpleEnums_1.SimpleEnums,{enums:m,type:t,toggle:u,toggleButtonText:l,showToggleButton:a})})}exports.EnumValues=(0,react_1.memo)(EnumValuesComponent);
 //# sourceMappingURL=EnumValues.js.map

package/lib/components/PropertyDetails/Examples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSerializedValue=exports.Examples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),common_1=require("../common"),utils_1=require("../../utils"),styled_1=require("./styled"),hooks_1=require("../../hooks");function Examples({field:e}){const s=(0,hooks_1.useTranslate)();return e.examples?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[" ",s("openapi.examples","Examples"),": "]}),(0,jsx_runtime_1.jsx)(styled_1.ExamplesList,{children:Object.entries(e.examples).map((([s,r])=>{const i=(0,utils_1.normalizeText)(r.description);return(0,jsx_runtime_1.jsxs)(styled_1.ExampleWrap,{children:[(0,jsx_runtime_1.jsxs)(styled_1.ExampleSummary,{children:[(0,utils_1.normalizeText)(r.summary)||s," "]}),i&&(0,jsx_runtime_1.jsxs)(styled_1.ExampleDescription,{children:[i," "]}),(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:getSerializedValue(e,r.value)})]},s)}))})]}):null}function getSerializedValue(e,s){return e.in?decodeURIComponent((0,utils_1.serializeParameterValue)(e,s)):s}exports.Examples=Examples,exports.getSerializedValue=getSerializedValue;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSerializedValue=exports.Examples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),common_1=require("../common"),utils_1=require("../../utils"),styled_1=require("./styled");function Examples({field:e}){return e.examples?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.FieldLabel,{children:" Examples: "}),(0,jsx_runtime_1.jsx)(styled_1.ExamplesList,{children:Object.entries(e.examples).map((([r,s])=>{const i=(0,utils_1.normalizeText)(s.description);return(0,jsx_runtime_1.jsxs)(styled_1.ExampleWrap,{children:[(0,jsx_runtime_1.jsxs)(styled_1.ExampleSummary,{children:[(0,utils_1.normalizeText)(s.summary)||r," "]}),i&&(0,jsx_runtime_1.jsxs)(styled_1.ExampleDescription,{children:[i," "]}),(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:getSerializedValue(e,s.value)})]},r)}))})]}):null}function getSerializedValue(e,r){return e.in?decodeURIComponent((0,utils_1.serializeParameterValue)(e,r)):r}exports.Examples=Examples,exports.getSerializedValue=getSerializedValue;
 //# sourceMappingURL=Examples.js.map

package/lib/components/PropertyDetails/FieldDetail.d.ts

@@ -3,6 +3,5 @@ export interface FieldDetailProps {
     value?: any;
     label: string;
     raw?: boolean;
-    type?: 'default' | 'example' | 'other';
 }
 export declare const FieldDetail: import("react").NamedExoticComponent<FieldDetailProps>;

package/lib/components/PropertyDetails/FieldDetail.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetail=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function FieldDetailComponent({value:e,label:t,raw:r,type:i="other"}){if(void 0===e)return null;const n=r?String(e):JSON.stringify(e);return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[" ",t," "]}),"default"===i?(0,jsx_runtime_1.jsx)(common_1.DefaultValue,{children:n}):"example"===i?(0,jsx_runtime_1.jsx)(common_1.ExpandableExample,{value:n}):(0,jsx_runtime_1.jsx)(common_1.FieldValueLabel,{children:n})]})}exports.FieldDetail=(0,react_1.memo)(FieldDetailComponent);const Wrapper=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetail=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function FieldDetailComponent({value:e,label:t,raw:r}){if(void 0===e)return null;const i=r?String(e):JSON.stringify(e);return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[" ",t," "]}),"Default"===t?(0,jsx_runtime_1.jsx)(common_1.DefaultValue,{children:i}):"Example:"===t?(0,jsx_runtime_1.jsx)(common_1.ExpandableExample,{value:i}):(0,jsx_runtime_1.jsx)(common_1.FieldValueLabel,{children:i})]})}exports.FieldDetail=(0,react_1.memo)(FieldDetailComponent);const Wrapper=styled_components_1.default.div`
   margin-top: var(--spacing-xxs);
   display: flex;
   align-items: baseline;

package/lib/components/PropertyDetails/FieldDetails.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),FieldDetail_1=require("./FieldDetail"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),store_1=require("../../jotai/store"),SchemaTypeInfo_1=require("./SchemaTypeInfo"),LinkToField_1=require("../common/LinkToField"),Pattern_1=require("./Pattern"),RenderHook_1=require("../RenderHook"),hooks_1=require("../../hooks");function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:i,fieldParentsName:r=[]}){var n;const a=(0,hooks_1.useTranslate)(),{hidePropertiesPrefix:o,hideSchemaTitles:s}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:l,description:m,example:p,deprecated:_,examples:c,kind:d,required:u,name:x}=e,h="header"===e.in,j=(0,react_1.useMemo)((()=>{if(void 0!==p||void 0!==c){if(void 0!==c)return(0,jsx_runtime_1.jsx)(Examples_1.Examples,{field:e});{const t=!!e.in;return(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:`${a("openapi.example","Example")}:`,value:(0,Examples_1.getSerializedValue)(e,e.example),raw:t})}}return null}),[p,c,e,a]),f=(0,RenderHook_1.getAccessModeLabelText)(e.schema);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Row,{children:[x&&(0,jsx_runtime_1.jsxs)(Name,{children:[i&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:i}),!o&&r.map((e=>e+".​")),(0,jsx_runtime_1.jsx)(SchemaName,{className:"schema-name",children:x})]}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.typePrefix+l.displayType}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.displayFormat&&`(${l.displayFormat})`}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.contentEncoding}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.title&&!s?`(${l.title})`:""}),null===(n=l.constraints)||void 0===n?void 0:n.map((e=>(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:e},e))),_&&(0,jsx_runtime_1.jsx)(common_1.StyledBadge,{deprecated:!0,children:a("openapi.badges.deprecated","Deprecated")}),(0,jsx_runtime_1.jsx)(Pattern_1.Pattern,{pattern:l.pattern}),"additionalProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:a("openapi.additionalProperties","additional property")}),"patternProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:a("openapi.patternProperties","pattern property")}),f&&(0,jsx_runtime_1.jsx)(common_1.AccessLabel,{children:f}),u&&(0,jsx_runtime_1.jsx)(common_1.RequiredLabel,{children:a("openapi.required","required")}),l.isCircular&&(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:a("openapi.recursive","Recursive")})]}),(0,jsx_runtime_1.jsx)(StyledDescription,{source:m}),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{raw:h,type:"default",label:a("openapi.default","Default"),value:l.default}),(0,jsx_runtime_1.jsx)(EnumValues_1.EnumValues,{type:l.type,values:l["x-enumDescriptions"]||l.enum}),j,(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},e.extensions),l.extensions)}),l.externalDocs&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:l.externalDocs,compact:!0}),null==t?void 0:t(),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:a("openapi.value","Value"),value:e.const||void 0})]})}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),FieldDetail_1=require("./FieldDetail"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),store_1=require("../../jotai/store"),SchemaTypeInfo_1=require("./SchemaTypeInfo"),LinkToField_1=require("../common/LinkToField"),Pattern_1=require("./Pattern"),RenderHook_1=require("../RenderHook");function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:i,fieldParentsName:n=[]}){var r;const{hidePropertiesPrefix:a,hideSchemaTitles:s}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:o,description:l,example:m,deprecated:_,examples:c,kind:u,required:d,name:p}=e,x="header"===e.in,j=(0,react_1.useMemo)((()=>{if(void 0!==m||void 0!==c){if(void 0!==c)return(0,jsx_runtime_1.jsx)(Examples_1.Examples,{field:e});{const t=!!e.in;return(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Example:",value:(0,Examples_1.getSerializedValue)(e,e.example),raw:t})}}return null}),[m,c,e]),h=(0,RenderHook_1.getAccessModeLabelText)(e.schema);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Row,{children:[p&&(0,jsx_runtime_1.jsxs)(Name,{children:[i&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:i}),!a&&n.map((e=>e+".")),(0,jsx_runtime_1.jsx)(SchemaName,{className:"schema-name",children:p})]}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:o.typePrefix+o.displayType}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:o.displayFormat&&`(${o.displayFormat})`}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:o.contentEncoding}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:o.title&&!s?`(${o.title})`:""}),null===(r=o.constraints)||void 0===r?void 0:r.map((e=>(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:e},e))),_&&(0,jsx_runtime_1.jsx)(common_1.StyledBadge,{deprecated:!0,children:"Deprecated"}),(0,jsx_runtime_1.jsx)(Pattern_1.Pattern,{pattern:o.pattern}),"additionalProperties"===u&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"additional property"}),"patternProperties"===u&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"pattern property"}),h&&(0,jsx_runtime_1.jsx)(common_1.AccessLabel,{children:h}),d&&(0,jsx_runtime_1.jsx)(common_1.RequiredLabel,{children:"required"}),o.isCircular&&(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:"Recursive"})]}),(0,jsx_runtime_1.jsx)(StyledDescription,{source:l}),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{raw:x,label:"Default",value:o.default}),(0,jsx_runtime_1.jsx)(EnumValues_1.EnumValues,{type:o.type,values:o["x-enumDescriptions"]||o.enum}),j,(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},e.extensions),o.extensions)}),o.externalDocs&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:o.externalDocs,compact:!0}),null==t?void 0:t(),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Value",value:e.const||void 0})]})}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=styled_components_1.default.div`
   display: flex;
   align-items: center;
   gap: calc(var(--spacing-xxs) / 4) var(--spacing-xxs);
@@ -19,9 +19,8 @@
   font-size: var(--font-size-base);
   color: var(--text-color-description);
   max-width: 100%;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  white-space: pre-wrap;
+  display: flex;
+  flex-wrap: wrap;
 
   :hover {
     ${theme_1.LinkIcon} {

package/lib/components/PropertyDetails/Pattern.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Pattern=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common"),hooks_1=require("../../hooks"),MAX_PATTERN_LENGTH=45;function Pattern({pattern:e}){const t=(0,hooks_1.useTranslate)(),[r,n]=(0,react_1.useState)(!1);if(!e)return null;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.Tag,{children:r||e.length<MAX_PATTERN_LENGTH?e:`${e.slice(0,MAX_PATTERN_LENGTH)}...`}),e.length>MAX_PATTERN_LENGTH&&(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:()=>{n(!r)},children:r?t("openapi.hidePattern","Hide pattern"):t("openapi.showPattern","Show pattern")})]})}exports.Pattern=Pattern;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Pattern=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common"),MAX_PATTERN_LENGTH=45;function Pattern({pattern:e}){const[t,r]=(0,react_1.useState)(!1);if(!e)return null;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.Tag,{children:t||e.length<MAX_PATTERN_LENGTH?e:`${e.slice(0,MAX_PATTERN_LENGTH)}...`}),e.length>MAX_PATTERN_LENGTH&&(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:()=>{r(!t)},children:t?"Hide pattern":"Show pattern"})]})}exports.Pattern=Pattern;
 //# sourceMappingURL=Pattern.js.map

package/lib/components/PropertyDetails/SimpleEnums.d.ts

@@ -1,4 +1,4 @@
 import type { ReactElement } from 'react';
 import type { SimpleEnumsProps } from './types';
-export declare function SimpleEnumsComponent({ enums, type, toggle, showToggleButton, toggleButtonText, translate, }: SimpleEnumsProps): ReactElement;
+export declare function SimpleEnumsComponent({ enums, type, toggle, showToggleButton, toggleButtonText, }: SimpleEnumsProps): ReactElement;
 export declare const SimpleEnums: import("react").NamedExoticComponent<SimpleEnumsProps>;

package/lib/components/PropertyDetails/SimpleEnums.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleEnums=exports.SimpleEnumsComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function SimpleEnumsComponent({enums:e,type:n,toggle:t,showToggleButton:o,toggleButtonText:m,translate:s}){return(0,jsx_runtime_1.jsxs)(Row,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:["array"===n?s("openapi.items","Items"):""," ",1===e.length?s("openapi.value","Value"):s("openapi.enum","Enum")]}),e.map(((e,n)=>(0,jsx_runtime_1.jsx)(common_1.Tag,{children:JSON.stringify(e)},e+n))),o?(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:t,children:m}):null]})}exports.SimpleEnumsComponent=SimpleEnumsComponent,exports.SimpleEnums=(0,react_1.memo)(SimpleEnumsComponent);const Row=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleEnums=exports.SimpleEnumsComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function SimpleEnumsComponent({enums:e,type:t,toggle:n,showToggleButton:o,toggleButtonText:m}){return(0,jsx_runtime_1.jsxs)(Row,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:["array"===t?"Items":""," ",1===e.length?"Value":"Enum"]}),e.map(((e,t)=>(0,jsx_runtime_1.jsx)(common_1.Tag,{children:JSON.stringify(e)},e+t))),o?(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:n,children:m}):null]})}exports.SimpleEnumsComponent=SimpleEnumsComponent,exports.SimpleEnums=(0,react_1.memo)(SimpleEnumsComponent);const Row=styled_components_1.default.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;

package/lib/components/PropertyDetails/types.d.ts

@@ -1,4 +1,3 @@
-import type { TFunction } from '@redocly/theme';
 import type { ReactElement } from 'react';
 import type { SchemaOptions } from '../Schema';
 import type { FieldModel } from '../../models';
@@ -14,7 +13,6 @@ export interface SimpleEnumsProps {
     showToggleButton: boolean;
     toggleButtonText: string;
     type: string | string[];
-    translate: TFunction;
 }
 export type DescriptionEnumProp = Array<{
     value: string;
@@ -26,7 +24,6 @@ export interface DescriptionEnumsProps {
     showToggleButton: boolean;
     toggleButtonText: string;
     type: string | string[];
-    translate: TFunction;
 }
 export interface ExtensionsProps {
     extensions: {

package/lib/components/RedoclyOpenAPIDocs/Providers.js

@@ -1,2 +1,2 @@
-"use strict";var __awaiter=this&&this.__awaiter||function(e,t,i,r){return new(i||(i=Promise))((function(o,n){function a(e){try{l(r.next(e))}catch(e){n(e)}}function s(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StoreProvider=exports.AppProvider=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),markdoc_1=require("@markdoc/markdoc"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),services_1=require("../../services"),utils_1=require("./utils"),utils_2=require("../../utils"),SchemaDefinition_1=require("../SchemaDefinition"),app_1=require("../../jotai/app"),nexus_1=__importDefault(require("../../jotai/nexus")),object_1=require("../../utils/object"),operation_1=require("../../models/operation"),operation_2=require("../../jotai/operation"),environments_1=require("../../utils/environments"),store_1=require("../../jotai/store"),AppProvider=({options:e,definitionUrl:t,definition:i,activeSampleLanguage:r,children:o})=>{const[,n]=(0,react_1.useState)(),[a,s]=(0,react_1.useState)(!0),[l,u]=(0,react_1.useState)(null);(0,react_1.useEffect)((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){s(!0);try{u(yield(0,utils_1.loadSingle)(i,t,e))}catch(e){n((()=>{throw e}))}}))}()}),[i,t,e]);const c=(0,react_1.useMemo)((()=>{var i,o,n;if(l)return(null===(i=null==e?void 0:e.unstable_hooks)||void 0===i?void 0:i.onInit)&&(null===(n=null===(o=e.unstable_hooks)||void 0===o?void 0:o.onInit)||void 0===n||n.call(o,{store:{definition:l,options:e,definitionUrl:t,activeSampleLanguage:r}})),{definition:l,options:e,definitionUrl:t,activeSampleLanguage:r}}),(0,utils_1.useDeepCompareMemoize)([l,e,t]));return(0,react_1.useEffect)((()=>{c&&s(!1)}),[c]),c?a?(0,utils_2.argValueToBoolean)(null==e?void 0:e.hideLoading,!1)?null:(0,jsx_runtime_1.jsx)(theme_1.Loading,{color:"--loading-spinner-color"}):(0,react_1.isValidElement)(o)?(0,react_1.cloneElement)(o,{store:c}):null:null};exports.AppProvider=AppProvider;const DEFAULT_OPTIONS={ignoreNamedSchemas:["java.io.ObjectStreamField"],maxDisplayedEnumValues:10,markdocOptions:{tags:{schemaDefinition:{render:"SchemaDefinition",attributes:{schemaRef:{type:String},exampleRef:{type:String},showReadOnly:{type:Boolean},showWriteOnly:{type:Boolean},htmlWrap:{type:String,default:!1}}}},nodes:{heading:{children:["inline"],attributes:{id:{type:String},level:{type:Number,required:!0,default:1}},transform(e,t){const i=e.transformAttributes(t),r=e.transformChildren(t),o="string"==typeof i.id?i.id:(0,utils_1.getMarkdownHeaderId)(r);return new markdoc_1.Tag("Heading",Object.assign(Object.assign({},i),{id:o,level:e.attributes.level}),r)}}},components:{SchemaDefinition:SchemaDefinition_1.SchemaDefinition,Heading:theme_1.markdoc.components.Heading}}};exports.StoreProvider=(0,react_1.memo)((({children:e,options:t,definitionUrl:i,definition:r,withState:o})=>{const n=(0,react_1.useCallback)((()=>{const e=(0,services_1.normalizeOptions)(t,DEFAULT_OPTIONS);return{options:e,parser:new services_1.OpenAPIParser(r,i,e)}}),[r,i,t]),a=(0,react_1.useMemo)((()=>{var e,t;const i=(0,jotai_1.createStore)(),r=n();i.set(store_1.globalStoreAtom,r);const a=(0,utils_2.normalizeServers)(r.parser.definitionUrl,(0,operation_1.mergeInMockServer)((null===(e=r.parser.definition)||void 0===e?void 0:e.servers)||[],r.options.mockServer)),s=Object.fromEntries(a.map((e=>[(0,environments_1.getServerEnvName)(e),Object.assign({server:e.url},(0,object_1.mapObject)(e.variables||{},(e=>e.default||"")))])));return i.sub(app_1.appStore,(()=>{})),i.set(app_1.layoutAtom,(null===(t=r.options)||void 0===t?void 0:t.layout)||theme_1.LayoutVariant.THREE_PANEL),i.set(app_1.environmentAtom,{environments:s}),o&&i.set(app_1.appStoreOverrideAtom,{environment:o.environment,environments:o.environments,activeMimeName:o.activeMimeName}),(null==o?void 0:o.operation)&&i.set((0,operation_2.operationStore)(o.operation.pointer),(0,operation_2.getDefaultOperationStore)(o.operation.pointer,o.operation.state.requestValues)),i}),[n,o]);return(0,react_1.useEffect)((()=>{(null==o?void 0:o.layout)&&a.set(app_1.layoutAtom,null==o?void 0:o.layout)}),[a,null==o?void 0:o.layout]),(0,jsx_runtime_1.jsxs)(jotai_1.Provider,{store:a,children:[(0,jsx_runtime_1.jsx)(nexus_1.default,{}),e]})}));
+"use strict";var __awaiter=this&&this.__awaiter||function(e,t,i,r){return new(i||(i=Promise))((function(n,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StoreProvider=exports.AppProvider=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),markdoc_1=require("@markdoc/markdoc"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),services_1=require("../../services"),utils_1=require("./utils"),utils_2=require("../../utils"),SchemaDefinition_1=require("../SchemaDefinition"),app_1=require("../../jotai/app"),nexus_1=__importDefault(require("../../jotai/nexus")),object_1=require("../../utils/object"),operation_1=require("../../models/operation"),operation_2=require("../../jotai/operation"),environments_1=require("../../utils/environments"),store_1=require("../../jotai/store"),AppProvider=({options:e,definitionUrl:t,definition:i,activeSampleLanguage:r,children:n})=>{const[,o]=(0,react_1.useState)(),[a,s]=(0,react_1.useState)(!0),[l,u]=(0,react_1.useState)(null);(0,react_1.useEffect)((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){s(!0);try{u(yield(0,utils_1.loadSingle)(i,t,e))}catch(e){o((()=>{throw e}))}}))}()}),[i,t,e]);const c=(0,react_1.useMemo)((()=>{var i,n,o;if(l)return(null===(i=null==e?void 0:e.unstable_hooks)||void 0===i?void 0:i.onInit)&&(null===(o=null===(n=e.unstable_hooks)||void 0===n?void 0:n.onInit)||void 0===o||o.call(n,{store:{definition:l,options:e,definitionUrl:t,activeSampleLanguage:r}})),{definition:l,options:e,definitionUrl:t,activeSampleLanguage:r}}),(0,utils_1.useDeepCompareMemoize)([l,e,t]));return(0,react_1.useEffect)((()=>{c&&s(!1)}),[c]),c?a?(0,utils_2.argValueToBoolean)(null==e?void 0:e.hideLoading,!1)?null:(0,jsx_runtime_1.jsx)(theme_1.Loading,{color:"--loading-spinner-color"}):(0,react_1.isValidElement)(n)?(0,react_1.cloneElement)(n,{store:c}):null:null};exports.AppProvider=AppProvider;const DEFAULT_OPTIONS={ignoreNamedSchemas:["java.io.ObjectStreamField"],maxDisplayedEnumValues:10,markdocOptions:{tags:{schemaDefinition:{render:"SchemaDefinition",attributes:{schemaRef:{type:String},exampleRef:{type:String},showReadOnly:{type:Boolean},showWriteOnly:{type:Boolean},htmlWrap:{type:String,default:!1}}}},nodes:{heading:{children:["inline"],attributes:{id:{type:String},level:{type:Number,required:!0,default:1}},transform(e,t){const i=e.transformAttributes(t),r=e.transformChildren(t),n="string"==typeof i.id?i.id:(0,utils_1.getMarkdownHeaderId)(r);return new markdoc_1.Tag("Heading",Object.assign(Object.assign({},i),{id:n,level:e.attributes.level}),r)}}},components:{SchemaDefinition:SchemaDefinition_1.SchemaDefinition,Heading:theme_1.markdoc.components.Heading}}};exports.StoreProvider=(0,react_1.memo)((({children:e,options:t,definitionUrl:i,definition:r,withState:n})=>{const o=(0,react_1.useCallback)((()=>{const e=(0,services_1.normalizeOptions)(t,DEFAULT_OPTIONS);return{options:e,parser:new services_1.OpenAPIParser(r,i,e)}}),[r,i,t]),a=(0,react_1.useMemo)((()=>{var e;const t=(0,jotai_1.createStore)(),i=o();t.set(store_1.globalStoreAtom,i);const r=(0,utils_2.normalizeServers)(i.parser.definitionUrl,(0,operation_1.mergeInMockServer)((null===(e=i.parser.definition)||void 0===e?void 0:e.servers)||[],i.options.mockServer)),a=Object.fromEntries(r.map((e=>[(0,environments_1.getServerEnvName)(e),Object.assign({server:e.url},(0,object_1.mapObject)(e.variables||{},(e=>e.default||"")))])));return t.sub(app_1.appStore,(()=>{})),t.set(app_1.environmentAtom,{environments:a}),n&&t.set(app_1.appStoreOverrideAtom,{environment:n.environment,environments:n.environments,activeMimeName:n.activeMimeName}),(null==n?void 0:n.operation)&&t.set((0,operation_2.operationStore)(n.operation.pointer),(0,operation_2.getDefaultOperationStore)(n.operation.pointer,n.operation.state.requestValues)),t}),[o,n]);return(0,react_1.useEffect)((()=>{(null==n?void 0:n.layout)&&a.set(app_1.layoutAtom,null==n?void 0:n.layout)}),[a,null==n?void 0:n.layout]),(0,jsx_runtime_1.jsxs)(jotai_1.Provider,{store:a,children:[(0,jsx_runtime_1.jsx)(nexus_1.default,{}),e]})}));
 //# sourceMappingURL=Providers.js.map

package/lib/components/RedoclyOpenAPIDocs/RedoclyOpenAPIDocs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),UnsupportedFeatureScreen_1=require("../UnsupportedFeatureScreen"),Providers_1=require("./Providers"),Overlay_1=require("../Overlay"),styled_1=require("./styled"),StickySidebar_1=require("../StickySidebar"),SideMenu_1=require("../SideMenu"),Content_1=require("../Content"),hooks_1=require("../../hooks"),withRouter_1=require("../../hoc/withRouter"),withStore_1=require("../../hoc/withStore"),utils_1=require("../../utils"),useLicense_1=require("../../hooks/useLicense"),RedoclyOpenAPIDocsComponent=(0,utils_1.compose)(withRouter_1.withRouter,withStore_1.withStore,react_1.memo)((({licenseKey:e,onLoaded:o,children:t,options:i,layout:n,collapsedSidebar:r,parser:s,withCommonStyles:l})=>{var d,u,a,c,_;const m=(0,react_1.useRef)(null),{isValid:p,licenseInfo:h}=(0,useLicense_1.useLicense)(e);(0,hooks_1.useUppercase2LowercaseRedirect)(),(0,theme_1.useMount)((()=>{null==o||o()}));const{hideSidebar:v,scrollYOffset:x}=i||{},{contentItems:y}=(0,hooks_1.useContentItems)({parser:s,options:i}),S=null===(u=null===(d=s.definition)||void 0===d?void 0:d.info)||void 0===u?void 0:u["x-logo"];return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[l&&(0,jsx_runtime_1.jsx)(theme_1.GlobalStyle,{}),(0,jsx_runtime_1.jsxs)(styled_1.RedocWrap,{className:"redoc-wrap",ref:m,children:[(0,jsx_runtime_1.jsx)(UnsupportedFeatureScreen_1.UnsupportedFeatureScreen,{}),!p&&(0,jsx_runtime_1.jsx)(Overlay_1.Overlay,{licenseInfo:h}),!v&&(0,jsx_runtime_1.jsxs)(StickySidebar_1.StickyResponsiveSidebar,{scrollYOffset:x,className:"menu-content",collapsedSidebar:!r,children:[(0,jsx_runtime_1.jsx)(theme_1.SidebarLogo,{imageUrl:null==S?void 0:S.url,href:(null==S?void 0:S.href)||(null===(_=null===(c=null===(a=s.definition)||void 0===a?void 0:a.info)||void 0===c?void 0:c.contact)||void 0===_?void 0:_.url),altText:null==S?void 0:S.altText,backgroundColor:null==S?void 0:S.backgroundColor}),(0,jsx_runtime_1.jsx)(SideMenu_1.SideMenu,{items:p?y:[]})]}),(0,jsx_runtime_1.jsxs)(theme_1.ThreePanelLayout,{className:"api-content",id:"api-content",layout:n===theme_1.LayoutVariant.THREE_PANEL?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED,collapsedSidebar:r,children:[(0,jsx_runtime_1.jsx)(Content_1.Content,{items:p?y:[],routingBasePath:i.routingBasePath}),t]})]})]})}));function RedoclyOpenAPIDocs({onLoaded:e,children:o,store:t,withCommonStyles:i}){var n,r,s;return(null==t?void 0:t.definition)?(0,jsx_runtime_1.jsx)(Providers_1.StoreProvider,Object.assign({},t,{children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(n=t.options)||void 0===n?void 0:n.routingBasePath,licenseKey:null===(r=t.options)||void 0===r?void 0:r.licenseKey,disableRouter:null===(s=t.options)||void 0===s?void 0:s.disableRouter,withCommonStyles:i,children:o})})):null}function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:o,options:t={},activeItemId:i,activeSampleLanguage:n,activeDeepLink:r}){return(0,jsx_runtime_1.jsx)(Providers_1.AppProvider,{definition:e,definitionUrl:o,options:t,activeItemId:i,activeSampleLanguage:n,activeDeepLink:r,children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocs,{withCommonStyles:!0})})}exports.RedoclyOpenAPIDocs=RedoclyOpenAPIDocs,exports.RedoclyOpenAPIDocsStandalone=RedoclyOpenAPIDocsStandalone;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),UnsupportedFeatureScreen_1=require("../UnsupportedFeatureScreen"),Providers_1=require("./Providers"),Overlay_1=require("../Overlay"),styled_1=require("./styled"),StickySidebar_1=require("../StickySidebar"),SideMenu_1=require("../SideMenu"),Content_1=require("../Content"),hooks_1=require("../../hooks"),withRouter_1=require("../../hoc/withRouter"),withStore_1=require("../../hoc/withStore"),utils_1=require("../../utils"),useLicense_1=require("../../hooks/useLicense"),RedoclyOpenAPIDocsComponent=(0,utils_1.compose)(withRouter_1.withRouter,withStore_1.withStore,react_1.memo)((({licenseKey:e,onLoaded:o,children:t,options:i,layout:n,collapsedSidebar:r,parser:s,withCommonStyles:l})=>{var d,u,a,c,_;const m=(0,react_1.useRef)(null),{isValid:p,licenseInfo:h}=(0,useLicense_1.useLicense)(e);(0,hooks_1.useUppercase2LowercaseRedirect)(),(0,theme_1.useMount)((()=>{null==o||o()}));const{hideSidebar:v,scrollYOffset:x}=i||{},{contentItems:y}=(0,hooks_1.useContentItems)({parser:s,options:i}),S=null===(u=null===(d=s.definition)||void 0===d?void 0:d.info)||void 0===u?void 0:u["x-logo"];return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[l&&(0,jsx_runtime_1.jsx)(theme_1.GlobalStyle,{}),(0,jsx_runtime_1.jsxs)(styled_1.RedocWrap,{className:"redoc-wrap",ref:m,children:[(0,jsx_runtime_1.jsx)(UnsupportedFeatureScreen_1.UnsupportedFeatureScreen,{}),!p&&(0,jsx_runtime_1.jsx)(Overlay_1.Overlay,{licenseInfo:h}),(0,jsx_runtime_1.jsx)(styled_1.CssFixes,{layout:n}),!v&&(0,jsx_runtime_1.jsxs)(StickySidebar_1.StickyResponsiveSidebar,{scrollYOffset:x,className:"menu-content",collapsedSidebar:!r,children:[(0,jsx_runtime_1.jsx)(theme_1.SidebarLogo,{imageUrl:null==S?void 0:S.url,href:(null==S?void 0:S.href)||(null===(_=null===(c=null===(a=s.definition)||void 0===a?void 0:a.info)||void 0===c?void 0:c.contact)||void 0===_?void 0:_.url),altText:null==S?void 0:S.altText,backgroundColor:null==S?void 0:S.backgroundColor}),(0,jsx_runtime_1.jsx)(SideMenu_1.SideMenu,{items:p?y:[]})]}),(0,jsx_runtime_1.jsxs)(theme_1.ThreePanelLayout,{className:"api-content",id:"api-content",layout:n===theme_1.LayoutVariant.THREE_PANEL?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED,collapsedSidebar:r,children:[(0,jsx_runtime_1.jsx)(Content_1.Content,{items:p?y:[],routingBasePath:i.routingBasePath}),t]})]})]})}));function RedoclyOpenAPIDocs({onLoaded:e,children:o,store:t,withCommonStyles:i}){var n,r,s;return(null==t?void 0:t.definition)?(0,jsx_runtime_1.jsx)(Providers_1.StoreProvider,Object.assign({},t,{children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(n=t.options)||void 0===n?void 0:n.routingBasePath,licenseKey:null===(r=t.options)||void 0===r?void 0:r.licenseKey,disableRouter:null===(s=t.options)||void 0===s?void 0:s.disableRouter,withCommonStyles:i,children:o})})):null}function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:o,options:t={},activeItemId:i,activeSampleLanguage:n,activeDeepLink:r}){return(0,jsx_runtime_1.jsx)(Providers_1.AppProvider,{definition:e,definitionUrl:o,options:t,activeItemId:i,activeSampleLanguage:n,activeDeepLink:r,children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocs,{withCommonStyles:!0})})}exports.RedoclyOpenAPIDocs=RedoclyOpenAPIDocs,exports.RedoclyOpenAPIDocsStandalone=RedoclyOpenAPIDocsStandalone;
 //# sourceMappingURL=RedoclyOpenAPIDocs.js.map

package/lib/components/RedoclyOpenAPIDocs/styled.d.ts

@@ -1 +1,5 @@
+import type { FlattenSimpleInterpolation } from 'styled-components';
+import type { CssFixesProps } from './types';
 export declare const RedocWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const getMarginFixesByName: (variableName: string) => FlattenSimpleInterpolation;
+export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("styled-components").DefaultTheme>;

package/lib/components/RedoclyOpenAPIDocs/styled.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocWrap=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.RedocWrap=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,i){void 0===i&&(i=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,r)}:function(e,t,a,i){void 0===i&&(i=a),e[i]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CssFixes=exports.getMarginFixesByName=exports.RedocWrap=void 0;const theme_1=require("@redocly/theme"),styled_components_1=__importStar(require("styled-components")),common_1=require("../common");exports.RedocWrap=styled_components_1.default.div`
   display: flex;
   position: relative;
   text-align: left;
@@ -18,5 +18,34 @@
     box-sizing: border-box;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   }
+`;const getMarginFixesByName=e=>styled_components_1.css`
+  margin: 0 max(calc((100% - var(--panel-samples-width) - var(${e})) / 2), 0);
+`;exports.getMarginFixesByName=getMarginFixesByName,exports.CssFixes=styled_components_1.createGlobalStyle`
+  ${common_1.SamplesPanel} {
+    ${({layout:e})=>{if(e===theme_1.LayoutVariant.STACKED)return styled_components_1.css`
+          width: 100%;
+          padding-left: var(--panel-gap-horizontal);
+        `}}
+  }
+
+  ${common_1.SamplesMiddlePanel} {
+    ${({layout:e})=>e===theme_1.LayoutVariant.THREE_PANEL?styled_components_1.css`
+          margin: 0;
+          @media screen and (min-width: ${theme_1.breakpoints.small}) {
+            ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-small-max-width")};
+          }
+          @media screen and (min-width: ${theme_1.breakpoints.medium}) {
+            max-width: var(--layout-panel-schemas-medium-max-width);
+            ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-medium-max-width")};
+          }
+          @media screen and (min-width: ${theme_1.breakpoints.large}) {
+            max-width: var(--layout-panel-schemas-large-max-width);
+            ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-large-max-width")};
+          }
+        `:e===theme_1.LayoutVariant.STACKED?styled_components_1.css`
+          width: 100%;
+          padding-right: var(--panel-gap-horizontal);
+        `:void 0};
+  }
 `;
 //# sourceMappingURL=styled.js.map

package/lib/components/RedoclyOpenAPIDocs/types.d.ts

@@ -44,3 +44,6 @@ export interface RedoclyOpenAPIDocsStandaloneProps {
     activeSampleLanguage?: CodeSampleConfig['lang'];
     activeDeepLink?: string;
 }
+export interface CssFixesProps {
+    layout: LayoutVariant;
+}

package/lib/components/Replay/EmbeddedReplay.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,r,o){return new(r||(r=Promise))((function(i,n){function a(e){try{l(o.next(e))}catch(e){n(e)}}function u(e){try{l(o.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,u)}l((o=o.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.EmbeddedReplay=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),utils_1=require("./utils"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks"),EmbeddedReplayOrig=(0,react_1.lazy)((()=>__awaiter(void 0,void 0,void 0,(function*(){return Promise.resolve().then((()=>__importStar(require("@redocly/replay")))).then((e=>({default:e.EmbeddedReplay})))}))));function EmbeddedReplayComponent({operation:e,corsProxyUrl:t,fullOpenApi:r}){const o=(0,hooks_1.useTranslate)(),{routingBasePath:i,mockServer:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),a=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(e.pointer)),u=(0,jotai_1.useAtomValue)(app_1.appStore),l=(0,jotai_1.useAtomValue)(app_1.environmentsAtom),[s,d]=(0,react_1.useState)(!1);return(0,react_1.useEffect)((()=>{d(!0)}),[]),(0,jsx_runtime_1.jsx)(CompactWrapper,{children:s?(0,jsx_runtime_1.jsx)(react_1.Suspense,{fallback:(0,jsx_runtime_1.jsx)(LoadingWrapper,{children:o("openapi.loading","Loading...")}),children:(0,jsx_runtime_1.jsx)(EmbeddedReplayOrig,{value:(0,utils_1.convertOperationToReplayValue)(e,r,a,u),environment:u.environment,predefinedEnvValues:l,corsProxyUrl:t,operationUrl:i+e.href,mockServer:n,disableCollectionsTab:!0})}):(0,jsx_runtime_1.jsx)(LoadingWrapper,{children:o("openapi.loading","Loading...")})})}exports.EmbeddedReplay=(0,react_1.memo)(EmbeddedReplayComponent);const LoadingWrapper=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,r,o){return new(r||(r=Promise))((function(i,n){function a(e){try{l(o.next(e))}catch(e){n(e)}}function u(e){try{l(o.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,u)}l((o=o.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.EmbeddedReplay=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),utils_1=require("./utils"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),app_1=require("../../jotai/app"),EmbeddedReplayOrig=(0,react_1.lazy)((()=>__awaiter(void 0,void 0,void 0,(function*(){return Promise.resolve().then((()=>__importStar(require("@redocly/replay")))).then((e=>({default:e.EmbeddedReplay})))}))));function EmbeddedReplayComponent({operation:e,corsProxyUrl:t,fullOpenApi:r}){const{routingBasePath:o,mockServer:i}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),n=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(e.pointer)),a=(0,jotai_1.useAtomValue)(app_1.appStore),u=(0,jotai_1.useAtomValue)(app_1.environmentsAtom),[l,s]=(0,react_1.useState)(!1);return(0,react_1.useEffect)((()=>{s(!0)}),[]),(0,jsx_runtime_1.jsx)(CompactWrapper,{children:l?(0,jsx_runtime_1.jsx)(react_1.Suspense,{fallback:(0,jsx_runtime_1.jsx)(LoadingWrapper,{children:"Loading..."}),children:(0,jsx_runtime_1.jsx)(EmbeddedReplayOrig,{value:(0,utils_1.convertOperationToReplayValue)(e,r,n,a),environment:a.environment,predefinedEnvValues:u,corsProxyUrl:t,operationUrl:o+e.href,mockServer:i,disableCollectionsTab:!0})}):(0,jsx_runtime_1.jsx)(LoadingWrapper,{children:"Loading..."})})}exports.EmbeddedReplay=(0,react_1.memo)(EmbeddedReplayComponent);const LoadingWrapper=styled_components_1.default.div`
   display: flex;
   justify-content: center;
   align-items: center;