{"version":3,"sources":["webpack:///./src/assets/images/uploads/optimization-selection.svg","webpack:///./src/views/FilterSelections.vue?96e8","webpack:///./src/views/smart-reporting/custom-reports/placement-report/Index.vue?c386","webpack:///src/views/smart-reporting/custom-reports/placement-report/UsersByInterest.vue","webpack:///./src/views/smart-reporting/custom-reports/placement-report/UsersByInterest.vue?f61c","webpack:///./src/views/smart-reporting/custom-reports/placement-report/UsersByInterest.vue","webpack:///./src/views/smart-reporting/custom-reports/placement-report/UsersByInterest.vue?4ae6","webpack:///src/views/smart-reporting/custom-reports/placement-report/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/placement-report/Index.vue?515a","webpack:///./src/views/smart-reporting/custom-reports/placement-report/Index.vue","webpack:///./src/views/FilterSelections.vue?809f","webpack:///./src/views/FilterSelections.vue?22e5","webpack:///src/views/FilterSelections.vue","webpack:///./src/views/FilterSelections.vue"],"names":["module","exports","components","vSelect","BRow","BCol","BTable","BFormGroup","BFormSelect","BPagination","BInputGroup","BFormInput","BInputGroupAppend","BButton","BCardBody","BCard","TableEnhancer","props","placementTable","type","Object","required","data","perPage","pageOptions","currentPage","selectedPublisher","formatPlacementList","filter","filterOn","fields","key","label","sortable","columns","methods","left","onFiltered","filteredItems","filteredMetrics","getBarWidth","avg","parsedAvg","parseFloat","Math","abs","formatData","report","item","publisher","title","placement","map","kFormatter","numberFormatter","component","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$store","state","appConfig","isRTL","model","value","callback","$$v","expression","Loading","NoDataTemp","UsersByInterest","FiltersV2","FilterSelections","recData","noData","isLoading","isOpeningPage","params","$http","get","brand_id","brand","adin_id","campaign","then","catch","e","previousPage","$router","push","_v","on","getMetrics","_e","staticRenderFns","BImg","String","default","selectionImage","require","_s"],"mappings":"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","file":"js/chunk-6c1ee277.aaf015a2.js","sourcesContent":["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('section',{staticClass:\"audience-report\",attrs:{\"id\":\"custom-reports\"}},[_c('h3',{staticClass:\"mb-1\"},[_vm._v(\"Placement Report\")]),_c('b-button',{staticClass:\"mb-2\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":_vm.previousPage}},[_c('span',{staticClass:\"align-middle\"},[_vm._v(\"Back\")])]),_c('filtersV2',{attrs:{\"name\":\"defaultReportPages\",\"get-metrics\":_vm.getMetrics}}),(_vm.isOpeningPage)?_c('filter-selections',{attrs:{\"title\":\"Select brand and campaign to see the report\"}}):_vm._e(),(_vm.isLoading)?_c('span',[_c('loading')],1):_c('span',[(_vm.noData)?_c('span',[_c('no-data-temp')],1):_c('span',[_c('users-by-interest',{attrs:{\"placement-table\":_vm.recData}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-card>\n      <div class=\"d-flex justify-content-start align-items-center\">\n        <!-- Publisher Filter -->\n        <v-select\n          v-model=\"selectedPublisher\"\n          :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\n          label=\"title\"\n          :options=\"formatPlacementList()\"\n          :clearable=\"false\"\n          class=\"my-2 w-25\"\n        />\n      </div>\n      <table-enhancer\n        tableName=\"Placement Report\"\n        :tableData=\"formatData()\"\n        :tableFields=\"fields\"\n        :filterableColumns=\"columns\"\n      />\n    </b-card>\n  </section>\n</template>\n\n<script>\nimport {\n  BCard,\n  BTable,\n  BFormGroup,\n  BFormSelect,\n  BPagination,\n  BInputGroup,\n  BFormInput,\n  BInputGroupAppend,\n  BButton,\n  BCardBody,\n  BCardHeader,\n  BCardTitle,\n  BCol,\n  BRow,\n} from \"bootstrap-vue\";\nimport { kFormatter } from \"@core/utils/filter\";\nimport { numberFormatter } from \"@core/utils/filter\";\nimport { left } from \"core-js/internals/array-reduce\";\nimport vSelect from \"vue-select\";\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\";\n\nexport default {\n  components: {\n    vSelect,\n    BRow,\n    BCol,\n    BTable,\n    BFormGroup,\n    BFormSelect,\n    BPagination,\n    BInputGroup,\n    BFormInput,\n    BInputGroupAppend,\n    BButton,\n    BCardBody,\n    BCard,\n    TableEnhancer,\n  },\n  props: {\n    placementTable: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      perPage: 10,\n      pageOptions: [10, 20, 50],\n      currentPage: 1,\n      selectedPublisher: this.formatPlacementList()[0],\n      filter: null,\n      filterOn: [],\n      fields: [\n        {\n          key: \"placement_name\",\n          label: \"Placement\",\n          sortable: true,\n        },\n        {\n          key: \"impressions\",\n          label: \"Impressions\",\n          sortable: true,\n        },\n        {\n          key: \"viewable_impressions\",\n          label: \"Viewable Impressions\",\n          sortable: true,\n        },\n        {\n          key: \"clicks\",\n          label: \"Clicks\",\n          sortable: true,\n        },\n        {\n          key: \"ctr\",\n          label: \"Ctr\",\n          sortable: true,\n        },\n        {\n          key: \"cost\",\n          label: \"Cost\",\n          sortable: true,\n        },\n        {\n          key: \"viewability\",\n          label: \"Viewability\",\n          sortable: true,\n        },\n        {\n          key: \"cpm\",\n          label: \"Cpm\",\n          sortable: true,\n        },\n      ],\n      columns: [\"placement_name\"],\n    };\n  },\n  methods: {\n    left,\n    onFiltered(filteredItems) {\n      this.filteredMetrics = filteredItems;\n      this.currentPage = 1;\n    },\n    getBarWidth(avg) {\n      const parsedAvg = parseFloat(avg);\n      if (parsedAvg < 0) {\n        return Math.abs(parsedAvg) + \"%\";\n      } else {\n        return parsedAvg + \"%\";\n      }\n    },\n    formatData() {\n      return this.placementTable.report.filter(\n        (item) => item.publisher === this.selectedPublisher.title\n      );\n    },\n    formatPlacementList() {\n      const publisherList = this.placementTable.placement;\n      return publisherList.map((publisher) => {\n        return {\n          title: publisher,\n        };\n      });\n    },\n    kFormatter,\n    numberFormatter,\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!./UsersByInterest.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!./UsersByInterest.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UsersByInterest.vue?vue&type=template&id=bd28785e\"\nimport script from \"./UsersByInterest.vue?vue&type=script&lang=js\"\nexport * from \"./UsersByInterest.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('section',[_c('b-card',[_c('div',{staticClass:\"d-flex justify-content-start align-items-center\"},[_c('v-select',{staticClass:\"my-2 w-25\",attrs:{\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"label\":\"title\",\"options\":_vm.formatPlacementList(),\"clearable\":false},model:{value:(_vm.selectedPublisher),callback:function ($$v) {_vm.selectedPublisher=$$v},expression:\"selectedPublisher\"}})],1),_c('table-enhancer',{attrs:{\"tableName\":\"Placement Report\",\"tableData\":_vm.formatData(),\"tableFields\":_vm.fields,\"filterableColumns\":_vm.columns}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section id=\"custom-reports\" class=\"audience-report\">\n    <h3 class=\"mb-1\">Placement Report</h3>\n    <b-button variant=\"primary\" size=\"sm\" class=\"mb-2\" @click=\"previousPage\">\n      <span class=\"align-middle\">Back</span>\n    </b-button>\n    <filtersV2 name=\"defaultReportPages\" :get-metrics=\"getMetrics\" />\n    <filter-selections v-if=\"isOpeningPage\" title=\"Select brand and campaign to see the report\"/>\n\n    <span v-if=\"isLoading\">\n      <loading />\n    </span>\n    <span v-else>\n      <span v-if=\"noData\">\n        <no-data-temp/>\n      </span>\n      <span v-else>\n        <users-by-interest :placement-table=\"recData\" />\n      </span>\n    </span>\n  </section>\n</template>\n\n<script>\nimport {BButton } from \"bootstrap-vue\";\nimport UsersByInterest from \"./UsersByInterest.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport FilterSelections from \"@/views/FilterSelections.vue\";\n\nexport default {\n  components: {\n    Loading,\n    BButton,\n    NoDataTemp,\n    UsersByInterest,\n    FiltersV2,\n    FilterSelections,\n  },\n  data() {\n    return {\n      recData: null,\n      noData: false,\n      isLoading: false,\n      isOpeningPage: true,\n    };\n  },\n  methods: {\n    async getMetrics(params) {\n      this.noData = false;\n      this.isLoading = true;\n      this.isOpeningPage = false;\n      await this.$http\n        .get(\"reports/placement_detail\", {\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.isLoading = false;\n          this.noData = false;\n        })\n        .catch((e) => {\n          this.noData = true;\n          this.isLoading = false;\n        });\n    },\n    previousPage() {\n      this.$router.push(\"/smart-reporting/custom-reports-page\");\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=59477f8a\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('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":""}