{"version":3,"sources":["webpack:///./src/components/billing/GetCardInfo.vue?0fc8","webpack:///./src/views/ExpiredSubscription.vue?f8a6","webpack:///./src/components/billing/GetCardInfo.vue","webpack:///./node_modules/@stripe/stripe-js/dist/stripe.esm.js","webpack:///src/components/billing/GetCardInfo.vue","webpack:///./src/components/billing/GetCardInfo.vue?dd11","webpack:///./src/components/billing/GetCardInfo.vue?c20c","webpack:///./src/views/ExpiredSubscription.vue","webpack:///src/views/ExpiredSubscription.vue","webpack:///./src/views/ExpiredSubscription.vue?c0d0","webpack:///./src/views/ExpiredSubscription.vue?db0d"],"names":["render","_vm","this","_c","_self","attrs","on","$event","preventDefault","handleCardInformation","apply","arguments","style","cardErrors","_v","_s","staticStyle","directives","name","rawName","value","showCancel","expression","staticClass","cancelAction","class","submitBtnText","isAddingCard","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","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","addCardStyles","base","color","fontFamily","fontSmoothing","fontSize","invalid","iconColor","props","type","default","onCancel","onSuccess","data","card","locale","thisComponent","methods","e","currency","component","slot","showPayForm","$isBgCloud","isAdmin","cards","showAddNewCard","onSelectCard","model","cardSelected","callback","$$v","_l","item","key","id","domProps","last4","forcePay","devices","planPrice","availableBalance","$router","history","current","currentCompany","trialAlreadyUsed","onAddNewCard","_e","isPaying","operationalUiErrors","alertBox","stripeQuery","permissions","metaInfo","title","components","getCardInfo","mixins","defaultCardId","planId","trialDaysRemaing","selectedPlan","plans","isLoading","activeTab","computed","findDevicesInStore","query","companyId","enabled","$sort","createdAt","subscriptionExpired","currentCompanyId","user","mounted","plugin","customerId","trialTime","findDevices","updateCompany","getStripeCustomer","updateCustomer","findAllPlans","findMembershipInApi","showPaymentForm","brand","country","cvc_check","funding","tokenization_method","sourceId","defaultSourceId","snackBarMessage","$limit","userId","quantity","total","newCardAddedToPay","companyName","companyAddress","companyCity","companyCountry","companyStripeCustomerId","companyUrl","currentDevicesQuantity","stripeExpirationDate","setFetchedData","$skip","skipDevices"],"mappings":"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B,GAAO,aAAa3G,EAAIgI,iBAAiB,GAAGhI,EAAIiI,KAFk7C/H,EAAG,MAAM,CAACA,EAAG,IAAI,CAACF,EAAIa,GAAG,sGAAxQX,EAAG,MAAM,CAACA,EAAG,MAAMA,EAAG,IAAI,CAACF,EAAIa,GAAG,kFAAkFX,EAAG,IAAI,CAACE,MAAM,CAAC,KAAO,iCAAiC,CAACJ,EAAIa,GAAG,2BAA2Bb,EAAIa,GAAG,aAEj5CX,EAAG,YAAY,CAACE,MAAM,CAAC,gBAAe,EAAM,OAASJ,EAAIkI,SAAS,cAAa,MAAU,IAAI,IAE/SvG,EAAkB,G,gKCsOtB,MAAM,oBAANwG,GAAA,aACM,SAANC,GAAA,gBACM,YAANC,GAAA,iBACM,YAANC,GAAA,eAEe,OACfrH,2BACAsH,UACAC,sBAEAC,YACAC,mBAEA3C,aAEA4C,8BACA7C,OACA,OACA4B,mBACAhB,SACAkC,mBACAjC,kBACAJ,6BACA2B,YACAT,YACAoB,YACA/B,kBACAgC,sBACArC,WACAsC,gBACAC,SACAC,aACAC,cAGAC,aACA,4BAAArB,wCACA,0BAAAsB,4BACA5B,UACA,iCACA6B,OACAC,gCACAC,WACAC,OAAAC,iBAGA,4BAEAC,sBACA,wDAEAC,mBACA,wDAEAC,OACA,0CAGAC,UACA,yCACAC,eACA,MACA,yDAEAA,WACA7H,6BACA,kBACA,kBACA,8DACAoH,OAAAC,qCACA,eACA,yCACA,WACA,8BACAhB,yCAEA,gBACA,wBAEA,mBACAe,OACAhB,6BACA0B,gDACAT,oCAEA,SACAxD,iCACA,EACAkE,gBAEA,oBACA,iCACA,gCAEA,4BAEA9D,YACA,0BAAA+D,wBACA,4BAAAC,2BACA,6CAAAC,wBAAAC,uBAAAC,yBACA,wDACA,8BAAAC,gCACA,2CACAC,qBACA,oBACA,cACA,iBACA,qBAEAvC,gBACA,uEACA,oBACAwC,mBACAC,uBACAC,2BACAC,uBACA1J,iBACA2J,iDAEA,iBACA,uBACA,2DACAC,cACAC,8CACAvD,YACA+B,kCACA,eACA,kBACAyB,6CACA,UACA,iBACA,yCACA3C,uBAGA,2BACA,WAAAtC,SAAA,0BACAuD,OACA2B,SACA1B,iCACA2B,8CAGA,oBACA,KAEA,IAEArE,gBACA,qBAEAW,YACA,iBACA,uEACA,oBACAsB,mBACApB,yBACAyD,6BACAC,yCACAC,oBACAC,qCACAC,2CACAC,qCACAC,2CACAC,6DACAC,qCAEA,2DAEAZ,uCACA,8DACAvD,YACAoE,2CACArC,iCACAT,oBACA,cACA,iBACA,mDACAkC,8DAEA,aACA,qBACA,2CACAa,yDACA,cACA3F,2BACAA,0BACAA,qCACA,UACA,2CACAmC,sBAGA2C,yDAEA,UACA,iBACA,qCACA3C,uBAGAyD,kBACA,wCACA,qDACA,oCACA,mCACA,4DAEA,GADA,2BACA,GACA,sCACA,wEAGA,6BACA,QACA,SACA,YAAAV,OAAArF,SAAA,kBACAuD,OACAG,OAAAC,cACAuB,UACAc,QACAxC,mCAGAyC,YACA,WACA,+BC5c6V,I,wBCQzV1F,EAAY,eACd,EACAtG,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAA0E,E","file":"js/chunk-7bd0dbc3.a954734b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GetCardInfo.vue?vue&type=style&index=0&id=38cc81b0&prod&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExpiredSubscription.vue?vue&type=style&index=0&id=114b1050&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('form',{attrs:{\"id\":\"payment-form\",\"action\":\"\",\"method\":\"post\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleCardInformation.apply(null, arguments)}}},[_c('div',{attrs:{\"id\":\"card-element\"}}),_c('div',{style:(_vm.cardErrors ? '' : 'margin-top: 24px;'),attrs:{\"role\":\"alert\"}},[_vm._v(\" \"+_vm._s(_vm.cardErrors)+\" \")]),_c('div',{staticStyle:{\"display\":\"flex\",\"margin-top\":\"6px\"}},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showCancel),expression:\"showCancel\"}],staticClass:\"button actionButton force-right\",on:{\"click\":_vm.cancelAction}},[_vm._v(\" Back \")]),_c('button',{class:`button is-primary actionButton ${_vm.showCancel ? '' : 'force-right'}`,attrs:{\"type\":\"submit\"}},[_vm._v(\" \"+_vm._s(_vm.submitBtnText)+\" \")])])]),_c('b-loading',{attrs:{\"is-full-page\":false,\"active\":_vm.isAddingCard,\"can-cancel\":false}})],1)\n}\nvar staticRenderFns = []\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.44.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}; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\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>\n    <form\n      id=\"payment-form\"\n      action=\"\"\n      method=\"post\"\n      @submit.prevent=\"handleCardInformation\"\n    >\n      <div id=\"card-element\">\n        <!-- A Stripe Card will be inserted here. -->\n      </div>\n      <div\n        :style=\"cardErrors ? '' : 'margin-top: 24px;'\"\n        role=\"alert\"\n      >\n        {{ cardErrors }}\n      </div>\n      <div style=\"display:flex;margin-top:6px\">\n        <button\n          v-show=\"showCancel\"\n          class=\"button actionButton force-right\"\n          @click=\"cancelAction\"\n        >\n          Back\n        </button>\n        <button\n          :class=\"`button is-primary actionButton ${showCancel ? '' : 'force-right'}`\"\n          type=\"submit\"\n        >\n          {{ submitBtnText }}\n        </button>\n      </div>\n    </form>\n    <b-loading\n      :is-full-page=\"false\"\n      :active=\"isAddingCard\"\n      :can-cancel=\"false\"\n    />\n  </div>\n</template>\n\n<script>\nimport { loadStripe } from '@stripe/stripe-js';\nimport EnvironmentSetter from '@/helpers/environmentSetter';\n\nconst addCardStyles = {\n  base: {\n    color: '#32325d',\n    fontFamily: '\"Helvetica Neue\", Helvetica, sans-serif',\n    fontSmoothing: 'antialiased',\n    fontSize: '16px',\n    '::placeholder': {\n      color: '#aab7c4',\n    },\n  },\n  invalid: {\n    color: '#fa755a',\n    iconColor: '#fa755a',\n  },\n};\n\nexport default {\n  name: 'GetCardInfo',\n  props: {\n    submitBtnText: {\n      type: String,\n      default: '',\n    },\n    showCancel: {\n      type: Boolean,\n      default: false,\n    },\n    onCancel: {\n      type: Function,\n      default() { },\n    },\n    onSuccess: {\n      type: Function,\n      default() { },\n    },\n  },\n  data() {\n    return {\n      stripe: null,\n      card: null,\n      addCardStyles,\n      isAddingCard: false,\n      cardErrors: '',\n    };\n  },\n  async mounted() {\n    if (this.$isBgCloud) {\n      // Create a Stripe client.\n      this.stripe = await loadStripe(EnvironmentSetter.getEnvironmentByIndex('VUE_APP_STRIPE_PK'), {\n        locale: 'en',\n      });\n\n      // Create an instance of the card Element.\n      const elements = this.stripe.elements();\n      this.card = elements.create('card', { style: this.addCardStyles });\n      this.card.mount('#card-element');\n      const thisComponent = this;\n\n      // Handle real-time validation errors from the card Element.\n      this.card.addEventListener('change', (event) => {\n        if (event.error) thisComponent.cardErrors = event.error.message;\n        else thisComponent.cardErrors = '';\n      });\n    }\n  },\n  methods: {\n    cancelAction(e) {\n      e.preventDefault();\n      this.card.clear();\n      this.onCancel();\n    },\n    handleCardInformation() {\n      this.isAddingCard = true;\n      const thisComponent = this;\n      this.stripe.createSource(this.card, {\n        type: 'card',\n        currency: 'usd',\n      }).then((result) => {\n        if (result.error) {\n          // Inform the user if there was an error.\n          thisComponent.cardErrors = result.error.message;\n        } else {\n          thisComponent.card.clear();\n          thisComponent.onSuccess(result.source);\n        }\n        thisComponent.isAddingCard = false;\n      }).catch((error) => { throw new Error(error); });\n    },\n  },\n};\n</script>\n\n<style>\n.StripeElement {\n  background-color: white;\n  height: 40px;\n  padding: 10px 12px;\n  border-radius: 4px;\n  border: 1px solid transparent;\n  box-shadow: 0 1px 3px 0 #e6ebf1;\n  -webkit-transition: box-shadow 150ms ease;\n  transition: box-shadow 150ms ease;\n}\n\n.StripeElement--focus {\n  box-shadow: 0 1px 3px 0 #cfd7df;\n}\n\n.StripeElement--invalid {\n  border-color: #fa755a;\n}\n\n.StripeElement--webkit-autofill {\n  background-color: #fefde5 !important;\n}\n\n.actionButton {\n  margin-right: 6px;\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!./GetCardInfo.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!./GetCardInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GetCardInfo.vue?vue&type=template&id=38cc81b0&\"\nimport script from \"./GetCardInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./GetCardInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GetCardInfo.vue?vue&type=style&index=0&id=38cc81b0&prod&lang=css&\"\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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"material-card-content\"},[_c('p',{staticClass:\"title\"},[_vm._v(\" Subscription \")]),_c('card',{staticClass:\"modal-card-body\",attrs:{\"external-card\":\"card material-card\",\"internal-card\":\"material-card-content\",\"url-help\":\"\"}},[_c('section',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('p',{staticClass:\"viewDescription\"},[_vm._v(\" Thanks for your interest \")])]),_c('section',{attrs:{\"slot\":\"body\"},slot:\"body\"},[_c('div',{staticClass:\"columns is-multiline\"},[_c('p',{staticClass:\"descriptionStyle\"},[_vm._v(\" Currently, we are improving Boardgent to offer you more benefits and actions that allow you to make your IT tasks easier and faster. Sadly, during these changes, we are not allowing new accounts to make these improvements be available for you as fast as possible. \")]),_c('p',{staticClass:\"descriptionStyle\"},[_vm._v(\" We will notify you when all those improvements are ready and you can continue with the registration process. \")]),_c('p',{staticClass:\"descriptionStyle\"},[_vm._v(\" If you need special assistance, you can always talk to us by our chat at the bottom-right corner or send us an email at \"),_c('a',{attrs:{\"href\":\"mailto:support@boardgent.com\"}},[_vm._v(\"support@boardgent.com\")])])])]),_c('b-collapse',{attrs:{\"open\":_vm.showPayForm},on:{\"update:open\":function($event){_vm.showPayForm=$event}}},[(!_vm.$isBgCloud)?_c('div',[_c('br'),_c('p',[_vm._v(\" You are not authorized to access or modify this settings, please contact us (\"),_c('a',{attrs:{\"href\":\"mailto:contact@boardgent.com\"}},[_vm._v(\"contact@boardgent.com\")]),_vm._v(\"). \")])]):(!_vm.isAdmin)?_c('div',[_c('p',[_vm._v(\" You are not authorized to access or modify this settings, please contact your administrator. \")])]):(_vm.isAdmin && _vm.cards.length > 0 && !_vm.showAddNewCard)?_c('div',[_c('p',{staticClass:\"payment-subtitle\"},[_vm._v(\" Select Credit Card \")]),_c('b-field',[_c('b-select',{attrs:{\"placeholder\":\"Select a card\",\"expanded\":\"\"},on:{\"input\":_vm.onSelectCard},model:{value:(_vm.cardSelected),callback:function ($$v) {_vm.cardSelected=$$v},expression:\"cardSelected\"}},_vm._l((_vm.cards),function(item){return _c('option',{key:item.id,domProps:{\"value\":item.id}},[_vm._v(\" XXXX-XXXX-XXXX-\"+_vm._s(item.card.last4)+\" \")])}),0)],1),_c('div',{staticStyle:{\"display\":\"flex\",\"margin-top\":\"6px\"}},[_c('button',{staticClass:\"button is-danger actionButton force-right\",on:{\"click\":function($event){_vm.showAddNewCard = true}}},[_vm._v(\" Pay with another card \")]),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.cardSelected),expression:\"cardSelected\"}],staticClass:\"button is-primary actionButton\",on:{\"click\":function($event){return _vm.forcePay(false)}}},[_vm._v(\" Pay $\"+_vm._s((_vm.devices.length * _vm.planPrice) - _vm.availableBalance)+\" \")])])],1):(_vm.isAdmin && _vm.cards.length < 1 || _vm.showAddNewCard)?_c('div',[_c('p',{staticClass:\"payment-subtitle\"},[_vm._v(\" Add a new card \")]),_c('getCardInfo',{attrs:{\"submit-btn-text\":_vm.$router.history.current.name === 'selectplan'\n            && !_vm.currentCompany.trialAlreadyUsed ? 'Start trial'\n            : `Pay $${(_vm.devices.length * _vm.planPrice) - _vm.availableBalance}`,\"show-cancel\":_vm.cards.length > 0,\"on-cancel\":() => {_vm.showAddNewCard = false},\"on-success\":_vm.onAddNewCard}})],1):_vm._e()]),_c('b-loading',{attrs:{\"is-full-page\":false,\"active\":_vm.isPaying,\"can-cancel\":false}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"material-card-content\">\n    <p class=\"title\">\n      Subscription\n    </p>\n    <card\n      class=\"modal-card-body\"\n      external-card=\"card material-card\"\n      internal-card=\"material-card-content\"\n      url-help=\"\"\n    >\n      <!-- <p\n        v-show=\"trialDaysRemaing && trialDaysRemaing < 1\"\n        class=\"viewDescription\"\n      >\n        The <b>trial</b> of {{ currentCompany ? currentCompany.name : 'your company' }} on\n        Boardgent is <b>expired</b>.\n        <span v-if=\"$isBgCloud\">You can renew it here.</span>\n      </p>\n      <p\n        v-show=\"trialDaysRemaing && trialDaysRemaing > 0\"\n        class=\"viewDescription\"\n      >\n        The <b>trial</b> ends in <b>{{ trialDaysRemaing }} days</b>.\n        <span v-if=\"$isBgCloud\">Upgrade now!</span>\n      </p>\n      <p\n        v-show=\"!trialDaysRemaing && subscriptionExpired\"\n        class=\"viewDescription\"\n      >\n        The <b>subscription</b> of {{ currentCompany ? currentCompany.name : 'your company' }} on\n        Boardgent is <b>expired</b>.\n        <span v-if=\"$isBgCloud\">You can renew it here.</span>\n      </p>\n      <p\n        v-show=\"!trialDaysRemaing && !subscriptionExpired\"\n        class=\"viewDescription\"\n      >\n        Here are the available plans for your account.\n      </p> -->\n      <section\n        slot=\"header\"\n      >\n        <p class=\"viewDescription\">\n          Thanks for your interest\n        </p>\n      </section>\n      <section\n        slot=\"body\"\n      >\n        <div\n          class=\"columns is-multiline\"\n        >\n          <p class=\"descriptionStyle\">\n            Currently, we are improving Boardgent to offer you more benefits and actions that\n            allow you to make your IT tasks easier and faster.\n            Sadly, during these changes, we are not allowing new accounts to make these\n            improvements be available for you as fast as possible.\n          </p>\n          <p class=\"descriptionStyle\">\n            We will notify you when all those improvements are ready and you can continue\n            with the registration process.\n          </p>\n          <p class=\"descriptionStyle\">\n            If you need special assistance, you can always talk to us by our chat at the\n            bottom-right corner or send us an email at\n            <a href=\"mailto:support@boardgent.com\">support@boardgent.com</a>\n          </p>\n        </div>\n      </section>\n      <!-- <b-tabs\n        v-if=\"$isBgCloud\"\n        v-model=\"activeTab\"\n        position=\"is-centered\"\n      >\n        <b-tab-item label=\"Yearly Plans\">\n          <div\n            style=\"text-align:center\"\n            class=\"columns is-multiline is-centered\"\n          >\n            <paymentPlanCard\n              v-for=\"(plan, index) in plans.filter((plan) => plan.interval === 'year')\"\n              :key=\"index\"\n              :plan=\"plan\"\n              :show-payment-form=\"showPaymentForm\"\n              :selected-plan=\"selectedPlan\"\n            />\n            <paymentPlanCard\n              v-if=\"plans.length > 0\"\n              :plan=\"{\n                metadata: {\n                  HIDDEN: 'false',\n                  MOST_POPULAR_PLAN: 'false',\n                  PROMOTIONAL_TEXT: 'You have more of 1000 devices? Contact us!',\n                  PRICE: null,\n                },\n                nickname: 'Custom plan',\n                interval: null,\n              }\"\n              :show-payment-form=\"showPaymentForm\"\n              :selected-plan=\"selectedPlan\"\n            />\n            <b-loading\n              :is-full-page=\"false\"\n              :active=\"isLoading\"\n              :can-cancel=\"false\"\n            />\n          </div>\n        </b-tab-item>\n        <b-tab-item label=\"Monthly Plans\">\n          <div\n            style=\"text-align:center\"\n            class=\"columns is-multiline is-centered\"\n          >\n            <paymentPlanCard\n              v-for=\"(plan, index) in plans.filter((plan) => plan.interval === 'month')\"\n              :key=\"index\"\n              :plan=\"plan\"\n              :show-payment-form=\"showPaymentForm\"\n              :selected-plan=\"selectedPlan\"\n            />\n            <paymentPlanCard\n              v-if=\"plans.length > 0\"\n              :plan=\"{\n                metadata: {\n                  HIDDEN: 'false',\n                  MOST_POPULAR_PLAN: 'false',\n                  PROMOTIONAL_TEXT: 'You have more of 1000 devices? Contact us!',\n                  PRICE: null,\n                },\n                nickname: 'Custom plan',\n                interval: null,\n              }\"\n              :show-payment-form=\"showPaymentForm\"\n              :selected-plan=\"selectedPlan\"\n            />\n            <b-loading\n              :is-full-page=\"false\"\n              :active=\"isLoading\"\n              :can-cancel=\"false\"\n            />\n          </div>\n        </b-tab-item>\n      </b-tabs> -->\n      <b-collapse :open.sync=\"showPayForm\">\n        <div v-if=\"!$isBgCloud\">\n          <br>\n          <p>\n            You are not authorized to access or modify this settings,\n            please contact us (<a href=\"mailto:contact@boardgent.com\">contact@boardgent.com</a>).\n          </p>\n        </div>\n        <div v-else-if=\"!isAdmin\">\n          <p>\n            You are not authorized to access or modify this settings,\n            please contact your administrator.\n          </p>\n        </div>\n        <div v-else-if=\"isAdmin && cards.length > 0 && !showAddNewCard\">\n          <p class=\"payment-subtitle\">\n            Select Credit Card\n          </p>\n          <b-field>\n            <b-select\n              v-model=\"cardSelected\"\n              placeholder=\"Select a card\"\n              expanded\n              @input=\"onSelectCard\"\n            >\n              <option\n                v-for=\"item in cards\"\n                :key=\"item.id\"\n                :value=\"item.id\"\n              >\n                XXXX-XXXX-XXXX-{{ item.card.last4 }}\n              </option>\n            </b-select>\n          </b-field>\n          <div style=\"display:flex;margin-top:6px\">\n            <button\n              class=\"button is-danger actionButton force-right\"\n              @click=\"showAddNewCard = true\"\n            >\n              Pay with another card\n            </button>\n            <button\n              v-show=\"cardSelected\"\n              class=\"button is-primary actionButton\"\n              @click=\"forcePay(false)\"\n            >\n              Pay ${{ (devices.length * planPrice) - availableBalance }}\n            </button>\n          </div>\n        </div>\n        <div v-else-if=\"isAdmin && cards.length < 1 || showAddNewCard\">\n          <p class=\"payment-subtitle\">\n            Add a new card\n          </p>\n          <getCardInfo\n            :submit-btn-text=\"$router.history.current.name === 'selectplan'\n              && !currentCompany.trialAlreadyUsed ? 'Start trial'\n              : `Pay $${(devices.length * planPrice) - availableBalance}`\"\n            :show-cancel=\"cards.length > 0\"\n            :on-cancel=\"() => {showAddNewCard = false}\"\n            :on-success=\"onAddNewCard\"\n          />\n        </div>\n      </b-collapse>\n      <b-loading\n        :is-full-page=\"false\"\n        :active=\"isPaying\"\n        :can-cancel=\"false\"\n      />\n    </card>\n  </div>\n</template>\n\n<script>\nimport { mapGetters, mapActions, mapMutations } from 'vuex';\nimport moment from 'moment';\n\nimport getCardInfo from '@/components/billing/GetCardInfo.vue';\n// import paymentPlanCard from '@/components/billing/PaymentPlanCard.vue';\nimport card from '@/components/cross/Card.vue';\n\nimport snackBarMessage from '@/helpers/snackBarMessage';\nimport Subscription from '@/helpers/subscription';\n\nimport ErrorMixin from '@/mixins/error';\nimport RoleMixin from '@/mixins/roles';\nimport analyticsMixin from '@/mixins/analytics';\n\nimport vtulEnums from '../../../cross/index';\n\nconst { operationalUiErrors } = vtulEnums.enum.ui;\nconst { alertBox } = vtulEnums.enum.alert;\nconst { stripeQuery } = vtulEnums.enum.stripe;\nconst { permissions } = vtulEnums.enum.roles;\n\nexport default {\n  name: 'ExpiredSubscription',\n  metaInfo: {\n    title: 'Subscription',\n  },\n  components: {\n    getCardInfo,\n    // paymentPlanCard,\n    card,\n  },\n  mixins: [ErrorMixin, RoleMixin, analyticsMixin],\n  data() {\n    return {\n      availableBalance: 0,\n      cards: [],\n      defaultCardId: null,\n      showAddNewCard: false,\n      showPayForm: !this.$isBgCloud,\n      isPaying: false,\n      planPrice: 0,\n      planId: null,\n      cardSelected: null,\n      trialDaysRemaing: null,\n      isAdmin: false,\n      selectedPlan: '',\n      plans: [],\n      isLoading: false,\n      activeTab: 0,\n    };\n  },\n  computed: {\n    ...mapGetters('companies', { currentCompany: 'getCurrentCompany' }),\n    ...mapGetters('devices', { findDevicesInStore: 'find' }),\n    devices() {\n      const devices = this.findDevicesInStore({\n        query: {\n          companyId: this.currentCompanyId,\n          enabled: true,\n          $sort: { createdAt: -1 },\n        },\n      });\n      return devices && devices.data ? devices.data : [];\n    },\n    subscriptionExpired() {\n      return Subscription.subscriptionExpired(this.currentCompany);\n    },\n    currentCompanyId() {\n      return this.currentCompany ? this.currentCompany.id : null;\n    },\n    user() {\n      return this.$store.getters['auth/user'];\n    },\n  },\n  mounted() {\n    const plugin = document.createElement('script');\n    plugin.setAttribute(\n      'src',\n      'https://assets.calendly.com/assets/external/widget.js',\n    );\n    plugin.async = true;\n    document.head.appendChild(plugin);\n    if (this.$isBgCloud) {\n      this.isLoading = true;\n      this.getStripeCustomer([this.currentCompany.stripeCustomerId, {\n        query: { companyId: this.currentCompany.id },\n      }]).then(async (customer) => {\n        const roleOfUser = await this.currentPermissions();\n        if (roleOfUser.isOwner\n            || this.validateIfHasPermission([\n              permissions.MANAGE_COMPANY_PLAN.value.dbValue,\n            ])) {\n          this.isAdmin = true;\n          this.setFetchedData(customer);\n        }\n        this.findAllPlans({\n          query: {\n            stripeQuery: stripeQuery.ALLPLANS.value,\n            customerId: this.currentCompany.stripeCustomerId,\n            companyId: this.currentCompany.id,\n          },\n        }).then((data) => {\n          data.forEach((plan) => this.plans.push({\n            ...plan,\n            trialTime: 14,\n          }));\n          this.isLoading = false;\n        }).catch((error) => { throw new Error(error); });\n      }).catch((error) => { throw new Error(error); });\n    }\n    this.fetchDevicesFromApi();\n  },\n  methods: {\n    ...mapActions('devices', { findDevices: 'find' }),\n    ...mapActions('companies', { updateCompany: 'patch' }),\n    ...mapActions('stripe-company-information', { getStripeCustomer: 'get', updateCustomer: 'patch', findAllPlans: 'find' }),\n    ...mapActions('companies', ['changeCurrentCompany']),\n    ...mapActions('memberships', { findMembershipInApi: 'find' }),\n    ...mapMutations(['clearCurrentSelections']),\n    showPaymentForm(id, planPrice) {\n      this.showPayForm = true;\n      this.planId = id;\n      this.planPrice = planPrice;\n      this.selectedPlan = id;\n    },\n    onAddNewCard(source) {\n      this.trackEvent(!this.currentCompany.isTestData && !this.user.isTestData,\n        'track', 'Add Card', {\n          brand: source.card.brand,\n          country: source.card.country,\n          cvc_check: source.card.cvc_check,\n          funding: source.card.funding,\n          name: source.card.name,\n          tokenization_method: source.card.tokenization_method,\n        });\n      this.isPaying = true;\n      this.cardSelected = source.id;\n      this.updateCustomer([this.currentCompany.stripeCustomerId, {\n        sourceId: source.id,\n        defaultSourceId: this.cards.length > 0 ? source.id : null,\n        forcePay: false,\n        companyId: this.currentCompany.id,\n      }, {}]).then(() => {\n        this.forcePay(true);\n        snackBarMessage.showSuccess('Your card was added.');\n      }).catch((err) => {\n        this.isPaying = false;\n        this.throwVtulError(operationalUiErrors.PAYMENT_CARD_ERROR,\n          alertBox.SNACKBAR.value, err);\n      });\n    },\n    async currentPermissions() {\n      const { data } = await this.findMembershipInApi({\n        query: {\n          $limit: 1,\n          companyId: this.currentCompany.id,\n          userId: this.$store.getters['auth/user'].id,\n        },\n      });\n      if (data.length === 1) {\n        return data[0];\n      }\n      return '';\n    },\n    onSelectCard(value) {\n      this.cardSelected = value;\n    },\n    forcePay(newCardSelected) {\n      this.isPaying = true;\n      this.trackEvent(!this.currentCompany.isTestData && !this.user.isTestData,\n        'track', 'Pay Plan', {\n          planId: this.planId,\n          planPrice: this.planPrice,\n          quantity: this.devices.length,\n          total: this.devices.length * this.planPrice,\n          newCardAddedToPay: newCardSelected,\n          companyName: this.currentCompany.name,\n          companyAddress: this.currentCompany.address,\n          companyCity: this.currentCompany.city,\n          companyCountry: this.currentCompany.country,\n          companyStripeCustomerId: this.currentCompany.stripeCustomerId,\n          companyUrl: this.currentCompany.url,\n        });\n      this.updateCustomer([this.currentCompany.stripeCustomerId, {\n        // If use old card and it is not default => make the selected card default before pay\n        defaultSourceId: (!newCardSelected && this.cardSelected\n          && this.cardSelected !== this.defaultCardId) ? this.cardSelected : null,\n        forcePay: true,\n        currentDevicesQuantity: this.devices.length,\n        companyId: this.currentCompany.id,\n        planId: this.planId,\n      }, {}]).then((data) => {\n        this.isPaying = false;\n        if (this.$router.history.current.name === 'upgradeplan') {\n          snackBarMessage.showSuccess('The payment has been made successfully.');\n        }\n        const thisComponent = this;\n        if (data.current_period_end) {\n          this.updateCompany([this.currentCompanyId, {\n            stripeExpirationDate: new Date(data.current_period_end * 1000),\n          }, {}]).then((company) => {\n            thisComponent.clearCurrentSelections();\n            thisComponent.changeCurrentCompany(company);\n            thisComponent.$router.push(`/${company.id}/devices`);\n          }).catch((err) => {\n            this.throwVtulError(operationalUiErrors.UPDATE_COMPANY_ERROR,\n              alertBox.SNACKBAR.value, err);\n          });\n        } else {\n          snackBarMessage.showError(operationalUiErrors.UPDATE_COMPANY_ERROR.value.message);\n        }\n      }).catch((err) => {\n        this.isPaying = false;\n        this.throwVtulError(operationalUiErrors.UNMADE_PAYMENT,\n          alertBox.SNACKBAR.value, err);\n      });\n    },\n    setFetchedData(customer) {\n      this.availableBalance = customer.account_balance;\n      this.cards = customer.sources.data.filter((x) => x.type === 'card');\n      this.defaultCardId = customer.default_source;\n      this.cardSelected = customer.default_source;\n      const trialPlan = customer.subscriptions.data.find((x) => x.status === 'trialing');\n      this.trialDaysRemaing = null;\n      if (trialPlan) {\n        const stripeEndDate = moment(trialPlan.current_period_end * 1000);\n        this.trialDaysRemaing = (stripeEndDate.diff(moment(new Date()).add(2, 'minutes'), 'days') + 1);\n      }\n    },\n    async fetchDevicesFromApi(skip) {\n      let skipDevices = skip;\n      if (!skipDevices) skipDevices = 0;\n      const { total, data } = await this.findDevices({\n        query: {\n          $sort: { createdAt: -1 },\n          $limit: 50,\n          $skip: skipDevices,\n          companyId: this.currentCompanyId,\n        },\n      });\n      skipDevices += data.length;\n      if (skipDevices < total) {\n        await this.fetchDevicesFromApi(skipDevices);\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\n@import 'https://assets.calendly.com/assets/external/widget.css';\n.viewDescription {\n  font-size: 21px;\n  font-weight: 300;\n  margin-bottom: 30px;\n}\n.descriptionStyle {\n  margin-bottom: 20px;\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!./ExpiredSubscription.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!./ExpiredSubscription.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExpiredSubscription.vue?vue&type=template&id=114b1050&scoped=true&\"\nimport script from \"./ExpiredSubscription.vue?vue&type=script&lang=js&\"\nexport * from \"./ExpiredSubscription.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExpiredSubscription.vue?vue&type=style&index=0&id=114b1050&prod&scoped=true&lang=css&\"\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  \"114b1050\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}