https://app.netengine.co/js/27763.94f0dc3e.js

1"use strict";(self["webpackChunknetengine_app"]=self["webpackChunknetengine_app"]||[]).push([[27763],{27763:function(t,e,s){s.r(e),s.d(e,{default:function(){return c}});var a=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"broadcast-report"}},[e("div",{staticClass:"row"},[e("div",{staticClass:"col-12 mb-5"},[e("div",{staticClass:"card"},[e("div",{staticClass:"card-body"},[e("div",{staticClass:"row"},[e("div",{staticClass:"col-md-12 text-right"},[e("b-form-group",[e("b-button",{attrs:{variant:"warning"},on:{click:t.onBack}},[e("span",[e("i",{staticClass:"uil uil-arrow-left"}),t._v(" Back")])])],1)],1),t._m(0),e("div",{staticClass:"col-md-9 d-flex justify-content-end"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.statsDatatable.queries.search,expression:"statsDatatable.queries.search"}],staticClass:"form-control form-control-sm",staticStyle:{width:"200px"},attrs:{type:"text",placeholder:"Search..."},domProps:{value:t.statsDatatable.queries.search},on:{input:function(e){e.target.composing||t.$set(t.statsDatatable.queries,"search",e.target.value)}}}),e("select",{directives:[{name:"model",rawName:"v-model",value:t.statsDatatable.queries.status,expression:"statsDatatable.queries.status"}],staticClass:"form-control ml-2 form-control-sm",staticStyle:{width:"200px"},on:{change:function(e){var s=Array.prototype.filter.call(e.target.options,(function(t){return t.selected})).map((function(t){var e="_value"in t?t._value:t.value;return e}));t.$set(t.statsDatatable.queries,"status",e.target.multiple?s:s[0])}}},[e("option",{attrs:{value:""}},[t._v("All")]),e("option",{attrs:{value:"Delivered"}},[t._v("Delivered")]),e("option",{attrs:{value:"Failed"}},[t._v("Failed")])]),e("button",{staticClass:"ml-1 btn btn-primary btn-sm",on:{click:t.getSentStats}},[e("i",{staticClass:"uil uil-search-alt"})])])]),t.loadingStats||t.loadingBroadcast?e("div",{staticClass:"text-center"},[e("b-spinner")],1):e("div",{staticClass:"table-responsive mt-4"},[e("b-table",{attrs:{items:t.stats.data,fields:t.statsDatatable.columns,"sort-by":t.statsDatatable.queries.sort_by,"sort-desc":t.statsDatatable.queries.sort_desc,"sort-direction":t.statsDatatable.queries.sort_direction,"per-page":t.statsDatatable.queries.per_page,"no-local-sorting":!0},on:{"update:sortBy":function(e){return t.$set(t.statsDatatable.queries,"sort_by",e)},"update:sort-by":function(e){return t.$set(t.statsDatatable.queries,"sort_by",e)},"update:sortDesc":function(e){return t.$set(t.statsDatatable.queries,"sort_desc",e)},"update:sort-desc":function(e){return t.$set(t.statsDatatable.queries,"sort_desc",e)},"sort-changed":t.statsSortChanged},scopedSlots:t._u([{key:"cell(processed_at)",fn:function(e){return[t._v(" "+t._s(t._f("moment")(e.item.processed_at,"YYYY-MM-DD HH:mm:ss"))+" ")]}},{key:"cell(messageStatus)",fn:function(s){return[e("span",{staticClass:"text-primary",class:{"text-danger":"Failed"===s.item.messageStatus,"text-success":"Delivered"===s.item.messageStatus}},[t._v(t._s(s.item.messageStatus))])]}},{key:"cell(messageError)",fn:function(s){return["email"===t.providerType?e("span",[t._v(t._s(s.item.email_response))]):e("span",[t._v(t._s(s.item.messageError))])]}},{key:"cell(engagementStatus)",fn:function(s){return[e("div",{staticClass:"d-flex engagement-wrapper"},[e("div",{staticStyle:{width:"32px"}},[s.item.email_clicked?e("span",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.hover",modifiers:{hover:!0}}],attrs:{title:t.getEngagementTooltip(s.item,"email_clicked")}},[e("i",{staticClass:"uil uil-mouse-alt text-primary"})]):t._e()]),e("div",{staticStyle:{width:"32px"}},[s.item.email_opened?e("span",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.hover",modifiers:{hover:!0}}],attrs:{title:t.getEngagementTooltip(s.item,"email_opened")}},[e("i",{staticClass:"uil uil-envelope-open text-primary"})]):t._e()]),e("div",{staticStyle:{width:"32px"}},[s.item.email_unsubscribed?e("span",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.hover",modifiers:{hover:!0}}],attrs:{title:t.getEngagementTooltip(s.item,"email_unsubscribed")}},[e("i",{staticClass:"uil uil-envelope text-danger"})]):t._e()])])]}},{key:"cell(optOut)",fn:function(e){return["sms"===t.providerType?[t._v(" "+t._s(t._f("moment")(e.item.opt_out,t.$

1store.getters["auth/dateFormat"]))+" ")]:"email"===t.providerType?[t._v(" "+t._s(t._f("moment")(e.item.email_opt_out,t.$store.getters["auth/dateFormat"]))+" ")]:t._e()]}},{key:"cell(actions)",fn:function(s){return["sms"===t.providerType?[s.item.twilio_opt_out?e("span",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.hover",modifiers:{hover:!0}}],staticClass:"btn",style:{color:s.item.opt_out?"#df2424":"#6c757d",fontSize:"18px"},attrs:{title:"We can't Opt In this contact as customer unsubscribed on his/her side."}},[e("i",{staticClass:"uil uil-ban"})]):e("span",{staticClass:"btn",style:{color:s.item.opt_out?"#df2424":"#6c757d",fontSize:"18px"},on:{click:function(e){return t.onToggleOptOut(s.item)}}},[t.processing?e("b-spinner",{attrs:{small:""}}):e("i",{staticClass:"uil uil-ban"})],1)]:"email"===t.providerType?[e("span",{staticClass:"btn",style:{color:s.item.email_opt_out?"#df2424":"#6c757d",fontSize:"18px"},on:{click:function(e){return t.onToggleOptOut(s.item)}}},[t.processing?e("b-spinner",{attrs:{small:""}}):e("i",{staticClass:"uil uil-ban"})],1)]:t._e()]}}],null,!1,313677684)}),e("div",{staticClass:"mt-4"},[e("div",{staticClass:"float-left mt-2"},[t._v(" Total "+t._s(t.stats.meta.total)+" records ")]),e("div",{staticClass:"dataTables_paginate paging_simple_numbers float-right"},[e("ul",{staticClass:"pagination pagination-rounded mb-0"},[e("b-pagination",{attrs:{"total-rows":t.stats.meta.total,"per-page":t.statsDatatable.queries.per_page},on:{change:t.onPageChanged},model:{value:t.statsDatatable.queries.page,callback:function(e){t.$set(t.statsDatatable.queries,"page",e)},expression:"statsDatatable.queries.page"}})],1)])])],1)])])])]),e("b-modal",{attrs:{title:"Opt Contact Out"},scopedSlots:t._u([{key:"modal-footer",fn:function(){return[e("b-button",{attrs:{variant:"light"},on:{click:function(e){t.showOptoutModal=!1}}},[t._v("Cancel")]),e("b-button",{attrs:{variant:"danger"},on:{click:t.toggleOptOut}},[t._v("Opt-Out")])]},proxy:!0}]),model:{value:t.showOptoutModal,callback:function(e){t.showOptoutModal=e},expression:"showOptoutModal"}},[t.selectedRow?e("p",[t._v("Are you sure you want to opt contact "),e("b",[t._v("#"+t._s(t.selectedRow.contact_id))]),t._v(" out?")]):t._e()])],1)},i=[function(){var t=this,e=t._self._c;return e("div",{staticClass:"col-md-3"},[e("h5",{staticClass:"card-title mt-0 mb-0 header-title"},[t._v("Broadcast Report")])])}],o=(s(57658),{components:{},data(){return{stats:{data:[],meta:{total:0}},statsDatatable:{columns:[{key:"phone",label:"Number"},{key:"email",label:"Email"},{key:"messageStatus",label:"Status"},{key:"messageError",label:"Error Message"},{key:"processed_at",label:"ProcessedAt",sortable:!0},{key:"optOut",sortable:!0},{key:"actions"}],queries:{per_page:10,page:1,status:"",search:"",sort_desc:!0,sort_by:""}},loadingStats:!1,loadingBroadcast:!1,broadcast:void 0,processing:!1,selectedRow:void 0,showOptoutModal:!1}},computed:{timezones(){return this.$store.getters["app/timezones"]},user(){return this.$store.getters["auth/user"]},providerType(){return this.broadcast&&this.broadcast.provider}},watch:{},mounted(){this.getBroadcast(),this.getSentStats()},methods:{onBack(){this.$router.push({name:"business.broadcasts.index",query:{type:this.broadcast.provider}})},statsSortChanged(t){this.statsDatatable.queries.sort_by=t.sortBy,this.statsDatatable.queries.sort_desc=t.sortDesc,this.statsDatatable.queries.sort_direction=t.sortDirection,this.statsDatatable.queries.page=1,this.getSentStats()},onPageChanged(t){this.statsDatatable.queries.page=t,this.getSentStats()},getEngagementTooltip(t,e){return"email_clicked"===e&&t.email_clicked?"This contact has clicked the email on "+this.$options.filters.datetime(t.email_clicked,this.$store.getters["auth/dateFormat"]):"email_opened"===e&&t.email_opened?"This contact has opened the email on "+this.$options.filters.datetime(t.email_opened,this.$store.getters["auth/dateFormat"]):"email_unsubscribed"===e&&t.email_unsubscribed?"This contact has unsubscribed the email on "+this.$options.filters.datetime(t.email_unsubscribed,this.$store.getters["auth/dateFormat"]):void 0},getBroadcast(){this.loadingBroadcast=!0,this.$store.dispatch("broadcast/find",this.$route.params.id).then((t=>{this.broadcast=t,this.statsDatatable&&this.statsDatatable.columns&&("email"===this.providerType?this.statsDatatable.columns.splice(3,0,{key:"engagementStatus",label:"Engagements"}):this.statsDatatable.columns.splice(3,0,{key:"messageErrorCodee",label:"ErrorCode"})),this.loadingBroadcast=!1})).catch((()=>{this.$router.push({name:"business.broadcasts.index"}),this.loadingBroadcast=!1}))},getSentStats(){this.loadingStats=!0;const t={broadcastId:this.$route.params.id,queries:this.statsDatatable.queries};this.$store.dispatch("broadcast/sentStats",t).then((t=>{this.stats=t,this.loadingStats=!1}

1)).catch((()=>{this.loadingStats=!1}))},onToggleOptOut(t){this.selectedRow=t,"email"===this.providerType&&t.email_opt_out||"sms"===this.providerType&&t.opt_out?this.toggleOptOut():this.showOptoutModal=!0},toggleOptOut(){if(this.processing)return;this.processing=!0;let t={id:this.selectedRow.contact_id,type:this.providerType};this.$store.dispatch("contact/toggleOptOut",t).then((t=>{this.processing=!1,this.selectedRow.opt_out=t.opt_out,this.selectedRow.email_opt_out=t.email_opt_out,this.showOptoutModal=!1})).catch((()=>{this.processing=!1,this.showOptoutModal=!1}))}}}),r=o,l=s(43736),n=(0,l.Z)(r,a,i,!1,null,null,null),c=n.exports}}]);
2//# sourceMappingURL=27763.94f0dc3e.js.map