"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[80695],{682e3(t,n,i){var e;i.d(n,{L:()=>e}),function(t){t.XS="XS",t.S="S",t.SM="SM",t.M="M",t.ML="ML",t.L="L",t.XL="XL",t.XXL="XXL"}(e||(e={}))},588769(t,n,i){i.d(n,{A:()=>O,G:()=>A});var e=i(682e3);const o={[e.L.XS]:{FROM:0,TO:374},[e.L.S]:{FROM:375,TO:567},[e.L.SM]:{FROM:568,TO:767},[e.L.M]:{FROM:768,TO:1023},[e.L.ML]:{FROM:1024,TO:1199},[e.L.L]:{FROM:1200,TO:1919},[e.L.XL]:{FROM:1920,TO:2559},[e.L.XXL]:{FROM:2560,TO:1/0}},A=600,O={...o,DASHBOARD:{LAYOUT:{MOBILE:"(max-width: 767px)",DESKTOP:"(min-width: 768px)"},CHART:{MOBILE:"(max-width: 1419px)",DESKTOP:"(min-width: 1420px)"},BAND_SELECTOR:{MOBILE:"(max-width: 1119px)",DESKTOP:"(min-width: 1120px)"}},SIDE_NAVIGATION_BREAKPOINT_UP:`(min-width: ${A+1}px)`,SIDE_NAVIGATION_BREAKPOINT_DOWN:`(max-width: ${A}px)`,VIEWPORT_XS:`(max-width: ${o[e.L.XS].TO}px)`,VIEWPORT_S:`(min-width: ${o[e.L.S].FROM}px) and (max-width: ${o[e.L.S].TO}px)`,VIEWPORT_SM:`(min-width: ${o[e.L.SM].FROM}px) and (max-width: ${o[e.L.SM].TO}px)`,VIEWPORT_M:`(min-width: ${o[e.L.M].FROM}px) and (max-width: ${o[e.L.M].TO}px)`,VIEWPORT_ML:`(min-width: ${o[e.L.ML].FROM}px) and (max-width: ${o[e.L.ML].TO}px)`,VIEWPORT_L:`(min-width: ${o[e.L.L].FROM}px) and (max-width: ${o[e.L.L].TO}px)`,VIEWPORT_XL:`(min-width: ${o[e.L.XL].FROM}px) and (max-width: ${o[e.L.XL].TO}px)`,VIEWPORT_XXL:`(min-width: ${o[e.L.XXL].FROM}px)`,VIEWPORT_XS_UP:`(min-width: ${o[e.L.S].FROM}px)`,VIEWPORT_S_UP:`(min-width: ${o[e.L.SM].FROM}px)`,VIEWPORT_SM_UP:`(min-width: ${o[e.L.M].FROM}px)`,VIEWPORT_M_UP:`(min-width: ${o[e.L.ML].FROM}px)`,VIEWPORT_ML_UP:`(min-width: ${o[e.L.L].FROM}px)`,VIEWPORT_L_UP:`(min-width: ${o[e.L.XL].FROM}px)`,VIEWPORT_XL_UP:`(min-width: ${o[e.L.XXL].FROM}px)`,VIEWPORT_S_DOWN:`(max-width: ${o[e.L.S].TO}px)`,VIEWPORT_SM_DOWN:`(max-width: ${o[e.L.SM].TO}px)`,VIEWPORT_M_DOWN:`(max-width: ${o[e.L.M].TO}px)`,VIEWPORT_ML_DOWN:`(max-width: ${o[e.L.ML].TO}px)`,VIEWPORT_L_DOWN:`(max-width: ${o[e.L.L].TO}px)`,VIEWPORT_XL_DOWN:`(max-width: ${o[e.L.XL].TO}px)`,VIEWPORT_XXL_DOWN:`(max-width: ${o[e.L.XXL].TO}px)`}},897513(t,n,i){var e;i.d(n,{H:()=>e}),function(t){t.FLOWS="flows",t.ACTIVITY="activity",t.MULTICAST="multicast"}(e||(e={}))},603761(t,n,i){var e;i.d(n,{x:()=>e}),function(t){t.MAIN="main",t.SETTINGS="settings"}(e||(e={}))},599299(t,n,i){i.d(n,{A:()=>F});var e=i(274934),o=i(780597),A=i.n(o),O=i(587039),l=i.n(O),R=i(995044),r=i.n(R),d=i(335996),N=i.n(d),a=i(208632),h=i.n(a),s=i(20300),E=i.n(s),S=i(42242),T=i.n(S),L=i(855920),D=i.n(L),p=i(124139),M=i.n(p),I=i(902928),u=i.n(I),x=i(875748),c=i.n(x),P=i(582456),m=i.n(P),_=i(601334),w=i.n(_),$=i(789732),C=i.n($),B=i(470070);const F=({uptime:t=0})=>{const n=new Date;let i=A()(n,t);const o=t=>(i=t,i),O=l()(n,i),R=h()(n,o(M()(i,O))),d=r()(n,o(c()(i,R))),a=D()(n,o(u()(i,d))),s=T()(n,o(C()(i,a))),S=E()(n,o(w()(i,s))),L=N()(n,o(m()(i,S)));let p="DASHBOARD_DURATION_SECONDS";return O?p="DASHBOARD_DURATION_YEARS":R?p="DASHBOARD_DURATION_MONTHS":d?p="DASHBOARD_DURATION_WEEKS":a?p="DASHBOARD_DURATION_DAYS":s?p="DASHBOARD_DURATION_HOURS":S&&(p="DASHBOARD_DURATION_MINUTES"),(0,e.jsx)(B.sA,{id:p,values:{years:O,months:R,weeks:d,days:a,hours:s,minutes:S,seconds:L}})}},142667(t,n,i){i.d(n,{A:()=>L});var e=i(274934),o=i(618965),A=i(844993),O=i(247816),l=i(100978),R=i(291508);const r=(0,O.A)(l.A,(0,R.A)("innerColor","outerColor"))`
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  g {
    transition: unset;
  }
  circle {
    &:first-child {
      ${({outerColor:t})=>t?`fill: ${t};`:""}
    }
    &:last-child {
      ${({innerColor:t})=>t?`fill: ${t};`:""}
      r: 4.5;
    }
  }
`,d=i(409844).AH`
  overflow: visible;
`,N=({chartWidth:t,chartHeight:n,top:i,left:o,innerColor:O,outerColor:l="#fff"})=>(0,e.jsx)(r,{innerColor:O,outerColor:l,children:(0,e.jsx)("svg",{width:t,height:n,className:d,children:o&&i?(0,e.jsx)(A.A,{hasAnimation:!1,x:o,y:i}):null})});var a=i(814557);const h=(0,O.A)(l.A,(0,R.A)("topA","topB","leftA","leftB","chartHeight","useFullHeightConnector"))`
  z-index: 1;
  border-left: 1px dashed
    ${({theme:{themeName:t}})=>a.Ay[`desktop-color-neutral-10-${t}`]};
  position: absolute;
  ${({topA:t,topB:n,leftA:i,leftB:e,chartHeight:o,useFullHeightConnector:A})=>`\n     top: ${A&&o?20:Math.min(t||0,n)}px;\n     height: ${A&&o?o-50:Math.max(t||0,n)-Math.min(t||0,n)}px;\n     left: ${((i||0)+e)/2-1}px;\n   `}
`,s=({topA:t,leftA:n,topB:i,leftB:o,chartHeight:A,useFullHeightConnector:O})=>(0,e.jsx)(h,{topA:t,topB:i,leftA:n,leftB:o,chartHeight:A,useFullHeightConnector:O}),E=(t,n,i)=>i?(t||0)+((t||0)<Math.round(n/2)?8:-8):(t||0)-8,S=(t,n)=>((t||0)+(n||0))/(n?2:1),T=(t,n,i,e)=>({maxWidth:"auto",...!e?.position&&i&&t&&n&&{position:t<Math.round(n/2)?"right":"left"},portal:!0,...e}),L=({width:t,topA:n,leftA:i,topB:A,leftB:O,chartWidth:l,chartHeight:R,hidden:r,description:d,innerColor:a,tooltipRenderCondition:h,tooltipProps:L={},useSideSwapping:D=!0,useFullHeightConnector:p=!1})=>r?null:(0,e.jsxs)(e.Fragment,{children:[h?(0,e.jsx)(o.A,{width:t,left:E(i,l,D),top:S(n,A),description:d,hidden:r,topMargin:4,tooltipProps:T(i,l,D,L)}):null,O&&A?(0,e.jsx)(s,{topA:n,topB:A,leftA:i,leftB:O,chartHeight:R,useFullHeightConnector:p}):null,(0,e.jsx)(N,{chartWidth:l,chartHeight:R,top:n,left:i,innerColor:a})]})},16944(t,n,i){i.d(n,{A:()=>a});var e=i(274934),o=i(602086),A=i(977872),O=i(890932),l=i(726831);const R={};var r=i(247816),d=i(291508);const N=(0,r.A)("img",(0,d.A)("dimension"))`
  ${({dimension:t=22})=>`\n    height: ${t}px;\n    width: ${t}px;\n  `}
`,a=(0,o.memo)(({iconFileName:t,dimension:n,style:i={}})=>{const o=(0,A.d4)(O.p);return(0,e.jsx)(N,{src:R[t]||encodeURI(`${l.A.dpiPath}${t}`),dimension:n,onLoad:({target:n})=>{R[t]=n.src},onError:({currentTarget:t})=>{t.src=`${o}/dpiFallback.svg`},style:i})})},403224(t,n,i){i.d(n,{A:()=>R});var e=i(487763),o=i(310758),A=i(356823),O=i(838823),l=i(450734);const R=()=>(t,n)=>{t((0,l.z7)((0,e.A)((0,A.bq)(n()),O.xi))),t((0,l.M2)(o.B))}},265453(t,n,i){i.d(n,{A:()=>h});var e=i(602086),o=i(237725),A=i(977872),O=i(947414),l=i(101134),R=i(104997),r=i(897513),d=i(450734),N=i(573230),a=i(403224);const h=()=>{const t=(0,A.wA)(),n=(0,o.W6)(),i=(0,l.A)(`${R.VO.INSIGHTS}/${r.H.FLOWS}`);return(0,e.useCallback)((e=O.P1)=>{(0,A.vA)(()=>{t((0,a.A)()),t((0,d.AL)(!0)),t((0,d.lB)(N.X)),e(t)}),n.push(i)},[t,n,i])}},770445(t,n,i){var e,o;i.d(n,{N:()=>o,e:()=>e}),function(t){t.DASHBOARD="dashboard",t.SIDE_PANEL="sidePanel"}(e||(e={})),function(t){t.DIAMETER="diameter",t.BORDER="border",t.PADDING="padding",t.SPACER="spacer",t.THICKNESS="thickness"}(o||(o={}))},481894(t,n,i){i.d(n,{A:()=>r});var e=i(602086),o=i(303853),A=i(588769),O=i(770445);const l=(t,n)=>{if(!t)return null;switch(n){case O.e.DASHBOARD:return t>=A.A.XXL.FROM?{[O.N.DIAMETER]:150,[O.N.BORDER]:null,[O.N.PADDING]:20,[O.N.SPACER]:15,[O.N.THICKNESS]:10}:t>=A.A.XL.FROM?{[O.N.DIAMETER]:130,[O.N.BORDER]:null,[O.N.PADDING]:16,[O.N.SPACER]:15,[O.N.THICKNESS]:10}:t>=A.A.L.FROM?{[O.N.DIAMETER]:130,[O.N.BORDER]:null,[O.N.PADDING]:12,[O.N.SPACER]:15,[O.N.THICKNESS]:10}:t>=A.A.ML.FROM?{[O.N.DIAMETER]:130,[O.N.BORDER]:null,[O.N.PADDING]:12,[O.N.SPACER]:15,[O.N.THICKNESS]:10}:t>=A.A.M.FROM?{[O.N.DIAMETER]:130,[O.N.BORDER]:null,[O.N.PADDING]:12,[O.N.SPACER]:15,[O.N.THICKNESS]:10}:t>=A.A.SM.FROM?{[O.N.DIAMETER]:130,[O.N.BORDER]:null,[O.N.PADDING]:12,[O.N.SPACER]:15,[O.N.THICKNESS]:10}:t>=A.A.S.FROM?{[O.N.DIAMETER]:130,[O.N.BORDER]:null,[O.N.PADDING]:12,[O.N.SPACER]:15,[O.N.THICKNESS]:10}:t>=A.A.XS.FROM?{[O.N.DIAMETER]:130,[O.N.BORDER]:null,[O.N.PADDING]:12,[O.N.SPACER]:15,[O.N.THICKNESS]:10}:null;case O.e.SIDE_PANEL:return{[O.N.DIAMETER]:96,[O.N.BORDER]:null,[O.N.PADDING]:0,[O.N.SPACER]:10,[O.N.THICKNESS]:10};default:return null}},R={[O.N.DIAMETER]:null,[O.N.BORDER]:null,[O.N.PADDING]:null,[O.N.SPACER]:null,[O.N.THICKNESS]:null},r=t=>{const[n,i]=(0,e.useState)(l(document.body?.getBoundingClientRect()?.width,t)||R),{width:A}=(0,o.Ay)();return(0,e.useEffect)(()=>{const n=l(A,t);n&&i(n)},[A,t]),n}},453026(t,n,i){i.d(n,{A:()=>l});var e=i(487763),o=i(898236),A=i(238227),O=i(298285);const l=()=>(t,n)=>{t((0,O.nd)((0,e.A)((0,o.rQ)(n()),A.jI)))}},148925(t,n,i){i.d(n,{A:()=>a});var e=i(602086),o=i(237725),A=i(977872),O=i(101134),l=i(603761),R=i(104997),r=i(238227),d=i(298285),N=i(453026);const a=()=>{const t=(0,A.wA)(),n=(0,o.W6)(),i=(0,O.A)(`${R.VO.SYSLOG}/${l.x.MAIN}`);return(0,e.useCallback)(e=>{(0,A.vA)(()=>{t((0,N.A)()),t((0,d.ov)(!0)),t((0,d.wu)(r.pp)),t((0,d.F6)(r.pt.getRange(new Date))),t((0,d.oz)(r.fN)),e?.(t)}),n.push(i)},[t,n,i])}}}]);