@redocly/reference-docs 2.43.4 → 2.43.6

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

@@ -1,2 +1,50 @@
-import{__extends,__makeTemplateObject}from"tslib";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{PureComponent}from"react";import{asField}from"informed";import{Controlled as CodeMirror}from"react-codemirror2-react-17";import{createGlobalStyle}from"../../redoc-lib";import"./codemirror-helpers";import{MediaTypes}from"../../types";var templateObject_1,CodeMirrorStyles=createGlobalStyle(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: ",";\n  }\n"],["\n  .cm-s-material.CodeMirror {\n    background-color: ","!important;\n    color: ","!important;\n    font-family: ",";\n    line-height: 18px;\n    padding: 10px;\n  }\n\n  .CodeMirror-lint-mark-error {\n    background-size: 4px;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;\n  }\n\n  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {\n    background: rgba(255, 255, 255, 0.3) !important;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string.cm-property {\n    color: #9EFAA7;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-string {\n    color: #FEE39E;\n  }\n\n  .cm-s-material .CodeMirror-code .cm-atom {\n    color: ",";\n  }\n\n  div .cm-s-material .CodeMirror-matchingbracket {\n    outline: 1px solid grey;\n    text-decoration: none;\n  }\n\n  .react-codemirror2 {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    overflow: hidden;\n\n    flex: 1;\n  }\n\n  .CodeMirror {\n    flex: 1;\n    border-radius: ",";\n  }\n"])),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.typography.code.fontFamily}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.components.panels.borderRadius})),CodemirrorInput=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(r,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:function(e,o){/^[a-zA-Z0-9_":]$/.test(o.key)&&r.editor.execCommand("autocomplete")}}),Object.defineProperty(r,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.editor=e,e.on("keyup",r._onKeyUp)}}),Object.defineProperty(r,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.editor.refresh()}}),Object.defineProperty(r,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.editor.showHint({completeSingle:!0})}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;setTimeout((function(){e.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){document.removeEventListener("click",this.refreshEditor)}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.fieldState.value,r=this.props.fieldApi,o=r.setValue,n=r.setTouched,t=r.setError,i=this.props,a=i.onChange,l=i.onBlur,c=i.forwardedRef;return _jsxs(_Fragment,{children:[_jsx(CodeMirrorStyles,{},void 0),_jsx(CodeMirror,{editorDidMount:this.initEditor,value:e||"",ref:c,onBeforeChange:function(e,r,n){o(n),a&&a(n)},onBlur:function(e){n(!1),l&&l(e)},options:{mode:this.props.mode||MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:t}}},void 0)]},void 0)}}),r}(PureComponent);export{CodemirrorInput};export default asField(CodemirrorInput);
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{PureComponent}from"react";import{asField}from"informed";import{Controlled as CodeMirror}from"react-codemirror2-react-17";import{createGlobalStyle}from"../../redoc-lib";import"./codemirror-helpers";import{MediaTypes}from"../../types";const CodeMirrorStyles=createGlobalStyle`
+  .cm-s-material.CodeMirror {
+    background-color: ${({theme:e})=>e.rightPanel.panelControlsBackgroundColor}!important;
+    color: ${({theme:e})=>e.colors.text.light}!important;
+    font-family: ${({theme:e})=>e.typography.code.fontFamily};
+    line-height: 18px;
+    padding: 10px;
+  }
+
+  .CodeMirror-lint-mark-error {
+    background-size: 4px;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;
+  }
+
+  .cm-s-material.CodeMirror-focused div.CodeMirror-selected {
+    background: rgba(255, 255, 255, 0.3) !important;
+  }
+
+  .cm-s-material .CodeMirror-code .cm-string.cm-property {
+    color: #9EFAA7;
+  }
+
+  .cm-s-material .CodeMirror-code .cm-string {
+    color: #FEE39E;
+  }
+
+  .cm-s-material .CodeMirror-code .cm-atom {
+    color: ${({theme:e})=>e.colors.text.light};
+  }
+
+  div .cm-s-material .CodeMirror-matchingbracket {
+    outline: 1px solid grey;
+    text-decoration: none;
+  }
+
+  .react-codemirror2 {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    overflow: hidden;
+
+    flex: 1;
+  }
+
+  .CodeMirror {
+    flex: 1;
+    border-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  }
+`;export class CodemirrorInput extends PureComponent{constructor(){super(...arguments),Object.defineProperty(this,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:(e,r)=>{/^[a-zA-Z0-9_":]$/.test(r.key)&&this.editor.execCommand("autocomplete")}}),Object.defineProperty(this,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.editor=e,e.on("keyup",this._onKeyUp)}}),Object.defineProperty(this,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.editor.refresh()}}),Object.defineProperty(this,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:()=>this.editor.showHint({completeSingle:!0})})}componentDidMount(){setTimeout((()=>{this.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}componentWillUnmount(){document.removeEventListener("click",this.refreshEditor)}render(){const{value:e}=this.props.fieldState,{setValue:r,setTouched:o,setError:t}=this.props.fieldApi,{onChange:i,onBlur:a,forwardedRef:s}=this.props;return _jsxs(_Fragment,{children:[_jsx(CodeMirrorStyles,{},void 0),_jsx(CodeMirror,{editorDidMount:this.initEditor,value:e||"",ref:s,onBeforeChange:(e,o,t)=>{r(t),i&&i(t)},onBlur:e=>{o(!1),a&&a(e)},options:{mode:this.props.mode||MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:t}}},void 0)]},void 0)}}export default asField(CodemirrorInput);
 //# sourceMappingURL=CodemirrorInput.js.map

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

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

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

@@ -1,2 +1,42 @@
-import{__assign,__extends,__makeTemplateObject}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{darken,transparentize}from"polished";import{styled}from"../../redoc-lib";var templateObject_1,templateObject_2,BadgesWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"],["\n  display: flex;\n  font-size: 12px;\n  button {\n    margin: 0;\n  }\n"]))),Badge=styled.button(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  outline: none;\n  border: none;\n  background-color: ",";\n  text-align: center;\n  cursor: pointer;\n  color: ",";\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: ",";\n  font-size: 12px;\n\n  padding: 0 10px;\n\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-top-left-radius: ",";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: ",";\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: 0;\n  }\n\n  ","\n\n  ","\n"],["\n  outline: none;\n  border: none;\n  background-color: ",";\n  text-align: center;\n  cursor: pointer;\n  color: ",";\n  min-width: 80px;\n  min-height: 30px;\n  border-radius: ",";\n  font-size: 12px;\n\n  padding: 0 10px;\n\n  border-top: 4px solid transparent;\n  border-bottom: 4px solid transparent;\n\n  &:first-child {\n    border-top-left-radius: ",";\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: ",";\n  }\n\n  &:last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: ",";\n    border-bottom-right-radius: ",";\n    border-bottom-left-radius: 0;\n  }\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.rightPanel.panelBackgroundColor}),(function(n){return n.theme.colors.text.light}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.theme.shape.borderRadius}),(function(n){var e=n.active,r=n.theme;return e&&"\n    border-bottom: 4px solid "+r.colors.accent.main+";\n    background-color: "+darken(.05,r.rightPanel.panelBackgroundColor)+";\n  "||""}),(function(n){var e=n.disabled,r=n.theme;return e&&"\n    cursor: default;\n    color:  "+transparentize(.3,r.colors.text.light)+";\n  "||""})),ConsoleBadges=function(n){function e(){return null!==n&&n.apply(this,arguments)||this}return __extends(e,n),Object.defineProperty(e.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var n=this.props,e=n.onChange,r=n.active,t=n.hasResponse;return _jsxs(BadgesWrap,{children:[_jsx(Badge,__assign({onClick:function(){return e(0)},active:0===r},{children:t?"Edit Request":"Request"}),void 0),_jsxs(Badge,__assign({onClick:function(){return t&&e(1)},active:1===r,disabled:!t},{children:[" ","Response"," "]}),void 0)]},void 0)}}),e}(Component);export{ConsoleBadges};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{darken,transparentize}from"polished";import{styled}from"../../redoc-lib";const BadgesWrap=styled.div`
+  display: flex;
+  font-size: 12px;
+  button {
+    margin: 0;
+  }
+`,Badge=styled.button`
+  outline: none;
+  border: none;
+  background-color: ${({theme:e})=>e.rightPanel.panelBackgroundColor};
+  text-align: center;
+  cursor: pointer;
+  color: ${({theme:e})=>e.colors.text.light};
+  min-width: 80px;
+  min-height: 30px;
+  border-radius: ${({theme:e})=>e.shape.borderRadius};
+  font-size: 12px;
+
+  padding: 0 10px;
+
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+
+  &:first-child {
+    border-top-left-radius: ${({theme:e})=>e.shape.borderRadius};
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: ${({theme:e})=>e.shape.borderRadius};
+  }
+
+  &:last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: ${({theme:e})=>e.shape.borderRadius};
+    border-bottom-right-radius: ${({theme:e})=>e.shape.borderRadius};
+    border-bottom-left-radius: 0;
+  }
+
+  ${({active:e,theme:r})=>e&&`\n    border-bottom: 4px solid ${r.colors.accent.main};\n    background-color: ${darken(.05,r.rightPanel.panelBackgroundColor)};\n  `||""}
+
+  ${({disabled:e,theme:r})=>e&&`\n    cursor: default;\n    color:  ${transparentize(.3,r.colors.text.light)};\n  `||""}
+`;export class ConsoleBadges extends Component{render(){const{onChange:e,active:r,hasResponse:o}=this.props;return _jsxs(BadgesWrap,{children:[_jsx(Badge,Object.assign({onClick:()=>e(0),active:0===r},{children:o?"Edit Request":"Request"}),void 0),_jsxs(Badge,Object.assign({onClick:()=>o&&e(1),active:1===r,disabled:!o},{children:[" ","Response"," "]}),void 0)]},void 0)}}
 //# sourceMappingURL=ConsoleBadges.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,5 @@
-import{__makeTemplateObject}from"tslib";import styled from"../../redoc-lib/src/styled-components";import{MimeLabel}from"../shared";export var RequestMimeLabel=styled(MimeLabel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  border-radius: ",";\n  margin-bottom: 10px;\n"],["\n  border-radius: ",";\n  margin-bottom: 10px;\n"])),(function(e){return e.theme.components.panels.borderRadius}));var templateObject_1;
+import styled from"../../redoc-lib/src/styled-components";import{MimeLabel}from"../shared";export const RequestMimeLabel=styled(MimeLabel)`
+  border-radius: ${({theme:e})=>e.components.panels.borderRadius};
+  margin-bottom: 10px;
+`;
 //# sourceMappingURL=RequestMimeLabel.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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