(window.webpackJsonpunifiNetworkUi=window.webpackJsonpunifiNetworkUi||[]).push([[3],{2821:function(e,t,a){"use strict";var n=a(0),l=a.n(n),i=a(3),c=a(1671),r=a(5),o=a(34);const s=Object(i.c)(r.a)`
  border-bottom: 1px ${({theme:e})=>e.colors.border} solid;
  box-sizing: border-box;

  @media ${o.a.VIEWPORT_M_UP} {
    padding: 0 ${({theme:e})=>e.space[4]}px;
  }
`,d=Object(i.c)(c.a)`
  bottom: -1px;
`;t.a=({isLoading:e,children:t,...a})=>l.a.createElement(s,Object.assign({},a,{flex:"none",className:"base-control-panel",position:"relative",alignItems:"center",justifyContent:"space-between",height:50}),t,l.a.createElement(d,{isLoading:e,placement:"bottom"}))},2822:function(e,t,a){"use strict";var n=a(0),l=a.n(n),i=a(3),c=a(5),r=a(1),o=a(47),s=a(481),d=a(2821),E=a(2823),b=a(2832),m=a(31),u=a(179);const O=Object(i.c)(o.a,{shouldForwardProp:e=>"addMargin"!==e})`
  font-size: 14px;
  ${({addMargin:e})=>e&&"margin-left: 50%;"}
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
`;t.a=({routes:e=[],hideFilterButton:t=!1,isLoading:a,children:n,filterTitleLabel:i,filtersActive:o,title:p,leftContent:h,isDisplayOptionsDisabled:T})=>{const _=(null==e?void 0:e.length)>1,C=!_&&1===e.length;return l.a.createElement(d.a,{isLoading:a},h&&h,_&&l.a.createElement(E.a,{routes:e}),C&&l.a.createElement(O,{weight:"bold"},e[0].label),p&&l.a.createElement(O,{weight:"bold",addMargin:t&&!h},l.a.createElement(r.b,{id:p})),l.a.createElement(c.a,{height:"100%",flex:_||p||C?"none":1,alignItems:"center",justifyContent:"flex-end",marginLeft:"auto"},n,!t&&l.a.createElement(u.a,{condition:T,wrapper:e=>l.a.createElement(s.a,{position:"bottom",width:"208px",portal:!0,message:l.a.createElement(m.p,null,l.a.createElement(r.b,{id:"COMMON_DISPLAY_OPTS_DISABLED"}))},e)},l.a.createElement(b.a,{disabled:T,filterTitleLabel:i,filtersActive:o}))))}},2823:function(e,t,a){"use strict";var n=a(0),l=a.n(n),i=a(3),c=a(25),r=a(807);var o=({items:e,...t})=>{const{params:a,path:n}=Object(c.n)(),i=Object(c.l)(),o=Object(c.k)(),s=e.find(({path:e})=>e===n)||((e,{pathname:t})=>e.find(({path:e})=>new RegExp(e.replace(/\/:\w+\?.*/g,"/?.*").replace(/:\w+/g,"\\w+").replace(/\//g,"\\$&")).test(t)))(e,i);return l.a.createElement(r.a,Object.assign({tabs:e,selectedTab:null==s?void 0:s.id,onSelectTab:({path:e,params:t={}})=>o.push(Object(c.i)(e,{...a,...t}))},t))};const s=Object(i.c)(o)`
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  div,
  button {
    height: 100% !important;
  }
`;t.a=({routes:e})=>{const t=Object(n.useMemo)(()=>e&&e.map(({id:e,label:t,disabled:a,path:n,...l})=>({id:e,label:t,disabled:"function"==typeof a?a(l):a,path:n})),[e]);return t?l.a.createElement(s,{selectedTabBold:!0,items:t}):null}},2824:function(e,t,a){"use strict";a.d(t,"b",(function(){return n.a})),a.d(t,"a",(function(){return c})),a.d(t,"d",(function(){return r})),a.d(t,"e",(function(){return b})),a.d(t,"c",(function(){return m.a}));a(2821);var n=a(2828),l=a(3),i=a(173);var c=Object(l.c)(i.a)`
  padding-left: ${({theme:e})=>e.space[3]}px;
  padding-right: ${({theme:e})=>e.space[3]}px;
  color: ${({theme:e})=>e.colors.subtlerText};
  &:hover {
    color: ${({theme:e})=>e.colors.mediumText};
  }
`;var r=Object(l.c)("span")`
  border-right: 1px ${({theme:e})=>e.colors.border} solid;
  margin: 0 ${({theme:e})=>e.space[4]}px;
  position: relative;
  height: 100%;
  display: block;
`,o=a(0),s=a.n(o),d=a(807);const E=l.a`
  align-items: center;
  display: flex;
  height: 100%;
  width: auto;
  justify-content: flex-end;
  overflow-x: unset;

  > div {
    margin: initial;
  }
`;function b(e){return s.a.createElement(d.a,Object.assign({className:E},e))}a(2823),a(2822);var m=a(2826)},2826:function(e,t,a){"use strict";var n=a(0),l=a.n(n),i=a(3),c=a(1),r=a(47),o=a(2600);const s=Object(i.c)(r.a)`
  line-height: 24px;
  color: ${({theme:e})=>e.motifPalette.text01};
`,d=Object(i.c)("div",{shouldForwardProp:e=>"toggleStyle"!==e})`
  justify-content: space-between;
  margin-top: ${({toggleStyle:e})=>{var t;return null!==(t=null==e?void 0:e.marginTop)&&void 0!==t?t:8}}px;
  margin-right: ${({toggleStyle:e})=>{var t;return null!==(t=null==e?void 0:e.marginRight)&&void 0!==t?t:0}}px;
  margin-bottom: ${({toggleStyle:e})=>{var t;return null!==(t=null==e?void 0:e.marginBottom)&&void 0!==t?t:0}}px;
  margin-left: ${({toggleStyle:e})=>{var t;return null!==(t=null==e?void 0:e.marginLeft)&&void 0!==t?t:0}}px;
  width: auto !important;

  label {
    margin-left: 0;
  }
`;t.a=({checked:e,disabled:t,id:a,onChange:n,text:i,toggleStyle:r})=>l.a.createElement(d,{toggleStyle:r},l.a.createElement(o.a,{checked:e,id:a,onChange:n,disabled:t},"string"==typeof i?l.a.createElement(s,{size:"body"},l.a.createElement(c.b,{id:i})):i))},2828:function(e,t,a){"use strict";var n=a(0),l=a.n(n),i=a(1),c=a(4),r=a(20);const o=e=>{var t;return null===(t=null==e?void 0:e.filters)||void 0===t?void 0:t.isFilterOpen};var s=a(1192),d=a(3),E=a(2769),b=a(3116),m=a(3108),u=a(464),O=a(3059);const p=Object(d.c)(O.a)`
  padding: 24px;
`;var h=({columns:e,columnLabels:t,tableType:a,hidden:o=[]})=>{var s;const d=Object(c.useDispatch)(),E=(null===(s=Object(c.useSelector)(Object(r.B)(a)))||void 0===s?void 0:s.initialColumns)||[],b=Object(n.useMemo)(()=>Object.values(e).every(e=>E.includes(e)),[E]),m=Object(n.useCallback)(()=>{const t=b||(null==E?void 0:E.length)?[]:Object.values(e);d(Object(r.L)(a,{initialColumns:t},!0))},[d,b,a,E]),u=Object(n.useMemo)(()=>[{full:!0,id:"showAllFields",checked:b||!!(null==E?void 0:E.length)&&"mixed",children:l.a.createElement(i.b,{id:"COMMON_ALL"}),onChange:m}].concat(Object.values(e).filter(e=>!o.includes(e)).map(e=>({full:!0,id:e,checked:E.includes(e),children:(null==t?void 0:t[e])?l.a.createElement(i.a,{id:t[e]}):e,onChange:({target:{checked:t}})=>{const n=t?[...E,e]:E.filter(t=>t!==e);d(Object(r.L)(a,{initialColumns:n},!0))}}))),[E,a]);return l.a.createElement(p,{spacing:"flush",items:u,variant:"list"})};const T=Object(d.c)(E.a)`
  width: 258px !important;
`;var _;!function(e){e.COLUMNS="columns",e.FILTERS="filters"}(_||(_={}));var C=({filterTitleLabel:e,isOpen:t,onClose:a,columnTabProps:o,renderFilterDrawerContent:s,footerProps:d,side:E="left"})=>{var O;const[p,C]=Object(n.useState)(_.FILTERS),{tableType:N}=o||{tableType:null},v=Object(c.useDispatch)(),g=(null===(O=Object(c.useSelector)(Object(r.B)(N)))||void 0===O?void 0:O.initialColumns)||[],I=d&&p===_.COLUMNS,f=Object(n.useMemo)(()=>{var e,t;return I&&Object(u.a)(null===(t=null===(e=null===r.c||void 0===r.c?void 0:r.c.tables)||void 0===e?void 0:e[N])||void 0===t?void 0:t.initialColumns,g)},[I,N,g]),y=Object(n.useCallback)(()=>{var e,t,a;const n=[...null!==(a=null===(t=null===(e=null===r.c||void 0===r.c?void 0:r.c.tables)||void 0===e?void 0:e[N])||void 0===t?void 0:t.initialColumns)&&void 0!==a?a:[]];v(Object(r.L)(N,{initialColumns:n},!0))},[v,N]),j=Object(n.useCallback)(({id:e})=>C(e),[C]),L=o?l.a.createElement(b.a,{onSelectTab:j,tabs:[{id:_.FILTERS,label:l.a.createElement(i.b,{id:"COMMON_CONTROL_PANEL_FILTERS"}),render:s},{id:_.COLUMNS,label:l.a.createElement(i.b,{id:"COMMON_CONTROL_PANEL_COLUMNS"}),render:()=>l.a.createElement(h,{columns:o.columns,hidden:o.hidden,columnLabels:o.columnLabels,tableType:N})}]}):s(),S=Object(n.useMemo)(()=>I?{label:l.a.createElement(i.b,{id:"COMMON_CONTROL_PANEL_FILTER_FOOTER_RESTORE_COLUMNS"}),onClick:y,disabled:f}:d,[I,d,f,y]),P=Object(n.useCallback)(()=>{a(),C(_.FILTERS)},[a,C]);return l.a.createElement(T,{in:t,renderHeader:()=>null,onClose:a,side:E},t&&l.a.createElement(m.a,{footerProps:S,headerProps:{label:e},onClose:P},L))},N=a(2822);t.a=Object(i.e)(({routes:e=[],hideFilterButton:t=!1,isLoading:a,children:i,filterFooterProps:d,columnTabProps:E,renderFilterDrawerContent:b,filterTitleLabel:m,filtersActive:u,title:O,onClose:p,intl:h,leftContent:T,isDisplayOptionsDisabled:_})=>{var v;const g=Object(c.useDispatch)(),I=Object(c.useSelector)(o),f=(null===(v=Object(c.useSelector)(Object(r.B)(null==E?void 0:E.tableType)))||void 0===v?void 0:v.initialColumns)||[],y=h.formatMessage({id:m||"COMMON_CONTROL_PANEL_FILTER_TITLE"});Object(n.useEffect)(()=>()=>{g(Object(s.b)(!1))},[]);const j=Object(n.useCallback)(()=>{g(Object(s.b)(!1)),null==p||p(),(null==E?void 0:E.tableType)&&g(Object(r.L)(E.tableType,{initialColumns:f}))},[g,p,null==E?void 0:E.tableType,f]);return l.a.createElement(l.a.Fragment,null,l.a.createElement(C,{isOpen:I,filterTitleLabel:y,onClose:j,columnTabProps:E,renderFilterDrawerContent:()=>I&&b,footerProps:d,side:"right"}),l.a.createElement(N.a,{leftContent:T,routes:e,hideFilterButton:t,isLoading:a,filterTitleLabel:y,filtersActive:u,title:O,isDisplayOptionsDisabled:_},i))})},2832:function(e,t,a){"use strict";var n=a(0),l=a.n(n),i=a(3),c=a(4),r=a(3117),o=a(34),s=a(5),d=a(1192);const E=Object(i.c)(r.a,{shouldForwardProp:e=>"disabled"!==e})`
  pointer-events: ${({disabled:e})=>e?"none":"auto"};
  opacity: ${({disabled:e})=>e?.45:1};
  cursor: ${({disabled:e})=>e?"default":"pointer"};
  padding: 0 8px 0 0;
  z-index: 5;

  // Hides the text element on smaller screens
  button div > span {
    display: none;
  }

  button svg {
    margin-right: 0;
  }

  button {
    padding: 0 8px;
  }

  @media ${o.a.VIEWPORT_M_UP} {
    button {
      padding: 0 16px;
    }

    button svg {
      margin-right: 4px;
    }

    button div > span {
      display: inline-block;
    }
  }
`;t.a=({filterTitleLabel:e,filtersActive:t,items:a,disabled:n})=>{const i=Object(c.useDispatch)();return l.a.createElement(s.a,{height:"100%"},l.a.createElement(E,{disabled:n,title:e,onClick:()=>!n&&i(Object(d.b)(!0)),filtersActive:t}),a)}},2840:function(e,t,a){"use strict";a.d(t,"a",(function(){return i})),a.d(t,"b",(function(){return c}));const n=/[\p{Z}\p{S}\p{C}]+/u,l=/[\u0300-\u036f]/g;const i=e=>{let t=""+e;return t=function(e){let t=e;return e.normalize&&(t=e.normalize("NFD").replace(l,"")),t}(t).toLowerCase(),t.split(n)},c=(e,t)=>{const a=t.length;for(let n=0;n<a;n+=1){const[a,l]=t[n];if(e.some(e=>e[a]===l))return{id:`${a}::${l}`,label:l}}}},2841:function(e,t,a){"use strict";var n=a(0),l=a.n(n),i=a(3);const c=Object(i.c)("div")`
  width: 100%;
  table:after {
    content: '';
    display: block;
    position: absolute;
    right: -32px;
    width: 32px;
    height: 1px;
  }
`;t.a=({children:e})=>l.a.createElement(c,null,e)},2843:function(e,t,a){"use strict";var n=a(0),l=a.n(n),i=a(3071),c=a(3072),r=a(3094),o=a(3),s=a(4),d=a(1),E=a(2607),b=a(1199),m=a(190),u=a(142),O=a(62),p=a(34),h=a(757),T=a(751);const _=Object(o.c)("div")`
  // Raise above tabs in wifi scanner and wifi speed-test
  z-index: 1;
  margin-left: 16px;
  max-width: 280px;
  width: 100%;
  @media ${p.a.VIEWPORT_M_UP} {
    max-width: 320px;
  }

  @media ${p.a.VIEWPORT_L_UP} {
    max-width: 420px;
  }
`,C=()=>l.a.createElement(E.a,null,l.a.createElement("style",null,"\n        .multi-search-fix {\n          z-index: 25;\n        }\n    ")),N=Object(o.c)(i.a)`
  &[aria-selected='true'] {
    background: ${({theme:e})=>e.motifPalette.neutral02};
  }
`,v=Object(o.c)(c.a)`
  &[aria-selected='true'] {
    background: ${({theme:e})=>e.motifPalette.neutral02};
  }
`,g=e=>{const t=new Set,a=e.length;for(let n=0;n<a;n+=1){const{result:a}=e[n];a.forEach(e=>{const a=e.id||e;t.add(a)})}return t};function I(e,t){return{index:e.map(({field:e})=>e),query:t,enrich:!0}}t.a=Object(d.e)(({intl:e,lsKey:t,getInitialSuggestions:a,searchModelName:i,searchIndex:c,enabledColumns:o,records:d,recordIdKey:E})=>{var p;const f=Object(s.useDispatch)(),y=Object(s.useSelector)(O.f),j=Object(s.useSelector)(O.e),L=Object(s.useSelector)(O.b),S=Object(n.useMemo)(()=>Object(u.e)(y,j,L),[L,j,y]),P=`${m.a.PERSIST}:${m.a.NETWORK}.${S||m.a.LOCAL}.${t}`,R=null===(p=null===window||void 0===window?void 0:window.localStorage)||void 0===p?void 0:p.getItem(P),M=Object(s.useSelector)(Object(T.b)(i)),[w,x]=Object(n.useState)(()=>R?JSON.parse(R):a()),[A,D]=Object(n.useState)({value:"",searchResults:[]}),k=Object(n.useRef)(new Set(d.map(e=>e[E]))),F=e=>{const{id:t,tag:a}=e,n=w.filter(e=>e.id!==t),l=[{id:t,label:a},...n].slice(0,6);x(l),m.b.setItem(P,JSON.stringify(l))};Object(n.useEffect)(()=>{d.forEach(e=>{c.add(e)});const e=new Set(d.map(e=>e[E]));k.current.forEach(t=>!e.has(t)&&c.remove(t)),k.current=e},[E,d,c]);Object(n.useEffect)(()=>{M.length&&M.forEach(e=>{const{fsQuery:t,result:a}=e,n=c.search(t),l=g(n);Object(b.a)(a,l)||f(Object(h.h)({...e,result:l,label:""+t.query,modelName:i}))})},[f,d]);const W=w.map(({id:e,label:t})=>({id:e,label:l.a.createElement(v,{label:t,onRemove:t=>{t.stopPropagation(),(e=>{const t=w.filter(t=>t.id!==e);x(t),m.b.setItem(P,JSON.stringify(t))})(e)}})}));return l.a.createElement(_,null,l.a.createElement(C,null),l.a.createElement(r.a,{dropdownPortalClassName:"multi-search-fix",selectOnEnter:!0,onAddTag:e=>{var t;const a=null===(t=A.searchResults)||void 0===t?void 0:t.find(({id:t})=>t===e);if(A.searchResults.length>0&&a&&(f(Object(h.e)({modelName:i,id:a.id,fsQuery:a.fsQuery,result:a.result,label:a.tag})),F(a),D(e=>({...e,searchResults:[]}))),0===A.searchResults.length&&e){const[t,a]=e.split("::"),n=c.search({query:a,index:"all"===t?o:[t]});f(Object(h.e)({modelName:i,id:e,fsQuery:I(n,a),result:g(n),label:a})),F({id:e,tag:a})}},onChange:(e,t)=>{const a=c.search(t,d.length||100,{index:o,enrich:!0}),n=g(a),r=M.map(({result:e})=>e),s=r.concat(n),m=Object(b.b)(...s),u=[{id:"all::"+t,label:l.a.createElement(N,{label:l.a.createElement(l.a.Fragment,null,t),count:m.size}),fsQuery:I(a,t),tag:""+t,result:n,modelName:i}],O=((e,t,a)=>{const n={},l=e.length;for(let i=0;i<l;i+=1){const{field:l,result:c}=e[i];n[l]=new Set;const r=c.length;for(let e=0;e<r;e+=1)t.has(c[e].doc[a])&&n[l].add(c[e].doc[l])}return n})(a,m,E),p=[];Object.keys(O).forEach(e=>{O[e].forEach(t=>{const a={query:t,index:[e]},n=c.search(a),l=Object(b.b)(...r,new Set(n[0].result));p.push({id:`${e}::${t}`,fsQuery:a,query:t,count:l.size,result:l})})}),p.sort((e,t)=>t.count-e.count),p.slice(0,5).forEach(({query:e,count:t,id:a,result:n,fsQuery:c})=>{u.push({id:a,label:l.a.createElement(N,{label:l.a.createElement(l.a.Fragment,null,e),count:t,className:"test"}),fsQuery:c,tag:""+e,result:new Set(n),modelName:i})}),D(""===t?{value:"",searchResults:[]}:{value:t,searchResults:u})},onClear:()=>{D(e=>({...e,value:""}))},onReset:()=>{D({searchResults:[],value:""}),f(Object(h.g)(i))},onRemoveTag:e=>{f(Object(h.f)(i,e))},overflowTitleLabel:e.formatMessage({id:"MULTI_SEARCH_OVERFLOW_LABEL"}),overflowTranslations:{singular:"{0} "+e.formatMessage({id:"MULTI_SEARCH_OVERFLOW_SINGULAR"}),plural:"{0} "+e.formatMessage({id:"MULTI_SEARCH_OVERFLOW_PLURAL"})},removeTagLabel:e.formatMessage({id:"MULTI_SEARCH_REMOVE_TERM"}),recentTerms:W,recentTermsLabel:e.formatMessage({id:"MULTI_SEARCH_RECENT_TERMS_LABEL"}),recentTermsTitle:e.formatMessage({id:"MULTI_SEARCH_RECENT_TERMS_TITLE"}),resetButton:e.formatMessage({id:"COMMON_ACTION_RESET"}),searchResults:A.searchResults,searchResultsLabel:e.formatMessage({id:"MULTI_SEARCH_RESULTS"}),tags:M,value:A.value,width:440}))})},2851:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));const n=a(3).a`
  th {
    span {
      font-size: 14px;
      font-weight: 700;
    }
    svg {
      width: 16px;
      height: 16px;
    }
  }
`},3097:function(e,t,a){"use strict";a.r(t);var n=a(0),l=a.n(n),i=a(4),c=a(25),r=a(89),o=a(6),s=a(187),d=a(15),E=a(20),b=a(170),m=a(256),u=a(867),O=a(2604),p=a(22),h=a(8),T=a(92),_=a(362),C=a(495),N=a(10),v=a(1),g=a(410),I=a(1044),f=a(2824),y=a(194),j=a(123),L=a(1192),S=a(751),P=a(9),R=a(124),M=a(285),w=a(54),x=a(318),A=a(59),D=a(162),k=a(66),F=a(116);const W={[F.a.ACTIVE]:e=>Object(D.r)(e),[F.a.OFFLINE]:e=>!(e.type!==A.c.VPN&&e.type!==A.c.TELEPORT&&e.blocked||e.isUp),[F.a.BLOCKED]:e=>e.type!==A.c.VPN&&e.type!==A.c.TELEPORT&&!!e.blocked,[F.c.TELEPORT]:e=>e.type===A.c.TELEPORT,[F.c.VPN]:e=>e.type===A.c.VPN,[F.c.WIRED]:e=>e.type===A.c.WIRED,[F.c.USERS]:e=>e.type===A.c.VPN||e.type===A.c.TELEPORT||!e.is_guest,[F.c.GUESTS]:e=>e.type!==A.c.VPN&&e.type!==A.c.TELEPORT&&!!e.is_guest,[F.c.NG]:e=>e.isUp?e.type===A.c.WIRELESS&&(e.radio===k.b.RADIO_NG||!e.radio&&e.eagerly_discovered):e.type===A.c.WIRELESS,[F.c.NA]:e=>e.isUp?e.type===A.c.WIRELESS&&(e.radio===k.b.RADIO_NA||!e.radio&&e.eagerly_discovered):e.type===A.c.WIRELESS,[F.c.AX]:e=>e.isUp?e.type===A.c.WIRELESS&&(e.radio===k.b.RADIO_6E||!e.radio&&e.eagerly_discovered):e.type===A.c.WIRELESS,[F.b.DEVICE]:(e,t)=>t&&e.type!==A.c.VPN&&e.type!==A.c.TELEPORT&&t===e.uplink_mac},V=(e,t)=>{const a={};return Object.keys(e||{}).forEach(n=>{const l=e[n]||{},i=Object.keys(l).filter(e=>l[e]);a[n]=0===i.length||i.some(e=>{var a,n;return null===(n=null===(a=null==W?void 0:W[e])||void 0===a?void 0:a.call(W,t,l[e]))||void 0===n||n})}),Object.values(a)},U=(e,t)=>(e=>{const{status:t,connection_type:a,clients_type:n,device:l}=e||{},{active:i,offline:c,blocked:r}=t||{},{wired:o,vpn:s,teleport:d,ng:E,na:b,ax:m}=a||{},{users:u,guests:O}=n||{},{device:p}=l||{};return i||c||r||o||s||d||E||b||m||u||O||!!p})(e)&&V(e,t).every(Boolean);var H=a(490),Y=a(46),z=a(183);const $=(e,t,a)=>{var n;const l=Object(D.w)(t,e),i={id:e.id,ip:e.ip,isUp:!!e.uptime,name:e.name,display_name:e.display_name,type:e.type,uplink:l,uplinkName:l&&Object(Y.c)(l)||"",vendor:null===(n=Object(H.a)(a,e))||void 0===n?void 0:n.fingerprint_device_vendor,assoc_time:e.assoc_time,search_status:Object(D.g)(e)};switch(i.type){case A.c.VPN:e.type===A.c.VPN&&(i.uniqueId=e.id,i.remote_ip=e.remote_ip,i.network_name=e.network_name,i.search_connection="VPN");break;case A.c.WIRED:e.type===A.c.WIRED&&(i.is_wired=e.is_wired,i.sw_port=e.sw_port,i.wired_rate_mbps=e.wired_rate_mbps,i.network_name=e.network_name,i.search_connection="Wired",i.search_wired_experience=Object(z.b)(e.wired_rate_mbps));break;case A.c.WIRELESS:e.type===A.c.WIRELESS&&(i.ap_mac=e.ap_mac,i.channel=e.channel,i.essid=e.essid,i.eagerly_discovered=e.eagerly_discovered,i.radio=e.radio,i.radio_proto=e.radio_proto,i.rssi=e.rssi,i.signal=e.signal,i.wifi_experience_score=e.wifi_experience_score,i.fixed_ap_enabled=e.fixed_ap_enabled,i.mimo=e.mimo,i.network_name=e.network_name,i.search_connection="Wireless",i.search_wifi_standard=Object(D.F)(e),i.search_radio_band=Object(D.E)(e))}return i.type!==A.c.VPN&&i.type!==A.c.TELEPORT&&e.type!==A.c.VPN&&e.type!==A.c.TELEPORT&&(i.uniqueId=`${e.id}-${e.assoc_time}`,i.blocked=e.blocked,i.fingerprint=e.fingerprint,i.first_seen=e.first_seen,i.last_seen=60*Math.floor((e.last_seen||0)/60),i.hostname=e.hostname,i.is_guest=e.is_guest,i.mac=e.mac,i.note=e.note,i.oui=e.oui,i.uplink_mac=(null==l?void 0:l.mac)||e.uplink_mac,i.unifi_device_info=e.unifi_device_info,i.usage_bytes=e.usage_bytes,i["1x_identity"]=e["1x_identity"],i.vlan=e.vlan),i};const B={[F.b.STATUS]:{[F.a.ACTIVE]:!0},[F.e.CONNECTION_TYPE]:{[F.c.NG]:!0,[F.c.NA]:!0,[F.c.AX]:!0,[F.c.WIRED]:!0,[F.c.VPN]:!0,[F.c.TELEPORT]:!0},[F.e.CLIENTS_TYPE]:{[F.c.USERS]:!0,[F.c.GUESTS]:!0},[F.b.DEVICE]:{[F.b.DEVICE]:""}},G={[F.b.STATUS]:{[F.a.ACTIVE]:!0,[F.a.OFFLINE]:!0,[F.a.BLOCKED]:!0},[F.e.CONNECTION_TYPE]:{[F.c.NG]:!0,[F.c.NA]:!0,[F.c.AX]:!0,[F.c.WIRED]:!0,[F.c.VPN]:!0,[F.c.TELEPORT]:!0},[F.e.CLIENTS_TYPE]:{[F.c.USERS]:!0,[F.c.GUESTS]:!0},[F.b.DEVICE]:{[F.b.DEVICE]:""}},K=Object(M.b)(y.a.CLIENTS,j.a.CLIENT,B),X=(e,t,a,n)=>{const l=e.length,i=[],c=new Set;for(let o=0;o<l;o+=1){const l=e[o];(l.type===r.ClientType.VPN||l.type===r.ClientType.TELEPORT||!a||!l.unifi_device)&&!c.has(l.id)&&(i.push($(l,t,n)),c.add(l.id))}return i},q=Object(P.a)(r.selectOfflineClientData,R.v,Object(b.f)(b.a.ALL_UNIFI_DEVICES_PAGE),x.j,(e,t,a,n)=>X(e,t,a,n)),Q=Object(P.a)(r.selectClientsData,R.v,Object(b.f)(b.a.ALL_UNIFI_DEVICES_PAGE),x.j,(e,t,a,n)=>X(e,t,a,n)),J=Object(P.a)(r.selectBlockedClientData,R.v,Object(b.f)(b.a.ALL_UNIFI_DEVICES_PAGE),x.j,(e,t,a,n)=>X(e,t,a,n)),Z=Object(P.a)(Q,J,q,K,(e,t,a,{status:n})=>{const l=[];return(null==n?void 0:n[F.a.ACTIVE])&&l.push(e),(null==n?void 0:n[F.a.OFFLINE])&&l.push(a),(null==n?void 0:n[F.a.BLOCKED])&&l.push(t),Array.prototype.concat.apply([],l)}),ee=Object(P.a)(Q,J,q,(e,t,a)=>Array.prototype.concat.apply([],[e,t,a])),te=Object(w.b)()(Object(P.a)(Z,ee,Object(S.a)("clients"),K,(e,t,a,n)=>{const l=[];if(a){const e=t.length;for(let n=0;n<e;n+=1){const e=t[n];a.has(e.uniqueId)&&l.push(e)}}else{const t=Object(r.convertLegacyFiltersToCurrentStructure)(n),a=e.length;for(let n=0;n<a;n+=1){const a=e[n];U(t,a)&&l.push(a)}}return l}),e=>e);var ae=a(2843),ne=a(190),le=a(2840),ie=a(2850);const ce=["display_name","vendor","ip","mac","uplinkName","network_name","search_connection","search_status","search_wifi_standard","search_radio_band","essid","search_wired_experience","uniqueId"],re=new ie.Document({tokenize:"forward",cache:500,encode:le.a,document:{store:ce,id:"uniqueId",index:ce}});function oe(e,t){const a=ce.length,n=e.length;for(let l=0;l<n;l+=1){const n={},i=e[l];for(let e=0;e<a;e+=1)n[ce[e]]=i[ce[e]];t.push(n)}}const se=Object(w.b)()(Object(P.a)(Q,J,q,(e,t,a)=>{const n=[];return oe(e,n),oe(t,n),oe(a,n),n}),e=>e),de=e=>[(e=>{var t;const a={};e.forEach(e=>{const{vendor:t}=e;t&&(a[t]=a[t]?a[t]+1:1)});const n=Object.entries(a).sort(([e,t],[a,n])=>n-t),l=null===(t=null==n?void 0:n[0])||void 0===t?void 0:t[0];if(l)return{id:"vendor::"+l,label:l}})(e),Object(le.b)(e,[["search_status","Online"],["search_status","Offline"],["search_status","Blocked"]]),Object(le.b)(e,[["search_connection","Wired"],["search_connection","Wireless"],["search_connection","VPN"]]),Object(le.b)(e,[["search_radio_band","5 GHz"],["search_wired_experience","GbE"],["search_radio_band","2.4 GHz"]])].filter(e=>e);var Ee=()=>{const e=Object(i.useSelector)(se);return l.a.createElement(ae.a,{lsKey:ne.a.CLIENT_SEARCH_HISTORY,getInitialSuggestions:()=>de(e),searchModelName:"clients",searchIndex:re,enabledColumns:ce,records:e,recordIdKey:"uniqueId"})},be=a(3),me=a(47),ue=a(3059),Oe=a(2701),pe=a(5);const he=Object(be.c)(me.a)`
  margin-bottom: 4px;
`;var Te=({items:e,heading:t})=>l.a.createElement(pe.a,{flexDirection:"column",marginTop:16},l.a.createElement(he,{weight:"bold",size:"body"},l.a.createElement(v.b,{id:t})),l.a.createElement(ue.a,{spacing:"flush",variant:"list",items:e})),_e=a(32),Ce=a(108),Ne=a(1688),ve=a(729),ge=a(2760);const Ie=Object(be.c)("div")`
  position: absolute;
  left: 0;
  top: 0;
`,fe=Object(be.c)("div")`
  width: 30%;
  max-width: 30%;
  text-align: left;
`,ye=Object(be.c)("div",{shouldForwardProp:e=>"textAlign"!==e})`
  width: 20%;
  max-width: 20%;
  text-align: ${({textAlign:e})=>e};
`,je=Object(be.c)("div",{shouldForwardProp:e=>"left"!==e})`
  position: absolute;
  left: ${({left:e})=>e}%;
  transform: translateX(-50%);
  width: auto;
`,Le=Object(be.c)(pe.a)`
  padding: ${({theme:{spacing:e}})=>`${e["spacing-xxl"]} 0 ${e["spacing-l"]}`};
  margin-top: ${({theme:e})=>e.spacing["spacing-l"]};
  margin-bottom: ${({theme:e})=>e.spacing["spacing-xxl"]};
`,Se=Object(be.c)(ge.a)`
  margin: 0 2px;
`,Pe=[r.OfflineClientTimeFrame.DAY,r.OfflineClientTimeFrame.WEEK,r.OfflineClientTimeFrame.MONTH,r.OfflineClientTimeFrame.ALL_TIME];var Re=()=>{const e=Object(i.useDispatch)(),t=Object(i.useSelector)(E.I),[a,c]=Object(n.useState)(Pe.findIndex(e=>{var a;return null!==(a=e===(null==t?void 0:t.offlineClientTimeframe))&&void 0!==a?a:r.OfflineClientTimeFrame.DAY})||0),o=Object(ve.a)(t=>{e(Object(r.fetchOfflineClients)({queryParams:{withinHours:t}},{crudCacheStrategy:{type:h.a.CACHE}})),e(Object(E.h)({offlineClientTimeframe:t}))},300),s=Object(n.useCallback)(e=>{var t;const a=+(null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.value)||0;c(a),o(Pe[a])},[c]);return l.a.createElement(pe.a,{justifyContent:"center"},l.a.createElement(Le,{position:"relative",width:"100%",overflow:"visible"},l.a.createElement(Ie,null,l.a.createElement(me.a,null,l.a.createElement(v.b,{id:"CLIENT_FILTER_OFFLINE_TIMEFRAME_LAST_SEEN"}))),l.a.createElement(Se,{min:0,max:3,value:a,onChange:s,segments:3}),l.a.createElement(pe.a,{justifyContent:"space-between",position:"absolute",left:0,right:0,bottom:0},l.a.createElement(fe,null,l.a.createElement(me.a,{size:"label"},l.a.createElement(v.b,{id:"CLIENT_FILTER_OFFLINE_TIMEFRAME_24_HOURS"}))),l.a.createElement(je,{left:33},l.a.createElement(me.a,{size:"label"},l.a.createElement(v.b,{id:"CLIENT_FILTER_OFFLINE_TIMEFRAME_WEEK"}))),l.a.createElement(je,{left:66},l.a.createElement(me.a,{size:"label"},l.a.createElement(v.b,{id:"CLIENT_FILTER_OFFLINE_TIMEFRAME_MONTH"}))),l.a.createElement(ye,{textAlign:"right"},l.a.createElement(me.a,{size:"label"},l.a.createElement(v.b,{id:"CLIENT_FILTER_OFFLINE_TIMEFRAME_ALL_TIME"}))))))};const Me=Object(be.c)("div")`
  padding: 24px;
`,we=Object(be.c)(Ce.a)`
  width: 38px;
  height: 38px;
`,xe=Object(be.c)("div")`
  margin-bottom: 16px;
`;var Ae=Object(v.e)(({handleFilterChange:e,onChangeClientFilter:t,devicesData:{totalUplinkClients:a,apData:c}})=>{var r,o;const s=Object(D.a)(Object(i.useSelector)(K)),d=Object(i.useSelector)(ee),E=Object(n.useMemo)(()=>[{id:F.f,title:l.a.createElement(v.b,{id:"COMMON_ALL_AP"}),image:l.a.createElement(we,{deviceModel:_e.e.U7HD,deviceType:_e.g.AP}),subtitle:l.a.createElement(me.a,{size:"caption",color:"tertiary"},l.a.createElement(v.b,{id:"CLIENT_FILTER_DROPDOWN_DEVICES_CLIENT_COUNT",values:{count:a}}))},...Object.keys(c).map(e=>{const{count:t,device:a}=c[e];return{id:a.mac,title:Object(Y.c)(a),image:l.a.createElement(we,{deviceModel:a.model,deviceType:a.type}),subtitle:l.a.createElement(me.a,{size:"caption",color:"tertiary"},l.a.createElement(v.b,{id:"CLIENT_FILTER_DROPDOWN_DEVICES_CLIENT_COUNT",values:{count:t}}))}})],[c,a]),b=Object(n.useCallback)(t=>e(F.b.DEVICE,F.b.DEVICE,t),[e]),m=Object(n.useCallback)((e,t,a=!0)=>{var n;return null===(n=(d||[]).map(n=>V(Object.assign({},s,{[e]:{[t]:a}}),n)).filter(e=>e.every(Boolean)))||void 0===n?void 0:n.length},[d,s]),u=Object(n.useMemo)(()=>function(e){var t,a,n,l,i,c,r,o,s,d,E,b;return(null===(t=null==e?void 0:e[F.b.STATUS])||void 0===t?void 0:t[F.a.ACTIVE])&&(null===(a=null==e?void 0:e[F.b.STATUS])||void 0===a?void 0:a[F.a.OFFLINE])&&(null===(n=null==e?void 0:e[F.b.STATUS])||void 0===n?void 0:n[F.a.BLOCKED])&&(null===(l=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===l?void 0:l[F.c.WIRED])&&(null===(i=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===i?void 0:i[F.c.VPN])&&(null===(c=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===c?void 0:c[F.c.TELEPORT])&&(null===(r=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===r?void 0:r[F.c.NG])&&(null===(o=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===o?void 0:o[F.c.NA])&&(null===(s=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===s?void 0:s[F.c.AX])&&(null===(d=null==e?void 0:e[F.e.CLIENTS_TYPE])||void 0===d?void 0:d[F.c.USERS])&&(null===(E=null==e?void 0:e[F.e.CLIENTS_TYPE])||void 0===E?void 0:E[F.c.GUESTS])&&!(null===(b=null==e?void 0:e[F.b.DEVICE])||void 0===b?void 0:b[F.b.DEVICE])}(s),[s]),O=Object(n.useCallback)(({target:{checked:e}})=>{const a=e?Object(C.a)(G):{};t(a)},[t]);return l.a.createElement(Me,null,l.a.createElement(f.c,{checked:u,onChange:O,id:"showAllClientDevices",text:"COMMON_SHOW_ALL_DEVICES",toggleStyle:{marginTop:4,marginBottom:16}}),l.a.createElement(xe,null,l.a.createElement(Ne.a,{devices:E,selectedDevice:null!==(o=null===(r=null==s?void 0:s[F.b.DEVICE])||void 0===r?void 0:r[F.b.DEVICE])&&void 0!==o?o:"",setSelectedDevice:b,displayInfoForSelected:!0,displaySubtitleForSelected:!0,ignoreResponsiveText:!0})),l.a.createElement(ue.a,{spacing:"flush",variant:"list",items:Object(n.useMemo)(()=>{var t,a,n;return[{id:F.c.NG,checked:null===(t=s[F.e.CONNECTION_TYPE])||void 0===t?void 0:t[F.c.NG],children:l.a.createElement(v.b,{id:"COMMON_RADIO_BAND_NG"}),onChange:({target:{checked:t}})=>e(F.e.CONNECTION_TYPE,F.c.NG,t)},{id:F.c.NA,checked:null===(a=s[F.e.CONNECTION_TYPE])||void 0===a?void 0:a[F.c.NA],children:l.a.createElement(v.b,{id:"COMMON_RADIO_BAND_NA"}),onChange:({target:{checked:t}})=>e(F.e.CONNECTION_TYPE,F.c.NA,t)},{id:F.c.AX,checked:null===(n=s[F.e.CONNECTION_TYPE])||void 0===n?void 0:n[F.c.AX],children:l.a.createElement(v.b,{id:"COMMON_RADIO_BAND_6E"}),onChange:({target:{checked:t}})=>e(F.e.CONNECTION_TYPE,F.c.AX,t)}]},[s,e])}),l.a.createElement(Te,{heading:"COMMON_EXP",items:Object(n.useMemo)(()=>{var t,a,n;return[{id:F.c.WIRED,checked:null===(t=s[F.e.CONNECTION_TYPE])||void 0===t?void 0:t[F.c.WIRED],children:l.a.createElement(v.b,{id:"CLIENT_FILTER_CONNECTION_WIRED"}),onChange:({target:{checked:t}})=>e(F.e.CONNECTION_TYPE,F.c.WIRED,t),labelProps:{count:m(F.e.CONNECTION_TYPE,F.c.WIRED)}},{id:F.c.VPN,checked:null===(a=s[F.e.CONNECTION_TYPE])||void 0===a?void 0:a[F.c.VPN],children:l.a.createElement(v.b,{id:"CLIENT_FILTER_CONNECTION_VPN"}),onChange:({target:{checked:t}})=>e(F.e.CONNECTION_TYPE,F.c.VPN,t),labelProps:{count:m(F.e.CONNECTION_TYPE,F.c.VPN)}},{id:F.c.TELEPORT,checked:null===(n=s[F.e.CONNECTION_TYPE])||void 0===n?void 0:n[F.c.TELEPORT],children:l.a.createElement(v.b,{id:"COMMON_TP"}),onChange:({target:{checked:t}})=>e(F.e.CONNECTION_TYPE,F.c.TELEPORT,t),labelProps:{count:m(F.e.CONNECTION_TYPE,F.c.TELEPORT)}}]},[s,m,e])}),l.a.createElement(Te,{heading:"CLIENT_FILTER_CONNECTION_CLIENTS",items:Object(n.useMemo)(()=>F.d[F.e.CLIENTS_TYPE].map(t=>{var a;return{key:t,id:t,checked:null===(a=s[F.e.CLIENTS_TYPE])||void 0===a?void 0:a[t],children:l.a.createElement(v.b,{id:"CLIENT_FILTER_CONNECTION_"+t.toUpperCase()}),onChange:({target:{checked:a}})=>e(F.e.CLIENTS_TYPE,t,a),labelProps:{count:m(F.e.CLIENTS_TYPE,t)}}}),[s,m,e])}),l.a.createElement(Oe.a,{multiOpen:!0,variant:"secondary",items:Object(n.useMemo)(()=>[{id:F.b.STATUS,openByDefault:!0,label:l.a.createElement(v.b,{id:"CLIENT_FILTER_STATUS"}),renderContent:()=>{var t;return l.a.createElement(l.a.Fragment,null,l.a.createElement(ue.a,{spacing:"flush",variant:"list",items:Object.values(F.a).map(t=>{var a;return{key:t,id:t,checked:null===(a=s[F.b.STATUS])||void 0===a?void 0:a[t],children:l.a.createElement(v.b,{id:"CLIENT_FILTER_STATUS_"+t.toUpperCase()}),onChange:({target:{checked:a}})=>e(F.b.STATUS,t,a),labelProps:{count:m(F.b.STATUS,t)}}})}),(null===(t=s[F.b.STATUS])||void 0===t?void 0:t[F.a.OFFLINE])&&l.a.createElement(Re,null))}}],[s,m,e]),renderOnlyExpandedContent:!0}))});var De=()=>{var e,t;const a=Object(i.useSelector)(ee),c=Object(r.convertLegacyFiltersToCurrentStructure)(Object(i.useSelector)(K)),o=Object(n.useRef)(c),s=null!==(t=null===(e=null==c?void 0:c[F.b.DEVICE])||void 0===e?void 0:e[F.b.DEVICE])&&void 0!==t?t:"",d=!!Object(i.useSelector)(Object(S.b)("clients")).length,b=Object(i.useDispatch)(),m=Object(n.useMemo)(()=>function(e){var t,a,n,l,i,c,r,o,s,d,E,b;return(null===(t=null==e?void 0:e[F.b.STATUS])||void 0===t?void 0:t[F.a.ACTIVE])&&!(null===(a=null==e?void 0:e[F.b.STATUS])||void 0===a?void 0:a[F.a.OFFLINE])&&!(null===(n=null==e?void 0:e[F.b.STATUS])||void 0===n?void 0:n[F.a.BLOCKED])&&(null===(l=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===l?void 0:l[F.c.WIRED])&&(null===(i=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===i?void 0:i[F.c.VPN])&&(null===(c=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===c?void 0:c[F.c.TELEPORT])&&(null===(r=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===r?void 0:r[F.c.NG])&&(null===(o=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===o?void 0:o[F.c.NA])&&(null===(s=null==e?void 0:e[F.e.CONNECTION_TYPE])||void 0===s?void 0:s[F.c.AX])&&(null===(d=null==e?void 0:e[F.e.CLIENTS_TYPE])||void 0===d?void 0:d[F.c.USERS])&&(null===(E=null==e?void 0:e[F.e.CLIENTS_TYPE])||void 0===E?void 0:E[F.c.GUESTS])&&!(null===(b=null==e?void 0:e[F.b.DEVICE])||void 0===b?void 0:b[F.b.DEVICE])}(c),[c]),u=Object(n.useCallback)(e=>{b(Object(I.b)(e)),b(Object(E.L)(j.a.CLIENT,{filters:e}))},[b]),O=Object(n.useCallback)(()=>{u(Object(C.a)(B))},[u]),p=Object(n.useCallback)((e,t,a)=>{const n=Object.assign({},c,{[e]:{...c[e]||{},[t]:a}});o.current=n,u(n)},[c,u]),h=Object(n.useMemo)(()=>{let e=0;const t=a.reduce((t,a)=>{if(a.type===r.ClientType.VPN||a.type===r.ClientType.TELEPORT)return t;const{uplink:n,uplink_mac:l,is_wired:i}=a;return n&&l&&!i?(t[l]||(t[l]={count:0,device:n}),t[l].count+=1,e+=1,t):t},{});return{totalUplinkClients:e,apData:t}},[a]),T=Object.keys(h.apData).find(e=>e===s)||F.f;return Object(n.useEffect)(()=>{p(F.b.DEVICE,F.b.DEVICE,T)},[]),Object(n.useEffect)(()=>{d&&b(Object(L.b)(!1))},[d]),l.a.createElement(f.b,{isLoading:!1,title:"CLIENT_HEADER_CLIENTS",columnTabProps:{columns:Object.values(g.b),columnLabels:g.c,tableType:j.a.CLIENT},renderFilterDrawerContent:l.a.createElement(Ae,{devicesData:h,onChangeClientFilter:u,handleFilterChange:p}),filterFooterProps:{label:l.a.createElement(v.b,{id:"COMMON_CONTROL_PANEL_FILTER_FOOTER_RESTORE_DEFAULTS"}),onClick:O,disabled:m},isDisplayOptionsDisabled:d,leftContent:l.a.createElement(Ee,null),filtersActive:!m},l.a.createElement(f.a,{onClick:()=>b(Object(I.c)(y.b.LIST))},l.a.createElement(N.mb,{size:"original",variant:"fill"})),l.a.createElement(f.a,{onClick:()=>b(Object(I.c)(y.b.GRID))},l.a.createElement(N.jb,{size:"original"})))},ke=a(76),Fe=a(107),We=a(1154),Ve=a(2762),Ue=a(104),He=a(868),Ye=a(218),ze=a(88),$e=a(2757),Be=a(173),Ge=a(31),Ke=a(757);var Xe=()=>{const e=Object(i.useDispatch)(),t=Object(n.useCallback)(()=>e(Object(I.e)()),[]),a=Object(i.useSelector)(r.selectCombinedClientsData),c=Object(i.useSelector)(Object(S.b)("clients")),o=()=>{const t=Object(C.a)(B);e(Object(I.b)(t)),e(Object(E.L)(j.a.CLIENT,{filters:t}))},s=()=>{const t=document.querySelector("input[role=combobox]");t&&t.focus(),e(Object(Ke.g)("clients"))};return l.a.createElement(Ge.f,{width:"100%",flexDirection:"column"},l.a.createElement(()=>{switch(!0){case!(!(null==a?void 0:a.length)||!c.length):return l.a.createElement($e.a,{icon:"noClients",maxWidth:386,detailPadding:35,title:l.a.createElement(v.b,{id:"COMMON_NO_MATCH"}),details:l.a.createElement(v.b,{id:"CLIENT_EMPTY_SEARCH_NO_CLIENTS_DETAILS"}),button:l.a.createElement(Be.a,{variant:"primary"},l.a.createElement(v.b,{id:"COMMON_REMOVE_FILTERS"})),onClick:s});case!!(null==a?void 0:a.length):return l.a.createElement($e.a,{icon:"noClients",maxWidth:386,detailPadding:35,title:l.a.createElement(v.b,{id:"COMMON_NO_MATCH"}),details:l.a.createElement(v.b,{id:"CLIENT_EMPTY_FILTER_NO_CLIENTS_DETAILS"}),button:l.a.createElement(Be.a,{variant:"primary"},l.a.createElement(v.b,{id:"COMMON_BUTTON_RESET_DISPLAY_OPTION"})),onClick:o});default:return l.a.createElement($e.a,{icon:"noClients",maxWidth:386,detailPadding:35,title:l.a.createElement(v.b,{id:"CLIENT_TABLE_EMPTY_HEADER"}),details:l.a.createElement(v.b,{id:"CLIENT_TABLE_EMPTY_NO_CLIENTS_DETAILS"}),button:l.a.createElement(Be.a,{variant:"primary"},l.a.createElement(v.b,{id:"CLIENT_EMPTY_ADD_CLIENTS_BUTTON"})),onClick:t})}},null))},qe=a(571),Qe=a(474),Je=a(48);const Ze=Object(be.c)(Qe.a,{shouldForwardProp:e=>!["marginLeft","marginRight"].includes(e)})`
  width: 6px;
  height: 6px;
  ${({marginLeft:e})=>e&&`margin-left: ${e}px;`}
  ${({marginRight:e})=>e&&`margin-right: ${e}px;`}
`,et=Object(be.c)(N.u,{shouldForwardProp:e=>!["marginLeft","marginRight"].includes(e)})`
  width: 13px;
  height: 13px;
  color: ${Je.a["white-6"]};
  ${({marginLeft:e})=>e&&`margin-left: ${e}px;`}
  ${({marginRight:e})=>e&&`margin-right: ${e}px;`}
`;var tt=({status:e,marginLeft:t,marginRight:a})=>"blocked"===e?l.a.createElement(et,{marginLeft:t-3,marginRight:a-3}):l.a.createElement(Ze,{variant:e,marginLeft:t,marginRight:a}),at=a(2621);const nt=Object(be.c)(pe.a)`
  height: 120px;
  background: ${({theme:e})=>e.motifPalette.disabled01};
  > picture {
    width: calc(100% - 10px) !important;
    height: 110px;
    text-align: center;
  }
`,lt=Object(be.c)(me.a)`
  max-width: 90%;
`,it=Object(be.c)(Ye.a)`
  max-width: 100%;
  max-height: 80%;
`,ct=Object(be.c)(pe.a)`
  > div:nth-child(2) {
    max-width: 90%;
    > span:first-child {
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
`,rt=Object(be.c)(me.a)`
  height: 18px;
`,ot=Object(be.c)(pe.a)`
  svg {
    color: ${({theme:e})=>e.motifPalette.icon02};
  }
`,st=Object(be.c)(me.a)`
  margin-left: 3px;
  white-space: nowrap;
`,dt=e=>e.map(e=>({id:e.id,image:l.a.createElement(nt,{justifyContent:"center",alignItems:"center",width:"100%"},(()=>{switch(e.type){case A.c.VPN:return l.a.createElement(at.a,{type:"vpn"});case A.c.TELEPORT:return l.a.createElement(at.a,{type:"teleport"});case A.c.WIRED:case A.c.WIRELESS:default:return l.a.createElement(it,{client:e,grid:!0,width:"auto"})}})()),children:l.a.createElement(pe.a,{flexDirection:"column",justifyContent:"center",width:"100%",height:"100%",padding:"16px 0 8px"},l.a.createElement(ct,{justifyContent:"center",alignItems:"center"},l.a.createElement(tt,{status:Object(D.u)(e),marginRight:6}),l.a.createElement(lt,{truncate:!0},Object(D.f)(e))),l.a.createElement(rt,{centered:!0,color:"tertiary",size:"caption"},e.ip||e.type===A.c.VPN&&e.remote_ip||""),e.type===A.c.WIRELESS?l.a.createElement(pe.a,{margin:"8px 0",alignItems:"center"},(({satisfaction:e})=>l.a.createElement(We.a,{value:e,variant:Object(Ue.c)(e)}))(Object(D.e)(void 0,e))):l.a.createElement(pe.a,{height:26}),l.a.createElement(ot,{alignItems:"center"},(()=>{switch(e.type){case A.c.WIRED:return l.a.createElement(pe.a,{alignItems:"center",height:20},l.a.createElement(N.I,{height:14,width:14}),e.wired_rate_mbps?l.a.createElement(st,{color:"tertiary",size:"caption",style:{margin:"0 4px"}},Object(z.b)(e.wired_rate_mbps)):null);case A.c.WIRELESS:return l.a.createElement(N.Tc,{height:20,width:20});case A.c.VPN:return l.a.createElement(pe.a,{alignItems:"center",height:20},l.a.createElement(N.cc,{height:20,width:20}),l.a.createElement(st,{color:"tertiary",size:"caption"},l.a.createElement(v.b,{id:"CLIENT_VPN"})));case A.c.TELEPORT:return l.a.createElement(pe.a,{alignItems:"center",height:20},l.a.createElement(N.rc,{height:20,width:20}),l.a.createElement(st,{color:"tertiary",size:"caption"},l.a.createElement(v.b,{id:"COMMON_TP"})));default:return null}})(),l.a.createElement(pe.a,{flex:"1"}),l.a.createElement(qe.a,{client:e,props:["tx_bytes-r"]},({"tx_bytes-r":e=0})=>l.a.createElement(He.a,{bytes:e,direction:"down",pow:2})),l.a.createElement(qe.a,{client:e,props:["rx_bytes-r"]},({"rx_bytes-r":e=0})=>l.a.createElement(He.a,{bytes:e,direction:"up",iconStyle:{marginLeft:"4px"},pow:2}))))}));var Et=({handleRowClick:e})=>{const t=Object(i.useSelector)(te);return t.length?l.a.createElement(ze.i,null,l.a.createElement(Ve.a,{gutterSize:16,tileSize:"medium",selectType:"none",onTileClick:(a,n,l)=>e(t[l]),items:dt(t)})):l.a.createElement(Xe,null)},bt=a(1670),mt=a(236),ut=a(49),Ot=a(261),pt=a(2851),ht=a(1195),Tt=a(2841),_t=a(851),Ct=a(42),Nt=a(423),vt=a(753),gt=a(2631),It=a(60),ft=a(197),yt=a(1656),jt=a(2630);const Lt=Object(be.c)(me.a)`
  max-width: 90%;
`;var St=({client:e})=>{var t;const a="fingerprint"in e&&e.fingerprint,c=Object(n.useMemo)(()=>Object(r.selectClientFingerprint)(e),[null==a?void 0:a.computed_dev_id,null==a?void 0:a.computed_engine,null==a?void 0:a.confidence,null==a?void 0:a.dev_cat,null==a?void 0:a.dev_family,null==a?void 0:a.dev_id,null==a?void 0:a.dev_id_override,null==a?void 0:a.dev_vendor,null==a?void 0:a.has_override,null==a?void 0:a.os_class,null==a?void 0:a.os_name]),o=null===(t=Object(i.useSelector)(c))||void 0===t?void 0:t.fingerprint_device_vendor;return l.a.createElement(Lt,{color:"inherit",size:"body",truncate:!0},o||"-")},Pt=a(2629),Rt=a(1039);const Mt=Object(be.c)(me.a)`
  margin-left: 4px;
  max-width: 90%;
`,wt=Object(be.c)(me.a,{shouldForwardProp:e=>"direction"!==e})`
  color: ${({direction:e})=>"up"===e?Je.a["purple-1"]:Je.a["blue-3"]} !important;
`,xt=({client:e,children:t,ignoreOpacity:a=!1})=>l.a.createElement(pe.a,{width:"100%",opacity:a||"success"===Object(D.u)(e)?1:.5},t),At=[{id:g.b.STATUS,label:null,growthFactor:1,renderCell:e=>l.a.createElement(tt,{status:Object(D.u)(e),marginLeft:5,marginRight:12})},{id:g.b.NAME,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.NAME]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(pe.a,{width:"100%",alignItems:"center",whiteSpace:"nowrap"},l.a.createElement(pe.a,{height:30,minWidth:30,maxWidth:30,justifyContent:"center",alignItems:"center"},(()=>{switch(e.type){case A.c.VPN:return l.a.createElement(at.a,{type:"vpn"});case A.c.TELEPORT:return l.a.createElement(at.a,{type:"teleport"});case A.c.WIRED:case A.c.WIRELESS:default:return l.a.createElement(Ye.a,{client:e,alt:e.name})}})()),l.a.createElement(Mt,{size:"body",color:"inherit",truncate:!0},Object(D.f)(e)))),compare:Object(gt.b)(e=>Object(D.f)(e))},{id:g.b.MAC,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.MAC]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(me.a,{size:"body",color:"inherit"},e.type!==A.c.VPN&&e.type!==A.c.TELEPORT&&e.mac||l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:Object(gt.b)(e=>e.type===A.c.VPN||e.type===A.c.TELEPORT?"":e.mac)},{id:g.b.VENDOR,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.VENDOR]}),renderCell:e=>l.a.createElement(xt,{client:e},e.type===A.c.VPN||e.type===A.c.TELEPORT?l.a.createElement(Mt,{color:"inherit",size:"body"},l.a.createElement(v.b,{id:"COMMON_HYPHEN"})):l.a.createElement(St,{client:e})),compare:gt.d},{id:g.b.CONNECTION,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.CONNECTION]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(me.a,{size:"body",color:"inherit"},(()=>{let t=null;switch(e.type){case A.c.WIRED:t=l.a.createElement(v.b,{id:"CLIENT_WIRED"});break;case A.c.WIRELESS:t=Object(D.B)(e);break;case A.c.VPN:t=l.a.createElement(v.b,{id:"CLIENT_VPN"});break;case A.c.TELEPORT:t=l.a.createElement(v.b,{id:"COMMON_TP"})}return t||l.a.createElement(v.b,{id:"COMMON_HYPHEN"})})())),compare:gt.a},{id:g.b.NETWORK,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.NETWORK]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(me.a,{size:"body",color:"inherit"},e.type!==A.c.TELEPORT&&e.network_name||l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:Object(gt.b)((e,t,a)=>e.type!==A.c.TELEPORT&&(e.network_name||Object(It.c)(a)))},{id:g.b.WIFI_BAND,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.WIFI_BAND]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(me.a,{size:"body",color:"inherit"},e.type===A.c.WIRELESS?Object(D.h)(e):l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:Object(gt.b)((e,t,a)=>{var n,l;return e.type===A.c.WIRELESS&&(null===(l=ft.a[null===(n=e.radio)||void 0===n?void 0:n.toUpperCase()])||void 0===l?void 0:l.sortOrder)||Object(It.b)(a)})},{id:g.b.MIMO,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.MIMO]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(me.a,{size:"body",color:"inherit"},e.type===A.c.WIRELESS&&e.mimo?Object(D.D)(e):l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:Object(gt.b)((e,t,a)=>e.type===A.c.WIRELESS&&e.mimo?Object(D.D)(e):Object(It.c)(a))},{id:g.b.IP,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.IP]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(me.a,{size:"body",color:"inherit"},e.ip||e.type===A.c.VPN&&e.remote_ip||l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:Ct.n},{id:g.b.EXPERIENCE,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.EXPERIENCE]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(jt.a,{activeItem:e})),compare:Object(gt.b)((e,t,a)=>Object(gt.e)(e,a))},{id:g.b.IDENTITY,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.IDENTITY]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(me.a,{color:"inherit",size:"body"},e.type!==A.c.VPN&&e["1x_identity"]||l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:Object(gt.b)((e,t,a)=>e.type!==A.c.VPN&&e["1x_identity"]||Object(It.c)(a))},{id:g.b.VLAN,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.VLAN]}),renderCell:e=>{var t;return l.a.createElement(me.a,{color:"inherit",size:"body"},e.type!==A.c.VPN&&e.type!==A.c.TELEPORT&&null!==(t=e.vlan)&&void 0!==t?t:l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))},compare:Object(gt.b)((e,t,a)=>e.type!==A.c.VPN&&e.type!==A.c.TELEPORT&&e.vlan||Object(It.b)(a))},{id:g.b.DOWNLINK,sortable:!1,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.DOWNLINK]}),renderCell:e=>l.a.createElement(xt,{client:e,ignoreOpacity:!0},l.a.createElement(qe.a,{client:e,props:["tx_bytes-r"]},({"tx_bytes-r":e=0})=>l.a.createElement(He.a,{bytes:e,direction:"down",size:"body",iconStyle:{width:"10px",height:"16px",margin:"0 16px 2px 0"},pow:2})))},{id:g.b.UPLINK,sortable:!1,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.UPLINK]}),renderCell:e=>l.a.createElement(xt,{client:e,ignoreOpacity:!0},l.a.createElement(qe.a,{client:e,props:["rx_bytes-r"]},({"rx_bytes-r":e=0})=>l.a.createElement(He.a,{bytes:e,direction:"up",size:"body",iconStyle:{width:"10px",height:"16px",margin:"0 16px 2px 0"},pow:2})))},{id:g.b.DAILY_USAGE,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.DAILY_USAGE]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(qe.a,{client:e,props:["usage_bytes"]},({usage_bytes:e=null})=>e?l.a.createElement(me.a,{color:"inherit",size:"body"},l.a.createElement(_t.a,{color:"inherit",size:"body",type:"bytes",input:e})):l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:Object(gt.b)((e,t,a)=>e.usage_bytes||Object(It.b)(a))},{id:g.b.UPTIME,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.UPTIME]}),renderCell:e=>l.a.createElement(xt,{client:e},Object(D.r)(e)?e.assoc_time?l.a.createElement(Rt.a,{startTimestamp:e.assoc_time}):l.a.createElement(me.a,{size:"body",color:"inherit"},l.a.createElement(v.b,{id:"COMMON_HYPHEN"})):e.type!==A.c.VPN&&e.type!==A.c.TELEPORT?l.a.createElement(vt.a,{date:Object(Nt.b)(e.last_seen)}):l.a.createElement(me.a,{size:"body",color:"inherit"},l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:Object(gt.b)((e,t,a)=>Object(D.r)(e)&&e.assoc_time?e.assoc_time:e.type!==A.c.VPN&&e.type!==A.c.TELEPORT&&e.last_seen?e.last_seen:Object(It.b)(a))},{id:g.b.CHANNEL,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.CHANNEL]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(me.a,{size:"body",color:"inherit"},e.type===A.c.WIRELESS&&e.isUp&&e.channel?e.channel:l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:Object(gt.b)((e,t,a)=>e.type===A.c.WIRELESS&&e.isUp&&e.channel?e.channel:Object(It.b)(a))},{id:g.b.UPLINK_AP_PORT,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.UPLINK_AP_PORT]}),renderCell:e=>l.a.createElement(xt,{client:e},e.type!==A.c.VPN&&e.type!==A.c.TELEPORT?l.a.createElement(Pt.a,{uplinkMac:e.uplink_mac,uplinkName:e.uplinkName,uplinkPort:e.type===A.c.WIRED?e.sw_port:null,clientFixedApEnabled:e.type===A.c.WIRELESS&&(null==e?void 0:e.fixed_ap_enabled),clientMac:e.mac}):l.a.createElement(me.a,{size:"body",color:"inherit"},l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:gt.c},{id:g.b.SIGNAL,sortable:!0,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.SIGNAL]}),renderCell:e=>l.a.createElement(xt,{client:e},e.type===A.c.WIRELESS&&e.isUp?l.a.createElement(qe.a,{client:e,props:["signal"]},({signal:e})=>e?l.a.createElement(pe.a,{alignItems:"center",width:"100%",height:"100%"},l.a.createElement(me.a,{size:"body",color:"inherit"},e," ",l.a.createElement(v.b,{id:"COMMON_UNIT_DBM"})),l.a.createElement(yt.a,{signal:e})):l.a.createElement(me.a,{size:"body",color:"inherit"},l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))):l.a.createElement(me.a,{size:"body",color:"inherit"},l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:Object(gt.b)((e,t,a)=>e.type===A.c.WIRELESS?e.signal:Object(It.b)(a))},{id:g.b.RX_RATE,sortable:!1,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.RX_RATE]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(qe.a,{client:e,props:["tx_rate"]},({tx_rate:e})=>e>0?l.a.createElement(He.a,{hideIcon:!0,bytes:1e3*e/8,direction:"down",size:"body"}):l.a.createElement(me.a,{size:"body",color:"inherit"},l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))))},{id:g.b.TX_RATE,sortable:!1,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.TX_RATE]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(qe.a,{client:e,props:["rx_rate"]},({rx_rate:e})=>e>0?l.a.createElement(He.a,{hideIcon:!0,bytes:1e3*e/8,direction:"up",size:"body"}):l.a.createElement(me.a,{size:"body",color:"inherit"},l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))))},{id:g.b.FIRST_SEEN,sortable:!0,label:l.a.createElement(v.b,{id:g.c[g.b.FIRST_SEEN]}),minWidth:160,renderCell:e=>l.a.createElement(xt,{client:e},e.type!==A.c.VPN&&e.type!==A.c.TELEPORT?l.a.createElement(me.a,{size:"body",color:"inherit"},l.a.createElement(vt.a,{date:Object(Nt.b)(e.first_seen)})):l.a.createElement(me.a,{size:"body",color:"inherit"},l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))),compare:Object(gt.b)((e,t,a)=>e.type!==A.c.VPN&&e.type!==A.c.TELEPORT?e.first_seen:Object(It.b)(a))},{id:g.b.DOWN_PKTS,sortable:!1,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.DOWN_PKTS]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(qe.a,{client:e,props:["tx_packets"]},({tx_packets:e})=>e>0?l.a.createElement(wt,{size:"body",direction:"down"},e):l.a.createElement(me.a,{size:"body",color:"inherit"},l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))))},{id:g.b.UP_PKTS,sortable:!1,minWidth:160,label:l.a.createElement(v.b,{id:g.c[g.b.UP_PKTS]}),renderCell:e=>l.a.createElement(xt,{client:e},l.a.createElement(qe.a,{client:e,props:["rx_packets"]},({rx_packets:e})=>e>0?l.a.createElement(wt,{size:"body",direction:"up"},e):l.a.createElement(me.a,{size:"body",color:"inherit"},l.a.createElement(v.b,{id:"COMMON_HYPHEN"}))))}];var Dt=a(689);var kt=({handleRowClick:e})=>{const t=Object(i.useDispatch)(),a=Object(i.useSelector)(te),c=Object(i.useSelector)(Dt.b),r=Object(n.useRef)(),{sortBy:o,isAscending:s,initialColumns:d}=Object(i.useSelector)(Object(ut.v)(mt.a.CLIENT)),E=(e,a)=>{t(Object(Ot.j)(mt.a.CLIENT,{sortBy:e.id,isAscending:a}))},b=Object(n.useCallback)(({from:t,rowsPerPage:n})=>l.a.createElement(Tt.a,null,l.a.createElement(bt.a,{idField:"uniqueId",ref:r,items:a,rowLimit:n,rowOffset:t,columns:At,onRowClick:e,onSort:E,initialSortBy:o,initiallySortAscending:s,columnOverride:d,rowHeight:32,headerRowClassName:pt.a,disableColumnFilters:!0})),[a,s,o,E,e]);return a.length&&(null==d?void 0:d.length)?l.a.createElement(ht.a,{section:"CLIENT_HEADER_CLIENTS",itemCount:null==a?void 0:a.length,tableType:mt.a.CLIENT,onRenderTable:b,onPageChanged:e=>{t(Object(I.d)(e))},pageNumber:c}):l.a.createElement(Xe,null)};var Ft=()=>{const e=Object(c.k)(),{site:t}=Object(c.m)(),a=Object(i.useDispatch)(),r=Object(n.useMemo)(()=>Object(M.c)(y.a.CLIENTS),[]),o=Object(i.useSelector)(r)!==y.b.GRID,s=Object(n.useCallback)(({id:n,type:l})=>{l!==A.c.VPN&&(e.push(Object(c.i)("/:site/clients/properties/:id?/:panel?/:subPanel?",{id:n,panel:Fe.a.OVERVIEW,site:t})),a(Object(ke.g)({type:T.c.CLIENT,mac:n})))},[t]);return l.a.createElement(pe.a,Object.assign({width:"100%",height:"100%",overflow:"auto"},!o&&{padding:"32px"}),o?l.a.createElement(kt,{handleRowClick:s}):l.a.createElement(Et,{handleRowClick:s}))};t.default=()=>{var e,t;const a=null!==(t=null===(e=Object(i.useSelector)(E.I))||void 0===e?void 0:e.offlineClientTimeframe)&&void 0!==t?t:r.OfflineClientTimeFrame.DAY;return Object(p.g)([Object(d.fetchNetworks)(void 0,{crudCacheStrategy:{type:h.a.CACHE}}),Object(s.a)({crudCacheStrategy:{type:h.a.CACHE}}),Object(o.fetchDevices)(void 0,{crudCacheStrategy:{type:h.a.CACHE}}),Object(r.fetchClients)(void 0,{crudCacheStrategy:{type:h.a.CACHE}}),Object(r.fetchOfflineClients)({queryParams:{withinHours:a}},{crudCacheStrategy:{type:h.a.CACHE}}),Object(r.fetchBlockedClients)(void 0,{crudCacheStrategy:{type:h.a.CACHE}}),Object(b.d)(void 0,{crudCacheStrategy:{type:h.a.CACHE}}),Object(m.c)("clients"),Object(m.c)("devices")],l.a.createElement(u.a,null,l.a.createElement(De,null),l.a.createElement(Ft,null),l.a.createElement(c.g,null,l.a.createElement(_.a,{path:"/:site/clients/properties/:id?/:panel?/:subPanel?/:subPanelId?"},l.a.createElement(O.a,{panelType:T.c.CLIENT})))),{trackingName:"clients-page"})}}}]);