{"version":3,"sources":["webpack:///./src/views/purchase/AvailablePlans.vue?7919","webpack:///src/views/purchase/AvailablePlans.vue","webpack:///./src/views/purchase/AvailablePlans.vue?f7ff","webpack:///./src/views/purchase/AvailablePlans.vue","webpack:///./src/views/purchase/AvailablePlans.vue?3853"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","page","title","icon","breadcrumbs","_v","_l","availablePlans","filter","p","userLevel","plan","key","membershipPlanCode","class","selected","currentPlanId","on","$event","preventDefault","purchase","_s","membershipPlanName","creditAmount","monthAmount","price","staticRenderFns","name","data","text","disabled","methods","setPurchasingItem","planId","itemType","$router","push","beforeRouteEnter","Promise","all","getCurrentPlan","getAvailablePlans","then","component","VCard","VCardText","VCardTitle","VContainer","VRow","VSubheader"],"mappings":"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","file":"js/bc45d6011ffbec38b009-chunk-506f3df2.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,\"icon\":_vm.page.icon,\"breadcrumbs\":_vm.breadcrumbs}}),_c('v-card',{staticClass:\"mt-4\"},[_c('v-card-title',{staticClass:\"text-h6\"},[_vm._v(\"Planes de suscripción\")]),_c('v-card-text',[_c('p',{staticClass:\"text-body-2\"},[_vm._v(\" Elija el plan de suscripción que más se ajuste a sus necesidades \")])]),_c('v-subheader',[_vm._v(\"Planes de movilidad\")]),_c('v-row',{attrs:{\"dense\":\"\"}},_vm._l((_vm.availablePlans.filter(function (p) { return p.userLevel === 'Mobility'; })),function(plan){return _c('v-card',{key:plan.membershipPlanCode,class:{\n          'plan-card': true,\n          selected: plan.membershipPlanCode === _vm.currentPlanId\n        },on:{\"click\":function($event){$event.preventDefault();return _vm.purchase(plan.membershipPlanCode)}}},[_c('v-card-title',{staticClass:\"text-h5\"},[_vm._v(_vm._s(plan.membershipPlanName))]),_c('v-card-text',[_c('p',[_vm._v(\"Firmas: \"+_vm._s(plan.creditAmount))]),_c('p',[_vm._v(\"Renovación cada \"+_vm._s(plan.monthAmount)+\" meses.\")]),_c('p',[_vm._v(\" Precio: \"+_vm._s(plan.price == 0 ? \"Gratuito\" : plan.price + \"€\")+\" \")])])],1)}),1),_c('v-subheader',[_vm._v(\"Planes de empresa\")]),_c('v-row',{attrs:{\"dense\":\"\"}},_vm._l((_vm.availablePlans.filter(\n          function (p) { return p.userLevel === 'Corporate'; }\n        )),function(plan){return _c('v-card',{key:plan.membershipPlanCode,class:{\n          'plan-card': true,\n          selected: plan.membershipPlanCode === _vm.currentPlanId\n        },on:{\"click\":function($event){$event.preventDefault();return _vm.purchase(plan.membershipPlanCode)}}},[_c('v-card-title',{staticClass:\"text-h5\"},[_vm._v(_vm._s(plan.membershipPlanName))]),_c('v-card-text',[_c('p',[_vm._v(\"Firmas: \"+_vm._s(plan.creditAmount))]),_c('p',[_vm._v(\"Renovación cada \"+_vm._s(plan.monthAmount)+\" meses.\")]),_c('p',[_vm._v(\" Precio: \"+_vm._s(plan.price == 0 ? \"Gratuito\" : plan.price + \"€\")+\" \")])])],1)}),1)],1),_c('v-card',{staticClass:\"mt-4\"},[_c('v-card-title',{staticClass:\"text-h6\"},[_vm._v(\"Paquetes de créditos\")]),_c('v-card-text',[_c('p',{staticClass:\"text-body-2\"},[_vm._v(\"Contrate paquetes de créditos adicionales\")])]),_c('v-row',{attrs:{\"dense\":\"\"}},_vm._l((_vm.creditPackages),function(plan){return _c('v-card',{key:plan.membershipPlanCode,class:{\n          'plan-card': true,\n          selected: plan.membershipPlanCode === _vm.currentPlanId\n        },on:{\"click\":function($event){return _vm.purchase(plan.membershipPlanCode)}}},[_c('v-card-title',{staticClass:\"text-h5\"},[_vm._v(_vm._s(plan.membershipPlanName))]),_c('v-card-text',[_c('p',[_vm._v(\"Firmas: \"+_vm._s(plan.creditAmount))]),_c('p',[_vm._v(\" Precio: \"+_vm._s(plan.price == 0 ? \"Gratuito\" : plan.price + \"€\")+\" \")])])],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid class=\"down-top-padding\">\n    <BaseBreadcrumb\n      :title=\"page.title\"\n      :icon=\"page.icon\"\n      :breadcrumbs=\"breadcrumbs\"\n    >\n    </BaseBreadcrumb>\n    <v-card class=\"mt-4\">\n      <v-card-title class=\"text-h6\">Planes de suscripción</v-card-title>\n      <v-card-text>\n        <p class=\"text-body-2\">\n          Elija el plan de suscripción que más se ajuste a sus necesidades\n        </p>\n      </v-card-text>\n      <v-subheader>Planes de movilidad</v-subheader>\n      <v-row dense>\n        <v-card\n          :class=\"{\n            'plan-card': true,\n            selected: plan.membershipPlanCode === currentPlanId\n          }\"\n          v-for=\"plan in availablePlans.filter(p => p.userLevel === 'Mobility')\"\n          :key=\"plan.membershipPlanCode\"\n          @click.prevent=\"purchase(plan.membershipPlanCode)\"\n        >\n          <v-card-title class=\"text-h5\">{{\n            plan.membershipPlanName\n          }}</v-card-title>\n          <v-card-text>\n            <p>Firmas: {{ plan.creditAmount }}</p>\n            <p>Renovación cada {{ plan.monthAmount }} meses.</p>\n            <p>\n              Precio: {{ plan.price == 0 ? \"Gratuito\" : plan.price + \"&euro;\" }}\n            </p>\n          </v-card-text>\n        </v-card>\n      </v-row>\n      <v-subheader>Planes de empresa</v-subheader>\n      <v-row dense>\n        <v-card\n          :class=\"{\n            'plan-card': true,\n            selected: plan.membershipPlanCode === currentPlanId\n          }\"\n          v-for=\"plan in availablePlans.filter(\n            p => p.userLevel === 'Corporate'\n          )\"\n          :key=\"plan.membershipPlanCode\"\n          @click.prevent=\"purchase(plan.membershipPlanCode)\"\n        >\n          <v-card-title class=\"text-h5\">{{\n            plan.membershipPlanName\n          }}</v-card-title>\n          <v-card-text>\n            <p>Firmas: {{ plan.creditAmount }}</p>\n            <p>Renovación cada {{ plan.monthAmount }} meses.</p>\n            <p>\n              Precio: {{ plan.price == 0 ? \"Gratuito\" : plan.price + \"&euro;\" }}\n            </p>\n          </v-card-text>\n        </v-card>\n      </v-row>\n    </v-card>\n    <v-card class=\"mt-4\">\n      <v-card-title class=\"text-h6\">Paquetes de créditos</v-card-title>\n      <v-card-text>\n        <p class=\"text-body-2\">Contrate paquetes de créditos adicionales</p>\n      </v-card-text>\n      <v-row dense>\n        <v-card\n          :class=\"{\n            'plan-card': true,\n            selected: plan.membershipPlanCode === currentPlanId\n          }\"\n          v-for=\"plan in creditPackages\"\n          :key=\"plan.membershipPlanCode\"\n          @click=\"purchase(plan.membershipPlanCode)\"\n        >\n          <v-card-title class=\"text-h5\">{{\n            plan.membershipPlanName\n          }}</v-card-title>\n          <v-card-text>\n            <p>Firmas: {{ plan.creditAmount }}</p>\n            <p>\n              Precio: {{ plan.price == 0 ? \"Gratuito\" : plan.price + \"&euro;\" }}\n            </p>\n          </v-card-text>\n        </v-card>\n      </v-row>\n    </v-card>\n  </v-container>\n</template>\n\n<script>\nimport Axios from \"axios\";\n\nimport { PURCHASE_ITEM_TYPE } from \"@/utils/constants\";\nimport { mapActions } from \"vuex\";\n\nexport default {\n  name: \"AvailablePlans\",\n  data: () => ({\n    page: {\n      title: \"Planes de suscripción\"\n    },\n    breadcrumbs: [\n      {\n        text: \"Planes de suscripción\",\n        disabled: true\n      }\n    ],\n    availablePlans: [],\n    creditPackages: [],\n    currentPlanId: null\n  }),\n  methods: {\n    ...mapActions({\n      setPurchasingItem: \"purchase/setPurchasingItem\"\n    }),\n    purchase(planId) {\n      const plan = this.availablePlans\n        .concat(this.creditPackages)\n        .find(plan => plan.membershipPlanCode === planId);\n      this.setPurchasingItem({\n        planId,\n        name: plan.membershipPlanName,\n        price: plan.price,\n        itemType: plan.monthAmount\n          ? PURCHASE_ITEM_TYPE.SUBSCRIPTION\n          : PURCHASE_ITEM_TYPE.CREDITS_PACKAGE\n      });\n      this.$router.push({ name: \"Checkout\" });\n    }\n  },\n  beforeRouteEnter(to, from, next) {\n    const getCurrentPlan = Axios.get(\"purchase/currentPlan\");\n    const getAvailablePlans = Axios.get(\"purchase/availablePlans\");\n    Promise.all([getCurrentPlan, getAvailablePlans]).then(\n      ([currentPlanResponse, availablePlansResponse]) => {\n        next(vm => {\n          vm.currentPlanId = currentPlanResponse.data;\n          vm.availablePlans = availablePlansResponse.data.filter(\n            plan => plan.monthAmount\n          );\n          vm.creditPackages = availablePlansResponse.data.filter(\n            plan => !plan.monthAmount\n          );\n        });\n      }\n    );\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.plan-card {\n  border-radius: 10%;\n  background-color: #eee;\n  margin: 0 0 20px 20px;\n  &.selected {\n    border: 8px solid #a72828;\n  }\n}\n</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!./AvailablePlans.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!./AvailablePlans.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvailablePlans.vue?vue&type=template&id=678848ec&scoped=true&\"\nimport script from \"./AvailablePlans.vue?vue&type=script&lang=js&\"\nexport * from \"./AvailablePlans.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AvailablePlans.vue?vue&type=style&index=0&id=678848ec&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  \"678848ec\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSubheader } from 'vuetify/lib/components/VSubheader';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VContainer,VRow,VSubheader})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./AvailablePlans.vue?vue&type=style&index=0&id=678848ec&lang=scss&scoped=true&\""],"sourceRoot":""}