"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[44128],{747483(e,t,i){var s,n,a,o,r,d;i.d(t,{CF:()=>a,MZ:()=>r,cb:()=>o,oe:()=>n,y1:()=>s,zt:()=>d}),function(e){e.AP="ap",e.CLIENT="client",e.APP="app"}(s||(s={})),function(e){e.MODEL="model",e.NAME="name",e.TYPE="type"}(n||(n={})),function(e){e.AP_DETAILS="ap_details",e.MAC="mac",e.RECEIVED_BYTES="received_bytes",e.SATISFACTION="satisfaction",e.TOTAL_BYTES="total_bytes",e.TRANSMITTED_BYTES="transmitted_bytes",e.TYPE="type"}(a||(a={})),function(e){e.DISPLAY_NAME="display_name",e.FINGERPRINT="fingerprint",e.MAC="mac",e.RECEIVED_BYTES="received_bytes",e.SATISFACTION="satisfaction",e.TOTAL_BYTES="total_bytes",e.TRANSMITTED_BYTES="transmitted_bytes",e.TYPE="type"}(o||(o={})),function(e){e.APPLICATION="application",e.CATEGORY="category",e.CLIENT_COUNT="client_count",e.RECEIVED_BYTES="received_bytes",e.TOTAL_BYTES="total_bytes",e.TRANSMITTED_BYTES="transmitted_bytes",e.TYPE="type"}(r||(r={})),function(e){e.USAGE_BY="usage_by"}(d||(d={}))},269984(e,t,i){i.d(t,{A:()=>p,g:()=>u});var s=i(602086),n=i(977872),a=i(237725),o=i(635496),r=i(104997),d=i(101134),l=i(205521),c=i(449339),m=i(542690),A=i(302318);const u=()=>{const e=(0,n.wA)(),t=(0,a.W6)(),i=(0,d.A)(`${r.VO.CLIENTS}/${o.M.MAIN}`);return{navigateToApClients:(0,s.useCallback)((s,n,a)=>{s&&e((0,A.ai)(s)),n&&e((0,A.t6)(n)),a&&e((0,A.BG)([m.Os[a[0]]??m.KM,m.Os[a[1]]??m.Uc])),t.push(i)},[e,t,i]),openClientPropertyPanel:(0,s.useCallback)(t=>{setTimeout(()=>{e((0,l.XP)({type:c.H.CLIENT,id:t}))},250)},[e])}},p=u},536442(e,t,i){i.d(t,{L6:()=>m,Rz:()=>u,_S:()=>_,df:()=>A,nH:()=>x,pn:()=>g,uS:()=>h,uc:()=>p});var s=i(814557),n=i(95032),a=i(247816),o=i(565527),r=i(309130),d=i(100978),l=i(291508),c=i(866725);const m=(0,a.A)(d.A)`
  width: 100%;
  gap: ${c.g1}px;
`,A=(0,a.A)(d.A)`
  width: 100%;
  gap: ${c.ur}px;
`,u=(0,a.A)(d.A)`
  flex-direction: column;
  gap: ${r.kc};
  > span {
    cursor: pointer;
    white-space: nowrap;
  }
`,p=(0,a.A)(d.A)`
  width: ${c.Yk}px;
  position: relative;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
`,h=(0,a.A)(d.A,(0,l.A)("dimension","outlineOverride","header"))`
  position: relative;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border-radius: 8px;
  margin-bottom: ${r.YC};
  ${({theme:{themeName:e},dimension:t=c.Yk,outlineOverride:i,header:n})=>`\n    border: ${c.jo}px solid ${s.Ay[i||`desktop-color-ublue-${e===o.S.DARK?"02":"04"}-${e}`]};\n    background: ${e===o.S.DARK?s.Ay["desktop-color-depth-bg-2-dark"]:s.Ay["desktop-color-neutral-00-light"]};\n    width: ${t}px;\n    min-width: ${t}px;\n    height: ${t}px;\n    min-height: ${t}px;\n      ${n?`&:after {\n              content: '${n}';\n              font-size: 10px;\n              color: ${s.Ay[`desktop-color-text-3-${e}`]};\n              position: absolute;\n              top: -${r.kc};\n              background: ${s.Ay[`desktop-color-neutral-01-${e}`]};\n              border-radius: ${s.Ay["desktop-radius-base"]};\n              padding: 0 ${r.YC};\n            }`:""}\n  `}
`,x=e=>(0,a.A)(e,(0,l.A)("margin"))`
  ${({device:e,client:t})=>e?"\n        width: 100%;\n        height: 100%;\n        margin: 0 auto;\n      ":t?"max-width: 80%; max-height: 80%;":""};
  ${({margin:e})=>`\n    ${e?`margin: ${e} !important;`:""};\n  `}
`,_=(0,a.A)("div")`
  position: absolute;
  top: -${c.Yk/2}px;
  left: -${c.Yk/2}px;
  width: ${c.Yk}px;
  height: ${c.Yk}px;
  z-index: 1;
`,g=(0,a.A)(n.A)`
  width: calc(${c.Yk}px + ${c.Yk/2/2}px);
`},866725(e,t,i){i.d(t,{P4:()=>r,WC:()=>c,Yk:()=>n,f$:()=>d,g1:()=>o,jo:()=>s,oT:()=>l,ur:()=>a});const s=2,n=40,a=16,o=2*a,r=16,d=2*s,l=24,c={cursorType:"pointer",portal:!0,width:252}},791732(e,t,i){i.d(t,{A:()=>u});var s=i(274934),n=i(602086),a=i(814557),o=i(247816),r=i(565527),d=i(291508),l=i(866725),c=i(409844);const m=(0,o.A)("svg",(0,d.A)("dimension"))`
  position: absolute;
  border-radius: 8px;
  ${({dimension:e=l.Yk})=>`\n    width: ${e}px;\n    height: ${e}px;\n  `}
`,A=(0,o.A)("rect",(0,d.A)("offset","totalLength","dimension","strokeDashOffset"))`
  ${({theme:{themeName:e},offset:t,totalLength:i,dimension:s=l.Yk,strokeDashOffset:n=l.P4})=>`\n    stroke: ${a.Ay[`desktop-color-ublue-${e===r.S.DARK?"04":"06"}-${e}`]};\n    stroke-dasharray: 0, ${4*s};\n    ${t&&i?`animation: ${((e,t)=>c.i7` 0% { stroke-dasharray: 0, ${e}; } 100% { stroke-dasharray: ${e*t}, ${e*(1-t)}; }`)(i,t)} 0.75s linear 0.15s forwards;`:""}\n    width: ${s}px;\n    height: ${s}px;\n    stroke-dashoffset: -${n};\n  `};
  fill: none;
  stroke-width: ${l.f$}px;
`,u=(0,n.memo)(({offset:e,dimension:t,strokeDashOffset:i})=>(0,s.jsx)(m,{dimension:t,children:(0,s.jsx)(A,{x:"0",y:"0",rx:"8",totalLength:4*l.Yk-14,offset:100*e/100,dimension:t,strokeDashOffset:i})}))},411897(e,t,i){i.d(t,{K5:()=>l,Se:()=>r,UI:()=>o,zd:()=>d});var s=i(247816),n=i(309130),a=i(100978);const o=(0,s.A)(a.A)`
  flex-direction: column;
  gap: ${n.kc};
`,r=(0,s.A)(a.A)`
  flex-direction: column;
  gap: ${n.YC};
`,d=(0,s.A)(a.A)`
  width: 100%;
  justify-content: space-between;
`,l=(0,s.A)(a.A)`
  align-items: center;
  gap: ${n.YC};
`},22372(e,t,i){i.d(t,{D:()=>s});const s="2x"},635496(e,t,i){var s;i.d(t,{M:()=>s}),function(e){e.MAIN="main",e.DHCP="dhcp",e.HOTSPOT="hotspot"}(s||(s={}))},555672(e,t,i){i.d(t,{A:()=>h});var s=i(274934),n=i(814557),a=i(602086),o=i(977872),r=i(247816),d=i(409844),l=i(222102),c=i(430328),m=i(773434),A=i(291508);const u=d.i7`
  0% {
    opacity: 0.0;
    transform: scale(0.3);
  }
  // fadein
  20% {
    opacity: 0.8;
  }
  // grow
  70% {
    transform: scale(0.8);
    opacity: 0.6;
  }
  // fadeout
  100% {
    opacity: 0.0;
    transform: scale(1.0);
  }
`,p=(0,r.A)("div",(0,A.A)("size","animationName","delay"))`
  position: absolute;
  border-radius: 50%;
  ${({size:e,theme:{themeName:t},delay:i,animationName:s})=>`\n    width: ${e}px;\n    height: ${e}px;\n    background: ${n.Ay[`desktop-color-ublue-03-${t}`]};\n    animation-delay: ${i}ms;\n    animation-name: ${s};\n  `}
  animation-duration: ${2e3}ms;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0, 0.3, 0.1, 0);
  z-index: -1;
  opacity: 0;
  transform: scale(0);
`,h=(0,a.memo)(({size:e,mac:t})=>(0,o.d4)((0,a.useMemo)(()=>(e=>(0,c.WY)()((0,l.Mz)(({models:t})=>t[m.G.SESSION_METADATA]?.byId?.[e],e=>Boolean(e)),e=>e))(t),[t]))?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(p,{size:e,animationName:u,delay:-500}),(0,s.jsx)(p,{size:e,animationName:u,delay:-1500})]}):null)},589252(e,t,i){i.d(t,{A:()=>d});var s=i(274934),n=i(977872),a=i(897166),o=i(633144),r=i(100978);const d=({allowReadOnly:e,...t})=>{const i=(0,n.d4)(a.EL)&&!e;return(0,s.jsx)(r.A,{alignItems:"center",children:(0,s.jsx)(o.A,{size:"medium",type:"button",...t,disabled:i||t.isDisabled})})}},326084(e,t,i){i.d(t,{A:()=>w});var s=i(274934),n=i(977872),a=i(602086),o=i(43009),r=i(244081),d=i(820633),l=i(724081),c=i(999396),m=i(309130),A=i(907488),u=i(100978),p=i(535322),h=i(549059),x=i(897166),_=i(570801),g=i(956978),y=i(222102),C=i(656466),T=i(401042);const j=({queryParams:e},{queryParams:t})=>e?.mac===t?.mac;var f=i(290454);const b="deviceDailyTxRetries",E=`${f.w}/device/:mac:/24hr-tx-retries`,$="mac";var M=i(29472),N=i(128066),k=i(103202),O=i(646077);const I={},S=({stat:e,mac:t,uplink:i,uptime:r,last_seen:l,deviceState:h})=>{const f=(0,n.wA)(),{motif:S}=(0,o.A)(),w=(0,n.d4)(x.hq),v=(0,n.d4)(d.zi),z=(0,n.d4)(_.BQ),D=(0,a.useMemo)(()=>(0,N.lD)(e),[e]),{translationKey:L,textColor:Y}=(0,a.useMemo)(()=>(0,N.QS)(S,D),[D,S]),P=(0,a.useMemo)(()=>(0,g.aK8)(h),[h]),R=(0,n.d4)((0,a.useMemo)(()=>(e=>(0,y.Mz)((e=>(0,y.Mz)((e=>({models:t})=>(0,C.JC)(b,t,{queryParams:{mac:e}},{idField:$,compareFunction:j}))(e),e=>(0,T.kh)(e)[0]))(e),e=>e?.historical_scores||[]))(t),[t])),B=(0,a.useMemo)(()=>(0,N.bW)(R,S),[R,S]),K=(0,a.useMemo)(()=>B.every(({not_reported:e})=>e),[B]);return(0,a.useEffect)(()=>{(!I[t]||Date.now()-I[t]>=3e5)&&f(((e,t={},i={})=>(0,M.An)([{model:b,payload:t=>[{...t,[$]:e}]}],E.replace(":mac:",e),{queryParams:{mac:e},...t},{idField:$,compareFunction:j,...i}))(t)).then(()=>{I[t]=Date.now()})},[f,t]),(0,s.jsxs)(p.A,{children:[(0,s.jsx)(O.hW,{score:D,headerTranslationKey:"COMMON_TX_RETRIES",scoreTranslationKey:K?"COMMON_FALLBACK":L,hideScore:K,color:K?k.PC[S][c.Jm.NOT_REPORTED]:Y}),(0,s.jsxs)(u.A,{flexDirection:"column",marginTop:m.Ln,gap:m.YC,children:[(0,s.jsx)(O.dC,{stackedBarItems:B,labelTranslationKey:"COMMON_TX_RETRIES",siteTimezone:w,language:v,selfHourCycle:z}),(0,s.jsx)(O.XG,{siteTimezone:w,selfHourCycle:z,language:v,startTime:R[0]?.timestamp})]}),(0,s.jsxs)(u.A,{width:"100%",justifyContent:"space-between",children:[(0,s.jsx)(u.A,{children:i?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(A.A,{style:{marginRight:"6px"},bytesPerSecond:P?0:i["rx_bytes-r"]||0,direction:"down",size:"medium",iconStyle:{width:"16px",height:"16px",marginRight:"2px"}}),(0,s.jsx)(A.A,{bytesPerSecond:P?0:i["tx_bytes-r"]||0,direction:"up",size:"medium",iconStyle:{width:"16px",height:"16px",marginRight:"2px"}})]}):null}),P?null:(0,s.jsx)(O.kD,{uptime:r,last_seen:l})]})]})},w=e=>(0,l.A)([(0,h.P)(void 0,{crudCacheStrategy:{type:r.e.CACHE}})],(0,s.jsx)(S,{...e}))},260067(e,t,i){i.d(t,{A:()=>v});var s=i(274934),n=i(814557),a=i(977872),o=i(602086),r=i(938984),d=i(920679),l=i(263705),c=i(954702),m=i(293668),A=i(43506),u=i(309130),p=i(420240),h=i(348871),x=i(577141),_=i(502129),g=i(100978),y=i(470070),C=i(561614),T=i(956978),j=i(434521),f=i(927316),b=i(857780),E=i(754924),$=i(969288),M=i(269984),N=i(309675),k=i(724081),O=i(549059),I=i(244081),S=i(646077);const w=({uplink:e,mac:t,type:i,radio_table:k=[],radio_table_stats:O=[],vap_table:I=[],hideChannelInfo:w,deviceState:v,support_wifi6e:z,hideClientColumn:D,is_device_afc_supported:L,afc_enabled:Y,afc_done:P,afc_initialize_timeout_at:R,is_device_outdoor_mode_supported:B,paddingBottom:K,isMloUplinkConnection:F=!1})=>{const{themeName:H}=(0,l.u)(),U=(0,a.d4)(x.YG),G=(0,A.A)($._L),{navigateToApClients:V}=(0,M.g)(),W=(0,o.useMemo)(()=>!!v&&(0,j.wk)(v),[v]),q=(0,o.useMemo)(()=>!!v&&(0,j.C1)(v),[v]),X=(0,o.useMemo)(()=>(0,T.bgh)(k),[k]),Z=(0,o.useMemo)(()=>(0,T.v0B)(k),[k]).length===X.length,J=(0,a.d4)(x.dA),Q=(0,a.d4)((0,o.useMemo)(()=>(0,E.KI)(t),[t])),ee=(0,o.useCallback)(t=>e?.type===b.au.WIRELESS&&t===e?.radio,[e?.type,e?.radio]),te=(0,o.useCallback)(e=>{V([t],[e])},[t,V]),ie=(0,o.useMemo)(()=>[...k].sort(f.j3).map(({radio:e,ht:i,radio_caps:n,is_11ax:a,is_11be:o,name:r,tx_power_mode:l})=>{if(!e||e===C.sx.RADIO_6E&&!z)return null;const A=l===C.PB.DISABLED,{bw:x,num_sta:_=0}=O.find(e=>e.name===r)||{};return(0,s.jsx)(h.Ay,{radio:e,channel:(0,s.jsx)(p.A,{name:r,radio_table:k,radio_table_stats:O}),ht:(0,f.Aq)({radio:e,ht:i},{bw:x}),mimo:(0,f.e7)(n),standard:(0,m.lT)({radio:e,is_11ax:a,is_11be:o}),disabled:A,mac:t,is_device_afc_supported:L,afc_enabled:Y,afc_done:P,afc_initialize_timeout_at:R,is_device_outdoor_mode_supported:B,is_disabled_all_6ghz_radios:Z,has_enabled_6Ghz:J||Q,isMesh:ee(e)&&!F,children:D?null:(0,s.jsx)(g.A,{width:h.KK.CLIENTS,flexDirection:"row",gap:u.YC,alignItems:"center",children:(0,s.jsxs)(c.A,{onPress:()=>te(e),children:[(0,s.jsx)(d.A,{size:"original"}),(0,s.jsx)(S.mb,{children:_})]})})},`${e}-${r}`)}),[k,z,O,t,L,Y,P,R,B,Z,J,Q,ee,D,te,F]);return(0,T.r$V)({type:i})||!(ie.length>0)||w&&!1!==U?null:(0,s.jsxs)(g.A,{marginTop:u.Ln,flexDirection:"column",paddingBottom:K,children:[w?null:ie,!1===U&&W&&!q&&I.length?(0,s.jsxs)(g.A,{borderBottom:`1px solid ${n.Ay[`desktop-color-neutral-03-${H}`]}`,alignItems:"flex-start",gap:u.kc,paddingTop:u.kc,paddingBottom:u.kc,children:[(0,s.jsx)(N.A,{color:n.Ay[`desktop-color-orange-06-${H}`],variant:"fill",size:"original"}),(0,s.jsx)(r.A,{size:"medium",children:(0,s.jsx)(y.sA,{id:"COMMON_6GHZ_BAND_NOT_UTILIZED",values:{link:(0,s.jsx)(_.A,{to:G,children:(0,s.jsx)(y.sA,{id:"COMMON_LINK_WIFI_SETTINGS"})})}})})]}):null]})},v=e=>(0,k.A)([(0,O.P)(void 0,{crudCacheStrategy:{type:I.e.CACHE}})],(0,s.jsx)(w,{...e}))},352879(e,t,i){i.d(t,{A:()=>Z});var s=i(274934),n=i(977872),a=i(602086),o=i(125799),r=i(938984),d=i(590979),l=i(244081),c=i(724081),m=i(101134),A=i(449339),u=i(309130),p=i(555672),h=i(589252),x=i(100978),_=i(650632),g=i(535322),y=i(205521),C=i(104997),T=i(470070),j=i(22372),f=i(791732),b=i(866725),E=i(536442),$=i(34118),M=i(239627),N=i(747483),k=i(269984),O=i(95032),I=i(954702),S=i(442175),w=i(345272),v=i(964978),z=i(122109),D=i(411897),L=i(223597),Y=i(781964),P=i(454384),R=i(436910),B=i(805521),K=i(609553),F=i(587083),H=i(507598),U=i(882355);const{startDate:G,endDate:V}=R.E[U.l.ONE_DAY].getRange(new Date),W=(0,a.memo)(({mac:e})=>{const t=(0,n.wA)(),i=G.getTime(),o=V.getTime(),d=(0,n.d4)((0,a.useMemo)(()=>(0,F.Fr)({start:i,end:o,includeUnidentified:!0,mac:e}),[e,i,o])),c=(0,a.useMemo)(()=>(d?.usage_by_app||[]).reduce((e,{total_bytes:t,category:i,application:s})=>e+((0,B.ez)((0,P.h)(i,s)).toLowerCase()!==K.HV?t:0),0)||0,[d?.usage_by_app]);return(0,a.useEffect)(()=>{t((0,H.m)({start:i,end:o,includeUnidentified:!0,mac:e},void 0,{crudCacheStrategy:{type:l.e.CACHE}}))},[t,o,e,i]),(0,s.jsxs)(D.zd,{children:[(0,s.jsx)(r.A,{size:"small",color:"text-1",children:(0,s.jsx)(T.sA,{id:"COMMON_24H_INTERNET_ACTIVITY"})}),(0,s.jsx)(r.A,{size:"small",color:"text-2",children:(0,S.FI)(c)})]})}),q=({client:e})=>{const{navigateToApClients:t,openClientPropertyPanel:i}=(0,k.A)(),n=(0,a.useCallback)(()=>{t(),i(e.mac)},[t,i,e.mac]);return(0,s.jsxs)(D.UI,{children:[(0,s.jsx)(D.Se,{children:(0,s.jsxs)(D.K5,{children:[(0,s.jsx)(_.A,{size:j.D,width:b.oT,height:b.oT,client:e}),(0,s.jsx)(O.A,{size:"medium",weight:"bold",color:"text-1",isTruncated:!0,children:e.display_name||(0,s.jsx)(T.sA,{id:"COMMON_UNKNOWN"})})]})}),(0,s.jsxs)(D.Se,{children:[(0,s.jsxs)(D.zd,{children:[(0,s.jsx)(r.A,{size:"small",color:"text-1",children:(0,s.jsxs)(O.A,{variant:"caption",color:"text-1",isTruncated:!0,children:[(0,s.jsx)(T.sA,void 0!==e.channel?{id:"COMMON_CHANNEL_RADIO_CHANNEL",values:{channel:e.channel}}:{id:"COMMON_FALLBACK"})," (",e.radio&&w.A[e.radio.toUpperCase()]?.frequency||(0,s.jsx)(T.sA,{id:"COMMON_FALLBACK"}),", ",e.channel_width||(0,s.jsx)(T.sA,{id:"COMMON_FALLBACK"})," ",(0,s.jsx)(T.sA,{id:"COMMON_UNIT_MHZ"}),")"]})}),void 0!==e.signal?(0,s.jsx)(Y.c,{signal:e.signal,size:"small"}):(0,s.jsx)(T.sA,{id:"COMMON_FALLBACK"})]}),(0,s.jsxs)(D.zd,{children:[(0,s.jsx)(r.A,{size:"small",color:"text-1",children:(0,s.jsx)(T.sA,{id:"COMMON_DOWNLOAD"})}),(0,s.jsxs)(D.K5,{children:[(0,s.jsx)(z.A.Icon,{size:"small"}),(0,s.jsx)(r.A,{size:"small",color:"traffic-down",children:(0,S.FI)(e["rx_bytes-r"]||0)})]})]}),(0,s.jsxs)(D.zd,{children:[(0,s.jsx)(r.A,{size:"small",color:"text-1",children:(0,s.jsx)(T.sA,{id:"COMMON_UPLOAD"})}),(0,s.jsxs)(D.K5,{children:[(0,s.jsx)(v.A.Icon,{size:"small"}),(0,s.jsx)(r.A,{size:"small",color:"traffic-up",children:(0,S.FI)(e["tx_bytes-r"]||0)})]})]}),e.status===L.S2.ONLINE?(0,s.jsx)(W,{mac:e.mac}):null]}),(0,s.jsx)(D.Se,{children:(0,s.jsx)(D.zd,{children:(0,s.jsx)(I.A,{onPress:n,children:(0,s.jsx)(T.sA,{id:"COMMON_VIEW_IN_CLIENTS"})})})})]})},X=({headerTranslationKey:e,scoreTranslationKey:t,onSeeAllClick:i})=>{const n=(0,m.A)(C.VO.CLIENTS);return(0,s.jsxs)(x.A,{justifyContent:"space-between",children:[(0,s.jsx)(r.A,{color:"text-1",size:"medium",weight:"bold",children:(0,s.jsx)(T.sA,{id:e})}),(0,s.jsx)(h.A,{allowReadOnly:!0,to:n,onClick:i,children:(0,s.jsx)(T.sA,{id:t})})]})},Z=({mac:e})=>{const t=(0,n.wA)(),{navigateToApClients:i}=(0,k.g)(),r=(0,n.d4)((0,a.useMemo)(()=>(0,$.A5)(e),[e])),m=(0,a.useCallback)(e=>()=>{t((0,y.XP)({type:A.H.CLIENT,id:e}))},[t]),h=(0,a.useCallback)(()=>{i([e],[])},[e,i]),C=r.length;return(0,c.A)([(0,M.$3)(void 0,{crudCacheStrategy:{type:l.e.CACHE}})],C>0?(0,s.jsxs)(g.A,{children:[(0,s.jsx)(X,{headerTranslationKey:"DEVICE_HEADER_MOST_ACTIVE_CLIENTS",scoreTranslationKey:"COMMON_SEE_ALL",onSeeAllClick:h}),(0,s.jsx)(x.A,{flexDirection:"column",marginTop:u.Ln,children:(0,s.jsx)(x.A,{flexDirection:"row",justifyContent:C>=7?"space-between":void 0,gap:C<7?u.kc:void 0,children:r.sort((e,t)=>t.usage_bytes-e.usage_bytes).slice(0,7).map(e=>(0,s.jsx)(o.A,{width:240,description:e?(0,s.jsx)(q,{client:e}):null,portal:!0,isInteractive:!0,children:(0,s.jsxs)(E.uc,{onClick:m(e[N.cb.MAC]),...d.A.addDataTestId(d.A.TestId.SIDE_PANEL_TRIGGER),children:[(0,s.jsx)(E._S,{children:(0,s.jsx)(p.A,{size:2*b.Yk,mac:e[N.cb.MAC]})}),(0,s.jsxs)(E.uS,{children:[(0,a.createElement)((0,E.nH)(_.A),{client:e,width:b.oT,height:b.oT,size:j.D}),(0,s.jsx)(f.A,{offset:r?.[0]?.usage_bytes?e.usage_bytes/r[0].usage_bytes:0})]}),(0,s.jsx)(E.pn,{size:"xsmall",color:"text-3",isCentered:!0,isTruncated:!0,style:{width:`${b.Yk}px`},children:e?.display_name})]})},e.mac))})})]}):null)}},454384(e,t,i){i.d(t,{h:()=>s});const s=(e,t)=>(e<<16)+t}}]);