{"version":3,"sources":["webpack:///./src/views/smart-reporting/custom-reports/adjust-campaign-report/Index.vue?49c1","webpack:///src/views/smart-reporting/custom-reports/adjust-campaign-report/AdjustChart.vue","webpack:///./src/views/smart-reporting/custom-reports/adjust-campaign-report/AdjustChart.vue?7a38","webpack:///./src/views/smart-reporting/custom-reports/adjust-campaign-report/AdjustChart.vue","webpack:///./src/views/smart-reporting/custom-reports/adjust-campaign-report/AdjustChart.vue?0528","webpack:///src/views/smart-reporting/custom-reports/adjust-campaign-report/Table.vue","webpack:///./src/views/smart-reporting/custom-reports/adjust-campaign-report/Table.vue?577f","webpack:///./src/views/smart-reporting/custom-reports/adjust-campaign-report/Table.vue","webpack:///./src/views/smart-reporting/custom-reports/adjust-campaign-report/Table.vue?78c3","webpack:///src/views/smart-reporting/custom-reports/adjust-campaign-report/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/adjust-campaign-report/Index.vue?1c96","webpack:///./src/views/smart-reporting/custom-reports/adjust-campaign-report/Index.vue","webpack:///./src/assets/images/uploads/optimization-selection.svg","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"],"names":["components","BFormGroup","BFormRadioGroup","props","title","type","String","required","chartType","filterOptions","Array","selectedFilter","graphData","data","chartOptions","chart","dataLabels","enabled","xaxis","yaxis","text","style","color","fontSize","plotOptions","bar","columnWidth","colors","tooltip","marker","show","methods","handleFilterChange","newFilter","$emit","computed","dataInfo","key","chartData","vals","map","item","x","date","y","series","name","options","m","component","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","attrs","on","TableEnhancer","BCard","tableData","formattedFields","baseFields","label","omittedFields","field","remainingFields","Object","keys","filter","includes","formatFieldName","sortable","unitedFields","fieldName","split","word","charAt","toUpperCase","slice","join","BTable","BButton","BRow","BCol","AdjustChart","AdjustTable","Loading","NoDataTemp","FiltersV2","PagePlaceholder","isLoading","noData","selectedInstall","retention","value","install","compTitle","params","queryParams","eventString","events","length","selected_events","channelString","channels","selected_channels","$http","get","brand_id","brand","adin_id","campaign","then","catch","e","finally","previousPage","$router","push","installData","dataKey","getMetrics","_e","table_data","staticRenderFns","module","exports","BImg","default","selectionImage","require"],"mappings":"mHAAA,I,sHCkBe,GACfA,WAAA,CACAC,eACAC,qBAEAC,MAAA,CACAC,MAAA,CACAC,KAAAC,OACAC,aAEAC,UAAA,CACAH,KAAAC,OACAC,aAEAE,cAAA,CACAJ,KAAAK,MACAH,aAEAI,eAAA,CACAN,KAAAC,OACAC,aAEAK,UAAA,CACAP,KAAAK,MACAH,cAGAM,OAGA,OACAC,aAAA,CACAC,MAAA,CACAV,KAAA,KAAAG,WAEAQ,WAAA,CACAC,YAEAC,MAAA,CACAb,KAAA,YAEAc,MAAA,CACAf,MAAA,CACAgB,KAAA,MAEAC,MAAA,CACAC,MAAA,QACAC,SAAA,SAGAC,YAAA,CACAC,IAAA,CACAC,YAAA,QAGAC,OAAA,CA3BA,WA4BAC,QAAA,CACAC,OAAA,CACAC,WAAA,EAMAC,QAAA,CACAC,mBAAAC,GACA,KAAAC,MAAA,eAAAD,EAAA,KAAA7B,SAGA+B,SAAA,CACAC,WACA,IAAAhC,EACAiC,EAeA,MAdA,mBAAAjC,QACAiC,EAAA,iBACAjC,EAAA,kBAEA,iBAAAA,QACA,iBAAAO,iBACA0B,EAAA,WACAjC,EAAA,YAEA,kBAAAO,iBACA0B,EAAA,UACAjC,EAAA,aAGA,CACAA,QACAiC,QAGAC,YACA,MAAAC,EAAA,KAAA3B,UAAA4B,KAAAC,KAAAC,EAAAD,EAAAE,KAAAC,EAAAH,EAAA,KAAAL,SAAAC,SAMA,OACAQ,OANA,EAAAC,KAAA,KAAAV,SAAAhC,MAAAS,KAAA0B,IAOAQ,QANA,IACA,KAAAjC,aACAK,MAAA,CAAAf,MAAA,CAAAgB,KAAA,KAAAgB,SAAAhC,MAAAiB,MAAA,SAAAP,aAAAK,MAAAE,UAIA0B,ICvHiY,EAAAC,E,YCO7XC,EAAY,YACd,GCRW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACF,EAAG,KAAK,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAId,SAAShC,UAAUkD,EAAG,qBAAqB,CAACK,MAAM,CAAC,QAAUT,EAAIzC,cAAc,iBAAiB,UAAU,QAAU,IAAImD,GAAG,CAAC,OAASV,EAAIlB,uBAAuB,GAAGsB,EAAG,kBAAkB,CAACK,MAAM,CAAC,QAAUT,EAAIZ,UAAUS,QAAQ,OAASG,EAAIZ,UAAUO,OAAO,OAAS,UAAU,EAAE,GAChc,IDSpB,EAEA,KACA,KACA,MAIa,EAAAI,E,QEEA,GACfjD,WAAA,CACA6D,e,qBAAAA,EACAC,WAEA3D,MAAA,CACA4D,UAAA,CACA1D,KAAAK,MACAH,cAGA4B,SAAA,CACA6B,kBACA,MAAAC,EAAA,CACA,CAAA5B,IAAA,WAAA6B,MAAA,YACA,CAAA7B,IAAA,UAAA6B,MAAA,YAEAC,EAAAF,EAAAzB,KAAA4B,KAAA/B,MACAgC,EAAAC,OAAAC,KAAA,KAAAR,UAAA,IACAS,QAAAJ,IAAAD,EAAAM,SAAAL,KACA5B,KAAA4B,KACA/B,IAAA+B,EACAF,MAAA,KAAAQ,gBAAAN,GACAO,gBAMA,MAJA,IACAV,EAAAzB,KAAA4B,UAAAO,mBACAN,EAEAO,GAGA7C,QAAA,CACA2C,gBAAAG,GACAA,EACAC,MAAA,KACAtC,KAAAuC,KAAAC,OAAA,GAAAC,cAAAF,EAAAG,MAAA,KACAC,KAAA,OCzD2X,ICOvX,EAAY,YACd,GCRW,WAAa,IAAIjC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACA,EAAG,iBAAiB,CAACK,MAAM,CAAC,UAAY,wBAAwB,UAAYT,EAAIa,UAAU,YAAcb,EAAIc,gBAAgB,kBAAoB,CACvP,WACA,UACA,YACA,gBACA,gBAAiB,EAAE,GACH,IDIpB,EAEA,KACA,KACA,MAIa,I,wDEqCA,GACfhE,WAAA,CACAoF,WACAC,YACAvB,UACAwB,SACAC,SACAC,cACAC,cACAC,YACAC,eACAC,cACAC,qBAEAhF,UACA,CACAiF,aACAC,UAEAC,gBAAA,UACAvF,cAAA,CACAwF,UAAA,CACA,CAAA7E,KAAA,QAAA8E,MAAA,SACA,CAAA9E,KAAA,SAAA8E,MAAA,WAEAC,QAAA,CACA,CAAA/E,KAAA,UAAA8E,MAAA,WACA,CAAA9E,KAAA,UAAA8E,MAAA,cAGArF,KAAA,OAGAkB,QAAA,CACAC,mBAAAC,EAAAmE,GACA,gBAAAA,GAAAnE,GAEA,iBAAAoE,GACA,MAAAC,EAAA,GAEA,IAAAC,EAAA,GACAF,EAAAG,QAAAH,EAAAG,OAAAC,OAAA,IACAF,EAAAF,EAAAG,OAAArB,KAAA,MAEAmB,EAAAI,gBAAAH,EAEA,IAAAI,EAAA,GACAN,EAAAO,UAAAP,EAAAO,SAAAH,OAAA,IACAE,EAAAN,EAAAO,SAAAzB,KAAA,MAEAmB,EAAAO,kBAAAF,EAEA,KAAAb,mBACA,KAAAgB,MACAC,IAAA,mBACAV,OAAA,CACAW,SAAAX,EAAAY,MAAAf,MACAgB,QAAAb,EAAAc,SAAAjB,SACAI,KAGAc,MAAA,EAAAvG,WACA,KAAAA,OACA,KAAAkF,SAAA,IAEAsB,OAAAC,IACA,KAAAvB,SAAA,IAEAwB,SAAA,SAAAzB,cAAA,EAEA0B,eACA,KAAAC,QAAAC,KAAA,0CAGAvF,SAAA,CAKAwF,cACA,MAAAC,EAAA,KAAA5B,gBAAA,cACA,YAAAnF,KAAA+G,MCxI2X,ICOvX,EAAY,YACd,GXRW,WAAa,IAAI1E,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,4BAA4BH,EAAG,WAAW,CAACE,YAAY,OAAOG,MAAM,CAAC,QAAU,UAAU,KAAO,MAAMC,GAAG,CAAC,MAAQV,EAAIsE,eAAe,CAACtE,EAAIO,GAAG,YAAYH,EAAG,aAAa,CAACK,MAAM,CAAC,cAAcT,EAAI2E,WAAW,KAAO,kBAAmB3E,EAAI6C,SAAW7C,EAAI4C,UAAWxC,EAAG,eAAe,CAACK,MAAM,CAAC,KAAO,8CAA8C,KAAO,8BAA8BT,EAAI4E,KAAM5E,EAAI4C,YAAc5C,EAAI6C,OAAQzC,EAAG,WAAWJ,EAAI4E,KAAO5E,EAAI6C,QAAW7C,EAAI4C,WAA0B,OAAb5C,EAAIrC,KAA+HqC,EAAI4E,KAApHxE,EAAG,mBAAmB,CAACK,MAAM,CAAC,MAAQ,0EAAiG,OAAbT,EAAIrC,MAAkBqC,EAAI6C,QAAW7C,EAAI4C,UAA8V5C,EAAI4E,KAAvVxE,EAAG,MAAM,CAACA,EAAG,eAAe,CAACK,MAAM,CAAC,UAAYT,EAAIrC,KAAKkH,cAAczE,EAAG,SAAS,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,eAAe,CAACK,MAAM,CAAC,UAAY,MAAM,MAAQ,UAAU,cAAgBT,EAAIzC,cAAc0F,QAAQ,eAAiBjD,EAAI8C,gBAAgB,UAAY9C,EAAIyE,aAAa/D,GAAG,CAAC,aAAeV,EAAIlB,uBAAuB,IAAI,IAAI,IAAI,IAAa,EAAE,GACpnC,IWSpBgG,EAEA,KACA,KACA,MAIa,Y,8BClBfC,EAAOC,QAAU,IAA0B,yCAAyC,E,2DCApF,W,kCCAA,ICAyV,ECmB1U,CACflI,WAAA,CACAmI,K,UAAAA,GAEAhI,MAAA,CACAC,MAAA,CACAC,KAAAC,OACAC,YACA6H,QAAA,6EAGAvH,UACA,CACAwH,eAAAC,EAAA,W,wBCxBIrF,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,4EAA4E,CAACF,EAAG,QAAQ,CAACE,YAAY,iBAAiBG,MAAM,CAAC,IAAMT,EAAImF,eAAe,OAAS,WAAW/E,EAAG,KAAK,CAACE,YAAY,+CAA+C,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGP,KAAK/C,OAAO,QAAQ,IAAI,GAC/Z,IGUpB4H,EAEA,KACA,WACA,MAIa,IAAA/E,E","file":"js/chunk-6778b0cd.7c60b164.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h3',{staticClass:\"mb-1\"},[_vm._v(\"Adjust Campaign Report\")]),_c('b-button',{staticClass:\"mb-1\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":_vm.previousPage}},[_vm._v(\" Back \")]),_c('filters-v2',{attrs:{\"get-metrics\":_vm.getMetrics,\"name\":\"adjustReport\"}}),(_vm.noData && !_vm.isLoading)?_c('no-data-temp',{attrs:{\"name\":\"No data available for requested parameters.\",\"text\":\"Try different parameters\"}}):_vm._e(),(_vm.isLoading && !_vm.noData)?_c('loading'):_vm._e(),(!_vm.noData && !_vm.isLoading && _vm.data === null)?_c('page-placeholder',{attrs:{\"title\":\"Please select a specific campaign and brand to view associated data.\"}}):_vm._e(),(_vm.data !== null && !_vm.noData && !_vm.isLoading)?_c('div',[_c('adjust-table',{attrs:{\"tableData\":_vm.data.table_data}}),_c('b-card',[_c('b-row',[_c('b-col',[_c('adjust-chart',{attrs:{\"chartType\":\"bar\",\"title\":\"Install\",\"filterOptions\":_vm.filterOptions.install,\"selectedFilter\":_vm.selectedInstall,\"graphData\":_vm.installData},on:{\"filterChange\":_vm.handleFilterChange}})],1)],1)],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"d-flex justify-content-between mb-2\">\n      <h2>{{ dataInfo.title }}</h2>\n      <b-form-radio-group\n        :options=\"filterOptions\"\n        button-variant=\"primary\"\n        buttons\n        @change=\"handleFilterChange\"\n      ></b-form-radio-group>\n    </div>\n    <vue-apex-charts :options=\"chartData.options\" :series=\"chartData.series\" height=\"350\"></vue-apex-charts>\n  </div>\n</template>\n\n<script>\nimport { BFormRadioGroup, BFormGroup } from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    BFormGroup,\n    BFormRadioGroup,\n  },\n  props: {\n    title: {\n      type: String,\n      required: true,\n    },\n    chartType: {\n      type: String,\n      required: true,\n    },\n    filterOptions: {\n      type: Array,\n      required: true,\n    },\n    selectedFilter: {\n      type: String,\n      required: true,\n    },\n    graphData: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    const actualColor = \"#6222b6\";\n    // const expectedColor = \"#28E9FD\";\n    return {\n      chartOptions: {\n        chart: {\n          type: this.chartType,\n        },\n        dataLabels:{\n          enabled: false\n        },\n        xaxis: {\n          type: \"datetime\",\n        },\n        yaxis: {\n          title: {\n            text: null,\n          },\n          style: {\n            color: \"white\",\n            fontSize: \"20px\",\n          },\n        },\n        plotOptions: {\n          bar: {\n            columnWidth: \"60%\",\n          },\n        },\n        colors: [actualColor],\n        tooltip: {\n          marker: {\n            show: false,\n          },\n        },\n      },\n    };\n  },\n  methods: {\n    handleFilterChange(newFilter) {\n      this.$emit(\"filterChange\", newFilter, this.title);\n    },\n  },\n  computed: {\n    dataInfo() {\n      let title;\n      let key;\n      if (this.title === \"Retention\") {\n        key = \"retention_rate\";\n        title = \"Retention Rate\";\n      }\n      if (this.title === \"Install\") {\n        if (this.selectedFilter === \"install\") {\n          key = \"installs\";\n          title = \"Installs\";\n        }\n        if (this.selectedFilter === \"sessions\") {\n          key = \"session\";\n          title = \"Sessions\";\n        }\n      }\n      return {\n        title,\n        key,\n      };\n    },\n    chartData() {\n      const vals = this.graphData.map((item) => ({ x: item.date, y: item[this.dataInfo.key] }));\n      const series = [{ name: this.dataInfo.title, data: vals }];\n      const options = {\n        ...this.chartOptions,\n        yaxis: { title: { text: this.dataInfo.title, style: { ...this.chartOptions.yaxis.style } } },\n      };\n      return {\n        series,\n        options,\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!./AdjustChart.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!./AdjustChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AdjustChart.vue?vue&type=template&id=8f84071e\"\nimport script from \"./AdjustChart.vue?vue&type=script&lang=js\"\nexport * from \"./AdjustChart.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"d-flex justify-content-between mb-2\"},[_c('h2',[_vm._v(_vm._s(_vm.dataInfo.title))]),_c('b-form-radio-group',{attrs:{\"options\":_vm.filterOptions,\"button-variant\":\"primary\",\"buttons\":\"\"},on:{\"change\":_vm.handleFilterChange}})],1),_c('vue-apex-charts',{attrs:{\"options\":_vm.chartData.options,\"series\":_vm.chartData.series,\"height\":\"350\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card>\n    <table-enhancer\n      tableName=\"Adjust Campaign Table\"\n      :tableData=\"tableData\"\n      :tableFields=\"formattedFields\"\n      :filterableColumns=\"[\n        'campaign',\n        'channel',\n        'objective',\n        'campaign_type',\n        'category',\n      ]\"\n    />\n  </b-card>\n</template>\n\n<script>\nimport { BCard } from \"bootstrap-vue\";\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\";\nexport default {\n  components: {\n    TableEnhancer,\n    BCard,\n  },\n  props: {\n    tableData: {\n      type: Array,\n      required: true,\n    },\n  },\n  computed: {\n    formattedFields() {\n      const baseFields = [\n        { key: \"campaign\", label: \"Campaign\" },\n        { key: \"channel\", label: \"Channel\" },\n      ];\n      const omittedFields = baseFields.map((field) => field.key);\n      const remainingFields = Object.keys(this.tableData[0])\n        .filter((field) => !omittedFields.includes(field))\n        .map((field) => ({\n          key: field,\n          label: this.formatFieldName(field),\n          sortable: true,\n        }));\n      const unitedFields = [\n        ...baseFields.map((field) => ({ ...field, sortable: true })),\n        ...remainingFields,\n      ];\n      return unitedFields;\n    },\n  },\n  methods: {\n    formatFieldName(fieldName) {\n      return fieldName\n        .split(\"_\")\n        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n        .join(\" \");\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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=598ec49c\"\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',[_c('table-enhancer',{attrs:{\"tableName\":\"Adjust Campaign Table\",\"tableData\":_vm.tableData,\"tableFields\":_vm.formattedFields,\"filterableColumns\":[\n      'campaign',\n      'channel',\n      'objective',\n      'campaign_type',\n      'category' ]}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h3 class=\"mb-1\">Adjust Campaign Report</h3>\n    <b-button variant=\"primary\" class=\"mb-1\" size=\"sm\" @click=\"previousPage\">\n      Back\n    </b-button>\n\n    <filters-v2 :get-metrics=\"getMetrics\" name=\"adjustReport\" />\n    <no-data-temp\n      v-if=\"noData && !isLoading\"\n      name=\"No data available for requested parameters.\"\n      text=\"Try different parameters\"\n    />\n    <loading v-if=\"isLoading && !noData\" />\n    <page-placeholder\n      title=\"Please select a specific campaign and brand to view associated data.\"\n      v-if=\"!noData && !isLoading && data === null\"\n    />\n    <div v-if=\"data !== null && !noData && !isLoading\">\n      <adjust-table :tableData=\"data.table_data\" />\n      <b-card>\n        <b-row>\n          <!-- <b-col>\n            <adjust-chart\n              chartType=\"bar\"\n              title=\"Retention\"\n              :filterOptions=\"filterOptions.retention\"\n              :selectedFilter=\"selectedRetention\"\n              @filterChange=\"handleFilterChange\"\n              :graphData=\"retentionData\"\n          /></b-col> -->\n          <b-col>\n            <adjust-chart\n              chartType=\"bar\"\n              title=\"Install\"\n              :filterOptions=\"filterOptions.install\"\n              :selectedFilter=\"selectedInstall\"\n              @filterChange=\"handleFilterChange\"\n              :graphData=\"installData\"\n          /></b-col>\n        </b-row>\n      </b-card>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BTable, BButton, BCard, BRow, BCol } from \"bootstrap-vue\";\nimport AdjustChart from \"./AdjustChart.vue\";\nimport AdjustTable from \"./Table.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport PagePlaceholder from \"@/views/FilterSelections.vue\";\n\nexport default {\n  components: {\n    BTable,\n    BButton,\n    BCard,\n    BRow,\n    BCol,\n    AdjustChart,\n    AdjustTable,\n    Loading,\n    NoDataTemp,\n    FiltersV2,\n    PagePlaceholder,\n  },\n  data() {\n    return {\n      isLoading: false,\n      noData: false,\n      // selectedRetention: \"daily\",\n      selectedInstall: \"install\",\n      filterOptions: {\n        retention: [\n          { text: \"Daily\", value: \"daily\" },\n          { text: \"Weekly\", value: \"weekly\" },\n        ],\n        install: [\n          { text: \"Install\", value: \"install\" },\n          { text: \"Session\", value: \"sessions\" },\n        ],\n      },\n      data: null,\n    };\n  },\n  methods: {\n    handleFilterChange(newFilter, compTitle) {\n      this[`selected${compTitle}`] = newFilter;\n    },\n    async getMetrics(params) {\n      const queryParams = {};\n\n      let eventString = \"\";\n      if (params.events && params.events.length > 0) {\n        eventString = params.events.join(\",\");\n      }\n      queryParams.selected_events = eventString;\n\n      let channelString = \"\";\n      if (params.channels && params.channels.length > 0) {\n        channelString = params.channels.join(\",\");\n      }\n      queryParams.selected_channels = channelString;\n\n      this.isLoading = true;\n      await this.$http\n        .get(\"/reports/adjust\", {\n          params: {\n            brand_id: params.brand.value,\n            adin_id: params.campaign.value,\n            ...queryParams,\n          },\n        })\n        .then(({ data }) => {\n          this.data = data;\n          this.noData = false;\n        })\n        .catch((e) => {\n          this.noData = true;\n        })\n        .finally(() => (this.isLoading = false));\n    },\n    previousPage() {\n      this.$router.push(\"/smart-reporting/custom-reports-page\");\n    },\n  },\n  computed: {\n    // retentionData() {\n    //   const dataKey = `retention_graph_data_${this.selectedRetention}`;\n    //   return this.data[dataKey];\n    // },\n    installData() {\n      const dataKey = `${this.selectedInstall}_graph_data`;\n      return this.data[dataKey];\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=1aca8248\"\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","module.exports = __webpack_public_path__ + \"img/optimization-selection.2883f97a.svg\";","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"],"sourceRoot":""}