{"version":3,"sources":["webpack:///./src/views/Signup.vue","webpack:///./src/views/Signup.vue?2c40","webpack:///./src/views/Signup.vue?c77e","webpack:///./src/components/AuthForm.vue","webpack:///./src/components/AuthForm.vue?1d7d","webpack:///./src/components/AuthForm.vue?3e24"],"names":["id","formType","name","components","AuthForm","data","email","password","confirmPassword","render","class","for","credentials","firstName","placeholder","type","lastName","errorMsg","$store","state","auth","authErrorMsg","callSignIn","to","callSignUp","props","String","required","validator","value","includes","methods","validateEmail","re","test","validatePassword","clearFields","this","commit","dispatch"],"mappings":"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","file":"js/signup.9fece05e.js","sourcesContent":["<template>\n  <div id=\"signup\">\n    <auth-form formType=\"signup\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent } from 'vue'\n  import AuthForm from '../components/AuthForm.vue'\n\n  export default defineComponent({\n    name: 'Signup',\n    components: {\n      AuthForm,\n    },\n    data(): object {\n      return {\n        email: '',\n        password: '',\n        confirmPassword: '',\n      }\n    },\n  })\n</script>\n","\n  import { defineComponent } from 'vue'\n  import AuthForm from '../components/AuthForm.vue'\n\n  export default defineComponent({\n    name: 'Signup',\n    components: {\n      AuthForm,\n    },\n    data(): object {\n      return {\n        email: '',\n        password: '',\n        confirmPassword: '',\n      }\n    },\n  })\n","import { render } from \"./Signup.vue?vue&type=template&id=8731f96e\"\nimport script from \"./Signup.vue?vue&type=script&lang=ts\"\nexport * from \"./Signup.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","<template>\n  <div id=\"auth-form\">\n    <div\n      class=\"max-w-xs p-12 mx-auto mt-10 font-normal md:max-w-xl md:p-20 rounded-md bg-nord0\"\n    >\n      <form @submit.prevent=\"\">\n        <div class=\"my-4 grid grid-cols-2\" v-if=\"formType == 'signup'\">\n          <div class=\"mr-2 col-span-1\">\n            <label for=\"firstName\" class=\"block mb-1\">First Name</label>\n            <input\n              class=\"w-full px-4 py-2 rounded text-nord0 bg-nord4\"\n              v-model=\"credentials.firstName\"\n              placeholder=\"Ada\"\n              type=\"text\"\n            />\n          </div>\n          <div class=\"ml-2 col-span-1\">\n            <label for=\"lastName\" class=\"block mb-1\">Last Name</label>\n            <input\n              class=\"w-full px-4 py-2 rounded text-nord0 bg-nord4\"\n              v-model=\"credentials.lastName\"\n              placeholder=\"Lovelace\"\n              type=\"text\"\n            />\n          </div>\n        </div>\n        <!-- Login page only -->\n        <div class=\"my-6\">\n          <label for=\"email\" class=\"block mb-1\">Email</label>\n          <input\n            class=\"w-full px-4 py-2 rounded text-nord0 bg-nord4\"\n            v-model=\"credentials.email\"\n            placeholder=\"ada@example.com\"\n            type=\"email\"\n          />\n        </div>\n        <div class=\"my-6\">\n          <label for=\"password\" class=\"block mb-1\">Password</label>\n          <input\n            class=\"w-full px-4 py-2 rounded text-nord0 bg-nord4\"\n            v-model=\"credentials.password\"\n            placeholder=\"••••••••••••••••\"\n            type=\"password\"\n          />\n        </div>\n        <!-- Signup page only -->\n        <div v-if=\"formType == 'signup'\" class=\"my-6\">\n          <label for=\"password\" class=\"block mb-1\">Confirm Password</label>\n          <input\n            class=\"w-full px-4 py-2 text-gray-800 rounded bg-nord4\"\n            v-model=\"credentials.confirmPassword\"\n            placeholder=\"••••••••••••••••\"\n            type=\"password\"\n          />\n        </div>\n        <div\n          v-if=\"errorMsg || $store.state.auth.authErrorMsg\"\n          class=\"text-nord11\"\n        >\n          {{ errorMsg }}\n          {{ $store.state.auth.authErrorMsg }}\n        </div>\n        <!-- Login page buttons -->\n        <div v-if=\"formType == 'login'\">\n          <div class=\"flex items-center justify-between mt-8\">\n            <button\n              class=\"px-4 py-2 rounded bg-nord3 hoverlink\"\n              @click=\"callSignIn()\"\n            >\n              Log In\n            </button>\n            <router-link\n              :to=\"{ name: 'Signup' }\"\n              class=\"px-4 py-2 font-normal hoverlink\"\n            >\n              Sign Up\n            </router-link>\n          </div>\n        </div>\n        <!-- Signup page buttons -->\n        <div v-else>\n          <div class=\"flex items-center justify-between mt-8\">\n            <button\n              class=\"px-4 py-2 rounded bg-nord3 hoverlink\"\n              @click=\"callSignUp()\"\n            >\n              Sign Up\n            </button>\n            <router-link\n              :to=\"{ name: 'Login' }\"\n              class=\"px-4 py-2 font-normal hoverlink\"\n            >\n              Login\n            </router-link>\n          </div>\n        </div>\n      </form>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent } from 'vue'\n\n  interface Credentials {\n    firstName: string\n    lastName: string\n    email: string\n    password: string\n    confirmPassword: string\n  }\n\n  export default defineComponent({\n    name: 'Login',\n    props: {\n      formType: {\n        type: String,\n        required: true,\n        validator: (value: string): boolean => {\n          return ['login', 'signup'].includes(value)\n        },\n      },\n    },\n    data() {\n      return {\n        credentials: {\n          firstName: '',\n          lastName: '',\n          email: '',\n          password: '',\n          confirmPassword: '',\n        } as Credentials,\n        errorMsg: '',\n      }\n    },\n    methods: {\n      validateEmail(email: string): boolean {\n        const re = /^(([^<>()[\\]\\\\.,;:\\s@']+(\\.[^<>()[\\]\\\\.,;:\\s@']+)*)|('.+'))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,4}))$/\n        return re.test(email)\n      },\n      validatePassword(password: string, confirmPassword: string): boolean {\n        return password == confirmPassword\n      },\n      clearFields(): void {\n        this.credentials = {\n          firstName: '',\n          lastName: '',\n          email: '',\n          password: '',\n          confirmPassword: '',\n        }\n      },\n      callSignUp(): void {\n        this.$store.commit('auth/setAuthErrorMsg', '')\n        if (\n          this.validatePassword(\n            this.credentials.password,\n            this.credentials.confirmPassword\n          ) &&\n          this.validateEmail(this.credentials.email)\n        ) {\n          this.errorMsg = ''\n          this.$store.dispatch('auth/signUp', this.credentials)\n        } else if (!this.validateEmail(this.credentials.email)) {\n          this.errorMsg = 'Invalid email'\n        } else {\n          this.errorMsg = 'Password confirmation does not match'\n        }\n        this.clearFields()\n      },\n      callSignIn() {\n        this.$store.commit('auth/setAuthErrorMsg', '')\n        if (this.validateEmail(this.credentials.email)) {\n          this.errorMsg = ''\n          this.$store.dispatch('auth/signIn', this.credentials)\n        } else {\n          this.errorMsg = 'Invalid email'\n        }\n        this.clearFields()\n      },\n    },\n  })\n</script>\n\n<style scoped></style>\n","\n  import { defineComponent } from 'vue'\n\n  interface Credentials {\n    firstName: string\n    lastName: string\n    email: string\n    password: string\n    confirmPassword: string\n  }\n\n  export default defineComponent({\n    name: 'Login',\n    props: {\n      formType: {\n        type: String,\n        required: true,\n        validator: (value: string): boolean => {\n          return ['login', 'signup'].includes(value)\n        },\n      },\n    },\n    data() {\n      return {\n        credentials: {\n          firstName: '',\n          lastName: '',\n          email: '',\n          password: '',\n          confirmPassword: '',\n        } as Credentials,\n        errorMsg: '',\n      }\n    },\n    methods: {\n      validateEmail(email: string): boolean {\n        const re = /^(([^<>()[\\]\\\\.,;:\\s@']+(\\.[^<>()[\\]\\\\.,;:\\s@']+)*)|('.+'))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,4}))$/\n        return re.test(email)\n      },\n      validatePassword(password: string, confirmPassword: string): boolean {\n        return password == confirmPassword\n      },\n      clearFields(): void {\n        this.credentials = {\n          firstName: '',\n          lastName: '',\n          email: '',\n          password: '',\n          confirmPassword: '',\n        }\n      },\n      callSignUp(): void {\n        this.$store.commit('auth/setAuthErrorMsg', '')\n        if (\n          this.validatePassword(\n            this.credentials.password,\n            this.credentials.confirmPassword\n          ) &&\n          this.validateEmail(this.credentials.email)\n        ) {\n          this.errorMsg = ''\n          this.$store.dispatch('auth/signUp', this.credentials)\n        } else if (!this.validateEmail(this.credentials.email)) {\n          this.errorMsg = 'Invalid email'\n        } else {\n          this.errorMsg = 'Password confirmation does not match'\n        }\n        this.clearFields()\n      },\n      callSignIn() {\n        this.$store.commit('auth/setAuthErrorMsg', '')\n        if (this.validateEmail(this.credentials.email)) {\n          this.errorMsg = ''\n          this.$store.dispatch('auth/signIn', this.credentials)\n        } else {\n          this.errorMsg = 'Invalid email'\n        }\n        this.clearFields()\n      },\n    },\n  })\n","import { render } from \"./AuthForm.vue?vue&type=template&id=013d1d54\"\nimport script from \"./AuthForm.vue?vue&type=script&lang=ts\"\nexport * from \"./AuthForm.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}