{"version":3,"sources":["webpack:///./src/views/scores/overview/summary/MetricCards.vue?f255","webpack:///./src/views/scores/overview/summary/CreativeScore.vue?5edb","webpack:///./src/views/scores/overview/summary/VolumeUnitCostTrend.vue?9584","webpack:///./src/views/scores/overview/summary/CampaignCard.vue?5c61","webpack:///./src/views/scores/overview/summary/MediaScore.vue?6ab5","webpack:///./src/views/ui/ai-button/Index.vue?887d","webpack:///src/views/ui/ai-button/Index.vue","webpack:///./src/views/ui/ai-button/Index.vue?1af9","webpack:///./src/views/ui/ai-button/Index.vue","webpack:///./src/views/scores/overview/summary/Index.vue?365c","webpack:///./src/views/scores/overview/summary/MediaScore.vue?4501","webpack:///src/views/scores/overview/summary/MediaScore.vue","webpack:///./src/views/scores/overview/summary/MediaScore.vue","webpack:///./src/views/scores/overview/summary/MediaScore.vue?d537","webpack:///./src/views/scores/overview/summary/CreativeScore.vue?2e29","webpack:///src/views/scores/overview/summary/CreativeScore.vue","webpack:///./src/views/scores/overview/summary/CreativeScore.vue","webpack:///./src/views/scores/overview/summary/CreativeScore.vue?cb73","webpack:///./src/views/scores/overview/summary/CampaignCard.vue?5d24","webpack:///src/views/scores/overview/summary/CampaignCard.vue","webpack:///./src/views/scores/overview/summary/CampaignCard.vue","webpack:///./src/views/scores/overview/summary/CampaignCard.vue?bc0b","webpack:///./src/views/scores/overview/summary/CampaignDashboard.vue?b949","webpack:///src/views/scores/overview/summary/CampaignDashboard.vue","webpack:///./src/views/scores/overview/summary/CampaignDashboard.vue","webpack:///./src/views/scores/overview/summary/CampaignDashboard.vue?99ca","webpack:///src/views/scores/overview/summary/MediaEffectivenessTrend.vue","webpack:///./src/views/scores/overview/summary/MediaEffectivenessTrend.vue?1ca6","webpack:///./src/views/scores/overview/summary/MediaEffectivenessTrend.vue","webpack:///./src/views/scores/overview/summary/MediaEffectivenessTrend.vue?89a0","webpack:///src/views/scores/overview/summary/CreativeScoreTrend.vue","webpack:///./src/views/scores/overview/summary/CreativeScoreTrend.vue?9d72","webpack:///./src/views/scores/overview/summary/CreativeScoreTrend.vue","webpack:///./src/views/scores/overview/summary/CreativeScoreTrend.vue?9cbf","webpack:///src/views/scores/overview/summary/MetricCards.vue","webpack:///./src/views/scores/overview/summary/MetricCards.vue?d889","webpack:///./src/views/scores/overview/summary/MetricCards.vue","webpack:///./src/views/scores/overview/summary/MetricCards.vue?8329","webpack:///src/views/scores/overview/summary/VolumeUnitCostTrend.vue","webpack:///./src/views/scores/overview/summary/VolumeUnitCostTrend.vue?3326","webpack:///./src/views/scores/overview/summary/VolumeUnitCostTrend.vue","webpack:///./src/views/scores/overview/summary/VolumeUnitCostTrend.vue?feb0","webpack:///src/views/scores/overview/summary/PerformanceMetricsTable.vue","webpack:///./src/views/scores/overview/summary/PerformanceMetricsTable.vue?581c","webpack:///./src/views/scores/overview/summary/PerformanceMetricsTable.vue","webpack:///./src/views/scores/overview/summary/PerformanceMetricsTable.vue?b83f","webpack:///./src/views/scores/overview/summary/CampaignTable.vue?ec14","webpack:///src/views/scores/overview/summary/CampaignTable.vue","webpack:///./src/views/scores/overview/summary/CampaignTable.vue","webpack:///./src/views/scores/overview/summary/CampaignTable.vue?ddf7","webpack:///src/views/scores/overview/summary/Index.vue","webpack:///./src/views/scores/overview/summary/Index.vue?f359","webpack:///./src/views/scores/overview/summary/Index.vue","webpack:///./src/views/scores/overview/summary/CampaignDashboard.vue?8e23","webpack:///./src/assets/images/uploads/highlights-ai-icon.svg","webpack:///./src/views/ui/ScoreCircle/ScoreCircle.vue?c4d0","webpack:///src/views/ui/ScoreCircle/subcomponents/DotsAnimation.vue","webpack:///./src/views/ui/ScoreCircle/subcomponents/DotsAnimation.vue?23ff","webpack:///./src/views/ui/ScoreCircle/subcomponents/DotsAnimation.vue","webpack:///./src/views/ui/ScoreCircle/subcomponents/DotsAnimation.vue?dbcb","webpack:///src/views/ui/ScoreCircle/ScoreCircle.vue","webpack:///./src/views/ui/ScoreCircle/ScoreCircle.vue?f401","webpack:///./src/views/ui/ScoreCircle/ScoreCircle.vue","webpack:///./src/views/scores/overview/summary/PerformanceMetricsTable.vue?5e74","webpack:///./src/views/ui/ScoreCircle/ScoreCircle.vue?9fb6","webpack:///./src/views/ui/ai-button/Index.vue?b7f6","webpack:///./src/views/LoadingInterpreter.vue?ef46","webpack:///./src/views/LoadingInterpreter.vue?5478","webpack:///src/views/LoadingInterpreter.vue","webpack:///./src/views/LoadingInterpreter.vue"],"names":["components","BButton","BPopover","Loading","props","popoverName","type","String","required","requestParams","Object","data","loading","popoverOpen","apiResponse","popoverContent","popoverMetrics","methods","getIcon","aiIcon","handleClick","analyzeChart","closePopover","e","$refs","$el","contains","target","$emit","formattedResponse","$http","get","params","comment","replace","error","mounted","document","addEventListener","beforeDestroy","removeEventListener","created","Array","isArray","metrics","join","component","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","on","ref","_v","_s","staticRenderFns","BRow","BCol","BCard","ScoreCircle","computed","objectiveScores","awareness","consideration","conversion","_l","value","key","Math","round","media","Number","universalFormatter","calculateProgress","cost","plannedBudget","isCurrency","outputType","parts","integerPart","fractionalPart","style","width","active_days","objective","date_range","buy_type","source","MediaScore","CreativeScore","CampaignCard","campaignCard","scoreCard","creative","directives","VBPopover","VBTooltip","apexchart","ForecastLineChart","AiButton","historyData","forecastData","filterParams","forecastSettings","height","margin","top","right","bottom","left","chartTypes","lineChartEnabled","stepAreaChartEnabled","basisAreaChartEnabled","barChartEnabled","lineSettings","dottedLines","toggleLines","colors","upperLineColor","lowerLineColor","lineColors","forecastLineColor","forecastAreaColor","barLineColor","textSettings","fontFamily","fontWeight","fontSize","meanLineSettings","meanLineColor","meanLineText","meanLineEnabled","textPosition","x","y","textColor","axisSettings","separationLineEnabled","leftYAxisEnabled","rightYAxisEnabled","textFontSize","axisColor","axisTitles","xAxis","xAxisTitle","titlePosition","numberOfTicks","leftYAxis","labelEnabled","label","labelColor","rightYAxis","tooltipSettings","line1","text","format","line2","line3","area","areaText","legendSettings","showLegend","legendNames","legendColors","zoomOutIconSettings","iconColor","mouseOverColor","responsive","series","adinId","currentKey","preparedSeries","filter","item","name","toLowerCase","map","readySeries","transformedHistoryData","awarenessData","considerationData","conversionData","mediaData","dates","date","index","formattedHistoryData","transformedForecastData","mediaForecastYData","prediction","toFixed","mediaForecastUpperYData","upper_bound","mediaForecastLowerYData","lower_bound","formattedForecastData","line","upperY","lowerY","brand_id","brand","adin_id","start_date","startDate","end_date","endDate","updateChart","chart","updateOptions","campaign","watch","newData","deep","handler","newVal","oldVal","VueApexCharts","forecastLineChart","meanLineDataset","chartData","lineData","length","BFormGroup","BDropdown","BDropdownForm","BFormCheckbox","metricValues","title","getCardClass","kFormatter","formatMetric","isNaN","metric","class","selectedMetrics","dataKey","yAxis","options","chartKey","currentDataLength","isDateChanged","chartSettings","bar","barData","find","graphData","immediate","model","callback","$$v","expression","BTable","fields","percentageMetrics","metricTooltipMap","ctr","cvr","cpa","cpm","cpc","companyInfoText","items","transformData","input","result","forEach","company","industry","push","isCurrencyMetric","includes","scopedSlots","_u","fn","rawName","modifiers","_e","TableEnhancer","sortable","columns","CampaignDashboard","MediaEffectivenessTrend","CreativeScoreTrend","MetricCards","VolumeUnitCostTrend","PerformanceMetricsTable","CampaignTable","FiltersV2","noDataTemp","recData","noData","isLoading","campaignDashboardData","creativeTrendData","scoreTrends","scores","labels","start","end","then","forecastParams","getForecastData","catch","finally","mediaDailyForecast","filterQuery","$route","query","filterInfo","$filterV2","setPreSelections","getMetrics","metricsCard","volumeTrends","volumeTable","campaignsTable","module","exports","variantColor","default","size","dotDensity","circles","maxRadius","viewBox","viewBoxSize","translate","initializeCircles","radius","numDots","speed","opacity","circle","dots","from","angle","random","PI","calculateX","dot","cos","calculateY","sin","circleIndex","dotIndex","abs","AnimatedNumber","DotsAnimation","colorVariant","circleType","blur","Boolean","transparent","duration","smallerDimension","_colorMap$this$colorV","colorMap","primary","secondary","formatToPrice","drawCircle","config","percentage","canvas","circleAnimation","ctx","getContext","containerSize","canvasSize","centerX","centerY","startAngle","endAngle","clearRect","beginPath","arc","strokeStyle","lineWidth","stroke","endX","endY","lineFactor","fillStyle","fill","initObserver","observer","ResizeObserver","entries","entry","contentRect","min","observe","wrapper","disconnect","BSpinner","loadingStatus"],"mappings":"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","file":"js/chunk-65163ca7.32bfd1fc.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!./MetricCards.vue?vue&type=style&index=0&id=6029978f&prod&lang=scss&scoped=true\"","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!./CreativeScore.vue?vue&type=style&index=0&id=1c607401&prod&scoped=true&lang=css\"","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!./VolumeUnitCostTrend.vue?vue&type=style&index=0&id=5c71afc4&prod&scoped=true&lang=css\"","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!./CampaignCard.vue?vue&type=style&index=0&id=20bd20f6&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!./MediaScore.vue?vue&type=style&index=0&id=f083f502&prod&lang=scss&scoped=true\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('b-button',{staticClass:\"analyze-icon p-0 ml-1\",staticStyle:{\"height\":\"35px\",\"width\":\"35px\"},attrs:{\"id\":'popoverTarget-' + _vm.popoverName,\"disabled\":_vm.loading,\"size\":\"sm\",\"variant\":\"outline-primary\"},on:{\"click\":_vm.handleClick}},[(!_vm.loading)?_c('img',{staticClass:\"icon\",staticStyle:{\"width\":\"25px\"},attrs:{\"src\":_vm.getIcon()}}):_c('loading',{staticStyle:{\"min-height\":\"0\"},attrs:{\"label\":''}})],1),_c('b-popover',{ref:_vm.popoverName,attrs:{\"target\":'popoverTarget-' + _vm.popoverName,\"show-sync\":_vm.popoverOpen,\"triggers\":\"click\"}},[_vm._v(\" \"+_vm._s(_vm.popoverContent)+\" \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-button\n      :id=\"'popoverTarget-' + popoverName\"\n      :disabled=\"loading\"\n      size=\"sm\"\n      class=\"analyze-icon p-0 ml-1\"\n      variant=\"outline-primary\"\n      style=\"height: 35px; width: 35px\"\n      @click=\"handleClick\"\n    >\n      <img v-if=\"!loading\" :src=\"getIcon()\" class=\"icon\" style=\"width: 25px\" />\n      <loading v-else :label=\"''\" style=\"min-height: 0\" />\n    </b-button>\n    <b-popover\n      :ref=\"popoverName\"\n      :target=\"'popoverTarget-' + popoverName\"\n      :show-sync=\"popoverOpen\"\n      triggers=\"click\"\n    >\n      {{ popoverContent }}\n    </b-popover>\n  </section>\n</template>\n\n<script>\nimport { BButton, BPopover } from \"bootstrap-vue\";\nimport Loading from \"@/views/LoadingInterpreter.vue\";\nimport aiIcon from \"@/assets/images/uploads/highlights-ai-icon.svg\";\n\nexport default {\n  components: {\n    BButton,\n    BPopover,\n    Loading,\n  },\n  props: {\n    popoverName: {\n      type: String,\n      required: true,\n    },\n    requestParams: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      loading: false,\n      popoverOpen: false,\n      apiResponse: \"\",\n      popoverContent: \"\",\n      popoverMetrics: [],\n    };\n  },\n  methods: {\n    getIcon() {\n      return aiIcon;\n    },\n    handleClick() {\n      if (this.apiResponse === \"\") {\n        this.analyzeChart();\n      } else {\n        this.popoverOpen = !this.popoverOpen;\n      }\n    },\n    closePopover(e) {\n      if (!this.$refs[this.popoverName].$el.contains(e.target)) {\n        this.$refs[this.popoverName].$emit(\"close\");\n      }\n    },\n    async analyzeChart() {\n      this.loading = true;\n      try {\n        const gptApiResponse = await this.$http.get(\"interpreter/fetch\", {\n          params: this.requestParams\n        });\n\n        let formattedResponse = gptApiResponse.data.comment\n          .replace(/\\*\\*(.*?)\\*\\*/g, \"<b>$1</b>\")\n          .replace(/\\n/g, \"<br>\");\n        formattedResponse = formattedResponse.replace(\n          /- (.*?)\\n/g,\n          \"<li>$1</li>\"\n        );\n        formattedResponse = formattedResponse\n          .replace(/<li>/g, \"<ul><li>\")\n          .replace(/<\\/li>/g, \"</li></ul>\");\n        // const firstSentence = formattedResponse.split(\". \")[0] + \".\";\n        this.apiResponse = formattedResponse;\n        this.popoverContent = this.apiResponse;\n\n        if (this.popoverContent === \"No data found or column missing.\" || \"\") {\n          this.popoverContent = \"The chart has not been analyzed yet.\";\n        }\n\n        this.loading = false;\n        this.$refs[this.popoverName].$emit(\"open\");\n      } catch (error) {\n        console.error(\"Error fetching data:\", error);\n        this.apiResponse = \"\";\n        this.loading = false;\n      }\n    },\n  },\n  mounted() {\n    document.addEventListener(\"click\", this.closePopover);\n  },\n  beforeDestroy() {\n    document.removeEventListener(\"click\", this.closePopover);\n  },\n  created() {\n    if (Array.isArray(this.metrics)) {\n      this.popoverMetrics = this.metrics.join(\",\");\n    }\n    else {\n      this.popoverMetrics = this.metrics;\n    }\n  },\n};\n\n</script>\n\n<style scoped>\n.popover {\n  background-color: #8325fb;\n  border-color: #d1d1d1;\n}\n\n.popover .popover-header {\n  background-color: #007bff;\n  color: white;\n}\n\n.popover .popover-body {\n  color: #333;\n  font-size: 16px;\n}\n\n.popover .arrow::after {\n  border-top-color: #f0f0f0;\n}\n</style>\n\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=0e005ff7&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=0e005ff7&prod&scoped=true&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  \"0e005ff7\",\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-row',[_c('b-col',[_c('filtersV2',{attrs:{\"name\":\"overviewPages\",\"get-metrics\":_vm.getMetrics}})],1)],1),(_vm.isLoading)?_c('loading'):(_vm.noData && !_vm.isLoading)?_c('no-data-temp'):(!_vm.noData && !_vm.isLoading && _vm.recData !== null)?_c('div',[_c('campaign-dashboard',{attrs:{\"data\":_vm.campaignDashboardData}}),_c('b-row',[_c('b-col',{attrs:{\"xl\":\"6\",\"cols\":\"12\"}},[_c('media-effectiveness-trend',{attrs:{\"historyData\":_vm.recData.scoreTrends.scores,\"filterParams\":_vm.filterParams,\"forecastData\":_vm.forecastData}})],1),_c('b-col',{attrs:{\"xl\":\"6\",\"cols\":\"12\"}},[_c('creative-score-trend',{attrs:{\"data\":_vm.creativeTrendData,\"filterParams\":_vm.filterParams}})],1)],1),_c('b-row',[_c('b-col',{staticClass:\"mb-2\"},[_c('metric-cards',{attrs:{\"data\":_vm.recData.metricsCard}})],1)],1),_c('b-row',[_c('b-col',{staticClass:\"mb-3\",attrs:{\"xl\":\"7\",\"cols\":\"12\"}},[_c('volume-unit-cost-trend',{attrs:{\"data\":_vm.recData.volumeTrends,\"filterParams\":_vm.filterParams}})],1),_c('b-col',{staticClass:\"mb-3\",attrs:{\"xl\":\"5\",\"cols\":\"12\"}},[_c('performance-metrics-table',{attrs:{\"data\":_vm.recData.volumeTable}})],1)],1),_c('b-row',[_c('b-col',[_c('campaign-table',{attrs:{\"cols\":\"12\",\"data\":_vm.recData.campaignsTable}})],1)],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MediaScore.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!./MediaScore.vue?vue&type=script&lang=js\"","<template>\n  <b-card class=\"h-100 d-flex flex-row py-1 media-score-card\" no-body>\n    <b-row class=\"w-100 m-0\">\n      <b-col cols=\"5\">\n        <div class=\"d-flex flex-column h-100 justify-content-around py-1\">\n          <div v-for=\"(value, key) in objectiveScores\">\n            <h3 class=\"objective-score--title\">{{ key }}</h3>\n            <p class=\"objective-score\">{{ Math.round(value) }}</p>\n          </div>\n        </div>\n      </b-col>\n      <b-col cols=\"7\" class=\"d-flex justify-content-center align-items-center\">\n        <score-circle colorVariant=\"secondary\" :value=\"Math.round(data.media)\" title=\"Media Score\"  />\n      </b-col>\n    </b-row>\n  </b-card>\n</template>\n\n<script>\nimport { BRow, BCol, BCard } from \"bootstrap-vue\";\nimport ScoreCircle from \"@/views/ui/ScoreCircle/ScoreCircle.vue\";\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BCard,\n    ScoreCircle,\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n    };\n  },\n  computed: {\n    objectiveScores() {\n      return {\n        awareness: this.data.awareness,\n        consideration: this.data.consideration,\n        conversion: this.data.conversion,\n      };\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.objective-score {\n  font-size: 4rem;\n  text-align: center;\n  margin-top: 1rem;\n  &--title {\n    color: rgb(255, 255, 255, 0.4);\n    font-size: 1.4rem;\n    margin-bottom: 1.8rem;\n    text-transform: capitalize;\n    white-space: nowrap;\n    text-align: center;\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./MediaScore.vue?vue&type=template&id=f083f502&scoped=true\"\nimport script from \"./MediaScore.vue?vue&type=script&lang=js\"\nexport * from \"./MediaScore.vue?vue&type=script&lang=js\"\nimport style0 from \"./MediaScore.vue?vue&type=style&index=0&id=f083f502&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  \"f083f502\",\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:\"h-100 d-flex flex-row py-1 media-score-card\",attrs:{\"no-body\":\"\"}},[_c('b-row',{staticClass:\"w-100 m-0\"},[_c('b-col',{attrs:{\"cols\":\"5\"}},[_c('div',{staticClass:\"d-flex flex-column h-100 justify-content-around py-1\"},_vm._l((_vm.objectiveScores),function(value,key){return _c('div',[_c('h3',{staticClass:\"objective-score--title\"},[_vm._v(_vm._s(key))]),_c('p',{staticClass:\"objective-score\"},[_vm._v(_vm._s(Math.round(value)))])])}),0)]),_c('b-col',{staticClass:\"d-flex justify-content-center align-items-center\",attrs:{\"cols\":\"7\"}},[_c('score-circle',{attrs:{\"colorVariant\":\"secondary\",\"value\":Math.round(_vm.data.media),\"title\":\"Media Score\"}})],1)],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!./CreativeScore.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!./CreativeScore.vue?vue&type=script&lang=js\"","<template>\n  <b-card class=\"h-100 d-flex justify-content-center align-items-center py-1\" no-body>\n    <score-circle variant=\"primary\" :value=\"data\" title=\"Creative Score\" />\n  </b-card>\n</template>\n\n<script>\nimport { BCard } from \"bootstrap-vue\";\nimport ScoreCircle from \"@/views/ui/ScoreCircle/ScoreCircle.vue\";\nexport default {\n  components: {\n    BCard,\n    ScoreCircle,\n  },\n  props:{\n    data: {\n      type: Number,\n      required: true,\n    },\n  },\n  data(){\n    return{\n    }\n  }\n};\n</script>\n\n<style scoped>\n.objective-score{\n  font-size: 3rem;\n  text-align: center;\n  margin-top: 1rem;\n  /* font-weight: bolder; */\n}\n</style>\n","import { render, staticRenderFns } from \"./CreativeScore.vue?vue&type=template&id=1c607401&scoped=true\"\nimport script from \"./CreativeScore.vue?vue&type=script&lang=js\"\nexport * from \"./CreativeScore.vue?vue&type=script&lang=js\"\nimport style0 from \"./CreativeScore.vue?vue&type=style&index=0&id=1c607401&prod&scoped=true&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  \"1c607401\",\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:\"h-100 d-flex justify-content-center align-items-center py-1\",attrs:{\"no-body\":\"\"}},[_c('score-circle',{attrs:{\"variant\":\"primary\",\"value\":_vm.data,\"title\":\"Creative Score\"}})],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!./CampaignCard.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!./CampaignCard.vue?vue&type=script&lang=js\"","<template>\n  <b-card class=\"h-100 d-flex flex-column justify-content-around p-2\" no-body>\n    <b-row>\n      <b-col>\n        <div class=\"d-flex flex-column\">\n          <h5>Cost</h5>\n          <h3>\n            {{cost.integerPart}}<small>{{cost.fractionalPart}}</small>\n          </h3>\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        </div>\n      </b-col>\n    </b-row>\n    <b-row class=\"mt-2\">\n      <b-col cols=\"12\" md=\"9\">\n        <!-- <b-row>\n          <b-col> -->\n            <h5 class=\"font-weight-light\">Budget</h5>\n            <h3 class=\"text-nowrap\">\n              <template v-if=\"typeof data.plannedBudget === 'number'\">\n                {{plannedBudget.integerPart}}<small>{{plannedBudget.fractionalPart}}</small>\n              </template>\n              <template v-else>\n                {{ data.plannedBudget }}\n              </template>\n              \n            </h3>\n          <!-- </b-col>\n        </b-row> -->\n      </b-col>\n      <b-col cols=\"12\" md=\"3\">\n        <div class=\"d-flex justify-content-end\">\n          <span class=\"d-flex flex-column align-items-center justify-content-center\">\n            <h5>Days</h5>\n            <h1>\n              {{ data.active_days }}\n            </h1>\n          </span>\n        </div>\n      </b-col>\n    </b-row>\n    <hr style=\"margin-top: 0.5rem; margin-bottom: 0.5rem\" />\n    <b-row>\n      <b-col>\n        <div class=\"d-flex\">\n          <p class=\"text-muted mb-0\">Goal</p>\n          <p class=\"description\">{{data.objective}}</p>\n        </div>\n        <div class=\"d-flex\">\n          <p class=\"text-muted mb-0\">Range</p>\n          <p class=\"description\">{{ data.date_range }}</p>\n        </div>\n        <div class=\"d-flex\">\n          <p class=\"text-muted mb-0\">Buying Type</p>\n          <p class=\"description\">{{ data.buy_type }}</p>\n        </div>\n        <div class=\"d-flex\">\n          <p class=\"text-muted mb-0\">Platform</p>\n          <p class=\"description\">{{ data.source }}</p>\n        </div>\n      </b-col>\n    </b-row>\n  </b-card>\n</template>\n<script>\nimport { BCard, BRow, BCol } from \"bootstrap-vue\";\nimport { universalFormatter } from \"@/@core/utils/utils\";\nexport default {\n  components: {\n    BCard,\n    BRow,\n    BCol,\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n    };\n  },\n  methods: {\n    universalFormatter,\n  },\n  computed: {\n    calculateProgress() {\n      return (this.data.cost / this.data.plannedBudget) * 100;\n    },\n    cost() {\n      const parts = universalFormatter(this.data.cost, { isCurrency: true, outputType: 'parts' })\n      return parts\n    },\n    plannedBudget() {\n      const parts = universalFormatter(this.data.plannedBudget, { isCurrency: true, outputType: 'parts' })\n      return parts\n    }\n  },\n};\n</script>\n<style scoped lang=\"scss\">\n.custom-progress {\n  overflow: hidden;\n  display: block;\n  background: rgba(255, 255, 255, 0.05);\n  width: 100%;\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.description {\n  margin-left: 7px;\n  margin-bottom: 0;\n}\n</style>\n","import { render, staticRenderFns } from \"./CampaignCard.vue?vue&type=template&id=20bd20f6&scoped=true\"\nimport script from \"./CampaignCard.vue?vue&type=script&lang=js\"\nexport * from \"./CampaignCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./CampaignCard.vue?vue&type=style&index=0&id=20bd20f6&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  \"20bd20f6\",\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:\"h-100 d-flex flex-column justify-content-around p-2\",attrs:{\"no-body\":\"\"}},[_c('b-row',[_c('b-col',[_c('div',{staticClass:\"d-flex flex-column\"},[_c('h5',[_vm._v(\"Cost\")]),_c('h3',[_vm._v(\" \"+_vm._s(_vm.cost.integerPart)),_c('small',[_vm._v(_vm._s(_vm.cost.fractionalPart))])]),_c('div',{staticClass:\"custom-progress border-radius\"},[_c('span',{staticClass:\"bar green-gradient text-center\",style:({\n              width: _vm.calculateProgress + '%',\n            })})])])])],1),_c('b-row',{staticClass:\"mt-2\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"9\"}},[_c('h5',{staticClass:\"font-weight-light\"},[_vm._v(\"Budget\")]),_c('h3',{staticClass:\"text-nowrap\"},[(typeof _vm.data.plannedBudget === 'number')?[_vm._v(\" \"+_vm._s(_vm.plannedBudget.integerPart)),_c('small',[_vm._v(_vm._s(_vm.plannedBudget.fractionalPart))])]:[_vm._v(\" \"+_vm._s(_vm.data.plannedBudget)+\" \")]],2)]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('div',{staticClass:\"d-flex justify-content-end\"},[_c('span',{staticClass:\"d-flex flex-column align-items-center justify-content-center\"},[_c('h5',[_vm._v(\"Days\")]),_c('h1',[_vm._v(\" \"+_vm._s(_vm.data.active_days)+\" \")])])])])],1),_c('hr',{staticStyle:{\"margin-top\":\"0.5rem\",\"margin-bottom\":\"0.5rem\"}}),_c('b-row',[_c('b-col',[_c('div',{staticClass:\"d-flex\"},[_c('p',{staticClass:\"text-muted mb-0\"},[_vm._v(\"Goal\")]),_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.data.objective))])]),_c('div',{staticClass:\"d-flex\"},[_c('p',{staticClass:\"text-muted mb-0\"},[_vm._v(\"Range\")]),_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.data.date_range))])]),_c('div',{staticClass:\"d-flex\"},[_c('p',{staticClass:\"text-muted mb-0\"},[_vm._v(\"Buying Type\")]),_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.data.buy_type))])]),_c('div',{staticClass:\"d-flex\"},[_c('p',{staticClass:\"text-muted mb-0\"},[_vm._v(\"Platform\")]),_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.data.source))])])])],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!./CampaignDashboard.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!./CampaignDashboard.vue?vue&type=script&lang=js\"","<template>\n  <section id=\"executive-summary--campaign-dashboard\">\n    <div class=\"grid-container\">\n      <div class=\"campaign-card\"><campaign-card :data=\"data.campaignCard\" /></div>\n      <div class=\"media-score\"><media-score :data=\"data.scoreCard\" /></div>\n      <div class=\"creative-score\"><creative-score :data=\"data.scoreCard.creative\" /></div>\n    </div>\n  </section>\n</template>\n\n<script>\nimport MediaScore from \"./MediaScore.vue\";\nimport CreativeScore from \"./CreativeScore.vue\";\nimport CampaignCard from \"./CampaignCard.vue\";\nexport default {\n  components: {\n    MediaScore,\n    CreativeScore,\n    CampaignCard,\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n@import \"@/@core/scss/base/bootstrap-extended/_variables.scss\";\n#executive-summary--campaign-dashboard {\n  .grid-container {\n    display: grid;\n    gap: 2rem;\n    margin-bottom: 2rem;\n  }\n  @media (max-width: #{map-get($grid-breakpoints, xl) - 1px}) {\n    .grid-container {\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-areas:\n        \"campaign creative\"\n        \"media media\";\n    }\n\n    .campaign-card {\n      grid-area: campaign;\n    }\n    .creative-score {\n      grid-area: creative;\n    }\n    .media-score {\n      grid-area: media;\n      grid-column: 1 / -1;\n    }\n  }\n\n  @media (min-width: #{map-get($grid-breakpoints, xl)}) {\n    .grid-container {\n      grid-template-columns: 5fr 9fr 6fr;\n      grid-template-areas: \"campaign media creative\";\n    }\n\n    .campaign-card {\n      grid-area: campaign;\n    }\n    .media-score {\n      grid-area: media;\n    }\n    .creative-score {\n      grid-area: creative;\n    }\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./CampaignDashboard.vue?vue&type=template&id=fe14bba2\"\nimport script from \"./CampaignDashboard.vue?vue&type=script&lang=js\"\nexport * from \"./CampaignDashboard.vue?vue&type=script&lang=js\"\nimport style0 from \"./CampaignDashboard.vue?vue&type=style&index=0&id=fe14bba2&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('section',{attrs:{\"id\":\"executive-summary--campaign-dashboard\"}},[_c('div',{staticClass:\"grid-container\"},[_c('div',{staticClass:\"campaign-card\"},[_c('campaign-card',{attrs:{\"data\":_vm.data.campaignCard}})],1),_c('div',{staticClass:\"media-score\"},[_c('media-score',{attrs:{\"data\":_vm.data.scoreCard}})],1),_c('div',{staticClass:\"creative-score\"},[_c('creative-score',{attrs:{\"data\":_vm.data.scoreCard.creative}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card>\n    <div class=\"d-flex\">\n      <h2 class=\"ml-1 font-weight-light\" style=\"margin-top: 6px\">\n        Media Scores Trend\n      </h2>\n      <ai-button popoverName=\"media-effectiveness\" :requestParams=\"requestParams\" />\n    </div>\n\n    <!-- <apexchart\n      ref=\"chart\"\n      type=\"line\"\n      height=\"350\"\n      :options=\"chartOptions\"\n      :series=\"series\"\n    ></apexchart> -->\n\n    <forecast-line-chart\n      :forecastHistoryData=\"transformedHistoryData\"\n      :forecastFutureData=\"transformedForecastData\"\n      :forecastSettings=\"forecastSettings\"\n      :key=\"currentKey\"\n    ></forecast-line-chart>\n  </b-card>\n</template>\n\n<script>\nimport { BCard, BButton, BPopover, VBPopover, VBTooltip } from \"bootstrap-vue\";\nimport apexchart from \"vue-apexcharts\";\nimport ForecastLineChart from \"@/views/ui/adin-d3/ForecastLineChart.vue\";\nimport AiButton from \"@/views/ui/ai-button/Index.vue\";\nexport default {\n  directives: {\n    \"b-popover\": VBPopover,\n    \"b-tooltip\": VBTooltip,\n  },\n  components: {\n    BCard,\n    BButton,\n    apexchart,\n    BPopover,\n    ForecastLineChart,\n    AiButton,\n  },\n  props: {\n    historyData: {\n      type: Object,\n      required: true,\n    },\n    forecastData: {\n      type: [Object, Array],\n      required: true,\n    },\n    filterParams: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      forecastSettings: {\n        width: 1200,\n        height: 350,\n        margin: { top: 50, right: 50, bottom: 80, left: 50 },\n        chartTypes: {\n          lineChartEnabled: true,\n          stepAreaChartEnabled: false,\n          basisAreaChartEnabled: true,\n          barChartEnabled: false,\n        },\n        lineSettings: {\n          dottedLines: [\"\"],\n          toggleLines: [\"line1\",\"line2\",\"line3\"],\n        },\n        colors: {\n          upperLineColor: \"#65A6F5\",\n          lowerLineColor: \"#65A6F5\",\n          lineColors: [\"#FEB502\", \"#FC1374\", \"#52C47E\", \"#65A6F5\"],\n          forecastLineColor: \"white\",\n          forecastAreaColor: \"#9126F0\",\n          barLineColor: \"#818BFF\",\n        },\n        textSettings: {\n          fontFamily: \"Montserrat, Helvetica, Arial, serif !important\",\n          fontWeight: \"400\",\n          fontSize: \"14px\",\n        },\n        meanLineSettings: {\n          meanLineColor: \"#FF5F5E\",\n          meanLineText: \"Avg. Score\",\n          meanLineEnabled: false,\n          textSettings: {\n            textPosition: {\n              x: 100,\n              y: -40,\n            },\n            textColor: \"white\",\n          },\n        },\n        axisSettings: {\n          separationLineEnabled: true,\n          leftYAxisEnabled: true,\n          rightYAxisEnabled: false,\n          textFontSize: \"11px\",\n          axisColor: \"#959199\",\n          axisTitles: {\n            xAxis: {\n              xAxisTitle: \"Date\",\n              titlePosition: {\n                x: 70,\n              },\n              numberOfTicks: 8,\n            },\n            leftYAxis: {\n              labelEnabled: false,\n              label: \"Impression\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 90,\n              },\n            },\n            rightYAxis: {\n              labelEnabled: false,\n              label: \"Cost\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 70,\n              },\n            },\n          },\n        },\n        tooltipSettings: {\n          line1: {\n            text: \"Awareness\",\n            format: \"\"\n          },\n          line2: {\n            text: \"Consideration\",\n            format: \"\"\n          },\n          line3: {\n            text: \"Conversion\",\n            format: \"\"\n          },\n          area: {\n            areaText: \"Media\"\n          },\n        },\n        legendSettings: {\n          showLegend: true,\n          textColor: \"white\",\n          legendNames: [\"Media\", \"Awareness\", \"Consideration\", \"Conversion\"],\n          legendColors: [\"#65A6F5\", \"#FEB502\", \"#FC1374\", \"#52C47E\"],\n        },\n        zoomOutIconSettings: {\n          iconColor: \"white\",\n          mouseOverColor: \"black\",\n        },\n        responsive: true,\n      },\n      series: [],\n      adinId: \"\",\n      currentKey: 0,\n    };\n  },\n  computed: {\n    preparedSeries() {\n      console.log(\"series\", this.historyData.series);\n      const readySeries = this.historyData.series\n        .filter((item) => item.name.toLowerCase() !== \"creative\")\n        .map((item) => {\n          const seriesItem = {\n            name: item.name,\n            type: item.name.toLowerCase() === \"media\" ? \"area\" : \"line\",\n            data: item.data,\n          };\n          return seriesItem;\n        });\n\n      return readySeries;\n    },\n    transformedHistoryData() {\n      let awarenessData = this.historyData.series[0].data.map((item) => item.y);\n      let considerationData = this.historyData.series[1].data.map(\n        (item) => item.y\n      );\n      let conversionData = this.historyData.series[2].data.map(\n        (item) => item.y\n      );\n      let mediaData = this.historyData.series[3].data.map((item) => item.y);\n      let dates = this.historyData.series[3].data.map((item) => item.x);\n\n      const formattedHistoryData = dates.map((date, index) => ({\n        date,\n        area: mediaData[index],\n        line1: awarenessData[index],\n        line2: considerationData[index],\n        line3: conversionData[index],\n      }));\n\n      return formattedHistoryData;\n    },\n    transformedForecastData() {\n      let mediaForecastYData = this.forecastData.map((item) => item.prediction.toFixed(2));\n      let mediaForecastUpperYData = this.forecastData.map((item) => item.upper_bound.toFixed(2));\n      let mediaForecastLowerYData = this.forecastData.map((item) => item.lower_bound.toFixed(2));\n      let dates = this.forecastData.map((item) => item.date);\n\n      const formattedForecastData = dates.map((date, index) => ({\n        date,\n        line: mediaForecastYData[index],\n        upperY: mediaForecastUpperYData[index],\n        lowerY: mediaForecastLowerYData[index],\n      }));\n      this.currentKey++;\n      return formattedForecastData;\n    },\n    requestParams() {\n      return {\n        brand_id: this.filterParams.brand.value,\n        adin_id: this.adinId,\n        start_date: this.filterParams.date.startDate,\n        end_date: this.filterParams.date.endDate,\n        metrics: \"awareness,consideration,conversion,media\",\n      };\n    },\n  },\n  methods: {\n    updateChart() {\n      const chart = this.$refs.chart;\n      if (chart) {\n        chart.updateOptions({\n          series: this.preparedSeries,\n          // labels: this.historyData.label,\n        });\n      }\n    },\n  },\n  created() {\n    if (this.filterParams.campaign.value === null) {\n      this.adinId = \"all\";\n    } else {\n      this.adinId = this.filterParams.campaign.value;\n    }\n  },\n  mounted() {\n    this.updateChart();\n  },\n  watch: {\n    data(newData) {\n      this.updateChart();\n    },\n    filterParams: {\n      deep: true,\n      handler(newVal, oldVal) {\n        if (\n          newVal.brand.value !== oldVal.brand.value ||\n          newVal.campaign.value !== oldVal.campaign.value\n        ) {\n          this.analyzeChart();\n        }\n      },\n    },\n    forecastData: {\n      handler(newVal) {\n        this.forecastData = newVal;\n      },\n      deep: true,\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!./MediaEffectivenessTrend.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!./MediaEffectivenessTrend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MediaEffectivenessTrend.vue?vue&type=template&id=6c844ffc\"\nimport script from \"./MediaEffectivenessTrend.vue?vue&type=script&lang=js\"\nexport * from \"./MediaEffectivenessTrend.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('div',{staticClass:\"d-flex\"},[_c('h2',{staticClass:\"ml-1 font-weight-light\",staticStyle:{\"margin-top\":\"6px\"}},[_vm._v(\" Media Scores Trend \")]),_c('ai-button',{attrs:{\"popoverName\":\"media-effectiveness\",\"requestParams\":_vm.requestParams}})],1),_c('forecast-line-chart',{key:_vm.currentKey,attrs:{\"forecastHistoryData\":_vm.transformedHistoryData,\"forecastFutureData\":_vm.transformedForecastData,\"forecastSettings\":_vm.forecastSettings}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card>\n    <div class=\"d-flex align-content-center\">\n      <h2 class=\"ml-1 font-weight-light\" style=\"margin-top: 6px\">Creative Score Trend</h2>\n      <ai-button popoverName=\"creative-score\" :requestParams=\"requestParams\" />\n    </div>\n    <!-- <vue-apex-charts\n      ref=\"chart\"\n      height=\"350\"\n      :options=\"chartOptions\"\n      :series=\"series\"\n    /> -->\n    <forecast-line-chart\n      :forecastHistoryData=\"transformedHistoryData\"\n      :forecastFutureData=\"transformedForecastData\"\n      :forecastSettings=\"forecastSettings\"\n    ></forecast-line-chart>\n  </b-card>\n</template>\n\n<script>\nimport { BCard, BButton, BPopover, VBTooltip } from \"bootstrap-vue\";\nimport VueApexCharts from \"vue-apexcharts\";\nimport aiIcon from \"@/assets/images/uploads/highlights-ai-icon.svg\";\nimport forecastLineChart from \"@/views/ui/adin-d3/ForecastLineChart.vue\";\nimport AiButton from \"@/views/ui/ai-button/Index.vue\";\n\nexport default {\n  components: {\n    BCard,\n    VueApexCharts,\n    BButton,\n    BPopover,\n    forecastLineChart,\n    AiButton,\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n    filterParams: {\n      type: Object,\n      required: true,\n    },\n  },\n  directives: {\n    \"b-tooltip\": VBTooltip,\n  },\n  data() {\n    return {\n      series: [],\n      forecastSettings: {\n        width: 1200,\n        height: 350,\n        margin: { top: 50, right: 50, bottom: 80, left: 50 },\n        chartTypes: {\n          lineChartEnabled: false,\n          stepAreaChartEnabled: false,\n          basisAreaChartEnabled: true,\n          barChartEnabled: false,\n        },\n        lineSettings: {\n          dottedLines: [],\n          toggleLines: [],\n        },\n        colors: {\n          upperLineColor: \"#65A6F5\",\n          lowerLineColor: \"#65A6F5\",\n          lineColors: [\"#65A6F5\"],\n          forecastLineColor: \"white\",\n          forecastAreaColor: \"#9126F0\",\n          barLineColor: \"#818BFF\",\n        },\n        textSettings: {\n          fontFamily: \"Montserrat, Helvetica, Arial, serif !important\",\n          fontWeight: \"400\",\n          fontSize: \"14px\",\n        },\n        meanLineSettings: {\n          meanLineColor: \"#FF5F5E\",\n          meanLineDataset: \"area\",\n          meanLineText: \"Avg. Score\",\n          meanLineEnabled: false,\n          textSettings: {\n            textPosition: {\n              x: 100,\n              y: -40,\n            },\n            textColor: \"white\",\n          },\n        },\n        axisSettings: {\n          separationLineEnabled: false,\n          leftYAxisEnabled: true,\n          rightYAxisEnabled: false,\n          textFontSize: \"11px\",\n          axisColor: \"#959199\",\n          axisTitles: {\n            xAxis: {\n              xAxisTitle: \"Date\",\n              titlePosition: {\n                x: 70,\n              },\n              numberOfTicks: 8,\n            },\n            leftYAxis: {\n              labelEnabled: false,\n              label: \"Impression\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 90,\n              },\n            },\n            rightYAxis: {\n              labelEnabled: false,\n              label: \"Cost\",\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 70,\n              },\n            },\n          },\n        },\n        tooltipSettings: {\n          area: {\n            areaText: \"Score\"\n          },\n        },\n        legendSettings: {\n          showLegend: false,\n          textColor: \"white\",\n          legendNames: [\"Score\"],\n          legendColors: [\"#65A6F5\"],\n        },\n        zoomOutIconSettings: {\n          iconColor: \"white\",\n          mouseOverColor: \"black\",\n        },\n        responsive: true,\n      },\n\n      startDate: null,\n      endDate: null,\n    };\n  },\n  methods: {\n    updateChart(chartData) {\n      const chart = this.$refs.chart;\n      if (chart) {\n        chart.updateOptions({\n          series: [\n            {\n              name: \"Creative Score\",\n              data: chartData.data,\n            },\n          ],\n          // labels: chartData.labels,\n        });\n      }\n    },\n  },\n  computed: {\n    transformedHistoryData() {\n      let lineData = this.data.data.map((item) => item.y);\n      let dates = this.data.data.map((item) => item.x);\n\n      const formattedHistoryData = dates.map((date, index) => ({\n        date,\n        area: lineData[index],\n      }));\n\n      return formattedHistoryData;\n    },\n    transformedForecastData() {\n      const formattedForecastData = [];\n      return formattedForecastData;\n    },\n    requestParams() {\n      return {\n        brand_id: this.filterParams.brand.value,\n        adin_id: this.adinId,\n        start_date: this.startDate,\n        end_date: this.endDate,\n        metrics: \"creative\",\n      };\n    },\n  },\n  mounted() {\n    this.updateChart(this.data);\n  },\n  created() {\n    this.startDate = this.data.data[0].x;\n    this.endDate = this.data.data[this.data.data.length - 1].x;\n    if (this.filterParams.campaign.value === null) {\n      this.adinId = \"all\";\n    } else {\n      this.adinId = this.filterParams.campaign.value;\n    }\n  },\n  watch: {\n    data(newData) {\n      this.updateChart(newData);\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!./CreativeScoreTrend.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!./CreativeScoreTrend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CreativeScoreTrend.vue?vue&type=template&id=509ee01e\"\nimport script from \"./CreativeScoreTrend.vue?vue&type=script&lang=js\"\nexport * from \"./CreativeScoreTrend.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('div',{staticClass:\"d-flex align-content-center\"},[_c('h2',{staticClass:\"ml-1 font-weight-light\",staticStyle:{\"margin-top\":\"6px\"}},[_vm._v(\"Creative Score Trend\")]),_c('ai-button',{attrs:{\"popoverName\":\"creative-score\",\"requestParams\":_vm.requestParams}})],1),_c('forecast-line-chart',{attrs:{\"forecastHistoryData\":_vm.transformedHistoryData,\"forecastFutureData\":_vm.transformedForecastData,\"forecastSettings\":_vm.forecastSettings}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <h1 class=\"mb-1 font-weight-bolder\">Your Metrics</h1>\n    <b-row class=\"pb-1\">\n      <b-col v-for=\"(metric, index) in metricValues\" :key=\"metric.title\" lg=\"3\" md=\"6\" cols=\"12\" :class=\"getCardClass(index)\">\n        <b-card class=\"mb-lg-0\">\n          <h1 class=\"text-white mb-0\">\n            {{ metric.title }}\n          </h1>\n          <h1 class=\"display-4 font-weight-bolder text-white mb-0 text-nowrap\">\n            {{ formatMetric(data[metric.key]) }}\n          </h1>\n        </b-card>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n<script>\nimport { BCard, BButton, BCol, BFormGroup, BRow, BDropdown, BDropdownForm, BFormCheckbox } from \"bootstrap-vue\";\nimport { kFormatter } from \"@core/utils/filter\";\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n    BCard,\n    BButton,\n    BFormGroup,\n    BDropdown,\n    BDropdownForm,\n    BFormCheckbox,\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true\n    },\n  },\n  data() {\n    return {\n      metricValues: [\n        { title: \"Impression\", key: \"impressions\" },\n        { title: \"Session\", key: \"sessions\" },\n        { title: \"Install\", key: \"install\" },\n        { title: \"Transaction\", key: \"transactions\" },\n      ],\n    };\n  },\n  methods: {\n    getCardClass(index) {\n      return `color-class-${index}`;\n    },\n    kFormatter,\n    formatMetric(value) {\n      if (isNaN(value) || value === null || value === undefined) {\n        return '-';\n      }\n      return kFormatter(value);\n    }\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n// .custom-checkbox {\n//   margin-bottom: 0.5rem !important;\n// }\n\n// .btn-metric-layout {\n//   background-color: rgba(255, 255, 255, 0.4) !important;\n// }\n\n.metric-item {\n  overflow: hidden;\n}\n\n// .metric-item-last .card {\n//   margin-bottom: 0;\n// }\n\n// Card Colors\n.color-class-0 {\n  .card {\n    // background: rgb(160, 78, 246);\n    background: linear-gradient(180deg, rgba(160, 78, 246, 1) 0%, rgba(95, 69, 245, 1) 100%);\n  }\n}\n.color-class-1 {\n  .card {\n    // background: rgb(254, 181, 0);\n    background: linear-gradient(180deg, rgba(254, 181, 0, 1) 0%, rgba(233, 127, 1, 1) 100%);\n  }\n}\n.color-class-2 {\n  .card {\n    // background: rgb(100, 216, 250);\n    background: linear-gradient(180deg, rgba(100, 216, 250, 1) 0%, rgba(75, 160, 228, 1) 100%);\n  }\n}\n.color-class-3 {\n  .card {\n    // background: rgb(33, 182, 118);\n    background: linear-gradient(180deg,rgb(39, 214, 89) 0%,  rgb(33, 182, 118) 100%);\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!./MetricCards.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!./MetricCards.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MetricCards.vue?vue&type=template&id=6029978f&scoped=true\"\nimport script from \"./MetricCards.vue?vue&type=script&lang=js\"\nexport * from \"./MetricCards.vue?vue&type=script&lang=js\"\nimport style0 from \"./MetricCards.vue?vue&type=style&index=0&id=6029978f&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  \"6029978f\",\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('h1',{staticClass:\"mb-1 font-weight-bolder\"},[_vm._v(\"Your Metrics\")]),_c('b-row',{staticClass:\"pb-1\"},_vm._l((_vm.metricValues),function(metric,index){return _c('b-col',{key:metric.title,class:_vm.getCardClass(index),attrs:{\"lg\":\"3\",\"md\":\"6\",\"cols\":\"12\"}},[_c('b-card',{staticClass:\"mb-lg-0\"},[_c('h1',{staticClass:\"text-white mb-0\"},[_vm._v(\" \"+_vm._s(metric.title)+\" \")]),_c('h1',{staticClass:\"display-4 font-weight-bolder text-white mb-0 text-nowrap\"},[_vm._v(\" \"+_vm._s(_vm.formatMetric(_vm.data[metric.key]))+\" \")])])],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"h-100\">\n    <div class=\"d-flex justify-content-between align-items-center\">\n      <h2>Volume / Unit Cost Trend</h2>\n      <!-- <b-button\n        id=\"costPopoverTarget\"\n        :disabled=\"loading\"\n        size=\"sm\"\n        class=\"analyze-icon p-0 ml-1 mr-auto\"\n        variant=\"outline-primary\"\n        style=\"height: 35px; width: 35px\"\n        @click=\"handleClick\"\n      >\n        <img\n          v-if=\"!loading\"\n          :src=\"getIcon()\"\n          class=\"icon\"\n          style=\"width: 25px\"\n        />\n        <loading v-else :label=\"''\" style=\"min-height: 0\" />\n      </b-button>\n      <b-popover\n        ref=\"cost-popover\"\n        target=\"costPopoverTarget\"\n        :show-sync=\"popoverOpen\"\n        triggers=\"click\"\n      >\n        {{ popoverContent }}\n      </b-popover> -->\n      <b-form-group class=\"mb-0 ml-2\">\n        <b-form-radio-group\n          size=\"sm\"\n          button-variant=\"primary\"\n          v-model=\"selectedMetrics\"\n          :options=\"options\"\n          buttons\n        ></b-form-radio-group>\n      </b-form-group>\n    </div>\n      <forecast-line-chart :key=\"chartKey\" :forecastHistoryData=\"chartData\" :forecastSettings=\"chartSettings\" :forecastFutureData=\"[]\" />\n    <!-- <vue-apex-charts ref=\"chart\" height=\"380\" :options=\"chartOptions\" :series=\"series\" /> -->\n    <!-- <v-select v-if=\"periodOptions.length > 1\" :options=\"periodOptions\" :clearable=\"false\" v-model=\"selectedPeriod\" class=\"period-select-form\"/> -->\n  </b-card>\n</template>\n\n<script>\nimport VueApexCharts from \"vue-apexcharts\";\nimport { kFormatter } from \"@core/utils/filter\";\nimport ForecastLineChart from \"@/views/ui/adin-d3/ForecastLineChart.vue\";\nimport Loading from \"@/views/LoadingInterpreter.vue\";\nimport aiIcon from \"@/assets/images/uploads/highlights-ai-icon.svg\";\n\nexport default {\n  components: {\n    VueApexCharts,\n    Loading,\n    ForecastLineChart,\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n    filterParams: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      selectedMetrics: {\n        dataKey: \"cpmAndImpression\",\n        yAxis: {\n          right: \"CPM\",\n          left: \"Impressions\",\n        },\n      },\n      options: [\n        {\n          text: \"CPM / Impression\",\n          value: {\n            dataKey: \"cpmAndImpression\",\n            yAxis: {\n              right: \"CPM\",\n              left: \"Impressions\",\n            },\n          },\n        },\n        {\n          text: \"CPC / Clicks\",\n          value: {\n            dataKey: \"cpcAndClicks\",\n            yAxis: {\n              right: \"CPC\",\n              left: \"Clicks\",\n            },\n          },\n        },\n        {\n          text: \"CPA / Transactions\",\n          value: {\n            dataKey: \"cpaAndTransactions\",\n            yAxis: {\n              right: \"CPA\",\n              left: \"Transactions\",\n            },\n          },\n        },\n      ],\n      // series: [],\n      // chartOptions: {\n      //   chart: {\n      //     type: \"line\",\n      //   },\n      //   stroke: {\n      //     width: [0, 4],\n      //     curve: \"smooth\",\n      //   },\n      //   tooltip: {\n      //     x: {\n      //       format: \"dd MMM yyyy\",\n      //       formatter: function (value, { series, seriesIndex, dataPointIndex, w }) {\n      //         return new Date(value).toDateString();\n      //       },\n      //     },\n      //   },\n      //   xaxis: {\n      //     type: \"datetime\",\n      //     tickAmount: 8,\n      //     labels: {\n      //       formatter: (value) => {\n      //         const date = new Date(value);\n      //         return date.toLocaleDateString(\"en-US\", {\n      //           minimumIntegerDigits: 2,\n      //           useGrouping: false,\n      //           day: \"numeric\",\n      //           month: \"short\",\n      //         });\n      //       },\n      //     },\n      //     axisBorder: {\n      //       show: true,\n      //       color: \"#A194AA\",\n      //       height: 1,\n      //       width: \"100%\",\n      //       offsetX: 0,\n      //       offsetY: 0,\n      //     },\n      //     axisTicks: {\n      //       show: true,\n      //       borderType: \"solid\",\n      //       color: \"#A194AA\",\n      //       height: 6,\n      //       offsetX: 0,\n      //       offsetY: 0,\n      //     },\n      //   },\n      //   legend: { show: false },\n      //   dataLabels: {\n      //     enabled: false,\n      //   },\n      // },\n      apiResponse: \"\",\n      popoverOpen: false,\n      popoverContent: \"\",\n      loading: false,\n      startDate: null,\n      endDate: null,\n      chartKey: 0,\n      // selectedPeriod: { label: 'Last 3 Months', value: 90 },\n      currentDataLength: null,\n    };\n  },\n  methods: {\n    getIcon() {\n      return aiIcon;\n    },\n    handleClick() {\n      if (this.apiResponse === \"\" || this.isDateChanged) {\n        this.analyzeChart();\n      } else {\n        this.popoverOpen = !this.popoverOpen;\n      }\n    },\n    closePopover(e) {\n      if (!this.$refs[\"cost-popover\"].$el.contains(e.target)) {\n        this.$refs[\"cost-popover\"].$emit(\"close\");\n      }\n    },\n    async analyzeChart() {\n      let metrics = \"\";\n      if (this.selectedMetrics === \"cpmAndImpression\") {\n        metrics = \"cpm,impressions\";\n      } else if (this.selectedMetrics === \"cpcAndClicks\") {\n        metrics = \"cpc,clicks\";\n      } else if (this.selectedMetrics === \"cpaAndTransactions\") {\n        metrics = \"cpa,transaction\";\n      }\n      let adin_id = \"\";\n      if (this.filterParams.campaign.value === null) {\n        adin_id = \"all\";\n      } else {\n        adin_id = this.filterParams.campaign.value;\n      }\n      this.loading = true;\n      try {\n        const gptApiResponse = await this.$http.get(\"interpreter/fetch\", {\n          params: {\n            brand_id: this.filterParams.brand.value,\n            adin_id: adin_id,\n            start_date: this.startDate,\n            end_date: this.endDate,\n            metrics: metrics,\n          },\n        });\n\n        let formattedResponse = gptApiResponse.data.comment\n          .replace(/\\*\\*(.*?)\\*\\*/g, \"<b>$1</b>\")\n          .replace(/\\n/g, \"<br>\");\n        formattedResponse = formattedResponse.replace(/- (.*?)\\n/g, \"<li>$1</li>\");\n        formattedResponse = formattedResponse.replace(/<li>/g, \"<ul><li>\").replace(/<\\/li>/g, \"</li></ul>\");\n        // const firstSentence = formattedResponse.split(\". \")[0] + \".\";\n        this.apiResponse = formattedResponse;\n        this.popoverContent = this.apiResponse;\n\n        if (this.popoverContent === \"No data found or column missing.\" || \"\") {\n          this.popoverContent = \"The chart has not been analyzed yet.\";\n        }\n\n        this.loading = false;\n        this.$refs[\"cost-popover\"].$emit(\"open\");\n      } catch (error) {\n        console.error(\"Error fetching data:\", error);\n        this.apiResponse = \"\";\n        this.loading = false;\n      }\n    },\n  },\n  computed: {\n    chartSettings() {\n      const chartSettings = {\n        width: 1200,\n        height: 350,\n        margin: { top: 60, right: 80, bottom: 80, left: 80 },\n        chartTypes: {\n          lineChartEnabled: true,\n          stepAreaChartEnabled: false,\n          basisAreaChartEnabled: false,\n          barChartEnabled: true,\n        },\n        lineSettings: {\n          dottedLines: [],\n          toggleLines: [],\n        },\n        colors: {\n          upperLineColor: \"#FF5F5E\",\n          lowerLineColor: \"#FF5F5E\",\n          lineColors: [\"#FF5F5E\"],\n          forecastLineColor: \"white\",\n          forecastAreaColor: \"#9126F0\",\n          barLineColor: \"#818BFF\",\n        },\n        textSettings: {\n          fontFamily: \"Montserrat, Helvetica, Arial, serif !important\",\n          fontWeight: \"400\",\n          fontSize: \"12px\",\n        },\n        meanLineSettings: {\n          meanLineColor: \"#2af3fd\",\n          meanLineEnabled: false,\n          textSettings: {\n            textPosition: {\n              x: 100,\n              y: -40,\n            },\n            textColor: \"white\",\n          },\n        },\n        axisSettings: {\n          separationLineEnabled: true,\n          leftYAxisEnabled: true,\n          rightYAxisEnabled: true,\n          textFontSize: \"11px\",\n          axisColor: \"#959199\",\n          axisTitles: {\n            xAxis: {\n              xAxisTitle: \"Date\",\n              titlePosition: {\n                x: 70,\n              },\n            },\n            leftYAxis: {\n              labelEnabled: true,\n              label: this.selectedMetrics.yAxis.left,\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 90,\n              },\n            },\n            rightYAxis: {\n              labelEnabled: true,\n              label: this.selectedMetrics.yAxis.right,\n              labelColor: \"#959199\",\n              titlePosition: {\n                x: 70,\n              },\n            },\n          },\n        },\n        tooltipSettings: {\n          bar: {\n            text: this.selectedMetrics.yAxis.right,\n            format: \"\"\n          },\n          line1: {\n            text: this.selectedMetrics.yAxis.left,\n            format: \"\"\n          },\n        },\n        legendSettings: {\n          showLegend: true,\n          textColor: \"white\",\n          legendNames: [this.selectedMetrics.yAxis.left, this.selectedMetrics.yAxis.right],\n          legendColors: [\"#FF5F5E\", \"#7472DF\"],\n        },\n        zoomOutIconSettings: {\n          iconColor: \"white\",\n          mouseOverColor: \"black\",\n        },\n        responsive: true,\n      };\n      return chartSettings;\n    },\n    chartData() {\n      let data = this.data[this.selectedMetrics.dataKey];\n\n      let barData = data.series\n        .find((graphData) => graphData.name.toLowerCase() === this.selectedMetrics.yAxis.right.toLowerCase())\n        .data.map((item) => item.y);\n      let lineData = data.series\n        .find((graphData) => graphData.name.toLowerCase() === this.selectedMetrics.yAxis.left.toLowerCase())\n        .data.map((item) => item.y);\n      let dates = data.series[0].data.map((item) => item.x);\n      const formattedHistoryData = dates.map((date, index) => ({\n        date,\n        line1: lineData[index],\n        bar: barData[index],\n      }));\n      return formattedHistoryData;\n    },\n  },\n  watch: {\n    selectedMetrics:{\n      handler(newVal) {\n        this.chartKey++;\n      },\n      immediate: true\n    },\n  },\n};\n</script>\n\n<style scoped>\n.popover {\n  background-color: #8325fb;\n  border-color: #d1d1d1;\n}\n\n.popover .popover-header {\n  background-color: #007bff;\n  color: white;\n}\n\n.popover .popover-body {\n  color: #333;\n  font-size: 16px;\n}\n\n.popover .arrow::after {\n  border-top-color: #f0f0f0;\n}\n\n.analyze-icon {\n  min-width: 35px;\n}\n\n.period-select-form {\n  position: absolute;\n  min-width: 150px;\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!./VolumeUnitCostTrend.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!./VolumeUnitCostTrend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VolumeUnitCostTrend.vue?vue&type=template&id=5c71afc4&scoped=true\"\nimport script from \"./VolumeUnitCostTrend.vue?vue&type=script&lang=js\"\nexport * from \"./VolumeUnitCostTrend.vue?vue&type=script&lang=js\"\nimport style0 from \"./VolumeUnitCostTrend.vue?vue&type=style&index=0&id=5c71afc4&prod&scoped=true&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  \"5c71afc4\",\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:\"h-100\"},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('h2',[_vm._v(\"Volume / Unit Cost Trend\")]),_c('b-form-group',{staticClass:\"mb-0 ml-2\"},[_c('b-form-radio-group',{attrs:{\"size\":\"sm\",\"button-variant\":\"primary\",\"options\":_vm.options,\"buttons\":\"\"},model:{value:(_vm.selectedMetrics),callback:function ($$v) {_vm.selectedMetrics=$$v},expression:\"selectedMetrics\"}})],1)],1),_c('forecast-line-chart',{key:_vm.chartKey,attrs:{\"forecastHistoryData\":_vm.chartData,\"forecastSettings\":_vm.chartSettings,\"forecastFutureData\":[]}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-table striped outlined hover :items=\"items\" :fields=\"fields\" id=\"performance-metrics-table\">\n    <!-- <template #head(name)=\"data\">\n        <span class=\"custom-header-style\">{{ data.label }}</span>\n      </template> -->\n      <template #head(company)=\"data\">\n        <div class=\"d-flex justify-content-center align-items-center\">\n          <span class=\"custom-header-style\">{{ data.label }}</span>\n          <span class=\"info-icon\" v-b-tooltip.hover.v-primary :title=\"companyInfoText\"\n            ><feather-icon icon=\"InfoIcon\" size=\"14\"\n          /></span>\n        </div>\n      </template>\n    <template #cell(metric)=\"data\">\n      <h5 class=\"text-center text-uppercase\">\n        {{ data.value }}\n        <span class=\"info-icon\" v-b-tooltip.hover.v-primary :title=\"metricTooltipMap[data.value]\"\n          ><feather-icon icon=\"InfoIcon\" size=\"14\"\n        /></span>\n      </h5>\n    </template>\n    <template #cell(value)=\"data\">\n      <h5 class=\"text-center text-nowrap\">\n        {{ isCurrencyMetric(data.item.metric) ? universalFormatter(data.value, {isCurrency: true}) : data.value }}\n        <span><feather-icon v-if=\"percentageMetrics.includes(data.item.metric)\" icon=\"PercentIcon\" size=\"14\" /></span>\n      </h5>\n    </template>\n    <template #cell(company)=\"data\">\n      <h5 class=\"text-center text-nowrap\">\n        {{ isCurrencyMetric(data.item.metric) ? universalFormatter(data.value, {isCurrency: true}) : data.value }}\n        <span><feather-icon v-if=\"percentageMetrics.includes(data.item.metric)\" icon=\"PercentIcon\" size=\"14\" /></span>\n      </h5>\n    </template>\n    <template #cell(industry)=\"data\">\n      <h5 class=\"text-center text-nowrap\">\n        {{ isCurrencyMetric(data.item.metric) ? universalFormatter(data.value, {isCurrency: true}) : data.value }}\n        <!-- {{ data.value }} {{ isCurrencyMetric(data.item.metric) ? \"₺\" : \"\" }} -->\n        <span><feather-icon v-if=\"percentageMetrics.includes(data.item.metric)\" icon=\"PercentIcon\" size=\"14\" /></span>\n      </h5>\n    </template>\n  </b-table>\n</template>\n\n<script>\nimport { BTable, VBTooltip } from \"bootstrap-vue\";\nimport {universalFormatter} from \"@core/utils/utils\";\nexport default {\n  components: {\n    BTable,\n  },\n  directives: {\n    \"b-tooltip\": VBTooltip,\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      fields: [\n        { key: \"metric\", label: \"Performance Metrics\" },\n        { key: \"value\", label: \"Value\" },\n        { key: \"company\", label: \"Company Average\" },\n        { key: \"industry\", label: \"Industry Average\" },\n      ],\n      percentageMetrics: [\"ctr\", \"cvr\"],\n      metricTooltipMap: {\n        ctr: \"Click-through Rate\",\n        cvr: \"Conversion Rate\",\n        cpa: \"Cost Per Acquisition\",\n        cpm: \"Cost Per Mille\",\n        cpc: \"Cost Per Click\",\n      },\n      companyInfoText: \"Company averages are based on 12‑month campaign objectives; for example, CPM is calculated from CPM purchases.\"\n    };\n  },\n  computed: {\n    items() {\n      return this.transformData(this.data);\n    },\n  },\n  methods: {\n    universalFormatter,\n    transformData(input) {\n      const result = [];\n\n      const metricsArray = [\"cpm\", \"cpc\", \"ctr\", \"cpa\" , \"cvr\"];\n\n      metricsArray.forEach((metric) => {\n        let value = input.value[metric] || 0;\n        let company = input.company[metric] || 0;\n        let industry = input.industry[metric] || 0;\n\n        result.push({\n          metric: metric,\n          value: value,\n          company: company,\n          industry: industry,\n        });\n      });\n\n      return result;\n    },\n    isCurrencyMetric(metric) {\n      return [\"cpm\", \"cpc\", \"cpa\"].includes(metric);\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\">\n#performance-metrics-table {\n  $border-radius: 0.5rem;\n  $border-color: #650dda;\n  height: 100%;\n  outline: $border-color solid 1px;\n  border: 0 !important;\n  border-radius: $border-radius;\n  & thead tr th {\n    text-align: center;\n    background-color: $border-color !important;\n    &:first-child {\n      border-top-left-radius: $border-radius;\n    }\n    &:last-child {\n      border-top-right-radius: $border-radius;\n    }\n  }\n  .info-icon {\n    color: #28e9fd;\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!./PerformanceMetricsTable.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!./PerformanceMetricsTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PerformanceMetricsTable.vue?vue&type=template&id=631dc2cc\"\nimport script from \"./PerformanceMetricsTable.vue?vue&type=script&lang=js\"\nexport * from \"./PerformanceMetricsTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./PerformanceMetricsTable.vue?vue&type=style&index=0&id=631dc2cc&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-table',{attrs:{\"striped\":\"\",\"outlined\":\"\",\"hover\":\"\",\"items\":_vm.items,\"fields\":_vm.fields,\"id\":\"performance-metrics-table\"},scopedSlots:_vm._u([{key:\"head(company)\",fn:function(data){return [_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('span',{staticClass:\"custom-header-style\"},[_vm._v(_vm._s(data.label))]),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-primary\",modifiers:{\"hover\":true,\"v-primary\":true}}],staticClass:\"info-icon\",attrs:{\"title\":_vm.companyInfoText}},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"size\":\"14\"}})],1)])]}},{key:\"cell(metric)\",fn:function(data){return [_c('h5',{staticClass:\"text-center text-uppercase\"},[_vm._v(\" \"+_vm._s(data.value)+\" \"),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.v-primary\",modifiers:{\"hover\":true,\"v-primary\":true}}],staticClass:\"info-icon\",attrs:{\"title\":_vm.metricTooltipMap[data.value]}},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"size\":\"14\"}})],1)])]}},{key:\"cell(value)\",fn:function(data){return [_c('h5',{staticClass:\"text-center text-nowrap\"},[_vm._v(\" \"+_vm._s(_vm.isCurrencyMetric(data.item.metric) ? _vm.universalFormatter(data.value, {isCurrency: true}) : data.value)+\" \"),_c('span',[(_vm.percentageMetrics.includes(data.item.metric))?_c('feather-icon',{attrs:{\"icon\":\"PercentIcon\",\"size\":\"14\"}}):_vm._e()],1)])]}},{key:\"cell(company)\",fn:function(data){return [_c('h5',{staticClass:\"text-center text-nowrap\"},[_vm._v(\" \"+_vm._s(_vm.isCurrencyMetric(data.item.metric) ? _vm.universalFormatter(data.value, {isCurrency: true}) : data.value)+\" \"),_c('span',[(_vm.percentageMetrics.includes(data.item.metric))?_c('feather-icon',{attrs:{\"icon\":\"PercentIcon\",\"size\":\"14\"}}):_vm._e()],1)])]}},{key:\"cell(industry)\",fn:function(data){return [_c('h5',{staticClass:\"text-center text-nowrap\"},[_vm._v(\" \"+_vm._s(_vm.isCurrencyMetric(data.item.metric) ? _vm.universalFormatter(data.value, {isCurrency: true}) : data.value)+\" \"),_c('span',[(_vm.percentageMetrics.includes(data.item.metric))?_c('feather-icon',{attrs:{\"icon\":\"PercentIcon\",\"size\":\"14\"}}):_vm._e()],1)])]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CampaignTable.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!./CampaignTable.vue?vue&type=script&lang=js\"","<template>\n  <section>\n    <table-enhancer\n    pageName=\"Executive Summary\"\n    tableName=\"Campaign Table\"\n    :tableData=\"data\"\n    :tableFields=\"fields\"\n    :filterableColumns=\"columns\"\n  />\n  </section>\n</template>\n\n<script>\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\"\nexport default {\n  components: {\n    TableEnhancer,\n  },\n  props: {\n    data: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      fields: [\n        { key: \"campaign_name\", label: \"Campaign\", sortable: true },\n        { key: \"brand_name\", label: \"Brand\", sortable: true },\n        { key: \"status\", label: \"Status\", sortable: true },\n        { key: \"effectiveness\", label: \"Effectiveness\", sortable: true },\n        { key: \"media\", label: \"Media\", sortable: true },\n        { key: \"creative\", label: \"Creative\", sortable: true },\n        { key: \"awareness\", label: \"Awareness\", sortable: true },\n        { key: \"consideration\", label: \"Consideration\", sortable: true },\n        { key: \"conversion\", label: \"Conversion\", sortable: true },\n        { key: \"rank\", label: \"Rank\", sortable: true },\n      ],\n      columns: [\n        \"campaign_name\",\n        \"brand_name\",\n      ],\n    };\n  },\n};\n</script>","import { render, staticRenderFns } from \"./CampaignTable.vue?vue&type=template&id=805702a4\"\nimport script from \"./CampaignTable.vue?vue&type=script&lang=js\"\nexport * from \"./CampaignTable.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('table-enhancer',{attrs:{\"pageName\":\"Executive Summary\",\"tableName\":\"Campaign Table\",\"tableData\":_vm.data,\"tableFields\":_vm.fields,\"filterableColumns\":_vm.columns}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-row>\n      <b-col>\n        <filtersV2 name=\"overviewPages\" :get-metrics=\"getMetrics\" />\n      </b-col>\n    </b-row>\n    <loading v-if=\"isLoading\" />\n    <no-data-temp v-else-if=\"noData && !isLoading\" />\n    <div v-else-if=\"!noData && !isLoading && recData !== null\">\n      <!-- <div class=\"grid-container\">\n        <div class=\"campaign-card\"><campaign-card :data=\"recData.campaignCard\" /></div>\n        <div class=\"media-score\"><media-score :data=\"recData.scoreCard\" /></div>\n        <div class=\"creative-score\"><creative-score :data=\"recData.scoreCard.creative\" /></div>\n      </div> -->\n      <campaign-dashboard :data=\"campaignDashboardData\" />\n      <b-row>\n        <b-col xl=\"6\" cols=\"12\">\n          <media-effectiveness-trend\n            :historyData=\"recData.scoreTrends.scores\"\n            :filterParams=\"filterParams\"\n            :forecastData=\"forecastData\"\n          />\n        </b-col>\n        <b-col xl=\"6\" cols=\"12\">\n          <creative-score-trend\n            :data=\"creativeTrendData\"\n            :filterParams=\"filterParams\"\n        /></b-col>\n      </b-row>\n      <b-row>\n        <b-col class=\"mb-2\">\n          <metric-cards :data=\"recData.metricsCard\"\n        /></b-col>\n      </b-row>\n      <b-row>\n        <b-col class=\"mb-3\" xl=\"7\" cols=\"12\">\n          <volume-unit-cost-trend\n            :data=\"recData.volumeTrends\"\n            :filterParams=\"filterParams\"\n        /></b-col>\n        <b-col class=\"mb-3\" xl=\"5\" cols=\"12\">\n          <performance-metrics-table :data=\"recData.volumeTable\"\n        /></b-col>\n      </b-row>\n      <b-row>\n        <b-col>\n          <campaign-table cols=\"12\" :data=\"recData.campaignsTable\"\n        /></b-col>\n      </b-row>\n    </div>\n  </section>\n</template>\n\n<script>\nimport { BRow, BCol } from \"bootstrap-vue\";\nimport CampaignDashboard from \"./CampaignDashboard.vue\";\nimport MediaEffectivenessTrend from \"./MediaEffectivenessTrend.vue\";\nimport CreativeScoreTrend from \"./CreativeScoreTrend.vue\";\nimport MetricCards from \"./MetricCards.vue\";\nimport VolumeUnitCostTrend from \"./VolumeUnitCostTrend.vue\";\nimport PerformanceMetricsTable from \"./PerformanceMetricsTable.vue\";\nimport CampaignTable from \"./CampaignTable.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport noDataTemp from \"@/views/NoDataTemp.vue\";\n\nexport default {\n  components: {\n    BRow,\n    BCol,\n    CampaignDashboard,\n    MediaEffectivenessTrend,\n    CreativeScoreTrend,\n    MetricCards,\n    VolumeUnitCostTrend,\n    PerformanceMetricsTable,\n    CampaignTable,\n    FiltersV2,\n    Loading,\n    noDataTemp,\n  },\n  data() {\n    return {\n      recData: null,\n      noData: false,\n      isLoading: false,\n      filterParams: {},\n      // currentKey: 0,\n      forecastData: [],\n    };\n  },\n  computed: {\n    campaignDashboardData() {\n      return {\n        campaignCard: this.recData.campaignCard,\n        scoreCard: this.recData.scoreCard,\n      };\n    },\n    creativeTrendData() {\n      const data = this.recData.scoreTrends.scores.series.find(\n        (item) => item.name.toLowerCase() === \"creative\"\n      ).data;\n      const labels = this.recData.scoreTrends.scores.label;\n      return {\n        data,\n        labels,\n      };\n    },\n  },\n  methods: {\n    async getMetrics(params) {\n      this.isLoading = true;\n      this.filterParams = params;\n      await this.$http\n        .get(\"/overview/summary\", {\n          params: {\n            brand_id: params.brand.value,\n            adin_id: params.campaign.value,\n            start: params.date.startDate,\n            end: params.date.endDate,\n          },\n        })\n        .then(({ data }) => {\n          this.recData = data;\n          this.noData = false;\n          let forecastParams = {\n            brand_id: params.brand.value,\n            adin_id: params.campaign.value ? params.campaign.value : \"all\",\n            metric: \"media\",\n          };\n          this.getForecastData(forecastParams);\n        })\n        .catch((e) => {\n          this.noData = true;\n        })\n        .finally(() => {\n          this.isLoading = false;\n        });\n    },\n    async getForecastData(params) {\n      await this.$http\n        .get(\"forecasting/forecast\", {\n          params: params,\n        })\n        .then(({ data }) => {\n          this.forecastData = data.mediaDailyForecast;\n          console.log(\"forecastData denemesi\", this.forecastData);\n        });\n    },\n  },\n  created() {\n    const filterQuery = this.$route.query.filterInfo;\n    if (filterQuery) {\n      this.$filterV2.setPreSelections(filterQuery);\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=44067080\"\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!./CampaignDashboard.vue?vue&type=style&index=0&id=fe14bba2&prod&lang=scss\"","module.exports = __webpack_public_path__ + \"img/highlights-ai-icon.6cf56891.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"wrapper\",staticClass:\"animated-score-wrapper\"},[(_vm.dotDensity !== 0)?_c('dots-animation',{staticClass:\"absolute\",attrs:{\"dot-density\":_vm.dotDensity,\"size\":this.smallerDimension * 1.1}}):_vm._e(),_c('canvas',{ref:\"circleAnimation\",staticClass:\"animated-score-circle--border absolute\"}),_c('div',{staticClass:\"animated-score-circle animated-score-circle--gradient\",style:({ '--variant-color': _vm.variantColor, 'font-size': _vm.fontSize, height: (_vm.smallerDimension + \"px\"),  'background-color': _vm.transparent ? 'transparent' : 'rgb(37, 8, 64)' })},[_c('div',{staticClass:\"animated-score-circle--content\"},[_c('span',{staticClass:\"animated-score-circle--content--label\"},[_vm._v(_vm._s(_vm.title))]),_c('animated-number',{staticClass:\"animated-score-circle--content--value\",attrs:{\"format-value\":_vm.formatToPrice,\"value\":_vm.value,\"duration\":_vm.duration}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <svg :width=\"size\" :height=\"size\" :viewBox=\"viewBox\">\n    <!-- Animated dots -->\n    <g :transform=\"`translate(${translate}, ${translate})`\">\n      <g v-for=\"(circle, circleIndex) in circles\" :key=\"`circle-${circleIndex}`\">\n        <circle\n          v-for=\"(dot, dotIndex) in circle.dots\"\n          :key=\"`dot-${circleIndex}-${dotIndex}`\"\n          :cx=\"calculateX(dot, circle)\"\n          :cy=\"calculateY(dot, circle)\"\n          r=\"1.3\"\n          fill=\"#ffffff\"\n          :opacity=\"dot.opacity\"\n        >\n          <animateTransform\n            attributeName=\"transform\"\n            type=\"rotate\"\n            :from=\"`0 0 0`\"\n            :to=\"`${circle.speed < 0 ? -360 : 360} 0 0`\"\n            :dur=\"`${Math.abs(10 / circle.speed)}s`\"\n            repeatCount=\"indefinite\"\n          />\n        </circle>\n      </g>\n    </g>\n  </svg>\n</template>\n\n<script>\nexport default {\n  props: {\n    variantColor: {\n      type: String,\n      default: '#00ff00'\n    },\n    size: {\n      type: Number,\n      default: 100\n    },\n    dotDensity: {\n      type: Number,\n      default: 1\n    }\n  },\n  data() {\n    return {\n      circles: [],\n      maxRadius: 0\n    };\n  },\n  computed: {\n    viewBox() {\n      const viewBoxSize = this.maxRadius * 2;\n      return `-${viewBoxSize / 2} -${viewBoxSize / 2} ${viewBoxSize} ${viewBoxSize}`;\n    },\n    translate() {\n      return 0; // Center point is now (0, 0)\n    }\n  },\n  methods: {\n    initializeCircles() {\n      if (this.size <= 0) return;\n      \n      this.maxRadius = (this.size / 2) + 12; // Keeping your original largest radius\n      \n      this.circles = [\n        { radius: this.maxRadius, numDots: 80 * this.dotDensity, speed: -0.4, opacity: 0.3 },\n        { radius: this.maxRadius - 5, numDots: 60 * this.dotDensity, speed: 0.2, opacity: 0.5 }\n      ].map(circle => ({\n        ...circle,\n        dots: Array.from({ length: circle.numDots }, () => ({\n          angle: Math.random() * Math.PI * 2,\n          opacity: 0.2 + Math.random() * 0.3\n        }))\n      }));\n    },\n    calculateX(dot, circle) {\n      return circle.radius * Math.cos(dot.angle);\n    },\n    calculateY(dot, circle) {\n      return circle.radius * Math.sin(dot.angle);\n    },\n  },\n  mounted() {\n    console.log('dotDensity', this.dotDensity)\n  },\n  watch: {\n    size: {\n      immediate: true,\n      handler() {\n        this.initializeCircles();\n      }\n    }\n  }\n};\n</script>","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!./DotsAnimation.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!./DotsAnimation.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DotsAnimation.vue?vue&type=template&id=4a8bd1d9\"\nimport script from \"./DotsAnimation.vue?vue&type=script&lang=js\"\nexport * from \"./DotsAnimation.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('svg',{attrs:{\"width\":_vm.size,\"height\":_vm.size,\"viewBox\":_vm.viewBox}},[_c('g',{attrs:{\"transform\":(\"translate(\" + _vm.translate + \", \" + _vm.translate + \")\")}},_vm._l((_vm.circles),function(circle,circleIndex){return _c('g',{key:(\"circle-\" + circleIndex)},_vm._l((circle.dots),function(dot,dotIndex){return _c('circle',{key:(\"dot-\" + circleIndex + \"-\" + dotIndex),attrs:{\"cx\":_vm.calculateX(dot, circle),\"cy\":_vm.calculateY(dot, circle),\"r\":\"1.3\",\"fill\":\"#ffffff\",\"opacity\":dot.opacity}},[_c('animateTransform',{attrs:{\"attributeName\":\"transform\",\"type\":\"rotate\",\"from\":\"0 0 0\",\"to\":((circle.speed < 0 ? -360 : 360) + \" 0 0\"),\"dur\":((Math.abs(10 / circle.speed)) + \"s\"),\"repeatCount\":\"indefinite\"}})],1)}),0)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div ref=\"wrapper\" class=\"animated-score-wrapper\">\n    <!-- <canvas ref=\"dotsAnimation\" class=\"animated-score-circle--dots\"></canvas> -->\n    <dots-animation v-if=\"dotDensity !== 0\" class=\"absolute\" :dot-density=\"dotDensity\" :size=\"this.smallerDimension * 1.1\"/>\n    <canvas ref=\"circleAnimation\" class=\"animated-score-circle--border absolute\"></canvas>\n    <div\n      :style=\"{ '--variant-color': variantColor, 'font-size': fontSize, height: `${smallerDimension}px`,  'background-color': transparent ? 'transparent' : 'rgb(37, 8, 64)' }\"\n      class=\"animated-score-circle animated-score-circle--gradient\"\n    >\n    <!-- <div v-if=\"blur\" class=\"blur-div blur-div--1\"></div>\n    <div v-if=\"blur\" class=\"blur-div blur-div--2\"></div> -->\n      <div class=\"animated-score-circle--content\">\n        <span class=\"animated-score-circle--content--label\">{{ title }}</span>\n        <animated-number\n          class=\"animated-score-circle--content--value\"\n          :format-value=\"formatToPrice\"\n          :value=\"value\"\n          :duration=\"duration\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport AnimatedNumber from \"animated-number-vue\";\nimport DotsAnimation from \"./subcomponents/DotsAnimation.vue\";\n\nexport default {\n  components: {\n    AnimatedNumber,\n    DotsAnimation\n  },\n  props: {\n    title: {\n      type: String,\n      required: true,\n    },\n    // Color variant, can be passed a color hex or rgb color function\n    colorVariant: {\n      type: String,\n      required: false,\n      default: \"primary\",\n    },\n    value: {\n      type: Number,\n      required: true,\n    },\n    // Can be given \"full\" to complete the circle regardless of the value\n    circleType: {\n      type: String,\n      required: false\n    },\n    // Give a number between 1 and 0\n    dotDensity: {\n      type: Number,\n      required: false\n    },\n    blur: {\n      type: Boolean,\n      required: false,\n      default: true\n    },\n    transparent: {\n      type: Boolean,\n      required: false,\n      default: true\n    }\n  },\n  data() {\n    return {\n      duration: 1500,\n      smallerDimension: null,\n    };\n  },\n  computed: {\n    variantColor() {\n      const colorMap = {\n        primary: \"#6222b6\",\n        secondary: \"rgb(38, 182, 243, 1)\",\n      };\n      return colorMap?.[this.colorVariant] ?? this.colorVariant;\n    },\n    fontSize() {\n      const fontSize = this.smallerDimension ? `${this.smallerDimension / 24}px` : \"1rem\";\n      return fontSize;\n    },\n  },\n  methods: {\n    formatToPrice(value) {\n      return `${Number(value).toFixed(0)}`;\n    },\n    drawCircle(config) {\n      if (config.circleType === \"full\") {\n        config.percentage = 100; \n      }\n      const percentage = config.percentage;\n      console.log('percentage', percentage)\n      const canvas = this.$refs.circleAnimation;\n      const ctx = canvas.getContext(\"2d\");\n      const containerSize = this.smallerDimension;\n      // const innerCircleSize = containerSize * 0.9;\n      const canvasSize = containerSize + containerSize * 0.2;\n      canvas.width = canvasSize;\n      canvas.height = canvasSize;\n      const centerX = canvas.width / 2;\n      const centerY = canvas.height / 2;\n      const radius = containerSize / 2;\n      const startAngle = -0.5 * Math.PI; // Start from the top\n      const endAngle = startAngle + (2 * Math.PI * percentage) / 100; // Calculate end angle based on percentage\n\n      // Clear previous drawings\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n      // Draw background circle\n      ctx.beginPath();\n      ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);\n      ctx.strokeStyle = \"#fff\"; // Light grey color for background circle\n      ctx.lineWidth = 0.5;\n      ctx.stroke();\n\n      // Calculate the end position of the line\n      const endX = centerX + radius * Math.cos(endAngle);\n      const endY = centerY + radius * Math.sin(endAngle);\n\n      ctx.beginPath();\n      ctx.arc(centerX, centerY, radius, startAngle, endAngle, false);\n      ctx.strokeStyle = this.variantColor;\n      const lineFactor = Math.round(canvasSize / 60);\n      ctx.lineWidth = lineFactor;\n      ctx.stroke();\n\n      // Circle dot\n      if(config.circleType != 'full'){\n        ctx.beginPath();\n        ctx.arc(endX, endY, lineFactor, 0, 2 * Math.PI, true);\n        ctx.fillStyle = this.variantColor;\n        ctx.fill();\n      }\n    },\n    initObserver() {\n      const resizeCallback = (entries) => {\n        for (let entry of entries) {\n          const width = entry.contentRect.width;\n          const height = entry.contentRect.height;\n          this.smallerDimension = Math.min(width, height);\n        }\n        // this.startAnimation();\n        const config = {\n          percentage: this.value,\n          circleType: this.circleType\n        }\n        this.drawCircle(config);\n      };\n\n      this.observer = new ResizeObserver(resizeCallback);\n      this.observer.observe(this.$refs.wrapper);\n    },\n  },\n  mounted() {\n    this.initObserver();\n  },\n  beforeDestroy() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.animated-score-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  z-index: 3;\n  position: relative;\n  height: 80%;\n  width: 80%;\n}\n\n.animated-score-circle {\n  aspect-ratio: 1 / 1;\n  border-radius: 50%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  &--content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 4;\n    &--label {\n    text-wrap: nowrap;\n    font-size: clamp(14px,2em, 2em);\n    color: white;\n    text-align: center;\n  }\n  &--value {\n    font-size: 9em;\n    line-height: 1;\n  }\n  }\n  &--gradient {\n    text-align: center;\n    font-weight: bolder;\n    color: white;\n    position: relative;\n    margin: 0 auto;\n    transition: box-shadow ease 0.5s;\n    border-radius: 50%;\n    box-shadow: 1px 1px 10px 1px var(--variant-color),inset 1px 1px 20px 1px color-mix(in srgb, var(--variant-color), transparent);\n    // z-index: 1000;\n    cursor: pointer;\n    &::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-radius: 50%;\n    }\n\n    &:hover {\n      transition: box-shadow ease 0.5s;\n    }\n  }\n  &--dots {\n    z-index: 1;\n  }\n  &--border {\n    z-index: 4;\n  }\n}\n\n.blur-div{\n  height: 25%;\n  width:65%;\n  position:absolute;\n  right: 50%;\n  transform: translateX(50%) translateY(0);\n  backdrop-filter: blur(1px);\n  background-color: transparent;\n  z-index: 2;\n  // -webkit-transform:translate3d(0,0,0);\n  // backface-visibility: hidden;\n  &--1{\n    bottom: -10%;\n  }\n  &--2{\n    top: -10%;\n  }\n}\n.absolute {\n  position: absolute;\n  left: 50%;\n  bottom: 50%;\n  transform: translate(-50%, 50%);\n  // z-index: 0;\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!./ScoreCircle.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!./ScoreCircle.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ScoreCircle.vue?vue&type=template&id=0c99ad62&scoped=true\"\nimport script from \"./ScoreCircle.vue?vue&type=script&lang=js\"\nexport * from \"./ScoreCircle.vue?vue&type=script&lang=js\"\nimport style0 from \"./ScoreCircle.vue?vue&type=style&index=0&id=0c99ad62&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  \"0c99ad62\",\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!./PerformanceMetricsTable.vue?vue&type=style&index=0&id=631dc2cc&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!./ScoreCircle.vue?vue&type=style&index=0&id=0c99ad62&prod&scoped=true&lang=scss\"","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!./Index.vue?vue&type=style&index=0&id=0e005ff7&prod&scoped=true&lang=css\"","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-center align-items-center\",staticStyle:{\"height\":\"47px\",\"display\":\"flex\"}},[(_vm.loadingStatus === 'loading')?_c('span',{staticStyle:{\"text-align\":\"center\"}},[_c('b-spinner',{attrs:{\"variant\":\"primary\",\"label\":\"Loading...\"}}),_c('div',{staticClass:\"text-center mt-1\"},[_c('h5',{staticClass:\"text-muted font-weight-normal\"},[_vm._v(_vm._s(_vm.label))])])],1):_vm._e()])])}\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!./LoadingInterpreter.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!./LoadingInterpreter.vue?vue&type=script&lang=js\"","<template>\n    <div>\n      <div\n        style=\"height: 47px; display: flex\"\n        class=\"d-flex justify-content-center align-items-center\"\n      >\n        <span\n          v-if=\"loadingStatus === 'loading'\"\n          style=\"text-align: center\"\n        >\n          <b-spinner\n            variant=\"primary\"\n            label=\"Loading...\"\n          />\n          <div class=\"text-center mt-1\">\n            <h5 class=\"text-muted font-weight-normal\">{{label}}</h5>\n          </div>\n        </span>\n      </div>\n    </div>\n  </template>\n  \n  <script>\n  import { BSpinner } from 'bootstrap-vue'\n  \n  export default {\n    components: {\n      BSpinner,\n    },\n    props: {\n      loadingStatus: {\n        type: String,\n        default: 'loading',\n      },\n      label: {\n        type: String,\n        default: 'Please Wait',\n      },\n    },\n  }\n  </script>\n  ","import { render, staticRenderFns } from \"./LoadingInterpreter.vue?vue&type=template&id=589ed836\"\nimport script from \"./LoadingInterpreter.vue?vue&type=script&lang=js\"\nexport * from \"./LoadingInterpreter.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":""}