{"version":3,"sources":["webpack:///./src/views/scores/media-new/conversion/web/Index.vue?8b12","webpack:///./src/views/scores/media-new/conversion/PerformanceTable.vue?76d0","webpack:///./src/assets/images/uploads/optimization-selection.svg","webpack:///./src/views/scores/media-new/conversion/app/Index.vue?a59d","webpack:///./src/views/FilterSelections.vue?96e8","webpack:///./src/views/scores/media-new/conversion/BubbleChart.vue?2824","webpack:///./src/views/scores/media-new/conversion/Index.vue?1627","webpack:///./src/views/scores/media-new/conversion/web/Index.vue?cb10","webpack:///src/views/scores/media-new/conversion/BarChart.vue","webpack:///./src/views/scores/media-new/conversion/BarChart.vue?3773","webpack:///./src/views/scores/media-new/conversion/BarChart.vue","webpack:///./src/views/scores/media-new/conversion/BarChart.vue?737b","webpack:///src/views/scores/media-new/conversion/PieChart.vue","webpack:///./src/views/scores/media-new/conversion/PieChart.vue?663a","webpack:///./src/views/scores/media-new/conversion/PieChart.vue","webpack:///./src/views/scores/media-new/conversion/PieChart.vue?c3ef","webpack:///src/views/scores/media-new/conversion/PerformanceTable.vue","webpack:///./src/views/scores/media-new/conversion/PerformanceTable.vue?b278","webpack:///./src/views/scores/media-new/conversion/PerformanceTable.vue","webpack:///./src/views/scores/media-new/conversion/PerformanceTable.vue?3172","webpack:///src/views/scores/media-new/conversion/BubbleChart.vue","webpack:///./src/views/scores/media-new/conversion/BubbleChart.vue?4e1e","webpack:///./src/views/scores/media-new/conversion/BubbleChart.vue","webpack:///./src/views/scores/media-new/conversion/BubbleChart.vue?19ff","webpack:///src/views/scores/media-new/conversion/web/Index.vue","webpack:///./src/views/scores/media-new/conversion/web/Index.vue?cc58","webpack:///./src/views/scores/media-new/conversion/web/Index.vue","webpack:///src/views/scores/media-new/conversion/app/Index.vue","webpack:///./src/views/scores/media-new/conversion/app/Index.vue?73d3","webpack:///./src/views/scores/media-new/conversion/app/Index.vue","webpack:///./src/views/scores/media-new/conversion/app/Index.vue?40ee","webpack:///src/views/scores/media-new/conversion/Index.vue","webpack:///./src/views/scores/media-new/conversion/Index.vue?0ab5","webpack:///./src/views/scores/media-new/conversion/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","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","getMetrics","recData","noData","isLoading","_e","campaignCard","comparisonCard","type","singleMetricData","transaction","revenue","totalUserCard","platform","conversionScoreCard","metricsCard","trendGraph","filterParams","key","currKey","distributionPiechart","performanceByPublishersCard","Object","keys","length","staticStyle","JQuery","components","forecastLineChart","AiButton","props","required","pageType","String","data","forecastSettings","width","height","margin","top","right","bottom","left","chartTypes","lineChartEnabled","stepAreaChartEnabled","basisAreaChartEnabled","barChartEnabled","lineSettings","dottedLines","toggleLines","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","leftYAxis","labelEnabled","label","labelColor","rightYAxis","tooltipSettings","bar","text","format","line1","legendSettings","showLegend","legendNames","legendColors","zoomOutIconSettings","iconColor","mouseOverColor","responsive","selectedRadio","optionsRadio","value","chartDates","startDate","endDate","isDateChanged","currentKey","computed","transformedHistoryData","lineData","series","map","item","barData","formattedHistoryData","date","index","transformedForecastData","_this$trendGraph","_data$","_data$2","_data$3","transactionDailyForecast","predictions","predictionsLowerBound","predictionsUpperBound","dates","formattedForecastData","line","upperY","lowerY","currentMetrics","first","second","foundFirstUpper","i","charAt","toUpperCase","slice","requestParams","brand_id","capitalize","adin_id","campaign","event_id","event","start_date","end_date","metrics","toLowerCase","request_type","watch","updateRightYAxisLabel","deep","handler","newVal","oldVal","brand","analyzeChart","methods","str","labels","transactionsAndCost","transactionsAndCpa","getSeries","seriesData","name","getOptions","xLabels","titles","yaxis","title","style","color","formatter","universalFormatter","kFormat","opposite","commonOptions","chart","animations","enabled","stroke","curve","xaxis","tickAmount","Math","min","Date","toLocaleDateString","minimumIntegerDigits","day","month","fill","legend","horizontalAlign","created","component","_v","model","callback","$$v","expression","piecedDonutChart","piecedDonutChartData","piecedDonutData","piecedDonutSettings","getTitles","customOps","_this$distributionPie","distribution","total","values","reduce","acc","val","category","toFixed","percentage","seriesLength","borderSettings","borderColor","borderFontSize","piecesColor","lineColor","noDataSettings","tableData","fields","getFields","items","getItems","newItem","publisher","forEach","subKey","push","cpa","scopedSlots","_u","fn","_s","isCurrency","BubbleChart","currencySymbol","$store","getters","bubbleChartSettings","yAxisTickCount","axisLineColor","axisTickColor","xAxisCurrency","bubbleZoomOutFactor","legendColor","bubbleColors","gridColor","gradianColors","tooltipTitles","size","chartOptions","plotOptions","bubble","minBubbleRadius","maxBubbleRadius","tooltip","custom","seriesIndex","dataPointIndex","w","d","globals","initialSeries","z","dataLabels","show","bubbleChartData","performanceData","cost","mounted","immediate","newData","$nextTick","newOptions","maxY","max","s","round","offsetX","maxX","minX","$refs","updateOptions","FiltersV2","Loading","BudgetCard","ConversionProcess","SingleMetric","MetricCircleCard","Score","VolumeProgress","BarChart","PieChart","PerformanceTable","NoDataTemp","FilterSelections","false","_this$recData$transac","_this$recData$revenue","transactionsCard","transactions","icon","revenueCard","params","$http","get","conversionWebBrand","then","catch","e","finally","conversionAppBrand","totalEventsCard","web","app","activeTab","getInitialActiveTab","routeName","$route","tabChanged","newTabIndex","$router","on","staticRenderFns","BImg","default","selectionImage","require"],"mappings":"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","file":"js/chunk-0804fb2c.f30ee181.js","sourcesContent":["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!./Index.vue?vue&type=style&index=0&id=650ca368&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!./PerformanceTable.vue?vue&type=style&index=0&id=0cc457ab&prod&scoped=true&lang=css\"","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!./Index.vue?vue&type=style&index=0&id=f63e9312&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!./BubbleChart.vue?vue&type=style&index=0&id=577d1272&prod&scoped=true&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('b-tabs',{attrs:{\"pills\":\"\"},on:{\"input\":_vm.tabChanged},model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v},expression:\"activeTab\"}},[_c('b-tab',{attrs:{\"title\":\"Web\",\"lazy\":\"\"}},[_c('web')],1),_c('b-tab',{attrs:{\"title\":\"App\",\"lazy\":\"\"}},[_c('app')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('b-row',{staticClass:\"match-height\"},[_c('b-col',[_c('filtersV2',{attrs:{\"name\":'conversionWebWithEvent',\"get-metrics\":_vm.getMetrics}})],1)],1),(_vm.isLoading)?_c('loading'):(_vm.recData === null && !_vm.noData && !_vm.isLoading)?_c('filter-selections',{attrs:{\"title\":\"Almost there! Adjust the filters to see results.\"}}):(_vm.noData && !_vm.isLoading)?_c('no-data-temp'):(!_vm.noData && !_vm.isLoading && _vm.recData !== null)?_c('div',[_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{staticClass:\"my-1\",attrs:{\"xl\":\"6\",\"cols\":\"12\"}},[_c('div',{staticClass:\"dashboard-container h-100 mb-1\"},[_c('div',{staticClass:\"budget-card\"},[_c('budget-card',{attrs:{\"campaignCard\":_vm.recData.campaignCard,\"isHorizontal\":true}})],1),_c('div',{staticClass:\"process\"},[_c('conversion-process',{attrs:{\"comparisonCard\":_vm.recData.comparisonCard,\"pageMeta\":{type:'conversion'},\"onlyCost\":true}})],1),_c('single-metric',{staticClass:\"metric-card\",attrs:{\"metricData\":_vm.singleMetricData.transaction,\"size\":\"55\"}}),_c('single-metric',{staticClass:\"metric-card\",attrs:{\"metricData\":_vm.singleMetricData.revenue,\"size\":\"55\"}})],1)]),_c('b-col',{staticClass:\"my-1\",attrs:{\"xl\":\"3\",\"cols\":\"6\"}},[_c('metric-circle-card',{attrs:{\"sourceData\":_vm.recData.totalUserCard,\"pageMeta\":{type:'conversion', platform: 'web'}}})],1),_c('b-col',{staticClass:\"my-1\",attrs:{\"xl\":\"3\",\"cols\":\"6\"}},[_c('score',{attrs:{\"scoreData\":_vm.recData.conversionScoreCard,\"pageMeta\":{type:'conversion', platform: 'web'}}})],1)],1),_c('b-row',{staticClass:\"match-height mt-2\"},[_c('b-col',[_c('volume-progress',{attrs:{\"sourceData\":_vm.recData.metricsCard}})],1)],1),_c('b-row',{staticClass:\"match-height mt-1\"},[_c('b-col',{staticClass:\"mt-1\",attrs:{\"lg\":\"7\"}},[_c('bar-chart',{attrs:{\"trendGraph\":_vm.recData.trendGraph,\"filterParams\":_vm.filterParams,\"pageType\":'web'}})],1),_c('b-col',{staticClass:\"mt-1\",attrs:{\"lg\":\"5\"}},[_c('pie-chart',{key:_vm.currKey,attrs:{\"distributionPiechart\":_vm.recData.distributionPiechart}})],1)],1),(_vm.recData.performanceByPublishersCard && Object.keys(_vm.recData.performanceByPublishersCard).length >= 2)?_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{staticStyle:{\"margin-top\":\"0.5rem\"},attrs:{\"lg\":\"4\"}},[_c('performance-table',{attrs:{\"performanceByPublishersCard\":_vm.recData.performanceByPublishersCard}})],1),_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('bubble-chart',{key:_vm.currKey,attrs:{\"performanceByPublishersCard\":_vm.recData.performanceByPublishersCard}})],1)],1):_vm._e()],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-card no-body class=\"h-100 mb-0\">\n      <div class=\"d-flex\">\n        <h3 class=\"ml-1 font-weight-light\" style=\"margin-top: 2rem !important;\">Transaction Trend</h3>\n        <ai-button\n          class=\"mt-2\"\n          popoverName=\"transaction-trend\"\n          :requestParams=\"requestParams\"\n          :key=\"currentKey\"\n        />\n        <div class=\"d-flex mt-2 mr-1 ml-auto align-items-center\">\n          <b-form-radio-group\n            id=\"btn-radios-1\"\n            v-model=\"selectedRadio\"\n            button-variant=\"primary\"\n            :options=\"optionsRadio\"\n            buttons\n            name=\"radios-btn-default\"\n            size=\"sm\"\n          />\n        </div>\n      </div>\n      <div style=\"position: relative\">\n        <forecast-line-chart\n          class=\"mt-3\"\n          :key=\"currentKey\"\n          :forecastHistoryData=\"transformedHistoryData\"\n          :forecastSettings=\"forecastSettings\"\n          :forecastFutureData=\"transformedForecastData\"\n        />\n      </div>\n    </b-card>\n  </div>\n</template>\n\n<script>\nimport JQuery from \"jquery\";\nimport forecastLineChart from \"@/views/ui/adin-d3/ForecastLineChart.vue\";\nimport AiButton from \"@/views/ui/ai-button/Index.vue\";\nimport { universalFormatter } from \"@/@core/utils/utils\";\n\nconst $ = JQuery;\n\nexport default {\n  components: {\n    forecastLineChart,\n    AiButton,\n  },\n  props: {\n    trendGraph: {\n      type: Object,\n      required: true,\n    },\n    filterParams: {\n      type: Object,\n      required: true,\n    },\n    pageType: {\n      type: String,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      forecastSettings: {\n        width: 1200,\n        height: 400,\n        margin: { top: 50, right: 80, bottom: 80, left: 80 },\n        chartTypes: {\n          lineChartEnabled: true,\n          stepAreaChartEnabled: false,\n          basisAreaChartEnabled: false,\n          barChartEnabled: true,\n        },\n        lineSettings: {\n          dottedLines: [],\n          toggleLines: [],\n        },\n        colors: {\n          upperLineColor: \"#FF5F5E\",\n          lowerLineColor: \"#FF5F5E\",\n          lineColors: [\"#FF5F5E\"],\n          forecastLineColor: \"white\",\n          forecastAreaColor: \"#9126F0\",\n          barLineColor: \"#818BFF\",\n        },\n        textSettings: {\n          fontFamily: \"Montserrat, Helvetica, Arial, serif !important\",\n          fontWeight: \"400\",\n          fontSize: \"12px\",\n        },\n        meanLineSettings: {\n          meanLineColor: \"#2af3fd\",\n          meanLineText: \"Avg. Transaction\",\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            },\n            leftYAxis: {\n              labelEnabled: true,\n              label: \"Transaction\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 90,\n              },\n            },\n            rightYAxis: {\n              labelEnabled: true,\n              label: \"Cost\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 70,\n              },\n            },\n          },\n        },\n        tooltipSettings: {\n          bar: {\n            text: \"Cost\",\n            format: \"\"\n          },\n          line1: {\n            text: \"Transaction\",\n            format: \"\"\n          },\n        },\n        legendSettings: {\n          showLegend: true,\n          textColor: \"white\",\n          legendNames: [\"Transaction\", \"Cost\"],\n          legendColors: [\"#FF5F5E\", \"#7472DF\"],\n        },\n        zoomOutIconSettings: {\n          iconColor: \"white\",\n          mouseOverColor: \"pink\",\n        },\n        responsive: true,\n      },\n      selectedRadio: \"transactionsAndCost\",\n      optionsRadio: [\n        { text: \"Cost\", value: \"transactionsAndCost\" },\n        { text: \"CPA\", value: \"transactionsAndCpa\" },\n      ],\n      chartDates: [],\n      startDate: \"\",\n      endDate: \"\",\n      isDateChanged: false,\n      currentKey: 0,\n    };\n  },\n  computed: {\n    transformedHistoryData() {\n      let data = this.trendGraph[this.selectedRadio];\n      if (!data) return [];\n      let lineData = data.series[0].data.map((item) => item.y);\n      let barData = data.series[1].data.map((item) => item.y);\n      let dates = data.series[0].data.map((item) => item.x);\n      const formattedHistoryData = dates.map((date, index) => ({\n        date,\n        line1: lineData[index],\n        bar: barData[index],\n      }));\n      return formattedHistoryData;\n    },\n    transformedForecastData() {\n      let data = this?.trendGraph?.transactionDailyForecast;\n      if (!data) return [];\n      let predictions = [];\n      let predictionsLowerBound = [];\n      let predictionsUpperBound = [];\n      if (data?.[0]?.data) {\n        predictions = data[0].data.map((item) => item.y);\n      }\n\n      if (data?.[1]?.data) {\n        predictionsLowerBound = data[1].data.map((item) => item.y);\n      }\n\n      if (data?.[2]?.data) {\n        predictionsUpperBound = data[2].data.map((item) => item.y);\n      }\n      let dates = data[0].data.map((item) => item.x);\n      const formattedForecastData = dates.map((date, index) => ({\n        date: date,\n        line: predictions[index],\n        upperY: predictionsUpperBound[index],\n        lowerY: predictionsLowerBound[index],\n      }));\n      return formattedForecastData;\n    },\n    currentMetrics() {\n      let first = \"\";\n      let second = \"\";\n      let foundFirstUpper = false;\n\n      for (let i = 0; i < this.selectedRadio.length; i++) {\n        if (\n          this.selectedRadio.charAt(i) ===\n          this.selectedRadio.charAt(i).toUpperCase()\n        ) {\n          if (!foundFirstUpper) {\n            foundFirstUpper = true;\n            continue;\n          } else {\n            second = this.selectedRadio.slice(i);\n            break;\n          }\n        }\n        if (!foundFirstUpper) {\n          first += this.selectedRadio.charAt(i);\n        }\n      }\n      if (first.length > 0) {\n        first = first.charAt(0).toUpperCase() + first.slice(1);\n      }\n      return { first, second };\n    },\n    requestParams() {\n      return {\n        brand_id: this.filterParams[`conversion${this.capitalize(this.pageType)}Brand`].value,\n        adin_id: this.filterParams.campaign.value,\n        event_id: this.filterParams.event.value,\n        start_date: this.startDate,\n        end_date: this.endDate,\n        metrics:\n          this.currentMetrics.first.toLowerCase() +\n          \",\" +\n          this.currentMetrics.second.toLowerCase(),\n        request_type: this.pageType,\n      };\n    },\n  },\n  watch: {\n    selectedRadio() {\n      this.currentKey++;\n      this.updateRightYAxisLabel();\n    },\n    filterParams: {\n      deep: true,\n      handler(newVal, oldVal) {\n        if (\n          newVal.brand.value !== oldVal.brand.value ||\n          newVal.campaign.value !== oldVal.campaign.value\n        ) {\n          this.analyzeChart();\n        }\n      },\n    },\n    startDate() {\n      this.isDateChanged = true;\n    },\n  },\n  methods: {\n    capitalize(str){\n      return str.charAt(0).toUpperCase() + str.slice(1)\n    },\n    updateRightYAxisLabel() {\n      const labels = { transactionsAndCost: \"Cost\", transactionsAndCpa: \"CPA\" };\n      this.forecastSettings.axisSettings.axisTitles.rightYAxis.label =\n        labels[this.selectedRadio];\n      this.forecastSettings.tooltipSettings.bar.text =\n        labels[this.selectedRadio];\n      this.forecastSettings.legendSettings.legendNames[1] =\n        labels[this.selectedRadio];\n    },\n    getSeries() {\n      const dataSources = {\n        transactionsAndCost: this.trendGraph.transactionsAndCost,\n        transactionsAndCpa: this.trendGraph.transactionsAndCpa,\n      };\n      const data = dataSources[this.selectedRadio];\n      if (!data) return [];\n      const seriesData = data.series[0].data.map((item) => item.y);\n\n      const lineData = data.series[1].data.map((item) => item.y);\n\n      return [\n        {\n          name: this.currentMetrics.first,\n          type: \"column\",\n          data: seriesData,\n        },\n        {\n          name: this.currentMetrics.second,\n          type: \"line\",\n          data: lineData,\n        },\n      ];\n    },\n\n    getOptions() {\n      const xLabels = this.trendGraph.transactionsAndCost.series[0].data\n        .map((item) => item.x)\n\n      this.startDate = xLabels[0];\n      this.endDate = xLabels[xLabels.length - 1];\n\n      const titles = {\n        transactionsAndCost: {\n          yaxis: [\n            {\n              title: { text: \"Transactions\", style: { color: \"#FFFFFF\" } },\n              labels: { formatter: (value) => universalFormatter(value, {kFormat: true}) },\n              opposite: false,\n            },\n            {\n              title: { text: \"Cost\", style: { color: \"#FFFFFF\" } },\n              labels: { formatter: (value) => universalFormatter(value, {kFormat: true}) },\n              opposite: true,\n            },\n          ],\n        },\n        transactionsAndCpa: {\n          yaxis: [\n            {\n              title: { text: \"Transactions\", style: { color: \"#FFFFFF\" } },\n              labels: { formatter: (value) => universalFormatter(value, {kFormat: true}) },\n              opposite: false,\n            },\n            {\n              title: { text: \"CPA\", style: { color: \"#FFFFFF\" } },\n              labels: { formatter: (value) => universalFormatter(value, {kFormat: true}) },\n              opposite: true,\n            },\n          ],\n        },\n      };\n\n      const commonOptions = {\n        chart: { animations: { enabled: true } },\n        stroke: { curve: \"smooth\" },\n        labels: xLabels,\n        xaxis: {\n          type: \"datetime\",\n          tickAmount: Math.min(xLabels.length, 8) - 1,\n          labels: {\n            formatter: (value) => {\n              const date = new Date(value);\n              return date.toLocaleDateString(\"en-US\", {\n                minimumIntegerDigits: 2,\n                day: \"numeric\",\n                month: \"short\",\n              });\n            },\n          },\n        },\n        colors: [\"#818BFF\", \"#FF5F5F\"],\n        fill: {\n          colors: [\"#818BFF\", \"#FF5F5F\"],\n        },\n        legend: {\n          horizontalAlign: \"center\",\n        },\n      };\n      return {\n        ...commonOptions,\n        ...titles[this.selectedRadio],\n      };\n    },\n  },\n  created() {\n    const xLabels = this.trendGraph.transactionsAndCost.series[0].data.map(\n      (item) => item.x\n    );\n    this.startDate = xLabels[0];\n    this.endDate = xLabels[xLabels.length - 1];\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!./BarChart.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!./BarChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BarChart.vue?vue&type=template&id=16ef89ca\"\nimport script from \"./BarChart.vue?vue&type=script&lang=js\"\nexport * from \"./BarChart.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',[_c('b-card',{staticClass:\"h-100 mb-0\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"d-flex\"},[_c('h3',{staticClass:\"ml-1 font-weight-light\",staticStyle:{\"margin-top\":\"2rem !important\"}},[_vm._v(\"Transaction Trend\")]),_c('ai-button',{key:_vm.currentKey,staticClass:\"mt-2\",attrs:{\"popoverName\":\"transaction-trend\",\"requestParams\":_vm.requestParams}}),_c('div',{staticClass:\"d-flex mt-2 mr-1 ml-auto align-items-center\"},[_c('b-form-radio-group',{attrs:{\"id\":\"btn-radios-1\",\"button-variant\":\"primary\",\"options\":_vm.optionsRadio,\"buttons\":\"\",\"name\":\"radios-btn-default\",\"size\":\"sm\"},model:{value:(_vm.selectedRadio),callback:function ($$v) {_vm.selectedRadio=$$v},expression:\"selectedRadio\"}})],1)],1),_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('forecast-line-chart',{key:_vm.currentKey,staticClass:\"mt-3\",attrs:{\"forecastHistoryData\":_vm.transformedHistoryData,\"forecastSettings\":_vm.forecastSettings,\"forecastFutureData\":_vm.transformedForecastData}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"h-100\">\n      <b-card no-body class=\"h-100 mb-0\">\n        <!-- <div class=\"d-flex justify-content-between\"> -->\n          <h3 class=\"mt-2 ml-1 font-weight-light\">Distribution <b-badge variant=\"primary\" class=\"text-capitalize\">event</b-badge></h3>\n          <!-- <div class=\"d-flex justify-content-end mt-2 mr-1\">\n            <b-form-radio-group\n              v-model=\"selectedRadio\"\n              button-variant=\"primary\"\n              :options=\"optionsRadio\"\n              buttons\n              name=\"radios-btn-default\"\n              size=\"sm\"\n            />\n          </div> -->\n        <!-- </div> -->\n        <pieced-donut-chart\n          :piecedDonutData=\"piecedDonutChartData.piecedDonutData\"\n          :piecedDonutSettings=\"piecedDonutChartData.piecedDonutSettings\"\n          class=\"my-auto\"\n        ></pieced-donut-chart>\n      </b-card>\n    </div>\n  </template>\n  \n  <script>\n  import piecedDonutChart from \"@/views/ui/adin-d3/PiecedDonutChart.vue\";\n  \n  export default {\n    components: {\n      piecedDonutChart,\n    },\n    props: {\n      distributionPiechart: {\n        type: Object,\n        required: true,\n      },\n    },\n    data() {\n      return {\n        // selectedRadio: \"impression\",\n        // optionsRadio: [\n        //   { text: \"Install / CPI\", value: \"installAndCpi\" },\n        // ],\n      };\n    },\n    computed: {\n      piecedDonutChartData() {\n        const series = this.getSeries();\n        const customOps = this.getTitles(series.length);\n        return {\n          piecedDonutData: series,\n          piecedDonutSettings: customOps,\n        };\n      },\n    },\n    methods: {\n      getSeries() {\n        const data = this.distributionPiechart?.distribution?.event;\n        if(!data){\n          return []\n        }\n        \n        const total = Object.values(data).reduce((acc, val) => acc + val, 0);\n        return Object.keys(data).map((key) => {\n          const value = data[key];\n          const percentage = total ? ((value / total) * 100).toFixed(1) : 0;\n          return {\n            category: key,\n            value: percentage,\n          };\n        });\n      },\n      getTitles(seriesLength) {\n        const colors = [\"#4E779A\", \"#31A3D5\", \"#03C7CE\", \"#85EDFA\"]\n  \n        return {\n          margin: 80,\n          width: 800,\n          height: 400,\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  };\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!./PieChart.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!./PieChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PieChart.vue?vue&type=template&id=58fd360a\"\nimport script from \"./PieChart.vue?vue&type=script&lang=js\"\nexport * from \"./PieChart.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:\"h-100\"},[_c('b-card',{staticClass:\"h-100 mb-0\",attrs:{\"no-body\":\"\"}},[_c('h3',{staticClass:\"mt-2 ml-1 font-weight-light\"},[_vm._v(\"Distribution \"),_c('b-badge',{staticClass:\"text-capitalize\",attrs:{\"variant\":\"primary\"}},[_vm._v(\"event\")])],1),_c('pieced-donut-chart',{staticClass:\"my-auto\",attrs:{\"piecedDonutData\":_vm.piecedDonutChartData.piecedDonutData,\"piecedDonutSettings\":_vm.piecedDonutChartData.piecedDonutSettings}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"d-flex flex-column\" style=\"height: 455px\">\n    <b-table\n      :items=\"tableData.items\"\n      :fields=\"tableData.fields\"\n      striped\n      class=\"lila-bg\"\n      responsive\n    >\n      <template #cell(publisher)=\"data\">\n        <span class=\"text-capitalize\">{{ data.value }}</span>\n      </template>\n      <template v-slot:cell(transactionAndCpa)=\"data\">\n        <div class=\"cell-content\">\n          <div v-if=\"data.item.transaction && data.item.cpa\">\n            {{ universalFormatter(data.item.transaction, {isCurrency:true}) }} / {{ universalFormatter(data.item.cpa, {kFormat:true}) }}\n          </div>\n        </div>\n      </template>\n    </b-table>\n\n    <div class=\"footer-radio\"></div>\n  </div>\n</template>\n\n<script>\nimport { universalFormatter } from \"@/@core/utils/utils\";\n\nexport default {\n  props: {\n    performanceByPublishersCard: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    tableData() {\n      const fields = this.getFields();\n      return {\n        fields,\n        items: this.getItems(),\n      };\n    },\n  },\n  methods: {\n    universalFormatter,\n    getFields() {\n      return [\n        { key: \"publisher\", label: \"Performance By Publishers\" },\n        {\n          key: \"transactionAndCpa\",\n          label: \"CPA / Transaction\",\n        },\n      ];\n    },\n    getItems() {\n      let items = Object.keys(this.performanceByPublishersCard).map((key) => {\n        let item = this.performanceByPublishersCard[key];\n        let newItem = {\n          publisher: key,\n        };\n        Object.keys(item).forEach((subKey) => {\n          newItem[subKey] = item[subKey] === 0 ? \"-\" : item[subKey];\n        });\n        return newItem;\n      });\n\n      while (items.length < 8) {\n        items.push({\n          cpa: \"\",\n          transaction: \"\",\n        });\n      }\n      console.log('items',items)\n      return items;\n    },\n  },\n};\n</script>\n\n<style scoped>\n.lila-bg ::v-deep th {\n  background-color: #7428ef !important;\n  color: white !important;\n  border-bottom-right-radius: 0% !important;\n  border-bottom-left-radius: 0% !important;\n  position: sticky !important;\n  top: 0 !important;\n}\n.lila-bg ::v-deep {\n  border: 1px solid #7428ef !important;\n  border-bottom: none !important;\n  margin-top: 1rem !important;\n  flex-grow: 1 !important;\n  margin-bottom: 0;\n}\n.lila-bg ::v-deep td {\n  vertical-align: top !important;\n}\n\n.lila-bg ::v-deep tr:nth-child(odd) td {\n  background-color: transparent;\n}\n\n.lila-bg ::v-deep tr:nth-child(even) td {\n  background-color: rgba(183, 68, 221, 0.069);\n}\n\n.footer-radio {\n  border: 1px solid #7428ef;\n  border-top: none;\n  padding: 10px;\n  text-align: center;\n  width: 100%;\n}\n\n.cell-content {\n  min-height: 23px !important;\n}\n\n:deep(table.b-table th[aria-colindex=\"2\"]),\n:deep(table.b-table td[aria-colindex=\"3\"]) {\n  min-width: 125px !important;\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!./PerformanceTable.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!./PerformanceTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PerformanceTable.vue?vue&type=template&id=0cc457ab&scoped=true\"\nimport script from \"./PerformanceTable.vue?vue&type=script&lang=js\"\nexport * from \"./PerformanceTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./PerformanceTable.vue?vue&type=style&index=0&id=0cc457ab&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  \"0cc457ab\",\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:\"d-flex flex-column\",staticStyle:{\"height\":\"455px\"}},[_c('b-table',{staticClass:\"lila-bg\",attrs:{\"items\":_vm.tableData.items,\"fields\":_vm.tableData.fields,\"striped\":\"\",\"responsive\":\"\"},scopedSlots:_vm._u([{key:\"cell(publisher)\",fn:function(data){return [_c('span',{staticClass:\"text-capitalize\"},[_vm._v(_vm._s(data.value))])]}},{key:\"cell(transactionAndCpa)\",fn:function(data){return [_c('div',{staticClass:\"cell-content\"},[(data.item.transaction && data.item.cpa)?_c('div',[_vm._v(\" \"+_vm._s(_vm.universalFormatter(data.item.transaction, {isCurrency:true}))+\" / \"+_vm._s(_vm.universalFormatter(data.item.cpa, {kFormat:true}))+\" \")]):_vm._e()])]}}])}),_c('div',{staticClass:\"footer-radio\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"mt-2\">\n    <h3 class=\"ml-1 font-weight-light\">Performance by Publishers</h3>\n    <!-- <vue-apex-charts ref=\"chart\" height=\"353\" :options=\"chartOptions\" :series=\"bubbleChartData\" /> -->\n    <bubble-chart :bubbleChartData=\"bubbleChartData\" :bubbleChartSettings=\"bubbleChartSettings\"></bubble-chart>\n  </b-card>\n</template>\n\n<script>\nimport { universalFormatter } from '@/@core/utils/utils';\nimport BubbleChart from '@/views/ui/adin-d3/BubbleChart.vue';\nexport default {\n  components: {\n    BubbleChart,\n  },\n  props: {\n    performanceByPublishersCard: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    const currencySymbol = this.$store.getters[\"adinSettings/getCurrencySymbol\"];\n    return {\n      bubbleChartSettings: {\n        margin: { top: 20, right: 50, bottom: 40, left: 80 },\n        width: 1000,\n        height: 370,\n        axisSettings: {\n          yAxisTickCount: 5,\n          axisLineColor: \"#6e6b7b\",\n          axisTickColor: \"#FFFFFF\",\n          xAxisCurrency: \"₺\",\n        },\n        bubbleZoomOutFactor: 1,\n        legendSettings: {\n          textFontSize: \"8px\",\n          legendColor: \"#FFFFFF\"\n        },\n        colors: {\n          bubbleColors: [\"#818BFF\", \"#818BFF\", \"#818BFF\"],\n          gridColor: \"#493E64\",\n          gradianColors: [\"#1A454D\", \"#4D1249\"]\n        },\n        tooltipTitles: {\n          publisher: \"Publisher\",\n          x: \"CPA\",\n          y: \"Transactions\",\n          size: \"Cost\",\n        },\n        responsive: true,\n      },\n      chartOptions: {\n        chart: {\n          type: \"bubble\",\n        },\n        xaxis: {\n          title: {\n            text: `CPA(${currencySymbol})`,\n            style: {\n              color: \"white\",\n            },\n          },\n        },\n        plotOptions: {\n          bubble: {\n            minBubbleRadius: 5, // Set a minimum bubble size\n            maxBubbleRadius: 50, // Set a maximum bubble size\n          },\n        },\n        tooltip: {\n          custom: function ({ series, seriesIndex, dataPointIndex, w }) {\n            const d = w.globals.initialSeries[seriesIndex].data[dataPointIndex];\n            return `\n              <div class=\"apexcharts-tooltip-box apexcharts-tooltip-bubble\">\n                <div>Publisher: ${d.publisher}</div>\n                <div>CPA: ${currencySymbol}${d.x}</div>\n                <div>Transactions: ${universalFormatter(d.y, {kFormat: true})}</div>\n                <div>Cost: ${currencySymbol}${universalFormatter(d.z, {kFormat: true})}</div>\n              </div>\n            `;\n          },\n        },\n        dataLabels: {\n          enabled: false,\n        },\n        legend: {\n          show: false,\n        },\n      },\n    };\n  },\n  computed: {\n    // bubbleChartData() {\n    //   const performanceData = Object.keys(this.performanceByPublishersCard).map((key) => {\n    //     const publisher = this.performanceByPublishersCard[key];\n    //     return {\n    //       name: key,\n    //       data: [\n    //         {\n    //           publisher: key,\n    //           x: publisher.cpa,\n    //           y: publisher.transaction,\n    //           z: publisher.cost,\n    //         },\n    //       ],\n    //     };\n    //   });\n\n    //   return performanceData;\n    // },\n\n    bubbleChartData() {\n      const performanceData = Object.keys(this.performanceByPublishersCard).map((key) => {\n        const publisher = this.performanceByPublishersCard[key];\n        return {\n          publisher: key, // Google Ads gibi yayıncı adı\n          x: publisher.cpa, // x değeri cpi\n          y: publisher.transaction, // y değeri installs\n          size: publisher.cost, // size installs olacak\n        };\n      });\n      console.log(\"performanceData\", performanceData);\n      return performanceData;\n    }\n  },\n  mounted() {\n    console.log(\"this.performanceByPublishersCard\", this.performanceByPublishersCard);\n  },\n  watch: {\n    bubbleChartData: {\n      immediate: true,\n      handler(newData) {\n        this.$nextTick(() => {\n          const newOptions = {};\n          const maxY = Math.max(...newData.map((s) => s.data[0].y));\n          newOptions.yaxis = {\n            max: Math.round(maxY + maxY * 0.2),\n            // Due to an unresolved bug yaxis title disappers after updateOptions, so it is set here as well\n            title: {\n              text: \"Transactions\",\n              style: {\n                color: \"white\",\n              },\n              offsetX: 5,\n              labels: {\n                formatter: (value) => universalFormatter(value, {kFormat: true}),  // Format x-axis labels\n              },\n            },\n          };\n          const dataLength = Object.keys(this.performanceByPublishersCard).length;\n          if (dataLength > 1) {\n            const maxX = Math.max(...newData.map((s) => s.data[0].x));\n            const minX = Math.min(...newData.map((s) => s.data[0].x));\n            newOptions.xaxis = { max: Math.round(maxX + maxX * 0.2), min: Math.round(minX - minX * 0.2) };\n          } else {\n            // Create ticks manually for better visualization\n            const value = newData[0].data[0].x;\n            newOptions.xaxis = {\n              min: Math.round(value * 0.5),\n              max: Math.round(value * 1.5),\n              tickAmount: 3\n            };\n          }\n\n          if (this.$refs.chart) {\n            this.$refs.chart.updateOptions(newOptions);\n          }\n        });\n      },\n    },\n  },\n};\n</script>\n\n<style scoped>\n.line {\n  width: 1.5rem;\n  height: 0.2rem;\n  margin-right: 10px;\n}\n\n.green {\n  background-color: green;\n}\n\n.red {\n  background-color: rgba(255, 51, 0, 0.682);\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!./BubbleChart.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!./BubbleChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BubbleChart.vue?vue&type=template&id=577d1272&scoped=true\"\nimport script from \"./BubbleChart.vue?vue&type=script&lang=js\"\nexport * from \"./BubbleChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./BubbleChart.vue?vue&type=style&index=0&id=577d1272&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  \"577d1272\",\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',{staticClass:\"mt-2\"},[_c('h3',{staticClass:\"ml-1 font-weight-light\"},[_vm._v(\"Performance by Publishers\")]),_c('bubble-chart',{attrs:{\"bubbleChartData\":_vm.bubbleChartData,\"bubbleChartSettings\":_vm.bubbleChartSettings}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-row class=\"match-height\">\n      <b-col>\n        <filtersV2 :name=\"'conversionWebWithEvent'\" :get-metrics=\"getMetrics\" />\n      </b-col>\n    </b-row>\n    <loading v-if=\"isLoading\"/>\n    <filter-selections v-else-if=\"recData === null && !noData && !isLoading\" title=\"Almost there! Adjust the filters to see results.\"/>  \n    <no-data-temp v-else-if=\"noData && !isLoading\"/>\n      <div v-else-if=\"!noData && !isLoading && recData !== null\" >\n        <b-row class=\"match-height\">\n          <b-col xl=\"6\" cols=\"12\" class=\"my-1\">\n            <div class=\"dashboard-container h-100 mb-1\">\n              <div class=\"budget-card\">\n                <budget-card :campaignCard=\"recData.campaignCard\" :isHorizontal=\"true\"/>\n              </div>\n              <div class=\"process\">\n                <conversion-process\n                  :comparisonCard=\"recData.comparisonCard\"\n                  :pageMeta=\"{type:'conversion'}\"\n                  :onlyCost=\"true\"\n                />\n              </div>\n              <single-metric class=\"metric-card\" :metricData=\"singleMetricData.transaction\" size=\"55\" />\n              <single-metric class=\"metric-card\" :metricData=\"singleMetricData.revenue\" size=\"55\"/>\n            </div>\n           </b-col>\n          <b-col xl=\"3\" cols=\"6\" class=\"my-1\">\n            <metric-circle-card :sourceData=\"recData.totalUserCard\" :pageMeta=\"{type:'conversion', platform: 'web'}\" />\n          </b-col>\n          <b-col xl=\"3\" cols=\"6\" class=\"my-1\">\n            <score :scoreData=\"recData.conversionScoreCard\" :pageMeta=\"{type:'conversion', platform: 'web'}\"/>\n          </b-col>\n        </b-row>\n        <b-row class=\"match-height mt-2\">\n          <b-col>\n            <volume-progress :sourceData=\"recData.metricsCard\" />\n          </b-col>\n        </b-row>\n        <b-row class=\"match-height mt-1\">\n          <b-col lg=\"7\" class=\"mt-1\">\n            <bar-chart :trendGraph=\"recData.trendGraph\" :filterParams=\"filterParams\" :pageType=\"'web'\"/>\n          </b-col>\n          <b-col lg=\"5\" class=\"mt-1\">\n            <pie-chart :distributionPiechart=\"recData.distributionPiechart\" :key=\"currKey\" />\n          </b-col>\n        </b-row>\n\n        <b-row class=\"match-height\" v-if=\"recData.performanceByPublishersCard && Object.keys(recData.performanceByPublishersCard).length >= 2\">\n          <b-col lg=\"4\" style=\"margin-top: 0.5rem\">\n            <performance-table :performanceByPublishersCard=\"recData.performanceByPublishersCard\" />\n          </b-col>\n          <b-col lg=\"8\">\n            <bubble-chart :performanceByPublishersCard=\"recData.performanceByPublishersCard\" :key=\"currKey\" />\n          </b-col>\n        </b-row>\n      </div>\n  </section>\n</template>\n\n<script>\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport BudgetCard from \"@/views/ui/media-components/BudgetCard.vue\";\nimport ConversionProcess from \"@/views/ui/media-components/CostProcess.vue\";\nimport SingleMetric from \"@/views/ui/media-components/SingleMetric.vue\";\nimport MetricCircleCard from \"@/views/ui/media-components/MetricCircleCard.vue\";\nimport Score from \"@/views/ui/media-components/ScoreCard.vue\";\nimport VolumeProgress from \"@/views/ui/media-components/MetricBars.vue\";\nimport BarChart from \"../BarChart.vue\";\nimport PieChart from \"../PieChart.vue\";\nimport PerformanceTable from \"../PerformanceTable.vue\";\nimport BubbleChart from \"../BubbleChart.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport FilterSelections from \"@/views/FilterSelections.vue\";\n\nexport default {\n  components: {\n    FiltersV2,\n    Loading,\n    BudgetCard,\n    ConversionProcess,\n    SingleMetric,\n    MetricCircleCard,\n    Score,\n    VolumeProgress,\n    BarChart,\n    PieChart,\n    PerformanceTable,\n    BubbleChart,\n    NoDataTemp,\n    FilterSelections\n  },\n  data() {\n    return {\n      noData: false,\n      recData: null,\n      filterParams: {},\n      false: true,\n      currKey: 0,\n      isLoading: false,\n    };\n  },\n  computed: {\n    singleMetricData() {\n      return {\n        transaction: {\n          title: \"Transactions\",\n            value: this.recData.transactionsCard?.transactions,\n            icon: \"TransactionIcon\",\n        },\n        revenue: {\n            title: \"Revenue\",\n            value: this.recData.revenueCard?.revenue,\n            icon: \"RevenueIcon\",\n          },\n      };\n    },\n  },\n  methods: {\n    async getMetrics(params) {\n      this.isLoading = true;\n      this.filterParams = params;\n      await this.$http\n        .get(`/media/conversion/web`, {\n          params: {\n            brand_id: params.conversionWebBrand.value,\n            adin_id: params.campaign.value,\n            event_id: params.event.value\n          },\n        })\n        .then(({ data }) => {\n            this.recData = data;\n            this.noData = false;\n            this.currKey++;\n        })\n        .catch((e) => {\n            this.noData = true;\n            this.recData = null;\n        }).finally(() => {\n            this.isLoading = false;\n        });\n    },\n  },\n};\n</script>\n\n\n<style lang=\"scss\" scoped>\n@import \"../../styles.scss\";\n.dashboard-container{\n  @include horizontal-layout-container\n}\n\n</style>","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=650ca368&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=650ca368&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  \"650ca368\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <section>\n    <b-row class=\"match-height\">\n      <b-col>\n        <filtersV2 :name=\"'conversionAppWithEvent'\" :get-metrics=\"getMetrics\" />\n      </b-col>\n    </b-row>\n    <loading v-if=\"isLoading\"/>  \n    <filter-selections v-else-if=\"recData === null && !noData && !isLoading\" title=\"Almost there! Adjust the filters to see results.\"/>\n    <no-data-temp v-else-if=\"noData && !isLoading\"/>\n      <div v-else-if=\"!noData && !isLoading && recData !== null\" >\n        <b-row class=\"match-height\">\n          <b-col xl=\"6\" cols=\"12\" class=\"my-1\">\n            <div class=\"dashboard-container h-100 mb-1\">\n              <div class=\"budget-card\">\n                <budget-card :campaignCard=\"recData.campaignCard\" :isHorizontal=\"true\"/>\n              </div>\n              <div class=\"process\">\n                <conversion-process\n                  :comparisonCard=\"recData.comparisonCard\"\n                  :pageMeta=\"{type:'conversion'}\"\n                  :onlyCost=\"true\"\n                />\n              </div>\n              <single-metric class=\"metric-card\" :metricData=\"singleMetricData.transaction\" size=\"55\"/>\n              <single-metric class=\"metric-card\" :metricData=\"singleMetricData.revenue\" size=\"55\"/>\n            </div>\n           </b-col>\n          <b-col xl=\"3\" cols=\"6\" class=\"my-1\">\n            <metric-circle-card :sourceData=\"recData.totalEventsCard\" :pageMeta=\"{type:'conversion', platform: 'app'}\" />\n          </b-col>\n          <b-col xl=\"3\" cols=\"6\" class=\"my-1\">\n            <score :scoreData=\"recData.conversionScoreCard\" :pageMeta=\"{type:'conversion', platform: 'app'}\"/>\n          </b-col>\n        </b-row>\n        <b-row class=\"match-height mt-2\">\n          <b-col>\n            <volume-progress :sourceData=\"recData.metricsCard\" />\n          </b-col>\n        </b-row>\n        <b-row class=\"match-height mt-1\">\n          <b-col lg=\"7\" class=\"mt-1\">\n            <bar-chart :trendGraph=\"recData.trendGraph\" :filterParams=\"filterParams\" :pageType=\"'app'\"/>\n          </b-col>\n          <b-col lg=\"5\" class=\"mt-1\">\n            <pie-chart :distributionPiechart=\"recData.distributionPiechart\" :key=\"currKey\" />\n          </b-col>\n        </b-row>\n\n        <b-row class=\"match-height\" v-if=\"recData.performanceByPublishersCard && Object.keys(recData.performanceByPublishersCard).length >= 2\">\n          <b-col lg=\"4\" style=\"margin-top: 0.5rem\">\n            <performance-table :performanceByPublishersCard=\"recData.performanceByPublishersCard\" />\n          </b-col>\n          <b-col lg=\"8\">\n            <bubble-chart :performanceByPublishersCard=\"recData.performanceByPublishersCard\" :key=\"currKey\" />\n          </b-col>\n        </b-row>\n      </div>\n  </section>\n</template>\n\n<script>\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport BudgetCard from \"@/views/ui/media-components/BudgetCard.vue\";\nimport ConversionProcess from \"@/views/ui/media-components/CostProcess.vue\";\nimport SingleMetric from \"@/views/ui/media-components/SingleMetric.vue\";\nimport MetricCircleCard from \"@/views/ui/media-components/MetricCircleCard.vue\";\nimport Score from \"@/views/ui/media-components/ScoreCard.vue\";\nimport VolumeProgress from \"@/views/ui/media-components/MetricBars.vue\";\nimport BarChart from \"../BarChart.vue\";\nimport PieChart from \"../PieChart.vue\";\nimport PerformanceTable from \"../PerformanceTable.vue\";\nimport BubbleChart from \"../BubbleChart.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport FilterSelections from \"@/views/FilterSelections.vue\";\n\nexport default {\n  components: {\n    FiltersV2,\n    Loading,\n    BudgetCard,\n    ConversionProcess,\n    SingleMetric,\n    MetricCircleCard,\n    Score,\n    VolumeProgress,\n    BarChart,\n    PieChart,\n    PerformanceTable,\n    BubbleChart,\n    NoDataTemp,\n    FilterSelections\n  },\n  data() {\n    return {\n      noData: false,\n      recData: null,\n      filterParams: {},\n      false: true,\n      currKey: 0,\n      isLoading: false,\n    };\n  },\n  computed: {\n    singleMetricData() {\n      return {\n        transaction: {\n          title: \"Transactions\",\n            value: this.recData.transactionsCard?.transactions,\n            icon: \"TransactionIcon\",\n        },\n        revenue: {\n            title: \"Revenue\",\n            value: this.recData.revenueCard?.revenue,\n            icon: \"RevenueIcon\",\n          },\n      };\n    },\n  },\n  methods: {\n    async getMetrics(params) {\n      this.isLoading = true;\n      this.filterParams = params;\n      await this.$http\n        .get(`/media/conversion/app`, {\n          params: {\n            brand_id: params.conversionAppBrand.value,\n            adin_id: params.campaign.value,\n            event_id: params.event.value\n          },\n        })\n        .then(({ data }) => {\n            this.recData = data;\n            this.noData = false;\n            this.currKey++;\n        })\n        .catch((e) => {\n            this.noData = true;\n            this.recData = null;\n        }).finally(() => {\n            this.isLoading = false;\n        });\n    },\n  },\n};\n</script>\n\n\n<style lang=\"scss\" scoped>\n@import \"../../styles.scss\";\n.dashboard-container{\n  @include horizontal-layout-container\n}\n\n</style>","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=f63e9312&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=f63e9312&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  \"f63e9312\",\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',{staticClass:\"match-height\"},[_c('b-col',[_c('filtersV2',{attrs:{\"name\":'conversionAppWithEvent',\"get-metrics\":_vm.getMetrics}})],1)],1),(_vm.isLoading)?_c('loading'):(_vm.recData === null && !_vm.noData && !_vm.isLoading)?_c('filter-selections',{attrs:{\"title\":\"Almost there! Adjust the filters to see results.\"}}):(_vm.noData && !_vm.isLoading)?_c('no-data-temp'):(!_vm.noData && !_vm.isLoading && _vm.recData !== null)?_c('div',[_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{staticClass:\"my-1\",attrs:{\"xl\":\"6\",\"cols\":\"12\"}},[_c('div',{staticClass:\"dashboard-container h-100 mb-1\"},[_c('div',{staticClass:\"budget-card\"},[_c('budget-card',{attrs:{\"campaignCard\":_vm.recData.campaignCard,\"isHorizontal\":true}})],1),_c('div',{staticClass:\"process\"},[_c('conversion-process',{attrs:{\"comparisonCard\":_vm.recData.comparisonCard,\"pageMeta\":{type:'conversion'},\"onlyCost\":true}})],1),_c('single-metric',{staticClass:\"metric-card\",attrs:{\"metricData\":_vm.singleMetricData.transaction,\"size\":\"55\"}}),_c('single-metric',{staticClass:\"metric-card\",attrs:{\"metricData\":_vm.singleMetricData.revenue,\"size\":\"55\"}})],1)]),_c('b-col',{staticClass:\"my-1\",attrs:{\"xl\":\"3\",\"cols\":\"6\"}},[_c('metric-circle-card',{attrs:{\"sourceData\":_vm.recData.totalEventsCard,\"pageMeta\":{type:'conversion', platform: 'app'}}})],1),_c('b-col',{staticClass:\"my-1\",attrs:{\"xl\":\"3\",\"cols\":\"6\"}},[_c('score',{attrs:{\"scoreData\":_vm.recData.conversionScoreCard,\"pageMeta\":{type:'conversion', platform: 'app'}}})],1)],1),_c('b-row',{staticClass:\"match-height mt-2\"},[_c('b-col',[_c('volume-progress',{attrs:{\"sourceData\":_vm.recData.metricsCard}})],1)],1),_c('b-row',{staticClass:\"match-height mt-1\"},[_c('b-col',{staticClass:\"mt-1\",attrs:{\"lg\":\"7\"}},[_c('bar-chart',{attrs:{\"trendGraph\":_vm.recData.trendGraph,\"filterParams\":_vm.filterParams,\"pageType\":'app'}})],1),_c('b-col',{staticClass:\"mt-1\",attrs:{\"lg\":\"5\"}},[_c('pie-chart',{key:_vm.currKey,attrs:{\"distributionPiechart\":_vm.recData.distributionPiechart}})],1)],1),(_vm.recData.performanceByPublishersCard && Object.keys(_vm.recData.performanceByPublishersCard).length >= 2)?_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{staticStyle:{\"margin-top\":\"0.5rem\"},attrs:{\"lg\":\"4\"}},[_c('performance-table',{attrs:{\"performanceByPublishersCard\":_vm.recData.performanceByPublishersCard}})],1),_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('bubble-chart',{key:_vm.currKey,attrs:{\"performanceByPublishersCard\":_vm.recData.performanceByPublishersCard}})],1)],1):_vm._e()],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-tabs v-model=\"activeTab\" @input=\"tabChanged\" pills>\n      <b-tab title=\"Web\" lazy>\n        <web/>\n      </b-tab>\n      <b-tab title=\"App\" lazy>\n        <app/>\n      </b-tab>\n    </b-tabs>\n  </section>\n</template>\n\n<script>\nimport web from './web/Index.vue';\nimport app from './app/Index.vue';\nexport default {\n  components: {\n    web,\n    app\n  },\n  data(){\n    return {\n      activeTab: 0,\n    }\n  },\n  created () {\n    this.activeTab = this.getInitialActiveTab()\n  },\n  methods: {\n    getInitialActiveTab () {\n      const routeName = this.$route.name\n      if (routeName === 'media-conversion-webTransaction') {\n        return 0\n      } else if (routeName === 'media-conversion-appTransaction') {\n        return 1\n      } else {\n        return 0\n      }\n    },\n    tabChanged (newTabIndex) {\n      if (newTabIndex === 0) {\n        this.$router.push({ name: 'media-conversion-webTransaction' })\n      } else if (newTabIndex === 1) {\n        this.$router.push({ name: 'media-conversion-appTransaction' })\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=45c2c9f1\"\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":""}