{"version":3,"sources":["webpack:///./src/views/profile/PaymentMethods.vue?39b3","webpack:///src/views/profile/PaymentMethods.vue","webpack:///./src/views/profile/PaymentMethods.vue?c74d","webpack:///./src/views/profile/PaymentMethods.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","page","title","breadcrumbs","_l","card","key","id","defaultCreditCard","_v","_e","_s","cardHolderName","creditCardType","lastFourDigits","loading","on","$event","deleteCreditCard","setDefaultCreditCard","model","value","callback","$$v","creditCardHolderName","expression","creditCardError","creditCardCompleted","addCreditCard","staticRenderFns","name","data","text","to","disabled","link","exact","methods","component","VBtn","VCard","VCardText","VCardTitle","VChip","VCol","VContainer","VForm","VIcon","VRow","VTextField"],"mappings":"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","file":"js/bc45d6011ffbec38b009-chunk-2d208e3b.chunk.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"down-top-padding\",attrs:{\"fluid\":\"\"}},[_c('BaseBreadcrumb',{attrs:{\"title\":_vm.page.title,\"breadcrumbs\":_vm.breadcrumbs}}),_vm._l((_vm.availableCreditCards),function(card){return _c('v-card',{key:card.id,staticClass:\"mt-4\"},[(card.id === _vm.defaultCreditCard)?_c('v-btn',{staticClass:\"ma-2\",attrs:{\"fab\":\"\",\"dark\":\"\",\"small\":\"\",\"color\":\"primary\"}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\"mdi-star\")])],1):_vm._e(),_c('v-card-title',{staticClass:\"text-h6\"},[_vm._v(_vm._s(card.cardHolderName))]),_c('v-card-text',[_c('span',{staticClass:\"text-body-1\"},[_vm._v(_vm._s(card.creditCardType))]),_c('v-chip',{staticClass:\"text-body-1 ml-1\"},[_vm._v(\"**** **** **** \"+_vm._s(card.lastFourDigits))]),_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\",\"disabled\":_vm.loading},on:{\"click\":function($event){return _vm.deleteCreditCard(card.id)}}},[_vm._v(\"Eliminar\")]),(card.id != _vm.defaultCreditCard)?_c('v-btn',{attrs:{\"color\":\"primary\",\"text\":\"\",\"disabled\":_vm.loading},on:{\"click\":function($event){return _vm.setDefaultCreditCard(card.id)}}},[_vm._v(\"Tarjeta por defecto\")]):_vm._e()],1)],1)}),_c('v-card',{staticClass:\"mt-4\"},[_c('v-card-title',{staticClass:\"text-h6\"},[_vm._v(\"Añadir nueva tarjeta\")]),_c('v-form',{staticClass:\"pa-2\"},[_c('v-col',{attrs:{\"lg\":\"7\",\"sm\":\"10\",\"xl\":\"4\",\"xs\":\"12\"}},[_c('v-text-field',{attrs:{\"label\":\"Titular\",\"outlined\":\"\",\"dense\":\"\"},model:{value:(_vm.creditCardHolderName),callback:function ($$v) {_vm.creditCardHolderName=$$v},expression:\"creditCardHolderName\"}}),_c('v-card',{staticClass:\"pa-4\",attrs:{\"id\":\"card-element\",\"outlined\":\"\"}}),_c('p',{staticClass:\"text-body-2 mt-2\",attrs:{\"role\":\"alert\"}},[_vm._v(_vm._s(_vm.creditCardError))]),_c('v-row',[_c('v-btn',{staticClass:\"ml-3\",attrs:{\"color\":\"primary\",\"disabled\":_vm.loading ||\n                !_vm.creditCardCompleted ||\n                !!_vm.creditCardError ||\n                !_vm.creditCardHolderName},on:{\"click\":_vm.addCreditCard}},[_vm._v(\"Añadir\")])],1)],1)],1)],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid class=\"down-top-padding\">\n    <BaseBreadcrumb\n      :title=\"page.title\"\n      :breadcrumbs=\"breadcrumbs\"\n    ></BaseBreadcrumb>\n\n    <v-card class=\"mt-4\" v-for=\"card in availableCreditCards\" :key=\"card.id\">\n      <v-btn\n        v-if=\"card.id === defaultCreditCard\"\n        class=\"ma-2\"\n        fab\n        dark\n        small\n        color=\"primary\"\n      >\n        <v-icon dark>mdi-star</v-icon>\n      </v-btn>\n      <v-card-title class=\"text-h6\">{{ card.cardHolderName }}</v-card-title>\n      <v-card-text>\n        <span class=\"text-body-1\">{{ card.creditCardType }}</span>\n        <v-chip class=\"text-body-1 ml-1\"\n          >**** **** **** {{ card.lastFourDigits }}</v-chip\n        >\n        <v-btn\n          color=\"primary\"\n          text\n          @click=\"deleteCreditCard(card.id)\"\n          :disabled=\"loading\"\n          >Eliminar</v-btn\n        >\n        <v-btn\n          v-if=\"card.id != defaultCreditCard\"\n          color=\"primary\"\n          text\n          @click=\"setDefaultCreditCard(card.id)\"\n          :disabled=\"loading\"\n          >Tarjeta por defecto</v-btn\n        >\n      </v-card-text>\n    </v-card>\n\n    <v-card class=\"mt-4\">\n      <v-card-title class=\"text-h6\">Añadir nueva tarjeta</v-card-title>\n      <v-form class=\"pa-2\">\n        <v-col lg=\"7\" sm=\"10\" xl=\"4\" xs=\"12\">\n          <v-text-field\n            v-model=\"creditCardHolderName\"\n            label=\"Titular\"\n            outlined\n            dense\n          ></v-text-field>\n          <v-card id=\"card-element\" outlined class=\"pa-4\"></v-card>\n          <p class=\"text-body-2 mt-2\" role=\"alert\">{{ creditCardError }}</p>\n          <v-row>\n            <v-btn\n              class=\"ml-3\"\n              color=\"primary\"\n              @click=\"addCreditCard\"\n              :disabled=\"\n                loading ||\n                  !creditCardCompleted ||\n                  !!creditCardError ||\n                  !creditCardHolderName\n              \"\n              >Añadir</v-btn\n            >\n          </v-row>\n        </v-col>\n      </v-form>\n    </v-card>\n  </v-container>\n</template>\n\n<script>\nimport Axios from \"axios\";\nimport settings from \"../../settings\";\n\nexport default {\n  name: \"PaymentMethods\",\n  data: () => ({\n    page: { title: \"Métodos de pago\" },\n    breadcrumbs: [\n      {\n        text: \"Mi Perfil\",\n        to: { name: \"Profile\" },\n        disabled: false,\n        link: true,\n        exact: true\n      },\n      {\n        text: \"Métodos de pago\"\n      }\n    ],\n    availableCreditCards: [],\n    defaultCreditCard: null,\n    loading: true,\n    creditCardHolderName: null,\n    stripe: null,\n    creditCardElement: null,\n    creditCardError: null,\n    creditCardCompleted: false\n  }),\n  methods: {\n    async updateCreditCardList() {\n      let response = await Axios.get(\"purchase/creditCards\");\n      this.availableCreditCards = response.data ?? [];\n      response = await Axios.get(\"purchase/creditCards/default\");\n      this.defaultCreditCard = response.data?.id;\n      this.creditCardElement.clear();\n    },\n    async addCreditCard() {\n      this.loading = true;\n      const response = await Axios.get(\"purchase/setupCreditCardSecret\");\n      const clientSecret = response.data;\n      const result = await this.stripe.confirmCardSetup(clientSecret, {\n        payment_method: {\n          card: this.creditCardElement,\n          billing_details: {\n            name: this.creditCardHolderName\n          }\n        }\n      });\n      if (result.error) {\n        this.creditCardError = result.error.message;\n      } else {\n        await this.updateCreditCardList();\n      }\n      this.loading = false;\n    },\n    async deleteCreditCard(id) {\n      this.loading = true;\n      await Axios.delete(`purchase/creditCards/${id}`);\n      await this.updateCreditCardList();\n      this.loading = false;\n    },\n    async setDefaultCreditCard(id) {\n      this.loading = true;\n      await Axios.put(`purchase/creditCards/default`, { id });\n      await this.updateCreditCardList();\n      this.loading = false;\n    }\n  },\n  async created() {\n    await this.updateCreditCardList();\n    this.loading = false;\n  },\n  async mounted() {\n    this.stripe = window.Stripe(settings.stripeKey);\n    const elements = this.stripe.elements();\n    const card = elements.create(\"card\");\n    card.mount(\"#card-element\");\n    card.on(\"change\", ({ complete, error }) => {\n      this.creditCardError = error ? error.message : null;\n      this.creditCardCompleted = complete;\n    });\n    this.creditCardElement = card;\n  }\n};\n</script>\n\n<style></style>\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!./PaymentMethods.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!./PaymentMethods.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaymentMethods.vue?vue&type=template&id=29845f2f&\"\nimport script from \"./PaymentMethods.vue?vue&type=script&lang=js&\"\nexport * from \"./PaymentMethods.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardText,VCardTitle,VChip,VCol,VContainer,VForm,VIcon,VRow,VTextField})\n"],"sourceRoot":""}