{"version":3,"sources":["webpack:///./src/views/scores/creative/video/Rates.vue?ac13","webpack:///./src/views/scores/creative/video/Campaign.vue?ba0e","webpack:///./src/views/scores/creative/video/AudienceCards.vue?5c22","webpack:///./src/views/scores/creative/video/AgeChart.vue?a2c8","webpack:///./src/views/scores/creative/video/Index.vue?3ee4","webpack:///./src/views/scores/creative/video/Campaign.vue?8a43","webpack:///src/views/scores/creative/video/Campaign.vue","webpack:///./src/views/scores/creative/video/Campaign.vue?115a","webpack:///./src/views/scores/creative/video/Campaign.vue","webpack:///./src/views/scores/creative/video/Rates.vue?1f6c","webpack:///src/views/scores/creative/video/Rates.vue","webpack:///./src/views/scores/creative/video/Rates.vue","webpack:///./src/views/scores/creative/video/Rates.vue?b818","webpack:///./src/views/scores/creative/video/EmbedVideo.vue?2135","webpack:///src/views/scores/creative/video/EmbedVideo.vue","webpack:///./src/views/scores/creative/video/EmbedVideo.vue","webpack:///./src/views/scores/creative/video/EmbedVideo.vue?7606","webpack:///./src/views/scores/creative/video/AudienceCards.vue?4c2f","webpack:///src/views/scores/creative/video/AudienceCards.vue","webpack:///./src/views/scores/creative/video/AudienceCards.vue?ea88","webpack:///./src/views/scores/creative/video/AudienceCards.vue","webpack:///src/views/scores/creative/video/AgeChart.vue","webpack:///./src/views/scores/creative/video/AgeChart.vue?a07b","webpack:///./src/views/scores/creative/video/AgeChart.vue","webpack:///./src/views/scores/creative/video/AgeChart.vue?a224","webpack:///src/views/scores/creative/video/VideoTimeline.vue","webpack:///./src/views/scores/creative/video/VideoTimeline.vue?d29c","webpack:///./src/views/scores/creative/video/VideoTimeline.vue","webpack:///./src/views/scores/creative/video/VideoTimeline.vue?562c","webpack:///src/views/scores/creative/video/Index.vue","webpack:///./src/views/scores/creative/video/Index.vue?fff6","webpack:///./src/views/scores/creative/video/Index.vue"],"names":["e","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","campaignCard","cost","wholePart","decimalPart","style","width","calculateProgress","kFormatter","budget","attrs","days","goal","range","buyingType","components","BRow","BCol","BCard","BBadge","BCarousel","BCarouselSlide","props","campaignData","type","Object","required","computed","formatNumber","process","methods","value","numberFormat","Intl","NumberFormat","minimumFractionDigits","maximumFractionDigits","format","split","replace","data","eyeIconUrl","require","skipIconUrl","BCardHeader","BCardTitle","BCardBody","ratesCard","skipCompletionRates","impression","recData","viewableImpression","viewabilityRate","plannedViewability","staticStyle","view","avgview","skip","completion","BEmbed","videoLink","videoUrl","_l","item","index","key","class","getCardColor","title","BCardText","cardData","Array","mounted","BContainer","AudienceCards","chartData","audienceCardData","sortedData","sort","a","b","sortedDataRemaining","slice","center","left","filter","right","getPosition","getBarStyles","isLeft","isRight","flexGrowValue","marginValue","length","flexGrow","opacity","height","zIndex","fontSize","marginRight","marginLeft","getCenterBarFontSize","watch","handler","newData","entries","ageChart","map","toFixed","genderCard","male","female","immediate","_e","above","directives","VBTooltip","Ripple","tableGraph","apexChartData","series","name","values","skippableVideoAd","chartOptions","chart","toolbar","show","stroke","curve","colors","grid","xaxis","categories","keys","tickAmount","text","color","axisBorder","axisTicks","fill","gradient","shadeIntensity","opacityFrom","opacityTo","colorStops","offset","yaxis","max","dataLabels","enabled","tooltip","theme","x","y","formatter","NoDataTemp","FiltersV2","Campaign","Rates","EmbedVideo","AgeChart","VideoTimeline","noData","currentKey","ageChartProp","params","hasOwnProperty","response","$http","get","brand_id","brand","adin_id","videoCampaign","ad_id","platform","audienceAges","audienceGender","getMetrics","duration","video","staticRenderFns"],"mappings":"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","file":"js/chunk-206db4d5.eb1ed3a8.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Rates.vue?vue&type=style&index=0&id=52d79c55&prod&lang=scss\"","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!./Campaign.vue?vue&type=style&index=0&id=403495bc&prod&scoped=true&lang=scss\"","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!./AudienceCards.vue?vue&type=style&index=0&id=337dab5c&prod&lang=scss&scoped=true\"","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!./AgeChart.vue?vue&type=style&index=0&id=295448d6&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{attrs:{\"id\":\"app-video\"}},[_c('filtersV2',{attrs:{\"name\":\"creativeVideo\",\"get-metrics\":_vm.getMetrics}}),(_vm.noData)?_c('no-data-temp',{key:_vm.currentKey,attrs:{\"text\":\"\",\"name\":\"No Video\"}}):_vm._e(),(!_vm.noData)?_c('span',{key:_vm.currentKey},[_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"lg\":\"3\"}},[_c('campaign',{attrs:{\"campaign-data\":_vm.recData.campaignCard}})],1),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('rates',{attrs:{\"rates-card\":_vm.recData.duration,\"skip-completion-rates\":_vm.recData.skipCompletionRates}})],1),_c('b-col',{attrs:{\"lg\":\"5\"}},[_c('age-chart',{attrs:{\"data\":_vm.ageChartProp}})],1)],1),_c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"md\":\"7\"}},[_c('embed-video',{attrs:{\"video-link\":_vm.recData.video}})],1),_c('b-col',{attrs:{\"md\":\"5\"}},[_c('video-timeline',{attrs:{\"table-graph\":_vm.recData.tableGraph}})],1)],1)],1):_vm._e(),(_vm.recData === null && !_vm.noData)?_c('span'):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"px-1\"},[_c('b-row',[_c('h4',{staticClass:\"thin-header\"},[_vm._v(\"Cost\")])]),_c('b-row',[_c('h1',[_vm._v(_vm._s(_vm.campaignCard.cost.wholePart)+\".\")]),_c('p',{staticClass:\"cost-decimal\"},[_vm._v(_vm._s(_vm.campaignCard.cost.decimalPart))])]),_c('b-row',[_c('div',{staticClass:\"custom-progress border-radius\"},[_c('span',{staticClass:\"bar green-gradient text-center\",style:({\n          width: _vm.calculateProgress + '%',\n        })})])]),_c('b-row',[_c('b-col',{staticClass:\"p-0 mt-1\"},[_c('h4',{staticClass:\"thin-header\"},[_vm._v(\"Budget\")]),_c('h1',[_vm._v(_vm._s(_vm.kFormatter(_vm.campaignCard.budget)))]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\"The budget for this campaign\")])]),_c('b-col',{staticClass:\"p-0 mt-1\",attrs:{\"sm\":\"4\"}},[_c('h3',{staticClass:\"thin-header\"},[_vm._v(\"Days\")]),_c('h2',[_vm._v(_vm._s(_vm.campaignCard.days))])])],1),_c('hr'),_c('b-row',{staticClass:\"mt-1\"},[_c('p',{staticClass:\"thin-header text-muted\"},[_vm._v(\"Goal :\")]),_c('p',{staticClass:\"bottom-side\"},[_vm._v(_vm._s(_vm.campaignCard.goal))])]),_c('b-row',[_c('p',{staticClass:\"thin-header text-muted\"},[_vm._v(\"Range :\")]),_c('p',{staticClass:\"bottom-side\"},[_vm._v(_vm._s(_vm.campaignCard.range))])]),_c('b-row',[_c('p',{staticClass:\"thin-header text-muted\"},[_vm._v(\"Buying Type :\")]),_c('p',{staticClass:\"bottom-side\"},[_vm._v(_vm._s(_vm.campaignCard.buyingType))])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"px-1\">\n    <b-row>\n      <h4 class=\"thin-header\">Cost</h4>\n    </b-row>\n    <b-row>\n      <h1>{{ campaignCard.cost.wholePart }}.</h1>\n      <p class=\"cost-decimal\">{{ campaignCard.cost.decimalPart }}</p>\n    </b-row>\n    <b-row>\n      <div class=\"custom-progress border-radius\">\n        <span\n          class=\"bar green-gradient text-center\"\n          :style=\"{\n            width: calculateProgress + '%',\n          }\"\n        >\n        </span>\n      </div>\n    </b-row>\n    <b-row>\n      <b-col class=\"p-0 mt-1\">\n        <h4 class=\"thin-header\">Budget</h4>\n        <h1>{{ kFormatter(campaignCard.budget) }}</h1>\n        <p class=\"text-muted\">The budget for this campaign</p>\n      </b-col>\n      <b-col sm=\"4\" class=\"p-0 mt-1\">\n        <h3 class=\"thin-header\">Days</h3>\n        <h2>{{ campaignCard.days }}</h2>\n      </b-col>\n    </b-row>\n    <hr>\n    <b-row class=\"mt-1\">\n      <p class=\"thin-header text-muted\">Goal :</p>\n      <p class=\"bottom-side\">{{ campaignCard.goal }}</p>\n    </b-row>\n    <b-row>\n      <p class=\"thin-header text-muted\">Range :</p>\n      <p class=\"bottom-side\">{{ campaignCard.range }}</p>\n    </b-row>\n    <b-row>\n      <p class=\"thin-header text-muted\">Buying Type :</p>\n      <p class=\"bottom-side\">{{ campaignCard.buyingType }}</p>\n    </b-row>\n  </b-card>\n</template>\n\n<script>\nimport {\n  BBadge,\n  BCard,\n  BCarousel,\n  BCarouselSlide,\n  BRow,\n  BCol,\n} from \"bootstrap-vue\";\nimport { kFormatter } from \"@core/utils/filter\";\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BCard,\n    BBadge,\n    BCarousel,\n    BCarouselSlide,\n  },\n  props: {\n    campaignData: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    campaignCard() {\n      return {\n        ...this.campaignData,\n        budget: this.kFormatter(this.campaignData.budget),\n        cost: this.formatNumber(this.campaignData.cost),\n      };\n    },\n    calculateProgress() {\n      let process = 0;\n      if (this.campaignData.budget !== 0) {\n        process = (this.campaignData.cost / this.campaignData.budget) * 100;\n      }\n      return process;\n    },\n  },\n  methods: {\n    kFormatter,\n    formatNumber(value) {\n      const numberFormat = new Intl.NumberFormat(\"en-US\", {\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2,\n      });\n      let [wholePart, decimalPart] = numberFormat.format(value).split(\".\");\n      return {\n        wholePart: wholePart.replace(/,/g, \",\"),\n        decimalPart: decimalPart,\n      };\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.thin-header {\n  font-weight: 150 !important;\n}\n.custom-progress {\n  overflow: hidden;\n  display: block;\n  background: rgba(255, 255, 255, 0.05);\n  width: 75%;\n  height: 8px;\n  border-top-right-radius: 0.5rem;\n  border-bottom-right-radius: 0.5rem;\n  .bar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 40px;\n  }\n}\n\n.bottom-side {\n  margin-left: 0.3rem;\n}\n\n.cost-decimal {\n  margin-bottom: 0rem;\n  margin-top: 0.7rem;\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!./Campaign.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!./Campaign.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Campaign.vue?vue&type=template&id=403495bc&scoped=true\"\nimport script from \"./Campaign.vue?vue&type=script&lang=js\"\nexport * from \"./Campaign.vue?vue&type=script&lang=js\"\nimport style0 from \"./Campaign.vue?vue&type=style&index=0&id=403495bc&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"403495bc\",\n  null\n  \n)\n\nexport default component.exports","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!./Rates.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!./Rates.vue?vue&type=script&lang=js\"","<template>\n  <b-card no-body class=\"video-rates-container\">\n    <b-card-header>\n      <b-card-title> Duration </b-card-title>\n    </b-card-header>\n    <b-card-body>\n      <b-row class=\"rates justify-content-around\">\n        <img class=\"align-self-center\" :src=\"eyeIconUrl\" alt=\"eyeIcon\" width=\"30px\" height=\"30px\" />\n        <div class=\"d-flex flex-column\">\n          <h4 class=\"font-weight-light text-center\">View</h4>\n          <div class=\"rate-wrapper align-self-center\" style=\"min-width: 8rem; min-height:4rem\">\n            <h2 style=\"margin-top: 0.5rem\">\n              {{ kFormatter(ratesCard.view) }}\n            </h2>\n          </div>\n        </div>\n        <div class=\"d-flex flex-column\">\n          <h4 class=\"font-weight-light text-center\">Avg. View</h4>\n          <div class=\"rate-wrapper align-self-center\" style=\"min-width: 8rem; min-height:4rem\">\n            <h2 style=\"margin-top: 0.5rem\">\n              {{ ratesCard.avgview }} s\n            </h2>\n          </div>\n        </div>\n      </b-row>\n      <b-row>\n        <h4 class=\"p-1 pt-3\">Skip / Completion Rates</h4>\n      </b-row>\n      <b-row class=\"rates justify-content-around\">\n        <img class=\"align-self-center\" :src=\"skipIconUrl\" alt=\"skipIcon\" width=\"40px\" height=\"40px\"/>\n        <div class=\"d-flex flex-column\">\n          <h4 class=\"font-weight-light text-center\">Skip</h4>\n          <div class=\"rate-wrapper align-self-center\" style=\"min-width: 8rem; min-height:4rem\">\n            <h2 style=\"margin-top: 0.5rem\" >\n              %{{ skipCompletionRates.skip }}\n            </h2>\n          </div>\n        </div>\n        <div class=\"d-flex flex-column\">\n          <h4 class=\"font-weight-light text-center\">Completion</h4>\n          <div class=\"rate-wrapper align-self-center\" style=\"min-width: 8rem; min-height:4rem\">\n            <h2 style=\"margin-top: 0.5rem\">\n              %{{ skipCompletionRates.completion }}\n            </h2>\n          </div>\n        </div>\n      </b-row>\n    </b-card-body>\n  </b-card>\n</template>\n<script>\nimport {\n  BCard,\n  BCardHeader,\n  BCardTitle,\n  BCardBody,\n  BRow,\n  BCol,\n  BProgress,\n} from \"bootstrap-vue\";\nimport { kFormatter } from \"@core/utils/filter\";\n\nexport default {\n  data() {\n    return {\n      eyeIconUrl: require(\"@/assets/images/icons/eye.svg\"),\n      skipIconUrl: require(\"@/assets/images/icons/skip.svg\"),\n    };\n  },\n  components: {\n    BRow,\n    BCol,\n    BCard,\n    BCardHeader,\n    BCardTitle,\n    BCardBody,\n  },\n  props: {\n    ratesCard: {\n      type: Object,\n      required: true,\n    },\n    skipCompletionRates: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    impression() {\n      return this.kFormatter(this.recData.impression);\n    },\n    viewableImpression() {\n      return this.kFormatter(this.recData.viewableImpression);\n    },\n    viewabilityRate() {\n      return this.recData.viewabilityRate * 100;\n    },\n    plannedViewability() {\n      return this.recData.plannedViewability * 100;\n    },\n  },\n  methods: {\n    kFormatter,\n  },\n};\n</script>\n\n<style lang=\"scss\">\n\n.video-rates-container {\n  .rate-wrapper {\n    width: 4rem;\n    height: 3rem;\n  }\n}\n</style>","import { render, staticRenderFns } from \"./Rates.vue?vue&type=template&id=52d79c55\"\nimport script from \"./Rates.vue?vue&type=script&lang=js\"\nexport * from \"./Rates.vue?vue&type=script&lang=js\"\nimport style0 from \"./Rates.vue?vue&type=style&index=0&id=52d79c55&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"video-rates-container\",attrs:{\"no-body\":\"\"}},[_c('b-card-header',[_c('b-card-title',[_vm._v(\" Duration \")])],1),_c('b-card-body',[_c('b-row',{staticClass:\"rates justify-content-around\"},[_c('img',{staticClass:\"align-self-center\",attrs:{\"src\":_vm.eyeIconUrl,\"alt\":\"eyeIcon\",\"width\":\"30px\",\"height\":\"30px\"}}),_c('div',{staticClass:\"d-flex flex-column\"},[_c('h4',{staticClass:\"font-weight-light text-center\"},[_vm._v(\"View\")]),_c('div',{staticClass:\"rate-wrapper align-self-center\",staticStyle:{\"min-width\":\"8rem\",\"min-height\":\"4rem\"}},[_c('h2',{staticStyle:{\"margin-top\":\"0.5rem\"}},[_vm._v(\" \"+_vm._s(_vm.kFormatter(_vm.ratesCard.view))+\" \")])])]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('h4',{staticClass:\"font-weight-light text-center\"},[_vm._v(\"Avg. View\")]),_c('div',{staticClass:\"rate-wrapper align-self-center\",staticStyle:{\"min-width\":\"8rem\",\"min-height\":\"4rem\"}},[_c('h2',{staticStyle:{\"margin-top\":\"0.5rem\"}},[_vm._v(\" \"+_vm._s(_vm.ratesCard.avgview)+\" s \")])])])]),_c('b-row',[_c('h4',{staticClass:\"p-1 pt-3\"},[_vm._v(\"Skip / Completion Rates\")])]),_c('b-row',{staticClass:\"rates justify-content-around\"},[_c('img',{staticClass:\"align-self-center\",attrs:{\"src\":_vm.skipIconUrl,\"alt\":\"skipIcon\",\"width\":\"40px\",\"height\":\"40px\"}}),_c('div',{staticClass:\"d-flex flex-column\"},[_c('h4',{staticClass:\"font-weight-light text-center\"},[_vm._v(\"Skip\")]),_c('div',{staticClass:\"rate-wrapper align-self-center\",staticStyle:{\"min-width\":\"8rem\",\"min-height\":\"4rem\"}},[_c('h2',{staticStyle:{\"margin-top\":\"0.5rem\"}},[_vm._v(\" %\"+_vm._s(_vm.skipCompletionRates.skip)+\" \")])])]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('h4',{staticClass:\"font-weight-light text-center\"},[_vm._v(\"Completion\")]),_c('div',{staticClass:\"rate-wrapper align-self-center\",staticStyle:{\"min-width\":\"8rem\",\"min-height\":\"4rem\"}},[_c('h2',{staticStyle:{\"margin-top\":\"0.5rem\"}},[_vm._v(\" %\"+_vm._s(_vm.skipCompletionRates.completion)+\" \")])])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmbedVideo.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!./EmbedVideo.vue?vue&type=script&lang=js\"","<template>\n  <b-card>\n    <b-embed\n      type=\"iframe\"\n      aspect=\"16by9\"\n      :src=\"videoLink.videoUrl\"\n      allowfullscreen\n    />\n    <span class=\"d-block mb-1\" />\n  </b-card>\n</template>\n\n<script>\nimport { BEmbed, BCard } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BEmbed,\n    BCard,\n  },\n  props:{\n    videoLink: {\n      type: Object,\n      required: true,\n    },\n  },\n  data () {\n    return {\n    }\n  },\n  }\n\n</script>\n","import { render, staticRenderFns } from \"./EmbedVideo.vue?vue&type=template&id=61bc48fd\"\nimport script from \"./EmbedVideo.vue?vue&type=script&lang=js\"\nexport * from \"./EmbedVideo.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('b-embed',{attrs:{\"type\":\"iframe\",\"aspect\":\"16by9\",\"src\":_vm.videoLink.videoUrl,\"allowfullscreen\":\"\"}}),_c('span',{staticClass:\"d-block mb-1\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',_vm._l((_vm.cardData),function(item,index){return _c('b-col',{key:index},[_c('b-card',{staticClass:\"py-1 mb-0\",class:_vm.getCardColor(index),attrs:{\"no-body\":\"\"}},[_c('h5',{staticClass:\"text-nowrap text-center mb-0\"},[_vm._v(_vm._s(item.title))]),_c('h1',{staticClass:\"card-text text-center\"},[_vm._v(_vm._s(item.value)+\"%\")])])],1)}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-row>\n    <b-col v-for=\"(item, index) in cardData\" :key=\"index\">\n      <b-card no-body :class=\"getCardColor(index)\" class=\"py-1 mb-0\">\n        <h5 class=\"text-nowrap text-center mb-0\">{{ item.title }}</h5>\n        <h1 class=\"card-text text-center\">{{ item.value }}%</h1>\n      </b-card>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport { BCard, BCol, BRow, BCardText } from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    BCard,\n    BCol,\n    BRow,\n    BCardText,\n  },\n  props: {\n    cardData: {\n      type: Array,\n      required: true,\n    },\n  },\n  methods: {\n    getCardColor(index) {\n      return `color-class-${index}`;\n    },\n  },\n  mounted() {\n    console.log(\"metricscards\", this.cardData);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.color-class-0 {\n  border: rgb(100, 216, 250), solid 2px;\n}\n.color-class-1 {\n  border: rgb(160, 78, 246), solid 2px;\n}\n.color-class-2 {\n  border: rgb(110, 110, 110), solid 2px;\n}\n\n.card-text {\n  font-size: 2.5rem;\n  font-weight: bolder;\n}\n</style>","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!./AudienceCards.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!./AudienceCards.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AudienceCards.vue?vue&type=template&id=337dab5c&scoped=true\"\nimport script from \"./AudienceCards.vue?vue&type=script&lang=js\"\nexport * from \"./AudienceCards.vue?vue&type=script&lang=js\"\nimport style0 from \"./AudienceCards.vue?vue&type=style&index=0&id=337dab5c&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  \"337dab5c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <b-card >\n    <h4 class=\"m-0\">Audience</h4>\n    <section\n      class=\"d-flex flex-column justify-content-around container--section\"\n    >\n      <div v-if=\"chartData\" class=\"d-flex flex-end container--main\">\n        <div class=\"container container--left\">\n          <div\n            v-for=\"(data, index) in sortedData.left\"\n            :key=\"data[0]\"\n            class=\"chart-bar position-relative\"\n            :style=\"getBarStyles(data[0], index, true, false)\"\n          >\n            <div\n              v-if=\"getPosition(data[0]) === 'split'\"\n              class=\"chart-bar__subtext split\"\n            >\n              {{ data[1] }}\n            </div>\n            <div\n              class=\"chart-bar__data position-absolute\"\n              :class=\"{ above: getPosition(data[0]) === 'above' }\"\n            >\n              <div\n                v-if=\"getPosition(data[0]) !== 'split'\"\n                class=\"chart-bar__subtext\"\n              >\n                {{ data[1] }}\n              </div>\n              <div>\n                {{ data[0] }}<span class=\"chart-bar__percentage\">%</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"container container--center w-50\">\n          <div\n            class=\"chart-bar w-100 h-100 position-relative\"\n            :style=\"getCenterBarFontSize()\"\n          >\n            <div class=\"chart-bar__data position-absolute\">\n              <div class=\"chart-bar__subtext\">{{ sortedData.center[1] }}</div>\n              <div>\n                {{ sortedData.center[0]\n                }}<span class=\"chart-bar__percentage\">%</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"container container--right\">\n          <div\n            v-for=\"(data, index) in sortedData.right\"\n            :key=\"data[0]\"\n            class=\"chart-bar position-relative\"\n            :style=\"getBarStyles(data[0], index, false, true)\"\n          >\n            <div\n              v-if=\"getPosition(data[0]) === 'split'\"\n              class=\"chart-bar__subtext split\"\n            >\n              {{ data[1] }}\n            </div>\n            <div\n              class=\"chart-bar__data position-absolute\"\n              :class=\"{ above: getPosition(data[0]) === 'above' }\"\n            >\n              <div\n                v-if=\"getPosition(data[0]) !== 'split'\"\n                class=\"chart-bar__subtext\"\n              >\n                {{ data[1] }}\n              </div>\n              <div>\n                {{ data[0] }}<span class=\"chart-bar__percentage\">%</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <audience-cards v-if=\"audienceCardData\" :cardData=\"audienceCardData\" />\n    </section>\n  </b-card>\n</template>\n\n<script>\nimport AudienceCards from \"./AudienceCards.vue\";\nimport { BRow, BCol, BContainer, BCard } from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BContainer,\n    BCard,\n    AudienceCards,\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      chartData: null,\n      audienceCardData: null,\n    };\n  },\n  computed: {\n    sortedData() {\n      const sortedData = this.chartData.sort((a, b) => b[0] - a[0]);\n      const sortedDataRemaining = sortedData.slice(1);\n      return {\n        center: sortedData[0],\n        left: sortedDataRemaining.filter((data, index) => index % 2 === 0),\n        right: sortedDataRemaining.filter((data, index) => index % 2 === 1),\n      };\n    },\n  },\n  methods: {\n    getPosition(value) {\n      const aboveBreakpoint = 0.15;\n      const splitBreakpoint = 0.25;\n      if (value / this.sortedData.center[0] < aboveBreakpoint) {\n        return \"above\";\n      }\n      if (\n        value / this.sortedData.center[0] < splitBreakpoint &&\n        value / this.sortedData.center[0] >= aboveBreakpoint\n      ) {\n        return \"split\";\n      }\n\n      return null;\n    },\n    getBarStyles(value, index, isLeft, isRight) {\n      let flexGrowValue = 1 - index * 0.15;\n      let marginValue = 0;\n      if (isRight && this.sortedData.right.length % 2 === 1 && index === 0) {\n        marginValue = 40;\n      }\n      if (isLeft && this.sortedData.left.length === 1 && index === 0) {\n        marginValue = 40;\n      }\n      return {\n        flexGrow: flexGrowValue,\n        opacity: 1 - (index + 1) * 0.15,\n        height: (value / this.sortedData.center[0]) * 100 + \"%\",\n        zIndex: -index,\n        fontSize: 2 - (index + 1) * 0.2 + \"em\",\n        filter: `brightness(${80 - (index + 1) * 10}%)`,\n        marginRight: isRight ? marginValue + \"%\" : \"0\",\n        marginLeft: isLeft ? marginValue + \"%\" : \"0\",\n      };\n    },\n    getCenterBarFontSize() {\n      return {\n        fontSize: 2.5 + \"em\",\n      };\n    },\n  },\n  watch: {\n    data: {\n      handler(newData) {\n        const chartData = Object.entries(newData.ageChart).map(\n          ([key, value]) => {\n            return [value.toFixed(0), key];\n          }\n        );\n        this.chartData = chartData;\n        this.audienceCardData = [\n          { title: \"Male\", value: newData.genderCard.male.toFixed(0) },\n          { title: \"Female\", value: newData.genderCard.female.toFixed(0) },\n        ];\n      },\n      immediate: true,\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.chart-bar {\n  background: linear-gradient(-65deg, #6a00f4, 70%, #bb29fb);\n  border-top-right-radius: 0.4rem;\n  border-top-left-radius: 0.4rem;\n  $data-left-distance: 20%;\n  line-height: 1.15;\n  &__data {\n    top: 5%;\n    left: $data-left-distance;\n    font-weight: 300;\n    &.above {\n      top: initial !important;\n      bottom: 95%;\n    }\n  }\n  &__percentage {\n    font-size: 0.7em;\n  }\n  &__subtext {\n    font-size: 0.8rem;\n    &.split {\n      position: absolute;\n      bottom: 105%;\n      left: $data-left-distance;\n    }\n  }\n}\n\n.container {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: end;\n  padding: 0;\n\n  @media (max-width: 575px) {\n    font-size: 0.4rem !important;\n  }\n  @media (min-width: 576px) and (max-width: 770px) {\n    font-size: 0.6rem !important;\n  }\n  @media (min-width: 992px) and (max-width: 1400px) {\n    font-size: 0.7rem !important;\n  }\n  @media (min-width: 1401) {\n    font-size: 1rem !important;\n  }\n\n  &--section {\n    height: 95%;\n    @media (max-width: 991px) {\n      height: 40vw;\n      margin-bottom: 1.5rem;\n    }\n  }\n  &--main {\n    width: 100%;\n    height: 70%;\n    margin-bottom: 1rem;\n    border-bottom: grey 1px solid;\n    .chart-bar {\n      z-index: 1;\n    }\n  }\n  &--left {\n    flex-direction: row-reverse;\n    .chart-bar {\n      border-top-right-radius: 0;\n      box-shadow: -10px 0 15px -5px rgba(0, 0, 0, 0.2);\n    }\n  }\n  &--right {\n    .chart-bar {\n      border-top-left-radius: 0;\n      box-shadow: 10px 0 15px -5px rgba(0, 0, 0, 0.2);\n    }\n  }\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!./AgeChart.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!./AgeChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AgeChart.vue?vue&type=template&id=295448d6&scoped=true\"\nimport script from \"./AgeChart.vue?vue&type=script&lang=js\"\nexport * from \"./AgeChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./AgeChart.vue?vue&type=style&index=0&id=295448d6&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  \"295448d6\",\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('h4',{staticClass:\"m-0\"},[_vm._v(\"Audience\")]),_c('section',{staticClass:\"d-flex flex-column justify-content-around container--section\"},[(_vm.chartData)?_c('div',{staticClass:\"d-flex flex-end container--main\"},[_c('div',{staticClass:\"container container--left\"},_vm._l((_vm.sortedData.left),function(data,index){return _c('div',{key:data[0],staticClass:\"chart-bar position-relative\",style:(_vm.getBarStyles(data[0], index, true, false))},[(_vm.getPosition(data[0]) === 'split')?_c('div',{staticClass:\"chart-bar__subtext split\"},[_vm._v(\" \"+_vm._s(data[1])+\" \")]):_vm._e(),_c('div',{staticClass:\"chart-bar__data position-absolute\",class:{ above: _vm.getPosition(data[0]) === 'above' }},[(_vm.getPosition(data[0]) !== 'split')?_c('div',{staticClass:\"chart-bar__subtext\"},[_vm._v(\" \"+_vm._s(data[1])+\" \")]):_vm._e(),_c('div',[_vm._v(\" \"+_vm._s(data[0])),_c('span',{staticClass:\"chart-bar__percentage\"},[_vm._v(\"%\")])])])])}),0),_c('div',{staticClass:\"container container--center w-50\"},[_c('div',{staticClass:\"chart-bar w-100 h-100 position-relative\",style:(_vm.getCenterBarFontSize())},[_c('div',{staticClass:\"chart-bar__data position-absolute\"},[_c('div',{staticClass:\"chart-bar__subtext\"},[_vm._v(_vm._s(_vm.sortedData.center[1]))]),_c('div',[_vm._v(\" \"+_vm._s(_vm.sortedData.center[0])),_c('span',{staticClass:\"chart-bar__percentage\"},[_vm._v(\"%\")])])])])]),_c('div',{staticClass:\"container container--right\"},_vm._l((_vm.sortedData.right),function(data,index){return _c('div',{key:data[0],staticClass:\"chart-bar position-relative\",style:(_vm.getBarStyles(data[0], index, false, true))},[(_vm.getPosition(data[0]) === 'split')?_c('div',{staticClass:\"chart-bar__subtext split\"},[_vm._v(\" \"+_vm._s(data[1])+\" \")]):_vm._e(),_c('div',{staticClass:\"chart-bar__data position-absolute\",class:{ above: _vm.getPosition(data[0]) === 'above' }},[(_vm.getPosition(data[0]) !== 'split')?_c('div',{staticClass:\"chart-bar__subtext\"},[_vm._v(\" \"+_vm._s(data[1])+\" \")]):_vm._e(),_c('div',[_vm._v(\" \"+_vm._s(data[0])),_c('span',{staticClass:\"chart-bar__percentage\"},[_vm._v(\"%\")])])])])}),0)]):_vm._e(),(_vm.audienceCardData)?_c('audience-cards',{attrs:{\"cardData\":_vm.audienceCardData}}):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"d-flex chart-container\">\n    <b-card-header>\n      <b-card-title>Retention Analytics</b-card-title>\n    </b-card-header>\n    <div class=\"chart-frame\">\n      <vue-apex-charts\n        type=\"area\"\n        :options=\"apexChartData.chartOptions\"\n        :series=\"apexChartData.series\"\n      />\n    </div>\n  </b-card>\n</template>\n\n<script>\nimport { BCard, BCardHeader, BCardTitle } from \"bootstrap-vue\";\nimport { VBTooltip } from \"bootstrap-vue\";\nimport Ripple from \"vue-ripple-directive\";\n\nexport default {\n  components: {\n    BCard,\n    BCardHeader,\n    BCardTitle,\n  },\n  directives: {\n    \"b-tooltip\": VBTooltip,\n    Ripple,\n  },\n  props: {\n    tableGraph: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      apexChartData: {\n        series: [\n          {\n            name: \"Skippable Video Ad.\",\n            data: Object.values(this.tableGraph.skippableVideoAd),\n          },\n        ],\n        chartOptions: {\n          // annotations: {\n          //   yaxis: [\n          //     {\n          //       y: 101,\n          //       borderColor: \"#8325FB\",\n          //       strokeDashArray: 0,\n          //     },\n          //     {\n          //       y: 0,\n          //       borderColor: \"#8325FB\",\n          //       strokeDashArray: 0,\n          //     },\n          //   ],\n          //   xaxis: [\n          //     {\n          //       x: \"max\",\n          //       borderColor: \"#8325FB\",\n          //       strokeDashArray: 0,\n          //     },\n          //     {\n          //       x: 0,\n          //       borderColor: \"#8325FB\",\n          //       strokeDashArray: 0,\n          //     },\n          //   ],\n          // },\n          chart: {\n            toolbar: {\n              show: true,\n            },\n          },\n          stroke: {\n            curve: \"smooth\",\n            width: 1,\n            colors: [\"#65A6F5\"],\n          },\n          grid: {\n            show: false,\n          },\n          xaxis: {\n            categories: Object.keys(this.tableGraph.skippableVideoAd),\n            tickAmount: 10,\n            title: {\n              text: \"Duration (s)\",\n              style: {\n                color: \"#D2ACFF\",\n              },\n            },\n            axisBorder: {\n              show: false,\n            },\n            axisTicks: {\n              show: false,\n            },\n          },\n          fill: {\n            type: \"gradient\",\n            gradient: {\n              shadeIntensity: 1,\n              opacityFrom: 0.7,\n              opacityTo: 0.3,\n              colorStops: [\n                {\n                  offset: 0,\n                  color: \"#8325FB\",\n                  opacity: 0.7,\n                },\n                {\n                  offset: 100,\n                  color: \"#8325FB\",\n                  opacity: 0.3,\n                },\n              ],\n            },\n          },\n          yaxis: {\n            max: 100,\n            tickAmount: 5,\n            title: {\n              text: \"Retention Rate (%)\",\n              style: {\n                color: \"#D2ACFF\",\n              },\n            },\n            axisTicks: {\n              show: false,\n            },\n          },\n          dataLabels: {\n            enabled: false,\n          },\n          tooltip: {\n            theme: \"dark\",\n            x: {\n              show: true,\n              format: \"Duration (s)\",\n            },\n            y: {\n              formatter: function (value) {\n                return value + \" %\";\n              },\n            },\n          },\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!./VideoTimeline.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!./VideoTimeline.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VideoTimeline.vue?vue&type=template&id=f2cf0ea8\"\nimport script from \"./VideoTimeline.vue?vue&type=script&lang=js\"\nexport * from \"./VideoTimeline.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',{staticClass:\"d-flex chart-container\"},[_c('b-card-header',[_c('b-card-title',[_vm._v(\"Retention Analytics\")])],1),_c('div',{staticClass:\"chart-frame\"},[_c('vue-apex-charts',{attrs:{\"type\":\"area\",\"options\":_vm.apexChartData.chartOptions,\"series\":_vm.apexChartData.series}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section id=\"app-video\">\n    <filtersV2\n      name=\"creativeVideo\"\n      :get-metrics=\"getMetrics\"\n\n    />\n    <no-data-temp v-if=\"noData\" text=\"\" name=\"No Video\" :key=\"currentKey\" />\n    <span v-if=\"!noData\" :key=\"currentKey\">\n      <b-row class=\"match-height\">\n        <b-col lg=\"3\">\n          <campaign :campaign-data=\"recData.campaignCard\" />\n        </b-col>\n        <b-col lg=\"4\">\n          <rates\n            :rates-card=\"recData.duration\"\n            :skip-completion-rates=\"recData.skipCompletionRates\"\n          />\n        </b-col>\n        <b-col lg=\"5\">\n          <age-chart :data=\"ageChartProp\" />\n        </b-col>\n      </b-row>\n      <b-row class=\"match-height\">\n        <b-col md=\"7\">\n          <embed-video :video-link=\"recData.video\" />\n        </b-col>\n        <b-col md=\"5\">\n          <video-timeline :table-graph=\"recData.tableGraph\" />\n        </b-col>\n      </b-row>\n    </span>\n    <span v-if=\"recData === null && !noData\" />\n  </section>\n</template>\n\n<script>\nimport { BRow, BCol } from \"bootstrap-vue\";\nimport Filters from \"@/views/Filters.vue\";\nimport Campaign from \"@/views/scores/creative/video/Campaign.vue\";\nimport Rates from \"./Rates.vue\";\nimport EmbedVideo from \"./EmbedVideo.vue\";\nimport NoDataTemp from \"@/views/NoDataTemp.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport AgeChart from \"./AgeChart.vue\";\nimport VideoTimeline from \"./VideoTimeline.vue\";\n\nexport default {\n  components: {\n    NoDataTemp,\n    BRow,\n    BCol,\n    FiltersV2,\n    Campaign,\n    Rates,\n    EmbedVideo,\n    AgeChart,\n    VideoTimeline,\n  },\n  data() {\n    return {\n      noData: true,\n      recData: null,\n      currentKey: 0,\n      ageChartProp: {},\n    };\n  },\n  methods: {\n    async getMetrics(params) {\n      console.log(params)\n\n      if(!params.hasOwnProperty('platform')) {\n        this.noData = true;\n        return\n      }\n\n      try {\n        const response = await this.$http.get(\"score/creative/video\", {\n          params: {\n            brand_id: params.brand.value,\n            adin_id: params.videoCampaign.value,\n            ad_id: params.platform.value,\n          },\n        });\n\n        if (response.data && Object.keys(response.data).length > 0) {\n          this.recData = response.data;\n          this.ageChartProp = {\n            ageChart: this.recData.audienceAges,\n            genderCard: this.recData.audienceGender,\n          };\n          this.noData = false;\n          this.currentKey += 1;\n        } else {\n          this.recData = null;\n          this.noData = true;\n        }\n      } catch (e) {\n        this.recData = null;\n        this.noData = true;\n        console.error(e);\n      }\n    },\n  },\n};\n</script>\n<style lang=\"scss\"></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!./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=6e62abae\"\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":""}