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

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

package/lib/components/console/ConsoleLazy.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;var tslib_1=require("tslib"),react_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;
+"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"),redoc_lib_1=require("../../redoc-lib"),styled_1=require("./styled");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/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")),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"])));
+"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"),OAuth2_1=require("../../services/OAuth2"),utils_1=require("../../utils"),utils_2=require("../../services/utils"),utils_3=require("./utils"),Scope_1=(0,tslib_1.__importDefault)(require("./Scope"));function requiredValidator(e){if(!e)return"Field is required"}var OAuth2Flow=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{error:null,loading:!1,showPkceOptions:!1}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"togglePkceOptions",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState((function(e){return{showPkceOptions:!e.showPkceOptions}}))}}),Object.defineProperty(t,"handleCodeVerifierChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var 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_2.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_2.isEmptyObject)(this.errors)){this.setState({loading:!0,error:null});var c=o?o+(0,utils_3.normalizeUrlProtocol)(e):e,s=o&&a?o+(0,utils_3.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_2.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")),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;
+"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"),OAuth2_1=require("../../services/OAuth2"),TextField_1=require("../common/TextField"),Scope_1=(0,tslib_1.__importDefault)(require("./Scope")),utils_2=require("./utils");function validateToken(e){if(!e)return"Token is required"}var OAuth2TokenInput=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{error:"",loading:!1,tokenMasked:!0}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token",""),(0,utils_1.toSessionStorage)("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"toggleTokenMask",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState({tokenMasked:!t.state.tokenMasked})}}),Object.defineProperty(t,"requestToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){return(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e,t,r,o,i,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")),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"])));
+"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"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),OAuth2Flow_1=require("./OAuth2Flow");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/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"),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);
+"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,a=e.fieldApi,n=React.useState(),o=n[0],u=n[1],i=t.map((function(e,r){return{idx:r,value:e}}));(0,hooks_1.useMount)((function(){if(r)if(Array.isArray(r)){var e=r.length?r[0]:"";u(e),a.setValue(e)}else u(r),a.setValue(r)}));return React.createElement(styled_1.TryItDropdown,{clearable:!0,fullWidth:!0,variant:"dark",value:o,options:i,handleClear:function(){a.setValue(""),u("")},onChange:function(e){a.setValue(e.value),u(e.value)}})};exports.ParameterEnumDropdown=(0,informed_1.asField)(ParameterEnumDropdownComponent);
 //# sourceMappingURL=ParameterDropdown.js.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { RequestBodyModel } from '../../redoc-lib';
 import type { Console } from './Console';
 export interface RequestBodyProps {
@@ -9,4 +9,4 @@ export interface RequestBodyProps {
     id: string;
     properties: any;
 }
-export declare const RequestBody: ({ properties, ...props }: RequestBodyProps) => JSX.Element;
+export declare const RequestBody: React.MemoExoticComponent<(props: RequestBodyProps) => JSX.Element>;

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"),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:_}))})))}));
+"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"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),helper_1=require("../common/FileUpload/helper"),types_1=require("../../types"),styled_1=require("./styled"),RequestBodyForm_1=require("./RequestBodyForm"),RequestMimeLabel_1=require("./RequestMimeLabel"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("./CodemirrorInput")),RequestBodyComponent=(0,mobx_react_1.observer)((function(e){var r,t=e.body.content,a=e.console.formApi,i=function(r){var a;if(!t||!t.hasSample)return"";var i=null===(a=t.active)||void 0===a?void 0:a.examples;if(!(null==i?void 0:i[r]))return"";var o=null==i?void 0:i[r].value,l=e.properties?(0,deepmerge_1.default)(o,e.properties,{arrayMerge:utils_1.arrayMergeStrategy}):o;return JSON.stringify(l,null,2)},o=null===(r=null==t?void 0:t.operation)||void 0===r?void 0:r.activeExampleName,l=function(e){var r;null===(r=null==t?void 0:t.operation)||void 0===r||r.activateExampleName(e),a.setValue("body",i(e))},n=function(r){if(!r)return"";if(r.mime===types_1.MediaTypes.URL_ENCODED)return r.value;var t=r.value,a=e.properties?(0,deepmerge_1.default)(t,e.properties,{arrayMerge:utils_1.arrayMergeStrategy}):t;return JSON.stringify(a,null,2)},u=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,a.setValue)("body."+e,r),[2]}))}))};(0,react_1.useEffect)((function(){!1!==o?o&&a.setValue("body",i(o)):a.setValue("body",JSON.stringify(e.properties||{},null,2))}),[o]);var s=e.validate,d=e.body;return React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.MediaTypesSwitch,{content:d.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(r){var t,i=r.examples||{},o=Object.keys(i),d=r.schema,m=(0,helper_1.isRootFileUpload)(d||{},r.name)||r.name===types_1.MediaTypes.MULTIPART||r.name===types_1.MediaTypes.URL_ENCODED,p=(0,Samples_1.useExampleKey)(r.operation,i).exampleKey,_=i[p];return React.createElement(React.Fragment,null,o.length&&1!==o.length&&React.createElement(Samples_1.ExampleSwitch,{examples:i,onChange:l,exampleKey:p,panel:"try-it"})||null,m?React.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:r,formApi:a,onChange:u.bind(_this)}):React.createElement(CodemirrorInput_1.default,{id:"body"+e.id,field:"body",initialValue:n(_),schema:((null===(t=null==e?void 0:e.resolvedBody)||void 0===t?void 0:t.content[r.name])||{}).schema,mode:r.name,validate:s}))})))}));exports.RequestBody=React.memo(RequestBodyComponent);
 //# sourceMappingURL=RequestBody.js.map

package/lib/components/console/RequestBodyForm.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getRequestBodyFormFields=exports.RequestBodyForm=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),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%;":""}));
+"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"),types_1=require("../../types"),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,n="object"==typeof a?JSON.stringify(a):a;void 0!==a&&r.setValue("body."+e.name,""+n)}))}),[n]);var d=l.schema||{};return(0,helper_1.isRootFileUpload)(d,l.name)?react_1.default.createElement(FileFormControlWrapper,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+l.name,name:"body."+l.name,accept:(0,helper_1.mimeTypeToAccept)(l.name),schema:d,contentName:l.name,onChange: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===types_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/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")),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"])));
+"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"),form_1=require("../common/form"),styled_1=require("./styled"),utils_2=require("./utils"),ServerVariable_1=(0,tslib_1.__importDefault)(require("./ServerVariable")),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/TryItPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { PanelComponentProps } from '../Panel';
+export declare function TryItPanel({ header, error, success, ...rest }: React.PropsWithChildren<{
+    header: string;
+    error?: boolean;
+    success?: boolean;
+} & PanelComponentProps>): JSX.Element;

package/lib/components/console/TryItPanel.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItPanel=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")),Panel_1=require("../Panel"),redoc_lib_1=require("../../redoc-lib"),PanelBody_1=require("../Panel/PanelBody");function TryItPanel(e){var r=e.header,n=e.error,t=e.success,l=(0,tslib_1.__rest)(e,["header","error","success"]);return react_1.default.createElement(StyledTryItPanel,(0,tslib_1.__assign)({},l,{header:function(e){var a=e.toggle,o=e.expanded;return react_1.default.createElement(Panel_1.Header,{onClick:a,isExpanded:o,"data-cy":l["data-cy"]},react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(Panel_1.Title,null,r),react_1.default.createElement(redoc_lib_1.ShelfIcon,{direction:o?"down":"right"})),n&&react_1.default.createElement(redoc_lib_1.CrossIcon,{size:"14px",color:"--color-error-500"})||null,t&&react_1.default.createElement(redoc_lib_1.LockIcon,{size:"14px",color:"--color-success-500"})||null)}}))}exports.TryItPanel=TryItPanel;var templateObject_1,StyledTryItPanel=(0,styled_components_1.default)(Panel_1.Panel)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"],["\n  "," {\n    color: white;\n    border: 1px solid ",";\n    padding: 10px;\n  }\n\n  "," path {\n    fill: white;\n  }\n\n  "," {\n    padding: 15px 10px;\n    background-color: #3e4c59;\n    border: 1px solid ",";\n    border-top: 0;\n  }\n"])),Panel_1.Header,(function(e){return e.error?"#ff908b":"#89949f"}),redoc_lib_1.ShelfIcon,PanelBody_1.PanelBody,(function(e){return e.error?"#ff908b":"#89949f"}));
+//# sourceMappingURL=TryItPanel.js.map

package/lib/components/console/codemirror-helpers.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib"),CodeMirror=(0,tslib_1.__importStar)(require("codemirror")),vscode_json_languageservice_1=require("@redocly/vscode-json-languageservice"),vscode_json_languageservice_2=require("@redocly/vscode-json-languageservice");require("codemirror/mode/javascript/javascript"),require("codemirror/addon/edit/matchbrackets"),require("codemirror/addon/lint/lint"),require("codemirror/addon/hint/show-hint"),require("codemirror/addon/edit/closebrackets"),require("codemirror/addon/search/searchcursor"),require("codemirror/lib/codemirror.css"),require("codemirror/theme/material.css"),require("codemirror/addon/lint/lint.css"),require("codemirror/addon/hint/show-hint.css");var serv=(0,vscode_json_languageservice_2.getLanguageService)({});CodeMirror.registerHelper("lint","json",(function(e,r){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var t,i,o,n,s;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:return t=r.schema,i=r.setError,serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]}),o=vscode_json_languageservice_1.TextDocument.create(r.id+".json","json",0,e),n=serv.parseJSONDocument(o),[4,serv.doValidation(o,n)];case 1:return(s=a.sent()).length?i&&i(s[0].message):i&&i(void 0),[2,s.map((function(e){return{from:CodeMirror.Pos(e.range.start.line,e.range.start.character),to:CodeMirror.Pos(e.range.end.line,e.range.end.character),message:e.message}}))]}}))}))})),CodeMirror.registerHelper("hint","json",(function(e,r){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var t,i,o,n,s,a,c,d;return(0,tslib_1.__generator)(this,(function(l){switch(l.label){case 0:return(t=r.schema)?(serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]}),i=e.getDoc().getCursor(),o=e.getTokenAt(i),n=vscode_json_languageservice_1.TextDocument.create(r.id+".json","json",0,e.getValue()),s=serv.parseJSONDocument(n),[4,serv.doComplete(n,{line:i.line,character:i.ch},s)]):[2];case 1:return a=l.sent(),c=function(e){for(var r="";e--;)r+=" ";return r},d=a?a.items.map((function(e){return{text:e.insertText,displayText:e.label,filter:e.filterText||e.label,from:{line:e.textEdit.range.start.line,ch:e.textEdit.range.start.character},to:{line:e.textEdit.range.end.line,ch:e.textEdit.range.end.character},hint:function(e,r,t){var i="_$__REDOC_CURSOR_HERE",o=t.text.replace(/(\$1|\${1:[^}]+})/,i)||"";if(o=o.replace(/(\$\d+|\${[^}]+})/g,"")||"",e.setSelection(t.from,t.to),o.indexOf("\n")>-1){var n=e.getLine(e.getCursor().line).search(/(\S|$)/);o=o.replace(/\n/g,"\n"+c(n))}e.replaceSelection(o);var s=e.getSearchCursor(i,t.from);s.findNext()&&(e.setCursor(s.from()),s.replace(""))}}})):[],/(property|string)/.test(o.type||"")&&(d=d.filter((function(e){return e.filter.replace(/(^"|"$)/g,"").startsWith(o.string.replace(/(^"|"$)/g,""))}))),[2,{from:CodeMirror.Pos(i.line,o.start),to:CodeMirror.Pos(i.line,i.ch),list:d}]}}))}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib"),CodeMirror=(0,tslib_1.__importStar)(require("codemirror")),vscode_json_languageservice_1=require("@redocly/vscode-json-languageservice");require("codemirror/mode/javascript/javascript"),require("codemirror/addon/edit/matchbrackets"),require("codemirror/addon/lint/lint"),require("codemirror/addon/hint/show-hint"),require("codemirror/addon/edit/closebrackets"),require("codemirror/addon/search/searchcursor"),require("codemirror/lib/codemirror.css"),require("codemirror/theme/material.css"),require("codemirror/addon/lint/lint.css"),require("codemirror/addon/hint/show-hint.css");var serv=(0,vscode_json_languageservice_1.getLanguageService)({});CodeMirror.registerHelper("lint","json",(function(e,r){return(0,tslib_1.__awaiter)(this,void 0,void 0,(function(){var t,i,o,n,s;return(0,tslib_1.__generator)(this,(function(a){switch(a.label){case 0:return t=r.schema,i=r.setError,serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]}),o=vscode_json_languageservice_1.TextDocument.create(r.id+".json","json",0,e),n=serv.parseJSONDocument(o),[4,serv.doValidation(o,n)];case 1:return(s=a.sent()).length?i&&i(s[0].message):i&&i(void 0),[2,s.map((function(e){return{from:CodeMirror.Pos(e.range.start.line,e.range.start.character),to:CodeMirror.Pos(e.range.end.line,e.range.end.character),message:e.message}}))]}}))}))})),CodeMirror.registerHelper("hint","json",(function(e,r){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var t,i,o,n,s,a,c,d;return(0,tslib_1.__generator)(this,(function(l){switch(l.label){case 0:return(t=r.schema)?(serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]}),i=e.getDoc().getCursor(),o=e.getTokenAt(i),n=vscode_json_languageservice_1.TextDocument.create(r.id+".json","json",0,e.getValue()),s=serv.parseJSONDocument(n),[4,serv.doComplete(n,{line:i.line,character:i.ch},s)]):[2];case 1:return a=l.sent(),c=function(e){for(var r="";e--;)r+=" ";return r},d=a?a.items.map((function(e){return{text:e.insertText,displayText:e.label,filter:e.filterText||e.label,from:{line:e.textEdit.range.start.line,ch:e.textEdit.range.start.character},to:{line:e.textEdit.range.end.line,ch:e.textEdit.range.end.character},hint:function(e,r,t){var i="_$__REDOC_CURSOR_HERE",o=t.text.replace(/(\$1|\${1:[^}]+})/,i)||"";if(o=o.replace(/(\$\d+|\${[^}]+})/g,"")||"",e.setSelection(t.from,t.to),o.indexOf("\n")>-1){var n=e.getLine(e.getCursor().line).search(/(\S|$)/);o=o.replace(/\n/g,"\n"+c(n))}e.replaceSelection(o);var s=e.getSearchCursor(i,t.from);s.findNext()&&(e.setCursor(s.from()),s.replace(""))}}})):[],/(property|string)/.test(o.type||"")&&(d=d.filter((function(e){return e.filter.replace(/(^"|"$)/g,"").startsWith(o.string.replace(/(^"|"$)/g,""))}))),[2,{from:CodeMirror.Pos(i.line,o.start),to:CodeMirror.Pos(i.line,i.ch),list:d}]}}))}))}));
 //# sourceMappingURL=codemirror-helpers.js.map

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { DropdownOption } from '../common/Dropdown';
+import type { DropdownProps } from '../common/Dropdown';
 export declare const blink: import("styled-components").Keyframes;
 export declare const ConsoleWrap: import("styled-components").StyledComponent<"div", any, {
     scrollYOffset?: (() => number) | undefined;
@@ -9,10 +9,10 @@ export declare const ConsoleWrap: import("styled-components").StyledComponent<"d
 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 & {
+export declare const TryItDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
     dense?: boolean | undefined;
     fullWidth?: boolean | undefined;
     variant?: "dark" | "light" | undefined;
-} & DropdownOption, never>;
+}, 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

@@ -1,2 +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"])));
+"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")),theme_1=require("@redocly/theme"),Dropdown_1=require("../common/Dropdown"),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,5 @@
-import type { FieldModel, OpenAPIServer, SecurityScheme, Server, ServerVariables } from '../../redoc-lib';
+import type { FieldModel, OpenAPIServer, SecurityScheme, Server, ServerVariables, OperationModel } from '../../redoc-lib';
+import type { RedocProNormalizedOptions } from '../../services';
 export declare function normalizeUrlProtocol(url: string): string;
 export declare function updateStorage(state: GenericObject): void;
 export declare const getParameters: (parameters: FieldModel[], type: string) => GenericObject;
@@ -10,5 +11,6 @@ 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 const makeRequestInterceptor: ({ requestInterceptor, sendXUserAgentInTryIt, disableTryItRequestUrlEncoding, }: Pick<RedocProNormalizedOptions, 'requestInterceptor' | 'sendXUserAgentInTryIt' | 'disableTryItRequestUrlEncoding'>, operation: OperationModel, securitySchemaAuth?: string | undefined) => (req: Request) => void | Request;
 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.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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fromCookie=exports.requiredValidator=exports.makeRequestInterceptor=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 o=0,s=Object.keys(e.values[i]);o<s.length;o++){var n=s[o];(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],o=i[0],s=i[1];if("content-disposition"===o.toLowerCase()){var n=s.split(";").find((function(e){return e.trim().startsWith(r)}));if(n)return n.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;var makeRequestInterceptor=function(e,r,t){var a=e.requestInterceptor,i=e.sendXUserAgentInTryIt,o=e.disableTryItRequestUrlEncoding;return function(e){var s,n,l,u;o&&(e=(0,tslib_1.__assign)((0,tslib_1.__assign)({},e),{url:decodeURIComponent(e.url)})),i&&(e.headers["X-User-Agent"]="Redocly Try it API console");var d=(null===(n=null===(s=null==r?void 0:r.requestValues)||void 0===s?void 0:s.header)||void 0===n?void 0:n.authorization)||(null===(u=null===(l=null==r?void 0:r.requestValues)||void 0===l?void 0:l.header)||void 0===u?void 0:u.Authorization);return!t&&d&&(e.headers.Authorization=d),a?a(e,r):e}};function requiredValidator(e){if(!e)return"Field is required"}exports.makeRequestInterceptor=makeRequestInterceptor,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/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_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"])));
+"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,this.props.children&&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/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 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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocResponse=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),services_1=require("../../redoc-lib/src/services"),styled_components_1=require("./styled.components"),RedocResponse=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.store,r=e.pointer,o=e.hideSamples,n=new services_1.OperationModel(t.definition.parser,{pointer:r,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,t.options,!1),s=new redoc_lib_1.ResponseModel({parser:t.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:r},options:t.options,operation:n});s.description=s.summary;var 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

package/lib/components/types.d.ts

@@ -1,6 +1,6 @@
+import type * as React from 'react';
 import type { MediaQueries, RedocNormalizedOptions } from '../redoc-lib';
 import type { ProStore } from '../services';
-import type * as React from 'react';
 export interface ResolvedTheme {
     mediaQueries: Omit<MediaQueries, 'print'>;
     showAtBreakpoint: {

package/lib/models/file-upload.d.ts

@@ -8,9 +8,4 @@ export declare enum FileUploadFormats {
     BASE64 = "base64",
     BINARY = "binary"
 }
-export declare enum MediaTypes {
-    OCTET_STREAM = "application/octet-stream",
-    MULTIPART = "multipart/form-data",
-    URL_ENCODED = "application/x-www-form-urlencoded"
-}
 export declare type UploadFileType = File | File[] | string | string[];

package/lib/models/file-upload.js

@@ -1,2 +1,2 @@
-"use strict";var DefinitionTypes,FileUploadFormats,MediaTypes;Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypes=exports.FileUploadFormats=exports.DefinitionTypes=void 0,function(e){e.STRING="string",e.ARRAY="array",e.OBJECT="object"}(DefinitionTypes=exports.DefinitionTypes||(exports.DefinitionTypes={})),function(e){e.BYTE="byte",e.BASE64="base64",e.BINARY="binary"}(FileUploadFormats=exports.FileUploadFormats||(exports.FileUploadFormats={})),function(e){e.OCTET_STREAM="application/octet-stream",e.MULTIPART="multipart/form-data",e.URL_ENCODED="application/x-www-form-urlencoded"}(MediaTypes=exports.MediaTypes||(exports.MediaTypes={}));
+"use strict";var DefinitionTypes,FileUploadFormats;Object.defineProperty(exports,"__esModule",{value:!0}),exports.FileUploadFormats=exports.DefinitionTypes=void 0,function(e){e.STRING="string",e.ARRAY="array",e.OBJECT="object"}(DefinitionTypes=exports.DefinitionTypes||(exports.DefinitionTypes={})),function(e){e.BYTE="byte",e.BASE64="base64",e.BINARY="binary"}(FileUploadFormats=exports.FileUploadFormats||(exports.FileUploadFormats={}));
 //# sourceMappingURL=file-upload.js.map

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

@@ -1,2 +1,2 @@
-"use strict";function isStateValid(e,t){return Boolean(e)&&Boolean(t)&&e===t}Object.defineProperty(exports,"__esModule",{value:!0}),exports.isStateValid=exports.genericErrorMessage=void 0,exports.genericErrorMessage="Something went wrong, please, try again.",exports.isStateValid=isStateValid;
+"use strict";function normalizeState(e){return e?e.replace(/=+$/,""):e}function isStateValid(e,t){return Boolean(e)&&Boolean(t)&&normalizeState(e)===normalizeState(t)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.isStateValid=exports.genericErrorMessage=void 0,exports.genericErrorMessage="Something went wrong, please, try again.",exports.isStateValid=isStateValid;
 //# sourceMappingURL=helpers.js.map

package/lib/redoc-lib/src/common-elements/LinkToField.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLinkToField=exports.LinkToField=void 0;var templateObject_1,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),components_1=require("../components"),constants_1=require("../services/constants"),linkify_1=require("./linkify"),helpers_1=require("../../../services/history/helpers"),icons_1=require("./icons"),LinkToField=function(e){var n,i,t,o=react_1.default.useContext(components_1.StoreContext),l=react_1.default.useState(!1),r=l[0],s=l[1],a=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",c=(0,helpers_1.constructFieldDeepFragment)(e.field),u=o&&c?o.menu.history.generateDeepLink(c,a):null,d=o?((n={})[constants_1.SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=u&&u.split("#")[1]||void 0,n):null;return react_1.default.useEffect((function(){if(o&&d)return s(o.menu.history.currentId===d[constants_1.SECTION_ATTR]),o.menu.history.subscribe((function(e){s(e===d[constants_1.SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==d?void 0:d[constants_1.SECTION_ATTR]]),c&&o&&u?react_1.default.createElement("a",(0,tslib_1.__assign)({className:e.className+(r?" active":""),href:u,onClick:function(e){return function(e,n,i){n.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(n)||(n.preventDefault(),e.replaceForField(i))}(null==o?void 0:o.menu.history,e,u),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(u),!1}},d),react_1.default.createElement(icons_1.LinkIcon,null),e.children):react_1.default.createElement(react_1.default.Fragment,null,e.children||null)};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(exports.LinkToField)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"],["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"])),(0,linkify_1.linkifyMixin)("&","13px"),icons_1.LinkIcon,icons_1.LinkIcon,icons_1.LinkIcon);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ShareLinkToField=exports.LinkToField=void 0;var templateObject_1,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),components_1=require("../components"),constants_1=require("../services/constants"),helpers_1=require("../../../services/history/helpers"),linkify_1=require("./linkify"),icons_1=require("./icons"),LinkToField=function(e){var n,i,t,o=react_1.default.useContext(components_1.StoreContext),l=react_1.default.useState(!1),r=l[0],s=l[1],a=(null==o?void 0:o.menu.history.linkForId(null===(i=e.field.deps.operation)||void 0===i?void 0:i.id))||"",c=(0,helpers_1.constructFieldDeepFragment)(e.field),u=o&&c?o.menu.history.generateDeepLink(c,a):null,d=o?((n={})[constants_1.SECTION_ATTR]=(null===(t=e.field.deps.operation)||void 0===t?void 0:t.id)+o.options.deepLinkPrefix+c,n.id=u&&u.split("#")[1]||void 0,n):null;return react_1.default.useEffect((function(){if(o&&d)return s(o.menu.history.currentId===d[constants_1.SECTION_ATTR]),o.menu.history.subscribe((function(e){s(e===d[constants_1.SECTION_ATTR])}))}),[null==o?void 0:o.menu.history,null==d?void 0:d[constants_1.SECTION_ATTR]]),c&&o&&u?react_1.default.createElement("a",(0,tslib_1.__assign)({className:e.className+(r?" active":""),href:u,onClick:function(e){return function(e,n,i){n.defaultPrevented||(0,linkify_1.userIsForcingNavigation)(n)||(n.preventDefault(),e.replaceForField(i))}(null==o?void 0:o.menu.history,e,u),e.stopPropagation(),e.preventDefault(),o.options.onDeepLinkClick&&o.options.onDeepLinkClick(u),!1}},d),react_1.default.createElement(icons_1.LinkIcon,null),e.children):react_1.default.createElement(react_1.default.Fragment,null,e.children||null)};exports.LinkToField=LinkToField,exports.ShareLinkToField=(0,styled_components_1.default)(exports.LinkToField)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"],["\n  ","\n\n  & {\n    position: absolute;\n    padding-right: 4px;\n    transform: translateX(-90%);\n\n    .field-name:hover & ",", &:hover & "," {\n      visibility: visible;\n    }\n  }\n\n  &.active "," {\n    visibility: visible;\n  }\n"])),(0,linkify_1.linkifyMixin)("&","13px"),icons_1.LinkIcon,icons_1.LinkIcon,icons_1.LinkIcon);
 //# sourceMappingURL=LinkToField.js.map

package/lib/redoc-lib/src/common-elements/fields-layout.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=exports.PropertiesTableWrap=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=void 0;var tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),mixins_1=require("./mixins"),theme_helpers_1=require("../utils/theme-helpers"),utils_1=require("../utils");exports.PropertiesTableCaption=styled_components_1.default.caption(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"],["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,repeatingGradient=(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"],["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"])));exports.PropertyCell=styled_components_1.default.td(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"])),repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,(function(n){return n.theme.mediaQueries.small})),exports.PropertyCellWithInner=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 0;\n"],["\n  padding: 0;\n"]))),exports.PropertyNameCell=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ",";\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"],["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ",";\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"])),mixins_1.deprecatedCss,(function(n){return"field"!==n.kind?"font-style: italic":""}),(function(){var n=(0,utils_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(n)){var e="\n      && span:last-child {\n        white-space: normal;\n        word-break: "+n+";\n        vertical-align: top;\n        max-width: calc(100% - 21px);\n        display: inline-flex;\n      }\n    ";return(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n        ","\n        ","\n      "],["\n        ","\n        ","\n      "])),(0,theme_helpers_1.typography)("field-name"),e)}return(0,theme_helpers_1.typography)("field-name")})),exports.PropertyDetailsCell=styled_components_1.default.td(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"],["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.PropertyBullet=styled_components_1.default.span(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"],["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.InnerPropertiesWrap=styled_components_1.default.div(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  padding: var(--schema-nesting-spacing);\n"],["\n  padding: var(--schema-nesting-spacing);\n"]))),exports.PropertiesTableWrap=styled_components_1.default.div(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"],["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"]))),exports.PropertiesTable=styled_components_1.default.table(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"],["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"])),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=exports.PropertiesTableWrap=exports.InnerPropertiesWrap=exports.PropertyBullet=exports.PropertyDetailsCell=exports.PropertyNameCell=exports.PropertyCellWithInner=exports.PropertyCell=exports.PropertiesTableCaption=void 0;var tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("styled-components")),theme_helpers_1=require("../utils/theme-helpers"),utils_1=require("../utils"),mixins_1=require("./mixins");exports.PropertiesTableCaption=styled_components_1.default.caption(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"],["\n  text-align: right;\n  font-size: 0.9em;\n  font-weight: normal;\n  color: var(--color-content-secondary);\n"])));var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,repeatingGradient=(0,styled_components_1.css)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"],["\n  repeating-linear-gradient(0deg,\n  var(--schema-lines-color),\n  var(--schema-lines-color) 3px,\n  transparent 3px,\n  transparent 5px,\n  var(--schema-lines-color) 5px);\n"])));exports.PropertyCell=styled_components_1.default.td(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  background-image: ",";\n  background-repeat: no-repeat;\n  background-size: 1px 100%;\n  display: block;\n  overflow: hidden;\n  padding: 0 20px;\n  margin-bottom: 2px;\n\n  "," {\n    display: table-cell;\n    overflow: initial;\n    padding: 10px;\n    margin-bottom: 0;\n  }\n\n  tr:first-of-type > & {\n    background-image: ",";\n    background-position: 0 10px;\n    padding-top: 0;\n  }\n\n  tr.last > & {\n    background-image: ",";\n    padding-bottom: 0;\n    background-size: 0.9px 100%;\n\n    "," {\n      background-size: 0.9px 22px;\n    }\n  }\n\n  tr.last + tr > & {\n    background: none;\n  }\n\n  tr.last:first-child > & {\n    background-image: ",";\n    background-size: 0.9px 100%;\n    background-position: 0 20px;\n\n    "," {\n      background-size: 0.9px 22px;\n      background-position: 0 0;\n    }\n  }\n"])),repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,repeatingGradient,(function(n){return n.theme.mediaQueries.small}),repeatingGradient,(function(n){return n.theme.mediaQueries.small})),exports.PropertyCellWithInner=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 0;\n"],["\n  padding: 0;\n"]))),exports.PropertyNameCell=(0,styled_components_1.default)(exports.PropertyCell)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ","\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"],["\n  vertical-align: top;\n  line-height: 23px;\n  white-space: nowrap;\n  font-size: 14px;\n  font-family: var(--field-name-font-family);\n\n  &.deprecated {\n    ",";\n  }\n\n  ","\n\n  ",";\n\n  .field-name {\n    display: inline-flex;\n    align-items: center;\n  }\n"])),mixins_1.deprecatedCss,(function(n){return"patternProperties"===n.kind&&(0,styled_components_1.css)(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n      span.field-name {\n        white-space: break-spaces;\n        text-align: left;\n        display: inline-table;\n        line-height: 1.5;\n      }\n    "],["\n      span.field-name {\n        white-space: break-spaces;\n        text-align: left;\n        display: inline-table;\n        line-height: 1.5;\n      }\n    "])))}),(function(){var n=(0,utils_1.getCssVariable)("--schema-field-name-word-break");if(["break-all","break-word"].includes(n)){var e="\n      && span:last-child {\n        white-space: normal;\n        word-break: "+n+";\n        vertical-align: top;\n        max-width: calc(100% - 21px);\n        display: inline-flex;\n      }\n    ";return(0,styled_components_1.css)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n        ","\n        ","\n      "],["\n        ","\n        ","\n      "])),(0,theme_helpers_1.typography)("field-name"),e)}return(0,theme_helpers_1.typography)("field-name")})),exports.PropertyDetailsCell=styled_components_1.default.td(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"],["\n  box-sizing: border-box;\n  vertical-align: top;\n\n  tr.expanded & {\n    border-bottom: none;\n  }\n\n  tr.last > & {\n    border: none;\n    background-position: top left;\n    background-repeat: no-repeat;\n    background-size: 1px 100%;\n    padding-bottom: 0;\n\n    /* workaround for discriminator dropdown oveflowing scrolling container,\n    fixes the issue for the last item in the schema only */\n    & > div > div.dropdown > .dropdown-selector-content {\n      position: relative;\n    }\n  }\n\n  tr:first-of-type > & {\n    padding-top: 0;\n  }\n\n  border-bottom: none;\n  border-left: 1px solid var(--schema-lines-color);\n  padding: 0 20px;\n  width: var(--schema-default-details-width);\n  min-width: 200px;\n\n  "," {\n    border-bottom: 1px solid var(--global-border-color);\n    border-left: none;\n    padding: 10px 0;\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.PropertyBullet=styled_components_1.default.span(templateObject_9||(templateObject_9=(0,tslib_1.__makeTemplateObject)(["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"],["\n  margin-right: 10px;\n  color: var(--schema-lines-color);\n  font-family: var(--code-font-family);\n  width: var(--schema-default-details-width);\n  border-left: 1px dashed var(--schema-lines-color);\n  padding: 5px 10px;\n\n  "," {\n    border-left: none;\n    padding: 10px;\n  }\n\n  &::before {\n    content: '';\n    display: inline-block;\n    vertical-align: middle;\n    width: 10px;\n    height: 1px;\n    background: var(--schema-lines-color);\n  }\n"])),(function(n){return n.theme.mediaQueries.small})),exports.InnerPropertiesWrap=styled_components_1.default.div(templateObject_10||(templateObject_10=(0,tslib_1.__makeTemplateObject)(["\n  padding: var(--schema-nesting-spacing);\n"],["\n  padding: var(--schema-nesting-spacing);\n"]))),exports.PropertiesTableWrap=styled_components_1.default.div(templateObject_11||(templateObject_11=(0,tslib_1.__makeTemplateObject)(["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"],["\n  display: block;\n  overflow-x: auto;\n  padding: 5px; /* hack to show overflown anchor icons */\n  margin: -5px;\n"]))),exports.PropertiesTable=styled_components_1.default.table(templateObject_12||(templateObject_12=(0,tslib_1.__makeTemplateObject)(["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"],["\n  border-collapse: separate;\n  border-radius: var(--global-border-radius);\n  width: 100%;\n  font-size: var(--font-size-base);\n  display: block;\n\n  "," {\n    display: table;\n  }\n\n  > tr,\n  > tbody > tr {\n    display: block;\n    margin-bottom: 2px;\n    border-spacing: 0;\n\n    "," {\n      display: table-row;\n      margin-bottom: 0;\n      border-spacing: 0 2px;\n    }\n  }\n\n  > tr {\n    vertical-align: middle;\n  }\n\n  @media screen and (max-width: ",") and (-ms-high-contrast: none) {\n    td {\n      float: left;\n      width: 100%;\n    }\n  }\n\n  &\n    ",",\n    &\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    "," {\n    margin-left: var(--schema-nesting-spacing);\n    margin-bottom: var(--schema-nesting-spacing);\n    background: var(--schema-nested-background-color);\n    border-radius: var(--panels-border-radius);\n  }\n\n  &\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ",",\n    &\n    ","\n    ","\n    ","\n    ","\n    ","\n    "," {\n    background: var(--panels-background-color, #fff);\n  }\n"])),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),(function(n){return n.theme.mediaQueries.small}),exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap,exports.InnerPropertiesWrap);
 //# sourceMappingURL=fields-layout.js.map

package/lib/redoc-lib/src/common-elements/fields.d.ts

@@ -7,7 +7,9 @@ export declare const TypeName: import("styled-components").StyledComponent<"span
 export declare const TypeTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const TypeFormat: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const RequiredLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PropertyLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const AccessModeLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;