"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[80574],{32753:(e,t,o)=>{o.d(t,{A:()=>i});var l=o(296540),a=o(927099),r=o(699784),n=o(780811),c=o(360113);const i=({systemStatsMem:e,compact:t=!1})=>{const o=(0,n.HBQ)(e);return o?l.createElement(c.A,{compact:t},l.createElement(a.A,{color:"secondary",size:"body"},l.createElement(r.sA,{id:"DEVICE_PROPERTY_OVERVIEW_MEMORY_USAGE"})),l.createElement(a.A,{color:"tertiary",size:"body"},o,"%")):null}},124092:(e,t,o)=>{o.d(t,{A:()=>A});var l=o(469733),a=o(296540),r=o(962926),n=o(705145),c=o(71479),i=o(132196),m=o(6510),s=o(130851),_=o(566723),d=o(294303),p=o(6176);const u=i.AH`
  margin-bottom: ${_.Ln};
  margin-top: ${_.Ln};
`,E=(0,c.A)("div")`
  align-self: center;
  overflow: hidden;
  word-break: break-word;
`,f=(0,c.A)("img")`
  width: 40px;
  height: 40px;
  object-fit: contain;
`,A=({children:e,description:t,meshingDescription:o,isOffline:c,activeItem:A,style:h,className:T,isStacking:R})=>{const g=(0,l.useSelector)(s.p);return a.createElement(r.A,{className:(0,i.cx)(u,T),sections:[a.createElement("div",null,a.createElement(d.A,{gap:_.kc},R?a.createElement(f,{src:`${g}/topology/stacking.png`,alt:"stacked"}):a.createElement(p.A,{model:A.model,width:40,height:40}),a.createElement(E,{style:h},a.createElement(n.A,{color:c?"text-3":"text-1",weight:"bold",isTruncated:!0},(0,m.Lm)(A.model)),t)),o,e)]})}},136283:(e,t,o)=>{o.d(t,{A:()=>A});var l=o(296540),a=o(903992),r=o(793336),n=o(722860);const c=(0,n.c)(a.A),i=l.memo(({headerIcon:e,title:t,motif:o="light"})=>{if(!e&&!t)return null;const r=e;return l.createElement("div",{className:c("title",`title-${o}`)},void 0!==r&&(n=r,i={className:a.A.headerIcon},l.isValidElement(n)?l.cloneElement(n,i):n?l.createElement(n,i):null),t);var n,i}),m=(0,n.c)(a.A),s=l.memo(({className:e,header:t,headerIcon:o,title:a,onRequestClose:n,motif:c,closeIconProps:s})=>{if(void 0!==t){if(l.isValidElement(t))return l.cloneElement(t);{const o=t;return l.createElement(o,{className:e,onRequestClose:n})}}return l.createElement("header",{className:m.concat(e)("header",a&&"hasTitle")},l.createElement(i,{headerIcon:o,title:a,motif:c}),void 0!==n&&l.createElement("button",{onClick:n,className:m("closeButton"),type:"button"},l.createElement(r.A,{...s,actionable:!0,motif:c,className:m("closeIcon",`closeIcon-${c}`)})))});var _=o(325898),d=o(758649),p=o(676933);const u=(0,n.c)(a.A),E=l.memo(e=>{const{className:t,footer:o,actions:r,onRequestClose:n,motif:c}=e,{motif:i}=(0,_.A)(c);if(o){if(l.isValidElement(o))return l.cloneElement(o,{onRequestClose:n});{const e=o;return l.createElement(e,{className:t,onRequestClose:n})}}if(!r)return null;const m=({text:e,ref:t,...o},a)=>l.createElement(d.A,{ref:t,key:a,motif:i,...o},e),s=[];return r.forEach((e,t)=>{Array.isArray(e)?(t&&s.push(l.createElement("div",{key:`spacer-${t}`,className:a.A.footerActionSpacer})),s.push(...e.map((e,o)=>m(e,`${t}_${o}`)))):s.push(m(e,t.toString()))}),l.createElement("footer",{className:u.concat(t)("footer",`footer-${i}`)},l.createElement(p.A,{className:a.A.footerButtonGroup},s))}),f=(0,n.c)(a.A),A=e=>{const{headerClassName:t,contentClassName:o,footerClassName:a,className:r,overlayClassName:n,rendererClassName:c,...i}=e,{actions:m,allowOverflow:d,children:p,flushContent:u,footer:A,header:h,motif:T,title:R}=i,{motif:g}=(0,_.A)(T);return l.createElement(l.Fragment,null,l.createElement(s,{className:t,...i,motif:g}),l.createElement("div",{className:f.concat(o)("content",`content-${g}`,u&&"content-flush",!h&&!R&&!u&&"content-noHeader",!A&&!m&&!u&&"content-noFooter",d&&"content-allowOverflow")},p),l.createElement(E,{className:a,...i}))}},285947:(e,t,o)=>{o.d(t,{EA:()=>m,G6:()=>_,Km:()=>c,ME:()=>r,Nq:()=>u,Sl:()=>d,Up:()=>s,bc:()=>p,ne:()=>i,pE:()=>n,t1:()=>a});var l=o(294591);const a=({security:e})=>e===l.Hs.WEP,r=({security:e})=>e===l.Hs.WPA_ENTERPRISE,n=({security:e})=>e===l.Hs.WPA_PERSONAL,c=({wpa_enc:e})=>e===l.Jl.AUTO,i=({security:e})=>e===l.Hs.HOTSPOT_2_OSEN,m=({mac_filter_enabled:e})=>e,s=(e,t)=>e&&[...new Set(e.filter(({is_guest:e})=>t?!!e:!e).map(({name:e})=>e))],_=e=>{switch(e){case l.Tl.PAP:case l.Tl.CHAP:case l.Tl.MSCHAP:case l.Tl.MSCHAP_V2:return 2;case l.Tl.SIM:case l.Tl.USIM:case l.Tl.CERTIFICATE:case l.Tl.USERNAME_PASSWORD:return 5;default:return}},d=e=>{switch(e){case l.Tl.PAP:case l.Tl.SIM:return 1;case l.Tl.CHAP:case l.Tl.USIM:return 2;case l.Tl.MSCHAP:return 3;case l.Tl.MSCHAP_V2:return 4;case l.Tl.CERTIFICATE:return 6;case l.Tl.USERNAME_PASSWORD:return 7;default:return}},p=e=>{const t=`${e.auth_id}:${e.auth_val}`;if(Object.values(l.Tl).includes(t))return t};function u(e){return Object.values(l.Ir).includes(e?.attr_hidden_id)}},470962:(e,t,o)=>{o.d(t,{A:()=>p});var l=o(296540),a=o(217439),r=o(823858),n=o(998837),c=o(566723),i=o(224948),m=o(349107),s=o(294303),_=o(699784),d=o(765562);const p=(0,l.memo)(({children:e})=>l.createElement(i.A,{icon:l.createElement(r.A,{size:"original",color:(0,n.u)().motifPalette.warning,variant:"fill"})},l.createElement(s.A,{flexDirection:"column",gap:c.kc},l.createElement(a.A,{size:"medium",color:"text-2"},l.createElement(_.sA,{id:"COMMON_DEVICE_OFFLINE_WARNING",values:{b:_.b,link:l.createElement(m.A,{href:d.A.offlineArticle,id:"COMMON_LEARN_MORE",noWrap:!0})}})),e)))},676933:(e,t,o)=>{o.d(t,{A:()=>r});var l=o(296540);(0,o(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 a=(0,o(722860).c)({buttonGroup:"buttonGroup__ALLyOzkO",cozy:"cozy__ALLyOzkO",vertical:"vertical__ALLyOzkO",comfy:"comfy__ALLyOzkO",smash:"smash__ALLyOzkO",joined:"joined__ALLyOzkO",playerControls:"playerControls__ALLyOzkO"}),r=({variant:e,vertical:t,children:o,className:r,...n})=>l.createElement("div",{className:a.concat(r)("buttonGroup",e&&e,t&&"vertical"),...n},o);r.defaultProps={variant:"cozy",vertical:!1}},723544:(e,t,o)=>{o.d(t,{A:()=>c});var l=o(296540),a=o(927099),r=o(699784),n=o(360113);const c=({mac:e,compact:t=!1})=>e?l.createElement(n.A,{compact:t},l.createElement(a.A,{color:"secondary",size:"body"},l.createElement(r.sA,{id:"COMMON_MAC_ADDRESS"})),l.createElement(a.A,{color:"tertiary",size:"body"},e)):null},780492:(e,t,o)=>{o.d(t,{A:()=>d});var l=o(296540),a=o(271856),r=o(927099),n=o(71479),c=o(294303),i=o(699784),m=o(360113);const s=(0,n.A)(a.A,{shouldForwardProp:e=>"itemCount"!==e})`
  > div {
    height: ${({itemCount:e})=>`calc(24px + ${14*e}px)`};
    padding: 8px 0 8px 8px;
    max-height: 108px;
  }
`,_=(0,n.A)(c.A)`
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  &::-webkit-scrollbar-thumb {
    background-color: ${({theme:{motifPalette:{ui11:e}}})=>e};
  }
`,d=({wifiNetworkNames:e})=>e.length?l.createElement(m.A,null,l.createElement(r.A,{color:"secondary",size:"body"},l.createElement(i.sA,{id:"COMMON_WIFI_NETWORK"})),l.createElement(r.A,{color:"tertiary",size:"body"},e.length>1?l.createElement(s,{itemCount:e.length,description:l.createElement(_,{flexDirection:"column"},e.map(e=>l.createElement(r.A,{key:e},e))),position:"top",width:146,isInteractive:!0},l.createElement(i.sA,{id:"DEVICE_PROPERTY_OVERVIEW_WIFI_NETWORK_COUNT",values:{count:e.length}})):e[0])):null},812454:(e,t,o)=>{o.d(t,{A:()=>F});var l=o(296540),a=o(71479),r=o(566723),n=o(218234),c=o(294303),i=o(217439),m=o(998837),s=o(842630),_=o(224948),d=o(699784),p=o(469733),u=o(824182),E=o(264963),f=o(822336),A=o(705145);const h=(0,a.A)(c.A)`
  flex-direction: column;
  margin-top: ${r.kc};
  padding-top: ${r.kc};
  border-top: ${({theme:{themeName:e}})=>f.Ay[`desktop-border-divider-${e}`]};
`,T=(0,a.A)(c.A)`
  width: 100%;
  justify-content: space-between;
`,R=(0,a.A)(c.A)`
  gap: ${r.Ln};
  align-items: center;
`,g=(0,a.A)(A.A)`
  max-width: 150px;
`,y=(0,l.memo)(({mac:e,replacementMac:t})=>{const o=(0,p.useDispatch)(),[a,r]=(0,l.useState)(!1),n=(0,l.useCallback)(()=>{r(!0),o((0,E.X2)(e)).finally(()=>{r(!1)})},[o,e]);return l.createElement(h,null,l.createElement(T,null,l.createElement(g,{isTruncated:!0,size:"medium",color:"text-2"},l.createElement(d.sA,{id:"DEVICE_REPLACEMENT_DEVICE"})),l.createElement(R,null,l.createElement(i.A,{size:"medium",color:"text-3"},t),l.createElement(u.A,{actionable:!0,onClick:n,disabled:a}))))}),B=(0,a.A)(c.A)`
  flex-direction: column;
  gap: ${r.kc};
`;var v=o(709690),O=o(823858),k=o(768195);const K=({state:e},{uBlue06:t,orange06:o})=>{switch(e){case k.gQ.WAITING_FOR_REPLACEMENT:return l.createElement(v.A,{size:"original",color:t,variant:"fill"});case k.gQ.WAITING_FOR_REPLACED_DEVICE_DISCONNECT:case k.gQ.INCOMPATIBLE_REPLACEMENT:case k.gQ.REPLACEMENT_ALREADY_ASSIGNED:case k.gQ.CANNOT_REPLACE:default:return l.createElement(O.A,{size:"original",color:o,variant:"fill"})}},b=({state:e})=>{switch(e){case k.gQ.WAITING_FOR_REPLACEMENT:return"DEVICE_REPLACEMENT_PENDING_WAITING_FOR_REPLACEMENT";case k.gQ.WAITING_FOR_REPLACED_DEVICE_DISCONNECT:return"DEVICE_REPLACEMENT_PENDING_WAITING_FOR_REPLACED_DEVICE_DISCONNECT";case k.gQ.INCOMPATIBLE_REPLACEMENT:return"DEVICE_REPLACEMENT_PENDING_INCOMPATIBLE_REPLACEMENT";case k.gQ.REPLACEMENT_ALREADY_ASSIGNED:case k.gQ.CANNOT_REPLACE:default:return"DEVICE_REPLACEMENT_PENDING_CANNOT_REPLACE"}},N=(0,l.memo)(({mac:e,replacement:t})=>{const{motifPalette:o}=(0,m.u)();return t?.device_mac?l.createElement(s.A,null,l.createElement(_.A,{icon:K(t,o)},l.createElement(B,null,l.createElement(i.A,{size:"medium",color:"text-2"},l.createElement(d.sA,{id:b(t),values:{b:d.b}}))),l.createElement(y,{mac:e,replacementMac:t.device_mac}))):null});var x=o(211908),C=o(188912),I=o(470962),L=o(281884),w=o(130648),P=o(392699),z=o(124092),S=o(236037),D=o(683086);const M=(0,a.A)(c.A)`
  & > :first-child {
    margin-top: ${r.kc};
  }
`,F=({activeItem:e,activeItem:{deviceState:t,uplink:o,mac:a,model:c,type:i,replacement:m},showPortOverview:s,hidePortsButton:_,isStacking:d,multipleDisplayedDevicesData:p,overviewChildren:u,children:E})=>{const f=(0,l.useMemo)(()=>(0,L.H)(t,o?.type),[t,o?.type]),A=Boolean(e?.port_table?.length),h=s&&A;return l.createElement(l.Fragment,null,l.createElement(z.A,{activeItem:e,isOffline:f===P.v.OFFLINE,description:l.createElement(C.A,{activeItem:e,connectionStatus:f}),meshingDescription:l.createElement(w.A,{activeItem:e,connectionStatus:f}),isStacking:d},u,h?l.createElement("div",{style:{marginTop:r.Ln}},l.createElement(n.A,{activeItem:e,disableOnPortClick:!0,showFullScreenDiagramButton:!1,useBubbleWrapper:!1,multipleDisplayedDevicesData:p,isStacking:d})):null,l.createElement(M,{gap:r.kc,flexDirection:"column"},l.createElement(S.A,{activeItem:e}),!_&&A?l.createElement(D.A,{mac:a}):null),E),f===P.v.OFFLINE?l.createElement(I.A,null,m?.device_mac?null:l.createElement(x.A,{mac:a,model:c,type:i})):null,l.createElement(N,{mac:a,replacement:m}))}},842630:(e,t,o)=>{o.d(t,{A:()=>n});var l=o(469733),a=o(296540),r=o(602021);const n=({children:e=null})=>(0,l.useSelector)(r.EL)?null:a.createElement(a.Fragment,null,e)},903992:(e,t,o)=>{o.d(t,{A:()=>a});var l=o(349005),a={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,l.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}")}}]);