{"version":3,"sources":["webpack:///./src/views/auth/pages/ConfirmDevice.vue?173b","webpack:///../../../src/components/VOtpInput/VOtpInput.ts","webpack:///./src/views/auth/pages/ConfirmDevice.vue?561c","webpack:///./src/views/auth/pages/ConfirmDevice.vue","webpack:///./src/views/auth/pages/ConfirmDevice.vue?64e6","webpack:///./src/views/auth/pages/ConfirmDevice.vue?061e"],"names":["baseMixins","mixins","VInput","extend","name","directives","ripple","inheritAttrs","props","length","type","Number","String","default","plain","Boolean","data","initialValue","isBooted","otp","computed","outlined","this","classes","options","call","VTextField","watch","isFocused","value","val","lazyValue","split","created","$attrs","hasOwnProperty","breaking","internalValue","_a","mounted","requestAnimationFrame","methods","focus","e","otpIdx","onFocus","genInputSlot","$createElement","setBackgroundColor","backgroundColor","staticClass","style","height","convertToUnit","on","click","onClick","mousedown","onMouseDown","mouseup","onMouseUp","genDefaultSlot","genControl","genFieldset","genTextFieldSlot","genContent","Array","from","_","i","setTextColor","validationState","class","attrs","genLegend","span","domProps","innerHTML","width","genInput","listeners","Object","assign","listeners$","change","min","attrs$","autocomplete","disabled","isDisabled","readonly","isReadonly","id","computedId","blur","onBlur","input","onInput","keydown","onKeyDown","keyup","onKeyUp","ref","refInFor","$nextTick","$emit","$refs","undefined","preventDefault","stopPropagation","elements","document","activeElement","select","index","maxCursor","target","inputDataArray","newOtp","appIdx","toString","splice","join","onCompleted","clearFocus","changeFocus","keyCode","keyCodes","enter","hasMouseDown","updateValue","hasColor","event","eventKey","key","includes","rsp","render","h","themeClasses","_vm","_h","_c","_self","step","done","_e","staticStyle","VIcon","_v","_s","$t","userCodeErrors","model","callback","$$v","userCodeInput","expression","VBtn","validateCode","userCodeFormatted","$event","submit","$router","push","VProgressCircular","staticRenderFns","ConfirmDevice","loading","userCode","substring","errors","$v","$dirty","required","minLength","maxLength","max","console","log","$touch","$invalid","$route","query","deviceCode","success","end","api","post","res","displaySnackbar","skipOnSuccessReturn","Vue","__decorate","Action","Component","validationMixin","validations","component"],"mappings":"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","file":"assets/js/chunk-34cfe5fb.2d42681e.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!./ConfirmDevice.vue?vue&type=style&index=0&id=10731fca&prod&lang=css&\"","// Styles\nimport '../VTextField/VTextField.sass'\nimport './VOtpInput.sass'\n\n// Extensions\nimport VInput from '../VInput'\nimport VTextField from '../VTextField/VTextField'\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport { convertToUnit, keyCodes } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  VInput,\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    input: HTMLInputElement[]\n  }\n}\n\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'v-otp-input',\n\n  directives: {\n    ripple,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    length: {\n      type: [Number, String],\n      default: 6,\n    },\n    type: {\n      type: String,\n      default: 'text',\n    },\n    plain: Boolean,\n  },\n\n  data: () => ({\n    initialValue: null,\n    isBooted: false,\n    otp: [] as string[],\n  }),\n\n  computed: {\n    outlined (): Boolean {\n      return !this.plain\n    },\n    classes (): object {\n      return {\n        ...VInput.options.computed.classes.call(this),\n        ...VTextField.options.computed.classes.call(this),\n        'v-otp-input--plain': this.plain,\n      }\n    },\n  },\n\n  watch: {\n    isFocused: 'updateValue',\n    value (val) {\n      this.lazyValue = val\n      this.otp = val?.split('') || []\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('browser-autocomplete')) {\n      breaking('browser-autocomplete', 'autocomplete', this)\n    }\n\n    this.otp = this.internalValue?.split('') || []\n  },\n\n  mounted () {\n    requestAnimationFrame(() => (this.isBooted = true))\n  },\n\n  methods: {\n    /** @public */\n    focus (e: Event, otpIdx: number) {\n      this.onFocus(e, otpIdx || 0)\n    },\n    genInputSlot (otpIdx: number) {\n      return this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {\n        staticClass: 'v-input__slot',\n        style: { height: convertToUnit(this.height) },\n        on: {\n          click: () => this.onClick(otpIdx),\n          mousedown: (e: Event) => this.onMouseDown(e, otpIdx),\n          mouseup: (e: Event) => this.onMouseUp(e, otpIdx),\n        },\n      }), [this.genDefaultSlot(otpIdx)])\n    },\n    genControl (otpIdx: number) {\n      return this.$createElement('div', {\n        staticClass: 'v-input__control',\n      }, [\n        this.genInputSlot(otpIdx),\n      ])\n    },\n    genDefaultSlot (otpIdx: number) {\n      return [\n        this.genFieldset(),\n        this.genTextFieldSlot(otpIdx),\n      ]\n    },\n    genContent () {\n      return Array.from({ length: +this.length }, (_, i) => {\n        return this.$createElement('div', this.setTextColor(this.validationState, {\n          staticClass: 'v-input',\n          class: this.classes,\n        }), [this.genControl(i)])\n      })\n    },\n    genFieldset () {\n      return this.$createElement('fieldset', {\n        attrs: {\n          'aria-hidden': true,\n        },\n      }, [this.genLegend()])\n    },\n    genLegend () {\n      const span = this.$createElement('span', {\n        domProps: { innerHTML: '&#8203;' },\n      })\n\n      return this.$createElement('legend', {\n        style: {\n          width: '0px',\n        },\n      }, [span])\n    },\n    genInput (otpIdx: number) {\n      const listeners = Object.assign({}, this.listeners$)\n      delete listeners.change // Change should not be bound externally\n\n      return this.$createElement('input', {\n        style: {},\n        domProps: {\n          value: this.otp[otpIdx],\n          min: this.type === 'number' ? 0 : null,\n        },\n        attrs: {\n          ...this.attrs$,\n          autocomplete: 'one-time-code',\n          disabled: this.isDisabled,\n          readonly: this.isReadonly,\n          type: this.type,\n          id: `${this.computedId}--${otpIdx}`,\n          class: `otp-field-box--${otpIdx}`,\n        },\n        on: Object.assign(listeners, {\n          blur: this.onBlur,\n          input: (e: Event) => this.onInput(e, otpIdx),\n          focus: (e: Event) => this.onFocus(e, otpIdx),\n          keydown: this.onKeyDown,\n          keyup: (e: KeyboardEvent) => this.onKeyUp(e, otpIdx),\n        }),\n        ref: 'input',\n        refInFor: true,\n      })\n    },\n    genTextFieldSlot (otpIdx: number): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-text-field__slot',\n      }, [\n        this.genInput(otpIdx),\n      ])\n    },\n    onBlur (e?: Event) {\n      this.isFocused = false\n      e && this.$nextTick(() => this.$emit('blur', e))\n    },\n    onClick (otpIdx: number) {\n      if (this.isFocused || this.isDisabled || !this.$refs.input[otpIdx]) return\n\n      this.onFocus(undefined, otpIdx)\n    },\n    onFocus (e?: Event, otpIdx?: number) {\n      e?.preventDefault()\n      e?.stopPropagation()\n      const elements = this.$refs.input as HTMLInputElement[]\n      const ref = this.$refs.input && elements[otpIdx || 0]\n      if (!ref) return\n\n      if (document.activeElement !== ref) {\n        ref.focus()\n        return ref.select()\n      }\n\n      if (!this.isFocused) {\n        this.isFocused = true\n        ref.select()\n        e && this.$emit('focus', e)\n      }\n    },\n    onInput (e: Event, index: number) {\n      const maxCursor = +this.length - 1\n\n      const target = e.target as HTMLInputElement\n      const value = target.value\n      const inputDataArray = value?.split('') || []\n\n      const newOtp: string[] = [...this.otp]\n      for (let i = 0; i < inputDataArray.length; i++) {\n        const appIdx = index + i\n        if (appIdx > maxCursor) break\n        newOtp[appIdx] = inputDataArray[i].toString()\n      }\n      if (!inputDataArray.length) {\n        newOtp.splice(index, 1)\n      }\n\n      this.otp = newOtp\n      this.internalValue = this.otp.join('')\n\n      if (index + inputDataArray.length >= +this.length) {\n        this.onCompleted()\n        this.clearFocus(index)\n      } else if (inputDataArray.length) {\n        this.changeFocus(index + inputDataArray.length)\n      }\n    },\n    clearFocus (index: number) {\n      const input = this.$refs.input[index] as HTMLInputElement\n      input.blur()\n    },\n    onKeyDown (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.enter) {\n        this.$emit('change', this.internalValue)\n      }\n\n      this.$emit('keydown', e)\n    },\n    onMouseDown (e: Event, otpIdx: number) {\n      // Prevent input from being blurred\n      if (e.target !== this.$refs.input[otpIdx]) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n\n      VInput.options.methods.onMouseDown.call(this, e)\n    },\n    onMouseUp (e: Event, otpIdx: number) {\n      if (this.hasMouseDown) this.focus(e, otpIdx)\n\n      VInput.options.methods.onMouseUp.call(this, e)\n    },\n    changeFocus (index: number) {\n      this.onFocus(undefined, index || 0)\n    },\n    updateValue (val: boolean) {\n      // Sets validationState from validatable\n      this.hasColor = val\n\n      if (val) {\n        this.initialValue = this.lazyValue\n      } else if (this.initialValue !== this.lazyValue) {\n        this.$emit('change', this.lazyValue)\n      }\n    },\n    onKeyUp (event: KeyboardEvent, index: number) {\n      event.preventDefault()\n      const eventKey = event.key\n      if (['Tab', 'Shift', 'Meta', 'Control', 'Alt'].includes(eventKey)) {\n        return\n      }\n      if (['Delete'].includes(eventKey)) {\n        return\n      }\n      if (eventKey === 'ArrowLeft' || (eventKey === 'Backspace' && !this.otp[index])) {\n        return index > 0 && this.changeFocus(index - 1)\n      }\n      if (eventKey === 'ArrowRight') {\n        return index + 1 < +this.length && this.changeFocus(index + 1)\n      }\n    },\n    onCompleted () {\n      const rsp = this.otp.join('')\n      if (rsp.length === +this.length) {\n        this.$emit('finish', rsp)\n      }\n    },\n  },\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-otp-input',\n      class: this.themeClasses,\n    }, this.genContent())\n  },\n})\n","import { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VOtpInput } from 'vuetify/lib/components/VOtpInput';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\n\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-wrapper\"},[(_vm.step === 1 && !_vm.done)?_c('div',{staticClass:\"px-12 d-flex flex-column justify-center\",staticStyle:{\"align-items\":\"center\"}},[_c(VIcon,{staticClass:\"primary--text loading-spinner display-4\"},[_vm._v(\"mdi-key\")]),_c('h1',{staticClass:\"text-center\",staticStyle:{\"width\":\"100%\"}},[_c('span',[_vm._v(_vm._s(_vm.$t(\"confirmDeviceSection.deviceActivation\")))])]),_c('div',{staticClass:\"caption-1 mb-4\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"confirmDeviceSection.enterCode\"))+\" \")]),_c(VOtpInput,{staticClass:\"device-otp\",attrs:{\"outlined\":\"\",\"type\":\"number\",\"error-messages\":_vm.userCodeErrors},model:{value:(_vm.userCodeInput),callback:function ($$v) {_vm.userCodeInput=$$v},expression:\"userCodeInput\"}}),_c('div',{staticClass:\"v-messages error--text mb-8 w-full px-4\",staticStyle:{\"margin-top\":\"-0.5em\",\"height\":\"14px\"}},[_vm._v(\" \"+_vm._s(_vm.userCodeErrors[0] || \" \")+\" \")]),_c(VBtn,{staticStyle:{\"width\":\"50%\"},attrs:{\"elevation\":\"0\",\"color\":\"primary\"},on:{\"click\":_vm.validateCode}},[_vm._v(\" \"+_vm._s(_vm.$t(\"confirmDeviceSection.continue\"))+\" \")])],1):_vm._e(),(_vm.step === 2 && !_vm.done)?_c('div',{staticClass:\"px-12 d-flex flex-column justify-center\",staticStyle:{\"align-items\":\"center\"}},[_c(VIcon,{staticClass:\"primary--text loading-spinner display-4\"},[_vm._v(\"mdi-key\")]),_c('div',{staticClass:\"caption-1 my-4 text-center\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"confirmDeviceSection.confirmDeviceCode\"))+\" \")]),_c('div',{staticClass:\"display-1 block mt-4 mb-12\"},[_c('code',[_vm._v(_vm._s(_vm.userCodeFormatted(_vm.userCodeInput)))])]),_c('div',{staticClass:\"caption-1 mt-2 mb-8 text-center\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"confirmDeviceSection.notInitiated\"))+\" \")]),_c('div',[_c(VBtn,{staticClass:\"mx-1\",attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.step = 1}}},[_vm._v(_vm._s(_vm.$t(\"confirmDeviceSection.cancel\")))]),_c(VBtn,{staticClass:\"mx-1\",attrs:{\"elevation\":\"0\",\"color\":\"primary\"},on:{\"click\":_vm.submit}},[_vm._v(\" \"+_vm._s(_vm.$t(\"confirmDeviceSection.confirm\"))+\" \")])],1)],1):_vm._e(),(_vm.done)?_c('div',{staticClass:\"px-12 d-flex flex-column justify-center\",staticStyle:{\"align-items\":\"center\"}},[_c(VIcon,{staticClass:\"primary--text loading-spinner display-4\"},[_vm._v(\"mdi-check-circle-outline\")]),_c('h1',{staticClass:\"text-center\",staticStyle:{\"width\":\"100%\"}},[_c('span',[_vm._v(_vm._s(_vm.$t(\"confirmDeviceSection.deviceConfirmed\")))])]),_c('div',{staticClass:\"caption-1 mb-6 text-center\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"confirmDeviceSection.deviceConnected\"))+\" \")]),_c(VBtn,{attrs:{\"block\":\"\",\"elevation\":\"0\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.$router.push('/')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"confirmDeviceSection.contApp\"))+\" \")])],1):_vm._e(),(_vm.loading)?_c('div',{staticClass:\"px-12 d-flex flex-column justify-center\",staticStyle:{\"align-items\":\"center\"}},[_c('div',{staticClass:\"display-1 mb-4 text-center font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"confirmDeviceSection.wait\"))+\" \")]),_c(VProgressCircular,{attrs:{\"indeterminate\":\"\",\"size\":\"32\"}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport Vue from \"vue\";\r\nimport { Action } from \"vuex-class\";\r\nimport { Component } from \"vue-property-decorator\";\r\nimport { validationMixin } from \"vuelidate\";\r\nimport { minLength, maxLength, required } from \"vuelidate/lib/validators\";\r\nimport api from \"@/core/utils/api\";\r\n\r\n@Component({\r\n  mixins: [validationMixin],\r\n  validations: {\r\n    userCodeInput: {\r\n      required,\r\n      minLength: minLength(6),\r\n      maxLength: maxLength(6),\r\n    },\r\n  },\r\n})\r\nexport default class ConfirmDevice extends Vue {\r\n  @Action(\"displaySnackbar\") displaySnackbar!: (s: string) => void;\r\n  @Action(\"clearEverything\") clearEverything!: (reroute: boolean) => void;\r\n  @Action(\"profile/verifyDeviceCode\") verifyDeviceCode!: (\r\n    data: any,\r\n  ) => Promise<void>;\r\n\r\n  userCodeInput: number | undefined = 0;\r\n\r\n  step = 1;\r\n  loading = true;\r\n  done = false;\r\n\r\n  userCodeFormatted = (userCode: number) => {\r\n    if (userCode)\r\n      return (\r\n        userCode.toString().substring(0, 3) +\r\n        \" \" +\r\n        userCode.toString().substring(3)\r\n      );\r\n\r\n    return \"- - - - - -\";\r\n  };\r\n\r\n  get userCodeErrors() {\r\n    const errors: any[] = [];\r\n    if (!this.$v.userCodeInput!.$dirty) return errors;\r\n    if (!this.$v.userCodeInput!.required)\r\n      errors.push(this.$t(\"confirmDeviceSection.codeRequired\"));\r\n    if (!this.$v.userCodeInput!.minLength)\r\n      errors.push(this.$t(\"confirmDeviceSection.codeMin\", { min: 6 }));\r\n    !this.$v.userCodeInput!.maxLength &&\r\n      errors.push(this.$t(\"confirmDeviceSection.codeMax\", { max: 6 }));\r\n\r\n    return errors;\r\n  }\r\n\r\n  async validateCode(): Promise<void> {\r\n    console.log(\"validating\");\r\n\r\n    this.$v.$touch();\r\n    if (!this.$v.$invalid) this.step = 2;\r\n  }\r\n\r\n  async skipOnSuccessReturn() {\r\n    const { deviceCode, success } = this.$route.query;\r\n    if (deviceCode && success) this.done = true;\r\n    this.loading = false;\r\n  }\r\n\r\n  async submit(): Promise<void> {\r\n    this.loading = true;\r\n    let deviceCode = \"\";\r\n    console.log(\"submitting\");\r\n\r\n    this.$v.$touch();\r\n    if (!this.$v.$invalid) {\r\n      console.log(\"valid form\");\r\n      try {\r\n        const end = \"/api/Account/VerifyDeviceCode\";\r\n        const data = { userCode: this.userCodeInput };\r\n        const res = (await api.post(end, data)) as any;\r\n        deviceCode = res.deviceCode;\r\n\r\n        console.log(\"device code forwarded to auth\");\r\n\r\n        await this.$router.push(`/auth/login?deviceCode=${deviceCode}`);\r\n      } catch (error) {\r\n        this.displaySnackbar(this.$t(\"confirmDeviceSection.error\").toString());\r\n      }\r\n    } else\r\n      this.displaySnackbar(\r\n        this.$t(\"confirmDeviceSection.couldNotConfirm\").toString(),\r\n      );\r\n\r\n    this.loading = false;\r\n    console.log(\"submitted\");\r\n  }\r\n\r\n  beforeDestroy() {\r\n    this.userCodeInput = 0;\r\n  }\r\n\r\n  created() {\r\n    this.skipOnSuccessReturn();\r\n  }\r\n}\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--15-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--15-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConfirmDevice.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--15-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--15-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConfirmDevice.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ConfirmDevice.vue?vue&type=template&id=10731fca&\"\nimport script from \"./ConfirmDevice.vue?vue&type=script&lang=ts&\"\nexport * from \"./ConfirmDevice.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ConfirmDevice.vue?vue&type=style&index=0&id=10731fca&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"],"sourceRoot":""}