"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[1673],{227598:(e,t,n)=>{n.d(t,{A:()=>o});var a=n(296540);(0,n(349005).A)(".container__1x1dKwqz{height:2px;left:0;overflow:hidden;position:absolute;width:100%}.above__1x1dKwqz{top:-2px}.top__1x1dKwqz{top:0}.bottom__1x1dKwqz{bottom:0}.below__1x1dKwqz{bottom:-2px}.inline__1x1dKwqz{position:relative}.line__1x1dKwqz{animation:LoadingBar__1x1dKwqz 2.5s ease-in-out infinite;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.line-light__1x1dKwqz{background:linear-gradient(90deg,transparent,#006fff 50%,transparent)}.line-dark__1x1dKwqz{background:linear-gradient(90deg,transparent,#4797ff 50%,transparent)}@keyframes LoadingBar__1x1dKwqz{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}");var i=n(722860),l=n(325898);const r=(0,i.c)({container:"container__1x1dKwqz",above:"above__1x1dKwqz",top:"top__1x1dKwqz",bottom:"bottom__1x1dKwqz",below:"below__1x1dKwqz",inline:"inline__1x1dKwqz",line:"line__1x1dKwqz",LoadingBar:"LoadingBar__1x1dKwqz","line-light":"line-light__1x1dKwqz","line-dark":"line-dark__1x1dKwqz"}),o=({className:e,isLoading:t,inline:n=!1,placement:i="top",motif:o,...s})=>{const{motif:d}=(0,l.A)(o);return t?a.createElement("div",{className:r.concat(e)("container",n?"inline":i),...s},a.createElement("div",{className:r("line",`line-${d}`)})):null}},17724:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var a=n(296540),i=n(469733),l=n(256126),r=n(927099),o=n(566198),s=n(832914),d=n(758649),_=n(459449),c=n(183989),m=n(294303),w=n(801081),A=n(919952),g=n(276907),E=n(139587);const p=(0,w.Mz)(e=>e[A.U.SHARED][g.N.LOADER_ADAPTER],e=>e[E.V.REASONS]);var x=n(602021),u=n(510497),z=n(451919),b=n(968906),h=n(427463),f=n(633620),K=n(71479),q=n(227598),k=n(566723);const O=(0,K.A)(f.A)`
  margin-right: ${k.Ln};
  height: 24px;
  width: 24px;
`,N=(0,K.A)(h.A)`
  margin-right: ${k.kc};
  height: 16px;
  width: 16px;
`,T=(0,K.A)(q.A)`
  left: 50px;
`,v=()=>{const e=(0,i.useDispatch)(),t=(0,i.useSelector)(p),n=(0,i.useSelector)(x.AF),w=(0,i.useSelector)(x.LF),A=(0,a.useCallback)(()=>{n&&u.u.setItem(z.lP.HOTSPOT_LOGOUT_SITE_NAME,w),e((0,c.bB)())},[e,n,w]),g=(0,a.useCallback)(()=>a.createElement(m.A,{...b.A.addDataTestId(b.A.TestId.HEADER_USERICON)},a.createElement(O,{actionable:!0})),[]);return a.createElement(o.A,{size:"classic",title:a.createElement(r.A,{size:"header-s",weight:"normal",color:"tertiary"},a.createElement(_.sA,{id:"COMMON_NETWORK"})),icon:a.createElement(l.A,{size:"full"})},t.length?a.createElement(T,{isLoading:!0,placement:"bottom"}):null,a.createElement(m.A,null,a.createElement(s.A,{renderToggle:g,size:"small",align:"bottomCenter",toggleOffset:8},a.createElement(m.A,{alignContent:"center"},a.createElement(N,{isActive:!0}),a.createElement(d.A,{type:"button",variant:"inline",onClick:A,...b.A.addDataTestId(b.A.TestId.HEADER_SIGNOUT_BUTTON)},a.createElement(_.sA,{id:"COMMON_HEADER_USER_PROFILE_SIGN_OUT"}))))))}}}]);