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