@redocly/reference-docs 2.43.4 → 2.43.6

package/lib-browser/components/console/AuthPanel.d.ts

@@ -0,0 +1,27 @@
+import { Component } from 'react';
+import type { FormApi, FormState } from 'informed';
+import type { OperationModel } from '../../redoc-lib';
+import type { SecurityDetails } from '../../types';
+import type { DropdownOption } from '../common/Dropdown';
+export declare function requiredValidator(value: unknown): string | undefined;
+export interface AuthPanelProps {
+    operation: OperationModel;
+    form: FormState;
+    formApi: FormApi;
+    activeServer: string;
+    authCorsProxyUrl: Maybe<string>;
+    securityDefaults?: Record<string, SecurityDetails | string>;
+}
+export interface AuthPanelState {
+    activeScheme: number;
+}
+export declare class AuthPanel extends Component<AuthPanelProps, AuthPanelState> {
+    static getDerivedStateFromProps(props: AuthPanelProps): AuthPanelState;
+    state: {
+        activeScheme: number;
+    };
+    handleSchemeChange: (option: DropdownOption & {
+        idx: number;
+    }) => void;
+    render(): JSX.Element | null;
+}

package/lib-browser/components/console/AuthPanel.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Component,Fragment}from"react";import{fromSessionStorage,getSecurityDetailsOptions,toSessionStorage,escapeFormId}from"../../utils";import{FormDropdown,FormTextField}from"../common/TextField";import{FormControl,FormLabel,FormWrapper}from"../common/form";import{l}from"../../redoc-lib/src/services/Labels";import{Dropdown}from"../common/Dropdown";import{OpenIDConnect,Error}from"./OpenIDConnect";import{OAuth2Flow}from"./OAuth2Flow";import OAuth2TokenInput from"./OAuth2TokenInput";export function requiredValidator(e){if(!e)return"Field is required"}const getCookie=function(e){const o=document.cookie.match("\\b"+e+"=([^;]*)\\b");return o?o[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name)}export class AuthPanel extends Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeScheme:0}}),Object.defineProperty(this,"handleSchemeChange",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.setState({activeScheme:e.idx}),toSessionStorage("securityRequirementName",e.value)}})}static getDerivedStateFromProps(e){const o=e.operation.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),t=fromSessionStorage("securityRequirementName"),i=o.findIndex((e=>e===t));return{activeScheme:i<0?0:i}}render(){const{securityDefaults:e}=this.props,{activeScheme:o}=this.state,t=this.props.operation.security,i=t.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,o)=>({value:e,idx:o})));return 0===i.length?_jsx(Error,{message:"Cannot find security schema in the definition"},void 0):_jsxs(_Fragment,{children:[_jsxs(FormWrapper,{children:[i.length>1&&_jsxs(FormControl,{children:[_jsx(FormLabel,{children:" Security scheme: "},void 0),_jsx(Dropdown,{variant:"dark",fullWidth:!0,options:i,value:i[o].value,onChange:this.handleSchemeChange},void 0)]},void 0)||null,t[o].schemes.map((o=>{var t,i,r,s,a,n,d;const u=escapeFormId(o.id);if("apiKey"===o.type){const t=getSecurityDetailsOptions(u,""),i={field:`auth.${u}`,fullWidth:!0,initialValue:fromCookie(o)||fromSessionStorage(`auth.${u}`)||(null==e?void 0:e[u]),initValue:fromCookie(o)||fromSessionStorage(`auth.${u}`)||(null==e?void 0:e[u]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return _jsxs(FormControl,{children:[_jsxs(FormLabel,{children:[" ",o.name,": "]},void 0),t?_jsx(FormDropdown,Object.assign({},i,{options:t}),void 0):_jsx(FormTextField,Object.assign({},i,{type:"password","data-cy":"apiKey-auth-password"}),void 0)]},u)}if("http"===o.type){if("basic"===o.scheme){const o=getSecurityDetailsOptions(u,"username"),s={field:`auth.${u}.username`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${u}.username`)||(null===(t=null==e?void 0:e[u])||void 0===t?void 0:t.username),initValue:fromSessionStorage(`auth.${u}.username`)||(null===(i=null==e?void 0:e[u])||void 0===i?void 0:i.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return _jsxs(Fragment,{children:[_jsxs(FormControl,{children:[_jsxs(FormLabel,{children:[" ",l("tryItAuthBasicUsername"),": "]},void 0),o?_jsx(FormDropdown,Object.assign({},s,{options:o}),void 0):_jsx(FormTextField,Object.assign({},s),void 0)]},void 0),_jsxs(FormControl,{children:[_jsxs(FormLabel,{children:[" ",l("tryItAuthBasicPassword"),": "]},void 0),_jsx(FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:`auth.${u}.password`,initialValue:fromSessionStorage(`auth.${u}.password`)||(null===(r=null==e?void 0:e[u])||void 0===r?void 0:r.password)||"",validateOnBlur:!0,validateOnChange:!0},void 0)]},void 0)]},u)}if("bearer"===o.scheme){const o=getSecurityDetailsOptions(u,""),t={field:`auth.${u}`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${u}`)||(null==e?void 0:e[u]),initValue:fromSessionStorage(`auth.${u}`)||(null==e?void 0:e[u]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return _jsx(Fragment,{children:_jsxs(FormControl,{children:[_jsx(FormLabel,{children:" Bearer Token: "},void 0),o?_jsx(FormDropdown,Object.assign({},t,{options:o}),void 0):_jsx(FormTextField,Object.assign({},t,{type:"password",placeholder:"(without 'Bearer')"}),void 0)]},void 0)},u)}}else{if("oauth2"===o.type&&o.flows&&o.flows.clientCredentials)return _jsx(OAuth2TokenInput,{flow:o.flows.clientCredentials,server:this.props.activeServer,authCorsProxyUrl:this.props.authCorsProxyUrl,id:u,form:this.props.form,formApi:this.props.formApi,clientId:o.flows.clientCredentials["x-defaultClientId"]||o["x-defaultClientId"],defaultValues:null==e?void 0:e[u]},u);if("oauth2"===o.type&&o.flows&&o.flows.implicit)return _jsx(OAuth2Flow,{authorizationUrl:o.flows.implicit.authorizationUrl,authCorsProxyUrl:this.props.authCorsProxyUrl,scopes:Object.keys((null===(a=null===(s=null==o?void 0:o.flows)||void 0===s?void 0:s.implicit)||void 0===a?void 0:a.scopes)||{}),server:this.props.activeServer,id:u,form:this.props.form,formApi:this.props.formApi,clientId:o.flows.implicit["x-defaultClientId"]||o["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[u]},u);if("oauth2"===o.type&&o.flows&&o.flows.authorizationCode)return _jsx(OAuth2Flow,{authorizationUrl:o.flows.authorizationCode.authorizationUrl,tokenUrl:o.flows.authorizationCode.tokenUrl,authCorsProxyUrl:this.props.authCorsProxyUrl,scopes:Object.keys((null===(n=o.flows.authorizationCode)||void 0===n?void 0:n.scopes)||{}),server:this.props.activeServer,id:u,form:this.props.form,formApi:this.props.formApi,clientId:o.flows.authorizationCode["x-defaultClientId"]||o["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:o.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:o.flows.authorizationCode["x-usePkce"],defaultValues:null==e?void 0:e[u]},u);if("oauth2"===o.type){let o=fromSessionStorage(`auth.${u}.token`)||JSON.stringify(null===(d=null==e?void 0:e[u])||void 0===d?void 0:d.token);return o=o?JSON.parse(o):{},_jsxs(Fragment,{children:[_jsxs(FormControl,{children:[_jsx(FormLabel,{children:" Access Token Type: "},void 0),_jsx(FormTextField,{fullWidth:!0,field:`auth.${u}.token.token_type`,initialValue:o.token_type||"Bearer"},void 0)]},void 0),_jsxs(FormControl,{children:[_jsx(FormLabel,{children:" Access Token: "},void 0),_jsx(FormTextField,{type:"password",fullWidth:!0,field:`auth.${u}.token.access_token`,validate:requiredValidator,initialValue:o.access_token,validateOnBlur:!0,validateOnChange:!0},void 0)]},void 0)]},u)}if("openIdConnect"===o.type)return _jsx(OpenIDConnect,{server:this.props.activeServer,authCorsProxyUrl:this.props.authCorsProxyUrl,id:u,form:this.props.form,formApi:this.props.formApi,scheme:o,clientId:o["x-defaultClientId"],defaultValues:null==e?void 0:e[u]},u)}}))]},void 0),_jsxs("small",{children:[_jsx("strong",{children:"Note"},void 0),": Your credentials will be saved until the end of the browser session"]},void 0)]},void 0)}}
+//# sourceMappingURL=AuthPanel.js.map

package/lib-browser/components/console/CodemirrorInput.d.ts

@@ -0,0 +1,39 @@
+import type { ComponentType, LegacyRef } from 'react';
+import { PureComponent } from 'react';
+import type { FieldApi, FieldState } from 'informed';
+import { Controlled as CodeMirror } from 'react-codemirror2-react-17';
+import type { Editor } from 'codemirror';
+import type { OpenAPISchema, Referenced } from '../../redoc-lib';
+import './codemirror-helpers';
+export interface CodemirrorInputBase {
+    forwardedRef?: LegacyRef<CodeMirror>;
+    mode?: string;
+    field: string;
+    initialValue: string;
+    validate: () => string | undefined;
+    schema?: Referenced<OpenAPISchema>;
+    id: string;
+    onChange?: (e: any) => void;
+    onBlur?: (e: any) => void;
+}
+export interface CodemirrorInputProps extends CodemirrorInputBase {
+    fieldApi: FieldApi;
+    fieldState: FieldState<string>;
+    render: any;
+    userProps: any;
+    ref: any;
+}
+export declare class CodemirrorInput extends PureComponent<CodemirrorInputProps> {
+    editor: Editor;
+    _onKeyUp: (_cm: CodeMirror.Doc, event: {
+        key: string;
+    }) => void;
+    initEditor: (editor: Editor) => void;
+    refreshEditor: () => void;
+    showHintHandler: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+declare const _default: ComponentType<CodemirrorInputBase>;
+export default _default;

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

@@ -0,0 +1,50 @@
+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-browser/components/console/Console.d.ts

@@ -0,0 +1,47 @@
+import type { FormApi, FormState } from 'informed';
+import { Component } from 'react';
+import type { SecurityDetails } from '../../types';
+import type { ProStore } from '../../services';
+import type { OperationModel, Server } from '../../redoc-lib';
+import type { OpenApiResponseData } from './ResponsePanel';
+export declare type RequestAndResponseType = {
+    request: Record<string, unknown>;
+    response: OpenApiResponseData;
+};
+export interface ConsoleProps {
+    store: ProStore;
+    operation: OperationModel;
+    className?: string;
+    rootElement?: HTMLElement | null;
+    onClose?: () => void;
+    properties?: any;
+    securityDefaults?: Record<string, SecurityDetails | string>;
+    onResponse?: (arg: RequestAndResponseType) => void;
+}
+export interface ConsoleState {
+    form: FormState<any>;
+    shaking: boolean;
+    loading: boolean;
+    activeTab: number;
+    error?: Error & {
+        response?: OpenApiResponseData;
+    };
+    resolvedRawSpec?: GenericObject;
+    response?: OpenApiResponseData;
+    time?: number;
+    server: Server;
+}
+export declare class Console extends Component<ConsoleProps, ConsoleState> {
+    formApi: FormApi | undefined;
+    constructor(props: ConsoleProps);
+    setFormApi: <FormValues extends Record<string, any>>(formApi: FormApi<FormValues>) => void;
+    handleValueChange: (values: ConsoleState['form']) => void;
+    handleTabChange: (idx: number) => void;
+    handleServerChange: (server: Server) => void;
+    handleExecute: () => Promise<void>;
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(prevProps: Readonly<ConsoleProps>): void;
+    render(): JSX.Element;
+    renderRequest(): JSX.Element;
+    renderResponse(): JSX.Element;
+}

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

@@ -0,0 +1,2 @@
+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-browser/components/console/ConsoleBadges.d.ts

@@ -0,0 +1,9 @@
+import { Component } from 'react';
+export interface ConsoleBadgesProps {
+    onChange: (activeBadge: number) => void;
+    active: number;
+    hasResponse: boolean;
+}
+export declare class ConsoleBadges extends Component<ConsoleBadgesProps> {
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,42 @@
+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-browser/components/console/ConsoleLazy.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ConsoleProps } from './Console';
+export declare function Console(props: ConsoleProps): JSX.Element;

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

@@ -0,0 +1,2 @@
+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-browser/components/console/OAuth2Flow.d.ts

@@ -0,0 +1,57 @@
+import type { FormApi, FormState } from 'informed';
+import type { ChangeEvent, Context } from 'react';
+import { Component } from 'react';
+import type { InputActionButtonProps } from '../common/TextField';
+import type { SecurityDetails } from '../../types';
+import type { RedocProNormalizedOptions } from '../../services';
+export interface OAuth2FlowProps {
+    authorizationUrl: string;
+    tokenUrl?: string;
+    usePkce?: {
+        disableManualConfiguration: boolean;
+        hideClientSecretInput: boolean;
+    };
+    authCorsProxyUrl: Maybe<string>;
+    scopes: string[];
+    server: string;
+    id: string;
+    form: FormState;
+    formApi: FormApi;
+    flow: 'implicit' | 'authorizationCode';
+    tokenEndpointAuthMethod?: string | string[];
+    clientId?: string;
+    defaultValues?: SecurityDetails;
+}
+interface OAuth2FlowState {
+    error: string | null;
+    loading: boolean;
+    showPkceOptions: boolean;
+    codeVerifier?: string;
+    codeChallenge?: string;
+    validCodeChallenge?: string;
+}
+export declare class OAuth2Flow extends Component<OAuth2FlowProps, OAuth2FlowState> {
+    static contextType: Context<RedocProNormalizedOptions>;
+    context: RedocProNormalizedOptions;
+    state: OAuth2FlowState;
+    get values(): {
+        client_id: string;
+        client_secret: string;
+        scopes: string[];
+        token: {
+            access_token: string;
+            token_type: string;
+        };
+    };
+    get errors(): GenericObject;
+    get pkceInputActionButtonProps(): InputActionButtonProps | undefined;
+    componentDidMount(): void;
+    handleAuthorize(_authorizationUrl: string): void;
+    handleLogout(): void;
+    handleCancel(): void;
+    clearToken: () => void;
+    togglePkceOptions: () => void;
+    handleCodeVerifierChange: ({ target: { value: codeVerifier }, }: ChangeEvent<HTMLInputElement>) => Promise<void>;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,14 @@
+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-browser/components/console/OAuth2TokenInput.d.ts

@@ -0,0 +1,35 @@
+import { Component } from 'react';
+import type { SecurityDetails } from '../../types';
+export interface OAuth2TokenInputProps {
+    flow: {
+        refreshUrl?: string;
+        'x-tokenEndpointAuthMethod'?: 'none' | 'client_secret_basic' | string;
+        scopes: Record<string, string>;
+        tokenUrl: string;
+    };
+    authCorsProxyUrl: Maybe<string>;
+    server: string;
+    id: string;
+    form: {
+        values: any;
+        errors: any;
+    };
+    formApi: any;
+    clientId?: string;
+    defaultValues?: SecurityDetails;
+}
+interface OAuth2TokenInputState {
+    error: string;
+    loading: boolean;
+    tokenMasked: boolean;
+}
+export declare class OAuth2TokenInput extends Component<OAuth2TokenInputProps, OAuth2TokenInputState> {
+    state: OAuth2TokenInputState;
+    get values(): GenericObject;
+    get errors(): GenericObject;
+    clearToken: () => void;
+    toggleTokenMask: () => void;
+    requestToken: () => Promise<void>;
+    render(): JSX.Element;
+}
+export default OAuth2TokenInput;

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

@@ -0,0 +1,2 @@
+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-browser/components/console/OpenIDConnect.d.ts

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

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

@@ -0,0 +1,2 @@
+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-browser/components/console/ParameterArray.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { FieldModel } from '../../redoc-lib';
+interface ParameterArrayProps {
+    name: string;
+    param: FieldModel;
+    place: string;
+    renderParameter: any;
+}
+export declare const ParameterArray: ({ name, param, place, renderParameter, }: ParameterArrayProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,28 @@
+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-browser/components/console/ParameterDropdown.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ParameterEnumDropdownProps {
+    initValue: string;
+    paramEnum: Array<string>;
+}
+export declare const ParameterEnumDropdown: import("react").ComponentType<import("informed").FieldProps<string, any> & ParameterEnumDropdownProps>;
+export {};

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

@@ -0,0 +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";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-browser/components/console/RequestBody/RequestBody.d.ts

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

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

@@ -0,0 +1,2 @@
+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-browser/components/console/RequestBody/index.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+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-browser/components/console/RequestMimeLabel.d.ts

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

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

@@ -0,0 +1,5 @@
+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-browser/components/console/ResponseBody.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { OpenApiResponseData } from './ResponsePanel';
+export declare function ResponseBody({ response }: {
+    response: OpenApiResponseData;
+}): JSX.Element;

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

@@ -0,0 +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({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-browser/components/console/ResponseHeadersList.d.ts

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

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

@@ -0,0 +1,10 @@
+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