@redocly/asyncapi-docs 1.9.0-next.2 → 1.9.0-next.3

package/lib/RedoclyAsyncAPIDocs.d.ts

@@ -12,6 +12,11 @@ type RedoclyAsyncAPIDocsProps = {
     protocol: ProtocolVariant;
     downloadUrls: DownloadUrls[];
     markdocOptions: any;
+    telemetryConfig?: {
+        collectorUrl?: string;
+        disabled?: boolean;
+        serviceVersion?: string;
+    };
 };
-export declare const RedoclyAsyncAPIDocs: import("react").MemoExoticComponent<({ pageProps, document, apiItems, routingBasePath, protocol, downloadUrls, markdocOptions, }: RedoclyAsyncAPIDocsProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const RedoclyAsyncAPIDocs: import("react").MemoExoticComponent<({ pageProps, document, apiItems, routingBasePath, protocol, downloadUrls, markdocOptions, telemetryConfig, }: RedoclyAsyncAPIDocsProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/lib/RedoclyAsyncAPIDocs.js

@@ -1 +1 @@
-import{jsx as e,jsxs as f}from"react/jsx-runtime";import{useMemo as b,memo as M}from"react";import{IS_BROWSER as x}from"@redocly/theme/core/utils";import{useMount as D}from"@redocly/theme/core/hooks";import{AppProvider as l}from"./jotai-store/Provider.js";import{AsyncApiDocs as u}from"./components/AsyncApiDocs.js";import{Breadcrumbs as y}from"./components/Breadcrumbs.js";import{AppRouter as O}from"./components/AppRouter.js";import{useTelemetry as R,usePerformanceMetrics as _}from"./hooks/index.js";const C=M(({pageProps:s,document:r,apiItems:i,routingBasePath:c,protocol:o,downloadUrls:m,markdocOptions:p})=>{const n=R(),a=b(()=>({layout:s.apiOptions.layout,protocol:o,routingBasePath:c,downloadUrls:m,definition:r,markdocOptions:p}),[s.apiOptions.layout,o,c,m,r,p]);return _({sendTelemetry:d=>{const t=Object.fromEntries(Object.entries(d).map(([j,A])=>[j.toLowerCase(),A]));n.sendAsyncapiDocsPerformanceMetricsMessage([{object:"metrics",cls:t.cls,lcp:t.lcp,fcp:t.fcp,ttfb:t.ttfb}])}}),D(()=>{n.sendAsyncapiDocsViewedMessage([{object:"view_stats",layout:s.apiOptions.layout,protocol:o||"default"}])}),x?e(l,{store:a,children:f(O,{children:[e(y,{}),e(u,{apiItems:i})]})}):f(l,{store:a,children:[e(y,{}),e(u,{apiItems:i})]})});export{C as RedoclyAsyncAPIDocs};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useMemo as d,memo as A}from"react";import{RedocTelemetry as M}from"@redocly/openapi-docs";import{IS_BROWSER as O}from"@redocly/theme/core/utils";import{useMount as R}from"@redocly/theme/core/hooks";import{AppProvider as u}from"./jotai-store/Provider.js";import{AsyncApiDocs as y}from"./components/AsyncApiDocs.js";import{Breadcrumbs as w}from"./components/Breadcrumbs.js";import{AppRouter as v}from"./components/AppRouter.js";import{usePerformanceMetrics as T}from"./hooks/index.js";import{TelemetryContext as D}from"./contexts/telemetry.js";const g=A(({pageProps:t,document:s,apiItems:c,routingBasePath:m,protocol:r,downloadUrls:n,markdocOptions:p,telemetryConfig:a})=>{const i=d(()=>new M(Object.assign({specType:"asyncapi",serviceName:"realm-ui"},a)),[a]),f=d(()=>({layout:t.apiOptions.layout,protocol:r,routingBasePath:m,downloadUrls:n,definition:s,markdocOptions:p}),[t.apiOptions.layout,r,m,n,s,p]);T({sendTelemetry:b=>{const o=Object.fromEntries(Object.entries(b).map(([h,x])=>[h.toLowerCase(),x]));i.sendPerformanceMetricsMessage([{id:"metrics",object:"metrics",uri:typeof window<"u"?window.location.href:"",cls:o.cls,lcp:o.lcp,fcp:o.fcp,ttfb:o.ttfb}])}}),R(()=>{i.sendViewedMessage([{id:window.location.href,object:"page",uri:window.location.href,layout:t.apiOptions.layout,protocol:r||"default"}])});const j=O?e(u,{store:f,children:l(v,{children:[e(w,{}),e(y,{apiItems:c})]})}):l(u,{store:f,children:[e(w,{}),e(y,{apiItems:c})]});return e(D.Provider,{value:i,children:j})});export{g as RedoclyAsyncAPIDocs};

package/lib/components/ChannelLinkItem.js

@@ -1,10 +1,10 @@
-import{jsx as o,jsxs as a}from"react/jsx-runtime";import{useMemo as c}from"react";import{Link as l}from"react-router-dom";import i from"styled-components";import{generateChannelLink as d}from"../utils/index.js";import{ListIcon as m}from"./common/ListIcon.js";import{useTelemetry as p}from"../hooks/index.js";const j=({channel:r,isActive:e})=>{const n=c(()=>d(r),[r]),t=p(),s=()=>{t.sendAsyncapiDocsReferencedInClickedMessage([{id:"asyncapi-docs-channel-link",object:"link",uri:`${window.location.href}#asyncapi-docs-channel-link`,referencedIn:r.title||r.address||r.key}])};return a(k,{children:[o(m,{size:"22px",color:e?"var(--color-info-border)":"var(--border-color-primary)",style:{marginRight:"var(--spacing-xs)",flexShrink:0}}),o(v,{to:n,onClick:s,children:r.title||r.address||r.key})]})},k=i.div`
+import{jsx as o,jsxs as a}from"react/jsx-runtime";import{useMemo as l}from"react";import{Link as c}from"react-router-dom";import i from"styled-components";import{generateChannelLink as d}from"../utils/index.js";import{ListIcon as m}from"./common/ListIcon.js";import{useTelemetry as k}from"../hooks/index.js";const j=({channel:r,isActive:e})=>{const n=l(()=>d(r),[r]),t=k(),s=()=>{t.sendReferencedInClickedMessage([{id:"asyncapi-docs-channel-link",object:"link",uri:`${window.location.href}#asyncapi-docs-channel-link`,referencedIn:r.title||r.address||r.key}])};return a(p,{children:[o(m,{size:"22px",color:e?"var(--color-info-border)":"var(--border-color-primary)",style:{marginRight:"var(--spacing-xs)",flexShrink:0}}),o(v,{to:n,onClick:s,children:r.title||r.address||r.key})]})},p=i.div`
   padding: var(--spacing-xxs) var(--spacing-md);
   display: flex;
   align-items: center;
   font-size: var(--font-size-md);
   cursor: pointer;
-`,v=i(l)`
+`,v=i(c)`
   text-decoration: var(--link-decoration);
   color: var(--link-color-primary);
   font-weight: var(--link-font-weight);

package/lib/components/DownloadSpecification.js

@@ -1,4 +1,4 @@
-import{jsx as o,Fragment as d,jsxs as a}from"react/jsx-runtime";import{memo as m,useCallback as p}from"react";import r from"styled-components";import{useDownloadInfo as f}from"@redocly/openapi-docs";import{useAtomValue as w}from"jotai";import{DocumentIcon as x}from"@redocly/theme/icons/DocumentIcon/DocumentIcon";import{JsonIcon as u}from"@redocly/theme/icons/JsonIcon/JsonIcon";import{FileIcon as b}from"@redocly/theme/icons/FileIcon/FileIcon";import{DownloadButton as g}from"@redocly/theme/components/Buttons/DownloadButton";import{downloadUrlsAtom as y}from"../jotai-store/app.js";import{useTelemetry as h}from"../hooks/index.js";function v(){const i=h(),s=w(y),t=f({downloadUrls:s}),l=p(e=>{switch(e){case"yaml":return o(x,{});case"json":return o(u,{});default:return o(b,{})}},[]);return t?o(k,{children:(t||[]).map(({title:e,url:n,iconType:c})=>a(j,{onClick:()=>i.sendAsyncapiDocsDownloadDefinitionClickedMessage(),children:[a(D,{children:[l(c),o("a",{href:n,target:"_blank",download:!0,rel:"noreferrer",children:e})]}),o(g,{data:n})]},e))}):o(d,{})}const N=m(v),j=r.div`
+import{jsx as o,Fragment as c,jsxs as i}from"react/jsx-runtime";import{memo as m,useCallback as p}from"react";import r from"styled-components";import{useDownloadInfo as f}from"@redocly/openapi-docs";import{useAtomValue as w}from"jotai";import{transformStringToTelemetryId as g}from"@redocly/openapi-docs/lib/utils/helpers.js";import{DocumentIcon as x}from"@redocly/theme/icons/DocumentIcon/DocumentIcon";import{JsonIcon as b}from"@redocly/theme/icons/JsonIcon/JsonIcon";import{FileIcon as u}from"@redocly/theme/icons/FileIcon/FileIcon";import{DownloadButton as h}from"@redocly/theme/components/Buttons/DownloadButton";import{downloadUrlsAtom as y}from"../jotai-store/app.js";import{useTelemetry as v}from"../hooks/index.js";function j(){const a=v(),s=w(y),t=f({downloadUrls:s}),l=p(e=>{switch(e){case"yaml":return o(x,{});case"json":return o(b,{});default:return o(u,{})}},[]);return t?o(I,{children:(t||[]).map(({title:e,url:n,iconType:d})=>i(k,{onClick:()=>{a.sendDownloadDefinitionClickedMessage([{id:g("definition",window.location.hostname,e),object:"definition",uri:new URL(n,window.location.origin).href}])},children:[i(D,{children:[l(d),o("a",{href:n,target:"_blank",download:!0,rel:"noreferrer",children:e})]}),o(h,{data:n})]},e))}):o(c,{})}const N=m(j),k=r.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -28,7 +28,7 @@ import{jsx as o,Fragment as d,jsxs as a}from"react/jsx-runtime";import{memo as m
     overflow: hidden;
     white-space: nowrap;
   }
-`,k=r.div`
+`,I=r.div`
   display: flex;
   align-items: center;
   align-self: flex-start;

package/lib/components/MessageSection.js

@@ -1,10 +1,10 @@
-import{jsx as a,jsxs as i}from"react/jsx-runtime";import f from"styled-components";import{useAtomValue as b}from"jotai";import{useLocation as V}from"react-router-dom";import{Row as I,SamplesMiddlePanel as O,OperationSamplesPanel as q,Dropdown as G,makeDeepLink as j,pathIncludesLink as C}from"@redocly/openapi-docs";import{LayoutVariant as U}from"@redocly/config";import{useEffect as D,useMemo as c,useRef as J,useState as w,useCallback as A,memo as Q}from"react";import*as X from"openapi-sampler";import{H4 as Y}from"@redocly/theme/components/Typography/H4";import{Typography as Z}from"@redocly/theme/components/Typography/Typography";import{Segmented as ee}from"@redocly/theme/components/Segmented/Segmented";import{LinkIcon as R}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{combineUrls as $}from"@redocly/theme/core/openapi";import{SamplesPanel as oe}from"./SamplesPanel.js";import{MessageBinding as ne}from"./MessageBinding.js";import{MessageReferences as te}from"./MessageReferences.js";import{layoutAtom as ae,routingBasePathAtom as se,definitionAtom as ie}from"../jotai-store/app.js";import{Message as le}from"./Message.js";import{getSchema as re,modifyPayload as ce}from"../utils/index.js";import{LinkToField as B}from"./common/index.js";import{useTelemetry as de}from"../hooks/index.js";const me=3,De=Q(({messages:s,id:r})=>{var v;const d=V(),z=c(()=>s.find(e=>C(d,`m=${e.key}`))||s[0],[s,d]),[n,P]=w(z),[g,y]=w(n.value.payload),H=A(e=>{const o=ce(g,e);o&&y(o)},[]),l=b(ie),F=A(()=>{var e;return n.value.examples||[{payload:X.sample(Object.assign({},re(g)),{},!((e=l?.components)===null||e===void 0)&&e.schemas?{components:{schemas:l.components.schemas}}:void 0)}]},[g,n.value.examples,(v=l?.components)===null||v===void 0?void 0:v.schemas]),h=b(ae),m=b(se),k=h===U.STACKED,p=c(()=>s.map(e=>({label:e.value.title||e.value.name||e.key,value:e.key})),[s]),[S,K]=w(!1),M=J(null),x=de();D(()=>{var e;const o=s.find(t=>C(d,`m=${t.key}`));o&&(P(o),!((e=o?.value)===null||e===void 0)&&e.payload&&y(o.value.payload))},[d,s]);const L=A(({value:e})=>{var o;const t=s.find(u=>u.key===e);t&&(x.sendAsyncapiDocsSwitchMessageClickedMessage([{object:"switch_message",message:t.key}]),P(t),!((o=t?.value)===null||o===void 0)&&o.payload&&y(t.value.payload))},[s,x]),T=c(()=>Object.entries(n.value.bindings||{}).map(([e,o])=>({key:e,value:o})),[n.value.bindings]),_=c(()=>$(m,j(r,`messages&m=${n.key}`)),[r,m,n.key]);D(()=>{if(!M.current)return;const e=()=>{var o;const t=(o=M.current)===null||o===void 0?void 0:o.querySelectorAll('button[role="tab"]'),u=Array.from(t||[]).some(E=>E.offsetWidth<E.scrollWidth);u!==S&&K(u)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[S,p]);const N=c(()=>$(m,j(r,"messages")),[r,m]);return i(pe,{"data-component-name":"MessageSection/MessageSection",children:[a(I,{layout:h,children:i(O,{isStacked:k,children:[i(ue,{children:[a(B,{to:N}),"Messages"]}),s.length>1?i(W,{children:["Accepts ",a("span",{children:"one of"})," the following messages:"]}):a(W,{children:"Accepts the following message:"})]})}),i(I,{layout:h,children:[i(O,{isStacked:k,children:[i(fe,{children:[a(B,{to:_}),p.length>me||S?a(G,{options:p,value:n.key,onChange:L}):a(ee,{ref:M,size:"small",value:n.key,options:p,onChange:L})]}),a(le,{message:n.value,sectionId:r,id:n.key,onOneOfChange:H})]}),i(q,{isStacked:k,className:"panel-container-response-samples",children:[a(oe,{examples:F()}),!!T.length&&a(ne,{binding:T[0],slug:_}),a(te,{messageKey:n.key})]})]})]})}),pe=f.div`
+import{jsx as a,jsxs as s}from"react/jsx-runtime";import f from"styled-components";import{useAtomValue as b}from"jotai";import{useLocation as V}from"react-router-dom";import{Row as I,SamplesMiddlePanel as O,OperationSamplesPanel as q,Dropdown as G,makeDeepLink as j,pathIncludesLink as C}from"@redocly/openapi-docs";import{LayoutVariant as U}from"@redocly/config";import{useEffect as $,useMemo as c,useRef as J,useState as w,useCallback as P,memo as Q}from"react";import*as X from"openapi-sampler";import{H4 as Y}from"@redocly/theme/components/Typography/H4";import{Typography as Z}from"@redocly/theme/components/Typography/Typography";import{Segmented as ee}from"@redocly/theme/components/Segmented/Segmented";import{LinkIcon as D}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{combineUrls as R}from"@redocly/theme/core/openapi";import{SamplesPanel as oe}from"./SamplesPanel.js";import{MessageBinding as ne}from"./MessageBinding.js";import{MessageReferences as te}from"./MessageReferences.js";import{layoutAtom as ae,routingBasePathAtom as ie,definitionAtom as se}from"../jotai-store/app.js";import{Message as le}from"./Message.js";import{getSchema as re,modifyPayload as ce}from"../utils/index.js";import{LinkToField as B}from"./common/index.js";import{useTelemetry as de}from"../hooks/index.js";const me=3,$e=Q(({messages:i,id:r})=>{var v;const d=V(),z=c(()=>i.find(e=>C(d,`m=${e.key}`))||i[0],[i,d]),[n,x]=w(z),[g,y]=w(n.value.payload),H=P(e=>{const o=ce(g,e);o&&y(o)},[]),l=b(se),F=P(()=>{var e;return n.value.examples||[{payload:X.sample(Object.assign({},re(g)),{},!((e=l?.components)===null||e===void 0)&&e.schemas?{components:{schemas:l.components.schemas}}:void 0)}]},[g,n.value.examples,(v=l?.components)===null||v===void 0?void 0:v.schemas]),h=b(ae),m=b(ie),k=h===U.STACKED,p=c(()=>i.map(e=>({label:e.value.title||e.value.name||e.key,value:e.key})),[i]),[S,K]=w(!1),M=J(null),A=de();$(()=>{var e;const o=i.find(t=>C(d,`m=${t.key}`));o&&(x(o),!((e=o?.value)===null||e===void 0)&&e.payload&&y(o.value.payload))},[d,i]);const L=P(({value:e})=>{var o;const t=i.find(u=>u.key===e);t&&(A.sendSwitchMessageClickedMessage([{id:`button_message_${t.key}`,object:"button",uri:window.location.href,message:t.key}]),x(t),!((o=t?.value)===null||o===void 0)&&o.payload&&y(t.value.payload))},[i,A]),_=c(()=>Object.entries(n.value.bindings||{}).map(([e,o])=>({key:e,value:o})),[n.value.bindings]),T=c(()=>R(m,j(r,`messages&m=${n.key}`)),[r,m,n.key]);$(()=>{if(!M.current)return;const e=()=>{var o;const t=(o=M.current)===null||o===void 0?void 0:o.querySelectorAll('button[role="tab"]'),u=Array.from(t||[]).some(E=>E.offsetWidth<E.scrollWidth);u!==S&&K(u)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[S,p]);const N=c(()=>R(m,j(r,"messages")),[r,m]);return s(pe,{"data-component-name":"MessageSection/MessageSection",children:[a(I,{layout:h,children:s(O,{isStacked:k,children:[s(ue,{children:[a(B,{to:N}),"Messages"]}),i.length>1?s(W,{children:["Accepts ",a("span",{children:"one of"})," the following messages:"]}):a(W,{children:"Accepts the following message:"})]})}),s(I,{layout:h,children:[s(O,{isStacked:k,children:[s(fe,{children:[a(B,{to:T}),p.length>me||S?a(G,{options:p,value:n.key,onChange:L}):a(ee,{ref:M,size:"small",value:n.key,options:p,onChange:L})]}),a(le,{message:n.value,sectionId:r,id:n.key,onOneOfChange:H})]}),s(q,{isStacked:k,className:"panel-container-response-samples",children:[a(oe,{examples:F()}),!!_.length&&a(ne,{binding:_[0],slug:T}),a(te,{messageKey:n.key})]})]})]})}),pe=f.div`
   padding: var(--spacing-xl) 0 0 0;
 `,ue=f(Y)`
   margin: 0 0 var(--spacing-xs) 0;
   position: relative;
   :hover {
-    ${R} {
+    ${D} {
       opacity: 1;
       visibility: visible;
     }
@@ -17,9 +17,9 @@ import{jsx as a,jsxs as i}from"react/jsx-runtime";import f from"styled-component
 `,fe=f.div`
   position: relative;
   :hover {
-    ${R} {
+    ${D} {
       opacity: 1;
       visibility: visible;
     }
   }
-`;export{De as MessageSection};
+`;export{$e as MessageSection};

package/lib/components/Operation.js

@@ -1,7 +1,7 @@
-import{jsx as i,jsxs as r,Fragment as f}from"react/jsx-runtime";import a from"styled-components";import{useAtomValue as u}from"jotai";import{Row as W,SamplesMiddlePanel as I,OperationSamplesPanel as R,Section as $,makeDeepLink as E,CustomBadges as F}from"@redocly/openapi-docs";import{LayoutVariant as K}from"@redocly/config";import{useMemo as O,useCallback as P,memo as N}from"react";import{useNavigate as U}from"react-router-dom";import{H4 as y}from"@redocly/theme/components/Typography/H4";import{ArrowUpRightIcon as V}from"@redocly/theme/icons/ArrowUpRightIcon/ArrowUpRightIcon";import{LinkIcon as q}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{combineUrls as C}from"@redocly/theme/core/openapi";import{PageActions as G}from"@redocly/theme/components/PageActions/PageActions";import{TagWithIcon as J,Information as Q,ActionTag as X,ShareLink as Y}from"./common/index.js";import{OperationBinding as Z}from"./OperationBinding.js";import{layoutAtom as ee,routingBasePathAtom as ie,definitionAtom as se}from"../jotai-store/app.js";import{useProtocolLabels as ne,useTelemetry as re}from"../hooks/index.js";import{isEqual as ae}from"../utils/index.js";const De=N(({operation:e,dataSectionId:t,headerRow:x,id:k,showDivider:H})=>{var c,d,m,p;const w=u(ee),g=u(ie),l=u(se),j=w===K.STACKED,{getProtocolLabel:L}=ne(),S=re(),_=O(()=>Object.entries(e?.bindings||{}).map(([s,n])=>({key:s,value:n})),[e?.bindings]),T=O(()=>{var s;return(s=e?.["x-badges"])===null||s===void 0?void 0:s.map(n=>Object.assign(Object.assign({},n),{position:n.position||"after"}))},[e]),A=U(),v=P(s=>{var n,o;return(o=Object.entries(((n=l?.components)===null||n===void 0?void 0:n.messages)||{}).find(([M,B])=>ae(B,s)))===null||o===void 0?void 0:o[0]},[(c=l?.components)===null||c===void 0?void 0:c.messages]),z=P(s=>{const n=v(s);if(!n||!t)return;const o=t.substring(1).split("/operations")[0],M=C(g,E(o,`messages&m=${n}`));S.sendAsyncapiDocsMessageClickedMessage([{object:"message",message:n}]),A(M)},[t,v,A,g,S]);if(!e)return null;const h=C(g,t);return i(f,{children:r(le,{sectionId:h,"data-component-name":"Operation/Operation",hasHeader:!!x,children:[x,r(W,{layout:w,children:[r(me,{isStacked:j,children:[r("div",{children:[r(ge,{children:[r("div",{children:[i(X,{color:e.action,children:L(e.action)}),r(D,{children:[i(F,{badges:T,children:e.title||k}),i(Y,{to:h,"aria-label":`link to ${e.title||k}`})]})]}),i(G,{pageSlug:h})]}),i(Q,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),((d=e.messages)===null||d===void 0?void 0:d.length)&&r(f,{children:[i(te,{children:"Messages"}),i(oe,{children:(m=e.messages)===null||m===void 0?void 0:m.map((s,n)=>r(pe,{icon:null,onClick:()=>z(s),children:[s.title||s.name||v(s),i(V,{size:"12px"})]},n))})]}),e.reply&&r(f,{children:[i(D,{children:"Reply"}),r(ce,{children:[e.reply.address&&r(b,{children:[i("span",{children:"Address: "}),i("span",{children:e.reply.address.location})]}),e.reply.channel&&r(b,{children:[i("span",{children:"Topic: "}),i("span",{children:e.reply.channel.address})]}),!!(!((p=e.reply.messages)===null||p===void 0)&&p.length)&&r(b,{children:[i("span",{children:"Messages: "}),i("span",{children:e.reply.messages.map(s=>s.title||s.name).join(", ")})]})]})]})]}),H&&i(de,{})]}),i(R,{isStacked:j,className:"panel-container-response-samples",children:!!_.length&&i(Z,{binding:_[0],id:t})})]})]})})}),le=a($)`
+import{jsx as i,jsxs as r,Fragment as u}from"react/jsx-runtime";import t from"styled-components";import{useAtomValue as b}from"jotai";import{Row as W,SamplesMiddlePanel as $,OperationSamplesPanel as I,Section as R,makeDeepLink as E,CustomBadges as F}from"@redocly/openapi-docs";import{LayoutVariant as K}from"@redocly/config";import{useMemo as O,useCallback as P,memo as N}from"react";import{useNavigate as U}from"react-router-dom";import{H4 as y}from"@redocly/theme/components/Typography/H4";import{ArrowUpRightIcon as V}from"@redocly/theme/icons/ArrowUpRightIcon/ArrowUpRightIcon";import{LinkIcon as q}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{combineUrls as C}from"@redocly/theme/core/openapi";import{PageActions as G}from"@redocly/theme/components/PageActions/PageActions";import{TagWithIcon as J,Information as Q,ActionTag as X,ShareLink as Y}from"./common/index.js";import{OperationBinding as Z}from"./OperationBinding.js";import{layoutAtom as ee,routingBasePathAtom as ie,definitionAtom as ne}from"../jotai-store/app.js";import{useProtocolLabels as se,useTelemetry as re}from"../hooks/index.js";import{isEqual as te}from"../utils/index.js";const He=N(({operation:e,dataSectionId:a,headerRow:w,id:k,showDivider:L})=>{var d,c,m,p;const _=b(ee),g=b(ie),l=b(ne),j=_===K.STACKED,{getProtocolLabel:T}=se(),S=re(),M=O(()=>Object.entries(e?.bindings||{}).map(([n,s])=>({key:n,value:s})),[e?.bindings]),z=O(()=>{var n;return(n=e?.["x-badges"])===null||n===void 0?void 0:n.map(s=>Object.assign(Object.assign({},s),{position:s.position||"after"}))},[e]),A=U(),v=P(n=>{var s,o;return(o=Object.entries(((s=l?.components)===null||s===void 0?void 0:s.messages)||{}).find(([f,D])=>te(D,n)))===null||o===void 0?void 0:o[0]},[(d=l?.components)===null||d===void 0?void 0:d.messages]),B=P(n=>{const s=v(n);if(!s||!a)return;const o=a.substring(1).split("/operations")[0],f=C(g,E(o,`messages&m=${s}`));S.sendMessageClickedMessage([{id:`button_message_${s}`,object:"button",uri:typeof window<"u"?window.location.href:f,message:s}]),A(f)},[a,v,A,g,S]);if(!e)return null;const h=C(g,a);return i(u,{children:r(le,{sectionId:h,"data-component-name":"Operation/Operation",hasHeader:!!w,children:[w,r(W,{layout:_,children:[r(me,{isStacked:j,children:[r("div",{children:[r(ge,{children:[r("div",{children:[i(X,{color:e.action,children:T(e.action)}),r(H,{children:[i(F,{badges:z,children:e.title||k}),i(Y,{to:h,"aria-label":`link to ${e.title||k}`})]})]}),i(G,{pageSlug:h})]}),i(Q,{summary:e.summary,description:e.description,externalDocs:e.externalDocs}),((c=e.messages)===null||c===void 0?void 0:c.length)&&r(u,{children:[i(ae,{children:"Messages"}),i(oe,{children:(m=e.messages)===null||m===void 0?void 0:m.map((n,s)=>r(pe,{icon:null,onClick:()=>B(n),children:[n.title||n.name||v(n),i(V,{size:"12px"})]},s))})]}),e.reply&&r(u,{children:[i(H,{children:"Reply"}),r(de,{children:[e.reply.address&&r(x,{children:[i("span",{children:"Address: "}),i("span",{children:e.reply.address.location})]}),e.reply.channel&&r(x,{children:[i("span",{children:"Topic: "}),i("span",{children:e.reply.channel.address})]}),!!(!((p=e.reply.messages)===null||p===void 0)&&p.length)&&r(x,{children:[i("span",{children:"Messages: "}),i("span",{children:e.reply.messages.map(n=>n.title||n.name).join(", ")})]})]})]})]}),L&&i(ce,{})]}),i(I,{isStacked:j,className:"panel-container-response-samples",children:!!M.length&&i(Z,{binding:M[0],id:a})})]})]})})}),le=t(R)`
   padding: var(--spacing-lg) 0;
   scroll-margin-top: ${e=>e.hasHeader?"calc(var(--navbar-height) + var(--banner-height) - var(--spacing-xl)*2)":"calc(var(--navbar-height) + var(--banner-height))"} !important;
-`,D=a(y)`
+`,H=t(y)`
   font-size: var(--font-size-lg);
   font-weight: var(--font-weight-semibold);
   margin: 0 0 var(--spacing-xxs) 0;
@@ -17,32 +17,32 @@ import{jsx as i,jsxs as r,Fragment as f}from"react/jsx-runtime";import a from"st
       visibility: visible;
     }
   }
-`,te=a(y)`
+`,ae=t(y)`
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-medium);
   margin: var(--spacing-sm) 0 0 0;
-`,oe=a.div`
+`,oe=t.div`
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--spacing-xs);
   padding: var(--spacing-xs) 0;
-`,ce=a.div`
+`,de=t.div`
   display: flex;
   flex-direction: column;
   padding: var(--spacing-xs) 0;
-`,b=a(y)`
+`,x=t(y)`
   & > span:first-child {
     font-weight: var(--font-weight-medium);
   }
-`,de=a.div`
+`,ce=t.div`
   border-bottom: 1px solid var(--border-color-secondary);
-`,me=a(I)`
+`,me=t($)`
   display: flex;
   justify-content: space-between;
-`,pe=a(J)`
+`,pe=t(J)`
   cursor: pointer;
-`,ge=a.div`
+`,ge=t.div`
   display: flex;
   align-items: center;
-`;export{De as Operation};
+`;export{He as Operation};

package/lib/components/SamplesPanel.js

@@ -1,8 +1,8 @@
-import{jsx as s,jsxs as p}from"react/jsx-runtime";import r from"styled-components";import{ExampleSwitch as f}from"@redocly/openapi-docs";import{useEffect as h,useMemo as g,useState as u}from"react";import{JsonViewer as v}from"@redocly/theme/components/JsonViewer/JsonViewer";import{Panel as E}from"@redocly/theme/components/Panel/Panel";import{PanelBody as x}from"@redocly/theme/components/Panel/PanelBody";import{PanelHeader as y}from"@redocly/theme/components/Panel/PanelHeader";import{useProtocolLabels as P,useTelemetry as b}from"../hooks/index.js";const $=({examples:e})=>{const[o,a]=u(e[0]),{getProtocolLabel:i}=P(),d=b();h(()=>{a(e[0])},[e,a]);const m=t=>{const n=e?.find(l=>l.name===t);n&&(a(n),d.sendAsyncapiDocsSwitchExampleClickedMessage([{object:"switch_example",example:t,numberOfExamples:e.length}]))},c=g(()=>e?.reduce((t,n,l)=>(t[n.name||`Example ${l+1}`]=Object.assign({},n),t),{}),[e]);return p(j,{className:"panel-messages-samples",header:()=>s(w,{isExpandable:!1,children:i("payload")}),children:[s(f,{examples:c,exampleKey:o?.name,onChange:m}),s(v,{data:o?.payload,expandLevel:3})]})},j=r(E)`
-  ${x} {
+import{jsx as l,jsxs as p}from"react/jsx-runtime";import r from"styled-components";import{ExampleSwitch as f}from"@redocly/openapi-docs";import{useEffect as u,useMemo as h,useState as g}from"react";import{JsonViewer as v}from"@redocly/theme/components/JsonViewer/JsonViewer";import{Panel as w}from"@redocly/theme/components/Panel/Panel";import{PanelBody as b}from"@redocly/theme/components/Panel/PanelBody";import{PanelHeader as E}from"@redocly/theme/components/Panel/PanelHeader";import{useProtocolLabels as P,useTelemetry as j}from"../hooks/index.js";const O=({examples:e})=>{const[o,a]=g(e[0]),{getProtocolLabel:d}=P(),s=j();u(()=>{a(e[0])},[e,a]);const m=t=>{const n=e?.find(i=>i.name===t);n&&(a(n),s.sendSwitchExampleClickedMessage([{id:`button_example_${t}`,object:"button",uri:typeof window<"u"?window.location.href:"",example:t,numberOfExamples:e.length}]))},c=h(()=>e?.reduce((t,n,i)=>(t[n.name||`Example ${i+1}`]=Object.assign({},n),t),{}),[e]);return p(x,{className:"panel-messages-samples",header:()=>l(y,{isExpandable:!1,children:d("payload")}),children:[l(f,{examples:c,exampleKey:o?.name,onChange:m}),l(v,{data:o?.payload,expandLevel:3})]})},x=r(w)`
+  ${b} {
     padding: var(--spacing-sm) 0 0;
     line-height: var(--line-height-md);
   }
-`,w=r(y)`
+`,y=r(E)`
   font-weight: var(--font-weight-regular);
-`;export{$ as SamplesPanel};
+`;export{O as SamplesPanel};

package/lib/components/Server.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import o from"styled-components";import{useState as f}from"react";import{DatabaseIcon as x}from"@redocly/theme/icons/DatabaseIcon/DatabaseIcon";import{KafkaIcon as g}from"@redocly/theme/icons/KafkaIcon/KafkaIcon";import{RabbitMQIcon as h}from"@redocly/theme/icons/RabbitMQIcon/RabbitMQIcon";import{CopyButton as u}from"@redocly/theme/components/Buttons/CopyButton";import{Portal as v}from"@redocly/theme/components/Portal/Portal";import{useModalScrollLock as y}from"@redocly/theme/core/hooks";import{Tooltip as b}from"@redocly/theme/components/Tooltip/Tooltip";import{ServerModal as S}from"./ServerModal.js";import{MoreDetailsButton as M,HostList as w}from"./common/index.js";import{useTelemetry as I}from"../hooks/index.js";import{useTranslate as j}from"../hooks/index.js";const G=({server:t,showDetails:s})=>{const[n,a]=f(!1),l=I(),p=j();y(n);const c=r=>{switch(r){case"kafka":return e(g,{size:"20px"});case"amqp":return e(h,{size:"20px"});default:return e(x,{size:"20px"})}},d=()=>{a(!0),l.sendAsyncapiDocsServerModalOpenedMessage()};return i(k,{"data-component-name":"Server/Server",children:[i(z,{children:[e(T,{children:c(t.value.protocol)}),e(B,{children:t.key})]}),i(C,{children:[e(w,{children:t.value.host.split(" ").map((r,m)=>e("span",{children:r},m))}),e(b,{tip:p("button.copy.tooltipText","Copy to clipboard"),placement:"top",arrowPosition:"right",children:e(u,{data:t.value.host},t.value.host)})]}),s&&e(D,{onClick:d,children:e(M,{expanded:!1})}),n&&e(v,{mountId:"api-content",children:e(S,{server:t,onClose:()=>a(!1)})})]})},k=o.div`
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import o from"styled-components";import{useState as f}from"react";import{DatabaseIcon as u}from"@redocly/theme/icons/DatabaseIcon/DatabaseIcon";import{KafkaIcon as h}from"@redocly/theme/icons/KafkaIcon/KafkaIcon";import{RabbitMQIcon as x}from"@redocly/theme/icons/RabbitMQIcon/RabbitMQIcon";import{CopyButton as g}from"@redocly/theme/components/Buttons/CopyButton";import{Portal as v}from"@redocly/theme/components/Portal/Portal";import{useModalScrollLock as y}from"@redocly/theme/core/hooks";import{Tooltip as b}from"@redocly/theme/components/Tooltip/Tooltip";import{ServerModal as w}from"./ServerModal.js";import{MoreDetailsButton as S,HostList as M}from"./common/index.js";import{useTelemetry as j}from"../hooks/index.js";import{useTranslate as k}from"../hooks/index.js";const F=({server:t,showDetails:s})=>{const[r,a]=f(!1),l=j(),p=k();y(r);const c=i=>{switch(i){case"kafka":return e(h,{size:"20px"});case"amqp":return e(x,{size:"20px"});default:return e(u,{size:"20px"})}},d=()=>{a(!0),l.sendServerModalOpenedMessage([{id:`button_server_modal_${t.key}`,object:"button",uri:typeof window<"u"?window.location.href:""}])};return n(I,{"data-component-name":"Server/Server",children:[n(_,{children:[e(T,{children:c(t.value.protocol)}),e(C,{children:t.key})]}),n(z,{children:[e(M,{children:t.value.host.split(" ").map((i,m)=>e("span",{children:i},m))}),e(b,{tip:p("button.copy.tooltipText","Copy to clipboard"),placement:"top",arrowPosition:"right",children:e(g,{data:t.value.host},t.value.host)})]}),s&&e(B,{onClick:d,children:e(S,{expanded:!1})}),r&&e(v,{mountId:"api-content",children:e(w,{server:t,onClose:()=>a(!1)})})]})},I=o.div`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
@@ -9,20 +9,20 @@ import{jsx as e,jsxs as i}from"react/jsx-runtime";import o from"styled-component
   display: flex;
   align-items: center;
   justify-content: center;
-`,z=o.div`
+`,_=o.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: var(--spacing-xxs);
-`,C=o.span`
+`,z=o.span`
   padding-left: var(--spacing-lg);
   min-height: 24px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,B=o.span`
+`,C=o.span`
   font-weight: var(--font-weight-semibold);
   text-transform: capitalize;
-`,D=o.div`
+`,B=o.div`
   padding-left: var(--spacing-lg);
-`;export{G as Server};
+`;export{F as Server};

package/lib/contexts/telemetry.d.ts

@@ -0,0 +1,3 @@
+import { RedocTelemetry } from '@redocly/openapi-docs';
+export declare const TelemetryContext: import("react").Context<RedocTelemetry>;
+export declare function useRedocTelemetry(): RedocTelemetry;

package/lib/contexts/telemetry.js

@@ -0,0 +1 @@
+import{createContext as e,useContext as t}from"react";import{RedocTelemetry as o}from"@redocly/openapi-docs";const r=new o({specType:"asyncapi",disabled:!0}),n=e(r);function p(){return t(n)}export{n as TelemetryContext,p as useRedocTelemetry};

package/lib/hooks/use-telemetry.d.ts

@@ -1,2 +1,2 @@
-import { useThemeHooks } from '@redocly/theme/core/openapi';
-export declare function useTelemetry(): ReturnType<ReturnType<typeof useThemeHooks>['useTelemetry']>;
+import type { RedocTelemetry } from '@redocly/openapi-docs';
+export declare function useTelemetry(): RedocTelemetry;

package/lib/hooks/use-telemetry.js

@@ -1 +1 @@
-import{useThemeHooks as e}from"@redocly/theme/core/openapi";function o(){return e().useTelemetry()}export{o as useTelemetry};
+import{useRedocTelemetry as e}from"../contexts/telemetry.js";function t(){return e()}export{t as useTelemetry};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/asyncapi-docs",
-  "version": "1.9.0-next.2",
+  "version": "1.9.0-next.3",
   "description": "Async API docs for Redocly Realm",
   "type": "module",
   "main": "lib/index.js",
@@ -40,7 +40,8 @@
     "styled-components": "5.3.11",
     "web-vitals": "3.3.1",
     "@redocly/config": "0.44.2",
-    "@redocly/openapi-docs": "3.20.0-next.2",
+    "@redocly/openapi-docs": "3.20.0-next.3",
+    "@redocly/redoc-opentelemetry": "0.0.7",
     "@redocly/theme": "0.64.0-next.2"
   },
   "peerDependencies": {