{"version":3,"sources":["webpack:///./src/components/forms/Auth/Pin.vue?e7e3","webpack:///./src/components/forms/Auth/Pin.vue?117c","webpack:///src/components/forms/Auth/Pin.vue","webpack:///./src/components/forms/Auth/Pin.vue?bd68","webpack:///./src/components/forms/Auth/Pin.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","directives","name","rawName","value","expression","arg","$v","pin","model","callback","$$v","_s","error","_e","loading","staticRenderFns","components","Loader","TextInput","props","redirect","default","data","validations","required","domStreams","subscriptions","tap","filter","throttleTime","switchMap","mergeMap","Users","response","userMustChangePassword","query","auditLog","insertLogMessage","createLogItem","comments","catch","catchError","verifyPin$","requestPin$","computed","mapState","mapGetters","validatorMsgMap","validatorMsgMapBase","nonAlpha","minLength","sameAs","methods","mapActions","loadApp","requestNewPin","window","component"],"mappings":"gHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,cAAc,CAACE,YAAY,cAAcC,MAAM,CAAC,GAAK,WAAW,CAACP,EAAIQ,GAAG,gBAAgB,GAAGJ,EAAG,OAAO,CAACK,WAAW,CAAC,CAACC,KAAK,SAASC,QAAQ,kBAAkBC,MAAOZ,EAAW,QAAEa,WAAW,UAAUC,IAAI,WAAWP,MAAM,CAAC,GAAK,SAAS,CAACH,EAAG,YAAY,CAACK,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,YAAYJ,MAAM,CAAC,SAAW,GAAG,KAAO,OAAO,UAAYP,EAAIe,GAAGC,IAAI,KAAO,MAAM,MAAQ,gBAAgB,GAAK,MAAM,YAAc,iBAAiBC,MAAM,CAACL,MAAOZ,EAAO,IAAEkB,SAAS,SAAUC,GAAMnB,EAAIgB,IAAIG,GAAKN,WAAW,SAAST,EAAG,SAAS,CAACK,WAAW,CAAC,CAACC,KAAK,SAASC,QAAQ,iBAAiBC,MAAOZ,EAAe,YAAEa,WAAW,cAAcC,IAAI,UAAUR,YAAY,4BAA4BC,MAAM,CAAC,KAAO,WAAW,CAACP,EAAIQ,GAAG,yBAAyBJ,EAAG,MAAM,CAACE,YAAY,8CAA8C,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAAEN,EAAS,MAAEI,EAAG,IAAI,CAACE,YAAY,cAAcC,MAAM,CAAC,GAAK,UAAU,CAACP,EAAIQ,GAAGR,EAAIoB,GAAGpB,EAAIqB,UAAWrB,EAAW,QAAEI,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,WAAWP,EAAIsB,MAAM,GAAGlB,EAAG,SAAS,CAACE,YAAY,+BAA+BC,MAAM,CAAC,SAAWP,EAAIuB,QAAQ,KAAO,WAAW,CAACvB,EAAIQ,GAAG,iBAAiB,MAC1yCgB,EAAkB,G,gMC2CP,GACfC,YAAAC,cAAAC,wBACAjB,WACAkB,OACAC,UACAC,QADA,WAEA,aAIAC,KAVA,WAWA,OACAf,OACAO,WACAF,WAGAW,aACAhB,KACAiB,yBAGAC,qCACAC,cAvBA,WAuBA,WACA,oBACAC,4BAAA,2CACAC,2BAEA,OADA,eACA,kBAGA,wBACAC,oBACAC,2BAAA,6BAGA,SACAC,oEAAA,yGACAC,2BADA,UACAC,EADA,QAEAA,aAFA,oBAGA,+BACAC,EAAA,cAAAA,wBACAA,EALA,yCAMA,gBACAjC,uBACAkC,OACAf,wBATA,OAaAgB,OACAC,iBADA,iCAEAC,uBAFA,IAGAC,2CAEAC,QACA,YAnBA,6BAqBA,+BArBA,+EAyBAC,2BAGA,OAFA,aACA,uEACA,MAIA,OACAC,aACAC,gBAGAC,yDACAC,8DACAC,mCAFA,IAGAC,gBAHA,WAIA,wCACAC,SADA,IAEAC,mEACAC,2CACAC,6CAIAC,yCACAC,kCADA,IAEAC,QAFA,WAEA,2JACA,aACA,sCACA,aACA,gBACA,4BACA,0DAEA,gBARA,iDAWA,oBAXA,8CAaAC,cAfA,WAgBA,2CACAC,iDCnJ2W,I,wBCQvWC,EAAY,eACd,EACAnE,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAA0C,E","file":"js/chunk-36e297d6.32338ffa.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Pin.vue?vue&type=style&index=0&id=6e59e8ab&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"m-auto w-25\"},[_c('router-link',{staticClass:\"text-center\",attrs:{\"to\":\"/login\"}},[_vm._v(\"← Sign In\")])],1),_c('form',{directives:[{name:\"stream\",rawName:\"v-stream:submit\",value:(_vm.submit$),expression:\"submit$\",arg:\"submit\"}],attrs:{\"id\":\"form\"}},[_c('TextInput',{directives:[{name:\"focus\",rawName:\"v-focus\"}],attrs:{\"required\":\"\",\"type\":\"text\",\"validator\":_vm.$v.pin,\"name\":\"pin\",\"label\":\"Security Code\",\"id\":\"pin\",\"placeholder\":\"Security Code\"},model:{value:(_vm.pin),callback:function ($$v) {_vm.pin=$$v},expression:\"pin\"}}),_c('button',{directives:[{name:\"stream\",rawName:\"v-stream:click\",value:(_vm.pinRequest$),expression:\"pinRequest$\",arg:\"click\"}],staticClass:\"btn text-primary pin-link\",attrs:{\"type\":\"button\"}},[_vm._v(\" Request new code? \")]),_c('div',{staticClass:\"d-flex flex-column align-items-center mt-2\"},[_c('div',{staticClass:\"error text-center mt-2 mb-0\"},[(_vm.error)?_c('p',{staticClass:\"text-danger\",attrs:{\"id\":\"error\"}},[_vm._v(_vm._s(_vm.error))]):(_vm.loading)?_c('loader',{attrs:{\"size\":\"small\"}}):_vm._e()],1),_c('button',{staticClass:\"mx-auto my-2 btn btn-primary\",attrs:{\"disabled\":_vm.loading,\"type\":\"submit\"}},[_vm._v(\" Submit \")])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container\">\n    <div class=\"m-auto w-25\">\n      <router-link class=\"text-center\" to=\"/login\">&larr; Sign In</router-link>\n    </div>\n    <form id=\"form\" v-stream:submit=\"submit$\">\n      <TextInput\n        v-focus\n        required\n        v-model=\"pin\"\n        type=\"text\"\n        :validator=\"$v.pin\"\n        name=\"pin\"\n        label=\"Security Code\"\n        id=\"pin\"\n        placeholder=\"Security Code\"\n      />\n      <button type=\"button\" class=\"btn text-primary pin-link\" v-stream:click=\"pinRequest$\">\n        Request new code?\n      </button>\n      <div class=\"d-flex flex-column align-items-center mt-2\">\n        <div class=\"error text-center mt-2 mb-0\">\n          <p id=\"error\" v-if=\"error\" class=\"text-danger\">{{ error }}</p>\n          <loader size=\"small\" v-else-if=\"loading\"></loader>\n        </div>\n        <button :disabled=\"loading\" type=\"submit\" class=\"mx-auto my-2 btn btn-primary\">\n          Submit\n        </button>\n      </div>\n      <!-- <idle-view /> -->\n    </form>\n  </div>\n</template>\n\n<script>\nimport { catchError, filter, mergeMap, switchMap, tap, throttleTime } from \"rxjs/operators\";\nimport Users from \"../../../services/users\";\nimport { mapActions, mapState, mapGetters } from \"vuex\";\nimport { required } from \"vuelidate/lib/validators\";\nimport { createLogItem, validatorMsgMapBase } from \"../../../modules/helpers\";\nimport auditLog from \"../../../services/AuditLog\";\nimport Loader from \"@/components/common/Loader.vue\";\nimport TextInput from \"@/components/common/TextInput.vue\";\n\nexport default {\n  components: { Loader, TextInput },\n  name: \"Pin\",\n  props: {\n    redirect: {\n      default() {\n        return \"/\";\n      }\n    }\n  },\n  data() {\n    return {\n      pin: \"\",\n      loading: false,\n      error: \"\"\n    };\n  },\n  validations: {\n    pin: {\n      required\n    }\n  },\n  domStreams: [\"submit$\", \"pinRequest$\"],\n  subscriptions() {\n    const submit$ = this.submit$.pipe(\n      tap(({ event }) => event.preventDefault()),\n      filter(() => {\n        this.$v.$touch();\n        return !this.$v.$invalid;\n      })\n    );\n    const requestPin$ = this.pinRequest$.pipe(\n      throttleTime(10000),\n      switchMap(() => this.requestNewPin())\n    );\n\n    const verifyPin$ = submit$.pipe(\n      mergeMap(async () => {\n        const response = await Users.verifyMFAPin(this.pin);\n        if (response.pinIsValid) {\n          this.$store.dispatch(\"verifyPin\");\n          const { userMustChangePassword } = this.currentUser;\n          if (userMustChangePassword) {\n            return this.$router.push({\n              name: \"ExpiredPassword\",\n              query: {\n                redirect: this.redirect\n              }\n            });\n          }\n          auditLog\n            .insertLogMessage({\n              ...createLogItem({}, 16),\n              comments: \"Submitted MFA pin correctly.\"\n            })\n            .catch();\n          this.loadApp();\n        } else {\n          throw \"Invalid pin please try again\";\n        }\n        return;\n      }),\n      catchError(() => {\n        this.loading = false;\n        this.error = \"Error validating pin, please check your input and try again.\";\n        return verifyPin$;\n      })\n    );\n\n    return {\n      verifyPin$,\n      requestPin$\n    };\n  },\n  computed: {\n    ...mapState([\"currentUser\", \"currentLab\", \"availableLabs\"]),\n    ...mapGetters([\"mustSelectLab\"]),\n    validatorMsgMap() {\n      return {\n        ...validatorMsgMapBase,\n        nonAlpha: \"Must include at least one none alpha numeric character.\",\n        minLength: \"Must be at least 8 characters.\",\n        sameAs: \"Must match the password field.\"\n      };\n    }\n  },\n  methods: {\n    ...mapActions([\"authenticate\"]),\n    async loadApp() {\n      this.loading = true;\n      this.loadingMsg = \"Gathering resources...\";\n      if (this.currentLab) {\n        this.loadingMsg = \"\";\n      } else if (this.availableLabs.length === 1) {\n        this.$store.dispatch(\"setCurrentLab\", this.availableLabs[0].id);\n      }\n      if (this.mustSelectLab) {\n        return;\n      }\n      this.$router.push(\"/\");\n    },\n    requestNewPin() {\n      return Users.createPin().then(() => {\n        window.notify(`New pin sent!`, undefined, 2000);\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.pin-link {\n  background: none !important;\n  border: none;\n  padding: 0 !important;\n  /*optional*/\n  font-family: arial, sans-serif;\n  /*input has OS specific font-family*/\n  color: #069;\n  text-decoration: underline;\n  cursor: pointer;\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!./Pin.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!./Pin.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Pin.vue?vue&type=template&id=6e59e8ab&scoped=true&\"\nimport script from \"./Pin.vue?vue&type=script&lang=js&\"\nexport * from \"./Pin.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Pin.vue?vue&type=style&index=0&id=6e59e8ab&lang=scss&scoped=true&\"\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  \"6e59e8ab\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}