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

package/lib-esm/utils/store.d.ts

@@ -0,0 +1,3 @@
+import type { ProStore } from '../services';
+export declare const getGlobalStore: () => ProStore;
+export declare const setGlobalStore: (store: ProStore) => ProStore;

package/lib-esm/utils/store.js

@@ -0,0 +1,2 @@
+let _store;export const getGlobalStore=()=>_store;export const setGlobalStore=t=>_store=t;
+//# sourceMappingURL=store.js.map

package/lib-esm/utils/string.d.ts

@@ -0,0 +1,3 @@
+export declare function strikethroughText(text: string): string;
+export declare function escapeFormId(id: string): string;
+export declare function unescapeFormId(id: string): string;

package/lib-esm/utils/string.js

@@ -0,0 +1,2 @@
+export function strikethroughText(e){return e.split("").map((e=>e+"̵")).join("")}export function escapeFormId(e){return e.replace(/[.[\]]/g,(e=>({".":"%2e","[":"%5b","]":"%5d"}[e]||"")))}export function unescapeFormId(e){return e.replace(/%2e|%5b|%5d/g,(e=>({"%2e":".","%5b":"[","%5d":"]"}[e]||"")))}
+//# sourceMappingURL=string.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.0.0-alpha.10",
+  "version": "3.0.0-alpha.12",
   "description": "Redocly Reference Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -68,7 +68,6 @@
     "compile:es5": "rm -rf lib && tsc -p tsconfig.lib.json && node scripts/minify.js lib",
     "compile:esm": "rm -rf lib-esm && tsc -p tsconfig.lib-esm.json && node scripts/minify.js lib-esm",
     "bundle-worker": "webpack --config webpack.config.worker.js --mode=production",
-    "publish": "scripts/publish.sh",
     "postpublish": "scripts/postpublish.sh",
     "publish:cdn": "scripts/publish-cdn.sh",
     "publish:cli:s3": "scripts/publish-cli-s3.sh",
@@ -84,7 +83,7 @@
     "cdn-serve": "http-server playground/cdn-test/server-dist"
   },
   "peerDependencies": {
-    "@redocly/theme": "^0.6.0",
+    "@redocly/theme": "^0.7.0",
     "core-js": "^3.1.4",
     "mobx": "^6.6.2",
     "react": "^16.8.4 || ^17.0.0",
@@ -94,7 +93,7 @@
   "devDependencies": {
     "@percy/cli": "^1.10.3",
     "@percy/cypress": "^3.1.1",
-    "@redocly/theme": "^0.6.0",
+    "@redocly/theme": "^0.7.0",
     "@testing-library/jest-dom": "^5.15.1",
     "@testing-library/react": "^12.1.4",
     "@testing-library/react-hooks": "^8.0.1",
@@ -107,7 +106,7 @@
     "@types/json-pointer": "^1.0.30",
     "@types/mark.js": "^8.11.5",
     "@types/marked": "^4.0.1",
-    "@types/node": "^14.14.37",
+    "@types/node": "^18.11.18",
     "@types/prismjs": "^1.16.1",
     "@types/react": "^16.9.27",
     "@types/react-dom": "^16.9.4",
@@ -161,11 +160,16 @@
       "build": {
         "outputs": [
           "{projectRoot}/lib",
+          "{projectRoot}/lib-esm",
+          "{projectRoot}/bin",
           "{projectRoot}/dist"
         ]
       },
       "test": {
-        "outputs": []
+        "outputs": [
+          "{projectRoot}/report.json",
+          "{projectRoot}/coverage"
+        ]
       }
     }
   }

package/lib/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/components/Search/ProSearchBox.js

@@ -1,2 +0,0 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var s=Object.getOwnPropertyDescriptor(t,r);s&&!("get"in s?!t.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,s)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProSearchBox=void 0;const hotkeys_js_1=__importDefault(require("hotkeys-js")),react_1=__importStar(require("react")),perfect_scrollbar_1=require("../../redoc-lib/src/common-elements/perfect-scrollbar"),utils_1=require("../../utils"),MenuItemProSearch_1=require("./MenuItemProSearch"),styled_1=require("./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:a})=>{const s=e.menuId,i=r[s];if(a=e.boost?a*e.boost:a,i){if(i.score=Math.max(a,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[s]={item:t(s),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:a,count:e.place?1:0}}));const a=Object.keys(r).map((e=>r[e]));return a.forEach(((e,t)=>e.index=t)),a.sort(((e,t)=>t.score-e.score)),a}function expandResults(e){for(const t of e.places)if("request fields"===t.place){const r=e.item.requestBody,a=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),a)}}else if(t.place.startsWith("response ")){const r=t.place.split(" ")[1],a=e.item.responses.find((e=>e.code===r));a&&(a.expanded=!0);const s=getFields(a&&a.content&&a.content.active&&a.content.active.schema);for(const e of t.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),s)}}}class ProSearchBox extends react_1.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:(0,react_1.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:(0,utils_1.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:a}=this.props,s=e.search!==t,i=!e.shown&&r&&!a&&this.state.term;(s||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&&(0,hotkeys_js_1.default)("cmd+f,ctrl+f",(e=>(e.preventDefault(),e.stopPropagation(),this.props.options.disableSearch||this.props.showPopUp(),!1)))}componentWillUnmount(){hotkeys_js_1.default.unbind("cmd+f,ctrl+f")}render(){const{activeItemIdx:e,loading:t,results:r}=this.state,{shown:a,menu:s}=this.props;return a?react_1.default.createElement(styled_1.SearchPopUpBG,{role:"search",onClick:this.closeByWrapper},react_1.default.createElement(styled_1.SearchPopUpWrap,null,react_1.default.createElement(styled_1.SearchPopUpHeader,null,react_1.default.createElement(styled_1.SearchInput,{ref:this.inputRef,value:this.state.term,onKeyDown:this.handleKeyDown,placeholder:"Search...",type:"text",onChange:this.search,autoFocus:!0}),react_1.default.createElement(styled_1.SearchIcon,null),this.state.term&&react_1.default.createElement(styled_1.ButtonClear,{onClick:this.clear},"Clear"),react_1.default.createElement(styled_1.ButtonClose,{onClick:this.closeByButton},react_1.default.createElement(styled_1.CrossIcon,null))),react_1.default.createElement(styled_1.SearchResultsBox,{"data-role":"search:results"},t&&react_1.default.createElement(styled_1.TextContainer,null,"Loading..."),!t&&!(null==r?void 0:r.length)&&react_1.default.createElement(styled_1.TextContainer,null,"No results found"),(null==r?void 0:r.length)?react_1.default.createElement(perfect_scrollbar_1.PerfectScrollbarWrap,{options:{wheelPropagation:!1}},react_1.default.createElement(styled_1.SearchResultsItems,null,r.slice(0,50).map(((t,r)=>react_1.default.createElement(MenuItemProSearch_1.MenuItemPro,{key:t.index+t.item.id,result:t,active:r===e,onActivate:this.onActivate,term:this.state.term,history:s.history}))))):null))):null}}exports.ProSearchBox=ProSearchBox;
-//# sourceMappingURL=ProSearchBox.js.map

package/lib/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/components/console/ActionPanel.js

@@ -1,4 +0,0 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),Endpoint_1=require("../Endpoint"),shared_1=require("../shared"),utils_1=require("./utils");function formatPath(e,t,n){const r=t.path||{},o=t.query||{},a=Object.keys(o);let i=(0,utils_1.expandVariables)(e,r);return a.length&&(i+="?"+a.map((e=>{if(!o[e])return"";const t=(e=>n.find((t=>t.name===e&&"query"===t.in)))(e);return t?(0,redoc_lib_1.serializeParameterValue)(t,o[e]):`${e}=${encodeURIComponent(o[e])}`})).filter(Boolean).join("&")),i}const ActionPanelComponent=({loading:e,operation:t,hasResponse:n,execute:r,params:o={}})=>react_1.default.createElement(Panel_1.CodeHeader,null,react_1.default.createElement(Endpoint_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(Endpoint_1.Path,{wrap:"true"},formatPath(t.path,o,t.parameters))),react_1.default.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:e,onClick:()=>!e&&r()},e?"Sending...":n?"Resend":"Send"));exports.ActionPanelComponent=ActionPanelComponent;const SendButton=(0,styled_components_1.default)(theme_1.Button)`
-  width: var(--panel-try-it-action-button-width);
-`;exports.ActionPanel=(0,react_1.memo)(exports.ActionPanelComponent);
-//# sourceMappingURL=ActionPanel.js.map

package/lib/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/components/console/AuthPanel/AuthPanel.js

@@ -1,2 +0,0 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,a)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AuthPanel=void 0;const react_1=__importStar(require("react")),utils_1=require("../../../utils"),styled_1=require("../styled"),form_1=require("../../common/form"),TextField_1=require("../../common/TextField"),OpenIDConnect_1=require("../OpenIDConnect"),utils_2=require("../utils"),OAuth2Flow_1=require("../OAuth2Flow"),Labels_1=require("../../../redoc-lib/src/services/Labels"),OAuth2TokenInput_1=__importDefault(require("../OAuth2TokenInput"));class AuthPanel extends react_1.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}),(0,utils_1.toSessionStorage)("securityRequirementName",e.value)}})}static getDerivedStateFromProps(e){const t=e.operation.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),r=(0,utils_1.fromSessionStorage)("securityRequirementName"),l=t.findIndex((e=>e===r));return{activeScheme:l<0?0:l}}render(){const{securityDefaults:e}=this.props,{activeScheme:t}=this.state,r=this.props.operation.security,l=r.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));return 0===l.length?react_1.default.createElement(OpenIDConnect_1.Error,{message:"Cannot find security schema in the definition"}):react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(form_1.FormWrapper,null,l.length>1&&react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Security scheme: "),react_1.default.createElement(styled_1.TryItDropdown,{variant:"dark",fullWidth:!0,options:l,value:l[t].value,onChange:this.handleSchemeChange}))||null,r[t].schemes.map((t=>{var r,l,a,o,i,n,u;const s=(0,utils_1.escapeFormId)(t.id);if("apiKey"===t.type){const r=(0,utils_1.getSecurityDetailsOptions)(s,""),l={field:`auth.${s}`,fullWidth:!0,initialValue:(0,utils_2.fromCookie)(t)||(0,utils_1.fromSessionStorage)(`auth.${s}`)||(null==e?void 0:e[s]),initValue:(0,utils_2.fromCookie)(t)||(0,utils_1.fromSessionStorage)(`auth.${s}`)||(null==e?void 0:e[s]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(form_1.FormControl,{key:s},react_1.default.createElement(form_1.FormLabel,null," ",t.name,": "),r?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},l,{options:r})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},l,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=(0,utils_1.getSecurityDetailsOptions)(s,"username"),o={field:`auth.${s}.username`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${s}.username`)||(null===(r=null==e?void 0:e[s])||void 0===r?void 0:r.username),initValue:(0,utils_1.fromSessionStorage)(`auth.${s}.username`)||(null===(l=null==e?void 0:e[s])||void 0===l?void 0:l.username),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(react_1.Fragment,{key:s},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicUsername"),": "),t?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},o,{options:t})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},o,{panel:"try-it"}))),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," ",(0,Labels_1.l)("tryItAuthBasicPassword"),": "),react_1.default.createElement(TextField_1.FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:`auth.${s}.password`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${s}.password`)||(null===(a=null==e?void 0:e[s])||void 0===a?void 0:a.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=(0,utils_1.getSecurityDetailsOptions)(s,""),r={field:`auth.${s}`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${s}`)||(null==e?void 0:e[s]),initValue:(0,utils_1.fromSessionStorage)(`auth.${s}`)||(null==e?void 0:e[s]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(react_1.Fragment,{key:s},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Bearer Token: "),t?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},r,{options:t})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},r,{type:"password",placeholder:"(without 'Bearer')",panel:"try-it"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return react_1.default.createElement(OAuth2TokenInput_1.default,{key:s,flow:t.flows.clientCredentials,server:this.props.activeServer,authCorsProxyUrl:this.props.authCorsProxyUrl,id:s,form:this.props.form,formApi:this.props.formApi,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[s]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:s,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:this.props.authCorsProxyUrl,scopes:Object.keys((null===(i=null===(o=null==t?void 0:t.flows)||void 0===o?void 0:o.implicit)||void 0===i?void 0:i.scopes)||{}),server:this.props.activeServer,id:s,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[s]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:s,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:this.props.authCorsProxyUrl,scopes:Object.keys((null===(n=t.flows.authorizationCode)||void 0===n?void 0:n.scopes)||{}),server:this.props.activeServer,id:s,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[s]});if("oauth2"===t.type){let t=(0,utils_1.fromSessionStorage)(`auth.${s}.token`)||JSON.stringify(null===(u=null==e?void 0:e[s])||void 0===u?void 0:u.token);return t=t?JSON.parse(t):{},react_1.default.createElement(react_1.Fragment,{key:s},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token Type: "),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${s}.token.token_type`,initialValue:t.token_type||"Bearer",panel:"try-it"})),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token: "),react_1.default.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:`auth.${s}.token.access_token`,validate:utils_2.requiredValidator,initialValue:t.access_token,validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("openIdConnect"===t.type)return react_1.default.createElement(OpenIDConnect_1.OpenIDConnect,{key:s,server:this.props.activeServer,authCorsProxyUrl:this.props.authCorsProxyUrl,id:s,form:this.props.form,formApi:this.props.formApi,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[s]})}}))),react_1.default.createElement("small",null,react_1.default.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))}}exports.AuthPanel=AuthPanel;
-//# sourceMappingURL=AuthPanel.js.map

package/lib/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/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/components/console/CodemirrorInput.js

@@ -1,50 +0,0 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var i=Object.getOwnPropertyDescriptor(r,t);i&&!("get"in i?!r.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,i)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodemirrorInput=void 0;const react_1=__importStar(require("react")),informed_1=require("informed"),react_codemirror2_react_17_1=require("react-codemirror2-react-17"),styled_components_1=require("styled-components");require("./codemirror-helpers");const types_1=require("../../types"),CodeMirrorStyles=styled_components_1.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);
-  }
-`;class CodemirrorInput extends react_1.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:t,setError:o}=this.props.fieldApi,{onChange:i,onBlur:n,forwardedRef:a}=this.props;return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(CodeMirrorStyles,null),react_1.default.createElement(react_codemirror2_react_17_1.Controlled,{editorDidMount:this.initEditor,value:e||"",ref:a,onBeforeChange:(e,t,o)=>{r(o),i&&i(o)},onBlur:e=>{t(!1),n&&n(e)},options:{mode:this.props.mode||types_1.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:o}}}))}}exports.CodemirrorInput=CodemirrorInput,exports.default=(0,informed_1.asField)(CodemirrorInput);
-//# sourceMappingURL=CodemirrorInput.js.map

package/lib/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/components/console/Console.js

@@ -1,2 +0,0 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var s=Object.getOwnPropertyDescriptor(t,r);s&&!("get"in s?!t.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,s)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__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},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;const informed_1=require("informed"),mobx_react_1=require("mobx-react"),swagger_client_1=__importDefault(require("swagger-client")),react_1=__importStar(require("react")),utils_1=require("../../utils"),redoc_lib_1=require("../../redoc-lib"),RenderHook_1=require("../../redoc-lib/src/components/RenderHook"),Labels_1=require("../../redoc-lib/src/services/Labels"),Panel_1=require("../Panel"),OAuth2_1=require("../../services/OAuth2"),helper_1=require("../common/FileUpload/helper"),OperationParameters_1=require("../OperationParameters"),hooks_1=require("../../hooks"),events_1=require("../../events"),utils_2=require("./utils"),AuthPanel_1=require("./AuthPanel"),RequestBody_1=require("./RequestBody/RequestBody"),ResponsePanel_1=require("./ResponsePanel"),ActionPanel_1=require("./ActionPanel"),ServersDropdown_1=require("./ServersDropdown"),TryItPanel_1=require("./TryItPanel"),ConsoleTabs_1=require("./ConsoleTabs"),styled_1=require("./styled");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}const flexColumn={flex:1,display:"flex",flexDirection:"column"};let Console=class extends react_1.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:(0,utils_2.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:(0,utils_2.unescapeQueryParams)(t.query||{})})});this.setState({form:o}),(0,utils_2.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:u,onResponse:c}=this.props,{values:d,invalid:p}=this.state.form;if(null===(e=this.formApi)||void 0===e||e.submitForm(),p)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:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:u.operationId,operationPath:u.path,operationHttpVerb:u.httpVerb,operationSummary:u.description}));const{servers:h,requestBody:_}=this.props.operation,v=_&&_.content&&_.content.active&&_.content.active.name||"";let f=d.body;if(/json/.test(v))try{f=JSON.parse(f)}catch(e){console.error(e)}this.setState({loading:!0});const m=this.state.resolvedRawSpec,y=(u.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 b=h.find((e=>this.state.server.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),g=Date.now(),O=!!window.document.documentMode;let P,j=d.auth;if(d.auth){const e=Object.keys(d.auth)[0],t=(0,utils_1.unescapeFormId)(e);P=Object.assign(Object.assign({},m),{components:Object.assign(Object.assign({},null==m?void 0:m.components),{securitySchemes:Object.assign(Object.assign({},null==m?void 0:m.components.securitySchemes),{[t]:Object.assign(Object.assign({},null==m?void 0:m.components.securitySchemes[t]),{type:"openIdConnect"===(null==m?void 0:m.components.securitySchemes[t].type)?"oauth2":null==m?void 0:m.components.securitySchemes[t].type})})})}),j=Object.assign(Object.assign({},j),{[t]:j[e]})}else P=Object.assign({},m);P.servers=h;const q=l.options.corsProxyUrl;q&&h.length&&(P.servers=h.map((e=>Object.assign(Object.assign({},e),{url:q+normalizeUrlProtocol(e.url)}))),P.paths=Object.assign(Object.assign({},P.paths),{[u.path]:Object.assign(Object.assign({},P.paths[u.path]),{[y]:Object.assign(Object.assign({},P.paths[u.path][y]),{servers:void 0}),servers:void 0})}));const S=(null===(s=null===(o=null==_?void 0:_.content)||void 0===o?void 0:o.active)||void 0===s?void 0:s.name)||null;if(S&&f&&(0,helper_1.isFileUploadMime)(S)){const e=Object.values(f);f=e.length>1?e:e[0]}const C={userFetch:O&&require("cross-fetch").fetch,server:q?q+normalizeUrlProtocol(b.url):b.url,serverVariables:this.state.server.variables,spec:P,pathName:u.path,method:u.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},d.path),d.query),d.header),d.cookie),securities:{authorized:j},requestBody:f,requestContentType:S,responseContentType:(null===(a=d.header)||void 0===a?void 0:a.Accept)||null,requestInterceptor:(0,utils_2.makeRequestInterceptor)(l.options,u,null==j?void 0:j.Authorization)};try{const e=yield swagger_client_1.default.execute(C),t=null==e?void 0:e.data;t instanceof Blob&&((0,helper_1.isFileUploadMime)(t.type)&&(e.fileInfo={rawData:t,fileName:(0,utils_2.getFileNameFromHeaders)(e.headers)}),e.data=yield t.text()),null==c||c({request:C,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==c||c({request:C,response:e.response})),this.setState({response:void 0,error:e})}finally{this.setState({loading:!1,activeTab:1,time:Date.now()-g}),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:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:u.operationId,operationPath:u.path,operationHttpVerb:u.httpVerb,operationSummary:u.description})}}))}),this.state={form:{values:{path:(0,utils_2.getParameters)(e.operation.parameters,"path"),cookie:(0,utils_2.getParameters)(e.operation.parameters,"cookie"),header:(0,utils_2.getParameters)(e.operation.parameters,"header"),query:(0,utils_2.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,u=!(!n&&!l);return react_1.default.createElement(ConsoleWrapHook,{shaking:o,className:t,rootElement:r},react_1.default.createElement(Panel_1.StyledCodeHeader,null,react_1.default.createElement(ConsoleTabs_1.ConsoleTabs,{active:s,hasResponse:u,onChange:this.handleTabChange}),this.props.onClose&&react_1.default.createElement(styled_1.CloseButton,{onClick:this.props.onClose}," ✕ ")),react_1.default.createElement(styled_1.ConsoleBody,{hidden:0!==s,"data-cy":"console-request-body"},this.renderRequest()),react_1.default.createElement(styled_1.ConsoleBody,{hidden:1!==s,"data-cy":"console-response-body"},this.renderResponse()),react_1.default.createElement(ActionPanel_1.ActionPanel,{hasResponse:u,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,l=a.errors||{},u=l.path||l.cookie||l.header||l.query,c=n&&redoc_lib_1.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 p=t.parameters||[],h=null===(e=null==r?void 0:r.options.hooks)||void 0===e?void 0:e.ReplaceTryItSecurityPanel;return!n&&react_1.default.createElement(react_1.default.Fragment,null,"Loading...")||react_1.default.createElement(informed_1.Form,{onChange:this.handleChange,getApi:this.setFormApi,style:Object.assign(Object.assign({},flexColumn),{margin:0})},react_1.default.createElement(ServersDropdown_1.ServersDropdown,{operation:t,onChange:this.handleServerChange}),react_1.default.createElement(Panel_1.Accordion,{initialActiveIdx:t.security.length&&d?1:0},t.security.length&&this.formApi&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItAuth"),"data-cy":"security-trigger",error:!d&&!!l.auth,success:!!d,renderChildrenHidden:!0},h?react_1.default.createElement(AuthPanelHook,{field:"auth",validate:utils_2.requiredValidator},(e=>react_1.default.createElement(RenderHook_1.RenderHook,{Hook:h,props:{server:i,operation:t,onChange:e,OAuth2:OAuth2_1.OAuth2}}))):react_1.default.createElement(AuthPanel_1.AuthPanel,{formApi:this.formApi,form:a,operation:t,activeServer:i.url,authCorsProxyUrl:r.options.authCorsProxyUrl,securityDefaults:s}))||null,t.requestBody&&this.formApi&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItBody"),"data-cy":"body-trigger",error:!!l.body,renderChildrenHidden:!0},react_1.default.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:this.formApi,body:t.requestBody,id:t.id,resolvedBody:null==c?void 0:c.requestBody,properties:o}))||null,p.length&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,Labels_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:u,renderChildrenHidden:!0},react_1.default.createElement(OperationParameters_1.OperationParameters,{operation:t,values:a.values,errors:a.errors||{}}))||null))}renderResponse(){const{response:e,error:t,time:r}=this.state;return react_1.default.createElement(ResponsePanel_1.ResponsePanel,{response:e,error:t,time:r})}};function allowBodyErrors(){}function ConsoleWrapHook(e){const{shaking:t,className:r,children:o,rootElement:s}=e,[a]=(0,hooks_1.useDimensions)(s),n=(0,react_1.useContext)(redoc_lib_1.StoreContext);return react_1.default.createElement(styled_1.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}=(0,informed_1.useField)(Object.assign({},e)),{setValue:s}=t,{children:a}=o;return r(react_1.default.createElement(react_1.default.Fragment,null,a(s)))}Console=__decorate([mobx_react_1.observer],Console),exports.Console=Console;
-//# sourceMappingURL=Console.js.map

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

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

package/lib/components/console/ConsoleLazy.js

@@ -1,2 +0,0 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);return __setModuleDefault(t,e),t},__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())}))};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;const react_1=__importStar(require("react")),hooks_1=require("../../hooks"),Panel_1=require("../Panel"),redoc_lib_1=require("../../redoc-lib"),styled_1=require("./styled");function Console(e){const[t,o]=(0,react_1.useState)({}),r=(0,react_1.useContext)(redoc_lib_1.StoreContext),[n]=(0,hooks_1.useDimensions)(e.rootElement);return(0,react_1.useEffect)((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){const e=yield Promise.resolve().then((()=>__importStar(require("./Console"))));o({Console:e.Console})}))})()}),[]),t.Console?react_1.default.createElement(t.Console,Object.assign({},e)):react_1.default.createElement(styled_1.ConsoleWrap,{scrollYOffset:null==r?void 0:r.options.scrollYOffset,className:e.className,fullWidth:null==n?void 0:n.width},react_1.default.createElement(Panel_1.CodeHeader,null,"Loading..."))}exports.Console=Console;
-//# sourceMappingURL=ConsoleLazy.js.map

package/lib/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/components/console/OAuth2Flow.js

@@ -1,14 +0,0 @@
-"use strict";var __awaiter=this&&this.__awaiter||function(e,t,l,r){return new(l||(l=Promise))((function(i,a){function o(e){try{s(r.next(e))}catch(e){a(e)}}function n(e){try{s(r.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?i(e.value):(t=e.value,t instanceof l?t:new l((function(e){e(t)}))).then(o,n)}s((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),redoc_lib_1=require("../../redoc-lib"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),Checkbox_1=require("../common/Checkbox"),OAuth2_1=require("../../services/OAuth2"),utils_1=require("../../utils"),utils_2=require("../../services/utils"),utils_3=require("./utils"),Scope_1=__importDefault(require("./Scope"));function requiredValidator(e){if(!e)return"Field is required"}class OAuth2Flow extends react_1.default.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(0,OAuth2_1.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=(0,utils_2.randString)(43);(0,OAuth2_1.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:l,id:r,tokenUrl:i,authCorsProxyUrl:a,tokenEndpointAuthMethod:o}=this.props;if(!(0,utils_2.isEmptyObject)(this.errors))return;this.setState({loading:!0,error:null});const n=a?a+(0,utils_3.normalizeUrlProtocol)(e):e,s=a&&i?a+(0,utils_3.normalizeUrlProtocol)(i):i,u=this.props.formApi.getValue(`auth.${r}.scopes`),c={authorizationUrl:n.startsWith("http")?n:this.props.server+n,clientId:this.values.client_id,scopes:u,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_1.OAuth2.authorizeImplicit(c),(0,utils_3.validateTokenEndpointMethod)(o)?"authorizationCode"===t&&OAuth2_1.OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},c),{tokenUrl:(null==s?void 0:s.startsWith("http"))?s:this.props.server+s,clientSecret:this.values.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:o,clientId:this.values.client_id,clientSecret:this.values.client_secret})}),l&&{codeVerifier:this.state.codeVerifier,codeChallenge:this.state.codeChallenge})):console.log(`Unsupported token endpoint auth method: ${o}`)}handleLogout(){this.clearToken(),this.setState({error:null})}handleCancel(){this.setState({loading:!1,error:null}),OAuth2_1.OAuth2.clearRedirectData(this.props.flow)}render(){const{error:e,loading:t}=this.state,{id:l,scopes:r,authorizationUrl:i,flow:a,usePkce:o,defaultValues:n}=this.props;if(!i)return react_1.default.createElement(form_1.FormError,null,"No flow info");let s=(0,utils_1.fromSessionStorage)(`auth.${l}.token`)||JSON.stringify(null==n?void 0:n.token);s=s?JSON.parse(s):"";const u=(0,utils_1.getSecurityDetailsOptions)(l,"client_id"),c={field:`auth.${l}.client_id`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||this.props.clientId||(null==n?void 0:n.client_id),initValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||this.props.clientId||(null==n?void 0:n.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement("div",null,react_1.default.createElement(form_1.FormWrapper,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Client ID: "),u?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},c,{options:u})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},c,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===a&&react_1.default.createElement(react_1.default.Fragment,null,(!(null==o?void 0:o.hideClientSecretInput)||!o)&&react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Client Secret:"),react_1.default.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:`auth.${l}.client_secret`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_secret`)||(null==n?void 0:n.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),o&&!o.disableManualConfiguration&&react_1.default.createElement(PkceOptionsWrapper,null,react_1.default.createElement(Checkbox_1.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_1.default.createElement(PkceDetails,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Verifier"),react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:this.state.codeVerifier,onChange:this.handleCodeVerifierChange,panel:"try-it","data-cy":"code-verifier-input"})),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,"Code Challenge"),react_1.default.createElement(TextField_1.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_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${l}.token`,type:"hidden",initialValue:s,panel:"try-it"}),react_1.default.createElement(Scope_1.default,{id:l,scopes:r}),this.values.token&&this.values.token.access_token?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Access Token: "),react_1.default.createElement(TextField_1.TextField,{disabled:!0,type:"password",fullWidth:!0,value:this.values.token.access_token,panel:"try-it"})):null),react_1.default.createElement(ButtonsWrapper,null,this.values.token&&this.values.token.access_token?react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{this.handleLogout()}},"Log out"):t?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{this.handleCancel()}},"Cancel"),react_1.default.createElement(LinearProgress_1.LinearProgress,null)):react_1.default.createElement(theme_1.Button,{fullWidth:!0,disabled:!(0,utils_2.isEmptyObject)(this.errors),onClick:()=>{this.handleAuthorize(i)}},"Authorize")),t||e||!this.values.token||!this.values.token.access_token&&react_1.default.createElement(form_1.FormWrapper,null,react_1.default.createElement(form_1.FormControl,null,t?react_1.default.createElement(form_1.FormWarning,null,"Please, finish your authorization flow or cancel authorization."):e?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(OriginalErrorMessage,null,react_1.default.createElement(form_1.FormError,null,e))):this.values.token&&this.values.token.access_token?null:react_1.default.createElement(form_1.FormWarning,null," No Access Token. Please, Authorize. "))))}}exports.OAuth2Flow=OAuth2Flow,Object.defineProperty(OAuth2Flow,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:redoc_lib_1.OptionsContext});const OriginalErrorMessage=styled_components_1.default.div`
-  font-family: var(--font-family-monospaced);
-  margin-top: 10px;
-  line-height: 1;
-  padding-left: 10px;
-  border-left: 1px solid gray;
-`,ButtonsWrapper=styled_components_1.default.div`
-  margin-bottom: 15px;
-`,PkceOptionsWrapper=styled_components_1.default.div`
-  padding: 8px 0 20px;
-`,PkceDetails=styled_components_1.default.div`
-  padding: 4px 0;
-`;
-//# sourceMappingURL=OAuth2Flow.js.map

package/lib/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/components/console/OAuth2TokenInput.js

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

package/lib/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/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/components/console/ParameterDropdown.js

@@ -1,2 +0,0 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterEnumDropdown=void 0;const react_1=__importStar(require("react")),informed_1=require("informed"),hooks_1=require("../../hooks"),styled_1=require("./styled"),ParameterEnumDropdownComponent=({initValue:e,paramEnum:t,fieldApi:r})=>{const[a,n]=(0,react_1.useState)(),o=t.map(((e,t)=>({idx:t,value:e})));(0,hooks_1.useMount)((()=>{if(e)if(Array.isArray(e)){const t=e.length?e[0]:"";n(t),r.setValue(t)}else n(e),r.setValue(e)}));return react_1.default.createElement(styled_1.TryItDropdown,{clearable:!0,fullWidth:!0,variant:"dark",value:a,options:o,handleClear:()=>{r.setValue(""),n("")},onChange:e=>{r.setValue(e.value),n(e.value)}})};exports.ParameterEnumDropdown=(0,informed_1.asField)(ParameterEnumDropdownComponent);
-//# sourceMappingURL=ParameterDropdown.js.map

package/lib/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>;