@redocly/openapi-docs 0.0.0-react18-20231120182601

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

@@ -0,0 +1,53 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledCodeMirror=void 0;const styled_components_1=__importDefault(require("styled-components")),react_codemirror_1=__importDefault(require("@uiw/react-codemirror"));exports.StyledCodeMirror=(0,styled_components_1.default)(react_codemirror_1.default)`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  overflow: hidden;
+  flex: 1;
+
+  .cm-editor {
+    flex: 1;
+    color: var(--code-block-text-color);
+    border-radius: var(--panel-border-radius);
+    font-weight: var(--code-block-font-weight);
+    font-size: var(--code-block-font-size);
+    line-height: var(--code-block-line-height);
+    padding: var(--code-block-padding);
+    white-space: var(--code-wrap, pre);
+
+    .cm-matchingBracket {
+      outline: 1px solid grey;
+      text-decoration: none;
+      color: var(--color-gold-8);
+    }
+
+    .cm-nonmatchingBracket {
+      color: var(--color-red-8) !important;
+    }
+
+    .cm-activeLine {
+      background: none;
+    }
+
+    .cm-lintPoint:after {
+      border: none;
+      width: 10px;
+      height: 8px;
+      left: 0;
+      bottom: -2px;
+      background-position: left bottom;
+      background-repeat: repeat-x;
+      background-size: 4px;
+      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;
+    }
+  }
+  .cm-editor.cm-focused {
+    outline: none;
+
+    .cm-matchingBracket,
+    .cm-nonmatchingBracket {
+      background: none;
+    }
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,11 @@
+import type { OpenAPISchema, Referenced } from '../../../types';
+export interface CodemirrorInputProps {
+    mode?: string;
+    fieldName: string;
+    defaultValue: string;
+    validate: () => string | undefined;
+    schema?: Referenced<OpenAPISchema>;
+    id: string;
+    onChange?: (e: any) => void;
+    onBlur?: (e: any) => void;
+}

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 React from 'react';
+import type { ConsoleProps } from './types';
+export declare const Console: React.NamedExoticComponent<ConsoleProps>;

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())}))};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;const index_1=require("swagger-client/es/execute/index"),react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),react_hook_form_1=require("react-hook-form"),shallowCopyForTryIt_1=require("./shallowCopyForTryIt"),string_1=require("../../../utils/string"),Panel_1=require("../../Panel"),helper_1=require("../../common/FileUpload/helper"),events_1=require("../../../events"),utils_1=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"),store_1=require("../../../jotai/store"),models_1=require("../../../models"),operation_1=require("../../../jotai/operation");function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}function ConsoleComponent({operation:e,onResponse:t,className:r,rootElement:o,properties:s,mergeExampleBody:n,securityDefaults:a,onClose:i}){const l=(0,react_hook_form_1.useForm)({defaultValues:{path:(0,utils_1.getParameters)(e.parameters,"path"),cookie:(0,utils_1.getParameters)(e.parameters,"cookie"),header:(0,utils_1.getParameters)(e.parameters,"header"),query:(0,utils_1.getParameters)(e.parameters,"query")}}),[{activeServer:c},u]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(e.pointer)),[d,p]=(0,react_1.useState)(0),[_,v]=(0,react_1.useState)(!1),[m,h]=(0,react_1.useState)(!1),[y,f]=(0,react_1.useState)(),[b,g]=(0,react_1.useState)(),[O,j]=(0,react_1.useState)(),[S,q]=(0,react_1.useState)(),P=(0,hooks_1.usePrevious)(e),{parser:C,options:w}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom);(0,react_1.useEffect)((()=>{const{unsubscribe:e}=l.watch(((e={})=>{u((t=>Object.assign(Object.assign({},t),{requestValues:JSON.parse(JSON.stringify(e))}))),(0,utils_1.updateStorage)(Object.assign(Object.assign({},e),{query:(0,utils_1.unescapeQueryParams)(e.query||{})}))}));return()=>e()}),[l,u]);const I=(0,react_1.useCallback)((e=>{p(e)}),[]),T=(0,react_1.useCallback)((e=>{u((t=>Object.assign(Object.assign({},t),{activeServer:e}))),l.setValue("server",e)}),[u,l]),E=l.handleSubmit((r=>__awaiter(this,void 0,void 0,(function*(){var o,s,n,a,i,l,u,d,_,m,h,f,b;const{servers:O,requestBody:S}=e,P=S&&S.content&&(null===(o=(0,models_1.getActiveMediaType)(S.content))||void 0===o?void 0:o.name)||"";let C=r.body;if(/json/.test(P))try{C=JSON.parse(C)}catch(e){console.error(e)}v(!0);const I=y,T=(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 E=O.find((e=>null==c?void 0:c.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),k=Date.now();let x,A=r.auth;if(A){const e=Object.keys(A)[0],t=(0,string_1.unescapeFormId)(e);x=Object.assign(Object.assign({},I),{components:Object.assign(Object.assign({},null==I?void 0:I.components),{securitySchemes:Object.assign(Object.assign({},null===(s=null==I?void 0:I.components)||void 0===s?void 0:s.securitySchemes),{[t]:Object.assign(Object.assign({},null===(a=null===(n=null==I?void 0:I.components)||void 0===n?void 0:n.securitySchemes)||void 0===a?void 0:a[t]),{type:"openIdConnect"===(null===(u=null===(l=null===(i=null==I?void 0:I.components)||void 0===i?void 0:i.securitySchemes)||void 0===l?void 0:l[t])||void 0===u?void 0:u.type)?"oauth2":(null===(_=null===(d=null==I?void 0:I.components)||void 0===d?void 0:d.securitySchemes)||void 0===_?void 0:_[t]).type})})})}),A=Object.assign(Object.assign({},A),{[t]:A[e]})}else x=Object.assign({},I);x.servers=O;const R=w.corsProxyUrl;R&&O.length&&(x.servers=O.map((e=>Object.assign(Object.assign({},e),{url:R+normalizeUrlProtocol(e.url)}))),x.paths=Object.assign(Object.assign({},x.paths),{[e.path]:Object.assign(Object.assign({},x.paths[e.path]),{[T]:Object.assign(Object.assign({},x.paths[e.path][T]),{servers:void 0}),servers:void 0})}));const V=(null==S?void 0:S.content)&&(null===(m=(0,models_1.getActiveMediaType)(S.content))||void 0===m?void 0:m.name)||null;if(V&&C&&(0,helper_1.isFileUploadMime)(V)){const e=Object.values(C);C=e.length>1?e:e[0]}const F=(0,utils_1.unescapeQueryParams)(r.query||{}),B={server:R?R+normalizeUrlProtocol(E.url):E.url,serverVariables:(0,utils_1.getDefaultOrStoredVariables)(E),spec:x,pathName:e.path,method:e.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},r.path),F),r.header),r.cookie),securities:{authorized:A},requestBody:C,requestContentType:V,responseContentType:(null===(h=r.header)||void 0===h?void 0:h.Accept)||null,requestInterceptor:(0,utils_1.makeRequestInterceptor)(w,e,null==A?void 0:A.Authorization)};try{const e=yield(0,index_1.execute)(B),r=null==e?void 0:e.data;r instanceof Blob&&((0,helper_1.isFileUploadMime)(r.type)&&(e.fileInfo={rawData:r,fileName:(0,utils_1.getFileNameFromHeaders)(e.headers)}),e.data=yield r.text()),null==t||t({request:B,response:e}),q(e),j(void 0)}catch(e){e&&e.response&&e.response.data instanceof Blob&&(e.response.data=yield e.response.data.text(),null==t||t({request:B,response:e.response})),q(void 0),j(e)}finally{v(!1),p(1),g(Date.now()-k),null===(b=null===(f=w.events)||void 0===f?void 0:f.tryItSent)||void 0===b||b.call(f,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))),(()=>{var t,r;h(!0),setTimeout((()=>h(!1)),1e3),null===(r=null===(t=w.events)||void 0===t?void 0:t.tryItSent)||void 0===r||r.call(t,{eventType:events_1.AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}));(0,theme_1.useMount)((()=>__awaiter(this,void 0,void 0,(function*(){const t=yield(0,shallowCopyForTryIt_1.dereferenceDefinitionForTryIt)(e,C.definition);f(t),e.activeServer&&!c&&u((t=>Object.assign(Object.assign({},t),{activeServer:e.activeServer})))})))),(0,react_1.useEffect)((()=>{P&&P!==e&&(q(void 0),j(void 0),p(0))}),[e,P]);const k=!(!S&&!O),x=l.getValues();return react_1.default.createElement(react_hook_form_1.FormProvider,Object.assign({},l),react_1.default.createElement(ConsoleWrapper_1.ConsoleWrapper,{shaking:m,className:r,rootElement:o},react_1.default.createElement(Panel_1.StyledCodeHeader,null,react_1.default.createElement(ConsoleTabs_1.ConsoleTabs,{active:d,hasResponse:k,onChange:I}),i&&react_1.default.createElement(styled_1.CloseButton,{onClick:i}," ✕ ")),react_1.default.createElement(styled_1.ConsoleBody,{hidden:0!==d,"data-cy":"console-request-body"},react_1.default.createElement(Request_1.Request,{operation:e,properties:s,mergeExampleBody:n,securityDefaults:a,resolvedRawSpec:y,server:c||e.activeServer,onServerChange:T})),react_1.default.createElement(styled_1.ConsoleBody,{hidden:1!==d,"data-cy":"console-response-body"},react_1.default.createElement(ResponsePanel_1.ResponsePanel,{response:S,error:O,time:b})),react_1.default.createElement(ActionPanel_1.ActionPanel,{hasResponse:k,params:x,operation:e,loading:_,onSubmit:E})))}exports.Console=(0,react_1.memo)(ConsoleComponent);
+//# sourceMappingURL=Console.js.map

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+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,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{u(o.next(e))}catch(e){i(e)}}function l(e){try{u(o.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,l)}u((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.Console=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),hooks_1=require("../../../hooks"),styled_1=require("../styled"),Panel_1=require("../../Panel");function Console(e){const[t,n]=react_1.default.useState({}),[o]=(0,hooks_1.useDimensions)(e.rootElement);return(0,theme_1.useMount)((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){const e=yield Promise.resolve().then((()=>__importStar(require("./Console"))));n({Console:e.Console})}))})()})),t.Console?react_1.default.createElement(t.Console,Object.assign({},e)):react_1.default.createElement(styled_1.ConsoleWrap,{className:e.className,fullWidth:null==o?void 0:o.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,9 @@
+import React from 'react';
+import type { PropsWithChildren } from 'react';
+type ConsoleWrapperProps = PropsWithChildren<{
+    shaking: boolean;
+    className?: string;
+    rootElement?: HTMLElement | null;
+}>;
+export declare const ConsoleWrapper: React.NamedExoticComponent<ConsoleWrapperProps>;
+export {};

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")),jotai_1=require("jotai"),styled_1=require("../styled"),hooks_1=require("../../../hooks"),store_1=require("../../../jotai/store");function ConsoleWrapperComponent({shaking:e,className:t,children:r,rootElement:o}){const[n]=(0,hooks_1.useDimensions)(o),i=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return react_1.default.createElement(styled_1.ConsoleWrap,{scrollYOffset:i.scrollYOffset,shaking:e,className:t,"data-cy":"console",fullWidth:null==n?void 0:n.width},r)}exports.ConsoleWrapper=(0,react_1.memo)(ConsoleWrapperComponent);
+//# sourceMappingURL=ConsoleWrapper.js.map

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

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

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 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,a,o)}: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")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),react_hook_form_1=require("react-hook-form"),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"),OperationParameters_1=require("../../OperationParameters"),AuthPanel_1=require("../AuthPanel"),store_1=require("../../../jotai/store"),RenderHook_1=require("../../RenderHook");function RequestComponent({operation:e,properties:r,mergeExampleBody:t,securityDefaults:a,resolvedRawSpec:o,server:n,onServerChange:l}){const{watch:i,formState:u}=(0,react_hook_form_1.useFormContext)(),s=u.errors||{},c=Boolean(s.path||s.cookie||s.header||s.query),{hooks:d,authCorsProxyUrl:_}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),h=o&&utils_2.JsonPointer.get(o,e.pointer),p=i();let m=p&&p.auth&&Object.keys(p.auth)[0];m&&p.auth[m]||(m=void 0),!m||void 0===p.auth[m].token&&void 0===p.auth[m].client_id&&void 0===p.auth[m].client_secret||p.auth[m].token&&p.auth[m].token.access_token||(m=void 0),m&&null!=p.auth[m].username&&(p.auth[m].username&&p.auth[m].password||(m=void 0));const y=e.parameters||[];return!o&&react_1.default.createElement(react_1.default.Fragment,null,"Loading...")||react_1.default.createElement("form",{style:{flex:1,display:"flex",flexDirection:"column",margin:0}},react_1.default.createElement(ServersDropdown_1.ServersDropdown,{operation:e,onChange:l}),react_1.default.createElement(Panel_1.Accordion,{initialActiveIdx:e.security.length&&m?1:0},e.security.length&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItAuth"),"data-cy":"security-trigger",error:!m&&!!s.auth,success:!!m,renderChildrenHidden:!0},theme_1.OpenApiTryItSecurityPanel||(null==d?void 0:d.ReplaceTryItSecurityPanel)?react_1.default.createElement(AuthPanelWrapper,{fieldName:"auth",validate:utils_1.requiredValidator},(r=>react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.OpenApiTryItSecurityPanel||(null==d?void 0:d.ReplaceTryItSecurityPanel),props:{server:n,operation:e,onChange:r,OAuth2:OAuth2_1.OAuth2}}))):react_1.default.createElement(AuthPanel_1.AuthPanel,{operation:e,activeServer:n.url,authCorsProxyUrl:_,securityDefaults:a}))||null,e.requestBody&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItBody"),"data-cy":"body-trigger",error:!!s.body,renderChildrenHidden:!0},react_1.default.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==h?void 0:h.requestBody,properties:r,mergeExampleBody:t}))||null,y.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:p}))||null))}function AuthPanelWrapper({fieldName:e,validate:r,children:t}){const{control:a,setValue:o}=(0,react_hook_form_1.useFormContext)();return react_1.default.createElement(react_hook_form_1.Controller,{control:a,name:e,rules:{validate:r},render:()=>t(o)})}function allowBodyErrors(){}exports.Request=(0,react_1.memo)(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/shallowCopyForTryIt.d.ts

@@ -0,0 +1,2 @@
+import type { OperationModel } from '../../../models';
+export declare function dereferenceDefinitionForTryIt(operation: OperationModel, definition: GenericObject): Promise<GenericObject>;

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

@@ -0,0 +1,2 @@
+"use strict";var __awaiter=this&&this.__awaiter||function(e,n,r,t){return new(r||(r=Promise))((function(i,o){function a(e){try{s(t.next(e))}catch(e){o(e)}}function c(e){try{s(t.throw(e))}catch(e){o(e)}}function s(e){var n;e.done?i(e.value):(n=e.value,n instanceof r?n:new r((function(e){e(n)}))).then(a,c)}s((t=t.apply(e,n||[])).next())}))};Object.defineProperty(exports,"__esModule",{value:!0}),exports.dereferenceDefinitionForTryIt=void 0;const bundle_1=require("@redocly/openapi-core/lib/bundle"),config_1=require("@redocly/openapi-core/lib/config/config"),createParsedDocument_1=require("../../../utils/createParsedDocument");function dereferenceDefinitionForTryIt(e,n){var r,t,i,o;return __awaiter(this,void 0,void 0,(function*(){const a=JSON.parse(JSON.stringify(n)),c=a.openapi?{openapi:a.openapi}:a.swagger?{swagger:a.swagger}:{},s=Object.assign(Object.assign({},c),{components:a.components,paths:{[e.path]:{[e.httpVerb]:null===(t=null===(r=a.paths)||void 0===r?void 0:r[e.path])||void 0===t?void 0:t[e.httpVerb],parameters:null===(o=null===(i=a.paths)||void 0===i?void 0:i[e.path])||void 0===o?void 0:o.parameters}}}),u={config:new config_1.Config({}),doc:(0,createParsedDocument_1.createParsedDocument)(s),dereference:!0};return yield(0,bundle_1.bundle)(u),a}))}exports.dereferenceDefinitionForTryIt=dereferenceDefinitionForTryIt;
+//# sourceMappingURL=shallowCopyForTryIt.js.map

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

@@ -0,0 +1,26 @@
+import type { OperationModel } from '../../../models';
+import type { SecurityDetails, Server } from '../../../types';
+import type { OpenApiResponseData } from '../types';
+export type RequestAndResponseType = {
+    request: Record<string, unknown>;
+    response: OpenApiResponseData;
+};
+export interface ConsoleProps {
+    operation: OperationModel;
+    className?: string;
+    rootElement?: HTMLElement | null;
+    onClose?: () => void;
+    properties?: any;
+    mergeExampleBody?: boolean;
+    securityDefaults?: Record<string, SecurityDetails | string>;
+    onResponse?: (arg: RequestAndResponseType) => void;
+}
+export interface RequestProps {
+    operation: OperationModel;
+    properties?: any;
+    mergeExampleBody?: boolean;
+    securityDefaults: Record<string, string | SecurityDetails> | undefined;
+    resolvedRawSpec: any;
+    server: Server;
+    onServerChange: (server: Server) => 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/ConsoleTabs/ConsoleTabs.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ConsoleTabsProps {
+    onChange: (activeTab: number) => void;
+    active: number;
+    hasResponse: boolean;
+}
+export declare function ConsoleTabs({ onChange, active, hasResponse }: ConsoleTabsProps): JSX.Element;

package/lib/components/rightPanel/ConsoleTabs/ConsoleTabs.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.ConsoleTabs=void 0;const react_1=__importDefault(require("react")),styled_1=require("./styled");function ConsoleTabs({onChange:e,active:t,hasResponse:s}){return react_1.default.createElement(styled_1.TabsWrap,null,react_1.default.createElement(styled_1.Tab,{onClick:()=>e(0),active:0===t},s?"Edit Request":"Request"),react_1.default.createElement(styled_1.Tab,{onClick:()=>s&&e(1),active:1===t,disabled:!s}," ","Response"," "))}exports.ConsoleTabs=ConsoleTabs;
+//# sourceMappingURL=ConsoleTabs.js.map

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

@@ -0,0 +1,2 @@
+export { ConsoleTabs } from './ConsoleTabs';
+export type { ConsoleTabsProps } from './ConsoleTabs';

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

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

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

@@ -0,0 +1,5 @@
+export declare const TabsWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Tab: import("styled-components").StyledComponent<"button", any, {
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>;

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

@@ -0,0 +1,38 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(t,e,r,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(e,r);a&&!("get"in a?!e.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,o,a)}:function(t,e,r,o){void 0===o&&(o=r),t[o]=e[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),__importStar=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)"default"!==r&&Object.prototype.hasOwnProperty.call(t,r)&&__createBinding(e,t,r);return __setModuleDefault(e,t),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=exports.TabsWrap=void 0;const styled_components_1=__importStar(require("styled-components"));exports.TabsWrap=styled_components_1.default.div`
+  display: flex;
+  font-size: 12px;
+  button {
+    margin: 0;
+  }
+`,exports.Tab=styled_components_1.default.button`
+  outline: none;
+  border: none;
+  background-color: var(--panel-try-it-tabs-background-color);
+  text-align: center;
+  cursor: pointer;
+  color: var(--panel-try-it-tabs-text-color);
+  min-width: 80px;
+  min-height: 30px;
+  border-radius: var(--border-radius-lg);
+  font-size: var(--panel-try-it-tabs-font-size);
+  font-family: var(--panel-try-it-tabs-font-family);
+  font-weight: var(--panel-try-it-tabs-font-weight);
+  padding: 0 10px;
+
+  &:hover:not(:disabled) {
+    background-color: var(--panel-try-it-tabs-hover-background-color);
+    color: var(--panel-try-it-tabs-hover-text-color);
+  }
+
+  ${({active:t})=>t&&styled_components_1.css`
+        background-color: var(--panel-try-it-tabs-active-background-color);
+        color: var(--panel-try-it-tabs-active-text-color);
+      `||""}
+
+  ${({disabled:t})=>t&&styled_components_1.css`
+        cursor: default;
+        background-color: var(--panel-try-it-tabs-disabled-background-color);
+        color: var(--panel-try-it-tabs-disabled-text-color);
+      `||""}
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+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,3 @@
+/// <reference types="react" />
+import type { OAuth2FlowProps } from './types';
+export declare const OAuth2Flow: ({ usePkce, id, 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,r,l){void 0===l&&(l=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,a)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,r,l){return new(r||(r=Promise))((function(a,o){function n(e){try{u(l.next(e))}catch(e){o(e)}}function i(e){try{u(l.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,i)}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.OAuth2Flow=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),react_hook_form_1=require("react-hook-form"),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"),store_1=require("../../../jotai/store"),OAuth2Flow=({usePkce:e,id:t,flow:r,tokenUrl:l,authCorsProxyUrl:a,tokenEndpointAuthMethod:o,server:n,scopes:i,authorizationUrl:u,defaultValues:c,clientId:d})=>{var s;const{oAuth2RedirectURI:_,routingBasePath:f}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{setValue:m,getValues:h,trigger:p,formState:g}=(0,react_hook_form_1.useFormContext)(),[v,k]=(0,react_1.useState)(null),[E,C]=(0,react_1.useState)(!1),[O,F]=(0,react_1.useState)(!1),[y,b]=(0,react_1.useState)(void 0),[x,S]=(0,react_1.useState)(void 0),[A,w]=(0,react_1.useState)(void 0),P=(null===(s=h("auth"))||void 0===s?void 0:s[t])||{},j=g.errors||{},T=void 0!==y&&x!==A?{label:"sync",onClick:()=>{y&&S(A)}}:void 0;(0,react_1.useEffect)((()=>{if(e){const e=(0,utils_2.randString)(43);(0,OAuth2_1.deriveCodeChallenge)(e).then((t=>{b(e),S(t),w(t)}))}}),[e]);const q=()=>{m(`auth.${t}.token`,"")};if(!u)return react_1.default.createElement(form_1.FormError,null,"No flow info");let W=(0,utils_1.fromSessionStorage)(`auth.${t}.token`)||JSON.stringify(null==c?void 0:c.token);W=W?JSON.parse(W):"";const D=(0,utils_1.getSecurityDetailsOptions)(t,"client_id"),B={fieldName:`auth.${t}.client_id`,fullWidth:!0,defaultValue:(0,utils_1.fromSessionStorage)(`auth.${t}.client_id`)||d||(null==c?void 0:c.client_id),placeholder:"Your OAuth2 app Client ID",rules:{validate:utils_3.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: "),D?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},B,{options:D})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},B,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===r&&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,fieldName:`auth.${t}.client_secret`,defaultValue:(0,utils_1.fromSessionStorage)(`auth.${t}.client_secret`)||(null==c?void 0:c.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:O,onChange:()=>{F((e=>!e))},"data-cy":"pkce-options-toggle"}),O&&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:y,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield(0,OAuth2_1.deriveCodeChallenge)(e);b(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:x,onChange:({target:{value:e}})=>{S(e)},inputActionButton:T,panel:"try-it","data-cy":"code-challenge-input"}))))),react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,fieldName:`auth.${t}.token`,type:"hidden",defaultValue:W,panel:"try-it"}),react_1.default.createElement(Scope_1.default,{id:t,scopes:i}),P.token&&P.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:P.token.access_token,panel:"try-it"})):null),react_1.default.createElement(styled_1.ButtonsWrapper,null,P.token&&P.token.access_token?react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{q(),k(null)}},"Log out"):E?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{C(!1),k(null),OAuth2_1.OAuth2.clearRedirectData(r)}},"Cancel"),react_1.default.createElement(LinearProgress_1.LinearProgress,null)):react_1.default.createElement(theme_1.Button,{fullWidth:!0,disabled:!(0,utils_2.isEmptyObject)(j),onClick:()=>{var i;i=u,__awaiter(void 0,void 0,void 0,(function*(){if(!i)return;if(yield p(),!(0,utils_2.isEmptyObject)(j))return;C(!0),k(null);const u=a?a+(0,utils_3.normalizeUrlProtocol)(i):i,c=a&&l?a+(0,utils_3.normalizeUrlProtocol)(l):l,d=h(`auth.${t}.scopes`),s={authorizationUrl:u.startsWith("http")?u:n+u,clientId:P.client_id,scopes:d,redirectUri:_,routingBasePath:f,successCallback:e=>{m(`auth.${t}.token`,e),C(!1),k(null)},errorCallback:e=>{C(!1),k((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===r&&OAuth2_1.OAuth2.authorizeImplicit(s),(0,utils_3.validateTokenEndpointMethod)(o)?"authorizationCode"===r&&OAuth2_1.OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},s),{tokenUrl:(null==c?void 0:c.startsWith("http"))?c:n+c,clientSecret:P.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:o,clientId:P.client_id,clientSecret:P.client_secret})}),e&&{codeVerifier:y,codeChallenge:x})):console.log(`Unsupported token endpoint auth method: ${o}`)}))}},"Authorize")),E||v||!P.token||!P.token.access_token&&react_1.default.createElement(Error_1.Error,{loading:E,error:v,token:P.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,17 @@
+import type { SecurityDetails } from '../../../types';
+export interface OAuth2FlowProps {
+    authorizationUrl: string;
+    tokenUrl?: string;
+    usePkce?: {
+        disableManualConfiguration: boolean;
+        hideClientSecretInput: boolean;
+    };
+    authCorsProxyUrl: Maybe<string>;
+    scopes: string[];
+    server: string;
+    id: string;
+    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,16 @@
+/// <reference types="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;
+    clientId?: string;
+    id: string;
+    defaultValues?: SecurityDetails;
+}
+export declare const OAuth2TokenInput: ({ id, server, flow, authCorsProxyUrl, defaultValues, clientId, }: OAuth2TokenInputProps) => JSX.Element;

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { ExtendedOpenAPISecurityScheme } from '../../models';
+import type { SecurityDetails } from '../../types';
+export interface OpenIDConnectProps {
+    server: string;
+    authCorsProxyUrl: Maybe<string>;
+    id: string;
+    scheme: ExtendedOpenAPISecurityScheme;
+    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/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,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,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/rightPanel/ParameterArray.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+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/ParameterArray.js

@@ -0,0 +1,30 @@
+"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},c.map((o=>a(o,r,`${e}.[${t}]`,`[${l}]${o.name&&"."+o.name}`,react_1.default.createElement(Delete,{onClick:()=>{return e=t,void m(s.filter((t=>t!==e)));var e}},"Delete"))))))))};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-secondary);
+    &:hover {
+      color: #fff;
+    }
+  }
+`,Delete=styled_components_1.default.span`
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  position: relative;
+  margin-left: 5px;
+  display: inline-block;
+`;
+//# sourceMappingURL=ParameterArray.js.map

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ParameterEnumDropdownProps {
+    defaultValue: string | string[];
+    paramEnum: Array<string>;
+    fieldName: string;
+}
+export declare const ParameterEnumDropdown: React.NamedExoticComponent<ParameterEnumDropdownProps>;
+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 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.ParameterEnumDropdown=void 0;const react_1=__importStar(require("react")),react_hook_form_1=require("react-hook-form"),styled_1=require("./styled"),ParameterEnumDropdownComponent=({paramEnum:e,fieldName:t,defaultValue:r})=>{const{control:a,setValue:o}=(0,react_hook_form_1.useFormContext)(),n=e.map(((e,t)=>({idx:t,value:e}))),l=e=>{o(t,e.value)},u=()=>{o(t,"")};return react_1.default.createElement(react_hook_form_1.Controller,{control:a,name:t,defaultValue:Array.isArray(r)?r[0]:r,render:({field:{value:e}})=>react_1.default.createElement(styled_1.TryItDropdown,{clearable:!0,fullWidth:!0,variant:"dark",value:e,options:n,handleClear:u,onChange:l})})};exports.ParameterEnumDropdown=(0,react_1.memo)(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.NamedExoticComponent<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,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}: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.Body=void 0;const react_1=__importStar(require("react")),react_hook_form_1=require("react-hook-form"),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"),hooks_1=require("../../../hooks");function BodyComponent({mediaType:e,mediaContent:t,properties:r,id:o,resolvedBody:a,getActiveSample:n,validate:l}){const{setValue:i}=(0,react_hook_form_1.useFormContext)(),u=(0,hooks_1.useActivateExample)(t),s=e.examples||{},_=Object.keys(s),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:d}=(0,Samples_1.useExampleKey)(e.operation,s),p=(0,utils_1.fromSessionStorage)((0,utils_2.getStorageExampleKey)(o,e.name,d,s))||(0,utils_2.encodeSample)(s[d],r),f=(0,react_1.useCallback)(((e="",t="",r)=>a=>{(0,utils_1.toSessionStorage)((0,utils_2.getStorageExampleKey)(o,e,t,r),a)}),[o]),y=(0,react_1.useCallback)((e=>{null==u||u(e),i("body",n(e))}),[i,n,u]),h=(0,react_1.useCallback)(((e,t)=>{i(`body.${e}`,t)}),[i]),g=(0,react_1.useMemo)((()=>((null==a?void 0:a.content[e.name])||{}).schema),[e.name,null==a?void 0:a.content]);return react_1.default.createElement(react_1.default.Fragment,null,_.length&&1!==_.length&&react_1.default.createElement(Samples_1.ExampleSwitch,{examples:s,onChange:y,exampleKey:d,panel:"try-it"})||null,m?react_1.default.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,onChange:h}):react_1.default.createElement(CodemirrorInput_1.CodemirrorInput,{id:"body"+o,fieldName:"body",defaultValue:p,schema:g,mode:e.name,validate:l,onChange:f(e.name,d,s)}))}exports.Body=(0,react_1.memo)(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.NamedExoticComponent<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,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}: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.RequestBody=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),react_hook_form_1=require("react-hook-form"),DropdownOrLabel_1=require("../../DropdownOrLabel"),MediaTypeSwitch_1=require("../../MediaTypeSwitch"),common_1=require("../../common"),RequestMimeLabel_1=require("../RequestMimeLabel"),utils_1=require("../utils"),utils_2=require("../../../utils"),Body_1=require("./Body"),models_1=require("../../../models"),app_1=require("../../../jotai/app"),operation_1=require("../../../jotai/operation");function RequestBodyComponent({body:{content:e},resolvedBody:t,properties:r,mergeExampleBody:o,id:a,validate:i,pointer:n}){const{setValue:u}=(0,react_hook_form_1.useFormContext)(),l=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),{examples:d,name:s}=e&&(0,models_1.getActiveMediaType)(e,l)||{},_=(0,react_1.useCallback)((t=>{if(!e||!e.hasSample)return"";if(!(null==d?void 0:d[t]))return"";const o=s&&(0,utils_2.fromSessionStorage)((0,utils_1.getStorageExampleKey)(a,s,t,d)),i=o?JSON.parse(o):null==d?void 0:d[t];return(0,utils_1.encodeSample)(i,r)}),[s,d,a,e,r]),{activeExampleName:c}=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(n));(0,react_1.useEffect)((()=>{if(r&&!o)return void u("body",JSON.stringify(r||{},null,2));const e=(0,utils_1.getStorageExampleKey)(a,s,c,d),t=(0,utils_2.fromSessionStorage)(e)||_(c||"");u("body","object"==typeof t?JSON.stringify(t,null,2):t)}),[d,c,s,u,_,a,r,o]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:e,renderDropdown:e=>react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:common_1.Dropdown}))},(o=>react_1.default.createElement(Body_1.Body,{mediaType:o,mediaContent:e,resolvedBody:t,id:a,properties:r,getActiveSample:_,validate:i}))))}exports.RequestBody=(0,react_1.memo)(RequestBodyComponent);
+//# sourceMappingURL=RequestBody.js.map

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

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

package/lib/components/rightPanel/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/rightPanel/RequestBody/types.d.ts

@@ -0,0 +1,16 @@
+import type { RequestBodyModel, MediaContentModel, MediaTypeModel } from '../../../models';
+import type { OpenAPIRequestBody } from '../../../types';
+export interface RequestBodyProps {
+    body: RequestBodyModel;
+    pointer: string;
+    resolvedBody: OpenAPIRequestBody;
+    validate: () => string | undefined;
+    id: string;
+    properties: any;
+    mergeExampleBody?: boolean;
+}
+export interface BodyProps extends Pick<RequestBodyProps, 'resolvedBody' | 'validate' | '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,9 @@
+import React from 'react';
+import type { FieldModel, MediaTypeModel, UploadFileType } from '../../models';
+interface RequestBodyFormProps {
+    mediaType: MediaTypeModel;
+    onChange(key: string, file: UploadFileType): void;
+}
+export declare const RequestBodyForm: React.NamedExoticComponent<RequestBodyFormProps>;
+export declare function getRequestBodyFormFields(mediaType: MediaTypeModel): FieldModel[];
+export {};

package/lib/components/rightPanel/RequestBodyForm.js

@@ -0,0 +1,10 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var l=Object.getOwnPropertyDescriptor(t,o);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,l)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);return __setModuleDefault(t,e),t},__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")),styled_components_1=__importDefault(require("styled-components")),react_hook_form_1=require("react-hook-form"),nexus_1=require("../../jotai/nexus"),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"),operation_1=require("../../jotai/operation"),utils_1=require("../../utils");function RequestBodyFormComponent({mediaType:e,onChange:t}){var o;const{setValue:r}=(0,react_hook_form_1.useFormContext)(),l=e.examples||{},{exampleKey:n}=(0,Samples_1.useExampleKey)(e.operation,l),a=null===(o=l[n])||void 0===o?void 0:o.rawValue,i=getRequestBodyFormFields(e);(0,react_1.useEffect)((()=>r&&i.forEach((e=>{var t,o;const l=null==a?void 0:a[e.name],n=null!==(o=null!==(t=e.example)&&void 0!==t?t:null==l?void 0:l.example)&&void 0!==o?o:l,i="object"==typeof n?JSON.stringify(n):n;void 0!==n&&r("body."+e.name,`${i}`)}))),[n]);const d=e.schema||{};return(0,helper_1.isRootFileUpload)(d,e.name)?react_1.default.createElement(FileFormControlWrapper,null,react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(StyledFileUpload,{fullWidth:!0,fieldName:`body.${e.name}`,accept:(0,helper_1.mimeTypeToAccept)(e.name),schema:d,contentName:e.name,onChange:t}))):d.type===models_1.DefinitionTypes.OBJECT||i?react_1.default.createElement(FileFormControlWrapper,null,i.map((o=>{const r=o.schema||{contentMediaType:"",type:"",description:""},l=e.name===constants_1.MediaTypes.MULTIPART&&(0,helper_1.isMultipartFileUploadProperty)(r),n=r.contentMediaType||"",a=l?react_1.default.createElement(StyledFileUpload,{fullWidth:!0,fieldName:"body."+o.name,accept:(0,helper_1.mimeTypeToAccept)(n),multiple:"array"===r.type,schema:r,contentName:o.name,onChange:t}):react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,id:"body."+o.name,fieldName:"body."+o.name,placeholder:(0,utils_1.normalizeText)(r.description)||o.name,panel:"try-it"});return react_1.default.createElement(form_1.FormControl,{key:o.name},react_1.default.createElement(form_1.FormLabel,null,o.name,":"),a)}))):(console.warn(`Invalid schema for request body and mime type: "${e.name}"`,d),null)}function getRequestBodyFormFields(e){var t,o,r,l,n,a;const{activeOneOf:i}=(0,nexus_1.readAtom)((0,operation_1.operationStore)(e.operation.pointer)),d=null!==(o=i[(null===(t=e.schema)||void 0===t?void 0:t.pointer)||""])&&void 0!==o?o:0;return((null===(l=null===(r=e.schema)||void 0===r?void 0:r.oneOf)||void 0===l?void 0:l.length)?(null===(n=e.schema)||void 0===n?void 0:n.oneOf[d].fields)||[]:(null===(a=e.schema)||void 0===a?void 0:a.fields)||[]).filter((e=>!e.schema.readOnly))}exports.RequestBodyForm=(0,react_1.memo)(RequestBodyFormComponent),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/RequestMimeLabel.d.ts

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

package/lib/components/rightPanel/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/rightPanel/ResponseBody.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { OpenApiResponseData } from './types';
+export declare function ResponseBody({ response }: {
+    response: OpenApiResponseData;
+}): JSX.Element;