@redocly/reference-docs 2.14.2 → 3.0.0-alpha.1

package/lib/components/console/Console.js

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

package/lib/components/console/ConsoleLazy.js

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ConsoleTabsProps {
+    onChange: (activeTab: number) => void;
+    active: number;
+    hasResponse: boolean;
+}
+export declare function ConsoleTabs({ onChange, active, hasResponse }: ConsoleTabsProps): JSX.Element;

package/lib/components/console/ConsoleTabs/ConsoleTabs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleTabs=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_1=require("./styled");function ConsoleTabs(e){var t=e.onChange,s=e.active,r=e.hasResponse;return React.createElement(styled_1.TabsWrap,null,React.createElement(styled_1.Tab,{onClick:function(){return t(0)},active:0===s},r?"Edit Request":"Request"),React.createElement(styled_1.Tab,{onClick:function(){return r&&t(1)},active:1===s,disabled:!r}," ","Response"," "))}exports.ConsoleTabs=ConsoleTabs;
+//# sourceMappingURL=ConsoleTabs.js.map

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

@@ -0,0 +1,2 @@
+export { ConsoleTabs } from './ConsoleTabs';
+export type { ConsoleTabsProps } from './ConsoleTabs';

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

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

package/lib/components/console/ConsoleTabs/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const TabsWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Tab: import("styled-components").StyledComponent<"button", any, {
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>;

package/lib/components/console/ConsoleTabs/styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=exports.TabsWrap=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components"));exports.TabsWrap=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"],["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"]))),exports.Tab=styled_components_1.default.button(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  outline: none;\n  border: none;\n  background-color: var(--try-it-panel-tab-background-color);\n  text-align: center;\n  cursor: pointer;\n  color: var(--color-content-inverse);\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: var(--global-border-radius);\n  font-size: 12px;\n  padding: 0 10px;\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);\n  }\n\n  &:last-child {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n\n  ","\n\n  ","\n"],["\n  outline: none;\n  border: none;\n  background-color: var(--try-it-panel-tab-background-color);\n  text-align: center;\n  cursor: pointer;\n  color: var(--color-content-inverse);\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: var(--global-border-radius);\n  font-size: 12px;\n  padding: 0 10px;\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);\n  }\n\n  &:last-child {\n    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0;\n  }\n\n  ","\n\n  ","\n"])),(function(r){return r.active&&(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n        border-bottom: 4px solid var(--try-it-panel-active-tab-border-color);\n        background-color: var(--try-it-panel-active-tab-background-color);\n      "],["\n        border-bottom: 4px solid var(--try-it-panel-active-tab-border-color);\n        background-color: var(--try-it-panel-active-tab-background-color);\n      "])))||""}),(function(r){return r.disabled&&(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n        cursor: default;\n        color: var(--try-it-panel-disabled-tab-color);\n      "],["\n        cursor: default;\n        color: var(--try-it-panel-disabled-tab-color);\n      "])))||""}));
+//# sourceMappingURL=styled.js.map

package/lib/components/console/OAuth2Flow.js

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

package/lib/components/console/OAuth2TokenInput.js

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

package/lib/components/console/OpenIDConnect.js

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

package/lib/components/console/OperationParameters.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationParameters=exports.SchemaType=void 0;var SchemaType,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../utils"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),ParameterDropdown_1=require("./ParameterDropdown");!function(e){e.ARRAY="array",e.OBJECT="object"}(SchemaType=exports.SchemaType||(exports.SchemaType={}));var placeholder=function(e){return"("+e.schema.type+")"+(e.example?" "+e.example:"")};function safePush(e,a,r){e[a]||(e[a]=[]),e[a].push(r)}function orderParams(e){var a={};return e.forEach((function(e){safePush(a,e.in,e)})),a}var PARAM_PLACES=["path","query","cookie","header"];function createValidator(e){return function(a){if(e.required&&!a)return"Field is required";if(e.required&&e.schema.type===SchemaType.ARRAY&&Array.isArray(a)){if(a.length>(e.schema.rawSchema&&e.schema.rawSchema.maxItems||1/0))return"Too many items selected, maximum "+e.schema.rawSchema.maxItems;if(a.length<(e.schema.rawSchema&&e.schema.rawSchema.minItems||0)){var r=e.schema.rawSchema.minItems;return"You should select at least "+(1===r?r+" item":r+" items")}}}}function getInitialValue(e){if(e.schema.type===SchemaType.ARRAY){var a=e.schema.default||e.schema.example;if(!a&&e.schema.rawSchema.items){if(e.schema.rawSchema.items.default)return[e.schema.rawSchema.items.default];if(e.schema.rawSchema.items.example)return[e.schema.rawSchema.items.example]}return a||[]}return e.schema.default||e.schema.example}function OperationParameters(e){var a=e.values;function r(e,t,m){var n,i=m?(0,utils_1.dottedString)(m,e.name):e.name,c=function(e){var a=e.oneOfType,r=e.type,t=e.items;return a||r===SchemaType.ARRAY&&(null==t?void 0:t.type)===SchemaType.OBJECT&&"Array of objects"}(e.schema);if(c&&console.warn('Unsupported parameter definition: "'+c+'"'),e.schema.type===SchemaType.OBJECT)return null===(n=e.schema.fields)||void 0===n?void 0:n.map((function(e){return r(e,t,i)}));var o=m?[t,m]:[e.in],l=utils_1.dottedString.apply(void 0,(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],o,!1),[(0,utils_1.escapeFormId)(e.name)],!1));return React.createElement(form_1.FormControl,{key:l},React.createElement(form_1.FormLabel,{required:e.required},i,":"),c?React.createElement(form_1.FormWarning,null,"Unsupported field schema definition"):function(e,r){var t=React.useMemo((function(){return createValidator(r)}),[r]),m=Array.isArray(r.schema.enum)&&r.schema.enum.length?r.schema.enum:void 0,n=getInitialValue(r),i=e.split(".").map((function(e){return(0,utils_1.unescapeFormId)(e)}));return m?React.createElement(form_1.FormControl,null,React.createElement(ParameterDropdown_1.ParameterEnumDropdown,{initValue:n,paramEnum:m,field:e})):React.createElement(TextField_1.FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:e,field:e,placeholder:placeholder(r),validate:t,initialValue:n||(0,utils_1.get)(a,i),validateOnBlur:!0,validateOnChange:!0})}(l,e))}var t=orderParams(e.operation.parameters||[]);return React.createElement(form_1.Table,null,PARAM_PLACES.map((function(e){return function(e,a){return a&&a.length?React.createElement(React.Fragment,{key:e},React.createElement(form_1.FormControl,null,React.createElement(form_1.GroupLabel,null," # ",e," parameters "),React.createElement("span",null," ")),a.map((function(a){return r(a,e)}))):null}(e,t[e])})))}exports.OperationParameters=OperationParameters;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationParameters=exports.SchemaType=void 0;var SchemaType,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../utils"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),ParameterDropdown_1=require("./ParameterDropdown");!function(e){e.ARRAY="array",e.OBJECT="object"}(SchemaType=exports.SchemaType||(exports.SchemaType={}));var placeholder=function(e){return"("+e.schema.type+")"+(e.example?" "+e.example:"")};function safePush(e,a,r){e[a]||(e[a]=[]),e[a].push(r)}function orderParams(e){var a={};return e.forEach((function(e){safePush(a,e.in,e)})),a}var PARAM_PLACES=["path","query","cookie","header"];function createValidator(e){return function(a){if(e.required&&!a)return"Field is required";if(e.required&&e.schema.type===SchemaType.ARRAY&&Array.isArray(a)){if(a.length>(e.schema.rawSchema&&e.schema.rawSchema.maxItems||1/0))return"Too many items selected, maximum "+e.schema.rawSchema.maxItems;if(a.length<(e.schema.rawSchema&&e.schema.rawSchema.minItems||0)){var r=e.schema.rawSchema.minItems;return"You should select at least "+(1===r?r+" item":r+" items")}}}}function getInitialValue(e){if(e.schema.type===SchemaType.ARRAY){var a=e.schema.default||e.schema.example;if(!a&&e.schema.rawSchema.items){if(e.schema.rawSchema.items.default)return[e.schema.rawSchema.items.default];if(e.schema.rawSchema.items.example)return[e.schema.rawSchema.items.example]}return a||[]}return e.schema.default||e.schema.example}function OperationParameters(e){var a=e.values;function r(e,t,m){var n,i=m?(0,utils_1.dottedString)(m,e.name):e.name,c=function(e){var a=e.oneOfType,r=e.type,t=e.items;return a||r===SchemaType.ARRAY&&(null==t?void 0:t.type)===SchemaType.OBJECT&&"Array of objects"}(e.schema);if(c&&console.warn('Unsupported parameter definition: "'+c+'"'),e.schema.type===SchemaType.OBJECT)return null===(n=e.schema.fields)||void 0===n?void 0:n.map((function(e){return r(e,t,i)}));var l=m?[t,m]:[e.in],o=utils_1.dottedString.apply(void 0,(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],l,!1),[(0,utils_1.escapeFormId)(e.name)],!1));return React.createElement(form_1.FormControl,{key:o},React.createElement(form_1.FormLabel,{required:e.required},i,":"),c?React.createElement(form_1.FormWarning,null,"Unsupported field schema definition"):function(e,r){var t=React.useMemo((function(){return createValidator(r)}),[r]),m=Array.isArray(r.schema.enum)&&r.schema.enum.length?r.schema.enum:void 0,n=getInitialValue(r),i=e.split(".").map((function(e){return(0,utils_1.unescapeFormId)(e)}));return m?React.createElement(form_1.FormControl,null,React.createElement(ParameterDropdown_1.ParameterEnumDropdown,{initValue:n,paramEnum:m,field:e})):React.createElement(TextField_1.FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:e,field:e,placeholder:placeholder(r),validate:t,initialValue:n||(0,utils_1.get)(a,i),validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})}(o,e))}var t=orderParams(e.operation.parameters||[]);return React.createElement(form_1.Table,null,PARAM_PLACES.map((function(e){return function(e,a){return a&&a.length?React.createElement(React.Fragment,{key:e},React.createElement(form_1.FormControl,null,React.createElement(form_1.GroupLabel,null," # ",e," parameters "),React.createElement("span",null," ")),a.map((function(a){return r(a,e)}))):null}(e,t[e])})))}exports.OperationParameters=OperationParameters;
 //# sourceMappingURL=OperationParameters.js.map

package/lib/components/console/ParameterDropdown.js

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

package/lib/components/console/RequestBody.js

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

package/lib/components/console/RequestBodyForm.js

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

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

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

package/lib/components/console/RequestMimeLabel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestMimeLabel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),shared_1=require("../shared");exports.RequestMimeLabel=(0,styled_components_1.default)(shared_1.MimeLabel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border-radius: ",";\n  margin-bottom: 10px;\n"],["\n  border-radius: ",";\n  margin-bottom: 10px;\n"])),(function(e){return e.theme.components.panels.borderRadius}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestMimeLabel=void 0;var templateObject_1,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),shared_1=require("../shared");exports.RequestMimeLabel=(0,styled_components_1.default)(shared_1.MimeLabel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  border-radius: var(--panels-border-radius);\n  margin-bottom: 10px;\n"],["\n  border-radius: var(--panels-border-radius);\n  margin-bottom: 10px;\n"])));
 //# sourceMappingURL=RequestMimeLabel.js.map

package/lib/components/console/ResponseBody.js

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function ResponseHeadersList({ headers }: {
+    headers: Record<string, string>;
+}): JSX.Element;

package/lib/components/console/ResponseHeadersList.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeadersList=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),styled_1=require("./styled");function ResponseHeadersList(e){var t=e.headers,a=React.useContext(redoc_lib_1.OptionsContext),r=React.useState(!0),n=r[0],l=r[1],s=a.maxResponseHeadersToShowInTryIt,o=Object.keys(t),i=!!s&&o.length>s,c=i&&n?(0,tslib_1.__spreadArray)([],o,!0).splice(0,s):(0,tslib_1.__spreadArray)([],o,!0);return React.createElement(React.Fragment,null,React.createElement(styled_1.ResponseHeader,null," Headers: "),React.createElement(styled_1.PanelPreCodeBlock,null,c.map((function(e){return React.createElement("div",{key:e},React.createElement(HeaderName,null,e,":"),React.createElement("code",null,t[e]))})),i&&React.createElement(StyledShowMoreLabel,{onClick:function(){l(!n)}},n?"Show more...":"Hide headers")))}exports.ResponseHeadersList=ResponseHeadersList;var templateObject_1,templateObject_2,HeaderName=styled_components_1.default.strong(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"],["\n  text-transform: capitalize;\n  display: inline-block;\n  padding-right: 5px;\n"]))),StyledShowMoreLabel=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  margin-top: 5px;\n  font-size: 14px;\n"],["\n  cursor: pointer;\n  margin-top: 5px;\n  font-size: 14px;\n"])));HeaderName.displayName="HeaderName",StyledShowMoreLabel.displayName="StyledShowMoreLabel";
+//# sourceMappingURL=ResponseHeadersList.js.map

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

@@ -16,8 +16,6 @@ export interface ResponsePanelProps {
     };
     time?: number;
 }
-export declare const ResponseHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
-export declare const PanelStyledPre: import("styled-components").StyledComponent<"pre", import("../../services/extendTheme").ProTheme, {}, never>;
 export declare class ResponsePanel extends React.PureComponent<ResponsePanelProps> {
     render(): JSX.Element;
 }

package/lib/components/console/ResponsePanel.js

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

package/lib/components/console/ServerDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerChooser=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),mobx_react_1=require("mobx-react"),utils_1=require("../../utils"),ServerVariable_1=(0,tslib_1.__importDefault)(require("./ServerVariable")),form_1=require("../common/form"),utils_2=require("./utils"),Dropdown_1=require("../common/Dropdown"),ServerChooser=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),a=(0,utils_2.getDefaultOrStoredVariables)(t);r.props.onChange({url:e.serverUrl||"",variables:a}),(0,utils_1.toSessionStorage)("serverUrl",e.serverUrl||""),r.setState({variables:a})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){var a,i=r.props.operation.servers[r.state.activeIdx],l=t||""===t?t:(0,utils_2.getDefaultOrStoredVariables)(i)[e],n=(0,tslib_1.__assign)((0,tslib_1.__assign)({},r.state.variables),((a={})[e]=l,a));r.setState({variables:n}),(0,utils_2.updateVariablesStorage)(e,l),r.props.onChange((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),{variables:n}))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,t=(0,utils_1.fromSessionStorage)("serverUrl"),a=r.servers.findIndex((function(e){return e.url===t}));return{activeIdx:a<0?0:a}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=(0,utils_2.getServerWithVariables)(this.props.operation.servers,this.state.activeIdx);this.props.onChange(e),this.setState({variables:e.variables})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,t=this.props.operation.servers.map((function(r,t){return{idx:t,serverUrl:r.url,value:"\n          "+(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),a=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(form_1.FormControl,null,React.createElement(Dropdown_1.Dropdown,{variant:"dark",value:t[r].value,options:t,fullWidth:!0,onChange:this.handleServerChange})),a.length?a.map((function(r){var t,a=null===(t=e.props.operation.servers[e.state.activeIdx].variables)||void 0===t?void 0:t[r];if(a)return React.createElement(ServerVariable_1.default,{key:r,name:r,value:e.state.variables[r],defaultValue:a.default,onChange:function(t){return e.handleVariableChange(r,t)},variableEnum:a.enum,description:a.description})})):null)}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.ServerChooser=ServerChooser;var templateObject_1,ServerDropdownWrap=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerChooser=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),mobx_react_1=require("mobx-react"),utils_1=require("../../utils"),ServerVariable_1=(0,tslib_1.__importDefault)(require("./ServerVariable")),form_1=require("../common/form"),utils_2=require("./utils"),styled_1=require("./styled"),ServerChooser=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),a=(0,utils_2.getDefaultOrStoredVariables)(t);r.props.onChange({url:e.serverUrl||"",variables:a}),(0,utils_1.toSessionStorage)("serverUrl",e.serverUrl||""),r.setState({variables:a})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,t){var a,i=r.props.operation.servers[r.state.activeIdx],l=t||""===t?t:(0,utils_2.getDefaultOrStoredVariables)(i)[e],n=(0,tslib_1.__assign)((0,tslib_1.__assign)({},r.state.variables),((a={})[e]=l,a));r.setState({variables:n}),(0,utils_2.updateVariablesStorage)(e,l),r.props.onChange((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),{variables:n}))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,t=(0,utils_1.fromSessionStorage)("serverUrl"),a=r.servers.findIndex((function(e){return e.url===t}));return{activeIdx:a<0?0:a}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=(0,utils_2.getServerWithVariables)(this.props.operation.servers,this.state.activeIdx);this.props.onChange(e),this.setState({variables:e.variables})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,t=this.props.operation.servers.map((function(r,t){return{idx:t,serverUrl:r.url,value:"\n          "+(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),a=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(form_1.FormControl,null,React.createElement(styled_1.TryItDropdown,{variant:"dark",value:t[r].value,options:t,fullWidth:!0,onChange:this.handleServerChange})),a.length?a.map((function(r){var t,a=null===(t=e.props.operation.servers[e.state.activeIdx].variables)||void 0===t?void 0:t[r];if(a)return React.createElement(ServerVariable_1.default,{key:r,name:r,value:e.state.variables[r],defaultValue:a.default,onChange:function(t){return e.handleVariableChange(r,t)},variableEnum:a.enum,description:a.description})})):null)}}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.ServerChooser=ServerChooser;var templateObject_1,ServerDropdownWrap=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"])));
 //# sourceMappingURL=ServerDropdown.js.map

package/lib/components/console/ServerVariable.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),Dropdown_1=require("../common/Dropdown"),form_1=require("../common/form"),TextField_1=require("../common/TextField");function ServerVariable(e){var r=e.name,t=e.value,l=e.description,n=e.variableEnum,a=e.onChange,o=e.defaultValue,i=n?n.map((function(e,r){return{value:e,idx:r}})):[];return React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,r,":"),i&&i.length?React.createElement(Dropdown_1.Dropdown,{fullWidth:!0,variant:"dark",value:t,options:i,onChange:function(e){return a(e.value)}}):React.createElement(TextField_1.TextField,{fullWidth:!0,value:t,onChange:function(e){return a(e.target.value)},placeholder:o}),l&&React.createElement(Description,null,l))}exports.default=ServerVariable;var templateObject_1,Description=redoc_lib_1.styled.small(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  display: inline-block;\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),form_1=require("../common/form"),TextField_1=require("../common/TextField"),styled_1=require("./styled");function ServerVariable(e){var t=e.name,l=e.value,r=e.description,n=e.variableEnum,a=e.onChange,o=e.defaultValue,i=n?n.map((function(e,t){return{value:e,idx:t}})):[];return React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,t,":"),i&&i.length?React.createElement(styled_1.TryItDropdown,{fullWidth:!0,variant:"dark",value:l,options:i,onChange:function(e){return a(e.value)}}):React.createElement(TextField_1.TextField,{fullWidth:!0,value:l,onChange:function(e){return a(e.target.value)},placeholder:o,panel:"try-it"}),r&&React.createElement(Description,null,r))}exports.default=ServerVariable;var templateObject_1,Description=styled_components_1.default.small(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-block;\n  margin-top: 5px;\n  color: #d0d0d0;\n"],["\n  display: inline-block;\n  margin-top: 5px;\n  color: #d0d0d0;\n"])));
 //# sourceMappingURL=ServerVariable.js.map

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { DropdownOption } from '../common/Dropdown';
+export declare const blink: import("styled-components").Keyframes;
+export declare const ConsoleWrap: import("styled-components").StyledComponent<"div", any, {
+    scrollYOffset?: (() => number) | undefined;
+    shaking?: boolean | undefined;
+    fullWidth?: number | undefined;
+}, never>;
+export declare const ConsoleBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const invertedInputStyles: import("styled-components").FlattenSimpleInterpolation;
+export declare const TryItDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("../common/Dropdown").DropdownProps>, any, import("../common/Dropdown").DropdownProps & {
+    dense?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+} & DropdownOption, never>;
+export declare const PanelPreCodeBlock: import("styled-components").StyledComponent<"pre", any, {}, never>;
+export declare const ResponseHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/console/styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeader=exports.PanelPreCodeBlock=exports.TryItDropdown=exports.invertedInputStyles=exports.CloseButton=exports.ConsoleBody=exports.ConsoleWrap=exports.blink=void 0;var tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),Dropdown_1=require("../common/Dropdown"),theme_1=require("@redocly/theme"),shake=(0,styled_components_1.keyframes)(templateObject_1||(templateObject_1=(0,tslib_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"])));exports.blink=(0,styled_components_1.keyframes)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  0% {\n    background-color: #007abf;\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: #007abf;\n  }\n"],["\n  0% {\n    background-color: #007abf;\n  }\n\n  50% {\n    background-color: #59C3FF;\n  }\n\n  100% {\n    background-color: #007abf;\n  }\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,shakeAnimation=(0,styled_components_1.css)(templateObject_3||(templateObject_3=(0,tslib_1.__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);exports.ConsoleWrap=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  background-color: var(--samples-panel-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  border-radius: var(--panels-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: var(--samples-panel-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  border-radius: var(--panels-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){var e=n.scrollYOffset;return e?e():0}),(function(n){return n.shaking&&shakeAnimation})),exports.ConsoleBody=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  flex: 1;\n  padding: 20px 20px 15px;\n  overflow: auto;\n  display: ",";\n  flex-direction: column;\n  position: relative;\n  background-color: var(--samples-panel-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: var(--samples-panel-background-color);\n"])),(function(n){return n.hidden?"none":"flex"})),exports.CloseButton=styled_components_1.default.span(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: var(--color-content-inverse);\n"],["\n  cursor: pointer;\n  font-size: 24px;\n  font-weight: bold;\n  color: var(--color-content-inverse);\n"]))),exports.invertedInputStyles=(0,styled_components_1.css)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: var(--global-border-radius);\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  font-size: var(--font-size-base);\n\n  &::placeholder {\n    opacity: 0.6;\n    color: var(--color-content-inverse);\n  }\n\n  &:-webkit-autofill {\n    background-color: var(--samples-panel-background-color);\n  }\n"],["\n  border: none;\n  outline: none;\n  padding: 8px;\n  border-radius: var(--global-border-radius);\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-family: var(--code-font-family);\n  font-size: var(--font-size-base);\n\n  &::placeholder {\n    opacity: 0.6;\n    color: var(--color-content-inverse);\n  }\n\n  &:-webkit-autofill {\n    background-color: var(--samples-panel-background-color);\n  }\n"]))),exports.TryItDropdown=(0,styled_components_1.default)(Dropdown_1.Dropdown)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  .dropdown-select,\n  label {\n    background-color: var(--try-it-panel-controls-background-color);\n    border-color: var(--try-it-panel-controls-background-color);\n  }\n"],["\n  .dropdown-select,\n  label {\n    background-color: var(--try-it-panel-controls-background-color);\n    border-color: var(--try-it-panel-controls-background-color);\n  }\n"]))),exports.PanelPreCodeBlock=(0,styled_components_1.default)(theme_1.PreformattedCodeBlock)(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"],["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"]))),exports.ResponseHeader=styled_components_1.default.div(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"],["\n  margin-bottom: 10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"])));
+//# sourceMappingURL=styled.js.map

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

@@ -1,4 +1,4 @@
-import type { FieldModel, OpenAPIServer, Server, ServerVariables } from '../../redoc-lib';
+import type { FieldModel, OpenAPIServer, SecurityScheme, Server, ServerVariables } from '../../redoc-lib';
 export declare function normalizeUrlProtocol(url: string): string;
 export declare function updateStorage(state: GenericObject): void;
 export declare const getParameters: (parameters: FieldModel[], type: string) => GenericObject;
@@ -10,3 +10,5 @@ export declare function getDefaultOrStoredVariables(server?: OpenAPIServer): Ser
 export declare function updateVariablesStorage(name: string, value: string): void;
 export declare function unescapeQueryParams(params: GenericObject): GenericObject;
 export declare function getFileNameFromHeaders(headers: Record<string, string>): string;
+export declare function requiredValidator(value: unknown): string | undefined;
+export declare function fromCookie(scheme: SecurityScheme): string | undefined;

package/lib/components/console/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getFileNameFromHeaders=exports.unescapeQueryParams=exports.updateVariablesStorage=exports.getDefaultOrStoredVariables=exports.expandDefaultServerVariables=exports.expandVariables=exports.getInitialServerWithVariables=exports.getServerWithVariables=exports.getParameters=exports.updateStorage=exports.normalizeUrlProtocol=void 0;var tslib_1=require("tslib"),utils_1=require("../../utils");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}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],i=e.values.auth[a];(0,utils_1.setSecurityDetails)(a,i)}updateParameterStorage(e)}function updateParameterStorage(e){for(var r,t=0,a=["path","query","header","cookie"];t<a.length;t++){var i=a[t];if(null===(r=e.values)||void 0===r?void 0:r[i])for(var s=0,l=Object.keys(e.values[i]);s<l.length;s++){var o=l[s];(0,utils_1.setParameterValue)(i,o,e.values[i][o])}}}exports.normalizeUrlProtocol=normalizeUrlProtocol,exports.updateStorage=updateStorage;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]=(0,utils_1.getParameterValue)(t||"",a),e}),{})};exports.getParameters=getParameters;var pathTemplateRegExp=/(?:{)(\w+)(?:})/g;function getServerWithVariables(e,r){void 0===r&&(r=0);var t=e[r],a=getDefaultOrStoredVariables(t);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{variables:a})}function getInitialServerWithVariables(e){var r=(0,utils_1.fromSessionStorage)("serverUrl"),t=e.find((function(e){return e.url===r}))||e[0],a=getDefaultOrStoredVariables(t);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{variables:a})}function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]||e}))}function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]&&r[t].default||e}))}function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};var r=(0,utils_1.fromSessionStorage)("variables"),t=r&&JSON.parse(r)||{},a={};return Object.entries(e.variables||{}).forEach((function(e){var r=e[0],i=e[1];a[r]=t[r]||i.default||""})),a}function updateVariablesStorage(e,r){var t,a=(0,utils_1.fromSessionStorage)("variables"),i=a&&JSON.parse(a)||{};(0,utils_1.toSessionStorage)("variables",JSON.stringify((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),((t={})[e]=r,t))))}function unescapeQueryParams(e){return Object.entries(e).reduce((function(e,r){var t=r[0],a=r[1];return e[(0,utils_1.unescapeFormId)(t)]=a,e}),{})}function getFileNameFromHeaders(e){for(var r="filename=",t=0,a=Object.entries(e);t<a.length;t++){var i=a[t],s=i[0],l=i[1];if("content-disposition"===s.toLowerCase()){var o=l.split(";").find((function(e){return e.trim().startsWith(r)}));if(o)return o.split(r)[1]}}return""}exports.getServerWithVariables=getServerWithVariables,exports.getInitialServerWithVariables=getInitialServerWithVariables,exports.expandVariables=expandVariables,exports.expandDefaultServerVariables=expandDefaultServerVariables,exports.getDefaultOrStoredVariables=getDefaultOrStoredVariables,exports.updateVariablesStorage=updateVariablesStorage,exports.unescapeQueryParams=unescapeQueryParams,exports.getFileNameFromHeaders=getFileNameFromHeaders;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fromCookie=exports.requiredValidator=exports.getFileNameFromHeaders=exports.unescapeQueryParams=exports.updateVariablesStorage=exports.getDefaultOrStoredVariables=exports.expandDefaultServerVariables=exports.expandVariables=exports.getInitialServerWithVariables=exports.getServerWithVariables=exports.getParameters=exports.updateStorage=exports.normalizeUrlProtocol=void 0;var tslib_1=require("tslib"),utils_1=require("../../utils");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}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],i=e.values.auth[a];(0,utils_1.setSecurityDetails)(a,i)}updateParameterStorage(e)}function updateParameterStorage(e){for(var r,t=0,a=["path","query","header","cookie"];t<a.length;t++){var i=a[t];if(null===(r=e.values)||void 0===r?void 0:r[i])for(var s=0,o=Object.keys(e.values[i]);s<o.length;s++){var n=o[s];(0,utils_1.setParameterValue)(i,n,e.values[i][n])}}}exports.normalizeUrlProtocol=normalizeUrlProtocol,exports.updateStorage=updateStorage;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]=(0,utils_1.getParameterValue)(t||"",a),e}),{})};exports.getParameters=getParameters;var pathTemplateRegExp=/(?:{)(\w+)(?:})/g;function getServerWithVariables(e,r){void 0===r&&(r=0);var t=e[r],a=getDefaultOrStoredVariables(t);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{variables:a})}function getInitialServerWithVariables(e){var r=(0,utils_1.fromSessionStorage)("serverUrl"),t=e.find((function(e){return e.url===r}))||e[0],a=getDefaultOrStoredVariables(t);return(0,tslib_1.__assign)((0,tslib_1.__assign)({},t),{variables:a})}function expandVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]||e}))}function expandDefaultServerVariables(e,r){return void 0===r&&(r={}),e.replace(pathTemplateRegExp,(function(e,t){return r[t]&&r[t].default||e}))}function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};var r=(0,utils_1.fromSessionStorage)("variables"),t=r&&JSON.parse(r)||{},a={};return Object.entries(e.variables||{}).forEach((function(e){var r=e[0],i=e[1];a[r]=t[r]||i.default||""})),a}function updateVariablesStorage(e,r){var t,a=(0,utils_1.fromSessionStorage)("variables"),i=a&&JSON.parse(a)||{};(0,utils_1.toSessionStorage)("variables",JSON.stringify((0,tslib_1.__assign)((0,tslib_1.__assign)({},i),((t={})[e]=r,t))))}function unescapeQueryParams(e){return Object.entries(e).reduce((function(e,r){var t=r[0],a=r[1];return e[(0,utils_1.unescapeFormId)(t)]=a,e}),{})}function getFileNameFromHeaders(e){for(var r="filename=",t=0,a=Object.entries(e);t<a.length;t++){var i=a[t],s=i[0],o=i[1];if("content-disposition"===s.toLowerCase()){var n=o.split(";").find((function(e){return e.trim().startsWith(r)}));if(n)return n.split(r)[1]}}return""}function requiredValidator(e){if(!e)return"Field is required"}exports.getServerWithVariables=getServerWithVariables,exports.getInitialServerWithVariables=getInitialServerWithVariables,exports.expandVariables=expandVariables,exports.expandDefaultServerVariables=expandDefaultServerVariables,exports.getDefaultOrStoredVariables=getDefaultOrStoredVariables,exports.updateVariablesStorage=updateVariablesStorage,exports.unescapeQueryParams=unescapeQueryParams,exports.getFileNameFromHeaders=getFileNameFromHeaders,exports.requiredValidator=requiredValidator;var getCookie=function(e){var r=document.cookie.match("\\b"+e+"=([^;]*)\\b");return r?r[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name||"")}exports.fromCookie=fromCookie;
 //# sourceMappingURL=utils.js.map

package/lib/components/index.d.ts

@@ -1,5 +1,3 @@
-export { Button } from './shared/Button';
-export type { ButtonProps } from './shared/Button';
 export * from './NextSectionButton';
 export * from './StoreProvider';
 export * from './RedoclyReferenceDocs';

package/lib/components/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormError=exports.FormLabel=exports.FormControl=exports.Dropdown=exports.Checkbox=exports.TextField=exports.BackgroundStubFix=exports.ApiContentWrap=exports.NextSectionButtonWrap=exports.BackgroundStub=exports.ChangeViewButton=exports.ControlsWrap=exports.ToggleRightPanelButton=exports.Button=void 0;var tslib_1=require("tslib"),Button_1=require("./shared/Button");Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return Button_1.Button}}),(0,tslib_1.__exportStar)(require("./NextSectionButton"),exports),(0,tslib_1.__exportStar)(require("./StoreProvider"),exports),(0,tslib_1.__exportStar)(require("./RedoclyReferenceDocs"),exports),(0,tslib_1.__exportStar)(require("./pluggable"),exports),(0,tslib_1.__exportStar)(require("./console/ConsoleLazy"),exports),(0,tslib_1.__exportStar)(require("./ProProviders"),exports);var styled_elements_1=require("./styled.elements");Object.defineProperty(exports,"ToggleRightPanelButton",{enumerable:!0,get:function(){return styled_elements_1.ToggleRightPanelButton}}),Object.defineProperty(exports,"ControlsWrap",{enumerable:!0,get:function(){return styled_elements_1.ControlsWrap}}),Object.defineProperty(exports,"ChangeViewButton",{enumerable:!0,get:function(){return styled_elements_1.ChangeViewButton}}),Object.defineProperty(exports,"BackgroundStub",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStub}}),Object.defineProperty(exports,"NextSectionButtonWrap",{enumerable:!0,get:function(){return styled_elements_1.NextSectionButtonWrap}}),Object.defineProperty(exports,"ApiContentWrap",{enumerable:!0,get:function(){return styled_elements_1.ApiContentWrap}}),Object.defineProperty(exports,"BackgroundStubFix",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStubFix}});var TextField_1=require("./common/TextField");Object.defineProperty(exports,"TextField",{enumerable:!0,get:function(){return TextField_1.TextField}});var Checkbox_1=require("./common/Checkbox");Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return Checkbox_1.Checkbox}});var Dropdown_1=require("./common/Dropdown");Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return Dropdown_1.Dropdown}});var form_1=require("./common/form");Object.defineProperty(exports,"FormControl",{enumerable:!0,get:function(){return form_1.FormControl}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return form_1.FormLabel}}),Object.defineProperty(exports,"FormError",{enumerable:!0,get:function(){return form_1.FormError}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.FormError=exports.FormLabel=exports.FormControl=exports.Dropdown=exports.Checkbox=exports.TextField=exports.BackgroundStubFix=exports.ApiContentWrap=exports.NextSectionButtonWrap=exports.BackgroundStub=exports.ChangeViewButton=exports.ControlsWrap=exports.ToggleRightPanelButton=void 0;var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./NextSectionButton"),exports),(0,tslib_1.__exportStar)(require("./StoreProvider"),exports),(0,tslib_1.__exportStar)(require("./RedoclyReferenceDocs"),exports),(0,tslib_1.__exportStar)(require("./pluggable"),exports),(0,tslib_1.__exportStar)(require("./console/ConsoleLazy"),exports),(0,tslib_1.__exportStar)(require("./ProProviders"),exports);var styled_elements_1=require("./styled.elements");Object.defineProperty(exports,"ToggleRightPanelButton",{enumerable:!0,get:function(){return styled_elements_1.ToggleRightPanelButton}}),Object.defineProperty(exports,"ControlsWrap",{enumerable:!0,get:function(){return styled_elements_1.ControlsWrap}}),Object.defineProperty(exports,"ChangeViewButton",{enumerable:!0,get:function(){return styled_elements_1.ChangeViewButton}}),Object.defineProperty(exports,"BackgroundStub",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStub}}),Object.defineProperty(exports,"NextSectionButtonWrap",{enumerable:!0,get:function(){return styled_elements_1.NextSectionButtonWrap}}),Object.defineProperty(exports,"ApiContentWrap",{enumerable:!0,get:function(){return styled_elements_1.ApiContentWrap}}),Object.defineProperty(exports,"BackgroundStubFix",{enumerable:!0,get:function(){return styled_elements_1.BackgroundStubFix}});var TextField_1=require("./common/TextField");Object.defineProperty(exports,"TextField",{enumerable:!0,get:function(){return TextField_1.TextField}});var Checkbox_1=require("./common/Checkbox");Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return Checkbox_1.Checkbox}});var Dropdown_1=require("./common/Dropdown");Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return Dropdown_1.Dropdown}});var form_1=require("./common/form");Object.defineProperty(exports,"FormControl",{enumerable:!0,get:function(){return form_1.FormControl}}),Object.defineProperty(exports,"FormLabel",{enumerable:!0,get:function(){return form_1.FormLabel}}),Object.defineProperty(exports,"FormError",{enumerable:!0,get:function(){return form_1.FormError}});
 //# sourceMappingURL=index.js.map

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

@@ -1,4 +1,2 @@
-import * as React from 'react';
-export declare class PullRight extends React.Component {
-    render(): JSX.Element;
-}
+import type { PropsWithChildren } from 'react';
+export declare function PullRight({ children }: PropsWithChildren<unknown>): JSX.Element;

package/lib/components/pluggable/PullRight.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),polished_1=require("polished"),redoc_lib_1=require("../../redoc-lib"),CodePanel_1=require("../Panel/CodePanel"),DarkMarkdown=(0,redoc_lib_1.styled)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    ","\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      ","\n    }\n  }\n\n  code {\n    color: ",";\n    background-color: ",";\n  }\n\n  a,\n  a:visited {\n    color: ",";\n  }\n\n  pre {\n    border: none;\n    padding: ",";\n    border-radius: ",";\n    ","\n  }\n"],["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    ","\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        ","\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      ","\n    }\n  }\n\n  code {\n    color: ",";\n    background-color: ",";\n  }\n\n  a,\n  a:visited {\n    color: ",";\n  }\n\n  pre {\n    border: none;\n    padding: ",";\n    border-radius: ",";\n    ","\n  }\n"])),(function(n){var e,r,t=n.theme;return(0,redoc_lib_1.mediaCSS)({color:(null===(r=null===(e=t.typography)||void 0===e?void 0:e.rightPanelHeading)||void 0===r?void 0:r.color)||t.rightPanel.textColor})}),(function(n){var e=n.theme;return(0,redoc_lib_1.mediaCSS)({backgroundColor:e.rightPanel.panelControlsBackgroundColor})}),(function(n){var e=n.theme;return(0,redoc_lib_1.mediaCSS)({backgroundColor:(0,polished_1.lighten)(.05,e.rightPanel.panelControlsBackgroundColor)})}),(function(n){var e=n.theme;return"\n          background-color: "+(0,polished_1.lighten)(.05,e.rightPanel.panelControlsBackgroundColor)+";\n          border-color: "+(0,polished_1.lighten)(.1,e.rightPanel.panelControlsBackgroundColor)+" !important;\n      "}),(function(n){var e=n.theme;return(0,polished_1.lighten)(.2,e.typography.code.color)}),(function(n){var e=n.theme;return(0,polished_1.invert)(e.typography.code.backgroundColor)}),(function(n){var e=n.theme;return(0,polished_1.lighten)(.25,e.typography.links.color)}),(function(n){return 4*n.theme.spacing.unit}),(function(n){return n.theme.codeBlock.borderRadius}),(function(n){var e=n.theme;return(0,redoc_lib_1.mediaCSS)({background:e.codeBlock.backgroundColor})})),PullRight=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return(0,tslib_1.__extends)(e,n),Object.defineProperty(e.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return React.createElement(StyledRightPanel,null,React.createElement(CodePanel_1.CodePanel,null,React.createElement(DarkMarkdown,{source:this.props.children})))}}),e}(React.Component);exports.PullRight=PullRight;var templateObject_1,templateObject_2,StyledRightPanel=(0,redoc_lib_1.styled)(redoc_lib_1.RightPanel)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PullRight=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),CodePanel_1=require("../Panel/CodePanel"),MarkdownCodeBlock=(0,styled_components_1.default)(redoc_lib_1.Markdown)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--samples-panel-heading-color, var(--samples-panel-text-color));\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-preformatted-background-color);\n  }\n"],["\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: var(--samples-panel-heading-color, var(--samples-panel-text-color));\n  }\n\n  table {\n    color: #ffffff;\n    overflow-wrap: break-word;\n    word-break: break-word;\n\n    & tr {\n      td,\n      th {\n        background-color: var(--samples-panel-controls-background-color);\n      }\n    }\n\n    & tr:nth-child(2n) {\n      td,\n      th {\n        background-color: var(--samples-panel-markdown-background-color);\n      }\n    }\n\n    & thead tr th,\n    & tbody tr td {\n      background-color: var(--samples-panel-markdown-background-color);\n      border-color: var(--samples-panel-markdown-border-color);\n    }\n  }\n\n  code {\n    font-size: var(--code-block-font-size);\n    font-family: var(--code-block-font-family);\n    color: var(--code-block-color);\n    background-color: var(--code-block-background-color);\n  }\n\n  a,\n  a:visited {\n    color: var(--link-visited);\n  }\n\n  pre {\n    border: none;\n    padding: calc(var(--spacing-unit) * 4);\n    border-radius: var(--code-block-border-radius);\n    background: var(--code-block-preformatted-background-color);\n  }\n"])));function PullRight(n){var o=n.children;return react_1.default.createElement(StyledRightPanel,null,react_1.default.createElement(CodePanel_1.CodePanel,null,react_1.default.createElement(MarkdownCodeBlock,{source:o})))}exports.PullRight=PullRight;var templateObject_1,templateObject_2,StyledRightPanel=(0,styled_components_1.default)(redoc_lib_1.SamplesPanel)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  float: right;\n  z-index: 1;\n  position: relative;\n  margin-bottom: 10px;\n"])));
 //# sourceMappingURL=PullRight.js.map

package/lib/components/pluggable/RedocRequestBody.js

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

package/lib/components/pluggable/RedocResponse.js

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