https://portal.clickheredigital.com/assets/ProgrammaticReport-ClFlG5A8.js

1import{b as m,e as M,f as p,g as D,n as ye,t as n,y as c,az as G,w as t,j as l,H as B,B as S,C as y,aw as W,M as L,O as ae,I as E,c as f,r as P,G as Ye,v as Q,a4 as ze,h as r,F as fe,m as ie,at as ee,bl as u,aW as C,s as qe,k as He,V as ke,aA as We,aB as Ke,ah as Ge,aT as Je,Y as he,d as re}from"./index-DUWew8AW.js";import{I as Xe}from"./InsightsReportResource-DM2aCLVa.js";import{R as Ze}from"./ReportState-D-eTEtEn.js";import{_ as et}from"./CsvExport-Bi2HZRvg.js";import{u as tt}from"./useReporting-C_ILI5m4.js";import{_ as Ve,c as te,g as at}from"./SummaryBox-Busj6UqC.js";import{_ as lt}from"./PdfCover-C-sFq0YP.js";import{_ as st}from"./horizontal-bar-chart-BuYiqrMg.js";import{t as it}from"./chart-helper-7yOiO8-x.js";import{_ as rt,a as nt,b as we}from"./comparison-chart-BpZy9glx.js";import{u as ot}from"./useChart-D3rrKuZG.js";import"./summary-chart-UnZxFJSe.js";import"./PartnerResource-CkZM66x5.js";import"./Chart-BU8UWJuK.js";const ct=["width","height"],ut={__name:"ad-channel-chart",props:{width:{type:[Number,String],default:400},height:{type:[Number,String],default:400},data:{type:Object,required:!0},options:{type:Object,default:void 0}},setup(V){const b=V,{canvasEl:x}=ot({type:"doughnut",data:()=>b.data,options:()=>({legend:{display:!1},tooltips:{enabled:!1},cutoutPercentage:80,responsive:!0,maintainAspectRatio:!1,...b.options})});return(Y,K)=>(m(),M("div",null,[p("canvas",{ref_key:"canvasEl",ref:x,width:V.width,height:V.height},null,8,ct)]))}},mt={class:"text-4xl md:text-5xl mb-4"},dt={class:"text-xl font-normal"},pt={__name:"AdChannel",props:{channel:{type:Object,required:!0},pdf:{type:Boolean,required:!1,default:!1}},setup(V){return(b,x)=>(m(),M("div",null,[p("div",{class:ye(V.pdf?"flex flex-wrap w-full items-center justify-center":"mb-4")},[(m(),D(ut,{height:200,width:100,key:V.channel.label,data:V.channel.chartData},null,8,["data"]))],2),p("div",null,[p("h2",mt,n(c(G)(V.channel.percentage,0)),1),p("h6",dt,n(V.channel.label),1)])]))}},vt={__name:"MetricComparison",props:{report:{type:Object,required:!0},pdfView:{type:Boolean,default:!1}},setup(V){const b=V,x=P("Spend"),Y=P("Impressions"),K={Spend:"currency",Impressions:"integer",Clicks:"integer",Conversions:"integer",CPM:"currency",CTR:"percentage",CPV:"currency",CPC:"currency"},ne=f(()=>Object.keys(K).filter(z=>z!==Y.value)),oe=f(()=>Object.keys(K).filter(z=>z!==x.value)),ce=f(()=>{if(!b.report||!b.report.comparisonData)return{labels:[],datasets:[]};const{comparisonData:{labels:z,datasets:j}}=b.report,$=["#FF6384","#36A3EB"],ue=j.filter(I=>[x.value,Y.value].includes(I.label)).sort(I=>I.label===x.value?-1:1);return{labels:z,datasets:ue.map((I,N)=>({...I,type:N===0?"line":"bar",yAxisID:`y-axis-${N+1}`,fill:!1,backgroundColor:$[N],borderColor:$[N],tooltipType:N===0?K[x.value]:K[Y.value]}))}});return(z,j)=>(m(),D(E,{variant:"flat",border:""},{default:t(()=>[l(B,null,{default:t(()=>[l(S,null,{default:t(()=>[l(y,{cols:"12",sm:"12",md:"4",lg:"8"},{default:t(()=>[...j[2]||(j[2]=[p("span",{class:"text-2xl leading-8"},"Compare Metrics",-1)])]),_:1}),l(y,{cols:"12",sm:"6",md:"4",lg:"2",class:"no-print"},{default:t(()=>[l(W,{modelValue:x.value,"onUpdate:modelValue":j[0]||(j[0]=$=>x.value=$),label:"Metric (Line)",items:ne.value,variant:"outlined",density:"compact","hide-details":""},null,8,["modelValue","items"])]),_:1}),l(y,{cols:"12",sm:"6",md:"4",lg:"2",class:"no-print"},{default:t(()=>[l(W,{modelValue:Y.value,"onUpdate:modelValue":j[1]||(j[1]=$=>Y.value=$),label:"Metric (Bar)",items:oe.value,variant:"outlined",density:"compact","hide-details":""},null,8,["modelValue","items"])]),_:1})]),_:1})]),_:1}),l(L,null,{default:t(()=>[p("div",{style:ae({width:V.pdfView?"1400px":"100%"})},[l(rt,{chartData:ce.value},null,8,["chartData"])],4)]),_:1})]),_:1}))}},ft={key:0,class:"p-3 pb-12 md:p-4 lg:p-6"},yt={key:0},gt=["colspan"],bt={key:4,class:"alwaysbreak space-x-6"},kt={class:"flex justify-end space-x-3 no-print"},ht={class:"basis-1/4"},Vt={class:"w-48"},wt={key:0},_t={key:1},Ot={__name:"ProgrammaticReport",props:{client:{type:Object},startDate:{type:String},endDate:{type:String}},setup(V){const b=V,x=ze(),{reportDate:Y,setReportDates:K}=tt(),ne=[{title:"Campaign",key:"campaignName"},{title:"Spend",key:"metrics.spend"},{title:"Impressions",key:"metrics.impressions"},{title:"Clicks",key:"metrics.clicks"},{title:"CTR",key:"metrics.ctr"},{title:"CPV",key:"metrics.cpv"},{title:"CPM",key:"metrics.cpm"},{title:"25% Views",key:"metrics.firstQuartileViews"},{title:"50% Views",key:"metrics.midQuartileViews"},{title:"75% Views",key:"metrics.thirdQuartileViews"},{title:"100% Views",key:"metrics.views"}],oe=[{title:"Line Item",key:"lineItemName",headerProps:{class:"bg-grey-lighten-4"},groupable:!1},{title:"Type",key:"data-table-group",headerProps:{class:"bg-grey-lighten-4"}},{title:"Spend",key:"metrics.spend",headerProps:{class:"bg-grey-lighten-4"},groupable:!1},{title:"Impressions",key:"metrics.impressions",headerProps:{class:"bg-grey-lighten-4"},groupable:!1},{title:"Clicks",key:"metrics.clicks",headerProps:{class:"bg-grey-lighten-4"},groupable:!1},{title:"CTR",key:"metrics.ctr",headerProps:{class:"bg-grey-lighten-4"},groupable:!1},{title:"CPM",key:"metrics.cpm",headerProps:{class:"bg-grey-lighten-4"},groupable:!1},{title:"CPV",key:"metrics.cpv",headerProps:{class:"bg-grey-lighten-4"},groupable:!1},{title:"25% Views",key:"metrics.firstQuartileViews",headerProps:{class:"bg-grey-lighten-4"},groupable:!1},{title:"50% Views",key:"metrics.midQuartileViews",headerProps:{class:"bg-grey-lighten-4"},groupable:!1},{title:"75% Views",key:"metrics.thirdQuartileViews",headerProps:{class:"bg-grey-lighten-4"},groupable:!1},{title:"100% Views",key:"metrics.views",headerProps:{class:"bg-grey-lighten-4"},groupable:!1}],ce=[{title:"Format",key:"creative_type"}

1,{title:"App/URL",key:"app_url"},{title:"Platform",key:"platform"},{title:"Impressions",key:"impressions"},{title:"Clicks",key:"clicks"},{title:"100% Views",key:"complete_views"},{title:"CTR",key:"ctr"},{title:"VTR",key:"vtr"},{title:"CPM",key:"cpm"},{title:"Spend",key:"revenue"}],z={tooltips:{mode:"label",callbacks:{label(i,a){return it(i,a,!0)}}},legend:{display:!1}},j=[{title:"Type",key:"campaignType",align:"end"},{title:"Spend",key:"spend"},{title:"Impressions",key:"impressions"},{title:"Clicks",key:"clicks"},{title:"CTR",key:"ctr"},{title:"CPV",key:"cpv"},{title:"CPM",key:"cpm"},{title:"25% Views",key:"firstQuartileViews"},{title:"50% Views",key:"midQuartileViews"},{title:"75% Views",key:"thirdQuartileViews"},{title:"100% Views",key:"views"}],$=[{title:"Vehicle URL",key:"conversion_url"},{title:"Condition",key:"condition"},{title:"Impressions",key:"impressions"},{title:"Days to Convert",key:"days_to_conversion"}],ue={conversion_url:{title:"Vehicle URL"},condition:{title:"Condition"},impressions:{title:"Impressions"},days_to_conversion:{title:"Days to Convert"}},I=P(!1),N=P(null),J=P({format:null,platform:null}),le=P(null),se=P(null),v=P({summary:null,campaigns:null}),me=P({}),X=P([]),Z=P([]),de=P(!1),pe=P(!1),q=P({type:"All",search:null}),_e=f(()=>{var i;return((i=b.client)==null?void 0:i.Industry.id)===2}),H=f(()=>re(b.endDate).diff(re(b.startDate),"month")>1),Ce=f(()=>{const[i,a]=Y.value;return!i||!a?"":`${re(i).format("MMMM DD, YYYY")} to ${re(a).format("MMMM DD, YYYY")}`}),De=f(()=>{var i,a,e,o,s,k,T,h,_,O,R,U,d,F;return[{title:"Spend",key:"spend",value:C((a=(i=v.value)==null?void 0:i.summary)==null?void 0:a.spend)},{title:"Impressions",key:"impressions",value:u((o=(e=v.value)==null?void 0:e.summary)==null?void 0:o.impressions)},{title:"CPM",key:"cpm",value:C((k=(s=v.value)==null?void 0:s.summary)==null?void 0:k.cpm,2)},{title:"CPC",key:"cpc",value:C((h=(T=v.value)==null?void 0:T.summary)==null?void 0:h.cpc,2)},{title:"CPV",key:"cpv",value:C((O=(_=v.value)==null?void 0:_.summary)==null?void 0:O.cpv,2)},{title:"CTR",key:"ctr",value:G((U=(R=v.value)==null?void 0:R.summary)==null?void 0:U.ctr)},{title:"Key Events",key:"conversions",value:u((F=(d=v.value)==null?void 0:d.summary)==null?void 0:F.conversions)}]}),Pe=f(()=>{var o,s,k;const i=((k=(s=(o=v.value)==null?void 0:o.summary)==null?void 0:s.detailedDailySegmentation)==null?void 0:k.daily)||{},a=Object.keys(i),e=[{label:"Impressions",data:[],backgroundColor:"#FF6384",borderColor:"#FF6384",tooltipType:"integer",yAxisID:"y-axis-0",fill:!1,type:"bar",order:2},{label:"Clicks",data:[],backgroundColor:"#36A3EB",borderColor:"#36A3EB",tooltipType:"integer",yAxisID:"y-axis-1",fill:!1,type:"line",order:1}];if(Object.keys(i).length>0)for(const T of Object.values(i)){const h=Object.values(T).filter(d=>!le.value||Number(d.campaignId)===Number(le.value)),_=h.reduce((d,F)=>d+F.impressions,0),O=h.reduce((d,F)=>d+F.clicks,0),R=e.find(d=>d.label==="Impressions"),U=e.find(d=>d.label==="Clicks");R.data.push(_),U.data.push(O)}return{labels:a,datasets:e}}),xe=f(()=>{var i,a,e;return(e=(a=(i=v.value)==null?void 0:i.summary)==null?void 0:a.adChannels)==null?void 0:e.map(o=>o.label==="NativeDisplay"?{...o,label:"Native Display"}:o.label==="NativeVideo"?{...o,label:"Native Video"}:o)}),Ie=f(()=>{var o,s,k;const i=((k=(s=(o=v.value)==null?void 0:o.summary)==null?void 0:s.detailedDailySegmentation)==null?void 0:k.hourly)||{},a=Object.keys(i),e=[{label:"Impressions",data:[],backgroundColor:"#FF6384",borderColor:"#FF6384",tooltipType:"integer",yAxisID:"y-axis-0",fill:!1,type:"bar",order:2},{label:"Clicks",data:[],backgroundColor:"#36A3EB",borderColor:"#36A3EB",tooltipType:"integer",yAxisID:"y-axis-1",fill:!1,type:"line",order:1}];if(Object.values(i).length>0)for(const T of Object.values(i)){const h=Object.values(T).filter(d=>!se.value||d.campaignId===se.value),_=h.reduce((d,F)=>d+F.impressions,0),O=h.reduce((d,F)=>d+F.clicks,0),R=e.find(d=>d.label==="Impressions"),U=e.find(d=>d.label==="Clicks");R.data.push(_),U.data.push(O)}return{labels:a,datasets:e}}),Te=f(()=>{var i,a;return(a=(i=v.value)==null?void 0:i.campaigns)==null?void 0:a.map(e=>{const{campaignId:o,campaignName:s,lineItems:k,items:T}=e;let h;if(!H.value&&N.value){const _=k.filter(g=>g.type===N.value),O=_.reduce((g,A)=>g+A.metrics.spend,0),R=_.reduce((g,A)=>g+A.metrics.impressions,0),U=_.reduce((g,A)=>g+A.metrics.clicks,0),d=_.reduce((g,A)=>g+A.metrics.firstQuartileViews,0),F=_.reduce((g,A)=>g+A.metrics.midQuartileViews,0),Ue=_.reduce((g,A)=>g+A.metrics.thirdQuartileViews,0),Le=_.reduce((g,A)=>g+A.metrics.views,0),Ee=_.filter(g=>g.type==="Video").length;h={spend:O,impressions:R,clicks:U,firstQuartileViews:d,midQuartileViews:F,thirdQuartileViews:Ue,views:Le,ctr:te(U,R)*100,cpv:Ee>0?te(O,R):null,cpm:te(O,R)*1e3}}else h=e.metrics;return{campaignId:o,campaignName:s,metrics:h,lineItems:k,items:T}})});function Ae(i){return String(i).replace(/(- (iOS|Android).*?)(\(.*\))/,"$1").trim()}const Qe=f(()=>{const i=[];return X.value.length>0&&X.value.forEach(a=>{i.push({...a,app_url:Ae(a.app_url),platform:at(a.app_url),cpm:te(a.revenue,a.impressions)*1e3,vtr:te(a.complete_views,a.impressions)*100})}),i}),Me=f(()=>{const{format:i,platform:a}=J.value;return Qe.value.filter(e=>!i||e.creative_type===i).filter(e=>!a||e.platform===a)}),ge=f(()=>{var i;return(i=v.value)!=null&&i.campaigns?v.value.campaigns.map(a=>{const{campaignId:e,campaignName:o}=a;return{campaignId:e,campaignName:o}}).sort((a,e)=>

1a.campaignName<e.campaignName?-1:1):[]}),Fe=f(()=>{var o;const i=(o=Z.value)==null?void 0:o.map(s=>s.deviceType),e=[{label:"Spend",value:"spendPercentage",color:"#FF6384",tooltipMetric:"spend",tooltipType:"currency"},{label:"Impressions",value:"impressionsPercentage",color:"#36A3EB",tooltipMetric:"impressions",tooltipType:"integer"},{label:"Clicks",value:"clicksPercentage",color:"#FFCD56",tooltipMetric:"clicks",tooltipType:"integer"},{label:"Key Events",value:"conversionsPercentage",color:"#4BC0C0",tooltipMetric:"conversions",tooltipType:"integer"}].map(s=>{var k,T;return{label:s.label,data:(k=Z.value)==null?void 0:k.map(h=>h[s.value]),borderColor:s.color,backgroundColor:s.color,tooltipType:s.tooltipType,tooltipValues:(T=Z.value)==null?void 0:T.map(h=>h[s.tooltipMetric])}});return{labels:i,datasets:e}}),w=f(()=>{const{pdf:i}=x.query;return!!i}),Se=f(()=>X.value.length>0),Ne=f(()=>{var i,a,e;return(e=(a=(i=v.value)==null?void 0:i.summary)==null?void 0:a.conversionPath)==null?void 0:e.map(o=>({...o,impressions:u(o.impressions),days_to_conversion:o.days_to_conversion<1?"<1":u(o.days_to_conversion)}))}

1),Re=f(()=>{var i,a,e;return((e=(a=(i=v.value)==null?void 0:i.summary)==null?void 0:a.conversionPathMetrics)==null?void 0:e.map(o=>({...o,value:u(o.value)})))||[]}),ve=f(()=>{let i=he.cloneDeep(Ne.value);return q.value.type&&q.value.type!=="All"&&(i=i.filter(a=>a.condition.toLowerCase()===q.value.type.toLowerCase())),i});function je(){pe.value=x.query.recache!==void 0}function Oe(i){return he.startCase(i)}async function be(){I.value=!0,v.value={},me.value={},X.value=[],Z.value=[],de.value=!1,je(),await Xe.getProgrammaticInsightsReport(b.client.id,b.startDate,b.endDate,pe.value).then(i=>{const{report:a,creatives:e,placements:o,devices:s,iconData:k,isSummary:T}=i.data;T?v.value=i.data:(v.value=a,X.value=o,me.value=e,Z.value=(s==null?void 0:s.devices)||[],de.value=k)}),I.value=!1,pe.value=!1}function Be(i){var a,e,o;return(o=(e=(a=v.value)==null?void 0:a.summary)==null?void 0:e.metricsByDate)==null?void 0:o.chartData[i]}function $e(i){return i.chartData}return Ye(()=>x.query,()=>{be()}),K({startDate:b.startDate,endDate:b.endDate}),be(),(i,a)=>(m(),M("section",null,[I.value?(m(),D(Ze,{key:1,state:"loading"})):(m(),M("div",ft,[w.value?(m(),M("div",yt,[l(lt,{title:"Programmatic Performance"},{header:t(()=>[r(n(V.client.name),1)]),subheader:t(()=>[r(n(Ce.value),1)]),_:1})])):Q("",!0),l(S,null,{default:t(()=>[(m(!0),M(fe,null,ie(De.value,e=>(m(),D(y,{key:e.title,cols:w.value?3:!1},{default:t(()=>[l(Ve,{metric:e,chartData:Be(e.key),pdf:w.value},null,8,["metric","chartData","pdf"])]),_:2},1032,["cols"]))),128))]),_:1}),H.value?Q("",!0):(m(),D(S,{key:1},{default:t(()=>{var e;return[(e=v.value)!=null&&e.summary?(m(),D(y,{key:0},{default:t(()=>[l(vt,{report:v.value.summary.metricsByDate,"pdf-view":w.value},null,8,["report","pdf-view"])]),_:1})):Q("",!0)]}),_:1})),H.value?Q("",!0):(m(),D(S,{key:2,class:"alwaysbreak"},{default:t(()=>[l(y,null,{default:t(()=>[l(E,{variant:"flat",border:""},{default:t(()=>[l(B,{class:"text-2xl leading-8"},{default:t(()=>[...a[7]||(a[7]=[r("Ad Channels",-1)])]),_:1}),l(L,null,{default:t(()=>[l(S,null,{default:t(()=>[(m(!0),M(fe,null,ie(xe.value,e=>(m(),D(y,{cols:3,key:e.label,class:"text-center"},{default:t(()=>[l(pt,{channel:e,pdf:w.value},null,8,["channel","pdf"])]),_:2},1024))),128))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})),l(S,null,{default:t(()=>[l(y,null,{default:t(()=>[l(E,{variant:"flat",border:""},{default:t(()=>[l(B,null,{default:t(()=>[l(S,null,{default:t(()=>[l(y,{cols:"12",sm:"12",md:"8",lg:"10"},{default:t(()=>[...a[8]||(a[8]=[p("span",{class:"text-2xl leading-8"},"Performance",-1)])]),_:1}),l(y,{cols:"12",sm:"12",md:"4",lg:"2",class:"no-print"},{default:t(()=>[H.value?Q("",!0):(m(),D(W,{key:0,modelValue:N.value,"onUpdate:modelValue":a[0]||(a[0]=e=>N.value=e),label:"Channel",items:["Display","Video"],placeholder:"All Channels",variant:"outlined",density:"compact",clearable:""},null,8,["modelValue"]))]),_:1})]),_:1})]),_:1}),l(L,null,{default:t(()=>[l(ee,{loading:I.value,headers:ne,items:Te.value,"sort-by":[{key:"campaignName",order:"asc"}],"item-value":"campaignId","show-expand":"","hide-default-footer":"","items-per-page":-1,class:"elevation-0 rounded-0"},{"item.metrics.spend":t(({item:e})=>[r(n(c(C)(e.metrics.spend)),1)]),"item.metrics.impressions":t(({item:e})=>[r(n(c(u)(e.metrics.impressions)),1)]),"item.metrics.clicks":t(({item:e})=>[r(n(c(u)(e.metrics.clicks)),1)]),"item.metrics.ctr":t(({item:e})=>[r(n(c(G)(e.metrics.ctr)),1)]),"item.metrics.cpv":t(({item:e})=>[r(n(c(C)(e.metrics.cpv)),1)]),"item.metrics.cpm":t(({item:e})=>[r(n(c(C)(e.metrics.cpm)),1)]),"item.metrics.firstQuartileViews":t(({item:e})=>[r(n(c(u)(e.metrics.firstQuartileViews)),1)]),"item.metrics.midQuartileViews":t(({item:e})=>[r(n(c(u)(e.metrics.midQuartileViews)),1)]),"item.metrics.thirdQuartileViews":t(({item:e})=>[r(n(c(u)(e.metrics.thirdQuartileViews)),1)]),"item.metrics.views":t(({item:e})=>[r(n(c(u)(e.metrics.views)),1)]),"expanded-row":t(({columns:e,item:o})=>[p("tr",null,[p("td",{colspan:e.length,class:"bg-gray-100 p-4"},[H.value&&!de.value?(m(),D(ee,{key:0,items:o.items,headers:j,"items-per-page":-1,"hide-default-footer":"","item-value":"detailedType","sort-by":[{key:"campaignType",order:"asc"}],class:"elevation-0 rounded-0"},{"item.campaignType":t(({item:s})=>[r(n(Oe(s.campaignType)),1)]),"item.spend":t(({item:s})=>[r(n(c(C)(s.spend)),1)]),"item.impressions":t(({item:s})=>

1[r(n(c(u)(s.impressions)),1)]),"item.clicks":t(({item:s})=>[r(n(c(u)(s.clicks)),1)]),"item.ctr":t(({item:s})=>[r(n(c(G)(s.ctr)),1)]),"item.cpv":t(({item:s})=>[r(n(c(C)(s.cpv)),1)]),"item.cpm":t(({item:s})=>[r(n(c(C)(s.cpm)),1)]),"item.firstQuartileViews":t(({item:s})=>[r(n(c(u)(s.firstQuartileViews)),1)]),"item.midQuartileViews":t(({item:s})=>[r(n(c(u)(s.midQuartileViews)),1)]),"item.thirdQuartileViews":t(({item:s})=>[r(n(c(u)(s.thirdQuartileViews)),1)]),"item.views":t(({item:s})=>[r(n(c(u)(s.views)),1)]),_:2},1032,["items"])):(m(),D(ee,{key:1,headers:oe,items:o.lineItems,"sort-by":[{key:"lineItemName",order:"asc"}],search:N.value,"group-by":[{key:"type",order:"asc"}],"open-all":"","hide-default-footer":"","items-per-page":-1,class:"elevation-0 rounded-0"},{"item.metrics.spend":t(({item:s})=>[r(n(c(C)(s.metrics.spend)),1)]),"item.metrics.impressions":t(({item:s})=>[r(n(c(u)(s.metrics.impressions)),1)]),"item.metrics.clicks":t(({item:s})=>[r(n(c(u)(s.metrics.clicks)),1)]),"item.metrics.ctr":t(({item:s})=>[r(n(c(G)(s.metrics.ctr)),1)]),"item.metrics.cpv":t(({item:s})=>[r(n(s.metrics.cpv!==null?c(C)(s.metrics.cpv):"N/A"),1)]),"item.metrics.cpm":t(({item:s})=>[r(n(c(C)(s.metrics.cpm)),1)]),"item.metrics.firstQuartileViews":t(({item:s})=>[r(n(c(u)(s.metrics.firstQuartileViews)),1)]),"item.metrics.midQuartileViews":t(({item:s})=>[r(n(c(u)(s.metrics.midQuartileViews)),1)]),"item.metrics.thirdQuartileViews":t(({item:s})=>[r(n(c(u)(s.metrics.thirdQuartileViews)),1)]),"item.metrics.views":t(({item:s})=>[r(n(c(u)(s.metrics.views)),1)]),_:2},1032,["items","search"]))],8,gt)])]),_:1},8,["loading","items"])]),_:1})]),_:1})]),_:1})]),_:1}),H.value?Q("",!0):(m(),M("div",{key:3,class:ye(["flex items-center flex-row w-full space-x-6 alwaysbreak",w.value?"":"my-6"])},[l(E,{variant:"flat",border:"",class:"w-full"},{default:t(()=>[l(B,{class:"text-2xl leading-8"},{default:t(()=>[...a[9]||(a[9]=[r("Ad Creative by Size",-1)])]),_:1}),l(L,null,{default:t(()=>[l(st,{data:me.value,options:z,style:ae({width:w.value?"700px":"100%"})},null,8,["data","style"])]),_:1})]),_:1}),l(E,{variant:"flat",border:"",class:"w-full"},{default:t(()=>[l(B,{class:"text-2xl leading-8"},{default:t(()=>[...a[10]||(a[10]=[r("Performance by Device",-1)])]),_:1}),l(L,null,{default:t(()=>[l(nt,{chartData:Fe.value,style:ae({width:w.value?"700px":"100%"})},null,8,["chartData","style"])]),_:1})]),_:1})],2)),Se.value&&!H.value?(m(),M("div",bt,[l(E,{variant:"flat",border:""},{default:t(()=>[l(B,null,{default:t(()=>[l(S,null,{default:t(()=>[l(y,{cols:"12",sm:"12",md:"4",lg:"8"},{default:t(()=>[...a[11]||(a[11]=[p("span",{class:"text-2xl leading-8"},"App/URL Placements",-1)])]),_:1}),l(y,{cols:"12",sm:"6",md:"4",lg:"2",class:"no-print"},{default:t(()=>[l(W,{modelValue:J.value.format,"onUpdate:modelValue":a[1]||(a[1]=e=>J.value.format=e),label:"Format",items:["Standard","Native","Video"],placeholder:"All Formats",variant:"outlined",density:"compact",clearable:"","hide-details":""},null,8,["modelValue"])]),_:1}),l(y,{cols:"12",sm:"6",md:"4",lg:"2",class:"no-print"},{default:t(()=>[l(W,{modelValue:J.value.platform,"onUpdate:modelValue":a[2]||(a[2]=e=>J.value.platform=e),label:"Platform",items:["Web","Android","iOS"],placeholder:"All Platforms",variant:"outlined",density:"compact",clearable:"","hide-details":""},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),l(L,null,{default:t(()=>[l(ee,{loading:I.value,headers:ce,items:Me.value,"sort-by":[{key:"impressions",order:"desc"}],class:"elevation-0 rounded-0"},{"item.revenue":t(({item:e})=>[r(n(c(C)(e.revenue)),1)]),"item.impressions":t(({item:e})=>[r(n(c(u)(e.impressions)),1)]),"item.clicks":t(({item:e})=>[r(n(c(u)(e.clicks)),1)]),"item.complete_views":t(({item:e})=>[r(n(c(u)(e.complete_views)),1)]),"item.ctr":t(({item:e})=>[r(n(c(G)(e.ctr)),1)]),"item.vtr":t(({item:e})=>[r(n(c(G)(e.vtr)),1)]),"item.cpm":t(({item:e})=>[r(n(c(C)(e.cpm)),1)]),_:1},8,["loading","items"])]),_:1})]),_:1})])):Q("",!0),H.value?Q("",!0):(m(),M("div",{key:5,class:ye(["flex items-center flex-row w-full space-x-6",w.value?"":"my-6"])},[l(E,{variant:"flat",border:"",class:"w-full"},{default:t(()=>[l(B,null,{default:t(()=>[l(S,null,{default:t(()=>[l(y,{cols:"12",sm:"12",md:"8",lg:"8"},{default:t(()=>[...a[12]||(a[12]=[p("span",{class:"text-2xl leading-8"},"Metrics by Day",-1)])]),_:1}),l(y,{cols:"12",sm:"12",md:"4",lg:"4",class:"no-print"},{default:t(()=>[l(W,{modelValue:le.value,"onUpdate:modelValue":a[3]||(a[3]=e=>le.value=e),label:"Campaign",items:ge.value,placeholder:"All Campaigns","item-title":"campaignName","item-value":"campaignId","hide-details":"",variant:"outlined",density:"compact",clearable:""},null,8,["modelValue","items"])]),_:1})]),_:1})]),_:1}),l(L,null,{default:t(()=>[l(we,{chartData:Pe.value,style:ae({width:w.value?"700px":"100%"})},null,8,["chartData","style"])]),_:1})]),_:1}),l(E,{variant:"flat",border:"",class:"w-full"},{default:t(()=>[l(B,null,{default:t(()=>[l(S,null,{default:t(()=>[l(y,{cols:"12",sm:"12",md:"8",lg:"8"},{default:t(()=>[...a[13]||(a[13]=[p("span",{class:"text-2xl leading-8"},"Metrics by Hour",-1)])]),_:1}),l(y,{cols:"12",sm:"12",md:"4",lg:"4",class:"no-print"},{default:t(()=>[l(W,{modelValue:se.value,"onUpdate:modelValue":a[4]||(a[4]=e=>se.value=e),label:"Campaign",items:ge.value,placeholder:"All Campaigns","item-title":"campaignName","item-value":"campaignId","hide-details":"",variant:"outlined",density:"compact",clearable:""},null,8,["modelValue","items"])]),_:1})]),_:1})]),_:1}),l(L,null,{default:t(()=>[l(we,{chartData:Ie.value,style:ae({width:w.value?"700px":"100%"})},null,8,["chartData","style"])]),_:1})]),_:1})],2)),_e.value?(m(),D(S,{key:6,class:"alwaysbreak"},{default:t(()=>[l(y,null,{default:t(()=>[l(E,{variant:"flat",border:""},{default:t(()=>[l(B,null,{default:t(()=>[...a[14]||(a[14]=[p("span",{class:"text-2xl leading-8"},"Vehicle Display Page (VDP) Performance",-1)])]),_:1}),l(S,{class:"p-5"},{default:t(()=>[(m(!0),M(fe,null,ie(Re.value,e=>(m(),D(y,{key:e.title,cols:w.value?3:!1},{default:t(()=>[l(Ve,{metric:e,chartData:$e(e),pdf:w.value},null,8,["metric","chartData","pdf"])]),_:2},1032,["cols"]))),128))]),_:1}),l(B,null,{default:t(()=>{var e;return[p("div",kt,[p("div",ht,[l(qe,{disabled:I.value,variant:"outlined",density:"compact",modelValue:q.value.search,"onUpdate:modelValue":a[5]||(a[5]=o=>q.value.search=o),clearable:"","prepend-inner-icon":"mdi-magnify",label:"Search","single-line":"","hide-details":""},null,8,["disabled","modelValue"])]),p("div",Vt,[l(W,{modelValue:q.value.type,"onUpdate:modelValue":a[6]||(a[6]=o=>q.value.type=o),label:"Condition",items:["All","New","Used"],placeholder:"Type",variant:"outlined",density:"compact","hide-details":""},null,8,["modelValue"])]),p("div",null,[(e=ve.value)!=null&&e.length?(m(),D(et,{key:0,"json-data":ve.value,labels:ue,"csv-title":"Vehicle Display Page (VDP) Performance"},{default:t(()=>[p("div",null,[l(He,{color:"primary",tile:"",class:"no-print"},{default:t(()=>[l(ke,{size:"small",start:""},{default:t(()=>[...a[15]||(a[15]=[r("fas fa-download",-1)])]),_:1}),a[16]||(a[16]=p("span",null,"Download",-1))]),_:1})])]),_:1},8,["json-data"])):Q("",!0)])])]}),_:1}),l(L,{class:"no-print"},{default:t(()=>[l(ee,{loading:I.value,headers:$,items:ve.value,"sort-by":[{key:"impressions",order:"desc"}],search:q.value.search,class:"elevation-0 rounded-0","hide-default-footer":w.value,"items-per-page":w.value?-1:10},We({"item.condition":t(({item:e})=>[r(n(e.condition?e.condition[0].toUpperCase()+e.condition.slice(1).toLowerCase():"N/A"),1)]),"item.impressions":t(({item:e})=>

1[r(n(c(u)(e.impressions)),1)]),"item.clicks":t(({item:e})=>[r(n(c(u)(e.clicks)),1)]),"footer.prepend":t(()=>[a[18]||(a[18]=p("div",{class:"mr-auto italic text-sm!"},"* Programmatic Campaigns Only",-1))]),_:2},[ie($,(e,o)=>({name:`header.${e.key}`,fn:t(({})=>[r(n(e.title)+" ",1),e.key==="impressions"||e.key==="days_to_conversion"?(m(),D(Ke,{location:"bottom",key:o,"max-width":"350px"},{activator:t(({props:s})=>[p("span",Ge(Je(s)),[l(ke,{color:"info",size:"18"},{default:t(()=>[...a[17]||(a[17]=[r("fas fa-info-circle",-1)])]),_:1})],16)]),default:t(()=>[e.key==="impressions"?(m(),M("span",wt," Total number of impressions from a campaign before a conversion took place. ")):Q("",!0),e.key==="days_to_conversion"?(m(),M("span",_t," Amount of time/days it took from the initial impression until a conversion happened on a specific campaign. ")):Q("",!0)]),_:2},1024)):Q("",!0)])}))]),1032,["loading","items","search","hide-default-footer","items-per-page"])]),_:1})]),_:1})]),_:1})]),_:1})):Q("",!0)]))]))}};export{Ot as default};