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

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,normalizeText,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        - ${normalizeText(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/styled.js

@@ -54,7 +54,7 @@ import styled,{css,keyframes}from"styled-components";import{PreformattedCodeBloc
   background-color: var(--panel-samples-body-background-color);
 `;export const CloseButton=styled.span`
   cursor: pointer;
-  font-size: 24px;
+  font-size: 18px;
   font-weight: bold;
   color: var(--text-color-inverse);
 `;export const invertedInputStyles=css`

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>;

package/lib-esm/hoc/withRouter.js

@@ -0,0 +1,2 @@
+var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r};import React from"react";import{useRouter}from"../hooks";import{getDisplayName}from"./utils";import{IS_BROWSER}from"../utils";export function withRouter(e){const t=t=>{var r,o,{enableRouter:a=!0}=t,n=__rest(t,["enableRouter"]);const s=null!==(r=n.basePath)&&void 0!==r?r:"/",i=null!==(o=n.router)&&void 0!==o?o:"history",{Router:l,routerProps:u}=useRouter(i,s);return IS_BROWSER&&a?React.createElement(l,Object.assign({},u,{key:s}),React.createElement(e,Object.assign({},n))):React.createElement(e,Object.assign({},n))};return t.displayName=`WithRouter(${getDisplayName(e)})`,t}
+//# sourceMappingURL=withRouter.js.map

package/lib-esm/hooks/index.d.ts

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

package/lib-esm/hooks/index.js

@@ -1,2 +1,2 @@
-export{useDimensions}from"./useDimensions";export{usePrevious}from"./usePrevious";
+export{useDimensions}from"./useDimensions";export{usePrevious}from"./usePrevious";export{useLicense}from"./useLicense";export{useActivateExample}from"./useActivateExample";export{useRouter}from"./useRouter";export{useContentItems}from"./useContentItems";
 //# sourceMappingURL=index.js.map

package/lib-esm/hooks/useActivateExample.d.ts

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

package/lib-esm/hooks/useActivateExample.js

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

package/lib-esm/hooks/useContentItems.d.ts

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

package/lib-esm/hooks/useContentItems.js

@@ -0,0 +1,2 @@
+import{useMemo}from"react";import{buildContentItems}from"../services";export const useContentItems=({options:t,parser:e})=>{const{contentItems:o,flatItems:s}=useMemo((()=>buildContentItems(e,t)),[t,e]);return{flatItems:s,contentItems:o}};
+//# sourceMappingURL=useContentItems.js.map

package/lib-esm/hooks/useLicense.d.ts

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

package/lib-esm/hooks/useLicense.js

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

package/lib-esm/hooks/useRouter.d.ts

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

package/lib-esm/hooks/useRouter.js

@@ -0,0 +1,2 @@
+import{BrowserRouter,HashRouter,MemoryRouter}from"react-router-dom";const RouterComponent={history:BrowserRouter,memory:MemoryRouter,hash:HashRouter};export const useRouter=(o,r)=>({Router:RouterComponent[o],routerProps:Object.assign({},"memory"!==o&&{basename:r})});
+//# sourceMappingURL=useRouter.js.map

package/lib-esm/index.d.ts

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

package/lib-esm/index.js

@@ -1,2 +1,2 @@
-export*from"./components/index";export*from"./services/index";export*from"./models/index";export*from"./events/index";export*from"./constants";export{setSecurityDetails,setSecurityDetailsVariants,setParameterValue,isOperationName,JsonPointer}from"./utils";
+export*from"./components/index";export*from"./services/index";export*from"./models/index";export*from"./events/index";export*from"./constants";export{setSecurityDetails,setSecurityDetailsVariants,setParameterValue,isOperationName,JsonPointer}from"./utils";export{OpenAPIParser}from"./services";export{buildContentItems,normalizeOptions}from"./services";
 //# sourceMappingURL=index.js.map

package/lib-esm/models/callback.d.ts

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

package/lib-esm/models/callback.js

@@ -0,0 +1,2 @@
+import{isOperationName,JsonPointer}from"../utils";import{getOperation}from"./operation";import{joinWithSeparator}from"../services";export function getCallback(e,t,r,o,a,s,i){const{resolved:n}=e.deref(r),p=[];for(const r of Object.keys(n)){const c=n[r],m=Object.keys(c).filter(isOperationName);for(const n of m){const m=c[n],f=getOperation(e,Object.assign(Object.assign({},m),{pathName:r,pointer:JsonPointer.join(o,["callbacks",t,n]),httpVerb:n,pathParameters:c.parameters||[],pathServers:c.servers}),i,a,s,{isCallback:!0,id:joinWithSeparator(t,n)});p.push(f)}}return{name:t,operations:p}}
+//# sourceMappingURL=callback.js.map

package/lib-esm/models/example.d.ts

@@ -0,0 +1,10 @@
+import type { OpenAPIExample, Referenced } from '../types';
+import type { OpenAPIParser } from '../services';
+import type { ExampleModel } from './types';
+export declare function getExternalExampleValue(mimeType: string, externalValueUrl?: string): Promise<string | undefined>;
+type GetExamplesInput = Pick<ExampleModel, 'mime' | 'encoding'> & {
+    parser: OpenAPIParser;
+    infoOrRef: Referenced<OpenAPIExample>;
+};
+export declare function getExamples({ parser, infoOrRef, mime, encoding }: GetExamplesInput): ExampleModel;
+export {};

package/lib-esm/models/example.js

@@ -0,0 +1,2 @@
+import{resolve as urlResolve}from"url";import{isJsonLike}from"../utils";const ExternalExamplesCache={};export function getExternalExampleValue(e,r){return r?(r in ExternalExamplesCache||(ExternalExamplesCache[r]=fetch(r).then((r=>r.text().then((t=>{if(!r.ok)return Promise.reject(new Error(t));if(!isJsonLike(e))return t;try{return JSON.parse(t)}catch(e){return t}}))))),ExternalExamplesCache[r]):Promise.resolve(void 0)}export function getExamples({parser:e,infoOrRef:r,mime:t,encoding:n}){let l;const{resolved:a}=e.deref(r),o=a.value,i=a.value,s=a.summary,u=a.description;return a.externalValue&&(l=urlResolve(e.definitionUrl||"",a.externalValue)),{value:i,rawValue:o,externalValueUrl:l,summary:s,description:u,mime:t,encoding:n}}
+//# sourceMappingURL=example.js.map

package/lib-esm/models/field.d.ts

@@ -0,0 +1,7 @@
+import type { OpenAPIParser, Options } from '../services';
+import type { OpenAPIParameter, Referenced } from '../types';
+import type { FieldModel, Deps } from './types';
+export declare function getField(parser: OpenAPIParser, infoOrRef: Referenced<OpenAPIParameter> & {
+    name?: string;
+    kind?: string;
+}, pointer: string, options: Options, deps: Deps, refsStack?: string[], absolutePointer?: string): FieldModel;

package/lib-esm/models/field.js

@@ -0,0 +1,2 @@
+import{extractExtensions,mapValues}from"../utils";import{getSchema}from"./schema";import{getExamples}from"./example";const DEFAULT_SERIALIZATION={path:{style:"simple",explode:!1},query:{style:"form",explode:!0},header:{style:"simple",explode:!1},cookie:{style:"form",explode:!0}};export function getField(e,o,l,t,i,n,s=l){var d,a,p,r,c,m,x;const{resolved:u}=e.deref(o),v=o.kind||"field",f=o.name||u.name,h=u.in,E=!!u.required;let g,F,y=u.schema,O="";if(!y&&u.in&&u.content){O=Object.keys(u.content)[0];const o=u.content[O];y=o&&(null==o?void 0:o.example)?Object.assign(Object.assign({},e.deref(o.schema,n,!0).resolved),{example:u.example||o.example}):o.schema}const A=(null==i?void 0:i.parentFieldFullPath)?i.parentFieldFullPath+"/"+f:f,I=getSchema({parser:e,schemaOrRef:y||{},pointer:l,options:t,baseRefsStack:n,absolutePointer:o.$ref||(null===(d=u.schema)||void 0===d?void 0:d.absolutePointer)||s,deps:Object.assign(Object.assign({},i),{parentFieldFullPath:A,in:h})}),b=void 0===u.description?I.description||"":u.description,L=u.example||I.example,P=u.examples||(null===(p=null===(a=u.content)||void 0===a?void 0:a[O])||void 0===p?void 0:p.examples),R=P?mapValues(P,((o,l)=>getExamples({parser:e,infoOrRef:o,mime:l,encoding:u.encoding}))):void 0;O?g=O:u.style?F=u.style:h&&(F=null!==(c=null===(r=DEFAULT_SERIALIZATION[h])||void 0===r?void 0:r.style)&&void 0!==c?c:"form");const S=void 0===u.explode&&h?null===(x=null===(m=DEFAULT_SERIALIZATION[h])||void 0===m?void 0:m.explode)||void 0===x||x:!!u.explode;return{deps:i||{},schema:I,name:f,required:E,description:b,example:L,examples:R,deprecated:void 0===u.deprecated?I.deprecated:u.deprecated,in:h,kind:v,extensions:t.showExtensions?extractExtensions(u,t.showExtensions):void 0,explode:S,style:F,const:(null==I?void 0:I.const)||(null==u?void 0:u.const)||"",serializationMime:g,fieldFullPath:A}}
+//# sourceMappingURL=field.js.map

package/lib-esm/models/group.d.ts

@@ -0,0 +1,4 @@
+import type { OpenAPITag } from '../types';
+import type { MarkdownHeading, MenuItemGroupType, Options } from '../services';
+import type { GroupModel } from './types';
+export declare function getGroup(type: MenuItemGroupType, tagOrGroup: OpenAPITag | MarkdownHeading, { pagination, markdownHeadingsAnchorLevel, }: Pick<Options, 'pagination' | 'markdownHeadingsAnchorLevel'>, parent?: GroupModel): GroupModel;

package/lib-esm/models/group.js

@@ -0,0 +1,2 @@
+import{safeSlugify}from"../utils";import{getHref}from"../services/menu/operation";import{saveTextBeforeHeading}from"../utils/saveTextBeforeHeading";export function getGroup(e,t,{pagination:i,markdownHeadingsAnchorLevel:a},r){const n=t.id||e+"/"+safeSlugify(t.name),o=t["x-displayName"]||t.name,s=t.level||1,m=t.isSchema,p=t.ast||void 0;return{id:n,type:e,parent:r,name:o,level:s,depth:0,isSchema:m,description:saveTextBeforeHeading(t.description||"",a),items:t.items,ast:p,externalDocs:t.externalDocs,href:getHref({id:n,parent:r,type:e},i)}}
+//# sourceMappingURL=group.js.map

package/lib-esm/models/index.d.ts

@@ -1,17 +1,16 @@
 export * from './code-sample-options';
 export * from './file-upload';
-export * from './Group';
-export * from './Operation';
-export * from './RequestBody';
-export * from './Example';
-export * from './MediaContent';
-export * from './MediaType';
-export * from './Response';
-export * from './Schema';
-export * from './Field';
-export * from './ApiInfo';
-export * from './SecuritySchemes';
-export * from './Callback';
-export * from './SecurityRequirement';
-export * from './Webhook';
+export { getGroup } from './group';
+export { getOperation, isPayloadSample } from './operation';
+export type { Sample, XPayloadSample } from './operation';
+export { getRequestBody } from './request';
+export { getExamples, getExternalExampleValue } from './example';
+export { getActiveMediaType, getMediaContent } from './mediaContent';
+export type { MediaContentModel, OperationModel, GroupModel, SchemaModel } from './types';
+export { getMediaType } from './mediaType';
+export { getResponse } from './response';
+export { getSchema } from './schema';
+export { getField } from './field';
+export { getCallback } from './callback';
+export * from './security';
 export * from './types';

package/lib-esm/models/index.js

@@ -1,2 +1,2 @@
-export*from"./code-sample-options";export*from"./file-upload";export*from"./Group";export*from"./Operation";export*from"./RequestBody";export*from"./Example";export*from"./MediaContent";export*from"./MediaType";export*from"./Response";export*from"./Schema";export*from"./Field";export*from"./ApiInfo";export*from"./SecuritySchemes";export*from"./Callback";export*from"./SecurityRequirement";export*from"./Webhook";export*from"./types";
+export*from"./code-sample-options";export*from"./file-upload";export{getGroup}from"./group";export{getOperation,isPayloadSample}from"./operation";export{getRequestBody}from"./request";export{getExamples,getExternalExampleValue}from"./example";export{getActiveMediaType,getMediaContent}from"./mediaContent";export{getMediaType}from"./mediaType";export{getResponse}from"./response";export{getSchema}from"./schema";export{getField}from"./field";export{getCallback}from"./callback";export*from"./security";export*from"./types";
 //# sourceMappingURL=index.js.map