{"version":3,"file":"checkout-iE4Dy8l9.js","sources":["../../../app/javascript/components/payment/checkout.vue"],"sourcesContent":["<template>\n  <div class='checkout'>\n    <p class='text-gray-800 text-lg'>\n      The Minafi Investor Bootcamp is a 3-month program. <b>90 days of content</b> at <b class='text-purple-500'>{{currency(price)}}</b> works out to <b class='text-purple-500'>{{currency(price/90)}}/day</b>. <span class='text-base text-gray-700'>(Or <b class='text-purple-500 text-base'>{{currency(price/180)}}/day</b> w/a friend!)</span>\n    </p>\n    <vue-slider class='my-8 mb-12 w-full' v-model='price' :min='10' :max='200' :silent=\"true\" :interval=\"1\" :marks='priceMarks' :tooltip-formatter=\"priceFormatter\">\n      <template v-slot:step=\"{ active }\">\n        <div :class=\"['custom-step', { active }]\"></div>\n      </template>\n    </vue-slider>\n    <p class='rounded bg-red-100 text-red-700 p-2 mb-4' v-if='errorMessage'>{{errorMessage}}</p>\n    <button class='membership button button-blue mx-auto' @click.prevent='processCheckout'>Join the Bootcamp for {{currency(price)}}!</button>\n  </div>\n</template>\n\n<script>\nimport VueSlider from 'vue-slider-component'\nimport 'vue-slider-component/theme/default.css'\nimport { currency } from '~/app/numeral'\nimport { post } from '~/app/client'\nimport { mapFields } from 'vuex-map-fields'\n\nexport default {\n  inject: ['params'],\n  components: {\n    VueSlider\n  },\n  computed: {\n    ...mapFields({\n      user: 'user'\n    })\n  },\n  data() {\n    return {\n      price: 90,\n      errorMessage: null,\n      priceFormatter: v => `$${('' + v).replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}`,\n      priceMarks: val => val % 30 === 0 ? ({\n        label: `$${val}`,\n        labelStyle: {\n          color: '#cbd5e0'\n        },\n        labelActiveStyle: {\n          color: '#718096'\n        }\n      }) : false\n    }\n  },\n  mounted() {\n    this.price = this.params.defaultPrice\n  },\n  methods: {\n    currency,\n    processCheckout(e) {\n      if(this.user.guest) {\n        this.$store.dispatch('app/showLogin')\n      } else {\n        post(`/join/fetch_session?price=${this.price}`)\n          .then((session) => {\n            if(session.id) {\n              window.stripe.redirectToCheckout({ sessionId: session.id })\n              .then((result) => {\n                if (result.error) {\n                  // If `redirectToCheckout` fails due to a browser or network\n                  // error, display the localized error message to your customer.\n                  this.errorMessage = result.error.message;\n                }\n              })\n            } else {\n              this.errorMessage = 'Something went wrong checking out. Can you try again?'\n            }\n          })\n      }\n    }\n  }\n}\n</script>\n\n<style>\n  .checkout .custom-step {\n\t width: 100%;\n\t height: 100%;\n\t border-radius: 50%;\n\t box-shadow: 0 0 0 3px #ccc;\n\t background-color: #fff;\n}\n .checkout .custom-step.active {\n\t box-shadow: 0 0 0 3px #3498db;\n\t background-color: #3498db;\n}\n .checkout .vue-slider-dot-handle {\n\t width: 150%;\n\t height: 150%;\n\t top: -4px;\n\t position: relative;\n}\n</style>\n"],"names":["_sfc_main","VueSlider","mapFields","v","val","currency","e","post","session","result","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_openBlock","_createElementBlock","_createElementVNode","_cache","_createTextVNode","_toDisplayString","$options","$data","_createVNode","_component_vue_slider","$event","_withCtx","active","_normalizeClass","_hoisted_7","_createCommentVNode","_withModifiers","args"],"mappings":"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"}