exports.ids=[3],exports.modules={353:function(t,e,n){"use strict";n.r(e);var i=n(34),s=n(32),a=n(16),o=n(36),c=n(35),l=n(15),r=n(0),d=n(18),u=n(8),p=n(299),f=n(174),O=n(10),b=n(57),h=n(4),m=n(66),j=n(3),g=n(60),V=n(55),v=n(127),I=function(t){Object(o.a)(n,t);var e=Object(c.a)(n);function n(t){var s;return Object(i.a)(this,n),s=e.call(this,t),Object(l.a)(Object(a.a)(s),"onUpdateSettingsDebounced",v(s.props.onUpdateSettings,300)),Object(l.a)(Object(a.a)(s),"changeUrl",(function(t,e){s.onUpdateSettingsDebounced({url:e})})),s.props.setValidationStatus(s.isValid(),t.nodeId),s}return Object(s.a)(n,[{key:"isValid",value:function(){return this.props.settings.url?{result:!0,reason:""}:{result:!1,reason:"No url provided"}}},{key:"componentDidUpdate",value:function(){this.props.isValid&&this.props.isValid.result==this.isValid().result||this.props.setValidationStatus(this.isValid(),this.props.nodeId)}},{key:"render",value:function(){var t=Object(V.a)(Object(u.D)());return r.createElement("div",Object.assign({className:t.notificationOptionsWindow},Object(h.g)("/flow/")),r.createElement("span",{className:t.notificationOptionsHelpIcon},r.createElement(m.a,{calloutText:r.createElement("span",null,Object(j.a)().flowHelpCallout,r.createElement(g.a,{url:"/flow/"}))})),r.createElement("div",{className:t.notificationOptions},r.createElement(p.a,{label:Object(j.a)().flowUrl,type:"text",required:!0,className:t.notificationOptionsTextField,inputClassName:t.notificationOptionsTextFieldInput,defaultValue:this.props.settings.url,onChange:this.changeUrl})),r.createElement("div",{className:t.notificationOptions},r.createElement(f.a,{disabled:!this.props.isValid||!this.props.isValid.result,"data-automation-id":"test",allowDisabledFocus:!0,checked:!1,text:"Test Flow Notification",onClick:this.props.sendTestPush})))}}]),n}(r.Component);e.default=Object(d.connect)((function(t,e){return{settings:t.postRenderActionsState.actions[e.nodeId].settings,isValid:t.postRenderActionsState.actions[e.nodeId].isValid}}),(function(t,e){return{onUpdateSettings:function(n){return t(Object(O.k)({settings:n,actionId:e.nodeId}))},sendTestPush:function(){return t(Object(b.a)({nodeId:e.nodeId}))},setValidationStatus:function(e,n){return t(Object(O.u)({status:e,actionId:n}))}}}))(I)}};
//# sourceMappingURL=3.da8beb7ffc128f5d207d.chunk.js.map