{"version":3,"sources":["webpack:///./src/views/campaigns/index/components/CampaignInsights.vue?1ce8","webpack:///src/views/campaigns/index/components/CampaignInsights.vue","webpack:///./src/views/campaigns/index/components/CampaignInsights.vue?073b","webpack:///./src/views/campaigns/index/components/CampaignInsights.vue","webpack:///./node_modules/core-js/modules/_array-fill.js","webpack:///./src/components/statistics-cards/StatisticsCardLine.vue?dcfb","webpack:///./src/components/statistics-cards/chartConfigs.js","webpack:///src/components/statistics-cards/StatisticsCardLine.vue","webpack:///./src/components/statistics-cards/StatisticsCardLine.vue?dc29","webpack:///./src/components/statistics-cards/StatisticsCardLine.vue","webpack:///./node_modules/core-js/modules/es6.array.fill.js","webpack:///./src/views/campaigns/index/components/CampaignInsights.vue?23a2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_f","statistics","all_campaigns","active","$t","delivering","in_active","staticRenderFns","props","is_admin","type","Number","required","components","StatisticsCardLine","data","under_review","hold","accepted","completed","scheduled","rejected","paused","filterDates","startDate","Date","endDate","created","fetchInsights","$root","$on","beforeDestroy","$off","methods","component","toObject","toAbsoluteIndex","toLength","module","exports","value","O","length","aLen","arguments","index","undefined","end","endPos","slot","class","iconRight","hideChart","iconType","color","style","background","icon","_e","_s","statistic","_t","statisticTitle","ref","chartOptions","chartData","areaChartOptions","grid","show","padding","left","right","chart","toolbar","sparkline","enabled","dataLabels","stroke","curve","width","fill","gradient","shadeIntensity","opacityFrom","opacityTo","stops","xaxis","lines","axisBorder","labels","yaxis","y","offsetX","offsetY","tooltip","x","lineChartOptions","dropShadow","top","blur","opacity","shade","markers","size","hover","name","String","default","validator","colorTo","Boolean","watch","themePrimaryColor","$refs","apexChart","updateOptions","theme","monochrome","getHex","computed","$store","state","rgb","split","gradientToColor","gradientToColors","VueApexCharts","Object","assign","chartConfigs","shadeTo","JSON","parse","stringify","colors","$export","P"],"mappings":"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","file":"js/chunk-05ff9cb3.8b68f142.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('vx-card',{staticClass:\"campaigns\",attrs:{\"noShadow\":true}},[_c('h2',{staticClass:\"mb-8 mt-2\"},[_vm._v(\"Campaign Insights\")]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4 mb-3\"},[_c('speakol-analytics-card',{staticClass:\"mb-4 lg:mb-0 mb-4\",attrs:{\"title\":_vm._f(\"addComma\")((_vm.statistics.all_campaigns || 0)),\"subTitle\":\"All Campaigns\",\"icon\":\"speakol-horn\",\"backgroundColor\":\"#DFF2FA\",\"color\":\"#0092D7\",\"tooltip\":\"This indicates the total number of all campaigns.\"}})],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4 mb-3\"},[_c('speakol-analytics-card',{staticClass:\"mb-4 lg:mb-0 mb-4\",attrs:{\"title\":_vm._f(\"addComma\")((_vm.statistics.active || 0)),\"subTitle\":_vm.$t('Active Campaigns'),\"icon\":\"speakol-active\",\"backgroundColor\":\"rgba(52, 181, 118, 0.12)\",\"color\":\"#34B576\",\"tooltip\":\"This indicates the total number of campaigns which are able to deliver.\"}})],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4 mb-3\"},[_c('speakol-analytics-card',{staticClass:\"mb-4 lg:mb-0 mb-4\",attrs:{\"title\":_vm._f(\"addComma\")((_vm.statistics.delivering || 0)),\"subTitle\":_vm.$t('Delivering'),\"icon\":\"speakol-active\",\"backgroundColor\":\"rgba(52, 181, 118, 0.12)\",\"color\":\"#34B576\",\"tooltip\":\"This indicates the total number of delivering campaigns.\"}})],1),_c('div',{staticClass:\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4 mb-3\"},[_c('speakol-analytics-card',{staticClass:\"mb-4 lg:mb-0 mb-4\",attrs:{\"title\":_vm._f(\"addComma\")((_vm.statistics.in_active || 0)),\"subTitle\":_vm.$t('Inactive'),\"icon\":\"speakol-active\",\"backgroundColor\":\"rgba(216, 0, 39, 0.12)\",\"color\":\"#D80027\",\"tooltip\":\"This indicates the total number of in active campaigns.\"}})],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <vx-card class=\"campaigns\" :noShadow=\"true\">\n      <h2 class=\"mb-8 mt-2\">Campaign Insights</h2>\n\n      <div class=\"vx-row\">\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4 mb-3\">\n          <speakol-analytics-card\n            :title=\"(statistics.all_campaigns || 0) | addComma\"\n            subTitle=\"All Campaigns\"\n            icon=\"speakol-horn\"\n            backgroundColor=\"#DFF2FA\"\n            color=\"#0092D7\"\n            class=\"mb-4 lg:mb-0 mb-4\"\n            tooltip=\"This indicates the total number of all campaigns.\"\n          />\n        </div>\n\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4 mb-3\">\n          <speakol-analytics-card\n            :title=\"(statistics.active || 0) | addComma\"\n            :subTitle=\"$t('Active Campaigns')\"\n            icon=\"speakol-active\"\n            backgroundColor=\"rgba(52, 181, 118, 0.12)\"\n            color=\"#34B576\"\n            class=\"mb-4 lg:mb-0 mb-4\"\n            tooltip=\"This indicates the total number of campaigns which are able to deliver.\"\n          />\n        </div>\n\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4 mb-3\">\n          <speakol-analytics-card\n            :title=\"(statistics.delivering || 0) | addComma\"\n            :subTitle=\"$t('Delivering')\"\n            icon=\"speakol-active\"\n            backgroundColor=\"rgba(52, 181, 118, 0.12)\"\n            color=\"#34B576\"\n            class=\"mb-4 lg:mb-0 mb-4\"\n            tooltip=\"This indicates the total number of delivering campaigns.\"\n          />\n        </div>\n\n        <div class=\"vx-col w-full sm:w-1/2 md:w-1/2 lg:w-1/4 xl:w-1/4 mb-3\">\n          <speakol-analytics-card\n            :title=\"(statistics.in_active || 0) | addComma\"\n            :subTitle=\"$t('Inactive')\"\n            icon=\"speakol-active\"\n            backgroundColor=\"rgba(216, 0, 39, 0.12)\"\n            color=\"#D80027\"\n            class=\"mb-4 lg:mb-0 mb-4\"\n            tooltip=\"This indicates the total number of in active campaigns.\"\n          />\n        </div>\n      </div>\n    </vx-card>\n  </div>\n</template>\n\n<script>\nimport 'vue2-daterange-picker/dist/vue2-daterange-picker.css'\n\nimport StatisticsCardLine from '@/components/statistics-cards/StatisticsCardLine.vue'\n\nexport default {\n  props: {\n    is_admin: {\n      type: Number,\n      required: true\n    }\n  },\n  components: {\n    StatisticsCardLine\n  },\n  data () {\n    return {\n      statistics: {\n        all_campaigns: 0,\n        under_review: 0,\n        hold: 0,\n        accepted: 0,\n        active: 0,\n        completed: 0,\n        scheduled: 0,\n        rejected: 0,\n        paused: 0\n      },\n      filterDates: {\n        startDate: new Date('January 1, 2016'),\n        endDate: new Date()\n      }\n    }\n  },\n  created () {\n    this.fetchInsights()\n\n    this.$root.$on('update-insights-cards', () => {\n      this.fetchInsights()\n    })\n  },\n  beforeDestroy () {\n    this.$root.$off('update-insights-cards')\n  },\n  methods: {\n    async fetchInsights () {\n\n      const response = await window.axios.get('/campaigns/get-account-insights', {\n        params: {\n          is_admin: this.is_admin\n        }\n      })\n\n      this.statistics = response.data.payload\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n  .campaigns {\n    .speakol-table-filter-button {\n      width: 135px;\n    }\n\n    .whitespace-no-wrap {\n      color: rgba(0, 0, 0, 0.5);\n      font-size: 12px;\n    }\n\n    .vs-icon {\n      color: rgba(0, 0, 0, 0.25);\n    }\n\n    .campaign-insights-mobile-version {\n      display: none;\n    }\n\n    @media (max-width: 768px) {\n      .campaign-insights-mobile-version {\n        display: block;\n      }\n\n      .campaign-insights-desktop-version {\n        display: none;\n      }\n\n      .campaign-insights-button-parent {\n        button {\n          width: 100%;\n        }\n      }\n\n      .vx-card__actions {\n        width: 100%;\n      }\n\n      .dropdown-menu[data-v-267f4ee2] {\n        max-width: 100% !important;\n        overflow-x: auto !important;\n      }\n    }\n  }\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CampaignInsights.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CampaignInsights.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CampaignInsights.vue?vue&type=template&id=53a70bef&\"\nimport script from \"./CampaignInsights.vue?vue&type=script&lang=js&\"\nexport * from \"./CampaignInsights.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CampaignInsights.vue?vue&type=style&index=0&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","// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\n'use strict';\nvar toObject = require('./_to-object');\nvar toAbsoluteIndex = require('./_to-absolute-index');\nvar toLength = require('./_to-length');\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = toLength(O.length);\n  var aLen = arguments.length;\n  var index = toAbsoluteIndex(aLen > 1 ? arguments[1] : undefined, length);\n  var end = aLen > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"overflow-hidden\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('div',{staticClass:\"p-6\",class:{\n            'flex justify-between flex-row-reverse items-center': _vm.iconRight,\n            'text-center': !_vm.iconRight && _vm.hideChart,\n            'pb-0': !_vm.hideChart\n    }},[(_vm.iconType === 'speakol')?_c('vs-icon',{staticClass:\"p-3 inline-flex rounded-full\",class:[(\"text-\" + _vm.color), {'mb-4': !_vm.iconRight}],style:({background: (\"rgba(var(--vs-\" + _vm.color + \"),.15)\")}),attrs:{\"icon-pack\":\"speakol\",\"icon\":_vm.icon}}):_vm._e(),(_vm.iconType === 'image')?_c('img',{staticClass:\"p-3 inline-flex rounded-full\",class:[(\"text-\" + _vm.color), {'mb-4': !_vm.iconRight}],attrs:{\"src\":_vm.icon}}):_vm._e(),_c('div',{staticClass:\"truncate\"},[_c('h2',{staticClass:\"mb-3 font-bold\"},[_vm._v(_vm._s(_vm.statistic))]),_vm._t(\"title\",function(){return [_c('span',[_vm._v(_vm._s(_vm.statisticTitle))])]})],2)],1),(!_vm.hideChart)?_c('div',{staticClass:\"line-area-chart\"},[_c('vue-apex-charts',{ref:\"apexChart\",attrs:{\"type\":_vm.type,\"height\":\"100\",\"width\":\"100%\",\"options\":_vm.chartOptions,\"series\":_vm.chartData}})],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\n  areaChartOptions: {\n    grid: {\n      show: false,\n      padding: {\n        left: 0,\n        right: 0\n      }\n    },\n    chart: {\n      toolbar: {\n        show: false\n      },\n      sparkline: {\n        enabled: true\n      }\n    },\n    dataLabels: {\n      enabled: false\n    },\n    stroke: {\n      curve: 'smooth',\n      width: 2.5\n    },\n    fill: {\n      type: 'gradient',\n      gradient: {\n        shadeIntensity: 0.9,\n        opacityFrom: 0.5,\n        opacityTo: 0.2,\n        stops: [0, 80, 100]\n      }\n    },\n    xaxis: {\n      type: 'numeric',\n      lines: {\n        show: false\n      },\n      axisBorder: {\n        show: false\n      },\n      labels: {\n        show: false\n      }\n    },\n    yaxis: [\n      {\n        y: 0,\n        offsetX: 0,\n        offsetY: 0,\n        padding: {\n          left: 0,\n          right: 0\n        }\n      }\n    ],\n    tooltip: {\n      x: {\n        show: false\n      }\n    }\n  },\n  lineChartOptions: {\n    grid: {\n      show: false,\n      padding: {\n        left: 0,\n        right: 0\n      }\n    },\n    chart: {\n      type: 'line',\n      dropShadow: {\n        enabled: true,\n        top: 5,\n        left: 0,\n        blur: 4,\n        opacity: 0.10\n      },\n      toolbar: {\n        show: false\n      },\n      sparkline: {\n        enabled: true\n      }\n    },\n    stroke: {\n      width: 5,\n      curve: 'smooth'\n    },\n    xaxis: {\n      type: 'numeric'\n    },\n    // colors: ['#7367F0'],\n    fill: {\n      type: 'gradient',\n      gradient: {\n        shade: 'dark',\n        // gradientToColors: ['#A9A2F6'],\n        shadeIntensity: 1,\n        type: 'horizontal',\n        opacityFrom: 1,\n        opacityTo: 1,\n        stops: [0, 100, 100, 100]\n      }\n    },\n    markers: {\n      size: 0,\n      hover: {\n        size: 5\n      }\n    },\n    tooltip: {\n      x: {\n        show: false\n      }\n    }\n  }\n\n}\n","<template>\n  <vx-card class=\"overflow-hidden\">\n    <div slot=\"no-body\">\n      <div class=\"p-6\" :class=\"{\n              'flex justify-between flex-row-reverse items-center': iconRight,\n              'text-center': !iconRight && hideChart,\n              'pb-0': !hideChart\n      }\">\n        <vs-icon icon-pack=\"speakol\" v-if=\"iconType === 'speakol'\" :icon=\"icon\" class=\"p-3 inline-flex rounded-full\" :class=\"[`text-${color}`, {'mb-4': !iconRight}]\"\n          :style=\"{background: `rgba(var(--vs-${color}),.15)`}\" />\n        <img v-if=\"iconType === 'image'\" class=\"p-3 inline-flex rounded-full\" :class=\"[`text-${color}`, {'mb-4': !iconRight}]\" :src=\"icon\" />\n        <div class=\"truncate\">\n          <h2 class=\"mb-3 font-bold\">{{ statistic }}</h2>\n          <slot name=\"title\">\n            <span>{{ statisticTitle }}</span>\n          </slot>\n        </div>\n      </div>\n\n      <div class=\"line-area-chart\" v-if=\"!hideChart\">\n        <vue-apex-charts ref=\"apexChart\" :type=\"type\" height=\"100\" width=\"100%\" :options=\"chartOptions\"\n          :series=\"chartData\" />\n      </div>\n    </div>\n  </vx-card>\n</template>\n\n<script>\nimport VueApexCharts from 'vue-apexcharts'\nimport chartConfigs from './chartConfigs.js'\nimport _color from '@/assets/utils/color.js'\n\nexport default {\n  name: 'analytics-card-line',\n  props: {\n    iconType: {\n      type: String,\n      required: false,\n      default: 'speakol',\n      validator: (val) => ['speakol', 'image'].includes(val)\n    },\n    icon: {\n      type: String,\n      required: true\n    },\n    statistic: {\n      type: [Number, String],\n      required: true\n    },\n    statisticTitle: {\n      type: String\n    },\n    chartData: {\n      // type: Array,\n      // required: true\n    },\n    color: {\n      type: String,\n      default: 'primary'\n    },\n    colorTo: {\n      type: String\n    },\n    // chartType: {\n    //     type: String,\n    //     default: 'line-chart',\n    // },\n    type: {\n      type: String,\n      default: 'line'\n    },\n    iconRight: {\n      type: Boolean,\n      default: false\n    },\n    hideChart: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data () {\n    return {\n      chartOptions: null\n    }\n  },\n  watch: {\n    themePrimaryColor () {\n      this.$refs.apexChart.updateOptions({\n        theme: {\n          monochrome: {\n            color: this.getHex(this.color)\n          }\n        }\n      })\n    }\n  },\n  computed: {\n    themePrimaryColor () {\n      return this.$store.state.themePrimaryColor\n    }\n  },\n  methods: {\n    getHex (color) {\n      if (_color.isColor(color)) {\n        let rgb = window.getComputedStyle(document.documentElement).getPropertyValue(`--vs-${color}`)\n        rgb = rgb.split(',')\n        return `#${  ((1 << 24) + (Number(rgb[0]) << 16) + (Number(rgb[1]) << 8) + Number(rgb[2])).toString(16).slice(1)}`\n      }\n      return color\n    },\n    gradientToColor (color) {\n      const gradientToColors = {\n        'primary': '#A9A2F6',\n        'success': '#55DD92',\n        'warning': '#ffc085',\n        'danger': '#F97794'\n      }\n\n      return gradientToColors[color] ? gradientToColors[color] : gradientToColors['primary']\n    }\n  },\n  components: {\n    VueApexCharts\n  },\n  created () {\n    if (this.type === 'area') {\n      // assign chart options\n      this.chartOptions = Object.assign({}, chartConfigs.areaChartOptions)\n\n      this.chartOptions['theme'] = {\n        monochrome: {\n          enabled: true,\n          color: this.getHex(this.color),\n          shadeTo: 'light',\n          shadeIntensity: 0.65\n        }\n      }\n    } else if (this.type === 'line') {\n      // Assign chart options\n      this.chartOptions = JSON.parse(JSON.stringify(chartConfigs.lineChartOptions))\n\n      this.chartOptions.fill.gradient.gradientToColors = [this.gradientToColor(this.colorTo || this.color)]\n      this.chartOptions.colors = [this.getHex(this.color)]\n    }\n  }\n}\n\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StatisticsCardLine.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StatisticsCardLine.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StatisticsCardLine.vue?vue&type=template&id=22bbf808&\"\nimport script from \"./StatisticsCardLine.vue?vue&type=script&lang=js&\"\nexport * from \"./StatisticsCardLine.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","// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\nvar $export = require('./_export');\n\n$export($export.P, 'Array', { fill: require('./_array-fill') });\n\nrequire('./_add-to-unscopables')('fill');\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CampaignInsights.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}