2 lines
25 KiB
JavaScript
2 lines
25 KiB
JavaScript
import{ay as e,av as t,k as s,g as a,c as n,W as i,aZ as l,a_ as r,aJ as c,b9 as o,aE as u,aH as d,aI as _,E as p,aO as m,j as h,h as f,i as b,e as g,aK as v,aL as y,aT as k,ap as w}from"../../../vendor-element-plus.js?ver=3.1.8";import{aQ as S,a6 as C,W as $,X as x,Y as A,aa as q,a8 as F,Z as E,J as P,az as R,ab as I,a9 as B,a5 as T,a0 as V,b2 as j,av as L}from"../../../vendor.js?ver=3.1.8";import{P as D}from"../../../PaginationBar.js?ver=3.1.8";import{D as N}from"../../../DataTable.js?ver=3.1.8";import{F as z}from"../../../FloatingBulkActionShell.js?ver=3.1.8";import{I as O,C as U}from"../../../_IndividualProgress.js?ver=3.1.8";import{E as M}from"../../../_eChart.js?ver=3.1.8";import{_ as W,I as H,a as Y,T as G}from"../../../fc-bits-ui.js?ver=3.1.8";import{R as K}from"../../../_report_widget.js?ver=3.1.8";import{C as Z}from"../../../Confirm.js?ver=3.1.8";import{L as J,C as Q}from"../../../_LinkMetrics.js?ver=3.1.8";import{G as X}from"../../../GenericPromo.js?ver=3.1.8";import{S as ee}from"../../../_StepPicker.js?ver=3.1.8";import{B as te}from"../../../Badge.js?ver=3.1.8";import"../Email/Campaigns/_components/EmailPreview.js?ver=3.1.8";import"../../../PreviewIframeBuilder.js?ver=3.1.8";import"../../../SettingsIcons.js?ver=3.1.8";import"../../../PromoCard.js?ver=3.1.8";const se={style:{"min-height":"400px"}},ae={key:1,class:"fc_chart_empty",style:{"text-align":"center",padding:"40px 0",opacity:".6"}};const ne={class:"fcrm_funnel_step_reports"},ie={class:"fcrm_funnel_step_reports--list"},le={class:"fcrm_funnel_step_reports--card-title"},re={class:"fcrm_funnel_step_reports--card-stats-badges"},ce={key:0,class:"fcrm_funnel_step_reports--card fcrm_funnel_step_reports--card-result"},oe={class:"fcrm_funnel_step_reports--card-title"};const ue={class:"fcrm_funnel_email_reports"},de={key:0,class:"fcrm_funnel_email_lists"},_e={class:"fcrm_funnel_email_card--left"},pe=["onClick"],me={class:"fcrm_funnel_email_card--meta"},he={class:"icon"},fe={class:"fcrm_funnel_email_card--right"},be={class:"fcrm_quick_stats_wrap"},ge={class:"fcrm_quick_stats_label"},ve={class:"fcrm_quick_stats"},ye=["onClick"],ke={class:"icon"},we={class:"fcrm_quick_stat_digit"},Se=["title"],Ce={class:"icon"},$e={class:"fcrm_quick_stat_digit"},xe=["onClick","title"],Ae={class:"icon"},qe={class:"fcrm_quick_stat_digit"},Fe=["title"],Ee={class:"icon"},Pe={class:"fcrm_quick_stat_digit"},Re={key:0,class:"fcrm_quick_stat--revenue"},Ie={class:"icon"},Be={class:"fcrm_quick_stat_digit"},Te={key:1,class:"text-align-center"};const Ve={class:"fcrm_sync_new_steps_content"},je={style:{"font-size":"16px"}},Le={key:0},De={key:1},Ne={key:2};const ze={class:"fcrm_funnel_subscribers_report"},Oe={class:"fcrm_page_header_top_nav_wrapper"},Ue={class:"fcrm_page_header_breadcrumb"},Me={class:"fcrm_page_header_top_actions"},We={key:0,class:"fcrm_funnel_matrics_wrapper fc_m_24"},He={class:"fcrm_funnel_matrics_header"},Ye={class:"fcrm_funnel_matrics_body"},Ge={key:3,class:"fcrm_funnel_matrics_stat"},Ke={class:"count"},Ze={class:"icon"},Je={class:"fcrm_empty_state"},Qe={class:"fcrm_empty_state_text"},Xe={key:1},et={class:"icon"},tt={key:0},st={key:1},at={key:0},nt=["title"],it={class:"icon"},lt=["title"],rt=["title"],ct={class:"el-dropdown-link"},ot={class:"el-popover__reference"},ut={class:"icon"},dt={class:"el-popover__reference"},_t={class:"icon"},pt={class:"el-popover__reference"},mt={class:"icon"},ht={class:"el-popover__reference"},ft={class:"icon"},bt={class:"fcrm_bulk_action_bar"},gt={class:"fcrm_bulk_action_left"},vt={class:"fc_bulk_selection_count"},yt={class:"icon"},kt={style:{padding:"10px 20px"}};const wt=W({name:"FunnelSubscribers",props:["funnel_id"],components:{Icons:H,Badge:te,PaginationBar:D,DataTable:N,FloatingBulkActionShell:z,ContactCard:U,IndividualProgress:O,FunnelChart:W({name:"funnel-reporting-bar",props:["funnel_id","stats"],components:{EChart:M},data:()=>({fetching:!0,eChartOptions:null,maxCumulativeValue:0}),computed:{},methods:{setupChartItems(){if(!this.stats.metrics||0===this.stats.metrics.length)return this.eChartOptions=null,void(this.fetching=!1);const e=[],t=[],s=[],a=this.getBackgroundColors(this.stats.metrics.length);let n=0;this.each(this.stats.metrics,(i,l)=>{t.push({value:i.count,itemStyle:{color:"benchmark"===i.type?"red":a[l]}}),s.push(i.count),e.push(i.label+"\n"+i.percent+"%"),i.count>n&&(n=i.count)}),this.maxCumulativeValue=n+10;const i=e.length,l=i>8?Math.max(8/i*100,10):100,r=this;this.eChartOptions={tooltip:{trigger:"axis",axisPointer:{type:"shadow"},formatter:e=>{const t=r.stats.metrics[e[0].dataIndex];let s=`<strong>${t.label}</strong><br/>`;return s+=`${t.percent}%<br/>`,e.forEach(e=>{const t=`<span style="display:inline-block;margin-right:4px;border-radius:4px;width:10px;height:10px;background-color:${e.color};"></span>`;s+=`${t} ${e.seriesName}: ${e.value}<br/>`}),t.revenues&&(s+=`Revenue: ${t.revenues.join(" & ")}`),s}},legend:{top:10,data:[this.$t("Contacts"),this.$t("Line")]},grid:{left:40,right:85,bottom:60,top:50,containLabel:!0},xAxis:{type:"category",data:e,axisLabel:{interval:0,rotate:0,hideOverlap:!0}},yAxis:[{type:"value",min:0,position:"left",minInterval:1,axisLabel:{formatter:e=>Number.isInteger(e)?e:""},splitLine:{lineStyle:{color:"#E1E4EA",type:"dashed"}}},{type:"value",min:0,max:this.maxCumulativeValue,position:"right",minInterval:1,axisLabel:{formatter:e=>Number.isInteger(e)?e:""},splitLine:{lineStyle:{color:"#E1E4EA",type:"dashed"}}}],dataZoom:[{type:"inside",xAxisIndex:0,start:0,end:l},{type:"slider",xAxisIndex:0,orient:"vertical",start:0,end:l,right:20,top:90,bottom:90,width:20,showDataShadow:!1,brushSelect:!1}],series:[{name:this.$t("Contacts"),type:"bar",data:t,barMaxWidth:40,yAxisIndex:0},{name:this.$t("Line"),type:"line",data:s,yAxisIndex:1,smooth:!0,symbol:"circle",symbolSize:6,itemStyle:{color:"#335CFF"},lineStyle:{color:"#335CFF",width:2},areaStyle:{color:"rgba(55, 162, 235, 0.1)"}}]},this.fetching=!1},getBackgroundColors:e=>["#255A65","#22666C","#227372","#258077","#2D8C79","#3A997A","#4BA579","#5EB177","#73BD73","#8AC870","#A4D36C","#BFDC68","#DBE566","#544b66","#4f30c6","#190b1f","#6f23a7","#2d2134","#483ba6","#0e0d2c","#7a2d88","#181837","#2d187b","#2e2d4e","#491963","#1e052c","#3d3e8a","#2d163c","#644378","#210a50","#3f2c5b","#19164b","#461748"].slice(0,e)},mounted(){this.setupChartItems()},watch:{stats:{deep:!0,handler(){this.fetching=!0,this.setupChartItems()}}}},[["render",function(t,s,a,n,i,l){const r=S("EChart"),c=e;return C(($(),x("div",se,[!i.fetching&&i.eChartOptions?($(),A(r,{key:0,options:i.eChartOptions,height:400},null,8,["options"])):i.fetching?F("",!0):($(),x("div",ae,q(t.$t("No chart data found")),1))])),[[c,i.fetching]])}]]),FunnelTextReport:W({name:"FunnelTextReport",props:["stats","funnel"],components:{ReportWidget:K},data:()=>({colors:[{color:"var(--fc-error)",percentage:20},{color:"var(--fc-warning)",percentage:40},{color:"#5cb87a",percentage:60},{color:"#1989fa",percentage:80},{color:"var(--fc-deep-bg)",percentage:100}]}),methods:{format:e=>function(){return`${e}%`}},computed:{lastItem(){return!!this.stats.metrics.length&&this.stats.metrics[this.stats.metrics.length-1]}},mounted(){}},[["render",function(e,s,a,n,i,l){const r=t,c=S("report-widget");return $(),x("div",ne,[E("div",ie,[($(!0),x(P,null,R(a.stats.metrics,(e,t)=>($(),x("div",{class:"fcrm_funnel_step_reports--card",key:t},[E("h3",le,q(e.label),1),I(r,{percentage:e.percent>100?100:e.percent,"stroke-width":8,color:i.colors},null,8,["percentage","color"]),E("div",re,[I(c,{stat:e},null,8,["stat"])])]))),128)),l.lastItem?($(),x("div",ce,[E("h3",oe,q(e.$t("Overall Conversion Rate"))+": "+q(l.lastItem.percent)+"%",1),I(r,{percentage:100,status:"success"}),s[0]||(s[0]=E("div",{class:"fcrm_funnel_step_reports--card-stats-badges"},[E("div",{class:"fcrm_block_stats"})],-1))])):F("",!0)])])}]]),Confirm:Z,FunnelEmails:W({name:"FunnelEmails",props:["funnel_id"],components:{Icons:H,CampaignEmails:Q,LinkMetrics:J},data:()=>({email_sequences:[],fetching:!1,show_email_report:!1,show_email_report_id:!1,link_clicks_modal:!1,link_click_id:!1}),methods:{fetchEmailSequences(){this.fetching=!0,this.$get(`funnels/${this.funnel_id}/email_reports`).then(e=>{this.email_sequences=e.email_sequences}).catch(e=>{this.handleError(e)}).finally(()=>{this.fetching=!1})},getPercent:(e,t)=>t&&e?parseFloat(e/t*100).toFixed(2)+"%":"--",showEmailReport(e){this.show_email_report_id=e,this.show_email_report=!0},showLinkReport(e){this.link_click_id=e,this.link_clicks_modal=!0}},mounted(){this.fetchEmailSequences()}},[["render",function(t,n,i,l,r,c){const o=S("Icons"),u=s,d=S("campaign-emails"),_=a,p=S("link-metrics"),m=e;return C(($(),x("div",ue,[r.email_sequences.length?($(),x("div",de,[($(!0),x(P,null,R(r.email_sequences,e=>($(),x("div",{key:e.id,class:"fcrm_funnel_email_card"},[e.campaign?($(),x(P,{key:0},[E("div",_e,[E("div",{class:"fcrm_funnel_email_card--title",onClick:t=>c.showEmailReport(e.campaign.id)},[B(q(e.title)+" ",1),E("span",null,"( "+q(e.campaign.subject)+" )",1)],8,pe),E("div",me,[I(u,{link:"",size:"small",class:"font-medium",onClick:t=>c.showEmailReport(e.campaign.id)},{default:T(()=>[E("span",he,[I(o,{"icon-name":"envelope"})]),B(" "+q(t.$t("Show Individual Emails")),1)],void 0),_:1},8,["onClick"])])]),E("div",fe,[E("div",be,[E("div",ge,q(t.$t("Quick Stats")),1),E("ul",ve,[E("li",{onClick:t=>c.showEmailReport(e.campaign.id),class:"fcrm_quick_stat--sent is-link"},[E("span",ke,[I(o,{"icon-name":"send-mail"})]),E("p",null,[E("span",we,q(e.campaign.stats.sent||"--"),1),B(" "+q(t.$t("Sent")),1)])],8,ye),E("li",{title:e.campaign.stats.views,class:"fcrm_quick_stat--opened"},[E("span",Ce,[I(o,{"icon-name":"envelopeOpen"})]),E("p",null,[E("span",$e,q(c.getPercent(e.campaign.stats.views,e.campaign.stats.sent)),1),B(" "+q(t.$t("Opened")),1)])],8,Se),E("li",{onClick:t=>c.showLinkReport(e.campaign.id),title:e.campaign.stats.clicks,class:"fcrm_quick_stat--click is-link"},[E("span",Ae,[I(o,{"icon-name":"click"})]),E("p",null,[E("span",qe,q(c.getPercent(e.campaign.stats.clicks,e.campaign.stats.sent)),1),B(" "+q(t.$t("Clicked")),1)])],8,xe),E("li",{title:e.campaign.stats.unsubscribers,class:"fcrm_quick_stat--unsubscribe"},[E("span",Ee,[I(o,{"icon-name":"unsubscribe"})]),E("p",null,[E("span",Pe,q(c.getPercent(e.campaign.stats.unsubscribers,e.campaign.stats.sent)),1),B(" "+q(t.$t("Unsubscribed")),1)])],8,Fe),e.campaign.stats.revenue?($(),x("li",Re,[E("span",Ie,[I(o,{"icon-name":"wallet"})]),E("p",null,[E("span",Be,q(e.campaign.stats.revenue.total),1),B(" "+q(e.campaign.stats.revenue.label),1)])])):F("",!0)])])])],64)):F("",!0)]))),128))])):($(),x("h3",Te,q(t.$t("Sorry, No emails found in this automation")),1)),I(_,{"close-on-click-modal":!1,onClosed:n[0]||(n[0]=e=>r.show_email_report_id=""),title:t.$t("View Campaign Emails"),width:"60%","append-to-body":!0,modelValue:r.show_email_report,"onUpdate:modelValue":n[1]||(n[1]=e=>r.show_email_report=e)},{default:T(()=>[r.show_email_report_id?($(),A(d,{key:0,campaign_id:r.show_email_report_id},null,8,["campaign_id"])):F("",!0)],void 0),_:1},8,["title","modelValue"]),I(_,{"close-on-click-modal":!1,onClosed:n[2]||(n[2]=e=>r.link_click_id=""),title:t.$t("Link Metrics"),width:"60%","append-to-body":!0,modelValue:r.link_clicks_modal,"onUpdate:modelValue":n[3]||(n[3]=e=>r.link_clicks_modal=e)},{default:T(()=>[r.link_click_id?($(),A(p,{key:0,campaign_id:r.link_click_id,hide_title:!0},null,8,["campaign_id"])):F("",!0)],void 0),_:1},8,["title","modelValue"])])),[[m,r.fetching]])}]]),SyncNewSteps:W({name:"SyncNewSteps",components:{GenericPromo:X},props:["funnel_id"],emits:["reload"],data:()=>({schedule_at:"",syncableCount:0,loading:!1,processing:!1}),methods:{getCount(){this.loading=!0,this.$get(`funnels/${this.funnel_id}/syncable-counts`).then(e=>{this.syncableCount=e.syncable_count}).catch(e=>{this.handleError(e)}).finally(()=>{this.loading=!1})},syncSteps(){this.has_campaign_pro?(this.processing=!0,this.$post(`funnels/${this.funnel_id}/sync-new-steps`).then(e=>{this.$notify.success(this.$t("Automation_Sync_Note_6")),this.syncableCount=0,this.$emit("reload")}).catch(e=>{this.handleError(e)}).finally(()=>{this.processing=!1})):this.$notify.error(this.$t("Automation_Sync_Note_5"))}},mounted(){this.getCount()}},[["render",function(t,a,n,i,l,r){const c=s,o=S("generic-promo"),u=e;return C(($(),x("div",Ve,[E("p",je,q(t.$t("Automation_Sync_Note_1")),1),l.syncableCount?($(),x("div",Le,[E("h3",null,q(t.$t("There are around %d contacts that can be resumed to your newly added automation steps",l.syncableCount)),1),t.has_campaign_pro?($(),x(P,{key:0},[C(($(),A(c,{disabled:l.processing,onClick:r.syncSteps,type:"primary",size:"small"},{default:T(()=>[B(q(t.$t("Automation_Sync_Note_2")),1)],void 0),_:1},8,["disabled","onClick"])),[[u,l.processing]]),E("p",null,q(t.$t("Automation_Sync_Note_2")),1)],64)):($(),A(o,{key:1}))])):l.loading?($(),x("div",De,[E("h3",null,q(t.$t("Loading.....")),1)])):($(),x("div",Ne,[E("h3",null,q(t.$t("Automation_Sync_Note_4")),1)]))])),[[u,l.loading]])}]]),StepPicker:ee,InfoFilled:i,Close:n},data(){return{direction:"rtl",ArrowRightBold:L(w),funnel:{},subscribers:[],loading:!1,pagination:{total:0,per_page:10,current_page:1},sequences:[],stats:{metrics:[],total_revenue:0,revenue_currency:"USD"},visualization_type:"chart",search:"",deleting:!1,updating:!1,selectedSubscribers:[],selected_status:"all",selected_sequence:"",funnel_statuses:{all:this.$t("All"),active:this.$t("Active"),completed:this.$t("Completed"),cancelled:this.$t("Cancelled"),pending:this.$t("Pending")},loading_first:!0,syncSteps:!1,showSearchBar:!1,stepPickerRow:null,current_mode:"system"===G.getCurrentTheme()?G.getSystemTheme():G.getCurrentTheme()}},methods:{fetchSubscribers(){this.loading=!0;let e=["funnel","sequences"];this.loading_first||(e=[]),this.$get(`funnels/${this.funnel_id}/subscribers`,{per_page:this.pagination.per_page,page:this.pagination.current_page,with:e,search:this.search,status:this.selected_status,sequence_id:this.selected_sequence}).then(e=>{this.subscribers=e.funnel_subscribers.data,this.pagination.total=e.funnel_subscribers.total,this.loading_first&&(this.funnel=e.funnel,this.sequences=e.sequences,this.loading_first=!1)}).catch(e=>{this.handleError(e)}).finally(()=>{this.loading=!1})},fetchReport(){this.$get(`funnels/${this.funnel_id}/report`).then(e=>{this.stats=e.stats}).catch(e=>{this.handleError(e)}).finally(()=>{})},rowStatusClass:({row:e})=>"fc_table_row_"+e.status,removeFromFunnel(e){this.deleting=!0,this.$del(`funnels/${this.funnel_id}/subscribers`,{subscriber_ids:[e]}).then(e=>{this.$notify.success(e.message),this.fetchSubscribers()}).catch(e=>{this.handleError(e)}).finally(()=>{this.deleting=!1})},bulkRemove(){if(!this.selectedSubscribers.length)return this.$notify.error(this.$t("Please select subscribers first")),!1;this.deleting=!0,this.$del(`funnels/${this.funnel_id}/subscribers`,{subscriber_ids:this.selectedSubscribers}).then(e=>{this.$notify.success(e.message),this.selectedSubscribers=[],this.fetchSubscribers()}).catch(e=>{this.handleError(e)}).finally(()=>{this.deleting=!1})},changeFunnelSubscriptionStatus(e,t){this.updating=!0,this.$put(`funnels/${this.funnel_id}/subscribers/${e}/status`,{status:t}).then(e=>{this.$notify.success(e.message),this.fetchSubscribers()}).catch(e=>{this.handleError(e)}).finally(()=>{this.updating=!1})},openStepPicker(e){this.stepPickerRow=e},onSelection(e){const t=[];this.each(e,e=>{t.push(e.subscriber_id)}),this.selectedSubscribers=t},onSearchBarAppendClick(){this.showSearchBar?this.searchFromFirstPage():(this.showSearchBar=!0,this.$nextTick(()=>{var e;return null==(e=this.$refs.notesSearchInput)?void 0:e.focus()}))},searchFromFirstPage(){this.pagination&&(this.pagination.current_page=1),this.fetchSubscribers()},clearSelection(){this.$refs.subscribersTable&&this.$refs.subscribersTable.clearSelection(),this.selectedSubscribers=[]},onThemeChanged(e){var t;this.current_mode=(null==(t=e.detail)?void 0:t.effective)||("system"===G.getCurrentTheme()?G.getSystemTheme():G.getCurrentTheme())}},mounted(){window.fcAdmin&&window.fcAdmin.is_rtl&&(this.direction="ltr"),window.addEventListener(Y,this.onThemeChanged),this.fetchSubscribers(),this.fetchReport(),this.changeTitle(this.$t("Funnel Report"))},beforeUnmount(){window.removeEventListener(Y,this.onThemeChanged)}},[["render",function(t,a,n,i,w,L){const D=l,N=r,z=s,O=c,U=o,M=u,W=S("funnel-chart"),H=S("funnel-text-report"),Y=S("funnel-emails"),G=S("Icons"),K=g,Z=y,J=v,Q=S("icons"),X=_,ee=S("individual-progress"),te=S("InfoFilled"),se=p,ae=S("contact-card"),ne=m,ie=S("Badge"),le=b,re=S("confirm"),ce=f,oe=h,ue=d,de=S("pagination-bar"),_e=S("data-table"),pe=S("Close"),me=S("floating-bulk-action-shell"),he=S("sync-new-steps"),fe=k,be=S("step-picker"),ge=e;return $(),x("div",ze,[E("div",Oe,[E("div",Ue,[I(N,{class:"fcrm_funnel_report_breadcrumb","separator-icon":w.ArrowRightBold},{default:T(()=>[I(D,{to:{name:"funnels"}},{default:T(()=>[B(q(t.$t("Automation Funnels")),1)],void 0,!0),_:1}),I(D,{to:{name:"edit_funnel",params:{funnel_id:n.funnel_id}}},{default:T(()=>[B(q(w.funnel.title),1)],void 0,!0),_:1},8,["to"]),I(D,null,{default:T(()=>[B(q(t.$t("Subscribers")),1)],void 0,!0),_:1})],void 0),_:1},8,["separator-icon"])]),E("div",Me,[I(O,{class:"item","open-delay":500,effect:"dark",content:t.$t("Funnel_Step_Alert"),placement:"left"},{default:T(()=>[I(z,{onClick:a[0]||(a[0]=e=>w.syncSteps=!0),type:"default"},{default:T(()=>[B(q(t.$t("Re-apply New Steps")),1)],void 0,!0),_:1})],void 0),_:1},8,["content"])])]),w.stats.metrics.length?($(),x("div",We,[E("div",He,[I(M,{modelValue:w.visualization_type,"onUpdate:modelValue":a[1]||(a[1]=e=>w.visualization_type=e),class:"fcrm_global_radio_group"},{default:T(()=>[I(U,{value:"chart"},{default:T(()=>[B(q(t.$t("Chart Report")),1)],void 0,!0),_:1}),I(U,{value:"text"},{default:T(()=>[B(q(t.$t("Step Report")),1)],void 0,!0),_:1}),I(U,{value:"emails"},{default:T(()=>[B(q(t.$t("Emails Analytics")),1)],void 0,!0),_:1})],void 0),_:1},8,["modelValue"])]),E("div",Ye,["chart"==w.visualization_type?($(),A(W,{key:0,stats:w.stats,funnel_id:n.funnel_id},null,8,["stats","funnel_id"])):"text"==w.visualization_type?($(),A(H,{key:1,stats:w.stats,funnel:w.funnel},null,8,["stats","funnel"])):"emails"==w.visualization_type?($(),A(Y,{key:2,funnel_id:n.funnel_id},null,8,["funnel_id"])):F("",!0),w.stats.total_revenue?($(),x("h3",Ge,[B(q(t.$t("Fun_Total_Rftf"))+" ",1),E("span",Ke,q(w.stats.revenue_currency)+" "+q(w.stats.total_revenue_formatted),1)])):F("",!0)])])):F("",!0),I(_e,{"has-selection":!1},{"header-left":T(()=>[I(M,{modelValue:w.selected_status,"onUpdate:modelValue":a[2]||(a[2]=e=>w.selected_status=e),onChange:a[3]||(a[3]=e=>L.fetchSubscribers()),class:"fcrm_global_radio_group"},{default:T(()=>[($(!0),x(P,null,R(w.funnel_statuses,(e,t)=>($(),A(U,{key:t,value:t},{default:T(()=>[B(q(e),1)],void 0,!0),_:2},1032,["value"]))),128))],void 0,!0),_:1},8,["modelValue"])]),"header-actions":T(()=>[E("div",{class:V(["fcrm_notes_search_bar",{"fcrm_notes_search_bar-is_expanded":w.showSearchBar}])},[I(K,{ref:"notesSearchInput",onKeyup:j(L.searchFromFirstPage,["enter"]),clearable:"",size:"small",onClear:a[4]||(a[4]=e=>L.searchFromFirstPage()),placeholder:t.$t("Search"),modelValue:w.search,"onUpdate:modelValue":a[5]||(a[5]=e=>w.search=e),class:V(["fcrm_notes_search_input",{"fcrm_notes_search_input-is_expanded":w.showSearchBar}])},{append:T(()=>[I(z,{class:"small only-icon-btn",onClick:L.onSearchBarAppendClick},{default:T(()=>[E("span",Ze,[I(G,{"icon-name":"search"})])],void 0,!0),_:1},8,["onClick"])]),_:1},8,["onKeyup","placeholder","modelValue","class"])],2),I(J,{clearable:"",onChange:a[6]||(a[6]=e=>L.fetchSubscribers()),size:"small",title:t.$t("Sequence"),placeholder:t.$t("All Sequences"),modelValue:w.selected_sequence,"onUpdate:modelValue":a[7]||(a[7]=e=>w.selected_sequence=e)},{default:T(()=>[($(!0),x(P,null,R(w.sequences,e=>($(),A(Z,{key:e.id,value:e.id,label:e.title},null,8,["value","label"]))),128))],void 0,!0),_:1},8,["title","placeholder","modelValue"])]),table:T(()=>[C(($(),A(ue,{ref:"subscribersTable",border:"",stripe:"",onSelectionChange:L.onSelection,data:w.subscribers,"row-class-name":L.rowStatusClass},{empty:T(()=>[E("div",Je,[I(Q,{"icon-name":"common-empty-state"}),E("div",Qe,[E("span",null,q(t.$t("No Data Available")),1)])])]),default:T(()=>[I(X,{type:"selection"}),I(X,{type:"expand"},{default:T(e=>[I(ee,{funnel:w.funnel,funnel_subscriber:e.row,sequences:w.sequences},null,8,["funnel","funnel_subscriber","sequences"])]),_:1}),I(X,{label:t.$t("Contact"),width:"250"},{default:T(e=>[e.row.subscriber?($(),A(ae,{key:0,trigger_type:"click",display_key:"full",subscriber:e.row.subscriber},{after_name:T(()=>["fcrm_manual_attach"==e.row.source_trigger_name?($(),A(O,{key:0,class:"item",effect:"dark",content:t.$t("ProfileAutomations.Contact_Added_manually_to_Automation"),placement:"top-start"},{default:T(()=>[I(se,null,{default:T(()=>[I(te)],void 0,!0),_:1})],void 0,!0),_:1},8,["content"])):F("",!0)]),_:2},1032,["subscriber"])):($(),x("span",Xe,q(t.$t("No Subscriber Found")),1))]),_:1},8,["label"]),I(X,{label:t.$t("Status")},{default:T(e=>[I(ie,{type:e.row.status,plain:!0},{icon:T(()=>[E("span",et,[I(ne,{placement:"top-start","min-width":"200",trigger:"hover",content:t.$t("Current status of the subscriber in the funnel")},{reference:T(()=>[I(se,null,{default:T(()=>[I(te)],void 0,!0),_:1})]),_:1},8,["content"])])]),_:1},8,["type"])]),_:1},8,["label"]),I(X,{label:t.$t("Latest Action")},{default:T(e=>[e.row.last_sequence?($(),x("span",tt,q(e.row.last_sequence.title),1)):"pending"==e.row.status?($(),x("span",st,q(t.$t("Fun_Waiting_fdoc")),1)):F("",!0)]),_:1},8,["label"]),I(X,{label:t.$t("Next Step")},{default:T(e=>["completed"!=e.row.status?($(),x(P,{key:0},[e.row.next_sequence_item?($(),x("span",at,q(e.row.next_sequence_item.title),1)):F("",!0),"active"==e.row.status?($(),x("span",{key:1,title:e.row.next_execution_time}," - ("+q(t.nsHumanDiffTime(e.row.next_execution_time))+") ",9,nt)):F("",!0)],64)):($(),A(ie,{key:1,type:"completed",plain:!0},{icon:T(()=>[E("span",it,[I(se,null,{default:T(()=>[I(te)],void 0,!0),_:1})])]),_:1}))]),_:1},8,["label"]),I(X,{width:"150",label:t.$t("Last Executed At")},{default:T(e=>[E("span",{title:e.row.last_executed_time},q(t.nsHumanDiffTime(e.row.last_executed_time)),9,lt)]),_:1},8,["label"]),I(X,{width:"150",label:t.$t("Created At")},{default:T(e=>[E("span",{title:e.row.created_at},q(t.nsHumanDiffTime(e.row.created_at)),9,rt)]),_:1},8,["label"]),I(X,{width:"100",align:"center","class-name":"fcrm_table_actions_cell"},{default:T(e=>[I(oe,{trigger:"click",placement:"bottom-end"},{dropdown:T(()=>[I(ce,null,{default:T(()=>["active"==e.row.status||"waiting"==e.row.status?($(),A(le,{key:0,class:"fc_dropdown_action",onClick:t=>L.openStepPicker(e.row)},{default:T(()=>[E("span",ot,[E("span",ut,[I(G,{"icon-name":"play"})]),B(" "+q(t.$t("Advance Step")),1)])],void 0,!0),_:1},8,["onClick"])):F("",!0),"cancelled"==e.row.status?($(),A(le,{key:1,class:"fc_dropdown_action",onClick:t=>L.changeFunnelSubscriptionStatus(e.row.subscriber_id,"active")},{default:T(()=>[E("span",dt,[E("span",_t,[I(G,{"icon-name":"play"})]),B(" "+q(t.$t("Resume")),1)])],void 0,!0),_:1},8,["onClick"])):F("",!0),"active"==e.row.status?($(),A(le,{key:2,class:"fc_dropdown_action",onClick:t=>L.changeFunnelSubscriptionStatus(e.row.subscriber_id,"cancelled")},{default:T(()=>[E("span",pt,[E("span",mt,[I(G,{"icon-name":"close"})]),B(" "+q(t.$t("Cancel")),1)])],void 0,!0),_:1},8,["onClick"])):F("",!0),I(le,{class:"fc_dropdown_action"},{default:T(()=>[C(($(),A(re,{onYes:t=>L.removeFromFunnel(e.row.subscriber_id)},{reference:T(()=>[E("span",ht,[E("span",ft,[I(G,{"icon-name":"delete"})]),B(" "+q(t.$t("Delete")),1)])]),_:1},8,["onYes"])),[[ge,w.deleting]])],void 0,!0),_:2},1024)],void 0,!0),_:2},1024)]),default:T(()=>[E("span",ct,[I(G,{"icon-name":"more_actions"})])],void 0,!0),_:2},1024)]),_:1})],void 0,!0),_:1},8,["onSelectionChange","data","row-class-name"])),[[ge,w.loading]])]),pagination:T(()=>[I(de,{pagination:w.pagination,onFetch:L.fetchSubscribers},null,8,["pagination","onFetch"])]),_:1}),I(me,{visible:!!w.selectedSubscribers.length,"theme-mode":w.current_mode,"custom-layout":!0},{default:T(()=>[E("div",bt,[E("div",gt,[I(z,{link:"","aria-label":t.$t("Deselect"),onClick:L.clearSelection},{default:T(()=>[I(se,null,{default:T(()=>[I(pe)],void 0,!0),_:1})],void 0,!0),_:1},8,["aria-label","onClick"]),E("span",vt,[E("strong",null,q(w.selectedSubscribers.length),1),B(" "+q(t.$t("selected")),1)]),a[13]||(a[13]=E("div",{class:"fcrm_bulk_divider"},null,-1)),C(($(),A(re,{onYes:a[8]||(a[8]=e=>L.bulkRemove())},{reference:T(()=>[C(($(),A(z,{type:"danger",size:"small",plain:""},{default:T(()=>[E("span",yt,[I(G,{"icon-name":"delete"})]),B(" "+q(t.$t("Delete Selected")),1)],void 0,!0),_:1})),[[ge,w.deleting]])]),_:1})),[[ge,w.deleting]])])])],void 0),_:1},8,["visible","theme-mode"]),I(fe,{direction:w.direction,class:"fc_company_info_drawer","append-to-body":!0,size:t.globalDrawerSize,title:t.$t("Sync_New_Steps"),modelValue:w.syncSteps,"onUpdate:modelValue":a[10]||(a[10]=e=>w.syncSteps=e)},{default:T(()=>[E("div",kt,[w.syncSteps?($(),A(he,{key:0,onReload:a[9]||(a[9]=e=>{L.fetchReport(),L.fetchSubscribers(),w.syncSteps=!1}),funnel_id:n.funnel_id},null,8,["funnel_id"])):F("",!0)])],void 0),_:1},8,["direction","size","title","modelValue"]),w.stepPickerRow?($(),A(be,{key:1,"funnel-subscriber":w.stepPickerRow,sequences:w.sequences,"funnel-id":n.funnel_id,onClose:a[11]||(a[11]=e=>w.stepPickerRow=null),onAdvanced:a[12]||(a[12]=e=>{w.stepPickerRow=null,L.fetchSubscribers()})},null,8,["funnel-subscriber","sequences","funnel-id"])):F("",!0)])}]]);export{wt as default};
|