{"version":3,"sources":["webpack:///./src/views/dashboard/Dashboard.vue?cba7","webpack:///./src/views/dashboard/charts/widgets/conversations/ConversationsStartedCard.vue?611c","webpack:///./src/views/layouts/shared-components/statistics-cards/StatisticsCardLine.vue?9711","webpack:///./src/views/layouts/shared-components/statistics-cards/chartConfigs.js","webpack:///src/views/layouts/shared-components/statistics-cards/StatisticsCardLine.vue","webpack:///./src/views/layouts/shared-components/statistics-cards/StatisticsCardLine.vue?07d5","webpack:///./src/views/layouts/shared-components/statistics-cards/StatisticsCardLine.vue","webpack:///./src/assets/utils/animation.js","webpack:///src/views/dashboard/charts/widgets/conversations/ConversationsStartedCard.vue","webpack:///./src/views/dashboard/charts/widgets/conversations/ConversationsStartedCard.vue?f7b7","webpack:///./src/views/dashboard/charts/widgets/conversations/ConversationsStartedCard.vue","webpack:///./src/views/dashboard/charts/widgets/conversations/ConversationsEngagedCard.vue?2712","webpack:///src/views/dashboard/charts/widgets/conversations/ConversationsEngagedCard.vue","webpack:///./src/views/dashboard/charts/widgets/conversations/ConversationsEngagedCard.vue?a007","webpack:///./src/views/dashboard/charts/widgets/conversations/ConversationsEngagedCard.vue","webpack:///./src/views/dashboard/charts/widgets/ContactsTimeseriesCard.vue?b075","webpack:///src/views/dashboard/charts/widgets/ContactsTimeseriesCard.vue","webpack:///./src/views/dashboard/charts/widgets/ContactsTimeseriesCard.vue?66a5","webpack:///./src/views/dashboard/charts/widgets/ContactsTimeseriesCard.vue","webpack:///./src/views/dashboard/charts/widgets/conversations/ConversationsByStatusCard.vue?da90","webpack:///src/views/dashboard/charts/widgets/conversations/ConversationsByStatusCard.vue","webpack:///./src/views/dashboard/charts/widgets/conversations/ConversationsByStatusCard.vue?5dd0","webpack:///./src/views/dashboard/charts/widgets/conversations/ConversationsByStatusCard.vue","webpack:///./src/views/dashboard/charts/widgets/ResponseTimeCard.vue?abfe","webpack:///src/views/dashboard/charts/widgets/ResponseTimeCard.vue","webpack:///./src/views/dashboard/charts/widgets/ResponseTimeCard.vue?c898","webpack:///./src/views/dashboard/charts/widgets/ResponseTimeCard.vue?fe43","webpack:///./src/views/dashboard/charts/widgets/FunnelCard.vue?f955","webpack:///src/views/dashboard/charts/widgets/FunnelCard.vue","webpack:///./src/views/dashboard/charts/widgets/FunnelCard.vue?787d","webpack:///./src/views/dashboard/charts/widgets/FunnelCard.vue","webpack:///./src/views/dashboard/charts/widgets/VerticalFunnelCard.vue?d60e","webpack:///src/views/dashboard/charts/widgets/VerticalFunnelCard.vue","webpack:///./src/views/dashboard/charts/widgets/VerticalFunnelCard.vue?d6d2","webpack:///./src/views/dashboard/charts/widgets/VerticalFunnelCard.vue?718e","webpack:///src/views/dashboard/Dashboard.vue","webpack:///./src/views/dashboard/Dashboard.vue?b186","webpack:///./src/views/dashboard/Dashboard.vue","webpack:///./src/views/dashboard/charts/widgets/ResponseTimeCard.vue?7eaf","webpack:///./src/views/layouts/shared-components/statistics-cards/StatisticsCardLine.vue?6017","webpack:///./src/views/dashboard/charts/widgets/VerticalFunnelCard.vue?cab2","webpack:///./src/views/dashboard/Dashboard.vue?b4b6"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$store","state","teams","staticClass","_v","_s","$t","hasCard","ref","baseSlug","_e","staticRenderFns","_f","animatedTotal","adjustedTimeseries","noDataLabel","timeseries","length","on","$event","$router","push","statisticTitle","$emit","statistic","type","height","chartOptions","chartData","areaChartOptions","grid","show","padding","left","right","bottom","chart","fontFamily","toolbar","sparkline","enabled","dataLabels","stroke","curve","width","fill","gradient","shade","shadeIntensity","gradientToColors","opacityFrom","opacityTo","stops","xaxis","lines","axisBorder","labels","yaxis","y","offsetX","offsetY","tooltip","x","lineChartOptions","dropShadow","top","blur","opacity","markers","size","hover","format","props","String","default","Number","required","Array","noDataText","data","watch","newVal","noData","text","components","VueApexCharts","created","color","_objectSpread","chartConfigs","colors","inverseColors","align","verticalAlign","style","fontSize","component","animateValue","dataKey","newValue","duration","range","minTimer","stepTime","Math","abs","floor","max","timer","startTime","Date","getTime","endTime","run","now","remaining","value","round","clearInterval","setInterval","name","StatisticsCardLine","computed","total","mappedTimeseries","JSON","parse","stringify","methods","load","_this","$http","get","concat","then","response","metrics","catch","error","console","animation","$data","ts","find","series","staticStyle","typeOptions","slot","model","callback","$$v","startDate","expression","endDate","filteredTimeseries","Datepicker","DropdownWrapper","setDate","getDate","dashboardConfig","isMenuOpen","ellipsisElement","optionsMenu","contactsTimeseries","tools","download","selection","zoom","zoomin","zoomout","pan","reset","customIcons","icon","index","title","class","click","options","e","toggleMenu","legend","position","horizontalAlign","fontWeight","strokeWidth","strokeColor","radius","display","justifyContent","alignItems","fillColor","backgroundColor","customHTML","onClick","undefined","itemMargin","horizontal","vertical","isThemeDark","sortedTimeseries","slice","sort","a","b","filter","theme","target","parentNode","nextElementSibling","zIndex","pointerEvents","document","removeEventListener","closeMenu","addEventListener","contains","_this2","toISOString","substring","map","goToGroupList","group","getters","currentTeamId","ConversationsEngagedCard","ConversationsStartedCard","conversationsByStatus","events","dataPointSelection","event","chartContext","config","status","dataPointIndex","stopPropagation","currentUserId","statusName","forEach","o","charAt","toUpperCase","hiddenStatuses","includes","count","adjustedOptions","adjusted","contactOverall","contactInitial","agentOverall","agentInitial","contact","agent","filters","formatDuration","durationString","parseInt","substr","funnel","Chart","register","SankeyController","Flow","LinearScale","Sankey","defineChartComponent","interval","Object","utils","daterangeToQueryString","datasets","label","colorFrom","c","stringHashColor","dataset","dataIndex","from","colorTo","to","generateSankeyLabels","attributions","duplicateAttribution","contacts","conversations","noConversation","intervalOptions","hoveredItem","percentage","_l","item","key","transition","handleClick","onMouseEnter","onMouseMove","onMouseLeave","labelWidth","labelColor","valueColor","percentageBubbleColor","percentageColor","barHeight","barWidths","mouseX","mouseY","screenWidth","window","innerWidth","gap","chartBackgroundColor","tooltipStyle","background","borderRadius","boxShadow","whiteSpace","chartWidth","maxValue","applies","conversationsStarted","conversationsEngaged","deliveries","funnelData","calculatePercentage","toFixed","getBarWidth","updateTooltipPosition","clientX","clientY","teamId","dateRange","dateRangeString","router","updateScreenWidth","mounted","beforeDestroy","newColor","documentElement","setProperty","newWidth","VerticalFunnelCard","StatusSankeyCard","AttributionsTimeseriesCard","InvitationsCard","WaitingCard","ResponseTimeCard","ConversationsByStatusCard","ContactsTimeseriesCard","FunnelCard","AppActiveUser","id","cards","cardName","reloadRefs","$refs","equalizeHeights","funnelCard","contactsTimeseriesCard","funnelCardHeight","$el","scrollHeight","contactsCardHeight","maxHeight","$nextTick","updated"],"mappings":"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","file":"js/chunk-2723a64c.a252e62f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"dashboard\"}},[(this.$store.state.teams.isLoading)?_c('div',[_c('vs-progress',{attrs:{\"indeterminate\":\"\"}})],1):_c('div',[_c('invitations-card'),_c('div',[_c('h1',{staticClass:\"pb-4\"},[_vm._v(_vm._s(_vm.$t('navbar.dashboard')))]),_c('div',{staticClass:\"dashboardColumns\"},[_c('div',[_c('div',[(_vm.hasCard('waitingCard'))?_c('waiting-card',{ref:\"waitingCard\",staticClass:\"mb-4\",attrs:{\"base-slug\":_vm.baseSlug}}):_vm._e(),(_vm.hasCard('responseTimeCard'))?_c('response-time-card',{ref:\"responseTimeCard\",staticClass:\"response-time-card\",attrs:{\"base-slug\":_vm.baseSlug}}):_vm._e()],1)]),_c('div',[(_vm.hasCard('funnelCard'))?_c('vertical-funnel-card',{ref:\"funnelCard\",attrs:{\"base-slug\":_vm.baseSlug}}):_vm._e()],1),_c('div',[(_vm.hasCard('conversationsByStatusCard'))?_c('conversations-by-status-card',{ref:\"conversationsByStatusCard\",staticClass:\"conversations-by-status-card mb-4\",attrs:{\"base-slug\":_vm.baseSlug}}):_vm._e(),(_vm.hasCard('contactsTimeseriesCard'))?_c('contacts-timeseries-card',{ref:\"contactsTimeseriesCard\",attrs:{\"base-slug\":_vm.baseSlug}}):_vm._e()],1)])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('statistics-card-line',{attrs:{\"height\":\"35\",\"statistic\":_vm._f(\"k_formatter\")(_vm.animatedTotal),\"statisticTitle\":_vm.$t('dashboardWidgets.conversationsStarted.title'),\"chartData\":_vm.adjustedTimeseries,\"type\":\"area\",\"iconRight\":true,\"chart-category-type\":\"datetime\",\"no-data-text\":_vm.noDataLabel,\"hide-chart\":!_vm.timeseries.length},on:{\"clickStatistic\":function($event){return _vm.$router.push('/contacts/')}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex stats-card-line items-center justify-start pt-4\"},[_c('div',{staticClass:\"stat-headline mr-4\"},[_vm._v(_vm._s(_vm.statisticTitle))]),_c('div',{staticClass:\"cursor-pointer stat-number mr-3\",on:{\"click\":function($event){return _vm.$emit('clickStatistic')}}},[_vm._v(_vm._s(_vm.statistic))]),_c('vue-apex-charts',{ref:\"apexChart\",attrs:{\"type\":_vm.type,\"height\":_vm.height,\"width\":\"50%\",\"options\":_vm.chartOptions,\"series\":_vm.chartData}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\n  areaChartOptions: {\n    grid: {\n      show: false,\n      padding: {\n        left: 0,\n        right: 0,\n        bottom: 6\n      }\n    },\n    chart: {\n      fontFamily: 'Inter, sans-serif',\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', // Set the fill type to gradient\n      gradient: {\n        shade: 'dark',\n        shadeIntensity: 1,\n        type: 'vertical',\n        gradientToColors: ['#00000000'], // Transparent or background color at the bottom\n        opacityFrom: 0.8, // Darker at the top\n        opacityTo: 0, // Fully transparent at the bottom\n        stops: [0, 100]\n      }\n    },\n    xaxis: {\n      type: 'numeric',\n      lines: {\n        show: false\n      },\n      axisBorder: {\n        show: false\n      },\n      labels: { show: false }\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: { show: true }\n    }\n  },\n  lineChartOptions: {\n    grid: {\n      show: false,\n      padding: {\n        left: 0,\n        right: 0\n      }\n    },\n    chart: {\n      fontFamily: 'Inter, sans-serif',\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        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: { show: true, format: 'dd MMM' }\n    }\n  }\n}\n","<!-- =========================================================================================\n    File Name: StatisticsCard.vue\n    Description: Statistics card component\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n  <div class=\"flex stats-card-line items-center justify-start pt-4\">\n    <div class=\"stat-headline mr-4\">{{ statisticTitle }}</div>\n    <div class=\"cursor-pointer stat-number mr-3\" @click=\"$emit('clickStatistic')\">{{ statistic }}</div>\n    <vue-apex-charts ref=\"apexChart\" :type=\"type\" :height=\"height\" width=\"50%\" :options=\"chartOptions\" :series=\"chartData\" />\n  </div>\n</template>\n\n<script>\nimport VueApexCharts from 'vue-apexcharts'\nimport chartConfigs from './chartConfigs.js'\n\nexport default {\n  props: {\n    height: {\n      type: String,\n      default: '100'\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    type: {\n      type: String,\n      default: 'line'\n    },\n    noDataText: {\n      type: String,\n      default: 'No data'\n    }\n  },\n  data () {\n    return {\n      chartOptions: null\n    }\n  },\n  watch: {\n    noDataText (newVal) {\n      this.chartOptions.noData.text = newVal\n    }\n  },\n  components: {\n    VueApexCharts\n  },\n  created () {\n    const color = '#76BD22' // primary color\n\n    // Initialize chart options\n    if (this.type === 'area') {\n      this.chartOptions = {\n        ...chartConfigs.areaChartOptions,\n        colors: [color],\n        fill: {\n          type: 'gradient',\n          gradient: {\n            shade: 'light',\n            type: 'vertical',\n            shadeIntensity: 0.5,\n            gradientToColors: [color],\n            inverseColors: false,\n            opacityFrom: 0.8,\n            opacityTo: 0.1, // fades towards transparency\n            stops: [0, 90, 100]\n          }\n        }\n      }\n    } else {\n      this.chartOptions = {\n        ...chartConfigs.lineChartOptions,\n        colors: [color],\n        stroke: {\n          width: 2,\n          curve: 'smooth'\n        }\n      }\n    }\n\n    // Add no data options\n    this.chartOptions.noData = {\n      text: this.noDataText,\n      align: 'center',\n      verticalAlign: 'middle',\n      offsetX: -1,\n      offsetY: -12,\n      style: {\n        color: '#404040',\n        fontSize: '14px',\n        fontFamily: 'Inter, sans-serif'\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.stats-card-line {\n  min-width: 150px;\n}\n.stat-number {\n  text-align: center;\n  font-size: 1.25rem;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 1.875rem;\n}\n.stat-headline {\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1.125rem;\n}\n:not(.theme-dark) {\n  .stat-number {\n    color: var(--gray-700);\n  }\n  .stat-headline {\n    color: var(--gray-700);\n  }\n}\n.theme-dark {\n  .stat-number {\n    color: white;\n  }\n  .stat-headline {\n    color: white;\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!./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=3124c936&\"\nimport script from \"./StatisticsCardLine.vue?vue&type=script&lang=js&\"\nexport * from \"./StatisticsCardLine.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StatisticsCardLine.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","export default {\n  animateValue(data, dataKey, newValue, duration) {\n\n\n    const range = newValue - data[dataKey];\n    // no timer shorter than 50ms (not really visible any way)\n    const minTimer = 50;\n    // calc step time to show all interediate values\n    let stepTime = Math.abs(Math.floor(duration / range));\n\n    // never go below minTimer\n    stepTime = Math.max(stepTime, minTimer);\n\n    // get current time and calculate desired end time\n    const startTime = new Date().getTime();\n    const endTime = startTime + duration;\n    let timer;\n\n    function run() {\n      const now = new Date().getTime();\n      const remaining = Math.max((endTime - now) / duration, 0);\n      const value = Math.round(newValue - (remaining * range));\n      data[dataKey] = value;\n      if (value === newValue) {\n        clearInterval(timer);\n      }\n    }\n\n    timer = setInterval(run, stepTime);\n    run();\n  }\n\n}\n","<template>\n  <div>\n    <statistics-card-line\n      height=\"35\"\n      :statistic=\"animatedTotal | k_formatter\"\n      :statisticTitle=\"$t('dashboardWidgets.conversationsStarted.title')\"\n      @clickStatistic=\"$router.push('/contacts/')\"\n      :chartData=\"adjustedTimeseries\"\n      type=\"area\"\n      :iconRight=\"true\"\n      chart-category-type=\"datetime\"\n      :no-data-text=\"noDataLabel\"\n      :hide-chart=\"!timeseries.length\"\n    />\n  </div>\n</template>\n\n<script>\nimport StatisticsCardLine from '@/views/layouts/shared-components/statistics-cards/StatisticsCardLine.vue'\nimport animation from '@/assets/utils/animation'\n\nexport default {\n  name: 'ConversationsStartedCard',\n  components: {StatisticsCardLine},\n  props: {\n    baseSlug: {\n      type: String,\n      required: true\n    }\n  },\n  data () {\n    return {\n      timeseries: [],\n      animatedTotal: 0\n    }\n  },\n  computed: {\n    total () {\n      return this.timeseries.length === 0 ? 0 : this.timeseries[0].total\n    },\n    noDataLabel () {\n      if (!this.timeseries) {\n        return ''\n      } else if (this.timeseries.length && this.timeseries[0].data.length === 1) {\n        return this.$t('dashboardWidgets.common.onlyOneLast30Days')\n      } else {\n        return this.$t('dashboardWidgets.common.noDataText30Days')\n      }\n    },\n    adjustedTimeseries () {\n      if (this.timeseries.length && this.timeseries[0].data.length === 1) {\n        const mappedTimeseries = JSON.parse(JSON.stringify(this.timeseries))\n        mappedTimeseries[0].data = []\n        return mappedTimeseries\n      } else {\n        return this.timeseries\n      }\n    }\n  },\n  methods: {\n    load () {\n      this.$http.get(`${this.baseSlug}/conversations/timeseries/?restrictTotals=false`)\n        .then(response => {\n          this.timeseries = [response.data.metrics]\n          this.timeseries[0].name = 'Started'\n        })\n        .catch(error => {\n          console.error(error)\n        })\n    }\n  },\n  created () {\n    this.load()\n  },\n  watch: {\n    '$store.getters.currentTeamId' () {\n      this.load()\n    },\n    total (newValue) {\n      animation.animateValue(this.$data, 'animatedTotal', newValue, 1000)\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!./ConversationsStartedCard.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!./ConversationsStartedCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversationsStartedCard.vue?vue&type=template&id=0d083404&\"\nimport script from \"./ConversationsStartedCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversationsStartedCard.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',[_c('statistics-card-line',{attrs:{\"height\":\"35\",\"icon\":\"UsersIcon\",\"statistic\":_vm._f(\"k_formatter\")(_vm.animatedTotal),\"statisticTitle\":_vm.$t('dashboardWidgets.conversationsEngaged.title'),\"chartData\":_vm.adjustedTimeseries,\"type\":\"area\",\"iconRight\":true,\"chart-category-type\":\"datetime\",\"no-data-text\":_vm.noDataLabel,\"hide-chart\":!_vm.timeseries.length},on:{\"clickStatistic\":function($event){return _vm.$router.push('/contacts/?has_contact_engaged=true&has_agent_engaged=true')}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <statistics-card-line\n      height=\"35\"\n      icon=\"UsersIcon\" :statistic=\"animatedTotal | k_formatter\"\n      :statisticTitle=\"$t('dashboardWidgets.conversationsEngaged.title')\"\n      @clickStatistic=\"$router.push('/contacts/?has_contact_engaged=true&has_agent_engaged=true')\"\n      :chartData=\"adjustedTimeseries\"\n      type=\"area\"\n      :iconRight=\"true\"\n      chart-category-type=\"datetime\"\n      :no-data-text=\"noDataLabel\"\n      :hide-chart=\"!timeseries.length\"\n    />\n  </div>\n</template>\n\n<script>\nimport StatisticsCardLine from '@/views/layouts/shared-components/statistics-cards/StatisticsCardLine.vue'\nimport animation from '@/assets/utils/animation'\n\nexport default {\n  name: 'ConversationsEngagedCard',\n  components: {StatisticsCardLine},\n  props: {\n    baseSlug: {\n      type: String,\n      required: true\n    }\n  },\n  data () {\n    return {\n      timeseries: [],\n      animatedTotal: 0\n    }\n  },\n  computed: {\n    total () {\n      return this.timeseries.length === 0 ? 0 : this.timeseries[0].total\n    },\n    noDataLabel () {\n      if (!this.timeseries) {\n        return ''\n      } else if (this.timeseries.length && this.timeseries[0].data.length === 1) {\n        return this.$t('dashboardWidgets.common.onlyOneLast30Days')\n      } else {\n        return this.$t('dashboardWidgets.common.noDataText30Days')\n      }\n    },\n    adjustedTimeseries () {\n      if (this.timeseries.length && this.timeseries[0].data.length === 1) {\n        const mappedTimeseries = JSON.parse(JSON.stringify(this.timeseries))\n        mappedTimeseries[0].data = []\n        return mappedTimeseries\n      } else {\n        return this.timeseries\n      }\n    }\n  },\n  methods: {\n    load () {\n      this.$http.get(`${this.baseSlug}/conversations/timeseries/?by_engaged=true&restrictTotals=false`).then(response => {\n        const ts = response.data.metrics.find(series => series.name === 'True')\n        if (ts) {\n          this.timeseries = [ts]\n          this.timeseries[0].name = 'Engaged'\n        } else {\n          this.timeseries = []\n        }\n      }).catch(error => {\n        console.error(error)\n      })\n    }\n  },\n  created () {\n    this.load()\n  },\n  watch: {\n    '$store.getters.currentTeamId' () {\n      this.load()\n    },\n    total (newValue) {\n      animation.animateValue(this.$data, 'animatedTotal', newValue, 1000)\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!./ConversationsEngagedCard.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!./ConversationsEngagedCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversationsEngagedCard.vue?vue&type=template&id=4908a062&\"\nimport script from \"./ConversationsEngagedCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversationsEngagedCard.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('span',[_c('vx-card',{staticStyle:{\"height\":\"315px\"},attrs:{\"title\":_vm.$t('dashboardWidgets.contactsTimeseries.title') + \"\" + (_vm.typeOptions[_vm.type])}},[_c('template',{slot:\"actions\"},[_c('div',{staticClass:\"flex items-center pt-3\"},[_c('datepicker',{staticClass:\"mr-3\",attrs:{\"placeholder\":_vm.$t('inlineDaterangePicker.startDate')},model:{value:(_vm.startDate),callback:function ($$v) {_vm.startDate=$$v},expression:\"startDate\"}}),_c('datepicker',{staticClass:\"mr-3\",attrs:{\"placeholder\":_vm.$t('inlineDaterangePicker.endDate')},model:{value:(_vm.endDate),callback:function ($$v) {_vm.endDate=$$v},expression:\"endDate\"}}),_c('dropdown-wrapper',{staticClass:\"mr-3\",attrs:{\"options\":_vm.typeOptions,\"size\":\"large\",\"border\":\"\"},model:{value:(_vm.type),callback:function ($$v) {_vm.type=$$v},expression:\"type\"}})],1)]),_c('div',{staticClass:\"pt-1\"},[_c('vue-apex-charts',{attrs:{\"height\":\"210\",\"options\":this.chartOptions,\"series\":_vm.filteredTimeseries}})],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span>\n    <vx-card :title=\"$t('dashboardWidgets.contactsTimeseries.title') + `${typeOptions[type]}`\" style=\"height: 315px;\">\n      <template slot=\"actions\">\n        <div class=\"flex items-center pt-3\">\n          <datepicker v-model=\"startDate\" :placeholder=\"$t('inlineDaterangePicker.startDate')\" class=\"mr-3\"></datepicker>\n          <datepicker v-model=\"endDate\" :placeholder=\"$t('inlineDaterangePicker.endDate')\" class=\"mr-3\"></datepicker>\n          <dropdown-wrapper\n            :options=\"typeOptions\"\n            v-model=\"type\"\n            class=\"mr-3\"\n            size=\"large\"\n            border\n          />\n        </div>\n      </template>\n      <div class=\"pt-1\">\n        <vue-apex-charts\n          height=\"210\"\n          :options=\"this.chartOptions\"\n          :series=\"filteredTimeseries\"\n        />\n      </div>\n    </vx-card>\n  </span>\n</template>\n\n<script>\nimport DropdownWrapper from '@/views/layouts/shared-components/DropdownWrapper'\nimport VueApexCharts from 'vue-apexcharts'\nimport dashboardConfig from '@/views/dashboard/charts/dashboardConfig'\nimport Datepicker from 'vuejs-datepicker'\n\n\nexport default {\n  name: 'ContactsTimeseriesCard',\n  components: {\n    Datepicker,\n    DropdownWrapper,\n    VueApexCharts\n  },\n  props: {\n    baseSlug: {\n      type: String,\n      required: true\n    }\n  },\n  data () {\n    return {\n      timeseries: [],\n      type: 'source',\n      typeOptions: {\n        'source': this.$t('attrib.source'),\n        'medium': this.$t('attrib.medium'),\n        'campaign': this.$t('attrib.campaign'),\n        'content': this.$t('attrib.content'),\n        'referrer': this.$t('attrib.referrer'),\n        'location': this.$t('attrib.location')\n      },\n      startDate: new Date(new Date().setDate(new Date().getDate() - 30)),\n      endDate: new Date(),\n      dashboardConfig,\n      isMenuOpen: false,\n      ellipsisElement: null,\n      optionsMenu: null\n    }\n  },\n  computed: {\n    chartOptions () {\n      return {\n        ...dashboardConfig.contactsTimeseries.chartOptions,\n        chart: {\n          toolbar: {\n            show: true,\n            tools: {\n              download: false,  // Disable the default download option\n              selection: false,  // Disable other default tools if not needed\n              zoom: false,\n              zoomin: false,\n              zoomout: false,\n              pan: false,\n              reset: false,\n              customIcons: [\n                {\n                  icon: '<div style=\"font-size: 20px; line-height: 1; cursor: pointer; padding: 10px;\">&#x22EE;</div>',\n                  index: -1,\n                  title: 'Options',\n                  class: 'contact-timeseries-ellipsis',\n                  click: (chart, options, e) => this.toggleMenu(e) // Bind the toggleMenu method\n                }\n              ]\n            }\n          }\n        },\n        legend: {\n          show: true,\n          position: 'top',\n          horizontalAlign: 'left',\n          fontSize: '14px',\n          fontFamily: 'Inter, sans-serif',\n          fontWeight: 500,\n          markers: {\n            width: 20,\n            height: 20,\n            strokeWidth: 1,\n            strokeColor: this.color,\n            radius: 4,\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n            fillColor: 'transparent', // Remove default background color\n            backgroundColor: 'transparent', // Remove default background\n            customHTML: () => {\n              return '<span class=\"contacts-legend-marker\"></span>'\n            },\n            onClick: undefined\n          },\n          itemMargin: {\n            horizontal: 10,\n            vertical: 5\n          }\n        }\n      }\n    },\n    color () {\n      return this.isThemeDark ? 'white' : '#D5EBBA' // $white : $primary-100\n    },\n    sortedTimeseries () {\n      return this.timeseries.slice().sort((a, b) => b.total - a.total)\n    },\n    filteredTimeseries () {\n      return this.timeseries.filter(series => series.data.length > 0)\n    },\n    isThemeDark () {\n      return this.$store.state.theme === 'dark'\n    }\n  },\n  methods: {\n    toggleMenu (e) {\n      if (!this.ellipsisElement) {\n        this.ellipsisElement = e.target.parentNode\n      }\n      if (this.ellipsisElement) {\n        if (!this.optionsMenu) {\n          this.optionsMenu = this.ellipsisElement.nextElementSibling\n        }\n        if (!this.isMenuOpen) {\n          // opens the menu\n          this.optionsMenu.style.opacity = '1' // Ensure it's visible\n          this.optionsMenu.style.zIndex = '1000'\n          this.optionsMenu.style.pointerEvents = 'auto'\n          document.addEventListener('mousedown', this.closeMenu)\n        } else {\n          // closes the menu\n          this.optionsMenu.style.opacity = '0' // Ensure it's invisible\n          this.optionsMenu.style.zIndex = ''\n          this.optionsMenu.style.pointerEvents = 'none'\n          document.removeEventListener('mousedown', this.closeMenu)\n        }\n      }\n      this.isMenuOpen = !this.isMenuOpen\n    },\n    closeMenu (e) {\n      if (\n        this.optionsMenu &&\n        !this.optionsMenu.contains(e.target) &&\n        this.ellipsisElement &&\n        !this.ellipsisElement.contains(e.target)\n      ) {\n        this.optionsMenu.style.opacity = '0' // Hide it\n        this.optionsMenu.style.zIndex = ''\n        this.optionsMenu.style.pointerEvents = 'none'\n        this.isMenuOpen = false\n        document.removeEventListener('mousedown', this.closeMenu) // Clean up\n      }\n    },\n    load () {\n      this.$http.get(`${this.baseSlug}/contacts/timeseries/?range=${this.startDate.toISOString().substring(0, 10)},${this.endDate.toISOString().substring(0, 10)}&field=${this.type}`)\n        .then(response => {\n          this.timeseries = response.data.map(series => series)\n        })\n        .catch(error => {\n          console.error(error)\n        })\n    },\n    goToGroupList (group) {\n      this.$router.push(`/teams/${this.$store.getters.currentTeamId}/contacts/?contact__first_attribution_${this.type}__icontains=${group.name}&contact__created__date__range=${this.startDate.toISOString().substring(0, 10)},${this.endDate.toISOString().substring(0, 10)}`)\n    }\n  },\n  created () {\n    this.load()\n  },\n  watch: {\n    type () {\n      this.load()\n    },\n    startDate () {\n      this.load()\n    },\n    endDate () {\n      this.load()\n    },\n    '$store.getters.currentTeamId' () {\n      this.load()\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!./ContactsTimeseriesCard.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!./ContactsTimeseriesCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactsTimeseriesCard.vue?vue&type=template&id=f917793c&\"\nimport script from \"./ContactsTimeseriesCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactsTimeseriesCard.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('vx-card',{staticStyle:{\"height\":\"315px\"},attrs:{\"title\":_vm.$t('dashboardWidgets.conversationsByStatus.title')}},[(_vm.series)?_c('div',{staticClass:\"h-full w-full\",attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('div',[_c('vue-apex-charts',{attrs:{\"type\":\"donut\",\"options\":_vm.chartOptions,\"series\":_vm.series}})],1),_c('div',{staticClass:\"flex w-full\"},[_c('conversations-started-card',{ref:\"conversationsStartedCard\",attrs:{\"base-slug\":_vm.baseSlug}}),_c('conversations-engaged-card',{ref:\"conversationsEngagedCard\",attrs:{\"base-slug\":_vm.baseSlug}})],1)]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vx-card :title=\"$t('dashboardWidgets.conversationsByStatus.title')\" style=\"height: 315px;\">\n    <div v-if=\"series\" slot=\"no-body\" class=\"h-full w-full\">\n      <div>\n        <vue-apex-charts\n          type=\"donut\"\n          :options=\"chartOptions\"\n          :series=\"series\"\n        />\n      </div>\n      <div class=\"flex w-full\">\n        <!-- CARD 2: CHATS STARTED -->\n        <conversations-started-card ref=\"conversationsStartedCard\" :base-slug=\"baseSlug\" />\n        <conversations-engaged-card ref=\"conversationsEngagedCard\" :base-slug=\"baseSlug\" />\n      </div>\n    </div>\n  </vx-card>\n</template>\n\n<script>\nimport VueApexCharts from 'vue-apexcharts'\nimport dashboardConfig from '@/views/dashboard/charts/dashboardConfig'\nimport DropdownWrapper from '@/views/layouts/shared-components/DropdownWrapper'\nimport ConversationsStartedCard from '@/views/dashboard/charts/widgets/conversations/ConversationsStartedCard.vue'\nimport ConversationsEngagedCard from '@/views/dashboard/charts/widgets/conversations/ConversationsEngagedCard.vue'\n\nexport default {\n  name: 'ConversationsByStatusCard',\n  components: {\n    ConversationsEngagedCard,\n    ConversationsStartedCard,\n    VueApexCharts,\n    DropdownWrapper\n  },\n  props: {\n    baseSlug: {\n      type: String,\n      required: true\n    }\n  },\n  data () {\n    return {\n      labels: [],\n      series: [],\n      dashboardConfig,\n      isMenuOpen: false,\n      ellipsisElement: null,\n      optionsMenu: null\n    }\n  },\n  computed: {\n    chartOptions () {\n      const options = {\n        ...dashboardConfig.conversationsByStatus.chartOptions,\n        labels: this.labels,\n        chart: {\n          height: '215px',\n          toolbar: {\n            show: true,\n            tools: {\n              download: false,  // Disable the default download option\n              selection: false,  // Disable other default tools if not needed\n              zoom: false,\n              zoomin: false,\n              zoomout: false,\n              pan: false,\n              reset: false,\n              customIcons: [\n                {\n                  icon: '<div style=\"font-size: 20px; line-height: 1; cursor: pointer; padding: 10px;\">&#x22EE;</div>',\n                  index: -1,\n                  title: 'Options',\n                  class: 'conversation-status-ellipsis',\n                  click: (chart, options, e) => this.toggleMenu(e) // Bind the toggleMenu method\n                }\n              ]\n            }\n          }\n        }\n      }\n      options.chart.events = {\n        dataPointSelection: (event, chartContext, config) => {\n          const status = this.labels[config.dataPointIndex]\n          if (status === 'Unset') {\n            // eslint-disable-next-line vue/no-side-effects-in-computed-properties\n            this.$router.push('/contacts/?contact__active_attribution_status__isempty=true')\n          } else {\n            // eslint-disable-next-line vue/no-side-effects-in-computed-properties\n            this.$router.push(`/contacts/?contact__active_attribution_status__icontains=${status}`)\n          }\n        }\n      }\n      return options\n    }\n  },\n  methods: {\n    toggleMenu (e) {\n      e.stopPropagation()\n      if (!this.ellipsisElement) {\n        this.ellipsisElement = e.target.parentNode\n      }\n      if (this.ellipsisElement) {\n        if (!this.optionsMenu) {\n          this.optionsMenu = this.ellipsisElement.nextElementSibling\n        }\n        if (!this.isMenuOpen) {\n          // open the menu\n          this.optionsMenu.style.opacity = '1' // Ensure it's visible\n          this.optionsMenu.style.zIndex = '1000'\n          this.optionsMenu.style.pointerEvents = 'auto'\n          document.addEventListener('mousedown', this.closeMenu)\n        } else {\n          // close the menu\n          this.optionsMenu.style.opacity = '0' // Ensure it's invisible\n          this.optionsMenu.style.zIndex = ''\n          this.optionsMenu.style.pointerEvents = 'none'\n          document.removeEventListener('mousedown', this.closeMenu)\n        }\n      }\n      this.isMenuOpen = !this.isMenuOpen\n    },\n    closeMenu (e) {\n      if (\n        this.optionsMenu &&\n        !this.optionsMenu.contains(e.target) &&\n        this.ellipsisElement &&\n        !this.ellipsisElement.contains(e.target)\n      ) {\n        this.optionsMenu.style.opacity = '0' // Hide it\n        this.optionsMenu.style.zIndex = ''\n        this.optionsMenu.style.pointerEvents = 'none'\n        this.isMenuOpen = false\n        document.removeEventListener('mousedown', this.closeMenu) // Clean up\n      }\n    },\n    load () {\n      this.$http.get(`/v1/users/${this.$store.getters.currentUserId}/metrics/conversations/by_status/?teams=${this.$store.getters.currentTeamId}`)\n        .then(response => {\n          this.series = []\n          this.labels = []\n          let statusName = ''\n          response.data.forEach(o => {\n            if (o.statusName) {\n              statusName = o.statusName.charAt(0).toUpperCase() + o.statusName.slice(1)\n            } else {\n              statusName = 'Unset'\n            }\n            const hiddenStatuses = ['Disengaged', 'Reengage', 'Re-engage']\n            if (!hiddenStatuses.includes(statusName)) {\n              this.labels.push(statusName)\n              this.series.push(o.count)\n            }\n          })\n        })\n        .catch(error => {\n          console.error(error)\n        })\n    }\n  },\n  created () {\n    this.load()\n  },\n  watch: {\n    '$store.getters.currentTeamId' () {\n      this.load()\n    }\n  }\n}\n</script>\n\n<style scoped>\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!./ConversationsByStatusCard.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!./ConversationsByStatusCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversationsByStatusCard.vue?vue&type=template&id=3dd449a1&scoped=true&\"\nimport script from \"./ConversationsByStatusCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversationsByStatusCard.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  \"3dd449a1\",\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('vx-card',{staticStyle:{\"height\":\"315px\"},attrs:{\"title\":_vm.$t('dashboardWidgets.responseTimeCard.title')}},[_c('div',{staticClass:\"response-time-card\"},[_c('div',{staticClass:\"vx-card__actions mt-2\",style:({color: 'var(--gray-500)'})},[_c('div',[_c('dropdown-wrapper',{attrs:{\"options\":_vm.adjustedOptions,\"hasDescription\":true,\"size\":\"medium\",\"checkmarkIcon\":true},model:{value:(_vm.adjusted),callback:function ($$v) {_vm.adjusted=$$v},expression:\"adjusted\"}})],1),_c('div',[_c('dropdown-wrapper',{attrs:{\"options\":_vm.typeOptions,\"hasDescription\":true,\"size\":\"medium\",\"checkmarkIcon\":true},model:{value:(_vm.type),callback:function ($$v) {_vm.type=$$v},expression:\"type\"}})],1)])]),_c('div',[_c('div',{staticClass:\"card-row d-theme-dark-bg\",attrs:{\"slot\":\"no-body-bottom\"},slot:\"no-body-bottom\"},[_c('h4',{staticClass:\"card-row-title\"},[_vm._v(_vm._s(_vm.$t('dashboardWidgets.responseTimeCard.contact')))]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"w-1/2\"},[_c('div',{staticClass:\"flex items-center mt-3\"},[_c('span',{staticClass:\"card-row-subtitle\"},[_vm._v(_vm._s(_vm.$t('dashboardWidgets.responseTimeCard.contactOverall')))]),_c('vx-tooltip',{attrs:{\"text\":_vm.$t('dashboardWidgets.responseTimeCard.contactOverallTooltip')}},[_c('feather-icon',{staticClass:\"align-middle ml-1 mb-1 w-5 h-5\",attrs:{\"icon\":\"InfoIcon\"}})],1)],1),_c('div',{staticClass:\"text-2xl font-weight-semibold\"},[_vm._v(_vm._s(_vm._f(\"formatDuration\")(_vm.contactOverall)))])]),_c('div',{staticClass:\"w-1/2\"},[_c('div',{staticClass:\"flex items-center mt-3\"},[_c('span',{staticClass:\"card-row-subtitle\"},[_vm._v(_vm._s(_vm.$t('dashboardWidgets.responseTimeCard.contactInitial')))]),_c('vx-tooltip',{attrs:{\"text\":_vm.$t('dashboardWidgets.responseTimeCard.contactInitialTooltip')}},[_c('feather-icon',{staticClass:\"align-middle ml-1 mb-1 w-5 h-5\",attrs:{\"icon\":\"InfoIcon\"}})],1)],1),_c('div',{staticClass:\"text-2xl font-weight-semibold\"},[_vm._v(_vm._s(_vm._f(\"formatDuration\")(_vm.contactInitial)))])])])]),_c('div',{staticClass:\"card-row d-theme-dark-bg\",attrs:{\"slot\":\"no-body-bottom\"},slot:\"no-body-bottom\"},[_c('div',{staticClass:\"card-row-title font-weight-semibold\"},[_vm._v(_vm._s(_vm.$t('dashboardWidgets.responseTimeCard.agent')))]),_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"w-1/2\"},[_c('div',{staticClass:\"flex items-center mt-3\"},[_c('span',{staticClass:\"card-row-subtitle\"},[_vm._v(_vm._s(_vm.$t('dashboardWidgets.responseTimeCard.agentOverall')))]),_c('vx-tooltip',{attrs:{\"text\":_vm.$t('dashboardWidgets.responseTimeCard.agentOverallTooltip')}},[_c('feather-icon',{staticClass:\"align-middle ml-1 mb-1 w-5 h-5\",attrs:{\"icon\":\"InfoIcon\"}})],1)],1),_c('div',{staticClass:\"text-2xl font-weight-semibold\"},[_vm._v(_vm._s(_vm._f(\"formatDuration\")(_vm.agentOverall)))])]),_c('div',{staticClass:\"w-1/2\"},[_c('div',{staticClass:\"flex items-center mt-3\"},[_c('span',{staticClass:\"card-row-subtitle\"},[_vm._v(_vm._s(_vm.$t('dashboardWidgets.responseTimeCard.agentInitial')))]),_c('vx-tooltip',{attrs:{\"text\":_vm.$t('dashboardWidgets.responseTimeCard.agentInitialTooltip')}},[_c('feather-icon',{staticClass:\"align-middle ml-1 mb-1 w-5 h-5\",attrs:{\"icon\":\"InfoIcon\"}})],1)],1),_c('div',{staticClass:\"text-2xl font-weight-semibold\"},[_vm._v(_vm._s(_vm._f(\"formatDuration\")(_vm.agentInitial)))])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n  Shows different response time metrics for the current team.\n  Different drop down options can show different response time metrics.\n-->\n\n<template>\n  <vx-card :title=\"$t('dashboardWidgets.responseTimeCard.title')\" style=\"height: 315px;\">\n    <div class=\"response-time-card\">\n      <div class=\"vx-card__actions mt-2\" :style=\"{color: 'var(--gray-500)'}\">\n        <div>\n          <dropdown-wrapper\n            :options=\"adjustedOptions\"\n            :hasDescription=\"true\"\n            v-model=\"adjusted\"\n            size=\"medium\"\n            :checkmarkIcon=\"true\"\n          />\n        </div>\n        <div>\n          <dropdown-wrapper\n            :options=\"typeOptions\"\n            :hasDescription=\"true\"\n            v-model=\"type\"\n            size=\"medium\"\n            :checkmarkIcon=\"true\"\n          />\n        </div>\n      </div>\n    </div>\n    <div>\n      <div class=\"card-row d-theme-dark-bg\" slot=\"no-body-bottom\">\n        <h4 class=\"card-row-title\">{{ $t('dashboardWidgets.responseTimeCard.contact') }}</h4>\n        <div class=\"flex\">\n          <div class=\"w-1/2\">\n            <div class=\"flex items-center mt-3\">\n              <span class=\"card-row-subtitle\">{{ $t('dashboardWidgets.responseTimeCard.contactOverall') }}</span>\n              <vx-tooltip :text=\"$t('dashboardWidgets.responseTimeCard.contactOverallTooltip')\">\n                <feather-icon icon=\"InfoIcon\" class=\"align-middle ml-1 mb-1 w-5 h-5\"/>\n              </vx-tooltip>\n            </div>\n            <div class=\"text-2xl font-weight-semibold\">{{ contactOverall | formatDuration }}</div>\n          </div>\n          <div class=\"w-1/2\">\n            <div class=\"flex items-center mt-3\">\n              <span class=\"card-row-subtitle\">{{ $t('dashboardWidgets.responseTimeCard.contactInitial') }}</span>\n              <vx-tooltip :text=\"$t('dashboardWidgets.responseTimeCard.contactInitialTooltip')\">\n                <feather-icon icon=\"InfoIcon\" class=\"align-middle ml-1 mb-1 w-5 h-5\"/>\n              </vx-tooltip>\n            </div>\n            <div class=\"text-2xl font-weight-semibold\">{{ contactInitial | formatDuration }}</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"card-row d-theme-dark-bg\" slot=\"no-body-bottom\">\n        <div class=\"card-row-title font-weight-semibold\">{{ $t('dashboardWidgets.responseTimeCard.agent') }}</div>\n        <div class=\"flex\">\n          <div class=\"w-1/2\">\n            <div class=\"flex items-center mt-3\">\n              <span class=\"card-row-subtitle\">{{ $t('dashboardWidgets.responseTimeCard.agentOverall') }}</span>\n              <vx-tooltip :text=\"$t('dashboardWidgets.responseTimeCard.agentOverallTooltip')\">\n                <feather-icon icon=\"InfoIcon\" class=\"align-middle ml-1 mb-1 w-5 h-5\"/>\n              </vx-tooltip>\n            </div>\n            <div class=\"text-2xl font-weight-semibold\">{{ agentOverall | formatDuration }}</div>\n          </div>\n          <div class=\"w-1/2\">\n            <div class=\"flex items-center mt-3\">\n              <span class=\"card-row-subtitle\">{{ $t('dashboardWidgets.responseTimeCard.agentInitial') }}</span>\n              <vx-tooltip :text=\"$t('dashboardWidgets.responseTimeCard.agentInitialTooltip')\">\n                <feather-icon icon=\"InfoIcon\" class=\"align-middle ml-1 mb-1  w-5 h-5\"/>\n              </vx-tooltip>\n            </div>\n            <div class=\"text-2xl font-weight-semibold\">{{ agentInitial | formatDuration }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </vx-card>\n</template>\n\n<script>\nimport VueApexCharts from 'vue-apexcharts'\nimport dashboardConfig from '@/views/dashboard/charts/dashboardConfig'\nimport DropdownWrapper from '@/views/layouts/shared-components/DropdownWrapper'\n\nexport default {\n  name: 'ResponseTimeCard',\n  components: {\n    VueApexCharts,\n    DropdownWrapper\n  },\n  props: {\n    baseSlug: {\n      type: String,\n      required: true\n    }\n  },\n  data () {\n    return {\n      metrics: null,\n      adjusted: 'adjusted',\n      adjustedOptions: {\n        'adjusted': {\n          'title': this.$t('common.workingHours'),\n          'description': this.$t('common.workingHoursDescription')\n        },\n        'unadjusted': {\n          'title': this.$t('common.allHours'),\n          'description': this.$t('common.allHoursDescription')\n        }\n      },\n      type: 'median',\n      typeOptions: {\n        'median': {\n          'title': this.$t('common.median'),\n          'description': this.$t('common.medianDescription')\n        },\n        'mean': {\n          'title': this.$t('dashboardWidgets.common.mean'),\n          'description': this.$t('dashboardWidgets.common.meanDescription')\n        }\n      },\n      dashboardConfig\n    }\n  },\n  computed: {\n    /**\n     * Accesses one of the contact initial response times, depending on settings.\n     * @returns the response time.\n     */\n    contactInitial () {\n      return this.metrics ? this.metrics[this.adjusted]['initial'][this.type].contact : undefined\n    },\n    /**\n     * Accesses one of the agent initial response times, depending on settings.\n     * @returns the response time.\n     */\n    agentInitial () {\n      return this.metrics ? this.metrics[this.adjusted]['initial'][this.type].agent : undefined\n    },\n    /**\n     * Accesses one of the contact overall response times, depending on settings.\n     * @returns the response time.\n     */\n    contactOverall () {\n      return this.metrics ? this.metrics[this.adjusted]['overall'][this.type].contact : undefined\n    },\n    /**\n     * Accesses one of the agent overall response times, depending on settings.\n     * @returns the response time.\n     */\n    agentOverall () {\n      return this.metrics ? this.metrics[this.adjusted]['overall'][this.type].agent : undefined\n    }\n  },\n  methods: {\n    /**\n     * Loads the response time metrics from the backend.\n     */\n    load () {\n      this.$http.get(`${this.baseSlug}/conversations/response_times/`)\n        .then(response => {\n          this.metrics = response.data.metrics\n        })\n        .catch(error => {\n          console.error(error)\n        })\n    }\n  },\n  filters: {\n    formatDuration (durationString) {\n      if (durationString) {\n        return new Date(parseInt(durationString) * 1000).toISOString().substr(11, 8)\n      }\n      return 'N/A'\n    }\n  },\n  created () {\n    this.load()\n  },\n  watch: {\n    '$store.getters.currentTeamId' () {\n      this.load()\n    }\n  }\n}\n</script>\n\n<style scoped>\n.card-row {\n  border-radius: 0.5rem;\n  margin-top: 0.75rem;\n  padding: 0.5rem 0.75rem 1rem 0.75rem;\n  background-color: var(--gray-50);\n  height: 107px;\n  .card-row-title {\n    color: var(--text-medium-color);\n    font-size: 0.875rem;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 1.25rem;\n  }\n  .card-row-subtitle {\n    color: var(--text-medium-color);\n    font-size: 0.875rem;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1.125rem;\n  }\n}\n.response-time-card {\n  display: flex;\n  flex-direction: column;\n  .vx-card__title,\n  .vx-card__actions {\n    display: flex;\n    flex-shrink: 0;\n    margin-bottom: 0.5rem;\n  }\n  .flex-pad {\n    display: flex;\n    flex: 0 1 1.5rem;\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!./ResponseTimeCard.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!./ResponseTimeCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ResponseTimeCard.vue?vue&type=template&id=f11cfbb6&scoped=true&\"\nimport script from \"./ResponseTimeCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ResponseTimeCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ResponseTimeCard.vue?vue&type=style&index=0&id=f11cfbb6&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  \"f11cfbb6\",\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('vx-card',{staticClass:\"mt-4\",attrs:{\"title\":_vm.$t('dashboardWidgets.funnelCard.title')}},[_c('div',{staticStyle:{\"height\":\"400px\"},attrs:{\"slot\":\"default\"},slot:\"default\"},[(_vm.metrics)?_c('sankey',{attrs:{\"chartData\":_vm.metrics,\"options\":_vm.dashboardConfig.funnel.chartOptions}}):_c('div',[_vm._v(_vm._s(_vm.$t('dashboardConfig.funnel.noData')))])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n  Shows a funnel from start to end in our product.\n-->\n\n<template>\n  <vx-card :title=\"$t('dashboardWidgets.funnelCard.title')\" class=\"mt-4\">\n    <div slot=\"default\" style=\"height: 400px;\">\n      <sankey v-if=\"metrics\" :chartData=\"metrics\" :options=\"dashboardConfig.funnel.chartOptions\" />\n      <div v-else>{{ $t('dashboardConfig.funnel.noData') }}</div>\n    </div>\n  </vx-card>\n</template>\n\n<script>\nimport {SankeyController, Flow} from 'chartjs-chart-sankey/dist/chartjs-chart-sankey.esm'\nimport { Chart, LinearScale } from 'chart.js'\nChart.register(SankeyController, Flow, LinearScale)\nimport {defineChartComponent} from 'vue-chart-3'\n\nimport dashboardConfig from '@/views/dashboard/charts/dashboardConfig'\nimport color from '@/assets/utils/color'\nimport utils from '@/assets/utils'\n\nexport default {\n  name: 'FunnelCard',\n  components: {\n    Sankey: defineChartComponent('sankey-chart', 'sankey'),\n    Flow\n  },\n  props: {\n    interval: {\n      type: Object,\n      default () {\n        return {\n          startDate: null,\n          endDate: null\n        }\n      }\n    }\n  },\n  data () {\n    return {\n      metrics: {},\n      dashboardConfig\n    }\n  },\n  methods: {\n    /**\n     * Loads the response time metrics from the backend.\n     */\n    load () {\n      this.$http.get(`/v1/users/${this.$store.getters.currentUserId}/metrics/sankey/attributions/?teams=${this.$store.getters.currentTeamId}&${utils.daterangeToQueryString(this.interval, true)}`)\n        .then(response => {\n          if (response.data.length > 0) {\n            this.metrics = {\n              datasets: [\n                {\n                  label: this.$t('dashboardWidgets.funnelCard.title'),\n                  data: response.data[0]['connections'],\n                  colorFrom: (c) => color.stringHashColor(c.dataset.data[c.dataIndex].from),\n                  colorTo: (c) => color.stringHashColor(c.dataset.data[c.dataIndex].to),\n                  labels: dashboardConfig.funnel.generateSankeyLabels(response.data[0]['connections'], {\n                    attributions: this.$t('dashboardWidgets.funnelCard.category.attributions'),\n                    duplicateAttribution: this.$t('dashboardWidgets.funnelCard.category.duplicateAttribution'),\n                    contacts: this.$t('dashboardWidgets.funnelCard.category.contacts'),\n                    conversations: this.$t('dashboardWidgets.funnelCard.category.conversations'),\n                    noConversation: this.$t('dashboardWidgets.funnelCard.category.noConversation')\n                  })\n                }\n              ]\n            }\n          } else {\n            this.metrics = null\n          }\n        })\n        .catch(error => {\n          console.error(error)\n        })\n    }\n  },\n  created () {\n    this.load()\n  },\n  watch: {\n    '$store.getters.currentTeamId' () {\n      this.load()\n    },\n    interval () {\n      this.load()\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!./FunnelCard.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!./FunnelCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FunnelCard.vue?vue&type=template&id=9ac12a06&\"\nimport script from \"./FunnelCard.vue?vue&type=script&lang=js&\"\nexport * from \"./FunnelCard.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('vx-card',{staticStyle:{\"height\":\"646px\"},attrs:{\"title\":_vm.$t('dashboardWidgets.funnelCard.title')}},[_c('template',{slot:\"actions\"},[_c('div',{staticClass:\"flex\"},[_c('dropdown-wrapper',{attrs:{\"options\":_vm.intervalOptions},model:{value:(_vm.interval),callback:function ($$v) {_vm.interval=$$v},expression:\"interval\"}})],1)]),_c('div',{staticClass:\"px-6 pt-10 mt-10\",attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[(_vm.hoveredItem)?_c('div',{staticClass:\"tooltip\",style:(_vm.tooltipStyle)},[_c('div',{staticClass:\"tooltip-content\"},[_c('span',{staticClass:\"tooltip-circle\",style:({ backgroundColor: _vm.hoveredItem.color })}),_c('span',{staticClass:\"tooltip-label\",staticStyle:{\"margin-left\":\"8px\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.hoveredItem.label)+\"\\n        \")]),_c('span',{staticClass:\"tooltip-value\",staticStyle:{\"font-weight\":\"bold\",\"margin-left\":\"8px\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.hoveredItem.value)+\"\\n        \")]),_c('span',{staticClass:\"tooltip-percentage\",staticStyle:{\"color\":\"#4A4A4A\",\"margin-left\":\"8px\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.hoveredItem.percentage)+\"%\\n        \")])])]):_vm._e(),_c('div',{staticClass:\"chart-wrapper\"},[_c('div',{staticClass:\"w-full max-w-3xl mx-auto mt-0\"},[_c('div',{staticClass:\"space-y-12\"},_vm._l((_vm.funnelData),function(item,index){return _c('div',{key:item.label,staticClass:\"relative flex items-center group\",style:({\n              opacity: _vm.hoveredItem && _vm.hoveredItem !== item ? 0.5 : 1,\n              transition: 'opacity 0.2s ease-in-out'\n            }),on:{\"click\":function($event){return _vm.handleClick(index)},\"mouseenter\":function($event){return _vm.onMouseEnter(item, $event)},\"mousemove\":function($event){return _vm.onMouseMove($event)},\"mouseleave\":_vm.onMouseLeave}},[_c('div',{staticClass:\"flex flex-col pr-4\",style:({ width: (_vm.labelWidth + \"px\") })},[_c('span',{staticClass:\"text-sm font-medium\",style:({ color: _vm.labelColor })},[_vm._v(\"\\n                \"+_vm._s(item.label)+\"\\n              \")]),_c('div',{staticClass:\"flex items-center\"},[_c('span',{staticClass:\"text-lg font-semibold\",style:({ color: _vm.valueColor })},[_vm._v(\"\\n                  \"+_vm._s(item.value)+\"\\n                \")]),_c('span',{staticClass:\"ml-2 px-2 py-1 text-xs font-medium rounded-full\",style:({\n                    backgroundColor: _vm.percentageBubbleColor,\n                    color: _vm.percentageColor\n                  })},[_vm._v(\"\\n                  \"+_vm._s(item.percentage)+\"%\\n                \")])])]),_c('div',{staticClass:\"flex-1 flex justify-center overflow-hidden\",style:({ height: (_vm.barHeight + \"px\") })},[_c('div',{staticClass:\"bar h-full transition-all duration-300 ease-in-out\",style:({\n                  backgroundColor: item.color,\n                  width: (((_vm.barWidths[index] / _vm.width) * 100) + \"%\"),\n                })})])])}),0)])])])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vx-card :title=\"$t('dashboardWidgets.funnelCard.title')\" style=\"height: 646px;\">\n    <template slot=\"actions\">\n      <div class=\"flex\">\n        <dropdown-wrapper :options=\"intervalOptions\" v-model=\"interval\"/>\n      </div>\n    </template>\n\n    <div slot=\"no-body\" class=\"px-6 pt-10 mt-10\">\n      <div v-if=\"hoveredItem\" :style=\"tooltipStyle\" class=\"tooltip\">\n        <div class=\"tooltip-content\">\n          <span\n            class=\"tooltip-circle\"\n            :style=\"{ backgroundColor: hoveredItem.color }\"\n          ></span>\n          <span class=\"tooltip-label\" style=\"margin-left: 8px;\">\n            {{ hoveredItem.label }}\n          </span>\n          <span class=\"tooltip-value\" style=\"font-weight: bold; margin-left: 8px;\">\n            {{ hoveredItem.value }}\n          </span>\n          <span class=\"tooltip-percentage\" style=\"color: #4A4A4A; margin-left: 8px;\">\n            {{ hoveredItem.percentage }}%\n          </span>\n        </div>\n      </div>\n      <!--  *********** CHART CONTAINER ***********  -->\n      <div class=\"chart-wrapper\">\n        <div class=\"w-full max-w-3xl mx-auto mt-0\">\n          <div class=\"space-y-12\">\n            <div\n              v-for=\"(item, index) in funnelData\"\n              :key=\"item.label\"\n              class=\"relative flex items-center group\"\n              @click=\"handleClick(index)\"\n              @mouseenter=\"onMouseEnter(item, $event)\"\n              @mousemove=\"onMouseMove($event)\"\n              @mouseleave=\"onMouseLeave\"\n              :style=\"{\n                opacity: hoveredItem && hoveredItem !== item ? 0.5 : 1,\n                transition: 'opacity 0.2s ease-in-out'\n              }\"\n            >\n              <!-- Labels section -->\n              <div class=\"flex flex-col pr-4\" :style=\"{ width: `${labelWidth}px` }\">\n                <span class=\"text-sm font-medium\" :style=\"{ color: labelColor }\">\n                  {{ item.label }}\n                </span>\n                <div class=\"flex items-center\">\n                  <span class=\"text-lg font-semibold\" :style=\"{ color: valueColor }\">\n                    {{ item.value }}\n                  </span>\n                  <span\n                    class=\"ml-2 px-2 py-1 text-xs font-medium rounded-full\"\n                    :style=\"{\n                      backgroundColor: percentageBubbleColor,\n                      color: percentageColor\n                    }\"\n                  >\n                    {{ item.percentage }}%\n                  </span>\n                </div>\n              </div>\n\n              <!-- Bar section -->\n              <div\n                class=\"flex-1 flex justify-center overflow-hidden\"\n                :style=\"{ height: `${barHeight}px` }\"\n              >\n                <div\n                  class=\"bar h-full transition-all duration-300 ease-in-out\"\n                  :style=\"{\n                    backgroundColor: item.color,\n                    width: `${(barWidths[index] / width) * 100}%`,\n                  }\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- *********** END CHART CONTAINER *********** -->\n  </vx-card>\n</template>\n\n<script>\nimport DropdownWrapper from '@/views/layouts/shared-components/DropdownWrapper'\nimport router from '@/router'\nimport utils from '@/assets/utils'\n\nexport default {\n  name: 'VerticalFunnelCard',\n  components: {\n    DropdownWrapper\n  },\n  props: {\n    baseSlug: {\n      type: String,\n      required: true\n    }\n  },\n  data () {\n    return {\n      metrics: null,\n      interval: '30days',\n      hoveredItem: null,\n      mouseX: 0,\n      mouseY: 0,\n\n      screenWidth: window.innerWidth,\n      intervalOptions: {\n        'day': this.$t('dashboardWidgets.common.intervalOptions.day'),\n        'week': this.$t('dashboardWidgets.common.intervalOptions.week'),\n        '30days': this.$t('dashboardWidgets.common.intervalOptions.30days'),\n        'year': this.$t('dashboardWidgets.common.intervalOptions.year'),\n        'alltime': this.$t('dashboardWidgets.common.intervalOptions.allTime')\n      },\n      width: 600,\n      barHeight: 60,\n      gap: 32,\n      labelWidth: 100\n    }\n  },\n  computed: {\n    isThemeDark () {\n      return this.$store.state.theme === 'dark'\n    },\n    labelColor () {\n      return this.$store.state.theme === 'dark' ? 'white' : 'black'\n    },\n    valueColor () {\n      return this.$store.state.theme === 'dark' ? 'white' : 'black'\n    },\n    percentageColor () {\n      return this.$store.state.theme === 'dark' ? 'white' : 'black'\n    },\n    percentageBubbleColor () {\n      return this.$store.state.theme === 'dark' ? '#404040' : '#F3F4F7'\n    },\n    chartBackgroundColor () {\n      return this.$store.state.theme === 'dark' ? '#404040' : '#ffffff'\n    },\n    tooltipStyle () {\n      return {\n        position: 'fixed',\n        left: `${this.mouseX + 10}px`,\n        top: `${this.mouseY + 10}px`,\n        background: `${this.$store.state.theme === 'dark' ? '#262626' : '#ffffff'}`,\n        padding: '8px 12px',\n        borderRadius: '8px',\n        boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.15)',\n        zIndex: 1000,\n        pointerEvents: 'none',\n        whiteSpace: 'nowrap'\n      }\n    },\n    chartWidth () {\n      return this.width - this.labelWidth\n    },\n    maxValue () {\n      return this.metrics ? Math.max(\n        this.metrics.applies,\n        this.metrics.contacts,\n        this.metrics.conversationsStarted,\n        this.metrics.conversationsEngaged,\n        this.metrics.deliveries\n      ) : 0\n    },\n    funnelData () {\n      if (!this.metrics) return []\n\n      const calculatePercentage = (value, total) => {\n        return ((value / total) * 100).toFixed(0)\n      }\n\n      const total = this.metrics.applies || 1\n\n      return [\n        {\n          label: this.$t('dashboardWidgets.funnelCard.category.attributions'),\n          value: this.metrics.applies,\n          percentage: '100',\n          color: 'rgb(99, 102, 241)'\n        },\n        {\n          label: this.$t('dashboardWidgets.funnelCard.category.contacts'),\n          value: this.metrics.contacts,\n          percentage: calculatePercentage(this.metrics.contacts, total),\n          color: 'rgb(74, 222, 128)'\n        },\n        {\n          label: this.$t('dashboardWidgets.funnelCard.category.conversations'),\n          value: this.metrics.conversationsStarted,\n          percentage: calculatePercentage(this.metrics.conversationsStarted, total),\n          color: 'rgb(20, 184, 166)'\n        },\n        {\n          label: this.$t('dashboardWidgets.funnelCard.category.conversationsEngaged'),\n          value: this.metrics.conversationsEngaged,\n          percentage: calculatePercentage(this.metrics.conversationsEngaged, total),\n          color: 'rgb(14, 165, 233)'\n        },\n        {\n          label: this.$t('dashboardWidgets.funnelCard.category.deliveries'),\n          value: this.metrics.deliveries,\n          percentage: calculatePercentage(this.metrics.deliveries, total),\n          color: 'rgb(168, 85, 247)'\n        }\n      ]\n    },\n    barWidths () {\n      return this.funnelData.map(item => this.getBarWidth(item.value))\n    }\n  },\n  methods: {\n    onMouseEnter (item, event) {\n      this.hoveredItem = item\n      this.updateTooltipPosition(event)\n    },\n    onMouseMove (event) {\n      this.updateTooltipPosition(event)\n    },\n    onMouseLeave () {\n      this.hoveredItem = null\n    },\n    updateTooltipPosition (event) {\n      this.mouseX = event.clientX\n      this.mouseY = event.clientY\n    },\n    load () {\n      this.$http.get(`${this.baseSlug}/contacts/funnel/?interval=${this.interval}`)\n        .then(response => {\n          this.metrics = response.data.metrics\n        })\n        .catch(error => {\n          console.error(error)\n        })\n    },\n    getBarWidth (value) {\n      if (this.maxValue === 0 || value === 0) {\n        return 0 // Ensure the bar disappears when there are no values\n      }\n\n      return (value / this.maxValue) * this.chartWidth\n    },\n    handleClick (index) {\n      const teamId = this.$store.getters.currentTeamId\n      const dateRange = utils.dateRangeString('datetime', this.interval)\n      switch (index) {\n      case 0:\n        router.push(`/teams/${teamId}/attributions?${dateRange}`)\n        break\n      case 1:\n        router.push(`/contacts/?${utils.dateRangeString('contact__created', this.interval)}`)\n        break\n      case 2:\n        router.push(`/contacts/?${utils.dateRangeString('contact__created', this.interval)}`)\n        break\n      case 3:\n        router.push(`/contacts/?has_contact_engaged=true&has_agent_engaged=true&${utils.dateRangeString('contact__created', this.interval)}`)\n        break\n      case 4:\n        router.push(`/deliveries/?${utils.dateRangeString('created', this.interval)}`)\n        break\n      }\n    },\n    updateScreenWidth () {\n      this.screenWidth = window.innerWidth\n    }\n  },\n  created () {\n    this.load()\n  },\n  mounted () {\n    window.addEventListener('resize', this.updateScreenWidth)\n  },\n  beforeDestroy () {\n    window.removeEventListener('resize', this.updateScreenWidth)\n  },\n  watch: {\n    chartBackgroundColor (newColor) {\n      document.documentElement.style.setProperty('--chart-background-color', newColor)\n    },\n    '$store.getters.currentTeamId' () {\n      this.load()\n    },\n    interval () {\n      this.load()\n    },\n    screenWidth (newWidth) {\n      // Triggering bar width recalculations by updating the screenWidth\n      this.width = newWidth\n    }\n  }\n}\n</script>\n\n<style scoped>\n.tooltip-circle {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  margin-bottom: 2px;\n  border-radius: 50%;\n  vertical-align: middle;\n}\n\n.chart-wrapper {\n  min-height: 325px;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  padding-top: 0;\n  color: black;\n  transform: translateY(-20px)\n}\n\n.bar {\n  border-radius: 4px;\n  transition: width 0.5s ease, transform 0.3s ease;\n  transform-origin: center;\n}\n\n.bar {\n  transition: width 0.5s ease, x 0.5s ease;\n}\n\n.tooltip {\n  padding: 8px 12px;\n  border-radius: 8px;\n  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);\n  white-space: nowrap;\n  pointer-events: none;\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!./VerticalFunnelCard.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!./VerticalFunnelCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VerticalFunnelCard.vue?vue&type=template&id=fa11a720&scoped=true&\"\nimport script from \"./VerticalFunnelCard.vue?vue&type=script&lang=js&\"\nexport * from \"./VerticalFunnelCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VerticalFunnelCard.vue?vue&type=style&index=0&id=fa11a720&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  \"fa11a720\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"dashboard\">\n    <div v-if=\"this.$store.state.teams.isLoading\">\n      <vs-progress indeterminate/>\n    </div>\n    <div v-else>\n      <invitations-card/>\n      <div>\n        <h1 class=\"pb-4\">{{ $t('navbar.dashboard') }}</h1>\n        <div class=\"dashboardColumns\">\n          <!-- Column 1 -->\n          <div>\n            <div>\n              <!-- Messages waiting card -->\n              <waiting-card class=\"mb-4\" v-if=\"hasCard('waitingCard')\" ref=\"waitingCard\" :base-slug=\"baseSlug\" />\n              <!-- Response time card -->\n              <response-time-card v-if=\"hasCard('responseTimeCard')\" ref=\"responseTimeCard\" :base-slug=\"baseSlug\" class=\"response-time-card\"/>\n            </div>\n          </div>\n\n          <!-- Column 2 -->\n          <div>\n            <vertical-funnel-card v-if=\"hasCard('funnelCard')\" ref=\"funnelCard\" :base-slug=\"baseSlug\" />\n          </div>\n\n          <!-- Column 3 -->\n          <div>\n            <conversations-by-status-card v-if=\"hasCard('conversationsByStatusCard')\" ref=\"conversationsByStatusCard\" :base-slug=\"baseSlug\" class=\"conversations-by-status-card mb-4\"/>\n            <contacts-timeseries-card v-if=\"hasCard('contactsTimeseriesCard')\" ref=\"contactsTimeseriesCard\" :base-slug=\"baseSlug\"/>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ConversationsStartedCard from '@/views/dashboard/charts/widgets/conversations/ConversationsStartedCard'\nimport ConversationsEngagedCard from '@/views/dashboard/charts/widgets/conversations/ConversationsEngagedCard'\nimport ContactsTimeseriesCard from '@/views/dashboard/charts/widgets/ContactsTimeseriesCard'\nimport ConversationsByStatusCard from '@/views/dashboard/charts/widgets/conversations/ConversationsByStatusCard'\nimport ResponseTimeCard from '@/views/dashboard/charts/widgets/ResponseTimeCard'\nimport WaitingCard from '@/views/dashboard/charts/widgets/WaitingCard'\nimport InvitationsCard from '@/views/dashboard/charts/widgets/InvitationsCard'\nimport FunnelCard from '@/views/dashboard/charts/widgets/FunnelCard'\nimport AttributionsTimeseriesCard from '@/views/dashboard/charts/widgets/attributions/AttributionsTimeseriesCard'\nimport StatusSankeyCard from '@/views/dashboard/charts/widgets/StatusSankeyCard'\nimport VerticalFunnelCard from '@/views/dashboard/charts/widgets/VerticalFunnelCard.vue'\n\nexport default {\n  name: 'Dashboard',\n  components: {\n    VerticalFunnelCard,\n    StatusSankeyCard,\n    AttributionsTimeseriesCard,\n    InvitationsCard,\n    WaitingCard,\n    ResponseTimeCard,\n    ConversationsByStatusCard,\n    ContactsTimeseriesCard,\n    ConversationsEngagedCard,\n    ConversationsStartedCard,\n    FunnelCard\n  },\n  data () {\n    return {\n      setInterval: null\n    }\n  },\n  computed: {\n    baseSlug () {\n      return `/v1/users/${this.$store.state.AppActiveUser.id}/teams/${this.$store.getters.currentTeamId}`\n    },\n    cards () {\n      return this.$store.getters['teams/getDashboardCards']\n    }\n  },\n  methods: {\n    hasCard (cardName) {\n      return this.cards ? this.cards.includes(cardName) : false\n    },\n    reloadRefs () {\n      for (const ref in this.$refs) {\n        if (this.$refs[ref] && typeof this.$refs[ref].load === 'function') {\n          this.$refs[ref].load()\n        }\n      }\n    },\n    equalizeHeights () {\n      if (this.$refs.funnelCard && this.$refs.contactsTimeseriesCard) {\n        // Optional: Calculating max height to adjust child components\n        const funnelCardHeight = this.$refs.funnelCard.$el.scrollHeight\n        const contactsCardHeight = this.$refs.contactsTimeseriesCard.$el.scrollHeight\n        const maxHeight = Math.max(funnelCardHeight, contactsCardHeight)\n\n        this.$refs.funnelCard.$el.style.height = `${maxHeight + 45}px`\n        this.$refs.contactsTimeseriesCard.$el.style.height = `${maxHeight + 45}px`\n      }\n    }\n  },\n  mounted () {\n    this.setInterval = setInterval(this.reloadRefs, 60000)\n    this.$nextTick(() => {\n      this.equalizeHeights()\n    })\n  },\n  updated () {\n    this.$nextTick(() => {\n      this.equalizeHeights()\n    })\n  },\n  beforeDestroy () {\n    clearInterval(this.setInterval)\n  }\n}\n\n\n</script>\n\n<style lang=\"scss\">\n.dashboardColumns {\n  max-width: 100vw;\n  @media screen and (min-width: 1076px) {\n    display: grid;\n    grid-template-columns: minmax(300px, 340px) minmax(300px, 300fr) minmax(300px, 380fr);\n  }\n  gap: 1rem; /* Adjust gap */\n  & > div {\n    max-width: 100vw;\n  }\n}\n.apexcharts-menu {\n  padding: 0;\n  .apexcharts-menu-item {\n    width: 120px;\n    text-align: center;\n    &:hover {\n      background-color: var(--gray-50);\n    }\n  }\n}\n\n.overlay {\n  position: absolute;\n  right: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  margin-top: 100px;\n}\n/*! rtl:begin:ignore */\n#dashboard {\n  /*\n    Not ideal to have explicit heights set on these elements, but the charts\n    have to be initialized with explicit heights anyways so these are able\n    to be derived. The Apex Charts in ConversationsStartedCard and\n    ConversationsEngagedCard are initialized at 135px heights so the margins\n    and font heights make these heights calculable and it helps the initial\n    impression of the app since this is the first route a user will see after login.\n  */\n  @media(max-width: 992px) {\n    .waiting-and-response-time-row {\n      height: auto;\n    }\n  }\n  .conversations-by-status-card {\n    display: flex;\n    flex-flow: column;\n    .vx-card__collapsible-content {\n      display: flex;\n      flex-grow: 1;\n    }\n    .apexcharts-toolbar {\n      top: -20px !important;\n      right: -5px !important;\n    }\n  }\n\n  .greet-user {\n    position: relative;\n\n    .decore-left {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n\n    .decore-right {\n      position: absolute;\n      right: 0;\n      top: 0;\n    }\n  }\n\n  @media(max-width: 576px) {\n    .decore-left, .decore-right {\n      width: 140px;\n    }\n  }\n\n  .tasks-today-container {\n    .tasks-today__task {\n      transition: background .15s ease-out;\n\n      .tasks-today__actions {\n        display: none;\n      }\n\n      &:hover {\n        background: var(--primary-color);\n\n        .tasks-today__actions {\n          display: flex;\n        }\n      }\n    }\n  }\n}\n/*! rtl:end:ignore */\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!./Dashboard.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!./Dashboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dashboard.vue?vue&type=template&id=738dd92b&\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Dashboard.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","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ResponseTimeCard.vue?vue&type=style&index=0&id=f11cfbb6&scoped=true&lang=css&\"","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!./StatisticsCardLine.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VerticalFunnelCard.vue?vue&type=style&index=0&id=fa11a720&scoped=true&lang=css&\"","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!./Dashboard.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}