@redocly/reference-docs 2.31.1 → 2.32.0

package/lib/components/Endpoint/Endpoint.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),OptionsProvider_1=require("../../redoc-lib/src/components/OptionsProvider"),StoreBuilder_1=require("../../redoc-lib/src/components/StoreBuilder"),ConsoleLazy_1=require("../console/ConsoleLazy"),Panel_1=require("../Panel"),store_types_1=require("../../services/store-types"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),Endpoint=function(e){var t=e.operation,r=e.hideHostname,o=(0,react_1.useState)(!1),n=o[0],i=o[1],a=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),l=(0,react_1.useContext)(StoreBuilder_1.StoreContext),s=function(){var e,r;i(!n),null===(r=null===(e=null==l?void 0:l.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===r||r.call(e,{eventType:store_types_1.AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:(null==l?void 0:l.options.unstable_tryItButtonOverride)?"NavigatedOverrideLink":"Opened",operationId:t.operationId,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.description})};return react_1.default.createElement(react_1.default.Fragment,null,n&&l?react_1.default.createElement(ConsoleLazy_1.Console,{store:l,operation:t,onClose:s}):react_1.default.createElement(Panel_1.CodePanel,{header:function(e){var r=e.toggle,o=e.expanded,n=!!(null==l?void 0:l.options.showConsole)&&!t.hideTryItPanel;return react_1.default.createElement(Summary_1.Summary,{operation:t,expanded:o,toggle:r,showConsole:n,onToggleConsole:s,tryItOverride:null==l?void 0:l.options.unstable_tryItButtonOverride})},expanded:!1},react_1.default.createElement(ServerList_1.ServerList,{operation:t,expandVariables:a.expandDefaultServerVariables,hideHostname:r||a.hideHostname})))};exports.Endpoint=Endpoint;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),OptionsProvider_1=require("../../redoc-lib/src/components/OptionsProvider"),StoreBuilder_1=require("../../redoc-lib/src/components/StoreBuilder"),ConsoleLazy_1=require("../console/ConsoleLazy"),Panel_1=require("../Panel"),store_types_1=require("../../services/store-types"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),Endpoint=function(e){var t=e.operation,r=e.hideHostname,o=(0,react_1.useState)(!1),n=o[0],a=o[1],i=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),s=(0,react_1.useContext)(StoreBuilder_1.StoreContext),l=function(){var e,r;a(!n),null===(r=null===(e=null==s?void 0:s.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===r||r.call(e,{eventType:store_types_1.AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:(null==s?void 0:s.options.unstable_tryItButtonOverride)?"NavigatedOverrideLink":"Opened",operationId:t.operationId,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.description})};return react_1.default.createElement(react_1.default.Fragment,null,n&&s?react_1.default.createElement(ConsoleLazy_1.Console,{store:s,operation:t,onClose:l}):react_1.default.createElement(Panel_1.CodePanel,{header:function(e){var r=e.toggle,o=e.expanded,n=!!(null==s?void 0:s.options.showConsole)&&!t.hideTryItPanel;return react_1.default.createElement(Summary_1.Summary,{operation:t,expanded:o,toggle:r,showConsole:n,onToggleConsole:l,tryItOverride:null==s?void 0:s.options.unstable_tryItButtonOverride})},expanded:!1},react_1.default.createElement(ServerList_1.ServerList,{servers:t.servers,path:t.path,expandVariables:i.expandDefaultServerVariables,hideHostname:r||i.hideHostname})))};exports.Endpoint=Endpoint;
 //# sourceMappingURL=Endpoint.js.map

package/lib/components/Endpoint/ServerList.d.ts

@@ -1,3 +1,3 @@
 import type { ReactElement } from 'react';
 import type { ServerListProps } from './types';
-export declare const ServerList: ({ operation, expandVariables, hideHostname, }: ServerListProps) => ReactElement;
+export declare const ServerList: ({ servers, path, expandVariables, hideHostname, }: ServerListProps) => ReactElement;

package/lib/components/Endpoint/ServerList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerList=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../redoc-lib/src/utils"),Markdown_1=require("../../redoc-lib/src/components/Markdown"),CopyButtonWrapper_1=require("../../redoc-lib/src/common-elements/CopyButtonWrapper"),styled_1=require("./styled"),ServerList=function(e){var r=e.operation,t=e.expandVariables,a=e.hideHostname;return react_1.default.createElement(react_1.default.Fragment,null,r.servers.map((function(e){var l=t?(0,utils_1.expandDefaultServerVariables)(e.url,e.variables):e.url,n=(0,utils_1.getBasePath)(l),u=(a?"/"===n?"":n:l)+r.path;return react_1.default.createElement(react_1.Fragment,{key:l},react_1.default.createElement(CopyButtonWrapper_1.CopyButtonWrapper,{data:u},(function(r){var t=r.renderCopyButton;return react_1.default.createElement(styled_1.ServerItem,null,react_1.default.createElement(styled_1.DescriptionWrapper,null,react_1.default.createElement(Markdown_1.Markdown,{source:e.description||"",compact:!0}),t("left")),react_1.default.createElement(styled_1.ServerUrl,null,u))})))})))};exports.ServerList=ServerList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerList=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../redoc-lib/src/utils"),Markdown_1=require("../../redoc-lib/src/components/Markdown"),CopyButtonWrapper_1=require("../../redoc-lib/src/common-elements/CopyButtonWrapper"),styled_1=require("./styled"),ServerList=function(e){var r=e.servers,t=e.path,a=e.expandVariables,l=e.hideHostname;return react_1.default.createElement(react_1.default.Fragment,null,r.map((function(e){var r=a?(0,utils_1.expandDefaultServerVariables)(e.url,e.variables):e.url,n=(0,utils_1.getBasePath)(r),u=(l?"/"===n?"":n:r)+t;return react_1.default.createElement(react_1.Fragment,{key:r},react_1.default.createElement(CopyButtonWrapper_1.CopyButtonWrapper,{data:u},(function(r){var t=r.renderCopyButton;return react_1.default.createElement(styled_1.ServerItem,null,react_1.default.createElement(styled_1.DescriptionWrapper,null,react_1.default.createElement(Markdown_1.Markdown,{source:e.description||"",compact:!0}),t("left")),react_1.default.createElement(styled_1.ServerUrl,null,u))})))})))};exports.ServerList=ServerList;
 //# sourceMappingURL=ServerList.js.map

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

@@ -5,8 +5,7 @@ export interface EndpointProps {
     hideHostname?: boolean;
     compact?: boolean;
 }
-export interface ServerListProps {
-    operation: OperationModel;
+export interface ServerListProps extends Pick<OperationModel, 'servers' | 'path'> {
     expandVariables: boolean;
     hideHostname: boolean;
 }

package/lib/components/Panel/ContentPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),common_elements_1=require("../../redoc-lib/src/common-elements/"),Header_1=require("./Header"),Title_1=require("./Title"),Panel_1=require("./Panel"),PanelBody_1=require("./PanelBody");exports.ContentPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: 1px solid ",";\n  background: #ffffff;\n\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    padding: ","px;\n    font-size: 18px;\n    line-height: 18px;\n    font-weight: ",";\n    background-color: ",";\n\n    "," {\n      margin-right: 8px;\n      color: ",";\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    padding: ","px;\n  }\n\n  > "," + "," {\n    padding-top: 1px; /* to prevent border overflow */\n  }\n\n  "," {\n    > "," > div:first-child > & {\n      margin-top: 0;\n    }\n  }\n"],["\n  border: 1px solid ",";\n  background: #ffffff;\n\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    padding: ","px;\n    font-size: 18px;\n    line-height: 18px;\n    font-weight: ",";\n    background-color: ",";\n\n    "," {\n      margin-right: 8px;\n      color: ",";\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    padding: ","px;\n  }\n\n  > "," + "," {\n    padding-top: 1px; /* to prevent border overflow */\n  }\n\n  "," {\n    > "," > div:first-child > & {\n      margin-top: 0;\n    }\n  }\n"])),(function(n){return n.theme.colors.border.light}),Header_1.Header,(function(n){return 4*n.theme.spacing.unit}),(function(n){return n.theme.typography.fontWeightBold}),(function(n){return n.theme.components.panels.backgroundColor}),Title_1.Title,(function(n){return n.theme.colors.text.primary}),common_elements_1.ShelfIcon,(function(n){return n.theme.colors.text.primary}),PanelBody_1.PanelBody,(function(n){return 4*n.theme.spacing.unit}),Header_1.Header,PanelBody_1.PanelBody,common_elements_1.FieldsGroupHeader,PanelBody_1.PanelBody);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentPanel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),common_elements_1=require("../../redoc-lib/src/common-elements/"),Header_1=require("./Header"),Title_1=require("./Title"),Panel_1=require("./Panel"),PanelBody_1=require("./PanelBody"),Description_1=require("./Description");exports.ContentPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border: 1px solid ",";\n  background: #ffffff;\n\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    padding: ","px;\n    font-size: 18px;\n    line-height: 18px;\n    font-weight: ",";\n    background-color: ",";\n\n    "," {\n      margin-right: 8px;\n      font-size: ",";\n      font-weight: ",";\n      font-family: ",";\n      line-height: ",";\n      color: ",";\n      transform: ",";\n    }\n\n    "," {\n      font-size: ",";\n      font-weight: ",";\n      font-family: ",";\n      line-height: ",";\n      color: ",";\n      transform: ",";\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    padding: ","px;\n  }\n\n  > "," + "," {\n    padding-top: 1px; /* to prevent border overflow */\n  }\n\n  "," {\n    > "," > div:first-child > & {\n      margin-top: 0;\n    }\n  }\n"],["\n  border: 1px solid ",";\n  background: #ffffff;\n\n  &:not(:last-child) {\n    margin-bottom: 20px;\n  }\n\n  > "," {\n    padding: ","px;\n    font-size: 18px;\n    line-height: 18px;\n    font-weight: ",";\n    background-color: ",";\n\n    "," {\n      margin-right: 8px;\n      font-size: ",";\n      font-weight: ",";\n      font-family: ",";\n      line-height: ",";\n      color: ",";\n      transform: ",";\n    }\n\n    "," {\n      font-size: ",";\n      font-weight: ",";\n      font-family: ",";\n      line-height: ",";\n      color: ",";\n      transform: ",";\n    }\n\n    "," {\n      fill: ",";\n    }\n  }\n\n  "," {\n    padding: ","px;\n  }\n\n  > "," + "," {\n    padding-top: 1px; /* to prevent border overflow */\n  }\n\n  "," {\n    > "," > div:first-child > & {\n      margin-top: 0;\n    }\n  }\n"])),(function(n){return n.theme.colors.border.light}),Header_1.Header,(function(n){return 4*n.theme.spacing.unit}),(function(n){return n.theme.typography.fontWeightBold}),(function(n){return n.theme.components.panels.backgroundColor}),Title_1.Title,(function(n){return n.theme.components.panels.title.fontSize}),(function(n){return n.theme.components.panels.title.fontWeight}),(function(n){return n.theme.components.panels.title.fontFamily}),(function(n){return n.theme.components.panels.title.lineHeight}),(function(n){return n.theme.components.panels.title.color}),(function(n){return n.theme.components.panels.title.transform}),Description_1.Description,(function(n){return n.theme.components.panels.subTitle.fontSize}),(function(n){return n.theme.components.panels.subTitle.fontWeight}),(function(n){return n.theme.components.panels.subTitle.fontFamily}),(function(n){return n.theme.components.panels.subTitle.lineHeight}),(function(n){return n.theme.components.panels.subTitle.color}),(function(n){return n.theme.components.panels.subTitle.transform}),common_elements_1.ShelfIcon,(function(n){return n.theme.components.panels.iconColor}),PanelBody_1.PanelBody,(function(n){return 4*n.theme.spacing.unit}),Header_1.Header,PanelBody_1.PanelBody,common_elements_1.FieldsGroupHeader,PanelBody_1.PanelBody);
 //# sourceMappingURL=ContentPanel.js.map

package/lib/components/Panel/Description.d.ts

@@ -0,0 +1 @@
+export declare const Description: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {}, never>;

package/lib/components/Panel/Description.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Description=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.Description=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 0.9em;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: normal;\n"],["\n  font-size: 0.9em;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: normal;\n"])));
+//# sourceMappingURL=Description.js.map

package/lib/components/Panel/PanelComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelComponent=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../redoc-lib/src/common-elements"),Header_1=require("./Header"),Trigger_1=require("./Trigger"),Title_1=require("./Title"),PanelBody_1=require("./PanelBody");function PanelComponent(e){var t=e.expanded,r=void 0===t||t,n=e.renderChildrenHidden,a=void 0!==n&&n,l=e.header,i=e.dataHeaderTestId,o=e.className,d=e.children,c=e.onToggle,u=e.description,_=(0,react_1.useState)(r),m=_[0],s=_[1],f=(0,react_1.useState)(!1),p=f[0],g=f[1],T=function(e){e.target instanceof HTMLAnchorElement||(g(!0),s(!m),null==c||c(!m))};return(0,react_1.useEffect)((function(){return s(r)}),[r]),react_1.default.createElement("div",{className:o},l&&("function"==typeof l?l({expanded:m,toggle:T}):react_1.default.createElement(Header_1.Header,{"data-cy":i,onClick:T,isExpanded:m},react_1.default.createElement(Trigger_1.Trigger,null,react_1.default.createElement(Title_1.Title,null,l),react_1.default.createElement(common_elements_1.ShelfIcon,{direction:m?"down":"right",mr:"10px"}),u))),(m||a)&&react_1.default.createElement(PanelBody_1.PanelBody,{hidden:!m,animate:p},d))}exports.PanelComponent=PanelComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelComponent=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../redoc-lib/src/common-elements"),Header_1=require("./Header"),Trigger_1=require("./Trigger"),Title_1=require("./Title"),PanelBody_1=require("./PanelBody"),Description_1=require("./Description");function PanelComponent(e){var t=e.expanded,r=void 0===t||t,n=e.renderChildrenHidden,a=void 0!==n&&n,i=e.header,l=e.dataHeaderTestId,o=e.className,c=e.children,d=e.onToggle,u=e.description,_=(0,react_1.useState)(r),s=_[0],m=_[1],p=(0,react_1.useState)(!1),f=p[0],g=p[1],T=function(e){e.target instanceof HTMLAnchorElement||(g(!0),m(!s),null==d||d(!s))};return(0,react_1.useEffect)((function(){return m(r)}),[r]),react_1.default.createElement("div",{className:o},i&&("function"==typeof i?i({expanded:s,toggle:T}):react_1.default.createElement(Header_1.Header,{"data-cy":l,onClick:T,isExpanded:s},react_1.default.createElement(Trigger_1.Trigger,null,react_1.default.createElement(Title_1.Title,null,i),react_1.default.createElement(common_elements_1.ShelfIcon,{direction:s?"down":"right",mr:"10px"}),react_1.default.createElement(Description_1.Description,null,u," ")))),(s||a)&&react_1.default.createElement(PanelBody_1.PanelBody,{hidden:!s,animate:f},c))}exports.PanelComponent=PanelComponent;
 //# sourceMappingURL=PanelComponent.js.map

package/lib/components/Panel/index.d.ts

@@ -3,6 +3,7 @@ export * from './PanelComponent';
 export * from './Trigger';
 export * from './Header';
 export * from './Title';
+export * from './Description';
 export * from './CodePanel';
 export * from './CodeHeader';
 export * from './ContentPanel';

package/lib/components/Panel/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./Panel"),exports),(0,tslib_1.__exportStar)(require("./PanelComponent"),exports),(0,tslib_1.__exportStar)(require("./Trigger"),exports),(0,tslib_1.__exportStar)(require("./Header"),exports),(0,tslib_1.__exportStar)(require("./Title"),exports),(0,tslib_1.__exportStar)(require("./CodePanel"),exports),(0,tslib_1.__exportStar)(require("./CodeHeader"),exports),(0,tslib_1.__exportStar)(require("./ContentPanel"),exports),(0,tslib_1.__exportStar)(require("./ScrollableContentPanel"),exports),(0,tslib_1.__exportStar)(require("./ResponsePanel"),exports),(0,tslib_1.__exportStar)(require("./CallbackPanel"),exports),(0,tslib_1.__exportStar)(require("./Accordion"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./Panel"),exports),(0,tslib_1.__exportStar)(require("./PanelComponent"),exports),(0,tslib_1.__exportStar)(require("./Trigger"),exports),(0,tslib_1.__exportStar)(require("./Header"),exports),(0,tslib_1.__exportStar)(require("./Title"),exports),(0,tslib_1.__exportStar)(require("./Description"),exports),(0,tslib_1.__exportStar)(require("./CodePanel"),exports),(0,tslib_1.__exportStar)(require("./CodeHeader"),exports),(0,tslib_1.__exportStar)(require("./ContentPanel"),exports),(0,tslib_1.__exportStar)(require("./ScrollableContentPanel"),exports),(0,tslib_1.__exportStar)(require("./ResponsePanel"),exports),(0,tslib_1.__exportStar)(require("./CallbackPanel"),exports),(0,tslib_1.__exportStar)(require("./Accordion"),exports);
 //# sourceMappingURL=index.js.map

package/lib/components/Samples/SamplesTabs.d.ts

@@ -6,7 +6,9 @@ interface SampleProps extends TabProps {
 interface SamplesTabsProps extends TabsProps {
     onChange?: (tab: TabProps) => void;
     tabs: SampleProps[];
+    tabsKeys: string[];
     defaultLanguage?: string;
+    id: string;
 }
-export declare const SamplesTabs: ({ children, onChange, defaultLanguage, ...props }: SamplesTabsProps) => JSX.Element;
+export declare const SamplesTabs: ({ children, onChange, defaultLanguage, id, tabsKeys: keys, ...props }: SamplesTabsProps) => JSX.Element;
 export {};

package/lib/components/Samples/SamplesTabs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),Tabs_1=require("../Tabs"),redoc_lib_1=require("../../redoc-lib"),shared_1=require("../shared"),LoadingWrapper_1=require("./LoadingWrapper");exports.SamplesTabs=(0,mobx_react_1.observer)((function(e){var a=e.children,r=e.onChange,t=e.defaultLanguage,n=(0,tslib_1.__rest)(e,["children","onChange","defaultLanguage"]),u=(0,react_1.useMemo)((function(){return n.tabs.map((function(e){return e.lang}))}),[n.tabs]),s=(0,react_1.useContext)(redoc_lib_1.StoreContext),i=(0,react_1.useState)(t),l=i[0],o=i[1],c=(0,react_1.useState)(u),_=c[0],d=c[1];(0,react_1.useEffect)((function(){return d(u)}),[n.tabs]),(0,react_1.useEffect)((function(){return null==s?void 0:s.stopLoader()}),[null==s?void 0:s.activeSampleLanguage]),(0,react_1.useEffect)((function(){l&&(null==s||s.startLoader(),null==s||s.activateSampleLanguage(l))}),[l,t]);var g;return react_1.default.createElement(LoadingWrapper_1.LoadingWrapper,{className:l&&"updated"},react_1.default.createElement(Tabs_1.CollapsingTabsBase,(0,tslib_1.__assign)({},n,{activeIndex:(g=_.indexOf(l||(null==s?void 0:s.activeSampleLanguage)||""),-1===g?0:g),onChange:function(e){var a=n.tabs[e];o(a.lang),r&&r(a)}}),t&&-1===_.indexOf(t)&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),a))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),Tabs_1=require("../Tabs"),redoc_lib_1=require("../../redoc-lib"),shared_1=require("../shared"),LoadingWrapper_1=require("./LoadingWrapper");exports.SamplesTabs=(0,mobx_react_1.observer)((function(e){var a=e.children,t=e.onChange,r=e.defaultLanguage,n=e.id,i=e.tabsKeys,l=(0,tslib_1.__rest)(e,["children","onChange","defaultLanguage","id","tabsKeys"]),o=(0,react_1.useContext)(redoc_lib_1.StoreContext),u=(0,react_1.useState)(r),s=u[0],d=u[1],c=(0,react_1.useState)(),_=c[0],g=c[1],p=(0,react_1.useCallback)((function(){var e=i.indexOf(s||(null==o?void 0:o.activeSampleLanguage)||"");return-1===e?0:e}),[i,s,null==o?void 0:o.activeSampleLanguage]);(0,react_1.useLayoutEffect)((function(){var e,a=null===(e=document.getElementById(n))||void 0===e?void 0:e.getBoundingClientRect().y;if(a&&_&&a!==_){var t=a-_;window.requestAnimationFrame((function(){return window.scrollBy(0,t)})),g(void 0)}}),[i,_,scroll]),(0,react_1.useEffect)((function(){return null==o?void 0:o.stopLoader()}),[null==o?void 0:o.activeSampleLanguage]),(0,react_1.useEffect)((function(){s&&(null==o||o.startLoader(),null==o||o.activateSampleLanguage(s))}),[s,r]);return react_1.default.createElement(LoadingWrapper_1.LoadingWrapper,{className:s&&"updated",id:n},react_1.default.createElement(Tabs_1.CollapsingTabsBase,(0,tslib_1.__assign)({},l,{activeIndex:p(),onChange:function(e){var a,r=l.tabs[e];g(null===(a=document.getElementById(n))||void 0===a?void 0:a.getBoundingClientRect().y),d(r.lang),t&&t(r)}}),r&&-1===i.indexOf(r)&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),a))}));
 //# sourceMappingURL=SamplesTabs.js.map

package/lib/components/console/AuthPanel.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { FormApi, FormState } from 'informed';
 import type { OperationModel } from '../../redoc-lib';
-import type { SecurityDetails } from '../../utils';
+import type { SecurityDetails } from '../../types';
 import type { DropdownOption } from '../common/Dropdown';
 export declare function requiredValidator(value: unknown): string | undefined;
 export interface AuthPanelProps {

package/lib/components/console/Console.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { FormApi, FormState } from 'informed';
-import type { SecurityDetails } from '../../utils';
+import type { SecurityDetails } from '../../types';
 import type { ProStore } from '../../services';
 import type { OperationModel, Server } from '../../redoc-lib';
 import type { OpenApiResponseData } from './ResponsePanel';

package/lib/components/console/Console.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),mobx_react_1=require("mobx-react"),swagger_client_1=(0,tslib_1.__importDefault)(require("swagger-client")),utils_1=require("../../utils"),services_1=require("../../services"),redoc_lib_1=require("../../redoc-lib"),RenderHook_1=require("../../redoc-lib/src/components/RenderHook"),Labels_1=require("../../redoc-lib/src/services/Labels"),Panel_1=require("../Panel"),OAuth2_1=require("../../services/OAuth2"),helper_1=require("../common/FileUpload/helper"),OperationParameters_1=require("../OperationParameters"),utils_2=require("./utils"),AuthPanel_1=require("./AuthPanel"),ConsoleBadges_1=require("./ConsoleBadges"),RequestBody_1=require("./RequestBody"),ResponsePanel_1=require("./ResponsePanel"),ActionPanel_1=require("./ActionPanel"),ServerDropdown_1=require("./ServerDropdown"),TryItPanel_1=require("./TryItPanel"),styled_1=require("./styled");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}var flexColumn={flex:1,display:"flex",flexDirection:"column"},Console=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"formApi",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"setFormApi",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){void 0===t&&(t=e.getState());var s=t.values,a=(0,tslib_1.__rest)(t,["values"]);r.formApi=e,setTimeout((function(){var e=(0,tslib_1.__assign)((0,tslib_1.__assign)({},a),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{query:(0,utils_2.unescapeQueryParams)(s.query||{})})});r.setState({form:e})}),0)}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.values,s=(0,tslib_1.__rest)(e,["values"]),a=(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{query:(0,utils_2.unescapeQueryParams)(t.query||{})})});r.setState({form:a}),(0,utils_2.updateStorage)(a),r.props.operation.setRequestValues(t)}}),Object.defineProperty(r,"handleTabChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({activeTab:e})}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({server:e}),r.props.operation.setActiveServer(e)}}),Object.defineProperty(r,"handleExecute",{enumerable:!0,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(r,void 0,void 0,(function(){var e,t,r,s,a,n,o,i,l,u,c,p,d,_,h,v,m,b,y,g,f,P,R,q,S,C,w,A,E,I,k,O,T,x,B,F,j,H,D,V,U=this;return(0,tslib_1.__generator)(this,(function(N){switch(N.label){case 0:if(e=this.props,t=e.store,r=e.operation,s=e.onResponse,a=this.state.form,n=a.values,o=a.invalid,this.formApi.submitForm(),o)return this.setState({shaking:!0}),setTimeout((function(){return U.setState({shaking:!1})}),1e3),null===(B=null===(x=null==t?void 0:t.options.events)||void 0===x?void 0:x.tryItSent)||void 0===B||B.call(x,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[2];if(i=this.props.operation.requestBody,l=i&&i.content&&i.content.active&&i.content.active.name||"",u=n.body,/json/.test(l))try{u=JSON.parse(u)}catch(e){console.error(e)}if(this.setState({loading:!0}),c=this.state.resolvedRawSpec,p=(r.httpVerb||"").toLowerCase(),!(d=(0,utils_1.get)(c,["paths",r.path,p,"servers"])||(0,utils_1.get)(c,["paths",r.path,"servers"])||(0,utils_1.get)(c,["servers"])))throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");_=d.find((function(e){return U.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url)})),h=Date.now(),v=!!window.document.documentMode,b=n.auth,n.auth?(y=Object.keys(n.auth)[0],g=(0,utils_1.unescapeFormId)(y),m=(0,tslib_1.__assign)((0,tslib_1.__assign)({},c),{components:(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components.securitySchemes),(I={},I[g]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components.securitySchemes[g]),{type:"openIdConnect"===c.components.securitySchemes[g].type?"oauth2":c.components.securitySchemes[g].type}),I))})}),b=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b),((k={})[g]=b[y],k))):m=(0,tslib_1.__assign)({},c),(f=t.options.corsProxyUrl)&&d.length&&(m.servers=d.map((function(e){return(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:f+normalizeUrlProtocol(e.url)})})),m.paths=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m.paths),((O={})[r.path]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m.paths[r.path]),((T={})[p]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m.paths[r.path][p]),{servers:void 0}),T.servers=void 0,T)),O))),(P=(null===(j=null===(F=null==i?void 0:i.content)||void 0===F?void 0:F.active)||void 0===j?void 0:j.name)||null)&&u&&(0,helper_1.isFileUploadMime)(P)&&(R=Object.values(u),u=R.length>1?R:R[0]),q={userFetch:v&&require("cross-fetch").fetch,server:f?f+normalizeUrlProtocol(_.url):_.url,serverVariables:this.state.server.variables,spec:m,pathName:r.path,method:r.httpVerb,parameters:(0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},n.path),n.query),n.header),n.cookie),securities:{authorized:b},requestBody:u,requestContentType:P,responseContentType:(null===(H=n.header)||void 0===H?void 0:H.Accept)||null,requestInterceptor:(0,utils_2.makeRequestInterceptor)(t.options,r,null==b?void 0:b.Authorization)},N.label=1;case 1:return N.trys.push([1,5,8,9]),[4,swagger_client_1.default.execute(q)];case 2:return S=N.sent(),(C=null==S?void 0:S.data)instanceof Blob?((0,helper_1.isFileUploadMime)(C.type)&&(S.fileInfo={rawData:C,fileName:(0,utils_2.getFileNameFromHeaders)(S.headers)}),w=S,[4,C.text()]):[3,4];case 3:w.data=N.sent(),N.label=4;case 4:return null==s||s({request:q,response:S}),this.setState({response:S,error:void 0}),[3,9];case 5:return(A=N.sent())&&A.response&&A.response.data instanceof Blob?(E=A.response,[4,A.response.data.text()]):[3,7];case 6:E.data=N.sent(),null==s||s({request:q,response:A.response}),N.label=7;case 7:return this.setState({response:void 0,error:A}),[3,9];case 8:return this.setState({loading:!1,activeTab:1,time:Date.now()-h}),null===(V=null===(D=null==t?void 0:t.options.events)||void 0===D?void 0:D.tryItSent)||void 0===V||V.call(D,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[7];case 9:return[2]}}))}))}}),r.state={form:{values:{path:(0,utils_2.getParameters)(t.operation.parameters,"path"),cookie:(0,utils_2.getParameters)(t.operation.parameters,"cookie"),header:(0,utils_2.getParameters)(t.operation.parameters,"header"),query:(0,utils_2.getParameters)(t.operation.parameters,"query")}},shaking:!1,loading:!1,activeTab:0,server:{}},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,t,r,s;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:return e=this.props,t=e.store,r=e.operation,[4,t.dereferenceSpecForTryIt(r)];case 1:return s=a.sent(),this.setState({resolvedRawSpec:s}),this.formApi.setValues({}),[2]}}))}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.operation!==this.props.operation&&this.setState({response:void 0,error:void 0,activeTab:0})}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.operation,r=e.className,s=e.rootElement,a=this.state,n=a.shaking,o=a.activeTab,i=a.form,l=a.response,u=a.loading,c=a.error,p=!(!l&&!c);return React.createElement(ConsoleWrapHook,{shaking:n,className:r,rootElement:s},React.createElement(Panel_1.CodeHeader,null,React.createElement(ConsoleBadges_1.ConsoleBadges,{active:o,hasResponse:p,onChange:this.handleTabChange}),this.props.onClose&&React.createElement(styled_1.CloseButton,{onClick:this.props.onClose}," ✕ ")),React.createElement(styled_1.ConsoleBody,{hidden:0!==o},this.renderRequest()),React.createElement(styled_1.ConsoleBody,{hidden:1!==o},this.renderResponse()),React.createElement(ActionPanel_1.ActionPanel,{hasResponse:p,params:i.values,operation:t,loading:u,execute:this.handleExecute}))}}),Object.defineProperty(t.prototype,"renderRequest",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,r=t.operation,s=t.store,a=t.properties,n=t.securityDefaults,o=this.state,i=o.form,l=o.resolvedRawSpec,u=o.server,c=i.errors||{},p=c.path||c.cookie||c.header||c.query,d=l&&redoc_lib_1.JsonPointer.get(l,r.pointer),_=i.values&&i.values.auth&&Object.keys(i.values.auth)[0];_&&i.values.auth[_]||(_=void 0),!_||void 0===i.values.auth[_].token&&void 0===i.values.auth[_].client_id&&void 0===i.values.auth[_].client_secret||i.values.auth[_].token&&i.values.auth[_].token.access_token||(_=void 0),_&&null!=i.values.auth[_].username&&(i.values.auth[_].username&&i.values.auth[_].password||(_=void 0));var h=r.parameters||[],v=null===(e=null==s?void 0:s.options.hooks)||void 0===e?void 0:e.ReplaceTryItSecurityPanel;return!l&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(React.Fragment,null,React.createElement(informed_1.Form,{onChange:this.handleChange,getApi:this.setFormApi,style:(0,tslib_1.__assign)((0,tslib_1.__assign)({},flexColumn),{margin:0})},React.createElement(Panel_1.Accordion,{initialActiveIdx:r.security.length&&_?1:0},r.security.length&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItAuth"),"data-cy":"security-trigger",renderChildrenHidden:!0,error:!_&&!!c.auth,success:!!_},v?React.createElement(AuthPanelHook,{field:"auth",validate:AuthPanel_1.requiredValidator},(function(e){return React.createElement(RenderHook_1.RenderHook,{Hook:v,props:{server:u,operation:r,onChange:e,OAuth2:OAuth2_1.OAuth2}})})):React.createElement(AuthPanel_1.AuthPanel,{formApi:this.formApi,form:i,operation:r,activeServer:u.url,authCorsProxyUrl:s.options.authCorsProxyUrl,securityDefaults:n}))||null,r.requestBody&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItBody"),"data-cy":"body-trigger",renderChildrenHidden:!0,error:!!c.body},React.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,console:this,body:r.requestBody,id:r.id,resolvedBody:d.requestBody,properties:a}))||null,h.length&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:p,renderChildrenHidden:!0},React.createElement(OperationParameters_1.OperationParameters,{operation:r,values:i.values,errors:i.errors||{}}))||null)),React.createElement(ServerDropdown_1.ServerChooser,{operation:r,onChange:this.handleServerChange}))}}),Object.defineProperty(t.prototype,"renderResponse",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.response,r=e.error,s=e.time;return React.createElement(ResponsePanel_1.ResponsePanel,{response:t,error:r,time:s})}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function allowBodyErrors(){}function ConsoleWrapHook(e){var t=e.shaking,r=e.className,s=e.children,a=e.rootElement,n=(0,utils_1.useDimensions)(a)[0];return React.createElement(styled_1.ConsoleWrap,{shaking:t,className:r,"data-cy":"console",fullWidth:null==n?void 0:n.width},s)}function AuthPanelHook(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({},e)),r=t.fieldApi,s=t.render,a=t.userProps,n=r.setValue,o=a.children;return s(React.createElement(React.Fragment,null,o(n)))}exports.Console=Console;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),mobx_react_1=require("mobx-react"),swagger_client_1=(0,tslib_1.__importDefault)(require("swagger-client")),utils_1=require("../../utils"),hooks_1=require("../../hooks"),services_1=require("../../services"),redoc_lib_1=require("../../redoc-lib"),RenderHook_1=require("../../redoc-lib/src/components/RenderHook"),Labels_1=require("../../redoc-lib/src/services/Labels"),Panel_1=require("../Panel"),OAuth2_1=require("../../services/OAuth2"),helper_1=require("../common/FileUpload/helper"),OperationParameters_1=require("../OperationParameters"),utils_2=require("./utils"),AuthPanel_1=require("./AuthPanel"),ConsoleBadges_1=require("./ConsoleBadges"),RequestBody_1=require("./RequestBody"),ResponsePanel_1=require("./ResponsePanel"),ActionPanel_1=require("./ActionPanel"),ServersDropdown_1=require("./ServersDropdown"),TryItPanel_1=require("./TryItPanel"),styled_1=require("./styled");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}var flexColumn={flex:1,display:"flex",flexDirection:"column"},Console=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"formApi",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"setFormApi",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){void 0===t&&(t=e.getState());var s=t.values,a=(0,tslib_1.__rest)(t,["values"]);r.formApi=e,setTimeout((function(){var e=(0,tslib_1.__assign)((0,tslib_1.__assign)({},a),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{query:(0,utils_2.unescapeQueryParams)(s.query||{})})});r.setState({form:e})}),0)}}),Object.defineProperty(r,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.values,s=(0,tslib_1.__rest)(e,["values"]),a=(0,tslib_1.__assign)((0,tslib_1.__assign)({},s),{values:(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{query:(0,utils_2.unescapeQueryParams)(t.query||{})})});r.setState({form:a}),(0,utils_2.updateStorage)(a),r.props.operation.setRequestValues(t)}}),Object.defineProperty(r,"handleTabChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({activeTab:e})}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState({server:e}),r.props.operation.setActiveServer(e)}}),Object.defineProperty(r,"handleExecute",{enumerable:!0,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(r,void 0,void 0,(function(){var e,t,r,s,a,o,n,i,l,u,c,p,d,_,h,v,b,m,y,g,f,P,R,q,S,C,w,A,k,I,E,O,T,x,B,j,F,H,D,V,U=this;return(0,tslib_1.__generator)(this,(function(N){switch(N.label){case 0:if(e=this.props,t=e.store,r=e.operation,s=e.onResponse,a=this.state.form,o=a.values,n=a.invalid,this.formApi.submitForm(),n)return this.setState({shaking:!0}),setTimeout((function(){return U.setState({shaking:!1})}),1e3),null===(B=null===(x=null==t?void 0:t.options.events)||void 0===x?void 0:x.tryItSent)||void 0===B||B.call(x,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[2];if(i=this.props.operation.requestBody,l=i&&i.content&&i.content.active&&i.content.active.name||"",u=o.body,/json/.test(l))try{u=JSON.parse(u)}catch(e){console.error(e)}if(this.setState({loading:!0}),c=this.state.resolvedRawSpec,p=(r.httpVerb||"").toLowerCase(),!(d=(0,utils_1.get)(c,["paths",r.path,p,"servers"])||(0,utils_1.get)(c,["paths",r.path,"servers"])||(0,utils_1.get)(c,["servers"])))throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");_=d.find((function(e){return U.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url)})),h=Date.now(),v=!!window.document.documentMode,m=o.auth,o.auth?(y=Object.keys(o.auth)[0],g=(0,utils_1.unescapeFormId)(y),b=(0,tslib_1.__assign)((0,tslib_1.__assign)({},c),{components:(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components.securitySchemes),(I={},I[g]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},c.components.securitySchemes[g]),{type:"openIdConnect"===c.components.securitySchemes[g].type?"oauth2":c.components.securitySchemes[g].type}),I))})}),m=(0,tslib_1.__assign)((0,tslib_1.__assign)({},m),((E={})[g]=m[y],E))):b=(0,tslib_1.__assign)({},c),(f=t.options.corsProxyUrl)&&d.length&&(b.servers=d.map((function(e){return(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:f+normalizeUrlProtocol(e.url)})})),b.paths=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths),((O={})[r.path]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths[r.path]),((T={})[p]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b.paths[r.path][p]),{servers:void 0}),T.servers=void 0,T)),O))),(P=(null===(F=null===(j=null==i?void 0:i.content)||void 0===j?void 0:j.active)||void 0===F?void 0:F.name)||null)&&u&&(0,helper_1.isFileUploadMime)(P)&&(R=Object.values(u),u=R.length>1?R:R[0]),q={userFetch:v&&require("cross-fetch").fetch,server:f?f+normalizeUrlProtocol(_.url):_.url,serverVariables:this.state.server.variables,spec:b,pathName:r.path,method:r.httpVerb,parameters:(0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},o.path),o.query),o.header),o.cookie),securities:{authorized:m},requestBody:u,requestContentType:P,responseContentType:(null===(H=o.header)||void 0===H?void 0:H.Accept)||null,requestInterceptor:(0,utils_2.makeRequestInterceptor)(t.options,r,null==m?void 0:m.Authorization)},N.label=1;case 1:return N.trys.push([1,5,8,9]),[4,swagger_client_1.default.execute(q)];case 2:return S=N.sent(),(C=null==S?void 0:S.data)instanceof Blob?((0,helper_1.isFileUploadMime)(C.type)&&(S.fileInfo={rawData:C,fileName:(0,utils_2.getFileNameFromHeaders)(S.headers)}),w=S,[4,C.text()]):[3,4];case 3:w.data=N.sent(),N.label=4;case 4:return null==s||s({request:q,response:S}),this.setState({response:S,error:void 0}),[3,9];case 5:return(A=N.sent())&&A.response&&A.response.data instanceof Blob?(k=A.response,[4,A.response.data.text()]):[3,7];case 6:k.data=N.sent(),null==s||s({request:q,response:A.response}),N.label=7;case 7:return this.setState({response:void 0,error:A}),[3,9];case 8:return this.setState({loading:!1,activeTab:1,time:Date.now()-h}),null===(V=null===(D=null==t?void 0:t.options.events)||void 0===D?void 0:D.tryItSent)||void 0===V||V.call(D,{eventType:services_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:r.operationId,operationPath:r.path,operationHttpVerb:r.httpVerb,operationSummary:r.description}),[7];case 9:return[2]}}))}))}}),r.state={form:{values:{path:(0,utils_2.getParameters)(t.operation.parameters,"path"),cookie:(0,utils_2.getParameters)(t.operation.parameters,"cookie"),header:(0,utils_2.getParameters)(t.operation.parameters,"header"),query:(0,utils_2.getParameters)(t.operation.parameters,"query")}},shaking:!1,loading:!1,activeTab:0,server:{}},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var e,t,r,s;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:return e=this.props,t=e.store,r=e.operation,[4,t.dereferenceSpecForTryIt(r)];case 1:return s=a.sent(),this.setState({resolvedRawSpec:s}),this.formApi.setValues({}),[2]}}))}))}}),Object.defineProperty(t.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.operation!==this.props.operation&&this.setState({response:void 0,error:void 0,activeTab:0})}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.operation,r=e.className,s=e.rootElement,a=this.state,o=a.shaking,n=a.activeTab,i=a.form,l=a.response,u=a.loading,c=a.error,p=!(!l&&!c);return React.createElement(ConsoleWrapHook,{shaking:o,className:r,rootElement:s},React.createElement(Panel_1.CodeHeader,null,React.createElement(ConsoleBadges_1.ConsoleBadges,{active:n,hasResponse:p,onChange:this.handleTabChange}),this.props.onClose&&React.createElement(styled_1.CloseButton,{onClick:this.props.onClose}," ✕ ")),React.createElement(styled_1.ConsoleBody,{hidden:0!==n,"data-cy":"console-request-body"},this.renderRequest()),React.createElement(styled_1.ConsoleBody,{hidden:1!==n,"data-cy":"console-response-body"},this.renderResponse()),React.createElement(ActionPanel_1.ActionPanel,{hasResponse:p,params:i.values,operation:t,loading:u,execute:this.handleExecute}))}}),Object.defineProperty(t.prototype,"renderRequest",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,r=t.operation,s=t.store,a=t.properties,o=t.securityDefaults,n=this.state,i=n.form,l=n.resolvedRawSpec,u=n.server,c=i.errors||{},p=c.path||c.cookie||c.header||c.query,d=l&&redoc_lib_1.JsonPointer.get(l,r.pointer),_=i.values&&i.values.auth&&Object.keys(i.values.auth)[0];_&&i.values.auth[_]||(_=void 0),!_||void 0===i.values.auth[_].token&&void 0===i.values.auth[_].client_id&&void 0===i.values.auth[_].client_secret||i.values.auth[_].token&&i.values.auth[_].token.access_token||(_=void 0),_&&null!=i.values.auth[_].username&&(i.values.auth[_].username&&i.values.auth[_].password||(_=void 0));var h=r.parameters||[],v=null===(e=null==s?void 0:s.options.hooks)||void 0===e?void 0:e.ReplaceTryItSecurityPanel;return!l&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(informed_1.Form,{onChange:this.handleChange,getApi:this.setFormApi,style:(0,tslib_1.__assign)((0,tslib_1.__assign)({},flexColumn),{margin:0})},React.createElement(ServersDropdown_1.ServersDropdown,{operation:r,onChange:this.handleServerChange}),React.createElement(Panel_1.Accordion,{initialActiveIdx:r.security.length&&_?1:0},r.security.length&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItAuth"),"data-cy":"security-trigger",renderChildrenHidden:!0,error:!_&&!!c.auth,success:!!_},v?React.createElement(AuthPanelHook,{field:"auth",validate:AuthPanel_1.requiredValidator},(function(e){return React.createElement(RenderHook_1.RenderHook,{Hook:v,props:{server:u,operation:r,onChange:e,OAuth2:OAuth2_1.OAuth2}})})):React.createElement(AuthPanel_1.AuthPanel,{formApi:this.formApi,form:i,operation:r,activeServer:u.url,authCorsProxyUrl:s.options.authCorsProxyUrl,securityDefaults:o}))||null,r.requestBody&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItBody"),"data-cy":"body-trigger",renderChildrenHidden:!0,error:!!c.body},React.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,console:this,body:r.requestBody,id:r.id,resolvedBody:d.requestBody,properties:a}))||null,h.length&&React.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:p,renderChildrenHidden:!0},React.createElement(OperationParameters_1.OperationParameters,{operation:r,values:i.values,errors:i.errors||{}}))||null))}}),Object.defineProperty(t.prototype,"renderResponse",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.response,r=e.error,s=e.time;return React.createElement(ResponsePanel_1.ResponsePanel,{response:t,error:r,time:s})}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);function allowBodyErrors(){}function ConsoleWrapHook(e){var t=e.shaking,r=e.className,s=e.children,a=e.rootElement,o=(0,hooks_1.useDimensions)(a)[0];return React.createElement(styled_1.ConsoleWrap,{shaking:t,className:r,"data-cy":"console",fullWidth:null==o?void 0:o.width},s)}function AuthPanelHook(e){var t=(0,informed_1.useField)((0,tslib_1.__assign)({},e)),r=t.fieldApi,s=t.render,a=t.userProps,o=r.setValue,n=a.children;return s(React.createElement(React.Fragment,null,n(o)))}exports.Console=Console;
 //# sourceMappingURL=Console.js.map

package/lib/components/console/ConsoleLazy.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../utils"),Panel_1=require("../Panel"),styled_1=require("./styled");function Console(e){var t=this,s=React.useState({}),r=s[0],o=s[1],l=(0,utils_1.useDimensions)(e.rootElement)[0];return React.useEffect((function(){(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e;return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,Promise.resolve().then((function(){return(0,tslib_1.__importStar)(require("./Console"))}))];case 1:return e=t.sent(),o({Console:e.Console}),[2]}}))}))}),[]),r.Console?React.createElement(r.Console,(0,tslib_1.__assign)({},e)):React.createElement(styled_1.ConsoleWrap,{className:e.className,fullWidth:null==l?void 0:l.width},React.createElement(Panel_1.CodeHeader,null,"Loading..."))}exports.Console=Console;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),hooks_1=require("../../hooks"),Panel_1=require("../Panel"),styled_1=require("./styled");function Console(e){var t=this,o=React.useState({}),s=o[0],r=o[1],n=(0,hooks_1.useDimensions)(e.rootElement)[0];return React.useEffect((function(){(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e;return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,Promise.resolve().then((function(){return(0,tslib_1.__importStar)(require("./Console"))}))];case 1:return e=t.sent(),r({Console:e.Console}),[2]}}))}))}),[]),s.Console?React.createElement(s.Console,(0,tslib_1.__assign)({},e)):React.createElement(styled_1.ConsoleWrap,{className:e.className,fullWidth:null==n?void 0:n.width},React.createElement(Panel_1.CodeHeader,null,"Loading..."))}exports.Console=Console;
 //# sourceMappingURL=ConsoleLazy.js.map

package/lib/components/console/OAuth2Flow.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { FormApi, FormState } from 'informed';
 import type { InputActionButtonProps } from '../common/TextField';
-import type { SecurityDetails } from '../../utils';
+import type { SecurityDetails } from '../../types';
 import type { RedocProNormalizedOptions } from '../../services';
 export interface OAuth2FlowProps {
     authorizationUrl: string;

package/lib/components/console/OAuth2TokenInput.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { SecurityDetails } from '../../utils';
+import type { SecurityDetails } from '../../types';
 export interface OAuth2TokenInputProps {
     flow: {
         refreshUrl?: string;

package/lib/components/console/OpenIDConnect.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { FormApi, FormState } from 'informed';
 import type { SecurityScheme } from '../../redoc-lib';
-import type { SecurityDetails } from '../../utils';
+import type { SecurityDetails } from '../../types';
 export interface OpenIDConnectProps {
     server: string;
     authCorsProxyUrl: Maybe<string>;

package/lib/components/console/OpenIDConnect.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OpenIDConnect=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),OpenIDConnect_1=require("../../services/OpenIDConnect"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),OAuth2Flow_1=require("./OAuth2Flow");function OpenIDConnect(e){var t,n,r=this,o=e.scheme,l=e.defaultValues,a=React.useState({}),c=a[0],i=a[1],u=React.useState(),s=u[0],d=u[1],p=React.useState(!1),m=p[0],_=p[1];React.useEffect((function(){v(o.openIdConnectUrl)}),[o.openIdConnectUrl]);var v=function(e){return(0,tslib_1.__awaiter)(r,void 0,void 0,(function(){var t,n;return(0,tslib_1.__generator)(this,(function(r){switch(r.label){case 0:_(!0),d(""),r.label=1;case 1:return r.trys.push([1,3,,4]),[4,(0,OpenIDConnect_1.discoverOpenIDConnect)(e)];case 2:return t=r.sent(),i(t),[3,4];case 3:return n=r.sent(),d(n.message),[3,4];case 4:return _(!1),[2]}}))}))},h=React.useCallback((function(){return m?React.createElement("div",null,React.createElement("div",null,React.createElement("div",null,"Fetching OpenID Connect metadata..."),React.createElement(LinearProgress_1.LinearProgress,null))):null}),[m]),f=React.useCallback((function(){return s?React.createElement("div",null,React.createElement("div",null,React.createElement(form_1.FormError,null,s))):null}),[s]);return m?React.createElement(h,null):s?React.createElement(f,null):React.createElement("div",null,React.createElement("div",null,(null===(t=null==c?void 0:c.response_types_supported)||void 0===t?void 0:t.includes("token"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Implicit Flow"),React.createElement(OAuth2Flow_1.OAuth2Flow,{key:e.id,authorizationUrl:c.authorization_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:c.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,flow:"implicit",defaultValues:l})):(null===(n=null==c?void 0:c.response_types_supported)||void 0===n?void 0:n.includes("code"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Authorization Flow"),React.createElement(OAuth2Flow_1.OAuth2Flow,{key:e.id,authorizationUrl:c.authorization_endpoint,tokenUrl:c.token_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:c.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,tokenEndpointAuthMethod:null==c?void 0:c.token_endpoint_auth_methods_supported,flow:"authorizationCode",defaultValues:l})):React.createElement("div",null,"Unsupported flow")))}exports.OpenIDConnect=OpenIDConnect;var templateObject_1,FlowName=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"],["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OpenIDConnect=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),OpenIDConnect_1=require("../../services/OpenIDConnect"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),OAuth2Flow_1=require("./OAuth2Flow");function OpenIDConnect(e){var t,r,n=this,l=e.scheme,a=e.defaultValues,o=(0,react_1.useState)({}),u=o[0],i=o[1],c=(0,react_1.useState)(),d=c[0],s=c[1],_=(0,react_1.useState)(!1),m=_[0],p=_[1];(0,react_1.useEffect)((function(){f(l.openIdConnectUrl)}),[l.openIdConnectUrl]);var f=function(e){return(0,tslib_1.__awaiter)(n,void 0,void 0,(function(){var t,r;return(0,tslib_1.__generator)(this,(function(n){switch(n.label){case 0:p(!0),s(""),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,(0,OpenIDConnect_1.discoverOpenIDConnect)(e)];case 2:return t=n.sent(),i(t),[3,4];case 3:return r=n.sent(),s(r.message),[3,4];case 4:return p(!1),[2]}}))}))};return m?react_1.default.createElement(Loading,null):d?react_1.default.createElement(Error,{message:d}):react_1.default.createElement("div",null,react_1.default.createElement("div",null,(null===(t=null==u?void 0:u.response_types_supported)||void 0===t?void 0:t.includes("token"))?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(FlowName,null,"OAuth2 Implicit Flow"),react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:e.id,authorizationUrl:u.authorization_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:u.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,flow:"implicit",defaultValues:a})):(null===(r=null==u?void 0:u.response_types_supported)||void 0===r?void 0:r.includes("code"))?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(FlowName,null,"OAuth2 Authorization Flow"),react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:e.id,authorizationUrl:u.authorization_endpoint,tokenUrl:u.token_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:u.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,tokenEndpointAuthMethod:null==u?void 0:u.token_endpoint_auth_methods_supported,flow:"authorizationCode",defaultValues:a})):react_1.default.createElement("div",null,"Unsupported flow")))}function Loading(){return react_1.default.createElement("div",null,react_1.default.createElement("div",null,react_1.default.createElement("div",null,"Fetching OpenID Connect metadata..."),react_1.default.createElement(LinearProgress_1.LinearProgress,null)))}function Error(e){var t=e.message;return react_1.default.createElement("div",null,react_1.default.createElement("div",null,react_1.default.createElement(form_1.FormError,null,t)))}exports.OpenIDConnect=OpenIDConnect;var templateObject_1,FlowName=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"],["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"])));
 //# sourceMappingURL=OpenIDConnect.js.map

package/lib/components/console/ServersDropdown/ServersDropdown.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ServersDropdownProps } from './types';
+export declare const ServersDropdown: ({ operation, onChange }: ServersDropdownProps) => JSX.Element;

package/lib/components/console/ServersDropdown/ServersDropdown.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServersDropdown=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),redoc_lib_1=require("../../../redoc-lib"),utils_1=require("../../../utils"),form_1=require("../../common/form"),Dropdown_1=require("../../common/Dropdown"),utils_2=require("../utils"),ServerVariable_1=(0,tslib_1.__importDefault)(require("../ServerVariable")),hooks_1=require("../../../hooks");exports.ServersDropdown=(0,mobx_react_1.observer)((function(e){var r=e.operation,t=e.onChange,a=(0,utils_1.fromSessionStorage)("serverUrl"),l=r.servers.findIndex((function(e){return e.url===a})),i=(0,react_1.useState)(l<0?0:l),s=i[0],o=i[1],n=(0,react_1.useState)({}),u=n[0],_=n[1];(0,hooks_1.useMount)((function(){var e=(0,utils_2.getServerWithVariables)(r.servers,s);t(e),_(e.variables)}));var v=r.servers.map((function(e,r){return{idx:r,serverUrl:e.url,value:"\n          "+(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(e.url,u),e.variables)+"\n        - "+(e.description||"Default")+"\n      "}})),c=Object.keys(u);return react_1.default.createElement(ServerDropdownWrap,{"data-cy":"console-target-server"},react_1.default.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(Dropdown_1.Dropdown,{variant:"dark",value:v[s].value,options:v,fullWidth:!0,onChange:function(e){var a=r.servers.find((function(r){return r.url===e.serverUrl})),l=r.servers.findIndex((function(r){return r.url===e.serverUrl})),i=(0,utils_2.getDefaultOrStoredVariables)(a);t({url:e.serverUrl||"",variables:i}),(0,utils_1.toSessionStorage)("serverUrl",e.serverUrl||""),o(l),_(i)}})),null==c?void 0:c.map((function(e){var a,l=null===(a=r.servers[s].variables)||void 0===a?void 0:a[e];if(l)return react_1.default.createElement(ServerVariable_1.default,{key:e,name:e,value:u[e],defaultValue:l.default,onChange:function(a){return function(e,a){var l,i=r.servers[s],o=a||""===a?a:(0,utils_2.getDefaultOrStoredVariables)(i)[e],n=(0,tslib_1.__assign)((0,tslib_1.__assign)({},u),((l={})[e]=o,l));_(n),(0,utils_2.updateVariablesStorage)(e,o),t((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),{variables:n}))}(e,a)},variableEnum:l.enum,description:l.description})})))}));var templateObject_1,ServerDropdownWrap=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 20px;\n"],["\n  margin-bottom: 20px;\n"])));
+//# sourceMappingURL=ServersDropdown.js.map

package/lib/components/console/ServersDropdown/index.d.ts

@@ -0,0 +1 @@
+export { ServersDropdown } from './ServersDropdown';

package/lib/components/console/ServersDropdown/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServersDropdown=void 0;var ServersDropdown_1=require("./ServersDropdown");Object.defineProperty(exports,"ServersDropdown",{enumerable:!0,get:function(){return ServersDropdown_1.ServersDropdown}});
+//# sourceMappingURL=index.js.map

package/lib/components/console/ServersDropdown/types.d.ts

@@ -0,0 +1,5 @@
+import type { OperationModel, Server } from '../../../redoc-lib';
+export interface ServersDropdownProps {
+    operation: OperationModel;
+    onChange: (server: Server) => void;
+}

package/lib/components/console/ServersDropdown/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=types.js.map

package/lib/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { useMount } from './useMount';
 export { useUnmount } from './useUnmount';
+export { useDimensions } from './useDimensions';

package/lib/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useUnmount=exports.useMount=void 0;var useMount_1=require("./useMount");Object.defineProperty(exports,"useMount",{enumerable:!0,get:function(){return useMount_1.useMount}});var useUnmount_1=require("./useUnmount");Object.defineProperty(exports,"useUnmount",{enumerable:!0,get:function(){return useUnmount_1.useUnmount}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDimensions=exports.useUnmount=exports.useMount=void 0;var useMount_1=require("./useMount");Object.defineProperty(exports,"useMount",{enumerable:!0,get:function(){return useMount_1.useMount}});var useUnmount_1=require("./useUnmount");Object.defineProperty(exports,"useUnmount",{enumerable:!0,get:function(){return useUnmount_1.useUnmount}});var useDimensions_1=require("./useDimensions");Object.defineProperty(exports,"useDimensions",{enumerable:!0,get:function(){return useDimensions_1.useDimensions}});
 //# sourceMappingURL=index.js.map

package/lib/hooks/useDimensions.d.ts

@@ -0,0 +1 @@
+export declare function useDimensions(node?: HTMLElement | null): [DOMRect | null];

package/lib/hooks/useDimensions.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDimensions=void 0;var react_1=require("react");function useDimensions(e){var n=(0,react_1.useState)(null),t=n[0],r=n[1];return(0,react_1.useLayoutEffect)((function(){if(e){var n=function(){return window.requestAnimationFrame((function(){return r(e.getBoundingClientRect())}))};return n(),window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}}}),[e]),[t]}exports.useDimensions=useDimensions;
+//# sourceMappingURL=useDimensions.js.map

package/lib/index.d.ts

@@ -3,5 +3,5 @@ export * from './services/index';
 export * from './redoc-lib/index';
 export * from './models/index';
 export { setSecurityDetails, setSecurityDetailsVariants, setParameterValue } from './utils';
-export type { SecurityDetails } from './utils';
+export type { SecurityDetails } from './types';
 export type { OAuth2 } from './services/OAuth2';

package/lib/oauth2-redirect-page/handler/helpers.d.ts

@@ -1,4 +1,5 @@
 export declare const genericErrorMessage = "Something went wrong, please, try again.";
+export declare function normalizeState(state?: string | null): string | null | undefined;
 /**
  * Checks if two states are equal
  */

package/lib/oauth2-redirect-page/handler/helpers.js

@@ -1,2 +1,2 @@
-"use strict";function normalizeState(e){return e?e.replace(/=+$/,""):e}function isStateValid(e,t){return Boolean(e)&&Boolean(t)&&normalizeState(e)===normalizeState(t)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.isStateValid=exports.genericErrorMessage=void 0,exports.genericErrorMessage="Something went wrong, please, try again.",exports.isStateValid=isStateValid;
+"use strict";function normalizeState(e){return e?e.replace(/=+$/,""):e}function isStateValid(e,t){return Boolean(e)&&Boolean(t)&&normalizeState(e)===normalizeState(t)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.isStateValid=exports.normalizeState=exports.genericErrorMessage=void 0,exports.genericErrorMessage="Something went wrong, please, try again.",exports.normalizeState=normalizeState,exports.isStateValid=isStateValid;
 //# sourceMappingURL=helpers.js.map

package/lib/redoc-lib/src/common-elements/samples.js

@@ -1,2 +1,2 @@
-"use strict";var _a,_b,_c;Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledPre=exports.SampleControlsWrap=exports.SampleControls=exports.SamplesControlButton=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,tslib_1=require("tslib"),polished_1=require("polished"),styled_components_1=(0,tslib_1.__importStar)(require("../styled-components")),PrismDiv_1=require("./PrismDiv");exports.SamplesControlButton=styled_components_1.default.button(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background-color: ",";\n  border: 0;\n  outline: 0;\n  border-radius: ",";\n  height: 20px;\n  color: ",";\n  font-size: 12px;\n  line-height: 12px;\n  cursor: pointer;\n\n  ","\n\n  :hover,\n  :focus {\n    background: ",";\n  }\n"],["\n  background-color: ",";\n  border: 0;\n  outline: 0;\n  border-radius: ",";\n  height: 20px;\n  color: ",";\n  font-size: 12px;\n  line-height: 12px;\n  cursor: pointer;\n\n  ","\n\n  :hover,\n  :focus {\n    background: ",";\n  }\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.colors.text.light}),(0,styled_components_1.mediaCSS)({padding:(_a={},_a[styled_components_1.ZERO_BREAKPOINT]="2px 15px",_a.small="2px 20px",_a),minWidth:(_b={},_b[styled_components_1.ZERO_BREAKPOINT]="auto",_b.small="90px",_b)}),(function(e){var n=e.theme;return(0,polished_1.lighten)(.05,n.rightPanel.panelControlsBackgroundColor)})),exports.SampleControls=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  padding: 5px 0 10px;\n  opacity: 0.7;\n  transition: opacity 0.3s ease;\n  text-align: right;\n\n  &:focus-within {\n    opacity: 1;\n  }\n\n  > div,\n  > "," {\n    /* can have tooltip wrapper div also */\n    margin-top: 5px;\n    ","\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n"],["\n  padding: 5px 0 10px;\n  opacity: 0.7;\n  transition: opacity 0.3s ease;\n  text-align: right;\n\n  &:focus-within {\n    opacity: 1;\n  }\n\n  > div,\n  > "," {\n    /* can have tooltip wrapper div also */\n    margin-top: 5px;\n    ","\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n"])),exports.SamplesControlButton,(0,styled_components_1.mediaCSS)({marginLeft:(_c={},_c[styled_components_1.ZERO_BREAKPOINT]="5px",_c.small="10px",_c)})),exports.SampleControlsWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  &:hover "," {\n    opacity: 1;\n  }\n"],["\n  &:hover "," {\n    opacity: 1;\n  }\n"])),exports.SampleControls),exports.StyledPre=(0,styled_components_1.default)(PrismDiv_1.PrismDiv.withComponent("pre"))(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  overflow-x: auto;\n  margin: 0;\n  font-family: ",";\n  padding: 20px;\n  ",";\n"],["\n  overflow-x: auto;\n  margin: 0;\n  font-family: ",";\n  padding: 20px;\n  ",";\n"])),(function(e){return e.theme.typography.code.fontFamily}),(function(e){var n=e.theme;return(0,styled_components_1.mediaCSS)({borderRadius:n.shape.borderRadius,backgroundColor:n.rightPanel.panelControlsBackgroundColor,color:n.colors.text.light,fontSize:n.typography.code.fontSize,whiteSpace:n.typography.code.wrap?"pre-wrap":"pre"})}));
+"use strict";var _a,_b,_c;Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledPre=exports.SampleControlsWrap=exports.SampleControls=exports.SamplesControlButton=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,tslib_1=require("tslib"),polished_1=require("polished"),styled_components_1=(0,tslib_1.__importStar)(require("../styled-components")),PrismDiv_1=require("./PrismDiv");exports.SamplesControlButton=styled_components_1.default.button(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  background-color: ",";\n  border: 0;\n  outline: 0;\n  border-radius: ",";\n  height: 20px;\n  color: ",";\n  font-size: 12px;\n  line-height: 12px;\n  cursor: pointer;\n\n  ","\n\n  :hover,\n  :focus {\n    background: ",";\n  }\n"],["\n  background-color: ",";\n  border: 0;\n  outline: 0;\n  border-radius: ",";\n  height: 20px;\n  color: ",";\n  font-size: 12px;\n  line-height: 12px;\n  cursor: pointer;\n\n  ","\n\n  :hover,\n  :focus {\n    background: ",";\n  }\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.colors.text.light}),(0,styled_components_1.mediaCSS)({padding:(_a={},_a[styled_components_1.ZERO_BREAKPOINT]="2px 15px",_a.small="2px 20px",_a),minWidth:(_b={},_b[styled_components_1.ZERO_BREAKPOINT]="auto",_b.small="90px",_b)}),(function(e){var n=e.theme;return(0,polished_1.lighten)(.05,n.rightPanel.panelControlsBackgroundColor)})),exports.SampleControls=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  padding: 5px 0 10px;\n  opacity: 0.7;\n  transition: opacity 0.3s ease;\n  text-align: right;\n\n  &:focus-within {\n    opacity: 1;\n  }\n\n  > div,\n  > "," {\n    /* can have tooltip wrapper div also */\n    margin-top: 5px;\n    ","\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n"],["\n  padding: 5px 0 10px;\n  opacity: 0.7;\n  transition: opacity 0.3s ease;\n  text-align: right;\n\n  &:focus-within {\n    opacity: 1;\n  }\n\n  > div,\n  > "," {\n    /* can have tooltip wrapper div also */\n    margin-top: 5px;\n    ","\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n"])),exports.SamplesControlButton,(0,styled_components_1.mediaCSS)({marginLeft:(_c={},_c[styled_components_1.ZERO_BREAKPOINT]="5px",_c.small="10px",_c)})),exports.SampleControlsWrap=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  &:hover "," {\n    opacity: 1;\n  }\n"],["\n  &:hover "," {\n    opacity: 1;\n  }\n"])),exports.SampleControls),exports.StyledPre=(0,styled_components_1.default)(PrismDiv_1.PrismDiv.withComponent("pre"))(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  overflow-x: auto;\n  margin: 0;\n  font-family: ",";\n  padding: 20px;\n  max-height: ",";\n  ",";\n"],["\n  overflow-x: auto;\n  margin: 0;\n  font-family: ",";\n  padding: 20px;\n  max-height: ",";\n  ",";\n"])),(function(e){return e.theme.typography.code.fontFamily}),(function(e){return e.theme.codeBlock.maxHeight}),(function(e){var n=e.theme;return(0,styled_components_1.mediaCSS)({borderRadius:n.shape.borderRadius,backgroundColor:n.rightPanel.panelControlsBackgroundColor,color:n.colors.text.light,fontSize:n.typography.code.fontSize,whiteSpace:n.typography.code.wrap?"pre-wrap":"pre"})}));
 //# sourceMappingURL=samples.js.map

package/lib/redoc-lib/src/components/CallbackSamples/CallbackSamples.d.ts

@@ -10,4 +10,3 @@ export declare class CallbackSamples extends React.Component<CallbackSamplesProp
     private renderDropdown;
     render(): JSX.Element | null;
 }
-export declare const SamplesWrapper: import("styled-components").StyledComponent<"div", import("../../../../services/extendTheme").ProTheme, {}, never>;

package/lib/redoc-lib/src/components/CallbackSamples/CallbackSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesWrapper=exports.CallbackSamples=void 0;var templateObject_1,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),shared_1=require("../../../../components/shared"),styled_components_1=(0,tslib_1.__importStar)(require("../../styled-components")),OptionsProvider_1=require("../OptionsProvider"),GenericChildrenSwitcher_1=require("../GenericChildrenSwitcher/GenericChildrenSwitcher"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),Dropdown_1=require("../../../../components/common/Dropdown"),components_1=require("../../components"),CallbackReqSamples_1=require("./CallbackReqSamples"),CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(components_1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var n=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!n.some((function(e){return e.hasSamples})))return null;var t=n.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(Panel_1.CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher_1.GenericChildrenSwitcher,{items:n,renderDropdown:this.renderDropdown,options:t},(function(r){return React.createElement(CallbackReqSamples_1.CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.CallbackSamples=CallbackSamples,exports.SamplesWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ","\n  padding: ","px;\n"],["\n  ","\n  padding: ","px;\n"])),(function(e){var r=e.theme;return(0,styled_components_1.mediaCSS)({background:r.codeBlock.backgroundColor})}),(function(e){return 4*e.theme.spacing.unit}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSamples=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),shared_1=require("../../../../components/shared"),OptionsProvider_1=require("../OptionsProvider"),GenericChildrenSwitcher_1=require("../GenericChildrenSwitcher/GenericChildrenSwitcher"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),Dropdown_1=require("../../../../components/common/Dropdown"),components_1=require("../../components"),CallbackReqSamples_1=require("./CallbackReqSamples"),CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(components_1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var n=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!n.some((function(e){return e.hasSamples})))return null;var a=n.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(Panel_1.CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher_1.GenericChildrenSwitcher,{items:n,renderDropdown:this.renderDropdown,options:a},(function(r){return React.createElement(CallbackReqSamples_1.CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.CallbackSamples=CallbackSamples;
 //# sourceMappingURL=CallbackSamples.js.map

package/lib/redoc-lib/src/components/Callbacks/CallbackDetails.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Endpoint_1=require("../../../../components/Endpoint"),styled_components_1=(0,tslib_1.__importDefault)(require("../../styled-components")),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Extensions_1=require("../Fields/Extensions"),Markdown_1=require("../Markdown"),Parameters_1=require("../Parameters/Parameters"),ResponsesList_1=require("../Responses/ResponsesList"),SecurityRequirement_1=require("../SecurityRequirement/SecurityRequirement"),Panel_1=require("../../../../components/Panel"),Labels_1=require("../../services/Labels"),CallbackDetails=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n=this.props.operation,r=n.description,a=n.externalDocs,s=!(!r&&!a);return React.createElement(React.Fragment,null,s&&React.createElement(Description,null,void 0!==r&&React.createElement(Markdown_1.Markdown,{source:r}),a&&React.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:a})),React.createElement(Endpoint_1.Endpoint,{operation:this.props.operation,compact:!0}),Object.keys(n.extensions||{}).length?React.createElement(Extensions_1.Extensions,{extensions:n.extensions}):null,React.createElement(SecurityRequirement_1.SecurityRequirements,{securities:n.security}),(null===(e=n.parameters)||void 0===e?void 0:e.length)||n.requestBody?React.createElement(Panel_1.ContentPanel,{header:(0,Labels_1.l)("request")},React.createElement(Parameters_1.Parameters,{parameters:n.parameters,body:n.requestBody})):null,(null===(t=n.responses)||void 0===t?void 0:t.length)?React.createElement(Panel_1.ContentPanel,{header:(0,Labels_1.l)("callbackResponses")},React.createElement(ResponsesList_1.ResponsesList,{responses:n.responses})):null)}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.CallbackDetails=CallbackDetails;var templateObject_1,Description=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),(function(e){return 3*e.theme.spacing.unit}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Endpoint_1=require("../../../../components/Endpoint"),styled_components_1=(0,tslib_1.__importDefault)(require("../../styled-components")),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Extensions_1=require("../Fields/Extensions"),Markdown_1=require("../Markdown"),Parameters_1=require("../Parameters/Parameters"),Responses_1=require("../Responses"),SecurityRequirement_1=require("../SecurityRequirement/SecurityRequirement"),Panel_1=require("../../../../components/Panel"),Labels_1=require("../../services/Labels"),CallbackDetails=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n=this.props.operation,r=n.description,a=n.externalDocs,s=!(!r&&!a);return React.createElement(React.Fragment,null,s&&React.createElement(Description,null,void 0!==r&&React.createElement(Markdown_1.Markdown,{source:r}),a&&React.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:a})),React.createElement(Endpoint_1.Endpoint,{operation:this.props.operation,compact:!0}),Object.keys(n.extensions||{}).length?React.createElement(Extensions_1.Extensions,{extensions:n.extensions}):null,React.createElement(SecurityRequirement_1.SecurityRequirements,{securities:n.security}),(null===(e=n.parameters)||void 0===e?void 0:e.length)||n.requestBody?React.createElement(Panel_1.ContentPanel,{header:(0,Labels_1.l)("request")},React.createElement(Parameters_1.Parameters,{parameters:n.parameters,body:n.requestBody})):null,(null===(t=n.responses)||void 0===t?void 0:t.length)?React.createElement(Panel_1.ContentPanel,{header:(0,Labels_1.l)("callbackResponses")},React.createElement(Responses_1.ResponsesList,{responses:n.responses})):null)}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.CallbackDetails=CallbackDetails;var templateObject_1,Description=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),(function(e){return 3*e.theme.spacing.unit}));
 //# sourceMappingURL=CallbackDetails.js.map

package/lib/redoc-lib/src/components/JsonViewer/style.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.jsonStyles=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=require("../../styled-components");exports.jsonStyles=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .redoc-json code > .collapser {\n    display: none;\n    pointer-events: none;\n  }\n\n  contain: content;\n  overflow-x: auto;\n  padding: 10px;\n\n  ","\n\n  .callback-function {\n    color: gray;\n  }\n\n  .collapser:after {\n    content: '-';\n    cursor: pointer;\n  }\n\n  .collapsed > .collapser:after {\n    content: '+';\n    cursor: pointer;\n  }\n\n  .ellipsis:after {\n    content: ' … ';\n  }\n\n  .collapsible {\n    margin-left: 2ch;\n  }\n\n  .hoverable {\n    padding-top: 1px;\n    padding-bottom: 1px;\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .hovered {\n    background-color: rgba(235, 238, 249, 1);\n  }\n\n  .collapser {\n    background-color: transparent;\n    border: 0;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 15px;\n    height: 15px;\n    position: absolute;\n    top: 4px;\n    left: -1.5em;\n    cursor: default;\n    user-select: none;\n    -webkit-user-select: none;\n    padding: 2px;\n    ","\n    &:focus {\n      outline: #fff dotted 1px;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0px;\n    margin: 0px 0px 0px 26px;\n  }\n\n  li {\n    position: relative;\n    display: block;\n  }\n\n  .hoverable {\n    display: inline-block;\n  }\n\n  .selected {\n    outline-width: 1px;\n    outline-style: dotted;\n  }\n\n  .collapsed > .collapsible {\n    display: none;\n  }\n\n  .ellipsis {\n    display: none;\n  }\n\n  .collapsed > .ellipsis {\n    display: inherit;\n  }\n"],["\n  .redoc-json code > .collapser {\n    display: none;\n    pointer-events: none;\n  }\n\n  contain: content;\n  overflow-x: auto;\n  padding: 10px;\n\n  ","\n\n  .callback-function {\n    color: gray;\n  }\n\n  .collapser:after {\n    content: '-';\n    cursor: pointer;\n  }\n\n  .collapsed > .collapser:after {\n    content: '+';\n    cursor: pointer;\n  }\n\n  .ellipsis:after {\n    content: ' … ';\n  }\n\n  .collapsible {\n    margin-left: 2ch;\n  }\n\n  .hoverable {\n    padding-top: 1px;\n    padding-bottom: 1px;\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .hovered {\n    background-color: rgba(235, 238, 249, 1);\n  }\n\n  .collapser {\n    background-color: transparent;\n    border: 0;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 15px;\n    height: 15px;\n    position: absolute;\n    top: 4px;\n    left: -1.5em;\n    cursor: default;\n    user-select: none;\n    -webkit-user-select: none;\n    padding: 2px;\n    ","\n    &:focus {\n      outline: #fff dotted 1px;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0px;\n    margin: 0px 0px 0px 26px;\n  }\n\n  li {\n    position: relative;\n    display: block;\n  }\n\n  .hoverable {\n    display: inline-block;\n  }\n\n  .selected {\n    outline-width: 1px;\n    outline-style: dotted;\n  }\n\n  .collapsed > .collapsible {\n    display: none;\n  }\n\n  .ellipsis {\n    display: none;\n  }\n\n  .collapsed > .ellipsis {\n    display: inherit;\n  }\n"])),(function(n){var e=n.theme;return(0,styled_components_1.mediaCSS)({borderRadius:e.shape.borderRadius,backgroundColor:e.rightPanel.panelControlsBackgroundColor,color:e.colors.text.light,fontSize:e.typography.code.fontSize,fontFamily:e.typography.code.fontFamily,whiteSpace:e.typography.code.wrap?"pre-wrap":"pre"})}),(function(n){var e=n.theme;return(0,styled_components_1.mediaCSS)({fontFamily:e.typography.code.fontFamily,fontSize:e.typography.code.fontSize})}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.jsonStyles=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=require("../../styled-components");exports.jsonStyles=(0,styled_components_1.css)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .redoc-json code > .collapser {\n    display: none;\n    pointer-events: none;\n  }\n\n  contain: content;\n  overflow-x: auto;\n  padding: 10px;\n  max-height: ",";\n\n  ","\n\n  .callback-function {\n    color: gray;\n  }\n\n  .collapser:after {\n    content: '-';\n    cursor: pointer;\n  }\n\n  .collapsed > .collapser:after {\n    content: '+';\n    cursor: pointer;\n  }\n\n  .ellipsis:after {\n    content: ' … ';\n  }\n\n  .collapsible {\n    margin-left: 2ch;\n  }\n\n  .hoverable {\n    padding-top: 1px;\n    padding-bottom: 1px;\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .hovered {\n    background-color: rgba(235, 238, 249, 1);\n  }\n\n  .collapser {\n    background-color: transparent;\n    border: 0;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 15px;\n    height: 15px;\n    position: absolute;\n    top: 4px;\n    left: -1.5em;\n    cursor: default;\n    user-select: none;\n    -webkit-user-select: none;\n    padding: 2px;\n    ","\n    &:focus {\n      outline: #fff dotted 1px;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0px;\n    margin: 0px 0px 0px 26px;\n  }\n\n  li {\n    position: relative;\n    display: block;\n  }\n\n  .hoverable {\n    display: inline-block;\n  }\n\n  .selected {\n    outline-width: 1px;\n    outline-style: dotted;\n  }\n\n  .collapsed > .collapsible {\n    display: none;\n  }\n\n  .ellipsis {\n    display: none;\n  }\n\n  .collapsed > .ellipsis {\n    display: inherit;\n  }\n"],["\n  .redoc-json code > .collapser {\n    display: none;\n    pointer-events: none;\n  }\n\n  contain: content;\n  overflow-x: auto;\n  padding: 10px;\n  max-height: ",";\n\n  ","\n\n  .callback-function {\n    color: gray;\n  }\n\n  .collapser:after {\n    content: '-';\n    cursor: pointer;\n  }\n\n  .collapsed > .collapser:after {\n    content: '+';\n    cursor: pointer;\n  }\n\n  .ellipsis:after {\n    content: ' … ';\n  }\n\n  .collapsible {\n    margin-left: 2ch;\n  }\n\n  .hoverable {\n    padding-top: 1px;\n    padding-bottom: 1px;\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .hovered {\n    background-color: rgba(235, 238, 249, 1);\n  }\n\n  .collapser {\n    background-color: transparent;\n    border: 0;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 15px;\n    height: 15px;\n    position: absolute;\n    top: 4px;\n    left: -1.5em;\n    cursor: default;\n    user-select: none;\n    -webkit-user-select: none;\n    padding: 2px;\n    ","\n    &:focus {\n      outline: #fff dotted 1px;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0px;\n    margin: 0px 0px 0px 26px;\n  }\n\n  li {\n    position: relative;\n    display: block;\n  }\n\n  .hoverable {\n    display: inline-block;\n  }\n\n  .selected {\n    outline-width: 1px;\n    outline-style: dotted;\n  }\n\n  .collapsed > .collapsible {\n    display: none;\n  }\n\n  .ellipsis {\n    display: none;\n  }\n\n  .collapsed > .ellipsis {\n    display: inherit;\n  }\n"])),(function(n){return n.theme.codeBlock.maxHeight}),(function(n){var e=n.theme;return(0,styled_components_1.mediaCSS)({borderRadius:e.shape.borderRadius,backgroundColor:e.rightPanel.panelControlsBackgroundColor,color:e.colors.text.light,fontSize:e.typography.code.fontSize,fontFamily:e.typography.code.fontFamily,whiteSpace:e.typography.code.wrap?"pre-wrap":"pre"})}),(function(n){var e=n.theme;return(0,styled_components_1.mediaCSS)({fontFamily:e.typography.code.fontFamily,fontSize:e.typography.code.fontSize})}));
 //# sourceMappingURL=style.js.map

package/lib/redoc-lib/src/components/Operation/Operation.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Operation=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),react_1=(0,tslib_1.__importDefault)(require("react")),Endpoint_1=require("../../../../components/Endpoint"),common_elements_1=require("../../common-elements"),styled_components_1=(0,tslib_1.__importDefault)(require("../../styled-components")),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples/CallbackSamples"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Extensions_1=require("../Fields/Extensions"),Markdown_1=require("../Markdown"),Parameters_1=require("../Parameters/Parameters"),RequestSamples_1=require("../RequestSamples/RequestSamples"),ResponsesList_1=require("../Responses/ResponsesList"),ResponseSamples_1=require("../ResponseSamples/ResponseSamples"),SecurityRequirement_1=require("../SecurityRequirement/SecurityRequirement"),StoreBuilder_1=require("../StoreBuilder"),Panel_1=require("../../../../components/Panel"),store_types_1=require("../../../../services/store-types"),RenderHook_1=require("../RenderHook"),languageSwitchEvent_1=require("../RequestSamples/languageSwitchEvent"),Labels_1=require("../../services/Labels"),OperationRow=(0,styled_components_1.default)(common_elements_1.Row)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"],["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"]))),Description=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),(function(e){return 4*e.theme.spacing.unit}));exports.Operation=(0,mobx_react_1.observer)((function(e){var t,a,n,l=e.operation,r=l.name,o=l.description,s=l.deprecated,i=l.externalDocs,c=l.isWebhook,u=l.httpVerb,d=e.operation,p=e.layout,m=react_1.default.useContext(StoreBuilder_1.StoreContext),_=!(!o&&!i),b=null==m?void 0:m.options.hooks,E=null==m?void 0:m.options.events,f=react_1.default.useCallback((function(e){var t,a=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:d,isExpanded:e,panelType:"responses"});null===(t=null==E?void 0:E.panelToggle)||void 0===t||t.call(E,a)}),[E]),k=react_1.default.useCallback((function(e){var t,a=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:d,isExpanded:e,panelType:"request"});null===(t=null==E?void 0:E.panelToggle)||void 0===t||t.call(E,a)}),[E]);return react_1.default.createElement(OperationRow,{layout:p},react_1.default.createElement(common_elements_1.MiddlePanel,{isStacked:p===store_types_1.LayoutVariant.STACKED},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==b?void 0:b.BeforeOperation,props:{operation:d}}),react_1.default.createElement(common_elements_1.H2,null,react_1.default.createElement(common_elements_1.ShareLink,{to:d.id}),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==b?void 0:b.BeforeOperationSummary,props:{operation:d}}),r,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==b?void 0:b.AfterOperationSummary,props:{operation:d}}),s&&react_1.default.createElement(common_elements_1.Badge,{type:"warning"},"Deprecated"),c&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_elements_1.Badge,{type:"primary"},"Webhook "),(null==m?void 0:m.options.showWebhookVerb)&&u&&react_1.default.createElement(common_elements_1.Badge,{type:"primary"},u.toUpperCase()))),(null==m?void 0:m.options.pathInMiddlePanel)&&!c&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:d}),_&&react_1.default.createElement(Description,null,void 0!==o&&react_1.default.createElement(Markdown_1.Markdown,{source:o}),i&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:i}),Object.keys(d.extensions||{}).length?react_1.default.createElement(Extensions_1.Extensions,{extensions:d.extensions}):null),react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:d.security}),(null===(t=d.parameters)||void 0===t?void 0:t.length)||d.requestBody?react_1.default.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("request"),onToggle:k,expanded:null==m?void 0:m.options.expandDefaultRequest},react_1.default.createElement(Parameters_1.Parameters,{parameters:d.parameters,body:d.requestBody})):null,(null===(a=d.responses)||void 0===a?void 0:a.length)?react_1.default.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("responses"),onToggle:f,expanded:null==m?void 0:m.options.expandDefaultResponse},react_1.default.createElement(ResponsesList_1.ResponsesList,{responses:d.responses})):null,(null===(n=d.callbacks)||void 0===n?void 0:n.length)?react_1.default.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("callbacks")},react_1.default.createElement(Callbacks_1.CallbacksList,{callbacks:d.callbacks})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==b?void 0:b.AfterOperation,props:{operation:d}})),(null==m?void 0:m.showRightPanel)?react_1.default.createElement(common_elements_1.RightPanel,{"data-cy":"samples-block"},!(null==m?void 0:m.options.pathInMiddlePanel)&&!c&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:d}),react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:d}),react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:d}),react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:d.callbacks})):null)}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Operation=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),react_1=(0,tslib_1.__importDefault)(require("react")),Endpoint_1=require("../../../../components/Endpoint"),common_elements_1=require("../../common-elements"),styled_components_1=(0,tslib_1.__importDefault)(require("../../styled-components")),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples/CallbackSamples"),ExternalDocumentation_1=require("../ExternalDocumentation/ExternalDocumentation"),Extensions_1=require("../Fields/Extensions"),Markdown_1=require("../Markdown"),Parameters_1=require("../Parameters/Parameters"),RequestSamples_1=require("../RequestSamples/RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples/ResponseSamples"),SecurityRequirement_1=require("../SecurityRequirement/SecurityRequirement"),StoreBuilder_1=require("../StoreBuilder"),Panel_1=require("../../../../components/Panel"),store_types_1=require("../../../../services/store-types"),RenderHook_1=require("../RenderHook"),languageSwitchEvent_1=require("../RequestSamples/languageSwitchEvent"),Labels_1=require("../../services/Labels"),OperationRow=(0,styled_components_1.default)(common_elements_1.Row)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"],["\n  backface-visibility: hidden;\n  contain: content;\n  overflow: hidden;\n"]))),Description=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),(function(e){return 4*e.theme.spacing.unit}));exports.Operation=(0,mobx_react_1.observer)((function(e){var t,a,n,l=e.operation,r=l.name,o=l.description,s=l.deprecated,i=l.externalDocs,c=l.isWebhook,u=l.httpVerb,d=e.operation,p=e.layout,m=react_1.default.useContext(StoreBuilder_1.StoreContext),_=!(!o&&!i),b=null==m?void 0:m.options.hooks,E=null==m?void 0:m.options.events,f=react_1.default.useCallback((function(e){var t,a=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:d,isExpanded:e,panelType:"responses"});null===(t=null==E?void 0:E.panelToggle)||void 0===t||t.call(E,a)}),[E]),k=react_1.default.useCallback((function(e){var t,a=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:d,isExpanded:e,panelType:"request"});null===(t=null==E?void 0:E.panelToggle)||void 0===t||t.call(E,a)}),[E]);return react_1.default.createElement(OperationRow,{layout:p},react_1.default.createElement(common_elements_1.MiddlePanel,{isStacked:p===store_types_1.LayoutVariant.STACKED},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==b?void 0:b.BeforeOperation,props:{operation:d}}),react_1.default.createElement(common_elements_1.H2,null,react_1.default.createElement(common_elements_1.ShareLink,{to:d.id}),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==b?void 0:b.BeforeOperationSummary,props:{operation:d}}),r,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==b?void 0:b.AfterOperationSummary,props:{operation:d}}),s&&react_1.default.createElement(common_elements_1.Badge,{type:"warning"},"Deprecated"),c&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_elements_1.Badge,{type:"primary"},"Webhook "),(null==m?void 0:m.options.showWebhookVerb)&&u&&react_1.default.createElement(common_elements_1.Badge,{type:"primary"},u.toUpperCase()))),(null==m?void 0:m.options.pathInMiddlePanel)&&!c&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:d}),_&&react_1.default.createElement(Description,null,void 0!==o&&react_1.default.createElement(Markdown_1.Markdown,{source:o}),i&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:i}),Object.keys(d.extensions||{}).length?react_1.default.createElement(Extensions_1.Extensions,{extensions:d.extensions}):null),react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:d.security}),(null===(t=d.parameters)||void 0===t?void 0:t.length)||d.requestBody?react_1.default.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("request"),onToggle:k,expanded:null==m?void 0:m.options.expandDefaultRequest},react_1.default.createElement(Parameters_1.Parameters,{parameters:d.parameters,body:d.requestBody})):null,(null===(a=d.responses)||void 0===a?void 0:a.length)?react_1.default.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("responses"),onToggle:f,expanded:null==m?void 0:m.options.expandDefaultResponse},react_1.default.createElement(Responses_1.ResponsesList,{responses:d.responses})):null,(null===(n=d.callbacks)||void 0===n?void 0:n.length)?react_1.default.createElement(Panel_1.ScrollableContentPanel,{header:(0,Labels_1.l)("callbacks")},react_1.default.createElement(Callbacks_1.CallbacksList,{callbacks:d.callbacks})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==b?void 0:b.AfterOperation,props:{operation:d}})),(null==m?void 0:m.showRightPanel)?react_1.default.createElement(common_elements_1.RightPanel,{"data-cy":"samples-block"},!(null==m?void 0:m.options.pathInMiddlePanel)&&!c&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:d}),react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:d}),react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:d}),react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:d.callbacks})):null)}));
 //# sourceMappingURL=Operation.js.map

package/lib/redoc-lib/src/components/RequestSamples/RequestSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),Panel_1=require("../../../../components/Panel"),Tabs_1=require("../../../../components/Tabs"),Samples_1=require("../../../../components/Samples"),services_1=require("../../services"),PayloadSamples_1=require("../PayloadSamples"),OptionsProvider_1=require("../OptionsProvider"),Labels_1=require("../../services/Labels"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),languageSwitchEvent_1=require("./languageSwitchEvent");exports.RequestSamples=(0,mobx_react_1.observer)((function(e){var a=e.operation,t=e.defaultLanguage,l=e.disableHeader,r=(e.content,(0,tslib_1.__rest)(e,["operation","defaultLanguage","disableHeader","content"])),n=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),s=n.events,o=n.hideSingleRequestSampleTab;(0,react_1.useEffect)((function(){}),[a.activeServer,a.requestValues]);var i=(0,useCodeSamples_1.useCodeSamples)(a),u=i.samples,p=i.payload,d=1===u.length&&o;return u.length?react_1.default.createElement(Panel_1.CodePanel,{dataHeaderTestId:"request-samples",header:l?void 0:(0,Labels_1.l)("requestSamples"),onToggle:function(e){var t,l=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,l)}},react_1.default.createElement(Samples_1.SamplesTabs,{operation:a,tabs:u,onChange:function(e){var t,l=(0,languageSwitchEvent_1.createLanguageSwitchEvent)({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,l)},hidden:d,defaultLanguage:t},u.map((function(e){return react_1.default.createElement(Tabs_1.TabPanel,{key:e.key},(0,services_1.isPayloadSample)(e)?react_1.default.createElement(PayloadSamples_1.PayloadSamples,(0,tslib_1.__assign)({content:e.requestBodyContent,operation:a},r)):react_1.default.createElement(CodeSample_1.CodeSample,(0,tslib_1.__assign)({lang:e.lang,source:e.source,externalSample:e,content:null==p?void 0:p.requestBodyContent,operation:a},r)))})))):null}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),Panel_1=require("../../../../components/Panel"),Tabs_1=require("../../../../components/Tabs"),Samples_1=require("../../../../components/Samples"),services_1=require("../../services"),PayloadSamples_1=require("../PayloadSamples"),OptionsProvider_1=require("../OptionsProvider"),Labels_1=require("../../services/Labels"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),languageSwitchEvent_1=require("./languageSwitchEvent");exports.RequestSamples=(0,mobx_react_1.observer)((function(e){var a=e.operation,t=e.defaultLanguage,r=e.disableHeader,l=(e.content,(0,tslib_1.__rest)(e,["operation","defaultLanguage","disableHeader","content"])),n=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),s=n.events,o=n.hideSingleRequestSampleTab;(0,react_1.useEffect)((function(){}),[a.activeServer,a.requestValues]);var i=(0,useCodeSamples_1.useCodeSamples)(a),u=i.samples,d=i.payload,c=1===u.length&&o,p=(0,react_1.useMemo)((function(){return u.map((function(e){return e.lang}))}),[u]);return u.length?react_1.default.createElement(Panel_1.CodePanel,{dataHeaderTestId:"request-samples",header:r?void 0:(0,Labels_1.l)("requestSamples"),onToggle:function(e){var t,r=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,r)}},react_1.default.createElement(Samples_1.SamplesTabs,{operation:a,tabs:u,tabsKeys:p,onChange:function(e){var t,r=(0,languageSwitchEvent_1.createLanguageSwitchEvent)({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,r)},hidden:c,defaultLanguage:t,id:a.id+"/request-tab"},u.map((function(e){return react_1.default.createElement(Tabs_1.TabPanel,{key:e.key+a.id},(0,services_1.isPayloadSample)(e)?react_1.default.createElement(PayloadSamples_1.PayloadSamples,(0,tslib_1.__assign)({content:e.requestBodyContent,operation:a},l)):react_1.default.createElement(CodeSample_1.CodeSample,(0,tslib_1.__assign)({lang:e.lang,source:e.source,externalSample:e,content:null==d?void 0:d.requestBodyContent,operation:a},l)))})))):null}));
 //# sourceMappingURL=RequestSamples.js.map

package/lib/redoc-lib/src/components/Responses/Response.d.ts

@@ -1,6 +1,3 @@
 /// <reference types="react" />
-import type { ResponseModel } from '../../services/models';
-export interface ResponseViewProps {
-    response: ResponseModel;
-}
-export declare const ResponseView: ({ response }: ResponseViewProps) => JSX.Element;
+import type { ResponseProps } from './types';
+export declare const Response: ({ response }: ResponseProps) => JSX.Element;

package/lib/redoc-lib/src/components/Responses/Response.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseView=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),ResponseDetails_1=require("./ResponseDetails"),ResponseSummary_1=require("./ResponseSummary");exports.ResponseView=(0,mobx_react_1.observer)((function(e){var r=e.response;return React.createElement(Panel_1.ResponsePanel,{header:function(e){var s=e.expanded,t=e.toggle;return React.createElement(ResponseSummary_1.ResponseSummary,{response:r,toggle:t,expanded:s})},expanded:Boolean(r.expanded),type:r.type},React.createElement(ResponseDetails_1.ResponseDetails,{response:r}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Response=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),react_1=(0,tslib_1.__importDefault)(require("react")),Panel_1=require("../../../../components/Panel"),ResponseDetails_1=require("./ResponseDetails"),ResponseSummary_1=require("./ResponseSummary");exports.Response=(0,mobx_react_1.observer)((function(e){var r=e.response;return react_1.default.createElement(Panel_1.ResponsePanel,{header:function(e){var s=e.expanded,t=e.toggle;return react_1.default.createElement(ResponseSummary_1.ResponseSummary,{response:r,toggle:t,expanded:s})},expanded:Boolean(r.expanded),type:r.type},react_1.default.createElement(ResponseDetails_1.ResponseDetails,{response:r}))}));
 //# sourceMappingURL=Response.js.map

package/lib/redoc-lib/src/components/Responses/ResponseDetails.d.ts

@@ -1,8 +1,3 @@
-import * as React from 'react';
-import type { ResponseModel } from '../../services/models';
-export declare class ResponseDetails extends React.PureComponent<{
-    response: ResponseModel;
-}> {
-    render(): JSX.Element;
-    private renderDropdown;
-}
+import React from 'react';
+import type { ResponseProps } from './types';
+export declare const ResponseDetails: React.NamedExoticComponent<ResponseProps>;

package/lib/redoc-lib/src/components/Responses/ResponseDetails.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseDetails=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../common-elements"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),FieldContstraints_1=require("../Fields/FieldContstraints"),ResponseHeaders_1=require("./ResponseHeaders"),styled_elements_1=require("./styled.elements"),ResponseDetails=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(common_elements_1.FieldsGroupHeader,{key:"header"},"Response Schema: ",React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({},e)))}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.response,t=e.description,r=e.headers,n=e.content;return React.createElement(React.Fragment,null,t&&React.createElement(Markdown_1.Markdown,{source:t}),React.createElement(ResponseHeaders_1.ResponseHeaders,{headers:r}),React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:n,renderDropdown:this.renderDropdown},(function(e){var t=e.schema;return React.createElement(React.Fragment,null,React.createElement(styled_elements_1.Wrapper,null,"object"===(null==t?void 0:t.type)&&React.createElement(FieldContstraints_1.ConstraintsView,{constraints:(null==t?void 0:t.constraints)||[]})),React.createElement(Schema_1.Schema,{skipWriteOnly:!0,key:"schema",schema:t}))})))}}),t}(React.PureComponent);exports.ResponseDetails=ResponseDetails;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseDetails=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),common_elements_1=require("../../common-elements"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),FieldContstraints_1=require("../Fields/FieldContstraints"),ResponseHeaders_1=require("./ResponseHeaders"),styled_1=require("./styled");function ResponseDetailsComponent(e){var t=e.response,r=t.description,a=t.headers,n=t.content;return react_1.default.createElement(react_1.default.Fragment,null,r&&react_1.default.createElement(Markdown_1.Markdown,{source:r}),react_1.default.createElement(ResponseHeaders_1.ResponseHeaders,{headers:a}),react_1.default.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:n,renderDropdown:function(e){return react_1.default.createElement(common_elements_1.FieldsGroupHeader,{key:"header"},"Response Schema: ",react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({},e)))}},(function(e){var t=e.schema;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.Wrapper,null,"object"===(null==t?void 0:t.type)&&react_1.default.createElement(FieldContstraints_1.ConstraintsView,{constraints:(null==t?void 0:t.constraints)||[]})),react_1.default.createElement(Schema_1.Schema,{skipWriteOnly:!0,key:"schema",schema:t}))})))}exports.ResponseDetails=(0,react_1.memo)(ResponseDetailsComponent);
 //# sourceMappingURL=ResponseDetails.js.map

package/lib/redoc-lib/src/components/Responses/ResponseHeaders.d.ts

@@ -1,9 +1,3 @@
-import * as React from 'react';
-import type { FieldModel } from '../../services/models';
-export interface ResponseHeadersProps {
-    headers?: FieldModel[];
-}
-export declare class ResponseHeaders extends React.PureComponent<ResponseHeadersProps> {
-    render(): JSX.Element | null;
-}
-export declare const PropertiesTableWrapStyled: import("styled-components").StyledComponent<"div", import("../../../../services/extendTheme").ProTheme, {}, never>;
+import React from 'react';
+import type { ResponseHeadersProps } from './types';
+export declare const ResponseHeaders: React.NamedExoticComponent<ResponseHeadersProps>;

package/lib/redoc-lib/src/components/Responses/ResponseHeaders.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTableWrapStyled=exports.ResponseHeaders=void 0;var templateObject_1,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),fields_layout_1=require("../../common-elements/fields-layout"),utils_1=require("../../utils"),Field_1=require("../Fields/Field"),styled_components_1=(0,tslib_1.__importDefault)(require("../../styled-components")),styled_elements_1=require("./styled.elements"),ResponseHeaders=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.headers;return void 0===e||0===e.length?null:React.createElement(exports.PropertiesTableWrapStyled,null,React.createElement(fields_layout_1.PropertiesTable,null,React.createElement(styled_elements_1.HeadersCaption,null," Response Headers "),React.createElement("tbody",null,(0,utils_1.mapWithLast)(e,(function(e,t){return React.createElement(Field_1.Field,{isLast:t,key:e.name,field:e,showExamples:!0})})))))}}),t}(React.PureComponent);exports.ResponseHeaders=ResponseHeaders,exports.PropertiesTableWrapStyled=(0,styled_components_1.default)(fields_layout_1.PropertiesTableWrap)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  :not(:last-child) {\n    border-bottom: 1px solid ",";\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"],["\n  :not(:last-child) {\n    border-bottom: 1px solid ",";\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"])),(function(e){return e.theme.colors.border.light}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeaders=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),fields_layout_1=require("../../common-elements/fields-layout"),utils_1=require("../../utils"),Field_1=require("../Fields/Field"),styled_1=require("./styled");function ResponseHeadersComponent(e){var t=e.headers;return void 0===t||0===t.length?null:react_1.default.createElement(styled_1.PropertiesTableWrapStyled,null,react_1.default.createElement(fields_layout_1.PropertiesTable,null,react_1.default.createElement(styled_1.HeadersCaption,null," Response Headers "),react_1.default.createElement("tbody",null,(0,utils_1.mapWithLast)(t,(function(e,t){return react_1.default.createElement(Field_1.Field,{isLast:t,key:e.name,field:e,showExamples:!0})})))))}exports.ResponseHeaders=(0,react_1.memo)(ResponseHeadersComponent);
 //# sourceMappingURL=ResponseHeaders.js.map

package/lib/redoc-lib/src/components/Responses/ResponseSummary.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-import type { PanelHeaderProps } from '../../../../components/Panel';
-import type { ResponseModel } from '../../services';
-export interface ResponseTitleProps extends PanelHeaderProps {
-    response: ResponseModel;
-}
+import type { ResponseTitleProps } from './types';
 export declare const ResponseSummary: ({ expanded, toggle, response, }: ResponseTitleProps) => JSX.Element;