{"version":3,"sources":["webpack:///./src/components/lead/LeadSelectPhase.vue","webpack:///src/components/lead/LeadSelectPhase.vue","webpack:///./src/components/lead/LeadSelectPhase.vue?9e99","webpack:///./src/components/lead/LeadSelectPhase.vue?f55d","webpack:///./src/components/lead/LeadSelectPhase.vue?0c6d"],"names":["scopedSlots","key","fn","on","_ref","attrs","staticClass","getLeadColor","_vm","_c","phaseSelected","staticRenderFns","props","lead","type","Object","default","data","role","localStorage","getItem","loading","computed","_objectSpread","mapState","phases","state","_state$leads$filter$f","leads","filter","filters","loadingSt","get","_this$phases","_this","_phaseSelected","find","phase","tracking_phase","operation_phase","undefined","text","value","set","watch","methods","mapActions","fetchUpdatelLead","mapMutations","setLoading","sendUpdateLeadPhase","_this2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","updateData","wrap","_context","prev","next","leadId","_id","contactLeadId","contact_lead","sendUpdateLead","stop","_this3","_callee2","self","_context2","then","catch","$snotify","error","closeOnClick","timeout","finally","setTimeout","innerLoading","trackingPhase","component"],"mappings":"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","file":"js/chunk-6554921a.d0b05656.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(\n      _vm.role !== 'developer' && _vm.role !== 'marketing' && _vm.role !== 'marketingv2'\n    )?_c('v-menu',{attrs:{\"offset-y\":\"\",\"max-height\":\"250\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"text-capitalize lead-phase-badge\",attrs:{\"id\":\"no-background-hover\",\"loading\":_vm.loading,\"disabled\":_vm.loading,\"rounded\":\"\",\"elevation\":\"0\",\"color\":_vm.getLeadColor(\n            _vm.phaseSelected.data.phase,\n            _vm.phaseSelected.data.tracking_phase\n          )}},'v-btn',attrs,false),on),[_c('div',[_vm._v(\" \"+_vm._s(_vm.phaseSelected.text)+\" \")]),_c('v-icon',{staticClass:\"px-1\",attrs:{\"small\":\"\"}},[_vm._v(\" mdi-chevron-down \")])],1)]}}],null,false,1331903314)},[_c('v-list',{attrs:{\"elevation\":\"0\"}},_vm._l((_vm.phases),function(item,index){return _c('v-list-item',{key:index,on:{\"click\":function($event){return _vm.sendUpdateLeadPhase(item)}}},[_c('v-list-item-title',[_vm._v(_vm._s(item.text))])],1)}),1)],1):_c('div',[(_vm.lead && _vm.lead.postponed !== undefined)?_c('v-chip',{staticClass:\"lead-phase-badge\",attrs:{\"id\":\"no-background-hover\",\"color\":_vm.getLeadColor(\n          _vm.phaseSelected.data.phase,\n          _vm.phaseSelected.data.tracking_phase\n        )}},[_vm._v(\" \"+_vm._s(_vm.phaseSelected.text)+\" \")]):_c('v-chip',[_vm._v(\" Asignado- \")])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-menu\n      offset-y\n      max-height=\"250\"\n      v-if=\"\n        role !== 'developer' && role !== 'marketing' && role !== 'marketingv2'\n      \"\n    >\n      <template v-slot:activator=\"{ on, attrs }\">\n        <v-btn\n          id=\"no-background-hover\"\n          class=\"text-capitalize lead-phase-badge\"\n          :loading=\"loading\"\n          :disabled=\"loading\"\n          rounded\n          elevation=\"0\"\n          :color=\"\n            getLeadColor(\n              phaseSelected.data.phase,\n              phaseSelected.data.tracking_phase\n            )\n          \"\n          v-bind=\"attrs\"\n          v-on=\"on\"\n        >\n          <div>\n            {{ phaseSelected.text }}\n          </div>\n          <v-icon class=\"px-1\" small>\n            mdi-chevron-down\n          </v-icon>\n        </v-btn>\n      </template>\n      <v-list elevation=\"0\">\n        <v-list-item\n          v-for=\"(item, index) in phases\"\n          :key=\"index\"\n          @click=\"sendUpdateLeadPhase(item)\"\n        >\n          <v-list-item-title>{{ item.text }}</v-list-item-title>\n        </v-list-item>\n      </v-list>\n    </v-menu>\n    <div v-else>\n      <v-chip\n        id=\"no-background-hover\"\n        v-if=\"lead && lead.postponed !== undefined\"\n        class=\"lead-phase-badge\"\n        :color=\"\n          getLeadColor(\n            phaseSelected.data.phase,\n            phaseSelected.data.tracking_phase\n          )\n        \"\n      >\n        {{ phaseSelected.text }}\n      </v-chip>\n      <v-chip v-else>\n        Asignado-\n      </v-chip>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapActions, mapMutations } from \"vuex\";\nexport default {\n  props: {\n    lead: {\n      type: Object,\n      default: null\n    }\n  },\n  data() {\n    return {\n      role: localStorage.getItem(\"user_role\"),\n      loading: false\n    };\n  },\n  computed: {\n    ...mapState({\n      phases: state => state.leads.filter.filters?.phases,\n      loadingSt: state => state.leads.loading\n    }),\n    phaseSelected: {\n      get() {\n        const phases = this.phases ?? [];\n        const _phaseSelected = phases.find(phase => {\n          return phase\n            ? phase.data.phase === this.lead.phase &&\n                phase.data.tracking_phase === this.lead.tracking_phase &&\n                phase.data.operation_phase === this.lead.operation_phase\n            : undefined;\n        });\n        return (\n          _phaseSelected ?? {\n            text: \"Por Asignar\",\n            value: \"unassigned\",\n            data: {\n              phase: \"active\",\n              tracking_phase: \"unassigned\",\n              operation_phase: \"\"\n            }\n          }\n        );\n      },\n      set(value) {\n        this.phaseSelected = value;\n      }\n    }\n  },\n  watch: {},\n  methods: {\n    ...mapActions({\n      fetchUpdatelLead: \"leads/fetchUpdatelLead\"\n    }),\n    ...mapMutations({\n      setLoading: \"leads/setLoading\"\n    }),\n    async sendUpdateLeadPhase(value) {\n      let updateData = {\n        leadId: this.lead._id,\n        contactLeadId: this.lead.contact_lead._id,\n        lead: {\n          phase: value.data.phase,\n          tracking_phase: value.data.tracking_phase,\n          operation_phase: value.data.operation_phase\n        }\n      };\n      await this.sendUpdateLead(updateData, value);\n    },\n    async sendUpdateLead(updateData, value) {\n      let self = this;\n      self\n        .fetchUpdatelLead(updateData)\n        .then(() => {\n          this.phaseSelected = value;\n        })\n        .catch(() => {\n          self.$snotify.error(\n            \"Error!!!\",\n            `Ocurrio un problema actualizar el lead.`,\n            {\n              closeOnClick: true,\n              timeout: 4000\n            }\n          );\n        })\n        .finally(() => {\n          setTimeout(() => {\n            self.innerLoading = false;\n            self.loading = false;\n            self.setLoading(false);\n          }, 1000);\n        });\n    },\n    getLeadColor(phase, trackingPhase) {\n      if (!phase) {\n        return \"grey lighten-3\";\n      } else if (phase === \"active\" && trackingPhase === \"unassigned\") {\n        return \"red lighten-5\";\n      } else if (phase === \"finished\") {\n        return \"amber lighten-5\";\n      } else {\n        return \"grey lighten-3\";\n      }\n    }\n  }\n};\n</script>\n\n<style scoped>\ntbody tr:nth-of-type(odd) {\n  background-color: rgba(204, 204, 204, 0.081);\n}\nbody tr:hover td {\n  background-color: rgba(142, 188, 241, 0.322);\n}\n\nbody tr:nth-of-type(odd):hover td {\n  background-color: rgba(142, 188, 241, 0.322);\n}\n\n.font-size-table-header {\n  font-size: 13px !important;\n}\n.font-size-table-row {\n  font-size: 14px !important;\n}\n\n.uri-text {\n  display: inline-block;\n  margin-left: 5px;\n}\n\n.link {\n  color: blue !important;\n  background-color: none;\n}\n\n.lead-created-date {\n  font-size: 11px;\n}\n.lead-list .table-responsive {\n  overflow-x: scroll;\n}\n\n#leads-table .broker-image {\n  height: 52px;\n  margin: 6px 0;\n  width: auto;\n  border-radius: 24%;\n}\n.broker-name {\n  font-size: 10px;\n  display: block;\n}\n.last-update {\n  position: absolute;\n  bottom: -16px;\n  right: -10px;\n  font-size: 9px;\n}\n.lead-created-at,\n.lead-interested {\n  font-size: 11px;\n  margin-left: -11px;\n}\n\n.lead-observations {\n  width: 100px;\n  font-size: 11px;\n  margin-left: 3px;\n}\n#no-background-hover::before {\n  background-color: transparent !important;\n}\n.lead-profile-badge {\n  padding: 6px;\n  color: #fff;\n}\n.lead-phase-badge.unassigned {\n  border-color: #ff4500;\n}\n.lead-phase-badge.discarded,\n.v-chip.v-chip--outlined.v-chip.v-chip.discarded {\n  background-color: #eee !important;\n}\n.lead-profile-badge.profile-a {\n  background-color: #008000;\n}\n.lead-profile-badge.profile-b {\n  background-color: #ffa500;\n}\n.lead-profile-badge.profile-c {\n  background-color: #2e6cf1;\n}\n.lead-profile-badge.profile-d {\n  background-color: #a0a0a0;\n}\n.VueTables__search,\n.VueTables__limit {\n  display: inline-block;\n  padding: 12px 0;\n  margin-bottom: 0;\n}\n.VueTables__limit {\n  float: right;\n}\n.profile-filter {\n  margin-right: 6px;\n}\n.lead-position {\n  position: absolute;\n  margin-left: -115px;\n  margin-top: 40px;\n}\n.budget-size {\n  font-size: 13px;\n  line-height: 1.5;\n}\n/* CSS tooltip*/\n.tooltip {\n  display: inline-block;\n  position: relative;\n  border-bottom: 1px dotted #666;\n  text-align: left;\n}\n\n.container-loading {\n  height: calc(100vh - 180px) !important;\n}\n\n.loading-circle {\n  height: 150px !important;\n  width: 150px !important;\n  left: calc(50vw - 120px) !important;\n  margin-top: 180px !important;\n}\n.lead-budget {\n  font-size: 14px;\n  color: #008000;\n}\n.row-repeat-lead {\n  color: #ff5552;\n}\n\n#leadsTable .v-data-footer {\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  background: white;\n}\n\n#leadsTable .v-data-table__wrapper {\n  margin-bottom: 60px;\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!./LeadSelectPhase.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!./LeadSelectPhase.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LeadSelectPhase.vue?vue&type=template&id=5204d757&scoped=true&\"\nimport script from \"./LeadSelectPhase.vue?vue&type=script&lang=js&\"\nexport * from \"./LeadSelectPhase.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LeadSelectPhase.vue?vue&type=style&index=0&id=5204d757&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  \"5204d757\",\n  null\n  \n)\n\nexport default component.exports","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!./LeadSelectPhase.vue?vue&type=style&index=0&id=5204d757&prod&scoped=true&lang=css&\""],"sourceRoot":""}