@redocly/api-docs 0.0.2

package/lib/components/markdoc/markdocParser.d.ts

@@ -0,0 +1,6 @@
+import type { MarkdownParser } from '../../adapters/utils/parseMarkdown.js';
+/**
+ * The default Markdoc-based {@link MarkdownParser}, supplied by the standalone build. api-docs core
+ * stays free of a markdown engine; callers of `buildItems` pass this in (or their own parser).
+ */
+export declare const markdocParser: MarkdownParser;

package/lib/components/markdoc/markdocParser.js

@@ -0,0 +1 @@
+import m from"@markdoc/markdoc";import{sanitizeMarkdownSource as t}from"../../adapters/utils/markdoc.js";import{simplifyAstStructure as i}from"../../adapters/utils/simplifyAstStructure.js";const s=(r,o)=>i(m.parse(t(r,o)));export{s as markdocParser};

package/lib/components/markdoc/markdocRenderer.d.ts

@@ -0,0 +1,8 @@
+import type { MarkdownRenderer } from '../../contexts/markdownAdapter.js';
+import type { MarkdocOptions } from '../../types/options.js';
+/**
+ * The default Markdoc-based {@link MarkdownRenderer}, supplied by the standalone build. Revives the
+ * stored AST, transforms it with `markdocOptions` (tags/nodes/components/variables), and renders each
+ * top-level node through Markdoc's React renderer, wrapped in the theme's markdown styles.
+ */
+export declare function createMarkdocRenderer(markdocOptions?: MarkdocOptions): MarkdownRenderer;

package/lib/components/markdoc/markdocRenderer.js

@@ -0,0 +1,3 @@
+import{Fragment as f,jsx as n}from"react/jsx-runtime";import l,{Fragment as p}from"react";import t from"@markdoc/markdoc";import{styled as g}from"styled-components";import{Markdown as y}from"@redocly/theme/components/Markdown/Markdown";const u=g(y)`
+  margin: 0;
+`;function w(r){const o=r&&{tags:r.tags,nodes:r.nodes,partials:r.partials,variables:r.variables,functions:r.functions},c=r?{components:r.components??{}}:void 0;return e=>{if(typeof e=="string")return n(f,{children:e});const a=t.Ast.fromJSON(JSON.stringify(e)),s=Array.isArray(a)?t.transform(a,o):t.transform(a,o),m=Array.isArray(s)?s:s.children;return n(f,{children:m.map((i,d)=>n(p,{children:n(u,{children:t.renderers.react(i,l,c),as:"div"})},i?.attributes?.id||d))})}}export{w as createMarkdocRenderer};

package/lib/components/markdoc/tags/mcp-tag-schemas.d.ts

@@ -0,0 +1,2 @@
+import type { MarkdocTagSchema } from '@redocly/theme/markdoc/tags/types';
+export declare const mcpTagSchemas: Record<string, MarkdocTagSchema>;

package/lib/components/markdoc/tags/mcp-tag-schemas.js

@@ -0,0 +1 @@
+const t={mcpTool:{render:"McpTool",attributes:{name:{type:String},id:{type:String}},renderForLlms:e=>`MCP Tool: ${e.attributes.name}`},mcpResource:{render:"McpResource",attributes:{name:{type:String},id:{type:String}},renderForLlms:e=>`MCP Resource: ${e.attributes.name}`},mcpPrompt:{render:"McpPrompt",attributes:{name:{type:String},id:{type:String}},renderForLlms:e=>`MCP Prompt: ${e.attributes.name}`}};export{t as mcpTagSchemas};

package/lib/components/markdoc/tags/schema-definition-tag.d.ts

@@ -0,0 +1,2 @@
+import type { MarkdocTagSchema } from '@redocly/theme/markdoc/tags/types';
+export declare const schemaDefinitionTag: MarkdocTagSchema;

package/lib/components/markdoc/tags/schema-definition-tag.js

@@ -0,0 +1 @@
+const n={render:"SchemaDefinition",attributes:{schemaRef:{type:String},exampleRef:{type:String},showReadOnly:{type:Boolean},showWriteOnly:{type:Boolean},htmlWrap:{type:String,default:!1}},renderForLlms:t=>{const e=t.attributes.schemaRef;return e?`Schema: ${e}`:""}};export{n as schemaDefinitionTag};

package/lib/components/panels/DownloadPanelItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { DownloadNode } from '../../types/content.js';
+export declare function DownloadPanelItem({ node }: {
+    node: DownloadNode;
+}): ReactElement;

package/lib/components/panels/DownloadPanelItem.js

@@ -0,0 +1,26 @@
+import{jsx as o,jsxs as w}from"react/jsx-runtime";import{useCallback as x}from"react";import{styled as t}from"styled-components";import{DownloadButton as v}from"@redocly/theme/components/Buttons/DownloadButton";import{JsonIcon as y}from"@redocly/theme/icons/JsonIcon/JsonIcon";import{FileIcon as s}from"@redocly/theme/icons/FileIcon/FileIcon";import{GraphqlIcon as l}from"@redocly/theme/icons/GraphqlIcon/GraphqlIcon";import{DocumentIcon as k}from"@redocly/theme/icons/DocumentIcon/DocumentIcon";import{panelKind as I}from"../../types/common.js";import{getFileExtension as D,transformStringToTelemetryId as j}from"../../utils/string.js";import{PanelItem as u,PanelItemsList as C}from"../common/PanelItem.js";import{OverviewPanel as L}from"./styled.js";import{useSpecTranslate as T}from"../../hooks/useTranslate.js";import{useTelemetry as P}from"../../hooks/useTelemetry.js";import{resolveText as b}from"../../utils/resolveText.js";function Q({node:i}){const c=T(),r=P(),m=i.children.filter(e=>e.kind===I.DOWNLOAD),d={yaml:o(k,{}),json:o(y,{}),file:o(s,{}),graphql:o(l,{}),gql:o(l,{})},p=b(c,i.titleTranslationKey,i.title),f=x((e,n)=>{r.sendDownloadDefinitionClickedMessage([{id:j("definition",window.location.hostname,e||n),object:"definition",uri:new URL(n,window.location.origin).href}])},[r]);return o(L,{header:p,className:"panel-api-docs",isExpandable:!1,children:o(_,{children:m.map(({label:e,url:n})=>{const g=D(e||n),h=d[g]||o(s,{}),a=()=>f(e,n);return o(u,{title:w(q,{children:[h,o(O,{href:n,target:"_blank",download:!0,rel:"noreferrer",onClick:a,children:e})]}),actions:[o(S,{onClick:a,children:o(v,{data:n})},`${e}-download`)]},`${e}-${n}`)})})})}const q=t.div`
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+`,O=t.a`
+  color: var(--text-color-secondary);
+  text-decoration: none;
+  font-weight: var(--link-font-weight);
+`,S=t.div`
+  display: flex;
+`,_=t(C)`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--spacing-sm);
+
+  & > span {
+    padding-bottom: var(--spacing-sm);
+    margin-bottom: 0;
+  }
+`;export{Q as DownloadPanelItem};

package/lib/components/panels/ExampleItem/CallbackPayloadItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { CallbackPayloadPanelItem } from '../../../types/content.js';
+export declare function CallbackPayloadItem({ node, }: {
+    node: CallbackPayloadPanelItem;
+}): ReactElement | null;

package/lib/components/panels/ExampleItem/CallbackPayloadItem.js

@@ -0,0 +1,5 @@
+import{Fragment as A,jsx as e,jsxs as y}from"react/jsx-runtime";import{useState as u,useEffect as N,useMemo as g,useCallback as L}from"react";import{styled as _}from"styled-components";import{useAtomValue as B}from"jotai";import{CodeBlockPanel as K,StyledCodeBlock as V}from"../styled.js";import{useResolvedExamples as F,useExampleEntries as H}from"../../ItemContent/hooks.js";import{useBodySamplingSchemaId as Y,useMediaTypeContent as $}from"./hooks.js";import{ExampleSelector as O,MediaTypeSelector as R,PayloadDisplay as U}from"./selectors.js";import{StyledPanelHeader as W}from"./styled.js";import{ServerDropdown as q}from"./ServerDropdown.js";import{LanguageDropdown as z}from"../LanguageItem/LanguageDropdown.js";import{selectedCallbackAtom as G}from"../../../jotai/app.js";import{getSyntaxHighlightLang as J}from"../../../utils/languages.js";import{useSpecTranslate as Q}from"../../../hooks/useTranslate.js";import{useCopyCodeTelemetry as X}from"../../../hooks/useCopyCodeTelemetry.js";const p="payload",Z=_.div`
+  min-width: 0;
+  overflow: hidden;
+  flex: 1 1 auto;
+`;function ue({node:a}){const x=Q(),h=B(G),m=a.callbackName,o=a.definitionSamples,S=m!=null&&h===m,{mediaTypes:b,activeMediaType:l,effectiveSchemaId:v,effectiveExampleIds:s,onMediaTypeChange:C}=$(a),k=Y(v,l),d=F(k,s,"response",l),E=H(s),[i,f]=u(0),[n,T]=u(p);N(()=>f(0),[s,l]);const I=d[i]??d[0],D=E[i]?.description,P=g(()=>{const t=[{key:p,lang:"json",title:"Payload"}];if(o)for(const c of o){const w=`x-${c.lang}`;t.push({key:w,lang:c.lang,title:c.label||c.lang})}return t},[o]),r=g(()=>{if(!(n===p||!o))return o.find(t=>`x-${t.lang}`===n)},[n,o]),M=X("response"),j=L(t=>T(t),[]);return S?e(K,{className:"panel-callback-samples",header:()=>y(W,{isExpandable:!1,children:[e(Z,{children:e(q,{servers:a.servers??[],method:(a.httpVerb??"post").toUpperCase(),path:a.path??"Callback"})}),e(z,{activeTab:n,samples:P,onChange:j})]}),isExpandable:!1,children:r?e(V,{lang:J(r.lang),source:r.source,header:{className:"code-block-header",controls:{copy:{onClick:M(r.lang)}}}}):y(A,{children:[e(R,{mediaTypes:b,value:l,onChange:C,label:x("contentType","Payload media type")}),e(O,{exampleIds:s,selectedIdx:i,onSelect:f}),e(U,{payload:I,emptyMessage:"// No callback payload",mediaType:l,description:D})]})}):null}export{ue as CallbackPayloadItem};

package/lib/components/panels/ExampleItem/CodeSampleItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { CodeSamplePanelItem } from '../../../types/content.js';
+export declare function CodeSampleItem({ node }: {
+    node: CodeSamplePanelItem;
+}): ReactElement;

package/lib/components/panels/ExampleItem/CodeSampleItem.js

@@ -0,0 +1 @@
+import{Fragment as Pe,jsx as l,jsxs as te}from"react/jsx-runtime";import{useState as Ue,useMemo as p,useCallback as re,useEffect as $e}from"react";import{useAtom as ae}from"jotai";import{useAtomValue as O}from"jotai";import{buildCodeSampleHAR as Be,tryGenerateCodeSample as Me,mapReplayAtomValuesToHarRequestValues as we,useCodeSampleResolvers as De}from"../../../services/code-samples/index.js";import{findExampleIdByKey as Ne}from"../../../services/code-samples/example-key.js";import{exampleStoreAtom as je}from"../../../jotai/examples.js";import{DEFAULT_LANGUAGES as oe,getGeneratorKey as Ge,getLangKey as P,getSyntaxHighlightLang as Fe}from"../../../utils/languages.js";import{useSpecTranslate as We}from"../../../hooks/useTranslate.js";import{CodeBlockPanel as Ke,StyledCodeBlock as _e}from"../styled.js";import{useResolvedExamples as He}from"../../ItemContent/hooks.js";import{languageAtom as ze,environmentAtom as Je,selectedSecuritySchemeIdxAtom as Ye,requestValuesAtom as Qe}from"../../../jotai/app.js";import{useActiveVariantSchemaId as Xe,useSchemaVariantSelection as Ze,useMediaTypeContent as et}from"./hooks.js";import{isSequentialMediaType as tt}from"../../../utils/media-type.js";import{isRecord as se}from"../../../adapters/helpers.js";import{updateObjectProperties as rt}from"../../../adapters/openapi/configure/merge-utils.js";import{useCopyCodeTelemetry as at}from"../../../hooks/useCopyCodeTelemetry.js";import{VariantPicker as ot,ExampleSelector as st,MediaTypeSelector as nt,PanelDropdownSelect as lt,PayloadDisplay as it}from"./selectors.js";import{LanguageDropdown as ct}from"../LanguageItem/LanguageDropdown.js";import{StyledPanelHeader as pt,TryItPanelFooter as mt}from"./styled.js";import{MediaTypeRow as ut}from"./styled.js";import{ServerDropdown as dt}from"./ServerDropdown.js";import{replaceServerVariables as yt,serverMatchesUrl as ft}from"../../../services/code-samples/server-variables.js";import{globalOptionsAtom as ht}from"../../../jotai/store.js";import{createLanguageSwitchEvent as gt}from"../../../events/languageSwitch.js";import{createCodeSampleCopyEvent as St}from"../../../events/codeSampleCopy.js";import{Replay as vt}from"../../Replay/index.js";import{useOpenApiDefinition as bt}from"../../../hoc/withReplayPrefetch.js";const G=oe.find(r=>r.key==="payload")??oe[0],ne=[{key:G.key,lang:G.lang,title:G.label}];function Xt({node:r}){const[{activeLanguage:g,languages:i},S]=ae(ze),s=O(ht),v=We(),le=bt(),U=r.isWebhook?"payload":g||"curl",F=De(),e=r.source,k=r.definitionSamples,ie=O(Qe),q=O(je),ce=`${e.method.toLowerCase()}:${e.path}`,C=ie[ce],W=C?.activeExampleName,A=typeof W=="string"?W:void 0,{mediaTypes:K,activeMediaType:m,effectiveSchemaId:L,effectiveExampleIds:h,onMediaTypeChange:pe}=et(r),me=r.isWebhook?"response":"request",ue=Ze(L),de=Xe(L),ye=tt(m)?L:de,_=He(ye,h,me,m),[$,H]=Ue(0);$e(()=>{const t=A?q[A]?.key??A:void 0,a=Ne(h,t,n=>q[n]),o=a?h?.indexOf(a)??-1:-1;H(o>=0?o:0)},[h,m,A,q]);const V=_[$]??_[0],z=(h?.length??0)>0||!!L,T=p(()=>{if(!k?.length)return k;const t=new Set((i??[]).map(a=>a.key));return k.filter(a=>t.has(P(a)))},[k,i]),y=p(()=>{const t=(i??[]).map(({key:o,lang:n,title:E})=>({key:o,lang:n,title:E}));let a=z?t:t.filter(o=>o.key!=="payload");if(r.isWebhook){const o=new Set(T?.map(n=>P(n))??[]);a=a.filter(n=>n.key==="payload"||o.has(n.key))}return a},[z,i,r.isWebhook,T]),u=p(()=>(y.some(t=>t.key===U)?U:y[0]?.key)??"curl",[y,U]),I=O(Je),{activeServerUrl:J,activeServerSpecUrl:f}=p(()=>{const t=I[0].server,a=t?r.servers?.find(n=>ft(n,t)):void 0;if(t&&a)return{activeServerUrl:t,activeServerSpecUrl:a.url};const o=r.servers?.[0];return o?{activeServerUrl:yt(o),activeServerSpecUrl:o.url}:{activeServerUrl:e.servers[0]?.url,activeServerSpecUrl:e.servers[0]?.url}},[I,r.servers,e.servers]),[B,fe]=ae(Ye),c=e.securityGroups,he=!!(c&&c.length>1),Y=p(()=>{if(!c?.length)return;const t=c.length>1?c[B]??c[0]:c[0];return Object.keys(t)},[c,B]),Q=p(()=>{const t=we(C??{});return e.requestValues?.security?{...t,security:e.requestValues.security}:t},[C,e.requestValues?.security]),x=C?.body,M=h?.[$],R=M?q[M]?.key??M:void 0,b=p(()=>{const t=e.requestValues?.serverBody;return(f&&t?.[f])??e.requestValues?.body},[f,e.requestValues?.body,e.requestValues?.serverBody]),ge=p(()=>x!==void 0?kt(x):b!==void 0?V===void 0?b:se(V)&&se(b)?rt(V,b):b:V,[x,V,b]),Se=p(()=>{if(u==="payload")return"";const t=T?.find(d=>P(d)===u);if(t){let d=t.source;const j=e.requestValues?.envVariables,Te=e.requestValues?.serverEnvVariables,Ie={...j,...f&&Te?.[f]};for(const[Re,Oe]of Object.entries(Ie))d=d.replaceAll(`{{${Re}}}`,Oe);return d}const a=Be(e,{serverUrl:J,mediaType:m,environment:I[0]??{},requestValues:Q,activeSecuritySchemeIds:Y,replayBody:x,exampleName:R},{skipOptionalParameters:s.codeSamples?.skipOptionalParameters,withOAuth2Call:s.codeSamples?.withOAuth2Call,generatedPayloadSamplesMaxDepth:s.generatedSamplesMaxDepth},F),o=s.codeSamples?.languages?.find(d=>d.key===u),n=Me(o?Ge(o):u,a,o?.options);if(n.kind==="unsupported-language")return`// ${v("unsupportedLanguage","Language is not supported.")}`;if(n.kind==="error")return console.error(n.error),`// ${v("failedToGenerateCodeSample","Failed to generate code sample.")}`;let E=n.source;const Ce=e.requestValues?.envVariables,Ae=e.requestValues?.serverEnvVariables,Le={...Ce,...f&&Ae?.[f]};for(const[d,j]of Object.entries(Le))E=E.replaceAll(`{{${d}}}`,j);return E},[u,T,e,J,f,m,I,s,F,Q,Y,x,R,v]),w=y.find(t=>t.key===u)??y[0],X=k?.find(t=>P(t)===u),D=X?.lang??w?.lang,ve=D&&Fe(D),Z=at("request"),be=re(t=>()=>{Z(t)(),s.events?.codeSamplesCopy?.(St({operation:{id:`${e.method}:${e.path}`,path:e.path,httpVerb:e.method,name:`${e.method.toUpperCase()} ${e.path}`},type:"request",lang:t??"",label:w?.title??"",activeMimeName:m??"",activeExampleName:R}))},[Z,s.events,e.method,e.path,w,m,R]),ke=re(t=>{S(t);const a=(r.isWebhook?ne:y).find(o=>o.key===t);s.events?.codeSamplesLanguageSwitch&&a&&s.events.codeSamplesLanguageSwitch(gt({operation:{id:`${e.method}:${e.path}`,path:e.path,httpVerb:e.method,name:`${e.method.toUpperCase()} ${e.path}`},sample:{lang:a.lang,label:a.title}}))},[S,y,r.isWebhook,s.events,e.method,e.path]),Ve=e.method,xe=e.path,ee=!(s.hideReplay||r.hideReplay)&&!r.isWebhook&&!!le,N=u==="payload",Ee=!N&&!!X,qe=p(()=>ee?l(mt,{children:l(vt,{node:r})}):void 0,[ee,r]);return l(Pe,{children:te(Ke,{className:"panel-request-samples",footer:qe,header:()=>te(pt,{isExpandable:!1,children:[l(dt,{servers:r.servers??[],method:Ve,path:xe}),l(ct,{activeTab:u,samples:r.isWebhook?ne:y,onChange:ke})]}),isExpandable:!1,children:[he&&c&&l(Vt,{requirements:c,activeIdx:B,onSelect:fe}),K.length>1&&l(nt,{mediaTypes:K,value:m,onChange:pe,label:N?v("contentType","Payload media type"):v("contentType","Request media type")}),!Ee&&l(ot,{selection:ue}),l(st,{exampleIds:h,selectedIdx:$,onSelect:H}),N?l(it,{payload:ge,emptyMessage:`// ${v("noRequestPayload","No request payload")}`,mediaType:m,snippetType:"request"}):l(_e,{lang:ve,source:Se,header:{className:"code-block-header",controls:{copy:{onClick:be(D)}}}})]})})}function kt(r){if(typeof r!="string")return r;const g=r.trim();if(!g)return r;try{const i=JSON.parse(g);if(i!==null&&typeof i=="object")return i}catch{}return r}function Vt({requirements:r,activeIdx:g,onSelect:i}){return l(ut,{children:l(lt,{value:String(g),onChange:S=>i(Number(S)),"aria-label":"Security scheme",options:r.map((S,s)=>({key:String(s),value:String(s),label:Object.keys(S).join(" + ")||`Scheme ${s+1}`}))})})}export{Xt as CodeSampleItem};

package/lib/components/panels/ExampleItem/ExamplesPanelItem.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { PanelNodeProps } from '../PanelNodeProps.js';
+export declare function ExamplesPanelItem({ node }: PanelNodeProps): ReactElement;

package/lib/components/panels/ExampleItem/ExamplesPanelItem.js

@@ -0,0 +1 @@
+import{Fragment as t,jsx as r}from"react/jsx-runtime";import{CallbackPayloadItem as l}from"./CallbackPayloadItem.js";import{CodeSampleItem as n}from"./CodeSampleItem.js";import{GraphQLQueryItem as s}from"./GraphQLQueryItem.js";import{GraphQLResponseItem as i}from"./GraphQLResponseItem.js";import{GraphQLTypeSampleItem as f}from"./GraphQLTypeSampleItem.js";import{GraphQLVariablesItem as I}from"./GraphQLVariablesItem.js";import{PayloadExampleItem as o}from"./PayloadExampleItem.js";import{ResponseExampleItem as c}from"./ResponseExampleItem.js";const d={"code-sample":n,"callback-payload":l,response:c,payload:o,"graphql-query":s,"graphql-response":i,"graphql-type-sample":f,"graphql-variables":I};function b({node:p}){return r(t,{children:p.children.map((e,a)=>{const m=d[e.kind];return m?r(m,{node:e},a):r(o,{node:e},a)})})}export{b as ExamplesPanelItem};

package/lib/components/panels/ExampleItem/GraphQLQueryItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { GraphQLQueryPanelItem } from '../../../types/content.js';
+export declare function GraphQLQueryItem({ node }: {
+    node: GraphQLQueryPanelItem;
+}): ReactElement;

package/lib/components/panels/ExampleItem/GraphQLQueryItem.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as q}from"react/jsx-runtime";import{useMemo as S}from"react";import{useAtomValue as l}from"jotai";import{PanelHeaderTitle as T}from"@redocly/theme/components/Panel/PanelHeaderTitle";import{CodeBlockPanel as V,StyledCodeBlock as x,StyledJsonViewer as O}from"../styled.js";import{globalOptionsAtom as A}from"../../../jotai/store.js";import{graphqlOperationAtom as N,graphqlOperationKey as v,graphqlTypeLookupAtom as I}from"../../../jotai/graphql.js";import{generateOperationExample as C,generateOperationVariablesExample as D}from"../../../utils/graphql-samples.js";import{ResponsePanelHeader as E,VariablesContainer as k,VariablesTitle as L}from"./styled.js";import{useSpecTranslate as j}from"../../../hooks/useTranslate.js";import{useCopyCodeTelemetry as P}from"../../../hooks/useCopyCodeTelemetry.js";const _={query:"querySample",mutation:"mutationSample",subscription:"subscriptionSample"};function $({node:p}){const t=l(I),{jsonSamplesDepth:s,samplesMaxInlineArgs:i}=l(A),r=j(),e=p.graphqlOperationData,m=P("request"),o=l(N(v(e?.operationType,e?.operationName))),{queryString:c,variablesData:u,hasVariables:g}=S(()=>{if(!e)return{queryString:"# No schema available",variablesData:{},hasVariables:!1};if(!o)return{queryString:`# Operation "${e.operationName}" not found`,variablesData:{},hasVariables:!1};const n=o.args??[],y=n.length>i,b=C(e.operationType,o,t,s,y,{argumentsHere:r("arguments.here","Arguments Here"),fragment:r("content.fragment","Fragment")}),f=D(n,t,s);return{queryString:b,variablesData:f,hasVariables:n.length>0}},[o,e,t,s,i,r]),h=e?_[e.operationType]??"querySample":"querySample",d=r(h,"Query sample");return q(V,{className:"panel-response-samples",header:()=>a(E,{children:a(T,{children:d})}),isExpandable:!1,children:[a(x,{lang:"graphql",source:c,header:{className:"code-block-header",controls:{copy:{onClick:m("graphql")}}}}),g&&a(k,{children:a(O,{data:u,expandLevel:Number.POSITIVE_INFINITY,title:a(L,{children:r("variables","Variables")})})})]})}export{$ as GraphQLQueryItem};

package/lib/components/panels/ExampleItem/GraphQLResponseItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { GraphQLResponsePanelItem } from '../../../types/content.js';
+export declare function GraphQLResponseItem({ node }: {
+    node: GraphQLResponsePanelItem;
+}): ReactElement;

package/lib/components/panels/ExampleItem/GraphQLResponseItem.js

@@ -0,0 +1 @@
+import{Fragment as l,jsx as e}from"react/jsx-runtime";import{useMemo as i}from"react";import{useAtomValue as r}from"jotai";import{PanelHeaderTitle as f}from"@redocly/theme/components/Panel/PanelHeaderTitle";import{CodeBlockPanel as c,StyledJsonViewer as u}from"../styled.js";import{globalOptionsAtom as d}from"../../../jotai/store.js";import{graphqlOperationAtom as h,graphqlOperationKey as g,graphqlTypeLookupAtom as x}from"../../../jotai/graphql.js";import{generateOperationResponseExample as y}from"../../../utils/graphql-samples.js";import{ResponsePanelHeader as I}from"./styled.js";import{useSpecTranslate as O}from"../../../hooks/useTranslate.js";function k({node:s}){const a=r(x),{jsonSamplesDepth:t}=r(d),m=O(),p=s.graphqlOperationData,o=r(h(g(p?.operationType,p?.operationName))),n=i(()=>o?y(o.type.display,a,t):null,[o,a,t]);return n?e(c,{className:"panel-response-samples",header:()=>e(I,{children:e(f,{children:m("responseSample","Response sample")})}),isExpandable:!1,children:e(u,{data:n,expandLevel:Number.POSITIVE_INFINITY})}):e(l,{})}export{k as GraphQLResponseItem};

package/lib/components/panels/ExampleItem/GraphQLTypeSampleItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { GraphQLTypeSamplePanelItem } from '../../../types/content.js';
+export declare function GraphQLTypeSampleItem({ node, }: {
+    node: GraphQLTypeSamplePanelItem;
+}): ReactElement;

package/lib/components/panels/ExampleItem/GraphQLTypeSampleItem.js

@@ -0,0 +1 @@
+import{Fragment as i,jsx as e}from"react/jsx-runtime";import{useMemo as u}from"react";import{useAtomValue as m}from"jotai";import{PanelHeaderTitle as f}from"@redocly/theme/components/Panel/PanelHeaderTitle";import{CodeBlockPanel as c,StyledJsonViewer as d}from"../styled.js";import{globalOptionsAtom as I}from"../../../jotai/store.js";import{graphqlTypeLookupAtom as h}from"../../../jotai/graphql.js";import{getTypeExample as D}from"../../../utils/graphql-samples.js";import{ResponsePanelHeader as y}from"./styled.js";import{useSpecTranslate as S}from"../../../hooks/useTranslate.js";function E({node:n}){const t=m(h),{jsonSamplesDepth:p}=m(I),r=S(),a=n.graphqlOperationData,{sampleData:o,isInput:l}=u(()=>{if(!a)return{sampleData:null,isInput:!1};const s=t(a.typeName);return s?{sampleData:D(a.typeName,t,p),isInput:s.variant==="input"}:{sampleData:null,isInput:!1}},[t,a,p]);return o==null?e(i,{}):e(c,{className:"panel-response-samples",header:()=>e(y,{children:e(f,{children:l?r("requestSample","Request sample"):r("responseSample","Response sample")})}),isExpandable:!1,children:e(d,{data:o,expandLevel:Number.POSITIVE_INFINITY})})}export{E as GraphQLTypeSampleItem};

package/lib/components/panels/ExampleItem/GraphQLVariablesItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { GraphQLVariablesPanelItem } from '../../../types/content.js';
+export declare function GraphQLVariablesItem({ node }: {
+    node: GraphQLVariablesPanelItem;
+}): ReactElement;

package/lib/components/panels/ExampleItem/GraphQLVariablesItem.js

@@ -0,0 +1 @@
+import{Fragment as i,jsx as e}from"react/jsx-runtime";import{useMemo as c}from"react";import{useAtomValue as r}from"jotai";import{PanelHeaderTitle as f}from"@redocly/theme/components/Panel/PanelHeaderTitle";import{CodeBlockPanel as u,StyledJsonViewer as d}from"../styled.js";import{globalOptionsAtom as g}from"../../../jotai/store.js";import{graphqlOperationAtom as h,graphqlOperationKey as b,graphqlTypeLookupAtom as x}from"../../../jotai/graphql.js";import{generateOperationVariablesExample as I}from"../../../utils/graphql-samples.js";import{useSpecTranslate as O}from"../../../hooks/useTranslate.js";import{ResponsePanelHeader as T}from"./styled.js";function v({node:l}){const a=r(x),{jsonSamplesDepth:o}=r(g),m=O(),t=l.graphqlOperationData,n=r(h(b(t?.operationType,t?.operationName))),p=c(()=>{const s=n?.args??[];return s.length===0?null:I(s,a,o)},[n,a,o]);return p?e(u,{className:"panel-response-samples",header:()=>e(T,{children:e(f,{children:m("variables","Variables")})}),isExpandable:!1,children:e(d,{data:p,expandLevel:Number.POSITIVE_INFINITY})}):e(i,{})}export{v as GraphQLVariablesItem};

package/lib/components/panels/ExampleItem/PayloadExampleItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { PayloadExamplesPanelItem } from '../../../types/content.js';
+export declare function PayloadExampleItem({ node }: {
+    node: PayloadExamplesPanelItem;
+}): ReactElement;

package/lib/components/panels/ExampleItem/PayloadExampleItem.js

@@ -0,0 +1,4 @@
+import{Fragment as g,jsx as e,jsxs as S}from"react/jsx-runtime";import{styled as u}from"styled-components";import{useState as E,useEffect as h}from"react";import{PanelHeader as v}from"@redocly/theme/components/Panel/PanelHeader";import{CodeBlockPanel as I}from"../styled.js";import{useResolvedExamples as T,useExampleEntries as P}from"../../ItemContent/hooks.js";import{useBodySamplingSchemaId as M,useSchemaVariantSelection as b,useMediaTypeContent as j}from"./hooks.js";import{VariantPicker as C,ExampleSelector as _,MediaTypeSelector as k,PayloadDisplay as w}from"./selectors.js";import{useSpecTranslate as B}from"../../../hooks/useTranslate.js";function G({node:l}){const{mediaTypes:i,activeMediaType:a,effectiveSchemaId:n,effectiveExampleIds:s,onMediaTypeChange:m}=j(l),p=B(),d=b(n),c=M(n,a),t=T(c,s,"response",a),f=P(s),[o,r]=E(0);h(()=>r(0),[s,a]);const x=t[o]??t[0],y=f[o]?.description;return t.length===0?e(g,{}):S(I,{className:"panel-response-samples",header:()=>e(D,{isExpandable:!1,children:l.panelLabel??p("payload","Payload")}),isExpandable:!1,children:[e(k,{mediaTypes:i,value:a,onChange:m,label:p("contentType","Payload media type")}),e(C,{selection:d}),e(_,{exampleIds:s,selectedIdx:o,onSelect:r}),e(w,{payload:x,emptyMessage:"// No payload sample",mediaType:a,description:y})]})}const D=u(v)`
+  font-weight: var(--font-weight-regular);
+  padding: var(--spacing-sm) var(--spacing-md) var(--spacing-xs);
+`;export{G as PayloadExampleItem};

package/lib/components/panels/ExampleItem/ResponseExampleItem.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { ResponseExamplesPanelItem } from '../../../types/content.js';
+export declare function ResponseExampleItem({ node }: {
+    node: ResponseExamplesPanelItem;
+}): ReactElement;

package/lib/components/panels/ExampleItem/ResponseExampleItem.js

@@ -0,0 +1 @@
+import{Fragment as _,jsx as a,jsxs as R}from"react/jsx-runtime";import{useState as b,useMemo as k,useCallback as $,useEffect as G,useContext as L}from"react";import{useAtom as U,useAtomValue as A,useSetAtom as q}from"jotai";import{PanelHeaderTitle as w}from"@redocly/theme/components/Panel/PanelHeaderTitle";import{CodeBlockPanel as z}from"../styled.js";import{findExampleIdByKey as g}from"../../../services/code-samples/example-key.js";import{useResolvedExamples as J,useExampleEntries as Q}from"../../ItemContent/hooks.js";import{useBodySamplingSchemaId as W,useSchemaVariantSelection as X}from"./hooks.js";import{activeMediaTypeAtom as Y}from"../../../jotai/app.js";import{exampleStoreAtom as Z}from"../../../jotai/examples.js";import{itemStoreAtom as ee,itemStoreFieldAtom as te}from"../../../jotai/itemStore.js";import{ItemIdContext as oe}from"../../../hooks/useDeepLinkSection.js";import{VariantPicker as ne,ExampleSelector as se,MediaTypeSelector as ae,PayloadDisplay as ie}from"./selectors.js";import{ResponsePanelHeader as de}from"./styled.js";import{ResponseCodesTabList as ce,ResponseCodeTab as me}from"../../common/ResponseCodeTabs.js";import{useSpecTranslate as re}from"../../../hooks/useTranslate.js";function pe(t,e,r){if(e===void 0||!t?.length)return;const p=n=>r[n];for(const n of t){for(const[u,d]of Object.entries(n.mediaTypeContent??{}))if(g(d.exampleIds,e,p))return{code:n.code,mediaType:u};if(g(n.exampleIds,e,p))return{code:n.code}}}function ke({node:t}){const{responseCodes:e}=t,r=re(),p=L(oe)??"",n=q(ee(p)),u=A(te({itemId:p,key:"activeResponseCode"})),d=A(Z),c=k(()=>pe(e,t.exampleKey,d),[e,t.exampleKey,d]),l=u||c?.code||e?.[0]?.code,i=e?.find(o=>o.code===l)??e?.[0],m=k(()=>i?.mediaTypeContent?Object.keys(i.mediaTypeContent):i?.mediaTypes??[],[i]),[x,j]=U(Y),[P,K]=b(!1),T=c&&c.code===l&&c.mediaType&&m.includes(c.mediaType)?c.mediaType:void 0,y=!P&&T?T:x&&m.includes(x)?x:T??m[0],E=i?.mediaTypeContent?.[y??""],M=!!e?.length,h=E?.schemaId??i?.schemaId??(M?void 0:t.schemaId),s=E?.exampleIds??i?.exampleIds??(M?void 0:t.exampleIds),B=!e?.length||!!(h||s?.length),I=m.length>0?y??m[0]:"application/json",H=X(h),D=W(h,I),C=J(D,s,"response",I),F=Q(s),[S,f]=b(0);G(()=>{if(!s?.length){f(0);return}const o=g(s,t.exampleKey,v=>d[v]);if(o){f(s.indexOf(o));return}f(0)},[s,y,l,t.exampleKey,d]);const N=C[S]??C[0],O=F[S]?.description,V=$(()=>{if(!(!t.headerTitle&&!e?.length))return R(de,{children:[a(w,{children:t.headerTitle}),e&&e.length>0&&a(ce,{children:e.map(o=>{const v=o.code===(l??e[0]?.code);return a(me,{type:"button",$active:v,$code:o.code,onClick:()=>{n({activeResponseCode:o.code}),f(0)},children:o.code},o.code)})})]})},[e,l,t.headerTitle,n]);return C.length===0&&!e?.length?a(_,{}):R(z,{className:"panel-response-samples",header:V,isExpandable:!1,children:[a(ae,{mediaTypes:m,value:y,onChange:o=>{K(!0),j(o)},label:r("contentType","Response media type")}),a(ne,{selection:H}),a(se,{exampleIds:s,selectedIdx:S,onSelect:f}),a(ie,{payload:N,emptyMessage:B?`// ${r("noResponseExample","No response sample")}`:r("noResponseContent","No content"),mediaType:I,description:O})]})}export{ke as ResponseExampleItem};

package/lib/components/panels/ExampleItem/ServerDropdown.d.ts

@@ -0,0 +1,17 @@
+import type { ReactElement } from 'react';
+type ServerVariables = Record<string, {
+    default?: string;
+}>;
+export type ServerEntry = {
+    url: string;
+    name?: string;
+    description?: string;
+    variables?: ServerVariables;
+};
+type ServerDropdownProps = {
+    servers: ServerEntry[];
+    method: string;
+    path: string;
+};
+export declare function ServerDropdown({ servers, method, path }: ServerDropdownProps): ReactElement;
+export {};

package/lib/components/panels/ExampleItem/ServerDropdown.js

@@ -0,0 +1,11 @@
+import{jsx as i,jsxs as p}from"react/jsx-runtime";import{useCallback as f,useEffect as P,useMemo as g}from"react";import{useAtom as $,useAtomValue as h}from"jotai";import{styled as S}from"styled-components";import{getOperationColor as D}from"@redocly/theme/core/openapi";import{breakpoints as M}from"@redocly/theme/core/openapi";import{Dropdown as V}from"@redocly/theme/components/Dropdown/Dropdown";import{DropdownMenu as W}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as B}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{CopyButton as I}from"@redocly/theme/components/Buttons/CopyButton";import{environmentAtom as L,savedEnvironmentNameAtom as O}from"../../../jotai/app.js";import{resolveServerUrl as w}from"../../../services/code-samples/replay/normalize-servers.js";import{replaceServerVariables as q}from"../../../services/code-samples/server-variables.js";import{getServerEnvName as T}from"../../../utils/environments.js";import{globalOptionsAtom as _}from"../../../jotai/store.js";import{useTelemetry as H}from"../../../hooks/useTelemetry.js";import{createTargetServerSwitchEvent as R}from"../../../events/serverSwitch.js";import{PanelItem as z}from"../../common/PanelItem.js";import{HttpVerb as U,PathLabel as C,PathWrapper as F,StaticPathWrapper as G}from"./styled.js";function J(o="",n="",t="/"){return o.endsWith(t)&&o!==t&&(o=o.slice(0,-t.length)),n.startsWith(t)&&(n=n.slice(t.length)),!o||!n||o===t?o+n:o+t+n}const K=S(B)`
+  padding: calc(var(--spacing-unit) * 1.5) var(--spacing-xs) calc(var(--spacing-unit) * 1.5)
+    var(--spacing-lg);
+  @media screen and (max-width: ${M.large}) {
+    max-width: 280px;
+  }
+`,Q=S(I)`
+  :hover {
+    background-color: var(--dropdown-menu-item-bg-color-hover);
+  }
+`;function gr({servers:o,method:n,path:t}){const[y,s]=$(L),{events:v}=h(_),d=H(),c=y[0],a=h(O),x=!["get","post","put","delete","patch","head","options","trace","query","x-query"].includes(n.toLowerCase()),u=D({httpVerb:n.toLowerCase(),isAdditionalOperation:x}),l=g(()=>o.map(r=>{const e=w(r.url);return{...r,resolvedUrl:q(r),envUrl:e,envName:String(T({...r,url:e}))}}),[o]),N=g(()=>{const r=l.find(e=>e.url===c.server||e.resolvedUrl===c.server||e.envUrl===c.server);return r?r.resolvedUrl:l[0]?.resolvedUrl??""},[c.server,l]);P(()=>{if(!c.server&&l.length>0){const e=(a?l.find(m=>m.envName===a):void 0)??l[0];s({...!a&&{environment:e.envName},environments:{[e.envName]:{server:e.envUrl}}})}},[]);const k=f(r=>{r.stopPropagation()},[]),A=f(r=>()=>{if(o.length<=1)return;const e=r.envName;d.sendSwitchServersClickedMessage([{id:"switchServersButton",object:"button",uri:"urn:redocly:redoc:ui:button:switchServersButton",server:e}]),s({environment:e,environments:{[e]:{server:r.envUrl}}}),v?.targetServerSwitch?.(R({operation:{id:`${n}:${t}`,path:t,httpVerb:n,name:`${n.toUpperCase()} ${t}`},serverUrl:r.url}))},[o.length,s,d,v,n,t]),E=t.includes("{$");if(o.length<=1||E)return p(G,{children:[i(U,{color:u,children:n}),i(C,{children:t})]});const b=p(F,{variant:"ghost",children:[i(U,{color:u,children:n}),i(C,{children:t})]}),j=l.map(r=>{const e=w(r.resolvedUrl),m=J(e,t);return i(K,{onAction:A(r),children:i(z,{header:r.name||r.description||e,title:m,actions:[i(Q,{data:m,toasterPlacement:"left",onCopyClick:k},m)],active:r.resolvedUrl===N,withCheckmark:!0})},r.url)});return i(V,{trigger:b,withArrow:!0,alignment:"start",children:i(W,{children:j})})}export{gr as ServerDropdown};

package/lib/components/panels/ExampleItem/hooks.d.ts

@@ -0,0 +1,25 @@
+import type { CallbackPayloadPanelItem, CodeSamplePanelItem, PayloadExamplesPanelItem } from '../../../types/content.js';
+import type { SchemaVariantAxis } from '../../../services/code-samples/discriminator.js';
+export type SchemaVariantSelection = {
+    options: {
+        key: string;
+        label: string;
+    }[];
+    activeIdx: number;
+    onSelect: (idx: number) => void;
+    kind: SchemaVariantAxis['kind'];
+    optionMeta: Array<{
+        isDefaultMapping?: boolean;
+        isDeprecated?: boolean;
+    }>;
+};
+export declare function useMediaTypeContent(node: PayloadExamplesPanelItem | CodeSamplePanelItem | CallbackPayloadPanelItem): {
+    mediaTypes: string[];
+    activeMediaType: string;
+    effectiveSchemaId: string | undefined;
+    effectiveExampleIds: string[] | undefined;
+    onMediaTypeChange: (mt: string) => void;
+};
+export declare function useActiveVariantSchemaId(schemaId?: string): string | undefined;
+export declare function useBodySamplingSchemaId(schemaId: string | undefined, mediaType: string | undefined): string | undefined;
+export declare function useSchemaVariantSelection(schemaId?: string): SchemaVariantSelection | undefined;

package/lib/components/panels/ExampleItem/hooks.js

@@ -0,0 +1 @@
+import{useCallback as M,useContext as y,useMemo as m}from"react";import{useAtom as V,useAtomValue as r,useSetAtom as B}from"jotai";import{schemaStoreAtom as h}from"../../../jotai/schema.js";import{exampleStoreAtom as E}from"../../../jotai/examples.js";import{activeDiscriminatorSelectAtom as A,activeOneOfSelectAtom as T}from"../../../jotai/itemStore.js";import{itemStoreAtom as j,itemStoreFieldAtom as q}from"../../../jotai/itemStore.js";import{ItemIdContext as S}from"../../../hooks/useDeepLinkSection.js";import{activeMediaTypeAtom as w}from"../../../jotai/app.js";import{findSchemaVariantAxis as O,resolveActiveVariantIndex as b}from"../../../services/code-samples/discriminator.js";import{isSequentialMediaType as F}from"../../../utils/media-type.js";function X(e){const[o,t]=V(w),a=y(S)??"",d=r(m(()=>q({itemId:a,key:"activeMessageKey"}),[a])),s=e.mediaTypeSchemas,n=s?Object.keys(s):e.mediaTypes??[],c=o&&n.includes(o)?o:n[0],f=s?.[c??""],i="messagesByKey"in e?e.messagesByKey:void 0,p="exampleIds"in e?e.exampleIds:void 0,k=!!e.schemaId||(p?.length??0)>0,v=d||(!k&&i?Object.keys(i)[0]:void 0),l=i&&v?i[v]:void 0,x=!!l,D=f?.schemaId??(x?l?.schemaId:void 0)??e.schemaId,I=r(E),g=f?.exampleIds??(x?l?.exampleIds:"exampleIds"in e?e.exampleIds:void 0),K=m(()=>g?.filter(u=>I[u]!==void 0),[g,I]),C=M(u=>t(u),[t]);return{mediaTypes:n,activeMediaType:c,effectiveSchemaId:D,effectiveExampleIds:K,onMediaTypeChange:C}}function G(e){const o=r(h),t=y(S),a=r(m(()=>A(t??""),[t])),d=r(m(()=>T(t??""),[t]));if(!e)return e;const s=O(e,o);if(!s)return e;const n=b(s,a,d),c=s.options[n]??s.options[0];return c?.schemaId&&o[c.schemaId]?c.schemaId:e}function Y(e,o){const t=F(o),a=G(t?void 0:e);return t?e:a}function Z(e){const o=r(h),t=y(S),a=r(m(()=>A(t??""),[t])),d=r(m(()=>T(t??""),[t])),s=B(j(t??"")),n=m(()=>{if(!e)return;const i=O(e,o,{includeNested:!0});if(!(!i||i.options.length<2))return i},[e,o]),c=M(i=>{!n||!t||(n.kind==="discriminator"?s(p=>({activeDiscriminator:{...p.activeDiscriminator,[n.stateKey]:i}})):s(p=>({activeOneOf:{...p.activeOneOf,[n.stateKey]:i}})))},[n,t,s]);if(!n)return;const f=b(n,a,d);return{options:n.options.map(i=>({key:i.schemaId||i.label,label:i.label})),activeIdx:f,onSelect:c,kind:n.kind,optionMeta:n.options.map(i=>({isDefaultMapping:i.isDefaultMapping,isDeprecated:i.isDeprecated}))}}export{G as useActiveVariantSchemaId,Y as useBodySamplingSchemaId,X as useMediaTypeContent,Z as useSchemaVariantSelection};

package/lib/components/panels/ExampleItem/selectors.d.ts

@@ -0,0 +1,36 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { SchemaVariantSelection } from './hooks.js';
+export declare function VariantPicker({ selection, label, }: {
+    selection?: SchemaVariantSelection;
+    label?: string;
+}): ReactElement | null;
+export declare function ExampleSelector({ exampleIds, selectedIdx, onSelect, }: {
+    exampleIds?: string[];
+    selectedIdx: number;
+    onSelect: (idx: number) => void;
+}): ReactElement | null;
+export declare function MediaTypeSelector({ mediaTypes, value, onChange, label, }: {
+    mediaTypes: string[];
+    value?: string;
+    onChange: (mt: string) => void;
+    label?: string;
+}): ReactElement | null;
+export type PanelSelectOption = {
+    value: string;
+    label: string;
+    labelNode?: ReactNode;
+    key?: string;
+};
+export declare function PanelDropdownSelect({ value, onChange, options, 'aria-label': ariaLabel, }: {
+    value?: string;
+    onChange: (value: string) => void;
+    options: PanelSelectOption[];
+    'aria-label'?: string;
+}): ReactElement;
+export declare function PayloadDisplay({ payload, emptyMessage, mediaType, description, snippetType, }: {
+    payload: unknown;
+    emptyMessage?: string;
+    mediaType?: string;
+    snippetType?: 'request' | 'response';
+    description?: string;
+}): ReactElement;

package/lib/components/panels/ExampleItem/selectors.js

@@ -0,0 +1 @@
+import{Fragment as d,jsx as r,jsxs as p}from"react/jsx-runtime";import{useAtomValue as b}from"jotai";import{exampleStoreAtom as C}from"../../../jotai/examples.js";import{globalOptionsAtom as N,specTypeAtom as D}from"../../../jotai/store.js";import{useTelemetry as E}from"../../../hooks/useTelemetry.js";import{useCopyCodeTelemetry as M}from"../../../hooks/useCopyCodeTelemetry.js";import{MAX_DISPLAYED_STRING_LENGTH as x}from"../../../constants/rendering.js";import{isJsonLikeMediaType as L,isSequentialMediaType as y,langFromMime as S}from"../../../utils/media-type.js";import{StyledCodeBlock as f,StyledJsonViewer as k}from"../styled.js";import{DisabledMimeSelect as A,SelectDropdownCheckmarkIcon as j,MediaTypeRow as h,SelectDropdownLabel as w,SelectDropdownMenu as B,SelectDropdownMenuItem as J,SelectDropdownTriggerButton as O,StyledSelectDropdown as P}from"./styled.js";import{DefaultMappingOptionLabel as _}from"../../Schema/views/DefaultMappingOptionLabel.js";import{jsonToXml as V}from"../../../utils/xml.js";import{formUrlEncodeValue as F}from"../../../utils/form-urlencoded.js";import{apiSpecType as z}from"../../../types/common.js";function ne({selection:e,label:o}){if(!e)return null;const{options:t,activeIdx:c,onSelect:a,kind:n,optionMeta:s}=e,i=o??(n==="discriminator"?"Discriminator":"Variant");return r(h,{children:r(v,{value:String(c),onChange:l=>a(Number(l)),"aria-label":i,options:t.map((l,m)=>{const u=s[m]?.isDefaultMapping?r(_,{label:l.label}):void 0;return{key:l.key,value:String(m),label:l.label,labelNode:u}})})})}function le({exampleIds:e,selectedIdx:o,onSelect:t}){const c=b(C),a=b(D),n=E();if(!e||e.length<2)return null;const s=i=>{const l=Number(i),m=e[l];a===z.ASYNCAPI?n.sendSwitchExampleClickedMessage([{id:"switchExampleButton",object:"button",uri:"urn:redocly:redoc:ui:button:switchExampleButton",example:m,numberOfExamples:e.length}]):n.sendExamplesSwitcherClickedMessage([{object:"button",id:"examplesSwitcherButton",uri:"urn:redocly:redoc:ui:button:examplesSwitcherButton",exampleNumber:l,totalExamples:e.length}]),t(l)};return r(h,{children:r(v,{value:String(o),onChange:s,"aria-label":"Example",options:e.map((i,l)=>({key:i,value:String(l),label:c[i]?.summary??`Example ${l+1}`}))})})}function oe({mediaTypes:e,value:o,onChange:t,label:c}){return e.length===0?null:e.length===1?r(h,{children:r(A,{value:e[0],"aria-label":c,disabled:!0,children:r("option",{value:e[0],children:e[0]})})}):r(h,{children:r(v,{value:o,onChange:t,"aria-label":c,options:e.map(a=>({value:a,label:a}))})})}function v({value:e,onChange:o,options:t,"aria-label":c}){const a=t.find(n=>n.value===e)??t[0];return r(P,{withArrow:!0,alignment:"start",trigger:r(O,{variant:"outlined",size:"small",type:"button","aria-label":c,children:r(w,{children:a?.labelNode??a?.label})}),children:r(B,{children:t.map(n=>r(J,{active:n.value===a?.value,onAction:()=>o(n.value),suffix:n.value===a?.value?r(j,{}):void 0,children:r(w,{children:n.labelNode??n.label})},n.key??n.value))})})}function ae({payload:e,emptyMessage:o="// No sample",mediaType:t,description:c,snippetType:a="response"}){const{jsonSamplesExpandLevel:n}=b(N),s=M(a);if(e==null)return r(f,{lang:"text",source:o,header:{controls:!1}});const i=c?r("div",{style:{fontSize:"var(--font-size-sm)",color:"var(--text-color-secondary)",padding:"var(--spacing-xs) var(--spacing-sm)",borderBottom:"1px solid var(--border-color-primary)"},children:c}):null,l=y(t),m=L(t);if(m&&!l){const u=typeof e=="string"?q(e)??e:e;return p(d,{children:[i,r(k,{data:u,expandLevel:n,maxStringLength:x})]})}if(typeof e=="object"&&e!==null){if(t?.includes("xml")){const u=V(e);return p(d,{children:[i,r(f,{lang:"xml",source:u,highlightedHtml:G(u),header:{className:"code-block-header",controls:{copy:{onClick:s("xml")}}}})]})}if(H(t))return p(d,{children:[i,r(f,{lang:"text",source:F(e),header:{className:"code-block-header",controls:{copy:{onClick:s("text")}}}})]});if(l||t&&!m){const u=JSON.stringify(e,null,2);return p(d,{children:[i,r(f,{lang:S(t),source:u,header:{className:"code-block-header",controls:{copy:{onClick:s(S(t))}}}})]})}return p(d,{children:[i,r(k,{data:e,expandLevel:n,maxStringLength:x})]})}const g=t?S(t):"text";return p(d,{children:[i,r(f,{lang:g,source:String(e),maxDisplayLength:x,header:{className:"code-block-header",controls:{copy:{onClick:s(g)}}}})]})}function H(e){return!!e&&/x-www-form-urlencoded/i.test(e)}function q(e){const o=e.trim();if(!(!o||!/^[{[]/.test(o)))try{return JSON.parse(o)}catch{return}}function G(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}export{le as ExampleSelector,oe as MediaTypeSelector,v as PanelDropdownSelect,ae as PayloadDisplay,ne as VariantPicker};