{"version":3,"sources":["webpack:///./src/views/scores/growth/web/Index.vue?0243","webpack:///./src/views/scores/growth/web/SaleMetrics.vue?d289","webpack:///src/views/scores/growth/web/SaleMetrics.vue","webpack:///./src/views/scores/growth/web/SaleMetrics.vue","webpack:///./src/views/scores/growth/web/SaleMetrics.vue?1d11","webpack:///src/views/scores/growth/web/BuyerMetrics.vue","webpack:///./src/views/scores/growth/web/BuyerMetrics.vue?b516","webpack:///./src/views/scores/growth/web/BuyerMetrics.vue","webpack:///./src/views/scores/growth/web/BuyerMetrics.vue?c9eb","webpack:///src/views/scores/growth/web/SessionTrend.vue","webpack:///./src/views/scores/growth/web/SessionTrend.vue?41fd","webpack:///./src/views/scores/growth/web/SessionTrend.vue","webpack:///./src/views/scores/growth/web/SessionTrend.vue?d214","webpack:///src/views/scores/growth/web/BestPerformedChannels.vue","webpack:///./src/views/scores/growth/web/BestPerformedChannels.vue?6969","webpack:///./src/views/scores/growth/web/BestPerformedChannels.vue","webpack:///./src/views/scores/growth/web/BestPerformedChannels.vue?9b83","webpack:///src/views/scores/growth/web/DeviceCategory.vue","webpack:///./src/views/scores/growth/web/DeviceCategory.vue?3c9c","webpack:///./src/views/scores/growth/web/DeviceCategory.vue","webpack:///./src/views/scores/growth/web/DeviceCategory.vue?810a","webpack:///src/views/scores/growth/web/CostRoasTrend.vue","webpack:///./src/views/scores/growth/web/CostRoasTrend.vue?2d47","webpack:///./src/views/scores/growth/web/CostRoasTrend.vue","webpack:///./src/views/scores/growth/web/CostRoasTrend.vue?cc0f","webpack:///src/views/scores/growth/web/TransactionMetrics.vue","webpack:///./src/views/scores/growth/web/TransactionMetrics.vue?1678","webpack:///./src/views/scores/growth/web/TransactionMetrics.vue","webpack:///./src/views/scores/growth/web/TransactionMetrics.vue?447b","webpack:///src/views/scores/growth/web/RevenueMetrics.vue","webpack:///./src/views/scores/growth/web/RevenueMetrics.vue?3d0d","webpack:///./src/views/scores/growth/web/RevenueMetrics.vue","webpack:///./src/views/scores/growth/web/RevenueMetrics.vue?d86a","webpack:///src/views/scores/growth/web/SessionMetrics.vue","webpack:///./src/views/scores/growth/web/SessionMetrics.vue?02ca","webpack:///./src/views/scores/growth/web/SessionMetrics.vue","webpack:///./src/views/scores/growth/web/SessionMetrics.vue?63d1","webpack:///src/views/scores/growth/web/Index.vue","webpack:///./src/views/scores/growth/web/Index.vue?973a","webpack:///./src/views/scores/growth/web/Index.vue"],"names":["components","BCard","BCardHeader","BCardTitle","BCardBody","BRow","BCol","BProgress","props","saleMetrics","type","Object","required","data","crumbs","text","active","methods","kFormatter","component","_vm","this","_h","$createElement","_c","_self","attrs","_v","staticClass","_s","transaction","planned","realized","revenue","$","JQuery","buyerMetrics","computed","barChart","defaultOps","$store","getters","customOps","xaxis","categories","extend","series","name","values","chartOptions","BFormRadioGroup","sessionTrendData","selectedRadio","optionsRadio","value","apexChatData","yaxis","title","changeHorizontalTitle","session","costPerSession","changeTitle","model","callback","$$v","expression","bestPerformed","require","formatNumber","num","toString","replace","toUpperCase","ref","_l","keys","item","key","id","roas","deviceCategory","customersPie","labels","getLabels","getSeries","changingTitle","costRoasTrend","horizontalTitle","cost","BTable","BButton","directives","VBTooltip","Ripple","transactionMetrics","fields","label","items","tooltip","show","avg_data","cr","company_avg","percent","mom","variant","changeVariant","industry_avg","yoy","cpa","tpac2","cos","scopedSlots","_u","fn","rawName","modifiers","class","revenueMetrics","aov","rps","arpu","sessionMetrics","cps","engagedSession","engagedSessionPerSes","noDataTemp","Loading","SessionMetrics","TransactionMetrics","RevenueMetrics","DeviceCategory","BestPerformedChannels","SessionTrend","SaleMetrics","BuyerMetrics","Campaign","CostRoasTrend","FiltersV2","noData","recData","currentKey","params","$http","get","brand_id","brand","adin_id","campaign","then","catch","e","getMetrics","_e","campaignCard","sessionTrend","costByPlatform","tblSessionMetrics","tblTransactionMetrics","tblRevenueMetrics","staticRenderFns"],"mappings":"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","file":"js/chunk-2d20f3c2.2e4c374d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('filtersV2',{attrs:{\"name\":\"growthWithEvent\",\"get-metrics\":_vm.getMetrics}}),(_vm.noData)?_c('no-data-temp'):_vm._e(),(_vm.recData !== null)?_c('span',{key:_vm.currentKey},[_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('campaign',{attrs:{\"campaign-data\":_vm.recData.campaignCard}})],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('sale-metrics',{attrs:{\"sale-metrics\":_vm.recData.saleMetrics}})],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('buyer-metrics',{attrs:{\"buyer-metrics\":_vm.recData.buyerMetrics}})],1)],1),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('session-trend',{attrs:{\"session-trend-data\":_vm.recData.sessionTrend}})],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('device-category',{attrs:{\"device-category\":_vm.recData.costByPlatform}})],1)],1),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('cost-roas-trend',{attrs:{\"cost-roas-trend\":_vm.recData.costRoasTrend}})],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('best-performed-channels',{attrs:{\"best-performed\":_vm.recData.bestPerformed}})],1)],1),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"4\",\"sm\":\"12\"}},[_c('session-metrics',{attrs:{\"session-metrics\":_vm.recData.tblSessionMetrics}})],1),_c('b-col',{attrs:{\"lg\":\"4\",\"sm\":\"12\"}},[_c('transaction-metrics',{attrs:{\"transaction-metrics\":_vm.recData.tblTransactionMetrics}})],1),_c('b-col',{attrs:{\"lg\":\"4\",\"sm\":\"12\"}},[_c('revenue-metrics',{attrs:{\"revenue-metrics\":_vm.recData.tblRevenueMetrics}})],1)],1)],1):_vm._e(),(_vm.recData === null && !_vm.noData)?_c('span',[_c('loading')],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!./SaleMetrics.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!./SaleMetrics.vue?vue&type=script&lang=js\"","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>Sales Metrics</b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <div class=\"mb-2\">\n        <div class=\"d-inline-block\">\n          <h6 class=\"text-muted\">\n            Budget\n          </h6>\n          <div class=\"d-block\">\n            <div class=\"d-block mb-1\">\n              <h4 class=\"font-weight-bolder mb-0\">\n                140K\n              </h4>\n              <span class=\"gold font-small-3 mb-0\">\n                Planned\n              </span>\n            </div>\n            <div class=\"d-block\">\n              <h4 class=\"font-weight-bolder mb-0\">\n                150K\n              </h4>\n              <span class=\"gold font-small-3 mb-0\">\n                Realized\n              </span>\n            </div>\n          </div>\n        </div>\n        <div class=\"d-inline-block ml-3\">\n          <h6 class=\"text-muted\">\n            Transaction\n          </h6>\n          <div class=\"d-block\">\n            <div class=\"d-block mb-1\">\n              <h4 class=\"font-weight-bolder mb-0\">\n                {{ kFormatter(saleMetrics.transaction.planned) }}\n              </h4>\n              <span class=\"gold font-small-3 mb-0\">\n                Planned\n              </span>\n            </div>\n            <div class=\"d-block\">\n              <h4 class=\"font-weight-bolder mb-0\">\n                {{ kFormatter(saleMetrics.transaction.realized) }}\n              </h4>\n              <span class=\"gold font-small-3 mb-0\">\n                Realized\n              </span>\n            </div>\n          </div>\n        </div>\n        <div class=\"d-inline-block ml-3\">\n          <h6 class=\"text-muted\">\n            Revenue\n          </h6>\n          <div class=\"d-block\">\n            <div class=\"d-block mb-1\">\n              <h4 class=\"font-weight-bolder mb-0\">\n                {{ kFormatter(saleMetrics.revenue.planned) }}\n              </h4>\n              <span class=\"gold font-small-3 mb-0\">\n                Planned\n              </span>\n            </div>\n            <div class=\"d-block\">\n              <h4 class=\"font-weight-bolder mb-0\">\n                {{ kFormatter(saleMetrics.revenue.realized) }}\n              </h4>\n              <span class=\"gold font-small-3 mb-0\">\n                Realized\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"progress-wrapper\">\n        <b-row\n          class=\"match-height mt-1\"\n        >\n          <b-col>\n            <div class=\"progress-title\">\n              <h6>\n                Budget Realized / Planned\n              </h6>\n              <span>65%</span>\n            </div>\n            <b-progress\n              :value=\"65\"\n              max=\"100\"\n              height=\"7px\"\n            />\n          </b-col>\n        </b-row>\n      </div>\n    </b-card-body>\n  </b-card>\n</template>\n<script>\nimport {\n  BCard, BRow, BCol, BProgress, BCardHeader, BCardTitle, BCardBody,\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  },\n  props: {\n    saleMetrics: {\n      type: Object,\n      required: true\n    },\n  },\n  data() {\n    return {\n      crumbs: [\n        {\n          text: 'Dashboard',\n        },\n        {\n          text: 'Overview',\n        },\n        {\n          text: 'Brand2 Mobil',\n          active: true,\n        },\n      ],\n    }\n  },\n  methods: {\n    kFormatter,\n  },\n}\n</script>\n","import { render, staticRenderFns } from \"./SaleMetrics.vue?vue&type=template&id=3d994665\"\nimport script from \"./SaleMetrics.vue?vue&type=script&lang=js\"\nexport * from \"./SaleMetrics.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(\"Sales Metrics\")])],1),_c('b-card-body',[_c('div',{staticClass:\"mb-2\"},[_c('div',{staticClass:\"d-inline-block\"},[_c('h6',{staticClass:\"text-muted\"},[_vm._v(\" Budget \")]),_c('div',{staticClass:\"d-block\"},[_c('div',{staticClass:\"d-block mb-1\"},[_c('h4',{staticClass:\"font-weight-bolder mb-0\"},[_vm._v(\" 140K \")]),_c('span',{staticClass:\"gold font-small-3 mb-0\"},[_vm._v(\" Planned \")])]),_c('div',{staticClass:\"d-block\"},[_c('h4',{staticClass:\"font-weight-bolder mb-0\"},[_vm._v(\" 150K \")]),_c('span',{staticClass:\"gold font-small-3 mb-0\"},[_vm._v(\" Realized \")])])])]),_c('div',{staticClass:\"d-inline-block ml-3\"},[_c('h6',{staticClass:\"text-muted\"},[_vm._v(\" Transaction \")]),_c('div',{staticClass:\"d-block\"},[_c('div',{staticClass:\"d-block mb-1\"},[_c('h4',{staticClass:\"font-weight-bolder mb-0\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.saleMetrics.transaction.planned))+\" \")]),_c('span',{staticClass:\"gold font-small-3 mb-0\"},[_vm._v(\" Planned \")])]),_c('div',{staticClass:\"d-block\"},[_c('h4',{staticClass:\"font-weight-bolder mb-0\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.saleMetrics.transaction.realized))+\" \")]),_c('span',{staticClass:\"gold font-small-3 mb-0\"},[_vm._v(\" Realized \")])])])]),_c('div',{staticClass:\"d-inline-block ml-3\"},[_c('h6',{staticClass:\"text-muted\"},[_vm._v(\" Revenue \")]),_c('div',{staticClass:\"d-block\"},[_c('div',{staticClass:\"d-block mb-1\"},[_c('h4',{staticClass:\"font-weight-bolder mb-0\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.saleMetrics.revenue.planned))+\" \")]),_c('span',{staticClass:\"gold font-small-3 mb-0\"},[_vm._v(\" Planned \")])]),_c('div',{staticClass:\"d-block\"},[_c('h4',{staticClass:\"font-weight-bolder mb-0\"},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.saleMetrics.revenue.realized))+\" \")]),_c('span',{staticClass:\"gold font-small-3 mb-0\"},[_vm._v(\" Realized \")])])])])]),_c('div',{staticClass:\"progress-wrapper\"},[_c('b-row',{staticClass:\"match-height mt-1\"},[_c('b-col',[_c('div',{staticClass:\"progress-title\"},[_c('h6',[_vm._v(\" Budget Realized / Planned \")]),_c('span',[_vm._v(\"65%\")])]),_c('b-progress',{attrs:{\"value\":65,\"max\":\"100\",\"height\":\"7px\"}})],1)],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>\n        Buyer Metrics\n      </b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <vue-apex-charts\n        type=\"bar\"\n        height=\"140\"\n        :options=\"barChart.chartOptions\"\n        :series=\"barChart.series\"\n      />\n    </b-card-body>\n  </b-card>\n</template>\n<script>\nimport {\n  BCard, BCardHeader, BCardTitle, BCardBody\n} from 'bootstrap-vue'\nimport JQuery from 'jquery'\n\nconst $ = JQuery\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardTitle,\n    BCardBody\n  },\n  props: {\n    buyerMetrics: {\n      type: Object,\n      required: true\n    }\n  },\n  computed: {\n    barChart () {\n      const defaultOps = this.$store.getters['chart/getOptsSmallBar']\n      const customOps = {\n        xaxis: {\n          categories: [ 'New Buyer', 'Returning Buyer','Total Buyer']\n        }\n      }\n      $.extend(true, customOps, defaultOps)\n      return {\n        series: [\n          {\n            name: 'Data',\n            data: Object.values(this.buyerMetrics)\n          }\n        ],\n        chartOptions: customOps\n      }\n    }\n\n  }\n}\n</script>\n\n<style lang=\"scss\">\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!./BuyerMetrics.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!./BuyerMetrics.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BuyerMetrics.vue?vue&type=template&id=19abd70f\"\nimport script from \"./BuyerMetrics.vue?vue&type=script&lang=js\"\nexport * from \"./BuyerMetrics.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(\" Buyer Metrics \")])],1),_c('b-card-body',[_c('vue-apex-charts',{attrs:{\"type\":\"bar\",\"height\":\"140\",\"options\":_vm.barChart.chartOptions,\"series\":_vm.barChart.series}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>\n        {{ changeTitle() }}\n      </b-card-title>\n      <div class=\"d-flex align-items-center\">\n        <b-form-radio-group\n          id=\"btn-radios-1\"\n          v-model=\"selectedRadio\"\n          button-variant=\"primary\"\n          :options=\"optionsRadio\"\n          buttons\n          name=\"radios-btn-default\"\n          size=\"sm\"\n        />\n      </div>\n    </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, BFormRadioGroup\n} from 'bootstrap-vue'\nimport JQuery from 'jquery'\n\nconst $ = JQuery\n\nexport default {\n  components: {\n    BFormRadioGroup,\n    BCard,\n    BCardHeader,\n    BCardBody,\n    BCardTitle,\n  },\n  props: {\n    sessionTrendData: {\n      type: Object,\n      required: true\n    }\n  },\n  data () {\n    return {\n      selectedRadio: 'cost&session',\n      optionsRadio: [\n        {text: 'Cost & Session', value: 'cost&session'},\n        {text: 'CVR & Session', value: 'cvr&session'}\n      ],\n    }\n  },\n  computed: {\n    apexChatData() {\n      const defaultOps = this.$store.getters['chart/getOptsLineBarChart']\n      const customOps = {\n        yaxis: [{\n          title: {\n            text: 'Session'\n          },\n        },{\n          title: {\n            text: this.changeHorizontalTitle()\n          }\n        }]\n      }\n\n      $.extend(true, customOps, defaultOps)\n      return {\n        series: [{\n          name: 'Session',\n          type: 'column',\n          data: Object.values(this.sessionTrendData.session)\n        }, {\n          name: this.changeHorizontalTitle(),\n          type: 'line',\n          data: Object.values(this.sessionTrendData.costPerSession)\n        }],\n        chartOptions: customOps,\n      }\n    },\n  },\n  methods: {\n    changeTitle () {\n      if(this.selectedRadio === 'cost&session') {\n        return 'Cost & Session Trend'\n      } else if (this.selectedRadio === 'cvr&session') {\n        return 'CVR & Session Trend'\n      }\n    },\n    changeHorizontalTitle () {\n      if(this.selectedRadio === 'cost&session') {\n        return 'Cost'\n      } else if (this.selectedRadio === 'cvr&session') {\n        return 'CVR'\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!./SessionTrend.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!./SessionTrend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SessionTrend.vue?vue&type=template&id=1a310fab\"\nimport script from \"./SessionTrend.vue?vue&type=script&lang=js\"\nexport * from \"./SessionTrend.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(\" \"+_vm._s(_vm.changeTitle())+\" \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('b-form-radio-group',{attrs:{\"id\":\"btn-radios-1\",\"button-variant\":\"primary\",\"options\":_vm.optionsRadio,\"buttons\":\"\",\"name\":\"radios-btn-default\",\"size\":\"sm\"},model:{value:(_vm.selectedRadio),callback:function ($$v) {_vm.selectedRadio=$$v},expression:\"selectedRadio\"}})],1)],1),_c('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>Best Performed Channels</b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <div class=\"mb-2\">\n        <b-form-radio-group\n          id=\"btn-radios-1\"\n          v-model=\"selectedRadio\"\n          button-variant=\"primary\"\n          :options=\"optionsRadio\"\n          buttons\n          name=\"radios-btn-default\"\n          size=\"sm\"\n          class=\"w-100\"\n        />\n      </div>\n      <h6 class=\"text-right\">\n        <small>Revenue / {{ selectedRadio.toUpperCase() }}</small>\n      </h6>\n      <vue-perfect-scrollbar\n        ref=\"refChatLogPS\"\n        class=\"colored-list-scroll scroll-area\"\n      >\n        <ul class=\"colored-list\">\n          <li\n            v-for=\"item in Object.keys(bestPerformed)\"\n            :key=\"item.id\"\n          >\n            <h5>{{ item }} </h5>\n            <span>{{ formatNumber(bestPerformed[item].revenue) }} / {{ formatNumber(bestPerformed[item].roas) }}</span>\n          </li>\n        </ul>\n      </vue-perfect-scrollbar>\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard, BCardBody, BCardHeader, BCardTitle, BFormRadioGroup\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardTitle,\n    BCardBody,\n    BFormRadioGroup\n  },\n  props: {\n    bestPerformed: {\n      type: Object,\n      require: true\n    }\n  },\n  data () {\n    return {\n      selectedRadio: 'roas',\n      optionsRadio: [\n        { text: 'Revenue/ROAS', value: 'roas' },\n        { text: 'Revenue/ROI', value: 'roi' }\n      ]\n    }\n  },\n  methods: {\n    formatNumber(num) {\n      return num.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\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!./BestPerformedChannels.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!./BestPerformedChannels.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BestPerformedChannels.vue?vue&type=template&id=23a5188a\"\nimport script from \"./BestPerformedChannels.vue?vue&type=script&lang=js\"\nexport * from \"./BestPerformedChannels.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(\"Best Performed Channels\")])],1),_c('b-card-body',[_c('div',{staticClass:\"mb-2\"},[_c('b-form-radio-group',{staticClass:\"w-100\",attrs:{\"id\":\"btn-radios-1\",\"button-variant\":\"primary\",\"options\":_vm.optionsRadio,\"buttons\":\"\",\"name\":\"radios-btn-default\",\"size\":\"sm\"},model:{value:(_vm.selectedRadio),callback:function ($$v) {_vm.selectedRadio=$$v},expression:\"selectedRadio\"}})],1),_c('h6',{staticClass:\"text-right\"},[_c('small',[_vm._v(\"Revenue / \"+_vm._s(_vm.selectedRadio.toUpperCase()))])]),_c('vue-perfect-scrollbar',{ref:\"refChatLogPS\",staticClass:\"colored-list-scroll scroll-area\"},[_c('ul',{staticClass:\"colored-list\"},_vm._l((Object.keys(_vm.bestPerformed)),function(item){return _c('li',{key:item.id},[_c('h5',[_vm._v(_vm._s(item)+\" \")]),_c('span',[_vm._v(_vm._s(_vm.formatNumber(_vm.bestPerformed[item].revenue))+\" / \"+_vm._s(_vm.formatNumber(_vm.bestPerformed[item].roas)))])])}),0)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>{{ changingTitle() }}</b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <div class=\"mb-2\">\n        <b-form-radio-group\n          id=\"btn-radios-1\"\n          v-model=\"selectedRadio\"\n          button-variant=\"primary\"\n          :options=\"optionsRadio\"\n          buttons\n          name=\"radios-btn-default\"\n          size=\"sm\"\n          class=\"w-100\"\n        />\n      </div>\n      <vue-apex-charts\n        type=\"pie\"\n        height=\"330\"\n        class=\"mt-2 mb-1\"\n        :options=\"customersPie.chartOptions\"\n        :series=\"customersPie.series\"\n      />\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BCard,\n  BCardBody,\n  BCardHeader,\n  BCardTitle,\n  BFormRadioGroup,\n} from \"bootstrap-vue\";\nimport JQuery from \"jquery\";\n\nconst $ = JQuery;\nexport default {\n  components: {\n    BFormRadioGroup,\n    BCard,\n    BCardBody,\n    BCardHeader,\n    BCardTitle,\n  },\n  props: {\n    deviceCategory: {\n      type: Object,\n      required: true\n    }\n  },\n  data () {\n    return {\n      selectedRadio: 'session',\n      optionsRadio: [\n        { text: 'Session', value: 'session' },\n        { text: 'Revenue', value: 'revenue' },\n        { text: 'Transaction', value: 'transaction'}\n      ]\n    }\n  },\n  computed: {\n    customersPie() {\n      const defaultOps = this.$store.getters[\"chart/getOptsPieChart\"];\n      const customOps = {\n        labels: this.getLabels(),\n      };\n      $.extend(true, customOps, defaultOps);\n      return {\n        series: this.getSeries(),\n        chartOptions: customOps,\n      };\n    },\n  },\n  methods: {\n    changingTitle () {\n      if (this.selectedRadio === 'session') {\n        return 'Session by Device Category'\n      } else if (this.selectedRadio === 'revenue') {\n        return 'Revenue by Device Category'\n      } else if (this.selectedRadio === 'transaction') {\n        return 'Transaction by Device Category'\n      }\n    },\n    getSeries () {\n      if (this.selectedRadio === 'session') {\n        return Object.values(this.deviceCategory.session)\n      } else if (this.selectedRadio === 'revenue') {\n        return Object.values(this.deviceCategory.revenue)\n      } else if (this.selectedRadio === 'transaction') {\n        return Object.values(this.deviceCategory.revenue)\n      }\n    },\n    getLabels () {\n      if (this.selectedRadio === 'session') {\n        return Object.keys(this.deviceCategory.session)\n      } else if (this.selectedRadio === 'revenue') {\n        return Object.keys(this.deviceCategory.revenue)\n      } else if (this.selectedRadio === 'transaction') {\n        return Object.keys(this.deviceCategory.revenue)\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!./DeviceCategory.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!./DeviceCategory.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DeviceCategory.vue?vue&type=template&id=1b4838ac\"\nimport script from \"./DeviceCategory.vue?vue&type=script&lang=js\"\nexport * from \"./DeviceCategory.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(_vm._s(_vm.changingTitle()))])],1),_c('b-card-body',[_c('div',{staticClass:\"mb-2\"},[_c('b-form-radio-group',{staticClass:\"w-100\",attrs:{\"id\":\"btn-radios-1\",\"button-variant\":\"primary\",\"options\":_vm.optionsRadio,\"buttons\":\"\",\"name\":\"radios-btn-default\",\"size\":\"sm\"},model:{value:(_vm.selectedRadio),callback:function ($$v) {_vm.selectedRadio=$$v},expression:\"selectedRadio\"}})],1),_c('vue-apex-charts',{staticClass:\"mt-2 mb-1\",attrs:{\"type\":\"pie\",\"height\":\"330\",\"options\":_vm.customersPie.chartOptions,\"series\":_vm.customersPie.series}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-header>\n      <b-card-title>\n        {{ changeTitle() }}\n      </b-card-title>\n      <div class=\"d-flex align-items-center\">\n        <b-form-radio-group\n          id=\"btn-radios-1\"\n          v-model=\"selectedRadio\"\n          button-variant=\"primary\"\n          :options=\"optionsRadio\"\n          buttons\n          name=\"radios-btn-default\"\n          size=\"sm\"\n        />\n      </div>\n    </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, BFormRadioGroup\n} from 'bootstrap-vue'\nimport JQuery from 'jquery'\n\nconst $ = JQuery\n\nexport default {\n  components: {\n    BFormRadioGroup,\n    BCard,\n    BCardHeader,\n    BCardBody,\n    BCardTitle,\n  },\n  props:{\n    costRoasTrend: {\n      type: Object,\n      required: true\n    },\n  },\n  data () {\n    return {\n      selectedRadio: 'cost&roas',\n      optionsRadio: [\n        { text: 'Cost & ROAS', value: 'cost&roas' },\n        { text: 'Cost & ROI', value: 'cost&roi' }\n      ],\n\n    }\n  },\n  computed: {\n    apexChatData() {\n      const defaultOps = this.$store.getters['chart/getOptsLineBarChart']\n      const customOps = {\n        yaxis: [{\n          title: {\n            text: 'Cost'\n          },\n        },{\n          title: {\n            text: this.horizontalTitle()\n          }\n        }]\n      }\n\n      $.extend(true, customOps, defaultOps)\n      return {\n        series: [{\n          name: 'Cost',\n          type: 'column',\n          data: Object.values(this.costRoasTrend.cost)\n        },\n          {\n            name: this.horizontalTitle(),\n            type: 'line',\n            data: Object.values(this.costRoasTrend.roas)\n          }],\n        chartOptions: customOps,\n      }\n    },\n  },\n  methods: {\n    changeTitle () {\n      if(this.selectedRadio === 'cost&roas') {\n        return 'Cost & ROAS Trend'\n      } else if (this.selectedRadio === 'cost&roi') {\n        return 'Cost & ROI Trend'\n      }\n    },\n    horizontalTitle () {\n      if(this.selectedRadio === 'cost&roas') {\n        return 'ROAS'\n      } else if (this.selectedRadio === 'cost&roi') {\n        return 'ROI'\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!./CostRoasTrend.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!./CostRoasTrend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CostRoasTrend.vue?vue&type=template&id=208b2766\"\nimport script from \"./CostRoasTrend.vue?vue&type=script&lang=js\"\nexport * from \"./CostRoasTrend.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(\" \"+_vm._s(_vm.changeTitle())+\" \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('b-form-radio-group',{attrs:{\"id\":\"btn-radios-1\",\"button-variant\":\"primary\",\"options\":_vm.optionsRadio,\"buttons\":\"\",\"name\":\"radios-btn-default\",\"size\":\"sm\"},model:{value:(_vm.selectedRadio),callback:function ($$v) {_vm.selectedRadio=$$v},expression:\"selectedRadio\"}})],1)],1),_c('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-table\n      responsive\n      :items=\"items\"\n      :fields=\"fields\"\n      class=\"metric-table card\"\n      borderless\n  >\n    <template #cell(name)=\"data\">\n      <h4 class=\"metric-title\">{{ data.value.name }}\n        <b-button\n            v-b-tooltip.hover.bottom=\"data.value.tooltip\"\n            v-b-tooltip.hover.v-secondary\n            variant=\"flat-secondary\"\n            class=\"btn-icon rounded-circle\"\n            :class=\"data.value.show\"\n        >\n          <feather-icon\n              icon=\"InfoIcon\"\n              size=\"14\"\n          />\n        </b-button>\n      </h4>\n    </template>\n    <template #cell(avg_data)=\"data\">\n      <h4 class=\"metric-title\">\n        {{ data.value.value }}\n      </h4>\n    </template>\n    <template #cell(company_avg)=\"data\">\n      <h4\n          class=\"metric-title\"\n          :class=\"data.value.variant\"\n      >\n        {{ data.value.percent }}\n      </h4>\n    </template>\n    <template #cell(industry_avg)=\"data\">\n      <h4\n          class=\"metric-title\"\n          :class=\"data.value.variant\"\n      >\n        {{ data.value.percent }}\n      </h4>\n    </template>\n  </b-table>\n</template>\n\n<script>\nimport {\n  BCard, BCardBody, BCardHeader, BCardTitle, BTable, BButton, VBTooltip\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardTitle,\n    BCardBody,\n    BTable,\n    BButton\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple\n  },\n  props:{\n    transactionMetrics: {\n      type: Object,\n      required: true\n    }\n  },\n  data () {\n    return {\n      fields: [\n        // A column that needs custom formatting\n        {\n          key: 'name',\n          label: 'Transaction Metrics'\n        },\n        {\n          key: 'avg_data',\n          label: 'Value'\n        },\n        {\n          key: 'company_avg',\n          label: 'Company Average'\n        },\n        {\n          key: 'industry_avg',\n          label: 'Industry Average'\n        }\n      ],\n      items: [\n        {\n          name: { name: 'CR', tooltip: 'Conversion Rate', show: '' },\n          avg_data: { value: this.transactionMetrics.value.cr },\n          company_avg: {\n            percent: this.transactionMetrics.mom.cr,\n            variant: this.changeVariant(this.transactionMetrics.mom.cr)\n          },\n          industry_avg: {\n            percent: this.transactionMetrics.yoy.cr,\n            variant: this.changeVariant(this.transactionMetrics.yoy.cr)\n          }\n        },\n        {\n          name: { name: 'CPA', tooltip: 'Cost per Acquisition', show: '' },\n          avg_data: { value: this.transactionMetrics.value.cpa },\n          company_avg: {\n            percent: this.transactionMetrics.mom.cpa,\n            variant: this.changeVariant(this.transactionMetrics.mom.cpa)\n          },\n          industry_avg: {\n            percent: this.transactionMetrics.yoy.cpa,\n            variant: this.changeVariant(this.transactionMetrics.yoy.cpa)\n          }\n        },\n        {\n          name: { name: 'TPA2C', tooltip: 'Transaction per Add to Cart', show: '' },\n          avg_data: { value: this.transactionMetrics.value.tpac2 },\n          company_avg: {\n            percent: this.transactionMetrics.mom.tpac2,\n            variant: this.changeVariant(this.transactionMetrics.mom.tpac2)\n          },\n          industry_avg: {\n            percent: this.transactionMetrics.yoy.tpac2,\n            variant: this.changeVariant(this.transactionMetrics.yoy.tpac2)\n          }\n        },\n        {\n          name: { name: 'COS', tooltip: 'Cost of Sale', show: '' },\n          avg_data: { value: this.transactionMetrics.value.cos },\n          company_avg: {\n            percent: this.transactionMetrics.mom.cos,\n            variant: this.changeVariant(this.transactionMetrics.mom.cos)\n          },\n          industry_avg: {\n            percent: this.transactionMetrics.yoy.cos,\n            variant: this.changeVariant(this.transactionMetrics.yoy.cos)\n          }\n        }\n      ]\n    }\n  },\n  methods:{\n    changeVariant(value){\n      if(value > 0){\n        return 'text-success'\n      } else if(value < 0){\n        return 'text-danger'\n      } else {\n        return ''\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!./TransactionMetrics.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!./TransactionMetrics.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TransactionMetrics.vue?vue&type=template&id=32c0d602\"\nimport script from \"./TransactionMetrics.vue?vue&type=script&lang=js\"\nexport * from \"./TransactionMetrics.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-table',{staticClass:\"metric-table card\",attrs:{\"responsive\":\"\",\"items\":_vm.items,\"fields\":_vm.fields,\"borderless\":\"\"},scopedSlots:_vm._u([{key:\"cell(name)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\"},[_vm._v(_vm._s(data.value.name)+\" \"),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.bottom\",value:(data.value.tooltip),expression:\"data.value.tooltip\",modifiers:{\"hover\":true,\"bottom\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-secondary\",modifiers:{\"hover\":true,\"v-secondary\":true}}],staticClass:\"btn-icon rounded-circle\",class:data.value.show,attrs:{\"variant\":\"flat-secondary\"}},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"size\":\"14\"}})],1)],1)]}},{key:\"cell(avg_data)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\"},[_vm._v(\" \"+_vm._s(data.value.value)+\" \")])]}},{key:\"cell(company_avg)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\",class:data.value.variant},[_vm._v(\" \"+_vm._s(data.value.percent)+\" \")])]}},{key:\"cell(industry_avg)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\",class:data.value.variant},[_vm._v(\" \"+_vm._s(data.value.percent)+\" \")])]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-table\n    responsive\n    :items=\"items\"\n    :fields=\"fields\"\n    class=\"metric-table card\"\n    borderless\n  >\n    <template #cell(name)=\"data\">\n      <h4 class=\"metric-title\">\n        {{ data.value.name }}\n        <b-button\n          v-b-tooltip.hover.bottom=\"data.value.tooltip\"\n          v-b-tooltip.hover.v-secondary\n          variant=\"flat-secondary\"\n          class=\"btn-icon rounded-circle\"\n          :class=\"data.value.show\"\n        >\n          <feather-icon\n            icon=\"InfoIcon\"\n            size=\"14\"\n          />\n        </b-button>\n      </h4>\n    </template>\n    <template #cell(avg_data)=\"data\">\n      <h4 class=\"metric-title\">\n        {{ data.value.value }}\n      </h4>\n    </template>\n    <template #cell(company_avg)=\"data\">\n      <h4\n        class=\"metric-title\"\n        :class=\"data.value.variant\"\n      >\n        {{ data.value.percent }}\n      </h4>\n    </template>\n    <template #cell(industry_avg)=\"data\">\n      <h4\n        class=\"metric-title\"\n        :class=\"data.value.variant\"\n      >\n        {{ data.value.percent }}\n      </h4>\n    </template>\n  </b-table>\n</template>\n\n<script>\nimport {\n  BCard, BCardBody, BCardHeader, BCardTitle, BTable, BButton, VBTooltip,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardTitle,\n    BCardBody,\n    BTable,\n    BButton,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  props:{\n    revenueMetrics: {\n      type: Object,\n      required: true\n    },\n  },\n  data() {\n    return {\n      fields: [\n        // A column that needs custom formatting\n        {\n          key: 'name',\n          label: 'Revenue Metrics',\n        },\n        {\n          key: 'avg_data',\n          label: 'Planned',\n        },\n        {\n          key: 'company_avg',\n          label: 'Company Average',\n        },\n        {\n          key: 'industry_avg',\n          label: 'Industry Average',\n        },\n      ],\n      items: [\n        {\n          name: { name: 'AOV', tooltip: 'Average Order Value', show: '' },\n          avg_data: { value: this.revenueMetrics.value.aov },\n          company_avg: {\n            percent: this.revenueMetrics.mom.aov,\n            variant: this.changeVariant(this.revenueMetrics.mom.aov),\n          },\n          industry_avg: {\n            percent: this.revenueMetrics.yoy.aov,\n            variant: this.changeVariant(this.revenueMetrics.yoy.aov),\n          },\n        },\n        {\n          name: { name: 'RPS', tooltip: 'Revenue per Session', show: '' },\n          avg_data: { value: this.revenueMetrics.value.rps },\n          company_avg: {\n            percent: this.revenueMetrics.mom.rps,\n            variant: this.changeVariant(this.revenueMetrics.mom.rps),\n          },\n          industry_avg: {\n            percent: this.revenueMetrics.yoy.rps,\n            variant: this.changeVariant(this.revenueMetrics.yoy.rps),\n          },\n        },\n        {\n          name: { name: 'ROI', tooltip: 'Avg. Revenue per User', show: '' },\n          avg_data: { value: this.revenueMetrics.value.arpu },\n          company_avg: {\n            percent: this.revenueMetrics.mom.arpu,\n            variant: this.changeVariant(this.revenueMetrics.mom.arpu),\n          },\n          industry_avg: {\n            percent:  this.revenueMetrics.yoy.arpu,\n            variant: this.changeVariant(this.revenueMetrics.yoy.arpu),\n          },\n        },\n        {\n          name: { name: 'ROAS', tooltip: 'Returning on Ad Spending', show: '' },\n          avg_data: { value: this.revenueMetrics.value.roas },\n          company_avg: {\n            percent: this.revenueMetrics.mom.roas,\n            variant: this.changeVariant(this.revenueMetrics.mom.roas),\n          },\n          industry_avg: {\n            percent: this.revenueMetrics.yoy.roas,\n            variant: this.changeVariant(this.revenueMetrics.yoy.roas),\n          },\n        }\n      ],\n    }\n  },\n  methods: {\n    changeVariant (value) {\n      if (value > 0) {\n        return 'text-success'\n      } else if (value < 0) {\n        return 'text-danger'\n      } else {\n        return ''\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!./RevenueMetrics.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!./RevenueMetrics.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RevenueMetrics.vue?vue&type=template&id=0bb01bbe\"\nimport script from \"./RevenueMetrics.vue?vue&type=script&lang=js\"\nexport * from \"./RevenueMetrics.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-table',{staticClass:\"metric-table card\",attrs:{\"responsive\":\"\",\"items\":_vm.items,\"fields\":_vm.fields,\"borderless\":\"\"},scopedSlots:_vm._u([{key:\"cell(name)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\"},[_vm._v(\" \"+_vm._s(data.value.name)+\" \"),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.bottom\",value:(data.value.tooltip),expression:\"data.value.tooltip\",modifiers:{\"hover\":true,\"bottom\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-secondary\",modifiers:{\"hover\":true,\"v-secondary\":true}}],staticClass:\"btn-icon rounded-circle\",class:data.value.show,attrs:{\"variant\":\"flat-secondary\"}},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"size\":\"14\"}})],1)],1)]}},{key:\"cell(avg_data)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\"},[_vm._v(\" \"+_vm._s(data.value.value)+\" \")])]}},{key:\"cell(company_avg)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\",class:data.value.variant},[_vm._v(\" \"+_vm._s(data.value.percent)+\" \")])]}},{key:\"cell(industry_avg)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\",class:data.value.variant},[_vm._v(\" \"+_vm._s(data.value.percent)+\" \")])]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-table\n    responsive\n    :items=\"items\"\n    :fields=\"fields\"\n    class=\"metric-table card\"\n    borderless\n  >\n    <template #cell(name)=\"data\">\n      <h4 class=\"metric-title\">\n        {{ data.value.name }}\n        <b-button\n          v-b-tooltip.hover.bottom=\"data.value.tooltip\"\n          v-b-tooltip.hover.v-secondary\n          variant=\"flat-secondary\"\n          class=\"btn-icon rounded-circle\"\n          :class=\"data.value.show\"\n        >\n          <feather-icon\n            icon=\"InfoIcon\"\n            size=\"14\"\n          />\n        </b-button>\n      </h4>\n    </template>\n    <template #cell(avg_data)=\"data\">\n      <h4 class=\"metric-title\">\n        {{ formatNumber(data.value.value) }}\n      </h4>\n    </template>\n    <template #cell(company_avg)=\"data\">\n      <h4\n        class=\"metric-title\"\n        :class=\"data.value.variant\"\n      >\n        {{ formatNumber(data.value.percent) }}\n      </h4>\n    </template>\n    <template #cell(industry_avg)=\"data\">\n      <h4\n        class=\"metric-title\"\n        :class=\"data.value.variant\"\n      >\n        {{ formatNumber(data.value.percent) }}\n      </h4>\n    </template>\n  </b-table>\n</template>\n\n<script>\nimport {\n  BCard, BCardBody, BCardHeader, BCardTitle, BTable, BButton, VBTooltip,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardTitle,\n    BCardBody,\n    BTable,\n    BButton,\n  },\n  directives: {\n    'b-tooltip': VBTooltip,\n    Ripple,\n  },\n  props: {\n    sessionMetrics: {\n      type: Object,\n      required: true\n    }\n  },\n  data() {\n    return {\n      fields: [\n        // A column that needs custom formatting\n        {\n          key: 'name',\n          label: 'Session Metrics',\n        },\n        {\n          key: 'avg_data',\n          label: 'Planned',\n        },\n        {\n          key: 'company_avg',\n          label: 'Company Average',\n        },\n        {\n          key: 'industry_avg',\n          label: 'Industry Average',\n        },\n      ],\n      items: [\n        {\n          name: { name: 'Session', tooltip: '', show: 'd-none' },\n          avg_data: { value: this.sessionMetrics.value.session },\n          company_avg: {\n            percent: this.sessionMetrics.mom.session,\n            variant: this.changeVariant(this.sessionMetrics.mom.session),\n          },\n          industry_avg: {\n            percent: this.sessionMetrics.yoy.session,\n            variant: this.changeVariant(this.sessionMetrics.yoy.session),\n          },\n        },\n        {\n          name: { name: 'CPS', tooltip: 'Cost per Session ', show: '' },\n          avg_data: { value: this.sessionMetrics.value.cps },\n          company_avg: {\n            percent: this.sessionMetrics.mom.cps,\n            variant: this.changeVariant(this.sessionMetrics.mom.cps),\n          },\n          industry_avg: {\n            percent: this.sessionMetrics.yoy.cps,\n            variant: this.changeVariant(this.sessionMetrics.yoy.cps),\n          },\n        },\n        {\n          name: { name: 'Engaged Session', tooltip: '', show: 'd-none' },\n          avg_data: { value: this.sessionMetrics.value.engagedSession },\n          company_avg: {\n            percent: this.sessionMetrics.mom.engagedSession,\n            variant: this.changeVariant(this.sessionMetrics.mom.engagedSession),\n          },\n          industry_avg: {\n            percent: this.sessionMetrics.yoy.engagedSession,\n            variant: this.changeVariant(this.sessionMetrics.yoy.engagedSession),\n          },\n        },\n        {\n          name: { name: 'Engaged Session per Session', tooltip: '', show: 'd-none' },\n          avg_data: { value: this.sessionMetrics.value.engagedSessionPerSes },\n          company_avg: {\n            percent: this.sessionMetrics.mom.engagedSessionPerSes,\n            variant: this.changeVariant(this.sessionMetrics.mom.engagedSessionPerSes),\n          },\n          industry_avg: {\n            percent: this.sessionMetrics.yoy.engagedSessionPerSes,\n            variant: this.changeVariant(this.sessionMetrics.yoy.engagedSessionPerSes),\n          },\n        }\n      ],\n    }\n  },\n  methods: {\n    changeVariant(value) {\n      if (value > 0) {\n        return 'text-success'\n      }\n      if (value < 0) {\n        return 'text-danger'\n      }\n      return ''\n    },\n    formatNumber(num) {\n      return num.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\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!./SessionMetrics.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!./SessionMetrics.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SessionMetrics.vue?vue&type=template&id=3c4d904f\"\nimport script from \"./SessionMetrics.vue?vue&type=script&lang=js\"\nexport * from \"./SessionMetrics.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-table',{staticClass:\"metric-table card\",attrs:{\"responsive\":\"\",\"items\":_vm.items,\"fields\":_vm.fields,\"borderless\":\"\"},scopedSlots:_vm._u([{key:\"cell(name)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\"},[_vm._v(\" \"+_vm._s(data.value.name)+\" \"),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.bottom\",value:(data.value.tooltip),expression:\"data.value.tooltip\",modifiers:{\"hover\":true,\"bottom\":true}},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-secondary\",modifiers:{\"hover\":true,\"v-secondary\":true}}],staticClass:\"btn-icon rounded-circle\",class:data.value.show,attrs:{\"variant\":\"flat-secondary\"}},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"size\":\"14\"}})],1)],1)]}},{key:\"cell(avg_data)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\"},[_vm._v(\" \"+_vm._s(_vm.formatNumber(data.value.value))+\" \")])]}},{key:\"cell(company_avg)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\",class:data.value.variant},[_vm._v(\" \"+_vm._s(_vm.formatNumber(data.value.percent))+\" \")])]}},{key:\"cell(industry_avg)\",fn:function(data){return [_c('h4',{staticClass:\"metric-title\",class:data.value.variant},[_vm._v(\" \"+_vm._s(_vm.formatNumber(data.value.percent))+\" \")])]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <filtersV2 \n      name=\"growthWithEvent\"\n      :get-metrics=\"getMetrics\"\n    />\n    <no-data-temp v-if=\"noData\" />\n    <span \n      v-if=\"recData !== null\" \n      :key=\"currentKey\"\n    >\n      <b-row class=\"match-height\">\n        <b-col lg=\"4\">\n          <campaign :campaign-data=\"recData.campaignCard\" />\n        </b-col>\n        <b-col lg=\"4\">\n          <sale-metrics :sale-metrics=\"recData.saleMetrics\" />\n        </b-col>\n        <b-col lg=\"4\">\n          <buyer-metrics :buyer-metrics=\"recData.buyerMetrics\" />\n        </b-col>\n      </b-row>\n      <b-row class=\"match-height\">\n        <b-col lg=\"8\">\n          <session-trend :session-trend-data=\"recData.sessionTrend\" />\n        </b-col>\n        <b-col lg=\"4\">\n          <device-category :device-category=\"recData.costByPlatform\" />\n        </b-col>\n      </b-row>\n      <b-row class=\"match-height\">\n        <b-col lg=\"8\">\n          <cost-roas-trend :cost-roas-trend=\"recData.costRoasTrend\" />\n        </b-col>\n        <b-col lg=\"4\">\n          <best-performed-channels :best-performed=\"recData.bestPerformed\" />\n        </b-col>\n      </b-row>\n      <b-row class=\"match-height\">\n        <b-col\n          lg=\"4\"\n          sm=\"12\"\n        >\n          <session-metrics :session-metrics=\"recData.tblSessionMetrics\" />\n        </b-col>\n        <b-col\n          lg=\"4\"\n          sm=\"12\"\n        >\n          <transaction-metrics :transaction-metrics=\"recData.tblTransactionMetrics\" />\n        </b-col>\n        <b-col\n          lg=\"4\"\n          sm=\"12\"\n        >\n          <revenue-metrics :revenue-metrics=\"recData.tblRevenueMetrics\" />\n        </b-col>\n      </b-row>\n    </span>\n    <span v-if=\"recData === null && !noData\">\n      <loading />\n    </span>\n  </section>\n</template>\n\n<script>\nimport { BRow, BCol } from \"bootstrap-vue\";\nimport Filters from \"@/views/Filters.vue\";\nimport Campaign from '@/views/scores/Campaign.vue'\nimport SaleMetrics from \"./SaleMetrics.vue\";\nimport BuyerMetrics from \"./BuyerMetrics.vue\";\nimport SessionTrend from \"./SessionTrend.vue\";\nimport BestPerformedChannels from \"./BestPerformedChannels.vue\";\nimport DeviceCategory from \"./DeviceCategory.vue\";\nimport CostRoasTrend from \"./CostRoasTrend.vue\";\nimport TransactionMetrics from './TransactionMetrics.vue'\nimport RevenueMetrics from './RevenueMetrics.vue'\nimport SessionMetrics from './SessionMetrics.vue'\nimport Loading from \"@/views/Loading.vue\";\nimport noDataTemp from \"@/views/NoDataTemp.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\n\nexport default {\n  components: {\n    noDataTemp,\n    Loading,\n    SessionMetrics,\n    TransactionMetrics,\n    RevenueMetrics,\n    DeviceCategory,\n    BestPerformedChannels,\n    SessionTrend,\n    SaleMetrics,\n    BuyerMetrics,\n    BRow,\n    BCol,\n    Campaign,\n    CostRoasTrend,\n    FiltersV2,\n  },\n  data() {\n    return {\n      noData : false,\n      recData: null,\n      currentKey: 0\n    }\n  },\n  methods: {\n    async getMetrics(params) {\n      await this.$http.get(\n          'score/growth/web', {\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</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=9e39cc10\"\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":""}