{"version":3,"sources":["webpack:///./src/views/Registration.vue","webpack:///./src/views/Registration.vue?727c"],"names":["class","type","isLoading","submitted","setup","username","required","secret","placeholder","camera","ref","create","creating","size","retry","to","apiBase","api","components","Camera","ClipLoader","data","methods","photo","formData","FormData","append","this","createUser","then","res","console","log","$router","push","name","catch","error","msg","alert","$refs","capture","verifyUser","__exports__","render"],"mappings":"4IACOA,MAAM,gB,EACT,eAAqB,UAAjB,gBAAY,G,SAKSA,MAAM,c,EAEzB,eAAuB,aAAhB,YAAQ,G,EAGf,eAAqB,aAAd,UAAM,G,EAIb,eAAkF,UAA1EA,MAAM,qCAAqCC,KAAK,UAAS,YAAQ,G,GAIrDD,MAAM,e,GAM3BA,MAAM,iC,iBACa,U,+IA1B1B,eA6BM,MA7BN,EA6BM,CA5BJ,EAEmB,EAAAE,W,iBAAnB,eAA+B,Y,qCAE/B,eAuBM,YAtBQ,EAAAC,U,wCAAZ,eAWM,MAXN,EAWM,CAVJ,eASO,QATDH,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,E,eACA,eAC4B,S,qDADZ,EAAAE,OAAM,IAAEP,MAAM,+BAA+BQ,YAAY,+BAClEF,SAAA,GAASL,KAAK,Q,mBADL,EAAAM,UAGhB,G,sBAIJ,eAIM,MAJN,EAIM,CAHU,EAAAE,Q,iBAAd,eAAoD,G,MAA9BC,IAAI,SAAU,QAAO,EAAAC,Q,2CACxB,EAAAC,U,iBAAnB,eAA6C,G,MAAfC,KAAM,W,iBACpC,eAAwF,U,MAAzEb,MAAM,yBAAyBC,KAAK,QAAS,QAAK,8BAAE,EAAAa,OAAA,EAAAA,MAAA,sBAAO,W,cAH/D,EAAAX,aAMb,eAEI,IAFJ,EAEI,CADF,eAAwC,GAA3BY,GAAG,KAAG,C,wBAAC,iBAAM,C,8BArBhB,EAAAb,e,gEAgCZc,EAAU,qCACVC,EAAM,IAAI,OAAID,GAEL,GACbE,WAAY,CACVC,SAAA,KACAC,aAAA,MAEFC,KALa,WAMX,MAAO,CACLZ,QAAQ,EACRG,UAAU,EACVV,WAAW,EACXC,WAAW,EACXI,OAAQ,GACRF,SAAU,KAGdiB,QAAS,CACPX,OADO,SACAY,GAAO,WACNC,EAAW,IAAIC,SAErBD,EAASE,OAAO,QAASH,GACzBC,EAASE,OAAO,SAAUC,KAAKpB,QAC/BiB,EAASE,OAAO,WAAYC,KAAKtB,UAEjCY,EAAIW,WAAWJ,GACVK,MAAK,SAAAC,GAEJC,QAAQC,IAAIF,EAAIT,MAChB,EAAKY,QAAQC,KAAK,CAACC,KAAM,kBAE1BC,OAAM,SAAAC,GAEL,IAAMC,EAAM,eAAaD,GACzB,EAAKlC,WAAY,EACjBoC,MAAMD,OAGdxB,MArBO,WAsBLa,KAAKf,UAAW,EAChBe,KAAKa,MAAM/B,OAAOgC,WAEdrC,MAzBC,WAyBO,wJACZ,EAAKF,WAAY,EACjB,EAAKC,WAAY,EAEjBc,EAAIyB,WAAW,EAAKrC,UACfwB,MAAK,SAAAC,GACAA,EAAIT,MACN,EAAKnB,WAAY,EACjB,EAAKC,WAAY,EAEjBoC,MAAM,4BAEN,EAAK9B,QAAS,EACd,EAAKG,UAAW,EAChB,EAAKV,WAAY,MAGpBkC,OAAM,SAAAC,GACL,IAAMC,EAAM,eAAaD,GACzB,EAAKnC,WAAY,EACjB,EAAKC,WAAY,EACjBoC,MAAMD,MArBA,gD,qBC5ElB,MAAMK,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-2d0c5b16.fa381186.js","sourcesContent":["<template>\n  <div class=\"vue-tempalte\">\n    <h3>Registration</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          <label>Secret</label>\n          <input v-model=\"secret\" class=\"form-control form-control-lg\" placeholder=\"Any secret you want to bury?\"\n                 required type=\"text\">\n\n          <button class=\"btn btn-dark btn-lg btn-block mt-2\" type=\"submit\">Continue</button>\n        </form>\n      </div>\n\n      <div v-show=\"submitted\" class=\"text-center\">\n        <camera v-if=\"camera\" ref=\"camera\" @image=\"create\"/>\n        <clip-loader v-if=\"creating\" :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=\"/\">Login?</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      camera: false,\n      creating: false,\n      isLoading: false,\n      submitted: false,\n      secret: '',\n      username: '',\n    }\n  },\n  methods: {\n    create(photo) {\n      const formData = new FormData();\n\n      formData.append(\"image\", photo)\n      formData.append(\"secret\", this.secret)\n      formData.append(\"username\", this.username);\n\n      api.createUser(formData)\n          .then(res => {\n            //handle success\n            console.log(res.data);\n            this.$router.push({name: 'Registered'})\n          })\n          .catch(error => {\n            //handle error\n            const msg = errorHandler(error);\n            this.submitted = false;\n            alert(msg);\n          });\n    },\n    retry() {\n      this.creating = 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.isLoading = false;\n              this.submitted = false;\n\n              alert(\"username already exist\");\n            } else {\n              this.camera = true;\n              this.creating = true;\n              this.isLoading = false;\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 \"./Registration.vue?vue&type=template&id=34253c04\"\nimport script from \"./Registration.vue?vue&type=script&lang=js\"\nexport * from \"./Registration.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":""}