@redocly/openapi-docs 3.0.0-alpha.10 → 3.0.0-alpha.12

package/lib-esm/components/index.d.ts

@@ -3,12 +3,33 @@ export * from './StoreProvider';
 export * from './RedoclyReferenceDocs';
 export * from './RedoclyReferenceDocsMultiStandalone';
 export * from './pluggable';
-export * from './console/ConsoleLazy';
+export * from './rightPanel/Console';
 export * from './ProProviders';
 export { ToggleRightPanelButton, ControlsWrap, ChangeViewButton, BackgroundStub, NextSectionButtonWrap, ApiContentWrap, BackgroundStubFix, } from './styled.elements';
-export { TextField } from './common/TextField';
-export { Checkbox } from './common/Checkbox';
-export { Dropdown } from './common/Dropdown';
-export { FormControl, FormLabel, FormError } from './common/form';
-export type { OpenApiResponseData } from './console/ResponsePanel';
-export type { DropdownProps, DropdownOption } from './common/Dropdown';
+export * from './common';
+export * from './ApiInfo';
+export { Operation as OperationItem } from './Operation';
+export { SectionItem } from './SectionItem';
+export { ContentItem } from './ContentItem';
+export { ContentItems } from './ContentItems';
+export { DiscriminatorDropdown } from './DiscriminatorDropdown';
+export * from './Schema/';
+export { Operation } from './Operation';
+export type { OperationProps } from './Operation';
+export * from './Loading/Loading';
+export * from './Markdown';
+export * from './SecuritySchemes/SecuritySchemes';
+export * from './Responses';
+export * from './ResponseSamples/ResponseSamples';
+export { PayloadSamples, ExampleValue, Example, DropdownWrapper } from './PayloadSamples';
+export * from './MediaTypeSwitch';
+export * from './Parameters';
+export * from './DropdownOrLabel';
+export * from './ErrorBoundary';
+export * from './SideMenu/';
+export * from './StickySidebar/StickyResponsiveSidebar';
+export * from './SchemaDefinition/SchemaDefinition';
+export * from './SourceCodeWithFile/SourceCodeWithFile';
+export * from './RequestSamples/RequestSamples';
+export { ShelfIcon, LockIcon, CrossIcon } from './icons';
+export type { IconProps } from './icons';

package/lib-esm/components/index.js

@@ -1,2 +1,2 @@
-export*from"./NextSectionButton";export*from"./StoreProvider";export*from"./RedoclyReferenceDocs";export*from"./RedoclyReferenceDocsMultiStandalone";export*from"./pluggable";export*from"./console/ConsoleLazy";export*from"./ProProviders";export{ToggleRightPanelButton,ControlsWrap,ChangeViewButton,BackgroundStub,NextSectionButtonWrap,ApiContentWrap,BackgroundStubFix}from"./styled.elements";export{TextField}from"./common/TextField";export{Checkbox}from"./common/Checkbox";export{Dropdown}from"./common/Dropdown";export{FormControl,FormLabel,FormError}from"./common/form";
+export*from"./NextSectionButton";export*from"./StoreProvider";export*from"./RedoclyReferenceDocs";export*from"./RedoclyReferenceDocsMultiStandalone";export*from"./pluggable";export*from"./rightPanel/Console";export*from"./ProProviders";export{ToggleRightPanelButton,ControlsWrap,ChangeViewButton,BackgroundStub,NextSectionButtonWrap,ApiContentWrap,BackgroundStubFix}from"./styled.elements";export*from"./common";export*from"./ApiInfo";export{Operation as OperationItem}from"./Operation";export{SectionItem}from"./SectionItem";export{ContentItem}from"./ContentItem";export{ContentItems}from"./ContentItems";export{DiscriminatorDropdown}from"./DiscriminatorDropdown";export*from"./Schema/";export{Operation}from"./Operation";export*from"./Loading/Loading";export*from"./Markdown";export*from"./SecuritySchemes/SecuritySchemes";export*from"./Responses";export*from"./ResponseSamples/ResponseSamples";export{PayloadSamples,ExampleValue,Example,DropdownWrapper}from"./PayloadSamples";export*from"./MediaTypeSwitch";export*from"./Parameters";export*from"./DropdownOrLabel";export*from"./ErrorBoundary";export*from"./SideMenu/";export*from"./StickySidebar/StickyResponsiveSidebar";export*from"./SchemaDefinition/SchemaDefinition";export*from"./SourceCodeWithFile/SourceCodeWithFile";export*from"./RequestSamples/RequestSamples";export{ShelfIcon,LockIcon,CrossIcon}from"./icons";
 //# sourceMappingURL=index.js.map

package/lib-esm/components/pluggable/PullRight.js

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{SamplesPanel,Markdown}from"../../redoc-lib";import{CodePanel}from"../Panel";const MarkdownCodeBlock=styled(Markdown)`
+import React from"react";import styled from"styled-components";import{SamplesPanel}from"../common/panels";import{CodePanel}from"../Panel";import{Markdown}from"../Markdown";const MarkdownCodeBlock=styled((o=>React.createElement(Markdown,Object.assign({},o))))`
   h1,
   h2,
   h3,

package/lib-esm/components/pluggable/RedocExample.d.ts

@@ -1,6 +1,5 @@
-import { Component } from 'react';
-import type { OpenAPIEncoding } from '../../redoc-lib';
-import type { ProStore } from '../../services/ProStore';
+import type { OpenAPIEncoding } from '../../types';
+import type { ProStore } from '../../services';
 interface RedocExampleProps {
     store: ProStore;
     pointer: string;
@@ -9,7 +8,5 @@ interface RedocExampleProps {
         [field: string]: OpenAPIEncoding;
     };
 }
-export declare class RedocExample extends Component<RedocExampleProps> {
-    render(): JSX.Element;
-}
+export declare const RedocExample: ({ store, pointer, mimeType, encoding, }: RedocExampleProps) => JSX.Element;
 export {};

package/lib-esm/components/pluggable/RedocExample.js

@@ -1,2 +1,2 @@
-import React,{Component}from"react";import{ExampleModel,Example,Row}from"../../redoc-lib";import{ExamplesWrap}from"./styled.components";export class RedocExample extends Component{render(){const{store:e,pointer:t,mimeType:o,encoding:m}=this.props,r=new ExampleModel(e.definition.parser,{$ref:t},o,m);return React.createElement(Row,{layout:e.layout},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:r,mimeType:o})))}}
+import React from"react";import{ExampleModel}from"../../models";import{Row}from"../common";import{ExamplesWrap}from"./styled.components";import{Example}from"../PayloadSamples";export const RedocExample=({store:e,pointer:m,mimeType:o,encoding:t})=>{const a=new ExampleModel(e.definition.parser,{$ref:m},o,t);return React.createElement(Row,{layout:e.layout},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:a,mimeType:o})))};
 //# sourceMappingURL=RedocExample.js.map

package/lib-esm/components/pluggable/RedocRequestBody.d.ts

@@ -1,11 +1,8 @@
-import { Component } from 'react';
 import type { ProStore } from '../../services';
 interface RedocRequestBodyProps {
     store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare class RedocRequestBody extends Component<RedocRequestBodyProps> {
-    render(): JSX.Element;
-}
+export declare const RedocRequestBody: ({ store, pointer, hideSamples, }: RedocRequestBodyProps) => JSX.Element;
 export {};

package/lib-esm/components/pluggable/RedocRequestBody.js

@@ -1,2 +1,2 @@
-import React,{Component}from"react";import{RequestBodyModel,PayloadSamples,Row,SamplesMiddlePanel,SamplesPanel,BodyContent,OperationModel}from"../../redoc-lib";import{SamplesWrap,FullWidthPanel}from"./styled.components";export class RedocRequestBody extends Component{render(){const{store:e,pointer:t,hideSamples:n}=this.props,o=new OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),a=new RequestBodyModel({parser:e.definition.parser,infoOrRef:{$ref:t},options:e.options,operation:o}),l=n?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:e.layout},React.createElement(l,null,a.content&&React.createElement(BodyContent,{content:a.content,description:a.description})),!n&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,a.content&&React.createElement(PayloadSamples,{content:a.content})))||React.createElement("span",null))}}
+import React from"react";import{RequestBodyModel,OperationModel}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{SamplesWrap,FullWidthPanel}from"./styled.components";import{PayloadSamples}from"../PayloadSamples";import{BodyContent}from"../Parameters";export const RedocRequestBody=({store:e,pointer:t,hideSamples:o})=>{const n=new OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),a=new RequestBodyModel({parser:e.definition.parser,infoOrRef:{$ref:t},options:e.options,operation:n}),r=o?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:e.layout},React.createElement(r,null,a.content&&React.createElement(BodyContent,{content:a.content,description:a.description})),!o&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,a.content&&React.createElement(PayloadSamples,{content:a.content})))||React.createElement("span",null))};
 //# sourceMappingURL=RedocRequestBody.js.map

package/lib-esm/components/pluggable/RedocResponse.d.ts

@@ -1,10 +1,7 @@
-import { Component } from 'react';
-import type { ProStore } from '../../services/ProStore';
+import type { ProStore } from '../../services';
 export interface RedocResponseProps {
     store: ProStore;
     pointer: string;
     hideSamples?: boolean;
 }
-export declare class RedocResponse extends Component<RedocResponseProps> {
-    render(): JSX.Element;
-}
+export declare const RedocResponse: ({ store, pointer, hideSamples }: RedocResponseProps) => JSX.Element;

package/lib-esm/components/pluggable/RedocResponse.js

@@ -1,2 +1,2 @@
-import React,{Component}from"react";import{ResponseModel,Row,SamplesMiddlePanel,ResponseDetails,SamplesPanel,PayloadSamples}from"../../redoc-lib";import{OperationModel}from"../../redoc-lib/src/services";import{FullWidthPanel,SamplesWrap}from"./styled.components";export class RedocResponse extends Component{render(){const{store:e,pointer:t,hideSamples:o}=this.props,a=new OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),n=new ResponseModel({parser:e.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:t},options:e.options,operation:a});n.description=n.summary;const r=o?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:e.layout},React.createElement(r,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:n})),!o&&n.content&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:n.content})))||React.createElement("span",null))}}
+import React from"react";import{ResponseModel,OperationModel}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{FullWidthPanel,SamplesWrap}from"./styled.components";import{ResponseDetails}from"../Responses";import{PayloadSamples}from"../PayloadSamples";export const RedocResponse=({store:e,pointer:t,hideSamples:o})=>{const a=new OperationModel(e.definition.parser,{pointer:t,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),n=new ResponseModel({parser:e.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:t},options:e.options,operation:a});n.description=n.summary;const l=o?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:e.layout},React.createElement(l,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:n})),!o&&n.content&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:n.content})))||React.createElement("span",null))};
 //# sourceMappingURL=RedocResponse.js.map

package/lib-esm/components/pluggable/RedocSchema.d.ts

@@ -1,12 +1,9 @@
-import { Component } from 'react';
-import type { OpenAPISchema } from '../../redoc-lib';
+import type { OpenAPISchema } from '../../types';
 import type { ProStore } from '../../services';
 interface RedocSchemaProps {
     store: ProStore;
     pointer?: string;
     schema?: OpenAPISchema;
 }
-export declare class RedocSchema extends Component<RedocSchemaProps> {
-    render(): JSX.Element;
-}
+export declare const RedocSchema: ({ store, pointer, schema }: RedocSchemaProps) => JSX.Element;
 export {};

package/lib-esm/components/pluggable/RedocSchema.js

@@ -1,2 +1,2 @@
-import React,{Component}from"react";import{Schema,SchemaModel,Row}from"../../redoc-lib";import{FullWidthPanel}from"./styled.components";export class RedocSchema extends Component{render(){const{store:e,pointer:t,schema:o}=this.props,n=o||{$ref:t},r=new SchemaModel(e.definition.parser,n,t||"",e.options);return React.createElement(Row,null,React.createElement(FullWidthPanel,null,React.createElement(Schema,{schema:r})))}}
+import React from"react";import{SchemaModel}from"../../models";import{Row}from"../common";import{FullWidthPanel}from"./styled.components";import{Schema}from"../Schema";export const RedocSchema=({store:e,pointer:o,schema:t})=>{const m=t||{$ref:o},r=new SchemaModel(e.definition.parser,m,o||"",e.options);return React.createElement(Row,null,React.createElement(FullWidthPanel,null,React.createElement(Schema,{schema:r})))};
 //# sourceMappingURL=RedocSchema.js.map

package/lib-esm/components/pluggable/index.d.ts

@@ -1,5 +1,5 @@
-export * from './PullRight';
-export * from './RedocResponse';
-export * from './RedocSchema';
-export * from './RedocExample';
-export * from './RedocRequestBody';
+export { PullRight } from './PullRight';
+export { RedocResponse } from './RedocResponse';
+export { RedocSchema } from './RedocSchema';
+export { RedocExample } from './RedocExample';
+export { RedocRequestBody } from './RedocRequestBody';

package/lib-esm/components/pluggable/index.js

@@ -1,2 +1,2 @@
-export*from"./PullRight";export*from"./RedocResponse";export*from"./RedocSchema";export*from"./RedocExample";export*from"./RedocRequestBody";
+export{PullRight}from"./PullRight";export{RedocResponse}from"./RedocResponse";export{RedocSchema}from"./RedocSchema";export{RedocExample}from"./RedocExample";export{RedocRequestBody}from"./RedocRequestBody";
 //# sourceMappingURL=index.js.map

package/lib-esm/components/pluggable/styled.components.js

@@ -1,4 +1,4 @@
-import styled from"styled-components";import{SamplesMiddlePanel}from"../../redoc-lib";export const SamplesWrap=styled.div`
+import styled from"styled-components";import{SamplesMiddlePanel}from"../common/panels";export const SamplesWrap=styled.div`
   padding: calc(var(--spacing-unit) * 4);
   border-radius: var(--panel-border-radius);
   background-color: var(--panel-samples-background-color);

package/lib-esm/components/rightPanel/ActionPanel.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { FormValues } from 'informed';
+import type { OperationModel } from '../../models';
+export interface ActionPanelProps {
+    execute: () => void;
+    loading: boolean;
+    operation: OperationModel;
+    params: FormValues;
+    hasResponse: boolean;
+}
+export declare const ActionPanelComponent: ({ loading, operation, hasResponse, execute, params, }: ActionPanelProps) => JSX.Element;
+export declare const ActionPanel: React.NamedExoticComponent<ActionPanelProps>;

package/lib-esm/components/rightPanel/ActionPanel.js

@@ -0,0 +1,4 @@
+import React,{memo}from"react";import styled from"styled-components";import{Button}from"@redocly/theme";import{serializeParameterValue}from"../../utils";import{CodeHeader}from"../Panel";import{Path,PathWrapper}from"../Endpoint";import{HttpVerb}from"../shared";import{expandVariables}from"./utils";function formatPath(e,t,r){const n=t.path||{},a=t.query||{},o=Object.keys(a);let m=expandVariables(e,n);return o.length&&(m+="?"+o.map((e=>{if(!a[e])return"";const t=(e=>r.find((t=>t.name===e&&"query"===t.in)))(e);return t?serializeParameterValue(t,a[e]):`${e}=${encodeURIComponent(a[e])}`})).filter(Boolean).join("&")),m}export const ActionPanelComponent=({loading:e,operation:t,hasResponse:r,execute:n,params:a={}})=>React.createElement(CodeHeader,null,React.createElement(PathWrapper,null,React.createElement(HttpVerb,{type:t.httpVerb},t.httpVerb),React.createElement(Path,{wrap:"true"},formatPath(t.path,a,t.parameters))),React.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:e,onClick:()=>!e&&n()},e?"Sending...":r?"Resend":"Send"));const SendButton=styled(Button)`
+  width: var(--panel-try-it-action-button-width);
+`;export const ActionPanel=memo(ActionPanelComponent);
+//# sourceMappingURL=ActionPanel.js.map

package/lib-esm/components/rightPanel/AuthPanel/AuthPanel.d.ts

@@ -0,0 +1,2 @@
+import type { AuthPanelProps } from './types';
+export declare const AuthPanel: ({ securityDefaults, operation, activeServer, authCorsProxyUrl, form, formApi, }: AuthPanelProps) => JSX.Element | null;

package/lib-esm/components/rightPanel/AuthPanel/AuthPanel.js

@@ -0,0 +1,2 @@
+import React,{Fragment,useEffect,useState}from"react";import{escapeFormId,fromSessionStorage,getSecurityDetailsOptions,toSessionStorage}from"../../../utils";import{TryItDropdown}from"../styled";import{FormControl,FormLabel,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField}from"../../common/TextField";import{OpenIDConnect,Error}from"../OpenIDConnect";import{fromCookie,requiredValidator}from"../utils";import{OAuth2Flow}from"../OAuth2Flow";import{l}from"../../../services";import OAuth2TokenInputComponent from"../OAuth2TokenInput";export const AuthPanel=({securityDefaults:e,operation:t,activeServer:o,authCorsProxyUrl:a,form:r,formApi:n})=>{const[i,s]=useState(0);useEffect((()=>{const e=t.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),o=fromSessionStorage("securityRequirementName"),a=e.findIndex((e=>e===o));s(a<0?0:a)}),[t]);const u=t.security,c=u.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));return 0===c.length?React.createElement(Error,{message:"Cannot find security schema in the definition"}):React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,c.length>1&&React.createElement(FormControl,null,React.createElement(FormLabel,null," Security scheme: "),React.createElement(TryItDropdown,{variant:"dark",fullWidth:!0,options:c,value:c[i].value,onChange:e=>{s(e.idx),toSessionStorage("securityRequirementName",e.value)}}))||null,u[i].schemes.map((t=>{var i,s,u,c,m,d,f;const p=escapeFormId(t.id);if("apiKey"===t.type){const o=getSecurityDetailsOptions(p,""),a={field:`auth.${p}`,fullWidth:!0,initialValue:fromCookie(t)||fromSessionStorage(`auth.${p}`)||(null==e?void 0:e[p]),initValue:fromCookie(t)||fromSessionStorage(`auth.${p}`)||(null==e?void 0:e[p]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(FormControl,{key:p},React.createElement(FormLabel,null," ",t.name,": "),o?React.createElement(FormDropdown,Object.assign({},a,{options:o})):React.createElement(FormTextField,Object.assign({},a,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=getSecurityDetailsOptions(p,"username"),o={field:`auth.${p}.username`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${p}.username`)||(null===(i=null==e?void 0:e[p])||void 0===i?void 0:i.username),initValue:fromSessionStorage(`auth.${p}.username`)||(null===(s=null==e?void 0:e[p])||void 0===s?void 0:s.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:p},React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicUsername"),": "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{panel:"try-it"}))),React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicPassword"),": "),React.createElement(FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:`auth.${p}.password`,initialValue:fromSessionStorage(`auth.${p}.password`)||(null===(u=null==e?void 0:e[p])||void 0===u?void 0:u.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=getSecurityDetailsOptions(p,""),o={field:`auth.${p}`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${p}`)||(null==e?void 0:e[p]),initValue:fromSessionStorage(`auth.${p}`)||(null==e?void 0:e[p]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:p},React.createElement(FormControl,null,React.createElement(FormLabel,null," Bearer Token: "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{type:"password",placeholder:"(without 'Bearer')",panel:"try-it"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return React.createElement(OAuth2TokenInputComponent,{key:p,flow:t.flows.clientCredentials,server:o,authCorsProxyUrl:a,id:p,form:r,formApi:n,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[p]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return React.createElement(OAuth2Flow,{key:p,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(m=null===(c=null==t?void 0:t.flows)||void 0===c?void 0:c.implicit)||void 0===m?void 0:m.scopes)||{}),server:o,id:p,form:r,formApi:n,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[p]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return React.createElement(OAuth2Flow,{key:p,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(d=t.flows.authorizationCode)||void 0===d?void 0:d.scopes)||{}),server:o,id:p,form:r,formApi:n,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:t.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:t.flows.authorizationCode["x-usePkce"],defaultValues:null==e?void 0:e[p]});if("oauth2"===t.type){let t=fromSessionStorage(`auth.${p}.token`)||JSON.stringify(null===(f=null==e?void 0:e[p])||void 0===f?void 0:f.token);return t=t?JSON.parse(t):{},React.createElement(Fragment,{key:p},React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token Type: "),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${p}.token.token_type`,initialValue:t.token_type||"Bearer",panel:"try-it"})),React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${p}.token.access_token`,validate:requiredValidator,initialValue:t.access_token,validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("openIdConnect"===t.type)return React.createElement(OpenIDConnect,{key:p,server:o,authCorsProxyUrl:a,id:p,form:r,formApi:n,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[p]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))};
+//# sourceMappingURL=AuthPanel.js.map

package/lib-esm/components/rightPanel/AuthPanel/types.d.ts

@@ -0,0 +1,14 @@
+import type { FormApi, FormState } from 'informed';
+import type { OperationModel } from '../../../models';
+import type { SecurityDetails } from '../../../types';
+export interface AuthPanelProps {
+    operation: OperationModel;
+    form: FormState;
+    formApi: FormApi;
+    activeServer: string;
+    authCorsProxyUrl: Maybe<string>;
+    securityDefaults?: Record<string, SecurityDetails | string>;
+}
+export interface AuthPanelState {
+    activeScheme: number;
+}

package/lib-esm/components/rightPanel/AuthPanel/types.js

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

package/lib-esm/components/rightPanel/CodemirrorInput/CodemirrorInput.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CodemirrorInputBase, CodemirrorInputProps } from './types';
+import './helpers';
+export declare const CodemirrorInputComponent: ({ fieldState, fieldApi, onChange, onBlur, forwardedRef, id, mode, schema, }: CodemirrorInputProps) => JSX.Element;
+export declare const CodemirrorInput: React.ComponentType<CodemirrorInputBase>;

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

@@ -0,0 +1,2 @@
+import React from"react";import{useMount,useUnmount}from"@redocly/theme";import{asField}from"informed";import{Controlled as CodeMirror}from"react-codemirror2-react-17";import{MediaTypes}from"../../../constants";import"./helpers";import{CodeMirrorStyles}from"./styled";export const CodemirrorInputComponent=({fieldState:e,fieldApi:t,onChange:o,onBlur:r,forwardedRef:n,id:m,mode:a,schema:i})=>{let s;const c=(e,t)=>{/^[a-zA-Z0-9_":]$/.test(t.key)&&s.execCommand("autocomplete")},l=()=>{s.refresh()},d=()=>s.showHint({completeSingle:!0});useMount((()=>{setTimeout((()=>{s.refresh()}),0),document.addEventListener("click",l)})),useUnmount((()=>{document.removeEventListener("click",l)}));const{value:u}=e,{setValue:p,setTouched:f,setError:C}=t;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(CodeMirror,{editorDidMount:e=>{s=e,s.on("keyup",c)},value:u||"",ref:n,onBeforeChange:(e,t,r)=>{p(r),o&&o(r)},onBlur:e=>{f(!1),r&&r(e)},options:{mode:a||MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":d,"Ctrl-Space":d},hintOptions:{id:m,completeSingle:!1,schema:i},lint:{id:m,schema:i,setError:C}}}))};export const CodemirrorInput=asField(CodemirrorInputComponent);
+//# sourceMappingURL=CodemirrorInput.js.map

package/lib-esm/components/rightPanel/CodemirrorInput/helpers.js

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

package/lib-esm/components/rightPanel/CodemirrorInput/index.d.ts

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

package/lib-esm/components/rightPanel/CodemirrorInput/index.js

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

package/lib-esm/components/rightPanel/CodemirrorInput/styled.d.ts

@@ -0,0 +1 @@
+export declare const CodeMirrorStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;

package/lib-esm/components/rightPanel/CodemirrorInput/styled.js

@@ -0,0 +1,50 @@
+import{createGlobalStyle}from"styled-components";export const CodeMirrorStyles=createGlobalStyle`
+  .cm-s-material.CodeMirror {
+    background-color: var(--panel-samples-controls-background-color)!important;
+    color: var(--text-color-inverse)!important;
+    font-family: var(--code-font-family);
+    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: var(--code-block-tokens-property-string-color);
+  }
+
+  .cm-s-material .CodeMirror-code .cm-string {
+    color: var(--code-block-tokens-string-color);
+  }
+
+  .cm-s-material .CodeMirror-code .cm-atom {
+    color: var(--text-color-inverse);
+  }
+
+  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: var(--panel-border-radius);
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/rightPanel/CodemirrorInput/types.d.ts

@@ -0,0 +1,22 @@
+import type { Controlled as CodeMirror } from 'react-codemirror2-react-17';
+import type { FieldApi, FieldState } from 'informed';
+import type { LegacyRef } from 'react';
+import type { OpenAPISchema, Referenced } from 'src/types/open-api';
+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;
+}

package/lib-esm/components/rightPanel/CodemirrorInput/types.js

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

package/lib-esm/components/rightPanel/Console/Console.d.ts

@@ -0,0 +1,3 @@
+import type { ConsoleProps } from './types';
+export declare const ConsoleComponent: ({ operation, store, onResponse, className, rootElement, properties, securityDefaults, onClose, }: ConsoleProps) => JSX.Element;
+export declare const Console: ({ operation, store, onResponse, className, rootElement, properties, securityDefaults, onClose, }: ConsoleProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,o,s){return new(o||(o=Promise))((function(r,n){function a(e){try{c(s.next(e))}catch(e){n(e)}}function i(e){try{c(s.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}c((s=s.apply(e,t||[])).next())}))},__rest=this&&this.__rest||function(e,t){var o={};for(var s in e)Object.prototype.hasOwnProperty.call(e,s)&&t.indexOf(s)<0&&(o[s]=e[s]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(s=Object.getOwnPropertySymbols(e);r<s.length;r++)t.indexOf(s[r])<0&&Object.prototype.propertyIsEnumerable.call(e,s[r])&&(o[s[r]]=e[s[r]])}return o};import{observer}from"mobx-react";import Swagger from"swagger-client";import React,{useEffect,useState,useRef,useCallback}from"react";import{useMount}from"@redocly/theme";import{unescapeFormId}from"../../../utils";import{StyledCodeHeader}from"../../Panel";import{isFileUploadMime}from"../../common/FileUpload/helper";import{AnalyticsEventType}from"../../../events";import{getFileNameFromHeaders,getParameters,makeRequestInterceptor,unescapeQueryParams,updateStorage}from"../utils";import{ResponsePanel}from"../ResponsePanel";import{ConsoleTabs}from"../ConsoleTabs";import{ActionPanel}from"../ActionPanel";import{Request}from"./Request";import{CloseButton,ConsoleBody}from"../styled";import{ConsoleWrapper}from"./ConsoleWrapper";import{usePrevious}from"../../../hooks";function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}export const ConsoleComponent=({operation:e,store:t,onResponse:o,className:s,rootElement:r,properties:n,securityDefaults:a,onClose:i})=>{let c=useRef();const[l,u]=useState(e.activeServer),[p,d]=useState(0),[m,v]=useState(!1),[y,h]=useState(!1),[f,b]=useState({values:{path:getParameters(e.parameters,"path"),cookie:getParameters(e.parameters,"cookie"),header:getParameters(e.parameters,"header"),query:getParameters(e.parameters,"query")}}),[g,O]=useState(),[S,j]=useState(),[C,P]=useState(),[R,w]=useState(),I=usePrevious(e),q=useCallback((t=>{var{values:o}=t,s=__rest(t,["values"]);const r=Object.assign(Object.assign({},s),{values:Object.assign(Object.assign({},o),{query:unescapeQueryParams(o.query||{})})});b(r),updateStorage(r),e.setRequestValues(o)}),[e]);useMount((()=>__awaiter(void 0,void 0,void 0,(function*(){var o;const s=yield t.dereferenceSpecForTryIt(e);O(s),null===(o=c.current)||void 0===o||o.setValues({})})))),useEffect((()=>{I!==e&&(w(void 0),P(void 0),d(0))}),[e,I]);const E=!(!R&&!C);return React.createElement(ConsoleWrapper,{shaking:y,className:s,rootElement:r},React.createElement(StyledCodeHeader,null,React.createElement(ConsoleTabs,{active:p,hasResponse:E,onChange:e=>{d(e)}}),i&&React.createElement(CloseButton,{onClick:i}," ✕ ")),React.createElement(ConsoleBody,{hidden:0!==p,"data-cy":"console-request-body"},React.createElement(Request,{operation:e,properties:n,securityDefaults:a,form:f,resolvedRawSpec:g,server:l,formApi:c.current,setFormApi:(e,t=e.getState())=>{var{values:o}=t,s=__rest(t,["values"]);c.current=e,setTimeout((()=>{b(Object.assign(Object.assign({},s),{values:Object.assign(Object.assign({},o),{query:unescapeQueryParams(o.query||{})})}))}),0)},handleChange:q,handleServerChange:t=>{u(t),e.setActiveServer(t)}})),React.createElement(ConsoleBody,{hidden:1!==p,"data-cy":"console-response-body"},React.createElement(ResponsePanel,{response:R,error:C,time:S}),";"),React.createElement(ActionPanel,{hasResponse:E,params:f.values,operation:e,loading:m,execute:()=>__awaiter(void 0,void 0,void 0,(function*(){var s,r,n,a,i,u,p,m,y;const{values:b,invalid:O}=(null===(s=null==c?void 0:c.current)||void 0===s?void 0:s.getState())||f||{};if(null===(r=c.current)||void 0===r||r.submitForm(),O)return h(!0),setTimeout((()=>h(!1)),1e3),void(null===(a=null===(n=null==t?void 0:t.options.events)||void 0===n?void 0:n.tryItSent)||void 0===a||a.call(n,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description}));const{servers:S,requestBody:C}=e,R=C&&C.content&&C.content.active&&C.content.active.name||"";let I=b.body;if(/json/.test(R))try{I=JSON.parse(I)}catch(e){console.error(e)}v(!0);const q=g,E=(e.httpVerb||"").toLowerCase();if(!S)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 T=S.find((e=>l.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),_=Date.now(),F=!!window.document.documentMode;let A,k=b.auth;if(b.auth){const e=Object.keys(b.auth)[0],t=unescapeFormId(e);A=Object.assign(Object.assign({},q),{components:Object.assign(Object.assign({},null==q?void 0:q.components),{securitySchemes:Object.assign(Object.assign({},null==q?void 0:q.components.securitySchemes),{[t]:Object.assign(Object.assign({},null==q?void 0:q.components.securitySchemes[t]),{type:"openIdConnect"===(null==q?void 0:q.components.securitySchemes[t].type)?"oauth2":null==q?void 0:q.components.securitySchemes[t].type})})})}),k=Object.assign(Object.assign({},k),{[t]:k[e]})}else A=Object.assign({},q);A.servers=S;const x=t.options.corsProxyUrl;x&&S.length&&(A.servers=S.map((e=>Object.assign(Object.assign({},e),{url:x+normalizeUrlProtocol(e.url)}))),A.paths=Object.assign(Object.assign({},A.paths),{[e.path]:Object.assign(Object.assign({},A.paths[e.path]),{[E]:Object.assign(Object.assign({},A.paths[e.path][E]),{servers:void 0}),servers:void 0})}));const V=(null===(u=null===(i=null==C?void 0:C.content)||void 0===i?void 0:i.active)||void 0===u?void 0:u.name)||null;if(V&&I&&isFileUploadMime(V)){const e=Object.values(I);I=e.length>1?e:e[0]}const B={userFetch:F&&require("cross-fetch").fetch,server:x?x+normalizeUrlProtocol(T.url):T.url,serverVariables:T.variables,spec:A,pathName:e.path,method:e.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},b.path),b.query),b.header),b.cookie),securities:{authorized:k},requestBody:I,requestContentType:V,responseContentType:(null===(p=b.header)||void 0===p?void 0:p.Accept)||null,requestInterceptor:makeRequestInterceptor(t.options,e,null==k?void 0:k.Authorization)};try{const s=yield Swagger.execute(B),r=null==s?void 0:s.data;r instanceof Blob&&(isFileUploadMime(r.type)&&(s.fileInfo={rawData:r,fileName:getFileNameFromHeaders(s.headers)}),s.data=yield r.text()),null==o||o({request:B,response:s}),w(s),P(void 0)}catch(e){e&&e.response&&e.response.data instanceof Blob&&(e.response.data=yield e.response.data.text(),null==o||o({request:B,response:e.response})),w(void 0),P(e)}finally{v(!1),d(1),j(Date.now()-_),null===(y=null===(m=null==t?void 0:t.options.events)||void 0===m?void 0:m.tryItSent)||void 0===y||y.call(m,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))}))};export const Console=observer(ConsoleComponent);
+//# sourceMappingURL=Console.js.map

package/lib-esm/components/rightPanel/Console/ConsoleLazy.d.ts

@@ -0,0 +1,2 @@
+import type { ConsoleProps } from './types';
+export declare function Console(props: ConsoleProps): JSX.Element;

package/lib-esm/components/rightPanel/Console/ConsoleLazy.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,o,n){return new(o||(o=Promise))((function(s,r){function i(e){try{l(n.next(e))}catch(e){r(e)}}function a(e){try{l(n.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(i,a)}l((n=n.apply(e,t||[])).next())}))};import React,{useContext,useState,useEffect}from"react";import{useDimensions}from"../../../hooks";import{CodeHeader}from"../../Panel";import{StoreContext}from"../../../context";import{ConsoleWrap}from"../styled";export function Console(e){const[t,o]=useState({}),n=useContext(StoreContext),[s]=useDimensions(e.rootElement);return useEffect((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){const e=yield import("./Console");o({Console:e.Console})}))})()}),[]),t.Console?React.createElement(t.Console,Object.assign({},e)):React.createElement(ConsoleWrap,{scrollYOffset:null==n?void 0:n.options.scrollYOffset,className:e.className,fullWidth:null==s?void 0:s.width},React.createElement(CodeHeader,null,"Loading..."))}
+//# sourceMappingURL=ConsoleLazy.js.map

package/lib-esm/components/rightPanel/Console/ConsoleWrapper.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+export declare const ConsoleWrapper: (props: PropsWithChildren<{
+    shaking: boolean;
+    className?: string;
+    rootElement?: HTMLElement | null;
+}>) => JSX.Element;

package/lib-esm/components/rightPanel/Console/ConsoleWrapper.js

@@ -0,0 +1,2 @@
+import React,{useContext}from"react";import{observer}from"mobx-react";import{ConsoleWrap}from"../styled";import{useDimensions}from"../../../hooks";import{StoreContext}from"../../../context";const ConsoleWrapperComponent=o=>{const{shaking:e,className:t,children:r,rootElement:s}=o,[n]=useDimensions(s),l=useContext(StoreContext);return React.createElement(ConsoleWrap,{scrollYOffset:null==l?void 0:l.options.scrollYOffset,shaking:e,className:t,"data-cy":"console",fullWidth:null==n?void 0:n.width},r)};export const ConsoleWrapper=observer(ConsoleWrapperComponent);
+//# sourceMappingURL=ConsoleWrapper.js.map

package/lib-esm/components/rightPanel/Console/Request.d.ts

@@ -0,0 +1,12 @@
+export declare const Request: ({ operation, properties, securityDefaults, form, resolvedRawSpec, server, formApi, setFormApi, handleChange, handleServerChange, }: {
+    operation: any;
+    properties: any;
+    securityDefaults: any;
+    form: any;
+    resolvedRawSpec: any;
+    server: any;
+    formApi: any;
+    setFormApi: any;
+    handleChange: any;
+    handleServerChange: any;
+}) => JSX.Element;

package/lib-esm/components/rightPanel/Console/Request.js

@@ -0,0 +1,2 @@
+import React,{useContext}from"react";import{observer}from"mobx-react";import{Form,useField}from"informed";import{requiredValidator}from"../utils";import{JsonPointer}from"../../../utils";import{OAuth2}from"../../../services/OAuth2";import{l}from"../../../services";import{Accordion}from"../../Panel";import{ServersDropdown}from"../ServersDropdown";import{TryItPanel}from"../TryItPanel";import{RequestBody}from"../RequestBody";import{RenderHook}from"../../RenderHook";import{OperationParameters}from"../../OperationParameters";import{OptionsContext}from"../../../context";import{AuthPanel}from"../AuthPanel";const RequestComponent=({operation:e,properties:r,securityDefaults:t,form:o,resolvedRawSpec:a,server:n,formApi:i,setFormApi:s,handleChange:u,handleServerChange:c})=>{const d=o.errors||{},m=d.path||d.cookie||d.header||d.query,{hooks:p,authCorsProxyUrl:h}=useContext(OptionsContext),v=a&&JsonPointer.get(a,e.pointer);let y=o.values&&o.values.auth&&Object.keys(o.values.auth)[0];y&&o.values.auth[y]||(y=void 0),!y||void 0===o.values.auth[y].token&&void 0===o.values.auth[y].client_id&&void 0===o.values.auth[y].client_secret||o.values.auth[y].token&&o.values.auth[y].token.access_token||(y=void 0),y&&null!=o.values.auth[y].username&&(o.values.auth[y].username&&o.values.auth[y].password||(y=void 0));const f=e.parameters||[];return!a&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(Form,{onChange:u,getApi:s,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},React.createElement(ServersDropdown,{operation:e,onChange:c}),React.createElement(Accordion,{initialActiveIdx:e.security.length&&y?1:0},e.security.length&&i&&React.createElement(TryItPanel,{header:l("tryItAuth"),"data-cy":"security-trigger",error:!y&&!!d.auth,success:!!y,renderChildrenHidden:!0},(null==p?void 0:p.ReplaceTryItSecurityPanel)?React.createElement(AuthPanelWrapper,{field:"auth",validate:requiredValidator},(r=>React.createElement(RenderHook,{Hook:null==p?void 0:p.ReplaceTryItSecurityPanel,props:{server:n,operation:e,onChange:r,OAuth2:OAuth2}}))):React.createElement(AuthPanel,{formApi:i,form:o,operation:e,activeServer:n.url,authCorsProxyUrl:h,securityDefaults:t}))||null,e.requestBody&&i&&React.createElement(TryItPanel,{header:l("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},React.createElement(RequestBody,{validate:allowBodyErrors,formApi:i,body:e.requestBody,id:e.id,resolvedBody:null==v?void 0:v.requestBody,properties:r}))||null,f.length&&React.createElement(TryItPanel,{header:l("tryItParameters"),"data-cy":"parameters-trigger",error:m,renderChildrenHidden:!0},React.createElement(OperationParameters,{operation:e,values:o.values,errors:o.errors||{}}))||null))};function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:o}=useField(Object.assign({},e)),{setValue:a}=r,{children:n}=o;return t(React.createElement(React.Fragment,null,n(a)))}function allowBodyErrors(){}export const Request=observer(RequestComponent);
+//# sourceMappingURL=Request.js.map

package/lib-esm/components/rightPanel/Console/index.d.ts

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

package/lib-esm/components/rightPanel/Console/index.js

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

package/lib-esm/components/rightPanel/Console/types.d.ts

@@ -0,0 +1,18 @@
+import type { ProStore } from '../../../services';
+import type { OperationModel } from '../../../models';
+import type { SecurityDetails } from '../../../types';
+import type { OpenApiResponseData } from '../types';
+export 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;
+}

package/lib-esm/components/rightPanel/Console/types.js

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

package/lib-esm/components/rightPanel/OAuth2Flow/Error.d.ts

@@ -0,0 +1,7 @@
+export declare const Error: ({ token, loading, error, }: {
+    token: {
+        access_token: string;
+    };
+    loading: boolean;
+    error: string | null;
+}) => JSX.Element | null;

package/lib-esm/components/rightPanel/OAuth2Flow/Error.js

@@ -0,0 +1,2 @@
+import React from"react";import{FormError,FormWarning}from"../../common/form";import{OriginalErrorMessage}from"./styled";export const Error=({token:r,loading:e,error:o})=>e?React.createElement(FormWarning,null,"Please, finish your authorization flow or cancel authorization."):o?React.createElement(OriginalErrorMessage,null,React.createElement(FormError,null,o)):(null==r?void 0:r.access_token)?null:React.createElement(FormWarning,null," No Access Token. Please, Authorize. ");
+//# sourceMappingURL=Error.js.map

package/lib-esm/components/rightPanel/OAuth2Flow/OAuth2Flow.d.ts

@@ -0,0 +1,2 @@
+import type { OAuth2FlowProps } from './types';
+export declare const OAuth2Flow: ({ usePkce, form, id, formApi, flow, tokenUrl: _tokenUrl, authCorsProxyUrl, tokenEndpointAuthMethod, server, scopes, authorizationUrl, defaultValues, clientId, }: OAuth2FlowProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,o,n){return new(o||(o=Promise))((function(l,r){function a(e){try{c(n.next(e))}catch(e){r(e)}}function i(e){try{c(n.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?l(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}c((n=n.apply(e,t||[])).next())}))};import React,{useEffect,useState,useContext}from"react";import{Button}from"@redocly/theme";import{ButtonsWrapper,PkceOptionsWrapper,PkceDetails}from"./styled";import{LinearProgress}from"../../common/LinearProgress";import{FormControl,FormLabel,FormError,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField,TextField}from"../../common/TextField";import{Checkbox}from"../../common/Checkbox";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";import{Error}from"./Error";import{OptionsContext}from"../../../context";function requiredValidator(e){if(!e)return"Field is required"}export const OAuth2Flow=({usePkce:e,form:t,id:o,formApi:n,flow:l,tokenUrl:r,authCorsProxyUrl:a,tokenEndpointAuthMethod:i,server:c,scopes:u,authorizationUrl:d,defaultValues:s,clientId:m})=>{var p,h,f,v;const{oAuth2RedirectURI:g,routingBasePath:E}=useContext(OptionsContext),[C,k]=useState(null),[R,F]=useState(!1),[S,y]=useState(!1),[O,b]=useState(void 0),[_,x]=useState(void 0),[A,W]=useState(void 0),P=(null===(h=null===(p=t.values)||void 0===p?void 0:p.auth)||void 0===h?void 0:h[o])||{},T=(null===(v=null===(f=t.errors)||void 0===f?void 0:f.auth)||void 0===v?void 0:v[o])||{},w=void 0!==O&&_!==A?{label:"sync",onClick:()=>{O&&x(A)}}:void 0;useEffect((()=>{if(e){const e=randString(43);deriveCodeChallenge(e).then((t=>{b(e),x(t),W(t)}))}}),[e]);const V=()=>{n.setValue(`auth.${o}.token`,"")};if(!d)return React.createElement(FormError,null,"No flow info");let z=fromSessionStorage(`auth.${o}.token`)||JSON.stringify(null==s?void 0:s.token);z=z?JSON.parse(z):"";const B=getSecurityDetailsOptions(o,"client_id"),U={field:`auth.${o}.client_id`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),initValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null," Client ID: "),B?React.createElement(FormDropdown,Object.assign({},U,{options:B})):React.createElement(FormTextField,Object.assign({},U,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===l&&React.createElement(React.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${o}.client_secret`,initialValue:fromSessionStorage(`auth.${o}.client_secret`)||(null==s?void 0:s.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),e&&!e.disableManualConfiguration&&React.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:S,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),S&&React.createElement(PkceDetails,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Verifier"),React.createElement(TextField,{fullWidth:!0,value:O,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield deriveCodeChallenge(e);b(e),W(t)})),panel:"try-it","data-cy":"code-verifier-input"})),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Challenge"),React.createElement(TextField,{fullWidth:!0,value:_,onChange:({target:{value:e}})=>{x(e)},inputActionButton:w,panel:"try-it","data-cy":"code-challenge-input"}))))),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${o}.token`,type:"hidden",initialValue:z,panel:"try-it"}),React.createElement(Scope,{id:o,scopes:u}),P.token&&P.token.access_token?React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(TextField,{disabled:!0,type:"password",fullWidth:!0,value:P.token.access_token,panel:"try-it"})):null),React.createElement(ButtonsWrapper,null,P.token&&P.token.access_token?React.createElement(Button,{fullWidth:!0,onClick:()=>{V(),k(null)}},"Log out"):R?React.createElement(React.Fragment,null,React.createElement(Button,{fullWidth:!0,onClick:()=>{F(!1),k(null),OAuth2.clearRedirectData(l)}},"Cancel"),React.createElement(LinearProgress,null)):React.createElement(Button,{fullWidth:!0,disabled:!isEmptyObject(T),onClick:()=>{(t=>{if(!t)return;if(n.validate(),!isEmptyObject(T))return;F(!0),k(null);const u=a?a+normalizeUrlProtocol(t):t,d=a&&r?a+normalizeUrlProtocol(r):r,s=n.getValue(`auth.${o}.scopes`),m={authorizationUrl:u.startsWith("http")?u:c+u,clientId:P.client_id,scopes:s,redirectUri:g,routingBasePath:E,successCallback:e=>{n.setValue(`auth.${o}.token`,e),F(!1),k(null)},errorCallback:e=>{F(!1),k((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===l&&OAuth2.authorizeImplicit(m),validateTokenEndpointMethod(i)?"authorizationCode"===l&&OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},m),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:c+d,clientSecret:P.client_secret,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:i,clientId:P.client_id,clientSecret:P.client_secret})}),e&&{codeVerifier:O,codeChallenge:_})):console.log(`Unsupported token endpoint auth method: ${i}`)})(d)}},"Authorize")),R||C||!P.token||!P.token.access_token&&React.createElement(Error,{loading:R,error:C,token:P.token}))};
+//# sourceMappingURL=OAuth2Flow.js.map

package/lib-esm/components/rightPanel/OAuth2Flow/index.d.ts

@@ -0,0 +1,2 @@
+export { OAuth2Flow } from './OAuth2Flow';
+export type { OAuth2FlowProps } from './types';

package/lib-esm/components/rightPanel/OAuth2Flow/index.js

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

package/lib-esm/components/rightPanel/OAuth2Flow/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const OriginalErrorMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PkceOptionsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PkceDetails: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/rightPanel/OAuth2Flow/styled.js

@@ -0,0 +1,14 @@
+import styled from"styled-components";export const OriginalErrorMessage=styled.div`
+  font-family: var(--font-family-monospaced);
+  margin-top: 10px;
+  line-height: 1;
+  padding-left: 10px;
+  border-left: 1px solid gray;
+`;export const ButtonsWrapper=styled.div`
+  margin-bottom: 15px;
+`;export const PkceOptionsWrapper=styled.div`
+  padding: 8px 0 20px;
+`;export const PkceDetails=styled.div`
+  padding: 4px 0;
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/rightPanel/OAuth2Flow/types.d.ts

@@ -0,0 +1,20 @@
+import type { SecurityDetails } from '../../../types';
+import type { FormApi, FormState } from 'informed';
+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;
+}

package/lib-esm/components/rightPanel/OAuth2Flow/types.js

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