{"version":3,"sources":["webpack:///./src/views/ClickToPay/steps/UnifiedCardPayment.vue","webpack:///src/views/ClickToPay/steps/UnifiedCardPayment.vue","webpack:///./src/views/ClickToPay/steps/UnifiedCardPayment.vue?e4d2","webpack:///./src/views/ClickToPay/steps/UnifiedCardPayment.vue?3282","webpack:///./src/views/ClickToPay/steps/UnifiedCardPayment.vue?f384"],"names":["render","_vm","this","_c","_self","staticClass","attrs","availableCardBrands","cardNumber","paymentMethodImage","holder","securityCode","validDate","installmentList","numberOfInstallments","expiryError","cardError","installmentIsFixed","on","setCardNumber","value","$ml","get","model","rememberMeAgreement","callback","$$v","expression","domProps","_s","renderMobile","productHasShipping","_e","addressErrors","directives","name","rawName","isNational","errors","first","nationalIdentification","agreement","_v","showTerms","showCVVModal","closeModal","submitCVV","disableButtonNext","loading","finishPayment","goToPreviousStep","staticRenderFns","CieloInputV2","components","NewCardFormC2PV2","CieloCheckBoxV2","InfoTooltip","NewCardTermsC2P","ButtonsFinishPaymentV2","NationalBillingAddress","SameShippingAddress","CVVRequired","data","concat","vars","CIELO_CHECKOUT_URL","created","loader","multiLanguage","$validator","extend","CpfCnpjValidation","mounted","doBinQuery","validate","computed","_objectSpread","mapGetters","selectedPaymentMethod","getInstallmentListForPaymentMethodSelected","sameAsShippingAddress","self","$store","state","cardPayment","SecurityCode","set","commit","CardNumber","Holder","month","Expiration","Month","year","Year","values","split","expirationMonth","expirationYear","today","Date","cardExpiration","clickToPayPayment","getters","ZipCode","billingAddress","Number","District","consumer","Image","hasCards","cards","length","cardBrandError","hasErrors","items","missingCommonFields","missingAddressFields","ProductHelper","methods","oldBin","substring","newBin","_doBinQuery","_asyncToGenerator","regeneratorRuntime","mark","_callee","cardBin","wrap","_context","prev","next","dispatch","abrupt","t0","logEvent","category","action","label","Swal","fire","type","title","text","confirmButtonText","cancelButtonText","showCancelButton","showLoaderOnConfirm","preConfirm","allowOutsideClick","allowEscapeKey","payment","PaymentMethodId","stop","apply","arguments","cancel","isCardExpirationValid","_finishPayment","_callee2","responseCode","_context2","checkoutResponse","actionCode","PaymentProcessor","Process","finishGAEvent","message","logException","showErrorMessage","_this","then","_ref","dismiss","consumerPresent","otpValidation","error","email","isMobile","_submitCVV","_callee3","_context3","component"],"mappings":"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","file":"js/chunk-286a2559.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"c2p-container\"},[_c('div',{staticClass:\"ucp\",attrs:{\"tabindex\":\"-1\"}},[_c('NewCardFormC2PV2',{attrs:{\"card-brands\":_vm.availableCardBrands,\"card-number\":_vm.cardNumber,\"card-brand\":_vm.paymentMethodImage,\"holder\":_vm.holder,\"security-code\":_vm.securityCode,\"valid-date\":_vm.validDate,\"installment-list\":_vm.installmentList,\"number-of-installments\":_vm.numberOfInstallments,\"expiry-error\":_vm.expiryError,\"card-error\":_vm.cardError,\"disable-installment\":_vm.installmentIsFixed},on:{\"input-number\":_vm.setCardNumber,\"input-holder\":(value) => _vm.holder = value,\"input-security-code\":(value) => _vm.securityCode = value,\"input-date\":(value) => _vm.validDate = value,\"change-installment\":(value) => _vm.numberOfInstallments = value}}),_c('div',{staticClass:\"ucp__agreement-container\"},[_c('CieloCheckBoxV2',{attrs:{\"clickable-slot\":true,\"text-aria\":_vm.$ml.get('rememberCards')},model:{value:(_vm.rememberMeAgreement),callback:function ($$v) {_vm.rememberMeAgreement=$$v},expression:\"rememberMeAgreement\"}},[_c('span',{staticClass:\"agreement-text\",domProps:{\"textContent\":_vm._s(_vm.$ml.get('rememberCards'))}})]),_c('InfoTooltip',{attrs:{\"items\":['rememberCardsTooltipText1', 'rememberCardsTooltipText2'],\"orientation\":_vm.renderMobile() ? 'left' : 'top'}})],1),_c('div',{staticClass:\"ucp__ba-container\"},[_c('h4',{staticClass:\"ucp__title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('billingAddress'))}}),(_vm.productHasShipping)?_c('SameShippingAddress',{attrs:{\"same-as-shipping\":true}}):_vm._e(),_c('NationalBillingAddress',{attrs:{\"address-errors\":_vm.addressErrors}})],1),_c('div',{staticClass:\"ucp__input-container\"},[_c('h4',{staticClass:\"ucp__title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('identityC2P'))}}),_c('CieloInputV2',{directives:[{name:\"validate\",rawName:\"v-validate\",value:(_vm.isNational ? 'required|numeric|min:11|max:11|cpf-cnpj' : 'required'),expression:\"isNational ? 'required|numeric|min:11|max:11|cpf-cnpj' : 'required'\"}],staticClass:\"c2p\",attrs:{\"autofocus\":false,\"borderless\":false,\"name\":\"Identity\",\"label\":_vm.$ml.get('identityC2P'),\"data-vv-as\":_vm.$ml.get('identityC2P'),\"type\":_vm.isNational ? 'tel' : 'text',\"error\":_vm.errors.first('Identity'),\"mask\":_vm.isNational ? ['###.###.###-##'] : ''},model:{value:(_vm.nationalIdentification),callback:function ($$v) {_vm.nationalIdentification=$$v},expression:\"nationalIdentification\"}})],1),_c('div',{staticClass:\"ucp__terms-container\"},[_c('CieloCheckBoxV2',{attrs:{\"clickable-slot\":true,\"text-aria\":_vm.$ml.get('termsPreffix') + _vm.$ml.get('termsSuffix')},model:{value:(_vm.agreement),callback:function ($$v) {_vm.agreement=$$v},expression:\"agreement\"}},[_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('termsPreffix'))}}),_vm._v(\" \\n                \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":_vm.showTerms,\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('termsSuffix'))}})]),_c('NewCardTermsC2P',{attrs:{\"brand-def\":_vm.paymentMethodImage}})],1),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.showCVVModal)?_c('CVVRequired',{attrs:{\"security-code\":_vm.securityCode},on:{\"close-modal\":_vm.closeModal,\"submit-cvv\":_vm.submitCVV,\"input-security-code\":value => (_vm.securityCode = value)}}):_vm._e()],1)],1),_c('ButtonsFinishPaymentV2',{attrs:{\"disable-button-next\":_vm.disableButtonNext,\"loading\":_vm.loading},on:{\"click-next\":_vm.finishPayment,\"click-previous\":_vm.goToPreviousStep}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"c2p-container\">\r\n        <div class=\"ucp\" tabindex=\"-1\">\r\n            <NewCardFormC2PV2\r\n                :card-brands=\"availableCardBrands\"\r\n                :card-number=\"cardNumber\"\r\n                :card-brand=\"paymentMethodImage\"\r\n                :holder=\"holder\"\r\n                :security-code=\"securityCode\"\r\n                :valid-date=\"validDate\"\r\n                :installment-list=\"installmentList\"\r\n                :number-of-installments=\"numberOfInstallments\"\r\n                @input-number=\"setCardNumber\"\r\n                @input-holder=\"(value) => holder = value\"\r\n                @input-security-code=\"(value) => securityCode = value\"\r\n                @input-date=\"(value) => validDate = value\"\r\n                @change-installment=\"(value) => numberOfInstallments = value\"\r\n                :expiry-error=\"expiryError\"\r\n                :card-error=\"cardError\"\r\n                :disable-installment=\"installmentIsFixed\"\r\n            />\r\n\r\n            <div class=\"ucp__agreement-container\">\r\n                <CieloCheckBoxV2\r\n                    v-model=\"rememberMeAgreement\"\r\n                    :clickable-slot=\"true\"\r\n                    :text-aria=\"$ml.get('rememberCards')\"\r\n                >\r\n                    <span class=\"agreement-text\" v-text=\"$ml.get('rememberCards')\" />\r\n                </CieloCheckBoxV2>\r\n\r\n                <InfoTooltip\r\n                    :items=\"['rememberCardsTooltipText1', 'rememberCardsTooltipText2']\"\r\n                    :orientation=\"renderMobile() ? 'left' : 'top'\"\r\n                />\r\n            </div>\r\n\r\n            <div class=\"ucp__ba-container\">\r\n                <h4 class=\"ucp__title\" v-text=\"$ml.get('billingAddress')\" tabindex=\"0\" />\r\n\r\n                <SameShippingAddress v-if=\"productHasShipping\" :same-as-shipping=\"true\" />\r\n    \r\n                <NationalBillingAddress :address-errors=\"addressErrors\" />\r\n            </div>\r\n\r\n            <div class=\"ucp__input-container\">\r\n                <h4 class=\"ucp__title\" v-text=\"$ml.get('identityC2P')\" tabindex=\"0\" />\r\n                <CieloInputV2\r\n                    :autofocus=\"false\"\r\n                    :borderless=\"false\"\r\n                    name=\"Identity\"\r\n                    :label=\"$ml.get('identityC2P')\"\r\n                    v-model=\"nationalIdentification\"\r\n                    v-validate=\"isNational ? 'required|numeric|min:11|max:11|cpf-cnpj' : 'required'\"\r\n                    :data-vv-as=\"$ml.get('identityC2P')\"\r\n                    :type=\"isNational ? 'tel' : 'text'\"\r\n                    :error=\"errors.first('Identity')\"\r\n                    :mask=\"isNational ? ['###.###.###-##'] : ''\"\r\n                    class=\"c2p\"\r\n                />\r\n            </div>\r\n\r\n            <div class=\"ucp__terms-container\">\r\n                <CieloCheckBoxV2\r\n                    v-model=\"agreement\"\r\n                    :clickable-slot=\"true\"\r\n                    :text-aria=\"$ml.get('termsPreffix') + $ml.get('termsSuffix')\"\r\n                >\r\n                    <span v-text=\"$ml.get('termsPreffix')\" />&nbsp;\r\n                    <a target=\"_blank\" :href=\"showTerms\" v-text=\"$ml.get('termsSuffix')\" tabindex=\"0\" />\r\n                </CieloCheckBoxV2>\r\n\r\n                <NewCardTermsC2P :brand-def=\"paymentMethodImage\" />\r\n            </div>\r\n\r\n            <transition name=\"fade\">\r\n                <CVVRequired\r\n                    v-if=\"showCVVModal\"\r\n                    :security-code=\"securityCode\"\r\n                    @close-modal=\"closeModal\"\r\n                    @submit-cvv=\"submitCVV\"\r\n                    @input-security-code=\"value => (securityCode = value)\"\r\n                />\r\n            </transition>\r\n        </div>\r\n        <ButtonsFinishPaymentV2\r\n            :disable-button-next=\"disableButtonNext\"\r\n            :loading=\"loading\"\r\n            @click-next=\"finishPayment\"\r\n            @click-previous=\"goToPreviousStep\"\r\n        />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    const CieloInputV2 = () => import(\r\n        /* webpackChunkName: \"cielo-input-v2\" */\r\n        '@/components/ClickToPay/template/CieloInputV2'\r\n    );\r\n\r\n    import vars from '@/config/vars';\r\n    import Swal from 'sweetalert2';\r\n    import loader from '@/helpers/loader';\r\n    import CpfCnpjValidation from '@/helpers/validation-rules/CpfCnpjValidation';\r\n    import ProductHelper from '@/helpers/productHelper';\r\n    import PaymentProcessor from '@/services/payment/PaymentProcessor';\r\n    import { logEvent, logException } from '@/helpers/cieloLogger';\r\n    import { mapGetters } from 'vuex';\r\n    import { isMobile } from '@/helpers/isMobile';\r\n    import NewCardFormC2PV2 from '@/components/ClickToPay/NewCardFormC2PV2.vue';\r\n    import CieloCheckBoxV2 from '@/components/ClickToPay/template/CieloCheckBoxV2';\r\n    import InfoTooltip from '@/components/InfoTooltip';\r\n    import NewCardTermsC2P from '@/components/ClickToPay/NewCardTermsC2P';\r\n    import ButtonsFinishPaymentV2 from '@/components/template/ButtonsFinishPaymentV2';\r\n    import NationalBillingAddress from '@/components/ClickToPay/NationalBillingAddress';\r\n    import SameShippingAddress from '@/components/Billing/SameShippingAddress';\r\n    import CVVRequired from '@/components/ClickToPay/CVVRequired';\r\n\r\n\r\nexport default {\r\n    components: {\r\n        NewCardFormC2PV2,\r\n        CieloCheckBoxV2,\r\n        InfoTooltip,\r\n        NewCardTermsC2P,\r\n        ButtonsFinishPaymentV2,\r\n        NationalBillingAddress,\r\n        SameShippingAddress,\r\n        CieloInputV2,\r\n        CVVRequired,\r\n    },\r\n\r\n    data() {\r\n        return {\r\n            isNational: true,\r\n            loading: false,\r\n            expiryError: '',\r\n            cardError: '',\r\n            agreement: false,\r\n            showTerms: `${vars.CIELO_CHECKOUT_URL}/TransactionalVNext/Content/documents/Termos%20e%20condicoes%20de%20Uso_Cielo.pdf`,\r\n            addressErrors: {},\r\n            showCVVModal: false,\r\n\r\n        };\r\n    },\r\n\r\n    created() {\r\n        loader.multiLanguage = this.$ml;\r\n        // this.$store.state.payment.PaymentMethodId = null;\r\n        // this.$store.commit('cardPayment/resetState');\r\n        this.$validator.extend('cpf-cnpj', CpfCnpjValidation);\r\n    },\r\n\r\n    mounted() {\r\n        if (this.cardNumber) {\r\n            this.doBinQuery();\r\n        }\r\n\r\n        if (this.securityCode || this.validDate || this.holder || this.cardNumber) {\r\n            this.$validator.validate();\r\n        }\r\n\r\n        // this.rememberMeAgreement = false;\r\n    },\r\n\r\n    computed: {\r\n        ...mapGetters({\r\n            selectedPaymentMethod: 'payment/getSelectedPaymentMethod',\r\n            getInstallmentListForPaymentMethodSelected: 'payment/getInstallmentListForPaymentMethodSelected',\r\n            sameAsShippingAddress: 'billingAddress/getSameAsShippingAddress',\r\n            installmentIsFixed: 'payment/getSelectedPaymentMethodInstallmentIsAbleToBeFixed'\r\n        }),\r\n        \r\n        securityCode: {\r\n            get: self => self.$store.state.cardPayment.SecurityCode,\r\n            set(value) { this.$store.commit('cardPayment/setSecurityCode', value); }\r\n        },\r\n        cardNumber: {\r\n            get: self => self.$store.state.cardPayment.CardNumber || '',\r\n            set(value) { this.$store.commit('cardPayment/setCardNumber', value); }\r\n        },\r\n        holder: {\r\n            get: self => self.$store.state.cardPayment.Holder,\r\n            set(value) { this.$store.commit('cardPayment/setHolder', value); }\r\n        },\r\n        validDate: {\r\n            get() {\r\n                let month = this.$store.state.cardPayment.Expiration.Month;\r\n                let year = this.$store.state.cardPayment.Expiration.Year;\r\n\r\n                return `${month}${year}`;\r\n            },\r\n            set(value) {\r\n                const values = value.split('');\r\n                const month = `${values[0]}${values[1]}`;\r\n                const year = `${values[2]}${values[3]}`;\r\n                let expirationMonth = (month >= 0) ? month : '';\r\n                let expirationYear = (year >= 2) ? year : '';\r\n\r\n                let today = new Date();\r\n                let cardExpiration = new Date(`20${year}`, month);\r\n\r\n                if (month < 1 || month > 12) {\r\n                    this.expiryError = this.$ml.get('dateMonthCardError');\r\n                }\r\n                else if (cardExpiration < today) {\r\n                    this.expiryError = this.$ml.get('cardExpirationError');\r\n                } else {\r\n                    this.expiryError = '';\r\n                }\r\n\r\n                this.$store.commit('cardPayment/setExpirationMonth', expirationMonth);\r\n                this.$store.commit('cardPayment/setExpirationYear', expirationYear);\r\n            }\r\n        },\r\n        rememberMeAgreement: {\r\n            get: self => self.$store.state.clickToPayPayment.rememberMeAgreement,\r\n            set(value) { this.$store.state.clickToPayPayment.rememberMeAgreement = value; }\r\n        },\r\n        numberOfInstallments: {\r\n            get: self => self.$store.getters['payment/getInstallmentNumberOfPayments'],\r\n            set(value) { this.$store.commit('payment/setNumberOfInstallments', value); }\r\n        },\r\n        ZipCode: {\r\n            get: (self) => self.$store.state.billingAddress.ZipCode,\r\n        },\r\n        Number: {\r\n            get: (self) => self.$store.state.billingAddress.Number,\r\n        },\r\n        District: {\r\n            get: (self) => self.$store.state.billingAddress.District,\r\n        },\r\n        nationalIdentification: {\r\n            get: self => self.$store.state.clickToPayPayment.consumer.nationalIdentification,\r\n            set(value) { this.$store.state.clickToPayPayment.consumer.nationalIdentification = value; }\r\n        },\r\n\r\n        installmentList() {\r\n            if (!this.selectedPaymentMethod) {\r\n                return [];\r\n            }\r\n            return this.getInstallmentListForPaymentMethodSelected;\r\n        },\r\n\r\n        paymentMethodImage() {\r\n            return this.selectedPaymentMethod ? this.selectedPaymentMethod.Image : null;\r\n        },\r\n\r\n        hasCards() {\r\n            const cards = this.$store.state.clickToPayPayment.cards;\r\n            return cards !== null && cards.length > 0;\r\n        },\r\n\r\n        cardBrandError() {\r\n            return this.$store.state.clickToPayPayment.cardBrandError;\r\n        },\r\n\r\n        disableButtonNext() {\r\n            const hasErrors = this.errors.items.length > 0;\r\n            const missingCommonFields = !this.nationalIdentification || !this.agreement || !this.numberOfInstallments;\r\n            const missingAddressFields = !this.ZipCode || !this.Number || !this.District;\r\n            \r\n            if (!this.sameAsShippingAddress) {\r\n                return missingCommonFields || missingAddressFields || hasErrors;\r\n            } else {\r\n                return missingCommonFields || hasErrors;\r\n            }\r\n        },\r\n        \r\n        availableCardBrands() {\r\n            if (this.$store.state.clickToPayPayment.availableCardBrands) {\r\n                return this.$store.state.clickToPayPayment.availableCardBrands;\r\n            }\r\n            return [];\r\n        },\r\n\r\n        productHasShipping: () => ProductHelper.productHasShipping(),\r\n    },\r\n\r\n    methods: {\r\n        setCardNumber(value) {\r\n            const oldBin = this.cardNumber.substring(0, 8);\r\n            const newBin = value.substring(0, 8);\r\n            this.cardNumber = value;\r\n\r\n            if (value && value.length >= 8 && (newBin !== oldBin)) {\r\n                this.doBinQuery();\r\n            }\r\n        },\r\n\r\n        async doBinQuery() {\r\n            try {\r\n                let cardBin = this.$store.getters['cardPayment/getCardBin'];\r\n                await this.$store.dispatch('clickToPayPayment/fetchCardBrand', cardBin);\r\n                return true;\r\n            }\r\n            catch (error) {\r\n                logEvent({\r\n                    category: 'BinQuery',\r\n                    action: 'Do Bin Query',\r\n                    label: `[BIN QUERY ERROR]: ${error}`\r\n                });\r\n\r\n                const cardBrandError = this.$store.state.clickToPayPayment.cardBrandError;\r\n\r\n                await Swal.fire({\r\n                    type: 'error',\r\n                    title: 'Oppsss!',\r\n                    text: cardBrandError ?\r\n                        this.$ml.get(cardBrandError) :\r\n                        this.$ml.get('processingRequestError'),\r\n                    confirmButtonText: this.$ml.get('retry'),\r\n                    cancelButtonText: this.$ml.get('cancel'),\r\n                    showCancelButton: cardBrandError ? false : true,\r\n                    showLoaderOnConfirm: cardBrandError ? false : true,\r\n                    preConfirm: cardBrandError ? null : this.doBinQuery,\r\n                    allowOutsideClick: false,\r\n                    allowEscapeKey: false\r\n                });\r\n                this.cardError = this.$ml.get('numberCardError');\r\n                \r\n                this.cardNumber = '';\r\n                this.$store.state.payment.PaymentMethodId = null;\r\n                return false;\r\n            }\r\n        },\r\n\r\n        cancel() {\r\n            this.$store.commit('payment/setNumberOfInstallments', 0);\r\n        },\r\n\r\n        isCardExpirationValid() {\r\n            let month = this.$store.state.cardPayment.Expiration.Month || 0;\r\n            let year = this.$store.state.cardPayment.Expiration.Year || 0;\r\n\r\n            if (month === 0) return false;\r\n            if (month > 12) return false;\r\n\r\n            let today = new Date();\r\n            let cardExpiration = new Date(`20${year}`, month);\r\n\r\n            return cardExpiration >= today;\r\n        },\r\n\r\n        async finishPayment() {\r\n            if(!this.loading) {\r\n                this.loading = true;\r\n                await this.$store.dispatch('clickToPayPayment/checkoutWithNewCard');\r\n                const responseCode = this.$store.state.clickToPayPayment.checkoutResponse.actionCode;\r\n                if (responseCode !== 'COMPLETE') {\r\n                    this.$store.dispatch('pipelineV2/pushTo', 'ChangePaymentType');\r\n                    this.loading = false;\r\n                    return;\r\n                }\r\n\r\n                try {\r\n                    await PaymentProcessor.Process();\r\n                    this.loading = false;\r\n\r\n                    this.finishGAEvent();\r\n                } catch (error) {\r\n                    if (error.message === 'cvvRequiredError') {\r\n                        this.showCVVModal = true;\r\n                    }\r\n                    logException(error);\r\n                    this.loading = false;\r\n                }\r\n            }\r\n        },\r\n\r\n        showErrorMessage() {\r\n            Swal.fire({\r\n                type: 'error',\r\n                title: this.$ml.get('errorCheckoutHeading'),\r\n                text: this.$ml.get('errorCheckoutBody'),\r\n                confirmButtonText: this.$ml.get('retry'),\r\n                cancelButtonText: this.$ml.get('back'),\r\n                showCancelButton: true,\r\n                allowOutsideClick: false,\r\n                allowEscapeKey: false\r\n            }).then(({ dismiss }) => {\r\n                if (dismiss === 'cancel') {\r\n                    this.$store.dispatch('pipelineV2/pushTo', 'ChangePaymentType');\r\n                }\r\n            });\r\n        },\r\n\r\n        goToPreviousStep() {\r\n            this.cancel();\r\n            if (this.hasCards) {\r\n                this.$store.dispatch('pipelineV2/pushTo', 'CardListC2P');\r\n                return;\r\n            }\r\n\r\n            this.$store.dispatch('pipelineV2/pushTo', 'UserValidationC2P');\r\n            \r\n            this.$store.state.clickToPayPayment.consumerPresent = false;\r\n            this.$store.state.clickToPayPayment.otpValidation.error = '';\r\n            this.$store.state.clickToPayPayment.consumer.email = '';\r\n        },\r\n\r\n        renderMobile() {\r\n            return isMobile();\r\n        },\r\n\r\n        closeModal() {\r\n            this.showCVVModal = false;\r\n        },\r\n\r\n        async submitCVV() {\r\n            if(!this.loading) {\r\n                this.showCVVModal = false;\r\n                this.loading = true;\r\n                await PaymentProcessor.Process();\r\n                this.loading = false;\r\n\r\n                this.finishGAEvent();\r\n            }\r\n        },\r\n\r\n        finishGAEvent() {\r\n            logEvent({\r\n                category: 'click_to_pay',\r\n                action: 'finalizacao_cartao_adicionado_c2p',\r\n                label: 'Usuário foi pra tela de adicionar cartão no cadastro C2P e clicou em Concluir compra.'\r\n            });\r\n        }\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .ucp {\r\n        margin-bottom: 24px;\r\n        \r\n        &__title {\r\n            display: block;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            color: #2F363E;\r\n        }\r\n\r\n        &__agreement-container {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            margin: 20px 0 32px;\r\n        }\r\n\r\n        &__ba-container {\r\n            margin-bottom: 32px;\r\n            \r\n            @media screen and (min-width: 1025px) {\r\n                margin-bottom: 16px;\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    .nct {\r\n        margin-top: 20px;\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!./UnifiedCardPayment.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!./UnifiedCardPayment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UnifiedCardPayment.vue?vue&type=template&id=34d9e578&scoped=true&\"\nimport script from \"./UnifiedCardPayment.vue?vue&type=script&lang=js&\"\nexport * from \"./UnifiedCardPayment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UnifiedCardPayment.vue?vue&type=style&index=0&id=34d9e578&prod&lang=scss&scoped=true&\"\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  \"34d9e578\",\n  null\n  \n)\n\nexport default component.exports","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!./UnifiedCardPayment.vue?vue&type=style&index=0&id=34d9e578&prod&lang=scss&scoped=true&\""],"sourceRoot":""}