@redocly/openapi-docs 3.0.0-alpha.14.beta.2 → 3.0.0-alpha.15

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(t,o);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,r)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,o,n){return new(o||(o=Promise))((function(r,i){function a(e){try{s(n.next(e))}catch(e){i(e)}}function l(e){try{s(n.throw(e))}catch(e){i(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,l)}s((n=n.apply(e,t||[])).next())}))};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;const react_1=__importStar(require("react")),hooks_1=require("../../../hooks"),Panel_1=require("../../Panel"),context_1=require("../../../context"),styled_1=require("../styled");function Console(e){const[t,o]=(0,react_1.useState)({}),n=(0,react_1.useContext)(context_1.StoreContext),[r]=(0,hooks_1.useDimensions)(e.rootElement);return(0,react_1.useEffect)((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){const e=yield Promise.resolve().then((()=>__importStar(require("./Console"))));o({Console:e.Console})}))})()}),[]),t.Console?react_1.default.createElement(t.Console,Object.assign({},e)):react_1.default.createElement(styled_1.ConsoleWrap,{scrollYOffset:null==n?void 0:n.options.scrollYOffset,className:e.className,fullWidth:null==r?void 0:r.width},react_1.default.createElement(Panel_1.CodeHeader,null,"Loading..."))}exports.Console=Console;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__awaiter=this&&this.__awaiter||function(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{u(o.next(e))}catch(e){i(e)}}function l(e){try{u(o.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,l)}u((o=o.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Console=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),hooks_1=require("../../../hooks"),styled_1=require("../styled"),Panel_1=require("../../Panel");function Console(e){const[t,n]=react_1.default.useState({}),[o]=(0,hooks_1.useDimensions)(e.rootElement);return(0,theme_1.useMount)((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){const e=yield Promise.resolve().then((()=>__importStar(require("./Console"))));n({Console:e.Console})}))})()})),t.Console?react_1.default.createElement(t.Console,Object.assign({},e)):react_1.default.createElement(styled_1.ConsoleWrap,{className:e.className,fullWidth:null==o?void 0:o.width},react_1.default.createElement(Panel_1.CodeHeader,null,"Loading..."))}exports.Console=Console;
 //# sourceMappingURL=ConsoleLazy.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleWrapper=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),styled_1=require("../styled"),hooks_1=require("../../../hooks"),context_1=require("../../../context"),ConsoleWrapperComponent=e=>{const{shaking:t,className:r,children:o,rootElement:n}=e,[i]=(0,hooks_1.useDimensions)(n),s=(0,react_1.useContext)(context_1.StoreContext);return react_1.default.createElement(styled_1.ConsoleWrap,{scrollYOffset:null==s?void 0:s.options.scrollYOffset,shaking:t,className:r,"data-cy":"console",fullWidth:null==i?void 0:i.width},o)};exports.ConsoleWrapper=(0,mobx_react_1.observer)(ConsoleWrapperComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleWrapper=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),styled_1=require("../styled"),hooks_1=require("../../../hooks"),store_1=require("../../../recoil/store");function ConsoleWrapperComponent({shaking:e,className:t,children:r,rootElement:o}){const[n]=(0,hooks_1.useDimensions)(o),i=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector);return react_1.default.createElement(styled_1.ConsoleWrap,{scrollYOffset:i.scrollYOffset,shaking:e,className:t,"data-cy":"console",fullWidth:null==n?void 0:n.width},r)}exports.ConsoleWrapper=(0,react_1.memo)(ConsoleWrapperComponent);
 //# sourceMappingURL=ConsoleWrapper.js.map

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

@@ -1,12 +1,3 @@
-export declare const Request: ({ operation, properties, securityDefaults, form, resolvedRawSpec, server, formApi, setFormApi, handleChange, handleServerChange, }: {
-    operation: any;
-    properties: any;
-    securityDefaults: any;
-    form: any;
-    resolvedRawSpec: any;
-    server: any;
-    formApi: any;
-    setFormApi: any;
-    handleChange: any;
-    handleServerChange: any;
-}) => JSX.Element;
+import React from 'react';
+import type { RequestProps } from './types';
+export declare const Request: React.NamedExoticComponent<RequestProps>;

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 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")),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)),[l,s]=(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,l);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        - ${(0,utils_1.normalizeText)(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[l].value,options:i,fullWidth:!0,onChange:t=>{const a=e.servers.find((e=>e.url===t.serverUrl)),l=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||""),s(l),n(o)}})),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:o[t],defaultValue:s.default,onChange:a=>((t,a)=>{const s=e.servers[l],i=a||""===a?a:(0,utils_2.getDefaultOrStoredVariables)(s)[t],u=Object.assign(Object.assign({},o),{[t]:i});n(u),(0,utils_2.updateVariablesStorage)(t,i),r(Object.assign(Object.assign({},s),{variables:u}))})(t,a),variableEnum:s.enum,description:s.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/styled.js

@@ -54,7 +54,7 @@
   background-color: var(--panel-samples-body-background-color);
 `,exports.CloseButton=styled_components_1.default.span`
   cursor: pointer;
-  font-size: 24px;
+  font-size: 18px;
   font-weight: bold;
   color: var(--text-color-inverse);
 `,exports.invertedInputStyles=styled_components_1.css`

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;