(window.webpackJsonp=window.webpackJsonp||[]).push([[74],{1437:function(t,e,r){"use strict";r.r(e);var n=r(0),o=r(146),a=r(9),i=r.n(a),c=r(3),u=r(1),l=r(5),s=r(337),f=r(47),p=r(1063),h=r(2);function y(t){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function m(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function b(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?m(Object(r),!0).forEach((function(e){d(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function d(t,e,r){return(e=function(t){var e=function(t,e){if("object"!=y(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==y(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function v(){v=function(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},a="function"==typeof Symbol?Symbol:{},i=a.iterator||"@@iterator",c=a.asyncIterator||"@@asyncIterator",u=a.toStringTag||"@@toStringTag";function l(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{l({},"")}catch(t){l=function(t,e,r){return t[e]=r}}function s(t,e,r,n){var a=e&&e.prototype instanceof d?e:d,i=Object.create(a.prototype),c=new P(n||[]);return o(i,"_invoke",{value:k(t,r,c)}),i}function f(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=s;var p="suspendedStart",h="executing",m="completed",b={};function d(){}function g(){}function w(){}var O={};l(O,i,(function(){return this}));var j=Object.getPrototypeOf,_=j&&j(j(N([])));_&&_!==r&&n.call(_,i)&&(O=_);var E=w.prototype=d.prototype=Object.create(O);function S(t){["next","throw","return"].forEach((function(e){l(t,e,(function(t){return this._invoke(e,t)}))}))}function L(t,e){function r(o,a,i,c){var u=f(t[o],t,a);if("throw"!==u.type){var l=u.arg,s=l.value;return s&&"object"==y(s)&&n.call(s,"__await")?e.resolve(s.__await).then((function(t){r("next",t,i,c)}),(function(t){r("throw",t,i,c)})):e.resolve(s).then((function(t){l.value=t,i(l)}),(function(t){return r("throw",t,i,c)}))}c(u.arg)}var a;o(this,"_invoke",{value:function(t,n){function o(){return new e((function(e,o){r(t,n,e,o)}))}return a=a?a.then(o,o):o()}})}function k(e,r,n){var o=p;return function(a,i){if(o===h)throw Error("Generator is already running");if(o===m){if("throw"===a)throw i;return{value:t,done:!0}}for(n.method=a,n.arg=i;;){var c=n.delegate;if(c){var u=x(c,n);if(u){if(u===b)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===p)throw o=m,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=h;var l=f(e,r,n);if("normal"===l.type){if(o=n.done?m:"suspendedYield",l.arg===b)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(o=m,n.method="throw",n.arg=l.arg)}}}function x(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,x(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),b;var a=f(o,e.iterator,r.arg);if("throw"===a.type)return r.method="throw",r.arg=a.arg,r.delegate=null,b;var i=a.arg;return i?i.done?(r[e.resultName]=i.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,b):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,b)}function A(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function I(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function P(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(A,this),this.reset(!0)}function N(e){if(e||""===e){var r=e[i];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function r(){for(;++o<e.length;)if(n.call(e,o))return r.value=e[o],r.done=!1,r;return r.value=t,r.done=!0,r};return a.next=a}}throw new TypeError(y(e)+" is not iterable")}return g.prototype=w,o(E,"constructor",{value:w,configurable:!0}),o(w,"constructor",{value:g,configurable:!0}),g.displayName=l(w,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===g||"GeneratorFunction"===(e.displayName||e.name))},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,w):(t.__proto__=w,l(t,u,"GeneratorFunction")),t.prototype=Object.create(E),t},e.awrap=function(t){return{__await:t}},S(L.prototype),l(L.prototype,c,(function(){return this})),e.AsyncIterator=L,e.async=function(t,r,n,o,a){void 0===a&&(a=Promise);var i=new L(s(t,r,n,o),a);return e.isGeneratorFunction(r)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},S(E),l(E,u,"Generator"),l(E,i,(function(){return this})),l(E,"toString",(function(){return"[object Generator]"})),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function t(){for(;r.length;){var n=r.pop();if(n in e)return t.value=n,t.done=!1,t}return t.done=!0,t}},e.values=N,P.prototype={constructor:P,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(I),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var r=this;function o(n,o){return c.type="throw",c.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],c=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var u=n.call(i,"catchLoc"),l=n.call(i,"finallyLoc");if(u&&l){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(u){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!l)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===t||"continue"===t)&&a.tryLoc<=e&&e<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=t,i.arg=e,a?(this.method="next",this.next=a.finallyLoc,b):this.complete(i)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),b},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),I(r),b}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;I(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:N(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),b}},e}function g(t,e,r,n,o,a,i){try{var c=t[a](i),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}function w(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var a=t.apply(e,r);function i(t){g(a,n,o,i,c,"next",t)}function c(t){g(a,n,o,i,c,"throw",t)}i(void 0)}))}}function O(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,a,i,c=[],u=!0,l=!1;try{if(a=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(c.push(n.value),c.length!==e);u=!0);}catch(t){l=!0,o=t}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}(t,e)||j(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function j(t,e){if(t){if("string"==typeof t)return _(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_(t,e):void 0}}function _(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}e.default=function(t){var e=t.campaignId,r=p.a.getCampaignData(),a=r&&r.type?parseInt(r.type):1,y=O(Object(n.useState)(!1),2),m=y[0],d=y[1],g=O(Object(n.useState)([]),2),_=g[0],E=g[1],S=O(Object(n.useState)(!1),2),L=S[0],k=S[1],x=O(Object(n.useState)(!1),2),A=x[0],I=x[1],P=O(Object(n.useState)({}),2),N=P[0],F=P[1],T=O(Object(n.useState)(!0),2),C=T[0],G=T[1],R=O(Object(n.useState)(!1),2),D=R[0],M=R[1],U=Object(n.useRef)(new AbortController),q=N.subject,H=N.type,J=void 0===H?"rich":H,Y=N.utm,z=void 0===Y?{}:Y,B=N.preheader,V=(r||{}).data,$=(void 0===V?{}:V).content,K=function(){var t=w(v().mark((function t(e){return v().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,G(!0),t.next=4,i()({path:Object(c.A)("/broadcast/email-preview"),method:"POST",data:e}).then((function(t){M(t.result.body.replace(/\\/g,"")),G(!1)}));case 4:t.next=9;break;case 6:return t.prev=6,t.t0=t.catch(0),t.abrupt("return",Object(n.createElement)(n.Fragment,null));case 9:case"end":return t.stop()}}),t,null,[[0,6]])})));return function(e){return t.apply(this,arguments)}}(),Q=function(){var t=w(v().mark((function t(){var r;return v().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return d(!0),t.prev=1,t.next=4,i()({method:"GET",path:Object(c.A)("/broadcast/".concat(e,"?ab_mode=1")),signal:U.current.signal});case 4:"result"in(r=t.sent)&&E(r.result),d(!1),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(1),"AbortError"===t.t0.name?console.log(t.t0.message):(E([]),d(!1));case 12:case"end":return t.stop()}}),t,null,[[1,9]])})));return function(){return t.apply(this,arguments)}}();Object(n.useEffect)((function(){return Q(),function(){U.current.abort()}}),[]);var W,X=function(t){if(!(Array.isArray($)&&$.length>0))return!1;var e,r=function(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=j(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,c=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return i=t.done,t},e:function(t){c=!0,a=t},f:function(){try{i||null==r.return||r.return()}finally{if(c)throw a}}}}($);try{for(r.s();!(e=r.n()).done;){var n=e.value;if(n&&n.template_id&&parseInt(n.template_id)===parseInt(t))return n}}catch(t){r.e(t)}finally{r.f()}return!1},Z=function(t){if(!t)return"-";var e=X(parseInt(t));return 1===a&&e.subject?e.subject:"-"},tt=function(t,e){!function(t){var e=X(parseInt(t));if(e){var r="",o=!1;3==a&&e.hasOwnProperty("whatsAppImage")&&e.whatsAppImage&&e.hasOwnProperty("whatsAppImageSetting")&&e.whatsAppImageSetting.hasOwnProperty("position")&&!Object(h.isEmpty)(e.whatsAppImageSetting.position)&&e.whatsAppImageSetting.hasOwnProperty("imageURL")&&!Object(h.isEmpty)(e.whatsAppImageSetting.imageURL)&&(r="before"===e.whatsAppImageSetting.position?Object(n.createElement)(n.Fragment,null,Object(n.createElement)("img",{src:e.whatsAppImageSetting.imageURL,width:50,height:50}),Object(n.createElement)("div",{dangerouslySetInnerHTML:{__html:e.body}})):Object(n.createElement)(n.Fragment,null,Object(n.createElement)("div",{dangerouslySetInnerHTML:{__html:e.body}}),Object(n.createElement)("img",{src:e.whatsAppImageSetting.imageURL,width:50,height:50})),o=!1),o?r=Object(n.createElement)("div",{dangerouslySetInnerHTML:{__html:"editor"===e.type?e.editor.body:e.body}}):K({content:"editor"===e.type?e.editor.body:e.body,type:e.type}),F(b(b({},e),{},{body:r}))}else I(Object(u.__)("Content attached to this template not found","wp-marketing-automations"));k(!0)}(e),t.preventDefault()},et=Object(f.a)(Object(c.zb)()).formatAmount,rt=function(t){return parseFloat(t.revenue)>0?Object(n.createElement)(n.Fragment,null,parseInt(t.conversions)>0&&parseInt(t.conversions)," ",Object(n.createElement)("span",{className:"bwf-tags bwf-tag-green"},et(parseFloat(t.revenue)))):" - "},nt=function(t){var e=parseFloat(t.open_rate)?parseFloat(t.open_rate).toFixed(2):"0.00";return(parseInt(t.open_count)?parseInt(t.open_count):0)>0?"".concat(e,"%"):"-"},ot=function(t){var e=parseFloat(t.click_rate)?parseFloat(t.click_rate).toFixed(2):"0.00";return(parseInt(t.click_count)?parseInt(t.click_count):0)>0?"".concat(e,"%"):"-"},at=Array.isArray(_)&&_.length>0?_.map((function(t){var e=[];return 1===a&&e.push({display:Z(t.tid),value:Z(t.tid)}),e.push({display:t.sent?t.sent:"-",value:t.sent}),1===a&&e.push({display:nt(t),value:t.open_rate}),e.push({display:ot(t),value:t.click_rate}),Object(c.qc)()&&e.push({display:parseInt(t.conversions)>0?rt(t):"-",value:""}),e.push({display:Object(n.createElement)(l.Button,{isSecondary:!0,className:"bwf-btn-small is-light bwf-btn-gray",onClick:function(e){return tt(e,parseInt(t.tid))}},Object(u.__)("View","wp-marketing-automations")),value:t.tid}),e})):[];return Object(n.createElement)("div",{className:"bwf-table-with-border"},Object(n.createElement)(o.a,{isLoading:m,title:Object(u.__)("Details","wp-marketing-automations"),rows:at,headers:(W=[],1===a&&W.push({key:"subject",label:Object(u.__)("Subject","wp-marketing-automations"),isLeftAligned:!0}),W.push({key:"sent",label:Object(u.__)("Sent","wp-marketing-automations"),isLeftAligned:!1,cellClassName:"bwf-col-center"}),1===a&&W.push({key:"open",label:Object(u.__)("Open Rate","wp-marketing-automations"),isLeftAligned:!1,cellClassName:"bwf-col-center"}),W.push({key:"click",label:Object(u.__)("Click Rate","wp-marketing-automations"),isLeftAligned:!1,cellClassName:"bwf-col-center"}),Object(c.qc)()&&W.push({key:"conversion",label:Object(u.__)("Conversions","wp-marketing-automations"),isLeftAligned:!1,cellClassName:"bwf-col-center"}),W.push({key:"show-template",label:"",isLeftAligned:!0,cellClassName:"bwf-col-center"}),W),query:{page:1},rowsPerPage:3,totalRows:3,showMenu:!1,emptyMessage:Object(u.__)("No stats available","wp-marketing-automations")}),Object(n.createElement)(s.a,{isOpen:L,isLoading:C,onRequestClose:function(){return k(!1)},error:A,subject:q,body:D,type:J,sourceType:2,mode:a,utm:z,preHeader:B}))}}}]);