"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[24327],{120964:(e,t,i)=>{i.d(t,{A:()=>s});var n=i(296540),a=i(217439),l=i(463477),r=i(566723),o=i(734707),d=i(699784),c=i(613141);const s=({device:e,inline:t,...i})=>{const{onUpgradeDevice:s,showButton:m,isPending:p}=(0,l.S)(e);return m?n.createElement("div",{style:{marginTop:t?0:r.kc}},n.createElement(c.A,{fromVersion:e.displayable_version,toVersion:e.upgrade_to_firmware,model:e.model},n.createElement(o.Ay,{variant:t?"inline":"primary",onClick:s,disabled:p},n.createElement(a.A,{size:"medium",weight:"inherit",color:"inherit",...i},n.createElement(d.sA,{id:"COMMON_ACTION_UPDATE"}))))):null}},130648:(e,t,i)=>{i.d(t,{A:()=>f});var n=i(296540),a=i(71479),l=i(769972),r=i(566723),o=i(927099),d=i(366702),c=i(699784),s=i(572112),m=i(325898),p=i(822336),h=i(337029);const E=(e,t)=>e<h.rr?p.Ay.motifs[t]["desktop-color-orange-06"]:p.Ay.motifs[t]["desktop-color-green-06"],O=e=>Number.isInteger(e)?e<h.rr?"COMMON_POOR":"COMMON_GOOD":"COMMON_OFFLINE";var u=i(294303);const x=(0,a.A)(u.A,{shouldForwardProp:e=>"vertical"!==e})`
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  white-space: nowrap;
  ${({vertical:e})=>e?"top: 1px":""}
`,A=(0,n.memo)(({signal:e,vertical:t=!1})=>{const{motif:i}=(0,m.A)();return n.createElement(x,{vertical:t},n.createElement(o.A,{...e?{style:{color:E(e,i)}}:{color:"tertiary"},size:"caption"},n.createElement(c.sA,{id:O(e)})))});var _=i(952853),L=i(982090),M=i(929434);const T=[L.L.SIXTY_FIVE,L.L.FIFTY_FIVE,L.L.FOURTY_FIVE],g=(0,n.memo)(({dotOffset:e,signal:t,customWidth:i,isDualMeshing:a=!1,hideLabel:l=!1,fullWidthBar:r=!1})=>{const{width:m}=(0,d.A)(),p=(0,n.useMemo)(()=>i||(a||m<=s.A.L.TO?h.Hv:h.TV),[a,m,i]);return n.createElement(u.A,{width:p,flexDirection:"column"},n.createElement(u.A,{width:"100%",height:53,flexDirection:"column"},n.createElement(u.A,{width:"100%",height:20,alignItems:"center",position:"relative",top:-6},t?n.createElement(M.lN,{size:"small",color:"text-1",offset:e,fullWidthBar:r},t," ",n.createElement(c.sA,{id:"COMMON_UNIT_DBM"})):null),n.createElement(M.Hv,{width:p,signal:t}),n.createElement(u.A,{width:"100%",height:16,marginTop:6,alignItems:"center",justifyContent:"space-between",position:"relative"},n.createElement(o.A,{size:"caption",color:"tertiary"},n.createElement(c.sA,{id:"COMMON_POOR"})),T.map(e=>n.createElement(M.oF,{key:e,size:"small",color:"text-3",isOnline:Boolean(t),offset:(0,_.cN)(-e),value:e},"-",e)),n.createElement(o.A,{size:"caption",color:"tertiary"},n.createElement(c.sA,{id:"COMMON_GOOD"})))),l?null:n.createElement(A,{signal:t}))});var w=i(269611);const I=(0,a.A)(u.A)`
  max-width: 100%;
  justify-content: center;
  gap: ${r.kc};
  align-items: center;
  padding: ${r.kc} 0;
`,v=({uplink:e,state:t})=>{const[{width:i},a]=(0,l.O)(),r=(0,w.n)(t,e),o=e.signal||0;return r?n.createElement(I,{ref:a},n.createElement(g,{signal:o,dotOffset:(0,_.Bw)(o),isDualMeshing:!1,hideLabel:!0,customWidth:i,fullWidthBar:!0})):null};var $=i(392699);const f=({connectionStatus:e,activeItem:t})=>{const{uplink:i,state:a}=t;return e===$.v.MESHING?n.createElement(v,{uplink:i,state:a}):null}},151061:(e,t,i)=>{i.d(t,{m:()=>E});var n=i(469733),a=i(296540),l=i(217439),r=i(90757),o=i(398300),d=i(340813),c=i(413146),s=i(845030),m=i(699784),p=i(532419),h=i(675845);const E=({last_uplink_mac:e,last_uplink_name:t,last_uplink_remote_port:i,disconnected_at:E,disabled:O,textSize:u,maxWidth:x})=>{const{formatMessage:A}=(0,m.tz)(),_=(0,n.useDispatch)(),L=(0,n.useSelector)(p.CC),M=(0,h.Z)(e,L),T=(0,h.z)(t,i,M,A);return a.createElement(a.Fragment,null,M?a.createElement("div",null,a.createElement(l.A,{color:"text-3",size:u},a.createElement(m.sA,{id:"COMMON_DEVICE_LAST_CONNECTED_TO",values:{deviceWithPort:a.createElement(d.A,{isFullWidth:!1,disabled:O,maxWidth:x||200,onClick:()=>{O||_((0,s.XP)({type:o.H.DEVICE,id:e}))},size:u},T)}}))):null,E?a.createElement("div",null,a.createElement(l.A,{color:"text-3",size:u},a.createElement(c.A,{date:(0,r.gH)(E)}))):null)}},188912:(e,t,i)=>{i.d(t,{A:()=>m});var n=i(296540),a=i(370969),l=i(243322),r=i(294303),o=i(699784),d=i(151061),c=i(770804),s=i(392699);const m=({connectionStatus:e,activeItem:t,disabled:i,uplinkNameMaxWidth:m=195})=>{const{type:p,last_uplink:h,uplink:E,state:O,name:u,mac:x,disconnected_at:A}=t;switch(e){case s.v.OFFLINE:return n.createElement(d.m,{last_uplink_mac:h?.uplink_mac,last_uplink_name:h?.uplink_device_name,last_uplink_remote_port:h?.uplink_remote_port,disconnected_at:A,disabled:i,maxWidth:m});case s.v.MESHING:return n.createElement(c.A,{type:p,name:u,mac:x,uplink:E,state:O,alignLeft:!0,disabled:i});case s.v.CONNECTED:return n.createElement(r.A,{alignItems:"flex-bottom",flexWrap:"wrap"},n.createElement(l.A,{color:"text-3"},n.createElement(o.sA,{id:"COMMON_CONNECTED_TO"}))," ",n.createElement(a.E,{device:t,maxWidth:m,disabled:i,separatePortNumber:!0}));default:return null}}},224948:(e,t,i)=>{i.d(t,{A:()=>m});var n=i(296540),a=i(217439),l=i(71479),r=i(566723),o=i(294303),d=i(689965);const c=(0,l.A)("div")`
  margin-right: ${r.kc};
`,s=(0,l.A)("div")`
  margin-left: ${r.kc};
`,m=({icon:e,closeIcon:t,nested:i,children:l,...r})=>n.createElement(d.A,{nested:i,...r},n.createElement(o.A,null,n.createElement(c,null,e),n.createElement(a.A,{size:"medium"},l),t?n.createElement(s,null,t):null))},236037:(e,t,i)=>{i.d(t,{A:()=>O});var n=i(296540),a=i(837612),l=i(602197),r=i(217439),o=i(71479),d=i(566723),c=i(294303),s=i(699784),m=i(39039);const p=(0,o.A)("div")`
  margin-top: ${d.kc};
`,h=({type:e,model:t,mac:i,rollupgrade:a})=>n.createElement(p,null,n.createElement(m.A,{type:e,model:t,mac:i,rollupgrade:a,size:"large",maxWidth:"100%"}),n.createElement(c.A,{justifyContent:"center",width:"100%"},n.createElement(r.A,{variant:"body-primary"},n.createElement(s.sA,{id:"COMMON_UPDATING"}),"...")));var E=i(120964);const O=({activeItem:e})=>n.createElement(n.Fragment,null,e.deviceState===l.g.UPGRADING||e.deviceState===l.g.CONNECTED&&e.rollupgrade?n.createElement(h,{type:e.type,model:e.model,mac:e.mac,rollupgrade:e.rollupgrade}):null,(0,a.g8)(e)?n.createElement(E.A,{device:e}):null)},243322:(e,t,i)=>{i.d(t,{A:()=>a});var n=i(217439);const a=(0,i(71479).A)(n.A)`
  white-space: nowrap;
`},269611:(e,t,i)=>{i.d(t,{n:()=>o});var n=i(469733),a=i(602197),l=i(532419),r=i(211368);const o=(e,t)=>{const i=(0,n.useSelector)(l.CC),o=t.uplink_mac?i.find(({mac:e})=>e===t.uplink_mac):void 0,d=Boolean(t.signal);return r.q[e]===a.g.CONNECTED&&o&&d?o:void 0}},281884:(e,t,i)=>{i.d(t,{H:()=>r});var n=i(780811),a=i(768195),l=i(392699);const r=(e,t)=>(0,n.aK8)(e)?l.v.OFFLINE:t===a.au.WIRELESS?l.v.MESHING:l.v.CONNECTED},337029:(e,t,i)=>{i.d(t,{GX:()=>n,Hv:()=>r,K:()=>a,TV:()=>o,f$:()=>d,rr:()=>l});const n=-30,a=-80,l=-65,r=184,o=238,d=10},360113:(e,t,i)=>{i.d(t,{A:()=>d});var n=i(296540),a=i(71479),l=i(566723),r=i(294303);const o=(0,a.A)(r.A,{shouldForwardProp:e=>!["valueMaxWidth","keyMinWidth","compact"].includes(e)})`
  &:not(:last-child) {
    ${({compact:e})=>e?"":`margin-bottom: ${l.kc};`}
  }
  & > {
    &:nth-child(1) {
      min-width: ${({keyMinWidth:e})=>e}px;
    }
    &:nth-child(2) {
      max-width: ${({valueMaxWidth:e})=>e}px;
    }
  }
`,d=({children:e,valueMaxWidth:t=215,keyMinWidth:i=0,flexProps:a={},compact:r=!1})=>n.createElement(o,{width:"100%",justifyContent:"space-between",gap:l.kc,height:r?void 0:24,valueMaxWidth:t,keyMinWidth:i,compact:r,...a},e)},392699:(e,t,i)=>{var n;i.d(t,{v:()=>n}),function(e){e.OFFLINE="offline",e.MESHING="meshing",e.CONNECTED_INTERRUPTED="connected-interrupted",e.CONNECTED="connected"}(n||(n={}))},572112:(e,t,i)=>{i.d(t,{A:()=>r});var n=i(779005);const a={[n.L.XS]:{FROM:0,TO:374},[n.L.S]:{FROM:375,TO:567},[n.L.SM]:{FROM:568,TO:767},[n.L.M]:{FROM:768,TO:1023},[n.L.ML]:{FROM:1024,TO:1199},[n.L.L]:{FROM:1200,TO:1919},[n.L.XL]:{FROM:1920,TO:2559},[n.L.XXL]:{FROM:2560,TO:1/0}},l={DASHBOARD:{LAYOUT:{MOBILE:"(max-width: 767px)",DESKTOP:"(min-width: 768px)"},CHART:{MOBILE:"(max-width: 1419px)",DESKTOP:"(min-width: 1420px)"},BAND_SELECTOR:{MOBILE:"(max-width: 1119px)",DESKTOP:"(min-width: 1120px)"}}},r={...a,...l,SIDE_NAVIGATION_BREAKPOINT_UP:"(min-width: 601px)",SIDE_NAVIGATION_BREAKPOINT_DOWN:"(max-width: 600px)",VIEWPORT_XS:`(max-width: ${a[n.L.XS].TO}px)`,VIEWPORT_S:`(min-width: ${a[n.L.S].FROM}px) and (max-width: ${a[n.L.S].TO}px)`,VIEWPORT_SM:`(min-width: ${a[n.L.SM].FROM}px) and (max-width: ${a[n.L.SM].TO}px)`,VIEWPORT_M:`(min-width: ${a[n.L.M].FROM}px) and (max-width: ${a[n.L.M].TO}px)`,VIEWPORT_ML:`(min-width: ${a[n.L.ML].FROM}px) and (max-width: ${a[n.L.ML].TO}px)`,VIEWPORT_L:`(min-width: ${a[n.L.L].FROM}px) and (max-width: ${a[n.L.L].TO}px)`,VIEWPORT_XL:`(min-width: ${a[n.L.XL].FROM}px) and (max-width: ${a[n.L.XL].TO}px)`,VIEWPORT_XXL:`(min-width: ${a[n.L.XXL].FROM}px)`,VIEWPORT_XS_UP:`(min-width: ${a[n.L.S].FROM}px)`,VIEWPORT_S_UP:`(min-width: ${a[n.L.SM].FROM}px)`,VIEWPORT_SM_UP:`(min-width: ${a[n.L.M].FROM}px)`,VIEWPORT_M_UP:`(min-width: ${a[n.L.ML].FROM}px)`,VIEWPORT_ML_UP:`(min-width: ${a[n.L.L].FROM}px)`,VIEWPORT_L_UP:`(min-width: ${a[n.L.XL].FROM}px)`,VIEWPORT_XL_UP:`(min-width: ${a[n.L.XXL].FROM}px)`,VIEWPORT_S_DOWN:`(max-width: ${a[n.L.S].TO}px)`,VIEWPORT_SM_DOWN:`(max-width: ${a[n.L.SM].TO}px)`,VIEWPORT_M_DOWN:`(max-width: ${a[n.L.M].TO}px)`,VIEWPORT_ML_DOWN:`(max-width: ${a[n.L.ML].TO}px)`,VIEWPORT_L_DOWN:`(max-width: ${a[n.L.L].TO}px)`,VIEWPORT_XL_DOWN:`(max-width: ${a[n.L.XL].TO}px)`,VIEWPORT_XXL_DOWN:`(max-width: ${a[n.L.XXL].TO}px)`}},675845:(e,t,i)=>{i.d(t,{Z:()=>a,z:()=>l});var n=i(6510);const a=(e,t)=>e?t.find(({mac:t})=>t===e):void 0,l=(e,t,i,a)=>{const l=t?` ${a({id:"DEVICE_PROPERTIES_PORT_WITH_NUMBER"},{port:t})}`:"";return e?`${e}${l}`:i?`${(0,n.Q)(i)}${l}`:a({id:"COMMON_FALLBACK"})}},770804:(e,t,i)=>{i.d(t,{A:()=>O});var n=i(296540),a=i(217439),l=i(71479),r=i(132196),o=i(566723),d=i(370969),c=i(294303),s=i(699784),m=i(269611);const p=(0,l.A)(c.A,{shouldForwardProp:e=>"alignLeft"!==e})`
  ${({alignLeft:e})=>e?"max-width: 288px;":"max-width: 100%; justify-content: center;"}
  gap: ${o.kc};
  align-items: center;
`,h=r.AH`
  max-width: 50%;
`,E=r.AH`
  flex: 0 1 auto;
  min-width: 0;
`,O=({type:e,name:t,mac:i,uplink:l,state:r,alignLeft:o,smallText:O,disabled:u})=>(0,m.n)(r,l)?n.createElement(p,{alignLeft:o},n.createElement(a.A,{size:O?"small":"medium",color:"text-2"},n.createElement(s.sA,{id:"DEVICE_MESHING_TO"})),n.createElement(c.A,{className:o?E:h},n.createElement(d.E,{device:{type:e,name:t,mac:i,uplink:l},size:O?"small":"medium",disabled:u,maxWidth:120}))):null},779005:(e,t,i)=>{var n;i.d(t,{L:()=>n}),function(e){e.XS="XS",e.S="S",e.SM="SM",e.M="M",e.ML="ML",e.L="L",e.XL="XL",e.XXL="XXL"}(n||(n={}))},929434:(e,t,i)=>{i.d(t,{Hv:()=>h,WX:()=>p,lN:()=>E,oF:()=>O});var n=i(822336),a=i(217439),l=i(71479),r=i(566723),o=i(572112),d=i(779005),c=i(294303),s=i(952853),m=i(337029);const p=9,h=(0,l.A)(c.A,{shouldForwardProp:e=>!["width","vertical","signal"].includes(e)})`
  width: ${({vertical:e=!1,width:t})=>e?m.f$:t}px;
  height: ${({vertical:e=!1,width:t})=>e?t:m.f$}px;
  border-radius: 12px;
  flex-grow: 0;
  position: relative;
  z-index: ${p};
  background: linear-gradient(
    -${({vertical:e=!1})=>e?"180":"90"}deg,
    ${({signal:e,theme:{themeName:t}})=>e?`\n    ${n.Ay.motifs[t]["desktop-color-green-06"]} 0%,\n    ${n.Ay.motifs[t]["desktop-color-yellow-06"]} 73.38%,\n    ${n.Ay.motifs[t]["desktop-color-orange-06"]} 100%\n    `:`\n    ${n.Ay.motifs[t]["desktop-color-neutral-03"]} 0%,\n    ${n.Ay.motifs[t]["desktop-color-neutral-03"]} 100%\n    `}
  );
  ${({vertical:e=!1})=>e?"top: -3px;":""}
  ${({signal:e,vertical:t=!1})=>{return e?(i=(0,s.Bw)(e),`\n        &::after {\n          content: '';\n          display: block;\n          position: absolute;\n          width: 14px;\n          height: 14px;\n          border-radius: 50%;\n          border: 2px solid ${n.Ay.motifs.light["desktop-color-neutral-00"]};\n          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n          right: ${t?"5px":(0,s.Ty)(i)};\n          top: ${t?(0,s.zF)(i):"-2px"};\n          transform: translateX(50%);\n          background: transparent;\n        }\n        `):"";var i}}
`,E=(0,l.A)(a.A,{shouldForwardProp:e=>!["offset","fullWidthBar"].includes(e)})`
  position: absolute;
  transform: translateX(50%);
  right: ${({offset:e,fullWidthBar:t=!1})=>t?(0,s.Ty)(e,20):100-e+"%"};
`,O=(0,l.A)(a.A,{shouldForwardProp:e=>!["offset","value","isOnline"].includes(e)})`
  position: absolute;
  right: ${({offset:e})=>100-e}%;
  transform: translateX(50%);
  &::before {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    right: 50%;
    width: 1px;
    height: 4px;
    background: ${s.rD};
  }
`;(0,l.A)(c.A)`
  position: relative;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  bottom: 13px;
`,(0,l.A)(c.A)`
  width: 48px;
  height: 48px;
  padding: 5px;
  box-sizing: border-box;
  ${({theme:{motifPalette:{neutral01:e,neutral03:t}}})=>`\n    background: ${e};\n    border: 2px solid ${t};\n  `}
  border-radius: 8px;
`,(0,l.A)(c.A)`
  height: 16px;
  width: 175%;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -22px;
`,(0,l.A)(c.A,{shouldForwardProp:e=>"isDualMeshing"!==e})`
  align-items: center;
  width: 100%;
  padding: 0 10px;
  ${({isDualMeshing:e=!1})=>`\n    gap: ${e?r.kI:r.tr};\n    ${e?`\n        @media ${o.A.VIEWPORT_M}, ${o.A.VIEWPORT_ML} { gap: ${r.Yc}; }\n        @media (min-width: 1200px) and (max-width: 1300px) { gap: ${r.tr}; }\n        @media (min-width: 1300px) and (max-width: ${o.A[d.L.L].TO}px) { gap: ${r.kI}; }\n        @media ${o.A.VIEWPORT_XL} { gap: ${r.fS}; }\n    `:""}\n`}
`},952853:(e,t,i)=>{i.d(t,{Bw:()=>d,Ty:()=>c,cN:()=>o,rD:()=>r,zF:()=>s});var n=i(822336),a=i(982090),l=i(337029);const r=({value:e,isOnline:t,theme:{themeName:i}})=>t?e===a.L.FOURTY_FIVE?n.Ay.motifs[i]["desktop-color-green-06"]:e===a.L.FIFTY_FIVE?n.Ay.motifs[i]["desktop-color-yellow-06"]:e===a.L.SIXTY_FIVE?n.Ay.motifs[i]["desktop-color-orange-06"]:void 0:n.Ay.motifs[i]["desktop-color-neutral-03"],o=e=>100*(e-l.K)/(l.GX-l.K),d=e=>Math.min(Math.max(o(e),0),100),c=(e,t=6)=>e<10?`calc(${100-e}% - ${t}px)`:e>90?`calc(${100-e}% + ${t}px)`:100-e+"%",s=e=>`calc(${100-e}% + ${e<30?-12:0}px)`},982090:(e,t,i)=>{var n;i.d(t,{L:()=>n}),function(e){e[e.FOURTY_FIVE=45]="FOURTY_FIVE",e[e.FIFTY_FIVE=55]="FIFTY_FIVE",e[e.SIXTY_FIVE=65]="SIXTY_FIVE"}(n||(n={}))},999063:(e,t,i)=>{i.d(t,{A:()=>d});var n=i(296540),a=i(927099),l=i(90757),r=i(699784),o=i(360113);const d=({uptime:e,compact:t=!1})=>e>0?n.createElement(o.A,{compact:t},n.createElement(a.A,{color:"secondary",size:"body"},n.createElement(r.sA,{id:"COMMON_UPTIME"})),n.createElement(a.A,{color:"tertiary",size:"body"},(0,l.Ay)(e))):null}}]);