{"version":3,"file":"js/src_views_Home_PaymentMethods_index_vue.chunk.js?id=764cc27142e5afb4fbf1","mappings":"iJAAAA,EAAOC,QAAU,SAAUC,GACzBA,EAAUC,QAAQC,OAASF,EAAUC,QAAQC,QAAU,GACvDF,EAAUC,QAAQC,OAAOC,KAAK,6ZACvBH,EAAUC,QAAQG,KAC3B,C,+FCJIC,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOA,EACL,WACA,CACEA,EACE,kBACA,CACEE,YAAaJ,EAAIK,GAAG,CAClB,CACEC,IAAK,UACLC,GAAI,WACF,MAAO,CACLL,EACE,wBACA,CAAEM,GAAI,CAAEC,QAAST,EAAIU,cACrB,CAACR,EAAG,eAAgB,CAAES,MAAO,CAAEC,KAAM,eACrC,GAGN,EACAC,OAAO,MAIb,CACEX,EAAG,WAAY,CAAES,MAAO,CAAEG,KAAM,YAAe,CAC7Cd,EAAIe,GAAG,IAAMf,EAAIgB,GAAGhB,EAAIiB,GAAG,wBAA0B,QAGzD,GAEFf,EACE,mBACA,CACEA,EACE,6BACA,CAAES,MAAO,CAAEO,QAASlB,EAAIkB,UACxBlB,EAAImB,GAAGnB,EAAIoB,eAAgB,SAAUC,GACnC,OAAOnB,EACL,oBACA,CACEI,IAAKe,EAAKf,IACVK,MAAO,CACLW,MAAOD,EAAKE,WACZC,MAAOH,EAAKG,MACZC,SAAUJ,EAAKC,MACf,gBAAiBtB,EAAI0B,WAAa1B,EAAI2B,aAAaC,QAGvD,CACEP,EAAKQ,SACD3B,EAAG,wBAAyB,CAC1BS,MAAO,CACL,YAAaU,EAAKQ,SAASC,KAC3B,eAAgBT,EAAKQ,SAASE,QAC9B,aAAc,oCAGlB/B,EAAIgC,KACR9B,EAAG,WAAY,CAACF,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAIiB,GAAGI,EAAKS,UAC1CT,EAAKY,UACD/B,EAAG,wBAAyB,CAC1BS,MAAO,CACL,YAAaU,EAAKY,UAAUH,KAC5B,eAAgBT,EAAKY,UAAUF,QAC/BL,SAAU1B,EAAI0B,SACd,aAAc,qCAGlB1B,EAAIgC,MAEV,EAEJ,GACA,IAGJ,IAGJ,EAEJ,EACIE,EAAkB,GACtBnC,EAAOoC,eAAgB,E,4HCrBvB,GACAL,KAAA,iBAEAM,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,OACAnB,aAAAoB,EAAAA,EACArB,SAAAqB,EAAAA,EAAAC,WAEA,EAEAC,MAAA,CACAH,KAAAI,OAGAC,SAAA,CACAjC,QAAA,WACA,YAAAE,eAAAgC,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,EACAlC,eAAA,WACA,WAAAuC,EAAAA,EACA,IAAAC,EAAAA,EACA,KAAAd,KACA,KAAAO,QAEAQ,KACA,GAGAC,QAAA,CACApD,YAAA,SAAAqD,GACA,KAAArC,SAAAqC,EAEAC,EAAAA,EAAAC,OAAAC,QAAAC,+BAAA,CACAJ,KAAA,KAAArC,UAEA,ICrHiL,I,+BCA2B,EAAe,ICOvN0C,GAAY,OACd,EACArE,EACAmC,GACA,EACA,KACA,KACA,MAMoB,oBAAX,GAAuB,EAAOkC,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() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"emd-card\",\n    [\n      _c(\n        \"emd-card-header\",\n        {\n          scopedSlots: _vm._u([\n            {\n              key: \"actions\",\n              fn: function () {\n                return [\n                  _c(\n                    \"dash-card-header-menu\",\n                    { on: { emitter: _vm.emitterType } },\n                    [_c(\"emerald-icon\", { attrs: { icon: \"ellipsis\" } })],\n                    1\n                  ),\n                ]\n              },\n              proxy: true,\n            },\n          ]),\n        },\n        [\n          _c(\"emd-text\", { attrs: { size: \"section\" } }, [\n            _vm._v(\" \" + _vm._s(_vm.$t(\"paymentMethodsTitle\")) + \" \"),\n          ]),\n        ],\n        1\n      ),\n      _c(\n        \"emd-card-content\",\n        [\n          _c(\n            \"dash-card-content-fallback\",\n            { attrs: { hasData: _vm.hasData } },\n            _vm._l(_vm.paymentMethods, function (item) {\n              return _c(\n                \"dash-progress-bar\",\n                {\n                  key: item.key,\n                  attrs: {\n                    value: item.percentage,\n                    color: item.color,\n                    currency: item.value,\n                    \"show-currency\": _vm.dataType === _vm.dataTypeEnum.VALUE,\n                  },\n                },\n                [\n                  item.leftIcon\n                    ? _c(\"payment-methods-icons\", {\n                        attrs: {\n                          \"icon-name\": item.leftIcon.name,\n                          \"tooltip-list\": item.leftIcon.tooltip,\n                          \"tooltip-id\": \"paymentMothods_info-tippy-left\",\n                        },\n                      })\n                    : _vm._e(),\n                  _c(\"emd-text\", [_vm._v(_vm._s(_vm.$t(item.name)))]),\n                  item.rightIcon\n                    ? _c(\"payment-methods-icons\", {\n                        attrs: {\n                          \"icon-name\": item.rightIcon.name,\n                          \"tooltip-list\": item.rightIcon.tooltip,\n                          dataType: _vm.dataType,\n                          \"tooltip-id\": \"paymentMothods_info-tippy-right\",\n                        },\n                      })\n                    : _vm._e(),\n                ],\n                1\n              )\n            }),\n            1\n          ),\n        ],\n        1\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\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","emitter","emitterType","attrs","icon","proxy","size","_v","_s","$t","hasData","_l","paymentMethods","item","value","percentage","color","currency","dataType","dataTypeEnum","VALUE","leftIcon","name","tooltip","_e","rightIcon","staticRenderFns","_withStripped","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":""}