{"version":3,"sources":["webpack:///./src/components/Forms/TwoFactorPhone.vue?1522","webpack:///src/components/Forms/TwoFactorPhone.vue","webpack:///./src/components/Forms/TwoFactorPhone.vue?7788","webpack:///./src/components/Forms/TwoFactorPhone.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","isVerified","isVerifiedPlayer","_e","attrs","loading","on","$event","stopPropagation","btnClick","_v","model","value","callback","$$v","dialog","expression","reset","window","key","staticClass","directives","name","rawName","label","$v","phone","$dirty","required","ValidUSPhone","disabled","placeholder","solo","$touch","$set","invalid","validNumber","sendCode","skip","vCode","codeError","_s","validCode","verifyCode","skipToCode","staticRenderFns","props","mixins","validations","data","verified","verifiedPlayers","computed","includes","cleanNumber","playerProfileId","length","x","replace","methods","onVerified","onVerifiedPlayer","checkNumber","$VBL","sms","check","checkPlayer","verify","$emit","watch","v","onFile","filter","console","log","mounted","component","VAlert","VBtn","VCard","VCardActions","VCardText","VDialog","VExpandTransition","VFabTransition","VIcon","VSpacer","VTextField","VToolbar","VToolbarTitle","VWindow","VWindowItem"],"mappings":"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","file":"js/chunk-2d2377ad.1aa46e03.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-fab-transition',[(!_vm.isVerified && !_vm.isVerifiedPlayer)?_c('v-btn',{attrs:{\"color\":\"success\",\"small\":\"\",\"text\":\"\",\"icon\":\"\",\"loading\":_vm.loading},on:{\"click\":function($event){$event.stopPropagation();return _vm.btnClick($event)}}},[_c('v-icon',[_vm._v(\"fas fa-key\")])],1):_vm._e()],1),_c('v-dialog',{attrs:{\"scrollable\":\"\",\"persistent\":\"\",\"max-width\":\"500px\",\"transition\":\"dialog-transition\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-toolbar',{attrs:{\"color\":\"color2 color2Text--text\"}},[_c('v-toolbar-title',[_vm._v(\"Mobile Confirmation\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"color1 color1Text--text\",\"small\":\"\",\"fab\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.dialog=false; _vm.reset()}}},[_c('v-icon',[_vm._v(\"fas fa-times\")])],1)],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 complete the registration, we need to confirm your mobile phone number\")]),_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:('(###) ###-####'),expression:\"'(###) ###-####'\"}],attrs:{\"name\":\"playerPhone\",\"label\":_vm.label,\"rules\":_vm.$v.model.phone.$dirty ? [\n                    function () { return _vm.$v.model.phone.required || 'A mobile phone number is required'; },\n                    function () { return _vm.$v.model.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.model.phone.$touch()}},model:{value:(_vm.model.phone),callback:function ($$v) {_vm.$set(_vm.model, \"phone\", $$v)},expression:\"model.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.sendCode($event)}}},[_vm._v(\"Send Code\")]),_c('v-expand-transition',[(_vm.dialog && _vm.isVerified)?_c('div',[_c('v-alert',{staticClass:\"mt-2\",attrs:{\"type\":\"success\",\"value\":true,\"text\":\"\",\"prominent\":\"\"}},[_vm._v(\" You're all set \")]),_c('v-btn',{attrs:{\"color\":\"success\"},on:{\"click\":function($event){$event.stopPropagation();_vm.dialog=false; _vm.reset()}}},[_vm._v(\"ok\")])],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)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-fab-transition>\r\n      <v-btn\r\n        color=\"success\"\r\n        small text icon\r\n        @click.stop=\"btnClick\"\r\n        :loading=\"loading\"\r\n        v-if=\"!isVerified && !isVerifiedPlayer\"\r\n      >\r\n        <v-icon>fas fa-key</v-icon>\r\n      </v-btn>\r\n    </v-fab-transition>\r\n    <v-dialog\r\n      v-model=\"dialog\"\r\n      scrollable\r\n      persistent\r\n      max-width=\"500px\"\r\n      transition=\"dialog-transition\"\r\n    >\r\n      <v-card>\r\n        <v-toolbar color=\"color2 color2Text--text\">\r\n          <v-toolbar-title>Mobile Confirmation</v-toolbar-title>\r\n          <v-spacer></v-spacer>\r\n          <v-btn\r\n            color=\"color1 color1Text--text\"\r\n            @click.stop=\"dialog=false; reset()\"\r\n            small fab\r\n          >\r\n            <v-icon>fas fa-times</v-icon>\r\n          </v-btn>\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 complete the registration, we need to confirm your mobile phone number</div>\r\n                <v-text-field\r\n                    name=\"playerPhone\"\r\n                    :label=\"label\"\r\n                    v-model=\"model.phone\"\r\n                    v-mask=\"'(###) ###-####'\"\r\n                    :rules=\"$v.model.phone.$dirty ? [\r\n                      () => $v.model.phone.required || 'A mobile phone number is required',\r\n                      () => $v.model.phone.ValidUSPhone || 'A valid mobile phone number is required',\r\n                    ] : []\"\r\n                    @blur=\"$v.model.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=\"sendCode\"\r\n                    :disabled=\"$v.invalid || !validNumber || isVerified\"\r\n                    :loading=\"loading\"\r\n                  >Send Code</v-btn>\r\n                  <v-expand-transition>\r\n                    <div v-if=\"dialog && isVerified\">\r\n                      <v-alert type=\"success\" :value=\"true\" text prominent class=\"mt-2\">\r\n                        You're all set\r\n                      </v-alert>\r\n                      <v-btn color=\"success\" @click.stop=\"dialog=false; reset()\">ok</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    </v-dialog>\r\n  </div>\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: ['value', 'label', 'solo', 'disabled', 'placeholder', 'model'],\r\n  directives: { mask },\r\n  mixins: [validationMixin],\r\n  validations () {\r\n    return {\r\n      model: {\r\n        phone: { required, ValidUSPhone }\r\n      }\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      dialog: false,\r\n      loading: false,\r\n      verified: [],\r\n      verifiedPlayers: [],\r\n      window: 0,\r\n      vCode: null,\r\n      codeError: null,\r\n      skip: false\r\n    }\r\n  },\r\n  computed: {\r\n    isVerified () {\r\n      return this.verified.includes(this.cleanNumber)\r\n    },\r\n    isVerifiedPlayer () {\r\n      return this.verifiedPlayers.includes(this.model.playerProfileId)\r\n    },\r\n    validCode () {\r\n      return this.vCode && this.vCode.length === 6\r\n    },\r\n    cleanNumber () {\r\n      const x = this.model.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    },\r\n    skipToCode () {\r\n      this.skip = true\r\n      this.window = 1\r\n    },\r\n    btnClick () {\r\n      if (this.isVerified) {\r\n        this.onVerified()\r\n        return\r\n      }\r\n      if (this.isVerifiedPlayer) {\r\n        this.onVerifiedPlayer()\r\n        return\r\n      }\r\n      if (this.validNumber) {\r\n        this.checkNumber()\r\n        return\r\n      }\r\n      this.dialog = true\r\n    },\r\n    checkNumber () {\r\n      if (!this.validNumber || this.isVerified) return\r\n      this.loading = true\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.dialog = true\r\n          }\r\n        })\r\n        .catch(e => console.log(e.response))\r\n        .finally(() => { this.loading = false })\r\n    },\r\n    checkPlayer () {\r\n      if (this.isVerifiedPlayer) return\r\n      this.loading = true\r\n      this.$VBL.sms.checkPlayer(this.model.playerProfileId)\r\n        .then(r => {\r\n          if (r.data === 'true') {\r\n            this.verifiedPlayers.push(this.model.playerProfileId)\r\n          } else {\r\n            this.dialog = true\r\n          }\r\n        })\r\n        .catch(e => console.log(e.response))\r\n        .finally(() => { this.loading = false })\r\n    },\r\n    sendCode () {\r\n      this.loading = true\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.loading = false })\r\n    },\r\n    verifyCode () {\r\n      this.loading = true\r\n      this.$VBL.sms.verify(this.cleanNumber, this.vCode)\r\n        .then(r => {\r\n          this.verified.push(this.cleanNumber)\r\n          this.dialog = false\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.loading = false })\r\n    },\r\n    onVerified () {\r\n      this.$emit('verified', this.cleanNumber)\r\n    },\r\n    onVerifiedPlayer () {\r\n      this.$emit('verified-player', this.model.playerProfileId)\r\n    }\r\n  },\r\n  watch: {\r\n    dialog: function (v) {\r\n      if (!v) {\r\n        if (!this.isVerifiedPlayer) {\r\n          this.model.onFile = this.model.onFile.filter(f => f !== 'phone')\r\n        }\r\n      }\r\n    },\r\n    isVerified: function (v) {\r\n      if (v) {\r\n        this.onVerified()\r\n      }\r\n    },\r\n    isVerifiedPlayer: function (v) {\r\n      if (v) {\r\n        this.onVerifiedPlayer()\r\n      }\r\n    },\r\n    'model.playerProfileId': function (v) {\r\n      console.log('here')\r\n      if (v) this.checkPlayer()\r\n    }\r\n  },\r\n  mounted () {\r\n    if (this.model.playerProfileId) this.checkPlayer()\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!./TwoFactorPhone.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!./TwoFactorPhone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TwoFactorPhone.vue?vue&type=template&id=a9d4ccb4&\"\nimport script from \"./TwoFactorPhone.vue?vue&type=script&lang=js&\"\nexport * from \"./TwoFactorPhone.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 { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VExpandTransition } from 'vuetify/lib/components/transitions';\nimport { VFabTransition } from 'vuetify/lib/components/transitions';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\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,VDialog,VExpandTransition,VFabTransition,VIcon,VSpacer,VTextField,VToolbar,VToolbarTitle,VWindow,VWindowItem})\n"],"sourceRoot":""}