{"version":3,"file":"js/src_views_Home_components_DateSelect_vue.chunk.js?id=15f8ddadc562c3bada59","mappings":"qOAAIA,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOA,EAAG,oBAAqB,CAC7BE,IAAK,eACLC,MAAO,CACLC,YAAaN,EAAIO,UACjBC,gBAAiBR,EAAIQ,gBACrBC,eAAgBT,EAAIS,eACpB,WAAYT,EAAIU,SAElBC,GAAI,CAAEC,mBAAoBZ,EAAIa,SAElC,EACIC,EAAkB,GACtBf,EAAOgB,eAAgB,E,+ECIvB,GACAC,KAAA,aAEAC,WAAA,CACAC,gBAAAA,EAAAA,YAGAC,MAAA,CACAZ,UAAAa,SAGAC,KAAA,WACA,OACAZ,eAAAa,EAAAA,GAAAC,MACAf,gBAAAc,EAAAA,GAAAE,aAEA,EAEAC,UAAAC,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,IACAC,EAAAA,EAAAA,IAAA,qBAEAjB,QAAA,WACA,OAAAkB,EAAAA,EAAAC,cACA,EAEAC,kBAAA,eAAAC,EACA,eAAAA,EAAA,KAAAC,aAAA,IAAAD,GAAA,QAAAA,EAAAA,EAAAE,oBAAA,IAAAF,OAAA,EAAAA,EAAAG,cACA,IAGAC,QAAA,WACA,KAAAC,aAAA,KAAAN,kBACA,EAEAO,SAAAX,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,IACAY,EAAAA,EAAAA,IAAA,gDAEAF,aAAA,SAAAG,GACA,KAAAC,QAAAC,QAAA,CAAAF,MAAAA,IAAAG,MAAA,SAAAC,GAAA,OAAAA,CAAA,EACA,EACA9B,OAAA,eAAA+B,EACAL,EAAA,KAAAT,kBAEAe,EAAA,CACAC,WAAA,KAAAA,WACAP,MAAAA,GAGAQ,EAAAA,EAAAC,OAAAC,QAAAC,cAAAX,GAEA,KAAAY,kBAAAN,GAEA,KAAAO,kBAAAP,GAEA,KAAAQ,aACA,qBACA,QADAT,EACAL,EAAAe,oBAAA,IAAAV,EAAAA,EAAAL,EAAAgB,aAGA,KAAAnB,aAAAG,EACA,EAEAc,aAAA,SAAAG,EAAAC,GACA,KAAAC,OAIA,KAAAA,MAAAC,MAAAH,EAAA,CACAI,eAAA,mBACAC,YAAAJ,GAEA,KC1FsL,I,WCOlLK,GAAY,OACd,EACA/D,EACAe,GACA,EACA,KACA,KACA,MAIF,EAAegD,E","sources":["webpack://company-webapp/./src/views/Home/components/DateSelect.vue","webpack://company-webapp/src/views/Home/components/DateSelect.vue","webpack://company-webapp/./src/views/Home/components/DateSelect.vue?e0ea","webpack://company-webapp/./src/views/Home/components/DateSelect.vue?347e"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"emd-period-filter\", {\n    ref: \"periodFilter\",\n    attrs: {\n      loadingList: _vm.isLoading,\n      dropdownOptions: _vm.dropdownOptions,\n      selectedPeriod: _vm.selectedPeriod,\n      \"min-date\": _vm.minDate,\n    },\n    on: { dateFiltersChanged: _vm.search },\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <emd-period-filter\n    ref=\"periodFilter\"\n    :loadingList=\"isLoading\"\n    :dropdownOptions=\"dropdownOptions\"\n    :selectedPeriod=\"selectedPeriod\"\n    :min-date=\"minDate\"\n    @dateFiltersChanged=\"search\"\n  />\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nimport EmdPeriodFilter from '@/components/emerald/organisms/EmdPeriodFilter.vue'\n\nimport Amplitude from '@/amplitude-events/resume.amplitude'\nimport { DATE_PICKER_OPTIONS } from '@/enums/date-picker.enum'\nimport DateManager from '@/utils/date.manager'\n\nexport default {\n  name: 'DateSelect',\n\n  components: {\n    EmdPeriodFilter\n  },\n\n  props: {\n    isLoading: Boolean\n  },\n\n  data () {\n    return {\n      selectedPeriod: DATE_PICKER_OPTIONS.TODAY,\n      dropdownOptions: DATE_PICKER_OPTIONS.NON_ALL_TIME\n    }\n  },\n\n  computed: {\n    ...mapGetters(['merchantId']),\n\n    minDate () {\n      return DateManager.sixMonthsAgo()\n    },\n\n    queryPeriodFilter () {\n      return this.$refs?.periodFilter?.prepareQuery()\n    }\n  },\n\n  mounted () {\n    this.refreshRoute(this.queryPeriodFilter)\n  },\n\n  methods: {\n    ...mapActions(['GET_DATA_INSIGHTS', 'GET_BEST_ACCOUNTS']),\n\n    refreshRoute (query) {\n      this.$router.replace({ query }).catch(err => err)\n    },\n    search () {\n      const query = this.queryPeriodFilter\n\n      const params = {\n        merchantId: this.merchantId,\n        query\n      }\n\n      Amplitude.events.filters.periodChanged(query)\n\n      this.GET_DATA_INSIGHTS(params)\n\n      this.GET_BEST_ACCOUNTS(params)\n\n      this.trackClickGA(\n        'Seleção de período',\n        query.date_filters ?? query.period_type\n      )\n\n      this.refreshRoute(query)\n    },\n\n    trackClickGA (eventName, value) {\n      if (!this.$gtag) {\n        return\n      }\n\n      this.$gtag.event(eventName, {\n        event_category: 'Filtro Home Dash',\n        event_label: value\n      })\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateSelect.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateSelect.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DateSelect.vue?vue&type=template&id=952d60ec\"\nimport script from \"./DateSelect.vue?vue&type=script&lang=js\"\nexport * from \"./DateSelect.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"],"names":["render","_vm","this","_c","_self","ref","attrs","loadingList","isLoading","dropdownOptions","selectedPeriod","minDate","on","dateFiltersChanged","search","staticRenderFns","_withStripped","name","components","EmdPeriodFilter","props","Boolean","data","DATE_PICKER_OPTIONS","TODAY","NON_ALL_TIME","computed","_objectSpread","mapGetters","DateManager","sixMonthsAgo","queryPeriodFilter","_this$$refs","$refs","periodFilter","prepareQuery","mounted","refreshRoute","methods","mapActions","query","$router","replace","catch","err","_query$date_filters","params","merchantId","Amplitude","events","filters","periodChanged","GET_DATA_INSIGHTS","GET_BEST_ACCOUNTS","trackClickGA","date_filters","period_type","eventName","value","$gtag","event","event_category","event_label","component"],"sourceRoot":""}