{"version":3,"sources":["webpack:///./src/views/NewLoadingSpinner.vue?4be3","webpack:///./src/views/NewLoadingSpinner.vue?5079","webpack:///src/views/NewLoadingSpinner.vue","webpack:///./src/views/NewLoadingSpinner.vue","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/CpcBar.vue?209e","webpack:///./src/views/Loading.vue?014c","webpack:///./src/views/Loading.vue?f994","webpack:///src/views/Loading.vue","webpack:///./src/views/Loading.vue","webpack:///./src/views/NoDataTemp.vue?ebf7","webpack:///./src/views/NoDataTemp.vue?c3cd","webpack:///src/views/NoDataTemp.vue","webpack:///./src/views/NoDataTemp.vue","webpack:///./src/views/NewLoadingSpinner.vue?3ac0","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/Table.vue?55aa","webpack:///./src/assets/images/svg/no-data.svg","webpack:///./src/assets/images/svg/no-data-w.svg","webpack:///./src/assets/images/uploads/highlights-ai-icon.svg","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/Index.vue?e23c","webpack:///src/views/smart-reporting/custom-reports/collaborative-report/Table.vue","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/Table.vue?0ec4","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/Table.vue","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/Table.vue?7697","webpack:///src/views/smart-reporting/custom-reports/collaborative-report/CpcBar.vue","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/CpcBar.vue?ab2b","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/CpcBar.vue","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/CpcBar.vue?cc13","webpack:///src/views/smart-reporting/custom-reports/collaborative-report/CtrBar.vue","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/CtrBar.vue?35de","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/CtrBar.vue","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/CtrBar.vue?6b24","webpack:///src/views/smart-reporting/custom-reports/collaborative-report/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/Index.vue?19ee","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/collaborative-report/CtrBar.vue?b925","webpack:///./src/views/LoadingInterpreter.vue?ef46","webpack:///./src/views/LoadingInterpreter.vue?5478","webpack:///src/views/LoadingInterpreter.vue","webpack:///./src/views/LoadingInterpreter.vue"],"names":["data","component","_vm","this","$createElement","_self","_c","_m","_h","staticClass","staticRenderFns","components","BSpinner","NewLoadingSpinner","props","loadingStatus","type","String","default","label","staticStyle","_e","noDataSvg","NoData","noDataSvgWhite","NoDataWhite","attrs","_v","module","exports","tableData","Array","required","totalRow","Object","currentPage","perPage","baseFields","key","thClass","subRowBaseFields","metricFields","options","isPercentage","isCurrency","fields","subRowFields","publisherMap","icon","gradient","tiktok","meta","computed","totalRows","length","methods","universalFormatter","toggleDetails","event","row","stopPropagation","getIcon","source","toLowerCase","getGradientColor","generateFields","map","formatter","value","sortable","created","scopedSlots","_u","fn","class","rotate","detailsShowing","disabled","item","subRows","on","$event","_s","campaignName","_l","field","index","proxy","model","callback","$$v","expression","VueApexCharts","Loading","ForecastLineChart","filterParams","selectedMetrics","dataKey","yAxis","right","left","leftText","text","apiResponse","popoverOpen","popoverContent","loading","startDate","endDate","chartKeyy","currentDataLength","aiIcon","handleClick","isDateChanged","analyzeChart","closePopover","e","$refs","$el","contains","target","$emit","metrics","formattedResponse","$http","get","params","brand_id","brand","adin_ids","campaigns","join","start_date","end_date","comment","replace","error","chartSettings","width","height","margin","top","bottom","chartTypes","lineChartEnabled","stepAreaChartEnabled","basisAreaChartEnabled","barChartEnabled","colors","upperLineColor","lowerLineColor","lineColors","forecastLineColor","forecastAreaColor","barLineColor","textSettings","fontFamily","fontWeight","fontSize","lineSettings","dottedLines","toggleLines","meanLineSettings","meanLineColor","meanLineEnabled","textPosition","x","y","textColor","axisSettings","separationLineEnabled","leftYAxisEnabled","rightYAxisEnabled","textFontSize","axisColor","axisTitles","xAxis","xAxisTitle","titlePosition","leftYAxis","labelEnabled","labelColor","rightYAxis","tooltipSettings","bar","format","line1","legendSettings","showLegend","legendNames","legendColors","zoomOutIconSettings","iconColor","mouseOverColor","responsive","chartData","barData","series","find","graphData","name","lineData","formattedHistoryData","date","watch","handler","newVal","immediate","chartKey","mounted","adin_id","decimals","BButton","noDataTemp","FiltersV2","BCol","BRow","CollabTable","cpcBar","ctrBar","isLoading","noData","recData","compDate","start_date_compare","compareDate","end_date_compare","then","catch","finally","previousPage","$router","push","getMetrics","totalCampaigns","campaignList","trendGraph"],"mappings":"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","file":"js/chunk-6c9c4a66.45e442f7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hollow-dots-spinner\"},[_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"dot\"}),_c('div',{staticClass:\"dot\"})])}]\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!./NewLoadingSpinner.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!./NewLoadingSpinner.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"hollow-dots-spinner\">\n    <div class=\"dot\"></div>\n    <div class=\"dot\"></div>\n    <div class=\"dot\"></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n    };\n  },\n};\n</script>\n\n<style scoped>\n.hollow-dots-spinner, .hollow-dots-spinner * {\n  box-sizing: border-box;\n}\n\n.hollow-dots-spinner {\n  height: 15px;\n  width: calc(30px * 3);\n}\n\n.hollow-dots-spinner .dot {\n  width: 15px;\n  height: 15px;\n  margin: 0 calc(15px / 2);\n  border: calc(15px / 5) solid #fff;\n  border-radius: 50%;\n  float: left;\n  transform: scale(0);\n  animation: hollow-dots-spinner-animation 1000ms ease infinite 0ms;\n}\n\n.hollow-dots-spinner .dot:nth-child(1) {\n  animation-delay: calc(300ms * 1);\n}\n\n.hollow-dots-spinner .dot:nth-child(2) {\n  animation-delay: calc(300ms * 2);\n}\n\n.hollow-dots-spinner .dot:nth-child(3) {\n  animation-delay: calc(300ms * 3);\n}\n\n@keyframes hollow-dots-spinner-animation {\n  50% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n</style>\n\n","import { render, staticRenderFns } from \"./NewLoadingSpinner.vue?vue&type=template&id=5db0d5ca&scoped=true\"\nimport script from \"./NewLoadingSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./NewLoadingSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./NewLoadingSpinner.vue?vue&type=style&index=0&id=5db0d5ca&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  \"5db0d5ca\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CpcBar.vue?vue&type=style&index=0&id=052204f6&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 mb-1\",staticStyle:{\"height\":\"100%\",\"min-height\":\"500px\",\"display\":\"flex\"}},[(_vm.loadingStatus === 'loading')?_c('span',{staticStyle:{\"text-align\":\"center\"}},[_c('new-loading-spinner')],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!./Loading.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!./Loading.vue?vue&type=script&lang=js\"","<template>\n  <div>\n    <div\n      style=\"height: 100%; min-height: 500px; display: flex\"\n      class=\"d-flex justify-content-center align-items-center mb-1\"\n    >\n      <span\n        v-if=\"loadingStatus === 'loading'\"\n        style=\"text-align: center\"\n      >\n        <new-loading-spinner />\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BSpinner } from 'bootstrap-vue'\nimport NewLoadingSpinner from \"@/views/NewLoadingSpinner.vue\";\n\nexport default {\n  components: {\n    BSpinner,\n    NewLoadingSpinner\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 \"./Loading.vue?vue&type=template&id=77246907\"\nimport script from \"./Loading.vue?vue&type=script&lang=js\"\nexport * from \"./Loading.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center \"},[_c('img',{staticClass:\"w-25 h-25\",attrs:{\"src\":_vm.noDataSvg,\"alt\":\"No Data\"}}),_c('h1',[_vm._v(\"Almost There! Adjust Filters \")]),_c('h5',{staticClass:\"font-weight-light mt-1\"},[_vm._v(\" It seems there’s no data available for your current selection.\")]),_c('h5',{staticClass:\"font-weight-light\"},[_vm._v(\"Try different filters to reveal more insights.\")])])}\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!./NoDataTemp.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!./NoDataTemp.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"d-flex flex-column justify-content-center align-items-center \">\n    <img :src=\"noDataSvg\" alt=\"No Data\" class=\"w-25 h-25\" >\n    <h1>Almost There! Adjust Filters\n      </h1>\n      <h5 class=\"font-weight-light mt-1\">\n        It seems there’s no data available for your current selection.</h5>\n        <h5 class=\"font-weight-light\">Try different filters to reveal more insights.</h5>\n    </div>\n</template>\n<script>\nimport NoData from \"@/assets/images/svg/no-data.svg\";\nimport NoDataWhite from \"@/assets/images/svg/no-data-w.svg\";\n\nexport default {\n  data() {\n    return {\n      noDataSvg: NoData,\n      noDataSvgWhite: NoDataWhite\n    }\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.no-data{\n  position: absolute;\n  width: 96%;\n  height: 100%;\n  background: rgba(45, 17, 70, 0.85);\n  backdrop-filter: blur(2px);\n  -webkit-backdrop-filter: blur(2px);\n  justify-content: center;\n  justify-items: stretch;\n  display: flex;\n  border-radius: 5px;\n  color: #28E9FD;\n  span{\n    background: rgba(22, 4, 38, 0.9);\n    padding: 2rem;\n    border-radius: 1.125rem;\n    margin: 7rem 0;\n    text-align: center;\n    align-self: start;\n    font-size: 1.3rem;\n    font-weight: 400;\n  }\n}\n</styl>\n","import { render, staticRenderFns } from \"./NoDataTemp.vue?vue&type=template&id=49a7c048&scoped=true\"\nimport script from \"./NoDataTemp.vue?vue&type=script&lang=js\"\nexport * from \"./NoDataTemp.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  \"49a7c048\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewLoadingSpinner.vue?vue&type=style&index=0&id=5db0d5ca&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!./Table.vue?vue&type=style&index=0&id=af123ca0&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/no-data.c3d73be7.svg\";","module.exports = __webpack_public_path__ + \"img/no-data-w.46a90350.svg\";","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',[_c('h3',{staticClass:\"mb-1\"},[_vm._v(\"Collaborative Report\")]),_c('b-button',{staticClass:\"mb-1\",attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":_vm.previousPage}},[_vm._v(\" Back \")]),_c('b-row',[_c('b-col',[_c('filtersV2',{attrs:{\"name\":\"collaborativePage\",\"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('b-row',[_c('b-col',[_c('collab-table',{attrs:{\"total-row\":_vm.recData.totalCampaigns,\"table-data\":_vm.recData.campaignList}})],1)],1),_c('b-row',[_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('cpc-bar',{attrs:{\"filter-params\":_vm.filterParams,\"data\":_vm.recData.trendGraph}})],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('ctr-bar',{attrs:{\"filter-params\":_vm.filterParams,\"data\":_vm.recData.trendGraph}})],1)],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n\n    <b-table\n      class=\"awareness-campaign-table\"\n      sticky-header\n      responsive\n      :items=\"tableData\"\n      :fields=\"fields\"\n      :current-page=\"currentPage\"\n      :per-page=\"perPage\"\n      fixed\n    >\n      <template #cell(campaign_name)=\"row\">\n        <div class=\"campaign-name-container\">\n          <span\n            class=\"icon-wrapper button\"\n            :class=\"{ rotate: row.detailsShowing, disabled: row.item.subRows.length === 0 }\"\n            @click=\"row.item.subRows.length > 0 ? toggleDetails($event, row) : null\"\n          ><feather-icon\n            size=\"16\"\n            :icon=\"'ChevronRightIcon'\"\n          /></span>\n          <span class=\"icon-wrapper\"><feather-icon\n            size=\"16\"\n            :icon=\"getIcon(row.item.source)\"\n          /></span>\n          <span\n            class=\"gradient-bar\"\n            :class=\"[getGradientColor(row.item.source)]\"\n          />\n          <span>{{ row.value }}</span>\n        </div>\n      </template>\n      <template #row-details=\"row\">\n        <b-table\n          class=\"mb-0 p-0\"\n          :items=\"row.item.subRows\"\n          :fields=\"subRowFields\"\n          thead-class=\"invisible-headers\"\n          tbody-tr-class=\"table-subRow\"\n          fixed\n        >\n          <template #cell(campaignName)=\"row\">\n            <div class=\"d-flex align-items-center\">\n              <span>{{ row.item.campaignName }}</span>\n            </div>\n          </template>\n        </b-table>\n      </template>\n      <template v-slot:bottom-row>\n        <td v-for=\"(field, index) in fields\" :key=\"index\">\n          <template v-if=\"index === 0\">\n            <strong>TOTAL</strong>\n          </template>\n          <template v-else>\n\n            {{ universalFormatter(totalRow[field.key], field.options || {}) }}\n          </template>\n        </td>\n      </template>\n\n\n    </b-table>\n    <b-pagination\n      v-model=\"currentPage\"\n      :total-rows=\"totalRows\"\n      :per-page=\"perPage\"\n    />\n  </section>\n</template>\n\n<script>\nimport { universalFormatter } from \"@/@core/utils/utils\";\nexport default {\n  props: {\n    tableData: {\n      type: Array,\n      required: true\n    },\n    totalRow: {\n      type: Object,\n      required: true\n    }\n  },\n  data() {\n    return {\n      currentPage: 1,\n      perPage: 5,\n      baseFields: [\n        { key: \"campaign_name\", label: \"Campaign Name\", thClass: [\"campaign-header-width\"] },\n        { key: \"source\", label: \"Source\", thClass: [\"other-header-width\"] },\n        { key: \"objective\", label: \"Objective\", thClass: [\"other-header-width\"] },\n      ],\n      subRowBaseFields: [\n        { key: \"adgroup_name\", label: \"Ad Group Name\", thClass: [\"campaign-header-width\"] },\n        { key: \"source\", label: \"Source\", thClass: [\"other-header-width\"] },\n        { key: \"objective\", label: \"Objective\", thClass: [\"other-header-width\"] },\n      ],\n      metricFields: [\n        { key: \"linkClick\", label: \"Link Click\" },\n        { key: \"linkClickChange\", label: \"Link Click Change\", options: {isPercentage: true } },\n        { key: \"sharedPurchase\", label: \"Shared Purchase\"},\n        { key: \"sharedPurchaseChange\", label: \"Shared Purchase Change\", options: {isPercentage: true } },\n        { key: \"cost\", label: \"Cost\", options: { isCurrency: true } },\n        { key: \"costChange\", label: \"Cost Change\", options: {isPercentage: true } },\n        { key: \"sharedPurchaseValue\", label: \"Shared Purchase Value\", options: { isCurrency: true } },\n        { key: \"sharedPurchaseValueChange\", label: \"Shared Purchase Value Change\", options: {isPercentage: true } },\n        { key: \"impressions\", label: \"Impressions\" },\n        { key: \"impressionsChange\", label: \"Impressions Change\", options: {isPercentage: true } },\n        { key: \"ctr\", label: \"CTR\", options: {isPercentage: true } },\n        { key: \"ctrChange\", label: \"CTR Change\", options: { isPercentage: true } },\n        { key: \"cpc\", label: \"CPC\", options: { isCurrency: true } },\n        { key: \"cpcChange\", label: \"CPC Change\", options: {isPercentage: true } },\n        { key: \"cvr\", label: \"CVR\", options: {isPercentage: true } },\n        { key: \"cvrChange\", label: \"CVR Change\", options: {isPercentage: true } },\n        { key: \"roas\", label: \"ROAS\" },\n        { key: \"roasChange\", label: \"ROAS Change\", options: {isPercentage: true } },\n        { key: \"cpa\", label: \"CPA\", options: { isCurrency: true } },\n        { key: \"cpaChange\", label: \"CPA Change\", options: {isPercentage: true } },\n      ],\n      fields: [],\n      subRowFields: [],\n      publisherMap: {\n        \"google ads\": {\n          icon: \"GoogleIcon\",\n          gradient: \"gradient-bar--yellow\",\n        },\n        tiktok: {\n          icon: \"TiktokIcon\",\n          gradient: \"gradient-bar--purple\",\n        },\n        meta: {\n          icon: \"MetaIcon\",\n          gradient: \"gradient-bar--blue\",\n        },\n      },\n    };\n  },\n  computed:{\n    totalRows() {\n      return this.tableData.length || 0;\n    }\n  },\n  methods: {\n    universalFormatter,\n    toggleDetails(event, row) {\n      event.stopPropagation();\n      row.toggleDetails();\n    },\n    getIcon(source) {\n      return this.publisherMap[source.toLowerCase()].icon;\n    },\n    getGradientColor(source) {\n      return this.publisherMap[source.toLowerCase()].gradient;\n    },\n    generateFields(fields){\n      return fields.map(({ key, label, options }) => ({\n        key,\n        label,\n        options,\n        formatter: (value) => this.universalFormatter(value, options),\n        sortable: options !== undefined,\n        thClass: [\"other-header-width\"],\n      }))\n    }\n  },\n  created(){\n    this.fields = [\n      ...this.baseFields,\n      ...this.generateFields(this.metricFields),\n    ];\n\n    this.subRowFields = [\n      ...this.subRowBaseFields,\n      ...this.generateFields(this.metricFields),\n    ];\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.awareness-campaign-table{\n  min-height: 450px !important;\n}\n.awareness-campaign-table ::v-deep .campaign-name-container {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n// GRADIENT BARS\n.awareness-campaign-table ::v-deep .gradient-bar {\n  display: inline-block;\n  width: 4px;\n  height: 25px;\n  margin: 0 5px;\n  flex-shrink: 0;\n}\n\n.awareness-campaign-table ::v-deep .gradient-bar--purple {\n  background: linear-gradient(180deg, rgba(160, 78, 246, 1) 0%, rgba(95, 69, 245, 1) 100%);\n}\n\n.awareness-campaign-table ::v-deep .gradient-bar--yellow {\n  background: linear-gradient(180deg, rgba(254, 181, 0, 1) 0%, rgba(233, 127, 1, 1) 100%);\n}\n\n.awareness-campaign-table ::v-deep .gradient-bar--blue {\n  background: linear-gradient(180deg, rgba(100, 216, 250, 1) 0%, rgba(75, 160, 228, 1) 100%);\n}\n\n// SUBROW STYLES\n\n.awareness-campaign-table ::v-deep .campaign-cell {\n  padding-left: 100px !important;\n}\n\n.awareness-campaign-table ::v-deep .b-table-details > td {\n  padding: 0px !important;\n}\n\n.awareness-campaign-table ::v-deep .invisible-headers {\n  visibility: hidden;\n  max-height: 1px !important;\n}\n\n.awareness-campaign-table ::v-deep .invisible-headers tr th {\n  height: 1px !important;\n  line-height: 1px !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  border: none !important;\n}\n\n.awareness-campaign-table ::v-deep .campaign-header-width {\n  width: 350px !important;\n}\n.awareness-campaign-table ::v-deep .other-header-width {\n  width: 92px !important;\n}\n\n.awareness-campaign-table ::v-deep .table-subRow {\n  background-color: #2e385b;\n}\n\n// ICON WRAPPER\n\n.awareness-campaign-table ::v-deep .icon-wrapper {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  transition: ease-in-out 0.2s;\n  &.button {\n    cursor: pointer;\n  }\n  &.disabled {\n    color: #535353b3;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n}\n\n// ICON TRANSITION\n.awareness-campaign-table ::v-deep .rotate {\n  transform: rotate(90deg);\n}\n\n// STATUS CIRCLE\n.awareness-campaign-table ::v-deep .status {\n  display: inline-block;\n  width: 15px;\n  height: 15px;\n  border-radius: 50%;\n  margin-right: 6px;\n  box-shadow: inset 0 5px 4px 0.5px rgba(255, 255, 255, 0.293);\n}\n\n.awareness-campaign-table ::v-deep .status.positive {\n  background-color: rgb(51, 160, 51);\n}\n\n.awareness-campaign-table ::v-deep .status.negative {\n  background-color: rgb(246, 64, 64);\n}\n\n// TABLE STYLES\n$border-radius: 0.5rem;\n$border-color: #650dda;\n\n.awareness-campaign-table {\n  height: 100%;\n  outline: $border-color solid 1px;\n  border: 0 !important;\n  border-radius: $border-radius;\n}\n\n.awareness-campaign-table ::v-deep thead tr th {\n  text-align: center;\n  background-color: $border-color !important;\n  color: white;\n  position: sticky;\n  top: 0;\n\n  &:first-child {\n    border-top-left-radius: $border-radius;\n  }\n  &:last-child {\n    border-top-right-radius: $border-radius;\n  }\n}\n\n.awareness-campaign-table ::v-deep tr {\n  &:nth-child(even) td {\n    background-color: rgba(183, 68, 221, 0.069);\n  }\n\n  &:nth-child(odd) td {\n    background-color: transparent;\n  }\n}\n\n.awareness-campaign-table ::v-deep td {\n  vertical-align: top;\n  text-align: center;\n}\n\n.table-b-table-default {\n  width: 80px !important;\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!./Table.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Table.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Table.vue?vue&type=template&id=af123ca0&scoped=true\"\nimport script from \"./Table.vue?vue&type=script&lang=js\"\nexport * from \"./Table.vue?vue&type=script&lang=js\"\nimport style0 from \"./Table.vue?vue&type=style&index=0&id=af123ca0&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  \"af123ca0\",\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-table',{staticClass:\"awareness-campaign-table\",attrs:{\"sticky-header\":\"\",\"responsive\":\"\",\"items\":_vm.tableData,\"fields\":_vm.fields,\"current-page\":_vm.currentPage,\"per-page\":_vm.perPage,\"fixed\":\"\"},scopedSlots:_vm._u([{key:\"cell(campaign_name)\",fn:function(row){return [_c('div',{staticClass:\"campaign-name-container\"},[_c('span',{staticClass:\"icon-wrapper button\",class:{ rotate: row.detailsShowing, disabled: row.item.subRows.length === 0 },on:{\"click\":function($event){row.item.subRows.length > 0 ? _vm.toggleDetails($event, row) : null}}},[_c('feather-icon',{attrs:{\"size\":\"16\",\"icon\":'ChevronRightIcon'}})],1),_c('span',{staticClass:\"icon-wrapper\"},[_c('feather-icon',{attrs:{\"size\":\"16\",\"icon\":_vm.getIcon(row.item.source)}})],1),_c('span',{staticClass:\"gradient-bar\",class:[_vm.getGradientColor(row.item.source)]}),_c('span',[_vm._v(_vm._s(row.value))])])]}},{key:\"row-details\",fn:function(row){return [_c('b-table',{staticClass:\"mb-0 p-0\",attrs:{\"items\":row.item.subRows,\"fields\":_vm.subRowFields,\"thead-class\":\"invisible-headers\",\"tbody-tr-class\":\"table-subRow\",\"fixed\":\"\"},scopedSlots:_vm._u([{key:\"cell(campaignName)\",fn:function(row){return [_c('div',{staticClass:\"d-flex align-items-center\"},[_c('span',[_vm._v(_vm._s(row.item.campaignName))])])]}}],null,true)})]}},{key:\"bottom-row\",fn:function(){return _vm._l((_vm.fields),function(field,index){return _c('td',{key:index},[(index === 0)?[_c('strong',[_vm._v(\"TOTAL\")])]:[_vm._v(\" \"+_vm._s(_vm.universalFormatter(_vm.totalRow[field.key], field.options || {}))+\" \")]],2)})},proxy:true}])}),_c('b-pagination',{attrs:{\"total-rows\":_vm.totalRows,\"per-page\":_vm.perPage},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],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>{{ selectedMetrics.yAxis.right }} / {{ selectedMetrics.yAxis.leftText }} 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=\"chartKeyy\" :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: \"cpcAndTraffic\",\n        yAxis: {\n          right: \"CPC\",\n          left: \"Traffic\",\n          leftText: \"Link Click\"\n        },\n      },\n      options: [\n        {\n          text: \"CPC / Link Click\",\n          value: {\n            dataKey: \"cpcAndTraffic\",\n            yAxis: {\n              right: \"CPC\",\n              left: \"Traffic\",\n              leftText: \"Link Click\"\n\n            },\n          },\n        },\n        {\n          text: \"CPA / Purchase\",\n          value: {\n            dataKey: \"cpaAndPurchase\",\n            yAxis: {\n              right: \"CPA\",\n              left: \"Purchase\",\n              leftText: \"Purchase\"\n\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      chartKeyy: 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 === \"cpcAndTraffic\") {\n        metrics = \"cpc,traffic\";\n      } else if (this.selectedMetrics === \"cpaAndPurchase\") {\n        metrics = \"cpa,purchase\";\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_ids: this.filterParams.campaigns.join(\",\"),\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: 50, right: 80, bottom: 80, left: 80 },\n        chartTypes: {\n          lineChartEnabled: true,\n          stepAreaChartEnabled: false,\n          basisAreaChartEnabled: false,\n          barChartEnabled: true,\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 !important\",\n          fontSize: \"12px !important\",\n        },\n        lineSettings: {\n          dottedLines: [],\n          toggleLines: []\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.leftText,\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: 'currency'\n          },\n          line1: {\n            text: this.selectedMetrics.yAxis.leftText,\n            format: ''\n          }\n        },\n        legendSettings: {\n          showLegend: true,\n          textColor: \"white\",\n          legendNames: [this.selectedMetrics.yAxis.leftText, this.selectedMetrics.yAxis.right],\n          legendColors: [\"#FF5F5E\", \"#7472DF\"],\n        },\n        zoomOutIconSettings: {\n          iconColor: \"white\",\n          mouseOverColor: \"pink\",\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.chartKeyy++;\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!./CpcBar.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!./CpcBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CpcBar.vue?vue&type=template&id=052204f6&scoped=true\"\nimport script from \"./CpcBar.vue?vue&type=script&lang=js\"\nexport * from \"./CpcBar.vue?vue&type=script&lang=js\"\nimport style0 from \"./CpcBar.vue?vue&type=style&index=0&id=052204f6&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  \"052204f6\",\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(_vm._s(_vm.selectedMetrics.yAxis.right)+\" / \"+_vm._s(_vm.selectedMetrics.yAxis.leftText)+\" 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.chartKeyy,attrs:{\"forecastHistoryData\":_vm.chartData,\"forecastSettings\":_vm.chartSettings,\"forecastFutureData\":[]}})],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      <h3>{{ selectedMetrics.yAxis.right }} / {{ selectedMetrics.yAxis.leftText }} Trend</h3>\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: \"ctrAndClick\",\n        yAxis: {\n          right: \"CTR\",\n          left: \"Click\",\n          leftText: \"Link Click\"\n        },\n      },\n      options: [\n        {\n          text: \"CTR / Link Click\",\n          value: {\n            dataKey: \"ctrAndClick\",\n            yAxis: {\n              right: \"CTR\",\n              left: \"Click\",\n              leftText: \"Link Click\"\n\n            },\n          },\n        },\n        {\n          text: \"CVR / Purchase\",\n          value: {\n            dataKey: \"cvrAndPurchase\",\n            yAxis: {\n              right: \"CVR\",\n              left: \"Purchase\",\n              leftText: \"Purchase\",\n\n            },\n          },\n        },\n        {\n          text: \"ROAS / Revenue\",\n          value: {\n            dataKey: \"roasAndRevenue\",\n            yAxis: {\n              right: \"ROAS\",\n              left: \"Revenue\",\n              leftText: \"Revenue\",\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  mounted() {\n    this.chartKey++\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 === \"ctrAndClick\") {\n        metrics = \"ctr,click\";\n      } else if (this.selectedMetrics === \"cvrAndPurchase\") {\n        metrics = \"cvr,purchase\";\n      } else if (this.selectedMetrics === \"roasAndRevenue\") {\n        metrics = \"roas,revenue\";\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: this.filterParams.campaigns.join(\",\"),\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: 50, right: 80, bottom: 80, left: 80 },\n        chartTypes: {\n          lineChartEnabled: true,\n          stepAreaChartEnabled: false,\n          basisAreaChartEnabled: false,\n          barChartEnabled: true,\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 !important\",\n          fontSize: \"12px !important\",\n        },\n        lineSettings: {\n          dottedLines: [],\n          toggleLines: []\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.leftText,\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: this.selectedMetrics.yAxis.right === 'ROAS' ? '' : 'percentage',\n            decimals: 4\n          },\n          line1: {\n            text: this.selectedMetrics.yAxis.leftText,\n            format: ''\n          }\n        },\n        legendSettings: {\n          showLegend: true,\n          textColor: \"white\",\n          legendNames: [this.selectedMetrics.yAxis.leftText, this.selectedMetrics.yAxis.right],\n          legendColors: [\"#FF5F5E\", \"#7472DF\"],\n        },\n        zoomOutIconSettings: {\n          iconColor: \"white\",\n          mouseOverColor: \"pink\",\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!./CtrBar.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!./CtrBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CtrBar.vue?vue&type=template&id=e96668ee&scoped=true\"\nimport script from \"./CtrBar.vue?vue&type=script&lang=js\"\nexport * from \"./CtrBar.vue?vue&type=script&lang=js\"\nimport style0 from \"./CtrBar.vue?vue&type=style&index=0&id=e96668ee&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  \"e96668ee\",\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('h3',[_vm._v(_vm._s(_vm.selectedMetrics.yAxis.right)+\" / \"+_vm._s(_vm.selectedMetrics.yAxis.leftText)+\" 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  <div>\n    <h3 class=\"mb-1\">Collaborative Report</h3>\n    <b-button variant=\"primary\" size=\"sm\" class=\"mb-1\" @click=\"previousPage\">\n      Back\n    </b-button>\n    <b-row>\n      <b-col>\n        <filtersV2 name=\"collaborativePage\" :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      <b-row>\n        <b-col>\n          <collab-table :total-row=\"recData.totalCampaigns\" :table-data=\"recData.campaignList\" />\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col lg=\"6\">\n          <cpc-bar :filter-params=\"filterParams\" :data=\"recData.trendGraph\" />\n\n        </b-col>\n\n        <b-col lg=\"6\">\n          <ctr-bar :filter-params=\"filterParams\" :data=\"recData.trendGraph\" />\n\n        </b-col>\n      </b-row>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {BButton, BCol, BRow} from \"bootstrap-vue\";\nimport CollabTable from \"@/views/smart-reporting/custom-reports/collaborative-report/Table.vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport noDataTemp from \"@/views/NoDataTemp.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport cpcBar from \"@/views/smart-reporting/custom-reports/collaborative-report/CpcBar.vue\";\nimport ctrBar from \"@/views/smart-reporting/custom-reports/collaborative-report/CtrBar.vue\";\n\nexport default {\n  components: {\n    BButton,\n    Loading, noDataTemp, FiltersV2,\n    BCol,\n    BRow,\n    CollabTable, cpcBar, ctrBar\n  },\n  data() {\n    return {\n      isLoading: false,\n      noData: true,\n      recData: null,\n      filterParams: null\n    }\n  },\n  methods: {\n   async getMetrics(params) {\n     console.log(params)\n      this.isLoading = true;\n      this.filterParams = params\n      await this.$http\n          .get(\"/reports/collaborative\", {\n            params: {\n              brand_id: params.brand.value,\n              adin_ids: params.campaigns.join(\",\"),\n              start_date: params.compDate.startDate,\n              end_date: params.compDate.endDate,\n              start_date_compare: params.compareDate.startDate,\n              end_date_compare: params.compareDate.endDate,\n            },\n          })\n          .then(({ data }) => {\n            this.recData = data;\n            this.noData = false;\n          })\n          .catch((e) => {\n            this.noData = true;\n          }).finally(() => {\n            this.isLoading = false;\n          });\n    },\n    previousPage() {\n      this.$router.push(\"/smart-reporting/custom-reports-page\");\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!./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=00daddd3\"\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--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!./CtrBar.vue?vue&type=style&index=0&id=e96668ee&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":""}