{"version":3,"sources":["webpack:///./src/views/auth/ForgotPassword.vue?3752","webpack:///./src/views/auth/ForgotPassword.vue","webpack:///./src/views/auth/ForgotPassword.vue?48e2"],"names":["class","src","alt","for","href","complete","$router","push","type","id","aria-describedby","placeholder","name","email","message","sendReset","disabled","loading","length","computed","this","$store","state","auth","status","loggedIn","dark","methods","a","post","then","response","catch","error","data","__exports__","render"],"mappings":"yIAAA,W,oICCOA,MAAM,oB,GACJA,MAAM,sB,QACT,eAOM,OAPDA,MAAM,eAAa,CACtB,eAIE,OAHAC,IAAI,wBACJC,IAAI,kBACJF,MAAM,cAER,eAAwB,UAApB,qB,YAEN,eAGI,KAHDA,MAAM,oBAAmB,oGAG5B,I,SACsBA,MAAM,oB,GACrBA,MAAM,c,QACT,eAAiE,SAA1DG,IAAI,cAAcH,MAAM,cAAa,iBAAa,I,GAYtDA,MAAM,gB,kBASLA,MAAM,oC,QAER,eAA2B,YAArB,kBAAc,I,QAEtB,eAAoD,KAAjDI,KAAK,SAASJ,MAAM,aAAY,iBAAa,I,kBAIlD,eAII,KAJDA,MAAM,oBAAmB,yJAI5B,I,gDAjDN,eAuDM,MAvDN,EAuDM,CAtDJ,eAqDM,MArDN,EAqDM,CApDJ,EAQA,EAIY,EAAAK,U,iBA8BZ,eASM,SARJ,EAKA,eAES,UAFDL,MAAM,kBAAmB,QAAK,eAAE,EAAAM,QAAQC,KAAK,YAAW,uB,iBApClE,eA6BM,MA7BN,EA6BM,CA5BJ,eAWM,MAXN,EAWM,CAVJ,E,eACA,eAQE,S,qCAPS,EAAK,SACdC,KAAK,QACLR,MAAM,eACNS,GAAG,cACHC,mBAAiB,cACjBC,YAAY,uBACZC,KAAK,Y,mBANI,EAAAC,W,eASb,eAAyD,KAArCb,MAAM,eAAa,eAAI,EAAAc,SAAO,M,QAAvC,EAAAA,WACX,eAcM,MAdN,EAcM,CAbJ,eAWS,UAVPN,KAAK,SACJ,QAAK,oBAAE,EAAAO,WAAA,EAAAA,aAAA,IACPC,SAAU,EAAAC,SAAW,EAAAJ,MAAMK,OAAS,EACrClB,MAAM,mB,gBAEN,eAGQ,OAHR,EAGQ,W,QAFE,EAAAiB,WAGV,G,KAEF,W,yBAoBK,GACbL,KAAM,SACN,OACE,MAAO,CACLK,SAAS,EACTH,QAAS,GACTT,UAAU,EACVQ,MAAO,KAGXM,SAAU,CACR,WACE,OAAOC,KAAKC,OAAOC,MAAMC,KAAKC,OAAOC,UAEvC,QACE,OAAOL,KAAKC,OAAOC,MAAMC,KAAKC,OAAOE,OAGzCC,QAAS,CACP,YACE,EAAAC,EACGC,KAAK,0CAA2C,CAC/ChB,MAAOO,KAAKP,QAEbiB,KAAMC,IACLX,KAAKf,UAAW,IAEjB2B,MAAOC,IACFA,EAAMF,SACRX,KAAKN,QAAUmB,EAAMF,SAASG,KAAKpB,QAEnCM,KAAKN,QACH,qE,iCCvFd,MAAMqB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E","file":"js/chunk-f08a49aa.c886302c.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ForgotPassword.vue?vue&type=style&index=0&id=2f240672&scoped=true&lang=css\"","<template>\n  <div class=\"app-auth-sign-in\">\n    <div class=\"app-auth-container\">\n      <div class=\"auth-header\">\n        <img\n          src=\"/images/vars_logo.png\"\n          alt=\"VARS Technology\"\n          class=\"auth-logo\"\n        />\n        <h1>Forgot Password</h1>\n      </div>\n      <p class=\"auth-description\">\n        Please enter the email address associated with your account and we will\n        send you a reset link.\n      </p>\n      <div v-if=\"!complete\" class=\"auth-credentials\">\n        <div class=\"form-group\">\n          <label for=\"signInEmail\" class=\"form-label\">Email Address</label>\n          <input\n            v-model=\"email\"\n            type=\"email\"\n            class=\"form-control\"\n            id=\"signInEmail\"\n            aria-describedby=\"signInEmail\"\n            placeholder=\"example@varsanpr.com\"\n            name=\"username\"\n          />\n        </div>\n        <p v-show=\"message\" class=\"text-danger\">{{ message }}</p>\n        <div class=\"auth-actions\">\n          <button\n            type=\"submit\"\n            @click=\"sendReset\"\n            :disabled=\"loading || email.length < 3\"\n            class=\"btn btn-primary\"\n          >\n            <span\n              v-show=\"loading\"\n              class=\"spinner-border spinner-border-sm\"\n            ></span>\n            <span>Send me a Link</span>\n          </button>\n          <a href=\"/login\" class=\"auth-link\">Back to Login</a>\n        </div>\n      </div>\n      <div v-else>\n        <p class=\"auth-description\">\n          If the email address is correct, we will send you a link to your\n          email. Please check your inbox and follow the instructions to reset\n          your password.\n        </p>\n        <button class=\"btn btn-primary\" @click=\"$router.push('/login')\">\n          Back to Login\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\n\nexport default {\n  name: \"Forgot\",\n  data() {\n    return {\n      loading: false,\n      message: \"\",\n      complete: false,\n      email: \"\",\n    };\n  },\n  computed: {\n    loggedIn() {\n      return this.$store.state.auth.status.loggedIn;\n    },\n    night() {\n      return this.$store.state.auth.status.dark;\n    },\n  },\n  methods: {\n    sendReset() {\n      axios\n        .post(`https://api.varsanpr.com/api/auth/reset`, {\n          email: this.email,\n        })\n        .then((response) => {\n          this.complete = true;\n        })\n        .catch((error) => {\n          if (error.response) {\n            this.message = error.response.data.message;\n          } else {\n            this.message =\n              \"There was an issue with your request. Please try again later.\";\n          }\n        });\n    },\n  },\n};\n</script>\n\n<style scoped>\n.app-auth-sign-in {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100vh;\n  width: 100vw;\n  margin: 0;\n  padding: 0;\n}\n\n.app-auth-container {\n  max-width: 600px;\n  max-height: max-content;\n  margin: 0 auto;\n  padding: 50px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n\n@media (max-width: 768px) {\n  .app-auth-container {\n    width: 100%;\n    padding: 20px;\n    border-radius: 0;\n    box-shadow: none;\n    height: 100%;\n    max-width: 100%;\n    max-height: 100%;\n  }\n}\n\n.auth-header {\n  text-align: center;\n  margin-bottom: 20px;\n}\n\n.auth-logo {\n  height: 50px;\n  margin-bottom: 10px;\n}\n\n.auth-description {\n  text-align: center;\n  font-size: 16px;\n  margin-bottom: 20px;\n}\n\n.form-group {\n  margin-bottom: 20px;\n}\n\n.form-label {\n  display: block;\n  font-weight: bold;\n  margin-bottom: 5px;\n}\n\n.btn {\n  width: 100%;\n  padding: 10px;\n  border-radius: 5px;\n  font-weight: bold;\n}\n\n.auth-actions {\n  text-align: center;\n}\n\n.auth-link {\n  display: block;\n  margin-top: 10px;\n  color: #007bff;\n}\n\n.auth-link:hover {\n  text-decoration: underline;\n}\n\n.error-feedback {\n  color: #ff5e5e;\n  font-size: 12px;\n  margin-top: 5px;\n}\n</style>\n","import { render } from \"./ForgotPassword.vue?vue&type=template&id=2f240672&scoped=true\"\nimport script from \"./ForgotPassword.vue?vue&type=script&lang=js\"\nexport * from \"./ForgotPassword.vue?vue&type=script&lang=js\"\n\nimport \"./ForgotPassword.vue?vue&type=style&index=0&id=2f240672&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/lmaccallum/Documents/GitHub/vars-gateway/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2f240672\"]])\n\nexport default __exports__"],"sourceRoot":""}