{"version":3,"sources":["webpack:///./src/views/scores/media-new/consideration/app-traffic/PerformanceTable.vue?505f","webpack:///./src/views/scores/media-new/consideration/app-traffic/BubbleChart.vue?f9c7","webpack:///./src/views/scores/media-new/consideration/app-traffic/Index.vue?6567","webpack:///src/views/scores/media-new/consideration/app-traffic/BarChart.vue","webpack:///./src/views/scores/media-new/consideration/app-traffic/BarChart.vue?51f7","webpack:///./src/views/scores/media-new/consideration/app-traffic/BarChart.vue","webpack:///./src/views/scores/media-new/consideration/app-traffic/BarChart.vue?65bd","webpack:///src/views/scores/media-new/consideration/app-traffic/PieChart.vue","webpack:///./src/views/scores/media-new/consideration/app-traffic/PieChart.vue?8867","webpack:///./src/views/scores/media-new/consideration/app-traffic/PieChart.vue","webpack:///./src/views/scores/media-new/consideration/app-traffic/PieChart.vue?1ec4","webpack:///src/views/scores/media-new/consideration/app-traffic/PerformanceTable.vue","webpack:///./src/views/scores/media-new/consideration/app-traffic/PerformanceTable.vue?c36a","webpack:///./src/views/scores/media-new/consideration/app-traffic/PerformanceTable.vue","webpack:///./src/views/scores/media-new/consideration/app-traffic/PerformanceTable.vue?a29f","webpack:///src/views/scores/media-new/consideration/app-traffic/BubbleChart.vue","webpack:///./src/views/scores/media-new/consideration/app-traffic/BubbleChart.vue?1490","webpack:///./src/views/scores/media-new/consideration/app-traffic/BubbleChart.vue","webpack:///./src/views/scores/media-new/consideration/app-traffic/BubbleChart.vue?8e68","webpack:///src/views/scores/media-new/consideration/app-traffic/Index.vue","webpack:///./src/views/scores/media-new/consideration/app-traffic/Index.vue?4bcd","webpack:///./src/views/scores/media-new/consideration/app-traffic/Index.vue","webpack:///./src/views/scores/media-new/consideration/app-traffic/Index.vue?7482"],"names":["$","JQuery","directives","VBPopover","VBTooltip","components","apexchart","VueApexCharts","BFormRadioGroup","BCard","BButton","BPopover","forecastLineChart","AiButton","props","trendGraph","type","Object","required","filterParams","data","selectedRadio","optionsRadio","text","value","isChartVisible","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","format","line1","legendSettings","showLegend","legendNames","legendColors","zoomOutIconSettings","iconColor","mouseOverColor","responsive","chartDates","startDate","endDate","isDateChanged","currentKey","computed","transformedHistoryData","_data$series$find","_data$series$find2","installsAndCpi","installsAndCost","barData","series","find","item","name","map","lineData","dates","formattedHistoryData","date","index","transformedForecastData","apexChartData","defaultOps","$store","getters","customOps","getTitles","fill","legend","horizontalAlign","seriesData","getSeries","xaxis","tickAmount","Math","min","length","extend","chartOptions","computedValues","first","second","foundFirstUpper","i","charAt","toUpperCase","slice","requestParams","brand_id","considerationAppBrand","adin_id","campaign","start_date","end_date","metrics","toLowerCase","request_type","watch","updateChartData","updateAxisLabels","methods","barLabel","lineLabel","selectedLabel","line","split","$nextTick","xLabels","titles","yaxis","title","style","color","labels","formatter","universalFormatter","kFormat","opposite","commonOptions","chart","animations","enabled","stroke","curve","Date","toLocaleDateString","minimumIntegerDigits","day","month","created","component","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticStyle","_v","key","model","callback","$$v","expression","_e","piecedDonutChart","distributionPiechart","piecedDonutChartData","piecedDonutData","piecedDonutSettings","distribution","total","values","reduce","acc","val","keys","percentage","toFixed","category","formatKey","seriesLength","borderSettings","borderColor","borderFontSize","piecesColor","lineColor","noDataSettings","word","join","BTable","performanceByPublishersCard","tableData","fields","getFields","items","getItems","newItem","publisher","forEach","subKey","push","cpi","installs","scopedSlots","_u","fn","_s","isCurrency","BubbleChart","currencySymbol","bubbleChartSettings","yAxisTickCount","axisLineColor","axisTickColor","xAxisCurrency","bubbleZoomOutFactor","legendColor","bubbleColors","gridColor","gradianColors","tooltipTitles","size","bubbleChartDataStatic","group","plotOptions","bubble","minBubbleRadius","maxBubbleRadius","tooltip","custom","seriesIndex","dataPointIndex","w","d","globals","initialSeries","z","dataLabels","show","bubbleChartData","performanceData","cost","mounted","immediate","handler","newData","newOptions","maxY","max","s","round","offsetX","maxX","minX","$refs","updateOptions","FiltersV2","Loading","BudgetCard","ConsiderationProcess","SingleMetric","Installs","Score","VolumeProgress","BarChart","PieChart","PerformanceTable","NoDataTemp","recData","noData","loading","currKey","singleMetricData","_this$recData$session","_this$recData$install","session","sessionsCard","sessions","icon","install","installsCard","params","$http","get","then","catch","e","getMetrics","campaignCard","comparisonCard","platform","totalEventCard","considerationScoreCard","metricsCard","staticRenderFns"],"mappings":"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","file":"js/chunk-2e73559a.3a2971ac.js","sourcesContent":["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=25ceddc9&prod&scoped=true&lang=css\"","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=27f1f92a&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-row',{staticClass:\"match-height\"},[_c('b-col',[_c('filtersV2',{attrs:{\"name\":\"considerationApp\",\"get-metrics\":_vm.getMetrics}})],1)],1),(_vm.loading)?_c('span',[_c('loading')],1):_c('span',[(_vm.noData)?_c('span',[_c('no-data-temp')],1):_c('span',[_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{staticClass:\"mt-1\",attrs:{\"lg\":\"6\",\"md\":\"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('consideration-process',{attrs:{\"comparisonCard\":_vm.recData.comparisonCard,\"pageMeta\":{ type: 'consideration', platform: 'app' },\"onlyCost\":true}})],1),_c('single-metric',{staticClass:\"metric-card\",attrs:{\"metricData\":_vm.singleMetricData.session}}),_c('single-metric',{staticClass:\"metric-card\",attrs:{\"metricData\":_vm.singleMetricData.install}})],1)]),_c('b-col',{staticClass:\"mt-1\",attrs:{\"lg\":\"3\",\"md\":\"6\"}},[_c('installs',{attrs:{\"sourceData\":_vm.recData.totalEventCard,\"pageMeta\":{ type: 'consideration', platform: 'app' }}})],1),_c('b-col',{staticClass:\"mt-1\",attrs:{\"lg\":\"3\",\"md\":\"6\"}},[_c('score',{attrs:{\"scoreData\":_vm.recData.considerationScoreCard,\"pageMeta\":{ type: 'consideration', 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-3\"},[_c('b-col',{attrs:{\"lg\":\"7\"}},[_c('bar-chart',{attrs:{\"trendGraph\":_vm.recData.trendGraph,\"filterParams\":_vm.filterParams}})],1),_c('b-col',{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)])],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\">\n        <h3 class=\"ml-1 font-weight-light\" style=\"margin-top: 2rem !important;\">Install Trend</h3>\n        <ai-button\n          class=\"mt-2\"\n          popoverName=\"install-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 id=\"btn-radios-1\" v-model=\"selectedRadio\" button-variant=\"primary\" :options=\"optionsRadio\"\n            buttons name=\"radios-btn-default\" size=\"sm\" />\n        </div>\n      </div>\n      <div style=\"position: relative\" class=\"mt-3\">\n        <forecast-line-chart v-if=\"isChartVisible\" :forecastHistoryData=\"transformedHistoryData\"\n          :forecastSettings=\"forecastSettings\" :forecastFutureData=\"transformedForecastData\" />\n      </div>\n    </b-card>\n  </div>\n</template>\n\n<script>\nimport VueApexCharts from \"vue-apexcharts\";\nimport {\n  BFormRadioGroup,\n  BCard,\n  BButton,\n  BPopover,\n  VBPopover,\n  VBTooltip,\n} from \"bootstrap-vue\";\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  directives: {\n    \"b-popover\": VBPopover,\n    \"b-tooltip\": VBTooltip,\n  },\n  components: {\n    apexchart: VueApexCharts,\n    BFormRadioGroup,\n    BCard,\n    BButton,\n    BPopover,\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  },\n  data() {\n    return {\n      selectedRadio: \"installsAndCpi\",\n      optionsRadio: [\n        { text: \"Install / CPI\", value: \"installsAndCpi\" },\n        { text: \"Install / Cost\", value: \"installsAndCost\" },\n      ],\n      isChartVisible: true,\n      forecastSettings: {\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: 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. Install\",\n          meanLineEnabled: false,\n          textSettings: {\n            textPosition: {\n              x: 100,\n              y: -40,\n            },\n            textColor: \"white\"\n          }\n        },\n        axisSettings: {\n          separationLineEnabled: false,\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: \"Installs\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 90,\n              }\n            },\n            rightYAxis: {\n              labelEnabled: true,\n              label: \"CPI\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 70,\n              }\n            }\n          }\n        },\n        tooltipSettings: {\n          bar: {\n            text: \"CPI\",\n            format: \"\"\n          },\n          line1: {\n            text: \"Installs\",\n            format: \"\"\n          }\n        },\n        legendSettings: {\n          showLegend: true,\n          textColor: \"white\",\n          legendNames: [\"Installs\",\"CPI\"],\n          legendColors: [\"#FF5F5E\", \"#7472DF\"]\n        },\n        zoomOutIconSettings: {\n          iconColor: \"white\",\n          mouseOverColor: \"pink\",\n        },\n        responsive: true,\n      },\n      chartDates: [],\n      startDate: \"\",\n      endDate: \"\",\n      isDateChanged: false,\n      currentKey: 0,\n    };\n  },\n  computed: {\n    transformedHistoryData() {\n      const dataSources = {\n        installsAndCpi: this.trendGraph.installsAndCpi,\n        installsAndCost: this.trendGraph.installsAndCost,\n      }\n      let data = dataSources[this.selectedRadio];\n      let barData= data.series.find((item) => item.name === \"cpi\" || item.name === \"cost\")?.data.map((item) => item.y);\n      let lineData = data.series.find((item) => item.name === \"installs\" || item.name === \"cost\")?.data.map((item) => item.y);\n      let dates = data.series[0].data.map((item) => item.x);\n\n      const formattedHistoryData = dates.map((date, index) => ({\n        date,\n        line1: lineData[index],\n        bar: barData[index],\n      }))\n\n      return formattedHistoryData;\n    },\n    transformedForecastData() {\n      return []\n    },\n    apexChartData() {\n      const defaultOps = this.$store.getters[\"chart/getOptsLineBarChart\"];\n      const customOps = this.getTitles();\n      defaultOps.colors = [\"#818BFF\", \"#FF5F5F\"];\n      defaultOps.fill.colors = [\"#818BFF\", \"#FF5F5F\"];\n      defaultOps.legend.horizontalAlign = \"center\";\n      const seriesData = this.getSeries();\n      defaultOps.xaxis.tickAmount = Math.min(seriesData[0].data.length, 8) - 1;\n      $.extend(true, customOps, defaultOps);\n      return {\n        series: seriesData,\n        chartOptions: customOps,\n      };\n    },\n    computedValues() {\n      let first = \"\";\n      let second = \"\";\n      let foundFirstUpper = false;\n\n      for (let i = 0; i < this.selectedRadio.length; i++) {\n        if (this.selectedRadio.charAt(i) === this.selectedRadio.charAt(i).toUpperCase()) {\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\n      return { first, second };\n    },\n    requestParams(){\n      return{\n        brand_id: this.filterParams.considerationAppBrand.value,\n        adin_id: this.filterParams.campaign.value,\n        start_date: this.startDate,\n        end_date: this.endDate,\n        metrics: this.computedValues.first.toLowerCase() + \",\" + this.computedValues.second.toLowerCase(),\n        request_type: \"app\"\n      };\n    }\n  },\n  watch: {\n    selectedRadio() {\n      this.updateChartData();\n      this.updateAxisLabels();\n      this.currentKey++;\n    },\n    startDate() {\n      this.isDateChanged = true;\n    },\n  },\n  methods: {\n    updateAxisLabels() {\n      const labels = {\n        installsAndCpi: \"Installs,CPI\",\n        installsAndCost: \"Installs,Cost\"\n      };\n      let barLabel, lineLabel;\n      const selectedLabel = labels[this.selectedRadio];\n      if (selectedLabel) {\n        const [line, bar] = selectedLabel.split(',');\n        barLabel = bar;  // Virgülden önceki kısım\n        lineLabel = line; // Virgülden sonraki kısım\n      }\n\n      this.forecastSettings.axisSettings.axisTitles.rightYAxis.label = barLabel ;\n      this.forecastSettings.axisSettings.axisTitles.leftYAxis.label = lineLabel;\n\n      this.forecastSettings.tooltipSettings.bar.text = barLabel;\n      this.forecastSettings.tooltipSettings.line1.text = lineLabel;\n\n      this.forecastSettings.legendSettings.legendNames = [lineLabel,barLabel]\n\n      this.forecastSettings.meanLineSettings.meanLineText = `Avg. Install`\n    },\n    updateChartData() {\n      this.isChartVisible = false;\n      this.$nextTick(() => {\n        this.isChartVisible = true;\n      });\n    },\n    getSeries() {\n      const dataSources = {\n        installsAndCpi: this.trendGraph.installsAndCpi,\n        installsAndCost: this.trendGraph.installsAndCost,\n      };\n      const data = dataSources[this.selectedRadio];\n      if (!data) return [];\n      const seriesData = data.series[0].data\n        .map((item) => item.y)\n\n      const lineData = data.series[1].data\n        .map((item) => item.y)\n\n      return [\n        {\n          name: this.computedValues.first,\n          type: \"column\",\n          data: seriesData,\n        },\n        {\n          name: this.computedValues.second,\n          type: \"line\",\n          data: lineData,\n        },\n      ];\n    },\n    getTitles() {\n      const xLabels = this.trendGraph.installsAndCpi.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        installsAndCpi: {\n          yaxis: [\n            {\n              title: { text: \"Installs\", style: { color: \"#FFFFFF\" } },\n              labels: { formatter: (value) => universalFormatter(value, {kFormat: true}) },\n              opposite: false,\n            },\n            {\n              title: { text: \"CPI\", style: { color: \"#FFFFFF\" } },\n              labels: { formatter: (value) => universalFormatter(value, {kFormat: true}) },\n              opposite: true,\n            },\n          ],\n        },\n        installsAndCost: {\n          yaxis: [\n            {\n              title: { text: \"Install\", 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      };\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      };\n\n      return {\n        ...commonOptions,\n        ...titles[this.selectedRadio],\n      };\n    },\n  },\n  created() {\n    const xLabels = this.trendGraph.installsAndCpi.series[0].data\n        .map((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=19225705\"\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',{staticClass:\"h-100\"},[_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(\"Install Trend\")]),_c('ai-button',{key:_vm.currentKey,staticClass:\"mt-2\",attrs:{\"popoverName\":\"install-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',{staticClass:\"mt-3\",staticStyle:{\"position\":\"relative\"}},[(_vm.isChartVisible)?_c('forecast-line-chart',{attrs:{\"forecastHistoryData\":_vm.transformedHistoryData,\"forecastSettings\":_vm.forecastSettings,\"forecastFutureData\":_vm.transformedForecastData}}):_vm._e()],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      <h3 class=\"mt-2 ml-1 font-weight-light\">Distribution <b-badge variant=\"primary\" class=\"text-capitalize\">install</b-badge></h3>\n      <pieced-donut-chart\n        :key=\"selectedRadio\"\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>\nimport piecedDonutChart from \"@/views/ui/adin-d3/PiecedDonutChart.vue\";\nimport { BFormRadioGroup, BCard } from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    piecedDonutChart,\n    BFormRadioGroup,\n    BCard,\n  },\n  props: {\n    distributionPiechart: {\n      type: Object,\n      required: true,\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;\n      const total = Object.values(data).reduce((acc, val) => acc + val, 0);\n\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: this.formatKey(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    formatKey(key) {\n      if (key === key.toUpperCase()) return key;\n      return key\n        .split(/(?=[A-Z])/)\n        .map(\n          (word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()\n        )\n        .join(\" \");\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=60987baa\"\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(\"install\")])],1),_c('pieced-donut-chart',{key:_vm.selectedRadio,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 v-slot:cell(installAndCpi)=\"data\">\n        <div class=\"cell-content\">\n          <div v-if=\"data.item.installs && data.item.cpi\">\n            {{ universalFormatter(data.item.cpi, {isCurrency:true}) }} / {{ universalFormatter(data.item.installs, {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 { BTable, BFormRadioGroup } from \"bootstrap-vue\";\nimport { universalFormatter } from \"@/@core/utils/utils\";\n\nexport default {\n  components: {\n    BTable,\n    BFormRadioGroup,\n  },\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: \"installAndCpi\",\n          label: \"CPI / Install\",\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          cpi: \"\",\n          installs: \"\",\n        });\n      }\n      return items;\n    },\n  },\n  created() {\n    console.log(this.performanceByPublishersCard);\n  },\n};\n</script>\n\n<style scoped>\n.lila-bg /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 /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 /deep/ td {\n  vertical-align: top !important;\n}\n\n.lila-bg /deep/ tr:nth-child(odd) td {\n  background-color: transparent;\n}\n\n.lila-bg /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=25ceddc9&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=25ceddc9&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  \"25ceddc9\",\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(installAndCpi)\",fn:function(data){return [_c('div',{staticClass:\"cell-content\"},[(data.item.installs && data.item.cpi)?_c('div',[_vm._v(\" \"+_vm._s(_vm.universalFormatter(data.item.cpi, {isCurrency:true}))+\" / \"+_vm._s(_vm.universalFormatter(data.item.installs, {kFormat: true}))+\" \")]):_vm._e()])]}}])}),_c('div',{staticClass:\"footer-radio\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"mt-2 mb-0\">\n    <h3 class=\"ml-1 font-weight-light\" style=\"margin-bottom: 0px;\">Performance by Publishers</h3>\n    <!-- <vue-apex-charts ref=\"chart\" height=\"353\" :options=\"chartOptions\" :series=\"bubbleChartData\" /> -->\n    <bubble-chart :bubbleChartData=\"this.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: \"CPI\",\n          y: \"Installs\",\n          size: \"Cost\",\n        },\n        responsive: true,\n      },\n      bubbleChartDataStatic: [\n        // { x: 0, y: 0, size: 20000, group: 'good' },\n        { x: 318.03, y: 400000, size: 40000, group: 'good' },\n        { x: 318.03, y: 400000, size: 8000000, group: 'good' },\n        { x: 379.14, y: 700000, size: 10000, group: 'good' },\n        { x: 440.24, y: 600000, size: 60000, group: 'average' },\n        { x: 487.60, y: 200000, size: 30000, group: 'average' },\n        { x: 562.45, y: 500000, size: 10000, group: 'average' },\n        { x: 562.45, y: 10000, size: 70000, group: 'average' },\n        { x: 623.56, y: 300000, size: 20000, group: 'average' },\n        { x: 684.66, y: 100000, size: 15000, group: 'bad' },\n        { x: 745.77, y: 100000, size: 8000, group: 'bad' },\n        { x: 806.87, y: 100000, size: 5000, group: 'bad' }\n      ],\n      chartOptions: {\n        chart: {\n          type: \"bubble\",\n        },\n        xaxis: {\n          title: {\n            text: `CPI(${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>CPI: ${currencySymbol}${d.x}</div>\n                <div>Installs: ${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    //   console.log(\"performanceData\", this.performanceByPublishersCard);\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.cpi,\n    //           y: publisher.installs,\n    //           z: publisher.cost,\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.cpi, // x değeri cpi\n          y: publisher.installs, // y değeri installs\n          size: publisher.cost, // size installs olacak\n        };\n      });\n      console.log(\"performanceData\", performanceData);\n      return performanceData;\n    }\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 options disappears after updateOptions, so it is set here as well\n            // Likely due to yaxis working in arrays(since there can be multiple yaxis)\n            title: {\n              text: \"Installs\",\n              style: {\n                color: \"white\",\n              },\n            },\n            offsetX: 5,\n            labels: {\n              formatter: (value) => universalFormatter(Math.round(value), {kFormat: true}),  // Format x-axis labels\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=27f1f92a&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=27f1f92a&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  \"27f1f92a\",\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 mb-0\"},[_c('h3',{staticClass:\"ml-1 font-weight-light\",staticStyle:{\"margin-bottom\":\"0px\"}},[_vm._v(\"Performance by Publishers\")]),_c('bubble-chart',{attrs:{\"bubbleChartData\":this.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=\"considerationApp\" :get-metrics=\"getMetrics\" />\n      </b-col>\n    </b-row>\n    <span v-if=\"loading\">\n      <loading />\n    </span>\n    <span v-else>\n      <span v-if=\"noData\">\n        <no-data-temp />\n      </span>\n      <span v-else>\n        <b-row class=\"match-height\">\n          <!-- <b-col lg=\"3\" md=\"6\" class=\"mt-1\">\n            <budget-card :campaignCard=\"recData.campaignCard\" />\n          </b-col> -->\n          <b-col lg=\"6\" md=\"12\" class=\"mt-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                <consideration-process\n                  :comparisonCard=\"recData.comparisonCard\"\n                  :pageMeta=\"{ type: 'consideration', platform: 'app' }\"\n                  :onlyCost=\"true\"\n                />\n              </div>\n              <single-metric class=\"metric-card\" :metricData=\"singleMetricData.session\" />\n              <single-metric class=\"metric-card\" :metricData=\"singleMetricData.install\" />\n            </div>\n          </b-col>\n          <b-col lg=\"3\" md=\"6\" class=\"mt-1\">\n            <installs :sourceData=\"recData.totalEventCard\" :pageMeta=\"{ type: 'consideration', platform: 'app' }\" />\n          </b-col>\n          <b-col lg=\"3\" md=\"6\" class=\"mt-1\">\n            <score :scoreData=\"recData.considerationScoreCard\" :pageMeta=\"{ type: 'consideration', 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-3\">\n          <b-col lg=\"7\">\n            <bar-chart :trendGraph=\"recData.trendGraph\" :filterParams=\"filterParams\" />\n          </b-col>\n          <b-col lg=\"5\">\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      </span>\n    </span>\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 SingleMetric from \"@/views/ui/media-components/SingleMetric.vue\";\nimport ConsiderationProcess from \"@/views/ui/media-components/CostProcess.vue\";\nimport Installs 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\";\n\nexport default {\n  components: {\n    FiltersV2,\n    Loading,\n    BudgetCard,\n    ConsiderationProcess,\n    SingleMetric,\n    Installs,\n    Score,\n    VolumeProgress,\n    BarChart,\n    PieChart,\n    PerformanceTable,\n    BubbleChart,\n    NoDataTemp,\n  },\n  data() {\n    return {\n      recData: {},\n      noData: false,\n      filterParams: {},\n      loading: true,\n      currKey: 0,\n    };\n  },\n  computed: {\n    singleMetricData() {\n      return {\n        session: {\n          title: \"Session\",\n          value: this.recData.sessionsCard?.sessions,\n          icon: \"LogInIcon\",\n        },\n        install: {\n          title: \"Install\",\n          value: this.recData.installsCard?.installs,\n          icon: \"DownloadIcon\",\n        },\n      };\n    },\n  },\n  methods: {\n    async getMetrics(params) {\n      this.loading = true;\n      this.filterParams = params;\n      await this.$http\n        .get(\"/media/consideration/app\", {\n          params: {\n            brand_id: params.considerationAppBrand.value,\n            adin_id: params.campaign.value,\n          },\n        })\n        .then(({ data }) => {\n          this.recData = data;\n          this.noData = false;\n          this.loading = false;\n          this.currKey = this.currKey + 1;\n        })\n        .catch((e) => {\n          this.loading = false;\n          this.noData = true;\n        });\n    },\n  },\n};\n</script>\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=8c0e3688&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=8c0e3688&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  \"8c0e3688\",\n  null\n  \n)\n\nexport default component.exports","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=8c0e3688&prod&lang=scss&scoped=true\""],"sourceRoot":""}