@redocly/asyncapi-docs 1.2.0-next.5 → 1.2.0-next.7

package/lib/RedoclyAsyncAPIDocs.js

@@ -1 +1 @@
-"use strict";var v=exports&&exports.__createBinding||(Object.create?function(e,t,r,i){i===void 0&&(i=r);var s=Object.getOwnPropertyDescriptor(t,r);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,s)}:function(e,t,r,i){i===void 0&&(i=r),e[i]=t[r]}),h=exports&&exports.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),m=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r in e)r!=="default"&&Object.prototype.hasOwnProperty.call(e,r)&&v(t,e,r);return h(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyAsyncAPIDocs=void 0;const c=require("react/jsx-runtime"),f=require("@redocly/theme"),_=m(require("react")),d=require("./jotai-store/Provider"),p=require("./components/AsyncApiDocs"),y=require("./components/Breadcrumbs"),D=require("./components/AppRouter"),b=require("./hooks");exports.RedoclyAsyncAPIDocs=_.default.memo(({pageProps:e,document:t,apiItems:r,routingBasePath:i,protocol:s,downloadUrls:u,markdocOptions:o})=>{const a=(0,b.useTelemetry)(),l=(0,_.useMemo)(()=>({layout:e.apiOptions.layout,protocol:s,routingBasePath:i,downloadUrls:u,definition:t,markdocOptions:o}),[e.apiOptions.layout,s,i,u,t,o]);return(0,b.usePerformanceMetrics)({sendTelemetry:j=>{const n=Object.fromEntries(Object.entries(j).map(([A,O])=>[A.toLowerCase(),O]));a.send({type:"asyncapi_docs.performance_metrics",payload:{cls:n.cls,lcp:n.lcp,fcp:n.fcp,ttfb:n.ttfb}})}}),(0,f.useMount)(()=>{a.send({type:"asyncapi_docs.viewed",payload:{layout:e.apiOptions.layout}})}),f.IS_BROWSER?(0,c.jsx)(d.AppProvider,{store:l,children:(0,c.jsxs)(D.AppRouter,{children:[(0,c.jsx)(y.Breadcrumbs,{}),(0,c.jsx)(p.AsyncApiDocs,{apiItems:r})]})}):(0,c.jsxs)(d.AppProvider,{store:l,children:[(0,c.jsx)(y.Breadcrumbs,{}),(0,c.jsx)(p.AsyncApiDocs,{apiItems:r})]})});
+"use strict";var v=exports&&exports.__createBinding||(Object.create?function(e,t,r,s){s===void 0&&(s=r);var i=Object.getOwnPropertyDescriptor(t,r);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,s,i)}:function(e,t,r,s){s===void 0&&(s=r),e[s]=t[r]}),h=exports&&exports.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),D=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r in e)r!=="default"&&Object.prototype.hasOwnProperty.call(e,r)&&v(t,e,r);return h(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyAsyncAPIDocs=void 0;const c=require("react/jsx-runtime"),f=require("@redocly/theme"),_=D(require("react")),d=require("./jotai-store/Provider"),p=require("./components/AsyncApiDocs"),y=require("./components/Breadcrumbs"),M=require("./components/AppRouter"),b=require("./hooks");exports.RedoclyAsyncAPIDocs=_.default.memo(({pageProps:e,document:t,apiItems:r,routingBasePath:s,protocol:i,downloadUrls:u,markdocOptions:o})=>{const a=(0,b.useTelemetry)(),l=(0,_.useMemo)(()=>({layout:e.apiOptions.layout,protocol:i,routingBasePath:s,downloadUrls:u,definition:t,markdocOptions:o}),[e.apiOptions.layout,i,s,u,t,o]);return(0,b.usePerformanceMetrics)({sendTelemetry:j=>{const n=Object.fromEntries(Object.entries(j).map(([A,O])=>[A.toLowerCase(),O]));a.sendAsyncapiDocsPerformanceMetricsMessage({cls:n.cls,lcp:n.lcp,fcp:n.fcp,ttfb:n.ttfb})}}),(0,f.useMount)(()=>{a.sendAsyncapiDocsViewedMessage({layout:e.apiOptions.layout})}),f.IS_BROWSER?(0,c.jsx)(d.AppProvider,{store:l,children:(0,c.jsxs)(M.AppRouter,{children:[(0,c.jsx)(y.Breadcrumbs,{}),(0,c.jsx)(p.AsyncApiDocs,{apiItems:r})]})}):(0,c.jsxs)(d.AppProvider,{store:l,children:[(0,c.jsx)(y.Breadcrumbs,{}),(0,c.jsx)(p.AsyncApiDocs,{apiItems:r})]})});

package/lib/components/DownloadSpecification.js

@@ -1,4 +1,4 @@
-"use strict";var u=exports&&exports.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DownloadSpecification=void 0;const e=require("react/jsx-runtime"),i=require("react"),r=u(require("styled-components")),n=require("@redocly/theme"),p=require("@redocly/openapi-docs"),f=require("jotai"),m=require("../jotai-store/app"),x=require("../hooks");function w(){const o=(0,x.useTelemetry)(),c=(0,f.useAtomValue)(m.downloadUrlsAtom),a=(0,p.useDownloadInfo)({downloadUrls:c}),l=(0,i.useCallback)(t=>{switch(t){case"yaml":return(0,e.jsx)(n.DocumentIcon,{});case"json":return(0,e.jsx)(n.JsonIcon,{});default:return(0,e.jsx)(n.FileIcon,{})}},[]);return a?(0,e.jsx)(h,{children:(a||[]).map(({title:t,url:s,iconType:d})=>(0,e.jsxs)(_,{onClick:()=>o.send({type:"asyncapi_docs.download_definition.clicked"}),children:[(0,e.jsxs)(b,{children:[l(d),(0,e.jsx)("a",{href:s,target:"_blank",download:!0,rel:"noreferrer",children:t})]}),(0,e.jsx)("a",{href:s,target:"_blank",download:!0,rel:"noreferrer",children:(0,e.jsx)(n.Button,{variant:"text",size:"small",icon:(0,e.jsx)(n.DownloadIcon,{})})})]},t))}):(0,e.jsx)(e.Fragment,{})}exports.DownloadSpecification=(0,i.memo)(w);const _=r.default.div`
+"use strict";var u=exports&&exports.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DownloadSpecification=void 0;const e=require("react/jsx-runtime"),i=require("react"),r=u(require("styled-components")),n=require("@redocly/theme"),p=require("@redocly/openapi-docs"),f=require("jotai"),m=require("../jotai-store/app"),x=require("../hooks");function w(){const o=(0,x.useTelemetry)(),l=(0,f.useAtomValue)(m.downloadUrlsAtom),s=(0,p.useDownloadInfo)({downloadUrls:l}),c=(0,i.useCallback)(t=>{switch(t){case"yaml":return(0,e.jsx)(n.DocumentIcon,{});case"json":return(0,e.jsx)(n.JsonIcon,{});default:return(0,e.jsx)(n.FileIcon,{})}},[]);return s?(0,e.jsx)(h,{children:(s||[]).map(({title:t,url:a,iconType:d})=>(0,e.jsxs)(_,{onClick:()=>o.sendAsyncapiDocsDownloadDefinitionClickedMessage(),children:[(0,e.jsxs)(b,{children:[c(d),(0,e.jsx)("a",{href:a,target:"_blank",download:!0,rel:"noreferrer",children:t})]}),(0,e.jsx)("a",{href:a,target:"_blank",download:!0,rel:"noreferrer",children:(0,e.jsx)(n.Button,{variant:"text",size:"small",icon:(0,e.jsx)(n.DownloadIcon,{})})})]},t))}):(0,e.jsx)(e.Fragment,{})}exports.DownloadSpecification=(0,i.memo)(w);const _=r.default.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;

package/lib/components/MessageSection.js

@@ -1,4 +1,4 @@
-"use strict";var R=exports&&exports.__createBinding||(Object.create?function(e,n,o,u){u===void 0&&(u=o);var s=Object.getOwnPropertyDescriptor(n,o);(!s||("get"in s?!n.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(e,u,s)}:function(e,n,o,u){u===void 0&&(u=o),e[u]=n[o]}),$=exports&&exports.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),O=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&R(n,e,o);return $(n,e),n},W=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageSection=void 0;const i=require("react/jsx-runtime"),v=W(require("styled-components")),w=require("jotai"),z=require("react-router-dom"),c=require("@redocly/openapi-docs"),d=require("@redocly/theme"),l=O(require("react")),F=O(require("openapi-sampler")),H=require("./SamplesPanel"),V=require("./MessageBinding"),K=require("./MessageReferences"),L=require("../jotai-store/app"),N=require("./Message"),A=require("../utils"),D=require("./common"),U=require("../hooks"),G=3;exports.MessageSection=l.default.memo(({messages:e,id:n})=>{const o=(0,z.useLocation)(),u=(0,l.useMemo)(()=>e.find(t=>(0,c.pathIncludesLink)(o,`m=${t.key}`))||e[0],[e,o]),[s,b]=(0,l.useState)(u),[m,y]=(0,l.useState)(s.value.payload),I=(0,l.useCallback)(t=>{const a=(0,A.modifyPayload)(m,t);a&&y(a)},[]),E=(0,l.useCallback)(()=>s.value.examples||[{payload:F.sample(Object.assign({},(0,A.getSchema)(m)))}],[m,s.value.examples]),_=(0,w.useAtomValue)(L.layoutAtom),f=(0,w.useAtomValue)(L.routingBasePathAtom),h=_===d.LayoutVariant.STACKED,p=(0,l.useMemo)(()=>e.map(t=>({label:t.value.title||t.value.name||t.key,value:t.key})),[e]),[M,C]=(0,l.useState)(!1),j=(0,l.useRef)(null),S=(0,U.useTelemetry)();(0,l.useEffect)(()=>{var t;const a=e.find(r=>(0,c.pathIncludesLink)(o,`m=${r.key}`));a&&(b(a),!((t=a?.value)===null||t===void 0)&&t.payload&&y(a.value.payload))},[o,e]);const k=(0,l.useCallback)(({value:t})=>{var a;const r=e.find(g=>g.key===t);r&&(S.send({type:"asyncapi_docs.switch_message.clicked",payload:{message:r.key}}),b(r),!((a=r?.value)===null||a===void 0)&&a.payload&&y(r.value.payload))},[e,S]),P=(0,l.useMemo)(()=>Object.entries(s.value.bindings||{}).map(([t,a])=>({key:t,value:a})),[s.value.bindings]),x=(0,l.useMemo)(()=>(0,d.combineUrls)(f,(0,c.makeDeepLink)(n,`messages&m=${s.key}`)),[n,f,s.key]);(0,l.useEffect)(()=>{if(!j.current)return;const t=()=>{var a;const r=(a=j.current)===null||a===void 0?void 0:a.querySelectorAll('button[role="tab"]'),g=Array.from(r||[]).some(q=>q.offsetWidth<q.scrollWidth);g!==M&&C(g)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[M,p]);const B=(0,l.useMemo)(()=>(0,d.combineUrls)(f,(0,c.makeDeepLink)(n,"messages")),[n,f]);return(0,i.jsxs)(J,{"data-component-name":"MessageSection/MessageSection",children:[(0,i.jsx)(c.Row,{layout:_,children:(0,i.jsxs)(c.SamplesMiddlePanel,{isStacked:h,children:[(0,i.jsxs)(Q,{children:[(0,i.jsx)(D.LinkToField,{to:B}),"Messages"]}),e.length>1?(0,i.jsxs)(T,{children:["Accepts ",(0,i.jsx)("span",{children:"one of"})," the following messages:"]}):(0,i.jsx)(T,{children:"Accepts the following message:"})]})}),(0,i.jsxs)(c.Row,{layout:_,children:[(0,i.jsxs)(c.SamplesMiddlePanel,{isStacked:h,children:[(0,i.jsxs)(X,{children:[(0,i.jsx)(D.LinkToField,{to:x}),p.length>G||M?(0,i.jsx)(c.Dropdown,{options:p,value:s.key,onChange:k}):(0,i.jsx)(d.Segmented,{ref:j,size:"small",value:s.key,options:p,onChange:k})]}),(0,i.jsx)(N.Message,{message:s.value,sectionId:n,id:s.key,onOneOfChange:I})]}),(0,i.jsxs)(c.OperationSamplesPanel,{isStacked:h,className:"panel-container-response-samples",children:[(0,i.jsx)(H.SamplesPanel,{examples:E()}),!!P.length&&(0,i.jsx)(V.MessageBinding,{binding:P[0],slug:x}),(0,i.jsx)(K.MessageReferences,{messageKey:s.key})]})]})]})});const J=v.default.div`
+"use strict";var R=exports&&exports.__createBinding||(Object.create?function(e,n,o,u){u===void 0&&(u=o);var s=Object.getOwnPropertyDescriptor(n,o);(!s||("get"in s?!n.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return n[o]}}),Object.defineProperty(e,u,s)}:function(e,n,o,u){u===void 0&&(u=o),e[u]=n[o]}),$=exports&&exports.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),O=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var o in e)o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)&&R(n,e,o);return $(n,e),n},W=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageSection=void 0;const i=require("react/jsx-runtime"),v=W(require("styled-components")),w=require("jotai"),z=require("react-router-dom"),c=require("@redocly/openapi-docs"),d=require("@redocly/theme"),l=O(require("react")),F=O(require("openapi-sampler")),H=require("./SamplesPanel"),V=require("./MessageBinding"),K=require("./MessageReferences"),L=require("../jotai-store/app"),N=require("./Message"),A=require("../utils"),D=require("./common"),U=require("../hooks"),G=3;exports.MessageSection=l.default.memo(({messages:e,id:n})=>{const o=(0,z.useLocation)(),u=(0,l.useMemo)(()=>e.find(t=>(0,c.pathIncludesLink)(o,`m=${t.key}`))||e[0],[e,o]),[s,b]=(0,l.useState)(u),[m,y]=(0,l.useState)(s.value.payload),I=(0,l.useCallback)(t=>{const a=(0,A.modifyPayload)(m,t);a&&y(a)},[]),C=(0,l.useCallback)(()=>s.value.examples||[{payload:F.sample(Object.assign({},(0,A.getSchema)(m)))}],[m,s.value.examples]),h=(0,w.useAtomValue)(L.layoutAtom),f=(0,w.useAtomValue)(L.routingBasePathAtom),_=h===d.LayoutVariant.STACKED,p=(0,l.useMemo)(()=>e.map(t=>({label:t.value.title||t.value.name||t.key,value:t.key})),[e]),[M,E]=(0,l.useState)(!1),j=(0,l.useRef)(null),S=(0,U.useTelemetry)();(0,l.useEffect)(()=>{var t;const a=e.find(r=>(0,c.pathIncludesLink)(o,`m=${r.key}`));a&&(b(a),!((t=a?.value)===null||t===void 0)&&t.payload&&y(a.value.payload))},[o,e]);const k=(0,l.useCallback)(({value:t})=>{var a;const r=e.find(g=>g.key===t);r&&(S.sendAsyncapiDocsSwitchMessageClickedMessage({message:r.key}),b(r),!((a=r?.value)===null||a===void 0)&&a.payload&&y(r.value.payload))},[e,S]),P=(0,l.useMemo)(()=>Object.entries(s.value.bindings||{}).map(([t,a])=>({key:t,value:a})),[s.value.bindings]),x=(0,l.useMemo)(()=>(0,d.combineUrls)(f,(0,c.makeDeepLink)(n,`messages&m=${s.key}`)),[n,f,s.key]);(0,l.useEffect)(()=>{if(!j.current)return;const t=()=>{var a;const r=(a=j.current)===null||a===void 0?void 0:a.querySelectorAll('button[role="tab"]'),g=Array.from(r||[]).some(q=>q.offsetWidth<q.scrollWidth);g!==M&&E(g)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[M,p]);const B=(0,l.useMemo)(()=>(0,d.combineUrls)(f,(0,c.makeDeepLink)(n,"messages")),[n,f]);return(0,i.jsxs)(J,{"data-component-name":"MessageSection/MessageSection",children:[(0,i.jsx)(c.Row,{layout:h,children:(0,i.jsxs)(c.SamplesMiddlePanel,{isStacked:_,children:[(0,i.jsxs)(Q,{children:[(0,i.jsx)(D.LinkToField,{to:B}),"Messages"]}),e.length>1?(0,i.jsxs)(T,{children:["Accepts ",(0,i.jsx)("span",{children:"one of"})," the following messages:"]}):(0,i.jsx)(T,{children:"Accepts the following message:"})]})}),(0,i.jsxs)(c.Row,{layout:h,children:[(0,i.jsxs)(c.SamplesMiddlePanel,{isStacked:_,children:[(0,i.jsxs)(X,{children:[(0,i.jsx)(D.LinkToField,{to:x}),p.length>G||M?(0,i.jsx)(c.Dropdown,{options:p,value:s.key,onChange:k}):(0,i.jsx)(d.Segmented,{ref:j,size:"small",value:s.key,options:p,onChange:k})]}),(0,i.jsx)(N.Message,{message:s.value,sectionId:n,id:s.key,onOneOfChange:I})]}),(0,i.jsxs)(c.OperationSamplesPanel,{isStacked:_,className:"panel-container-response-samples",children:[(0,i.jsx)(H.SamplesPanel,{examples:C()}),!!P.length&&(0,i.jsx)(V.MessageBinding,{binding:P[0],slug:x}),(0,i.jsx)(K.MessageReferences,{messageKey:s.key})]})]})]})});const J=v.default.div`
   padding: var(--spacing-xl) 0 0 0;
 `,Q=(0,v.default)(d.H4)`
   margin: 0 0 var(--spacing-xs) 0;

package/lib/components/Operation.js

@@ -1,4 +1,4 @@
-"use strict";var z=exports&&exports.__createBinding||(Object.create?function(e,n,a,r){r===void 0&&(r=a);var o=Object.getOwnPropertyDescriptor(n,a);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[a]}}),Object.defineProperty(e,r,o)}:function(e,n,a,r){r===void 0&&(r=a),e[r]=n[a]}),W=exports&&exports.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),I=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var a in e)a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)&&z(n,e,a);return W(n,e),n},R=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Operation=void 0;const s=require("react/jsx-runtime"),l=R(require("styled-components")),y=require("jotai"),u=require("@redocly/openapi-docs"),c=require("@redocly/theme"),p=I(require("react")),V=require("react-router-dom"),f=require("./common"),$=require("./OperationBinding"),O=require("../jotai-store/app"),k=require("../hooks"),F=require("../utils");exports.Operation=p.default.memo(({operation:e,dataSectionId:n,headerRow:a,id:r,showDivider:o})=>{var v,h,m,_;const M=(0,y.useAtomValue)(O.layoutAtom),j=(0,y.useAtomValue)(O.routingBasePathAtom),d=(0,y.useAtomValue)(O.definitionAtom),P=M===c.LayoutVariant.STACKED,{getProtocolLabel:H}=(0,k.useProtocolLabels)(),q=(0,k.useTelemetry)(),S=(0,p.useMemo)(()=>Object.entries(e?.bindings||{}).map(([i,t])=>({key:i,value:t})),[e?.bindings]),C=(0,p.useMemo)(()=>{var i;return(i=e?.["x-badges"])===null||i===void 0?void 0:i.map(t=>Object.assign(Object.assign({},t),{position:t.position||"after"}))},[e]),A=(0,V.useNavigate)(),x=(0,p.useCallback)(i=>{var t,g;return(g=Object.entries(((t=d?.components)===null||t===void 0?void 0:t.messages)||{}).find(([D,T])=>(0,F.isEqual)(T,i)))===null||g===void 0?void 0:g[0]},[(v=d?.components)===null||v===void 0?void 0:v.messages]),L=(0,p.useCallback)(i=>{const t=x(i);if(!t||!n)return;const g=n.substring(1).split("/operations")[0],D=(0,c.combineUrls)(j,(0,u.makeDeepLink)(g,`messages&m=${t}`));q.send({type:"asyncapi_docs.message.clicked",payload:{message:t}}),A(D)},[n,x,A,j,q]);if(!e)return null;const b=(0,c.combineUrls)(j,n);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(U,{sectionId:b,"data-component-name":"Operation/Operation",hasHeader:!!a,children:[a,(0,s.jsxs)(u.Row,{layout:M,children:[(0,s.jsxs)(J,{isStacked:P,children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)(X,{children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(f.ActionTag,{color:e.action,children:H(e.action)}),(0,s.jsxs)(B,{children:[(0,s.jsx)(u.CustomBadges,{badges:C,children:e.title||r}),(0,s.jsx)(f.ShareLink,{to:b,"aria-label":`link to ${e.title||r}`})]})]}),(0,s.jsx)(c.PageActions,{pageSlug:b})]}),(0,s.jsx)(f.Information,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),((h=e.messages)===null||h===void 0?void 0:h.length)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(E,{children:"Messages"}),(0,s.jsx)(K,{children:(m=e.messages)===null||m===void 0?void 0:m.map((i,t)=>(0,s.jsxs)(Q,{icon:null,onClick:()=>L(i),children:[i.title||i.name||x(i),(0,s.jsx)(c.ArrowUpRightIcon,{size:"12px"})]},t))})]}),e.reply&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(B,{children:"Reply"}),(0,s.jsxs)(N,{children:[e.reply.address&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Address: "}),(0,s.jsx)("span",{children:e.reply.address.location})]}),e.reply.channel&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Topic: "}),(0,s.jsx)("span",{children:e.reply.channel.address})]}),!!(!((_=e.reply.messages)===null||_===void 0)&&_.length)&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Messages: "}),(0,s.jsx)("span",{children:e.reply.messages.map(i=>i.title||i.name).join(", ")})]})]})]})]}),o&&(0,s.jsx)(G,{})]}),(0,s.jsx)(u.OperationSamplesPanel,{isStacked:P,className:"panel-container-response-samples",children:!!S.length&&(0,s.jsx)($.OperationBinding,{binding:S[0],id:n})})]})]})})});const U=(0,l.default)(u.Section)`
+"use strict";var z=exports&&exports.__createBinding||(Object.create?function(e,n,a,r){r===void 0&&(r=a);var o=Object.getOwnPropertyDescriptor(n,a);(!o||("get"in o?!n.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return n[a]}}),Object.defineProperty(e,r,o)}:function(e,n,a,r){r===void 0&&(r=a),e[r]=n[a]}),W=exports&&exports.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),I=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var a in e)a!=="default"&&Object.prototype.hasOwnProperty.call(e,a)&&z(n,e,a);return W(n,e),n},R=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Operation=void 0;const s=require("react/jsx-runtime"),l=R(require("styled-components")),y=require("jotai"),u=require("@redocly/openapi-docs"),c=require("@redocly/theme"),f=I(require("react")),V=require("react-router-dom"),p=require("./common"),$=require("./OperationBinding"),O=require("../jotai-store/app"),k=require("../hooks"),F=require("../utils");exports.Operation=f.default.memo(({operation:e,dataSectionId:n,headerRow:a,id:r,showDivider:o})=>{var v,h,m,_;const M=(0,y.useAtomValue)(O.layoutAtom),j=(0,y.useAtomValue)(O.routingBasePathAtom),d=(0,y.useAtomValue)(O.definitionAtom),P=M===c.LayoutVariant.STACKED,{getProtocolLabel:H}=(0,k.useProtocolLabels)(),q=(0,k.useTelemetry)(),S=(0,f.useMemo)(()=>Object.entries(e?.bindings||{}).map(([i,t])=>({key:i,value:t})),[e?.bindings]),C=(0,f.useMemo)(()=>{var i;return(i=e?.["x-badges"])===null||i===void 0?void 0:i.map(t=>Object.assign(Object.assign({},t),{position:t.position||"after"}))},[e]),A=(0,V.useNavigate)(),x=(0,f.useCallback)(i=>{var t,g;return(g=Object.entries(((t=d?.components)===null||t===void 0?void 0:t.messages)||{}).find(([D,T])=>(0,F.isEqual)(T,i)))===null||g===void 0?void 0:g[0]},[(v=d?.components)===null||v===void 0?void 0:v.messages]),L=(0,f.useCallback)(i=>{const t=x(i);if(!t||!n)return;const g=n.substring(1).split("/operations")[0],D=(0,c.combineUrls)(j,(0,u.makeDeepLink)(g,`messages&m=${t}`));q.sendAsyncapiDocsMessageClickedMessage({message:t}),A(D)},[n,x,A,j,q]);if(!e)return null;const b=(0,c.combineUrls)(j,n);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(U,{sectionId:b,"data-component-name":"Operation/Operation",hasHeader:!!a,children:[a,(0,s.jsxs)(u.Row,{layout:M,children:[(0,s.jsxs)(J,{isStacked:P,children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)(X,{children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(p.ActionTag,{color:e.action,children:H(e.action)}),(0,s.jsxs)(B,{children:[(0,s.jsx)(u.CustomBadges,{badges:C,children:e.title||r}),(0,s.jsx)(p.ShareLink,{to:b,"aria-label":`link to ${e.title||r}`})]})]}),(0,s.jsx)(c.PageActions,{pageSlug:b})]}),(0,s.jsx)(p.Information,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),((h=e.messages)===null||h===void 0?void 0:h.length)&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(E,{children:"Messages"}),(0,s.jsx)(K,{children:(m=e.messages)===null||m===void 0?void 0:m.map((i,t)=>(0,s.jsxs)(Q,{icon:null,onClick:()=>L(i),children:[i.title||i.name||x(i),(0,s.jsx)(c.ArrowUpRightIcon,{size:"12px"})]},t))})]}),e.reply&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(B,{children:"Reply"}),(0,s.jsxs)(N,{children:[e.reply.address&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Address: "}),(0,s.jsx)("span",{children:e.reply.address.location})]}),e.reply.channel&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Topic: "}),(0,s.jsx)("span",{children:e.reply.channel.address})]}),!!(!((_=e.reply.messages)===null||_===void 0)&&_.length)&&(0,s.jsxs)(w,{children:[(0,s.jsx)("span",{children:"Messages: "}),(0,s.jsx)("span",{children:e.reply.messages.map(i=>i.title||i.name).join(", ")})]})]})]})]}),o&&(0,s.jsx)(G,{})]}),(0,s.jsx)(u.OperationSamplesPanel,{isStacked:P,className:"panel-container-response-samples",children:!!S.length&&(0,s.jsx)($.OperationBinding,{binding:S[0],id:n})})]})]})})});const U=(0,l.default)(u.Section)`
   padding: var(--spacing-lg) 0;
   scroll-margin-top: ${e=>e.hasHeader?"calc(var(--navbar-height) - var(--spacing-xl)*2)":"var(--navbar-height)"} !important;
 `,B=(0,l.default)(c.H4)`
@@ -40,7 +40,7 @@
 `,J=(0,l.default)(u.SamplesMiddlePanel)`
   display: flex;
   justify-content: space-between;
-`,Q=(0,l.default)(f.TagWithIcon)`
+`,Q=(0,l.default)(p.TagWithIcon)`
   cursor: pointer;
 `,X=l.default.div`
   display: flex;

package/lib/components/SamplesPanel.js

@@ -1,10 +1,10 @@
-"use strict";var m=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesPanel=void 0;const l=require("react/jsx-runtime"),o=require("@redocly/theme"),d=m(require("styled-components")),f=require("@redocly/openapi-docs"),r=require("react"),c=require("../hooks"),v=({examples:e})=>{const[t,s]=(0,r.useState)(e[0]),{getProtocolLabel:u}=(0,c.useProtocolLabels)(),h=(0,c.useTelemetry)();(0,r.useEffect)(()=>{s(e[0])},[e,s]);const p=n=>{const a=e?.find(i=>i.name===n);a&&(s(a),h.send({type:"asyncapi_docs.switch_example.clicked",payload:{example:n,numberOfExamples:e.length}}))},_=(0,r.useMemo)(()=>e?.reduce((n,a,i)=>(n[a.name||`Example ${i+1}`]=Object.assign({},a),n),{}),[e]);return(0,l.jsxs)(g,{className:"panel-messages-samples",header:()=>(0,l.jsx)(y,{isExpandable:!1,children:u("payload")}),children:[(0,l.jsx)(P,{examples:_,exampleKey:t?.name,onChange:p}),(0,l.jsx)(o.JsonViewer,{data:t?.payload,expandLevel:3})]})};exports.SamplesPanel=v;const g=(0,d.default)(o.Panel)`
-  ${o.PanelBody} {
+"use strict";var f=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesPanel=void 0;const a=require("react/jsx-runtime"),s=require("@redocly/theme"),r=f(require("styled-components")),_=require("@redocly/openapi-docs"),d=require("react"),c=require("../hooks"),v=({examples:e})=>{const[n,o]=(0,d.useState)(e[0]),{getProtocolLabel:u}=(0,c.useProtocolLabels)(),h=(0,c.useTelemetry)();(0,d.useEffect)(()=>{o(e[0])},[e,o]);const m=t=>{const l=e?.find(i=>i.name===t);l&&(o(l),h.sendAsyncapiDocsSwitchExampleClickedMessage({example:t,numberOfExamples:e.length}))},p=(0,d.useMemo)(()=>e?.reduce((t,l,i)=>(t[l.name||`Example ${i+1}`]=Object.assign({},l),t),{}),[e]);return(0,a.jsxs)(g,{className:"panel-messages-samples",header:()=>(0,a.jsx)(P,{isExpandable:!1,children:u("payload")}),children:[(0,a.jsx)(S,{examples:p,exampleKey:n?.name,onChange:m}),(0,a.jsx)(s.JsonViewer,{data:n?.payload,expandLevel:3})]})};exports.SamplesPanel=v;const g=(0,r.default)(s.Panel)`
+  ${s.PanelBody} {
     padding: var(--spacing-sm) 0 0;
     line-height: var(--line-height-md);
   }
-`,y=(0,d.default)(o.PanelHeader)`
+`,P=(0,r.default)(s.PanelHeader)`
   font-weight: var(--font-weight-regular);
-`,P=(0,d.default)(f.ExampleSwitch)`
+`,S=(0,r.default)(_.ExampleSwitch)`
   overflow: hidden;
 `;

package/lib/components/Server.js

@@ -1,4 +1,4 @@
-"use strict";var x=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Server=void 0;const e=require("react/jsx-runtime"),s=x(require("styled-components")),n=require("@redocly/theme"),f=require("react"),h=require("./ServerModal"),o=require("./common"),v=require("../hooks"),g=({server:t,showDetails:l})=>{const[r,i]=(0,f.useState)(!1),c=(0,v.useTelemetry)();(0,n.useModalScrollLock)(r);const d=a=>{switch(a){case"kafka":return(0,e.jsx)(n.KafkaIcon,{size:"20px"});case"amqp":return(0,e.jsx)(n.RabbitMQIcon,{size:"20px"});default:return(0,e.jsx)(n.DatabaseIcon,{size:"20px"})}},p=()=>{i(!0),c.send({type:"asyncapi_docs.server_modal.opened"})};return(0,e.jsxs)(m,{"data-component-name":"Server/Server",children:[(0,e.jsxs)(_,{children:[(0,e.jsx)(j,{children:d(t.value.protocol)}),(0,e.jsx)(S,{children:t.key})]}),(0,e.jsxs)(y,{children:[(0,e.jsx)(o.HostList,{children:t.value.host.split(" ").map((a,u)=>(0,e.jsx)("span",{children:a},u))}),(0,e.jsx)(n.CopyButton,{data:t.value.host},t.value.host)]}),l&&(0,e.jsx)(M,{onClick:p,children:(0,e.jsx)(o.MoreDetailsButton,{expanded:!1})}),r&&(0,e.jsx)(n.Portal,{mountId:"api-content",children:(0,e.jsx)(h.ServerModal,{server:t,onClose:()=>i(!1)})})]})};exports.Server=g;const m=s.default.div`
+"use strict";var x=exports&&exports.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Server=void 0;const e=require("react/jsx-runtime"),s=x(require("styled-components")),n=require("@redocly/theme"),f=require("react"),h=require("./ServerModal"),l=require("./common"),v=require("../hooks"),g=({server:t,showDetails:o})=>{const[r,i]=(0,f.useState)(!1),c=(0,v.useTelemetry)();(0,n.useModalScrollLock)(r);const d=a=>{switch(a){case"kafka":return(0,e.jsx)(n.KafkaIcon,{size:"20px"});case"amqp":return(0,e.jsx)(n.RabbitMQIcon,{size:"20px"});default:return(0,e.jsx)(n.DatabaseIcon,{size:"20px"})}},u=()=>{i(!0),c.sendAsyncapiDocsServerModalOpenedMessage()};return(0,e.jsxs)(m,{"data-component-name":"Server/Server",children:[(0,e.jsxs)(_,{children:[(0,e.jsx)(j,{children:d(t.value.protocol)}),(0,e.jsx)(S,{children:t.key})]}),(0,e.jsxs)(y,{children:[(0,e.jsx)(l.HostList,{children:t.value.host.split(" ").map((a,p)=>(0,e.jsx)("span",{children:a},p))}),(0,e.jsx)(n.CopyButton,{data:t.value.host},t.value.host)]}),o&&(0,e.jsx)(M,{onClick:u,children:(0,e.jsx)(l.MoreDetailsButton,{expanded:!1})}),r&&(0,e.jsx)(n.Portal,{mountId:"api-content",children:(0,e.jsx)(h.ServerModal,{server:t,onClose:()=>i(!1)})})]})};exports.Server=g;const m=s.default.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/asyncapi-docs",
-  "version": "1.2.0-next.5",
+  "version": "1.2.0-next.7",
   "description": "Async API docs for Redocly Realm",
   "main": "lib/index.js",
   "module": "lib/index.js",
@@ -39,9 +39,9 @@
     "react-router-dom": "^6.21.1",
     "styled-components": "5.3.11",
     "web-vitals": "3.3.1",
-    "@redocly/config": "0.28.0",
-    "@redocly/openapi-docs": "3.13.0-next.5",
-    "@redocly/theme": "0.57.0-next.3"
+    "@redocly/config": "0.29.0",
+    "@redocly/openapi-docs": "3.13.0-next.7",
+    "@redocly/theme": "0.57.0-next.5"
   },
   "peerDependencies": {
     "react": "^19.1.0"