{"version":3,"sources":["webpack:///./src/views/ui/media-components/SingleMetric.vue?54c1","webpack:///./src/views/ui/media-components/SingleMetric.vue?4c79","webpack:///src/views/ui/media-components/SingleMetric.vue","webpack:///./src/views/ui/media-components/SingleMetric.vue","webpack:///./src/views/ui/media-components/CostProcess.vue?3cee","webpack:///src/views/ui/media-components/CostProcess.vue","webpack:///./src/views/ui/media-components/CostProcess.vue?41e7","webpack:///./src/views/ui/media-components/CostProcess.vue","webpack:///./src/views/ui/media-components/BudgetCard.vue?2c3b","webpack:///./src/views/ui/media-components/SingleMetric.vue?1953","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/assets/images/uploads/highlights-ai-icon.svg","webpack:///./src/views/ui/media-components/BudgetCard.vue?b5a5","webpack:///src/views/ui/media-components/BudgetCard.vue","webpack:///./src/views/ui/media-components/BudgetCard.vue?87c2","webpack:///./src/views/ui/media-components/BudgetCard.vue","webpack:///./src/views/ui/ai-button/Index.vue?b7f6","webpack:///./src/views/ui/media-components/CostProcess.vue?2004","webpack:///./src/views/LoadingInterpreter.vue?ef46","webpack:///./src/views/LoadingInterpreter.vue?5478","webpack:///src/views/LoadingInterpreter.vue","webpack:///./src/views/LoadingInterpreter.vue"],"names":["props","metricData","type","Object","required","size","String","default","methods","kFormatter","component","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","title","icon","value","staticRenderFns","components","MetricComp","SingleMetric","isCurrency","Boolean","comparisonCard","sourceMetricData","pageMeta","onlyCost","descriptions","computed","comparisonData","typeCost","viewableImpressions","percentageCost","percentageOfViewableImpressions","totalCost","impressions","isOnlyCost","descriptionTexts","_this$descriptions","_this$pageMeta","_this$descriptions2","top","bottom","universalFormatter","_e","style","width","Math","min","BButton","BPopover","Loading","popoverName","requestParams","data","loading","popoverOpen","apiResponse","popoverContent","popoverMetrics","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","staticStyle","on","ref","module","exports","campaignCard","isHorizontal","textOptions","subtitle","layoutStyles","mode","rangeContainer","mainContainer","daysValue","budgetContainer","infoContainer","detailsWrapper","class","cost","range","days","goal","buyingType","platform","BSpinner","loadingStatus","label"],"mappings":"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","file":"js/chunk-33315fc0.57261fa3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"metric-card mb-0\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"d-flex flex-column align-items-center my-auto\"},[_c('h4',{staticClass:\"metric-card--title\"},[_vm._v(_vm._s(_vm.metricData.title))]),_c('feather-icon',{attrs:{\"icon\":_vm.metricData.icon,\"size\":_vm.size}}),_c('span',{staticClass:\"metric-card--value\"},[_vm._v(_vm._s(_vm.kFormatter(_vm.metricData.value)))])],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!./SingleMetric.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!./SingleMetric.vue?vue&type=script&lang=js\"","<template>\n  <b-card no-body class=\"metric-card mb-0\">\n    <div class=\"d-flex flex-column align-items-center my-auto\">\n      <h4 class=\"metric-card--title\">{{ metricData.title }}</h4>\n      <feather-icon :icon=\"metricData.icon\" :size=\"size\" />\n      <span class=\"metric-card--value\">{{ kFormatter(metricData.value) }}</span>\n    </div>\n  </b-card>\n</template>\n\n<script>\nimport { kFormatter } from '@core/utils/filter'\nexport default {\n  props: {\n    metricData: {\n      type: Object,\n      required: true,\n    },\n    size: {\n      type: String,\n      default: \"40\"\n    }\n  },\n  methods: {\n    kFormatter,\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n\n.metric-card {\n  grid-column: span 1;\n  grid-row: span 3;\n  &--value {\n    font-size: 2.4rem;\n    line-height: normal;\n  }\n}\n\n@media (max-width: 1500px) {\n  .metric-card {\n    &--title {\n      font-size: 1rem;\n    }\n    &--value {\n      font-size: 1.7rem;\n    }\n  }\n}\n\n</style>\n","import { render, staticRenderFns } from \"./SingleMetric.vue?vue&type=template&id=b3f20f0c&scoped=true\"\nimport script from \"./SingleMetric.vue?vue&type=script&lang=js\"\nexport * from \"./SingleMetric.vue?vue&type=script&lang=js\"\nimport style0 from \"./SingleMetric.vue?vue&type=style&index=0&id=b3f20f0c&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  \"b3f20f0c\",\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:\"cost-card h-100 mb-0 py-1\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"d-flex flex-column align-items-center\"},[_c('span',{staticClass:\"cost--text text-capitalize\"},[_vm._v(_vm._s(_vm.descriptionTexts.top))]),_c('span',{staticClass:\"cost--value\"},[_vm._v(\" \"+_vm._s(_vm.universalFormatter(_vm.comparisonData.typeCost, { isCurrency: _vm.isCurrency }))+\" \")]),(!_vm.isOnlyCost)?[_c('div',{staticClass:\"blue-container mt-1\"},[_c('span',{staticClass:\"blue-gradient-bar\",style:({ width: Math.min(_vm.comparisonData.percentageCost, 100) + '%' })}),_c('div',{staticClass:\"percentage\"},[_vm._v(\" \"+_vm._s(_vm.comparisonData.percentageCost)+\"% \")])]),_c('span',{staticClass:\"cost--total\"},[_c('span',[_vm._v(_vm._s(_vm.descriptionTexts.bottom))]),_vm._v(\": \"),_c('span',{staticClass:\"cost--total--value\"},[_vm._v(_vm._s(_vm.universalFormatter(_vm.comparisonData.totalCost, { isCurrency: _vm.isCurrency })))])])]:_vm._e()],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card\n      no-body\n      class=\"cost-card h-100 mb-0 py-1\"\n  >\n    <div class=\"d-flex flex-column align-items-center\">\n      <span class=\"cost--text text-capitalize\">{{ descriptionTexts.top }}</span>\n      <span class=\"cost--value\">\n        {{ universalFormatter(comparisonData.typeCost, { isCurrency: isCurrency }) }}\n      </span>\n      <template v-if=\"!isOnlyCost\">\n        <div class=\"blue-container mt-1\">\n          <span\n              class=\"blue-gradient-bar\"\n              :style=\"{ width: Math.min(comparisonData.percentageCost, 100) + '%' }\"\n          />\n          <div class=\"percentage\">\n            {{ comparisonData.percentageCost }}%\n          </div>\n        </div>\n        <span class=\"cost--total\">\n          <span>{{ descriptionTexts.bottom }}</span>:\n          <span class=\"cost--total--value\">{{\n              universalFormatter(comparisonData.totalCost, { isCurrency: isCurrency })\n            }}</span>\n        </span>\n      </template>\n    </div>\n  </b-card>\n</template>\n\n<script>\nimport { universalFormatter } from \"@/@core/utils/utils\";\nimport { kFormatter } from \"@core/utils/filter\";\nimport MetricComp from \"./MetricCompCard.vue\";\nimport SingleMetric from \"./SingleMetric.vue\";\n\nexport default {\n  components: {\n    MetricComp,\n    SingleMetric\n  },\n  props: {\n    isCurrency: {\n      type: Boolean,\n      required: false,\n      default: () => true\n    },\n    comparisonCard: {\n      type: Object,\n      required: true,\n    },\n    sourceMetricData: {\n      type: Object,\n      required: false,\n    },\n    pageMeta: {\n      type: Object,\n      required: false,\n    },\n    onlyCost: {\n      type: Boolean,\n      required: false,\n    },\n    descriptions: {\n      type: Object,\n      required: false,\n      default: () => ({})\n    }\n  },\n  computed: {\n    comparisonData() {\n      if (this.pageMeta.type === \"creative\") {\n        return {\n          typeCost: this.comparisonCard.viewableImpressions,\n          percentageCost: this.comparisonCard.percentageOfViewableImpressions,\n          totalCost: this.comparisonCard.impressions,\n        };\n      } else {\n        return {\n          typeCost: this.comparisonCard[`${this.pageMeta.type}Cost`],\n          percentageCost: this.comparisonCard.percentageCost,\n          totalCost: this.comparisonCard.totalCost,\n        };\n      }\n    },\n    isOnlyCost() {\n      return this.onlyCost;\n    },\n    descriptionTexts(){\n      return {\n        top: this.descriptions?.top || `${this.pageMeta?.type || ''} Cost`,\n        bottom: this.descriptions?.bottom || `Total Cost`\n      };\n    }\n  },\n  methods: {\n    universalFormatter,\n    kFormatter,\n  },\n};\n</script>\n\n\n<style lang=\"scss\" scoped>\n\n.cost-card {\n  justify-content: center;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.cost {\n  &--text {\n    font-size: 1.7rem;\n  }\n  &--value {\n    font-size: 2.2rem;\n    font-weight: bold;\n  }\n  &--total {\n    font-size: 1.6rem;\n    margin-top: 15px;\n    &--value {\n      font-weight: bold;\n    }\n  }\n}\n\n.blue-container {\n  border-radius: 0.5rem;\n  height: 2rem;\n  width: 85%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  margin: 0 auto;\n  margin-top: 0rem;\n  border: 1px solid #007bff;\n}\n\n.blue-gradient-bar {\n  left: 0;\n  top: 0;\n  position: absolute;\n  height: 100%;\n  border-radius: 0.5rem;\n  background: linear-gradient(to right, #007bff4b, #007bff, #007bff4b);\n}\n\n.percentage {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  color: white;\n  font-size: 1rem;\n  font-weight: bold;\n  z-index: 1;\n  pointer-events: none;\n}\n\n@media (max-width: 1500px) {\n  .cost {\n    &--text {\n      font-size: 1.3rem;\n    }\n    &--value {\n      font-size: 1.8rem;\n    }\n    &--total {\n      font-size: 1.3rem;\n      &--value {\n        font-size: 1.5rem;\n      }\n    }\n  }\n  .percentage {\n    font-size: 0.8rem;\n  }\n}\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CostProcess.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!./CostProcess.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CostProcess.vue?vue&type=template&id=714adeb8&scoped=true\"\nimport script from \"./CostProcess.vue?vue&type=script&lang=js\"\nexport * from \"./CostProcess.vue?vue&type=script&lang=js\"\nimport style0 from \"./CostProcess.vue?vue&type=style&index=0&id=714adeb8&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  \"714adeb8\",\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!./BudgetCard.vue?vue&type=style&index=0&id=8745cb0c&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!./SingleMetric.vue?vue&type=style&index=0&id=b3f20f0c&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","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('b-card',{staticClass:\"h-100 mb-0\"},[_c('div',{class:_vm.layoutStyles.mainContainer},[_c('div',{staticClass:\"d-flex flex-column\",class:_vm.layoutStyles.budgetContainer},[_c('span',{staticClass:\"budget--text\"},[_vm._v(_vm._s(_vm.textOptions.title))]),_c('span',{staticClass:\"budget--value\"},[_vm._v(\" \"+_vm._s(_vm.universalFormatter(_vm.campaignCard.cost, { isCurrency: true }))+\" \")]),_c('span',{staticClass:\"budget--sub-text text-muted\"},[_vm._v(_vm._s(_vm.textOptions.subtitle))])]),_c('div',{staticClass:\"d-flex\",class:_vm.layoutStyles.infoContainer},[(_vm.isHorizontal)?_c('div',{staticClass:\"rule rule--vertical mr-1\"}):_vm._e(),_c('div',{staticClass:\"d-flex flex-column w-100\"},[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('div',{staticClass:\"range-container\",class:_vm.layoutStyles.rangeContainer},[_c('span',{staticClass:\"range--label font-weight-light text-muted\"},[_vm._v(\"Range:\")]),_c('span',{staticClass:\"range--value\"},[_vm._v(\" \"+_vm._s(this.campaignCard.range)+\" \")])]),_c('div',{staticClass:\"d-flex justify-content-end\"},[_c('span',{staticClass:\"d-flex flex-column align-items-center justify-content-center\"},[_c('span',{staticClass:\"days--text\"},[_vm._v(\"Days\")]),_c('span',{staticClass:\"days--value\",class:_vm.layoutStyles.daysValue},[_vm._v(\" \"+_vm._s(this.campaignCard.days)+\" \")])])])]),(!_vm.isHorizontal)?_c('hr',{staticClass:\"rule rule--horizontal\"}):_vm._e(),_c('div',{staticClass:\"details-wrapper\",class:_vm.layoutStyles.detailsWrapper},[_c('div',{staticClass:\"detail-container\"},[_c('span',{staticClass:\"text-muted mb-0\"},[_vm._v(\"Goal:\")]),_c('span',{staticStyle:{\"margin-left\":\"7px\",\"margin-bottom\":\"0\"}},[_vm._v(_vm._s(this.campaignCard.goal))])]),_c('div',{staticClass:\"detail-container\"},[_c('span',{staticClass:\"text-muted mb-0\"},[_vm._v(\"Buying Type:\")]),_c('span',{staticStyle:{\"margin-left\":\"7px\",\"margin-bottom\":\"0\"}},[_vm._v(_vm._s(this.campaignCard.buyingType))])]),_c('div',{staticClass:\"detail-container\"},[_c('span',{staticClass:\"text-muted mb-0\"},[_vm._v(\"Platform:\")]),_c('span',{staticStyle:{\"margin-left\":\"7px\",\"margin-bottom\":\"0\"}},[_vm._v(_vm._s(this.campaignCard.platform))])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card class=\"h-100 mb-0\">\n    <div :class=\"layoutStyles.mainContainer\">\n      <div class=\"d-flex flex-column\" :class=\"layoutStyles.budgetContainer\">\n        <span class=\"budget--text\">{{textOptions.title}}</span>\n        <span class=\"budget--value\">\n          {{ universalFormatter(campaignCard.cost, { isCurrency: true }) }}\n        </span>\n        <span class=\"budget--sub-text text-muted\">{{ textOptions.subtitle }}</span>\n      </div>\n\n      <!-- vertical rule for horizontal component -->\n\n      <div class=\"d-flex\" :class=\"layoutStyles.infoContainer\">\n        <div v-if=\"isHorizontal\" class=\"rule rule--vertical mr-1\"></div>\n        <div class=\"d-flex flex-column w-100\">\n          <!-- Range and Days -->\n          <div class=\"d-flex justify-content-between\">\n            <div class=\"range-container\" :class=\"layoutStyles.rangeContainer\">\n              <span class=\"range--label font-weight-light text-muted\">Range:</span>\n              <span class=\"range--value\">\n                {{ this.campaignCard.range }}\n              </span>\n            </div>\n            <div class=\"d-flex justify-content-end\">\n              <span class=\"d-flex flex-column align-items-center justify-content-center\">\n                <span class=\"days--text\">Days</span>\n                <span class=\"days--value\" :class=\"layoutStyles.daysValue\">\n                  {{ this.campaignCard.days }}\n                </span>\n              </span>\n            </div>\n          </div>\n          <hr v-if=\"!isHorizontal\" class=\"rule rule--horizontal\" />\n          <!-- Details -->\n          <div class=\"details-wrapper\" :class=\"layoutStyles.detailsWrapper\">\n            <div class=\"detail-container\">\n              <span class=\"text-muted mb-0\">Goal:</span>\n              <span style=\"margin-left: 7px; margin-bottom: 0\">{{ this.campaignCard.goal }}</span>\n            </div>\n            <div class=\"detail-container\">\n              <span class=\"text-muted mb-0\">Buying Type:</span>\n              <span style=\"margin-left: 7px; margin-bottom: 0\">{{ this.campaignCard.buyingType }}</span>\n            </div>\n            <div class=\"detail-container\">\n              <span class=\"text-muted mb-0\">Platform:</span>\n              <span style=\"margin-left: 7px; margin-bottom: 0\">{{ this.campaignCard.platform }}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </b-card>\n</template>\n\n<script>\nimport { universalFormatter } from \"@/@core/utils/utils\";\n\nexport default {\n  props: {\n    campaignCard: {\n      type: Object,\n      required: true,\n    },\n    isHorizontal: {\n      type: Boolean,\n      default: false,\n    },\n    textOptions: {\n      type: Object,\n      default: () => {\n        return {\n          title: \"Total Cost\",\n          subtitle: \"Total budget spent on this campaign.\",\n        };\n      },\n    }\n  },\n  methods: {\n    universalFormatter,\n  },\n  computed: {\n    layoutStyles() {\n      const mode = this.isHorizontal ? \"horizontal\" : \"vertical\";\n      return {\n        rangeContainer: `range-container--${mode}`,\n        mainContainer: `main-container--${mode}`,\n        daysValue: `days--value--${mode}`,\n        budgetContainer: `budget-container--${mode}`,\n        infoContainer: `info-container--${mode}`,\n        detailsWrapper: `details-wrapper--${mode}`,\n      };\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.main-container {\n  &--horizontal {\n    display: flex;\n    height: 100%;\n    width: 100%;\n    justify-content: space-between;\n  }\n}\n\n.days {\n  &--text {\n    font-size: 1.4rem;\n    line-height: normal;\n  }\n  &--value {\n    font-weight: bold;\n    line-height: 100%;\n    padding-top: 5px;\n    &--vertical {\n      font-size: 3.2rem;\n    }\n    &--horizontal {\n      font-size: 2.5rem;\n    }\n  }\n}\n\n.range-container {\n  &--horizontal {\n    display: flex;\n    margin-right: 2rem;\n    flex-direction: column;\n    justify-content: start;\n  }\n  &--vertical {\n    display: flex;\n    flex-direction: column;\n    margin-top: auto;\n  }\n}\n\n.range {\n  &--label{\n    font-size: 1rem;\n  }\n  &--value {\n    font-size: 1.2rem;\n    // width: max-content;\n    white-space: normal; /* Allow wrapping */\n    // word-break: break-all; \n  }\n}\n\n.budget-container {\n  &--horizontal {\n    display: flex;\n    align-self: start;\n  }\n}\n\n.budget {\n  &--text {\n    font-size: 1.5rem;\n  }\n  &--value {\n    font-size: 3rem;\n    font-weight: bold;\n  }\n  &--sub-text {\n    font-size: 1rem;\n  }\n}\n\n.info-container {\n  &--horizontal {\n   margin-right: 5%\n  }\n  &--vertical {\n    margin-top: 1.5rem;\n  }\n}\n\n.rule {\n  // Warning: Classes are reversed. The rule derives its class based on its own orientation.\n  // up is down, true is false\n  $rule-width: 4px;\n  &--vertical {\n    width: $rule-width;\n    background-color: rgba(75, 55, 94, 0.55);\n    margin: 0 0.5rem;\n    height: 100%;\n  }\n\n  &--horizontal {\n    height: $rule-width;\n    width: 100%;\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n  }\n}\n\n.details-wrapper{\n  $gap-constant: 6%;\n  margin-top: calc(#{$gap-constant} / 2);\n  display: flex;\n  flex-direction: column;\n  gap: $gap-constant;\n  // &--vertical {\n  // }\n  // &--horizontal {\n  // }\n}\n\n.detail-container {\n  padding: 0.1rem 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!./BudgetCard.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!./BudgetCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BudgetCard.vue?vue&type=template&id=8745cb0c\"\nimport script from \"./BudgetCard.vue?vue&type=script&lang=js\"\nexport * from \"./BudgetCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./BudgetCard.vue?vue&type=style&index=0&id=8745cb0c&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","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\"","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!./CostProcess.vue?vue&type=style&index=0&id=714adeb8&prod&lang=scss&scoped=true\"","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":""}