@redocly/asyncapi-docs 1.3.0-next.0 → 1.3.0-next.10

package/lib/RedoclyAsyncAPIDocs.js

@@ -1 +1 @@
-"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})]})});
+"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/ChannelSection.js

@@ -1,4 +1,4 @@
-"use strict";var q=exports&&exports.__createBinding||(Object.create?function(n,t,a,l){l===void 0&&(l=a);var o=Object.getOwnPropertyDescriptor(t,a);(!o||("get"in o?!t.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(n,l,o)}:function(n,t,a,l){l===void 0&&(l=a),n[l]=t[a]}),C=exports&&exports.__setModuleDefault||(Object.create?function(n,t){Object.defineProperty(n,"default",{enumerable:!0,value:t})}:function(n,t){n.default=t}),w=exports&&exports.__importStar||function(n){if(n&&n.__esModule)return n;var t={};if(n!=null)for(var a in n)a!=="default"&&Object.prototype.hasOwnProperty.call(n,a)&&q(t,n,a);return C(t,n),t},A=exports&&exports.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChannelSection=void 0;const i=require("react/jsx-runtime"),d=w(require("react")),v=A(require("styled-components")),j=require("jotai"),c=require("@redocly/openapi-docs"),u=require("@redocly/theme"),b=require("../jotai-store/app"),g=require("./common"),D=require("./ChannelParameters"),L=require("./ServersListPanel"),B=require("./ChannelBinding"),I=require("./MessageSection"),O=require("./OperationSection"),k=require("../hooks");exports.ChannelSection=d.default.memo(({item:n})=>{var t;const a=(0,j.useAtomValue)(b.layoutAtom),l=(0,j.useAtomValue)(b.routingBasePathAtom),o=(0,j.useAtomValue)(b.definitionAtom),p=a===u.LayoutVariant.STACKED,e=(t=o.channels)===null||t===void 0?void 0:t[n.id],{getProtocolLabel:x}=(0,k.useProtocolLabels)(e?.bindings),h=(0,d.useMemo)(()=>Object.entries(o.servers||{}).map(([r,s])=>({key:r,value:s})).filter(({value:r})=>{var s;return(s=e?.servers)===null||s===void 0?void 0:s.some(M=>M.host===r.host)}),[e?.servers,o.servers]),S=(0,d.useMemo)(()=>Object.entries(e?.bindings||{}).map(([r,s])=>({key:r,value:s})),[e?.bindings]),y=(0,d.useMemo)(()=>Object.entries(e?.messages||{}).map(([r,s])=>({key:r,value:s})),[e?.messages]),f=(0,d.useMemo)(()=>n.items.filter(r=>{var s;return r.action==="send"&&((s=o.operations)===null||s===void 0?void 0:s[r.id])}),[o.operations,n.items]),m=(0,d.useMemo)(()=>n.items.filter(r=>{var s;return r.action==="receive"&&((s=o.operations)===null||s===void 0?void 0:s[r.id])}),[o.operations,n.items]),P=(0,d.useMemo)(()=>{var r;return(r=e?.["x-badges"])===null||r===void 0?void 0:r.map(s=>Object.assign(Object.assign({},s),{position:s.position||"after"}))},[e]);if(!e)return null;const _=(0,u.combineUrls)(l,n.dataSectionId);return(0,i.jsxs)(H,{children:[(0,i.jsxs)(V,{sectionId:_,children:[(0,i.jsx)(c.Row,{layout:a,children:(0,i.jsx)(c.SamplesMiddlePanel,{compact:!0,className:"api-info",isStacked:p,children:(0,i.jsx)(g.ActionTag,{color:x("channel").toLowerCase(),children:x("channel")})})}),(0,i.jsxs)(c.Row,{layout:a,children:[(0,i.jsxs)(c.SamplesMiddlePanel,{compact:!0,className:"api-info",isStacked:p,children:[(0,i.jsxs)(R,{children:[(0,i.jsxs)(N,{children:[(0,i.jsx)(c.CustomBadges,{badges:P,children:e?.title||e?.address||n.id}),(0,i.jsx)(g.ShareLink,{to:_,"aria-label":`link to ${n.label}`})]}),(0,i.jsx)(u.PageActions,{pageSlug:_})]}),e.address&&(0,i.jsxs)(g.TagWithIcon,{icon:(0,i.jsx)(u.CurveAutoColonIcon,{size:"14px"}),children:["name: ",(0,i.jsx)("span",{children:e.address})]}),(0,i.jsx)(g.Information,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),e.parameters&&(0,i.jsx)(D.ChannelParameters,{parameters:e.parameters,id:n.link})]}),(0,i.jsxs)(c.OperationSamplesPanel,{isStacked:p,className:"panel-container-response-samples",children:[!!h?.length&&(0,i.jsx)(L.ServersListPanel,{servers:h,hideHeader:!0}),!!S.length&&(0,i.jsx)(B.ChannelBinding,{binding:S[0]})]})]}),y.length>0?(0,i.jsx)(I.MessageSection,{messages:y,id:n.link}):null]}),f.length>0?(0,i.jsx)(O.OperationSection,{operations:f,type:"send",id:n.link}):null,m.length>0&&f.length>0?(0,i.jsx)(c.Row,{layout:a,children:(0,i.jsx)(c.SamplesMiddlePanel,{isStacked:p,children:(0,i.jsx)(T,{})})}):null,m.length>0?(0,i.jsx)(O.OperationSection,{operations:m,type:"receive",id:n.link}):null]})});const H=v.default.div`
+"use strict";var q=exports&&exports.__createBinding||(Object.create?(function(n,t,a,l){l===void 0&&(l=a);var o=Object.getOwnPropertyDescriptor(t,a);(!o||("get"in o?!t.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(n,l,o)}):(function(n,t,a,l){l===void 0&&(l=a),n[l]=t[a]})),C=exports&&exports.__setModuleDefault||(Object.create?(function(n,t){Object.defineProperty(n,"default",{enumerable:!0,value:t})}):function(n,t){n.default=t}),w=exports&&exports.__importStar||function(n){if(n&&n.__esModule)return n;var t={};if(n!=null)for(var a in n)a!=="default"&&Object.prototype.hasOwnProperty.call(n,a)&&q(t,n,a);return C(t,n),t},A=exports&&exports.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChannelSection=void 0;const i=require("react/jsx-runtime"),d=w(require("react")),v=A(require("styled-components")),j=require("jotai"),c=require("@redocly/openapi-docs"),u=require("@redocly/theme"),b=require("../jotai-store/app"),g=require("./common"),D=require("./ChannelParameters"),L=require("./ServersListPanel"),B=require("./ChannelBinding"),I=require("./MessageSection"),O=require("./OperationSection"),k=require("../hooks");exports.ChannelSection=d.default.memo(({item:n})=>{var t;const a=(0,j.useAtomValue)(b.layoutAtom),l=(0,j.useAtomValue)(b.routingBasePathAtom),o=(0,j.useAtomValue)(b.definitionAtom),p=a===u.LayoutVariant.STACKED,e=(t=o.channels)===null||t===void 0?void 0:t[n.id],{getProtocolLabel:x}=(0,k.useProtocolLabels)(e?.bindings),h=(0,d.useMemo)(()=>Object.entries(o.servers||{}).map(([r,s])=>({key:r,value:s})).filter(({value:r})=>{var s;return(s=e?.servers)===null||s===void 0?void 0:s.some(M=>M.host===r.host)}),[e?.servers,o.servers]),S=(0,d.useMemo)(()=>Object.entries(e?.bindings||{}).map(([r,s])=>({key:r,value:s})),[e?.bindings]),y=(0,d.useMemo)(()=>Object.entries(e?.messages||{}).map(([r,s])=>({key:r,value:s})),[e?.messages]),f=(0,d.useMemo)(()=>n.items.filter(r=>{var s;return r.action==="send"&&((s=o.operations)===null||s===void 0?void 0:s[r.id])}),[o.operations,n.items]),m=(0,d.useMemo)(()=>n.items.filter(r=>{var s;return r.action==="receive"&&((s=o.operations)===null||s===void 0?void 0:s[r.id])}),[o.operations,n.items]),P=(0,d.useMemo)(()=>{var r;return(r=e?.["x-badges"])===null||r===void 0?void 0:r.map(s=>Object.assign(Object.assign({},s),{position:s.position||"after"}))},[e]);if(!e)return null;const _=(0,u.combineUrls)(l,n.dataSectionId);return(0,i.jsxs)(H,{children:[(0,i.jsxs)(V,{sectionId:_,children:[(0,i.jsx)(c.Row,{layout:a,children:(0,i.jsx)(c.SamplesMiddlePanel,{compact:!0,className:"api-info",isStacked:p,children:(0,i.jsx)(g.ActionTag,{color:x("channel").toLowerCase(),children:x("channel")})})}),(0,i.jsxs)(c.Row,{layout:a,children:[(0,i.jsxs)(c.SamplesMiddlePanel,{compact:!0,className:"api-info",isStacked:p,children:[(0,i.jsxs)(R,{children:[(0,i.jsxs)(N,{children:[(0,i.jsx)(c.CustomBadges,{badges:P,children:e?.title||e?.address||n.id}),(0,i.jsx)(g.ShareLink,{to:_,"aria-label":`link to ${n.label}`})]}),(0,i.jsx)(u.PageActions,{pageSlug:_})]}),e.address&&(0,i.jsxs)(g.TagWithIcon,{icon:(0,i.jsx)(u.CurveAutoColonIcon,{size:"14px"}),children:["name: ",(0,i.jsx)("span",{children:e.address})]}),(0,i.jsx)(g.Information,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),e.parameters&&(0,i.jsx)(D.ChannelParameters,{parameters:e.parameters,id:n.link})]}),(0,i.jsxs)(c.OperationSamplesPanel,{isStacked:p,className:"panel-container-response-samples",children:[!!h?.length&&(0,i.jsx)(L.ServersListPanel,{servers:h,hideHeader:!0}),!!S.length&&(0,i.jsx)(B.ChannelBinding,{binding:S[0]})]})]}),y.length>0?(0,i.jsx)(I.MessageSection,{messages:y,id:n.link}):null]}),f.length>0?(0,i.jsx)(O.OperationSection,{operations:f,type:"send",id:n.link}):null,m.length>0&&f.length>0?(0,i.jsx)(c.Row,{layout:a,children:(0,i.jsx)(c.SamplesMiddlePanel,{isStacked:p,children:(0,i.jsx)(T,{})})}):null,m.length>0?(0,i.jsx)(O.OperationSection,{operations:m,type:"receive",id:n.link}):null]})});const H=v.default.div`
   width: 100%;
 
   &:not(:last-child) {

package/lib/components/MessageAMQPReferences.js

@@ -1,4 +1,4 @@
-"use strict";var m=exports&&exports.__createBinding||(Object.create?function(e,n,s,a){a===void 0&&(a=s);var t=Object.getOwnPropertyDescriptor(n,s);(!t||("get"in t?!n.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return n[s]}}),Object.defineProperty(e,a,t)}:function(e,n,s,a){a===void 0&&(a=s),e[a]=n[s]}),j=exports&&exports.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),y=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var s in e)s!=="default"&&Object.prototype.hasOwnProperty.call(e,s)&&m(n,e,s);return j(n,e),n},b=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageAMQPReferences=void 0;const r=require("react/jsx-runtime"),d=y(require("react")),M=require("react-router-dom"),c=require("@redocly/theme"),x=require("jotai"),g=b(require("styled-components")),q=require("@redocly/openapi-docs"),P=require("../utils"),h=require("./ChannelLinkItem"),O=require("./../jotai-store/app");exports.MessageAMQPReferences=d.default.memo(({messageKey:e})=>{const n=(0,x.useAtomValue)(O.definitionAtom),s=(0,M.useLocation)(),a=(0,c.useActiveSectionId)(s,!0),t=(0,d.useMemo)(()=>{var i,l;const u={exchanges:[],queues:[]};if(!n.channels)return u;for(const[v,o]of Object.entries(n.channels))if(o.messages&&o.messages[e]){const f=Object.assign(Object.assign({},o),{key:v});((l=(i=o.bindings)===null||i===void 0?void 0:i.amqp)===null||l===void 0?void 0:l.is)==="routingKey"?u.exchanges.push(f):u.queues.push(f)}return u},[e,n]),p=(0,d.useMemo)(()=>(0,P.generateMessageReferencesHeader)(t),[t]);return(0,r.jsxs)(A,{className:"panel-messages-samples",header:()=>(0,r.jsx)(c.PanelHeader,{isExpandable:!1,children:p}),"data-component-name":"MessageAMQPReferences/MessageAMQPReferences",children:[!!t.exchanges.length&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(_,{children:"Exchanges"}),t.exchanges.map(i=>(0,r.jsx)(h.ChannelLinkItem,{channel:i,isActive:a.endsWith(i.key)},i.key))]}),!!t.queues.length&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(_,{children:"Queues"}),t.queues.map(i=>(0,r.jsx)(h.ChannelLinkItem,{channel:i,isActive:a.endsWith(i.key)},i.key))]})]})});const _=(0,g.default)(c.Typography)`
+"use strict";var m=exports&&exports.__createBinding||(Object.create?(function(e,n,s,a){a===void 0&&(a=s);var t=Object.getOwnPropertyDescriptor(n,s);(!t||("get"in t?!n.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return n[s]}}),Object.defineProperty(e,a,t)}):(function(e,n,s,a){a===void 0&&(a=s),e[a]=n[s]})),j=exports&&exports.__setModuleDefault||(Object.create?(function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}):function(e,n){e.default=n}),y=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var s in e)s!=="default"&&Object.prototype.hasOwnProperty.call(e,s)&&m(n,e,s);return j(n,e),n},b=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MessageAMQPReferences=void 0;const r=require("react/jsx-runtime"),d=y(require("react")),M=require("react-router-dom"),c=require("@redocly/theme"),x=require("jotai"),g=b(require("styled-components")),q=require("@redocly/openapi-docs"),P=require("../utils"),h=require("./ChannelLinkItem"),O=require("./../jotai-store/app");exports.MessageAMQPReferences=d.default.memo(({messageKey:e})=>{const n=(0,x.useAtomValue)(O.definitionAtom),s=(0,M.useLocation)(),a=(0,c.useActiveSectionId)(s,!0),t=(0,d.useMemo)(()=>{var i,l;const u={exchanges:[],queues:[]};if(!n.channels)return u;for(const[v,o]of Object.entries(n.channels))if(o.messages&&o.messages[e]){const f=Object.assign(Object.assign({},o),{key:v});((l=(i=o.bindings)===null||i===void 0?void 0:i.amqp)===null||l===void 0?void 0:l.is)==="routingKey"?u.exchanges.push(f):u.queues.push(f)}return u},[e,n]),p=(0,d.useMemo)(()=>(0,P.generateMessageReferencesHeader)(t),[t]);return(0,r.jsxs)(A,{className:"panel-messages-samples",header:()=>(0,r.jsx)(c.PanelHeader,{isExpandable:!1,children:p}),"data-component-name":"MessageAMQPReferences/MessageAMQPReferences",children:[!!t.exchanges.length&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(_,{children:"Exchanges"}),t.exchanges.map(i=>(0,r.jsx)(h.ChannelLinkItem,{channel:i,isActive:a.endsWith(i.key)},i.key))]}),!!t.queues.length&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(_,{children:"Queues"}),t.queues.map(i=>(0,r.jsx)(h.ChannelLinkItem,{channel:i,isActive:a.endsWith(i.key)},i.key))]})]})});const _=(0,g.default)(c.Typography)`
   font-weight: var(--font-weight-semibold);
   font-size: var(--font-size-sm);
   padding: var(--spacing-xxs) var(--spacing-md);

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)},[]),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`
+"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"),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)`
+"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)`

package/lib/components/RightPanel.js

@@ -1 +1 @@
-"use strict";var _=exports&&exports.__createBinding||(Object.create?function(e,t,n,i){i===void 0&&(i=n);var a=Object.getOwnPropertyDescriptor(t,n);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,a)}:function(e,t,n,i){i===void 0&&(i=n),e[i]=t[n]}),v=exports&&exports.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),f=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var n in e)n!=="default"&&Object.prototype.hasOwnProperty.call(e,n)&&_(t,e,n);return v(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanel=void 0;const r=require("react/jsx-runtime"),h=require("jotai"),s=require("@redocly/openapi-docs"),l=require("@redocly/theme"),c=f(require("react")),p=require("./ServersListPanel"),j=require("./DownloadSpecification"),P=require("../jotai-store/app"),b=require("../hooks");exports.RightPanel=c.default.memo(({info:e,servers:t})=>{const n=(0,b.useTranslate)(),i=(0,c.useMemo)(()=>Object.entries(t||{}).map(([u,d])=>({key:u,value:d})),[t]),o=(0,h.useAtomValue)(P.layoutAtom)===l.LayoutVariant.STACKED;return(0,r.jsxs)(s.RightPanelContainer,{isStacked:o,"data-component-name":"RightPanel/RightPanel",children:[(0,r.jsx)(l.Panel,{className:"panel-download",header:n("asyncapi.download.description.title","Download AsycAPI description"),isExpandable:!1,children:(0,r.jsx)(j.DownloadSpecification,{})}),(e?.license||e?.contact||e?.termsOfService)&&(0,r.jsx)(l.Panel,{className:"panel-overview",header:n("asyncapi.info.title","Overview"),isExpandable:!1,children:(0,r.jsx)(l.Markdown,{children:(0,r.jsx)(s.Overview,{info:e,translate:n})})}),!!i?.length&&(0,r.jsx)(p.ServersListPanel,{servers:i,showDetails:!0})]})});
+"use strict";var _=exports&&exports.__createBinding||(Object.create?(function(e,t,n,i){i===void 0&&(i=n);var a=Object.getOwnPropertyDescriptor(t,n);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,a)}):(function(e,t,n,i){i===void 0&&(i=n),e[i]=t[n]})),v=exports&&exports.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),f=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var n in e)n!=="default"&&Object.prototype.hasOwnProperty.call(e,n)&&_(t,e,n);return v(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanel=void 0;const r=require("react/jsx-runtime"),h=require("jotai"),s=require("@redocly/openapi-docs"),l=require("@redocly/theme"),c=f(require("react")),p=require("./ServersListPanel"),j=require("./DownloadSpecification"),P=require("../jotai-store/app"),b=require("../hooks");exports.RightPanel=c.default.memo(({info:e,servers:t})=>{const n=(0,b.useTranslate)(),i=(0,c.useMemo)(()=>Object.entries(t||{}).map(([u,d])=>({key:u,value:d})),[t]),o=(0,h.useAtomValue)(P.layoutAtom)===l.LayoutVariant.STACKED;return(0,r.jsxs)(s.RightPanelContainer,{isStacked:o,"data-component-name":"RightPanel/RightPanel",children:[(0,r.jsx)(l.Panel,{className:"panel-download",header:n("asyncapi.download.description.title","Download AsycAPI description"),isExpandable:!1,children:(0,r.jsx)(j.DownloadSpecification,{})}),(e?.license||e?.contact||e?.termsOfService)&&(0,r.jsx)(l.Panel,{className:"panel-overview",header:n("asyncapi.info.title","Overview"),isExpandable:!1,children:(0,r.jsx)(l.Markdown,{children:(0,r.jsx)(s.Overview,{info:e,translate:n})})}),!!i?.length&&(0,r.jsx)(p.ServersListPanel,{servers:i,showDetails:!0})]})});

package/lib/components/TagBlock.js

@@ -1,4 +1,4 @@
-"use strict";var C=exports&&exports.__createBinding||(Object.create?function(e,n,t,r){r===void 0&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);(!a||("get"in a?!n.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}:function(e,n,t,r){r===void 0&&(r=t),e[r]=n[t]}),D=exports&&exports.__setModuleDefault||(Object.create?function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}:function(e,n){e.default=n}),P=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t in e)t!=="default"&&Object.prototype.hasOwnProperty.call(e,t)&&C(n,e,t);return D(n,e),n},A=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagBlock=void 0;const i=require("react/jsx-runtime"),p=A(require("styled-components")),f=require("jotai"),d=require("@redocly/openapi-docs"),u=require("@redocly/theme"),y=require("react-router-dom"),_=P(require("react")),h=require("../jotai-store/app"),b=require("./common"),L=require("./ItemsNavigation"),V=require("./ChannelSection"),E=require("./MarkdownSection");exports.TagBlock=_.default.memo(({tag:e})=>{var n,t,r,a;const g=(0,f.useAtomValue)(h.layoutAtom),x=(0,f.useAtomValue)(h.routingBasePathAtom),l=(0,f.useAtomValue)(h.definitionAtom),w=(0,f.useAtomValue)(h.markdocOptionsAtom),j=(0,y.useLocation)(),k=(0,y.useNavigate)(),s=!!(!((n=e.items)===null||n===void 0)&&n.length),B=g===u.LayoutVariant.STACKED,c=(r=(t=l?.components)===null||t===void 0?void 0:t.tags)===null||r===void 0?void 0:r[e.label],M=(0,_.useMemo)(()=>{var o,m;return s?(m=(o=l?.channels)===null||o===void 0?void 0:o[e.items[0].id])===null||m===void 0?void 0:m.bindings:void 0},[s,l?.channels,e.items]),v=(0,_.useMemo)(()=>{if(!s)return!1;const o=j.pathname;return o.endsWith(e.link||"")||e.items.some(m=>m.link&&o.toLowerCase().includes(m.link.toLowerCase()))},[s,j.pathname,e.link,e.items]),q=(0,_.useCallback)(()=>{e.link&&k(e.link)},[k,e.link]),O=(0,d.saveTextBeforeHeading)((0,d.getValueFromMdParsedExtension)(c,"description")||""),S=(0,u.combineUrls)(x,e.link);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(I,{expanded:s&&!v,sectionId:(0,u.combineUrls)(x,e.dataSectionId),children:(0,i.jsxs)(W,{expanded:v,children:[(0,i.jsxs)(d.Row,{layout:g,children:[(0,i.jsxs)(d.SamplesMiddlePanel,{fullWidth:!s,isStacked:B,children:[(0,i.jsxs)(T,{children:[e.label,(0,i.jsx)(b.ShareLink,{to:S,"aria-label":`link to ${e.label}`}),(0,i.jsx)(u.PageActions,{pageSlug:S})]}),c?.description&&(0,i.jsx)(d.Markdown,{source:O,markdocOptions:w}),c?.externalDocs&&(0,i.jsx)(b.ExternalDocumentationWrapper,{children:(0,i.jsx)(d.ExternalDocumentation,{externalDocs:c.externalDocs})})]}),s&&e.items&&(0,i.jsx)(L.ItemsNavigation,{items:e.items,firstChannelBinding:M})]}),s&&!v&&(0,i.jsx)($,{type:"button",variant:"text",size:"medium",onClick:q,children:"+ Show"})]})}),v&&((a=e.items)===null||a===void 0?void 0:a.map(o=>o.type==="channel"?(0,i.jsx)(V.ChannelSection,{item:o},o.link):o.type==="markdown"?(0,i.jsx)(b.SectionWrapper,{children:(0,i.jsx)(E.MarkdownSection,{item:o})},o.link):null))]})});const I=(0,p.default)(d.Section)`
+"use strict";var C=exports&&exports.__createBinding||(Object.create?(function(e,n,t,r){r===void 0&&(r=t);var a=Object.getOwnPropertyDescriptor(n,t);(!a||("get"in a?!n.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(e,r,a)}):(function(e,n,t,r){r===void 0&&(r=t),e[r]=n[t]})),D=exports&&exports.__setModuleDefault||(Object.create?(function(e,n){Object.defineProperty(e,"default",{enumerable:!0,value:n})}):function(e,n){e.default=n}),P=exports&&exports.__importStar||function(e){if(e&&e.__esModule)return e;var n={};if(e!=null)for(var t in e)t!=="default"&&Object.prototype.hasOwnProperty.call(e,t)&&C(n,e,t);return D(n,e),n},A=exports&&exports.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagBlock=void 0;const i=require("react/jsx-runtime"),p=A(require("styled-components")),f=require("jotai"),d=require("@redocly/openapi-docs"),u=require("@redocly/theme"),y=require("react-router-dom"),_=P(require("react")),h=require("../jotai-store/app"),b=require("./common"),L=require("./ItemsNavigation"),V=require("./ChannelSection"),E=require("./MarkdownSection");exports.TagBlock=_.default.memo(({tag:e})=>{var n,t,r,a;const g=(0,f.useAtomValue)(h.layoutAtom),x=(0,f.useAtomValue)(h.routingBasePathAtom),l=(0,f.useAtomValue)(h.definitionAtom),w=(0,f.useAtomValue)(h.markdocOptionsAtom),j=(0,y.useLocation)(),k=(0,y.useNavigate)(),s=!!(!((n=e.items)===null||n===void 0)&&n.length),B=g===u.LayoutVariant.STACKED,c=(r=(t=l?.components)===null||t===void 0?void 0:t.tags)===null||r===void 0?void 0:r[e.label],M=(0,_.useMemo)(()=>{var o,m;return s?(m=(o=l?.channels)===null||o===void 0?void 0:o[e.items[0].id])===null||m===void 0?void 0:m.bindings:void 0},[s,l?.channels,e.items]),v=(0,_.useMemo)(()=>{if(!s)return!1;const o=j.pathname;return o.endsWith(e.link||"")||e.items.some(m=>m.link&&o.toLowerCase().includes(m.link.toLowerCase()))},[s,j.pathname,e.link,e.items]),q=(0,_.useCallback)(()=>{e.link&&k(e.link)},[k,e.link]),O=(0,d.saveTextBeforeHeading)((0,d.getValueFromMdParsedExtension)(c,"description")||""),S=(0,u.combineUrls)(x,e.link);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(I,{expanded:s&&!v,sectionId:(0,u.combineUrls)(x,e.dataSectionId),children:(0,i.jsxs)(W,{expanded:v,children:[(0,i.jsxs)(d.Row,{layout:g,children:[(0,i.jsxs)(d.SamplesMiddlePanel,{fullWidth:!s,isStacked:B,children:[(0,i.jsxs)(T,{children:[e.label,(0,i.jsx)(b.ShareLink,{to:S,"aria-label":`link to ${e.label}`}),(0,i.jsx)(u.PageActions,{pageSlug:S})]}),c?.description&&(0,i.jsx)(d.Markdown,{source:O,markdocOptions:w}),c?.externalDocs&&(0,i.jsx)(b.ExternalDocumentationWrapper,{children:(0,i.jsx)(d.ExternalDocumentation,{externalDocs:c.externalDocs})})]}),s&&e.items&&(0,i.jsx)(L.ItemsNavigation,{items:e.items,firstChannelBinding:M})]}),s&&!v&&(0,i.jsx)($,{type:"button",variant:"text",size:"medium",onClick:q,children:"+ Show"})]})}),v&&((a=e.items)===null||a===void 0?void 0:a.map(o=>o.type==="channel"?(0,i.jsx)(V.ChannelSection,{item:o},o.link):o.type==="markdown"?(0,i.jsx)(b.SectionWrapper,{children:(0,i.jsx)(E.MarkdownSection,{item:o})},o.link):null))]})});const I=(0,p.default)(d.Section)`
   scroll-margin-top: calc(var(--navbar-height)) !important;
 `,W=p.default.div`
   padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};

package/lib/components/common/Link.js

@@ -1,4 +1,4 @@
-"use strict";var d=exports&&exports.__createBinding||(Object.create?function(i,e,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(e,t);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(i,n,r)}:function(i,e,t,n){n===void 0&&(n=t),i[n]=e[t]}),f=exports&&exports.__setModuleDefault||(Object.create?function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}:function(i,e){i.default=e}),h=exports&&exports.__importStar||function(i){if(i&&i.__esModule)return i;var e={};if(i!=null)for(var t in i)t!=="default"&&Object.prototype.hasOwnProperty.call(i,t)&&d(e,i,t);return f(e,i),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinkToField=void 0,exports.ShareLink=s;const c=require("react/jsx-runtime"),a=h(require("styled-components")),l=require("react-router-dom"),o=require("@redocly/theme"),_=require("../../utils");function b(i){const e=i.to;return(0,c.jsx)(l.Link,{"aria-label":i["aria-label"]||`link to ${e}`,id:(0,_.tryDecodeURIComponent)(i.id||""),className:i.className||"",to:e,children:i.children})}function s(i){return(0,c.jsx)(L,Object.assign({},i,{children:(0,c.jsx)(o.LinkIcon,{size:"13px",color:"--heading-anchor-color"})}))}const v=({to:i,className:e})=>{const t=i,n=(0,l.useLocation)(),r=t?.split("#")[1],u=n?n.hash===`#${r}`:!1;return(0,c.jsx)(y,{ariaLabel:`link to ${t}`,className:e,isActive:u,to:t||"",id:r})};exports.LinkToField=v;const y=(0,a.default)(s)`
+"use strict";var d=exports&&exports.__createBinding||(Object.create?(function(i,e,t,n){n===void 0&&(n=t);var r=Object.getOwnPropertyDescriptor(e,t);(!r||("get"in r?!e.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(i,n,r)}):(function(i,e,t,n){n===void 0&&(n=t),i[n]=e[t]})),f=exports&&exports.__setModuleDefault||(Object.create?(function(i,e){Object.defineProperty(i,"default",{enumerable:!0,value:e})}):function(i,e){i.default=e}),h=exports&&exports.__importStar||function(i){if(i&&i.__esModule)return i;var e={};if(i!=null)for(var t in i)t!=="default"&&Object.prototype.hasOwnProperty.call(i,t)&&d(e,i,t);return f(e,i),e};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LinkToField=void 0,exports.ShareLink=s;const c=require("react/jsx-runtime"),a=h(require("styled-components")),l=require("react-router-dom"),o=require("@redocly/theme"),_=require("../../utils");function b(i){const e=i.to;return(0,c.jsx)(l.Link,{"aria-label":i["aria-label"]||`link to ${e}`,id:(0,_.tryDecodeURIComponent)(i.id||""),className:i.className||"",to:e,children:i.children})}function s(i){return(0,c.jsx)(L,Object.assign({},i,{children:(0,c.jsx)(o.LinkIcon,{size:"13px",color:"--heading-anchor-color"})}))}const v=({to:i,className:e})=>{const t=i,n=(0,l.useLocation)(),r=t?.split("#")[1],u=n?n.hash===`#${r}`:!1;return(0,c.jsx)(y,{ariaLabel:`link to ${t}`,className:e,isActive:u,to:t||"",id:r})};exports.LinkToField=v;const y=(0,a.default)(s)`
   display: flex;
   ${o.LinkIcon} {
     visibility: hidden;

package/lib/index.js

@@ -1 +1 @@
-"use strict";var u=exports&&exports.__createBinding||(Object.create?function(i,n,e,r){r===void 0&&(r=e);var t=Object.getOwnPropertyDescriptor(n,e);(!t||("get"in t?!n.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(i,r,t)}:function(i,n,e,r){r===void 0&&(r=e),i[r]=n[e]}),c=exports&&exports.__exportStar||function(i,n){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&u(n,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.findFirstBinding=exports.buildMenuItems=exports.RedoclyAsyncAPIDocs=void 0;var d=require("./RedoclyAsyncAPIDocs");Object.defineProperty(exports,"RedoclyAsyncAPIDocs",{enumerable:!0,get:function(){return d.RedoclyAsyncAPIDocs}}),c(require("./types"),exports);var o=require("./utils/build-menu-items");Object.defineProperty(exports,"buildMenuItems",{enumerable:!0,get:function(){return o.buildMenuItems}});var f=require("./utils/find-first-binding");Object.defineProperty(exports,"findFirstBinding",{enumerable:!0,get:function(){return f.findFirstBinding}});
+"use strict";var u=exports&&exports.__createBinding||(Object.create?(function(i,n,e,r){r===void 0&&(r=e);var t=Object.getOwnPropertyDescriptor(n,e);(!t||("get"in t?!n.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return n[e]}}),Object.defineProperty(i,r,t)}):(function(i,n,e,r){r===void 0&&(r=e),i[r]=n[e]})),c=exports&&exports.__exportStar||function(i,n){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(n,e)&&u(n,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.findFirstBinding=exports.buildMenuItems=exports.RedoclyAsyncAPIDocs=void 0;var d=require("./RedoclyAsyncAPIDocs");Object.defineProperty(exports,"RedoclyAsyncAPIDocs",{enumerable:!0,get:function(){return d.RedoclyAsyncAPIDocs}}),c(require("./types"),exports);var o=require("./utils/build-menu-items");Object.defineProperty(exports,"buildMenuItems",{enumerable:!0,get:function(){return o.buildMenuItems}});var f=require("./utils/find-first-binding");Object.defineProperty(exports,"findFirstBinding",{enumerable:!0,get:function(){return f.findFirstBinding}});

package/lib/types/async-api.d.ts

@@ -1,4 +1,4 @@
-import type { ENTITY_RELATION_TYPES } from '@redocly/theme';
+import type { ENTITY_RELATION_TYPES } from '@redocly/config';
 import type { Node } from '@markdoc/markdoc';
 import type { ResolvedNavItem, REDOCLY_TEAMS_RBAC } from '@redocly/config';
 import type { JSONSchema7 } from 'json-schema';

package/lib/types/index.js

@@ -1 +1 @@
-"use strict";var c=exports&&exports.__createBinding||(Object.create?function(i,r,e,t){t===void 0&&(t=e);var n=Object.getOwnPropertyDescriptor(r,e);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(i,t,n)}:function(i,r,e,t){t===void 0&&(t=e),i[t]=r[e]}),u=exports&&exports.__exportStar||function(i,r){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&c(r,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),u(require("./async-api"),exports),u(require("./apiItem"),exports),u(require("./protocol"),exports);
+"use strict";var c=exports&&exports.__createBinding||(Object.create?(function(i,r,e,t){t===void 0&&(t=e);var n=Object.getOwnPropertyDescriptor(r,e);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(i,t,n)}):(function(i,r,e,t){t===void 0&&(t=e),i[t]=r[e]})),u=exports&&exports.__exportStar||function(i,r){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&c(r,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),u(require("./async-api"),exports),u(require("./apiItem"),exports),u(require("./protocol"),exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/asyncapi-docs",
-  "version": "1.3.0-next.0",
+  "version": "1.3.0-next.10",
   "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.29.0",
-    "@redocly/openapi-docs": "3.14.0-next.0",
-    "@redocly/theme": "0.58.0-next.0"
+    "@redocly/config": "0.34.0",
+    "@redocly/openapi-docs": "3.14.0-next.10",
+    "@redocly/theme": "0.58.0-next.7"
   },
   "peerDependencies": {
     "react": "^19.1.0"