"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[71381],{547967(e,t,i){i.d(t,{AC:()=>m,D7:()=>g,Ie:()=>v,JL:()=>x,JX:()=>w,KY:()=>u,O2:()=>c,Op:()=>p,Rm:()=>f,e$:()=>$,t7:()=>b,yr:()=>A});var o=i(938984),n=i(814557),d=i(247816),r=i(409844),a=i(291508),l=i(61322),s=i(309130),h=i(100978);const p=(0,d.A)(h.A,(0,a.A)("inline","wrap"))`
  position: relative;
  flex: ${({inline:e})=>e?"1 1 0":"0 0 100%"};
  align-items: flex-start;
  flex-flow: ${({wrap:e})=>"row "+(e?"wrap":"nowrap")};
  gap: ${s.kc};
`,c=(0,d.A)(h.A,(0,a.A)("editMaxHeight","editFieldWrap"))`
  flex-direction: column;
  max-height: ${({editMaxHeight:e})=>`${e||300}px`};
  overflow-y: auto;
  overflow-x: hidden;
  gap: ${s.YC};

  ${({editFieldWrap:e,theme:{themeName:t}})=>e?`\n    gap: 0;\n\n    > * {\n      border-bottom: ${n.Ay[`desktop-border-divider-${t}`]};\n      padding-bottom: ${s.kc};\n      padding-top: ${s.kc};\n    }\n\n    > *:first-child {\n      padding-top: 0;\n    }\n\n    > *:last-child {\n      border-bottom: none;\n      padding-bottom: 0;\n    }\n  `:""}
`,m=(0,d.A)("div",(0,a.A)("isWindowsTable","rows","tableMaxHeight","marginTop"))`
  width: 100%;
  // windows table inherits height from parent container
  height: ${({rows:e,isWindowsTable:t})=>t&&`${l.I.ROW_HEIGHT*e+l.I.HEADER_HEIGHT}`}px;
  max-height: ${({tableMaxHeight:e})=>e?`${e}px`:"auto"};
  margin-top: ${({marginTop:e})=>e||s.Ln};

  table {
    td {
      max-width: 170px;

      span {
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
`,g=(0,d.A)(o.A)`
  margin-right: ${s.YC};
`,u=r.AH`
  :first-of-type {
    padding: 0 ${s.fS} 0 0px;
  }
`,f="drag-and-drop-table-row-placeholder",b=(0,d.A)(h.A)`
  flex-direction: column;

  /* Adjust weird padding on the right side for the ID column when right aligned (drag & drop table) */
  table > thead > tr > th:last-of-type {
    padding-right: ${s.kc};
  }

  /* Add missing border between drag and drop groups (tbody elements) */
  table > tbody {
    border-bottom: ${({theme:{themeName:e}})=>n.Ay[`desktop-border-divider-${e}`]};
  }
  /* Last cell in table is hover content which is not used in this table */
  table > tbody[data-rbd-droppable-context-id] td:not(:last-of-type),
  table > thead > tr > th {
    /* Align drag & drop table cell padding to regular table padding */
    padding-right: ${s.kc} !important;
  }
  /* Align drop zone placeholder row when a row is dragged to matched the CSS overrides for drag and drop table we use */
  table .${f} {
    display: flex;
  }
`,x=r.AH`
  /* This is default for the table rows, so we need it for the header. */
  display: flex;
  width: 100%;

  > th:first-child {
    /* Since we flex the header, we must specify this to align with the table rows. */
    width: 24px;
  }
  > th:not(:first-child) {
    /* Something inside UIC sets the padding to 8px for table header and 5px for table rows. This aligns it to make flex work. */
    padding-right: ${s.kc} !important;
  }
`,$=r.AH`
  /* Override the padding-right of the first column to align with manage + drop modes. */
  > th:first-child {
    padding-right: ${s.kc} !important;
  }
  > th:first-child:has(> label) {
    padding-right: 1px !important;
    width: 36px;
  }
`,A=r.AH`
  /* UIC already does this for some table states, like drag and drop and when in manage mode. If we just use this ALWAYS, we're avoiding many issues related to using different alignment techniques in different places. */
  display: flex;
`,w=r.AH`
  tbody {
    display: flex;
    flex-direction: column;
  }
`;function v(e,t){return r.AH`
    width: ${t.width?`${t.width}px`:"auto"};
    min-width: ${t.minWidth?`${t.minWidth}px`:"0px"};
    flex: ${t.growthFactor||0} !important;
    padding-left: ${s.kc} !important;
    padding-right: ${s.kc} !important;
  `}},256468(e,t,i){var o;i.d(t,{EE:()=>d,Uh:()=>o,Vf:()=>n}),function(e){e.SINGLE="single",e.PLURAL="plural"}(o||(o={}));const n="editActive",d=20},531984(e,t,i){i.d(t,{w:()=>r});var o=i(602086),n=i(977872),d=i(205521);const r=e=>{const t=(0,n.wA)();(0,o.useEffect)(()=>{t((0,d.SQ)(e))},[t,e])}},612389(e,t,i){i.d(t,{A:()=>p});var o=i(274934),n=i(814557),d=i(938984),r=i(247816),a=i(263705),l=i(309130),s=i(100978);const h=(0,r.A)(d.A)`
  line-height: 20px;
`,p=({icon:e,description:t,action:i,footer:d,background:r,...p})=>{const{themeName:c}=(0,a.u)();return(0,o.jsxs)(s.A,{flexGrow:1,borderRadius:l.YC,padding:l.kc,background:r||n.Ay[`desktop-color-neutral-01-${c}`],gap:l.kc,flexDirection:"column",...p,children:[(0,o.jsxs)(s.A,{flexGrow:1,gap:l.kc,children:[e,t?(0,o.jsx)(h,{size:"medium",children:t}):null,i?(0,o.jsx)(s.A,{marginLeft:"auto",children:(0,o.jsx)(h,{size:"medium",children:i})}):null]}),d]})}},753959(e,t,i){i.d(t,{A:()=>l});var o=i(274934),n=i(814557),d=i(853777),r=i(263705),a=i(612389);const l=({children:e,icon:t,background:i,...l})=>{const{themeName:s}=(0,r.u)();return(0,o.jsx)(a.A,{icon:t||(0,o.jsx)(d.A,{variant:"fill",size:"original",color:n.Ay[`desktop-color-ublue-06-${s}`]}),description:e,background:i,...l})}},535322(e,t,i){i.d(t,{A:()=>g,I:()=>o});var o,n=i(274934),d=i(814557),r=i(158885),a=i(247816),l=i(565527),s=i(309130),h=i(100978),p=i(291508);!function(e){e.ACCORDION="accordion",e.BUTTON_LIST="buttonList"}(o||(o={}));const c=(0,a.A)(h.A,(0,p.A)("marginBottom","isButtonList","margin","flex","width","padding","nested","background"))`
  background-color: ${({background:e,nested:t,theme:{themeName:i}})=>e||d.Ay[i===l.S.DARK?`desktop-color-neutral-${t?"00":"01"}-${l.S.DARK}`:`desktop-color-neutral-${t?"01":"00"}-${l.S.LIGHT}`]};
  padding: ${({isButtonList:e,padding:t})=>t||(e?`0 ${s.Ln}`:s.Ln)};
  margin-bottom: ${({marginBottom:e})=>e||s.Ln};
  ${({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}})=>d.Ay[`desktop-border-divider-${e}`]};\n      &:last-child {\n        border-bottom: none;\n      }\n    }\n  `:""}
`,m=(0,a.A)(r.A,(0,p.A)("marginBottom","margin","flex","padding","nested","background"))`
  background-color: ${({background:e,nested:t,theme:{themeName:i}})=>e||d.Ay[i===l.S.DARK?`desktop-color-neutral-${t?"00":"01"}-${l.S.DARK}`:`desktop-color-neutral-${t?"01":"00"}-${l.S.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||d.Ay[t===l.S.DARK?`desktop-color-neutral-01-${l.S.DARK}`:`desktop-color-neutral-00-${l.S.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:i,padding:d,flex:r,width:a,nested:l,...s})=>"items"in s?(0,n.jsx)(m,{marginBottom:t,margin:i,padding:d,flex:r,nested:l,...s}):(0,n.jsx)(c,{nested:l,width:a,marginBottom:t,margin:i,padding:d,flex:r,isButtonList:e===o.BUTTON_LIST,...s,children:s.children})},384783(e,t,i){i.d(t,{A:()=>r});var o=i(274934),n=i(832162),d=i(826600);const r=({children:e=null,hideModal:t,onRequestClose:i,portalSelector:r=d.J,forwardedRef:a=null,...l})=>(0,o.jsx)(n.A,{isOpen:!0,shouldCloseOnEsc:!0,onRequestClose:i||t,parentSelector:r,ref:a,...l,children:e})},826600(e,t,i){i.d(t,{J:()=>o,g:()=>n});const o=()=>document.getElementById("modal-container"),n=()=>document.getElementById("modal-settings-container")},109297(e,t,i){i.r(t),i.d(t,{default:()=>d});var o=i(274934),n=i(663939);const d=({activeItem:e})=>(0,o.jsx)(n.A,{activeItem:e},e?._id)},420174(e,t,i){i.d(t,{H5:()=>r,ZS:()=>a});var o=i(274934),n=i(602086);const d=(0,n.createContext)(void 0),r=()=>{const e=(0,n.useContext)(d);return void 0===e?{sharedName:"",setSharedName:()=>{}}:e},a=({children:e})=>{const[t,i]=(0,n.useState)(""),r=(0,n.useMemo)(()=>({sharedName:t,setSharedName:i}),[t]);return(0,o.jsx)(d.Provider,{value:r,children:e})}},16944(e,t,i){i.d(t,{A:()=>c});var o=i(274934),n=i(602086),d=i(977872),r=i(890932),a=i(726831);const l={};var s=i(247816),h=i(291508);const p=(0,s.A)("img",(0,h.A)("dimension"))`
  ${({dimension:e=22})=>`\n    height: ${e}px;\n    width: ${e}px;\n  `}
`,c=(0,n.memo)(({iconFileName:e,dimension:t,style:i={}})=>{const n=(0,d.d4)(r.p);return(0,o.jsx)(p,{src:l[e]||encodeURI(`${a.A.dpiPath}${e}`),dimension:t,onLoad:({target:t})=>{l[e]=t.src},onError:({currentTarget:e})=>{e.src=`${n}/dpiFallback.svg`},style:i})})},61322(e,t,i){i.d(t,{I:()=>o});const o={HEADER_HEIGHT:32,ROW_HEIGHT:32,EDIT_FIELD_HEIGHT:36,getHeight(e,t,i,o){return Math.min((o||this.ROW_HEIGHT)*e+(i??this.HEADER_HEIGHT),(o||this.ROW_HEIGHT)*t+(i??this.HEADER_HEIGHT))},getEditContainerHeight(e,t,i){return Math.min((i||this.EDIT_FIELD_HEIGHT)*e,(i||this.EDIT_FIELD_HEIGHT)*t)}}},877840(e,t,i){i.d(t,{A:()=>a});var o=i(274934),n=i(602086),d=i(184931),r=i(712642);const a=({isDisabled:e,isAdditive:t=!0,children:i})=>{const a=(0,d.pv)(),l=(0,n.useMemo)(()=>"boolean"==typeof e?{fields:e,labels:e,tooltipIcons:e,tooltipPopovers:!1}:e,[e]),s=(0,n.useMemo)(()=>({fields:t?l.fields||a.fields:l.fields,labels:t?l.labels||a.labels:l.labels,tooltipIcons:t?l.tooltipIcons||a.tooltipIcons:l.tooltipIcons,tooltipPopovers:t?l.tooltipPopovers||a.tooltipPopovers:l.tooltipPopovers}),[t,l.fields,l.labels,l.tooltipIcons,l.tooltipPopovers,a.fields,a.labels,a.tooltipIcons,a.tooltipPopovers]);return(0,o.jsx)(r.I.Provider,{value:s,children:i})}}}]);