@redocly/reference-docs 2.36.1 → 2.37.1

package/lib/components/console/OAuth2Flow.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),Checkbox_1=require("../common/Checkbox"),shared_1=require("../shared"),OAuth2_1=require("../../services/OAuth2"),utils_1=require("../../utils"),utils_2=require("../../services/utils"),utils_3=require("./utils"),Scope_1=(0,tslib_1.__importDefault)(require("./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(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e;return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,(0,OAuth2_1.deriveCodeChallenge)(r)];case 1:return e=t.sent(),this.setState({codeVerifier:r,validCodeChallenge:e}),[2]}}))}))}}),t}return(0,tslib_1.__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=(0,utils_2.randString)(43);(0,OAuth2_1.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,l=r.flow,i=r.usePkce,n=r.id,o=r.tokenUrl,a=r.authCorsProxyUrl,c=r.tokenEndpointAuthMethod;if((0,utils_2.isEmptyObject)(this.errors)){this.setState({loading:!0,error:null});var s=a?a+(0,utils_3.normalizeUrlProtocol)(e):e,u=a&&o?a+(0,utils_3.normalizeUrlProtocol)(o):o,d=this.props.formApi.getValue("auth."+n+".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"===l&&OAuth2_1.OAuth2.authorizeImplicit(p),(0,utils_3.validateTokenEndpointMethod)(c)?"authorizationCode"===l&&OAuth2_1.OAuth2.authorizeAuthorizationCode((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},p),{tokenUrl:(null==u?void 0:u.startsWith("http"))?u:this.props.server+u,clientSecret:this.values.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:c,clientId:this.values.client_id,clientSecret:this.values.client_secret})}),i&&{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_1.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,l=t.loading,i=this.props,n=i.id,o=i.scopes,a=i.authorizationUrl,c=i.flow,s=i.usePkce,u=i.defaultValues;if(!a)return React.createElement(form_1.FormError,null,"No flow info");var d=(0,utils_1.fromSessionStorage)("auth."+n+".token")||JSON.stringify(null==u?void 0:u.token);d=d?JSON.parse(d):"";var p=(0,utils_1.getSecurityDetailsOptions)(n,"client_id"),h={field:"auth."+n+".client_id",fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+n+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),initValue:(0,utils_1.fromSessionStorage)("auth."+n+".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(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Client ID: "),p?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},h,{options:p})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},h,{"data-cy":"client-id-input"}))),"authorizationCode"===c&&React.createElement(React.Fragment,null,(!(null==s?void 0:s.hideClientSecretInput)||!s)&&React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Client Secret:"),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+n+".client_secret",initialValue:(0,utils_1.fromSessionStorage)("auth."+n+".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_1.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(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Code Verifier"),React.createElement(TextField_1.TextField,{fullWidth:!0,value:this.state.codeVerifier,onChange:this.handleCodeVerifierChange,"data-cy":"code-verifier-input"})),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Code Challenge"),React.createElement(TextField_1.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(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+n+".token",type:"hidden",initialValue:d}),React.createElement(Scope_1.default,{id:n,scopes:o}),this.values.token&&this.values.token.access_token?React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.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(shared_1.Button,{fullWidth:!0,onClick:function(){e.handleLogout()}},"Log out"):l?React.createElement(React.Fragment,null,React.createElement(shared_1.Button,{fullWidth:!0,onClick:function(){e.handleCancel()}},"Cancel"),React.createElement(LinearProgress_1.LinearProgress,null)):React.createElement(shared_1.Button,{fullWidth:!0,disabled:!(0,utils_2.isEmptyObject)(this.errors),onClick:function(){e.handleAuthorize(a)}},"Authorize")),l||r||!this.values.token||!this.values.token.access_token&&React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,l?React.createElement(form_1.FormWarning,null,"Please, finish your authorization flow or cancel authorization."):r?React.createElement(React.Fragment,null,React.createElement(OriginalErrorMessage,null,React.createElement(form_1.FormError,null,r))):this.values.token&&this.values.token.access_token?null:React.createElement(form_1.FormWarning,null," No Access Token. Please, Authorize. "))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:redoc_lib_1.OptionsContext}),t}(React.Component);exports.OAuth2Flow=OAuth2Flow;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,OriginalErrorMessage=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_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=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"]))),PkceOptionsWrapper=redoc_lib_1.styled.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  padding: 8px 0 20px;\n"],["\n  padding: 8px 0 20px;\n"]))),PkceDetails=redoc_lib_1.styled.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 4px 0;\n"],["\n  padding: 4px 0;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),redoc_lib_1=require("../../redoc-lib"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),Checkbox_1=require("../common/Checkbox"),shared_1=require("../shared"),OAuth2_1=require("../../services/OAuth2"),utils_1=require("../../utils"),utils_2=require("../../services/utils"),utils_3=require("./utils"),Scope_1=(0,tslib_1.__importDefault)(require("./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(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e;return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,(0,OAuth2_1.deriveCodeChallenge)(i)];case 1:return e=t.sent(),this.setState({codeVerifier:i,validCodeChallenge:e}),[2]}}))}))}}),t}return(0,tslib_1.__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=(0,utils_2.randString)(43);(0,OAuth2_1.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,r=i.flow,o=i.usePkce,n=i.id,l=i.tokenUrl,s=i.authCorsProxyUrl,a=i.tokenEndpointAuthMethod;if((0,utils_2.isEmptyObject)(this.errors)){this.setState({loading:!0,error:null});var u=s?s+(0,utils_3.normalizeUrlProtocol)(e):e,d=s&&l?s+(0,utils_3.normalizeUrlProtocol)(l):l,c=this.props.formApi.getValue("auth."+n+".scopes"),_={authorizationUrl:u.startsWith("http")?u:this.props.server+u,clientId:this.values.client_id,scopes:c,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"===r&&OAuth2_1.OAuth2.authorizeImplicit(_),(0,utils_3.validateTokenEndpointMethod)(a)?"authorizationCode"===r&&OAuth2_1.OAuth2.authorizeAuthorizationCode((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},_),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:this.props.server+d,clientSecret:this.values.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:a,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: "+a)}}}}),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_1.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,r=t.loading,o=this.props,n=o.id,l=o.scopes,s=o.authorizationUrl,a=o.flow,u=o.usePkce,d=o.defaultValues;if(!s)return(0,jsx_runtime_1.jsx)(form_1.FormError,{children:"No flow info"},void 0);var c=(0,utils_1.fromSessionStorage)("auth."+n+".token")||JSON.stringify(null==d?void 0:d.token);c=c?JSON.parse(c):"";var _=(0,utils_1.getSecurityDetailsOptions)(n,"client_id"),h={field:"auth."+n+".client_id",fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+n+".client_id")||this.props.clientId||(null==d?void 0:d.client_id),initValue:(0,utils_1.fromSessionStorage)("auth."+n+".client_id")||this.props.clientId||(null==d?void 0:d.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return(0,jsx_runtime_1.jsxs)("div",{children:[(0,jsx_runtime_1.jsxs)(form_1.FormWrapper,{children:[(0,jsx_runtime_1.jsxs)(form_1.FormControl,{children:[(0,jsx_runtime_1.jsx)(form_1.FormLabel,{children:" Client ID: "},void 0),_?(0,jsx_runtime_1.jsx)(TextField_1.FormDropdown,(0,tslib_1.__assign)({},h,{options:_}),void 0):(0,jsx_runtime_1.jsx)(TextField_1.FormTextField,(0,tslib_1.__assign)({},h,{"data-cy":"client-id-input"}),void 0)]},void 0),"authorizationCode"===a&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(!(null==u?void 0:u.hideClientSecretInput)||!u)&&(0,jsx_runtime_1.jsxs)(form_1.FormControl,{children:[(0,jsx_runtime_1.jsx)(form_1.FormLabel,{children:"Client Secret:"},void 0),(0,jsx_runtime_1.jsx)(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+n+".client_secret",initialValue:(0,utils_1.fromSessionStorage)("auth."+n+".client_secret")||(null==d?void 0:d.client_secret),validateOnBlur:!0,validateOnChange:!0,"data-cy":"client-secret-input"},void 0)]},void 0),u&&!u.disableManualConfiguration&&(0,jsx_runtime_1.jsxs)(PkceOptionsWrapper,{children:[(0,jsx_runtime_1.jsx)(Checkbox_1.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&&(0,jsx_runtime_1.jsxs)(PkceDetails,{children:[(0,jsx_runtime_1.jsxs)(form_1.FormControl,{children:[(0,jsx_runtime_1.jsx)(form_1.FormLabel,{children:"Code Verifier"},void 0),(0,jsx_runtime_1.jsx)(TextField_1.TextField,{fullWidth:!0,value:this.state.codeVerifier,onChange:this.handleCodeVerifierChange,"data-cy":"code-verifier-input"},void 0)]},void 0),(0,jsx_runtime_1.jsxs)(form_1.FormControl,{children:[(0,jsx_runtime_1.jsx)(form_1.FormLabel,{children:"Code Challenge"},void 0),(0,jsx_runtime_1.jsx)(TextField_1.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),(0,jsx_runtime_1.jsx)(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+n+".token",type:"hidden",initialValue:c},void 0),(0,jsx_runtime_1.jsx)(Scope_1.default,{id:n,scopes:l},void 0),this.values.token&&this.values.token.access_token?(0,jsx_runtime_1.jsxs)(form_1.FormControl,{children:[(0,jsx_runtime_1.jsx)(form_1.FormLabel,{children:" Access Token: "},void 0),(0,jsx_runtime_1.jsx)(TextField_1.TextField,{disabled:!0,type:"password",fullWidth:!0,value:this.values.token.access_token},void 0)]},void 0):null]},void 0),(0,jsx_runtime_1.jsx)(ButtonsWrapper,{children:this.values.token&&this.values.token.access_token?(0,jsx_runtime_1.jsx)(shared_1.Button,(0,tslib_1.__assign)({fullWidth:!0,onClick:function(){e.handleLogout()}},{children:"Log out"}),void 0):r?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(shared_1.Button,(0,tslib_1.__assign)({fullWidth:!0,onClick:function(){e.handleCancel()}},{children:"Cancel"}),void 0),(0,jsx_runtime_1.jsx)(LinearProgress_1.LinearProgress,{},void 0)]},void 0):(0,jsx_runtime_1.jsx)(shared_1.Button,(0,tslib_1.__assign)({fullWidth:!0,disabled:!(0,utils_2.isEmptyObject)(this.errors),onClick:function(){e.handleAuthorize(s)}},{children:"Authorize"}),void 0)},void 0),r||i||!this.values.token||!this.values.token.access_token&&(0,jsx_runtime_1.jsx)(form_1.FormWrapper,{children:(0,jsx_runtime_1.jsx)(form_1.FormControl,{children:r?(0,jsx_runtime_1.jsx)(form_1.FormWarning,{children:"Please, finish your authorization flow or cancel authorization."},void 0):i?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(OriginalErrorMessage,{children:(0,jsx_runtime_1.jsx)(form_1.FormError,{children:i},void 0)},void 0)},void 0):this.values.token&&this.values.token.access_token?null:(0,jsx_runtime_1.jsx)(form_1.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:redoc_lib_1.OptionsContext}),t}(react_1.Component);exports.OAuth2Flow=OAuth2Flow;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,OriginalErrorMessage=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_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=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"]))),PkceOptionsWrapper=redoc_lib_1.styled.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  padding: 8px 0 20px;\n"],["\n  padding: 8px 0 20px;\n"]))),PkceDetails=redoc_lib_1.styled.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 4px 0;\n"],["\n  padding: 4px 0;\n"])));
 //# sourceMappingURL=OAuth2Flow.js.map

package/lib/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/components/console/OAuth2TokenInput.js

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

package/lib/components/console/OpenIDConnect.js

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

package/lib/components/console/ParameterArray.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterArray=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),form_1=require("../common/form"),ParameterArray=function(e){var t,n,r,a,o,l=e.name,i=e.param,c=e.place,s=e.renderParameter,m=React.useState([]),d=m[0],p=m[1],u=(null===(t=i.schema.items)||void 0===t?void 0:t.fields)?null===(n=i.schema.items)||void 0===n?void 0:n.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(form_1.FormLabel,{required:i.required},l,"(",d.length," items)"),React.createElement("span",{onClick:function(){p((0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],d,!0),[d.length?d[d.length-1]+1:0],!1))}},"Add item +")),null==d?void 0:d.map((function(e,t){return React.createElement(Row,{key:e},React.createElement(Delete,{onClick:function(){return t=e,void p(d.filter((function(e){return e!==t})));var t}},"delete"),u.map((function(n){return s(n,c,l+".["+e+"]","["+t+"]"+(n.name&&"."+n.name))})))})))};exports.ParameterArray=ParameterArray;var templateObject_1,templateObject_2,Row=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_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_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__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"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterArray=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),form_1=require("../common/form"),ParameterArray=function(e){var n,t,r,i,o,a=e.name,s=e.param,l=e.place,m=e.renderParameter,d=(0,react_1.useState)([]),c=d[0],_=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===(i=s.schema.items)||void 0===i?void 0:i.description,externalDocs:null===(o=s.schema.items)||void 0===o?void 0:o.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1}];return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Row,{children:[(0,jsx_runtime_1.jsxs)(form_1.FormLabel,(0,tslib_1.__assign)({required:s.required},{children:[a,"(",c.length," items)"]}),void 0),(0,jsx_runtime_1.jsx)("span",(0,tslib_1.__assign)({onClick:function(){_((0,tslib_1.__spreadArray)((0,tslib_1.__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(0,jsx_runtime_1.jsxs)(Row,{children:[(0,jsx_runtime_1.jsx)(Delete,(0,tslib_1.__assign)({onClick:function(){return n=e,void _(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)};exports.ParameterArray=ParameterArray;var templateObject_1,templateObject_2,Row=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_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_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__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/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/components/console/ParameterDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterEnumDropdown=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),informed_1=require("informed"),hooks_1=require("../../hooks"),Dropdown_1=require("../common/Dropdown"),ParameterEnumDropdownComponent=function(e){var r=e.initValue,o=e.paramEnum,n=e.fieldApi,t=React.useState(),a=t[0],u=t[1],i=o.map((function(e,r){return{idx:r,value:e}}));(0,hooks_1.useMount)((function(){if(r)if(Array.isArray(r)){var e=r.length?r[0]:"";u(e),n.setValue(e)}else u(r),n.setValue(r)}));return React.createElement(Dropdown_1.Dropdown,{clearable:!0,fullWidth:!0,variant:"dark",value:a,options:i,handleClear:function(){n.setValue(""),u("")},onChange:function(e){n.setValue(e.value),u(e.value)}})};exports.ParameterEnumDropdown=(0,informed_1.asField)(ParameterEnumDropdownComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterEnumDropdown=void 0;var jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),informed_1=require("informed"),hooks_1=require("../../hooks"),Dropdown_1=require("../common/Dropdown"),ParameterEnumDropdownComponent=function(e){var r=e.initValue,o=e.paramEnum,n=e.fieldApi,a=(0,react_1.useState)(),t=a[0],u=a[1],i=o.map((function(e,r){return{idx:r,value:e}}));(0,hooks_1.useMount)((function(){if(r)if(Array.isArray(r)){var e=r.length?r[0]:"";u(e),n.setValue(e)}else u(r),n.setValue(r)}));return(0,jsx_runtime_1.jsx)(Dropdown_1.Dropdown,{clearable:!0,fullWidth:!0,variant:"dark",value:t,options:i,handleClear:function(){n.setValue(""),u("")},onChange:function(e){n.setValue(e.value),u(e.value)}},void 0)};exports.ParameterEnumDropdown=(0,informed_1.asField)(ParameterEnumDropdownComponent);
 //# sourceMappingURL=ParameterDropdown.js.map

package/lib/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/components/console/RequestBody/RequestBody.js

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

package/lib/components/console/RequestBodyForm.js

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

package/lib/components/console/ResponseBody.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseBody=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),ResponsePanel_1=require("./ResponsePanel");function ResponseBody(e){var t=e.response;return React.createElement(React.Fragment,null,React.createElement(ResponsePanel_1.ResponseHeader,null," Body: "),getResponseBody(t))}function getResponseBody(e){return e.body?React.createElement(redoc_lib_1.JsonViewer,{data:e.body}):e.fileInfo?React.createElement(redoc_lib_1.SourceCodeWithFile,{fileInfo:e.fileInfo}):null!==e.data?e.data?React.createElement(redoc_lib_1.SourceCodeWithText,{lang:(0,redoc_lib_1.langFromMime)(e.headers["Content-Type"]||"text/plain"),source:e.data}):React.createElement(ResponsePanel_1.PanelStyledPre,null,React.createElement("i",null,"(no content)")):null}exports.ResponseBody=ResponseBody;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseBody=void 0;var jsx_runtime_1=require("react/jsx-runtime"),redoc_lib_1=require("../../redoc-lib"),ResponsePanel_1=require("./ResponsePanel");function ResponseBody(e){var o=e.response;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(ResponsePanel_1.ResponseHeader,{children:" Body: "},void 0),getResponseBody(o)]},void 0)}function getResponseBody(e){return e.body?(0,jsx_runtime_1.jsx)(redoc_lib_1.JsonViewer,{data:e.body},void 0):e.fileInfo?(0,jsx_runtime_1.jsx)(redoc_lib_1.SourceCodeWithFile,{fileInfo:e.fileInfo},void 0):null!==e.data?e.data?(0,jsx_runtime_1.jsx)(redoc_lib_1.SourceCodeWithText,{lang:(0,redoc_lib_1.langFromMime)(e.headers["Content-Type"]||"text/plain"),source:e.data},void 0):(0,jsx_runtime_1.jsx)(ResponsePanel_1.PanelStyledPre,{children:(0,jsx_runtime_1.jsx)("i",{children:"(no content)"},void 0)},void 0):null}exports.ResponseBody=ResponseBody;
 //# sourceMappingURL=ResponseBody.js.map

package/lib/components/console/ResponseHeadersList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeadersList=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),ResponsePanel_1=require("./ResponsePanel");function ResponseHeadersList(e){var t=e.headers,a=React.useContext(redoc_lib_1.OptionsContext),r=React.useState(!0),n=r[0],l=r[1],s=a.maxResponseHeadersToShowInTryIt,i=Object.keys(t),o=!!s&&i.length>s,c=o&&n?(0,tslib_1.__spreadArray)([],i,!0).splice(0,s):(0,tslib_1.__spreadArray)([],i,!0);return React.createElement(React.Fragment,null,React.createElement(ResponsePanel_1.ResponseHeader,null," Headers: "),React.createElement(ResponsePanel_1.PanelStyledPre,null,c.map((function(e){return React.createElement("div",{key:e},React.createElement(HeaderName,null,e,":"),React.createElement("code",null,t[e]))})),o&&React.createElement(StyledShowMoreLabel,{onClick:function(){l(!n)}},n?"Show more...":"Hide headers")))}exports.ResponseHeadersList=ResponseHeadersList;var templateObject_1,templateObject_2,HeaderName=redoc_lib_1.styled.strong(templateObject_1||(templateObject_1=(0,tslib_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=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__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";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeadersList=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),redoc_lib_1=require("../../redoc-lib"),ResponsePanel_1=require("./ResponsePanel");function ResponseHeadersList(e){var t=e.headers,r=(0,react_1.useContext)(redoc_lib_1.OptionsContext),s=(0,react_1.useState)(!0),n=s[0],i=s[1],a=r.maxResponseHeadersToShowInTryIt,o=Object.keys(t),l=!!a&&o.length>a,_=l&&n?(0,tslib_1.__spreadArray)([],o,!0).splice(0,a):(0,tslib_1.__spreadArray)([],o,!0);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(ResponsePanel_1.ResponseHeader,{children:" Headers: "},void 0),(0,jsx_runtime_1.jsxs)(ResponsePanel_1.PanelStyledPre,{children:[_.map((function(e){return(0,jsx_runtime_1.jsxs)("div",{children:[(0,jsx_runtime_1.jsxs)(HeaderName,{children:[e,":"]},void 0),(0,jsx_runtime_1.jsx)("code",{children:t[e]},void 0)]},e)})),l&&(0,jsx_runtime_1.jsx)(StyledShowMoreLabel,(0,tslib_1.__assign)({onClick:function(){i(!n)}},{children:n?"Show more...":"Hide headers"}),void 0)]},void 0)]},void 0)}exports.ResponseHeadersList=ResponseHeadersList;var templateObject_1,templateObject_2,HeaderName=redoc_lib_1.styled.strong(templateObject_1||(templateObject_1=(0,tslib_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=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__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/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/components/console/ResponsePanel.js

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

package/lib/components/console/Scope.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),form_1=require("../common/form"),CheckboxList_1=require("../common/CheckboxList"),utils_1=require("../../utils");function Scope(e){var t=e.scopes,r=e.id,o=[];try{o=JSON.parse((0,utils_1.fromSessionStorage)("auth."+r+".scopes"))}catch(e){}return t&&t.length?React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Scopes: "),React.createElement(CheckboxList_1.CheckboxList,{field:"auth."+r+".scopes",initialValue:o,items:t,showControls:!0,trimItemsLength:!0})):React.createElement(React.Fragment,null)}exports.default=Scope;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsx_runtime_1=require("react/jsx-runtime"),form_1=require("../common/form"),CheckboxList_1=require("../common/CheckboxList"),utils_1=require("../../utils");function Scope(e){var r=e.scopes,s=e.id,t=[];try{t=JSON.parse((0,utils_1.fromSessionStorage)("auth."+s+".scopes"))}catch(e){}return r&&r.length?(0,jsx_runtime_1.jsxs)(form_1.FormControl,{children:[(0,jsx_runtime_1.jsx)(form_1.FormLabel,{children:" Scopes: "},void 0),(0,jsx_runtime_1.jsx)(CheckboxList_1.CheckboxList,{field:"auth."+s+".scopes",initialValue:t,items:r,showControls:!0,trimItemsLength:!0},void 0)]},void 0):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{},void 0)}exports.default=Scope;
 //# sourceMappingURL=Scope.js.map

package/lib/components/console/ServerVariable.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),Dropdown_1=require("../common/Dropdown"),form_1=require("../common/form"),TextField_1=require("../common/TextField");function ServerVariable(e){var r=e.name,t=e.value,a=e.description,l=e.variableEnum,o=e.onChange,n=e.defaultValue,c=(0,react_1.useCallback)((function(e){return o(e.target.value)}),[o]),d=(0,react_1.useCallback)((function(e){return o(e.value)}),[o]),u=l?l.map((function(e,r){return{value:e,idx:r}})):[];return react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,r,":"),u&&u.length?react_1.default.createElement(Dropdown_1.Dropdown,{fullWidth:!0,variant:"dark",value:t,options:u,onChange:d}):react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:t,onChange:c,placeholder:n}),a&&react_1.default.createElement(StyledMarkdown,{compact:!0,source:a}))}exports.default=ServerVariable;var templateObject_1,StyledMarkdown=(0,redoc_lib_1.styled)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),redoc_lib_1=require("../../redoc-lib"),Dropdown_1=require("../common/Dropdown"),form_1=require("../common/form"),TextField_1=require("../common/TextField");function ServerVariable(e){var r=e.name,t=e.value,o=e.description,n=e.variableEnum,a=e.onChange,i=e.defaultValue,l=(0,react_1.useCallback)((function(e){return a(e.target.value)}),[a]),d=(0,react_1.useCallback)((function(e){return a(e.value)}),[a]),u=n?n.map((function(e,r){return{value:e,idx:r}})):[];return(0,jsx_runtime_1.jsxs)(form_1.FormControl,{children:[(0,jsx_runtime_1.jsxs)(form_1.FormLabel,{children:[r,":"]},void 0),u&&u.length?(0,jsx_runtime_1.jsx)(Dropdown_1.Dropdown,{fullWidth:!0,variant:"dark",value:t,options:u,onChange:d},void 0):(0,jsx_runtime_1.jsx)(TextField_1.TextField,{fullWidth:!0,value:t,onChange:l,placeholder:i},void 0),o&&(0,jsx_runtime_1.jsx)(StyledMarkdown,{compact:!0,source:o},void 0)]},void 0)}exports.default=ServerVariable;var templateObject_1,StyledMarkdown=(0,redoc_lib_1.styled)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
 //# sourceMappingURL=ServerVariable.js.map

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

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

package/lib/components/console/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/components/console/TryItPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItPanel=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../Panel"),redoc_lib_1=require("../../redoc-lib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),PanelBody_1=require("../Panel/PanelBody");function TryItPanel(e){var n=e.header,r=e.error,t=e.success,l=(0,tslib_1.__rest)(e,["header","error","success"]);return React.createElement(StyledTryItPanel,(0,tslib_1.__assign)({},l,{header:function(e){var o=e.toggle,a=e.expanded;return React.createElement(Panel_1.Header,{onClick:o,isExpanded:a,"data-cy":l["data-cy"]},React.createElement(Panel_1.Trigger,null,React.createElement(Panel_1.Title,null,n),React.createElement(redoc_lib_1.ShelfIcon,{direction:a?"down":"right"})),r&&React.createElement(redoc_lib_1.CrossIcon,{size:"14px",color:"#ff908b"})||null,t&&React.createElement(redoc_lib_1.LockIcon,{size:"14px",color:"#56ff26"})||null)}}))}exports.TryItPanel=TryItPanel;var templateObject_1,StyledTryItPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_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"])),Panel_1.Header,(function(e){return e.error?"#ff908b":"#89949f"}),redoc_lib_1.ShelfIcon,PanelBody_1.PanelBody,(function(e){return e.error?"#ff908b":"#89949f"}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItPanel=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),Panel_1=require("../Panel"),redoc_lib_1=require("../../redoc-lib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),PanelBody_1=require("../Panel/PanelBody");function TryItPanel(e){var n=e.header,r=e.error,o=e.success,t=(0,tslib_1.__rest)(e,["header","error","success"]);return(0,jsx_runtime_1.jsx)(StyledTryItPanel,(0,tslib_1.__assign)({},t,{header:function(e){var i=e.toggle,l=e.expanded;return(0,jsx_runtime_1.jsxs)(Panel_1.Header,(0,tslib_1.__assign)({onClick:i,isExpanded:l,"data-cy":t["data-cy"]},{children:[(0,jsx_runtime_1.jsxs)(Panel_1.Trigger,{children:[(0,jsx_runtime_1.jsx)(Panel_1.Title,{children:n},void 0),(0,jsx_runtime_1.jsx)(redoc_lib_1.ShelfIcon,{direction:l?"down":"right"},void 0)]},void 0),r&&(0,jsx_runtime_1.jsx)(redoc_lib_1.CrossIcon,{size:"14px",color:"#ff908b"},void 0)||null,o&&(0,jsx_runtime_1.jsx)(redoc_lib_1.LockIcon,{size:"14px",color:"#56ff26"},void 0)||null]}),void 0)}}),void 0)}exports.TryItPanel=TryItPanel;var templateObject_1,StyledTryItPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_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"])),Panel_1.Header,(function(e){return e.error?"#ff908b":"#89949f"}),redoc_lib_1.ShelfIcon,PanelBody_1.PanelBody,(function(e){return e.error?"#ff908b":"#89949f"}));
 //# sourceMappingURL=TryItPanel.js.map

package/lib/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/components/pluggable/PullRight.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),polished_1=require("polished"),redoc_lib_1=require("../../redoc-lib"),CodePanel_1=require("../Panel/CodePanel"),DarkMarkdown=(0,redoc_lib_1.styled)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_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,r,t=n.theme;return(0,redoc_lib_1.mediaCSS)({color:(null===(r=null===(e=t.typography)||void 0===e?void 0:e.rightPanelHeading)||void 0===r?void 0:r.color)||t.rightPanel.textColor})}),(function(n){var e=n.theme;return(0,redoc_lib_1.mediaCSS)({backgroundColor:e.rightPanel.panelControlsBackgroundColor})}),(function(n){var e=n.theme;return(0,redoc_lib_1.mediaCSS)({backgroundColor:(0,polished_1.lighten)(.05,e.rightPanel.panelControlsBackgroundColor)})}),(function(n){var e=n.theme;return"\n          background-color: "+(0,polished_1.lighten)(.05,e.rightPanel.panelControlsBackgroundColor)+";\n          border-color: "+(0,polished_1.lighten)(.1,e.rightPanel.panelControlsBackgroundColor)+" !important;\n      "}),(function(n){var e=n.theme;return(0,polished_1.lighten)(.2,e.typography.code.color)}),(function(n){var e=n.theme;return(0,polished_1.invert)(e.typography.code.backgroundColor)}),(function(n){var e=n.theme;return(0,polished_1.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(0,redoc_lib_1.mediaCSS)({background:e.codeBlock.backgroundColor})})),PullRight=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return(0,tslib_1.__extends)(e,n),Object.defineProperty(e.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return React.createElement(StyledRightPanel,null,React.createElement(CodePanel_1.CodePanel,null,this.props.children&&React.createElement(DarkMarkdown,{source:this.props.children})))}}),e}(React.Component);exports.PullRight=PullRight;var templateObject_1,templateObject_2,StyledRightPanel=(0,redoc_lib_1.styled)(redoc_lib_1.RightPanel)(templateObject_2||(templateObject_2=(0,tslib_1.__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"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),polished_1=require("polished"),redoc_lib_1=require("../../redoc-lib"),CodePanel_1=require("../Panel/CodePanel"),DarkMarkdown=(0,redoc_lib_1.styled)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_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,r,o=n.theme;return(0,redoc_lib_1.mediaCSS)({color:(null===(r=null===(e=o.typography)||void 0===e?void 0:e.rightPanelHeading)||void 0===r?void 0:r.color)||o.rightPanel.textColor})}),(function(n){var e=n.theme;return(0,redoc_lib_1.mediaCSS)({backgroundColor:e.rightPanel.panelControlsBackgroundColor})}),(function(n){var e=n.theme;return(0,redoc_lib_1.mediaCSS)({backgroundColor:(0,polished_1.lighten)(.05,e.rightPanel.panelControlsBackgroundColor)})}),(function(n){var e=n.theme;return"\n          background-color: "+(0,polished_1.lighten)(.05,e.rightPanel.panelControlsBackgroundColor)+";\n          border-color: "+(0,polished_1.lighten)(.1,e.rightPanel.panelControlsBackgroundColor)+" !important;\n      "}),(function(n){var e=n.theme;return(0,polished_1.lighten)(.2,e.typography.code.color)}),(function(n){var e=n.theme;return(0,polished_1.invert)(e.typography.code.backgroundColor)}),(function(n){var e=n.theme;return(0,polished_1.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(0,redoc_lib_1.mediaCSS)({background:e.codeBlock.backgroundColor})})),PullRight=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return(0,tslib_1.__extends)(e,n),Object.defineProperty(e.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return(0,jsx_runtime_1.jsx)(StyledRightPanel,{children:(0,jsx_runtime_1.jsx)(CodePanel_1.CodePanel,{children:this.props.children&&(0,jsx_runtime_1.jsx)(DarkMarkdown,{source:this.props.children},void 0)},void 0)},void 0)}}),e}(react_1.Component);exports.PullRight=PullRight;var templateObject_1,templateObject_2,StyledRightPanel=(0,redoc_lib_1.styled)(redoc_lib_1.RightPanel)(templateObject_2||(templateObject_2=(0,tslib_1.__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/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/components/pluggable/RedocExample.js

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

package/lib/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/components/pluggable/RedocRequestBody.js

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

package/lib/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/components/pluggable/RedocResponse.js

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

package/lib/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/components/pluggable/RedocSchema.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocSchema=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),styled_components_1=require("./styled.components"),RedocSchema=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,r=e.pointer,o=e.schema||{$ref:r},c=new redoc_lib_1.SchemaModel(t.definition.parser,o,r||"",t.options);return React.createElement(redoc_lib_1.Row,null,React.createElement(styled_components_1.FullWidthPanel,null,React.createElement(redoc_lib_1.Schema,{schema:c})))}}),t}(React.Component);exports.RedocSchema=RedocSchema;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocSchema=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),redoc_lib_1=require("../../redoc-lib"),styled_components_1=require("./styled.components"),RedocSchema=function(e){function r(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.store,t=e.pointer,i=e.schema||{$ref:t},o=new redoc_lib_1.SchemaModel(r.definition.parser,i,t||"",r.options);return(0,jsx_runtime_1.jsx)(redoc_lib_1.Row,{children:(0,jsx_runtime_1.jsx)(styled_components_1.FullWidthPanel,{children:(0,jsx_runtime_1.jsx)(redoc_lib_1.Schema,{schema:o},void 0)},void 0)},void 0)}}),r}(react_1.Component);exports.RedocSchema=RedocSchema;
 //# sourceMappingURL=RedocSchema.js.map

package/lib/components/shared/CopyButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CopyButton=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),Button_1=require("./Button"),CopyButton=function(t){var e=t.text,r=(0,react_1.useState)("Copy"),o=r[0],i=r[1];return React.createElement(Button_1.Button,{onClick:function(){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,navigator.clipboard.writeText(e)];case 1:return t.sent(),i("Copied!"),setTimeout((function(){return i("Copy")}),1500),[2]}}))}))}},o)};exports.CopyButton=CopyButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CopyButton=void 0;var tslib_1=require("tslib"),jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),Button_1=require("./Button"),CopyButton=function(t){var e=t.text,r=(0,react_1.useState)("Copy"),i=r[0],o=r[1];return(0,jsx_runtime_1.jsx)(Button_1.Button,(0,tslib_1.__assign)({onClick:function(){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,navigator.clipboard.writeText(e)];case 1:return t.sent(),o("Copied!"),setTimeout((function(){return o("Copy")}),1500),[2]}}))}))}},{children:i}),void 0)};exports.CopyButton=CopyButton;
 //# sourceMappingURL=CopyButton.js.map