{"version":3,"sources":["webpack:///./src/components/OrderOverview/components/ClickToPayOverview.vue","webpack:///src/components/OrderOverview/components/ClickToPayOverview.vue","webpack:///./src/components/OrderOverview/components/ClickToPayOverview.vue?3aa7","webpack:///./src/components/OrderOverview/components/ClickToPayOverview.vue?3f38","webpack:///./src/assets/img/brands/discover.svg","webpack:///./src/components/OrderOverview/components/ShippingMethodOverview.vue","webpack:///src/components/OrderOverview/components/ShippingMethodOverview.vue","webpack:///./src/components/OrderOverview/components/ShippingMethodOverview.vue?f8df","webpack:///./src/components/OrderOverview/components/ShippingMethodOverview.vue?621b","webpack:///./src/assets/img/brands/visa-v2.svg","webpack:///./src/components/OrderOverview/components/BoletoOverview.vue?ae27","webpack:///./src/components/OrderOverview/components/GooglePayOverview.vue?5094","webpack:///./src/components/OrderOverview/components/CreditCardOverview.vue?b8e5","webpack:///./src/assets/img/google-pay.svg","webpack:///./src/components/CartItems.vue","webpack:///./src/components/OrderOverview/components/DiscountOverview.vue","webpack:///src/components/OrderOverview/components/DiscountOverview.vue","webpack:///./src/components/OrderOverview/components/DiscountOverview.vue?deb2","webpack:///./src/components/OrderOverview/components/DiscountOverview.vue?dff2","webpack:///src/components/CartItems.vue","webpack:///./src/components/CartItems.vue?d835","webpack:///./src/components/CartItems.vue?ad1e","webpack:///./src/assets/img/payment-types/pix.svg","webpack:///./src/config/lang/helpers/translationParameterHelper.js","webpack:///./src/components/OrderOverview/components/PixOpenFinanceOverview.vue?ec9a","webpack:///./src/assets/img/brands/diners-v2.svg","webpack:///./src/components/OrderOverview/components/ClickToPayOverview.vue?7b32","webpack:///./src/assets/img/payment-types/boleto.svg","webpack:///./src/components/OrderOverview/components/GooglePayOverview.vue","webpack:///src/components/OrderOverview/components/GooglePayOverview.vue","webpack:///./src/components/OrderOverview/components/GooglePayOverview.vue?9ce4","webpack:///./src/components/OrderOverview/components/GooglePayOverview.vue?21ee","webpack:///./src/components/OrderOverview/components/CreditCardOverview.vue","webpack:///src/components/OrderOverview/components/CreditCardOverview.vue","webpack:///./src/components/OrderOverview/components/CreditCardOverview.vue?4752","webpack:///./src/components/OrderOverview/components/CreditCardOverview.vue?352d","webpack:///./src/components/OrderOverview/components/PixOverview.vue?75b9","webpack:///./src/components/OrderOverview/components/PixOverview.vue","webpack:///src/components/OrderOverview/components/PixOverview.vue","webpack:///./src/components/OrderOverview/components/PixOverview.vue?76cd","webpack:///./src/components/OrderOverview/components/PixOverview.vue?28c7","webpack:///./src/components/OrderOverview/components/ShippingMethodOverview.vue?8d9e","webpack:///./src/components/CartItemDescription.vue?4329","webpack:///./src/assets/img/brands/elo-v2.svg","webpack:///./src/components/CardBrand.vue","webpack:///src/components/CardBrand.vue","webpack:///./src/components/CardBrand.vue?f7cf","webpack:///./src/components/CardBrand.vue?6136","webpack:///./src/components/CartItems.vue?3107","webpack:///./src/components/OrderOverview/components/BoletoOverview.vue","webpack:///src/components/OrderOverview/components/BoletoOverview.vue","webpack:///./src/components/OrderOverview/components/BoletoOverview.vue?2632","webpack:///./src/components/OrderOverview/components/BoletoOverview.vue?5c62","webpack:///./src/assets/img/brands/jcb.svg","webpack:///./src/components/OrderOverview/components/DiscountOverview.vue?45d9","webpack:///./src/components/OrderOverview/components/PixOpenFinanceOverview.vue","webpack:///src/components/OrderOverview/components/PixOpenFinanceOverview.vue","webpack:///./src/components/OrderOverview/components/PixOpenFinanceOverview.vue?acdb","webpack:///./src/components/OrderOverview/components/PixOpenFinanceOverview.vue?a6be","webpack:///./src/components/CardBrand.vue?56b8","webpack:///./src/assets/img/brands/alelo.svg","webpack:///./src/assets/img/c2p-logo.svg","webpack:///./src/assets/img/brands/mastercard-v2.svg","webpack:///./src/assets/img/brands/amex-v2.svg","webpack:///./src/components/CartItemDescription.vue","webpack:///src/components/CartItemDescription.vue","webpack:///./src/components/CartItemDescription.vue?30f7","webpack:///./src/components/CartItemDescription.vue?11fd"],"names":["render","_vm","this","_c","_self","isClick2PayPayment","staticClass","attrs","artUri","_v","_s","cardPanLastFour","maskedFullName","require","installments","domProps","$ml","get","installmentPrice","_e","staticRenderFns","components","computed","_objectSpread","mapGetters","paymentType","numberOfInstallments","self","$store","getters","set","value","commit","state","clickToPayPayment","checkoutResponse","cardArtUri","paymentMethodImage","selectedPaymentMethod","Image","payment","PaymentType","methods","getPaymentMethodTranslationParameterName","translationParameterHelper","component","module","exports","method","minimal","img","description","shippingTypeLoggi","deadLine","with","price","formattedPrice","ZipCode","Street","Number","District","City","State","mapState","props","type","Boolean","default","_l","cartItems","item","key","Name","Quantity","formatPrice","UnitPrice","hiddenItems","on","showAllItems","shouldShowAllItems","class","active","cartDiscountAmount","cartPercentage","paymentMethodDiscount","paymentMethodPercentage","cartDiscount","paymentMethodDiscountPercentage","selectedPaymentTypeId","TypeId","Percentage","concat","unitPrice","moneyHelper","formatToPrice","parseCents","amount","DiscountOverview","data","itemsToPreview","isDesktop","Items","slice","length","totalPrice","PaymentTypes","CREDIT_CARD","BOLETO","DEBIT_CARD","PIX","QRCODE","VOUCHER","QRCODE_DEBIT","CLICK_TO_PAY","PAT_ELO_VOUCHER","GOOGLE_PAY","PIX_OPEN_FINANCE","isGPayPayment","fullName","googlePayPayment","selectedCard","info","billingAddress","name","cardDetails","isCardPayment","cardNumberLast4Digits","cardHolderName","isRecurringPayment","CardBrand","isPixPayment","_m","Description","brand","CardBrands","AMEX","DINERS","ELO","MASTERCARD","VISA","ALELO","PATELOVOUCHER","DISCOVER","JCB","String","required","isBoletoPayment","isPixOpenFinancePayment","customClass","isShortened","showFirstItemFullDescription","firstItemDescription","firstItemShortDescription","handleDescriptionCTA","maxNumberOfCharacters","isShortDescription","itemDescription","created","replaceAll","trim","str"],"mappings":"kHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,mBAAoBF,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMN,EAAIO,OAAO,IAAM,kBAAkBL,EAAG,MAAM,CAACG,YAAY,0BAA0BC,MAAM,CAAC,SAAW,MAAM,CAACJ,EAAG,MAAM,CAACG,YAAY,6BAA6B,CAACH,EAAG,MAAM,CAACF,EAAIQ,GAAG,UAAUR,EAAIQ,GAAG,yBAAyBR,EAAIS,GAAGT,EAAIU,iBAAiB,wBAAwBR,EAAG,OAAO,CAACF,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIW,uBAAuBT,EAAG,MAAM,CAACG,YAAY,uBAAuB,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAA6B,IAAM,kBAAkBV,EAAG,IAAI,CAACI,MAAM,CAAC,SAAW,MAAM,CAACN,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIa,cAAgB,GAAG,wBAAwBX,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,UAAUhB,EAAIQ,GAAG,wBAAwBR,EAAIS,GAAGT,EAAIiB,kBAAkB,0BAA0BjB,EAAIkB,MAEp/BC,EAAkB,G,gpBCgCP,OACfC,WAAA,GAIAC,SAAAC,IAAA,GACAC,eAAA,CACAV,aAAA,yCACAI,iBAAA,uCACAO,YAAA,sCACA,IACAC,qBAAA,CACAT,IAAA,SAAAU,GAAA,OACAA,EAAAC,OAAAC,QAAA,2CACAC,IAAA,SAAAC,GACA,KAAAH,OAAAI,OAAA,kCAAAD,KAIAnB,eAAA,WACA,YAAAgB,OAAAK,MAAAC,kBAAAC,iBAAAvB,gBAGAD,gBAAA,WACA,YAAAiB,OAAAK,MAAAC,kBAAAC,iBACAxB,iBAGAH,OAAA,WACA,YAAAoB,OAAAK,MAAAC,kBAAAC,iBACAC,YAGAC,mBAAA,SAAAV,GAAA,OACAA,EAAAW,sBACAX,EAAAW,sBAAAC,MACA,MAEAlC,mBAAA,SAAAsB,GAAA,aAAAA,EAAAC,OAAAK,MAAAO,QAAAC,eAGAC,QAAA,CACAC,yCAAA,WACA,OAAAC,OAAAD,yCACA,KAAAL,sBAAAG,gBC9E0X,I,wBCQtXI,EAAY,eACd,EACA7C,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAyB,E,yDCnBfC,EAAOC,QAAU,IAA0B,oB,oCCA3C,IAAI/C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAI+C,OAAQ7C,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAAEL,EAAIgD,QAAS,CAAC9C,EAAG,MAAM,CAACG,YAAY,gDAAgD,CAACH,EAAG,MAAM,CAACG,YAAY,2CAA2C,CAACH,EAAG,MAAM,CAACG,YAAY,kCAAkC,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMN,EAAI+C,OAAOE,IAAI,IAAM,GAAG,SAAW,UAAU/C,EAAG,MAAM,CAACG,YAAY,0CAA0CC,MAAM,CAAC,SAAW,MAAM,CAACJ,EAAG,OAAO,CAACG,YAAY,kDAAkD,CAACL,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAI+C,OAAOG,aAAa,OAAQlD,EAAI+C,OAAOI,kBAAmBjD,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,oBAA4C,GAAvBhB,EAAI+C,OAAOK,SAAelD,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,4BAA6BhB,EAAI+C,OAAOK,UAAY,EAAGlD,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIsC,KAAK,IAAKrD,EAAI+C,OAAOK,UAAUpC,IAAI,6BAA6BhB,EAAIkB,SAAShB,EAAG,MAAM,CAACG,YAAY,kCAAkCC,MAAM,CAAC,SAAW,MAAM,CAAsB,GAApBN,EAAI+C,OAAOO,MAAYpD,EAAG,OAAO,CAACF,EAAIQ,GAAGR,EAAIS,GAAGT,EAAI+C,OAAOQ,mBAAmBvD,EAAIkB,KAA0B,GAApBlB,EAAI+C,OAAOO,MAAYpD,EAAG,OAAO,CAACG,YAAY,OAAOS,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,YAAYhB,EAAIkB,UAAU,CAAChB,EAAG,MAAM,CAACG,YAAY,uCAAuC,CAACH,EAAG,OAAO,CAACG,YAAY,oCAAoCC,MAAM,CAAC,SAAW,MAAM,CAACN,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIwD,SAAS,MAAMxD,EAAIS,GAAGT,EAAIyD,QAAQ,KAAKzD,EAAIS,GAAGR,KAAKyD,QAAQ,IAAI1D,EAAIS,GAAGT,EAAI2D,UAAU,KAAK3D,EAAIS,GAAGT,EAAI4D,MAAM,MAAM5D,EAAIS,GAAGT,EAAI6D,OAAO,oBAAoB3D,EAAG,MAAM,CAACG,YAAY,kCAAkC,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,SAAW,MAAM,CAACJ,EAAG,OAAO,CAACG,YAAY,kDAAkD,CAACL,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAI+C,OAAOG,gBAAiBlD,EAAI+C,OAAOI,kBAAmBjD,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,oBAA4C,GAAvBhB,EAAI+C,OAAOK,SAAelD,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,4BAA6BhB,EAAI+C,OAAOK,UAAY,EAAGlD,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIsC,KAAK,IAAKrD,EAAI+C,OAAOK,UAAUpC,IAAI,6BAA6BhB,EAAIkB,OAAOhB,EAAG,MAAM,CAACG,YAAY,kCAAkCC,MAAM,CAAC,SAAW,MAAM,CAAsB,GAApBN,EAAI+C,OAAOO,MAAYpD,EAAG,OAAO,CAACF,EAAIQ,GAAGR,EAAIS,GAAGT,EAAI+C,OAAOQ,mBAAmBvD,EAAIkB,KAA0B,GAApBlB,EAAI+C,OAAOO,MAAYpD,EAAG,OAAO,CAACG,YAAY,OAAOS,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,YAAYhB,EAAIkB,aAAa,GAAGlB,EAAIkB,MAE37EC,EAAkB,G,ooBCiDtB,OACAE,SAAAC,IAAA,GACAC,eAAA,CACAwB,OAAA,4BAEAe,eAAA,yFAEAC,MAAA,CACAf,QAAA,CACAgB,KAAAC,QACAC,SAAA,KC7D8X,I,wBCQ1XtB,EAAY,eACd,EACA7C,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAyB,E,gCCnBfC,EAAOC,QAAU,IAA0B,mB,kCCA3C,W,yDCAA,W,kCCAA,W,uBCAAD,EAAOC,QAAU,IAA0B,sB,oCCA3C,IAAI/C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,cAAc,CAACL,EAAImE,GAAInE,EAAIoE,WAAW,SAASC,EAAKC,GAAK,OAAOpE,EAAG,MAAM,CAACoE,IAAIA,EAAIjE,YAAY,YAAYC,MAAM,CAAC,SAAW,MAAM,CAACJ,EAAG,OAAO,CAACG,YAAY,kBAAkBC,MAAM,CAAC,MAAQ+D,EAAKE,OAAO,CAACvE,EAAIQ,GAAG,IAAIR,EAAIS,GAAG4D,EAAKG,UAAU,KAAKxE,EAAIS,GAAG4D,EAAKE,SAASrE,EAAG,SAAS,CAACG,YAAY,oBAAoB,CAACL,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIyE,YAAYJ,EAAKK,UAAYL,EAAKG,mBAAoBxE,EAAI2E,YAAc,EAAGzE,EAAG,SAAS,CAACG,YAAY,kBAAkBC,MAAM,CAAC,aAAaN,EAAIe,IAAIC,IAAI,oBAAoB4D,GAAG,CAAC,MAAQ5E,EAAI6E,eAAe,CAAC3E,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAI8E,mBAAqB9E,EAAIe,IAAIC,IAAI,aAAehB,EAAIe,IAAIC,IAAI,mBAAmBd,EAAG,MAAM,CAAC6E,MAAM,CAAEC,OAAQhF,EAAI8E,oBAAqBxE,MAAM,CAAC,IAAMM,EAAQ,QAA0C,IAAM,GAAG,SAAW,UAAUZ,EAAIkB,KAAKhB,EAAG,qBAAqB,IAEh5BiB,EAAkB,G,oECFlBpB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,OAAO,CAACG,YAAY,qBAAqB,CAAEL,EAAIiF,mBAAqB,EAAG/E,EAAG,MAAM,CAACG,YAAY,0BAA0BC,MAAM,CAAC,SAAW,MAAM,CAACJ,EAAG,OAAO,CAACG,YAAY,oCAAoC,CAACL,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,iBAAiB,IAAIhB,EAAIS,GAAGT,EAAIkF,gBAAgB,QAAQhF,EAAG,SAAS,CAACG,YAAY,qCAAqC,CAACL,EAAIQ,GAAG,KAAKR,EAAIS,GAAGT,EAAIyE,YAAYzE,EAAIiF,0BAA0BjF,EAAIkB,KAAMlB,EAAImF,sBAAwB,EAAGjF,EAAG,MAAM,CAACG,YAAY,0BAA0BC,MAAM,CAAC,SAAW,MAAM,CAACJ,EAAG,OAAO,CAACG,YAAY,oCAAoC,CAACL,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,eAAe,IAAIhB,EAAIS,GAAGT,EAAIe,IAAIC,IAAIhB,EAAI0C,2CAA2C,IAAI1C,EAAIS,GAAGT,EAAIoF,4BAA4BlF,EAAG,SAAS,CAACG,YAAY,qCAAqC,CAACL,EAAIQ,GAAG,MAAMR,EAAIS,GAAGT,EAAIyE,YAAYzE,EAAImF,6BAA6BnF,EAAIkB,QAEp7BC,EAAkB,G,wlBCgBtB,OACAE,SAAAC,IAAA,GACAC,eAAA,CACA0D,mBAAA,iCACAE,sBAAA,0CACAE,aAAA,uBACAC,gCAAA,sBACAC,sBAAA,sCACA,IACAL,eAAA,WACA,YAAAG,cAAA,QAAAA,aAAAG,QAAA,KAAAH,aAAAI,WAAA,EACA,KAAAC,OAAA,KAAAL,aAAAI,WAAA,KACA,IAGAL,wBAAA,WACA,YAAAE,iCAAA,KAAAA,gCAAA,EACA,KAAAI,OAAA,KAAAJ,gCAAA,KACA,IAGA5C,yCAAA,WACA,OAAAC,OACAD,yCAAA,KAAA6C,0BAKA9C,QAAA,CACAgC,YAAA,SAAAkB,GACA,YAAAD,OAAAE,OAAAC,cAAAF,KAGAG,WAAA,SAAAC,GACA,OAAAA,EAAA,OCpDwX,I,wBCQpXnD,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,olBCGf,OACAxB,WAAA,CACA4E,oBAGAC,KAAA,WACA,OACAnB,oBAAA,EACAoB,eAAA,KAAAC,UAAA,MAIApC,MAAA,CACAoC,UAAA,CACAnC,KAAAC,QACAC,SAAA,IAIA7C,SAAAC,MAAA,GACAC,eAAA,CACAgC,eAAA,+BAEAO,eAAA,uBAEAM,UAAA,WACA,YAAAU,mBACA,KAAAsB,MAEA,KAAAA,MAAAC,MAAA,OAAAH,iBAGAvB,YAAA,WACA,IAAAA,EAAA,KAAAyB,MAAAE,OAAA,KAAAJ,eAEA,OAAAvB,EAAA,EAAAA,EAAA,KAIAlC,QAAA,CACAoC,aAAA,WACA,KAAAC,oBAAA,KAAAA,oBAGAL,YAAA,SAAAkB,GACA,IAAAY,EAAAZ,EAAA,IAEA,YAAAD,OAAAE,OAAAC,cAAAU,OCrEmV,ICQ/U,G,UAAY,eACd,EACAxG,EACAoB,GACA,EACA,KACA,WACA,OAIa,S,gCCnBf0B,EAAOC,QAAU,IAA0B,e,oCCA3C,gBAEe,QACXJ,yCAAwC,SAAClB,GACrC,OAAOA,GACP,KAAKgF,OAAaC,YACd,MAAO,aACX,KAAKD,OAAaE,OACd,MAAO,SACX,KAAKF,OAAaG,WACd,MAAO,YACX,KAAKH,OAAaI,IACd,MAAO,MACX,KAAKJ,OAAaK,OACd,MAAO,YACX,KAAKL,OAAaM,QACd,MAAO,UACX,KAAKN,OAAaO,aACd,MAAO,cACX,KAAKP,OAAaQ,aACd,MAAO,aACX,KAAKR,OAAaS,gBACd,MAAO,gBACX,KAAKT,OAAaU,WACd,MAAO,YACX,KAAKV,OAAaW,iBACd,MAAO,oB,kCC1BnB,W,uBCAAtE,EAAOC,QAAU,IAA0B,qB,2DCA3C,W,gDCAAD,EAAOC,QAAU,IAA0B,kB,oCCA3C,IAAI/C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAIoH,cAAelH,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAA+B,IAAM,gBAAgBV,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,OAAO,CAACG,YAAY,uBAAuB,CAACL,EAAIQ,GAAG,QAAQR,EAAIS,GAAGT,EAAIU,oBAAoBR,EAAG,OAAO,CAACG,YAAY,yBAAyB,CAACL,EAAIQ,GAAG,kBAAkBN,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,OAAO,CAACG,YAAY,2BAA2B,CAACL,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIqH,aAAanH,EAAG,OAAO,CAACG,YAAY,uBAAuBC,MAAM,CAAC,SAAW,MAAM,CAACN,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIa,cAAgB,GAAG,wBAAwBX,EAAG,QAAQ,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,UAAUhB,EAAIQ,GAAG,wBAAwBR,EAAIS,GAAGT,EAAIiB,kBAAkB,0BAA0BjB,EAAIkB,MAEz4BC,EAAkB,G,0pBC2BP,OACfC,WAAA,GAIAC,SAAAC,IAAA,GACAC,eAAA,CACAV,aAAA,yCACAI,iBAAA,uCACAO,YAAA,sCACA,IACAC,qBAAA,CACAT,IAAA,SAAAU,GAAA,OACAA,EAAAC,OAAAC,QAAA,2CACAC,IAAA,SAAAC,GACA,KAAAH,OAAAI,OAAA,kCAAAD,KAIAuF,SAAA,WACA,YAAA1F,OAAAK,MAAAsF,iBAAAC,aAAAC,KAAAC,eAAAC,MAMAhH,gBAAA,WACA,YAAAiB,OAAAK,MAAAsF,iBAAAC,aAAAC,KAAAG,aAGAP,cAAA,SAAA1F,GAAA,aAAAA,EAAAC,OAAAK,MAAAO,QAAAC,eAGAC,QAAA,CACAC,yCAAA,WACA,OAAAC,OAAAD,yCACA,KAAAL,sBAAAG,gBCjEyX,I,wBCQrXI,EAAY,eACd,EACA7C,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAyB,E,6CCnBf,IAAI7C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAI4H,cAAe1H,EAAG,MAAM,CAACG,YAAY,uBAAuB,CAACH,EAAG,MAAM,CAACG,YAAY,6BAA6B,CAAsB,IAApBL,EAAIwB,YAAmBtB,EAAG,MAAM,CAACG,YAAY,aAAaC,MAAM,CAAC,IAAMM,EAAQ,WAAiDZ,EAAIoC,mBAAoBlC,EAAG,YAAY,CAACG,YAAY,aAAaC,MAAM,CAAC,MAAQN,EAAIoC,mBAAmB,SAAW,OAAOpC,EAAIkB,MAAM,GAAGhB,EAAG,MAAM,CAACG,YAAY,6BAA6B,CAACH,EAAG,MAAM,CAACG,YAAY,iCAAiCC,MAAM,CAAC,SAAW,MAAM,CAACJ,EAAG,MAAM,CAACG,YAAY,oCAAoC,CAACH,EAAG,MAAM,CAACF,EAAIQ,GAAG,UAAUR,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAI6H,uBAAuB,oBAAoB3H,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAIhB,EAAI0C,kDAAkDxC,EAAG,MAAM,CAACG,YAAY,6BAA6BC,MAAM,CAAC,SAAW,MAAM,CAACJ,EAAG,OAAO,CAACG,YAAY,+BAA+B,CAACL,EAAIQ,GAAGR,EAAIS,GAAGT,EAAI8H,mBAAoB9H,EAAI+H,oBAA0C,IAApB/H,EAAIwB,aAAyC,IAApBxB,EAAIwB,aAAyC,IAApBxB,EAAIwB,aAAyC,IAApBxB,EAAIwB,aAAyC,IAApBxB,EAAIwB,YAAmBtB,EAAG,IAAI,CAACF,EAAIQ,GAAG,0CAA0CN,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,UAAUhB,EAAIQ,GAAG,wBAAwBR,EAAIS,GAAGT,EAAIiB,kBAAkB,oBAAoBf,EAAG,IAAI,CAACF,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIa,cAAc,uBAAuBX,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,UAAUhB,EAAIQ,GAAG,wBAAwBR,EAAIS,GAAGT,EAAIiB,kBAAkB,0BAA0BjB,EAAIkB,MAEzkDC,EAAkB,G,wqBCuCtB,OACAC,WAAA,CACA4G,kBAGA3G,SAAAC,IAAA,GACAC,eAAA,CACAsG,sBAAA,2CACAC,eAAA,gCACAjH,aAAA,yCACAI,iBAAA,uCACAoB,sBAAA,mCACA0F,mBAAA,sCACAvG,YAAA,sCACA,IACAC,qBAAA,CACAT,IAAA,SAAAU,GAAA,OAAAA,EAAAC,OAAAC,QAAA,2CACAC,IAAA,SAAAC,GAAA,KAAAH,OAAAI,OAAA,kCAAAD,KAGAM,mBAAA,SAAAV,GAAA,OACAA,EAAAW,sBAAAX,EAAAW,sBAAAC,MAAA,MAEAsF,cAAA,SAAAlG,GAAA,OACA,KAAAA,EAAAC,OAAAK,MAAAO,QAAAC,aACA,GAAAd,EAAAC,OAAAK,MAAAO,QAAAC,aACA,KAAAd,EAAAC,OAAAK,MAAAO,QAAAC,aACAd,EAAAW,wBACAX,EAAAW,sBAAAG,aAAAgE,OAAAC,aACA/E,EAAAW,sBAAAG,aAAAgE,OAAAG,YACAjF,EAAAW,sBAAAG,aAAAgE,OAAAS,iBACAvF,EAAAW,sBAAAG,aAAAgE,OAAAM,YAIArE,QAAA,CACAC,yCAAA,WACA,OAAAC,OACAD,yCAAA,KAAAL,sBAAAG,gBC/E0X,I,wBCQtXI,EAAY,eACd,EACA7C,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAyB,E,6CCnBf,W,oCCAA,IAAI7C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAIiI,aAAc/H,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,MAAM,CAACG,YAAY,8CAA8C,CAACH,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACL,EAAIkI,GAAG,GAAGhI,EAAG,MAAM,CAACG,YAAY,4BAA4BC,MAAM,CAAC,SAAW,MAAM,CAACN,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIqC,sBAAsB8F,aAAa,sBAAsBjI,EAAG,MAAM,CAACG,YAAY,sBAAsBC,MAAM,CAAC,SAAW,MAAM,CAACJ,EAAG,IAAI,CAACF,EAAIQ,GAAG,0CAA0CN,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,UAAUhB,EAAIQ,GAAG,wBAAwBR,EAAIS,GAAGT,EAAIiB,kBAAkB,0BAA0BjB,EAAIkB,MAExrBC,EAAkB,CAAC,WAAY,IAAInB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAAsC,IAAM,MAAM,SAAW,W,gpBC0BhN,OACAS,SAAAC,IAAA,GACAC,eAAA,CACAN,iBAAA,uCACAoB,sBAAA,sCACA,IAEA4F,aAAA,SAAAvG,GAAA,OACAA,EAAAW,uBACAX,EAAAW,sBAAAG,aAAAgE,OAAAI,QCrCmX,I,wBCQ/WhE,EAAY,eACd,EACA7C,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAyB,E,6CCnBf,W,2DCAA,W,yECAAC,EAAOC,QAAU,IAA0B,kB,kCCA3C,IAAI/C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,cAAc,CAAEL,EAAIoI,QAAUpI,EAAIqI,WAAWC,KAAMpI,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAAmC,IAAM,UAAUZ,EAAIkB,KAAMlB,EAAIoI,QAAUpI,EAAIqI,WAAWE,OAAQrI,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAAqC,IAAM,YAAYZ,EAAIkB,KAAMlB,EAAIoI,QAAUpI,EAAIqI,WAAWG,IAAKtI,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAAkC,IAAM,SAASZ,EAAIkB,KAAMlB,EAAIoI,QAAUpI,EAAIqI,WAAWI,WAAYvI,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAAyC,IAAM,gBAAgBZ,EAAIkB,KAAMlB,EAAIoI,QAAUpI,EAAIqI,WAAWK,KAAMxI,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAAmC,IAAM,UAAUZ,EAAIkB,KAAMlB,EAAIoI,QAAUpI,EAAIqI,WAAWM,MAAOzI,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAAiC,IAAM,WAAWZ,EAAIkB,KAAMlB,EAAIoI,QAAUpI,EAAIqI,WAAWO,cAAe1I,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAAkC,IAAM,qBAAqBZ,EAAIkB,KAAMlB,EAAIoI,QAAUpI,EAAIqI,WAAWQ,SAAU3I,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAAoC,IAAM,cAAcZ,EAAIkB,KAAMlB,EAAIoI,QAAUpI,EAAIqI,WAAWS,IAAK5I,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAA+B,IAAM,SAASZ,EAAIkB,QAEjwCC,EAAkB,G,YCetB,GACA4C,MAAA,CACAqE,MAAA,CACApE,KAAA+E,OACAC,UAAA,IAGA/C,KAAA,WACA,OACAoC,qBC1BmV,I,wBCQ/UzF,EAAY,eACd,EACA7C,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAyB,E,2CCnBf,W,kCCAA,IAAI7C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAIiJ,gBAAiB/I,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,MAAM,CAACG,YAAY,iDAAiD,CAACH,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACL,EAAIkI,GAAG,GAAGhI,EAAG,OAAO,CAACG,YAAY,uCAAuCC,MAAM,CAAC,SAAW,MAAM,CAACN,EAAIQ,GAAG,qBAAqBR,EAAIS,GAAGT,EAAIqC,sBAAsB8F,aAAa,sBAAsBjI,EAAG,MAAM,CAACG,YAAY,yBAAyBC,MAAM,CAAC,SAAW,MAAM,CAACJ,EAAG,IAAI,CAACF,EAAIQ,GAAG,0CAA0CN,EAAG,OAAO,CAACY,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,UAAUhB,EAAIQ,GAAG,wBAAwBR,EAAIS,GAAGT,EAAIiB,kBAAkB,0BAA0BjB,EAAIkB,MAEntBC,EAAkB,CAAC,WAAY,IAAInB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAAyC,IAAM,SAAS,SAAW,W,gpBC0BzN,OACAS,SAAAC,IAAA,GACAC,eAAA,CACAN,iBAAA,uCACAoB,sBAAA,sCACA,IAEA4G,gBAAA,SAAAvH,GAAA,OACAA,EAAAW,uBACAX,EAAAW,sBAAAG,aAAAgE,OAAAE,WCrCsX,I,wBCQlX9D,EAAY,eACd,EACA7C,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAyB,E,8BCnBfC,EAAOC,QAAU,IAA0B,e,yDCA3C,W,yDCAA,IAAI/C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAIkJ,wBAAyBhJ,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACG,YAAY,sCAAsC,CAACL,EAAIkI,GAAG,GAAGhI,EAAG,MAAM,CAACG,YAAY,cAAcC,MAAM,CAAC,SAAW,MAAM,CAACJ,EAAG,IAAI,CAACF,EAAIQ,GAAG,wBAAwBR,EAAIS,GAAGT,EAAIiB,kBAAkB,0BAA0BjB,EAAIkB,MAElWC,EAAkB,CAAC,WAAY,IAAInB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMM,EAAQ,QAAmD,IAAM,mBAAmB,SAAW,SAASV,EAAG,MAAM,CAACG,YAAY,oBAAoBC,MAAM,CAAC,SAAW,MAAM,CAACN,EAAIQ,GAAG,8D,gpBCwB1V,OACAa,SAAAC,IAAA,GACAC,eAAA,CACAN,iBAAA,uCACAoB,sBAAA,sCACA,IAEA6G,wBAAA,SAAAxH,GAAA,OACAA,EAAAW,uBACAX,EAAAW,sBAAAG,aAAAgE,OAAAW,qBCnC8X,I,wBCQ1XvE,EAAY,eACd,EACA7C,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAyB,E,2CCnBf,W,qBCAAC,EAAOC,QAAU,IAA0B,iB,mECA3CD,EAAOC,QAAU,IAA0B,oB,qBCA3CD,EAAOC,QAAU,IAA0B,yB,qBCA3CD,EAAOC,QAAU,IAA0B,mB,kCCA3C,IAAI/C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,wBAAwB0E,MAAM/E,EAAImJ,aAAa,CAACjJ,EAAG,SAAS,CAACG,YAAY,+BAA+BC,MAAM,CAAC,SAAW,KAAKQ,SAAS,CAAC,YAAcd,EAAIS,GAAGT,EAAIe,IAAIC,IAAI,mCAAqChB,EAAIoJ,YAAsIlJ,EAAG,OAAO,CAACG,YAAY,8BAA8BC,MAAM,CAAC,SAAW,MAAM,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIqJ,6BAC1gBrJ,EAAIsJ,qBAAuBtJ,EAAIuJ,8BADkRrJ,EAAG,OAAO,CAACG,YAAY,8BAA8BC,MAAM,CAAC,SAAW,MAAM,CAACN,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIsJ,yBACnVtJ,EAAIoJ,YAAalJ,EAAG,SAAS,CAACG,YAAY,6BAA6BC,MAAM,CAAC,aAAaN,EAAIe,IAAIC,IAAI,wBAAwB4D,GAAG,CAAC,MAAQ5E,EAAIwJ,uBAAuB,CAACxJ,EAAIQ,GAAG,aAAaR,EAAIS,GAAGT,EAAIqJ,6BAA+BrJ,EAAIe,IAAIC,IAAI,mBAAqBhB,EAAIe,IAAIC,IAAI,oBAAoB,cAAcd,EAAG,MAAM,CAACG,YAAY,kCAAkC0E,MAAM,CAAEC,OAAQhF,EAAIqJ,8BAA+B/I,MAAM,CAAC,IAAMM,EAAQ,QAA0C,IAAM,GAAG,SAAW,UAAUZ,EAAIkB,QAElkBC,EAAkB,GCwBP,GACf8E,KAAA,WACA,OACAqD,qBAAA,GACAG,sBAAA,IACAJ,8BAAA,IAIAtF,MAAA,CACA2F,mBAAA,CACA1F,KAAAC,QACAC,SAAA,GAEAyF,gBAAA,CACA3F,KAAA+E,OACA7E,QAAA,GACA8E,UAAA,GAEAG,YAAA,CACAnF,KAAA+E,OACA7E,QAAA,KAIA0F,QAAA,WACA,KAAAN,qBAAA,KAAAK,gBAAAE,WAAA,UAAAC,QAGAzI,SAAA,CAEAkI,0BAAA,WACA,IAAAQ,EAAA,KAAAJ,gBAAAtD,MAAA,OAAAoD,uBAAA,MAEA,OAAAM,EAAAF,WAAA,UAAAC,QAEAV,YAAA,WACA,aAAAM,qBAMAjH,QAAA,CACA+G,qBAAA,WACA,KAAAH,8BAAA,KAAAA,gCCxE6V,I,wBCQzVzG,EAAY,eACd,EACA7C,EACAoB,GACA,EACA,KACA,WACA,MAIa,OAAAyB,E","file":"js/chunk-77c2ce54.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isClick2PayPayment)?_c('div',{staticClass:\"c2p-overview\"},[_c('div',{staticClass:\"c2p-overview__container\"},[_c('div',{staticClass:\"c2p-overview__info\"},[_c('div',{staticClass:\"c2p-overview__icon\"},[_c('img',{attrs:{\"src\":_vm.artUri,\"alt\":\"card image\"}})]),_c('div',{staticClass:\"c2p-overview__card-info\",attrs:{\"tabindex\":\"0\"}},[_c('div',{staticClass:\"c2p-overview__last-digits\"},[_c('div',[_vm._v(\"••••\")]),_vm._v(\"\\n                    \"+_vm._s(_vm.cardPanLastFour)+\"\\n                \")]),_c('span',[_vm._v(_vm._s(_vm.maskedFullName))])])]),_c('div',{staticClass:\"c2p-overview__price\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/c2p-logo.svg\"),\"alt\":\"Click to pay\"}}),_c('p',{attrs:{\"tabindex\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.installments || 1)+\" x\\n                \"),_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('of'))}}),_vm._v(\"\\n                R$ \"+_vm._s(_vm.installmentPrice)+\"\\n            \")])])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"c2p-overview\" v-if=\"isClick2PayPayment\">\r\n        <div class=\"c2p-overview__container\">\r\n            <div class=\"c2p-overview__info\">\r\n                <div class=\"c2p-overview__icon\">\r\n                    <img :src=\"artUri\" alt=\"card image\" />\r\n                </div>\r\n    \r\n                <div class=\"c2p-overview__card-info\" tabindex=\"0\">\r\n                    <div class=\"c2p-overview__last-digits\">\r\n                        <div>&bull;&bull;&bull;&bull;</div>\r\n                        {{ cardPanLastFour }}\r\n                    </div>\r\n                    <span>{{ maskedFullName }}</span>\r\n                </div>\r\n            </div>\r\n\r\n\r\n            <div class=\"c2p-overview__price\">\r\n                <img src=\"@/assets/img/c2p-logo.svg\" alt=\"Click to pay\" />\r\n                <p tabindex=\"0\">\r\n                    {{ installments || 1 }} x\r\n                    <span v-text=\"$ml.get('of')\" />\r\n                    R$ {{ installmentPrice }}\r\n                </p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\nimport translationParameterHelper from '@/config/lang/helpers/translationParameterHelper.js';\r\n\r\nexport default {\r\n\tcomponents: {\r\n\r\n\t},\r\n\r\n\tcomputed: {\r\n\t\t...mapGetters({\r\n\t\t\tinstallments: 'payment/getInstallmentNumberOfPayments',\r\n\t\t\tinstallmentPrice: 'payment/getFormattedInstallmentPrice',\r\n\t\t\tpaymentType: 'payment/getSelectedPaymentTypeId',\r\n\t\t}),\r\n\t\tnumberOfInstallments: {\r\n\t\t\tget: (self) =>\r\n\t\t\t\tself.$store.getters['payment/getInstallmentNumberOfPayments'],\r\n\t\t\tset(value) {\r\n\t\t\t\tthis.$store.commit('payment/setNumberOfInstallments', value);\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\tmaskedFullName() {\r\n\t\t\treturn this.$store.state.clickToPayPayment.checkoutResponse.maskedFullName;\r\n\t\t},\r\n\r\n\t\tcardPanLastFour() {\r\n\t\t\treturn this.$store.state.clickToPayPayment.checkoutResponse\r\n\t\t\t\t.cardPanLastFour;\r\n\t\t},\r\n\r\n\t\tartUri() {\r\n\t\t\treturn this.$store.state.clickToPayPayment.checkoutResponse\r\n\t\t\t\t.cardArtUri;\r\n\t\t},\r\n\r\n\t\tpaymentMethodImage: (self) =>\r\n\t\t\tself.selectedPaymentMethod\r\n\t\t\t\t? self.selectedPaymentMethod.Image\r\n\t\t\t\t: null,\r\n\r\n\t\tisClick2PayPayment: (self) => self.$store.state.payment.PaymentType === 100,\r\n\t},\r\n\r\n\tmethods: {\r\n\t\tgetPaymentMethodTranslationParameterName() {\r\n\t\t\treturn translationParameterHelper.getPaymentMethodTranslationParameterName(\r\n\t\t\t\tthis.selectedPaymentMethod.PaymentType\r\n\t\t\t);\r\n\t\t},\r\n\t},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .c2p-overview {\r\n\r\n        &__container {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        &__icon {\r\n            margin-right: 12px;\r\n            \r\n            @media screen and (min-width: 1025px) {\r\n              margin-right: 20px;\r\n            }\r\n\r\n            img {\r\n              width: 32px;\r\n              height: 21px;\r\n            }\r\n        }\r\n\r\n        &__info {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        &__card-info {\r\n            span {\r\n                font-size: 16px;\r\n                line-height: 24px;\r\n                font-weight: 500;\r\n                color: #000;\r\n            }\r\n        }\r\n\r\n        &__last-digits {\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 16px;\r\n            line-height: 24px;\r\n            font-weight: 500;\r\n            color: #000;\r\n            margin-bottom: 2px;\r\n\r\n            div:first-child {\r\n                margin-right: 2px;\r\n            }\r\n        }\r\n\r\n        &__price {\r\n            text-align: right;\r\n\r\n            img {\r\n              margin-bottom: 12px;\r\n              line-height: 24px;\r\n            }\r\n\r\n            p {\r\n              font-size: 16px;\r\n              line-height: 24px;\r\n              font-weight: 500;\r\n              color: #000;\r\n              margin: 0;\r\n            }\r\n\r\n            & > span {\r\n              display: block;\r\n              font-size: 16px;\r\n              line-height: 24px;\r\n              font-weight: 500;\r\n              color: #000;\r\n              margin-bottom: 12px;\r\n            }\r\n        }\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!./ClickToPayOverview.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!./ClickToPayOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClickToPayOverview.vue?vue&type=template&id=4812b079&scoped=true&\"\nimport script from \"./ClickToPayOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./ClickToPayOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClickToPayOverview.vue?vue&type=style&index=0&id=4812b079&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  \"4812b079\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/discover.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.method)?_c('div',{staticClass:\"shipping-method-overview\"},[(_vm.minimal)?[_c('div',{staticClass:\"shipping-method-overview__container--minimal\"},[_c('div',{staticClass:\"shipping-method-overview__info--minimal\"},[_c('div',{staticClass:\"shipping-method-overview__icon\"},[_c('img',{attrs:{\"src\":_vm.method.img,\"alt\":\"\",\"tabindex\":\"-1\"}})]),_c('div',{staticClass:\"shipping-method-overview__shipping-type\",attrs:{\"tabindex\":\"0\"}},[_c('span',{staticClass:\"shipping-method-overview__shipping-description\"},[_vm._v(\" \"+_vm._s(_vm.method.description)+\" \")]),(_vm.method.shippingTypeLoggi)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('within2Hours'))}}):(_vm.method.deadLine == 1)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('withinOneBusinessDay'))}}):(_vm.method.deadLine >= 2)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.with('0', _vm.method.deadLine).get('withinAnyBusinessDays'))}}):_vm._e()])]),_c('div',{staticClass:\"shipping-method-overview__price\",attrs:{\"tabindex\":\"0\"}},[(_vm.method.price != 0)?_c('span',[_vm._v(_vm._s(_vm.method.formattedPrice))]):_vm._e(),(_vm.method.price == 0)?_c('span',{staticClass:\"free\",domProps:{\"textContent\":_vm._s(_vm.$ml.get('free'))}}):_vm._e()])])]:[_c('div',{staticClass:\"shipping-method-overview__container\"},[_c('span',{staticClass:\"shipping-method-overview__address\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.ZipCode)+\" - \"+_vm._s(_vm.Street)+\", \"+_vm._s(this.Number)+\" \"+_vm._s(_vm.District)+\", \"+_vm._s(_vm.City)+\" - \"+_vm._s(_vm.State)+\"\\n            \")]),_c('div',{staticClass:\"shipping-method-overview__info\"},[_c('div',{attrs:{\"tabindex\":\"0\"}},[_c('span',{staticClass:\"shipping-method-overview__shipping-description\"},[_vm._v(\" \"+_vm._s(_vm.method.description))]),(_vm.method.shippingTypeLoggi)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('within2Hours'))}}):(_vm.method.deadLine == 1)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('withinOneBusinessDay'))}}):(_vm.method.deadLine >= 2)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.with('0', _vm.method.deadLine).get('withinAnyBusinessDays'))}}):_vm._e()]),_c('div',{staticClass:\"shipping-method-overview__price\",attrs:{\"tabindex\":\"0\"}},[(_vm.method.price != 0)?_c('span',[_vm._v(_vm._s(_vm.method.formattedPrice))]):_vm._e(),(_vm.method.price == 0)?_c('span',{staticClass:\"free\",domProps:{\"textContent\":_vm._s(_vm.$ml.get('free'))}}):_vm._e()])])])]],2):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"shipping-method-overview\" v-if=\"method\">\r\n        <template v-if=\"minimal\">\r\n            <div class=\"shipping-method-overview__container--minimal\">\r\n                <div class=\"shipping-method-overview__info--minimal\">\r\n                    <div class=\"shipping-method-overview__icon\">\r\n                        <img :src=\"method.img\" alt=\"\" tabindex=\"-1\" />\r\n                    </div>\r\n\r\n                    <div class=\"shipping-method-overview__shipping-type\" tabindex=\"0\">\r\n                        <span class=\"shipping-method-overview__shipping-description\"> {{ method.description }} </span>\r\n                        <span v-if=\"method.shippingTypeLoggi\" v-text=\"$ml.get('within2Hours')\" />\r\n                        <span v-else-if=\"method.deadLine == 1\" v-text=\"$ml.get('withinOneBusinessDay')\" />\r\n                        <span v-else-if=\"method.deadLine >= 2\" v-text=\"$ml.with('0', method.deadLine).get('withinAnyBusinessDays')\" />\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"shipping-method-overview__price\" tabindex=\"0\">\r\n                    <span v-if=\"method.price != 0\">{{ method.formattedPrice }}</span>\r\n                    <span v-if=\"method.price == 0\" class=\"free\" v-text=\"$ml.get('free')\" />\r\n                </div>\r\n            </div>\r\n        </template>\r\n\r\n        <template v-else>\r\n            <div class=\"shipping-method-overview__container\">\r\n                <span class=\"shipping-method-overview__address\" tabindex=\"0\">\r\n                    {{ ZipCode }} - {{ Street }}, {{ this.Number }} {{ District }}, {{ City }} - {{ State }}\r\n                </span>\r\n\r\n                <div class=\"shipping-method-overview__info\">\r\n                    <div tabindex=\"0\">\r\n                        <span class=\"shipping-method-overview__shipping-description\"> {{ method.description }}</span>\r\n                        <span v-if=\"method.shippingTypeLoggi\" v-text=\"$ml.get('within2Hours')\" />\r\n                        <span v-else-if=\"method.deadLine == 1\" v-text=\"$ml.get('withinOneBusinessDay')\" />\r\n                        <span v-else-if=\"method.deadLine >= 2\" v-text=\"$ml.with('0', method.deadLine).get('withinAnyBusinessDays')\" />\r\n                    </div>\r\n\r\n                    <div class=\"shipping-method-overview__price\" tabindex=\"0\">\r\n                        <span v-if=\"method.price != 0\">{{ method.formattedPrice }}</span>\r\n                        <span v-if=\"method.price == 0\" class=\"free\" v-text=\"$ml.get('free')\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </template>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n  import { mapGetters, mapState } from 'vuex';\r\n\r\n  export default {\r\n      computed: {\r\n          ...mapGetters({\r\n              method: 'shippingType/getMethod'\r\n          }),\r\n          ...mapState('shippingAddress', ['ZipCode', 'Street', 'Number', 'Complement', 'District', 'City', 'State']),\r\n      },\r\n      props: {\r\n          minimal: {\r\n              type: Boolean,\r\n              default: true\r\n          }\r\n      }\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n  .shipping-method-overview {\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      &__container--minimal {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          width: 100%;\r\n          height: 100%;\r\n      }\r\n\r\n      &__container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        flex-grow: 1;\r\n        max-width: 100%;\r\n      }\r\n\r\n      &__info--minimal {\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          span {\r\n              font-size: 16px;\r\n              line-height: 24px;\r\n              font-weight: 500;\r\n              color: #000;\r\n          }\r\n      }\r\n\r\n      &__info {\r\n          display: flex;\r\n          align-items: flex-end;\r\n          justify-content: space-between;\r\n          width: 100%;\r\n          height: 100%;\r\n\r\n          span {\r\n              font-size: 16px;\r\n              line-height: 24px;\r\n              font-weight: 500;\r\n              color: #000;\r\n          }\r\n      }\r\n\r\n      &__icon {\r\n          margin-right: 12px;\r\n\r\n          @media screen and (min-width: 1025px) {\r\n              margin-right: 20px;\r\n          }\r\n      }\r\n\r\n      &__icon,\r\n      img {\r\n          width: 32px;\r\n          height: 32px;\r\n      }\r\n\r\n      &__shipping-description {\r\n          display: block;\r\n          font-size: 16px;\r\n          line-height: 24px;\r\n          font-weight: 500;\r\n          color: #000;\r\n      }\r\n      \r\n      &__price {\r\n          font-size: 16px;\r\n          line-height: 24px;\r\n          font-weight: 500;\r\n          color: #000;\r\n\r\n          .free {\r\n              color: #00855D;\r\n          }\r\n      }\r\n\r\n      &__address {\r\n          display: block;\r\n          font-size: 16px;\r\n          font-weight: 500;\r\n          line-height: 24px;\r\n          color: #000;\r\n          margin-bottom: 20px;\r\n      }\r\n\r\n      &__shipping-method {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\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!./ShippingMethodOverview.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!./ShippingMethodOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShippingMethodOverview.vue?vue&type=template&id=0e9724f6&scoped=true&\"\nimport script from \"./ShippingMethodOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./ShippingMethodOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShippingMethodOverview.vue?vue&type=style&index=0&id=0e9724f6&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  \"0e9724f6\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/visa-v2.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BoletoOverview.vue?vue&type=style&index=0&id=e0578138&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!./GooglePayOverview.vue?vue&type=style&index=0&id=117e2942&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!./CreditCardOverview.vue?vue&type=style&index=0&id=2a569e56&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/google-pay.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"cart-items\"},[_vm._l((_vm.cartItems),function(item,key){return _c('div',{key:key,staticClass:\"cart-item\",attrs:{\"tabindex\":\"0\"}},[_c('span',{staticClass:\"cart-item__name\",attrs:{\"title\":item.Name}},[_vm._v(\"(\"+_vm._s(item.Quantity)+\") \"+_vm._s(item.Name))]),_c('strong',{staticClass:\"cart-item__price\"},[_vm._v(_vm._s(_vm.formatPrice(item.UnitPrice * item.Quantity )))])])}),(_vm.hiddenItems > 0)?_c('button',{staticClass:\"cart-items__cta\",attrs:{\"aria-label\":_vm.$ml.get('ariaSeeAllItems')},on:{\"click\":_vm.showAllItems}},[_c('span',{domProps:{\"textContent\":_vm._s(_vm.shouldShowAllItems ? _vm.$ml.get('hideItems') : _vm.$ml.get('seeAllItems'))}}),_c('img',{class:{ active: _vm.shouldShowAllItems },attrs:{\"src\":require(\"@/assets/img/icons/arrow-down-blue.svg\"),\"alt\":\"\",\"tabindex\":\"-1\"}})]):_vm._e(),_c('DiscountOverview')],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"discount-overview\"},[(_vm.cartDiscountAmount > 0)?_c('div',{staticClass:\"discount-overview__item\",attrs:{\"tabindex\":\"0\"}},[_c('span',{staticClass:\"discount-overview__discount-text\"},[_vm._v(_vm._s(_vm.$ml.get('cartDiscount'))+\" \"+_vm._s(_vm.cartPercentage)+\"  \")]),_c('strong',{staticClass:\"discount-overview__discount-price\"},[_vm._v(\"- \"+_vm._s(_vm.formatPrice(_vm.cartDiscountAmount)))])]):_vm._e(),(_vm.paymentMethodDiscount > 0)?_c('div',{staticClass:\"discount-overview__item\",attrs:{\"tabindex\":\"0\"}},[_c('span',{staticClass:\"discount-overview__discount-text\"},[_vm._v(\" \"+_vm._s(_vm.$ml.get('discountOn'))+\" \"+_vm._s(_vm.$ml.get(_vm.getPaymentMethodTranslationParameterName))+\" \"+_vm._s(_vm.paymentMethodPercentage))]),_c('strong',{staticClass:\"discount-overview__discount-price\"},[_vm._v(\" - \"+_vm._s(_vm.formatPrice(_vm.paymentMethodDiscount)))])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <span class=\"discount-overview\">\r\n        <div v-if=\"cartDiscountAmount > 0\" class=\"discount-overview__item\" tabindex=\"0\">\r\n            <span class=\"discount-overview__discount-text\">{{ $ml.get('cartDiscount') }} {{ cartPercentage }}  </span>\r\n            <strong class=\"discount-overview__discount-price\">- {{ formatPrice(cartDiscountAmount) }}</strong>\r\n        </div>\r\n        <div v-if=\"paymentMethodDiscount > 0\" class=\"discount-overview__item\" tabindex=\"0\">\r\n            <span class=\"discount-overview__discount-text\"> {{ $ml.get('discountOn') }} {{ $ml.get(getPaymentMethodTranslationParameterName) }} {{ paymentMethodPercentage }}</span>\r\n            <strong class=\"discount-overview__discount-price\"> - {{ formatPrice(paymentMethodDiscount) }}</strong>\r\n        </div>\r\n    </span>\r\n</template>\r\n\r\n<script>\r\n  import { mapGetters } from 'vuex';\r\n  import moneyHelper from '@/helpers/moneyHelper';\r\n  import translationParameterHelper from '@/config/lang/helpers/translationParameterHelper.js';\r\n\r\n  export default {\r\n      computed: {\r\n          ...mapGetters({               \r\n              cartDiscountAmount: 'discount/getCartDiscountAmount',\r\n              paymentMethodDiscount:'discount/getPaymentMethodDiscountAmount',\r\n              cartDiscount : 'cart/getCartDiscount',\r\n              paymentMethodDiscountPercentage: 'payment/getDiscount',\r\n              selectedPaymentTypeId: 'payment/getSelectedPaymentTypeId'\r\n          }),\r\n          cartPercentage(){\r\n              if(this.cartDiscount && this.cartDiscount.TypeId == 2 && this.cartDiscount.Percentage > 0)\r\n                  return `: ${this.cartDiscount.Percentage}%`;\r\n              return '';\r\n          },\r\n\r\n          paymentMethodPercentage(){\r\n              if (this.paymentMethodDiscountPercentage && this.paymentMethodDiscountPercentage > 0)\r\n                  return `: ${this.paymentMethodDiscountPercentage}%`;\r\n              return '';\r\n          },\r\n\r\n          getPaymentMethodTranslationParameterName() {\r\n              return translationParameterHelper\r\n                  .getPaymentMethodTranslationParameterName(this.selectedPaymentTypeId);\r\n          }\r\n\r\n      },\r\n\r\n      methods: {\r\n          formatPrice(unitPrice) {\r\n              return `R$ ${moneyHelper.formatToPrice(unitPrice)}`;\r\n          },\r\n\r\n          parseCents(amount){\r\n              return amount / 100;\r\n          }\r\n      }\r\n\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .discount-overview {\r\n      display: block;\r\n      margin-top: 24px;\r\n\r\n      &__item {\r\n        display: flex;\r\n        justify-content: space-between;\r\n\r\n        &:not(:first-of-type) {\r\n          margin-top: 16px;\r\n        }\r\n      }\r\n\r\n      &__discount-text {\r\n          font-size: 16px;\r\n          font-weight: 500;\r\n          color: #000;\r\n\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          white-space: nowrap;\r\n          @media screen and (min-width: 1025px) {\r\n          }\r\n      }\r\n\r\n      &__discount-price {\r\n          font-size: 16px;\r\n          font-weight: 500;\r\n          color: #00855D;\r\n\r\n          white-space: nowrap;\r\n          @media screen and (min-width: 1025px) {\r\n          }\r\n      }\r\n\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!./DiscountOverview.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!./DiscountOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DiscountOverview.vue?vue&type=template&id=a8ca6632&scoped=true&\"\nimport script from \"./DiscountOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./DiscountOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DiscountOverview.vue?vue&type=style&index=0&id=a8ca6632&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  \"a8ca6632\",\n  null\n  \n)\n\nexport default component.exports","\r\n<template>\r\n    <div class=\"cart-items\">\r\n        <div class=\"cart-item\" :key=\"key\" v-for=\"(item, key) in cartItems\" tabindex=\"0\">\r\n            <span :title=\"item.Name\" class=\"cart-item__name\">({{ item.Quantity }}) {{ item.Name }}</span>\r\n            <strong class=\"cart-item__price\">{{ formatPrice(item.UnitPrice * item.Quantity ) }}</strong>\r\n        </div>\r\n\r\n        <button v-if=\"hiddenItems > 0\" @click=\"showAllItems\" class=\"cart-items__cta\" :aria-label=\"$ml.get('ariaSeeAllItems')\">\r\n            <span v-text=\"shouldShowAllItems ? $ml.get('hideItems') : $ml.get('seeAllItems')\" />\r\n            <img :class=\"{ active: shouldShowAllItems }\" src=\"@/assets/img/icons/arrow-down-blue.svg\" alt=\"\" tabindex=\"-1\" />\r\n        </button>\r\n\r\n        <DiscountOverview />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n  import { mapGetters, mapState } from 'vuex';\r\n  import moneyHelper from '@/helpers/moneyHelper';\r\n  import DiscountOverview from './OrderOverview/components/DiscountOverview.vue';\r\n\r\n  export default {\r\n      components: {\r\n          DiscountOverview\r\n      },\r\n\r\n      data() {\r\n          return {\r\n              shouldShowAllItems: false,\r\n              itemsToPreview: this.isDesktop ? 5 : 2\r\n          };\r\n      },\r\n      \r\n      props: {\r\n          isDesktop: {\r\n              type: Boolean,\r\n              default: false\r\n          }\r\n      },\r\n\r\n      computed: {\r\n          ...mapGetters({\r\n              formattedPrice: 'payment/getFormattedPrice'                \r\n          }),\r\n          ...mapState('cart', ['Items']),\r\n\r\n          cartItems() {\r\n              if (this.shouldShowAllItems)\r\n                  return this.Items;\r\n\r\n              return this.Items.slice(0, this.itemsToPreview);\r\n          },\r\n\r\n          hiddenItems() {\r\n              let hiddenItems = this.Items.length - this.itemsToPreview;\r\n\r\n              return (hiddenItems > 0) ? hiddenItems : 0;\r\n          },\r\n      },\r\n\r\n      methods: {\r\n          showAllItems() { \r\n              this.shouldShowAllItems = !this.shouldShowAllItems;\r\n          },\r\n\r\n          formatPrice(unitPrice) {\r\n              let totalPrice = unitPrice / 100; // Transforma centavos em real.\r\n\r\n              return `R$ ${moneyHelper.formatToPrice(totalPrice)}`;\r\n          }\r\n      }\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n  .cart-items {\r\n\r\n    &__cta {\r\n        //btn reset\r\n        background: none;\r\n        border: none;\r\n        margin: 24px 0 0;\r\n        padding: 0;\r\n        cursor: pointer;\r\n\r\n        span {\r\n          font-size: 16px;\r\n          font-weight: 700;\r\n          line-height: 24px;\r\n          color: #0667CD;\r\n        }\r\n\r\n        img {\r\n          margin-left: 8px;\r\n          &.active {\r\n              transform: rotate(180deg);\r\n          }\r\n        }\r\n    }\r\n\r\n  }\r\n  \r\n  .cart-item {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      \r\n      &:not(:last-of-type) {\r\n        margin-bottom: 24px;\r\n      }\r\n\r\n      &__name {\r\n          font-size: 16px;\r\n          line-height: 24px;\r\n          font-weight: 500;\r\n          color: #000;\r\n          flex: 1;\r\n          \r\n          \r\n          @media screen and (min-width: 1025px) {\r\n            line-height: normal;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n      }\r\n        \r\n      &__price {\r\n          font-size: 16px;\r\n          line-height: 24px;\r\n          font-weight: 500;\r\n          color: #000;\r\n          margin-left: 8px;\r\n          \r\n          @media screen and (min-width: 1025px) {\r\n              line-height: normal;\r\n              margin-left: 16px;\r\n              white-space: nowrap;\r\n          }\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!./CartItems.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!./CartItems.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CartItems.vue?vue&type=template&id=5ee27c91&scoped=true&\"\nimport script from \"./CartItems.vue?vue&type=script&lang=js&\"\nexport * from \"./CartItems.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CartItems.vue?vue&type=style&index=0&id=5ee27c91&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  \"5ee27c91\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/pix.svg\";","import PaymentTypes from '@/models/PaymentTypes.js';\r\n\r\nexport default {\r\n    getPaymentMethodTranslationParameterName(paymentType) {\r\n        switch(paymentType) {\r\n        case PaymentTypes.CREDIT_CARD:\r\n            return 'creditCard';\r\n        case PaymentTypes.BOLETO:\r\n            return 'boleto';\r\n        case PaymentTypes.DEBIT_CARD:\r\n            return 'debitCard';\r\n        case PaymentTypes.PIX:\r\n            return 'pix';\r\n        case PaymentTypes.QRCODE:\r\n            return 'qrCodePay';\r\n        case PaymentTypes.VOUCHER:\r\n            return 'voucher';\r\n        case PaymentTypes.QRCODE_DEBIT:\r\n            return 'qrCodeDebit';\r\n        case PaymentTypes.CLICK_TO_PAY:\r\n            return 'clickToPay';\r\n        case PaymentTypes.PAT_ELO_VOUCHER:\r\n            return 'patEloVoucher';\r\n        case PaymentTypes.GOOGLE_PAY:\r\n            return 'googlePay';\r\n        case PaymentTypes.PIX_OPEN_FINANCE:\r\n            return 'pixOpenFiance';\r\n        }\r\n    }\r\n};","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!./PixOpenFinanceOverview.vue?vue&type=style&index=0&id=5c25d2be&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/diners-v2.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClickToPayOverview.vue?vue&type=style&index=0&id=4812b079&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/boleto.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isGPayPayment)?_c('div',{staticClass:\"gpay-overview\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/google-pay.svg\"),\"alt\":\"Google Pay\"}}),_c('div',{staticClass:\"gpay-overview__container\"},[_c('div',{staticClass:\"gpay-overview__row\"},[_c('span',{staticClass:\"gpay-overview__card\"},[_vm._v(\"•••• \"+_vm._s(_vm.cardPanLastFour))]),_c('span',{staticClass:\"gpay-overview__method\"},[_vm._v(\"Google Pay\")])]),_c('div',{staticClass:\"gpay-overview__row\"},[_c('span',{staticClass:\"gpay-overview__fullname\"},[_vm._v(_vm._s(_vm.fullName))]),_c('span',{staticClass:\"gpay-overview__price\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.installments || 1)+\" x\\n                \"),_c('small',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('of'))}}),_vm._v(\"\\n                R$ \"+_vm._s(_vm.installmentPrice)+\"\\n            \")])])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"gpay-overview\" v-if=\"isGPayPayment\">\r\n        <img src=\"@/assets/img/google-pay.svg\" alt=\"Google Pay\" />\r\n\r\n        <div class=\"gpay-overview__container\">\r\n            <div class=\"gpay-overview__row\">\r\n                <span class=\"gpay-overview__card\">&bull;&bull;&bull;&bull; {{ cardPanLastFour }}</span>\r\n    \r\n                <span class=\"gpay-overview__method\">Google Pay</span>\r\n            </div>\r\n    \r\n    \r\n            <div class=\"gpay-overview__row\">\r\n                <span class=\"gpay-overview__fullname\">{{ fullName }}</span>\r\n    \r\n                <span class=\"gpay-overview__price\" tabindex=\"0\">\r\n                    {{ installments || 1 }} x\r\n                    <small v-text=\"$ml.get('of')\" />\r\n                    R$ {{ installmentPrice }}\r\n                </span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\nimport translationParameterHelper from '@/config/lang/helpers/translationParameterHelper.js';\r\n\r\nexport default {\r\ncomponents: {\r\n\r\n},\r\n\r\ncomputed: {\r\n    ...mapGetters({\r\n        installments: 'payment/getInstallmentNumberOfPayments',\r\n        installmentPrice: 'payment/getFormattedInstallmentPrice',\r\n        paymentType: 'payment/getSelectedPaymentTypeId',\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\r\n    fullName() {\r\n        return this.$store.state.googlePayPayment.selectedCard.info.billingAddress.name;\r\n            // .split(' ')\r\n            // .map(piece => `${piece.charAt(0)}...`)\r\n            // .join(' ');\r\n    },\r\n\r\n    cardPanLastFour() {\r\n        return this.$store.state.googlePayPayment.selectedCard.info.cardDetails;\r\n    },\r\n\r\n    isGPayPayment: (self) => self.$store.state.payment.PaymentType === 101,\r\n},\r\n\r\nmethods: {\r\n    getPaymentMethodTranslationParameterName() {\r\n        return translationParameterHelper.getPaymentMethodTranslationParameterName(\r\n            this.selectedPaymentMethod.PaymentType\r\n        );\r\n    },\r\n},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .gpay-overview {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      img {\r\n          width: 62px;\r\n          margin-right: 6px;\r\n      }\r\n\r\n      &__container {\r\n          display: flex;\r\n          flex-direction: column;\r\n          width: 100%;\r\n          overflow: hidden;\r\n      }\r\n\r\n      &__row {\r\n          display: flex;\r\n          justify-content: space-between;\r\n\r\n          &:first-of-type {\r\n              margin-bottom: 12px;\r\n          }\r\n\r\n          span,\r\n          small {\r\n              font-size: 16px;\r\n              font-weight: 500;\r\n              line-height: 16px;\r\n              color: #000000;\r\n          }\r\n      }\r\n      \r\n      &__card {}\r\n      &__method {}\r\n\r\n      &__fullname {\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          white-space: nowrap;\r\n          flex: 1 0;\r\n      }\r\n\r\n      &__price {\r\n          text-align: right;\r\n          flex: 1 0;\r\n      }\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!./GooglePayOverview.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!./GooglePayOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GooglePayOverview.vue?vue&type=template&id=117e2942&scoped=true&\"\nimport script from \"./GooglePayOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./GooglePayOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GooglePayOverview.vue?vue&type=style&index=0&id=117e2942&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  \"117e2942\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isCardPayment)?_c('div',{staticClass:\"creditcard-overview\"},[_c('div',{staticClass:\"creditcard-overview__icon\"},[(_vm.paymentType === 8)?_c('img',{staticClass:\"card-brand\",attrs:{\"src\":require(\"@/assets/img/payment-types/multi-card.svg\")}}):(_vm.paymentMethodImage)?_c('CardBrand',{staticClass:\"card-brand\",attrs:{\"brand\":_vm.paymentMethodImage,\"tabindex\":\"0\"}}):_vm._e()],1),_c('div',{staticClass:\"creditcard-overview__info\"},[_c('div',{staticClass:\"creditcard-overview__card-info\",attrs:{\"tabindex\":\"0\"}},[_c('div',{staticClass:\"creditcard-overview__last-digits\"},[_c('div',[_vm._v(\"••••\")]),_vm._v(\"\\n                \"+_vm._s(_vm.cardNumberLast4Digits)+\"\\n            \")]),_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get(_vm.getPaymentMethodTranslationParameterName()))}})]),_c('div',{staticClass:\"creditcard-overview__price\",attrs:{\"tabindex\":\"0\"}},[_c('span',{staticClass:\"creditcard-overview__holder\"},[_vm._v(_vm._s(_vm.cardHolderName))]),(_vm.isRecurringPayment || _vm.paymentType === 6 || _vm.paymentType === 2 || _vm.paymentType === 7 || _vm.paymentType === 4 || _vm.paymentType === 8)?_c('p',[_vm._v(\"\\n                1x\\n                \"),_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('of'))}}),_vm._v(\"\\n                R$ \"+_vm._s(_vm.installmentPrice)+\"\\n            \")]):_c('p',[_vm._v(\"\\n                \"+_vm._s(_vm.installments)+\"x\\n                \"),_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('of'))}}),_vm._v(\"\\n                R$ \"+_vm._s(_vm.installmentPrice)+\"\\n            \")])])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"creditcard-overview\" v-if=\"isCardPayment\">\r\n        <div class=\"creditcard-overview__icon\">\r\n            <img class=\"card-brand\" v-if=\"paymentType === 8\" src=\"@/assets/img/payment-types/multi-card.svg\" />\r\n            <CardBrand class=\"card-brand\" v-else-if=\"paymentMethodImage\" :brand=\"paymentMethodImage\" tabindex=\"0\" />\r\n        </div>\r\n        <div class=\"creditcard-overview__info\">\r\n            <div class=\"creditcard-overview__card-info\" tabindex=\"0\">\r\n                <div class=\"creditcard-overview__last-digits\">\r\n                    <div>&bull;&bull;&bull;&bull;</div>\r\n                    {{ cardNumberLast4Digits }}\r\n                </div>\r\n\r\n                <span v-text=\"$ml.get(getPaymentMethodTranslationParameterName())\" />\r\n            </div>\r\n\r\n            <div class=\"creditcard-overview__price\" tabindex=\"0\">\r\n                <span class=\"creditcard-overview__holder\">{{ cardHolderName }}</span>\r\n\r\n                <p v-if=\"isRecurringPayment || paymentType === 6 || paymentType === 2 || paymentType === 7 || paymentType === 4 || paymentType === 8\">\r\n                    1x\r\n                    <span v-text=\"$ml.get('of')\" />\r\n                    R$ {{ installmentPrice }}\r\n                </p>\r\n\r\n                <p v-else>\r\n                    {{ installments }}x\r\n                    <span v-text=\"$ml.get('of')\" />\r\n                    R$ {{ installmentPrice }}\r\n                </p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n  import CardBrand from '@/components/CardBrand';\r\n  import PaymentTypes from '@/models/PaymentTypes';\r\n  import { mapGetters } from 'vuex';\r\n  import translationParameterHelper from '@/config/lang/helpers/translationParameterHelper.js';\r\n\r\n  export default {\r\n    components: {\r\n      CardBrand\r\n    },\r\n\r\n    computed: {\r\n      ...mapGetters({\r\n        cardNumberLast4Digits: 'cardPayment/getLast4DigitsFromCardNumber',\r\n        cardHolderName: 'cardPayment/getCardHolderName',\r\n        installments: 'payment/getInstallmentNumberOfPayments',\r\n        installmentPrice: 'payment/getFormattedInstallmentPrice',\r\n        selectedPaymentMethod: 'payment/getSelectedPaymentMethod',\r\n        isRecurringPayment: 'recurrentPayment/isRecurringPayment',\r\n        paymentType: 'payment/getSelectedPaymentTypeId'\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\r\n      paymentMethodImage: self =>\r\n        self.selectedPaymentMethod ? self.selectedPaymentMethod.Image : null,\r\n\r\n      isCardPayment: self =>\r\n        self.$store.state.payment.PaymentType != 100 &&\r\n        self.$store.state.payment.PaymentType != 9 &&\r\n        self.$store.state.payment.PaymentType != 101 &&\r\n        self.selectedPaymentMethod &&\r\n        (self.selectedPaymentMethod.PaymentType == PaymentTypes.CREDIT_CARD ||\r\n          self.selectedPaymentMethod.PaymentType == PaymentTypes.DEBIT_CARD ||\r\n          self.selectedPaymentMethod.PaymentType == PaymentTypes.PAT_ELO_VOUCHER ||\r\n          self.selectedPaymentMethod.PaymentType == PaymentTypes.VOUCHER),\r\n    },\r\n\r\n\r\n    methods: {\r\n      getPaymentMethodTranslationParameterName() {\r\n        return translationParameterHelper\r\n          .getPaymentMethodTranslationParameterName(this.selectedPaymentMethod.PaymentType);\r\n      }\r\n    }\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n  .creditcard-overview {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      &__info {\r\n          width: 100%;\r\n          overflow: hidden;\r\n      }\r\n\r\n      &__holder {\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          white-space: nowrap;\r\n      }\r\n\r\n      &__card-info {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          margin-bottom: 12px;\r\n\r\n          span {\r\n              font-size: 16px;\r\n              line-height: 24px;\r\n              font-weight: 500;\r\n              color: #000;\r\n          }\r\n      }\r\n\r\n      &__price {\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n\r\n          p {\r\n              font-size: 16px;\r\n              line-height: 24px;\r\n              font-weight: 500;\r\n              color: #000;\r\n              margin: 0;\r\n              text-align: right;\r\n          }\r\n\r\n          & > span {\r\n              display: block;\r\n              font-size: 16px;\r\n              line-height: 24px;\r\n              font-weight: 500;\r\n              color: #000;\r\n          }\r\n\r\n          > * {\r\n              flex: 1 0;\r\n          }\r\n      }\r\n\r\n      &__icon {\r\n          margin-right: 12px;\r\n          \r\n          @media screen and (min-width: 1025px) {\r\n            margin-right: 20px;\r\n          }\r\n\r\n          img {}\r\n      }\r\n\r\n      &__last-digits {\r\n          display: flex;\r\n          align-items: center;\r\n          font-size: 16px;\r\n          line-height: 24px;\r\n          font-weight: 500;\r\n          color: #000;\r\n\r\n          div:first-child {\r\n              margin-right: 2px;\r\n          }\r\n      }\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!./CreditCardOverview.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!./CreditCardOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreditCardOverview.vue?vue&type=template&id=2a569e56&scoped=true&\"\nimport script from \"./CreditCardOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./CreditCardOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreditCardOverview.vue?vue&type=style&index=0&id=2a569e56&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  \"2a569e56\",\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!./PixOverview.vue?vue&type=style&index=0&id=faf21f04&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isPixPayment)?_c('div',{staticClass:\"pix-overview\"},[_c('div',{staticClass:\"overview-container pix-overview__container\"},[_c('div',{staticClass:\"pix-overview__info\"},[_vm._m(0),_c('div',{staticClass:\"pix-overview__description\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.selectedPaymentMethod.Description)+\"\\n            \")])]),_c('div',{staticClass:\"pix-overview__price\",attrs:{\"tabindex\":\"0\"}},[_c('p',[_vm._v(\"\\n                1x\\n                \"),_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('of'))}}),_vm._v(\"\\n                R$ \"+_vm._s(_vm.installmentPrice)+\"\\n            \")])])])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pix-overview__icon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/payment-types/pix.svg\"),\"alt\":\"pix\",\"tabindex\":\"0\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"pix-overview\" v-if=\"isPixPayment\">\r\n        <div class=\"overview-container pix-overview__container\">\r\n            <div class=\"pix-overview__info\">\r\n                <div class=\"pix-overview__icon\">\r\n                    <img src=\"@/assets/img/payment-types/pix.svg\" alt=\"pix\" tabindex=\"0\" />\r\n                </div>\r\n\r\n                <div class=\"pix-overview__description\" tabindex=\"0\">\r\n                    {{ selectedPaymentMethod.Description }}\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"pix-overview__price\" tabindex=\"0\">\r\n                <p>\r\n                    1x\r\n                    <span v-text=\"$ml.get('of')\" />\r\n                    R$ {{ installmentPrice }}\r\n                </p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n  import PaymentTypes from '@/models/PaymentTypes';\r\n  import { mapGetters } from 'vuex';\r\n\r\n  export default {\r\n      computed: {\r\n        ...mapGetters({\r\n            installmentPrice: 'payment/getFormattedInstallmentPrice',\r\n            selectedPaymentMethod: 'payment/getSelectedPaymentMethod'\r\n        }),\r\n\r\n        isPixPayment: self =>\r\n          self.selectedPaymentMethod &&\r\n          (self.selectedPaymentMethod.PaymentType == PaymentTypes.PIX),\r\n      }\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .pix-overview {\r\n\r\n    &__container {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n\r\n      }\r\n\r\n      &__info {\r\n          display: flex;\r\n          align-items: center;\r\n      }\r\n\r\n      &__icon {\r\n          margin-right: 12px;\r\n          \r\n          @media screen and (min-width: 1025px) {\r\n            margin-right: 20px;\r\n          }\r\n\r\n          img {}\r\n      }\r\n\r\n      &__description {\r\n          font-size: 16px;\r\n          font-weight: 500;\r\n          line-height: 16px;\r\n          color: #000;\r\n      }\r\n\r\n      &__price {\r\n\r\n          p {\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n            line-height: 16px;\r\n            color: #000;\r\n            margin: 0;\r\n          }\r\n\r\n          span {}\r\n      }\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!./PixOverview.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!./PixOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PixOverview.vue?vue&type=template&id=faf21f04&scoped=true&\"\nimport script from \"./PixOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./PixOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PixOverview.vue?vue&type=style&index=0&id=faf21f04&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  \"faf21f04\",\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!./ShippingMethodOverview.vue?vue&type=style&index=0&id=0e9724f6&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!./CartItemDescription.vue?vue&type=style&index=0&id=4edff614&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/elo-v2.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-brand\"},[(_vm.brand === _vm.CardBrands.AMEX)?_c('img',{attrs:{\"src\":require(\"@/assets/img/brands/amex-v2.svg\"),\"alt\":\"Amex\"}}):_vm._e(),(_vm.brand === _vm.CardBrands.DINERS)?_c('img',{attrs:{\"src\":require(\"@/assets/img/brands/diners-v2.svg\"),\"alt\":\"Diners\"}}):_vm._e(),(_vm.brand === _vm.CardBrands.ELO)?_c('img',{attrs:{\"src\":require(\"@/assets/img/brands/elo-v2.svg\"),\"alt\":\"Elo\"}}):_vm._e(),(_vm.brand === _vm.CardBrands.MASTERCARD)?_c('img',{attrs:{\"src\":require(\"@/assets/img/brands/mastercard-v2.svg\"),\"alt\":\"MasterCard\"}}):_vm._e(),(_vm.brand === _vm.CardBrands.VISA)?_c('img',{attrs:{\"src\":require(\"@/assets/img/brands/visa-v2.svg\"),\"alt\":\"Visa\"}}):_vm._e(),(_vm.brand === _vm.CardBrands.ALELO)?_c('img',{attrs:{\"src\":require(\"@/assets/img/brands/alelo.svg\"),\"alt\":\"Alelo\"}}):_vm._e(),(_vm.brand === _vm.CardBrands.PATELOVOUCHER)?_c('img',{attrs:{\"src\":require(\"@/assets/img/brands/elo-v2.svg\"),\"alt\":\"Pat Elo Voucher\"}}):_vm._e(),(_vm.brand === _vm.CardBrands.DISCOVER)?_c('img',{attrs:{\"src\":require(\"@/assets/img/brands/discover.svg\"),\"alt\":\"Discover\"}}):_vm._e(),(_vm.brand === _vm.CardBrands.JCB)?_c('img',{attrs:{\"src\":require(\"@/assets/img/brands/jcb.svg\"),\"alt\":\"JCB\"}}):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"card-brand\">\r\n        <img v-if=\"brand === CardBrands.AMEX\" src=\"@/assets/img/brands/amex-v2.svg\" alt=\"Amex\" />\r\n        <img v-if=\"brand === CardBrands.DINERS\" src=\"@/assets/img/brands/diners-v2.svg\" alt=\"Diners\" />\r\n        <img v-if=\"brand === CardBrands.ELO\" src=\"@/assets/img/brands/elo-v2.svg\" alt=\"Elo\" />\r\n        <img v-if=\"brand === CardBrands.MASTERCARD\" src=\"@/assets/img/brands/mastercard-v2.svg\" alt=\"MasterCard\" />\r\n        <img v-if=\"brand === CardBrands.VISA\" src=\"@/assets/img/brands/visa-v2.svg\" alt=\"Visa\" />\r\n        <img v-if=\"brand === CardBrands.ALELO\" src=\"@/assets/img/brands/alelo.svg\" alt=\"Alelo\" />\r\n        <img v-if=\"brand === CardBrands.PATELOVOUCHER\" src=\"@/assets/img/brands/elo-v2.svg\" alt=\"Pat Elo Voucher\" />\r\n        <img v-if=\"brand === CardBrands.DISCOVER\" src=\"@/assets/img/brands/discover.svg\" alt=\"Discover\" />\r\n        <img v-if=\"brand === CardBrands.JCB\" src=\"@/assets/img/brands/jcb.svg\" alt=\"JCB\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import CardBrands from '@/models/CardBrands';\r\n\r\n    export default {\r\n        props: {\r\n            brand: {\r\n                type: String,\r\n                required: true\r\n            }\r\n        },\r\n        data() {\r\n            return {\r\n                CardBrands\r\n            };\r\n        }\r\n    };\r\n</script>\r\n\r\n<style scoped>\r\n    .card-brand img {\r\n        width: 40px;\r\n        height: 24px;\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!./CardBrand.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!./CardBrand.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardBrand.vue?vue&type=template&id=4ccbb8c1&scoped=true&\"\nimport script from \"./CardBrand.vue?vue&type=script&lang=js&\"\nexport * from \"./CardBrand.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardBrand.vue?vue&type=style&index=0&id=4ccbb8c1&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4ccbb8c1\",\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!./CartItems.vue?vue&type=style&index=0&id=5ee27c91&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isBoletoPayment)?_c('div',{staticClass:\"boleto-overview\"},[_c('div',{staticClass:\"overview-container boleto-overview__container\"},[_c('div',{staticClass:\"boleto-overview__info\"},[_vm._m(0),_c('span',{staticClass:\"boleto-overview__payment-description\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.selectedPaymentMethod.Description)+\"\\n            \")])]),_c('div',{staticClass:\"boleto-overview__price\",attrs:{\"tabindex\":\"0\"}},[_c('p',[_vm._v(\"\\n                1x\\n                \"),_c('span',{domProps:{\"textContent\":_vm._s(_vm.$ml.get('of'))}}),_vm._v(\"\\n                R$ \"+_vm._s(_vm.installmentPrice)+\"\\n            \")])])])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"boleto-overview__icon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/payment-types/boleto.svg\"),\"alt\":\"boleto\",\"tabindex\":\"0\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"boleto-overview\" v-if=\"isBoletoPayment\">\r\n        <div class=\"overview-container boleto-overview__container\">\r\n            <div class=\"boleto-overview__info\">\r\n                <div class=\"boleto-overview__icon\">\r\n                    <img src=\"@/assets/img/payment-types/boleto.svg\" alt=\"boleto\" tabindex=\"0\" />\r\n                </div>\r\n              \r\n                <span class=\"boleto-overview__payment-description\" tabindex=\"0\">\r\n                    {{ selectedPaymentMethod.Description }}\r\n                </span>\r\n            </div>\r\n\r\n            <div class=\"boleto-overview__price\" tabindex=\"0\">\r\n                <p>\r\n                    1x\r\n                    <span v-text=\"$ml.get('of')\" />\r\n                    R$ {{ installmentPrice }}\r\n                </p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n  import PaymentTypes from '@/models/PaymentTypes';\r\n  import { mapGetters } from 'vuex';\r\n\r\n  export default {\r\n      computed: {\r\n        ...mapGetters({\r\n            installmentPrice: 'payment/getFormattedInstallmentPrice',\r\n            selectedPaymentMethod: 'payment/getSelectedPaymentMethod'\r\n        }),\r\n\r\n        isBoletoPayment: self =>\r\n          self.selectedPaymentMethod &&\r\n          (self.selectedPaymentMethod.PaymentType == PaymentTypes.BOLETO),\r\n      }\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n  .boleto-overview {\r\n\r\n    &__container {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n\r\n    }\r\n\r\n    &__info {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    &__icon {\r\n        margin-right: 12px;\r\n        \r\n        @media screen and (min-width: 1025px) {\r\n          margin-right: 20px;\r\n        }\r\n\r\n        img {}\r\n    }\r\n\r\n    &__payment-description {\r\n        font-size: 16px;\r\n        font-weight: 500;\r\n        line-height: 16px;\r\n        color: #000;\r\n    }\r\n\r\n    &__price {\r\n\r\n        p {\r\n          font-size: 16px;\r\n          font-weight: 500;\r\n          line-height: 16px;\r\n          color: #000;\r\n          margin: 0;\r\n        }\r\n\r\n        span {}\r\n    }\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!./BoletoOverview.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!./BoletoOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BoletoOverview.vue?vue&type=template&id=e0578138&scoped=true&\"\nimport script from \"./BoletoOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./BoletoOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BoletoOverview.vue?vue&type=style&index=0&id=e0578138&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  \"e0578138\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/jcb.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DiscountOverview.vue?vue&type=style&index=0&id=a8ca6632&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isPixOpenFinancePayment)?_c('div',{staticClass:\"pofo\"},[_c('div',{staticClass:\"overview-container pofo__container\"},[_vm._m(0),_c('div',{staticClass:\"pofo__price\",attrs:{\"tabindex\":\"0\"}},[_c('p',[_vm._v(\"\\n                R$ \"+_vm._s(_vm.installmentPrice)+\"\\n            \")])])])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pofo__info\"},[_c('div',{staticClass:\"pofo__icon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/payment-types/pix-open-finance.svg\"),\"alt\":\"pix open finance\",\"tabindex\":\"0\"}})]),_c('div',{staticClass:\"pofo__description\",attrs:{\"tabindex\":\"0\"}},[_vm._v(\"\\n                Pix via Open Finance\\n            \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"pofo\" v-if=\"isPixOpenFinancePayment\">\r\n        <div class=\"overview-container pofo__container\">\r\n            <div class=\"pofo__info\">\r\n                <div class=\"pofo__icon\">\r\n                    <img src=\"@/assets/img/payment-types/pix-open-finance.svg\" alt=\"pix open finance\" tabindex=\"0\" />\r\n                </div>\r\n\r\n                <div class=\"pofo__description\" tabindex=\"0\">\r\n                    Pix via Open Finance\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"pofo__price\" tabindex=\"0\">\r\n                <p>\r\n                    R$ {{ installmentPrice }}\r\n                </p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n  import PaymentTypes from '@/models/PaymentTypes';\r\n  import { mapGetters } from 'vuex';\r\n\r\n  export default {\r\n      computed: {\r\n        ...mapGetters({\r\n            installmentPrice: 'payment/getFormattedInstallmentPrice',\r\n            selectedPaymentMethod: 'payment/getSelectedPaymentMethod'\r\n        }),\r\n\r\n        isPixOpenFinancePayment: self =>\r\n          self.selectedPaymentMethod &&\r\n          (self.selectedPaymentMethod.PaymentType == PaymentTypes.PIX_OPEN_FINANCE),\r\n      }\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .pofo {\r\n\r\n    &__container {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n\r\n      }\r\n\r\n      &__info {\r\n          display: flex;\r\n          align-items: center;\r\n      }\r\n\r\n      &__icon {\r\n          margin-right: 12px;\r\n          \r\n          @media screen and (min-width: 1025px) {\r\n            margin-right: 20px;\r\n          }\r\n\r\n          img {}\r\n      }\r\n\r\n      &__description {\r\n          font-size: 16px;\r\n          font-weight: 500;\r\n          line-height: 16px;\r\n          color: #000;\r\n      }\r\n\r\n      &__price {\r\n\r\n          p {\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n            line-height: 16px;\r\n            color: #000;\r\n            margin: 0;\r\n          }\r\n\r\n          span {}\r\n      }\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!./PixOpenFinanceOverview.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!./PixOpenFinanceOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PixOpenFinanceOverview.vue?vue&type=template&id=5c25d2be&scoped=true&\"\nimport script from \"./PixOpenFinanceOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./PixOpenFinanceOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PixOpenFinanceOverview.vue?vue&type=style&index=0&id=5c25d2be&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  \"5c25d2be\",\n  null\n  \n)\n\nexport default component.exports","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!./CardBrand.vue?vue&type=style&index=0&id=4ccbb8c1&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/alelo.svg\";","module.exports = __webpack_public_path__ + \"img/c2p-logo.svg\";","module.exports = __webpack_public_path__ + \"img/mastercard-v2.svg\";","module.exports = __webpack_public_path__ + \"img/amex-v2.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"cart-item-description\",class:_vm.customClass},[_c('strong',{staticClass:\"cart-item-description__title\",attrs:{\"tabindex\":\"0\"},domProps:{\"textContent\":_vm._s(_vm.$ml.get('productOrServiceDescription'))}}),(!_vm.isShortened)?_c('span',{staticClass:\"cart-item-description__text\",attrs:{\"tabindex\":\"0\"}},[_vm._v(_vm._s(_vm.firstItemDescription))]):_c('span',{staticClass:\"cart-item-description__text\",attrs:{\"tabindex\":\"0\"}},[_vm._v(_vm._s(_vm.showFirstItemFullDescription ?\n        _vm.firstItemDescription : _vm.firstItemShortDescription))]),(_vm.isShortened)?_c('button',{staticClass:\"cart-item-description__cta\",attrs:{\"aria-label\":_vm.$ml.get('ariaShowDescription')},on:{\"click\":_vm.handleDescriptionCTA}},[_vm._v(\"\\n        \"+_vm._s(_vm.showFirstItemFullDescription ? _vm.$ml.get('hideDescription') : _vm.$ml.get('showDescription'))+\"\\n        \"),_c('img',{staticClass:\"cart-item-description__cta-icon\",class:{ active: _vm.showFirstItemFullDescription },attrs:{\"src\":require(\"@/assets/img/icons/arrow-down-blue.svg\"),\"alt\":\"\",\"tabindex\":\"-1\"}})]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"cart-item-description\" :class=\"customClass\">\r\n        <strong class=\"cart-item-description__title\" v-text=\"$ml.get('productOrServiceDescription')\" tabindex=\"0\" />\r\n        <span v-if=\"!isShortened\" class=\"cart-item-description__text\" tabindex=\"0\">{{ firstItemDescription }}</span>\r\n        <span v-else class=\"cart-item-description__text\" tabindex=\"0\">{{ showFirstItemFullDescription ?\r\n            firstItemDescription : firstItemShortDescription }}</span>\r\n\r\n        <button\r\n            @click=\"handleDescriptionCTA\"\r\n            class=\"cart-item-description__cta\"\r\n            v-if=\"isShortened\"\r\n            :aria-label=\"$ml.get('ariaShowDescription')\"\r\n        >\r\n            {{ showFirstItemFullDescription ? $ml.get('hideDescription') : $ml.get('showDescription') }}\r\n            <img\r\n                class=\"cart-item-description__cta-icon\"\r\n                :class=\"{ active: showFirstItemFullDescription }\"\r\n                src=\"@/assets/img/icons/arrow-down-blue.svg\"\r\n                alt=\"\"\r\n                tabindex=\"-1\"\r\n            />\r\n        </button>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            firstItemDescription: '',\r\n            maxNumberOfCharacters: 143,\r\n            showFirstItemFullDescription: false,\r\n        };\r\n    },\r\n\r\n    props: {\r\n        isShortDescription: {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        itemDescription: {\r\n            type: String,\r\n            default: '',\r\n            required: true\r\n        },\r\n        customClass: {\r\n            type: String,\r\n            default: ''\r\n        }\r\n    },\r\n\r\n    created() {\r\n        this.firstItemDescription = this.itemDescription.replaceAll('|', '\\n').trim();\r\n    },\r\n\r\n    computed: {\r\n\r\n        firstItemShortDescription() {\r\n            const str = this.itemDescription.slice(0, this.maxNumberOfCharacters) + '...';\r\n\r\n            return str.replaceAll('|', '\\n').trim();\r\n        },\r\n        isShortened() {\r\n            if (this.isShortDescription) return true;\r\n\r\n            return false;\r\n        }\r\n    },\r\n\r\n    methods: {\r\n        handleDescriptionCTA() {\r\n            this.showFirstItemFullDescription = !this.showFirstItemFullDescription;\r\n        },\r\n\r\n\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cart-item-description {\r\n\r\n    //Custom Class\r\n    &.order-status {\r\n        .cart-item-description {\r\n            &__title {\r\n                font-weight: 700;\r\n                line-height: 11px;\r\n                color: #2F363E;\r\n                margin-bottom: 8px;\r\n            }\r\n\r\n            &__text {\r\n                color: #5C6A7B;\r\n            }\r\n        }\r\n    }\r\n\r\n    &__title {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        line-height: 16px;\r\n        color: #000;\r\n        margin-bottom: 20px;\r\n        display: block;\r\n    }\r\n\r\n    &__text {\r\n        font-size: 16px;\r\n        font-weight: 500;\r\n        line-height: 24px;\r\n        color: #000;\r\n        display: block;\r\n        white-space: pre-line;\r\n    }\r\n\r\n    &__cta {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        line-height: 24px;\r\n        text-decoration: underline;\r\n        color: #0667CD;\r\n        margin: 16px 0 0;\r\n\r\n        //btn reset\r\n        background: none;\r\n        border: none;\r\n        padding: 0;\r\n        cursor: pointer;\r\n\r\n    }\r\n\r\n    &__cta-icon {\r\n        margin-left: 8px;\r\n\r\n        &.active {\r\n            transform: rotate(180deg);\r\n        }\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!./CartItemDescription.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!./CartItemDescription.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CartItemDescription.vue?vue&type=template&id=4edff614&scoped=true&\"\nimport script from \"./CartItemDescription.vue?vue&type=script&lang=js&\"\nexport * from \"./CartItemDescription.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CartItemDescription.vue?vue&type=style&index=0&id=4edff614&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  \"4edff614\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}