@redocly/reference-docs 2.43.3 → 2.43.5

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

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

@@ -0,0 +1,23 @@
+import { PureComponent } from 'react';
+import type { FileInfo } from '../../redoc-lib/src/common-elements/Download';
+export interface OpenApiResponseData extends FileInfo {
+    body?: GenericObject;
+    data: string;
+    ok: boolean;
+    status: number;
+    statusText: string;
+    headers: Record<string, string>;
+    parseError?: Error;
+}
+export interface ResponsePanelProps {
+    response?: OpenApiResponseData;
+    error?: Error & {
+        response?: OpenApiResponseData;
+    };
+    time?: number;
+}
+export declare const ResponseHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const PanelStyledPre: import("styled-components").StyledComponent<"pre", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare class ResponsePanel extends PureComponent<ResponsePanelProps> {
+    render(): JSX.Element;
+}

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ScopeProps {
+    scopes?: string[];
+    id: string;
+}
+export default function Scope(props: ScopeProps): JSX.Element;
+export {};

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface ServerVariableProps {
+    onChange: (value: string) => void;
+    name: string;
+    value: string;
+    variableEnum?: string[];
+    description?: string;
+    defaultValue: string;
+}
+export default function ServerVariable({ name, value, description, variableEnum, onChange, defaultValue, }: ServerVariableProps): JSX.Element;
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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