{"version":3,"sources":["webpack:///./src/views/Login.vue","webpack:///./src/views/Login.vue?a459"],"names":["class","type","isLoading","submitted","setup","username","required","camera","ref","authenticate","authenticating","size","retry","to","apiBase","api","components","Camera","ClipLoader","data","methods","photo","formData","FormData","append","this","authenticateUser","then","res","$route","query","redirect_uri","window","location","href","access_token","state","localStorage","setItem","$router","push","name","catch","error","msg","alert","$refs","capture","verifyUser","__exports__","render"],"mappings":"0IACOA,MAAM,gB,EACT,eAAqB,UAAjB,gBAAY,G,SAKSA,MAAM,c,EAEzB,eAAuB,aAAhB,YAAQ,G,EAGf,eAAgF,UAAxEA,MAAM,qCAAqCC,KAAK,UAAS,UAAM,G,GAInDD,MAAM,e,GAM3BA,MAAM,iC,iBACqB,gB,+IAtBlC,eAyBM,MAzBN,EAyBM,CAxBJ,EAEmB,EAAAE,W,iBAAnB,eAA+B,Y,qCAE/B,eAmBM,YAlBQ,EAAAC,U,wCAAZ,eAOM,MAPN,EAOM,CANJ,eAKO,QALDH,MAAM,OAAQ,SAAM,8CAAU,EAAAI,OAAA,EAAAA,MAAA,qBAAK,e,CACvC,E,eACA,eAAoF,S,qDAApE,EAAAC,SAAQ,IAAEL,MAAM,+BAA+BM,SAAA,GAASL,KAAK,Q,mBAA7D,EAAAI,YAEhB,G,sBAIJ,eAIM,MAJN,EAIM,CAHU,EAAAE,Q,iBAAd,eAA0D,G,MAApCC,IAAI,SAAU,QAAO,EAAAC,c,2CACxB,EAAAC,gB,iBAAnB,eAAmD,G,MAAfC,KAAM,W,iBAC1C,eAAwF,U,MAAzEX,MAAM,yBAAyBC,KAAK,QAAS,QAAK,8BAAE,EAAAW,OAAA,EAAAA,MAAA,sBAAO,W,cAH/D,EAAAT,aAMb,eAEI,IAFJ,EAEI,CADF,eAAsD,GAAzCU,GAAG,aAAW,C,wBAAC,iBAAY,C,8BAjB9B,EAAAX,e,0EA4BZY,EAAU,qCACVC,EAAM,IAAI,OAAID,GAEL,GACbE,WAAY,CACVC,SAAA,KACAC,aAAA,MAEFC,KALa,WAMX,MAAO,CACLT,gBAAgB,EAChBH,QAAQ,EACRL,WAAW,EACXC,WAAW,EACXE,SAAU,KAGde,QAAS,CACPX,aADO,SACMY,GAAO,WACZC,EAAW,IAAIC,SAErBD,EAASE,OAAO,QAASH,GACzBC,EAASE,OAAO,WAAYC,KAAKpB,UAEjCU,EAAIW,iBAAiBJ,GAChBK,MAAK,SAAAC,GACA,EAAKC,OAAOC,MAAMC,aACpBC,OAAOC,SAASC,KAAhB,UAA0B,EAAKL,OAAOC,MAAMC,aAA5C,iBAAiEH,EAAIT,KAAKgB,aAA1E,kBAAgG,EAAKN,OAAOC,MAAMM,QAElHC,aAAaC,QAAQ,QAASV,EAAIT,KAAKgB,cACvC,EAAKI,QAAQC,KAAK,CAACC,KAAM,gBAG5BC,OAAM,SAAAC,GACL,IAAIC,EAAM,eAAaD,GACvB,EAAKjC,gBAAiB,EACtBmC,MAAMD,OAGdhC,MAtBO,WAuBLa,KAAKf,gBAAiB,EACtBe,KAAKqB,MAAMvC,OAAOwC,WAEd3C,MA1BC,WA0BO,wJACZ,EAAKF,WAAY,EACjB,EAAKC,WAAY,EAEjBY,EAAIiC,WAAW,EAAK3C,UACfsB,MAAK,SAAAC,GACAA,EAAIT,MACN,EAAKT,gBAAiB,EACtB,EAAKH,QAAS,EACd,EAAKL,WAAY,IAEjB,EAAKA,WAAY,EACjB,EAAKC,WAAY,EAEjB0C,MAAM,wBAGTH,OAAM,SAAAC,GACL,IAAMC,EAAM,eAAaD,GACzB,EAAKzC,WAAY,EACjB,EAAKC,WAAY,EACjB0C,MAAMD,MArBA,gD,qBCxElB,MAAMK,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-2d2086b7.3c771b9f.js","sourcesContent":["<template>\n  <div class=\"vue-tempalte\">\n    <h3>Authenticate</h3>\n\n    <clip-loader v-if=\"isLoading\"/>\n\n    <div v-show=\"!isLoading\">\n      <div v-if=\"!submitted\" class=\"form-group\">\n        <form class=\"form\" @submit.prevent=\"setup\">\n          <label>Username</label>\n          <input v-model=\"username\" class=\"form-control form-control-lg\" required type=\"text\">\n\n          <button class=\"btn btn-dark btn-lg btn-block mt-2\" type=\"submit\">Log In</button>\n        </form>\n      </div>\n\n      <div v-show=\"submitted\" class=\"text-center\">\n        <camera v-if=\"camera\" ref=\"camera\" @image=\"authenticate\"/>\n        <clip-loader v-if=\"authenticating\" :size=\"'30px'\"/>\n        <button v-else class=\"btn btn-dark btn-block\" type=\"reset\" @click=\"retry\">Retry</button>\n      </div>\n\n      <p class=\"sidelink text-right mt-2 mb-4\">\n        <router-link to=\"/register\">Create User?</router-link>\n      </p>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Camera from \"../components/Camera\";\nimport ClipLoader from \"../components/ClipLoader\";\nimport {API, errorHandler} from \"../helpers/utils\";\n\nconst apiBase = process.env.VUE_APP_APIURL;\nconst api = new API(apiBase);\n\nexport default {\n  components: {\n    Camera,\n    ClipLoader,\n  },\n  data() {\n    return {\n      authenticating: false,\n      camera: false,\n      isLoading: false,\n      submitted: false,\n      username: '',\n    }\n  },\n  methods: {\n    authenticate(photo) {\n      const formData = new FormData();\n\n      formData.append(\"image\", photo)\n      formData.append(\"username\", this.username);\n\n      api.authenticateUser(formData)\n          .then(res => {\n            if (this.$route.query.redirect_uri) {\n              window.location.href = `${this.$route.query.redirect_uri}?code=${res.data.access_token}&state=${this.$route.query.state}`;\n            } else {\n              localStorage.setItem(\"token\", res.data.access_token);\n              this.$router.push({name: 'Details'})\n            }\n          })\n          .catch(error => {\n            var msg = errorHandler(error);\n            this.authenticating = false;\n            alert(msg);\n          });\n    },\n    retry() {\n      this.authenticating = true;\n      this.$refs.camera.capture();\n    },\n    async setup() {\n      this.isLoading = true;\n      this.submitted = true;\n\n      api.verifyUser(this.username)\n          .then(res => {\n            if (res.data) {\n              this.authenticating = true;\n              this.camera = true;\n              this.isLoading = false;\n            } else {\n              this.isLoading = false;\n              this.submitted = false;\n\n              alert(\"invalid username\");\n            }\n          })\n          .catch(error => {\n            const msg = errorHandler(error);\n            this.isLoading = false;\n            this.submitted = false;\n            alert(msg);\n          });\n    },\n  },\n}\n\n</script>","import { render } from \"./Login.vue?vue&type=template&id=1c87c5b7\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}