(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2bdb0b7c"],{6983:function(t,e,s){},7952:function(t,e,s){"use strict";s.r(e);var a=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{attrs:{id:"broadcast-report"}},[s("div",{staticClass:"row"},[s("div",{staticClass:"col-12 mb-5"},[s("div",{staticClass:"card"},[s("div",{staticClass:"card-body"},[s("div",{staticClass:"row"},[s("div",{staticClass:"col-md-12 text-right"},[s("b-form-group",[s("b-button",{attrs:{variant:"warning"},on:{click:t.onBack}},[s("span",[s("i",{staticClass:"uil uil-arrow-left"}),t._v(" Back")])])],1)],1),t._m(0),s("div",{staticClass:"col-md-9 d-flex justify-content-end"},[s("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)}}}),s("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])}}},[s("option",{attrs:{value:""}},[t._v("All")]),s("option",{attrs:{value:"Delivered"}},[t._v("Delivered")]),s("option",{attrs:{value:"Failed"}},[t._v("Failed")])]),s("button",{staticClass:"ml-1 btn btn-primary btn-sm",on:{click:t.getSentStats}},[s("i",{staticClass:"uil uil-search-alt"})])])]),t.loadingStats||t.loadingBroadcast?s("div",{staticClass:"text-center"},[s("b-spinner")],1):s("div",{staticClass:"table-responsive mt-4"},[s("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(e){return[s("span",{staticClass:"text-primary",class:{"text-danger":"Failed"===e.item.messageStatus,"text-success":"Delivered"===e.item.messageStatus}},[t._v(t._s(e.item.messageStatus))])]}},{key:"cell(messageError)",fn:function(e){return["email"===t.providerType?s("span",[t._v(t._s(e.item.email_response))]):s("span",[t._v(t._s(e.item.messageError))])]}},{key:"cell(engagementStatus)",fn:function(e){return[s("div",{staticClass:"d-flex engagement-wrapper"},[s("div",{staticStyle:{width:"32px"}},[e.item.email_clicked?s("span",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.hover",modifiers:{hover:!0}}],attrs:{title:t.getEngagementTooltip(e.item,"email_clicked")}},[s("i",{staticClass:"uil uil-mouse-alt text-primary"})]):t._e()]),s("div",{staticStyle:{width:"32px"}},[e.item.email_opened?s("span",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.hover",modifiers:{hover:!0}}],attrs:{title:t.getEngagementTooltip(e.item,"email_opened")}},[s("i",{staticClass:"uil uil-envelope-open text-primary"})]):t._e()]),s("div",{staticStyle:{width:"32px"}},[e.item.email_unsubscribed?s("span",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.hover",modifiers:{hover:!0}}],attrs:{title:t.getEngagementTooltip(e.item,"email_unsubscribed")}},[s("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.$store.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(e){return["sms"===t.providerType?[e.item.twilio_opt_out?s("span",{directives:[{name:"b-tooltip",rawName:"v-b-tooltip.hover",modifiers:{hover:!0}}],staticClass:"btn",style:{color:e.item.opt_out?"#df2424":"#6c757d",fontSize:"18px"},attrs:{title:"We can't Opt In this contact as customer unsubscribed on his/her side."}},[s("i",{staticClass:"uil uil-ban"})]):s("span",{staticClass:"btn",style:{color:e.item.opt_out?"#df2424":"#6c757d",fontSize:"18px"},on:{click:function(s){return t.onToggleOptOut(e.item)}}},[t.processing?s("b-spinner",{attrs:{small:""}}):s("i",{staticClass:"uil uil-ban"})],1)]:"email"===t.providerType?[s("span",{staticClass:"btn",style:{color:e.item.email_opt_out?"#df2424":"#6c757d",fontSize:"18px"},on:{click:function(s){return t.onToggleOptOut(e.item)}}},[t.processing?s("b-spinner",{attrs:{small:""}}):s("i",{staticClass:"uil uil-ban"})],1)]:t._e()]}}],null,!1,313677684)}),s("div",{staticClass:"mt-4"},[s("div",{staticClass:"float-left mt-2"},[t._v(" Total "+t._s(t.stats.meta.total)+" records ")]),s("div",{staticClass:"dataTables_paginate paging_simple_numbers float-right"},[s("ul",{staticClass:"pagination pagination-rounded mb-0"},[s("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)])])])]),s("b-modal",{attrs:{title:"Opt Contact Out"},scopedSlots:t._u([{key:"modal-footer",fn:function(){return[s("b-button",{attrs:{variant:"light"},on:{click:function(e){t.showOptoutModal=!1}}},[t._v("Cancel")]),s("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?s("p",[t._v("Are you sure you want to opt contact "),s("b",[t._v("#"+t._s(t.selectedRow.contact_id))]),t._v(" out?")]):t._e()])],1)},i=[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"col-md-3"},[s("h5",{staticClass:"card-title mt-0 mb-0 header-title"},[t._v("Broadcast Report")])])}],o={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}).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("e3a9"),s("2877")),n=Object(l["a"])(r,a,i,!1,null,null,null);e["default"]=n.exports},e3a9:function(t,e,s){"use strict";s("6983")}}]);
//# sourceMappingURL=chunk-2bdb0b7c.efd387b0.js.map