"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[66712],{725842(e,t,n){var o,a,r,i,s,l,c;n.d(t,{Cj:()=>r,TN:()=>s,W2:()=>c,mO:()=>o,tr:()=>a,wf:()=>l}),function(e){e.EDGES="edges",e.VERTICES="vertices",e.CLIENTS="clients"}(o||(o={})),function(e){e.ENDPOINT_1_MAC="endpoint_1_mac",e.ENDPOINT_1_TO_ENDPOINT_2="endpoint_1_to_endpoint_2",e.ENDPOINT_2_MAC="endpoint_2_mac",e.ENDPOINT_2_TO_ENDPOINT_1="endpoint_2_to_endpoint_1",e.TOTAL_ROAM_ATTEMPTS="total_roam_attempts",e.TOTAL_SUCCESSFUL_ROAMS="total_successful_roams",e.TOP_ROAMING_CLIENTS="top_roaming_clients"}(a||(a={})),function(e){e.MAC="mac",e.MODEL="model",e.NAME="name",e.RADIOS="radios"}(r||(r={})),function(e){e.CHANNEL="channel",e.RADIO_BAND="radio_band",e.UTILIZATION_PERCENTAGE="utilization_percentage"}(i||(i={})),function(e){e.MAC="mac",e.NAME="name",e.FINGERPRINT="fingerprint"}(s||(s={})),function(e){e.MAC="mac",e.ROAM_ATTEMPTS="roam_attempts",e.SUCCESSFUL_ROAMS="successful_roams"}(l||(l={})),function(e){e.FAST_ROAMING="fast_roaming",e.ROAM_ATTEMPTS="roam_attempts",e.SUCCESSFUL_ROAMS="successful_roams",e.TRIGGERED_BY_MINIMAL_RSSI="triggered_by_minimal_rssi",e.TRIGGERED_BY_ROAMING_ASSISTANT="triggered_by_roaming_assistant"}(c||(c={}))},404982(e,t,n){n.r(t),n.d(t,{default:()=>So});var o=n(296540),a=n(469733),r=n(340936),i=n(725842),s=n(801081),l=n(25553),c=n(87485),m=n(189601),E=n(683645);const u=e=>({models:t})=>{return n=(0,E.o)(e),(0,l.GQ)(n,n,t);var n};var A,d,_,T,p=n(995196),N=n(273560),h=n(407694),I=n(624922),M=n(71479),O=n(294303),g=n(311785);!function(e){e.CONNECTIVITY_VISUAL="connectivityVisual",e.EDGES="edges",e.VERTICES="vertices"}(A||(A={})),function(e){e.ID="id",e.X="x",e.Y="y"}(d||(d={})),function(e){e.POSITION="position",e.TARGET="target"}(_||(_={})),function(e){e.IDLE="idle",e.ZOOMING_OUT="zooming-out",e.ZOOMING_IN="zooming-in"}(T||(T={}));const C=(0,M.A)(O.A)`
  width: 100%;
  height: 100%;
  isolation: isolate;
  position: relative;
  overflow: hidden;
`,S=(0,M.A)(O.A,(0,g.A)("connectivityVisual"))`
  ${({[A.CONNECTIVITY_VISUAL]:e})=>`\nposition: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 100;\n  ${e?"top: 312px;":""}\n    `}
`,f=({[A.CONNECTIVITY_VISUAL]:e,children:t})=>o.createElement(S,{connectivityVisual:e},t),R=(0,M.A)(O.A,(0,g.A)("opacity"))`
  width: 100%;
  height: 100%;
  opacity: ${({opacity:e})=>e};
  transition: opacity ${200}ms ease-in-out;
  user-select: none;
`;var P=n(740618),y=n(237947);const v=(e,t,n,o,a,r)=>{const i=a-n,s=r-o,l=i*i+s*s;if(0===l)return{distance:Math.sqrt((e-n)**2+(t-o)**2),closestX:n,closestY:o};const c=Math.max(0,Math.min(1,((e-n)*i+(t-o)*s)/l)),m=n+c*i,E=o+c*s;return{distance:Math.sqrt((e-m)**2+(t-E)**2),closestX:m,closestY:E}},w=(e,t)=>{const n=new Set;t.forEach(({[i.Cj.MAC]:e})=>{n.add(e)}),e.forEach(({[i.tr.ENDPOINT_1_MAC]:e,[i.tr.ENDPOINT_2_MAC]:t})=>{n.add(e),n.add(t)});const o=Array.from(n),a=o.length;if(0===a)return new Map;const r=e.length>y.AJ,s=2+.18*a+(a/15)**1.6,l=new Map,c=new Map;o.forEach((e,t)=>{l.set(e,new Set),c.set(e,t)}),e.forEach(({[i.tr.ENDPOINT_1_MAC]:e,[i.tr.ENDPOINT_2_MAC]:t})=>{l.get(e)?.add(t),l.get(t)?.add(e)});const m=new Map;o.forEach(e=>{m.set(e,l.get(e)?.size||0)});const E=[...o].sort((e,t)=>(m.get(t)||0)-(m.get(e)||0)),u=new Map,A=new Set,_=new Map,T=4.75;if(E.length>0){const e=E[0];_.set(e,0),u.set(e,{id:e,x:Math.cos(0)*s,y:Math.sin(0)*s}),A.add(e)}for(let e=1;e<E.length;e+=1){const t=E[e],n=l.get(t)||new Set,o=Array.from(n).filter(e=>A.has(e));let r=e/a*Math.PI*2,i=-1/0;const c=64;for(let t=0;t<c;t+=1){const n=t/c*Math.PI*2,l=Math.cos(n)*s,m=Math.sin(n)*s;let E=1/0;if(A.forEach(e=>{const t=u.get(e);if(t){const e=l-t.x,n=m-t.y,o=Math.sqrt(e*e+n*n);E=Math.min(E,o)}}),0===o.length){const t=E/(1+Math.abs(n-e/a*Math.PI*2));t>i&&(i=t,r=n)}else E>i&&(i=E,r=n)}_.set(t,r);let m=Math.cos(r)*s,d=Math.sin(r)*s,T=0;const p=5.4624999999999995;for(;T<10;){let e=!1;const t=Array.from(A);for(let n=0;n<t.length;n+=1){const o=u.get(t[n]);if(o){const t=m-o.x,n=d-o.y,a=Math.sqrt(t*t+n*n);if(a<p&&a>0){e=!0,m=o.x+t/a*p,d=o.y+n/a*p;const r=Math.sqrt(m**2+d**2);if(r>0){const e=s/r;m*=e,d*=e}}}}if(!e)break;T+=1}u.set(t,{id:t,x:m,y:d}),A.add(t)}const p=Math.max(T,s*(1+a/50*.3)),N=r?Math.min(15,Math.max(10,10+Math.floor(a/10))):Math.min(25,Math.max(10,10+Math.floor(a/8)));for(let t=0;t<N;t+=1){const t=new Map;if(e.forEach(({[i.tr.ENDPOINT_1_MAC]:e,[i.tr.ENDPOINT_2_MAC]:n})=>{const o=u.get(e),a=u.get(n);if(!o||!a)return;const r=a.x-o.x,s=a.y-o.y,l=Math.sqrt(r*r+s*s);if(0===l)return;const c=Math.atan2(o.y,o.x),m=Math.atan2(a.y,a.x);let E=Math.abs(m-c);E>Math.PI&&(E=2*Math.PI-E);const A=Math.PI-E;if(A>.1){const o=r/l,a=s/l,i=A/Math.PI*1.5*.5,c=t.get(e)||{[d.X]:0,[d.Y]:0,weight:0},m=t.get(n)||{[d.X]:0,[d.Y]:0,weight:0};t.set(e,{[d.X]:c[d.X]-o*i,[d.Y]:c[d.Y]-a*i,weight:c.weight+1}),t.set(n,{[d.X]:m[d.X]+o*i,[d.Y]:m[d.Y]+a*i,weight:m.weight+1})}}),o.forEach((e,n)=>{const a=u.get(e);if(!a)return;const r=l.get(e)||new Set;o.forEach((o,i)=>{if(n>=i)return;const s=u.get(o);if(!s)return;const l=s.x-a.x,c=s.y-a.y,m=Math.sqrt(l*l+c*c);if(0===m){const n=Math.random()*Math.PI*2,a=2.375,r=Math.cos(n)*a,i=Math.sin(n)*a,s=t.get(e)||{[d.X]:0,[d.Y]:0,weight:0},l=t.get(o)||{[d.X]:0,[d.Y]:0,weight:0};return t.set(e,{[d.X]:s[d.X]-r,[d.Y]:s[d.Y]-i,weight:s.weight+1}),void t.set(o,{[d.X]:l[d.X]+r,[d.Y]:l[d.Y]+i,weight:l.weight+1})}const E=r.has(o),A=E?7.125:1.3*p;if(m<A){const n=E?(A-m)/A*1.2*.8:(A-m)/A*1.2*(1+1/(m/T+.1)),a=l/m*n,r=c/m*n,i=t.get(e)||{[d.X]:0,[d.Y]:0,weight:0},s=t.get(o)||{[d.X]:0,[d.Y]:0,weight:0};t.set(e,{[d.X]:i[d.X]-a,[d.Y]:i[d.Y]-r,weight:i.weight+1}),t.set(o,{[d.X]:s[d.X]+a,[d.Y]:s[d.Y]+r,weight:s.weight+1})}})}),!r){const n=5.7;e.forEach(({[i.tr.ENDPOINT_1_MAC]:e,[i.tr.ENDPOINT_2_MAC]:a})=>{const r=u.get(e),s=u.get(a);r&&s&&o.forEach(o=>{if(o===e||o===a)return;const i=u.get(o);if(!i)return;const{distance:l,closestX:c,closestY:m}=v(i.x,i.y,r.x,r.y,s.x,s.y);if(l<n){const e=.6*(n-l),a=i.x-c,r=i.y-m,s=Math.sqrt(a*a+r*r);if(s>0){const n=a/s*e,i=r/s*e,l=t.get(o)||{[d.X]:0,[d.Y]:0,weight:0};t.set(o,{[d.X]:l[d.X]+n,[d.Y]:l[d.Y]+i,weight:l.weight+1})}}})})}const n=.4;t.forEach((e,t)=>{const o=u.get(t);if(o&&e.weight>0){let a=o[d.X]+e[d.X]/e.weight,r=o[d.Y]+e[d.Y]/e.weight;const i=Math.sqrt(a**2+r**2);if(i>0){const e=s-i;a+=a/i*e*n,r+=r/i*e*n}u.set(t,{[d.ID]:t,[d.X]:a,[d.Y]:r})}})}const h=T;for(let t=0;t<5;t+=1){const t=new Map;if(o.forEach((e,n)=>{const a=u.get(e);a&&o.forEach((o,r)=>{if(n>=r)return;const i=u.get(o);if(!i)return;const s=i.x-a.x,l=i.y-a.y,c=Math.sqrt(s*s+l*l);if(0===c){const n=Math.random()*Math.PI*2,a=2.375,r=Math.cos(n)*a,i=Math.sin(n)*a,s=t.get(e)||{[d.X]:0,[d.Y]:0,weight:0},l=t.get(o)||{[d.X]:0,[d.Y]:0,weight:0};return t.set(e,{[d.X]:s[d.X]-r,[d.Y]:s[d.Y]-i,weight:s.weight+1}),void t.set(o,{[d.X]:l[d.X]+r,[d.Y]:l[d.Y]+i,weight:l.weight+1})}if(c<h){const n=.8*(h-c),a=s/c*n,r=l/c*n,i=t.get(e)||{[d.X]:0,[d.Y]:0,weight:0},m=t.get(o)||{[d.X]:0,[d.Y]:0,weight:0};t.set(e,{[d.X]:i[d.X]-a,[d.Y]:i[d.Y]-r,weight:i.weight+1}),t.set(o,{[d.X]:m[d.X]+a,[d.Y]:m[d.Y]+r,weight:m.weight+1})}})}),!r){const n=5.2250000000000005;e.forEach(({[i.tr.ENDPOINT_1_MAC]:e,[i.tr.ENDPOINT_2_MAC]:a})=>{const r=u.get(e),s=u.get(a);r&&s&&o.forEach(o=>{if(o===e||o===a)return;const i=u.get(o);if(!i)return;const{distance:l,closestX:c,closestY:m}=v(i.x,i.y,r.x,r.y,s.x,s.y);if(l<n){const e=.5*(n-l),a=i.x-c,r=i.y-m,s=Math.sqrt(a*a+r*r);if(s>0){const n=a/s*e,i=r/s*e,l=t.get(o)||{[d.X]:0,[d.Y]:0,weight:0};t.set(o,{[d.X]:l[d.X]+n,[d.Y]:l[d.Y]+i,weight:l.weight+1})}}})})}const n=.3;t.forEach((e,t)=>{const o=u.get(t);if(o&&e.weight>0){let a=o[d.X]+e[d.X]/e.weight,r=o[d.Y]+e[d.Y]/e.weight;const i=Math.sqrt(a**2+r**2);if(i>0){const e=s-i;a+=a/i*e*n,r+=r/i*e*n}u.set(t,{[d.ID]:t,[d.X]:a,[d.Y]:r})}})}for(let t=0;t<10;t+=1){let t=!1;const n=new Map;if(o.forEach((e,a)=>{const r=u.get(e);r&&o.forEach((o,i)=>{if(a>=i)return;const s=u.get(o);if(!s)return;const l=s.x-r.x,c=s.y-r.y,m=Math.sqrt(l*l+c*c);if(m<T)if(t=!0,0===m){const t=Math.random()*Math.PI*2,a=2.375,r=Math.cos(t)*a,i=Math.sin(t)*a,s=n.get(e)||{[d.X]:0,[d.Y]:0,weight:0},l=n.get(o)||{[d.X]:0,[d.Y]:0,weight:0};n.set(e,{[d.X]:s[d.X]-r,[d.Y]:s[d.Y]-i,weight:s.weight+1}),n.set(o,{[d.X]:l[d.X]+r,[d.Y]:l[d.Y]+i,weight:l.weight+1})}else{const t=1*(T-m),a=l/m*t,r=c/m*t,i=n.get(e)||{[d.X]:0,[d.Y]:0,weight:0},s=n.get(o)||{[d.X]:0,[d.Y]:0,weight:0};n.set(e,{[d.X]:i[d.X]-a,[d.Y]:i[d.Y]-r,weight:i.weight+1}),n.set(o,{[d.X]:s[d.X]+a,[d.Y]:s[d.Y]+r,weight:s.weight+1})}})}),!r){const a=5.4624999999999995;e.forEach(({[i.tr.ENDPOINT_1_MAC]:e,[i.tr.ENDPOINT_2_MAC]:r})=>{const s=u.get(e),l=u.get(r);s&&l&&o.forEach(o=>{if(o===e||o===r)return;const i=u.get(o);if(!i)return;const{distance:c,closestX:m,closestY:E}=v(i.x,i.y,s.x,s.y,l.x,l.y);if(c<a){t=!0;const e=.7*(a-c),r=i.x-m,s=i.y-E,l=Math.sqrt(r*r+s*s);if(l>0){const t=r/l*e,a=s/l*e,i=n.get(o)||{[d.X]:0,[d.Y]:0,weight:0};n.set(o,{[d.X]:i[d.X]+t,[d.Y]:i[d.Y]+a,weight:i.weight+1})}}})})}if(!t)break;const a=.2;n.forEach((e,t)=>{const n=u.get(t);if(n&&e.weight>0){let o=n[d.X]+e[d.X]/e.weight,r=n[d.Y]+e[d.Y]/e.weight;const i=Math.sqrt(o**2+r**2);if(i>0){const e=s-i;o+=o/i*e*a,r+=r/i*e*a}u.set(t,{[d.ID]:t,[d.X]:o,[d.Y]:r})}})}return u},D=()=>P.gm||P.nr,x=e=>[...e].map(({[i.tr.ENDPOINT_1_MAC]:e,[i.tr.ENDPOINT_2_MAC]:t})=>((e,t)=>e<t?`${e}|${t}`:`${t}|${e}`)(e,t)).sort();var G,L,b=n(382389),U=n(398300),Y=n(845030),F=n(573363),X=n(960407),k=n(130851),$=n(762064);!function(e){e.START_X="startX",e.START_Y="startY",e.END_X="endX",e.END_Y="endY",e.CURVE_OFFSET="curveOffset"}(G||(G={})),function(e){e.POINTS="points",e.CURVE="curve"}(L||(L={}));var z=n(646980);const H=(0,M.A)(O.A)`
  cursor: pointer;
  svg {
    width: 10px;
    height: 10px;
  }
`;var V=n(279644);const W=({children:e,htmlId:t,...n})=>o.createElement(V.E,{...y.Bs,...n},o.createElement("div",{style:y.jf},e)),q=({children:e,...t})=>o.createElement(V.E,{...y.kE,...t},o.createElement("div",{style:y.YN},e)),B=({children:e,htmlId:t,...n})=>o.createElement(V.E,{...y.pB,...n},o.createElement("div",{style:y.P4[t]},e)),j=({children:e,htmlId:t,...n})=>o.createElement(P.gm?q:P.nr?B:W,{htmlId:t,...n},e);var Z=n(284473);const Q=({percentage:e,endpoint1Mac:t,endpoint2Mac:n,position:{x:a,y:r,z:i},color:s,onClick:l,isOpaque:c,setHoveredOverlay:m})=>{const E=(0,o.useCallback)(()=>{m([t,n])},[t,n,m]),u=(0,o.useCallback)(()=>{m([])},[m]);return o.createElement("group",{position:[a,r,i]},o.createElement(j,{htmlId:Z.n.LINE_OVERLAY,pointerEvents:"auto",zIndexRange:[8388607,0],style:{opacity:c?y.mQ:1}},o.createElement(H,{onClick:l,onMouseEnter:E,onMouseLeave:u},o.createElement(z.A,{color:s,percentage:e}))))};var J=n(568294),K=n(738299),ee=n(262690);const te=({points:e,color:t,lineWidth:n,isOpaque:a})=>o.createElement(K.N,{points:e,color:t,lineWidth:a?ee.hT:n,...a?y.b4:{}});var ne,oe=n(659243);!function(e){e.SEGMENT_1_POINTS="segment_1_points",e.SEGMENT_2_POINTS="segment_2_points",e.SEGMENT_3_POINTS="segment_3_points",e.FIRST_GAP_POSITION="first_gap_position",e.SECOND_GAP_POSITION="second_gap_position",e.FIRST_ARROW_ANGLE="first_arrow_angle",e.SECOND_ARROW_ANGLE="second_arrow_angle",e.FIRST_NUMBER_ANGLE="first_number_angle",e.SECOND_NUMBER_ANGLE="second_number_angle",e.FIRST_NUMBER_OFFSET="first_number_offset",e.SECOND_NUMBER_OFFSET="second_number_offset"}(ne||(ne={}));var ae=n(961390),re=n(217439);const ie=(0,M.A)(O.A)`
  align-items: center;
  position: relative;
`,se=(0,M.A)("div")`
  position: relative;
  z-index: 1;
`,le=(0,M.A)(O.A,(0,g.A)("offsetX","offsetY","rotation"))`
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% + ${({offsetX:e})=>e}px), calc(-50% + ${({offsetY:e})=>e}px))
    rotate(${({rotation:e})=>-e}deg);
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
`,ce=({gapPosition:e,arrowAngle:t,numberAngle:n,color:a,numberOffset:r,roamAttempts:i})=>o.createElement("group",{position:[e.x,e.y,e.z]},o.createElement(j,{htmlId:Z.n.LINE_DIRECTION,pointerEvents:"none",style:{transform:`rotate(${t}deg)`}},o.createElement(ie,null,o.createElement(se,null,o.createElement(ae.A,{size:"small",color:a})),o.createElement(le,{offsetX:r.x,offsetY:r.y,rotation:n},o.createElement(re.A,{style:{color:a,fontSize:7}},(0,oe.A)(i)))))),me=(e,t,n,o,a=1e3)=>{const r="forward"===o?.001:-.001;let i=t,s=0,l=e.getPointAt(t).clone();for(let t=0;t<a;t+=1){const t=Math.max(0,Math.min(1,i+r));if(t===i)break;const o=e.getPointAt(t);if(s+=l.distanceTo(o),s>=n)return t;i=t,l=o.clone()}return"forward"===o?1:0},Ee=(e,t)=>{return 0==(n=Math.atan2(e,t)*(180/Math.PI))?180:(270-n+360)%360;var n},ue=e=>{const t=0===e?180:(270-e+360)%360,n=(t+90)%360,o=(t-90+360)%360,a=n>180&&n<270,r=o>180&&o<270;return a&&!r?-90:r&&!a||Math.min(n,360-n)<Math.min(o,360-o)?90:-90},Ae=e=>.65+(2===e?.1:e>2?.2:0),de=({x:e,y:t,z:n})=>P.gm||P.nr?{x:e-.145,y:t+.255,z:n+0}:{x:e,y:t,z:n},_e=({x:e,y:t,z:n})=>P.gm||P.nr?{x:e-.165,y:t+.255,z:n+0}:{x:e,y:t,z:n},Te=({isOpaque:e,lineWidth:t,curve:n,color:a,endpoint1ToEndpoint2RoamAttempts:r,endpoint2ToEndpoint1RoamAttempts:i})=>{const{[ne.SEGMENT_1_POINTS]:s,[ne.SEGMENT_2_POINTS]:l,[ne.SEGMENT_3_POINTS]:c,[ne.FIRST_GAP_POSITION]:m,[ne.SECOND_GAP_POSITION]:E,[ne.FIRST_ARROW_ANGLE]:u,[ne.SECOND_ARROW_ANGLE]:A,[ne.FIRST_NUMBER_ANGLE]:d,[ne.SECOND_NUMBER_ANGLE]:_,[ne.FIRST_NUMBER_OFFSET]:T,[ne.SECOND_NUMBER_OFFSET]:p}=(0,o.useMemo)(()=>{const e=[(0,oe.A)(r)].toString().split("").length,t=[(0,oe.A)(i)].toString().split("").length,o=.3-(.04+(t>1?.005*t:0)),a=.03+(e>1?.005*e:0)+.7,s=Ae(e)/2,l=Ae(t)/2,c=Math.max(0,me(n,o,l,"backward")),m=Math.min(1,me(n,o,l,"forward")),E=Math.max(m,me(n,a,s,"backward")),u=Math.min(1,me(n,a,s,"forward")),A=(c+m)/2-(m-c)/2*.45,d=(E+u)/2+(u-E)/2*.45,_=n.getPointAt(0),T=n.getPointAt(1),p=n.getPointAt(A),N=n.getPointAt(d),h=_.x-p.x,I=_.y-p.y,M=T.x-N.x,O=T.y-N.y,g=Math.atan2(I,h)*(180/Math.PI),C=Math.atan2(O,M)*(180/Math.PI),S=180,f=Math.sin(S*Math.PI/180)*(10+(t>1?1*t:0)),R=-Math.cos(S*Math.PI/180)*(10+(t>1?1*t:0)),P=Math.sin(S*Math.PI/180)*(10+(e>1?1*e:0)),y=-Math.cos(S*Math.PI/180)*(10+(e>1?1*e:0)),v=[],w=[],D=[],x=Math.max(10,Math.floor(50*c));for(let e=0;e<=x;e+=1){const t=n.getPointAt(e/x*c);v.push([t.x,t.y,t.z])}const G=Math.max(10,Math.floor(50*(E-m)));for(let e=0;e<=G;e+=1){const t=n.getPointAt(m+e/G*(E-m));w.push([t.x,t.y,t.z])}const L=Math.max(10,Math.floor(50*(1-u)));for(let e=0;e<=L;e+=1){const t=n.getPointAt(u+e/L*(1-u));D.push([t.x,t.y,t.z])}return{[ne.SEGMENT_1_POINTS]:v,[ne.SEGMENT_2_POINTS]:w,[ne.SEGMENT_3_POINTS]:D,[ne.FIRST_GAP_POSITION]:de(n.getPointAt(A)),[ne.SECOND_GAP_POSITION]:_e(n.getPointAt(d)),[ne.FIRST_ARROW_ANGLE]:Ee(I,h),[ne.SECOND_ARROW_ANGLE]:Ee(O,M),[ne.FIRST_NUMBER_ANGLE]:ue(g),[ne.SECOND_NUMBER_ANGLE]:ue(C),[ne.FIRST_NUMBER_OFFSET]:{x:f,y:R},[ne.SECOND_NUMBER_OFFSET]:{x:P,y}}},[n,r,i]),N=(0,o.useMemo)(()=>({color:a,lineWidth:e?ee.hT:t,...e?y.b4:{}}),[a,e,t]);return o.createElement(o.Fragment,null,o.createElement(K.N,{points:s,...N}),o.createElement(K.N,{points:l,...N}),o.createElement(K.N,{points:c,...N}),o.createElement(ce,{gapPosition:m,arrowAngle:A,numberAngle:d,color:a,numberOffset:T,roamAttempts:i}),o.createElement(ce,{gapPosition:E,arrowAngle:u,numberAngle:_,color:a,numberOffset:p,roamAttempts:r}))},pe=({points:e,color:t,lineWidth:n,isOpaque:a,roamingTopologyDirection:r,curve:i,endpoint1ToEndpoint2RoamAttempts:s,endpoint2ToEndpoint1RoamAttempts:l})=>r?o.createElement(Te,{isOpaque:a,lineWidth:n,curve:i,color:t,endpoint1ToEndpoint2RoamAttempts:s,endpoint2ToEndpoint1RoamAttempts:l}):o.createElement(te,{points:e,color:t,lineWidth:n,isOpaque:a}),Ne=(0,o.memo)(({theme:e,start:{x:t,y:n},end:{x:a,y:r},endpoint1Mac:i,endpoint2Mac:s,lineWidth:l,percentage:c,curveOffset:m=0,onRoamingClick:E,setHoveredLine:u,setHoveredOverlay:A,roamingTopologyDirection:d,roamingTopologyHealth:_,isOpaque:T,endpoint1ToEndpoint2RoamAttempts:p,endpoint2ToEndpoint1RoamAttempts:N})=>{const{[L.CURVE]:h,[L.POINTS]:M}=(0,o.useMemo)(()=>(({[G.START_X]:e,[G.START_Y]:t,[G.END_X]:n,[G.END_Y]:o,[G.CURVE_OFFSET]:a})=>{const r=n-e,i=o-t,s=Math.sqrt(r*r+i*i);if(0===s)return{[L.POINTS]:[[e,t,0]],[L.CURVE]:new I.CV9(new I.Pq0(e,t,0),new I.Pq0(e,t,0),new I.Pq0(e,t,0))};const l=.26,c=r/s,m=i/s,E=e+c*l,u=t+m*l,A=n-c*l,d=o-m*l,_=new I.Pq0(E,u,0),T=new I.Pq0(A,d,0),p=new I.Pq0((E+A)/2+-m*a,(u+d)/2+c*a,0),N=new I.CV9(_,p,T),h=Math.sqrt((A-E)**2+(d-u)**2);return{[L.POINTS]:N.getPoints(Math.max(20,Math.floor(5*h))).map(({x:e,y:t,z:n})=>[e,t,n]),[L.CURVE]:N}})({[G.START_X]:t,[G.START_Y]:n,[G.END_X]:a,[G.END_Y]:r,[G.CURVE_OFFSET]:m}),[t,n,a,r,m]),O=(0,o.useMemo)(()=>h.getPointAt(.5),[h]),g=(0,o.useMemo)(()=>((e,t)=>new I.j6(e,Math.max(20,Math.floor(5*e.getLength())),Math.max(t/100,.1),8,!1))(h,l),[h,l]),{gl:C}=(0,$.D)(),S=(0,o.useCallback)(()=>{C.domElement.style.cursor="pointer",u([i,s])},[C,i,s,u]),f=(0,o.useCallback)(()=>{C.domElement.style.cursor="default",u([])},[C,u]),R=(0,o.useCallback)(()=>E(i,s)(),[E,i,s]),P=(0,o.useMemo)(()=>(e=>T?(0,J.er)(e):e)((0,J.R)(c,e.themeName)),[c,e.themeName,T]);return o.createElement("group",{onClick:R,onPointerEnter:S,onPointerLeave:f},o.createElement(pe,{points:M,color:P,lineWidth:l,isOpaque:T,roamingTopologyDirection:d,curve:h,endpoint1ToEndpoint2RoamAttempts:p,endpoint2ToEndpoint1RoamAttempts:N}),o.createElement("mesh",{geometry:g},o.createElement("meshBasicMaterial",{transparent:!0,opacity:0})),_?o.createElement(Q,{percentage:c,endpoint1Mac:i,endpoint2Mac:s,color:P,position:O,onClick:R,isOpaque:T,setHoveredOverlay:A}):null)}),he=(0,M.A)(O.A)`
  height: 120px;
  width: 120px;
  border-radius: 328px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 111, 255, 0.2) 0%, rgba(0, 111, 255, 0) 100%);
  position: relative;
  z-index: 50;
`,Ie=({position:e,isOpaque:t})=>o.createElement("group",{position:[e.x,e.y,0]},o.createElement(j,{htmlId:Z.n.RADIAL_GRADIENT,pointerEvents:"none",style:{pointerEvents:"none",opacity:t?y.mQ:1}},o.createElement(he,null)));var Me=n(822336),Oe=n(825032);const ge=(0,M.A)(O.A)`
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: ${Me.Ay[`desktop-color-neutral-09-${Oe.S.LIGHT}`]};
  position: relative;
  z-index: 1;
`,Ce=({position:{x:e,y:t},isOpaque:n})=>o.createElement("group",{position:[e,t,0],renderOrder:1e3},o.createElement("mesh",null,o.createElement(j,{htmlId:Z.n.NODE_CIRCLE,style:{opacity:n?y.mQ:1}},o.createElement(ge,null))));var Se=n(876250),fe=n(6176);const Re=(0,M.A)(O.A)`
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
  cursor: pointer;
`,Pe=({isOpaque:e,position:{x:t,y:n},model:a,deviceModelMap:r,onClick:i,mac:s,setHoveredNode:l,imagePath:c})=>{const m=(0,o.useCallback)(()=>{l(s)},[l,s]),E=(0,o.useCallback)(()=>{l(void 0)},[l]);return o.createElement("group",{position:[t,n,0]},o.createElement(j,{htmlId:Z.n.NODE_DEVICE_IMAGE,style:{opacity:e?y.mQ:1}},o.createElement(Re,{onMouseEnter:m,onMouseLeave:E,onClick:i(s)},a?o.createElement(fe.C,{width:16,height:16,model:a,variant:Se.Hx.NOPADDING,size:Se.Xh.MEDIUM,deviceModelMap:r}):o.createElement("img",{style:{width:16,height:16},src:fe.C.getFallbackImagePath(c,Se.Hx.NOPADDING,Oe.S.LIGHT),alt:""}))))};var ye=n(705145),ve=n(6510);const we=(0,M.A)(O.A)`
  border-radius: ${Me.Ay["desktop-radius-global"]};
  background-color: ${Me.Ay[`desktop-color-neutral-10-${Oe.S.LIGHT}`]};
  font-size: 6px;
  line-height: 8px;
  padding: 2px;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 20px;
  max-width: 100px;
  ${()=>P.nr?"\n      top: 15px;\n      left: 50%;\n      transform: translateX(-50%);\n      position: absolute;\n      ":""}
`,De=({[i.Cj.NAME]:e,[i.Cj.MODEL]:t,[i.Cj.MAC]:n,position:{x:a,y:r},isOpaque:s})=>o.createElement("group",{position:[a,r,0]},o.createElement(j,{htmlId:Z.n.NODE_DEVICE_NAME,pointerEvents:"none",style:{opacity:s?y.mQ:1}},o.createElement(we,null,o.createElement(ye.A,{size:"inherit",color:"text-1-oncolor-alpha",isTruncated:!0},(0,ve.Q)({model:t,name:e,mac:n}))))),xe=(0,o.memo)(({position:e,deviceModelMap:t,onClick:n,roamingTopologyVertex:{[i.Cj.MAC]:a,[i.Cj.MODEL]:r,[i.Cj.NAME]:s}={},isOpaque:l,setHoveredNode:c,imagePath:m})=>o.createElement(o.Fragment,null,o.createElement(Ie,{position:e,isOpaque:l}),o.createElement(Ce,{position:e,isOpaque:l}),o.createElement(Pe,{position:e,onClick:n,mac:a,model:r,deviceModelMap:t,isOpaque:l,setHoveredNode:c,imagePath:m}),o.createElement(De,{position:e,name:s,model:r,mac:a,isOpaque:l})));var Ge;!function(e){e.EDGES="edges",e.VERTICES="vertices",e.TARGET_POSITIONS="targetPositions",e.IS_MOVING="isMoving"}(Ge||(Ge={}));const Le=(e,t,n,o,a,r)=>n?!(a[0]===e&&a[1]===t||(n===e||n===t)&&(r[n]?.includes(e)||r[n]?.includes(t))):!(!o.length&&!a.length||o[0]===e&&o[1]===t||a[0]===e&&a[1]===t),be=(e,t,n,o,a)=>{if(t)return!o.includes(e)&&t!==e&&!a[t]?.includes(e);const r=[...o,...n];return!!r.length&&!r.includes(e)},Ue=({[Ge.EDGES]:e,[Ge.VERTICES]:t,[Ge.TARGET_POSITIONS]:n,[Ge.IS_MOVING]:r})=>{const s=(0,b.u)(),l=(0,a.useDispatch)(),[c,m]=(0,o.useState)([]),[E,u]=(0,o.useState)([]),[A,_]=(0,o.useState)(void 0),T=(0,o.useRef)(null),N=(0,o.useRef)(null),h=(0,o.useRef)(null),I=(0,o.useRef)(null),M=(0,o.useRef)(null),O=(0,o.useRef)(null),g=(0,o.useCallback)(e=>{I.current=e,null===T.current&&(T.current=requestAnimationFrame(()=>{null!==I.current&&(m(I.current),I.current=null),T.current=null}))},[]),C=(0,o.useCallback)(e=>{M.current=e,null===N.current&&(N.current=requestAnimationFrame(()=>{null!==M.current&&(u(M.current),M.current=null),N.current=null}))},[]),S=(0,o.useCallback)(e=>{O.current=e,null===h.current&&(h.current=requestAnimationFrame(()=>{null!==O.current&&(_(O.current),O.current=null),h.current=null}))},[]),f=(0,a.useSelector)(F.A),R=(0,a.useSelector)(k.p),P=(0,a.useSelector)(X.gm),v=(0,a.useSelector)(X.LK),D=(0,a.useSelector)(p.jE),x=(0,a.useSelector)(p.E),G=(0,o.useMemo)(()=>P&&v===U.H.ROAMING_TOPOLOGY?P:void 0,[P,v]),L=(0,o.useMemo)(()=>w(e,t),[e,t]),$=n??L,z=(0,o.useMemo)(()=>e.length<=y.IK?e:[...e].sort((e,t)=>t[i.tr.TOTAL_ROAM_ATTEMPTS]-e[i.tr.TOTAL_ROAM_ATTEMPTS]).slice(0,y.IK),[e]),H=(0,o.useMemo)(()=>(e=>{const t=(e,t)=>e<t?`${e}-${t}`:`${t}-${e}`,n=new Map,o=new Map;e.forEach(({[i.tr.ENDPOINT_1_MAC]:e,[i.tr.ENDPOINT_2_MAC]:o})=>{const a=t(e,o);n.set(a,(n.get(a)||0)+1)});const a=new Map;return e.forEach(({[i.tr.ENDPOINT_1_MAC]:e,[i.tr.ENDPOINT_2_MAC]:r})=>{const s=t(e,r),l=n.get(s)||1,c=a.get(s)||0;o.set(`${e}-${r}`,l>1?.3*(c-(l-1)/2):0),a.set(s,c+1)}),o})(z),[z]),V=(0,o.useCallback)(e=>()=>{l((0,Y.XP)({type:U.H.DEVICE,id:e}))},[l]),W=(0,o.useCallback)((e,t)=>()=>{l((0,Y.XP)({type:U.H.ROAMING_TOPOLOGY,id:[e,t].join(y.hJ)}))},[l]),q=(0,o.useMemo)(()=>(e=>{const t=new Map;return e.forEach(e=>{const{[i.Cj.MAC]:n}=e;t.has(n)||t.set(n,e)}),t})(t),[t]),{sumOfRoamAttempts:B,highestRoamAttempts:j}=(0,o.useMemo)(()=>z.reduce(({sumOfRoamAttempts:e,highestRoamAttempts:t},{[i.tr.TOTAL_ROAM_ATTEMPTS]:n})=>({sumOfRoamAttempts:e+n,highestRoamAttempts:Math.max(t,n)}),{sumOfRoamAttempts:0,highestRoamAttempts:0}),[z]),Z=(0,o.useMemo)(()=>r?[]:[...c,...E],[c,E,r]),Q=(0,o.useMemo)(()=>G?.split(y.hJ)??[],[G]),K=(0,o.useMemo)(()=>z.reduce((e,{[i.tr.ENDPOINT_1_MAC]:t,[i.tr.ENDPOINT_2_MAC]:n,[i.tr.ENDPOINT_1_TO_ENDPOINT_2]:{[i.W2.ROAM_ATTEMPTS]:o},[i.tr.ENDPOINT_2_TO_ENDPOINT_1]:{[i.W2.ROAM_ATTEMPTS]:a}})=>(o>0&&(e[t]||(e[t]=[]),e[t].push(n)),a>0&&(e[n]||(e[n]=[]),e[n].push(t)),e),{}),[z]),ee=(0,o.useMemo)(()=>z.map(({[i.tr.ENDPOINT_1_MAC]:e,[i.tr.ENDPOINT_2_MAC]:t,[i.tr.ENDPOINT_1_TO_ENDPOINT_2]:{[i.W2.ROAM_ATTEMPTS]:n},[i.tr.ENDPOINT_2_TO_ENDPOINT_1]:{[i.W2.ROAM_ATTEMPTS]:a},[i.tr.TOTAL_ROAM_ATTEMPTS]:r,[i.tr.TOTAL_SUCCESSFUL_ROAMS]:l})=>{const c=$.get(e),m=$.get(t);return c&&m?o.createElement(Ne,{key:`${e}-${t}`,endpoint1Mac:e,endpoint2Mac:t,start:c,end:m,lineWidth:(0,J.AL)({roamAttempts:r,highestRoamAttempts:j,sumOfRoamAttempts:B,edgeCount:z.length}),percentage:(0,J.sq)(l,r),curveOffset:H.get(`${e}-${t}`)||0,onRoamingClick:W,setHoveredLine:g,setHoveredOverlay:C,roamingTopologyHealth:D,roamingTopologyDirection:x,isOpaque:Le(e,t,A,Z,Q,K),endpoint1ToEndpoint2RoamAttempts:n,endpoint2ToEndpoint1RoamAttempts:a,theme:s}):null}).filter(Boolean),[z,$,H,j,B,W,D,Z,Q,A,x,K,g,C,s]),te=(0,o.useMemo)(()=>Array.from($.values()).map(e=>o.createElement(xe,{id:e[d.ID],key:e[d.ID],position:e,deviceModelMap:f,onClick:V,roamingTopologyVertex:q.get(e[d.ID]),isOpaque:be(e[d.ID],A,Z,Q,K),setHoveredNode:S,imagePath:R})),[$,f,V,q,A,Q,Z,K,S,R]);return o.createElement(o.Fragment,null,ee,te)},Ye=({[A.EDGES]:e,[A.VERTICES]:t})=>{const n=(0,o.useRef)(null),[a,r]=(0,o.useState)(!1),[i,s,l]=(({[A.EDGES]:e,[A.VERTICES]:t})=>{const[n,a]=(0,o.useState)(1),[r,i]=(0,o.useState)(e),[s,l]=(0,o.useState)(t),c=(0,o.useRef)(e),m=(0,o.useRef)(t),E=(0,o.useRef)(null);return(0,o.useEffect)(()=>(e!==c.current||t!==m.current?((e,t,n,o)=>{if(e.length!==n.length||t.length!==o.length)return!1;const a=x(e),r=x(n);return a.length===r.length&&a.every((e,t)=>e===r[t])})(c.current,m.current,e,t)?(i(e),l(t),c.current=e,m.current=t,a(1)):(E.current&&clearTimeout(E.current),a(0),E.current=setTimeout(()=>{i(e),l(t),c.current=e,m.current=t,requestAnimationFrame(()=>{a(1)})},200)):(c.current=e,m.current=t),()=>{E.current&&clearTimeout(E.current)}),[e,t]),[n,r,s]})({[A.EDGES]:e,[A.VERTICES]:t}),c=(0,o.useMemo)(()=>w(s,l),[s,l]),m=(0,o.useMemo)(()=>(e=>{const t=Array.from(e.values());if(0===t.length)return{[_.POSITION]:[0,0,8],[_.TARGET]:[0,0,0]};let n=1/0,o=-1/0,a=1/0,r=-1/0;return t.forEach(({[d.X]:e,[d.Y]:t})=>{n=Math.min(n,e),o=Math.max(o,e),a=Math.min(a,t),r=Math.max(r,t)}),((e,t,n,o)=>{return a=(e+t)/2,r=(n+o)/2,{[_.POSITION]:[a,r,(Math.max(t-e,o-n)+1)/2/Math.tan(50*Math.PI/360)*.85],[_.TARGET]:[a,r,0]};var a,r})(n,o,a,r)})(c),[c]),{dpr:E,gl:u,performance:T,shadows:p,flat:M}=(0,o.useMemo)(()=>({dpr:y.LR,gl:D()?y.U_:y.yj,performance:D()?y.DB:y.x2,shadows:D()?y.M2:y.OL,flat:D()?y._J:y.c8}),[]);(({controlsRef:e,roamingTopologyCameraSetup:t})=>{(0,o.useEffect)(()=>{const n=[];if(P.gm)for(let o=0;o<5;o+=1)n.push(setTimeout(()=>{const[n,o,a]=t.position;e.current.object.position.set(n,o,a+.01),e.current.target.set(...t.target),e.current.update()},50*(o+1)));return()=>{n.forEach(clearTimeout)}},[t,e])})({controlsRef:n,roamingTopologyCameraSetup:m});const O=(0,o.useCallback)(()=>{if(n.current){n.current.mouseButtons={LEFT:I.kBv.PAN,MIDDLE:I.kBv.DOLLY,RIGHT:I.kBv.PAN};const{[_.POSITION]:e,[_.TARGET]:t}=m;n.current.object.position.set(...e),n.current.target.set(...t),n.current.update()}},[m]);(0,o.useEffect)(()=>{const e=requestAnimationFrame(()=>{O()});return()=>cancelAnimationFrame(e)},[O]);const g=(0,o.useCallback)(e=>{n.current=e,e&&O()},[O]),S=(0,o.useCallback)(()=>{r(!0)},[]),f=(0,o.useCallback)(()=>{r(!1)},[]);return o.createElement(C,null,o.createElement(R,{opacity:i},o.createElement(N.Hl,{camera:{position:m[_.POSITION]},gl:u,dpr:E,performance:T,shadows:p,flat:M},o.createElement(h.N,{ref:g,onStart:S,onEnd:f,...y.Ur}),o.createElement(Ue,{edges:s,vertices:l,targetPositions:c,isMoving:a}))))},Fe=(0,M.A)(O.A)`
  width: 100%;
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
`;var Xe=n(733712),ke=n(916537);const $e=()=>o.createElement(Xe.A,{title:o.createElement(ke.sA,{id:"ROAMING_NO_EVENTS"}),description:o.createElement(ke.sA,{id:"ROAMING_NO_EVENTS_DESCRIPTION"})});var ze=n(758649),He=n(165126),Ve=n(64749),We=n(335187);const qe=()=>{const e=(0,a.useDispatch)(),t=(0,a.useSelector)(p.rh),n=(0,o.useCallback)(()=>{e((0,Ve.Dy)((0,He.A)(t,We.x)))},[e,t]);return o.createElement(Xe.A,{title:o.createElement(ke.sA,{id:"COMMON_NO_MATCH"}),description:o.createElement(ke.sA,{id:"ROAMING_NO_EVENTS_FILTER_DESCRIPTION",values:{resetLink:o.createElement(ze.A,{type:"button",onClick:n,variant:"inline"},o.createElement(ke.sA,{id:"COMMON_RESET_THEM_BUTTON_TEXT"}))}})})},Be=()=>{const e=(0,a.useSelector)(p.uz),t=(0,o.useMemo)(()=>e?$e:qe,[e]);return o.createElement(Fe,null,o.createElement(t,null))},je=({[A.CONNECTIVITY_VISUAL]:e=!1})=>{const t=(0,a.useSelector)(p.b$),{[i.mO.EDGES]:n=[],[i.mO.VERTICES]:r=[]}=(0,a.useSelector)((0,o.useMemo)(()=>(e=>(0,s.Mz)(u(e),c.i6))(t),[t])),l=(0,a.useSelector)((0,o.useMemo)(()=>(e=>(0,s.Mz)(u(e),c.RQ))(t),[t]));return o.createElement(f,{connectivityVisual:e},n.length&&r.length||l?o.createElement(Ye,{edges:n,vertices:r,connectivityVisual:e}):o.createElement(Be,null))};var Ze=n(513272),Qe=n(905410),Je=n(249304),Ke=n(29896),et=n(668258),tt=n(664297);const nt=e=>(0,s.Mz)((e=>t=>t.models[(0,tt.F$)(e)]||{})(e),t=>(0,l.Al)(t,{data:e},{compareFunction:tt.Gw,excludePlaceholders:!0})),ot=e=>(0,s.Mz)(nt(e),et.X5),at=e=>(0,s.Mz)(nt(e),et.Hs);var rt;!function(e){e.ROAMING="roaming",e.ROAMING_TOTAL_ELEMENT_COUNT="roamingTotalElementCount",e.ROAMING_OR_MORE="roamingOrMore",e.ROAMING_LOADING="roamingLoading",e.ROAMING_LAST_EVENT_CURSOR="roamingLastEventCursor"}(rt||(rt={}));var it=n(816271),st=n(200826),lt=n(742525),ct=n(415246),mt=n(860765),Et=n(511752),ut=n(94998),At=n(915557),dt=n(485821),_t=n(554142);const Tt=e=>e,pt=({header:{id:e}})=>At.OX[e]({[_t.D.ROAMING_COLUMN]:e}),Nt=e=>At.GV[e],ht=({column:{id:e},getValue:t})=>At.TZ[e]({[dt.A.ROAMING]:t()}),It=At.wf.map(e=>({id:e,accessorFn:Tt,header:pt,cell:ht,...Nt(e),enableResizing:!0,enableSorting:!1})),Mt="ROAMING_TABLE_HEADER_CLASSNAME",Ot="ROAMING_TABLE_ROW_CLASSNAME",gt={wrapperFlexProps:{padding:"0px"},rowOptions:[{value:25,default:!1},{value:50,default:!1},{value:100,default:!0}]},Ct={columns:It,wrapperClassName:"ROAMING_TABLE_WRAPPER_CLASSNAME",headerClassName:Mt,rowClassName:Ot,stickyHeader:!0};var St;!function(e){e.ROAMING="roaming",e.COLUMN_SIZE="columnSize",e.ROAMING_PAGE_NUMBER="roamingPageNumber",e.ON_COLUMN_SIZING_CHANGE="onColumnSizingChange"}(St||(St={}));const ft=(0,M.A)(O.A)`
  width: 100%;
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
`;var Rt=n(749177),Pt=n(329991),yt=n(566723),vt=n(604482);const wt=()=>{const e=(0,Rt.A)(vt.g1.AIRVIEW);return o.createElement(Pt.A,{position:"relative",left:e?`-${yt.sV}`:yt.YC})},Dt=()=>o.createElement(Xe.A,{title:o.createElement(ke.sA,{id:"ROAMING_NO_EVENTS"}),description:o.createElement(ke.sA,{id:"ROAMING_NO_EVENTS_DESCRIPTION"})}),xt=()=>{const e=(0,a.useDispatch)(),t=(0,a.useSelector)(p.rh),n=(0,o.useCallback)(()=>{e((0,Ve.Dy)((0,He.A)(t,We.x)))},[e,t]);return o.createElement(Xe.A,{title:o.createElement(ke.sA,{id:"COMMON_NO_MATCH"}),description:o.createElement(ke.sA,{id:"ROAMING_NO_EVENTS_FILTER_DESCRIPTION",values:{resetLink:o.createElement(ze.A,{type:"button",onClick:n,variant:"inline"},o.createElement(ke.sA,{id:"COMMON_RESET_THEM_BUTTON_TEXT"}))}})})},Gt=({roamingLoading:e})=>{const t=(0,a.useSelector)(p.uz),n=(0,o.useMemo)(()=>t?Dt:xt,[t]);return o.createElement(ft,null,o.createElement(e?wt:n,null))},Lt=(0,M.A)(O.A)`
  width: 100%;
  height: 100%;
  .${Mt} {
    > tr {
      > th {
        height: 24px !important;
        > div {
          height: 24px !important;
        }
        padding: 0 ${yt.kc};
      }
    }
  }
  .${Ot} {
    height: 24px !important;
    > td {
      padding: 0 ${yt.kc};
      > div {
        display: flex;
        white-space: pre-line;
      }
    }
  }
`,bt=()=>{const{[rt.ROAMING]:e,[rt.ROAMING_TOTAL_ELEMENT_COUNT]:t,[rt.ROAMING_OR_MORE]:n,[rt.ROAMING_LOADING]:r}=(()=>{const e=(0,a.useSelector)(p.g_),t=(0,a.useSelector)((0,o.useMemo)(()=>(e=>(0,s.Mz)(nt(e),c.kh))(e),[e])),n=(0,a.useSelector)((0,o.useMemo)(()=>(e=>(0,s.Mz)(nt(e),et.WK))(e),[e])),r=(0,a.useSelector)((0,o.useMemo)(()=>(e=>(0,s.Mz)(nt(e),et.FL))(e),[e])),i=(0,a.useSelector)((0,o.useMemo)(()=>(e=>(0,s.Mz)(nt(e),et.wH))(e),[e])),l=(0,a.useSelector)((0,o.useMemo)(()=>at(e),[e]));return(0,o.useMemo)(()=>({[rt.ROAMING]:t,[rt.ROAMING_TOTAL_ELEMENT_COUNT]:n,[rt.ROAMING_OR_MORE]:r,[rt.ROAMING_LOADING]:i,[rt.ROAMING_LAST_EVENT_CURSOR]:l}),[t,n,r,i,l])})(),[i,l]=(0,Ke.A)(Je.l.ROAMING),m=(0,a.useSelector)(p.M0),{onRenderTable:E,onPageChanged:u,onRowsChanged:A}=(({[St.ROAMING]:e,[St.COLUMN_SIZE]:t,[St.ROAMING_PAGE_NUMBER]:n,[St.ON_COLUMN_SIZING_CHANGE]:r})=>{const i=(0,a.useDispatch)(),s=(0,it.A)([U.H.ROAMING]),{initialColumns:l=[]}=(0,st.A)(Je.l.ROAMING),c=(0,o.useMemo)(()=>(lt.W2[ct.xz.TABLES][Je.l.ROAMING]?.columns||[]).reduce((e,t)=>(e[t]=l.includes(t),e),{}),[l]),m=(0,o.useCallback)(({[ut.bE.ID]:e})=>{i((0,Y.XP)({type:U.H.ROAMING,id:e}))},[i]);return{onRenderTable:(0,o.useCallback)(({pageNumber:n,rowsPerPage:a})=>o.createElement(Et.A,{data:e,pageSize:a,pageIndex:n,activeRows:s,initialColumnSize:t,onColumnSizingChange:r,columnVisibility:c,onRowClick:m,...Ct}),[e,s,t,m,c,r]),onPageChanged:(0,o.useCallback)(e=>{e!==n&&i((0,Ve.Mf)(e))},[i,n]),onRowsChanged:(0,o.useCallback)(()=>{i((0,Ve.Mf)(mt.B))},[i])}})({[St.ROAMING]:e,[St.COLUMN_SIZE]:i,[St.ROAMING_PAGE_NUMBER]:m,[St.ON_COLUMN_SIZING_CHANGE]:l});return o.createElement(Lt,null,e.length?o.createElement(Qe.A,{...gt,section:"COMMON_EVENTS",tableType:Je.l.ROAMING,itemCount:t,unknownCount:n,onRenderTable:E,onPageChanged:u,onRowsChanged:A,pageNumber:m}):o.createElement(Gt,{roamingLoading:r}))};var Ut=n(902733),Yt=n(866593);var Ft=n(64741),Xt=n(429252),kt=n.n(Xt),$t=n(371715),zt=n(691189),Ht=n(887831),Vt=n(717905),Wt=n(307803),qt=n(646681);const Bt=(e={},t={})=>(n,o)=>{return a={...e,data:{...e.data,lastEventCursor:at(e.data)(o())}},n((0,zt.sU)((0,tt.F$)(e.data),Wt.gI,a,{method:Ht.A.POST,idField:Wt.RR,fetchConfig:{getAllPostResponse:!0},additionalPayloadSelectors:{[Vt.bI.PAGE_NUMBER]:{fallback:a.data.pageNumber},[Vt.bI.TOTAL_PAGE_COUNT]:{},[Vt.bI.TOTAL_ELEMENT_COUNT]:{},[Vt.bI.OR_MORE]:{},[Vt.bI.LAST_EVENT_CURSOR]:{}},failureToast:qt.Xz,compareFunction:tt.Gw,transformResponse:tt.SA,...t}));var a};var jt=n(22252);const Zt={leading:!0};var Qt=n(487639);const Jt={leading:!0},Kt=(0,M.A)(O.A)`
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: ${yt.xO};
  padding: ${yt.Ln};
  overflow: hidden;
  min-width: 1000px;
  position: relative;
`,en=({queryParams:e},{queryParams:t})=>e?.start===t?.start&&e?.end===t?.end;var tn=n(771805);const nn="wifiConnectivity",on=`${tn.w}/wifi-connectivity`,an="uniqueId";var rn=n(422969),sn=n(834959),ln=n(413357),cn=n(592510);const mn=(0,M.A)(O.A,(0,g.A)("roamingConnectivityVisual"))`
  flex-direction: column;
  gap: ${yt.kc};
  ${({roamingConnectivityVisual:e})=>e?"":"display: none;"}
`,En=(0,M.A)(O.A)`
  width: 100%;
  height: 100%;
  flex-direction: column;
`;var un,An,dn,_n;!function(e){e.ASSOCIATION_RATIO="association_ratio",e.AUTHENTICATION_RATIO="authentication_ratio",e.DHCP_RATIO="dhcp_ratio",e.DNS_RATIO="dns_ratio",e.SUCCESS_RATIO="success_ratio",e.TOTAL_ATTEMPTS="total_attempts"}(un||(un={})),function(e){e.ASSOCIATION_LATENCY="association_latency",e.AUTHENTICATION_LATENCY="authentication_latency",e.DHCP_LATENCY="dhcp_latency",e.TRAFFIC_LATENCY="traffic_latency",e.TOTAL_LATENCY="total_latency"}(An||(An={})),function(e){e.ASSOCIATION="ASSOCIATION",e.AUTHENTICATION="AUTHENTICATION",e.DHCP="DHCP",e.DNS="DNS",e.TRAFFIC="TRAFFIC"}(dn||(dn={})),function(e){e.ASSOCIATION_FAILURE="ASSOCIATION_FAILURE",e.AUTHENTICATION_FAILURE="AUTHENTICATION_FAILURE",e.RADIUS_AUTHENTICATION_FAILURE="RADIUS_AUTHENTICATION_FAILURE",e.WPA_AUTHENTICATION_FAILURE="WPA_AUTHENTICATION_FAILURE",e.DHCP_TIMEOUT="DHCP_TIMEOUT",e.DNS_TIMEOUT="DNS_TIMEOUT",e.DNS_RESPONSE_NOT_SEEN="DNS_RESPONSE_NOT_SEEN",e.TRAFFIC_FAILURE="TRAFFIC_FAILURE"}(_n||(_n={}));const Tn={[un.ASSOCIATION_RATIO]:0,[un.AUTHENTICATION_RATIO]:0,[un.DHCP_RATIO]:0,[un.DNS_RATIO]:0,[un.SUCCESS_RATIO]:0,[un.TOTAL_ATTEMPTS]:0},pn={[An.ASSOCIATION_LATENCY]:0,[An.AUTHENTICATION_LATENCY]:0,[An.DHCP_LATENCY]:0,[An.TRAFFIC_LATENCY]:0,[An.TOTAL_LATENCY]:0};let Nn=null;const hn=(0,m.WY)((e,t)=>e.model.lastFetchTime===t.model.lastFetchTime&&en(e,t))((0,s.Mz)(e=>{return t=(({startDate:e,endDate:t})=>({start:e.getTime(),end:t.getTime()}))((0,p.Tv)(e)),{model:(n=(0,l.JC)(nn,e.models,{queryParams:t},{idField:an,compareFunction:en}),!n.isLoading&&n.lastFetchTime?(Nn={...t},n):(0,l.JC)(nn,e.models,{queryParams:Nn},{idField:an,compareFunction:en})),queryParams:t};var t,n},e=>e),e=>e),In=(0,s.Mz)(hn,({model:e})=>(0,c.kh)(e)[0]||{}),Mn=(0,s.Mz)(In,({attempts:e})=>({...Tn,...e})),On=((0,s.Mz)(In,({event_groups:e})=>e||[]),(0,s.Mz)(In,({latencies:e})=>({...pn,...e}))),gn=(0,s.Mz)(In,({total_clients:e=0})=>e),Cn=(0,M.A)(O.A)`
  width: 100%;
  align-items: center;
  position: relative;
  > div:last-child {
    width: fit-content;
  }
`,Sn=(0,M.A)(O.A)`
  flex-direction: column;
  width: 100%;
  position: relative;
`;var fn=n(273852),Rn=n(61902);const Pn=(0,M.A)(O.A)`
  flex-direction: column;
  width: 100%;
  white-space: nowrap;
`,yn=(0,M.A)(O.A)`
  align-items: center;
  gap: ${yt.YC};
`,vn=(0,M.A)(O.A,(0,g.A)("lastNode"))`
  width: ${({lastNode:e})=>24+(e?4:0)}px;
  height: ${24}px;
  background: ${Rn.L};
`,wn=()=>o.createElement("div",{style:{visibility:"hidden",minHeight:28}}," ");var Dn=n(709690),xn=n(180524);const Gn=(0,M.A)(O.A)`
  align-items: center;
`,Ln=({tooltipId:e})=>o.createElement(xn.A,{description:o.createElement(ke.sA,{id:e})},o.createElement(Gn,null,o.createElement(Dn.A,{color:Me.Ay[`desktop-color-ublue-06-${(0,b.u)().themeName}`],isActive:!0,size:"medium"})));var bn;!function(e){e.SUCCESS="success",e.WARNING="warning"}(bn||(bn={}));const Un=(0,M.A)(O.A,(0,g.A)("borderStyle","roamingWifiConnectivityStatus","totalAttempts"))`
  position: relative;
  top: -${yt.ED};
  left: ${yt.ED};
  ${({theme:{themeName:e},borderStyle:t,roamingWifiConnectivityStatus:n,totalAttempts:o})=>`\n    border-bottom: 1px ${t} ${Me.Ay[`desktop-color-${o?n===bn.WARNING?"orange-06":"green-06":"neutral-03"}-${e}`]};\n  width: 100%;`}
  > svg {
    left: calc(50% - ${yt.kc});
    transform: translateX(-50%);
  }
`,Yn=({roamingWifiConnectivityStatus:e,totalAttempts:t,borderStyle:n="solid"})=>o.createElement(Un,{borderStyle:n,roamingWifiConnectivityStatus:e,totalAttempts:t}),Fn=e=>Math.round(e)<80?bn.WARNING:bn.SUCCESS;var Xn=n(162420);const kn=e=>{return(t=e/100)>=.8?"hsl(138, 59%, 51%)":t>=.6?"hsl(51, 100%, 55%)":"hsl(359, 86%, 58%)";var t},$n=(0,M.A)(O.A,(0,g.A)("lastNode","width"))`
  margin-top: ${yt.kc};
  position: relative;
  gap: ${yt.YC};
  ${({width:e,lastNode:t})=>t?`\n      position: absolute;\n      left: -${e-20-4}px;\n      top: 41px;\n    `:""}
`,zn=({descriptionId:e,percentage:t,descriptionTooltipId:n,lastNode:a})=>{const{width:i,ref:s}=(0,r.A)();return o.createElement($n,{ref:s,lastNode:a,width:i},o.createElement(re.A,{size:"medium",color:"text-3"},o.createElement(ke.sA,{id:e})),o.createElement(re.A,{style:{color:kn(t)},size:"medium"},t,"%"),o.createElement(xn.A,{description:o.createElement(ke.sA,{id:n})},o.createElement("span",null,o.createElement(Xn.A,{size:"original",isActive:!0}))))},Hn=({icon:e,image:t,label:n,tooltipId:a,ratio:r,totalAttempts:i,lastNode:s,borderStyle:l,descriptionId:c,percentage:m,descriptionTooltipId:E})=>{const{themeName:u}=(0,b.u)();return o.createElement(o.Fragment,null,o.createElement(Pn,null,e?o.createElement(vn,{lastNode:s},o.createElement(e,{size:"large",color:Me.Ay[`desktop-color-neutral-08-${u}`]})):null,t,o.createElement(yn,null,o.createElement(re.A,{size:"small",color:"text-3"},n),a?o.createElement(Ln,{tooltipId:a}):null),s?null:o.createElement(Yn,{roamingWifiConnectivityStatus:Fn(r),borderStyle:l,totalAttempts:i})),o.createElement(zn,{descriptionId:c,percentage:m,descriptionTooltipId:E,lastNode:s}),s?o.createElement(wn,null):null)},Vn=({associationRatio:e,totalAttempts:t})=>{const{formatMessage:n}=(0,ke.tz)(),r=(0,a.useSelector)(gn);return o.createElement(Hn,{icon:fn.A,label:`${n({id:"WC_INITIAL_WIFI_CONNECTIONS"})} (${r})`,tooltipId:"WP_INITIAL_WIFI_CONNECTIONS_TOOLTIP",ratio:e,totalAttempts:t,borderStyle:"dashed",descriptionId:"COMMON_ASSOC",percentage:e,descriptionTooltipId:"WC_ASSOC_GUID"})};var Wn=n(104490),qn=n(532419);const Bn=({authenticationRatio:e,totalAttempts:t})=>{const{formatMessage:n}=(0,ke.tz)(),r=(0,a.useSelector)(qn.Zb);return o.createElement(Hn,{icon:Wn.A,label:`${n({id:"COMMON_ALL_APS"})} (${r})`,ratio:e,totalAttempts:t,descriptionId:"COMMON_AUTH",percentage:e,descriptionTooltipId:"WC_AUTH_GUID"})};var jn=n(602021),Zn=n(874807),Qn=n(381377),Jn=n(968906);const Kn=(0,M.A)(O.A)`
  width: ${36}px;
  height: ${24}px;
  cursor: pointer;
  z-index: 1;
`,eo=({dhcpRatio:e,totalAttempts:t})=>{const n=(0,a.useDispatch)(),{formatMessage:r}=(0,ke.tz)(),i=(0,a.useSelector)(jn.vc),{name:s,model:l,mac:c,type:m}=(0,a.useSelector)((0,o.useMemo)(()=>i?(0,qn.bw)(i,["name","model","mac","type"]):Zn.y2,[i])),E=!m&&!l,u=(0,o.useCallback)(()=>{n((0,Y.XP)({type:U.H.DEVICE,id:i}))},[n,i]);return o.createElement(Hn,{image:o.createElement(Kn,{onClick:u,...Jn.A.addDataTestId(Jn.A.TestId.SIDE_PANEL_TRIGGER)},E?o.createElement(Qn.A,null):o.createElement(fe.A,{model:l,size:Se.Xh.MEDIUM,variant:Se.Hx.NOPADDING})),label:E?r({id:"COMMON_NON_UNIFI_GW"}):(0,ve.Q)({model:l,name:s,mac:c}),ratio:e,totalAttempts:t,descriptionId:"COMMON_DHCP",percentage:e,descriptionTooltipId:"WC_DHCP_GUID"})};var to=n(970847);const no=({dnsRatio:e,totalAttempts:t})=>{const{formatMessage:n}=(0,ke.tz)();return o.createElement(Hn,{icon:to.A,label:n({id:"COMMON_INTERNET"}),ratio:e,totalAttempts:t,descriptionId:"COMMON_DNS",percentage:e,descriptionTooltipId:"WC_DNS_GUID"})};var oo=n(148625);const ao=({successRatio:e,totalAttempts:t})=>{const{formatMessage:n}=(0,ke.tz)();return o.createElement(Hn,{icon:oo.A,label:n({id:"COMMON_SERVER"}),ratio:e,totalAttempts:t,descriptionId:"COMMON_SUCCESS",percentage:e,descriptionTooltipId:"WC_SUCCESS_GUID",lastNode:!0})},ro=()=>{const{[un.ASSOCIATION_RATIO]:e,[un.AUTHENTICATION_RATIO]:t,[un.DHCP_RATIO]:n,[un.DNS_RATIO]:r,[un.SUCCESS_RATIO]:i,[un.TOTAL_ATTEMPTS]:s}=(0,a.useSelector)(Mn);return o.createElement(Cn,null,o.createElement(Sn,null,o.createElement(Vn,{associationRatio:e,totalAttempts:s})),o.createElement(Sn,null,o.createElement(Bn,{authenticationRatio:t,totalAttempts:s})),o.createElement(Sn,null,o.createElement(eo,{dhcpRatio:n,totalAttempts:s})),o.createElement(Sn,null,o.createElement(no,{dnsRatio:r,totalAttempts:s})),o.createElement(Sn,null,o.createElement(ao,{successRatio:i,totalAttempts:s})))};var io=n(936344),so=n(831743),lo=n(834042);const co=[{label:"100",value:100},{label:"80",value:80},{label:"60",value:60},{label:"40",value:40},{label:"20",value:20},{label:"0",value:0}],mo=[20,35,25,0],Eo="ROAMING_WIFI_CONNECTIVITY_GRAPH_MAIN_GRADIENT_ID",uo="ROAMING_WIFI_CONNECTIVITY_GRAPH_MAIN_GRADIENT_FADE_ID",Ao="ROAMING_WIFI_CONNECTIVITY_GRAPH_MASK_ID",_o={0:un.ASSOCIATION_RATIO,1:un.AUTHENTICATION_RATIO,2:un.DHCP_RATIO,3:un.DNS_RATIO,4:un.SUCCESS_RATIO},To={[un.ASSOCIATION_RATIO]:"WC_ASSOC_GUID",[un.AUTHENTICATION_RATIO]:"WC_AUTH_GUID",[un.DHCP_RATIO]:"WC_DHCP_GUID",[un.DNS_RATIO]:"WC_DNS_GUID",[un.SUCCESS_RATIO]:"WC_SUCCESS_GUID"},po=(0,M.A)(O.A)`
  width: 100%;
  height: 100%;
  flex-direction: column;
  > div:last-child {
    height: 0;
  }
`;var No=n(112142);const ho=(0,M.A)(O.A)`
  position: relative;
  left: 0;
`,Io=({left:e,top:t,hidden:n,x:a})=>o.createElement(ho,{top:-190},o.createElement(No.A,{width:252,left:e,top:t,description:o.createElement(re.A,{size:"small",color:"text-2"},o.createElement(ke.sA,{id:To[_o[a]]})),hidden:n,tooltipProps:{position:0===a?"topLeft":"top",maxWidth:"auto"}})),Mo=({wifiConnectivityAttempts:e})=>o.createElement("svg",null,o.createElement("defs",null,o.createElement("linearGradient",{id:Eo,gradientTransform:"rotate(0)"},e.map(([e,t],n,a)=>o.createElement("stop",{key:`${e}_${t}`,offset:100/(a.length-1)*n+"%",stopColor:kn(t),stopOpacity:1}))),o.createElement("linearGradient",{id:uo,x2:"0%",y2:"100%"},o.createElement("stop",{offset:"0%",stopColor:"white",stopOpacity:.7}),o.createElement("stop",{offset:"40%",stopColor:"white",stopOpacity:.4}),o.createElement("stop",{offset:"60%",stopColor:"white",stopOpacity:.2}),o.createElement("stop",{offset:"100%",stopColor:"white",stopOpacity:.1})),o.createElement("mask",{id:Ao,maskContentUnits:"objectBoundingBox"},o.createElement("rect",{width:"1",height:"1",fill:`url(#${uo})`})))),Oo=({width:e})=>{const{formatMessage:t}=(0,ke.tz)(),n=(0,o.useRef)(void 0),r=(0,a.useSelector)(Mn),i=(0,a.useSelector)(On),s=(0,o.useMemo)(()=>Object.entries(r).filter(([e])=>e!==un.TOTAL_ATTEMPTS),[r]),l=(0,o.useMemo)(()=>s.map(([e,t],n)=>({y:t,x:n})),[s]),c=(0,o.useMemo)(()=>Object.values(i).map((e,n,o)=>({label:t({id:o.length-1===n?"WC_TOT_LATENCY":"WC_LATENCY"},{latency:(0,lo.EJ)(e,t)}),value:n})),[i,t]),m=(0,o.useCallback)(()=>o.createElement(Mo,{wifiConnectivityAttempts:s}),[s]),E=(0,o.useCallback)(({left:e,top:t,hidden:n,x:a})=>r.total_attempts?o.createElement(Io,{left:e,top:t,hidden:n,x:a}):null,[r.total_attempts]),u=(0,o.useCallback)((e,t,a,r,i,s,c,u,A,d)=>o.createElement(so.A,{data:l,maxY:a,mouseData:t,getCoordinates:e,lineColor:"transparent",variant:"gradientArea",interpolation:"curved",customGradientId:Eo,customGradientMask:`url(#${Ao})`,allowCustomDots:!0,yAxisMax:s,yAxisMin:c,y2AxisMax:u,y2AxisMin:A,renderCustomGradient:m,tooltipPortal:n?.current,renderTooltip:E,showTooltip:d}),[l,m,E]);return o.createElement(po,null,o.createElement(io.A,{xAxis:c,yAxis:co,width:e,height:190,yLabelsOnRight:!0,margin:mo},u),o.createElement("div",{ref:n}))},go=({width:e})=>o.createElement(En,null,o.createElement(ro,null),o.createElement(Oo,{width:e})),Co=({width:e})=>{const t=(0,a.useDispatch)(),n=(0,a.useSelector)(p.dv),r=(0,a.useSelector)(p.Tv),i=(0,o.useMemo)(()=>({start:r.startDate.getTime(),end:r.endDate.getTime()}),[r]);return(0,o.useEffect)(()=>{n&&t((({start:e,end:t},n={},o={})=>(0,zt.An)([{model:nn,payload:n=>[{...n,[an]:`${e}_${t}`}]}],on,{queryParams:{start:e,end:t,apMac:"all",clientMac:"all",radioBand:"all"},...n},{idField:an,compareFunction:en,...o}))(i,void 0,{crudCacheStrategy:{type:cn.e.CACHE}}))},[n,i,t]),(0,rn.A)([(0,ln.Zi)(sn.B.WIFI_CONNECTIVITY),(0,ln.Zi)(sn.B.WIFI_PERFORMANCE)],o.createElement(mn,{roamingConnectivityVisual:n},o.createElement(re.A,{weight:"bold",size:"medium",color:"text-1"},o.createElement(ke.sA,{id:"COMMON_CONNECTIVITY"})),o.createElement(go,{width:e})))},So=()=>{(()=>{const e=(0,a.useDispatch)(),t=(0,a.useSelector)(p.g_),n=(0,a.useSelector)(p.mi),r=(0,a.useSelector)(p.M0),i=(0,a.useSelector)((0,o.useMemo)(()=>ot(t),[t])),l=(0,a.useSelector)((0,o.useMemo)(()=>(e=>(0,s.Mz)(ot(e),et.v9))(t),[t])),{rowsPerPage:c}=(0,st.A)(Je.l.ROAMING),m=(0,o.useCallback)(t=>{(0,a.batch)(()=>{e((0,$t.lB)((0,tt.F$)(t))),e((0,Ve.Mf)(mt.B)),e(Bt({data:{...t,[ut.Xz.PAGE_NUMBER]:mt.B}}))})},[e]),E=(0,o.useMemo)(()=>(0,Ft.A)(m,1500,Zt),[m]),u=(0,o.useCallback)((t,n)=>{e(Bt({data:{...t,[ut.Xz.PAGE_NUMBER]:n}}))},[e]),A=(0,o.useRef)(t),d=kt()((0,He.A)(A.current,[ut.Xz.PAGE_NUMBER]),(0,He.A)(t,ut.Xz.PAGE_NUMBER));(0,o.useEffect)(()=>{if(n)return e((0,Ve.UG)(!1)),void m(t);d||(e((0,Ve.Mf)(mt.B)),A.current=t,E(t))},[e,m,E,t,d,n]),(0,o.useEffect)(()=>{const e=(0,jt.G0)(r,c);(0,jt.Oi)({isNextPageUnloaded:(0,jt.$z)(i,e),allPagesLoaded:l,isSearchApplied:!1,areParamsEqual:d})&&u(t,e)},[u,c,d,l,t,i,e,r])})(),(()=>{const[e,t]=(0,o.useState)(!0),n=(0,a.useDispatch)(),r=(0,a.useSelector)(p.b$),i=(0,o.useCallback)(e=>{(0,a.batch)(()=>{n((0,$t.lB)((0,E.o)(e))),n(((e={},t={})=>(0,zt.Kd)((0,E.o)(e.data),Qt.gI,(0,E.o)(e.data),e,{idField:Qt.RR,method:Ht.A.POST,fetchConfig:{getAllPostResponse:!0},...t}))({data:e}))})},[n]),s=(0,o.useMemo)(()=>(0,Ft.A)(i,1500,Jt),[i]),l=(0,o.useRef)(r),c=kt()((0,He.A)(l.current,[ut.Xz.PAGE_NUMBER]),(0,He.A)(r,ut.Xz.PAGE_NUMBER));(0,o.useEffect)(()=>{if(e)return i(r),void t(!1);c||(l.current=r,s(r))},[n,e,i,s,r,c])})(),(()=>{const e=(0,a.useDispatch)();(0,o.useEffect)(()=>{Yt.wb.forEach(t=>{e((0,Ut.b)(t))})},[e])})();const{width:e,ref:t}=(0,r.A)(),n=(0,a.useSelector)(p.SC),i=(0,a.useSelector)(p.dv),l=(0,o.useMemo)(()=>{switch(n){case Ze.i.TABLE:return o.createElement(bt,null);case Ze.i.TOPOLOGY:return o.createElement(je,{connectivityVisual:i});default:return null}},[n,i]);return o.createElement(Kt,{ref:t},o.createElement(Co,{width:e}),l)}},646980(e,t,n){n.d(t,{A:()=>u});var o=n(296540),a=n(822336),r=n(642199),i=n(217439),s=n(71479),l=n(294303),c=n(566723),m=n(311785);const E=(0,s.A)(l.A,(0,m.A)("color"))`
  background-color: ${({color:e})=>e};
  padding: 0 ${c.YC};
  gap: 2px;
  border-radius: 2px;
  user-select: none;
  pointer-events: none;
  font-size: 6px;
  line-height: 6px;
  justify-content: center;
  align-items: center;
  z-index: 1;
`,u=({color:e,percentage:t,textProps:n={},iconProps:s={},hidePercentage:l=!1})=>o.createElement(E,{color:e},o.createElement(r.A,{color:a.Ay["desktop-color-text-1-dark"],...s}),l?null:o.createElement(i.A,{size:"inherit",color:"text-1-oncolor-alpha",...n},t,"%"))},971550(e,t,n){n.d(t,{A:()=>m,N:()=>l});var o=n(296540),a=n(71479),r=n(566723),i=n(294303),s=n(311785);const l=(0,a.A)(i.A,(0,s.A)("isPortrait","isGateway","isUdm"))`
  ${({isPortrait:e,isGatewayType:t,isUdm:n})=>`\n      padding-bottom: ${e?r.kc:"initial"};\n      height: ${e?"100%":"auto"};\n      display: flex;\n      align-items: center;\n      img {\n        width: ${(n?"20px":t&&"70%")||"inherit"};\n        height: ${(n?"40px":e&&"inherit")||"unset"} !important;\n      }  \n    `}
`,c=(0,a.A)(i.A)`
  img {
    object-position: right;
  }
`,m=({children:e,size:t=60,flexProps:n={}})=>o.createElement(c,{justifyContent:"flex-end",width:t,maxWidth:t,minWidth:t,height:t,maxHeight:t,minHeight:t,overflow:"hidden",zIndex:1,...n},e)},381377(e,t,n){n.d(t,{A:()=>s});var o=n(296540),a=n(469733),r=n(130851),i=n(971550);const s=({size:e=45})=>{const t=(0,a.useSelector)(r.p);return o.createElement(i.A,{size:e,flexProps:{alignItems:"center"}},o.createElement("img",{style:{width:"100%"},src:`${t}/device/generic.png`,alt:"Gateway"}))}},740618(e,t,n){n.d(t,{gm:()=>r,nr:()=>i});var o=n(146880);const a=n.n(o)().getParser(window.navigator.userAgent).getBrowserName().toLowerCase(),r="firefox"===a,i="safari"===a},834042(e,t,n){n.d(t,{EJ:()=>c,gy:()=>s,oP:()=>i,pi:()=>r,q8:()=>l,t:()=>a});var o=n(621690);const a=60,r=24,i=({minuteOfDay:e,use24HourFormat:t,formatMessage:n})=>{const o=Math.floor(e/60);return`${String(t?o:o%12||12).padStart(2,"0")}:${String(e%a).padStart(2,"0")}${t?"":` ${n({id:o>=12?"COMMON_PM":"COMMON_AM"})}`}`},s=(e,t,n)=>{const r=Math.max(1,Math.min(60,Math.floor(60/t))),s=Math.floor(60/r);return(0,o.A)(0,24).flatMap(t=>(0,o.A)(r).map(o=>{const r=o*s;return{label:i({use24HourFormat:e,formatMessage:n,minuteOfDay:t*a+r}),value:60*t+ +r}}))},l=e=>6e4*Math.round(e/6e4),c=(e,t)=>{const n=+(e/1e3).toFixed(1),o=+(n/1e3).toFixed(1),a=+(n/6e4).toFixed(1);return n<1e3?`${n} ${t({id:"COMMON_UNIT_MS"})}`:o<60?`${o} ${t({id:"COMMON_UNIT_S"})}`:`${a} ${t({id:"COMMON_UNIT_MIN"})}`}}}]);