{"version":3,"sources":["webpack:///./src/views/Highlights.vue?70d7","webpack:///./src/views/scores/media/awareness/Impression/Index.vue?7d34","webpack:///./src/views/scores/media/awareness/Impression/Cost.vue?6507","webpack:///src/views/scores/media/awareness/Impression/Cost.vue","webpack:///./src/views/scores/media/awareness/Impression/Cost.vue?8401","webpack:///./src/views/scores/media/awareness/Impression/Cost.vue","webpack:///src/views/scores/media/awareness/Impression/CostTrend.vue","webpack:///./src/views/scores/media/awareness/Impression/CostTrend.vue?2871","webpack:///./src/views/scores/media/awareness/Impression/CostTrend.vue","webpack:///./src/views/scores/media/awareness/Impression/CostTrend.vue?a222","webpack:///./src/views/scores/media/awareness/Impression/Impression.vue?803d","webpack:///src/views/scores/media/awareness/Impression/Impression.vue","webpack:///./src/views/scores/media/awareness/Impression/Impression.vue","webpack:///./src/views/scores/media/awareness/Impression/Impression.vue?cbd8","webpack:///src/views/scores/media/awareness/Impression/Budget.vue","webpack:///./src/views/scores/media/awareness/Impression/Budget.vue?e06f","webpack:///./src/views/scores/media/awareness/Impression/Budget.vue","webpack:///./src/views/scores/media/awareness/Impression/Budget.vue?565b","webpack:///src/views/scores/media/awareness/Impression/ImpressionTrend.vue","webpack:///./src/views/scores/media/awareness/Impression/ImpressionTrend.vue?c14f","webpack:///./src/views/scores/media/awareness/Impression/ImpressionTrend.vue","webpack:///./src/views/scores/media/awareness/Impression/ImpressionTrend.vue?79fb","webpack:///src/views/scores/media/awareness/Impression/Engagement.vue","webpack:///./src/views/scores/media/awareness/Impression/Engagement.vue?203d","webpack:///./src/views/scores/media/awareness/Impression/Engagement.vue","webpack:///./src/views/scores/media/awareness/Impression/Engagement.vue?c7d0","webpack:///src/views/scores/media/awareness/Impression/Index.vue","webpack:///./src/views/scores/media/awareness/Impression/Index.vue?b8e0","webpack:///./src/views/scores/media/awareness/Impression/Index.vue","webpack:///./src/views/Highlights.vue?af48","webpack:///src/views/Highlights.vue","webpack:///./src/views/Highlights.vue?7e54","webpack:///./src/views/Highlights.vue"],"names":["e","_vm","this","_h","$createElement","_c","_self","attrs","_v","directives","name","rawName","value","expression","modifiers","staticClass","apexPie","chartOptions","series","$","JQuery","components","BCard","BCardBody","BCardHeader","BCardTitle","BButton","VBTooltip","Ripple","props","chartData","type","Object","required","computed","obj","array","label","push","sort","a","b","objSorted","forEach","item","defaultOps","$store","getters","customOps","labels","keys","tooltip","y","formatter","kFormatter","extend","values","methods","takeAverage","arr","reduce","length","BCardSubTitle","apexChatData","annotations","yaxis","text","xaxis","categories","title","data","BRow","BCol","BProgress","BBadge","impressionData","_s","planned","realized","progress","budgetData","logicOfStyle","numb","class","style","noDataTemp","Loading","FiltersV2","Engagement","Cost","CostTrend","Campaign","Budget","Impression","ImpressionTrend","campaignData","recData","noData","params","filterParams","$http","get","brand_id","brand","adin_id","campaign","then","catch","getMetrics","_e","campaignCard","budgetCard","impressionCard","impressionTrend","impressionByDevice","costTrend","costByDevice","staticRenderFns","VuePerfectScrollbar","perfectScrollbarSettings","maxScrollbarLength","wheelPropagation","highlightList","loading","watch","handler","val","oldVal","getHighlightList","deep","created","getIcon","aiIcon","processHighlights","highlights","result","newItem","id","content","replace","source","getBrandName","seoBrand","getCampaignName","pageName","$route","brandName","campaignName","res","err","copyFunc","el","document","createElement","body","appendChild","select","execCommand","removeChild","m","component","staticStyle","ref","_l","key","on","$event"],"mappings":"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","file":"js/chunk-70ae0be6.1c29d754.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!./Highlights.vue?vue&type=style&index=0&id=1e2772b3&prod&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('filtersV2',{attrs:{\"name\":\"defaultPages\",\"get-metrics\":_vm.getMetrics}}),(_vm.noData)?_c('no-data-temp'):_vm._e(),(_vm.recData !== null)?_c('span',[_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"4\",\"sm\":\"12\"}},[_c('campaign',{attrs:{\"campaign-data\":_vm.recData.campaignCard}})],1),_c('b-col',[_c('budget',{attrs:{\"budget-data\":_vm.recData.budgetCard}})],1),_c('b-col',[_c('impression',{attrs:{\"impression-data\":_vm.recData.impressionCard}})],1)],1),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"8\",\"md\":\"12\"}},[_c('impression-trend',{attrs:{\"chart-data\":_vm.recData.impressionTrend}})],1),_c('b-col',{attrs:{\"lg\":\"4\",\"sm\":\"12\"}},[_c('engagement',{attrs:{\"chart-data\":_vm.recData.impressionByDevice}})],1)],1),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"8\",\"sm\":\"12\"}},[_c('cost-trend',{attrs:{\"chart-data\":_vm.recData.costTrend}})],1),_c('b-col',{attrs:{\"lg\":\"4\",\"sm\":\"12\"}},[_c('cost',{attrs:{\"chart-data\":_vm.recData.costByDevice}})],1)],1),_c('b-row',[_c('b-col')],1)],1):_vm._e(),(_vm.recData === null && !_vm.noData)?_c('span',[_c('loading')],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\" Cost by Device \"),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.bottom\",value:('Since the budget in the device based is not entered  in reservation channels, budget data cannot be obtained.'),expression:\"'Since the budget in the device based is not entered  in reservation channels, budget data cannot be obtained.'\",modifiers:{\"hover\":true,\"bottom\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-secondary\",modifiers:{\"hover\":true,\"v-secondary\":true}}],staticClass:\"btn-icon tooltip-btn\",attrs:{\"variant\":\"flat-secondary\"}},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"size\":\"14\"}})],1)],1)],1),_c('b-card-body',[_c('vue-apex-charts',{staticClass:\"mt-2 mb-1\",attrs:{\"type\":\"pie\",\"height\":\"330\",\"options\":_vm.apexPie.chartOptions,\"series\":_vm.apexPie.series}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>\n        Cost by Device\n        <b-button\n          v-b-tooltip.hover.bottom=\"'Since the budget in the device based is not entered  in reservation channels, budget data cannot be obtained.'\"\n          v-b-tooltip.hover.v-secondary\n           variant=\"flat-secondary\"\n            class=\"btn-icon tooltip-btn\"\n            >\n          <feather-icon\n           icon=\"InfoIcon\"\n            size=\"14\"\n             />\n        </b-button>\n      </b-card-title>\n    </b-card-header>\n\n    <b-card-body>\n      <vue-apex-charts\n       type=\"pie\"\n        height=\"330\"\n         class=\"mt-2 mb-1\"\n          :options=\"apexPie.chartOptions\"\n        :series=\"apexPie.series\"\n         />\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BButton, BCard, BCardBody, BCardHeader, BCardTitle, VBTooltip,\n} from 'bootstrap-vue'\nimport JQuery from 'jquery'\nimport { kFormatter } from '@core/utils/filter'\nimport Ripple from 'vue-ripple-directive'\n\nconst $ = JQuery\n\nexport default {\n  components: {\n    BCard,\n    BCardBody,\n    BCardHeader,\n    BCardTitle,\n    BButton,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  props: {\n    chartData: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    apexPie() {\n      let obj = this.chartData;\n      let array = [];\n      for (var label in obj) { array.push([label, obj[label]]) };\n      array.sort(function (a, b) { return b[1] - a[1] });\n      let objSorted = {};\n      array.forEach(function (item) { objSorted[item[0]] = item[1]; });\n      const defaultOps = this.$store.getters['chart/getOptsPieChart']\n      const customOps = {\n        labels: Object.keys(objSorted),\n        tooltip: {\n          y: {\n            formatter: this.kFormatter,\n          },\n        },\n      }\n      $.extend(true, customOps, defaultOps)\n      return {\n        series: Object.values(objSorted),\n        chartOptions: customOps,\n      }\n    },\n  },\n  methods: {\n    kFormatter,\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!./Cost.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!./Cost.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Cost.vue?vue&type=template&id=1710d7c4\"\nimport script from \"./Cost.vue?vue&type=script&lang=js\"\nexport * from \"./Cost.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","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>Cost Trend</b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <vue-apex-charts\n        type=\"line\"\n        height=\"350\"\n        :options=\"apexChatData.chartOptions\"\n        :series=\"apexChatData.series\"\n      />\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard, BCardHeader, BCardBody, BCardTitle, BCardSubTitle,\n} from 'bootstrap-vue'\n\nimport JQuery from 'jquery'\nimport { kFormatter } from '@core/utils/filter'\n\nconst $ = JQuery\nconst takeAverage = arr => arr.reduce((a, b) => a + b, 0) / arr.length\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardBody,\n    BCardTitle,\n    BCardSubTitle,\n  },\n  props: {\n    chartData: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    apexChatData() {\n      const defaultOps = this.$store.getters['chart/getOptsLineChart']\n      const customOps = {\n        annotations: {\n          yaxis: [\n            {\n              y: takeAverage(Object.values(this.chartData)),\n              label: {\n                text: 'Avg. Cost',\n              },\n            },\n          ],\n        },\n        xaxis: {\n          categories: Object.keys(this.chartData),\n        },\n        yaxis: {\n          title: {\n            text: 'Cost',\n          },\n          labels: {\n            formatter: kFormatter,\n          },\n        },\n      }\n\n      $.extend(true, customOps, defaultOps)\n      return {\n        series: [{\n          data: Object.values(this.chartData),\n          name: 'Cost',\n        }],\n        chartOptions: customOps,\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!./CostTrend.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!./CostTrend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CostTrend.vue?vue&type=template&id=49c3685e\"\nimport script from \"./CostTrend.vue?vue&type=script&lang=js\"\nexport * from \"./CostTrend.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',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\"Cost Trend\")])],1),_c('b-card-body',[_c('vue-apex-charts',{attrs:{\"type\":\"line\",\"height\":\"350\",\"options\":_vm.apexChatData.chartOptions,\"series\":_vm.apexChatData.series}})],1)],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!./Impression.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!./Impression.vue?vue&type=script&lang=js\"","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>Impression</b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <div class=\"mb-2 d-flex\">\n        <div>\n          <h4 class=\"font-weight-bolder mb-0\">\n            {{ kFormatter(impressionData.planned) }}\n          </h4>\n          <span class=\"gold font-small-3 mb-0\">\n            Planned\n          </span>\n        </div>\n        <div class=\"ml-5\">\n          <h4 class=\"font-weight-bolder mb-0\">\n            {{ kFormatter(impressionData.realized) }}\n          </h4>\n          <span class=\"gold font-small-3 mb-0\">\n            Realized\n          </span>\n        </div>\n        <!--\n        <div class=\"ml-5\">\n          <h4 class=\"font-weight-bolder mb-0\">\n            {{ kFormatter(impressionData.predicted) }}\n          </h4>\n          <span class=\"gold font-small-3 mb-0\">\n            Predicted\n          </span>\n        </div>\n        -->\n      </div>\n      <div class=\"progress-wrapper\">\n        <div class=\"progress-title\">\n          <h6>\n            Realized\n          </h6>\n          <span>{{ impressionData.progress }}%</span>\n        </div>\n        <b-progress\n          :value=\"impressionData.progress\"\n          max=\"100\"\n          height=\"7px\"\n          variant=\"primary\"\n        />\n      </div>\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard, BRow, BCol, BProgress, BCardHeader, BCardTitle, BCardBody, BBadge,\n} from 'bootstrap-vue'\nimport { kFormatter } from '@core/utils/filter'\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardTitle,\n    BCardBody,\n    BRow,\n    BCol,\n    BProgress,\n    BBadge,\n  },\n  props: {\n    impressionData: {\n      type: Object,\n      required: true,\n    },\n  },\n  methods: {\n    kFormatter,\n  },\n}\n</script>\n<style>\n\n</style>\n","import { render, staticRenderFns } from \"./Impression.vue?vue&type=template&id=1801fb98\"\nimport script from \"./Impression.vue?vue&type=script&lang=js\"\nexport * from \"./Impression.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',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\"Impression\")])],1),_c('b-card-body',[_c('div',{staticClass:\"mb-2 d-flex\"},[_c('div',[_c('h4',{staticClass:\"font-weight-bolder mb-0\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.impressionData.planned))+\" \")]),_c('span',{staticClass:\"gold font-small-3 mb-0\"},[_vm._v(\" Planned \")])]),_c('div',{staticClass:\"ml-5\"},[_c('h4',{staticClass:\"font-weight-bolder mb-0\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.impressionData.realized))+\" \")]),_c('span',{staticClass:\"gold font-small-3 mb-0\"},[_vm._v(\" Realized \")])])]),_c('div',{staticClass:\"progress-wrapper\"},[_c('div',{staticClass:\"progress-title\"},[_c('h6',[_vm._v(\" Realized \")]),_c('span',[_vm._v(_vm._s(_vm.impressionData.progress)+\"%\")])]),_c('b-progress',{attrs:{\"value\":_vm.impressionData.progress,\"max\":\"100\",\"height\":\"7px\",\"variant\":\"primary\"}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>Budget</b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <div class=\"mb-2 d-flex\">\n        <div>\n          <h4 class=\"font-weight-bolder mb-0\">\n            {{ kFormatter(budgetData.planned) }}\n          </h4>\n          <div class=\"gold font-small-3 mb-0\">\n            Planned\n          </div>\n        </div>\n        <div class=\"ml-5\">\n          <h4 class=\"font-weight-bolder mb-0\">\n            {{ kFormatter(budgetData.realized) }}\n          </h4>\n          <span class=\"gold font-small-3 mb-0\">\n            Realized\n          </span>\n        </div>\n        <!--\n        <div class=\"ml-5\">\n          <h4 class=\"font-weight-bolder mb-0\">\n            {{ kFormatter(budgetData.predicted) }}\n          </h4>\n          <span class=\"gold font-small-3 mb-0\">\n            Predicted\n          </span>\n        </div>\n        -->\n      </div>\n      <div class=\"progress-wrapper\">\n        <div class=\"progress-title\">\n          <h6>\n            Realized / Planned\n          </h6>\n          <span>{{ budgetData.progress }}%</span>\n        </div>\n        <b-progress\n          :value=\"budgetData.progress\"\n          max=\"100\"\n          height=\"7px\"\n          variant=\"danger\"\n        />\n        <div\n          class=\"progress-legends\"\n          :class=\"{'d-none': typeof budgetData.progress === 'string'}\"\n        >\n          <div\n            class=\"legend planned\"\n            :style=\"{'left': logicOfStyle(budgetData.progress)+ '%'}\"\n          >\n            <span class=\"badge badge-danger\">Planned</span>\n          </div>\n        </div>\n      </div>\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard, BRow, BCol, BProgress, BCardHeader, BCardTitle, BCardBody, BBadge,\n} from 'bootstrap-vue'\nimport { kFormatter } from '@core/utils/filter'\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardTitle,\n    BCardBody,\n    BRow,\n    BCol,\n    BProgress,\n    BBadge,\n  },\n  props: {\n    budgetData: {\n      type: Object,\n      required: true,\n    },\n  },\n  methods: {\n    kFormatter,\n    logicOfStyle(numb) {\n      if (typeof numb === 'string') {\n        return 0\n      } if (numb <= 100) {\n        return numb\n      }\n      return 100\n    },\n  },\n}\n</script>\n<style>\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!./Budget.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!./Budget.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Budget.vue?vue&type=template&id=62a0f8af\"\nimport script from \"./Budget.vue?vue&type=script&lang=js\"\nexport * from \"./Budget.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',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\"Budget\")])],1),_c('b-card-body',[_c('div',{staticClass:\"mb-2 d-flex\"},[_c('div',[_c('h4',{staticClass:\"font-weight-bolder mb-0\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.budgetData.planned))+\" \")]),_c('div',{staticClass:\"gold font-small-3 mb-0\"},[_vm._v(\" Planned \")])]),_c('div',{staticClass:\"ml-5\"},[_c('h4',{staticClass:\"font-weight-bolder mb-0\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.budgetData.realized))+\" \")]),_c('span',{staticClass:\"gold font-small-3 mb-0\"},[_vm._v(\" Realized \")])])]),_c('div',{staticClass:\"progress-wrapper\"},[_c('div',{staticClass:\"progress-title\"},[_c('h6',[_vm._v(\" Realized / Planned \")]),_c('span',[_vm._v(_vm._s(_vm.budgetData.progress)+\"%\")])]),_c('b-progress',{attrs:{\"value\":_vm.budgetData.progress,\"max\":\"100\",\"height\":\"7px\",\"variant\":\"danger\"}}),_c('div',{staticClass:\"progress-legends\",class:{'d-none': typeof _vm.budgetData.progress === 'string'}},[_c('div',{staticClass:\"legend planned\",style:({'left': _vm.logicOfStyle(_vm.budgetData.progress)+ '%'})},[_c('span',{staticClass:\"badge badge-danger\"},[_vm._v(\"Planned\")])])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>Impression Trend</b-card-title>\n    </b-card-header>\n\n    <b-card-body>\n      <vue-apex-charts\n        type=\"line\"\n        height=\"350\"\n        :options=\"apexChatData.chartOptions\"\n        :series=\"apexChatData.series\"\n      />\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard, BCardHeader, BCardBody, BCardTitle,\n} from 'bootstrap-vue'\nimport JQuery from 'jquery'\nimport { kFormatter } from '@core/utils/filter'\n\nconst $ = JQuery\n\nconst takeAverage = arr => arr.reduce((a, b) => a + b, 0) / arr.length\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardBody,\n    BCardTitle,\n  },\n  props: {\n    chartData: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    apexChatData() {\n      const defaultOps = this.$store.getters['chart/getOptsLineChart']\n      const customOps = {\n        annotations: {\n          yaxis: [\n            {\n              y: takeAverage(Object.values(this.chartData)),\n              label: {\n                text: 'Avg. Impression',\n              },\n            },\n          ],\n        },\n        xaxis: {\n          categories: Object.keys(this.chartData),\n        },\n        yaxis: {\n          title: {\n            text: 'Impression',\n          },\n          labels: {\n            formatter: kFormatter,\n          },\n        },\n      }\n\n      $.extend(true, customOps, defaultOps)\n      return {\n        series: [{\n          data: Object.values(this.chartData),\n          name: 'Impression',\n        }],\n        chartOptions: customOps,\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!./ImpressionTrend.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!./ImpressionTrend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImpressionTrend.vue?vue&type=template&id=d11d7886\"\nimport script from \"./ImpressionTrend.vue?vue&type=script&lang=js\"\nexport * from \"./ImpressionTrend.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',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\"Impression Trend\")])],1),_c('b-card-body',[_c('vue-apex-charts',{attrs:{\"type\":\"line\",\"height\":\"350\",\"options\":_vm.apexChatData.chartOptions,\"series\":_vm.apexChatData.series}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>\n        Impression by Device\n      </b-card-title>\n    </b-card-header>\n\n    <b-card-body>\n      <vue-apex-charts\n        type=\"pie\"\n        height=\"330\"\n        class=\"mt-2 mb-1\"\n        :options=\"apexPie.chartOptions\"\n        :series=\"apexPie.series\"\n      />\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard, BCardBody, BCardHeader, BCardTitle,\n} from 'bootstrap-vue'\nimport JQuery from 'jquery'\nimport { kFormatter } from '@core/utils/filter'\n\nconst $ = JQuery\nexport default {\n  components: {\n    BCard,\n    BCardBody,\n    BCardHeader,\n    BCardTitle,\n  },\n  props: {\n    chartData: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    apexPie() {\n      let obj = this.chartData;\n      let array = [];\n      for (var label in obj) { array.push([label, obj[label]]) };\n      array.sort(function (a, b) { return b[1] - a[1] });\n      let objSorted = {};\n      array.forEach(function (item) { objSorted[item[0]] = item[1]; });\n      const defaultOps = this.$store.getters['chart/getOptsPieChart']\n      const customOps = {\n        labels: Object.keys(objSorted),\n        tooltip: {\n          y: {\n            formatter: this.kFormatter,\n          },\n        },\n      }\n      $.extend(true, customOps, defaultOps)\n      return {\n        series: Object.values(objSorted),\n        chartOptions: customOps,\n      }\n    },\n  },\n  methods: {\n    kFormatter,\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!./Engagement.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!./Engagement.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Engagement.vue?vue&type=template&id=408445d0\"\nimport script from \"./Engagement.vue?vue&type=script&lang=js\"\nexport * from \"./Engagement.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',{attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\" Impression by Device \")])],1),_c('b-card-body',[_c('vue-apex-charts',{staticClass:\"mt-2 mb-1\",attrs:{\"type\":\"pie\",\"height\":\"330\",\"options\":_vm.apexPie.chartOptions,\"series\":_vm.apexPie.series}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <filtersV2\n      name=\"defaultPages\"\n      :get-metrics=\"getMetrics\"\n    />\n    <no-data-temp v-if=\"noData\"/>\n    <span v-if=\"recData !== null\">\n      <b-row class=\"match-height\">\n        <b-col\n          lg=\"4\"\n          sm=\"12\"\n        >\n          <campaign :campaign-data=\"recData.campaignCard\" />\n        </b-col>\n        <b-col>\n          <budget :budget-data=\"recData.budgetCard\" />\n        </b-col>\n        <b-col>\n          <impression :impression-data=\"recData.impressionCard\" />\n        </b-col>\n      </b-row>\n      <b-row class=\"match-height\">\n        <b-col\n          lg=\"8\"\n          md=\"12\"\n        >\n          <impression-trend :chart-data=\"recData.impressionTrend\" />\n        </b-col>\n        <b-col\n          lg=\"4\"\n          sm=\"12\"\n        >\n          <engagement :chart-data=\"recData.impressionByDevice\" />\n        </b-col>\n      </b-row>\n      <b-row class=\"match-height\">\n        <b-col\n          lg=\"8\"\n          sm=\"12\"\n        >\n          <cost-trend :chart-data=\"recData.costTrend\" />\n        </b-col>\n        <b-col\n          lg=\"4\"\n          sm=\"12\"\n        >\n          <cost :chart-data=\"recData.costByDevice\" />\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col>\n        <!--<highlights :data=\"data\" />-->\n        </b-col>\n      </b-row>\n    </span>\n    <span v-if=\"recData === null && !noData\">\n      <loading />\n    </span>\n\n  </section>\n</template>\n\n<script>\nimport {\n  BRow,\n  BCol,\n} from 'bootstrap-vue'\nimport Filters from '@/views/Filters.vue'\nimport Campaign from '@/views/scores/Campaign.vue'\nimport Loading from '@/views/Loading.vue'\nimport Highlights from '@/views/Highlights.vue'\nimport Cost from './Cost.vue'\nimport CostTrend from './CostTrend.vue'\nimport Impression from './Impression.vue'\nimport Budget from './Budget.vue'\nimport ImpressionTrend from './ImpressionTrend.vue'\nimport Engagement from './Engagement.vue'\nimport noDataTemp from \"@/views/NoDataTemp.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\n\n\nexport default {\n  components: {\n    noDataTemp,\n    Loading,\n    FiltersV2,\n    BRow,\n    BCol,\n    Engagement,\n    Cost,\n    CostTrend,\n    Campaign,\n    Budget,\n    Impression,\n    ImpressionTrend,\n  },\n  data() {\n    return {\n      campaignData: undefined,\n      recData: null,\n      noData: false\n    }\n  },\n  methods: {\n    async getMetrics(params) {\n      this.filterParams = params\n      await this.$http.get(\n          'score/media/awareness/impression', {\n            params: {\n              brand_id: params.brand.value,\n              adin_id: params.campaign.value,\n            },\n          },\n      ).then(({ data }) => {\n        this.recData = data\n        this.noData = false\n      }).catch(e => {\n        this.noData = true\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=1c2260d2\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{attrs:{\"no-body\":\"\"}},[((_vm.highlightList.length === 0) && (_vm.loading === false) )?_c('b-card-body',[_c('h1',{staticClass:\"mt-3 text-muted text-center\"},[_vm._v(\" Highlights \")]),_c('h5',{staticClass:\"mb-2 text-muted text-center\"},[_vm._v(\" No Available Highlights \")]),_c('b-row',{staticClass:\"demo-highlight text-center mb-3\"},[_c('b-col',[_c('span',{staticClass:\"p-1 mr-1\",staticStyle:{\"font-size\":\"36px\"}},[_vm._v(\"🚀\")]),_c('span',{staticClass:\"p-1 mr-1\",staticStyle:{\"font-size\":\"36px\"}},[_vm._v(\"👍\")]),_c('span',{staticClass:\"p-1 mr-1\",staticStyle:{\"font-size\":\"36px\"}},[_vm._v(\"🥰\")]),_c('span',{staticClass:\"p-1\",staticStyle:{\"font-size\":\"36px\"}},[_vm._v(\"😔\")])])],1)],1):(_vm.loading === true)?_c('b-card-body',[_c('loading')],1):_c('b-card-body',[_c('h4',{staticClass:\"mb-1\"},[_vm._v(\" Highlights \"),_c('br'),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"Click on a row, if you want to copy a highlight.\")])]),_c('vue-perfect-scrollbar',{ref:\"refChatLogPS\",staticClass:\"highlight-scroll\",attrs:{\"settings\":_vm.perfectScrollbarSettings}},[_c('div',{staticClass:\"highlights\"},_vm._l((_vm.highlightList),function(item){return _c('a',{key:item.id,staticClass:\"item\",attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.copyFunc(item.content)}}},[_c('img',{staticClass:\"icon mr-1\",attrs:{\"src\":_vm.getIcon(item.source)}}),_vm._v(\" \"),_vm._v(\" \"+_vm._s(item.content)+\" \")])}),0)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <!-- No Available  -->\n    <b-card-body v-if=\"(highlightList.length === 0) && (loading === false) \">\n      <h1 class=\"mt-3 text-muted text-center\">\n        Highlights\n      </h1>\n      <h5 class=\"mb-2 text-muted text-center\">\n        No Available Highlights\n      </h5>\n      <b-row class=\"demo-highlight text-center mb-3\">\n        <b-col>\n          <span\n            class=\"p-1 mr-1\"\n            style=\"font-size: 36px;\"\n          >🚀</span>\n          <span\n            class=\"p-1 mr-1\"\n            style=\"font-size: 36px;\"\n          >👍</span>\n          <span\n            class=\"p-1 mr-1\"\n            style=\"font-size: 36px;\"\n          >🥰</span>\n          <span\n            class=\"p-1\"\n            style=\"font-size: 36px;\"\n          >😔</span>\n        </b-col>\n      </b-row>\n    </b-card-body>\n    <!-- Loading -->\n    <b-card-body v-else-if=\"loading === true\">\n      <loading />\n    </b-card-body>\n    <!-- Show Highlight List-->\n    <b-card-body v-else>\n      <h4 class=\"mb-1\">\n        Highlights <br>\n        <small class=\"text-muted\">Click on a row, if you want to copy a highlight.</small>\n      </h4>\n      <vue-perfect-scrollbar\n        ref=\"refChatLogPS\"\n        :settings=\"perfectScrollbarSettings\"\n        class=\"highlight-scroll\"\n      >\n        <div class=\"highlights\">\n          <a\n            v-for=\"item in highlightList\"\n            :key=\"item.id\"\n            href=\"javascript:void(0)\"\n            class=\"item\"\n            @click=\"copyFunc(item.content)\"\n          >\n            <img\n              :src=\"getIcon(item.source)\"\n              class=\"icon mr-1\"\n            > <!-- Burada img etiketi kullanılıyor -->\n            {{ item.content }}\n          </a>\n        </div>\n      </vue-perfect-scrollbar>\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard, BRow, BCol, BCardHeader, BCardTitle, BCardBody, BBadge, BButton\n} from 'bootstrap-vue'\n\nimport VuePerfectScrollbar from 'vue-perfect-scrollbar'\nimport Loading from '@/views/Loading.vue'\nimport aiIcon from '@/assets/images/uploads/highlights-ai-icon.svg'\n\n\nexport default {\n  components: {\n    Loading,\n    BCard,\n    BCol,\n    BRow,\n    BCardBody,\n    BButton,\n\n    // 3rd party\n    VuePerfectScrollbar\n  },\n  props: {\n    params : {\n      type: Object,\n    required: true\n    }\n  },\n  data () {\n    return {\n      perfectScrollbarSettings: {\n        maxScrollbarLength: 150,\n        wheelPropagation: false\n      },\n      highlightList: [],\n      loading: true\n    }\n  },\n  watch: {\n    params: {\n      handler: function (val, oldVal) {\n         this.getHighlightList()\n      },\n      deep: true\n    }\n  },\n  created () {\n    this.getHighlightList()\n  },\n  methods: {\n    getIcon(value){\n      if (value === 1){\n        return aiIcon\n      } else if (value === 0) {\n        return \"UserIcon\"\n      } else {\n        return \"HeartIcon\"\n\n      }\n    },\n    processHighlights (highlights) {\n      const result = []\n      highlights.forEach((item) => {\n        const newItem = {\n          id: item.id,\n          content: item.content.replace(/\\\\n/g, '<br/>'),\n          source: item.source\n        }\n        result.push(newItem)\n      })\n      return result\n    },\n    getBrandName(){\n      if (this.params.brand &&this.params.brand.value === \"undefined\"){\n        return \"All Brands\"\n      } else if (this.params.seoBrand && this.params.seoBrand.value === \"undefined\") {\n        return \"All Brands\"\n      } else if (this.params.seoBrand && this.params.seoBrand.value !== \"undefined\") {\n        return this.params.seoBrand.value\n      } else {\n        return this.params.brand.value\n      }\n    },\n    getCampaignName(){\n      if (typeof this.params.campaign !== \"undefined\" && typeof this.params.campaign.title !== \"undefined\"){\n        return this.params.campaign.title\n      } else {\n        return \"All Campaign\"\n      }\n    },\n    getHighlightList() {\n  this.loading = true;\n  console.log(\"start\")\n  this.$http.get('highlights/get', {\n    params: {\n      pageName: this.$route.name,\n      brandName: this.getBrandName(),\n      campaignName: this.getCampaignName()\n    }\n  })\n  .then((res) => {\n    this.highlightList = this.processHighlights(res.data);\n    this.loading = false;\n    console.log(\"then\")\n  })\n  .catch((err) => {\n    console.error('HTTP request failed:', err);\n    this.loading = false;\n    console.log(\"catch\")\n  });\n},\n\n    copyFunc(text) {\n      const el = document.createElement('textarea');\n      el.value = text;\n      document.body.appendChild(el);\n      el.select();\n      document.execCommand('copy');\n      document.body.removeChild(el);\n    }\n  }\n}\n</script>\n<style lang=\"scss\">\n.highlights a img {\n  width: 20px;\n}\n.highlight-scroll{\n  max-height: 235px;\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!./Highlights.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!./Highlights.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Highlights.vue?vue&type=template&id=1e2772b3\"\nimport script from \"./Highlights.vue?vue&type=script&lang=js\"\nexport * from \"./Highlights.vue?vue&type=script&lang=js\"\nimport style0 from \"./Highlights.vue?vue&type=style&index=0&id=1e2772b3&prod&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}