{"version":3,"sources":["webpack:///./src/components/template/ButtonsFinishPaymentV2.vue","webpack:///src/components/template/ButtonsFinishPaymentV2.vue","webpack:///./src/components/template/ButtonsFinishPaymentV2.vue?03cf","webpack:///./src/components/template/ButtonsFinishPaymentV2.vue?b2e0","webpack:///./src/views/ApplePay/CardInstallments.vue","webpack:///src/views/ApplePay/CardInstallments.vue","webpack:///./src/views/ApplePay/CardInstallments.vue?358d","webpack:///./src/views/ApplePay/CardInstallments.vue?cb2a","webpack:///./src/views/ApplePay/CardInstallments.vue?41ba","webpack:///./src/components/template/ButtonsFinishPaymentV2.vue?abaa"],"names":["render","_vm","this","_c","_self","staticClass","showButtonPrevious","attrs","on","$event","$emit","domProps","_s","$ml","get","backText","_e","showButtonNext","staticStyle","class","success","loading","disableButtonNext","isQrcode","isPix","isPixOpenFinance","staticRenderFns","CieloButtonV2","props","type","Boolean","default","String","components","component","applePayInstallmentList","undefined","numberOfInstallments","getLangOptions","length","installmentIsFixed","selectItem","documentTypes","selectedDocumentType","selectDocumentType","model","value","IdentityType","callback","$$v","expression","directives","name","rawName","isNational","errors","first","Identity","agreement","_v","showTerms","disableButtonFinish","finishPayment","goToPreviousStep","CieloInputV2","CieloSelectV2","CieloCheckBoxV2","ButtonsFinishPaymentV2","data","concat","vars","CIELO_CHECKOUT_URL","Text","Value","computed","_objectSpread","mapGetters","self","$store","getters","set","commit","state","customer","rememberMeAgreement","clickToPayPayment","hasErrors","items","missingCommonFields","created","$validator","extend","CpfCnpjValidation","PaymentProcessor","multiLanguage","methods","logEvent","category","action","label","dispatch","_finishPayment","_asyncToGenerator","regeneratorRuntime","mark","_callee","messageError","wrap","_context","prev","next","Process","t0","message","logException","console","error","Swal","fire","title","text","finish","stop","apply","arguments","item","tokens","push","Token","installmentPrice","Options"],"mappings":"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","file":"js/chunk-4be4b088.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"btn-container\"},[(_vm.showButtonPrevious)?_c('div',{staticClass:\"btn-style\"},[_c('CieloButtonV2',{attrs:{\"transparent\":true},on:{\"click\":function($event){return _vm.$emit('click-previous')}}},[_c('span',{staticClass:\"btn-text btn-prev\",domProps:{\"textContent\":_vm._s(_vm.$ml.get(_vm.backText))}})])],1):_vm._e(),(_vm.showButtonNext)?_c('div',{staticClass:\"btn-style\",staticStyle:{\"min-width\":\"195px\"}},[_c('CieloButtonV2',{class:_vm.success ? 'btn btn-success' : '',attrs:{\"loading\":_vm.loading,\"disabled\":_vm.disableButtonNext},on:{\"click\":function($event){return _vm.$emit('click-next')}}},[(_vm.isQrcode)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('finishButtonQrCode'))}}):(_vm.isPix)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('finishButtonPix'))}}):(_vm.isPixOpenFinance)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('continue'))}}):_c('span',{staticClass:\"btn-text btn-next\",domProps:{\"textContent\":_vm._s(_vm.$ml.get('completePurchase'))}})])],1):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"btn-container\">\r\n        <div v-if=\"showButtonPrevious\" class=\"btn-style\">\r\n            <CieloButtonV2 :transparent=\"true\" @click=\"$emit('click-previous')\">\r\n                <span class=\"btn-text btn-prev\" v-text=\"$ml.get(backText)\" />\r\n            </CieloButtonV2>\r\n        </div>\r\n        <div v-if=\"showButtonNext\" style=\"min-width: 195px;\" class=\"btn-style\">\r\n            <CieloButtonV2\r\n                :loading=\"loading\"\r\n                :disabled=\"disableButtonNext\"\r\n                :class=\"success ? 'btn btn-success' : ''\"\r\n                @click=\"$emit('click-next')\"\r\n            >\r\n                <span v-if=\"isQrcode\" v-text=\"$ml.get('finishButtonQrCode')\" />\r\n                <span v-else-if=\"isPix\" v-text=\"$ml.get('finishButtonPix')\" />\r\n                <span v-else-if=\"isPixOpenFinance\" v-text=\"$ml.get('continue')\" />\r\n                <span v-else class=\"btn-text btn-next\" v-text=\"$ml.get('completePurchase')\" />\r\n            </CieloButtonV2>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst CieloButtonV2 = () => import(\r\n\t/* webpackChunkName: \"cielo-button\" */\r\n\t'@/components/template/CieloButtonV2'\r\n);\r\n\r\nexport default {\r\n\tprops: {\r\n\t\tshowButtonPrevious: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: true\r\n\t\t},\r\n\t\tshowButtonNext: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: true\r\n\t\t},\r\n\t\tsuccess: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false\r\n\t\t},\r\n\t\tloading: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false\r\n\t\t},\r\n\t\tdisableButtonNext: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: true\r\n\t\t},\r\n\t\tisQrcode: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false\r\n\t\t},\r\n\t\tisPix: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false\r\n\t\t},\r\n\t\tisPixOpenFinance: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false\r\n\t\t},\r\n\t\tbackText: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'back'\r\n\t\t},\r\n\t},\r\n\r\n\tcomponents: {\r\n\t\tCieloButtonV2,\r\n\t},\r\n};\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.btn-container {\r\n\t@media screen and (max-width: 1024px) {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 8px;\r\n\t}\r\n\r\n\tdisplay: flex;\r\n\tjustify-content: flex-end;\r\n\talign-items: center;\r\n\tgap: 20px;\r\n}\r\n\r\n.btn-style {\r\n\t@media screen and (max-width: 1024px) {\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-start;\r\n\t\twidth: 100%;\r\n\r\n\t}\r\n\r\n\r\n\talign-items: flex-start;\r\n\tflex: 1\r\n}\r\n\r\n.btn-text {\r\n\tfont-weight: 600;\r\n\tline-height: 24px;\r\n}\r\n\r\n.btn-prev {\r\n\tfont-size: 20px !important;\r\n}\r\n\r\n.btn-next {\r\n\tfont-size: 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!./ButtonsFinishPaymentV2.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!./ButtonsFinishPaymentV2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ButtonsFinishPaymentV2.vue?vue&type=template&id=108c19e4&scoped=true&\"\nimport script from \"./ButtonsFinishPaymentV2.vue?vue&type=script&lang=js&\"\nexport * from \"./ButtonsFinishPaymentV2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ButtonsFinishPaymentV2.vue?vue&type=style&index=0&id=108c19e4&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  \"108c19e4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ap-ci\"},[_c('div',{staticClass:\"ap-ci__container\"},[_c('div',{staticClass:\"ap-ci__input-container\"},[_c('h4',{staticClass:\"ap-ci__title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('titleViewApplePay'))}}),_c('CieloSelectV2',{attrs:{\"title\":_vm.$ml.get('installment'),\"name\":\"selectInstallment\",\"label\":_vm.$ml.get('installmentsNumber'),\"option-items\":_vm.applePayInstallmentList || undefined,\"selected-item\":_vm.numberOfInstallments,\"on-get-item-event\":_vm.getLangOptions,\"disabled\":!_vm.applePayInstallmentList.length || this.installmentIsFixed},on:{\"change\":_vm.selectItem}})],1),_c('div',{staticClass:\"ap-ci__input-container\"},[_c('h4',{staticClass:\"ap-ci__title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('yourDocumentNumber'))}}),_c('div',{staticClass:\"ap-ci__identity-container\"},[_c('CieloSelectV2',{attrs:{\"title\":_vm.$ml.get('documentType'),\"label\":_vm.$ml.get('selectDocumentType'),\"option-items\":_vm.documentTypes,\"selected-item\":_vm.selectedDocumentType,\"other-class\":\"cielo-select__container--documentType\",\"can-translate\":true},on:{\"change\":_vm.selectDocumentType},model:{value:(_vm.IdentityType),callback:function ($$v) {_vm.IdentityType=$$v},expression:\"IdentityType\"}}),_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'\"}],staticStyle:{\"width\":\"100%\",\"margin-bottom\":\"0px\"},attrs:{\"autofocus\":false,\"borderless\":false,\"name\":\"Identity\",\"label\":_vm.$ml.get('identity'),\"data-vv-as\":_vm.$ml.get('identity'),\"type\":_vm.isNational ? 'tel' : 'text',\"error\":_vm.errors.first('Identity'),\"mask\":_vm.isNational ? ['###.###.###-##'] : ''},model:{value:(_vm.Identity),callback:function ($$v) {_vm.Identity=$$v},expression:\"Identity\"}})],1)]),_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'))}})])],1),_c('div',{staticClass:\"ap-ci__cta-container\"},[_c('ButtonsFinishPaymentV2',{attrs:{\"disable-button-next\":_vm.disableButtonFinish,\"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=\"ap-ci\">\r\n        <div class=\"ap-ci__container\">\r\n            <div class=\"ap-ci__input-container\">\r\n                <h4 class=\"ap-ci__title\" v-text=\"$ml.get('titleViewApplePay')\" tabindex=\"0\" />\r\n                <CieloSelectV2\r\n                    @change=\"selectItem\"\r\n                    :title=\"$ml.get('installment')\"\r\n                    name=\"selectInstallment\"\r\n                    :label=\"$ml.get('installmentsNumber')\"\r\n                    :option-items=\"applePayInstallmentList || undefined\"\r\n                    :selected-item=\"numberOfInstallments\"\r\n                    :on-get-item-event=\"getLangOptions\"\r\n                    :disabled=\"!applePayInstallmentList.length || this.installmentIsFixed\"\r\n                />\r\n            </div>\r\n          \r\n            <div class=\"ap-ci__input-container\">\r\n                <h4 class=\"ap-ci__title\" v-text=\"$ml.get('yourDocumentNumber')\" tabindex=\"0\" />\r\n                <div class=\"ap-ci__identity-container\">\r\n                    <CieloSelectV2\r\n                        @change=\"selectDocumentType\"\r\n                        :title=\"$ml.get('documentType')\"\r\n                        :label=\"$ml.get('selectDocumentType')\"\r\n                        :option-items=\"documentTypes\"\r\n                        :selected-item=\"selectedDocumentType\"\r\n                        v-model=\"IdentityType\"\r\n                        other-class=\"cielo-select__container--documentType\"\r\n                        :can-translate=\"true\"\r\n                    />\r\n\r\n                    <CieloInputV2\r\n                        style=\"width: 100%; margin-bottom: 0px\"\r\n                        :autofocus=\"false\"\r\n                        :borderless=\"false\"\r\n                        name=\"Identity\"\r\n                        :label=\"$ml.get('identity')\"\r\n                        v-model=\"Identity\"\r\n                        v-validate=\"isNational ? 'required|numeric|min:11|max:11|cpf-cnpj' : 'required'\"\r\n                        :data-vv-as=\"$ml.get('identity')\"\r\n                        :type=\"isNational ? 'tel' : 'text'\"\r\n                        :error=\"errors.first('Identity')\"\r\n                        :mask=\"isNational ? ['###.###.###-##'] : ''\"\r\n                    />\r\n                </div>\r\n            </div>\r\n\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        </div>\r\n\r\n        <div class=\"ap-ci__cta-container\">\r\n            <ButtonsFinishPaymentV2\r\n                :disable-button-next=\"disableButtonFinish\"\r\n                :loading=\"loading\"\r\n                @click-next=\"finishPayment\"\r\n                @click-previous=\"goToPreviousStep\"\r\n            />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    const CieloInputV2 = () =>\r\n        import(\r\n            /* webpackChunkName: \"cielo-input\" */ '@/components/ClickToPay/template/CieloInputV2'\r\n        );\r\n\r\n    import Swal from 'sweetalert2';\r\n    import vars from '@/config/vars';\r\n    import CpfCnpjValidation from '@/helpers/validation-rules/CpfCnpjValidation';\r\n    import PaymentProcessor from '@/services/payment/PaymentProcessor';\r\n    import { mapGetters } from 'vuex';\r\n    import { Token, Options } from '@/config/lang/genericOptions.js';\r\n    import { logEvent, logException } from '@/helpers/cieloLogger';\r\n    import CieloSelectV2 from '@/components/ClickToPay/template/CieloSelectV2/CieloSelectV2';\r\n    import CieloCheckBoxV2 from '@/components/ClickToPay/template/CieloCheckBoxV2';\r\n    import ButtonsFinishPaymentV2 from '@/components/template/ButtonsFinishPaymentV2';\r\n\r\n    export default {\r\n        components: {\r\n            CieloSelectV2,\r\n            CieloInputV2,\r\n            CieloCheckBoxV2,\r\n            ButtonsFinishPaymentV2\r\n        },\r\n\r\n        data() {\r\n            return {\r\n                loading: false,\r\n                agreement: false,\r\n                showTerms: `${vars.CIELO_CHECKOUT_URL}/TransactionalVNext/Content/documents/Termos%20e%20condicoes%20de%20Uso_Cielo.pdf`,\r\n                documentTypes: [\r\n                    { Text: 'cpf', Value: 'CPF' },\r\n                    { Text: 'cnpj', Value: 'CNPJ' },\r\n                    { Text: 'foreign', Value: 'FOREIGN' },\r\n                ],\r\n                selectedDocumentType: this.IdentityType || 'CPF',\r\n            };\r\n        },\r\n\r\n        computed: {\r\n            ...mapGetters({\r\n                applePayInstallmentList: 'payment/getApplePayInstallmentList',\r\n                isNational: 'billingAddress/getIsNational',\r\n                installmentIsFixed: 'payment/getSelectedPaymentMethodInstallmentIsAbleToBeFixed'\r\n            }),\r\n\r\n            numberOfInstallments: {\r\n                get: (self) =>\r\n                    self.$store.getters['payment/getInstallmentNumberOfPayments'],\r\n                set(value) {\r\n                    this.$store.commit('payment/setNumberOfInstallments', value);\r\n                },\r\n            },\r\n            Identity: {\r\n                get: (self) => self.$store.state.customer.Identity,\r\n                set(value) {\r\n                    this.$store.commit('customer/setIdentity', value);\r\n                },\r\n            },\r\n            IdentityType: {\r\n                get: (self) => self.$store.state.customer.IdentityType,\r\n                set(value) {\r\n                    this.$store.commit('customer/setIdentityType', value);\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\r\n            disableButtonFinish() {\r\n                const hasErrors = this.errors.items.length > 0;\r\n                const missingCommonFields = !this.Identity || !this.agreement || !this.numberOfInstallments;\r\n                \r\n                return missingCommonFields || hasErrors;\r\n            }\r\n        },\r\n\r\n        created() {\r\n            this.$validator.extend('cpf-cnpj', CpfCnpjValidation);\r\n            PaymentProcessor.multiLanguage = this.$ml;\r\n        },\r\n\r\n        methods: {\r\n            goToPreviousStep() {\r\n                logEvent({\r\n                    category: 'apple_pay',\r\n                    action: 'troca_forma_pagamento_apay',\r\n                    label: 'Na tela de escolha de parcela usuario escolhe trocar a forma de pagamento.'\r\n                });\r\n\r\n                this.$store.commit('payment/setNumberOfInstallments', 0);\r\n                this.$store.dispatch('pipelineV2/pushTo', 'ChangePaymentType');\r\n            },\r\n\r\n            selectDocumentType(value) {\r\n                this.selectedDocumentType = value;\r\n                this.IdentityType = value;\r\n                const type = value === 'FOREIGN' ? 'foreign' : 'national';\r\n\t\t\t    this.$store.commit('billingAddress/setType', type);\r\n            },\r\n\r\n            async finishPayment() {\r\n                if(!this.loading) {\r\n                    this.loading = true;\r\n\r\n                    logEvent({\r\n                        category: 'apple_pay',\r\n                        action: 'abre_modal_apay',\r\n                        label: 'Usuário define quantidade de parcela, CPF e clica no botão de finalizar compra abrindo o modal da Apple.'\r\n                    });\r\n\r\n                    try {\r\n                        await this.$store.dispatch('applePayPayment/initApplePaySession');\r\n                        await PaymentProcessor.Process();\r\n                    } catch (error) {\r\n                        const messageError = error.message;\r\n                        logException(error);\r\n                        console.error(':: Finish Payment Error ::', messageError);\r\n                        Swal.fire({\r\n                            type: 'error',\r\n                            title: this.$ml.get('applePayErrorTitle'),\r\n                            text: this.$ml.get(messageError)\r\n                        });\r\n                    } finally {\r\n                        this.loading = false;\r\n                    }\r\n                }\r\n            },\r\n            \r\n\r\n            selectItem(item) {\r\n                this.numberOfInstallments = item;\r\n            },\r\n\r\n            getLangOptions(item) {\r\n                let tokens = [];\r\n\r\n                tokens.push(new Token('quantity', item.Value));\r\n                tokens.push(new Token('installmentPrice', item.installmentPrice));\r\n\r\n                return new Options('installmentsItem', tokens);\r\n            },\r\n        },\r\n    };\r\n</script>\r\n<style lang='scss' scoped>\r\n    .ap-ci {\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        &__container {\r\n            margin-bottom: 32px;\r\n\r\n            @media screen and (max-width: 1024px) {\r\n                flex: 1;\r\n            }\r\n        }\r\n\r\n        &__input-container {\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        &__identity-container {\r\n            display: flex;\r\n\t\t\tgap: 20px;\r\n\t\t\twidth: 100%;\r\n            \r\n\t\t\t@media screen and (max-width: 1024px) {\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tmargin-top: 0px;\r\n\t\t\t}\r\n        }\r\n\r\n        &__title {\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            line-height: 11px;\r\n            color: #2F363E;\r\n            margin-bottom: 24px\r\n        }\r\n\r\n        &__select-title {\r\n            font-size: 16px;\r\n            font-style: normal;\r\n            font-weight: 500;\r\n            line-height: 11px;\r\n            color: #2F363E;\r\n            margin-bottom: 20px;\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!./CardInstallments.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!./CardInstallments.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardInstallments.vue?vue&type=template&id=5a055d17&scoped=true&\"\nimport script from \"./CardInstallments.vue?vue&type=script&lang=js&\"\nexport * from \"./CardInstallments.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardInstallments.vue?vue&type=style&index=0&id=5a055d17&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  \"5a055d17\",\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!./CardInstallments.vue?vue&type=style&index=0&id=5a055d17&prod&lang=scss&scoped=true&\"","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!./ButtonsFinishPaymentV2.vue?vue&type=style&index=0&id=108c19e4&prod&lang=scss&scoped=true&\""],"sourceRoot":""}