1#@!#!123s

: / usr / share / grafana / public / build /
Filename : NewNotificationChannel.2ec90172393c7edcb1da.js
back
"use strict";(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[476],{29478:($,N,t)=>{t.r(N),t.d(N,{default:()=>o});var l=t(27702),e=t(27173),E=t(34667),P=t(23839),C=t(44644),O=t(86809),s=t(70907),c=t(53596),d=t(64216),f=t(30433);class R extends l.PureComponent{constructor(){super(...arguments),this.onSubmit=M=>{this.props.createNotificationChannel((0,f.YV)({...f.Pg,...M}))},this.onTestChannel=M=>{this.props.testNotificationChannel((0,f.dv)({...f.Pg,...M}))}}componentDidMount(){this.props.loadNotificationTypes()}render(){const{navModel:M,notificationChannelTypes:A}=this.props;return l.createElement(C.T,{navModel:M},l.createElement(C.T.Contents,null,l.createElement("h2",{className:"page-sub-heading"},"New notification channel"),l.createElement(P.l,{onSubmit:this.onSubmit,validateOn:"onChange",defaultValues:f.Pg,maxWidth:600},({register:K,errors:b,control:L,getValues:W,watch:U})=>{const x=A.find(r=>r.value===W().type.value);return l.createElement(s.w,{selectableChannels:(0,f.t7)(A,!0),selectedChannel:x,onTestChannel:this.onTestChannel,register:K,errors:b,getValues:W,control:L,watch:U,imageRendererAvailable:E.config.rendererAvailable,resetSecureField:this.props.resetSecureField,secureFields:{}})})))}}const T=h=>({navModel:(0,O.ht)(h.navIndex,"channels"),notificationChannelTypes:h.notificationChannel.notificationChannelTypes}),u={createNotificationChannel:c.C2,loadNotificationTypes:c.fA,testNotificationChannel:c.c1,resetSecureField:d.J0},o=(0,e.connect)(T,u)(R)},70907:($,N,t)=>{t.d(N,{w:()=>U});var l=t(42844),e=t(27702),E=t(66310),P=t(62108),C=t(64022),O=t(66670),s=t(12308),c=t(22209),d=t(1128),f=t(16310),R=t(28580),T=t(83967),u=t(60105);const m=({control:r,option:n,register:a,invalid:g})=>{const p=n.secure?`secureSettings.${n.propertyName}`:`settings.${n.propertyName}`;switch(n.element){case"input":return e.createElement(d.I,{...a(`${p}`,{required:n.required?"Required":!1,validate:v=>n.validationRule!==""?o(v,n.validationRule):!0}),invalid:g,type:n.inputType,placeholder:n.placeholder});case"select":return e.createElement(f.g,{control:r,name:`${p}`,render:({field:{ref:v,...y}})=>e.createElement(R.Ph,{...y,options:n.selectOptions??void 0,invalid:g})});case"textarea":return e.createElement(u.K,{invalid:g,...a(`${p}`,{required:n.required?"Required":!1,validate:v=>n.validationRule!==""?o(v,n.validationRule):!0})});default:return console.error("Element not supported",n.element),null}},o=(r,n)=>RegExp(n).test(r)?!0:"Invalid format",h=({control:r,currentFormValues:n,errors:a,selectedChannelOptions:g,register:p,onResetSecureField:v,secureFields:y})=>e.createElement(e.Fragment,null,g.map((i,D)=>{const I=`${i.label}-${D}`,B=n[`settings.${i.showWhen.field}`]&&n[`settings.${i.showWhen.field}`].value;return i.showWhen.field&&B!==i.showWhen.is?null:i.element==="checkbox"?e.createElement(c.g,{key:I},e.createElement(T.X,{...p(i.secure?`secureSettings.${i.propertyName}`:`settings.${i.propertyName}`),label:i.label,description:i.description})):e.createElement(c.g,{key:I,label:i.label,description:i.description,invalid:a.settings&&!!a.settings[i.propertyName],error:a.settings&&a.settings[i.propertyName]?.message},y&&y[i.propertyName]?e.createElement(d.I,{readOnly:!0,value:"Configured",suffix:e.createElement(O.zx,{onClick:()=>v(i.propertyName),fill:"text",type:"button",size:"sm"},"Clear")}):e.createElement(m,{option:i,register:p,control:r}))})),M=({control:r,currentFormValues:n,errors:a,secureFields:g,selectedChannel:p,channels:v,register:y,resetSecureField:i})=>e.createElement(e.Fragment,null,e.createElement(c.g,{label:"Name",invalid:!!a.name,error:a.name&&a.name.message},e.createElement(d.I,{...y("name",{required:"Name is required"})})),e.createElement(c.g,{label:"Type"},e.createElement(f.g,{name:"type",render:({field:{ref:D,...I}})=>e.createElement(R.Ph,{...I,options:v}),control:r,rules:{required:!0}})),e.createElement(h,{selectedChannelOptions:p.options.filter(D=>D.required),currentFormValues:n,secureFields:g,onResetSecureField:i,register:y,errors:a,control:r}));var A=t(62499),K=t(63439);const b=({control:r,currentFormValues:n,errors:a,selectedChannel:g,secureFields:p,register:v,resetSecureField:y})=>e.createElement(A.s,{label:`Optional ${g.heading}`,isOpen:!1},g.info!==""&&e.createElement(K.b,{severity:"info",title:g.info??""}),e.createElement(h,{selectedChannelOptions:g.options.filter(i=>!i.required),currentFormValues:n,register:v,errors:a,control:r,onResetSecureField:y,secureFields:p}));var L=t(86064);const W=({currentFormValues:r,imageRendererAvailable:n,register:a})=>e.createElement(A.s,{label:"Notification settings",isOpen:!1},e.createElement(c.g,null,e.createElement(T.X,{...a("isDefault"),label:"Default",description:"Use this notification for all alerts"})),e.createElement(c.g,null,e.createElement(T.X,{...a("settings.uploadImage"),label:"Include image",description:"Captures an image and include it in the notification"})),r.uploadImage&&!n&&e.createElement(L.v,{title:"No image renderer available/installed"},"Grafana cannot find an image renderer to capture an image for the notification. Please make sure the Grafana Image Renderer plugin is installed. Please contact your Grafana administrator to install the plugin."),e.createElement(c.g,null,e.createElement(T.X,{...a("disableResolveMessage"),label:"Disable Resolve Message",description:"Disable the resolve message [OK] that is sent when alerting state returns to false"})),e.createElement(c.g,null,e.createElement(T.X,{...a("sendReminder"),label:"Send reminders",description:"Send additional notifications for triggered alerts"})),r.sendReminder&&e.createElement(e.Fragment,null,e.createElement(c.g,{label:"Send reminder every",description:`Specify how often reminders should be sent, e.g. every 30s, 1m, 10m, 30m', or 1h etc.
            Alert reminders are sent after rules are evaluated. A reminder can never be sent more frequently
            than a configured alert rule evaluation interval.`},e.createElement(d.I,{...a("frequency"),width:8})))),U=({control:r,errors:n,selectedChannel:a,selectableChannels:g,register:p,watch:v,getValues:y,imageRendererAvailable:i,onTestChannel:D,resetSecureField:I,secureFields:B})=>{const S=(0,E.wW)(x);(0,e.useEffect)(()=>{const z=new Set(a?.options.filter(X=>X.showWhen.field).map(X=>`settings.${X.showWhen.field}`))||[];v(["type","sendReminder","uploadImage",...z])},[a?.options,v]);const F=y();return a?e.createElement("div",{className:S.formContainer},e.createElement("div",{className:S.formItem},e.createElement(M,{selectedChannel:a,channels:g,secureFields:B,resetSecureField:I,currentFormValues:F,register:p,errors:n,control:r})),a.options.filter(z=>!z.required).length>0&&e.createElement("div",{className:S.formItem},e.createElement(b,{selectedChannel:a,secureFields:B,resetSecureField:I,currentFormValues:F,register:p,errors:n,control:r})),e.createElement("div",{className:S.formItem},e.createElement(W,{imageRendererAvailable:i,currentFormValues:F,register:p,errors:n,control:r})),e.createElement("div",{className:S.formButtons},e.createElement(C.Lh,null,e.createElement(O.zx,{type:"submit"},"Save"),e.createElement(O.zx,{type:"button",variant:"secondary",onClick:()=>D(y())},"Test"),e.createElement("a",{href:`${s.default.appSubUrl}/alerting/notifications`},e.createElement(O.zx,{type:"button",variant:"secondary"},"Back"))))):e.createElement(P.$,null)},x=r=>({formContainer:(0,l.css)``,formItem:(0,l.css)`
      flex-grow: 1;
      padding-top: ${r.spacing(2)};
    `,formButtons:(0,l.css)`
      padding-top: ${r.spacing(4)};
    `})},53596:($,N,t)=>{t.d(N,{Au:()=>O,C2:()=>c,c1:()=>f,en:()=>s,fA:()=>R,fg:()=>d,tk:()=>T});var l=t(73289),e=t(26129),E=t(33877),P=t(73807),C=t(64216);function O(u){return async m=>{m((0,C.gz)());const o=await(0,l.i)().get("/api/alerts",u);m((0,C.Oc)(o))}}function s(u,m){return async o=>{await(0,l.i)().post(`/api/alerts/${u}/pause`,m);const h=e.E1.getSearchObject().state||"all";o(O({state:h.toString()}))}}function c(u){return async m=>{try{await(0,l.i)().post("/api/alert-notifications",u),m((0,E.$l)((0,P.AT)("Notification created"))),e.E1.push("/alerting/notifications")}catch(o){(0,l.kW)(o)&&m((0,E.$l)((0,P.t_)(o.data.error)))}}}function d(u){return async m=>{try{await(0,l.i)().put(`/api/alert-notifications/${u.id}`,u),m((0,E.$l)((0,P.AT)("Notification updated")))}catch(o){(0,l.kW)(o)&&m((0,E.$l)((0,P.t_)(o.data.error)))}}}function f(u){return async(m,o)=>{const h=o().notificationChannel.notificationChannel;await(0,l.i)().post("/api/alert-notifications/test",{id:h.id,...u})}}function R(){return async u=>{const o=(await(0,l.i)().get("/api/alert-notifiers")).sort((h,M)=>h.name>M.name?1:-1);u((0,C.T2)(o))}}function T(u){return async m=>{await m(R());const o=await(0,l.i)().get(`/api/alert-notifications/${u}`);m((0,C.K)(o))}}},30433:($,N,t)=>{t.d(N,{Pg:()=>E,YV:()=>C,dv:()=>O,t7:()=>P});var l=t(82152),e=t(34667);const E={id:-1,name:"",type:{value:"email",label:"Email"},sendReminder:!1,disableResolveMessage:!1,frequency:"15m",settings:{uploadImage:e.config.rendererAvailable,autoResolve:!0,httpMethod:"POST",severity:"critical"},secureSettings:{},secureFields:{},isDefault:!1},P=(0,l.Z)((s,c)=>s.map(d=>c?{value:d.value,label:d.label,description:d.description}:{value:d.value,label:d.label})),C=s=>{const c=Object.fromEntries(Object.entries(s.settings).map(([d,f])=>[d,f&&f.hasOwnProperty("value")?f.value:f]));return{...E,...s,frequency:s.frequency===""?E.frequency:s.frequency,type:s.type.value,settings:{...E.settings,...c},secureSettings:{...s.secureSettings}}},O=s=>({name:s.name,type:s.type.value,frequency:s.frequency??E.frequency,settings:{...Object.assign(E.settings,s.settings)},secureSettings:{...s.secureSettings}})}}]);

//# sourceMappingURL=NewNotificationChannel.2ec90172393c7edcb1da.js.map