refactor(editor): Migrate part of the vuex store to pinia (#4484)
* ✨ Added pinia support. Migrated community nodes module. * ✨ Added ui pinia store, moved some data from root store to it, updated modals to work with pinia stores * ✨ Added ui pinia store and migrated a part of the root store * ✨ Migrated `settings` store to pinia * ✨ Removing vuex store refs from router * ✨ Migrated `users` module to pinia store * ⚡ Fixing errors after sync with master * ⚡ One more error after merge * ⚡ Created `workflows` pinia store. Moved large part of root store to it. Started updating references. * ✨ Finished migrating workflows store to pinia * ⚡ Renaming some getters and actions to make more sense * ✨ Finished migrating the root store to pinia * ✨ Migrated ndv store to pinia * ⚡ Renaming main panel dimensions getter so it doesn't clash with data prop name * ✔️ Fixing lint errors * ✨ Migrated `templates` store to pinia * ✨ Migrated the `nodeTypes`store * ⚡ Removed unused pieces of code and oold vuex modules * ✨ Adding vuex calls to pinia store, fi xing wrong references * 💄 Removing leftover $store refs * ⚡ Added legacy getters and mutations to store to support webhooks * ⚡ Added missing front-end hooks, updated vuex state subscriptions to pinia * ✔️ Fixing linting errors * ⚡ Removing vue composition api plugin * ⚡ Fixing main sidebar state when loading node view * 🐛 Fixing an error when activating workflows * 🐛 Fixing isses with workflow settings and executions auto-refresh * 🐛 Removing duplicate listeners which cause import error * 🐛 Fixing route authentication * ⚡ Updating freshly pulled $store refs * Adding deleted const * ⚡ Updating store references in ee features. Reseting NodeView credentials update flag when resetting workspace * ⚡ Adding return type to email submission modal * ⚡ Making NodeView only react to paste event when active * 🐛 Fixing signup view errors * 👌 Addressing PR review comments * 👌 Addressing new PR comments * 👌 Updating invite id logic in signup view
This commit is contained in:
committed by
GitHub
parent
c2c7927414
commit
40e413d958
@@ -14,6 +14,9 @@ import { showMessage } from '@/components/mixins/showMessage';
|
||||
import mixins from 'vue-typed-mixins';
|
||||
import { IFormBoxConfig } from '@/Interface';
|
||||
import { VIEWS } from '@/constants';
|
||||
import { mapStores } from 'pinia';
|
||||
import { useUIStore } from '@/stores/ui';
|
||||
import { useUsersStore } from '@/stores/users';
|
||||
|
||||
export default mixins(
|
||||
showMessage,
|
||||
@@ -72,17 +75,21 @@ export default mixins(
|
||||
FORM_CONFIG,
|
||||
loading: false,
|
||||
inviter: null as null | {firstName: string, lastName: string},
|
||||
inviterId: null as string | null,
|
||||
inviteeId: null as string | null,
|
||||
};
|
||||
},
|
||||
async mounted() {
|
||||
const inviterId = this.$route.query.inviterId;
|
||||
const inviteeId = this.$route.query.inviteeId;
|
||||
const inviterId = (!this.$route.query.inviterId || typeof this.$route.query.inviterId !== 'string') ? null : this.$route.query.inviterId;
|
||||
const inviteeId = (!this.$route.query.inviteeId || typeof this.$route.query.inviteeId !== 'string') ? null : this.$route.query.inviteeId;
|
||||
try {
|
||||
if (!inviterId || !inviteeId) {
|
||||
throw new Error(this.$locale.baseText('auth.signup.missingTokenError'));
|
||||
}
|
||||
this.inviterId = inviterId;
|
||||
this.inviteeId = inviteeId;
|
||||
|
||||
const invite = await this.$store.dispatch('users/validateSignupToken', { inviterId, inviteeId});
|
||||
const invite = await this.usersStore.validateSignupToken({ inviteeId, inviterId });
|
||||
this.inviter = invite.inviter as {firstName: string, lastName: string};
|
||||
} catch (e) {
|
||||
this.$showError(e, this.$locale.baseText('auth.signup.tokenValidationError'));
|
||||
@@ -90,6 +97,10 @@ export default mixins(
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapStores(
|
||||
useUIStore,
|
||||
useUsersStore,
|
||||
),
|
||||
inviteMessage(): null | string {
|
||||
if (!this.inviter) {
|
||||
return null;
|
||||
@@ -103,15 +114,18 @@ export default mixins(
|
||||
},
|
||||
methods: {
|
||||
async onSubmit(values: {[key: string]: string | boolean}) {
|
||||
if (!this.inviterId || !this.inviteeId) {
|
||||
this.$showError(new Error(this.$locale.baseText('auth.changePassword.tokenValidationError')), this.$locale.baseText('auth.signup.setupYourAccountError'));
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
this.loading = true;
|
||||
const inviterId = this.$route.query.inviterId;
|
||||
const inviteeId = this.$route.query.inviteeId;
|
||||
await this.$store.dispatch('users/signup', {...values, inviterId, inviteeId});
|
||||
await this.usersStore.signup({...values, inviterId: this.inviterId, inviteeId: this.inviteeId} as { inviteeId: string; inviterId: string; firstName: string; lastName: string; password: string;});
|
||||
|
||||
if (values.agree === true) {
|
||||
try {
|
||||
await this.$store.dispatch('ui/submitContactEmail', { email: values.email, agree: values.agree });
|
||||
await this.uiStore.submitContactEmail(values.email.toString(), values.agree);
|
||||
} catch { }
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user