{"version":3,"sources":["webpack:///./src/components/lead/LeadExportClipboardButton.vue?fe17","webpack:///./src/components/lead/LeadExportClipboardButton.vue","webpack:///src/components/lead/LeadExportClipboardButton.vue","webpack:///./src/components/lead/LeadExportClipboardButton.vue?8cfd","webpack:///./src/components/lead/LeadExportClipboardButton.vue?d544"],"names":["_c","staticClass","model","callback","exportAll","attrs","maxHeight","scopedSlots","fn","_vm","key","index","_s","exportFields","length","expression","exportClipboard","value","dialogSuccess","click","$event","_v","staticRenderFns","render","moment","locale","data","dataExport","dialogLoading","role","localStorage","getItem","fields","watch","selectedLeads","handler","deep","computed","_objectSpread","mapState","state","leads","selectedItems","filterLeadsSearchedSt","filterLeadsSearched","leadsSearchedSt","leadsSearched","filtersSelectedSt","filter","filtersSelected","leadsTableFooterSt","leadsTableFooter","isAllItemsSelected","isSomeItemsSelected","icon","methods","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","body","wrap","_context","prev","next","updateClipboard","abrupt","includePerfilApp","includes","leadIds","map","i","_id","exportLeads","formatDate","sent","stop","newClip","self","navigator","clipboard","writeText","then","$snotify","info","timeout","showProgressBar","closeOnClick","pauseOnHover","error","toggle","_this2","$nextTick","created","removeItems","itm","idx","component"],"mappings":"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","file":"js/chunk-252a2bc0.07113c81.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LeadExportClipboardButton.vue?vue&type=style&index=0&id=1058f380&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.selectedLeads.length > 0)?_c('div',[_c('div',{staticClass:\"pa-2\",staticStyle:{\"border\":\"1px solid gray\",\"border-radius\":\"0.5rem\"}},[_c('label',[_vm._v(\" # Leads seleccionados \"),(_vm.exportAll)?_c('span',{staticClass:\"mx-2 cyan--text\"},[_vm._v(\" ( \"+_vm._s(_vm.filterLeadsSearchedSt ? _vm.leadsSearchedSt.length : _vm.leadsTableFooterSt.total)+\" ) \")]):_c('span',{staticClass:\"mx-2 blue--text subtitle-2\"},[_vm._v(\" \"+_vm._s(_vm.selectedLeads.length)+\" \")])]),_c('div',{staticClass:\"my-2\",staticStyle:{\"display\":\"flex\",\"gap\":\"0.5rem\"}},[_c('div',[_c('v-checkbox',{staticClass:\"my-0 pa-0\",attrs:{\"hide-details\":\"\",\"label\":`Todos (${\n              _vm.filterLeadsSearchedSt\n                ? _vm.leadsSearchedSt.length\n                : _vm.leadsTableFooterSt.total\n            })`},model:{value:(_vm.exportAll),callback:function ($$v) {_vm.exportAll=$$v},expression:\"exportAll\"}})],1),_c('v-select',{staticClass:\"select-export-fields\",attrs:{\"items\":_vm.fields,\"menu-props\":{ maxHeight: '370' },\"label\":\"Campos a exportar\",\"multiple\":\"\",\"small-chips\":\"\",\"append-outer-icon\":\"mdi-clipboard-text-multiple-outline\",\"hide-details\":\"\",\"disabled\":_vm.selectedLeads.length === 0},scopedSlots:_vm._u([{key:\"prepend-item\",fn:function(){return [_c('v-list-item',{attrs:{\"ripple\":\"\"},on:{\"click\":_vm.toggle}},[_c('v-list-item-action',[_c('v-icon',{attrs:{\"color\":_vm.exportFields.length > 0 ? 'indigo darken-4' : ''}},[_vm._v(_vm._s(_vm.icon))])],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\"Todos\")])],1)],1),_c('v-divider',{staticClass:\"mt-2\"})]},proxy:true},{key:\"selection\",fn:function({ item, index }){return [(index === 0)?_c('v-chip',{attrs:{\"small\":\"\"}},[_c('span',[_vm._v(_vm._s(item))])]):_vm._e(),(index === 1)?_c('span',{staticClass:\"grey--text caption\"},[_vm._v(\"(+\"+_vm._s(_vm.exportFields.length - 1)+\" otros)\")]):_vm._e()]}}],null,false,278984339),model:{value:(_vm.exportFields),callback:function ($$v) {_vm.exportFields=$$v},expression:\"exportFields\"}},[_c('v-icon',{attrs:{\"slot\":\"append-outer\",\"color\":\"secondary\",\"disabled\":_vm.exportFields.length === 0},on:{\"click\":_vm.exportClipboard},slot:\"append-outer\"},[_vm._v(\" mdi-clipboard-text-multiple-outline \")])],1)],1)]),_c('v-dialog',{attrs:{\"max-width\":\"400\"},model:{value:(_vm.dialogLoading),callback:function ($$v) {_vm.dialogLoading=$$v},expression:\"dialogLoading\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"body-1\"},[_vm._v(\" Obteniendo todos los Leads. \")]),_c('v-card-text',[_vm._v(\"Se aplican los filtros seleccionados al momento de obtener todos los Leads. \")]),_c('v-card-text',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"value\":20,\"indeterminate\":\"\"}})],1)],1)],1),_c('v-dialog',{attrs:{\"max-width\":\"400\"},model:{value:(_vm.dialogSuccess),callback:function ($$v) {_vm.dialogSuccess=$$v},expression:\"dialogSuccess\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"body-1 green--text\"},[_vm._v(\" Los Leads se han copiado. \")]),_c('v-card-text',[_vm._v(\"Puedes pegar los Leads que se copiaron al portapapeles en un archivo Excel o .xls presionando Ctrl + V o Command + V \")]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.dialogSuccess = false}}},[_vm._v(\" Ok \")])],1)],1)],1)],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"selectedLeads.length > 0\">\n    <div class=\"pa-2\" style=\"border: 1px solid gray; border-radius: 0.5rem;\">\n      <label>\n        # Leads seleccionados\n        <span v-if=\"exportAll\" class=\"mx-2 cyan--text\">\n          (\n          {{\n            filterLeadsSearchedSt\n              ? leadsSearchedSt.length\n              : leadsTableFooterSt.total\n          }}\n          )\n        </span>\n        <span v-else class=\"mx-2 blue--text subtitle-2\">\n          {{ selectedLeads.length }}\n        </span>\n      </label>\n      <div class=\"my-2\" style=\"display: flex; gap: 0.5rem;\">\n        <div>\n          <v-checkbox\n            class=\"my-0 pa-0\"\n            hide-details\n            :label=\"\n              `Todos (${\n                filterLeadsSearchedSt\n                  ? leadsSearchedSt.length\n                  : leadsTableFooterSt.total\n              })`\n            \"\n            v-model=\"exportAll\"\n          />\n        </div>\n        <v-select\n          class=\"select-export-fields\"\n          v-model=\"exportFields\"\n          :items=\"fields\"\n          :menu-props=\"{ maxHeight: '370' }\"\n          label=\"Campos a exportar\"\n          multiple\n          small-chips\n          append-outer-icon=\"mdi-clipboard-text-multiple-outline\"\n          hide-details\n          :disabled=\"selectedLeads.length === 0\"\n        >\n          <template v-slot:prepend-item>\n            <v-list-item ripple @click=\"toggle\">\n              <v-list-item-action>\n                <v-icon\n                  :color=\"exportFields.length > 0 ? 'indigo darken-4' : ''\"\n                  >{{ icon }}</v-icon\n                >\n              </v-list-item-action>\n              <v-list-item-content>\n                <v-list-item-title>Todos</v-list-item-title>\n              </v-list-item-content>\n            </v-list-item>\n            <v-divider class=\"mt-2\"></v-divider>\n          </template>\n          <template v-slot:selection=\"{ item, index }\">\n            <v-chip small v-if=\"index === 0\">\n              <span>{{ item }}</span>\n            </v-chip>\n            <span v-if=\"index === 1\" class=\"grey--text caption\"\n              >(+{{ exportFields.length - 1 }} otros)</span\n            >\n          </template>\n          <v-icon\n            slot=\"append-outer\"\n            color=\"secondary\"\n            @click=\"exportClipboard\"\n            :disabled=\"exportFields.length === 0\"\n          >\n            mdi-clipboard-text-multiple-outline\n          </v-icon>\n        </v-select>\n      </div>\n    </div>\n\n    <v-dialog v-model=\"dialogLoading\" max-width=\"400\">\n      <v-card>\n        <v-card-title class=\"body-1\">\n          Obteniendo todos los Leads.\n        </v-card-title>\n        <v-card-text\n          >Se aplican los filtros seleccionados al momento de obtener todos los\n          Leads.\n        </v-card-text>\n        <v-card-text class=\"text-center\">\n          <v-progress-circular :value=\"20\" indeterminate></v-progress-circular>\n        </v-card-text>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialogSuccess\" max-width=\"400\">\n      <v-card>\n        <v-card-title class=\"body-1 green--text\">\n          Los Leads se han copiado.\n        </v-card-title>\n        <v-card-text\n          >Puedes pegar los Leads que se copiaron al portapapeles en un archivo\n          Excel o .xls presionando Ctrl + V o Command + V\n        </v-card-text>\n        <v-card-actions>\n          <v-spacer></v-spacer>\n          <v-btn text @click=\"dialogSuccess = false\">\n            Ok\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n  </div>\n</template>\n<script>\nimport moment from \"moment\";\nmoment.locale(\"es-mx\");\nimport { mapState } from \"vuex\";\nimport { exportLeads } from \"../../api/lead-api\";\n\nexport default {\n  data() {\n    return {\n      dataExport: null,\n      dialogLoading: false,\n      dialogSuccess: false,\n      exportAll: false,\n      role: localStorage.getItem(\"user_role\"),\n      exportFields: [],\n      fields: [\n        \"Fecha de registro\",\n        \"Hora de registro\",\n        \"Nombre\",\n        \"Teléfono\",\n        \"Correo\",\n        \"Llegó por\",\n        \"Presupuesto\",\n        \"Moneda\",\n        \"¿Cómo nos encontró?\",\n        \"¿Cómo nos contactó?\",\n        //Nuevas columnas agregadas...\n        \"Campaña\",\n        \"Segmentación\",\n        /*   \"Anuncio\",\n                    \n        }, */\n        //Mas columnas agregadas en Septiembre 2022\n        \"Formulario\",\n        \"Costo\",\n        \"Ventas\",\n        \"Ingresos\",\n        \"Palabra Clave\",\n        \"Anuncio\",\n        //Fin de las columnas agregadas...\n        \"Ubicación\",\n        \"Probable\",\n        \"Observaciones\",\n        \"% Perfilación\",\n        \"Broker asignado\",\n        \"Tiempo de respuesta\",\n        \"Broker Externo asignado\",\n        \"Status\",\n        \"Comentarios\",\n        \"Motivo de descarte\",\n        \"Idioma\",\n        \"Perfil App\"\n      ]\n    };\n  },\n  watch: {\n    selectedLeads() {\n      this.exportAll = false;\n      this.dataExport = null;\n    },\n    exportAll() {\n      this.dataExport = null;\n    },\n    exportFields: {\n      handler() {\n        this.dataExport = null;\n      },\n      deep: true\n    }\n  },\n  computed: {\n    ...mapState({\n      selectedLeads: state => state.leads.selectedItems,\n      filterLeadsSearchedSt: state => state.leads.filterLeadsSearched,\n      leadsSearchedSt: state => state.leads.leadsSearched,\n      filtersSelectedSt: state => state.leads.filter.filtersSelected,\n      leadsTableFooterSt: state => state.leads.leadsTableFooter\n    }),\n    isAllItemsSelected() {\n      return this.exportFields.length === this.fields.length;\n    },\n    isSomeItemsSelected() {\n      return this.exportFields.length > 0 && !this.isAllItemsSelected;\n    },\n    icon() {\n      if (this.isAllItemsSelected) return \"mdi-close-box\";\n      if (this.isSomeItemsSelected) return \"mdi-minus-box\";\n      return \"mdi-checkbox-blank-outline\";\n    }\n  },\n  methods: {\n    async exportClipboard() {\n      if (this.dataExport !== null) {\n        this.updateClipboard(this.dataExport);\n        return;\n      }\n      const body = {\n        fields: this.exportFields,\n        includePerfilApp: this.exportFields.includes(\"Perfil App\")\n      };\n      if (this.exportAll) {\n        body.filter = this.filtersSelectedSt;\n      } else {\n        body.leadIds = this.selectedLeads.map(i => i._id);\n      }\n      this.dialogLoading = true;\n      this.dataExport = await exportLeads({ ...body, formatDate: true });\n      this.dialogLoading = false;\n      this.updateClipboard(this.dataExport);\n    },\n    updateClipboard(newClip) {\n      const self = this;\n      if (!newClip) {\n        return \"\";\n      } else {\n        navigator.clipboard.writeText(newClip).then(\n          function() {\n            /* clipboard successfully set */\n            self.dialogSuccess = true;\n            self.$snotify.info(\"Copiado al portapapeles\", {\n              timeout: 1000,\n              showProgressBar: false,\n              closeOnClick: false,\n              pauseOnHover: false\n            });\n          },\n          function() {\n            /* clipboard write failed */\n            self.$snotify.error(\n              \"Ah ocurrido un problema, inténtelo más tarde\",\n              {\n                timeout: 1500,\n                showProgressBar: false,\n                closeOnClick: false,\n                pauseOnHover: false\n              }\n            );\n          }\n        );\n      }\n    },\n    toggle() {\n      this.$nextTick(() => {\n        if (this.isAllItemsSelected) {\n          this.exportFields = [];\n        } else {\n          this.exportFields = this.fields;\n        }\n      });\n    }\n  },\n  created() {\n    if (this.role === \"developer\") {\n      const removeItems = [2, 3, 5, 11, 13];\n      this.exportFields = this.fields.filter(\n        (itm, idx) => !removeItems.includes(idx)\n      );\n    }\n  }\n};\n</script>\n<style scoped>\n.select-export-fields {\n  width: 300px;\n  max-width: 300px;\n}\n.select-export-fields.disabled i {\n  color: gray !important;\n  background-color: gray !important;\n}\n#no-background-hover::before {\n  cursor: default !important;\n  background-color: transparent !important;\n}\n</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!./LeadExportClipboardButton.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!./LeadExportClipboardButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LeadExportClipboardButton.vue?vue&type=template&id=1058f380&scoped=true&\"\nimport script from \"./LeadExportClipboardButton.vue?vue&type=script&lang=js&\"\nexport * from \"./LeadExportClipboardButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LeadExportClipboardButton.vue?vue&type=style&index=0&id=1058f380&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1058f380\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}