"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[22130],{883122(e,n,i){i.d(n,{Kb:()=>l,RB:()=>o,UU:()=>s,qY:()=>r});var t=i(768167);const s=3,r=35,o={[t.SZ.OPTIMIZED]:"MULTICAST_OPTIMIZED",[t.SZ.FLOODING]:"MULTICAST_FLOODING"},l={[t.H8.AMAZON_DEVICES]:"MULTICAST_AMAZON_DEVICES",[t.H8.ANDROID_TV_REMOTE]:"MULTICAST_ANDROID_TV_REMOTE",[t.H8.APPLE_AIR_DROP]:"MULTICAST_APPLE_AIR_DROP",[t.H8.APPLE_AIR_PLAY]:"MULTICAST_APPLE_AIRPLAY",[t.H8.APPLE_FILE_SHARING]:"MULTICAST_APPLE_FILE_SHARING",[t.H8.APPLE_ICHAT]:"MULTICAST_APPLE_ICHAT",[t.H8.APPLE_ITUNES]:"MULTICAST_APPLE_ITUNES",[t.H8.AQARA]:"MULTICAST_AQARA",[t.H8.BOSE]:"MULTICAST_BOSE",[t.H8.DNS_SERVICE_DISCOVERY]:"MULTICAST_DNS_SERVICE_DISCOVERY",[t.H8.GOOGLE_CHROMECAST]:"MULTICAST_GOOGLE_CHROMECAST",[t.H8.HOME_KIT]:"MULTICAST_HOMEKIT",[t.H8.MATTER_NETWORK]:"MULTICAST_MATTER_NETWORK",[t.H8.PHILIPS_HUE]:"MULTICAST_PHILIPS_HUE",[t.H8.PRINTERS]:"MULTICAST_PRINTERS",[t.H8.ROKU]:"MULTICAST_ROKU",[t.H8.SCANNERS]:"MULTICAST_SCANNERS",[t.H8.SONOS]:"MULTICAST_SONOS",[t.H8.SPOTIFY_CONNECT]:"MULTICAST_SPOTIFY_CONNECT",[t.H8.SSH_SERVERS]:"MULTICAST_SSH_SERVERS",[t.H8.TIME_CAPSULE]:"MULTICAST_TIME_CAPSULE",[t.H8.WEB_SERVERS]:"MULTICAST_WEB_SERVERS",[t.H8.WINDOWS_FILE_SHARING_SAMBA]:"MULTICAST_WINDOWS_FILE_SHARING_SAMBA",[t.H8.OTHERS]:"MULTICAST_OTHERS"}},214333(e,n,i){var t;i.d(n,{s:()=>t}),function(e){e.COMPACT="compact",e.STANDARD="standard"}(t||(t={}))},693270(e,n,i){i.d(n,{A:()=>l});var t=i(602086),s=i(977872),r=i(820633),o=i(214333);const l=()=>{const e=(0,s.d4)(r.zi);return(0,t.useMemo)(()=>({[o.s.COMPACT]:new Intl.NumberFormat(e,{notation:"compact",compactDisplay:"short",maximumFractionDigits:1}),[o.s.STANDARD]:new Intl.NumberFormat(e,{notation:"standard"})}),[e])}},599299(e,n,i){i.d(n,{A:()=>f});var t=i(274934),s=i(780597),r=i.n(s),o=i(587039),l=i.n(o),A=i(995044),d=i.n(A),c=i(335996),a=i.n(c),_=i(208632),I=i.n(_),E=i(20300),m=i.n(E),T=i(42242),C=i.n(T),O=i(855920),S=i.n(O),u=i(124139),x=i.n(u),N=i(902928),R=i.n(N),h=i(875748),M=i.n(h),L=i(582456),D=i.n(L),g=i(601334),j=i.n(g),p=i(789732),P=i.n(p),U=i(470070);const f=({uptime:e=0})=>{const n=new Date;let i=r()(n,e);const s=e=>(i=e,i),o=l()(n,i),A=I()(n,s(x()(i,o))),c=d()(n,s(M()(i,A))),_=S()(n,s(R()(i,c))),E=C()(n,s(P()(i,_))),T=m()(n,s(j()(i,E))),O=a()(n,s(D()(i,T)));let u="DASHBOARD_DURATION_SECONDS";return o?u="DASHBOARD_DURATION_YEARS":A?u="DASHBOARD_DURATION_MONTHS":c?u="DASHBOARD_DURATION_WEEKS":_?u="DASHBOARD_DURATION_DAYS":E?u="DASHBOARD_DURATION_HOURS":T&&(u="DASHBOARD_DURATION_MINUTES"),(0,t.jsx)(U.sA,{id:u,values:{years:o,months:A,weeks:c,days:_,hours:E,minutes:T,seconds:O}})}},535322(e,n,i){i.d(n,{A:()=>E,I:()=>t});var t,s=i(274934),r=i(814557),o=i(158885),l=i(247816),A=i(565527),d=i(309130),c=i(100978),a=i(291508);!function(e){e.ACCORDION="accordion",e.BUTTON_LIST="buttonList"}(t||(t={}));const _=(0,l.A)(c.A,(0,a.A)("marginBottom","isButtonList","margin","flex","width","padding","nested","background"))`
  background-color: ${({background:e,nested:n,theme:{themeName:i}})=>e||r.Ay[i===A.S.DARK?`desktop-color-neutral-${n?"00":"01"}-${A.S.DARK}`:`desktop-color-neutral-${n?"01":"00"}-${A.S.LIGHT}`]};
  padding: ${({isButtonList:e,padding:n})=>n||(e?`0 ${d.Ln}`:d.Ln)};
  margin-bottom: ${({marginBottom:e})=>e||d.Ln};
  ${({margin:e})=>e?`margin: ${e};`:""}
  border-radius: 8px;
  flex-direction: column;
  width: ${({width:e="100%"})=>e};
  flex: ${({flex:e=0})=>e};
  > :last-child {
    margin-bottom: 0;
  }
  thead {
    tr {
      height: 32px !important;
    }
    th {
      text-transform: none;
    }
  }
  ${({isButtonList:e})=>e?`\n    > div {\n      display: flex;\n      height: 48px;\n      border-bottom: ${({theme:{themeName:e}})=>r.Ay[`desktop-border-divider-${e}`]};\n      &:last-child {\n        border-bottom: none;\n      }\n    }\n  `:""}
`,I=(0,l.A)(o.A,(0,a.A)("marginBottom","margin","flex","padding","nested","background"))`
  background-color: ${({background:e,nested:n,theme:{themeName:i}})=>e||r.Ay[i===A.S.DARK?`desktop-color-neutral-${n?"00":"01"}-${A.S.DARK}`:`desktop-color-neutral-${n?"01":"00"}-${A.S.LIGHT}`]};
  margin-bottom: ${({theme:e,marginBottom:n})=>n||e.spacing["spacing-l"]};
  ${({margin:e})=>e?`margin: ${e};`:""}
  ${({padding:e})=>e?`padding: ${e};`:""}
  border-radius: 8px;
  flex-direction: column;
  flex: ${({flex:e=0})=>e};
  > :last-child {
    margin-bottom: 0;
  }
  thead {
    tr {
      height: 32px !important;
    }
    th {
      text-transform: none;
    }
  }
  > li {
    > div:first-child {
      background: ${({background:e,theme:{themeName:n}})=>e||r.Ay[n===A.S.DARK?`desktop-color-neutral-01-${A.S.DARK}`:`desktop-color-neutral-00-${A.S.LIGHT}`]};
      height: 48px;
      padding: 0 ${d.Ln};
    }
    > div:nth-child(2) {
      margin-bottom: 0;
      padding: 0;
      > div {
        padding: 0 ${d.Ln} ${d.Ln};
      }
    }
  }
`,E=({type:e,marginBottom:n,margin:i,padding:r,flex:o,width:l,nested:A,...d})=>"items"in d?(0,s.jsx)(I,{marginBottom:n,margin:i,padding:r,flex:o,nested:A,...d}):(0,s.jsx)(_,{nested:A,width:l,marginBottom:n,margin:i,padding:r,flex:o,isButtonList:e===t.BUTTON_LIST,...d,children:d.children})},174710(e,n,i){i.d(n,{A:()=>o});var t=i(274934),s=i(304151),r=i(158498);const o=function({items:e,getItemKey:n,renderItem:i,maxItemCount:o,renderShowMore:l,showListMarkers:A,title:d,position:c,isInteractive:a,cursorType:_,listGap:I,iconProps:E}){return(0,t.jsx)(s.A,{title:d,position:c,isInteractive:a,cursorType:_,description:(0,t.jsx)(r.A,{items:e,getItemKey:n,renderItem:i,maxItemCount:o,listGap:I,renderShowMore:l,showListMarkers:A}),iconProps:E})}},986993(e,n,i){i.d(n,{A:()=>d});var t=i(274934),s=i(95032),r=i(470070),o=i(421314),l=i(300626),A=i(174710);const d=function({items:e,renderMultipleItemsSummary:n,renderListItem:i,renderNoItems:d,getItemKey:c,enabled:a=!0,showListMarkers:_,cursorType:I,isInteractive:E}){const m=a?"inherit":"disabled";return e.length>1?(0,t.jsx)(l.A,{tooltip:(0,t.jsx)(A.A,{items:e,getItemKey:c,renderItem:i,showListMarkers:_,isInteractive:E,cursorType:I}),children:(0,t.jsx)(o.A,{color:m,cursorType:I,children:n(e)})}):1===e.length?(0,t.jsx)(o.A,{color:m,cursorType:I,children:i(e[0])}):d?(0,t.jsx)(t.Fragment,{children:d()}):(0,t.jsx)(s.A,{isTruncated:!0,color:m,children:(0,t.jsx)(r.sA,{id:"COMMON_FALLBACK"})})}},300626(e,n,i){i.d(n,{A:()=>o});var t=i(274934),s=i(309130),r=i(100978);const o=({children:e,tooltip:n})=>(0,t.jsxs)(r.A,{maxWidth:"100%",overflow:"hidden",gap:s.YC,alignItems:"center",children:[e?(0,t.jsx)(r.A,{flex:1,overflow:"hidden",children:e}):null,n]})},22130(e,n,i){i.r(n),i.d(n,{default:()=>ue});var t=i(274934),s=i(81846),r=i(271656),o=i(720770),l=i(602086),A=i(938984),d=i(977872),c=i(470070),a=i(693270),_=i(214333),I=i(669439),E=i(205521),m=i(449339),T=i(535322),C=i(421314),O=i(523498),S=i(650632),u=i(768167),x=i(347625),N=i(119425),R=i(898809),h=i(195689),M=i(247816),L=i(100978),D=i(309130),g=i(291508);const j=(0,M.A)(L.A)`
  flex-direction: column;
  gap: ${D.kc};
`,p=(0,M.A)(L.A)`
  justify-content: space-between;
  align-items: center;
  gap: ${D.kc};
`,P=(0,M.A)(L.A,(0,g.A)("maxWidth"))`
  align-items: center;
  max-width: ${({maxWidth:e="50%"})=>e};
  gap: ${D.YC};
`,U=((0,M.A)(L.A)`
  align-items: center;
  gap: ${D.YC};
  width: 100%;
`,({[s.Fg.NAME]:e,[s.Fg.MAC]:n,[s.Fg.LAST_SEEN]:i,[s.Fg.STATUS]:r,[s.Fg.FINGERPRINT]:o,[s.Fg.IP]:M,[s.Fg.IPV6_ADDRESSES]:L=[],[s.Fg.OVERVIEW_24H]:{[s.Er.RX_PKTS]:D,[s.Er.TX_PKTS]:g,[s.Er.TOTAL_PKTS]:U},[s.Fg.NETWORK]:{[u.xv.NETWORK_ID]:f,[u.xv.NETWORK_NAME]:b},[s.Fg.UPLINK_DEVICE]:{[s.Oy.MAC]:H,[s.Oy.NAME]:k,[s.Oy.MODEL]:B}})=>{const W=(0,d.wA)(),{[_.s.COMPACT]:w,[_.s.STANDARD]:F}=(0,a.A)(),v=(0,l.useCallback)(()=>{W((0,E.XP)({type:m.H.CLIENT,id:n}))},[W,n]),K=(0,l.useCallback)(()=>{W((0,E.XP)({type:m.H.NETWORK,id:f}))},[W,f]),y=(0,l.useCallback)(()=>{W((0,E.XP)({type:m.H.DEVICE,id:H}))},[W,H]);return(0,t.jsx)(T.A,{children:(0,t.jsxs)(j,{children:[e||n?(0,t.jsxs)(p,{children:[(0,t.jsx)(P,{children:(0,t.jsx)(A.A,{size:"medium",color:"text-2",children:(0,t.jsx)(c.sA,{id:"COMMON_SOURCE"})})}),(0,t.jsxs)(P,{maxWidth:"70%",children:[(0,t.jsx)(S.A,{client:{fingerprint:o},width:20,height:20}),(0,t.jsx)(O.A,{size:"medium",onClick:v,children:e||n})]})]}):null,M?(0,t.jsxs)(p,{children:[(0,t.jsx)(P,{children:(0,t.jsx)(A.A,{size:"medium",color:"text-2",children:(0,t.jsx)(c.sA,{id:"COMMON_IPV4_ADDRESS"})})}),(0,t.jsx)(P,{children:(0,t.jsx)(C.A,{size:"medium",color:"text-3",children:M})})]}):null,L.length?(0,t.jsxs)(p,{children:[(0,t.jsx)(P,{children:(0,t.jsx)(A.A,{size:"medium",color:"text-2",children:(0,t.jsx)(c.sA,{id:"COMMON_IPV6_ADDRESS"})})}),(0,t.jsx)(P,{maxWidth:"70%",children:(0,t.jsx)(h.A,{ipv6:L,size:"medium",color:"text-3",hideCopyIcon:!0})})]}):null,n?(0,t.jsxs)(p,{children:[(0,t.jsx)(P,{children:(0,t.jsx)(A.A,{size:"medium",color:"text-2",children:(0,t.jsx)(c.sA,{id:"COMMON_MAC_ADDRESS"})})}),(0,t.jsx)(P,{children:(0,t.jsx)(C.A,{size:"medium",color:"text-3",children:n})})]}):null,b?(0,t.jsxs)(p,{children:[(0,t.jsx)(P,{children:(0,t.jsx)(A.A,{size:"medium",color:"text-2",children:(0,t.jsx)(c.sA,{id:"COMMON_VLAN"})})}),(0,t.jsx)(P,{maxWidth:"70%",children:(0,t.jsx)(O.A,{size:"medium",onClick:K,children:b})})]}):null,H?(0,t.jsxs)(p,{children:[(0,t.jsx)(P,{children:(0,t.jsx)(A.A,{size:"medium",color:"text-2",children:(0,t.jsx)(c.sA,{id:"COMMON_CONNECTED_TO"})})}),(0,t.jsx)(P,{maxWidth:"70%",children:(0,t.jsx)(O.A,{size:"medium",onClick:y,children:(0,x.Q)({name:k,model:B,mac:H})})})]}):null,r===s.eC.OFFLINE&&Number.isFinite(i)?(0,t.jsxs)(p,{children:[(0,t.jsx)(P,{children:(0,t.jsx)(A.A,{size:"medium",color:"text-2",children:(0,t.jsx)(c.sA,{id:"COMMON_LAST_SEEN"})})}),(0,t.jsx)(P,{children:(0,t.jsx)(A.A,{size:"medium",color:"text-3",children:(0,t.jsx)(N.A,{date:(0,R.gH)(i)})})})]}):null,Number.isFinite(U)?(0,t.jsxs)(p,{children:[(0,t.jsx)(P,{children:(0,t.jsxs)(A.A,{size:"medium",color:"text-2",children:[(0,t.jsx)(c.sA,{id:"MULTICAST_TOTAL"})," (",(0,t.jsx)(c.sA,{id:"COMMON_DATE_RANGE_SHORT_24H"}),")"]})}),(0,t.jsx)(P,{children:(0,t.jsx)(I.A,{description:(0,t.jsxs)("span",{children:[F.format(U)," ",(0,t.jsx)(c.sA,{id:"COMMON_UNIT_PKTS"})]}),children:(0,t.jsxs)(A.A,{size:"medium",color:"text-3",children:[w.format(U)," ",(0,t.jsx)(c.sA,{id:"COMMON_UNIT_PKTS"})]})})})]}):null,Number.isFinite(g)?(0,t.jsxs)(p,{children:[(0,t.jsx)(P,{children:(0,t.jsxs)(A.A,{size:"medium",color:"text-2",children:[(0,t.jsx)(c.sA,{id:"MULTICAST_TRANSMIT"})," (",(0,t.jsx)(c.sA,{id:"COMMON_DATE_RANGE_SHORT_24H"}),")"]})}),(0,t.jsx)(P,{children:(0,t.jsx)(I.A,{description:(0,t.jsxs)("span",{children:[F.format(g)," ",(0,t.jsx)(c.sA,{id:"COMMON_UNIT_PKTS"})]}),children:(0,t.jsxs)(A.A,{size:"medium",color:"text-3",children:[w.format(g)," ",(0,t.jsx)(c.sA,{id:"COMMON_UNIT_PKTS"})]})})})]}):null,Number.isFinite(D)?(0,t.jsxs)(p,{children:[(0,t.jsx)(P,{children:(0,t.jsxs)(A.A,{size:"medium",color:"text-2",children:[(0,t.jsx)(c.sA,{id:"MULTICAST_RECEIVE"})," (",(0,t.jsx)(c.sA,{id:"COMMON_DATE_RANGE_SHORT_24H"}),")"]})}),(0,t.jsx)(P,{children:(0,t.jsx)(I.A,{description:(0,t.jsxs)("span",{children:[F.format(D)," ",(0,t.jsx)(c.sA,{id:"COMMON_UNIT_PKTS"})]}),children:(0,t.jsxs)(A.A,{size:"medium",color:"text-3",children:[w.format(D)," ",(0,t.jsx)(c.sA,{id:"COMMON_UNIT_PKTS"})]})})})]}):null]})})});var f,b=i(656705);!function(e){e.SERVICE="service",e.MULTICAST_TRANSMIT="multicastTransmit"}(f||(f={}));const H=e=>(0,t.jsx)(c.sA,{id:B[e]});var k=i(883122);const B={[f.SERVICE]:"COMMON_SERVICE",[f.MULTICAST_TRANSMIT]:"MULTICAST_TRANSMIT"},W={[f.SERVICE]:H,[f.MULTICAST_TRANSMIT]:H},w={[f.SERVICE]:{size:140,minSize:140,maxSize:1/0},[f.MULTICAST_TRANSMIT]:{size:120,minSize:120,maxSize:1/0}},F={[f.SERVICE]:({[s.pf.CODE]:e,[s.pf.DISPLAY_NAME]:n})=>(0,t.jsx)(C.A,{size:"inherit",color:"inherit",children:(0,t.jsx)(c.sA,{id:k.Kb[e],defaultMessage:n})}),[f.MULTICAST_TRANSMIT]:({[s.pf.TOTAL_PKTS]:e})=>{const{[_.s.COMPACT]:n,[_.s.STANDARD]:i}=(0,a.A)();return(0,t.jsx)(I.A,{description:(0,t.jsxs)("span",{children:[i.format(e)," ",(0,t.jsx)(c.sA,{id:"COMMON_UNIT_PKTS"})]}),children:(0,t.jsx)("span",{children:(0,t.jsxs)(C.A,{size:"inherit",color:"inherit",children:[n.format(e)," ",(0,t.jsx)(c.sA,{id:"COMMON_UNIT_PKTS"})]})})})}},v={[f.SERVICE]:({original:{[s.pf.DISPLAY_NAME]:e}},{original:{[s.pf.DISPLAY_NAME]:n}})=>e.localeCompare(n),[f.MULTICAST_TRANSMIT]:({original:{[s.pf.TOTAL_PKTS]:e}},{original:{[s.pf.TOTAL_PKTS]:n}})=>n-e},K=Object.values(f),y=e=>e,$=({header:{id:e}})=>W[e](e),V=e=>w[e],z=e=>v[e],G=({column:{id:e},getValue:n})=>F[e](n()),X="MULTICAST_SERVICE_OVERVIEW_TABLE_HEADER_CLASSNAME",Y="MULTICAST_SERVICE_OVERVIEW_TABLE_ROW_CLASSNAME",Z={columns:K.map(e=>({id:e,accessorFn:y,header:$,cell:G,...V(e),enableResizing:!1,enableSorting:!0,sortingFn:z(e)})),stickyHeader:!0,sorting:{id:f.MULTICAST_TRANSMIT,isAscending:!0},headerClassName:X,rowClassName:Y};var Q=i(814557),q=i(565527);const J=(0,M.A)(L.A)`
  flex-direction: column;
  max-height: 320px;
  overflow: auto;
  thead {
    background: ${({theme:{themeName:e}})=>Q.Ay[e===q.S.DARK?"desktop-color-neutral-01-dark":"desktop-color-neutral-00-light"]};
  }
  .${X} {
    > tr > th {
      &:first-child {
        padding-left: 0;
      }
      &:last-child > span {
        justify-content: flex-end;
      }
    }
    button {
      display: none;
    }
  }
  .${Y} {
    > td:last-child {
      display: flex;
      justify-content: flex-end;
    }
  }
`,ee=({[s.Fg.SERVICE_BREAKDOWN]:e})=>(0,t.jsx)(J,{children:(0,t.jsx)(b.A,{data:e,...Z})}),ne=({[s.Fg.SERVICE_BREAKDOWN]:e})=>{const n=(0,l.useMemo)(()=>[{id:"multicastServiceOverview",openByDefault:!0,label:(0,t.jsxs)("span",{children:[(0,t.jsx)(c.sA,{id:"MULTICAST_MULTICAST_SERVICE_OVERVIEW"})," (",(0,t.jsx)(c.sA,{id:"COMMON_DATE_RANGE_SHORT_24H"}),")"]}),renderContent:()=>(0,t.jsx)(ee,{service_breakdown:e})}],[e]);return e.length?(0,t.jsx)(T.A,{type:T.I.ACCORDION,items:n}):null};var ie=i(820633),te=i(897166),se=i(570801),re=i(513458),oe=i(954702),le=i(599299),Ae=i(558948);const de="MULTICAST_IGMP_MEMBERSHIP_STATUS_INDICATOR",ce={[s.eC.ONLINE]:"positive",[s.eC.OFFLINE]:"destructive"},ae=(0,M.A)(L.A)`
  flex-direction: column;
  gap: ${D.Ln};
  padding: ${D.kc};
  background-color: ${({theme:{themeName:e}})=>Q.Ay[`desktop-color-neutral-${e===q.S.LIGHT?"01":"02"}-${e}`]};
  border: 1px solid ${({theme:{themeName:e}})=>Q.Ay[`desktop-color-neutral-03-${e}`]};
  border-radius: ${Q.Ay["desktop-radius-global"]};
  .${de} {
    margin-right: ${D.YC};
  }
`,_e=(0,M.A)(L.A)`
  flex-direction: column;
`,Ie=(0,M.A)(Ae.A)`
  margin: ${D.kc} 0;
`,Ee=(0,M.A)(L.A)`
  flex-direction: column;
`,me=(0,M.A)(L.A)`
  align-items: center;
  justify-content: space-between;
`,Te=(0,M.A)(L.A)`
  align-items: center;
  gap: ${D.YC};
  min-width: 0;
  > button {
    min-width: 0;
    max-width: 100%;
  }
`,Ce=({[s.XL.GROUP_IP]:e,[s.XL.GROUP_NAME]:n,[s.XL.MEMBERS]:i,intlDateTimeFormat:o,onClientClick:d,onDeviceClick:a})=>(0,t.jsxs)(ae,{children:[(0,t.jsx)(A.A,{color:"text-1",size:"medium",weight:"bold",children:n?(0,t.jsxs)(t.Fragment,{children:[n," (",e,")"]}):e}),(0,t.jsx)(_e,{children:i.map(({[s.dl.MAC]:e,[s.dl.NAME]:n,[s.dl.FINGERPRINT]:_,[s.dl.AGE_MS]:I,[s.dl.STATUS]:E,[s.dl.UPLINK_DEVICE]:{[s.aV.MAC]:m,[s.aV.NAME]:T,[s.aV.MODEL]:O,[s.aV.PORT]:u}=(0,r.A)()},N)=>(0,t.jsxs)(l.Fragment,{children:[(0,t.jsxs)(Ee,{children:[(0,t.jsxs)(me,{children:[(0,t.jsxs)(Te,{maxWidth:"50%",children:[(0,t.jsx)(re.A,{className:de,status:ce[E]||ce[s.eC.OFFLINE]}),(0,t.jsxs)(Te,{children:[(0,t.jsx)(S.A,{client:{fingerprint:_},width:20,height:20}),(0,t.jsx)(oe.A,{type:"button",fontSize:"medium",children:(0,t.jsx)(C.A,{size:"medium",color:"inherit",onClick:d(e),children:n||e})})]})]}),m?(0,t.jsx)(Te,{maxWidth:"50%",children:(0,t.jsx)(oe.A,{type:"button",fontSize:"medium",children:(0,t.jsxs)(C.A,{size:"inherit",color:"inherit",onClick:a(m),children:[(0,x.Q)({name:T,model:O,mac:m}),u?(0,t.jsxs)(t.Fragment,{children:[" ,",(0,t.jsx)(c.sA,{id:"COMMON_PORT"})," ",u]}):null]})})}):null]}),Number.isFinite(I)?(0,t.jsx)(me,{marginLeft:20,children:(0,t.jsxs)(A.A,{size:"small",color:"text-3",children:[o.format(Date.now()-I)," | ",(0,t.jsx)(le.A,{uptime:I/1e3})]})}):null]}),N+1<i.length?(0,t.jsx)(Ie,{}):null]},e))})]}),Oe=(0,M.A)(L.A)`
  flex-direction: column;
  gap: ${D.kc};
`,Se=({[s.Fg.MEMBERSHIPS]:e})=>{const n=(0,d.wA)(),i=(0,d.d4)(ie.zi),r=(0,d.d4)(te.hq),o=(0,d.d4)(se.BQ),A=(0,l.useMemo)(()=>new Intl.DateTimeFormat(i,{timeZone:r,hourCycle:o,day:"numeric",month:"short",hour:"numeric",minute:"numeric",year:"numeric"}),[i,r,o]),a=(0,l.useCallback)(e=>()=>{n((0,E.XP)({type:m.H.CLIENT,id:e}))},[n]),_=(0,l.useCallback)(e=>()=>{n((0,E.XP)({type:m.H.DEVICE,id:e}))},[n]),I=(0,l.useMemo)(()=>e.filter(({[s.XL.MEMBERS]:e})=>Boolean(e.length)),[e]),C=(0,l.useMemo)(()=>[{id:"multicastIgmpBreakdown",openByDefault:!0,label:(0,t.jsx)(c.sA,{id:"MULTICAST_IGMP_BREAKDOWN"}),renderContent:()=>(0,t.jsx)(Oe,{children:I.map(({[s.XL.GROUP_IP]:e,[s.XL.GROUP_NAME]:n,[s.XL.MEMBERS]:i})=>(0,t.jsx)(Ce,{group_ip:e,group_name:n,members:i,intlDateTimeFormat:A,onClientClick:a,onDeviceClick:_},`${e}-${n}`))})}],[I,A,_,a]);return I.length?(0,t.jsx)(T.A,{type:T.I.ACCORDION,items:C}):null},ue=({activeItem:{[s.Fg.NAME]:e,[s.Fg.IP]:n,[s.Fg.IPV6_ADDRESSES]:i,[s.Fg.MAC]:l,[s.Fg.LAST_SEEN]:A,[s.Fg.STATUS]:d,[s.Fg.FINGERPRINT]:c=(0,r.A)(),[s.Fg.OVERVIEW_24H]:a=(0,r.A)(),[s.Fg.NETWORK]:_=(0,r.A)(),[s.Fg.UPLINK_DEVICE]:I=(0,r.A)(),[s.Fg.SERVICE_BREAKDOWN]:E=(0,r.A)(),[s.Fg.MEMBERSHIPS]:m=(0,o.A)()}})=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(U,{name:e,ip:n,ipv6_addresses:i,mac:l,last_seen:A,status:d,fingerprint:c,overview_24h:a,network:_,uplink_device:I}),(0,t.jsx)(ne,{service_breakdown:E}),(0,t.jsx)(Se,{memberships:m})]})},195689(e,n,i){i.d(n,{A:()=>E});var t=i(274934),s=i(602086),r=i(938984),o=i(688684),l=i(640708),A=i(421314),d=i(986993),c=i(100978),a=i(635187),_=i(316628),I=i(470070);const E=({ipv6:e=[],enabled:n=!0,size:i="inherit",color:E="inherit",showOnlyPrefix:m=!1,hideCopyIcon:T=!1})=>{const C=(0,_.A)(),O=(0,s.useCallback)((e,n)=>{n.stopPropagation(),n.preventDefault(),C(e)},[C]),S=(0,s.useMemo)(()=>(e=>{const n=e=>(0,l.G8)(e)?0:(0,l.ZV)(e)?1:2;return e.sort((e,i)=>n(e)-n(i))})(e||[]).map(e=>{const[n,i]=e.split(a.Ed);return m?`${(0,l.Gh)(n,Number(i))}/${i}`:(0,l.z2)(e)}),[e,m]),u=S?.[0];return u?(0,t.jsxs)(c.A,{maxWidth:"100%",justifyContent:"flex-end",children:[(0,t.jsx)(A.A,{enabled:n,flexProps:{justifyContent:"flex-end",alignItems:"center"},color:n?E:"disabled",size:i,children:u}),S?.length>1?(0,t.jsx)(d.A,{items:S,isInteractive:!0,showListMarkers:!1,getItemKey:e=>e,renderListItem:e=>(0,t.jsxs)(t.Fragment,{children:[e,(0,t.jsx)(o.A,{size:"original",actionable:!0,onClick:n=>{O(e,n)}})]}),renderMultipleItemsSummary:()=>null}):T?null:(0,t.jsx)(o.A,{size:"original",actionable:!0,onClick:e=>{O(u,e)}})]}):(0,t.jsx)(r.A,{size:i,color:n?E:"disabled",children:(0,t.jsx)(I.sA,{id:"COMMON_FALLBACK"})})}},521376(e,n,i){var t;i.d(n,{U:()=>t}),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"}(t||(t={}))},316628(e,n,i){i.d(n,{A:()=>l});var t=i(602086),s=i(977872),r=i(700444),o=i(159469);const l=()=>{const e=(0,s.wA)();return(0,t.useCallback)(n=>null!=n?navigator.clipboard.writeText(n.toString()).then(()=>{e((0,r.ox)({icon:o.C.success,message:"COMMON_COPIED_TO_CLIPBOARD",duration:1e3}))}):Promise.resolve(),[e])}},656705(e,n,i){i.d(n,{A:()=>C});var t,s,r,o,l,A=i(274934),d=i(602086);!function(e){e.TABLE="table"}(t||(t={})),function(e){e.ROW_ID_MAP_BY_INDEX="rowIdMapByIndex",e.INDEX_MAP_BY_ROW_ID="indexMapByRowId"}(s||(s={})),function(e){e.ON_KEY_DOWN="onKeyDown",e.INCOMING_ROW_PROPS="incomingRowProps",e.HAS_ON_ROW_CLICK="hasOnRowClick"}(r||(r={})),function(e){e.INCOMING_ON_ROW_CLICK="incomingOnRowClick",e.LOCAL_CURRENT_INDEX="localCurrentIndex"}(o||(o={})),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"}(l||(l={}));const c="data-row-id";var a=i(202730),_=i(147045);var I=i(521376);const E=e=>e?.children?.[1]?.children;var m=i(587389);const T=(0,i(247816).A)(m.A)`
  tr {
    outline: none;
  }
`,C=({data:e=[],rowProps:n,onRowClick:i,...m})=>{const C=(0,d.useRef)(null),O=(0,d.useRef)(null),{[s.ROW_ID_MAP_BY_INDEX]:S,[s.INDEX_MAP_BY_ROW_ID]:u}=(({[t.TABLE]:e})=>{const[n,i]=(0,d.useState)(()=>e?E(e):void 0);(0,d.useEffect)(()=>{e&&i(E(e))},[e]);const{[s.ROW_ID_MAP_BY_INDEX]:r,[s.INDEX_MAP_BY_ROW_ID]:o}=(0,d.useMemo)(()=>{const e=new Map,i=new Map,t=n?.length;if(n&&t)for(let s=0;s<t;s+=1){const t=n[s].getAttribute(c);t&&(e.set(t,s),i.set(s,t))}return{[s.ROW_ID_MAP_BY_INDEX]:e,[s.INDEX_MAP_BY_ROW_ID]:i}},[n]);return{[s.ROW_ID_MAP_BY_INDEX]:r,[s.INDEX_MAP_BY_ROW_ID]:o}})({[t.TABLE]:C.current}),x=(e=>{const n=(0,d.useRef)(new Map),i=(0,d.useRef)(void 0);if(i.current!==e){i.current=e,n.current.clear();const t=e.length;for(let i=0;i<t;i+=1)n.current.set(e[i].id,e[i])}return n})(e),N=(({[l.DATA_MAP_REFERENCE]:e,[l.ROW_ID_MAP_BY_INDEX]:n,[l.INDEX_MAP_BY_ROW_ID]:i,[l.INCOMING_ON_ROW_CLICK]:t,[l.LOCAL_CURRENT_INDEX]:s,[l.MULTI_SELECT_MODE]:r})=>{const o=(0,d.useCallback)(e=>{e.preventDefault()},[]),A=(0,d.useCallback)(()=>{const n=e.current.get(i.get(s.current+1));n&&(t?.(n),s.current+=1)},[i,s,t,e]),c=(0,d.useCallback)(()=>{const n=e.current.get(i.get(s.current-1));n&&(t?.(n),s.current-=1)},[i,s,t,e]);return(0,d.useCallback)((e,{id:i})=>e=>{if(!r&&t){const t=n.get(i);if(Number.isFinite(t))switch(null===s.current&&(s.current=t),e.key){case I.U.ARROW_DOWN:o(e),A();break;case I.U.ARROW_UP:o(e),c()}}},[t,s,r,o,n,A,c])})({[l.DATA_MAP_REFERENCE]:x,[l.ROW_ID_MAP_BY_INDEX]:S,[l.INDEX_MAP_BY_ROW_ID]:u,[l.INCOMING_ON_ROW_CLICK]:i,[l.LOCAL_CURRENT_INDEX]:O,[l.MULTI_SELECT_MODE]:m.multiSelectMode}),R=(({[r.INCOMING_ROW_PROPS]:e,[r.ON_KEY_DOWN]:n,[r.HAS_ON_ROW_CLICK]:i})=>(0,d.useCallback)((t,s)=>({...i?{[_.L]:a.b.SIDE_PANEL_TRIGGER}:{},...e?.(t,s),[c]:t.id,tabIndex:0,onKeyDown:n(t,s)}),[e,n,i]))({[r.INCOMING_ROW_PROPS]:n,[r.ON_KEY_DOWN]:N,[r.HAS_ON_ROW_CLICK]:Boolean(i)}),h=(({[o.INCOMING_ON_ROW_CLICK]:e,[o.LOCAL_CURRENT_INDEX]:n})=>{const i=(0,d.useCallback)(i=>{n.current=null,e?.(i)},[e,n]);return e?i:void 0})({[o.INCOMING_ON_ROW_CLICK]:i,[o.LOCAL_CURRENT_INDEX]:O});return(0,A.jsx)(T,{ref:C,data:e,rowProps:R,onRowClick:h,tableHeight:e.length?"100%":void 0,virtualize:!0,virtualizeColumn:!0,overscan:6,overscanColumn:1,stickyHeader:!0,...m})}}}]);