{"version":3,"sources":["webpack:///./src/components/OrderOverview/components/BoletoOverview.vue?ae27","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/components/OrderOverview/components/GooglePayOverview.vue?88fa","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/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/CartItemDescription.vue?4329","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/components/OrderOverview/components/DiscountOverview.vue?45d9","webpack:///./src/components/CartItemDescription.vue","webpack:///src/components/CartItemDescription.vue","webpack:///./src/components/CartItemDescription.vue?30f7","webpack:///./src/components/CartItemDescription.vue?11fd"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","_l","cartItems","item","key","attrs","Name","_v","_s","Quantity","formatPrice","UnitPrice","hiddenItems","$ml","get","on","showAllItems","domProps","shouldShowAllItems","class","active","require","_e","staticRenderFns","cartDiscountAmount","cartPercentage","paymentMethodDiscount","getPaymentMethodTranslationParameterName","paymentMethodPercentage","computed","_objectSpread","mapGetters","cartDiscount","paymentMethodDiscountPercentage","selectedPaymentTypeId","TypeId","Percentage","concat","translationParameterHelper","methods","unitPrice","moneyHelper","formatToPrice","parseCents","amount","component","components","DiscountOverview","data","itemsToPreview","isDesktop","props","type","Boolean","default","formattedPrice","mapState","Items","slice","length","totalPrice","isGPayPayment","cardPanLastFour","fullName","installments","installmentPrice","paymentType","numberOfInstallments","self","$store","getters","set","value","commit","state","googlePayPayment","selectedCard","info","billingAddress","name","cardDetails","payment","PaymentType","selectedPaymentMethod","isPixPayment","_m","Description","PaymentTypes","PIX","isBoletoPayment","BOLETO","customClass","isShortened","showFirstItemFullDescription","firstItemDescription","firstItemShortDescription","handleDescriptionCTA","maxNumberOfCharacters","isShortDescription","itemDescription","String","required","created","replaceAll","trim","str"],"mappings":"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","file":"js/chunk-3fe80b16.js","sourcesContent":["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&\"","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\";","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=c474a9b4&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 === 9,\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=c474a9b4&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=c474a9b4&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  \"c474a9b4\",\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!./CartItemDescription.vue?vue&type=style&index=0&id=4edff614&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!./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","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 _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":""}