https://funke.pt/assets/StreamsMonitoringCharts-f40a1fc9.js

1import{r as l,u as xe,j as v}from"./vendor-react-547455f2.js";import{Q as h,a$ as W,b0 as Ee,b1 as Oe,b2 as C,b3 as je,b4 as ke,b5 as de,b6 as Te,b7 as Ie,A as j,b8 as Re,U as pe,b9 as Se,ba as we,bb as Ce,bc as De,bd as Le,be as Ne,t as me,$ as Me,r as z,O as ve,l as Ke,bf as _e,x as fe,y as U,bg as Be,a as N,o as $e,h as ae,K as G,u as Ge,J as We,bh as Fe,i as re,bi as Ve,a9 as B,M as ze,F as Ue,bj as Xe,bk as Ye,H as qe,ax as F,bl as He,B as Je,f as te,bm as Qe,d as Ze,bn as ea,bo as ne,bp as aa,bq as ra,br as ta,bs as na,bt as ia,ac as la,R as ie,X as oa,Y as sa}from"./CartesianChart-ff7af3c5.js";import{C as X,u as ca,b as ua,c as da,S as pa,B as ma,a as va}from"./BarChart-dd36ef9a.js";import{C as fa,a as ba,T as le}from"./CartesianGrid-684b098b.js";import{aH as Y}from"./vendor-ui-d9311857.js";var be=e=>e.graphicalItems.polarItems,ga=h([W,Ee],Oe),q=h([be,C,ga],je),ha=h([q],ke),H=h([ha,de],Te),ya=h([H,C,q],Ie),Pa=h([H,C,q],(e,a,t)=>t.length>0?e.flatMap(r=>t.flatMap(n=>{var i,c=j(r,(i=a.dataKey)!==null&&i!==void 0?i:n.dataKey);return{value:c,errorDomain:[]}})).filter(Boolean):(a==null?void 0:a.dataKey)!=null?e.map(r=>({value:j(r,a.dataKey),errorDomain:[]})):e.map(r=>({value:r,errorDomain:[]}))),oe=()=>{},Aa=h([C,Re,oe,Pa,oe,pe,W],Se),ge=h([C,pe,H,ya,we,W,Aa],Ce),xa=h([ge,C,De],Le);h([C,ge,xa,W],Ne);function se(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);a&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function ce(e){for(var a=1;a<arguments.length;a++){var t=arguments[a]!=null?arguments[a]:{};a%2?se(Object(t),!0).forEach(function(r){Ea(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):se(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function Ea(e,a,t){return(a=Oa(a))in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function Oa(e){var a=ja(e,"string");return typeof a=="symbol"?a:a+""}function ja(e,a){if(typeof e!="object"||!e)return e;var t=e[Symbol.toPrimitive];if(t!==void 0){var r=t.call(e,a||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(e)}var ka=(e,a)=>a,J=h([be,ka],(e,a)=>e.filter(t=>t.type==="pie").find(t=>t.id===a)),Ta=[],Q=(e,a,t)=>(t==null?void 0:t.length)===0?Ta:t,he=h([de,J,Q],(e,a,t)=>{var{chartData:r}=e;if(a!=null){var n;if((a==null?void 0:a.data)!=null&&a.data.length>0?n=a.data:n=r,(!n||!n.length)&&t!=null&&(n=t.map(i=>ce(ce({},a.presentationProps),i.props))),n!=null)return n}}),Ia=h([he,J,Q],(e,a,t)=>{if(!(e==null||a==null))return e.map((r,n)=>{var i,c=j(r,a.nameKey,a.name),u;return t!=null&&(i=t[n])!==null&&i!==void 0&&(i=i.props)!==null&&i!==void 0&&i.fill?u=t[n].props.fill:typeof r=="object"&&r!=null&&"fill"in r?u=r.fill:u=a.fill,{value:me(c,a.dataKey),color:u,payload:r,type:a.legendType}})}),Ra=h([he,J,Q,Me],(e,a,t,r)=>{if(!(a==null||e==null))return qa({offset:r,pieSettings:a,displayedData:e,cells:t})}),Sa=["onMouseEnter","onClick","onMouseLeave"],wa=["id"],Ca=["id"];function Z(e,a){if(e==null)return{};var t,r,n=Da(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],a.indexOf(t)===-1&&{}.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function Da(e,a){if(e==null)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(a.indexOf(r)!==-1)continue;t[r]=e[r]}return t}function ue(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);a&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function d(e){for(var a=1;a<arguments.length;a++){var t=arguments[a]!=null?arguments[a]:{};a%2?ue(Object(t),!0).forEach(function(r){La(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ue(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}

1function La(e,a,t){return(a=Na(a))in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function Na(e){var a=Ma(e,"string");return typeof a=="symbol"?a:a+""}function Ma(e,a){if(typeof e!="object"||!e)return e;var t=e[Symbol.toPrimitive];if(t!==void 0){var r=t.call(e,a||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(e)}function k(){return k=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},k.apply(null,arguments)}function Ka(e){var a=l.useMemo(()=>fe(e.children,X),[e.children]),t=U(r=>Ia(r,e.id,a));return t==null?null:l.createElement(Be,{legendPayload:t})}function _a(e){var{dataKey:a,nameKey:t,sectors:r,stroke:n,strokeWidth:i,fill:c,name:u,hide:f,tooltipType:p}=e;return{dataDefinedOnItem:r.map(m=>m.tooltipPayload),positions:r.map(m=>m.tooltipPosition),settings:{stroke:n,strokeWidth:i,fill:c,dataKey:a,nameKey:t,name:me(u,a),hide:f,type:p,color:c,unit:""}}}var Ba=(e,a)=>e>a?"start":e<a?"end":"middle",$a=(e,a,t)=>typeof a=="function"?B(a(e),t,t*.8):B(a,t,t*.8),Ga=(e,a,t)=>{var{top:r,left:n,width:i,height:c}=a,u=Ve(i,c),f=n+B(e.cx,i,i/2),p=r+B(e.cy,c,c/2),m=B(e.innerRadius,u,0),y=$a(t,e.outerRadius,u),s=e.maxRadius||Math.sqrt(i*i+c*c)/2;return{cx:f,cy:p,innerRadius:m,outerRadius:y,maxRadius:s}},Wa=(e,a)=>{var t=G(a-e),r=Math.min(Math.abs(a-e),360);return t*r};function Fa(e){return e&&typeof e=="object"&&"className"in e&&typeof e.className=="string"?e.className:""}var Va=(e,a)=>{if(l.isValidElement(e))return l.cloneElement(e,a);if(typeof e=="function")return e(a);var t=Y("recharts-pie-label-line",typeof e!="boolean"?e.className:"");return l.createElement(fa,k({},a,{type:"linear",className:t}))},za=(e,a,t)=>{if(l.isValidElement(e))return l.cloneElement(e,a);var r=t;if(typeof e=="function"&&(r=e(a),l.isValidElement(r)))return r;var n=Y("recharts-pie-label-text",Fa(e));return l.createElement(Qe,k({},a,{alignmentBaseline:"middle",className:n}),r)};function Ua(e){var{sectors:a,props:t,showLabels:r}=e,{label:n,labelLine:i,dataKey:c}=t;if(!r||!n||!a)return null;var u=ve(t),f=te(n,!1),p=te(i,!1),m=typeof n=="object"&&"offsetRadius"in n&&typeof n.offsetRadius=="number"&&n.offsetRadius||20,y=a.map((s,o)=>{var b=(s.startAngle+s.endAngle)/2,P=F(s.cx,s.cy,s.outerRadius+m,b),E=d(d(d(d({},u),s),{},{stroke:"none"},f),{},{index:o,textAnchor:Ba(P.x,s.cx)},P),T=d(d(d(d({},u),s),{},{fill:"none",stroke:s.fill},p),{},{index:o,points:[F(s.cx,s.cy,s.outerRadius,b),P],key:"line"});return l.createElement(N,{key:"label-".concat(s.startAngle,"-").concat(s.endAngle,"-").concat(s.midAngle,"-").concat(o)},i&&Va(i,T),za(n,E,j(s,c)))});return l.createElement(N,{className:"recharts-pie-labels"},y)}function Xa(e){var{sectors:a,props:t,showLabels:r}=e,{label:n}=t;return typeof n=="object"&&n!=null&&"position"in n?l.createElement(ze,{label:n}):l.createElement(Ua,{sectors:a,props:t,showLabels:r})}function Ya(e){var{sectors:a,activeShape:t,inactiveShape:r,allOtherPieProps:n}=e,i=U(Ue),{onMouseEnter:c,onClick:u,onMouseLeave:f}=n,p=Z(n,Sa),m=ca(c,n.dataKey),y=ua(f),s=da(u,n.dataKey);return a==null||a.length===0?null:l.createElement(l.Fragment,null,a.map((o,b)=>{if((o==null?void 0:o.startAngle)===0&&(o==null?void 0:o.endAngle)===0&&a.length!==1)return null;var P=t&&String(b)===i,E=i?r:null,T=P?t:E,D=d(d({},o),{},{stroke:o.stroke,tabIndex:-1,[Xe]:b,[Ye]:n.dataKey});return l.createElement(N,k({tabIndex:-1,className:"recharts-pie-sector"},qe(p,o,b),{onMouseEnter:m(o,b),onMouseLeave:y(o,b),onClick:s(o,b),key:"sector-".concat(o==null?void 0:o.startAngle,"-").concat(o==null?void 0:o.endAngle,"-").concat(o.midAngle,"-").concat(b)}),l.createElement(pa,k({option:T,isActive:P,shapeType:"sector"},D)))}))}function qa(e){var a,{pieSettings:t,displayedData:r,cells:n,offset:i}=e,{cornerRadius:c,startAngle:u,endAngle:f,dataKey:p,nameKey:m,tooltipType:y}=t,s=Math.abs(t.minAngle),o=Wa(u,f),b=Math.abs(o),P=r.length<=1?0:(a=t.paddingAngle)!==null&&a!==void 0?a:0,E=r.filter(g=>j(g,p,0)!==0).length,T=(b>=360?E:E-1)*P,D=b-E*s-T,I=r.reduce((g,O)=>{var A=j(O,p,0);return g+(ae(A)?A:0)},0),L;if(I>0){var x;L=r.map((g,O)=>{var A=j(g,p,0),R=j(g,m,O),S=Ga(t,i,g),M=(ae(A)?A:0)/I,w,K=d(d({},g),n&&n[O]&&n[O].props);O?w=x.endAngle+G(o)*P*(A!==0?1:0):w=u;var $=w+G(o)*((A!==0?s:0)+M*D),_=(w+$)/2,ee=(S.innerRadius+S.outerRadius)/2,Pe=[{name:R,value:A,payload:K,dataKey:p,type:y}],Ae=F(S.cx,S.cy,ee,_);return x=d(d(d(d({},t.presentationProps),{},{percent:M,cornerRadius:c,name:R,tooltipPayload:Pe,midAngle:_,middleRadius:ee,tooltipPosition:Ae},K),S),{},{value:A,startAngle:w,endAngle:$,payload:K,paddingAngle:G(o)*P}),x})}return L}function Ha(e){var{showLabels:a,sectors:t,children:r}=e,n=l.useMemo(()=>!a||!t?[]:t.map(i=>({value:i.value,payload:i.payload,clockWise:!1,parentViewBox:void 0,viewB

1ox:{cx:i.cx,cy:i.cy,innerRadius:i.innerRadius,outerRadius:i.outerRadius,startAngle:i.startAngle,endAngle:i.endAngle,clockWise:!1},fill:i.fill})),[t,a]);return l.createElement(He,{value:a?n:void 0},r)}function Ja(e){var{props:a,previousSectorsRef:t}=e,{sectors:r,isAnimationActive:n,animationBegin:i,animationDuration:c,animationEasing:u,activeShape:f,inactiveShape:p,onAnimationStart:m,onAnimationEnd:y}=a,s=Ge(a,"recharts-pie-"),o=t.current,[b,P]=l.useState(!1),E=l.useCallback(()=>{typeof y=="function"&&y(),P(!1)},[y]),T=l.useCallback(()=>{typeof m=="function"&&m(),P(!0)},[m]);return l.createElement(Ha,{showLabels:!b,sectors:r},l.createElement(We,{animationId:s,begin:i,duration:c,isActive:n,easing:u,onAnimationStart:T,onAnimationEnd:E,key:s},D=>{var I=[],L=r&&r[0],x=L==null?void 0:L.startAngle;return r==null||r.forEach((g,O)=>{var A=o&&o[O],R=O>0?Fe(g,"paddingAngle",0):0;if(A){var S=re(A.endAngle-A.startAngle,g.endAngle-g.startAngle,D),M=d(d({},g),{},{startAngle:x+R,endAngle:x+S+R});I.push(M),x=M.endAngle}else{var{endAngle:w,startAngle:K}=g,$=re(0,w-K,D),_=d(d({},g),{},{startAngle:x+R,endAngle:x+$+R});I.push(_),x=_.endAngle}}),t.current=I,l.createElement(N,null,l.createElement(Ya,{sectors:I,activeShape:f,inactiveShape:p,allOtherPieProps:a}))}),l.createElement(Xa,{showLabels:!b,sectors:r,props:a}),a.children)}var Qa={animationBegin:400,animationDuration:1500,animationEasing:"ease",cx:"50%",cy:"50%",dataKey:"value",endAngle:360,fill:"#808080",hide:!1,innerRadius:0,isAnimationActive:!Je.isSsr,labelLine:!0,legendType:"rect",minAngle:0,nameKey:"name",outerRadius:"80%",paddingAngle:0,rootTabIndex:0,startAngle:0,stroke:"#fff"};function Za(e){var{id:a}=e,t=Z(e,wa),{hide:r,className:n,rootTabIndex:i}=e,c=l.useMemo(()=>fe(e.children,X),[e.children]),u=U(m=>Ra(m,a,c)),f=l.useRef(null),p=Y("recharts-pie",n);return r||u==null?(f.current=null,l.createElement(N,{tabIndex:i,className:p})):l.createElement(l.Fragment,null,l.createElement($e,{fn:_a,args:d(d({},e),{},{sectors:u})}),l.createElement(N,{tabIndex:i,className:p},l.createElement(Ja,{props:d(d({},t),{},{sectors:u}),previousSectorsRef:f})))}function ye(e){var a=z(e,Qa),{id:t}=a,r=Z(a,Ca),n=ve(r);return l.createElement(Ke,{id:t,type:"pie"},i=>l.createElement(l.Fragment,null,l.createElement(_e,{type:"pie",id:i,data:r.data,dataKey:r.dataKey,hide:r.hide,angleAxisId:0,radiusAxisId:0,name:r.name,nameKey:r.nameKey,tooltipType:r.tooltipType,legendType:r.legendType,fill:r.fill,cx:r.cx,cy:r.cy,startAngle:r.startAngle,endAngle:r.endAngle,paddingAngle:r.paddingAngle,minAngle:r.minAngle,innerRadius:r.innerRadius,outerRadius:r.outerRadius,cornerRadius:r.cornerRadius,presentationProps:n,maxRadius:a.maxRadius}),l.createElement(Ka,k({},r,{id:i})),l.createElement(Za,k({},r,{id:i}))))}ye.displayName="Pie";function er(e){var a=Ze();return l.useEffect(()=>{a(ea(e))},[a,e]),null}var ar=["width","height","layout"];function V(){return V=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},V.apply(null,arguments)}function rr(e,a){if(e==null)return{};var t,r,n=tr(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],a.indexOf(t)===-1&&{}.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function tr(e,a){if(e==null)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(a.indexOf(r)!==-1)continue;t[r]=e[r]}return t}var nr={top:5,right:5,bottom:5,left:5},ir={accessibilityLayer:!0,stackOffset:"none",barCategoryGap:"10%",barGap:4,margin:nr,reverseStackOrder:!1,syncMethod:"index",layout:"radial"},lr=l.forwardRef(function(a,t){var r,n=z(a.categoricalChartProps,ir),{width:i,height:c,layout:u}=n,f=rr(n,ar);if(!ne(i)||!ne(c))return null;var{chartName:p,defaultTooltipEventType:m,validateTooltipEventTypes:y,tooltipPayloadSearcher:s}=a,o={chartName:p,defaultTooltipEventType:m,validateTooltipEventTypes:y,tooltipPayloadSearcher:s,eventEmitter:void 0};return l.createElement(aa,{preloadedState:{options:o},reduxStoreName:(r=n.id)!==null&&r!==void 0?r:p},l.createElement(ra,{chartData:n.data}),l.createElement(ta,{width:i,height:c,layout:u,margin:n.margin}),l.createElement(na,{accessibilityLayer:n.accessibilityLayer,barCategoryGap:n.barCategoryGap,maxBarSize:n.maxBarSize,stackOffset:n.stackOffset,barGap:n.barGap,barSize:n.barSize,syncId:n.syncId,syncMethod:n.syncMethod,className:n.className}),l.createElement(er,{cx:n.cx,cy:n.cy,startAngle:n.startAngle,endAngle:n.endAngle,innerRadius:n.innerRadius,outerRadius:n.outerRadius}),l.createElement(ia,V({width:i,height:c},f,{ref:t})))}),or=["item"],sr={layout:"centric",startAngle:0,endAngle:360,cx:"50%",cy:"50%",innerRadius:0,outerRadius:"80%"},cr=l.forwardRef((e,a)=>{var t=z(e,sr);return l.createElement(lr,{chartName:"PieChart",defaultTooltipEventType:"item",validateTooltipEventTypes:or,tooltipPayloadSearcher:la,categoricalChartProps:t,ref:a})});const fr=({protocolData:e,listenersByStreamData:a})=>{const{t}=xe("common");return v.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[v.jsxs("div",{className:"rounded-lg border border-stroke bg-white dark:border-strokedark dark:bg-boxdark p-6",children:[v.jsx("h4",{className:"text-lg font-semibold text-black dark:text-white mb-4",children:t("streams.monitoringTab.charts.listenersByStream.title")}),a.length>

10?v.jsx(ie,{width:"100%",height:300,children:v.jsxs(ma,{data:a,children:[v.jsx(ba,{strokeDasharray:"3 3",stroke:"#374151"}),v.jsx(oa,{dataKey:"name",stroke:"#6B7280"}),v.jsx(sa,{stroke:"#6B7280"}),v.jsx(le,{contentStyle:{backgroundColor:"var(--bg-color)",border:"1px solid var(--border-color)",borderRadius:"8px"}}),v.jsx(va,{dataKey:"listeners",fill:"#3B82F6",radius:[6,6,0,0]})]})}):v.jsx("div",{className:"h-[300px] flex items-center justify-center text-sm text-gray-500 dark:text-gray-400",children:t("streams.monitoringTab.charts.listenersByStream.empty")})]}),v.jsxs("div",{className:"rounded-lg border border-stroke bg-white dark:border-strokedark dark:bg-boxdark p-6",children:[v.jsx("h4",{className:"text-lg font-semibold text-black dark:text-white mb-4",children:t("streams.monitoringTab.charts.streamsByProtocol.title")}),v.jsx(ie,{width:"100%",height:300,children:v.jsxs(cr,{children:[v.jsx(ye,{data:e,cx:"50%",cy:"50%",outerRadius:80,dataKey:"value",label:({name:r,value:n})=>t("streams.monitoringTab.charts.streamsByProtocol.label",{name:r,value:n}),children:e.map((r,n)=>v.jsx(X,{fill:r.color},`cell-${n}`))}),v.jsx(le,{})]})})]})]})};export{fr as default};