"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[77430],{143748(e,t,n){n.d(t,{A:()=>A});var r=n(296540),l=n(888170),c=n(509796),i=n(125832);const a=16.5,o=(0,n(722860).c)(i.A);function E({motif:e="light",parent:t,expanded:n,child:i,hideLines:E,lastChild:A,rowHeight:m=32,onClick:s,position:u}){const _={width:"32px",height:1},d=l.Ay.motifs[e].neutral04;if(t)return r.createElement(c.A,{className:o("hierarchyGlyphIcon"),value:n?"minus":"plus",motif:e,isExpanded:n,onClick:s});if(E)return null;if((A||i)&&"top"===u){const e=m/2;return r.createElement("svg",{..._,height:e+.5},r.createElement("line",{stroke:d,strokeWidth:1,x1:a,y1:.5,x2:a,y2:e}),r.createElement("line",{stroke:d,strokeWidth:1,x1:a,y1:e,x2:32,y2:e}))}return A||i?r.createElement("svg",{..._},r.createElement("line",{stroke:d,strokeWidth:1,x1:"15.5",y1:"0.5",x2:"32",y2:"0.5"})):null}function A(e){const{className:t="",motif:n="light",hideCellBorder:l,tag:c="td",lastChild:i,expanded:a,parent:A,position:m="center",hideLines:s,...u}=e;return r.createElement(c,{className:o.concat(t)(!l&&"borderedCell",!l&&`borderedCell-${n}`,"hierarchyGlyph",`hierarchyGlyph-${n}`,a&&!s&&"hierarchyGlyph-expanded",i&&"hierarchyGlyph-lastChild",A&&"hierarchyGlyph-parent","top"===m&&"top")},r.createElement(E,{motif:n,lastChild:i,expanded:a,parent:A,position:m,...u}))}A.defaultProps={child:!1,lastChild:!1,expanded:!1,parent:!1,hideLines:!1,hideCellBorder:!1,motif:"light"}},371240(e,t,n){n.d(t,{A:()=>a});var r=n(296540),l=n(961390),c=n(382389),i=n(822336);const a=()=>r.createElement(l.A,{style:{transform:"rotate(90deg)"},size:"original",color:i.Ay[`desktop-color-neutral-05-${(0,c.u)().themeName}`]})},460169(e,t,n){n.r(t),n.d(t,{default:()=>We});var r=n(296540),l=n(340936),c=n(725842),i=n(237947),a=n(523275),o=n(71479),E=n(294303);const A=(0,o.A)(E.A)`
  flex-direction: column;
  height: 100%;
  min-height: 1000px;
  position: relative;
  overflow: hidden;
`;var m=n(469733),s=n(382389),u=n(845030),_=n(968906),d=n(689965),C=n(6176),I=n(398300),N=n(262690),M=n(568294),O=n(6510),R=n(705145),S=n(566723);const T=(0,o.A)(E.A)`
  width: 100%;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
`,h=(0,o.A)(E.A)`
  flex-direction: column;
  gap: ${S.YC};
  align-items: center;
  cursor: pointer;
  width: 30%;
  > p {
    max-width: 100%;
  }
`,D=(0,o.A)(R.A)`
  max-width: 100%;
  overflow: hidden;
`;var f=n(963565),p=n(925338);const L=({edge:{[c.tr.TOTAL_ROAM_ATTEMPTS]:e,[c.tr.TOTAL_SUCCESSFUL_ROAMS]:t},fromVertex:{[c.Cj.MAC]:n,[c.Cj.MODEL]:l,[c.Cj.NAME]:i},toVertex:{[c.Cj.MAC]:a,[c.Cj.MODEL]:o,[c.Cj.NAME]:E}})=>{const A=(0,m.useDispatch)(),{themeName:R}=(0,s.u)(),S=(0,r.useCallback)(e=>()=>{A((0,u.XP)({type:I.H.DEVICE,id:e}))},[A]),{percentage:L,roamingColor:g}=(0,r.useMemo)(()=>(e=>({percentage:e,roamingColor:(0,M.R)(e,R)}))(Math.round(t/e*100)),[t,e,R]),x=(0,r.useMemo)(()=>(0,O.Q)({name:i,mac:n,model:l}),[n,i,l]),b=(0,r.useMemo)(()=>(0,O.Q)({name:E,mac:a,model:o}),[a,E,o]);return r.createElement(d.A,null,r.createElement(T,null,r.createElement(h,{onClick:S(n),..._.A.addDataTestId(_.A.TestId.SIDE_PANEL_TRIGGER)},r.createElement(C.A,{width:N.b3,height:N.SI,model:l}),r.createElement(D,{isTruncated:!0,size:"small",color:"text-1"},x)),r.createElement(f.A,{percentage:L,roamingColor:g,direction:p.P.BOTH}),r.createElement(h,{onClick:S(a),..._.A.addDataTestId(_.A.TestId.SIDE_PANEL_TRIGGER)},r.createElement(C.A,{width:N.b3,height:N.SI,model:o}),r.createElement(D,{isTruncated:!0,size:"small",color:"text-1"},b))))};var g=n(217439),x=n(916537),b=n(371240);const P=(0,o.A)(E.A)`
  flex-direction: column;
  gap: ${S.kc};
`,G=(0,o.A)(E.A)`
  gap: ${S.kc};
  align-items: center;
`,v=(0,o.A)(E.A)`
  gap: ${S.YC};
  align-items: center;
  cursor: pointer;
  max-width: 45%;
`,w=(0,o.A)(E.A)`
  width: 100%;
  justify-content: space-between;
  align-items: center;
`,z=20,U=({edge:{[c.tr.ENDPOINT_1_TO_ENDPOINT_2]:{[c.W2.ROAM_ATTEMPTS]:e=0,[c.W2.SUCCESSFUL_ROAMS]:t=0,[c.W2.FAST_ROAMING]:n=0,[c.W2.TRIGGERED_BY_ROAMING_ASSISTANT]:l=0,[c.W2.TRIGGERED_BY_MINIMAL_RSSI]:i=0},[c.tr.ENDPOINT_2_TO_ENDPOINT_1]:{[c.W2.ROAM_ATTEMPTS]:a=0,[c.W2.SUCCESSFUL_ROAMS]:o=0,[c.W2.FAST_ROAMING]:E=0,[c.W2.TRIGGERED_BY_ROAMING_ASSISTANT]:A=0,[c.W2.TRIGGERED_BY_MINIMAL_RSSI]:s=0}},fromVertex:{[c.Cj.MODEL]:N,[c.Cj.NAME]:M,[c.Cj.MAC]:S},toVertex:{[c.Cj.MODEL]:T,[c.Cj.NAME]:h,[c.Cj.MAC]:D}})=>{const f=(0,m.useDispatch)(),p=(0,r.useCallback)(e=>()=>{f((0,u.XP)({type:I.H.DEVICE,id:e}))},[f]),{fromDeviceName:L,toDeviceName:U}=(0,r.useMemo)(()=>({fromDeviceName:(0,O.Q)({name:M,model:N,mac:S}),toDeviceName:(0,O.Q)({name:h,model:T,mac:D})}),[M,N,S,h,T,D]),k=n+l+i>0,y=E+A+s>0;return r.createElement(r.Fragment,null,r.createElement(d.A,null,r.createElement(P,null,r.createElement(G,null,r.createElement(v,{onClick:p(S),..._.A.addDataTestId(_.A.TestId.SIDE_PANEL_TRIGGER)},r.createElement(C.A,{width:z,height:z,model:N}),r.createElement(R.A,{isTruncated:!0,size:"medium",color:"text-2"},L||r.createElement(x.sA,{id:"COMMON_FALLBACK"}))),r.createElement(b.A,null),r.createElement(v,{onClick:p(D),..._.A.addDataTestId(_.A.TestId.SIDE_PANEL_TRIGGER)},r.createElement(C.A,{width:z,height:z,model:T}),r.createElement(R.A,{isTruncated:!0,size:"medium",color:"text-2"},U||r.createElement(x.sA,{id:"COMMON_FALLBACK"})))),r.createElement(w,null,r.createElement(g.A,{size:"medium",color:"text-2"},r.createElement(x.sA,{id:"ROAMING_TOTAL_ROAM_ATTEMPTS"})),r.createElement(g.A,{size:"medium",color:"text-3"},e)),r.createElement(w,null,r.createElement(g.A,{size:"medium",color:"text-2"},r.createElement(x.sA,{id:"ROAMING_FAILED_ROAMS"})),r.createElement(g.A,{size:"medium",color:"text-3"},e-t)),k?r.createElement(r.Fragment,null,r.createElement(w,null,r.createElement(g.A,{size:"medium",color:"text-2"},r.createElement(x.sA,{id:"ROAMING_FAST_ROAMING"})),r.createElement(g.A,{size:"medium",color:"text-3"},n)),r.createElement(w,null,r.createElement(g.A,{size:"medium",color:"text-2"},r.createElement(x.sA,{id:"COMMON_ROAMING_ASSISTANT"})),r.createElement(g.A,{size:"medium",color:"text-3"},l)),r.createElement(w,null,r.createElement(g.A,{size:"medium",color:"text-2"},r.createElement(x.sA,{id:"COMMON_MINIMUM_RSSI"})),r.createElement(g.A,{size:"medium",color:"text-3"},i))):null)),r.createElement(d.A,null,r.createElement(P,null,r.createElement(G,null,r.createElement(v,{onClick:p(D),..._.A.addDataTestId(_.A.TestId.SIDE_PANEL_TRIGGER)},r.createElement(C.A,{width:z,height:z,model:T}),r.createElement(R.A,{isTruncated:!0,size:"medium",color:"text-2"},U||r.createElement(x.sA,{id:"COMMON_FALLBACK"}))),r.createElement(b.A,null),r.createElement(v,{onClick:p(S),..._.A.addDataTestId(_.A.TestId.SIDE_PANEL_TRIGGER)},r.createElement(C.A,{width:z,height:z,model:N}),r.createElement(R.A,{isTruncated:!0,size:"medium",color:"text-2"},L||r.createElement(x.sA,{id:"COMMON_FALLBACK"})))),r.createElement(w,null,r.createElement(g.A,{size:"medium",color:"text-2"},r.createElement(x.sA,{id:"ROAMING_TOTAL_ROAM_ATTEMPTS"})),r.createElement(g.A,{size:"medium",color:"text-3"},a)),r.createElement(w,null,r.createElement(g.A,{size:"medium",color:"text-2"},r.createElement(x.sA,{id:"ROAMING_FAILED_ROAMS"})),r.createElement(g.A,{size:"medium",color:"text-3"},a-o)),y?r.createElement(r.Fragment,null,r.createElement(w,null,r.createElement(g.A,{size:"medium",color:"text-2"},r.createElement(x.sA,{id:"ROAMING_FAST_ROAMING"})),r.createElement(g.A,{size:"medium",color:"text-3"},E)),r.createElement(w,null,r.createElement(g.A,{size:"medium",color:"text-2"},r.createElement(x.sA,{id:"COMMON_ROAMING_ASSISTANT"})),r.createElement(g.A,{size:"medium",color:"text-3"},A)),r.createElement(w,null,r.createElement(g.A,{size:"medium",color:"text-2"},r.createElement(x.sA,{id:"COMMON_MINIMUM_RSSI"})),r.createElement(g.A,{size:"medium",color:"text-3"},s))):null)))};var k,y,B,W=n(511752);!function(e){e.NAME="name",e.MAC="mac",e.ROAMS="roams"}(k||(k={})),function(e){e.TOP_ROAMING_CLIENT_COLUMN="topRoamingClientColumn"}(y||(y={})),function(e){e.TOP_ROAMING_CLIENT="topRoamingClient"}(B||(B={}));const X=({[y.TOP_ROAMING_CLIENT_COLUMN]:e})=>r.createElement(x.sA,{id:$[e]});var F=n(703447),Y=n(115829);const V=(0,o.A)(E.A)`
  align-items: center;
  gap: ${S.YC};
`,$={[k.NAME]:"COMMON_NAME",[k.MAC]:"COMMON_MAC_ADDRESS",[k.ROAMS]:"ROAMING_ROAMS"},j={[k.NAME]:({[y.TOP_ROAMING_CLIENT_COLUMN]:e})=>r.createElement(X,{topRoamingClientColumn:e}),[k.MAC]:({[y.TOP_ROAMING_CLIENT_COLUMN]:e})=>r.createElement(X,{topRoamingClientColumn:e}),[k.ROAMS]:({[y.TOP_ROAMING_CLIENT_COLUMN]:e})=>r.createElement(X,{topRoamingClientColumn:e})},H={[k.NAME]:{size:110,minSize:110,maxSize:1/0},[k.MAC]:{size:90,minSize:90,maxSize:1/0},[k.ROAMS]:{size:60,minSize:60,maxSize:1/0}},K={[k.NAME]:({[B.TOP_ROAMING_CLIENT]:{[c.TN.FINGERPRINT]:e,[c.TN.MAC]:t,[c.TN.NAME]:n}})=>r.createElement(V,null,r.createElement(F.A,{width:24,height:24,client:{fingerprint:e}}),r.createElement(Y.A,null,n||t||r.createElement(x.sA,{id:"COMMON_FALLBACK"}))),[k.MAC]:({[B.TOP_ROAMING_CLIENT]:{[c.TN.MAC]:e}})=>r.createElement(Y.A,{size:"medium",color:"text-2"},e||r.createElement(x.sA,{id:"COMMON_FALLBACK"})),[k.ROAMS]:({[B.TOP_ROAMING_CLIENT]:{[c.wf.ROAM_ATTEMPTS]:e,[c.wf.SUCCESSFUL_ROAMS]:t}})=>r.createElement(Y.A,{size:"medium",color:"text-2"},t," / ",e)},q=Object.values(k),Q=e=>e,Z=({header:{id:e}})=>j[e]({[y.TOP_ROAMING_CLIENT_COLUMN]:e}),J=e=>H[e],ee=({column:{id:e},getValue:t})=>K[e]({[B.TOP_ROAMING_CLIENT]:t()}),te=q.map(e=>({id:e,accessorFn:Q,header:Z,cell:ee,...J(e),enableResizing:!1,enableSorting:!1}));var ne=n(822336),re=n(825032);const le=(0,o.A)(E.A)`
  flex-direction: column;
  max-height: 160px;
  overflow: auto;
  thead {
    background: ${({theme:{themeName:e}})=>ne.Ay[e===re.S.DARK?"desktop-color-neutral-01-dark":"desktop-color-neutral-00-light"]};
  }
`,ce=({edge:{[c.tr.TOP_ROAMING_CLIENTS]:e=[]},clients:t=[]})=>{const n=(0,m.useDispatch)(),l=(0,r.useCallback)(({[c.TN.MAC]:e})=>{n((0,u.XP)({type:I.H.CLIENT,id:e}))},[n]),i=(0,r.useMemo)(()=>e.map(e=>({...e,...t.find(t=>t.mac===e.mac)||(0,a.A)()})).sort(({[c.wf.ROAM_ATTEMPTS]:e,[c.wf.SUCCESSFUL_ROAMS]:t},{[c.wf.ROAM_ATTEMPTS]:n,[c.wf.SUCCESSFUL_ROAMS]:r})=>n+r-(e+t)),[e,t]);return i.length?r.createElement(d.A,null,r.createElement(le,null,r.createElement(W.A,{data:i,columns:te,onRowClick:l,width:"100%",stickyHeader:!0}))):null};var ie=n(592563),ae=n(691189),oe=n(887831),Ee=n(717905),Ae=n(165126),me=n(429252),se=n.n(me),ue=n(335187),_e=n(307803);const de=`${_e.A2}/roamingEvents`,Ce=_e.gI,Ie=e=>[de,JSON.stringify((0,Ae.A)(e,ue.x))].join(),Ne=({queryParams:e},{queryParams:t})=>se()(e,t);var Me=n(94998),Oe=n(801081),Re=n(25553),Se=n(87485);var Te=n(860765),he=n(64749),De=n(513272),fe=n(371715),pe=n(311785);const Le=(0,o.A)("div",(0,pe.A)("top"))`
  width: 100%;
  position: absolute;
  top: ${({top:e})=>e}px;
`,ge=(0,o.A)(E.A)`
  flex-direction: column;
  gap: ${S.xO};
`,xe=(0,o.A)(E.A)`
  flex-direction: column;
  overflow: auto;
`,be=(0,o.A)(ie.A)`
  maxwidth: 100px;
`;var Pe=n(868106),Ge=n(273299);const ve=(0,o.A)(E.A)`
  align-items: center;
  gap: ${S.kc};
  margin-bottom: ${S.YC};
  margin-top: 2px;
`,we=(0,o.A)(E.A)`
  align-items: center;
  gap: ${S.YC};
  p {
    cursor: pointer;
    max-width: 100px !important;
  }
`,ze=({[Me.bE.TIME]:e,[Me.bE.FROM_ENDPOINT]:{[Me.AX.DEVICE_NAME]:t,[Me.AX.DEVICE_MAC]:n,[Me.AX.RSSI]:l,[Me.AX.CHANNEL]:c,[Me.AX.BAND]:i,[Me.AX.CHANNEL_WIDTH]:a,[Me.AX.DEVICE_MODEL]:o},[Me.bE.TO_ENDPOINT]:{[Me.AX.DEVICE_NAME]:E,[Me.AX.DEVICE_MAC]:A,[Me.AX.RSSI]:m,[Me.AX.CHANNEL]:u,[Me.AX.BAND]:_,[Me.AX.CHANNEL_WIDTH]:d,[Me.AX.DEVICE_MODEL]:C},[Me.bE.CLIENT]:{[Me.Sf.NAME]:I,[Me.Sf.MAC]:S},[Me.bE.STATUS]:T,[Me.bE.TYPE]:h,[Me.bE.DISCONNECTION_DURATION_SECONDS]:D,[Me.bE.TRIGGERED_BY_MINIMAL_RSSI]:f,[Me.bE.TRIGGERED_BY_ROAMING_ASSISTANT]:p,showLine:L,onClientClick:P,onDeviceClick:G})=>{const{formatMessage:v}=(0,x.tz)(),w=((e,t,n)=>N.qL.includes(t)?ne.Ay[`desktop-color-${t===Me.U7.SUCCESS_ROAMING?"green":"red"}-06-${n}`]:ne.Ay[`desktop-color-${e===Me.o4.SUCCESS?"green":"red"}-06-${n}`])(T,h,(0,s.u)().themeName);return r.createElement(Pe.A,{showLine:L,dotColor:w,timestamp:e,header:r.createElement(ve,null,r.createElement(we,null,r.createElement(R.A,{isTruncated:!0,size:"small",color:"text-2",onClick:G(n)},(0,O.Q)({name:t,mac:n,model:o})),r.createElement(b.A,null),r.createElement(R.A,{isTruncated:!0,size:"small",color:"text-2",onClick:G(A)},(0,O.Q)({name:E,mac:A,model:C}))),r.createElement(g.A,{style:{color:w},size:"small"},r.createElement(x.sA,{id:(z=T,U=h,N.qL.includes(U)?U===Me.U7.SUCCESS_ROAMING?"COMMON_SUCCESS":"ROAMING_FAILURE":z===Me.o4.SUCCESS?"COMMON_SUCCESS":"ROAMING_FAILURE")}))),main:r.createElement("div",{style:{whiteSpace:"nowrap",maxWidth:"110px"}},r.createElement(be,{type:"button",fontSize:"medium",onClick:P(S),style:{maxWidth:"200%"}},r.createElement(R.A,{isTruncated:!0,size:"inherit",color:"inherit"},I||S))),content:r.createElement(r.Fragment,null,r.createElement("div",null,r.createElement(g.A,{color:"text-3",size:"small"},`${(0,Ge.Z)(v({id:"COMMON_FROM"}))}: ${(0,M.Mw)({formatMessage:v,channel:c,band:i,channelWidth:a,rssi:l})}`)),r.createElement("div",null,r.createElement(g.A,{color:"text-3",size:"small"},`${(0,Ge.Z)(v({id:"COMMON_TO"}))}: ${(0,M.Mw)({formatMessage:v,channel:u,band:_,channelWidth:d,rssi:m})}`)),f?r.createElement("div",null,r.createElement(g.A,{color:"text-3",size:"small"},r.createElement(x.sA,{id:"ROAMING_MINIMAL_RSSI_USED"}))):null,p?r.createElement("div",null,r.createElement(g.A,{color:"text-3",size:"small"},r.createElement(x.sA,{id:"ROAMING_ASSISTANT_USED"}))):null),...D?{footer:r.createElement(r.Fragment,null,r.createElement(g.A,{color:"text-3",size:"small"},r.createElement(x.sA,{id:"ROAMING_DISCONNECTED_FOR",values:{seconds:D}})))}:{}});var z,U},Ue={},ke="roaming-topology-overview-container",ye=({endpoint1Mac:e,endpoint2Mac:t,containerHeight:n})=>{const l=(0,m.useDispatch)(),c=(0,r.useMemo)(()=>[e,t],[e,t]),i=(0,r.useMemo)(()=>({[Me.Xz.EVENT_TYPES]:[Me.U7.SUCCESS_ROAMING,Me.U7.FAILED_ROAMING],[Me.Xz.SOURCE_DEVICE_MACS]:c,[Me.Xz.DESTINATION_DEVICE_MACS]:c,[Me.Xz.PAGE_SIZE]:15,[Me.Xz.PAGE_NUMBER]:Te.B}),[c]),a=(0,m.useSelector)((0,r.useMemo)(()=>(e=>(0,Oe.Mz)((e=>(0,Oe.Mz)((e=>t=>t.models[Ie(e)]||{})(e),t=>(0,Re.Al)(t,{data:e},{compareFunction:Ne,excludePlaceholders:!0})))(e),Se.kh))(i),[i]));(0,r.useEffect)(()=>{l((0,fe.lB)(Ie(i))),l(((e={},t={})=>(0,ae.sU)(Ie(e.data),Ce,e,{method:oe.A.POST,idField:"id",fetchConfig:{getAllPostResponse:!0},additionalPayloadSelectors:{[Ee.bI.PAGE_NUMBER]:{fallback:e.data.pageNumber}},compareFunction:Ne,...t}))({data:i}))},[l,i]);const o=(0,r.useCallback)(e=>()=>{l((0,u.XP)({type:I.H.CLIENT,id:e}))},[l]),E=(0,r.useCallback)(e=>()=>{l((0,u.XP)({type:I.H.DEVICE,id:e}))},[l]),A=(0,r.useCallback)(()=>{(0,m.batch)(()=>{l((0,he._L)(De.i.TABLE)),l((0,he.TU)(i[Me.Xz.EVENT_TYPES])),l((0,he.T9)(i[Me.Xz.SOURCE_DEVICE_MACS])),l((0,he.q)(i[Me.Xz.DESTINATION_DEVICE_MACS])),l((0,u.K5)())})},[l,i]);(0,r.useEffect)(()=>{a.length&&(Ue[c.join()]=[...a])},[a,c]);const s=(0,r.useMemo)(()=>a.length?a:Ue[c.join()]||[],[c,a]),[_,C]=(e=>{const[t,n]=(0,r.useState)(0),[l,c]=(0,r.useState)(0),[i,a]=(0,r.useState)(0),o=document.getElementById(ke),E=(0,r.useCallback)(()=>{n(e=>e+1)},[]),A=(0,r.useMemo)(()=>new MutationObserver(E),[E]);return(0,r.useEffect)(()=>{if(o){A.observe(o,{childList:!0,subtree:!0,attributes:!0});const t=Array.from(o.children).slice(0,-1).map(({offsetHeight:e})=>e).reduce((e,t)=>e+t,0);c(e-t-146),a(t+64)}return()=>{A.disconnect()}},[e,t,A,o]),[l,i]})(n);return s.length?r.createElement(Le,{top:C},r.createElement(d.A,null,r.createElement(ge,{maxHeight:_},r.createElement(xe,null,s.map(({[Me.bE.ID]:e,[Me.bE.TIME]:t,[Me.bE.FROM_ENDPOINT]:n,[Me.bE.TO_ENDPOINT]:l,[Me.bE.CLIENT]:c,[Me.bE.STATUS]:i,[Me.bE.TYPE]:a,[Me.bE.DISCONNECTION_DURATION_SECONDS]:A,[Me.bE.TRIGGERED_BY_MINIMAL_RSSI]:m,[Me.bE.TRIGGERED_BY_ROAMING_ASSISTANT]:s},u,_)=>{return r.createElement(ze,{key:e,showLine:(d=_[u+1],(({currentStatus:e,currentType:t,nextStatus:n,nextType:r})=>(N.qL.includes(t)?t===Me.U7.SUCCESS_ROAMING?Me.o4.SUCCESS:Me.o4.FAILURE:e)===(r&&N.qL.includes(r)?r===Me.U7.SUCCESS_ROAMING?Me.o4.SUCCESS:Me.o4.FAILURE:n))({currentStatus:i,currentType:a,nextStatus:d?.[Me.bE.STATUS],nextType:d?.[Me.bE.TYPE]})),time:t,from_endpoint:n,to_endpoint:l,client:c,status:i,type:a,disconnection_duration_seconds:A,triggered_by_minimal_rssi:m,triggered_by_roaming_assistant:s,onClientClick:o,onDeviceClick:E});var d})),r.createElement(ie.A,{style:{width:"fit-content"},type:"button",fontSize:"medium",onClick:A},r.createElement(x.sA,{id:"COMMON_FULL_LOG"}))))):null};var Be;!function(e){e.ID="id"}(Be||(Be={}));const We=({activeItem:{[Be.ID]:e,[c.mO.EDGES]:t=[],[c.mO.VERTICES]:n=[],[c.mO.CLIENTS]:o=[]}})=>{const{ref:E,height:m=0}=(0,l.A)(),[s,u]=e.split(i.hJ),_=(0,r.useMemo)(()=>t.find(e=>e[c.tr.ENDPOINT_1_MAC]===s&&e[c.tr.ENDPOINT_2_MAC]===u),[t,s,u]),{fromVertex:d,toVertex:C}=(0,r.useMemo)(()=>n.reduce((e,t)=>(t[c.Cj.MAC]===s&&(e.fromVertex=t),t[c.Cj.MAC]===u&&(e.toVertex=t),e),{fromVertex:(0,a.A)(),toVertex:(0,a.A)()}),[n,s,u]);return _?r.createElement(A,{id:ke,ref:E},r.createElement(L,{edge:_,fromVertex:d,toVertex:C}),r.createElement(U,{edge:_,fromVertex:d,toVertex:C}),r.createElement(ce,{edge:_,clients:o}),r.createElement(ye,{endpoint1Mac:s,endpoint2Mac:u,containerHeight:m})):null}},372737(e,t,n){var r;n.d(t,{U:()=>r}),function(e){e.ARROW_LEFT="ArrowLeft",e.ARROW_RIGHT="ArrowRight",e.ARROW_DOWN="ArrowDown",e.ARROW_UP="ArrowUp",e.ENTER="Enter",e.ESCAPE="Escape",e.BACKSPACE="Backspace",e.DELETE="Delete",e.TAB="Tab"}(r||(r={}))},511752(e,t,n){n.d(t,{A:()=>_});var r,l,c,i,a,o=n(296540);!function(e){e.TABLE="table"}(r||(r={})),function(e){e.ROW_ID_MAP_BY_INDEX="rowIdMapByIndex",e.INDEX_MAP_BY_ROW_ID="indexMapByRowId"}(l||(l={})),function(e){e.ON_KEY_DOWN="onKeyDown",e.INCOMING_ROW_PROPS="incomingRowProps"}(c||(c={})),function(e){e.INCOMING_ON_ROW_CLICK="incomingOnRowClick",e.LOCAL_CURRENT_INDEX="localCurrentIndex"}(i||(i={})),function(e){e.DATA_MAP_REFERENCE="dataMapReference",e.ROW_ID_MAP_BY_INDEX="rowIdMapByIndex",e.INDEX_MAP_BY_ROW_ID="indexMapByRowId",e.INCOMING_ON_ROW_CLICK="incomingOnRowClick",e.LOCAL_CURRENT_INDEX="localCurrentIndex",e.MULTI_SELECT_MODE="multiSelectMode"}(a||(a={}));const E="data-row-id";var A=n(372737);const m=e=>e?.children?.[1]?.children;var s=n(762319);const u=(0,n(71479).A)(s.A)`
  tr {
    outline: none;
  }
`,_=({data:e=[],rowProps:t,onRowClick:n,...s})=>{const _=(0,o.useRef)(null),d=(0,o.useRef)(null),{[l.ROW_ID_MAP_BY_INDEX]:C,[l.INDEX_MAP_BY_ROW_ID]:I}=(({[r.TABLE]:e})=>{const[t,n]=(0,o.useState)(()=>e?m(e):void 0);(0,o.useEffect)(()=>{e&&n(m(e))},[e]);const{[l.ROW_ID_MAP_BY_INDEX]:c,[l.INDEX_MAP_BY_ROW_ID]:i}=(0,o.useMemo)(()=>{const e=new Map,n=new Map,r=t?.length;if(t&&r)for(let l=0;l<r;l+=1){const r=t[l].getAttribute(E);r&&(e.set(r,l),n.set(l,r))}return{[l.ROW_ID_MAP_BY_INDEX]:e,[l.INDEX_MAP_BY_ROW_ID]:n}},[t]);return{[l.ROW_ID_MAP_BY_INDEX]:c,[l.INDEX_MAP_BY_ROW_ID]:i}})({[r.TABLE]:_.current}),N=(e=>{const t=(0,o.useRef)(new Map),n=(0,o.useRef)();if(n.current!==e){n.current=e,t.current.clear();const r=e.length;for(let n=0;n<r;n+=1)t.current.set(e[n].id,e[n])}return t})(e),M=(({[a.DATA_MAP_REFERENCE]:e,[a.ROW_ID_MAP_BY_INDEX]:t,[a.INDEX_MAP_BY_ROW_ID]:n,[a.INCOMING_ON_ROW_CLICK]:r,[a.LOCAL_CURRENT_INDEX]:l,[a.MULTI_SELECT_MODE]:c})=>{const i=(0,o.useCallback)(e=>{e.preventDefault()},[]),E=(0,o.useCallback)(()=>{const t=e.current.get(n.get(l.current+1));t&&(r?.(t),l.current+=1)},[n,l,r,e]),m=(0,o.useCallback)(()=>{const t=e.current.get(n.get(l.current-1));t&&(r?.(t),l.current-=1)},[n,l,r,e]);return(0,o.useCallback)((e,{id:n})=>e=>{if(!c&&r){const r=t.get(n);if(Number.isFinite(r))switch(null===l.current&&(l.current=r),e.key){case A.U.ARROW_DOWN:i(e),E();break;case A.U.ARROW_UP:i(e),m()}}},[r,l,c,i,t,E,m])})({[a.DATA_MAP_REFERENCE]:N,[a.ROW_ID_MAP_BY_INDEX]:C,[a.INDEX_MAP_BY_ROW_ID]:I,[a.INCOMING_ON_ROW_CLICK]:n,[a.LOCAL_CURRENT_INDEX]:d,[a.MULTI_SELECT_MODE]:s.multiSelectMode}),O=(({[c.INCOMING_ROW_PROPS]:e,[c.ON_KEY_DOWN]:t})=>(0,o.useCallback)((n,r)=>({...e?.(n,r),[E]:n.id,tabIndex:0,onKeyDown:t(n,r)}),[e,t]))({[c.INCOMING_ROW_PROPS]:t,[c.ON_KEY_DOWN]:M}),R=(({[i.INCOMING_ON_ROW_CLICK]:e,[i.LOCAL_CURRENT_INDEX]:t})=>{const n=(0,o.useCallback)(n=>{t.current=null,e?.(n)},[e,t]);return e?n:void 0})({[i.INCOMING_ON_ROW_CLICK]:n,[i.LOCAL_CURRENT_INDEX]:d});return o.createElement(u,{ref:_,data:e,rowProps:O,onRowClick:R,tableHeight:e.length?"100%":void 0,virtualize:!0,virtualizeColumn:!0,overscan:6,overscanColumn:1,...s})}},340936(e,t,n){n.d(t,{A:()=>c});var r=n(296540);function l(e,t,n){return e[t]?e[t][0]?e[t][0][n]:e[t][n]:"contentBoxSize"===t?e.contentRect["inlineSize"===n?"width":"height"]:void 0}function c(e){void 0===e&&(e={});var t=e.onResize,n=(0,r.useRef)(void 0);n.current=t;var c=e.round||Math.round,i=(0,r.useRef)(),a=(0,r.useState)({width:void 0,height:void 0}),o=a[0],E=a[1],A=(0,r.useRef)(!1);(0,r.useEffect)(function(){return A.current=!1,function(){A.current=!0}},[]);var m=(0,r.useRef)({width:void 0,height:void 0}),s=function(e,t){var n=(0,r.useRef)(null),l=(0,r.useRef)(null);l.current=t;var c=(0,r.useRef)(null);(0,r.useEffect)(function(){i()});var i=(0,r.useCallback)(function(){var t=l.current,r=c.current||(t?t instanceof Element?t:t.current:null);n.current&&n.current.element===r&&n.current.subscriber===e||(n.current&&n.current.cleanup&&n.current.cleanup(),n.current={element:r,subscriber:e,cleanup:r?e(r):void 0})},[e]);return(0,r.useEffect)(function(){return function(){n.current&&n.current.cleanup&&(n.current.cleanup(),n.current=null)}},[]),(0,r.useCallback)(function(e){c.current=e,i()},[i])}((0,r.useCallback)(function(t){return i.current&&i.current.box===e.box&&i.current.round===c||(i.current={box:e.box,round:c,instance:new ResizeObserver(function(t){var r=t[0],i="border-box"===e.box?"borderBoxSize":"device-pixel-content-box"===e.box?"devicePixelContentBoxSize":"contentBoxSize",a=l(r,i,"inlineSize"),o=l(r,i,"blockSize"),s=a?c(a):void 0,u=o?c(o):void 0;if(m.current.width!==s||m.current.height!==u){var _={width:s,height:u};m.current.width=s,m.current.height=u,n.current?n.current(_):A.current||E(_)}})}),i.current.instance.observe(t,{box:e.box}),function(){i.current&&i.current.instance.unobserve(t)}},[e.box,c]),e.ref);return(0,r.useMemo)(function(){return{ref:s,width:o.width,height:o.height}},[s,o.width,o.height])}}}]);