{"version":3,"sources":["webpack:///../../../src/mixins/transitionable/index.ts","webpack:///../../../src/components/VAlert/VAlert.ts","webpack:///../../../src/components/VGrid/VFlex.ts","webpack:///../../../src/components/VDataTable/VSimpleTable.ts","webpack:///./src/components/PageSubtitle.vue?db47","webpack:///./src/components/PageSubtitle.vue","webpack:///./src/components/PageTitle.vue?63a0","webpack:///./src/components/PageTitle.vue","webpack:///../../../src/components/VGrid/VLayout.ts","webpack:///../../../src/components/VBtn/index.ts","webpack:///./src/components/projects/ProjectPlansPage.vue?caae","webpack:///src/components/projects/ProjectPlansPage.vue","webpack:///./src/components/projects/ProjectPlansPage.vue?50f8","webpack:///./src/components/projects/ProjectPlansPage.vue","webpack:///./src/components/projects/ProjectPlansPage.vue?3360"],"names":["name","props","mode","origin","transition","String","mixins","border","type","validator","closeLabel","default","coloredBorder","dense","dismissible","closeIcon","icon","Boolean","val","outlined","prominent","text","value","computed","__cachedBorder","this","data","staticClass","class","setBackgroundColor","$createElement","__cachedDismissible","color","VBtn","small","attrs","$vuetify","lang","t","on","click","VIcon","__cachedIcon","iconColor","classes","VSheet","computedColor","computedIcon","includes","hasColoredIcon","hasText","isDark","created","$attrs","hasOwnProperty","methods","genWrapper","children","$slots","prepend","$scopedSlots","close","toggle","genContent","genAlert","role","style","directives","isActive","setColor","render","h","fixedHeader","height","Number","themeClasses","wrapper","_vm","_h","_c","_self","_t","staticRenderFns","script","component","VSubheader","_v","_s","error","_e","_l","plan","i","key","price","description","scopedSlots","_u","fn","metadata","devices","applications","secrets","monitors","proxy","loading","billingAccount","stripePlanId","id","$event","selectPlan","components","PageTitle","PageSubtitle","projectId","$route","params","project","$store","state","billingPlans","billing","mounted","refresh","VAlert","VCard","VCardActions","VCardText","VCardTitle","VFlex","VLayout","VSimpleTable","VSpacer"],"mappings":"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","file":"js/chunk-75bbe115.6d21bdb4.js","sourcesContent":["import Vue from 'vue'\n\nexport default Vue.extend({\n  name: 'transitionable',\n\n  props: {\n    mode: String,\n    origin: String,\n    transition: String,\n  },\n})\n","// Styles\nimport './VAlert.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\nimport Transitionable from '../../mixins/transitionable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNodeData } from 'vue'\nimport { VNode } from 'vue/types'\n\n/* @vue/component */\nexport default mixins(\n  VSheet,\n  Toggleable,\n  Transitionable\n).extend({\n  name: 'v-alert',\n\n  props: {\n    border: {\n      type: String,\n      validator (val: string) {\n        return [\n          'top',\n          'right',\n          'bottom',\n          'left',\n        ].includes(val)\n      },\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    coloredBorder: Boolean,\n    dense: Boolean,\n    dismissible: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$cancel',\n    },\n    icon: {\n      default: '',\n      type: [Boolean, String],\n      validator (val: boolean | string) {\n        return typeof val === 'string' || val === false\n      },\n    },\n    outlined: Boolean,\n    prominent: Boolean,\n    text: Boolean,\n    type: {\n      type: String,\n      validator (val: string) {\n        return [\n          'info',\n          'error',\n          'success',\n          'warning',\n        ].includes(val)\n      },\n    },\n    value: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    __cachedBorder (): VNode | null {\n      if (!this.border) return null\n\n      let data: VNodeData = {\n        staticClass: 'v-alert__border',\n        class: {\n          [`v-alert__border--${this.border}`]: true,\n        },\n      }\n\n      if (this.coloredBorder) {\n        data = this.setBackgroundColor(this.computedColor, data)\n        data.class['v-alert__border--has-color'] = true\n      }\n\n      return this.$createElement('div', data)\n    },\n    __cachedDismissible (): VNode | null {\n      if (!this.dismissible) return null\n\n      const color = this.iconColor\n\n      return this.$createElement(VBtn, {\n        staticClass: 'v-alert__dismissible',\n        props: {\n          color,\n          icon: true,\n          small: true,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: () => (this.isActive = false),\n        },\n      }, [\n        this.$createElement(VIcon, {\n          props: { color },\n        }, this.closeIcon),\n      ])\n    },\n    __cachedIcon (): VNode | null {\n      if (!this.computedIcon) return null\n\n      return this.$createElement(VIcon, {\n        staticClass: 'v-alert__icon',\n        props: { color: this.iconColor },\n      }, this.computedIcon)\n    },\n    classes (): object {\n      const classes: Record<string, boolean> = {\n        ...VSheet.options.computed.classes.call(this),\n        'v-alert--border': Boolean(this.border),\n        'v-alert--dense': this.dense,\n        'v-alert--outlined': this.outlined,\n        'v-alert--prominent': this.prominent,\n        'v-alert--text': this.text,\n      }\n\n      if (this.border) {\n        classes[`v-alert--border-${this.border}`] = true\n      }\n\n      return classes\n    },\n    computedColor (): string {\n      return this.color || this.type\n    },\n    computedIcon (): string | boolean {\n      if (this.icon === false) return false\n      if (typeof this.icon === 'string' && this.icon) return this.icon\n      if (!['error', 'info', 'success', 'warning'].includes(this.type)) return false\n\n      return `$${this.type}`\n    },\n    hasColoredIcon (): boolean {\n      return (\n        this.hasText ||\n        (Boolean(this.border) && this.coloredBorder)\n      )\n    },\n    hasText (): boolean {\n      return this.text || this.outlined\n    },\n    iconColor (): string | undefined {\n      return this.hasColoredIcon ? this.computedColor : undefined\n    },\n    isDark (): boolean {\n      if (\n        this.type &&\n        !this.coloredBorder &&\n        !this.outlined\n      ) return true\n\n      return Themeable.options.computed.isDark.call(this)\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('outline')) {\n      breaking('outline', 'outlined', this)\n    }\n  },\n\n  methods: {\n    genWrapper (): VNode {\n      const children = [\n        this.$slots.prepend || this.__cachedIcon,\n        this.genContent(),\n        this.__cachedBorder,\n        this.$slots.append,\n        this.$scopedSlots.close\n          ? this.$scopedSlots.close({ toggle: this.toggle })\n          : this.__cachedDismissible,\n      ]\n\n      const data: VNodeData = {\n        staticClass: 'v-alert__wrapper',\n      }\n\n      return this.$createElement('div', data, children)\n    },\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-alert__content',\n      }, this.$slots.default)\n    },\n    genAlert (): VNode {\n      let data: VNodeData = {\n        staticClass: 'v-alert',\n        attrs: {\n          role: 'alert',\n        },\n        on: this.listeners$,\n        class: this.classes,\n        style: this.styles,\n        directives: [{\n          name: 'show',\n          value: this.isActive,\n        }],\n      }\n\n      if (!this.coloredBorder) {\n        const setColor = this.hasText ? this.setTextColor : this.setBackgroundColor\n        data = setColor(this.computedColor, data)\n      }\n\n      return this.$createElement('div', data, [this.genWrapper()])\n    },\n    /** @public */\n    toggle () {\n      this.isActive = !this.isActive\n    },\n  },\n\n  render (h): VNode {\n    const render = this.genAlert()\n\n    if (!this.transition) return render\n\n    return h('transition', {\n      props: {\n        name: this.transition,\n        origin: this.origin,\n        mode: this.mode,\n      },\n    }, [render])\n  },\n})\n","import './_grid.sass'\n\nimport Grid from './grid'\n\nexport default Grid('flex')\n","import './VSimpleTable.sass'\n\nimport { convertToUnit } from '../../util/helpers'\nimport Themeable from '../../mixins/themeable'\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nexport default mixins(Themeable).extend({\n  name: 'v-simple-table',\n\n  props: {\n    dense: Boolean,\n    fixedHeader: Boolean,\n    height: [Number, String],\n  },\n\n  computed: {\n    classes (): Record<string, boolean> {\n      return {\n        'v-data-table--dense': this.dense,\n        'v-data-table--fixed-height': !!this.height && !this.fixedHeader,\n        'v-data-table--fixed-header': this.fixedHeader,\n        'v-data-table--has-top': !!this.$slots.top,\n        'v-data-table--has-bottom': !!this.$slots.bottom,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genWrapper () {\n      return this.$slots.wrapper || this.$createElement('div', {\n        staticClass: 'v-data-table__wrapper',\n        style: {\n          height: convertToUnit(this.height),\n        },\n      }, [\n        this.$createElement('table', this.$slots.default),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-data-table',\n      class: this.classes,\n    }, [\n      this.$slots.top,\n      this.genWrapper(),\n      this.$slots.bottom,\n    ])\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-subheader',[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./PageSubtitle.vue?vue&type=template&id=95e81e1c&\"\nvar script = {}\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 { VSubheader } from 'vuetify/lib/components/VSubheader';\ninstallComponents(component, {VSubheader})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"headline grey--text text--lighten-2\"},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./PageTitle.vue?vue&type=template&id=cd3c9270&\"\nvar script = {}\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","import './_grid.sass'\n\nimport Grid from './grid'\n\nexport default Grid('layout')\n","import VBtn from './VBtn'\n\nexport { VBtn }\nexport default VBtn\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',[_c('v-layout',[_c('page-title',[_vm._v(\"Plans\")])],1),_c('v-layout',[_c('page-subtitle',[_vm._v(\" Plans allow you to manage and monitor more devices, run more applications. Once you subscribe to a paid plan you can upgrade or downgrade at any time. Quotas will be shared among all projects in your account. \")])],1),_c('v-layout',[(_vm.error)?_c('div',[_c('v-alert',{attrs:{\"type\":\"error\",\"dense\":\"\",\"outlined\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.error)+\" \")])],1):_vm._e()]),_c('v-layout',{staticClass:\"mt-0\"},[_c('div',{staticClass:\"tbcard\"},[_c('div',[_c('v-layout',{attrs:{\"row\":\"\"}},_vm._l((_vm.billingPlans),function(plan,i){return _c('v-flex',{key:i,staticClass:\"mt-5\",attrs:{\"xs12\":\"\",\"md3\":\"\",\"lg3\":\"\"}},[_c('v-card',{staticClass:\"mx-auto mb-3 mr-3 ml-3\",attrs:{\"flat\":\"\",\"outlined\":\"\"}},[_c('v-card-title',{staticClass:\"headline\"},[_vm._v(\" \"+_vm._s(plan.name)+\" \"),_c('v-spacer'),_vm._v(\" $\"+_vm._s(plan.price / 100)+\"/m \")],1),_c('v-card-text',[_c('p',[_vm._v(\" \"+_vm._s(plan.description)+\" \")]),_c('v-simple-table',{scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',[_c('th',{staticClass:\"text-left\"},[_vm._v(\" Resource \")]),_c('th',{staticClass:\"text-right\"},[_vm._v(\" Quota \")])])]),_c('tbody',[_c('tr',[_c('td',[_vm._v(\"Devices\")]),_c('td',{staticClass:\"text-right\"},[_vm._v(\" \"+_vm._s(plan.metadata.devices)+\" \")])]),_c('tr',[_c('td',[_vm._v(\"Applications\")]),_c('td',{staticClass:\"text-right\"},[_vm._v(\" \"+_vm._s(plan.metadata.applications)+\" \")])]),_c('tr',[_c('td',[_vm._v(\"Secrets\")]),_c('td',{staticClass:\"text-right\"},[_vm._v(\" \"+_vm._s(plan.metadata.secrets)+\" \")])]),_c('tr',[_c('td',[_vm._v(\"Device Monitors\")]),_c('td',{staticClass:\"text-right\"},[_vm._v(\" \"+_vm._s(plan.metadata.monitors)+\" \")])])])]},proxy:true}],null,true)})],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"primary--text mr-3\",attrs:{\"outlined\":\"\",\"loading\":_vm.loading,\"disabled\":(_vm.billingAccount && _vm.billingAccount.stripePlanId === plan.id ||\n                     !_vm.billingAccount && plan.name === 'Free') ? true : false},on:{\"click\":function($event){return _vm.selectPlan(plan)}}},[(_vm.billingAccount && _vm.billingAccount.stripePlanId === plan.id)?_c('span',[_vm._v(\" Current \")]):_c('span',[_vm._v(\" Select \")])])],1)],1)],1)}),1)],1)])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div >\n    <div>\n      <v-layout>\n        <page-title>Plans</page-title>\n      </v-layout>\n\n      <v-layout>\n        <page-subtitle>\n          Plans allow you to manage and monitor more devices, run more applications. Once you subscribe to a paid plan\n          you can upgrade or downgrade at any time. Quotas will be shared among all projects in your account.\n        </page-subtitle>\n      </v-layout>\n\n      <!-- Error message -->\n      <v-layout>\n        <div v-if=\"error\">\n          <v-alert type=\"error\" dense outlined>\n            {{ error }}\n          </v-alert>\n        </div>\n      </v-layout>\n\n      <v-layout class=\"mt-0\">\n        <div class=\"tbcard\">\n          <div>\n            <v-layout row>\n              <v-flex\n                xs12\n                md3\n                lg3\n                v-for=\"(plan, i) in billingPlans\"\n                :key=\"i\"\n                class=\"mt-5\"\n              >\n                <v-card class=\"mx-auto mb-3 mr-3 ml-3\" flat outlined>\n                  <v-card-title class=\"headline\">\n                    {{ plan.name }}\n                    <v-spacer></v-spacer> ${{ plan.price / 100}}/m\n                  </v-card-title>\n                  <v-card-text>\n                    <p>\n                      {{ plan.description }}\n                    </p>\n                    <v-simple-table>\n                      <template v-slot:default>\n                        <thead>\n                          <tr>\n                            <th class=\"text-left\">\n                              Resource\n                            </th>\n                            <th class=\"text-right\">\n                              Quota\n                            </th>\n                          </tr>\n                        </thead>\n                        <tbody>\n                          <tr>\n                            <td>Devices</td>\n                            <td class=\"text-right\">\n                              {{ plan.metadata.devices }}\n                            </td>\n                          </tr>\n                          <tr>\n                            <td>Applications</td>\n                            <td class=\"text-right\">\n                              {{ plan.metadata.applications }}\n                            </td>\n                          </tr>\n                          <tr>\n                            <td>Secrets</td>\n                            <td class=\"text-right\">\n                              {{ plan.metadata.secrets }}\n                            </td>\n                          </tr>\n                          <tr>\n                            <td>Device Monitors</td>\n                            <td class=\"text-right\">\n                              {{ plan.metadata.monitors }}\n                            </td>\n                          </tr>\n                        </tbody>\n                      </template>\n                    </v-simple-table>\n                  </v-card-text>\n                  <v-card-actions>\n                    <v-spacer></v-spacer>\n                    <v-btn\n                      class=\"primary--text mr-3\"\n                      outlined\n                      :loading=\"loading\"\n                      :disabled=\"(billingAccount && billingAccount.stripePlanId === plan.id ||\n                       !billingAccount && plan.name === 'Free') ? true : false\"\n                      @click=\"selectPlan(plan)\"\n                    >\n                      <!-- <v-icon class=\"mr-1\">touch_app</v-icon> -->\n                      <span v-if=\"billingAccount && billingAccount.stripePlanId === plan.id\">\n                        Current\n                      </span>\n                      <span v-else>\n                        Select\n                      </span>\n                    </v-btn>\n                  </v-card-actions>\n                </v-card>\n              </v-flex>\n            </v-layout>\n          </div>\n        </div>\n      </v-layout>\n    </div>\n  </div>\n</template>\n\n<style lang=\"stylus\">\n.tbcard {\n  width: 100%;\n  display: block;\n}\n</style>\n\n\n<script>\nimport PageTitle from '../PageTitle';\nimport PageSubtitle from '../PageSubtitle';\n\nexport default {\n  components: {\n    PageTitle,\n    PageSubtitle\n  },\n\n  data() {\n    return {\n\n    }\n  },\n\n  computed: {\n    projectId() {\n      return this.$route.params.project\n    },\n    project() {\n      return this.$store.state.project.project\n    },\n    billingPlans() {\n      return this.$store.state.billing.billingPlans\n    },\n    billingAccount() {\n      return this.$store.state.billing.billingAccount\n    },\n    loading() {\n      return this.$store.state.billing.loading\n    },\n    error() {\n      return this.$store.state.billing.error\n    }\n  },\n\n  mounted() {\n    this.refresh()\n  },\n\n  methods: {\n    async refresh() {\n      this.$store.dispatch('ListBillingPlans')\n\n      let q = {\n        projectId: this.projectId,\n      }\n      await this.$store.dispatch('GetProject', q)\n\n      if (this.project.billingAccountId) {\n        this.$store.dispatch('GetBillingAccount', {\n          billingAccountId: this.project.billingAccountId,\n        })\n      }\n\n    },\n    async selectPlan(selectedPlan) {\n      // This will either subscribe to a plan or will redirect us\n      // to the Stripe checkout page\n      await this.$store.dispatch('SubscribeToPlan', {\n        projectId: this.projectId,\n        planId: selectedPlan.id,\n      })\n\n      if (!this.error) {\n\n        // Wait for 2 seconds and then call refresh() function\n        // to update the billing account\n        setTimeout(() => {\n          this.refresh()\n        }, 1000)\n\n        this.billingPlans.forEach(plan => {\n          if (plan.id === selectedPlan.id) {\n            this.$store.dispatch('Notify', `Subscribed to ${plan.name}`)\n          }\n        });\n\n\n      }\n    },\n  }\n}\n</script>\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!./ProjectPlansPage.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!./ProjectPlansPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProjectPlansPage.vue?vue&type=template&id=42e37659&\"\nimport script from \"./ProjectPlansPage.vue?vue&type=script&lang=js&\"\nexport * from \"./ProjectPlansPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProjectPlansPage.vue?vue&type=style&index=0&lang=stylus&\"\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 { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VSimpleTable } from 'vuetify/lib/components/VDataTable';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VAlert,VBtn,VCard,VCardActions,VCardText,VCardTitle,VFlex,VLayout,VSimpleTable,VSpacer})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProjectPlansPage.vue?vue&type=style&index=0&lang=stylus&\""],"sourceRoot":""}