{"version":3,"sources":["webpack:///./src/views/reports/components/ReportsTable.vue?f30e","webpack:///./src/datasources/ReportsDataSource.js","webpack:///src/views/reports/components/ReportsTable.vue","webpack:///./src/views/reports/components/ReportsTable.vue?e2e5","webpack:///./src/views/reports/components/ReportsTable.vue","webpack:///./src/views/reports/components/ReportsTable.vue?54f1","webpack:///./node_modules/core-js/modules/_object-to-array.js","webpack:///./src/components/SpeakolExport.vue?c772","webpack:///./src/datasources/DataSource.js","webpack:///./node_modules/core-js/modules/es7.object.values.js","webpack:///./src/components/SpeakolExport.vue?0b00","webpack:///src/components/SpeakolExport.vue","webpack:///./src/components/SpeakolExport.vue?61fa","webpack:///./src/components/SpeakolExport.vue","webpack:///./src/helpers/accountsTree.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","_s","filterCounter","filterCounterText","slot","appliedFilters","length","_e","_l","account","key","id","slice","accountAgFilter","get","includes","name","filteredByDefault","campaign","campaignAgFilter","on","clearFilters","agFilters","dateRange","minDate","$event","applyFilters","setDateFilter","showReporstAllFilters","$t","directives","rawName","value","expression","clearTreeSelect","class","showFilterCounter","$hasAnyFeature","allAccounts","loadSubAccounts","setSelectedAccountsIds","ref","loadCampaignsIds","setSelectedCampaignsId","pixelEvents","model","callback","$$v","selectedEvent","closeFilters","isExportButtonDisabled","isExportPopupActive","Object","assign","exportSortModel","agColumns","agOptions","sortChanged","totalItems","setTotalRows","staticRenderFns","DataSource","Server","components","SpeakolExport","AGSpeakolTable","data","cloneDeep","sortBy","isASC","startDate","calculateStartDate","endDate","Date","calculateMinDate","filterQuery","Math","random","firstLoad","allCampaigns","searchAccountsIds","selectedPixelEvent","text","setDate","getDate","dataSource","ReportsDataSource","generateTableColumns","tableTotalRows","methods","filterCount","event","keys","forEach","Array","isArray","sortColumn","colId","sort","loadCampaignsOfAccounts","filter","accountsIds","indexOf","account_id","mapCampaignsToIds","campaigns","map","el","total","format","$refs","eventColumnHeader","eventColumnField","setColumnDefs","setCampaignsIdsFilter","getSelectedActionStatistics","reportsEntery","actionId","getSelectedActionCPA","round","actionStatistics","settCPAFieldName","campaignsId","$moment","date","windowClick","filters_container","all_filters_button","contains","e","target","nodeName","mounted","getCampaigns","then","window","addEventListener","beforeDestroy","removeEventListener","component","getKeys","toIObject","isEnum","f","module","exports","isEntries","it","O","i","result","call","push","uri","page","perPage","group","filters","allowDefaultLoader","axios","post","per_page","server","getRows","params","request","endRow","startRow","ceil","api","setPinnedTopRowData","sortModel","groupKeys","response","success","payload","totals","hideOverlay","successCallback","values","showNoRowsOverlay","failCallback","destroy","$export","$values","S","isActive","form","errors","has","domProps","composing","$set","first","options","$vs","rtl","$emit","exportData","cancel","props","type","default","Boolean","exportType","String","required","fileName","columns","filename","extension","clear","ACTIVE_ACCOUNT_ID","Number","localStorage","getItem","getAccountsHaveBlockedParent","accountsHaveBlockedParent","x","blocked","nodeParentId","parent_id","blockedNodeChildren","element","transformToTree","accounts","JSON","parse","stringify","accountsHaveBlockedParents","notBlockedAccounts","finalAccounts","unionBy","tree","unshiftParentNode","appendChildrenToNodes","store","getters","undefined","dispatch","label","maptToTree","mapAccountsToIds"],"mappings":"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","file":"js/chunk-73dfb14a.25e86311.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"reports-table\"},[_c('div',{staticClass:\"md:flex md:float-left reports-title\"},[_c('h2',{staticClass:\"title md:title\"},[_vm._v(\"Reports\")]),(_vm.showFilterCounter)?_c('div',{staticClass:\"flex mt-3 active-filters-parent\"},[_c('vx-tooltip',{attrs:{\"position\":\"bottom\"}},[_c('span',{staticClass:\"active-filter-counter mt-6\"},[_c('span',[_vm._v(_vm._s(_vm.filterCounter))]),_vm._v(\"\\n            \"+_vm._s(_vm.filterCounterText)+\"\\n          \")]),_c('template',{slot:\"html\"},[_c('div',{staticClass:\"tooltip-parent\"},[_c('h6',{staticClass:\"tooltip-h6\"},[_vm._v(\"Filters\")]),((_vm.appliedFilters['accounts-ids'] || []).length > 0)?_c('div',{staticClass:\"flex account-parent\"},[(_vm.appliedFilters['accounts-ids'].length > 0)?_c('h6',{staticClass:\"tooltip-title\"},[_vm._v(\"Account:\")]):_vm._e(),_c('div',{staticClass:\"account-limit\"},_vm._l((_vm.allAccounts),function(account){return _c('span',{key:account.id},_vm._l((_vm.appliedFilters['accounts-ids'].slice(0,1)),function(accountAgFilter){return _c('span',{key:accountAgFilter},[(accountAgFilter == account.id && !_vm.get(_vm.appliedFilters , 'accounts-ids' , []).includes(-1))?_c('span',{staticClass:\"tootltip-data\"},[_vm._v(\"\\n                        \"+_vm._s(account.name)+\"\\n                        \")]):_vm._e()])}),0)}),0),((_vm.appliedFilters['accounts-ids'] || [] ).length -1 > 0 && !_vm.get(_vm.appliedFilters , 'accounts-ids' , []).includes(-1))?_c('span',{staticClass:\"account-counter\"},[_vm._v(\"\\n                        +\"+_vm._s(_vm.appliedFilters['accounts-ids'].length -1)+\"\\n                      \")]):_vm._e(),(_vm.get(_vm.appliedFilters , 'accounts-ids' , []).includes(-1))?_c('span',{staticClass:\"tootltip-data\"},[_vm._v(\"All\")]):_vm._e()]):_vm._e(),(_vm.appliedFilters['event'] && _vm.filteredByDefault)?_c('div',{staticClass:\"flex\"},[_c('h6',{staticClass:\"tooltip-title\"},[_vm._v(\"Conversions:\")]),(_vm.appliedFilters['event'] == 'conversions')?_c('span',{staticClass:\"tootltip-data\"},[_vm._v(\"Conversions\")]):(_vm.appliedFilters['event'] == 'leads')?_c('span',{staticClass:\"tootltip-data\"},[_vm._v(\"leads\")]):(_vm.appliedFilters['event'] == 'install')?_c('span',{staticClass:\"tootltip-data\"},[_vm._v(\"App Installs\")]):(_vm.appliedFilters['event'] == 'add_to_wishlist')?_c('span',{staticClass:\"tootltip-data\"},[_vm._v(\"Add To Wishlist\")]):(_vm.appliedFilters['event'] == 'add_to_cart')?_c('span',{staticClass:\"tootltip-data\"},[_vm._v(\"Add To Cart\")]):(_vm.appliedFilters['event'] == 'sign_up')?_c('span',{staticClass:\"tootltip-data\"},[_vm._v(\"Sign Up\")]):(_vm.appliedFilters['event'] == 'purchase')?_c('span',{staticClass:\"tootltip-data\"},[_vm._v(\"Purchase\")]):_vm._e()]):_vm._e(),((_vm.appliedFilters['campaign-ids'] || [] ).length > 0)?_c('div',{staticClass:\"flex campaign-parent\"},[((_vm.appliedFilters['campaign-ids'] || [] ).length > 0)?_c('h6',{staticClass:\"tooltip-title\"},[_vm._v(\"Campaign:\")]):_vm._e(),_c('div',{staticClass:\"campaign-limit\"},_vm._l((_vm.allCampaigns),function(campaign){return _c('span',{key:campaign.id},_vm._l((_vm.appliedFilters['campaign-ids'].slice(0,1)),function(campaignAgFilter){return _c('span',{key:campaignAgFilter},[(campaignAgFilter == campaign.id && !_vm.get(_vm.appliedFilters , 'accounts-ids' , []).includes(-1))?_c('span',{staticClass:\"tootltip-data\"},[_vm._v(\"\\n                        \"+_vm._s(campaign.name)+\"\\n                        \")]):_vm._e()])}),0)}),0),((_vm.appliedFilters['campaign-ids']|| [] ).length -1 > 0)?_c('span',{staticClass:\"campaign-counter\"},[_vm._v(\"\\n                        +\"+_vm._s(_vm.appliedFilters['campaign-ids'].length -1)+\"\\n                      \")]):_vm._e()]):_vm._e()])])],2),_c('div',{staticClass:\"clear-filters-parent\",attrs:{\"id\":\"reports-clear-filters-button\"},on:{\"click\":_vm.clearFilters}},[_c('span',{staticClass:\"clear-filters\"},[_vm._v(\"Clear\")]),_c('span',{},[_c('vs-icon',{staticClass:\"clear-icon\",attrs:{\"icon\":\"speakol-cancel\",\"icon-pack\":\"speakol\"}})],1)])],1):_vm._e()]),_c('div',{staticClass:\"md:float-right buttons-parent\"},[_c('speakol-date-range-picker',{staticClass:\"report-date-range-picker w-full md:filter\",attrs:{\"id\":\"reports-date-range-picker-input\",\"placeholder\":\"Filter by date\",\"dateRange\":_vm.agFilters.dateRange,\"minimumDate\":_vm.minDate,\"ignoreDefault\":true},on:{\"input\":function($event){return _vm.applyFilters()},\"date-change\":_vm.setDateFilter}}),_c('button',{staticClass:\"shadow-none speakol-table-all-filters-button\",attrs:{\"id\":\"reports-all-filters-button\"},on:{\"click\":function($event){_vm.showReporstAllFilters = !_vm.showReporstAllFilters}}},[_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.showReporstAllFilters),expression:\"showReporstAllFilters\"}],key:_vm.clearTreeSelect,staticClass:\"filters-container\",class:[ _vm.showFilterCounter ? 'filtersParentinCaseCounter' : '' ],attrs:{\"id\":\"filters-container\"}},[(_vm.$hasAnyFeature('sub-accounts') && _vm.allAccounts.length > 1)?_c('speakol-checkbox-tree',{staticClass:\"w-full mb-6\",attrs:{\"id\":\"reports-sub-accounts-list\",\"fetchFunction\":_vm.loadSubAccounts,\"includeAll\":true,\"placeholder\":\"Sub Accounts\"},on:{\"input\":_vm.setSelectedAccountsIds}}):_vm._e(),_c('speakol-checkbox-tree',{ref:\"campaigns-tree\",staticClass:\"w-full mb-6\",attrs:{\"id\":\"reports-campaigns-tree-list\",\"fetchFunction\":_vm.loadCampaignsIds,\"placeholder\":\"All Campaigns\"},on:{\"input\":_vm.setSelectedCampaignsId}}),_c('speakol-select',{staticClass:\"w-full mb-12\",attrs:{\"id\":\"reports-events-list\",\"placeholder\":_vm.$t('Conversions'),\"options\":_vm.pixelEvents},model:{value:(_vm.selectedEvent),callback:function ($$v) {_vm.selectedEvent=$$v},expression:\"selectedEvent\"}}),_c('button',{staticClass:\"mb-4 w-full speakol-table-filter-button\",attrs:{\"id\":\"reports-filter-button\"},on:{\"click\":_vm.applyFilters}},[_vm._v(_vm._s(_vm.$t('Filter')))]),_c('button',{staticClass:\"w-full speakol-table-cancel-button\",attrs:{\"id\":\"reports-cancel-button\"},on:{\"click\":_vm.closeFilters}},[_vm._v(_vm._s(_vm.$t('Cancel')))])],1),_c('button',{staticClass:\"speakol-table-export-button\",class:{'export-btn-disabled': _vm.isExportButtonDisabled},attrs:{\"disabled\":_vm.isExportButtonDisabled},on:{\"click\":function($event){_vm.isExportPopupActive=true}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Export'))+\"\\n      \")])],1),_c('SpeakolExport',{attrs:{\"fileName\":'Reports',\"isActive\":_vm.isExportPopupActive,\"exportType\":\"reports\",\"params\":Object.assign({}, _vm.agFilters, _vm.exportSortModel)},on:{\"hide\":function($event){_vm.isExportPopupActive=false}}}),_c('br',{staticClass:\"sm:block hidden\"}),_c('br',{staticClass:\"sm:block hidden\"}),_c('br',{staticClass:\"sm:block hidden\"}),_c('a-g-speakol-table',{ref:\"reportTable\",staticClass:\"report-table\",attrs:{\"filters\":_vm.agFilters,\"columns\":_vm.agColumns,\"options\":_vm.agOptions},on:{\"sortChanged\":_vm.sortChanged,\"dataChange\":[function($event){_vm.isExportButtonDisabled = $event.totalItems === 0},_vm.setTotalRows]}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import {Server, DataSource} from '@/datasources/DataSource'\n\nexport default DataSource(Server('/analytics/reports'))\n","<template>\n  <div class=\"reports-table\">\n      <div class=\"md:flex md:float-left reports-title\">\n        <h2 class=\"title md:title\">Reports</h2>\n        <div v-if=\"showFilterCounter\" class=\"flex mt-3 active-filters-parent\">\n          <vx-tooltip position=\"bottom\">\n            <span class=\"active-filter-counter mt-6\">\n              <span>{{filterCounter}}</span>\n              {{filterCounterText}}\n            </span>\n              <template slot=\"html\">\n                  <div  class=\"tooltip-parent\">\n                    <h6 class=\"tooltip-h6\">Filters</h6>\n                    <div class=\"flex account-parent\" v-if=\"(appliedFilters['accounts-ids'] || []).length > 0\">\n                      <h6 v-if=\"appliedFilters['accounts-ids'].length > 0\" class=\"tooltip-title\">Account:</h6>\n                      <div class=\"account-limit\">\n                        <span :key=\"account.id\" v-for=\"account in allAccounts\">\n                          <span :key=\"accountAgFilter\" v-for=\"accountAgFilter in appliedFilters['accounts-ids'].slice(0,1)\">\n                          <span v-if=\"accountAgFilter == account.id && !get(appliedFilters , 'accounts-ids' , []).includes(-1)\" class=\"tootltip-data\">\n                          {{account.name}}\n                          </span>\n                          </span>\n                        </span>\n                      </div>\n                        <span class=\"account-counter\" v-if=\"(appliedFilters['accounts-ids'] || [] ).length -1 > 0 && !get(appliedFilters , 'accounts-ids' , []).includes(-1)\">\n                          +{{appliedFilters['accounts-ids'].length -1}}\n                        </span>\n\n                        <span class=\"tootltip-data\" v-if=\"get(appliedFilters , 'accounts-ids' , []).includes(-1)\">All</span>\n                    </div>\n\n                    <div v-if=\"appliedFilters['event'] && filteredByDefault\" class=\"flex\">\n                      <h6 class=\"tooltip-title\">Conversions:</h6>\n                      <span v-if=\"appliedFilters['event'] == 'conversions'\" class=\"tootltip-data\">Conversions</span>\n                      <span v-else-if=\"appliedFilters['event'] == 'leads'\" class=\"tootltip-data\">leads</span>\n                      <span v-else-if=\"appliedFilters['event'] == 'install'\" class=\"tootltip-data\">App Installs</span>\n                      <span v-else-if=\"appliedFilters['event'] == 'add_to_wishlist'\" class=\"tootltip-data\">Add To Wishlist</span>\n                      <span v-else-if=\"appliedFilters['event'] == 'add_to_cart'\" class=\"tootltip-data\">Add To Cart</span>\n                      <span v-else-if=\"appliedFilters['event'] == 'sign_up'\" class=\"tootltip-data\">Sign Up</span>\n                      <span v-else-if=\"appliedFilters['event'] == 'purchase'\" class=\"tootltip-data\">Purchase</span>\n                    </div>\n\n                    <div class=\"flex campaign-parent\" v-if=\"(appliedFilters['campaign-ids'] || [] ).length > 0\">\n                      <h6 v-if=\"(appliedFilters['campaign-ids'] || [] ).length > 0\" class=\"tooltip-title\">Campaign:</h6>\n                      <div class=\"campaign-limit\">\n                        <span :key=\"campaign.id\" v-for=\"campaign in allCampaigns\">\n                          <span :key=\"campaignAgFilter\" v-for=\"campaignAgFilter in appliedFilters['campaign-ids'].slice(0,1)\">\n                          <span v-if=\"campaignAgFilter == campaign.id && !get(appliedFilters , 'accounts-ids' , []).includes(-1)\" class=\"tootltip-data\">\n                          {{campaign.name}}\n                          </span>\n                          </span>\n                        </span>\n                      </div>\n                        <span class=\"campaign-counter\" v-if=\"(appliedFilters['campaign-ids']|| [] ).length -1 > 0\">\n                          +{{appliedFilters['campaign-ids'].length -1}}\n                        </span>\n                    </div>\n                </div>\n              </template>\n          </vx-tooltip>\n          <div id=\"reports-clear-filters-button\" @click=\"clearFilters\" class=\"clear-filters-parent\">\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      <div class=\"md:float-right buttons-parent\">\n        <speakol-date-range-picker\n          id=\"reports-date-range-picker-input\"\n          @input=\"applyFilters()\"\n          class=\"report-date-range-picker w-full md:filter\"\n          v-on:date-change=\"setDateFilter\"\n          placeholder=\"Filter by date\"\n          :dateRange=\"agFilters.dateRange\"\n          :minimumDate=\"minDate\"\n          :ignoreDefault=\"true\"\n        ></speakol-date-range-picker>\n\n        <button id=\"reports-all-filters-button\" class=\"shadow-none speakol-table-all-filters-button\" @click=\"showReporstAllFilters = !showReporstAllFilters\">\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        <!-- start new design -->\n        <!-- v-show=\"showReporstAllFilters\" -->\n          <div v-show=\"showReporstAllFilters\" :key=\"clearTreeSelect\" :class=\"[ showFilterCounter ? 'filtersParentinCaseCounter' : '' ]\" id=\"filters-container\" class=\"filters-container\">\n            <speakol-checkbox-tree\n              class=\"w-full mb-6\"\n              id=\"reports-sub-accounts-list\"\n              v-if=\"$hasAnyFeature('sub-accounts') && allAccounts.length > 1\"\n              :fetchFunction=\"loadSubAccounts\"\n              @input=\"setSelectedAccountsIds\"\n              :includeAll=\"true\"\n              placeholder=\"Sub Accounts\"\n            >\n            </speakol-checkbox-tree>\n            <!-- v-if=\"$hasAnyFeature('sub-accounts') && allAccounts.length > 1\" -->\n            <speakol-checkbox-tree\n              id=\"reports-campaigns-tree-list\"\n              class=\"w-full mb-6\"\n              ref=\"campaigns-tree\"\n              @input=\"setSelectedCampaignsId\"\n              :fetchFunction=\"loadCampaignsIds\"\n              placeholder=\"All Campaigns\"\n            >\n            </speakol-checkbox-tree>\n\n\n            <speakol-select\n              id=\"reports-events-list\"\n              :placeholder=\"$t('Conversions')\"\n              class=\"w-full mb-12\"\n              v-model=\"selectedEvent\"\n              :options=\"pixelEvents\"\n            />\n\n            <button id=\"reports-filter-button\" class=\"mb-4 w-full speakol-table-filter-button\" @click=\"applyFilters\">{{ $t('Filter') }}</button>\n            <button id=\"reports-cancel-button\" @click=\"closeFilters\" class=\"w-full speakol-table-cancel-button\">{{ $t('Cancel') }}</button>\n          </div>\n        <!-- start new design -->\n\n        <button @click=\"isExportPopupActive=true\" class=\"speakol-table-export-button\" :class=\"{'export-btn-disabled': isExportButtonDisabled}\" :disabled=\"isExportButtonDisabled\">\n          {{ $t('Export') }}\n        </button>\n      </div>\n\n    <SpeakolExport :fileName=\"'Reports'\" :isActive=\"isExportPopupActive\" exportType=\"reports\" :params=\"{...agFilters, ...exportSortModel}\" @hide=\"isExportPopupActive=false\" />\n\n      <br class=\"sm:block hidden\"> <br class=\"sm:block hidden\"> <br class=\"sm:block hidden\">\n\n      <a-g-speakol-table\n        class=\"report-table\"\n        ref=\"reportTable\"\n        :filters=\"agFilters\"\n        :columns=\"agColumns\"\n        :options=\"agOptions\"\n        @sortChanged=\"sortChanged\"\n        @dataChange=\"isExportButtonDisabled = $event.totalItems === 0\"\n        v-on:dataChange=\"setTotalRows\"\n      />\n  </div>\n</template>\n\n\n<script>\n\n\nimport {get, cloneDeep} from 'lodash'\nimport AGSpeakolTable from '@/components/AGSpeakolTable'\nimport ReportsDataSource from '@/datasources/ReportsDataSource'\nimport accountsTree from '@/helpers/accountsTree'\nimport SpeakolExport from  '@/components/SpeakolExport'\n\nexport default {\n  components: {\n    SpeakolExport,\n    AGSpeakolTable\n  },\n  data () {\n    return {\n      get,\n      cloneDeep,\n      isExportButtonDisabled: false,\n      isExportPopupActive: false,\n      exportSortModel: {\n        sortBy: 'date',\n        isASC: false\n      },\n      // Filter objects\n      selectedEvent: null,\n      dateRange: {\n        startDate: this.calculateStartDate(),\n        endDate: new Date()\n      },\n      minDate: this.calculateMinDate(),\n\n      filterQuery: {\n        'campaign-ids': []\n      },\n      clearTreeSelect: Math.random(),\n      firstLoad: true,\n      allCampaigns: [],\n      allAccounts: [],\n      searchAccountsIds: null,\n      pixelEvents: [\n        {\n          id: 'all_actions',\n          text: 'Conversions'\n        },\n        {\n          id: 'leads',\n          text: 'Leads'\n        },\n        {\n          id: 'install',\n          text: 'App Installs'\n        },\n        {\n          id: 'add_to_wishlist',\n          text: 'Add To Wishlist'\n        },\n        {\n          id: 'add_to_cart',\n          text: 'Add To Cart'\n        },\n        {\n          id: 'sign_up',\n          text: 'Sign Up'\n        },\n        {\n          id: 'purchase',\n          text: 'Purchase'\n        }\n      ],\n      selectedPixelEvent: {\n        id: 'all_actions',\n        text: 'All Events'\n      },\n\n      // agGrid Objects\n      agFilters: {\n        'event': null,\n        'campaign-ids': [],\n        'accounts-ids': [],\n        'dateRange': {\n          startDate: new Date(new Date().setDate(new Date().getDate() - 7)),\n          endDate: new Date()\n        }\n      },\n      appliedFilters: {\n        'event': null,\n        'campaign-ids': [],\n        'accounts-ids': [],\n        'dateRange': {\n          startDate: new Date(new Date().setDate(new Date().getDate() - 7)),\n          endDate: new Date()\n        }\n      },\n      filteredByDefault: false,\n\n      agOptions: {\n        dataSource: ReportsDataSource\n      },\n      agColumns: this.generateTableColumns(),\n\n      tableTotalRows: 0,\n      showReporstAllFilters: false,\n\n      showFilterCounter: false,\n      filterCounter: 0,\n      filterCounterText: 'Active Filter'\n    }\n  },\n  async created () {\n    await this.loadSubAccounts()\n    // this.loadCampaignsIds()\n  },\n  methods: {\n    filterCount () {\n      const filters = {\n        ...this.agFilters,\n        event: this.selectedEvent\n      }\n      const keys = Object.keys(filters)\n      this.filterCounter = 0\n      keys.forEach(key => {\n        let value = filters[key]\n        if (key === 'dateRange') {\n          return\n        }\n        if (Array.isArray(value)) {\n          value = value.length\n        }\n        if (value) {\n          this.filterCounter++\n        }\n      })\n\n      if (this.filterCounter === 1) {\n        this.filterCounterText = 'Active Filter'\n      } else if (this.filterCounter > 1) {\n        this.filterCounterText = 'Active Filters'\n      } else {\n        this.showFilterCounter = false\n      }\n\n      return this.filterCounter\n    },\n    clearFilters () {\n      this.selectedEvent = null\n      this.agFilters['campaign-ids'] = []\n      this.agFilters['accounts-ids'] = []\n      this.clearTreeSelect = Math.random()\n      this.applyFilters()\n      this.showFilterCounter = false\n    },\n    closeFilters () {\n      this.showReporstAllFilters = false\n    },\n    sortChanged (sortModel) {\n      const sortColumn = sortModel[0] || {}\n\n      this.exportSortModel = {\n        sortBy: sortColumn.colId,\n        isASC: sortColumn.sort === 'asc'\n      }\n    },\n    async setSelectedAccountsIds (accountsIds) {\n      this.agFilters['campaign-ids'] = null\n      if (accountsIds.length === 0) {\n        this.searchAccountsIds = await accountsTree.mapAccountsToIds()\n      } else {\n        this.searchAccountsIds = accountsIds\n      }\n\n      this.agFilters['accounts-ids'] = accountsIds\n\n      await this.loadCampaignsIds(this.searchAccountsIds)\n\n      this.$refs['campaigns-tree'].setDefault()\n      this.$refs['campaigns-tree'].loadOptions()\n    },\n    async loadSubAccounts () {\n      this.allAccounts = await accountsTree.loadSubAccounts()\n\n      return accountsTree.maptToTree(this.allAccounts)\n    },\n    async loadCampaignsIds () {\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.showReporstAllFilters = true\n\n      if (!campaigns) {\n        return []\n      }\n\n      return campaigns.map((obj) => {\n        return {\n          id: obj.id,\n          label: obj.name\n        }\n      })\n    },\n    loadCampaignsOfAccounts (accountsIds) {\n      return this.allCampaigns.filter((campaign) => {\n        return accountsIds.indexOf(campaign.account_id) !== -1\n      })\n    },\n    mapCampaignsToIds (campaigns) {\n      return campaigns.map((el) => {\n        return el.id\n      })\n    },\n    setTotalRows () {\n      try {\n        const total = this.$refs['reportTable'].getTotalRows()\n        this.tableTotalRows = total\n      } catch (error) {\n        this.tableTotalRows = 0\n      }\n    },\n    generateTableColumns (options = {}) {\n      const self = this\n      const {\n        eventColumnHeader = 'Conversions',\n        eventColumnField = 'total_actions'\n      } = options\n\n      return [\n        {\n          headerName: 'Date',\n          field: 'date',\n          sortable: true,\n          minWidth: 130\n        },\n        {\n          headerName: 'Impressions',\n          field: 'impressions',\n          sortable: true,\n          minWidth: 162,\n          valueGetter (params) {\n            return self.$options.filters.addComma(\n              get(params, 'data.impressions', 0)\n            )\n          }\n        },\n        {\n          headerName: 'Clicks',\n          field: 'clicks',\n          sortable: true,\n          minWidth: 110,\n          valueGetter (params) {\n            return self.$options.filters.addComma(get(params, 'data.clicks'))\n          }\n        },\n        {\n          headerName: 'CTR',\n          field: 'ctr',\n          sortable: true,\n          minWidth: 95,\n          sign: '%',\n          valueGetter (params) {\n            return self.$options.filters.addComma(\n              get(params, 'data.ctr', 0),\n              '%'\n            )\n          }\n        },\n        {\n          headerName: 'Avg. CPC',\n          field: 'average_cpc',\n          sortable: true,\n          minWidth: 135,\n          sign: '$',\n          valueGetter (params) {\n            if (params.data) {\n              return self.$options.filters.addComma(\n                get(params, 'data.average_cpc', 0),\n                '$'\n              )\n            }\n          }\n        },\n        {\n          headerName: 'Video Views',\n          field: 'video_views',\n          sortable: true,\n          minWidth: 160,\n          valueGetter (params) {\n            return self.$options.filters.addComma(\n              get(params, 'data.video_views', 0)\n            )\n          }\n        },\n        {\n          headerName: eventColumnHeader,\n          field: eventColumnField,\n          sortable: true,\n          minWidth: 200,\n          valueGetter (params) {\n            return self.$options.filters.addComma(\n              self.getSelectedActionStatistics(params.data)\n            )\n          }\n        },\n        {\n          headerName: 'CPA',\n          field: this.settCPAFieldName(),\n          sortable: true,\n          minWidth: 110,\n          sign: '$',\n          valueGetter (params) {\n            return self.$options.filters.addComma(\n              self.getSelectedActionCPA(params.data),\n              '$'\n            )\n          }\n        },\n        {\n          headerName: 'Spent',\n          field: 'spent',\n          sortable: true,\n          minWidth: 130,\n          sign: '$',\n          resizable: false,\n          valueGetter (params) {\n            return `${self.$options.filters.addComma(get(params, 'data.spent', 0), '$')}`\n          }\n        }\n      ]\n    },\n    calculateStartDate () {\n      const accountCreatedAt = new this.$moment(\n        this.$store.getters['authentication/activeAccount'].created_at\n      )\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    calculateMinDate () {\n      return new Date(\n        new this.$moment(\n          this.$store.getters['authentication/activeAccount'].created_at\n        ).subtract(1, 'days')\n      )\n    },\n    applyFilters () {\n      if (!this.$refs['reportTable']) return\n\n      const eventColumnHeader = get(this, 'selectedEvent.id', 'all_actions') === 'all_actions' ? 'Conversions' : this.selectedEvent.text\n      const eventColumnField = get(this, 'selectedEvent.id', 'all_actions') === 'all_actions' ? 'total_actions' : this.selectedEvent.id\n\n      this.agColumns = this.generateTableColumns({\n        eventColumnHeader,\n        eventColumnField\n      })\n\n      this.$refs['reportTable'].setColumnDefs([])\n      this.$refs['reportTable'].setColumnDefs(this.agColumns)\n\n      this.setCampaignsIdsFilter()\n\n      this.agFilters.event = get(this, 'selectedEvent.id', 'all_actions') === 'all_actions' ? 'conversions' : this.selectedEvent.id\n\n      this.$refs['reportTable'].applyFilters()\n      this.showReporstAllFilters = false\n\n      this.showFilterCounter = true\n      this.filterCount()\n      this.appliedFilters = cloneDeep(this.agFilters)\n      this.filteredByDefault = !!this.selectedEvent\n    },\n    async setCampaignsIdsFilter () {\n      let accountsIds = this.searchAccountsIds\n\n      if (!accountsIds) {\n        accountsIds = await accountsTree.mapAccountsToIds()\n      }\n\n      let campaignsIds = this.agFilters['campaign-ids']\n\n      if (!campaignsIds || campaignsIds.length === 0) {\n        // All Accounts In Drop Down Menu\n        if (!this.searchAccountsIds) {\n          const accounts = this.loadSubAccounts()\n\n          accountsIds = await accountsTree.mapAccountsToIds(accounts)\n        } else {\n          // Clicked Drop Down Menu\n          accountsIds = this.searchAccountsIds\n        }\n        campaignsIds = []\n        // campaignsIds = (this.loadCampaignsOfAccounts(accountsIds) || []).map(\n        //   (el) => {\n        //     return el.id\n        //   }\n        // )\n      }\n\n      this.agFilters['campaign-ids'] = campaignsIds\n    },\n    getSelectedActionStatistics (reportsEntery) {\n      if (!reportsEntery) {\n        return 0\n      }\n      const actionId = get(this, 'selectedEvent.id', 'all_actions')\n      return actionId === 'all_actions' ? get(reportsEntery, 'total_actions', 0) : (reportsEntery[actionId] || 0)\n    },\n    getSelectedActionCPA (reportsEntery = {}) {\n      const actionId = get(this, 'selectedEvent.id', 'all_actions')\n      const actionStatistics = actionId === 'all_actions' ? reportsEntery['cpa'] : reportsEntery[`${actionId}_cpa`]\n      return Math.round(actionStatistics * 100) / 100\n    },\n    settCPAFieldName () {\n      const actionId = get(this, 'selectedEvent.id', 'all_actions')\n\n      return actionId === 'all_actions' ? 'cpa' : `${actionId}_cpa`\n    },\n    setSelectedCampaignsId (campaignsId) {\n      this.agFilters['campaign-ids'] = campaignsId\n    },\n    setDateFilter (date) {\n      this.agFilters.dateRange.startDate = this.$moment(date.startDate).format(\n        'YYYY-MM-DD'\n      )\n      this.agFilters.dateRange.endDate = this.$moment(date.endDate).format(\n        'YYYY-MM-DD'\n      )\n    },\n    async getCampaigns () {\n      try {\n        const response = await window.axios.get(\n          '/campaigns/get-user-account-campaigns-without-full-details',\n          {\n            params: {\n              include_children: true\n            }\n          }\n        )\n\n        return response.data.payload\n      } catch (_) {\n        return []\n      }\n    },\n    windowClick (e) {\n      const filters_container = document.getElementById('filters-container')\n      if (!filters_container) return\n\n      const all_filters_button = document.getElementById('reports-all-filters-button')\n      if (!all_filters_button) return\n\n      if (!filters_container.contains(e.target) && !all_filters_button.contains(e.target) && e.target.nodeName !== 'BODY') {\n        this.showReporstAllFilters = false\n      }\n    }\n  },\n  mounted () {\n    this.setDateFilter(this.dateRange)\n    this.getCampaigns().then((response) => {\n      this.campaignIds = response\n    })\n    window.addEventListener('click', this.windowClick)\n  },\n  beforeDestroy () {\n    window.removeEventListener('click', this.windowClick)\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.buttons-parent {\n  display: flex;\n}\n\n.prompt-titles {\n  font-size: 24px;\n  line-height: 36px;\n  letter-spacing: 0.1px;\n  color: #2c2c2c;\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.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  right: 203px;\n  z-index: 1;\n  padding: 29px;\n  margin-top: 50px;\n}\n\n.campaign-parent,\n.account-parent {\n  display: -webkit-box;\n}\n\n.campaign-limit {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 100px;\n  white-space: nowrap;\n}\n\n.account-limit {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 115px;\n  white-space: nowrap;\n}\n\n.campaign-counter,\n.account-counter {\n  color: white;\n  font-size: 14px;\n  margin-left: 0;\n  font-weight: 500;\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.all-filters-span {\n  position: relative;\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.speakol-table-export-button {\n  background-color: #0092d7;\n  color: white;\n  border-radius: 3px;\n  padding: 7px 20px;\n  border: 1px solid #0092d7;\n  width: 135px;\n  cursor: pointer;\n  height: 40px;\n}\n\n.speakol-table-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-right: 10px;\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.speakol-table-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-table-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.active-filters-parent {\n  margin-left: 20px;\n}\n\n.reports-table {\n  .title {\n    font-style: normal;\n    font-weight: 500;\n    font-size: 18px;\n    line-height: 27px;\n    letter-spacing: 0.1px;\n    color: #2c2c2c;\n  }\n\n  .btn {\n    height: 40px;\n    border-radius: 3px;\n  }\n\n  @media (min-width: 768px) {\n    .md\\:input {\n      width: 280px !important;\n      height: 40px !important;\n    }\n\n    .md\\:title {\n      font-style: normal;\n      font-weight: 500;\n      font-size: 24px !important;\n      line-height: 36px;\n      color: #2c2c2c;\n    }\n\n    .md\\:filter {\n      width: 260px !important;\n    }\n\n    .md\\:btn {\n      width: 135px !important;\n    }\n\n    .prompt-cancel-btn {\n      margin-top: 10px;\n    }\n  }\n}\n\n.input-label {\n  font-weight: normal;\n  font-size: 14px;\n}\n\n.export-btn-disabled {\n  opacity: 0.5;\n  cursor: default;\n  pointer-events: none;\n}\n\n@media (max-width: 768px) {\n  .buttons-parent {\n    display: block;\n  }\n\n  .all-filters-li,\n  .speakol-table-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-table-all-filters-button {\n    margin-left: 0;\n    margin-right: 0;\n    margin-top: 20px;\n  }\n\n  .speakol-table-export-button {\n    margin-top: 20px;\n    margin-bottom: 20px;\n  }\n\n  .campaign-list-title {\n    position: inherit;\n  }\n\n  .filters-container {\n    right: 21px;\n    width: 299px;\n    margin-top: 7px;\n  }\n\n  .advertisers-table-mobile-version {\n    display: block;\n  }\n\n  .vs-con-input {\n    width: 100%;\n    float: none !important;\n  }\n\n  .vs-con-input-label {\n    width: 100%;\n  }\n\n  .vue-treeselect__x-container:hover {\n    color: #616161;\n  }\n\n  .vue-treeselect__x {\n    height: 10px !important;\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  .filtersParentinCaseCounter {\n    top: 267px;\n  }\n\n  .filtersParentinCaseCounter {\n    top: 301px;\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  .report-date-range-picker {\n    margin-top: 20px;\n  }\n}\n\n@media (max-width: 414px) {\n  .filters-container {\n    width: calc(100% - 61px);\n    right: 31px;\n  }\n}\n\n@media (max-width: 375px) {\n  .filters-container {\n    width: 314px;\n    right: 31px;\n  }\n}\n\n@media (max-width: 320px) {\n  .filters-container {\n    width: 259px;\n    right: 31px;\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!./ReportsTable.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!./ReportsTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReportsTable.vue?vue&type=template&id=869892a4&scoped=true&\"\nimport script from \"./ReportsTable.vue?vue&type=script&lang=js&\"\nexport * from \"./ReportsTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ReportsTable.vue?vue&type=style&index=0&id=869892a4&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  \"869892a4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportsTable.vue?vue&type=style&index=0&id=869892a4&lang=scss&scoped=true&\"","var getKeys = require('./_object-keys');\nvar toIObject = require('./_to-iobject');\nvar isEnum = require('./_object-pie').f;\nmodule.exports = function (isEntries) {\n  return function (it) {\n    var O = toIObject(it);\n    var keys = getKeys(O);\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) if (isEnum.call(O, key = keys[i++])) {\n      result.push(isEntries ? [key, O[key]] : O[key]);\n    } return result;\n  };\n};\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpeakolExport.vue?vue&type=style&index=0&lang=scss&\"","export const Server = (uri = '') => {\n\n  return async (page = 1, perPage = 10, sort = [], group = {}, filters = {}) => {\n    window.allowDefaultLoader = false\n\n    const { data } = await window.axios.post(uri, {\n      perPage,\n      per_page: perPage,\n      page,\n      sort, // [ { colId: 'name', cort: 'asc' } ]\n      group, // [1, 3, 6, 8]\n      filters // { search: '', type: '', event: '' }\n    })\n\n    window.allowDefaultLoader = true\n    return data\n  }\n}\n\nexport const DataSource = (server) => {\n  return (filters) => {\n    return {\n      // called by the grid when more rows are required\n      async getRows (params) {\n        // calculate how many rows we need in the page\n        const perPage = params.request.endRow - params.request.startRow\n        // const perPage = params.api.paginationGetPageSize()\n\n        // we manually calculate current and NOT using params.api.getCurrentPage()\n        // because of child rows\n        // when we try to paginate child rows the getCurrentPage will return the root page not the child current page\n        const page = Math.ceil(params.request.startRow / perPage) + 1\n\n        // get data from server\n        params.api.setPinnedTopRowData([])\n\n        const response = await server(page, perPage, params.request.sortModel, params.request.groupKeys, filters)\n\n        if (response.success) {\n          // check if there is any totals for pinned rows\n          if (response.payload.totals) {\n            params.api.setPinnedTopRowData([response.payload.totals])\n          }\n\n          if (response.payload.total) {\n            // supply rows for requested block to grid\n            // params.api.hideNoRowsOverlay()\n            params.api.hideOverlay()\n            params.successCallback(Object.values(response.payload.data), response.payload.total)\n\n          } else {\n            params.api.showNoRowsOverlay()\n            params.successCallback([], 0)\n          }\n        } else {\n          // inform grid request failed\n          params.failCallback()\n        }\n      },\n\n      destroy () {\n        // use this when your server needs any sort of cleaning\n      }\n    }\n  }\n}\n","// https://github.com/tc39/proposal-object-values-entries\nvar $export = require('./_export');\nvar $values = require('./_object-to-array')(false);\n\n$export($export.S, 'Object', {\n  values: function values(it) {\n    return $values(it);\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vs-popup',{staticClass:\"holamundo\",attrs:{\"active\":_vm.isActive,\"buttons-hidden\":true}},[_c('div',{staticClass:\"export-popup-parent\"},[_c('h3',{staticClass:\"export-headline\"},[_vm._v(\"Export\")]),_c('label',{staticClass:\"export-labels\",attrs:{\"for\":\"\"}},[_vm._v(\"File Name\")]),_c('div',{staticClass:\"export-pop-up-input-parent\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.filename),expression:\"form.filename\"}],staticClass:\"export-pop-up-input w-full\",class:{'has-error': _vm.errors.has('form.filename')},attrs:{\"id\":\"export-popup-file-name-input\",\"name\":\"form.filename\",\"placeholder\":_vm.$t('Type your file name'),\"maxLength\":\"25\",\"type\":\"text\"},domProps:{\"value\":(_vm.form.filename)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"filename\", $event.target.value)}}})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('form.filename')),expression:\"errors.has('form.filename')\"}],staticClass:\"mt-1 text-danger text-sm block\"},[_vm._v(_vm._s(_vm.errors.first(\"form.filename\")))]),_c('br'),_c('label',{staticClass:\"export-labels\",attrs:{\"for\":\"\"}},[_vm._v(\"Extension\")]),_c('div',{staticClass:\"export-popup-extension\"},[_c('v-select',{attrs:{\"id\":\"export-popup-extension-list\",\"name\":\"form.extension\",\"options\":_vm.options,\"placeholder\":_vm.$t('Select Extension'),\"clearable\":false,\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr'},model:{value:(_vm.form.extension),callback:function ($$v) {_vm.$set(_vm.form, \"extension\", $$v)},expression:\"form.extension\"}})],1),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('form.extension')),expression:\"errors.has('form.extension')\"}],staticClass:\"text-danger text-sm block\"},[_vm._v(_vm._s(_vm.errors.first(\"form.extension\")))]),_c('div',{staticClass:\"flex flex-wrap mt-10 md:justify-end\"},[_c('button',{staticClass:\"export-pop-up-main-button md:order-last md:ml-4\",attrs:{\"id\":\"export-pop-up-export-button\"},on:{\"click\":[function($event){return _vm.$emit('click')},_vm.exportData]}},[_vm._v(\" \"+_vm._s(_vm.$t('Export'))+\" \")]),_c('button',{staticClass:\"export-pop-up-cancel-button\",attrs:{\"id\":\"export-pop-up-cancel-button\",\"type\":\"border\",\"text-color\":\"#2C2C2C\"},on:{\"click\":_vm.cancel}},[_vm._v(\" \"+_vm._s(_vm.$t('Cancel'))+\" \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vs-popup class=\"holamundo\" :active=\"isActive\" :buttons-hidden=\"true\">\n    <div class=\"export-popup-parent\">\n      <h3 class=\"export-headline\">Export</h3>\n\n      <label class=\"export-labels\" for=\"\">File Name</label>\n      <div class=\"export-pop-up-input-parent\">\n        <input id=\"export-popup-file-name-input\" v-model=\"form.filename\" name=\"form.filename\" class=\"export-pop-up-input w-full\" :class=\"{'has-error': errors.has('form.filename')}\" :placeholder=\"$t('Type your file name')\" maxLength=\"25\" type=\"text\">\n      </div>\n      <!-- <vs-input v-model=\"form.filename\" name=\"form.filename\" class=\"w-full\" :danger=\"errors.has('form.filename')\" :placeholder=\"$t('Type your file name')\" maxLength=\"25\" /> -->\n      <span class=\"mt-1 text-danger text-sm block\" v-show=\"errors.has('form.filename')\">{{ errors.first(\"form.filename\") }}</span>\n\n      <br>\n\n      <label class=\"export-labels\" for=\"\">Extension</label>\n      <div class=\"export-popup-extension\">\n        <v-select id=\"export-popup-extension-list\" name=\"form.extension\" v-model=\"form.extension\" :options=\"options\" :placeholder=\"$t('Select Extension')\" :clearable=\"false\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\" />\n      </div>\n      <span class=\"text-danger text-sm block\" v-show=\"errors.has('form.extension')\">{{ errors.first(\"form.extension\") }}</span>\n\n      <div class=\"flex flex-wrap mt-10 md:justify-end\">\n        <button v-on:click=\"$emit('click')\" id=\"export-pop-up-export-button\" class=\"export-pop-up-main-button md:order-last md:ml-4\" @click=\"exportData\"> {{ $t('Export') }} </button>\n        <button id=\"export-pop-up-cancel-button\" class=\"export-pop-up-cancel-button\" type=\"border\" text-color=\"#2C2C2C\" @click=\"cancel\"> {{ $t('Cancel') }} </button>\n      </div>\n    </div>\n  </vs-popup>\n</template>\n\n<script>\nexport default {\n  props: {\n    options: {\n      type: Array,\n      default: () => {\n        return ['CSV', 'XLSX']\n      }\n    },\n    isActive: {\n      type: Boolean,\n      default: false\n    },\n    exportType: {\n      type: String,\n      required: true\n    },\n    params: {\n      type: Object,\n      required: true\n    },\n    fileName: {\n      type: String\n    }, \n    columns: {\n      type: Array\n    }\n  },\n  data () {\n    return {\n      form: {\n        filename: this.fileName || '',\n        extension: 'CSV'\n      }\n    }\n  },\n  methods: {\n    cancel () {\n      // reset the form\n      this.form.extension = 'CSV'\n\n      this.errors.clear()\n\n      this.$emit('hide')\n    },\n    async exportData () {\n      try {\n        const form = {\n          filename: this.form.filename,\n          extension: this.form.extension.toLowerCase()\n        }\n\n        const response = await window.axios.post('/export', {\n          form,\n          export_type: this.exportType,\n          params: this.params,\n          columns: this.columns\n        })\n\n        this.cancel()\n\n        this.$root.$emit('speakol-export:started', response.data.payload.export_log_id)\n      } catch (error) {\n        this.$setLaravelValidationErrorsFromResponse(error.response.data)\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n  /deep/ .con-vs-popup /deep/ .vs-popup--content {\n    padding: 51px 51px 51px 56px;\n  }\n\n  /deep/ .con-vs-popup /deep/ .vs-popup {\n    border-radius: 16px !important;\n  }\n\n  .export-headline {\n    margin-bottom: 27px;\n    font-weight: 500;\n    font-size: 24px;\n  }\n\n  .export-labels {\n    font-weight: normal;\n    font-size: 14px;\n  }\n\n  .export-pop-up-input-parent {\n    ::placeholder {\n      color: rgba(0, 0, 0, 0.25);\n    }\n  }\n\n  .export-pop-up-input {\n    height: 40px;\n    text-indent: 12px;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n    border-radius: 4px;\n    margin-top: 6px;\n  }\n\n  .export-popup-extension {\n    .vs__dropdown-toggle {\n      border: 1px solid rgba(0, 0, 0, 0.15) !important;\n      height: 40px;\n      margin-top: 6px;\n    }\n\n    .v-select .vs__dropdown-toggle .vs__actions .vs__clear,\n    .vs__open-indicator {\n      color: #999 !important;\n    }\n  }\n\n  .export-pop-up-main-button {\n    background: #0092d7;\n    color: white;\n    border: none;\n    outline: none;\n    box-shadow: none;\n    border-radius: 3px;\n    height: 48px;\n    width: 185px !important;\n    cursor: pointer;\n  }\n\n  .export-pop-up-cancel-button {\n    background: #fff;\n    color: rgba(0, 0, 0, 0.65);\n    border: 2px solid #d9d9d9;\n    outline: none;\n    box-shadow: none;\n    border-radius: 3px;\n    height: 48px;\n    width: 135px !important;\n    cursor: pointer;\n  }\n\n  .has-error {\n    border: 1px solid red;\n  }\n\n  @media (max-width: 576px) {\n    .export-pop-up-main-button,\n    .export-pop-up-cancel-button {\n      width: 100% !important;\n    }\n\n    .export-pop-up-main-button {\n      margin-bottom: 16px;\n    }\n\n    /deep/ .con-vs-popup /deep/ .vs-popup--content {\n      padding: 24px 21px 24px 24px;\n    }\n  }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpeakolExport.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpeakolExport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpeakolExport.vue?vue&type=template&id=3e615305&\"\nimport script from \"./SpeakolExport.vue?vue&type=script&lang=js&\"\nexport * from \"./SpeakolExport.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SpeakolExport.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import 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":""}