"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[81332],{863979(e,t,i){i.d(t,{Fl:()=>s,Nl:()=>a,Uo:()=>r,an:()=>c,l7:()=>d});var n=i(132196),l=i(984297),o=i(661282);const r=[{value:25},{value:50},{value:100,default:!0}],s=n.AH`
  ${l.E};
`,a={paddingTop:0,paddingRight:0,paddingLeft:0},d=[o.uk.STATUS,o.uk.NAME],c={[o.uk.STATUS]:{size:20,minSize:20,maxSize:20},[o.uk.NAME]:{size:142,minSize:142},[o.uk.MAC]:{size:132,minSize:100},[o.uk.VENDOR]:{size:82,minSize:82},[o.uk.CONNECTION]:{size:118,minSize:100},[o.uk.NETWORK]:{size:88,minSize:88},[o.uk.WIFI]:{size:88,minSize:88},[o.uk.EXPERIENCE]:{size:104,minSize:104},[o.uk.SIGNAL]:{size:82,minSize:82},[o.uk.TECHNOLOGY]:{size:102,minSize:100},[o.uk.CHANNEL]:{size:130,minSize:100},[o.uk.IP]:{size:98,minSize:98},[o.uk.IPV6]:{size:118,minSize:118},[o.uk.LINK_LOCAL]:{size:118,minSize:118},[o.uk.IDENTITY]:{size:128,minSize:100},[o.uk.VLAN]:{size:118,minSize:100},[o.uk.ACTIVITY]:{size:98,minSize:98},[o.uk.DOWNLINK]:{size:98,minSize:98},[o.uk.UPLINK]:{size:98,minSize:98},[o.uk.DAILY_USAGE]:{size:114,minSize:100},[o.uk.TX_RETRIES]:{size:108,minSize:108},[o.uk.UPTIME]:{size:134,minSize:134},[o.uk.TX_RATE]:{size:94,minSize:94},[o.uk.RX_RATE]:{size:94,minSize:94},[o.uk.FIRST_SEEN]:{size:144,minSize:100},[o.uk.LAST_SEEN]:{size:144,minSize:100},[o.uk.DOWN_PKTS]:{size:98,minSize:98},[o.uk.UP_PKTS]:{size:98,minSize:98},[o.uk.LOCAL_DNS_RECORD]:{size:148,minSize:100}}},300047(e,t,i){i.d(t,{A:()=>m});var n=i(296540),l=i(469733),o=i(411700),r=i(916537),s=i(200826),a=i(789768),d=i(840279),c=i(77034),u=i(381749);const m=({columns:e,columnLabels:t,tableType:i,hidden:m=[]})=>{const A=(0,l.useDispatch)(),{initialColumns:p=[],initialColumnSnapshot:h={}}=(0,s.A)(i)||{initialColumns:[],initialColumnSnapshot:{}},E=(0,n.useMemo)(()=>Object.values(e),[e]),I=(0,n.useMemo)(()=>E.every(e=>p.includes(e)),[p,E]),f=(0,n.useCallback)(()=>{const e=I?[...(0,d.A)()]:E;A((0,a.yT)(i,{initialColumns:e,initialColumnSnapshot:I?Object.keys(h).reduce((e,t)=>(e[t]=!1,e),{...h}):e.reduce((e,t)=>(e[t]=!0,e),{...h})}))},[A,I,i,E,h]),b=(0,n.useCallback)(e=>t=>{const n=t?[...p,e]:p.filter(t=>t!==e);A((0,a.yT)(i,{initialColumns:n,initialColumnSnapshot:Object.keys(h).reduce((e,t)=>(e[t]=n.includes(t),e),{...h})}))},[A,p,i,h]),k=(0,n.useMemo)(()=>{const e=[{id:c.M,isSelected:I,label:n.createElement(r.sA,{id:"COMMON_ALL"}),onChange:f}],i=E.length;for(let l=0;l<i;l+=1){const i=E[l];m.includes(i)||e.push({id:i,isSelected:p.includes(i),label:t?.[i]?n.createElement(r.sA,{id:t[i]}):i,onChange:b(i)})}return e},[b,p,E,m,t,I,f]);return n.createElement(u.g,null,k.map(({id:e,label:t,onChange:i,isSelected:l})=>n.createElement(o.A,{key:e,id:e,label:t,onChange:i,isSelected:l})))}},381749(e,t,i){i.d(t,{g:()=>r});var n=i(71479),l=i(566723),o=i(294303);const r=(0,n.A)(o.A)`
  flex-direction: column;
  gap: ${l.kc};
  padding-top: ${l.xO};
  > div:first-child > label:first-child {
    margin-bottom: ${l.xO};
  }
`},77034(e,t,i){i.d(t,{M:()=>n});const n="COLUMN_VISIBILITY_SHOW_ALL_FIELDS_ID"},684342(e,t,i){i.d(t,{l:()=>a,t:()=>d});var n=i(249304),l=i(803676),o=i(712232),r=i(863979);const s=(e,[t,{size:i}])=>(e[t]=i,e),a={[n.l.CLIENT]:Object.entries(r.an).reduce(s,{}),[n.l.UNIFI_DEVICE]:Object.entries(o.a).reduce(s,{}),[n.l.PORTS]:Object.entries(l.Oo).reduce(s,{})},d=[n.l.UNIFI_DEVICE_NETWORK,n.l.UNIFI_DEVICE_PROTECT,n.l.UNIFI_DEVICE_TALK,n.l.UNIFI_DEVICE_ACCESS,n.l.UNIFI_DEVICE_CONNECT,n.l.UNIFI_DEVICE_APOLLO,n.l.UNIFI_DEVICE_DRIVE,n.l.UNIFI_DEVICE_UNMANAGED]},445054(e,t,i){i.d(t,{A:()=>r});var n=i(296540),l=i(469733),o=i(479503);const r=({leftFilterPageId:e,leftFilterColumnsId:t})=>(0,l.useSelector)((0,n.useMemo)(()=>(0,o.$R)(e,t),[e,t]))},518089(e,t,i){i.d(t,{CW:()=>a,Ot:()=>c,kp:()=>d});var n=i(822336),l=i(71479),o=i(566723),r=i(294303),s=i(311785);const a=(0,l.A)(r.A,(0,s.A)("hasOverflow"))`
  width: 180px;
  position: relative;
  border: 1px solid ${({theme:{themeName:e}})=>n.Ay[`desktop-color-neutral-03-${e}`]};
  border-radius: ${n.Ay["desktop-radius-base"]};
  gap: ${o.kc};
  flex-direction: column;
  padding: ${({hasOverflow:e})=>e?`${o.kc} 0 ${o.kc} ${o.kc}`:o.kc};
  margin-bottom: ${o.xO};
`,d=(0,l.A)(r.A)`
  flex-direction: column;
  overflow: auto;
  padding-bottom: ${o.fS};
  > div:nth-child(2) > div:first-child > label {
    padding-left: 0;
  }
  > span:first-child {
    margin-bottom: ${o.YC};
  }
`,c=(0,l.A)(r.A)`
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  min-height: 36px;
  background-color: ${({theme:{themeName:e}})=>n.Ay[`desktop-color-neutral-00-${e}`]};
  width: calc(100% - (${o.Er}));
  padding-bottom: ${o.Ln};
`},105540(e,t,i){i.d(t,{A:()=>$});var n=i(296540),l=i(968906),o=i(469733),r=i(530281),s=i(514625),a=i(604482),d=i(580176),c=i(789768),u=i(749177),m=i(822336),A=i(71479),p=i(566723),h=i(294303),E=i(311785);const I=(0,A.A)(h.A,(0,E.A)("leftFilterPanelOpen","buttonTop"))`
  position: absolute;
  z-index: 10;
  cursor: pointer;
  border: 1px solid ${({theme:{themeName:e}})=>m.Ay[`desktop-color-divider-border-${e}`]};
  border-radius: ${m.Ay["desktop-radius-base"]};
  top: ${({buttonTop:e})=>e??p.xO};
  right: ${({leftFilterPanelOpen:e})=>e?"-11":"-14"}px;
  background: ${({theme:{themeName:e}})=>m.Ay[`desktop-color-neutral-01-${e}`]};
  > div:first-child {
    width: 18px;
    height: 32px;
  }
  svg {
    left: ${({leftFilterPanelOpen:e})=>e?"0":"4"}px;
    position: relative;
    color: ${({theme:{themeName:e}})=>m.Ay[`desktop-color-neutral-07-${e}`]};
  }
`,f=({leftFilterPageId:e,buttonTop:t})=>{const i=(0,o.useDispatch)(),l=(0,u.A)(e),m=(0,n.useCallback)(()=>{i(l?(0,d.MZ)(e):(0,d.lF)(e)),i((0,c.ZN)(e,{[a.d.PANEL_OPEN]:!l}))},[i,l,e]);return n.createElement(I,{leftFilterPanelOpen:l,buttonTop:t,onClick:m},n.createElement(l?r.A:s.A,{size:"small",actionable:!0,omitSvgMargin:!0}))},b=(0,A.A)(h.A)`
  width: 100%;
  height: 100%;
  flex-direction: row;
  position: relative;
`,k=(0,A.A)(h.A,(0,E.A)("leftFilterPanelOpen"))`
  position: relative;
  padding-top: ${p.xO};
  ${({leftFilterPanelOpen:e,theme:{themeName:t}})=>e?`\n        border-right: 1px solid ${m.Ay[`desktop-color-divider-border-${t}`]};\n        padding-left: ${p.xO};\n      `:""}
`,$=({children:e,content:t,leftFilterPageId:i,buttonTop:o,leftFilterContentContainerClassname:r,...s})=>{const a=(0,u.A)(i);return n.createElement(b,{...s},n.createElement(k,{leftFilterPanelOpen:a,className:r,...l.A.addDataTestId(l.A.TestId.LEFT_FILTER)},i?n.createElement(f,{leftFilterPageId:i,buttonTop:o}):null,a?t:null),e)}},736388(e,t,i){i.d(t,{A:()=>k});var n=i(296540),l=i(201384),o=i(340936),r=i(77247),s=i(968906),a=i(469733),d=i(479503);var c=i(445054),u=i(67716),m=i(71479),A=i(566723),p=i(294303),h=i(311785);const E=(0,m.A)(p.A,(0,h.A)("isLeftFilterEditorOpen","isLeftFilterColumnsOpen"))`
  ${({isLeftFilterEditorOpen:e,isLeftFilterColumnsOpen:t})=>e||t?`padding-right: ${A.xO};`:""}
`;var I=i(362584),f=i(528552);const b=(0,n.forwardRef)(({children:e,isLeftFilterEditorOpen:t,isLeftFilterColumnsOpen:i,isMaximized:l,maximizedId:o},r)=>{const s=(0,n.useMemo)(()=>({[I.A.IS_MAXIMIZED]:l,[I.A.MAXIMIZED_ID]:o}),[l,o]);return n.createElement(f.A.Provider,{value:s},n.createElement(E,{ref:r,isLeftFilterEditorOpen:t,isLeftFilterColumnsOpen:i},e))}),k=({children:e,tabs:t,columns:i,editor:m,footer:A,leftFilterPageId:p,leftFilterColumnsId:h,contentTestId:E,footerTestId:I})=>{const{height:f,ref:k}=(0,o.A)(),$=(0,n.useRef)(null),g=(0,r.A)($),O=(e=>(0,a.useSelector)((0,n.useMemo)(()=>(0,d.tR)(e),[e])))(p),z=(0,c.A)({leftFilterPageId:p,leftFilterColumnsId:h});return n.createElement(l.A,null,l=>n.createElement(b,{ref:k,isLeftFilterEditorOpen:O,isLeftFilterColumnsOpen:z,...l},n.createElement(u.fy,{height:f},t,n.createElement(u.yE,{ref:$,...E?s.A.addDataTestId(E):{}},e,n.createElement(u.Ot,{hasOverflow:g},A)),g?n.createElement(u.sN,{...I?s.A.addDataTestId(I):{}},n.createElement(u.d$,null),A):null),m&&O?n.createElement(u._G,null,m):null,i&&z?n.createElement(u.o2,{isLeftFilterEditorOpen:O},i):null))}},67716(e,t,i){i.d(t,{Ot:()=>h,T_:()=>u,_G:()=>I,d$:()=>E,fy:()=>c,o2:()=>m,sN:()=>p,yE:()=>A});var n=i(822336),l=i(71479),o=i(939703),r=i(566723),s=i(294303),a=i(343255),d=i(311785);const c=(0,l.A)(s.A,(0,d.A)("height"))`
  flex-direction: column;
  flex: 0 0 auto;
  width: calc(${a.b}px + ${r.Ln});
  height: ${({height:e})=>e?`${e}px`:"auto"};
  position: relative;
  background-color: ${({theme:{themeName:e}})=>n.Ay[`desktop-color-neutral-00-${e}`]};
  z-index: 1;
  padding-bottom: ${r.kc};
  gap: ${r.kc};
`,u=(0,l.A)(s.A)`
  flex-direction: column;
  width: ${a.b}px;
`,m=(0,l.A)(s.A,(0,d.A)("isLeftFilterEditorOpen"))`
  width: fit-content;
  ${({isLeftFilterEditorOpen:e})=>e?`margin-left: ${r.YC};`:""}
`,A=(0,l.A)(s.A)`
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  gap: ${r.kc};
  // buffer for the last element to be fully visible
  padding-bottom: ${r.Ln};
  scrollbar-gutter: stable;
`,p=(0,l.A)(s.A)`
  width: calc(100% - ${r.xO});
  position: absolute;
  bottom: 0;
  flex-direction: column;
  justify-content: center;
  min-height: 36px;
  background-color: ${({theme:{themeName:e}})=>n.Ay[`desktop-color-neutral-00-${e}`]};
`,h=(0,l.A)(s.A,(0,d.A)("hasOverflow"))`
  ${({hasOverflow:e})=>e?"opacity: 0;":""}
`,E=(0,l.A)("div")`
  position: absolute;
  top: -${r.kc};
  width: 100%;
  height: 8px;
  background: linear-gradient(
    180deg,
    ${({theme:{themeName:e}})=>(0,o.b_)(n.Ay[`desktop-color-neutral-00-${e}`],0)} 0%,
    ${({theme:{themeName:e}})=>(0,o.b_)(n.Ay[`desktop-color-neutral-00-${e}`],8)} 100%
  );
`,I=(0,l.A)(s.A)`
  width: 248px;
  border: 1px solid ${({theme:{themeName:e}})=>n.Ay[`desktop-color-neutral-03-${e}`]};
  border-radius: ${n.Ay["desktop-radius-base"]};
  padding: ${r.xO} ${r.kc};
  background: ${({theme:{themeName:e}})=>n.Ay[`desktop-color-neutral-01-${e}`]};
`},343255(e,t,i){i.d(t,{b:()=>n});const n=248},528552(e,t,i){i.d(t,{A:()=>o});var n=i(296540),l=i(362584);const o=(0,n.createContext)({[l.A.IS_MAXIMIZED]:!1,[l.A.MAXIMIZED_ID]:null})},362584(e,t,i){var n;i.d(t,{A:()=>n}),function(e){e.IS_MAXIMIZED="isMaximized",e.MAXIMIZED_ID="maximizedId"}(n||(n={}))},445535(e,t,i){i.d(t,{A:()=>u});var n=i(296540),l=i(822336),o=i(809536),r=i(769444),s=i(382389),a=i(160087),d=i(528552),c=i(362584);const u=({id:e,label:t,initialExpanded:i=!0,hasPaddedContent:u=!1,isStatic:m=!1,isEditorOpen:A=!1,children:p})=>{const{themeName:h}=(0,s.u)(),[E,I]=(0,n.useState)(i),{[c.A.IS_MAXIMIZED]:f,[c.A.MAXIMIZED_ID]:b}=(0,n.useContext)(d.A),k=(0,n.useCallback)(e=>{I(e)},[I]),$=(0,n.useMemo)(()=>m?o.A:r.A,[m]),g=(0,n.useMemo)(()=>({background:A?l.Ay[`desktop-color-neutral-01-${h}`]:"inherit"}),[A,h]),{isLocked:O,isFullHeight:z,isHidden:S,hasDivider:C}=(0,n.useMemo)(()=>({isLocked:f&&b===e,isFullHeight:f&&b===e,isHidden:f&&b!==e,hasDivider:!(f&&b===e)}),[f,b,e]);return t?n.createElement($,{label:t,size:"small",isExpanded:E,onExpandedChange:k,hasPaddedContent:u,style:g,isLocked:O,isFullHeight:z,isHidden:S,hasDivider:C},E?p:null):n.createElement(a.s,null,p)}},160087(e,t,i){i.d(t,{s:()=>s});var n=i(822336),l=i(71479),o=i(566723),r=i(294303);const s=(0,l.A)(r.A)`
  border-bottom: 1px solid ${({theme:{themeName:e}})=>n.Ay[`desktop-color-neutral-02-${e}`]};
  padding: ${o.kc};
  flex-direction: column;
  width: 100%;
  position: relative;
  gap: ${o.kc};
`},9535(e,t,i){i.d(t,{A:()=>o});var n=i(296540),l=i(861878);const o=({onClear:e,labelId:t="COMMON_ACTION_CLEAR_FILTERS",disabled:i})=>n.createElement(l.A,{onPress:e,labelId:t,disabled:i})},861878(e,t,i){i.d(t,{A:()=>d});var n=i(296540),l=i(217439),o=i(592563),r=i(916537),s=i(199582);const a=i(132196).AH`
  justify-content: flex-start;
`,d=({onPress:e,labelId:t,disabled:i,[s.L]:d})=>n.createElement(o.A,{type:"button",onPress:e,isDisabled:i,className:a,...d&&{[s.L]:d}},n.createElement(l.A,{size:"medium",color:"inherit"},n.createElement(r.sA,{id:t})))},984297(e,t,i){i.d(t,{E:()=>l,M:()=>o});var n=i(132196);const l=n.AH`
  min-width: 100%;
`,o=n.AH`
  table-layout: fixed;
`},77247(e,t,i){i.d(t,{A:()=>l});var n=i(296540);const l=e=>{const[t,i]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{const t=()=>{e.current&&i(e.current.scrollHeight>e.current.clientHeight)};t();const n=new ResizeObserver(t);return e.current&&n.observe(e.current),()=>{n.disconnect()}},[e]),t}}}]);