{"version":3,"sources":["webpack:///./src/views/Shop.vue?c4c3","webpack:///./node_modules/@stripe/stripe-js/dist/stripe.esm.js","webpack:///src/views/Shop.vue","webpack:///./src/views/Shop.vue?1edc","webpack:///./src/views/Shop.vue","webpack:///./src/views/Shop.vue?f157","webpack:///./src/views/ShopSuccess.vue?df93","webpack:///src/views/ShopSuccess.vue","webpack:///./src/views/ShopSuccess.vue?542b","webpack:///./src/views/ShopSuccess.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_m","user","attrs","submitting","on","$event","stopPropagation","buyStreakFreeze","apply","arguments","model","value","callback","$$v","loadingBilling","expression","_e","_s","formatPeriod","formatPaidUntil","goToPortal","buyPlus","billingData","pricing","monthly","formatPrice","annual","staticRenderFns","V3_URL","V3_URL_REGEX","EXISTING_SCRIPT_MESSAGE","findScript","scripts","document","querySelectorAll","concat","i","length","script","test","src","injectScript","params","queryString","advancedFraudSignals","createElement","headOrBody","head","body","Error","appendChild","registerWrapper","stripe","startTime","_registerWrapper","name","version","stripePromise","loadScript","Promise","resolve","reject","window","Stripe","console","warn","addEventListener","error","initStripe","maybeStripe","args","undefined","stripePromise$1","then","loadCalled","err","loadStripe","_len","Array","_key","Date","now","components","Sidebar","data","computed","isPaid","billing","methods","period","pu","format","component","checkingBilling","created","checkBilling"],"mappings":"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","file":"js/shop.22938820.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shop container is-fullhd\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"Shop\")]),_c('section',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-three-quarters\"},[_c('h3',{staticClass:\"title is-5\"},[_vm._v(\"Streak Freeze\")]),_c('div',{staticClass:\"level\"},[_vm._m(0),_c('div',{staticClass:\"level-right\"},[(_vm.user.hasStreakFreeze)?[_c('b-button',{attrs:{\"disabled\":\"\"}},[_vm._v(\"Enabled\")])]:[_c('b-button',{attrs:{\"loading\":_vm.submitting},on:{\"click\":function($event){$event.stopPropagation();return _vm.buyStreakFreeze.apply(null, arguments)}}},[_c('span',{staticClass:\"icon is-large icon-coins mr-1\"},[_c('fa-icon',{attrs:{\"icon\":['fas', 'coins']}})],1),_vm._v(\" 10 \")])]],2)]),_c('h3',{staticClass:\"title is-5\"},[_vm._v(\"Plus Membership\")]),_c('div',{staticClass:\"level\"},[_c('div',{staticClass:\"level-left\"},[_c('b-loading',{attrs:{\"is-full-page\":false,\"can-cancel\":false},model:{value:(_vm.loadingBilling),callback:function ($$v) {_vm.loadingBilling=$$v},expression:\"loadingBilling\"}}),(!_vm.loadingBilling)?[(_vm.user.hasPlus)?[(_vm.isPaid)?[_c('p',[_vm._v(\" Thank you for supporting SketchDaily!\"),_c('br'),_vm._v(\" You have \"),_c('strong',[_vm._v(_vm._s(_vm.formatPeriod()))]),_vm._v(\" subscription.\"),_c('br'),_vm._v(\" Your next payment will be taken on \"),_c('strong',[_vm._v(_vm._s(_vm.formatPaidUntil()))]),_vm._v(\". \")])]:_c('p',[_vm._v(\" You have been granted Plus Membership for free. Must feel pretty special! \"),_c('br'),_vm._v(\" If you're feeling generous, please help keep SketchDaily alive by supporting us on Patreon. \")])]:[_vm._m(1)]]:_vm._e()],2),(_vm.billingData)?_c('div',{staticClass:\"level-right\"},[(_vm.user.hasPlus)?[(_vm.isPaid)?_c('b-button',{attrs:{\"loading\":_vm.submitting},on:{\"click\":function($event){$event.stopPropagation();return _vm.goToPortal.apply(null, arguments)}}},[_vm._v(\" Manage Subscription \")]):_c('a',{staticClass:\"button is-patreon\",attrs:{\"href\":\"https://www.patreon.com/ripexz\",\"target\":\"_blank\",\"rel\":\"noopener\"}},[_c('span',{staticClass:\"icon\"},[_c('fa-icon',{attrs:{\"icon\":['fab', 'patreon']}})],1),_c('span',[_vm._v(\"Patreon\")])])]:[_c('span',{staticClass:\"mr-3\"},[_vm._v(\"Subscribe for\")]),_c('b-button',{attrs:{\"loading\":_vm.submitting},on:{\"click\":function($event){$event.stopPropagation();return _vm.buyPlus(_vm.billingData.pricing.monthly)}}},[_vm._v(\" \"+_vm._s(_vm.formatPrice(_vm.billingData.pricing.monthly))+\"/month \")]),_c('b-button',{attrs:{\"loading\":_vm.submitting},on:{\"click\":function($event){$event.stopPropagation();return _vm.buyPlus(_vm.billingData.pricing.annual)}}},[_vm._v(\" \"+_vm._s(_vm.formatPrice(_vm.billingData.pricing.annual))+\"/year \")])]],2):_vm._e()])]),_c('Sidebar',{staticClass:\"column\"})],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"level-left\"},[_c('p',[_vm._v(\"Keep your streak if you forget to sketch for one day.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\" Remove ads, download SVG versions of any sketch, get a pretty badge,\"),_c('br'),_vm._v(\" and support SketchDaily all at the cost of a cup of coffee a month! \")])}]\n\nexport { render, staticRenderFns }","var V3_URL = 'https://js.stripe.com/v3';\nvar V3_URL_REGEX = /^https:\\/\\/js\\.stripe\\.com\\/v3\\/?(\\?.*)?$/;\nvar EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';\nvar findScript = function findScript() {\n  var scripts = document.querySelectorAll(\"script[src^=\\\"\".concat(V3_URL, \"\\\"]\"));\n\n  for (var i = 0; i < scripts.length; i++) {\n    var script = scripts[i];\n\n    if (!V3_URL_REGEX.test(script.src)) {\n      continue;\n    }\n\n    return script;\n  }\n\n  return null;\n};\n\nvar injectScript = function injectScript(params) {\n  var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';\n  var script = document.createElement('script');\n  script.src = \"\".concat(V3_URL).concat(queryString);\n  var headOrBody = document.head || document.body;\n\n  if (!headOrBody) {\n    throw new Error('Expected document.body not to be null. Stripe.js requires a <body> element.');\n  }\n\n  headOrBody.appendChild(script);\n  return script;\n};\n\nvar registerWrapper = function registerWrapper(stripe, startTime) {\n  if (!stripe || !stripe._registerWrapper) {\n    return;\n  }\n\n  stripe._registerWrapper({\n    name: 'stripe-js',\n    version: \"1.21.1\",\n    startTime: startTime\n  });\n};\n\nvar stripePromise = null;\nvar loadScript = function loadScript(params) {\n  // Ensure that we only attempt to load Stripe.js at most once\n  if (stripePromise !== null) {\n    return stripePromise;\n  }\n\n  stripePromise = new Promise(function (resolve, reject) {\n    if (typeof window === 'undefined') {\n      // Resolve to null when imported server side. This makes the module\n      // safe to import in an isomorphic code base.\n      resolve(null);\n      return;\n    }\n\n    if (window.Stripe && params) {\n      console.warn(EXISTING_SCRIPT_MESSAGE);\n    }\n\n    if (window.Stripe) {\n      resolve(window.Stripe);\n      return;\n    }\n\n    try {\n      var script = findScript();\n\n      if (script && params) {\n        console.warn(EXISTING_SCRIPT_MESSAGE);\n      } else if (!script) {\n        script = injectScript(params);\n      }\n\n      script.addEventListener('load', function () {\n        if (window.Stripe) {\n          resolve(window.Stripe);\n        } else {\n          reject(new Error('Stripe.js not available'));\n        }\n      });\n      script.addEventListener('error', function () {\n        reject(new Error('Failed to load Stripe.js'));\n      });\n    } catch (error) {\n      reject(error);\n      return;\n    }\n  });\n  return stripePromise;\n};\nvar initStripe = function initStripe(maybeStripe, args, startTime) {\n  if (maybeStripe === null) {\n    return null;\n  }\n\n  var stripe = maybeStripe.apply(undefined, args);\n  registerWrapper(stripe, startTime);\n  return stripe;\n};\n\n// own script injection.\n\nvar stripePromise$1 = Promise.resolve().then(function () {\n  return loadScript(null);\n});\nvar loadCalled = false;\nstripePromise$1[\"catch\"](function (err) {\n  if (!loadCalled) {\n    console.warn(err);\n  }\n});\nvar loadStripe = function loadStripe() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  loadCalled = true;\n  var startTime = Date.now();\n  return stripePromise$1.then(function (maybeStripe) {\n    return initStripe(maybeStripe, args, startTime);\n  });\n};\n\nexport { loadStripe };\n","<template>\n  <div class=\"shop container is-fullhd\">\n    <h1 class=\"title\">Shop</h1>\n    <section class=\"columns\">\n      <div class=\"column is-three-quarters\">\n        <h3 class=\"title is-5\">Streak Freeze</h3>\n        <div class=\"level\">\n          <div class=\"level-left\">\n            <p>Keep your streak if you forget to sketch for one day.</p>\n          </div>\n          <div class=\"level-right\">\n            <template v-if=\"user.hasStreakFreeze\">\n              <b-button disabled>Enabled</b-button>\n            </template>\n            <template v-else>\n              <b-button @click.stop=\"buyStreakFreeze\" :loading=\"submitting\">\n                <span class=\"icon is-large icon-coins mr-1\">\n                  <fa-icon :icon=\"['fas', 'coins']\" />\n                </span>\n                10\n              </b-button>\n            </template>\n          </div>\n        </div>\n\n        <h3 class=\"title is-5\">Plus Membership</h3>\n        <div class=\"level\">\n          <div class=\"level-left\">\n            <b-loading :is-full-page=\"false\" v-model=\"loadingBilling\" :can-cancel=\"false\" />\n            <template v-if=\"!loadingBilling\">\n              <template v-if=\"user.hasPlus\">\n                <template v-if=\"isPaid\">\n                  <p>\n                    <!-- Thank you for supporting SketchDaily!\n                    You can alway donate more if you wish.<br> -->\n                    Thank you for supporting SketchDaily!<br>\n                    You have <strong>{{formatPeriod()}}</strong> subscription.<br>\n                    Your next payment will be taken on <strong>{{formatPaidUntil()}}</strong>.\n                  </p>\n                </template>\n                <p v-else>\n                  You have been granted Plus Membership for free. Must feel pretty special!\n                  <br>\n                  If you're feeling generous, please help keep SketchDaily\n                  alive by supporting us on Patreon.\n                </p>\n              </template>\n              <template v-else>\n                <p>\n                  Remove ads, download SVG versions of any sketch, get a pretty badge,<br>\n                  and support SketchDaily all at the cost of a cup of coffee a month!\n                </p>\n              </template>\n            </template>\n          </div>\n\n          <div class=\"level-right\" v-if=\"billingData\">\n            <template v-if=\"user.hasPlus\">\n              <b-button v-if=\"isPaid\" @click.stop=\"goToPortal\" :loading=\"submitting\">\n                Manage Subscription\n              </b-button>\n              <a v-else\n                href=\"https://www.patreon.com/ripexz\"\n                target=\"_blank\"\n                class=\"button is-patreon\"\n                rel=\"noopener\">\n                <span class=\"icon\">\n                  <fa-icon :icon=\"['fab', 'patreon']\" />\n                </span>\n                <span>Patreon</span>\n              </a>\n            </template>\n            <template v-else>\n              <span class=\"mr-3\">Subscribe for</span>\n              <b-button @click.stop=\"buyPlus(billingData.pricing.monthly)\" :loading=\"submitting\">\n                {{formatPrice(billingData.pricing.monthly)}}/month\n              </b-button>\n              <b-button @click.stop=\"buyPlus(billingData.pricing.annual)\" :loading=\"submitting\">\n                {{formatPrice(billingData.pricing.annual)}}/year\n              </b-button>\n            </template>\n          </div>\n        </div>\n      </div>\n\n      <Sidebar class=\"column\" />\n    </section>\n  </div>\n</template>\n\n<script>\nimport { loadStripe } from '@stripe/stripe-js';\nimport { mapGetters } from 'vuex';\nimport Sidebar from '@/components/Sidebar.vue';\nimport API from '@/services/api';\nimport dayjs from '@/services/dayjs';\n\nexport default {\n  name: 'Shop',\n  components: {\n    Sidebar,\n  },\n  data() {\n    return {\n      submitting: false,\n\n      billingData: null,\n      loadingBilling: true,\n\n      stripe: null,\n    };\n  },\n  async created() {\n    await this.getBilling();\n    this.stripe = await loadStripe(this.billingData.stripeKey);\n    this.loadingBilling = false;\n    if (this.$route.query.id) {\n      this.$gtag.event('purchase');\n    }\n  },\n  computed: {\n    ...mapGetters({\n      user: 'session/user',\n    }),\n    isPaid() {\n      return this.billingData && this.billingData.billing\n        && this.billingData.billing.subscriptionId;\n    },\n  },\n  methods: {\n    async getBilling() {\n      try {\n        const res = await API.billing.get();\n        this.billingData = res.data;\n      } catch (e) {\n        const error = API.handleError(e);\n        if (error) this.$toasted.error(error.message, { duration: 2000 });\n      }\n    },\n    async buyStreakFreeze() {\n      if (this.submitting) return;\n      this.submitting = true;\n      try {\n        await API.shop.buyStreakFreeze();\n        await this.$store.dispatch('session/getProfile');\n        this.$toasted.success('Streak Freeze purchased!', { duration: 2000 });\n        this.$gtag.event('streak_freeze', { event_category: 'engagement' });\n      } catch (e) {\n        const error = API.handleError(e);\n        if (error) this.$toasted.error(error.message, { duration: 2000 });\n      }\n      this.submitting = false;\n    },\n    async buyPlus(pricing) {\n      if (this.submitting) return;\n      this.submitting = true;\n      try {\n        const res = await API.billing.subscribe({ priceId: pricing.id });\n        this.$gtag.event('begin_checkout');\n        await this.stripe.redirectToCheckout({ sessionId: res.data.id });\n      } catch (e) {\n        const error = API.handleError(e);\n        if (error) this.$toasted.error(error.message, { duration: 2000 });\n      }\n      this.submitting = false;\n    },\n    async goToPortal() {\n      if (this.submitting) return;\n      this.submitting = true;\n      try {\n        const res = await API.billing.portal();\n        window.location.href = res.data.url;\n      } catch (e) {\n        const error = API.handleError(e);\n        if (error) this.$toasted.error(error.message, { duration: 2000 });\n        this.submitting = false;\n      }\n    },\n    formatPrice(pricing) {\n      return `€${pricing.price / 100}`;\n    },\n    formatPeriod() {\n      if (this.billingData.billing.period === 'monthly') return 'a monthly';\n      return 'an annual';\n    },\n    formatPaidUntil() {\n      const pu = dayjs(this.billingData.billing.paidUntil);\n      return pu.format('Do MMMM YYYY');\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.icon-coins {\n  color: gold;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Shop.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Shop.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Shop.vue?vue&type=template&id=6a49a368&scoped=true&\"\nimport script from \"./Shop.vue?vue&type=script&lang=js&\"\nexport * from \"./Shop.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Shop.vue?vue&type=style&index=0&id=6a49a368&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  \"6a49a368\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Shop.vue?vue&type=style&index=0&id=6a49a368&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shop container is-fullhd\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"Shop\")]),_c('section',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-three-quarters\"},[_c('b-loading',{attrs:{\"is-full-page\":false,\"can-cancel\":false},model:{value:(_vm.checkingBilling),callback:function ($$v) {_vm.checkingBilling=$$v},expression:\"checkingBilling\"}}),(!_vm.checkingBilling)?[_c('h2',{staticClass:\"subtitle\"},[_vm._v(\"Plus subscription is on!\")]),_c('p',[_vm._v(\"Thank you for supporting SketchDaily! Taking you back to the shop...\")])]:_vm._e()],2),_c('Sidebar',{staticClass:\"column\"})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"shop container is-fullhd\">\n    <h1 class=\"title\">Shop</h1>\n    <section class=\"columns\">\n      <div class=\"column is-three-quarters\">\n        <b-loading :is-full-page=\"false\" v-model=\"checkingBilling\" :can-cancel=\"false\" />\n        <template v-if=\"!checkingBilling\">\n          <h2 class=\"subtitle\">Plus subscription is on!</h2>\n          <p>Thank you for supporting SketchDaily! Taking you back to the shop...</p>\n        </template>\n      </div>\n\n      <Sidebar class=\"column\" />\n    </section>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport Sidebar from '@/components/Sidebar.vue';\nimport API from '@/services/api';\nimport dayjs from '@/services/dayjs';\n\nexport default {\n  name: 'ShopSuccess',\n  components: {\n    Sidebar,\n  },\n  data() {\n    return {\n      checkingBilling: true,\n    };\n  },\n  created() {\n    this.checkBilling();\n  },\n  computed: {\n    ...mapGetters({\n      user: 'session/user',\n    }),\n  },\n  methods: {\n    async checkBilling() {\n      let data = {};\n      try {\n        const res = await API.billing.get();\n        data = res.data;\n      } catch (e) {\n        const error = API.handleError(e);\n        if (error) this.$toasted.error(error.message, { duration: 2000 });\n      }\n\n      let retry = true;\n      if (data.billing && data.billing.paidUntil) {\n        const pu = dayjs(data.billing.paidUntil);\n        if (pu.isAfter(dayjs())) {\n          retry = false;\n        }\n      }\n\n      if (retry) {\n        setTimeout(() => {\n          this.checkBilling();\n        }, 1000);\n      } else {\n        await this.$store.dispatch('session/getProfile');\n        this.checkingBilling = false;\n        setTimeout(() => {\n          this.$router.push('/shop');\n        }, 3000);\n      }\n    },\n  },\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopSuccess.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopSuccess.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShopSuccess.vue?vue&type=template&id=1eeb18d8&\"\nimport script from \"./ShopSuccess.vue?vue&type=script&lang=js&\"\nexport * from \"./ShopSuccess.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"],"sourceRoot":""}