https://portal.clickheredigital.com/assets/ConversionIQInsights-CkSW8rmU.js

1import{n as h,c as _,F as g,d as D,a2 as w,r as x,w as B,z as O,k as M,o as A,j as N,u as j}from"./index-C3PRlZvS.js";import{C as T}from"./ClientReportsResource-CxK7Zv9S.js";import{u as I}from"./useReporting-COvkPYZ_.js";import{P as E}from"./PdfCover-kaqprAdv.js";import{u as R}from"./useChart-DIIHRzqt.js";import{t as P}from"./chart-helper-7yOiO8-x.js";import{H as z}from"./horizontal-bar-chart-Y1QPyRwh.js";import{D as Y}from"./doughnut-chart-CTwTfnF9.js";import"./PartnerResource-Da6bJ3Yo.js";import"./Chart-BT5-f4qM.js";const W={__name:"conversions",props:{width:{type:[Number,String],default:400},height:{type:[Number,String],default:400},conversionsData:{type:Object,required:!0},options:{type:Object,default:void 0}},setup(c){const e=c,{canvasEl:t}=R({type:"line",data:()=>e.conversionsData,options:()=>({legend:{display:!1},tooltips:{mode:"label",position:"nearest",intersect:!1,titleFontSize:20,bodyFontSize:20,footerFontSize:20,callbacks:{label(s,i){const{label:r}=i.datasets[s.datasetIndex],a=i.datasets[s.datasetIndex].data[s.index];return`${r} : ${parseFloat(a).toFixed(2)}%`}}},responsive:!0,maintainAspectRatio:!1,...e.options})});return{__sfc:!0,props:e,canvasEl:t}}};var q=function(){var e=this,t=e._self._c;return e._self._setupProxy,t("div",[t("canvas",{ref:"canvasEl",attrs:{width:e.width,height:e.height}})])},H=[],Q=h(W,q,H,!1,null,null);const Z=Q.exports,K={__name:"ConversionsChart",props:["conversions","pdfView"],setup(c){const e=c,t=_(()=>{var a;return((a=e.conversions)==null?void 0:a.totals)||{}}),s=_(()=>[{label:"Shown Rate",value:g(t.value.shownRate*100),textColor:"#160683"},{label:"Conversion Rate",value:g(t.value.conversionRate*100),textColor:"#718096"}]),i=_(()=>{var d,p;const a=new Set,n={datasets:[]},o=[],l=[];return(p=(d=e.conversions)==null?void 0:d.daily)==null||p.forEach(u=>{a.add(D.utc(u.report_date).format("MMMM DD")),o.push(u.shown_rate*100),l.push(u.conversion_rate*100)}),n.labels=[...a],n.datasets.push({label:"Shown Rate",data:o,fill:!0,backgroundColor:"rgba(67, 153, 225, 0.4)",borderColor:"#160683",tension:.4,yAxisID:"y-axis-1"}),n.datasets.push({label:"Conversion Rate",data:l,fill:!0,backgroundColor:"rgba(0, 0, 0, 0.3)",borderColor:"rgba(0, 0, 0, 0.4)",tension:.4,yAxisID:"y-axis-2"}),n}),r={scales:{xAxes:[{gridLines:{display:e.pdfView}}],yAxes:[{type:"linear",display:e.pdfView,position:"left",ticks:{beginAtZero:!0},gridLines:{display:!1},labels:{show:!0},id:"y-axis-1"},{type:"linear",display:e.pdfView,position:"right",ticks:{beginAtZero:!0},gridLines:{display:!1},labels:{show:!0},id:"y-axis-2"}]},hover:{animationDuration:0},animation:{duration:.1,loop:!1,onComplete:e.pdfView?({chart:a})=>{const{ctx:n,data:o}=a;n.font="12px Helvetica Neue",n.fillStyle="#000",n.textAlign="center",n.textBaseline="bottom",o.datasets.forEach((l,d)=>{a.controller.getDatasetMeta(d).data.forEach((u,f)=>{n.fillText(g(l.data[f]),u._model.x,u._model.y-5)})})}:()=>{}}};return{__sfc:!0,props:e,totals:t,metrics:s,dailyConversions:i,chartOptions:r,Conversions:Z}}};var X=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("v-card",[t("v-card-text",[t("div",{staticClass:"flex space-x-12 p-3"},e._l(s.metrics,function(i,r){return t("div",{key:r},[t("h6",{staticClass:"font-light text-lg"},[e._v(e._s(i.label))]),t("h3",{staticClass:"font-bold text-4xl",style:`color: ${i.textColor}`},[e._v(" "+e._s(i.value)+" ")])])}),0),t("div",{style:{width:e.pdfView?"1400px":"100%"}},[t(s.Conversions,{attrs:{"conversions-data":s.dailyConversions,options:s.chartOptions}})],1)])],1)},G=[],J=h(K,X,G,!1,null,null);const U=J.exports,ee={__name:"leadsByDay",props:{width:{type:[Number,String],default:400},height:{type:[Number,String],default:400},chartData:{type:Object,required:!0},options:{type:Object,default:void 0}},setup(c){const e=c,{canvasEl:t}=R({type:"bar",data:()=>e.chartData,options:()=>({tooltips:{mode:"index",position:"nearest",xAlign:"center",yAlign:"top",callbacks:{label(s,i){return P(s,i)}}},scales:{xAxes:[{gridLines:{display:!1}}],yAxes:[{type:"linear",display:!1,position:"left",id:"y-axis-1",gridLines:{display:!1},ticks:{beginAtZero:!0},labels:{show:!0}}]}

1,legend:{display:!1},responsive:!0,maintainAspectRatio:!1,...e.options})});return{__sfc:!0,props:e,canvasEl:t}}};var te=function(){var e=this,t=e._self._c;return e._self._setupProxy,t("div",[t("canvas",{ref:"canvasEl",attrs:{width:e.width,height:e.height}})])},se=[],ae=h(ee,te,se,!1,null,null);const re=ae.exports,ne={__name:"LeadsByDayChart",props:["leadsByDay","pdfView"],setup(c){const e=c,t=_(()=>({hover:{animationDuration:0},animation:{duration:.1,loop:!1,onComplete:e.pdfView?({chart:r})=>{const{data:a}=r;r.ctx.textAlign="center",r.ctx.textBaseline="bottom";for(let n=0;n<a.datasets.length;n++)r.controller.getDatasetMeta(n).data.forEach((l,d)=>{let p=0;for(let u=0;u<a.datasets.length;u++){const f=a.datasets[u];p+=f.data[d]}r.ctx.fillText(w(p),l._model.x,l._model.y+20)})}:()=>{}}})),s=_(()=>Object.values(e.leadsByDay).reduce((r,a)=>r+a,0)),i=_(()=>{const r=Object.keys(e.leadsByDay).sort((a,n)=>new Date(a)-new Date(n));return{labels:r.map(a=>D(a).format("MMMM DD")),datasets:[{label:"Leads",backgroundColor:"rgba(67, 153, 225, 0.9)",hoverBackgroundColor:"#2854DF",data:r.map(a=>e.leadsByDay[a]),type:"bar"}]}});return{__sfc:!0,props:e,chartOptions:t,totalLeads:s,chartData:i,LeadsByDay:re}}};var oe=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("v-card",[t("v-card-title",{staticClass:"flex justify-between items-start"},[e._v(" Leads Generated by Day "),t("div",{staticClass:"text-right p-3"},[t("div",{staticClass:"font-bold text-3xl tracking-tight"},[e._v(e._s(s.totalLeads))]),t("div",{staticClass:"text-gray-600 text-lg tracking-tight"},[e._v("Total Leads")])])]),t("v-card-text",{staticClass:"pt-6 w-full"},[t(s.LeadsByDay,{style:{width:e.pdfView?"1400px":"100%"},attrs:{chartData:s.chartData,options:s.chartOptions}})],1)],1)},le=[],ie=h(ne,oe,le,!1,null,null);const ce=ie.exports,de={__name:"LeadsFilters",props:["loading"],emits:["updateFilters"],setup(c,{emit:e}){const t=x({});return B(t,()=>{e("updateFilters",t.value)},{deep:!0}),{__sfc:!0,emit:e,newFilters:t}}};var ue=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("div",[t("v-row",{staticClass:"items-center align-start"},[t("v-col",{staticClass:"pb-0",attrs:{md:"6",sm:"12",cols:"12"}},[t("v-text-field",{staticClass:"p-2",attrs:{disabled:e.loading,filled:"",clearable:"","prepend-inner-icon":"mdi-magnify",label:"Search","single-line":"","hide-details":""},model:{value:s.newFilters.search,callback:function(i){e.$set(s.newFilters,"search",i)},expression:"newFilters.search"}})],1)],1)],1)},pe=[],fe=h(de,ue,pe,!1,null,null);const _e=fe.exports,ve={__name:"SubmissionsByDeviceChart",props:["leads","pdfView"],setup(c){const e=c,t=_(()=>Object.values(e.leads).reduce((r,a)=>r+a,0)),s=_(()=>({labels:Object.keys(e.leads),datasets:[{backgroundColor:["#160683","#2854DF","#718096"],data:Object.values(e.leads)}]}));return{__sfc:!0,props:e,allTotal:t,chartData:s,chartOptions:{layout:{padding:{right:75}},legend:{display:!1},tooltips:{mode:"label",callbacks:{label(r,a){return P(r,a,!0)}}},scales:{xAxes:[{display:!1}],yAxes:[{gridLines:{display:!1},ticks:{beginAtZero:!0}}]},hover:{animationDuration:0},animation:{duration:.1,loop:!1,onComplete:({chart:r})=>{const{data:a}=r,n=a.datasets.length;for(let o=0;o<a.datasets.length;o++)r.controller.getDatasetMeta(o).data.forEach((d,p)=>{let u=0;for(let f=0;f<a.datasets.length;f++){const v=a.datasets[f];u+=v.data[p]}o===n-1&&(e.pdfView?(r.ctx.fillText(w(u),d._model.x+15,d._model.y-10),r.ctx.fillText(g(t.value>0?100*u/t.value:0),d._model.x+15,d._model.y+10)):r.ctx.fillText(g(t.value>0?100*u/t.value:0),d._model.x+15,d._model.y))})}}},HorizontalBarChart:z}}};var me=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("v-card",[t("v-card-title",[e._v("Submissions by Device")]),t("v-card-text",[t("div",{style:{width:e.pdfView?"700px":"100%"}},[t(s.HorizontalBarChart,{attrs:{data:s.chartData,options:s.chartOptions}})],1)])],1)},he=[],ye=h(ve,me,he,!1,null,null);const ge=ye.exports,xe={__name:"SubmissionsByPageTypeChart",props:["leads","pdfView"],setup(c){const e=c,t=_(()=>Object.values(e.leads).reduce((r,a)=>r+a,0)),s=_(()=>{const r=Object.keys(e.leads).sort((a,n)=>e.leads[a]-e.leads[n]).reverse();return{labels:r,datasets:[{label:"Views",data:r.map(a=>e.leads[a]),backgroundColor:["#160683","#718096","#FF6384","#43A9DF","#1B4487","#2b6cb0"]}]}});return{__sfc:!0,props:e,totalLeads:t,chartData:s,chartOptions:{legend:{dis

1play:!0,position:"right",labels:{generateLabels:r=>{const a=r.data.datasets[0],n=a.data.reduce((o,l)=>o+l,0);return a.data.map((o,l)=>{let d=`${r.data.labels[l]} ${g(n>0?100*o/n:0)}`;return e.pdfView&&(d=`${r.data.labels[l]}: ${o} Leads`),{text:d,fillStyle:a.backgroundColor[l],strokeStyle:a.backgroundColor[l],hidden:r.getDatasetMeta(0).data[l].hidden||!1,index:l}})}}},tooltips:{callbacks:{label:(r,a)=>{const n=a.datasets[0].data[r.index];return`${a.labels[r.index]}: ${n} Leads`}}},hover:{animationDuration:0},animation:{duration:.1,loop:!1,onComplete:r=>{const{width:a,height:n,ctx:o}=r.chart;o.restore();const l=(a/220).toFixed(2);o.font=`${l}em sans-serif`,o.textBaseline="middle",o.fillStyle="#160683";const d=`${w(t.value)}`,p=a/2,u=n/2,f=o.measureText(d).width,v=p-f/2-100;o.fillText(d,v,u),o.save(),o.font=`${(l/4).toFixed(2)}em sans-serif`,o.fillStyle="#000000",o.fillText("Total Leads",v,u+f/2.25),o.save()}}},DoughnutChart:Y}}};var be=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("v-card",[t("v-card-title",[e._v("Submissions by Page Type")]),t("v-card-text",[t(s.DoughnutChart,{style:{width:e.pdfView?"700px":"100%"},attrs:{data:s.chartData,options:s.chartOptions}})],1)],1)},De=[],Ce=h(xe,be,De,!1,null,null);const we=Ce.exports,$e={__name:"LeadsTable",props:["leads","pdfView"],setup(c){const e=c,t=[{text:"Date",value:"cursor"},{text:"First Name",value:"firstName"},{text:"Last Name",value:"lastName"},{text:"Email Address",value:"email"},{text:"Phone Number",value:"phone"},{text:"Offer",value:"metadata.offer"},{text:"Page Views",value:"metadata.pageViews",align:"center"},{text:"Engagement Duration",value:"engagementDurationSeconds"}];function s(a){if(!a)return 0;let n=0,o=0,l=0;return a.split(" ").forEach(p=>{p.endsWith("h")?n=parseInt(p.slice(0,-1),10):p.endsWith("m")?o=parseInt(p.slice(0,-1),10):p.endsWith("s")&&(l=parseInt(p.slice(0,-1),10))}),n*3600+o*60+l}function i(a){if(!a)return"00:00";let n=0,o=0,l=0;a.split(" ").forEach(v=>{v.endsWith("h")?n=parseInt(v.slice(0,-1),10):v.endsWith("m")?o=parseInt(v.slice(0,-1),10):v.endsWith("s")&&(l=parseInt(v.slice(0,-1),10))}),o+=Math.floor(l/60),l%=60,n+=Math.floor(o/60),o%=60;const p=String(n).padStart(2,"0"),u=String(o).padStart(2,"0"),f=String(l).padStart(2,"0");return n===0?`${u}:${f}`:`${p}:${u}:${f}`}const r=_(()=>{var a;return(a=e.leads)==null?void 0:a.map(n=>{var o,l;return{...n,engagementDuration:i(((o=n.metadata)==null?void 0:o.engagementDuration)||0),engagementDurationSeconds:s(((l=n.metadata)==null?void 0:l.engagementDuration)||0)}})});return{__sfc:!0,props:e,headers:t,calculateSeconds:s,formatCustomDuration:i,allLeads:r,formatDate:O}}};var Fe=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("v-data-table",{class:e.pdfView?"p-6":"elevation-1",attrs:{headers:s.headers,items:s.allLeads,"item-key":"id","disable-pagination":e.pdfView,"hide-default-footer":e.pdfView,"footer-props":{itemsPerPageOptions:[5,10,25,50,100]},"items-per-page":10,"sort-by":"metadata.pageViews","sort-desc":"","no-data-text":"No leads available for the selected date range."},scopedSlots:e._u([{key:"item.cursor",fn:function({item:i}){return[e._v(" "+e._s(s.formatDate(i.cursor))+" ")]}},{key:"item.engagementDurationSeconds",fn:function({item:i}){return[e._v(" "+e._s(i.engagementDuration)+" ")]}}])})},Se=[],Le=h($e,Fe,Se,!1,null,null);const ke=Le.exports,Ve={__name:"ConversionIQInsights",props:{client:{type:Object},startDate:{type:String},endDate:{type:String}},setup(c){const e=c,t=M(),{showErrorNotification:s}=j(),{setReportDates:i}=I(),r=x(!1),a=x(null),n=x(!1),o=x({search:null}),l=_(()=>`${D(e.startDate).format("MMMM DD, YYYY")} to
2        ${D(e.endDate).format("MMMM DD, YYYY")}`),d=_(()=>{const{pdf:m}=t.query;return!!m}),p=_(()=>a.value&&Object.keys(a.value.leads).length===0&&a.value.conversions.daily.length===0),u=_(()=>{var $,F;let m=N.cloneDeep(a.value.leads);const y=((F=($=o.value.search)==null?void 0:$.trim())==null?void 0:F.toLowerCase())||"";return(y==null?void 0:y.length)>0&&(m=m.filter(b=>{var S,L,k,V;return((L=(S=b.firstName)==null?void 0:S.toLowerCase())==null?void 0:L.includes(y))||((V=(k=b.lastName)==null?void 0:k.toLowerCase())==null?void 0:V.includes(y))||`${b.firstName} ${b.lastName}`.toLowerCase().includes(y)})),m});async function f(m){o.value={...m}}function v(){n.value=t.query.recache!==void 0}function C(){r.value=!0,v(),T.getConversionIQInsights(e.client.id,{startDate:e.startDate,endD

2ate:e.endDate,recache:n.value}).then(m=>{a.value=m.data}).catch(()=>{s()}).finally(()=>{r.value=!1})}return B(()=>t.query,()=>{C()}),A(()=>{i({startDate:e.startDate,endDate:e.endDate}),C()}),{__sfc:!0,props:e,route:t,showErrorNotification:s,setReportDates:i,loading:r,report:a,recache:n,filters:o,formattedDateRangeForCover:l,pdfView:d,noData:p,filteredItems:u,updateFilters:f,checkRecache:v,getInitialData:C,PdfCover:E,ConversionsChart:U,LeadsByDayChart:ce,LeadsFilters:_e,SubmissionsByDeviceChart:ge,SubmissionsByPageTypeChart:we,LeadsTable:ke}}};var Be=function(){var i,r;var e=this,t=e._self._c,s=e._self._setupProxy;return t("section",{staticClass:"pb-8 ml-5 mr-5"},[s.pdfView?t("div",[t(s.PdfCover,{attrs:{title:"ConversionIQ Performance"},scopedSlots:e._u([{key:"header",fn:function(){return[e._v(e._s(e.client.name))]},proxy:!0},{key:"subheader",fn:function(){return[e._v(" "+e._s(s.formattedDateRangeForCover)+" ")]},proxy:!0}],null,!1,642702038)})],1):e._e(),s.loading?t("div",{staticClass:"text-center mt-10"},[t("v-progress-circular",{attrs:{size:50,color:"primary",indeterminate:""}})],1):s.report?t("div",{staticClass:"w-full"},[s.noData?[t("div",{staticClass:"mt-6"},[t("v-alert",{attrs:{type:"info",outlined:""}},[e._v("No data available for the selected date range.")])],1)]:[s.report.leads.length?t(s.LeadsByDayChart,{staticClass:"mt-3",attrs:{"pdf-view":s.pdfView,leadsByDay:s.report.leadsByDay}}):e._e(),s.report.leads.length?t("div",{staticClass:"grid grid-cols-2 gap-6 w-full alwaysbreak",class:s.pdfView?"":"my-8"},[t(s.SubmissionsByPageTypeChart,{attrs:{leads:s.report.leadsByPageType,"pdf-view":s.pdfView}}),t(s.SubmissionsByDeviceChart,{attrs:{leads:s.report.leadsByDevice,"pdf-view":s.pdfView}})],1):e._e(),(r=(i=s.report.conversions)==null?void 0:i.daily)!=null&&r.length?t(s.ConversionsChart,{staticClass:"alwaysbreak",attrs:{conversions:s.report.conversions||[],"pdf-view":s.pdfView}}):e._e(),s.pdfView?e._e():t(s.LeadsFilters,{staticClass:"my-8",attrs:{loading:s.loading},on:{updateFilters:s.updateFilters}}),t(s.LeadsTable,{staticClass:"my-8",attrs:{leads:s.filteredItems,"pdf-view":s.pdfView}})]],2):e._e()])},Re=[],Pe=h(Ve,Be,Re,!1,null,null);const We=Pe.exports;export{We as default};