@redocly/openapi-docs 3.0.0-alpha.10

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

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,o,r){return new(o||(o=Promise))((function(n,i){function l(e){try{s(r.next(e))}catch(e){i(e)}}function a(e){try{s(r.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(l,a)}s((r=r.apply(e,t||[])).next())}))};import React from"react";import{Button}from"@redocly/theme";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{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 React.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:()=>__awaiter(this,void 0,void 0,(function*(){if(this.state.loading)return;const{server:e,flow:t,authCorsProxyUrl:o}=this.props,r=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 n=this.values.client_id,i=this.values.client_secret;if(!n||!i)return void console.log("Provide client_id and client_secret");this.setState({loading:!0});const l=t["x-tokenEndpointAuthMethod"];validateTokenEndpointMethod(l)?yield OAuth2.authorizeClientCredentials({tokenUrl:r.startsWith("http")?r:e+r,clientId:n,clientSecret:i,scopes:this.values.scopes,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:l,clientId:n,clientSecret:i}),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: ${l}`)}))})}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:r,defaultValues:n}=this.props,i=Object.keys(this.props.flow.scopes);let l=fromSessionStorage(`auth.${r}.token`)||JSON.stringify(null==n?void 0:n.token);l=l?JSON.parse(l):"";const a=getSecurityDetailsOptions(r,"client_id"),s={field:`auth.${r}.client_id`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${r}.client_id`)||this.props.clientId||(null==n?void 0:n.client_id),initValue:fromSessionStorage(`auth.${r}.client_id`)||this.props.clientId||(null==n?void 0:n.client_id),placeholder:"Your OAuth2 app Client ID"};return React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client ID:"),a?React.createElement(FormDropdown,Object.assign({},s,{options:a})):React.createElement(FormTextField,Object.assign({},s,{type:"password",panel:"try-it"}))),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${r}.client_secret`,initialValue:fromSessionStorage(`auth.${r}.client_secret`)||(null==n?void 0:n.client_secret),panel:"try-it"})),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${r}.token`,type:"hidden",initialValue:l,validate:validateToken}),React.createElement(Scope,{id:r,scopes:i})),React.createElement(Button,{color:"primary",onClick:this.requestToken,blinking:e},e?"Loading...":"Request Token"),React.createElement(FormHeader,null," Access Token "),t?React.createElement(FormError,{style:{marginBottom:"1em"}},"Failed to request token: ",React.createElement("pre",null,t)," "):this.values.token&&this.values.token.access_token?React.createElement(TokenField,null,React.createElement(TokenValue,{length:this.values.token.access_token.length,masked:o},this.values.token.access_token),React.createElement(TokenShowHide,{onClick:this.toggleTokenMask},o?"Show":"Hide"," "),React.createElement(TokenClear,{onClick:this.clearToken}," Clear ")):React.createElement(FormError,{style:{marginBottom:"1em"}},"No token"))}}export default OAuth2TokenInput;
+//# sourceMappingURL=OAuth2TokenInput.js.map

package/lib-esm/components/console/OpenIDConnect.d.ts

@@ -0,0 +1,17 @@
+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-esm/components/console/OpenIDConnect.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,n,o){return new(n||(n=Promise))((function(r,a){function l(e){try{i(o.next(e))}catch(e){a(e)}}function c(e){try{i(o.throw(e))}catch(e){a(e)}}function i(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(l,c)}i((o=o.apply(e,t||[])).next())}))};import React,{useState,useEffect}from"react";import{discoverOpenIDConnect}from"../../services/OpenIDConnect";import{LinearProgress}from"../common/LinearProgress";import{FormError}from"../common/form";import{OAuth2Flow}from"./OAuth2Flow";import{FlowName}from"./styled";export function OpenIDConnect(e){var t,n;const{scheme:o,defaultValues:r}=e,[a,l]=useState({}),[c,i]=useState(),[u,s]=useState(!1);useEffect((()=>{m(o.openIdConnectUrl)}),[o.openIdConnectUrl]);const m=e=>__awaiter(this,void 0,void 0,(function*(){s(!0),i("");try{const t=yield discoverOpenIDConnect(e);l(t)}catch(e){i(e.message)}s(!1)}));return u?React.createElement(Loading,null):c?React.createElement(Error,{message:c}):React.createElement("div",null,React.createElement("div",null,(null===(t=null==a?void 0:a.response_types_supported)||void 0===t?void 0:t.includes("token"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Implicit Flow"),React.createElement(OAuth2Flow,{key:e.id,authorizationUrl:a.authorization_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:a.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,flow:"implicit",defaultValues:r})):(null===(n=null==a?void 0:a.response_types_supported)||void 0===n?void 0:n.includes("code"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Authorization Flow"),React.createElement(OAuth2Flow,{key:e.id,authorizationUrl:a.authorization_endpoint,tokenUrl:a.token_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:a.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,tokenEndpointAuthMethod:null==a?void 0:a.token_endpoint_auth_methods_supported,flow:"authorizationCode",defaultValues:r})):React.createElement("div",null,"Unsupported flow")))}function Loading(){return React.createElement("div",null,React.createElement("div",null,React.createElement("div",null,"Fetching OpenID Connect metadata..."),React.createElement(LinearProgress,null)))}export function Error({message:e}){return React.createElement("div",null,React.createElement("div",null,React.createElement(FormError,null,e)))}
+//# sourceMappingURL=OpenIDConnect.js.map

package/lib-esm/components/console/ParameterArray.d.ts

@@ -0,0 +1,9 @@
+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-esm/components/console/ParameterArray.js

@@ -0,0 +1,28 @@
+import React from"react";import styled from"styled-components";import{FormLabel}from"../common/form";export const ParameterArray=({name:e,param:t,place:r,renderParameter:a})=>{var o,l,n,i,m;const[c,s]=React.useState([]),d=(null===(o=t.schema.items)||void 0===o?void 0:o.fields)?null===(l=t.schema.items)||void 0===l?void 0:l.fields:[{schema:(null===(n=t.schema.items)||void 0===n?void 0:n.schema)||t.schema.items,name:"",required:t.required,description:null===(i=t.schema.items)||void 0===i?void 0:i.description,externalDocs:null===(m=t.schema.items)||void 0===m?void 0:m.externalDocs,deprecated:!1,toggle:()=>null,expanded:!1}];return React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement(FormLabel,{required:t.required},e,"(",c.length," items)"),React.createElement("span",{onClick:()=>{s([...c,c.length?c[c.length-1]+1:0])}},"Add item +")),null==c?void 0:c.map(((t,o)=>React.createElement(Row,{key:t},React.createElement(Delete,{onClick:()=>{return e=t,void s(c.filter((t=>t!==e)));var e}},"delete"),d.map((l=>a(l,r,`${e}.[${t}]`,`[${o}]${l.name&&"."+l.name}`)))))))};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: var(--text-color-secondary);
+    &:hover {
+      color: #fff;
+    }
+  }
+`,Delete=styled.span`
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  position: relative;
+`;
+//# sourceMappingURL=ParameterArray.js.map

package/lib-esm/components/console/ParameterDropdown.d.ts

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import React,{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 CodemirrorInputCmp from"../CodemirrorInput";import{encodeSample,getStorageExampleKey}from"../utils";import{fromSessionStorage,toSessionStorage}from"../../../utils";const RequestBodyComponent=observer((({body:e,formApi:o,resolvedBody:t,properties:a,id:r,validate:m})=>{var l,i;const n=e.content,p=e=>{var o;if(!n||!n.hasSample)return"";const t=null===(o=n.active)||void 0===o?void 0:o.examples;if(!(null==t?void 0:t[e]))return"";const r=null==t?void 0:t[e].value,m=a?merge(r,a,{arrayMerge:arrayMergeStrategy}):r;return JSON.stringify(m,null,2)},s=null===(l=null==n?void 0:n.operation)||void 0===l?void 0:l.activeExampleName,d=e=>{null==n||n.activateExampleName(e),o.setValue("body",p(e))},c=(e,t)=>{o.setValue(`body.${e}`,t)};useEffect((()=>{var e,t;if(null===(e=null==n?void 0:n.operation)||void 0===e?void 0:e.activeMimeName){const e=getStorageExampleKey(r,n.operation.activeMimeName,s,null===(t=null==n?void 0:n.active)||void 0===t?void 0:t.examples);o.setValue("body",fromSessionStorage(e)||p(s||""))}else o.setValue("body",JSON.stringify(a||{},null,2))}),[s,null===(i=null==n?void 0:n.operation)||void 0===i?void 0:i.activeMimeName,null==n?void 0:n.active]);const u=useCallback(((e="",o="",t=[])=>a=>{toSessionStorage(getStorageExampleKey(r,e,o,t),a)}),[r]);return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:e.content,renderDropdown:e=>React.createElement(DropdownOrLabel,Object.assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))},(e=>{const l=e.examples||{},i=Object.keys(l),n=e.schema,p=isRootFileUpload(n||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,{exampleKey:s}=useExampleKey(e.operation,l),y=fromSessionStorage(getStorageExampleKey(r,e.name,s,l))||encodeSample(l[s],a);return React.createElement(React.Fragment,null,i.length&&1!==i.length&&React.createElement(ExampleSwitch,{examples:l,onChange:d,exampleKey:s,panel:"try-it"})||null,p?React.createElement(RequestBodyForm,{mediaType:e,formApi:o,onChange:c}):React.createElement(CodemirrorInputCmp,{id:"body"+r,field:"body",initialValue:y,schema:((null==t?void 0:t.content[e.name])||{}).schema,mode:e.name,validate:m,onChange:u(e.name,s,l)}))})))}));export const RequestBody=memo(RequestBodyComponent);
+//# sourceMappingURL=RequestBody.js.map

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

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

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

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

package/lib-esm/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-esm/components/console/RequestBody/types.js

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

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

@@ -0,0 +1,9 @@
+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-esm/components/console/RequestBodyForm.js

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

package/lib-esm/components/console/RequestMimeLabel.d.ts

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

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

@@ -0,0 +1,5 @@
+import styled from"styled-components";import{MimeLabel}from"../shared";export const RequestMimeLabel=styled(MimeLabel)`
+  border-radius: var(--panel-border-radius);
+  margin-bottom: 10px;
+`;
+//# sourceMappingURL=RequestMimeLabel.js.map

package/lib-esm/components/console/ResponseBody.d.ts

@@ -0,0 +1,4 @@
+import type { OpenApiResponseData } from './ResponsePanel';
+export declare function ResponseBody({ response }: {
+    response: OpenApiResponseData;
+}): JSX.Element;

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

@@ -0,0 +1,2 @@
+import*as React from"react";import{JsonViewer,SourceCode}from"@redocly/theme";import{langFromMime,SourceCodeWithFile}from"../../redoc-lib";import{PanelPreCodeBlock,ResponseHeader}from"./styled";export function ResponseBody({response:e}){return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Body: "),getResponseBody(e))}function getResponseBody(e){return e.body?React.createElement(JsonViewer,{data:e.body,jsonSampleExpandLevel:1}):e.fileInfo?React.createElement(SourceCodeWithFile,{fileInfo:e.fileInfo}):null!==e.data?e.data?React.createElement(SourceCode,{lang:langFromMime(e.headers["Content-Type"]||"text/plain"),source:e.data,withCopyButton:!0}):React.createElement(PanelPreCodeBlock,null,React.createElement("i",null,"(no content)")):null}
+//# sourceMappingURL=ResponseBody.js.map

package/lib-esm/components/console/ResponseHeadersList.d.ts

@@ -0,0 +1,3 @@
+export declare function ResponseHeadersList({ headers }: {
+    headers: Record<string, string>;
+}): JSX.Element;

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

@@ -0,0 +1,10 @@
+import React,{useContext,useState}from"react";import styled from"styled-components";import{OptionsContext}from"../../redoc-lib";import{ResponseHeader,PanelPreCodeBlock}from"./styled";export function ResponseHeadersList({headers:e}){const t=useContext(OptionsContext),[a,o]=useState(!0),{maxResponseHeadersToShowInTryIt:r}=t,l=Object.keys(e),n=!!r&&l.length>r,s=n&&a?[...l].splice(0,r):[...l];return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Headers: "),React.createElement(PanelPreCodeBlock,null,s.map((t=>React.createElement("div",{key:t},React.createElement(HeaderName,null,t,":"),React.createElement("code",null,e[t])))),n&&React.createElement(StyledShowMoreLabel,{onClick:()=>{o(!a)}},a?"Show more...":"Hide headers")))}const HeaderName=styled.strong`
+  text-transform: capitalize;
+  display: inline-block;
+  padding-right: 5px;
+`,StyledShowMoreLabel=styled.div`
+  cursor: pointer;
+  margin-top: 5px;
+  font-size: 14px;
+`;HeaderName.displayName="HeaderName",StyledShowMoreLabel.displayName="StyledShowMoreLabel";
+//# sourceMappingURL=ResponseHeadersList.js.map

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

@@ -0,0 +1,21 @@
+import React 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 class ResponsePanel extends React.PureComponent<ResponsePanelProps> {
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,18 @@
+import React from"react";import styled from"styled-components";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: var(--text-color-inverse);
+`,ResponseBadge=styled(ResponseBadgeBase)`
+  color: ${({code:e})=>e>=200&&e<300?"var(--response-success-text-color)":e>=300&&e<400?"var(--response-redirect-text-color)":e>400?"var(--response-error-text-color)":"var(--response-info-text-color)"};
+`,ErrorHeader=styled.header`
+  font-weight: bold;
+  margin-bottom: 10px;
+`,ErrorDetails=styled.code`
+  border-left: 3px solid #ff4040;
+  padding-left: 5px;
+`;export class ResponsePanel extends React.PureComponent{render(){const{error:e,response:t,time:n}=this.props,r=t||e&&e.response,s=r&&r.data&&r.data.length||0;let a;return a=s>1e6?(s/1e6).toFixed(2)+" MB":s>1e3?(s/1e3).toFixed(2)+" KB":s+" B",e&&!e.response||!r?React.createElement(React.Fragment,null,React.createElement(ErrorHeader,null," Could not get any response "),React.createElement(ErrorDetails,null,e&&e.message||"Unknown error"),React.createElement("br",null),React.createElement(ErrorHeader,null," Why this might have happened:"),React.createElement("div",null," - CORS is misconfigured on the server"),React.createElement("div",null," - The server couldn't send a response"),React.createElement("div",null," - No internet access"),React.createElement("div",null," - Documentation issue - contact API owner"),React.createElement("div",null," - Misconfigured security definition")):r?React.createElement(React.Fragment,null,React.createElement(ResponseBadges,null,React.createElement(ResponseBadge,{code:r.status},React.createElement("span",null," Status: "),r.status," ",r.statusText),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Time: "),n,"ms"),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Size: "),a)),React.createElement("div",null,React.createElement(ResponseHeadersList,{headers:r.headers}),React.createElement(ResponseBody,{response:r}))):React.createElement(React.Fragment,null,"Something went wrong")}}
+//# sourceMappingURL=ResponsePanel.js.map

package/lib-esm/components/console/Scope.d.ts

@@ -0,0 +1,6 @@
+interface ScopeProps {
+    scopes?: string[];
+    id: string;
+}
+export default function Scope(props: ScopeProps): JSX.Element;
+export {};

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

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

package/lib-esm/components/console/ServerVariable.d.ts

@@ -0,0 +1,10 @@
+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-esm/components/console/ServerVariable.js

@@ -0,0 +1,5 @@
+import React,{useCallback}from"react";import styled from"styled-components";import{Markdown}from"../../redoc-lib";import{FormControl,FormLabel}from"../common/form";import{TextField}from"../common/TextField";import{TryItDropdown}from"./styled";export default function ServerVariable({name:e,value:t,description:o,variableEnum:a,onChange:r,defaultValue:l}){const n=useCallback((e=>r(e.target.value)),[r]),m=useCallback((e=>r(e.value)),[r]),c=a?a.map(((e,t)=>({value:e,idx:t}))):[];return React.createElement(FormControl,null,React.createElement(FormLabel,null,e,":"),c&&c.length?React.createElement(TryItDropdown,{fullWidth:!0,variant:"dark",value:t,options:c,onChange:m}):React.createElement(TextField,{fullWidth:!0,value:t,onChange:n,placeholder:l,panel:"try-it"}),o&&React.createElement(StyledMarkdown,{compact:!0,source:o}))}const StyledMarkdown=styled(Markdown)`
+  margin-top: 5px;
+  color: #d0d0d0;
+`;
+//# sourceMappingURL=ServerVariable.js.map

package/lib-esm/components/console/ServersDropdown/ServersDropdown.d.ts

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

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

@@ -0,0 +1,4 @@
+import React,{useState}from"react";import{observer}from"mobx-react";import styled from"styled-components";import{fromSessionStorage,toSessionStorage}from"../../../utils";import{FormControl,FormLabel}from"../../common/form";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"../utils";import ServerVariable from"../ServerVariable";import{useMount}from"../../../hooks";import{TryItDropdown}from"../styled";export const ServersDropdown=observer((({operation:e,onChange:r})=>{const a=fromSessionStorage("serverUrl"),t=e.servers.findIndex((e=>e.url===a)),[o,s]=useState(t<0?0:t),[l,n]=useState({});useMount((()=>{const a=getServerWithVariables(e.servers,o);r(a),n(a.variables)}));const i=e.servers.map(((e,r)=>({idx:r,serverUrl:e.url,value:`\n          ${expandDefaultServerVariables(expandVariables(e.url,l),e.variables)}\n        - ${e.description||"Default"}\n      `}))),v=Object.keys(l);return React.createElement(ServerDropdownWrap,{"data-cy":"console-target-server"},React.createElement(FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(FormControl,null,React.createElement(TryItDropdown,{variant:"dark",value:i[o].value,options:i,fullWidth:!0,onChange:a=>{const t=e.servers.find((e=>e.url===a.serverUrl)),o=e.servers.findIndex((e=>e.url===a.serverUrl)),l=getDefaultOrStoredVariables(t);r({url:a.serverUrl||"",variables:l}),toSessionStorage("serverUrl",a.serverUrl||""),s(o),n(l)}})),null==v?void 0:v.map((a=>{var t;const s=null===(t=e.servers[o].variables)||void 0===t?void 0:t[a];if(s)return React.createElement(ServerVariable,{key:a,name:a,value:l[a],defaultValue:s.default,onChange:t=>((a,t)=>{const s=e.servers[o],i=t||""===t?t:getDefaultOrStoredVariables(s)[a],v=Object.assign(Object.assign({},l),{[a]:i});n(v),updateVariablesStorage(a,i),r(Object.assign(Object.assign({},s),{variables:v}))})(a,t),variableEnum:s.enum,description:s.description})})))}));const ServerDropdownWrap=styled.div`
+  margin-bottom: 20px;
+`;
+//# sourceMappingURL=ServersDropdown.js.map

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

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

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

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

package/lib-esm/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-esm/components/console/ServersDropdown/types.js

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

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

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

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

@@ -0,0 +1,14 @@
+var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t};import*as React from"react";import styled from"styled-components";import{PanelHeaderTitle,PanelHeader,Panel,PanelBody,ShelfIcon}from"@redocly/theme";import{Trigger}from"../Panel";import{CrossIcon,LockIcon}from"../../redoc-lib";export function TryItPanel(e){var{header:r,error:t,success:o}=e,a=__rest(e,["header","error","success"]);return React.createElement(StyledTryItPanel,Object.assign({className:"panel-try-it-nested"},a,{header:({toggle:e,expanded:l=!1})=>React.createElement(PanelHeader,{onClick:e,expanded:l,"data-cy":a["data-cy"]},React.createElement(Trigger,null,React.createElement(PanelHeaderTitle,null,r),React.createElement(ShelfIcon,{direction:l?"down":"right"})),t&&React.createElement(CrossIcon,{size:"14px",color:"--color-error-500"})||null,o&&React.createElement(LockIcon,{size:"14px",color:"--color-success-500"})||null)}))}const StyledTryItPanel=styled(Panel)`
+  ${PanelHeader} {
+    border: 1px solid
+      ${({error:e})=>e?"var(--color-error-300)":"var(--panel-try-it-nested-heading-border-color)"};
+    padding: 10px;
+  }
+
+  ${PanelBody} {
+    border: 1px solid
+      ${({error:e})=>e?"var(--color-error-300)":"var(--panel-try-it-nested-body-border-color)"};
+    border-top: 0;
+  }
+`;
+//# sourceMappingURL=TryItPanel.js.map

package/lib-esm/components/console/codemirror-helpers.d.ts

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

package/lib-esm/components/console/codemirror-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=codemirror-helpers.js.map

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { DropdownProps } from '../common/Dropdown';
+export declare const blink: import("styled-components").Keyframes;
+export declare const ConsoleWrap: import("styled-components").StyledComponent<"div", any, {
+    scrollYOffset?: (() => number) | undefined;
+    shaking?: boolean | undefined;
+    fullWidth?: number | undefined;
+}, never>;
+export declare const ConsoleBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const invertedInputStyles: import("styled-components").FlattenSimpleInterpolation;
+export declare const TryItDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+}, never>;
+export declare const PanelPreCodeBlock: import("styled-components").StyledComponent<"pre", any, {
+    'data-component-name': string;
+}, "data-component-name">;
+export declare const ResponseHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FlowName: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,99 @@
+import styled,{css,keyframes}from"styled-components";import{PreformattedCodeBlock}from"@redocly/theme";import{Dropdown}from"../common/Dropdown";const shake=keyframes`
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+
+  20%, 80% {
+    transform: translate3d(2px, 0, 0);
+  }
+
+  30%, 50%, 70% {
+    transform: translate3d(-4px, 0, 0);
+  }
+
+  40%, 60% {
+    transform: translate3d(4px, 0, 0);
+  }
+`;export const blink=keyframes`
+  0% {
+    background-color: #007abf;
+  }
+
+  50% {
+    background-color: #59C3FF;
+  }
+
+  100% {
+    background-color: #007abf;
+  }
+`;const shakeAnimation=css`
+  animation: ${shake} 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+`;export const ConsoleWrap=styled.div`
+  background-color: var(--panel-samples-background-color);
+  color: var(--panel-samples-text-color);
+  font-family: var(--panel-samples-font-family);
+  border-radius: var(--panel-border-radius);
+  overflow: hidden;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  max-height: calc(85vh - ${({scrollYOffset:o})=>o?o():0}px);
+  margin-bottom: 10px;
+  ${({shaking:o})=>o&&shakeAnimation};
+  > div:last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+`;export const ConsoleBody=styled.div`
+  flex: 1;
+  padding: var(--panel-samples-body-padding);
+  overflow: auto;
+  display: ${({hidden:o})=>o?"none":"flex"};
+  flex-direction: column;
+  position: relative;
+  background-color: var(--panel-samples-body-background-color);
+`;export const CloseButton=styled.span`
+  cursor: pointer;
+  font-size: 24px;
+  font-weight: bold;
+  color: var(--text-color-inverse);
+`;export const invertedInputStyles=css`
+  border: none;
+  outline: none;
+  padding: 8px;
+  border-radius: var(--border-radius);
+  background-color: var(--panel-try-it-input-background-color);
+  color: var(--panel-try-it-input-text-color);
+  font-family: var(--code-font-family);
+  font-size: var(--font-size-base);
+  border: var(--panel-try-it-input-border);
+
+  &::placeholder {
+    opacity: 0.6;
+    color: var(--text-color-inverse);
+  }
+
+  &:-webkit-autofill {
+    background-color: var(--panel-samples-background-color);
+  }
+`;export const TryItDropdown=styled(Dropdown)`
+  .dropdown-select,
+  label {
+    background-color: var(--panel-try-it-dropdown-background-color);
+    border: var(--panel-try-it-dropdown-border);
+    color: var(--panel-try-it-dropdown-color);
+  }
+`;export const PanelPreCodeBlock=styled(PreformattedCodeBlock)`
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+`;export const ResponseHeader=styled.div`
+  margin-bottom: 10px;
+
+  &:not(:first-child) {
+    margin-top: 10px;
+  }
+`;export const FlowName=styled.div`
+  margin-top: 5px;
+  margin-bottom: 10px;
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/console/utils.d.ts

@@ -0,0 +1,27 @@
+import type { FieldModel, OpenAPIServer, SecurityScheme, Server, ServerVariables, OperationModel, ExampleModel } from '../../redoc-lib';
+import type { RedocProNormalizedOptions } from '../../services';
+import type { RequestBodyProps } from './RequestBody';
+export declare function normalizeUrlProtocol(url: string): string;
+export declare function updateStorage(state: GenericObject): void;
+export declare const getParameters: (parameters: FieldModel[], type: string) => GenericObject;
+export declare function getServerWithVariables(operationServers: OpenAPIServer[], activeIndex?: number): Server;
+export declare function getInitialServerWithVariables(operationServers: OpenAPIServer[]): Server;
+export declare function expandVariables(url: string, variables?: GenericObject): string;
+export declare function expandDefaultServerVariables(url: string, variables?: GenericObject): string;
+export declare function getDefaultOrStoredVariables(server?: OpenAPIServer): ServerVariables;
+export declare function updateVariablesStorage(name: string, value: string): void;
+export declare function unescapeQueryParams(params: GenericObject): GenericObject;
+export declare function getFileNameFromHeaders(headers: Record<string, string>): string;
+export declare const makeRequestInterceptor: ({ requestInterceptor, sendXUserAgentInTryIt, disableTryItRequestUrlEncoding, }: Pick<RedocProNormalizedOptions, 'requestInterceptor' | 'sendXUserAgentInTryIt' | 'disableTryItRequestUrlEncoding'>, operation: OperationModel, securitySchemaAuth?: string) => (req: Request) => void | Request;
+export declare function requiredValidator(value: unknown): string | undefined;
+export declare function fromCookie(scheme: SecurityScheme): string | undefined;
+export declare const validateTokenEndpointMethod: (token: string[] | string | undefined) => boolean;
+export declare const getOAuth2TokenEndpointAuthHeader: ({ authMethod, clientId, clientSecret, }: {
+    authMethod?: string | string[] | undefined;
+    clientId: string;
+    clientSecret: string;
+}) => Record<'Authorization', string> | GenericObject;
+export declare function encodeSample(sample: ExampleModel, properties: RequestBodyProps['properties']): string;
+export declare const getStorageExampleKey: (operationId: string, activeMimeType: string, activeExample?: string | false, examples?: {
+    [name: string]: ExampleModel;
+} | undefined) => string;

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

@@ -0,0 +1,2 @@
+import merge from"deepmerge";import{MediaTypes}from"../../types";import{arrayMergeStrategy}from"../../services/utils";import{fromSessionStorage,getParameterValue,setParameterValue,setSecurityDetails,toSessionStorage,unescapeFormId}from"../../utils";export function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}export function updateStorage(e){if(e.values.auth)for(const t of Object.keys(e.values.auth)){const r=e.values.auth[t];setSecurityDetails(t,r)}updateParameterStorage(e)}function updateParameterStorage(e){var t;for(const r of["path","query","header","cookie"])if(null===(t=e.values)||void 0===t?void 0:t[r])for(const t of Object.keys(e.values[r]))setParameterValue(r,t,e.values[r][t])}export const getParameters=(e,t)=>e.filter((e=>e.in===t)).reduce(((e,t)=>{const{in:r,name:o}=t;return e[o]=getParameterValue(r||"",o),e}),{});const pathTemplateRegExp=/(?:{)(\w+)(?:})/g;export function getServerWithVariables(e,t=0){const r=e[t],o=getDefaultOrStoredVariables(r);return Object.assign(Object.assign({},r),{variables:o})}export function getInitialServerWithVariables(e){const t=fromSessionStorage("serverUrl"),r=e.find((e=>e.url===t))||e[0],o=getDefaultOrStoredVariables(r);return Object.assign(Object.assign({},r),{variables:o})}export function expandVariables(e,t={}){return e.replace(pathTemplateRegExp,((e,r)=>t[r]||e))}export function expandDefaultServerVariables(e,t={}){return e.replace(pathTemplateRegExp,((e,r)=>t[r]&&t[r].default||e))}export function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};const t=fromSessionStorage("variables"),r=t&&JSON.parse(t)||{},o={};return Object.entries(e.variables||{}).forEach((([e,t])=>{o[e]=r[e]||t.default||""})),o}export function updateVariablesStorage(e,t){const r=fromSessionStorage("variables"),o=r&&JSON.parse(r)||{};toSessionStorage("variables",JSON.stringify(Object.assign(Object.assign({},o),{[e]:t})))}export function unescapeQueryParams(e){return Object.entries(e).reduce(((e,[t,r])=>(e[unescapeFormId(t)]=r,e)),{})}export function getFileNameFromHeaders(e){const t="filename=";for(const[r,o]of Object.entries(e))if("content-disposition"===r.toLowerCase()){const e=o.split(";").find((e=>e.trim().startsWith(t)));if(e)return e.split(t)[1]}return""}export const makeRequestInterceptor=({requestInterceptor:e,sendXUserAgentInTryIt:t,disableTryItRequestUrlEncoding:r},o,a)=>n=>{var i,s,u,l;r&&(n=Object.assign(Object.assign({},n),{url:decodeURIComponent(n.url)})),t&&(n.headers["X-User-Agent"]="Redocly Try it API console");const c=(null===(s=null===(i=null==o?void 0:o.requestValues)||void 0===i?void 0:i.header)||void 0===s?void 0:s.authorization)||(null===(l=null===(u=null==o?void 0:o.requestValues)||void 0===u?void 0:u.header)||void 0===l?void 0:l.Authorization);return!a&&c&&(n.headers.Authorization=c),e?e(n,o):n};export function requiredValidator(e){if(!e)return"Field is required"}const getCookie=e=>{const t=document.cookie.match("\\b"+e+"=([^;]*)\\b");return t?t[1]:void 0};export function fromCookie(e){if("cookie"===e.in)return getCookie(e.name||"")}export const validateTokenEndpointMethod=e=>{if(!e)return!0;const t=Array.isArray(e)?e:[e];return!(t.length&&!t.includes("none")&&!t.includes("client_secret_basic"))};export const getOAuth2TokenEndpointAuthHeader=({authMethod:e,clientId:t,clientSecret:r})=>"client_secret_basic"===e||Array.isArray(e)&&e.includes("client_secret_basic")?{Authorization:`Basic ${btoa(t+":"+r)}`}:{};export function encodeSample(e,t){if(!e)return"";if(e.mime===MediaTypes.URL_ENCODED)return e.value;const r=e.value,o=t?merge(r,t,{arrayMerge:arrayMergeStrategy}):r;return JSON.stringify(o,null,2)}export const getStorageExampleKey=(e,t,r,o)=>{let a=e+"_"+t;return r&&o&&Object.keys(o).includes(r)&&(a+="_"+r),a};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,14 @@
+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 type { OpenApiResponseData } from './console/ResponsePanel';
+export type { DropdownProps, DropdownOption } from './common/Dropdown';

package/lib-esm/components/index.js

@@ -0,0 +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";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function PullRight({ children }: React.PropsWithChildren<unknown>): JSX.Element;

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

@@ -0,0 +1,61 @@
+import React from"react";import styled from"styled-components";import{SamplesPanel,Markdown}from"../../redoc-lib";import{CodePanel}from"../Panel";const MarkdownCodeBlock=styled(Markdown)`
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: var(--panel-samples-heading-text-color, var(--panel-samples-text-color));
+  }
+
+  table {
+    color: #ffffff;
+    overflow-wrap: break-word;
+    word-break: break-word;
+
+    & tr {
+      td,
+      th {
+        background-color: var(--panel-samples-controls-background-color);
+      }
+    }
+
+    & tr:nth-child(2n) {
+      td,
+      th {
+        background-color: var(--samples-panel-markdown-background-color);
+      }
+    }
+
+    & thead tr th,
+    & tbody tr td {
+      background-color: var(--samples-panel-markdown-background-color);
+      border-color: var(--samples-panel-markdown-border-color);
+    }
+  }
+
+  code {
+    font-size: var(--code-block-font-size);
+    font-family: var(--code-block-font-family);
+    color: var(--code-block-text-color);
+    background-color: var(--code-block-background-color);
+  }
+
+  a,
+  a:visited {
+    color: var(--link-visited);
+  }
+
+  pre {
+    border: none;
+    padding: calc(var(--spacing-unit) * 4);
+    border-radius: var(--code-block-border-radius);
+    background: var(--code-block-background-color);
+  }
+`;export function PullRight({children:o}){return React.createElement(StyledRightPanel,null,React.createElement(CodePanel,null,this.props.children&&React.createElement(MarkdownCodeBlock,{source:o})))}const StyledRightPanel=styled(SamplesPanel)`
+  float: right;
+  z-index: 1;
+  position: relative;
+  margin-bottom: 10px;
+`;
+//# sourceMappingURL=PullRight.js.map