{"version":3,"file":"js/src_views_Home_PaymentMethods_index_vue-src_views_Home_components_DashCardContentFallback_ind-0f28d1.chunk.js?id=dd38d79a6b224057d088","mappings":"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","sources":["webpack://company-webapp/./src/views/Home/PaymentMethods/index.vue?4672","webpack://company-webapp/./src/views/Home/components/DashCardHeaderMenu/index.vue?3501","webpack://company-webapp/./src/views/Home/PaymentMethods/payment-methods.labels.js","webpack://company-webapp/./src/views/Home/PaymentMethods/payment-methods.manager.js","webpack://company-webapp/./src/components/project/globals/PaymentMethodsIcons/index.vue","webpack://company-webapp/./src/enums/payment-methods-icons.enum.js","webpack://company-webapp/src/components/project/globals/PaymentMethodsIcons/index.vue","webpack://company-webapp/./src/components/project/globals/PaymentMethodsIcons/index.vue?c05a","webpack://company-webapp/./src/components/project/globals/PaymentMethodsIcons/index.vue?8faa","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","webpack://company-webapp/./src/views/Home/components/DashCardHeaderMenu/index.vue","webpack://company-webapp/src/views/Home/components/DashCardHeaderMenu/index.vue","webpack://company-webapp/./src/views/Home/components/DashCardHeaderMenu/index.vue?ace5","webpack://company-webapp/./src/views/Home/components/DashCardHeaderMenu/index.vue?78fc","webpack://company-webapp/./src/views/Home/components/DashCardHeaderMenu/index.vue?dee2"],"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","module.exports = function (Component) {\n  Component.options.__i18n = Component.options.__i18n || []\n  Component.options.__i18n.push('{\"pt-BR\":{\"viewBy\":\"Visualizar por\",\"percentage\":\"Total de cobranças em %\",\"value\":\"Valor transacionado em R$\",\"tippy\":\"Clique para visualizar por:\"},\"en-US\":{\"viewBy\":\"View by\",\"percentage\":\"Total charges in %\",\"value\":\"Transacted value in R$\",\"tippy\":\"Click to view by:\"}}')\n  delete Component.options._Ctor\n}\n","export default {\n  boleto: 'payment-method.boleto',\n  credit_card: 'payment-method.credit-card',\n  bank_transfer: 'payment-method.bank-transfer',\n  debit: 'payment-method.debit',\n  debit_card: 'payment-method.debit',\n  private_label: 'payment-method.private-label',\n  cash: 'payment-method.cash',\n  safety_pay: 'payment-method.safety-pay',\n  voucher: 'payment-method.voucher',\n  pix: 'payment-method.pix',\n  others: 'payment-method.others'\n}\n","import PAYMENT_METHODS_LABELS from './payment-methods.labels'\nclass PaymentMethodsManager {\n  dashProgressManager\n\n  constructor (dashProgressManager) {\n    this.dashProgressManager = dashProgressManager\n  }\n\n  defaultStructure = Object.keys(PAYMENT_METHODS_LABELS)\n\n  /**\n   * parseLabel takes in a single parameter label and returns a string value by matching the label parameter\n   * with the key of an object validationLabel.\n   * The validationLabel object has properties that are string keys, such as 'boleto',\n   * 'credit_card', 'bank_transfer', etc., and their values are string as well, such as 'payment-method.boleto',\n   * 'payment-method.credit-card', 'payment-method.bank-transfer' etc.\n   * @param {String} label the label to convert\n   * @returns String\n   */\n  parseLabel (label) {\n    const validationLabel = {\n      ...PAYMENT_METHODS_LABELS\n    }\n    return validationLabel[label]\n  }\n\n  /**\n   * Executes all the methods\n   * @returns Array\n   */\n  get () {\n    return this.dashProgressManager.get(this.defaultStructure, this.parseLabel)\n  }\n}\n\nexport default PaymentMethodsManager\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.hasFontIcon)?_c('em',{staticClass:\"eu-mr_1 uil\",class:_vm.computedFontIcon.name,attrs:{\"transform\":_vm.computedFontIcon.transform,\"data-testid\":\"font-icon\"}}):(_vm.iconName === 'pix')?_c('emerald-icon',{staticClass:\"eu-mr_1\",staticStyle:{\"max-width\":\"unset\",\"height\":\"18px\",\"color\":\"#595a63\"},attrs:{\"icon\":\"pix-outline\",\"data-testid\":\"emerald-icon-pix\"}}):(_vm.iconName === 'others')?_c('emerald-icon',{staticClass:\"eu-mr_1\",staticStyle:{\"width\":\"16px\",\"height\":\"16px\"},attrs:{\"icon\":\"ellipsis\",\"data-testid\":\"emerald-icon-others\"}}):(_vm.showTippy)?_c('div',{staticClass:\"eu-ml_1\",attrs:{\"data-testid\":\"dash-progress\"}},[_c('emd-tippy',{key:_vm.dataType,attrs:{\"id\":_vm.tooltipId,\"data-template\":_vm.tooltipId,\"position\":\"top\",\"aria-expanded\":\"true\",\"type\":\"html\",\"data-testid\":\"emd-tippy-dash-info-icon\"}},[_c('em',{staticClass:\"emd-text _color_success uil uil-info-circle\"}),_c('emd-tippy-template-HTML',{attrs:{\"id\":_vm.tooltipId}},_vm._l((_vm.tooltipList),function(item){return _c('emd-text',{key:item.name,attrs:{\"size\":\"tiny\",\"data-testid\":\"emd-text-dash-info-icon\"}},[_vm._v(\" \"+_vm._s(_vm.$t(item.name))+\" \"),(item.percentage || item.value)?_c('b',{staticClass:\"_type_bold\"},[_vm._v(\": \"+_vm._s(_vm.getValue(item)))]):_vm._e(),_c('br')])}),1)],1)],1):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const PAYMENT_METHODS_ICONS = {\n  credit_card: {\n    name: 'uil-credit-card',\n    transform: 'width-18'\n  },\n  boleto: {\n    name: 'uil-invoice',\n    transform: 'width-20'\n  },\n  voucher: {\n    name: 'uil-ticket',\n    transform: 'width-18'\n  },\n  debit_card: {\n    name: 'uil-card-atm',\n    transform: 'width-18'\n  },\n  bank_transfer: {\n    name: 'uil-exchange',\n    transform: 'width-16'\n  },\n  safety_pay: {\n    name: 'uil-play-circle',\n    transform: 'width-16'\n  },\n  private_label: {\n    name: 'uil-tag-alt',\n    transform: 'width-16'\n  },\n  cash: {\n    name: 'uil-money-bill',\n    transform: 'width-16'\n  }\n}\n\nexport default PAYMENT_METHODS_ICONS\n","<template>\n  <div>\n    <em\n      v-if=\"hasFontIcon\"\n      class=\"eu-mr_1 uil\"\n      :class=\"computedFontIcon.name\"\n      :transform=\"computedFontIcon.transform\"\n      data-testid=\"font-icon\"\n    />\n    <emerald-icon\n      v-else-if=\"iconName === 'pix'\"\n      icon=\"pix-outline\"\n      class=\"eu-mr_1\"\n      style=\"max-width: unset; height: 18px; color: #595a63\"\n      data-testid=\"emerald-icon-pix\"\n    />\n    <emerald-icon\n      v-else-if=\"iconName === 'others'\"\n      icon=\"ellipsis\"\n      class=\"eu-mr_1\"\n      style=\"width: 16px; height: 16px\"\n      data-testid=\"emerald-icon-others\"\n    />\n    <div\n      v-else-if=\"showTippy\"\n      class=\"eu-ml_1\"\n      data-testid=\"dash-progress\"\n    >\n      <emd-tippy\n        :id=\"tooltipId\"\n        :data-template=\"tooltipId\"\n        :key=\"dataType\"\n        position=\"top\"\n        aria-expanded=\"true\"\n        type=\"html\"\n        data-testid=\"emd-tippy-dash-info-icon\"\n      >\n        <em class=\"emd-text _color_success uil uil-info-circle\" />\n        <emd-tippy-template-HTML :id=\"tooltipId\">\n          <emd-text\n            v-for=\"item in tooltipList\"\n            :key=\"item.name\"\n            size=\"tiny\"\n            data-testid=\"emd-text-dash-info-icon\"\n          >\n            {{ $t(item.name) }}\n            <b\n              v-if=\"item.percentage || item.value\"\n              class=\"_type_bold\"\n              >: {{ getValue(item) }}</b\n            >\n            <br />\n          </emd-text>\n        </emd-tippy-template-HTML>\n      </emd-tippy>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  EmdText,\n  EmdTippy,\n  EmdTippyTemplateHTML\n} from 'emerald-vue/src/components'\n\nimport EmeraldIcon from '@/components/emerald/atoms/EmeraldIcon'\n\nimport { DASHBOARD_DATA_TYPE_ENUM } from '../../../../enums/dash-progress-data-type.enum'\nimport { PAYMENT_METHODS_ICONS } from '../../../../enums/payment-methods-icons.enum'\n\nexport default {\n  name: 'PaymentMethodIcons',\n\n  components: {\n    EmeraldIcon,\n    EmdText,\n    EmdTippy,\n    EmdTippyTemplateHTML\n  },\n\n  props: {\n    iconName: {\n      type: String,\n      required: true,\n      validation: icon => Object.keys(PAYMENT_METHODS_ICONS).includes(icon)\n    },\n    tooltipList: {\n      type: Array,\n      default: () => []\n    },\n    tooltipId: {\n      type: String,\n      default: 'paymentMothodsIcons_info-tippy'\n    },\n    dataType: {\n      type: String,\n      default: () => DASHBOARD_DATA_TYPE_ENUM.PERCENTAGE,\n      validation: type => Object.keys(DASHBOARD_DATA_TYPE_ENUM).includes(type)\n    }\n  },\n\n  computed: {\n    computedFontIcon () {\n      return PAYMENT_METHODS_ICONS[this.iconName]\n    },\n    hasFontIcon () {\n      return this.computedFontIcon?.name ?? false\n    },\n    showTippy () {\n      return this.iconName.includes('tooltip') && this.tooltipList?.length > 0\n    }\n  },\n\n  methods: {\n    getValue ({ percentage, value }) {\n      return this.dataType === DASHBOARD_DATA_TYPE_ENUM.PERCENTAGE\n        ? percentage + '%'\n        : value\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!./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 { render, staticRenderFns } from \"./index.vue?vue&type=template&id=26890376\"\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\nexport default component.exports","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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('emd-dropdown',{scopedSlots:_vm._u([{key:\"trigger\",fn:function(){return [_c('emd-tippy',{staticClass:\"eu-cursor_pointer\",attrs:{\"id\":\"dash-card-header-menu-tippy\",\"type\":\"simple\",\"position\":\"bottom\",\"content\":_vm.$t('tippy')}},[_vm._t(\"default\")],2)]},proxy:true}],null,true)},[[_c('emd-text',{staticClass:\"_color_subtle eu-ma_2\",attrs:{\"size\":\"medium\"}},[_vm._v(\" \"+_vm._s(_vm.$t('viewBy'))+\" \")]),_vm._l((_vm.dataTypes),function(item){return _c('emd-nav-list',{key:item.type,attrs:{\"column\":\"\"}},[_c('div',{staticClass:\"emd-nav-list__item dash-card-header-menu__item\",on:{\"click\":function($event){return _vm.emitter(item.type)}}},[_c('emd-nav-list-item',{attrs:{\"color\":item.active ? 'primary' : 'tertiary'}},[_vm._v(\" \"+_vm._s(_vm.$t(item.label))+\" \")])],1)])})]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <emd-dropdown>\n    <template #trigger>\n      <emd-tippy\n        id=\"dash-card-header-menu-tippy\"\n        class=\"eu-cursor_pointer\"\n        type=\"simple\"\n        position=\"bottom\"\n        :content=\"$t('tippy')\"\n      >\n        <slot></slot>\n      </emd-tippy>\n    </template>\n    <template>\n      <emd-text\n        size=\"medium\"\n        class=\"_color_subtle eu-ma_2\"\n      >\n        {{ $t('viewBy') }}\n      </emd-text>\n      <emd-nav-list\n        v-for=\"item in dataTypes\"\n        :key=\"item.type\"\n        column\n      >\n        <div\n          class=\"emd-nav-list__item dash-card-header-menu__item\"\n          @click=\"emitter(item.type)\"\n        >\n          <emd-nav-list-item :color=\"item.active ? 'primary' : 'tertiary'\">\n            {{ $t(item.label) }}\n          </emd-nav-list-item>\n        </div>\n      </emd-nav-list>\n    </template>\n  </emd-dropdown>\n</template>\n\n<script>\nimport {\n  EmdNavList,\n  EmdNavListItem,\n  EmdText,\n  EmdDropdown,\n  EmdTippy\n} from 'emerald-vue/src/components'\n\nimport { DASHBOARD_DATA_TYPE_ENUM } from '../../../../enums/dash-progress-data-type.enum'\n\nexport default {\n  name: 'DashWebappIndex',\n  components: {\n    EmdDropdown,\n    EmdNavList,\n    EmdNavListItem,\n    EmdText,\n    EmdTippy\n  },\n\n  data () {\n    return {\n      dataTypes: [\n        {\n          type: DASHBOARD_DATA_TYPE_ENUM.PERCENTAGE,\n          label: 'percentage',\n          active: true\n        },\n        {\n          type: DASHBOARD_DATA_TYPE_ENUM.VALUE,\n          label: 'value',\n          active: false\n        }\n      ]\n    }\n  },\n\n  methods: {\n    emitter (type) {\n      this.$emit('emitter', type)\n      this.toggleActiveItem(type)\n    },\n    toggleActiveItem (type) {\n      this.dataTypes.forEach(el => {\n        el.active = el.type === type\n      })\n    }\n  }\n}\n</script>\n\n<style>\n.emd-nav-list__item.dash-card-header-menu__item .emd-nav-list__link:hover {\n  color: var(--brand--le--primary-color--base, #65a300);\n}\n</style>\n\n<i18n>\n  {\n    \"pt-BR\": {\n      \"viewBy\": \"Visualizar por\",\n      \"percentage\": \"Total de cobranças em %\",\n      \"value\": \"Valor transacionado em R$\",\n      \"tippy\": \"Clique para visualizar por:\"\n    },\n    \"en-US\": {\n      \"viewBy\": \"View by\",\n      \"percentage\": \"Total charges in %\",\n      \"value\": \"Transacted value in R$\",\n      \"tippy\": \"Click to view by:\"\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=570fca0e\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=570fca0e&prod&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  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","boleto","credit_card","bank_transfer","debit","debit_card","private_label","cash","safety_pay","voucher","pix","others","PaymentMethodsManager","dashProgressManager","_classCallCheck","_defineProperty","Object","keys","PAYMENT_METHODS_LABELS","this","_createClass","key","value","label","validationLabel","_objectSpread","get","defaultStructure","parseLabel","render","_vm","_c","_self","hasFontIcon","staticClass","class","computedFontIcon","name","attrs","transform","iconName","staticStyle","showTippy","dataType","tooltipId","_l","tooltipList","item","_v","_s","$t","percentage","getValue","_e","staticRenderFns","PAYMENT_METHODS_ICONS","components","EmeraldIcon","EmdText","EmdTippy","EmdTippyTemplateHTML","props","type","String","required","validation","icon","includes","Array","default","DASHBOARD_DATA_TYPE_ENUM","PERCENTAGE","computed","_this$computedFontIco","_this$computedFontIco2","_this$tooltipList","length","methods","_ref","component","scopedSlots","_u","fn","on","emitterType","proxy","hasData","paymentMethods","color","dataTypeEnum","VALUE","leftIcon","tooltip","rightIcon","EmdCard","EmdCardHeader","EmdCardContent","DashProgressBar","DashCardHeaderMenu","DashCardContentFallback","PaymentMethodsIcons","data","total","_MathManager$sumByKey","_MathManager$sumByKey2","MathManager","sumByKeys","quantity","DashProgressManager","Amplitude","events","filters","paymentMethodsTypeValueChanged","_t","dataTypes","$event","emitter","active","EmdDropdown","EmdNavList","EmdNavListItem","$emit","toggleActiveItem","forEach","el"],"sourceRoot":""}