"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[16784],{997095(e,s,t){var E,i;t.d(s,{J:()=>E,Z:()=>i}),function(e){e.START_TIMESTAMP="start_timestamp",e.END_TIMESTAMP="end_timestamp",e.WIDGETS="widgets"}(E||(E={})),function(e){e.TRAFFIC_IDENTIFICATION="traffic_identification",e.CONNECTION_TYPES="connection_types",e.WIFI_TECHNOLOGY="wifi_technology",e.WIRELESS_EXPERIENCE="wireless_experience",e.WIFI_ACTIVITY="wifi_activity",e.WIFI_CHANNELS="wifi_channels",e.WIFI_CLIENT_EXPERIENCE="wifi_client_experience",e.WIFI_TX_RETRIES="wifi_tx_retries",e.WIFI_CONNECTIVITY="wifi_connectivity",e.ADMIN_ACTIVITY="admin_activity",e.SERVER_IP="server_ip",e.SPEED_TEST="speed_test",e.DEVICE_CAPACITY="device_capacity",e.CONNECTIVITY_STATUS="connectivity_status",e.SYSTEM_STATUS="system_status",e.NEXT_AI="next_ai",e.WAN="wan",e.WAN_HISTORY="wan_history",e.GATEWAY="gateway",e.AP_RADIO_DENSITY="ap_radio_density",e.CYBERSECURE="cybersecure",e.WIFI_CHANNEL_PRESET_CONFIGURATION="wifi_channel_preset_configuration",e.CRITICAL_TRAFFIC_PRIORITIZATION="critical_traffic_prioritization",e.MOST_ACTIVE_APPS_APS_CLIENTS="most_active_apps_aps_clients",e.MOST_ACTIVE_APPS_CLIENTS="most_active_apps_clients",e.MOST_ACTIVE_APS_CLIENTS="most_active_aps_clients",e.MOST_ACTIVE_APPS_APS="most_active_apps_aps",e.MOST_ACTIVE_APPS="most_active_apps",e.V2_MOST_ACTIVE_APS="v2_most_active_aps",e.V2_MOST_ACTIVE_CLIENTS="v2_most_active_clients",e.TRAFFIC_FLOW_STATS="traffic_flow_stats",e.MOST_COMMON_CLIENT_FINGERPRINTS="most_common_client_fingerprints",e.WAN_ACTIVITY="wan_activity",e.ISP_METRICS="isp_metrics",e.UPGRADABLE_DEVICE_COUNT="upgradable_device_count",e.WIFI_DOCTOR="wifi_doctor",e.WAN_ROUTABILITY_INFO="wan_routability_info",e.DEGRADATION_STATUS="degradation_status",e.RADIO_ACTIVITY="radio_activity"}(i||(i={}))},824583(e,s,t){t.d(s,{C_:()=>n,S1:()=>d,k2:()=>r});var E=t(222102),i=t(271656),a=t(720770),A=t(726065),_=t(246781),T=t(997095);const d=(0,E.Mz)(A.e6,e=>e[_.ZJ.DASHBOARD_META]||(0,i.A)()),n=(0,E.Mz)(d,e=>e[T.J.WIDGETS]||(0,a.A)()),r=e=>(0,E.Mz)(n,A.e6,(s,t)=>e.some(e=>s.includes(e)&&e in t&&Boolean(t[e])))},733188(e,s,t){t.d(s,{o:()=>i});var E=t(997095);const i=[E.Z.MOST_ACTIVE_APPS_APS_CLIENTS,E.Z.MOST_ACTIVE_APPS_CLIENTS,E.Z.MOST_ACTIVE_APS_CLIENTS,E.Z.MOST_ACTIVE_APPS_APS,E.Z.MOST_ACTIVE_APPS,E.Z.V2_MOST_ACTIVE_APS,E.Z.V2_MOST_ACTIVE_CLIENTS]},57705(e,s,t){t.d(s,{Ho:()=>A,Mw:()=>n,WO:()=>i,ab:()=>_,b2:()=>d,kk:()=>T,kz:()=>a});var E=t(997095);const i="DASHBOARD_CONTENT_CHART_DONUT_TITLE_CLASSNAME",a="DASHBOARD_CONTENT_CHART_DONUT_DESCRIPTION_CLASSNAME",A={tooltipProps:{position:"right",width:252},titleClassName:i,descriptionClassName:a,portalTooltip:!0},_="DASHBOARD_CONTENT_CHART_TABLE_RIGHT_ALIGNMENT_CLASSNAME",T={width:"100%",pageIndex:0,pageSize:6},d={enableResizing:!1},n=[E.Z.TRAFFIC_IDENTIFICATION,E.Z.WIFI_TECHNOLOGY]},780592(e,s,t){t.d(s,{Cz:()=>E,M3:()=>a,Ow:()=>A,PT:()=>T,RG:()=>c,Tk:()=>i,Ux:()=>_,__:()=>d,j9:()=>n,kH:()=>S,ks:()=>I,mK:()=>l,r0:()=>o,tm:()=>r,ts:()=>N});const E=12,i=3,a=3,A="apDensityBackgroundId",_=.2,T="#FF002E",d="#FF9500",n="#08EF1F",r=0,S=.25,o=.6,I=.85,N=.98,l=1,c=[[T,r],[d,S],[n,o],[n,I],[n,N],[n,l]]},710422(e,s,t){t.d(s,{P_:()=>T,Tk:()=>_,VM:()=>A,Y5:()=>r,gO:()=>n,hD:()=>d,pH:()=>a});var E=t(997095),i=t(703445);const a=60,A=8,_=[E.Z.WIFI_CLIENT_EXPERIENCE,E.Z.WIFI_TX_RETRIES,E.Z.WIFI_CONNECTIVITY],T=[E.Z.AP_RADIO_DENSITY],d=[..._,...T],n=Object.values(i.x),r="BAND_SELECTOR_DIVIDER_CLASSNAME"},536442(e,s,t){t.d(s,{L6:()=>r,Rz:()=>o,_S:()=>c,df:()=>S,nH:()=>l,pn:()=>C,uS:()=>N,uc:()=>I});var E=t(814557),i=t(95032),a=t(247816),A=t(565527),_=t(309130),T=t(100978),d=t(291508),n=t(866725);const r=(0,a.A)(T.A)`
  width: 100%;
  gap: ${n.g1}px;
`,S=(0,a.A)(T.A)`
  width: 100%;
  gap: ${n.ur}px;
`,o=(0,a.A)(T.A)`
  flex-direction: column;
  gap: ${_.kc};
  > span {
    cursor: pointer;
    white-space: nowrap;
  }
`,I=(0,a.A)(T.A)`
  width: ${n.Yk}px;
  position: relative;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
`,N=(0,a.A)(T.A,(0,d.A)("dimension","outlineOverride","header"))`
  position: relative;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border-radius: 8px;
  margin-bottom: ${_.YC};
  ${({theme:{themeName:e},dimension:s=n.Yk,outlineOverride:t,header:i})=>`\n    border: ${n.jo}px solid ${E.Ay[t||`desktop-color-ublue-${e===A.S.DARK?"02":"04"}-${e}`]};\n    background: ${e===A.S.DARK?E.Ay["desktop-color-depth-bg-2-dark"]:E.Ay["desktop-color-neutral-00-light"]};\n    width: ${s}px;\n    min-width: ${s}px;\n    height: ${s}px;\n    min-height: ${s}px;\n      ${i?`&:after {\n              content: '${i}';\n              font-size: 10px;\n              color: ${E.Ay[`desktop-color-text-3-${e}`]};\n              position: absolute;\n              top: -${_.kc};\n              background: ${E.Ay[`desktop-color-neutral-01-${e}`]};\n              border-radius: ${E.Ay["desktop-radius-base"]};\n              padding: 0 ${_.YC};\n            }`:""}\n  `}
`,l=e=>(0,a.A)(e,(0,d.A)("margin"))`
  ${({device:e,client:s})=>e?"\n        width: 100%;\n        height: 100%;\n        margin: 0 auto;\n      ":s?"max-width: 80%; max-height: 80%;":""};
  ${({margin:e})=>`\n    ${e?`margin: ${e} !important;`:""};\n  `}
`,c=(0,a.A)("div")`
  position: absolute;
  top: -${n.Yk/2}px;
  left: -${n.Yk/2}px;
  width: ${n.Yk}px;
  height: ${n.Yk}px;
  z-index: 1;
`,C=(0,a.A)(i.A)`
  width: calc(${n.Yk}px + ${n.Yk/2/2}px);
`},866725(e,s,t){t.d(s,{P4:()=>_,WC:()=>n,Yk:()=>i,f$:()=>T,g1:()=>A,jo:()=>E,oT:()=>d,ur:()=>a});const E=2,i=40,a=16,A=2*a,_=16,T=2*E,d=24,n={cursorType:"pointer",portal:!0,width:252}},791732(e,s,t){t.d(s,{A:()=>o});var E=t(274934),i=t(602086),a=t(814557),A=t(247816),_=t(565527),T=t(291508),d=t(866725),n=t(409844);const r=(0,A.A)("svg",(0,T.A)("dimension"))`
  position: absolute;
  border-radius: 8px;
  ${({dimension:e=d.Yk})=>`\n    width: ${e}px;\n    height: ${e}px;\n  `}
`,S=(0,A.A)("rect",(0,T.A)("offset","totalLength","dimension","strokeDashOffset"))`
  ${({theme:{themeName:e},offset:s,totalLength:t,dimension:E=d.Yk,strokeDashOffset:i=d.P4})=>`\n    stroke: ${a.Ay[`desktop-color-ublue-${e===_.S.DARK?"04":"06"}-${e}`]};\n    stroke-dasharray: 0, ${4*E};\n    ${s&&t?`animation: ${((e,s)=>n.i7` 0% { stroke-dasharray: 0, ${e}; } 100% { stroke-dasharray: ${e*s}, ${e*(1-s)}; }`)(t,s)} 0.75s linear 0.15s forwards;`:""}\n    width: ${E}px;\n    height: ${E}px;\n    stroke-dashoffset: -${i};\n  `};
  fill: none;
  stroke-width: ${d.f$}px;
`,o=(0,i.memo)(({offset:e,dimension:s,strokeDashOffset:t})=>(0,E.jsx)(r,{dimension:s,children:(0,E.jsx)(S,{x:"0",y:"0",rx:"8",totalLength:4*d.Yk-14,offset:100*e/100,dimension:s,strokeDashOffset:t})}))},327913(e,s,t){var E,i;t.d(s,{v:()=>E,x:()=>i}),function(e){e.GREEN="green",e.YELLOW="yellow",e.RED="red",e.GREY="grey",e.BLUE="blue"}(E||(E={})),function(e){e.MOST_ACTIVE="mostActive",e.MOST_COMMON_CLIENT_FINGERPRINTS="mostCommonClientFingerprints",e.ACTIVE_CHANNELS="activeChannels",e.BAND_SELECTOR="bandSelector",e.CHARTS="charts"}(i||(i={}))},752104(e,s,t){t.d(s,{A:()=>i,Q:()=>a});var E=t(765567);const i="_",a=[E.ZM,E.Je]},374402(e,s,t){t.d(s,{X:()=>E,c:()=>i});const E="PROPERTY_PANEL_CLASSNAME",i=[]},816784(e,s,t){t.r(s),t.d(s,{default:()=>ME});var E,i,a,A,_,T,d=t(274934),n=t(977872),r=t(602086),S=t(843871),o=t(890932),I=t(514468),N=t(327913),l=t(448108),c=t(598990),C=t(570801),h=t(824583),D=t(755252),O=t(997095);!function(e){e.STATUS_WIDGETS="statusWidgets",e.MOST_ACTIVE_CHECKS="mostActiveChecks",e.BAND_SELECTOR_CHECKS="bandSelectorChecks",e.RADIO_OVERVIEW_LEFT_VALUE="radioOverviewLeftValue",e.RADIO_OVERVIEW_RIGHT_VALUE="radioOverviewRightValue",e.LEFT_PANEL_CUSTOMIZATION_ITEMS="leftPanelCustomizationItems",e.RIGHT_PANEL_CUSTOMIZATION_ITEMS="rightPanelCustomizationItems"}(E||(E={})),function(e){e.ADJUSTED="adjusted",e.ENABLED="enabled"}(i||(i={})),function(e){e.ID="id",e.ADJUSTED="adjusted"}(a||(a={})),function(e){e.ACCESS_POINTS="accessPoints",e.CLIENTS="clients",e.APPLICATIONS="applications"}(A||(A={})),function(e){e.RADIO_OVERVIEW="radioOverview",e.DEPLOYMENT_DENSITY="deploymentDensity"}(_||(_={})),function(e){e.SIGNAL_STRENGTH_DISTRIBUTION="signalStrengthDistribution",e.RADIO_TX_RETRIES="radioTxRetries",e.WIFI_CONNECTIVITY="wifiConnectivity",e.AP_DENSITY="apDensity"}(T||(T={}));var m=t(409844),L=t(309130);const u=m.AH`
  transform: none;
`,x={userSelect:"none",marginBottom:L.Ln},g={position:"relative"},R={opacity:.35};var M,P,j;!function(e){e.ID="id",e.ADJUSTED="adjusted",e.CONTENT="content",e.WIDGETS="widgets"}(M||(M={})),function(e){e.CLIENT_CONTENT="clientContent",e.CLIENT_HEIGHT="clientHeight",e.CLIENT_WIDTH="clientWidth",e.CLIENT_Y="clientY",e.CLIENT_X="clientX"}(P||(P={})),function(e){e.DRAGGABLE_PROVIDED="draggableProvided",e.DRAGGABLE_STATE_SNAPSHOT="draggableStateSnapshot"}(j||(j={}));var b=t(271656);const p={[j.DRAGGABLE_PROVIDED]:(0,b.A)(),[j.DRAGGABLE_STATE_SNAPSHOT]:(0,b.A)()},V=(0,r.createContext)(p),f=({dashboardCustomizationItem:e,draggableProvided:s,draggableStateSnapshot:t})=>{const E=(0,r.useMemo)(()=>({[j.DRAGGABLE_PROVIDED]:s,[j.DRAGGABLE_STATE_SNAPSHOT]:t}),[s,t]);return(0,d.jsx)(r.Fragment,{children:(0,d.jsx)(V.Provider,{value:E,children:e[M.CONTENT]})},e[M.ID])};var $=t(710422),w=t(57705),U=t(733188),H=t(762705),B=t(95032),k=t(947414),v=t(470070),G=t(650632),y=t(791732),W=t(536442);const F=e=>Math.max(0,1-e/10),Y=32,K=[{computed_dev_id:4841,computed_engine:0,confidence:99,dev_cat:44,dev_family:9,dev_id:4841,dev_vendor:320,has_override:!1,os_name:24},{computed_dev_id:4511,computed_engine:0,confidence:100,dev_cat:46,dev_family:13,dev_id:4511,dev_vendor:320,has_override:!1,os_name:72},{computed_dev_id:4847,computed_engine:0,confidence:96,dev_cat:45,dev_family:11,dev_id:4847,dev_vendor:320,has_override:!1,os_name:24},{computed_dev_id:2952,computed_engine:0,confidence:100,dev_cat:44,dev_family:10,dev_id:2952,dev_vendor:320,has_override:!1,os_name:24},{computed_dev_id:38,computed_engine:0,confidence:99,dev_cat:47,dev_family:14,dev_id:38,dev_vendor:97,has_override:!1,os_name:1},{computed_dev_id:4625,computed_engine:0,confidence:100,dev_cat:44,dev_family:9,dev_id:4625,dev_vendor:320,has_override:!1,os_name:24},{computed_dev_id:4623,computed_engine:0,confidence:100,dev_cat:44,dev_family:9,dev_id:4623,dev_vendor:320,has_override:!1,os_name:24},{computed_dev_id:4456,computed_engine:0,confidence:100,dev_cat:51,dev_family:18,dev_id:4456,dev_vendor:320,has_override:!1,os_name:1}],Z=(0,r.memo)(({index:e,hideOutline:s=!1})=>(0,d.jsxs)(W.uS,{dimension:Y,children:[(0,r.createElement)((0,W.nH)(G.A),{margin:"0 auto",client:{fingerprint:K[e]},size:"2x"}),s?null:(0,d.jsx)(y.A,{dimension:Y,strokeDashOffset:8,offset:F(e)})]}));var J=t(814557),X=t(247816),z=t(565527),q=t(100978);const Q="DASHBOARD_CUSTOMIZATION_WIDGET_DRAG_HANDLE_CLASSNAME";var ee=t(291508);const se=(0,X.A)(q.A)`
  width: 100%;
  flex-direction: column;
  gap: ${L.kc};
`,te=(0,X.A)(q.A,(0,ee.A)("isActive"))`
  width: 100%;
  justify-content: space-between;
  align-items: center;
  opacity: ${({isActive:e})=>e?1:.5};
`,Ee=(0,X.A)(q.A,(0,ee.A)("isActive","isDragging","isSelfDragging"))`
  cursor: ${({isDragging:e})=>e?"grabbing":"pointer"};
  position: relative;
  border-radius: ${J.Ay["desktop-radius-base"]};
  border-width: 1px;
  background-color: ${({isSelfDragging:e,theme:{themeName:s}})=>e?J.Ay[`desktop-color-neutral-0${s===z.S.LIGHT?"0":"1"}-${s}`]:"transparent"};
  border-style: ${({isDragging:e,isSelfDragging:s})=>e&&!s?"dashed":"solid"};
  > div:not(.${Q}) {
    opacity: ${({isActive:e})=>e?1:.5};
  }
  border-color: ${({isActive:e,isDragging:s,isSelfDragging:t,theme:{themeName:E}})=>s&&!t?J.Ay[`desktop-color-neutral-03-${E}`]:e?J.Ay[`desktop-color-ublue-04-${E}`]:J.Ay[`desktop-color-neutral-03-${E}`]};
  &:hover {
    > div:not(.${Q}) {
      opacity: ${({isActive:e})=>e?1:.8};
    }
    border-color: ${({isDragging:e,isSelfDragging:s,isActive:t,theme:{themeName:E}})=>e&&!s?J.Ay[`desktop-color-neutral-04-${E}`]:t?J.Ay[`desktop-color-ublue-05-${E}`]:J.Ay[`desktop-color-neutral-04-${E}`]};
  }
`,ie=(0,X.A)(q.A)`
  gap: ${L.Ln};
  white-space: nowrap;
`,ae=(0,X.A)(q.A)`
  width: 100%;
  justify-content: space-between;
  padding: ${L.kc};
`,Ae=Array.from(new Array(8).keys()),_e=(0,r.memo)(({onClick:e})=>{const s=(0,r.useMemo)(()=>[...Ae].sort(()=>Math.random()-.5),[]);return(0,d.jsx)(ae,{onClick:e,children:s.map(e=>(0,d.jsx)(Z,{index:e,hideOutline:!0},e))})});var Te,de,ne=t(611602);!function(e){e.ACCESS_POINT="accessPoint",e.CLIENT="client",e.APPLICATION="application"}(Te||(Te={})),function(e){e.THEME="theme",e.IMAGE_PATH="imagePath",e.DASHBOARD_SETTINGS="dashboardSettings",e.DASHBOARD_QUERY_PARAMS="dashboardQueryParams",e.LEFT_PANEL_REORDER_MODE="leftPanelReorderMode",e.SET_LEFT_PANEL_REORDER_MODE="setLeftPanelReorderMode",e.RIGHT_PANEL_REORDER_MODE="rightPanelReorderMode",e.SET_RIGHT_PANEL_REORDER_MODE="setRightPanelReorderMode"}(de||(de={}));const re={[de.THEME]:void 0,[de.IMAGE_PATH]:void 0,[de.DASHBOARD_SETTINGS]:(0,b.A)(),[de.DASHBOARD_QUERY_PARAMS]:(0,b.A)(),[de.LEFT_PANEL_REORDER_MODE]:!1,[de.SET_LEFT_PANEL_REORDER_MODE]:k.P1,[de.RIGHT_PANEL_REORDER_MODE]:!1,[de.SET_RIGHT_PANEL_REORDER_MODE]:k.P1},Se=(0,r.createContext)(re);var oe=t(974390),Ie=t(857780),Ne=t(783558);const le=Array.from(new Array(8).keys()),ce=[Ie.W4.U6EXT,Ie.W4.U6M,Ie.W4.UAL6,Ie.W4.U7PRO,Ie.W4.U7HD,Ie.W4.U7UKU,Ie.W4.U6ENT,Ie.W4.UHDIW],Ce={[ce[0]]:{[Ne.P.ID]:"5aabd026-2372-4964-9769-418af0559db7",[Ne.P.DEFAULT_IMAGE_ID]:"a789fdc10e4f071eaf2ee4f47d29ec2e",[Ne.P.NOPADDING_IMAGE_ID]:null,[Ne.P.MODEL_SYSID]:null,[Ne.P.MODEL_ABBREVIATION]:null},[ce[1]]:{[Ne.P.ID]:"791d524b-11dc-4221-bbed-b7f1fd4effaf",[Ne.P.DEFAULT_IMAGE_ID]:"c00216ea5e740e206a04d79db29d8f7e",[Ne.P.NOPADDING_IMAGE_ID]:null,[Ne.P.MODEL_SYSID]:null,[Ne.P.MODEL_ABBREVIATION]:null},[ce[2]]:{[Ne.P.ID]:"3aee50f4-7a04-4b00-a466-791803131293",[Ne.P.DEFAULT_IMAGE_ID]:"4fac659e9e888a9298a9f24ce02373b2",[Ne.P.NOPADDING_IMAGE_ID]:null,[Ne.P.MODEL_SYSID]:null,[Ne.P.MODEL_ABBREVIATION]:null},[ce[3]]:{[Ne.P.ID]:"fa3e6687-7eba-46ea-9539-51486184b584",[Ne.P.DEFAULT_IMAGE_ID]:"ea3f9d870b89a7d611314d2ea86e41d2",[Ne.P.NOPADDING_IMAGE_ID]:null,[Ne.P.MODEL_SYSID]:null,[Ne.P.MODEL_ABBREVIATION]:null},[ce[4]]:{[Ne.P.ID]:"bc0e1444-3b03-4b10-9997-4f200cdf3709",[Ne.P.DEFAULT_IMAGE_ID]:"4fac659e9e888a9298a9f24ce02373b2",[Ne.P.NOPADDING_IMAGE_ID]:null,[Ne.P.MODEL_SYSID]:null,[Ne.P.MODEL_ABBREVIATION]:null},[ce[5]]:{[Ne.P.ID]:"b106f982-1b57-4e8f-89b0-bb811d086fa4",[Ne.P.DEFAULT_IMAGE_ID]:"4f298362b4bc9f8fd34e52bbf386ec4f",[Ne.P.NOPADDING_IMAGE_ID]:null,[Ne.P.MODEL_SYSID]:null,[Ne.P.MODEL_ABBREVIATION]:null},[ce[6]]:{[Ne.P.ID]:"6b036438-7ceb-464b-97e7-d681054e41bb",[Ne.P.DEFAULT_IMAGE_ID]:"7e7944d429b60b023e8cbbd002125b73",[Ne.P.NOPADDING_IMAGE_ID]:null,[Ne.P.MODEL_SYSID]:null,[Ne.P.MODEL_ABBREVIATION]:null},[ce[7]]:{[Ne.P.ID]:"f4ad7798-a1f2-49ae-bc00-73d0361a4009",[Ne.P.DEFAULT_IMAGE_ID]:"55cd5aabeb0583bebfe4220676f7d7df",[Ne.P.NOPADDING_IMAGE_ID]:null,[Ne.P.MODEL_SYSID]:null,[Ne.P.MODEL_ABBREVIATION]:null}},he=(0,r.memo)(({index:e})=>{const{[de.IMAGE_PATH]:s,[de.THEME]:t}=(0,r.useContext)(Se);return(0,d.jsx)(oe.C,{model:ce[e],width:"80%",height:"80%",imagePath:s,theme:t,deviceModelMap:Ce})}),De=(0,r.memo)(({index:e,hideOutline:s=!1})=>(0,d.jsxs)(W.uS,{dimension:Y,children:[(0,r.createElement)((0,W.nH)(he),{index:e}),s?null:(0,d.jsx)(y.A,{dimension:Y,strokeDashOffset:8,offset:F(e)})]}));var Oe=t(16944),me=t(805521),Le=t(609553);const ue=[(0,me.j9)(Le.ow),(0,me.j9)(Le.xF),(0,me.j9)(Le.FU),(0,me.j9)(Le.Bq),(0,me.j9)(Le.Xc),(0,me.j9)(Le.TL),(0,me.j9)(Le.Xr),(0,me.j9)(Le.lI)],xe=(0,r.memo)(({index:e,hideOutline:s=!1})=>(0,d.jsxs)(W.uS,{dimension:Y,children:[(0,r.createElement)((0,W.nH)(Oe.A),{iconFileName:ue[e]}),s?null:(0,d.jsx)(y.A,{dimension:Y,strokeDashOffset:8,offset:F(e)})]})),ge=[[Te.ACCESS_POINT,De],[Te.CLIENT,Z],[Te.APPLICATION,xe]],Re=(0,X.A)(q.A)`
  gap: ${L.YC};
  position: relative;
  flex-direction: column;
  align-items: center;
`,Me=(0,X.A)(q.A)`
  width: 100%;
  height: 4px;
  width: 90%;
  border-radius: 1px;
  background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-neutral-03-${e}`]};
`,Pe=(0,r.memo)(({children:e})=>(0,d.jsxs)(Re,{children:[e,(0,d.jsx)(Me,{})]})),je=(0,r.memo)(({onClick:e})=>{const{values:s}=(0,S.j7)(),t=s[E.MOST_ACTIVE_CHECKS],a=t[A.ACCESS_POINTS][i.ENABLED],_=t[A.CLIENTS][i.ENABLED],T=t[A.APPLICATIONS][i.ENABLED],n=(0,r.useMemo)(()=>ge.filter(([e])=>!a&&!_&&!T||{[Te.ACCESS_POINT]:a,[Te.CLIENT]:_,[Te.APPLICATION]:T}[e]).map(([e,s])=>s),[a,_,T]),o=(0,r.useCallback)((e,s)=>(0,d.jsx)(s,{index:e}),[]),I=(0,r.useCallback)(e=>(0,d.jsx)(Pe,{children:o(e,(0,ne.Vj)(n))},e),[n,o]),N=(0,r.useMemo)(()=>le.map(I),[I]);return(0,d.jsx)(ae,{onClick:e,children:N})});var be=t(938984);const pe=(0,X.A)("div")`
  ${({height:e})=>void 0!==e?`height: ${Number.isNaN(Number(e))?e:`${e}px`};`:""}
  ${({borderRadius:e=2})=>`border-radius: ${e}px; `}
  ${({width:e})=>void 0!==e?`width: ${Number.isNaN(Number(e))?e:`${e}px`};`:""}
    ${({margin:e})=>void 0!==e?`margin: ${e}`:""}
  ${({marginTop:e})=>void 0!==e?`margin-top: ${Number.isNaN(Number(e))?e:`${e}px`};`:""}
  ${({marginRight:e})=>void 0!==e?`margin-right: ${Number.isNaN(Number(e))?e:`${e}px`};`:""}
  ${({marginBottom:e})=>void 0!==e?`margin-bottom: ${Number.isNaN(Number(e))?e:`${e}px`};`:""}
  ${({marginLeft:e})=>void 0!==e?`margin-left: ${Number.isNaN(Number(e))?e:`${e}px`};`:""}
  ${({aspectRatio:e})=>e&&`padding-top: ${(e=>{switch(e){case"4:1":return"25%";case"3:1":return"33.33%";case"16:9":return"56.25%";case"3:2":return"66.66%";case"4:3":return"75%;";default:return"0"}})(e)}`};
  ${({visibility:e})=>e&&`visibility: ${e}`};
  background: ${({theme:{themeName:e}})=>e===z.S.DARK?"#232323":"#dbdce1"};
`,Ve=e=>(0,d.jsx)(pe,{...e});var fe;!function(e){e.PURPLE_6="PURPLE_6",e.BLUE_5="BLUE_5",e.BLUE_6="BLUE_6",e.BLUE_7="BLUE_7",e.BLUE_8="BLUE_8",e.BLUE_9="BLUE_9",e.AQUA_6="AQUA_6",e.GREEN_6="GREEN_6",e.LIME_6="LIME_6"}(fe||(fe={}));const $e={[fe.PURPLE_6]:"purple-06",[fe.BLUE_5]:"ublue-05",[fe.BLUE_6]:"ublue-04",[fe.BLUE_7]:"ublue-07",[fe.BLUE_8]:"ublue-08",[fe.BLUE_9]:"ublue-09",[fe.AQUA_6]:"aqua-06",[fe.GREEN_6]:"green-06",[fe.LIME_6]:"lime-06"},we=(0,X.A)("svg")`
  height: 40px;
  width: 40px;
`,Ue=(0,X.A)("circle",(0,ee.A)("index"))`
  stroke-width: 8px;
  fill: transparent;
  stroke-dasharray: ${57.6}, 284;
  ${({className:e,index:s,theme:{themeName:t}})=>`\n    &.${e} {\n      stroke: ${J.Ay[`desktop-color-${$e[e]}-${t}`]};\n      stroke-dashoffset: ${0===s?0:"-"+57.6*s};\n    }\n  `}
`,He=(0,r.memo)(({colors:e})=>(0,d.jsx)(we,{viewBox:"0 0 100 100",children:e.map((e,s)=>(0,d.jsx)(Ue,{cx:"50",cy:"50",r:"45",className:e,index:s},`${e}__${String(s)}`))})),Be=14,ke=20,ve="DONUT_CHART_RIGHT_CLASSNAME",Ge="DONUT_CHART_LEFT_CLASSNAME",ye="DONUT_CHART_HEADER_CLASSNAME",We="DONUT_CHART_BLUE_5_CLASSNAME",Fe="DONUT_CHART_BLUE_6_CLASSNAME",Ye="DONUT_CHART_BLUE_7_CLASSNAME",Ke="DONUT_CHART_BLUE_8_CLASSNAME",Ze="DONUT_CHART_BLUE_9_CLASSNAME",Je="DONUT_CHART_NEUTRAL_CLASSNAME",Xe="DONUT_CHART_AQUA_CLASSNAME",ze="DONUT_CHART_PURPLE_CLASSNAME",qe="DONUT_CHART_LIME_CLASSNAME",Qe="DONUT_CHART_GREEN_CLASSNAME",es=(0,X.A)(ae)`
  border-radius: ${J.Ay["desktop-radius-base"]};
`,ss=(0,X.A)(q.A)`
  width: 100%;
  flex-direction: column;
  gap: ${L.kc};
`,ts=(0,X.A)(q.A)`
  width: 100%;
  flex-direction: column;
`,Es=(0,X.A)(q.A)`
  width: 100%;
  padding: ${L.YC};
  gap: ${L.YC};
  align-items: center;
  border: ${({theme:{themeName:e}})=>J.Ay[`desktop-border-divider-${e}`]};
`,is=(0,X.A)(q.A)`
  width: 100%;
  gap: ${L.YC};
  flex-direction: column;
  justify-content: space-between;
`,as=(0,X.A)(q.A)`
  width: 100%;
  justify-content: space-between;
`,As=(0,X.A)(q.A)`
  width: 100%;
  &.${Ge} {
    gap: ${L.kc};
  }
  &.${ve} {
    justify-content: space-between;
  }
  > div {
    &.${ye} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-neutral-06-${e}`]};
    }
    &.${We} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-ublue-04-${e}`]};
    }
    &.${Fe} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-ublue-04-${e}`]};
    }
    &.${Ye} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-ublue-07-${e}`]};
    }
    &.${Ke} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-ublue-08-${e}`]};
    }
    &.${Ze} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-ublue-09-${e}`]};
    }
    &.${Xe} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-aqua-06-${e}`]};
    }
    &.${Qe} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-green-06-${e}`]};
    }
    &.${qe} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-lime-06-${e}`]};
    }
    &.${ze} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-purple-06-${e}`]};
    }
    &.${Je} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-neutral-03-${e}`]};
    }
  }
`,_s=[fe.BLUE_6,fe.BLUE_7,fe.BLUE_8,fe.BLUE_9,fe.BLUE_5],Ts=(0,r.memo)(()=>(0,d.jsxs)(Es,{children:[(0,d.jsx)(He,{colors:_s}),(0,d.jsx)(ts,{children:(0,d.jsxs)(is,{children:[(0,d.jsxs)(as,{children:[(0,d.jsx)(As,{className:ve,children:(0,d.jsx)(Ve,{width:ke,height:2,className:ye})}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:ye}),(0,d.jsx)(Ve,{width:Be,height:2,className:ye}),(0,d.jsx)(Ve,{width:Be,height:2,className:ye})]})]}),(0,d.jsxs)(as,{children:[(0,d.jsxs)(As,{className:Ge,children:[(0,d.jsx)(Ve,{width:2,height:2,className:We}),(0,d.jsx)(Ve,{width:ke,height:2,className:Je})]}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:Fe}),(0,d.jsx)(Ve,{width:Be,height:2,className:Qe}),(0,d.jsx)(Ve,{width:Be,height:2,className:Je})]})]}),(0,d.jsxs)(as,{children:[(0,d.jsxs)(As,{className:Ge,children:[(0,d.jsx)(Ve,{width:2,height:2,className:Fe}),(0,d.jsx)(Ve,{width:ke,height:2,className:Je})]}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:Fe}),(0,d.jsx)(Ve,{width:Be,height:2,className:Qe}),(0,d.jsx)(Ve,{width:Be,height:2,className:Je})]})]}),(0,d.jsxs)(as,{children:[(0,d.jsxs)(As,{className:Ge,children:[(0,d.jsx)(Ve,{width:2,height:2,className:Ye}),(0,d.jsx)(Ve,{width:ke,height:2,className:Je})]}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:Fe}),(0,d.jsx)(Ve,{width:Be,height:2,className:Qe}),(0,d.jsx)(Ve,{width:Be,height:2,className:Je})]})]}),(0,d.jsxs)(as,{children:[(0,d.jsxs)(As,{className:Ge,children:[(0,d.jsx)(Ve,{width:2,height:2,className:Ke}),(0,d.jsx)(Ve,{width:ke,height:2,className:Je})]}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:Fe}),(0,d.jsx)(Ve,{width:Be,height:2,className:Qe}),(0,d.jsx)(Ve,{width:Be,height:2,className:Je})]})]}),(0,d.jsxs)(as,{children:[(0,d.jsxs)(As,{className:Ge,children:[(0,d.jsx)(Ve,{width:2,height:2,className:Ze}),(0,d.jsx)(Ve,{width:ke,height:2,className:Je})]}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:Fe}),(0,d.jsx)(Ve,{width:Be,height:2,className:Qe}),(0,d.jsx)(Ve,{width:Be,height:2,className:Je})]})]})]})})]})),ds=[fe.AQUA_6,fe.GREEN_6,fe.LIME_6,fe.PURPLE_6,fe.BLUE_6],ns=(0,r.memo)(()=>(0,d.jsxs)(Es,{children:[(0,d.jsx)(He,{colors:ds}),(0,d.jsx)(ts,{children:(0,d.jsxs)(is,{children:[(0,d.jsxs)(as,{children:[(0,d.jsx)(As,{className:ve,children:(0,d.jsx)(Ve,{width:ke,height:2,className:ye})}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:ye}),(0,d.jsx)(Ve,{width:Be,height:2,className:ye}),(0,d.jsx)(Ve,{width:Be,height:2,className:ye})]})]}),(0,d.jsxs)(as,{children:[(0,d.jsxs)(As,{className:Ge,children:[(0,d.jsx)(Ve,{width:2,height:2,className:Fe}),(0,d.jsx)(Ve,{width:ke,height:2,className:Je})]}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:Xe}),(0,d.jsx)(Ve,{width:Be,height:2,className:ze}),(0,d.jsx)(Ve,{width:Be,height:2,className:Je})]})]}),(0,d.jsxs)(as,{children:[(0,d.jsxs)(As,{className:Ge,children:[(0,d.jsx)(Ve,{width:2,height:2,className:Xe}),(0,d.jsx)(Ve,{width:ke,height:2,className:Je})]}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:Xe}),(0,d.jsx)(Ve,{width:Be,height:2,className:ze}),(0,d.jsx)(Ve,{width:Be,height:2,className:Je})]})]}),(0,d.jsxs)(as,{children:[(0,d.jsxs)(As,{className:Ge,children:[(0,d.jsx)(Ve,{width:2,height:2,className:Qe}),(0,d.jsx)(Ve,{width:ke,height:2,className:Je})]}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:Xe}),(0,d.jsx)(Ve,{width:Be,height:2,className:ze}),(0,d.jsx)(Ve,{width:Be,height:2,className:Je})]})]}),(0,d.jsxs)(as,{children:[(0,d.jsxs)(As,{className:Ge,children:[(0,d.jsx)(Ve,{width:2,height:2,className:qe}),(0,d.jsx)(Ve,{width:ke,height:2,className:Je})]}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:Xe}),(0,d.jsx)(Ve,{width:Be,height:2,className:ze}),(0,d.jsx)(Ve,{width:Be,height:2,className:Je})]})]}),(0,d.jsxs)(as,{children:[(0,d.jsxs)(As,{className:Ge,children:[(0,d.jsx)(Ve,{width:2,height:2,className:ze}),(0,d.jsx)(Ve,{width:ke,height:2,className:Je})]}),(0,d.jsxs)(As,{className:ve,children:[(0,d.jsx)(Ve,{width:Be,height:2,className:Xe}),(0,d.jsx)(Ve,{width:Be,height:2,className:ze}),(0,d.jsx)(Ve,{width:Be,height:2,className:Je})]})]})]})})]})),rs=(0,r.memo)(({onClick:e})=>(0,d.jsxs)(es,{onClick:e,children:[(0,d.jsxs)(ss,{children:[(0,d.jsx)(ns,{}),(0,d.jsx)(be.A,{size:"small",color:"text-3",children:(0,d.jsx)(v.sA,{id:"COMMON_TRAFFIC_IDENTIFICATION"})})]}),(0,d.jsxs)(ss,{children:[(0,d.jsx)(Ts,{}),(0,d.jsx)(be.A,{size:"small",color:"text-3",children:(0,d.jsx)(v.sA,{id:"DASHBOARD_MODULE_WIFI_TECHNOLOGY_HEADER"})})]})]}));var Ss=t(558948),os=t(237887);const Is="WIFI_CONNECTIVITY_NEUTRAL_CLASSNAME",Ns="WIFI_CONNECTIVITY_SUCCESS_CLASSNAME",ls="WIFI_CONNECTIVITY_WARNING_CLASSNAME",cs="WIFI_CONNECTIVITY_DANGER_CLASSNAME",Cs=(0,X.A)(q.A)`
  width: 100%;
  flex-direction: column;
  > div:nth-child(2) {
    margin: ${L.kc} 0 ${L.YC} 0;
  }
  border-radius: ${J.Ay["desktop-radius-base"]};
  border: ${({theme:{themeName:e}})=>J.Ay[`desktop-border-divider-${e}`]};
  padding: ${L.kc} ${L.YC};
`,hs=(0,X.A)(q.A,(0,ee.A)("footer"))`
  width: 100%;
  justify-content: space-between;
  ${({footer:e=!1})=>e?"justify-content: unset; gap: 22px;":""}
  .${Is} {
    background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-neutral-06-${e}`]};
  }
  .${Ns} {
    background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-green-06-${e}`]};
  }
  .${ls} {
    background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-orange-06-${e}`]};
  }
  .${cs} {
    background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-red-06-${e}`]};
  }
`,Ds=(0,r.memo)(()=>(0,d.jsxs)(Cs,{children:[(0,d.jsxs)(hs,{children:[(0,d.jsx)(Ve,{width:30,height:2,className:Is}),(0,d.jsx)(Ve,{width:6,height:2,className:Is})]}),(0,d.jsxs)(hs,{children:[(0,d.jsx)(Ve,{className:Ns,width:20,height:4}),(0,d.jsx)(Ve,{className:Ns,width:20,height:4}),(0,d.jsx)(Ve,{className:ls,width:20,height:4}),(0,d.jsx)(Ve,{className:cs,width:20,height:4})]}),(0,d.jsxs)(hs,{footer:!0,children:[(0,d.jsx)(Ve,{width:8,height:2,className:Ns}),(0,d.jsx)(Ve,{width:8,height:2,className:Ns}),(0,d.jsx)(Ve,{width:8,height:2,className:ls}),(0,d.jsx)(Ve,{width:8,height:2,className:cs})]})]})),Os=16,ms="SIGNAL_STRENGTH_DISTRIBUTION_NEUTRAL_CLASSNAME",Ls="SIGNAL_STRENGTH_DISTRIBUTION_SUCCESS_CLASSNAME",us="SIGNAL_STRENGTH_DISTRIBUTION_WARNING_CLASSNAME",xs=(0,X.A)(q.A)`
  width: 100%;
  flex-direction: column;
  > div:nth-child(2) {
    margin: ${L.kc} 0 ${L.YC} 0;
  }
  border-radius: ${J.Ay["desktop-radius-base"]};
  border: ${({theme:{themeName:e}})=>J.Ay[`desktop-border-divider-${e}`]};
  padding: ${L.kc} ${L.YC};
`,gs=(0,X.A)(q.A)`
  width: 100%;
  justify-content: space-between;
  .${ms} {
    background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-neutral-06-${e}`]};
  }
  .${Ls} {
    background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-green-06-${e}`]};
  }
  .${us} {
    background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-orange-06-${e}`]};
  }
`,Rs=(0,r.memo)(()=>(0,d.jsxs)(xs,{children:[(0,d.jsxs)(gs,{children:[(0,d.jsx)(Ve,{width:30,height:2,className:ms}),(0,d.jsx)(Ve,{width:6,height:2,className:ms})]}),(0,d.jsxs)(gs,{children:[(0,d.jsx)(Ve,{className:us,width:Os,height:4}),(0,d.jsx)(Ve,{className:us,width:Os,height:4}),(0,d.jsx)(Ve,{className:Ls,width:Os,height:4}),(0,d.jsx)(Ve,{className:Ls,width:Os,height:4}),(0,d.jsx)(Ve,{className:Ls,width:Os,height:4}),(0,d.jsx)(Ve,{className:Ls,width:Os,height:4})]}),(0,d.jsxs)(gs,{children:[(0,d.jsx)(Ve,{width:4,height:2,className:ms}),(0,d.jsx)(Ve,{width:4,height:2,className:ms}),(0,d.jsx)(Ve,{width:4,height:2,className:ms}),(0,d.jsx)(Ve,{width:4,height:2,className:ms}),(0,d.jsx)(Ve,{width:4,height:2,className:ms}),(0,d.jsx)(Ve,{width:4,height:2,className:ms}),(0,d.jsx)(Ve,{width:4,height:2,className:ms}),(0,d.jsx)(Ve,{width:4,height:2,className:ms}),(0,d.jsx)(Ve,{width:4,height:2,className:ms})]})]})),Ms=16,Ps="RADIO_TX_RETRIES_NEUTRAL_CLASSNAME",js="RADIO_TX_RETRIES_SUCCESS_CLASSNAME",bs="RADIO_TX_RETRIES_WARNING_CLASSNAME",ps="RADIO_TX_RETRIES_DANGER_CLASSNAME",Vs=(0,X.A)(q.A)`
  width: 100%;
  flex-direction: column;
  > div:nth-child(2) {
    margin: ${L.kc} 0 ${L.YC} 0;
  }
  border-radius: ${J.Ay["desktop-radius-base"]};
  border: ${({theme:{themeName:e}})=>J.Ay[`desktop-border-divider-${e}`]};
  padding: ${L.kc} ${L.YC};
`,fs=(0,X.A)(q.A)`
  width: 100%;
  justify-content: space-between;
  .${Ps} {
    background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-neutral-06-${e}`]};
  }
  .${js} {
    background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-green-06-${e}`]};
  }
  .${bs} {
    background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-orange-06-${e}`]};
  }
  .${ps} {
    background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-red-06-${e}`]};
  }
`,$s=(0,r.memo)(()=>(0,d.jsxs)(Vs,{children:[(0,d.jsxs)(fs,{children:[(0,d.jsx)(Ve,{width:30,height:2,className:Ps}),(0,d.jsx)(Ve,{width:6,height:2,className:Ps})]}),(0,d.jsxs)(fs,{children:[(0,d.jsx)(Ve,{width:Ms,height:4,className:ps}),(0,d.jsx)(Ve,{width:Ms,height:4,className:bs}),(0,d.jsx)(Ve,{width:Ms,height:4,className:js}),(0,d.jsx)(Ve,{width:Ms,height:4,className:js}),(0,d.jsx)(Ve,{width:Ms,height:4,className:js}),(0,d.jsx)(Ve,{width:Ms,height:4,className:js})]}),(0,d.jsxs)(fs,{children:[(0,d.jsx)(Ve,{width:4,height:2,className:Ps}),(0,d.jsx)(Ve,{width:4,height:2,className:Ps}),(0,d.jsx)(Ve,{width:4,height:2,className:Ps}),(0,d.jsx)(Ve,{width:4,height:2,className:Ps}),(0,d.jsx)(Ve,{width:4,height:2,className:Ps}),(0,d.jsx)(Ve,{width:4,height:2,className:Ps}),(0,d.jsx)(Ve,{width:4,height:2,className:Ps}),(0,d.jsx)(Ve,{width:4,height:2,className:Ps}),(0,d.jsx)(Ve,{width:4,height:2,className:Ps})]})]})),ws=[{value:T.SIGNAL_STRENGTH_DISTRIBUTION,label:"COMMON_SIGNAL_STRENGTH"},{value:T.RADIO_TX_RETRIES,label:"COMMON_TX_RETRIES"},{value:T.WIFI_CONNECTIVITY,label:"COMMON_CONNECTIVITY"}],Us={[T.SIGNAL_STRENGTH_DISTRIBUTION]:Rs,[T.RADIO_TX_RETRIES]:$s,[T.WIFI_CONNECTIVITY]:Ds},Hs="RADIO_OVERVIEW_OPTION_CONTAINER_CLASSNAME",Bs=(0,X.A)(ae)`
  width: 100%;
  flex-direction: column;
  gap: ${L.Ln};
`,ks=(0,X.A)(q.A)`
  width: 100%;
  justify-content: space-between;
  gap: ${L.xO};
`,vs=(0,X.A)(q.A,(0,ee.A)("disabled"))`
  flex-direction: column;
  width: 100%;
  gap: ${L.xO};
  opacity: ${({disabled:e})=>e?.5:1};
`,Gs=(0,X.A)(q.A,(0,ee.A)("disabled"))`
  width: 100%;
  flex-direction: column;
  gap: ${L.kc};
  .${Hs} {
    width: 100%;
    min-width: max-content;
  }
  opacity: ${({disabled:e})=>e?.5:1};
`,ys="BAND_SELECTOR_SELECTED_CLASSNAME",Ws=(0,X.A)(q.A)`
  height: 50%;
  border-radius: ${J.Ay["desktop-radius-base"]};
  border: ${({theme:{themeName:e}})=>J.Ay[`desktop-border-divider-${e}`]};
  gap: ${L.YC};
  padding: ${L.YC};
  width: fit-content;
`,Fs=(0,X.A)(q.A)`
  width: 100%;
  height: 100%;
  border-radius: ${J.Ay["desktop-radius-base"]};
  border: ${({theme:{themeName:e}})=>J.Ay[`desktop-border-divider-${e}`]};
  &.${ys} {
    border: 1px solid ${({theme:{themeName:e}})=>J.Ay[`desktop-color-ublue-05-${e}`]};
  }
  justify-content: center;
  align-items: center;
  padding: ${L.YC} 2px;
  height: 12px;
`,Ys=(0,X.A)(q.A)`
  width: 100%;
  flex-direction: column;
  gap: ${L.YC};
  justify-content: space-between;
  height: 100%;
`,Ks=(0,r.memo)(()=>(0,d.jsxs)(Ws,{children:[(0,d.jsxs)(Ys,{children:[(0,d.jsx)(Fs,{className:ys,children:(0,d.jsx)(Ve,{width:8,height:2})}),(0,d.jsx)(Fs,{children:(0,d.jsx)(Ve,{width:8,height:2})})]}),(0,d.jsxs)(Ys,{children:[(0,d.jsx)(Fs,{children:(0,d.jsx)(Ve,{width:8,height:2})}),(0,d.jsx)(Fs,{children:(0,d.jsx)(Ve,{width:8,height:2})})]})]})),Zs="100%",Js="AP_DEPLOYMENT_DENSITY_HEADER_CLASSNAME",Xs="AP_DEPLOYMENT_DENSITY_GRADIENT_CLASSNAME",zs="AP_DEPLOYMENT_DENSITY_FOOTER_CLASSNAME";var qs=t(419284),Qs=t(780592);const et=(0,X.A)(q.A)`
  width: 100%;
  flex-direction: column;
  > div {
    &:first-child {
      margin-bottom: ${L.Ln};
    }
    &:last-child {
      margin-top: ${L.YC};
    }
  }
`,st=(0,X.A)(q.A)`
  width: 100%;
  justify-content: space-between;
  > div {
    &.${Js} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-neutral-05-${e}`]};
    }
    &.${Xs} {
      background: linear-gradient(
        90deg,
        ${(0,qs.VG)(Qs.PT,100*Qs.Ux)}
          ${100*Qs.tm}%,
        ${(0,qs.VG)(Qs.__,100*Qs.Ux)}
          ${100*Qs.kH}%,
        ${(0,qs.VG)(Qs.j9,100*Qs.Ux)}
          ${100*Qs.r0}%,
        ${(0,qs.VG)(Qs.j9,100*Qs.Ux)}
          ${100*Qs.ks}%,
        ${(0,qs.VG)(Qs.__,100*Qs.Ux)}
          ${100*Qs.ts}%,
        ${(0,qs.VG)(Qs.PT,100*Qs.Ux)}
          ${100*Qs.mK}%
      );
    }
    &.${zs} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-neutral-03-${e}`]};
    }
  }
`;var tt=t(263705),Et=t(541819);const it={[Ie.W4.UAL6]:{[Ne.P.ID]:"3aee50f4-7a04-4b00-a466-791803131293",[Ne.P.DEFAULT_IMAGE_ID]:"4fac659e9e888a9298a9f24ce02373b2",[Ne.P.NOPADDING_IMAGE_ID]:"1f7055cef4ac72105793b78116c49be4",[Ne.P.MODEL_SYSID]:void 0,[Ne.P.MODEL_ABBREVIATION]:void 0}},at=(0,X.A)(q.A)`
  > svg {
    position: absolute;
    overflow: visible;
    width: 100%;
    height: 5px;
  }
`,At=(0,X.A)(q.A)`
  border-radius: 50%;
  overflow: hidden;
  width: ${14}px;
  height: ${14}px;
  border: 1px solid ${({theme:{themeName:e}})=>J.Ay[`desktop-color-green-05-${e}`]};
  box-sizing: content-box;
`,_t=(0,r.memo)(({distribution:e})=>{const{themeName:s}=(0,tt.u)(),{[de.IMAGE_PATH]:t,[de.THEME]:E}=(0,r.useContext)(Se);return(0,d.jsx)(at,{children:(0,d.jsx)("svg",{children:e.map(e=>(0,d.jsxs)("g",{transform:"translate(-12, -28)",children:[(0,d.jsx)("line",{x1:e/100*315+8,y1:24,x2:e/100*315+8,y2:33,stroke:J.Ay[`desktop-color-green-06-${s}`]}),(0,d.jsx)("foreignObject",{x:e/100*315,y:8,width:16,height:16,children:(0,d.jsx)(At,{children:(0,d.jsx)(oe.C,{model:Ie.W4.UAL6,width:14,height:14,imagePath:t,theme:E,deviceModelMap:it,variant:Et.Hx.NOPADDING})})})]},e))})})}),Tt=(0,r.memo)(()=>(0,d.jsxs)(et,{children:[(0,d.jsxs)(st,{children:[(0,d.jsx)(Ve,{className:Js,width:50,height:2}),(0,d.jsx)(Ve,{className:Js,width:2,height:2})]}),(0,d.jsxs)(st,{children:[(0,d.jsx)(_t,{distribution:[50,70,90]}),(0,d.jsx)(Ve,{className:Xs,width:Zs,height:5})]}),(0,d.jsx)(st,{children:(0,d.jsx)(Ve,{className:zs,width:Zs,height:3})})]})),dt=(0,r.memo)(({onClick:e})=>{const{formatMessage:s}=(0,v.tz)(),{values:t,setFieldValue:A}=(0,S.j7)(),T=t[E.STATUS_WIDGETS][N.x.BAND_SELECTOR],n=t[E.BAND_SELECTOR_CHECKS][_.RADIO_OVERVIEW],o=t[E.BAND_SELECTOR_CHECKS][_.DEPLOYMENT_DENSITY],I=t[E.RADIO_OVERVIEW_LEFT_VALUE],l=I[a.ID],c=t[E.RADIO_OVERVIEW_RIGHT_VALUE],C=c[a.ID],h=(0,r.useCallback)(()=>{T[i.ENABLED]&&n[i.ENABLED]||e()},[T,n,e]),{leftDropdownOptions:D,rightDropdownOptions:O,LeftSidePlaceholder:m,RightSidePlaceholder:L}=(0,r.useMemo)(()=>{const e=[],t=[],E=ws.length;for(let i=0;i<E;i+=1){const{value:E,label:a}=ws[i];e.push({value:E,label:s({id:a}),disabled:E===C}),t.push({value:E,label:s({id:a}),disabled:E===l})}return{leftDropdownOptions:e,rightDropdownOptions:t,LeftSidePlaceholder:Us[l],RightSidePlaceholder:Us[C]}},[s,l,C]),u=(0,r.useCallback)(({value:e})=>{A(E.RADIO_OVERVIEW_LEFT_VALUE,{...I,[a.ID]:e})},[A,I]),x=(0,r.useCallback)(({value:e})=>{A(E.RADIO_OVERVIEW_RIGHT_VALUE,{...c,[a.ID]:e})},[A,c]),g=(0,r.useMemo)(()=>!T[i.ENABLED]||!n[i.ENABLED],[T,n]);return(0,d.jsxs)(Bs,{children:[(0,d.jsxs)(ks,{children:[(0,d.jsx)(q.A,{onClick:e,children:(0,d.jsx)(Ks,{})}),(0,d.jsxs)(Gs,{disabled:!n[i.ENABLED],onClick:h,children:[(0,d.jsx)(q.A,{onClick:e,children:(0,d.jsx)(m,{})}),(0,d.jsx)(os.A,{options:D,value:l,onChange:u,variant:"secondary",width:"100%",optionContainerClassName:Hs,disabled:g})]}),(0,d.jsxs)(Gs,{disabled:!n[i.ENABLED],onClick:h,children:[(0,d.jsx)(q.A,{onClick:e,children:(0,d.jsx)(L,{})}),(0,d.jsx)(os.A,{options:O,value:C,onChange:x,variant:"secondary",width:"100%",optionContainerClassName:Hs,disabled:g})]})]}),(0,d.jsxs)(vs,{disabled:!o[i.ENABLED],onClick:e,children:[(0,d.jsx)(Ss.A,{}),(0,d.jsx)(ks,{children:(0,d.jsx)(Tt,{})})]})]})}),nt=20,rt="ACTIVE_CHANNEL_ACTIVE_CLASSNAME",St="ACTIVE_CHANNEL_INACTIVE_CLASSNAME",ot="ACTIVE_CHANNEL_HEADER_CLASSNAME",It=(0,X.A)(q.A)`
  flex-direction: column-reverse;
  gap: ${L.kc};
  > div {
    &.${ot} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-neutral-05-${e}`]};
    }
    &.${St} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-neutral-03-${e}`]};
    }
    &.${rt} {
      background: ${({theme:{themeName:e}})=>J.Ay[`desktop-color-green-05-${e}`]};
    }
  }
`,Nt=(0,r.memo)(({onClick:e})=>(0,d.jsxs)(ae,{onClick:e,children:[(0,d.jsxs)(It,{children:[(0,d.jsx)(Ve,{className:rt,width:nt,height:3}),(0,d.jsx)(Ve,{className:St,width:nt,height:3}),(0,d.jsx)(Ve,{className:ot,width:12,height:2})]}),(0,d.jsx)(It,{children:(0,d.jsx)(Ve,{className:St,width:nt,height:3})}),(0,d.jsx)(It,{children:(0,d.jsx)(Ve,{className:rt,width:nt,height:3})}),(0,d.jsx)(It,{children:(0,d.jsx)(Ve,{className:St,width:nt,height:3})}),(0,d.jsxs)(It,{children:[(0,d.jsx)(Ve,{className:St,width:nt,height:3}),(0,d.jsx)(Ve,{className:St,width:nt,height:3})]}),(0,d.jsx)(It,{children:(0,d.jsx)(Ve,{className:rt,width:nt,height:3})}),(0,d.jsx)(It,{children:(0,d.jsx)(Ve,{className:St,width:nt,height:3})}),(0,d.jsx)(It,{children:(0,d.jsx)(Ve,{className:rt,width:nt,height:3})}),(0,d.jsx)(It,{children:(0,d.jsx)(Ve,{className:St,width:nt,height:3})}),(0,d.jsx)(It,{children:(0,d.jsx)(Ve,{className:St,width:nt,height:3})}),(0,d.jsx)(It,{children:(0,d.jsx)(Ve,{className:St,width:nt,height:3})}),(0,d.jsx)(It,{children:(0,d.jsx)(Ve,{className:rt,width:nt,height:3})}),(0,d.jsxs)(It,{alignItems:"end",justifyContent:"space-between",children:[(0,d.jsx)(Ve,{className:St,width:nt,height:3}),(0,d.jsx)(Ve,{className:ot,width:8,height:2})]})]})),lt={[N.x.MOST_ACTIVE]:{id:"COMMON_MOST_ACTIVE",Widget:je},[N.x.MOST_COMMON_CLIENT_FINGERPRINTS]:{id:"COMMON_MOST_COMMON_DEVICES",Widget:_e},[N.x.ACTIVE_CHANNELS]:{id:"DASHBOARD_MODULE_ACTIVE_CHANNELS",Widget:Nt},[N.x.BAND_SELECTOR]:{id:"COMMON_AP",Widget:dt},[N.x.CHARTS]:{id:"DASHBOARD_CHARTS",Widget:rs}};var ct;!function(e){e.IS_DRAGGING="isDragging",e.DRAGGABLE_ID="draggableId"}(ct||(ct={}));const Ct=(0,r.createContext)({[ct.IS_DRAGGING]:!1,[ct.DRAGGABLE_ID]:void 0});var ht=t(830124);const Dt=(0,X.A)(ht.A,(0,ee.A)("reorderMode","isDragging"))`
  ${({reorderMode:e})=>e?"":"display: none;"}
  opacity: ${({reorderMode:e,isDragging:s})=>e&&!s?1:0};
  cursor: ${({reorderMode:e})=>e?"grab":"default"};
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translate(-50%, -50%);
`,Ot=({reorderMode:e,dragHandleProps:s,draggableStyle:t,isDragging:E})=>(0,d.jsx)("div",{...s,style:t,className:Q,children:(0,d.jsx)(Dt,{reorderMode:e,isDragging:E})}),mt=(0,r.forwardRef)(({checkListItems:e,widget:s,disableDragging:t=!1},a)=>{const{setFieldValue:A,values:_}=(0,S.j7)(),T=_[E.STATUS_WIDGETS],n=(0,r.useContext)(Se)[de.RIGHT_PANEL_REORDER_MODE],o=(0,r.useCallback)(()=>{A(E.STATUS_WIDGETS,{...T,[s]:{...T[s],[i.ENABLED]:!T[s][i.ENABLED]}})},[A,T,s]),{id:I,Widget:N}=(0,r.useMemo)(()=>lt[s],[s]),l=(0,r.useMemo)(()=>T[s][i.ENABLED],[T,s]),c=(0,r.useContext)(Ct)[ct.IS_DRAGGING],C=(0,r.useContext)(V),{innerRef:h=k.P1,draggableProps:D=(0,b.A)(),dragHandleProps:O=(0,b.A)()}=C[j.DRAGGABLE_PROVIDED],m=C[j.DRAGGABLE_STATE_SNAPSHOT],L=(0,r.useMemo)(()=>kt(D.style||{}),[D.style]);return(0,d.jsx)("div",{ref:h,...D,style:L,children:(0,d.jsxs)(se,{children:[I||e?(0,d.jsxs)(te,{isActive:l,children:[I?(0,d.jsx)(B.A,{size:"small",color:"text-3",isTruncated:!0,children:(0,d.jsx)(v.sA,{id:I})}):null,e?(0,d.jsx)(ie,{children:e.map(({id:e,checked:s,disabled:t,onChange:E,children:i})=>(0,d.jsx)(H.A,{id:e,checked:s,disabled:t,onChange:E,children:i},e))}):null]}):null,(0,d.jsxs)(Ee,{ref:a,isActive:l,isDragging:c,isSelfDragging:m.isDragging,children:[(0,d.jsx)(Ot,{dragHandleProps:O,reorderMode:!t&&n,draggableStyle:L,isDragging:c}),(0,d.jsx)(N,{onClick:o})]})]},s)},s)}),Lt=(0,r.memo)(mt),ut=(0,r.forwardRef)((e,s)=>(0,d.jsx)(Lt,{ref:s,widget:N.x.MOST_COMMON_CLIENT_FINGERPRINTS})),xt=(0,r.memo)(ut),gt=(0,r.forwardRef)((e,s)=>{const{values:t,setFieldValue:a}=(0,S.j7)(),_=t[E.STATUS_WIDGETS][N.x.MOST_ACTIVE],T=t[E.MOST_ACTIVE_CHECKS],n=T[A.ACCESS_POINTS],o=T[A.CLIENTS],I=T[A.APPLICATIONS],l=(0,r.useCallback)(({target:{checked:e}})=>{a(E.MOST_ACTIVE_CHECKS,{[A.ACCESS_POINTS]:{...n,[i.ENABLED]:e||!(o[i.ENABLED]||I[i.ENABLED])},[A.CLIENTS]:{...o},[A.APPLICATIONS]:{...I}})},[a,n,o,I]),c=(0,r.useCallback)(({target:{checked:e}})=>{a(E.MOST_ACTIVE_CHECKS,{[A.ACCESS_POINTS]:{...n},[A.CLIENTS]:{...o,[i.ENABLED]:e||!(n[i.ENABLED]||I[i.ENABLED])},[A.APPLICATIONS]:{...I}})},[a,o,n,I]),C=(0,r.useCallback)(({target:{checked:e}})=>{a(E.MOST_ACTIVE_CHECKS,{[A.ACCESS_POINTS]:{...n},[A.CLIENTS]:{...o},[A.APPLICATIONS]:{...I,[i.ENABLED]:e||!(n[i.ENABLED]||o[i.ENABLED])}})},[a,I,n,o]),h=(0,r.useMemo)(()=>{return[{id:A.ACCESS_POINTS,checked:n[i.ENABLED],disabled:e=!_[i.ENABLED],children:(0,d.jsx)(v.sA,{id:"COMMON_APS"}),onChange:l},{id:A.CLIENTS,checked:o[i.ENABLED],disabled:e,children:(0,d.jsx)(v.sA,{id:"COMMON_CLIENTS"}),onChange:c},{id:A.APPLICATIONS,checked:I[i.ENABLED],disabled:e,children:(0,d.jsx)(v.sA,{id:"COMMON_APPS"}),onChange:C}];var e},[_,n,o,I,l,c,C]);return(0,d.jsx)(Lt,{ref:s,checkListItems:h,widget:N.x.MOST_ACTIVE})}),Rt=(0,r.memo)(gt),Mt=(0,r.forwardRef)((e,s)=>(0,d.jsx)(Lt,{ref:s,widget:N.x.CHARTS})),Pt=(0,r.memo)(Mt),jt=(0,r.forwardRef)((e,s)=>{const{values:t,setFieldValue:a}=(0,S.j7)(),A=t[E.STATUS_WIDGETS][N.x.BAND_SELECTOR],T=t[E.BAND_SELECTOR_CHECKS],n=T[_.RADIO_OVERVIEW],o=T[_.DEPLOYMENT_DENSITY],I=(0,r.useCallback)(({target:{checked:e}})=>{a(E.BAND_SELECTOR_CHECKS,{[_.RADIO_OVERVIEW]:{...n,[i.ENABLED]:e||!o[i.ENABLED]},[_.DEPLOYMENT_DENSITY]:{...o}})},[a,n,o]),l=(0,r.useCallback)(({target:{checked:e}})=>{a(E.BAND_SELECTOR_CHECKS,{[_.RADIO_OVERVIEW]:{...n},[_.DEPLOYMENT_DENSITY]:{...o,[i.ENABLED]:e||!n[i.ENABLED]}})},[a,o,n]),c=(0,r.useMemo)(()=>{return[{id:_.RADIO_OVERVIEW,checked:n[i.ENABLED],disabled:e=!A[i.ENABLED],children:(0,d.jsx)(v.sA,{id:"DASHBOARD_RADIO_OVERVIEW"}),onChange:I},{id:_.DEPLOYMENT_DENSITY,checked:o[i.ENABLED],disabled:e,children:(0,d.jsx)(v.sA,{id:"DASHBOARD_DEPLOYMENT_DENSITY"}),onChange:l}];var e},[n,o,A,I,l]);return(0,d.jsx)(Lt,{ref:s,checkListItems:c,widget:N.x.BAND_SELECTOR})}),bt=(0,r.memo)(jt),pt=(0,r.forwardRef)((e,s)=>(0,d.jsx)(Lt,{ref:s,widget:N.x.ACTIVE_CHANNELS})),Vt=(0,r.memo)(pt),ft={[N.x.MOST_ACTIVE]:{[M.ID]:N.x.MOST_ACTIVE,[M.CONTENT]:(0,d.jsx)(Rt,{}),[M.ADJUSTED]:!1,[M.WIDGETS]:U.o},[N.x.MOST_COMMON_CLIENT_FINGERPRINTS]:{[M.ID]:N.x.MOST_COMMON_CLIENT_FINGERPRINTS,[M.CONTENT]:(0,d.jsx)(xt,{}),[M.ADJUSTED]:!1,[M.WIDGETS]:[O.Z.MOST_COMMON_CLIENT_FINGERPRINTS]},[N.x.ACTIVE_CHANNELS]:{[M.ID]:N.x.ACTIVE_CHANNELS,[M.CONTENT]:(0,d.jsx)(Vt,{}),[M.ADJUSTED]:!1,[M.WIDGETS]:[O.Z.WIFI_CHANNELS]},[N.x.BAND_SELECTOR]:{[M.ID]:N.x.BAND_SELECTOR,[M.CONTENT]:(0,d.jsx)(bt,{}),[M.ADJUSTED]:!1,[M.WIDGETS]:$.hD},[N.x.CHARTS]:{[M.ID]:N.x.CHARTS,[M.CONTENT]:(0,d.jsx)(Pt,{}),[M.ADJUSTED]:!1,[M.WIDGETS]:w.Mw}},$t=[],wt=[ft[N.x.MOST_ACTIVE],ft[N.x.MOST_COMMON_CLIENT_FINGERPRINTS],ft[N.x.ACTIVE_CHANNELS],ft[N.x.BAND_SELECTOR],ft[N.x.CHARTS]],Ut="DASHBOARD_CUSTOMIZATION_DROPPABLE_ID",Ht="DASHBOARD_CUSTOMIZATION_DRAGGABLE_ID",Bt=(e,s,t)=>{const E=Array.from(e),[i]=E.splice(s,1);return E.splice(t,0,i),E},kt=e=>({...x,...e}),vt=e=>({...e?{pointerEvents:"none",opacity:.5}:{},...g}),Gt=e=>document.querySelector(`[data-rfd-draggable-id='${e}']`),yt=e=>(s,t)=>(0,d.jsx)(f,{dashboardCustomizationItem:e,draggableProvided:s,draggableStateSnapshot:t}),Wt=e=>[Ut,e].join(),Ft=e=>[Ht,e].join();var Yt=t(950804);const Kt={[O.Z.WIFI_CLIENT_EXPERIENCE]:T.SIGNAL_STRENGTH_DISTRIBUTION,[O.Z.WIFI_TX_RETRIES]:T.RADIO_TX_RETRIES,[O.Z.WIFI_CONNECTIVITY]:T.WIFI_CONNECTIVITY},Zt={[T.SIGNAL_STRENGTH_DISTRIBUTION]:O.Z.WIFI_CLIENT_EXPERIENCE,[T.RADIO_TX_RETRIES]:O.Z.WIFI_TX_RETRIES,[T.WIFI_CONNECTIVITY]:O.Z.WIFI_CONNECTIVITY,[T.AP_DENSITY]:O.Z.AP_RADIO_DENSITY},Jt=Object.values(Zt),Xt=Yt.A.object().shape({[E.STATUS_WIDGETS]:Yt.A.object().shape({[N.x.MOST_ACTIVE]:Yt.A.object().shape({[i.ENABLED]:Yt.A.boolean().required(),[i.ADJUSTED]:Yt.A.boolean().required()}),[N.x.MOST_COMMON_CLIENT_FINGERPRINTS]:Yt.A.object().shape({[i.ENABLED]:Yt.A.boolean().required(),[i.ADJUSTED]:Yt.A.boolean().required()}),[N.x.ACTIVE_CHANNELS]:Yt.A.object().shape({[i.ENABLED]:Yt.A.boolean().required(),[i.ADJUSTED]:Yt.A.boolean().required()}),[N.x.BAND_SELECTOR]:Yt.A.object().shape({[i.ENABLED]:Yt.A.boolean().required(),[i.ADJUSTED]:Yt.A.boolean().required()}),[N.x.CHARTS]:Yt.A.object().shape({[i.ENABLED]:Yt.A.boolean().required(),[i.ADJUSTED]:Yt.A.boolean().required()})}),[E.MOST_ACTIVE_CHECKS]:Yt.A.object().shape({[A.ACCESS_POINTS]:Yt.A.object().shape({[i.ENABLED]:Yt.A.boolean().required(),[i.ADJUSTED]:Yt.A.boolean().required()}),[A.CLIENTS]:Yt.A.object().shape({[i.ENABLED]:Yt.A.boolean().required(),[i.ADJUSTED]:Yt.A.boolean().required()}),[A.APPLICATIONS]:Yt.A.object().shape({[i.ENABLED]:Yt.A.boolean().required(),[i.ADJUSTED]:Yt.A.boolean().required()})}),[E.BAND_SELECTOR_CHECKS]:Yt.A.object().shape({[_.RADIO_OVERVIEW]:Yt.A.object().shape({[i.ENABLED]:Yt.A.boolean().required(),[i.ADJUSTED]:Yt.A.boolean().required()}),[_.DEPLOYMENT_DENSITY]:Yt.A.object().shape({[i.ENABLED]:Yt.A.boolean().required(),[i.ADJUSTED]:Yt.A.boolean().required()})}),[E.RADIO_OVERVIEW_LEFT_VALUE]:Yt.A.object().shape({[a.ID]:Yt.A.string().oneOf(Object.values(T)).required(),[a.ADJUSTED]:Yt.A.boolean().required()}),[E.RADIO_OVERVIEW_RIGHT_VALUE]:Yt.A.object().shape({[a.ID]:Yt.A.string().oneOf(Object.values(T)).required(),[a.ADJUSTED]:Yt.A.boolean().required()})}),zt=[O.Z.CYBERSECURE],qt=[O.Z.MOST_ACTIVE_APPS_APS_CLIENTS,O.Z.MOST_ACTIVE_APPS_CLIENTS,O.Z.MOST_ACTIVE_APS_CLIENTS,O.Z.MOST_ACTIVE_APPS_APS,O.Z.MOST_ACTIVE_APPS,O.Z.V2_MOST_ACTIVE_APS,O.Z.V2_MOST_ACTIVE_CLIENTS,O.Z.WIFI_CHANNELS,O.Z.WIFI_TX_RETRIES,O.Z.WIFI_CONNECTIVITY,O.Z.WIFI_CLIENT_EXPERIENCE,O.Z.AP_RADIO_DENSITY,O.Z.TRAFFIC_IDENTIFICATION,O.Z.WIFI_TECHNOLOGY],Qt=(e,s)=>{iE(e,U.o),s[E.STATUS_WIDGETS][N.x.MOST_ACTIVE][i.ENABLED]&&(s[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ENABLED]&&s[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ENABLED]&&s[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ENABLED]&&e.set(O.Z.MOST_ACTIVE_APPS_APS_CLIENTS,!0),s[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ENABLED]&&s[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ENABLED]&&!s[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ENABLED]&&e.set(O.Z.MOST_ACTIVE_APS_CLIENTS,!0),s[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ENABLED]&&!s[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ENABLED]&&s[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ENABLED]&&e.set(O.Z.MOST_ACTIVE_APPS_APS,!0),!s[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ENABLED]&&s[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ENABLED]&&s[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ENABLED]&&e.set(O.Z.MOST_ACTIVE_APPS_CLIENTS,!0),s[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ENABLED]||s[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ENABLED]||!s[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ENABLED]||e.set(O.Z.MOST_ACTIVE_APPS,!0),!s[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ENABLED]||s[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ENABLED]||s[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ENABLED]||e.set(O.Z.V2_MOST_ACTIVE_APS,!0),s[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ENABLED]||!s[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ENABLED]||s[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ENABLED]||e.set(O.Z.V2_MOST_ACTIVE_CLIENTS,!0))},eE=(e,s)=>{e.set(O.Z.MOST_COMMON_CLIENT_FINGERPRINTS,s[E.STATUS_WIDGETS][N.x.MOST_COMMON_CLIENT_FINGERPRINTS][i.ENABLED])},sE=(e,s)=>{e.set(O.Z.WIFI_CHANNELS,s[E.STATUS_WIDGETS][N.x.ACTIVE_CHANNELS][i.ENABLED])},tE=(e,s)=>{(s[E.STATUS_WIDGETS][N.x.BAND_SELECTOR][i.ENABLED]?aE:iE)(e,Jt),s[E.STATUS_WIDGETS][N.x.BAND_SELECTOR][i.ENABLED]&&(s[E.BAND_SELECTOR_CHECKS][_.RADIO_OVERVIEW][i.ENABLED]&&(e.set(Zt[s[E.RADIO_OVERVIEW_LEFT_VALUE][a.ID]],!0),e.set(Zt[s[E.RADIO_OVERVIEW_RIGHT_VALUE][a.ID]],!0)),e.set(O.Z.AP_RADIO_DENSITY,s[E.BAND_SELECTOR_CHECKS][_.DEPLOYMENT_DENSITY][i.ENABLED]))},EE=(e,s)=>{e.set(O.Z.TRAFFIC_IDENTIFICATION,s[E.STATUS_WIDGETS][N.x.CHARTS][i.ENABLED]),e.set(O.Z.WIFI_TECHNOLOGY,s[E.STATUS_WIDGETS][N.x.CHARTS][i.ENABLED])},iE=(e,s)=>{s.forEach(s=>{e.has(s)&&e.set(s,!1)})},aE=(e,s)=>{s.forEach(s=>{e.has(s)&&e.delete(s)})},AE=(e,{name:s,enabled:t})=>(e.set(s,t),e),_E=([e,s],t,E)=>{const i=[];var a;return s.reduce((e=>(s,t)=>(t(s,e),s))(E),t.reduce(AE,new Map)).forEach((a=i,(e,s)=>{a.push({name:s,enabled:e})})),i.sort((e=>(s,t)=>{const E=e.findIndex(e=>e[M.WIDGETS].includes(s.name)),i=e.findIndex(e=>e[M.WIDGETS].includes(t.name));if(E>-1||i>-1){if(E<i)return-1;if(E>i)return 1}return 0})(e))},TE=({isManualLayoutPreference:e,dashboardCustomizationFormValues:s,dashboardCustomizationStatusWidgetVariant:t,fieldKey:E})=>{if(e){const e=s[E].findIndex(e=>e[M.ID]===t);if(e>-1){const i=s[E][e];if(!i[M.ADJUSTED]){const a=s[E].filter(e=>e[M.ID]!==t).findIndex(e=>!e[M.ADJUSTED]);s[E]=Bt(s[E],e,a>-1?a:s[E].length-1),i[M.ADJUSTED]=!0}}}},dE=({dashboardCustomizationFormValues:e,dashboardSettingsWidget:{name:s,enabled:t},dashboardSettingsLayoutPreference:T})=>{const d=T===l.b5.MANUAL;switch(s){case O.Z.MOST_ACTIVE_APPS_APS_CLIENTS:case O.Z.MOST_ACTIVE_APPS_CLIENTS:case O.Z.MOST_ACTIVE_APS_CLIENTS:case O.Z.MOST_ACTIVE_APPS_APS:case O.Z.V2_MOST_ACTIVE_APS:case O.Z.V2_MOST_ACTIVE_CLIENTS:case O.Z.MOST_ACTIVE_APPS:switch(t&&!e[E.STATUS_WIDGETS][N.x.MOST_ACTIVE][i.ADJUSTED]&&(e[E.STATUS_WIDGETS][N.x.MOST_ACTIVE][i.ENABLED]=!0,e[E.STATUS_WIDGETS][N.x.MOST_ACTIVE][i.ADJUSTED]=!0),TE({isManualLayoutPreference:d,dashboardCustomizationFormValues:e,dashboardCustomizationStatusWidgetVariant:N.x.MOST_ACTIVE,fieldKey:E.RIGHT_PANEL_CUSTOMIZATION_ITEMS}),s){case O.Z.MOST_ACTIVE_APPS_APS_CLIENTS:t&&!e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ADJUSTED]=!0),t&&!e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ADJUSTED]=!0),t&&!e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ADJUSTED]=!0);break;case O.Z.MOST_ACTIVE_APPS_CLIENTS:t&&!e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ADJUSTED]=!0),t&&!e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ADJUSTED]=!0);break;case O.Z.MOST_ACTIVE_APS_CLIENTS:t&&!e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ADJUSTED]=!0),t&&!e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ADJUSTED]=!0);break;case O.Z.MOST_ACTIVE_APPS_APS:t&&!e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ADJUSTED]=!0),t&&!e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ADJUSTED]=!0);break;case O.Z.V2_MOST_ACTIVE_APS:t&&!e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.ACCESS_POINTS][i.ADJUSTED]=!0);break;case O.Z.V2_MOST_ACTIVE_CLIENTS:t&&!e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.CLIENTS][i.ADJUSTED]=!0);break;case O.Z.MOST_ACTIVE_APPS:t&&!e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ADJUSTED]&&(e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ENABLED]=!0,e[E.MOST_ACTIVE_CHECKS][A.APPLICATIONS][i.ADJUSTED]=!0)}break;case O.Z.MOST_COMMON_CLIENT_FINGERPRINTS:t&&!e[E.STATUS_WIDGETS][N.x.MOST_COMMON_CLIENT_FINGERPRINTS][i.ADJUSTED]&&(e[E.STATUS_WIDGETS][N.x.MOST_COMMON_CLIENT_FINGERPRINTS][i.ENABLED]=!0,e[E.STATUS_WIDGETS][N.x.MOST_COMMON_CLIENT_FINGERPRINTS][i.ADJUSTED]=!0),TE({isManualLayoutPreference:d,dashboardCustomizationFormValues:e,dashboardCustomizationStatusWidgetVariant:N.x.MOST_COMMON_CLIENT_FINGERPRINTS,fieldKey:E.RIGHT_PANEL_CUSTOMIZATION_ITEMS});break;case O.Z.WIFI_CHANNELS:t&&!e[E.STATUS_WIDGETS][N.x.ACTIVE_CHANNELS][i.ADJUSTED]&&(e[E.STATUS_WIDGETS][N.x.ACTIVE_CHANNELS][i.ENABLED]=!0,e[E.STATUS_WIDGETS][N.x.ACTIVE_CHANNELS][i.ADJUSTED]=!0),TE({isManualLayoutPreference:d,dashboardCustomizationFormValues:e,dashboardCustomizationStatusWidgetVariant:N.x.ACTIVE_CHANNELS,fieldKey:E.RIGHT_PANEL_CUSTOMIZATION_ITEMS});break;case O.Z.WIFI_CLIENT_EXPERIENCE:case O.Z.WIFI_TX_RETRIES:case O.Z.WIFI_CONNECTIVITY:case O.Z.AP_RADIO_DENSITY:switch(t&&!e[E.STATUS_WIDGETS][N.x.BAND_SELECTOR][i.ADJUSTED]&&(e[E.STATUS_WIDGETS][N.x.BAND_SELECTOR][i.ENABLED]=!0,e[E.STATUS_WIDGETS][N.x.BAND_SELECTOR][i.ADJUSTED]=!0),TE({isManualLayoutPreference:d,dashboardCustomizationFormValues:e,dashboardCustomizationStatusWidgetVariant:N.x.BAND_SELECTOR,fieldKey:E.RIGHT_PANEL_CUSTOMIZATION_ITEMS}),s){case O.Z.WIFI_CLIENT_EXPERIENCE:case O.Z.WIFI_TX_RETRIES:case O.Z.WIFI_CONNECTIVITY:if(t&&!e[E.BAND_SELECTOR_CHECKS][_.RADIO_OVERVIEW][i.ADJUSTED]&&(e[E.BAND_SELECTOR_CHECKS][_.RADIO_OVERVIEW][i.ENABLED]=!0,e[E.BAND_SELECTOR_CHECKS][_.RADIO_OVERVIEW][i.ADJUSTED]=!0),d){if(t&&!e[E.RADIO_OVERVIEW_LEFT_VALUE][a.ADJUSTED]){e[E.RADIO_OVERVIEW_LEFT_VALUE][a.ID]=Kt[s],e[E.RADIO_OVERVIEW_LEFT_VALUE][a.ADJUSTED]=!0;break}if(t&&!e[E.RADIO_OVERVIEW_RIGHT_VALUE][a.ADJUSTED]){e[E.RADIO_OVERVIEW_RIGHT_VALUE][a.ID]=Kt[s],e[E.RADIO_OVERVIEW_RIGHT_VALUE][a.ADJUSTED]=!0;break}}break;case O.Z.AP_RADIO_DENSITY:t&&!e[E.BAND_SELECTOR_CHECKS][_.DEPLOYMENT_DENSITY][i.ADJUSTED]&&(e[E.BAND_SELECTOR_CHECKS][_.DEPLOYMENT_DENSITY][i.ENABLED]=!0,e[E.BAND_SELECTOR_CHECKS][_.DEPLOYMENT_DENSITY][i.ADJUSTED]=!0)}break;case O.Z.TRAFFIC_IDENTIFICATION:case O.Z.WIFI_TECHNOLOGY:t&&!e[E.STATUS_WIDGETS][N.x.CHARTS][i.ADJUSTED]&&(e[E.STATUS_WIDGETS][N.x.CHARTS][i.ENABLED]=!0,e[E.STATUS_WIDGETS][N.x.CHARTS][i.ADJUSTED]=!0),TE({isManualLayoutPreference:d,dashboardCustomizationFormValues:e,dashboardCustomizationStatusWidgetVariant:N.x.CHARTS,fieldKey:E.RIGHT_PANEL_CUSTOMIZATION_ITEMS})}},nE=e=>({...e,[M.ADJUSTED]:!1});var rE=t(599110),SE=t(720770);const oE=(0,X.A)(q.A)`
  width: 100%;
  justify-content: space-between;
  padding: ${L.S2} ${L.Ln} ${L.S2} 0;
`,IE=(0,r.memo)(()=>{const e=(0,n.wA)(),{isSubmitting:s,setSubmitting:t}=(0,S.j7)(),E=(0,r.useContext)(Se),i=E[de.DASHBOARD_QUERY_PARAMS],a=E[de.DASHBOARD_SETTINGS],A=(0,r.useCallback)(()=>{e((0,D.C)(i))},[e,i]),_=(0,r.useCallback)(()=>{t(!1)},[t]),T=(0,r.useCallback)(()=>{t(!0),e((0,c.Ji)({...a,layout_preference:l.b5.AUTO,widgets:(0,SE.A)()})).then(A).catch(_)},[e,t,A,_,a]),o=(0,r.useMemo)(()=>a.layout_preference===l.b5.AUTO||s,[a.layout_preference,s]);return(0,d.jsx)(oE,{children:(0,d.jsx)(rE.A,{type:"button",variant:"tertiary",onClick:T,disabled:o,children:(0,d.jsx)(v.sA,{id:"COMMON_RESTORE_DEFAULT"})})})});var NE=t(135469),lE=t(54013),cE=t(158402),CE=t(489461),hE=t(374402);const DE=(0,r.memo)(({fieldKey:e,reorderFieldKey:s,disableDragging:t=!1})=>{const{values:E,setFieldValue:i,isSubmitting:a}=(0,S.j7)(),A=E[e],_=(0,r.useContext)(Se)[s],[T,n]=(0,r.useState)(!1),[o,I]=(0,r.useState)(void 0),[N,l]=(0,r.useState)(void 0);(0,r.useEffect)(()=>{const e=(document.getElementsByClassName(hE.X)||[])[0];return e&&e.classList.add(u),()=>{e&&e.classList.remove(u)}},[]);const c=(0,r.useCallback)(({draggableId:e})=>{I(e)},[]),C=(0,r.useCallback)(({source:s,destination:t})=>{I(void 0),n(!1),l(void 0),t&&i(e,Bt(A,s.index,t.index))},[A,e,i]),h=(0,r.useCallback)(({draggableId:s,source:{index:t}})=>{n(!0);const E=Gt(s);if(E){const i=document.getElementById(Ft(e));if(i){const e=A.find(({id:e})=>e===s),{paddingTop:a,paddingLeft:_}=window.getComputedStyle(i);e&&l({[P.CLIENT_CONTENT]:e[M.CONTENT],[P.CLIENT_HEIGHT]:E.clientHeight,[P.CLIENT_WIDTH]:E.clientWidth,[P.CLIENT_Y]:Number.parseFloat(a)+[...i.children].slice(0,t).reduce((e,s)=>e+s.clientHeight+Number.parseFloat(window.getComputedStyle(s).marginBottom),0),[P.CLIENT_X]:Number.parseFloat(_)})}}},[A,e]),D=(0,r.useCallback)(({destination:s,draggableId:t,source:E})=>{if(s){const i=Gt(t);if(i){const a=document.getElementById(Ft(e));if(a){const e=[...a.children];e.splice(E.index,1);const _=A.find(({id:e})=>e===t),{paddingTop:T,paddingLeft:d}=window.getComputedStyle(a);_&&l({[P.CLIENT_CONTENT]:_[M.CONTENT],[P.CLIENT_HEIGHT]:i[P.CLIENT_HEIGHT],[P.CLIENT_WIDTH]:i[P.CLIENT_WIDTH],[P.CLIENT_Y]:Number.parseFloat(T)+[...e.slice(0,s.index),e[E.index],...e.slice(s.index+1)].slice(0,s.index).reduce((e,s)=>e+s.clientHeight+Number.parseFloat(window.getComputedStyle(s).marginBottom),0),[P.CLIENT_X]:Number.parseFloat(d)})}}}},[A,e]),O=(0,r.useMemo)(()=>A.map((e,s)=>(0,d.jsx)(CE.sx,{draggableId:e[M.ID],index:s,isDragDisabled:t||!_,children:yt(e)},e[M.ID])),[A,t,_]),m=(0,r.useCallback)(({droppableProps:s,innerRef:t,placeholder:E},{isDraggingOver:i})=>{return(0,d.jsxs)("div",{id:Ft(e),...s,ref:t,style:vt(a),children:[O,E,N&&i?(0,d.jsx)("div",{style:(A=N,{position:"absolute",top:A[P.CLIENT_Y],left:A[P.CLIENT_X],width:A[P.CLIENT_WIDTH],height:A[P.CLIENT_HEIGHT]}),children:(0,d.jsx)("div",{style:kt(R),children:N[P.CLIENT_CONTENT]})}):null]},Ft(e));var A},[O,e,a,N]),L=(0,r.useMemo)(()=>({[ct.IS_DRAGGING]:T,[ct.DRAGGABLE_ID]:o}),[T,o]);return(0,d.jsx)(Ct.Provider,{value:L,children:(0,d.jsx)(CE.JY,{onBeforeDragStart:c,onDragEnd:C,onDragStart:h,onDragUpdate:D,children:(0,d.jsx)(CE.gL,{ignoreContainerClipping:!0,droppableId:Wt(e),children:m})})})}),OE=(0,r.memo)(({fieldKey:e,setFieldKey:s})=>{const{isSubmitting:t}=(0,S.j7)(),E=(0,r.useContext)(Se),i=(0,r.useCallback)(()=>{E[s](!E[e])},[e,s,E]);return(0,d.jsx)(rE.A,{type:"button",variant:"inline",onClick:i,disabled:t,children:(0,d.jsx)(v.sA,{id:E[e]?"COMMON_ACTION_DONE":"COMMON_REORDER"})})}),mE=(0,X.A)(q.A)`
  flex-direction: column;
  height: 100%;
`,LE=(0,X.A)(q.A)`
  flex-direction: column;
  gap: ${L.Ln};
`,uE=(0,r.memo)(()=>{const e=(0,n.wA)(),{themeName:s}=(0,tt.u)(),{values:t}=(0,S.j7)(),i=Boolean(t[E.LEFT_PANEL_CUSTOMIZATION_ITEMS].length),a=Boolean(t[E.RIGHT_PANEL_CUSTOMIZATION_ITEMS].length),A=(0,n.d4)(C.WQ),[_,T]=(0,r.useState)(A[lE.X4.LEFT_CARD_OPEN]),o=(0,r.useCallback)(s=>(s=>(e((0,cE.TW)({[lE.X4.LEFT_CARD_OPEN]:s})),s))(!s),[e]),I=(0,r.useCallback)(()=>{T(o)},[o]),N=(0,r.useMemo)(()=>[...i?[(0,d.jsx)(r.Fragment,{children:(0,d.jsx)(mE,{children:(0,d.jsx)(DE,{fieldKey:E.LEFT_PANEL_CUSTOMIZATION_ITEMS,reorderFieldKey:de.LEFT_PANEL_REORDER_MODE,disableDragging:!0})})},s)]:[]],[s,i]),[l,c]=(0,r.useState)(A[lE.X4.RIGHT_CARD_OPEN]),h=(0,r.useCallback)(s=>(s=>(e((0,cE.TW)({[lE.X4.RIGHT_CARD_OPEN]:s})),s))(!s),[e]),D=(0,r.useCallback)(()=>{c(h)},[h]),O=(0,r.useMemo)(()=>[...a?[(0,d.jsxs)(r.Fragment,{children:[(0,d.jsx)(mE,{children:(0,d.jsx)(DE,{fieldKey:E.RIGHT_PANEL_CUSTOMIZATION_ITEMS,reorderFieldKey:de.RIGHT_PANEL_REORDER_MODE})}),(0,d.jsx)(OE,{fieldKey:de.RIGHT_PANEL_REORDER_MODE,setFieldKey:de.SET_RIGHT_PANEL_REORDER_MODE})]},s)]:[]],[s,a]);return(0,d.jsxs)(LE,{children:[i?(0,d.jsx)(NE.A,{isOpen:_,onHeaderClick:I,header:a?(0,d.jsx)(v.sA,{id:"DASHBOARD_LEFT_PANEL"}):null,sections:N}):null,a?(0,d.jsx)(NE.A,{isOpen:l,onHeaderClick:D,header:i?(0,d.jsx)(v.sA,{id:"COMMON_MAIN"}):null,sections:O}):null]})}),xE=(0,r.memo)(()=>{const{submitForm:e,dirty:s,isValid:t,isSubmitting:E}=(0,S.j7)();return(0,r.useEffect)(()=>{!E&&s&&t&&e()},[E,e,s,t]),null}),gE=(0,X.A)(q.A)`
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
`,RE=(0,r.memo)(({dashboardSettingsWidgets:e})=>{const{resetForm:s}=(0,S.j7)();return(0,r.useEffect)(s,[e,s]),(0,d.jsxs)(gE,{children:[(0,d.jsx)(xE,{}),(0,d.jsx)(uE,{}),(0,d.jsx)(IE,{})]})}),ME=(0,r.memo)(({activeItem:{key:e,_id:s,site_id:t,layout_preference:O,widgets:m}})=>{const L=(0,n.wA)(),[u,x]=(0,r.useState)(!1),[g,R]=(0,r.useState)(!1),M=(0,n.d4)(o.p),P=(0,n.d4)(C.ay),j=(0,n.d4)(I.V),b=(0,n.d4)(h.C_),p=(0,r.useMemo)(()=>({[de.THEME]:P,[de.IMAGE_PATH]:M,[de.DASHBOARD_SETTINGS]:{key:e,_id:s,site_id:t,layout_preference:O,widgets:m},[de.DASHBOARD_QUERY_PARAMS]:{...j},[de.LEFT_PANEL_REORDER_MODE]:u,[de.SET_LEFT_PANEL_REORDER_MODE]:x,[de.RIGHT_PANEL_REORDER_MODE]:g,[de.SET_RIGHT_PANEL_REORDER_MODE]:R}),[P,M,e,s,t,O,m,j,u,g]),V=(0,r.useMemo)(()=>{switch(O){case l.b5.AUTO:return b.map(e=>({name:e,enabled:!0}));case l.b5.MANUAL:return m;default:return[]}},[O,b,m]),f=(0,r.useMemo)(()=>{const e={[E.STATUS_WIDGETS]:{[N.x.MOST_ACTIVE]:{[i.ENABLED]:!1,[i.ADJUSTED]:!1},[N.x.MOST_COMMON_CLIENT_FINGERPRINTS]:{[i.ENABLED]:!1,[i.ADJUSTED]:!1},[N.x.ACTIVE_CHANNELS]:{[i.ENABLED]:!1,[i.ADJUSTED]:!1},[N.x.BAND_SELECTOR]:{[i.ENABLED]:!1,[i.ADJUSTED]:!1},[N.x.CHARTS]:{[i.ENABLED]:!1,[i.ADJUSTED]:!1}},[E.MOST_ACTIVE_CHECKS]:{[A.ACCESS_POINTS]:{[i.ENABLED]:!1,[i.ADJUSTED]:!1},[A.CLIENTS]:{[i.ENABLED]:!1,[i.ADJUSTED]:!1},[A.APPLICATIONS]:{[i.ENABLED]:!1,[i.ADJUSTED]:!1}},[E.BAND_SELECTOR_CHECKS]:{[_.RADIO_OVERVIEW]:{[i.ENABLED]:!1,[i.ADJUSTED]:!1},[_.DEPLOYMENT_DENSITY]:{[i.ENABLED]:!1,[i.ADJUSTED]:!1}},[E.RADIO_OVERVIEW_LEFT_VALUE]:{[a.ID]:T.RADIO_TX_RETRIES,[a.ADJUSTED]:!1},[E.RADIO_OVERVIEW_RIGHT_VALUE]:{[a.ID]:T.WIFI_CONNECTIVITY,[a.ADJUSTED]:!1},[E.LEFT_PANEL_CUSTOMIZATION_ITEMS]:$t.map(nE),[E.RIGHT_PANEL_CUSTOMIZATION_ITEMS]:wt.map(nE)},s=V.length;for(let t=0;t<s;t+=1)dE({dashboardCustomizationFormValues:e,dashboardSettingsWidget:V[t],dashboardSettingsLayoutPreference:O});var t;return(t=e)[E.STATUS_WIDGETS][N.x.MOST_ACTIVE][i.ENABLED]||(t[E.MOST_ACTIVE_CHECKS]={[A.ACCESS_POINTS]:{[i.ADJUSTED]:!0,[i.ENABLED]:!0},[A.CLIENTS]:{[i.ADJUSTED]:!0,[i.ENABLED]:!0},[A.APPLICATIONS]:{[i.ADJUSTED]:!0,[i.ENABLED]:!0}}),t[E.STATUS_WIDGETS][N.x.BAND_SELECTOR][i.ENABLED]||(t[E.BAND_SELECTOR_CHECKS]={[_.RADIO_OVERVIEW]:{[i.ADJUSTED]:!0,[i.ENABLED]:!0},[_.DEPLOYMENT_DENSITY]:{[i.ADJUSTED]:!0,[i.ENABLED]:!0}}),e},[V,O]),$=(0,r.useCallback)(()=>{L((0,D.C)(j))},[L,j]),w=(0,r.useCallback)(({setSubmitting:e})=>()=>{e(!1)},[]),U=(0,r.useCallback)((i,a)=>{a.setSubmitting(!0);const A=((e,s)=>[..._E([s[E.LEFT_PANEL_CUSTOMIZATION_ITEMS],[]],e.filter(({name:e})=>zt.includes(e)),s),..._E([s[E.RIGHT_PANEL_CUSTOMIZATION_ITEMS],[Qt,eE,sE,tE,EE]],e.filter(({name:e})=>qt.includes(e)),s)])(V,i);L((0,c.Ji)({key:e,_id:s,site_id:t,layout_preference:A.length?l.b5.MANUAL:l.b5.AUTO,widgets:A})).then($).catch(w(a))},[L,$,w,e,s,t,V]);return(0,d.jsx)(Se.Provider,{value:p,children:(0,d.jsx)(S.l1,{initialValues:f,onSubmit:U,enableReinitialize:!0,validationSchema:Xt,children:(0,d.jsx)(RE,{dashboardSettingsWidgets:V})})})})},16944(e,s,t){t.d(s,{A:()=>S});var E=t(274934),i=t(602086),a=t(977872),A=t(890932),_=t(726831);const T={};var d=t(247816),n=t(291508);const r=(0,d.A)("img",(0,n.A)("dimension"))`
  ${({dimension:e=22})=>`\n    height: ${e}px;\n    width: ${e}px;\n  `}
`,S=(0,i.memo)(({iconFileName:e,dimension:s,style:t={}})=>{const i=(0,a.d4)(A.p);return(0,E.jsx)(r,{src:T[e]||encodeURI(`${_.A.dpiPath}${e}`),dimension:s,onLoad:({target:s})=>{T[e]=s.src},onError:({currentTarget:e})=>{e.src=`${i}/dpiFallback.svg`},style:t})})},696049(e,s,t){t.d(s,{H:()=>E});const E=""},237887(e,s,t){t.d(s,{A:()=>S});var E=t(274934),i=t(602086),a=t(977872),A=t(693371),_=t(767822),T=t(820633),d=t(308111);const n=e=>(0,E.jsx)(A.A,{renderOption:_.q,...e}),r=e=>(0,E.jsx)(n,{...e});r.Sorted=e=>{const s=(0,a.d4)(T.zi),t=(0,i.useMemo)(()=>(0,d.k)(s),[s]);return(0,E.jsx)(n,{...e,sortBy:t})};const S=r},308111(e,s,t){t.d(s,{R:()=>r,k:()=>S});var E=t(696049),i=t(350068),a=t(177173),A=t(752104),_=t(64222),T=t(332530);const d=[...new Set([E.H,A.Q.join(A.A),a.Zt,_.F,i.nc,T.Vr])],n={numeric:!0,sensitivity:"base"},r=(e,s)=>{const t=[];for(let E=e;E<=s;E+=1)t.push({value:E,label:String(E)});return t},S=e=>({value:s,label:t},{value:E,label:i})=>d.includes(s?.toString())||d.includes(E?.toString())?1/0:t?.toString().localeCompare(i?.toString(),e,n)??-1}}]);