{"version":3,"sources":["webpack:///./src/views/campaigns/insights/components/_content_partials/CardsInsights.vue?c8b9","webpack:///src/views/campaigns/insights/components/_content_partials/CardsInsights.vue","webpack:///./src/views/campaigns/insights/components/_content_partials/CardsInsights.vue?56d2","webpack:///./src/views/campaigns/insights/components/_content_partials/CardsInsights.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:///./src/components/SpeakolExport.vue?c772","webpack:///./node_modules/core-js/modules/es6.array.fill.js","webpack:///./src/views/campaigns/insights/components/_content_partials/CardsInsights.vue?d655","webpack:///./src/components/SpeakolExport.vue?0b00","webpack:///src/components/SpeakolExport.vue","webpack:///./src/components/SpeakolExport.vue?61fa","webpack:///./src/components/SpeakolExport.vue","webpack:///./src/helpers/leadFormExportFileName.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","campaign","staticClass","attrs","_f","analytics","impressions","clicks","ctr","average_cpc","video_views","spent","pixelEvent","$t","scopedSlots","_u","lead_form_id","key","fn","on","$event","preventDefault","performAction","_v","_s","proxy","leadFromExportedFileName","isExportPopupActive","Object","assign","filters","exportSortModel","campaignId","id","_e","staticRenderFns","props","type","required","components","StatisticsCardLine","SpeakolExport","data","filterAdset","sortBy","isASC","computed","showDownloadBtn","$constants","ANALYTICS_EVENTS_NAMES","LEADS","adset","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","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","Number","colorTo","Boolean","watch","themePrimaryColor","$refs","apexChart","updateOptions","theme","monochrome","getHex","$store","state","rgb","split","gradientToColor","gradientToColors","VueApexCharts","created","chartConfigs","shadeTo","JSON","parse","stringify","colors","$export","P","isActive","directives","rawName","form","expression","errors","has","domProps","target","composing","$set","first","options","$vs","rtl","model","callback","$$v","$emit","exportData","cancel","Array","exportType","params","fileName","columns","filename","extension","clear","campaignName","Vue","moment","Date","now","format"],"mappings":"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","file":"js/chunk-82a9349a.4526af58.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.campaign !== null)?_c('div',{staticClass:\"grid md:grid-cols-4 gap-4\"},[_c('speakol-analytics-card',{staticClass:\"sub-card mb-4 lg:mr-14 lg:sub-card md:mr-2\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.analytics.impressions),\"subTitle\":\"Impressions\",\"icon\":\"speakol-eye\",\"backgroundColor\":\"#DFF2FA\",\"color\":\"#0092D7\",\"tooltip\":\"This indicates the number of times users have seen your ads. Every time your ads are displayed, it counts as one impression.\"}}),_c('speakol-analytics-card',{staticClass:\"sub-card mb-4 lg:mr-14 lg:sub-card md:mr-2\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.analytics.clicks),\"subTitle\":\"Clicks\",\"icon\":\"speakol-finger-click\",\"backgroundColor\":\"#FFF3E8\",\"color\":\"#FF9F43\",\"tooltip\":\"This indicates the total number of user clicks that your campaign ads have received.\"}}),_c('speakol-analytics-card',{staticClass:\"sub-card mb-4 lg:mr-14 lg:sub-card md:mr-2\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.analytics.ctr,'%'),\"subTitle\":\"CTR\",\"icon\":\"speakol-percentage-sign\",\"backgroundColor\":\"#EEF8F7\",\"color\":\"#6EC8BA\",\"tooltip\":\"Clicks through Rate determines the percentage of user clicks that your campaign ads have received. You can calculate your CTR by dividing the number of user clicks by the number of impressions.\"}}),_c('speakol-analytics-card',{staticClass:\"sub-card mb-4  lg:sub-card\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.analytics.average_cpc,'$'),\"subTitle\":\"Avg. CPC\",\"icon\":\"speakol-us-dollar\",\"backgroundColor\":\"#F5ECE5\",\"color\":\"#AB6226\",\"tooltip\":\"This indicates the average amount of money charged per campaign ad click. You can calculate your Avg. CPC by dividing the total cost of clicks by the total number of clicks.\"}}),_c('speakol-analytics-card',{staticClass:\"sub-card mb-4  lg:sub-card md:mr-2\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.analytics.video_views),\"subTitle\":\"Video Views\",\"icon\":\"speakol-start\",\"backgroundColor\":\"#FBE5E5\",\"color\":\"#DB2828\",\"tooltip\":\"This indicates the number of videos a user watches after he/she clicks on your campaign ad.\"}}),_c('speakol-analytics-card',{staticClass:\"sub-card mb-4  lg:sub-card\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.analytics.spent,'$'),\"subTitle\":\"Spent\",\"icon\":\"speakol-us-dollar\",\"backgroundColor\":\"#FDF9EE\",\"color\":\"#F0C970\",\"tooltip\":\"This indicates the total budget spent on ad campaigns over a selected period.\"}}),_c('speakol-analytics-card',{staticClass:\"sub-card mb-4  lg:sub-card md:mr-2\",attrs:{\"title\":_vm._f(\"addComma\")((_vm.analytics[_vm.pixelEvent] || 0)),\"subTitle\":_vm.$t(_vm.pixelEvent),\"icon\":\"speakol-user-account\",\"backgroundColor\":\"#F5FAEE\",\"color\":\"#AAD575\",\"tooltip\":\"This indicates the total number of users who took action on your landing pages.\"},scopedSlots:_vm._u([(_vm.campaign.lead_form_id && _vm.pixelEvent === 'leads')?{key:\"action\",fn:function(){return [_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.performAction()}}},[_vm._v(_vm._s(_vm.$t('Download')))])]},proxy:true}:null],null,true)}),_c('speakol-analytics-card',{staticClass:\"sub-card mb-4 lg:sub-card\",attrs:{\"title\":_vm._f(\"addComma\")((_vm.analytics[_vm.pixelEvent] > 0 ? _vm.analytics.spent / _vm.analytics[_vm.pixelEvent] : 0),'$'),\"subTitle\":\"CPA\",\"icon\":\"speakol-us-dollar\",\"backgroundColor\":\"#F3EAFB\",\"color\":\"#9B51E0\",\"tooltip\":\"This indicates the amount of money charged when users become customers by completing an action on your landing page.\"}}),_c('SpeakolExport',{attrs:{\"fileName\":_vm.leadFromExportedFileName,\"isActive\":_vm.isExportPopupActive,\"exportType\":\"campaign-lead-forms\",\"params\":Object.assign({}, _vm.filters, _vm.exportSortModel, {campaignId: _vm.campaign.id})},on:{\"hide\":function($event){_vm.isExportPopupActive=false}}})],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- insights cards -->\n  <div class=\"grid md:grid-cols-4 gap-4\" v-if=\"campaign !== null\">\n    <speakol-analytics-card\n      :title=\"analytics.impressions | addComma\"\n      subTitle=\"Impressions\"\n      icon=\"speakol-eye\"\n      backgroundColor=\"#DFF2FA\"\n      color=\"#0092D7\"\n      class=\"sub-card mb-4 lg:mr-14 lg:sub-card md:mr-2\"\n      tooltip=\"This indicates the number of times users have seen your ads. Every time your ads are displayed, it counts as one impression.\">\n    </speakol-analytics-card>\n\n    <speakol-analytics-card\n      :title=\"analytics.clicks | addComma\"\n      subTitle=\"Clicks\"\n      icon=\"speakol-finger-click\"\n      backgroundColor=\"#FFF3E8\"\n      color=\"#FF9F43\"\n      class=\"sub-card mb-4 lg:mr-14 lg:sub-card md:mr-2\"\n      tooltip=\"This indicates the total number of user clicks that your campaign ads have received.\">\n    </speakol-analytics-card>\n\n    <speakol-analytics-card\n      :title=\"analytics.ctr | addComma('%')\"\n      subTitle=\"CTR\"\n      icon=\"speakol-percentage-sign\"\n      backgroundColor=\"#EEF8F7\"\n      color=\"#6EC8BA\"\n      class=\"sub-card mb-4 lg:mr-14 lg:sub-card md:mr-2\"\n      tooltip=\"Clicks through Rate determines the percentage of user clicks that your campaign ads have received. You can calculate your CTR by dividing the number of user clicks by the number of impressions.\">\n    </speakol-analytics-card>\n\n    <speakol-analytics-card\n      :title=\"analytics.average_cpc | addComma('$')\"\n      subTitle=\"Avg. CPC\"\n      icon=\"speakol-us-dollar\"\n      backgroundColor=\"#F5ECE5\"\n      color=\"#AB6226\"\n      class=\"sub-card mb-4  lg:sub-card\"\n      tooltip=\"This indicates the average amount of money charged per campaign ad click. You can calculate your Avg. CPC by dividing the total cost of clicks by the total number of clicks.\">\n    </speakol-analytics-card>\n\n    <speakol-analytics-card\n      :title=\"analytics.video_views | addComma\"\n      subTitle=\"Video Views\"\n      icon=\"speakol-start\"\n      backgroundColor=\"#FBE5E5\"\n      color=\"#DB2828\"\n      class=\"sub-card mb-4  lg:sub-card md:mr-2\"\n      tooltip=\"This indicates the number of videos a user watches after he/she clicks on your campaign ad.\">\n    </speakol-analytics-card>\n\n    <speakol-analytics-card\n      :title=\"analytics.spent | addComma('$')\"\n      subTitle=\"Spent\"\n      icon=\"speakol-us-dollar\"\n      backgroundColor=\"#FDF9EE\"\n      color=\"#F0C970\"\n      class=\"sub-card mb-4  lg:sub-card\"\n      tooltip=\"This indicates the total budget spent on ad campaigns over a selected period.\">\n    </speakol-analytics-card>\n\n    <speakol-analytics-card\n      :title=\"(analytics[pixelEvent] || 0) | addComma\"\n      :subTitle=\"$t(pixelEvent)\"\n      icon=\"speakol-user-account\"\n      backgroundColor=\"#F5FAEE\"\n      color=\"#AAD575\"\n      class=\"sub-card mb-4  lg:sub-card md:mr-2\"\n      tooltip=\"This indicates the total number of users who took action on your landing pages.\">\n\n      <template v-slot:action v-if=\"campaign.lead_form_id && pixelEvent === 'leads'\">\n        <a href=\"#\" @click.prevent=\"performAction()\">{{$t('Download')}}</a>\n      </template>\n    </speakol-analytics-card>\n\n\n    <speakol-analytics-card\n      :title=\"(analytics[pixelEvent] > 0 ? analytics.spent / analytics[pixelEvent] : 0) | addComma('$')\"\n      subTitle=\"CPA\"\n      icon=\"speakol-us-dollar\"\n      backgroundColor=\"#F3EAFB\"\n      color=\"#9B51E0\"\n      class=\"sub-card mb-4 lg:sub-card\"\n      tooltip=\"This indicates the amount of money charged when users become customers by completing an action on your landing page.\">\n    </speakol-analytics-card>\n\n    <SpeakolExport\n      :fileName=\"leadFromExportedFileName\"\n      :isActive=\"isExportPopupActive\"\n      exportType=\"campaign-lead-forms\"\n      :params=\"{...filters, ...exportSortModel, ...{campaignId: campaign.id}}\"\n      @hide=\"isExportPopupActive=false\"\n    />\n\n  </div>\n  <!-- insights cards -->\n</template>\n\n<script>\nimport StatisticsCardLine from '@/components/statistics-cards/StatisticsCardLine.vue'\nimport SpeakolExport from  '@/components/SpeakolExport'\nimport leadFormExportFileName from '@/helpers/leadFormExportFileName.js'\n\nexport default {\n  props: {\n    filters: {\n      type: Object,\n      required: true\n    }\n  },\n  components: {\n    'analytics-card-line': StatisticsCardLine,\n    SpeakolExport\n  },\n  data () {\n    return {\n      campaign: null,\n      filterAdset: null,\n      isExportPopupActive: false,\n      exportSortModel: {\n        sortBy: 'id',\n        isASC: false\n      }\n    }\n  },\n  computed: {\n    leadFromExportedFileName () {\n      return leadFormExportFileName(this.campaign.name)\n    },\n\n    showDownloadBtn () {\n      return this.campaign.lead_form_id && this.pixelEvent === this.$constants.ANALYTICS_EVENTS_NAMES.LEADS\n    },\n\n    analytics () {\n      if (this.filterAdset) {\n        const adset = this.campaign.adsets.find(i => i.id === this.filterAdset)\n        if (adset) {\n          return adset.analytics\n        }\n      }\n\n      return this.campaign.analytics\n    },\n    pixelEvent () {\n      return (!this.filters.pixelEvent || this.filters.pixelEvent === 'total') ? 'conversions' : this.filters.pixelEvent\n    }\n  },\n  async created () {\n    await this.fetchInsights()\n  },\n  methods: {\n    performAction () {\n      this.isExportPopupActive = true\n    },\n\n    async fetchInsights () {\n      try {\n\n\n        const response = await window.axios.get(`/campaigns/${this.$route.params.id}/insights`, {\n          params: {\n            from_date: this.filters.dateRange.startDate,\n            to_date: this.filters.dateRange.endDate\n          }\n        })\n\n        this.campaign = response.data.payload\n\n        this.filterAdset = this.filters.adset\n\n\n      } catch (error) {\n        alert('Error processing the request')\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n  .tooltip-icon {\n    cursor: pointer;\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!./CardsInsights.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!./CardsInsights.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardsInsights.vue?vue&type=template&id=29897cc2&\"\nimport script from \"./CardsInsights.vue?vue&type=script&lang=js&\"\nexport * from \"./CardsInsights.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardsInsights.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","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!./SpeakolExport.vue?vue&type=style&index=0&lang=scss&\"","// 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!./CardsInsights.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vs-popup',{staticClass:\"holamundo\",attrs:{\"active\":_vm.isActive,\"buttons-hidden\":true}},[_c('div',{staticClass:\"export-popup-parent\"},[_c('h3',{staticClass:\"export-headline\"},[_vm._v(\"Export\")]),_c('label',{staticClass:\"export-labels\",attrs:{\"for\":\"\"}},[_vm._v(\"File Name\")]),_c('div',{staticClass:\"export-pop-up-input-parent\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.filename),expression:\"form.filename\"}],staticClass:\"export-pop-up-input w-full\",class:{'has-error': _vm.errors.has('form.filename')},attrs:{\"id\":\"export-popup-file-name-input\",\"name\":\"form.filename\",\"placeholder\":_vm.$t('Type your file name'),\"maxLength\":\"25\",\"type\":\"text\"},domProps:{\"value\":(_vm.form.filename)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"filename\", $event.target.value)}}})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('form.filename')),expression:\"errors.has('form.filename')\"}],staticClass:\"mt-1 text-danger text-sm block\"},[_vm._v(_vm._s(_vm.errors.first(\"form.filename\")))]),_c('br'),_c('label',{staticClass:\"export-labels\",attrs:{\"for\":\"\"}},[_vm._v(\"Extension\")]),_c('div',{staticClass:\"export-popup-extension\"},[_c('v-select',{attrs:{\"id\":\"export-popup-extension-list\",\"name\":\"form.extension\",\"options\":_vm.options,\"placeholder\":_vm.$t('Select Extension'),\"clearable\":false,\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr'},model:{value:(_vm.form.extension),callback:function ($$v) {_vm.$set(_vm.form, \"extension\", $$v)},expression:\"form.extension\"}})],1),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('form.extension')),expression:\"errors.has('form.extension')\"}],staticClass:\"text-danger text-sm block\"},[_vm._v(_vm._s(_vm.errors.first(\"form.extension\")))]),_c('div',{staticClass:\"flex flex-wrap mt-10 md:justify-end\"},[_c('button',{staticClass:\"export-pop-up-main-button md:order-last md:ml-4\",attrs:{\"id\":\"export-pop-up-export-button\"},on:{\"click\":[function($event){return _vm.$emit('click')},_vm.exportData]}},[_vm._v(\" \"+_vm._s(_vm.$t('Export'))+\" \")]),_c('button',{staticClass:\"export-pop-up-cancel-button\",attrs:{\"id\":\"export-pop-up-cancel-button\",\"type\":\"border\",\"text-color\":\"#2C2C2C\"},on:{\"click\":_vm.cancel}},[_vm._v(\" \"+_vm._s(_vm.$t('Cancel'))+\" \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vs-popup class=\"holamundo\" :active=\"isActive\" :buttons-hidden=\"true\">\n    <div class=\"export-popup-parent\">\n      <h3 class=\"export-headline\">Export</h3>\n\n      <label class=\"export-labels\" for=\"\">File Name</label>\n      <div class=\"export-pop-up-input-parent\">\n        <input id=\"export-popup-file-name-input\" v-model=\"form.filename\" name=\"form.filename\" class=\"export-pop-up-input w-full\" :class=\"{'has-error': errors.has('form.filename')}\" :placeholder=\"$t('Type your file name')\" maxLength=\"25\" type=\"text\">\n      </div>\n      <!-- <vs-input v-model=\"form.filename\" name=\"form.filename\" class=\"w-full\" :danger=\"errors.has('form.filename')\" :placeholder=\"$t('Type your file name')\" maxLength=\"25\" /> -->\n      <span class=\"mt-1 text-danger text-sm block\" v-show=\"errors.has('form.filename')\">{{ errors.first(\"form.filename\") }}</span>\n\n      <br>\n\n      <label class=\"export-labels\" for=\"\">Extension</label>\n      <div class=\"export-popup-extension\">\n        <v-select id=\"export-popup-extension-list\" name=\"form.extension\" v-model=\"form.extension\" :options=\"options\" :placeholder=\"$t('Select Extension')\" :clearable=\"false\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\" />\n      </div>\n      <span class=\"text-danger text-sm block\" v-show=\"errors.has('form.extension')\">{{ errors.first(\"form.extension\") }}</span>\n\n      <div class=\"flex flex-wrap mt-10 md:justify-end\">\n        <button v-on:click=\"$emit('click')\" id=\"export-pop-up-export-button\" class=\"export-pop-up-main-button md:order-last md:ml-4\" @click=\"exportData\"> {{ $t('Export') }} </button>\n        <button id=\"export-pop-up-cancel-button\" class=\"export-pop-up-cancel-button\" type=\"border\" text-color=\"#2C2C2C\" @click=\"cancel\"> {{ $t('Cancel') }} </button>\n      </div>\n    </div>\n  </vs-popup>\n</template>\n\n<script>\nexport default {\n  props: {\n    options: {\n      type: Array,\n      default: () => {\n        return ['CSV', 'XLSX']\n      }\n    },\n    isActive: {\n      type: Boolean,\n      default: false\n    },\n    exportType: {\n      type: String,\n      required: true\n    },\n    params: {\n      type: Object,\n      required: true\n    },\n    fileName: {\n      type: String\n    }, \n    columns: {\n      type: Array\n    }\n  },\n  data () {\n    return {\n      form: {\n        filename: this.fileName || '',\n        extension: 'CSV'\n      }\n    }\n  },\n  methods: {\n    cancel () {\n      // reset the form\n      this.form.extension = 'CSV'\n\n      this.errors.clear()\n\n      this.$emit('hide')\n    },\n    async exportData () {\n      try {\n        const form = {\n          filename: this.form.filename,\n          extension: this.form.extension.toLowerCase()\n        }\n\n        const response = await window.axios.post('/export', {\n          form,\n          export_type: this.exportType,\n          params: this.params,\n          columns: this.columns\n        })\n\n        this.cancel()\n\n        this.$root.$emit('speakol-export:started', response.data.payload.export_log_id)\n      } catch (error) {\n        this.$setLaravelValidationErrorsFromResponse(error.response.data)\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n  /deep/ .con-vs-popup /deep/ .vs-popup--content {\n    padding: 51px 51px 51px 56px;\n  }\n\n  /deep/ .con-vs-popup /deep/ .vs-popup {\n    border-radius: 16px !important;\n  }\n\n  .export-headline {\n    margin-bottom: 27px;\n    font-weight: 500;\n    font-size: 24px;\n  }\n\n  .export-labels {\n    font-weight: normal;\n    font-size: 14px;\n  }\n\n  .export-pop-up-input-parent {\n    ::placeholder {\n      color: rgba(0, 0, 0, 0.25);\n    }\n  }\n\n  .export-pop-up-input {\n    height: 40px;\n    text-indent: 12px;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n    border-radius: 4px;\n    margin-top: 6px;\n  }\n\n  .export-popup-extension {\n    .vs__dropdown-toggle {\n      border: 1px solid rgba(0, 0, 0, 0.15) !important;\n      height: 40px;\n      margin-top: 6px;\n    }\n\n    .v-select .vs__dropdown-toggle .vs__actions .vs__clear,\n    .vs__open-indicator {\n      color: #999 !important;\n    }\n  }\n\n  .export-pop-up-main-button {\n    background: #0092d7;\n    color: white;\n    border: none;\n    outline: none;\n    box-shadow: none;\n    border-radius: 3px;\n    height: 48px;\n    width: 185px !important;\n    cursor: pointer;\n  }\n\n  .export-pop-up-cancel-button {\n    background: #fff;\n    color: rgba(0, 0, 0, 0.65);\n    border: 2px solid #d9d9d9;\n    outline: none;\n    box-shadow: none;\n    border-radius: 3px;\n    height: 48px;\n    width: 135px !important;\n    cursor: pointer;\n  }\n\n  .has-error {\n    border: 1px solid red;\n  }\n\n  @media (max-width: 576px) {\n    .export-pop-up-main-button,\n    .export-pop-up-cancel-button {\n      width: 100% !important;\n    }\n\n    .export-pop-up-main-button {\n      margin-bottom: 16px;\n    }\n\n    /deep/ .con-vs-popup /deep/ .vs-popup--content {\n      padding: 24px 21px 24px 24px;\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!./SpeakolExport.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!./SpeakolExport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpeakolExport.vue?vue&type=template&id=3e615305&\"\nimport script from \"./SpeakolExport.vue?vue&type=script&lang=js&\"\nexport * from \"./SpeakolExport.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SpeakolExport.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","import Vue from 'vue'\n\nexport default (campaignName) => {\n  return `${campaignName} ${Vue.moment(Date.now()).format('YYYY-M-D hh:mm:ss')}`\n}\n"],"sourceRoot":""}