@redocly/reference-docs 2.36.0 → 2.37.0

package/lib-esm/components/console/OAuth2Flow.js

@@ -1,2 +1,2 @@
-import{__assign,__awaiter,__extends,__generator,__makeTemplateObject}from"tslib";import*as React from"react";import{styled,OptionsContext}from"../../redoc-lib";import{LinearProgress}from"../common/LinearProgress";import{FormControl,FormLabel,FormError,FormWrapper,FormWarning}from"../common/form";import{FormDropdown,FormTextField,TextField}from"../common/TextField";import{Checkbox}from"../common/Checkbox";import{Button}from"../shared";import{OAuth2,deriveCodeChallenge}from"../../services/OAuth2";import{fromSessionStorage,getSecurityDetailsOptions}from"../../utils";import{isEmptyObject,randString}from"../../services/utils";import{getOAuth2TokenEndpointAuthHeader,normalizeUrlProtocol,validateTokenEndpointMethod}from"./utils";import Scope from"./Scope";function requiredValidator(e){if(!e)return"Field is required"}var OAuth2Flow=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:{error:null,loading:!1,showPkceOptions:!1}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"togglePkceOptions",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState((function(e){return{showPkceOptions:!e.showPkceOptions}}))}}),Object.defineProperty(t,"handleCodeVerifierChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var r=e.target.value;return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,deriveCodeChallenge(r)];case 1:return e=t.sent(),this.setState({codeVerifier:r,validCodeChallenge:e}),[2]}}))}))}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"values",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.values)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.errors)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"pkceInputActionButtonProps",{get:function(){var e=this;if(void 0!==this.state.codeVerifier&&this.state.codeChallenge!==this.state.validCodeChallenge)return{label:"sync",onClick:function(){e.state.codeVerifier&&e.setState({codeChallenge:e.state.validCodeChallenge})}}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;if(this.props.usePkce){var t=randString(43);deriveCodeChallenge(t).then((function(r){e.setState({codeVerifier:t,codeChallenge:r,validCodeChallenge:r})}))}}}),Object.defineProperty(t.prototype,"handleAuthorize",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;if(e){this.props.formApi.validate();var r=this.props,n=r.flow,o=r.usePkce,a=r.id,l=r.tokenUrl,i=r.authCorsProxyUrl,c=r.tokenEndpointAuthMethod;if(isEmptyObject(this.errors)){this.setState({loading:!0,error:null});var s=i?i+normalizeUrlProtocol(e):e,u=i&&l?i+normalizeUrlProtocol(l):l,d=this.props.formApi.getValue("auth."+a+".scopes"),p={authorizationUrl:s.startsWith("http")?s:this.props.server+s,clientId:this.values.client_id,scopes:d,redirectUri:this.context.oAuth2RedirectURI,routingBasePath:this.context.routingBasePath,successCallback:function(e){t.props.formApi.setValue("auth."+t.props.id+".token",e),t.setState({loading:!1,error:null})},errorCallback:function(e){t.setState({loading:!1,error:(null==e?void 0:e.message)||"Failed to retrieve the access token"})}};"implicit"===n&&OAuth2.authorizeImplicit(p),validateTokenEndpointMethod(c)?"authorizationCode"===n&&OAuth2.authorizeAuthorizationCode(__assign(__assign(__assign({},p),{tokenUrl:(null==u?void 0:u.startsWith("http"))?u:this.props.server+u,clientSecret:this.values.client_secret,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:c,clientId:this.values.client_id,clientSecret:this.values.client_secret})}),o&&{codeVerifier:this.state.codeVerifier,codeChallenge:this.state.codeChallenge})):console.log("Unsupported token endpoint auth method: "+c)}}}}),Object.defineProperty(t.prototype,"handleLogout",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.clearToken(),this.setState({error:null})}}),Object.defineProperty(t.prototype,"handleCancel",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({loading:!1,error:null}),OAuth2.clearRedirectData(this.props.flow)}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,r=t.error,n=t.loading,o=this.props,a=o.id,l=o.scopes,i=o.authorizationUrl,c=o.flow,s=o.usePkce,u=o.defaultValues;if(!i)return React.createElement(FormError,null,"No flow info");var d=fromSessionStorage("auth."+a+".token")||JSON.stringify(null==u?void 0:u.token);d=d?JSON.parse(d):"";var p=getSecurityDetailsOptions(a,"client_id"),m={field:"auth."+a+".client_id",fullWidth:!0,initialValue:fromSessionStorage("auth."+a+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),initValue:fromSessionStorage("auth."+a+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null," Client ID: "),p?React.createElement(FormDropdown,__assign({},m,{options:p})):React.createElement(FormTextField,__assign({},m,{"data-cy":"client-id-input"}))),"authorizationCode"===c&&React.createElement(React.Fragment,null,(!(null==s?void 0:s.hideClientSecretInput)||!s)&&React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:"auth."+a+".client_secret",initialValue:fromSessionStorage("auth."+a+".client_secret")||(null==u?void 0:u.client_secret),validateOnBlur:!0,validateOnChange:!0,"data-cy":"client-secret-input"})),s&&!s.disableManualConfiguration&&React.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:this.state.showPkceOptions,onChange:this.togglePkceOptions,"data-cy":"pkce-options-toggle"}),this.state.showPkceOptions&&React.createElement(PkceDetails,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Verifier"),React.createElement(TextField,{fullWidth:!0,value:this.state.codeVerifier,onChange:this.handleCodeVerifierChange,"data-cy":"code-verifier-input"})),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Challenge"),React.createElement(TextField,{fullWidth:!0,value:this.state.codeChallenge,onChange:function(t){var r=t.target.value;e.setState({codeChallenge:r})},inputActionButton:this.pkceInputActionButtonProps,"data-cy":"code-challenge-input"}))))),React.createElement(FormTextField,{fullWidth:!0,field:"auth."+a+".token",type:"hidden",initialValue:d}),React.createElement(Scope,{id:a,scopes:l}),this.values.token&&this.values.token.access_token?React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(TextField,{disabled:!0,type:"password",fullWidth:!0,value:this.values.token.access_token})):null),React.createElement(ButtonsWrapper,null,this.values.token&&this.values.token.access_token?React.createElement(Button,{fullWidth:!0,onClick:function(){e.handleLogout()}},"Log out"):n?React.createElement(React.Fragment,null,React.createElement(Button,{fullWidth:!0,onClick:function(){e.handleCancel()}},"Cancel"),React.createElement(LinearProgress,null)):React.createElement(Button,{fullWidth:!0,disabled:!isEmptyObject(this.errors),onClick:function(){e.handleAuthorize(i)}},"Authorize")),n||r||!this.values.token||!this.values.token.access_token&&React.createElement(FormWrapper,null,React.createElement(FormControl,null,n?React.createElement(FormWarning,null,"Please, finish your authorization flow or cancel authorization."):r?React.createElement(React.Fragment,null,React.createElement(OriginalErrorMessage,null,React.createElement(FormError,null,r))):this.values.token&&this.values.token.access_token?null:React.createElement(FormWarning,null," No Access Token. Please, Authorize. "))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t}(React.Component);export{OAuth2Flow};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,OriginalErrorMessage=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"],["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"]))),ButtonsWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"]))),PkceOptionsWrapper=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  padding: 8px 0 20px;\n"],["\n  padding: 8px 0 20px;\n"]))),PkceDetails=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  padding: 4px 0;\n"],["\n  padding: 4px 0;\n"])));
+import{__assign,__awaiter,__extends,__generator,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Component}from"react";import{styled,OptionsContext}from"../../redoc-lib";import{LinearProgress}from"../common/LinearProgress";import{FormControl,FormLabel,FormError,FormWrapper,FormWarning}from"../common/form";import{FormDropdown,FormTextField,TextField}from"../common/TextField";import{Checkbox}from"../common/Checkbox";import{Button}from"../shared";import{OAuth2,deriveCodeChallenge}from"../../services/OAuth2";import{fromSessionStorage,getSecurityDetailsOptions}from"../../utils";import{isEmptyObject,randString}from"../../services/utils";import{getOAuth2TokenEndpointAuthHeader,normalizeUrlProtocol,validateTokenEndpointMethod}from"./utils";import Scope from"./Scope";function requiredValidator(e){if(!e)return"Field is required"}var OAuth2Flow=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:{error:null,loading:!1,showPkceOptions:!1}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"togglePkceOptions",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState((function(e){return{showPkceOptions:!e.showPkceOptions}}))}}),Object.defineProperty(t,"handleCodeVerifierChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var i=e.target.value;return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,deriveCodeChallenge(i)];case 1:return e=t.sent(),this.setState({codeVerifier:i,validCodeChallenge:e}),[2]}}))}))}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"values",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.values)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.errors)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"pkceInputActionButtonProps",{get:function(){var e=this;if(void 0!==this.state.codeVerifier&&this.state.codeChallenge!==this.state.validCodeChallenge)return{label:"sync",onClick:function(){e.state.codeVerifier&&e.setState({codeChallenge:e.state.validCodeChallenge})}}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;if(this.props.usePkce){var t=randString(43);deriveCodeChallenge(t).then((function(i){e.setState({codeVerifier:t,codeChallenge:i,validCodeChallenge:i})}))}}}),Object.defineProperty(t.prototype,"handleAuthorize",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;if(e){this.props.formApi.validate();var i=this.props,o=i.flow,r=i.usePkce,n=i.id,l=i.tokenUrl,a=i.authCorsProxyUrl,s=i.tokenEndpointAuthMethod;if(isEmptyObject(this.errors)){this.setState({loading:!0,error:null});var d=a?a+normalizeUrlProtocol(e):e,c=a&&l?a+normalizeUrlProtocol(l):l,u=this.props.formApi.getValue("auth."+n+".scopes"),p={authorizationUrl:d.startsWith("http")?d:this.props.server+d,clientId:this.values.client_id,scopes:u,redirectUri:this.context.oAuth2RedirectURI,routingBasePath:this.context.routingBasePath,successCallback:function(e){t.props.formApi.setValue("auth."+t.props.id+".token",e),t.setState({loading:!1,error:null})},errorCallback:function(e){t.setState({loading:!1,error:(null==e?void 0:e.message)||"Failed to retrieve the access token"})}};"implicit"===o&&OAuth2.authorizeImplicit(p),validateTokenEndpointMethod(s)?"authorizationCode"===o&&OAuth2.authorizeAuthorizationCode(__assign(__assign(__assign({},p),{tokenUrl:(null==c?void 0:c.startsWith("http"))?c:this.props.server+c,clientSecret:this.values.client_secret,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:s,clientId:this.values.client_id,clientSecret:this.values.client_secret})}),r&&{codeVerifier:this.state.codeVerifier,codeChallenge:this.state.codeChallenge})):console.log("Unsupported token endpoint auth method: "+s)}}}}),Object.defineProperty(t.prototype,"handleLogout",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.clearToken(),this.setState({error:null})}}),Object.defineProperty(t.prototype,"handleCancel",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({loading:!1,error:null}),OAuth2.clearRedirectData(this.props.flow)}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,i=t.error,o=t.loading,r=this.props,n=r.id,l=r.scopes,a=r.authorizationUrl,s=r.flow,d=r.usePkce,c=r.defaultValues;if(!a)return _jsx(FormError,{children:"No flow info"},void 0);var u=fromSessionStorage("auth."+n+".token")||JSON.stringify(null==c?void 0:c.token);u=u?JSON.parse(u):"";var p=getSecurityDetailsOptions(n,"client_id"),h={field:"auth."+n+".client_id",fullWidth:!0,initialValue:fromSessionStorage("auth."+n+".client_id")||this.props.clientId||(null==c?void 0:c.client_id),initValue:fromSessionStorage("auth."+n+".client_id")||this.props.clientId||(null==c?void 0:c.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return _jsxs("div",{children:[_jsxs(FormWrapper,{children:[_jsxs(FormControl,{children:[_jsx(FormLabel,{children:" Client ID: "},void 0),p?_jsx(FormDropdown,__assign({},h,{options:p}),void 0):_jsx(FormTextField,__assign({},h,{"data-cy":"client-id-input"}),void 0)]},void 0),"authorizationCode"===s&&_jsxs(_Fragment,{children:[(!(null==d?void 0:d.hideClientSecretInput)||!d)&&_jsxs(FormControl,{children:[_jsx(FormLabel,{children:"Client Secret:"},void 0),_jsx(FormTextField,{type:"password",fullWidth:!0,field:"auth."+n+".client_secret",initialValue:fromSessionStorage("auth."+n+".client_secret")||(null==c?void 0:c.client_secret),validateOnBlur:!0,validateOnChange:!0,"data-cy":"client-secret-input"},void 0)]},void 0),d&&!d.disableManualConfiguration&&_jsxs(PkceOptionsWrapper,{children:[_jsx(Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:this.state.showPkceOptions,onChange:this.togglePkceOptions,"data-cy":"pkce-options-toggle"},void 0),this.state.showPkceOptions&&_jsxs(PkceDetails,{children:[_jsxs(FormControl,{children:[_jsx(FormLabel,{children:"Code Verifier"},void 0),_jsx(TextField,{fullWidth:!0,value:this.state.codeVerifier,onChange:this.handleCodeVerifierChange,"data-cy":"code-verifier-input"},void 0)]},void 0),_jsxs(FormControl,{children:[_jsx(FormLabel,{children:"Code Challenge"},void 0),_jsx(TextField,{fullWidth:!0,value:this.state.codeChallenge,onChange:function(t){var i=t.target.value;e.setState({codeChallenge:i})},inputActionButton:this.pkceInputActionButtonProps,"data-cy":"code-challenge-input"},void 0)]},void 0)]},void 0)]},void 0)]},void 0),_jsx(FormTextField,{fullWidth:!0,field:"auth."+n+".token",type:"hidden",initialValue:u},void 0),_jsx(Scope,{id:n,scopes:l},void 0),this.values.token&&this.values.token.access_token?_jsxs(FormControl,{children:[_jsx(FormLabel,{children:" Access Token: "},void 0),_jsx(TextField,{disabled:!0,type:"password",fullWidth:!0,value:this.values.token.access_token},void 0)]},void 0):null]},void 0),_jsx(ButtonsWrapper,{children:this.values.token&&this.values.token.access_token?_jsx(Button,__assign({fullWidth:!0,onClick:function(){e.handleLogout()}},{children:"Log out"}),void 0):o?_jsxs(_Fragment,{children:[_jsx(Button,__assign({fullWidth:!0,onClick:function(){e.handleCancel()}},{children:"Cancel"}),void 0),_jsx(LinearProgress,{},void 0)]},void 0):_jsx(Button,__assign({fullWidth:!0,disabled:!isEmptyObject(this.errors),onClick:function(){e.handleAuthorize(a)}},{children:"Authorize"}),void 0)},void 0),o||i||!this.values.token||!this.values.token.access_token&&_jsx(FormWrapper,{children:_jsx(FormControl,{children:o?_jsx(FormWarning,{children:"Please, finish your authorization flow or cancel authorization."},void 0):i?_jsx(_Fragment,{children:_jsx(OriginalErrorMessage,{children:_jsx(FormError,{children:i},void 0)},void 0)},void 0):this.values.token&&this.values.token.access_token?null:_jsx(FormWarning,{children:" No Access Token. Please, Authorize. "},void 0)},void 0)},void 0)]},void 0)}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t}(Component);export{OAuth2Flow};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,OriginalErrorMessage=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"],["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"]))),ButtonsWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"]))),PkceOptionsWrapper=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  padding: 8px 0 20px;\n"],["\n  padding: 8px 0 20px;\n"]))),PkceDetails=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  padding: 4px 0;\n"],["\n  padding: 4px 0;\n"])));
 //# sourceMappingURL=OAuth2Flow.js.map

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { Component } from 'react';
 import type { SecurityDetails } from '../../types';
 export interface OAuth2TokenInputProps {
     flow: {
@@ -23,7 +23,7 @@ interface OAuth2TokenInputState {
     loading: boolean;
     tokenMasked: boolean;
 }
-export declare class OAuth2TokenInput extends React.Component<OAuth2TokenInputProps, OAuth2TokenInputState> {
+export declare class OAuth2TokenInput extends Component<OAuth2TokenInputProps, OAuth2TokenInputState> {
     state: OAuth2TokenInputState;
     get values(): GenericObject;
     get errors(): GenericObject;

package/lib-esm/components/console/OAuth2TokenInput.js

@@ -1,2 +1,2 @@
-import{__assign,__awaiter,__extends,__generator}from"tslib";import*as React from"react";import{FormControl,FormLabel,FormError,FormWrapper,FormHeader,TokenField,TokenValue,TokenClear,TokenShowHide}from"../common/form";import{fromSessionStorage,getSecurityDetailsOptions,toSessionStorage}from"../../utils";import{OAuth2}from"../../services/OAuth2";import{Button}from"../shared";import{FormDropdown,FormTextField}from"../common/TextField";import Scope from"./Scope";import{getOAuth2TokenEndpointAuthHeader,normalizeUrlProtocol,validateTokenEndpointMethod}from"./utils";function validateToken(e){if(!e)return"Token is required"}var OAuth2TokenInput=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:{error:"",loading:!1,tokenMasked:!0}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token",""),toSessionStorage("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"toggleTokenMask",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({tokenMasked:!t.state.tokenMasked})}}),Object.defineProperty(t,"requestToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){return __awaiter(t,void 0,void 0,(function(){var e,t,o,r,n,i,l,a,s=this;return __generator(this,(function(c){switch(c.label){case 0:return this.state.loading?[2]:(e=this.props,t=e.server,o=e.flow,r=e.authCorsProxyUrl,n=r&&o.tokenUrl?r+normalizeUrlProtocol(o.tokenUrl):o.tokenUrl,this.errors.client_id||this.errors.client_secret?(console.log("Provide client_id and client_secret"),[2]):(i=this.values.client_id,l=this.values.client_secret,i&&l?(this.setState({loading:!0}),a=o["x-tokenEndpointAuthMethod"],validateTokenEndpointMethod(a)?[4,OAuth2.authorizeClientCredentials({tokenUrl:n.startsWith("http")?n:t+n,clientId:i,clientSecret:l,scopes:this.values.scopes,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:a,clientId:i,clientSecret:l}),successCallback:function(e){s.props.formApi.setValue("auth."+s.props.id+".token",e),s.setState({loading:!1})},errorCallback:function(e){s.clearToken(),s.setState({error:e.message,loading:!1})}})]:(console.log("Unsupported token endpoint auth method: "+a),[2])):(console.log("Provide client_id and client_secret"),[2])));case 1:return c.sent(),[2]}}))}))}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"values",{get:function(){var e,t,o;return(null===(o=null===(t=null===(e=this.props.form)||void 0===e?void 0:e.values)||void 0===t?void 0:t.auth)||void 0===o?void 0:o[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.errors)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.loading,o=e.error,r=e.tokenMasked,n=this.props,i=n.id,l=n.defaultValues,a=Object.keys(this.props.flow.scopes),s=fromSessionStorage("auth."+i+".token")||JSON.stringify(null==l?void 0:l.token);s=s?JSON.parse(s):"";var c=getSecurityDetailsOptions(i,"client_id"),u={field:"auth."+i+".client_id",fullWidth:!0,initialValue:fromSessionStorage("auth."+i+".client_id")||this.props.clientId||(null==l?void 0:l.client_id),initValue:fromSessionStorage("auth."+i+".client_id")||this.props.clientId||(null==l?void 0:l.client_id),placeholder:"Your OAuth2 app Client ID"};return React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client ID:"),c?React.createElement(FormDropdown,__assign({},u,{options:c})):React.createElement(FormTextField,__assign({},u,{type:"password"}))),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:"auth."+i+".client_secret",initialValue:fromSessionStorage("auth."+i+".client_secret")||(null==l?void 0:l.client_secret)})),React.createElement(FormTextField,{fullWidth:!0,field:"auth."+i+".token",type:"hidden",initialValue:s,validate:validateToken}),React.createElement(Scope,{id:i,scopes:a})),React.createElement(Button,{color:"primary",onClick:this.requestToken,blinking:t},t?"Loading...":"Request Token"),React.createElement(FormHeader,null," Access Token "),o?React.createElement(FormError,{style:{marginBottom:"1em"}},"Failed to request token: ",React.createElement("pre",null,o)," "):this.values.token&&this.values.token.access_token?React.createElement(TokenField,null,React.createElement(TokenValue,{length:this.values.token.access_token.length,masked:r},this.values.token.access_token),React.createElement(TokenShowHide,{onClick:this.toggleTokenMask},r?"Show":"Hide"," "),React.createElement(TokenClear,{onClick:this.clearToken}," Clear ")):React.createElement(FormError,{style:{marginBottom:"1em"}},"No token"))}}),t}(React.Component);export{OAuth2TokenInput};export default OAuth2TokenInput;
+import{__assign,__awaiter,__extends,__generator}from"tslib";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Component}from"react";import{FormControl,FormLabel,FormError,FormWrapper,FormHeader,TokenField,TokenValue,TokenClear,TokenShowHide}from"../common/form";import{fromSessionStorage,getSecurityDetailsOptions,toSessionStorage}from"../../utils";import{OAuth2}from"../../services/OAuth2";import{Button}from"../shared";import{FormDropdown,FormTextField}from"../common/TextField";import Scope from"./Scope";import{getOAuth2TokenEndpointAuthHeader,normalizeUrlProtocol,validateTokenEndpointMethod}from"./utils";function validateToken(e){if(!e)return"Token is required"}var OAuth2TokenInput=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:{error:"",loading:!1,tokenMasked:!0}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token",""),toSessionStorage("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"toggleTokenMask",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({tokenMasked:!t.state.tokenMasked})}}),Object.defineProperty(t,"requestToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){return __awaiter(t,void 0,void 0,(function(){var e,t,o,r,i,n,s,l,a=this;return __generator(this,(function(d){switch(d.label){case 0:return this.state.loading?[2]:(e=this.props,t=e.server,o=e.flow,r=e.authCorsProxyUrl,i=r&&o.tokenUrl?r+normalizeUrlProtocol(o.tokenUrl):o.tokenUrl,this.errors.client_id||this.errors.client_secret?(console.log("Provide client_id and client_secret"),[2]):(n=this.values.client_id,s=this.values.client_secret,n&&s?(this.setState({loading:!0}),l=o["x-tokenEndpointAuthMethod"],validateTokenEndpointMethod(l)?[4,OAuth2.authorizeClientCredentials({tokenUrl:i.startsWith("http")?i:t+i,clientId:n,clientSecret:s,scopes:this.values.scopes,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:l,clientId:n,clientSecret:s}),successCallback:function(e){a.props.formApi.setValue("auth."+a.props.id+".token",e),a.setState({loading:!1})},errorCallback:function(e){a.clearToken(),a.setState({error:e.message,loading:!1})}})]:(console.log("Unsupported token endpoint auth method: "+l),[2])):(console.log("Provide client_id and client_secret"),[2])));case 1:return d.sent(),[2]}}))}))}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"values",{get:function(){var e,t,o;return(null===(o=null===(t=null===(e=this.props.form)||void 0===e?void 0:e.values)||void 0===t?void 0:t.auth)||void 0===o?void 0:o[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.errors)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.state,t=e.loading,o=e.error,r=e.tokenMasked,i=this.props,n=i.id,s=i.defaultValues,l=Object.keys(this.props.flow.scopes),a=fromSessionStorage("auth."+n+".token")||JSON.stringify(null==s?void 0:s.token);a=a?JSON.parse(a):"";var d=getSecurityDetailsOptions(n,"client_id"),u={field:"auth."+n+".client_id",fullWidth:!0,initialValue:fromSessionStorage("auth."+n+".client_id")||this.props.clientId||(null==s?void 0:s.client_id),initValue:fromSessionStorage("auth."+n+".client_id")||this.props.clientId||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID"};return _jsxs(_Fragment,{children:[_jsxs(FormWrapper,{children:[_jsxs(FormControl,{children:[_jsx(FormLabel,{children:"Client ID:"},void 0),d?_jsx(FormDropdown,__assign({},u,{options:d}),void 0):_jsx(FormTextField,__assign({},u,{type:"password"}),void 0)]},void 0),_jsxs(FormControl,{children:[_jsx(FormLabel,{children:"Client Secret:"},void 0),_jsx(FormTextField,{type:"password",fullWidth:!0,field:"auth."+n+".client_secret",initialValue:fromSessionStorage("auth."+n+".client_secret")||(null==s?void 0:s.client_secret)},void 0)]},void 0),_jsx(FormTextField,{fullWidth:!0,field:"auth."+n+".token",type:"hidden",initialValue:a,validate:validateToken},void 0),_jsx(Scope,{id:n,scopes:l},void 0)]},void 0),_jsx(Button,__assign({color:"primary",onClick:this.requestToken,blinking:t},{children:t?"Loading...":"Request Token"}),void 0),_jsx(FormHeader,{children:" Access Token "},void 0),o?_jsxs(FormError,__assign({style:{marginBottom:"1em"}},{children:["Failed to request token: ",_jsx("pre",{children:o},void 0)," "]}),void 0):this.values.token&&this.values.token.access_token?_jsxs(TokenField,{children:[_jsx(TokenValue,__assign({length:this.values.token.access_token.length,masked:r},{children:this.values.token.access_token}),void 0),_jsxs(TokenShowHide,__assign({onClick:this.toggleTokenMask},{children:[r?"Show":"Hide"," "]}),void 0),_jsx(TokenClear,__assign({onClick:this.clearToken},{children:" Clear "}),void 0)]},void 0):_jsx(FormError,__assign({style:{marginBottom:"1em"}},{children:"No token"}),void 0)]},void 0)}}),t}(Component);export{OAuth2TokenInput};export default OAuth2TokenInput;
 //# sourceMappingURL=OAuth2TokenInput.js.map

package/lib-esm/components/console/OpenIDConnect.js

@@ -1,2 +1,2 @@
-import{__awaiter,__generator}from"tslib";import React,{useState,useEffect}from"react";import{discoverOpenIDConnect}from"../../services/OpenIDConnect";import{LinearProgress}from"../common/LinearProgress";import{FormError}from"../common/form";import{OAuth2Flow}from"./OAuth2Flow";import{FlowName}from"./styled";export function OpenIDConnect(e){var t,r,o=this,n=e.scheme,a=e.defaultValues,l=useState({}),i=l[0],c=l[1],u=useState(),s=u[0],m=u[1],d=useState(!1),p=d[0],f=d[1];useEffect((function(){v(n.openIdConnectUrl)}),[n.openIdConnectUrl]);var v=function(e){return __awaiter(o,void 0,void 0,(function(){var t,r;return __generator(this,(function(o){switch(o.label){case 0:f(!0),m(""),o.label=1;case 1:return o.trys.push([1,3,,4]),[4,discoverOpenIDConnect(e)];case 2:return t=o.sent(),c(t),[3,4];case 3:return r=o.sent(),m(r.message),[3,4];case 4:return f(!1),[2]}}))}))};return p?React.createElement(Loading,null):s?React.createElement(Error,{message:s}):React.createElement("div",null,React.createElement("div",null,(null===(t=null==i?void 0:i.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,{key:e.id,authorizationUrl:i.authorization_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:i.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,flow:"implicit",defaultValues:a})):(null===(r=null==i?void 0:i.response_types_supported)||void 0===r?void 0:r.includes("code"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Authorization Flow"),React.createElement(OAuth2Flow,{key:e.id,authorizationUrl:i.authorization_endpoint,tokenUrl:i.token_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:i.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,tokenEndpointAuthMethod:null==i?void 0:i.token_endpoint_auth_methods_supported,flow:"authorizationCode",defaultValues:a})):React.createElement("div",null,"Unsupported flow")))}function Loading(){return React.createElement("div",null,React.createElement("div",null,React.createElement("div",null,"Fetching OpenID Connect metadata..."),React.createElement(LinearProgress,null)))}export function Error(e){var t=e.message;return React.createElement("div",null,React.createElement("div",null,React.createElement(FormError,null,t)))}
+import{__awaiter,__generator}from"tslib";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useState,useEffect}from"react";import{discoverOpenIDConnect}from"../../services/OpenIDConnect";import{LinearProgress}from"../common/LinearProgress";import{FormError}from"../common/form";import{OAuth2Flow}from"./OAuth2Flow";import{FlowName}from"./styled";export function OpenIDConnect(e){var o,r,t=this,i=e.scheme,n=e.defaultValues,s=useState({}),d=s[0],a=s[1],l=useState(),u=l[0],c=l[1],p=useState(!1),m=p[0],v=p[1];useEffect((function(){_(i.openIdConnectUrl)}),[i.openIdConnectUrl]);var _=function(e){return __awaiter(t,void 0,void 0,(function(){var o,r;return __generator(this,(function(t){switch(t.label){case 0:v(!0),c(""),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,discoverOpenIDConnect(e)];case 2:return o=t.sent(),a(o),[3,4];case 3:return r=t.sent(),c(r.message),[3,4];case 4:return v(!1),[2]}}))}))};return m?_jsx(Loading,{},void 0):u?_jsx(Error,{message:u},void 0):_jsx("div",{children:_jsx("div",{children:(null===(o=null==d?void 0:d.response_types_supported)||void 0===o?void 0:o.includes("token"))?_jsxs(_Fragment,{children:[_jsx(FlowName,{children:"OAuth2 Implicit Flow"},void 0),_jsx(OAuth2Flow,{authorizationUrl:d.authorization_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:d.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,flow:"implicit",defaultValues:n},e.id)]},void 0):(null===(r=null==d?void 0:d.response_types_supported)||void 0===r?void 0:r.includes("code"))?_jsxs(_Fragment,{children:[_jsx(FlowName,{children:"OAuth2 Authorization Flow"},void 0),_jsx(OAuth2Flow,{authorizationUrl:d.authorization_endpoint,tokenUrl:d.token_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:d.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,tokenEndpointAuthMethod:null==d?void 0:d.token_endpoint_auth_methods_supported,flow:"authorizationCode",defaultValues:n},e.id)]},void 0):_jsx("div",{children:"Unsupported flow"},void 0)},void 0)},void 0)}function Loading(){return _jsx("div",{children:_jsxs("div",{children:[_jsx("div",{children:"Fetching OpenID Connect metadata..."},void 0),_jsx(LinearProgress,{},void 0)]},void 0)},void 0)}export function Error(e){var o=e.message;return _jsx("div",{children:_jsx("div",{children:_jsx(FormError,{children:o},void 0)},void 0)},void 0)}
 //# sourceMappingURL=OpenIDConnect.js.map

package/lib-esm/components/console/ParameterArray.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject,__spreadArray}from"tslib";import*as React from"react";import styled from"styled-components";import{FormLabel}from"../common/form";export var ParameterArray=function(e){var n,t,r,a,o,l=e.name,i=e.param,c=e.place,m=e.renderParameter,s=React.useState([]),d=s[0],p=s[1],u=(null===(n=i.schema.items)||void 0===n?void 0:n.fields)?null===(t=i.schema.items)||void 0===t?void 0:t.fields:[{schema:(null===(r=i.schema.items)||void 0===r?void 0:r.schema)||i.schema.items,name:"",required:i.required,description:null===(a=i.schema.items)||void 0===a?void 0:a.description,externalDocs:null===(o=i.schema.items)||void 0===o?void 0:o.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1}];return React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement(FormLabel,{required:i.required},l,"(",d.length," items)"),React.createElement("span",{onClick:function(){p(__spreadArray(__spreadArray([],d,!0),[d.length?d[d.length-1]+1:0],!1))}},"Add item +")),null==d?void 0:d.map((function(e,n){return React.createElement(Row,{key:e},React.createElement(Delete,{onClick:function(){return n=e,void p(d.filter((function(e){return e!==n})));var n}},"delete"),u.map((function(t){return m(t,c,l+".["+e+"]","["+n+"]"+(t.name&&"."+t.name))})))})))};var templateObject_1,templateObject_2,Row=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: ",";\n    &:hover {\n      color: #fff;\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: ",";\n    &:hover {\n      color: #fff;\n    }\n  }\n"])),(function(e){return e.theme.colors.text.secondary})),Delete=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"],["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"])));
+import{__assign,__makeTemplateObject,__spreadArray}from"tslib";import{jsxs as _jsxs,jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{useState}from"react";import styled from"styled-components";import{FormLabel}from"../common/form";export var ParameterArray=function(e){var n,t,r,o,i,a=e.name,s=e.param,l=e.place,m=e.renderParameter,d=useState([]),c=d[0],p=d[1],u=(null===(n=s.schema.items)||void 0===n?void 0:n.fields)?null===(t=s.schema.items)||void 0===t?void 0:t.fields:[{schema:(null===(r=s.schema.items)||void 0===r?void 0:r.schema)||s.schema.items,name:"",required:s.required,description:null===(o=s.schema.items)||void 0===o?void 0:o.description,externalDocs:null===(i=s.schema.items)||void 0===i?void 0:i.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1}];return _jsxs(_Fragment,{children:[_jsxs(Row,{children:[_jsxs(FormLabel,__assign({required:s.required},{children:[a,"(",c.length," items)"]}),void 0),_jsx("span",__assign({onClick:function(){p(__spreadArray(__spreadArray([],c,!0),[c.length?c[c.length-1]+1:0],!1))}},{children:"Add item +"}),void 0)]},void 0),null==c?void 0:c.map((function(e,n){return _jsxs(Row,{children:[_jsx(Delete,__assign({onClick:function(){return n=e,void p(c.filter((function(e){return e!==n})));var n}},{children:"delete"}),void 0),u.map((function(t){return m(t,l,a+".["+e+"]","["+n+"]"+(t.name&&"."+t.name))}))]},e)}))]},void 0)};var templateObject_1,templateObject_2,Row=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: ",";\n    &:hover {\n      color: #fff;\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: ",";\n    &:hover {\n      color: #fff;\n    }\n  }\n"])),(function(e){return e.theme.colors.text.secondary})),Delete=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"],["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"])));
 //# sourceMappingURL=ParameterArray.js.map

package/lib-esm/components/console/ParameterDropdown.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+/// <reference types="react" />
 interface ParameterEnumDropdownProps {
     initValue: string;
     paramEnum: Array<string>;
 }
-export declare const ParameterEnumDropdown: React.ComponentType<import("informed").FieldProps<string, any> & ParameterEnumDropdownProps>;
+export declare const ParameterEnumDropdown: import("react").ComponentType<import("informed").FieldProps<string, any> & ParameterEnumDropdownProps>;
 export {};

package/lib-esm/components/console/ParameterDropdown.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{asField}from"informed";import{useMount}from"../../hooks";import{Dropdown}from"../common/Dropdown";var ParameterEnumDropdownComponent=function(e){var a=e.initValue,r=e.paramEnum,o=e.fieldApi,n=React.useState(),t=n[0],u=n[1],i=r.map((function(e,a){return{idx:a,value:e}}));useMount((function(){if(a)if(Array.isArray(a)){var e=a.length?a[0]:"";u(e),o.setValue(e)}else u(a),o.setValue(a)}));return React.createElement(Dropdown,{clearable:!0,fullWidth:!0,variant:"dark",value:t,options:i,handleClear:function(){o.setValue(""),u("")},onChange:function(e){o.setValue(e.value),u(e.value)}})};export var ParameterEnumDropdown=asField(ParameterEnumDropdownComponent);
+import{jsx as _jsx}from"react/jsx-runtime";import{useState}from"react";import{asField}from"informed";import{useMount}from"../../hooks";import{Dropdown}from"../common/Dropdown";var ParameterEnumDropdownComponent=function(e){var r=e.initValue,o=e.paramEnum,a=e.fieldApi,n=useState(),t=n[0],u=n[1],i=o.map((function(e,r){return{idx:r,value:e}}));useMount((function(){if(r)if(Array.isArray(r)){var e=r.length?r[0]:"";u(e),a.setValue(e)}else u(r),a.setValue(r)}));return _jsx(Dropdown,{clearable:!0,fullWidth:!0,variant:"dark",value:t,options:i,handleClear:function(){a.setValue(""),u("")},onChange:function(e){a.setValue(e.value),u(e.value)}},void 0)};export var ParameterEnumDropdown=asField(ParameterEnumDropdownComponent);
 //# sourceMappingURL=ParameterDropdown.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import React,{memo,useCallback,useEffect}from"react";import{observer}from"mobx-react";import merge from"deepmerge";import{DropdownOrLabel,MediaTypesSwitch}from"../../../redoc-lib";import{ExampleSwitch,useExampleKey}from"../../Samples";import{arrayMergeStrategy}from"../../../services/utils";import{isRootFileUpload}from"../../common/FileUpload/helper";import{MediaTypes}from"../../../types";import{Dropdown}from"../../common/Dropdown";import{RequestBodyForm}from"../RequestBodyForm";import{RequestMimeLabel}from"../RequestMimeLabel";import CodemirrorInput from"../CodemirrorInput";import{encodeSample,getStorageExampleKey}from"../utils";import{fromSessionStorage,toSessionStorage}from"../../../utils";var RequestBodyComponent=observer((function(e){var o,t,a=e.body,r=e.formApi,i=e.resolvedBody,n=e.properties,m=e.id,l=e.validate,p=a.content,d=function(e){var o;if(!p||!p.hasSample)return"";var t=null===(o=p.active)||void 0===o?void 0:o.examples;if(!(null==t?void 0:t[e]))return"";var a=null==t?void 0:t[e].value,r=n?merge(a,n,{arrayMerge:arrayMergeStrategy}):a;return JSON.stringify(r,null,2)},s=null===(o=null==p?void 0:p.operation)||void 0===o?void 0:o.activeExampleName,u=function(e){null==p||p.activateExampleName(e),r.setValue("body",d(e))},c=function(e,o){(0,r.setValue)("body."+e,o)};useEffect((function(){var e,o;if(null===(e=null==p?void 0:p.operation)||void 0===e?void 0:e.activeMimeName){var t=getStorageExampleKey(m,p.operation.activeMimeName,s,null===(o=null==p?void 0:p.active)||void 0===o?void 0:o.examples);r.setValue("body",fromSessionStorage(t)||d(s||""))}else r.setValue("body",JSON.stringify(n||{},null,2))}),[s,null===(t=null==p?void 0:p.operation)||void 0===t?void 0:t.activeMimeName,null==p?void 0:p.active]);var v=useCallback((function(e,o,t){return void 0===e&&(e=""),void 0===o&&(o=""),void 0===t&&(t=[]),function(a){toSessionStorage(getStorageExampleKey(m,e,o,t),a)}}),[m]);return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:a.content,renderDropdown:function(e){return React.createElement(DropdownOrLabel,__assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))}},(function(e){var o=e.examples||{},t=Object.keys(o),a=e.schema,p=isRootFileUpload(a||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,d=useExampleKey(e.operation,o).exampleKey,s=fromSessionStorage(getStorageExampleKey(m,e.name,d,o))||encodeSample(o[d],n);return React.createElement(React.Fragment,null,t.length&&1!==t.length&&React.createElement(ExampleSwitch,{examples:o,onChange:u,exampleKey:d})||null,p?React.createElement(RequestBodyForm,{mediaType:e,formApi:r,onChange:c}):React.createElement(CodemirrorInput,{id:"body"+m,field:"body",initialValue:s,schema:((null==i?void 0:i.content[e.name])||{}).schema,mode:e.name,validate:l,onChange:v(e.name,d,o)}))})))}));export var RequestBody=memo(RequestBodyComponent);
+import{__assign}from"tslib";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback,useEffect}from"react";import{observer}from"mobx-react";import merge from"deepmerge";import{DropdownOrLabel,MediaTypesSwitch}from"../../../redoc-lib";import{ExampleSwitch,useExampleKey}from"../../Samples";import{arrayMergeStrategy}from"../../../services/utils";import{isRootFileUpload}from"../../common/FileUpload/helper";import{MediaTypes}from"../../../types";import{Dropdown}from"../../common/Dropdown";import{RequestBodyForm}from"../RequestBodyForm";import{RequestMimeLabel}from"../RequestMimeLabel";import CodemirrorInput from"../CodemirrorInput";import{encodeSample,getStorageExampleKey}from"../utils";import{fromSessionStorage,toSessionStorage}from"../../../utils";var RequestBodyComponent=observer((function(e){var o,r,i=e.body,a=e.formApi,t=e.resolvedBody,n=e.properties,m=e.id,l=e.validate,s=i.content,d=function(e){var o;if(!s||!s.hasSample)return"";var r=null===(o=s.active)||void 0===o?void 0:o.examples;if(!(null==r?void 0:r[e]))return"";var i=null==r?void 0:r[e].value,a=n?merge(i,n,{arrayMerge:arrayMergeStrategy}):i;return JSON.stringify(a,null,2)},p=null===(o=null==s?void 0:s.operation)||void 0===o?void 0:o.activeExampleName,u=function(e){null==s||s.activateExampleName(e),a.setValue("body",d(e))},v=function(e,o){(0,a.setValue)("body."+e,o)};useEffect((function(){var e,o;if(null===(e=null==s?void 0:s.operation)||void 0===e?void 0:e.activeMimeName){var r=getStorageExampleKey(m,s.operation.activeMimeName,p,null===(o=null==s?void 0:s.active)||void 0===o?void 0:o.examples);a.setValue("body",fromSessionStorage(r)||d(p||""))}else a.setValue("body",JSON.stringify(n||{},null,2))}),[p,null===(r=null==s?void 0:s.operation)||void 0===r?void 0:r.activeMimeName,null==s?void 0:s.active]);var c=useCallback((function(e,o,r){return void 0===e&&(e=""),void 0===o&&(o=""),void 0===r&&(r=[]),function(i){toSessionStorage(getStorageExampleKey(m,e,o,r),i)}}),[m]);return _jsx(_Fragment,{children:_jsx(MediaTypesSwitch,__assign({content:i.content,renderDropdown:function(e){return _jsx(DropdownOrLabel,__assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}),void 0)}},{children:function(e){var o=e.examples||{},r=Object.keys(o),i=e.schema,s=isRootFileUpload(i||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,d=useExampleKey(e.operation,o).exampleKey,p=fromSessionStorage(getStorageExampleKey(m,e.name,d,o))||encodeSample(o[d],n);return _jsxs(_Fragment,{children:[r.length&&1!==r.length&&_jsx(ExampleSwitch,{examples:o,onChange:u,exampleKey:d},void 0)||null,s?_jsx(RequestBodyForm,{mediaType:e,formApi:a,onChange:v},void 0):_jsx(CodemirrorInput,{id:"body"+m,field:"body",initialValue:p,schema:((null==t?void 0:t.content[e.name])||{}).schema,mode:e.name,validate:l,onChange:c(e.name,d,o)},void 0)]},void 0)}}),void 0)},void 0)}));export var RequestBody=memo(RequestBodyComponent);
 //# sourceMappingURL=RequestBody.js.map

package/lib-esm/components/console/RequestBodyForm.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import React,{useEffect}from"react";import{observer}from"mobx-react";import{isMultipartFileUploadProperty,isRootFileUpload,mimeTypeToAccept}from"../common/FileUpload/helper";import{FormControl,FormLabel}from"../common/form";import{styled}from"../../redoc-lib";import{FileUpload}from"../common/FileUpload";import{FormTextField,invertedInputStyles}from"../common/TextField";import{DefinitionTypes}from"../../models";import{MediaTypes}from"../../types";import{useExampleKey}from"../Samples";export var RequestBodyForm=observer((function(e){var t,o=e.mediaType,l=e.onChange,n=e.formApi,a=o.examples||{},m=useExampleKey(o.operation,a).exampleKey,r=null===(t=a[m])||void 0===t?void 0:t.rawValue,i=getRequestBodyFormFields(o);useEffect((function(){return n&&i.forEach((function(e){var t,o,l=null==r?void 0:r[e.name],a=null!==(o=null!==(t=e.example)&&void 0!==t?t:null==l?void 0:l.example)&&void 0!==o?o:l,m="object"==typeof a?JSON.stringify(a):a;void 0!==a&&n.setValue("body."+e.name,""+m)}))}),[m]);var p=o.schema||{};return isRootFileUpload(p,o.name)?React.createElement(FileFormControlWrapper,null,React.createElement(FormControl,null,React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+o.name,name:"body."+o.name,accept:mimeTypeToAccept(o.name),schema:p,contentName:o.name,onChange:l}))):p.type===DefinitionTypes.OBJECT||i?React.createElement(FileFormControlWrapper,null,i.map((function(e){var t=e.schema||{},n=o.name===MediaTypes.MULTIPART&&isMultipartFileUploadProperty(t),a=t.contentMediaType||"",m=n?React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+e.name,name:"body."+e.name,accept:mimeTypeToAccept(a),multiple:"array"===t.type,schema:t,contentName:e.name,onChange:l}):React.createElement(FormTextField,{fullWidth:!0,id:"body."+e.name,field:"body."+e.name,placeholder:t.description||e.name});return React.createElement(FormControl,{key:e.name},React.createElement(FormLabel,null,e.name,":"),m)}))):(console.warn('Invalid schema for request body and mime type: "'+o.name+'"',p),null)}));export function getRequestBodyFormFields(e){var t,o,l,n,a;return((null===(o=null===(t=e.schema)||void 0===t?void 0:t.oneOf)||void 0===o?void 0:o.length)?(null===(l=e.schema)||void 0===l?void 0:l.oneOf[null===(n=e.schema)||void 0===n?void 0:n.activeOneOf].fields)||[]:(null===(a=e.schema)||void 0===a?void 0:a.fields)||[]).filter((function(e){return!e.schema.readOnly}))}var templateObject_1,templateObject_2,FileFormControlWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  > div {\n    margin-top: 10px;\n  }\n"],["\n  > div {\n    margin-top: 10px;\n  }\n"]))),StyledFileUpload=styled(FileUpload)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),invertedInputStyles,(function(e){return"password"===e.inputType?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));
+import{__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useEffect}from"react";import{observer}from"mobx-react";import{isMultipartFileUploadProperty,isRootFileUpload,mimeTypeToAccept}from"../common/FileUpload/helper";import{FormControl,FormLabel}from"../common/form";import{styled}from"../../redoc-lib";import{FileUpload}from"../common/FileUpload";import{FormTextField,invertedInputStyles}from"../common/TextField";import{DefinitionTypes}from"../../models";import{MediaTypes}from"../../types";import{useExampleKey}from"../Samples";export var RequestBodyForm=observer((function(e){var o,t=e.mediaType,i=e.onChange,n=e.formApi,l=t.examples||{},r=useExampleKey(t.operation,l).exampleKey,m=null===(o=l[r])||void 0===o?void 0:o.rawValue,a=getRequestBodyFormFields(t);useEffect((function(){return n&&a.forEach((function(e){var o,t,i=null==m?void 0:m[e.name],l=null!==(t=null!==(o=e.example)&&void 0!==o?o:null==i?void 0:i.example)&&void 0!==t?t:i,r="object"==typeof l?JSON.stringify(l):l;void 0!==l&&n.setValue("body."+e.name,""+r)}))}),[r]);var d=t.schema||{};return isRootFileUpload(d,t.name)?_jsx(FileFormControlWrapper,{children:_jsx(FormControl,{children:_jsx(StyledFileUpload,{fullWidth:!0,id:"body."+t.name,name:"body."+t.name,accept:mimeTypeToAccept(t.name),schema:d,contentName:t.name,onChange:i},void 0)},void 0)},void 0):d.type===DefinitionTypes.OBJECT||a?_jsx(FileFormControlWrapper,{children:a.map((function(e){var o=e.schema||{},n=t.name===MediaTypes.MULTIPART&&isMultipartFileUploadProperty(o),l=o.contentMediaType||"",r=n?_jsx(StyledFileUpload,{fullWidth:!0,id:"body."+e.name,name:"body."+e.name,accept:mimeTypeToAccept(l),multiple:"array"===o.type,schema:o,contentName:e.name,onChange:i},void 0):_jsx(FormTextField,{fullWidth:!0,id:"body."+e.name,field:"body."+e.name,placeholder:o.description||e.name},void 0);return _jsxs(FormControl,{children:[_jsxs(FormLabel,{children:[e.name,":"]},void 0),r]},e.name)}))},void 0):(console.warn('Invalid schema for request body and mime type: "'+t.name+'"',d),null)}));export function getRequestBodyFormFields(e){var o,t,i,n,l;return((null===(t=null===(o=e.schema)||void 0===o?void 0:o.oneOf)||void 0===t?void 0:t.length)?(null===(i=e.schema)||void 0===i?void 0:i.oneOf[null===(n=e.schema)||void 0===n?void 0:n.activeOneOf].fields)||[]:(null===(l=e.schema)||void 0===l?void 0:l.fields)||[]).filter((function(e){return!e.schema.readOnly}))}var templateObject_1,templateObject_2,FileFormControlWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  > div {\n    margin-top: 10px;\n  }\n"],["\n  > div {\n    margin-top: 10px;\n  }\n"]))),StyledFileUpload=styled(FileUpload)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),invertedInputStyles,(function(e){return"password"===e.inputType?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));
 //# sourceMappingURL=RequestBodyForm.js.map

package/lib-esm/components/console/ResponseBody.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{JsonViewer,langFromMime,SourceCodeWithText,SourceCodeWithFile}from"../../redoc-lib";import{PanelStyledPre,ResponseHeader}from"./ResponsePanel";export function ResponseBody(e){var t=e.response;return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Body: "),getResponseBody(t))}function getResponseBody(e){return e.body?React.createElement(JsonViewer,{data:e.body}):e.fileInfo?React.createElement(SourceCodeWithFile,{fileInfo:e.fileInfo}):null!==e.data?e.data?React.createElement(SourceCodeWithText,{lang:langFromMime(e.headers["Content-Type"]||"text/plain"),source:e.data}):React.createElement(PanelStyledPre,null,React.createElement("i",null,"(no content)")):null}
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{JsonViewer,langFromMime,SourceCodeWithText,SourceCodeWithFile}from"../../redoc-lib";import{PanelStyledPre,ResponseHeader}from"./ResponsePanel";export function ResponseBody(e){var o=e.response;return _jsxs(_Fragment,{children:[_jsx(ResponseHeader,{children:" Body: "},void 0),getResponseBody(o)]},void 0)}function getResponseBody(e){return e.body?_jsx(JsonViewer,{data:e.body},void 0):e.fileInfo?_jsx(SourceCodeWithFile,{fileInfo:e.fileInfo},void 0):null!==e.data?e.data?_jsx(SourceCodeWithText,{lang:langFromMime(e.headers["Content-Type"]||"text/plain"),source:e.data},void 0):_jsx(PanelStyledPre,{children:_jsx("i",{children:"(no content)"},void 0)},void 0):null}
 //# sourceMappingURL=ResponseBody.js.map

package/lib-esm/components/console/ResponseHeadersList.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject,__spreadArray}from"tslib";import*as React from"react";import{OptionsContext,styled}from"../../redoc-lib";import{PanelStyledPre,ResponseHeader}from"./ResponsePanel";export function ResponseHeadersList(e){var t=e.headers,a=React.useContext(OptionsContext),n=React.useState(!0),r=n[0],l=n[1],o=a.maxResponseHeadersToShowInTryIt,p=Object.keys(t),c=!!o&&p.length>o,m=c&&r?__spreadArray([],p,!0).splice(0,o):__spreadArray([],p,!0);return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Headers: "),React.createElement(PanelStyledPre,null,m.map((function(e){return React.createElement("div",{key:e},React.createElement(HeaderName,null,e,":"),React.createElement("code",null,t[e]))})),c&&React.createElement(StyledShowMoreLabel,{onClick:function(){l(!r)}},r?"Show more...":"Hide headers")))}var templateObject_1,templateObject_2,HeaderName=styled.strong(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"],["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"]))),StyledShowMoreLabel=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  cursor: pointer;\n  margin-top: 5px;\n  font-size: 14px;\n"],["\n  cursor: pointer;\n  margin-top: 5px;\n  font-size: 14px;\n"])));HeaderName.displayName="HeaderName",StyledShowMoreLabel.displayName="StyledShowMoreLabel";
+import{__assign,__makeTemplateObject,__spreadArray}from"tslib";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useContext,useState}from"react";import{OptionsContext,styled}from"../../redoc-lib";import{PanelStyledPre,ResponseHeader}from"./ResponsePanel";export function ResponseHeadersList(e){var t=e.headers,r=useContext(OptionsContext),a=useState(!0),n=a[0],s=a[1],o=r.maxResponseHeadersToShowInTryIt,i=Object.keys(t),d=!!o&&i.length>o,l=d&&n?__spreadArray([],i,!0).splice(0,o):__spreadArray([],i,!0);return _jsxs(_Fragment,{children:[_jsx(ResponseHeader,{children:" Headers: "},void 0),_jsxs(PanelStyledPre,{children:[l.map((function(e){return _jsxs("div",{children:[_jsxs(HeaderName,{children:[e,":"]},void 0),_jsx("code",{children:t[e]},void 0)]},e)})),d&&_jsx(StyledShowMoreLabel,__assign({onClick:function(){s(!n)}},{children:n?"Show more...":"Hide headers"}),void 0)]},void 0)]},void 0)}var templateObject_1,templateObject_2,HeaderName=styled.strong(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"],["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"]))),StyledShowMoreLabel=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  cursor: pointer;\n  margin-top: 5px;\n  font-size: 14px;\n"],["\n  cursor: pointer;\n  margin-top: 5px;\n  font-size: 14px;\n"])));HeaderName.displayName="HeaderName",StyledShowMoreLabel.displayName="StyledShowMoreLabel";
 //# sourceMappingURL=ResponseHeadersList.js.map

package/lib-esm/components/console/ResponsePanel.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { PureComponent } from 'react';
 import type { FileInfo } from '../../redoc-lib/src/common-elements/Download';
 export interface OpenApiResponseData extends FileInfo {
     body?: GenericObject;
@@ -18,6 +18,6 @@ export interface ResponsePanelProps {
 }
 export declare const ResponseHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
 export declare const PanelStyledPre: import("styled-components").StyledComponent<"pre", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare class ResponsePanel extends React.PureComponent<ResponsePanelProps> {
+export declare class ResponsePanel extends PureComponent<ResponsePanelProps> {
     render(): JSX.Element;
 }

package/lib-esm/components/console/ResponsePanel.js

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{styled}from"../../redoc-lib";import{StyledPre}from"../../redoc-lib/src/common-elements";import{ResponseBody}from"./ResponseBody";import{ResponseHeadersList}from"./ResponseHeadersList";var ResponseBadges=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.light})),ResponseBadge=styled(ResponseBadgeBase)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.theme,n=e.code;return n>=200&&n<300?t.colors.responses.success.tabTextColor:n>=300&&n<400?t.colors.responses.redirect.tabTextColor:n>400?t.colors.responses.error.tabTextColor:t.colors.responses.info.tabTextColor})),ErrorHeader=styled.header(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=styled.code(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"])));export var ResponseHeader=styled.div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"],["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"])));export var PanelStyledPre=styled(StyledPre)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"],["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,ResponsePanel=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,r=t.response,a=t.time,l=r||n&&n.response,o=l&&l.data&&l.data.length||0;return e=o>1e6?(o/1e6).toFixed(2)+" MB":o>1e3?(o/1e3).toFixed(2)+" KB":o+" B",n&&!n.response||!l?React.createElement(React.Fragment,null,React.createElement(ErrorHeader,null," Could not get any response "),React.createElement(ErrorDetails,null,n&&n.message||"Unknown error"),React.createElement("br",null),React.createElement(ErrorHeader,null," Why this might have happened:"),React.createElement("div",null," - CORS is misconfigured on the server"),React.createElement("div",null," - ","The server couldn't send a response"),React.createElement("div",null," - No internet access"),React.createElement("div",null," - Documentation issue - contact API owner"),React.createElement("div",null," - Misconfigured security definition")):l?React.createElement(React.Fragment,null,React.createElement(ResponseBadges,null,React.createElement(ResponseBadge,{code:l.status},React.createElement("span",null," Status: "),l.status," ",l.statusText),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Time: "),a,"ms"),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Size: "),e)),React.createElement("div",null,React.createElement(ResponseHeadersList,{headers:l.headers}),React.createElement(ResponseBody,{response:l}))):React.createElement(React.Fragment,null,"Something went wrong")}}),t}(React.PureComponent);export{ResponsePanel};
+import{__assign,__extends,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{PureComponent}from"react";import{styled}from"../../redoc-lib";import{StyledPre}from"../../redoc-lib/src/common-elements";import{ResponseBody}from"./ResponseBody";import{ResponseHeadersList}from"./ResponseHeadersList";var ResponseBadges=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: 10px;\n"],["\n  margin-bottom: 10px;\n"]))),ResponseBadgeBase=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"],["\n  display: inline-block;\n  margin-right: 20px;\n  padding: 2px 0;\n  text-align: center;\n  color: ",";\n"])),(function(e){return e.theme.colors.text.light})),ResponseBadge=styled(ResponseBadgeBase)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n"],["\n  color: ",";\n"])),(function(e){var t=e.theme,n=e.code;return n>=200&&n<300?t.colors.responses.success.tabTextColor:n>=300&&n<400?t.colors.responses.redirect.tabTextColor:n>400?t.colors.responses.error.tabTextColor:t.colors.responses.info.tabTextColor})),ErrorHeader=styled.header(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  font-weight: bold;\n  margin-bottom: 10px;\n"],["\n  font-weight: bold;\n  margin-bottom: 10px;\n"]))),ErrorDetails=styled.code(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"],["\n  border-left: 3px solid #ff4040;\n  padding-left: 5px;\n"])));export var ResponseHeader=styled.div(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"],["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"])));export var PanelStyledPre=styled(StyledPre)(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"],["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,ResponsePanel=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t=this.props,n=t.error,r=t.response,s=t.time,o=r||n&&n.response,i=o&&o.data&&o.data.length||0;return e=i>1e6?(i/1e6).toFixed(2)+" MB":i>1e3?(i/1e3).toFixed(2)+" KB":i+" B",n&&!n.response||!o?_jsxs(_Fragment,{children:[_jsx(ErrorHeader,{children:" Could not get any response "},void 0),_jsx(ErrorDetails,{children:n&&n.message||"Unknown error"},void 0),_jsx("br",{},void 0),_jsx(ErrorHeader,{children:" Why this might have happened:"},void 0),_jsx("div",{children:" - CORS is misconfigured on the server"},void 0),_jsxs("div",{children:[" - ","The server couldn't send a response"]},void 0),_jsx("div",{children:" - No internet access"},void 0),_jsx("div",{children:" - Documentation issue - contact API owner"},void 0),_jsx("div",{children:" - Misconfigured security definition"},void 0)]},void 0):o?_jsxs(_Fragment,{children:[_jsxs(ResponseBadges,{children:[_jsxs(ResponseBadge,__assign({code:o.status},{children:[_jsx("span",{children:" Status: "},void 0),o.status," ",o.statusText]}),void 0),_jsxs(ResponseBadgeBase,{children:[_jsx("span",{children:" Time: "},void 0),s,"ms"]},void 0),_jsxs(ResponseBadgeBase,{children:[_jsx("span",{children:" Size: "},void 0),e]},void 0)]},void 0),_jsxs("div",{children:[_jsx(ResponseHeadersList,{headers:o.headers},void 0),_jsx(ResponseBody,{response:o},void 0)]},void 0)]},void 0):_jsx(_Fragment,{children:"Something went wrong"},void 0)}}),t}(PureComponent);export{ResponsePanel};
 //# sourceMappingURL=ResponsePanel.js.map

package/lib-esm/components/console/Scope.js

@@ -1,2 +1,2 @@
-import*as React from"react";import{FormControl,FormLabel}from"../common/form";import{CheckboxList}from"../common/CheckboxList";import{fromSessionStorage}from"../../utils";export default function Scope(e){var t=e.scopes,o=e.id,r=[];try{r=JSON.parse(fromSessionStorage("auth."+o+".scopes"))}catch(e){}return t&&t.length?React.createElement(FormControl,null,React.createElement(FormLabel,null," Scopes: "),React.createElement(CheckboxList,{field:"auth."+o+".scopes",initialValue:r,items:t,showControls:!0,trimItemsLength:!0})):React.createElement(React.Fragment,null)}
+import{Fragment as _Fragment,jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl,FormLabel}from"../common/form";import{CheckboxList}from"../common/CheckboxList";import{fromSessionStorage}from"../../utils";export default function Scope(o){var s=o.scopes,r=o.id,t=[];try{t=JSON.parse(fromSessionStorage("auth."+r+".scopes"))}catch(o){}return s&&s.length?_jsxs(FormControl,{children:[_jsx(FormLabel,{children:" Scopes: "},void 0),_jsx(CheckboxList,{field:"auth."+r+".scopes",initialValue:t,items:s,showControls:!0,trimItemsLength:!0},void 0)]},void 0):_jsx(_Fragment,{},void 0)}
 //# sourceMappingURL=Scope.js.map

package/lib-esm/components/console/ServerVariable.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import React,{useCallback}from"react";import{Markdown,styled}from"../../redoc-lib";import{Dropdown}from"../common/Dropdown";import{FormControl,FormLabel}from"../common/form";import{TextField}from"../common/TextField";export default function ServerVariable(e){var t=e.name,a=e.value,o=e.description,r=e.variableEnum,l=e.onChange,n=e.defaultValue,m=useCallback((function(e){return l(e.target.value)}),[l]),c=useCallback((function(e){return l(e.value)}),[l]),d=r?r.map((function(e,t){return{value:e,idx:t}})):[];return React.createElement(FormControl,null,React.createElement(FormLabel,null,t,":"),d&&d.length?React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:a,options:d,onChange:c}):React.createElement(TextField,{fullWidth:!0,value:a,onChange:m,placeholder:n}),o&&React.createElement(StyledMarkdown,{compact:!0,source:o}))}var templateObject_1,StyledMarkdown=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
+import{__makeTemplateObject}from"tslib";import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{useCallback}from"react";import{Markdown,styled}from"../../redoc-lib";import{Dropdown}from"../common/Dropdown";import{FormControl,FormLabel}from"../common/form";import{TextField}from"../common/TextField";export default function ServerVariable(e){var o=e.name,r=e.value,t=e.description,a=e.variableEnum,n=e.onChange,l=e.defaultValue,m=useCallback((function(e){return n(e.target.value)}),[n]),d=useCallback((function(e){return n(e.value)}),[n]),i=a?a.map((function(e,o){return{value:e,idx:o}})):[];return _jsxs(FormControl,{children:[_jsxs(FormLabel,{children:[o,":"]},void 0),i&&i.length?_jsx(Dropdown,{fullWidth:!0,variant:"dark",value:r,options:i,onChange:d},void 0):_jsx(TextField,{fullWidth:!0,value:r,onChange:m,placeholder:l},void 0),t&&_jsx(StyledMarkdown,{compact:!0,source:t},void 0)]},void 0)}var templateObject_1,StyledMarkdown=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
 //# sourceMappingURL=ServerVariable.js.map

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

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject}from"tslib";import React,{useState}from"react";import{observer}from"mobx-react";import{styled}from"../../../redoc-lib";import{fromSessionStorage,toSessionStorage}from"../../../utils";import{FormControl,FormLabel}from"../../common/form";import{Dropdown}from"../../common/Dropdown";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"../utils";import ServerVariable from"../ServerVariable";import{useMount}from"../../../hooks";export var ServersDropdown=observer((function(e){var r=e.operation,a=e.onChange,t=fromSessionStorage("serverUrl"),o=r.servers.findIndex((function(e){return e.url===t})),n=useState(o<0?0:o),s=n[0],i=n[1],l=useState({}),m=l[0],u=l[1];useMount((function(){var e=getServerWithVariables(r.servers,s);a(e),u(e.variables)}));var v=r.servers.map((function(e,r){return{idx:r,serverUrl:e.url,value:"\n          "+expandDefaultServerVariables(expandVariables(e.url,m),e.variables)+"\n        - "+(e.description||"Default")+"\n      "}})),p=Object.keys(m);return React.createElement(ServerDropdownWrap,{"data-cy":"console-target-server"},React.createElement(FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(FormControl,null,React.createElement(Dropdown,{variant:"dark",value:v[s].value,options:v,fullWidth:!0,onChange:function(e){var t=r.servers.find((function(r){return r.url===e.serverUrl})),o=r.servers.findIndex((function(r){return r.url===e.serverUrl})),n=getDefaultOrStoredVariables(t);a({url:e.serverUrl||"",variables:n}),toSessionStorage("serverUrl",e.serverUrl||""),i(o),u(n)}})),null==p?void 0:p.map((function(e){var t,o=null===(t=r.servers[s].variables)||void 0===t?void 0:t[e];if(o)return React.createElement(ServerVariable,{key:e,name:e,value:m[e],defaultValue:o.default,onChange:function(t){return function(e,t){var o,n=r.servers[s],i=t||""===t?t:getDefaultOrStoredVariables(n)[e],l=__assign(__assign({},m),((o={})[e]=i,o));u(l),updateVariablesStorage(e,i),a(__assign(__assign({},n),{variables:l}))}(e,t)},variableEnum:o.enum,description:o.description})})))}));var templateObject_1,ServerDropdownWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: 20px;\n"],["\n  margin-bottom: 20px;\n"])));
+import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState}from"react";import{observer}from"mobx-react";import{styled}from"../../../redoc-lib";import{fromSessionStorage,toSessionStorage}from"../../../utils";import{FormControl,FormLabel}from"../../common/form";import{Dropdown}from"../../common/Dropdown";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"../utils";import ServerVariable from"../ServerVariable";import{useMount}from"../../../hooks";export var ServersDropdown=observer((function(r){var e=r.operation,a=r.onChange,o=fromSessionStorage("serverUrl"),t=e.servers.findIndex((function(r){return r.url===o})),s=useState(t<0?0:t),n=s[0],i=s[1],l=useState({}),v=l[0],u=l[1];useMount((function(){var r=getServerWithVariables(e.servers,n);a(r),u(r.variables)}));var m=e.servers.map((function(r,e){return{idx:e,serverUrl:r.url,value:"\n          "+expandDefaultServerVariables(expandVariables(r.url,v),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),d=Object.keys(v);return _jsxs(ServerDropdownWrap,__assign({"data-cy":"console-target-server"},{children:[_jsx(FormLabel,__assign({htmlFor:"server"},{children:"Target server: "}),void 0),_jsx(FormControl,{children:_jsx(Dropdown,{variant:"dark",value:m[n].value,options:m,fullWidth:!0,onChange:function(r){var o=e.servers.find((function(e){return e.url===r.serverUrl})),t=e.servers.findIndex((function(e){return e.url===r.serverUrl})),s=getDefaultOrStoredVariables(o);a({url:r.serverUrl||"",variables:s}),toSessionStorage("serverUrl",r.serverUrl||""),i(t),u(s)}},void 0)},void 0),null==d?void 0:d.map((function(r){var o,t=null===(o=e.servers[n].variables)||void 0===o?void 0:o[r];if(t)return _jsx(ServerVariable,{name:r,value:v[r],defaultValue:t.default,onChange:function(o){return function(r,o){var t,s=e.servers[n],i=o||""===o?o:getDefaultOrStoredVariables(s)[r],l=__assign(__assign({},v),((t={})[r]=i,t));u(l),updateVariablesStorage(r,i),a(__assign(__assign({},s),{variables:l}))}(r,o)},variableEnum:t.enum,description:t.description},r)}))]}),void 0)}));var templateObject_1,ServerDropdownWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: 20px;\n"],["\n  margin-bottom: 20px;\n"])));
 //# sourceMappingURL=ServersDropdown.js.map

package/lib-esm/components/console/TryItPanel.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { PanelComponentProps } from '../Panel';
 export declare function TryItPanel({ header, error, success, ...rest }: React.PropsWithChildren<{
     header: string;

package/lib-esm/components/console/TryItPanel.js

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject,__rest}from"tslib";import*as React from"react";import{Header,Panel,Title,Trigger}from"../Panel";import{CrossIcon,LockIcon,ShelfIcon}from"../../redoc-lib";import styled from"../../redoc-lib/src/styled-components";import{PanelBody}from"../Panel/PanelBody";export function TryItPanel(e){var n=e.header,r=e.error,t=e.success,o=__rest(e,["header","error","success"]);return React.createElement(StyledTryItPanel,__assign({},o,{header:function(e){var a=e.toggle,l=e.expanded;return React.createElement(Header,{onClick:a,isExpanded:l,"data-cy":o["data-cy"]},React.createElement(Trigger,null,React.createElement(Title,null,n),React.createElement(ShelfIcon,{direction:l?"down":"right"})),r&&React.createElement(CrossIcon,{size:"14px",color:"#ff908b"})||null,t&&React.createElement(LockIcon,{size:"14px",color:"#56ff26"})||null)}}))}var templateObject_1,StyledTryItPanel=styled(Panel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"],["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"])),Header,(function(e){return e.error?"#ff908b":"#89949f"}),ShelfIcon,PanelBody,(function(e){return e.error?"#ff908b":"#89949f"}));
+import{__assign,__makeTemplateObject,__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Header,Panel,Title,Trigger}from"../Panel";import{CrossIcon,LockIcon,ShelfIcon}from"../../redoc-lib";import styled from"../../redoc-lib/src/styled-components";import{PanelBody}from"../Panel/PanelBody";export function TryItPanel(e){var n=e.header,r=e.error,o=e.success,t=__rest(e,["header","error","success"]);return _jsx(StyledTryItPanel,__assign({},t,{header:function(e){var d=e.toggle,i=e.expanded;return _jsxs(Header,__assign({onClick:d,isExpanded:i,"data-cy":t["data-cy"]},{children:[_jsxs(Trigger,{children:[_jsx(Title,{children:n},void 0),_jsx(ShelfIcon,{direction:i?"down":"right"},void 0)]},void 0),r&&_jsx(CrossIcon,{size:"14px",color:"#ff908b"},void 0)||null,o&&_jsx(LockIcon,{size:"14px",color:"#56ff26"},void 0)||null]}),void 0)}}),void 0)}var templateObject_1,StyledTryItPanel=styled(Panel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"],["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"])),Header,(function(e){return e.error?"#ff908b":"#89949f"}),ShelfIcon,PanelBody,(function(e){return e.error?"#ff908b":"#89949f"}));
 //# sourceMappingURL=TryItPanel.js.map

package/lib-esm/components/pluggable/PullRight.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-export declare class PullRight extends React.Component {
+import { Component } from 'react';
+export declare class PullRight extends Component {
     render(): JSX.Element;
 }

package/lib-esm/components/pluggable/PullRight.js

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{lighten,invert}from"polished";import{RightPanel,Markdown,styled,mediaCSS}from"../../redoc-lib";import{CodePanel}from"../Panel/CodePanel";var DarkMarkdown=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    ","\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      ","\n    }\n  }\n\n  code {\n    color: ",";\n    background-color: ",";\n  }\n\n  a,\n  a:visited {\n    color: ",";\n  }\n\n  pre {\n    border: none;\n    padding: ",";\n    border-radius: ",";\n    ","\n  }\n"],["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    ","\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      ","\n    }\n  }\n\n  code {\n    color: ",";\n    background-color: ",";\n  }\n\n  a,\n  a:visited {\n    color: ",";\n  }\n\n  pre {\n    border: none;\n    padding: ",";\n    border-radius: ",";\n    ","\n  }\n"])),(function(n){var e,t,r=n.theme;return mediaCSS({color:(null===(t=null===(e=r.typography)||void 0===e?void 0:e.rightPanelHeading)||void 0===t?void 0:t.color)||r.rightPanel.textColor})}),(function(n){var e=n.theme;return mediaCSS({backgroundColor:e.rightPanel.panelControlsBackgroundColor})}),(function(n){var e=n.theme;return mediaCSS({backgroundColor:lighten(.05,e.rightPanel.panelControlsBackgroundColor)})}),(function(n){var e=n.theme;return"\n          background-color: "+lighten(.05,e.rightPanel.panelControlsBackgroundColor)+";\n          border-color: "+lighten(.1,e.rightPanel.panelControlsBackgroundColor)+" !important;\n      "}),(function(n){var e=n.theme;return lighten(.2,e.typography.code.color)}),(function(n){var e=n.theme;return invert(e.typography.code.backgroundColor)}),(function(n){var e=n.theme;return lighten(.25,e.typography.links.color)}),(function(n){return 4*n.theme.spacing.unit}),(function(n){return n.theme.codeBlock.borderRadius}),(function(n){var e=n.theme;return mediaCSS({background:e.codeBlock.backgroundColor})})),PullRight=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return __extends(e,n),Object.defineProperty(e.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return React.createElement(StyledRightPanel,null,React.createElement(CodePanel,null,this.props.children&&React.createElement(DarkMarkdown,{source:this.props.children})))}}),e}(React.Component);export{PullRight};var templateObject_1,templateObject_2,StyledRightPanel=styled(RightPanel)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"])));
+import{__extends,__makeTemplateObject}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{lighten,invert}from"polished";import{RightPanel,Markdown,styled,mediaCSS}from"../../redoc-lib";import{CodePanel}from"../Panel/CodePanel";var DarkMarkdown=styled(Markdown)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    ","\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      ","\n    }\n  }\n\n  code {\n    color: ",";\n    background-color: ",";\n  }\n\n  a,\n  a:visited {\n    color: ",";\n  }\n\n  pre {\n    border: none;\n    padding: ",";\n    border-radius: ",";\n    ","\n  }\n"],["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    ","\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      ","\n    }\n  }\n\n  code {\n    color: ",";\n    background-color: ",";\n  }\n\n  a,\n  a:visited {\n    color: ",";\n  }\n\n  pre {\n    border: none;\n    padding: ",";\n    border-radius: ",";\n    ","\n  }\n"])),(function(n){var r,e,t=n.theme;return mediaCSS({color:(null===(e=null===(r=t.typography)||void 0===r?void 0:r.rightPanelHeading)||void 0===e?void 0:e.color)||t.rightPanel.textColor})}),(function(n){var r=n.theme;return mediaCSS({backgroundColor:r.rightPanel.panelControlsBackgroundColor})}),(function(n){var r=n.theme;return mediaCSS({backgroundColor:lighten(.05,r.rightPanel.panelControlsBackgroundColor)})}),(function(n){var r=n.theme;return"\n          background-color: "+lighten(.05,r.rightPanel.panelControlsBackgroundColor)+";\n          border-color: "+lighten(.1,r.rightPanel.panelControlsBackgroundColor)+" !important;\n      "}),(function(n){var r=n.theme;return lighten(.2,r.typography.code.color)}),(function(n){var r=n.theme;return invert(r.typography.code.backgroundColor)}),(function(n){var r=n.theme;return lighten(.25,r.typography.links.color)}),(function(n){return 4*n.theme.spacing.unit}),(function(n){return n.theme.codeBlock.borderRadius}),(function(n){var r=n.theme;return mediaCSS({background:r.codeBlock.backgroundColor})})),PullRight=function(n){function r(){return null!==n&&n.apply(this,arguments)||this}return __extends(r,n),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return _jsx(StyledRightPanel,{children:_jsx(CodePanel,{children:this.props.children&&_jsx(DarkMarkdown,{source:this.props.children},void 0)},void 0)},void 0)}}),r}(Component);export{PullRight};var templateObject_1,templateObject_2,StyledRightPanel=styled(RightPanel)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"])));
 //# sourceMappingURL=PullRight.js.map

package/lib-esm/components/pluggable/RedocExample.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { Component } from 'react';
 import type { OpenAPIEncoding } from '../../redoc-lib';
 import type { ProStore } from '../../services/ProStore';
 interface RedocExampleProps {
@@ -9,7 +9,7 @@ interface RedocExampleProps {
         [field: string]: OpenAPIEncoding;
     };
 }
-export declare class RedocExample extends React.Component<RedocExampleProps> {
+export declare class RedocExample extends Component<RedocExampleProps> {
     render(): JSX.Element;
 }
 export {};

package/lib-esm/components/pluggable/RedocExample.js

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import{ExampleModel,Example,Row}from"../../redoc-lib";import{ExamplesWrap}from"./styled.components";var RedocExample=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,r=e.pointer,o=e.mimeType,a=e.encoding,n=new ExampleModel(t.definition.parser,{$ref:r},o,a);return React.createElement(Row,{layout:t.layout},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:n,mimeType:o})))}}),t}(React.Component);export{RedocExample};
+import{__assign,__extends}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{ExampleModel,Example,Row}from"../../redoc-lib";import{ExamplesWrap}from"./styled.components";var RedocExample=function(e){function o(){return null!==e&&e.apply(this,arguments)||this}return __extends(o,e),Object.defineProperty(o.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,o=e.store,r=e.pointer,t=e.mimeType,n=e.encoding,i=new ExampleModel(o.definition.parser,{$ref:r},t,n);return _jsx(Row,__assign({layout:o.layout},{children:_jsx(ExamplesWrap,{children:_jsx(Example,{example:i,mimeType:t},void 0)},void 0)}),void 0)}}),o}(Component);export{RedocExample};
 //# sourceMappingURL=RedocExample.js.map

package/lib-esm/components/pluggable/RedocRequestBody.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import { Component } from 'react';
 import type { ProStore } from '../../services';
 interface RedocRequestBodyProps {
     store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare class RedocRequestBody extends React.Component<RedocRequestBodyProps> {
+export declare class RedocRequestBody extends Component<RedocRequestBodyProps> {
     render(): JSX.Element;
 }
 export {};

package/lib-esm/components/pluggable/RedocRequestBody.js

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import{RequestBodyModel,PayloadSamples,Row,MiddlePanel,RightPanel,BodyContent,OperationModel}from"../../redoc-lib";import{SamplesWrap,FullWidthPanel}from"./styled.components";var RedocRequestBody=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,n=e.pointer,o=e.hideSamples,r=new OperationModel(t.definition.parser,{pointer:n,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,t.options,!1),a=new RequestBodyModel({parser:t.definition.parser,infoOrRef:{$ref:n},options:t.options,operation:r}),l=o?FullWidthPanel:MiddlePanel;return React.createElement(Row,{layout:t.layout},React.createElement(l,null,a.content&&React.createElement(BodyContent,{content:a.content,description:a.description})),!o&&React.createElement(RightPanel,null,React.createElement(SamplesWrap,null,a.content&&React.createElement(PayloadSamples,{content:a.content})))||React.createElement("span",null))}}),t}(React.Component);export{RedocRequestBody};
+import{__assign,__extends}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{RequestBodyModel,PayloadSamples,Row,MiddlePanel,RightPanel,BodyContent,OperationModel}from"../../redoc-lib";import{SamplesWrap,FullWidthPanel}from"./styled.components";var RedocRequestBody=function(e){function o(){return null!==e&&e.apply(this,arguments)||this}return __extends(o,e),Object.defineProperty(o.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,o=e.store,t=e.pointer,n=e.hideSamples,r=new OperationModel(o.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o.options,!1),i=new RequestBodyModel({parser:o.definition.parser,infoOrRef:{$ref:t},options:o.options,operation:r}),s=n?FullWidthPanel:MiddlePanel;return _jsxs(Row,__assign({layout:o.layout},{children:[_jsx(s,{children:i.content&&_jsx(BodyContent,{content:i.content,description:i.description},void 0)},void 0),!n&&_jsx(RightPanel,{children:_jsx(SamplesWrap,{children:i.content&&_jsx(PayloadSamples,{content:i.content},void 0)},void 0)},void 0)||_jsx("span",{},void 0)]}),void 0)}}),o}(Component);export{RedocRequestBody};
 //# sourceMappingURL=RedocRequestBody.js.map

package/lib-esm/components/pluggable/RedocResponse.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import { Component } from 'react';
 import type { ProStore } from '../../services/ProStore';
 export interface RedocResponseProps {
     store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare class RedocResponse extends React.Component<RedocResponseProps> {
+export declare class RedocResponse extends Component<RedocResponseProps> {
     render(): JSX.Element;
 }

package/lib-esm/components/pluggable/RedocResponse.js

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import{ResponseModel,Row,MiddlePanel,ResponseDetails,RightPanel,PayloadSamples}from"../../redoc-lib";import{OperationModel}from"../../redoc-lib/src/services";import{FullWidthPanel,SamplesWrap}from"./styled.components";var RedocResponse=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,o=e.pointer,r=e.hideSamples,n=new OperationModel(t.definition.parser,{pointer:o,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,t.options,!1),a=new ResponseModel({parser:t.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:o},options:t.options,operation:n});a.description=a.summary;var l=r?FullWidthPanel:MiddlePanel;return React.createElement(Row,{layout:t.layout},React.createElement(l,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:a})),!r&&a.content&&React.createElement(RightPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:a.content})))||React.createElement("span",null))}}),t}(React.Component);export{RedocResponse};
+import{__assign,__extends}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{ResponseModel,Row,MiddlePanel,ResponseDetails,RightPanel,PayloadSamples}from"../../redoc-lib";import{OperationModel}from"../../redoc-lib/src/services";import{FullWidthPanel,SamplesWrap}from"./styled.components";var RedocResponse=function(e){function o(){return null!==e&&e.apply(this,arguments)||this}return __extends(o,e),Object.defineProperty(o.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,o=e.store,s=e.pointer,r=e.hideSamples,n=new OperationModel(o.definition.parser,{pointer:s,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o.options,!1),t=new ResponseModel({parser:o.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:s},options:o.options,operation:n});t.description=t.summary;var i=r?FullWidthPanel:MiddlePanel;return _jsxs(Row,__assign({layout:o.layout},{children:[_jsx(i,__assign({style:{paddingBottom:"20px"}},{children:_jsx(ResponseDetails,{response:t},void 0)}),void 0),!r&&t.content&&_jsx(RightPanel,{children:_jsx(SamplesWrap,{children:_jsx(PayloadSamples,{content:t.content},void 0)},void 0)},void 0)||_jsx("span",{},void 0)]}),void 0)}}),o}(Component);export{RedocResponse};
 //# sourceMappingURL=RedocResponse.js.map

package/lib-esm/components/pluggable/RedocSchema.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import { Component } from 'react';
 import type { OpenAPISchema } from '../../redoc-lib';
 import type { ProStore } from '../../services';
 interface RedocSchemaProps {
@@ -6,7 +6,7 @@ interface RedocSchemaProps {
     pointer?: string;
     schema?: OpenAPISchema;
 }
-export declare class RedocSchema extends React.Component<RedocSchemaProps> {
+export declare class RedocSchema extends Component<RedocSchemaProps> {
     render(): JSX.Element;
 }
 export {};

package/lib-esm/components/pluggable/RedocSchema.js

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import{Schema,SchemaModel,Row}from"../../redoc-lib";import{FullWidthPanel}from"./styled.components";var RedocSchema=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,r=e.pointer,o=e.schema||{$ref:r},n=new SchemaModel(t.definition.parser,o,r||"",t.options);return React.createElement(Row,null,React.createElement(FullWidthPanel,null,React.createElement(Schema,{schema:n})))}}),t}(React.Component);export{RedocSchema};
+import{__extends}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{Schema,SchemaModel,Row}from"../../redoc-lib";import{FullWidthPanel}from"./styled.components";var RedocSchema=function(e){function o(){return null!==e&&e.apply(this,arguments)||this}return __extends(o,e),Object.defineProperty(o.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,o=e.store,r=e.pointer,t=e.schema||{$ref:r},n=new SchemaModel(o.definition.parser,t,r||"",o.options);return _jsx(Row,{children:_jsx(FullWidthPanel,{children:_jsx(Schema,{schema:n},void 0)},void 0)},void 0)}}),o}(Component);export{RedocSchema};
 //# sourceMappingURL=RedocSchema.js.map

package/lib-esm/components/shared/CopyButton.js

@@ -1,2 +1,2 @@
-import{__awaiter,__generator}from"tslib";import*as React from"react";import{useState}from"react";import{Button}from"./Button";export var CopyButton=function(t){var e=t.text,r=useState("Copy"),o=r[0],n=r[1];return React.createElement(Button,{onClick:function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,navigator.clipboard.writeText(e)];case 1:return t.sent(),n("Copied!"),setTimeout((function(){return n("Copy")}),1500),[2]}}))}))}},o)};
+import{__assign,__awaiter,__generator}from"tslib";import{jsx as _jsx}from"react/jsx-runtime";import{useState}from"react";import{Button}from"./Button";export var CopyButton=function(t){var r=t.text,o=useState("Copy"),e=o[0],n=o[1];return _jsx(Button,__assign({onClick:function(){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,navigator.clipboard.writeText(r)];case 1:return t.sent(),n("Copied!"),setTimeout((function(){return n("Copy")}),1500),[2]}}))}))}},{children:e}),void 0)};
 //# sourceMappingURL=CopyButton.js.map

package/lib-esm/components/styled.elements.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{styled,mediaCSS,mediaMap,ZERO_BREAKPOINT,css,Tooltip}from"../redoc-lib";import{LayoutVariant}from"../services";var ShowRightPanelSVG=styled((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"#9AA6B1"}),React.createElement("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"#9AA6B1"}))}))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=styled((function(){return React.createElement("svg",{width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"#9AA6B1"}),React.createElement("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"#9AA6B1"}),React.createElement("rect",{width:"2",height:"10",rx:"1",fill:"#9AA6B1"}))}))(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"])));export var StyledToggleRightPanelButton=styled.a(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(e){return e.theme.components.layoutControls.width}),(function(e){return e.theme.components.layoutControls.height}),(function(e){return e.theme.shape.borderRadius}));export var ToggleRightPanelButton=observer((function(e){var t=e.store,n=e.isVisible;return t.options.showRightPanelToggle&&n?React.createElement(Tooltip,{tip:t.showRightPanel?"Hide samples":"Show samples",placement:"left"},React.createElement(StyledToggleRightPanelButton,{onClick:function(){t.toggleRightPanel()}},t.showRightPanel?React.createElement(HideRightPanelSVG,null):React.createElement(ShowRightPanelSVG,null))):null}));var IntArrowIcon=function(e){return React.createElement("svg",{className:e.className,version:"1.1",viewBox:"0 0 24 24",x:"0",xmlns:"http://www.w3.org/2000/svg",y:"0","aria-hidden":"true"},React.createElement("polygon",{points:"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "}))};export var ArrowIcon=styled(IntArrowIcon)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"],["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"])),(function(e){return"rotate("+("left"===e.direction?"90deg":"-90deg")+")"}),(function(e){var t,n=e.theme;return mediaCSS({fill:null===(t=n.rightPanel)||void 0===t?void 0:t.textColor})}));export var RedocWrap=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"],["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"])),(function(e){var t=e.theme;return"\n    -webkit-font-smoothing: "+t.typography.smoothing+";\n    "+(t.typography.optimizeSpeed?"text-rendering: optimizeSpeed !important":"")+";\n  "}),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.fontFamily,fontSize:t.typography.fontSize,lineHeight:t.typography.lineHeight,fontWeight:t.typography.fontWeightRegular,color:t.colors.text.primary,fontSmoothing:t.typography.smoothing})}));export var ApiContentWrap=styled.div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"],["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"])),(function(e){var t,n=e.theme,a=e.layout;return css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "],["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "])),mediaCSS({width:(t={},t[ZERO_BREAKPOINT]="auto",t.small="calc(100% - "+n.sidebar.width+")",t),maxWidth:n.layout[a||LayoutVariant.THREE_PANEL].maxWidth}),n.mediaQueries.print)}));export var BackgroundStub=styled.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(e){var t,n,a=e.theme;return css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:a.rightPanel.backgroundColor,display:(t={},t[ZERO_BREAKPOINT]="none",t[a.rightPanel.showAtBreakpoint]="initial",t),left:mediaMap(a.breakpoints,[a.rightPanel.width],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},n))}),a.mediaQueries.print)}));export var BackgroundStubFix=styled.div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(e){var t,n,a=e.theme;return css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:a.rightPanel.backgroundColor,display:(t={},t[ZERO_BREAKPOINT]="none",t[a.rightPanel.showAtBreakpoint]="initial",t),width:mediaMap(a.breakpoints,[a.sidebar.width,a.layout["three-panel"].maxWidth],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[a.rightPanel.showAtBreakpoint]=function(e,t){return"calc((100% - min(100% - "+e+" - "+a.components.layoutControls.width+", "+t+") - "+e+" + "+a.components.layoutControls.width+")/2 + 2px)"},n))}),a.mediaQueries.print)}));export var NextSectionButtonWrap=styled.div(templateObject_13||(templateObject_13=__makeTemplateObject(["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"],["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"])),(function(e){var t=e.theme;return 4*t.spacing.unit+"px "+5*t.spacing.unit+"px"}),(function(e){var t,n,a=e.theme,i=a.layout.showDarkRightPanel?a.spacing.sectionHorizontal:a.spacing.sectionHorizontal/2;return css(templateObject_12||(templateObject_12=__makeTemplateObject(["\n      ","\n    "],["\n      ","\n    "])),mediaCSS({width:mediaMap(a.breakpoints,[a.rightPanel.width],(t={},t[ZERO_BREAKPOINT]=function(){return"100%"},t[a.rightPanel.showAtBreakpoint]=function(e){return"calc(100% - "+e+")"},t)),paddingLeft:a.spacing.sectionHorizontal,paddingRight:(n={},n[ZERO_BREAKPOINT]=a.spacing.sectionHorizontal,n[a.rightPanel.showAtBreakpoint]=i,n)}))}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,templateObject_15,templateObject_16,templateObject_17,templateObject_18,ChangeViewSvgColumn=styled((function(){return React.createElement("svg",{width:"15",height:"20",viewBox:"0 0 15 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"13.2858",y1:"5.28564",x2:"1.00005",y2:"5.28564",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"14.2858",y:"20",width:"14.2857",height:"11.4286",rx:"1",transform:"rotate(-180 14.2858 20)",fill:"#9AA6B1"}))}))(templateObject_14||(templateObject_14=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=styled((function(){return React.createElement("svg",{width:"20",height:"16",viewBox:"0 0 20 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("line",{x1:"1",y1:"4",x2:"8",y2:"4",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"#9AA6B1"}))}))(templateObject_15||(templateObject_15=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=styled.a(templateObject_16||(templateObject_16=__makeTemplateObject(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(e){return e.theme.components.layoutControls.width}),(function(e){return e.theme.components.layoutControls.height}),(function(e){return e.theme.shape.borderRadius}));export var ChangeViewButton=function(e){var t=e.store,n=e.isVisible;return t.options.showChangeLayoutButton&&n?React.createElement(Tooltip,{tip:"Change layout",placement:"left"},React.createElement(StyledChangeViewButton,{onClick:function(){t.toggleLayout(t.layout===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}},t.layout===LayoutVariant.STACKED?React.createElement(ChangeViewSvgRow,null):React.createElement(ChangeViewSvgColumn,null))):null};export var ControlsWrap=styled.span(templateObject_18||(templateObject_18=__makeTemplateObject(["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"],["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"])),(function(e){return e.theme.components.layoutControls.top}),(function(e){var t=e.theme;return"calc("+t.components.layoutControls.height+" * 2 + "+2*t.spacing.unit+"px)"}),(function(e){var t,n=e.theme;return css(templateObject_17||(templateObject_17=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({display:(t={},t[ZERO_BREAKPOINT]="none",t[n.rightPanel.showAtBreakpoint]="flex",t)}),n.mediaQueries.print)}));
+import{__assign,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{observer}from"mobx-react";import{styled,mediaCSS,mediaMap,ZERO_BREAKPOINT,css,Tooltip}from"../redoc-lib";import{LayoutVariant}from"../services";var ShowRightPanelSVG=styled((function(){return _jsxs("svg",__assign({width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("path",{d:"M2.41421 5L5.70711 8.29289C6.09763 8.68342 6.09763 9.31658 5.7071 9.70711C5.31658 10.0976 4.68342 10.0976 4.29289 9.70711L0.292892 5.70711C-0.0976321 5.31658 -0.0976319 4.68342 0.292893 4.29289L4.29289 0.292894C4.68342 -0.0976302 5.31658 -0.09763 5.70711 0.292894C6.09763 0.683418 6.09763 1.31658 5.70711 1.70711L2.41421 5Z",fill:"#9AA6B1"},void 0),_jsx("path",{d:"M2 5C2 4.44772 2.44771 4 3 4L11 4C11.5523 4 12 4.44772 12 5C12 5.55229 11.5523 6 11 6L3 6C2.44771 6 2 5.55228 2 5Z",fill:"#9AA6B1"},void 0),_jsx("rect",{x:"15",y:"10",width:"2",height:"10",rx:"1",transform:"rotate(-180 15 10)",fill:"#9AA6B1"},void 0)]}),void 0)}))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),HideRightPanelSVG=styled((function(){return _jsxs("svg",__assign({width:"15",height:"10",viewBox:"0 0 15 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("path",{d:"M12.5858 5L9.29289 1.70711C8.90237 1.31658 8.90237 0.683417 9.29289 0.292893C9.68342 -0.097631 10.3166 -0.0976309 10.7071 0.292893L14.7071 4.29289C15.0976 4.68342 15.0976 5.31658 14.7071 5.70711L10.7071 9.70711C10.3166 10.0976 9.68342 10.0976 9.29289 9.70711C8.90237 9.31658 8.90237 8.68342 9.29289 8.29289L12.5858 5Z",fill:"#9AA6B1"},void 0),_jsx("path",{d:"M13 5C13 5.55229 12.5523 6 12 6L4 6C3.44772 6 3 5.55228 3 5C3 4.44771 3.44772 4 4 4L12 4C12.5523 4 13 4.44772 13 5Z",fill:"#9AA6B1"},void 0),_jsx("rect",{width:"2",height:"10",rx:"1",fill:"#9AA6B1"},void 0)]}),void 0)}))(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"])));export var StyledToggleRightPanelButton=styled.a(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: '#f00';\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(t){return t.theme.components.layoutControls.width}),(function(t){return t.theme.components.layoutControls.height}),(function(t){return t.theme.shape.borderRadius}));export var ToggleRightPanelButton=observer((function(t){var e=t.store,n=t.isVisible;return e.options.showRightPanelToggle&&n?_jsx(Tooltip,__assign({tip:e.showRightPanel?"Hide samples":"Show samples",placement:"left"},{children:_jsx(StyledToggleRightPanelButton,__assign({onClick:function(){e.toggleRightPanel()}},{children:e.showRightPanel?_jsx(HideRightPanelSVG,{},void 0):_jsx(ShowRightPanelSVG,{},void 0)}),void 0)}),void 0):null}));var IntArrowIcon=function(t){return _jsx("svg",__assign({className:t.className,version:"1.1",viewBox:"0 0 24 24",x:"0",xmlns:"http://www.w3.org/2000/svg",y:"0","aria-hidden":"true"},{children:_jsx("polygon",{points:"17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "},void 0)}),void 0)};export var ArrowIcon=styled(IntArrowIcon)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"],["\n  width: 18px;\n  height: 18px;\n  transform: ",";\n\n  ","\n"])),(function(t){return"rotate("+("left"===t.direction?"90deg":"-90deg")+")"}),(function(t){var e,n=t.theme;return mediaCSS({fill:null===(e=n.rightPanel)||void 0===e?void 0:e.textColor})}));export var RedocWrap=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"],["\n  display: flex;\n  position: relative;\n  text-align: left;\n  tap-highlight-color: rgba(0, 0, 0, 0);\n  text-size-adjust: 100%;\n  ",";\n\n  ","\n\n  * {\n    box-sizing: border-box;\n    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  }\n"])),(function(t){var e=t.theme;return"\n    -webkit-font-smoothing: "+e.typography.smoothing+";\n    "+(e.typography.optimizeSpeed?"text-rendering: optimizeSpeed !important":"")+";\n  "}),(function(t){var e=t.theme;return mediaCSS({fontFamily:e.typography.fontFamily,fontSize:e.typography.fontSize,lineHeight:e.typography.lineHeight,fontWeight:e.typography.fontWeightRegular,color:e.colors.text.primary,fontSmoothing:e.typography.smoothing})}));export var ApiContentWrap=styled.div(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"],["\n  position: relative;\n  overflow: hidden;\n  /* contain: layout; */\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 0 auto;\n\n  ","\n"])),(function(t){var e,n=t.theme,i=t.layout;return css(templateObject_6||(templateObject_6=__makeTemplateObject(["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "],["\n    ",";\n\n    "," {\n      width: 100%;\n      padding: 0;\n    }\n  "])),mediaCSS({width:(e={},e[ZERO_BREAKPOINT]="auto",e.small="calc(100% - "+n.sidebar.width+")",e),maxWidth:n.layout[i||LayoutVariant.THREE_PANEL].maxWidth}),n.mediaQueries.print)}));export var BackgroundStub=styled.div(templateObject_9||(templateObject_9=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(t){var e,n,i=t.theme;return css(templateObject_8||(templateObject_8=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:i.rightPanel.backgroundColor,display:(e={},e[ZERO_BREAKPOINT]="none",e[i.rightPanel.showAtBreakpoint]="initial",e),left:mediaMap(i.breakpoints,[i.rightPanel.width],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[i.rightPanel.showAtBreakpoint]=function(t){return"calc(100% - "+t+")"},n))}),i.mediaQueries.print)}));export var BackgroundStubFix=styled.div(templateObject_11||(templateObject_11=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  ","\n"])),(function(t){var e,n,i=t.theme;return css(templateObject_10||(templateObject_10=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({background:i.rightPanel.backgroundColor,display:(e={},e[ZERO_BREAKPOINT]="none",e[i.rightPanel.showAtBreakpoint]="initial",e),width:mediaMap(i.breakpoints,[i.sidebar.width,i.layout["three-panel"].maxWidth],(n={},n[ZERO_BREAKPOINT]=function(){return"0"},n[i.rightPanel.showAtBreakpoint]=function(t,e){return"calc((100% - min(100% - "+t+" - "+i.components.layoutControls.width+", "+e+") - "+t+" + "+i.components.layoutControls.width+")/2 + 2px)"},n))}),i.mediaQueries.print)}));export var NextSectionButtonWrap=styled.div(templateObject_13||(templateObject_13=__makeTemplateObject(["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"],["\n  padding: ",";\n  align-self: flex-start;\n  text-align: right;\n\n  display: flex;\n  flex-direction: row;\n\n  ","\n"])),(function(t){var e=t.theme;return 4*e.spacing.unit+"px "+5*e.spacing.unit+"px"}),(function(t){var e,n,i=t.theme,o=i.layout.showDarkRightPanel?i.spacing.sectionHorizontal:i.spacing.sectionHorizontal/2;return css(templateObject_12||(templateObject_12=__makeTemplateObject(["\n      ","\n    "],["\n      ","\n    "])),mediaCSS({width:mediaMap(i.breakpoints,[i.rightPanel.width],(e={},e[ZERO_BREAKPOINT]=function(){return"100%"},e[i.rightPanel.showAtBreakpoint]=function(t){return"calc(100% - "+t+")"},e)),paddingLeft:i.spacing.sectionHorizontal,paddingRight:(n={},n[ZERO_BREAKPOINT]=i.spacing.sectionHorizontal,n[i.rightPanel.showAtBreakpoint]=o,n)}))}));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13,templateObject_14,templateObject_15,templateObject_16,templateObject_17,templateObject_18,ChangeViewSvgColumn=styled((function(){return _jsxs("svg",__assign({width:"15",height:"20",viewBox:"0 0 15 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("line",{x1:"13.2858",y1:"5.28564",x2:"1.00005",y2:"5.28564",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("line",{x1:"13.2858",y1:"1",x2:"1.00005",y2:"0.999998",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("rect",{x:"14.2858",y:"20",width:"14.2857",height:"11.4286",rx:"1",transform:"rotate(-180 14.2858 20)",fill:"#9AA6B1"},void 0)]}),void 0)}))(templateObject_14||(templateObject_14=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),ChangeViewSvgRow=styled((function(){return _jsxs("svg",__assign({width:"20",height:"16",viewBox:"0 0 20 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[_jsx("line",{x1:"1",y1:"4",x2:"8",y2:"4",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("line",{x1:"1",y1:"8",x2:"8",y2:"8",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("line",{x1:"1",y1:"12",x2:"8",y2:"12",stroke:"#9AA6B1",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},void 0),_jsx("rect",{x:"11",width:"9",height:"16",rx:"1",fill:"#9AA6B1"},void 0)]}),void 0)}))(templateObject_15||(templateObject_15=__makeTemplateObject(["\n  position: absolute;\n"],["\n  position: absolute;\n"]))),StyledChangeViewButton=styled.a(templateObject_16||(templateObject_16=__makeTemplateObject(["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"],["\n  display: flex;\n  position: relative;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n  /* Rectangle 201 */\n  width: ",";\n  height: ",";\n  background: #e5e8eb;\n  border-radius: ",";\n"])),(function(t){return t.theme.components.layoutControls.width}),(function(t){return t.theme.components.layoutControls.height}),(function(t){return t.theme.shape.borderRadius}));export var ChangeViewButton=function(t){var e=t.store,n=t.isVisible;return e.options.showChangeLayoutButton&&n?_jsx(Tooltip,__assign({tip:"Change layout",placement:"left"},{children:_jsx(StyledChangeViewButton,__assign({onClick:function(){e.toggleLayout(e.layout===LayoutVariant.STACKED?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED)}},{children:e.layout===LayoutVariant.STACKED?_jsx(ChangeViewSvgRow,{},void 0):_jsx(ChangeViewSvgColumn,{},void 0)}),void 0)}),void 0):null};export var ControlsWrap=styled.span(templateObject_18||(templateObject_18=__makeTemplateObject(["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"],["\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  top: ",";\n  right: 24px;\n  height: ",";\n  z-index: 1;\n  ","\n"])),(function(t){return t.theme.components.layoutControls.top}),(function(t){var e=t.theme;return"calc("+e.components.layoutControls.height+" * 2 + "+2*e.spacing.unit+"px)"}),(function(t){var e,n=t.theme;return css(templateObject_17||(templateObject_17=__makeTemplateObject(["\n    ","\n    "," {\n      display: none;\n    }\n  "],["\n    ","\n    "," {\n      display: none;\n    }\n  "])),mediaCSS({display:(e={},e[ZERO_BREAKPOINT]="none",e[n.rightPanel.showAtBreakpoint]="flex",e)}),n.mediaQueries.print)}));
 //# sourceMappingURL=styled.elements.js.map

package/lib-esm/events/codeSampleCopy.d.ts

@@ -0,0 +1,2 @@
+import type { CodeSampleCopyProps, CodeSamplesCopiedEvent } from './types';
+export declare const createCodeSampleCopyEvent: ({ operation, type, lang, label, }: CodeSampleCopyProps) => CodeSamplesCopiedEvent;