"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[10539],{200826(e,t,n){n.d(t,{A:()=>u});var a=n(296540),o=n(469733),r=n(429252),i=n.n(r),l=n(198494),s=n(415246),m=n(742525),c=n(789768),d=n(249304);const p=Object.keys(d.l).reduce((e,t)=>(e[t]=!1,e),{}),u=e=>((e=>{const t=(0,o.useDispatch)(),n=(0,o.useSelector)(l.Bm);(0,a.useEffect)(()=>{if(!p[e]){p[e]=!0;const a=m.W2[s.xz.TABLES][e],o=n[e]||{},r=a?.initialColumnSnapshot;if(r){const n={...o?.initialColumnSnapshot},a=[...o.initialColumns||[]];if(Object.keys(n).length)Object.entries(r).forEach(([e,t])=>{e in n||(n[e]=t)}),Object.entries(n).forEach(([e,t])=>{!a.includes(e)&&t&&a.push(e)}),i()(a,o.initialColumns)||t((0,c.yT)(e,{initialColumns:Array.from(new Set([...a,...o.initialColumns])),initialColumnSnapshot:n}));else if(a.length){const n=a.reduce((e,t)=>(e[t]=!0,e),{});t((0,c.yT)(e,{initialColumnSnapshot:n,initialColumns:Object.keys(n)}))}}}},[t,e,n])})(e),(0,o.useSelector)((0,a.useMemo)(()=>(0,l.h)(e),[e])))},91255(e,t,n){n.d(t,{T:()=>s});var a=n(691189),o=n(771805);const r=":wanNetworkGroup:",i=`ispStatus${r}`,l=`${o.w}/wan/${r}/isp-status`,s=(e,t={},n={})=>(0,a.Kd)(i.replace(r,e),l.replace(r,e),i,{queryParams:{include_isp_alerts:!1},...t},n)},882675(e,t,n){var a;n.d(t,{L:()=>a}),function(e){e.DOWNTIMES="downtimes",e.PACKET_LOSS="packet_loss",e.HIGH_LATENCIES="high_latencies"}(a||(a={}))},479403(e,t,n){n.d(t,{IB:()=>c,mo:()=>d,nN:()=>m});var a=n(801081),o=n(25553),r=n(87485),i=n(882675),l=n(91255);const s=e=>(0,a.Mz)((e=>(0,o.uh)((0,l.T)(e)))(e),r.i6),m=e=>(0,a.Mz)(s(e),({wan_status:e})=>e),c=e=>(0,a.Mz)(s(e),({connection_warnings:e})=>e||{[i.L.DOWNTIMES]:[],[i.L.PACKET_LOSS]:[],[i.L.HIGH_LATENCIES]:[]}),d=e=>(0,a.Mz)(s(e),({speedtest_historical:e})=>e||[])},175522(e,t,n){n.d(t,{A:()=>o,Q:()=>r});var a=n(416348);const o="_",r=[a.ZM,a.Je]},689965(e,t,n){n.d(t,{A:()=>h,I:()=>a});var a,o=n(296540),r=n(822336),i=n(963724),l=n(71479),s=n(825032),m=n(566723),c=n(294303),d=n(311785);!function(e){e.ACCORDION="accordion",e.BUTTON_LIST="buttonList"}(a||(a={}));const p=(0,l.A)(c.A,(0,d.A)("marginBottom","isButtonList","margin","flex","width","padding","nested","background"))`
  background-color: ${({background:e,nested:t,theme:{themeName:n}})=>e||r.Ay[n===s.S.DARK?`desktop-color-neutral-${t?"00":"01"}-dark`:`desktop-color-neutral-${t?"01":"00"}-light`]};
  padding: ${({theme:e,isButtonList:t,padding:n})=>n||(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}})=>r.Ay[`desktop-border-divider-${e}`]};\n      &:last-child {\n        border-bottom: none;\n      }\n    }\n  `:""}
`,u=(0,l.A)(i.A,(0,d.A)("marginBottom","margin","flex","padding","nested","background"))`
  background-color: ${({background:e,nested:t,theme:{themeName:n}})=>e||r.Ay[n===s.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||r.Ay[t===s.S.DARK?"desktop-color-neutral-01-dark":"desktop-color-neutral-00-light"]};
      height: 48px;
      padding: 0 ${m.Ln};
    }
    > div:nth-child(2) {
      margin-bottom: 0;
      padding: 0;
      > div {
        padding: 0 ${m.Ln} ${m.Ln};
      }
    }
  }
`,h=({type:e,marginBottom:t,margin:n,padding:r,flex:i,width:l,nested:s,...m})=>"items"in m?o.createElement(u,{marginBottom:t,margin:n,padding:r,flex:i,nested:s,...m}):o.createElement(p,{nested:s,width:l,marginBottom:t,margin:n,padding:r,flex:i,isButtonList:e===a.BUTTON_LIST,...m},m.children)},86571(e,t,n){n.d(t,{A:()=>i});var a=n(296540),o=n(217439),r=n(916537);const i=({id:e,children:t,values:n})=>a.createElement(o.A,{color:"text-1",weight:"bold",size:"medium"},e?a.createElement(r.sA,{id:e,values:n}):null,t)},10539(e,t,n){n.r(t),n.d(t,{default:()=>X});var a=n(469733),o=n(296540),r=n(592510),i=n(86571),l=n(689965),s=n(91255),m=n(282556),c=n(294303),d=n(479403),p=n(602021),u=n(198494),h=n(217439),g=n(963070),A=n(249304),E=n(596441),f=n(905410),C=n(860765),b=n(916537);const T=[{value:10,default:!0}],S=(0,n(71479).A)(c.A)`
  > div {
    width: 100%;
    > div:last-child {
      > svg {
        display: none;
      }
      > span {
        padding-left: 8px;
      }
    }
  }
  th {
    svg {
      width: 16px;
      height: 16px;
    }
  }
`;var D,O=n(396660),w=n(137298),x=n(501103),v=n(445772);!function(e){e.DATE="time",e.DOWNLOAD="download_mbps",e.UPLOAD="upload_mbps"}(D||(D={}));const y={[D.DATE]:"COMMON_DATE",[D.DOWNLOAD]:"COMMON_DOWNLOAD",[D.UPLOAD]:"COMMON_UPLOAD"},M=(e,t,n)=>[{id:D.DATE,sortable:!0,label:o.createElement(b.sA,{id:y[D.DATE]}),minWidth:130,renderCell:({time:a})=>o.createElement(h.A,{size:"medium",color:"text-2"},new Intl.DateTimeFormat(t,{timeZone:e,month:"short",day:"2-digit",year:"numeric",hour:"numeric",minute:"2-digit",hourCycle:n}).format(a).replaceAll(",","")),compare:(0,O.l0)(({time:e})=>e)},{id:D.DOWNLOAD,sortable:!0,label:o.createElement(b.sA,{id:y[D.DOWNLOAD]}),minWidth:60,renderCell:({download_mbps:e})=>o.createElement(v.A.Bytes,{size:"medium"},(0,w.ap)(e)),compare:(0,O.l0)(({download_mbps:e})=>e)},{id:D.UPLOAD,sortable:!0,label:o.createElement(b.sA,{id:y[D.UPLOAD]}),minWidth:60,renderCell:({upload_mbps:e})=>o.createElement(x.A.Bytes,{size:"medium"},(0,w.ap)(e)),compare:(0,O.l0)(({upload_mbps:e})=>e)}],H=({ispStatusSpeedTestHistory:e,siteTimezone:t,language:n,selfHourCycle:a})=>{const[r,i]=(0,o.useState)(C.B),l=(0,o.useCallback)(({rowsPerPage:r,from:i})=>o.createElement(S,null,o.createElement(g.A,{items:e,rowLimit:r,rowOffset:i,truncateHeaderCells:!0,columns:M(t,n,a),disableColumnFilters:!0,disableHover:!0,disableSelection:!0,initialSortBy:"time",rowHeight:E.I.ROW_HEIGHT,initiallySortAscending:!1,renderPlaceholder:()=>o.createElement(h.A,{color:"text-3"},o.createElement(b.sA,{id:"DASHBOARD_ISP_PROPERTY_TABLE_NO_SPEED_TESTS"}))})),[e,a,t,n]);return o.createElement(f.A,{tableType:A.l.ISP_SPEED_TESTS,itemCount:e.length,onRenderTable:l,onPageChanged:i,rowOptions:T,wrapperFlexProps:{marginTop:"12px",padding:"0px"},pageNumber:r})};var _=n(956347),I=n(758649),L=n(928085),N=n(959341);const P=()=>{const e=(0,_.W6)(),t=(0,L.A)(N.wE),n=(0,o.useCallback)(()=>e.push(t),[e,t]);return o.createElement(c.A,{lineHeight:"initial"},o.createElement(I.A,{type:"button",size:"medium",weight:"bold",style:{marginTop:"12px"},variant:"inline",onClick:n},o.createElement(b.sA,{id:"SPEED_TEST_SETTINGS"})))};var k,$=n(340936),B=n(686798),R=n.n(B),z=n(936344),W=n(382389),G=n(195462),F=n(945132),U=n(566723);!function(e){e.DOWNLOAD="download",e.UPLOAD="upload"}(k||(k={}));var j=n(8795);const K=({value:e,timestamp:t,top:n,left:a,uploadProps:r,chartWidth:i,chartHeight:l,hidden:s,color:m,tooltipRenderCondition:d,siteTimezone:p,language:u,selfHourCycle:g})=>o.createElement(j.A,{width:300,topA:n,leftA:a,topB:r.top,leftB:r.left,chartWidth:i,chartHeight:l,hidden:s,description:o.createElement(c.A,{flexDirection:"column"},o.createElement(c.A,{justifyContent:"space-between",marginBottom:4},o.createElement(h.A,{size:"small",color:"text-1"},o.createElement(b.sA,{id:"COMMON_DATE_TIME"})),o.createElement(h.A,{size:"small",color:"text-2"},new Intl.DateTimeFormat(u,{day:"numeric",month:"short",year:"numeric",hour:"numeric",minute:"numeric",timeZone:p,hourCycle:g}).format(t))),o.createElement(c.A,{justifyContent:"space-between",marginBottom:4},o.createElement(h.A,{size:"small",color:"text-1"},o.createElement(b.sA,{id:"COMMON_DOWNLOAD"})),o.createElement(c.A,{alignItems:"center"},o.createElement(v.A.Icon,null),o.createElement(v.A.Bytes,{size:"small"},(0,w.ap)(e)))),o.createElement(c.A,{justifyContent:"space-between",marginBottom:4},o.createElement(h.A,{size:"small",color:"text-1"},o.createElement(b.sA,{id:"COMMON_UPLOAD"})),o.createElement(c.A,{alignItems:"center"},o.createElement(x.A.Icon,null),o.createElement(x.A.Bytes,{size:"small"},(0,w.ap)(r.value))))),innerColor:m,tooltipRenderCondition:d,useSideSwapping:!1,tooltipProps:{position:"left",portal:!0}});var V=n(831743);const Y=e=>`${e}GradientId`,Z=({timeSeriesData:e,maxY:t,mouseData:n,getCoordinates:a,ispSpeedTestGraphType:r,motifPalette:i,tooltipContainer:l,renderTooltip:s})=>{const m=((e,{aqua06:t,purple06:n})=>e===k.DOWNLOAD?t:n)(r,i);return o.createElement(V.A,{data:e,maxY:t,mouseData:n,getCoordinates:a,variant:"gradientArea",interpolation:"curved",lineColor:m,customGradientId:Y(r),renderCustomGradient:(0,o.useCallback)(()=>o.createElement("defs",null,o.createElement("linearGradient",{id:Y(r),x1:"0%",y1:"0%",x2:"0%",y2:"100%"},o.createElement("stop",{offset:"0%",stopColor:m,stopOpacity:.5}),o.createElement("stop",{offset:"100%",stopColor:m,stopOpacity:.1}))),[r,m]),tooltipPortal:l?.current,renderTooltip:s({ispSpeedTestGraphType:r,gradientColor:m})})},q=({ispStatusSpeedTestHistory:e,siteTimezone:t,language:n,selfHourCycle:a})=>{const r=(0,o.useRef)(null),i=(0,o.useRef)({top:0,left:0,value:0}),l=(0,o.useRef)(null),{ref:s,width:m=0,height:d=0}=(0,$.A)(),{motifPalette:p}=(0,W.u)(),u=(0,o.useMemo)(()=>{const o=Date.now(),r=R()(new Date,6).getTime(),i=e.length>1&&e[0]?.time||r,l=e.length>1&&e.at(-1)?.time||o,s=l-i<F.jU;return(0,G.v)([i,l],s?3:Math.max(2,Math.min(Math.floor((l-i)/F.jU)+1,7))).map(e=>({value:e,label:new Intl.DateTimeFormat(n,{timeZone:t,hourCycle:a,...s?{hour:"numeric",minute:"2-digit"}:{weekday:"short"}}).format(e)}))},[e,t,a,n]),g=m+20,A=(0,o.useMemo)(()=>e.length?Math.max(...e.flatMap(({download_mbps:e,upload_mbps:t})=>[e,t]),100):100,[e]),E=(0,o.useMemo)(()=>(0,G.Y)(Math.ceil(A+1/3*A),6),[A]),{downloadTimeSeriesData:f,uploadTimeSeriesData:C}=(0,o.useMemo)(()=>{const t=[],n=[];return e.forEach(({time:e,download_mbps:a,upload_mbps:o})=>{t.push({x:e,y:a}),n.push({x:e,y:o})}),{downloadTimeSeriesData:t,uploadTimeSeriesData:n}},[e]),T=(0,o.useCallback)(({ispSpeedTestGraphType:r,gradientColor:l})=>(({ispSpeedTestGraphType:e,uploadProps:t,chartWidth:n,chartHeight:a,ispStatusSpeedTestHistoryLength:r,gradientColor:i,siteTimezone:l,language:s,selfHourCycle:m})=>({top:c=0,left:d=0,hidden:p,x:u,y:h})=>(e===k.UPLOAD&&(t.current={top:c,left:d,value:h}),o.createElement(K,{value:h,timestamp:u,top:c,left:d,uploadProps:t.current,chartWidth:n,chartHeight:a,hidden:p||r<2,color:i,tooltipRenderCondition:e===k.DOWNLOAD,siteTimezone:l,language:s,selfHourCycle:m})))({ispSpeedTestGraphType:r,gradientColor:l,chartHeight:d,chartWidth:g,uploadProps:i,ispStatusSpeedTestHistoryLength:e.length,siteTimezone:t,language:n,selfHourCycle:a}),[d,g,t,n,a,e.length]),S=(0,o.useCallback)((e,t,n)=>o.createElement(o.Fragment,null,o.createElement(Z,{timeSeriesData:f,maxY:n,mouseData:t,getCoordinates:e,ispSpeedTestGraphType:k.DOWNLOAD,motifPalette:p,tooltipContainer:r,renderTooltip:T}),o.createElement(Z,{timeSeriesData:C,maxY:n,mouseData:t,getCoordinates:e,ispSpeedTestGraphType:k.UPLOAD,motifPalette:p,tooltipContainer:r,renderTooltip:T})),[f,p,C,T]);return o.createElement(c.A,{width:"100%",height:"100%",flexDirection:"column"},o.createElement(c.A,{width:"100%",justifyContent:"space-between",marginTop:U.Ln},o.createElement(h.A,{size:"small",weight:"bold"},o.createElement(b.sA,{id:"COMMON_SPEED"})," (",o.createElement(b.sA,{id:"COMMON_SPEED_METRICS_MBPS"}),")"),o.createElement(c.A,null,o.createElement(c.A,{alignItems:"center",marginRight:U.xO,gap:U.kc},o.createElement(v.A.Legend,null),o.createElement(h.A,{size:"small",weight:"bold"},o.createElement(b.sA,{id:"COMMON_DOWNLOAD"}))),o.createElement(c.A,{alignItems:"center",gap:U.kc},o.createElement(x.A.Legend,null),o.createElement(h.A,{size:"small",weight:"bold"},o.createElement(b.sA,{id:"COMMON_UPLOAD"}))))),o.createElement(c.A,{ref:l},o.createElement(c.A,{width:"100%",height:"100%",minHeight:190,position:"relative",ref:s},o.createElement(z.A,{xAxis:u,yAxis:E,width:g,height:d,margin:[30,20,30,20]},S),o.createElement("div",{ref:r}))))},Q=({latestSpeedTest:{download_mbps:e=0,upload_mbps:t=0}={}})=>o.createElement(c.A,{width:"100%",flexDirection:"column",gap:U.YC},o.createElement(c.A,{justifyContent:"space-between"},o.createElement(h.A,{size:"medium",color:"text-2"},o.createElement(b.sA,{id:"COMMON_DOWNLOAD"})),o.createElement(c.A,{alignItems:"center"},o.createElement(v.A.Icon,null),o.createElement(v.A.Bytes,{size:"medium"},(0,w.ap)(e)))),o.createElement(c.A,{justifyContent:"space-between"},o.createElement(h.A,{size:"medium",color:"text-2"},o.createElement(b.sA,{id:"COMMON_UPLOAD"})),o.createElement(c.A,{alignItems:"center"},o.createElement(x.A.Icon,null),o.createElement(x.A.Bytes,{size:"medium"},(0,w.ap)(t))))),J=(0,o.memo)(({wanInterfaces:e,networkgroup:t})=>{const n=(0,a.useSelector)((0,o.useMemo)(()=>(0,d.mo)(t),[t])),r=(0,a.useSelector)(p.hq),i=(0,a.useSelector)(m.zi),l=(0,a.useSelector)(u.BQ),s=(0,o.useMemo)(()=>{const a=e.find(e=>t===e.networkgroup);return n.filter(({interface_name:e,wan_networkgroup:n})=>n===t||e.split(".")[0]===a?.ifname)},[e,t,n]);return o.createElement(c.A,{flexDirection:"column",alignItems:"flex-start"},o.createElement(Q,{latestSpeedTest:s.at(-1)}),o.createElement(q,{ispStatusSpeedTestHistory:s,siteTimezone:r,language:i,selfHourCycle:l}),o.createElement(P,null),o.createElement(H,{ispStatusSpeedTestHistory:s,siteTimezone:r,language:i,selfHourCycle:l}))}),X=({activeItem:{wan_interfaces:e,networkgroup:t}})=>{const n=(0,a.useDispatch)();(0,o.useEffect)(()=>{n((0,s.T)(t,void 0,{crudCacheStrategy:{type:r.e.CACHE}}))},[n,t]);const m=(0,o.useMemo)(()=>[{id:"ispSpeedTests",label:o.createElement(i.A,{id:"COMMON_SPEED_TEST"}),openByDefault:!0,renderContent:()=>o.createElement(J,{wanInterfaces:e,networkgroup:t})}],[e,t]);return o.createElement(l.A,{type:l.I.ACCORDION,items:m})}},905410(e,t,n){n.d(t,{A:()=>A});var a=n(296540),o=n(469733),r=n(217439),i=n(362412),l=n(566723),s=n(294303),m=n(916537),c=n(200826),d=n(789768),p=n(878237),u=n(860765);const h=(0,n(71479).A)("div")`
  overflow: auto;
  width: 100%;
  height: 100%;
`,g=({onRenderTable:e,itemCount:t,section:n="COMMON_RECORDS",rowOptions:g,onRowsChanged:A,onPageChanged:E,onOffsetChanged:f,tableType:C,pageNumber:b,paginationFlexProps:T={},paginationDropdownProps:S={},unknownCount:D=!1,paginationTableContainerClassName:O})=>{const w=(0,o.useDispatch)(),x=(0,a.useMemo)(()=>g||u.o,[g]),v=(0,a.useMemo)(()=>x.map(({value:e})=>({label:String(e),value:e})),[x]),y=(0,c.A)(C),M=(0,a.useMemo)(()=>Number(y?.rowsPerPage&&v.some(({value:e})=>Number(e)===y.rowsPerPage)?y.rowsPerPage:x.find(e=>e?.default)?.value||x?.[0]?.value),[y,v,x]),H=(0,a.useMemo)(()=>Math.max(u.B,b||u.B),[b]),_=(0,a.useCallback)(e=>{E?.(e)},[E]),I=(0,a.useCallback)(()=>{_(H-1)},[H,_]),L=(0,a.useCallback)(()=>{_(H+1)},[H,_]),N=(0,a.useCallback)(({value:e})=>{const t=Number(e);w((0,d.yT)(C,{rowsPerPage:t})),A?.(t)},[w,A,C]),P=(0,a.useMemo)(()=>{let e=H*M;return e>t&&(e=t-M,_(Math.ceil(Math.ceil(e)/M))),e},[_,H,M,t]),k=(0,a.useMemo)(()=>{let e=P+M;return e>=t&&(e=t),e},[P,M,t]),$=(0,a.useMemo)(()=>{const e={pageNumber:b,from:P,rowsPerPage:M};return f?.(e),e},[b,P,M,f]),B=(0,a.useMemo)(()=>H===u.B,[H]),R=(0,a.useMemo)(()=>k>=t,[k,t]);return a.createElement(a.Fragment,null,a.createElement(h,{className:O},e($)),a.createElement(s.A,{justifyContent:"space-between",...T},void 0!==P&&void 0!==k&&void 0!==t?a.createElement(s.A,{alignItems:"center"},a.createElement(s.A,null,a.createElement(p.A,{disabled:B,onClick:I}),a.createElement(p.A,{disabled:R,rotate:!0,onClick:L})),a.createElement(s.A,{marginLeft:l.kc,marginRight:l.S2},a.createElement(r.A,{size:"small",color:"text-2"},a.createElement(m.sA,{id:"PAGINATION_FROM_TO",values:{from:P+1,to:k,total:`${t}${D?"+":""}`,section:a.createElement(m.sA,{id:n})}}))),v.length>1?a.createElement(s.A,{alignItems:"center"},a.createElement(s.A,{marginRight:l.kc},a.createElement(r.A,{size:"small",color:"text-2"},a.createElement(m.sA,{id:"PAGINATION_ROWS_PER_PAGE"}))),a.createElement("div",{style:{width:"75px"}},a.createElement(i.A.Sorted,{value:M,options:v,onChange:N,variant:"secondary",direction:"top",width:"100%",portal:!0,...S}))):null):null))},A=({itemCount:e,rowOptions:t,onRenderTable:n,wrapperFlexProps:o,paginationTableContainerClassName:r,keepPaginationWhileLoading:i=!1,...m})=>{const c=(0,a.useMemo)(()=>e>Math.min(...(t||u.o).map(({value:e})=>e)),[e,t]);return a.createElement(s.A,{padding:l.Ln,gap:l.Ln,width:"100%",height:"100%",flexDirection:"column",overflow:"hidden",...o},i||c?a.createElement(g,{itemCount:e,rowOptions:t,onRenderTable:n,wrapperFlexProps:o,paginationTableContainerClassName:r,...m}):a.createElement(h,{className:r},n({pageNumber:0,from:0,rowsPerPage:e})))}},878237(e,t,n){n.d(t,{A:()=>u});var a,o=n(296540),r=n(758649),i=n(71479),l=n(825032);!function(e){e.DEFAULT="default",e.HOVER="hover",e.DISABLED="disabled",e.ACTIVE="active"}(a||(a={}));const s={[a.DEFAULT]:{[l.S.LIGHT]:"#d6d9e2",[l.S.DARK]:"#3f3f3f"},[a.HOVER]:{[l.S.LIGHT]:"#7e8190",[l.S.DARK]:"#9d9d9d"},[a.DISABLED]:{[l.S.LIGHT]:"#eeeff3",[l.S.DARK]:"#1e1e1e"},[a.ACTIVE]:{[l.S.LIGHT]:"#a4a7b5",[l.S.DARK]:"#2f2f2f"}},m=(e,t)=>s[t][e],c=(e,t)=>`1px 0px 0px 0px ${m(e,t)}`;var d=n(311785);const p=(0,i.A)(r.A,(0,d.A)("rotate"))`
  margin: 0;
  padding: 0;
  width: 26px;
  height: 24px;
  color: inherit;
  background-color: transparent;
  box-sizing: border-box;
  border-radius: 4px 0 0 4px;
  border-right: 0;
  border-color: transparent;
  border-color: ${({theme:{themeName:e}})=>`${m(e,a.DEFAULT)}`};
  box-shadow: ${({theme:{themeName:e}})=>`${c(e,a.DEFAULT)}`};
  ${({rotate:e=!1})=>e?"\n    transform: rotate(-180deg);\n  ":"\n  position: relative; \n  left: -1px;\n  margin-left: 1px;\n    "}
  > span {
    display: flex;
    align-items: center;
    justify-content: center;
    > div {
      display: flex;
    }
  }
  &:disabled {
    z-index: 0;
    box-shadow: ${({theme:{themeName:e}})=>`${c(e,a.DISABLED)} !important`};
    border-color: ${({theme:{themeName:e}})=>`${m(e,a.DISABLED)} !important`};
  }
  &:hover {
    z-index: 1;
    box-shadow: ${({theme:{themeName:e}})=>`${c(e,a.HOVER)} !important`};
    border-color: ${({theme:{themeName:e}})=>`${m(e,a.HOVER)} !important`};
    border-right: 0;
    background-color: transparent !important;
  }
  &:active {
    box-shadow: ${({theme:{themeName:e}})=>`${c(e,a.ACTIVE)} !important`};
    border-color: ${({theme:{themeName:e}})=>`${m(e,a.ACTIVE)} !important`};
  }
`,u=({disabled:e,onClick:t,rotate:n})=>o.createElement(p,{variant:"secondary",rotate:n,disabled:e,onClick:t,type:"button"},o.createElement("svg",{width:"4",height:"8",viewBox:"0 0 4 8",fill:"none"},o.createElement("path",{d:"M3.75026 0.999386C3.75026 1.11739 3.70826 1.23639 3.62426 1.33138L1.25026 3.99939L1.27026 4.02039L3.62326 6.66739C3.80726 6.87339 3.78826 7.18939 3.58226 7.37339C3.37626 7.55739 3.06026 7.53839 2.87626 7.33239L0.530256 4.69439C0.156256 4.30739 0.156256 3.69139 0.530256 3.30439L2.87526 0.667385C3.05826 0.461386 3.37526 0.442385 3.58126 0.626385C3.69326 0.724385 3.75026 0.861386 3.75026 0.999386Z",fill:"#A4A7B5"})))},8795(e,t,n){n.d(t,{A:()=>f});var a=n(296540),o=n(112142),r=n(66706),i=n(71479),l=n(294303),s=n(311785);const m=(0,i.A)(l.A,(0,s.A)("innerColor","outerColor"))`
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  g {
    transition: unset;
  }
  circle {
    &:first-child {
      ${({outerColor:e})=>e?`fill: ${e};`:""}
    }
    &:last-child {
      ${({innerColor:e})=>e?`fill: ${e};`:""}
      r: 4.5;
    }
  }
`,c=n(132196).AH`
  overflow: visible;
`,d=({chartWidth:e,chartHeight:t,top:n,left:o,innerColor:i,outerColor:l="#fff"})=>a.createElement(m,{innerColor:i,outerColor:l},a.createElement("svg",{width:e,height:t,className:c},o&&n?a.createElement(r.A,{hasAnimation:!1,x:o,y:n}):null));var p=n(822336);const u=(0,i.A)(l.A,(0,s.A)("topA","topB","leftA","leftB","chartHeight","useFullHeightConnector"))`
  z-index: 1;
  border-left: 1px dashed ${({theme:{themeName:e}})=>p.Ay[`desktop-color-neutral-10-${e}`]};
  position: absolute;
  ${({topA:e,topB:t,leftA:n,leftB:a,chartHeight:o,useFullHeightConnector:r})=>`\n     top: ${r&&o?20:Math.min(e||0,t)}px;\n     height: ${r&&o?o-50:Math.max(e||0,t)-Math.min(e||0,t)}px;\n     left: ${((n||0)+a)/2-1}px;\n   `}
`,h=({topA:e,leftA:t,topB:n,leftB:o,chartHeight:r,useFullHeightConnector:i})=>a.createElement(u,{topA:e,topB:n,leftA:t,leftB:o,chartHeight:r,useFullHeightConnector:i}),g=(e,t,n)=>n?(e||0)+((e||0)<Math.round(t/2)?8:-8):(e||0)-8,A=(e,t)=>((e||0)+(t||0))/(t?2:1),E=(e,t,n,a)=>({maxWidth:"auto",...!a?.position&&n&&e&&t&&{position:e<Math.round(t/2)?"right":"left"},portal:!0,...a}),f=({width:e,topA:t,leftA:n,topB:r,leftB:i,chartWidth:l,chartHeight:s,hidden:m,description:c,innerColor:p,tooltipRenderCondition:u,tooltipProps:f={},useSideSwapping:C=!0,useFullHeightConnector:b=!1})=>m?null:a.createElement(a.Fragment,null,u?a.createElement(o.A,{width:e,left:g(n,l,C),top:A(t,r),description:c,hidden:m,topMargin:4,tooltipProps:E(n,l,C,f)}):null,i&&r?a.createElement(h,{topA:t,topB:r,leftA:n,leftB:i,chartHeight:s,useFullHeightConnector:b}):null,a.createElement(d,{chartWidth:l,chartHeight:s,top:t,left:n,innerColor:p}))},280258(e,t,n){n.d(t,{H:()=>a});const a=""},596441(e,t,n){n.d(t,{I:()=>a});const a={HEADER_HEIGHT:32,ROW_HEIGHT:32,EDIT_FIELD_HEIGHT:36,getHeight(e,t,n,a){return Math.min((a||this.ROW_HEIGHT)*e+(n??this.HEADER_HEIGHT),(a||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)}}},362412(e,t,n){n.d(t,{A:()=>d});var a=n(296540),o=n(469733),r=n(436331),i=n(805837),l=n(282556),s=n(71265);const m=e=>a.createElement(r.A,{renderOption:i.q,...e}),c=e=>a.createElement(m,{...e});c.Sorted=e=>{const t=(0,o.useSelector)(l.zi),n=(0,a.useMemo)(()=>(0,s.k)(t),[t]);return a.createElement(m,{...e,sortBy:n})};const d=c},71265(e,t,n){n.d(t,{R:()=>d,k:()=>p});var a=n(280258),o=n(190497),r=n(953048),i=n(175522),l=n(936621),s=n(742525);const m=[...new Set([a.H,i.Q.join(i.A),r.Zt,l.F,o.nc,s.Vr])],c={numeric:!0,sensitivity:"base"},d=(e,t)=>{const n=[];for(let a=e;a<=t;a+=1)n.push({value:a,label:String(a)});return n},p=e=>({value:t,label:n},{value:a,label:o})=>m.includes(t?.toString())||m.includes(a?.toString())?1/0:n?.toString().localeCompare(o?.toString(),e,c)??-1},195462(e,t,n){n.d(t,{Y:()=>o,v:()=>r});var a=n(847439);const o=(e,t,n=!1)=>{const o=t-1;let r=Math.ceil(e);if(Number.isNaN(r))return[];const i=r%o;return 0!==i&&(r+=o-i),(0,a.A)(t,e=>{return{value:t=e?Math.ceil(e*(r/o)):0,label:n?e%2==0&&String(t)||null:String(t)};var t}).reverse()},r=(e,t)=>{const[n]=e,a=[n],o=e.length-1;for(let n=1;n<t-1;n+=1){const r=n*o/(t-1),i=Math.floor(r).toFixed();a[n]=Math.round(e[i]+(e[Math.ceil(r).toFixed()]-e[i])*(+r-+i))}return a[t-1]=e[o],a}}}]);