"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[16715,16730],{22169:(e,t,l)=>{l.d(t,{A:()=>m});var n=l(296540),r=l(217439),a=l(699784),o=l(115829),i=l(39705),c=l(294303);const m=({ipv6:e,size:t="inherit",color:l="inherit"})=>{const m=e?.[0];return m?n.createElement(c.A,{width:"100%",justifyContent:"flex-end"},n.createElement(o.A,{flexProps:{justifyContent:"flex-end",alignItems:"center"},color:l,size:t},m),e?.length>1?n.createElement(i.A,{items:e,isInteractive:!0,showListMarkers:!1,getItemKey:e=>e,renderListItem:e=>n.createElement(n.Fragment,null,e),renderMultipleItemsSummary:()=>null}):null):n.createElement(r.A,{size:t,color:l},n.createElement(a.sA,{id:"COMMON_FALLBACK"}))}},39705:(e,t,l)=>{l.d(t,{A:()=>m});var n=l(296540),r=l(705145),a=l(699784),o=l(115829),i=l(424135),c=l(819127);const m=function({items:e,renderMultipleItemsSummary:t,renderListItem:l,renderNoItems:m,getItemKey:s,enabled:d=!0,showListMarkers:p,cursorType:_,isInteractive:u}){const E=d?"inherit":"disabled";return e.length>1?n.createElement(i.A,{tooltip:n.createElement(c.A,{items:e,getItemKey:s,renderItem:l,showListMarkers:p,isInteractive:u,cursorType:_})},n.createElement(o.A,{color:E,cursorType:_},t(e))):1===e.length?n.createElement(o.A,{color:E,cursorType:_},l(e[0])):m?n.createElement(n.Fragment,null,m()):n.createElement(r.A,{isTruncated:!0,color:E},n.createElement(a.sA,{id:"COMMON_FALLBACK"}))}},46119:(e,t,l)=>{l.d(t,{A:()=>n});const n={open:(e,t="_blank",l="noopener,noreferrer")=>window.open(e,t,l)}},124092:(e,t,l)=>{l.d(t,{A:()=>h});var n=l(469733),r=l(296540),a=l(962926),o=l(705145),i=l(71479),c=l(132196),m=l(6510),s=l(130851),d=l(566723),p=l(294303),_=l(6176);const u=c.AH`
  margin-bottom: ${d.Ln};
  margin-top: ${d.Ln};
`,E=(0,i.A)("div")`
  align-self: center;
  overflow: hidden;
  word-break: break-word;
`,A=(0,i.A)("img")`
  width: 40px;
  height: 40px;
  object-fit: contain;
`,h=({children:e,description:t,meshingDescription:l,isOffline:i,activeItem:h,style:f,className:g,isStacking:v})=>{const y=(0,n.useSelector)(s.p);return r.createElement(a.A,{className:(0,c.cx)(u,g),sections:[r.createElement("div",null,r.createElement(p.A,{gap:d.kc},v?r.createElement(A,{src:`${y}/topology/stacking.png`,alt:"stacked"}):r.createElement(_.A,{model:h.model,width:40,height:40}),r.createElement(E,{style:f},r.createElement(o.A,{color:i?"text-3":"text-1",weight:"bold",isTruncated:!0},(0,m.Lm)(h.model)),t)),l,e)]})}},136283:(e,t,l)=>{l.d(t,{A:()=>h});var n=l(296540),r=l(903992),a=l(793336),o=l(722860);const i=(0,o.c)(r.A),c=n.memo(({headerIcon:e,title:t,motif:l="light"})=>{if(!e&&!t)return null;const a=e;return n.createElement("div",{className:i("title",`title-${l}`)},void 0!==a&&(o=a,c={className:r.A.headerIcon},n.isValidElement(o)?n.cloneElement(o,c):o?n.createElement(o,c):null),t);var o,c}),m=(0,o.c)(r.A),s=n.memo(({className:e,header:t,headerIcon:l,title:r,onRequestClose:o,motif:i,closeIconProps:s})=>{if(void 0!==t){if(n.isValidElement(t))return n.cloneElement(t);{const l=t;return n.createElement(l,{className:e,onRequestClose:o})}}return n.createElement("header",{className:m.concat(e)("header",r&&"hasTitle")},n.createElement(c,{headerIcon:l,title:r,motif:i}),void 0!==o&&n.createElement("button",{onClick:o,className:m("closeButton"),type:"button"},n.createElement(a.A,{...s,actionable:!0,motif:i,className:m("closeIcon",`closeIcon-${i}`)})))});var d=l(325898),p=l(758649),_=l(676933);const u=(0,o.c)(r.A),E=n.memo(e=>{const{className:t,footer:l,actions:a,onRequestClose:o,motif:i}=e,{motif:c}=(0,d.A)(i);if(l){if(n.isValidElement(l))return n.cloneElement(l,{onRequestClose:o});{const e=l;return n.createElement(e,{className:t,onRequestClose:o})}}if(!a)return null;const m=({text:e,ref:t,...l},r)=>n.createElement(p.A,{ref:t,key:r,motif:c,...l},e),s=[];return a.forEach((e,t)=>{Array.isArray(e)?(t&&s.push(n.createElement("div",{key:`spacer-${t}`,className:r.A.footerActionSpacer})),s.push(...e.map((e,l)=>m(e,`${t}_${l}`)))):s.push(m(e,t.toString()))}),n.createElement("footer",{className:u.concat(t)("footer",`footer-${c}`)},n.createElement(_.A,{className:r.A.footerButtonGroup},s))}),A=(0,o.c)(r.A),h=e=>{const{headerClassName:t,contentClassName:l,footerClassName:r,className:a,overlayClassName:o,rendererClassName:i,...c}=e,{actions:m,allowOverflow:p,children:_,flushContent:u,footer:h,header:f,motif:g,title:v}=c,{motif:y}=(0,d.A)(g);return n.createElement(n.Fragment,null,n.createElement(s,{className:t,...c,motif:y}),n.createElement("div",{className:A.concat(l)("content",`content-${y}`,u&&"content-flush",!f&&!v&&!u&&"content-noHeader",!h&&!m&&!u&&"content-noFooter",p&&"content-allowOverflow")},_),n.createElement(E,{className:r,...c}))}},146784:(e,t,l)=>{l.d(t,{A:()=>_});var n=l(296540),r=l(349424),a=l(217439),o=l(383653),i=l(568560),c=l(22169),m=l(294303),s=l(699784),d=l(348466),p=l(360113);const _=(0,n.memo)(({ipv6_address:e=[],wan_dhcpv6_pd_size:t})=>{const{globalAddresses:l,linkLocalAddress:_}=(0,n.useMemo)(()=>{const t=[];let l=null;for(let n=0;n<e.length;n+=1){const a=e[n];new r.Address6(a).isLinkLocal()?l=a?.split(d.Ed)?.[0]:t.push(a.split(d.Ed)?.[0])}return{globalAddresses:t,linkLocalAddress:l}},[e]);return l.length?n.createElement(n.Fragment,null,n.createElement(p.A,null,n.createElement(a.A,{color:"text-2",size:"medium"},n.createElement(s.sA,{id:"COMMON_IPV6_ADDRESS"})),n.createElement(i.A,{ipv6:l,size:"medium",color:"text-3"})),t?n.createElement(p.A,null,n.createElement(a.A,{color:"text-2",size:"medium"},n.createElement(s.sA,{id:"COMMON_IPV6_PREFIX"})),n.createElement(m.A,{flex:"1",minWidth:"0",justifyContent:"flex-end"},n.createElement(c.A,{ipv6:[`${(0,o.Gh)(l[0],t)}/${t}`],color:"text-3",size:"medium"}))):null,_?n.createElement(p.A,null,n.createElement(a.A,{color:"text-2",size:"medium"},n.createElement(s.sA,{id:"COMMON_IPV6_LINK_LOCAL"})),n.createElement(i.A,{ipv6:[_],size:"medium",color:"text-3"})):null):null})},258117:(e,t,l)=>{l.d(t,{A:()=>_});var n=l(296540),r=l(325898),a=l(927099),o=l(71479),i=l(903216),c=l(294303),m=l(699784),s=l(360113),d=l(863489);const p=(0,o.A)(c.A)`
  .tooltip-position-fixer {
    margin-right: -14px;
  }
`,_=({uplink:e,portSpeed:t})=>{const l=Number(t||e?.speed),{motif:o}=(0,r.A)();return l>0?n.createElement(s.A,null,n.createElement(a.A,{color:"secondary",size:"body"},n.createElement(m.sA,{id:"COMMON_EXPERIENCE"})),n.createElement(p,{alignItems:"center"},n.createElement(a.A,{style:{color:(0,d.xe)(l,o,!1)},size:"body"},(0,i.ir)(l)))):null}},328787:(e,t,l)=>{l.d(t,{A:()=>p});var n=l(469733),r=l(296540),a=l(149133),o=l(855019),i=l(551753),c=l(699784),m=l(532419),s=l(765562);const d=({adopted:e})=>r.createElement(i.A,{link:s.A.virtualNetworkConnectivity},r.createElement(c.sA,{id:e?"DEVICE_FALLBACK_IP_ADOPTED_WITH_UNIFI_GATEWAY_WARNING":"DEVICE_FALLBACK_IP_NOT_ADOPTED_WARNING",values:{bold:r.createElement("strong",null,r.createElement(c.sA,{id:e?"DEVICE_WARNING_FALLBACK_IP":"DEVICE_WARNING_ADOPTION_FAILED"}))}})),p=({ip:e,adopted:t,config_network:l})=>(0,n.useSelector)(m.m9)&&(0,a.W5)(e)&&l?.type===o.NL.DHCP?r.createElement(d,{adopted:t}):null},329708:(e,t,l)=>{l.d(t,{A:()=>c});var n=l(296540),r=l(927099),a=l(6510),o=l(699784),i=l(360113);const c=({model:e})=>n.createElement(i.A,null,n.createElement(r.A,{color:"secondary",size:"body"},n.createElement(o.sA,{id:"COMMON_MODEL"})),n.createElement(r.A,{color:"tertiary",size:"body"},(0,a.Lm)(e)))},386989:(e,t,l)=>{l.r(t),l.d(t,{default:()=>me});var n=l(296540),r=l(566723),a=l(294303),o=l(780811),i=l(285318);const c="PORT_GAP";var m=l(962669),s=l(431247);const d=(e,t)=>{const l=(e=>Object.entries((i.A[e]||{}).ports||{}).reduce((e,[t,l])=>{const n=(0,m.Fb)(l);for(let l=0;l<n.length;l+=1)e[n[l]]=t;return e},{}))(t);return e.map(e=>e.split(" ").map(e=>{if("__"===e)return{type:c};const n=parseInt(e,10);return Number.isNaN(n)?void 0:{type:l[n],idx:n,...(0,s.tI)(n,t)}}))};var p=l(822336);(0,l(349005).A)(".legend__4UwkxboR{display:inline-block;flex-grow:0;flex-shrink:0;width:8px}.legend-bar__4UwkxboR{height:8px}.legend-pie__4UwkxboR{border-radius:50%;height:8px}.legend-line__4UwkxboR{border-radius:1px;height:2px}");const _=(0,l(722860).c)({legend:"legend__4UwkxboR","legend-bar":"legend-bar__4UwkxboR","legend-pie":"legend-pie__4UwkxboR","legend-line":"legend-line__4UwkxboR"}),u=n.forwardRef(function(e,t){const{className:l,type:r="bar",color:a}=e;return n.createElement("i",{ref:t,className:_.concat(l)("legend",`legend-${r}`),style:{backgroundColor:a}})});var E=l(383704),A=l(71479),h=l(998837),f=l(699784);const g=(0,A.A)("div")`
  display: grid;
  grid-template-columns: repeat(3, minmax(min-content, 1fr));
  grid-gap: ${r.YC};
`;var v=l(217439);const y=({label:e,icon:t})=>n.createElement(a.A,{alignItems:"center",gap:r.YC},n.createElement(a.A,{width:16,justifyContent:"center"},t),n.createElement(v.A,{size:"small",color:"text-3"},e));var I,T;!function(e){e.INPUT="input",e.OUTPUT="output",e.UPLINK_UP="uplinkUp",e.UPLINK_DOWN="uplinDown",e.DISABLED="disabled",e.DISCONNECTED="disconnected"}(I||(I={})),function(e){e.XLR="xlr",e.HDMI="hdmi",e.UPLINK="uplink"}(T||(T={}));const N={[I.INPUT]:"aqua-04",[I.OUTPUT]:"purple-04",[I.UPLINK_UP]:"green-06",[I.UPLINK_DOWN]:"neutral-05",[I.DISABLED]:"transparent",[I.DISCONNECTED]:"neutral-05"},C="neutral-05",O=(e,t)=>e&&"transparent"!==e?p.Ay[`desktop-color-${e}-${t}`]:void 0,R=(e,t)=>O(N[e],t),b=(0,A.A)(u)`
  border: 1px solid ${({theme:{themeName:e}})=>p.Ay[`desktop-color-neutral-05-${e}`]};
`,k=()=>{const{themeName:e}=(0,h.u)();return n.createElement(g,null,n.createElement(y,{icon:n.createElement(u,{color:R(I.INPUT,e)}),label:n.createElement(f.sA,{id:"DEVICE_INPUT"})}),n.createElement(y,{icon:n.createElement(u,{color:R(I.OUTPUT,e)}),label:n.createElement(f.sA,{id:"DEVICE_OUTPUT"})}),n.createElement(y,{icon:n.createElement(u,{color:R(I.DISCONNECTED,e)}),label:n.createElement(f.sA,{id:"COMMON_DISCONNECTED"})}),n.createElement(y,{icon:n.createElement(b,{color:R(I.DISABLED,e)}),label:n.createElement(f.sA,{id:"COMMON_DISABLED"})}),n.createElement(y,{icon:n.createElement(E.A,{size:"medium",color:p.Ay[`desktop-color-neutral-08-${e}`]}),label:n.createElement(f.sA,{id:"DEVICE_PHANTOM_POWER"})}))};var x=l(311785),L=l(405442);const w=(0,A.A)(a.A,(0,x.A)("color","backgroundColor","borderColor"))`
  display: flex;
  align-items: center;
  justify-content: center;
  width: ${24}px;
  height: ${24}px;
  border-radius: ${p.Ay["desktop-radius-base"]};
  background-color: ${({backgroundColor:e})=>e};
  ${({borderColor:e,theme:{themeName:t}})=>e?`border: ${p.Ay[`desktop-border-divider-${t}`]};`:""}
  ${({borderColor:e})=>e?`border-color: ${e};`:""}
`,B=(0,A.A)("div")`
  width: ${24}px;
  height: ${24}px;
`,K=(0,A.A)("div")`
  display: flex;
  align-items: center;
  justify-content: center;
  color: ${({color:e,theme:{themeName:t}})=>e||p.Ay[`desktop-color-neutral-00-${t}`]};
  ${({rotation:e})=>e?`transform: rotate(${e});`:""}
`,D=({rotation:e,children:t,...l})=>{const{themeName:r}=(0,h.u)(),a=(({direction:e,disabled:t,disconnected:l,isUplinkUp:n})=>{switch(!0){case l:return I.DISCONNECTED;case t:return I.DISABLED;case e===L.Direction.INPUT:return I.INPUT;case e===L.Direction.OUTPUT:return I.OUTPUT;case n:return I.UPLINK_UP;case!n:return I.UPLINK_DOWN;default:return I.DISCONNECTED}})(l),o=R(a,r),i=a===I.DISABLED?O(C,r):void 0;return n.createElement(w,{backgroundColor:o,borderColor:i},n.createElement(K,{rotation:e},t))},M=({width:e=20,height:t=20})=>n.createElement("svg",{width:e,height:t,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.4 10a8.4 8.4 0 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0m1.2 0a9.6 9.6 0 0 1-9.6 9.6 9.6 9.6 0 1 1 9.6-9.6M5.2 11.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4M10 16a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m6-6a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0",fill:"currentColor"})),P=e=>n.createElement(D,{...e},n.createElement(M,null));var z=l(629318);const S=(0,l(51946).w)(e=>(0,n.createElement)("svg",(0,z.d)({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em"},e),(0,n.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8Z",fill:"currentColor",className:e.twotonedclassname}),(0,n.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 7H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1ZM4 6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H4Zm14 4H6v2.465l.422.281a3 3 0 0 1 .832.832l.281.422h8.93l.281-.422c.22-.33.503-.612.832-.832l.422-.281V10ZM6 9a1 1 0 0 0-1 1v2.732a.5.5 0 0 0 .223.416l.644.43a2 2 0 0 1 .555.555l.43.644a.5.5 0 0 0 .416.223h9.464a.5.5 0 0 0 .416-.223l.43-.644a2 2 0 0 1 .555-.555l.644-.43a.5.5 0 0 0 .223-.416V10a1 1 0 0 0-1-1H6Zm2 2.5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H8Z",fill:"currentColor",className:e.baseclassname}),(0,n.createElement)("path",{d:"M8 11.5a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1H8Z",fill:"currentColor",className:e.fillclassname}),(0,n.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8Zm3 2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2.465a1 1 0 0 1-.445.832l-.422.281a2 2 0 0 0-.555.555l-.281.422a1 1 0 0 1-.832.445h-8.93a1 1 0 0 1-.832-.445l-.281-.422a2 2 0 0 0-.555-.555l-.422-.281A1 1 0 0 1 5 12.465V10Z",fill:"currentColor",className:e.fillclassname}))),U=e=>n.createElement(D,{...e},n.createElement(S,{size:"original"})),$=()=>n.createElement(w,{background:N[I.DISABLED],borderColor:O(C,(0,h.u)().themeName)});var V=l(325752),F=l(142207);const G=({isUplinkUp:e})=>n.createElement(w,{backgroundColor:O(e?"green-06":"neutral-05",(0,h.u)().themeName)},n.createElement(K,null,e?F.tx[V.FZ.UPLINK]:null)),H={[T.XLR]:P,[T.HDMI]:U,[T.UPLINK]:G},j=e=>{const t=H[e.type]||$;return n.createElement(t,{...e})},W=({activeItem:e})=>{const{diagram:t}=(0,n.useMemo)(()=>(0,o.joB)(e.model),[e.model]),l=(0,n.useMemo)(()=>d(t,e.model),[t,e.model]);return n.createElement(a.A,{flexDirection:"column",gap:r.Ln,padding:`${r.kc} 0`},n.createElement(a.A,{flexDirection:"column",justifyContent:"center"},l.map((t,l)=>n.createElement(a.A,{key:t.map(e=>`${e.type}-${e.type!==c?e.idx:void 0}-${l}`).join(),flexDirection:"row",gap:r.YC,justifyContent:"center"},t.map((t,r)=>t.type!==c?n.createElement(j,{key:[t.type,t.idx,l,r].join(),...t,isUplinkUp:t.type===T.UPLINK?e.uplink?.up:void 0}):n.createElement(B,{key:[t.type,l,r].join()}))))),n.createElement(k,null))};var Z=l(328787),Q=l(13524),Y=l(812454),q=l(743891),X=l(999063),J=l(329708),ee=l(723544),te=l(400242),le=l(500045),ne=l(146784),re=l(689965),ae=l(360113);const oe=()=>n.createElement(ae.A,null,n.createElement(v.A,{color:"text-2"},n.createElement(f.sA,{id:"DEVICE_CONNECTION_TYPE"})),n.createElement(v.A,{color:"text-3"},n.createElement(f.sA,{id:"COMMON_ETHERNET"}))),ie=({model:e,ip:t,ipv6:l,lan_ip:r,mac:a,displayable_version:o,uptime:i})=>n.createElement(re.A,null,n.createElement(J.A,{model:e}),n.createElement(X.A,{uptime:i}),n.createElement(le.A,{displayable_version:o}),n.createElement(oe,null),n.createElement(ee.A,{mac:a}),n.createElement(te.A,{ip:t,lan_ip:r}),n.createElement(ne.A,{ipv6_address:l}));var ce=l(772317);const me=({activeItem:e,activeItem:{adopted:t,ip:l,config_network:o,mac:i,uptime:c,model:m,displayable_version:s,ipv6:d,lan_ip:p,shortname:_}})=>n.createElement(n.Fragment,null,n.createElement(Y.A,{activeItem:e},n.createElement(a.A,{flexDirection:"column",marginTop:r.kc,justifyContent:"center"},n.createElement(W,{activeItem:e}))),n.createElement(Z.A,{ip:l,adopted:t,config_network:o}),n.createElement(q.A,{activeItem:e,isWired:!0}),n.createElement(ie,{ip:l,mac:i,uptime:c,model:m,displayable_version:s,ipv6:d,lan_ip:p}),n.createElement(Q.A,{activeItem:e}),n.createElement(ce.A,{shortname:_}))},424135:(e,t,l)=>{l.d(t,{A:()=>o});var n=l(296540),r=l(566723),a=l(294303);const o=({children:e,tooltip:t})=>n.createElement(a.A,{maxWidth:"100%",overflow:"hidden",gap:r.YC,alignItems:"center"},n.createElement(a.A,{flex:1,overflow:"hidden"},e),t)},470962:(e,t,l)=>{l.d(t,{A:()=>_});var n=l(296540),r=l(217439),a=l(823858),o=l(998837),i=l(566723),c=l(224948),m=l(349107),s=l(294303),d=l(699784),p=l(765562);const _=(0,n.memo)(({children:e})=>n.createElement(c.A,{icon:n.createElement(a.A,{size:"original",color:(0,o.u)().motifPalette.warning,variant:"fill"})},n.createElement(s.A,{flexDirection:"column",gap:i.kc},n.createElement(r.A,{size:"medium",color:"text-2"},n.createElement(d.sA,{id:"COMMON_DEVICE_OFFLINE_WARNING",values:{b:d.b,link:n.createElement(m.A,{href:p.A.offlineArticle,id:"COMMON_LEARN_MORE",noWrap:!0})}})),e)))},500045:(e,t,l)=>{l.d(t,{A:()=>i});var n=l(296540),r=l(927099),a=l(699784),o=l(360113);const i=({displayable_version:e,flexProps:t})=>e?n.createElement(o.A,{flexProps:t},n.createElement(r.A,{color:"secondary",size:"body"},n.createElement(a.sA,{id:"COMMON_DEVICE_VERSION"})),n.createElement(r.A,{color:"tertiary",size:"body"},e)):null},530813:(e,t,l)=>{l.d(t,{A:()=>_,d:()=>p});var n=l(296540),r=l(217439),a=l(705145),o=l(71479),i=l(311785),c=l(566723),m=l(699784),s=l(795097),d=l(294303);const p=(0,o.A)(s.A,(0,i.A)("showListMarkers","gap"))`
  padding-left: ${({showListMarkers:e})=>e?c.Ln:0};
  display: flex;
  flex-direction: column;
  gap: ${({gap:e})=>e??c.YC};

  > li {
    list-style-type: ${({showListMarkers:e})=>e?"disc":"none"};
  }
`;const _=function({items:e,getItemKey:t,renderItem:l,maxItemCount:o=20,renderShowMore:i,showListMarkers:s,listGap:_}){return n.createElement(d.A,{flexDirection:"column",gap:c.YC},n.createElement(p,{showListMarkers:s,gap:_},e.slice(0,o).map((e,r)=>n.createElement("li",{key:t(e,r)},n.createElement(a.A,{variant:"inherit",isTruncated:!0},l(e))))),o&&e.length>o?i?i(e):n.createElement(r.A,{variant:"inherit"},n.createElement(m.sA,{id:"COMMON_X_MORE",values:{count:e.length-o}})):null)}},551753:(e,t,l)=>{l.d(t,{A:()=>u});var n=l(296540),r=l(758649),a=l(217439),o=l(162420),i=l(823858),c=l(793336),m=l(998837),s=l(46119),d=l(699784),p=l(224948),_=l(294303);const u=(0,n.memo)(({children:e,customIcon:t,link:l,nested:u,extra:E,variant:A="warning",...h})=>{const{motifPalette:{warning:f,danger:g}}=(0,m.u)(),v=(0,n.useMemo)(()=>{switch(A){case"warning":return n.createElement(i.A,{size:"original",color:f,variant:"fill"});case"info":return n.createElement(o.A,{isActive:!0,size:"original",variant:"fill"});case"custom":return t;default:return n.createElement(c.A,{size:"medium",color:g,variant:"fill"})}},[A,f,g,t]),y=(0,n.useCallback)(()=>{s.A.open(l)},[l]);return n.createElement(p.A,{icon:v,nested:u,...h},n.createElement(_.A,{flexDirection:"column",alignItems:"flex-start"},n.createElement(a.A,null,e),n.createElement(a.A,null,l?n.createElement(r.A,{type:"button",variant:"inline",onClick:y},n.createElement(d.sA,{id:"COMMON_LEARN_MORE"})):null),E))})},568560:(e,t,l)=>{l.d(t,{A:()=>E});var n=l(469733),r=l(296540),a=l(217439),o=l(895795),i=l(383653),c=l(742920),m=l(115829),s=l(39705),d=l(294303),p=l(675359),_=l(699784),u=l(348466);const E=({ipv6:e=[],enabled:t=!0,size:l="inherit",color:E="inherit",showOnlyPrefix:A=!1})=>{const h=(0,n.useDispatch)(),f=(0,r.useCallback)(e=>{navigator.clipboard.writeText(e).then(()=>{h((0,p.ox)({icon:c.C.success,message:"COMMON_COPIED_TO_CLIPBOARD"}))})},[h]),g=(0,r.useCallback)((e,t)=>{t.stopPropagation(),t.preventDefault(),f(e)},[f]),v=(0,r.useMemo)(()=>(e=>{const t=e=>(0,i.G8)(e)?0:(0,i.ZV)(e)?1:2;return e.sort((e,l)=>t(e)-t(l))})(e||[]).map(e=>{const[t,l]=e.split(u.Ed);return A?`${(0,i.Gh)(t,Number(l))}/${l}`:(0,i.z2)(e)}),[e,A]),y=v?.[0];return y?r.createElement(d.A,{maxWidth:"100%",justifyContent:"flex-end"},r.createElement(m.A,{enabled:t,flexProps:{justifyContent:"flex-end",alignItems:"center"},color:t?E:"disabled",size:l},y),v?.length>1?r.createElement(s.A,{items:v,isInteractive:!0,showListMarkers:!1,getItemKey:e=>e,renderListItem:e=>r.createElement(r.Fragment,null,e,r.createElement(o.A,{size:"original",actionable:!0,onClick:t=>g(e,t)})),renderMultipleItemsSummary:()=>null}):r.createElement(o.A,{size:"original",actionable:!0,onClick:e=>g(y,e)})):r.createElement(a.A,{size:l,color:t?E:"disabled"},r.createElement(_.sA,{id:"COMMON_FALLBACK"}))}},676933:(e,t,l)=>{l.d(t,{A:()=>a});var n=l(296540);(0,l(349005).A)(".buttonGroup__ALLyOzkO{align-items:center;display:flex;margin:0}.cozy__ALLyOzkO>*{margin-left:16px}.cozy__ALLyOzkO>:first-child{margin-left:0}.cozy__ALLyOzkO.vertical__ALLyOzkO>*{margin:8px 0 0}.cozy__ALLyOzkO.vertical__ALLyOzkO>:first-child{margin-top:0}.comfy__ALLyOzkO>*{margin:0}.comfy__ALLyOzkO.vertical__ALLyOzkO>*{margin:16px 0 0}.comfy__ALLyOzkO.vertical__ALLyOzkO>:first-child{margin-top:0}.smash__ALLyOzkO>*{margin:0}.joined__ALLyOzkO{border-radius:20px;overflow:hidden}.joined__ALLyOzkO>*{border-radius:0}.playerControls__ALLyOzkO{background-color:#f9fafa;border-radius:20px;padding:0 42px}.playerControls__ALLyOzkO.vertical__ALLyOzkO{padding:42px 0}.vertical__ALLyOzkO{flex-direction:column;justify-content:center}");const r=(0,l(722860).c)({buttonGroup:"buttonGroup__ALLyOzkO",cozy:"cozy__ALLyOzkO",vertical:"vertical__ALLyOzkO",comfy:"comfy__ALLyOzkO",smash:"smash__ALLyOzkO",joined:"joined__ALLyOzkO",playerControls:"playerControls__ALLyOzkO"}),a=({variant:e,vertical:t,children:l,className:a,...o})=>n.createElement("div",{className:r.concat(a)("buttonGroup",e&&e,t&&"vertical"),...o},l);a.defaultProps={variant:"cozy",vertical:!1}},723544:(e,t,l)=>{l.d(t,{A:()=>i});var n=l(296540),r=l(927099),a=l(699784),o=l(360113);const i=({mac:e,compact:t=!1})=>e?n.createElement(o.A,{compact:t},n.createElement(r.A,{color:"secondary",size:"body"},n.createElement(a.sA,{id:"COMMON_MAC_ADDRESS"})),n.createElement(r.A,{color:"tertiary",size:"body"},e)):null},772317:(e,t,l)=>{l.d(t,{A:()=>C});var n,r=l(592563),a=l(296540),o=l(469733),i=l(217439),c=l(187483),m=l(699784),s=l(689965),d=l(86571),p=l(801081);!function(e){e.OPEN_MODAL="openModal"}(n||(n={}));const _=(0,p.Mz)(c.zn,e=>void 0!==e[n.OPEN_MODAL]);var u=l(523275),E=l(840279),A=l(919952);const h=e=>e[A.U.UIDB]||(0,u.A)(),f=(0,p.Mz)(h,({version:e})=>Boolean(e)),g=(0,p.Mz)(h,({devices:e})=>e||(0,E.A)());var v=l(765562),y=l(79871);const I=()=>{const e=(0,o.useDispatch)(),t=(0,o.useSelector)(f);return(0,a.useEffect)(()=>{t||(async()=>{const t=await fetch(v.A.fingerprintPublicDatabasePath),l=await t.json();e((0,y.$)(l))})()},[t,e]),t},T=({uidbDevice:e})=>{const t=(0,o.useSelector)(c.zn),l=t?.[n.OPEN_MODAL];return l?a.createElement(r.A,{onClick:()=>l(e)},a.createElement(i.A,{size:"medium",color:"inherit"},a.createElement(m.sA,{id:"DEVICE_SHOW_DETAILS"}))):null},N=({shortname:e})=>{const t=(0,o.useSelector)((e=>(0,p.Mz)(g,t=>t.find(t=>t.shortnames?.includes(e))||(0,u.A)()))(e));return I(),t?.compliance?a.createElement(s.A,{type:s.I.ACCORDION,items:[{id:"compliance",label:a.createElement(d.A,{id:"COMMON_COMPLIANCE"}),renderContent:()=>a.createElement(T,{uidbDevice:t}),openByDefault:!0}]}):null},C=({shortname:e})=>(0,o.useSelector)(_)?a.createElement(N,{shortname:e}):null},795097:(e,t,l)=>{l.d(t,{A:()=>a});var n=l(71479),r=l(566723);const a=(0,n.A)("ul")`
  padding-left: ${r.Er};
  margin-bottom: 0;
  margin-top: 0;
`},812454:(e,t,l)=>{l.d(t,{A:()=>U});var n=l(296540),r=l(71479),a=l(566723),o=l(218234),i=l(294303),c=l(217439),m=l(998837),s=l(842630),d=l(224948),p=l(699784),_=l(469733),u=l(824182),E=l(264963),A=l(822336),h=l(705145);const f=(0,r.A)(i.A)`
  flex-direction: column;
  margin-top: ${a.kc};
  padding-top: ${a.kc};
  border-top: ${({theme:{themeName:e}})=>A.Ay[`desktop-border-divider-${e}`]};
`,g=(0,r.A)(i.A)`
  width: 100%;
  justify-content: space-between;
`,v=(0,r.A)(i.A)`
  gap: ${a.Ln};
  align-items: center;
`,y=(0,r.A)(h.A)`
  max-width: 150px;
`,I=(0,n.memo)(({mac:e,replacementMac:t})=>{const l=(0,_.useDispatch)(),[r,a]=(0,n.useState)(!1),o=(0,n.useCallback)(()=>{a(!0),l((0,E.X2)(e)).finally(()=>{a(!1)})},[l,e]);return n.createElement(f,null,n.createElement(g,null,n.createElement(y,{isTruncated:!0,size:"medium",color:"text-2"},n.createElement(p.sA,{id:"DEVICE_REPLACEMENT_DEVICE"})),n.createElement(v,null,n.createElement(c.A,{size:"medium",color:"text-3"},t),n.createElement(u.A,{actionable:!0,onClick:o,disabled:r}))))}),T=(0,r.A)(i.A)`
  flex-direction: column;
  gap: ${a.kc};
`;var N=l(709690),C=l(823858),O=l(768195);const R=({state:e},{uBlue06:t,orange06:l})=>{switch(e){case O.gQ.WAITING_FOR_REPLACEMENT:return n.createElement(N.A,{size:"original",color:t,variant:"fill"});case O.gQ.WAITING_FOR_REPLACED_DEVICE_DISCONNECT:case O.gQ.INCOMPATIBLE_REPLACEMENT:case O.gQ.REPLACEMENT_ALREADY_ASSIGNED:case O.gQ.CANNOT_REPLACE:default:return n.createElement(C.A,{size:"original",color:l,variant:"fill"})}},b=({state:e})=>{switch(e){case O.gQ.WAITING_FOR_REPLACEMENT:return"DEVICE_REPLACEMENT_PENDING_WAITING_FOR_REPLACEMENT";case O.gQ.WAITING_FOR_REPLACED_DEVICE_DISCONNECT:return"DEVICE_REPLACEMENT_PENDING_WAITING_FOR_REPLACED_DEVICE_DISCONNECT";case O.gQ.INCOMPATIBLE_REPLACEMENT:return"DEVICE_REPLACEMENT_PENDING_INCOMPATIBLE_REPLACEMENT";case O.gQ.REPLACEMENT_ALREADY_ASSIGNED:case O.gQ.CANNOT_REPLACE:default:return"DEVICE_REPLACEMENT_PENDING_CANNOT_REPLACE"}},k=(0,n.memo)(({mac:e,replacement:t})=>{const{motifPalette:l}=(0,m.u)();return t?.device_mac?n.createElement(s.A,null,n.createElement(d.A,{icon:R(t,l)},n.createElement(T,null,n.createElement(c.A,{size:"medium",color:"text-2"},n.createElement(p.sA,{id:b(t),values:{b:p.b}}))),n.createElement(I,{mac:e,replacementMac:t.device_mac}))):null});var x=l(211908),L=l(188912),w=l(470962),B=l(281884),K=l(130648),D=l(392699),M=l(124092),P=l(236037),z=l(683086);const S=(0,r.A)(i.A)`
  & > :first-child {
    margin-top: ${a.kc};
  }
`,U=({activeItem:e,activeItem:{deviceState:t,uplink:l,mac:r,model:i,type:c,replacement:m},showPortOverview:s,hidePortsButton:d,isStacking:p,multipleDisplayedDevicesData:_,overviewChildren:u,children:E})=>{const A=(0,n.useMemo)(()=>(0,B.H)(t,l?.type),[t,l?.type]),h=Boolean(e?.port_table?.length),f=s&&h;return n.createElement(n.Fragment,null,n.createElement(M.A,{activeItem:e,isOffline:A===D.v.OFFLINE,description:n.createElement(L.A,{activeItem:e,connectionStatus:A}),meshingDescription:n.createElement(K.A,{activeItem:e,connectionStatus:A}),isStacking:p},u,f?n.createElement("div",{style:{marginTop:a.Ln}},n.createElement(o.A,{activeItem:e,disableOnPortClick:!0,showFullScreenDiagramButton:!1,useBubbleWrapper:!1,multipleDisplayedDevicesData:_,isStacking:p})):null,n.createElement(S,{gap:a.kc,flexDirection:"column"},n.createElement(P.A,{activeItem:e}),!d&&h?n.createElement(z.A,{mac:r}):null),E),A===D.v.OFFLINE?n.createElement(w.A,null,m?.device_mac?null:n.createElement(x.A,{mac:r,model:i,type:c})):null,n.createElement(k,{mac:r,replacement:m}))}},819127:(e,t,l)=>{l.d(t,{A:()=>o});var n=l(296540),r=l(766624),a=l(530813);const o=function({items:e,getItemKey:t,renderItem:l,maxItemCount:o,renderShowMore:i,showListMarkers:c,title:m,position:s,isInteractive:d,cursorType:p,listGap:_}){return n.createElement(r.A,{title:m,position:s,isInteractive:d,cursorType:p,description:n.createElement(a.A,{items:e,getItemKey:t,renderItem:l,maxItemCount:o,listGap:_,renderShowMore:i,showListMarkers:c})})}},842630:(e,t,l)=>{l.d(t,{A:()=>o});var n=l(469733),r=l(296540),a=l(602021);const o=({children:e=null})=>(0,n.useSelector)(a.EL)?null:r.createElement(r.Fragment,null,e)},895795:(e,t,l)=>{l.d(t,{A:()=>a});var n=l(296540),r=l(629318);const a=(0,l(51946).w)(e=>(0,n.createElement)("svg",(0,r.d)({viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em"},e),(0,n.createElement)("rect",{x:3,y:5,width:12,height:12,rx:1,fill:"currentColor",className:e.twotonedclassname}),(0,n.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.5 4H16v9.5a.5.5 0 0 0 1 0V4a1 1 0 0 0-1-1H6.5a.5.5 0 0 0 0 1ZM4 6h10v10H4V6ZM3 6a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6Z",fill:"currentColor",className:e.baseclassname}),(0,n.createElement)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.5 4H16v9.5a.5.5 0 0 0 1 0V4a1 1 0 0 0-1-1H6.5a.5.5 0 0 0 0 1ZM4 5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H4Z",fill:"currentColor",className:e.fillclassname})))},903992:(e,t,l)=>{l.d(t,{A:()=>r});var n=l(349005),r={overlay:"overlay__B4Kpm1RT","overlay-light":"overlay-light__B4Kpm1RT","overlay-dark":"overlay-dark__B4Kpm1RT","overlay-afterOpen":"overlay-afterOpen__B4Kpm1RT","overlay-beforeClose":"overlay-beforeClose__B4Kpm1RT","overlay-noSlide":"overlay-noSlide__B4Kpm1RT",modal:"modal__B4Kpm1RT","modal-light":"modal-light__B4Kpm1RT","modal-dark":"modal-dark__B4Kpm1RT","modal-allowOverflow":"modal-allowOverflow__B4Kpm1RT","modal-slide":"modal-slide__B4Kpm1RT","modal-afterOpen":"modal-afterOpen__B4Kpm1RT","modal-beforeClose":"modal-beforeClose__B4Kpm1RT","modal-full":"modal-full__B4Kpm1RT","modal-small":"modal-small__B4Kpm1RT","modal-medium":"modal-medium__B4Kpm1RT","modal-large":"modal-large__B4Kpm1RT","modal-height-small":"modal-height-small__B4Kpm1RT","modal-height-medium":"modal-height-medium__B4Kpm1RT","modal-height-large":"modal-height-large__B4Kpm1RT",header:"header__B4Kpm1RT",title:"title__B4Kpm1RT","title-light":"title-light__B4Kpm1RT","title-dark":"title-dark__B4Kpm1RT",headerIcon:"headerIcon__B4Kpm1RT",closeButton:"closeButton__B4Kpm1RT",closeIcon:"closeIcon__B4Kpm1RT","closeIcon-light":"closeIcon-light__B4Kpm1RT","closeIcon-dark":"closeIcon-dark__B4Kpm1RT",hasTitle:"hasTitle__B4Kpm1RT",content:"content__B4Kpm1RT","content-light":"content-light__B4Kpm1RT","content-dark":"content-dark__B4Kpm1RT","content-allowOverflow":"content-allowOverflow__B4Kpm1RT","content-flush":"content-flush__B4Kpm1RT","content-noFooter":"content-noFooter__B4Kpm1RT","content-noHeader":"content-noHeader__B4Kpm1RT",footer:"footer__B4Kpm1RT",footerButtonGroup:"footerButtonGroup__B4Kpm1RT",footerActionSpacer:"footerActionSpacer__B4Kpm1RT",fadeIn:"fadeIn__B4Kpm1RT",springUp:"springUp__B4Kpm1RT"};(0,n.A)("@keyframes fadeIn__B4Kpm1RT{0%{opacity:0}to{opacity:1}}@keyframes springUp__B4Kpm1RT{0%{transform:scale(.5)}70%{transform:scale(1.005)}to{transform:scale(1)}}.overlay__B4Kpm1RT{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity .1s ease-in;z-index:1000}.overlay-light__B4Kpm1RT{background-color:hsla(0,0%,8%,.4)}.overlay-dark__B4Kpm1RT{background-color:hsla(0,0%,8%,.6)}.overlay-afterOpen__B4Kpm1RT{opacity:1}.overlay-beforeClose__B4Kpm1RT{opacity:0;transition:opacity .1s ease-out}.overlay-noSlide__B4Kpm1RT{transition-delay:0ms}.modal__B4Kpm1RT{border-radius:8px;display:flex;flex-direction:column;max-height:80%;max-width:80%;outline:none;position:relative}.modal-light__B4Kpm1RT{background-color:#fff;box-shadow:0 12px 48px 0 rgba(33,35,39,.12),0 0 1px 0 rgba(33,35,39,.08);color:#50565e}.modal-dark__B4Kpm1RT{background-color:#131416;box-shadow:0 12px 48px 0 #000,0 0 1px 0 hsla(214,8%,98%,.08);color:#dee0e3}.modal__B4Kpm1RT:not(.modal-allowOverflow__B4Kpm1RT){overflow-x:hidden;overflow-y:auto}.modal-slide__B4Kpm1RT{opacity:0;transform:scale(.5);transition:opacity .1s ease-in,transform .32s cubic-bezier(.2,1.2,.6,1)}.modal-afterOpen__B4Kpm1RT{opacity:1;transform:scale(1)}.modal-beforeClose__B4Kpm1RT{opacity:0;transform:scale(.5);transition:opacity .1s ease-out,transform reverse .1s cubic-bezier(.2,1.2,.6,1)}.modal-full__B4Kpm1RT{width:100%}.modal-small__B4Kpm1RT{width:400px}.modal-medium__B4Kpm1RT{width:600px}.modal-large__B4Kpm1RT{width:800px}.modal-height-small__B4Kpm1RT{height:288px}.modal-height-medium__B4Kpm1RT{height:576px}.modal-height-large__B4Kpm1RT{height:864px}.header__B4Kpm1RT{flex:none}.title__B4Kpm1RT{align-items:center;display:flex;flex-grow:1;flex-shrink:1;font-family:var(--desktop-font-family-default);font-size:var(--desktop-font-size-medium);font-weight:var(--desktop-font-weight-semibold);line-height:20px;width:0}.title-light__B4Kpm1RT{color:#212327}.title-dark__B4Kpm1RT{color:#f9fafa}.headerIcon__B4Kpm1RT{margin-right:12px}.closeButton__B4Kpm1RT{background:none;border:none;cursor:pointer;padding:0;position:absolute;right:20px;top:20px}.closeButton__B4Kpm1RT .closeIcon__B4Kpm1RT{height:20px;width:20px}.closeButton__B4Kpm1RT .closeIcon-light__B4Kpm1RT{color:#808893}.closeButton__B4Kpm1RT .closeIcon-dark__B4Kpm1RT{color:#b7bcc2}.hasTitle__B4Kpm1RT.header__B4Kpm1RT{align-items:center;display:flex;margin-top:0;padding:20px 48px 0 20px}.content__B4Kpm1RT{display:flex;flex:1;flex-direction:column;font-family:var(--desktop-font-family-default);font-size:var(--desktop-font-size-medium);font-weight:var(--desktop-font-weight-regular);height:100%;line-height:20px}.content-light__B4Kpm1RT{color:#50565e}.content-dark__B4Kpm1RT{color:#dee0e3}.content__B4Kpm1RT::-webkit-scrollbar{height:14px;width:14px}.content-light__B4Kpm1RT::-webkit-scrollbar-thumb{background-color:rgba(33,35,39,.08)}.content-dark__B4Kpm1RT::-webkit-scrollbar-thumb{background-color:hsla(214,8%,98%,.08)}.content__B4Kpm1RT::-webkit-scrollbar-thumb{background-clip:content-box;border:4px solid transparent;border-radius:14px;min-height:20px}.content__B4Kpm1RT::-webkit-scrollbar-track{background:transparent;border-radius:14px}.content__B4Kpm1RT::-webkit-scrollbar-corner{background-color:transparent}.content__B4Kpm1RT:not(.content-allowOverflow__B4Kpm1RT){overflow:auto;overflow:overlay}.content__B4Kpm1RT:not(.content-flush__B4Kpm1RT){padding:16px 20px}.content-noFooter__B4Kpm1RT{margin-bottom:28px}.content-noHeader__B4Kpm1RT{margin-top:28px}.footer__B4Kpm1RT{padding:0 20px 20px}.footerButtonGroup__B4Kpm1RT{flex-grow:1;justify-content:flex-end}.footerActionSpacer__B4Kpm1RT{flex:1 1 0}")}}]);