{"version":3,"sources":["webpack:///./src/config/lang/helpers/translationParameterHelper.js","webpack:///./src/assets/img/icons/arrow-right-gray.svg","webpack:///./src/views/ChangePixType.vue?ad4b","webpack:///./src/views/ChangePixType.vue","webpack:///src/views/ChangePixType.vue","webpack:///./src/views/ChangePixType.vue?234a","webpack:///./src/views/ChangePixType.vue?93a9"],"names":["getPaymentMethodTranslationParameterName","paymentType","PaymentTypes","CREDIT_CARD","BOLETO","DEBIT_CARD","PIX","QRCODE","VOUCHER","QRCODE_DEBIT","CLICK_TO_PAY","PAT_ELO_VOUCHER","GOOGLE_PAY","PIX_OPEN_FINANCE","module","exports","render","_vm","this","_c","_self","staticClass","attrs","domProps","_s","$ml","get","_l","availablePixPaymentTypes","index","key","on","$event","handePaymentType","PixTypeIcon","PixTypeTitle","Text","PixTypeText","_e","PixTypeNews","require","goToPreviousPage","style","staticRenderFns","CieloLayout","CieloButtonV2","components","mounted","$store","commit","computed","_objectSpread","mapGetters","methods","logEvent","category","action","label","concat","Id","discount","paymentMethodId","dispatch","root","PixTypeStartView","type","translationParameterHelper","component"],"mappings":"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","file":"js/chunk-3d961464.js","sourcesContent":["import PaymentTypes from '@/models/PaymentTypes.js';\r\n\r\nexport default {\r\n    getPaymentMethodTranslationParameterName(paymentType) {\r\n        switch(paymentType) {\r\n        case PaymentTypes.CREDIT_CARD:\r\n            return 'creditCard';\r\n        case PaymentTypes.BOLETO:\r\n            return 'boleto';\r\n        case PaymentTypes.DEBIT_CARD:\r\n            return 'debitCard';\r\n        case PaymentTypes.PIX:\r\n            return 'pix';\r\n        case PaymentTypes.QRCODE:\r\n            return 'qrCodePay';\r\n        case PaymentTypes.VOUCHER:\r\n            return 'voucher';\r\n        case PaymentTypes.QRCODE_DEBIT:\r\n            return 'qrCodeDebit';\r\n        case PaymentTypes.CLICK_TO_PAY:\r\n            return 'clickToPay';\r\n        case PaymentTypes.PAT_ELO_VOUCHER:\r\n            return 'patEloVoucher';\r\n        case PaymentTypes.GOOGLE_PAY:\r\n            return 'googlePay';\r\n        case PaymentTypes.PIX_OPEN_FINANCE:\r\n            return 'pixOpenFiance';\r\n        }\r\n    }\r\n};","module.exports = __webpack_public_path__ + \"img/arrow-right-gray.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChangePixType.vue?vue&type=style&index=0&id=7d39ff58&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('CieloLayout',[_c('div',{staticClass:\"cpt\"},[_c('h4',{staticClass:\"cpt__main-title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('changePixTypeTitle'))}}),_c('ul',{staticClass:\"cpt__list\",attrs:{\"tabindex\":\"0\"}},_vm._l((_vm.availablePixPaymentTypes),function(paymentType,index){return _c('li',{key:index,staticClass:\"cpt__list-item\"},[_c('button',{staticClass:\"pix-type\",on:{\"click\":function($event){return _vm.handePaymentType(paymentType)}}},[_c('img',{staticClass:\"pix-type__img\",attrs:{\"src\":paymentType.PixTypeIcon,\"alt\":\"\",\"tabindex\":\"-1\"}}),_c('p',{staticClass:\"pix-type__info\"},[_c('span',{staticClass:\"pix-type__name\",domProps:{\"textContent\":_vm._s(paymentType.PixTypeTitle)}}),(paymentType.Text)?_c('small',{staticClass:\"pix-type__text\"},[_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get(paymentType.PixTypeText))}})]):_vm._e()]),(paymentType.PixTypeNews)?_c('small',{staticClass:\"pix-type__new-flag\",domProps:{\"textContent\":_vm._s(_vm.$ml.get('new'))}}):_vm._e(),_c('img',{staticClass:\"pix-type__chevron\",attrs:{\"src\":require(\"@/assets/img/icons/arrow-right-gray.svg\"),\"alt\":\"\",\"tabindex\":\"-1\"}})])])}),0),_c('div',{staticClass:\"cpt__op-info\"},[_c('strong',{attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('changePixTypeOpenFinanceInfo1'))}}),_c('span',{attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('changePixTypeOpenFinanceInfo2'))}})])]),_c('CieloButtonV2',{attrs:{\"transparent\":true},on:{\"click\":_vm.goToPreviousPage}},[_c('span',{style:({ 'font-weight': 600 }),domProps:{\"textContent\":_vm._s(_vm.$ml.get('back'))}})])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <CieloLayout>\r\n        <div class=\"cpt\">\r\n            <h4 class=\"cpt__main-title\" v-text=\"$ml.get('changePixTypeTitle')\" tabindex=\"0\" />\r\n\r\n            <ul class=\"cpt__list\" tabindex=\"0\">\r\n                <li\r\n                    class=\"cpt__list-item\"\r\n                    v-for=\"(paymentType, index) in availablePixPaymentTypes\"\r\n                    :key=\"index\"\r\n                >\r\n                    <button\r\n                        class=\"pix-type\"\r\n                        @click=\"handePaymentType(paymentType)\"\r\n                    >\r\n                        <img class=\"pix-type__img\" :src=\"paymentType.PixTypeIcon\" alt=\"\" tabindex=\"-1\" />\r\n\r\n                        <p class=\"pix-type__info\">\r\n                            <span\r\n                                class=\"pix-type__name\"\r\n                                v-text=\"paymentType.PixTypeTitle\"\r\n                            />\r\n                            <small v-if=\"paymentType.Text\" class=\"pix-type__text\">\r\n                                <span v-text=\"$ml.get(paymentType.PixTypeText)\" />\r\n                            </small>\r\n                        </p>\r\n\r\n                        <small v-if=\"paymentType.PixTypeNews\" class=\"pix-type__new-flag\" v-text=\"$ml.get('new')\" />\r\n\r\n                        <img class=\"pix-type__chevron\" src=\"@/assets/img/icons/arrow-right-gray.svg\" alt=\"\" tabindex=\"-1\" />\r\n                    </button>\r\n                </li>\r\n            </ul>\r\n\r\n            <div class=\"cpt__op-info\">\r\n                <strong v-text=\"$ml.get('changePixTypeOpenFinanceInfo1')\" tabindex=\"0\" />\r\n                <span v-text=\"$ml.get('changePixTypeOpenFinanceInfo2')\" tabindex=\"0\" />\r\n            </div>\r\n        </div>\r\n\r\n        <CieloButtonV2 @click=\"goToPreviousPage\" :transparent=\"true\">\r\n            <span :style=\"{ 'font-weight': 600 }\" v-text=\"$ml.get('back')\" />\r\n        </CieloButtonV2>\r\n    </CieloLayout>\r\n</template>\r\n\r\n<script>\r\n    import { mapGetters } from 'vuex';\r\n    import { logEvent } from '@/helpers/cieloLogger';\r\n    import translationParameterHelper from '@/config/lang/helpers/translationParameterHelper.js';\r\n    const CieloLayout = () => import(\r\n        /* webpackChunkName: \"cielo-layout\" */ '@/components/layout/CieloLayout'\r\n    );\r\n    const CieloButtonV2 = () => import(\r\n        /* webpackChunkName: \"cielo-button\" */ '@/components/template/CieloButtonV2'\r\n    );\r\n\r\n    export default {\r\n        components: {\r\n            CieloLayout,\r\n            CieloButtonV2\r\n        },\r\n\r\n        mounted() {\r\n            this.$store.commit('payment/resetPaymentMethod');\r\n        },\r\n\r\n        computed: {\r\n            ...mapGetters({\r\n                availablePixPaymentTypes: 'paymentTypes/getPixTypes',\r\n            })\r\n        },\r\n\r\n        methods: {\r\n            handePaymentType(paymentType) {\r\n\r\n                logEvent({\r\n                    category: 'checkout',\r\n                    action: 'selecao_pagamento',\r\n                    label: `PaymentType: ${paymentType.Id}`\r\n                });\r\n\r\n                this.$store.commit('payment/setPaymentType', paymentType.Id);\r\n                this.$store.commit('payment/setDiscount', paymentType.discount);\r\n\r\n                if (paymentType.paymentMethodId) {\r\n                    this.$store.dispatch(\r\n                        'payment/setPaymentMethod',\r\n                        paymentType.paymentMethodId,\r\n                        { root: true }\r\n                    );\r\n                }\r\n\r\n                this.$store.dispatch('pipelineV2/pushTo', paymentType.PixTypeStartView);\r\n            },\r\n\r\n            goToPreviousPage() {\r\n                this.$store.dispatch('pipelineV2/pushTo', 'ChangePaymentType');\r\n            },\r\n\r\n            getPaymentMethodTranslationParameterName(type) {\r\n                return translationParameterHelper.getPaymentMethodTranslationParameterName(\r\n                    type\r\n                );\r\n            }\r\n        }\r\n    };\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n    .cpt {\r\n        margin-bottom: 32px;\r\n\r\n        @media screen and (max-width: 1024px) {\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex: 1 0 auto;\r\n        }\r\n\r\n        &__main-title {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        &__list {\r\n            list-style-type: none;\r\n            padding: 0;\r\n        }\r\n\r\n        &__list-item {}\r\n\r\n        &__op-info {\r\n            padding: 16px;\r\n            border-radius: 12px;\r\n            background-color: #EFF1F3;\r\n            margin-top: 32px;\r\n            strong,\r\n            span {\r\n                font-size: 14px;\r\n                display: block;\r\n            }\r\n        }\r\n    }\r\n\r\n    .pix-type {\r\n        display: flex;\r\n        align-items: center;\r\n        position: relative;\r\n        padding: 20px 0px;\r\n        background-color: transparent;\r\n        border: none;\r\n        border-bottom: 1px solid #B8C1CC;\r\n        width: 100%;\r\n\r\n        &:hover,\r\n        &:focus {\r\n            background-color: #EFF1F3;\r\n        }\r\n\r\n        &__img {\r\n            width: 24px;\r\n            height: 24px;\r\n            margin-right: 12px;\r\n        }\r\n\r\n        &__info {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        &__name {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            line-height: 10px;\r\n            color: #2F363E;\r\n        }\r\n\r\n        &__text {\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            line-height: 10px;\r\n            color: #5C6A7B;\r\n            margin-top: 12px;\r\n        }\r\n\r\n        &__new-flag {\r\n            position: absolute;\r\n            top: 50%;\r\n            right: 41px;\r\n            transform: translateY(-50%);\r\n            background-color: #9747FF29;\r\n            color: #5B169C;\r\n            padding: 6px 8px;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            line-height: 16px;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        &__chevron {\r\n            position: absolute;\r\n            top: 50%;\r\n            right: 0;\r\n            transform: translateY(-50%);\r\n            width: 24px;\r\n            height: 24px;\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChangePixType.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChangePixType.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChangePixType.vue?vue&type=template&id=7d39ff58&scoped=true&\"\nimport script from \"./ChangePixType.vue?vue&type=script&lang=js&\"\nexport * from \"./ChangePixType.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChangePixType.vue?vue&type=style&index=0&id=7d39ff58&prod&scoped=true&lang=scss&\"\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  \"7d39ff58\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}