{"version":3,"sources":["webpack:///./src/views/reports-campaings/TableReportKpis.vue","webpack:///src/views/reports-campaings/TableReportKpis.vue","webpack:///./src/views/reports-campaings/TableReportKpis.vue?0dba","webpack:///./src/views/reports-campaings/TableReportKpis.vue?f293"],"names":["model","callback","$$v","expression","_vm","items","item","_c","tab","content","staticRenderFns","render","components","ComertialReport","PlarformCampaignReport","AnualMktReportVersion2","AvgTimeAttention","data","role","localStorage","getItem","route","isDialogActive","userRole","mounted","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","fetchfilters","initializeTabFromRoute","stop","methods","_objectSpread","mapActions","handleTabChange","index","selectedItem","$router","push","name","$route","params","currentTab","tabIndex","findIndex","watch","handler","newTab","immediate","created","$emit","DefaultLayout","component"],"mappings":"gLAAiG,W,IAAiC,EAAM,KAAG,EAAC,W,OAAI,mB,MAAC,CAA6B,iCAACA,KAAM,I,GAAiBC,C,OAAgC,EAACC,iB,MAAKC,CAAgB,YAAGC,SAAYC,SAAgBC,GAAY,EAAOC,IAAG,GAAmB,WAAY,QAAiDP,EAAK,GAAC,uB,OAAM,EAAEI,OAAQ,CAACH,O,CAAyBG,EAAII,GAAG,IAAI,yBAAC,U,MAACL,CAAgB,YAAGC,SAAYC,SAAgBI,GAAW,EAAOF,IAAG,GAAoB,WAAY,QAA0B,EAAG,GAAE,uBAAE,OAAK,EAAE,QACzkB,OACGG,KAAe,QAAK,CAExB,IAASC,e,6ICqBM,GACfC,WAAA,CACAC,gBAAA,kBACA,4GACAC,uBAAA,kBACA,kIACAC,uBAAA,kBACA,kIACAC,iBAAA,kBACA,uFAEAC,KAAA,WACA,OACAC,KAAAC,aAAAC,QAAA,aACAZ,IAAA,KACAH,MAAA,CACA,CACAG,IAAA,YACAC,QAAA,kBACAY,MAAA,aAEA,CACAb,IAAA,sBACAC,QAAA,yBACAY,MAAA,uBAEA,CACAb,IAAA,YACAC,QAAA,yBACAY,MAAA,aAEA,CACAb,IAAA,qBACAC,QAAA,mBACAY,MAAA,mBAGAC,gBAAA,EACAC,SAAAJ,aAAAC,QAAA,mBAGAI,QAAA,eAAAC,EAAA,YAAAC,eAAAC,iBAAAC,MAAA,SAAAC,IAAA,OAAAF,iBAAAG,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,OAQA,OAPAR,EAAAP,OACA,cAAAO,EAAAP,MAAA,gBAAAO,EAAAP,OACAO,EAAApB,MAAA,CAAAoB,EAAApB,MAAA,KAEA,cAAAoB,EAAAP,OACAO,EAAApB,MAAA,CAAAoB,EAAApB,MAAA,GAAAoB,EAAApB,MAAA,MAEA0B,EAAAE,KAAA,EACAR,EAAAS,eAAA,OACAT,EAAAU,yBAAA,wBAAAJ,EAAAK,UAAAP,MAVAH,IAYAW,QAAAC,8BAAA,GACAC,eAAA,CACAL,aAAA,uCACA,IACAM,gBAAA,SAAAC,GACA,IAAAC,EAAA,KAAArC,MAAAoC,GACA,KAAAE,QAAAC,KAAA,CACAC,KAAA,KAAAC,OAAAD,KACAE,OAAA,CAAAvC,IAAAkC,EAAArB,UAGAc,uBAAA,WACA,IAAAa,EAAA,KAAAF,OAAAC,OAAAvC,IACAyC,EAAA,KAAA5C,MAAA6C,WAAA,SAAA5C,GAAA,OAAAA,EAAAe,QAAA2B,MACA,IAAAC,IACA,KAAAzC,IAAAyC,MAIAE,MAAA,CACA,qBACAC,QAAA,SAAAC,GACA,IAAAJ,EAAA,KAAA5C,MAAA6C,WAAA,SAAA5C,GAAA,OAAAA,EAAAe,QAAAgC,MACA,IAAAJ,OAAA,KAAAzC,MACA,KAAAA,IAAAyC,IAGAK,WAAA,IAGAC,QAAA,WACA,KAAAC,MAAA,gBAAAC,UC7GwW,I,YCOpWC,EAAY,eACd,EACA,EACAhD,GACA,EACA,KACA,KACA,MAIa,aAAAgD,E","file":"js/chunk-2d0e1f61.9ca8b394.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-tabs',{attrs:{\"background-color\":\"transparent\",\"grow\":\"\"},on:{\"change\":_vm.handleTabChange},model:{value:(_vm.tab),callback:function ($$v) {_vm.tab=$$v},expression:\"tab\"}},_vm._l((_vm.items),function(item,index){return _c('v-tab',{key:index},[_vm._v(\" \"+_vm._s(item.tab)+\" \")])}),1),_c('v-tabs-items',{model:{value:(_vm.tab),callback:function ($$v) {_vm.tab=$$v},expression:\"tab\"}},_vm._l((_vm.items),function(content,i){return _c('v-tab-item',{key:i},[_c(content.content,{tag:\"component\"})],1)}),1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-tabs\n      v-model=\"tab\"\n      background-color=\"transparent\"\n      grow\n      @change=\"handleTabChange\"\n    >\n      <v-tab v-for=\"(item, index) in items\" :key=\"index\">\n        {{ item.tab }}\n      </v-tab>\n    </v-tabs>\n\n    <v-tabs-items v-model=\"tab\">\n      <v-tab-item v-for=\"(content, i) in items\" :key=\"i\">\n        <component v-bind:is=\"content.content\"> </component>\n      </v-tab-item>\n    </v-tabs-items>\n  </div>\n</template>\n\n<script>\nimport DefaultLayout from \"@/components/layouts/DefaultLayout.vue\";\nimport { mapActions } from \"vuex\";\n\nexport default {\n  components: {\n    ComertialReport: () =>\n      import(\"@/components/reports-kpis/ComertialReportV2.vue\"),\n    PlarformCampaignReport: () =>\n      import(\"@/components/reports-kpis/PlatformCampaignReportV2.vue\"),\n    AnualMktReportVersion2: () =>\n      import(\"@/components/reports-kpis/AnualMktReportVersion2.vue\"),\n    AvgTimeAttention: () =>\n      import(\"@/components/reports-kpis/AvgTimeAttention.vue\")\n  },\n  data() {\n    return {\n      role: localStorage.getItem(\"user_role\"),\n      tab: null,\n      items: [\n        {\n          tab: \"Comercial\",\n          content: \"ComertialReport\",\n          route: \"comercial\"\n        },\n        {\n          tab: \"Campañas/Plataforma\",\n          content: \"PlarformCampaignReport\",\n          route: \"campanas-plataforma\"\n        },\n        {\n          tab: \"Anual MKT\",\n          content: \"AnualMktReportVersion2\",\n          route: \"anual-mkt\"\n        },\n        {\n          tab: \"Tiempo de Atención\",\n          content: \"AvgTimeAttention\",\n          route: \"time-attention\"\n        }\n      ],\n      isDialogActive: false,\n      userRole: localStorage.getItem(\"user_role\") || \"\"\n    };\n  },\n  async mounted() {\n    if (this.role) {\n      if (this.role === \"marketing\" || this.role === \"marketingv2\") {\n        this.items = [this.items[1]];\n      }\n      if (this.role === \"developer\") {\n        this.items = [this.items[0], this.items[1]];\n      }\n    }\n    await this.fetchfilters();\n    this.initializeTabFromRoute();\n  },\n  methods: {\n    ...mapActions({\n      fetchfilters: \"leads/filter/fetchGetLeadsFilters\"\n    }),\n    handleTabChange(index) {\n      const selectedItem = this.items[index];\n      this.$router.push({\n        name: this.$route.name,\n        params: { tab: selectedItem.route }\n      });\n    },\n    initializeTabFromRoute() {\n      const currentTab = this.$route.params.tab;\n      const tabIndex = this.items.findIndex(item => item.route === currentTab);\n      if (tabIndex !== -1) {\n        this.tab = tabIndex;\n      }\n    }\n  },\n  watch: {\n    \"$route.params.tab\": {\n      handler(newTab) {\n        const tabIndex = this.items.findIndex(item => item.route === newTab);\n        if (tabIndex !== -1 && tabIndex !== this.tab) {\n          this.tab = tabIndex;\n        }\n      },\n      immediate: true\n    }\n  },\n  created() {\n    this.$emit(`update:layout`, DefaultLayout);\n  }\n};\n</script>\n\n<style></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableReportKpis.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TableReportKpis.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableReportKpis.vue?vue&type=template&id=4a457df2&\"\nimport script from \"./TableReportKpis.vue?vue&type=script&lang=js&\"\nexport * from \"./TableReportKpis.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"],"sourceRoot":""}