{"version":3,"sources":["webpack:///./src/assets/images/uploads/optimization-selection.svg","webpack:///./src/views/smart-reporting/custom-reports/performance-report/Index.vue?3b39","webpack:///src/views/smart-reporting/custom-reports/performance-report/Table.vue","webpack:///./src/views/smart-reporting/custom-reports/performance-report/Table.vue?f4a9","webpack:///./src/views/smart-reporting/custom-reports/performance-report/Table.vue","webpack:///./src/views/smart-reporting/custom-reports/performance-report/Table.vue?ef9a","webpack:///src/views/smart-reporting/custom-reports/performance-report/BarCharts.vue","webpack:///./src/views/smart-reporting/custom-reports/performance-report/BarCharts.vue?2ccf","webpack:///./src/views/smart-reporting/custom-reports/performance-report/BarCharts.vue","webpack:///./src/views/smart-reporting/custom-reports/performance-report/BarCharts.vue?de2d","webpack:///src/views/smart-reporting/custom-reports/performance-report/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/performance-report/Index.vue?ef0f","webpack:///./src/views/smart-reporting/custom-reports/performance-report/Index.vue","webpack:///./src/views/FilterSelections.vue?96e8","webpack:///./src/views/FilterSelections.vue?809f","webpack:///./src/views/FilterSelections.vue?22e5","webpack:///src/views/FilterSelections.vue","webpack:///./src/views/FilterSelections.vue","webpack:///./src/views/smart-reporting/custom-reports/performance-report/BarCharts.vue?ab38"],"names":["module","exports","components","BCard","BCardBody","TableEnhancer","props","tableData","type","Array","required","data","baseFields","key","label","sortable","fields","watch","immediate","handler","newTableData","createFields","methods","map","field","formatFieldName","formatter","value","toString","replace","length","dynamicFields","Object","keys","filter","find","parseInt","sort","a","b","localeCompare","insertAfterBaseField","baseKey","compareKey","baseIndex","findIndex","compareField","splice","forEach","index","baseField","fieldIndex","indexOf","dynamicField","f","push","fieldName","l","toUpperCase","component","_vm","this","_h","$createElement","_c","_self","attrs","series","buildSeries","chartOptions","chart","stacked","stroke","width","colors","dataLabels","val","plotOptions","bar","horizontal","xaxis","categories","buildCategories","fill","opacity","yaxis","labels","legend","position","horizontalAlign","floating","fontSize","itemMargin","vertical","toolbar","show","tools","selection","zoom","zoomin","zoomout","pan","reset","metrics","campaign","name","metric","BButton","BRow","BCol","PerformanceTable","FiltersV2","Loading","BarCharts","FilterSelections","NoDataTemp","isLoading","recData","noData","currentKey","previousPage","$router","params","queryParams","productString","product","join","eventString","events","selected_event","adinIdString","campaigns","adin_id","$http","post","start","compDate","startDate","end","endDate","start_compare","compareDate","end_compare","then","$filterV2","manage","general","input","catch","e","finally","created","staticClass","_v","on","ref","getMetrics","_e","performanceTable","staticRenderFns","BImg","title","String","default","selectionImage","require","_s"],"mappings":"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","file":"js/chunk-5440099f.950dadad.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/optimization-selection.2883f97a.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h3',{staticClass:\"mb-1\"},[_vm._v(\"Performance Report\")]),_c('b-button',{staticClass:\"mb-1\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":_vm.previousPage}},[_vm._v(\" Back \")]),_c('filters-v2',{ref:\"filtersV2\",attrs:{\"name\":\"performanceReportPage\",\"get-metrics\":_vm.getMetrics}}),(_vm.isLoading)?_c('loading'):(_vm.noData && !_vm.isLoading)?_c('no-data-temp'):(!_vm.noData && !_vm.isLoading && _vm.recData === null)?_c('filter-selections',{attrs:{\"title\":\"Select a campaign and event to see the table.\"}}):(!_vm.noData && !_vm.isLoading && _vm.recData !== null)?_c('section',[_c('performance-table',{attrs:{\"tableData\":_vm.recData.performanceTable}}),_c('b-row',[_c('b-col',[_c('bar-charts',{attrs:{\"tableData\":_vm.recData.performanceTable}})],1)],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card no-body>\n    <b-card-body>\n      <table-enhancer\n        tableName=\"Performance Report\"\n        :tableData=\"tableData\"\n        :tableFields=\"fields\"\n        :filterableColumns=\"['channel', 'campaign', 'channel_type']\"\n        :enableTotal=\"true\"\n      />\n    </b-card-body>\n  </b-card>\n</template>\n\n<script>\nimport { BCard, BCardBody } from \"bootstrap-vue\";\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\";\n\nexport default {\n  components: {\n    BCard,\n    BCardBody,\n    TableEnhancer,\n  },\n  props: {\n    tableData: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      baseFields: [\n        { key: \"channel\", label: \"Channel\", sortable: true },\n        { key: \"campaign\", label: \"Campaign\", sortable: true },\n        { key: \"channel_type\", label: \"Channel Type\", sortable: true },\n        { key: \"planned_budget\", label: \"Planned Budget\", sortable: true },\n        { key: \"cost\", label: \"Cost\", sortable: true },\n        { key: \"installs\", label: \"Installs\", sortable: true },\n        { key: \"cpi\", label: \"CPI\", sortable: true },\n      ],\n      fields: [],\n    };\n  },\n  watch: {\n    tableData: {\n      immediate: true,\n      handler(newTableData) {\n        this.createFields(newTableData);\n      },\n    },\n  },\n  methods: {\n    createFields(data) {\n      this.fields = this.baseFields.map((field) => ({\n        key: field.key,\n        label: this.formatFieldName(field.key),\n        formatter: (value) => {\n          if (field.key === \"campaign\") {\n            return value;\n          }\n          if (value === null || value === undefined) return \"\";\n          return value.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n        },\n        sortable: field.sortable || false,\n      }));\n\n      if (data.length > 0) {\n        const dynamicFields = Object.keys(data[0])\n          .filter((key) => !this.baseFields.find((field) => field.key === key))\n          .map((key) => ({\n            key: key,\n            label: this.formatFieldName(key),\n            formatter: (value) => {\n              if (value === \"-\") {\n                return \"-\";\n              }\n              if (value === null || value === undefined) return \"\";\n              value = parseInt(value);\n              return value.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\n            },\n            sortable: true,\n          }))\n          .sort((a, b) => a.key.localeCompare(b.key));\n        const insertAfterBaseField = (baseKey, compareKey) => {\n          const baseIndex = this.fields.findIndex(\n            (field) => field.key === baseKey\n          );\n          const compareField = dynamicFields.find(\n            (field) => field.key === compareKey\n          );\n          if (baseIndex !== -1 && compareField) {\n            this.fields.splice(baseIndex + 1, 0, compareField);\n          }\n        };\n\n        insertAfterBaseField(\"cost\", \"cost_compare\");\n        insertAfterBaseField(\"installs\", \"installs_compare\");\n        insertAfterBaseField(\"cpi\", \"cpi_compare\");\n\n        const predefinedOrder = [\n          \"skad_installs\",\n          \"skad_installs_compare\",\n          \"skad_installs_cpa\",\n          \"skad_installs_cpa_compare\",\n          \"Sign_Up\",\n          \"Sign_Up_compare\",\n          \"Sign_Up_cpa\",\n          \"Sign_Up_cpa_compare\",\n          \"Papara_Card_Order\",\n          \"Papara_Card_Order_compare\",\n          \"Papara_Card_Order_cpa\",\n          \"Papara_Card_Order_cpa_compare\",\n          \"Precious_Metals_Account_Open\",\n          \"Precious_Metals_Account_Open_compare\",\n          \"Precious_Metals_Account_Open_cpa\",\n          \"Precious_Metals_Account_Open_cpa_compare\",\n          \"Precious_Metals_Buy/Sell\",\n          \"Precious_Metals_Buy/Sell_compare\",\n          \"Precious_Metals_Buy/Sell_cpa\",\n          \"Precious_Metals_Buy/Sell_cpa_compare\",\n          \"Cross_Border_Money_Transfer\",\n          \"Cross_Border_Money_Transfer_compare\",\n          \"Cross_Border_Money_Transfer_cpa\",\n          \"Cross_Border_Money_Transfer_cpa_compare\",\n          \"Game_Payment\",\n          \"Game_Payment_compare\",\n          \"Game_Payment_cpa\",\n          \"Game_Payment_cpa_compare\",\n          \"Airport_Services\",\n          \"Airport_Services_compare\",\n          \"Airport_Services_cpa\",\n          \"Airport_Services_cpa_compare\",\n        ];\n\n        predefinedOrder.forEach((key, index) => {\n          const baseField = this.fields.find(\n            (field) => field.key === \"cpi_compare\"\n          );\n          const fieldIndex = baseField\n            ? this.fields.indexOf(baseField) + index + 1\n            : this.fields.length;\n          const dynamicField = dynamicFields.find((field) => field.key === key);\n          if (dynamicField) {\n            this.fields.splice(fieldIndex, 0, dynamicField);\n          }\n        });\n\n        dynamicFields.forEach((field) => {\n          if (!this.fields.find((f) => f.key === field.key)) {\n            this.fields.push(field);\n          }\n        });\n        console.log(dynamicFields)\n      }\n    },\n    formatFieldName(fieldName) {\n      return fieldName\n        .replace(/_/g, \" \")\n        .replace(/\\b\\w/g, (l) => l.toUpperCase());\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!./Table.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!./Table.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Table.vue?vue&type=template&id=7ca76784\"\nimport script from \"./Table.vue?vue&type=script&lang=js\"\nexport * from \"./Table.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-body',[_c('table-enhancer',{attrs:{\"tableName\":\"Performance Report\",\"tableData\":_vm.tableData,\"tableFields\":_vm.fields,\"filterableColumns\":['channel', 'campaign', 'channel_type'],\"enableTotal\":true}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <b-card>\n      <vue-apex-charts\n        type=\"bar\"\n        height=\"500px\"\n        :options=\"chartOptions\"\n        :series=\"series\"\n      />\n    </b-card>\n  </div>\n</template>\n\n<script>\nimport { BCard } from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    BCard,\n  },\n  props: {\n    tableData: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      series: this.buildSeries(),\n      chartOptions: {\n        chart: {\n          type: \"bar\",\n          stacked: true,\n        },\n        stroke: {\n          width: 1,\n          colors: [\"#fff\"],\n        },\n        dataLabels: {\n          formatter: (val) => {\n            return val / 1000 + \"K\";\n          },\n        },\n        plotOptions: {\n          bar: {\n            horizontal: false,\n          },\n        },\n        xaxis: {\n          categories: this.buildCategories(),\n        },\n        fill: {\n          opacity: 1,\n        },\n        colors: [\n          \"#80c7fd\",\n          \"#008FFB\",\n          \"#80f1cb\",\n          \"#00E396\",\n          \"#FF4560\",\n          \"#775DD0\",\n          \"#FEB019\",\n          \"#FF4560\",\n          \"#775DD0\",\n          \"#00E396\",\n        ],\n        yaxis: {\n          labels: {\n            formatter: (val) => {\n              return val / 1000 + \"K\";\n            },\n          },\n        },\n        legend: {\n          position: \"right\",\n          horizontalAlign: \"left\",\n          floating: false,\n          fontSize: \"14px\",\n          itemMargin: {\n            horizontal: 10,\n            vertical: 5,\n          },\n          //   formatter: function (seriesName) {\n          //     const maxLength = 10;\n          //     return seriesName.length > maxLength\n          //       ? seriesName.substring(0, maxLength) + \"...\"\n          //       : seriesName;\n          //   },\n          //   tooltipHoverFormatter: function (seriesName) {\n          //     return seriesName; // This will show full name on hover\n          //   },\n        },\n        toolbar: {\n          show: true,\n          tools: {\n            selection: false,\n            zoom: false,\n            zoomin: false,\n            zoomout: false,\n            pan: false,\n            reset: false,\n          },\n        },\n      },\n    };\n  },\n  methods: {\n    buildSeries() {\n      const metrics = [\n        \"Sign_Up\",\n        \"Game_Payment\",\n        \"Airport_Services\",\n        \"Cross_Border_Money_Transfer\",\n        \"Papara_Card_Order\",\n        \"Precious_Metals_Account_Open\",\n        \"Precious_Metals_Buy_Sell\",\n      ];\n\n      const series = this.tableData.map((campaign) => {\n        return {\n          name: campaign.campaign,\n          data: metrics.map((metric) => campaign[metric] || 0), // Ensure data is not undefined or null\n        };\n      });\n\n      return series;\n    },\n    buildCategories() {\n      return [\n        \"Sign_Up\",\n        \"Game_Payment\",\n        \"Airport_Services\",\n        \"Cross_Border_Money_Transfer\",\n        \"Papara_Card_Order\",\n        \"Precious_Metals_Account_Open\",\n        \"Precious_Metals_Buy_Sell\",\n      ];\n    },\n  },\n};\n</script>\n\n<style>\n.apexcharts-legend {\n  max-height: 400px;\n  max-width: 200px;\n  overflow-y: hidden;\n  overflow-x: hidden;\n}\n\n.apexcharts-legend-series {\n  white-space: nowrap;\n  text-overflow: ellipsis;\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!./BarCharts.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!./BarCharts.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BarCharts.vue?vue&type=template&id=5eb0d065\"\nimport script from \"./BarCharts.vue?vue&type=script&lang=js\"\nexport * from \"./BarCharts.vue?vue&type=script&lang=js\"\nimport style0 from \"./BarCharts.vue?vue&type=style&index=0&id=5eb0d065&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-card',[_c('vue-apex-charts',{attrs:{\"type\":\"bar\",\"height\":\"500px\",\"options\":_vm.chartOptions,\"series\":_vm.series}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <h3 class=\"mb-1\">Performance Report</h3>\n    <b-button variant=\"primary\" class=\"mb-1\" size=\"sm\" @click=\"previousPage\">\n      Back\n    </b-button>\n\n    <filters-v2\n      ref=\"filtersV2\"\n      name=\"performanceReportPage\"\n      :get-metrics=\"getMetrics\"\n    />\n    <loading v-if=\"isLoading\"/>  \n    <no-data-temp v-else-if=\"noData && !isLoading\"/>\n    <filter-selections v-else-if=\"!noData && !isLoading && recData === null\" title=\"Select a campaign and event to see the table.\"/>\n    <section v-else-if=\"!noData && !isLoading && recData !== null\">\n      <performance-table :tableData=\"recData.performanceTable\" />\n      <b-row>\n        <b-col>\n          <bar-charts :tableData=\"recData.performanceTable\" />\n        </b-col>\n      </b-row>\n    </section>\n\n  </section>\n</template>\n\n<script>\nimport { BRow, BCol, BButton } from \"bootstrap-vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport PerformanceTable from \"./Table.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport BarCharts from \"./BarCharts.vue\";\nimport FilterSelections from \"@/views/FilterSelections.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\n\nexport default {\n  components: {\n    BButton,\n    BRow,\n    BCol,\n    PerformanceTable,\n    FiltersV2,\n    Loading,\n    BarCharts,\n    FilterSelections,\n    NoDataTemp,\n  },\n  data() {\n    return {\n      isLoading: false,\n      recData: null,\n      noData: false,\n      currentKey: 0,\n    };\n  },\n  methods: {\n    previousPage() {\n      this.$router.push(\"/smart-reporting/custom-reports-page\");\n    },\n\n    async getMetrics(params) {\n      const queryParams = {};\n      console.log(params);\n      let productString = null;\n      if (params.product && params.product.length > 0) {\n        productString = params.product.join(\",\");\n        queryParams.product = productString;\n      }\n      let eventString = null;\n      if (params.events && params.events.length > 0) {\n        eventString = params.events.join(\",\");\n        queryParams.selected_event = eventString;\n      }\n      let adinIdString = null;\n      if (params.campaigns && params.campaigns.length > 0) {\n        adinIdString = params.campaigns.join(\",\");\n        queryParams.adin_id = adinIdString;\n      }\n      this.isLoading = true;\n      await this.$http\n        .post(\"/reports/performance\", {\n          ...queryParams,\n          start: params.compDate.startDate,\n          end: params.compDate.endDate,\n          start_compare: params.compareDate\n            ? params.compareDate.startDate\n            : null,\n          end_compare: params.compareDate ? params.compareDate.endDate : null,\n        })\n        .then(({ data }) => {\n          this.recData = data;\n          this.noData = false;\n          this.currentKey += 1;\n          this.$filterV2.manage.component.general.input(\"compareDate\", {});\n        })\n        .catch((e) => {\n          this.noData = true;\n        })\n        .finally(() => {\n          this.isLoading = false;\n        });\n    },\n  },\n  created() {},\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=2ff045d7\"\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","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=style&index=0&id=0527c44a&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"coming-soon\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center text-center\"},[_c('b-img',{staticClass:\"d-block m-auto\",attrs:{\"src\":_vm.selectionImage,\"height\":\"200px\"}}),_c('h1',{staticClass:\"pt-2 w-75 font-weight-light m-auto  d-block\"},[_vm._v(\" \"+_vm._s(this.title)+\" \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FilterSelections.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"coming-soon\">\n    <div class=\"d-flex flex-column justify-content-center align-items-center text-center\">\n      <b-img\n        :src=\"selectionImage\"\n        class=\"d-block m-auto\"\n        height=\"200px\"\n      />\n      <h1 class=\"pt-2 w-75 font-weight-light m-auto  d-block\">\n        {{ this.title }}\n      </h1>\n    </div>\n  </div>\n</template>\n<script>\nimport {\n  BImg\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BImg\n  },\n  props: {\n    title: {\n      type: String,\n      required: false,\n      default: \"Select a campaign and product(optional) to see the table and bar charts.\"\n    }\n  },\n  data () {\n    return {\n      selectionImage: require('@/assets/images/uploads/optimization-selection.svg'),\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.coming-soon{\n  position: absolute;\n  width: 95%;\n  height: calc(100vh - 230px);\n  background: rgba(45, 17, 70, 0.7);\n  backdrop-filter: blur(2px);\n  -webkit-backdrop-filter: blur(2px);\n  align-content: center;\n  justify-content: center;\n  border-radius: 5px;\n  color: #28E9FD;\n  span{\n    text-align: center;\n    align-self: center;\n    font-size: 1.3rem;\n    font-weight: 400;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./FilterSelections.vue?vue&type=template&id=0527c44a&scoped=true\"\nimport script from \"./FilterSelections.vue?vue&type=script&lang=js\"\nexport * from \"./FilterSelections.vue?vue&type=script&lang=js\"\nimport style0 from \"./FilterSelections.vue?vue&type=style&index=0&id=0527c44a&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0527c44a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarCharts.vue?vue&type=style&index=0&id=5eb0d065&prod&lang=css\""],"sourceRoot":""}