{"version":3,"sources":["webpack:///./src/components/Header.vue","webpack:///./src/components/Header.vue?67ef","webpack:///./src/components/Input.vue","webpack:///./src/components/Input.vue?fc70","webpack:///./src/views/auth-layout.vue?0b7c","webpack:///./src/components/Input.vue?57ef","webpack:///./src/components/Header.vue?8679","webpack:///./src/views/login.vue?92f1","webpack:///./src/views/auth-layout.vue","webpack:///./src/views/auth-layout.vue?9086","webpack:///./src/views/login.vue","webpack:///./src/views/login.vue?eb2b"],"names":["class","logout","name","methods","$store","dispatch","$router","push","__exports__","render","$emit","$event","target","value","type","placeholder","props","emits","href","submit","components","Header","login","email","password","Layout","Input","Button","inject","data","unnotify","notify","message","res","error","that","setTimeout"],"mappings":"sNACOA,MAAM,U,uBACT,eAAuB,YAAjB,cAAU,M,gDADlB,eAGM,MAHN,EAGM,CAFJ,EACA,eAAuD,UAA/CA,MAAM,SAAU,QAAK,8BAAE,EAAAC,QAAA,EAAAA,OAAA,sBAAQ,a,gBAK5B,G,UAAA,CACbC,KAAM,SACNC,QAAS,CACDF,OADC,WACQ,wKACP,EAAKG,OAAOC,SAAS,UADd,OAEb,EAAKC,QAAQC,KAAK,UAFL,iD,iCCJnB,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,U,mICRb,eAKC,SAJE,QAAK,+BAAE,EAAAC,MAAK,eAAiBC,EAAOC,OAAOC,SAC3CA,MAAO,EAAAA,MACPC,KAAM,EAAAA,KACNC,YAAa,EAAAA,a,WAKH,OACbb,KAAM,QACNc,MAAO,CAAC,QAAS,cAAe,QAChCC,MAAO,CAAC,iB,iCCNV,MAAMT,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,U,+GCTf,W,kCCAA,W,kCCAA,W,kCCAA,W,sICCOT,MAAM,e,GACJA,MAAM,e,uBACT,eAAmD,YAA9C,eAAwC,KAArCkB,KAAK,IAAIlB,MAAM,SAAQ,gB,eAEJkB,KAAK,W,SACtBA,KAAK,U,gDALnB,eAUM,MAVN,EAUM,CATJ,eAKM,MALN,EAKM,CAJJ,EAEa,UAAJ,EAAAJ,M,iBAAT,eAAoD,IAApD,EAA0C,Y,iBAC1C,eAAiC,IAAjC,EAAwB,YAE1B,eAEO,QAFA,SAAM,8CAAU,EAAAK,QAAA,EAAAA,OAAA,qBAAM,e,CAC3B,eAAa,kC,sBAQJ,GACbjB,KAAM,aACNkB,WAAY,CAAEC,SAAA,MACdL,MAAO,CAAC,SAAU,S,iCCbpB,MAAMR,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,U,0ECKa,S,oIAb1B,eAeM,YAdJ,eAaS,GAbAU,OAAQ,EAAAG,MAAOR,KAAK,S,yBAC3B,iBAIE,CAJF,eAIE,GAHCD,MAAO,EAAAU,MACP,iBAAY,+BAAE,EAAAA,MAAQZ,IACvBI,YAAY,mBAAmBD,KAAK,S,kBAEtC,eAKE,GAJCD,MAAO,EAAAW,SACP,iBAAY,+BAAE,EAAAA,SAAWb,IAC1BI,YAAY,sBACZD,KAAK,Y,kBAEP,eAAoC,GAA5BA,KAAK,UAAQ,C,wBAAC,iBAAK,C,qGAUlB,GACbZ,KAAM,QACNkB,WAAY,CAAEK,OAAA,OAAQC,QAAA,KAAOC,OAAA,QAC7BC,OAAQ,CAAC,SAAU,YACnBC,KAJa,WAKX,MAAO,CACLN,MAAO,GACPC,SAAU,KAGdrB,QAAS,CACDmB,MADC,WACO,mKACZ,EAAKQ,WACD,EAAKP,OAAU,EAAKC,SAFZ,uBAGV,EAAKO,OAAO,CAAEjB,KAAM,QAASkB,QAAS,kDAH5B,iCAOZ,EAAKD,OAAO,CAAEjB,KAAM,OAAQkB,QAAS,mCAPzB,SAQM,EAAK5B,OAAOC,SAAS,QAAS,CAC9CkB,MAAO,EAAKA,MACZC,SAAU,EAAKA,WAVL,OAQNS,EARM,QAaRA,GAAOA,EAAIC,MACb,EAAKH,OAAO,CAAEjB,KAAM,QAASkB,QAASC,EAAMA,EAAID,QAAU,yCAEpDG,EAAO,EACb,EAAKJ,OAAO,CAAEjB,KAAM,OAAQkB,QAAS,4BAErCI,YAAW,WACT,EAAKN,WACLK,EAAK7B,QAAQC,KAAK,gBACjB,MAtBO,iD,iCC5BlB,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB","file":"js/chunk-1685680c.f4c9512b.js","sourcesContent":["<template>\n  <div class=\"header\">\n    <span>free.money</span>\n    <button class=\"logout\" @click=\"logout\">logout!</button>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Header\",\n  methods: {\n    async logout() {\n      await this.$store.dispatch('logout');\n      this.$router.push('/login')\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.header {\n  display: flex;\n  align-items: center;\n\n  span {\n    font-size: 1.5rem;\n  }\n\n  button {\n    margin-left: auto;\n\n    &.logout {\n      color: var(--blue-dark);\n      font-size: 2rem;\n      background: white;\n      border: 0;\n      cursor: pointer;\n\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n}\n</style>\n","import { render } from \"./Header.vue?vue&type=template&id=3a9c4ba9&scoped=true\"\nimport script from \"./Header.vue?vue&type=script&lang=js\"\nexport * from \"./Header.vue?vue&type=script&lang=js\"\n\nimport \"./Header.vue?vue&type=style&index=0&id=3a9c4ba9&lang=scss&scoped=true\"\n\nimport exportComponent from \"/opt/build/repo/frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3a9c4ba9\"]])\n\nexport default __exports__","<template>\n  <input\n    @input=\"$emit('update:value', $event.target.value)\"\n    :value=\"value\"\n    :type=\"type\"\n    :placeholder=\"placeholder\"\n  >\n</template>\n\n<script>\nexport default {\n  name: \"Input\",\n  props: [\"value\", \"placeholder\", \"type\"],\n  emits: [\"update:value\"],\n};\n</script>\n\n<style lang=\"scss\" scoped>\ninput {\n  padding: 0.7rem;\n  margin-bottom: 1rem;\n  background: white;\n  border: 2px solid #bcc6af;\n  border-radius: 3px;\n}\n</style>\n","import { render } from \"./Input.vue?vue&type=template&id=2d98e933&scoped=true\"\nimport script from \"./Input.vue?vue&type=script&lang=js\"\nexport * from \"./Input.vue?vue&type=script&lang=js\"\n\nimport \"./Input.vue?vue&type=style&index=0&id=2d98e933&lang=scss&scoped=true\"\n\nimport exportComponent from \"/opt/build/repo/frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2d98e933\"]])\n\nexport default __exports__","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-v16/dist/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-v16/dist/index.js??ref--1-1!./auth-layout.vue?vue&type=style&index=0&id=77704818&lang=scss&scoped=true\"","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-v16/dist/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-v16/dist/index.js??ref--1-1!./Input.vue?vue&type=style&index=0&id=2d98e933&lang=scss&scoped=true\"","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-v16/dist/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-v16/dist/index.js??ref--1-1!./Header.vue?vue&type=style&index=0&id=3a9c4ba9&lang=scss&scoped=true\"","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-v16/dist/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-v16/dist/index.js??ref--1-1!./login.vue?vue&type=style&index=0&id=3a19c6a2&lang=scss&scoped=true\"","<template>\n  <div class=\"auth-layout\">\n    <div class=\"auth-header\">\n      <div><a href=\"/\" class=\"title\">free.money</a></div>\n\n      <a v-if=\"type === 'login'\" href=\"/signup\">signup</a>\n      <a v-else href=\"/login\">login</a>\n    </div>\n    <form @submit.prevent=\"submit\">\n      <slot></slot>\n    </form>\n  </div>\n</template>\n\n<script>\nimport Header from \"@/components/Header.vue\";\n\nexport default {\n  name: \"AuthLayout\",\n  components: { Header },\n  props: ['submit', 'type'],\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.auth-layout {\n  max-width: 20rem;\n  margin: 0 auto;\n\n  .auth-header {\n    margin: 2rem 0;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n\n    a {\n      font-size: 1rem;\n      text-decoration: none;\n      color: var(--blue-dark);\n\n      &:hover {\n        text-decoration: underline;\n      }\n\n      &.title {\n        font-size: 1.8rem;\n      }\n    }\n  }\n}\nform {\n  display: flex;\n  flex-direction: column;\n}\n</style>\n","import { render } from \"./auth-layout.vue?vue&type=template&id=77704818&scoped=true\"\nimport script from \"./auth-layout.vue?vue&type=script&lang=js\"\nexport * from \"./auth-layout.vue?vue&type=script&lang=js\"\n\nimport \"./auth-layout.vue?vue&type=style&index=0&id=77704818&lang=scss&scoped=true\"\n\nimport exportComponent from \"/opt/build/repo/frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-77704818\"]])\n\nexport default __exports__","<template>\n  <div>\n    <Layout :submit=\"login\" type='login'>\n      <Input\n        :value=\"email\"\n        @update:value=\"email = $event\"\n        placeholder=\"enter your email\" type=\"email\"\n      />\n      <Input\n        :value=\"password\"\n        @update:value=\"password = $event\"\n        placeholder=\"enter your password\"\n        type=\"password\"\n      />\n      <Button type=\"submit\">login</Button>\n    </Layout>\n  </div>\n</template>\n\n<script>\nimport Layout from \"@/views/auth-layout.vue\";\nimport Input from \"@/components/Input.vue\";\nimport Button from \"@/components/button.vue\";\n\nexport default {\n  name: \"Login\",\n  components: { Layout, Input, Button },\n  inject: ['notify', 'unnotify'],\n  data() {\n    return {\n      email: '',\n      password: '',\n    };\n  },\n  methods: {\n    async login() {\n      this.unnotify();\n      if(!this.email || !this.password) {\n        this.notify({ type: 'error', message: 'please fill all the fields before proceeding!' })\n        return\n      }\n\n      this.notify({ type: 'info', message: 'logging you in... please wait.'});\n      const res = await this.$store.dispatch('login', {\n        email: this.email,\n        password: this.password\n      })\n\n      if(!res || res.error) {\n        this.notify({ type: 'error', message: res ? res.message : 'an error occured, please try again.'});\n      } else {\n        const that = this;\n        this.notify({ type: 'info', message: 'logged in successfully!' })\n\n        setTimeout(() => {\n          this.unnotify();\n          that.$router.push('/dashboard')\n        }, 1000);\n      };\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nform {\n  display: flex;\n  flex-direction: column;\n}\n</style>\n","import { render } from \"./login.vue?vue&type=template&id=3a19c6a2&scoped=true\"\nimport script from \"./login.vue?vue&type=script&lang=js\"\nexport * from \"./login.vue?vue&type=script&lang=js\"\n\nimport \"./login.vue?vue&type=style&index=0&id=3a19c6a2&lang=scss&scoped=true\"\n\nimport exportComponent from \"/opt/build/repo/frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3a19c6a2\"]])\n\nexport default __exports__"],"sourceRoot":""}