Skip to content

Instantly share code, notes, and snippets.

@LivingInSyn

LivingInSyn/dashboard.b39f4a6e449305b0dee5.js

Created March 30, 2021 02:13
Show Gist options
  • Save LivingInSyn/dd8122e9ee556a06601422d2795cb211 to your computer and use it in GitHub Desktop.
Save LivingInSyn/dd8122e9ee556a06601422d2795cb211 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dashboard.b39f4a6e449305b0dee5.js
(window.webpackJsonpunifiNetworkUi=window.webpackJsonpunifiNetworkUi||[]).push([[21],{1946:function(e,t,a){"use strict";a.d(t,"c",(function(){return s})),a.d(t,"b",(function(){return m})),a.d(t,"a",(function(){return d})),a.d(t,"e",(function(){return p})),a.d(t,"f",(function(){return h})),a.d(t,"d",(function(){return g}));var n=a(39),i=a(1205),c=a(123);const r=(e,t)=>Object(c.i)(Object(n.startOfMonth)(Object(n.addMonths)(e,1)),t),l=(e,t)=>Object(n.differenceInMinutes)(e,t)/5,o=(e,t)=>Object(n.subMinutes)(e,5*t);function s(e,t,a,i){function s(t,i,r,l){const o=Math.ceil(i(t,e))||0,s=o>8,m=o>32?(o+1)/32:1;return Array(Math.min(32,o+1)).fill(t).map((e,t)=>{const i=r(e,t*m),o=Object(c.a)(i,a);return{value:i.getTime(),label:s&&t%2==1?null:Object(n.format)(o,l)}}).reverse()}if(Object(n.differenceInYears)(t,e)>1)return s(r(t,a),n.differenceInMonths,n.subMonths,"MMM YYYY");if(Object(n.differenceInMonths)(t,e)>2)return s(r(t,a),n.differenceInMonths,n.subMonths,"MMM");if(Object(n.differenceInDays)(t,e)>10){const e=Date.now(),r=t.getTime()>e,l=Object(c.i)(new Date,a),o=i>l.getTime()?new Date(i):l;return s(r?o:t,n.differenceInDays,n.subDays,"MMM D")}if(Object(n.differenceInDays)(t,e)>2){const e=s(t,n.differenceInDays,n.subDays,"ddd"),r=Date.now(),l=t.getTime()>r,o=Object(c.i)(new Date,a);return l&&i>o.getTime()&&(e[e.length-1]={value:i,label:null}),e}return Object(n.differenceInHours)(t,e)>1?s(t,n.differenceInHours,n.subHours,"HA"):s(t,l,o,"h:mma")}function m(e,t){function a(a,i,c,r,l=null){const o=a(t,e)||0,s=o>8;return Array(o+1).fill(e).map((t,a)=>{const o=c(i(e),a);return{value:o.getTime(),label:s&&a%2==1?null:Object(n.format)(o,r),tooltipLabel:Object(n.format)(o,l||r)}})}return Object(n.differenceInYears)(t,e)>1?a(n.differenceInMonths,n.startOfMonth,n.addMonths,"MMM YYYY"):Object(n.differenceInMonths)(t,e)>2?a(n.differenceInMonths,n.startOfMonth,n.addMonths,"MMM"):Object(n.differenceInDays)(t,e)>10?a(n.differenceInDays,n.startOfDay,n.addDays,"MMM D"):Object(n.differenceInDays)(t,e)>2?a(n.differenceInDays,n.startOfDay,n.addDays,"ddd","ddd ha"):Object(n.differenceInHours)(t,e)>1?a(n.differenceInHours,n.startOfHour,n.addHours,"ha","ddd ha"):a(n.differenceInMinutes,n.startOfMinute,n.addMinutes,"h:ma","ddd h:ma")}function d(e,t){return[{label:Object(n.format)(e,t),value:e},{label:Object(n.format)(Object(n.subHours)(e,4),t),value:Object(n.subHours)(e,4).getTime()},{label:Object(n.format)(Object(n.subHours)(e,8),t),value:Object(n.subHours)(e,8).getTime()},{label:Object(n.format)(Object(n.subHours)(e,12),t),value:Object(n.subHours)(e,12).getTime()},{label:Object(n.format)(Object(n.subHours)(e,16),t),value:Object(n.subHours)(e,16).getTime()},{label:Object(n.format)(Object(n.subHours)(e,20),t),value:Object(n.subHours)(e,20).getTime()},{label:Object(n.format)(Object(n.subHours)(e,24),t),value:Object(n.subHours)(e,24).getTime()}].reverse()}const p=(e,t)=>Object(i.a)(25,a=>{const i=Object(n.subHours)(t,a).getTime(),c=0===a?e.formatMessage({id:"COMMON_GRANUALITY_0"}):Object(n.format)(i,"HA");return{label:a%6==0?c:null,value:i}}).reverse();function h(e,t,a){const n=(i=10,c=t-e,Math.log(c)/Math.log(i)-1);var i,c;const r=n>0?Math.ceil(n):Math.floor(n),l=10**r,o=Math.ceil((t-e)/l)/(a-2)*l,s=Math.abs(r),m=[];let d=Math.round(e/l)*l;for(;d<t+2*o;d+=o)m.push({label:0===d?"0":d.toFixed(s),value:d});return m.reverse()}const g=(e,t)=>{const a=t-1;let n=Math.ceil(e);for(;n%a!=0;)n+=1;return Object(i.a)(t,e=>{const t=e?Math.ceil(e*(n/a)):0;return{value:t,label:String(t)}}).reverse()}},1955:function(e,t,a){"use strict";a.d(t,"g",(function(){return l})),a.d(t,"f",(function(){return o})),a.d(t,"d",(function(){return s})),a.d(t,"e",(function(){return m})),a.d(t,"c",(function(){return d})),a.d(t,"a",(function(){return p})),a.d(t,"b",(function(){return h}));var n=a(2),i=a(53),c=a(143),r=a(687);const l=Object(n.c)(i.a)`
font-size: ${({theme:e})=>e.fontSize["font-size-xs"]} !important;
@media ${r.a.VIEWPORT_S_DOWN}, ${r.a.VIEWPORT_XL_UP} {
font-size: ${({theme:e})=>e.fontSize["font-size-l2"]} !important;
}
`,o=Object(n.c)(i.a)`
font-size: ${({theme:e})=>e.fontSize["font-size-xs"]} !important;
@media ${r.a.VIEWPORT_S_DOWN}, ${r.a.VIEWPORT_XL_UP} {
font-size: 16px !important;
}
`,s=Object(n.c)(i.a)`
font-size: ${({theme:e})=>e.fontSize["font-size-m"]} !important;
@media ${r.a.VIEWPORT_S_DOWN}, ${r.a.VIEWPORT_XL_UP} {
font-size: ${({theme:e})=>e.fontSize["font-size-l2"]} !important;
}
`,m=Object(n.c)(i.a)`
font-size: ${({theme:e})=>e.fontSize["font-size-m"]} !important;
@media ${r.a.VIEWPORT_S_DOWN}, ${r.a.VIEWPORT_XL_UP} {
font-size: 16px !important;
}
`,d=Object(n.c)(i.a)`
font-size: ${({theme:e})=>e.fontSize["font-size-m"]} !important;
@media ${r.a.VIEWPORT_S_DOWN}, ${r.a.VIEWPORT_XL_UP} {
font-size: 18px !important;
}
`,p=Object(n.c)(i.a)`
font-size: ${({theme:e})=>e.fontSize["font-size-l2"]} !important;
@media ${r.a.VIEWPORT_S_DOWN}, ${r.a.VIEWPORT_XL_UP} {
font-size: 18px !important;
}
`,h=Object(n.c)(c.a)`
font-size: ${({theme:e})=>e.fontSize["font-size-m"]} !important;
@media ${r.a.VIEWPORT_S_DOWN}, ${r.a.VIEWPORT_XL_UP} {
font-size: 16px !important;
}
`},1996:function(e,t,a){"use strict";var n=a(2038);a.d(t,"a",(function(){return n.b})),a.d(t,"c",(function(){return n.c})),a.d(t,"b",(function(){return n.a}))},2024:function(e,t,a){"use strict";var n=a(0),i=a.n(n);t.a=({strength:e,color:t,inactiveColor:a="currentColor",width:n,height:c})=>i.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 27 26",width:n,height:c},i.a.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},i.a.createElement("rect",{fill:e>=1?t:a,x:"0",y:"16",width:"3",height:"10"}),i.a.createElement("rect",{fill:e>=2?t:a,x:"6",y:"12",width:"3",height:"14"}),i.a.createElement("rect",{fill:e>=3?t:a,x:"12",y:"8",width:"3",height:"18"}),i.a.createElement("rect",{fill:e>=4?t:a,x:"18",y:"4",width:"3",height:"22"}),i.a.createElement("rect",{fill:e>=5?t:a,x:"24",y:"0",width:"3",height:"26"})))},2038:function(e,t,a){"use strict";a.d(t,"c",(function(){return l})),a.d(t,"a",(function(){return o}));var n=a(0),i=a.n(n),c=a(2),r=a(49);const l="#dbdce1",o="#232323",s=Object(c.c)("div")`
${({height:e,borderRadius:t=2})=>`height: ${e}px; border-radius: ${t}px; `}
${({width:e})=>void 0!==e?`width: ${Number.isNaN(Number(e))?e:e+"px"};`:""}
${({margin:e})=>void 0!==e?"margin: "+e:""}
${({marginTop:e})=>void 0!==e?`margin-top: ${Number.isNaN(Number(e))?e:e+"px"};`:""}
${({marginRight:e})=>void 0!==e?`margin-right: ${Number.isNaN(Number(e))?e:e+"px"};`:""}
${({marginBottom:e})=>void 0!==e?`margin-bottom: ${Number.isNaN(Number(e))?e:e+"px"};`:""}
${({marginLeft:e})=>void 0!==e?`margin-left: ${Number.isNaN(Number(e))?e:e+"px"};`:""}
${({aspectRatio:e})=>e&&"padding-top: "+(e=>{switch(e){case"4:1":return"25%";case"3:1":return"33.33%";case"16:9":return"56.25%";case"3:2":return"66.66%";case"4:3":return"75%;";default:return"0"}})(e)};
background: ${({motif:e})=>"dark"===e?o:l};
`;t.b=({aspectRatio:e,width:t,height:a,borderRadius:n,margin:c,marginTop:l,marginRight:o,marginBottom:m,marginLeft:d})=>i.a.createElement(s,{motif:Object(r.a)().motif,aspectRatio:e,width:t,height:a,borderRadius:n,margin:c,marginTop:l,marginRight:o,marginBottom:m,marginLeft:d})},2066:function(e,t,a){"use strict";var n=a(0),i=a.n(n),c=a(39),r=a(1),l=a(4),o=a(2),s=a(123),m=Object(o.a)("text-align:right;");function d(e){var t=e.start,a=e.end,n=e.intl,r=e.timezone,l="",o="";return Object(s.h)(t,r)&&Object(s.h)(a,r)?l=n.formatMessage({id:"COMMON_DATES_TODAY"}):Object(c.differenceInMonths)(a,t)>1?(l=Object(s.e)(t,r,"MMM Do, YYYY"),o=Object(s.e)(a,r,"MMM Do, YYYY")):Object(c.differenceInDays)(a,t)<1?l=Object(s.e)(t,r,"MMM Do, YYYY"):(l=Object(s.e)(t,r,"MMM Do"),o=Object(s.e)(a,r,"MMM Do")),i.a.createElement("div",{className:m},"".concat(l," ").concat(o&&" - ".concat(o)))}d.propTypes={start:r.PropTypes.instanceOf(Date).isRequired,end:r.PropTypes.instanceOf(Date).isRequired,timezone:r.PropTypes.string.isRequired,intl:l.g.isRequired},t.a=Object(l.f)(d)},2091:function(e,t,a){"use strict";a.d(t,"a",(function(){return r})),a.d(t,"b",(function(){return m})),a.d(t,"c",(function(){return d}));var n=a(3);const i="historicalClients",c="/api/s/{site}/stat/alluser",r=(e={},t={})=>Object(n.n)(i,c,e,{idField:"mac",...t});var l=a(5),o=a(26);const s=Object(n.w)(r()),m=Object(l.a)(s,o.c),d=Object(l.a)(m,e=>(null==e?void 0:e.length)||0)},2180:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0);function i(e,t,a=[]){const i=a=>{e&&e.current&&a.target!==e.current&&!e.current.contains(a.target)&&t(a)};Object(n.useEffect)(()=>(document.addEventListener("click",i),()=>{document.removeEventListener("click",i)}),a)}},2181:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));const n="https://static.ubnt.com/dpi/"},2184:function(e,t,a){"use strict";var n=a(0),i=a.n(n),c=a(4),r=a(2),l=a(1808),o=a(48),s=a(2854),m=a(1201),d=a(53),p=a(1835),h=a(1935),g=a(22),E=a(2768),u=a.n(E),f=a(128),b=a(78),O=a(687),C=a(485),j=a(1955);const x={border:"none"},_=Object(r.c)("div")`
min-height: ${C.g}px;
width: 100%;
tr th {
color: ${({theme:e})=>e.colors.dashboardTableHeader} !important;
font-weight: 400;
height: 28px;
text-transform: none;
}
tr td {
color: ${({theme:e})=>e.motifPalette.text02} !important;
height: 18px;
}
tr th,
tr td {
padding-right: 10px !important;
font-size: 16px !important;
@media ${O.a.VIEWPORT_XL_DOWN} {
font-size: ${({theme:e})=>e.fontSize["font-size-m"]} !important;
}
}
`,y=Object(r.c)("div")`
background-color: ${({color:e})=>e};
display: inline-block;
width: 12px;
height: 12px;
border-radius: 2px;
margin-right: 8px;
flex: none;
`,D=Object(r.c)(l.a)`
border-radius: 2px;
overflow: hidden;
> div {
background: linear-gradient(270deg, ${o.a["blue-light-7"]} 0%, ${o.a["blue-3"]} 100%) !important;
}
`,w=Object(r.c)(j.e)`
line-height: 1 !important;
`,M=Object(r.c)(s.a)`
font-size: ${({theme:e})=>e.fontSize["font-size-m"]} !important;
line-height: 1 !important;
@media ${O.a.VIEWPORT_S_DOWN}, ${O.a.VIEWPORT_XL_UP} {
font-size: 16px !important;
}
`,V=Object(r.c)(m.a)`
width: 100% !important;
`,L=Object(r.c)(b.g)`
color: ${({theme:e})=>e.motifPalette.text01};
min-width: 120px;
`,v=Object(r.c)(d.a)`
margin-right: ${({theme:e})=>e.spacing["spacing-s"]};
`,I=Object(r.c)(u.a)`
display: inline-block;
width: 12px;
height: auto;
margin-right: 8px;
`,T=i.a.memo(({tableItems:e})=>{const t=Object(n.useCallback)(()=>i.a.createElement(c.c,{id:"DASHBOARD_MODULE_CLIENTS_TABLE_EMPTY"}),[]),a=Object(n.useCallback)(({type:e,color:t,os_class:a})=>i.a.createElement(i.a.Fragment,null,a>1?i.a.createElement(I,{color:t,src:`${f.d}/${a}.svg`}):i.a.createElement(y,{color:t}),i.a.createElement(w,{color:"secondary",truncate:!0},e)),[]),r=Object(n.useCallback)(({activityPercent:e,rx_bytes:t,tx_bytes:a})=>i.a.createElement(V,{message:i.a.createElement(b.g,{flexDirection:"column"},i.a.createElement(L,{justifyContent:"space-between"},i.a.createElement("div",null,i.a.createElement(v,null,i.a.createElement(c.c,{id:"COMMON_WORD_DOWN"})),i.a.createElement(g.db,{width:"7",height:"10"})),i.a.createElement(p.a,{type:"bytes",input:t})),i.a.createElement(L,{justifyContent:"space-between"},i.a.createElement("div",null,i.a.createElement(v,null,i.a.createElement(c.c,{id:"COMMON_WORD_UP"})),i.a.createElement(g.eb,{width:"7",height:"10"})),i.a.createElement(p.a,{type:"bytes",input:a}))),portal:!0},i.a.createElement(D,{value:e,variant:"primary"})),[]),l=Object(n.useCallback)(({experience:e})=>i.a.createElement(M,{value:Math.round(e),percent:!0}),[]),o=[{id:"type",filterable:!1,label:i.a.createElement(c.c,{id:"DASHBOARD_MODULE_CLIENTS_TABLE_TYPE"}),minWidth:80,growthFactor:20,sortable:!1,renderCell:a},{id:"activityInfo",growthFactor:50,filterable:!1,label:i.a.createElement(c.c,{id:"DASHBOARD_MODULE_CLIENTS_TABLE_ACTIVITY"}),sortable:!1,renderCell:r},{id:"experienceInfo",minWidth:65,growthFactor:20,filterable:!1,label:i.a.createElement(c.c,{id:"DASHBOARD_MODULE_CLIENTS_TABLE_EXPERIENCE"}),sortable:!1,renderCell:l},{id:"value",minWidth:40,growthFactor:10,filterable:!1,label:i.a.createElement(c.c,{id:"DASHBOARD_MODULE_CLIENTS_TABLE_TOTAL"}),sortable:!1}],s=e.map(({id:e,...t})=>({id:""+e,...t}));return i.a.createElement(_,null,i.a.createElement(h.a,{disableColumnFilters:!0,disableSelection:!0,disableTextPointer:!0,disableHover:!0,width:"100%",columns:o,items:s,renderPlaceholder:t,rowStyle:x,headerRowStyle:x,rowHeight:22}))});t.a=T},2542:function(e,t,a){e.exports=a.p+"../images/68474b3a657df0b79a1f16133608d618.png"},2543:function(e,t,a){e.exports=a.p+"../images/896960882c109433fd89c09486cfc0f1.png"},2544:function(e,t,a){e.exports=a.p+"../images/2c4f3fd05336814130381a3d418c09b1.png"},2545:function(e,t,a){e.exports=a.p+"../images/30b24022172c6e6e15a3cba5362dbf48.png"},2546:function(e,t,a){e.exports=a.p+"../images/a734bb2cc7227f8e672f96c5872fa130.png"},2547:function(e,t,a){e.exports=a.p+"../images/9de03fd81c53f0d6822343e944c92506.png"},2548:function(e,t,a){e.exports=a.p+"../images/8bfcf783c2c0196ebf98a4f9930a0442.png"},2549:function(e,t,a){e.exports=a.p+"../images/fadc4a0034a315cfb4dd7dfca8a96318.png"},2550:function(e,t,a){e.exports=a.p+"../images/e0332772cd670b1461694ff8679b12c2.png"},2551:function(e,t,a){e.exports=a.p+"../images/23aea509bb7becccdc6dc0f850b52664.png"},2552:function(e,t,a){e.exports=a.p+"../images/4da3dfc26db7d59e5992d3a6bac6e7e9.png"},2553:function(e,t,a){e.exports=a.p+"../images/972b5094e11b72a39eb452c4befe5f33.png"},2554:function(e,t,a){e.exports=a.p+"../images/7c8e7de4df9b6f9befbe12c06d96f235.png"},2555:function(e,t,a){e.exports=a.p+"../images/3037401c66da62835ac1f8426e2cf96e.png"},2557:function(e,t,a){"use strict";var n=a(2),i=a(2927),c=a(687);t.a=Object(n.c)(i.a)`
justify-content: space-between;
min-height: 270px;
@media ${c.a.VIEWPORT_XL_UP} {
min-height: 344px;
}
`},2563:function(e,t){},2614:function(e,t,a){"use strict";var n=a(0),i=a.n(n),c=a(7),r=a(4),l=a(2),o=a(35),s=a(1840),m=a(1838),d=a(1773),p=a(2893),h=a(49),g=a(687),E=a(1139),u=a(106),f=a(80),b=a(1751),O=a(2029),C=a(48);const j=[C.a["blue-1"],C.a["blue-2"],C.a["blue-3"],C.a["blue-light-3"],C.a["blue-light-4"],C.a["purple-2"],C.a["blue-light-2"],C.a["blue-light-5"]];Object(O.b)().range(Object(b.a)(1,9).map(e=>C.a["scale-"+e]));var x=a(78),_=a(1996),y=a(821),D=a(485),w=a(2184),M=a(2826);const V=()=>i.a.createElement(i.a.Fragment,null,i.a.createElement(M.a,{type:"title"},i.a.createElement(r.c,{id:"DASHBOARD_MODULE_CLIENTS_HEADER"}))),L=()=>i.a.createElement(x.g,{flexDirection:"column"},i.a.createElement(_.a,{width:92,height:16,marginBottom:8}),i.a.createElement(_.a,{width:68,height:12}));var v=({isLoaded:e})=>e?i.a.createElement(V,null):i.a.createElement(L,null),I=a(2557),T=a(1955);const R=Object(l.c)(I.a)`
box-shadow: ${({theme:e})=>`0 1px 0 0 ${e.colors.dashboardBorder} inset, 0 1px 0 0 ${e.colors.dashboardBorder}, 1px 0 0 0 ${e.colors.dashboardBorder} inset`};
@media ${g.a.VIEWPORT_L_DOWN} {
box-shadow: ${({theme:e})=>`0 1px 0 0 ${e.colors.dashboardBorder} inset, 0 1px 0 0 ${e.colors.dashboardBorder}`};
}
@media ${g.a.VIEWPORT_L_UP} {
padding-right: 0 !important;
}
`,S=Object(l.c)(x.g)`
margin-top: 26px;
@media ${g.a.VIEWPORT_XL_DOWN} {
margin-bottom: 16px;
}
@media ${g.a.VIEWPORT_DASHBOARD_VERTICAL} {
flex-direction: column;
align-items: center;
}
`,A=Object(l.c)(x.g)`
min-width: ${D.f}px;
width: 12vw;
height: auto;
@media ${g.a.VIEWPORT_XL_DOWN} {
min-width: ${D.g}px;
width: 10vw;
height: auto;
}
@media ${g.a.VIEWPORT_L_DOWN} {
height: ${D.e}px;
width: ${D.e}px;
}
@media ${g.a.VIEWPORT_M_DOWN} {
height: ${D.f}px;
width: ${D.f}px;
}
@media ${D.h} {
height: ${D.g}px;
width: ${D.g}px;
}
`,H=Object(l.c)(x.g)`
width: 100%;
@media ${g.a.VIEWPORT_DASHBOARD_VERTICAL} {
margin-top: 24px;
}
@media ${g.a.VIEWPORT_DASHBOARD_HORIZONTAL} {
margin-left: 28px;
}
`,$=({history:e,isLoaded:t})=>{const[a,l]=Object(n.useState)(D.b[0].id),[o,h]=Object(n.useState)([]),g=Object(c.useDispatch)(),b=Object(c.useSelector)(u.o),C=Object(c.useSelector)(E.selectClientCountsByOperatingSystemGroups),_=Object(n.useCallback)(((e=j)=>Object(O.b)(e))(),[]),M=Object(n.useCallback)(e=>l(e&&e.id),[]),V=C&&C[a]||[],L=Object(s.a)(V,"activity"),I=Object(n.useCallback)(({os_class:e,fingerprint_source:t=0})=>{const a=b.get(t);return a&&a.osClasses.get(e)||i.a.createElement(r.c,{id:"DASHBOARD_MODULE_CLIENTS_OS_UNKNOWN"})},[b]);Object(n.useEffect)(()=>{const e=Object(u.f)();if(V.length){Object(m.a)(V.map(({fingerprint_source:t}={})=>t||e.id)).forEach(e=>{o.includes(e)||void 0!==e&&(g(Object(u.d)(e)),h([...o,e]))})}},[g,o,V]);const $=Object(n.useMemo)(()=>{const e=Object(d.a)(V,({os_class:e,total:t})=>e<=1?e-2:t).reverse(),t=e.findIndex(({os_class:e},t)=>6===t||e<=1),a=-1!==t?e.splice(6===t?t-1:t):[],n=a.reduce((e,{activity:t,total:a,satisfaction:n,rx_bytes:i,tx_bytes:c})=>({total:e.total+a,activity:e.activity+t,satisfaction:e.satisfaction+n,rx_bytes:e.rx_bytes+(i||0),tx_bytes:e.tx_bytes+(c||0)}),{total:0,activity:0,satisfaction:0,rx_bytes:0,tx_bytes:0}),i={...n,satisfaction:a.length>0?n.satisfaction/a.length:0,os_class:1};return[...e,i].filter(({total:e})=>0!==e).map(({activity:e,os_class:t,fingerprint_source:a,satisfaction:n,total:i,rx_bytes:c,tx_bytes:r})=>({activity:e,activityPercent:Math.min(Math.round(e/L*100),100),color:_(t.toString()),experience:Math.max(Math.min(n,100),60),id:t,value:i,type:I({os_class:t,fingerprint_source:a}),rx_bytes:c||0,tx_bytes:r||0,os_class:t}))},[V,L,_,I]);return i.a.createElement(R,{height:"auto",leftContent:i.a.createElement(v,{isLoaded:t}),action:i.a.createElement(T.b,{variant:"inline",onClick:()=>g(Object(y.f)(e))},i.a.createElement(r.c,{id:"DASHBOARD_MODULE_CLIENTS_VIEW_TRAFFIC_ACTION"})),options:D.b,onSelectOption:M},i.a.createElement(x.g,{alignItems:"center",flex:"1"},i.a.createElement(S,{flex:"1",alignItems:"center"},i.a.createElement(A,{justifyContent:"flex-end"},i.a.createElement(p.a,{items:$,iconSize:14,chartInnerRadius:31,backgroundColor:f.j,size:"100%"})),i.a.createElement(H,{alignItems:"center",justifyContent:"flex-start",flex:"1"},i.a.createElement(w.a,{tableItems:$})))))},N=()=>{const{motif:e}=Object(h.a)();return i.a.createElement(R,{height:"auto",leftContent:i.a.createElement(v,{isLoaded:!1}),action:i.a.createElement(x.g,{flexDirection:"column",alignItems:"flex-end"},i.a.createElement(x.g,{marginBottom:8},i.a.createElement(_.a,{width:24,height:16,marginRight:8}),i.a.createElement(_.a,{width:24,height:16,marginRight:8}),i.a.createElement(_.a,{width:24,height:16,marginRight:8}),i.a.createElement(_.a,{width:24,height:16})),i.a.createElement(_.a,{width:68,height:12}))},i.a.createElement(x.g,{alignItems:"center",flex:"1"},i.a.createElement(S,{flex:"1",alignItems:"center"},i.a.createElement(A,{justifyContent:"flex-end"},i.a.createElement(p.a,{iconSize:14,chartInnerRadius:31,backgroundColor:"dark"===e?_.b:_.c,size:"100%"})),i.a.createElement(H,{flexDirection:"column",flex:"1"},i.a.createElement(x.g,{alignItems:"center",justifyContent:"flex-start",marginBottom:12},i.a.createElement(_.a,{width:12,height:12,marginRight:4}),i.a.createElement(_.a,{width:24,height:12,marginRight:38}),i.a.createElement(_.a,{width:100,height:4,marginRight:14}),i.a.createElement(_.a,{width:50,height:12,marginRight:14}),i.a.createElement(_.a,{width:24,height:12})),i.a.createElement(x.g,{alignItems:"center",justifyContent:"flex-start",marginBottom:12},i.a.createElement(_.a,{width:12,height:12,marginRight:4}),i.a.createElement(_.a,{width:44,height:12,marginRight:18}),i.a.createElement(_.a,{width:100,height:4,marginRight:14}),i.a.createElement(_.a,{width:50,height:12,marginRight:14}),i.a.createElement(_.a,{width:24,height:12})),i.a.createElement(x.g,{alignItems:"center",justifyContent:"flex-start",marginBottom:12},i.a.createElement(_.a,{width:12,height:12,marginRight:4}),i.a.createElement(_.a,{width:34,height:12,marginRight:28}),i.a.createElement(_.a,{width:100,height:4,marginRight:14}),i.a.createElement(_.a,{width:50,height:12,marginRight:14}),i.a.createElement(_.a,{width:24,height:12})),i.a.createElement(x.g,{alignItems:"center",justifyContent:"flex-start"},i.a.createElement(_.a,{width:12,height:12,marginRight:4}),i.a.createElement(_.a,{width:54,height:12,marginRight:8}),i.a.createElement(_.a,{width:100,height:4,marginRight:14}),i.a.createElement(_.a,{width:50,height:12,marginRight:14}),i.a.createElement(_.a,{width:24,height:12}))))))};t.a=Object(o.o)(e=>e.isLoaded?i.a.createElement($,Object.assign({},e)):i.a.createElement(N,null))},2763:function(e,t,a){e.exports=a.p+"../images/b6d6c48015b69a6b812bff3210b849a0.png"},2764:function(e,t,a){e.exports=a.p+"../images/f77579c35b6c9e384e48c217c744a1dd.png"},2765:function(e,t,a){e.exports=a.p+"../images/6c84d1507e0857d0caa7589b2fa28eae.png"},2766:function(e,t,a){e.exports=a.p+"../images/7c8d0b29b12073ee6d99483b12eb403e.png"},2767:function(e,t,a){"use strict";var n=a(2614);a.d(t,"ClientsModule",(function(){return n.a}));a(2184),a(2563)},2770:function(e,t,a){e.exports=a.p+"../images/23c217576c4667646750ce2df309cb44.png"},2771:function(e,t,a){e.exports=a.p+"../images/610c9f3f00b8703a3eb688bc0cc4dfb9.png"},2772:function(e,t,a){e.exports=a.p+"../images/3b62e314ad3d3fd9f6b6075c05c8609d.png"},2773:function(e,t,a){e.exports=a.p+"../images/4a7ce5c28cb645a95b77daa21a59bd3f.png"},2880:function(e,t,a){"use strict";a.r(t);var n=a(0),i=a.n(n),c=a(38),r=a(7),l=a(2),o=a(4),s=a(49),m=a(2923),d=a(1140),p=a(518),h=a(31),g=a(188),E=a(44),u=a(6),f=a(85),b=a(2091),O=a(696),C=a(1126),j=a(19),x=a(228),_=a(121),y=a(21),D=a(805),w=a(833),M=a(42),V=a(3),L=a(91);const v="\nlinear-gradient(\n 90deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 255, 255, 0.7) 40%,\n rgba(255, 255, 255, 0.7) 60%,\n rgba(255, 255, 255, 0) 100%\n);",I="\nlinear-gradient(\n 90deg,\n rgba(35, 35, 35, 0) 0%,\n rgba(35, 35, 35, 0.8) 40%,\n rgba(35, 35, 35, 0.8) 60%,\n rgba(35, 35, 35, 0) 100%\n);";var T=Object(l.c)(y.a)`
height: 100%;
${({isLoaded:e,motif:t})=>!e&&`\n position: absolute;\n display: flex;\n width: 100%;\n overflow: hidden;\n\n &:before {\n content: '';\n position: absolute;\n top: 1px;\n left: 1px;\n width: 100%;\n height: 100%;\n transform: translateX(-100%);\n z-index: 2;\n background: ${"dark"===t?I:v}\n \n animation-name: animation;\n animation-duration: 3s;\n animation-iteration-count: infinite;\n animation-delay: 1.5s;\n animation-timing-function: linear;\n }\n &:after {\n content: '';\n position: absolute;\n top: 1px;\n left: 1px;\n width: 100%;\n height: 100%;\n transform: translateX(-100%);\n background: ${"dark"===t?I:v}\n animation-name: animation;\n animation-duration: 3s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n }`};
@keyframes animation {
from {
transform: translateX(-100%);
}
to {
transform: translatex(100%);
}
}
`,R=a(281),S=a(2898),A=a(2897),H=a(143),$=a(2920),N=a(22),P=a(84),W=a(162),B=a(687),k=a(40),z=a(78),Z=a(80),U=a(1996),F=(a(2542),a(2543),a(2544)),X=a.n(F),Y=a(2545),G=a.n(Y),q=a(2546),K=a.n(q),J=a(2547),Q=a.n(J),ee=a(2548),te=a.n(ee),ae=a(2549),ne=a.n(ae),ie=a(2550),ce=a.n(ie),re=a(2551),le=a.n(re),oe=a(2552),se=a.n(oe),me=({fill:e})=>i.a.createElement("svg",{width:"35",height:"21",viewBox:"0 0 35 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.a.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M17.1501 4.93596C16.7567 5.53369 16.4494 6.16878 16.2281 6.84123C16.0068 7.51368 15.847 8.12386 15.7487 8.67178H13.9047C14.003 8.02424 14.1751 7.26462 14.421 6.39293C14.6669 5.52124 15.1094 4.662 15.7487 3.81521C16.4863 2.71937 17.5804 1.79787 19.031 1.0507C20.4816 0.303536 22.3379 -0.0451415 24.5999 0.00466984L24.2311 1.87258C22.2641 1.87258 20.7521 2.17145 19.6948 2.76918C18.6376 3.36691 17.7894 4.08917 17.1501 4.93596ZM16.2649 9.94199C17.1009 9.94199 17.7033 10.1537 18.0721 10.5771C18.4409 11.0005 18.5269 11.7352 18.3302 12.7812L16.6337 20.7012H14.5685L16.1174 13.5284C16.2158 12.831 16.1912 12.3454 16.0437 12.0714C15.8961 11.7975 15.5519 11.6605 15.011 11.6605C14.6176 11.6605 14.212 11.8224 13.794 12.1461C13.376 12.4699 13.0933 12.9805 12.9457 13.6778L11.4705 20.7012H9.40527L11.6181 10.2409H13.5358L13.3145 11.4363C13.6588 10.988 14.1013 10.6269 14.6422 10.3529C15.1831 10.079 15.724 9.94199 16.2649 9.94199ZM30.6483 12.5572H25.7801L26.5915 8.67197H31.4596L31.9022 6.80405H24.8212L21.8708 20.7013H24.0836L25.4113 14.3504H30.2795L30.6483 12.5572ZM20.3955 10.2406H22.4608L20.3218 20.7009H18.1827L20.3955 10.2406ZM20.7643 8.33574C20.7152 8.41046 20.666 8.52254 20.6168 8.67197H22.7559L23.1984 6.80405C22.6083 6.85387 22.1412 6.99085 21.797 7.215C21.4528 7.43915 21.1577 7.70065 20.9119 7.99952C20.8627 8.14895 20.8135 8.26103 20.7643 8.33574ZM30.5745 20.7009L32.7135 10.2406H34.8525L32.6397 20.7009H30.5745ZM10.733 6.80405H8.52021L6.38117 16.7413C6.18448 17.6379 5.87715 18.2855 5.45917 18.684C5.0412 19.0825 4.51259 19.2817 3.87334 19.2817C3.18491 19.2817 2.71777 19.0825 2.4719 18.684C2.22603 18.2855 2.20145 17.6379 2.39814 16.7413L4.46342 6.80405H2.25062L0.185345 16.5919C-0.158868 18.1859 -0.0236405 19.3191 0.591025 19.9915C1.20569 20.664 2.17686 21.0002 3.50454 21.0002C4.83222 21.0002 5.93861 20.664 6.82373 19.9915C7.70885 19.3191 8.32352 18.1859 8.66773 16.5919L10.733 6.80405ZM23.9361 3.2177L23.4935 5.08561C22.51 5.18523 21.7233 5.42184 21.1332 5.79542C20.5431 6.169 20.1005 6.57994 19.8055 7.02824C19.6088 7.27729 19.449 7.55125 19.3261 7.85012C19.2031 8.14899 19.0925 8.42295 18.9941 8.672H17.1501C17.2485 8.2237 17.3837 7.7754 17.5558 7.32711C17.7279 6.87881 17.9861 6.4056 18.3303 5.90749C18.822 5.21014 19.535 4.59995 20.4693 4.07694C21.4036 3.55392 22.5592 3.26751 23.9361 3.2177ZM34.2256 7.14028L33.4511 6.80405L33.0085 8.67197H35.0001C35.0001 7.87499 34.7419 7.36443 34.2256 7.14028Z",fill:e})),de=a(2553),pe=a.n(de),he=a(2554),ge=a.n(he),Ee=a(2555),ue=a.n(Ee),fe=a(694),be=a(540),Oe=a(1955),Ce=a(261),je=a(66),xe=a(213),_e=a(2850),ye=a(215),De=a(1183),we=a(53),Me=a(2911),Ve=a(12),Le=a(123),ve=a(2910),Ie=a(2762),Te=a(2029);const Re=Object(l.c)("div")`
white-space: nowrap;
`,Se=Object(l.c)(z.g)`
margin-top: ${({theme:e})=>e.spacing["spacing-s"]};
`,Ae=Object(l.c)(we.a)`
line-height: 1 !important;
`,He=Object(l.c)(Ae)`
margin-right: ${({theme:e})=>e.spacing["spacing-l"]};
`,$e=Object(l.c)(Me.a)`
padding: 6px 0 0 !important;
box-sizing: content-box;
border-radius: 4px;
height: 4px;
`;var Ne=i.a.memo(()=>{const e=Object(r.useSelector)(Ve.N),t=Object(r.useSelector)(E.selectLocaleSettings),a=Object(r.useSelector)(be.i),c=Object(n.useMemo)(()=>{const e=a.map(({cpu:e,mem:t})=>(e+t)/2),t=Object(Te.a)().domain([Object(ve.a)(e),Object(Ie.a)(e)]).range([0,255]).clamp(!0);return a.map(({time:a},n)=>{const i=e[n];return{value:t(i),width:1,time:a,usage:Math.round(i)}})},[a]),l=Object(Le.d)(e,t),{preferences:{dateFormat:s,timeFormat:m}}=e,d=Object(n.useCallback)(e=>({message:i.a.createElement(Re,null,i.a.createElement(z.g,{justifyContent:"space-between"},i.a.createElement(He,null,i.a.createElement(o.c,{id:"COMMON_WORD_DATE"})),i.a.createElement(Ae,null,Object(Le.e)(e.time,l,s))),i.a.createElement(Se,{justifyContent:"space-between"},i.a.createElement(He,null,i.a.createElement(o.c,{id:"COMMON_WORD_TIME"})),i.a.createElement(Ae,null,Object(Le.e)(e.time,l,m))),i.a.createElement(Se,{justifyContent:"space-between"},i.a.createElement(He,null,i.a.createElement(o.c,{id:"DASHBOARD_STATUS_LIST_UTILIZATION"})),i.a.createElement(Ae,null,Object(De.a)(e.usage/100)))),width:"auto"}),[s,l,m]);return i.a.createElement($e,Object.assign({items:c},c.length&&{itemTooltip:d}))});const Pe=Object(l.c)(z.g)`
border-bottom: 1px solid ${({theme:e})=>e.colors.dashboardBorder};
border-top: 1px solid ${({theme:e})=>e.colors.dashboardBorder};
padding: 24px 20px;
`,We=Object(l.c)(Oe.e)`
margin-left: ${({theme:e})=>e.spacing["spacing-xs"]};
`;var Be=()=>{const e=Object(r.useSelector)(u.selectSiteGatewayCpuUsed),{percentage:t}=Object(r.useSelector)(u.selectSiteGatewayMemoryUsed),a=Math.floor(Object(_e.a)([Object(ye.a)(e),Object(ye.a)(t)])||0);return i.a.createElement(Pe,{justifyContent:"center",flexDirection:"column"},i.a.createElement(z.g,{alignItems:"flex-end",justifyContent:"space-between"},i.a.createElement(z.g,{alignItems:"center"},i.a.createElement(Oe.e,{weight:"bold"},i.a.createElement(o.c,{id:"DASHBOARD_STATUS_LIST_UTILIZATION"})),i.a.createElement(We,{color:"tertiary",size:"caption"},"(",i.a.createElement(o.c,{id:"DASHBOARD_STATUS_LIST_UTILIZATION_PAST_24_HRS"}),")")),i.a.createElement(Oe.d,null,Object(De.a)(a/100))),i.a.createElement(Ne,null))},ke=a(39);var ze=({uptime:e=0})=>{const t=new Date;let a=Object(ke.subSeconds)(t,e);const n=e=>(a=e,a),c=Object(ke.differenceInMonths)(t,a),r=Object(ke.differenceInWeeks)(t,n(Object(ke.addMonths)(a,c))),l=Object(ke.differenceInDays)(t,n(Object(ke.addWeeks)(a,r))),s=Object(ke.differenceInHours)(t,n(Object(ke.addDays)(a,l))),m=Object(ke.differenceInMinutes)(t,n(Object(ke.addHours)(a,s))),d=Object(ke.differenceInSeconds)(t,n(Object(ke.addMinutes)(a,m)));let p="DASHBOARD_DURATION_SECONDS";return c?p="DASHBOARD_DURATION_MONTHS":r?p="DASHBOARD_DURATION_WEEKS":l?p="DASHBOARD_DURATION_DAYS":s?p="DASHBOARD_DURATION_HOURS":m&&(p="DASHBOARD_DURATION_MINUTES"),i.a.createElement(o.c,{id:p,values:{months:c,weeks:r,days:l,hours:s,minutes:m,seconds:d}})};const Ze=Object(l.c)(z.g)`
border-bottom: 1px solid ${({theme:e})=>e.colors.dashboardBorder};
padding: 24px 20px;
`;function Ue(){const e=Object(r.useSelector)(L.o);return i.a.createElement(Ze,{flexDirection:"row",justifyContent:"space-between",alignItems:"flex-end"},i.a.createElement(Oe.e,{weight:"bold"},i.a.createElement(o.c,{id:"DASHBOARD_SYSTEM_UPTIME"})),i.a.createElement(Oe.d,null,i.a.createElement(ze,{uptime:e})))}var Fe=a(1141);var Xe=i.a.memo(()=>{const e=Object(r.useSelector)(u.selectGatewayMac),t=Object(r.useDispatch)(),a=Object(n.useMemo)(()=>Object(Ce.g)(e,Ce.a.GW,{type:V.a.COMBINED,interval:xe.a.MINUTES.grain,actionType:Fe.a}),[]);return Object(n.useEffect)(()=>()=>t(Object(V.c)(a)),[]),Object(je.d)([a],i.a.createElement("div",null,i.a.createElement(Be,null),i.a.createElement(Ue,null)))});const Ye=Object(l.c)(z.g)`
pointer-events: none; /* :( Fixme in ui-components */
align-items: center;
svg {
height: 180px;
@media ${B.a.VIEWPORT_S_DOWN}, ${B.a.VIEWPORT_XL_UP} {
height: 260px;
}
}
`,Ge=Object(l.c)(z.g)`
${({isUdmPro:e=!1})=>`\n height: ${e?"150px":"200px"};\n @media ${B.a.VIEWPORT_S_DOWN}, ${B.a.VIEWPORT_XL_UP} {\n height: ${e?"210px":"300px"};\n }\n `}
`,qe=Object(l.c)(z.g)`
text-align: center;
`,Ke=Object(l.c)(N.b)`
display: block;
margin-bottom: 15px;
`,Je=Object(l.c)("div")`
height: 100%;
padding-top: 12px;
`,Qe=Object(l.c)(z.g)`
${({theme:e,topBorder:t=!1,bottomBorder:a=!1})=>`\n ${t?`border-top: 1px solid ${e.colors.dashboardBorder};`:""}\n ${a?`border-bottom: 1px solid ${e.colors.dashboardBorder};`:""}\n `};
`,et=Object(l.c)("img")`
width: 100%;
`,tt=Object(l.c)("img")`
width: 100%;
margin: 20px 0 15px;
@media ${B.a.VIEWPORT_S_DOWN}, ${B.a.VIEWPORT_XL_UP} {
margin-top: 40px 0 30px;
}
`,at=({portConfig:e,gateway:t})=>{const a=Object(r.useSelector)(k.h),c=Object(r.useSelector)(u.selectIsUdmBase),l=Object(r.useSelector)(u.selectIsUdmPro),o=Object(n.useMemo)(()=>c||l,[c,l]),s=Object(r.useSelector)(L.e),m=Object(r.useSelector)(L.g),d=Object(r.useSelector)(L.h),p=Object(r.useSelector)(L.i),h=Object(n.useMemo)(()=>m?pe.a:d?ge.a:p?ue.a:pe.a,[s,m,d,p]);return i.a.createElement(Ye,{flexDirection:"column"},o&&i.a.createElement(Ge,{width:"100%",justifyContent:"center",isUdmPro:l},l&&i.a.createElement(S.a,{ports:e,publicPath:a+"images/"}),c&&i.a.createElement(A.a,{configured:null==t?void 0:t.adopted,ports:e})),s&&i.a.createElement(tt,{src:h,alt:"Cloud Key image"}))},nt=()=>{const{motif:e}=Object(s.a)(),t=Object(r.useSelector)(L.k),a=Object(n.useMemo)(()=>{const t="dark"===e;return fe.a.isLinux?t?X.a:G.a:fe.a.isMacOS?t?K.a:Q.a:t?te.a:ne.a},[e]);return i.a.createElement(Qe,{flexDirection:"column",alignItems:"center",bottomBorder:!0,paddingBottom:28},i.a.createElement(Ye,{justifyContent:"center",padding:"22px 56px 24px 56px"},i.a.createElement(et,{src:a,alt:"desktop-image"})),i.a.createElement(z.q,{color:"secondary",message:"DASHBOARD_NON_UBNT_DEVICE_LABEL",values:{network_version:t,os:fe.a.os,os_version:fe.a.version}}))},it=({portConfig:e})=>{const t=Object(r.useSelector)(u.selectSiteGateway),a=Object(r.useSelector)(u.selectGatewayIp),n=Object(u.getGatewayActiveWanItems)(t),c=Object(P.b)(t),l=Object(P.a)(t);return i.a.createElement(z.g,{flexDirection:"column",justifyContent:"space-between"},i.a.createElement(at,{portConfig:e,gateway:t}),i.a.createElement(z.g,{flexDirection:"column",padding:"0 20px 24px"},i.a.createElement(z.g,{flexDirection:"column",marginBottom:12},i.a.createElement(Oe.a,{weight:"bold"},c),i.a.createElement(Oe.e,{color:"tertiary"},`${l} ${null==t?void 0:t.version}`)),n.map(({ip:e,index:t,port_idx:a})=>e&&i.a.createElement(z.g,{justifyContent:"space-between"},i.a.createElement(Oe.e,{weight:"bold"},i.a.createElement(o.c,{id:"COMMON_WAN_IP_PORT",values:{index:1===t?"":t,port:a}})),i.a.createElement(Oe.e,null,e))),a&&i.a.createElement(z.g,{justifyContent:"space-between"},i.a.createElement(Oe.e,{weight:"bold"},i.a.createElement(o.c,{id:"COMMON_GATEWAY_IP"})),i.a.createElement(Oe.e,null,a))))},ct=()=>{const e=Object(r.useSelector)(u.selectPortConfig);return e?i.a.createElement(it,{portConfig:e}):i.a.createElement(qe,{alignItems:"center",flexDirection:"column",margin:"90px 0"},i.a.createElement(Ke,{color:Z.r.warning,size:"navigation"}),i.a.createElement("div",null,i.a.createElement(z.q,{message:"DASHBOARD_ISP_CHART_NO_GATEWAY_INTRO"})," ",i.a.createElement(H.a,{variant:"inline",href:W.a.unifiSdn},i.a.createElement(z.q,{message:"DASHBOARD_ISP_CHART_NO_GATEWAY_LINK"}))," ",i.a.createElement(z.q,{message:"DASHBOARD_ISP_CHART_NO_GATEWAY_OUTRO"})))},rt=()=>{const e=Object(r.useSelector)(be.h),t=Object(r.useSelector)(be.g);return e?i.a.createElement(i.a.Fragment,null,i.a.createElement(ct,null),i.a.createElement(Xe,null),t&&i.a.createElement(i.a.Fragment,null,i.a.createElement(Vt,null),i.a.createElement(Pt,null))):i.a.createElement(nt,null)},lt=()=>i.a.createElement(i.a.Fragment,null,i.a.createElement(z.g,{flexDirection:"column",width:"100%",padding:"24px 20px"},i.a.createElement(U.a,{borderRadius:4,aspectRatio:"16:9"})),i.a.createElement(z.g,{flexDirection:"column",padding:"24px 20px"},i.a.createElement(z.g,{justifyContent:"space-between",marginBottom:12},i.a.createElement(U.a,{width:"40%",height:12}),i.a.createElement(U.a,{width:"10%",height:12})),i.a.createElement(U.a,{height:4})),i.a.createElement(Qe,{height:"68px",justifyContent:"space-between",padding:"28px 20px",topBorder:!0},i.a.createElement(U.a,{width:"50%",height:12}),i.a.createElement(U.a,{width:"20%",height:12})),i.a.createElement(Qe,{flexDirection:"column",padding:"28px 20px",topBorder:!0},i.a.createElement(z.g,{justifyContent:"space-between",marginBottom:16},i.a.createElement(U.a,{width:"40%",height:12}),i.a.createElement(U.a,{width:"10%",height:12})),i.a.createElement(z.g,{justifyContent:"space-between",marginBottom:6},i.a.createElement(U.a,{width:"20%",aspectRatio:"4:1"}),i.a.createElement(U.a,{width:"20%",aspectRatio:"4:1"}),i.a.createElement(U.a,{width:"20%",aspectRatio:"4:1"}),i.a.createElement(U.a,{width:"20%",aspectRatio:"4:1"})),i.a.createElement(z.g,{justifyContent:"space-between"},i.a.createElement(U.a,{width:"20%",height:12}),i.a.createElement(U.a,{width:"20%",height:12}),i.a.createElement(U.a,{width:"20%",height:12}),i.a.createElement(U.a,{width:"20%",height:12}))),i.a.createElement(Qe,{flexDirection:"column",padding:"28px 20px",topBorder:!0},i.a.createElement(z.g,{justifyContent:"space-between",marginBottom:16},i.a.createElement(U.a,{width:"40%",height:12}),i.a.createElement(U.a,{width:"10%",height:12})),i.a.createElement(z.g,{justifyContent:"space-between",marginBottom:6},i.a.createElement(U.a,{width:"20%",aspectRatio:"4:1"}),i.a.createElement(U.a,{width:"20%",aspectRatio:"4:1"}),i.a.createElement(U.a,{width:"20%",aspectRatio:"4:1"}),i.a.createElement(U.a,{width:"20%",aspectRatio:"4:1"})),i.a.createElement(z.g,{justifyContent:"space-between",marginBottom:32},i.a.createElement(U.a,{width:"20%",height:12}),i.a.createElement(U.a,{width:"20%",height:12}),i.a.createElement(U.a,{width:"20%",height:12}),i.a.createElement(U.a,{width:"20%",height:12}))));var ot=({isLoaded:e})=>i.a.createElement($.a,null,i.a.createElement(Je,null,e?i.a.createElement(rt,null):i.a.createElement(lt,null))),st=a(35),mt=a(841),dt=a(2763),pt=a.n(dt),ht=a(2764),gt=a.n(ht),Et=a(821),ut=a(48);const ft=Object(l.c)(z.g)`
width: 48px;
height: 48px;
@media ${B.a.VIEWPORT_DASHBOARD_DEVICE} {
width: 64px;
height: 64px;
}
border: 1px solid ${({motif:e})=>"dark"===e?"#2f2f2f":ut.a["white-7"]};
box-sizing: border-box;
border-radius: ${({theme:e})=>e.spacing["spacing-s"]};
background-color: ${({motif:e})=>"dark"===e?"#191919":"transparent"};
img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
`,bt=Object(l.c)(z.g)`
cursor: pointer;
width: 48px;
@media ${B.a.VIEWPORT_DASHBOARD_DEVICE} {
width: 64px;
}
`,Ot=Object(l.c)(H.a)`
font-size: ${({theme:e})=>e.fontSize["font-size-m"]};
@media ${B.a.VIEWPORT_XXL} {
font-size: ${({theme:e})=>e.fontSize["font-size-l"]};
}
`,Ct=Object(l.c)("img")`
width: 81px;
height: 81px;
margin-right: ${({theme:e})=>e.spacing["spacing-s"]};
`,jt=Object(l.c)(we.a)`
max-width: 220px;
display: inline-block;
font-size: ${({theme:e})=>e.fontSize["font-size-s"]};
@media ${B.a.VIEWPORT_XXL} {
font-size: ${({theme:e})=>e.fontSize["font-size-l"]};
}
`,xt=Object(l.c)(z.g)`
border-bottom: 1px solid ${({theme:e})=>e.colors.dashboardBorder};
`,_t=Object(l.c)(z.g)`
min-width: 0;
`,yt=Object(l.c)(we.a)`
/** We use this truncation variant to have a multi-line (+ large single-word) truncation. */
display: inline;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
word-wrap: break-word;
`,Dt=({children:e})=>{const{motif:t}=Object(s.a)();return i.a.createElement(ft,{alignItems:"center",justifyContent:"center",marginBottom:4,motif:t},e)},wt=({children:e})=>i.a.createElement(z.g,{width:"100%"},i.a.createElement(_t,{flex:"1",justifyContent:"center"},i.a.createElement(yt,{size:"caption",color:"secondary",centered:!0},e))),Mt=({titleId:e,hasItems:t,handleOnViewAll:a,children:n})=>i.a.createElement(xt,{padding:"24px 20px",flexDirection:"column"},i.a.createElement(Oe.e,{weight:"bold"},i.a.createElement(z.g,{justifyContent:"space-between",marginBottom:"16px"},i.a.createElement(o.c,{id:e}),!!t&&i.a.createElement(Ot,{size:"small",variant:"link",onClick:a},i.a.createElement(o.c,{id:"COMMON_ACTION_VIEW_ALL"}))),n));var Vt=()=>{const{motif:e}=Object(s.a)(),t=Object(st.k)(),a=Object(r.useDispatch)(),c=Object(r.useSelector)(mt.m),l=Object(n.useCallback)(e=>a(Object(Et.b)(t,e)),[a,t]),m=Object(n.useMemo)(()=>{const e=c.sort((e,t)=>t.rx_bytes+t.tx_bytes-(e.rx_bytes+e.tx_bytes)).slice(0,4).map(e=>i.a.createElement(bt,{key:null==e?void 0:e.mac,alignItems:"center",flexDirection:"column",onClick:()=>l(e.mac)},i.a.createElement(Dt,null,i.a.createElement(z.d,{size:"4x",client:e})),i.a.createElement(wt,null,Object(f.getClientDisplayName)(e))));if(e.length<4)for(let t=e.length;t<4;t+=1)e.push(i.a.createElement(bt,{key:"empty-client-"+t}));return e},[c]),d=Object(n.useCallback)(()=>a(Object(Et.c)(t)),[a,t]);return i.a.createElement(Mt,{titleId:"DASHBOARD_MOST_ACTIVE_CLIENTS",hasItems:!!c.length,handleOnViewAll:d},c.length?i.a.createElement(z.g,{justifyContent:"space-between"},m):i.a.createElement(z.g,{justifyContent:"space-between",alignItems:"center"},i.a.createElement(Ct,{src:"light"===e?pt.a:gt.a,alt:"No Active Clients"}),i.a.createElement(jt,{size:"caption",color:"secondary"},i.a.createElement(o.c,{id:"DASHBOARD_MOST_ACTIVE_CLIENTS_DESCRIPTION"}))))},Lt=a(2181),vt=a(2765),It=a.n(vt),Tt=a(2766),Rt=a.n(Tt);const St=["Unknown"],At=Object(l.c)(N.Nb)`
color: ${({motif:e})=>"dark"===e?"#2f2f2f":ut.a["white-7"]};
`,Ht=Object(l.c)("img")`
padding: 8%;
`,$t={type:"by_app"},Nt=({name:e,iconFileName:t,motif:a})=>{const[c,r]=Object(n.useState)(i.a.createElement(At,{motif:a,size:"large"})),l=Object(n.useCallback)(()=>"this.style.display='none'",[]);return Object(n.useEffect)(()=>{const n=new Image,c=t&&encodeURI(`${Lt.a}${t}`)||null;n.onload=()=>r(i.a.createElement(Ht,{src:c,alt:"Application "+e,onError:l})),n.onerror=()=>r(i.a.createElement(At,{motif:a,size:"large"})),n.src=c},[]),c};var Pt=()=>{const{motif:e}=Object(s.a)(),t=Object(st.k)(),a=Object(r.useDispatch)(),c=Object(r.useSelector)(e=>Object(O.g)(e,$t)),l=Object(n.useCallback)((e,n)=>a(Object(Et.a)(t,e,n)),[a,t]),m=Object(n.useMemo)(()=>{const t=c.sort((e,t)=>t.rx_bytes+t.tx_bytes-(e.rx_bytes+e.tx_bytes)).filter(e=>(null==e?void 0:e.name)&&St.some(t=>t!==e.name)).slice(0,4).map(({name:t,iconFileName:a,cat:n,compoundAppId:c})=>i.a.createElement(bt,{key:t,alignItems:"center",flexDirection:"column",onClick:()=>l(n,c)},i.a.createElement(Dt,null,i.a.createElement(Nt,{name:t,iconFileName:a,motif:e})),i.a.createElement(wt,null,t)));if(t.length<4)for(let e=t.length;e<4;e+=1)t.push(i.a.createElement(bt,{key:"stats-icon-"+e}));return t},[c,e,l]),d=Object(n.useCallback)(()=>a(Object(Et.f)(t)),[a,t]);return i.a.createElement(Mt,{titleId:"DASHBOARD_MOST_ACTIVE_APPS",hasItems:!!c.length,handleOnViewAll:d},c.length?i.a.createElement(z.g,{justifyContent:"space-between"},m):i.a.createElement(z.g,{justifyContent:"space-between",alignItems:"center"},i.a.createElement(Ct,{src:"light"===e?It.a:Rt.a,alt:"No Active Apps"}),i.a.createElement(jt,{size:"caption",color:"secondary"},i.a.createElement(o.c,{id:"DASHBOARD_MOST_ACTIVE_APPS_DESCRIPTION"}))))},Wt=a(623),Bt=a(2895),kt=a(1810),zt=a(2066),Zt=a(45),Ut=a(485);const Ft=l.a`
align-items: center;
display: flex;
height: 100%;
justify-content: flex-end;
padding-right: 12px;
overflow-x: unset !important;
> div {
margin: initial;
}
`,Xt=Object(l.c)(Zt.a)`
text-transform: uppercase;
`,Yt=Object(l.c)("div")`
display: flex;
align-items: center;
white-space: nowrap;
`,Gt=l.a`
overflow-y: auto;
max-height: calc(90vh - 52px);
padding: 0 !important;
border: none;
`,qt=l.a`
background-color: transparent !important;
`,Kt=(e,t,a,n,c,r,l)=>[...e.map(e=>({id:e.id,label:i.a.createElement(Xt,{size:"small",message:e.message,values:e.messageValues})})),{id:"Custom",className:qt,label:i.a.createElement(Wt.a,{classNameCard:Gt,align:"bottomLeft",renderToggle:l},i.a.createElement(Bt.a,{initialStartDate:Object(Le.a)(t.startDate,a),initialEndDate:Object(Le.a)(Object(ke.subSeconds)(t.endDate,1),a),numberOfMonths:2,disabledDays:{after:Object(Le.a)(new Date,a)},onRangeSelected:({startDate:e,endDate:t})=>{c({startDate:Object(Le.i)(e,a),endDate:Object(Le.b)(t,a)}),r(Object(R.d)({startDate:Object(Le.i)(e,a),endDate:Object(Le.i)(Object(ke.addDays)(t,1),a),preset:null}))},showInputs:!0}))}];var Jt=({tabsVariant:e})=>{const t=Object(r.useDispatch)(),a=Object(r.useSelector)(be.f),c=Object(r.useSelector)(E.selectLocaleSettings),l=Object(r.useSelector)(Ve.N),o=Object(r.useSelector)(be.b),s=Object(Le.d)(l,c),[m,d]=Object(n.useState)(Ut.d),[p,h]=Object(n.useState)(null),g=Object(n.useCallback)(()=>i.a.createElement(Yt,null,p?i.a.createElement(zt.a,{start:p.startDate,end:p.endDate,timezone:s}):i.a.createElement(N.r,null)),[p,s]);return i.a.createElement(kt.a,{tabs:Kt(a,o,s,0,h,t,g),selectedTab:m,onSelectTab:({id:e})=>(e=>{const n=a.find(t=>t.id===e);if(n){const a=new Date;t(Object(R.d)({...n.getRange(a),preset:e}))}else p&&t(Object(R.d)({...p,preset:null}));d(e)})(e),className:Ft,variant:e})};const Qt=Object(l.c)(z.g)`
align-items: flex-end;
overflow: hidden;
`,ea=Object(l.c)(Oe.a)`
line-height: 1 !important;
`,ta=Object(l.c)(ea)`
padding-right: ${({theme:e})=>e.spacing["spacing-xs"]};
`;var aa=()=>{const e=Object(r.useSelector)(be.a);return e?i.a.createElement(Qt,null,i.a.createElement(ta,{weight:"bold"},i.a.createElement(o.c,{id:"DASHBOARD_MODULE_INTERNET_HEADER"})),i.a.createElement(ea,{color:"tertiary",truncate:!0},e)):null};const na=Object(l.c)($.a)`
box-shadow: 0 1px 0 0 ${({theme:e})=>e.colors.dashboardBorder} inset !important;
`,ia=Object(l.c)(z.g)`
height: 100%;
padding-left: 20px;
@media ${B.a.VIEWPORT_S_DOWN}, ${B.a.VIEWPORT_XL_UP} {
padding: 0 10px 0 30px;
}
`,ca=()=>i.a.createElement(i.a.Fragment,null,i.a.createElement(aa,null),i.a.createElement(z.g,{flex:1}),i.a.createElement("span",null,i.a.createElement(Jt,{tabsVariant:"tertiary"}))),ra=()=>i.a.createElement(z.g,{width:"100%",justifyContent:"space-between"},i.a.createElement(z.g,null,i.a.createElement(U.a,{width:224,height:16})),i.a.createElement(z.g,{marginRight:20},i.a.createElement(U.a,{width:24,height:16,marginRight:8}),i.a.createElement(U.a,{width:24,height:16,marginRight:8}),i.a.createElement(U.a,{width:24,height:16,marginRight:8}),i.a.createElement(U.a,{width:24,height:16})));var la=({isLoaded:e})=>i.a.createElement(na,{overflow:"visible"},i.a.createElement(ia,{alignItems:"center",flexWrap:"nowrap"},e?i.a.createElement(ca,null):i.a.createElement(ra,null))),oa=a(2822);const sa=Object(l.c)(oa.a)`
animation: unset !important;
> div {
border: 1px solid ${({theme:e})=>e.motifPalette.ui04} !important;
border-bottom: 0 !important;
}
`,ma=Object(l.c)(H.a)`
margin-left: ${({theme:e})=>e.spacing["spacing-xs"]};
line-height: 1 !important;
`,da=Object(l.c)("div")`
background: ${({theme:e})=>e.motifPalette.info};
margin-right: ${({theme:e})=>e.spacing["spacing-s"]};
border-radius: 50%;
width: 16px;
height: 16px;
color: ${({theme:e})=>e.motifPalette.white};
text-align: center;
font-size: ${({theme:e})=>e.fontSize["font-size-xs"]};
position: relative;
&::after {
content: 'i';
position: absolute;
display: block;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
`,pa=()=>{const e=Object(r.useSelector)(Ve.M),[t,a]=Object(n.useState)(!e.bypassHybridDashboardNotice),c=Object(r.useDispatch)(),l=Object(st.k)();Object(n.useEffect)(()=>{const e=setTimeout(()=>{a(!1),setTimeout(()=>dispatchEvent(new Event("resize")),450)},2e4);return()=>clearTimeout(e)},[]);return i.a.createElement(sa,{isOpen:t,onClose:()=>{c(Object(Ve.i)({...e,bypassHybridDashboardNotice:!0})),a(!1),setTimeout(()=>dispatchEvent(new Event("resize")),450)}},i.a.createElement(z.g,{alignItems:"center"},i.a.createElement(da,null),i.a.createElement(we.a,null,i.a.createElement(o.c,{id:"HYBRID_DASHBOARD_NOTICE"})),i.a.createElement(ma,{variant:"inline",onClick:()=>c(Object(Et.g)(l))},i.a.createElement(o.c,{id:"HYBRID_DASHBOARD_NOTICE_CTA"}))))};var ha=({isLoaded:e})=>e?i.a.createElement(pa,null):null,ga=a(2922),Ea=a(578),ua=a(2557),fa=a(2853),ba=a(15),Oa=a(86),Ca=a(1201),ja=a(2038),xa=a(1834),_a=a(1833),ya=a(2852),Da=a(2851),wa=a(320),Ma=a(1832);function Va(e){return[{value:e,time:Date.now()}]}function La(e,t){const a=t.time-5e3,[n,i]=Object(Da.a)(e,e=>e.time>=a);return i.length?[Object(wa.a)(i),...n,t]:[...e,t]}function va(e,t,a,n,i){const c=e-1.5*t,r=e+t,l=Object(Te.a)().domain([n-5e3,n]).range([c,r]),o=a.slice(),s=o[0];s.time>n-5e3&&o.unshift({time:n-5e3,value:s.value});const m=o.length;return m>=2&&(o[m-1]=function(e,{time:t,value:a},n){const i=n-t,c=a-e.value;return{time:t,value:e.value+Object(ya.a)(Object(Ma.a)(i/500,1))*c}}(o[m-2],o[m-1],n)),o.push({time:n,value:o[m-1].value}),i(o.map(({time:e,value:t})=>[l(e),t]))}function Ia({center:e,radius:t,value:a,disableAnimation:c,fpsLimit:r,...l}){const o=Object(n.useRef)(-1),[s,m]=Object(n.useState)(0);function d(){-2!==o.current&&(m(Date.now()),o.current=requestAnimationFrame(r?()=>setTimeout(d,1e3/r):d))}Object(n.useEffect)(()=>(c?o.current=-2:(o.current=-1,d()),()=>{cancelAnimationFrame(o.current),o.current=-2}),[c]);const[p,h]=Object(n.useReducer)(La,a,Va);Object(n.useEffect)(()=>{h({value:a,time:Date.now()})},[a]);const g=Object(n.useMemo)(()=>Object(xa.a)().curve(_a.a).y0(e+t),[e,t]);return i.a.createElement("path",Object.assign({d:va(e,t,p,c?Date.now():s,g)},l))}const Ta=Ut.g,Ra=Ta/2,Sa=(Ta-12)/2,Aa=Ta/2,Ha=Object(l.c)("div",{shouldForwardProp:e=>"ratio"!==e})`
min-width: ${({ratio:e})=>Ut.f*e}px;
width: calc(12vw * ${({ratio:e})=>e});
height: auto;
flex: 0 0 auto;
@media ${B.a.VIEWPORT_XL_DOWN} {
min-width: ${({ratio:e})=>Ut.g*e}px;
width: calc(10vw * ${({ratio:e})=>e});
height: auto;
}
@media ${B.a.VIEWPORT_L_DOWN} {
width: ${({ratio:e})=>Ut.e*e}px;
height: ${({ratio:e})=>Ut.e*e}px;
}
@media ${B.a.VIEWPORT_M_DOWN} {
width: ${({ratio:e})=>Ut.f*e}px;
height: ${({ratio:e})=>Ut.f*e}px;
}
@media ${Ut.h} {
width: ${({ratio:e})=>Ut.g*e}px;
height: ${({ratio:e})=>Ut.g*e}px;
}
`,$a=Object(l.c)("circle")`
stroke-width: 1px;
`,Na=Object(l.c)("line")`
stroke: ${({theme:e})=>e.motifPalette.info};
stroke-dasharray: 2;
`,Pa=({ratio:e,theme:t,identifier:a,xThreshold:n,yThreshold:c,scale:r,capacity:l,isLoaded:o})=>{const{motif:m}=Object(s.a)(),d="dark"===m?ja.a:ja.c;return i.a.createElement(Ha,{ratio:e},i.a.createElement("svg",{width:"100%",height:"100%",viewBox:`0 0 ${Ta} ${Ta}`},i.a.createElement("defs",null,i.a.createElement("linearGradient",{x1:"50%",y1:"100%",x2:"50%",y2:"0%",id:a},i.a.createElement("stop",{stopColor:t.motifPalette.info,stopOpacity:"0",offset:"0%"}),i.a.createElement("stop",{stopColor:t.motifPalette.info,stopOpacity:"0.5",offset:"100%"})),i.a.createElement("clipPath",{id:a+"-clip"},i.a.createElement("circle",{cx:Ra,cy:Ra,r:Sa}))),i.a.createElement("g",null,o&&i.a.createElement($a,{cx:Ra,cy:Ra,r:Aa,fill:t.motifPalette.info,opacity:"0.1"}),i.a.createElement($a,{cx:Ra,cy:Ra,r:Sa,fill:o?"transparent":d,stroke:o?t.motifPalette.info:d})),o&&i.a.createElement("g",{clipPath:`url(#${a}-clip)`},i.a.createElement(Na,{x1:Ra-n,y1:c,x2:Ra+n,y2:c}),i.a.createElement(Ia,{fpsLimit:20,center:Ra,radius:Sa,value:r(l),fill:`url(#${a})`}))))};var Wa=i.a.memo(({capacity:e=0,peak:t=0,maxCapacity:a=0,capacityRatio:c=1,threshold:r=.97,type:l,isLoaded:o})=>{const s=Object(je.k)(),m=Math.min(Math.max(c,.5),1),d="cap-gradient-"+l,p=a*(1-r),h=Math.min(a*r,t),g=Object(n.useMemo)(()=>Object(Te.a)().domain([0,a]).range([Ra+.95*Sa,Ra-Sa]).clamp(!0),[a]),{x:E,y:u}=Object(n.useMemo)(()=>((e,t,a)=>({y:e,x:Math.sqrt(Math.abs(t**2-Math.abs(a-e)**2))}))(g(Math.max(h,p)),Sa,Ra),[g,h,p]);return i.a.createElement(Pa,{ratio:m,theme:s,identifier:d,xThreshold:E,yThreshold:u,capacity:e,scale:g,isLoaded:o})}),Ba=a(814);var ka=({duration:e=null,fpsLimit:t=0,dependency:a,onFrame:i})=>{const[c,r]=Object(n.useState)(0),l=Object(Ba.a)(a);return Object(n.useEffect)(()=>{const n=Date.now();let c=-1;const o=()=>{const e=Date.now()-n;r(e),null==i||i(e),-2!==c&&(c=requestAnimationFrame(t?()=>setTimeout(o,1e3/t):o))},s=()=>{cancelAnimationFrame(c),c=-2};let m=null;return e?m=setTimeout(()=>{s()},e):a&&l&&a!==l&&s(),o(),()=>{clearTimeout(m),s()}},[e,t,a,l]),c};var za=({to:e,power:t,duration:a=1800,fpsLimit:c=10})=>{const r=Object(n.useRef)({from:e,to:e}),l=ka({duration:a,fpsLimit:c,dependency:e}),o=Object(n.useMemo)(()=>Object(Te.a)().domain([0,a]).clamp(!0),[a]).range([r.current.from,r.current.to]),s=new Oa.a(o(l),"bitrate");return Object(n.useEffect)(()=>{r.current={from:s.bytes,to:e}},[e]),i.a.createElement(i.a.Fragment,null,i.a.createElement(Oe.a,{weight:"bold"},Object(Oa.g)(s.value)),s.power!==t&&i.a.createElement(Oe.g,{weight:"bold"},s.unit))};const Za=Object(l.c)(z.g)`
text-align: left;
padding-left: 36px;
height: 100%;
@media ${B.a.VIEWPORT_XL_DOWN} {
padding-left: 16px;
}
`,Ua=Object(l.c)("div")`
margin: ${({theme:e})=>e.spacing["spacing-m"]} 0 ${({theme:e})=>e.spacing["spacing-xxs"]};
border-bottom-width: ${({large:e})=>e?2:1}px;
border-bottom-style: ${({dotted:e})=>e?"dotted":"solid"};
border-bottom-color: ${({theme:e})=>e.motifPalette.ui06};
width: 16px;
`,Fa=Object(l.c)(N.db,{shouldForwardProp:e=>"upload"!==e})`
margin-left: ${({theme:e})=>e.spacing["spacing-s"]};
color: ${({theme:e})=>e.motifPalette.text01};
transform: rotate(${({upload:e})=>e?180:0}deg);
@media ${B.a.VIEWPORT_XL_DOWN} {
margin-left: ${({theme:e})=>e.spacing["spacing-xs"]};
height: 9px;
}
`,Xa=Object(l.c)(Oe.g,{shouldForwardProp:e=>"addSpacing"!==e})`
margin-left: ${({theme:e,addSpacing:t})=>t?e.spacing["spacing-xs"]:0};
`,Ya=Object(l.c)(Ca.a)`
margin-right: 7px;
> div {
padding: 25px 20px;
}
`,Ga=Object(l.c)(Oe.d)`
padding-bottom: 18px;
margin-bottom: 18px;
border-bottom: 1px solid ${({theme:e})=>e.motifPalette.ui04};
`,qa=Object(l.c)(N.c)`
color: ${({theme:e})=>e.motifPalette.warning};
`,Ka={tx:"upload",rx:"download"},Ja=({showUsageWarning:e,title:t,bytesType:a,capacityRatio:n,selectedBitrate:c,maxCapacity:r,peakBitrate:l,peakStat:s})=>i.a.createElement(Za,{flexDirection:"column",justifyContent:"center"},i.a.createElement(z.g,{alignItems:"center"},e&&i.a.createElement(Ya,{message:i.a.createElement(z.g,{flexDirection:"column"},i.a.createElement(Ga,{weight:"bold"},i.a.createElement(o.c,{id:`DASHBOARD_MODULE_INTERNET_HIGH_${a.toUpperCase()}_USAGE_TOOLTIP_TITLE`})),i.a.createElement(Oe.g,null,i.a.createElement(o.c,{id:"DASHBOARD_MODULE_INTERNET_HIGH_USAGE_TOOLTIP_MESSAGE"}))),width:294,position:"bottom"},i.a.createElement(qa,{width:19,height:19})),i.a.createElement(Oe.c,{weight:"bold"},t),i.a.createElement(Fa,{height:"13",upload:"tx"===a})),i.a.createElement(Ua,{large:n>=1}),i.a.createElement(Oe.f,null,i.a.createElement(o.c,{id:"DASHBOARD_MODULE_INTERNET_REAL_TIME"})),i.a.createElement(z.g,{alignItems:"baseline"},i.a.createElement(za,{to:c.bytes,power:r.power}),i.a.createElement(Oe.a,{weight:"bold",color:"tertiary"},"/"+Object(Oa.g)(r.value)),i.a.createElement(Xa,{color:"tertiary",weight:"bold",addSpacing:c.power===r.power},r.unit)),i.a.createElement(Ua,{large:n>=1,dotted:!0}),i.a.createElement(Oe.f,null,i.a.createElement(o.c,{id:"DASHBOARD_MODULE_INTERNET_PEAK"})),i.a.createElement(z.g,{alignItems:"baseline"},i.a.createElement(Oe.a,{weight:"bold"},Object(Oa.g)(l.value)),l.power!==r.power&&i.a.createElement(Xa,{weight:"bold"},l.unit),i.a.createElement(Oe.a,{weight:"bold",color:"tertiary"},"/"+Object(Oa.g)(r.value)),i.a.createElement(Xa,{color:"tertiary",weight:"bold",addSpacing:s.power===r.power},r.unit))),Qa=()=>i.a.createElement(Za,{flexDirection:"column",justifyContent:"center"},i.a.createElement(z.g,{marginBottom:16},i.a.createElement(U.a,{width:55,height:16,marginBottom:4,marginRight:4}),i.a.createElement(U.a,{width:16,height:16})),i.a.createElement(z.g,{flexDirection:"column",marginBottom:20},i.a.createElement(U.a,{width:34,height:16,marginBottom:4}),i.a.createElement(U.a,{width:90,height:16})),i.a.createElement(z.g,{flexDirection:"column"},i.a.createElement(U.a,{width:50,height:16,marginBottom:4}),i.a.createElement(U.a,{width:90,height:16}))),en=({className:e,isLoaded:t,isCurrentTime:a=(()=>!1),selectedBitrate:n=new Oa.a(null),averageThroughputBps:c=0,capacityRatio:r=0,peakBitrate:l=new Oa.a(null),ispCapacity:o=0,bytesType:s,showUsageWarning:m=!1,title:d="",peakStat:p=new Oa.a(null)})=>{const h=1e3*o/8,g=new Oa.a(h,"bitrate"),E={capacity:(null==a?void 0:a())?n.bytes:c,capacityRatio:r,maxCapacity:g.bytes,peak:(null==l?void 0:l.bytes)||0,type:s};return i.a.createElement(z.g,{className:e,justifyContent:"flex-start",alignItems:"center"},i.a.createElement(Wa,Object.assign({},E,{isLoaded:t})),t?i.a.createElement(Ja,{showUsageWarning:m,title:d,bytesType:s,capacityRatio:r,selectedBitrate:n,maxCapacity:g,peakBitrate:l,peakStat:p}):i.a.createElement(Qa,null))},tn=e=>{const{bytesType:t}=e,{site_stats:a,...c}=Object(r.useSelector)(be.c),l=Object(r.useSelector)(u.selectSiteGatewayBitrate),{startDate:o,endDate:s}=Object(r.useSelector)(be.b),{reasons:m}=Object(r.useSelector)(p.d),d=Object(n.useMemo)(()=>((e,t)=>e.length>0?Object(fa.a)(e,e=>Object(ba.a)(e,t+"_bytes-r",0)):0)(a,t),[a,t]),h=l[t+"-r"],g=new Oa.a(Object(ba.a)(c,`max-${t}_bytes-r`,0),"bitrate"),E=Object(n.useCallback)(()=>Object(ke.isToday)(s)||Object(ke.isFuture)(s),[s]),[f,b]=Object(n.useState)(g);Object(n.useEffect)(()=>{E()&&h.bytes>f.bytes&&b(h)},[E,f,h]),Object(n.useEffect)(()=>{b(new Oa.a(g.bytes,"bitrate"))},[o,s,g.bytes]);const O=Object(n.useMemo)(()=>m.some(e=>e.code===`high_${Ka[t]}_usage`),[m,t]);return i.a.createElement(en,Object.assign({isCurrentTime:E,peakBitrate:f,selectedBitrate:h,showUsageWarning:O,peakStat:g,averageThroughputBps:d},e))},an=e=>i.a.createElement(en,Object.assign({},e));var nn=e=>e.isLoaded?i.a.createElement(tn,Object.assign({},e)):i.a.createElement(an,Object.assign({},e)),cn=a(2826),rn=a(2854);var ln=Object(l.c)(rn.a)`
font-size: inherit !important;
line-height: inherit !important;
`;const on=Object(l.c)(cn.a)`
margin-top: ${({theme:e})=>e.spacing["spacing-s"]};
`,sn=Object(l.c)(cn.a)`
margin-right: ${({theme:e})=>e.spacing["spacing-xs"]};
`,mn=()=>{const e=Object(r.useSelector)(g.i),t=Object(r.useSelector)(g.f);return i.a.createElement(i.a.Fragment,null,i.a.createElement(y.a,{alignItems:"flex-end"},i.a.createElement(sn,{type:"title"},i.a.createElement(o.c,{id:"DASHBOARD_MODULE_INTERNET_UPTIME"})),-1!==t&&i.a.createElement(cn.a,{type:"subtitle"},i.a.createElement(ln,{value:Math.round(t),weight:"bold",percent:!0}))),i.a.createElement(on,{type:"titleValue"},i.a.createElement(ze,{uptime:-1!==e?e:0})))},dn=()=>i.a.createElement(y.a,{flexDirection:"column"},i.a.createElement(U.a,{width:92,height:16,marginBottom:8}),i.a.createElement(U.a,{width:68,height:12}));var pn=({isLoaded:e})=>e?i.a.createElement(mn,null):i.a.createElement(dn,null),hn=a(102),gn=a(2921),En=a(2902),un=a(2887),fn=a(2846),bn=a(2162),On=a(2855),Cn=a(2907),jn=a(2903),xn=a(1808);const _n=Object(l.c)("div")`
position: absolute;
bottom: -1px;
left: 0;
right: 0;
@media ${B.a.VIEWPORT_L_DOWN} {
left: -20px;
}
`,yn=Object(l.c)(xn.a)`
/* override status bar styles */
background-color: transparent !important;
margin: 0 !important;
height: 1px;
/* additional styles for positioning */
position: absolute;
bottom: 0;
left: 0;
`,Dn=Object(l.c)(y.a)`
position: absolute;
bottom: 8px;
right: 12px;
`,wn=()=>{const e=Object(je.k)(),t=Object(r.useSelector)(u.selectSiteGateway),{timezone:a}=Object(r.useSelector)(E.selectLocaleSettings),c=Object(n.useMemo)(()=>{const e=new Date,{offset:t}=Object(hn.getUTCOffset)(e,Object(hn.findTimeZone)(a)),{offset:n}=Object(hn.getUTCOffset)(e,Object(hn.findTimeZone)(Object(Le.f)()));return 60*(t-n)},[a]),l=Object(Cn.a)(e=>e.pipe(Object(un.a)([t.next_interval,t.last_seen]),Object(fn.a)(),Object(bn.a)(([[e,t],[a,n]])=>t===n?{start:1e3*(t+c),end:1e3*(t+c+e)}:{start:Date.now(),end:Date.now()+1e3*a})),[t.next_interval,t.last_seen]),s=Object(Cn.a)(()=>Object(gn.a)(100).pipe(Object(On.a)())),[{percentRemaining:m,secondsRemaining:d}]=Object(jn.a)(()=>Object(En.a)(l,s,(e,t)=>{const a=e.end-e.start,n=e.end-t.timestamp;return{percentRemaining:n/a*100,secondsRemaining:Math.ceil(n/1e3)}}),{});return m||0===m?i.a.createElement(_n,null,i.a.createElement(Dn,{flexDirection:"row",alignItems:"center"},i.a.createElement(we.a,{color:"secondary",weight:"bold"},i.a.createElement(o.c,{id:"DASHBOARD_MODULE_INTERNET_NEXT_UPDATE",values:{seconds:Math.max(0,d)}}))),i.a.createElement(yn,{animate:!1,color:e.motifPalette.uBlue06,value:Math.max(0,m)})):null};var Mn=({minInterval:e=10})=>{const{next_interval:t}=Object(r.useSelector)(u.selectSiteGateway);return t>e?i.a.createElement(wn,null):null},Vn=a(291),Ln=a.n(Vn),vn=a(116),In=a(2024);const Tn=Object(l.c)(y.a,{shouldForwardProp:e=>"color"!==e})`
background: ${({color:e})=>Ln()(e).alpha(.1).css()};
border: 1px solid ${({color:e})=>e};
border-radius: 100%;
position: relative;
height: 38px;
width: 39px;
`,Rn=Object(l.c)(N.t)`
color: ${({theme:e})=>e.motifPalette.success};
position: absolute;
bottom: 0;
right: 0;
`,Sn=Object(l.c)("div")`
margin-left: 8px;
`,An=Object(l.c)(we.a)`
display: block !important;
line-height: 1 !important;
margin-top: 4px;
`;var Hn=()=>{const e=Object(je.k)(),{model:t,type:a}=Object(r.useSelector)(u.selectAvailableUlteDevice),n=Object(r.useSelector)(u.selectIsUlteInFailover),c=Object(r.useSelector)(u.selectUlteSignalStrength),l=n?e.motifPalette.success:e.motifPalette.icon02;return i.a.createElement(y.a,{alignItems:"center",justifyContent:"flex-start"},i.a.createElement(Tn,{flex:"none",justifyContent:"center",alignItems:"center",color:l},i.a.createElement(vn.c,{device:{model:t,type:a}}),i.a.createElement(Rn,{height:"10",width:"10"})),i.a.createElement(Sn,null,i.a.createElement(In.a,{inactiveColor:e.motifPalette.icon02,width:16,height:16,color:e.motifPalette.success,strength:c}),i.a.createElement(An,{color:"tertiary"},i.a.createElement(o.c,{id:"DASHBOARD_MODULE_LTE_INTERNET_LABEL"}))))};const $n=Object(l.c)(ua.a)`
position: relative;
box-shadow: ${({theme:e})=>`0 1px 0 0 ${e.colors.dashboardBorder} inset, 1px 0 0 0 ${e.colors.dashboardBorder}, 0 1px 0 0 ${e.colors.dashboardBorder}`};
padding-left: 0 !important;
@media ${B.a.VIEWPORT_L_DOWN} {
box-shadow: ${({theme:e})=>`0 1px 0 0 ${e.colors.dashboardBorder} inset`};
padding-right: 0 !important;
}
`,Nn=Object(l.c)(y.a)`
margin-top: 26px;
@media ${B.a.VIEWPORT_XL_DOWN} {
margin-bottom: 16px;
}
@media ${B.a.VIEWPORT_DASHBOARD_VERTICAL} {
flex-direction: column;
align-items: center;
}
`,Pn=Object(l.c)(nn)`
flex: 1 60%;
min-width: 410px;
@media ${B.a.VIEWPORT_XL_DOWN} {
min-width: 245px;
}
@media ${B.a.VIEWPORT_L_DOWN} {
min-width: 320px;
}
@media ${B.a.VIEWPORT_M_DOWN} {
min-width: 245px;
}
`,Wn=Object(l.c)(nn)`
flex: 1 40%;
@media ${B.a.VIEWPORT_DASHBOARD_VERTICAL} {
padding-top: 24px;
}
`,Bn=()=>{const e=Object(r.useSelector)(Ea.a),t=Object(r.useSelector)(u.selectSiteGateway),a=Object(n.useMemo)(()=>Object(u.isUsg)(t),[t]),{upload_kilobits_per_second:c=0,download_kilobits_per_second:l=0}=(null==e?void 0:e.wan_provider_capabilities)||{},s=Object(r.useDispatch)(),m=Object(r.useSelector)(u.selectHasAdoptedUlteDevice);return i.a.createElement($n,{height:"auto",leftContent:i.a.createElement(pn,{isLoaded:!0}),action:i.a.createElement(Oe.b,{onClick:()=>s(Object(j.g)({modalType:M.a.SPEED_TEST})),variant:"inline",noWrap:!0},i.a.createElement(o.c,{id:"DASHBOARD_MODULE_INTERNET_RUN_SPEED_TEST_ACTION"})),centerContent:m?i.a.createElement(Hn,null):null},i.a.createElement(y.a,{alignItems:"center",flex:"1"},i.a.createElement(Nn,{flex:"1"},i.a.createElement(Pn,{title:i.a.createElement(o.c,{id:"DASHBOARD_MODULE_INTERNET_DOWNLOAD"}),ispCapacity:l,capacityRatio:1,bytesType:"rx",isLoaded:!0}),i.a.createElement(Wn,{title:i.a.createElement(o.c,{id:"DASHBOARD_MODULE_INTERNET_UPLOAD"}),ispCapacity:c,capacityRatio:.5,bytesType:"tx",isLoaded:!0}))),a&&i.a.createElement(Mn,null))},kn=()=>i.a.createElement($n,{height:"auto",leftContent:i.a.createElement(pn,{isLoaded:!1}),action:i.a.createElement(U.a,{width:92,height:16}),centerContent:null},i.a.createElement(y.a,{alignItems:"center",flex:"1"},i.a.createElement(Nn,{flex:"1"},i.a.createElement(Pn,{title:i.a.createElement(o.c,{id:"DASHBOARD_MODULE_INTERNET_DOWNLOAD"}),ispCapacity:null,capacityRatio:1,bytesType:"rx",isLoaded:!1}),i.a.createElement(Wn,{title:i.a.createElement(o.c,{id:"DASHBOARD_MODULE_INTERNET_UPLOAD"}),ispCapacity:null,capacityRatio:.5,bytesType:"tx",isLoaded:!1}))));var zn=({isLoaded:e})=>e?i.a.createElement(Bn,null):i.a.createElement(kn,null),Zn=a(2767),Un=a(690),Fn=a(2770),Xn=a.n(Fn),Yn=a(2771),Gn=a.n(Yn);const qn=Object(l.c)(z.g)`
min-height: 300px;
margin: 32px;
@media ${B.a.VIEWPORT_XL_DOWN} {
margin: 16px 20px;
}
`,Kn=Object(l.c)(z.g)`
${({theme:e})=>"light"===e.themeName?"\n background-image: linear-gradient(107deg, #ffffff 0%, #f1f2f4 94%);\n ":"\n background-image: linear-gradient(107deg, #000000 33%, #191919 98%);\n "}
position: relative;
overflow: hidden;
border-radius: 8px;
`,Jn=Object(l.c)(N.cc)`
color: ${({theme:e})=>e.motifPalette.icon02};
width: 36px;
height: 22px;
@media ${B.a.VIEWPORT_XL_DOWN} {
width: 30px;
height: 18px;
}
`,Qn=Object(l.c)(we.a)`
letter-spacing: 0;
text-align: center;
font-size: 26px;
line-height: 30px;
margin: 21px 0;
@media ${B.a.VIEWPORT_XL_DOWN} {
font-size: 20px;
line-height: 22px;
margin: 10px 0;
}
`,ei=Object(l.c)("img")`
width: auto;
height: 100%;
position: absolute;
left: -20px;
top: 0;
`,ti=Object(l.c)("img")`
max-width: 35%;
min-width: 300px;
height: auto;
max-height: 80%;
margin: auto 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
@media ${B.a.VIEWPORT_M_DOWN} {
min-width: 200px;
}
`,ai=Object(l.c)(z.g)`
width: 100%;
height: 100%;
z-index: 10;
`,ni=Object(l.c)(H.a)`
font-weight: bold;
font-size: 16px;
@media ${B.a.VIEWPORT_XL_DOWN} {
font-size: 12px;
}
`;var ii=()=>i.a.createElement(qn,{flex:"1"},i.a.createElement(Kn,{flex:"1"},i.a.createElement(ei,{src:Xn.a,alt:"AP Wave"}),i.a.createElement(ai,{flex:"1",alignItems:"center",justifyContent:"center",flexDirection:"column"},i.a.createElement(Jn,null),i.a.createElement(Qn,{weight:"bold",size:"header-s"},i.a.createElement(o.b,{id:"DASHBOARD_WIFI_MODULE_NO_AP_PLACEHOLDER_TEXT"})),i.a.createElement(ni,{variant:"link",href:W.a.wiFiLearnMore,target:"_blank",rel:"noopener noreferrer"},i.a.createElement(o.c,{id:"COMMON_LEARN_MORE"}))),i.a.createElement(ti,{src:Gn.a,alt:"AP Devices"}))),ci=a(241),ri=a(663),li=a(2772),oi=a.n(li),si=a(2773),mi=a.n(si);const di=Object(ci.default)(z.g)`
min-height: 300px;
margin: 32px;
@media ${B.a.VIEWPORT_XL_DOWN} {
margin: 16px 20px;
}
`,pi=Object(ci.default)("div")`
display: flex;
height: 100%;
align-items: center;
@media ${B.a.VIEWPORT_DASHBOARD_VERTICAL} {
flex-direction: column;
justify-content: center;
}
`,hi=Object(ci.default)(we.a)`
font-size: 19px !important;
line-height: 1 !important;
@media ${B.a.VIEWPORT_XL_DOWN} {
font-size: 14px !important;
}
`,gi=Object(ci.default)("img")`
max-width: 20%;
margin-left: -1.5%;
@media ${B.a.VIEWPORT_L_DOWN} {
max-width: 30%;
}
@media ${B.a.VIEWPORT_DASHBOARD_VERTICAL} {
max-width: 200px;
margin-left: 0;
}
`,Ei=Object(ci.default)("div")`
display: flex;
flex-direction: column;
width: 300px;
@media ${B.a.VIEWPORT_DASHBOARD_VERTICAL} {
text-align: center;
}
`,ui=Object(ci.default)(we.a)`
font-size: 18px;
margin-bottom: 3px;
@media ${B.a.VIEWPORT_S_DOWN} {
font-size: 16px;
}
`,fi=Object(ci.default)(we.a)`
font-size: 13px;
margin-bottom: 10px;
@media ${B.a.VIEWPORT_S_DOWN} {
font-size: 11px;
}
`,bi=Object(ci.default)(ri.a)`
padding: 5px 0;
@media ${B.a.VIEWPORT_DASHBOARD_VERTICAL} {
justify-content: center;
}
`;var Oi=()=>{const{motif:e}=Object(s.a)(),t=Object(st.k)(),a=Object(je.g)("wifi/network/form"),c=Object(n.useCallback)(()=>t.push(a),[t,a]);return i.a.createElement(di,{flexFlow:"column nowrap"},i.a.createElement(hi,{weight:"bold"},i.a.createElement(o.c,{id:"DASHBOARD_MODULE_WIFI_TITLE"})),i.a.createElement(pi,null,i.a.createElement(gi,{src:"light"===e?oi.a:mi.a,alt:"No Wifi"}),i.a.createElement(Ei,null,i.a.createElement(ui,{size:"header-s",weight:"bold"},i.a.createElement(o.c,{id:"DASHBOARD_WIFI_MODULE_NO_WIFI_PLACEHOLDER_TITLE"})),i.a.createElement(fi,{size:"body",color:"tertiary"},i.a.createElement(o.c,{id:"DASHBOARD_WIFI_MODULE_NO_WIFI_PLACEHOLDER_DESCRIPTION"})),i.a.createElement(bi,null,i.a.createElement(H.a,{variant:"inline",onClick:c},i.a.createElement(o.c,{id:"DASHBOARD_WIFI_MODULE_NO_WIFI_PLACEHOLDER_BUTTON"}))))))};Object(l.c)(we.a)`
font-size: 19px !important;
line-height: 1 !important;
@media ${B.a.VIEWPORT_XL_DOWN} {
font-size: ${({theme:e})=>e.fontSize["font-size-l2"]} !important;
}
@media ${B.a.VIEWPORT_L_DOWN} {
font-size: ${({theme:e})=>e.fontSize["font-size-caption"]} !important;
}
`;const Ci=Object(l.c)("span")`
font-size: inherit !important;
white-space: nowrap;
margin-right: 5px;
`,ji=Object(l.c)(we.a)`
font-size: 21px !important;
white-space: pre;
@media ${B.a.VIEWPORT_XL_DOWN} {
font-size: 18px !important;
}
@media ${B.a.VIEWPORT_L_DOWN} {
font-size: ${({theme:e})=>e.fontSize["font-size-caption"]} !important;
}
`,xi=Object(l.c)(rn.a)`
font-size: 21px !important;
@media ${B.a.VIEWPORT_XL_DOWN} {
font-size: 18px !important;
}
@media ${B.a.VIEWPORT_L_DOWN} {
font-size: ${({theme:e})=>e.fontSize["font-size-caption"]} !important;
}
`;var _i=({now:e,avg:t})=>i.a.createElement(i.a.Fragment,null,i.a.createElement(z.g,{alignItems:"center"},i.a.createElement(cn.a,{type:"title"},i.a.createElement(o.c,{id:"DASHBOARD_MODULE_WIFI_TITLE"},e=>i.a.createElement(Ci,null,e))),i.a.createElement(Ca.a,{message:i.a.createElement(o.c,{id:"DASHBOARD_MODULE_WIFI_TOOLTIP"}),width:200,style:{lineHeight:"16px"},position:"topRight"},i.a.createElement(N.bb,{isActive:!0}))),i.a.createElement(z.g,null,-1===e?i.a.createElement(ji,{color:"tertiary",weight:"bold"},"- / -"):i.a.createElement(i.a.Fragment,null,i.a.createElement(xi,{weight:"bold",value:e,percent:!0,after:i.a.createElement(i.a.Fragment,null," ",i.a.createElement(o.c,{id:"DASHBOARD_MODULE_WIFI_NOW"}))}),-1!==t&&i.a.createElement(ji,{color:"tertiary",weight:"bold"},` / ${t}% `,i.a.createElement(o.c,{id:"DASHBOARD_MODULE_WIFI_AVERAGE"}))))),yi=a(1896),Di=a(1885),wi=a(1770),Mi=a(244),Vi=a(1946),Li=a(2913);var vi=({barData:e,getCoordinates:t,chunkedItemSize:a,size:n,variant:c})=>i.a.createElement(Li.a,{xAxisResolution:a,data:e,getCoordinates:t,color:"rgba(255, 255, 255, 0.5)",hideStroke:!0,disableHoverHighlight:!0,width:n.width,height:n.height,stackedBarSpacing:1,variant:c,barFullWidth:!0}),Ii=a(1205);const Ti=Object(l.c)("div")`
#y2-labels {
text {
text-anchor: start;
}
}
`,Ri=Object(l.c)("div")`
white-space: nowrap;
`,Si=Object(l.c)(z.g)`
margin-top: ${({theme:e})=>e.spacing["spacing-s"]};
`,Ai=Object(l.c)("div")`
margin-right: ${({theme:e})=>e.spacing["spacing-l"]};
`,Hi=Object(l.c)(rn.a)`
line-height: 1 !important;
`;var $i=i.a.memo(Object(o.f)(({intl:e,width:t,height:a,selectedMac:c,activeChannelFilter:l})=>{var s;const m=Object(n.useRef)(null),d=Object(je.k)(),{preferences:{dateFormat:p,timeFormat:h}}=Object(r.useSelector)(Ve.N),g=Object(r.useSelector)(Mi.b),{startDate:E,endDate:u,isDefaultPreset:f,barChunkSize:b}=Object(r.useSelector)(be.j),{dashboardStatsGranularity:O}=Object(r.useSelector)(be.k),{device_stats:C,site_stats:j}=Object(r.useSelector)(be.c),x=t-25-25,_=((e,t,a)=>{if("all"===a)return t;const n=e.find(e=>e.mac_address===a);return n?n.stats:[]})(C,j,c),y=Object(n.useMemo)(()=>Math.max(..._.map(e=>{var t,a;return null===(a=null===(t=e.wifi_connectivity)||void 0===t?void 0:t.clients)||void 0===a?void 0:a.total})),[_]),D=Object(n.useMemo)(()=>y>100?"grouped":"stacked",[y]),w=Object(n.useMemo)(()=>((e,t,a,n)=>{if(!e.length)return[];const i=e.map(({wifi_connectivity:e,timestamp:a})=>{var n,i,c;let r=(null===(n=null==e?void 0:e.clients)||void 0===n?void 0:n.total)||0;return t===Ut.a.NA&&(r=(null===(i=null==e?void 0:e.clients)||void 0===i?void 0:i.na)||0),t===Ut.a.NG&&(r=(null===(c=null==e?void 0:e.clients)||void 0===c?void 0:c.ng)||0),{time:a,connects:r}}),{chunkedData:c}=i.reduce(({chunkedData:e,currentInterval:t},a)=>{if(!t||a.time-t>=36e5)return e.push(a),{chunkedData:e,currentInterval:a.time};const n=e[e.length-1];return e[e.length-1]={time:n.time,connects:Math.max(n.connects,a.connects)},{chunkedData:e,currentInterval:t}},{chunkedData:[],currentInterval:null});return c.reduce((e,{time:t,connects:a})=>{if("grouped"===n)return e.push({x:t,y:a,connects:a}),e;const i=Object(Ii.a)(a,()=>({x:t,y:1,connects:a}));return i.length&&e.push(i),e},[])})(_,l.id,E.getTime(),D),[_,l.id,E,D]),M=Object(n.useMemo)(()=>((e,t)=>e.length?e.map(({wifi_satisfaction:e,timestamp:a})=>{let n=Math.max(e.total,0);return t===Ut.a.NA&&(n=Math.max(e.na,0)),t===Ut.a.NG&&(n=Math.max(e.ng,0)),{x:a,y:Math.min(n,100)}}):[])(_,l.id),[_,l.id]),V=null===(s=M.slice(-1)[0])||void 0===s?void 0:s.x,L=f?Object(Vi.e)(e,u):Object(Vi.c)(E,u,g,V),v=Object(n.useMemo)(()=>(e=>{const t=2*e;return t>1e3?Object(Vi.d)(1e4,11):t>100?Object(Vi.d)(1e3,11):t>50?Object(Vi.d)(100,11):Object(Vi.d)(Math.max(t,50),11)})(y),[y]),I=Object(n.useMemo)(()=>(e=>{const t=Ln.a.scale([e.motifPalette.info,e.motifPalette.success]).domain([0,100]);return Object(Vi.f)(0,90,11).map(e=>({...e,label:i.a.createElement("tspan",{fill:t(e.value).css()},String(e.value),"%")}))})(d),[d]);return i.a.createElement(Ti,null,i.a.createElement(yi.a,{xAxis:L,yAxis:v,y2Axis:I,width:t,height:Math.max(a,200),margin:[20,25,30,25],xLabelsBetween:!f,yAxisLabelSpacing:15,renderChartElements:(e,t,a,n,c,r,l,s,E)=>{const u={...t,seriesX:t.seriesX-O.grain/2};return i.a.createElement("g",null,i.a.createElement("defs",null,i.a.createElement("clipPath",{id:"chartClipPath"},i.a.createElement("rect",{x:25,y:"0",width:x,height:"100%"}))),i.a.createElement("g",{clipPath:"url(#chartClipPath)"},i.a.createElement(Di.a,{data:M,maxY:a,mouseData:u,getCoordinates:(t,a)=>{const n=t+O.grain/2;return e(n,a,!0)},lineColor:"transparent",variant:"gradientArea",customGradientId:"wifiExperienceGradient",forY2Axis:!0,y2AxisMax:s,y2AxisMin:E,renderCustomGradient:()=>i.a.createElement("defs",null,i.a.createElement("linearGradient",{id:"wifiExperienceGradient",x1:"0%",y1:"0%",x2:"0%",y2:"100%"},i.a.createElement("stop",{offset:"0%",stopColor:d.motifPalette.success,stopOpacity:.6}),i.a.createElement("stop",{offset:"100%",stopColor:d.motifPalette.info,stopOpacity:.6}))),tooltipPortal:m?m.current:void 0,renderTooltip:({hidden:e,left:t,top:a,x:n,y:c})=>{if(!n||!c)return null;const r="stacked"===D,l=w.find(e=>{const t=r?e[0]:e;return(null==t?void 0:t.x)===n||Math.abs(n-(null==t?void 0:t.x))<b}),s=r?null==l?void 0:l[0]:l;return i.a.createElement(wi.a,{left:t,top:a,message:i.a.createElement(Ri,null,i.a.createElement(z.g,{justifyContent:"space-between"},i.a.createElement(Ai,null,i.a.createElement(o.c,{id:"COMMON_WORD_DATE"})),i.a.createElement("div",null,Object(Le.e)(n,g,p))),i.a.createElement(Si,{justifyContent:"space-between"},i.a.createElement(Ai,null,i.a.createElement(o.c,{id:"COMMON_WORD_TIME"})),i.a.createElement("div",null,Object(Le.e)(n,g,h))),i.a.createElement(Si,{justifyContent:"space-between"},i.a.createElement(Ai,null,i.a.createElement(o.c,{id:"DASHBOARD_WIFI_CHART_TOOLTIP_EXP"})),i.a.createElement(Hi,{value:Math.floor(c),percent:!0})),s&&i.a.createElement(Si,{justifyContent:"space-between"},i.a.createElement(Ai,null,i.a.createElement(o.c,{id:"COMMON_WORD_CLIENTS"})),i.a.createElement("div",null,s.connects))),hidden:e,topMargin:4,tooltipProps:{position:"top"},width:"auto"})}}),w.length&&i.a.createElement(vi,{barData:w,getCoordinates:e,chunkedItemSize:b,size:c,variant:D})))}}),i.a.createElement("div",{ref:m}))})),Ni=a(2180),Pi=a(571),Wi=a(289);const Bi=Object(l.c)(z.g)`
padding: 0 ${({theme:e})=>e.spacing["spacing-l"]};
min-height: 55px;
${({onClick:e})=>e&&"\n &:hover {\n cursor: pointer;\n }\n "}
@media ${B.a.VIEWPORT_L_DOWN} {
padding: 0;
}
`,ki=Object(l.c)(z.g)`
padding: 0 ${({theme:e})=>e.spacing["spacing-xs"]};
margin-left: ${({theme:e})=>e.spacing["spacing-s"]};
overflow: hidden;
`;var zi=({children:e,image:t,title:a,info:n,id:c,...r})=>i.a.createElement(Bi,Object.assign({alignItems:"center"},r),i.a.createElement(z.g,{alignItems:"center",justifyContent:"center"},t),i.a.createElement(ki,{flexDirection:"column",flex:1},i.a.createElement(Oe.c,{color:"primary",weight:"bold",truncate:!0},a),i.a.createElement(Oe.e,{color:"tertiary",truncate:!0},n)),e);const Zi=Object(l.c)(z.g)`
padding: 0 ${({theme:e})=>e.spacing["spacing-l"]};
min-height: 55px;
&:hover {
background: ${({theme:e})=>e.colors.dashboardHoverBackground};
cursor: pointer;
}
`,Ui=Object(l.c)(rn.a)`
@media ${B.a.VIEWPORT_XL_UP} {
font-size: 16px !important;
}
`;var Fi=({satisfaction:e,image:t,title:a,info:n,selected:c,onClick:r,...l})=>i.a.createElement(Zi,Object.assign({alignItems:"center",onClick:r},l),i.a.createElement(z.g,{alignItems:"center",justifyContent:"center"},t),i.a.createElement(ki,{flexDirection:"column",flex:1},i.a.createElement(Oe.c,{color:c?"primary":"secondary",weight:"bold",truncate:!0},a),i.a.createElement(Oe.e,{color:"tertiary",truncate:!0},n)),Object(Wi.c)(e)?i.a.createElement(Ui,{value:e,percent:!0},Object(De.a)(e/100)):i.a.createElement(Oe.e,{color:"tertiary"},i.a.createElement(o.c,{id:"COMMON_NA"})));const Xi=Object(l.c)("div")`
position: relative;
width: 100%;
user-select: none;
@media ${B.a.VIEWPORT_DASHBOARD_HORIZONTAL} and ${B.a.VIEWPORT_M_DOWN} {
overflow: visible;
}
`,Yi=Object(l.c)(vn.a)`
width: 38px;
height: 38px;
@media ${B.a.VIEWPORT_XL_DOWN} {
width: 30px;
height: 30px;
}
`,Gi=Object(l.c)(z.g)`
border: 1px solid ${({theme:e})=>e.motifPalette.ui04};
border-top: 1px solid ${({theme:e})=>e.motifPalette.ui06};
background: ${({theme:e})=>e.motifPalette.ui07};
position: absolute;
bottom: 0;
width: 100%;
max-height: 200px;
overflow-y: auto;
border-radius: 0 0 6px 6px;
box-shadow: 0 15px 45px 0 rgba(21, 23, 37, 0.2);
transform: translateY(100%);
z-index: 10;
`,qi=Object(l.c)(N.h)`
margin-left: ${({theme:e})=>e.spacing["spacing-l"]};
color: ${({theme:e})=>e.motifPalette.icon01} !important;
transform: rotate(${({isActive:e})=>e?90:-90}deg);
transition: transform 200ms cubic-bezier(0.4, 0, 0, 1.3);
`;var Ki=({wifiExperienceScore:e,apDevices:t,selectedFilterTab:a,setActiveApFilterTab:c})=>{const[r,l]=Object(n.useState)(!1),s=Object(n.useRef)();Object(Pi.a)(()=>l(!1)),Object(Ni.a)(s,()=>l(!1));const m=((e,t)=>({id:"all",title:i.a.createElement(o.c,{id:"DASHBOARD_UDM_ALL_ACCESS_POINTS"}),info:i.a.createElement(o.c,{id:"COMMON_NUMBER_OF_TOTAL",values:{total:e}}),satisfaction:t,image:i.a.createElement(Yi,{deviceModel:u.DeviceModel.U7HD,deviceType:u.DeviceType.AP})}))(t.length,e),d=[m,...t.map(e=>({id:e.mac,image:i.a.createElement(Yi,{deviceModel:e.model,deviceType:e.type}),title:Object(P.b)(e),info:Object(P.a)(e),satisfaction:e.satisfaction}))];return i.a.createElement(Xi,{innerRef:s},t.length>1?i.a.createElement(i.a.Fragment,null,i.a.createElement(zi,Object.assign({},d.find(e=>e.id===a),{onClick:()=>l(!r)}),i.a.createElement(qi,{width:"12",height:"12",isActive:r})),r&&i.a.createElement(Gi,{flexDirection:"column"},d.map(({id:e,...t})=>i.a.createElement(Fi,Object.assign({key:e,selected:e===a,onClick:()=>{c(e),l(!r)}},t))))):i.a.createElement(zi,Object.assign({},m)))},Ji=()=>{const{motif:e}=Object(s.a)(),t="dark"===e?"#191919":"#EDEDF0",a="dark"===e?"#232323":"#DBDCE1",n="dark"===e?"#3F3F3F":"#FBFBFC";return i.a.createElement("svg",{height:"100%",preserveAspectRatio:"none",viewBox:"0 0 981 220",fill:"none"},i.a.createElement("rect",{y:"74",width:"981",height:"1",fill:t}),i.a.createElement("rect",{y:"110",width:"981",height:"1",fill:t}),i.a.createElement("rect",{y:"145",width:"981",height:"1",fill:t}),i.a.createElement("rect",{y:"181",width:"981",height:"1",fill:t}),i.a.createElement("path",{opacity:"0.8",fillRule:"evenodd",clipRule:"evenodd",d:"M0 220V39.5135C0 37.9577 1.69825 36.9976 3.03126 37.7998L8.68024 41.1994C9.55543 41.7261 10.6869 41.5086 11.3045 40.6951L20.4375 28.6643L29.5917 15.6368C30.1924 14.7818 31.35 14.5334 32.2486 15.0666L40.6058 20.025C40.7842 20.1309 40.945 20.2638 41.0825 20.4191L50.1298 30.6357C50.7045 31.2847 51.6319 31.4895 52.4266 31.143L61.1797 27.3256C61.2681 27.2871 61.3536 27.2421 61.4356 27.1912L69.8997 21.9332C70.8113 21.3669 72.0073 21.621 72.6099 22.5089L81.1549 35.0988C81.5271 35.6472 82.1469 35.9756 82.8097 35.9756H91.373C91.7617 35.9756 92.142 35.8623 92.4674 35.6496L102.188 29.2949L111.61 22.9819C112.113 22.6446 112.743 22.5537 113.321 22.735L122.625 25.6508L132.639 28.9429C132.775 28.9876 132.906 29.0467 133.029 29.1192L141.581 34.1511C142.433 34.6526 143.523 34.456 144.147 33.6887L152.714 23.1463C153.075 22.7024 153.608 22.4342 154.18 22.4095L162.689 22.0418C163.209 22.0194 163.717 22.2006 164.106 22.5471L172.782 30.2817C173.355 30.7924 174.169 30.9303 174.878 30.6366L183.938 26.8837L192.785 22.581C193.595 22.1872 194.568 22.3831 195.162 23.0596L203.8 32.8917C204.167 33.3091 204.691 33.5552 205.246 33.5709L214.322 33.8273C214.502 33.8324 214.683 33.8131 214.858 33.7699L224.116 31.4856C224.566 31.3745 224.964 31.1103 225.241 30.7383L234.374 18.4725C234.783 17.9228 235.445 17.6209 236.129 17.6726L245.25 18.3627L254.63 19.1856C255.167 19.2326 255.661 19.4937 256.002 19.91L265.353 31.3157C265.572 31.5835 265.718 31.9037 265.777 32.2449L274.718 84.273C275.059 86.2567 277.786 86.5511 278.542 84.6858L283.646 72.0975C283.87 71.5448 284.329 71.1209 284.898 70.9415L295.681 67.5424C296.11 67.4069 296.573 67.4205 296.994 67.5807L304.382 70.3942C305.528 70.8307 306.793 70.142 307.049 68.9424L316.536 24.4684C316.687 23.7585 317.212 23.1864 317.906 22.9735L326.641 20.2949C326.878 20.2221 327.1 20.1057 327.295 19.9517L336.81 12.4288C337.078 12.2168 337.396 12.077 337.734 12.0229L346.639 10.5953C347.151 10.5132 347.675 10.6332 348.1 10.9299L357.534 17.5127C357.615 17.5694 357.692 17.6321 357.764 17.7002L366.623 26.0831C367.343 26.7639 368.452 26.8155 369.232 26.2046L377.307 19.8761C377.802 19.4877 378.452 19.3553 379.06 19.5188L387.525 21.795C388.03 21.9308 388.568 21.8635 389.024 21.6075L397.515 16.8396C398.143 16.4868 398.912 16.4992 399.529 16.872L408.236 22.1375C408.571 22.3402 408.84 22.637 409.008 22.9909L417.173 40.1842C417.895 41.7029 420.054 41.708 420.782 40.1929L428.938 23.2294C429.101 22.8906 429.356 22.6046 429.674 22.4041L438.203 17.0276C438.923 16.5733 439.852 16.6253 440.518 17.1572L448.62 23.633C449.232 24.1222 450.074 24.2089 450.773 23.8547L458.738 19.8195C459.415 19.4762 460.229 19.5464 460.838 20.0006L468.513 25.7278C469.377 26.3725 470.597 26.2164 471.271 25.375L479.269 15.3861C479.859 14.6489 480.885 14.4251 481.728 14.8493L490.112 19.0639C490.368 19.1925 490.593 19.3747 490.772 19.598L498.989 29.8232C499.842 30.8842 501.482 30.802 502.225 29.661L509.999 17.7113C510.539 16.882 511.603 16.5718 512.504 16.9817L520.693 20.7086C520.997 20.8471 521.331 20.9071 521.664 20.8831L530.266 20.2645C530.956 20.2149 531.571 19.8126 531.893 19.2007L540.848 2.17465C541.284 1.34584 542.236 0.930488 543.14 1.17512L550.845 3.26023C551.454 3.425 551.949 3.8673 552.182 4.45362L562.031 29.2949L571.04 53.9232C571.573 55.3814 573.492 55.7022 574.471 54.4966L581.125 46.2984C581.853 45.4017 583.187 45.3061 584.035 46.0899L591.971 53.4219C592.423 53.8399 593.043 54.0261 593.651 53.9266L602.628 52.4573C602.813 52.4271 602.992 52.3713 603.161 52.2914L611.161 48.506C612.219 48.0057 613.478 48.5156 613.889 49.6106L623.235 74.4965C623.307 74.6877 623.408 74.8668 623.534 75.0275L631.611 85.3264C632.517 86.4821 634.319 86.2993 634.974 84.9851L642.725 69.4504C643.277 68.343 644.693 67.9981 645.693 68.7273L652.209 73.4787C653.167 74.1773 654.519 73.8937 655.116 72.869L663.366 58.6971C663.858 57.852 664.889 57.4866 665.803 57.8331L672.695 60.4452C673.677 60.8172 674.779 60.3672 675.22 59.4147L684.581 39.1745C684.631 39.0666 684.691 38.9634 684.759 38.866L694.355 25.1777C694.686 24.7064 695.203 24.4003 695.775 24.3377L704.519 23.3812C704.894 23.3401 705.274 23.4063 705.614 23.5721L714.235 27.7807C714.898 28.1044 715.686 28.0366 716.284 27.6042L725.265 21.1121C725.441 20.9847 725.637 20.8868 725.845 20.8225L734.754 18.0638C735.378 17.8706 736.057 17.9944 736.573 18.3954L745.412 25.2679C745.772 25.5481 746.218 25.6966 746.674 25.6887L755.875 25.5287C756.082 25.5251 756.287 25.4893 756.484 25.4225L765.439 22.3772C766.046 22.1706 766.716 22.2681 767.24 22.6393L775.628 28.5877C776.24 29.0218 777.044 29.0767 777.709 28.7299L786.476 24.1605C786.719 24.0342 786.984 23.9589 787.257 23.9392L797.062 23.2328L806.597 21.5223C807.04 21.4428 807.497 21.5151 807.894 21.7273L817.106 26.655C817.366 26.7936 817.652 26.8734 817.946 26.8887L827.529 27.3876C827.655 27.3941 827.782 27.3887 827.907 27.3714L837.385 26.0614C837.746 26.0114 838.115 26.0613 838.45 26.2057L847.364 30.0455C847.87 30.2634 848.263 30.6803 848.452 31.1979L856.496 53.2869C857.135 55.041 859.615 55.041 860.254 53.2869L868.298 31.1979C868.487 30.6803 868.881 30.2634 869.386 30.0455L878.021 26.3258C878.526 26.1083 879.099 26.1083 879.604 26.3258L888.759 30.2697C888.94 30.3474 889.108 30.4514 889.258 30.5781L897.489 37.5261C898.419 38.3107 899.828 38.0907 900.474 37.06L908.722 23.902C909.17 23.1874 910.018 22.8306 910.842 23.01L918.722 24.726C919.331 24.8586 919.966 24.7 920.441 24.2971L929.906 16.2688L938.66 10.2588C939.495 9.68494 940.628 9.82717 941.296 10.5898L948.904 19.2758C949.678 20.1592 951.042 20.189 951.854 19.3403L961.5 9.25264L969.697 1.08105C970.337 0.443097 971.325 0.313455 972.108 0.764752L979.999 5.31399C980.618 5.67109 981 6.33169 981 7.04668V220",fill:a}),i.a.createElement("path",{opacity:"0.5",d:"M8 98.5741C8 97.4695 8.89543 96.5741 10 96.5741C11.1046 96.5741 12 97.4695 12 98.5741V220H8V98.5741Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M40 98.5741C40 97.4695 40.8954 96.5741 42 96.5741C43.1046 96.5741 44 97.4695 44 98.5741V220H40V98.5741Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M32 98.5741C32 97.4695 32.8954 96.5741 34 96.5741C35.1046 96.5741 36 97.4695 36 98.5741V220H32V98.5741Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M16 172.197C16 171.092 16.8954 170.197 18 170.197C19.1046 170.197 20 171.092 20 172.197V220H16V172.197Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M48 172.197C48 171.092 48.8954 170.197 50 170.197C51.1046 170.197 52 171.092 52 172.197V220H48V172.197Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M24 128.889C24 127.785 24.8954 126.889 26 126.889C27.1046 126.889 28 127.785 28 128.889V220H24V128.889Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M57 128.889C57 127.785 57.8954 126.889 59 126.889C60.1046 126.889 61 127.785 61 128.889V220H57V128.889Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M65 71.507C65 70.4024 65.8954 69.507 67 69.507C68.1046 69.507 69 70.4024 69 71.507V220H65V71.507Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M73 46.6052C73 45.5007 73.8954 44.6052 75 44.6052C76.1046 44.6052 77 45.5007 77 46.6052V220H73V46.6052Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M81 144.047C81 142.942 81.8954 142.047 83 142.047C84.1046 142.047 85 142.942 85 144.047V220H81V144.047Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M89 79.0858C89 77.9812 89.8954 77.0858 91 77.0858C92.1046 77.0858 93 77.9812 93 79.0858V220H89V79.0858Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M97 173.279C97 172.175 97.8954 171.279 99 171.279C100.105 171.279 101 172.175 101 173.279V220H97V173.279Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M105 61.7628C105 60.6582 105.895 59.7628 107 59.7628C108.105 59.7628 109 60.6582 109 61.7628V220H105V61.7628Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M113 144.047C113 142.942 113.895 142.047 115 142.047C116.105 142.047 117 142.942 117 144.047V220H113V144.047Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M121 46.6052C121 45.5007 121.895 44.6052 123 44.6052C124.105 44.6052 125 45.5007 125 46.6052V220H121V46.6052Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M129 177.61C129 176.505 129.895 175.61 131 175.61C132.105 175.61 133 176.505 133 177.61V220H129V177.61Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M137 139.716C137 138.611 137.895 137.716 139 137.716C140.105 137.716 141 138.611 141 139.716V220H137V139.716Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M145 80.1684C145 79.0639 145.895 78.1684 147 78.1684C148.105 78.1684 149 79.0639 149 80.1684V220H145V80.1684Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M153.407 160.36C153.407 159.256 154.321 158.36 155.426 158.36C156.531 158.36 157.445 159.256 157.445 160.36V220H153.407V160.36Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M161.481 186.929C161.481 185.824 162.395 184.929 163.5 184.929C164.605 184.929 165.518 185.824 165.518 186.929V220H161.481V186.929Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M169.556 106.159C169.556 105.055 170.469 104.159 171.574 104.159C172.679 104.159 173.593 105.055 173.593 106.159V220H169.556V106.159Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M177.63 96.5947C177.63 95.4901 178.544 94.5947 179.648 94.5947C180.753 94.5947 181.667 95.4901 181.667 96.5947V220H177.63V96.5947Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M185.704 79.5905C185.704 78.486 186.618 77.5905 187.722 77.5905C188.827 77.5905 189.741 78.486 189.741 79.5905V220H185.704V79.5905Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M193.778 85.9671C193.778 84.8625 194.692 83.9671 195.796 83.9671C196.901 83.9671 197.815 84.8625 197.815 85.9671V220H193.778V85.9671Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M201.852 85.9671C201.852 84.8625 202.766 83.9671 203.87 83.9671C204.975 83.9671 205.889 84.8625 205.889 85.9671V220H201.852V85.9671Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M209.926 85.9671C209.926 84.8625 210.84 83.9671 211.944 83.9671C213.049 83.9671 213.963 84.8625 213.963 85.9671V220H209.926V85.9671Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M218 96.5947C218 95.4901 218.914 94.5947 220.019 94.5947C221.123 94.5947 222.037 95.4901 222.037 96.5947V220H218V96.5947Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M226.074 106.159C226.074 105.055 226.988 104.159 228.093 104.159C229.197 104.159 230.111 105.055 230.111 106.159V220H226.074V106.159Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M234.148 126.352C234.148 125.247 235.062 124.352 236.167 124.352C237.271 124.352 238.185 125.247 238.185 126.352V220H234.148V126.352Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M242.222 153.984C242.222 152.879 243.136 151.984 244.241 151.984C245.345 151.984 246.259 152.879 246.259 153.984V220H242.222V153.984Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M250.296 144.419C250.296 143.314 251.21 142.419 252.315 142.419C253.419 142.419 254.333 143.314 254.333 144.419V220H250.296V144.419Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M258.37 131.666C258.37 130.561 259.284 129.666 260.389 129.666C261.493 129.666 262.407 130.561 262.407 131.666V220H258.37V131.666Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M266.444 122.101C266.444 120.996 267.358 120.101 268.463 120.101C269.568 120.101 270.481 120.996 270.481 122.101V220H266.444V122.101Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M275 131.055C275 129.95 275.895 129.055 277 129.055C278.105 129.055 279 129.95 279 131.055V220H275V131.055Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M283 125.641C283 124.537 283.895 123.641 285 123.641C286.105 123.641 287 124.537 287 125.641V220H283V125.641Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M291 112.649C291 111.544 291.895 110.649 293 110.649C294.105 110.649 295 111.544 295 112.649V220H291V112.649Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M299 103.987C299 102.883 299.895 101.987 301 101.987C302.105 101.987 303 102.883 303 103.987V220H299V103.987Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M307 82.3338C307 81.2292 307.895 80.3338 309 80.3338C310.105 80.3338 311 81.2292 311 82.3338V220H307V82.3338Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M315 131.055C315 129.95 315.895 129.055 317 129.055C318.105 129.055 319 129.95 319 131.055V220H315V131.055Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M323 88.8299C323 87.7253 323.895 86.8299 325 86.8299C326.105 86.8299 327 87.7253 327 88.8299V220H323V88.8299Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M331 67.1762C331 66.0717 331.895 65.1762 333 65.1762C334.105 65.1762 335 66.0717 335 67.1762V220H331V67.1762Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M339 116.98C339 115.875 339.895 114.98 341 114.98C342.105 114.98 343 115.875 343 116.98V220H339V116.98Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M347 88.8299C347 87.7253 347.895 86.8299 349 86.8299C350.105 86.8299 351 87.7253 351 88.8299V220H347V88.8299Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M355 111.566C355 110.462 355.895 109.566 357 109.566C358.105 109.566 359 110.462 359 111.566V220H355V111.566Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M363 73.6723C363 72.5678 363.895 71.6723 365 71.6723C366.105 71.6723 367 72.5678 367 73.6723V220H363V73.6723Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M371 116.98C371 115.875 371.895 114.98 373 114.98C374.105 114.98 375 115.875 375 116.98V220H371V116.98Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M379 54.184C379 53.0795 379.895 52.184 381 52.184H382C383.105 52.184 384 53.0795 384 54.184V220H379V54.184Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M388 137.551C388 136.446 388.895 135.551 390 135.551C391.105 135.551 392 136.446 392 137.551V220H388V137.551Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M396 88.8299C396 87.7253 396.895 86.8299 398 86.8299C399.105 86.8299 400 87.7253 400 88.8299V220H396V88.8299Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M404 68.2589C404 67.1543 404.895 66.2589 406 66.2589C407.105 66.2589 408 67.1543 408 68.2589V220H404V68.2589Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M412 46.6052C412 45.5007 412.895 44.6052 414 44.6052C415.105 44.6052 416 45.5007 416 46.6052V220H412V46.6052Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M420 45.5226C420 44.418 420.895 43.5226 422 43.5226C423.105 43.5226 424 44.418 424 45.5226V220H420V45.5226Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M427.926 85.9671C427.926 84.8625 428.84 83.9671 429.944 83.9671C431.049 83.9671 431.963 84.8625 431.963 85.9671V220H427.926V85.9671Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M436 116.787C436 115.682 436.914 114.787 438.019 114.787C439.123 114.787 440.037 115.682 440.037 116.787V220H436V116.787Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M444.074 76.4023C444.074 75.2977 444.988 74.4023 446.093 74.4023C447.197 74.4023 448.111 75.2977 448.111 76.4023V220H444.074V76.4023Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M452.148 80.6533C452.148 79.5488 453.062 78.6533 454.167 78.6533C455.271 78.6533 456.185 79.5488 456.185 80.6533V220H452.148V80.6533Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M460.222 89.1554C460.222 88.0508 461.136 87.1554 462.241 87.1554C463.345 87.1554 464.259 88.0508 464.259 89.1554V220H460.222V89.1554Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M468.296 73.214C468.296 72.1094 469.21 71.214 470.315 71.214C471.419 71.214 472.333 72.1094 472.333 73.214V220H468.296V73.214Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M476.37 89.1554C476.37 88.0508 477.284 87.1554 478.389 87.1554C479.493 87.1554 480.407 88.0508 480.407 89.1554V220H476.37V89.1554Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M484.444 64.712C484.444 63.6074 485.358 62.712 486.463 62.712C487.567 62.712 488.481 63.6074 488.481 64.712V220H484.444V64.712Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M815.481 64.712C815.481 63.6074 816.395 62.712 817.5 62.712C818.605 62.712 819.518 63.6074 819.518 64.712V220H815.481V64.712Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M492.519 48.7706C492.519 47.666 493.433 46.7706 494.537 46.7706C495.642 46.7706 496.556 47.666 496.556 48.7706V220H492.519V48.7706Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M823.556 48.7706C823.556 47.666 824.47 46.7706 825.574 46.7706C826.679 46.7706 827.593 47.666 827.593 48.7706V220H823.556V48.7706Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M500.593 70.0257C500.593 68.9212 501.506 68.0257 502.611 68.0257C503.716 68.0257 504.63 68.9212 504.63 70.0257V220H500.593V70.0257Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M831.63 70.0257C831.63 68.9212 832.544 68.0257 833.648 68.0257C834.753 68.0257 835.667 68.9212 835.667 70.0257V220H831.63V70.0257Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M508.667 80.6533C508.667 79.5488 509.58 78.6533 510.685 78.6533C511.79 78.6533 512.704 79.5488 512.704 80.6533V220H508.667V80.6533Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M839.704 80.6533C839.704 79.5488 840.618 78.6533 841.722 78.6533C842.827 78.6533 843.741 79.5488 843.741 80.6533V220H839.704V80.6533Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M516.741 89.1554C516.741 88.0508 517.655 87.1554 518.759 87.1554C519.864 87.1554 520.778 88.0508 520.778 89.1554V220H516.741V89.1554Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M847.778 89.1554C847.778 88.0508 848.692 87.1554 849.796 87.1554C850.901 87.1554 851.815 88.0508 851.815 89.1554V220H847.778V89.1554Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M524.815 60.4609C524.815 59.3564 525.729 58.4609 526.833 58.4609C527.938 58.4609 528.852 59.3564 528.852 60.4609V220H524.815V60.4609Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M855.852 60.4609C855.852 59.3564 856.766 58.4609 857.87 58.4609C858.975 58.4609 859.889 59.3564 859.889 60.4609V220H855.852V60.4609Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M532.889 54.0844C532.889 52.9798 533.803 52.0844 534.907 52.0844C536.012 52.0844 536.926 52.9798 536.926 54.0844V220H532.889V54.0844Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M863.926 54.0844C863.926 52.9798 864.84 52.0844 865.944 52.0844C867.049 52.0844 867.963 52.9798 867.963 54.0844V220H863.926V54.0844Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M540.963 64.712C540.963 63.6074 541.877 62.712 542.981 62.712C544.086 62.712 545 63.6074 545 64.712V220H540.963V64.712Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M872 30.365C872 29.2604 872.895 28.365 874 28.365C875.105 28.365 876 29.2604 876 30.365V220H872V30.365Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M549.037 85.9671C549.037 84.8625 549.951 83.9671 551.056 83.9671C552.16 83.9671 553.074 84.8625 553.074 85.9671V220H549.037V85.9671Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M880 56.3494C880 55.2448 880.895 54.3494 882 54.3494C883.105 54.3494 884 55.2448 884 56.3494V220H880V56.3494Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M557.111 109.348C557.111 108.243 558.025 107.348 559.13 107.348C560.234 107.348 561.148 108.243 561.148 109.348V220H557.111V109.348Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M888 84.4992C888 83.3946 888.895 82.4992 890 82.4992C891.105 82.4992 892 83.3946 892 84.4992V220H888V84.4992Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M565.185 77.4651C565.185 76.3605 566.099 75.4651 567.204 75.4651C568.308 75.4651 569.222 76.3605 569.222 77.4651V220H565.185V77.4651Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M896 45.5226C896 44.418 896.895 43.5226 898 43.5226C899.105 43.5226 900 44.418 900 45.5226V220H896V45.5226Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M573.259 99.7829C573.259 98.6784 574.173 97.7829 575.278 97.7829C576.382 97.7829 577.296 98.6784 577.296 99.7829V220H573.259V99.7829Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M904 72.5897C904 71.4851 904.895 70.5897 906 70.5897C907.105 70.5897 908 71.4851 908 72.5897V220H904V72.5897Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M581.333 70.0257C581.333 68.9212 582.247 68.0257 583.352 68.0257C584.456 68.0257 585.37 68.9212 585.37 70.0257V220H581.333V70.0257Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M912 36.8611C912 35.7565 912.895 34.8611 914 34.8611C915.105 34.8611 916 35.7565 916 36.8611V220H912V36.8611Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M589.407 160.36C589.407 159.256 590.321 158.36 591.426 158.36C592.531 158.36 593.445 159.256 593.445 160.36V220H589.407V160.36Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M920 147.295C920 146.19 920.895 145.295 922 145.295C923.105 145.295 924 146.19 924 147.295V220H920V147.295Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M597.481 153.984C597.481 152.879 598.395 151.984 599.5 151.984C600.605 151.984 601.518 152.879 601.518 153.984V220H597.481V153.984Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M929 138.633C929 137.529 929.895 136.633 931 136.633C932.105 136.633 933 137.529 933 138.633V220H929V138.633Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M605.556 97.6574C605.556 96.5528 606.47 95.6574 607.574 95.6574C608.679 95.6574 609.593 96.5528 609.593 97.6574V220H605.556V97.6574Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M937 70.4243C937 69.3197 937.895 68.4243 939 68.4243C940.105 68.4243 941 69.3197 941 70.4243V220H937V70.4243Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M613.63 89.1554C613.63 88.0508 614.544 87.1554 615.648 87.1554C616.753 87.1554 617.667 88.0508 617.667 89.1554V220H613.63V89.1554Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M945 60.6801C945 59.5756 945.895 58.6801 947 58.6801C948.105 58.6801 949 59.5756 949 60.6801V220H945V60.6801Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M621.704 80.6533C621.704 79.5488 622.618 78.6533 623.722 78.6533C624.827 78.6533 625.741 79.5488 625.741 80.6533V220H621.704V80.6533Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M953 49.8533C953 48.7487 953.895 47.8533 955 47.8533C956.105 47.8533 957 48.7487 957 49.8533V220H953V49.8533Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M629.778 94.4692C629.778 93.3646 630.692 92.4692 631.796 92.4692C632.901 92.4692 633.815 93.3646 633.815 94.4692V220H629.778V94.4692Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M961 66.0936C961 64.989 961.895 64.0936 963 64.0936C964.105 64.0936 965 64.989 965 66.0936V220H961V66.0936Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M637.852 105.097C637.852 103.992 638.766 103.097 639.87 103.097C640.975 103.097 641.889 103.992 641.889 105.097V220H637.852V105.097Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M969 79.0858C969 77.9812 969.895 77.0858 971 77.0858C972.105 77.0858 973 77.9812 973 79.0858V220H969V79.0858Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M645.926 131.666C645.926 130.561 646.84 129.666 647.944 129.666C649.049 129.666 649.963 130.561 649.963 131.666V220H645.926V131.666Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M977 111.566C977 110.462 977.895 109.566 979 109.566C980.105 109.566 981 110.462 981 111.566V220H977V111.566Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M654 164.611C654 163.507 654.914 162.611 656.019 162.611C657.123 162.611 658.037 163.507 658.037 164.611V220H654V164.611Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M662.074 155.046C662.074 153.942 662.988 153.046 664.093 153.046C665.197 153.046 666.111 153.942 666.111 155.046V220H662.074V155.046Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M670.148 126.352C670.148 125.247 671.062 124.352 672.167 124.352C673.271 124.352 674.185 125.247 674.185 126.352V220H670.148V126.352Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M678.222 85.9671C678.222 84.8625 679.136 83.9671 680.241 83.9671C681.345 83.9671 682.259 84.8625 682.259 85.9671V220H678.222V85.9671Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M686.296 113.599C686.296 112.494 687.21 111.599 688.315 111.599C689.419 111.599 690.333 112.494 690.333 113.599V220H686.296V113.599Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M694.37 126.352C694.37 125.247 695.284 124.352 696.389 124.352C697.493 124.352 698.407 125.247 698.407 126.352V220H694.37V126.352Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M702.444 186.929C702.444 185.824 703.358 184.929 704.463 184.929C705.567 184.929 706.481 185.824 706.481 186.929V220H702.444V186.929Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M710.519 166.737C710.519 165.632 711.433 164.737 712.537 164.737C713.642 164.737 714.556 165.632 714.556 166.737V220H710.519V166.737Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M718.593 125.289C718.593 124.184 719.506 123.289 720.611 123.289C721.716 123.289 722.63 124.184 722.63 125.289V220H718.593V125.289Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M726.667 109.348C726.667 108.243 727.581 107.348 728.685 107.348C729.79 107.348 730.704 108.243 730.704 109.348V220H726.667V109.348Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M734.741 128.477C734.741 127.373 735.655 126.477 736.759 126.477C737.864 126.477 738.778 127.373 738.778 128.477V220H734.741V128.477Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M742.815 141.23C742.815 140.126 743.729 139.23 744.833 139.23C745.938 139.23 746.852 140.126 746.852 141.23V220H742.815V141.23Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M750.889 90.2182C750.889 89.1136 751.803 88.2182 752.907 88.2182C754.012 88.2182 754.926 89.1136 754.926 90.2182V220H750.889V90.2182Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M758.963 112.536C758.963 111.431 759.877 110.536 760.981 110.536C762.086 110.536 763 111.431 763 112.536V220H758.963V112.536Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M767.037 125.289C767.037 124.184 767.951 123.289 769.056 123.289C770.16 123.289 771.074 124.184 771.074 125.289V220H767.037V125.289Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M775.111 145.481C775.111 144.377 776.025 143.481 777.13 143.481C778.234 143.481 779.148 144.377 779.148 145.481V220H775.111V145.481Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M783.185 141.23C783.185 140.126 784.099 139.23 785.204 139.23C786.308 139.23 787.222 140.126 787.222 141.23V220H783.185V141.23Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M791.259 144.419C791.259 143.314 792.173 142.419 793.278 142.419C794.382 142.419 795.296 143.314 795.296 144.419V220H791.259V144.419Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M799.333 109.348C799.333 108.243 800.247 107.348 801.352 107.348C802.456 107.348 803.37 108.243 803.37 109.348V220H799.333V109.348Z",fill:n}),i.a.createElement("path",{opacity:"0.5",d:"M807.407 104.034C807.407 102.929 808.321 102.034 809.426 102.034C810.531 102.034 811.445 102.929 811.445 104.034V220H807.407V104.034Z",fill:n}))};const Qi=Object(l.c)(ji)`
color: ${({theme:e})=>e.motifPalette.uBlue03};
`;var ec=()=>{const e=Object(r.useSelector)(f.selectClientsDataLength),t=Object(r.useSelector)(b.c);return i.a.createElement(z.g,{flexDirection:"column"},i.a.createElement(cn.a,{type:"title"},i.a.createElement(o.c,{id:"DASHBOARD_MODULE_ACTIVE_CLIENTS"})),i.a.createElement(z.g,null,i.a.createElement(Qi,{weight:"bold"},i.a.createElement(i.a.Fragment,null,e+" ",i.a.createElement(o.c,{id:"DASHBOARD_MODULE_ACTIVE_CLIENTS_NOW"}))),i.a.createElement(ji,{color:"tertiary",weight:"bold"},` / ${t} `,i.a.createElement(o.c,{id:"DASHBOARD_MODULE_ACTIVE_CLIENTS_TOTAL"}))))};const tc=Object(l.c)(z.g)`
padding: 16px 24px;
@media ${B.a.VIEWPORT_L_DOWN} {
padding: 16px 20px;
}
`,ac=Object(l.c)(z.g)`
padding: 0 26px;
@media ${B.a.VIEWPORT_L_DOWN} {
padding: 0;
}
`,nc=Object(l.c)(z.g)`
@media ${B.a.VIEWPORT_L_DOWN} {
order: 1111;
flex: 1 0 100%;
justify-content: space-between;
}
`,ic=Object(l.c)("div")`
position: absolute;
top: 0;
left: 0;
`,cc=Object(l.c)(kt.a)`
button {
span {
font-size: ${({theme:e})=>e.fontSize["font-size-header-xs"]};
@media ${B.a.VIEWPORT_XL_DOWN} {
font-size: ${({theme:e})=>e.fontSize["font-size-caption"]};
}
@media ${B.a.VIEWPORT_L_DOWN} {
font-size: ${({theme:e})=>e.fontSize["font-size-caption"]};
}
}
&:last-child {
padding-right: 0 !important;
}
}
`,rc=({intl:e})=>{const t=e.formatMessage({id:"COMMON_ALL"}),a=Object(n.useRef)(null),c=Object(r.useSelector)(u.selectActiveAPDevices),l=Object(r.useSelector)(C.c),{site_stats:o}=Object(r.useSelector)(be.c),s=Object(Ut.c)(t),[m,d]=Object(n.useState)("all"),[p,h]=Object(n.useState)(s[0]),{width:g,height:E}=Object(je.i)(a),f=o.reduce((e,{wifi_satisfaction:t})=>(-1!==t.total&&(e.sum+=t.total,e.count+=1),e),{sum:0,count:0}),b=f.count>0?Math.round(f.sum/f.count):-1,O=c.reduce((e,{satisfaction:t})=>(t&&-1!==t&&(e.sum+=t,e.count+=1),e),{sum:0,count:0}),j=O.count>0?Math.round(O.sum/O.count):l||-1;return i.a.createElement(oc,{wifiExperienceAverageNow:j,wifiExperienceAverageForDateRange:b,apDevices:c,selectedAp:m,setSelectedAp:d,channelFilterTabs:s,setActiveChannelFilter:h,chartContainerRef:a,width:g,height:E,activeChannelFilter:p,isLoaded:!0})},lc=({width:e,height:t,selectedAp:a,activeChannelFilter:n})=>e&&t?i.a.createElement($i,{width:e,height:t,selectedMac:a,activeChannelFilter:n}):null,oc=({wifiExperienceAverageNow:e,wifiExperienceAverageForDateRange:t,apDevices:a,selectedAp:n,setSelectedAp:c,channelFilterTabs:r,setActiveChannelFilter:l,chartContainerRef:o,width:m,height:d,isLoaded:p,activeChannelFilter:h})=>{const{motif:g}=Object(s.a)();return i.a.createElement(tc,{width:"100%",height:"100%",flexDirection:"column"},i.a.createElement(ac,{flexWrap:"wrap",justifyContent:"space-between",alignItems:"center"},i.a.createElement(z.g,{flex:"1"},p?i.a.createElement(ec,null):i.a.createElement(z.g,{width:"100%",flexDirection:"column"},i.a.createElement(U.a,{width:136,height:16,marginBottom:6}),i.a.createElement(U.a,{width:156,height:12}))),i.a.createElement(nc,{alignItems:"center"},i.a.createElement(z.g,{marginRight:40},p?i.a.createElement(Ki,{wifiExperienceScore:e,apDevices:a,selectedFilterTab:n,setActiveApFilterTab:c}):i.a.createElement(z.g,{width:"100%",justifyContent:"space-between"},i.a.createElement(z.g,{width:"100%",flexDirection:"column"},i.a.createElement(U.a,{width:156,height:16,marginBottom:6}),i.a.createElement(U.a,{width:76,height:12})))),i.a.createElement(z.g,null,p?i.a.createElement(cc,{disableScroll:!0,fullHeightTabs:!0,motif:g,tabs:r,onSelectTab:e=>l(e),variant:"tertiary"}):i.a.createElement(z.g,null,i.a.createElement(U.a,{width:28,height:16,marginRight:16}),i.a.createElement(U.a,{width:28,height:16,marginRight:16}),i.a.createElement(U.a,{width:28,height:16})))),i.a.createElement(z.g,{flex:"1",flexDirection:"column",alignItems:"flex-end"},p?i.a.createElement(_i,{now:e,avg:t}):i.a.createElement(z.g,{width:"100%",flexDirection:"column"},i.a.createElement(U.a,{width:146,height:16,marginBottom:6}),i.a.createElement(U.a,{width:106,height:12})))),i.a.createElement(z.g,{height:"100%"},p?i.a.createElement(z.g,{flex:"1",minHeight:200,width:"100%",position:"relative",innerRef:o},i.a.createElement(ic,null,i.a.createElement(lc,{width:m,height:d,selectedAp:n,activeChannelFilter:h}))):i.a.createElement(z.g,{width:"100%",height:"100%"},i.a.createElement(Ji,null))))};var sc=Object(o.f)(e=>e.isLoaded?i.a.createElement(rc,Object.assign({},e)):i.a.createElement(oc,{isLoaded:!1}));const mc=()=>{const e=(Object(r.useSelector)(Un.selectWlanEnrichedConfiguration)||[]).length>0,t=Object(r.useSelector)(u.selectActiveAPDevices).length>0,a=Object(n.useMemo)(()=>t?t&&!e?i.a.createElement(Oi,null):i.a.createElement(sc,{isLoaded:!0}):i.a.createElement(ii,null),[t,e]);return Object(je.d)([Object(Un.fetchWlanEnrichedConfiguration)()],a)};var dc=({isLoaded:e})=>e?i.a.createElement(mc,null):i.a.createElement(sc,{isLoaded:!1});const pc=Object(l.c)("img")`
position: relative;
max-width: 100%;
border-radius: ${({theme:e})=>e.spacing["spacing-s"]};
object-fit: cover;
`,hc=Object(l.c)(z.g)`
margin: ${({theme:e})=>`${e.spacing["spacing-m"]} ${e.spacing["spacing-xl"]}`};
@media ${B.a.VIEWPORT_L_UP} {
margin: ${({theme:e})=>`${e.spacing["spacing-xl"]} ${e.spacing["spacing-xxxxxl"]}`};
}
> {
&:not(:last-child) {
margin-bottom: ${({theme:e})=>e.spacing["spacing-s"]};
}
}
`,gc=Object(l.c)("div")`
border: 1px solid ${({theme:e})=>e.colors.dashboardBorder};
border-right: 0;
padding: ${({theme:e})=>e.spacing["spacing-xl"]};
@media ${B.a.VIEWPORT_XL_UP} {
padding: ${({theme:e})=>e.spacing["spacing-xxxxl"]};
}
`,Ec=Object(l.c)(z.g)`
background: ${({isDarkMode:e})=>e?"#161819":"#f3f4f5"};
border-radius: ${({theme:e})=>e.spacing["spacing-l"]};
`,uc=Object(l.c)(we.a)`
color: ${({isDarkMode:e})=>e?ut.a["white-0"]:ut.a["grey-1"]};
font-size: ${({theme:e})=>e.fontSize["font-size-l2"]};
@media ${B.a.VIEWPORT_L_UP} {
font-size: ${({theme:e})=>e.fontSize["font-size-xl"]};
}
`,fc=Object(l.c)(we.a)`
${({isDarkMode:e})=>e&&"color: rgba(255, 255, 255, 0.85);"}
font-size: ${({theme:e})=>e.fontSize["font-size-s"]};
@media ${B.a.VIEWPORT_L_UP} {
font-size: ${({theme:e})=>e.fontSize["font-size-l"]};
}
`,bc=Object(l.c)(H.a)`
width: 120px;
${({theme:e})=>`\n margin-top: ${e.spacing["spacing-m"]};\n border: 1px solid ${e.colors.dashboardBorder};\n border-radius: ${e.spacing["spacing-s"]};\n `}
`,Oc=Object(l.c)(z.g)`
white-space: nowrap;
`;var Cc=()=>{const{motif:e}=Object(s.a)(),t="dark"===e,a=Object(n.useCallback)(()=>{window.open(W.a.uiStoreUdmPro,"_blank")},[]);return i.a.createElement(gc,null,i.a.createElement(Ec,{height:"100%",justifyContent:"space-between",alignItems:"center",isDarkMode:t},i.a.createElement(z.g,{flex:"1",height:"100%"},i.a.createElement(pc,{src:t?le.a:ce.a})),i.a.createElement(hc,{flex:"0 0 20%",flexDirection:"column",alignItems:"center",alignSelf:"center"},i.a.createElement(Oc,{flexDirection:"row",alignItems:"baseline"},i.a.createElement(me,{fill:t?ut.a["white-0"]:ut.a["grey-1"]}),i.a.createElement(uc,{isDarkMode:t,weight:"bold"}," ",i.a.createElement(o.c,{id:"DASHBOARD_DREAM_MACHINE_PRO_LABEL"}))),i.a.createElement(fc,{isDarkMode:t,color:"secondary",centered:!0},i.a.createElement(o.c,{id:"DASHBOARD_DREAM_MACHINE_PRO_DESCRIPTION"})),i.a.createElement(bc,{variant:t?"primary":"secondary",onClick:a},i.a.createElement(o.c,{id:"DASHBOARD_DREAM_MACHINE_PRO_BUTTON"}))),i.a.createElement(z.g,{flex:"1",height:"100%"},i.a.createElement(pc,{src:se.a}))))};const jc=Object(l.c)(ga.a)`
flex: 1 45%;
@media ${B.a.VIEWPORT_L_DOWN} {
flex: 1 70%;
}
`,xc=Object(l.c)(ga.a)`
flex: 1 55%;
@media ${B.a.VIEWPORT_L_DOWN} {
flex: 1 auto;
}
`,_c=Object(l.c)(z.g)`
min-width: 50%;
padding: 0 20px;
@media ${B.a.VIEWPORT_L_UP} {
padding: 0 0 0 20px;
}
@media ${B.a.VIEWPORT_XL_UP} {
padding: 0 0 0 ${({theme:e})=>e.spacing["spacing-xxxxl"]};
}
`,yc=Object(l.c)(z.g)`
min-width: 50%;
@media ${B.a.VIEWPORT_L_UP} {
padding-right: 20px;
}
@media ${B.a.VIEWPORT_XL_UP} {
padding-right: ${({theme:e})=>e.spacing["spacing-xxxxl"]};
}
`;var Dc=({isLoaded:e})=>{const t=Object(r.useSelector)(be.g);return i.a.createElement(z.g,{flexDirection:"column",flex:"1",width:"100%",height:"100%"},!e||t?i.a.createElement(jc,null,i.a.createElement(_c,{flex:"1"},i.a.createElement(zn,{isLoaded:e})),i.a.createElement(yc,{flex:"1"},i.a.createElement(Zn.ClientsModule,{isLoaded:e}))):i.a.createElement(Cc,null),i.a.createElement(xc,null,i.a.createElement(dc,{isLoaded:e})))};const wc=l.a`
overflow: auto;
`,Mc=Object(l.c)(y.a)`
> div > div:last-child {
overflow: visible;
display: flex;
flex: 1;
}
`,Vc={type:"by_app"},Lc=({isLoaded:e})=>{const{motif:t}=Object(s.a)();return i.a.createElement(D.a,{mainPanelClassName:wc},i.a.createElement(w.a,{surveyId:"DASHBOARD",visibilityProp:"show_dashboard",title:i.a.createElement(o.c,{id:"COMMON_SUBMIT_DASHBOARD_SURVEY_MODAL_HEADER"}),subTitle:i.a.createElement(o.c,{id:"COMMON_SUBMIT_DASHBOARD_SURVEY_MODAL_SUBTITLE"})}),i.a.createElement(y.a,{flexDirection:"column",height:"100%"},i.a.createElement(y.a,{flex:"0 1"},i.a.createElement(ha,{isLoaded:e})),i.a.createElement(T,{isLoaded:e,motif:t},i.a.createElement(Mc,{flex:"1"},i.a.createElement(m.a,{leftColumn:i.a.createElement(ot,{isLoaded:e}),options:i.a.createElement(la,{isLoaded:e})},i.a.createElement(Dc,{isLoaded:e}))))))},vc=({cancelPolledAction:e,showModal:t})=>{const[a,c]=Object(n.useState)(!0),l=Object(r.useSelector)(be.l),o=Object(r.useSelector)(g.f),s=Object(r.useDispatch)();return Object(n.useEffect)(()=>()=>{e(Object(g.a)()),e(Object(E.fetchSettings)()),e(Object(p.c)()),e(Object(f.fetchClients)()),e(Object(b.a)()),e(Object(O.d)()),s(Object(R.f)())},[e,s]),Object(n.useEffect)(()=>{l&&a&&(c(!1),t({modalType:M.a.ULTE_PROMO,modalProps:{availability:o}}))},[o,a,t,l]),i.a.createElement(Lc,{isLoaded:!0})},Ic={setInitialDateRange:R.e,loadTranslations:x.d,fetchNetworkStatus:p.c,fetchNetworks:h.fetchNetworks,fetchHealth:g.a,fetchSettings:E.fetchSettings,fetchDevices:u.fetchDevices,fetchClients:f.fetchClients,fetchHistoricalClients:b.a,fetchSiteDpi:O.d,fetchWifiStats:C.a,fetchSysInfo:L.a,fetchSystemEvent:d.fetchSystemEvent,cancelPolledAction:V.c,showModal:j.g};t.default=Object(c.compose)(Object(r.connect)(null,Ic),Object(_.d)(({setInitialDateRange:e,loadTranslations:t,fetchNetworkStatus:a,fetchNetworks:n,fetchHealth:i,fetchSettings:c,fetchDevices:r,fetchClients:l,fetchHistoricalClients:o,fetchSiteDpi:s,fetchWifiStats:m,fetchSysInfo:d,fetchSystemEvent:p})=>Promise.all([e(),t("dashboard"),...[a(void 0,{crudCacheStrategy:{type:V.a.POLLED,interval:9e3}}),n(),i({type:V.a.POLLED,interval:9e3}),c({type:V.a.COMBINED}),r(),l(void 0,{crudCacheStrategy:{interval:3e4,type:V.a.COMBINED}}),o(void 0,{crudCacheStrategy:{interval:3e4,type:V.a.COMBINED}}),s(Vc,{crudCacheStrategy:{interval:3e4,type:V.a.COMBINED}}),m(),d({},{crudCacheStrategy:{type:V.a.CACHE}}),p("SETUP_COMPLETED",{},{crudCacheStrategy:{type:V.a.CACHE}})].map(e=>e.catch(()=>null))]),void 0,"dashboard-page",!0))(e=>e.isLoaded?i.a.createElement(vc,Object.assign({},e)):i.a.createElement(Lc,{isLoaded:e.isLoaded}))}}]);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment