{"version":3,"sources":["webpack:///./src/views/home/components/overview.vue?c7c5","webpack:///./src/views/home/components/overview.vue?8ec5","webpack:///src/views/home/components/overview.vue","webpack:///./src/views/home/components/overview.vue?4162","webpack:///./src/views/home/components/overview.vue","webpack:///./src/helpers/accountsTree.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","showFilterCounter","_s","appliedFiltersCount","filterCounterText","_e","slot","_l","filterValue","filterName","key","normalizeToolTipFilter","on","removeFilters","dateRange","minDate","setDateFilter","$event","emitFilter","nativeOn","$gtag","event","showHomeAllFilters","$t","directives","name","rawName","value","expression","$hasAnyFeature","allAccounts","length","ref","loadSubAccounts","setSelectedAccountsIds","loadCampaignsIds","setSelectedCampaignsId","pixelEvents","$vs","rtl","setSelectedActionType","model","filterQuery","callback","$$v","$set","closeFilters","_f","cards","impressions","clicks","ctr","average_cpc","video_views","spent","events_numbers","event_name","cpa","staticRenderFns","data","id","label","startDate","calculateStartDate","endDate","Date","calculateMinDate","firstLoad","allCampaigns","searchAccountsIds","appliedFilters","filtersTooltip","props","computed","beforeDestroy","window","removeEventListener","windowClick","methods","showAppliedFilter","resolveCampaignsIds","campaignsIds","map","resolveAccountsIds","accountsIds","toolTipFilers","firstFilterName","$refs","setDefault","action_type","addToAppliedFilters","removeFromAppliedFilters","push","filter","filters_container","all_filters_button","contains","e","target","nodeName","format","$moment","$store","getters","created_at","subtract","actionType","loadCampaignsOfAccounts","indexOf","campaign","account_id","date","component","ACTIVE_ACCOUNT_ID","Number","localStorage","getItem","getAccountsHaveBlockedParent","accountsHaveBlockedParent","x","blocked","nodeParentId","parent_id","blockedNodeChildren","el","forEach","element","transformToTree","accounts","JSON","parse","stringify","accountsHaveBlockedParents","notBlockedAccounts","finalAccounts","unionBy","tree","unshiftParentNode","appendChildrenToNodes","store","undefined","dispatch","maptToTree","mapAccountsToIds"],"mappings":"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","file":"js/chunk-7ee2e1c1.249fb628.js","sourcesContent":["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!./overview.vue?vue&type=style&index=0&id=f5618b5a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card px-5 py-8 lg:px-8\"},[_c('div',{staticClass:\"md:flex md:float-left\"},[_c('h2',[_vm._v(\"Overview\")]),_c('div',{staticClass:\"flex mt-2 active-filters-parent\"},[_c('vx-tooltip',{attrs:{\"position\":\"bottom\"}},[(_vm.showFilterCounter > 0)?_c('span',{staticClass:\"active-filter-counter mt-6\"},[_c('span',[_vm._v(_vm._s(_vm.appliedFiltersCount))]),_vm._v(\"\\n          \"+_vm._s(_vm.filterCounterText)+\"\\n        \")]):_vm._e(),_c('template',{slot:\"html\"},[_c('div',{staticClass:\"tooltip-parent\"},[_c('h6',{staticClass:\"tooltip-h6\"},[_vm._v(\"Filters\")]),_vm._l((_vm.filtersTooltip),function(filterValue,filterName){return _c('div',{key:filterName,staticClass:\"flex\"},[_c('h6',{staticClass:\"tooltip-title\"},[_vm._v(_vm._s(filterName == 'Events' ? 'Conversions' : filterName)+\": \")]),_c('span',{staticClass:\"tootltip-data\"},[_vm._v(_vm._s(_vm.normalizeToolTipFilter(filterValue)))])])})],2)])],2),(_vm.showFilterCounter > 0)?_c('div',{staticClass:\"clear-filters-parent\",attrs:{\"id\":\"home-clear-filters-button\"},on:{\"click\":_vm.removeFilters}},[_c('span',{staticClass:\"clear-filters\"},[_vm._v(\"Clear\")]),_c('span',{},[_c('vs-icon',{staticClass:\"clear-icon\",attrs:{\"icon\":\"speakol-cancel\",\"icon-pack\":\"speakol\"}})],1)]):_vm._e()],1)]),_c('div',{staticClass:\"md:float-right buttons-parent\"},[_c('speakol-date-range-picker',{staticClass:\"home-date-range-picker\",attrs:{\"id\":\"home-date-range-picker-input\",\"dateRange\":_vm.dateRange,\"minimumDate\":_vm.minDate,\"ignoreDefault\":true},on:{\"date-change\":_vm.setDateFilter,\"input\":function($event){return _vm.emitFilter()}},nativeOn:{\"click\":function($event){return _vm.$gtag.event('Filter_Date')}}}),_c('button',{staticClass:\"shadow-none speakol-all-filters-button\",attrs:{\"id\":\"home-all-filters-button\"},on:{\"click\":function($event){_vm.showHomeAllFilters = !_vm.showHomeAllFilters}}},[_c('vs-icon',{staticClass:\"speakol-filters\",attrs:{\"icon\":\"speakol-filters\",\"icon-pack\":\"speakol\"}}),_c('span',{staticClass:\"all-filters-span\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('All Filters'))+\"\\n      \")])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showHomeAllFilters),expression:\"showHomeAllFilters\"}],staticClass:\"filters-container\",attrs:{\"id\":\"filters-container\"}},[(_vm.$hasAnyFeature('sub-accounts') && _vm.allAccounts.length > 1)?_c('speakol-checkbox-tree',{ref:\"accounts-tree\",staticClass:\"mb-6\",attrs:{\"fetchFunction\":_vm.loadSubAccounts,\"id\":\"home-sub-accounts-filter-input\",\"includeAll\":true,\"placeholder\":\"All Sub Accounts\"},on:{\"input\":_vm.setSelectedAccountsIds}}):_vm._e(),_c('speakol-checkbox-tree',{ref:\"campaigns-tree\",staticClass:\"mb-6\",attrs:{\"fetchFunction\":_vm.loadCampaignsIds,\"id\":\"home-all-Campaigns-filter-input\",\"placeholder\":\"All Campaigns\"},on:{\"input\":_vm.setSelectedCampaignsId}}),_c('v-select',{staticClass:\"mb-12\",attrs:{\"clearable\":false,\"id\":\"home-event-filter-input\",\"options\":_vm.pixelEvents,\"placeholder\":_vm.$t('Choose an event'),\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr'},on:{\"input\":_vm.setSelectedActionType},model:{value:(_vm.filterQuery.action_type),callback:function ($$v) {_vm.$set(_vm.filterQuery, \"action_type\", $$v)},expression:\"filterQuery.action_type\"}}),_c('button',{staticClass:\"mb-4 speakol-filter-button w-full\",attrs:{\"id\":\"home-filter-button\"},on:{\"click\":[function($event){return _vm.$gtag.event('Apply_filter')},_vm.emitFilter]}},[_vm._v(_vm._s(_vm.$t('Filter')))]),_c('button',{staticClass:\"speakol-cancel-button w-full\",attrs:{\"id\":\"home-cancel-button\"},on:{\"click\":_vm.closeFilters}},[_vm._v(_vm._s(_vm.$t('Cancel')))])],1)],1),_c('div',{staticClass:\"w-full flex flex-wrap justify-between\"},[_c('speakol-analytics-card',{staticClass:\"sub-card mb-4 lg:mr-14 lg:sub-card\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.cards.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\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.cards.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\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.cards.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.cards.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\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.cards.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.cards.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:mb-0 lg:sub-card\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.cards.events_numbers),\"subTitle\":_vm.cards.event_name == 'Events' ? 'Conversions' : _vm.cards.event_name,\"icon\":\"speakol-user-account\",\"backgroundColor\":\"#F5FAEE\",\"color\":\"#AAD575\",\"tooltip\":\"This indicates the total number of users who took action on your landing pages.\"}}),_c('speakol-analytics-card',{staticClass:\"sub-card mb-4 lg:sub-card\",attrs:{\"title\":_vm._f(\"addComma\")(_vm.cards.cpa,'$'),\"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.\"}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card px-5 py-8 lg:px-8\">\n    <div class=\"md:flex md:float-left\">\n      <h2>Overview</h2>\n      <div class=\"flex mt-2 active-filters-parent\">\n        <vx-tooltip position=\"bottom\">\n          <span v-if=\"showFilterCounter > 0\" class=\"active-filter-counter mt-6\">\n            <span>{{ appliedFiltersCount }}</span>\n            {{filterCounterText}}\n          </span>\n\n          <template slot=\"html\">\n\n            <div class=\"tooltip-parent\">\n              <h6 class=\"tooltip-h6\">Filters</h6>\n              <div class=\"flex\" v-for=\"(filterValue, filterName) in filtersTooltip\" :key=\"filterName\" >\n                <h6 class=\"tooltip-title\">{{ filterName == 'Events' ? 'Conversions' : filterName }}: </h6>\n                <span class=\"tootltip-data\">{{ normalizeToolTipFilter(filterValue) }}</span>\n              </div>\n            </div>\n          </template>\n        </vx-tooltip>\n\n        <div id=\"home-clear-filters-button\" v-if=\"showFilterCounter > 0\" class=\"clear-filters-parent\" @click=\"removeFilters\">\n          <span class=\"clear-filters\">Clear</span>\n          <span class=\"\">\n            <vs-icon class=\"clear-icon\" icon=\"speakol-cancel\" icon-pack=\"speakol\"></vs-icon>\n          </span>\n        </div>\n      </div>\n    </div>\n\n    <!-- test -->\n    <div class=\"md:float-right buttons-parent\">\n      <speakol-date-range-picker\n        id=\"home-date-range-picker-input\"\n        v-on:date-change=\"setDateFilter\"\n        class=\"home-date-range-picker\"\n        :dateRange=\"dateRange\"\n        :minimumDate=\"minDate\"\n        @click.native=\"$gtag.event('Filter_Date')\"\n        @input=\"emitFilter()\"\n        :ignoreDefault=\"true\">\n      </speakol-date-range-picker>\n\n      <button id=\"home-all-filters-button\" class=\"shadow-none speakol-all-filters-button\" @click=\"showHomeAllFilters = !showHomeAllFilters\">\n        <vs-icon class=\"speakol-filters\" icon=\"speakol-filters\" icon-pack=\"speakol\"></vs-icon>\n        <span class=\"all-filters-span\">\n          {{ $t('All Filters') }}\n        </span>\n      </button>\n\n      <div v-show=\"showHomeAllFilters\" id=\"filters-container\" class=\"filters-container\">\n        <speakol-checkbox-tree\n          class=\"mb-6\"\n          v-if=\"$hasAnyFeature('sub-accounts') && allAccounts.length > 1\"\n          :fetchFunction=\"loadSubAccounts\"\n          id=\"home-sub-accounts-filter-input\"\n          ref=\"accounts-tree\"\n          @input=\"setSelectedAccountsIds\"\n          :includeAll=\"true\" placeholder=\"All Sub Accounts\">\n        </speakol-checkbox-tree>\n\n        <speakol-checkbox-tree\n          ref=\"campaigns-tree\"\n          class=\"mb-6\"\n          @input=\"setSelectedCampaignsId\"\n          :fetchFunction=\"loadCampaignsIds\"\n          id=\"home-all-Campaigns-filter-input\"\n          placeholder=\"All Campaigns\">\n        </speakol-checkbox-tree>\n\n        <v-select\n          :clearable=\"false\"\n          class=\"mb-12\"\n          id=\"home-event-filter-input\"\n          v-model=\"filterQuery.action_type\"\n          @input=\"setSelectedActionType\"\n          :options=\"pixelEvents\"\n          :placeholder=\"$t('Choose an event')\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\" />\n\n\n        <button @click=\"$gtag.event('Apply_filter')\" id=\"home-filter-button\" class=\"mb-4 speakol-filter-button w-full\" v-on:click=\"emitFilter\">{{ $t('Filter') }}</button>\n        <button id=\"home-cancel-button\" @click=\"closeFilters\" class=\"speakol-cancel-button w-full\">{{ $t('Cancel') }}</button>\n      </div>\n\n    </div>\n    <!-- test -->\n\n    <div class=\"w-full flex flex-wrap justify-between\">\n\n      <!-- Impressions -->\n      <speakol-analytics-card :title=\"cards.impressions | addComma\" subTitle=\"Impressions\" icon=\"speakol-eye\"\n        backgroundColor=\"#DFF2FA\" color=\"#0092D7\" class=\"sub-card mb-4 lg:mr-14 lg:sub-card\"\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 :title=\"cards.clicks | addComma\" subTitle=\"Clicks\" icon=\"speakol-finger-click\"\n        backgroundColor=\"#FFF3E8\" color=\"#FF9F43\" class=\"sub-card mb-4 lg:mr-14 lg:sub-card\"\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 :title=\"cards.ctr | addComma('%')\" subTitle=\"CTR\" icon=\"speakol-percentage-sign\"\n        backgroundColor=\"#EEF8F7\" color=\"#6EC8BA\" class=\"sub-card mb-4 lg:mr-14 lg:sub-card\"\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 :title=\"cards.average_cpc | addComma('$')\" subTitle=\"Avg. CPC\" icon=\"speakol-us-dollar\"\n        backgroundColor=\"#F5ECE5\" color=\"#AB6226\" 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 :title=\"cards.video_views | addComma\" subTitle=\"Video Views\" icon=\"speakol-start\"\n        backgroundColor=\"#FBE5E5\" color=\"#DB2828\" class=\"sub-card mb-4  lg:sub-card\"\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 :title=\"cards.spent | addComma('$')\" subTitle=\"Spent\" icon=\"speakol-us-dollar\"\n        backgroundColor=\"#FDF9EE\" color=\"#F0C970\" 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 :title=\"cards.events_numbers | addComma\" :subTitle=\"cards.event_name == 'Events' ? 'Conversions' : cards.event_name\"\n        icon=\"speakol-user-account\" backgroundColor=\"#F5FAEE\" color=\"#AAD575\" class=\"sub-card mb-4 lg:mb-0 lg:sub-card\"\n        tooltip=\"This indicates the total number of users who took action on your landing pages.\">\n      </speakol-analytics-card>\n\n      <speakol-analytics-card :title=\"cards.cpa | addComma('$')\" subTitle=\"CPA\" icon=\"speakol-us-dollar\"\n        backgroundColor=\"#F3EAFB\" color=\"#9B51E0\" 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    </div>\n\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex'\nimport accountsTree from '@/helpers/accountsTree'\nimport {reduce, extend, cloneDeep, has, first, includes, truncate, isArray, remove} from 'lodash'\n\nexport default {\n  data () {\n    return {\n      filterQuery: {\n        'campaigns-ids': [],\n        'action_type': {\n          id: 'total',\n          label: 'Conversions'\n        }\n      },\n      dateRange: {\n        startDate: this.calculateStartDate(),\n        endDate: new Date()\n      },\n      minDate: this.calculateMinDate(),\n      firstLoad: true,\n\n      allCampaigns: [],\n      allAccounts: [],\n      searchAccountsIds: null,\n\n      showHomeAllFilters: false,\n      showFilterCounter: false,\n\n      appliedFilters: [],\n      filtersTooltip: {}\n\n    }\n  },\n  props: {\n    'cards': {\n      'default' () {\n        return {}\n      }\n    }\n  },\n  computed: {\n\n    ...mapGetters({\n      pixelEvents: 'campaign/pixelEvents'\n    }),\n\n    filterCounterText () {\n      if (this.appliedFiltersCount > 1) {\n        return 'Active Filters'\n      } else {\n        return 'Active Filters'\n      }\n    }\n\n  },\n\n\n  async created () {\n    await this.loadSubAccounts()\n  },\n\n  async mounted () {\n    // this.windowClick()\n    window.addEventListener('click', this.windowClick)\n  },\n\n  beforeDestroy () {\n    window.removeEventListener('click', this.windowClick)\n  },\n\n  methods: {\n    // Filters Code //\n    showAppliedFilter () {\n      this.appliedFiltersCount = this.appliedFilters.length || 0\n      this.showFilterCounter = this.appliedFiltersCount > 0\n      this.filtersTooltip = reduce(this.appliedFilters, (previous, current) => {\n        return extend(cloneDeep(previous), cloneDeep(current))\n      }, {})\n    },\n\n    resolveCampaignsIds (campaignsIds) {\n      if (has(campaignsIds, -1)) {\n        return ['All']\n      }\n      return campaignsIds.map((campaignId) => {\n        return first(this.allCampaigns.filter(loadedCampaign => loadedCampaign.id === campaignId)).name\n      })\n    },\n\n    resolveAccountsIds (accountsIds) {\n      if (includes(accountsIds, -1)) {\n        return ['All']\n      }\n      return accountsIds.map((accountId) => {\n        return first(this.allAccounts.filter(loadedAccount => loadedAccount.id === accountId)).name\n      })\n    },\n\n    normalizeToolTipFilter (toolTipFilers) {\n      const firstFilterName = truncate(first(toolTipFilers), { length: 8 })\n      if (isArray(toolTipFilers)) {\n        if (toolTipFilers.length > 1) {\n          return `${firstFilterName}+${toolTipFilers.length - 1}`\n        } else {\n          return firstFilterName\n        }\n      } else {\n        return toolTipFilers\n      }\n    },\n\n    removeFilters () {\n      if (this.$hasAnyFeature('sub-accounts') && this.allAccounts.length > 1) {\n        this.$refs['accounts-tree'].setDefault()\n      }\n      this.$refs['campaigns-tree'].setDefault()\n      this.filterQuery.action_type = {\n        id: 'total',\n        label: 'Conversions'\n      }\n      this.appliedFilters = []\n      this.filterQuery = {\n        'from-date': this.filterQuery['from-date'],\n        'to-date': this.filterQuery['to-date'],\n        'action_type': {\n          id: 'total',\n          label: 'Conversions'\n        },\n        'campaigns-ids' : []\n      };\n      this.searchAccountsIds = null\n      this.emitFilter()\n    },\n\n    addToAppliedFilters (filter) {\n      const filterName = first(Object.keys(filter))\n      if (filterName) {\n        this.removeFromAppliedFilters(filterName)\n        this.appliedFilters.push(filter)\n      }\n    },\n\n    removeFromAppliedFilters (filterName) {\n      remove(this.appliedFilters, (filter) => {\n        return filterName === first(Object.keys(filter))\n      })\n    },\n\n\n    windowClick (e) {\n      const filters_container = document.getElementById('filters-container')\n      if (!filters_container) return\n      const all_filters_button = document.getElementById('home-all-filters-button')\n      if (!all_filters_button) return\n      if (!filters_container.contains(e.target) && !all_filters_button.contains(e.target) && e.target.nodeName !== 'BODY') {\n        this.showHomeAllFilters = false\n      }\n    },\n    closeFilters () {\n      this.showHomeAllFilters = false\n    },\n    calculateStartDate () {\n      const accountCreatedAt = new this.$moment(this.$store.getters['authentication/activeAccount'].created_at)\n      const sevenDaysAgo = this.$moment().subtract(7, 'days')\n      const startDate = accountCreatedAt.isAfter(sevenDaysAgo) ? accountCreatedAt : sevenDaysAgo\n      return startDate.format('YYYY-MM-DD')\n    },\n\n    calculateMinDate () {\n      return new Date(new this.$moment(this.$store.getters['authentication/activeAccount'].created_at).subtract(1,\n        'days'))\n    },\n    setSelectedActionType (actionType) {\n      if (actionType && actionType.id === 'total') {\n        this.removeFromAppliedFilters('Events')\n      } else {\n        this.addToAppliedFilters({ Events: actionType.label })\n      }\n      this.$gtag.event('Filter_Events')\n    },\n    async setSelectedAccountsIds (accountsIds) {\n      this.filterQuery['campaigns-ids'] = null\n\n\n      if (accountsIds.length === 0) {\n        this.removeFromAppliedFilters('Accounts')\n        this.searchAccountsIds = await accountsTree.mapAccountsToIds()\n      } else {\n        this.addToAppliedFilters({ 'Accounts': this.resolveAccountsIds(accountsIds) })\n        this.searchAccountsIds = accountsIds\n      }\n\n      this.filterQuery['accounts-ids'] = accountsIds\n      await this.loadCampaignsIds(this.searchAccountsIds)\n\n      this.$refs['campaigns-tree'].setDefault()\n      this.$refs['campaigns-tree'].loadOptions()\n      this.$gtag.event('Filter_Subaccounts')\n    },\n\n    setSelectedCampaignsId (campaignsIds) {\n      this.filterQuery['campaigns-ids'] = campaignsIds\n      if (campaignsIds.length === 0) {\n        this.removeFromAppliedFilters('Campaigns')\n      } else {\n        this.addToAppliedFilters({ 'Campaigns': this.resolveCampaignsIds(campaignsIds) })\n      }\n      this.$gtag.event('Filter_Campaigns')\n    },\n\n    async loadSubAccounts () {\n      this.allAccounts = await accountsTree.loadSubAccounts()\n\n      return accountsTree.maptToTree(this.allAccounts)\n    },\n\n    async loadCampaignsIds () {\n\n      let campaigns = []\n\n      if (this.firstLoad || !this.searchAccountsIds) {\n        campaigns = this.allCampaigns = await this.getCampaigns()\n\n        this.firstLoad = false\n      } else if (this.searchAccountsIds && this.searchAccountsIds.length > 0) {\n        campaigns = this.loadCampaignsOfAccounts(this.searchAccountsIds)\n      }\n\n      this.showHomeAllFilters = true\n\n      return campaigns.map((obj) => {\n        return {\n          id: obj.id,\n          label: obj.name\n        }\n      })\n    },\n\n    loadCampaignsOfAccounts (accountsIds) {\n      return this.allCampaigns.filter(campaign => {\n        return accountsIds.indexOf(campaign.account_id) !== -1\n      })\n    },\n\n    async getCampaigns () {\n      const {\n        data: response\n      } = await window.axios.get('/campaigns/get-user-account-campaigns-without-full-details', {\n        params: {\n          include_children: true\n        }\n      })\n      if (response.success) {\n        return response.payload\n      }\n      return []\n    },\n    async searchCampaigns (searchWord) {\n      const {data: response} = await window.axios.get('/campaigns/search-account-campaigns', {\n        params: {\n          accounts_ids: this.searchAccountsIds || [],\n          search_word: searchWord,\n          include_children: 1\n        },\n        hideLoader: true\n      })\n      if (response.success) {\n        return response.payload\n      }\n    },\n    setDateFilter (date) {\n      this.filterQuery['from-date'] = this.$moment(date.startDate).format('YYYY-MM-DD')\n      this.filterQuery['to-date'] = this.$moment(date.endDate).format('YYYY-MM-DD')\n    },\n    async emitFilter () {\n      let campaignsIds = this.filterQuery['campaigns-ids']\n\n      if (this.searchAccountsIds && (!campaignsIds || campaignsIds.length === 0)) {\n        // All Accounts In Drop Down Menu\n\n        let accountsIds = this.searchAccountsIds\n\n        if (!accountsIds) {\n          accountsIds = await accountsTree.mapAccountsToIds()\n        }\n\n        campaignsIds = this.loadCampaignsOfAccounts(accountsIds).map(el => {\n          return el.id\n        })\n      }\n      this.filterQuery['campaigns-ids'] = campaignsIds\n\n      this.$emit('filter', this.filterQuery)\n      this.showHomeAllFilters = false\n      this.showAppliedFilter()\n    }\n  }\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n\n  .buttons-parent {\n    display: flex;\n  }\n\n  .speakol-all-filters-button {\n    background-color: white;\n    color: #0092d7;\n    border: 1px solid #0092d7;\n    border-radius: 3px;\n    padding: 7px 0 7px 25px;\n    width: 135px;\n    cursor: pointer;\n    height: 40px;\n    position: relative;\n    margin-left: 10px;\n  }\n\n  .speakol-filters {\n    color: #0092d7 !important;\n    position: absolute;\n    margin-left: -30px;\n    margin-top: -2px;\n    font-size: 20px !important;\n  }\n\n  .filters-container {\n    background-color: white;\n    border: 1px solid #dedede;\n    border-radius: 5px;\n    max-width: 360px;\n    width: 100%;\n    position: absolute;\n    margin-left: 45px;\n    z-index: 1;\n    padding: 29px;\n    margin-top: 56px;\n  }\n\n  .speakol-filter-button {\n    background-color: #0092d7;\n    color: white;\n    border-radius: 3px;\n    padding: 7px 20px;\n    border: 1px solid #0092d7;\n    cursor: pointer;\n    height: 40px;\n  }\n\n  .speakol-cancel-button {\n    background-color: white;\n    color: #2c2c2c;\n    border: 1px solid #d9d9d9;\n    border-radius: 3px;\n    padding: 7px 20px;\n    width: 135px;\n    cursor: pointer;\n    height: 40px;\n  }\n\n  .home-date-range-picker {\n    width: 260px !important;\n  }\n\n  .tooltip-parent {\n    margin-left: 10px;\n    margin-right: 10px;\n    margin-bottom: 10px;\n  }\n\n  .active-filter-counter {\n    color: rgba(44, 44, 44, 0.56);\n  }\n\n  .tooltip-h6 {\n    color: white;\n    font-size: 16px;\n    font-weight: 500;\n    margin-bottom: 12px;\n    margin-top: 10px;\n  }\n\n  .tooltip-title {\n    color: white;\n    font-weight: 200;\n    line-height: 21px;\n  }\n\n  .tootltip-data {\n    font-weight: 500;\n    font-size: 14px;\n    margin-left: 5px;\n  }\n\n  .clear-filters-parent {\n    cursor: pointer;\n\n    .clear-filters {\n      color: #0092d7;\n      font-weight: 600;\n      font-size: 14px;\n      margin-left: 8px;\n    }\n\n    .clear-icon {\n      color: #0092d7;\n      margin-left: 8px;\n      font-size: 13px !important;\n      position: relative;\n      top: 1px;\n    }\n  }\n\n  .active-filters-parent {\n    margin-left: 20px;\n  }\n\n  .sub-card {\n    @apply w-full;\n  }\n\n  @media (min-width: 768px) {\n    .lg\\:sub-card {\n      width: calc(25% - 16px);\n      margin-bottom: 25px !important;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .buttons-parent {\n      display: block;\n    }\n\n    .sub-card {\n      margin-top: 20px;\n    }\n\n    .all-filters-li,\n    .speakol-all-filters-button,\n    .export-li-mobile-version,\n    .speakol-table-export-button,\n    .date-picker-li,\n    .speakol-date-range-picker {\n      width: 100% !important;\n    }\n\n    .speakol-all-filters-button {\n      margin-left: 0;\n      margin-right: 0;\n      margin-top: 20px;\n    }\n\n    .active-filters-parent {\n      margin-left: 0;\n      margin-bottom: 0 !important;\n      margin-top: 10px !important;\n    }\n\n    .bindingFiltersContainer {\n      top: 301px;\n    }\n\n    .filtersParentInCaseZeroBalance {\n      top: 395px;\n    }\n\n    .filtersParentinCaseCounter {\n      top: 267px;\n    }\n\n    .filtersParentinCaseCounter {\n      top: 301px;\n    }\n\n    /deep/ .vue-treeselect__multi-value-label {\n      max-width: 130px !important;\n    }\n  }\n\n  @media (max-width: 576px) {\n    .whitespace-no-wrap {\n      color: #cfcfcf;\n      margin-right: 10px;\n    }\n\n    .reportrange-text {\n      border: 1px solid #cfcfcf;\n    }\n\n    .home-date-range-picker {\n      margin-top: 10px;\n    }\n  }\n\n  @media (max-width: 414px) {\n    .filters-container {\n      margin-top: 10px;\n      width: 347px;\n      right: 34px;\n    }\n  }\n\n  @media (max-width: 375px) {\n    .filters-container {\n      width: 307px;\n    }\n  }\n\n  @media (max-width: 320px) {\n    .filters-container {\n      width: 252px;\n    }\n\n    .filtersParentinCaseCounter {\n      top: 301px;\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!./overview.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!./overview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./overview.vue?vue&type=template&id=f5618b5a&scoped=true&\"\nimport script from \"./overview.vue?vue&type=script&lang=js&\"\nexport * from \"./overview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./overview.vue?vue&type=style&index=0&id=f5618b5a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f5618b5a\",\n  null\n  \n)\n\nexport default component.exports","import store from '../store/store'\n\nimport {unionBy} from 'lodash'\n\nimport tree from '@/helpers/tree.js'\n\nconst ACTIVE_ACCOUNT_ID = Number(localStorage.getItem('activeAccountId'))\n\nexport default {\n  getAccountsHaveBlockedParent (allAccounts) {\n    const accountsHaveBlockedParent = []\n\n    for (let x = 0; x < allAccounts.length; x += 1) {\n      if (allAccounts[x].blocked === 1) {\n        const nodeParentId = allAccounts[x].parent_id\n\n        const blockedNodeChildren = allAccounts.filter(el => el.parent_id === allAccounts[x].id)\n\n        if (blockedNodeChildren.length > 0) {\n          blockedNodeChildren.forEach(element => {\n            element.parent_id = nodeParentId\n            accountsHaveBlockedParent.push(element)\n          })\n        }\n      }\n    }\n\n    return accountsHaveBlockedParent\n  },\n\n  transformToTree (accounts) {\n    const allAccounts = JSON.parse(JSON.stringify(accounts))\n\n    const accountsHaveBlockedParents = this.getAccountsHaveBlockedParent(allAccounts)\n\n    const notBlockedAccounts = allAccounts.filter(el => el.blocked === 0)\n\n    let finalAccounts = unionBy(notBlockedAccounts, accountsHaveBlockedParents, 'id')\n\n    finalAccounts = finalAccounts.filter(el => el.blocked === 0)\n\n    finalAccounts = tree.unshiftParentNode(finalAccounts, ACTIVE_ACCOUNT_ID)\n\n    return tree.appendChildrenToNodes(finalAccounts, ACTIVE_ACCOUNT_ID)\n  },\n\n  async loadSubAccounts () {\n    let accounts = await store.getters['settings/acceptedAccounts']\n\n    if (accounts.length === 0 || accounts === undefined) {\n      await store.dispatch('settings/acceptedAccounts')\n\n      accounts = await store.getters['settings/acceptedAccounts']\n    }\n\n    if (accounts) {\n      accounts.forEach(element => {\n        element.label = element.name\n      })\n    }\n\n    return accounts\n  },\n\n  async maptToTree () {\n    const accounts = await this.loadSubAccounts()\n\n    return this.transformToTree(accounts)\n  },\n\n  async mapAccountsToIds () {\n    const accounts = await this.loadSubAccounts()\n\n    return accounts.map(el => {\n      return el.id\n    })\n  }\n}\n"],"sourceRoot":""}