-
+import Vue from 'vue';
+import {isObject} from 'lodash';
+import {AxiosError, AxiosResponse} from "axios";
+
+export default Vue.component('reset-password', {
+ props: {
+ token: {type: String, required: true},
+ email: {type: String, required: false},
+ },
+ mounted: function () {
+ if (this.$props.email.length > 0) {
+ (this.$refs.email as HTMLElement).setAttribute('value', this.$props.email);
+ (this.$refs.password as HTMLElement).focus();
+ }
+ },
+ data: function () {
+ return {
+ errors: [],
+ showSpinner: false,
+ password: '',
+ passwordConfirmation: '',
+ };
+ },
+ methods: {
+ updateEmailField: function (event: { target: HTMLInputElement }) {
+ this.$data.submitDisabled = event.target.value.length === 0;
+ },
+
+ submitForm: function () {
+ this.$data.showSpinner = true;
+
+ this.$flash.clear();
+ window.axios.post(this.route('auth.reset-password'), {
+ email: this.$props.email,
+ password: this.$data.password,
+ password_confirmation: this.$data.passwordConfirmation,
+ token: this.$props.token,
+ })
+ .then((response: AxiosResponse) => {
+ if (!(response.data instanceof Object)) {
+ throw new Error('An error was encountered while processing this login.');
+ }
+
+ if (response.data.send_to_login) {
+ this.$flash.success('Your password has been reset, please login to continue.');
+ return this.$router.push({ name: 'login' });
+ }
+
+ return window.location = response.data.redirect_to;
+ })
+ .catch((err: AxiosError) => {
+ this.$data.showSpinner = false;
+ if (!err.response) {
+ return console.error(err);
+ }
+
+ const response = err.response;
+ if (response.data && isObject(response.data.errors)) {
+ response.data.errors.forEach((error: any) => {
+ this.$flash.error(error.detail);
+ });
+ (this.$refs.password as HTMLElement).focus();
+ }
+ });
+ }
+ },
+ template: `
-
-
-
-
+ `,
+})
diff --git a/resources/assets/scripts/components/auth/TwoFactorForm.ts b/resources/assets/scripts/components/auth/TwoFactorForm.ts
new file mode 100644
index 00000000..42b41c5a
--- /dev/null
+++ b/resources/assets/scripts/components/auth/TwoFactorForm.ts
@@ -0,0 +1,80 @@
+import Vue from 'vue';
+import {AxiosError, AxiosResponse} from "axios";
+import {isObject} from 'lodash';
+
+export default Vue.component('two-factor-form', {
+ data: function () {
+ return {
+ code: '',
+ };
+ },
+ mounted: function () {
+ if ((this.$route.query.token || '').length < 1) {
+ return this.$router.push({ name: 'login' });
+ }
+
+ (this.$refs.code as HTMLElement).focus();
+ },
+ methods: {
+ submitToken: function () {
+ this.$flash.clear();
+ window.axios.post(this.route('auth.login-checkpoint'), {
+ confirmation_token: this.$route.query.token,
+ authentication_code: this.$data.code,
+ })
+ .then((response: AxiosResponse) => {
+ if (!(response.data instanceof Object)) {
+ throw new Error('An error was encountered while processing this login.');
+ }
+
+ localStorage.setItem('token', response.data.token);
+ this.$store.dispatch('login');
+
+ window.location = response.data.intended;
+ })
+ .catch((err: AxiosError) => {
+ this.$store.dispatch('logout');
+ if (!err.response) {
+ return console.error(err);
+ }
+
+ const response = err.response;
+ if (response.data && isObject(response.data.errors)) {
+ response.data.errors.forEach((error: any) => {
+ this.$flash.error(error.detail);
+ });
+ this.$router.push({ name: 'login' });
+ }
+ });
+ }
+ },
+ template: `
+