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

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

@@ -1,2 +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);
+"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")),informed_1=require("informed"),recoil_1=require("recoil"),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"),AuthPanel_1=require("../AuthPanel"),store_1=require("../../../recoil/store");function RequestComponent({operation:e,properties:r,securityDefaults:t,form:a,resolvedRawSpec:o,server:l,formApi:n,setFormApi:u,handleChange:i,handleServerChange:s}){const d=a.errors||{},c=d.path||d.cookie||d.header||d.query,{hooks:_,authCorsProxyUrl:p}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),h=o&&utils_2.JsonPointer.get(o,e.pointer);let f=a.values&&a.values.auth&&Object.keys(a.values.auth)[0];f&&a.values.auth[f]||(f=void 0),!f||void 0===a.values.auth[f].token&&void 0===a.values.auth[f].client_id&&void 0===a.values.auth[f].client_secret||a.values.auth[f].token&&a.values.auth[f].token.access_token||(f=void 0),f&&null!=a.values.auth[f].username&&(a.values.auth[f].username&&a.values.auth[f].password||(f=void 0));const v=e.parameters||[];return!o&&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&&f?1:0},e.security.length&&n&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItAuth"),"data-cy":"security-trigger",error:!f&&!!d.auth,success:!!f,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:l,operation:e,onChange:r,OAuth2:OAuth2_1.OAuth2}}))):react_1.default.createElement(AuthPanel_1.AuthPanel,{formApi:n,form:a,operation:e,activeServer:l.url,authCorsProxyUrl:p,securityDefaults:t}))||null,e.requestBody&&n&&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:n,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==h?void 0:h.requestBody,properties:r}))||null,v.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:o}=r,{children:l}=a;return t(react_1.default.createElement(react_1.default.Fragment,null,l(o)))}function allowBodyErrors(){}exports.Request=(0,react_1.memo)(RequestComponent);
 //# sourceMappingURL=Request.js.map

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

@@ -1,13 +1,12 @@
-import type { ProStore } from '../../../services';
+import type { FormApi, FormState } from 'informed';
 import type { OperationModel } from '../../../models';
-import type { SecurityDetails } from '../../../types';
+import type { SecurityDetails, Server } 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;
@@ -16,3 +15,15 @@ export interface ConsoleProps {
     securityDefaults?: Record<string, SecurityDetails | string>;
     onResponse?: (arg: RequestAndResponseType) => void;
 }
+export interface RequestProps {
+    operation: OperationModel;
+    properties?: any;
+    securityDefaults: Record<string, string | SecurityDetails> | undefined;
+    form: any;
+    resolvedRawSpec: any;
+    server: Server;
+    formApi?: FormApi;
+    setFormApi: (formApi: FormApi) => void;
+    handleChange: (formState: FormState) => void;
+    handleServerChange: (server: Server) => void;
+}

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

@@ -1,2 +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;
+"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"),recoil_1=require("recoil"),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("../../../recoil/store");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,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[E,k]=(0,react_1.useState)(null),[O,C]=(0,react_1.useState)(!1),[F,y]=(0,react_1.useState)(!1),[b,S]=(0,react_1.useState)(void 0),[x,A]=(0,react_1.useState)(void 0),[P,q]=(0,react_1.useState)(void 0),w=(null===(h=null===(f=t.values)||void 0===f?void 0:f.auth)||void 0===h?void 0:h[l])||{},T=(null===(p=null===(m=t.errors)||void 0===m?void 0:m.auth)||void 0===p?void 0:p[l])||{},j=void 0!==b&&x!==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=>{S(e),A(t),q(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 V=(0,utils_1.getSecurityDetailsOptions)(l,"client_id"),B={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: "),V?react_1.default.createElement(TextField_1.FormDropdown,Object.assign({},B,{options:V})):react_1.default.createElement(TextField_1.FormTextField,Object.assign({},B,{"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);S(e),q(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}})=>{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}),w.token&&w.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:w.token.access_token,panel:"try-it"})):null),react_1.default.createElement(styled_1.ButtonsWrapper,null,w.token&&w.token.access_token?react_1.default.createElement(theme_1.Button,{fullWidth:!0,onClick:()=>{W(),k(null)}},"Log out"):O?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(a)}},"Cancel"),react_1.default.createElement(LinearProgress_1.LinearProgress,null)):react_1.default.createElement(theme_1.Button,{fullWidth:!0,disabled:!(0,utils_2.isEmptyObject)(T),onClick:()=>{(t=>{if(!t)return;if(r.validate(),!(0,utils_2.isEmptyObject)(T))return;C(!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:w.client_id,scopes:s,redirectUri:v,routingBasePath:g,successCallback:e=>{r.setValue(`auth.${l}.token`,e),C(!1),k(null)},errorCallback:e=>{C(!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:w.client_secret,extraHeaders:(0,utils_3.getOAuth2TokenEndpointAuthHeader)({authMethod:o,clientId:w.client_id,clientSecret:w.client_secret})}),e&&{codeVerifier:b,codeChallenge:x})):console.log(`Unsupported token endpoint auth method: ${o}`)})(d)}},"Authorize")),O||E||!w.token||!w.token.access_token&&react_1.default.createElement(Error_1.Error,{loading:O,error:E,token:w.token}))};exports.OAuth2Flow=OAuth2Flow;
 //# sourceMappingURL=OAuth2Flow.js.map

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

@@ -1,5 +1,5 @@
 import type { FormApi, FormState } from 'informed';
-import type { SecurityScheme } from '../../models';
+import type { ExtendedOpenAPISecurityScheme } from '../../models';
 import type { SecurityDetails } from '../../types';
 export interface OpenIDConnectProps {
     server: string;
@@ -7,7 +7,7 @@ export interface OpenIDConnectProps {
     id: string;
     form: FormState;
     formApi: FormApi;
-    scheme: SecurityScheme;
+    scheme: ExtendedOpenAPISecurityScheme;
     clientId?: string;
     defaultValues?: SecurityDetails;
 }

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

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

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

@@ -1,2 +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);
+"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")),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:a,resolvedBody:o,formApi:n,getActiveSample:l,validate:i}){const s=(0,hooks_1.useActivateExample)(t),u=e.examples||{},c=Object.keys(u),d=e.schema,_=(0,helper_1.isRootFileUpload)(d||{},e.name)||e.name===constants_1.MediaTypes.MULTIPART||e.name===constants_1.MediaTypes.URL_ENCODED,{exampleKey:m}=(0,Samples_1.useExampleKey)(e.operation,u),p=(0,utils_1.fromSessionStorage)((0,utils_2.getStorageExampleKey)(a,e.name,m,u))||(0,utils_2.encodeSample)(u[m],r);(0,react_1.useEffect)((()=>{n.setValue("body",p)}),[p,n]);const f=(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=>{s&&s(e),n.setValue("body",l(e))}),[n,l,s]),h=(0,react_1.useCallback)(((e,t)=>{n.setValue(`body.${e}`,t)}),[n]);return react_1.default.createElement(react_1.default.Fragment,null,c.length&&1!==c.length&&react_1.default.createElement(Samples_1.ExampleSwitch,{examples:u,onChange:y,exampleKey:m,panel:"try-it"})||null,_?react_1.default.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,formApi:n,onChange:h}):react_1.default.createElement(CodemirrorInput_1.CodemirrorInput,{id:"body"+a,field:"body",initialValue:p,schema:((null==o?void 0:o.content[e.name])||{}).schema,mode:e.name,validate:i,onChange:f(e.name,m,u)}))}exports.Body=(0,react_1.memo)(BodyComponent);
 //# sourceMappingURL=Body.js.map

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

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

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

@@ -1,2 +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);
+"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")),deepmerge_1=__importDefault(require("deepmerge")),recoil_1=require("recoil"),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"),models_1=require("../../../models"),app_1=require("../../../recoil/app"),operation_1=require("../../../recoil/operation");function RequestBodyComponent({body:e,formApi:t,resolvedBody:r,properties:i,id:o,validate:a,pointer:l}){const u=e.content,n=(0,recoil_1.useRecoilValue)(app_1.activeMimeNameSelector),{examples:s,name:d}=u&&(0,models_1.getActiveMediaType)(u,n)||{},_=(0,react_1.useCallback)((e=>{if(!u||!u.hasSample)return"";if(!(null==s?void 0:s[e]))return"";const t=d&&(0,utils_3.fromSessionStorage)((0,utils_2.getStorageExampleKey)(o,d,e,s)),r=t?JSON.parse(t):null==s?void 0:s[e].value,a=i?(0,deepmerge_1.default)(r,i,{arrayMerge:utils_1.arrayMergeStrategy}):r;return JSON.stringify(a,null,2)}),[d,s,o,u,i]),{activeExampleName:c}=(0,recoil_1.useRecoilValue)((0,operation_1.operationStore)(l));(0,react_1.useEffect)((()=>{if(d){const e=(0,utils_2.getStorageExampleKey)(o,d,c,s);t.setValue("body",(0,utils_3.fromSessionStorage)(e)||_(c||""))}else t.setValue("body",JSON.stringify(i||{},null,2))}),[s,c,d,t,_,o,i]);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:_,formApi:t,validate:a}))))}exports.RequestBody=(0,react_1.memo)(RequestBodyComponent);
 //# sourceMappingURL=RequestBody.js.map

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

@@ -3,6 +3,7 @@ import type { RequestBodyModel, MediaContentModel, MediaTypeModel } from '../../
 import type { OpenAPIRequestBody } from '../../../types';
 export interface RequestBodyProps {
     body: RequestBodyModel;
+    pointer: string;
     resolvedBody: OpenAPIRequestBody;
     validate: () => string | undefined;
     formApi: FormApi;

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

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

package/lib/components/rightPanel/RequestBodyForm.js

@@ -1,4 +1,4 @@
-"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`
+"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")),recoil_nexus_1=require("recoil-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("../../recoil/operation"),utils_1=require("../../utils");function RequestBodyFormComponent({mediaType:e,onChange:t,formApi:o}){var r;const l=e.examples||{},{exampleKey:n}=(0,Samples_1.useExampleKey)(e.operation,l),a=null===(r=l[n])||void 0===r?void 0:r.rawValue,i=getRequestBodyFormFields(e);(0,react_1.useEffect)((()=>o&&i.forEach((e=>{var t,r;const l=null==a?void 0:a[e.name],n=null!==(r=null!==(t=e.example)&&void 0!==t?t:null==l?void 0:l.example)&&void 0!==r?r:l,i="object"==typeof n?JSON.stringify(n):n;void 0!==n&&o.setValue("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,id:`body.${e.name}`,name:`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,id:"body."+o.name,name:"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,field:"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;const{activeOneOf:n}=(0,recoil_nexus_1.getRecoil)((0,operation_1.operationStore)(e.operation.pointer));return((null===(o=null===(t=e.schema)||void 0===t?void 0:t.oneOf)||void 0===o?void 0:o.length)?(null===(r=e.schema)||void 0===r?void 0:r.oneOf[n].fields)||[]:(null===(l=e.schema)||void 0===l?void 0:l.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;
   }

package/lib/components/rightPanel/ResponseHeadersList.js

@@ -1,4 +1,4 @@
-"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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeadersList=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),context_1=require("../../context"),styled_1=require("./styled");function ResponseHeadersList({headers:e}){const t=(0,react_1.useContext)(context_1.OptionsContext),[r,a]=(0,react_1.useState)(!0),{maxResponseHeadersToShowInTryIt:n}=t,o=Object.keys(e),l=!!n&&o.length>n,s=l&&r?[...o].splice(0,n):[...o];return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.ResponseHeader,null," Headers: "),react_1.default.createElement(styled_1.PanelPreCodeBlock,null,s.map((t=>react_1.default.createElement("div",{key:t},react_1.default.createElement(HeaderName,null,t,":"),react_1.default.createElement("code",null,e[t])))),l&&react_1.default.createElement(StyledShowMoreLabel,{onClick:()=>{a(!r)}},r?"Show more...":"Hide headers")))}exports.ResponseHeadersList=ResponseHeadersList;const HeaderName=styled_components_1.default.strong`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeadersList=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),styled_1=require("./styled"),store_1=require("../../recoil/store");function ResponseHeadersList({headers:e}){const t=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[r,a]=(0,react_1.useState)(!0),{maxResponseHeadersToShowInTryIt:l}=t,o=Object.keys(e),n=!!l&&o.length>l,s=n&&r?[...o].splice(0,l):[...o];return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.ResponseHeader,null," Headers: "),react_1.default.createElement(styled_1.PanelPreCodeBlock,null,s.map((t=>react_1.default.createElement("div",{key:t},react_1.default.createElement(HeaderName,null,t,":"),react_1.default.createElement("code",null,e[t])))),n&&react_1.default.createElement(StyledShowMoreLabel,{onClick:()=>{a(!r)}},r?"Show more...":"Hide headers")))}exports.ResponseHeadersList=ResponseHeadersList;const HeaderName=styled_components_1.default.strong`
   text-transform: capitalize;
   display: inline-block;
   padding-right: 5px;

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

@@ -3,7 +3,7 @@ interface ServerVariableProps {
     name: string;
     value: string;
     variableEnum?: string[];
-    description?: string;
+    description?: string | GenericObject;
     defaultValue: string;
 }
 export default function ServerVariable({ name, value, description, variableEnum, onChange, defaultValue, }: ServerVariableProps): JSX.Element;

package/lib/components/rightPanel/ServerVariable.js

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

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

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

package/lib/components/rightPanel/ServersDropdown/ServersDropdown.js

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

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

@@ -1,5 +1,5 @@
 import type { OpenAPIServer, Server, ServerVariables } from '../../types';
-import type { FieldModel, SecurityScheme, OperationModel, ExampleModel } from '../../models';
+import type { FieldModel, ExtendedOpenAPISecurityScheme, OperationModel, ExampleModel } from '../../models';
 import type { RequestBodyProps } from './RequestBody';
 import type { Options } from 'src/services/Options';
 export declare function normalizeUrlProtocol(url: string): string;
@@ -15,7 +15,7 @@ export declare function unescapeQueryParams(params: GenericObject): GenericObjec
 export declare function getFileNameFromHeaders(headers: Record<string, string>): string;
 export declare const makeRequestInterceptor: ({ requestInterceptor, sendXUserAgentInTryIt, disableTryItRequestUrlEncoding, }: Pick<Options, 'requestInterceptor' | 'sendXUserAgentInTryIt' | 'disableTryItRequestUrlEncoding'>, operation: OperationModel, securitySchemaAuth?: string) => (req: Request) => void | Request;
 export declare function requiredValidator(value: unknown): string | undefined;
-export declare function fromCookie(scheme: SecurityScheme): string | undefined;
+export declare function fromCookie(scheme: ExtendedOpenAPISecurityScheme): string | undefined;
 export declare const validateTokenEndpointMethod: (token: string[] | string | undefined) => boolean;
 export declare const getOAuth2TokenEndpointAuthHeader: ({ authMethod, clientId, clientSecret, }: {
     authMethod?: string | string[] | undefined;
@@ -26,3 +26,4 @@ export declare function encodeSample(sample: ExampleModel, properties: RequestBo
 export declare const getStorageExampleKey: (operationId: string, activeMimeType: string, activeExample?: string | false, examples?: {
     [name: string]: ExampleModel;
 } | undefined) => string;
+export declare function dereferenceDefinitionForTryIt(operation: OperationModel, definition: GenericObject): Promise<GenericObject>;

package/lib/components/rightPanel/utils.js

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

package/lib/constants.d.ts

@@ -1,8 +1,6 @@
 import type { RawOptions } from './services';
 export declare const defaultTheme: Required<Pick<RawOptions, 'breakpoints' | 'showAtBreakpoint'>>;
 export declare enum WindowReferenceOptions {
-    LINK_FOR_ID = "linkForId",
-    GENERATE_DEEP_LINK = "generateDeepLink",
     ON_DEEP_LINK_CLICK = "onDeepLinkClick",
     REQUEST_INTERCEPTOR = "requestInterceptor",
     HOOKS = "hooks"

package/lib/constants.js

@@ -1,2 +1,2 @@
-"use strict";var WindowReferenceOptions,MediaTypes,LayoutVariant;Object.defineProperty(exports,"__esModule",{value:!0}),exports.COMPONENT_REGEXP=exports.MDX_COMPONENT_REGEXP=exports.LEGACY_REGEXP=exports.GROUP_DEPTH=exports.FIELD_ATTR=exports.SECTION_ATTR=exports.DEFAULT_SEARCH_MAX_DEPTH=exports.LayoutVariant=exports.MediaTypes=exports.WindowReferenceOptions=exports.defaultTheme=void 0,exports.defaultTheme={breakpoints:{small:"50rem",medium:"85rem",large:"105rem"},showAtBreakpoint:{sidebar:"small",samplesPanel:"medium"}},function(e){e.LINK_FOR_ID="linkForId",e.GENERATE_DEEP_LINK="generateDeepLink",e.ON_DEEP_LINK_CLICK="onDeepLinkClick",e.REQUEST_INTERCEPTOR="requestInterceptor",e.HOOKS="hooks"}(WindowReferenceOptions=exports.WindowReferenceOptions||(exports.WindowReferenceOptions={})),function(e){e.OCTET_STREAM="application/octet-stream",e.MULTIPART="multipart/form-data",e.URL_ENCODED="application/x-www-form-urlencoded",e.JSON="application/json",e.XML="application/xml"}(MediaTypes=exports.MediaTypes||(exports.MediaTypes={})),function(e){e.STACKED="stacked",e.THREE_PANEL="three-panel"}(LayoutVariant=exports.LayoutVariant||(exports.LayoutVariant={})),exports.DEFAULT_SEARCH_MAX_DEPTH=1,exports.SECTION_ATTR="data-section-id",exports.FIELD_ATTR="data-field-id",exports.GROUP_DEPTH=0,exports.LEGACY_REGEXP="^ {0,3}\x3c!-- ReDoc-Inject:\\s+?<({component}).*?/?>\\s+?--\x3e\\s*$",exports.MDX_COMPONENT_REGEXP="(?:^ {0,3}<({component})([\\s\\S]*?)>([\\s\\S]*?)</\\2>|^ {0,3}<({component})([\\s\\S]*?)(?:/>|\\n{2,}))",exports.COMPONENT_REGEXP="(?:"+exports.LEGACY_REGEXP+"|"+exports.MDX_COMPONENT_REGEXP+")";
+"use strict";var WindowReferenceOptions,MediaTypes,LayoutVariant;Object.defineProperty(exports,"__esModule",{value:!0}),exports.COMPONENT_REGEXP=exports.MDX_COMPONENT_REGEXP=exports.LEGACY_REGEXP=exports.GROUP_DEPTH=exports.FIELD_ATTR=exports.SECTION_ATTR=exports.DEFAULT_SEARCH_MAX_DEPTH=exports.LayoutVariant=exports.MediaTypes=exports.WindowReferenceOptions=exports.defaultTheme=void 0,exports.defaultTheme={breakpoints:{small:"50rem",medium:"85rem",large:"105rem"},showAtBreakpoint:{sidebar:"small",samplesPanel:"medium"}},function(e){e.ON_DEEP_LINK_CLICK="onDeepLinkClick",e.REQUEST_INTERCEPTOR="requestInterceptor",e.HOOKS="hooks"}(WindowReferenceOptions=exports.WindowReferenceOptions||(exports.WindowReferenceOptions={})),function(e){e.OCTET_STREAM="application/octet-stream",e.MULTIPART="multipart/form-data",e.URL_ENCODED="application/x-www-form-urlencoded",e.JSON="application/json",e.XML="application/xml"}(MediaTypes=exports.MediaTypes||(exports.MediaTypes={})),function(e){e.STACKED="stacked",e.THREE_PANEL="three-panel"}(LayoutVariant=exports.LayoutVariant||(exports.LayoutVariant={})),exports.DEFAULT_SEARCH_MAX_DEPTH=1,exports.SECTION_ATTR="data-section-id",exports.FIELD_ATTR="data-field-id",exports.GROUP_DEPTH=0,exports.LEGACY_REGEXP="^ {0,3}\x3c!-- ReDoc-Inject:\\s+?<({component}).*?/?>\\s+?--\x3e\\s*$",exports.MDX_COMPONENT_REGEXP="(?:^ {0,3}<({component})([\\s\\S]*?)>([\\s\\S]*?)</\\2>|^ {0,3}<({component})([\\s\\S]*?)(?:/>|\\n{2,}))",exports.COMPONENT_REGEXP="(?:"+exports.LEGACY_REGEXP+"|"+exports.MDX_COMPONENT_REGEXP+")";
 //# sourceMappingURL=constants.js.map

package/lib/events/codeSampleCopy.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createCodeSampleCopyEvent=void 0;const creator_1=require("./creator"),types_1=require("./types"),codeSampleCopyEvent=(0,creator_1.createTrackingEvent)(types_1.AnalyticsEventType.CodeSampleCopied),createCodeSampleCopyEvent=({operation:e,type:t,lang:a="",label:o=""})=>codeSampleCopyEvent({resource:"Redocly_CodeSample",action:"CodeSampleCopied",operationId:e.id,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.name,exampleId:e.activeExampleName||void 0,exampleMimeType:e.activeMimeName,label:o,lang:a,type:t});exports.createCodeSampleCopyEvent=createCodeSampleCopyEvent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createCodeSampleCopyEvent=void 0;const recoil_nexus_1=require("recoil-nexus"),creator_1=require("./creator"),types_1=require("./types"),app_1=require("../recoil/app"),operation_1=require("../recoil/operation"),codeSampleCopyEvent=(0,creator_1.createTrackingEvent)(types_1.AnalyticsEventType.CodeSampleCopied),createCodeSampleCopyEvent=({operation:e,type:o,lang:t="",label:r=""})=>{const{activeExampleName:a}=(0,recoil_nexus_1.getRecoil)((0,operation_1.operationStore)(e.pointer));return codeSampleCopyEvent({resource:"Redocly_CodeSample",action:"CodeSampleCopied",operationId:e.id,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.name,exampleId:a||e.activeExampleName,exampleMimeType:(0,recoil_nexus_1.getRecoil)(app_1.activeMimeNameSelector),label:r,lang:t,type:o})};exports.createCodeSampleCopyEvent=createCodeSampleCopyEvent;
 //# sourceMappingURL=codeSampleCopy.js.map

package/lib/events/types.d.ts

@@ -30,7 +30,7 @@ export interface AnalyticsEvent {
     operationId?: string;
     operationPath: string;
     operationHttpVerb: string;
-    operationSummary?: string;
+    operationSummary?: string | GenericObject;
 }
 export interface CodeSamplesLanguageSwitchedEvent extends AnalyticsEvent {
     lang: string;
@@ -51,7 +51,7 @@ export interface PanelToggleEvent extends AnalyticsEvent {
     operationId: string;
     operationPath: string;
     operationHttpVerb: string;
-    operationSummary?: string;
+    operationSummary?: string | GenericObject;
 }
 export type Events = {
     codeSamplesLanguageSwitch?: (event: CodeSamplesLanguageSwitchedEvent) => void;

package/lib/hoc/types.d.ts

@@ -0,0 +1,38 @@
+import type { RouterType } from '../types';
+export interface RoutingProps {
+    /**
+     * Only applies when using `history`-based routing. (See the `router` prop.) Specifies the base path under which
+     * all API component controlled pages are located. The host must route any location under this path to the API component.
+     */
+    basePath?: string;
+    /**
+     * Only applies when using `static`-based routing. (See the `router` prop.) Specifies the current static path
+     * that is being rendered by the StaticRouter, which allows us to properly render the currently active route
+     * on the server and already render the content instead of sending an empty page to the client.
+     */
+    staticRouterPath?: string;
+    /**
+     * Which routing solution to use when the user navigates using the table of contents.
+     * Only applies when using the *sidebar* layout.
+     *
+     * - **`history`** - The table of contents pushes entries onto the navigation stack, e.g. `location.pushState`.
+     *   This requires that the host routes any location under `basePath` (see `basePath` prop) to the API component.
+     * - **`hash`** - Navigation happens using hash-fragments (`/some/page#these-fragments-here`).
+     *   This still allows the user to link to individual pages without requiring the more complex routing setup `history` needs.
+     * - **`memory`** - Internal navigation does not change the host `location` at all.
+     *   This works in every scenario, but it lacks the important feature of being able to link to individual pages.
+     * - **`static`** - Renders a single static page for the provided `staticRouterPath`.
+     *   This can be used when the page is being rendered on the server (either SSR or SSG) to pre-generate the
+     *   markup of the page, which can be rehydrated on the client. This can reduce the amount of time spent rendering
+     *   the page on the client.
+     *
+     *   @default "history"
+     */
+    router?: RouterType;
+    /**
+     * Either uses the app's own or the parent router ex. (Portal).
+     *
+     *   @default true
+     */
+    enableRouter?: boolean;
+}

package/lib/hoc/types.js

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

package/lib/hoc/utils.d.ts

@@ -0,0 +1,2 @@
+import type * as React from 'react';
+export declare function getDisplayName<T>(WrappedComponent: React.ComponentType<T>): string;

package/lib/hoc/utils.js

@@ -0,0 +1,2 @@
+"use strict";function getDisplayName(e){return e.displayName||e.name||"Component"}Object.defineProperty(exports,"__esModule",{value:!0}),exports.getDisplayName=void 0,exports.getDisplayName=getDisplayName;
+//# sourceMappingURL=utils.js.map

package/lib/hoc/withRouter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { RoutingProps } from './types';
+export declare function withRouter<P extends RoutingProps>(WrappedComponent: React.ComponentType<Omit<P, 'enableRouter'>>): React.FC<P>;

package/lib/hoc/withRouter.js

@@ -0,0 +1,2 @@
+"use strict";var __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 u=0;for(o=Object.getOwnPropertySymbols(e);u<o.length;u++)t.indexOf(o[u])<0&&Object.prototype.propertyIsEnumerable.call(e,o[u])&&(r[o[u]]=e[o[u]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.withRouter=void 0;const react_1=__importDefault(require("react")),hooks_1=require("../hooks"),utils_1=require("./utils"),utils_2=require("../utils");function withRouter(e){const t=t=>{var r,o,{enableRouter:u=!0}=t,s=__rest(t,["enableRouter"]);const i=null!==(r=s.basePath)&&void 0!==r?r:"/",l=null!==(o=s.router)&&void 0!==o?o:"history",{Router:a,routerProps:n}=(0,hooks_1.useRouter)(l,i);return utils_2.IS_BROWSER&&u?react_1.default.createElement(a,Object.assign({},n,{key:i}),react_1.default.createElement(e,Object.assign({},s))):react_1.default.createElement(e,Object.assign({},s))};return t.displayName=`WithRouter(${(0,utils_1.getDisplayName)(e)})`,t}exports.withRouter=withRouter;
+//# sourceMappingURL=withRouter.js.map

package/lib/hooks/index.d.ts

@@ -1,2 +1,6 @@
 export { useDimensions } from './useDimensions';
 export { usePrevious } from './usePrevious';
+export { useLicense } from './useLicense';
+export { useActivateExample } from './useActivateExample';
+export { useRouter } from './useRouter';
+export { useContentItems } from './useContentItems';

package/lib/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePrevious=exports.useDimensions=void 0;var useDimensions_1=require("./useDimensions");Object.defineProperty(exports,"useDimensions",{enumerable:!0,get:function(){return useDimensions_1.useDimensions}});var usePrevious_1=require("./usePrevious");Object.defineProperty(exports,"usePrevious",{enumerable:!0,get:function(){return usePrevious_1.usePrevious}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useContentItems=exports.useRouter=exports.useActivateExample=exports.useLicense=exports.usePrevious=exports.useDimensions=void 0;var useDimensions_1=require("./useDimensions");Object.defineProperty(exports,"useDimensions",{enumerable:!0,get:function(){return useDimensions_1.useDimensions}});var usePrevious_1=require("./usePrevious");Object.defineProperty(exports,"usePrevious",{enumerable:!0,get:function(){return usePrevious_1.usePrevious}});var useLicense_1=require("./useLicense");Object.defineProperty(exports,"useLicense",{enumerable:!0,get:function(){return useLicense_1.useLicense}});var useActivateExample_1=require("./useActivateExample");Object.defineProperty(exports,"useActivateExample",{enumerable:!0,get:function(){return useActivateExample_1.useActivateExample}});var useRouter_1=require("./useRouter");Object.defineProperty(exports,"useRouter",{enumerable:!0,get:function(){return useRouter_1.useRouter}});var useContentItems_1=require("./useContentItems");Object.defineProperty(exports,"useContentItems",{enumerable:!0,get:function(){return useContentItems_1.useContentItems}});
 //# sourceMappingURL=index.js.map

package/lib/hooks/useActivateExample.d.ts

@@ -0,0 +1,2 @@
+import type { MediaContentModel } from '../models';
+export declare function useActivateExample(mediaContent?: MediaContentModel): (key: string) => void;

package/lib/hooks/useActivateExample.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useActivateExample=void 0;const react_1=require("react"),recoil_1=require("recoil"),models_1=require("../models"),operation_1=require("../recoil/operation");function useActivateExample(e){const i=(0,recoil_1.useSetRecoilState)((0,operation_1.operationStore)((null==e?void 0:e.operation.pointer)||"no_operation_pointer")),o=e?(0,models_1.getActiveMediaType)(e):void 0;return(0,react_1.useCallback)((e=>{var t,a,l;if(o)if(o.examples&&(null===(t=o.schema)||void 0===t?void 0:t.oneOf)&&Object.keys(o.examples).includes(e)){const t=null===(l=null===(a=o.schema)||void 0===a?void 0:a.oneOf)||void 0===l?void 0:l.findIndex((i=>i.title===e));i((e=>{var i,a,l;return Object.assign(Object.assign({},e),{activeOneOf:t,activeExampleName:(null===(l=null===(a=null===(i=o.schema)||void 0===i?void 0:i.oneOf)||void 0===a?void 0:a[t])||void 0===l?void 0:l.title)||e.activeExampleName})}))}else i((i=>Object.assign(Object.assign({},i),{activeExampleName:e})))}),[o,i])}exports.useActivateExample=useActivateExample;
+//# sourceMappingURL=useActivateExample.js.map

package/lib/hooks/useContentItems.d.ts

@@ -0,0 +1,12 @@
+import type { ContentItemModel } from '../models';
+import type { ExtendedMenuItem, IMenuItem, OpenAPIParser, Options } from '../services';
+type UseContentItemsInput = {
+    parser: OpenAPIParser;
+    options: Options;
+};
+type UseContentItemsReturnType = {
+    contentItems: ContentItemModel[];
+    flatItems: (ExtendedMenuItem & IMenuItem)[];
+};
+export declare const useContentItems: ({ options, parser, }: UseContentItemsInput) => UseContentItemsReturnType;
+export {};

package/lib/hooks/useContentItems.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useContentItems=void 0;const react_1=require("react"),services_1=require("../services"),useContentItems=({options:e,parser:t})=>{const{contentItems:s,flatItems:r}=(0,react_1.useMemo)((()=>(0,services_1.buildContentItems)(t,e)),[e,t]);return{flatItems:r,contentItems:s}};exports.useContentItems=useContentItems;
+//# sourceMappingURL=useContentItems.js.map

package/lib/hooks/useLicense.d.ts

@@ -0,0 +1,5 @@
+import type { LicenseInfo } from '../services/check';
+export declare function useLicense(licenceKey?: string): {
+    licenseInfo: LicenseInfo;
+    isValid: boolean;
+};

package/lib/hooks/useLicense.js

@@ -0,0 +1,2 @@
+"use strict";var __awaiter=this&&this.__awaiter||function(e,t,i,n){return new(i||(i=Promise))((function(c,r){function s(e){try{u(n.next(e))}catch(e){r(e)}}function o(e){try{u(n.throw(e))}catch(e){r(e)}}function u(e){var t;e.done?c(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(s,o)}u((n=n.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useLicense=void 0;const react_1=require("react"),check_1=__importDefault(require("../services/check"));function useLicense(e){const[t,i]=(0,react_1.useState)("development"===process.env.NODE_ENV?{valid:!0,allowed:!0}:{});return(0,react_1.useEffect)((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){const t=yield(0,check_1.default)(e);i(t)}))}()}),[e]),{licenseInfo:t,isValid:isValidLicense(t)}}function isValidLicense(e){return e.valid&&e.allowed&&!e.expired||!!e.local}exports.useLicense=useLicense;
+//# sourceMappingURL=useLicense.js.map

package/lib/hooks/useRouter.d.ts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+import type { RouterType } from '../types';
+interface RouterProps {
+    basename?: string;
+    location?: string;
+}
+export declare const useRouter: (router: RouterType, basePath: string) => {
+    Router: React.ComponentType<{}>;
+    routerProps: RouterProps;
+};
+export {};

package/lib/hooks/useRouter.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useRouter=void 0;const react_router_dom_1=require("react-router-dom"),RouterComponent={history:react_router_dom_1.BrowserRouter,memory:react_router_dom_1.MemoryRouter,hash:react_router_dom_1.HashRouter},useRouter=(e,r)=>({Router:RouterComponent[e],routerProps:Object.assign({},"memory"!==e&&{basename:r})});exports.useRouter=useRouter;
+//# sourceMappingURL=useRouter.js.map

package/lib/index.d.ts

@@ -5,6 +5,7 @@ export * from './events/index';
 export * from './constants';
 export { setSecurityDetails, setSecurityDetailsVariants, setParameterValue, isOperationName, JsonPointer, } from './utils';
 export type { SecurityDetails, OpenAPIDefinition, OpenAPIOperation, OpenAPIParameterLocation, OpenAPISchema, } from './types';
-export type { OpenAPIParser } from './services';
+export { OpenAPIParser } from './services';
+export { buildContentItems, normalizeOptions } from './services';
 export type { OAuth2 } from './services/OAuth2';
 export type { OpenApiResponseData } from './components/rightPanel/types';

package/lib/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=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,i,n)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=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.JsonPointer=exports.isOperationName=exports.setParameterValue=exports.setSecurityDetailsVariants=exports.setSecurityDetails=void 0,__exportStar(require("./components/index"),exports),__exportStar(require("./services/index"),exports),__exportStar(require("./models/index"),exports),__exportStar(require("./events/index"),exports),__exportStar(require("./constants"),exports);var utils_1=require("./utils");Object.defineProperty(exports,"setSecurityDetails",{enumerable:!0,get:function(){return utils_1.setSecurityDetails}}),Object.defineProperty(exports,"setSecurityDetailsVariants",{enumerable:!0,get:function(){return utils_1.setSecurityDetailsVariants}}),Object.defineProperty(exports,"setParameterValue",{enumerable:!0,get:function(){return utils_1.setParameterValue}}),Object.defineProperty(exports,"isOperationName",{enumerable:!0,get:function(){return utils_1.isOperationName}}),Object.defineProperty(exports,"JsonPointer",{enumerable:!0,get:function(){return utils_1.JsonPointer}});
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=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,i,n)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=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.normalizeOptions=exports.buildContentItems=exports.OpenAPIParser=exports.JsonPointer=exports.isOperationName=exports.setParameterValue=exports.setSecurityDetailsVariants=exports.setSecurityDetails=void 0,__exportStar(require("./components/index"),exports),__exportStar(require("./services/index"),exports),__exportStar(require("./models/index"),exports),__exportStar(require("./events/index"),exports),__exportStar(require("./constants"),exports);var utils_1=require("./utils");Object.defineProperty(exports,"setSecurityDetails",{enumerable:!0,get:function(){return utils_1.setSecurityDetails}}),Object.defineProperty(exports,"setSecurityDetailsVariants",{enumerable:!0,get:function(){return utils_1.setSecurityDetailsVariants}}),Object.defineProperty(exports,"setParameterValue",{enumerable:!0,get:function(){return utils_1.setParameterValue}}),Object.defineProperty(exports,"isOperationName",{enumerable:!0,get:function(){return utils_1.isOperationName}}),Object.defineProperty(exports,"JsonPointer",{enumerable:!0,get:function(){return utils_1.JsonPointer}});var services_1=require("./services");Object.defineProperty(exports,"OpenAPIParser",{enumerable:!0,get:function(){return services_1.OpenAPIParser}});var services_2=require("./services");Object.defineProperty(exports,"buildContentItems",{enumerable:!0,get:function(){return services_2.buildContentItems}}),Object.defineProperty(exports,"normalizeOptions",{enumerable:!0,get:function(){return services_2.normalizeOptions}});
 //# sourceMappingURL=index.js.map

package/lib/models/callback.d.ts

@@ -0,0 +1,5 @@
+import type { Options } from 'src/services/Options';
+import type { OpenAPIParser } from 'src/services/OpenAPIParser';
+import type { OpenAPICallback, Referenced } from '../types';
+import type { CallbackModel, GroupModel } from './types';
+export declare function getCallback(parser: OpenAPIParser, name: string, infoOrRef: Referenced<OpenAPICallback>, parentPointer: string, options: Options, href: string, parent?: GroupModel): CallbackModel;

package/lib/models/callback.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getCallback=void 0;const utils_1=require("../utils"),operation_1=require("./operation"),services_1=require("../services");function getCallback(e,t,r,s,o,a,i){const{resolved:n}=e.deref(r),c=[];for(const r of Object.keys(n)){const l=n[r],p=Object.keys(l).filter(utils_1.isOperationName);for(const n of p){const p=l[n],u=(0,operation_1.getOperation)(e,Object.assign(Object.assign({},p),{pathName:r,pointer:utils_1.JsonPointer.join(s,["callbacks",t,n]),httpVerb:n,pathParameters:l.parameters||[],pathServers:l.servers}),i,o,a,{isCallback:!0,id:(0,services_1.joinWithSeparator)(t,n)});c.push(u)}}return{name:t,operations:c}}exports.getCallback=getCallback;
+//# sourceMappingURL=callback.js.map