{"version":3,"file":"EditNotificationChannelLegacy.75122e6dbfb215d89d81.js","mappings":"kRAQO,MAAMA,EACX,CACEC,EACAC,EACAC,IAEDC,GAAkC,CACjC,MAAMC,KAAqB,WACzBJ,EACAC,CAEF,EAAEE,CAAS,EAELE,EAAoDC,GAAU,CAClE,MAAMC,KAAW,eAAY,EAC7B,sBAAU,IACD,UAAmB,CACxBA,KAAS,KAAc,CAAE,cAAAL,CAA6B,CAAC,CAAC,CAC1D,EACC,CAACK,CAAQ,CAAC,EAEN,gBAACH,EAAA,CAAoB,GAAGE,CAAA,CAAO,CACxC,EAEA,OAAAD,EAA8B,YAAc,sBAAsBD,EAAmB,eACrF,IAAqBC,EAA+BF,CAAS,EAGtDE,CACT,E,gDCNK,MAAMG,UAAoC,eAAqB,CAA/D,kCAKL,cAAYC,GAAqC,CAC/C,KAAM,CAAE,oBAAAC,CAAoB,EAAI,KAAK,MAErC,KAAK,MAAM,0BAA0B,CAMnC,MAAG,MAAoB,CACrB,GAAGA,EACH,GAAGD,EACH,SAAU,CAAE,GAAGC,EAAoB,SAAU,GAAGD,EAAS,QAAS,CACpE,CAAC,EACD,GAAIC,EAAoB,EAC1B,CAAC,CACH,EAEA,mBAAiBD,GAAqC,CACpD,KAAM,CAAE,oBAAAC,CAAoB,EAAI,KAAK,MAIrC,KAAK,MAAM,2BACT,MAAkB,CAChB,GAAGA,EACH,GAAGD,EACH,SAAU,CAAE,GAAGC,EAAoB,SAAU,GAAGD,EAAS,QAAS,CACpE,CAAC,CACH,CACF,EAlCA,mBAAoB,CAClB,KAAK,MAAM,wBAAwB,SAAS,KAAK,MAAM,MAAM,OAAO,GAAI,EAAE,CAAC,CAC7E,CAkCA,QAAS,CACP,KAAM,CAAE,oBAAAC,EAAqB,yBAAAC,CAAyB,EAAI,KAAK,MAE/D,OACE,gBAACC,EAAA,EAAI,CAAC,MAAM,YACV,gBAACA,EAAA,EAAK,SAAL,KACC,gBAAC,MAAG,UAAU,oBAAmB,2BAAyB,EACzDF,GAAuBA,EAAoB,GAAK,EAC/C,gBAACG,EAAA,GACC,SAAU,IACV,SAAU,KAAK,SACf,cAAe,CACb,GAAGH,EACH,KAAMC,EAAyB,KAAMG,GAAMA,EAAE,QAAUJ,EAAoB,IAAI,CACjF,GAEC,CAAC,CAAE,QAAAK,EAAS,OAAAC,EAAQ,UAAAC,EAAW,SAAAC,EAAU,MAAAC,CAAM,IAAM,CACpD,MAAMC,EAAkBT,EAAyB,KAAMU,GAAMA,EAAE,QAAUJ,EAAU,EAAE,KAAK,KAAK,EAE/F,OACE,gBAACK,EAAA,GACC,sBAAoB,MAA6BX,EAA0B,EAAI,EAC/E,gBAAAS,EACA,uBAAwBG,EAAA,EAAO,kBAC/B,cAAe,KAAK,cACpB,SAAAL,EACA,MAAAC,EACA,OAAAH,EACA,UAAAC,EACA,QAAAF,EACA,iBAAkB,KAAK,MAAM,iBAC7B,aAAcL,EAAoB,aACpC,CAEJ,CACF,EAEA,gBAAC,WAAI,+BAEH,gBAACc,EAAA,EAAO,IAAC,CACX,CAEJ,CACF,CAEJ,CACF,CAEA,MAAMxB,EAA0EyB,IACvE,CACL,oBAAqBA,EAAM,oBAAoB,oBAC/C,yBAA0BA,EAAM,oBAAoB,wBACtD,GAGIxB,EAAkE,CACtE,wBAAuB,KACvB,wBAAuB,IACvB,0BAAyB,KACzB,iBAAgB,IAClB,EAEA,EAAeF,EACbC,EACAC,EACCwB,GAAWA,EAAM,oBAAsB,IAC1C,EAAEjB,CAA2B,C,qLC1HtB,MAAMkB,EAAgB,CAAC,CAAE,QAAAX,EAAS,OAAAY,EAAQ,SAAAT,EAAU,QAAAU,CAAQ,IAAa,CAC9E,MAAMC,EAAaF,EAAO,OAAS,kBAAkBA,EAAO,eAAiB,YAAYA,EAAO,eAChG,OAAQA,EAAO,QAAS,CACtB,IAAK,QACH,OACE,gBAACG,EAAA,GACE,GAAGZ,EAAS,GAAGW,IAAc,CAC5B,SAAUF,EAAO,SAAW,WAAa,GACzC,SAAW,GAAOA,EAAO,iBAAmB,GAAKI,EAAe,EAAGJ,EAAO,cAAc,EAAI,EAC9F,CAAC,EACD,QAAAC,EACA,KAAMD,EAAO,UACb,YAAaA,EAAO,YACtB,EAGJ,IAAK,SACH,OACE,gBAAC,MACC,QAAAZ,EACA,KAAM,GAAGc,IACT,OAAQ,CAAC,CAAE,MAAO,CAAE,IAAAG,EAAK,GAAGC,CAAM,CAAE,IAClC,gBAACC,EAAA,GAAM,CAAE,GAAGD,EAAO,QAASN,EAAO,eAAiB,OAAW,QAAAC,CAAA,CAAkB,EAErF,EAGJ,IAAK,WACH,OACE,gBAACO,EAAA,GACC,QAAAP,EACC,GAAGV,EAAS,GAAGW,IAAc,CAC5B,SAAUF,EAAO,SAAW,WAAa,GACzC,SAAW,GAAOA,EAAO,iBAAmB,GAAKI,EAAe,EAAGJ,EAAO,cAAc,EAAI,EAC9F,CAAC,EACH,EAGJ,QACE,eAAQ,MAAM,wBAAyBA,EAAO,OAAO,EAC9C,IACX,CACF,EAEMI,EAAiB,CAACK,EAAeC,IAC9B,OAAOA,CAAc,EAAE,KAAKD,CAAK,EAAI,GAAO,iBCvCxCE,EAA6B,CAAC,CACzC,QAAAvB,EACA,kBAAAwB,EACA,OAAAvB,EACA,uBAAAwB,EACA,SAAAtB,EACA,mBAAAuB,EACA,aAAAC,CACF,IAEI,gCACGF,EAAuB,IAAI,CAACb,EAAmCgB,IAAkB,CAChF,MAAMC,EAAM,GAAGjB,EAAO,SAASgB,IAGzBE,EACJN,EAAkB,YAAYZ,EAAO,SAAS,OAAO,GACpDY,EAAkB,YAAYZ,EAAO,SAAS,OAAO,EAA8B,MAEtF,OAAIA,EAAO,SAAS,OAASkB,IAAwBlB,EAAO,SAAS,GAC5D,KAGLA,EAAO,UAAY,WAEnB,gBAACmB,EAAA,EAAK,CAAC,IAAAF,CAAA,EACL,gBAACG,EAAA,GACE,GAAG7B,EACFS,EAAO,OAAS,kBAAkBA,EAAO,eAAiB,YAAYA,EAAO,cAC/E,EACA,MAAOA,EAAO,MACd,YAAaA,EAAO,YACtB,CACF,EAIF,gBAACmB,EAAA,GACC,IAAAF,EACA,MAAOjB,EAAO,MACd,YAAaA,EAAO,YACpB,QAASX,EAAO,UAAY,CAAC,CAACA,EAAO,SAASW,EAAO,YAAY,EACjE,MAAOX,EAAO,UAAY,OAAOA,EAAO,SAASW,EAAO,YAAY,GAAG,SAAW,EAAE,GAEnFe,GAAgBA,EAAaf,EAAO,YAAY,EAC/C,gBAACG,EAAA,GACC,SAAU,GACV,MAAM,aACN,OACE,gBAACkB,EAAA,GAAM,CAAC,QAAS,IAAMP,EAAmBd,EAAO,YAAY,EAAG,KAAK,OAAO,KAAK,SAAS,KAAK,MAAK,OAEpG,EAEJ,EAEA,gBAACD,EAAa,CAAC,OAAAC,EAAgB,SAAAT,EAAoB,QAAAH,CAAA,CAAkB,CAEzE,CAEJ,CAAC,CACH,EC5DSkC,EAAgB,CAAC,CAC5B,QAAAlC,EACA,kBAAAwB,EACA,OAAAvB,EACA,aAAA0B,EACA,gBAAAtB,EACA,SAAA8B,EACA,SAAAhC,EACA,iBAAAiC,CACF,IAEI,gCACE,gBAACL,EAAA,EAAK,CAAC,MAAM,OAAO,QAAS,CAAC,CAAC9B,EAAO,KAAM,MAAOA,EAAO,MAAQA,EAAO,KAAK,SAC5E,gBAACc,EAAA,EAAK,CAAE,GAAGZ,EAAS,OAAQ,CAAE,SAAU,kBAAmB,CAAC,EAAG,CACjE,EACA,gBAAC4B,EAAA,EAAK,CAAC,MAAM,QACX,gBAAC,MACC,KAAK,OACL,OAAQ,CAAC,CAAE,MAAO,CAAE,IAAAd,EAAK,GAAGC,CAAM,CAAE,IAAM,gBAACC,EAAA,GAAM,CAAE,GAAGD,EAAO,QAASiB,CAAA,CAAU,EAChF,QAAAnC,EACA,MAAO,CAAE,SAAU,EAAK,EAC1B,CACF,EACA,gBAACuB,EAAA,CACC,uBAAwBlB,EAAgB,QAAQ,OAAQgC,GAAMA,EAAE,QAAQ,EACxE,kBAAAb,EACA,aAAAG,EACA,mBAAoBS,EACpB,SAAAjC,EACA,OAAAF,EACA,QAAAD,CAAA,CACF,CACF,E,0BCnCG,MAAMsC,EAAkB,CAAC,CAC9B,QAAAtC,EACA,kBAAAwB,EACA,OAAAvB,EACA,gBAAAI,EACA,aAAAsB,EACA,SAAAxB,EACA,iBAAAiC,CACF,IAEI,gBAACG,EAAA,EAAkB,CAAC,MAAO,YAAYlC,EAAgB,UAAW,OAAQ,IACvEA,EAAgB,OAAS,IAAM,gBAACmC,EAAA,EAAK,CAAC,SAAS,OAAO,MAAOnC,EAAgB,MAAQ,GAAI,EAC1F,gBAACkB,EAAA,CACC,uBAAwBlB,EAAgB,QAAQ,OAAQgC,GAAM,CAACA,EAAE,QAAQ,EACzE,kBAAAb,EACA,SAAArB,EACA,OAAAF,EACA,QAAAD,EACA,mBAAoBoC,EACpB,aAAAT,CAAA,CACF,CACF,E,eC1BG,MAAMc,EAAuB,CAAC,CAAE,kBAAAjB,EAAmB,uBAAAkB,EAAwB,SAAAvC,CAAS,IAEvF,gBAACoC,EAAA,EAAkB,CAAC,MAAM,wBAAwB,OAAQ,IACxD,gBAACR,EAAA,EAAK,KACJ,gBAACC,EAAA,EAAQ,CAAE,GAAG7B,EAAS,WAAW,EAAG,MAAM,UAAU,YAAY,sCAAuC,EAC1G,EACA,gBAAC4B,EAAA,EAAK,KACJ,gBAACC,EAAA,GACE,GAAG7B,EAAS,sBAAsB,EACnC,MAAM,gBACN,YAAY,uDACd,CACF,EACCqB,EAAkB,aAAe,CAACkB,GACjC,gBAACC,EAAA,EAAO,CAAC,MAAM,yCAAwC,mNAGvD,EAEF,gBAACZ,EAAA,EAAK,KACJ,gBAACC,EAAA,GACE,GAAG7B,EAAS,uBAAuB,EACpC,MAAM,0BACN,YAAY,qFACd,CACF,EACA,gBAAC4B,EAAA,EAAK,KACJ,gBAACC,EAAA,GACE,GAAG7B,EAAS,cAAc,EAC3B,MAAM,iBACN,YAAY,qDACd,CACF,EACCqB,EAAkB,cACjB,gCACE,gBAACO,EAAA,GACC,MAAM,sBACN,YAAY;AAAA;AAAA,gEAIZ,gBAAChB,EAAA,EAAK,CAAE,GAAGZ,EAAS,WAAW,EAAG,MAAO,EAAG,CAC9C,CACF,CAEJ,EC3BSI,EAA0B,CAAC,CACtC,QAAAP,EACA,OAAAC,EACA,gBAAAI,EACA,mBAAAuC,EACA,SAAAzC,EACA,MAAAC,EACA,UAAAF,EACA,uBAAAwC,EACA,cAAAG,EACA,iBAAAT,EACA,aAAAT,CACF,IAAa,CACX,MAAMmB,KAAS,MAAWC,CAAS,KAEnC,aAAU,IAAM,CAKd,MAAMC,EACJ,IAAI,IACF3C,GAAiB,QACd,OAAQgC,GAAMA,EAAE,SAAS,KAAK,EAC9B,IAAKzB,GACG,YAAYA,EAAO,SAAS,OACpC,CACL,GAAK,CAAC,EACRR,EAAM,CAAC,OAAQ,eAAgB,cAAe,GAAG4C,CAAa,CAAC,CACjE,EAAG,CAAC3C,GAAiB,QAASD,CAAK,CAAC,EAEpC,MAAMoB,EAAoBtB,EAAU,EAEpC,OAAKG,EAKH,gBAAC,OAAI,UAAWyC,EAAO,eACrB,gBAAC,OAAI,UAAWA,EAAO,UACrB,gBAACZ,EAAA,CACC,gBAAA7B,EACA,SAAUuC,EACV,aAAAjB,EACA,iBAAAS,EACA,kBAAAZ,EACA,SAAArB,EACA,OAAAF,EACA,QAAAD,CAAA,CACF,CACF,EAECK,EAAgB,QAAQ,OAAQgC,GAAM,CAACA,EAAE,QAAQ,EAAE,OAAS,GAC3D,gBAAC,OAAI,UAAWS,EAAO,UACrB,gBAACR,EAAA,CACC,gBAAAjC,EACA,aAAAsB,EACA,iBAAAS,EACA,kBAAAZ,EACA,SAAArB,EACA,OAAAF,EACA,QAAAD,CAAA,CACF,CACF,EAEF,gBAAC,OAAI,UAAW8C,EAAO,UACrB,gBAACL,EAAA,CACC,uBAAAC,EACA,kBAAAlB,EACA,SAAArB,EACA,OAAAF,EACA,QAAAD,CAAA,CACF,CACF,EACA,gBAAC,OAAI,UAAW8C,EAAO,aACrB,gBAAC,KAAe,KACd,gBAACb,EAAA,GAAM,CAAC,KAAK,UAAS,MAAI,EAC1B,gBAACA,EAAA,GAAM,CAAC,KAAK,SAAS,QAAQ,YAAY,QAAS,IAAMY,EAAc3C,EAAU,CAAC,GAAG,MAErF,EACA,gBAAC,KAAE,KAAM,GAAGM,EAAA,GAAO,2CACjB,gBAACyB,EAAA,GAAM,CAAC,KAAK,SAAS,QAAQ,aAAY,MAE1C,CACF,CACF,CACF,CACF,EArDO,gBAACxB,EAAA,EAAO,IAAC,CAuDpB,EAEMsC,EAAaE,IACV,CACL,iBAAe,SACf,YAAU;AAAA;AAAA,qBAEOA,EAAM,QAAQ,CAAC;AAAA,MAEhC,eAAa;AAAA,qBACIA,EAAM,QAAQ,CAAC;AAAA,KAElC,E,mJC1HK,SAASC,EAAmBC,EAA+C,CAChF,MAAO,OAAO3D,GAAa,CACzBA,KAAS,MAAe,CAAC,EACzB,MAAM4D,EAAwB,QAAM,MAAc,EAAE,IAAI,cAAeD,CAAO,EAC9E3D,KAAS,MAAiB4D,CAAK,CAAC,CAClC,CACF,CAEO,SAASC,EAAqBC,EAAYH,EAAiD,CAChG,MAAO,OAAO3D,GAAa,CACzB,QAAM,MAAc,EAAE,KAAK,eAAe8D,UAAYH,CAAO,EAC7D,MAAMI,EAAc,KAAgB,gBAAgB,EAAE,OAAS,MAC/D/D,EAAS0D,EAAmB,CAAE,MAAOK,EAAY,SAAS,CAAE,CAAC,CAAC,CAChE,CACF,CAEO,SAASC,EAA0BC,EAAuC,CAC/E,MAAO,OAAOjE,GAAa,CACzB,GAAI,CACF,QAAM,MAAc,EAAE,KAAK,2BAA4BiE,CAAI,EAC3DjE,KAAS,SAAU,MAA0B,sBAAsB,CAAC,CAAC,EACrE,KAAgB,KAAK,gCAAgC,CACvD,OAASkE,EAAP,IACI,MAAaA,CAAK,GACpBlE,KAAS,SAAU,MAAwBkE,EAAM,KAAK,KAAK,CAAC,CAAC,CAEjE,CACF,CACF,CAEO,SAASC,EAA0BF,EAA8B,CACtE,MAAO,OAAOjE,GAAa,CACzB,GAAI,CACF,QAAM,MAAc,EAAE,IAAI,4BAA4BiE,EAAK,KAAMA,CAAI,EACrEjE,KAAS,SAAU,MAA0B,sBAAsB,CAAC,CAAC,CACvE,OAASkE,EAAP,IACI,MAAaA,CAAK,GACpBlE,KAAS,SAAU,MAAwBkE,EAAM,KAAK,KAAK,CAAC,CAAC,CAEjE,CACF,CACF,CAEO,SAASE,EAAwBH,EAA8B,CACpE,MAAO,OAAOjE,EAAUqE,IAAa,CACnC,MAAMC,EAAUD,EAAS,EAAE,oBAAoB,oBAC/C,QAAM,MAAc,EAAE,KAAK,gCAAiC,CAAE,GAAIC,EAAQ,GAAI,GAAGL,CAAK,CAAC,CACzF,CACF,CAEO,SAASM,GAA2C,CACzD,MAAO,OAAOvE,GAAa,CAGzB,MAAMwE,GAFgC,QAAM,MAAc,EAAE,IAAI,6BAA6B,GAEpD,KAAK,CAACC,EAAIC,IAC7CD,EAAG,KAAOC,EAAG,KACR,EAEF,EACR,EAED1E,KAAS,MAAwBwE,CAAiB,CAAC,CACrD,CACF,CAEO,SAASG,EAAwBb,EAA+B,CACrE,MAAO,OAAO9D,GAAa,CACzB,MAAMA,EAASuE,EAAsB,CAAC,EACtC,MAAMpE,EAAsB,QAAM,MAAc,EAAE,IAAI,4BAA4B2D,GAAI,EACtF9D,KAAS,MAA0BG,CAAmB,CAAC,CACzD,CACF,C,yFCxEO,MAAMyE,EAAwC,CACnD,GAAI,GACJ,KAAM,GACN,KAAM,CAAE,MAAO,QAAS,MAAO,OAAQ,EACvC,aAAc,GACd,sBAAuB,GACvB,UAAW,MACX,SAAU,CACR,YAAa,IAAO,kBACpB,YAAa,GACb,WAAY,OACZ,SAAU,UACZ,EACA,eAAgB,CAAC,EACjB,aAAc,CAAC,EACf,UAAW,EACb,EAEaC,KAA+B,KAC1C,CAACC,EAAiDC,IACzCD,EAAqB,IAAKR,GAC3BS,EACK,CACL,MAAOT,EAAQ,MACf,MAAOA,EAAQ,MACf,YAAaA,EAAQ,WACvB,EAEK,CACL,MAAOA,EAAQ,MACf,MAAOA,EAAQ,KACjB,CACD,CAEL,EAEaU,EAAuB9E,GAAqC,CAKvE,MAAM+E,EAAW,OAAO,YACtB,OAAO,QAAQ/E,EAAS,QAAQ,EAAE,IAAI,CAAC,CAACmC,EAAKR,CAAK,IACzC,CAACQ,EAAKR,GAASA,EAAM,eAAe,OAAO,EAAIA,EAAM,MAAQA,CAAK,CAC1E,CACH,EAEA,MAAO,CACL,GAAG+C,EACH,GAAG1E,EACH,UAAWA,EAAS,YAAc,GAAK0E,EAAc,UAAY1E,EAAS,UAC1E,KAAMA,EAAS,KAAK,MACpB,SAAU,CAAE,GAAG0E,EAAc,SAAU,GAAGK,CAAS,EACnD,eAAgB,CAAE,GAAG/E,EAAS,cAAe,CAC/C,CACF,EAEagF,EAAqBhF,IACzB,CACL,KAAMA,EAAS,KACf,KAAMA,EAAS,KAAK,MACpB,UAAWA,EAAS,WAAa0E,EAAc,UAC/C,SAAU,CAAE,GAAG,OAAO,OAAOA,EAAc,SAAU1E,EAAS,QAAQ,CAAE,EACxE,eAAgB,CAAE,GAAGA,EAAS,cAAe,CAC/C,E","sources":["webpack://grafana/./public/app/core/components/connectWithCleanUp.tsx","webpack://grafana/./public/app/features/alerting/EditNotificationChannelPage.tsx","webpack://grafana/./public/app/features/alerting/components/OptionElement.tsx","webpack://grafana/./public/app/features/alerting/components/NotificationChannelOptions.tsx","webpack://grafana/./public/app/features/alerting/components/BasicSettings.tsx","webpack://grafana/./public/app/features/alerting/components/ChannelSettings.tsx","webpack://grafana/./public/app/features/alerting/components/NotificationSettings.tsx","webpack://grafana/./public/app/features/alerting/components/NotificationChannelForm.tsx","webpack://grafana/./public/app/features/alerting/state/actions.ts","webpack://grafana/./public/app/features/alerting/utils/notificationChannels.ts"],"sourcesContent":["import hoistNonReactStatics from 'hoist-non-react-statics';\nimport React, { ComponentType, FunctionComponent, useEffect } from 'react';\nimport { connect, MapDispatchToPropsParam, MapStateToPropsParam } from 'react-redux';\n\nimport { useDispatch } from 'app/types';\n\nimport { cleanUpAction, CleanUpAction } from '../actions/cleanUp';\n\nexport const connectWithCleanUp =\n  <TStateProps extends {} = {}, TDispatchProps = {}, TOwnProps = {}, State = {}, Statics = {}>(\n    mapStateToProps: MapStateToPropsParam<TStateProps, TOwnProps, State>,\n    mapDispatchToProps: MapDispatchToPropsParam<TDispatchProps, TOwnProps>,\n    cleanupAction: CleanUpAction\n  ) =>\n  (Component: ComponentType<any>) => {\n    const ConnectedComponent = connect(\n      mapStateToProps,\n      mapDispatchToProps\n      // @ts-ignore\n    )(Component);\n\n    const ConnectedComponentWithCleanUp: FunctionComponent = (props) => {\n      const dispatch = useDispatch();\n      useEffect(() => {\n        return function cleanUp() {\n          dispatch(cleanUpAction({ cleanupAction: cleanupAction }));\n        };\n      }, [dispatch]);\n      // @ts-ignore\n      return <ConnectedComponent {...props} />;\n    };\n\n    ConnectedComponentWithCleanUp.displayName = `ConnectWithCleanUp(${ConnectedComponent.displayName})`;\n    hoistNonReactStatics(ConnectedComponentWithCleanUp, Component);\n    type Hoisted = typeof ConnectedComponentWithCleanUp & Statics;\n\n    return ConnectedComponentWithCleanUp as Hoisted;\n  };\n","import React, { PureComponent } from 'react';\nimport { MapDispatchToProps, MapStateToProps } from 'react-redux';\n\nimport { config } from '@grafana/runtime';\nimport { Form, Spinner } from '@grafana/ui';\nimport { Page } from 'app/core/components/Page/Page';\nimport { connectWithCleanUp } from 'app/core/components/connectWithCleanUp';\nimport { GrafanaRouteComponentProps } from 'app/core/navigation/types';\nimport { NotificationChannelType, NotificationChannelDTO, StoreState } from 'app/types';\n\nimport { NotificationChannelForm } from './components/NotificationChannelForm';\nimport { loadNotificationChannel, testNotificationChannel, updateNotificationChannel } from './state/actions';\nimport { initialChannelState, resetSecureField } from './state/reducers';\nimport { mapChannelsToSelectableValue, transformSubmitData, transformTestData } from './utils/notificationChannels';\n\ninterface OwnProps extends GrafanaRouteComponentProps<{ id: string }> {}\n\ninterface ConnectedProps {\n  notificationChannel: any;\n  notificationChannelTypes: NotificationChannelType[];\n}\n\ninterface DispatchProps {\n  loadNotificationChannel: typeof loadNotificationChannel;\n  testNotificationChannel: typeof testNotificationChannel;\n  updateNotificationChannel: typeof updateNotificationChannel;\n  resetSecureField: typeof resetSecureField;\n}\n\ntype Props = OwnProps & ConnectedProps & DispatchProps;\n\nexport class EditNotificationChannelPage extends PureComponent<Props> {\n  componentDidMount() {\n    this.props.loadNotificationChannel(parseInt(this.props.match.params.id, 10));\n  }\n\n  onSubmit = (formData: NotificationChannelDTO) => {\n    const { notificationChannel } = this.props;\n\n    this.props.updateNotificationChannel({\n      /*\n       Some settings which lives in a collapsed section will not be registered since\n       the section will not be rendered if a user doesn't expand it. Therefore we need to\n       merge the initialData with any changes from the form.\n      */\n      ...transformSubmitData({\n        ...notificationChannel,\n        ...formData,\n        settings: { ...notificationChannel.settings, ...formData.settings },\n      }),\n      id: notificationChannel.id,\n    });\n  };\n\n  onTestChannel = (formData: NotificationChannelDTO) => {\n    const { notificationChannel } = this.props;\n    /*\n      Same as submit\n     */\n    this.props.testNotificationChannel(\n      transformTestData({\n        ...notificationChannel,\n        ...formData,\n        settings: { ...notificationChannel.settings, ...formData.settings },\n      })\n    );\n  };\n\n  render() {\n    const { notificationChannel, notificationChannelTypes } = this.props;\n\n    return (\n      <Page navId=\"channels\">\n        <Page.Contents>\n          <h2 className=\"page-sub-heading\">Edit notification channel</h2>\n          {notificationChannel && notificationChannel.id > 0 ? (\n            <Form\n              maxWidth={600}\n              onSubmit={this.onSubmit}\n              defaultValues={{\n                ...notificationChannel,\n                type: notificationChannelTypes.find((n) => n.value === notificationChannel.type),\n              }}\n            >\n              {({ control, errors, getValues, register, watch }) => {\n                const selectedChannel = notificationChannelTypes.find((c) => c.value === getValues().type.value);\n\n                return (\n                  <NotificationChannelForm\n                    selectableChannels={mapChannelsToSelectableValue(notificationChannelTypes, true)}\n                    selectedChannel={selectedChannel}\n                    imageRendererAvailable={config.rendererAvailable}\n                    onTestChannel={this.onTestChannel}\n                    register={register}\n                    watch={watch}\n                    errors={errors}\n                    getValues={getValues}\n                    control={control}\n                    resetSecureField={this.props.resetSecureField}\n                    secureFields={notificationChannel.secureFields}\n                  />\n                );\n              }}\n            </Form>\n          ) : (\n            <div>\n              Loading notification channel\n              <Spinner />\n            </div>\n          )}\n        </Page.Contents>\n      </Page>\n    );\n  }\n}\n\nconst mapStateToProps: MapStateToProps<ConnectedProps, OwnProps, StoreState> = (state) => {\n  return {\n    notificationChannel: state.notificationChannel.notificationChannel,\n    notificationChannelTypes: state.notificationChannel.notificationChannelTypes,\n  };\n};\n\nconst mapDispatchToProps: MapDispatchToProps<DispatchProps, OwnProps> = {\n  loadNotificationChannel,\n  testNotificationChannel,\n  updateNotificationChannel,\n  resetSecureField,\n};\n\nexport default connectWithCleanUp(\n  mapStateToProps,\n  mapDispatchToProps,\n  (state) => (state.notificationChannel = initialChannelState)\n)(EditNotificationChannelPage);\n","import React from 'react';\nimport { Controller, UseFormReturn } from 'react-hook-form';\n\nimport { Input, Select, TextArea } from '@grafana/ui';\n\nimport { NotificationChannelOption } from '../../../types';\n\ninterface Props extends Pick<UseFormReturn<any>, 'register' | 'control'> {\n  option: NotificationChannelOption;\n  invalid?: boolean;\n}\n\nexport const OptionElement = ({ control, option, register, invalid }: Props) => {\n  const modelValue = option.secure ? `secureSettings.${option.propertyName}` : `settings.${option.propertyName}`;\n  switch (option.element) {\n    case 'input':\n      return (\n        <Input\n          {...register(`${modelValue}`, {\n            required: option.required ? 'Required' : false,\n            validate: (v) => (option.validationRule !== '' ? validateOption(v, option.validationRule) : true),\n          })}\n          invalid={invalid}\n          type={option.inputType}\n          placeholder={option.placeholder}\n        />\n      );\n\n    case 'select':\n      return (\n        <Controller\n          control={control}\n          name={`${modelValue}`}\n          render={({ field: { ref, ...field } }) => (\n            <Select {...field} options={option.selectOptions ?? undefined} invalid={invalid} />\n          )}\n        />\n      );\n\n    case 'textarea':\n      return (\n        <TextArea\n          invalid={invalid}\n          {...register(`${modelValue}`, {\n            required: option.required ? 'Required' : false,\n            validate: (v) => (option.validationRule !== '' ? validateOption(v, option.validationRule) : true),\n          })}\n        />\n      );\n\n    default:\n      console.error('Element not supported', option.element);\n      return null;\n  }\n};\n\nconst validateOption = (value: string, validationRule: string) => {\n  return RegExp(validationRule).test(value) ? true : 'Invalid format';\n};\n","import React from 'react';\n\nimport { SelectableValue } from '@grafana/data';\nimport { Button, Checkbox, Field, Input } from '@grafana/ui';\n\nimport { NotificationChannelDTO, NotificationChannelOption, NotificationChannelSecureFields } from '../../../types';\n\nimport { NotificationSettingsProps } from './NotificationChannelForm';\nimport { OptionElement } from './OptionElement';\n\ninterface Props extends NotificationSettingsProps {\n  selectedChannelOptions: NotificationChannelOption[];\n  currentFormValues: NotificationChannelDTO;\n  secureFields: NotificationChannelSecureFields;\n\n  onResetSecureField: (key: string) => void;\n}\n\nexport const NotificationChannelOptions = ({\n  control,\n  currentFormValues,\n  errors,\n  selectedChannelOptions,\n  register,\n  onResetSecureField,\n  secureFields,\n}: Props) => {\n  return (\n    <>\n      {selectedChannelOptions.map((option: NotificationChannelOption, index: number) => {\n        const key = `${option.label}-${index}`;\n        // Some options can be dependent on other options, this determines what is selected in the dependency options\n        // I think this needs more thought.\n        const selectedOptionValue =\n          currentFormValues[`settings.${option.showWhen.field}`] &&\n          (currentFormValues[`settings.${option.showWhen.field}`] as SelectableValue<string>).value;\n\n        if (option.showWhen.field && selectedOptionValue !== option.showWhen.is) {\n          return null;\n        }\n\n        if (option.element === 'checkbox') {\n          return (\n            <Field key={key}>\n              <Checkbox\n                {...register(\n                  option.secure ? `secureSettings.${option.propertyName}` : `settings.${option.propertyName}`\n                )}\n                label={option.label}\n                description={option.description}\n              />\n            </Field>\n          );\n        }\n        return (\n          <Field\n            key={key}\n            label={option.label}\n            description={option.description}\n            invalid={errors.settings && !!errors.settings[option.propertyName]}\n            error={errors.settings && String(errors.settings[option.propertyName]?.message || '')}\n          >\n            {secureFields && secureFields[option.propertyName] ? (\n              <Input\n                readOnly={true}\n                value=\"Configured\"\n                suffix={\n                  <Button onClick={() => onResetSecureField(option.propertyName)} fill=\"text\" type=\"button\" size=\"sm\">\n                    Clear\n                  </Button>\n                }\n              />\n            ) : (\n              <OptionElement option={option} register={register} control={control} />\n            )}\n          </Field>\n        );\n      })}\n    </>\n  );\n};\n","import React from 'react';\nimport { Controller } from 'react-hook-form';\n\nimport { SelectableValue } from '@grafana/data';\nimport { Field, Input, Select } from '@grafana/ui';\n\nimport { NotificationChannelSecureFields, NotificationChannelType } from '../../../types';\n\nimport { NotificationSettingsProps } from './NotificationChannelForm';\nimport { NotificationChannelOptions } from './NotificationChannelOptions';\n\ninterface Props extends NotificationSettingsProps {\n  selectedChannel: NotificationChannelType;\n  channels: Array<SelectableValue<string>>;\n  secureFields: NotificationChannelSecureFields;\n  resetSecureField: (key: string) => void;\n}\n\nexport const BasicSettings = ({\n  control,\n  currentFormValues,\n  errors,\n  secureFields,\n  selectedChannel,\n  channels,\n  register,\n  resetSecureField,\n}: Props) => {\n  return (\n    <>\n      <Field label=\"Name\" invalid={!!errors.name} error={errors.name && errors.name.message}>\n        <Input {...register('name', { required: 'Name is required' })} />\n      </Field>\n      <Field label=\"Type\">\n        <Controller\n          name=\"type\"\n          render={({ field: { ref, ...field } }) => <Select {...field} options={channels} />}\n          control={control}\n          rules={{ required: true }}\n        />\n      </Field>\n      <NotificationChannelOptions\n        selectedChannelOptions={selectedChannel.options.filter((o) => o.required)}\n        currentFormValues={currentFormValues}\n        secureFields={secureFields}\n        onResetSecureField={resetSecureField}\n        register={register}\n        errors={errors}\n        control={control}\n      />\n    </>\n  );\n};\n","import React from 'react';\n\nimport { Alert, CollapsableSection } from '@grafana/ui';\n\nimport { NotificationChannelSecureFields, NotificationChannelType } from '../../../types';\n\nimport { NotificationSettingsProps } from './NotificationChannelForm';\nimport { NotificationChannelOptions } from './NotificationChannelOptions';\n\ninterface Props extends NotificationSettingsProps {\n  selectedChannel: NotificationChannelType;\n  secureFields: NotificationChannelSecureFields;\n  resetSecureField: (key: string) => void;\n}\n\nexport const ChannelSettings = ({\n  control,\n  currentFormValues,\n  errors,\n  selectedChannel,\n  secureFields,\n  register,\n  resetSecureField,\n}: Props) => {\n  return (\n    <CollapsableSection label={`Optional ${selectedChannel.heading}`} isOpen={false}>\n      {selectedChannel.info !== '' && <Alert severity=\"info\" title={selectedChannel.info ?? ''} />}\n      <NotificationChannelOptions\n        selectedChannelOptions={selectedChannel.options.filter((o) => !o.required)}\n        currentFormValues={currentFormValues}\n        register={register}\n        errors={errors}\n        control={control}\n        onResetSecureField={resetSecureField}\n        secureFields={secureFields}\n      />\n    </CollapsableSection>\n  );\n};\n","import React from 'react';\n\nimport { Checkbox, CollapsableSection, Field, InfoBox, Input } from '@grafana/ui';\n\nimport { NotificationSettingsProps } from './NotificationChannelForm';\n\ninterface Props extends NotificationSettingsProps {\n  imageRendererAvailable: boolean;\n}\n\nexport const NotificationSettings = ({ currentFormValues, imageRendererAvailable, register }: Props) => {\n  return (\n    <CollapsableSection label=\"Notification settings\" isOpen={false}>\n      <Field>\n        <Checkbox {...register('isDefault')} label=\"Default\" description=\"Use this notification for all alerts\" />\n      </Field>\n      <Field>\n        <Checkbox\n          {...register('settings.uploadImage')}\n          label=\"Include image\"\n          description=\"Captures an image and include it in the notification\"\n        />\n      </Field>\n      {currentFormValues.uploadImage && !imageRendererAvailable && (\n        <InfoBox title=\"No image renderer available/installed\">\n          Grafana cannot find an image renderer to capture an image for the notification. Please make sure the Grafana\n          Image Renderer plugin is installed. Please contact your Grafana administrator to install the plugin.\n        </InfoBox>\n      )}\n      <Field>\n        <Checkbox\n          {...register('disableResolveMessage')}\n          label=\"Disable Resolve Message\"\n          description=\"Disable the resolve message [OK] that is sent when alerting state returns to false\"\n        />\n      </Field>\n      <Field>\n        <Checkbox\n          {...register('sendReminder')}\n          label=\"Send reminders\"\n          description=\"Send additional notifications for triggered alerts\"\n        />\n      </Field>\n      {currentFormValues.sendReminder && (\n        <>\n          <Field\n            label=\"Send reminder every\"\n            description=\"Specify how often reminders should be sent, e.g. every 30s, 1m, 10m, 30m', or 1h etc.\n            Alert reminders are sent after rules are evaluated. A reminder can never be sent more frequently\n            than a configured alert rule evaluation interval.\"\n          >\n            <Input {...register('frequency')} width={8} />\n          </Field>\n        </>\n      )}\n    </CollapsableSection>\n  );\n};\n","import { css } from '@emotion/css';\nimport React, { useEffect } from 'react';\n\nimport { GrafanaTheme2, SelectableValue } from '@grafana/data';\nimport { Button, FormAPI, HorizontalGroup, Spinner, useStyles2 } from '@grafana/ui';\nimport config from 'app/core/config';\n\nimport { NotificationChannelType, NotificationChannelDTO, NotificationChannelSecureFields } from '../../../types';\n\nimport { BasicSettings } from './BasicSettings';\nimport { ChannelSettings } from './ChannelSettings';\nimport { NotificationSettings } from './NotificationSettings';\n\ninterface Props\n  extends Pick<FormAPI<NotificationChannelDTO>, 'control' | 'errors' | 'register' | 'watch' | 'getValues'> {\n  selectableChannels: Array<SelectableValue<string>>;\n  selectedChannel?: NotificationChannelType;\n  imageRendererAvailable: boolean;\n  secureFields: NotificationChannelSecureFields;\n  resetSecureField: (key: string) => void;\n  onTestChannel: (data: NotificationChannelDTO) => void;\n}\n\nexport interface NotificationSettingsProps\n  extends Pick<FormAPI<NotificationChannelDTO>, 'control' | 'errors' | 'register'> {\n  currentFormValues: NotificationChannelDTO;\n}\n\nexport const NotificationChannelForm = ({\n  control,\n  errors,\n  selectedChannel,\n  selectableChannels,\n  register,\n  watch,\n  getValues,\n  imageRendererAvailable,\n  onTestChannel,\n  resetSecureField,\n  secureFields,\n}: Props) => {\n  const styles = useStyles2(getStyles);\n\n  useEffect(() => {\n    /*\n      Find fields that have dependencies on other fields and removes duplicates.\n      Needs to be prefixed with settings.\n    */\n    const fieldsToWatch =\n      new Set(\n        selectedChannel?.options\n          .filter((o) => o.showWhen.field)\n          .map((option) => {\n            return `settings.${option.showWhen.field}`;\n          })\n      ) || [];\n    watch(['type', 'sendReminder', 'uploadImage', ...fieldsToWatch]);\n  }, [selectedChannel?.options, watch]);\n\n  const currentFormValues = getValues();\n\n  if (!selectedChannel) {\n    return <Spinner />;\n  }\n\n  return (\n    <div className={styles.formContainer}>\n      <div className={styles.formItem}>\n        <BasicSettings\n          selectedChannel={selectedChannel}\n          channels={selectableChannels}\n          secureFields={secureFields}\n          resetSecureField={resetSecureField}\n          currentFormValues={currentFormValues}\n          register={register}\n          errors={errors}\n          control={control}\n        />\n      </div>\n      {/* If there are no non-required fields, don't render this section*/}\n      {selectedChannel.options.filter((o) => !o.required).length > 0 && (\n        <div className={styles.formItem}>\n          <ChannelSettings\n            selectedChannel={selectedChannel}\n            secureFields={secureFields}\n            resetSecureField={resetSecureField}\n            currentFormValues={currentFormValues}\n            register={register}\n            errors={errors}\n            control={control}\n          />\n        </div>\n      )}\n      <div className={styles.formItem}>\n        <NotificationSettings\n          imageRendererAvailable={imageRendererAvailable}\n          currentFormValues={currentFormValues}\n          register={register}\n          errors={errors}\n          control={control}\n        />\n      </div>\n      <div className={styles.formButtons}>\n        <HorizontalGroup>\n          <Button type=\"submit\">Save</Button>\n          <Button type=\"button\" variant=\"secondary\" onClick={() => onTestChannel(getValues())}>\n            Test\n          </Button>\n          <a href={`${config.appSubUrl}/alerting-legacy/notifications`}>\n            <Button type=\"button\" variant=\"secondary\">\n              Back\n            </Button>\n          </a>\n        </HorizontalGroup>\n      </div>\n    </div>\n  );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    formContainer: css``,\n    formItem: css`\n      flex-grow: 1;\n      padding-top: ${theme.spacing(2)};\n    `,\n    formButtons: css`\n      padding-top: ${theme.spacing(4)};\n    `,\n  };\n};\n","import { getBackendSrv, isFetchError, locationService } from '@grafana/runtime';\nimport { notifyApp } from 'app/core/actions';\nimport { createErrorNotification, createSuccessNotification } from 'app/core/copy/appNotification';\nimport { AlertRuleDTO, NotifierDTO, ThunkResult } from 'app/types';\n\nimport { loadAlertRules, loadedAlertRules, notificationChannelLoaded, setNotificationChannels } from './reducers';\n\nexport function getAlertRulesAsync(options: { state: string }): ThunkResult<void> {\n  return async (dispatch) => {\n    dispatch(loadAlertRules());\n    const rules: AlertRuleDTO[] = await getBackendSrv().get('/api/alerts', options);\n    dispatch(loadedAlertRules(rules));\n  };\n}\n\nexport function togglePauseAlertRule(id: number, options: { paused: boolean }): ThunkResult<void> {\n  return async (dispatch) => {\n    await getBackendSrv().post(`/api/alerts/${id}/pause`, options);\n    const stateFilter = locationService.getSearchObject().state || 'all';\n    dispatch(getAlertRulesAsync({ state: stateFilter.toString() }));\n  };\n}\n\nexport function createNotificationChannel(data: any): ThunkResult<Promise<void>> {\n  return async (dispatch) => {\n    try {\n      await getBackendSrv().post(`/api/alert-notifications`, data);\n      dispatch(notifyApp(createSuccessNotification('Notification created')));\n      locationService.push('/alerting-legacy/notifications');\n    } catch (error) {\n      if (isFetchError(error)) {\n        dispatch(notifyApp(createErrorNotification(error.data.error)));\n      }\n    }\n  };\n}\n\nexport function updateNotificationChannel(data: any): ThunkResult<void> {\n  return async (dispatch) => {\n    try {\n      await getBackendSrv().put(`/api/alert-notifications/${data.id}`, data);\n      dispatch(notifyApp(createSuccessNotification('Notification updated')));\n    } catch (error) {\n      if (isFetchError(error)) {\n        dispatch(notifyApp(createErrorNotification(error.data.error)));\n      }\n    }\n  };\n}\n\nexport function testNotificationChannel(data: any): ThunkResult<void> {\n  return async (dispatch, getState) => {\n    const channel = getState().notificationChannel.notificationChannel;\n    await getBackendSrv().post('/api/alert-notifications/test', { id: channel.id, ...data });\n  };\n}\n\nexport function loadNotificationTypes(): ThunkResult<void> {\n  return async (dispatch) => {\n    const alertNotifiers: NotifierDTO[] = await getBackendSrv().get(`/api/alert-notifiers-legacy`);\n\n    const notificationTypes = alertNotifiers.sort((o1, o2) => {\n      if (o1.name > o2.name) {\n        return 1;\n      }\n      return -1;\n    });\n\n    dispatch(setNotificationChannels(notificationTypes));\n  };\n}\n\nexport function loadNotificationChannel(id: number): ThunkResult<void> {\n  return async (dispatch) => {\n    await dispatch(loadNotificationTypes());\n    const notificationChannel = await getBackendSrv().get(`/api/alert-notifications/${id}`);\n    dispatch(notificationChannelLoaded(notificationChannel));\n  };\n}\n","import memoizeOne from 'memoize-one';\n\nimport { SelectableValue } from '@grafana/data';\nimport { config } from '@grafana/runtime';\nimport { NotificationChannelDTO, NotificationChannelType } from 'app/types';\n\nexport const defaultValues: NotificationChannelDTO = {\n  id: -1,\n  name: '',\n  type: { value: 'email', label: 'Email' },\n  sendReminder: false,\n  disableResolveMessage: false,\n  frequency: '15m',\n  settings: {\n    uploadImage: config.rendererAvailable,\n    autoResolve: true,\n    httpMethod: 'POST',\n    severity: 'critical',\n  },\n  secureSettings: {},\n  secureFields: {},\n  isDefault: false,\n};\n\nexport const mapChannelsToSelectableValue = memoizeOne(\n  (notificationChannels: NotificationChannelType[], includeDescription: boolean): Array<SelectableValue<string>> => {\n    return notificationChannels.map((channel) => {\n      if (includeDescription) {\n        return {\n          value: channel.value,\n          label: channel.label,\n          description: channel.description,\n        };\n      }\n      return {\n        value: channel.value,\n        label: channel.label,\n      };\n    });\n  }\n);\n\nexport const transformSubmitData = (formData: NotificationChannelDTO) => {\n  /*\n    Some settings can be options in a select, in order to not save a SelectableValue<T>\n    we need to use check if it is a SelectableValue and use its value.\n  */\n  const settings = Object.fromEntries(\n    Object.entries(formData.settings).map(([key, value]) => {\n      return [key, value && value.hasOwnProperty('value') ? value.value : value];\n    })\n  );\n\n  return {\n    ...defaultValues,\n    ...formData,\n    frequency: formData.frequency === '' ? defaultValues.frequency : formData.frequency,\n    type: formData.type.value,\n    settings: { ...defaultValues.settings, ...settings },\n    secureSettings: { ...formData.secureSettings },\n  };\n};\n\nexport const transformTestData = (formData: NotificationChannelDTO) => {\n  return {\n    name: formData.name,\n    type: formData.type.value,\n    frequency: formData.frequency ?? defaultValues.frequency,\n    settings: { ...Object.assign(defaultValues.settings, formData.settings) },\n    secureSettings: { ...formData.secureSettings },\n  };\n};\n"],"names":["connectWithCleanUp","mapStateToProps","mapDispatchToProps","cleanupAction","Component","ConnectedComponent","ConnectedComponentWithCleanUp","props","dispatch","EditNotificationChannelPage","formData","notificationChannel","notificationChannelTypes","Page","Form","n","control","errors","getValues","register","watch","selectedChannel","c","NotificationChannelForm","config","Spinner","state","OptionElement","option","invalid","modelValue","Input","validateOption","ref","field","Select","TextArea","value","validationRule","NotificationChannelOptions","currentFormValues","selectedChannelOptions","onResetSecureField","secureFields","index","key","selectedOptionValue","Field","Checkbox","Button","BasicSettings","channels","resetSecureField","o","ChannelSettings","CollapsableSection","Alert","NotificationSettings","imageRendererAvailable","InfoBox","selectableChannels","onTestChannel","styles","getStyles","fieldsToWatch","theme","getAlertRulesAsync","options","rules","togglePauseAlertRule","id","stateFilter","createNotificationChannel","data","error","updateNotificationChannel","testNotificationChannel","getState","channel","loadNotificationTypes","notificationTypes","o1","o2","loadNotificationChannel","defaultValues","mapChannelsToSelectableValue","notificationChannels","includeDescription","transformSubmitData","settings","transformTestData"],"sourceRoot":""}