"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[59159],{69976:(e,t,a)=>{a.d(t,{S:()=>S});var n=a(469733),l=a(296540),r=a(963070),i=a(71479),o=a(592510),c=a(582724),s=a(86571),m=a(689965),d=a(294591),E=a(564985),A=a(328403),_=a(801081),u=a(960407),p=a(477544),C=a(180830);const g=(0,_.Mz)(C.K8,p.Ag,u.gm,(e,t,a)=>e.filter(({device_macs:e,for_wlanconf:t})=>e.includes(a)&&!t).map(e=>{const a=[];return((t||[]).filter(t=>t?.ap_group_ids?.includes(e._id))||[]).forEach(t=>{(t?.wlan_bands||[]).forEach(n=>{a.push({...t,id:`${t._id}-${e._id}-${n}`,wlan_band:n})}),a.length||a.push({...t,id:t._id+e._id})}),{...e,id:e._id,children:a}}));var h=a(271856),b=a(927099),I=a(662965),N=a(955161),O=a(699784),y=a(983329);const T=(0,i.A)(I.A)`
  margin-right: 7px;
  margin-bottom: 2px;
`,f=e=>t=>l.createElement(h.A,{description:l.createElement(l.Fragment,null,e.map(e=>l.createElement(l.Fragment,{key:e},l.createElement(O.sA,{id:"COMMON_BSSID"})," ",e))),width:167,portal:!0},t),M=[{id:"name",label:l.createElement(O.sA,{id:"DEVICE_PROPERTIES_AP_GROUP_TABLE_HEADER_NAME"}),renderCell:({name:e,attr_no_delete:t,children:a,wlan_band:n,bssids:r})=>a?l.createElement(b.A,{truncate:!0,color:"inherit",size:"body"},(0,y.K5)({attr_no_delete:t})?l.createElement(l.Fragment,null,e," (",l.createElement(O.sA,{id:"COMMON_DEFAULT"}),")"):e):l.createElement(N.A,{condition:!!r?.length,wrapper:f(r||[])},l.createElement(b.A,{truncate:!0,color:"inherit",size:"body"},n===d._$.NG?l.createElement(l.Fragment,null,l.createElement(T,null),e," (",l.createElement(O.sA,{id:"COMMON_RADIO_BAND_NG"}),")"):null,n===d._$.NA?l.createElement(l.Fragment,null,l.createElement(T,null),e," (",l.createElement(O.sA,{id:"COMMON_RADIO_BAND_NA"}),")"):null,n===d._$.AX?l.createElement(l.Fragment,null,l.createElement(T,null),e," (",l.createElement(O.sA,{id:"COMMON_RADIO_BAND_6E"}),")"):null))}],D=(0,i.A)("div")`
  table thead {
    display: none;
  }
`,L={[d._$.NG]:E.sx.RADIO_NG,[d._$.NA]:E.sx.RADIO_NA,[d._$.AX]:E.sx.RADIO_6E},v=({vap_table:e=[],radio_table:t=[]})=>{const a=(0,n.useSelector)(g),i=(0,l.useMemo)(()=>t?.reduce((e,t)=>(e[t.radio]=t,e),{}),[t]),s=(0,l.useMemo)(()=>a.map(t=>({...t,children:(t.children||[]).filter(e=>e.wlan_band&&i?.[L[e.wlan_band]]).map(t=>({...t,bssids:e?.filter(e=>t.wlan_band&&e.wlanconf_id===t._id&&e.radio===L[t.wlan_band]).map(e=>e?.bssid||"")}))})),[a,i,e]);return(0,c.A)([(0,A.Yo)(void 0,{crudCacheStrategy:{type:o.e.CACHE}})],l.createElement(D,null,l.createElement(r.A,{truncateHeaderCells:!0,items:s,columns:M,disableColumnFilters:!0,disableSelection:!0,disableTextPointer:!0})))},S=(0,l.memo)(({vap_table:e,radio_table:t})=>e?.length?l.createElement(m.A,{type:m.I.ACCORDION,items:[{id:"apGroups",label:l.createElement(s.A,{id:"COMMON_AP_GROUPS"}),renderContent:()=>l.createElement(v,{vap_table:e,radio_table:t}),openByDefault:!0}]}):null)},118835:(e,t,a)=>{var n;a.d(t,{M:()=>n}),function(e){e.MAIN="main",e.DHCP="dhcp",e.HOTSPOT="hotspot"}(n||(n={}))},124092:(e,t,a)=>{a.d(t,{A:()=>C});var n=a(469733),l=a(296540),r=a(962926),i=a(705145),o=a(71479),c=a(132196),s=a(6510),m=a(130851),d=a(566723),E=a(294303),A=a(6176);const _=c.AH`
  margin-bottom: ${d.Ln};
  margin-top: ${d.Ln};
`,u=(0,o.A)("div")`
  align-self: center;
  overflow: hidden;
  word-break: break-word;
`,p=(0,o.A)("img")`
  width: 40px;
  height: 40px;
  object-fit: contain;
`,C=({children:e,description:t,meshingDescription:a,isOffline:o,activeItem:C,style:g,className:h,isStacking:b})=>{const I=(0,n.useSelector)(m.p);return l.createElement(r.A,{className:(0,c.cx)(_,h),sections:[l.createElement("div",null,l.createElement(E.A,{gap:d.kc},b?l.createElement(p,{src:`${I}/topology/stacking.png`,alt:"stacked"}):l.createElement(A.A,{model:C.model,width:40,height:40}),l.createElement(u,{style:g},l.createElement(i.A,{color:o?"text-3":"text-1",weight:"bold",isTruncated:!0},(0,s.Lm)(C.model)),t)),a,e)]})}},151931:(e,t,a)=>{a.d(t,{A:()=>y});var n=a(296540),l=a(71479),r=a(943887),i=a(566723),o=a(927099),c=a(294303),s=a(699784),m=a(360113);const d=({id:e,isDisabledRadio:t})=>n.createElement(c.A,{marginBottom:t?0:i.kc},n.createElement(m.A,null,n.createElement(o.A,{weight:"bold",size:"body"},n.createElement(s.sA,{id:e})),t?n.createElement(o.A,{color:"tertiary",size:"body"},n.createElement(s.sA,{id:"COMMON_DISABLED"})):null));var E=a(689965),A=a(564985),_=a(170459),u=a(178233);const p=({radio_table_item:e,type:t,stat:a})=>{const{retryPercentage:l,droppedPercentage:r}=(0,n.useMemo)(()=>(0,_.GI)(t,e,"tx",a),[e,t,a]);return n.createElement(m.A,null,n.createElement(o.A,{color:"secondary",size:"body"},n.createElement(s.sA,{id:"DEVICE_PROPERTIES_LABEL_TX_RETRY_DROPPED"})),n.createElement(o.A,{color:"tertiary",size:"body"},(0,u.l)(l)," / ",(0,u.l)(r)))},C=({radio_table_item:e,type:t,stat:a})=>{const{totalPackets:l,totalBytes:r}=(0,n.useMemo)(()=>(0,_.GI)(t,e,"tx",a),[t,e,a]);return n.createElement(m.A,null,n.createElement(o.A,{color:"secondary",size:"body"},n.createElement(s.sA,{id:"DEVICE_PROPERTIES_LABEL_TX_PKTS_BYTES"})),n.createElement(o.A,{color:"tertiary",size:"body"},l??n.createElement(s.sA,{id:"COMMON_FALLBACK"})," /"," ",r??n.createElement(s.sA,{id:"COMMON_FALLBACK"})))},g=({radio_table_stats:e,radio_table_stats_item:t})=>{const{formatMessage:a}=(0,s.tz)(),l=(0,n.useMemo)(()=>(0,_.ZJ)(e,t,a),[e,t,a]);return l?n.createElement(m.A,null,n.createElement(o.A,{color:"secondary",size:"body"},n.createElement(s.sA,{id:"DEVICE_PROPERTIES_LABEL_TX_EIRP"})),n.createElement(o.A,{color:"tertiary",size:"body"},l)):null},h=({radio_table_item:e,type:t,stat:a})=>{const{retryPercentage:l,droppedPercentage:r}=(0,n.useMemo)(()=>(0,_.GI)(t,e,"rx",a),[e,t,a]);return n.createElement(m.A,null,n.createElement(o.A,{color:"secondary",size:"body"},n.createElement(s.sA,{id:"DEVICE_PROPERTIES_LABEL_RX_RETRY_DROPPED"})),n.createElement(o.A,{color:"tertiary",size:"body"},(0,u.l)(l)," / ",(0,u.l)(r)))},b=({radio_table_item:e,type:t,stat:a})=>{const{totalPackets:l,totalBytes:r}=(0,n.useMemo)(()=>(0,_.GI)(t,e,"rx",a),[t,e,a]);return n.createElement(m.A,null,n.createElement(o.A,{color:"secondary",size:"body"},n.createElement(s.sA,{id:"DEVICE_PROPERTIES_LABEL_RX_PKTS_BYTES"})),n.createElement(o.A,{color:"tertiary",size:"body"},l??n.createElement(s.sA,{id:"COMMON_FALLBACK"})," /"," ",r??n.createElement(s.sA,{id:"COMMON_FALLBACK"})))},I=({radio_table_stats:e,radio_table_item:t,flexProps:a})=>{const l=(0,n.useMemo)(()=>(0,_.Lm)(e,t),[e,t]);return l?n.createElement(m.A,{flexProps:a},n.createElement(o.A,{color:"secondary",size:"body"},n.createElement(s.sA,{id:"DEVICE_PROPERTIES_LABEL_CHANNEL_UTILIZATION"})),n.createElement(o.A,{color:"tertiary",size:"body"},`${l.total}% / ${l.selfRx}% / ${l.selfTx}%`)):null};var N=a(86571);const O=(0,l.A)(c.A)`
  &:not(:last-child) {
    margin-bottom: ${i.Ln};
  }
`,y=(0,n.memo)(({radio_table:e,radio_table_stats:t,type:a,stat:l,support_wifi6e:i})=>{const o=(0,n.useMemo)(()=>[...e||[]].sort(_.j3),[e]);return o.length?n.createElement(E.A,{type:E.I.ACCORDION,items:[{id:"airStats",label:n.createElement(N.A,{id:"DEVICE_PROPERTY_AIR_STATS"}),openByDefault:!0,renderContent:()=>o.map(({radio:o,name:s})=>{const m=t?.find(e=>e.radio===o&&e.name===s),E=e?.find(e=>e.radio===o&&e.name===s),u=(0,_.Ww)(E);return o!==A.sx.RADIO_6E||i?n.createElement(O,{flexDirection:"column",key:`${o}-${s}`},n.createElement(d,{id:(0,r.dI)(o),isDisabledRadio:u}),u?void 0:n.createElement(c.A,{height:"100%",flexDirection:"column"},n.createElement(g,{radio_table_stats:t,radio_table_stats_item:m}),n.createElement(C,{radio_table_item:E,type:a,stat:l}),n.createElement(b,{radio_table_item:E,type:a,stat:l}),n.createElement(p,{radio_table_item:E,type:a,stat:l}),n.createElement(h,{radio_table_item:E,type:a,stat:l}),n.createElement(I,{radio_table_stats:t,radio_table_item:E}))):null})}]}):null})},281837:(e,t,a)=>{a.d(t,{L6:()=>m,Rz:()=>E,_S:()=>p,df:()=>d,nH:()=>u,pn:()=>C,uS:()=>_,uc:()=>A});var n=a(822336),l=a(705145),r=a(71479),i=a(825032),o=a(566723),c=a(294303),s=a(360146);const m=(0,r.A)(c.A)`
  width: 100%;
  gap: ${s.g1}px;
`,d=(0,r.A)(c.A)`
  width: 100%;
  gap: ${s.ur}px;
`,E=(0,r.A)(c.A)`
  flex-direction: column;
  gap: ${o.kc};
  > span {
    cursor: pointer;
    white-space: nowrap;
  }
`,A=(0,r.A)(c.A)`
  width: ${s.Yk}px;
  position: relative;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
`,_=(0,r.A)(c.A,{shouldForwardProp:e=>!["dimension","outlineOverride","header"].includes(e)})`
  position: relative;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border-radius: 8px;
  margin-bottom: ${o.YC};
  ${({theme:{themeName:e},dimension:t=s.Yk,outlineOverride:a,header:l})=>`\n    border: ${s.jo}px solid ${n.Ay[a||`desktop-color-ublue-${e===i.S.DARK?"02":"04"}-${e}`]};\n    background: ${e===i.S.DARK?n.Ay["desktop-color-depth-bg-2-dark"]:n.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      ${l?`&:after {\n              content: '${l}';\n              font-size: 10px;\n              color: ${n.Ay[`desktop-color-text-3-${e}`]};\n              position: absolute;\n              top: -${o.kc};\n              background: ${n.Ay[`desktop-color-neutral-01-${e}`]};\n              border-radius: ${n.Ay["desktop-radius-base"]};\n              padding: 0 ${o.YC};\n            }`:""}\n  `}
`,u=e=>(0,r.A)(e,{shouldForwardProp:e=>!["margin"].includes(e)})`
  ${({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  `}
`,p=(0,r.A)("div")`
  position: absolute;
  top: -${s.Yk/2}px;
  left: -${s.Yk/2}px;
  width: ${s.Yk}px;
  height: ${s.Yk}px;
  z-index: 1;
`,C=(0,r.A)(l.A)`
  width: calc(${s.Yk}px + ${s.Yk/2/2}px);
`},343651:(e,t,a)=>{a.d(t,{A:()=>_,g:()=>A});var n=a(469733),l=a(956347),r=a(296540),i=a(118835),o=a(627440),c=a(15095),s=a(845030),m=a(398300),d=a(800081),E=a(337263);const A=()=>{const e=(0,n.useDispatch)(),t=(0,l.W6)(),a=(0,c.A)(`${o.VO.CLIENTS}/${i.M.MAIN}`);return{navigateToApClients:(0,r.useCallback)((n,l,r)=>{n&&e((0,E.ai)(n)),l&&e((0,E.t6)(l)),r&&e((0,E.BG)([d.Os[r[0]]??d.KM,d.Os[r[1]]??d.Uc])),t.push(a)},[e,t,a]),openClientPropertyPanel:(0,r.useCallback)(t=>{setTimeout(()=>{e((0,s.XP)({type:m.H.CLIENT,id:t}))},250)},[e])}},_=A},360146:(e,t,a)=>{a.d(t,{P4:()=>o,WC:()=>m,Yk:()=>l,f$:()=>c,g1:()=>i,jo:()=>n,oT:()=>s,ur:()=>r});const n=2,l=40,r=16,i=2*r,o=16,c=2*n,s=24,m={cursorType:"pointer",portal:!0,width:252}},470962:(e,t,a)=>{a.d(t,{A:()=>A});var n=a(296540),l=a(217439),r=a(823858),i=a(998837),o=a(566723),c=a(224948),s=a(349107),m=a(294303),d=a(699784),E=a(765562);const A=(0,n.memo)(({children:e})=>n.createElement(c.A,{icon:n.createElement(r.A,{size:"original",color:(0,i.u)().motifPalette.warning,variant:"fill"})},n.createElement(m.A,{flexDirection:"column",gap:o.kc},n.createElement(l.A,{size:"medium",color:"text-2"},n.createElement(d.sA,{id:"COMMON_DEVICE_OFFLINE_WARNING",values:{b:d.b,link:n.createElement(s.A,{href:E.A.offlineArticle,id:"COMMON_LEARN_MORE",noWrap:!0})}})),e)))},482572:(e,t,a)=>{a.d(t,{K5:()=>s,Se:()=>o,UI:()=>i,zd:()=>c});var n=a(71479),l=a(566723),r=a(294303);const i=(0,n.A)(r.A)`
  flex-direction: column;
  gap: ${l.kc};
`,o=(0,n.A)(r.A)`
  flex-direction: column;
  gap: ${l.YC};
`,c=(0,n.A)(r.A)`
  width: 100%;
  justify-content: space-between;
`,s=(0,n.A)(r.A)`
  align-items: center;
  gap: ${l.YC};
`},500045:(e,t,a)=>{a.d(t,{A:()=>o});var n=a(296540),l=a(927099),r=a(699784),i=a(360113);const o=({displayable_version:e,flexProps:t})=>e?n.createElement(i.A,{flexProps:t},n.createElement(l.A,{color:"secondary",size:"body"},n.createElement(r.sA,{id:"COMMON_DEVICE_VERSION"})),n.createElement(l.A,{color:"tertiary",size:"body"},e)):null},580427:(e,t,a)=>{a.d(t,{D:()=>n});const n="2x"},596441:(e,t,a)=>{a.d(t,{I:()=>n});const n={HEADER_HEIGHT:32,ROW_HEIGHT:32,EDIT_FIELD_HEIGHT:36,getHeight(e,t,a,n){return Math.min((n||this.ROW_HEIGHT)*e+(a??this.HEADER_HEIGHT),(n||this.ROW_HEIGHT)*t+(a??this.HEADER_HEIGHT))},getEditContainerHeight(e,t,a){return Math.min((a||this.EDIT_FIELD_HEIGHT)*e,(a||this.EDIT_FIELD_HEIGHT)*t)}}},619066:(e,t,a)=>{var n,l,r,i,o,c;a.d(t,{CF:()=>r,MZ:()=>o,cb:()=>i,oe:()=>l,y1:()=>n,zt:()=>c}),function(e){e.AP="ap",e.CLIENT="client",e.APP="app"}(n||(n={})),function(e){e.MODEL="model",e.NAME="name",e.TYPE="type"}(l||(l={})),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"}(r||(r={})),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"}(i||(i={})),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"}(o||(o={})),function(e){e.USAGE_BY="usage_by"}(c||(c={}))},646189:(e,t,a)=>{a.d(t,{A:()=>A});var n=a(469733),l=a(296540),r=a(71479),i=a(132196),o=a(801081),c=a(189601),s=a(609298);const m=i.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);
  }
`,d=2e3,E=(0,r.A)("div",{shouldForwardProp:e=>!["size","animationName","delay"].includes(e)})`
  position: absolute;
  border-radius: 50%;
  ${({size:e,theme:{motifPalette:{uBlue03:t}},delay:a,animationName:n})=>`\n    width: ${e}px;\n    height: ${e}px;\n    background: ${t};\n    animation-delay: ${a}ms;\n    animation-name: ${n};\n  `}
  animation-duration: ${d}ms;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0, 0.3, 0.1, 0);
  z-index: -1;
  opacity: 0;
  transform: scale(0);
`,A=(0,l.memo)(({size:e,mac:t})=>(0,n.useSelector)((0,l.useMemo)(()=>(e=>(0,c.WY)()((0,o.Mz)(({models:t})=>t[s.G.SESSION_METADATA]?.byId?.[e],e=>Boolean(e)),e=>e))(t),[t]))?l.createElement(l.Fragment,null,l.createElement(E,{size:e,animationName:m,delay:-500}),l.createElement(E,{size:e,animationName:m,delay:-1500})):null)},662965:(e,t,a)=>{a.d(t,{A:()=>r});var n=a(296540),l=a(629318);const r=(0,a(51946).w)(e=>(0,n.createElement)("svg",(0,l.d)({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em"},e),(0,n.createElement)("path",{d:"M9.724 15 3 7.917 9.724 5 16 7.917 9.724 15Z",fill:"currentColor",className:e.twotonedclassname}),(0,n.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.063 8a.479.479 0 0 1-.035.648.53.53 0 0 1-.773-.044A7.453 7.453 0 0 0 9.585 6a7.472 7.472 0 0 0-5.673 2.601.527.527 0 0 1-.766.046A.476.476 0 0 1 3.11 8a8.474 8.474 0 0 1 6.476-3 8.475 8.475 0 0 1 6.476 3Zm-2.454 2.531a.455.455 0 0 1-.056.592c-.229.228-.614.172-.813-.082a4 4 0 0 0-6.433.167c-.126.18-.386.217-.541.062-.246-.246-.293-.633-.075-.903A4.99 4.99 0 0 1 9.586 8.5c1.651 0 3.115.8 4.023 2.031ZM9.636 15a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",fill:"currentColor",className:e.baseclassname}),(0,n.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.418 7.597c.267.275.244.71-.027.98-.315.316-.833.282-1.148-.033A6.97 6.97 0 0 0 10.298 6.5a6.945 6.945 0 0 0-4.934 2.043c-.315.316-.833.35-1.148.035-.27-.271-.294-.706-.028-.981A8.478 8.478 0 0 1 10.298 5c2.407 0 4.574.998 6.12 2.597Zm-4.58 5.903a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm2.099-2.468c.25-.25.286-.647.049-.907A4.98 4.98 0 0 0 10.298 8.5c-1.45 0-2.764.626-3.681 1.616-.24.26-.206.658.043.91.33.333.887.263 1.226-.06A3.476 3.476 0 0 1 10.299 10c.94 0 1.787.367 2.415.968.338.323.892.394 1.223.064Z",fill:"currentColor",className:e.fillclassname})))},668995:(e,t,a)=>{a.d(t,{h:()=>n});const n=(e,t)=>(e<<16)+t},708719:(e,t,a)=>{a.d(t,{A:()=>c});var n=a(469733),l=a(296540),r=a(602021),i=a(876773),o=a(294303);const c=({allowReadOnly:e,...t})=>{const a=(0,n.useSelector)(r.EL)&&!e;return l.createElement(o.A,{alignItems:"center"},l.createElement(i.A,{size:"medium",type:"button",...t,disabled:a||t.isDisabled}))}},713570:(e,t,a)=>{a.d(t,{A:()=>d});var n=a(296540),l=a(822336),r=a(71479),i=a(825032),o=a(360146),c=a(132196);const s=(0,r.A)("svg",{shouldForwardProp:e=>"dimension"!==e})`
  position: absolute;
  border-radius: 8px;
  ${({dimension:e=o.Yk})=>`\n    width: ${e}px;\n    height: ${e}px;\n  `}
`,m=(0,r.A)("rect",{shouldForwardProp:e=>!["offset","totalLength","dimension","strokeDashOffset"].includes(e)})`
  ${({theme:{themeName:e},offset:t,totalLength:a,dimension:n=o.Yk,strokeDashOffset:r=o.P4})=>`\n    stroke: ${l.Ay[`desktop-color-ublue-${e===i.S.DARK?"04":"06"}-${e}`]};\n    stroke-dasharray: 0, ${4*n};\n    ${t&&a?`animation: ${((e,t)=>c.i7` 0% { stroke-dasharray: 0, ${e}; } 100% { stroke-dasharray: ${e*t}, ${e*(1-t)}; }`)(a,t)} 0.75s linear 0.15s forwards;`:""}\n    width: ${n}px;\n    height: ${n}px;\n    stroke-dashoffset: -${r};\n  `};
  fill: none;
  stroke-width: ${o.f$}px;
`,d=(0,n.memo)(({offset:e,dimension:t,strokeDashOffset:a})=>n.createElement(s,{dimension:t},n.createElement(m,{x:"0",y:"0",rx:"8",totalLength:4*o.Yk-14,offset:100*e/100,dimension:t,strokeDashOffset:a})))},723544:(e,t,a)=>{a.d(t,{A:()=>o});var n=a(296540),l=a(927099),r=a(699784),i=a(360113);const o=({mac:e,compact:t=!1})=>e?n.createElement(i.A,{compact:t},n.createElement(l.A,{color:"secondary",size:"body"},n.createElement(r.sA,{id:"COMMON_MAC_ADDRESS"})),n.createElement(l.A,{color:"tertiary",size:"body"},e)):null},757760:(e,t,a)=>{a.d(t,{A:()=>L});var n=a(469733),l=a(296540),r=a(927099),i=a(823858),o=a(424226),c=a(998837),s=a(592563),m=a(943887),d=a(928085),E=a(596441),A=a(566723),_=a(939701),u=a(66648),p=a(59372),C=a(196010),g=a(294303),h=a(699784),b=a(564985),I=a(780811),N=a(837612),O=a(170459),y=a(768195),T=a(532419),f=a(959341),M=a(343651),D=a(231460);const L=({uplink:e,mac:t,type:a,radio_table:L=[],radio_table_stats:v=[],vap_table:S=[],hideChannelInfo:R,deviceState:P,support_wifi6e:x,hideClientColumn:$,is_device_afc_supported:k,afc_enabled:w,afc_done:z,afc_initialize_timeout_at:B,is_device_outdoor_mode_supported:F,paddingBottom:Y})=>{const{motifPalette:{neutral03:H,warning:G}}=(0,c.u)(),V=(0,n.useSelector)(p.YG),K=(0,d.A)(f._L),{navigateToApClients:W}=(0,M.g)(),U=(0,l.useMemo)(()=>(0,N.wk)(P),[P]),Z=(0,l.useMemo)(()=>(0,N.C1)(P),[P]),j=(0,l.useMemo)(()=>(0,I.bgh)(L),[L]),Q=(0,l.useMemo)(()=>(0,I.v0B)(L),[L]).length===j.length,X=(0,n.useSelector)(p.dA),q=(0,n.useSelector)((0,l.useMemo)(()=>(0,T.KI)(t),[t])),J=(0,l.useCallback)(t=>e?.type===y.au.WIRELESS&&t===e?.radio,[e?.type,e?.radio]),ee=(0,l.useCallback)(e=>{W([t],[e])},[t,W]),te=(0,l.useMemo)(()=>[...L].sort(O.j3).map(({radio:e,ht:a,radio_caps:n,is_11ax:r,is_11be:i,name:c,tx_power_mode:d})=>{if(!e||e===b.sx.RADIO_6E&&!x)return null;const E=d===b.PB.DISABLED,p=v.find(e=>e.name===c)?.num_sta||0;return l.createElement(u.Ay,{key:`${e}-${c}`,radio:e,channel:l.createElement(_.A,{name:c,radio_table:L,radio_table_stats:v}),ht:(0,O.Aq)({radio:e,ht:a}),mimo:(0,O.e7)(n),standard:(0,m.lT)({radio:e,is_11ax:r,is_11be:i}),disabled:E,mac:t,is_device_afc_supported:k,afc_enabled:w,afc_done:z,afc_initialize_timeout_at:B,is_device_outdoor_mode_supported:F,is_disabled_all_6ghz_radios:Q,has_enabled_6Ghz:X||q,isMesh:J(e)},$?null:l.createElement(g.A,{width:u.KK.CLIENTS,flexDirection:"row",gap:A.YC,alignItems:"center"},l.createElement(s.A,{onPress:()=>ee(e)},l.createElement(o.A,{size:"original"}),l.createElement(D.mb,null,p))))}),[L,x,v,t,k,w,z,B,F,Q,X,q,J,$,ee]);return(0,I.r$V)({type:a})||!(te.length>0)||R&&!1!==V?null:l.createElement(g.A,{marginTop:A.Ln,flexDirection:"column",paddingBottom:Y},R?null:te,!1===V&&U&&!Z&&S.length?l.createElement(g.A,{height:E.I.ROW_HEIGHT-1+"px",borderBottom:`1px solid ${H}`,alignItems:"center",gap:A.YC},l.createElement(i.A,{color:G,variant:"fill",size:"original"}),l.createElement(r.A,{size:"body"},l.createElement(h.sA,{id:"COMMON_6GHZ_BAND_NOT_UTILIZED",values:{link:l.createElement(C.A,{to:K},l.createElement(h.sA,{id:"COMMON_LINK_WIFI_SETTINGS"}))}}))):null)}},812454:(e,t,a)=>{a.d(t,{A:()=>F});var n=a(296540),l=a(71479),r=a(566723),i=a(218234),o=a(294303),c=a(217439),s=a(998837),m=a(842630),d=a(224948),E=a(699784),A=a(469733),_=a(824182),u=a(264963),p=a(822336),C=a(705145);const g=(0,l.A)(o.A)`
  flex-direction: column;
  margin-top: ${r.kc};
  padding-top: ${r.kc};
  border-top: ${({theme:{themeName:e}})=>p.Ay[`desktop-border-divider-${e}`]};
`,h=(0,l.A)(o.A)`
  width: 100%;
  justify-content: space-between;
`,b=(0,l.A)(o.A)`
  gap: ${r.Ln};
  align-items: center;
`,I=(0,l.A)(C.A)`
  max-width: 150px;
`,N=(0,n.memo)(({mac:e,replacementMac:t})=>{const a=(0,A.useDispatch)(),[l,r]=(0,n.useState)(!1),i=(0,n.useCallback)(()=>{r(!0),a((0,u.X2)(e)).finally(()=>{r(!1)})},[a,e]);return n.createElement(g,null,n.createElement(h,null,n.createElement(I,{isTruncated:!0,size:"medium",color:"text-2"},n.createElement(E.sA,{id:"DEVICE_REPLACEMENT_DEVICE"})),n.createElement(b,null,n.createElement(c.A,{size:"medium",color:"text-3"},t),n.createElement(_.A,{actionable:!0,onClick:i,disabled:l}))))}),O=(0,l.A)(o.A)`
  flex-direction: column;
  gap: ${r.kc};
`;var y=a(709690),T=a(823858),f=a(768195);const M=({state:e},{uBlue06:t,orange06:a})=>{switch(e){case f.gQ.WAITING_FOR_REPLACEMENT:return n.createElement(y.A,{size:"original",color:t,variant:"fill"});case f.gQ.WAITING_FOR_REPLACED_DEVICE_DISCONNECT:case f.gQ.INCOMPATIBLE_REPLACEMENT:case f.gQ.REPLACEMENT_ALREADY_ASSIGNED:case f.gQ.CANNOT_REPLACE:default:return n.createElement(T.A,{size:"original",color:a,variant:"fill"})}},D=({state:e})=>{switch(e){case f.gQ.WAITING_FOR_REPLACEMENT:return"DEVICE_REPLACEMENT_PENDING_WAITING_FOR_REPLACEMENT";case f.gQ.WAITING_FOR_REPLACED_DEVICE_DISCONNECT:return"DEVICE_REPLACEMENT_PENDING_WAITING_FOR_REPLACED_DEVICE_DISCONNECT";case f.gQ.INCOMPATIBLE_REPLACEMENT:return"DEVICE_REPLACEMENT_PENDING_INCOMPATIBLE_REPLACEMENT";case f.gQ.REPLACEMENT_ALREADY_ASSIGNED:case f.gQ.CANNOT_REPLACE:default:return"DEVICE_REPLACEMENT_PENDING_CANNOT_REPLACE"}},L=(0,n.memo)(({mac:e,replacement:t})=>{const{motifPalette:a}=(0,s.u)();return t?.device_mac?n.createElement(m.A,null,n.createElement(d.A,{icon:M(t,a)},n.createElement(O,null,n.createElement(c.A,{size:"medium",color:"text-2"},n.createElement(E.sA,{id:D(t),values:{b:E.b}}))),n.createElement(N,{mac:e,replacementMac:t.device_mac}))):null});var v=a(211908),S=a(188912),R=a(470962),P=a(281884),x=a(130648),$=a(392699),k=a(124092),w=a(236037),z=a(683086);const B=(0,l.A)(o.A)`
  & > :first-child {
    margin-top: ${r.kc};
  }
`,F=({activeItem:e,activeItem:{deviceState:t,uplink:a,mac:l,model:o,type:c,replacement:s},showPortOverview:m,hidePortsButton:d,isStacking:E,multipleDisplayedDevicesData:A,overviewChildren:_,children:u})=>{const p=(0,n.useMemo)(()=>(0,P.H)(t,a?.type),[t,a?.type]),C=Boolean(e?.port_table?.length),g=m&&C;return n.createElement(n.Fragment,null,n.createElement(k.A,{activeItem:e,isOffline:p===$.v.OFFLINE,description:n.createElement(S.A,{activeItem:e,connectionStatus:p}),meshingDescription:n.createElement(x.A,{activeItem:e,connectionStatus:p}),isStacking:E},_,g?n.createElement("div",{style:{marginTop:r.Ln}},n.createElement(i.A,{activeItem:e,disableOnPortClick:!0,showFullScreenDiagramButton:!1,useBubbleWrapper:!1,multipleDisplayedDevicesData:A,isStacking:E})):null,n.createElement(B,{gap:r.kc,flexDirection:"column"},n.createElement(w.A,{activeItem:e}),!d&&C?n.createElement(z.A,{mac:l}):null),u),p===$.v.OFFLINE?n.createElement(R.A,null,s?.device_mac?null:n.createElement(v.A,{mac:l,model:o,type:c})):null,n.createElement(L,{mac:l,replacement:s}))}},842630:(e,t,a)=>{a.d(t,{A:()=>i});var n=a(469733),l=a(296540),r=a(602021);const i=({children:e=null})=>(0,n.useSelector)(r.EL)?null:l.createElement(l.Fragment,null,e)},876773:(e,t,a)=>{a.d(t,{A:()=>i});var n=a(296540),l=a(758649),r=a(196010);const i=e=>n.createElement(l.A,{component:r.A,variant:"inline",size:"medium",...e})},879905:(e,t,a)=>{a.d(t,{A:()=>s});var n=a(296540),l=a(927099),r=a(758649),i=a(566723),o=a(294303),c=a(699784);const s=(e,t={})=>{const{formatMessage:a}=(0,c.tz)(),[s,m]=(0,n.useState)(!1),{defaultCount:d,label:{singular:E,plural:A}}=(0,n.useMemo)(()=>({defaultCount:t.defaultCount||6,label:{singular:a({id:t.label?.singular||"COMMON_DEVICE"}),plural:a({id:t.label?.plural||"COMMON_DEVICES"})}}),[t,a]),_=(0,n.useCallback)(()=>{m(e=>!e)},[]);return{rowLimit:e>d&&!s?d:e,renderFooter:e>d?n.createElement(o.A,{marginTop:i.kc},n.createElement(l.A,{size:"body"},n.createElement(c.sA,{id:"COMMON_ADV_TABLE_FOOTER",values:{length:e>d&&!s?d:e,total:e,singular:E,plural:A}}),n.createElement(n.Fragment,null," ",n.createElement(r.A,{type:"button",variant:"inline",onClick:_},n.createElement(c.sA,{id:"COMMON_SHOW"})," ",n.createElement(c.sA,{id:s?"COMMON_LESS":"COMMON_ALL"}))))):null,setExpand:m}}},943393:(e,t,a)=>{a.d(t,{A:()=>j});var n=a(469733),l=a(296540),r=a(271856),i=a(217439),o=a(592510),c=a(582724),s=a(15095),m=a(398300),d=a(566723),E=a(646189),A=a(708719),_=a(294303),u=a(703447),p=a(689965),C=a(845030),g=a(627440),h=a(699784),b=a(580427),I=a(713570),N=a(360146),O=a(281837),y=a(239417),T=a(984652),f=a(619066),M=a(343651),D=a(705145),L=a(592563),v=a(903216),S=a(943805),R=a(438369),P=a(670),x=a(482572),$=a(691294),k=a(336549),w=a(668995),z=a(664967),B=a(601242),F=a(411502),Y=a(89716),H=a(987309),G=a(584916);const{startDate:V,endDate:K}=z.E[G.l.ONE_DAY].getRange(new Date),W=(0,l.memo)(({mac:e})=>{const t=(0,n.useDispatch)(),a=V.getTime(),r=K.getTime(),c=(0,n.useSelector)((0,l.useMemo)(()=>(0,Y.Fr)({start:a,end:r,includeUnidentified:!0,mac:e}),[e,a,r])),s=(0,l.useMemo)(()=>(c?.usage_by_app||[]).reduce((e,{total_bytes:t,category:a,application:n})=>e+((0,B.ez)((0,w.h)(a,n)).toLowerCase()!==F.HV?t:0),0)||0,[c?.usage_by_app]);return(0,l.useEffect)(()=>{t((0,H.m)({start:a,end:r,includeUnidentified:!0,mac:e},void 0,{crudCacheStrategy:{type:o.e.CACHE}}))},[t,r,e,a]),l.createElement(x.zd,null,l.createElement(i.A,{size:"small",color:"text-1"},l.createElement(h.sA,{id:"COMMON_24H_INTERNET_ACTIVITY"})),l.createElement(i.A,{size:"small",color:"text-2"},(0,v.FI)(s)))}),U=({client:e})=>{const{navigateToApClients:t,openClientPropertyPanel:a}=(0,M.A)(),n=(0,l.useCallback)(()=>{t(),a(e.mac)},[t,a,e.mac]);return l.createElement(x.UI,null,l.createElement(x.Se,null,l.createElement(x.K5,null,l.createElement(u.A,{size:b.D,width:N.oT,height:N.oT,client:e}),l.createElement(D.A,{size:"medium",weight:"bold",color:"text-1",isTruncated:!0},e.display_name||l.createElement(h.sA,{id:"COMMON_UNKNOWN"})))),l.createElement(x.Se,null,l.createElement(x.zd,null,l.createElement(i.A,{size:"small",color:"text-1"},l.createElement(D.A,{variant:"caption",color:"text-1",isTruncated:!0},void 0!==e.channel?l.createElement(h.sA,{id:"COMMON_CHANNEL_RADIO_CHANNEL",values:{channel:e.channel}}):l.createElement(h.sA,{id:"COMMON_FALLBACK"})," (",e.radio&&S.A[e.radio.toUpperCase()]?.frequency||l.createElement(h.sA,{id:"COMMON_FALLBACK"}),", ",e.channel_width||l.createElement(h.sA,{id:"COMMON_FALLBACK"})," ",l.createElement(h.sA,{id:"COMMON_UNIT_MHZ"}),")")),void 0!==e.signal?l.createElement(k.c,{signal:e.signal,size:"small"}):l.createElement(h.sA,{id:"COMMON_FALLBACK"})),l.createElement(x.zd,null,l.createElement(i.A,{size:"small",color:"text-1"},l.createElement(h.sA,{id:"COMMON_DOWNLOAD"})),l.createElement(x.K5,null,l.createElement(P.A.Icon,{size:"small"}),l.createElement(i.A,{size:"small",color:"traffic-down"},(0,v.FI)(e["rx_bytes-r"]||0)))),l.createElement(x.zd,null,l.createElement(i.A,{size:"small",color:"text-1"},l.createElement(h.sA,{id:"COMMON_UPLOAD"})),l.createElement(x.K5,null,l.createElement(R.A.Icon,{size:"small"}),l.createElement(i.A,{size:"small",color:"traffic-up"},(0,v.FI)(e["tx_bytes-r"]||0)))),e.status===$.S2.ONLINE?l.createElement(W,{mac:e.mac}):null),l.createElement(x.Se,null,l.createElement(x.zd,null,l.createElement(L.A,{onPress:n},l.createElement(h.sA,{id:"COMMON_VIEW_IN_CLIENTS"})))))},Z=({headerTranslationKey:e,scoreTranslationKey:t,onSeeAllClick:a})=>{const n=(0,s.A)(g.VO.CLIENTS);return l.createElement(_.A,{justifyContent:"space-between"},l.createElement(i.A,{color:"text-1",size:"medium",weight:"bold"},l.createElement(h.sA,{id:e})),l.createElement(A.A,{allowReadOnly:!0,to:n,onClick:a},l.createElement(h.sA,{id:t})))},j=({mac:e})=>{const t=(0,n.useDispatch)(),{navigateToApClients:a}=(0,M.g)(),i=(0,n.useSelector)((0,l.useMemo)(()=>(0,y.A5)(e),[e])),s=(0,l.useCallback)(e=>()=>{t((0,C.XP)({type:m.H.CLIENT,id:e}))},[t]),A=(0,l.useCallback)(()=>{a([e],[])},[e,a]),g=i.length;return(0,c.A)([(0,T.$3)(void 0,{crudCacheStrategy:{type:o.e.CACHE}})],g>0?l.createElement(p.A,null,l.createElement(Z,{headerTranslationKey:"DEVICE_HEADER_MOST_ACTIVE_CLIENTS",scoreTranslationKey:"COMMON_SEE_ALL",onSeeAllClick:A}),l.createElement(_.A,{flexDirection:"column",marginTop:d.Ln},l.createElement(_.A,{flexDirection:"row",justifyContent:g>=7?"space-between":void 0,gap:g<7?d.kc:void 0},i.sort((e,t)=>t.usage_bytes-e.usage_bytes).slice(0,7).map(e=>l.createElement(r.A,{width:240,description:e?l.createElement(U,{client:e}):null,key:e.mac,portal:!0,isInteractive:!0},l.createElement(O.uc,{onClick:s(e[f.cb.MAC])},l.createElement(O._S,null,l.createElement(E.A,{size:2*N.Yk,mac:e[f.cb.MAC]})),l.createElement(O.uS,null,(0,l.createElement)((0,O.nH)(u.A),{client:e,width:N.oT,height:N.oT,size:b.D}),l.createElement(I.A,{offset:i?.[0]?.usage_bytes?e.usage_bytes/i[0].usage_bytes:0})),l.createElement(O.pn,{size:"xsmall",color:"text-3",isCentered:!0,isTruncated:!0,style:{width:`${N.Yk}px`}},e?.display_name))))))):null)}}}]);