"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[4738],{547120(e,t,n){n.d(t,{T:()=>i,g:()=>a});const i="",a={name:"",internet_access_enabled:!0,network_isolation_enabled:!1,client_mac_list:[],device_mac_list:[]}},547967(e,t,n){n.d(t,{AC:()=>h,D7:()=>A,Ie:()=>N,JL:()=>x,JX:()=>O,KY:()=>p,O2:()=>_,Op:()=>m,Rm:()=>u,e$:()=>b,t7:()=>g,yr:()=>f});var i=n(179102),a=n(505817),s=n(247816),o=n(409844),r=n(291508),l=n(61322),d=n(309130),c=n(100978);const m=(0,s.A)(c.A,(0,r.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: ${d.kc};
`,_=(0,s.A)(c.A,(0,r.A)("editMaxHeight","editFieldWrap"))`
  flex-direction: column;
  max-height: ${({editMaxHeight:e})=>`${e||300}px`};
  overflow-y: auto;
  overflow-x: hidden;
  gap: ${d.YC};

  ${({editFieldWrap:e,theme:{themeName:t}})=>e?`\n    gap: 0;\n\n    > * {\n      border-bottom: ${a.Ay[`desktop-border-divider-${t}`]};\n      padding-bottom: ${d.kc};\n      padding-top: ${d.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  `:""}
`,h=(0,s.A)("div",(0,r.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||d.Ln};

  table {
    td {
      max-width: 170px;

      span {
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
`,A=(0,s.A)(i.A)`
  margin-right: ${d.YC};
`,p=o.AH`
  :first-of-type {
    padding: 0 ${d.fS} 0 0px;
  }
`,u="drag-and-drop-table-row-placeholder",g=(0,s.A)(c.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: ${d.kc};
  }

  /* Add missing border between drag and drop groups (tbody elements) */
  table > tbody {
    border-bottom: ${({theme:{themeName:e}})=>a.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: ${d.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 .${u} {
    display: flex;
  }
`,x=o.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: ${d.kc} !important;
  }
`,b=o.AH`
  /* Override the padding-right of the first column to align with manage + drop modes. */
  > th:first-child {
    padding-right: ${d.kc} !important;
  }
  > th:first-child:has(> label) {
    padding-right: 1px !important;
    width: 36px;
  }
`,f=o.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;
`,O=o.AH`
  tbody {
    display: flex;
    flex-direction: column;
  }
`;function N(e,t){return o.AH`
    width: ${t.width?`${t.width}px`:"auto"};
    min-width: ${t.minWidth?`${t.minWidth}px`:"0px"};
    flex: ${t.growthFactor||0} !important;
    padding-left: ${d.kc} !important;
    padding-right: ${d.kc} !important;
  `}},256468(e,t,n){var i;n.d(t,{EE:()=>s,Uh:()=>i,Vf:()=>a}),function(e){e.SINGLE="single",e.PLURAL="plural"}(i||(i={}));const a="editActive",s=20},711921(e,t,n){n.r(t),n.d(t,{default:()=>ne});var i=n(274934),a=n(602086),s=n(977872),o=n(843871),r=n(950804);const l=r.A.string().label("COMMON_NETWORK_NAME").required().min(2).max(32);var d=n(205521),c=n(449339),m=n(180847),_=n(547120),h=n(703826);const A=e=>e.reduce((e,t)=>("DEVICE"===t.type?e.device_mac_list.push(t.mac):e.client_mac_list.push(t.mac),e),{device_mac_list:[],client_mac_list:[]}),p=e=>({mac:e.mac,type:e.type,name:e.name});var u=n(313401),g=n(548941),x=n(179102),b=n(526744),f=n(749888),O=n(347625),N=n(309130),w=n(291950),C=n(927728),E=n(309675),k=n(115114),j=n(146215),I=n(250266),$=n(120197),T=n(555612),v=n(100978),L=n(612389),y=n(821773),M=n(535322),R=n(969819),S=n(254585),H=n(470070),G=n(192967),P=n(508612),D=n(626879),V=n(423564),F=n(197571),W=n(754924),B=n(34118),U=n(720770),Y=n(775250),K=n(507718),z=n(493978),q=n(650632),J=n(670830);const Q=()=>(0,i.jsxs)(v.A,{gap:N.kc,alignItems:"center",children:[(0,i.jsx)(K.A,{isActive:!0,size:"large"}),(0,i.jsx)(x.A,{size:"medium",color:"text-2",children:(0,i.jsx)(H.sA,{id:"TOPOLOGY_VP_SIDEPANEL_EMPTY_DEVICES"})})]}),X=({item:{mac:e,name:t}})=>{const n=(0,s.d4)((0,a.useMemo)(()=>(0,B.og)(e),[e])),o=(0,s.d4)((0,a.useMemo)(()=>(0,J.i7)(e),[e]));return(0,i.jsxs)(v.A,{alignItems:"center",gap:N.xO,height:"100%",children:[(0,i.jsx)(v.A,{height:"100%",minWidth:30,maxWidth:30,alignItems:"center",justifyContent:"center",children:(0,i.jsx)(q.A,{client:Object.keys(n).length?n:o})}),(0,i.jsx)(Y.A,{size:"inherit",isTruncated:!0,children:t})]})},Z=()=>{const e=(0,s.d4)(m.k0),t=(0,s.wA)();return e.length>0?(0,i.jsx)(z.Ay,{idField:"mac",multiSelectMode:!0,disableColumnFilters:!0,columns:[{id:"mac",label:(0,i.jsx)(H.sA,{id:"COMMON_NAME"}),renderCell:e=>(0,i.jsx)(X,{item:e})}],items:e,isRemovable:()=>!0,removeItems:async e=>{e.forEach(e=>{t((0,h.X8)(e))})}}):(0,i.jsx)(Q,{})},ee=()=>{const{values:e,initialValues:t,submitForm:n,setValues:r}=(0,o.j7)(),{formatMessage:l}=(0,H.tz)(),c=(0,s.wA)(),Y=(0,s.d4)(m.k0),K=(0,s.d4)(D.o),z=K.vertices?.map(p)||(0,U.A)(),q=(0,s.d4)(G.F0),J=(0,s.d4)(S.gm),Q=!!J&&J!==u.PANEL_VISUAL_PROGRAMMING_ID,X=Q?J:"",ee=(0,s.d4)(F.Ct),te=(0,s.d4)(F.Tn),ne=(0,s.d4)(W.Kh),ie=(0,s.d4)(B.Cx),{forceDeleteModal:ae,removeNetworks:se}=(0,y.G)({genericErrorMessage:"COMMON_NETWORKS_MANAGE_REMOVE_ERROR",deletionSuccessCallback:()=>{c((0,d.K5)())}}),[oe,re]=(0,a.useState)(!1),[le,de]=(0,a.useState)({...t,device_mac_list:[],client_mac_list:[]}),ce=(0,a.useCallback)(()=>{se([{_id:X,name:le.name}])},[se,X,le.name]),me=(0,a.useMemo)(()=>{const{device_mac_list:t,client_mac_list:n}=A(Y);return e.name!==le.name||e.internet_access_enabled!==le.internet_access_enabled||e.network_isolation_enabled!==le.network_isolation_enabled||!(0,f.L)(t,le.device_mac_list)||!(0,f.L)(n,le.client_mac_list)},[e,Y,le]),_e=(0,a.useCallback)(()=>{const{device_mac_list:t,client_mac_list:i}=A(Y);de({name:e.name,network_isolation_enabled:e.network_isolation_enabled,internet_access_enabled:e.internet_access_enabled,device_mac_list:t,client_mac_list:i,id:X}),n()},[Y,e.name,e.network_isolation_enabled,e.internet_access_enabled,X,n]),he=(0,a.useRef)(0),Ae=(0,a.useCallback)(()=>{let n={..._.g};const i=ee.find(e=>e._id===X);if(Q&&i){const e=((e,t,n)=>{const i=(t[e]||[]).map(e=>e.id);return n.filter(e=>i.includes(e.mac))})(X,q,z),{client_mac_list:a,device_mac_list:s}=A(e);c((0,h.Vq)(e)),he.current=a.length+s.length,n={network_isolation_enabled:i?.network_isolation_enabled??t.network_isolation_enabled,internet_access_enabled:i?.internet_access_enabled??t.internet_access_enabled,name:i?.name??t.name,device_mac_list:s,client_mac_list:a,id:X}}r({...e,id:X,network_isolation_enabled:n.network_isolation_enabled,internet_access_enabled:n.internet_access_enabled,name:n.name}),de(n)},[ee,X,r,e,q,z,c,t.network_isolation_enabled,t.internet_access_enabled,t.name]);(0,a.useEffect)(()=>{Q&&(q[X]?.length??0)!==he.current&&Ae()},[X,q]),(0,a.useEffect)(()=>{X!==le.id&&Ae()},[X]);const pe=(0,a.useMemo)(()=>ee.find(e=>e._id===X),[ee,X]),ue=pe?(0,V.gm)(pe):l({id:"TOPOLOGY_VP_VLAN_FALLBACK_NAME"}),ge=(0,a.useMemo)(()=>{if(!Q||!Y.length)return[];const e=[];for(const{mac:t,type:n}of Y)if(n===P.Z.DEVICE){const n=ne.get(t);if(!n)continue;const{remotePort:i}=(0,R.uj)(n,ne);if((0,R.GJ)(i,X)){const t=n.uplink?.uplink_mac??n.last_uplink?.uplink_mac,a=t?ne.get(t):void 0;e.push({entityName:(0,O.Q)(n),switchName:a?(0,O.Q)(a):t||"",port:i?.port_idx||0})}}else{const n=ie.get(t);if(!n)continue;const i=(0,R.Xs)("uplink_mac"in n?n.uplink_mac:void 0,"sw_port"in n?n.sw_port:void 0,X,ne,te);i&&e.push({entityName:n.display_name||n.name||t,switchName:i.switchName,port:i.port})}return e},[X,Y,ne,ie,te]);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(M.A,{children:(0,i.jsxs)(v.A,{flexDirection:"column",gap:N.Ln,children:[(0,i.jsx)($.A,{label:"COMMON_NETWORK_NAME",name:"name",full:!0,variant:"secondary"}),(0,i.jsx)($.A,{name:"network_isolation_enabled",type:"realCheckbox",children:(0,i.jsxs)(v.A,{alignItems:"center",gap:N.YC,children:[(0,i.jsx)(H.sA,{id:"COMMON_ISOLATE_NETWORK"}),(0,i.jsx)(g.A,{description:(0,i.jsx)(H.sA,{id:"TOPOLOGY_VP_SIDEPANEL_NETWORK_ISOLATION_TOOLTIP"}),position:"bottom",width:200,children:(0,i.jsx)(w.a,{isActive:!0,size:"original"})})]})}),(0,i.jsx)($.A,{name:"internet_access_enabled",type:"realCheckbox",children:(0,i.jsx)(H.sA,{id:"COMMON_ALLOW_INTERNET_ACCESS"})})]})}),(0,i.jsx)(M.A,{children:(0,i.jsx)(Z,{})}),1===ge.length?(0,i.jsx)(M.A,{children:(0,i.jsx)(L.A,{icon:(0,i.jsx)(E.A,{}),description:(0,i.jsx)(H.sA,{id:"TOPOLOGY_VP_VLAN_CONFLICT_WARNING_SINGLE",values:{networkName:ue,switchName:ge[0].switchName,port:ge[0].port}})})}):null,ge.length>1?(0,i.jsx)(M.A,{children:(0,i.jsx)(L.A,{icon:(0,i.jsx)(E.A,{}),description:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(H.sA,{id:"TOPOLOGY_VP_VLAN_CONFLICT_WARNING_MULTI",values:{networkName:ue}}),(0,i.jsx)(C.A,{children:ge.map(({entityName:e,switchName:t,port:n})=>(0,i.jsx)("li",{children:(0,i.jsx)(H.sA,{id:"TOPOLOGY_VP_VLAN_CONFLICT_ITEM",values:{entityName:e,switchName:t,port:n}})},`${e}-${t}-${n}`))})]})})}):null,Q&&pe&&(0,V.I8)(pe)?(0,i.jsx)(M.A,{children:(0,i.jsx)(v.A,{children:(0,i.jsx)(I.A,{title:"COMMON_QUESTION_REMOVE",titleValues:{name:le.name},buttonMessage:"COMMON_ACTION_PROCEED",buttonVariant:"danger",handleClose:re,handleConfirm:ce,isOpen:oe,body:(0,i.jsx)(x.A,{size:"inherit",children:(0,i.jsx)(H.sA,{id:"COMMON_QUESTION_ARE_YOU_SURE_YOU_WANT_TO_REMOVE",values:{name:le.name}})}),children:(0,i.jsx)(b.A,{type:"button",variant:"inline",size:"medium",onClick:()=>re(!0),children:(0,i.jsx)(x.A,{size:"medium",color:"red-06",children:(0,i.jsx)(H.sA,{id:"COMMON_ACTION_REMOVE"})})})})})}):null,(0,i.jsx)(k.A,{isDirty:me,onFormCancel:()=>{r({...e,name:le.name,internet_access_enabled:le.internet_access_enabled,network_isolation_enabled:le.network_isolation_enabled});const t=[...le.device_mac_list,...le.client_mac_list],n=z.filter(e=>t.includes(e.mac));c((0,h.Vq)(n))},applyButton:ge.length>0?(0,i.jsx)(j.A,{onConfirm:_e,trigger:(0,i.jsx)("span",{children:(0,i.jsx)(T.A,{showWarning:!0})}),title:(0,i.jsx)(H.sA,{id:"TOPOLOGY_VP_VLAN_CONFIRM_TITLE"}),message:1===ge.length?(0,i.jsx)(H.sA,{id:"TOPOLOGY_VP_VLAN_CONFLICT_WARNING_SINGLE",values:{networkName:ue,switchName:ge[0].switchName,port:ge[0].port}}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(H.sA,{id:"TOPOLOGY_VP_VLAN_CONFLICT_WARNING_MULTI",values:{networkName:ue}}),(0,i.jsx)(C.A,{children:ge.map(({entityName:e,switchName:t,port:n})=>(0,i.jsx)("li",{children:(0,i.jsx)(H.sA,{id:"TOPOLOGY_VP_VLAN_CONFLICT_ITEM",values:{entityName:e,switchName:t,port:n}})},`${e}-${t}-${n}`))})]})}):(0,i.jsx)(T.A,{showWarning:!0,onSubmit:_e})}),ae]})},te=r.A.object().shape({name:l,network_isolation_enabled:r.A.boolean().required(),internet_access_enabled:r.A.boolean().required()}),ne=({activeItem:e})=>{const t=(0,s.wA)(),n=(0,s.d4)(m.k0),r=e._id===u.PANEL_VISUAL_PROGRAMMING_ID,l="name"in e;(0,a.useEffect)(()=>()=>{t((0,h.oq)())},[t]);const p=(0,a.useCallback)(i=>{const{device_mac_list:a,client_mac_list:s}=A(Object.values(n)),o=r?void 0:e._id;t((0,h.P$)({...i,device_mac_list:a,client_mac_list:s,id:o})).then(e=>{const n=o||e?.data?.networkconf?._id;n&&t((0,d.XP)({type:c.H.VISUAL_PROGRAMMING,id:n}))})},[t,n,r,e._id]),g=l?{..._.g,name:e.name,internet_access_enabled:e.internet_access_enabled??!0,network_isolation_enabled:e.network_isolation_enabled??!1}:{..._.g,internet_access_enabled:!0,network_isolation_enabled:!1};return(0,i.jsx)(o.l1,{initialValues:g,validationSchema:te,onSubmit:p,children:(0,i.jsx)(ee,{})},e._id)}},612389(e,t,n){n.d(t,{A:()=>m});var i=n(274934),a=n(505817),s=n(179102),o=n(247816),r=n(263705),l=n(309130),d=n(100978);const c=(0,o.A)(s.A)`
  line-height: 20px;
`,m=({icon:e,description:t,action:n,footer:s,background:o,...m})=>{const{themeName:_}=(0,r.u)();return(0,i.jsxs)(d.A,{flexGrow:1,borderRadius:l.YC,padding:l.kc,background:o||a.Ay[`desktop-color-neutral-01-${_}`],gap:l.kc,flexDirection:"column",...m,children:[(0,i.jsxs)(d.A,{flexGrow:1,gap:l.kc,children:[e,t?(0,i.jsx)(c,{size:"medium",children:t}):null,n?(0,i.jsx)(d.A,{marginLeft:"auto",children:(0,i.jsx)(c,{size:"medium",children:n})}):null]}),s]})}},291950(e,t,n){n.d(t,{a:()=>a});var i=n(247368);const a=(0,n(247816).A)(i.A)`
  margin-bottom: 3px;
`},535322(e,t,n){n.d(t,{A:()=>A,I:()=>i});var i,a=n(274934),s=n(505817),o=n(753583),r=n(247816),l=n(565527),d=n(309130),c=n(100978),m=n(291508);!function(e){e.ACCORDION="accordion",e.BUTTON_LIST="buttonList"}(i||(i={}));const _=(0,r.A)(c.A,(0,m.A)("marginBottom","isButtonList","margin","flex","width","padding","nested","background"))`
  background-color: ${({background:e,nested:t,theme:{themeName:n}})=>e||s.Ay[n===l.S.DARK?`desktop-color-neutral-${t?"00":"01"}-${l.S.DARK}`:`desktop-color-neutral-${t?"01":"00"}-${l.S.LIGHT}`]};
  ${({nested:e,theme:{themeName:t}})=>e?`border: ${s.Ay[`desktop-border-divider-${t}`]};`:""}
  padding: ${({isButtonList:e,padding:t})=>t||(e?`0 ${d.Ln}`:d.Ln)};
  margin-bottom: ${({marginBottom:e})=>e||d.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}})=>s.Ay[`desktop-border-divider-${e}`]};\n      &:last-child {\n        border-bottom: none;\n      }\n    }\n  `:""}
`,h=(0,r.A)(o.A,(0,m.A)("marginBottom","margin","flex","padding","nested","background"))`
  background-color: ${({background:e,nested:t,theme:{themeName:n}})=>e||s.Ay[n===l.S.DARK?`desktop-color-neutral-${t?"00":"01"}-${l.S.DARK}`:`desktop-color-neutral-${t?"01":"00"}-${l.S.LIGHT}`]};
  ${({nested:e,theme:{themeName:t}})=>e?`border: ${s.Ay[`desktop-border-divider-${t}`]};`:""}
  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,nested:t,theme:{themeName:n}})=>e||s.Ay[n===l.S.DARK?`desktop-color-neutral-${t?"00":"01"}-${l.S.DARK}`:`desktop-color-neutral-${t?"01":"00"}-${l.S.LIGHT}`]};
      height: 48px;
      padding: 0 ${d.Ln};
    }
    > div:nth-child(2) {
      margin-bottom: 0;
      padding: 0;
      > div {
        padding: 0 ${d.Ln} ${d.Ln};
      }
    }
  }
`,A=({type:e,marginBottom:t,margin:n,padding:s,flex:o,width:r,nested:l,...d})=>"items"in d?(0,a.jsx)(h,{marginBottom:t,margin:n,padding:s,flex:o,nested:l,...d}):(0,a.jsx)(_,{nested:l,width:r,marginBottom:t,margin:n,padding:s,flex:o,isButtonList:e===i.BUTTON_LIST,...d,children:d.children})},250266(e,t,n){n.d(t,{A:()=>c});var i=n(274934),a=n(602086),s=n(13790),o=n(409844),r=n(521376),l=n(309130),d=n(470070);const c=({children:e=null,title:t,titleValues:n,message:c,messageValues:m,handleConfirm:_=()=>null,handleClose:h=()=>null,handleCancel:A,isOpen:p,buttonVariant:u="primary",cancelButtonVariant:g="tertiary",cancelButtonMessage:x="COMMON_ACTION_CANCEL",buttonMessage:b="COMMON_ACTION_CONFIRM",buttonDisabled:f=!1,position:O="top",offset:N,showHeaderClose:w=!1,contentClassName:C="",body:E,titleBody:k,className:j,rootClose:I=!1,footerActions:$})=>{const T=(0,a.useCallback)(e=>{p&&(e.stopPropagation(),e.key===r.U.ENTER?_():e.key===r.U.ESCAPE&&h(!1))},[p,_,h]);(0,a.useEffect)(()=>(window.addEventListener("keydown",T,!0),()=>{window.removeEventListener("keydown",T,!0)}),[T]);const v=(0,a.useCallback)(()=>{h(!1),A?.()},[h,A]),L=(0,a.useCallback)(()=>{h(!1),_()},[h,_]),y=(0,a.useMemo)(()=>[{text:(0,i.jsx)(d.sA,{id:x}),variant:g,onClick:v},{text:(0,i.jsx)(d.sA,{id:b}),disabled:f,variant:u,onClick:L}],[b,u,x,g,v,L,f]),M=(0,a.useCallback)(()=>{h(!1)},[h]),R=o.AH`
    ${t?"":`margin-top: ${l.xO}`}
  `;return(0,i.jsx)(s.A,{title:t?(0,i.jsx)(d.sA,{id:t,values:n}):k||null,...c?{body:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.sA,{id:c,values:m}),E]})}:{body:E},position:O,portal:!0,offset:N,actions:$||y,showHeaderClose:w,contentClassName:o.AH`
        ${R}
        ${C}
      `,onRequestClose:M,isOpen:p,allowOverflow:!0,rootClose:I,className:j,children:e})}},309675(e,t,n){n.d(t,{A:()=>r});var i=n(274934),a=n(505817),s=n(711950),o=n(263705);const r=e=>{const{themeName:t}=(0,o.u)();return(0,i.jsx)(s.A,{size:"original",variant:"fill",color:a.Ay[`desktop-color-orange-06-${t}`],...e})}},384783(e,t,n){n.d(t,{A:()=>o});var i=n(274934),a=n(122616),s=n(826600);const o=({children:e=null,hideModal:t,onRequestClose:n,portalSelector:o=s.J,forwardedRef:r=null,...l})=>(0,i.jsx)(a.A,{isOpen:!0,shouldCloseOnEsc:!0,onRequestClose:n||t,parentSelector:o,ref:r,...l,children:e})},826600(e,t,n){n.d(t,{J:()=>i,g:()=>a});const i=()=>document.getElementById("modal-container"),a=()=>document.getElementById("modal-settings-container")},115114(e,t,n){n.d(t,{A:()=>c});var i=n(274934),a=n(388294),s=n(247816),o=n(409844),r=n(751636);const l=(0,s.A)("div")`
  height: 66px;
`,d=o.AH`
  padding: 0px !important;
`,c=({isDirty:e,onFormSubmit:t,onFormCancel:n,isInvalid:s,...o})=>e?(0,i.jsx)(a.A,{children:(0,i.jsx)(r.A,{isDirty:e,onFormCancel:n,onFormSubmit:t,isInvalid:s,className:d,...o})}):(0,i.jsx)(l,{})},751636(e,t,n){n.d(t,{A:()=>c});var i=n(274934),a=n(526744),s=n(470070),o=n(247816),r=n(291508),l=n(309130);const d=(0,o.A)("footer",(0,r.A)("hasFormResetButton"))`
  display: flex;
  justify-content: ${({hasFormResetButton:e})=>e?"space-between":"flex-end"};
  padding: ${l.S2} ${l.fS};
  gap: ${l.kc};
`,c=({allowCancel:e,isDirty:t,isInvalid:n,isSubmitting:o,onFormSubmit:r,onFormReset:l,onFormCancel:c,className:m,submitButtonText:_,customButton:h,applyButton:A,hideCancelButton:p,form:u,testConfigFooter:g})=>(0,i.jsx)(d,{className:m,hasFormResetButton:!!l,children:g||(0,i.jsxs)(i.Fragment,{children:[h,p?null:(0,i.jsx)(a.A,{name:"cancel",variant:"default",type:"button",onClick:c,disabled:!e&&!t,children:(0,i.jsx)(s.sA,{id:"COMMON_ACTION_CANCEL"})}),l?(0,i.jsx)(a.A,{name:"reset",variant:"default",type:"button",onClick:l,disabled:!t,children:(0,i.jsx)(s.sA,{id:"COMMON_ACTION_RESET_TO_DEFAULT"})}):null,A||(0,i.jsx)(a.A,{name:"submit",variant:"primary",type:"submit",onClick:r,disabled:!t||n||o,form:u,children:(0,i.jsx)(s.sA,{id:_||"COMMON_ACTION_APPLY_CHANGES"})})]})})},521376(e,t,n){var i;n.d(t,{U:()=>i}),function(e){e.ARROW_LEFT="ArrowLeft",e.ARROW_RIGHT="ArrowRight",e.ARROW_DOWN="ArrowDown",e.ARROW_UP="ArrowUp",e.ENTER="Enter",e.ESCAPE="Escape",e.BACKSPACE="Backspace",e.DELETE="Delete",e.TAB="Tab"}(i||(i={}))},61322(e,t,n){n.d(t,{I:()=>i});const i={HEADER_HEIGHT:32,ROW_HEIGHT:32,EDIT_FIELD_HEIGHT:36,getHeight(e,t,n,i){return Math.min((i||this.ROW_HEIGHT)*e+(n??this.HEADER_HEIGHT),(i||this.ROW_HEIGHT)*t+(n??this.HEADER_HEIGHT))},getEditContainerHeight(e,t,n){return Math.min((n||this.EDIT_FIELD_HEIGHT)*e,(n||this.EDIT_FIELD_HEIGHT)*t)}}}}]);