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

package/lib-esm/components/pluggable/RedocSchema.d.ts

@@ -1,9 +1,7 @@
 import type { OpenAPISchema } from '../../types';
-import type { ProStore } from '../../services';
 interface RedocSchemaProps {
-    store: ProStore;
     pointer?: string;
     schema?: OpenAPISchema;
 }
-export declare const RedocSchema: ({ store, pointer, schema }: RedocSchemaProps) => JSX.Element;
+export declare const RedocSchema: ({ pointer, schema }: RedocSchemaProps) => JSX.Element;
 export {};

package/lib-esm/components/pluggable/RedocSchema.js

@@ -1,2 +1,2 @@
-import React from"react";import{SchemaModel}from"../../models";import{Row}from"../common";import{FullWidthPanel}from"./styled.components";import{Schema}from"../Schema";export const RedocSchema=({store:e,pointer:o,schema:t})=>{const m=t||{$ref:o},r=new SchemaModel(e.definition.parser,m,o||"",e.options);return React.createElement(Row,null,React.createElement(FullWidthPanel,null,React.createElement(Schema,{schema:r})))};
+import React from"react";import{useRecoilValue}from"recoil";import{getSchema}from"../../models";import{Row}from"../common";import{FullWidthPanel}from"./styled.components";import{Schema}from"../Schema";import{globalStoreSelector}from"../../recoil/store";export const RedocSchema=({pointer:e,schema:o})=>{const{options:t,parser:r}=useRecoilValue(globalStoreSelector),m=getSchema({parser:r,schemaOrRef:o||{$ref:e},pointer:e||"",options:t,deps:{operation:{pointer:"RedocSchema"}}});return React.createElement(Row,null,React.createElement(FullWidthPanel,null,React.createElement(Schema,{schema:m})))};
 //# sourceMappingURL=RedocSchema.js.map

package/lib-esm/components/rightPanel/CodemirrorInput/CodemirrorInput.js

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

package/lib-esm/components/rightPanel/CodemirrorInput/helpers.d.ts

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

package/lib-esm/components/rightPanel/CodemirrorInput/helpers.js

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,n){return new(o||(o=Promise))((function(s,r){function i(e){try{l(n.next(e))}catch(e){r(e)}}function a(e){try{l(n.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(i,a)}l((n=n.apply(e,t||[])).next())}))};import React,{useContext,useState,useEffect}from"react";import{useDimensions}from"../../../hooks";import{CodeHeader}from"../../Panel";import{StoreContext}from"../../../context";import{ConsoleWrap}from"../styled";export function Console(e){const[t,o]=useState({}),n=useContext(StoreContext),[s]=useDimensions(e.rootElement);return useEffect((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){const e=yield import("./Console");o({Console:e.Console})}))})()}),[]),t.Console?React.createElement(t.Console,Object.assign({},e)):React.createElement(ConsoleWrap,{scrollYOffset:null==n?void 0:n.options.scrollYOffset,className:e.className,fullWidth:null==s?void 0:s.width},React.createElement(CodeHeader,null,"Loading..."))}
+var __awaiter=this&&this.__awaiter||function(e,o,t,n){return new(t||(t=Promise))((function(a,r){function i(e){try{c(n.next(e))}catch(e){r(e)}}function s(e){try{c(n.throw(e))}catch(e){r(e)}}function c(e){var o;e.done?a(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(i,s)}c((n=n.apply(e,o||[])).next())}))};import React from"react";import{useMount}from"@redocly/theme";import{useDimensions}from"../../../hooks";import{ConsoleWrap}from"../styled";import{CodeHeader}from"../../Panel";export function Console(e){const[o,t]=React.useState({}),[n]=useDimensions(e.rootElement);return useMount((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){const e=yield import("./Console");t({Console:e.Console})}))})()})),o.Console?React.createElement(o.Console,Object.assign({},e)):React.createElement(ConsoleWrap,{className:e.className,fullWidth:null==n?void 0:n.width},React.createElement(CodeHeader,null,"Loading..."))}
 //# sourceMappingURL=ConsoleLazy.js.map

package/lib-esm/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-esm/components/rightPanel/Console/ConsoleWrapper.js

@@ -1,2 +1,2 @@
-import React,{useContext}from"react";import{observer}from"mobx-react";import{ConsoleWrap}from"../styled";import{useDimensions}from"../../../hooks";import{StoreContext}from"../../../context";const ConsoleWrapperComponent=o=>{const{shaking:e,className:t,children:r,rootElement:s}=o,[n]=useDimensions(s),l=useContext(StoreContext);return React.createElement(ConsoleWrap,{scrollYOffset:null==l?void 0:l.options.scrollYOffset,shaking:e,className:t,"data-cy":"console",fullWidth:null==n?void 0:n.width},r)};export const ConsoleWrapper=observer(ConsoleWrapperComponent);
+import React,{memo}from"react";import{useRecoilValue}from"recoil";import{ConsoleWrap}from"../styled";import{useDimensions}from"../../../hooks";import{globalOptionsSelector}from"../../../recoil/store";function ConsoleWrapperComponent({shaking:o,className:e,children:l,rootElement:r}){const[s]=useDimensions(r),t=useRecoilValue(globalOptionsSelector);return React.createElement(ConsoleWrap,{scrollYOffset:t.scrollYOffset,shaking:o,className:e,"data-cy":"console",fullWidth:null==s?void 0:s.width},l)}export const ConsoleWrapper=memo(ConsoleWrapperComponent);
 //# sourceMappingURL=ConsoleWrapper.js.map

package/lib-esm/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-esm/components/rightPanel/Console/Request.js

@@ -1,2 +1,2 @@
-import React,{useContext}from"react";import{observer}from"mobx-react";import{Form,useField}from"informed";import{requiredValidator}from"../utils";import{JsonPointer}from"../../../utils";import{OAuth2}from"../../../services/OAuth2";import{l}from"../../../services";import{Accordion}from"../../Panel";import{ServersDropdown}from"../ServersDropdown";import{TryItPanel}from"../TryItPanel";import{RequestBody}from"../RequestBody";import{RenderHook}from"../../RenderHook";import{OperationParameters}from"../../OperationParameters";import{OptionsContext}from"../../../context";import{AuthPanel}from"../AuthPanel";const RequestComponent=({operation:e,properties:r,securityDefaults:t,form:o,resolvedRawSpec:a,server:n,formApi:i,setFormApi:s,handleChange:u,handleServerChange:c})=>{const d=o.errors||{},m=d.path||d.cookie||d.header||d.query,{hooks:p,authCorsProxyUrl:h}=useContext(OptionsContext),v=a&&JsonPointer.get(a,e.pointer);let y=o.values&&o.values.auth&&Object.keys(o.values.auth)[0];y&&o.values.auth[y]||(y=void 0),!y||void 0===o.values.auth[y].token&&void 0===o.values.auth[y].client_id&&void 0===o.values.auth[y].client_secret||o.values.auth[y].token&&o.values.auth[y].token.access_token||(y=void 0),y&&null!=o.values.auth[y].username&&(o.values.auth[y].username&&o.values.auth[y].password||(y=void 0));const f=e.parameters||[];return!a&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(Form,{onChange:u,getApi:s,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},React.createElement(ServersDropdown,{operation:e,onChange:c}),React.createElement(Accordion,{initialActiveIdx:e.security.length&&y?1:0},e.security.length&&i&&React.createElement(TryItPanel,{header:l("tryItAuth"),"data-cy":"security-trigger",error:!y&&!!d.auth,success:!!y,renderChildrenHidden:!0},(null==p?void 0:p.ReplaceTryItSecurityPanel)?React.createElement(AuthPanelWrapper,{field:"auth",validate:requiredValidator},(r=>React.createElement(RenderHook,{Hook:null==p?void 0:p.ReplaceTryItSecurityPanel,props:{server:n,operation:e,onChange:r,OAuth2:OAuth2}}))):React.createElement(AuthPanel,{formApi:i,form:o,operation:e,activeServer:n.url,authCorsProxyUrl:h,securityDefaults:t}))||null,e.requestBody&&i&&React.createElement(TryItPanel,{header:l("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},React.createElement(RequestBody,{validate:allowBodyErrors,formApi:i,body:e.requestBody,id:e.id,resolvedBody:null==v?void 0:v.requestBody,properties:r}))||null,f.length&&React.createElement(TryItPanel,{header:l("tryItParameters"),"data-cy":"parameters-trigger",error:m,renderChildrenHidden:!0},React.createElement(OperationParameters,{operation:e,values:o.values,errors:o.errors||{}}))||null))};function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:o}=useField(Object.assign({},e)),{setValue:a}=r,{children:n}=o;return t(React.createElement(React.Fragment,null,n(a)))}function allowBodyErrors(){}export const Request=observer(RequestComponent);
+import React,{memo}from"react";import{Form,useField}from"informed";import{useRecoilValue}from"recoil";import{requiredValidator}from"../utils";import{JsonPointer}from"../../../utils";import{OAuth2}from"../../../services/OAuth2";import{l}from"../../../services";import{Accordion}from"../../Panel";import{ServersDropdown}from"../ServersDropdown";import{TryItPanel}from"../TryItPanel";import{RequestBody}from"../RequestBody";import{RenderHook}from"../../RenderHook";import{OperationParameters}from"../../OperationParameters";import{AuthPanel}from"../AuthPanel";import{globalOptionsSelector}from"../../../recoil/store";function RequestComponent({operation:e,properties:r,securityDefaults:t,form:o,resolvedRawSpec:a,server:n,formApi:i,setFormApi:s,handleChange:u,handleServerChange:c}){const d=o.errors||{},m=d.path||d.cookie||d.header||d.query,{hooks:p,authCorsProxyUrl:h}=useRecoilValue(globalOptionsSelector),y=a&&JsonPointer.get(a,e.pointer);let v=o.values&&o.values.auth&&Object.keys(o.values.auth)[0];v&&o.values.auth[v]||(v=void 0),!v||void 0===o.values.auth[v].token&&void 0===o.values.auth[v].client_id&&void 0===o.values.auth[v].client_secret||o.values.auth[v].token&&o.values.auth[v].token.access_token||(v=void 0),v&&null!=o.values.auth[v].username&&(o.values.auth[v].username&&o.values.auth[v].password||(v=void 0));const f=e.parameters||[];return!a&&React.createElement(React.Fragment,null,"Loading...")||React.createElement(Form,{onChange:u,getApi:s,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},React.createElement(ServersDropdown,{operation:e,onChange:c}),React.createElement(Accordion,{initialActiveIdx:e.security.length&&v?1:0},e.security.length&&i&&React.createElement(TryItPanel,{header:l("tryItAuth"),"data-cy":"security-trigger",error:!v&&!!d.auth,success:!!v,renderChildrenHidden:!0},(null==p?void 0:p.ReplaceTryItSecurityPanel)?React.createElement(AuthPanelWrapper,{field:"auth",validate:requiredValidator},(r=>React.createElement(RenderHook,{Hook:null==p?void 0:p.ReplaceTryItSecurityPanel,props:{server:n,operation:e,onChange:r,OAuth2:OAuth2}}))):React.createElement(AuthPanel,{formApi:i,form:o,operation:e,activeServer:n.url,authCorsProxyUrl:h,securityDefaults:t}))||null,e.requestBody&&i&&React.createElement(TryItPanel,{header:l("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},React.createElement(RequestBody,{validate:allowBodyErrors,formApi:i,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==y?void 0:y.requestBody,properties:r}))||null,f.length&&React.createElement(TryItPanel,{header:l("tryItParameters"),"data-cy":"parameters-trigger",error:m,renderChildrenHidden:!0},React.createElement(OperationParameters,{operation:e,values:o.values,errors:o.errors||{}}))||null))}function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:o}=useField(Object.assign({},e)),{setValue:a}=r,{children:l}=o;return t(React.createElement(React.Fragment,null,l(a)))}function allowBodyErrors(){}export const Request=memo(RequestComponent);
 //# sourceMappingURL=Request.js.map

package/lib-esm/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-esm/components/rightPanel/OAuth2Flow/OAuth2Flow.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,n){return new(o||(o=Promise))((function(l,r){function a(e){try{c(n.next(e))}catch(e){r(e)}}function i(e){try{c(n.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?l(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}c((n=n.apply(e,t||[])).next())}))};import React,{useEffect,useState,useContext}from"react";import{Button}from"@redocly/theme";import{ButtonsWrapper,PkceOptionsWrapper,PkceDetails}from"./styled";import{LinearProgress}from"../../common/LinearProgress";import{FormControl,FormLabel,FormError,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField,TextField}from"../../common/TextField";import{Checkbox}from"../../common/Checkbox";import{OAuth2,deriveCodeChallenge}from"../../../services/OAuth2";import{fromSessionStorage,getSecurityDetailsOptions}from"../../../utils";import{isEmptyObject,randString}from"../../../services/utils";import{getOAuth2TokenEndpointAuthHeader,normalizeUrlProtocol,validateTokenEndpointMethod}from"../utils";import Scope from"../Scope";import{Error}from"./Error";import{OptionsContext}from"../../../context";function requiredValidator(e){if(!e)return"Field is required"}export const OAuth2Flow=({usePkce:e,form:t,id:o,formApi:n,flow:l,tokenUrl:r,authCorsProxyUrl:a,tokenEndpointAuthMethod:i,server:c,scopes:u,authorizationUrl:d,defaultValues:s,clientId:m})=>{var p,h,f,v;const{oAuth2RedirectURI:g,routingBasePath:E}=useContext(OptionsContext),[C,k]=useState(null),[R,F]=useState(!1),[S,y]=useState(!1),[O,b]=useState(void 0),[_,x]=useState(void 0),[A,W]=useState(void 0),P=(null===(h=null===(p=t.values)||void 0===p?void 0:p.auth)||void 0===h?void 0:h[o])||{},T=(null===(v=null===(f=t.errors)||void 0===f?void 0:f.auth)||void 0===v?void 0:v[o])||{},w=void 0!==O&&_!==A?{label:"sync",onClick:()=>{O&&x(A)}}:void 0;useEffect((()=>{if(e){const e=randString(43);deriveCodeChallenge(e).then((t=>{b(e),x(t),W(t)}))}}),[e]);const V=()=>{n.setValue(`auth.${o}.token`,"")};if(!d)return React.createElement(FormError,null,"No flow info");let z=fromSessionStorage(`auth.${o}.token`)||JSON.stringify(null==s?void 0:s.token);z=z?JSON.parse(z):"";const B=getSecurityDetailsOptions(o,"client_id"),U={field:`auth.${o}.client_id`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),initValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null," Client ID: "),B?React.createElement(FormDropdown,Object.assign({},U,{options:B})):React.createElement(FormTextField,Object.assign({},U,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===l&&React.createElement(React.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${o}.client_secret`,initialValue:fromSessionStorage(`auth.${o}.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.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:S,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),S&&React.createElement(PkceDetails,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Verifier"),React.createElement(TextField,{fullWidth:!0,value:O,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield deriveCodeChallenge(e);b(e),W(t)})),panel:"try-it","data-cy":"code-verifier-input"})),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Challenge"),React.createElement(TextField,{fullWidth:!0,value:_,onChange:({target:{value:e}})=>{x(e)},inputActionButton:w,panel:"try-it","data-cy":"code-challenge-input"}))))),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${o}.token`,type:"hidden",initialValue:z,panel:"try-it"}),React.createElement(Scope,{id:o,scopes:u}),P.token&&P.token.access_token?React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(TextField,{disabled:!0,type:"password",fullWidth:!0,value:P.token.access_token,panel:"try-it"})):null),React.createElement(ButtonsWrapper,null,P.token&&P.token.access_token?React.createElement(Button,{fullWidth:!0,onClick:()=>{V(),k(null)}},"Log out"):R?React.createElement(React.Fragment,null,React.createElement(Button,{fullWidth:!0,onClick:()=>{F(!1),k(null),OAuth2.clearRedirectData(l)}},"Cancel"),React.createElement(LinearProgress,null)):React.createElement(Button,{fullWidth:!0,disabled:!isEmptyObject(T),onClick:()=>{(t=>{if(!t)return;if(n.validate(),!isEmptyObject(T))return;F(!0),k(null);const u=a?a+normalizeUrlProtocol(t):t,d=a&&r?a+normalizeUrlProtocol(r):r,s=n.getValue(`auth.${o}.scopes`),m={authorizationUrl:u.startsWith("http")?u:c+u,clientId:P.client_id,scopes:s,redirectUri:g,routingBasePath:E,successCallback:e=>{n.setValue(`auth.${o}.token`,e),F(!1),k(null)},errorCallback:e=>{F(!1),k((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===l&&OAuth2.authorizeImplicit(m),validateTokenEndpointMethod(i)?"authorizationCode"===l&&OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},m),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:c+d,clientSecret:P.client_secret,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:i,clientId:P.client_id,clientSecret:P.client_secret})}),e&&{codeVerifier:O,codeChallenge:_})):console.log(`Unsupported token endpoint auth method: ${i}`)})(d)}},"Authorize")),R||C||!P.token||!P.token.access_token&&React.createElement(Error,{loading:R,error:C,token:P.token}))};
+var __awaiter=this&&this.__awaiter||function(e,t,o,l){return new(o||(o=Promise))((function(n,r){function a(e){try{c(l.next(e))}catch(e){r(e)}}function i(e){try{c(l.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}c((l=l.apply(e,t||[])).next())}))};import React,{useEffect,useState}from"react";import{Button}from"@redocly/theme";import{useRecoilValue}from"recoil";import{ButtonsWrapper,PkceOptionsWrapper,PkceDetails}from"./styled";import{LinearProgress}from"../../common/LinearProgress";import{FormControl,FormLabel,FormError,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField,TextField}from"../../common/TextField";import{Checkbox}from"../../common/Checkbox";import{OAuth2,deriveCodeChallenge}from"../../../services/OAuth2";import{fromSessionStorage,getSecurityDetailsOptions}from"../../../utils";import{isEmptyObject,randString}from"../../../services/utils";import{getOAuth2TokenEndpointAuthHeader,normalizeUrlProtocol,validateTokenEndpointMethod}from"../utils";import Scope from"../Scope";import{Error}from"./Error";import{globalOptionsSelector}from"../../../recoil/store";function requiredValidator(e){if(!e)return"Field is required"}export const OAuth2Flow=({usePkce:e,form:t,id:o,formApi:l,flow:n,tokenUrl:r,authCorsProxyUrl:a,tokenEndpointAuthMethod:i,server:c,scopes:u,authorizationUrl:d,defaultValues:s,clientId:m})=>{var p,h,f,v;const{oAuth2RedirectURI:g,routingBasePath:E}=useRecoilValue(globalOptionsSelector),[k,C]=useState(null),[R,F]=useState(!1),[S,y]=useState(!1),[O,b]=useState(void 0),[_,A]=useState(void 0),[x,W]=useState(void 0),P=(null===(h=null===(p=t.values)||void 0===p?void 0:p.auth)||void 0===h?void 0:h[o])||{},T=(null===(v=null===(f=t.errors)||void 0===f?void 0:f.auth)||void 0===v?void 0:v[o])||{},V=void 0!==O&&_!==x?{label:"sync",onClick:()=>{O&&A(x)}}:void 0;useEffect((()=>{if(e){const e=randString(43);deriveCodeChallenge(e).then((t=>{b(e),A(t),W(t)}))}}),[e]);const w=()=>{l.setValue(`auth.${o}.token`,"")};if(!d)return React.createElement(FormError,null,"No flow info");let z=fromSessionStorage(`auth.${o}.token`)||JSON.stringify(null==s?void 0:s.token);z=z?JSON.parse(z):"";const B=getSecurityDetailsOptions(o,"client_id"),U={field:`auth.${o}.client_id`,fullWidth:!0,initialValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),initValue:fromSessionStorage(`auth.${o}.client_id`)||m||(null==s?void 0:s.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null," Client ID: "),B?React.createElement(FormDropdown,Object.assign({},U,{options:B})):React.createElement(FormTextField,Object.assign({},U,{"data-cy":"client-id-input",panel:"try-it"}))),"authorizationCode"===n&&React.createElement(React.Fragment,null,(!(null==e?void 0:e.hideClientSecretInput)||!e)&&React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:`auth.${o}.client_secret`,initialValue:fromSessionStorage(`auth.${o}.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.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:S,onChange:()=>{y((e=>!e))},"data-cy":"pkce-options-toggle"}),S&&React.createElement(PkceDetails,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Verifier"),React.createElement(TextField,{fullWidth:!0,value:O,onChange:({target:{value:e}})=>__awaiter(void 0,void 0,void 0,(function*(){const t=yield deriveCodeChallenge(e);b(e),W(t)})),panel:"try-it","data-cy":"code-verifier-input"})),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Challenge"),React.createElement(TextField,{fullWidth:!0,value:_,onChange:({target:{value:e}})=>{A(e)},inputActionButton:V,panel:"try-it","data-cy":"code-challenge-input"}))))),React.createElement(FormTextField,{fullWidth:!0,field:`auth.${o}.token`,type:"hidden",initialValue:z,panel:"try-it"}),React.createElement(Scope,{id:o,scopes:u}),P.token&&P.token.access_token?React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(TextField,{disabled:!0,type:"password",fullWidth:!0,value:P.token.access_token,panel:"try-it"})):null),React.createElement(ButtonsWrapper,null,P.token&&P.token.access_token?React.createElement(Button,{fullWidth:!0,onClick:()=>{w(),C(null)}},"Log out"):R?React.createElement(React.Fragment,null,React.createElement(Button,{fullWidth:!0,onClick:()=>{F(!1),C(null),OAuth2.clearRedirectData(n)}},"Cancel"),React.createElement(LinearProgress,null)):React.createElement(Button,{fullWidth:!0,disabled:!isEmptyObject(T),onClick:()=>{(t=>{if(!t)return;if(l.validate(),!isEmptyObject(T))return;F(!0),C(null);const u=a?a+normalizeUrlProtocol(t):t,d=a&&r?a+normalizeUrlProtocol(r):r,s=l.getValue(`auth.${o}.scopes`),m={authorizationUrl:u.startsWith("http")?u:c+u,clientId:P.client_id,scopes:s,redirectUri:g,routingBasePath:E,successCallback:e=>{l.setValue(`auth.${o}.token`,e),F(!1),C(null)},errorCallback:e=>{F(!1),C((null==e?void 0:e.message)||"Failed to retrieve the access token")}};"implicit"===n&&OAuth2.authorizeImplicit(m),validateTokenEndpointMethod(i)?"authorizationCode"===n&&OAuth2.authorizeAuthorizationCode(Object.assign(Object.assign(Object.assign({},m),{tokenUrl:(null==d?void 0:d.startsWith("http"))?d:c+d,clientSecret:P.client_secret,extraHeaders:getOAuth2TokenEndpointAuthHeader({authMethod:i,clientId:P.client_id,clientSecret:P.client_secret})}),e&&{codeVerifier:O,codeChallenge:_})):console.log(`Unsupported token endpoint auth method: ${i}`)})(d)}},"Authorize")),R||k||!P.token||!P.token.access_token&&React.createElement(Error,{loading:R,error:k,token:P.token}))};
 //# sourceMappingURL=OAuth2Flow.js.map

package/lib-esm/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-esm/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-esm/components/rightPanel/RequestBody/Body.js

@@ -1,2 +1,2 @@
-import React,{useCallback}from"react";import{observer}from"mobx-react";import{isRootFileUpload}from"../../common/FileUpload/helper";import{MediaTypes}from"../../../constants";import{ExampleSwitch,useExampleKey}from"../../Samples";import{fromSessionStorage,toSessionStorage}from"../../../utils";import{encodeSample,getStorageExampleKey}from"../utils";import{RequestBodyForm}from"../RequestBodyForm";import{CodemirrorInput}from"../CodemirrorInput";function BodyComponent({mediaType:e,mediaContent:o,properties:a,id:t,resolvedBody:m,formApi:r,getActiveSample:l,validate:n}){const i=e.examples||{},p=Object.keys(i),s=e.schema,d=isRootFileUpload(s||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,{exampleKey:c}=useExampleKey(e.operation,i),y=fromSessionStorage(getStorageExampleKey(t,e.name,c,i))||encodeSample(i[c],a),u=useCallback(((e="",o="",a=[])=>m=>{toSessionStorage(getStorageExampleKey(t,e,o,a),m)}),[t]),g=useCallback((e=>{null==o||o.activateExampleName(e),r.setValue("body",l(e))}),[r,l,o]),S=useCallback(((e,o)=>{r.setValue(`body.${e}`,o)}),[r]);return React.createElement(React.Fragment,null,p.length&&1!==p.length&&React.createElement(ExampleSwitch,{examples:i,onChange:g,exampleKey:c,panel:"try-it"})||null,d?React.createElement(RequestBodyForm,{mediaType:e,formApi:r,onChange:S}):React.createElement(CodemirrorInput,{id:"body"+t,field:"body",initialValue:y,schema:((null==m?void 0:m.content[e.name])||{}).schema,mode:e.name,validate:n,onChange:u(e.name,c,i)}))}export const Body=observer(BodyComponent);
+import React,{memo,useCallback,useEffect}from"react";import{isRootFileUpload}from"../../common/FileUpload/helper";import{MediaTypes}from"../../../constants";import{ExampleSwitch,useExampleKey}from"../../Samples";import{fromSessionStorage,toSessionStorage}from"../../../utils";import{encodeSample,getStorageExampleKey}from"../utils";import{RequestBodyForm}from"../RequestBodyForm";import{CodemirrorInput}from"../CodemirrorInput";import{useActivateExample}from"../../../hooks";function BodyComponent({mediaType:e,mediaContent:o,properties:t,id:a,resolvedBody:m,formApi:l,getActiveSample:r,validate:n}){const i=useActivateExample(o),p=e.examples||{},s=Object.keys(p),c=e.schema,d=isRootFileUpload(c||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,{exampleKey:u}=useExampleKey(e.operation,p),y=fromSessionStorage(getStorageExampleKey(a,e.name,u,p))||encodeSample(p[u],t);useEffect((()=>{l.setValue("body",y)}),[y,l]);const f=useCallback(((e="",o="",t=[])=>m=>{toSessionStorage(getStorageExampleKey(a,e,o,t),m)}),[a]),g=useCallback((e=>{i&&i(e),l.setValue("body",r(e))}),[l,r,i]),E=useCallback(((e,o)=>{l.setValue(`body.${e}`,o)}),[l]);return React.createElement(React.Fragment,null,s.length&&1!==s.length&&React.createElement(ExampleSwitch,{examples:p,onChange:g,exampleKey:u,panel:"try-it"})||null,d?React.createElement(RequestBodyForm,{mediaType:e,formApi:l,onChange:E}):React.createElement(CodemirrorInput,{id:"body"+a,field:"body",initialValue:y,schema:((null==m?void 0:m.content[e.name])||{}).schema,mode:e.name,validate:n,onChange:f(e.name,u,p)}))}export const Body=memo(BodyComponent);
 //# sourceMappingURL=Body.js.map

package/lib-esm/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-esm/components/rightPanel/RequestBody/RequestBody.js

@@ -1,2 +1,2 @@
-import React,{useCallback,useEffect}from"react";import{observer}from"mobx-react";import merge from"deepmerge";import{DropdownOrLabel}from"../../DropdownOrLabel";import{MediaTypesSwitch}from"../../MediaTypeSwitch";import{arrayMergeStrategy}from"../../../services/utils";import{Dropdown}from"../../common";import{RequestMimeLabel}from"../RequestMimeLabel";import{getStorageExampleKey}from"../utils";import{fromSessionStorage}from"../../../utils";import{Body}from"./Body";function RequestBodyComponent({body:e,formApi:o,resolvedBody:t,properties:r,id:i,validate:a}){var l,n;const m=e.content,d=useCallback((e=>{var o;if(!m||!m.hasSample)return"";const t=null===(o=m.active)||void 0===o?void 0:o.examples;if(!(null==t?void 0:t[e]))return"";const i=null==t?void 0:t[e].value,a=r?merge(i,r,{arrayMerge:arrayMergeStrategy}):i;return JSON.stringify(a,null,2)}),[m,r]),p=null===(l=null==m?void 0:m.operation)||void 0===l?void 0:l.activeExampleName;useEffect((()=>{var e,t;if(null===(e=null==m?void 0:m.operation)||void 0===e?void 0:e.activeMimeName){const e=getStorageExampleKey(i,m.operation.activeMimeName,p,null===(t=null==m?void 0:m.active)||void 0===t?void 0:t.examples);o.setValue("body",fromSessionStorage(e)||d(p||""))}else o.setValue("body",JSON.stringify(r||{},null,2))}),[p,null===(n=null==m?void 0:m.operation)||void 0===n?void 0:n.activeMimeName,null==m?void 0:m.active]);return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:e.content,renderDropdown:e=>React.createElement(DropdownOrLabel,Object.assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))},(e=>React.createElement(Body,{mediaType:e,mediaContent:m,resolvedBody:t,id:i,properties:r,getActiveSample:d,formApi:o,validate:a}))))}export const RequestBody=observer(RequestBodyComponent);
+import React,{memo,useCallback,useEffect}from"react";import merge from"deepmerge";import{useRecoilValue}from"recoil";import{DropdownOrLabel}from"../../DropdownOrLabel";import{MediaTypesSwitch}from"../../MediaTypeSwitch";import{arrayMergeStrategy}from"../../../services/utils";import{Dropdown}from"../../common";import{RequestMimeLabel}from"../RequestMimeLabel";import{getStorageExampleKey}from"../utils";import{fromSessionStorage}from"../../../utils";import{Body}from"./Body";import{getActiveMediaType}from"../../../models";import{activeMimeNameSelector}from"../../../recoil/app";import{operationStore}from"../../../recoil/operation";function RequestBodyComponent({body:e,formApi:o,resolvedBody:t,properties:r,id:a,validate:i,pointer:m}){const l=e.content,n=useRecoilValue(activeMimeNameSelector),{examples:p,name:s}=l&&getActiveMediaType(l,n)||{},c=useCallback((e=>{if(!l||!l.hasSample)return"";if(!(null==p?void 0:p[e]))return"";const o=s&&fromSessionStorage(getStorageExampleKey(a,s,e,p)),t=o?JSON.parse(o):null==p?void 0:p[e].value,i=r?merge(t,r,{arrayMerge:arrayMergeStrategy}):t;return JSON.stringify(i,null,2)}),[s,p,a,l,r]),{activeExampleName:d}=useRecoilValue(operationStore(m));useEffect((()=>{if(s){const e=getStorageExampleKey(a,s,d,p);o.setValue("body",fromSessionStorage(e)||c(d||""))}else o.setValue("body",JSON.stringify(r||{},null,2))}),[p,d,s,o,c,a,r]);return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:e.content,renderDropdown:e=>React.createElement(DropdownOrLabel,Object.assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))},(e=>React.createElement(Body,{mediaType:e,mediaContent:l,resolvedBody:t,id:a,properties:r,getActiveSample:c,formApi:o,validate:i}))))}export const RequestBody=memo(RequestBodyComponent);
 //# sourceMappingURL=RequestBody.js.map

package/lib-esm/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-esm/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-esm/components/rightPanel/RequestBodyForm.js

@@ -1,4 +1,4 @@
-import React,{useEffect}from"react";import{observer}from"mobx-react";import styled from"styled-components";import{isMultipartFileUploadProperty,isRootFileUpload,mimeTypeToAccept}from"../common/FileUpload/helper";import{FormControl,FormLabel}from"../common/form";import{FileUpload}from"../common/FileUpload";import{FormTextField,getInvertedInputStyles}from"../common/TextField";import{DefinitionTypes}from"../../models";import{MediaTypes}from"../../constants";import{useExampleKey}from"../Samples";export const RequestBodyForm=observer((e=>{var o;const{mediaType:t,onChange:l,formApi:a}=e,n=t.examples||{},{exampleKey:m}=useExampleKey(t.operation,n),r=null===(o=n[m])||void 0===o?void 0:o.rawValue,i=getRequestBodyFormFields(t);useEffect((()=>a&&i.forEach((e=>{var o,t;const l=null==r?void 0:r[e.name],n=null!==(t=null!==(o=e.example)&&void 0!==o?o:null==l?void 0:l.example)&&void 0!==t?t:l,m="object"==typeof n?JSON.stringify(n):n;void 0!==n&&a.setValue("body."+e.name,`${m}`)}))),[m]);const d=t.schema||{};return isRootFileUpload(d,t.name)?React.createElement(FileFormControlWrapper,null,React.createElement(FormControl,null,React.createElement(StyledFileUpload,{fullWidth:!0,id:`body.${t.name}`,name:`body.${t.name}`,accept:mimeTypeToAccept(t.name),schema:d,contentName:t.name,onChange:l}))):d.type===DefinitionTypes.OBJECT||i?React.createElement(FileFormControlWrapper,null,i.map((e=>{const o=e.schema||{contentMediaType:"",type:"",description:""},a=t.name===MediaTypes.MULTIPART&&isMultipartFileUploadProperty(o),n=o.contentMediaType||"",m=a?React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+e.name,name:"body."+e.name,accept:mimeTypeToAccept(n),multiple:"array"===o.type,schema:o,contentName:e.name,onChange:l}):React.createElement(FormTextField,{fullWidth:!0,id:"body."+e.name,field:"body."+e.name,placeholder:o.description||e.name,panel:"try-it"});return React.createElement(FormControl,{key:e.name},React.createElement(FormLabel,null,e.name,":"),m)}))):(console.warn(`Invalid schema for request body and mime type: "${t.name}"`,d),null)}));export function getRequestBodyFormFields(e){var o,t,l,a,n;return((null===(t=null===(o=e.schema)||void 0===o?void 0:o.oneOf)||void 0===t?void 0:t.length)?(null===(l=e.schema)||void 0===l?void 0:l.oneOf[null===(a=e.schema)||void 0===a?void 0:a.activeOneOf].fields)||[]:(null===(n=e.schema)||void 0===n?void 0:n.fields)||[]).filter((e=>!e.schema.readOnly))}const FileFormControlWrapper=styled.div`
+import React,{memo,useEffect}from"react";import styled from"styled-components";import{getRecoil}from"recoil-nexus";import{isMultipartFileUploadProperty,isRootFileUpload,mimeTypeToAccept}from"../common/FileUpload/helper";import{FormControl,FormLabel}from"../common/form";import{FileUpload}from"../common/FileUpload";import{FormTextField,getInvertedInputStyles}from"../common/TextField";import{DefinitionTypes}from"../../models";import{MediaTypes}from"../../constants";import{useExampleKey}from"../Samples";import{operationStore}from"../../recoil/operation";import{normalizeText}from"../../utils";function RequestBodyFormComponent({mediaType:e,onChange:o,formApi:t}){var l;const n=e.examples||{},{exampleKey:m}=useExampleKey(e.operation,n),i=null===(l=n[m])||void 0===l?void 0:l.rawValue,r=getRequestBodyFormFields(e);useEffect((()=>t&&r.forEach((e=>{var o,l;const n=null==i?void 0:i[e.name],m=null!==(l=null!==(o=e.example)&&void 0!==o?o:null==n?void 0:n.example)&&void 0!==l?l:n,r="object"==typeof m?JSON.stringify(m):m;void 0!==m&&t.setValue("body."+e.name,`${r}`)}))),[m]);const a=e.schema||{};return isRootFileUpload(a,e.name)?React.createElement(FileFormControlWrapper,null,React.createElement(FormControl,null,React.createElement(StyledFileUpload,{fullWidth:!0,id:`body.${e.name}`,name:`body.${e.name}`,accept:mimeTypeToAccept(e.name),schema:a,contentName:e.name,onChange:o}))):a.type===DefinitionTypes.OBJECT||r?React.createElement(FileFormControlWrapper,null,r.map((t=>{const l=t.schema||{contentMediaType:"",type:"",description:""},n=e.name===MediaTypes.MULTIPART&&isMultipartFileUploadProperty(l),m=l.contentMediaType||"",i=n?React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+t.name,name:"body."+t.name,accept:mimeTypeToAccept(m),multiple:"array"===l.type,schema:l,contentName:t.name,onChange:o}):React.createElement(FormTextField,{fullWidth:!0,id:"body."+t.name,field:"body."+t.name,placeholder:normalizeText(l.description)||t.name,panel:"try-it"});return React.createElement(FormControl,{key:t.name},React.createElement(FormLabel,null,t.name,":"),i)}))):(console.warn(`Invalid schema for request body and mime type: "${e.name}"`,a),null)}export const RequestBodyForm=memo(RequestBodyFormComponent);export function getRequestBodyFormFields(e){var o,t,l,n;const{activeOneOf:m}=getRecoil(operationStore(e.operation.pointer));return((null===(t=null===(o=e.schema)||void 0===o?void 0:o.oneOf)||void 0===t?void 0:t.length)?(null===(l=e.schema)||void 0===l?void 0:l.oneOf[m].fields)||[]:(null===(n=e.schema)||void 0===n?void 0:n.fields)||[]).filter((e=>!e.schema.readOnly))}const FileFormControlWrapper=styled.div`
   > div {
     margin-top: 10px;
   }

package/lib-esm/components/rightPanel/ResponseHeadersList.js

@@ -1,4 +1,4 @@
-import React,{useContext,useState}from"react";import styled from"styled-components";import{OptionsContext}from"../../context";import{ResponseHeader,PanelPreCodeBlock}from"./styled";export function ResponseHeadersList({headers:e}){const t=useContext(OptionsContext),[a,o]=useState(!0),{maxResponseHeadersToShowInTryIt:r}=t,n=Object.keys(e),l=!!r&&n.length>r,s=l&&a?[...n].splice(0,r):[...n];return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Headers: "),React.createElement(PanelPreCodeBlock,null,s.map((t=>React.createElement("div",{key:t},React.createElement(HeaderName,null,t,":"),React.createElement("code",null,e[t])))),l&&React.createElement(StyledShowMoreLabel,{onClick:()=>{o(!a)}},a?"Show more...":"Hide headers")))}const HeaderName=styled.strong`
+import React,{useState}from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{ResponseHeader,PanelPreCodeBlock}from"./styled";import{globalOptionsSelector}from"../../recoil/store";export function ResponseHeadersList({headers:e}){const t=useRecoilValue(globalOptionsSelector),[a,o]=useState(!0),{maxResponseHeadersToShowInTryIt:l}=t,r=Object.keys(e),n=!!l&&r.length>l,s=n&&a?[...r].splice(0,l):[...r];return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Headers: "),React.createElement(PanelPreCodeBlock,null,s.map((t=>React.createElement("div",{key:t},React.createElement(HeaderName,null,t,":"),React.createElement("code",null,e[t])))),n&&React.createElement(StyledShowMoreLabel,{onClick:()=>{o(!a)}},a?"Show more...":"Hide headers")))}const HeaderName=styled.strong`
   text-transform: capitalize;
   display: inline-block;
   padding-right: 5px;

package/lib-esm/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-esm/components/rightPanel/ServerVariable.js

@@ -1,4 +1,4 @@
-import React,{useCallback}from"react";import styled from"styled-components";import{Markdown}from"../Markdown";import{FormControl,FormLabel}from"../common/form";import{TextField}from"../common/TextField";import{TryItDropdown}from"./styled";export default function ServerVariable({name:e,value:t,description:o,variableEnum:a,onChange:r,defaultValue:l}){const n=useCallback((e=>r(e.target.value)),[r]),m=useCallback((e=>r(e.value)),[r]),c=a?a.map(((e,t)=>({value:e,idx:t}))):[];return React.createElement(FormControl,null,React.createElement(FormLabel,null,e,":"),c&&c.length?React.createElement(TryItDropdown,{fullWidth:!0,variant:"dark",value:t,options:c,onChange:m}):React.createElement(TextField,{fullWidth:!0,value:t,onChange:n,placeholder:l,panel:"try-it"}),o&&React.createElement(StyledMarkdown,{compact:!0,source:o}))}const StyledMarkdown=styled(Markdown)`
+import React,{useCallback}from"react";import styled from"styled-components";import{Markdown}from"../Markdown";import{FormControl,FormLabel}from"../common/form";import{TextField}from"../common/TextField";import{TryItDropdown}from"./styled";export default function ServerVariable({name:e,value:t,description:o,variableEnum:a,onChange:r,defaultValue:l}){const n=useCallback((e=>r(e.target.value)),[r]),m=useCallback((e=>r(e.value)),[r]),d=a?a.map(((e,t)=>({value:e,idx:t}))):[];return React.createElement(FormControl,null,React.createElement(FormLabel,null,e,":"),d&&d.length?React.createElement(TryItDropdown,{fullWidth:!0,variant:"dark",value:t,options:d,onChange:m}):React.createElement(TextField,{fullWidth:!0,value:t,onChange:n,placeholder:l,panel:"try-it"}),o&&React.createElement(StyledMarkdown,{source:o}))}const StyledMarkdown=styled(Markdown)`
   margin-top: 5px;
   color: #d0d0d0;
 `;

package/lib-esm/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-esm/components/rightPanel/ServersDropdown/ServersDropdown.js

@@ -1,4 +1,4 @@
-import React,{useState}from"react";import{observer}from"mobx-react";import styled from"styled-components";import{useMount}from"@redocly/theme";import{fromSessionStorage,toSessionStorage}from"../../../utils";import{FormControl,FormLabel}from"../../common/form";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"../utils";import ServerVariable from"../ServerVariable";import{TryItDropdown}from"../styled";export const ServersDropdown=observer((({operation:e,onChange:r})=>{const a=fromSessionStorage("serverUrl"),t=e.servers.findIndex((e=>e.url===a)),[o,s]=useState(t<0?0:t),[l,n]=useState({});useMount((()=>{const a=getServerWithVariables(e.servers,o);r(a),n(a.variables)}));const i=e.servers.map(((e,r)=>({idx:r,serverUrl:e.url,value:`\n          ${expandDefaultServerVariables(expandVariables(e.url,l),e.variables)}\n        - ${e.description||"Default"}\n      `}))),v=Object.keys(l);return React.createElement(ServerDropdownWrap,{"data-cy":"console-target-server"},React.createElement(FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(FormControl,null,React.createElement(TryItDropdown,{variant:"dark",value:i[o].value,options:i,fullWidth:!0,onChange:a=>{const t=e.servers.find((e=>e.url===a.serverUrl)),o=e.servers.findIndex((e=>e.url===a.serverUrl)),l=getDefaultOrStoredVariables(t);r({url:a.serverUrl||"",variables:l}),toSessionStorage("serverUrl",a.serverUrl||""),s(o),n(l)}})),null==v?void 0:v.map((a=>{var t;const s=null===(t=e.servers[o].variables)||void 0===t?void 0:t[a];if(s)return React.createElement(ServerVariable,{key:a,name:a,value:l[a],defaultValue:s.default,onChange:t=>((a,t)=>{const s=e.servers[o],i=t||""===t?t:getDefaultOrStoredVariables(s)[a],v=Object.assign(Object.assign({},l),{[a]:i});n(v),updateVariablesStorage(a,i),r(Object.assign(Object.assign({},s),{variables:v}))})(a,t),variableEnum:s.enum,description:s.description})})))}));const ServerDropdownWrap=styled.div`
+import React,{memo,useState}from"react";import styled from"styled-components";import{useMount}from"@redocly/theme";import{fromSessionStorage,toSessionStorage}from"../../../utils";import{FormControl,FormLabel}from"../../common/form";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"../utils";import ServerVariable from"../ServerVariable";import{TryItDropdown}from"../styled";function ServersDropdownComponent({operation:e,onChange:r}){const t=fromSessionStorage("serverUrl"),a=e.servers.findIndex((e=>e.url===t)),[o,s]=useState(a<0?0:a),[n,l]=useState({});useMount((()=>{const t=getServerWithVariables(e.servers,o);r(t),l(t.variables)}));const i=e.servers.map(((e,r)=>({idx:r,serverUrl:e.url,value:`\n          ${expandDefaultServerVariables(expandVariables(e.url,n),e.variables)}\n        - ${e.description||"Default"}\n      `}))),m=Object.keys(n);return React.createElement(ServerDropdownWrap,{"data-cy":"console-target-server"},React.createElement(FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(FormControl,null,React.createElement(TryItDropdown,{variant:"dark",value:i[o].value,options:i,fullWidth:!0,onChange:t=>{const a=e.servers.find((e=>e.url===t.serverUrl)),o=e.servers.findIndex((e=>e.url===t.serverUrl)),n=getDefaultOrStoredVariables(a);r({url:t.serverUrl||"",variables:n}),toSessionStorage("serverUrl",t.serverUrl||""),s(o),l(n)}})),null==m?void 0:m.map((t=>{var a;const s=null===(a=e.servers[o].variables)||void 0===a?void 0:a[t];if(s)return React.createElement(ServerVariable,{key:t,name:t,value:n[t],defaultValue:s.default,onChange:a=>((t,a)=>{const s=e.servers[o],i=a||""===a?a:getDefaultOrStoredVariables(s)[t],m=Object.assign(Object.assign({},n),{[t]:i});l(m),updateVariablesStorage(t,i),r(Object.assign(Object.assign({},s),{variables:m}))})(t,a),variableEnum:s.enum,description:s.description})})))}export const ServersDropdown=memo(ServersDropdownComponent);const ServerDropdownWrap=styled.div`
   margin-bottom: 20px;
 `;
 //# sourceMappingURL=ServersDropdown.js.map

package/lib-esm/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-esm/components/rightPanel/utils.js

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

package/lib-esm/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-esm/constants.js

@@ -1,2 +1,2 @@
-export const defaultTheme={breakpoints:{small:"50rem",medium:"85rem",large:"105rem"},showAtBreakpoint:{sidebar:"small",samplesPanel:"medium"}};export var WindowReferenceOptions;!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||(WindowReferenceOptions={}));export var MediaTypes;!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||(MediaTypes={}));export var LayoutVariant;!function(e){e.STACKED="stacked",e.THREE_PANEL="three-panel"}(LayoutVariant||(LayoutVariant={}));export const DEFAULT_SEARCH_MAX_DEPTH=1;export const SECTION_ATTR="data-section-id";export const FIELD_ATTR="data-field-id";export const GROUP_DEPTH=0;export const LEGACY_REGEXP="^ {0,3}\x3c!-- ReDoc-Inject:\\s+?<({component}).*?/?>\\s+?--\x3e\\s*$";export const MDX_COMPONENT_REGEXP="(?:^ {0,3}<({component})([\\s\\S]*?)>([\\s\\S]*?)</\\2>|^ {0,3}<({component})([\\s\\S]*?)(?:/>|\\n{2,}))";export const COMPONENT_REGEXP="(?:"+LEGACY_REGEXP+"|"+MDX_COMPONENT_REGEXP+")";
+export const defaultTheme={breakpoints:{small:"50rem",medium:"85rem",large:"105rem"},showAtBreakpoint:{sidebar:"small",samplesPanel:"medium"}};export var WindowReferenceOptions;!function(e){e.ON_DEEP_LINK_CLICK="onDeepLinkClick",e.REQUEST_INTERCEPTOR="requestInterceptor",e.HOOKS="hooks"}(WindowReferenceOptions||(WindowReferenceOptions={}));export var MediaTypes;!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||(MediaTypes={}));export var LayoutVariant;!function(e){e.STACKED="stacked",e.THREE_PANEL="three-panel"}(LayoutVariant||(LayoutVariant={}));export const DEFAULT_SEARCH_MAX_DEPTH=1;export const SECTION_ATTR="data-section-id";export const FIELD_ATTR="data-field-id";export const GROUP_DEPTH=0;export const LEGACY_REGEXP="^ {0,3}\x3c!-- ReDoc-Inject:\\s+?<({component}).*?/?>\\s+?--\x3e\\s*$";export const MDX_COMPONENT_REGEXP="(?:^ {0,3}<({component})([\\s\\S]*?)>([\\s\\S]*?)</\\2>|^ {0,3}<({component})([\\s\\S]*?)(?:/>|\\n{2,}))";export const COMPONENT_REGEXP="(?:"+LEGACY_REGEXP+"|"+MDX_COMPONENT_REGEXP+")";
 //# sourceMappingURL=constants.js.map

package/lib-esm/events/codeSampleCopy.js

@@ -1,2 +1,2 @@
-import{createTrackingEvent}from"./creator";import{AnalyticsEventType}from"./types";const codeSampleCopyEvent=createTrackingEvent(AnalyticsEventType.CodeSampleCopied);export const createCodeSampleCopyEvent=({operation:e,type:a,lang:t="",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:t,type:a});
+import{getRecoil}from"recoil-nexus";import{createTrackingEvent}from"./creator";import{AnalyticsEventType}from"./types";import{activeMimeNameSelector}from"../recoil/app";import{operationStore}from"../recoil/operation";const codeSampleCopyEvent=createTrackingEvent(AnalyticsEventType.CodeSampleCopied);export const createCodeSampleCopyEvent=({operation:e,type:o,lang:t="",label:a=""})=>{const{activeExampleName:p}=getRecoil(operationStore(e.pointer));return codeSampleCopyEvent({resource:"Redocly_CodeSample",action:"CodeSampleCopied",operationId:e.id,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.name,exampleId:p||e.activeExampleName,exampleMimeType:getRecoil(activeMimeNameSelector),label:a,lang:t,type:o})};
 //# sourceMappingURL=codeSampleCopy.js.map

package/lib-esm/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-esm/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-esm/hoc/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/lib-esm/hoc/utils.d.ts

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

package/lib-esm/hoc/utils.js

@@ -0,0 +1,2 @@
+export function getDisplayName(e){return e.displayName||e.name||"Component"}
+//# sourceMappingURL=utils.js.map

package/lib-esm/hoc/withRouter.d.ts

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