{"version":3,"sources":["webpack:///./src/components/Forms/OptInSmsWindows.vue?d890","webpack:///src/components/Forms/OptInSmsWindows.vue","webpack:///./src/components/Forms/OptInSmsWindows.vue?f0cc","webpack:///./src/components/Forms/OptInSmsWindows.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","model","value","callback","$$v","window","expression","key","staticClass","isVerified","_e","directives","name","rawName","label","$v","phone","$dirty","required","ValidUSPhone","disabled","placeholder","solo","on","$event","$touch","invalid","validNumber","loading","stopPropagation","checkNumber","skip","vCode","codeError","_s","validCode","verifyCode","reset","skipToCode","staticRenderFns","props","mixins","validations","data","verified","load","computed","length","includes","cleanNumber","x","replace","methods","$nextTick","push","$VBL","sms","check","sendCode","verify","onVerified","$emit","watch","v","component","VAlert","VBtn","VCard","VCardActions","VCardText","VExpandTransition","VFabTransition","VSpacer","VTextField","VToolbar","VToolbarTitle","VWindow","VWindowItem"],"mappings":"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","file":"js/chunk-2d0c5015.ca72ecd8.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',[_c('v-toolbar',{attrs:{\"color\":\"color2 color2Text--text\"}},[_c('v-toolbar-title',[_vm._v(\"SMS Opt In\")]),_c('v-spacer')],1),_c('v-window',{model:{value:(_vm.window),callback:function ($$v) {_vm.window=$$v},expression:\"window\"}},[_c('v-window-item',{key:0},[_c('v-card-text',{staticClass:\"text-center\"},[_c('div',[_vm._v(\"In order to recieve text messages from us, we need to confirm your mobile phone number\")]),_c('v-expand-transition',[(!_vm.isVerified)?_c('div',[_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:('(###) ###-####'),expression:\"'(###) ###-####'\"}],attrs:{\"name\":\"cellPhone\",\"label\":_vm.label || 'Mobile Number',\"rules\":_vm.$v.phone.$dirty ? [\n                  function () { return _vm.$v.phone.required || 'A mobile phone number is required'; },\n                  function () { return _vm.$v.phone.ValidUSPhone || 'A valid mobile phone number is required'; } ] : [],\"color\":\"color3\",\"disabled\":_vm.disabled,\"placeholder\":_vm.placeholder,\"solo\":_vm.solo},on:{\"blur\":function($event){return _vm.$v.phone.$touch()}},model:{value:(_vm.phone),callback:function ($$v) {_vm.phone=$$v},expression:\"phone\"}}),_c('v-btn',{attrs:{\"color\":\"success white--text\",\"disabled\":_vm.$v.invalid || !_vm.validNumber || _vm.isVerified,\"loading\":_vm.loading},on:{\"click\":function($event){$event.stopPropagation();return _vm.checkNumber($event)}}},[_vm._v(\" Send Code \")])],1):_vm._e()])],1)],1),_c('v-window-item',{key:1},[_c('v-card-text',[_c('div',{staticClass:\"title\"},[_vm._v(\"Enter the verficiation code\")]),(!_vm.skip)?_c('div',[_vm._v(\"We just sent a text message with a fresh verification code\")]):_vm._e(),_c('div',{staticClass:\"caption\"},[_vm._v(\"Note: only the last code issued will be valid and codes are only good for 15 minutes\")]),_c('v-text-field',{attrs:{\"label\":\"Verification Code\",\"color\":\"color3\",\"type\":\"number\",\"autofocus\":\"\"},model:{value:(_vm.vCode),callback:function ($$v) {_vm.vCode=$$v},expression:\"vCode\"}}),_c('v-alert',{attrs:{\"type\":\"error\",\"value\":!!_vm.codeError,\"text\":\"\",\"prominent\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.codeError)+\" \")]),_c('div',{staticClass:\"text-center pb-3\"},[_c('v-btn',{attrs:{\"color\":\"color3 color3Text--text\",\"disabled\":!_vm.validCode,\"loading\":_vm.loading},on:{\"click\":function($event){$event.stopPropagation();return _vm.verifyCode($event)}}},[_vm._v(\"Go\")])],1),_c('div',{staticClass:\"caption text-center\"},[_vm._v(\"Didn't receive a code? \"),_c('span',{staticClass:\"clickable color3--text\",on:{\"click\":function($event){$event.stopPropagation();return _vm.reset($event)}}},[_vm._v(\"Try again.\")])])],1)],1)],1),_c('v-card-actions',[_c('v-fab-transition',[(_vm.window === 0)?_c('v-btn',{staticClass:\"mt-5\",attrs:{\"color\":\"color3\",\"text\":\"\",\"x-small\":\"\",\"disabled\":_vm.isVerified},on:{\"click\":function($event){$event.stopPropagation();return _vm.skipToCode($event)}}},[_vm._v(\"I already have a code\")]):_vm._e()],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card>\r\n    <v-toolbar color=\"color2 color2Text--text\">\r\n      <v-toolbar-title>SMS Opt In</v-toolbar-title>\r\n      <v-spacer></v-spacer>\r\n    </v-toolbar>\r\n      <v-window v-model=\"window\">\r\n        <v-window-item :key=\"0\">\r\n          <v-card-text class=\"text-center\">\r\n            <div>In order to recieve text messages from us, we need to confirm your mobile phone number</div>\r\n            <v-expand-transition>\r\n              <div v-if=\"!isVerified\">\r\n                <v-text-field\r\n                  name=\"cellPhone\"\r\n                  :label=\"label || 'Mobile Number'\"\r\n                  v-model=\"phone\"\r\n                  v-mask=\"'(###) ###-####'\"\r\n                  :rules=\"$v.phone.$dirty ? [\r\n                    () => $v.phone.required || 'A mobile phone number is required',\r\n                    () => $v.phone.ValidUSPhone || 'A valid mobile phone number is required',\r\n                  ] : []\"\r\n                  @blur=\"$v.phone.$touch()\"\r\n                  color=\"color3\"\r\n                  :disabled=\"disabled\"\r\n                  :placeholder=\"placeholder\"\r\n                  :solo=\"solo\"\r\n                ></v-text-field>\r\n                <v-btn\r\n                  color=\"success white--text\"\r\n                  @click.stop=\"checkNumber\"\r\n                  :disabled=\"$v.invalid || !validNumber || isVerified\"\r\n                  :loading=\"loading\"\r\n                >\r\n                  Send Code\r\n                </v-btn>\r\n              </div>\r\n            </v-expand-transition>\r\n          </v-card-text>\r\n        </v-window-item>\r\n        <v-window-item :key=\"1\">\r\n          <v-card-text>\r\n          <div class=\"title\">Enter the verficiation code</div>\r\n          <div v-if=\"!skip\">We just sent a text message with a fresh verification code</div>\r\n          <div class=\"caption\">Note: only the last code issued will be valid and codes are only good for 15 minutes</div>\r\n          <v-text-field\r\n            label=\"Verification Code\"\r\n            v-model=\"vCode\"\r\n            color=\"color3\"\r\n            type=\"number\"\r\n            autofocus\r\n          ></v-text-field>\r\n          <v-alert type=\"error\" :value=\"!!codeError\" text prominent>\r\n            {{codeError}}\r\n          </v-alert>\r\n          <div class=\"text-center pb-3\">\r\n            <v-btn\r\n              color=\"color3 color3Text--text\"\r\n              :disabled=\"!validCode\"\r\n              @click.stop=\"verifyCode\"\r\n              :loading=\"loading\"\r\n            >Go</v-btn>\r\n          </div>\r\n          <div class=\"caption text-center\">Didn't receive a code? <span class=\"clickable color3--text\" @click.stop=\"reset\">Try again.</span></div>\r\n          </v-card-text>\r\n        </v-window-item>\r\n      </v-window>\r\n      <v-card-actions>\r\n        <v-fab-transition>\r\n          <v-btn\r\n            color=\"color3\"\r\n            class=\"mt-5\"\r\n            text x-small\r\n            @click.stop=\"skipToCode\"\r\n            v-if=\"window === 0\"\r\n            :disabled=\"isVerified\"\r\n          >I already have a code</v-btn>\r\n        </v-fab-transition>\r\n      </v-card-actions>\r\n  </v-card>\r\n\r\n</template>\r\n\r\n<script>\r\nimport { mask } from 'vue-the-mask'\r\nimport { validationMixin } from 'vuelidate'\r\nimport { required } from 'vuelidate/lib/validators'\r\nimport ValidUSPhone from '@/helpers/ValidUSPhone'\r\n\r\nexport default {\r\n  props: ['label', 'solo', 'disabled', 'placeholder'],\r\n  directives: { mask },\r\n  mixins: [validationMixin],\r\n  validations () {\r\n    return {\r\n      phone: { required, ValidUSPhone }\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      verified: [],\r\n      window: 0,\r\n      phone: null,\r\n      vCode: null,\r\n      codeError: null,\r\n      skip: false,\r\n      load: []\r\n    }\r\n  },\r\n  computed: {\r\n    loading () {\r\n      return this.load.length > 0\r\n    },\r\n    isVerified () {\r\n      return this.verified.includes(this.cleanNumber)\r\n    },\r\n    validCode () {\r\n      return this.vCode && this.vCode.length === 6\r\n    },\r\n    cleanNumber () {\r\n      const x = this.phone\r\n      return x ? x.replace(/\\D/g, '') : null\r\n    },\r\n    validNumber () {\r\n      return this.cleanNumber && ValidUSPhone(this.cleanNumber)\r\n    }\r\n  },\r\n  methods: {\r\n    reset () {\r\n      this.window = 0\r\n      this.vCode = null\r\n      this.codeError = null\r\n      this.skip = false\r\n      this.phone = null\r\n      this.verified = []\r\n      this.$nextTick(() => { this.$v.$reset() })\r\n    },\r\n    skipToCode () {\r\n      this.skip = true\r\n      this.window = 1\r\n    },\r\n    checkNumber () {\r\n      if (!this.validNumber || this.isVerified) return\r\n      this.load.push('check')\r\n      this.$VBL.sms.check(this.cleanNumber)\r\n        .then(r => {\r\n          if (r.data === 'true') {\r\n            this.verified.push(this.cleanNumber)\r\n          } else {\r\n            this.sendCode()\r\n          }\r\n        })\r\n        .catch(e => console.log(e.response))\r\n        .finally(() => { this.load = this.load.filter(f => f !== 'check') })\r\n    },\r\n    sendCode () {\r\n      this.load.push('send')\r\n      this.$VBL.sms.sendCode(this.cleanNumber)\r\n        .then(r => {\r\n          this.window = 1\r\n        })\r\n        .catch(e => console.log(e.response))\r\n        .finally(() => { this.load = this.load.filter(f => f !== 'send') })\r\n    },\r\n    verifyCode () {\r\n      this.load.push('verify')\r\n      this.$VBL.sms.verify(this.cleanNumber, this.vCode)\r\n        .then(r => {\r\n          this.verified.push(this.cleanNumber)\r\n          this.$nextTick(() => { this.window = 0 })\r\n        })\r\n        .catch(e => {\r\n          console.log(e)\r\n          this.codeError = e.response.data.Message\r\n        })\r\n        .finally(() => { this.load = this.load.filter(f => f !== 'verify') })\r\n    },\r\n    onVerified () {\r\n      this.$emit('verified', this.cleanNumber)\r\n    }\r\n  },\r\n  watch: {\r\n    isVerified: function (v) {\r\n      if (v) {\r\n        this.onVerified()\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\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!./OptInSmsWindows.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!./OptInSmsWindows.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OptInSmsWindows.vue?vue&type=template&id=09331f2f&\"\nimport script from \"./OptInSmsWindows.vue?vue&type=script&lang=js&\"\nexport * from \"./OptInSmsWindows.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\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 { VExpandTransition } from 'vuetify/lib/components/transitions';\nimport { VFabTransition } from 'vuetify/lib/components/transitions';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\nimport { VWindow } from 'vuetify/lib/components/VWindow';\nimport { VWindowItem } from 'vuetify/lib/components/VWindow';\ninstallComponents(component, {VAlert,VBtn,VCard,VCardActions,VCardText,VExpandTransition,VFabTransition,VSpacer,VTextField,VToolbar,VToolbarTitle,VWindow,VWindowItem})\n"],"sourceRoot":""}