{"version":3,"sources":["webpack:///./src/assets/images/uploads/optimization-selection.svg","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/PerformanceTables.vue?c39a","webpack:///./src/views/FilterSelections.vue?96e8","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Boxes.vue?0b48","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Benchmarks.vue?0062","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Index.vue?e999","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Boxes.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Boxes.vue?5825","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Boxes.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Boxes.vue?1da1","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/PerformanceTables.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/PerformanceTables.vue?c0e3","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/PerformanceTables.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/PerformanceTables.vue?ed71","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Benchmarks.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Benchmarks.vue?bb9d","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Benchmarks.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Benchmarks.vue?7971","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/TrendGraphs.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/TrendGraphs.vue?417f","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/TrendGraphs.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/TrendGraphs.vue?4c09","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/PieCharts.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/PieCharts.vue?da82","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/PieCharts.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/PieCharts.vue?ed4b","webpack:///src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Index.vue?6764","webpack:///./src/views/smart-reporting/custom-reports/retailer-and-product-report/summary/Index.vue","webpack:///./src/views/FilterSelections.vue?809f","webpack:///./src/views/FilterSelections.vue?22e5","webpack:///src/views/FilterSelections.vue","webpack:///./src/views/FilterSelections.vue"],"names":["module","exports","components","BRow","BCol","BPagination","directives","VBTooltip","data","boxes","props","metrics","type","Object","default","methods","universalFormatter","getIcon","percentage","getClass","formatName","name","charAt","toUpperCase","slice","borderStyle","rate","parseFloat","computed","formattedMetrics","cost","metric","value","costRate","clicks","clicksRate","ctr","ctrRate","revenue","revenueRate","roas","roasRate","m","component","_vm","this","_h","$createElement","_c","_self","_v","staticClass","_l","index","key","attrs","_s","class","style","_e","publishers","Array","retailers","publishersFields","label","retailerFields","getIconAndColor","icon","color","scopedSlots","_u","fn","item","benchmarks","getCardClass","created","ForecastLineChart","charts","required","forecastSettingsRoasRevenue","width","height","margin","top","right","bottom","left","chartTypes","lineChartEnabled","stepAreaChartEnabled","basisAreaChartEnabled","barChartEnabled","colors","upperLineColor","lowerLineColor","lineColors","forecastLineColor","forecastAreaColor","barLineColor","textSettings","fontFamily","fontWeight","fontSize","meanLineSettings","meanLineColor","meanLineText","meanLineEnabled","textPosition","x","y","textColor","axisSettings","separationLineEnabled","leftYAxisEnabled","rightYAxisEnabled","textFontSize","axisColor","axisTitles","xAxis","xAxisTitle","titlePosition","numberOfTicks","leftYAxis","labelEnabled","labelColor","axisBasedOn","rightYAxis","tooltipSettings","line1Text","areaText","legendSettings","legendNames","legendColors","zoomOutIconSettings","iconColor","mouseOverColor","responsive","forecastSettingsClicksCtr","transformedHistoryData","dates","roasRevenueTimeSeries","map","date","area","line1","formattedHistoryData","transformedHistoryData2","clickCtrTimeSeries","click","piecedDonutChart","createChartData","series","piecedDonutData","piecedDonutSettings","getTitles","length","customOps","seriesLength","legendPosition","borderSettings","borderColor","borderFontSize","piecesColor","lineColor","noDataSettings","text","piecedDonutChartData1","massMakeup","keys","category","piecedDonutChartData2","platformData","publisher","piecedDonutChartData3","retailerData","retailer","Boxes","PerformanceTables","Benchmarks","TrendGraphs","PieCharts","FiltersV2","FilterSelections","NoDataTemp","Loading","recData","isLoading","noData","isFilterSelected","params","requestParams","brand_ids","cpasBrand","join","start_date","startDate","end_date","endDate","start_date_compare","compareDate","end_date_compare","$http","get","then","catch","e","getMetrics","performanceByPublisher","performanceByRetailer","benchmark","graffic","circleGraffic","staticRenderFns","BImg","title","String","selectionImage","require"],"mappings":"oHAAAA,EAAOC,QAAU,IAA0B,yCAAyC,E,oFCApF,W,oCCAA,W,oCCAA,W,6DCAA,W,yCCAA,I,4DCyCe,GACfC,WAAA,CACAC,SACAC,SACAC,iBAEAC,WAAA,CACA,YAAAC,KAEAC,UACA,CACAC,MAAA,KAGAC,MAAA,CACAC,QAAA,CACAC,KAAAC,OACAC,iBAGAC,QAAA,CACAC,uBACAC,QAAAC,GACAA,EAAA,EACA,mBACAA,EAAA,EACA,qBAEA,YAGAC,SAAAD,GACAA,EAAA,EACA,eACAA,EAAA,EACA,cAEA,aAGAE,WAAAC,GACAA,EACA,QAAAA,EACA,MAEA,SAAAA,EACA,OAEAA,EAAAC,OAAA,GAAAC,cAAAF,EAAAG,MAAA,GAPA,GAUAC,YAAAC,IACAA,EAAAC,WAAAD,IACA,EACA,yBACAA,EAAA,EACA,2BAEA,2BAIAE,SAAA,CACAC,mBACA,OACAC,KAAA,CACAC,OAAA,OACAC,MAAA,KAAArB,QAAAmB,KACAJ,KAAA,KAAAf,QAAAsB,UAEAC,OAAA,CACAH,OAAA,SACAC,MAAA,KAAArB,QAAAuB,OACAR,KAAA,KAAAf,QAAAwB,YAEAC,IAAA,CACAL,OAAA,MACAC,MAAA,KAAArB,QAAAyB,IACAV,KAAA,KAAAf,QAAA0B,SAEAC,QAAA,CACAP,OAAA,UACAC,MAAA,KAAArB,QAAA2B,QACAZ,KAAA,KAAAf,QAAA4B,aAEAC,KAAA,CACAT,OAAA,OACAC,MAAA,KAAArB,QAAA6B,KACAd,KAAA,KAAAf,QAAA8B,cCjI0Y,EAAAC,E,wBCQtYC,EAAY,YACd,GCTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,aAAaF,EAAG,MAAM,CAACG,YAAY,gDAAgDP,EAAIQ,GAAIR,EAAoB,2BAAWb,EAAOsB,GAAO,OAAOL,EAAG,MAAM,CAACM,IAAID,GAAO,CAACL,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAACG,YAAY,mBAAmBH,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,KAAK,CAACG,YAAY,YAAYI,MAAM,CAAC,MAAQxB,EAAOA,SAAS,CAACa,EAAIM,GAAG,IAAIN,EAAIY,GAAGZ,EAAIxB,WAAWW,EAAOA,SAAS,OAAOiB,EAAG,OAAO,CAACG,YAAY,iBAAiBM,MAAMb,EAAIzB,SAASY,EAAOL,OAAO,CAACsB,EAAG,eAAe,CAACO,MAAM,CAAC,KAAO,KAAK,KAAOX,EAAI3B,QAAQc,EAAOL,UAAU,OAAOsB,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACH,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACH,EAAG,KAAK,CAACG,YAAY,aAAa,CAACP,EAAIM,GAAG,IAAIN,EAAIY,GAAGZ,EAAI5B,mBAAmBe,EAAOC,QAAQ,OAAOgB,EAAG,MAAM,CAACG,YAAY,qBAAqBH,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,MAAM,CAACG,YAAY,cAAcH,EAAG,MAAM,CAACG,YAAY,cAAcO,MAAOd,EAAInB,YAAYM,EAAOL,OAAQ,CAACsB,EAAG,MAAM,CAACG,YAAY,eAAe,CAACP,EAAIM,GAAGN,EAAIY,GAAGZ,EAAI5B,mBAAmBe,EAAOL,QAA2B,QAAlBK,EAAOA,QAAsC,SAAlBA,EAAOA,OAAmBiB,EAAG,OAAO,CAACJ,EAAIM,GAAG,QAAQN,EAAIe,cAAeA,IAAE,IAAI,GAChtC,IDUpB,EAEA,KACA,WACA,MAIa,EAAAhB,E,QEmFA,GACfjC,MAAA,CACAkD,WAAA,CACAhD,KAAAiD,MACA/C,YAAA,IAEAgD,UAAA,CACAlD,KAAAC,OACAC,iBAGAN,UACA,CACAuD,iBAAA,CACA,CAAAT,IAAA,YAAAU,MAAA,6BACA,CAAAV,IAAA,OAAAU,MAAA,QACA,CAAAV,IAAA,UAAAU,MAAA,WACA,CAAAV,IAAA,OAAAU,MAAA,SAEAC,eAAA,CACA,CAAAX,IAAA,WAAAU,MAAA,2BACA,CAAAV,IAAA,OAAAU,MAAA,QACA,CAAAV,IAAA,UAAAU,MAAA,WACA,CAAAV,IAAA,OAAAU,MAAA,WAIAjD,QAAA,CACAC,uBACAkD,gBAAAhD,GACAA,EAAA,EACA,CACAiD,KAAA,mBACAC,MAAA,SAEAlD,EAAA,EACA,CACAiD,KAAA,qBACAC,MAAA,OAGA,CACAD,KAAA,YACAC,MAAA,UCjJsZ,ICQlZ,G,UAAY,YACd,GCTW,WAAa,IAAIxB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,UAAU,CAACG,YAAY,eAAeI,MAAM,CAAC,OAASX,EAAImB,iBAAiB,MAAQnB,EAAIgB,WAAW,QAAU,IAAIS,YAAYzB,EAAI0B,GAAG,CAAC,CAAChB,IAAI,aAAaiB,GAAG,SAAS/D,GAAM,MAAO,CAACwC,EAAG,KAAK,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAGN,EAAIY,GAAGZ,EAAI5B,mBAAmBR,EAAKgE,KAAKhC,UAAUQ,EAAG,MAAM,CAACG,YAAY,UAAU,CAAE3C,EAAKgE,KAAS,KAAExB,EAAG,IAAI,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAG,IAAIN,EAAIY,GAAGhD,EAAKgE,KAAK/B,UAAU,OAAOG,EAAIe,KAAMnD,EAAKgE,KAAS,KAAExB,EAAG,eAAe,CAACO,MAAM,CAAC,KAAOX,EAAIsB,gBAAgB1D,EAAKgE,KAAK/B,UAAU0B,KAAK,MAAQvB,EAAIsB,gBAAgB1D,EAAKgE,KAAK/B,UAAU2B,MAAM,KAAO,QAAQxB,EAAIe,MAAM,GAAG,GAAG,CAACL,IAAI,gBAAgBiB,GAAG,SAAS/D,GAAM,MAAO,CAACwC,EAAG,KAAK,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAGN,EAAIY,GAAGZ,EAAI5B,mBAAmBR,EAAKgE,KAAKlC,aAAaU,EAAG,MAAM,CAACG,YAAY,UAAU,CAAE3C,EAAKgE,KAAY,QAAExB,EAAG,IAAI,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAG,IAAIN,EAAIY,GAAGhD,EAAKgE,KAAKjC,aAAa,QAAQK,EAAIe,KAAMnD,EAAKgE,KAAY,QAAExB,EAAG,eAAe,CAACO,MAAM,CAAC,KAAOX,EAAIsB,gBAAgB1D,EAAKgE,KAAKjC,aAAa4B,KAAK,MAAQvB,EAAIsB,gBAAgB1D,EAAKgE,KAAKjC,aAAa6B,MAAM,KAAO,QAAQxB,EAAIe,MAAM,GAAG,GAAG,CAACL,IAAI,aAAaiB,GAAG,SAAS/D,GAAM,MAAO,CAACwC,EAAG,KAAK,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAGN,EAAIY,GAAGZ,EAAI5B,mBAAmBR,EAAKgE,KAAK1C,UAAUkB,EAAG,MAAM,CAACG,YAAY,UAAU,CAAE3C,EAAKgE,KAAS,KAAExB,EAAG,IAAI,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAG,IAAIN,EAAIY,GAAGhD,EAAKgE,KAAKvC,UAAU,QAAQW,EAAIe,KAAMnD,EAAKgE,KAAS,KAAExB,EAAG,eAAe,CAACO,MAAM,CAAC,KAAOX,EAAIsB,gBAAgB1D,EAAKgE,KAAKvC,UAAUkC,KAAK,MAAQvB,EAAIsB,gBAAgB1D,EAAKgE,KAAKvC,UAAUmC,MAAM,KAAO,QAAQxB,EAAIe,MAAM,GAAG,QAAQ,GAAGX,EAAG,QAAQ,CAACA,EAAG,UAAU,CAACG,YAAY,eAAeI,MAAM,CAAC,OAASX,EAAIqB,eAAe,MAAQrB,EAAIkB,UAAU,QAAU,IAAIO,YAAYzB,EAAI0B,GAAG,CAAC,CAAChB,IAAI,aAAaiB,GAAG,SAAS/D,GAAM,MAAO,CAACwC,EAAG,KAAK,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAGN,EAAIY,GAAGZ,EAAI5B,mBAAmBR,EAAKgE,KAAKhC,UAAUQ,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,IAAI,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAGN,EAAIY,GAAGhD,EAAKgE,KAAK/B,aAAaO,EAAG,eAAe,CAACO,MAAM,CAAC,KAAOX,EAAIsB,gBAAgB1D,EAAKgE,KAAK/B,UAAU0B,KAAK,MAAQvB,EAAIsB,gBAAgB1D,EAAKgE,KAAK/B,UAAU2B,MAAM,KAAO,SAAS,GAAG,GAAG,CAACd,IAAI,gBAAgBiB,GAAG,SAAS/D,GAAM,MAAO,CAACwC,EAAG,KAAK,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAGN,EAAIY,GAAGZ,EAAI5B,mBAAmBR,EAAKgE,KAAKlC,aAAaU,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,IAAI,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAGN,EAAIY,GAAGhD,EAAKgE,KAAKjC,aAAa,OAAOS,EAAG,eAAe,CAACO,MAAM,CAAC,KAAOX,EAAIsB,gBAAgB1D,EAAKgE,KAAKjC,aAAa4B,KAAK,MAAQvB,EAAIsB,gBAAgB1D,EAAKgE,KAAKjC,aAAa6B,MAAM,KAAO,SAAS,GAAG,GAAG,CAACd,IAAI,aAAaiB,GAAG,SAAS/D,GAAM,MAAO,CAACwC,EAAG,KAAK,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAGN,EAAIY,GAAGZ,EAAI5B,mBAAmBR,EAAKgE,KAAK1C,UAAUkB,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,IAAI,CAACG,YAAY,QAAQ,CAACP,EAAIM,GAAGN,EAAIY,GAAGhD,EAAKgE,KAAKvC,UAAU,OAAOe,EAAG,eAAe,CAACO,MAAM,CAAC,KAAOX,EAAIsB,gBAAgB1D,EAAKgE,KAAKvC,UAAUkC,KAAK,MAAQvB,EAAIsB,gBAAgB1D,EAAKgE,KAAKvC,UAAUmC,MAAM,KAAO,SAAS,GAAG,QAAQ,IAAI,IAAI,EAAE,GACh4F,IDUpB,EAEA,KACA,WACA,OAIa,I,QEaf,GACA1D,MAAA,CACA+D,WAAA,CACA7D,KAAAC,OACAC,iBAGAC,QAAA,CACA2D,aAAA1C,IACA,CACA,wBAAAA,EACA,wBAAAA,EACA,wBAAAA,EACA,yBAAAA,KAIA2C,UACAF,GClD+Y,ICQ3Y,G,UAAY,YACd,GCTW,WAAa,IAAI7B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACG,YAAY,QAAQ,CAACH,EAAG,KAAK,CAACJ,EAAIM,GAAG,eAAeF,EAAG,MAAM,CAACG,YAAY,cAAc,CAAC,CAACH,EAAG,QAAQ,CAACG,YAAY,qBAAqBP,EAAIQ,GAAIR,EAAc,qBAAWb,EAAOsB,GAAO,OAAOL,EAAG,QAAQ,CAACM,IAAID,EAAMF,YAAY,cAAcM,MAAMb,EAAI8B,aAAarB,GAAOE,MAAM,CAAC,GAAK,MAAM,CAAC,CAACP,EAAG,SAAS,CAACG,YAAY,6DAA6D,CAACH,EAAG,KAAK,CAACG,YAAY,+BAA+B,CAACP,EAAIM,GAAG,IAAIN,EAAIY,GAAGH,EAAM9B,eAAe,OAAOyB,EAAG,KAAK,CAACG,YAAY,mDAAmD,CAACP,EAAIM,GAAG,IAAIN,EAAIY,GAAGzB,GAAQ,WAAW,EAAG,IAAE,KAAK,IAAI,GAC7qB,IDUpB,EAEA,KACA,WACA,OAIa,I,QEOA,GACf7B,WAAA,CACA0E,mB,+BAAAA,GAEAlE,MAAA,CACAmE,OAAA,CACAjE,KAAAC,OACAiE,cAGAtE,UACA,CACAuE,4BAAA,CACAC,MAAA,KACAC,OAAA,IACAC,OAAA,CAAAC,IAAA,GAAAC,MAAA,GAAAC,OAAA,GAAAC,KAAA,IACAC,WAAA,CACAC,oBACAC,wBACAC,yBACAC,oBAEAC,OAAA,CACAC,eAAA,UACAC,eAAA,UACAC,WAAA,YACAC,kBAAA,QACAC,kBAAA,UACAC,aAAA,WAEAC,aAAA,CACAC,WAAA,iDACAC,WAAA,MACAC,SAAA,QAEAC,iBAAA,CACAC,cAAA,UACAC,aAAA,aACAC,mBACAP,aAAA,CACAQ,aAAA,CACAC,EAAA,IACAC,GAAA,IAEAC,UAAA,UAGAC,aAAA,CACAC,yBACAC,oBACAC,qBACAC,aAAA,OACAC,UAAA,UACAC,WAAA,CACAC,MAAA,CACAC,WAAA,OACAC,cAAA,CACAZ,EAAA,IAEAa,cAAA,GAEAC,UAAA,CACAC,gBACA3D,MAAA,OACA4D,WAAA,UACAJ,cAAA,CACAZ,EAAA,IAEAiB,YAAA,WAEAC,WAAA,CACAH,gBACA3D,MAAA,UACA4D,WAAA,UACAJ,cAAA,CACAZ,EAAA,IAEAiB,YAAA,YAIAE,gBAAA,CACAC,UAAA,OACAC,SAAA,WAEAC,eAAA,CACApB,UAAA,QACAqB,YAAA,mBACAC,aAAA,uBAEAC,oBAAA,CACAC,UAAA,QACAC,eAAA,SAEAC,eAEAC,0BAAA,CACAzD,MAAA,KACAC,OAAA,IACAC,OAAA,CAAAC,IAAA,GAAAC,MAAA,GAAAC,OAAA,GAAAC,KAAA,IACAC,WAAA,CACAC,oBACAC,wBACAC,yBACAC,oBAEAC,OAAA,CACAC,eAAA,UACAC,eAAA,UACAC,WAAA,YACAC,kBAAA,QACAC,kBAAA,UACAC,aAAA,WAEAC,aAAA,CACAC,WAAA,iDACAC,WAAA,MACAC,SAAA,QAEAC,iBAAA,CACAC,cAAA,UACAC,aAAA,aACAC,mBACAP,aAAA,CACAQ,aAAA,CACAC,EAAA,IACAC,GAAA,IAEAC,UAAA,UAGAC,aAAA,CACAC,yBACAC,oBACAC,qBACAC,aAAA,OACAC,UAAA,UACAC,WAAA,CACAC,MAAA,CACAC,WAAA,OACAC,cAAA,CACAZ,EAAA,IAEAa,cAAA,GAEAC,UAAA,CACAC,gBACA3D,MAAA,MACA4D,WAAA,UACAJ,cAAA,CACAZ,EAAA,IAEAiB,YAAA,WAEAC,WAAA,CACAH,gBACA3D,MAAA,SACA4D,WAAA,UACAJ,cAAA,CACAZ,EAAA,IAEAiB,YAAA,YAIAE,gBAAA,CACAC,UAAA,MACAC,SAAA,UAEAC,eAAA,CACApB,UAAA,QACAqB,YAAA,iBACAC,aAAA,uBAEAC,oBAAA,CACAC,UAAA,QACAC,eAAA,SAEAC,iBAIA5G,SAAA,CACA8G,yBACA,IAAAC,EAAA,KAAA9D,OAAA+D,sBAAA,GAAApI,KAAAqI,KAAArE,KAAAoC,IACAtE,EAAA,KAAAuC,OAAA+D,sBAAA,GAAApI,KAAAqI,KAAArE,KAAAqC,IACArE,EAAA,KAAAqC,OAAA+D,sBAAA,GAAApI,KAAAqI,KAAArE,KAAAqC,IAQA,OANA8B,EAAAE,KAAA,CAAAC,EAAAzF,MACAyF,OACAC,KAAAzG,EAAAe,GACA2F,MAAAxG,EAAAa,MAGA4F,EAEAC,0BACA,IAAAP,EAAA,KAAA9D,OAAAsE,mBAAA,GAAA3I,KAAAqI,KAAArE,KAAAoC,IACAwC,EAAA,KAAAvE,OAAAsE,mBAAA,GAAA3I,KAAAqI,KAAArE,KAAAqC,IACAzE,EAAA,KAAAyC,OAAAsE,mBAAA,GAAA3I,KAAAqI,KAAArE,KAAAqC,IAQA,OANA8B,EAAAE,KAAA,CAAAC,EAAAzF,MACAyF,OACAC,KAAAK,EAAA/F,GACA2F,MAAA5G,EAAAiB,MAGA4F,GAGAtE,UACAE,GC7OgZ,ICO5Y,EAAY,YACd,GCRW,WAAa,IAAIjC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,0BAA0BF,EAAG,sBAAsB,CAACO,MAAM,CAAC,oBAAsBX,EAAI8F,uBAAuB,mBAAqB,GAAG,iBAAmB9F,EAAImC,gCAAgC,GAAG/B,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,wBAAwBF,EAAG,sBAAsB,CAACO,MAAM,CAAC,oBAAsBX,EAAIsG,wBAAwB,mBAAqB,GAAG,iBAAmBtG,EAAI6F,8BAA8B,IAAI,IAAI,EAAE,GAC5hB,IDSpB,EAEA,KACA,KACA,MAIa,I,QEmBA,GACfvI,WAAA,CACAmJ,iB,WAAAA,GAEA3I,MAAA,CACAmE,OAAA,CACAjE,KAAAC,OACAC,cAAA,KAGAC,QAAA,CACAuI,gBAAAC,GAEA,OACAC,gBAAAD,EACAE,oBAHA,KAAAC,UAAAH,EAAAI,QAGAC,EAGAF,UAAAG,IAEA,CACA3E,OAAA,GACAF,MAAA,IACAC,OAAA,IACA6E,eAAA,SACAC,eAAA,CACAC,YAAA,QACAC,eAAA,SAEA9D,aAAA,CACAgB,aAAA,OACAL,UAAA,QACAV,WAAA,wBACAC,WAAA,OAEAT,OAAA,CACAsE,YAjBA,8DAiBA1I,MAAA,EAAAqI,GACAM,UAAA,SAEAC,eAAA,CACAC,KAAA,oBACAjG,MAAA,SAEAoE,iBAIA5G,SAAA,CACA0I,wBACA,MAAAC,EAAA,KAAA1F,OAAA0F,YAAA,GACAhB,EAAA1I,OAAA2J,KAAAD,GAAA1B,KAAAvF,KACAmH,SAAAnH,EACAtB,MAAAuI,EAAAjH,OAEA,YAAAgG,gBAAAC,IAEAmB,wBACA,MAAAC,EAAA,KAAA9F,OAAA+F,WAAA,GACArB,EAAA1I,OAAA2J,KAAAG,GAAA9B,KAAAvF,KACAmH,SAAAnH,EACAtB,MAAA2I,EAAArH,OAEA,YAAAgG,gBAAAC,IAEAsB,wBACA,MAAAC,EAAA,KAAAjG,OAAAkG,UAAA,GACAxB,EAAA1I,OAAA2J,KAAAM,GAAAjC,KAAAvF,KACAmH,SAAAnH,EACAtB,MAAA8I,EAAAxH,OAEA,YAAAgG,gBAAAC,MC3G8Y,ICO1Y,EAAY,YACd,GCRW,WAAa,IAAI3G,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACO,MAAM,CAAC,GAAK,MAAM,CAACP,EAAG,SAAS,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,cAAcF,EAAG,qBAAqB,CAACO,MAAM,CAAC,gBAAkBX,EAAI0H,sBAAsBd,gBAAgB,oBAAsB5G,EAAI0H,sBAAsBb,wBAAwB,IAAI,GAAGzG,EAAG,QAAQ,CAACO,MAAM,CAAC,GAAK,MAAM,CAACP,EAAG,SAAS,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,cAAcF,EAAG,qBAAqB,CAACO,MAAM,CAAC,gBAAkBX,EAAI8H,sBAAsBlB,gBAAgB,oBAAsB5G,EAAI8H,sBAAsBjB,wBAAwB,IAAI,GAAGzG,EAAG,QAAQ,CAACO,MAAM,CAAC,GAAK,MAAM,CAACP,EAAG,SAAS,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,cAAcF,EAAG,qBAAqB,CAACO,MAAM,CAAC,gBAAkBX,EAAIiI,sBAAsBrB,gBAAgB,oBAAsB5G,EAAIiI,sBAAsBpB,wBAAwB,IAAI,IAAI,IAAI,EAAE,GAC10B,IDSpB,EAEA,KACA,KACA,MAIa,I,wDEcA,GACfvJ,WAAA,CACA8K,QACAC,oBACAC,aACAC,cACAC,YACAC,cACAC,qBACAC,eACAC,YACAF,sBAEA9K,UACA,CACAiL,QAAA,GACAC,aACAC,UACAC,sBAGA7K,QAAA,CACA,iBAAA8K,GACA,KAAAH,aACA,KAAAC,UACA,KAAAC,oBACA,IAAAE,EAAA,CACAC,UAAAF,EAAAG,UAAAC,KAAA,KACAC,WAAAL,EAAA/C,KAAAqD,UACAC,SAAAP,EAAA/C,KAAAuD,QACAC,mBAAAT,EAAAU,YAAAJ,UACAK,iBAAAX,EAAAU,YAAAF,eAEA,KAAAI,MACAC,IAAA,0BACAb,OAAAC,IAEAa,MAAA,EAAAnM,WACA,KAAAiL,QAAAjL,EACA,KAAAkL,YAAA,IAEAkB,OAAAC,IACA,KAAAlB,UACA,KAAAD,YAAA,OC3E0Y,ICOtY,EAAY,YACd,GvBRW,WAAa,IAAI9I,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACA,EAAG,YAAY,CAACO,MAAM,CAAC,KAAO,eAAe,cAAcX,EAAIkK,cAAgBlK,EAAIgJ,iBAAqJhJ,EAAIe,KAAvIX,EAAG,MAAM,CAACA,EAAG,oBAAoB,CAACO,MAAM,CAAC,MAAQ,+EAA+E,GAAaX,EAAa,UAAEI,EAAG,MAAM,CAACA,EAAG,YAAY,GAAGJ,EAAIe,KAAOf,EAAI+I,QAAW/I,EAAI8I,YAAa9I,EAAIgJ,iBAAmZhJ,EAAIe,KAArYX,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACO,MAAM,CAAC,QAAUX,EAAI6I,QAAQ9K,WAAWqC,EAAG,qBAAqB,CAACO,MAAM,CAAC,WAAaX,EAAI6I,QAAQsB,uBAAuB,UAAYnK,EAAI6I,QAAQuB,yBAAyBhK,EAAG,aAAa,CAACO,MAAM,CAAC,WAAaX,EAAI6I,QAAQwB,aAAajK,EAAG,eAAe,CAACO,MAAM,CAAC,OAASX,EAAI6I,QAAQyB,QAAQA,WAAWlK,EAAG,aAAa,CAACO,MAAM,CAAC,OAASX,EAAI6I,QAAQ0B,kBAAkB,GAAavK,EAAI+I,SAAW/I,EAAI8I,UAAW1I,EAAG,MAAM,CAACA,EAAG,iBAAiB,GAAGJ,EAAIe,MAAM,EAAE,GAC54B,IuBSpByJ,EAEA,KACA,KACA,MAIa,Y,2CClBf,ICAyV,ECmB1U,CACflN,WAAA,CACAmN,K,UAAAA,GAEA3M,MAAA,CACA4M,MAAA,CACA1M,KAAA2M,OACAzI,YACAhE,QAAA,6EAGAN,UACA,CACAgN,eAAAC,EAAA,W,wBCxBI9K,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,MAAM,CAACG,YAAY,4EAA4E,CAACH,EAAG,QAAQ,CAACG,YAAY,iBAAiBI,MAAM,CAAC,IAAMX,EAAI4K,eAAe,OAAS,WAAWxK,EAAG,KAAK,CAACG,YAAY,+CAA+C,CAACP,EAAIM,GAAG,IAAIN,EAAIY,GAAGX,KAAKyK,OAAO,QAAQ,IAAI,GAC/Z,IGUpBF,EAEA,KACA,WACA,MAIa,IAAAzK,E","file":"js/chunk-04115f54.244f378f.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/optimization-selection.2883f97a.svg\";","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PerformanceTables.vue?vue&type=style&index=0&id=8d9e3994&prod&lang=scss&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=style&index=0&id=0527c44a&prod&lang=scss&scoped=true\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Boxes.vue?vue&type=style&index=0&id=088357ab&prod&scoped=true&lang=css\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Benchmarks.vue?vue&type=style&index=0&id=a3043d7c&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('filtersV2',{attrs:{\"name\":\"cpasOverview\",\"get-metrics\":_vm.getMetrics}}),(!_vm.isFilterSelected)?_c('div',[_c('filter-selections',{attrs:{\"title\":\"Please select brand(s), current date and compare date to see the report.\"}})],1):_vm._e(),(_vm.isLoading)?_c('div',[_c('loading')],1):_vm._e(),(!_vm.noData && !_vm.isLoading && _vm.isFilterSelected)?_c('div',[_c('boxes',{attrs:{\"metrics\":_vm.recData.metrics}}),_c('performance-tables',{attrs:{\"publishers\":_vm.recData.performanceByPublisher,\"retailers\":_vm.recData.performanceByRetailer}}),_c('benchmarks',{attrs:{\"benchmarks\":_vm.recData.benchmark}}),_c('trend-graphs',{attrs:{\"charts\":_vm.recData.graffic.graffic}}),_c('pie-charts',{attrs:{\"charts\":_vm.recData.circleGraffic}})],1):_vm._e(),(_vm.noData && !_vm.isLoading)?_c('div',[_c('no-data-temp')],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card>\n    <h1>Metrics</h1>\n    <div class=\"d-flex flex-wrap justify-content-around mt-2\">\n      <div v-for=\"(metric, index) in formattedMetrics\" :key=\"index\">\n        <div class=\"dikdortgen\">\n          <div class=\"quarter-circle\" />\n          <div class=\"body-content\">\n            <h4 class=\"mx-2 mt-1\" :title=\"metric.metric\">\n              {{ formatName(metric.metric) }}\n            </h4>\n            <span class=\"icon-indicator\" :class=\"getClass(metric.rate)\">\n              <feather-icon size=\"20\" :icon=\"getIcon(metric.rate)\" />\n            </span>\n          </div>\n        </div>\n        <div class=\"dikdortgen-kucuk\">\n          <div class=\"dikdortgen-inner\">\n            <h5 class=\"mx-1 mt-3\">\n              {{ universalFormatter(metric.value) }}\n            </h5>\n            <div class=\"quarter-circle\" />\n          </div>\n          <div class=\"daire-buyuk\">\n            <div class=\"sub-layer\" />\n            <div class=\"daire-kucuk\" :style=\"borderStyle(metric.rate)\">\n              <div class=\"daire-value\"\n                >{{ universalFormatter(metric.rate) }}<span v-if=\"metric.metric !== 'ctr' && metric.metric !== 'roas'\">%\n                </span></div\n              >\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </b-card>\n</template>\n\n<script>\nimport { BRow, BCol, BPagination, VBTooltip } from \"bootstrap-vue\";\nimport { universalFormatter } from \"@core/utils/utils\";\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BPagination,\n  },\n  directives: {\n    \"b-tooltip\": VBTooltip,\n  },\n  data() {\n    return {\n      boxes: [],\n    };\n  },\n  props: {\n    metrics: {\n      type: Object,\n      default: () => {},\n    },\n  },\n  methods: {\n    universalFormatter,\n    getIcon(percentage) {\n      if (percentage > 0) {\n        return \"ArrowUpRightIcon\";\n      } else if (percentage < 0) {\n        return \"ArrowDownRightIcon\";\n      } else {\n        return \"MinusIcon\";\n      }\n    },\n    getClass(percentage) {\n      if (percentage > 0) {\n        return \"text-success\";\n      } else if (percentage < 0) {\n        return \"text-danger\";\n      } else {\n        return \"text-muted\";\n      }\n    },\n    formatName(name) {\n      if (!name) return '';\n      if(name===\"ctr\"){\n        return \"CTR\";\n      }\n      if(name===\"roas\"){\n        return \"ROAS\";\n      }\n      return name.charAt(0).toUpperCase() + name.slice(1);\n      \n    },\n    borderStyle(rate) {\n      rate = parseFloat(rate);\n      if (rate < 0) {\n        return 'border: 1px solid red;';\n      } else if (rate > 0) {\n        return 'border: 1px solid green;';\n      } else {\n        return 'border: 1px solid grey;';\n      }\n    },\n  },\n  computed: {\n    formattedMetrics() {\n      return {\n        cost: {\n          metric: \"cost\",\n          value: this.metrics.cost,\n          rate: this.metrics.costRate,\n        },\n        clicks: {\n          metric: \"clicks\",\n          value: this.metrics.clicks,\n          rate: this.metrics.clicksRate,\n        },\n        ctr: {\n          metric: \"ctr\",\n          value: this.metrics.ctr,\n          rate: this.metrics.ctrRate,\n        },\n        revenue: {\n          metric: \"revenue\",\n          value: this.metrics.revenue,\n          rate: this.metrics.revenueRate,\n        },\n        roas: {\n          metric: \"roas\",\n          value: this.metrics.roas,\n          rate: this.metrics.roasRate,\n        },\n      };\n    },\n  },\n};\n</script>\n\n<style scoped>\n.d-flex.flex-wrap {\n  gap: 1rem;\n}\n\n.pagination-controls {\n  display: flex;\n  justify-content: center;\n  margin-top: 20px;\n}\n\n.icon-indicator {\n  position: absolute;\n  bottom: 10px;\n  right: 10px;\n  font-size: 1.5rem;\n}\n.text-success {\n  color: green;\n}\n.text-danger {\n  color: red;\n}\n\n.dikdortgen {\n  width: 13.3rem;\n  height: 3rem;\n  display: flex;\n  border: 1px solid #6d28d9;\n  border-radius: 16px;\n  border-bottom-left-radius: 0;\n  border-bottom-width: 0;\n  position: relative;\n}\n\n.dikdortgen-kucuk {\n  width: 13rem;\n  height: 5rem;\n  display: flex;\n}\n\n.dikdortgen-inner {\n  width: 9rem;\n  height: 5rem;\n  border: 1px solid #6d28d9;\n  border-top: none;\n  border-right: 0;\n  border-radius: 16px;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  position: relative;\n}\n\n.daire-buyuk {\n  width: 4rem;\n  height: 5.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.daire-kucuk {\n  min-width: 3.8rem;\n  height: 3.8rem;\n  margin-left: 1rem;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n}\n\n.daire-value {\n  font-size: 10px;\n  font-weight: bold;\n  color: #fff;\n}\n\n.sub-layer {\n  width: 3.2rem;\n  height: 4rem;\n  border: 1px solid #6d28d9;\n  position: absolute;\n  border-radius: 48px;\n  border-right: 0;\n  border-bottom: 0;\n  border-bottom-left-radius: 0;\n  border-top-right-radius: 0;\n  top: 0px;\n  left: 0px;\n}\n\n.body-content {\n  width: 100%;\n  height: 100%;\n  z-index: 10;\n  border-radius: 16px;\n}\n\n.quarter-circle {\n  width: 16px;\n  height: 16px;\n  border-top: 1px solid #6d28d9;\n  border-right: 1px solid #6d28d9;\n  border-top-right-radius: 100%;\n  transform: rotate(90deg);\n  right: -1px;\n  position: absolute;\n  bottom: -1px;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Boxes.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Boxes.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Boxes.vue?vue&type=template&id=088357ab&scoped=true\"\nimport script from \"./Boxes.vue?vue&type=script&lang=js\"\nexport * from \"./Boxes.vue?vue&type=script&lang=js\"\nimport style0 from \"./Boxes.vue?vue&type=style&index=0&id=088357ab&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"088357ab\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('h1',[_vm._v(\"Metrics\")]),_c('div',{staticClass:\"d-flex flex-wrap justify-content-around mt-2\"},_vm._l((_vm.formattedMetrics),function(metric,index){return _c('div',{key:index},[_c('div',{staticClass:\"dikdortgen\"},[_c('div',{staticClass:\"quarter-circle\"}),_c('div',{staticClass:\"body-content\"},[_c('h4',{staticClass:\"mx-2 mt-1\",attrs:{\"title\":metric.metric}},[_vm._v(\" \"+_vm._s(_vm.formatName(metric.metric))+\" \")]),_c('span',{staticClass:\"icon-indicator\",class:_vm.getClass(metric.rate)},[_c('feather-icon',{attrs:{\"size\":\"20\",\"icon\":_vm.getIcon(metric.rate)}})],1)])]),_c('div',{staticClass:\"dikdortgen-kucuk\"},[_c('div',{staticClass:\"dikdortgen-inner\"},[_c('h5',{staticClass:\"mx-1 mt-3\"},[_vm._v(\" \"+_vm._s(_vm.universalFormatter(metric.value))+\" \")]),_c('div',{staticClass:\"quarter-circle\"})]),_c('div',{staticClass:\"daire-buyuk\"},[_c('div',{staticClass:\"sub-layer\"}),_c('div',{staticClass:\"daire-kucuk\",style:(_vm.borderStyle(metric.rate))},[_c('div',{staticClass:\"daire-value\"},[_vm._v(_vm._s(_vm.universalFormatter(metric.rate))),(metric.metric !== 'ctr' && metric.metric !== 'roas')?_c('span',[_vm._v(\"% \")]):_vm._e()])])])])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-row>\n      <b-col>\n        <b-table\n          :fields=\"publishersFields\"\n          :items=\"publishers\"\n          striped\n          class=\"perf-metrics\"\n        >\n          <template #cell(roas)=\"data\">\n            <h5 class=\"mb-0\">{{ universalFormatter(data.item.roas) }}</h5>\n            <div class=\"d-flex\">\n              <p class=\"mb-0\" v-if=\"data.item.roas\">\n                {{ data.item.roasRate }}\n              </p>\n              <feather-icon\n                v-if=\"data.item.roas\"\n                :icon=\"getIconAndColor(data.item.roasRate).icon\"\n                :color=\"getIconAndColor(data.item.roasRate).color\"\n                size=\"20\"\n              />\n            </div>\n          </template>\n          <template #cell(revenue)=\"data\">\n            <h5 class=\"mb-0\">{{ universalFormatter(data.item.revenue) }}</h5>\n            <div class=\"d-flex\">\n              <p class=\"mb-0\" v-if=\"data.item.revenue\">\n                {{ data.item.revenueRate }}%\n              </p>\n              <feather-icon\n                v-if=\"data.item.revenue\"\n                :icon=\"getIconAndColor(data.item.revenueRate).icon\"\n                :color=\"getIconAndColor(data.item.revenueRate).color\"\n                size=\"20\"\n              />\n            </div>\n          </template>\n          <template #cell(cost)=\"data\">\n            <h5 class=\"mb-0\">{{ universalFormatter(data.item.cost) }}</h5>\n            <div class=\"d-flex\">\n              <p class=\"mb-0\" v-if=\"data.item.cost\">\n                {{ data.item.costRate }}%\n              </p>\n              <feather-icon\n                v-if=\"data.item.cost\"\n                :icon=\"getIconAndColor(data.item.costRate).icon\"\n                :color=\"getIconAndColor(data.item.costRate).color\"\n                size=\"20\"\n              />\n            </div>\n          </template>\n        </b-table>\n      </b-col>\n      <b-col>\n        <b-table\n          :fields=\"retailerFields\"\n          :items=\"retailers\"\n          striped\n          class=\"perf-metrics\"\n        >\n          <template #cell(roas)=\"data\">\n            <h5 class=\"mb-0\">{{ universalFormatter(data.item.roas) }}</h5>\n            <div class=\"d-flex\">\n              <p class=\"mb-0\">{{ data.item.roasRate }}</p>\n              <feather-icon\n                :icon=\"getIconAndColor(data.item.roasRate).icon\"\n                :color=\"getIconAndColor(data.item.roasRate).color\"\n                size=\"20\"\n              />\n            </div>\n          </template>\n          <template #cell(revenue)=\"data\">\n            <h5 class=\"mb-0\">{{ universalFormatter(data.item.revenue) }}</h5>\n            <div class=\"d-flex\">\n              <p class=\"mb-0\">{{ data.item.revenueRate }}%</p>\n              <feather-icon\n                :icon=\"getIconAndColor(data.item.revenueRate).icon\"\n                :color=\"getIconAndColor(data.item.revenueRate).color\"\n                size=\"20\"\n              />\n            </div>\n          </template>\n          <template #cell(cost)=\"data\">\n            <h5 class=\"mb-0\">{{ universalFormatter(data.item.cost) }}</h5>\n            <div class=\"d-flex\">\n              <p class=\"mb-0\">{{ data.item.costRate }}%</p>\n              <feather-icon\n                :icon=\"getIconAndColor(data.item.costRate).icon\"\n                :color=\"getIconAndColor(data.item.costRate).color\"\n                size=\"20\"\n              />\n            </div>\n          </template>\n        </b-table>\n      </b-col>\n    </b-row>\n  </section>\n</template>\n\n<script>\nimport { universalFormatter } from \"@/@core/utils/utils\";\nexport default {\n  props: {\n    publishers: {\n      type: Array,\n      default: () => [],\n    },\n    retailers: {\n      type: Object,\n      default: () => {},\n    },\n  },\n  data() {\n    return {\n      publishersFields: [\n        { key: \"publisher\", label: \"PERFORMANCE by PUBLISHERS\" },\n        { key: \"roas\", label: \"Roas\" },\n        { key: \"revenue\", label: \"Revenue\" },\n        { key: \"cost\", label: \"Cost\" },\n      ],\n      retailerFields: [\n        { key: \"retailer\", label: \"Performance by Retailer\" },\n        { key: \"roas\", label: \"Roas\" },\n        { key: \"revenue\", label: \"Revenue\" },\n        { key: \"cost\", label: \"Cost\" },\n      ],\n    };\n  },\n  methods: {\n    universalFormatter,\n    getIconAndColor(percentage) {\n      if (percentage > 0) {\n        return {\n          icon: \"ArrowUpRightIcon\",\n          color: \"green\",\n        };\n      } else if (percentage < 0) {\n        return {\n          icon: \"ArrowDownRightIcon\",\n          color: \"red\",\n        };\n      } else {\n        return {\n          icon: \"MinusIcon\",\n          color: \"grey\",\n        };\n      }\n    },\n  },\n\n};\n</script>\n\n<style lang=\"scss\" scoped>\n$border-radius: 0.5rem;\n$border-color: #650dda;\n.perf-metrics {\n  height: 100%;\n  outline: $border-color solid 1px;\n  border: 0 !important;\n  border-radius: $border-radius;\n}\n.perf-metrics ::v-deep thead tr th {\n  text-align: center;\n  background-color: $border-color !important;\n  color: white;\n  position: sticky;\n  top: 0;\n\n  &:first-child {\n    border-top-left-radius: $border-radius;\n  }\n  &:last-child {\n    border-top-right-radius: $border-radius;\n  }\n}\n\n.perf-metrics ::v-deep tr {\n  height: 40px;\n\n  &:nth-child(even) td {\n    background-color: rgba(183, 68, 221, 0.069);\n  }\n\n  &:nth-child(odd) td {\n    background-color: transparent;\n  }\n}\n\n.perf-metrics ::v-deep td {\n  vertical-align: top;\n  height: 70px;\n}\n\n.perf-metrics ::v-deep tr td {\n  height: 5rem;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PerformanceTables.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PerformanceTables.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PerformanceTables.vue?vue&type=template&id=8d9e3994&scoped=true\"\nimport script from \"./PerformanceTables.vue?vue&type=script&lang=js\"\nexport * from \"./PerformanceTables.vue?vue&type=script&lang=js\"\nimport style0 from \"./PerformanceTables.vue?vue&type=style&index=0&id=8d9e3994&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"8d9e3994\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('b-row',[_c('b-col',[_c('b-table',{staticClass:\"perf-metrics\",attrs:{\"fields\":_vm.publishersFields,\"items\":_vm.publishers,\"striped\":\"\"},scopedSlots:_vm._u([{key:\"cell(roas)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.roas)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.roas)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.roasRate)+\" \")]):_vm._e(),(data.item.roas)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.roasRate).icon,\"color\":_vm.getIconAndColor(data.item.roasRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(revenue)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.revenue)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.revenue)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.revenueRate)+\"% \")]):_vm._e(),(data.item.revenue)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.revenueRate).icon,\"color\":_vm.getIconAndColor(data.item.revenueRate).color,\"size\":\"20\"}}):_vm._e()],1)]}},{key:\"cell(cost)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.cost)))]),_c('div',{staticClass:\"d-flex\"},[(data.item.cost)?_c('p',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(data.item.costRate)+\"% \")]):_vm._e(),(data.item.cost)?_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.costRate).icon,\"color\":_vm.getIconAndColor(data.item.costRate).color,\"size\":\"20\"}}):_vm._e()],1)]}}])})],1),_c('b-col',[_c('b-table',{staticClass:\"perf-metrics\",attrs:{\"fields\":_vm.retailerFields,\"items\":_vm.retailers,\"striped\":\"\"},scopedSlots:_vm._u([{key:\"cell(roas)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.roas)))]),_c('div',{staticClass:\"d-flex\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.roasRate))]),_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.roasRate).icon,\"color\":_vm.getIconAndColor(data.item.roasRate).color,\"size\":\"20\"}})],1)]}},{key:\"cell(revenue)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.revenue)))]),_c('div',{staticClass:\"d-flex\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.revenueRate)+\"%\")]),_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.revenueRate).icon,\"color\":_vm.getIconAndColor(data.item.revenueRate).color,\"size\":\"20\"}})],1)]}},{key:\"cell(cost)\",fn:function(data){return [_c('h5',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.universalFormatter(data.item.cost)))]),_c('div',{staticClass:\"d-flex\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(data.item.costRate)+\"%\")]),_c('feather-icon',{attrs:{\"icon\":_vm.getIconAndColor(data.item.costRate).icon,\"color\":_vm.getIconAndColor(data.item.costRate).color,\"size\":\"20\"}})],1)]}}])})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <section class=\"mt-2\"> \n      <h2>Benchmark</h2>\n    <div class=\" mt-2 mb-2\">\n      <template>\n        <b-row class=\"match-height pb-1\">\n          <b-col\n            v-for=\"(metric, index) in benchmarks\"\n            :key=\"index\"\n            lg=\"3\"\n            class=\"metric-item\"\n            :class=\"getCardClass(index)\"\n          >\n            <template>\n              <b-card class=\"mb-lg-0 d-flex justify-content-between align-items-center\">\n                <h3 class=\"text-white text-center mb-0\">\n                  {{ index.toUpperCase() }}\n                </h3>\n                <h1 class=\" font-weight-bolder text-center text-white mb-0\">\n                  {{ metric }}\n                </h1>\n              </b-card>\n            </template>\n          </b-col>\n        </b-row>\n      </template>\n    </div>\n</section>\n  </template>\n  \n  <script>\n  \n  export default {\n    props: {\n      benchmarks: {\n        type: Object,\n        default: () => {},\n      },\n    },\n    methods: {\n      getCardClass(value) {\n        return {\n          'color-class-0': value === 'cpc',\n          'color-class-1': value === 'cpa',\n          'color-class-2': value === 'ctr',\n          'color-class-3': value === 'roas',\n        };\n      },\n    },\n    created() {\n      console.log(this.benchmarks);\n    },\n    \n  };\n  </script>\n  <style lang=\"scss\" scoped>\n  .custom-checkbox {\n    margin-bottom: .5rem !important;\n  }\n  .dropdown-icon-wrapper {\n    z-index: 99;\n  }\n  \n  .btn-metric-layout {\n    background-color: rgba(255, 255, 255, 0.4) !important;\n  }\n  \n  .metric-item {\n    overflow: hidden;\n  }\n  \n  .metric-item-last .card{\n    margin-bottom: 0;\n  }\n  \n  // Card Colors\n  .color-class-0 {\n    .card {\n      background: linear-gradient(180deg, #8A07E1 0%, #5C08E1 100%);\n\n    }\n  }\n  .color-class-1 {\n    .card {\n      background: linear-gradient(180deg, #F7A502 0%, #A85701 100%);\n    }\n  }\n  .color-class-2 {\n    .card {\n      background: linear-gradient(0deg, #1F75BE 0%, #00D2F9 100%);\n    }\n  }\n  .color-class-3 {\n    .card {\n      background: linear-gradient(0deg, #54B282 0%, #65C35F 100%);\n    }\n  }\n  \n  </style>\n  ","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Benchmarks.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Benchmarks.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Benchmarks.vue?vue&type=template&id=a3043d7c&scoped=true\"\nimport script from \"./Benchmarks.vue?vue&type=script&lang=js\"\nexport * from \"./Benchmarks.vue?vue&type=script&lang=js\"\nimport style0 from \"./Benchmarks.vue?vue&type=style&index=0&id=a3043d7c&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a3043d7c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"mt-2\"},[_c('h2',[_vm._v(\"Benchmark\")]),_c('div',{staticClass:\" mt-2 mb-2\"},[[_c('b-row',{staticClass:\"match-height pb-1\"},_vm._l((_vm.benchmarks),function(metric,index){return _c('b-col',{key:index,staticClass:\"metric-item\",class:_vm.getCardClass(index),attrs:{\"lg\":\"3\"}},[[_c('b-card',{staticClass:\"mb-lg-0 d-flex justify-content-between align-items-center\"},[_c('h3',{staticClass:\"text-white text-center mb-0\"},[_vm._v(\" \"+_vm._s(index.toUpperCase())+\" \")]),_c('h1',{staticClass:\" font-weight-bolder text-center text-white mb-0\"},[_vm._v(\" \"+_vm._s(metric)+\" \")])])]],2)}),1)]],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-row>\n      <b-col>\n        <h2>ROAS & Revenue Trend</h2>\n        <forecast-line-chart\n          :forecastHistoryData=\"transformedHistoryData\"\n          :forecastFutureData=\"[]\"\n          :forecastSettings=\"forecastSettingsRoasRevenue\"\n        ></forecast-line-chart>\n      </b-col>\n      <b-col>\n        <h2>Clicks & CTR Trend</h2>\n        <forecast-line-chart\n          :forecastHistoryData=\"transformedHistoryData2\"\n          :forecastFutureData=\"[]\"\n          :forecastSettings=\"forecastSettingsClicksCtr\"\n        ></forecast-line-chart>\n      </b-col>\n    </b-row>\n  </section>\n</template>\n\n<script>\nimport ForecastLineChart from \"@/views/ui/adin-d3/ForecastLineChart.vue\";\n\nexport default {\n  components: {\n    ForecastLineChart,\n  },\n  props: {\n    charts: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      forecastSettingsRoasRevenue: {\n        width: 1200,\n        height: 350,\n        margin: { top: 50, right: 80, bottom: 80, left: 80 },\n        chartTypes: {\n          lineChartEnabled: true,\n          stepAreaChartEnabled: false,\n          basisAreaChartEnabled: true,\n          barChartEnabled: false,\n        },\n        colors: {\n          upperLineColor: \"#65A6F5\",\n          lowerLineColor: \"#65A6F5\",\n          lineColors: [\"#FC1474\"],\n          forecastLineColor: \"white\",\n          forecastAreaColor: \"#9126F0\",\n          barLineColor: \"#818BFF\",\n        },\n        textSettings: {\n          fontFamily: \"Montserrat, Helvetica, Arial, serif !important\",\n          fontWeight: \"400\",\n          fontSize: \"14px\",\n        },\n        meanLineSettings: {\n          meanLineColor: \"#FF5F5E\",\n          meanLineText: \"Avg. Score\",\n          meanLineEnabled: false,\n          textSettings: {\n            textPosition: {\n              x: 100,\n              y: -40,\n            },\n            textColor: \"white\",\n          },\n        },\n        axisSettings: {\n          separationLineEnabled: true,\n          leftYAxisEnabled: true,\n          rightYAxisEnabled: true,\n          textFontSize: \"11px\",\n          axisColor: \"#959199\",\n          axisTitles: {\n            xAxis: {\n              xAxisTitle: \"Date\",\n              titlePosition: {\n                x: 70,\n              },\n              numberOfTicks: 8,\n            },\n            leftYAxis: {\n              labelEnabled: true,\n              label: \"Roas\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 90,\n              },\n              axisBasedOn: [\"line1\"],\n            },\n            rightYAxis: {\n              labelEnabled: true,\n              label: \"Revenue\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 70,\n              },\n              axisBasedOn: [\"area\"],\n            },\n          },\n        },\n        tooltipSettings: {\n          line1Text: \"Roas\",\n          areaText: \"Revenue\",\n        },\n        legendSettings: {\n          textColor: \"white\",\n          legendNames: [\"Roas\", \"Revenue\"],\n          legendColors: [\"#FC1374\",\"#65A6F5\"],\n        },\n        zoomOutIconSettings: {\n          iconColor: \"white\",\n          mouseOverColor: \"black\",\n        },\n        responsive: true,\n      },\n      forecastSettingsClicksCtr: {\n        width: 1200,\n        height: 350,\n        margin: { top: 50, right: 80, bottom: 80, left: 80 },\n        chartTypes: {\n          lineChartEnabled: true,\n          stepAreaChartEnabled: false,\n          basisAreaChartEnabled: true,\n          barChartEnabled: false,\n        },\n        colors: {\n          upperLineColor: \"#65A6F5\",\n          lowerLineColor: \"#65A6F5\",\n          lineColors: [\"#FC1474\"],\n          forecastLineColor: \"white\",\n          forecastAreaColor: \"#9126F0\",\n          barLineColor: \"#818BFF\",\n        },\n        textSettings: {\n          fontFamily: \"Montserrat, Helvetica, Arial, serif !important\",\n          fontWeight: \"400\",\n          fontSize: \"14px\",\n        },\n        meanLineSettings: {\n          meanLineColor: \"#FF5F5E\",\n          meanLineText: \"Avg. Score\",\n          meanLineEnabled: false,\n          textSettings: {\n            textPosition: {\n              x: 100,\n              y: -40,\n            },\n            textColor: \"white\",\n          },\n        },\n        axisSettings: {\n          separationLineEnabled: true,\n          leftYAxisEnabled: true,\n          rightYAxisEnabled: true,\n          textFontSize: \"11px\",\n          axisColor: \"#959199\",\n          axisTitles: {\n            xAxis: {\n              xAxisTitle: \"Date\",\n              titlePosition: {\n                x: 70,\n              },\n              numberOfTicks: 8,\n            },\n            leftYAxis: {\n              labelEnabled: true,\n              label: \"CTR\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 90,\n              },\n              axisBasedOn: [\"line1\"],\n            },\n            rightYAxis: {\n              labelEnabled: true,\n              label: \"Clicks\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 70,\n              },\n              axisBasedOn: [\"area\"],\n            },\n          },\n        },\n        tooltipSettings: {\n          line1Text: \"CTR\",\n          areaText: \"Clicks\",\n        },\n        legendSettings: {\n          textColor: \"white\",\n          legendNames: [\"CTR\", \"Clicks\"],\n          legendColors: [\"#FC1374\",\"#65A6F5\"],\n        },\n        zoomOutIconSettings: {\n          iconColor: \"white\",\n          mouseOverColor: \"black\",\n        },\n        responsive: true,\n      },\n    };\n  },\n  computed: {\n    transformedHistoryData() {\n      let dates = this.charts.roasRevenueTimeSeries[0].data.map((item) => item.x);\n      let revenue = this.charts.roasRevenueTimeSeries[1].data.map((item) => item.y);\n      let roas = this.charts.roasRevenueTimeSeries[0].data.map((item) => item.y);\n\n      const formattedHistoryData = dates.map((date, index) => ({\n        date,\n        area: revenue[index],\n        line1: roas[index],\n      }));\n\n      return formattedHistoryData;\n    },\n    transformedHistoryData2(){\n      let dates = this.charts.clickCtrTimeSeries[0].data.map((item) => item.x);\n      let click = this.charts.clickCtrTimeSeries[0].data.map((item) => item.y);\n      let ctr = this.charts.clickCtrTimeSeries[1].data.map((item) => item.y);\n\n      const formattedHistoryData = dates.map((date, index) => ({\n        date,\n        area: click[index],\n        line1: ctr[index],\n      }));\n\n      return formattedHistoryData;\n    }\n  },\n  created() {\n    console.log(this.charts);\n  },\n};\n</script>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrendGraphs.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrendGraphs.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TrendGraphs.vue?vue&type=template&id=5e846b7c\"\nimport script from \"./TrendGraphs.vue?vue&type=script&lang=js\"\nexport * from \"./TrendGraphs.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('b-row',[_c('b-col',[_c('h2',[_vm._v(\"ROAS & Revenue Trend\")]),_c('forecast-line-chart',{attrs:{\"forecastHistoryData\":_vm.transformedHistoryData,\"forecastFutureData\":[],\"forecastSettings\":_vm.forecastSettingsRoasRevenue}})],1),_c('b-col',[_c('h2',[_vm._v(\"Clicks & CTR Trend\")]),_c('forecast-line-chart',{attrs:{\"forecastHistoryData\":_vm.transformedHistoryData2,\"forecastFutureData\":[],\"forecastSettings\":_vm.forecastSettingsClicksCtr}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-row>\n      <b-col lg=\"4\">\n        <b-card>\n          <h2>Category</h2>\n          <pieced-donut-chart\n            :piecedDonutData=\"piecedDonutChartData1.piecedDonutData\"\n            :piecedDonutSettings=\"piecedDonutChartData1.piecedDonutSettings\"\n          ></pieced-donut-chart>\n        </b-card>\n      </b-col>\n      <b-col lg=\"4\">\n        <b-card>\n          <h2>Platform</h2>\n          <pieced-donut-chart\n            :piecedDonutData=\"piecedDonutChartData2.piecedDonutData\"\n            :piecedDonutSettings=\"piecedDonutChartData2.piecedDonutSettings\"\n          ></pieced-donut-chart>\n        </b-card>\n      </b-col>\n      <b-col lg=\"4\">\n        <b-card>\n          <h2>Retailer</h2>\n          <pieced-donut-chart\n            :piecedDonutData=\"piecedDonutChartData3.piecedDonutData\"\n            :piecedDonutSettings=\"piecedDonutChartData3.piecedDonutSettings\"\n          ></pieced-donut-chart>\n        </b-card>\n      </b-col>\n    </b-row>\n  </section>\n</template>\n\n<script>\nimport piecedDonutChart from \"@/views/ui/adin-d3/PiecedDonutChart.vue\";\n\nexport default {\n  components: {\n    piecedDonutChart,\n  },\n  props: {\n    charts: {\n      type: Object,\n      default: () => ({}),\n    },\n  },\n  methods: {\n    createChartData(series) {\n      const customOps = this.getTitles(series.length);\n      return {\n        piecedDonutData: series,\n        piecedDonutSettings: customOps,\n      };\n    },\n    getTitles(seriesLength) {\n      const colors = [\"#8A07E1\", \"#00D2F9\", \"#F7A502\", \"#5bba71\", \"#f7f702\", \"#f70202\"];\n      return {\n        margin: 75,\n        width: 800,\n        height: 400,\n        legendPosition: \"bottom\",\n        borderSettings: {\n          borderColor: \"black\",\n          borderFontSize: \"0.5px\",\n        },\n        textSettings: {\n          textFontSize: \"14px\",\n          textColor: \"white\",\n          fontFamily: \"Helvetica, sans-serif\",\n          fontWeight: \"400\",\n        },\n        colors: {\n          piecesColor: colors.slice(0, seriesLength),\n          lineColor: \"white\",\n        },\n        noDataSettings: {\n          text: \"No data available\",\n          color: \"white\",\n        },\n        responsive: true,\n      };\n    },\n  },\n  computed: {\n    piecedDonutChartData1() {\n      const massMakeup = this.charts.massMakeup || {};\n      const series = Object.keys(massMakeup).map(key => ({\n        category: key,\n        value: massMakeup[key],\n      }));\n      return this.createChartData(series);\n    },\n    piecedDonutChartData2() {\n      const platformData = this.charts.publisher || {};\n      const series = Object.keys(platformData).map(key => ({\n        category: key,\n        value: platformData[key],\n      }));\n      return this.createChartData(series);\n    },\n    piecedDonutChartData3() {\n      const retailerData = this.charts.retailer || {};\n      const series = Object.keys(retailerData).map(key => ({\n        category: key,\n        value: retailerData[key],\n      }));\n      return this.createChartData(series);\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PieCharts.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PieCharts.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PieCharts.vue?vue&type=template&id=5708aea2\"\nimport script from \"./PieCharts.vue?vue&type=script&lang=js\"\nexport * from \"./PieCharts.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-card',[_c('h2',[_vm._v(\"Category\")]),_c('pieced-donut-chart',{attrs:{\"piecedDonutData\":_vm.piecedDonutChartData1.piecedDonutData,\"piecedDonutSettings\":_vm.piecedDonutChartData1.piecedDonutSettings}})],1)],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-card',[_c('h2',[_vm._v(\"Platform\")]),_c('pieced-donut-chart',{attrs:{\"piecedDonutData\":_vm.piecedDonutChartData2.piecedDonutData,\"piecedDonutSettings\":_vm.piecedDonutChartData2.piecedDonutSettings}})],1)],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-card',[_c('h2',[_vm._v(\"Retailer\")]),_c('pieced-donut-chart',{attrs:{\"piecedDonutData\":_vm.piecedDonutChartData3.piecedDonutData,\"piecedDonutSettings\":_vm.piecedDonutChartData3.piecedDonutSettings}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <filtersV2 name=\"cpasOverview\" :get-metrics=\"getMetrics\" />\n      <div v-if=\"!isFilterSelected\">\n        <filter-selections title=\"Please select brand(s), current date and compare date to see the report.\"/>\n      </div>\n      <div v-if=\"isLoading\">\n        <loading />\n      </div>\n      <div v-if=\"!noData && !isLoading && isFilterSelected\">\n        <boxes :metrics=\"recData.metrics\"/>\n        <performance-tables :publishers=\"recData.performanceByPublisher\" :retailers=\"recData.performanceByRetailer\"/>\n        <benchmarks :benchmarks=\"recData.benchmark\"/>\n        <trend-graphs :charts=\"recData.graffic.graffic\"/>\n        <pie-charts :charts=\"recData.circleGraffic\"/>\n      </div>\n    <div v-if=\"noData && !isLoading\">\n      <no-data-temp />\n    </div>\n  </section>\n</template>\n\n<script>\nimport Boxes from \"./Boxes.vue\";\nimport PerformanceTables from \"./PerformanceTables.vue\";\nimport Benchmarks from \"./Benchmarks.vue\";\nimport TrendGraphs from \"./TrendGraphs.vue\";\nimport PieCharts from \"./PieCharts.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport FilterSelections from \"@/views/FilterSelections.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport Loading from \"@/views/Loading.vue\";\nexport default {\n  components: {\n    Boxes,\n    PerformanceTables,\n    Benchmarks,\n    TrendGraphs,\n    PieCharts,\n    FiltersV2,\n    FilterSelections,\n    NoDataTemp,\n    Loading,\n    FilterSelections\n  },\n  data() {\n    return {\n      recData: [],\n      isLoading: false,\n      noData: false,\n      isFilterSelected: false,\n    };\n  },\n  methods: {\n    async getMetrics(params) {\n      this.isLoading = true;\n      this.noData = false;\n      this.isFilterSelected = true;\n      let requestParams = {\n        brand_ids: params.cpasBrand.join(\",\"),\n        start_date: params.date.startDate,\n        end_date: params.date.endDate,\n        start_date_compare: params.compareDate.startDate,\n        end_date_compare: params.compareDate.endDate,\n      };\n      await this.$http\n        .get(\"/reports/cpas/overview\", {\n          params: requestParams,\n        })\n        .then(({ data }) => {\n          this.recData = data;\n          this.isLoading = false;\n        })\n        .catch((e) => {\n          this.noData = true;\n          this.isLoading = false;\n        });\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=f26776f6\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"coming-soon\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center text-center\"},[_c('b-img',{staticClass:\"d-block m-auto\",attrs:{\"src\":_vm.selectionImage,\"height\":\"200px\"}}),_c('h1',{staticClass:\"pt-2 w-75 font-weight-light m-auto  d-block\"},[_vm._v(\" \"+_vm._s(this.title)+\" \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"coming-soon\">\n    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\n      <b-img\n        :src=\"selectionImage\"\n        class=\"d-block m-auto\"\n        height=\"200px\"\n      />\n      <h1 class=\"pt-2 w-75 font-weight-light m-auto  d-block\">\n        {{ this.title }}\n      </h1>\n    </div>\n  </div>\n</template>\n<script>\nimport {\n  BImg\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BImg\n  },\n  props: {\n    title: {\n      type: String,\n      required: false,\n      default: \"Select a campaign and product(optional) to see the table and bar charts.\"\n    }\n  },\n  data () {\n    return {\n      selectionImage: require('@/assets/images/uploads/optimization-selection.svg'),\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.coming-soon{\n  position: absolute;\n  width: 95%;\n  height: calc(100vh - 230px);\n  background: rgba(45, 17, 70, 0.7);\n  backdrop-filter: blur(2px);\n  -webkit-backdrop-filter: blur(2px);\n  align-content: center;\n  justify-content: center;\n  border-radius: 5px;\n  color: #28E9FD;\n  span{\n    text-align: center;\n    align-self: center;\n    font-size: 1.3rem;\n    font-weight: 400;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./FilterSelections.vue?vue&type=template&id=0527c44a&scoped=true\"\nimport script from \"./FilterSelections.vue?vue&type=script&lang=js\"\nexport * from \"./FilterSelections.vue?vue&type=script&lang=js\"\nimport style0 from \"./FilterSelections.vue?vue&type=style&index=0&id=0527c44a&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0527c44a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}