"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[8277],{731971(e,t,n){n.d(t,{v:()=>l});var r=n(801081),i=n(25553),o=n(87485),a=n(146398);const l=e=>(0,r.Mz)((e=>(0,r.Mz)((0,i.uh)((0,a.X)(e)),e=>e))(e),o.i6)},249738(e,t,n){n.d(t,{p:()=>c});var r=n(469733),i=n(165126),o=n(716654),a=n(95636),l=n(469987);const c=e=>(t,n)=>{(0,r.batch)(()=>{t((0,l.z7)((0,i.A)((0,o.bq)(n()),a.xi))),t((0,l.BN)(!1)),e.forEach(t)})}},618489(e,t,n){n.d(t,{$6:()=>d,GJ:()=>E,IT:()=>s,NP:()=>N,Nt:()=>A,es:()=>g,yJ:()=>u,z1:()=>m});var r=n(822336),i=n(705145),o=n(71479),a=n(566723),l=n(294303),c=n(311785);const d=(0,o.A)(l.A,(0,c.A)("flowsOverviewTopByRegionSupported"))`
  width: 100%;
  > div {
    max-width: ${({flowsOverviewTopByRegionSupported:e})=>100/(e?4:3)}%;
  }
  gap: ${a.Ln};
`,m=(0,o.A)(l.A)`
  width: 100%;
  min-width: 230px;
  padding: ${a.Ln};
  border: ${({theme:{themeName:e}})=>r.Ay[`desktop-border-divider-${e}`]};
  border-radius: ${r.Ay["desktop-radius-base"]};
`,s=(0,o.A)(l.A)`
  width: 100%;
  flex-direction: column;
  gap: ${a.YC};
`,A=(0,o.A)(l.A,(0,c.A)("header"))`
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: ${a.Er};
  white-space: nowrap;
  ${({header:e=!1})=>e?`margin-bottom: ${a.kc};`:""}
`,u=(0,o.A)(l.A)`
  gap: ${a.YC};
  align-items: center;
  width: 100%;
  overflow: hidden;
`,g=(0,o.A)(i.A)`
  width: fit-content;
  cursor: pointer;
  &:hover {
    color: ${({theme:{themeName:e}})=>r.Ay[`desktop-color-ublue-06-${e}`]};
  }
`,N=(0,o.A)(l.A)`
  gap: 2px;
`,E=(0,o.A)(l.A,(0,c.A)("color"))`
  width: 4px;
  height: 4px;
  background-color: ${({color:e,theme:{themeName:t}})=>e||r.Ay[`desktop-color-neutral-02-${t}`]};
  border-radius: 1px;
`},274750(e,t,n){n.d(t,{H2:()=>m,hG:()=>i,je:()=>s,lz:()=>a,mS:()=>o,pC:()=>c,sh:()=>d,xu:()=>l});var r=n(822336);const i=5,o=16,a=16,l={borderRadius:r.Ay["desktop-radius-base"]},c=20,d=20,m=20,s=">=4.2.6"},689965(e,t,n){n.d(t,{A:()=>g,I:()=>r});var r,i=n(296540),o=n(822336),a=n(963724),l=n(71479),c=n(825032),d=n(566723),m=n(294303),s=n(311785);!function(e){e.ACCORDION="accordion",e.BUTTON_LIST="buttonList"}(r||(r={}));const A=(0,l.A)(m.A,(0,s.A)("marginBottom","isButtonList","margin","flex","width","padding","nested","background"))`
  background-color: ${({background:e,nested:t,theme:{themeName:n}})=>e||o.Ay[n===c.S.DARK?`desktop-color-neutral-${t?"00":"01"}-dark`:`desktop-color-neutral-${t?"01":"00"}-light`]};
  padding: ${({theme:e,isButtonList:t,padding:n})=>n||(t?`0 ${e.spacing["spacing-l"]}`:e.spacing["spacing-l"])};
  margin-bottom: ${({theme:e,marginBottom:t})=>t||e.spacing["spacing-l"]};
  ${({margin:e})=>e?`margin: ${e};`:""}
  border-radius: 8px;
  flex-direction: column;
  width: ${({width:e="100%"})=>e};
  flex: ${({flex:e=0})=>e};
  > :last-child {
    margin-bottom: 0;
  }
  thead {
    tr {
      height: 32px !important;
    }
    th {
      text-transform: none;
    }
  }
  ${({isButtonList:e})=>e?`\n    > div {\n      display: flex;\n      height: 48px;\n      border-bottom: ${({theme:{themeName:e}})=>o.Ay[`desktop-border-divider-${e}`]};\n      &:last-child {\n        border-bottom: none;\n      }\n    }\n  `:""}
`,u=(0,l.A)(a.A,(0,s.A)("marginBottom","margin","flex","padding","nested","background"))`
  background-color: ${({background:e,nested:t,theme:{themeName:n}})=>e||o.Ay[n===c.S.DARK?`desktop-color-neutral-${t?"00":"01"}-dark`:`desktop-color-neutral-${t?"01":"00"}-light`]};
  margin-bottom: ${({theme:e,marginBottom:t})=>t||e.spacing["spacing-l"]};
  ${({margin:e})=>e?`margin: ${e};`:""}
  ${({padding:e})=>e?`padding: ${e};`:""}
  border-radius: 8px;
  flex-direction: column;
  flex: ${({flex:e=0})=>e};
  > :last-child {
    margin-bottom: 0;
  }
  thead {
    tr {
      height: 32px !important;
    }
    th {
      text-transform: none;
    }
  }
  > li {
    > div:first-child {
      background: ${({background:e,theme:{themeName:t}})=>e||o.Ay[t===c.S.DARK?"desktop-color-neutral-01-dark":"desktop-color-neutral-00-light"]};
      height: 48px;
      padding: 0 ${d.Ln};
    }
    > div:nth-child(2) {
      margin-bottom: 0;
      padding: 0;
      > div {
        padding: 0 ${d.Ln} ${d.Ln};
      }
    }
  }
`,g=({type:e,marginBottom:t,margin:n,padding:o,flex:a,width:l,nested:c,...d})=>"items"in d?i.createElement(u,{marginBottom:t,margin:n,padding:o,flex:a,nested:c,...d}):i.createElement(A,{nested:c,width:l,marginBottom:t,margin:n,padding:o,flex:a,isButtonList:e===r.BUTTON_LIST,...d},d.children)},203041(e,t,n){n.r(t),n.d(t,{default:()=>Y});var r=n(469733),i=n(296540),o=n(217439),a=n(282556),l=n(398300),c=n(689965),d=n(845030),m=n(916537),s=n(73300),A=n(184683),u=n(249738),g=n(731971),N=n(513035),E=n(620637),h=n(705145),p=n(180524),T=n(903216),O=n(668995),C=n(601242),I=n(455155),_=n(596421),f=n(323030),L=n(703447),$=n(274750),k=n(618489),S=n(469987),x=n(71479),w=n(566723),b=n(294303);const v=(0,x.A)(b.A)`
  flex-direction: column;
  gap: ${w.kc};
`,y=(0,x.A)(b.A)`
  justify-content: space-between;
  gap: ${w.Er};
  white-space: nowrap;
`,B=(0,x.A)(b.A)`
  gap: ${w.YC};
  align-items: center;
  width: 100%;
  overflow: hidden;
`,R=(0,x.A)(b.A)`
  margin-top: ${w.Ln};
`;function M(e=[]){return e.slice(0,A.iw)}const P=(e,t)=>n=>i.createElement(y,{key:JSON.stringify(n)},i.createElement(B,null,i.createElement(f.A,{countryCode:n[N.Cs.MOST_FREQUENT_REGION],width:$.mS,height:$.lz}),i.createElement(h.A,{size:"medium",color:"text-2",isTruncated:!0},i.createElement(p.A,{description:n[N.Cs.DESTINATION]},i.createElement(_.A,null,n[N.Cs.DESTINATION])))),i.createElement(k.es,{size:"medium",color:"text-3",onClick:()=>{t([((0,E.isValidIp)(n[N.Cs.DESTINATION])?S.QA:S.tS)([n[N.Cs.DESTINATION]])])}},e.format(n[N.Cs.COUNT]||0))),U=(e,t,n)=>r=>i.createElement(y,{key:JSON.stringify(r)},i.createElement(B,null,i.createElement(L.A,{client:{fingerprint:r[N.ng.CLIENT_FINGERPRINT],icon_filename:r[N.ng.ICON_FILENAME],icon_resolutions:r[N.ng.ICON_RESOLUTIONS]},width:$.pC,height:$.sh}),i.createElement(k.es,{size:"medium",color:"text-2",isTruncated:!0,onClick:n(r[N.ng.CLIENT_MAC])},r[N.ng.CLIENT_NAME]||r[N.ng.CLIENT_MAC]||i.createElement(m.sA,{id:"COMMON_UNKNOWN"}))),i.createElement(k.es,{size:"medium",color:"text-3",onClick:()=>{t([(0,S.Tt)([r[N.ng.CLIENT_MAC]])])}},e.format(r[N.ng.COUNT]||0))),z=(e,t)=>n=>i.createElement(y,{key:JSON.stringify(n)},i.createElement(h.A,{size:"medium",color:"text-2",isTruncated:!0},n[N.B9.POLICY_NAME]),i.createElement(k.es,{size:"medium",color:"text-3",onClick:()=>{t([(0,S.DC)([n[N.B9.POLICY_TYPE]])])}},e.format(n[N.B9.COUNT]||0))),D=(e,t,n)=>r=>i.createElement(y,{key:JSON.stringify(r)},i.createElement(B,null,i.createElement(L.A,{client:{fingerprint:r[N.S6.CLIENT_FINGERPRINT],icon_filename:r[N.S6.ICON_FILENAME],icon_resolutions:r[N.S6.ICON_RESOLUTIONS]},width:$.pC,height:$.sh}),i.createElement(h.A,{size:"medium",color:"text-2",isTruncated:!0,onClick:n(r[N.S6.CLIENT_MAC])},r[N.S6.CLIENT_NAME]||r[N.S6.CLIENT_MAC]||i.createElement(m.sA,{id:"COMMON_UNKNOWN"}))),i.createElement(k.es,{size:"medium",color:"text-3",onClick:()=>{t([(0,S.Tt)([r[N.S6.CLIENT_MAC]])])}},e.format(r[N.S6.COUNT]||0))),F=(e,t)=>n=>i.createElement(y,{key:JSON.stringify(n)},i.createElement(B,null,i.createElement(f.A,{countryCode:n[N.rL.REGION],width:$.mS,height:$.lz}),i.createElement(h.A,{size:"medium",color:"text-1",isTruncated:!0},i.createElement(m.sA,n[N.rL.REGION]?{id:`COUNTRY_${n[N.rL.REGION]}`,defaultMessage:n[N.rL.REGION]}:{id:"COMMON_UNKNOWN"}))),i.createElement(k.es,{size:"medium",color:"text-3",onClick:()=>{t([(0,S.$D)([n[N.rL.REGION]])])}},e.format(n[N.rL.COUNT]||0))),Y=({activeItem:{flowsOverviewType:e}})=>{const t=(0,r.useDispatch)(),n=(0,r.useSelector)(a.zi),E=(0,r.useSelector)(s.jz),p=(0,r.useSelector)((0,i.useMemo)(()=>(0,g.v)(E),[E])),_=(0,i.useMemo)(()=>new Intl.NumberFormat(n,{notation:"standard"}),[n]),f=(0,i.useCallback)(e=>()=>{t((0,d.XP)({type:l.H.CLIENT,id:e}))},[t]),L=(0,i.useCallback)(e=>{t((0,u.p)(e))},[t]),k=(0,i.useMemo)(()=>({[N.rN.TOP_DESTINATIONS]:M(p[N.gl.TOP_ALL_COUNT_BY_DESTINATION]).map(P(_,L)),[N.rN.TOP_CLIENTS]:M(p[N.gl.TOP_ALL_COUNT_BY_CLIENT]).map(U(_,L,f)),[N.rN.TOP_APPS]:M(p[N.gl.TOP_ALL_TRAFFIC_BY_APPLICATION]).map(e=>{return t=(0,C.HH)((0,O.h)(e[N.YF.CATEGORY_ID],e[N.YF.APPLICATION_ID])),i.createElement(y,{key:JSON.stringify(e)},i.createElement(B,null,i.createElement(I.A,{iconFileName:t?.iconFileName,dimension:$.H2}),i.createElement(h.A,{size:"medium",color:"text-1",isTruncated:!0},t?.name||i.createElement(m.sA,{id:"COMMON_UNKNOWN"}))),i.createElement(h.A,{size:"medium",color:"text-3"},(0,T.FI)(e[N.YF.BYTES]||0)));var t}),[N.rN.TOP_TRIGGERED_POLICIES]:M(p[N.gl.TOP_BLOCKED_COUNT_BY_POLICY]).map(z(_,L)),[N.rN.TOP_AFFECTED_CLIENTS]:M(p[N.gl.TOP_BLOCKED_COUNT_BY_CLIENT]).map(D(_,L,f)),[N.rN.TOP_AFFECTED_REGIONS]:M(p[N.gl.TOP_BLOCKED_COUNT_BY_REGION]).map(F(_,L))}),[p,_,L,f])[e];return i.createElement(c.A,null,i.createElement(v,null,k),k.length===A.iw?i.createElement(R,null,i.createElement(o.A,{size:"medium",color:"text-3"},i.createElement(m.sA,{id:"COMMON_TABLE_FOOTER",values:{length:A.iw}}))):null)}},455155(e,t,n){n.d(t,{A:()=>s});var r=n(296540),i=n(469733),o=n(130851),a=n(765562);const l={};var c=n(71479),d=n(311785);const m=(0,c.A)("img",(0,d.A)("dimension"))`
  ${({dimension:e=22})=>`\n    height: ${e}px;\n    width: ${e}px;\n  `}
`,s=(0,r.memo)(({iconFileName:e,dimension:t,style:n={}})=>{const c=(0,i.useSelector)(o.p);return r.createElement(m,{src:l[e]||encodeURI(`${a.A.dpiPath}${e}`),dimension:t,onLoad:({target:t})=>{l[e]=t.src},onError:({currentTarget:e})=>{e.src=`${c}/dpiFallback.svg`},style:n})})},668995(e,t,n){n.d(t,{h:()=>r});const r=(e,t)=>(e<<16)+t},383149(e,t,n){n.d(t,{A:()=>i});var r=n(885205);const i=function(e,t){return!(null==e||!e.length)&&(0,r.A)(e,t,0)>-1}},887809(e,t,n){n.d(t,{A:()=>r});const r=function(e,t,n){for(var r=-1,i=null==e?0:e.length;++r<i;)if(n(t,e[r]))return!0;return!1}},458043(e,t,n){n.d(t,{A:()=>d});var r=n(8300),i=n(383149),o=n(887809),a=n(45572),l=n(552789),c=n(764099);const d=function(e,t,n,d){var m=-1,s=i.A,A=!0,u=e.length,g=[],N=t.length;if(!u)return g;n&&(t=(0,a.A)(t,(0,l.A)(n))),d?(s=o.A,A=!1):t.length>=200&&(s=c.A,A=!1,t=new r.A(t));e:for(;++m<u;){var E=e[m],h=null==n?E:n(E);if(E=d||0!==E?E:0,A&&h==h){for(var p=N;p--;)if(t[p]===h)continue e;g.push(E)}else s(t,h,d)||g.push(E)}return g}},144757(e,t,n){n.d(t,{A:()=>l});var r=n(458043),i=n(187671),o=n(224326),a=n(153533);const l=(0,o.A)(function(e,t){return(0,a.A)(e)?(0,r.A)(e,(0,i.A)(t,1,a.A,!0)):[]})}}]);