{"version":3,"file":"js/src_views_Home_PaymentMethods_index_vue.chunk.js?id=29f32c8d90d962e396fe","mappings":"iJAAAA,EAAOC,QAAU,SAAUC,GACzBA,EAAUC,QAAQC,OAASF,EAAUC,QAAQC,QAAU,GACvDF,EAAUC,QAAQC,OAAOC,KAAK,6ZACvBH,EAAUC,QAAQG,KAC3B,C,+FCJIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,WAAW,CAACA,EAAG,kBAAkB,CAACE,YAAYJ,EAAIK,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACL,EAAG,wBAAwB,CAACM,GAAG,CAAC,QAAUR,EAAIS,cAAc,CAACP,EAAG,eAAe,CAACQ,MAAM,CAAC,KAAO,eAAe,GAAG,EAAEC,OAAM,MAAS,CAACT,EAAG,WAAW,CAACQ,MAAM,CAAC,KAAO,YAAY,CAACV,EAAIY,GAAG,IAAIZ,EAAIa,GAAGb,EAAIc,GAAG,wBAAwB,QAAQ,GAAGZ,EAAG,mBAAmB,CAACA,EAAG,6BAA6B,CAACQ,MAAM,CAAC,QAAUV,EAAIe,UAAUf,EAAIgB,GAAIhB,EAAIiB,eAAgB,SAASC,GAAM,OAAOhB,EAAG,oBAAoB,CAACI,IAAIY,EAAKZ,IAAII,MAAM,CAAC,MAAQQ,EAAKC,WAAW,MAAQD,EAAKE,MAAM,SAAWF,EAAKG,MAAM,gBAAgBrB,EAAIsB,WAAatB,EAAIuB,aAAaC,QAAQ,CAAEN,EAAKO,SAAUvB,EAAG,wBAAwB,CAACQ,MAAM,CAAC,YAAYQ,EAAKO,SAASC,KAAK,eAAeR,EAAKO,SAASE,QAAQ,aAAa,oCAAoC3B,EAAI4B,KAAK1B,EAAG,WAAW,CAACF,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIc,GAAGI,EAAKQ,UAAWR,EAAKW,UAAW3B,EAAG,wBAAwB,CAACQ,MAAM,CAAC,YAAYQ,EAAKW,UAAUH,KAAK,eAAeR,EAAKW,UAAUF,QAAQ,SAAW3B,EAAIsB,SAAS,aAAa,qCAAqCtB,EAAI4B,MAAM,EAAE,GAAG,IAAI,IAAI,EACznC,EACIE,EAAkB,G,wHC+DtB,GACAJ,KAAA,iBAEAK,WAAA,CACAC,QAAAA,EAAAA,GACAC,cAAAA,EAAAA,EACAC,eAAAA,EAAAA,GACAC,QAAAA,EAAAA,GACAC,YAAAA,EAAAA,EAEAC,gBAAAA,EAAAA,EACAC,mBAAAA,EAAAA,EACAC,wBAAAA,EAAAA,EAEAC,oBAAAA,EAAAA,GAGAC,KAAA,WACA,OACAlB,aAAAmB,EAAAA,EACApB,SAAAoB,EAAAA,EAAAC,WAEA,EAEAC,MAAA,CACAH,KAAAI,OAGAC,SAAA,CACA/B,QAAA,WACA,YAAAE,eAAA8B,OAAA,CACA,EACAC,MAAA,eAAAC,EAAAC,EACA,eAAAD,EAAA,QAAAC,EAAAC,EAAAA,EAAAC,UAAA,KAAAX,aAAA,IAAAS,OAAA,EAAAA,EAAAG,gBAAA,IAAAJ,EAAAA,EAAA,CACA,EACAhC,eAAA,WACA,WAAAqC,EAAAA,EACA,IAAAC,EAAAA,EACA,KAAAd,KACA,KAAAO,QAEAQ,KACA,GAGAC,QAAA,CACAhD,YAAA,SAAAiD,GACA,KAAApC,SAAAoC,EAEAC,EAAAA,EAAAC,OAAAC,QAAAC,+BAAA,CACAJ,KAAA,KAAApC,UAEA,ICrHiL,I,+BCA2B,EAAe,ICOvNyC,GAAY,OACd,EACAhE,EACA+B,GACA,EACA,KACA,KACA,MAMoB,oBAAX,GAAuB,EAAOiC,GAEzC,MAAeA,E","sources":["webpack://company-webapp/./src/views/Home/PaymentMethods/index.vue?4672","webpack://company-webapp/./src/views/Home/PaymentMethods/index.vue","webpack://company-webapp/src/views/Home/PaymentMethods/index.vue","webpack://company-webapp/./src/views/Home/PaymentMethods/index.vue?5d4f","webpack://company-webapp/./src/views/Home/PaymentMethods/index.vue?2f4d","webpack://company-webapp/./src/views/Home/PaymentMethods/index.vue?bc8c"],"sourcesContent":["module.exports = function (Component) {\n  Component.options.__i18n = Component.options.__i18n || []\n  Component.options.__i18n.push('{\"pt-BR\":{\"paymentMethodsTitle\":\"Formas de pagamento mais utilizadas\",\"paymentMethodsDescription\":\"Top 5 formas de pagamento mais utilizadas na criação das cobranças.\",\"disclaimer\":\"Não inclui cobranças em processamento.\"},\"en-US\":{\"paymentMethodsTitle\":\"Top Payment Methods\",\"paymentMethodsDescription\":\"Top 5 Payment Methods for charge creation.\",\"disclaimer\":\"Doesn\\u0027t include processing charges.\"}}')\n  delete Component.options._Ctor\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('emd-card',[_c('emd-card-header',{scopedSlots:_vm._u([{key:\"actions\",fn:function(){return [_c('dash-card-header-menu',{on:{\"emitter\":_vm.emitterType}},[_c('emerald-icon',{attrs:{\"icon\":\"ellipsis\"}})],1)]},proxy:true}])},[_c('emd-text',{attrs:{\"size\":\"section\"}},[_vm._v(\" \"+_vm._s(_vm.$t('paymentMethodsTitle'))+\" \")])],1),_c('emd-card-content',[_c('dash-card-content-fallback',{attrs:{\"hasData\":_vm.hasData}},_vm._l((_vm.paymentMethods),function(item){return _c('dash-progress-bar',{key:item.key,attrs:{\"value\":item.percentage,\"color\":item.color,\"currency\":item.value,\"show-currency\":_vm.dataType === _vm.dataTypeEnum.VALUE}},[(item.leftIcon)?_c('payment-methods-icons',{attrs:{\"icon-name\":item.leftIcon.name,\"tooltip-list\":item.leftIcon.tooltip,\"tooltip-id\":\"paymentMothods_info-tippy-left\"}}):_vm._e(),_c('emd-text',[_vm._v(_vm._s(_vm.$t(item.name)))]),(item.rightIcon)?_c('payment-methods-icons',{attrs:{\"icon-name\":item.rightIcon.name,\"tooltip-list\":item.rightIcon.tooltip,\"dataType\":_vm.dataType,\"tooltip-id\":\"paymentMothods_info-tippy-right\"}}):_vm._e()],1)}),1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <emd-card>\n    <emd-card-header>\n      <emd-text size=\"section\"> {{ $t('paymentMethodsTitle') }} </emd-text>\n      <template #actions>\n        <dash-card-header-menu @emitter=\"emitterType\">\n          <emerald-icon icon=\"ellipsis\" />\n        </dash-card-header-menu>\n      </template>\n    </emd-card-header>\n\n    <emd-card-content>\n      <dash-card-content-fallback :hasData=\"hasData\">\n        <dash-progress-bar\n          v-for=\"item in paymentMethods\"\n          :key=\"item.key\"\n          :value=\"item.percentage\"\n          :color=\"item.color\"\n          :currency=\"item.value\"\n          :show-currency=\"dataType === dataTypeEnum.VALUE\"\n        >\n          <payment-methods-icons\n            v-if=\"item.leftIcon\"\n            :icon-name=\"item.leftIcon.name\"\n            :tooltip-list=\"item.leftIcon.tooltip\"\n            tooltip-id=\"paymentMothods_info-tippy-left\"\n          />\n\n          <emd-text>{{ $t(item.name) }}</emd-text>\n\n          <payment-methods-icons\n            v-if=\"item.rightIcon\"\n            :icon-name=\"item.rightIcon.name\"\n            :tooltip-list=\"item.rightIcon.tooltip\"\n            :dataType=\"dataType\"\n            tooltip-id=\"paymentMothods_info-tippy-right\"\n          />\n        </dash-progress-bar>\n      </dash-card-content-fallback>\n    </emd-card-content>\n  </emd-card>\n</template>\n\n<script>\nimport {\n  EmdText,\n  EmdCard,\n  EmdCardHeader,\n  EmdCardContent\n} from 'emerald-vue/src/components'\nimport EmeraldIcon from '@/components/emerald/atoms/EmeraldIcon.vue'\n\nimport Amplitude from '@/amplitude-events/resume.amplitude'\nimport { DASHBOARD_DATA_TYPE_ENUM } from '@/enums/dash-progress-data-type.enum'\nimport MathManager from '@/utils/math.manager'\n\nimport PaymentMethodsIcons from '@/components/project/globals/PaymentMethodsIcons/index.vue'\nimport DashProgressBar from '../components/DashProgressBar/index.vue'\nimport DashCardHeaderMenu from '../components/DashCardHeaderMenu/index.vue'\nimport DashCardContentFallback from '../components/DashCardContentFallback/index.vue'\n\nimport DashProgressManager from '../dash-progress.manager'\n\nimport PaymentMethodsManager from './payment-methods.manager'\n\nexport default {\n  name: 'PaymentMethods',\n\n  components: {\n    EmdCard,\n    EmdCardHeader,\n    EmdCardContent,\n    EmdText,\n    EmeraldIcon,\n\n    DashProgressBar,\n    DashCardHeaderMenu,\n    DashCardContentFallback,\n\n    PaymentMethodsIcons\n  },\n\n  data () {\n    return {\n      dataTypeEnum: DASHBOARD_DATA_TYPE_ENUM,\n      dataType: DASHBOARD_DATA_TYPE_ENUM.PERCENTAGE\n    }\n  },\n\n  props: {\n    data: Array\n  },\n\n  computed: {\n    hasData () {\n      return this.paymentMethods.length > 0\n    },\n    total () {\n      return MathManager.sumByKeys(this.data)?.quantity ?? 0\n    },\n    paymentMethods () {\n      return new PaymentMethodsManager( //\n        new DashProgressManager(\n          this.data, //\n          this.total\n        )\n      ).get()\n    }\n  },\n\n  methods: {\n    emitterType (type) {\n      this.dataType = type\n\n      Amplitude.events.filters.paymentMethodsTypeValueChanged({\n        type: this.dataType\n      })\n    }\n  }\n}\n</script>\n\n<i18n>\n  {\n    \"pt-BR\": {\n      \"paymentMethodsTitle\": \"Formas de pagamento mais utilizadas\",\n      \"paymentMethodsDescription\": \"Top 5 formas de pagamento mais utilizadas na criação das cobranças.\",\n      \"disclaimer\": \"Não inclui cobranças em processamento.\"\n    },\n    \"en-US\": {\n      \"paymentMethodsTitle\": \"Top Payment Methods\",\n      \"paymentMethodsDescription\": \"Top 5 Payment Methods for charge creation.\",\n      \"disclaimer\": \"Doesn't include processing charges.\"\n    }\n\n  }\n  </i18n>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.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!./index.vue?vue&type=script&lang=js\"","import mod from \"-!../../../../node_modules/@intlify/vue-i18n-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=custom&index=0&blockType=i18n\"; export default mod; export * from \"-!../../../../node_modules/@intlify/vue-i18n-loader/lib/index.js!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=custom&index=0&blockType=i18n\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0d7c1cd1\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.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\n/* custom blocks */\nimport block0 from \"./index.vue?vue&type=custom&index=0&blockType=i18n\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports"],"names":["module","exports","Component","options","__i18n","push","_Ctor","render","_vm","this","_c","_self","scopedSlots","_u","key","fn","on","emitterType","attrs","proxy","_v","_s","$t","hasData","_l","paymentMethods","item","percentage","color","value","dataType","dataTypeEnum","VALUE","leftIcon","name","tooltip","_e","rightIcon","staticRenderFns","components","EmdCard","EmdCardHeader","EmdCardContent","EmdText","EmeraldIcon","DashProgressBar","DashCardHeaderMenu","DashCardContentFallback","PaymentMethodsIcons","data","DASHBOARD_DATA_TYPE_ENUM","PERCENTAGE","props","Array","computed","length","total","_MathManager$sumByKey","_MathManager$sumByKey2","MathManager","sumByKeys","quantity","PaymentMethodsManager","DashProgressManager","get","methods","type","Amplitude","events","filters","paymentMethodsTypeValueChanged","component"],"sourceRoot":""}