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

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,r){void 0===r&&(r=l);var a=Object.getOwnPropertyDescriptor(t,l);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,r,a)}:function(e,t,l,r){void 0===r&&(r=l),e[r]=t[l]}),__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 l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);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"),services_1=require("../../../services"),OAuth2TokenInput_1=__importDefault(require("../OAuth2TokenInput")),AuthPanel=({securityDefaults:e,operation:t,activeServer:l,authCorsProxyUrl:r,form:a,formApi:i})=>{const[o,n]=(0,react_1.useState)(0);(0,react_1.useEffect)((()=>{const e=t.security.map((e=>e.schemes.map((e=>e.id)).join(" and "))),l=(0,utils_1.fromSessionStorage)("securityRequirementName"),r=e.findIndex((e=>e===l));n(r<0?0:r)}),[t]);const u=t.security,s=u.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean).map(((e,t)=>({value:e,idx:t})));return 0===s.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,s.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:s,value:s[o].value,onChange:e=>{n(e.idx),(0,utils_1.toSessionStorage)("securityRequirementName",e.value)}}))||null,u[o].schemes.map((t=>{var o,n,u,s,d,c,f;const m=(0,utils_1.escapeFormId)(t.id);if("apiKey"===t.type){const l=(0,utils_1.getSecurityDetailsOptions)(m,""),r={field:`auth.${m}`,fullWidth:!0,initialValue:(0,utils_2.fromCookie)(t)||(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),initValue:(0,utils_2.fromCookie)(t)||(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(form_1.FormControl,{key:m},react_1.default.createElement(form_1.FormLabel,null," ",t.name,": "),l?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},r,{options:l})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},r,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=(0,utils_1.getSecurityDetailsOptions)(m,"username"),l={field:`auth.${m}.username`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}.username`)||(null===(o=null==e?void 0:e[m])||void 0===o?void 0:o.username),initValue:(0,utils_1.fromSessionStorage)(`auth.${m}.username`)||(null===(n=null==e?void 0:e[m])||void 0===n?void 0:n.username),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(react_1.Fragment,{key:m},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," ",(0,services_1.l)("tryItAuthBasicUsername"),": "),t?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},l,{options:t})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},l,{panel:"try-it"}))),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.FormLabel,null," ",(0,services_1.l)("tryItAuthBasicPassword"),": "),react_1.default.createElement(TextField_1.FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:`auth.${m}.password`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}.password`)||(null===(u=null==e?void 0:e[m])||void 0===u?void 0:u.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=(0,utils_1.getSecurityDetailsOptions)(m,""),l={field:`auth.${m}`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),initValue:(0,utils_1.fromSessionStorage)(`auth.${m}`)||(null==e?void 0:e[m]),validate:utils_2.requiredValidator,validateOnBlur:!0,validateOnChange:!0};return react_1.default.createElement(react_1.Fragment,{key:m},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({},l,{options:t})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},l,{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:m,flow:t.flows.clientCredentials,server:l,authCorsProxyUrl:r,id:m,form:a,formApi:i,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:m,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:r,scopes:Object.keys((null===(d=null===(s=null==t?void 0:t.flows)||void 0===s?void 0:s.implicit)||void 0===d?void 0:d.scopes)||{}),server:l,id:m,form:a,formApi:i,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return react_1.default.createElement(OAuth2Flow_1.OAuth2Flow,{key:m,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:r,scopes:Object.keys((null===(c=t.flows.authorizationCode)||void 0===c?void 0:c.scopes)||{}),server:l,id:m,form:a,formApi:i,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[m]});if("oauth2"===t.type){let t=(0,utils_1.fromSessionStorage)(`auth.${m}.token`)||JSON.stringify(null===(f=null==e?void 0:e[m])||void 0===f?void 0:f.token);return t=t?JSON.parse(t):{},react_1.default.createElement(react_1.Fragment,{key:m},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.${m}.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.${m}.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:m,server:l,authCorsProxyUrl:r,id:m,form:a,formApi:i,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[m]})}}))),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/rightPanel/AuthPanel/types.d.ts

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

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

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

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

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

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

package/lib/components/rightPanel/CodemirrorInput/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=helpers.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,50 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeMirrorStyles=void 0;const styled_components_1=require("styled-components");exports.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);
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,22 @@
+import type { Controlled as CodeMirror } from 'react-codemirror2-react-17';
+import type { FieldApi, FieldState } from 'informed';
+import type { LegacyRef } from 'react';
+import type { OpenAPISchema, Referenced } from 'src/types/open-api';
+export interface CodemirrorInputBase {
+    forwardedRef?: LegacyRef<CodeMirror>;
+    mode?: string;
+    field: string;
+    initialValue: string;
+    validate: () => string | undefined;
+    schema?: Referenced<OpenAPISchema>;
+    id: string;
+    onChange?: (e: any) => void;
+    onBlur?: (e: any) => void;
+}
+export interface CodemirrorInputProps extends CodemirrorInputBase {
+    fieldApi: FieldApi;
+    fieldState: FieldState<string>;
+    render: any;
+    userProps: any;
+    ref: any;
+}

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

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

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

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

package/lib/components/rightPanel/Console/Console.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 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}),__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,n){function a(e){try{l(o.next(e))}catch(e){n(e)}}function i(e){try{l(o.throw(e))}catch(e){n(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(a,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=exports.ConsoleComponent=void 0;const mobx_react_1=require("mobx-react"),swagger_client_1=__importDefault(require("swagger-client")),react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),utils_1=require("../../../utils"),Panel_1=require("../../Panel"),helper_1=require("../../common/FileUpload/helper"),events_1=require("../../../events"),utils_2=require("../utils"),ResponsePanel_1=require("../ResponsePanel"),ConsoleTabs_1=require("../ConsoleTabs"),ActionPanel_1=require("../ActionPanel"),Request_1=require("./Request"),styled_1=require("../styled"),ConsoleWrapper_1=require("./ConsoleWrapper"),hooks_1=require("../../../hooks");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}const ConsoleComponent=({operation:e,store:t,onResponse:r,className:o,rootElement:s,properties:n,securityDefaults:a,onClose:i})=>{let l=(0,react_1.useRef)();const[c,u]=(0,react_1.useState)(e.activeServer),[p,d]=(0,react_1.useState)(0),[_,v]=(0,react_1.useState)(!1),[h,m]=(0,react_1.useState)(!1),[y,f]=(0,react_1.useState)({values:{path:(0,utils_2.getParameters)(e.parameters,"path"),cookie:(0,utils_2.getParameters)(e.parameters,"cookie"),header:(0,utils_2.getParameters)(e.parameters,"header"),query:(0,utils_2.getParameters)(e.parameters,"query")}}),[b,g]=(0,react_1.useState)(),[O,j]=(0,react_1.useState)(),[S,q]=(0,react_1.useState)(),[P,C]=(0,react_1.useState)(),w=(0,hooks_1.usePrevious)(e),I=(0,react_1.useCallback)((t=>{var{values:r}=t,o=__rest(t,["values"]);const s=Object.assign(Object.assign({},o),{values:Object.assign(Object.assign({},r),{query:(0,utils_2.unescapeQueryParams)(r.query||{})})});f(s),(0,utils_2.updateStorage)(s),e.setRequestValues(r)}),[e]);(0,theme_1.useMount)((()=>__awaiter(void 0,void 0,void 0,(function*(){var r;const o=yield t.dereferenceSpecForTryIt(e);g(o),null===(r=l.current)||void 0===r||r.setValues({})})))),(0,react_1.useEffect)((()=>{w!==e&&(C(void 0),q(void 0),d(0))}),[e,w]);const x=!(!P&&!S);return react_1.default.createElement(ConsoleWrapper_1.ConsoleWrapper,{shaking:h,className:o,rootElement:s},react_1.default.createElement(Panel_1.StyledCodeHeader,null,react_1.default.createElement(ConsoleTabs_1.ConsoleTabs,{active:p,hasResponse:x,onChange:e=>{d(e)}}),i&&react_1.default.createElement(styled_1.CloseButton,{onClick:i}," ✕ ")),react_1.default.createElement(styled_1.ConsoleBody,{hidden:0!==p,"data-cy":"console-request-body"},react_1.default.createElement(Request_1.Request,{operation:e,properties:n,securityDefaults:a,form:y,resolvedRawSpec:b,server:c,formApi:l.current,setFormApi:(e,t=e.getState())=>{var{values:r}=t,o=__rest(t,["values"]);l.current=e,setTimeout((()=>{f(Object.assign(Object.assign({},o),{values:Object.assign(Object.assign({},r),{query:(0,utils_2.unescapeQueryParams)(r.query||{})})}))}),0)},handleChange:I,handleServerChange:t=>{u(t),e.setActiveServer(t)}})),react_1.default.createElement(styled_1.ConsoleBody,{hidden:1!==p,"data-cy":"console-response-body"},react_1.default.createElement(ResponsePanel_1.ResponsePanel,{response:P,error:S,time:O}),";"),react_1.default.createElement(ActionPanel_1.ActionPanel,{hasResponse:x,params:y.values,operation:e,loading:_,execute:()=>__awaiter(void 0,void 0,void 0,(function*(){var o,s,n,a,i,u,p,_,h;const{values:f,invalid:g}=(null===(o=null==l?void 0:l.current)||void 0===o?void 0:o.getState())||y||{};if(null===(s=l.current)||void 0===s||s.submitForm(),g)return m(!0),setTimeout((()=>m(!1)),1e3),void(null===(a=null===(n=null==t?void 0:t.options.events)||void 0===n?void 0:n.tryItSent)||void 0===a||a.call(n,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description}));const{servers:O,requestBody:S}=e,P=S&&S.content&&S.content.active&&S.content.active.name||"";let w=f.body;if(/json/.test(P))try{w=JSON.parse(w)}catch(e){console.error(e)}v(!0);const I=b,x=(e.httpVerb||"").toLowerCase();if(!O)throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");const T=O.find((e=>c.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),R=Date.now(),E=!!window.document.documentMode;let A,k=f.auth;if(f.auth){const e=Object.keys(f.auth)[0],t=(0,utils_1.unescapeFormId)(e);A=Object.assign(Object.assign({},I),{components:Object.assign(Object.assign({},null==I?void 0:I.components),{securitySchemes:Object.assign(Object.assign({},null==I?void 0:I.components.securitySchemes),{[t]:Object.assign(Object.assign({},null==I?void 0:I.components.securitySchemes[t]),{type:"openIdConnect"===(null==I?void 0:I.components.securitySchemes[t].type)?"oauth2":null==I?void 0:I.components.securitySchemes[t].type})})})}),k=Object.assign(Object.assign({},k),{[t]:k[e]})}else A=Object.assign({},I);A.servers=O;const D=t.options.corsProxyUrl;D&&O.length&&(A.servers=O.map((e=>Object.assign(Object.assign({},e),{url:D+normalizeUrlProtocol(e.url)}))),A.paths=Object.assign(Object.assign({},A.paths),{[e.path]:Object.assign(Object.assign({},A.paths[e.path]),{[x]:Object.assign(Object.assign({},A.paths[e.path][x]),{servers:void 0}),servers:void 0})}));const F=(null===(u=null===(i=null==S?void 0:S.content)||void 0===i?void 0:i.active)||void 0===u?void 0:u.name)||null;if(F&&w&&(0,helper_1.isFileUploadMime)(F)){const e=Object.values(w);w=e.length>1?e:e[0]}const M={userFetch:E&&require("cross-fetch").fetch,server:D?D+normalizeUrlProtocol(T.url):T.url,serverVariables:T.variables,spec:A,pathName:e.path,method:e.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},f.path),f.query),f.header),f.cookie),securities:{authorized:k},requestBody:w,requestContentType:F,responseContentType:(null===(p=f.header)||void 0===p?void 0:p.Accept)||null,requestInterceptor:(0,utils_2.makeRequestInterceptor)(t.options,e,null==k?void 0:k.Authorization)};try{const o=yield swagger_client_1.default.execute(M),s=null==o?void 0:o.data;s instanceof Blob&&((0,helper_1.isFileUploadMime)(s.type)&&(o.fileInfo={rawData:s,fileName:(0,utils_2.getFileNameFromHeaders)(o.headers)}),o.data=yield s.text()),null==r||r({request:M,response:o}),C(o),q(void 0)}catch(e){e&&e.response&&e.response.data instanceof Blob&&(e.response.data=yield e.response.data.text(),null==r||r({request:M,response:e.response})),C(void 0),q(e)}finally{v(!1),d(1),j(Date.now()-R),null===(h=null===(_=null==t?void 0:t.options.events)||void 0===_?void 0:_.tryItSent)||void 0===h||h.call(_,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))}))};exports.ConsoleComponent=ConsoleComponent,exports.Console=(0,mobx_react_1.observer)(exports.ConsoleComponent);
+//# sourceMappingURL=Console.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=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,n,r)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=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,n){return new(o||(o=Promise))((function(r,i){function a(e){try{s(n.next(e))}catch(e){i(e)}}function l(e){try{s(n.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,l)}s((n=n.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"),context_1=require("../../../context"),styled_1=require("../styled");function Console(e){const[t,o]=(0,react_1.useState)({}),n=(0,react_1.useContext)(context_1.StoreContext),[r]=(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==n?void 0:n.options.scrollYOffset,className:e.className,fullWidth:null==r?void 0:r.width},react_1.default.createElement(Panel_1.CodeHeader,null,"Loading..."))}exports.Console=Console;
+//# sourceMappingURL=ConsoleLazy.js.map

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

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

package/lib/components/rightPanel/Console/ConsoleWrapper.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 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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleWrapper=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),styled_1=require("../styled"),hooks_1=require("../../../hooks"),context_1=require("../../../context"),ConsoleWrapperComponent=e=>{const{shaking:t,className:r,children:o,rootElement:n}=e,[i]=(0,hooks_1.useDimensions)(n),s=(0,react_1.useContext)(context_1.StoreContext);return react_1.default.createElement(styled_1.ConsoleWrap,{scrollYOffset:null==s?void 0:s.options.scrollYOffset,shaking:t,className:r,"data-cy":"console",fullWidth:null==i?void 0:i.width},o)};exports.ConsoleWrapper=(0,mobx_react_1.observer)(ConsoleWrapperComponent);
+//# sourceMappingURL=ConsoleWrapper.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,a){void 0===a&&(a=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,a,n)}: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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Request=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),informed_1=require("informed"),utils_1=require("../utils"),utils_2=require("../../../utils"),OAuth2_1=require("../../../services/OAuth2"),services_1=require("../../../services"),Panel_1=require("../../Panel"),ServersDropdown_1=require("../ServersDropdown"),TryItPanel_1=require("../TryItPanel"),RequestBody_1=require("../RequestBody"),RenderHook_1=require("../../RenderHook"),OperationParameters_1=require("../../OperationParameters"),context_1=require("../../../context"),AuthPanel_1=require("../AuthPanel"),RequestComponent=({operation:e,properties:r,securityDefaults:t,form:a,resolvedRawSpec:n,server:o,formApi:l,setFormApi:u,handleChange:i,handleServerChange:s})=>{const d=a.errors||{},c=d.path||d.cookie||d.header||d.query,{hooks:_,authCorsProxyUrl:p}=(0,react_1.useContext)(context_1.OptionsContext),h=n&&utils_2.JsonPointer.get(n,e.pointer);let v=a.values&&a.values.auth&&Object.keys(a.values.auth)[0];v&&a.values.auth[v]||(v=void 0),!v||void 0===a.values.auth[v].token&&void 0===a.values.auth[v].client_id&&void 0===a.values.auth[v].client_secret||a.values.auth[v].token&&a.values.auth[v].token.access_token||(v=void 0),v&&null!=a.values.auth[v].username&&(a.values.auth[v].username&&a.values.auth[v].password||(v=void 0));const f=e.parameters||[];return!n&&react_1.default.createElement(react_1.default.Fragment,null,"Loading...")||react_1.default.createElement(informed_1.Form,{onChange:i,getApi:u,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},react_1.default.createElement(ServersDropdown_1.ServersDropdown,{operation:e,onChange:s}),react_1.default.createElement(Panel_1.Accordion,{initialActiveIdx:e.security.length&&v?1:0},e.security.length&&l&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItAuth"),"data-cy":"security-trigger",error:!v&&!!d.auth,success:!!v,renderChildrenHidden:!0},(null==_?void 0:_.ReplaceTryItSecurityPanel)?react_1.default.createElement(AuthPanelWrapper,{field:"auth",validate:utils_1.requiredValidator},(r=>react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==_?void 0:_.ReplaceTryItSecurityPanel,props:{server:o,operation:e,onChange:r,OAuth2:OAuth2_1.OAuth2}}))):react_1.default.createElement(AuthPanel_1.AuthPanel,{formApi:l,form:a,operation:e,activeServer:o.url,authCorsProxyUrl:p,securityDefaults:t}))||null,e.requestBody&&l&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},react_1.default.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:l,body:e.requestBody,id:e.id,resolvedBody:null==h?void 0:h.requestBody,properties:r}))||null,f.length&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:c,renderChildrenHidden:!0},react_1.default.createElement(OperationParameters_1.OperationParameters,{operation:e,values:a.values,errors:a.errors||{}}))||null))};function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:a}=(0,informed_1.useField)(Object.assign({},e)),{setValue:n}=r,{children:o}=a;return t(react_1.default.createElement(react_1.default.Fragment,null,o(n)))}function allowBodyErrors(){}exports.Request=(0,mobx_react_1.observer)(RequestComponent);
+//# sourceMappingURL=Request.js.map

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

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

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

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

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

@@ -0,0 +1,18 @@
+import type { ProStore } from '../../../services';
+import type { OperationModel } from '../../../models';
+import type { SecurityDetails } from '../../../types';
+import type { OpenApiResponseData } from '../types';
+export type RequestAndResponseType = {
+    request: Record<string, unknown>;
+    response: OpenApiResponseData;
+};
+export interface ConsoleProps {
+    store: ProStore;
+    operation: OperationModel;
+    className?: string;
+    rootElement?: HTMLElement | null;
+    onClose?: () => void;
+    properties?: any;
+    securityDefaults?: Record<string, SecurityDetails | string>;
+    onResponse?: (arg: RequestAndResponseType) => void;
+}

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

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

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

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

package/lib/components/rightPanel/OAuth2Flow/Error.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.Error=void 0;const react_1=__importDefault(require("react")),form_1=require("../../common/form"),styled_1=require("./styled"),Error=({token:e,loading:r,error:t})=>r?react_1.default.createElement(form_1.FormWarning,null,"Please, finish your authorization flow or cancel authorization."):t?react_1.default.createElement(styled_1.OriginalErrorMessage,null,react_1.default.createElement(form_1.FormError,null,t)):(null==e?void 0:e.access_token)?null:react_1.default.createElement(form_1.FormWarning,null," No Access Token. Please, Authorize. ");exports.Error=Error;
+//# sourceMappingURL=Error.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,l,r){void 0===r&&(r=l);var a=Object.getOwnPropertyDescriptor(t,l);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(e,r,a)}:function(e,t,l,r){void 0===r&&(r=l),e[r]=t[l]}),__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 l in e)"default"!==l&&Object.prototype.hasOwnProperty.call(e,l)&&__createBinding(t,e,l);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,l,r){return new(l||(l=Promise))((function(a,i){function n(e){try{u(r.next(e))}catch(e){i(e)}}function o(e){try{u(r.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof l?t:new l((function(e){e(t)}))).then(n,o)}u((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=__importStar(require("react")),theme_1=require("@redocly/theme"),styled_1=require("./styled"),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")),Error_1=require("./Error"),context_1=require("../../../context");function requiredValidator(e){if(!e)return"Field is required"}const OAuth2Flow=({usePkce:e,form:t,id:l,formApi:r,flow:a,tokenUrl:i,authCorsProxyUrl:n,tokenEndpointAuthMethod:o,server:u,scopes:c,authorizationUrl:d,defaultValues:s,clientId:_})=>{var f,h,m,p;const{oAuth2RedirectURI:v,routingBasePath:g}=(0,react_1.useContext)(context_1.OptionsContext),[E,k]=(0,react_1.useState)(null),[C,O]=(0,react_1.useState)(!1),[F,y]=(0,react_1.useState)(!1),[b,x]=(0,react_1.useState)(void 0),[S,A]=(0,react_1.useState)(void 0),[P,w]=(0,react_1.useState)(void 0),T=(null===(h=null===(f=t.values)||void 0===f?void 0:f.auth)||void 0===h?void 0:h[l])||{},q=(null===(p=null===(m=t.errors)||void 0===m?void 0:m.auth)||void 0===p?void 0:p[l])||{},j=void 0!==b&&S!==P?{label:"sync",onClick:()=>{b&&A(P)}}:void 0;(0,react_1.useEffect)((()=>{if(e){const e=(0,utils_2.randString)(43);(0,OAuth2_1.deriveCodeChallenge)(e).then((t=>{x(e),A(t),w(t)}))}}),[e]);const W=()=>{r.setValue(`auth.${l}.token`,"")};if(!d)return react_1.default.createElement(form_1.FormError,null,"No flow info");let D=(0,utils_1.fromSessionStorage)(`auth.${l}.token`)||JSON.stringify(null==s?void 0:s.token);D=D?JSON.parse(D):"";const B=(0,utils_1.getSecurityDetailsOptions)(l,"client_id"),V={field:`auth.${l}.client_id`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.client_id),initValue:(0,utils_1.fromSessionStorage)(`auth.${l}.client_id`)||_||(null==s?void 0:s.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: "),B?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},V,{options:B})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},V,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===a&&react_1.default.createElement(react_1.default.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&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==s?void 0:s.client_secret),validateOnBlur:!0,validateOnChange:!0,panel:"try-it","data-cy":"client-secret-input"})),e&&!e.disableManualConfiguration&&react_1.default.createElement(styled_1.PkceOptionsWrapper,null,react_1.default.createElement(Checkbox_1.Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:F,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),F&&react_1.default.createElement(styled_1.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:b,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield(0,OAuth2_1.deriveCodeChallenge)(e);x(e),w(t)})),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:S,onChange:({target:{value:e}})=>{A(e)},inputActionButton:j,panel:"try-it","data-cy":"code-challenge-input"}))))),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${l}.token`,type:"hidden",initialValue:D,panel:"try-it"}),react_1.default.createElement(Scope_1.default,{id:l,scopes:c}),T.token&&T.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:T.token.access_token,panel:"try-it"})):null),react_1.default.createElement(styled_1.ButtonsWrapper,null,T.token&&T.token.access_token?react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{W(),k(null)}},"Log out"):C?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{O(!1),k(null),OAuth2_1.OAuth2.clearRedirectData(a)}},"Cancel"),react_1.default.createElement(LinearProgress_1.LinearProgress,null)):react_1.default.createElement(theme_1.Button,{fullWidth:!0,disabled:!(0,utils_2.isEmptyObject)(q),onClick:()=>{(t=>{if(!t)return;if(r.validate(),!(0,utils_2.isEmptyObject)(q))return;O(!0),k(null);const c=n?n+(0,utils_3.normalizeUrlProtocol)(t):t,d=n&&i?n+(0,utils_3.normalizeUrlProtocol)(i):i,s=r.getValue(`auth.${l}.scopes`),_={authorizationUrl:c.startsWith("http")?c:u+c,clientId:T.client_id,scopes:s,redirectUri:v,routingBasePath:g,successCallback:e=>{r.setValue(`auth.${l}.token`,e),O(!1),k(null)},errorCallback:e=>{O(!1),k((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===a&&OAuth2_1.OAuth2.authorizeImplicit(_),(0,utils_3.validateTokenEndpointMethod)(o)?"authorizationCode"===a&&OAuth2_1.OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},_),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:u+d,clientSecret:T.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:o,clientId:T.client_id,clientSecret:T.client_secret})}),e&&{codeVerifier:b,codeChallenge:S})):console.log(`Unsupported token endpoint auth method: ${o}`)})(d)}},"Authorize")),C||E||!T.token||!T.token.access_token&&react_1.default.createElement(Error_1.Error,{loading:C,error:E,token:T.token}))};exports.OAuth2Flow=OAuth2Flow;
+//# sourceMappingURL=OAuth2Flow.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PkceDetails=exports.PkceOptionsWrapper=exports.ButtonsWrapper=exports.OriginalErrorMessage=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.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;
+`,exports.ButtonsWrapper=styled_components_1.default.div`
+  margin-bottom: 15px;
+`,exports.PkceOptionsWrapper=styled_components_1.default.div`
+  padding: 8px 0 20px;
+`,exports.PkceDetails=styled_components_1.default.div`
+  padding: 4px 0;
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,20 @@
+import type { SecurityDetails } from '../../../types';
+import type { FormApi, FormState } from 'informed';
+export interface OAuth2FlowProps {
+    authorizationUrl: string;
+    tokenUrl?: string;
+    usePkce?: {
+        disableManualConfiguration: boolean;
+        hideClientSecretInput: boolean;
+    };
+    authCorsProxyUrl: Maybe<string>;
+    scopes: string[];
+    server: string;
+    id: string;
+    form: FormState;
+    formApi: FormApi;
+    flow: 'implicit' | 'authorizationCode';
+    tokenEndpointAuthMethod?: string | string[];
+    clientId?: string;
+    defaultValues?: SecurityDetails;
+}

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

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

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

@@ -0,0 +1,21 @@
+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;
+}
+export declare const OAuth2TokenInput: ({ form, id, formApi, server, flow, authCorsProxyUrl, defaultValues, clientId, }: OAuth2TokenInputProps) => JSX.Element;
+export default OAuth2TokenInput;

package/lib/components/rightPanel/OAuth2TokenInput.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=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,l,n)}: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},__awaiter=this&&this.__awaiter||function(e,t,r,l){return new(r||(r=Promise))((function(n,o){function i(e){try{u(l.next(e))}catch(e){o(e)}}function a(e){try{u(l.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,a)}u((l=l.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=__importStar(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"}const OAuth2TokenInput=({form:e,id:t,formApi:r,server:l,flow:n,authCorsProxyUrl:o,defaultValues:i,clientId:a})=>{var u,c,d,s;const[_,f]=(0,react_1.useState)(""),[m,h]=(0,react_1.useState)(!1),[p,k]=(0,react_1.useState)(!0),v=(null===(c=null===(u=null==e?void 0:e.values)||void 0===u?void 0:u.auth)||void 0===c?void 0:c[t])||{},g=(null===(s=null===(d=e.errors)||void 0===d?void 0:d.auth)||void 0===s?void 0:s[t])||{},S=()=>{r.setValue(`auth.${t}.token`,""),(0,utils_1.toSessionStorage)(`auth.${t}.token`,"")},O=Object.keys(n.scopes);let E=(0,utils_1.fromSessionStorage)(`auth.${t}.token`)||JSON.stringify(null==i?void 0:i.token);E=E?JSON.parse(E):"";const T=(0,utils_1.getSecurityDetailsOptions)(t,"client_id"),F={field:`auth.${t}.client_id`,fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)(`auth.${t}.client_id`)||a||(null==i?void 0:i.client_id),initValue:(0,utils_1.fromSessionStorage)(`auth.${t}.client_id`)||a||(null==i?void 0:i.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:"),T?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},F,{options:T})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},F,{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.${t}.client_secret`,initialValue:(0,utils_1.fromSessionStorage)(`auth.${t}.client_secret`)||(null==i?void 0:i.client_secret),panel:"try-it"})),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,field:`auth.${t}.token`,type:"hidden",initialValue:E,validate:validateToken}),react_1.default.createElement(Scope_1.default,{id:t,scopes:O})),react_1.default.createElement(theme_1.Button,{color:"primary",onClick:()=>__awaiter(void 0,void 0,void 0,(function*(){if(m)return;const e=o&&n.tokenUrl?o+(0,utils_2.normalizeUrlProtocol)(n.tokenUrl):n.tokenUrl;if(g.client_id||g.client_secret)return void console.log("Provide client_id and client_secret");const i=v.client_id,a=v.client_secret;if(!i||!a)return void console.log("Provide client_id and client_secret");h(!0);const u=n["x-tokenEndpointAuthMethod"];(0,utils_2.validateTokenEndpointMethod)(u)?yield OAuth2_1.OAuth2.authorizeClientCredentials({tokenUrl:e.startsWith("http")?e:l+e,clientId:i,clientSecret:a,scopes:v.scopes,extraHeaders:(0,utils_2.getOAuth2TokenEndpointAuthHeader)({authMethod:u,clientId:i,clientSecret:a}),successCallback:e=>{r.setValue(`auth.${t}.token`,e),h(!1)},errorCallback:e=>{S(),f(e.message),h(!1)}}):console.log(`Unsupported token endpoint auth method: ${u}`)})),blinking:m},m?"Loading...":"Request Token"),react_1.default.createElement(form_1.FormHeader,null," Access Token "),_?react_1.default.createElement(form_1.FormError,{style:{marginBottom:"1em"}},"Failed to request token: ",react_1.default.createElement("pre",null,_)," "):v.token&&v.token.access_token?react_1.default.createElement(form_1.TokenField,null,react_1.default.createElement(form_1.TokenValue,{length:v.token.access_token.length,masked:p},v.token.access_token),react_1.default.createElement(form_1.TokenShowHide,{onClick:()=>{k((e=>!e))}},p?"Show":"Hide"," "),react_1.default.createElement(form_1.TokenClear,{onClick:S}," Clear ")):react_1.default.createElement(form_1.FormError,{style:{marginBottom:"1em"}},"No token"))};exports.OAuth2TokenInput=OAuth2TokenInput,exports.default=exports.OAuth2TokenInput;
+//# sourceMappingURL=OAuth2TokenInput.js.map

package/lib/components/rightPanel/OpenIDConnect.d.ts

@@ -0,0 +1,17 @@
+import type { FormApi, FormState } from 'informed';
+import type { SecurityScheme } from '../../models';
+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/rightPanel/ParameterArray.d.ts

@@ -0,0 +1,9 @@
+import type { FieldModel } from '../../models';
+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/rightPanel/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"),theme_1=require("@redocly/theme"),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,theme_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/rightPanel/RequestBody/Body.d.ts

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

package/lib/components/rightPanel/RequestBody/Body.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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Body=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),helper_1=require("../../common/FileUpload/helper"),constants_1=require("../../../constants"),Samples_1=require("../../Samples"),utils_1=require("../../../utils"),utils_2=require("../utils"),RequestBodyForm_1=require("../RequestBodyForm"),CodemirrorInput_1=require("../CodemirrorInput");function BodyComponent({mediaType:e,mediaContent:t,properties:r,id:a,resolvedBody:o,formApi:n,getActiveSample:l,validate:i}){const u=e.examples||{},s=Object.keys(u),c=e.schema,m=(0,helper_1.isRootFileUpload)(c||{},e.name)||e.name===constants_1.MediaTypes.MULTIPART||e.name===constants_1.MediaTypes.URL_ENCODED,{exampleKey:_}=(0,Samples_1.useExampleKey)(e.operation,u),d=(0,utils_1.fromSessionStorage)((0,utils_2.getStorageExampleKey)(a,e.name,_,u))||(0,utils_2.encodeSample)(u[_],r),p=(0,react_1.useCallback)(((e="",t="",r=[])=>o=>{(0,utils_1.toSessionStorage)((0,utils_2.getStorageExampleKey)(a,e,t,r),o)}),[a]),y=(0,react_1.useCallback)((e=>{null==t||t.activateExampleName(e),n.setValue("body",l(e))}),[n,l,t]),f=(0,react_1.useCallback)(((e,t)=>{n.setValue(`body.${e}`,t)}),[n]);return react_1.default.createElement(react_1.default.Fragment,null,s.length&&1!==s.length&&react_1.default.createElement(Samples_1.ExampleSwitch,{examples:u,onChange:y,exampleKey:_,panel:"try-it"})||null,m?react_1.default.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,formApi:n,onChange:f}):react_1.default.createElement(CodemirrorInput_1.CodemirrorInput,{id:"body"+a,field:"body",initialValue:d,schema:((null==o?void 0:o.content[e.name])||{}).schema,mode:e.name,validate:i,onChange:p(e.name,_,u)}))}exports.Body=(0,mobx_react_1.observer)(BodyComponent);
+//# sourceMappingURL=Body.js.map

package/lib/components/rightPanel/RequestBody/RequestBody.d.ts

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

package/lib/components/rightPanel/RequestBody/RequestBody.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=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,i,o)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=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")),DropdownOrLabel_1=require("../../DropdownOrLabel"),MediaTypeSwitch_1=require("../../MediaTypeSwitch"),utils_1=require("../../../services/utils"),common_1=require("../../common"),RequestMimeLabel_1=require("../RequestMimeLabel"),utils_2=require("../utils"),utils_3=require("../../../utils"),Body_1=require("./Body");function RequestBodyComponent({body:e,formApi:t,resolvedBody:r,properties:i,id:o,validate:a}){var l,n;const u=e.content,d=(0,react_1.useCallback)((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,a=i?(0,deepmerge_1.default)(o,i,{arrayMerge:utils_1.arrayMergeStrategy}):o;return JSON.stringify(a,null,2)}),[u,i]),c=null===(l=null==u?void 0:u.operation)||void 0===l?void 0:l.activeExampleName;(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,c,null===(r=null==u?void 0:u.active)||void 0===r?void 0:r.examples);t.setValue("body",(0,utils_3.fromSessionStorage)(e)||d(c||""))}else t.setValue("body",JSON.stringify(i||{},null,2))}),[c,null===(n=null==u?void 0:u.operation)||void 0===n?void 0:n.activeMimeName,null==u?void 0:u.active]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:e.content,renderDropdown:e=>react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:common_1.Dropdown}))},(e=>react_1.default.createElement(Body_1.Body,{mediaType:e,mediaContent:u,resolvedBody:r,id:o,properties:i,getActiveSample:d,formApi:t,validate:a}))))}exports.RequestBody=(0,mobx_react_1.observer)(RequestBodyComponent);
+//# sourceMappingURL=RequestBody.js.map

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

@@ -0,0 +1,16 @@
+import type { FormApi } from 'informed';
+import type { RequestBodyModel, MediaContentModel, MediaTypeModel } from '../../../models';
+import type { OpenAPIRequestBody } from '../../../types';
+export interface RequestBodyProps {
+    body: RequestBodyModel;
+    resolvedBody: OpenAPIRequestBody;
+    validate: () => string | undefined;
+    formApi: FormApi;
+    id: string;
+    properties: any;
+}
+export interface BodyProps extends Pick<RequestBodyProps, 'resolvedBody' | 'validate' | 'formApi' | 'id' | 'properties'> {
+    mediaType: MediaTypeModel;
+    mediaContent?: MediaContentModel;
+    getActiveSample: (key: string) => string;
+}

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

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

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

@@ -0,0 +1,8 @@
+import type { FormApi } from 'informed';
+import type { FieldModel, MediaTypeModel, 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/rightPanel/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"),constants_1=require("../../constants"),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===constants_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/rightPanel/ResponseBody.d.ts

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

package/lib/components/rightPanel/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"),utils_1=require("../../utils"),styled_1=require("./styled"),SourceCodeWithFile_1=require("../SourceCodeWithFile");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(SourceCodeWithFile_1.SourceCodeWithFile,{fileInfo:e.fileInfo}):null!==e.data?e.data?React.createElement(theme_1.SourceCode,{lang:(0,utils_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