"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[59470],{353899(e,t,o){o.d(t,{A:()=>u});var n=o(296540);(0,o(349005).A)(".tooltip-container__vRGVdKCu{display:inline-block}.tooltip__vRGVdKCu{border-radius:8px;cursor:default;padding:0}.tooltip__vRGVdKCu .content__vRGVdKCu{padding-bottom:12px;padding-top:8px}.modal-header__vRGVdKCu{font-family:var(--desktop-font-family-default);font-size:var(--desktop-font-size-medium);font-weight:var(--desktop-font-weight-semibold);line-height:20px}");var a=o(722860),i=o(159318),l=o(325898),r=o(141046),d=o(271856),s=o(255905),c=o(136283);const m=(0,a.c)({"tooltip-container":"tooltip-container__vRGVdKCu",tooltip:"tooltip__vRGVdKCu",content:"content__vRGVdKCu","modal-header":"modal-header__vRGVdKCu"}),p=100*i.Uq["desktop-sizing-base"],u=e=>{const{children:t,position:o,portal:a,offset:i,autoPosition:u,tooltipClassName:g,width:h=p,title:f,headerClassName:C,contentClassName:A,footerClassName:k,body:v,actions:b=[],allowOverflow:$,onRequestClose:N,showHeaderClose:E=!0,motif:w,rootClose:_=!0,isOpen:x,className:y,style:O,...R}=e,L=(0,n.useRef)(null),I=(0,n.useRef)(null),[B,S]=(0,n.useState)(!1),{motif:K}=(0,l.A)(w),T="boolean"==typeof x,V=b.map(({onClick:e,...t})=>({...t,onClick:t=>e&&e(t,S)})),z={padding:0,margin:0,...O},P=(0,n.useCallback)(e=>N?N(e,S):S(!1),[N,S]);return(0,n.useEffect)(()=>{const e=e=>{!(0,r.A)(e,I)&&_&&P(e)};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}},[T,P,_]),n.createElement(d.A,{ref:I,isOpen:T?x:B,className:m.concat(y)("tooltip-container"),tooltipClassName:m.concat(g)("tooltip"),maxWidth:p,width:h,onClick:e=>{T||(e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),S(!0))},position:o,portal:a,offset:i,motif:K,autoPosition:u,isInteractive:!0,description:n.createElement("div",{ref:L,onClick:e=>{e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()},style:z},n.createElement(s.A.Provider,{value:{motif:"dark"}},n.createElement(c.A,{title:f,headerClassName:m.concat(C)("modal-header"),contentClassName:m.concat(A)("content"),footerClassName:k,actions:V,allowOverflow:$,onRequestClose:E?P:void 0},v))),...R},t)}},141046(e,t,o){o.d(t,{A:()=>n});const n=(e,t)=>!!t.current&&e.composedPath().includes(t.current)},689965(e,t,o){o.d(t,{A:()=>g,I:()=>n});var n,a=o(296540),i=o(822336),l=o(963724),r=o(71479),d=o(825032),s=o(566723),c=o(294303),m=o(311785);!function(e){e.ACCORDION="accordion",e.BUTTON_LIST="buttonList"}(n||(n={}));const p=(0,r.A)(c.A,(0,m.A)("marginBottom","isButtonList","margin","flex","width","padding","nested","background"))`
  background-color: ${({background:e,nested:t,theme:{themeName:o}})=>e||i.Ay[o===d.S.DARK?`desktop-color-neutral-${t?"00":"01"}-dark`:`desktop-color-neutral-${t?"01":"00"}-light`]};
  padding: ${({theme:e,isButtonList:t,padding:o})=>o||(t?`0 ${e.spacing["spacing-l"]}`:e.spacing["spacing-l"])};
  margin-bottom: ${({theme:e,marginBottom:t})=>t||e.spacing["spacing-l"]};
  ${({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}})=>i.Ay[`desktop-border-divider-${e}`]};\n      &:last-child {\n        border-bottom: none;\n      }\n    }\n  `:""}
`,u=(0,r.A)(l.A,(0,m.A)("marginBottom","margin","flex","padding","nested","background"))`
  background-color: ${({background:e,nested:t,theme:{themeName:o}})=>e||i.Ay[o===d.S.DARK?`desktop-color-neutral-${t?"00":"01"}-dark`:`desktop-color-neutral-${t?"01":"00"}-light`]};
  margin-bottom: ${({theme:e,marginBottom:t})=>t||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:t}})=>e||i.Ay[t===d.S.DARK?"desktop-color-neutral-01-dark":"desktop-color-neutral-00-light"]};
      height: 48px;
      padding: 0 ${s.Ln};
    }
    > div:nth-child(2) {
      margin-bottom: 0;
      padding: 0;
      > div {
        padding: 0 ${s.Ln} ${s.Ln};
      }
    }
  }
`,g=({type:e,marginBottom:t,margin:o,padding:i,flex:l,width:r,nested:d,...s})=>"items"in s?a.createElement(u,{marginBottom:t,margin:o,padding:i,flex:l,nested:d,...s}):a.createElement(p,{nested:d,width:r,marginBottom:t,margin:o,padding:i,flex:l,isButtonList:e===n.BUTTON_LIST,...s},s.children)},137625(e,t,o){o.d(t,{A:()=>s});var n=o(296540),a=o(353899),i=o(132196),l=o(372737),r=o(566723),d=o(916537);const s=({children:e=null,title:t,titleValues:o,message:s,messageValues:c,handleConfirm:m=()=>null,handleClose:p=()=>null,handleCancel:u,isOpen:g,buttonVariant:h="primary",cancelButtonVariant:f="tertiary",cancelButtonMessage:C="COMMON_ACTION_CANCEL",buttonMessage:A="COMMON_ACTION_CONFIRM",buttonDisabled:k=!1,position:v="top",offset:b,showHeaderClose:$=!1,contentClassName:N="",body:E,titleBody:w,className:_,rootClose:x=!1,footerActions:y})=>{const O=(0,n.useCallback)(e=>{g&&(e.stopPropagation(),e.key===l.U.ENTER?m():e.key===l.U.ESCAPE&&p(!1))},[g,m,p]);(0,n.useEffect)(()=>(window.addEventListener("keydown",O,!0),()=>{window.removeEventListener("keydown",O,!0)}),[O]);const R=(0,n.useCallback)(()=>{p(!1),u?.()},[p,u]),L=(0,n.useCallback)(()=>{p(!1),m()},[p,m]),I=(0,n.useMemo)(()=>[{text:n.createElement(d.sA,{id:C}),variant:f,onClick:R},{text:n.createElement(d.sA,{id:A}),disabled:k,variant:h,onClick:L}],[A,h,C,f,R,L,k]),B=(0,n.useCallback)(()=>{p(!1)},[p]),S=i.AH`
    ${t?"":`margin-top: ${r.xO}`}
  `;return n.createElement(a.A,{title:t?n.createElement(d.sA,{id:t,values:o}):w||null,...s?{body:n.createElement(n.Fragment,null,n.createElement(d.sA,{id:s,values:c}),E)}:{body:E},position:v,portal:!0,offset:b,actions:y||I,showHeaderClose:$,contentClassName:i.AH`
        ${S}
        ${N}
      `,onRequestClose:B,isOpen:g,allowOverflow:!0,rootClose:x,className:_},e)}},984576(e,t,o){o.d(t,{$n:()=>C,Bm:()=>k,i2:()=>h,k0:()=>f,rf:()=>v,u9:()=>A});var n=o(296540),a=o(271856),i=o(217439),l=o(822336),r=o(758649),d=o(823858),s=o(71479),c=o(825032),m=o(566723),p=o(143811),u=o(294303),g=o(916537);const h=(0,s.A)(p.A)`
  div > div > div {
    [for='usergroup_id'] {
      font-size: ${({theme:e})=>e.fontSize["font-size-caption"]};
    }
    > div {
      font-size: ${({theme:e})=>e.fontSize["font-size-body"]};
    }
  }
`,f=(0,s.A)(d.A)`
  color: ${({theme:{themeName:e}})=>l.Ay[`desktop-color-orange-06-${e}`]};
  margin-right: 12px;
`,C=(0,s.A)(r.A)`
  font-size: ${({theme:e})=>e.fontSize["font-size-body"]};
  font-weight: 600;
`,A=(0,s.A)(u.A)`
  width: 100%;
  padding: 16px 22px;
  background-color: ${({theme:{themeName:e}})=>l.Ay[`desktop-color-neutral-01-${e}`]};
`,k=(e,t)=>o=>n.createElement(a.A,{portal:!0,width:208,description:n.createElement(i.A,null,n.createElement(g.sA,e?{id:"CLIENTS_LOCK_AP_DISCONNECTED"}:{id:"CLIENTS_LOCK_AP_FIRST_TIME_CONFIGURATION",values:{unsupportedApList:n.createElement("strong",null,n.createElement(g.sA,{id:"COMMON_VERSION"}),t)}}))},o),v=(0,s.A)(u.A)`
  padding: ${m.kc};
  background: ${({theme:{themeName:e}})=>l.Ay[e===c.S.DARK?"desktop-color-neutral-01-dark":"desktop-color-neutral-00-light"]};
  border-radius: ${l.Ay["desktop-radius-base"]};
`;(0,s.A)(u.A)`
  flex-direction: column;
  gap: ${m.kc};
  align-items: start;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
`}}]);