@redocly/openapi-docs 0.0.0-react18-20231120182601

package/lib-esm/components/icons/ShelfIcon.js

@@ -0,0 +1,12 @@
+import React from"react";import styled,{css}from"styled-components";import{getCssColorVariable}from"@redocly/theme";const directionMap={right:"0deg",down:"90deg",left:"180deg",up:"270deg"},IntShelfIcon=({className:e,style:t})=>React.createElement("svg",{className:e,style:t,viewBox:"0 0 4.25 7",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},React.createElement("path",{d:"M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"}),React.createElement("path",{d:"M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"}));export const ShelfIcon=styled(IntShelfIcon)`
+  ${({size:e="9px",float:t="",direction:o,color:a})=>css`
+    height: ${e};
+    width: ${e};
+    float: ${t};
+    transform: rotateZ(${directionMap[o]});
+    fill: ${getCssColorVariable(a)};
+  `}
+  vertical-align: middle;
+  transition: transform 0.2s ease-out;
+`;
+//# sourceMappingURL=ShelfIcon.js.map

package/lib-esm/components/icons/Spinner.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IconProps } from './types';
+export declare const Spinner: import("styled-components").StyledComponent<({ className }: Pick<IconProps, 'className' | 'color'>) => React.JSX.Element, any, Pick<IconProps, "color" | "className">, never>;

package/lib-esm/components/icons/Spinner.js

@@ -0,0 +1,19 @@
+import React from"react";import styled,{keyframes}from"styled-components";import{getCssColorVariable}from"@redocly/theme";const _Spinner=({className:e})=>React.createElement("svg",{className:e,version:"1.1",width:"512",height:"512",viewBox:"0 0 512 512"},React.createElement("path",{d:"M275.682 147.999c0 10.864-8.837 19.661-19.682 19.661v0c-10.875 0-19.681-8.796-19.681-19.661v-96.635c0-10.885 8.806-19.661 19.681-19.661v0c10.844 0 19.682 8.776 19.682 19.661v96.635z"}),React.createElement("path",{d:"M275.682 460.615c0 10.865-8.837 19.682-19.682 19.682v0c-10.875 0-19.681-8.817-19.681-19.682v-96.604c0-10.885 8.806-19.681 19.681-19.681v0c10.844 0 19.682 8.796 19.682 19.682v96.604z"}),React.createElement("path",{d:"M147.978 236.339c10.885 0 19.681 8.755 19.681 19.641v0c0 10.885-8.796 19.702-19.681 19.702h-96.624c-10.864 0-19.661-8.817-19.661-19.702v0c0-10.885 8.796-19.641 19.661-19.641h96.624z"}),React.createElement("path",{d:"M460.615 236.339c10.865 0 19.682 8.755 19.682 19.641v0c0 10.885-8.817 19.702-19.682 19.702h-96.584c-10.885 0-19.722-8.817-19.722-19.702v0c0-10.885 8.837-19.641 19.722-19.641h96.584z"}),React.createElement("path",{d:"M193.546 165.703c7.69 7.66 7.68 20.142 0 27.822v0c-7.701 7.701-20.162 7.701-27.853 0.020l-68.311-68.322c-7.68-7.701-7.68-20.142 0-27.863v0c7.68-7.68 20.121-7.68 27.822 0l68.342 68.342z"}),React.createElement("path",{d:"M414.597 386.775c7.7 7.68 7.7 20.163 0.021 27.863v0c-7.7 7.659-20.142 7.659-27.843-0.062l-68.311-68.26c-7.68-7.7-7.68-20.204 0-27.863v0c7.68-7.7 20.163-7.7 27.842 0l68.291 68.322z"}),React.createElement("path",{d:"M165.694 318.464c7.69-7.7 20.153-7.7 27.853 0v0c7.68 7.659 7.69 20.163 0 27.863l-68.342 68.322c-7.67 7.659-20.142 7.659-27.822-0.062v0c-7.68-7.68-7.68-20.122 0-27.801l68.311-68.322z"}),React.createElement("path",{d:"M386.775 97.362c7.7-7.68 20.142-7.68 27.822 0v0c7.7 7.68 7.7 20.183 0.021 27.863l-68.322 68.311c-7.68 7.68-20.163 7.68-27.843-0.020v0c-7.68-7.68-7.68-20.162 0-27.822l68.322-68.332z"})),rotate=keyframes`
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg);
+  }
+`;export const Spinner=styled(_Spinner)`
+  animation: 2s ${rotate} linear infinite;
+  width: 50px;
+  height: 50px;
+  content: '';
+  display: inline-block;
+  margin-left: -25px;
+
+  path {
+    fill: ${({color:e})=>getCssColorVariable(e)};
+  }
+`;
+//# sourceMappingURL=Spinner.js.map

package/lib-esm/components/icons/index.d.ts

@@ -0,0 +1,8 @@
+export { CrossIcon } from './CrossIcon';
+export { FileIcon } from './FileIcon';
+export { LinkIcon } from './LinkIcon';
+export { LockIcon } from './LockIcon';
+export { ShelfIcon } from './ShelfIcon';
+export { SearchIcon } from './SearchIcon';
+export { Spinner } from './Spinner';
+export * from './types';

package/lib-esm/components/icons/index.js

@@ -0,0 +1,2 @@
+export{CrossIcon}from"./CrossIcon";export{FileIcon}from"./FileIcon";export{LinkIcon}from"./LinkIcon";export{LockIcon}from"./LockIcon";export{ShelfIcon}from"./ShelfIcon";export{SearchIcon}from"./SearchIcon";export{Spinner}from"./Spinner";export*from"./types";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,10 @@
+import type { CSSProperties } from 'react';
+export interface IconProps {
+    className?: string;
+    float?: 'left' | 'right';
+    size?: string;
+    color?: string;
+    direction: 'left' | 'right' | 'up' | 'down';
+    style?: CSSProperties;
+    mr?: string;
+}

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

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

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

@@ -0,0 +1,32 @@
+export * from './NextSectionButton';
+export * from './RedoclyOpenAPIDocs';
+export * from './pluggable';
+export * from './rightPanel/Console';
+export { BackgroundStub, ApiContentWrap, BackgroundStubFix } from './RedoclyOpenAPIDocs/styled';
+export { MiddlePanelWrapper } from './Panel/MiddlePanelWrapper';
+export * from './common';
+export * from './ApiInfo';
+export { SectionItem } from './SectionItem';
+export { ContentItem } from './ContentItem';
+export { ContentItems } from './ContentItems';
+export { DiscriminatorDropdown } from './DiscriminatorDropdown';
+export * from './Schema/';
+export { OperationItem } from './OperationItem';
+export type { OperationItemProps } from './OperationItem';
+export * from './Loading/Loading';
+export * from './Markdown';
+export { OAuthFlow } from './SecuritySchemes/OAuthFlow';
+export * from './Responses';
+export * from './ResponseSamples/ResponseSamples';
+export { PayloadSamples, ExampleValue, Example, DropdownWrapper } from './PayloadSamples';
+export * from './MediaTypeSwitch';
+export * from './Parameters';
+export * from './DropdownOrLabel';
+export * from './ErrorBoundary';
+export * from './SideMenu/';
+export * from './StickySidebar/StickyResponsiveSidebar';
+export * from './SchemaDefinition/SchemaDefinition';
+export * from './SourceCodeWithFile/SourceCodeWithFile';
+export * from './RequestSamples/RequestSamples';
+export { ShelfIcon, LockIcon, CrossIcon } from './icons';
+export type { IconProps } from './icons';

package/lib-esm/components/index.js

@@ -0,0 +1,2 @@
+export*from"./NextSectionButton";export*from"./RedoclyOpenAPIDocs";export*from"./pluggable";export*from"./rightPanel/Console";export{BackgroundStub,ApiContentWrap,BackgroundStubFix}from"./RedoclyOpenAPIDocs/styled";export{MiddlePanelWrapper}from"./Panel/MiddlePanelWrapper";export*from"./common";export*from"./ApiInfo";export{SectionItem}from"./SectionItem";export{ContentItem}from"./ContentItem";export{ContentItems}from"./ContentItems";export{DiscriminatorDropdown}from"./DiscriminatorDropdown";export*from"./Schema/";export{OperationItem}from"./OperationItem";export*from"./Loading/Loading";export*from"./Markdown";export{OAuthFlow}from"./SecuritySchemes/OAuthFlow";export*from"./Responses";export*from"./ResponseSamples/ResponseSamples";export{PayloadSamples,ExampleValue,Example,DropdownWrapper}from"./PayloadSamples";export*from"./MediaTypeSwitch";export*from"./Parameters";export*from"./DropdownOrLabel";export*from"./ErrorBoundary";export*from"./SideMenu/";export*from"./StickySidebar/StickyResponsiveSidebar";export*from"./SchemaDefinition/SchemaDefinition";export*from"./SourceCodeWithFile/SourceCodeWithFile";export*from"./RequestSamples/RequestSamples";export{ShelfIcon,LockIcon,CrossIcon}from"./icons";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function PullRight({ children }: {
+    children: any;
+}): React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import React from"react";import styled from"styled-components";import{Panel}from"@redocly/theme";export function PullRight({children:t}){return React.createElement(StyledRightPanel,{className:"panel-pull-right"},t)}const StyledRightPanel=styled(Panel)`
+  float: right;
+  z-index: 1;
+  position: relative;
+  margin-bottom: 10px;
+`;
+//# sourceMappingURL=PullRight.js.map

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { OpenAPIEncoding } from '../../types';
+interface RedocExampleProps {
+    pointer: string;
+    mimeType: string;
+    encoding?: {
+        [field: string]: OpenAPIEncoding;
+    };
+}
+export declare const RedocExample: ({ pointer, mimeType, encoding }: RedocExampleProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import React from"react";import{useAtomValue}from"jotai";import{getExamples}from"../../models";import{Row}from"../common";import{ExamplesWrap}from"./styled.components";import{Example}from"../PayloadSamples";import{globalStoreAtom}from"../../jotai/store";import{layoutAtom}from"../../jotai/app";export const RedocExample=({pointer:e,mimeType:o,encoding:m})=>{const{parser:t}=useAtomValue(globalStoreAtom),a=useAtomValue(layoutAtom),r=getExamples({parser:t,infoOrRef:{$ref:e},mime:o,encoding:m});return React.createElement(Row,{layout:a},React.createElement(ExamplesWrap,null,React.createElement(Example,{example:r,mimeType:o})))};
+//# sourceMappingURL=RedocExample.js.map

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface RedocRequestBodyProps {
+    pointer: string;
+    hideSamples?: boolean;
+}
+export declare const RedocRequestBody: ({ pointer, hideSamples }: RedocRequestBodyProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import React from"react";import{useAtomValue}from"jotai";import{getRequestBody,getOperation}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{SamplesWrap,FullWidthPanel}from"./styled.components";import{PayloadSamples}from"../PayloadSamples";import{BodyContent}from"../Parameters";import{globalStoreAtom}from"../../jotai/store";import{layoutAtom}from"../../jotai/app";export const RedocRequestBody=({pointer:e,hideSamples:t})=>{const{options:o,parser:a}=useAtomValue(globalStoreAtom),r=useAtomValue(layoutAtom),l=getOperation(a,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),{content:m,description:n,required:p}=getRequestBody({parser:a,infoOrRef:{$ref:e},options:o,operation:l})||{},s=t?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:r},React.createElement(s,null,m&&React.createElement(BodyContent,{content:m,description:n,required:p})),!t&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,m&&React.createElement(PayloadSamples,{content:m})))||React.createElement("span",null))};
+//# sourceMappingURL=RedocRequestBody.js.map

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface RedocResponseProps {
+    pointer: string;
+    hideSamples?: boolean;
+}
+export declare const RedocResponse: ({ pointer, hideSamples }: RedocResponseProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from"react";import{useAtomValue}from"jotai";import{getOperation,getResponse}from"../../models";import{Row,SamplesMiddlePanel,SamplesPanel}from"../common";import{FullWidthPanel,SamplesWrap}from"./styled.components";import{ResponseDetails}from"../Responses";import{PayloadSamples}from"../PayloadSamples";import{globalStoreAtom}from"../../jotai/store";import{layoutAtom}from"../../jotai/app";export const RedocResponse=({pointer:e,hideSamples:t})=>{const{options:o,parser:a}=useAtomValue(globalStoreAtom),r=useAtomValue(layoutAtom),l=getOperation(a,{pointer:e,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,o,""),s=getResponse({parser:a,code:"default",defaultAsError:!1,infoOrRef:{$ref:e},options:o,operation:l});s.description=s.summary;const m=t?FullWidthPanel:SamplesMiddlePanel;return React.createElement(Row,{layout:r},React.createElement(m,{style:{paddingBottom:"20px"}},React.createElement(ResponseDetails,{response:s})),!t&&s.content&&React.createElement(SamplesPanel,null,React.createElement(SamplesWrap,null,React.createElement(PayloadSamples,{content:s.content})))||React.createElement("span",null))};
+//# sourceMappingURL=RedocResponse.js.map

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { OpenAPISchema } from '../../types';
+interface RedocSchemaProps {
+    pointer?: string;
+    schema?: OpenAPISchema;
+}
+export declare const RedocSchema: ({ pointer, schema }: RedocSchemaProps) => JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,5 @@
+export { PullRight } from './PullRight';
+export { RedocResponse } from './RedocResponse';
+export { RedocSchema } from './RedocSchema';
+export { RedocExample } from './RedocExample';
+export { RedocRequestBody } from './RedocRequestBody';

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

@@ -0,0 +1,2 @@
+export{PullRight}from"./PullRight";export{RedocResponse}from"./RedocResponse";export{RedocSchema}from"./RedocSchema";export{RedocExample}from"./RedocExample";export{RedocRequestBody}from"./RedocRequestBody";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+export declare const SamplesWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExamplesWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FullWidthPanel: import("styled-components").StyledComponent<"div", any, {
+    compact?: boolean | undefined;
+    isStacked?: boolean | undefined;
+}, never>;

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

@@ -0,0 +1,13 @@
+import styled from"styled-components";import{SamplesMiddlePanel}from"../common/panels";export const SamplesWrap=styled.div`
+  padding: calc(var(--spacing-unit) * 4);
+  border-radius: var(--panel-border-radius);
+  border: var(--panel-samples-border);
+  background-color: var(--panel-samples-background-color);
+`;export const ExamplesWrap=styled(SamplesWrap)`
+  width: 100%;
+`;export const FullWidthPanel=styled(SamplesMiddlePanel)`
+  padding-left: var(--spacing-horizontal);
+  padding-right: var(--spacing-horizontal);
+  width: 100%;
+`;
+//# sourceMappingURL=styled.components.js.map

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { OperationModel } from '../../models';
+export interface ActionPanelProps {
+    onSubmit: () => void;
+    loading: boolean;
+    operation: OperationModel;
+    params: Record<string, GenericObject>;
+    hasResponse: boolean;
+}
+export declare const ActionPanelComponent: ({ loading, operation, hasResponse, onSubmit, params, }: ActionPanelProps) => JSX.Element;
+export declare const ActionPanel: React.NamedExoticComponent<ActionPanelProps>;

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

@@ -0,0 +1,4 @@
+import React,{memo}from"react";import styled from"styled-components";import{serializeParameterValue}from"../../utils";import{CodeHeader}from"../Panel";import{Path,PathWrapper,TryItButton}from"../Endpoint";import{HttpVerb}from"../shared";import{expandVariables}from"./utils";function formatPath(e,t,r){const n=t.path||{},a=t.query||{},o=Object.keys(a);let i=expandVariables(e,n);return o.length&&(i+="?"+o.map((e=>{if(!a[e])return"";const t=(e=>r.find((t=>t.name===e&&"query"===t.in)))(e);return t?serializeParameterValue(t,a[e]):`${e}=${encodeURIComponent(a[e])}`})).filter(Boolean).join("&")),i}export const ActionPanelComponent=({loading:e,operation:t,hasResponse:r,onSubmit:n,params:a={}})=>React.createElement(CodeHeader,null,React.createElement(PathWrapper,null,React.createElement(HttpVerb,{color:t.httpVerb},t.httpVerb),React.createElement(Path,{wrap:"true"},formatPath(t.path,a,t.parameters))),React.createElement(SendButton,{"data-cy":"send-button",color:"primary",type:"submit",blinking:e,onClick:()=>!e&&n()},e?"Sending...":r?"Resend":"Send"));const SendButton=styled(TryItButton)`
+  width: var(--panel-try-it-action-button-width);
+`;export const ActionPanel=memo(ActionPanelComponent);
+//# sourceMappingURL=ActionPanel.js.map

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { AuthPanelProps } from './types';
+export declare const AuthPanel: ({ securityDefaults, operation, activeServer, authCorsProxyUrl, }: AuthPanelProps) => JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import React,{Fragment,useEffect,useCallback,useMemo}from"react";import{useAtomValue}from"jotai";import{TryItSecurityApps}from"@redocly/theme";import{Controller,useFormContext}from"react-hook-form";import{escapeFormId,fromSessionStorage,getSecurityDetailsOptions,toSessionStorage}from"../../../utils";import{TryItDropdown}from"../styled";import{FormControl,FormLabel,FormWrapper}from"../../common/form";import{FormDropdown,FormTextField}from"../../common/TextField";import{OpenIDConnect,Error}from"../OpenIDConnect";import{fromCookie,requiredValidator}from"../utils";import{OAuth2Flow}from"../OAuth2Flow";import{l}from"../../../services";import{OAuth2TokenInput}from"../OAuth2TokenInput";import{globalStoreAtom}from"../../../jotai/store";export const AuthPanel=({securityDefaults:e,operation:t,activeServer:o,authCorsProxyUrl:a})=>{var r,n;const{control:i,setValue:u,watch:s}=useFormContext(),{parser:c}=useAtomValue(globalStoreAtom),m=t.security,d=useMemo((()=>m.map((e=>e.schemes.map((e=>e.id)).join(" and "))).filter(Boolean)),[m]),p=s("securityScheme"),f=useMemo((()=>{const e=d.findIndex((e=>e===p));return e<0?0:e}),[d,p]);useEffect((()=>{const e=fromSessionStorage("securityRequirementName"),t=d.findIndex((t=>t===e));u("securityScheme",d[t<0?0:t])}),[d,t,u]);const h=useCallback((e=>{u("securityScheme",e.value),toSessionStorage("securityRequirementName",e.value)}),[u]),y=useMemo((()=>d.map(((e,t)=>({value:e,idx:t})))),[d]);if(0===y.length)return React.createElement(Error,{message:"Cannot find security schema in the definition"});const v=m[f],F=escapeFormId(v.schemes[0].id),C=s(`auth.${F}`);return React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,y.length>1&&React.createElement(FormControl,null,React.createElement(FormLabel,null," Security scheme: "),React.createElement(Controller,{control:i,name:"securityScheme",render:({field:{value:e}})=>React.createElement(TryItDropdown,{variant:"dark",fullWidth:!0,options:y,value:e,onChange:h})}))||null,React.createElement(TryItSecurityApps,{apiId:null===(n=null===(r=null==c?void 0:c.definition.info)||void 0===r?void 0:r["x-metadata"])||void 0===n?void 0:n.apiId,value:C,onChange:e=>{u(`auth.${F}`,e)}}),v.schemes.map((t=>{var r,n,i,u,s,c;const m=escapeFormId(t.id);if("apiKey"===t.type){const o=getSecurityDetailsOptions(m,""),a={fieldName:`auth.${m}`,fullWidth:!0,defaultValue:fromCookie(t)||fromSessionStorage(`auth.${m}`)||(null==e?void 0:e[m]),rules:{validate:requiredValidator},validateOnBlur:!0,validateOnChange:!0};return React.createElement(FormControl,{key:m},React.createElement(FormLabel,null," ",t.name,": "),o?React.createElement(FormDropdown,Object.assign({},a,{options:o})):React.createElement(FormTextField,Object.assign({},a,{type:"password",panel:"try-it","data-cy":"apiKey-auth-password"})))}if("http"===t.type){if("basic"===t.scheme){const t=getSecurityDetailsOptions(m,"username"),o={fieldName:`auth.${m}.username`,fullWidth:!0,defaultValue:fromSessionStorage(`auth.${m}.username`)||(null===(r=null==e?void 0:e[m])||void 0===r?void 0:r.username),validate:requiredValidator,rules:{required:!0}};return React.createElement(Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicUsername"),": "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{panel:"try-it"}))),React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicPassword"),": "),React.createElement(FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,fieldName:`auth.${m}.password`,defaultValue:fromSessionStorage(`auth.${m}.password`)||(null===(n=null==e?void 0:e[m])||void 0===n?void 0:n.password)||"",validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("bearer"===t.scheme){const t=getSecurityDetailsOptions(m,""),o={fieldName:`auth.${m}`,fullWidth:!0,defaultValue:fromSessionStorage(`auth.${m}`)||(null==e?void 0:e[m]),rules:{validate:requiredValidator},validateOnBlur:!0,validateOnChange:!0};return React.createElement(Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," Bearer Token: "),t?React.createElement(FormDropdown,Object.assign({},o,{options:t})):React.createElement(FormTextField,Object.assign({},o,{type:"password",placeholder:"(without 'Bearer')",panel:"try-it"}))))}}else{if("oauth2"===t.type&&t.flows&&t.flows.clientCredentials)return React.createElement(OAuth2TokenInput,{key:m,flow:t.flows.clientCredentials,server:o,authCorsProxyUrl:a,id:m,clientId:t.flows.clientCredentials["x-defaultClientId"]||t["x-defaultClientId"],defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type&&t.flows&&t.flows.implicit)return React.createElement(OAuth2Flow,{key:m,authorizationUrl:t.flows.implicit.authorizationUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(u=null===(i=null==t?void 0:t.flows)||void 0===i?void 0:i.implicit)||void 0===u?void 0:u.scopes)||{}),server:o,id:m,clientId:t.flows.implicit["x-defaultClientId"]||t["x-defaultClientId"],flow:"implicit",defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type&&t.flows&&t.flows.authorizationCode)return React.createElement(OAuth2Flow,{key:m,authorizationUrl:t.flows.authorizationCode.authorizationUrl,tokenUrl:t.flows.authorizationCode.tokenUrl,authCorsProxyUrl:a,scopes:Object.keys((null===(s=t.flows.authorizationCode)||void 0===s?void 0:s.scopes)||{}),server:o,id:m,clientId:t.flows.authorizationCode["x-defaultClientId"]||t["x-defaultClientId"],flow:"authorizationCode",tokenEndpointAuthMethod:t.flows.authorizationCode["x-tokenEndpointAuthMethod"],usePkce:t.flows.authorizationCode["x-usePkce"],defaultValues:null==e?void 0:e[m]});if("oauth2"===t.type){let t=fromSessionStorage(`auth.${m}.token`)||JSON.stringify(null===(c=null==e?void 0:e[m])||void 0===c?void 0:c.token);return t=t?JSON.parse(t):{},React.createElement(Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token Type: "),React.createElement(FormTextField,{fullWidth:!0,fieldName:`auth.${m}.token.token_type`,defaultValue:t.token_type||"Bearer",panel:"try-it"})),React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(FormTextField,{type:"password",fullWidth:!0,fieldName:`auth.${m}.token.access_token`,rules:{validate:requiredValidator},defaultValue:t.access_token,validateOnBlur:!0,validateOnChange:!0,panel:"try-it"})))}if("openIdConnect"===t.type)return React.createElement(OpenIDConnect,{key:m,server:o,authCorsProxyUrl:a,id:m,scheme:t,clientId:t["x-defaultClientId"],defaultValues:null==e?void 0:e[m]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))};
+//# sourceMappingURL=AuthPanel.js.map

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

@@ -0,0 +1,2 @@
+export { AuthPanel } from './AuthPanel';
+export type { AuthPanelProps, AuthPanelState } from './types';

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

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

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

@@ -0,0 +1,11 @@
+import type { OperationModel } from '../../../models';
+import type { SecurityDetails } from '../../../types';
+export interface AuthPanelProps {
+    operation: OperationModel;
+    activeServer: string;
+    authCorsProxyUrl: Maybe<string>;
+    securityDefaults?: Record<string, SecurityDetails | string>;
+}
+export interface AuthPanelState {
+    activeScheme: number;
+}

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CodemirrorInputProps } from './types';
+export declare const CodemirrorInputComponent: ({ onChange, onBlur, id, schema, fieldName, validate, defaultValue, mode, }: CodemirrorInputProps) => JSX.Element;
+export declare const CodemirrorInput: React.NamedExoticComponent<CodemirrorInputProps>;

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

@@ -0,0 +1,2 @@
+import React,{memo,useCallback,useMemo}from"react";import{useFormContext,Controller}from"react-hook-form";import{json}from"@codemirror/lang-json";import{MediaTypes}from"../../../constants";import{StyledCodeMirror}from"./styled";import{linterInit,themeInit}from"./helpers";export const CodemirrorInputComponent=({onChange:e,onBlur:r,id:o,schema:t,fieldName:l,validate:n,defaultValue:a,mode:m})=>{const{setValue:s,control:i,setError:c,clearErrors:u,getFieldState:d}=useFormContext(),p=useCallback((e=>{const{error:r}=d(l);e&&!r?c(l,{message:e}):r&&u(l)}),[u,l,d,c]),C=useCallback((r=>{s(l,r),null==e||e(r)}),[l,e,s]),f=useCallback((e=>{null==r||r(e)}),[r]),h=useMemo((()=>[json(),linterInit({id:o,schema:t,handleErrors:p})]),[p,o,t]);return React.createElement(Controller,{control:i,name:l,rules:{validate:n},defaultValue:a,render:({field:{value:e,ref:r}})=>React.createElement(StyledCodeMirror,{ref:r,className:"codemirror-container",value:e||"",onChange:C,onBlur:f,lang:m||MediaTypes.JSON,theme:themeInit("light"),extensions:h,basicSetup:{bracketMatching:!0,closeBrackets:!0,tabSize:2,foldGutter:!1,lineNumbers:!1,lintKeymap:!0,drawSelection:!1}})})};export const CodemirrorInput=memo(CodemirrorInputComponent);
+//# sourceMappingURL=CodemirrorInput.js.map

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

@@ -0,0 +1,6 @@
+import type { Extension } from '@uiw/react-codemirror';
+import type { CodemirrorInputProps } from './types';
+export declare function themeInit(theme: 'light' | 'dark'): Extension;
+export declare function linterInit({ id, schema, handleErrors, }: Pick<CodemirrorInputProps, 'id' | 'schema'> & {
+    handleErrors: (message?: string) => void;
+}): Extension;

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

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,e,r,o){return new(r||(r=Promise))((function(i,n){function a(t){try{s(o.next(t))}catch(t){n(t)}}function c(t){try{s(o.throw(t))}catch(t){n(t)}}function s(t){var e;t.done?i(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(a,c)}s((o=o.apply(t,e||[])).next())}))};import{materialLightInit,materialDarkInit}from"@uiw/codemirror-theme-material";import{tags as t}from"@lezer/highlight";import{linter}from"@codemirror/lint";import{getLanguageService,TextDocument}from"@redocly/vscode-json-languageservice";export function themeInit(e){const r={settings:{background:"var(--bg-overlay)",fontFamily:"var(--code-block-font-family)"},styles:[{tag:[t.propertyName],color:"var(--code-block-tokens-property-string-color)"},{tag:[t.processingInstruction,t.string,t.inserted,t.special(t.string)],color:"var(--code-block-tokens-string-color)"},{tag:[t.atom,t.bool,t.special(t.variableName)],color:"var(--text-secondary)"}]};switch(e){case"light":default:return materialLightInit(r);case"dark":return materialDarkInit(r)}}const service=getLanguageService({});export function linterInit({id:t,schema:e,handleErrors:r}){return service.configure({validate:!0,schemas:[{uri:"stub://"+t,fileMatch:["*"],schema:e}]}),linter((e=>__awaiter(this,void 0,void 0,(function*(){var o;const i=e.state.doc.toString(),n=TextDocument.create(t+".json","json",0,i),a=service.parseJSONDocument(n),c=yield service.doValidation(n,a);return r(null===(o=null==c?void 0:c[0])||void 0===o?void 0:o.message),null==c?void 0:c.map((t=>{const e=getPosition(i,t.range.start.line,t.range.start.character);return{from:e,to:e,message:t.message,severity:t.severity}}))}))))}function getPosition(t,e,r){const o=t.split("\n");let i=0;for(let t=0;t<e-1;t++)i+=o[t].length+1;return i+=r,i}
+//# sourceMappingURL=helpers.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledCodeMirror: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@uiw/react-codemirror").ReactCodeMirrorProps & import("react").RefAttributes<import("@uiw/react-codemirror").ReactCodeMirrorRef>>, any, {}, never>;

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

@@ -0,0 +1,53 @@
+import styled from"styled-components";import CodeMirror from"@uiw/react-codemirror";export const StyledCodeMirror=styled(CodeMirror)`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  overflow: hidden;
+  flex: 1;
+
+  .cm-editor {
+    flex: 1;
+    color: var(--code-block-text-color);
+    border-radius: var(--panel-border-radius);
+    font-weight: var(--code-block-font-weight);
+    font-size: var(--code-block-font-size);
+    line-height: var(--code-block-line-height);
+    padding: var(--code-block-padding);
+    white-space: var(--code-wrap, pre);
+
+    .cm-matchingBracket {
+      outline: 1px solid grey;
+      text-decoration: none;
+      color: var(--color-gold-8);
+    }
+
+    .cm-nonmatchingBracket {
+      color: var(--color-red-8) !important;
+    }
+
+    .cm-activeLine {
+      background: none;
+    }
+
+    .cm-lintPoint:after {
+      border: none;
+      width: 10px;
+      height: 8px;
+      left: 0;
+      bottom: -2px;
+      background-position: left bottom;
+      background-repeat: repeat-x;
+      background-size: 4px;
+      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAVUlEQVR42mNgQAL/GRjigPg/EP8FYntkCX4gtoVKgvE/BoabcEVAhj6S5DUgfgFl/wFJ2gPxL6iuT1DF+kD2R5AYA5KRj6CS/FAMYvszIBltz4AFAAD9fz0YtLg13wAAAABJRU5ErkJggg==') !important;
+    }
+  }
+  .cm-editor.cm-focused {
+    outline: none;
+
+    .cm-matchingBracket,
+    .cm-nonmatchingBracket {
+      background: none;
+    }
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,11 @@
+import type { OpenAPISchema, Referenced } from '../../../types';
+export interface CodemirrorInputProps {
+    mode?: string;
+    fieldName: string;
+    defaultValue: string;
+    validate: () => string | undefined;
+    schema?: Referenced<OpenAPISchema>;
+    id: string;
+    onChange?: (e: any) => void;
+    onBlur?: (e: any) => void;
+}

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

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

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

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

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

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,o,r){return new(o||(o=Promise))((function(s,n){function a(e){try{l(r.next(e))}catch(e){n(e)}}function i(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,i)}l((r=r.apply(e,t||[])).next())}))};import{execute}from"swagger-client/es/execute/index";import React,{useEffect,useState,useCallback,memo}from"react";import{useMount}from"@redocly/theme";import{useAtomValue,useAtom}from"jotai";import{useForm,FormProvider}from"react-hook-form";import{dereferenceDefinitionForTryIt}from"./shallowCopyForTryIt";import{unescapeFormId}from"../../../utils/string";import{StyledCodeHeader}from"../../Panel";import{isFileUploadMime}from"../../common/FileUpload/helper";import{AnalyticsEventType}from"../../../events";import{getDefaultOrStoredVariables,getFileNameFromHeaders,getParameters,makeRequestInterceptor,unescapeQueryParams,updateStorage}from"../utils";import{ResponsePanel}from"../ResponsePanel";import{ConsoleTabs}from"../ConsoleTabs";import{ActionPanel}from"../ActionPanel";import{Request}from"./Request";import{CloseButton,ConsoleBody}from"../styled";import{ConsoleWrapper}from"./ConsoleWrapper";import{usePrevious}from"../../../hooks";import{globalStoreAtom}from"../../../jotai/store";import{getActiveMediaType}from"../../../models";import{operationStore}from"../../../jotai/operation";function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}function ConsoleComponent({operation:e,onResponse:t,className:o,rootElement:r,properties:s,mergeExampleBody:n,securityDefaults:a,onClose:i}){const l=useForm({defaultValues:{path:getParameters(e.parameters,"path"),cookie:getParameters(e.parameters,"cookie"),header:getParameters(e.parameters,"header"),query:getParameters(e.parameters,"query")}}),[{activeServer:c},u]=useAtom(operationStore(e.pointer)),[p,m]=useState(0),[d,v]=useState(!1),[y,h]=useState(!1),[f,g]=useState(),[b,S]=useState(),[O,j]=useState(),[C,P]=useState(),R=usePrevious(e),{parser:I,options:T}=useAtomValue(globalStoreAtom);useEffect((()=>{const{unsubscribe:e}=l.watch(((e={})=>{u((t=>Object.assign(Object.assign({},t),{requestValues:JSON.parse(JSON.stringify(e))}))),updateStorage(Object.assign(Object.assign({},e),{query:unescapeQueryParams(e.query||{})}))}));return()=>e()}),[l,u]);const E=useCallback((e=>{m(e)}),[]),A=useCallback((e=>{u((t=>Object.assign(Object.assign({},t),{activeServer:e}))),l.setValue("server",e)}),[u,l]),q=l.handleSubmit((o=>__awaiter(this,void 0,void 0,(function*(){var r,s,n,a,i,l,u,p,d,y,h,g,b;const{servers:O,requestBody:C}=e,R=C&&C.content&&(null===(r=getActiveMediaType(C.content))||void 0===r?void 0:r.name)||"";let I=o.body;if(/json/.test(R))try{I=JSON.parse(I)}catch(e){console.error(e)}v(!0);const E=f,A=(e.httpVerb||"").toLowerCase();if(!O)throw console.error("Servers are not specified in your OpenAPI file. You can't use Try It Out console without specifying servers. If you use OpenAPI 2, make sure you configured host and basepath"),new Error("Servers are not specified");const q=O.find((e=>null==c?void 0:c.url.endsWith(e.url.endsWith("/")?e.url.substring(0,e.url.length-1):e.url))),w=Date.now();let F,V=o.auth;if(V){const e=Object.keys(V)[0],t=unescapeFormId(e);F=Object.assign(Object.assign({},E),{components:Object.assign(Object.assign({},null==E?void 0:E.components),{securitySchemes:Object.assign(Object.assign({},null===(s=null==E?void 0:E.components)||void 0===s?void 0:s.securitySchemes),{[t]:Object.assign(Object.assign({},null===(a=null===(n=null==E?void 0:E.components)||void 0===n?void 0:n.securitySchemes)||void 0===a?void 0:a[t]),{type:"openIdConnect"===(null===(u=null===(l=null===(i=null==E?void 0:E.components)||void 0===i?void 0:i.securitySchemes)||void 0===l?void 0:l[t])||void 0===u?void 0:u.type)?"oauth2":(null===(d=null===(p=null==E?void 0:E.components)||void 0===p?void 0:p.securitySchemes)||void 0===d?void 0:d[t]).type})})})}),V=Object.assign(Object.assign({},V),{[t]:V[e]})}else F=Object.assign({},E);F.servers=O;const k=T.corsProxyUrl;k&&O.length&&(F.servers=O.map((e=>Object.assign(Object.assign({},e),{url:k+normalizeUrlProtocol(e.url)}))),F.paths=Object.assign(Object.assign({},F.paths),{[e.path]:Object.assign(Object.assign({},F.paths[e.path]),{[A]:Object.assign(Object.assign({},F.paths[e.path][A]),{servers:void 0}),servers:void 0})}));const x=(null==C?void 0:C.content)&&(null===(y=getActiveMediaType(C.content))||void 0===y?void 0:y.name)||null;if(x&&I&&isFileUploadMime(x)){const e=Object.values(I);I=e.length>1?e:e[0]}const B=unescapeQueryParams(o.query||{}),_={server:k?k+normalizeUrlProtocol(q.url):q.url,serverVariables:getDefaultOrStoredVariables(q),spec:F,pathName:e.path,method:e.httpVerb,parameters:Object.assign(Object.assign(Object.assign(Object.assign({},o.path),B),o.header),o.cookie),securities:{authorized:V},requestBody:I,requestContentType:x,responseContentType:(null===(h=o.header)||void 0===h?void 0:h.Accept)||null,requestInterceptor:makeRequestInterceptor(T,e,null==V?void 0:V.Authorization)};try{const e=yield execute(_),o=null==e?void 0:e.data;o instanceof Blob&&(isFileUploadMime(o.type)&&(e.fileInfo={rawData:o,fileName:getFileNameFromHeaders(e.headers)}),e.data=yield o.text()),null==t||t({request:_,response:e}),P(e),j(void 0)}catch(e){e&&e.response&&e.response.data instanceof Blob&&(e.response.data=yield e.response.data.text(),null==t||t({request:_,response:e.response})),P(void 0),j(e)}finally{v(!1),m(1),S(Date.now()-w),null===(b=null===(g=T.events)||void 0===g?void 0:g.tryItSent)||void 0===b||b.call(g,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"Sent",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}}))),(()=>{var t,o;h(!0),setTimeout((()=>h(!1)),1e3),null===(o=null===(t=T.events)||void 0===t?void 0:t.tryItSent)||void 0===o||o.call(t,{eventType:AnalyticsEventType.TryItSent,resource:"Redocly_OperationTryIt",action:"ValidationFailed",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})}));useMount((()=>__awaiter(this,void 0,void 0,(function*(){const t=yield dereferenceDefinitionForTryIt(e,I.definition);g(t),e.activeServer&&!c&&u((t=>Object.assign(Object.assign({},t),{activeServer:e.activeServer})))})))),useEffect((()=>{R&&R!==e&&(P(void 0),j(void 0),m(0))}),[e,R]);const w=!(!C&&!O),F=l.getValues();return React.createElement(FormProvider,Object.assign({},l),React.createElement(ConsoleWrapper,{shaking:y,className:o,rootElement:r},React.createElement(StyledCodeHeader,null,React.createElement(ConsoleTabs,{active:p,hasResponse:w,onChange:E}),i&&React.createElement(CloseButton,{onClick:i}," ✕ ")),React.createElement(ConsoleBody,{hidden:0!==p,"data-cy":"console-request-body"},React.createElement(Request,{operation:e,properties:s,mergeExampleBody:n,securityDefaults:a,resolvedRawSpec:f,server:c||e.activeServer,onServerChange:A})),React.createElement(ConsoleBody,{hidden:1!==p,"data-cy":"console-response-body"},React.createElement(ResponsePanel,{response:C,error:O,time:b})),React.createElement(ActionPanel,{hasResponse:w,params:F,operation:e,loading:d,onSubmit:q})))}export const Console=memo(ConsoleComponent);
+//# sourceMappingURL=Console.js.map

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ConsoleProps } from './types';
+export declare function Console(props: ConsoleProps): JSX.Element;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{useAtomValue}from"jotai";import{OpenApiTryItSecurityPanel}from"@redocly/theme";import{useFormContext,Controller}from"react-hook-form";import{requiredValidator}from"../utils";import{JsonPointer}from"../../../utils";import{OAuth2}from"../../../services/OAuth2";import{l}from"../../../services";import{Accordion}from"../../Panel";import{ServersDropdown}from"../ServersDropdown";import{TryItPanel}from"../TryItPanel";import{RequestBody}from"../RequestBody";import{OperationParameters}from"../../OperationParameters";import{AuthPanel}from"../AuthPanel";import{globalOptionsAtom}from"../../../jotai/store";import{RenderHook}from"../../RenderHook";function RequestComponent({operation:e,properties:r,mergeExampleBody:t,securityDefaults:o,resolvedRawSpec:a,server:n,onServerChange:i}){const{watch:m,formState:u}=useFormContext(),c=u.errors||{},s=Boolean(c.path||c.cookie||c.header||c.query),{hooks:d,authCorsProxyUrl:p}=useAtomValue(globalOptionsAtom),y=a&&JsonPointer.get(a,e.pointer),h=m();let f=h&&h.auth&&Object.keys(h.auth)[0];f&&h.auth[f]||(f=void 0),!f||void 0===h.auth[f].token&&void 0===h.auth[f].client_id&&void 0===h.auth[f].client_secret||h.auth[f].token&&h.auth[f].token.access_token||(f=void 0),f&&null!=h.auth[f].username&&(h.auth[f].username&&h.auth[f].password||(f=void 0));const v=e.parameters||[];return!a&&React.createElement(React.Fragment,null,"Loading...")||React.createElement("form",{style:{flex:1,display:"flex",flexDirection:"column",margin:0}},React.createElement(ServersDropdown,{operation:e,onChange:i}),React.createElement(Accordion,{initialActiveIdx:e.security.length&&f?1:0},e.security.length&&React.createElement(TryItPanel,{header:l("tryItAuth"),"data-cy":"security-trigger",error:!f&&!!c.auth,success:!!f,renderChildrenHidden:!0},OpenApiTryItSecurityPanel||(null==d?void 0:d.ReplaceTryItSecurityPanel)?React.createElement(AuthPanelWrapper,{fieldName:"auth",validate:requiredValidator},(r=>React.createElement(RenderHook,{Hook:OpenApiTryItSecurityPanel||(null==d?void 0:d.ReplaceTryItSecurityPanel),props:{server:n,operation:e,onChange:r,OAuth2:OAuth2}}))):React.createElement(AuthPanel,{operation:e,activeServer:n.url,authCorsProxyUrl:p,securityDefaults:o}))||null,e.requestBody&&React.createElement(TryItPanel,{header:l("tryItBody"),"data-cy":"body-trigger",error:!!c.body,renderChildrenHidden:!0},React.createElement(RequestBody,{validate:allowBodyErrors,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==y?void 0:y.requestBody,properties:r,mergeExampleBody:t}))||null,v.length&&React.createElement(TryItPanel,{header:l("tryItParameters"),"data-cy":"parameters-trigger",error:s,renderChildrenHidden:!0},React.createElement(OperationParameters,{operation:e,values:h}))||null))}function AuthPanelWrapper({fieldName:e,validate:r,children:t}){const{control:o,setValue:a}=useFormContext();return React.createElement(Controller,{control:o,name:e,rules:{validate:r},render:()=>t(a)})}function allowBodyErrors(){}export const Request=memo(RequestComponent);
+//# sourceMappingURL=Request.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+import type { OperationModel } from '../../../models';
+export declare function dereferenceDefinitionForTryIt(operation: OperationModel, definition: GenericObject): Promise<GenericObject>;

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

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,n,t,o){return new(t||(t=Promise))((function(i,r){function a(e){try{p(o.next(e))}catch(e){r(e)}}function c(e){try{p(o.throw(e))}catch(e){r(e)}}function p(e){var n;e.done?i(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(a,c)}p((o=o.apply(e,n||[])).next())}))};import{bundle}from"@redocly/openapi-core/lib/bundle";import{Config}from"@redocly/openapi-core/lib/config/config";import{createParsedDocument}from"../../../utils/createParsedDocument";export function dereferenceDefinitionForTryIt(e,n){var t,o,i,r;return __awaiter(this,void 0,void 0,(function*(){const a=JSON.parse(JSON.stringify(n)),c=a.openapi?{openapi:a.openapi}:a.swagger?{swagger:a.swagger}:{},p=Object.assign(Object.assign({},c),{components:a.components,paths:{[e.path]:{[e.httpVerb]:null===(o=null===(t=a.paths)||void 0===t?void 0:t[e.path])||void 0===o?void 0:o[e.httpVerb],parameters:null===(r=null===(i=a.paths)||void 0===i?void 0:i[e.path])||void 0===r?void 0:r.parameters}}}),s={config:new Config({}),doc:createParsedDocument(p),dereference:!0};return yield bundle(s),a}))}
+//# sourceMappingURL=shallowCopyForTryIt.js.map

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

@@ -0,0 +1,26 @@
+import type { OperationModel } from '../../../models';
+import type { SecurityDetails, Server } from '../../../types';
+import type { OpenApiResponseData } from '../types';
+export type RequestAndResponseType = {
+    request: Record<string, unknown>;
+    response: OpenApiResponseData;
+};
+export interface ConsoleProps {
+    operation: OperationModel;
+    className?: string;
+    rootElement?: HTMLElement | null;
+    onClose?: () => void;
+    properties?: any;
+    mergeExampleBody?: boolean;
+    securityDefaults?: Record<string, SecurityDetails | string>;
+    onResponse?: (arg: RequestAndResponseType) => void;
+}
+export interface RequestProps {
+    operation: OperationModel;
+    properties?: any;
+    mergeExampleBody?: boolean;
+    securityDefaults: Record<string, string | SecurityDetails> | undefined;
+    resolvedRawSpec: any;
+    server: Server;
+    onServerChange: (server: Server) => void;
+}

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ConsoleTabsProps {
+    onChange: (activeTab: number) => void;
+    active: number;
+    hasResponse: boolean;
+}
+export declare function ConsoleTabs({ onChange, active, hasResponse }: ConsoleTabsProps): JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from"react";import{TabsWrap,Tab}from"./styled";export function ConsoleTabs({onChange:e,active:t,hasResponse:a}){return React.createElement(TabsWrap,null,React.createElement(Tab,{onClick:()=>e(0),active:0===t},a?"Edit Request":"Request"),React.createElement(Tab,{onClick:()=>a&&e(1),active:1===t,disabled:!a}," ","Response"," "))}
+//# sourceMappingURL=ConsoleTabs.js.map

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

@@ -0,0 +1,2 @@
+export { ConsoleTabs } from './ConsoleTabs';
+export type { ConsoleTabsProps } from './ConsoleTabs';

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

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

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

@@ -0,0 +1,5 @@
+export declare const TabsWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Tab: import("styled-components").StyledComponent<"button", any, {
+    active?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>;

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

@@ -0,0 +1,38 @@
+import styled,{css}from"styled-components";export const TabsWrap=styled.div`
+  display: flex;
+  font-size: 12px;
+  button {
+    margin: 0;
+  }
+`;export const Tab=styled.button`
+  outline: none;
+  border: none;
+  background-color: var(--panel-try-it-tabs-background-color);
+  text-align: center;
+  cursor: pointer;
+  color: var(--panel-try-it-tabs-text-color);
+  min-width: 80px;
+  min-height: 30px;
+  border-radius: var(--border-radius-lg);
+  font-size: var(--panel-try-it-tabs-font-size);
+  font-family: var(--panel-try-it-tabs-font-family);
+  font-weight: var(--panel-try-it-tabs-font-weight);
+  padding: 0 10px;
+
+  &:hover:not(:disabled) {
+    background-color: var(--panel-try-it-tabs-hover-background-color);
+    color: var(--panel-try-it-tabs-hover-text-color);
+  }
+
+  ${({active:t})=>t&&css`
+        background-color: var(--panel-try-it-tabs-active-background-color);
+        color: var(--panel-try-it-tabs-active-text-color);
+      `||""}
+
+  ${({disabled:t})=>t&&css`
+        cursor: default;
+        background-color: var(--panel-try-it-tabs-disabled-background-color);
+        color: var(--panel-try-it-tabs-disabled-text-color);
+      `||""}
+`;
+//# sourceMappingURL=styled.js.map