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

package/lib/types.js

@@ -1,2 +0,0 @@
-"use strict";var WindowReferenceOptions,MediaTypes;Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypes=exports.WindowReferenceOptions=void 0,function(e){e.LINK_FOR_ID="linkForId",e.GENERATE_DEEP_LINK="generateDeepLink",e.ON_DEEP_LINK_CLICK="onDeepLinkClick",e.REQUEST_INTERCEPTOR="requestInterceptor",e.HOOKS="hooks"}(WindowReferenceOptions=exports.WindowReferenceOptions||(exports.WindowReferenceOptions={})),function(e){e.OCTET_STREAM="application/octet-stream",e.MULTIPART="multipart/form-data",e.URL_ENCODED="application/x-www-form-urlencoded",e.JSON="application/json",e.XML="application/xml"}(MediaTypes=exports.MediaTypes||(exports.MediaTypes={}));
-//# sourceMappingURL=types.js.map

package/lib/utils.d.ts

@@ -1,30 +0,0 @@
-import type { ProStore } from './services/ProStore';
-import type { SecurityDetails } from './types';
-export declare const getGlobalStore: () => ProStore;
-export declare const setGlobalStore: (store: ProStore) => ProStore;
-export declare function debounce<T>(fn: (...args: T[]) => void, threshold: number, leading?: boolean): (...args: T[]) => void;
-export declare function toSessionStorage(key: string, value: string): void;
-export declare function fromSessionStorage<T extends string>(key: string): T;
-export declare function setParameterValue(_in: string, name: string, value: GenericObject): void;
-export declare function getParameterValue(_in: string, name: string): string | null;
-export declare function toLocalStorage(key: string, value: string): void;
-export declare function fromLocalStorage<T extends string>(key: string): T;
-export declare function escapeFormId(id: string): string;
-export declare function unescapeFormId(id: string): string;
-export declare function setSecurityDetails(name: string, details: SecurityDetails | string): void;
-export declare function setSecurityDetailsVariants(name: string, variants: {
-    label: string;
-    details: SecurityDetails | string;
-}[]): void;
-export declare function getSecurityDetails(name: string): SecurityDetails & {
-    raw: string;
-};
-export declare function getSecurityDetailsOptions(name: string, fieldName: string): Array<{
-    label: string;
-    value: string;
-}> | null;
-export declare function get<T>(object: GenericObject | undefined, path: string | Array<string>, defval?: T): GenericObject;
-export declare function joinStringFactory(separator: string): (...args: (string | undefined)[]) => string;
-export declare const dottedString: (...args: (string | undefined)[]) => string;
-export declare function getWindowReferenceOptions<T>(option: string): T | null;
-export declare function getJsUrl(): string;

package/lib/utils.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getJsUrl=exports.getWindowReferenceOptions=exports.dottedString=exports.joinStringFactory=exports.get=exports.getSecurityDetailsOptions=exports.getSecurityDetails=exports.setSecurityDetailsVariants=exports.setSecurityDetails=exports.unescapeFormId=exports.escapeFormId=exports.fromLocalStorage=exports.toLocalStorage=exports.getParameterValue=exports.setParameterValue=exports.fromSessionStorage=exports.toSessionStorage=exports.debounce=exports.setGlobalStore=exports.getGlobalStore=void 0;const utils_1=require("./redoc-lib/src/utils");let _store;const getGlobalStore=()=>_store;exports.getGlobalStore=getGlobalStore;const setGlobalStore=e=>_store=e;function debounce(e,t,o){let r,s=0;return function(...n){s++,r?clearTimeout(r):o&&e(...n),r=setTimeout((function(){s>1&&e(...n),s=0,r=null}),t)}}function toSessionStorage(e,t){utils_1.IS_BROWSER&&window.sessionStorage.setItem("redoc."+e,t)}function fromSessionStorage(e){return utils_1.IS_BROWSER&&window.sessionStorage.getItem("redoc."+e)||""}function setParameterValue(e,t,o){toSessionStorage(`${e}.${t}`,JSON.stringify(o))}function getParameterValue(e,t){try{return JSON.parse(fromSessionStorage(`${e}.${t}`))}catch(e){return null}}function toLocalStorage(e,t){window.localStorage.setItem("redoc."+e,t)}function fromLocalStorage(e){return utils_1.IS_BROWSER&&window.localStorage.getItem("redoc."+e)||""}function escapeFormId(e){return e.replace(/[.[\]]/g,(e=>({".":"%2e","[":"%5b","]":"%5d"}[e]||"")))}function unescapeFormId(e){return e.replace(/%2e|%5b|%5d/g,(e=>({"%2e":".","%5b":"[","%5d":"]"}[e]||"")))}function setSecurityDetails(e,t){e=escapeFormId(e),"string"==typeof t?toSessionStorage("auth."+e,t):t&&(toSessionStorage(`auth.${e}.password`,t.password||""),toSessionStorage(`auth.${e}.username`,t.username||""),toSessionStorage(`auth.${e}.token`,t.token&&JSON.stringify(t.token)||""),toSessionStorage(`auth.${e}.client_id`,t.client_id||""),toSessionStorage(`auth.${e}.client_secret`,t.client_secret||""),toSessionStorage(`auth.${e}.scopes`,t.scopes&&JSON.stringify(t.scopes)||""))}function setSecurityDetailsVariants(e,t){toSessionStorage(`auth.${e=escapeFormId(e)}.variants`,JSON.stringify(t))}function getSecurityDetails(e){const t=fromSessionStorage(`auth.${e=escapeFormId(e)}`),o=fromSessionStorage(`auth.${e}.token`);return{raw:t,password:fromSessionStorage(`auth.${e}.password`),username:fromSessionStorage(`auth.${e}.username`),token:o&&JSON.parse(o)||null,client_id:fromSessionStorage(`auth.${e}.client_id`),client_secret:fromSessionStorage(`auth.${e}.client_secret`),scopes:fromSessionStorage(`auth.${e}.scopes`)}}function getSecurityDetailsOptions(e,t){const o=fromSessionStorage(`auth.${e=escapeFormId(e)}.variants`);if(!o)return null;const r=JSON.parse(o);return r&&Array.isArray(r)?r.map((e=>e.details?""===t&&e.details&&"string"==typeof e.details?{label:e.label,value:e.details}:"object"==typeof e.details?{label:e.label,value:e.details[t]}:null:null)).filter(notNull):null}function notNull(e){return null!==e}function get(e={},t,o){return"string"==typeof t&&(t=t.split(".")),t.reduce(((e,t)=>e&&e[t]?e[t]:o),e)}function joinStringFactory(e){return(...t)=>t.filter(Boolean).join(e)}function getWindowReferenceOptions(e){var t;return utils_1.IS_BROWSER?null===(t=null===window||void 0===window?void 0:window.REFERENCE_DOCS_OPTIONS)||void 0===t?void 0:t[e]:null}function getJsUrl(){var e;if(!utils_1.IS_BROWSER)return"";const t=+new Date+Math.random();try{return document.currentScript&&(document.currentScript.async||document.currentScript.defer)||document.write(`<script id="dummy${t}"><\/script>`),(null===(e=document.getElementById("dummy"+t))||void 0===e?void 0:e.previousSibling).src}catch(e){return""}}exports.setGlobalStore=setGlobalStore,exports.debounce=debounce,exports.toSessionStorage=toSessionStorage,exports.fromSessionStorage=fromSessionStorage,exports.setParameterValue=setParameterValue,exports.getParameterValue=getParameterValue,exports.toLocalStorage=toLocalStorage,exports.fromLocalStorage=fromLocalStorage,exports.escapeFormId=escapeFormId,exports.unescapeFormId=unescapeFormId,exports.setSecurityDetails=setSecurityDetails,exports.setSecurityDetailsVariants=setSecurityDetailsVariants,exports.getSecurityDetails=getSecurityDetails,exports.getSecurityDetailsOptions=getSecurityDetailsOptions,exports.get=get,exports.joinStringFactory=joinStringFactory,exports.dottedString=joinStringFactory("."),exports.getWindowReferenceOptions=getWindowReferenceOptions,exports.getJsUrl=getJsUrl;
-//# sourceMappingURL=utils.js.map

package/lib-esm/components/Search/ProSearchBox.d.ts

@@ -1,52 +0,0 @@
-import React, { PureComponent } from 'react';
-import type { SearchResultMeta } from '../../services/SearchStore';
-import type { ProMenu } from '../../services/ProMenu';
-import type { RedocProNormalizedOptions } from '../../services/ProStore';
-import type { IMenuItem, SearchStore, MenuItem, MarkerService } from '../../redoc-lib';
-import type { SearchResultExtended } from './MenuItemProSearch';
-declare type SearchResult<T = GenericObject | undefined> = {
-    score: number;
-    meta: T;
-};
-export interface ProSearchBoxProps {
-    search: SearchStore<SearchResultMeta>;
-    menu: ProMenu;
-    marker: MarkerService;
-    onActivate: (item: IMenuItem) => void;
-    className?: string;
-    options: RedocProNormalizedOptions;
-    shown: boolean;
-    hidePopUp: () => void;
-    showPopUp: () => void;
-    setSearchValue: (value: string) => void;
-    searchValue: string;
-}
-export interface SearchBoxState {
-    results: SearchResultExtended[] | null;
-    term: string;
-    activeItemIdx: number;
-    loading: boolean;
-}
-export declare class ProSearchBox extends PureComponent<ProSearchBoxProps, SearchBoxState> {
-    activeItemRef: typeof MenuItem | null;
-    prevCancel: (() => void) | null;
-    loadingTimer: any;
-    inputRef: React.RefObject<HTMLInputElement>;
-    constructor(props: ProSearchBoxProps);
-    componentDidUpdate(prevProps: ProSearchBoxProps): void;
-    clearResults(term: string): void;
-    clear: () => void;
-    handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    setResults(results: SearchResult<SearchResultMeta>[]): void;
-    updateSearchTerm(q: string): void;
-    _queryWorker: (...args: (string | ((res: any) => void))[]) => void;
-    queryWorker(q: string): () => void;
-    search: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onActivate: (res: SearchResultExtended) => void;
-    closeByWrapper: (e: React.BaseSyntheticEvent) => void;
-    closeByButton: () => void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element | null;
-}
-export {};

package/lib-esm/components/Search/ProSearchBox.js

@@ -1,2 +0,0 @@
-import hotkeys from"hotkeys-js";import React,{createRef,PureComponent}from"react";import{PerfectScrollbarWrap}from"../../redoc-lib/src/common-elements/perfect-scrollbar";import{debounce}from"../../utils";import{MenuItemPro}from"./MenuItemProSearch";import{SearchPopUpBG,SearchPopUpWrap,SearchPopUpHeader,TextContainer,SearchResultsBox,SearchResultsItems,ButtonClose,ButtonClear,CrossIcon,SearchIcon,SearchInput}from"./styled";function expandDeep(e,t){if(e)for(const r of e){const e=t.find((e=>e.name===r));if(!e)break;e.expand(),t=getFields(e.schema)}}function getFields(e){return e?e.oneOf?getFields(e.oneOf[e.activeOneOf]):e.items?getFields(e.items):e.fields||[]:[]}function enhanceResults(e,t){const r={};e.forEach((({meta:e,score:s})=>{const a=e.menuId,i=r[a];if(s=e.boost?s*e.boost:s,i){if(i.score=Math.max(s,i.score),e.place&&i.count++,e.place){const t=i.places.find((t=>t.place===e.place));t&&e.path?t.paths.find((t=>{var r;return(t&&t.join("->"))===(null===(r=e.path)||void 0===r?void 0:r.join("->"))}))||t.paths.push(e.path):i.places.push({place:e.place,paths:[e.path]})}}else r[a]={item:t(a),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:s,count:e.place?1:0}}));const s=Object.keys(r).map((e=>r[e]));return s.forEach(((e,t)=>e.index=t)),s.sort(((e,t)=>t.score-e.score)),s}function expandResults(e){for(const t of e.places)if("request fields"===t.place){const r=e.item.requestBody,s=getFields(r&&r.content&&r.content.active&&r.content.active.schema);for(const e of t.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),s)}}else if(t.place.startsWith("response ")){const r=t.place.split(" ")[1],s=e.item.responses.find((e=>e.code===r));s&&(s.expanded=!0);const a=getFields(s&&s.content&&s.content.active&&s.content.active.schema);for(const e of t.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),a)}}}export class ProSearchBox extends PureComponent{constructor(e){super(e),Object.defineProperty(this,"activeItemRef",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"prevCancel",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"loadingTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"inputRef",{enumerable:!0,configurable:!0,writable:!0,value:createRef()}),Object.defineProperty(this,"clear",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.setState({results:null,term:"",activeItemIdx:-1}),this.props.setSearchValue(""),this.props.marker.unmark()}}),Object.defineProperty(this,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:e=>{if(27===e.keyCode&&this.inputRef.current&&(this.inputRef.current.blur(),this.props.hidePopUp()),this.state.results&&(27===e.keyCode&&this.clear(),40===e.keyCode&&(this.setState({activeItemIdx:Math.min(this.state.activeItemIdx+1,this.state.results.length-1)}),e.preventDefault()),38===e.keyCode&&(this.setState({activeItemIdx:Math.max(0,this.state.activeItemIdx-1)}),e.preventDefault()),13===e.keyCode)){const e=this.state.results[this.state.activeItemIdx];e&&this.onActivate(e)}}}),Object.defineProperty(this,"_queryWorker",{enumerable:!0,configurable:!0,writable:!0,value:debounce(((e,t)=>{this.props.search.search(e).then((e=>{t(e)}))}),200,!0)}),Object.defineProperty(this,"search",{enumerable:!0,configurable:!0,writable:!0,value:e=>{const t=e.target.value;if(t.length<this.props.options.minCharacterLengthToInitSearch)return this.clearResults(t),void this.props.setSearchValue("");this.updateSearchTerm(t),this.prevCancel&&this.prevCancel(),this.prevCancel=this.queryWorker(t)}}),Object.defineProperty(this,"onActivate",{enumerable:!0,configurable:!0,writable:!0,value:e=>{if(this.props.hidePopUp(),this.props.onActivate(e.item),this.props.options.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to auto expand schema:",e.message)}}}),Object.defineProperty(this,"closeByWrapper",{enumerable:!0,configurable:!0,writable:!0,value:e=>{"search"===e.target.getAttribute("role")&&(this.clear(),this.props.hidePopUp())}}),Object.defineProperty(this,"closeByButton",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.clear(),this.props.hidePopUp()}}),this.state={results:null,term:"",activeItemIdx:-1,loading:!1}}componentDidUpdate(e){const{search:t,shown:r,searchValue:s}=this.props,a=e.search!==t,i=!e.shown&&r&&!s&&this.state.term;(a||i)&&this.clearResults("")}clearResults(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:null,term:e,loading:!1}),this.props.marker.unmark()}setResults(e){this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.setState({results:enhanceResults(e,this.props.menu.getItemById),loading:!1})}updateSearchTerm(e){this.setState({term:e}),this.props.setSearchValue(e),this.loadingTimer&&(clearTimeout(this.loadingTimer),this.loadingTimer=null),this.loadingTimer=setTimeout((()=>{this.setState({loading:!0})}),500),this.props.marker.mark(e)}queryWorker(e){let t=!1;return this._queryWorker(e,(r=>{e.length<3&&this.clearResults(e),t||this.state.term===e&&this.setResults(r)})),()=>{t=!0}}componentDidMount(){this.props.options.ctrlFHijack&&hotkeys("cmd+f,ctrl+f",(e=>(e.preventDefault(),e.stopPropagation(),this.props.options.disableSearch||this.props.showPopUp(),!1)))}componentWillUnmount(){hotkeys.unbind("cmd+f,ctrl+f")}render(){const{activeItemIdx:e,loading:t,results:r}=this.state,{shown:s,menu:a}=this.props;return s?React.createElement(SearchPopUpBG,{role:"search",onClick:this.closeByWrapper},React.createElement(SearchPopUpWrap,null,React.createElement(SearchPopUpHeader,null,React.createElement(SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...",type:"text",onChange:this.search,autoFocus:!0}),React.createElement(SearchIcon,null),this.state.term&&React.createElement(ButtonClear,{onClick:this.clear},"Clear"),React.createElement(ButtonClose,{onClick:this.closeByButton},React.createElement(CrossIcon,null))),React.createElement(SearchResultsBox,{"data-role":"search:results"},t&&React.createElement(TextContainer,null,"Loading..."),!t&&!(null==r?void 0:r.length)&&React.createElement(TextContainer,null,"No results found"),(null==r?void 0:r.length)?React.createElement(PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(SearchResultsItems,null,r.slice(0,50).map(((t,r)=>React.createElement(MenuItemPro,{key:t.index+t.item.id,result:t,active:r===e,onActivate:this.onActivate,term:this.state.term,history:a.history}))))):null))):null}}
-//# sourceMappingURL=ProSearchBox.js.map

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { FormValues } from 'informed';
-import type { OperationModel } from '../../redoc-lib';
-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/console/ActionPanel.js

@@ -1,4 +0,0 @@
-import React,{memo}from"react";import styled from"styled-components";import{Button}from"@redocly/theme";import{serializeParameterValue}from"../../redoc-lib";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/console/AuthPanel/AuthPanel.d.ts

@@ -1,13 +0,0 @@
-import { Component } from 'react';
-import type { AuthPanelProps, AuthPanelState } from './types';
-import type { DropdownOption } from '../../common/Dropdown';
-export declare class AuthPanel extends Component<AuthPanelProps, AuthPanelState> {
-    static getDerivedStateFromProps(props: AuthPanelProps): AuthPanelState;
-    state: {
-        activeScheme: number;
-    };
-    handleSchemeChange: (option: DropdownOption & {
-        idx: number;
-    }) => void;
-    render(): JSX.Element | null;
-}

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

@@ -1,2 +0,0 @@
-import React,{Component,Fragment}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"../../../redoc-lib/src/services/Labels";import OAuth2TokenInputCmp from"../OAuth2TokenInput";export class AuthPanel extends Component{constructor(){super(...arguments),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeScheme:0}}),Object.defineProperty(this,"handleSchemeChange",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.setState({activeScheme:e.idx}),toSessionStorage("securityRequirementName",e.value)}})}static getDerivedStateFromProps(e){const t=e.operation.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),o=fromSessionStorage("securityRequirementName"),r=t.findIndex((e=>e===o));return{activeScheme:r<0?0:r}}render(){const{securityDefaults:e}=this.props,{activeScheme:t}=this.state,o=this.props.operation.security,r=o.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));return 0===r.length?React.createElement(Error,{message:"Cannot find security schema in the definition"}):React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,r.length>1&&React.createElement(FormControl,null,React.createElement(FormLabel,null," Security scheme: "),React.createElement(TryItDropdown,{variant:"dark",fullWidth:!0,options:r,value:r[t].value,onChange:this.handleSchemeChange}))||null,o[t].schemes.map((t=>{var o,r,a,i,n,s,u;const c=escapeFormId(t.id);if("apiKey"===t.type){const o=getSecurityDetailsOptions(c,""),r={field:`auth.${c}`,fullWidth:!0,initialValue:fromCookie(t)||fromSessionStorage(`auth.${c}`)||(null==e?void 0:e[c]),initValue:fromCookie(t)||fromSessionStorage(`auth.${c}`)||(null==e?void 0:e[c]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(FormControl,{key:c},React.createElement(FormLabel,null," ",t.name,": "),o?React.createElement(FormDropdown,Object.assign({},r,{options:o})):React.createElement(FormTextField,Object.assign({},r,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=getSecurityDetailsOptions(c,"username"),i={field:`auth.${c}.username`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${c}.username`)||(null===(o=null==e?void 0:e[c])||void 0===o?void 0:o.username),initValue:fromSessionStorage(`auth.${c}.username`)||(null===(r=null==e?void 0:e[c])||void 0===r?void 0:r.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:c},React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicUsername"),": "),t?React.createElement(FormDropdown,Object.assign({},i,{options:t})):React.createElement(FormTextField,Object.assign({},i,{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.${c}.password`,initialValue:fromSessionStorage(`auth.${c}.password`)||(null===(a=null==e?void 0:e[c])||void 0===a?void 0:a.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=getSecurityDetailsOptions(c,""),o={field:`auth.${c}`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${c}`)||(null==e?void 0:e[c]),initValue:fromSessionStorage(`auth.${c}`)||(null==e?void 0:e[c]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:c},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(OAuth2TokenInputCmp,{key:c,flow:t.flows.clientCredentials,server:this.props.activeServer,authCorsProxyUrl:this.props.authCorsProxyUrl,id:c,form:this.props.form,formApi:this.props.formApi,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[c]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return React.createElement(OAuth2Flow,{key:c,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:this.props.authCorsProxyUrl,scopes:Object.keys((null===(n=null===(i=null==t?void 0:t.flows)||void 0===i?void 0:i.implicit)||void 0===n?void 0:n.scopes)||{}),server:this.props.activeServer,id:c,form:this.props.form,formApi:this.props.formApi,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[c]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return React.createElement(OAuth2Flow,{key:c,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:this.props.authCorsProxyUrl,scopes:Object.keys((null===(s=t.flows.authorizationCode)||void 0===s?void 0:s.scopes)||{}),server:this.props.activeServer,id:c,form:this.props.form,formApi:this.props.formApi,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[c]});if("oauth2"===t.type){let t=fromSessionStorage(`auth.${c}.token`)||JSON.stringify(null===(u=null==e?void 0:e[c])||void 0===u?void 0:u.token);return t=t?JSON.parse(t):{},React.createElement(Fragment,{key:c},React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token Type: "),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${c}.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.${c}.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:c,server:this.props.activeServer,authCorsProxyUrl:this.props.authCorsProxyUrl,id:c,form:this.props.form,formApi:this.props.formApi,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[c]})}}))),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/console/AuthPanel/types.d.ts

@@ -1,14 +0,0 @@
-import type { FormApi, FormState } from 'informed';
-import type { OperationModel } from '../../../redoc-lib';
-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/console/CodemirrorInput.d.ts

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

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

@@ -1,50 +0,0 @@
-import React,{PureComponent}from"react";import{asField}from"informed";import{Controlled as CodeMirror}from"react-codemirror2-react-17";import{createGlobalStyle}from"styled-components";import"./codemirror-helpers";import{MediaTypes}from"../../types";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);
-  }
-`;export class CodemirrorInput extends PureComponent{constructor(){super(...arguments),Object.defineProperty(this,"editor",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"_onKeyUp",{enumerable:!0,configurable:!0,writable:!0,value:(e,r)=>{/^[a-zA-Z0-9_":]$/.test(r.key)&&this.editor.execCommand("autocomplete")}}),Object.defineProperty(this,"initEditor",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.editor=e,e.on("keyup",this._onKeyUp)}}),Object.defineProperty(this,"refreshEditor",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.editor.refresh()}}),Object.defineProperty(this,"showHintHandler",{enumerable:!0,configurable:!0,writable:!0,value:()=>this.editor.showHint({completeSingle:!0})})}componentDidMount(){setTimeout((()=>{this.editor.refresh()}),0),document.addEventListener("click",this.refreshEditor)}componentWillUnmount(){document.removeEventListener("click",this.refreshEditor)}render(){const{value:e}=this.props.fieldState,{setValue:r,setTouched:o,setError:t}=this.props.fieldApi,{onChange:i,onBlur:a,forwardedRef:n}=this.props;return React.createElement(React.Fragment,null,React.createElement(CodeMirrorStyles,null),React.createElement(CodeMirror,{editorDidMount:this.initEditor,value:e||"",ref:n,onBeforeChange:(e,o,t)=>{r(t),i&&i(t)},onBlur:e=>{o(!1),a&&a(e)},options:{mode:this.props.mode||MediaTypes.JSON,theme:"material",matchBrackets:!0,autoCloseBrackets:!0,tabSize:2,foldGutter:!0,extraKeys:{"Cmd-Space":this.showHintHandler,"Ctrl-Space":this.showHintHandler},hintOptions:{id:this.props.id,completeSingle:!1,schema:this.props.schema},lint:{id:this.props.id,schema:this.props.schema,setError:t}}}))}}export default asField(CodemirrorInput);
-//# sourceMappingURL=CodemirrorInput.js.map

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

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

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

@@ -1,2 +0,0 @@
-var __decorate=this&&this.__decorate||function(e,t,r,o){var s,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(s=e[i])&&(n=(a<3?s(n):a>3?s(t,r,n):s(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},__awaiter=this&&this.__awaiter||function(e,t,r,o){return new(r||(r=Promise))((function(s,a){function n(e){try{l(o.next(e))}catch(e){a(e)}}function i(e){try{l(o.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,i)}l((o=o.apply(e,t||[])).next())}))},__rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)t.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(r[o[s]]=e[o[s]])}return r};import{Form,useField}from"informed";import{observer}from"mobx-react";import Swagger from"swagger-client";import React,{Component,useContext}from"react";import{unescapeFormId}from"../../utils";import{JsonPointer,StoreContext}from"../../redoc-lib";import{RenderHook}from"../../redoc-lib/src/components/RenderHook";import{l}from"../../redoc-lib/src/services/Labels";import{Accordion,StyledCodeHeader}from"../Panel";import{OAuth2}from"../../services/OAuth2";import{isFileUploadMime}from"../common/FileUpload/helper";import{OperationParameters}from"../OperationParameters";import{useDimensions}from"../../hooks";import{AnalyticsEventType}from"../../events";import{getFileNameFromHeaders,getParameters,makeRequestInterceptor,unescapeQueryParams,updateStorage,requiredValidator}from"./utils";import{AuthPanel}from"./AuthPanel";import{RequestBody}from"./RequestBody/RequestBody";import{ResponsePanel}from"./ResponsePanel";import{ActionPanel}from"./ActionPanel";import{ServersDropdown}from"./ServersDropdown";import{TryItPanel}from"./TryItPanel";import{ConsoleTabs}from"./ConsoleTabs";import{CloseButton,ConsoleBody,ConsoleWrap}from"./styled";function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}const flexColumn={flex:1,display:"flex",flexDirection:"column"};let Console=class extends Component{constructor(e){super(e),Object.defineProperty(this,"formApi",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"setFormApi",{enumerable:!0,configurable:!0,writable:!0,value:(e,t=e.getState())=>{var{values:r}=t,o=__rest(t,["values"]);this.formApi=e,setTimeout((()=>{const e=Object.assign(Object.assign({},o),{values:Object.assign(Object.assign({},r),{query:unescapeQueryParams(r.query||{})})});this.setState({form:e})}),0)}}),Object.defineProperty(this,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:e=>{var{values:t}=e,r=__rest(e,["values"]);const o=Object.assign(Object.assign({},r),{values:Object.assign(Object.assign({},t),{query:unescapeQueryParams(t.query||{})})});this.setState({form:o}),updateStorage(o),this.props.operation.setRequestValues(t)}}),Object.defineProperty(this,"handleTabChange",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.setState({activeTab:e})}}),Object.defineProperty(this,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.setState({server:e}),this.props.operation.setActiveServer(e)}}),Object.defineProperty(this,"handleExecute",{enumerable:!0,configurable:!0,writable:!0,value:()=>__awaiter(this,void 0,void 0,(function*(){var e,t,r,o,s,a,n,i;const{store:l,operation:c,onResponse:u}=this.props,{values:p,invalid:d}=this.state.form;if(null===(e=this.formApi)||void 0===e||e.submitForm(),d)return this.setState({shaking:!0}),setTimeout((()=>this.setState({shaking:!1})),1e3),void(null===(r=null===(t=null==l?void 0:l.options.events)||void 0===t?void 0:t.tryItSent)||void 0===r||r.call(t,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:c.operationId,operationPath:c.path,operationHttpVerb:c.httpVerb,operationSummary:c.description}));const{servers:h,requestBody:m}=this.props.operation,v=m&&m.content&&m.content.active&&m.content.active.name||"";let y=p.body;if(/json/.test(v))try{y=JSON.parse(y)}catch(e){console.error(e)}this.setState({loading:!0});const f=this.state.resolvedRawSpec,b=(c.httpVerb||"").toLowerCase();if(!h)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 g=h.find((e=>this.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),O=Date.now(),P=!!window.document.documentMode;let R,j=p.auth;if(p.auth){const e=Object.keys(p.auth)[0],t=unescapeFormId(e);R=Object.assign(Object.assign({},f),{components:Object.assign(Object.assign({},null==f?void 0:f.components),{securitySchemes:Object.assign(Object.assign({},null==f?void 0:f.components.securitySchemes),{[t]:Object.assign(Object.assign({},null==f?void 0:f.components.securitySchemes[t]),{type:"openIdConnect"===(null==f?void 0:f.components.securitySchemes[t].type)?"oauth2":null==f?void 0:f.components.securitySchemes[t].type})})})}),j=Object.assign(Object.assign({},j),{[t]:j[e]})}else R=Object.assign({},f);R.servers=h;const S=l.options.corsProxyUrl;S&&h.length&&(R.servers=h.map((e=>Object.assign(Object.assign({},e),{url:S+normalizeUrlProtocol(e.url)}))),R.paths=Object.assign(Object.assign({},R.paths),{[c.path]:Object.assign(Object.assign({},R.paths[c.path]),{[b]:Object.assign(Object.assign({},R.paths[c.path][b]),{servers:void 0}),servers:void 0})}));const C=(null===(s=null===(o=null==m?void 0:m.content)||void 0===o?void 0:o.active)||void 0===s?void 0:s.name)||null;if(C&&y&&isFileUploadMime(C)){const e=Object.values(y);y=e.length>1?e:e[0]}const w={userFetch:P&&require("cross-fetch").fetch,server:S?S+normalizeUrlProtocol(g.url):g.url,serverVariables:this.state.server.variables,spec:R,pathName:c.path,method:c.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},p.path),p.query),p.header),p.cookie),securities:{authorized:j},requestBody:y,requestContentType:C,responseContentType:(null===(a=p.header)||void 0===a?void 0:a.Accept)||null,requestInterceptor:makeRequestInterceptor(l.options,c,null==j?void 0:j.Authorization)};try{const e=yield Swagger.execute(w),t=null==e?void 0:e.data;t instanceof Blob&&(isFileUploadMime(t.type)&&(e.fileInfo={rawData:t,fileName:getFileNameFromHeaders(e.headers)}),e.data=yield t.text()),null==u||u({request:w,response:e}),this.setState({response:e,error:void 0})}catch(e){e&&e.response&&e.response.data instanceof Blob&&(e.response.data=yield e.response.data.text(),null==u||u({request:w,response:e.response})),this.setState({response:void 0,error:e})}finally{this.setState({loading:!1,activeTab:1,time:Date.now()-O}),null===(i=null===(n=null==l?void 0:l.options.events)||void 0===n?void 0:n.tryItSent)||void 0===i||i.call(n,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:c.operationId,operationPath:c.path,operationHttpVerb:c.httpVerb,operationSummary:c.description})}}))}),this.state={form:{values:{path:getParameters(e.operation.parameters,"path"),cookie:getParameters(e.operation.parameters,"cookie"),header:getParameters(e.operation.parameters,"header"),query:getParameters(e.operation.parameters,"query")}},shaking:!1,loading:!1,activeTab:0,server:{}}}componentDidMount(){var e;return __awaiter(this,void 0,void 0,(function*(){const{store:t,operation:r}=this.props,o=yield t.dereferenceSpecForTryIt(r);this.setState({resolvedRawSpec:o}),null===(e=this.formApi)||void 0===e||e.setValues({})}))}componentDidUpdate(e){e.operation!==this.props.operation&&this.setState({response:void 0,error:void 0,activeTab:0})}render(){const{operation:e,className:t,rootElement:r}=this.props,{shaking:o,activeTab:s,form:a,response:n,loading:i,error:l}=this.state,c=!(!n&&!l);return React.createElement(ConsoleWrapHook,{shaking:o,className:t,rootElement:r},React.createElement(StyledCodeHeader,null,React.createElement(ConsoleTabs,{active:s,hasResponse:c,onChange:this.handleTabChange}),this.props.onClose&&React.createElement(CloseButton,{onClick:this.props.onClose}," ✕ ")),React.createElement(ConsoleBody,{hidden:0!==s,"data-cy":"console-request-body"},this.renderRequest()),React.createElement(ConsoleBody,{hidden:1!==s,"data-cy":"console-response-body"},this.renderResponse()),React.createElement(ActionPanel,{hasResponse:c,params:a.values,operation:e,loading:i,execute:this.handleExecute}))}renderRequest(){var e;const{operation:t,store:r,properties:o,securityDefaults:s}=this.props,{form:a,resolvedRawSpec:n,server:i}=this.state,c=a.errors||{},u=c.path||c.cookie||c.header||c.query,p=n&&JsonPointer.get(n,t.pointer);let d=a.values&&a.values.auth&&Object.keys(a.values.auth)[0];d&&a.values.auth[d]||(d=void 0),!d||void 0===a.values.auth[d].token&&void 0===a.values.auth[d].client_id&&void 0===a.values.auth[d].client_secret||a.values.auth[d].token&&a.values.auth[d].token.access_token||(d=void 0),d&&null!=a.values.auth[d].username&&(a.values.auth[d].username&&a.values.auth[d].password||(d=void 0));const h=t.parameters||[],m=null===(e=null==r?void 0:r.options.hooks)||void 0===e?void 0:e.ReplaceTryItSecurityPanel;return!n&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(Form,{onChange:this.handleChange,getApi:this.setFormApi,style:Object.assign(Object.assign({},flexColumn),{margin:0})},React.createElement(ServersDropdown,{operation:t,onChange:this.handleServerChange}),React.createElement(Accordion,{initialActiveIdx:t.security.length&&d?1:0},t.security.length&&this.formApi&&React.createElement(TryItPanel,{header:l("tryItAuth"),"data-cy":"security-trigger",error:!d&&!!c.auth,success:!!d,renderChildrenHidden:!0},m?React.createElement(AuthPanelHook,{field:"auth",validate:requiredValidator},(e=>React.createElement(RenderHook,{Hook:m,props:{server:i,operation:t,onChange:e,OAuth2:OAuth2}}))):React.createElement(AuthPanel,{formApi:this.formApi,form:a,operation:t,activeServer:i.url,authCorsProxyUrl:r.options.authCorsProxyUrl,securityDefaults:s}))||null,t.requestBody&&this.formApi&&React.createElement(TryItPanel,{header:l("tryItBody"),"data-cy":"body-trigger",error:!!c.body,renderChildrenHidden:!0},React.createElement(RequestBody,{validate:allowBodyErrors,formApi:this.formApi,body:t.requestBody,id:t.id,resolvedBody:null==p?void 0:p.requestBody,properties:o}))||null,h.length&&React.createElement(TryItPanel,{header:l("tryItParameters"),"data-cy":"parameters-trigger",error:u,renderChildrenHidden:!0},React.createElement(OperationParameters,{operation:t,values:a.values,errors:a.errors||{}}))||null))}renderResponse(){const{response:e,error:t,time:r}=this.state;return React.createElement(ResponsePanel,{response:e,error:t,time:r})}};Console=__decorate([observer],Console);export{Console};function allowBodyErrors(){}function ConsoleWrapHook(e){const{shaking:t,className:r,children:o,rootElement:s}=e,[a]=useDimensions(s),n=useContext(StoreContext);return React.createElement(ConsoleWrap,{scrollYOffset:null==n?void 0:n.options.scrollYOffset,shaking:t,className:r,"data-cy":"console",fullWidth:null==a?void 0:a.width},o)}function AuthPanelHook(e){const{fieldApi:t,render:r,userProps:o}=useField(Object.assign({},e)),{setValue:s}=t,{children:a}=o;return r(React.createElement(React.Fragment,null,a(s)))}
-//# sourceMappingURL=Console.js.map

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

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

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

@@ -1,2 +0,0 @@
-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"../../redoc-lib";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/console/OAuth2Flow.d.ts

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

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

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

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

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

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

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

@@ -1,17 +0,0 @@
-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/ParameterArray.d.ts

@@ -1,9 +0,0 @@
-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/ParameterDropdown.js

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

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

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

@@ -1,2 +0,0 @@
-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/types.d.ts

@@ -1,10 +0,0 @@
-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/RequestBodyForm.d.ts

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

@@ -1,10 +0,0 @@
-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/ResponseBody.d.ts

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

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

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