@redocly/reference-docs 2.31.1 → 2.33.0

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

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

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

@@ -1,2 +1,2 @@
-import{__assign,__awaiter,__generator}from"tslib";import*as React from"react";import{useDimensions}from"../../utils";import{CodeHeader}from"../Panel";import{ConsoleWrap}from"./styled";export function Console(e){var t=this,o=React.useState({}),n=o[0],r=o[1],a=useDimensions(e.rootElement)[0];return React.useEffect((function(){__awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,import("./Console")];case 1:return e=t.sent(),r({Console:e.Console}),[2]}}))}))}),[]),n.Console?React.createElement(n.Console,__assign({},e)):React.createElement(ConsoleWrap,{className:e.className,fullWidth:null==a?void 0:a.width},React.createElement(CodeHeader,null,"Loading..."))}
+import{__assign,__awaiter,__generator}from"tslib";import*as React from"react";import{useDimensions}from"../../hooks";import{CodeHeader}from"../Panel";import{ConsoleWrap}from"./styled";export function Console(e){var o=this,t=React.useState({}),n=t[0],r=t[1],a=useDimensions(e.rootElement)[0];return React.useEffect((function(){__awaiter(o,void 0,void 0,(function(){var e;return __generator(this,(function(o){switch(o.label){case 0:return[4,import("./Console")];case 1:return e=o.sent(),r({Console:e.Console}),[2]}}))}))}),[]),n.Console?React.createElement(n.Console,__assign({},e)):React.createElement(ConsoleWrap,{className:e.className,fullWidth:null==a?void 0:a.width},React.createElement(CodeHeader,null,"Loading..."))}
 //# sourceMappingURL=ConsoleLazy.js.map

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

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

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

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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { FormApi, FormState } from 'informed';
 import type { SecurityScheme } from '../../redoc-lib';
-import type { SecurityDetails } from '../../utils';
+import type { SecurityDetails } from '../../types';
 export interface OpenIDConnectProps {
     server: string;
     authCorsProxyUrl: Maybe<string>;
@@ -13,3 +13,6 @@ export interface OpenIDConnectProps {
     defaultValues?: SecurityDetails;
 }
 export declare function OpenIDConnect(props: OpenIDConnectProps): JSX.Element;
+export declare function Error({ message }: {
+    message: string;
+}): JSX.Element;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export{RequestBody}from"./RequestBody";export*from"./types";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export{ServersDropdown}from"./ServersDropdown";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import{darken}from"polished";import styled,{css,keyframes,mediaCSS}from"../../redoc-lib/src/styled-components";var shake=keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"],["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"])));export var blink=keyframes(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: ",";\n  }\n"],["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: ",";\n  }\n"])),darken(.3,"#59C3FF"),darken(.3,"#59C3FF"));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,shakeAnimation=css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"],["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"])),shake);export var ConsoleWrap=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  border-radius: ",";\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"],["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  border-radius: ",";\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"])),(function(n){return n.theme.rightPanel.panelBackgroundColor}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.typography.code.fontFamily}),(function(n){return n.theme.components.panels.borderRadius}),(function(n){return n.theme.scrollYOffset()}),(function(n){return n.shaking&&shakeAnimation}));export var ConsoleBody=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: ",";\n"],["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: ",";\n"])),(function(n){return n.hidden?"none":"flex"}),(function(n){return n.theme.rightPanel.panelBackgroundColor}));export var CloseButton=styled.span(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: ",";\n"],["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.light}));export var invertedInputStyles=css(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){var e=n.theme;return mediaCSS({color:e.colors.text.light,fontFamily:e.typography.code.fontFamily,fontSize:e.typography.fontSize})}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.rightPanel.panelBackgroundColor}));
+import{__makeTemplateObject}from"tslib";import{darken}from"polished";import styled,{css,keyframes,mediaCSS}from"../../redoc-lib/src/styled-components";var shake=keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"],["\n  10%, 90% {\n    transform: translate3d(-1px, 0, 0);\n  }\n\n  20%, 80% {\n    transform: translate3d(2px, 0, 0);\n  }\n\n  30%, 50%, 70% {\n    transform: translate3d(-4px, 0, 0);\n  }\n\n  40%, 60% {\n    transform: translate3d(4px, 0, 0);\n  }\n"])));export var blink=keyframes(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: ",";\n  }\n"],["\n  0% {\n    background-color: ",";\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: ",";\n  }\n"])),darken(.3,"#59C3FF"),darken(.3,"#59C3FF"));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,shakeAnimation=css(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"],["\n  animation: "," 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n"])),shake);export var ConsoleWrap=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  border-radius: ",";\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"],["\n  background-color: ",";\n  color: ",";\n  font-family: ",";\n  border-radius: ",";\n  overflow: hidden;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  max-height: calc(85vh - ","px);\n  margin-bottom: 10px;\n  ",";\n  > div:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n"])),(function(n){return n.theme.rightPanel.panelBackgroundColor}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.typography.code.fontFamily}),(function(n){return n.theme.components.panels.borderRadius}),(function(n){return n.theme.scrollYOffset()}),(function(n){return n.shaking&&shakeAnimation}));export var ConsoleBody=styled.div(templateObject_5||(templateObject_5=__makeTemplateObject(["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: ",";\n"],["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: ",";\n"])),(function(n){return n.hidden?"none":"flex"}),(function(n){return n.theme.rightPanel.panelBackgroundColor}));export var CloseButton=styled.span(templateObject_6||(templateObject_6=__makeTemplateObject(["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: ",";\n"],["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: ",";\n"])),(function(n){return n.theme.colors.text.light}));export var invertedInputStyles=css(templateObject_7||(templateObject_7=__makeTemplateObject(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: ",";\n  background-color: ",";\n  ","\n\n  &::placeholder {\n    opacity: 0.6;\n    color: ",";\n  }\n\n  &:-webkit-autofill {\n    background-color: ",";\n  }\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){var e=n.theme;return mediaCSS({color:e.colors.text.light,fontFamily:e.typography.code.fontFamily,fontSize:e.typography.fontSize})}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.rightPanel.panelBackgroundColor}));export var FlowName=styled.div(templateObject_8||(templateObject_8=__makeTemplateObject(["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"],["\n  margin-top: 5px;\n  margin-bottom: 10px;\n"])));
 //# sourceMappingURL=styled.js.map

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

@@ -1,5 +1,6 @@
-import type { FieldModel, OpenAPIServer, Server, ServerVariables, OperationModel } from '../../redoc-lib';
+import type { FieldModel, OpenAPIServer, Server, ServerVariables, OperationModel, ExampleModel } from '../../redoc-lib';
 import type { RedocProNormalizedOptions } from '../../services';
+import type { RequestBodyProps } from './RequestBody';
 export declare function normalizeUrlProtocol(url: string): string;
 export declare function updateStorage(state: GenericObject): void;
 export declare const getParameters: (parameters: FieldModel[], type: string) => GenericObject;
@@ -18,3 +19,4 @@ export declare const getOAuth2TokenEndpointAuthHeader: ({ authMethod, clientId,
     clientId: string;
     clientSecret: string;
 }) => Record<'Authorization', string> | GenericObject;
+export declare function encodeSample(sample: ExampleModel, properties: RequestBodyProps['properties']): string;

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

@@ -1,2 +1,2 @@
-import{__assign}from"tslib";import{fromSessionStorage,getParameterValue,setParameterValue,setSecurityDetails,toSessionStorage,unescapeFormId}from"../../utils";export function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}export function updateStorage(e){if(e.values.auth)for(var r=0,t=Object.keys(e.values.auth);r<t.length;r++){var a=t[r],n=e.values.auth[a];setSecurityDetails(a,n)}updateParameterStorage(e)}function updateParameterStorage(e){for(var r,t=0,a=["path","query","header","cookie"];t<a.length;t++){var n=a[t];if(null===(r=e.values)||void 0===r?void 0:r[n])for(var i=0,o=Object.keys(e.values[n]);i<o.length;i++){var s=o[i];setParameterValue(n,s,e.values[n][s])}}}export var getParameters=function(e,r){return e.filter((function(e){return e.in===r})).reduce((function(e,r){var t=r.in,a=r.name;return e[a]=getParameterValue(t||"",a),e}),{})};var pathTemplateRegExp=/(?:{)(\w+)(?:})/g;export function getServerWithVariables(e,r){void 0===r&&(r=0);var t=e[r],a=getDefaultOrStoredVariables(t);return __assign(__assign({},t),{variables:a})}export function getInitialServerWithVariables(e){var r=fromSessionStorage("serverUrl"),t=e.find((function(e){return e.url===r}))||e[0],a=getDefaultOrStoredVariables(t);return __assign(__assign({},t),{variables:a})}export function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]||e}))}export function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]&&r[t].default||e}))}export function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};var r=fromSessionStorage("variables"),t=r&&JSON.parse(r)||{},a={};return Object.entries(e.variables||{}).forEach((function(e){var r=e[0],n=e[1];a[r]=t[r]||n.default||""})),a}export function updateVariablesStorage(e,r){var t,a=fromSessionStorage("variables"),n=a&&JSON.parse(a)||{};toSessionStorage("variables",JSON.stringify(__assign(__assign({},n),((t={})[e]=r,t))))}export function unescapeQueryParams(e){return Object.entries(e).reduce((function(e,r){var t=r[0],a=r[1];return e[unescapeFormId(t)]=a,e}),{})}export function getFileNameFromHeaders(e){for(var r="filename=",t=0,a=Object.entries(e);t<a.length;t++){var n=a[t],i=n[0],o=n[1];if("content-disposition"===i.toLowerCase()){var s=o.split(";").find((function(e){return e.trim().startsWith(r)}));if(s)return s.split(r)[1]}}return""}export var makeRequestInterceptor=function(e,r,t){var a=e.requestInterceptor,n=e.sendXUserAgentInTryIt,i=e.disableTryItRequestUrlEncoding;return function(e){var o,s,u,l;i&&(e=__assign(__assign({},e),{url:decodeURIComponent(e.url)})),n&&(e.headers["X-User-Agent"]="Redocly Try it API console");var c=(null===(s=null===(o=null==r?void 0:r.requestValues)||void 0===o?void 0:o.header)||void 0===s?void 0:s.authorization)||(null===(l=null===(u=null==r?void 0:r.requestValues)||void 0===u?void 0:u.header)||void 0===l?void 0:l.Authorization);return!t&&c&&(e.headers.Authorization=c),a?a(e,r):e}};export var validateTokenEndpointMethod=function(e){if(!e)return!0;var r=Array.isArray(e)?e:[e];return!(r.length&&!r.includes("none")&&!r.includes("client_secret_basic"))};export var getOAuth2TokenEndpointAuthHeader=function(e){var r=e.authMethod,t=e.clientId,a=e.clientSecret;return"client_secret_basic"===r||Array.isArray(r)&&r.includes("client_secret_basic")?{Authorization:"Basic "+btoa(t+":"+a)}:{}};
+import{__assign}from"tslib";import merge from"deepmerge";import{fromSessionStorage,getParameterValue,setParameterValue,setSecurityDetails,toSessionStorage,unescapeFormId}from"../../utils";import{MediaTypes}from"../../types";import{arrayMergeStrategy}from"../../services/utils";export function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}export function updateStorage(e){if(e.values.auth)for(var r=0,t=Object.keys(e.values.auth);r<t.length;r++){var a=t[r],n=e.values.auth[a];setSecurityDetails(a,n)}updateParameterStorage(e)}function updateParameterStorage(e){for(var r,t=0,a=["path","query","header","cookie"];t<a.length;t++){var n=a[t];if(null===(r=e.values)||void 0===r?void 0:r[n])for(var i=0,o=Object.keys(e.values[n]);i<o.length;i++){var s=o[i];setParameterValue(n,s,e.values[n][s])}}}export var getParameters=function(e,r){return e.filter((function(e){return e.in===r})).reduce((function(e,r){var t=r.in,a=r.name;return e[a]=getParameterValue(t||"",a),e}),{})};var pathTemplateRegExp=/(?:{)(\w+)(?:})/g;export function getServerWithVariables(e,r){void 0===r&&(r=0);var t=e[r],a=getDefaultOrStoredVariables(t);return __assign(__assign({},t),{variables:a})}export function getInitialServerWithVariables(e){var r=fromSessionStorage("serverUrl"),t=e.find((function(e){return e.url===r}))||e[0],a=getDefaultOrStoredVariables(t);return __assign(__assign({},t),{variables:a})}export function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]||e}))}export function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]&&r[t].default||e}))}export function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};var r=fromSessionStorage("variables"),t=r&&JSON.parse(r)||{},a={};return Object.entries(e.variables||{}).forEach((function(e){var r=e[0],n=e[1];a[r]=t[r]||n.default||""})),a}export function updateVariablesStorage(e,r){var t,a=fromSessionStorage("variables"),n=a&&JSON.parse(a)||{};toSessionStorage("variables",JSON.stringify(__assign(__assign({},n),((t={})[e]=r,t))))}export function unescapeQueryParams(e){return Object.entries(e).reduce((function(e,r){var t=r[0],a=r[1];return e[unescapeFormId(t)]=a,e}),{})}export function getFileNameFromHeaders(e){for(var r="filename=",t=0,a=Object.entries(e);t<a.length;t++){var n=a[t],i=n[0],o=n[1];if("content-disposition"===i.toLowerCase()){var s=o.split(";").find((function(e){return e.trim().startsWith(r)}));if(s)return s.split(r)[1]}}return""}export var makeRequestInterceptor=function(e,r,t){var a=e.requestInterceptor,n=e.sendXUserAgentInTryIt,i=e.disableTryItRequestUrlEncoding;return function(e){var o,s,u,l;i&&(e=__assign(__assign({},e),{url:decodeURIComponent(e.url)})),n&&(e.headers["X-User-Agent"]="Redocly Try it API console");var c=(null===(s=null===(o=null==r?void 0:r.requestValues)||void 0===o?void 0:o.header)||void 0===s?void 0:s.authorization)||(null===(l=null===(u=null==r?void 0:r.requestValues)||void 0===u?void 0:u.header)||void 0===l?void 0:l.Authorization);return!t&&c&&(e.headers.Authorization=c),a?a(e,r):e}};export var validateTokenEndpointMethod=function(e){if(!e)return!0;var r=Array.isArray(e)?e:[e];return!(r.length&&!r.includes("none")&&!r.includes("client_secret_basic"))};export var getOAuth2TokenEndpointAuthHeader=function(e){var r=e.authMethod,t=e.clientId,a=e.clientSecret;return"client_secret_basic"===r||Array.isArray(r)&&r.includes("client_secret_basic")?{Authorization:"Basic "+btoa(t+":"+a)}:{}};export function encodeSample(e,r){if(!e)return"";if(e.mime===MediaTypes.URL_ENCODED)return e.value;var t=e.value,a=r?merge(t,r,{arrayMerge:arrayMergeStrategy}):t;return JSON.stringify(a,null,2)}
 //# sourceMappingURL=utils.js.map

package/lib-esm/hooks/index.d.ts

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

package/lib-esm/hooks/index.js

@@ -1,2 +1,2 @@
-export{useMount}from"./useMount";export{useUnmount}from"./useUnmount";
+export{useMount}from"./useMount";export{useUnmount}from"./useUnmount";export{useDimensions}from"./useDimensions";
 //# sourceMappingURL=index.js.map

package/lib-esm/hooks/useDimensions.d.ts

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

package/lib-esm/hooks/useDimensions.js

@@ -0,0 +1,2 @@
+import{useLayoutEffect,useState}from"react";export function useDimensions(e){var n=useState(null),t=n[0],r=n[1];return useLayoutEffect((function(){if(e){var n=function(){return window.requestAnimationFrame((function(){return r(e.getBoundingClientRect())}))};return n(),window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}}}),[e]),[t]}
+//# sourceMappingURL=useDimensions.js.map

package/lib-esm/index.d.ts

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

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

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

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

@@ -1,2 +1,2 @@
-export var genericErrorMessage="Something went wrong, please, try again.";function normalizeState(e){return e?e.replace(/=+$/,""):e}export function isStateValid(e,r){return Boolean(e)&&Boolean(r)&&normalizeState(e)===normalizeState(r)}
+export var genericErrorMessage="Something went wrong, please, try again.";export function normalizeState(e){return e?e.replace(/=+$/,""):e}export function isStateValid(e,r){return Boolean(e)&&Boolean(r)&&normalizeState(e)===normalizeState(r)}
 //# sourceMappingURL=helpers.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{Endpoint}from"../../../../components/Endpoint";import styled from"../../styled-components";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";import{Extensions}from"../Fields/Extensions";import{Markdown}from"../Markdown";import{Parameters}from"../Parameters/Parameters";import{ResponsesList}from"../Responses/ResponsesList";import{SecurityRequirements}from"../SecurityRequirement/SecurityRequirement";import{ContentPanel}from"../../../../components/Panel";import{l}from"../../services/Labels";var CallbackDetails=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n=this.props.operation,r=n.description,o=n.externalDocs,a=!(!r&&!o);return React.createElement(React.Fragment,null,a&&React.createElement(Description,null,void 0!==r&&React.createElement(Markdown,{source:r}),o&&React.createElement(ExternalDocumentation,{externalDocs:o})),React.createElement(Endpoint,{operation:this.props.operation,compact:!0}),Object.keys(n.extensions||{}).length?React.createElement(Extensions,{extensions:n.extensions}):null,React.createElement(SecurityRequirements,{securities:n.security}),(null===(e=n.parameters)||void 0===e?void 0:e.length)||n.requestBody?React.createElement(ContentPanel,{header:l("request")},React.createElement(Parameters,{parameters:n.parameters,body:n.requestBody})):null,(null===(t=n.responses)||void 0===t?void 0:t.length)?React.createElement(ContentPanel,{header:l("callbackResponses")},React.createElement(ResponsesList,{responses:n.responses})):null)}}),t=__decorate([observer],t)}(React.Component);export{CallbackDetails};var templateObject_1,Description=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),(function(e){return 3*e.theme.spacing.unit}));
+import{__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{Endpoint}from"../../../../components/Endpoint";import styled from"../../styled-components";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";import{Extensions}from"../Fields/Extensions";import{Markdown}from"../Markdown";import{Parameters}from"../Parameters/Parameters";import{ResponsesList}from"../Responses";import{SecurityRequirements}from"../SecurityRequirement/SecurityRequirement";import{ContentPanel}from"../../../../components/Panel";import{l}from"../../services/Labels";var CallbackDetails=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e,t,n=this.props.operation,r=n.description,o=n.externalDocs,a=!(!r&&!o);return React.createElement(React.Fragment,null,a&&React.createElement(Description,null,void 0!==r&&React.createElement(Markdown,{source:r}),o&&React.createElement(ExternalDocumentation,{externalDocs:o})),React.createElement(Endpoint,{operation:this.props.operation,compact:!0}),Object.keys(n.extensions||{}).length?React.createElement(Extensions,{extensions:n.extensions}):null,React.createElement(SecurityRequirements,{securities:n.security}),(null===(e=n.parameters)||void 0===e?void 0:e.length)||n.requestBody?React.createElement(ContentPanel,{header:l("request")},React.createElement(Parameters,{parameters:n.parameters,body:n.requestBody})):null,(null===(t=n.responses)||void 0===t?void 0:t.length)?React.createElement(ContentPanel,{header:l("callbackResponses")},React.createElement(ResponsesList,{responses:n.responses})):null)}}),t=__decorate([observer],t)}(React.Component);export{CallbackDetails};var templateObject_1,Description=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),(function(e){return 3*e.theme.spacing.unit}));
 //# sourceMappingURL=CallbackDetails.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{__assign,__rest}from"tslib";import React,{useContext,useEffect}from"react";import{observer}from"mobx-react";import{CodePanel}from"../../../../components/Panel";import{TabPanel}from"../../../../components/Tabs";import{SamplesTabs}from"../../../../components/Samples";import{isPayloadSample}from"../../services";import{PayloadSamples}from"../PayloadSamples";import{OptionsContext}from"../OptionsProvider";import{l}from"../../services/Labels";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{createLanguageSwitchEvent,creatPanelToggleEvent}from"./languageSwitchEvent";export var RequestSamples=observer((function(e){var a=e.operation,t=e.defaultLanguage,o=e.disableHeader,n=(e.content,__rest(e,["operation","defaultLanguage","disableHeader","content"])),r=useContext(OptionsContext),s=r.events,m=r.hideSingleRequestSampleTab;useEffect((function(){}),[a.activeServer,a.requestValues]);var p=useCodeSamples(a),i=p.samples,c=p.payload,u=1===i.length&&m;return i.length?React.createElement(CodePanel,{dataHeaderTestId:"request-samples",header:o?void 0:l("requestSamples"),onToggle:function(e){var t,o=creatPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{operation:a,tabs:i,onChange:function(e){var t,o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:u,defaultLanguage:t},i.map((function(e){return React.createElement(TabPanel,{key:e.key},isPayloadSample(e)?React.createElement(PayloadSamples,__assign({content:e.requestBodyContent,operation:a},n)):React.createElement(CodeSample,__assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a},n)))})))):null}));
+import{__assign,__rest}from"tslib";import React,{useContext,useEffect}from"react";import{observer}from"mobx-react";import{CodePanel}from"../../../../components/Panel";import{TabPanel}from"../../../../components/Tabs";import{SamplesTabs}from"../../../../components/Samples";import{isPayloadSample}from"../../services";import{PayloadSamples}from"../PayloadSamples";import{OptionsContext}from"../OptionsProvider";import{l}from"../../services/Labels";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{createLanguageSwitchEvent,creatPanelToggleEvent}from"./languageSwitchEvent";export var RequestSamples=observer((function(e){var a=e.operation,t=e.defaultLanguage,o=e.disableHeader,n=(e.content,__rest(e,["operation","defaultLanguage","disableHeader","content"])),r=useContext(OptionsContext),s=r.events,m=r.hideSingleRequestSampleTab;useEffect((function(){}),[a.activeServer,a.requestValues]);var i=useCodeSamples(a),p=i.samples,c=i.payload,d=1===p.length&&m;return p.length?React.createElement(CodePanel,{dataHeaderTestId:"request-samples",header:o?void 0:l("requestSamples"),onToggle:function(e){var t,o=creatPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{operation:a,tabs:p,onChange:function(e){var t,o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:d,defaultLanguage:t,id:a.id+"/request-tab"},p.map((function(e){return React.createElement(TabPanel,{key:e.key+a.id},isPayloadSample(e)?React.createElement(PayloadSamples,__assign({content:e.requestBodyContent,operation:a},n)):React.createElement(CodeSample,__assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a},n)))})))):null}));
 //# sourceMappingURL=RequestSamples.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import*as React from"react";import{ResponsePanel}from"../../../../components/Panel";import{ResponseDetails}from"./ResponseDetails";import{ResponseSummary}from"./ResponseSummary";export var ResponseView=observer((function(e){var o=e.response;return React.createElement(ResponsePanel,{header:function(e){var r=e.expanded,n=e.toggle;return React.createElement(ResponseSummary,{response:o,toggle:n,expanded:r})},expanded:Boolean(o.expanded),type:o.type},React.createElement(ResponseDetails,{response:o}))}));
+import{observer}from"mobx-react";import React from"react";import{ResponsePanel}from"../../../../components/Panel";import{ResponseDetails}from"./ResponseDetails";import{ResponseSummary}from"./ResponseSummary";export var Response=observer((function(e){var o=e.response;return React.createElement(ResponsePanel,{header:function(e){var r=e.expanded,n=e.toggle;return React.createElement(ResponseSummary,{response:o,toggle:n,expanded:r})},expanded:Boolean(o.expanded),type:o.type},React.createElement(ResponseDetails,{response:o}))}));
 //# sourceMappingURL=Response.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{__assign,__extends}from"tslib";import*as React from"react";import{FieldsGroupHeader}from"../../common-elements";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields/FieldContstraints";import{ResponseHeaders}from"./ResponseHeaders";import{Wrapper}from"./styled.elements";var ResponseDetails=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(FieldsGroupHeader,{key:"header"},"Response Schema: ",React.createElement(DropdownOrLabel,__assign({},e)))}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.response,r=e.description,t=e.headers,n=e.content;return React.createElement(React.Fragment,null,r&&React.createElement(Markdown,{source:r}),React.createElement(ResponseHeaders,{headers:t}),React.createElement(MediaTypesSwitch,{content:n,renderDropdown:this.renderDropdown},(function(e){var r=e.schema;return React.createElement(React.Fragment,null,React.createElement(Wrapper,null,"object"===(null==r?void 0:r.type)&&React.createElement(ConstraintsView,{constraints:(null==r?void 0:r.constraints)||[]})),React.createElement(Schema,{skipWriteOnly:!0,key:"schema",schema:r}))})))}}),r}(React.PureComponent);export{ResponseDetails};
+import{__assign}from"tslib";import React,{memo}from"react";import{FieldsGroupHeader}from"../../common-elements";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields/FieldContstraints";import{ResponseHeaders}from"./ResponseHeaders";import{Wrapper}from"./styled";function ResponseDetailsComponent(e){var t=e.response,r=t.description,a=t.headers,n=t.content;return React.createElement(React.Fragment,null,r&&React.createElement(Markdown,{source:r}),React.createElement(ResponseHeaders,{headers:a}),React.createElement(MediaTypesSwitch,{content:n,renderDropdown:function(e){return React.createElement(FieldsGroupHeader,{key:"header"},"Response Schema: ",React.createElement(DropdownOrLabel,__assign({},e)))}},(function(e){var t=e.schema;return React.createElement(React.Fragment,null,React.createElement(Wrapper,null,"object"===(null==t?void 0:t.type)&&React.createElement(ConstraintsView,{constraints:(null==t?void 0:t.constraints)||[]})),React.createElement(Schema,{skipWriteOnly:!0,key:"schema",schema:t}))})))}export var ResponseDetails=memo(ResponseDetailsComponent);
 //# sourceMappingURL=ResponseDetails.js.map

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

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

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

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

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

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

package/lib-esm/redoc-lib/src/components/Responses/ResponsesList.d.ts

@@ -1,8 +1,3 @@
-import * as React from 'react';
-import type { ResponseModel } from '../../services';
-export interface ResponseListProps {
-    responses: ResponseModel[];
-}
-export declare class ResponsesList extends React.PureComponent<ResponseListProps> {
-    render(): JSX.Element | null;
-}
+import React from 'react';
+import type { ResponseListProps } from './types';
+export declare const ResponsesList: React.NamedExoticComponent<ResponseListProps>;

package/lib-esm/redoc-lib/src/components/Responses/ResponsesList.js

@@ -1,2 +1,2 @@
-import{__extends}from"tslib";import*as React from"react";import{ResponseView}from"./Response";var ResponsesList=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.responses;return e&&0!==e.length?React.createElement("div",null,e.map((function(e){return React.createElement(ResponseView,{key:e.code,response:e})}))):null}}),t}(React.PureComponent);export{ResponsesList};
+import React,{memo}from"react";import{Response}from"./Response";function ResponsesListComponent(e){var n=e.responses;return n&&0!==n.length?React.createElement("div",null,n.map((function(e){return React.createElement(Response,{key:e.code,response:e})}))):null}export var ResponsesList=memo(ResponsesListComponent);
 //# sourceMappingURL=ResponsesList.js.map

package/lib-esm/redoc-lib/src/components/Responses/index.d.ts

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

package/lib-esm/redoc-lib/src/components/Responses/index.js

@@ -0,0 +1,2 @@
+export{ResponsesList}from"./ResponsesList";
+//# sourceMappingURL=index.js.map

package/lib-esm/redoc-lib/src/components/Responses/{styled.elements.d.ts → styled.d.ts}

@@ -1,2 +1,3 @@
 export declare const HeadersCaption: import("styled-components").StyledComponent<"caption", import("../../../../services/extendTheme").ProTheme, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("../../../../services/extendTheme").ProTheme, {}, never>;
+export declare const PropertiesTableWrapStyled: import("styled-components").StyledComponent<"div", import("../../../../services/extendTheme").ProTheme, {}, never>;

package/lib-esm/redoc-lib/src/components/Responses/styled.js

@@ -0,0 +1,2 @@
+import{__makeTemplateObject}from"tslib";import{FieldsGroupHeader,PropertiesTableWrap}from"../../common-elements";import styled from"../../styled-components";export var HeadersCaption=styled(FieldsGroupHeader.withComponent("caption"))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"],["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"])));export var Wrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: 1em;\n"],["\n  margin-bottom: 1em;\n"])));export var PropertiesTableWrapStyled=styled(PropertiesTableWrap)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  :not(:last-child) {\n    border-bottom: 1px solid ",";\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"],["\n  :not(:last-child) {\n    border-bottom: 1px solid ",";\n    margin-bottom: 1.5em;\n    padding-bottom: 1.5em;\n  }\n"])),(function(e){return e.theme.colors.border.light}));var templateObject_1,templateObject_2,templateObject_3;
+//# sourceMappingURL=styled.js.map

package/lib-esm/redoc-lib/src/components/Responses/types.d.ts

@@ -0,0 +1,12 @@
+import type { ResponseModel, FieldModel } from '../../services';
+import type { PanelHeaderProps } from '../../../../components/Panel';
+export interface ResponseProps {
+    response: ResponseModel;
+}
+export interface ResponseHeadersProps {
+    headers?: FieldModel[];
+}
+export interface ResponseListProps {
+    responses: ResponseModel[];
+}
+export declare type ResponseTitleProps = PanelHeaderProps & ResponseProps;