@redocly/reference-docs 2.31.1 → 2.33.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

@@ -2,11 +2,13 @@
 import type { TabProps, TabsProps } from '../Tabs';
 interface SampleProps extends TabProps {
     lang: string;
+    key: string;
 }
 interface SamplesTabsProps extends TabsProps {
     onChange?: (tab: TabProps) => void;
     tabs: SampleProps[];
     defaultLanguage?: string;
+    id: string;
 }
-export declare const SamplesTabs: ({ children, onChange, defaultLanguage, ...props }: SamplesTabsProps) => JSX.Element;
+export declare const SamplesTabs: ({ children, onChange, defaultLanguage, id, tabs, operation }: 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.tabs,u=e.operation,o=(0,react_1.useContext)(redoc_lib_1.StoreContext),l=(0,react_1.useState)(r),c=l[0],d=l[1],s=(0,react_1.useState)(),_=s[0],g=s[1],p=(0,react_1.useMemo)((function(){var e=i.findIndex((function(e){return[null==o?void 0:o.activeSampleLanguage,c].includes(e.key)||e.lang===(null==o?void 0:o.activeSampleLanguage)}));return-1===e?0:e}),[i,c,null==o?void 0:o.activeSampleLanguage]),v=(0,react_1.useMemo)((function(){return i.map((function(e){return e.lang}))}),[i]);(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)}}),[v,_,n]),(0,react_1.useEffect)((function(){return null==o?void 0:o.stopLoader()}),[null==o?void 0:o.activeSampleLanguage]),(0,react_1.useEffect)((function(){c&&(null==o||o.startLoader(),null==o||o.activateSampleLanguage(c))}),[c,r]);var f=(0,react_1.useCallback)((function(e){var a,r=i[e];g(null===(a=document.getElementById(n))||void 0===a?void 0:a.getBoundingClientRect().y),d(r.key),t&&t(r)}),[n,t,i]);return react_1.default.createElement(LoadingWrapper_1.LoadingWrapper,{className:c&&"updated",id:n},react_1.default.createElement(Tabs_1.CollapsingTabsBase,{tabs:i,operation:u,activeIndex:p,onChange:f},r&&-1===v.indexOf(r)&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),a))}));
 //# sourceMappingURL=SamplesTabs.js.map

package/lib/components/Tabs/CollapsingTabs/CollapsingTabsBase.d.ts

@@ -14,5 +14,5 @@ interface CollapsingTabsComponentProps extends TabsProps {
     activeIndex: number;
     onChange: (idx: number) => void;
 }
-export declare const CollapsingTabsBase: ({ tabs, children, hidden, activeIndex, onChange, }: CollapsingTabsComponentProps) => JSX.Element;
+export declare const CollapsingTabsBase: React.NamedExoticComponent<CollapsingTabsComponentProps>;
 export {};

package/lib/components/Tabs/CollapsingTabs/CollapsingTabsBase.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),react_tabs_1=require("react-tabs"),redoc_lib_1=require("../../../redoc-lib"),Dropdown_1=require("../../common/Dropdown"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab"),CollapsingTabsBase=function(e){var t=e.tabs,a=e.children,l=e.hidden,r=e.activeIndex,n=e.onChange,i=(0,react_1.useContext)(redoc_lib_1.OptionsContext).samplesTabsMaxCount,o=(0,react_1.useMemo)((function(){return t.slice(i).map((function(e,t){return{idx:t,value:e.title}}))}),[t,i]),s=o.length+" more",c=(0,react_1.useState)(s),u=c[0],_=c[1],d=react_1.default.useCallback((function(){var e=r>=i;u!==s&&u===t[r].title||!e?u===s||e||_(s):_(t[r].title)}),[r,i,u,s,t]);(0,react_1.useEffect)((function(){setTimeout(d,0)}),[r,i,d]);return react_1.default.createElement(react_tabs_1.Tabs,{selectedIndex:r,onSelect:n},react_1.default.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:l},t.map((function(e,t){return react_1.default.createElement(CollapsingTab_1.CollapsingTab,{key:e.key,disabled:t>=i},e.title)})),o.length?react_1.default.createElement(Dropdown_1.CollapsingDropdown,{options:o,onChange:function(e){n(i+e.idx)},placeholder:s,value:u,active:r>=i}):null),a)};exports.CollapsingTabsBase=CollapsingTabsBase;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsingTabsBase=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),react_tabs_1=require("react-tabs"),redoc_lib_1=require("../../../redoc-lib"),Dropdown_1=require("../../common/Dropdown"),CollapsingTabList_1=require("./CollapsingTabList"),CollapsingTab_1=require("./CollapsingTab");function CollapsingTabsBaseComponent(e){var t=e.tabs,a=e.children,l=e.hidden,n=e.activeIndex,r=e.onChange,o=(0,react_1.useContext)(redoc_lib_1.OptionsContext).samplesTabsMaxCount,i=(0,react_1.useMemo)((function(){return t.slice(o).map((function(e,t){return{idx:t,value:e.title}}))}),[t,o]),s=i.length+" more",c=(0,react_1.useState)(s),u=c[0],_=c[1],p=react_1.default.useCallback((function(){var e=n>=o;u!==s&&u===t[n].title||!e?u===s||e||_(s):_(t[n].title)}),[n,o,u,s,t]);(0,react_1.useEffect)((function(){setTimeout(p,0)}),[n,o,p]);return react_1.default.createElement(react_tabs_1.Tabs,{selectedIndex:n,onSelect:r},react_1.default.createElement(CollapsingTabList_1.CollapsingTabList,{hidden:l},t.map((function(e,t){return react_1.default.createElement(CollapsingTab_1.CollapsingTab,{key:e.key,disabled:t>=o},e.title)})),i.length?react_1.default.createElement(Dropdown_1.CollapsingDropdown,{options:i,onChange:function(e){r(o+e.idx)},placeholder:s,value:u,active:n>=o}):null),a)}exports.CollapsingTabsBase=(0,react_1.memo)(CollapsingTabsBaseComponent);
 //# sourceMappingURL=CollapsingTabsBase.js.map

package/lib/components/common/FileUpload/FileUpload.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import type { SchemaModel } from '../../../redoc-lib/src/services/models/Schema';
+import type { UploadFileType } from '../../../models';
 export interface FileUploadProps {
     schema: SchemaModel | GenericObject;
     contentName: string;
-    onChange(string: any, UploadFileType: any): void;
+    onChange(key: string, file: UploadFileType): void;
     name: string;
 }
-export declare const FileUpload: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & FileUploadProps & React.RefAttributes<HTMLInputElement>>;
+export declare const FileUpload: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> & FileUploadProps & React.RefAttributes<HTMLInputElement>>;

package/lib/components/common/FileUpload/FileUpload.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FileUpload=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),helper_1=require("./helper");exports.FileUpload=React.forwardRef((function(e,t){var r=(0,tslib_1.__rest)(e,[]),i=r.schema,a=r.contentName,l=r.onChange,n=r.name;return(0,(0,informed_1.useField)((0,tslib_1.__assign)({field:n},r)).render)(React.createElement("input",{"data-cy":"file-upload-input",type:"file",id:r.id,className:r.className,name:r.name,onChange:function(e){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var t;return(0,tslib_1.__generator)(this,(function(r){switch(r.label){case 0:return[4,(0,helper_1.getFileToUpload)(e.target.files,i)];case 1:return t=r.sent(),l(a,t),[2]}}))}))},multiple:r.multiple,accept:r.accept,ref:t}))})),exports.FileUpload.displayName="FileUpload";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FileUpload=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),helper_1=require("./helper");exports.FileUpload=React.forwardRef((function(e,t){var r=(0,tslib_1.__rest)(e,[]),i=r.schema,a=r.contentName,l=r.onChange,n=r.name,s=(0,tslib_1.__rest)(r,["schema","contentName","onChange","name"]);return(0,(0,informed_1.useField)((0,tslib_1.__assign)({field:n},s)).render)(React.createElement("input",{"data-cy":"file-upload-input",type:"file",id:r.id,className:r.className,name:r.name,onChange:function(e){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var t;return(0,tslib_1.__generator)(this,(function(r){switch(r.label){case 0:return[4,(0,helper_1.getFileToUpload)(e.target.files,i)];case 1:return t=r.sent(),l(a,t),[2]}}))}))},multiple:r.multiple,accept:r.accept,ref:t}))})),exports.FileUpload.displayName="FileUpload";
 //# sourceMappingURL=FileUpload.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/AuthPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AuthPanel=exports.requiredValidator=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../utils"),TextField_1=require("../common/TextField"),form_1=require("../common/form"),Labels_1=require("../../redoc-lib/src/services/Labels"),Dropdown_1=require("../common/Dropdown"),OpenIDConnect_1=require("./OpenIDConnect"),OAuth2Flow_1=require("./OAuth2Flow"),OAuth2TokenInput_1=(0,tslib_1.__importDefault)(require("./OAuth2TokenInput"));function requiredValidator(e){if(!e)return"Field is required"}exports.requiredValidator=requiredValidator;var getCookie=function(e){var t=document.cookie.match("\\b"+e+"=([^;]*)\\b");return t?t[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name)}var AuthPanel=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeScheme:0}}),Object.defineProperty(t,"handleSchemeChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.setState({activeScheme:e.idx}),(0,utils_1.toSessionStorage)("securityRequirementName",e.value)}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.operation.security.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})),r=(0,utils_1.fromSessionStorage)("securityRequirementName"),o=t.findIndex((function(e){return e===r}));return{activeScheme:o<0?0:o}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.securityDefaults,r=this.state.activeScheme,o=this.props.operation.security,l=o.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})).map((function(e,t){return{value:e,idx:t}}));return 0===l.length?null:React.createElement(React.Fragment,null,React.createElement(form_1.FormWrapper,null,l.length>1&&React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Security scheme: "),React.createElement(Dropdown_1.Dropdown,{variant:"dark",fullWidth:!0,options:l,value:l[r].value,onChange:this.handleSchemeChange}))||null,o[r].schemes.map((function(r){var o,l,a,i,n,u,s,c=(0,utils_1.escapeFormId)(r.id);if("apiKey"===r.type){var d=(0,utils_1.getSecurityDetailsOptions)(c,""),m={field:"auth."+c,fullWidth:!0,initialValue:fromCookie(r)||(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:fromCookie(r)||(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(form_1.FormControl,{key:c},React.createElement(form_1.FormLabel,null," ",r.name,": "),d?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:d})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m,{type:"password","data-cy":"apiKey-auth-password"})))}if("http"===r.type){if("basic"===r.scheme){var p=(0,utils_1.getSecurityDetailsOptions)(c,"username");m={field:"auth."+c+".username",fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+c+".username")||(null===(o=null==t?void 0:t[c])||void 0===o?void 0:o.username),initValue:(0,utils_1.fromSessionStorage)("auth."+c+".username")||(null===(l=null==t?void 0:t[c])||void 0===l?void 0:l.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicUsername"),": "),p?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:p})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m))),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicPassword"),": "),React.createElement(TextField_1.FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:"auth."+c+".password",initialValue:(0,utils_1.fromSessionStorage)("auth."+c+".password")||(null===(a=null==t?void 0:t[c])||void 0===a?void 0:a.password)||"",validateOnBlur:!0,validateOnChange:!0})))}if("bearer"===r.scheme){var f=(0,utils_1.getSecurityDetailsOptions)(c,"");m={field:"auth."+c,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Bearer Token: "),f?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:f})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m,{type:"password",placeholder:"(without 'Bearer')"}))))}}else{if("oauth2"===r.type&&r.flows&&r.flows.clientCredentials)return React.createElement(OAuth2TokenInput_1.default,{key:c,flow:r.flows.clientCredentials,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.clientCredentials["x-defaultClientId"]||r["x-defaultClientId"],defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type&&r.flows&&r.flows.implicit)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:c,authorizationUrl:r.flows.implicit.authorizationUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(n=null===(i=null==r?void 0:r.flows)||void 0===i?void 0:i.implicit)||void 0===n?void 0:n.scopes)||{}),server:e.props.activeServer,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.implicit["x-defaultClientId"]||r["x-defaultClientId"],flow:"implicit",defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type&&r.flows&&r.flows.authorizationCode)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:c,authorizationUrl:r.flows.authorizationCode.authorizationUrl,tokenUrl:r.flows.authorizationCode.tokenUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(u=r.flows.authorizationCode)||void 0===u?void 0:u.scopes)||{}),server:e.props.activeServer,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.authorizationCode["x-defaultClientId"]||r["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:r.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:r.flows.authorizationCode["x-usePkce"],defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type){var h=(0,utils_1.fromSessionStorage)("auth."+c+".token")||JSON.stringify(null===(s=null==t?void 0:t[c])||void 0===s?void 0:s.token);return h=h?JSON.parse(h):{},React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token Type: "),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+c+".token.token_type",initialValue:h.token_type||"Bearer"})),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+c+".token.access_token",validate:requiredValidator,initialValue:h.access_token,validateOnBlur:!0,validateOnChange:!0})))}if("openIdConnect"===r.type)return React.createElement(OpenIDConnect_1.OpenIDConnect,{key:c,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:c,form:e.props.form,formApi:e.props.formApi,scheme:r,clientId:r["x-defaultClientId"],defaultValues:null==t?void 0:t[c]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))}}),t}(React.Component);exports.AuthPanel=AuthPanel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AuthPanel=exports.requiredValidator=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../utils"),TextField_1=require("../common/TextField"),form_1=require("../common/form"),Labels_1=require("../../redoc-lib/src/services/Labels"),Dropdown_1=require("../common/Dropdown"),OpenIDConnect_1=require("./OpenIDConnect"),OAuth2Flow_1=require("./OAuth2Flow"),OAuth2TokenInput_1=(0,tslib_1.__importDefault)(require("./OAuth2TokenInput"));function requiredValidator(e){if(!e)return"Field is required"}exports.requiredValidator=requiredValidator;var getCookie=function(e){var t=document.cookie.match("\\b"+e+"=([^;]*)\\b");return t?t[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name)}var AuthPanel=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeScheme:0}}),Object.defineProperty(t,"handleSchemeChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.setState({activeScheme:e.idx}),(0,utils_1.toSessionStorage)("securityRequirementName",e.value)}}),t}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.operation.security.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})),r=(0,utils_1.fromSessionStorage)("securityRequirementName"),o=t.findIndex((function(e){return e===r}));return{activeScheme:o<0?0:o}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.securityDefaults,r=this.state.activeScheme,o=this.props.operation.security,a=o.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})).filter(Boolean).map((function(e,t){return{value:e,idx:t}}));return 0===a.length?React.createElement(OpenIDConnect_1.Error,{message:"Cannot find security schema in the definition"}):React.createElement(React.Fragment,null,React.createElement(form_1.FormWrapper,null,a.length>1&&React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Security scheme: "),React.createElement(Dropdown_1.Dropdown,{variant:"dark",fullWidth:!0,options:a,value:a[r].value,onChange:this.handleSchemeChange}))||null,o[r].schemes.map((function(r){var o,a,l,i,n,u,s,c=(0,utils_1.escapeFormId)(r.id);if("apiKey"===r.type){var d=(0,utils_1.getSecurityDetailsOptions)(c,""),m={field:"auth."+c,fullWidth:!0,initialValue:fromCookie(r)||(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:fromCookie(r)||(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(form_1.FormControl,{key:c},React.createElement(form_1.FormLabel,null," ",r.name,": "),d?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:d})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m,{type:"password","data-cy":"apiKey-auth-password"})))}if("http"===r.type){if("basic"===r.scheme){var p=(0,utils_1.getSecurityDetailsOptions)(c,"username");m={field:"auth."+c+".username",fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+c+".username")||(null===(o=null==t?void 0:t[c])||void 0===o?void 0:o.username),initValue:(0,utils_1.fromSessionStorage)("auth."+c+".username")||(null===(a=null==t?void 0:t[c])||void 0===a?void 0:a.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicUsername"),": "),p?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:p})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m))),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicPassword"),": "),React.createElement(TextField_1.FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:"auth."+c+".password",initialValue:(0,utils_1.fromSessionStorage)("auth."+c+".password")||(null===(l=null==t?void 0:t[c])||void 0===l?void 0:l.password)||"",validateOnBlur:!0,validateOnChange:!0})))}if("bearer"===r.scheme){var f=(0,utils_1.getSecurityDetailsOptions)(c,"");m={field:"auth."+c,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),initValue:(0,utils_1.fromSessionStorage)("auth."+c)||(null==t?void 0:t[c]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Bearer Token: "),f?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},m,{options:f})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},m,{type:"password",placeholder:"(without 'Bearer')"}))))}}else{if("oauth2"===r.type&&r.flows&&r.flows.clientCredentials)return React.createElement(OAuth2TokenInput_1.default,{key:c,flow:r.flows.clientCredentials,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.clientCredentials["x-defaultClientId"]||r["x-defaultClientId"],defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type&&r.flows&&r.flows.implicit)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:c,authorizationUrl:r.flows.implicit.authorizationUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(n=null===(i=null==r?void 0:r.flows)||void 0===i?void 0:i.implicit)||void 0===n?void 0:n.scopes)||{}),server:e.props.activeServer,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.implicit["x-defaultClientId"]||r["x-defaultClientId"],flow:"implicit",defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type&&r.flows&&r.flows.authorizationCode)return React.createElement(OAuth2Flow_1.OAuth2Flow,{key:c,authorizationUrl:r.flows.authorizationCode.authorizationUrl,tokenUrl:r.flows.authorizationCode.tokenUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(u=r.flows.authorizationCode)||void 0===u?void 0:u.scopes)||{}),server:e.props.activeServer,id:c,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.authorizationCode["x-defaultClientId"]||r["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:r.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:r.flows.authorizationCode["x-usePkce"],defaultValues:null==t?void 0:t[c]});if("oauth2"===r.type){var h=(0,utils_1.fromSessionStorage)("auth."+c+".token")||JSON.stringify(null===(s=null==t?void 0:t[c])||void 0===s?void 0:s.token);return h=h?JSON.parse(h):{},React.createElement(React.Fragment,{key:c},React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token Type: "),React.createElement(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+c+".token.token_type",initialValue:h.token_type||"Bearer"})),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+c+".token.access_token",validate:requiredValidator,initialValue:h.access_token,validateOnBlur:!0,validateOnChange:!0})))}if("openIdConnect"===r.type)return React.createElement(OpenIDConnect_1.OpenIDConnect,{key:c,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:c,form:e.props.form,formApi:e.props.formApi,scheme:r,clientId:r["x-defaultClientId"],defaultValues:null==t?void 0:t[c]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))}}),t}(React.Component);exports.AuthPanel=AuthPanel;
 //# sourceMappingURL=AuthPanel.js.map

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

@@ -1,35 +1,39 @@
-import * as React from 'react';
+import type { ComponentType, LegacyRef } from 'react';
+import React from 'react';
+import type { FieldApi, FieldState } from 'informed';
 import { Controlled as CodeMirror } from 'react-codemirror2-react-17';
 import type { Editor } from 'codemirror';
+import type { OpenAPISchema, Referenced } from '../../redoc-lib';
 import './codemirror-helpers';
 export interface CodemirrorInputBase {
-    forwardedRef?: React.Ref<any>;
+    forwardedRef?: LegacyRef<CodeMirror>;
     mode?: string;
     field: string;
-    initialValue: any;
-    validate: any;
-    schema: any;
+    initialValue: string;
+    validate: () => string | undefined;
+    schema?: Referenced<OpenAPISchema>;
     id: string;
-    onChange?: (e: any) => any;
-    onBlur?: (e: any) => any;
+    onChange?: (e: any) => void;
+    onBlur?: (e: any) => void;
 }
 export interface CodemirrorInputProps extends CodemirrorInputBase {
-    fieldApi: any;
-    fieldState: any;
+    fieldApi: FieldApi;
+    fieldState: FieldState<string>;
     render: any;
     userProps: any;
     ref: any;
 }
-export declare class CodemirrorInput extends React.Component<CodemirrorInputProps> {
+export declare class CodemirrorInput extends React.PureComponent<CodemirrorInputProps> {
     editor: Editor;
     _onKeyUp: (_cm: CodeMirror.Doc, event: {
         key: string;
     }) => void;
     initEditor: (editor: Editor) => void;
     refreshEditor: () => void;
+    showHintHandler: () => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
 }
-declare const _default: React.ComponentType<CodemirrorInputBase>;
+declare const _default: ComponentType<CodemirrorInputBase>;
 export default _default;

package/lib/components/console/CodemirrorInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),redoc_lib_1=require("../../redoc-lib");require("./codemirror-helpers");var templateObject_1,types_1=require("../../types"),CodeMirrorStyles=(0,redoc_lib_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: ",";\n  }\n"],["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: ",";\n  }\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.typography.code.fontFamily}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.components.panels.borderRadius})),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){/^[a-zA-Z0-9_":]$/.test(t.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.fieldState.value,t=this.props.fieldApi,n=t.setValue,o=t.setTouched,i=t.setError,a=this.props,c=a.onChange,l=a.onBlur,d=a.forwardedRef;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:this.initEditor,value:r||"",ref:d||void 0,onBeforeChange:function(e,r,t){n(t),c&&c(t)},onBlur:function(e){o(),l&&l(e)},options:{mode:this.props.mode||types_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":function(){return e.editor.showHint({completeSingle:!0})},"Ctrl-Space":function(){return e.editor.showHint({completeSingle:!0})}},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:i}}}))}}),r}(React.Component);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),redoc_lib_1=require("../../redoc-lib");require("./codemirror-helpers");var templateObject_1,types_1=require("../../types"),CodeMirrorStyles=(0,redoc_lib_1.createGlobalStyle)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: ",";\n  }\n"],["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: ",";\n  }\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.typography.code.fontFamily}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.components.panels.borderRadius})),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){/^[a-zA-Z0-9_":]$/.test(t.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,t=r.setValue,n=r.setTouched,o=r.setError,i=this.props,a=i.onChange,l=i.onBlur,c=i.forwardedRef;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(CodeMirrorStyles,null),react_1.default.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:this.initEditor,value:e||"",ref:c,onBeforeChange:function(e,r,n){t(n),a&&a(n)},onBlur:function(e){n(!1),l&&l(e)},options:{mode:this.props.mode||types_1.MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:o}}}))}}),r}(react_1.default.PureComponent);exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
 //# sourceMappingURL=CodemirrorInput.js.map

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';
@@ -26,13 +26,13 @@ export interface ConsoleState {
     error?: Error & {
         response?: OpenApiResponseData;
     };
-    resolvedRawSpec?: any;
+    resolvedRawSpec?: GenericObject;
     response?: OpenApiResponseData;
     time?: number;
     server: Server;
 }
 export declare class Console extends React.Component<ConsoleProps, ConsoleState> {
-    formApi: FormApi;
+    formApi: FormApi | undefined;
     constructor(props: ConsoleProps);
     setFormApi: (formApi: FormApi, { values, ...rest }?: FormState<import("informed").FormValues>) => void;
     handleChange: ({ values, ...rest }: ConsoleState['form']) => void;

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,m,b,y,g,f,P,R,q,S,A,C,w,k,I,E,O,T,x,B,j,F,H,D,V,U,N=this;return(0,tslib_1.__generator)(this,(function(L){switch(L.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,null===(x=this.formApi)||void 0===x||x.submitForm(),n)return this.setState({shaking:!0}),setTimeout((function(){return N.setState({shaking:!1})}),1e3),null===(j=null===(B=null==t?void 0:t.options.events)||void 0===B?void 0:B.tryItSent)||void 0===j||j.call(B,{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 N.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=o.auth,o.auth?(y=Object.keys(o.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)({},null==c?void 0:c.components),{securitySchemes:(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==c?void 0:c.components.securitySchemes),(I={},I[g]=(0,tslib_1.__assign)((0,tslib_1.__assign)({},null==c?void 0:c.components.securitySchemes[g]),{type:"openIdConnect"===(null==c?void 0:c.components.securitySchemes[g].type)?"oauth2":null==c?void 0:c.components.securitySchemes[g].type}),I))})}),b=(0,tslib_1.__assign)((0,tslib_1.__assign)({},b),((E={})[g]=b[y],E))):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===(H=null===(F=null==i?void 0:i.content)||void 0===F?void 0:F.active)||void 0===H?void 0:H.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)({},o.path),o.query),o.header),o.cookie),securities:{authorized:b},requestBody:u,requestContentType:P,responseContentType:(null===(D=o.header)||void 0===D?void 0:D.Accept)||null,requestInterceptor:(0,utils_2.makeRequestInterceptor)(t.options,r,null==b?void 0:b.Authorization)},L.label=1;case 1:return L.trys.push([1,5,8,9]),[4,swagger_client_1.default.execute(q)];case 2:return S=L.sent(),(A=null==S?void 0:S.data)instanceof Blob?((0,helper_1.isFileUploadMime)(A.type)&&(S.fileInfo={rawData:A,fileName:(0,utils_2.getFileNameFromHeaders)(S.headers)}),C=S,[4,A.text()]):[3,4];case 3:C.data=L.sent(),L.label=4;case 4:return null==s||s({request:q,response:S}),this.setState({response:S,error:void 0}),[3,9];case 5:return(w=L.sent())&&w.response&&w.response.data instanceof Blob?(k=w.response,[4,w.response.data.text()]):[3,7];case 6:k.data=L.sent(),null==s||s({request:q,response:w.response}),L.label=7;case 7:return this.setState({response:void 0,error:w}),[3,9];case 8:return this.setState({loading:!1,activeTab:1,time:Date.now()-h}),null===(U=null===(V=null==t?void 0:t.options.events)||void 0===V?void 0:V.tryItSent)||void 0===U||U.call(V,{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(){var e;return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var t,r,s,a;return(0,tslib_1.__generator)(this,(function(o){switch(o.label){case 0:return t=this.props,r=t.store,s=t.operation,[4,r.dereferenceSpecForTryIt(s)];case 1:return a=o.sent(),this.setState({resolvedRawSpec:a}),null===(e=this.formApi)||void 0===e||e.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&&this.formApi&&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&&this.formApi&&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,formApi:this.formApi,body:r.requestBody,id:r.id,resolvedBody:null==d?void 0: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>;
@@ -13,3 +13,6 @@ export interface OpenIDConnectProps {
     defaultValues?: SecurityDetails;
 }
 export declare function OpenIDConnect(props: OpenIDConnectProps): JSX.Element;
+export declare function Error({ message }: {
+    message: string;
+}): JSX.Element;

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.Error=exports.OpenIDConnect=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),OpenIDConnect_1=require("../../services/OpenIDConnect"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),OAuth2Flow_1=require("./OAuth2Flow"),styled_1=require("./styled");function OpenIDConnect(e){var t,r,n=this,l=e.scheme,o=e.defaultValues,a=(0,react_1.useState)({}),u=a[0],i=a[1],c=(0,react_1.useState)(),s=c[0],d=c[1],_=(0,react_1.useState)(!1),p=_[0],f=_[1];(0,react_1.useEffect)((function(){m(l.openIdConnectUrl)}),[l.openIdConnectUrl]);var m=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:f(!0),d(""),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(),d(r.message),[3,4];case 4:return f(!1),[2]}}))}))};return p?react_1.default.createElement(Loading,null):s?react_1.default.createElement(Error,{message:s}):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(styled_1.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:o})):(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(styled_1.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:o})):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,exports.Error=Error;
 //# sourceMappingURL=OpenIDConnect.js.map

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { RequestBodyProps } from './types';
+export declare const RequestBody: React.NamedExoticComponent<RequestBodyProps>;

package/lib/components/console/RequestBody/RequestBody.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),redoc_lib_1=require("../../../redoc-lib"),Samples_1=require("../../Samples"),utils_1=require("../../../services/utils"),helper_1=require("../../common/FileUpload/helper"),types_1=require("../../../types"),Dropdown_1=require("../../common/Dropdown"),RequestBodyForm_1=require("../RequestBodyForm"),RequestMimeLabel_1=require("../RequestMimeLabel"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("../CodemirrorInput")),utils_2=require("../utils"),utils_3=require("../../../utils"),RequestBodyComponent=(0,mobx_react_1.observer)((function(e){var t,r=e.body,a=e.formApi,o=e.resolvedBody,l=e.properties,i=e.id,n=e.validate,u=r.content,s=function(e){var t;if(!u||!u.hasSample)return"";var r=null===(t=u.active)||void 0===t?void 0:t.examples;if(!(null==r?void 0:r[e]))return"";var a=null==r?void 0:r[e].value,o=l?(0,deepmerge_1.default)(a,l,{arrayMerge:utils_1.arrayMergeStrategy}):a;return JSON.stringify(o,null,2)},d=null===(t=null==u?void 0:u.operation)||void 0===t?void 0:t.activeExampleName,m=function(e){var t;null===(t=null==u?void 0:u.operation)||void 0===t||t.activateExampleName(e),a.setValue("body",s(e))},_=function(e,t){(0,a.setValue)("body."+e,t)};(0,react_1.useEffect)((function(){!1!==d?a.setValue("body",(0,utils_3.fromSessionStorage)(i+"_"+(d||""))||s(d||"")):a.setValue("body",JSON.stringify(l||{},null,2))}),[d]);var c=(0,react_1.useCallback)((function(e){return function(t){(0,utils_3.toSessionStorage)(i+"_"+e,t)}}),[i]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(redoc_lib_1.MediaTypesSwitch,{content:r.content,renderDropdown:function(e){return react_1.default.createElement(redoc_lib_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:Dropdown_1.Dropdown}))}},(function(e){var t=e.examples||{},r=Object.keys(t),u=e.schema,s=(0,helper_1.isRootFileUpload)(u||{},e.name)||e.name===types_1.MediaTypes.MULTIPART||e.name===types_1.MediaTypes.URL_ENCODED,d=(0,Samples_1.useExampleKey)(e.operation,t).exampleKey,p=(0,utils_3.fromSessionStorage)(i+"_"+d)||(0,utils_2.encodeSample)(t[d],l);return react_1.default.createElement(react_1.default.Fragment,null,r.length&&1!==r.length&&react_1.default.createElement(Samples_1.ExampleSwitch,{examples:t,onChange:m,exampleKey:d})||null,s?react_1.default.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,formApi:a,onChange:_}):react_1.default.createElement(CodemirrorInput_1.default,{id:"body"+i,field:"body",initialValue:p,schema:((null==o?void 0:o.content[e.name])||{}).schema,mode:e.name,validate:n,onChange:c(d)}))})))}));exports.RequestBody=(0,react_1.memo)(RequestBodyComponent);
+//# sourceMappingURL=RequestBody.js.map

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

@@ -0,0 +1,2 @@
+export { RequestBody } from './RequestBody';
+export * from './types';

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

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

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

@@ -0,0 +1,10 @@
+import type { FormApi } from 'informed';
+import type { RequestBodyModel, OpenAPIRequestBody } from '../../../redoc-lib';
+export interface RequestBodyProps {
+    body: RequestBodyModel;
+    resolvedBody: OpenAPIRequestBody;
+    validate: () => string | undefined;
+    formApi: FormApi;
+    id: string;
+    properties: any;
+}

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

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

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

@@ -1,9 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 import type { FormApi } from 'informed';
+import type { UploadFileType } from '../../models';
 import type { FieldModel, MediaTypeModel } from '../../redoc-lib';
 export declare const RequestBodyForm: (props: {
     mediaType: MediaTypeModel;
-    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    onChange(key: string, file: UploadFileType): void;
     formApi?: FormApi<import("informed").FormValues> | undefined;
 }) => JSX.Element | null;
 export declare function getRequestBodyFormFields(mediaType: MediaTypeModel): FieldModel[];

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/components/console/styled.d.ts

@@ -6,3 +6,4 @@ export declare const ConsoleWrap: import("styled-components").StyledComponent<"d
 export declare const ConsoleBody: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
 export declare const CloseButton: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {}, never>;
 export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
+export declare const FlowName: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;