!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"708a75c92819a91d9965e190e4acf4e55b2c19a3"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="d467acaf-3d83-4b65-95c1-c2984ae9e548",e._sentryDebugIdIdentifier="sentry-dbid-d467acaf-3d83-4b65-95c1-c2984ae9e548")}catch(e){}}(),(self.webpackChunkcloud_frontend=self.webpackChunkcloud_frontend||[]).push([[9163],{29163(e,t,n){n.r(t),n.d(t,{default:()=>Se});n(98992),n(54520),n(3949);var l=n(64467),o=n(96540),a=n(42358),s=n(79748),r=n(98563),i=(n(89463),n(74848));const c=e=>{let{title:t,description:n}=e;return(0,i.jsxs)(a.Flex,{column:!0,gap:1,padding:[2],children:[(0,i.jsx)(a.TextBig,{children:t}),(0,i.jsx)(a.Text,{color:"textLite",children:n})]})};var d=n(80045);const u=["children"];function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){(0,l.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const h=e=>{let{children:t}=e,n=(0,d.A)(e,u);return(0,i.jsx)(a.Flex,b(b({column:!0,gap:3,width:"100%",padding:[0,2],overflow:{vertical:"auto"}},n),{},{children:t}))};n(81454),n(62953);var g=n(63950),m=n.n(g),f=n(45087),j=n(37437),x=n(74891);const O=["scope","setScope","isDisabled"];function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){(0,l.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const A=(0,x.A)(a.Flex),y=e=>{let{scope:t,setScope:n=m(),isDisabled:l}=e,o=(0,d.A)(e,O);return(0,i.jsx)(A,C(C({gap:3},o),{},{children:Object.entries(j.Wu).map((e=>{let[o,{text:s,tooltip:r}]=e;return(0,i.jsx)(a.RadioButton,{checked:o===t,onChange:()=>n(o),disabled:l,tooltip:"Test",children:(0,i.jsx)(f.A,{content:r,align:"bottom",children:(0,i.jsx)(a.Text,{color:"textDescription",children:s})})},o)}))}))};n(9391),n(72577),n(8872);var S=n(41344),R=n(89942),I=n(46587),L=n(99728),P=n(24609),w=n(10602),D=n(49635),k=n(81391),E=n(30811),N=n(92068),H=n(52035),M=n(34843),T=n(18790),F=n(25316),_=n(1705);const B=(0,T.I)((e=>(0,H.eU)((()=>(0,_.z5)(e)))));var U=n(19075),V=n(41258),z=n(76571),J=n(11409),W=n(89544),G=n(6304),K=n(63872);const Y=["id","name"],Z=["rooms","nodes","hostLabels","startsAt","lastsUntil"],$=["scope","rooms","nodes","hostLabels","startsAt","lastsUntil","rrule","rruleText","canSubmit"];function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function Q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){(0,l.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const X={name:"",rooms:[],nodes:[],hostLabels:null,alertNames:[],alertContexts:[],alertRoles:[],integrationIds:[],startsAt:null,lastsUntil:null,rrule:null,rruleState:{}},ee=e=>{let{id:t,name:n}=e;return Q({label:n,value:t},(0,d.A)(e,Y))},te=e=>({label:e,value:e}),ne=e=>{let{value:t}=e;return t},le=[{label:"CRITICAL",value:"CRITICAL"},{label:"WARNING",value:"WARNING"},{label:"CLEAR",value:"CLEAR"}],oe=e=>{var t;let{rule:n,onClose:l,isEdit:a}=e;const s=(0,I.NJ)(),r=(0,L.JT)("space:CreateSystemSilencingRule"),i=(0,L.JT)("space:CreatePersonalSilencingRule"),c=(0,S.Zp)(),u=(0,P.bq)(),[p,b]=(0,G.A)(),h=(0,k.A)({all:!0}),g=null===(t=h.find((e=>{let{label:t}=e;return"All nodes"===t})))||void 0===t?void 0:t.value,{loaded:m,value:f,hasError:x}=(()=>{var e;const t=(0,P.vt)(),n=(0,M.md)((0,F.A)(B(t)));return{loaded:"loading"!==n.state,value:(null===(e=n.data)||void 0===e?void 0:e.data)||_.rx,hasError:"hasError"===n.state}})(),O=(0,N._B)(),v=(0,N.FU)(),C=a?v:O,A=(0,E.l)(),y=(0,N.Lz)(),[,,H]=(0,K.A)(),[T,Y]=(0,o.useState)({alertNameOptions:[],alertContextOptions:[],alertRoleOptions:[]}),{alertNameOptions:q,alertContextOptions:oe,alertRoleOptions:ae}=T,se=(0,P.vt)();(0,V.A)(se,"modal");const[re,ie]=(0,o.useState)([]),{loaded:ce,loading:de,channels:ue,error:pe}=(0,z.t5)(se);(0,o.useEffect)((()=>{if(!de&&ce&&!pe){const e=ue.reduce(((e,t)=>{let{enabled:n,name:l,integration:o}=t;return[...e,...n?[{value:o.id,label:"".concat(l||""," (").concat(o.title,")")}]:[]]}),[]);ie(e)}}),[de,ce,ue,pe,ie]);const be=(0,o.useCallback)((()=>Q(Q({},X),((e,t)=>{var n;let{rooms:l,nodes:o,hostLabels:a,startsAt:s,lastsUntil:r}=e,i=(0,d.A)(e,Z);return Q(Q(Q(Q(Q({},i),{},{scope:t?i.accountId?"personal":j._V:"personal",canSubmit:!(null===i||void 0===i||null===(n=i.name)||void 0===n||!n.length),rooms:null!==l&&void 0!==l&&l.length?l.map(ee):[D.PT]},null!==o&&void 0!==o&&o.length?{nodes:o.map(ee).filter((e=>{let{notAvailable:t}=e;return!t}))}:{}),a?{hostLabels:a}:{}),s?{startsAt:s}:{}),r?{lastsUntil:r}:{})})(n,r))),[n,r]),[he,ge]=(0,o.useState)(be),[me,fe]=(0,o.useState)([]),{loaded:je,value:xe}=(0,U.I8)({alertNames:he.alertNames,contexts:he.alertContexts,allowEmptyName:!0});(0,o.useEffect)((()=>{const e=(xe||[]).filter((e=>!((he.alertNames||[]).length&&!he.alertNames.includes(e.name))&&(!((he.alertContexts||[]).length&&!he.alertContexts.includes(e.context))&&!((he.nodeIds||[]).length&&!he.nodeIds.includes(e.nodeId))))).map((e=>{let{instance:t,instanceName:n}=e;return{value:t,label:n}}));fe(e)}),[je,xe,he.alertNames,he.alertContexts,he.nodeIds]);const Oe=(0,w.vv)(he.roomIds||[g]),ve=(0,o.useCallback)((e=>ge((t=>Q(Q({},t),{},{scope:e})))),[ge]),Ce=(0,o.useCallback)((e=>ge((t=>Q(Q({},t),{},{name:e,canSubmit:!(null===e||void 0===e||!e.length)})))),[ge]),Ae=(0,o.useCallback)((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const n=(e=>e.length<=1?e:e[e.length-1].value===j.jH.value?[j.jH]:e.filter((e=>{let{value:t}=e;return!!t})))(e),l=n.map((e=>{let{value:t}=e;return t||g})),o=t.length<n.length?n.filter((e=>{let{value:n}=e;return!t.includes(n)}))[0]:null;ge((e=>Q(Q({},e),{},{rooms:n,roomIds:l,lastRoomAdded:o||null})))}),[g,ge]),ye=(0,o.useCallback)((e=>ge((t=>Q(Q({},t),{},{nodeIds:e.map((e=>{let{value:t}=e;return t})),nodes:e})))),[ge]),Se=(0,o.useCallback)((e=>ge((t=>Q(Q({},t),{},{hostLabels:Q(Q({},t.hostLabels),e)})))),[ge]),Re=(0,o.useCallback)((e=>ge((t=>{const n=Q({},t.hostLabels);return delete n[e],Q(Q({},t),{},{hostLabels:n})}))),[ge]),Ie=(0,o.useCallback)((e=>t=>ge((n=>Q(Q({},n),{},{[e]:t.map((e=>{let{value:t}=e;return t}))})))),[ge]),Le=(0,o.useCallback)((e=>ge((t=>Q(Q({},t),{},{integrationIds:e.map((e=>{let{value:t}=e;return t}))})))),[ge]),Pe=(0,o.useCallback)((e=>{let{start:t,end:n}=e;ge((e=>Q(Q({},e),{},{startsAt:t,lastsUntil:n})))}),[ge]),we=(0,o.useCallback)((e=>{ge((t=>Q(Q({},t),{},{rrule:e})))}),[ge]),De=(0,o.useCallback)((()=>{b(),C(((e,t)=>{const{scope:n,rooms:l,nodes:o,hostLabels:a,startsAt:s,lastsUntil:r,rrule:i,rruleText:c,canSubmit:u}=e,p=(0,d.A)(e,$),b=l.filter((e=>{let{value:t}=e;return t!==j.jH.value})).map(ne),h=o.map(ne),g=!!Object.keys(a||{}).length;return Q(Q(Q(Q(Q(Q(Q({},p),"personal"===n?{account_id:t}:{}),b.length?{room_ids:b}:{}),h.length?{node_ids:h}:{}),g?{host_labels:a}:{}),{},{starts_at:new Date(s).toISOString()},r?{lasts_until:new Date(r).toISOString()}:{}),i?{rrule:"string"===typeof i?i:i.toString()}:{})})(he,s)).then((()=>{l(),y(),A()})).catch((e=>H((0,J.H)(e)))).finally(b)}),[he,s]),ke=(0,W.A)();(0,o.useEffect)((()=>{var e;const t=(null===(e=he.lastRoomAdded)||void 0===e?void 0:e.value)||g;let n=null;return t&&(n=ke(t)),()=>{var e;return!(null===(e=n)||void 0===e||!e.cancel)&&n.cancel()}}),[he.roomIds,ke]),(0,o.useEffect)((()=>{if(m){const{contexts:e,names:t,roles:n}=f||{};Y({alertNameOptions:t?t.map(te):[],alertContextOptions:e?e.map(te):[],alertRoleOptions:n?n.map(te):[]})}}),[m]),(0,o.useEffect)((()=>{const e=(0,R.PP)(),t=(()=>{const{silencingRulePrefill:e}=(0,R.PP)();if(!e)return{};let t={};try{t=JSON.parse(e)}catch(n){}return t})(),{alertName:n,nodeId:l,context:o,instance:a,roomId:s}=t;if(s){const e=h.filter((e=>{let{value:t}=e;return t===s}));e&&Ae(e)}if((n||o||a)&&ge((e=>Q(Q(Q(Q({},e),n?{alertNames:[n]}:{}),o?{alertContexts:[o]}:{}),a?{alertInstances:[a]}:{}))),l){const e=Oe.filter((e=>{let{value:t}=e;return t===l}));e&&ye(e)}(0,R.Z8)(Q(Q({},e),{},{silencingRulePrefill:""}))}),[ge,ye,h,Oe]);const Ee=(0,o.useCallback)((()=>c("/spaces/".concat(u,"/settings/billing"))),[u,c]);return{state:he,onScopeChange:ve,onRuleNameChange:Ce,onRoomsSelectionChange:Ae,roomOptions:h,onNodesSelectionChange:ye,nodesOptions:Oe,alertMetasLoaded:m,alertMetas:f,alertNameOptions:q,alertContextOptions:oe,alertInstancesEnabled:!0,alertInstancesOptions:me,alertRoleOptions:ae,alertStatusOptions:le,channelsOptions:re,alertMetasError:x,onAlertValueChange:Ie,onIntegrationsValueChange:Le,onAddHostLabel:Se,onRemoveHostLabel:Re,onDatesChange:Pe,onRRuleChange:we,loading:p,onSave:De,canCreateSystemRule:r,canCreatePersonalRule:i,onUpdateButtonClick:Ee}};var ae=n(77148),se=n(80320);n(33110);const re=e=>{let{selectedKey:t,selectedValue:n,onAddHostLabel:l=m(),onRemoveHostLabel:s=m(),isDefault:r=!1,showPlaceholder:c=m(),isDisabled:d}=e;const[u,p]=(0,o.useState)(t||""),[b,h]=(0,o.useState)(n||""),g=()=>{u&&b&&(l({[u]:b}),c())};return(0,i.jsxs)(a.Flex,{gap:2,children:[(0,i.jsx)(se.A,{component:"input",onChange:p,onBlur:g,placeholder:"Host key",value:u,disabled:d||!r}),(0,i.jsx)(se.A,{component:"input",onChange:h,onBlur:g,placeholder:"Host value",value:b,disabled:d||!r||!u}),r?(0,i.jsx)(f.A,{content:"Save label pair",align:"bottom",children:(0,i.jsx)(a.Button,{flavour:"borderless",disabled:!u||!b,children:(0,i.jsx)(a.Icon,{name:"check",color:"primary",size:"small"})})}):(0,i.jsx)(f.A,{content:"Remove label pair",align:"bottom",children:(0,i.jsx)(a.Button,{flavour:"borderless",onClick:()=>s(t),children:(0,i.jsx)(a.Icon,{name:"x",color:"primary",size:"small"})})})]})},ie=e=>{let{hostLabels:t,onAddHostLabel:n,onRemoveHostLabel:l}=e;return Object.entries(t).map((e=>{let[t,o]=e;return(0,i.jsx)(re,{onAddHostLabel:n,selectedKey:t,selectedValue:o,onRemoveHostLabel:l},t)}))},ce=e=>{let{hostLabels:t,onAddHostLabel:n=m(),onRemoveHostLabel:l=m(),isEdit:o,isDisabled:s}=e;const r=!!Object.entries(t||{}).length,[c,,d]=(0,G.A)(!1);return(0,i.jsxs)(a.Flex,{column:!0,children:[(0,i.jsx)(a.Text,{color:"textLite",children:"Host labels"}),r&&(0,i.jsx)(ie,{hostLabels:t,onAddHostLabel:n,onRemoveHostLabel:l}),(!r||c)&&(0,i.jsx)(re,{onAddHostLabel:n,isDefault:!0,showPlaceholder:d,isDisabled:s},JSON.stringify(t)),o&&!c&&r&&(0,i.jsx)(a.Flex,{justifyContent:"end",children:(0,i.jsx)(a.Button,{flavour:"borderless",onClick:d,children:"Add host label"})})]})},de=e=>{let{content:t="Loading alerts..."}=e;return(0,i.jsx)(a.Flex,{height:45,alignItems:"center",justifyContent:"center",children:(0,i.jsx)(a.Text,{children:t})})},ue=e=>null!==e&&void 0!==e&&e.length?e.map(te):[],pe=e=>{let{state:t,isEdit:n,alertMetasLoaded:l,canCreatePersonalRule:s,channelsOptions:r,roomOptions:c,nodesOptions:d,alertStatusOptions:u,alertNameOptions:p,alertContextOptions:b,alertInstancesOptions:h,alertRoleOptions:g,alertInstancesEnabled:m,onRuleNameChange:f,onRoomsSelectionChange:j,onNodesSelectionChange:x,onAddHostLabel:O,onRemoveHostLabel:v,onAlertValueChange:C,onIntegrationsValueChange:A}=e;const y=(0,o.useCallback)((()=>r.filter((e=>{let{value:n}=e;return t.integrationIds.includes(n)}))),[t.integrationIds,r]);return(0,i.jsxs)(a.Flex,{"data-testid":"silencing-rules-modal-criteria-container",column:!0,gap:3,children:[(0,i.jsx)(se.A,{component:"input",onChange:f,placeholder:"Add rule name",title:"Rule name*",value:t.name,disabled:!s}),(0,i.jsx)(se.A,{component:"select",isMulti:!0,onChange:e=>j(e,t.roomIds),options:c,placeholder:"Select rooms",title:"Rooms*",value:t.rooms,isDisabled:!s}),(0,i.jsx)(se.A,{component:"select",isMulti:!0,onChange:x,options:d,placeholder:"Select nodes",title:"Nodes",value:t.nodes,isDisabled:!s||!d.length}),(0,i.jsx)(ce,{hostLabels:t.hostLabels,onAddHostLabel:O,onRemoveHostLabel:v,isEdit:n,isDisabled:!s}),l?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(ae.A,{}),(0,i.jsx)(se.A,{component:"select",isMulti:!0,onChange:C("alertNames"),options:p,placeholder:"Select alert name",title:"Alert name",value:ue(t.alertNames),isDisabled:!s}),(0,i.jsx)(se.A,{component:"select",isMulti:!0,onChange:C("alertContexts"),options:b,placeholder:"Select alert context",title:"Alert context",value:ue(t.alertContexts),isDisabled:!s}),(0,i.jsx)(se.A,{component:"select",isMulti:!0,onChange:C("alertInstances"),options:h,placeholder:"Select alert instance",title:"Alert instance",value:ue(t.alertInstances),isDisabled:!s||!m}),(0,i.jsx)(se.A,{component:"select",isMulti:!0,onChange:C("severities"),options:u,placeholder:"Select alert status",title:"Alert status",value:ue(t.severities),isDisabled:!s}),(0,i.jsx)(se.A,{component:"select",isMulti:!0,onChange:C("alertRoles"),options:g,placeholder:"Select alert role",title:"Alert role",value:ue(t.alertRoles),isDisabled:!s}),(0,i.jsx)(se.A,{component:"select",isMulti:!0,onChange:A,options:r,placeholder:"Select notification methods",title:"Notification Methods",value:y(),isDisabled:!s})]}):(0,i.jsx)(de,{})]})};var be=n(82821),he=n(12678),ge=n(62927),me=n(36710);const fe=()=>{const e=(0,P.vt)();return(0,o.useCallback)((t=>(0,me.O$)(e,t)),[e])};var je=n(94404),xe=n(60908);function Oe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Oe(Object(n),!0).forEach((function(t){(0,l.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Oe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const Ce=(0,x.A)((0,je.A)(a.Button)),Ae="90vh",ye="calc(".concat(Ae," - 190px)"),Se=e=>{let{rule:t={},onClose:n,isEdit:l}=e;const{state:d,onScopeChange:u,onRuleNameChange:p,onRoomsSelectionChange:b,roomOptions:g,onNodesSelectionChange:m,nodesOptions:f,alertMetasLoaded:j,alertNameOptions:x,alertContextOptions:O,alertInstancesEnabled:v,alertInstancesOptions:C,alertRoleOptions:A,alertStatusOptions:S,channelsOptions:R,onAlertValueChange:I,onIntegrationsValueChange:L,onAddHostLabel:P,onRemoveHostLabel:w,onDatesChange:D,onRRuleChange:k,loading:E,onSave:N,canCreateSystemRule:H,canCreatePersonalRule:M,onUpdateButtonClick:T}=oe({rule:t,onClose:n,isEdit:l}),F=fe(),_=(0,o.useMemo)((()=>"".concat(l?"Edit":"Add"," silencing rule")),[l]);return(0,i.jsx)(a.Modal,{onEsc:n,backdropProps:{backdropBlur:!0},children:(0,i.jsx)(xe.Ay,{feature:"silencingRuleModal",children:(0,i.jsxs)(r.$m,{width:{base:"90vw",max:"1600px"},height:Ae,children:[(0,i.jsxs)(a.ModalHeader,{column:!0,gap:1,children:[(0,i.jsxs)(a.Flex,{alignItems:"center",justifyContent:"between",children:[(0,i.jsx)(a.TextBig,{children:_}),n&&(0,i.jsx)(r.Oj,{onClose:n})]}),(0,i.jsxs)(a.Text,{lineHeight:1.5,children:["Define an alert notification silencing rule that will apply to all users or just you."," ",(0,i.jsx)(s.A,{"data-ga":"alert-silencing::click-link-docs::rule-modal","data-testid":"silencing-rules-doc",href:"https://learn.netdata.cloud/docs/alerts-&-notifications/notifications/centralized-cloud-notifications/manage-alert-notification-silencing-rules",rel:"noopener noreferrer",target:"_blank",children:"Learn how to configure silencing rules."})]}),!M&&(0,i.jsx)(ge.A,{})]}),(0,i.jsxs)(a.ModalBody,{"data-testid":"silencing-rules-modal-content",column:!1,height:"100%",padding:[0],children:[(0,i.jsx)(a.Flex,{width:"500px",column:!0,border:{side:"right",color:"border"},children:(0,i.jsxs)(a.Flex,{"data-testid":"silencing-rules-criteria-section",column:!0,gap:3,padding:[2],children:[(0,i.jsx)(c,{title:"Scope",description:"Alert targeting"}),(0,i.jsxs)(h,{height:ye,children:[(0,i.jsx)(y,ve({scope:d.scope,setScope:u,isDisabled:!M||!H},H?{}:{tooltip:"You don't have permissions to create rules for other users",tooltipProps:{align:"bottom"}})),(0,i.jsx)(pe,{state:d,isEdit:l,alertMetasLoaded:j,canCreatePersonalRule:M,channelsOptions:R,roomOptions:g,nodesOptions:f,alertStatusOptions:S,alertNameOptions:x,alertContextOptions:O,alertInstancesOptions:C,alertRoleOptions:A,alertInstancesEnabled:v,onRuleNameChange:p,onRoomsSelectionChange:b,onNodesSelectionChange:m,onAddHostLabel:P,onRemoveHostLabel:w,onAlertValueChange:I,onIntegrationsValueChange:L})]})]})}),(0,i.jsx)(a.Flex,{column:!0,flex:"grow",children:(0,i.jsxs)(a.Flex,{"data-testid":"silencing-rules-scheduling-section",column:!0,gap:2,padding:[2],flex:"grow",children:[(0,i.jsx)(c,{title:"Schedule",description:"Timing & recurrence"}),(0,i.jsx)(h,{height:ye,children:(0,i.jsx)(be.A,{withDuration:!0,isEdit:l,rrule:d.rrule,startDate:d.startsAt,endDate:d.lastsUntil,evaluationFn:F,onDatesChange:D,onRuleChange:k,containerProps:{width:"100%"},dateInputProps:{startDateLabel:"Start silence",endDateLabel:"End silence"}})})]})})]}),(0,i.jsxs)(a.ModalFooter,{alignItems:"center",justifyContent:"between",containerProps:{flex:0},children:[(0,i.jsx)(he.A,{}),(0,i.jsxs)(a.Flex,{gap:2,alignItems:"center",children:[(0,i.jsx)(a.Button,{flavour:"hollow",label:"Cancel",onClick:n,disabled:E}),M?(0,i.jsx)(Ce,{label:"Save",onClick:N,"data-ga":"alert-silencing::click-save-".concat(l?"edit":"new","-rule::rule-modal"),"data-testid":"saveRule-button",isLoading:E,disabled:E||!d.canSubmit,tooltip:l?"Update the rule":"Create the rule",tooltipProps:{align:"bottom"},payload:{description:"Modal - ".concat(l?"Edit":"Create"," silencing rule")}}):(0,i.jsx)(Ce,{label:"Upgrade!",onClick:T,tooltip:"Update to a paid plan in order to be able to create silencing rules",tooltipProps:{align:"bottom"}})]})]})]})})})}}}]);