@redocly/openapi-docs 3.0.0-alpha.10

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

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

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

@@ -0,0 +1,17 @@
+import type { FormApi, FormState } from 'informed';
+import type { SecurityScheme } from '../../redoc-lib';
+import type { SecurityDetails } from '../../types';
+export interface OpenIDConnectProps {
+    server: string;
+    authCorsProxyUrl: Maybe<string>;
+    id: string;
+    form: FormState;
+    formApi: FormApi;
+    scheme: SecurityScheme;
+    clientId?: string;
+    defaultValues?: SecurityDetails;
+}
+export declare function OpenIDConnect(props: OpenIDConnectProps): JSX.Element;
+export declare function Error({ message }: {
+    message: string;
+}): JSX.Element;

package/lib/components/console/OpenIDConnect.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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},__awaiter=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))((function(o,a){function l(e){try{i(n.next(e))}catch(e){a(e)}}function u(e){try{i(n.throw(e))}catch(e){a(e)}}function i(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(l,u)}i((n=n.apply(e,t||[])).next())}))};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Error=exports.OpenIDConnect=void 0;const react_1=__importStar(require("react")),OpenIDConnect_1=require("../../services/OpenIDConnect"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),OAuth2Flow_1=require("./OAuth2Flow"),styled_1=require("./styled");function OpenIDConnect(e){var t,r;const{scheme:n,defaultValues:o}=e,[a,l]=(0,react_1.useState)({}),[u,i]=(0,react_1.useState)(),[c,d]=(0,react_1.useState)(!1);(0,react_1.useEffect)((()=>{s(n.openIdConnectUrl)}),[n.openIdConnectUrl]);const s=e=>__awaiter(this,void 0,void 0,(function*(){d(!0),i("");try{const t=yield(0,OpenIDConnect_1.discoverOpenIDConnect)(e);l(t)}catch(e){i(e.message)}d(!1)}));return c?react_1.default.createElement(Loading,null):u?react_1.default.createElement(Error,{message:u}):react_1.default.createElement("div",null,react_1.default.createElement("div",null,(null===(t=null==a?void 0:a.response_types_supported)||void 0===t?void 0:t.includes("token"))?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.FlowName,null,"OAuth2 Implicit Flow"),react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:e.id,authorizationUrl:a.authorization_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:a.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,flow:"implicit",defaultValues:o})):(null===(r=null==a?void 0:a.response_types_supported)||void 0===r?void 0:r.includes("code"))?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.FlowName,null,"OAuth2 Authorization Flow"),react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:e.id,authorizationUrl:a.authorization_endpoint,tokenUrl:a.token_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:a.scopes_supported,server:e.server,id:e.id,form:e.form,formApi:e.formApi,clientId:e.clientId,tokenEndpointAuthMethod:null==a?void 0:a.token_endpoint_auth_methods_supported,flow:"authorizationCode",defaultValues:o})):react_1.default.createElement("div",null,"Unsupported flow")))}function Loading(){return react_1.default.createElement("div",null,react_1.default.createElement("div",null,react_1.default.createElement("div",null,"Fetching OpenID Connect metadata..."),react_1.default.createElement(LinearProgress_1.LinearProgress,null)))}function Error({message:e}){return react_1.default.createElement("div",null,react_1.default.createElement("div",null,react_1.default.createElement(form_1.FormError,null,e)))}exports.OpenIDConnect=OpenIDConnect,exports.Error=Error;
+//# sourceMappingURL=OpenIDConnect.js.map

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

@@ -0,0 +1,9 @@
+import type { FieldModel } from '../../redoc-lib';
+interface ParameterArrayProps {
+    name: string;
+    param: FieldModel;
+    place: string;
+    renderParameter: any;
+}
+export declare const ParameterArray: ({ name, param, place, renderParameter, }: ParameterArrayProps) => JSX.Element;
+export {};

package/lib/components/console/ParameterArray.js

@@ -0,0 +1,28 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterArray=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),form_1=require("../common/form"),ParameterArray=({name:e,param:t,place:r,renderParameter:a})=>{var l,o,n,i,d;const[s,m]=react_1.default.useState([]),c=(null===(l=t.schema.items)||void 0===l?void 0:l.fields)?null===(o=t.schema.items)||void 0===o?void 0:o.fields:[{schema:(null===(n=t.schema.items)||void 0===n?void 0:n.schema)||t.schema.items,name:"",required:t.required,description:null===(i=t.schema.items)||void 0===i?void 0:i.description,externalDocs:null===(d=t.schema.items)||void 0===d?void 0:d.externalDocs,deprecated:!1,toggle:()=>null,expanded:!1}];return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Row,null,react_1.default.createElement(form_1.FormLabel,{required:t.required},e,"(",s.length," items)"),react_1.default.createElement("span",{onClick:()=>{m([...s,s.length?s[s.length-1]+1:0])}},"Add item +")),null==s?void 0:s.map(((t,l)=>react_1.default.createElement(Row,{key:t},react_1.default.createElement(Delete,{onClick:()=>{return e=t,void m(s.filter((t=>t!==e)));var e}},"delete"),c.map((o=>a(o,r,`${e}.[${t}]`,`[${l}]${o.name&&"."+o.name}`)))))))};exports.ParameterArray=ParameterArray;const Row=styled_components_1.default.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  margin-bottom: 10px;
+  label {
+    padding-bottom: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: 1.5;
+  }
+  span {
+    cursor: pointer;
+    margin-left: auto;
+    color: var(--text-color-secondary);
+    &:hover {
+      color: #fff;
+    }
+  }
+`,Delete=styled_components_1.default.span`
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  position: relative;
+`;
+//# sourceMappingURL=ParameterArray.js.map

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

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

package/lib/components/console/ParameterDropdown.js

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

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

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,o)}: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.RequestBody=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),deepmerge_1=__importDefault(require("deepmerge")),redoc_lib_1=require("../../../redoc-lib"),Samples_1=require("../../Samples"),utils_1=require("../../../services/utils"),helper_1=require("../../common/FileUpload/helper"),types_1=require("../../../types"),Dropdown_1=require("../../common/Dropdown"),RequestBodyForm_1=require("../RequestBodyForm"),RequestMimeLabel_1=require("../RequestMimeLabel"),CodemirrorInput_1=__importDefault(require("../CodemirrorInput")),utils_2=require("../utils"),utils_3=require("../../../utils"),RequestBodyComponent=(0,mobx_react_1.observer)((({body:e,formApi:t,resolvedBody:r,properties:a,id:o,validate:l})=>{var i,n;const u=e.content,d=e=>{var t;if(!u||!u.hasSample)return"";const r=null===(t=u.active)||void 0===t?void 0:t.examples;if(!(null==r?void 0:r[e]))return"";const o=null==r?void 0:r[e].value,l=a?(0,deepmerge_1.default)(o,a,{arrayMerge:utils_1.arrayMergeStrategy}):o;return JSON.stringify(l,null,2)},s=null===(i=null==u?void 0:u.operation)||void 0===i?void 0:i.activeExampleName,_=e=>{null==u||u.activateExampleName(e),t.setValue("body",d(e))},m=(e,r)=>{t.setValue(`body.${e}`,r)};(0,react_1.useEffect)((()=>{var e,r;if(null===(e=null==u?void 0:u.operation)||void 0===e?void 0:e.activeMimeName){const e=(0,utils_2.getStorageExampleKey)(o,u.operation.activeMimeName,s,null===(r=null==u?void 0:u.active)||void 0===r?void 0:r.examples);t.setValue("body",(0,utils_3.fromSessionStorage)(e)||d(s||""))}else t.setValue("body",JSON.stringify(a||{},null,2))}),[s,null===(n=null==u?void 0:u.operation)||void 0===n?void 0:n.activeMimeName,null==u?void 0:u.active]);const c=(0,react_1.useCallback)(((e="",t="",r=[])=>a=>{(0,utils_3.toSessionStorage)((0,utils_2.getStorageExampleKey)(o,e,t,r),a)}),[o]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(redoc_lib_1.MediaTypesSwitch,{content:e.content,renderDropdown:e=>react_1.default.createElement(redoc_lib_1.DropdownOrLabel,Object.assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:Dropdown_1.Dropdown}))},(e=>{const i=e.examples||{},n=Object.keys(i),u=e.schema,d=(0,helper_1.isRootFileUpload)(u||{},e.name)||e.name===types_1.MediaTypes.MULTIPART||e.name===types_1.MediaTypes.URL_ENCODED,{exampleKey:s}=(0,Samples_1.useExampleKey)(e.operation,i),p=(0,utils_3.fromSessionStorage)((0,utils_2.getStorageExampleKey)(o,e.name,s,i))||(0,utils_2.encodeSample)(i[s],a);return react_1.default.createElement(react_1.default.Fragment,null,n.length&&1!==n.length&&react_1.default.createElement(Samples_1.ExampleSwitch,{examples:i,onChange:_,exampleKey:s,panel:"try-it"})||null,d?react_1.default.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,formApi:t,onChange:m}):react_1.default.createElement(CodemirrorInput_1.default,{id:"body"+o,field:"body",initialValue:p,schema:((null==r?void 0:r.content[e.name])||{}).schema,mode:e.name,validate:l,onChange:c(e.name,s,i)}))})))}));exports.RequestBody=(0,react_1.memo)(RequestBodyComponent);
+//# sourceMappingURL=RequestBody.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var RequestBody_1=require("./RequestBody");Object.defineProperty(exports,"RequestBody",{enumerable:!0,get:function(){return RequestBody_1.RequestBody}}),__exportStar(require("./types"),exports);
+//# sourceMappingURL=index.js.map

package/lib/components/console/RequestBody/types.d.ts

@@ -0,0 +1,10 @@
+import type { FormApi } from 'informed';
+import type { RequestBodyModel, OpenAPIRequestBody } from '../../../redoc-lib';
+export interface RequestBodyProps {
+    body: RequestBodyModel;
+    resolvedBody: OpenAPIRequestBody;
+    validate: () => string | undefined;
+    formApi: FormApi;
+    id: string;
+    properties: any;
+}

package/lib/components/console/RequestBody/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,9 @@
+import type { FormApi } from 'informed';
+import type { FieldModel, MediaTypeModel } from '../../redoc-lib';
+import type { UploadFileType } from '../../models';
+export declare const RequestBodyForm: (props: {
+    mediaType: MediaTypeModel;
+    onChange(key: string, file: UploadFileType): void;
+    formApi?: FormApi<import("informed").FormValues> | undefined;
+}) => JSX.Element | null;
+export declare function getRequestBodyFormFields(mediaType: MediaTypeModel): FieldModel[];

package/lib/components/console/RequestBodyForm.js

@@ -0,0 +1,10 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,l){void 0===l&&(l=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,l,r)}:function(e,t,o,l){void 0===l&&(l=o),e[l]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getRequestBodyFormFields=exports.RequestBodyForm=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),styled_components_1=__importDefault(require("styled-components")),helper_1=require("../common/FileUpload/helper"),form_1=require("../common/form"),FileUpload_1=require("../common/FileUpload"),TextField_1=require("../common/TextField"),models_1=require("../../models"),types_1=require("../../types"),Samples_1=require("../Samples");function getRequestBodyFormFields(e){var t,o,l,r,a;return((null===(o=null===(t=e.schema)||void 0===t?void 0:t.oneOf)||void 0===o?void 0:o.length)?(null===(l=e.schema)||void 0===l?void 0:l.oneOf[null===(r=e.schema)||void 0===r?void 0:r.activeOneOf].fields)||[]:(null===(a=e.schema)||void 0===a?void 0:a.fields)||[]).filter((e=>!e.schema.readOnly))}exports.RequestBodyForm=(0,mobx_react_1.observer)((e=>{var t;const{mediaType:o,onChange:l,formApi:r}=e,a=o.examples||{},{exampleKey:n}=(0,Samples_1.useExampleKey)(o.operation,a),i=null===(t=a[n])||void 0===t?void 0:t.rawValue,d=getRequestBodyFormFields(o);(0,react_1.useEffect)((()=>r&&d.forEach((e=>{var t,o;const l=null==i?void 0:i[e.name],a=null!==(o=null!==(t=e.example)&&void 0!==t?t:null==l?void 0:l.example)&&void 0!==o?o:l,n="object"==typeof a?JSON.stringify(a):a;void 0!==a&&r.setValue("body."+e.name,`${n}`)}))),[n]);const m=o.schema||{};return(0,helper_1.isRootFileUpload)(m,o.name)?react_1.default.createElement(FileFormControlWrapper,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(StyledFileUpload,{fullWidth:!0,id:`body.${o.name}`,name:`body.${o.name}`,accept:(0,helper_1.mimeTypeToAccept)(o.name),schema:m,contentName:o.name,onChange:l}))):m.type===models_1.DefinitionTypes.OBJECT||d?react_1.default.createElement(FileFormControlWrapper,null,d.map((e=>{const t=e.schema||{contentMediaType:"",type:"",description:""},r=o.name===types_1.MediaTypes.MULTIPART&&(0,helper_1.isMultipartFileUploadProperty)(t),a=t.contentMediaType||"",n=r?react_1.default.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+e.name,name:"body."+e.name,accept:(0,helper_1.mimeTypeToAccept)(a),multiple:"array"===t.type,schema:t,contentName:e.name,onChange:l}):react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,id:"body."+e.name,field:"body."+e.name,placeholder:t.description||e.name,panel:"try-it"});return react_1.default.createElement(form_1.FormControl,{key:e.name},react_1.default.createElement(form_1.FormLabel,null,e.name,":"),n)}))):(console.warn(`Invalid schema for request body and mime type: "${o.name}"`,m),null)})),exports.getRequestBodyFormFields=getRequestBodyFormFields;const FileFormControlWrapper=styled_components_1.default.div`
+  > div {
+    margin-top: 10px;
+  }
+`,StyledFileUpload=(0,styled_components_1.default)(FileUpload_1.FileUpload)`
+  ${(0,TextField_1.getInvertedInputStyles)("try-it")};
+  ${({inputType:e})=>"password"===e?"padding-right: 40px;":""};
+  ${({fullWidth:e})=>e?"width: 100%;":""}
+`;
+//# sourceMappingURL=RequestBodyForm.js.map

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

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

package/lib/components/console/RequestMimeLabel.js

@@ -0,0 +1,5 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestMimeLabel=void 0;const styled_components_1=__importDefault(require("styled-components")),shared_1=require("../shared");exports.RequestMimeLabel=(0,styled_components_1.default)(shared_1.MimeLabel)`
+  border-radius: var(--panel-border-radius);
+  margin-bottom: 10px;
+`;
+//# sourceMappingURL=RequestMimeLabel.js.map

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

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

package/lib/components/console/ResponseBody.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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.ResponseBody=void 0;const React=__importStar(require("react")),theme_1=require("@redocly/theme"),redoc_lib_1=require("../../redoc-lib"),styled_1=require("./styled");function ResponseBody({response:e}){return React.createElement(React.Fragment,null,React.createElement(styled_1.ResponseHeader,null," Body: "),getResponseBody(e))}function getResponseBody(e){return e.body?React.createElement(theme_1.JsonViewer,{data:e.body,jsonSampleExpandLevel:1}):e.fileInfo?React.createElement(redoc_lib_1.SourceCodeWithFile,{fileInfo:e.fileInfo}):null!==e.data?e.data?React.createElement(theme_1.SourceCode,{lang:(0,redoc_lib_1.langFromMime)(e.headers["Content-Type"]||"text/plain"),source:e.data,withCopyButton:!0}):React.createElement(styled_1.PanelPreCodeBlock,null,React.createElement("i",null,"(no content)")):null}exports.ResponseBody=ResponseBody;
+//# sourceMappingURL=ResponseBody.js.map

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

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

package/lib/components/console/ResponseHeadersList.js

@@ -0,0 +1,10 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}: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.ResponseHeadersList=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),styled_1=require("./styled");function ResponseHeadersList({headers:e}){const t=(0,react_1.useContext)(redoc_lib_1.OptionsContext),[r,a]=(0,react_1.useState)(!0),{maxResponseHeadersToShowInTryIt:l}=t,n=Object.keys(e),o=!!l&&n.length>l,s=o&&r?[...n].splice(0,l):[...n];return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.ResponseHeader,null," Headers: "),react_1.default.createElement(styled_1.PanelPreCodeBlock,null,s.map((t=>react_1.default.createElement("div",{key:t},react_1.default.createElement(HeaderName,null,t,":"),react_1.default.createElement("code",null,e[t])))),o&&react_1.default.createElement(StyledShowMoreLabel,{onClick:()=>{a(!r)}},r?"Show more...":"Hide headers")))}exports.ResponseHeadersList=ResponseHeadersList;const HeaderName=styled_components_1.default.strong`
+  text-transform: capitalize;
+  display: inline-block;
+  padding-right: 5px;
+`,StyledShowMoreLabel=styled_components_1.default.div`
+  cursor: pointer;
+  margin-top: 5px;
+  font-size: 14px;
+`;HeaderName.displayName="HeaderName",StyledShowMoreLabel.displayName="StyledShowMoreLabel";
+//# sourceMappingURL=ResponseHeadersList.js.map

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { FileInfo } from '../../redoc-lib/src/common-elements/Download';
+export interface OpenApiResponseData extends FileInfo {
+    body?: GenericObject;
+    data: string;
+    ok: boolean;
+    status: number;
+    statusText: string;
+    headers: Record<string, string>;
+    parseError?: Error;
+}
+export interface ResponsePanelProps {
+    response?: OpenApiResponseData;
+    error?: Error & {
+        response?: OpenApiResponseData;
+    };
+    time?: number;
+}
+export declare class ResponsePanel extends React.PureComponent<ResponsePanelProps> {
+    render(): JSX.Element;
+}

package/lib/components/console/ResponsePanel.js

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

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

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

package/lib/components/console/Scope.js

@@ -0,0 +1,2 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),form_1=require("../common/form"),CheckboxList_1=require("../common/CheckboxList"),utils_1=require("../../utils");function Scope(e){const{scopes:t,id:r}=e;let o=[];try{o=JSON.parse((0,utils_1.fromSessionStorage)(`auth.${r}.scopes`))}catch(e){}return t&&t.length?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," Scopes: "),react_1.default.createElement(CheckboxList_1.CheckboxList,{field:`auth.${r}.scopes`,initialValue:o,items:t,showControls:!0,trimItemsLength:!0})):react_1.default.createElement(react_1.default.Fragment,null)}exports.default=Scope;
+//# sourceMappingURL=Scope.js.map

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

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

package/lib/components/console/ServerVariable.js

@@ -0,0 +1,5 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}: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});const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),redoc_lib_1=require("../../redoc-lib"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),styled_1=require("./styled");function ServerVariable({name:e,value:t,description:r,variableEnum:a,onChange:l,defaultValue:o}){const n=(0,react_1.useCallback)((e=>l(e.target.value)),[l]),i=(0,react_1.useCallback)((e=>l(e.value)),[l]),u=a?a.map(((e,t)=>({value:e,idx:t}))):[];return react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null,e,":"),u&&u.length?react_1.default.createElement(styled_1.TryItDropdown,{fullWidth:!0,variant:"dark",value:t,options:u,onChange:i}):react_1.default.createElement(TextField_1.TextField,{fullWidth:!0,value:t,onChange:n,placeholder:o,panel:"try-it"}),r&&react_1.default.createElement(StyledMarkdown,{compact:!0,source:r}))}exports.default=ServerVariable;const StyledMarkdown=(0,styled_components_1.default)(redoc_lib_1.Markdown)`
+  margin-top: 5px;
+  color: #d0d0d0;
+`;
+//# sourceMappingURL=ServerVariable.js.map

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

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

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

@@ -0,0 +1,4 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,a){void 0===a&&(a=t);var s=Object.getOwnPropertyDescriptor(r,t);s&&!("get"in s?!r.__esModule:s.writable||s.configurable)||(s={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,a,s)}:function(e,r,t,a){void 0===a&&(a=t),e[a]=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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServersDropdown=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../../utils"),form_1=require("../../common/form"),utils_2=require("../utils"),ServerVariable_1=__importDefault(require("../ServerVariable")),hooks_1=require("../../../hooks"),styled_1=require("../styled");exports.ServersDropdown=(0,mobx_react_1.observer)((({operation:e,onChange:r})=>{const t=(0,utils_1.fromSessionStorage)("serverUrl"),a=e.servers.findIndex((e=>e.url===t)),[s,l]=(0,react_1.useState)(a<0?0:a),[o,i]=(0,react_1.useState)({});(0,hooks_1.useMount)((()=>{const t=(0,utils_2.getServerWithVariables)(e.servers,s);r(t),i(t.variables)}));const n=e.servers.map(((e,r)=>({idx:r,serverUrl:e.url,value:`\n          ${(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(e.url,o),e.variables)}\n        - ${e.description||"Default"}\n      `}))),u=Object.keys(o);return react_1.default.createElement(ServerDropdownWrap,{"data-cy":"console-target-server"},react_1.default.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(styled_1.TryItDropdown,{variant:"dark",value:n[s].value,options:n,fullWidth:!0,onChange:t=>{const a=e.servers.find((e=>e.url===t.serverUrl)),s=e.servers.findIndex((e=>e.url===t.serverUrl)),o=(0,utils_2.getDefaultOrStoredVariables)(a);r({url:t.serverUrl||"",variables:o}),(0,utils_1.toSessionStorage)("serverUrl",t.serverUrl||""),l(s),i(o)}})),null==u?void 0:u.map((t=>{var a;const l=null===(a=e.servers[s].variables)||void 0===a?void 0:a[t];if(l)return react_1.default.createElement(ServerVariable_1.default,{key:t,name:t,value:o[t],defaultValue:l.default,onChange:a=>((t,a)=>{const l=e.servers[s],n=a||""===a?a:(0,utils_2.getDefaultOrStoredVariables)(l)[t],u=Object.assign(Object.assign({},o),{[t]:n});i(u),(0,utils_2.updateVariablesStorage)(t,n),r(Object.assign(Object.assign({},l),{variables:u}))})(t,a),variableEnum:l.enum,description:l.description})})))}));const ServerDropdownWrap=styled_components_1.default.div`
+  margin-bottom: 20px;
+`;
+//# sourceMappingURL=ServersDropdown.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServersDropdown=void 0;var ServersDropdown_1=require("./ServersDropdown");Object.defineProperty(exports,"ServersDropdown",{enumerable:!0,get:function(){return ServersDropdown_1.ServersDropdown}});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=types.js.map

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

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

package/lib/components/console/TryItPanel.js

@@ -0,0 +1,14 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=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,o,n)}: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}),__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},__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 n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItPanel=void 0;const React=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),Panel_1=require("../Panel"),redoc_lib_1=require("../../redoc-lib");function TryItPanel(e){var{header:t,error:r,success:o}=e,n=__rest(e,["header","error","success"]);return React.createElement(StyledTryItPanel,Object.assign({className:"panel-try-it-nested"},n,{header:({toggle:e,expanded:l=!1})=>React.createElement(theme_1.PanelHeader,{onClick:e,expanded:l,"data-cy":n["data-cy"]},React.createElement(Panel_1.Trigger,null,React.createElement(theme_1.PanelHeaderTitle,null,t),React.createElement(theme_1.ShelfIcon,{direction:l?"down":"right"})),r&&React.createElement(redoc_lib_1.CrossIcon,{size:"14px",color:"--color-error-500"})||null,o&&React.createElement(redoc_lib_1.LockIcon,{size:"14px",color:"--color-success-500"})||null)}))}exports.TryItPanel=TryItPanel;const StyledTryItPanel=(0,styled_components_1.default)(theme_1.Panel)`
+  ${theme_1.PanelHeader} {
+    border: 1px solid
+      ${({error:e})=>e?"var(--color-error-300)":"var(--panel-try-it-nested-heading-border-color)"};
+    padding: 10px;
+  }
+
+  ${theme_1.PanelBody} {
+    border: 1px solid
+      ${({error:e})=>e?"var(--color-error-300)":"var(--panel-try-it-nested-body-border-color)"};
+    border-top: 0;
+  }
+`;
+//# sourceMappingURL=TryItPanel.js.map

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

@@ -0,0 +1,10 @@
+import 'codemirror/mode/javascript/javascript';
+import 'codemirror/addon/edit/matchbrackets';
+import 'codemirror/addon/lint/lint';
+import 'codemirror/addon/hint/show-hint';
+import 'codemirror/addon/edit/closebrackets';
+import 'codemirror/addon/search/searchcursor';
+import 'codemirror/lib/codemirror.css';
+import 'codemirror/theme/material.css';
+import 'codemirror/addon/lint/lint.css';
+import 'codemirror/addon/hint/show-hint.css';

package/lib/components/console/codemirror-helpers.js

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

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

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

package/lib/components/console/styled.js

@@ -0,0 +1,99 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,o,r,t){void 0===t&&(t=r);var n=Object.getOwnPropertyDescriptor(o,r);n&&!("get"in n?!o.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return o[r]}}),Object.defineProperty(e,t,n)}:function(e,o,r,t){void 0===t&&(t=r),e[t]=o[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,o){Object.defineProperty(e,"default",{enumerable:!0,value:o})}:function(e,o){e.default=o}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var o={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(o,e,r);return __setModuleDefault(o,e),o};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FlowName=exports.ResponseHeader=exports.PanelPreCodeBlock=exports.TryItDropdown=exports.invertedInputStyles=exports.CloseButton=exports.ConsoleBody=exports.ConsoleWrap=exports.blink=void 0;const styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme"),Dropdown_1=require("../common/Dropdown"),shake=styled_components_1.keyframes`
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+
+  20%, 80% {
+    transform: translate3d(2px, 0, 0);
+  }
+
+  30%, 50%, 70% {
+    transform: translate3d(-4px, 0, 0);
+  }
+
+  40%, 60% {
+    transform: translate3d(4px, 0, 0);
+  }
+`;exports.blink=styled_components_1.keyframes`
+  0% {
+    background-color: #007abf;
+  }
+
+  50% {
+    background-color: #59C3FF;
+  }
+
+  100% {
+    background-color: #007abf;
+  }
+`;const shakeAnimation=styled_components_1.css`
+  animation: ${shake} 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+`;exports.ConsoleWrap=styled_components_1.default.div`
+  background-color: var(--panel-samples-background-color);
+  color: var(--panel-samples-text-color);
+  font-family: var(--panel-samples-font-family);
+  border-radius: var(--panel-border-radius);
+  overflow: hidden;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  max-height: calc(85vh - ${({scrollYOffset:e})=>e?e():0}px);
+  margin-bottom: 10px;
+  ${({shaking:e})=>e&&shakeAnimation};
+  > div:last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+`,exports.ConsoleBody=styled_components_1.default.div`
+  flex: 1;
+  padding: var(--panel-samples-body-padding);
+  overflow: auto;
+  display: ${({hidden:e})=>e?"none":"flex"};
+  flex-direction: column;
+  position: relative;
+  background-color: var(--panel-samples-body-background-color);
+`,exports.CloseButton=styled_components_1.default.span`
+  cursor: pointer;
+  font-size: 24px;
+  font-weight: bold;
+  color: var(--text-color-inverse);
+`,exports.invertedInputStyles=styled_components_1.css`
+  border: none;
+  outline: none;
+  padding: 8px;
+  border-radius: var(--border-radius);
+  background-color: var(--panel-try-it-input-background-color);
+  color: var(--panel-try-it-input-text-color);
+  font-family: var(--code-font-family);
+  font-size: var(--font-size-base);
+  border: var(--panel-try-it-input-border);
+
+  &::placeholder {
+    opacity: 0.6;
+    color: var(--text-color-inverse);
+  }
+
+  &:-webkit-autofill {
+    background-color: var(--panel-samples-background-color);
+  }
+`,exports.TryItDropdown=(0,styled_components_1.default)(Dropdown_1.Dropdown)`
+  .dropdown-select,
+  label {
+    background-color: var(--panel-try-it-dropdown-background-color);
+    border: var(--panel-try-it-dropdown-border);
+    color: var(--panel-try-it-dropdown-color);
+  }
+`,exports.PanelPreCodeBlock=(0,styled_components_1.default)(theme_1.PreformattedCodeBlock)`
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+`,exports.ResponseHeader=styled_components_1.default.div`
+  margin-bottom: 10px;
+
+  &:not(:first-child) {
+    margin-top: 10px;
+  }
+`,exports.FlowName=styled_components_1.default.div`
+  margin-top: 5px;
+  margin-bottom: 10px;
+`;
+//# sourceMappingURL=styled.js.map

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

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

package/lib/components/console/utils.js

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