@redocly/openapi-docs 0.0.0-react18-20231120182601

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const Error: ({ token, loading, error, }: {
+    token: {
+        access_token: string;
+    };
+    loading: boolean;
+    error: string | null;
+}) => JSX.Element | null;

package/lib-esm/components/rightPanel/OAuth2Flow/Error.js

@@ -0,0 +1,2 @@
+import React from"react";import{FormError,FormWarning}from"../../common/form";import{OriginalErrorMessage}from"./styled";export const Error=({token:r,loading:e,error:o})=>e?React.createElement(FormWarning,null,"Please, finish your authorization flow or cancel authorization."):o?React.createElement(OriginalErrorMessage,null,React.createElement(FormError,null,o)):(null==r?void 0:r.access_token)?null:React.createElement(FormWarning,null," No Access Token. Please, Authorize. ");
+//# sourceMappingURL=Error.js.map

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { OAuth2FlowProps } from './types';
+export declare const OAuth2Flow: ({ usePkce, id, flow, tokenUrl: _tokenUrl, authCorsProxyUrl, tokenEndpointAuthMethod, server, scopes, authorizationUrl, defaultValues, clientId, }: OAuth2FlowProps) => JSX.Element;

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

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

package/lib-esm/components/rightPanel/OAuth2Flow/index.d.ts

@@ -0,0 +1,2 @@
+export { OAuth2Flow } from './OAuth2Flow';
+export type { OAuth2FlowProps } from './types';

package/lib-esm/components/rightPanel/OAuth2Flow/index.js

@@ -0,0 +1,2 @@
+export{OAuth2Flow}from"./OAuth2Flow";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/rightPanel/OAuth2Flow/styled.d.ts

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

package/lib-esm/components/rightPanel/OAuth2Flow/styled.js

@@ -0,0 +1,14 @@
+import styled from"styled-components";export const OriginalErrorMessage=styled.div`
+  font-family: var(--font-family-monospaced);
+  margin-top: 10px;
+  line-height: 1;
+  padding-left: 10px;
+  border-left: 1px solid gray;
+`;export const ButtonsWrapper=styled.div`
+  margin-bottom: 15px;
+`;export const PkceOptionsWrapper=styled.div`
+  padding: 8px 0 20px;
+`;export const PkceDetails=styled.div`
+  padding: 4px 0;
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/rightPanel/OAuth2Flow/types.d.ts

@@ -0,0 +1,17 @@
+import type { SecurityDetails } from '../../../types';
+export interface OAuth2FlowProps {
+    authorizationUrl: string;
+    tokenUrl?: string;
+    usePkce?: {
+        disableManualConfiguration: boolean;
+        hideClientSecretInput: boolean;
+    };
+    authCorsProxyUrl: Maybe<string>;
+    scopes: string[];
+    server: string;
+    id: string;
+    flow: 'implicit' | 'authorizationCode';
+    tokenEndpointAuthMethod?: string | string[];
+    clientId?: string;
+    defaultValues?: SecurityDetails;
+}

package/lib-esm/components/rightPanel/OAuth2Flow/types.js

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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { SecurityDetails } from '../../types';
+export interface OAuth2TokenInputProps {
+    flow: {
+        refreshUrl?: string;
+        'x-tokenEndpointAuthMethod'?: 'none' | 'client_secret_basic' | string;
+        scopes: Record<string, string>;
+        tokenUrl: string;
+    };
+    authCorsProxyUrl: Maybe<string>;
+    server: string;
+    clientId?: string;
+    id: string;
+    defaultValues?: SecurityDetails;
+}
+export declare const OAuth2TokenInput: ({ id, server, flow, authCorsProxyUrl, defaultValues, clientId, }: OAuth2TokenInputProps) => JSX.Element;

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

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { ExtendedOpenAPISecurityScheme } from '../../models';
+import type { SecurityDetails } from '../../types';
+export interface OpenIDConnectProps {
+    server: string;
+    authCorsProxyUrl: Maybe<string>;
+    id: string;
+    scheme: ExtendedOpenAPISecurityScheme;
+    clientId?: string;
+    defaultValues?: SecurityDetails;
+}
+export declare function OpenIDConnect(props: OpenIDConnectProps): JSX.Element;
+export declare function Error({ message }: {
+    message: string;
+}): JSX.Element;

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

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,n,o){return new(n||(n=Promise))((function(r,a){function l(e){try{i(o.next(e))}catch(e){a(e)}}function c(e){try{i(o.throw(e))}catch(e){a(e)}}function i(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(l,c)}i((o=o.apply(e,t||[])).next())}))};import React,{useState,useEffect}from"react";import{discoverOpenIDConnect}from"../../services/OpenIDConnect";import{LinearProgress}from"../common/LinearProgress";import{FormError}from"../common/form";import{OAuth2Flow}from"./OAuth2Flow";import{FlowName}from"./styled";export function OpenIDConnect(e){var t,n;const{scheme:o,defaultValues:r}=e,[a,l]=useState({}),[c,i]=useState(),[u,s]=useState(!1);useEffect((()=>{d(o.openIdConnectUrl)}),[o.openIdConnectUrl]);const d=e=>__awaiter(this,void 0,void 0,(function*(){s(!0),i("");try{const t=yield discoverOpenIDConnect(e);l(t)}catch(e){i(e.message)}s(!1)}));return u?React.createElement(Loading,null):c?React.createElement(Error,{message:c}):React.createElement("div",null,React.createElement("div",null,(null===(t=null==a?void 0:a.response_types_supported)||void 0===t?void 0:t.includes("token"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Implicit Flow"),React.createElement(OAuth2Flow,{key:e.id,authorizationUrl:a.authorization_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:a.scopes_supported,server:e.server,id:e.id,clientId:e.clientId,flow:"implicit",defaultValues:r})):(null===(n=null==a?void 0:a.response_types_supported)||void 0===n?void 0:n.includes("code"))?React.createElement(React.Fragment,null,React.createElement(FlowName,null,"OAuth2 Authorization Flow"),React.createElement(OAuth2Flow,{key:e.id,authorizationUrl:a.authorization_endpoint,tokenUrl:a.token_endpoint,authCorsProxyUrl:e.authCorsProxyUrl,scopes:a.scopes_supported,server:e.server,id:e.id,clientId:e.clientId,tokenEndpointAuthMethod:null==a?void 0:a.token_endpoint_auth_methods_supported,flow:"authorizationCode",defaultValues:r})):React.createElement("div",null,"Unsupported flow")))}function Loading(){return React.createElement("div",null,React.createElement("div",null,React.createElement("div",null,"Fetching OpenID Connect metadata..."),React.createElement(LinearProgress,null)))}export function Error({message:e}){return React.createElement("div",null,React.createElement("div",null,React.createElement(FormError,null,e)))}
+//# sourceMappingURL=OpenIDConnect.js.map

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { FieldModel } from '../../models';
+interface ParameterArrayProps {
+    name: string;
+    param: FieldModel;
+    place: string;
+    renderParameter: any;
+}
+export declare const ParameterArray: ({ name, param, place, renderParameter, }: ParameterArrayProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,30 @@
+import React from"react";import styled from"styled-components";import{FormLabel}from"../common/form";export const ParameterArray=({name:e,param:t,place:r,renderParameter:a})=>{var o,l,n,i,m;const[c,s]=React.useState([]),d=(null===(o=t.schema.items)||void 0===o?void 0:o.fields)?null===(l=t.schema.items)||void 0===l?void 0:l.fields:[{schema:(null===(n=t.schema.items)||void 0===n?void 0:n.schema)||t.schema.items,name:"",required:t.required,description:null===(i=t.schema.items)||void 0===i?void 0:i.description,externalDocs:null===(m=t.schema.items)||void 0===m?void 0:m.externalDocs,deprecated:!1,toggle:()=>null,expanded:!1}];return React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement(FormLabel,{required:t.required},e,"(",c.length," items)"),React.createElement("span",{onClick:()=>{s([...c,c.length?c[c.length-1]+1:0])}},"Add item +")),null==c?void 0:c.map(((t,o)=>React.createElement(Row,{key:t},d.map((l=>a(l,r,`${e}.[${t}]`,`[${o}]${l.name&&"."+l.name}`,React.createElement(Delete,{onClick:()=>{return e=t,void s(c.filter((t=>t!==e)));var e}},"Delete"))))))))};const Row=styled.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  margin-bottom: 10px;
+  label {
+    padding-bottom: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: 1.5;
+  }
+  span {
+    cursor: pointer;
+    margin-left: auto;
+    color: var(--text-secondary);
+    &:hover {
+      color: #fff;
+    }
+  }
+`,Delete=styled.span`
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  position: relative;
+  margin-left: 5px;
+  display: inline-block;
+`;
+//# sourceMappingURL=ParameterArray.js.map

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ParameterEnumDropdownProps {
+    defaultValue: string | string[];
+    paramEnum: Array<string>;
+    fieldName: string;
+}
+export declare const ParameterEnumDropdown: React.NamedExoticComponent<ParameterEnumDropdownProps>;
+export {};

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

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{Controller,useFormContext}from"react-hook-form";import{TryItDropdown}from"./styled";const ParameterEnumDropdownComponent=({paramEnum:e,fieldName:r,defaultValue:o})=>{const{control:t,setValue:a}=useFormContext(),n=e.map(((e,r)=>({idx:r,value:e}))),m=e=>{a(r,e.value)},l=()=>{a(r,"")};return React.createElement(Controller,{control:t,name:r,defaultValue:Array.isArray(o)?o[0]:o,render:({field:{value:e}})=>React.createElement(TryItDropdown,{clearable:!0,fullWidth:!0,variant:"dark",value:e,options:n,handleClear:l,onChange:m})})};export const ParameterEnumDropdown=memo(ParameterEnumDropdownComponent);
+//# sourceMappingURL=ParameterDropdown.js.map

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

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

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

@@ -0,0 +1,2 @@
+import React,{memo,useCallback,useMemo}from"react";import{useFormContext}from"react-hook-form";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,getActiveSample:r,validate:l}){const{setValue:n}=useFormContext(),i=useActivateExample(o),p=e.examples||{},s=Object.keys(p),d=e.schema,c=isRootFileUpload(d||{},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),g=useCallback(((e="",o="",t)=>m=>{toSessionStorage(getStorageExampleKey(a,e,o,t),m)}),[a]),S=useCallback((e=>{null==i||i(e),n("body",r(e))}),[n,r,i]),f=useCallback(((e,o)=>{n(`body.${e}`,o)}),[n]),x=useMemo((()=>((null==m?void 0:m.content[e.name])||{}).schema),[e.name,null==m?void 0:m.content]);return React.createElement(React.Fragment,null,s.length&&1!==s.length&&React.createElement(ExampleSwitch,{examples:p,onChange:S,exampleKey:u,panel:"try-it"})||null,c?React.createElement(RequestBodyForm,{mediaType:e,onChange:f}):React.createElement(CodemirrorInput,{id:"body"+a,fieldName:"body",defaultValue:y,schema:x,mode:e.name,validate:l,onChange:g(e.name,u,p)}))}export const Body=memo(BodyComponent);
+//# sourceMappingURL=Body.js.map

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

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

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

@@ -0,0 +1,2 @@
+import React,{memo,useCallback,useEffect}from"react";import{useAtomValue}from"jotai";import{useFormContext}from"react-hook-form";import{DropdownOrLabel}from"../../DropdownOrLabel";import{MediaTypesSwitch}from"../../MediaTypeSwitch";import{Dropdown}from"../../common";import{RequestMimeLabel}from"../RequestMimeLabel";import{encodeSample,getStorageExampleKey}from"../utils";import{fromSessionStorage}from"../../../utils";import{Body}from"./Body";import{getActiveMediaType}from"../../../models";import{activeMimeNameAtom}from"../../../jotai/app";import{operationStore}from"../../../jotai/operation";function RequestBodyComponent({body:{content:e},resolvedBody:o,properties:t,mergeExampleBody:r,id:a,validate:m,pointer:i}){const{setValue:n}=useFormContext(),p=useAtomValue(activeMimeNameAtom),{examples:l,name:s}=e&&getActiveMediaType(e,p)||{},d=useCallback((o=>{if(!e||!e.hasSample)return"";if(!(null==l?void 0:l[o]))return"";const r=s&&fromSessionStorage(getStorageExampleKey(a,s,o,l)),m=r?JSON.parse(r):null==l?void 0:l[o];return encodeSample(m,t)}),[s,l,a,e,t]),{activeExampleName:c}=useAtomValue(operationStore(i));useEffect((()=>{if(t&&!r)return void n("body",JSON.stringify(t||{},null,2));const e=getStorageExampleKey(a,s,c,l),o=fromSessionStorage(e)||d(c||"");n("body","object"==typeof o?JSON.stringify(o,null,2):o)}),[l,c,s,n,d,a,t,r]);return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:e,renderDropdown:e=>React.createElement(DropdownOrLabel,Object.assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))},(r=>React.createElement(Body,{mediaType:r,mediaContent:e,resolvedBody:o,id:a,properties:t,getActiveSample:d,validate:m}))))}export const RequestBody=memo(RequestBodyComponent);
+//# sourceMappingURL=RequestBody.js.map

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

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

package/lib-esm/components/rightPanel/RequestBody/index.js

@@ -0,0 +1,2 @@
+export{RequestBody}from"./RequestBody";export*from"./types";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,16 @@
+import type { RequestBodyModel, MediaContentModel, MediaTypeModel } from '../../../models';
+import type { OpenAPIRequestBody } from '../../../types';
+export interface RequestBodyProps {
+    body: RequestBodyModel;
+    pointer: string;
+    resolvedBody: OpenAPIRequestBody;
+    validate: () => string | undefined;
+    id: string;
+    properties: any;
+    mergeExampleBody?: boolean;
+}
+export interface BodyProps extends Pick<RequestBodyProps, 'resolvedBody' | 'validate' | 'id' | 'properties'> {
+    mediaType: MediaTypeModel;
+    mediaContent?: MediaContentModel;
+    getActiveSample: (key: string) => string;
+}

package/lib-esm/components/rightPanel/RequestBody/types.js

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { FieldModel, MediaTypeModel, UploadFileType } from '../../models';
+interface RequestBodyFormProps {
+    mediaType: MediaTypeModel;
+    onChange(key: string, file: UploadFileType): void;
+}
+export declare const RequestBodyForm: React.NamedExoticComponent<RequestBodyFormProps>;
+export declare function getRequestBodyFormFields(mediaType: MediaTypeModel): FieldModel[];
+export {};

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

@@ -0,0 +1,10 @@
+import React,{memo,useEffect}from"react";import styled from"styled-components";import{useFormContext}from"react-hook-form";import{readAtom}from"../../jotai/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"../../jotai/operation";import{normalizeText}from"../../utils";function RequestBodyFormComponent({mediaType:e,onChange:o}){var t;const{setValue:l}=useFormContext(),m=e.examples||{},{exampleKey:n}=useExampleKey(e.operation,m),r=null===(t=m[n])||void 0===t?void 0:t.rawValue,a=getRequestBodyFormFields(e);useEffect((()=>l&&a.forEach((e=>{var o,t;const m=null==r?void 0:r[e.name],n=null!==(t=null!==(o=e.example)&&void 0!==o?o:null==m?void 0:m.example)&&void 0!==t?t:m,a="object"==typeof n?JSON.stringify(n):n;void 0!==n&&l("body."+e.name,`${a}`)}))),[n]);const i=e.schema||{};return isRootFileUpload(i,e.name)?React.createElement(FileFormControlWrapper,null,React.createElement(FormControl,null,React.createElement(StyledFileUpload,{fullWidth:!0,fieldName:`body.${e.name}`,accept:mimeTypeToAccept(e.name),schema:i,contentName:e.name,onChange:o}))):i.type===DefinitionTypes.OBJECT||a?React.createElement(FileFormControlWrapper,null,a.map((t=>{const l=t.schema||{contentMediaType:"",type:"",description:""},m=e.name===MediaTypes.MULTIPART&&isMultipartFileUploadProperty(l),n=l.contentMediaType||"",r=m?React.createElement(StyledFileUpload,{fullWidth:!0,fieldName:"body."+t.name,accept:mimeTypeToAccept(n),multiple:"array"===l.type,schema:l,contentName:t.name,onChange:o}):React.createElement(FormTextField,{fullWidth:!0,id:"body."+t.name,fieldName:"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,":"),r)}))):(console.warn(`Invalid schema for request body and mime type: "${e.name}"`,i),null)}export const RequestBodyForm=memo(RequestBodyFormComponent);export function getRequestBodyFormFields(e){var o,t,l,m,n,r;const{activeOneOf:a}=readAtom(operationStore(e.operation.pointer)),i=null!==(t=a[(null===(o=e.schema)||void 0===o?void 0:o.pointer)||""])&&void 0!==t?t:0;return((null===(m=null===(l=e.schema)||void 0===l?void 0:l.oneOf)||void 0===m?void 0:m.length)?(null===(n=e.schema)||void 0===n?void 0:n.oneOf[i].fields)||[]:(null===(r=e.schema)||void 0===r?void 0:r.fields)||[]).filter((e=>!e.schema.readOnly))}const FileFormControlWrapper=styled.div`
+  > div {
+    margin-top: 10px;
+  }
+`,StyledFileUpload=styled(FileUpload)`
+  ${getInvertedInputStyles("try-it")};
+  ${({inputType:e})=>"password"===e?"padding-right: 40px;":""};
+  ${({fullWidth:e})=>e?"width: 100%;":""}
+`;
+//# sourceMappingURL=RequestBodyForm.js.map

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

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

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

@@ -0,0 +1,5 @@
+import styled from"styled-components";import{MimeLabel}from"../shared";export const RequestMimeLabel=styled(MimeLabel)`
+  border-radius: var(--panel-border-radius);
+  margin-bottom: 10px;
+`;
+//# sourceMappingURL=RequestMimeLabel.js.map

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

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

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

@@ -0,0 +1,2 @@
+import*as React from"react";import{JsonViewer,CodeBlock,CodeBlockContainer}from"@redocly/theme";import{useAtomValue}from"jotai";import{langFromMime}from"../../utils";import{ResponseHeader}from"./styled";import{SourceCodeWithFile}from"../SourceCodeWithFile";import{globalOptionsAtom}from"../../jotai/store";export function ResponseBody({response:e}){const{jsonSampleExpandLevel:o}=useAtomValue(globalOptionsAtom);return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Body: "),getResponseBody(e,o))}function getResponseBody(e,o){return e.body?React.createElement(JsonViewer,{data:e.body,jsonSampleExpandLevel:o}):e.fileInfo?React.createElement(SourceCodeWithFile,{fileInfo:e.fileInfo}):null!==e.data?e.data?React.createElement(CodeBlock,{lang:langFromMime(e.headers["Content-Type"]||"text/plain"),source:e.data,header:{controls:{copy:{}}}}):React.createElement(CodeBlockContainer,{withControls:!0},React.createElement("i",null,"(no content)")):null}
+//# sourceMappingURL=ResponseBody.js.map

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function ResponseHeadersList({ headers }: {
+    headers: Record<string, string>;
+}): JSX.Element;

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

@@ -0,0 +1,10 @@
+import React,{useState}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{CodeBlockContainer}from"@redocly/theme";import{ResponseHeader}from"./styled";import{globalOptionsAtom}from"../../jotai/store";export function ResponseHeadersList({headers:e}){const t=useAtomValue(globalOptionsAtom),[o,a]=useState(!0),{maxResponseHeadersToShowInTryIt:r}=t,l=Object.keys(e),n=!!r&&l.length>r,s=n&&o?[...l].splice(0,r):[...l];return React.createElement(React.Fragment,null,React.createElement(ResponseHeader,null," Headers: "),React.createElement(CodeBlockContainer,{withControls:!0},s.map((t=>React.createElement("div",{key:t},React.createElement(HeaderName,null,t,":"),React.createElement("code",null,e[t])))),n&&React.createElement(StyledShowMoreLabel,{onClick:()=>{a(!o)}},o?"Show more...":"Hide headers")))}const HeaderName=styled.strong`
+  text-transform: capitalize;
+  display: inline-block;
+  padding-right: 5px;
+`,StyledShowMoreLabel=styled.div`
+  cursor: pointer;
+  margin-top: 5px;
+  font-size: 14px;
+`;HeaderName.displayName="HeaderName",StyledShowMoreLabel.displayName="StyledShowMoreLabel";
+//# sourceMappingURL=ResponseHeadersList.js.map

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { OpenApiResponseData } from './types';
+export interface ResponsePanelProps {
+    response?: OpenApiResponseData;
+    error?: Error & {
+        response?: OpenApiResponseData;
+    };
+    time?: number;
+}
+export declare const ResponsePanel: ({ error, response, time }: ResponsePanelProps) => JSX.Element;

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

@@ -0,0 +1,18 @@
+import React from"react";import styled from"styled-components";import{ResponseBody}from"./ResponseBody";import{ResponseHeadersList}from"./ResponseHeadersList";const ResponseBadges=styled.div`
+  margin-bottom: 10px;
+`,ResponseBadgeBase=styled.div`
+  display: inline-block;
+  margin-right: 20px;
+  padding: 2px 0;
+  text-align: center;
+  color: var(--text-primary);
+`,ResponseBadge=styled(ResponseBadgeBase)`
+  color: ${({code:e})=>e>=200&&e<300?"var(--response-success-text-color)":e>=300&&e<400?"var(--response-redirect-text-color)":e>400?"var(--response-error-text-color)":"var(--response-info-text-color)"};
+`,ErrorHeader=styled.header`
+  font-weight: bold;
+  margin-bottom: 10px;
+`,ErrorDetails=styled.code`
+  border-left: 3px solid #ff4040;
+  padding-left: 5px;
+`;export const ResponsePanel=({error:e,response:t,time:n})=>{const r=t||e&&e.response,a=r&&r.data&&r.data.length||0;let s;return s=a>1e6?(a/1e6).toFixed(2)+" MB":a>1e3?(a/1e3).toFixed(2)+" KB":a+" B",e&&!e.response||!r?React.createElement(React.Fragment,null,React.createElement(ErrorHeader,null," Could not get any response "),React.createElement(ErrorDetails,null,e&&e.message||"Unknown error"),React.createElement("br",null),React.createElement(ErrorHeader,null," Why this might have happened:"),React.createElement("div",null," - CORS is misconfigured on the server"),React.createElement("div",null," - The server couldn't send a response"),React.createElement("div",null," - No internet access"),React.createElement("div",null," - Documentation issue - contact API owner"),React.createElement("div",null," - Misconfigured security definition")):r?React.createElement(React.Fragment,null,React.createElement(ResponseBadges,null,React.createElement(ResponseBadge,{code:r.status},React.createElement("span",null," Status: "),r.status," ",r.statusText),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Time: "),n,"ms"),React.createElement(ResponseBadgeBase,null,React.createElement("span",null," Size: "),s)),React.createElement("div",null,React.createElement(ResponseHeadersList,{headers:r.headers}),React.createElement(ResponseBody,{response:r}))):React.createElement(React.Fragment,null,"Something went wrong")};
+//# sourceMappingURL=ResponsePanel.js.map

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface ScopeProps {
+    scopes?: string[];
+    id: string;
+}
+export default function Scope(props: ScopeProps): JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import React from"react";import{FormControl,FormLabel}from"../common/form";import{CheckboxList}from"../common/CheckboxList";import{fromSessionStorage}from"../../utils";export default function Scope(e){const{scopes:t,id:o}=e;let r=[];try{r=JSON.parse(fromSessionStorage(`auth.${o}.scopes`))}catch(e){}return t&&t.length?React.createElement(FormControl,null,React.createElement(FormLabel,null," Scopes: "),React.createElement(CheckboxList,{fieldName:`auth.${o}.scopes`,defaultValue:r,items:t,showControls:!0,trimItemsLength:!0})):React.createElement(React.Fragment,null)}
+//# sourceMappingURL=Scope.js.map

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface ServerVariableProps {
+    onChange: (value: string) => void;
+    name: string;
+    value: string;
+    variableEnum?: string[];
+    description?: string | GenericObject;
+    defaultValue: string;
+}
+export default function ServerVariable({ name, value, description, variableEnum, onChange, defaultValue, }: ServerVariableProps): JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+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;
+`;
+//# sourceMappingURL=ServerVariable.js.map

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

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

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

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

package/lib-esm/components/rightPanel/ServersDropdown/index.d.ts

@@ -0,0 +1 @@
+export { ServersDropdown } from './ServersDropdown';

package/lib-esm/components/rightPanel/ServersDropdown/index.js

@@ -0,0 +1,2 @@
+export{ServersDropdown}from"./ServersDropdown";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/rightPanel/ServersDropdown/types.d.ts

@@ -0,0 +1,6 @@
+import type { OperationModel } from '../../../models';
+import type { Server } from '../../../types';
+export interface ServersDropdownProps {
+    operation: OperationModel;
+    onChange: (server: Server) => void;
+}

package/lib-esm/components/rightPanel/ServersDropdown/types.js

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

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { PanelComponentProps } from '@redocly/theme';
+export declare function TryItPanel({ header, error, success, ...rest }: React.PropsWithChildren<{
+    header: string;
+    error?: boolean;
+    success?: boolean;
+} & PanelComponentProps>): JSX.Element;

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

@@ -0,0 +1,14 @@
+var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}return t};import*as React from"react";import styled from"styled-components";import{PanelHeaderTitle,PanelHeader,Panel,PanelBody,ShelfIcon}from"@redocly/theme";import{Trigger}from"../Panel";import{CrossIcon,LockIcon}from"../icons";export function TryItPanel(e){var{header:r,error:t,success:o}=e,a=__rest(e,["header","error","success"]);return React.createElement(StyledTryItPanel,Object.assign({className:"panel-try-it-nested"},a,{header:({toggle:e,expanded:n=!1})=>React.createElement(PanelHeader,{onClick:e,expanded:n,"data-cy":a["data-cy"]},React.createElement(Trigger,null,React.createElement(PanelHeaderTitle,null,r),React.createElement(ShelfIcon,{direction:n?"down":"right"})),t&&React.createElement(CrossIcon,{size:"14px",color:"--color-error"})||null,o&&React.createElement(LockIcon,{size:"14px",color:"--color-success"})||null)}))}const StyledTryItPanel=styled(Panel)`
+  ${PanelHeader} {
+    border: 1px solid
+      ${({error:e})=>e?"var(--color-error-border)":"var(--panel-try-it-nested-heading-border-color)"};
+    padding: 10px;
+  }
+
+  ${PanelBody} {
+    border: 1px solid
+      ${({error:e})=>e?"var(--color-error-border)":"var(--panel-try-it-nested-body-border-color)"};
+    border-top: 0;
+  }
+`;
+//# sourceMappingURL=TryItPanel.js.map

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { DropdownProps } from '../common/Dropdown';
+export declare const blink: import("styled-components").Keyframes;
+export declare const ConsoleWrap: import("styled-components").StyledComponent<"div", any, {
+    scrollYOffset?: (() => number) | undefined;
+    shaking?: boolean | undefined;
+    fullWidth?: number | undefined;
+}, never>;
+export declare const ConsoleBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TryItDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<DropdownProps>, any, DropdownProps & {
+    fullWidth?: boolean | undefined;
+    variant?: "dark" | "light" | undefined;
+}, never>;
+export declare const ResponseHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FlowName: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,76 @@
+import styled,{css,keyframes}from"styled-components";import{Dropdown}from"../common/Dropdown";const shake=keyframes`
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+
+  20%, 80% {
+    transform: translate3d(2px, 0, 0);
+  }
+
+  30%, 50%, 70% {
+    transform: translate3d(-4px, 0, 0);
+  }
+
+  40%, 60% {
+    transform: translate3d(4px, 0, 0);
+  }
+`;export const blink=keyframes`
+  0% {
+    background-color: #007abf;
+  }
+
+  50% {
+    background-color: #59C3FF;
+  }
+
+  100% {
+    background-color: #007abf;
+  }
+`;const shakeAnimation=css`
+  animation: ${shake} 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+`;export const ConsoleWrap=styled.div`
+  background-color: var(--panel-samples-background-color);
+  color: var(--panel-samples-text-color);
+  font-family: var(--panel-samples-font-family);
+  border-radius: var(--panel-border-radius);
+  overflow: hidden;
+  z-index: var(--z-index-surface);
+  display: flex;
+  flex-direction: column;
+  max-height: calc(85vh - ${({scrollYOffset:o})=>o?o():0}px);
+  margin-bottom: 10px;
+  ${({shaking:o})=>o&&shakeAnimation};
+  > div:last-child {
+    border-radius: 0 0 var(--panel-border-radius) var(--panel-border-radius);
+  }
+`;export const ConsoleBody=styled.div`
+  flex: 1;
+  padding: var(--panel-samples-body-padding);
+  overflow: auto;
+  display: ${({hidden:o})=>o?"none":"flex"};
+  flex-direction: column;
+  position: relative;
+  background-color: var(--panel-samples-body-background-color);
+`;export const CloseButton=styled.span`
+  cursor: pointer;
+  font-size: 18px;
+  font-weight: bold;
+  color: var(--text-secondary);
+`;export const TryItDropdown=styled(Dropdown)`
+  .dropdown-select,
+  label {
+    background-color: var(--panel-try-it-dropdown-background-color);
+    border: var(--panel-try-it-dropdown-border);
+    color: var(--panel-try-it-dropdown-color);
+  }
+`;export const ResponseHeader=styled.div`
+  margin-bottom: 10px;
+
+  &:not(:first-child) {
+    margin-top: 10px;
+  }
+`;export const FlowName=styled.div`
+  margin-top: 5px;
+  margin-bottom: 10px;
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,10 @@
+import type { FileInfo } from '../Download';
+export interface OpenApiResponseData extends FileInfo {
+    body?: GenericObject;
+    data: string;
+    ok: boolean;
+    status: number;
+    statusText: string;
+    headers: Record<string, string>;
+    parseError?: Error;
+}

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

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

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

@@ -0,0 +1,28 @@
+import type { OpenAPIServer, Server, ServerVariables } from '../../types';
+import type { FieldModel, ExtendedOpenAPISecurityScheme, OperationModel, ExampleModel } from '../../models';
+import type { RequestBodyProps } from './RequestBody';
+import type { Options } from '../../services';
+export declare function normalizeUrlProtocol(url: string): string;
+export declare function updateStorage(state: GenericObject): void;
+export declare const getParameters: (parameters: FieldModel[], type: string) => GenericObject;
+export declare function getServerWithVariables(operationServers: OpenAPIServer[], activeIndex?: number): Server;
+export declare function getInitialServerWithVariables(operationServers: OpenAPIServer[]): Server;
+export declare function expandVariables(url: string, variables?: GenericObject): string;
+export declare function expandDefaultServerVariables(url: string, variables?: GenericObject): string;
+export declare function getDefaultOrStoredVariables(server?: OpenAPIServer): ServerVariables;
+export declare function updateVariablesStorage(name: string, value: string): void;
+export declare function unescapeQueryParams(params: GenericObject): GenericObject;
+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: ExtendedOpenAPISecurityScheme): string | undefined;
+export declare const validateTokenEndpointMethod: (token: string[] | string | undefined) => boolean;
+export declare const getOAuth2TokenEndpointAuthHeader: ({ authMethod, clientId, clientSecret, }: {
+    authMethod?: string | string[] | undefined;
+    clientId: string;
+    clientSecret: string;
+}) => Record<'Authorization', string> | GenericObject;
+export declare function encodeSample(sample: ExampleModel, properties: RequestBodyProps['properties']): string;
+export declare const getStorageExampleKey: (operationId: string, activeMimeType?: string, activeExample?: string | false, examples?: {
+    [name: string]: ExampleModel;
+} | undefined) => string;