{"version":3,"sources":["webpack:///./src/components/ClickToPay/NewCardTermsC2P.vue","webpack:///src/components/ClickToPay/NewCardTermsC2P.vue","webpack:///./src/components/ClickToPay/NewCardTermsC2P.vue?15a7","webpack:///./src/components/ClickToPay/NewCardTermsC2P.vue?0837","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/components/ClickToPay/CVVRequired.vue","webpack:///src/components/ClickToPay/CVVRequired.vue","webpack:///./src/components/ClickToPay/CVVRequired.vue?e84c","webpack:///./src/components/ClickToPay/CVVRequired.vue?0d2e","webpack:///./src/views/ClickToPay/steps/CardList.vue?2491","webpack:///./src/components/ClickToPay/NewCardTermsC2P.vue?9e6d","webpack:///./src/components/ClickToPay/CVVRequired.vue?2ed8","webpack:///./src/views/ClickToPay/steps/CardList.vue","webpack:///./src/components/ClickToPay/CardListC2P.vue","webpack:///./src/components/ClickToPay/CardListCss.js","webpack:///src/components/ClickToPay/CardListC2P.vue","webpack:///./src/components/ClickToPay/CardListC2P.vue?a110","webpack:///./src/components/ClickToPay/CardListC2P.vue?cf33","webpack:///src/views/ClickToPay/steps/CardList.vue","webpack:///./src/views/ClickToPay/steps/CardList.vue?e46a","webpack:///./src/views/ClickToPay/steps/CardList.vue?e25b","webpack:///./src/components/template/ButtonsFinishPaymentV2.vue?abaa","webpack:///./src/components/ClickToPay/CardListC2P.vue?9c3e"],"names":["render","_vm","this","_c","_self","brandDef","staticClass","domProps","_s","$ml","get","attrs","getTermsBrandCard","termsUrl","nameBrand","_v","privaryUrl","_e","staticRenderFns","props","type","String","default","computed","brandCards","visa","master","component","showButtonPrevious","on","$event","$emit","backText","showButtonNext","staticStyle","class","success","loading","disableButtonNext","isQrcode","isPix","isPixOpenFinance","CieloButtonV2","Boolean","components","require","directives","name","rawName","value","expression","securityCode","errors","first","CieloInputV2","CieloButton","availableCardBrands","cards","checkoutWithSelectedCard","addCard","cardSignOut","installmentList","numberOfInstallments","getLangOptions","selectedCard","installmentIsFixed","selectItem","isNational","model","nationalIdentification","callback","$$v","agreement","showTerms","paymentMethodImage","showCVVModal","closeModal","submitCVV","finishPayment","goToPreviousStep","ref","rootClass","cardBrands","CardListStyle","mounted","initializeCardList","data","initialized","watch","Array","locale","selectionType","methods","_x","_initializeCardList","_asyncToGenerator","regeneratorRuntime","mark","_callee","maskedCardData","srcCardListElement","loadOurStyle","_this","wrap","_context","prev","next","$refs","rootElement","querySelector","extraSheet","CSSStyleSheet","shadowElement","document","shadowRoot","replaceSync","CardListCss","adoptedStyleSheets","push","customElements","whenDefined","addEventListener","event","detail","loadCards","stop","apply","arguments","CieloSelectV2","CardListC2P","ButtonsFinishPaymentV2","CVVRequired","CieloCheckBoxV2","NewCardTermsC2P","concat","vars","CIELO_CHECKOUT_URL","created","loader","multiLanguage","$validator","validate","extend","CpfCnpjValidation","doBinQuery","_objectSpread","mapState","state","clickToPayPayment","mapGetters","selectedPaymentMethod","getInstallmentListForPaymentMethodSelected","email","self","$store","consumer","set","phone","getters","commit","cardPayment","SecurityCode","items","length","Image","_checkoutWithSelectedCard","srcDigitalCardId","_finishPayment","_callee2","responseCode","_context2","dispatch","checkoutResponse","actionCode","showErrorMessage","abrupt","PaymentProcessor","Process","finishGAEvent","t0","message","logException","Swal","fire","title","text","confirmButtonText","cancelButtonText","showCancelButton","allowOutsideClick","allowEscapeKey","then","_ref","dismiss","consumerPresent","otpValidation","error","_cardSignOut","_callee3","_context3","window","mcCheckoutService","signOut","resetConsumersContactData","_doBinQuery","_callee4","card","defaultMasterBin","defaultVisaBin","defaultBin","cardBrandError","_this2","_context4","find","crd","panBin","paymentCardDescriptor","logEvent","category","action","label","showLoaderOnConfirm","preConfirm","item","tokens","Token","Value","installmentPrice","Options","_submitCVV","_callee5","_context5"],"mappings":"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","file":"js/chunk-fd839a50.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.brandDef)?_c('div',{staticClass:\"nct\"},[_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('c2pAgreementText'))}}),_c('br'),_c('a',{attrs:{\"href\":_vm.getTermsBrandCard.termsUrl,\"target\":\"_blank\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('c2pAgreementTerms') + _vm.getTermsBrandCard.nameBrand)}}),_vm._v(\" \\n    \"),_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('and'))}}),_vm._v(\" \\n    \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":_vm.getTermsBrandCard.privaryUrl},domProps:{\"textContent\":_vm._s(_vm.$ml.get('clickToPayAgreementPrivacyTerms'))}})]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"nct\" v-if=\"brandDef\">\r\n        <span v-text=\"$ml.get('c2pAgreementText')\" />\r\n        <br />\r\n        <a\r\n            v-text=\"$ml.get('c2pAgreementTerms') + getTermsBrandCard.nameBrand\"\r\n            :href=\"getTermsBrandCard.termsUrl\"\r\n            target=\"_blank\"\r\n        />&nbsp;\r\n        <span v-text=\"$ml.get('and')\" />&nbsp;\r\n        <a\r\n            v-text=\"$ml.get('clickToPayAgreementPrivacyTerms')\"\r\n            target=\"_blank\"\r\n            :href=\"getTermsBrandCard.privaryUrl\"\r\n        />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        props: {\r\n            brandDef: {\r\n                type: String,\r\n                default: ''\r\n            }\r\n        },\r\n\r\n        computed: {\r\n            getTermsBrandCard() {\r\n                const brandCards = {\r\n                    visa: {\r\n                        nameBrand: 'Visa',\r\n                        termsUrl: 'https://www.visa.com.br/legal/visa-checkout/terms-of-service.html',\r\n                        privaryUrl: 'https://www.visa.com.br/legal/global-privacy-notice.html'\r\n                    },\r\n                    master: {\r\n                        nameBrand: 'Mastercard',\r\n                        termsUrl: 'https://www.mastercard.com/global/click-to-pay/pt-br/terms-of-use.html',\r\n                        privaryUrl: 'https://www.mastercard.com/global/click-to-pay/pt-br/privacy-notice.html'\r\n                    },\r\n                };\r\n\r\n                return brandCards[this.brandDef];\r\n            },\r\n        },\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .nct {\r\n        display: block;\r\n        padding: 16px;\r\n        border-radius: 12px;\r\n        background-color: #EFF1F3;\r\n\r\n        span {\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: #000000;\r\n        }\r\n\r\n        a {\r\n            color: #0667CD;\r\n            font-weight: 700;\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n</style>","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!./NewCardTermsC2P.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!./NewCardTermsC2P.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewCardTermsC2P.vue?vue&type=template&id=7a43ca25&scoped=true&\"\nimport script from \"./NewCardTermsC2P.vue?vue&type=script&lang=js&\"\nexport * from \"./NewCardTermsC2P.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewCardTermsC2P.vue?vue&type=style&index=0&id=7a43ca25&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  \"7a43ca25\",\n  null\n  \n)\n\nexport default component.exports","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:\"cvv-modal\"},[_c('div',{staticClass:\"cvv-modal__overlay\",on:{\"click\":function($event){return _vm.$emit('close-modal')}}}),_c('div',{staticClass:\"cvv-modal__content\"},[_c('div',{staticClass:\"cvv-modal__header\"},[_c('h6',{staticClass:\"cvv-modal__title\"},[_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('securityCVV'))}})]),_c('button',{staticClass:\"cvv-modal__btn-close\",on:{\"click\":function($event){return _vm.$emit('close-modal')}}},[_c('img',{attrs:{\"src\":require(\"@/assets/img/icons/close-blue.svg\"),\"alt\":\"\",\"tabindex\":\"-1\"}})])]),_c('div',{staticClass:\"cvv-modal__body\"},[_c('CieloInputV2',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|min:3|max:4'),expression:\"'required|min:3|max:4'\"}],attrs:{\"borderless\":false,\"name\":\"SecurityCode\",\"label\":\"CVV\",\"value\":_vm.securityCode,\"data-vv-as\":_vm.$ml.get('securityCode'),\"error\":_vm.errors.first('SecurityCode'),\"type\":\"tel\",\"mask\":['####']},on:{\"input\":value => _vm.$emit('input-security-code', value)}})],1),_c('div',{staticClass:\"cvv-modal__footer\"},[_c('CieloButton',{on:{\"click\":function($event){return _vm.$emit('submit-cvv')}}},[_c('span',{staticClass:\"btn-text btn-next\",staticStyle:{\"font-weight\":\"600\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('send'))}})])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"cvv-modal\">\r\n        <div class=\"cvv-modal__overlay\" @click=\"$emit('close-modal')\" />\r\n        <div class=\"cvv-modal__content\">\r\n            <div class=\"cvv-modal__header\">\r\n                <h6 class=\"cvv-modal__title\">\r\n                    <span v-text=\"$ml.get('securityCVV')\" />\r\n                </h6>\r\n                <button\r\n                    class=\"cvv-modal__btn-close\"\r\n                    @click=\"$emit('close-modal')\"\r\n                >\r\n                    <img src=\"@/assets/img/icons/close-blue.svg\" alt=\"\" tabindex=\"-1\" />\r\n                </button>\r\n            </div>\r\n\r\n            <div class=\"cvv-modal__body\">\r\n                <CieloInputV2\r\n                    :borderless=\"false\"\r\n                    name=\"SecurityCode\"\r\n                    label=\"CVV\"\r\n                    @input=\"value => $emit('input-security-code', value)\"\r\n                    :value=\"securityCode\"\r\n                    v-validate=\"'required|min:3|max:4'\"\r\n                    :data-vv-as=\"$ml.get('securityCode')\"\r\n                    :error=\"errors.first('SecurityCode')\"\r\n                    type=\"tel\"\r\n                    :mask=\"['####']\"\r\n                />\r\n            </div>\r\n\r\n            <div class=\"cvv-modal__footer\">\r\n                <CieloButton @click=\"$emit('submit-cvv')\">\r\n                    <span\r\n                        class=\"btn-text btn-next\"\r\n                        style=\"font-weight: 600;\"\r\n                        v-text=\"$ml.get('send')\"\r\n                    />\r\n                </CieloButton>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst CieloInputV2 = () =>\r\n\timport(/* webpackChunkName: \"cielo-input-v2\" */\r\n\t'@/components/ClickToPay/template/CieloInputV2');\r\n\r\nconst CieloButton = () =>\r\n\timport(/* webpackChunkName: \"cielo-button\" */\r\n\t'@/components/template/CieloButton');\r\n\r\nexport default {\r\n\tcomponents: {\r\n\t\tCieloInputV2,\r\n\t\tCieloButton\r\n\t},\r\n\r\n\tprops: {\r\n\t\tsecurityCode: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: ''\r\n\t\t}\r\n\t}\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cvv-modal {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tz-index: 99999;\r\n\tdisplay: inline-flex;\r\n\tflex-direction: column;\r\n\r\n\t&__overlay {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t\tz-index: -1;\r\n\t\tbackground-color: rgba(32, 31, 32, 0.6);\r\n\t}\r\n\r\n\t&__content {\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\tbackground-color: #ffffff;\r\n\t\tpadding: 24px 16px;\r\n\t\tborder-radius: 8px;\r\n\r\n\t\t//mobile\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\twidth: calc(100% - 32px);\r\n\t\t}\r\n\r\n\t\t//desktop\r\n\t\t@media screen and (min-width: 768px) {\r\n\t\t}\r\n\t}\r\n\r\n\t&__header {\r\n\t\tmargin-bottom: 32px;\r\n\t}\r\n\r\n\t&__body {\r\n\t\tmargin-bottom: 32px;\r\n\t}\r\n\r\n\t&__footer {\r\n\t}\r\n\r\n\t&__title {\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight: 700;\r\n\t\tcolor: #2f363e;\r\n\t\tmargin-right: 40px;\r\n\t}\r\n\r\n\t&__btn-close {\r\n\t\tcursor: pointer;\r\n\t\tbackground-color: transparent;\r\n\t\tborder: none;\r\n\t\tposition: absolute;\r\n\t\ttop: 16px;\r\n\t\tright: 16px;\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t&__btn-submit {\r\n\t}\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!./CVVRequired.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!./CVVRequired.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CVVRequired.vue?vue&type=template&id=9756ec50&scoped=true&\"\nimport script from \"./CVVRequired.vue?vue&type=script&lang=js&\"\nexport * from \"./CVVRequired.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CVVRequired.vue?vue&type=style&index=0&id=9756ec50&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  \"9756ec50\",\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!./CardList.vue?vue&type=style&index=0&id=311d3f02&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!./NewCardTermsC2P.vue?vue&type=style&index=0&id=7a43ca25&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!./CVVRequired.vue?vue&type=style&index=0&id=9756ec50&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"c2p-container\"},[_c('div',{staticClass:\"card-list\",attrs:{\"tabindex\":\"-1\"}},[_c('h4',{staticClass:\"card-list__title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('cardListTitle'))}}),_c('div',{staticClass:\"card-list__list-container\"},[_c('CardListC2P',{attrs:{\"card-brands\":_vm.availableCardBrands,\"cards\":_vm.cards,\"selection-type\":\"radioButton\"},on:{\"card-selected\":_vm.checkoutWithSelectedCard,\"add-card\":_vm.addCard,\"sign-out\":_vm.cardSignOut}})],1),_c('div',{staticClass:\"card-list__inputs-container\"},[_c('div',{staticClass:\"card-list__input-installment\"},[_c('span',{staticClass:\"card-list__input-title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('chooseTheNumberOfInstallments'))}}),_c('CieloSelectV2',{attrs:{\"title\":_vm.$ml.get('installment'),\"label\":_vm.$ml.get('chooseInstallmentsNumberV2'),\"option-items\":_vm.installmentList,\"selected-item\":_vm.numberOfInstallments,\"on-get-item-event\":_vm.getLangOptions,\"disabled\":!_vm.selectedCard || _vm.installmentIsFixed},on:{\"change\":_vm.selectItem}})],1),_c('div',{staticClass:\"card-list__input-document\"},[_c('span',{staticClass:\"card-list__input-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:\"card-list__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 }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"rootElement\",class:_vm.rootClass},[_c('src-card-list',{attrs:{\"id\":\"srcCardList\",\"locale\":\"pt_BR\",\"card-brands\":_vm.cardBrands,\"display-add-card\":\"true\",\"display-preferred-card\":\"true\",\"display-sign-out\":\"true\",\"card-selection-type\":\"radioButton\",\"src-digital-card-id\":\"\",\"display-header\":\"true\",\"unaccepted-card-type\":\"DEBIT\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const CardListStyle = `\r\n\r\n    * {\r\n        font-family: 'Montserrat', sans-serif;\r\n     }\r\n\r\n    :host .list--card .btn--secondary.list__link-button{\r\n        margin-top:0;\r\n        padding: 24px 0;\r\n        font-size:16px;\r\n        font-weight: 700;\r\n        color: #0774E7\r\n     }\r\n\r\n     :host .row.false{\r\n        margin:0 !important;\r\n     }\r\n     :host .row.false > .col{\r\n        padding:0 !important;\r\n     }\r\n\r\n     :host .list--card li {\r\n        border-bottom: 0  !important;  \r\n        padding:0;\r\n        margin-bottom: 16px;\r\n     }\r\n     :host .col-full, :host(:not([dark])) .col-full{\r\n        padding-left: 0 !important;\r\n     }\r\n     :host .list--card .list__item.clickable {\r\n        padding:4px 8px;\r\n        border-radius: 12px;\r\n        border: 1px solid #0774E7;\r\n     }\r\n     \r\n     :host .list--card .radio-item__icon{\r\n        border-color:#0774E7; \r\n     }\r\n\r\n     :host .card-in-list .card-preview__card-art{\r\n        margin: 0;\r\n     }\r\n\r\n     :host .list--card .add-card-list-item .list__item.clickable{\r\n        border-radius:0;\r\n        border-left:0;\r\n        border-right:0;\r\n        border-color:#B8C1CC;\r\n        padding:15px 0;\r\n     }\r\n     :host .list--card li > .row.row-padding-left-radio{\r\n        width:100%;\r\n        padding-top:20px;\r\n        padding-left: 5px;\r\n        margin:0;\r\n        display:flex;\r\n     }\r\n     :host .list--card li > .row.row-padding-left-radio .btn--secondary{\r\n        margin:0;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color:#0774E7;\r\n        text-decoration: none;\r\n        display:flex;\r\n        align-items:center;\r\n     }\r\n\r\n     :host .list--card li > .row.row-padding-left-radio .btn--secondary:before{\r\n        content:'';\r\n        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtYXNrIGlkPSJtYXNrMF8xODQ5Xzc4MDYzIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjI5Mjg5IDkuNzkyODlDNS45MDIzNyAxMC4xODM0IDUuOTAyMzcgMTAuODE2NiA2LjI5Mjg5IDExLjIwNzFMMTEuMjkyOSAxNi4yMDcxQzExLjY4MzQgMTYuNTk3NiAxMi4zMTY2IDE2LjU5NzYgMTIuNzA3MSAxNi4yMDcxTDE3LjcwNzEgMTEuMjA3MUMxOC4wOTc2IDEwLjgxNjYgMTguMDk3NiAxMC4xODM0IDE3LjcwNzEgOS43OTI4OUMxNy4zMTY2IDkuNDAyMzcgMTYuNjgzNCA5LjQwMjM3IDE2LjI5MjkgOS43OTI4OUwxMiAxNC4wODU4TDcuNzA3MTEgOS43OTI4OUM3LjMxNjU4IDkuNDAyMzcgNi42ODM0MiA5LjQwMjM3IDYuMjkyODkgOS43OTI4OVoiIGZpbGw9ImJsYWNrIi8+DQo8L21hc2s+DQo8ZyBtYXNrPSJ1cmwoI21hc2swXzE4NDlfNzgwNjMpIj4NCjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzA3NzRFNyIvPg0KPC9nPg0KPC9zdmc+DQo=);\r\n        width:24px;\r\n        height:24px;\r\n        background-size: contain;\r\n        display:block;\r\n        margin-right: 15px;\r\n     }\r\n     :host .list--card .add-card-list-item .list__item.clickable .list__item-content p{\r\n        font-size:0;\r\n        display: flex;\r\n     }\r\n     :host .list--card .add-card-list-item .list__item.clickable .list__item-content p:before{\r\n        content:'Adicionar novo cartão';\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color:#0774E7;\r\n     }\r\n     :host .list--card .add-card-list-item .list__item.clickable .radio-item__icon{\r\n        border-color: transparent;\r\n\r\n    }\r\n     :host .list--card .add-card-list-item .list__item.clickable .radio-item__icon:before{\r\n        content:'';\r\n        width:24px;\r\n        height:24px;\r\n        background-size: contain;\r\n        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtYXNrIGlkPSJtYXNrMF8xODQ5Xzc4MDcxIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPg0KPHBhdGggZD0iTTE3IDEyQzE3IDEyLjU1MjMgMTYuNTUyMyAxMyAxNiAxM0gxM1YxNkMxMyAxNi41NTIzIDEyLjU1MjMgMTcgMTIgMTdDMTEuNDQ3NyAxNyAxMSAxNi41NTIzIDExIDE2VjEzSDhDNy40NDc3MiAxMyA3IDEyLjU1MjMgNyAxMkM3IDExLjQ0NzcgNy40NDc3MiAxMSA4IDExSDExVjhDMTEgNy40NDc3MiAxMS40NDc3IDcgMTIgN0MxMi41NTIzIDcgMTMgNy40NDc3MiAxMyA4VjExSDE2QzE2LjU1MjMgMTEgMTcgMTEuNDQ3NyAxNyAxMloiIGZpbGw9ImJsYWNrIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyQzIyIDE3LjUyMjggMTcuNTIyOCAyMiAxMiAyMkM2LjQ3NzE1IDIyIDIgMTcuNTIyOCAyIDEyWk0xMiA0QzcuNTgxNzIgNCA0IDcuNTgxNzIgNCAxMkM0IDE2LjQxODMgNy41ODE3MiAyMCAxMiAyMEMxNi40MTgzIDIwIDIwIDE2LjQxODMgMjAgMTJDMjAgNy41ODE3MiAxNi40MTgzIDQgMTIgNFoiIGZpbGw9ImJsYWNrIi8+DQo8L21hc2s+DQo8ZyBtYXNrPSJ1cmwoI21hc2swXzE4NDlfNzgwNzEpIj4NCjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzA3NzRFNyIvPg0KPC9nPg0KPC9zdmc+DQo=);\r\n   \r\n        display:block;\r\n\r\n    }\r\n\r\n\r\n\r\n`;\r\nexport default CardListStyle;\r\n","<template>\r\n    <div :class=\"rootClass\" ref=\"rootElement\">\r\n        <src-card-list\r\n            id=\"srcCardList\"\r\n            locale=\"pt_BR\"\r\n            :card-brands=\"cardBrands\"\r\n            display-add-card=\"true\"\r\n            display-preferred-card=\"true\"\r\n            display-sign-out=\"true\"\r\n            card-selection-type=\"radioButton\"\r\n            src-digital-card-id=\"\"\r\n            display-header=\"true\"\r\n            unaccepted-card-type=\"DEBIT\"\r\n        />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport CardListCss from './CardListCss';\r\n\r\nexport default {\r\n\tcomponents: {},\r\n\r\n\tmounted() {\r\n\t\tthis.initializeCardList(this.cards);\r\n\t},\r\n\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tinitialized: false\r\n\t\t};\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\trootClass() {\r\n\t\t\t// if(!this.cards || this.cards.length === 0) {\r\n\t\t\t//     return 'card-list-c2p--empty'\r\n\t\t\t// }\r\n\t\t\treturn 'card-list-c2p';\r\n\t\t}\r\n\t},\r\n\r\n\twatch: {\r\n\t\tcards(value) {\r\n\t\t\tthis.initializeCardList(value);\r\n\t\t}\r\n\t},\r\n\r\n\tprops: {\r\n\t\tcardBrands: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault: () => []\r\n\t\t},\r\n\t\tcards: {\r\n\t\t\ttype: Array,\r\n\t\t\tdefault() {\r\n\t\t\t\treturn [];\r\n\t\t\t}\r\n\t\t},\r\n\t\tlocale: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'pt_BR'\r\n\t\t},\r\n\t\tselectionType: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: 'radioButton' // ||\r\n\t\t}\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tasync initializeCardList(maskedCardData) {\r\n\t\t\tlet srcCardListElement = this.$refs.rootElement.querySelector(\r\n\t\t\t\t'src-card-list'\r\n\t\t\t);\r\n\r\n\t\t\tconst loadOurStyle = () => {\r\n\t\t\t\tconst extraSheet = new CSSStyleSheet();\r\n\t\t\t\tconst shadowElement = document.querySelector('src-card-list')\r\n\t\t\t\t\t.shadowRoot;\r\n\t\t\t\textraSheet.replaceSync(CardListCss);\r\n\t\t\t\tshadowElement.adoptedStyleSheets.push(extraSheet);\r\n\t\t\t};\r\n\t\t\tif (!this.initialized) {\r\n\t\t\t\t// WebComponent pode demorar para carregar.\r\n\t\t\t\tawait customElements.whenDefined('src-card-list');\r\n\t\t\t\tsrcCardListElement.addEventListener(\r\n\t\t\t\t\t'selectSrcDigitalCardId',\r\n\t\t\t\t\tevent => {\r\n\t\t\t\t\t\tthis.$emit('card-selected', event.detail);\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t\tsrcCardListElement.addEventListener(\r\n\t\t\t\t\t'clickAddCardLink',\r\n\t\t\t\t\tevent => {\r\n\t\t\t\t\t\tthis.$emit('add-card', event.detail);\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t\tsrcCardListElement.addEventListener(\r\n\t\t\t\t\t'clickSignOutLink',\r\n\t\t\t\t\tevent => {\r\n\t\t\t\t\t\tthis.$emit('sign-out', event.detail);\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t\tthis.initialized = true;\r\n\t\t\t}\r\n\t\t\tsrcCardListElement.loadCards(maskedCardData);\r\n\t\t\tloadOurStyle();\r\n\t\t}\r\n\t}\r\n};\r\n</script>\r\n\r\n<style lang=\"css\" scoped>\r\n.card-list-c2p--empty {\r\n    display: none;\r\n}\r\n\r\n.card-list-c2p {\r\n    margin: auto;\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!./CardListC2P.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!./CardListC2P.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardListC2P.vue?vue&type=template&id=b07085a6&scoped=true&\"\nimport script from \"./CardListC2P.vue?vue&type=script&lang=js&\"\nexport * from \"./CardListC2P.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardListC2P.vue?vue&type=style&index=0&id=b07085a6&prod&lang=css&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  \"b07085a6\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"c2p-container\">\r\n        <div class=\"card-list\" tabindex=\"-1\">\r\n            <h4 class=\"card-list__title\" v-text=\"$ml.get('cardListTitle')\" tabindex=\"0\" />\r\n            <div class=\"card-list__list-container\">\r\n                <CardListC2P\r\n                    :card-brands=\"availableCardBrands\"\r\n                    :cards=\"cards\"\r\n                    selection-type=\"radioButton\"\r\n                    @card-selected=\"checkoutWithSelectedCard\"\r\n                    @add-card=\"addCard\"\r\n                    @sign-out=\"cardSignOut\"\r\n                />\r\n            </div>\r\n            <div class=\"card-list__inputs-container\">\r\n                <div class=\"card-list__input-installment\">\r\n                    <span class=\"card-list__input-title\" v-text=\"$ml.get('chooseTheNumberOfInstallments')\" tabindex=\"0\" />\r\n                    <CieloSelectV2\r\n                        @change=\"selectItem\"\r\n                        :title=\"$ml.get('installment')\"\r\n                        :label=\"$ml.get('chooseInstallmentsNumberV2')\"\r\n                        :option-items=\"installmentList\"\r\n                        :selected-item=\"numberOfInstallments\"\r\n                        :on-get-item-event=\"getLangOptions\"\r\n                        :disabled=\"!selectedCard || installmentIsFixed\"\r\n                    />\r\n                </div>\r\n\r\n                <div class=\"card-list__input-document\">\r\n                    <span class=\"card-list__input-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            </div>\r\n\r\n            <div class=\"card-list__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 loader from '@/helpers/loader';\r\n    import Swal from 'sweetalert2';\r\n    import CpfCnpjValidation from '@/helpers/validation-rules/CpfCnpjValidation';\r\n    import PaymentProcessor from '@/services/payment/PaymentProcessor';\r\n    import { mapState, 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 CardListC2P from '@/components/ClickToPay/CardListC2P';\r\n    import ButtonsFinishPaymentV2 from '@/components/template/ButtonsFinishPaymentV2';\r\n    import CVVRequired from '@/components/ClickToPay/CVVRequired';\r\n    import CieloCheckBoxV2 from '@/components/ClickToPay/template/CieloCheckBoxV2';\r\n    import NewCardTermsC2P from '@/components/ClickToPay/NewCardTermsC2P';\r\n\r\n\r\n    export default {\r\n        components: {\r\n            CieloInputV2,\r\n            CieloSelectV2,\r\n            CardListC2P,\r\n            ButtonsFinishPaymentV2,\r\n            CVVRequired,\r\n            CieloCheckBoxV2,\r\n            NewCardTermsC2P\r\n        },\r\n\r\n        data() {\r\n            return {\r\n                isNational: true,\r\n                selectedCard: '',\r\n                loading: false,\r\n                showCVVModal: false,\r\n                agreement: false,\r\n                showTerms: `${vars.CIELO_CHECKOUT_URL}/TransactionalVNext/Content/documents/Termos%20e%20condicoes%20de%20Uso_Cielo.pdf`,\r\n            };\r\n        },\r\n\r\n        created() {\r\n            loader.multiLanguage = this.$ml;\r\n            this.$validator.validate();\r\n            this.$validator.extend('cpf-cnpj', CpfCnpjValidation);\r\n            // this.selectedCard = this.cards[0] && this.cards[0].srcDigitalCardId || '';\r\n            this.selectedCard = '';\r\n        },\r\n\r\n        watch: {\r\n            selectedCard() {\r\n                this.doBinQuery();\r\n            }\r\n        },\r\n\r\n        computed: {\r\n            ...mapState({\r\n                cards: state => state.clickToPayPayment.cards,\r\n            }),\r\n            ...mapGetters({\r\n                selectedPaymentMethod: 'payment/getSelectedPaymentMethod',\r\n                getInstallmentListForPaymentMethodSelected: 'payment/getInstallmentListForPaymentMethodSelected',\r\n                installmentIsFixed: 'payment/getSelectedPaymentMethodInstallmentIsAbleToBeFixed'\r\n            }),\r\n            email: {\r\n                get: self => self.$store.state.clickToPayPayment.consumer.email,\r\n                set(value) { this.$store.state.clickToPayPayment.consumer.email = value; }\r\n            },\r\n            phone: {\r\n                get: self => self.$store.state.clickToPayPayment.consumer.phone,\r\n                set(value) { this.$store.state.clickToPayPayment.consumer.phone = value; }\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            numberOfInstallments: {\r\n                get: self => self.$store.getters['payment/getInstallmentNumberOfPayments'],\r\n                set(value) { this.$store.commit('payment/setNumberOfInstallments', value); }\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\r\n            installmentList() {\r\n                if (!this.selectedPaymentMethod) {\r\n                    return [];\r\n                }\r\n                return this.getInstallmentListForPaymentMethodSelected;\r\n            },\r\n            \r\n            disableButtonNext() {\r\n                if (!this.selectedCard || !this.nationalIdentification || !this.numberOfInstallments || !this.agreement || this.errors.items.length > 0) {\r\n                    return true;\r\n                }\r\n\r\n                return false;\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            paymentMethodImage() {\r\n                return this.selectedPaymentMethod ? this.selectedPaymentMethod.Image : null;\r\n            }\r\n        },\r\n\r\n        methods: {\r\n            async checkoutWithSelectedCard(srcDigitalCardId) {\r\n                this.selectedCard = srcDigitalCardId;\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/checkoutWithCard', this.selectedCard);\r\n                    const responseCode = this.$store.state.clickToPayPayment.checkoutResponse.actionCode;\r\n                    if (responseCode !== 'COMPLETE') {\r\n                        this.showErrorMessage();\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            addCard() {\r\n                this.$store.dispatch('pipelineV2/pushTo', 'UnifiedCardPaymentC2P');\r\n            },\r\n\r\n            goToPreviousStep() {\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            async cardSignOut() {\r\n                await window.mcCheckoutService.signOut();\r\n                this.$store.state.clickToPayPayment.consumerPresent = false;\r\n                this.$store.state.clickToPayPayment.cards = [];\r\n                this.resetConsumersContactData();\r\n                this.$store.dispatch('pipelineV2/pushTo', 'ChangePaymentType');\r\n            },\r\n\r\n            async doBinQuery() {\r\n                try {\r\n                    let card = this.cards.find(crd => crd.srcDigitalCardId === this.selectedCard) || {};\r\n\r\n                    if (!card.panBin) {\r\n                        const defaultMasterBin = 518600;\r\n                        const defaultVisaBin = 462294;\r\n                        const defaultBin = card.paymentCardDescriptor === 'visa' ? defaultVisaBin : defaultMasterBin;\r\n                        await this.$store.dispatch('clickToPayPayment/fetchCardBrand', defaultBin);\r\n                        return true;\r\n                    }\r\n\r\n                    await this.$store.dispatch('clickToPayPayment/fetchCardBrand', card.panBin);\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                    return false;\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            resetConsumersContactData() {\r\n                this.email = '';\r\n                this.phone = '';\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_cardlist_c2p',\r\n                    label: 'Usuário escolhe cartão já salvo na lista de cartões e clica em CONCLUIR COMPRA.'\r\n                });\r\n            }\r\n        }\r\n    };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .card-list {\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: 8px;\r\n            color: #2F363E;\r\n        }\r\n\r\n        &__list-container {\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        &__input-document {\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        &__input-installment {\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        &__input-title {\r\n            display: block;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            color: #2F363E;\r\n            margin-bottom: 16px;\r\n\r\n            @media screen and (min-width: 768px) {}\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!./CardList.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!./CardList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardList.vue?vue&type=template&id=311d3f02&scoped=true&\"\nimport script from \"./CardList.vue?vue&type=script&lang=js&\"\nexport * from \"./CardList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardList.vue?vue&type=style&index=0&id=311d3f02&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  \"311d3f02\",\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!./ButtonsFinishPaymentV2.vue?vue&type=style&index=0&id=108c19e4&prod&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardListC2P.vue?vue&type=style&index=0&id=b07085a6&prod&lang=css&scoped=true&\""],"sourceRoot":""}