{"version":3,"sources":["webpack:///./src/views/pages/Signup.vue?488a","webpack:///./src/assets/images/logo/logo.png","webpack:///./src/views/pages/Signup.vue?a04f","webpack:///src/views/pages/Signup.vue","webpack:///./src/views/pages/Signup.vue?a885","webpack:///./src/views/pages/Signup.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","logo","_v","staticStyle","model","value","callback","$$v","firstName","expression","lastName","_l","user","key","name","directives","rawName","domProps","_q","picked","on","$event","_s","email","password","mobileNumber","isValidForm","preventDefault","submit","$store","state","version","staticRenderFns","data","Users","submit_disabled","api_errors","computed","isValidEmail","isValidMobileNumber","methods","first_name","last_name","gender","mobile_number","Request","time","title","text","iconPack","icon","color","component"],"mappings":"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","file":"js/chunk-38a050a7.e7186df6.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Signup.vue?vue&type=style&index=0&id=60909df3&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/logo.23f977f2.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-screen flex w-full\"},[_c('div',{staticClass:\"vx-col flex items-center justify-center flex-col sm:w-1/2 md:w-3/5 lg:w-3/4 xl:w-1/2 mx-auto\"},[_c('vx-card',[_c('vs-row',{staticClass:\"p-0\",attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('vs-col',{staticClass:\"text-center p-0 login-side-image\",attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"6\",\"vs-lg\":\"6\"}}),_c('vs-col',{staticClass:\"p-base\",attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"6sm\",\"vs-lg\":\"6\"}},[_c('vs-row',[_c('vs-col',{attrs:{\"vs-xs\":\"12\",\"vs-sm\":\"12\",\"vs-lg\":\"12\"}},[_c('img',{staticClass:\"login-logo mx-auto\",attrs:{\"src\":_vm.logo}})]),_c('vs-col',{staticClass:\"mt-2\"},[_c('h3',{staticClass:\"mt-2\"},[_vm._v(\"Sign Up\")])]),_c('vs-col',{staticStyle:{\"display\":\"flex\"},attrs:{\"size\":\"12\"}},[_c('vs-input',{staticClass:\"w-half mb-3\",staticStyle:{\"width\":\"50%\",\"margin-right\":\"10px\"},attrs:{\"type\":\"text\",\"label\":\"First Name*\",\"placeholder\":\"Enter First Name\"},model:{value:(_vm.firstName),callback:function ($$v) {_vm.firstName=$$v},expression:\"firstName\"}}),_c('vs-input',{staticClass:\"w-half mb-3\",staticStyle:{\"width\":\"50%\"},attrs:{\"type\":\"Email\",\"label\":\"Last Name*\",\"placeholder\":\"Enter Last Name\"},model:{value:(_vm.lastName),callback:function ($$v) {_vm.lastName=$$v},expression:\"lastName\"}})],1),_c('vs-col',{staticClass:\"mb-2\",attrs:{\"size\":\"12\"}},[_c('div',{staticClass:\"flex items-center\"},[_c('span',{staticClass:\"mr-4 font-semibold\"},[_vm._v(\"Gender*\")]),_vm._l((_vm.Users),function(user){return _c('label',{key:user.name,staticStyle:{\"display\":\"flex\",\"margin-right\":\"18px\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.picked),expression:\"picked\"}],attrs:{\"type\":\"radio\"},domProps:{\"value\":user.name,\"checked\":_vm._q(_vm.picked,user.name)},on:{\"change\":function($event){_vm.picked=user.name}}}),_c('span',{staticStyle:{\"padding-left\":\"4px\"}},[_vm._v(_vm._s(user.name))])])})],2)]),_c('vs-col',{staticStyle:{\"display\":\"flex\"},attrs:{\"size\":\"12\"}},[_c('vs-input',{staticClass:\"mb-2\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"Email\",\"label\":\"Email*\",\"placeholder\":\"Enter Email Address\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1),_c('vs-col',{staticStyle:{\"display\":\"flex\"},attrs:{\"size\":\"12\"}},[_c('vs-input',{staticClass:\"w-half mb-2\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"password\",\"label\":\"Password*\",\"placeholder\":\"Enter Password\"},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}})],1),_c('vs-col',{staticStyle:{\"display\":\"flex\"},attrs:{\"size\":\"12\"}},[_c('vs-input',{staticClass:\"w-half mb-3\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"number\",\"label\":\"Mobile Number*\",\"placeholder\":\"Enter Mobile Number\"},model:{value:(_vm.mobileNumber),callback:function ($$v) {_vm.mobileNumber=$$v},expression:\"mobileNumber\"}})],1),_c('vs-col',{staticClass:\"mt-3\"},[_c('vs-button',{staticStyle:{\"width\":\"140px\"},attrs:{\"disabled\":!_vm.isValidForm},on:{\"click\":function($event){$event.preventDefault();return _vm.submit($event)}}},[_vm._v(\"Submit\")])],1),_c('vs-col',{staticClass:\"mt-8\"},[_c('hr',{staticStyle:{\"background\":\"#eee\",\"margin-bottom\":\"15px\"}}),_c('medium',{staticStyle:{\"display\":\"block\"}},[_vm._v(\"\\n                Already have an account? \"),_c('router-link',{attrs:{\"to\":{name: 'page-sign-in'}}},[_vm._v(\"\\n                Sign in\\n              \")])],1)],1)],1)],1)],1)],1),_c('div',{staticClass:\"text-center mt-3\"},[_c('small',[_vm._v(\"v\"+_vm._s(_vm.$store.state.version))])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"h-screen flex w-full\">\n    <div class=\"vx-col flex items-center justify-center flex-col sm:w-1/2 md:w-3/5 lg:w-3/4 xl:w-1/2 mx-auto\">\n      <vx-card>\n        <vs-row class=\"p-0\" slot=\"no-body\">\n          <vs-col class=\"text-center p-0 login-side-image\" vs-xs=\"12\" vs-sm=\"6\" vs-lg=\"6\">\n          </vs-col>\n          <vs-col class=\"p-base\" vs-xs=\"12\" vs-sm=\"6sm\" vs-lg=\"6\">\n            <vs-row>\n              <vs-col vs-xs=\"12\" vs-sm=\"12\" vs-lg=\"12\">\n                <img :src=\"logo\" class=\"login-logo mx-auto\" />\n              </vs-col>\n              <vs-col class=\"mt-2\">\n                <h3 class=\"mt-2\">Sign Up</h3>\n              </vs-col>\n\n              <vs-col size=\"12\" style=\"display:flex;\">\n                <vs-input style=\"width: 50%; margin-right:10px;\"\n                          v-model=\"firstName\"\n                          type=\"text\"\n                          label=\"First Name*\"\n                          placeholder=\"Enter First Name\"\n                          class=\"w-half mb-3\"\n                />\n                <vs-input style=\"width: 50%\"\n                          v-model=\"lastName\"\n                          type=\"Email\"\n                          label=\"Last Name*\"\n                          placeholder=\"Enter Last Name\"\n                          class=\"w-half mb-3\"\n                />\n              </vs-col>\n              <vs-col size=\"12\" class=\"mb-2\">\n                <div class=\"flex items-center\">\n                  <span class=\"mr-4 font-semibold\">Gender*</span>\n                  <label v-for=\"user in Users\" :key=\"user.name\" style=\"display: flex; margin-right: 18px;\">\n                    <input type=\"radio\" :value=\"user.name\" v-model=\"picked\" />\n                    <span style=\"padding-left: 4px;\">{{ user.name }}</span>\n                  </label>\n                </div>\n              </vs-col>\n              <vs-col size=\"12\" style=\"display:flex;\">\n                <vs-input style=\"width: 100%;\"\n                          v-model=\"email\"\n                          type=\"Email\"\n                          label=\"Email*\"\n                          placeholder=\"Enter Email Address\"\n                          class=\"mb-2\"\n                />\n              </vs-col>\n              <vs-col size=\"12\" style=\"display:flex;\">\n                <vs-input style=\"width: 100%\"\n                          v-model=\"password\"\n                          type=\"password\"\n                          label=\"Password*\"\n                          placeholder=\"Enter Password\"\n                          class=\"w-half mb-2\"\n                />\n              </vs-col>\n              <vs-col size=\"12\" style=\"display:flex;\">\n                <vs-input style=\"width: 100%;\"\n                          v-model=\"mobileNumber\"\n                          type=\"number\"\n                          label=\"Mobile Number*\"\n                          placeholder=\"Enter Mobile Number\"\n                          class=\"w-half mb-3\"\n                />\n              </vs-col>\n              <vs-col class=\"mt-3\">\n                <vs-button :disabled=\"!isValidForm\" @click.prevent=\"submit\" style=\"width: 140px\">Submit</vs-button>\n              </vs-col>\n\n              <vs-col class=\"mt-8\">\n                <hr style=\"background: #eee; margin-bottom: 15px;\">\n                <medium style=\"display: block;\">\n                  Already have an account? <router-link :to=\"{name: 'page-sign-in'}\">\n                  Sign in\n                </router-link>\n                </medium>\n              </vs-col>\n            </vs-row>\n          </vs-col>\n        </vs-row>\n      </vx-card>\n      <div class=\"text-center mt-3\">\n        <small>v{{ $store.state.version }}</small>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { Request } from '../../utils/requests'\nexport default {\n  data () {\n    return {\n      firstName: '',\n      lastName: '',\n      email: '',\n      password: '',\n      mobileNumber: '',\n      picked: 'Male',\n      Users: [{ name: 'Male' }, { name: 'Female' }, { name: 'Others' }],\n      submit_disabled: false,\n      api_errors: {}\n    }\n  },\n  computed: {\n    logo () {\n      return require('@/assets/images/logo/logo.png')\n    },\n    isValidEmail() {\n      const emailPattern = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n      return emailPattern.test(this.email)\n    },\n    isValidMobileNumber() {\n      const mobilePattern = /^\\d{10}$/\n      return mobilePattern.test(this.mobileNumber)\n    },\n    isValidForm() {\n      return this.firstName && this.lastName && this.isValidEmail && this.password && this.isValidMobileNumber && this.picked\n    }\n  },\n  methods: {\n    submit () {\n      this.submit_disabled = true\n      const payload = {\n        first_name: this.firstName,\n        last_name: this.lastName,\n        gender: this.picked.toLowerCase(),\n        email: this.email,\n        mobile_number: this.mobileNumber,\n        password: this.password\n      }\n      Request(this, 'POST', this.$store.state.apiendpoints.sign_up, null, payload, {}, false).then(\n        res => {\n          if(res.message===\"User created successfully.\"){\n            this.$vs.notify({\n              time: 2500,\n              title: 'Success',\n              text: 'User created successfully.',\n              iconPack: 'feather',\n              icon: 'icon-check-circle',\n              color:'success'\n            })\n            this.$router.push({ name: 'page-login' })\n          }\n        },\n        err => {\n          this.submit_disabled = false\n          if (err.error) {\n            this.api_errors = err.error.message || err.error.password || err.error.email\n            this.$vs.notify({\n              time: 2500,\n              title: 'Login Failed',\n              text: this.api_errors,\n              iconPack: 'feather',\n              icon: 'icon-alert-circle',\n              color: 'danger'\n            })\n          } else {\n            this.$vs.notify({\n              time: 2500,\n              title: 'API Error',\n              text: 'An Error Occurred. Please try again later.',\n              iconPack: 'feather',\n              icon: 'icon-alert-circle',\n              color: 'danger'\n            })\n          }\n        }\n      )\n    }\n  }\n}\n</script>\n<style lang=\"scss\">\n.login-logo {\n  max-height: 50px;\n  margin-bottom: 30px;\n}\n.login-side-image {\n  background-image: url('../../assets/images/pages/21.jpg');\n  background-size: cover;\n  background-position: center;\n  border-radius: 1.5rem 0 0 1.5rem;\n}\n.vs-radio-group {\n  display: flex;\n  align-items: center;\n}\n.vs-radio {\n  margin-right: 10px;\n}\n@media only screen and (max-width: 600px) {\n    .vs-xs-12 {\n        width: 100% !important;\n    }\n    .vs-col{\n      padding: 0;\n    }\n}\n</style>\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!./Signup.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!./Signup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Signup.vue?vue&type=template&id=60909df3&\"\nimport script from \"./Signup.vue?vue&type=script&lang=js&\"\nexport * from \"./Signup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Signup.vue?vue&type=style&index=0&id=60909df3&prod&lang=scss&\"\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":""}