{"version":3,"sources":["webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformEvent.vue?4037","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/TreeMap.vue?f2a6","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformCost.vue?c52c","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/Platforms.vue?d24d","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/MainCard.vue?b4a8","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/CampaignOfNumbers.vue?3cce","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/Index.vue?b7ac","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/MainCard.vue?157b","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/product/MainCard.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/MainCard.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/MainCard.vue?a470","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/product/CampaignOfNumbers.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/CampaignOfNumbers.vue?d2ba","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/CampaignOfNumbers.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/CampaignOfNumbers.vue?6bc7","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformCost.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformCost.vue?22bf","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformCost.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformCost.vue?69f2","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformEvent.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformEvent.vue?ef53","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformEvent.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformEvent.vue?a806","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/Platforms.vue?197c","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/product/Platforms.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/Platforms.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/Platforms.vue?ee37","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/product/TreeMap.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/TreeMap.vue?d20b","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/TreeMap.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/TreeMap.vue?93e4","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/product/LineBar.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/LineBar.vue?7f4b","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/LineBar.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/LineBar.vue?0530","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/product/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/Index.vue?7c42","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/product/Index.vue"],"names":["props","totalCost","type","Object","required","components","BCard","BRow","BCol","BCardText","data","methods","kFormatter","universalFormatter","component","_vm","this","_h","$createElement","_c","_self","_v","staticClass","staticStyle","_s","percentage","class","attrs","directives","VBTooltip","bestCampaigns","Array","campaigns","budget","campaign","percent","getIconPath","index","require","getIcon","truncateText","text","maxLength","length","substring","_l","item","key","name","rawName","modifiers","campaignName","event","eventRate","cost","costRate","cpa","$","JQuery","VueApexCharts","productSummary","chartWidth","chartHeight","computed","allPie","defaultOps","$store","getters","labels","keys","map","toUpperCase","labelColors","GOOGLEADS","TIKTOK","META","OTHERS","colors","label","updatedOps","customOps","plotOptions","pie","donut","size","tooltip","y","formatter","series","platformCost","extend","chartOptions","mounted","adjustChartSize","window","addEventListener","beforeDestroy","removeEventListener","isWideScreen","innerWidth","_m","forEach","push","platformTotal","PlatformCost","PlatformEvent","googleAds","platformCpa","facebook","tiktok","others","BCardTitle","BCardSubTitle","BProgress","BBadge","BProgressBar","campaignSummary","x","selectedCampaign","legend","show","chart","height","toolbar","events","click","chartContext","config","onClick","dataLabels","enabled","style","fontSize","op","w","seriesIndex","dataPointIndex","offsetY","treemap","enableShades","distributed","fill","gradient","shadeIntensity","shade","gradientToColors","inverseColors","opacityFrom","opacityTo","stops","budgetIcon","budgetClass","eventIcon","eventClass","cpaIcon","cpaClass","created","value","sort","a","b","find","numberFormatter","comparedPercentage","BFormGroup","BFormRadioGroup","impressionsAndCpm","stroke","width","curve","format","Date","toDateString","xaxis","tickAmount","toLocaleDateString","minimumIntegerDigits","useGrouping","day","month","axisBorder","color","offsetX","axisTicks","borderType","watch","selected","handler","newVal","initializeChart","updateChart","chartData","$refs","pricingModalData","metricData","updateOptions","yaxis","title","opposite","ref","FiltersV2","Loading","noDataTemp","NoDataReport","MainCard","CampaignOfNumbers","Platforms","TreeMap","Boxes","Tables","LineBar","recData","noData","isLoading","currentKey","isOpened","params","$http","post","product","adin_ids","join","selected_event","brand_id","start_date","date","startDate","end_date","endDate","then","catch","error","finally","getMetrics","_e","impressionAndCpm","staticRenderFns"],"mappings":"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","file":"js/chunk-7ffb8eb9.a32bbe36.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!./PlatformEvent.vue?vue&type=style&index=0&id=1e337319&prod&scoped=true&lang=scss\"","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!./TreeMap.vue?vue&type=style&index=0&id=709832de&prod&scoped=true&lang=css\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlatformCost.vue?vue&type=style&index=0&id=84a544d4&prod&scoped=true&lang=scss\"","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!./Platforms.vue?vue&type=style&index=0&id=d09517f6&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!./MainCard.vue?vue&type=style&index=0&id=353088b8&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!./CampaignOfNumbers.vue?vue&type=style&index=0&id=1bcde3cc&prod&scoped=true&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',[_c('b-row',[_c('b-col',[_c('filters-v2',{attrs:{\"get-metrics\":_vm.getMetrics,\"name\":\"paparaPerfReport\"}})],1)],1),(_vm.isOpened && !_vm.isLoading)?_c('no-data-report',{attrs:{\"text\":'Please select product, campaign and event to see Event Page.'}}):_vm._e(),(_vm.isLoading)?_c('loading'):(_vm.noData && !_vm.isLoading)?_c('no-data-temp',{attrs:{\"text\":'Try different product, campaign, event or date range.'}}):(!_vm.noData && !_vm.isLoading && _vm.recData !== null)?_c('span',[_c('h4',{staticClass:\"text-muted mb-2\"},[_vm._v(\" Performance for the chosen date range is displayed and compared with the corresponding previous interval. \")]),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"3\"}},[_c('main-card',{attrs:{\"total-cost\":_vm.recData.totalCost}})],1),_c('b-col',{attrs:{\"lg\":\"9\"}},[_c('platforms',{attrs:{\"product-summary\":_vm.recData.productSummary}})],1)],1),_c('b-row',[_c('b-col',[_c('campaign-of-numbers',{attrs:{\"best-campaigns\":_vm.recData.bestCampaigns}})],1)],1),_c('b-row',[_c('b-col',[_c('line-bar',{attrs:{\"impressions-and-cpm\":_vm.recData.impressionAndCpm}})],1)],1)],1):_vm._e()],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!./MainCard.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!./MainCard.vue?vue&type=script&lang=js\"","<template>\n  <b-card>\n    <b-row>\n      <b-col>\n        <b-card-text>\n          <h3>\n            Total Cost\n          </h3>\n        </b-card-text>\n      </b-col>\n    </b-row>\n    <b-row>\n      <b-col>\n        <b-card-text>\n          <h1\n              class=\"mb-1 font-weight-bolder\"\n              style=\"font-size: 2.5rem\"\n          >\n            {{ universalFormatter(totalCost.totalCost) }}₺\n          </h1>\n          <p class=\"text-muted smaller-text\">\n            The cost for this campaign.\n          </p>\n        </b-card-text>\n      </b-col>\n    </b-row>\n    <b-row class=\"mt-1\">\n      <b-col>\n        <b-card-text>\n          <h1 class=\"mt-1\" style=\"font-size: 3rem\">\n            {{ universalFormatter(totalCost.percentage) }}%\n            <feather-icon\n                :icon=\"totalCost.percentage > 0 ? 'ArrowUpRightIcon' : 'ArrowDownRightIcon'\"\n                :class=\"{'text-danger': totalCost.percentage > 0, 'text-success': totalCost.percentage < 0, 'text-muted': totalCost.percentage == 0}\"\n                size=\"32\"\n            />\n          </h1>\n        </b-card-text>\n      </b-col>\n    </b-row>\n  </b-card>\n</template>\n\n<script>\nimport { BCard, BRow, BCol, BCardText } from 'bootstrap-vue'\nimport {kFormatter} from \"@core/utils/filter\";\nimport {universalFormatter} from \"@core/utils/utils\";\n\nexport default {\n  props: {\n    totalCost: {\n      type: Object,\n      required: true\n    }\n  },\n  components: {\n    BCard, BRow, BCol, BCardText\n  },\n  data () {\n    return {\n    }\n  },\n  methods: {\n    kFormatter,\n    universalFormatter\n  }\n}\n</script>\n\n<style scoped>\n.smaller-text {\n  font-size: 0.85rem; /* Yazı boyutunu küçültme */\n}\n\n.mb-1 {\n  margin-bottom: 0.25rem !important; /* Boşluğu azaltma */\n}\n</style>\n","import { render, staticRenderFns } from \"./MainCard.vue?vue&type=template&id=353088b8&scoped=true\"\nimport script from \"./MainCard.vue?vue&type=script&lang=js\"\nexport * from \"./MainCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./MainCard.vue?vue&type=style&index=0&id=353088b8&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  \"353088b8\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('b-row',[_c('b-col',[_c('b-card-text',[_c('h3',[_vm._v(\" Total Cost \")])])],1)],1),_c('b-row',[_c('b-col',[_c('b-card-text',[_c('h1',{staticClass:\"mb-1 font-weight-bolder\",staticStyle:{\"font-size\":\"2.5rem\"}},[_vm._v(\" \"+_vm._s(_vm.universalFormatter(_vm.totalCost.totalCost))+\"₺ \")]),_c('p',{staticClass:\"text-muted smaller-text\"},[_vm._v(\" The cost for this campaign. \")])])],1)],1),_c('b-row',{staticClass:\"mt-1\"},[_c('b-col',[_c('b-card-text',[_c('h1',{staticClass:\"mt-1\",staticStyle:{\"font-size\":\"3rem\"}},[_vm._v(\" \"+_vm._s(_vm.universalFormatter(_vm.totalCost.percentage))+\"% \"),_c('feather-icon',{class:{'text-danger': _vm.totalCost.percentage > 0, 'text-success': _vm.totalCost.percentage < 0, 'text-muted': _vm.totalCost.percentage == 0},attrs:{\"icon\":_vm.totalCost.percentage > 0 ? 'ArrowUpRightIcon' : 'ArrowDownRightIcon',\"size\":\"32\"}})],1)])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h4 style=\"margin-bottom: 2rem !important;\">\n      Best Campaigns by Event Volume\n    </h4>\n    <b-row>\n      <b-col\n        v-for=\"(item,index) in bestCampaigns\"\n        :key=\"index\"\n        lg=\"4\"\n      >\n        <b-card class=\"pb-0 position-relative\">\n          <b-row>\n            <b-col>\n              <b-card-text>\n                <p\n                  v-b-tooltip.hover\n                  class=\"text-muted smaller-text\"\n                  :title=\"item.campaignName\"\n                >\n                  {{ truncateText(item.campaignName, 30) }}\n                </p>\n              </b-card-text>\n            </b-col>\n          </b-row>\n\n          <b-row class=\"mb-1\">\n            <b-col\n              class=\"text-left text-bold font-medium-1\"\n              lg=\"6\"\n            >\n              Event / Event Rate\n            </b-col>\n            <b-col\n              class=\"text-left text-bold font-medium-1\"\n              lg=\"6\"\n            >\n              {{ universalFormatter(item.event) }} / {{ universalFormatter(item.eventRate) }}%\n            </b-col>\n          </b-row>\n          <b-row class=\"mb-1\">\n            <b-col\n              class=\"text-left text-bold font-medium-1\"\n              lg=\"6\"\n            >\n              Cost / Cost Rate\n            </b-col>\n            <b-col\n              class=\"text-left text-bold font-medium-1\"\n              lg=\"6\"\n            >\n              {{ universalFormatter(item.cost) }}₺ / {{ universalFormatter(item.costRate) }}%\n            </b-col>\n          </b-row>\n          <b-row class=\"mb-1\">\n            <b-col\n              class=\"text-left text-bold font-medium-1\"\n              lg=\"6\"\n            >\n              CPA\n            </b-col>\n            <b-col\n              class=\"text-left text-bold font-medium-1\"\n              lg=\"6\"\n            >\n              {{ universalFormatter(item.cpa) }}₺\n            </b-col>\n          </b-row>\n\n\n\n\n\n\n          <!-- SVG icon ekleme -->\n          <img\n            :src=\"getIconPath(index + 1)\"\n            alt=\"icon\"\n            class=\"icon-position\"\n          >\n        </b-card>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script>\nimport {BCardText, BCol, BRow, BCard, VBTooltip} from \"bootstrap-vue\";\nimport {universalFormatter} from \"@core/utils/utils\";\n\nexport default {\n  components: {BCardText, BRow, BCol, BCard},\n  directives: {\n    'b-tooltip': VBTooltip\n  },\n  props: {\n    bestCampaigns: {\n      type: Array,\n      required: true\n    }\n  },\n  data (){\n    return {\n      campaigns: [\n        {\n          budget: '100,000',\n          campaign: 'fb_eng_boost_dugunsezon_300724 - 2024',\n          percent: '20'\n        },\n        {\n          budget: '250,500',\n          campaign: 'fb_eng_boost_dugunsezon_300724 - 2024',\n          percent: '27'\n        },\n        {\n          budget: '500,400',\n          campaign: 'fb_eng_boost_dugunsezon_300724 - 2024',\n          percent: '-10'\n        }\n      ]\n    }\n  },\n  methods: {\n    universalFormatter,\n    getIconPath(index) {\n      return require(`@/assets/images/icons/${index}.svg`);\n    },\n    getIcon (percentage) {\n      if(percentage > 0) {\n        return 'ArrowUpRightIcon'\n      } else if (percentage < 0 ) {\n        return 'ArrowDownRightIcon'\n      } else {\n        return 'MinusIcon'\n      }\n    },\n    truncateText(text, maxLength) {\n      if (text.length > maxLength) {\n        return text.substring(0, maxLength) + '...';\n      }\n      return text;\n    },\n  }\n}\n</script>\n\n<style scoped>\nh1 {\n  font-size: 2rem;\n}\n\n.icon-position {\n  position: absolute;\n  bottom: 69%;\n  right: 0.7rem;\n  width: 90px;\n  height: 90px;\n}\n\n@media (min-width: 1900px) {\n  .icon-position {\n    bottom: 65.6%;\n    right: 1rem;\n    width : 110px;\n    height: 110px;\n  }\n}\n\n.card-body {\n  padding-bottom: 0px;\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!./CampaignOfNumbers.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!./CampaignOfNumbers.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CampaignOfNumbers.vue?vue&type=template&id=1bcde3cc&scoped=true\"\nimport script from \"./CampaignOfNumbers.vue?vue&type=script&lang=js\"\nexport * from \"./CampaignOfNumbers.vue?vue&type=script&lang=js\"\nimport style0 from \"./CampaignOfNumbers.vue?vue&type=style&index=0&id=1bcde3cc&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  \"1bcde3cc\",\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('h4',{staticStyle:{\"margin-bottom\":\"2rem !important\"}},[_vm._v(\" Best Campaigns by Event Volume \")]),_c('b-row',_vm._l((_vm.bestCampaigns),function(item,index){return _c('b-col',{key:index,attrs:{\"lg\":\"4\"}},[_c('b-card',{staticClass:\"pb-0 position-relative\"},[_c('b-row',[_c('b-col',[_c('b-card-text',[_c('p',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"text-muted smaller-text\",attrs:{\"title\":item.campaignName}},[_vm._v(\" \"+_vm._s(_vm.truncateText(item.campaignName, 30))+\" \")])])],1)],1),_c('b-row',{staticClass:\"mb-1\"},[_c('b-col',{staticClass:\"text-left text-bold font-medium-1\",attrs:{\"lg\":\"6\"}},[_vm._v(\" Event / Event Rate \")]),_c('b-col',{staticClass:\"text-left text-bold font-medium-1\",attrs:{\"lg\":\"6\"}},[_vm._v(\" \"+_vm._s(_vm.universalFormatter(item.event))+\" / \"+_vm._s(_vm.universalFormatter(item.eventRate))+\"% \")])],1),_c('b-row',{staticClass:\"mb-1\"},[_c('b-col',{staticClass:\"text-left text-bold font-medium-1\",attrs:{\"lg\":\"6\"}},[_vm._v(\" Cost / Cost Rate \")]),_c('b-col',{staticClass:\"text-left text-bold font-medium-1\",attrs:{\"lg\":\"6\"}},[_vm._v(\" \"+_vm._s(_vm.universalFormatter(item.cost))+\"₺ / \"+_vm._s(_vm.universalFormatter(item.costRate))+\"% \")])],1),_c('b-row',{staticClass:\"mb-1\"},[_c('b-col',{staticClass:\"text-left text-bold font-medium-1\",attrs:{\"lg\":\"6\"}},[_vm._v(\" CPA \")]),_c('b-col',{staticClass:\"text-left text-bold font-medium-1\",attrs:{\"lg\":\"6\"}},[_vm._v(\" \"+_vm._s(_vm.universalFormatter(item.cpa))+\"₺ \")])],1),_c('img',{staticClass:\"icon-position\",attrs:{\"src\":_vm.getIconPath(index + 1),\"alt\":\"icon\"}})],1)],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"donut-chart-container\">\n    <vue-apex-charts\n      type=\"donut\"\n      :width=\"chartWidth\"\n      :options=\"allPie.chartOptions\"\n      :series=\"allPie.series\"\n    />\n    <div class=\"donut-center-text\">\n      <div>Platform Cost</div>\n      <div class=\"currency-icon\">\n        ₺\n      </div>\n    </div>\n  </div>\n</template>\n\n\n<script>\nimport VueApexCharts from 'vue-apexcharts'\nimport JQuery from 'jquery'\nimport { kFormatter } from '@core/utils/filter'\n\nconst $ = JQuery\n\nexport default {\n  components: {\n    VueApexCharts,\n  },\n  props: {\n    productSummary: {\n      type: Object,\n      required: true\n    }\n  },\n  data () {\n    return {\n      chartWidth: 240,\n      chartHeight: 240,\n    }\n  },\n  computed: {\n    allPie() {\n      const defaultOps = this.$store.getters['chart/getOptsDonutChart'];\n      const labels = Object.keys(this.productSummary).map((key) => key.toUpperCase());\n\n      const labelColors = {\n        GOOGLEADS: '#fbbc05',\n        TIKTOK: '#69c9d0',\n        META: '#1877f2',\n        OTHERS: '#6c757d',\n      };\n\n      const colors = labels.map(label => labelColors[label] || '#cccccc');\n\n      const updatedOps = {\n        ...defaultOps,\n        colors: colors,\n      };\n\n      const customOps = {\n        plotOptions: {\n          pie: {\n            donut: {\n              size: '90%',\n            },\n          },\n        },\n        labels: labels,\n        tooltip: {\n          y: {\n            formatter: this.kFormatter,\n          },\n        },\n      };\n\n      const series = Object.keys(this.productSummary).map(\n          (key) => this.productSummary[key].platformCost\n      );\n\n      $.extend(true, customOps, updatedOps);\n      return {\n        series: series,\n        chartOptions: customOps,\n      };\n    },\n  },\n  mounted() {\n    this.adjustChartSize();\n    window.addEventListener('resize', this.adjustChartSize);\n  },\n  beforeDestroy() {\n    window.removeEventListener('resize', this.adjustChartSize);\n  },\n  methods: {\n    kFormatter,\n    adjustChartSize() {\n      const isWideScreen = window.innerWidth > 2000;\n      this.chartWidth = isWideScreen ? 360 : 240;\n    },\n  },\n}\n</script>\n\n<style scoped lang=\"scss\">\n.donut-chart-container {\n  position: relative;\n  display: inline-block;\n}\n\n.donut-center-text {\n  position: absolute;\n  top: 50%;\n  left: 51%;\n  transform: translate(-50%, -50%);\n  font-size: 16px;\n  font-weight: 700;\n  color: #fff;\n  text-align: center;\n  pointer-events: none;\n\n  div {\n    margin: 0;\n    padding: 0;\n  }\n\n  .currency-icon {\n    font-size: 25px;\n    font-weight: 400;\n    color: #fff;\n    margin-top: 4px;\n  }\n}\n\n@media screen and (min-width: 2000px) {\n  .donut-center-text {\n    font-size: 24px;\n\n    .currency-icon {\n      font-size: 28px;\n    }\n  }\n}\n</style>\n\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!./PlatformCost.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!./PlatformCost.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlatformCost.vue?vue&type=template&id=84a544d4&scoped=true\"\nimport script from \"./PlatformCost.vue?vue&type=script&lang=js\"\nexport * from \"./PlatformCost.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlatformCost.vue?vue&type=style&index=0&id=84a544d4&prod&scoped=true&lang=scss\"\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  \"84a544d4\",\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:\"donut-chart-container\"},[_c('vue-apex-charts',{attrs:{\"type\":\"donut\",\"width\":_vm.chartWidth,\"options\":_vm.allPie.chartOptions,\"series\":_vm.allPie.series}}),_vm._m(0)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"donut-center-text\"},[_c('div',[_vm._v(\"Platform Cost\")]),_c('div',{staticClass:\"currency-icon\"},[_vm._v(\" ₺ \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"donut-chart-container\">\n    <vue-apex-charts\n        type=\"donut\"\n        :width=\"chartWidth\"\n        :options=\"allPie.chartOptions\"\n        :series=\"allPie.series\"\n    />\n    <div class=\"donut-center-text\">\n      <div>Platform Event</div>\n    </div>\n  </div>\n</template>\n\n\n<script>\nimport VueApexCharts from 'vue-apexcharts'\nimport JQuery from 'jquery'\nimport { kFormatter } from '@core/utils/filter'\n\nconst $ = JQuery\n\nexport default {\n  components: {\n    VueApexCharts,\n  },\n  props: {\n    productSummary: {\n      type: Object,\n      required: true\n    }\n  },\n  data () {\n    return {\n      chartWidth: 240,\n      chartHeight: 240,\n    }\n  },\n  computed: {\n    allPie() {\n      const defaultOps = this.$store.getters['chart/getOptsDonutChart']\n      const labels = [];\n      Object.keys(this.productSummary).forEach((key) => {\n        labels.push(key.toUpperCase())\n      })\n      const labelColors = {\n        GOOGLEADS: '#fbbc05',\n        TIKTOK: '#69c9d0',\n        META: '#1877f2',\n        OTHERS: '#6c757d',\n      };\n      const colors = labels.map(label => labelColors[label] || '#cccccc');\n\n      defaultOps.colors = colors\n      const customOps = {\n        plotOptions: {\n          pie: {\n            donut: {\n              size: '90%'\n            }\n          }\n        },\n        labels: labels,\n        tooltip: {\n          y: {\n            formatter: this.kFormatter,\n          },\n        },\n      }\n      const series = [];\n      Object.keys(this.productSummary).forEach((key) => {\n        series.push(this.productSummary[key].platformTotal)\n      })\n\n      $.extend(true, customOps, defaultOps)\n      return {\n        series: series,\n        chartOptions: customOps,\n      }\n    },\n  },\n  mounted() {\n    this.adjustChartSize();\n    window.addEventListener('resize', this.adjustChartSize);\n  },\n  beforeDestroy() {\n    window.removeEventListener('resize', this.adjustChartSize);\n  },\n  methods: {\n    kFormatter,\n    adjustChartSize() {\n      const isWideScreen = window.innerWidth > 2000;\n      this.chartWidth = isWideScreen ? 360 : 240;\n    },\n  },\n}\n</script>\n\n<style scoped lang=\"scss\">\n.donut-chart-container {\n  position: relative;\n  display: inline-block;\n}\n\n.donut-center-text {\n  position: absolute;\n  top: 50%;\n  left: 51%;\n  transform: translate(-50%, -50%);\n  font-size: 14px;\n  font-weight: 700;\n  color: #fff;\n  text-align: center;\n  pointer-events: none;\n\n  div {\n    margin: 0;\n    padding: 0;\n  }\n}\n\n@media screen and (min-width: 2000px) {\n  .donut-center-text {\n    font-size: 24px;\n\n    .currency-icon {\n      font-size: 18px;\n    }\n  }\n}\n</style>\n\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!./PlatformEvent.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!./PlatformEvent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlatformEvent.vue?vue&type=template&id=1e337319&scoped=true\"\nimport script from \"./PlatformEvent.vue?vue&type=script&lang=js\"\nexport * from \"./PlatformEvent.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlatformEvent.vue?vue&type=style&index=0&id=1e337319&prod&scoped=true&lang=scss\"\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  \"1e337319\",\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:\"donut-chart-container\"},[_c('vue-apex-charts',{attrs:{\"type\":\"donut\",\"width\":_vm.chartWidth,\"options\":_vm.allPie.chartOptions,\"series\":_vm.allPie.series}}),_vm._m(0)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"donut-center-text\"},[_c('div',[_vm._v(\"Platform Event\")])])}]\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!./Platforms.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!./Platforms.vue?vue&type=script&lang=js\"","<template>\n  <div>\n    <b-card>\n      <b-row>\n        <h1>\n          Platform - Based Summary\n        </h1>\n      </b-row>\n      <b-row>\n        <h3 class=\"text-muted mb-2\">\n          Event / CPA\n        </h3>\n      </b-row>\n      <b-row>\n        <b-col lg=\"6\">\n          <b-row>\n            <b-col\n              lg=\"6\"\n              class=\"platform-item\"\n            >\n              <div class=\"color-bar google\" />\n              <div class=\"logo-container\">\n                <img\n                  alt=\"Google Icon\"\n                  :src=\"require(`@/assets/images/uploads/google-beyaz.svg`)\"\n                >\n                <span class=\"platform-name\">Google</span>\n              </div>\n              <span class=\"platform-number\"> {{ universalFormatter(productSummary.googleAds.platformCpa) }}₺ </span>\n            </b-col>\n\n            <b-col\n              lg=\"6\"\n              class=\"platform-item\"\n            >\n              <div class=\"color-bar meta\" />\n              <div class=\"logo-container\">\n                <img\n                  alt=\"Meta Icon\"\n                  :src=\"require(`@/assets/images/uploads/meta-beyaz.svg`)\"\n                >\n                <span class=\"platform-name\">Meta</span>\n              </div>\n              <span class=\"platform-number\"> {{ universalFormatter(productSummary.facebook.platformCpa) }}₺ </span>\n            </b-col>\n          </b-row>\n\n          <b-row>\n            <b-col\n              lg=\"6\"\n              class=\"platform-item\"\n            >\n              <div class=\"color-bar tiktok\" />\n              <div class=\"logo-container\">\n                <img\n                  alt=\"TikTok Icon\"\n                  :src=\"require(`@/assets/images/uploads/tiktok-beyaz.svg`)\"\n                >\n                <span class=\"platform-name\">TikTok</span>\n              </div>\n              <span class=\"platform-number\">{{ universalFormatter(productSummary.tiktok.platformCpa) }}₺</span>\n            </b-col>\n\n            <b-col\n              lg=\"6\"\n              class=\"platform-item\"\n            >\n              <div class=\"color-bar others\" />\n              <div class=\"logo-container\">\n                <img\n                  alt=\"Others Icon\"\n                  :src=\"require(`@/assets/images/uploads/others-beyaz.svg`)\"\n                  style=\"  width: 55% !important; height: 55% !important;\"\n                >\n                <span class=\"platform-name\">Others</span>\n              </div>\n              <span class=\"platform-number\">{{ universalFormatter(productSummary.others.platformCpa) }}₺</span>\n            </b-col>\n          </b-row>\n        </b-col>\n        <b-col lg=\"6\">\n          <b-row>\n            <b-col lg=\"6\" class=\"d-flex align-items-center\">\n              <platform-cost :product-summary=\"productSummary\" />\n            </b-col>\n            <b-col lg=\"6\" class=\"d-flex align-items-center\">\n              <platform-event :product-summary=\"productSummary\" />\n            </b-col>\n          </b-row>\n        </b-col>\n      </b-row>\n    </b-card>\n  </div>\n</template>\n\n<script>\nimport { BRow, BCol, BCard } from \"bootstrap-vue\";\nimport PlatformCost from \"@/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformCost.vue\";\nimport PlatformEvent from \"@/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformEvent.vue\";\nimport {universalFormatter} from \"@core/utils/utils\";\n\nexport default {\n  props: {\n    productSummary: {\n      type: Object,\n      required: true\n    }\n  },\n  components: {\n    PlatformCost, PlatformEvent,\n    BRow,\n    BCol,\n    BCard\n  },\n  methods: {\n    universalFormatter\n  }\n}\n</script>\n\n<style scoped>\n.platform-item {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  margin-bottom: 10px;\n}\n\n.color-bar {\n  width: 4px;\n  height: 3.5vw;\n  margin-right: 8px;\n  border-radius: 3px;\n}\n\n.google {\n  background-color: #fbbc05;\n}\n\n.meta {\n  background-color: #1877f2; \n}\n\n.tiktok {\n  background-color: #69c9d0;\n}\n\n.others {\n  background-color: #6c757d; \n}\n\n.logo-container {\n  width: 30%;\n  text-align: left;\n}\n\nimg {\n  width: 50%;\n  height: 50%;\n  display: block;\n}\n\n.platform-name {\n  display: block;\n  margin-top: 5px;\n  font-size: 1vw; \n  font-weight: bold;\n  color: white;\n  text-align: left;\n}\n\n.platform-number {\n  font-size: 2vw;\n  font-weight: bold;\n}\n\n\n@media (max-width: 1200px) {\n  .platform-name {\n    font-size: 1vw;\n  }\n\n  .platform-number {\n    font-size: 4vw;\n  }\n\n  .color-bar {\n    height: 4vw; \n  }\n\n  img {\n    width: 40%;\n    height: 40%;\n  }\n}\n\n@media (max-width: 768px) {\n  .platform-name {\n    font-size: 2.5vw;\n  }\n\n  .platform-number {\n    font-size: 6vw;\n  }\n\n  .color-bar {\n    height: 3vw; \n  }\n\n  img {\n    width: 30%;\n    height: 30%;\n  }\n}\n\n@media (max-width: 576px) {\n  .platform-name {\n    font-size: 3.5vw;\n  }\n\n  .platform-number {\n    font-size: 8vw;\n  }\n\n  .color-bar {\n    height: 2.5vw; \n  }\n\n  img {\n    width: 20%;\n    height: 20%;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./Platforms.vue?vue&type=template&id=d09517f6&scoped=true\"\nimport script from \"./Platforms.vue?vue&type=script&lang=js\"\nexport * from \"./Platforms.vue?vue&type=script&lang=js\"\nimport style0 from \"./Platforms.vue?vue&type=style&index=0&id=d09517f6&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  \"d09517f6\",\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',[_c('b-row',[_c('h1',[_vm._v(\" Platform - Based Summary \")])]),_c('b-row',[_c('h3',{staticClass:\"text-muted mb-2\"},[_vm._v(\" Event / CPA \")])]),_c('b-row',[_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('b-row',[_c('b-col',{staticClass:\"platform-item\",attrs:{\"lg\":\"6\"}},[_c('div',{staticClass:\"color-bar google\"}),_c('div',{staticClass:\"logo-container\"},[_c('img',{attrs:{\"alt\":\"Google Icon\",\"src\":require(\"@/assets/images/uploads/google-beyaz.svg\")}}),_c('span',{staticClass:\"platform-name\"},[_vm._v(\"Google\")])]),_c('span',{staticClass:\"platform-number\"},[_vm._v(\" \"+_vm._s(_vm.universalFormatter(_vm.productSummary.googleAds.platformCpa))+\"₺ \")])]),_c('b-col',{staticClass:\"platform-item\",attrs:{\"lg\":\"6\"}},[_c('div',{staticClass:\"color-bar meta\"}),_c('div',{staticClass:\"logo-container\"},[_c('img',{attrs:{\"alt\":\"Meta Icon\",\"src\":require(\"@/assets/images/uploads/meta-beyaz.svg\")}}),_c('span',{staticClass:\"platform-name\"},[_vm._v(\"Meta\")])]),_c('span',{staticClass:\"platform-number\"},[_vm._v(\" \"+_vm._s(_vm.universalFormatter(_vm.productSummary.facebook.platformCpa))+\"₺ \")])])],1),_c('b-row',[_c('b-col',{staticClass:\"platform-item\",attrs:{\"lg\":\"6\"}},[_c('div',{staticClass:\"color-bar tiktok\"}),_c('div',{staticClass:\"logo-container\"},[_c('img',{attrs:{\"alt\":\"TikTok Icon\",\"src\":require(\"@/assets/images/uploads/tiktok-beyaz.svg\")}}),_c('span',{staticClass:\"platform-name\"},[_vm._v(\"TikTok\")])]),_c('span',{staticClass:\"platform-number\"},[_vm._v(_vm._s(_vm.universalFormatter(_vm.productSummary.tiktok.platformCpa))+\"₺\")])]),_c('b-col',{staticClass:\"platform-item\",attrs:{\"lg\":\"6\"}},[_c('div',{staticClass:\"color-bar others\"}),_c('div',{staticClass:\"logo-container\"},[_c('img',{staticStyle:{\"width\":\"55% !important\",\"height\":\"55% !important\"},attrs:{\"alt\":\"Others Icon\",\"src\":require(\"@/assets/images/uploads/others-beyaz.svg\")}}),_c('span',{staticClass:\"platform-name\"},[_vm._v(\"Others\")])]),_c('span',{staticClass:\"platform-number\"},[_vm._v(_vm._s(_vm.universalFormatter(_vm.productSummary.others.platformCpa))+\"₺\")])])],1)],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('b-row',[_c('b-col',{staticClass:\"d-flex align-items-center\",attrs:{\"lg\":\"6\"}},[_c('platform-cost',{attrs:{\"product-summary\":_vm.productSummary}})],1),_c('b-col',{staticClass:\"d-flex align-items-center\",attrs:{\"lg\":\"6\"}},[_c('platform-event',{attrs:{\"product-summary\":_vm.productSummary}})],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-row>\n      <h1>\n        Campaign Comparison\n      </h1>\n    </b-row>\n    <b-row class=\"match-height\">\n      <b-col lg=\"8\">\n        <div id=\"chart\">\n          <vue-apex-charts\n            type=\"treemap\"\n            height=\"350\"\n            :options=\"chartOptions\"\n            :series=\"series\"\n          />\n        </div>\n      </b-col>\n      <b-col lg=\"4\">\n        <!-- Card Code -->\n        <b-card\n          no-body\n          class=\"text-white bg-dark p-2\"\n        >\n          <b-card-title>Summary</b-card-title>\n          <b-card-sub-title class=\"mb-2 text-muted\">\n            {{ selectedCampaign.campaignName }}\n          </b-card-sub-title>\n          <b-row\n            align-h=\"between\"\n            class=\"align-items-center m-1\"\n          >\n            <h2 class=\"mb-0\">\n              {{ kFormatter(selectedCampaign.budget.value) }}₺\n            </h2>\n            <p\n              class=\"mb-0\"\n              :class=\"budgetClass\"\n              style=\"display: flex; align-items: center;\"\n            >\n              <feather-icon :icon=\"budgetIcon\" /> {{ numberFormatter(selectedCampaign.budget.percentage) }}%\n            </p>\n          </b-row>\n          <b-row>\n            <p class=\"text-muted\">\n              Cost change to previous period.\n            </p>\n          </b-row>\n\n          <b-row>\n            <b-col>\n              <b-card-text class=\"text-muted\">\n                Event\n              </b-card-text>\n              <div class=\"d-flex align-items-center\">\n                <h3 class=\"mb-0\">\n                  {{ kFormatter(selectedCampaign.event.value) }}\n                </h3>\n                <p\n                  :class=\"eventClass\"\n                  class=\"mb-0 ml-2\"\n                  style=\"display: flex; align-items: center;\"\n                >\n                  <feather-icon :icon=\"eventIcon\" /> {{ numberFormatter(selectedCampaign.event.percentage) }}%\n                </p>\n              </div>\n            </b-col>\n            <b-col>\n              <b-card-text class=\"text-muted\">\n                CPA\n              </b-card-text>\n              <div class=\"d-flex align-items-center\">\n                <h3 class=\"mb-0\">\n                  {{ kFormatter(selectedCampaign.cpa.value) }}\n                </h3>\n                <p\n                  :class=\"cpaClass\"\n                  class=\"mb-0 ml-2\"\n                >\n                  <feather-icon :icon=\"cpaIcon\" /> {{ numberFormatter(selectedCampaign.cpa.percentage) }}%\n                </p>\n              </div>\n            </b-col>\n          </b-row>\n          <b-row class=\"mt-2\">\n            <p class=\"text-muted\">\n              Event count to previous period.\n            </p>\n          </b-row>\n          <b-row>\n            <b-progress\n              style=\"width: 100%;\"\n              height=\"10px\"\n            >\n              <b-progress-bar\n                :value=\"selectedCampaign.comparedPercentage\"\n                class=\"gradient-bar\"\n                show-value\n                style=\"color: white;\"\n              />\n            </b-progress>\n          </b-row>\n        </b-card>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script>\nimport VueApexCharts from 'vue-apexcharts';\nimport JQuery from 'jquery';\nimport {BBadge, BCard, BCardSubTitle, BCardText, BCardTitle, BCol, BProgress, BProgressBar, BRow} from 'bootstrap-vue';\nimport {kFormatter, numberFormatter} from \"@core/utils/filter\";\n\nconst $ = JQuery;\n\nexport default {\n  components: {\n    VueApexCharts,\n    BRow,\n    BCol,\n    BCard,\n    BCardText,\n    BCardTitle,\n    BCardSubTitle,\n    BProgress,\n    BBadge,\n    BProgressBar\n  },\n  props: {\n    campaignSummary: {\n      type: Array,\n      required: true\n    }\n  },\n  data() {\n    return {\n      series: [\n        {\n          name: 'Campaigns',\n          data: [\n            { x: 'GE', percentage: 2.7, y: 4500000 },\n            { x: 'RTX', percentage: 5.1, y: 3500000 },\n            // diğer veriler\n          ]\n        }\n      ],\n      selectedCampaign: {\n        \"campaignName\": \"-\",\n        \"budget\": {\n          \"value\": 0,\n          \"percentage\": 0\n        },\n        \"event\": {\n          \"value\": 0,\n          \"percentage\": 0\n        },\n        \"cpa\": {\n          \"value\": 0,\n          \"percentage\": 0\n        },\n        \"comparedPercentage\": 33.99\n      },\n      chartOptions: {\n        legend: { show: false },\n        chart: {\n          height: 350,\n          type: 'treemap',\n          toolbar: {\n            show: false\n          },\n          events: {\n            click: (event, chartContext, config) => {\n              this.onClick(event, config);\n            }\n          }\n        },\n        dataLabels: {\n          enabled: true,\n          style: { fontSize: '12px' },\n          formatter: function(text, op) {\n            const budget = op.w.config.series[op.seriesIndex].data[op.dataPointIndex].budget;\n            return [text];\n          },\n          offsetY: -4\n        },\n        plotOptions: {\n          treemap: {\n            enableShades: false,\n            distributed: false\n          }\n        },\n        fill: {\n          type: 'gradient',\n          gradient: {\n            shadeIntensity: 1,\n            type: 'vertical',\n            shade: 'light',\n            gradientToColors: ['#6222b6'],\n            inverseColors: false,\n            opacityFrom: 0.9,\n            opacityTo: 0.3,\n            stops: [0, 100]\n          }\n        }\n      }\n    };\n  },\n  computed: {\n    budgetIcon() {\n      if (this.selectedCampaign.budget.percentage > 0) return 'ArrowUpRightIcon';\n      else if (this.selectedCampaign.budget.percentage < 0) return 'ArrowDownRightIcon';\n      else return 'MinusIcon';\n    },\n    budgetClass() {\n      if (this.selectedCampaign.budget.percentage > 0) return 'text-danger';\n      else if (this.selectedCampaign.budget.percentage < 0) return 'text-success';\n      else return 'text-muted';\n    },\n    eventIcon() {\n      if (this.selectedCampaign.event.percentage > 0) return 'ArrowUpRightIcon';\n      else if (this.selectedCampaign.event.percentage < 0) return 'ArrowDownRightIcon';\n      else return 'MinusIcon';\n    },\n    eventClass() {\n      if (this.selectedCampaign.event.percentage > 0) return 'text-danger';\n      else if (this.selectedCampaign.event.percentage < 0) return 'text-success';\n      else return 'text-muted';\n    },\n    cpaIcon() {\n      if (this.selectedCampaign.cpa.percentage > 0) return 'ArrowUpRightIcon';\n      else if (this.selectedCampaign.cpa.percentage < 0) return 'ArrowDownRightIcon';\n      else return 'MinusIcon';\n    },\n    cpaClass() {\n      if (this.selectedCampaign.cpa.percentage > 0) return 'text-danger';\n      else if (this.selectedCampaign.cpa.percentage < 0) return 'text-success';\n      else return 'text-muted';\n    }\n  },\n  created () {\n    const data = [];\n\n    this.campaignSummary.forEach((campaign) => {\n      data.push({\n        x: campaign.campaignName,\n        y: campaign.budget.value,\n        percentage: campaign.budget.percentage\n      });\n    });\n\n    // Bütçeye göre büyükten küçüğe sıralama\n    data.sort((a, b) => b.y - a.y);\n\n    // sıralanmış veriyi 'series' içine aktarabilirsiniz\n    this.series[0].data = data;\n  },\n  methods: {\n    onClick(event, config) {\n      const seriesIndex = config.seriesIndex;\n      const dataPointIndex = config.dataPointIndex;\n\n      if (seriesIndex !== -1 && dataPointIndex !== -1) {\n        const selectedData = this.series[seriesIndex].data[dataPointIndex];\n        const campaignName = selectedData.x;\n\n        // campaignSummary içinde eşleşen kampanyayı bul\n        this.selectedCampaign = this.campaignSummary.find(\n            (campaign) => campaign.campaignName === campaignName\n        )\n      }\n    },\n    numberFormatter,kFormatter\n  }\n\n};\n</script>\n\n<style scoped>\n.gradient-bar {\n  background: linear-gradient(to right, #6a11cb, #2575fc);\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!./TreeMap.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!./TreeMap.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TreeMap.vue?vue&type=template&id=709832de&scoped=true\"\nimport script from \"./TreeMap.vue?vue&type=script&lang=js\"\nexport * from \"./TreeMap.vue?vue&type=script&lang=js\"\nimport style0 from \"./TreeMap.vue?vue&type=style&index=0&id=709832de&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  \"709832de\",\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-row',[_c('h1',[_vm._v(\" Campaign Comparison \")])]),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('div',{attrs:{\"id\":\"chart\"}},[_c('vue-apex-charts',{attrs:{\"type\":\"treemap\",\"height\":\"350\",\"options\":_vm.chartOptions,\"series\":_vm.series}})],1)]),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-card',{staticClass:\"text-white bg-dark p-2\",attrs:{\"no-body\":\"\"}},[_c('b-card-title',[_vm._v(\"Summary\")]),_c('b-card-sub-title',{staticClass:\"mb-2 text-muted\"},[_vm._v(\" \"+_vm._s(_vm.selectedCampaign.campaignName)+\" \")]),_c('b-row',{staticClass:\"align-items-center m-1\",attrs:{\"align-h\":\"between\"}},[_c('h2',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.selectedCampaign.budget.value))+\"₺ \")]),_c('p',{staticClass:\"mb-0\",class:_vm.budgetClass,staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('feather-icon',{attrs:{\"icon\":_vm.budgetIcon}}),_vm._v(\" \"+_vm._s(_vm.numberFormatter(_vm.selectedCampaign.budget.percentage))+\"% \")],1)]),_c('b-row',[_c('p',{staticClass:\"text-muted\"},[_vm._v(\" Cost change to previous period. \")])]),_c('b-row',[_c('b-col',[_c('b-card-text',{staticClass:\"text-muted\"},[_vm._v(\" Event \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('h3',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.selectedCampaign.event.value))+\" \")]),_c('p',{staticClass:\"mb-0 ml-2\",class:_vm.eventClass,staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('feather-icon',{attrs:{\"icon\":_vm.eventIcon}}),_vm._v(\" \"+_vm._s(_vm.numberFormatter(_vm.selectedCampaign.event.percentage))+\"% \")],1)])],1),_c('b-col',[_c('b-card-text',{staticClass:\"text-muted\"},[_vm._v(\" CPA \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('h3',{staticClass:\"mb-0\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.selectedCampaign.cpa.value))+\" \")]),_c('p',{staticClass:\"mb-0 ml-2\",class:_vm.cpaClass},[_c('feather-icon',{attrs:{\"icon\":_vm.cpaIcon}}),_vm._v(\" \"+_vm._s(_vm.numberFormatter(_vm.selectedCampaign.cpa.percentage))+\"% \")],1)])],1)],1),_c('b-row',{staticClass:\"mt-2\"},[_c('p',{staticClass:\"text-muted\"},[_vm._v(\" Event count to previous period. \")])]),_c('b-row',[_c('b-progress',{staticStyle:{\"width\":\"100%\"},attrs:{\"height\":\"10px\"}},[_c('b-progress-bar',{staticClass:\"gradient-bar\",staticStyle:{\"color\":\"white\"},attrs:{\"value\":_vm.selectedCampaign.comparedPercentage,\"show-value\":\"\"}})],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"h-100\">\n    <div class=\"d-flex justify-content-between\">\n      <h2>Transaction / CPA</h2>\n    </div>\n    <vue-apex-charts\n      ref=\"chart\"\n      height=\"380\"\n      :options=\"chartOptions\"\n      :series=\"series\"\n    />\n  </b-card>\n</template>\n\n<script>\nimport { BCard, BFormGroup, BFormRadioGroup } from \"bootstrap-vue\";\nimport VueApexCharts from \"vue-apexcharts\";\nimport { kFormatter } from \"@core/utils/filter\";\n\nexport default {\n  components: {\n    BCard,\n    BFormGroup,\n    BFormRadioGroup,\n    VueApexCharts,\n  },\n  props: {\n    impressionsAndCpm: {\n      type: Object,\n      required: true,\n    }\n  },\n  data() {\n    return {\n      series: [\n        {\n          name: \"Volume\",\n          type: \"column\",\n          data: [\n            { x: \"2023-01-01\", y: 200 },\n            { x: \"2023-02-01\", y: 250 },\n            { x: \"2023-03-01\", y: 300 },\n            { x: \"2023-04-01\", y: 280 },\n            { x: \"2023-05-01\", y: 320 },\n            { x: \"2023-06-01\", y: 290 },\n            { x: \"2023-07-01\", y: 340 },\n            { x: \"2023-08-01\", y: 330 },\n            { x: \"2023-09-01\", y: 330 },\n            { x: \"2023-10-01\", y: 330 },\n            { x: \"2023-11-01\", y: 330 },\n            { x: \"2023-12-01\", y: 330 },\n            { x: \"2023-13-01\", y: 330 },\n\n          ],\n        },\n        {\n          name: \"Unit Cost\",\n          type: \"line\",\n          data: [\n            { x: \"2023-01-01\", y: 50 },\n            { x: \"2023-02-01\", y: 52 },\n            { x: \"2023-03-01\", y: 48 },\n            { x: \"2023-04-01\", y: 47 },\n            { x: \"2023-05-01\", y: 46 },\n            { x: \"2023-06-01\", y: 49 },\n            { x: \"2023-07-01\", y: 45 },\n            { x: \"2023-08-01\", y: 44 },\n            { x: \"2023-09-01\", y: 70 },\n            { x: \"2023-10-01\", y: 20 },\n            { x: \"2023-11-01\", y: 50 },\n            { x: \"2023-12-01\", y: 30 },\n            { x: \"2023-13-01\", y: 30 },\n          ],\n        },\n      ],\n      data:  {\n        \"series\": [\n          {\n            \"name\": \"CPC\",\n            \"data\": [\n              {\n                \"x\": \"2024-10-23\",\n                \"y\": 8.42\n              },\n              {\n                \"x\": \"2024-10-24\",\n                \"y\": 9.08\n              },\n              {\n                \"x\": \"2024-10-25\",\n                \"y\": 9.22\n              }\n            ]\n          },\n          {\n            \"name\": \"Clicks\",\n            \"data\": [\n              {\n                \"x\": \"2024-10-23\",\n                \"y\": 106\n              },\n              {\n                \"x\": \"2024-10-24\",\n                \"y\": 131\n              },\n              {\n                \"x\": \"2024-10-25\",\n                \"y\": 31\n              }\n            ]\n          }\n        ]\n      },\n      chartOptions: {\n        chart: {\n          type: \"line\",\n        },\n        stroke: {\n          width: [0, 4],\n          curve: \"smooth\",\n        },\n        tooltip: {\n          x: {\n            format: \"dd MMM yyyy\",\n            formatter: function (value, { series, seriesIndex, dataPointIndex, w }) {\n              return new Date(value).toDateString();\n            },\n          },\n        },\n        xaxis: {\n          type: 'datetime',\n          tickAmount: 8,\n          labels: {\n            formatter: value => {\n              const date = new Date(value)\n              return date.toLocaleDateString('en-US', {\n                minimumIntegerDigits: 2,\n                useGrouping: false,\n                day: 'numeric',\n                month: 'short'\n              })\n            }\n          },\n          axisBorder: {\n            show: true,\n            color: '#A194AA',\n            height: 1,\n            width: '100%',\n            offsetX: 0,\n            offsetY: 0\n          },\n          axisTicks: {\n            show: true,\n            borderType: 'solid',\n            color: '#A194AA',\n            height: 6,\n            offsetX: 0,\n            offsetY: 0\n          }\n        },\n        legend: { show: false },\n        dataLabels: {\n          enabled: false,\n        },\n      },\n    };\n  },\n  watch: {\n    selected: {\n      handler(newVal) {\n        this.initializeChart();\n      },\n    },\n  },\n  mounted() {\n    this.initializeChart();\n  },\n  methods: {\n    updateChart(chartData) {\n      const chart = this.$refs.chart;\n      const pricingModalData = chartData.series[0];\n      const metricData = chartData.series[1];\n      // const labels = chartData.label;\n\n      if (chart) {\n        chart.updateOptions({\n          series: [\n            {\n              name: pricingModalData.name,\n              type: \"column\",\n              data: pricingModalData.data,\n              color: \"#808DFF\",\n            },\n            {\n              name: metricData.name,\n              type: \"line\",\n              data: metricData.data,\n              color: \"#C83E55\",\n            },\n          ],\n          // labels: labels,\n          yaxis: [\n            {\n              title: {\n                text: pricingModalData.name,\n                style: {\n                  color: \"#ffffff\",\n                },\n              },\n              labels: {\n                formatter: function (value) {\n                  return kFormatter(value); // Y-axis değerlerini kısaltılmış formatta göster\n                },\n              },\n            },\n            {\n              opposite: true,\n              title: {\n                text: metricData.name,\n                style: {\n                  color: \"#ffffff\",\n                },\n              },\n              labels: {\n                formatter: function (value) {\n                  return kFormatter(value); // İkinci y-axis için de aynı formatı kullan\n                },\n              },\n            },\n          ],\n        });\n      }\n    },\n    initializeChart() {\n      const chartData = this.impressionsAndCpm;\n      this.updateChart(chartData);\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!./LineBar.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!./LineBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LineBar.vue?vue&type=template&id=1bc04b4a\"\nimport script from \"./LineBar.vue?vue&type=script&lang=js\"\nexport * from \"./LineBar.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('b-card',{staticClass:\"h-100\"},[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('h2',[_vm._v(\"Transaction / CPA\")])]),_c('vue-apex-charts',{ref:\"chart\",attrs:{\"height\":\"380\",\"options\":_vm.chartOptions,\"series\":_vm.series}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div>\n      <b-row>\n        <b-col>\n          <filters-v2\n            :get-metrics=\"getMetrics\"\n            name=\"paparaPerfReport\"\n          />\n        </b-col>\n      </b-row>\n      <no-data-report\n        v-if=\"isOpened && !isLoading\"\n        :text=\" 'Please select product, campaign and event to see Event Page.' \"\n      />\n      <loading v-if=\"isLoading\" />\n      <no-data-temp\n        v-else-if=\"noData && !isLoading\"\n        :text=\" 'Try different product, campaign, event or date range.' \"\n      />\n      <span v-else-if=\"!noData && !isLoading && recData !== null\">\n        <h4 class=\"text-muted mb-2\">\n          Performance for the chosen date range is displayed and compared with the corresponding previous interval.\n        </h4>\n        <b-row class=\"match-height\">\n          <b-col lg=\"3\">\n            <main-card :total-cost=\"recData.totalCost\" />\n          </b-col>\n          <b-col lg=\"9\">\n            <platforms :product-summary=\"recData.productSummary\" />\n\n          </b-col>\n        </b-row>\n        <b-row>\n          <b-col>\n            <campaign-of-numbers :best-campaigns=\"recData.bestCampaigns\" />\n\n          </b-col>\n        </b-row>\n        <b-row>\n          <b-col>\n            <line-bar :impressions-and-cpm=\"recData.impressionAndCpm\" />\n          </b-col>\n        </b-row>\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BRow, BCol } from \"bootstrap-vue\";\nimport MainCard from \"@/views/smart-reporting/custom-reports/papara-perf-report/product/MainCard.vue\";\nimport CampaignOfNumbers from \"@/views/smart-reporting/custom-reports/papara-perf-report/product/CampaignOfNumbers.vue\";\nimport Platforms from \"@/views/smart-reporting/custom-reports/papara-perf-report/product/Platforms.vue\";\nimport PlatformCost from \"@/views/smart-reporting/custom-reports/papara-perf-report/product/PlatformCost.vue\";\nimport TreeMap from \"@/views/smart-reporting/custom-reports/papara-perf-report/product/TreeMap.vue\";\nimport Boxes from \"@/views/smart-reporting/custom-reports/papara-perf-report/event/Boxes.vue\";\nimport Tables from \"@/views/smart-reporting/custom-reports/papara-perf-report/event/Tables.vue\";\nimport LineBar from \"@/views/smart-reporting/custom-reports/papara-perf-report/product/LineBar.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport noDataTemp from \"@/views/NoDataTemp.vue\";\nimport  NoDataReport from \"@/views/smart-reporting/custom-reports/performance-report/NoDataReport.vue\";\n\nexport default {\n  components: {\n    FiltersV2, Loading, noDataTemp, NoDataReport,\n    MainCard, CampaignOfNumbers, Platforms, PlatformCost, TreeMap, Boxes, Tables, LineBar,\n    BRow,\n    BCol,\n  },\n  data() {\n    return {\n      recData: null,\n      noData: false,\n      isLoading: false,\n      currentKey: 0,\n      isOpened: true\n    }\n  },\n  methods: {\n    async getMetrics(params) {\n      this.isOpened = false;\n      this.isLoading = true;\n      await this.$http.post('/reports/performance/event_summary', {\n        product: params.product.value,\n        adin_ids: params.campaigns.join(\",\"),\n        selected_event: params.event.value,\n        brand_id: \"B000002\",\n        start_date: params.date.startDate,\n        end_date: params.date. endDate,\n      }).then(({ data }) => {\n        this.recData = data;\n        this.noData = false;\n        this.currentKey += 1\n      }).catch((error) => {\n        this.noData = true;\n      }).finally(() => {\n        this.isLoading = false;\n      });\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=346a9942\"\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"],"sourceRoot":""}