"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[97257],{388208(e,i,t){t.d(i,{v:()=>s});var n=t(222102),r=t(656466),o=t(401042),d=t(13318);const s=e=>(0,n.Mz)((e=>(0,n.Mz)((0,r.uh)((0,d.X)(e)),e=>e))(e),o.i6)},375187(e,i,t){t.d(i,{p:()=>a});var n=t(977872),r=t(487763),o=t(356823),d=t(838823),s=t(450734);const a=e=>(i,t)=>{(0,n.vA)(()=>{i((0,s.z7)((0,r.A)((0,o.bq)(t()),d.xi))),i((0,s.BN)(!1)),e.forEach(i)})}},279216(e,i,t){t.d(i,{$6:()=>c,GJ:()=>p,IT:()=>m,NP:()=>g,Nt:()=>h,es:()=>A,yJ:()=>N,z1:()=>l});var n=t(814557),r=t(95032),o=t(247816),d=t(309130),s=t(100978),a=t(291508);const c=(0,o.A)(s.A,(0,a.A)("flowsOverviewTopByRegionSupported"))`
  width: 100%;
  > div {
    max-width: ${({flowsOverviewTopByRegionSupported:e})=>100/(e?4:3)}%;
  }
  gap: ${d.Ln};
`,l=(0,o.A)(s.A)`
  width: 100%;
  min-width: 230px;
  padding: ${d.Ln};
  border: ${({theme:{themeName:e}})=>n.Ay[`desktop-border-divider-${e}`]};
  border-radius: ${n.Ay["desktop-radius-base"]};
`,m=(0,o.A)(s.A)`
  width: 100%;
  flex-direction: column;
  gap: ${d.YC};
`,h=(0,o.A)(s.A,(0,a.A)("header"))`
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: ${d.Er};
  white-space: nowrap;
  ${({header:e=!1})=>e?`margin-bottom: ${d.kc};`:""}
`,N=(0,o.A)(s.A)`
  gap: ${d.YC};
  align-items: center;
  width: 100%;
  overflow: hidden;
`,A=(0,o.A)(r.A)`
  width: fit-content;
  cursor: pointer;
  &:hover {
    color: ${({theme:{themeName:e}})=>n.Ay[`desktop-color-ublue-06-${e}`]};
  }
`,g=(0,o.A)(s.A)`
  gap: 2px;
`,p=(0,o.A)(s.A,(0,a.A)("color"))`
  width: 4px;
  height: 4px;
  background-color: ${({color:e,theme:{themeName:i}})=>e||n.Ay[`desktop-color-neutral-02-${i}`]};
  border-radius: 1px;
`},687507(e,i,t){t.d(i,{H2:()=>l,hG:()=>r,je:()=>m,lz:()=>d,mS:()=>o,pC:()=>a,sh:()=>c,xu:()=>s});var n=t(814557);const r=5,o=16,d=16,s={borderRadius:n.Ay["desktop-radius-base"]},a=20,c=20,l=20,m=">=4.2.6"},535322(e,i,t){t.d(i,{A:()=>A,I:()=>n});var n,r=t(274934),o=t(814557),d=t(158885),s=t(247816),a=t(565527),c=t(309130),l=t(100978),m=t(291508);!function(e){e.ACCORDION="accordion",e.BUTTON_LIST="buttonList"}(n||(n={}));const h=(0,s.A)(l.A,(0,m.A)("marginBottom","isButtonList","margin","flex","width","padding","nested","background"))`
  background-color: ${({background:e,nested:i,theme:{themeName:t}})=>e||o.Ay[t===a.S.DARK?`desktop-color-neutral-${i?"00":"01"}-${a.S.DARK}`:`desktop-color-neutral-${i?"01":"00"}-${a.S.LIGHT}`]};
  padding: ${({isButtonList:e,padding:i})=>i||(e?`0 ${c.Ln}`:c.Ln)};
  margin-bottom: ${({marginBottom:e})=>e||c.Ln};
  ${({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  `:""}
`,N=(0,s.A)(d.A,(0,m.A)("marginBottom","margin","flex","padding","nested","background"))`
  background-color: ${({background:e,nested:i,theme:{themeName:t}})=>e||o.Ay[t===a.S.DARK?`desktop-color-neutral-${i?"00":"01"}-${a.S.DARK}`:`desktop-color-neutral-${i?"01":"00"}-${a.S.LIGHT}`]};
  margin-bottom: ${({theme:e,marginBottom:i})=>i||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:i}})=>e||o.Ay[i===a.S.DARK?`desktop-color-neutral-01-${a.S.DARK}`:`desktop-color-neutral-00-${a.S.LIGHT}`]};
      height: 48px;
      padding: 0 ${c.Ln};
    }
    > div:nth-child(2) {
      margin-bottom: 0;
      padding: 0;
      > div {
        padding: 0 ${c.Ln} ${c.Ln};
      }
    }
  }
`,A=({type:e,marginBottom:i,margin:t,padding:o,flex:d,width:s,nested:a,...c})=>"items"in c?(0,r.jsx)(N,{marginBottom:i,margin:t,padding:o,flex:d,nested:a,...c}):(0,r.jsx)(h,{nested:a,width:s,marginBottom:i,margin:t,padding:o,flex:d,isButtonList:e===n.BUTTON_LIST,...c,children:c.children})},597257(e,i,t){t.r(i),t.d(i,{default:()=>Y});var n=t(274934),r=t(977872),o=t(602086),d=t(938984),s=t(820633),a=t(449339),c=t(535322),l=t(205521),m=t(470070),h=t(232311),N=t(629371),A=t(375187),g=t(388208),p=t(827028),T=t(745454),u=t(95032),x=t(669439),O=t(442175),C=t(454384),I=t(805521),_=t(16944),E=t(975298),L=t(86635),$=t(650632),f=t(687507),S=t(279216),j=t(450734),w=t(247816),b=t(309130),k=t(100978);const R=(0,w.A)(k.A)`
  flex-direction: column;
  gap: ${b.kc};
`,v=(0,w.A)(k.A)`
  justify-content: space-between;
  gap: ${b.Er};
  white-space: nowrap;
`,B=(0,w.A)(k.A)`
  gap: ${b.YC};
  align-items: center;
  width: 100%;
  overflow: hidden;
`,y=(0,w.A)(k.A)`
  margin-top: ${b.Ln};
`;function M(e=[]){return e.slice(0,N.iw)}const P=(e,i)=>t=>(0,n.jsxs)(v,{children:[(0,n.jsxs)(B,{children:[(0,n.jsx)(L.A,{countryCode:t[p.Cs.MOST_FREQUENT_REGION],width:f.mS,height:f.lz}),(0,n.jsx)(u.A,{size:"medium",color:"text-2",isTruncated:!0,children:(0,n.jsx)(x.A,{description:t[p.Cs.DESTINATION],children:(0,n.jsx)(E.A,{children:t[p.Cs.DESTINATION]})})})]}),(0,n.jsx)(S.es,{size:"medium",color:"text-3",onClick:()=>{i([((0,T.isValidIp)(t[p.Cs.DESTINATION])?j.QA:j.tS)([t[p.Cs.DESTINATION]])])},children:e.format(t[p.Cs.COUNT]||0)})]},JSON.stringify(t)),D=(e,i,t)=>r=>(0,n.jsxs)(v,{children:[(0,n.jsxs)(B,{children:[(0,n.jsx)($.A,{client:{fingerprint:r[p.ng.CLIENT_FINGERPRINT],icon_filename:r[p.ng.ICON_FILENAME],icon_resolutions:r[p.ng.ICON_RESOLUTIONS]},width:f.pC,height:f.sh}),(0,n.jsx)(S.es,{size:"medium",color:"text-2",isTruncated:!0,onClick:t(r[p.ng.CLIENT_MAC]),children:r[p.ng.CLIENT_NAME]||r[p.ng.CLIENT_MAC]||(0,n.jsx)(m.sA,{id:"COMMON_UNKNOWN"})})]}),(0,n.jsx)(S.es,{size:"medium",color:"text-3",onClick:()=>{i([(0,j.Tt)([r[p.ng.CLIENT_MAC]])])},children:e.format(r[p.ng.COUNT]||0)})]},JSON.stringify(r)),U=(e,i)=>t=>(0,n.jsxs)(v,{children:[(0,n.jsx)(u.A,{size:"medium",color:"text-2",isTruncated:!0,children:t[p.B9.POLICY_NAME]}),(0,n.jsx)(S.es,{size:"medium",color:"text-3",onClick:()=>{i([(0,j.DC)([t[p.B9.POLICY_TYPE]])])},children:e.format(t[p.B9.COUNT]||0)})]},JSON.stringify(t)),z=(e,i,t)=>r=>(0,n.jsxs)(v,{children:[(0,n.jsxs)(B,{children:[(0,n.jsx)($.A,{client:{fingerprint:r[p.S6.CLIENT_FINGERPRINT],icon_filename:r[p.S6.ICON_FILENAME],icon_resolutions:r[p.S6.ICON_RESOLUTIONS]},width:f.pC,height:f.sh}),(0,n.jsx)(u.A,{size:"medium",color:"text-2",isTruncated:!0,onClick:t(r[p.S6.CLIENT_MAC]),children:r[p.S6.CLIENT_NAME]||r[p.S6.CLIENT_MAC]||(0,n.jsx)(m.sA,{id:"COMMON_UNKNOWN"})})]}),(0,n.jsx)(S.es,{size:"medium",color:"text-3",onClick:()=>{i([(0,j.Tt)([r[p.S6.CLIENT_MAC]])])},children:e.format(r[p.S6.COUNT]||0)})]},JSON.stringify(r)),F=(e,i)=>t=>(0,n.jsxs)(v,{children:[(0,n.jsxs)(B,{children:[(0,n.jsx)(L.A,{countryCode:t[p.rL.REGION],width:f.mS,height:f.lz}),(0,n.jsx)(u.A,{size:"medium",color:"text-1",isTruncated:!0,children:(0,n.jsx)(m.sA,t[p.rL.REGION]?{id:`COUNTRY_${t[p.rL.REGION]}`,defaultMessage:t[p.rL.REGION]}:{id:"COMMON_UNKNOWN"})})]}),(0,n.jsx)(S.es,{size:"medium",color:"text-3",onClick:()=>{i([(0,j.$D)([t[p.rL.REGION]])])},children:e.format(t[p.rL.COUNT]||0)})]},JSON.stringify(t)),Y=({activeItem:{flowsOverviewType:e}})=>{const i=(0,r.wA)(),t=(0,r.d4)(s.zi),T=(0,r.d4)(h.jz),x=(0,r.d4)((0,o.useMemo)(()=>(0,g.v)(T),[T])),E=(0,o.useMemo)(()=>new Intl.NumberFormat(t,{notation:"standard"}),[t]),L=(0,o.useCallback)(e=>()=>{i((0,l.XP)({type:a.H.CLIENT,id:e}))},[i]),$=(0,o.useCallback)(e=>{i((0,A.p)(e))},[i]),S=(0,o.useMemo)(()=>({[p.rN.TOP_DESTINATIONS]:M(x[p.gl.TOP_ALL_COUNT_BY_DESTINATION]).map(P(E,$)),[p.rN.TOP_CLIENTS]:M(x[p.gl.TOP_ALL_COUNT_BY_CLIENT]).map(D(E,$,L)),[p.rN.TOP_APPS]:M(x[p.gl.TOP_ALL_TRAFFIC_BY_APPLICATION]).map(e=>{return i=(0,I.HH)((0,C.h)(e[p.YF.CATEGORY_ID],e[p.YF.APPLICATION_ID])),(0,n.jsxs)(v,{children:[(0,n.jsxs)(B,{children:[(0,n.jsx)(_.A,{iconFileName:i?.iconFileName,dimension:f.H2}),(0,n.jsx)(u.A,{size:"medium",color:"text-1",isTruncated:!0,children:i?.name||(0,n.jsx)(m.sA,{id:"COMMON_UNKNOWN"})})]}),(0,n.jsx)(u.A,{size:"medium",color:"text-3",children:(0,O.FI)(e[p.YF.BYTES]||0)})]},JSON.stringify(e));var i}),[p.rN.TOP_TRIGGERED_POLICIES]:M(x[p.gl.TOP_BLOCKED_COUNT_BY_POLICY]).map(U(E,$)),[p.rN.TOP_AFFECTED_CLIENTS]:M(x[p.gl.TOP_BLOCKED_COUNT_BY_CLIENT]).map(z(E,$,L)),[p.rN.TOP_AFFECTED_REGIONS]:M(x[p.gl.TOP_BLOCKED_COUNT_BY_REGION]).map(F(E,$))}),[x,E,$,L])[e];return(0,n.jsxs)(c.A,{children:[(0,n.jsx)(R,{children:S}),S.length===N.iw?(0,n.jsx)(y,{children:(0,n.jsx)(d.A,{size:"medium",color:"text-3",children:(0,n.jsx)(m.sA,{id:"COMMON_TABLE_FOOTER",values:{length:N.iw}})})}):null]})}},16944(e,i,t){t.d(i,{A:()=>h});var n=t(274934),r=t(602086),o=t(977872),d=t(890932),s=t(726831);const a={};var c=t(247816),l=t(291508);const m=(0,c.A)("img",(0,l.A)("dimension"))`
  ${({dimension:e=22})=>`\n    height: ${e}px;\n    width: ${e}px;\n  `}
`,h=(0,r.memo)(({iconFileName:e,dimension:i,style:t={}})=>{const r=(0,o.d4)(d.p);return(0,n.jsx)(m,{src:a[e]||encodeURI(`${s.A.dpiPath}${e}`),dimension:i,onLoad:({target:i})=>{a[e]=i.src},onError:({currentTarget:e})=>{e.src=`${r}/dpiFallback.svg`},style:t})})},454384(e,i,t){t.d(i,{h:()=>n});const n=(e,i)=>(e<<16)+i}}]);