massive state refactor, mostly fixes #3
This commit is contained in:
Michael Dausmann
@@ -1,43 +1,87 @@
|
||||
import { ACCOUNT_ACCESS } from ".prisma/client"
|
||||
import { defineStore } from "pinia"
|
||||
import { MembershipWithUser } from "~~/lib/services/service.types";
|
||||
import { FullDBUser, MembershipWithUser } from "~~/lib/services/service.types";
|
||||
|
||||
import { useAuthStore } from './auth.store'
|
||||
/*
|
||||
This store manages User and Account state including the ActiveAccount
|
||||
It is used in the Account administration page and the header due to it's account switching features.
|
||||
|
||||
Note) Other pages don't need this state as the dbUser and activeAccount are available on the TRPC Context
|
||||
so that other routers can use them to filter results to the active user and account transparently.
|
||||
|
||||
[State Map]
|
||||
|
||||
(supabase) user -> dbUser <-- this.dbUser
|
||||
|
|
||||
|
|
||||
membership-----membership------membership* <-- this.dbUser.memberships (*this.activeMembership)
|
||||
| | |
|
||||
account account acccount** <--**(id=this.activeAccountId)
|
||||
|
|
||||
membership-----membership------membership <-- this.activeAccountMembers
|
||||
| | |
|
||||
account account acccount*
|
||||
*/
|
||||
interface State {
|
||||
dbUser: FullDBUser | null,
|
||||
activeAccountId: number | null,
|
||||
activeAccountMembers: MembershipWithUser[]
|
||||
}
|
||||
|
||||
export const useAccountStore = defineStore('account', {
|
||||
state: (): State => {
|
||||
return {
|
||||
dbUser: null,
|
||||
activeAccountId: null,
|
||||
activeAccountMembers: [],
|
||||
}
|
||||
},
|
||||
getters: {
|
||||
activeMembership: (state) => state.dbUser?.memberships.find(m => m.account_id === state.activeAccountId)
|
||||
},
|
||||
actions: {
|
||||
async getActiveAccountMembers(){
|
||||
const authStore = useAuthStore();
|
||||
if(!authStore.activeMembership) { return; }
|
||||
async init(){
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: members } = await $client.account.getAccountMembers.useQuery({account_id: authStore.activeMembership.account_id});
|
||||
if(members.value?.memberships){
|
||||
this.activeAccountMembers = members.value?.memberships;
|
||||
if(!this.dbUser){
|
||||
const { dbUser } = await $client.auth.getDBUser.query();
|
||||
if(dbUser){
|
||||
this.dbUser = dbUser;
|
||||
}
|
||||
}
|
||||
if(!this.activeAccountId){
|
||||
const { activeAccountId } = await $client.account.getActiveAccountId.query();
|
||||
if(activeAccountId){
|
||||
this.activeAccountId = activeAccountId;
|
||||
}
|
||||
}
|
||||
if(this.activeAccountMembers.length == 0){
|
||||
await this.getActiveAccountMembers();
|
||||
}
|
||||
},
|
||||
async changeAccountName(new_name: string){
|
||||
const authStore = useAuthStore();
|
||||
if(!authStore.activeMembership) { return; }
|
||||
async getActiveAccountMembers(){
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: account } = await $client.account.changeAccountName.useQuery({account_id: authStore.activeMembership.account_id, new_name});
|
||||
if(account.value?.account){
|
||||
authStore.activeMembership.account = account.value.account;
|
||||
const { data: memberships } = await $client.account.getAccountMembers.useQuery();
|
||||
if(memberships.value?.memberships){
|
||||
this.activeAccountMembers = memberships.value?.memberships;
|
||||
}
|
||||
},
|
||||
async changeActiveAccount(account_id: number){
|
||||
const { $client } = useNuxtApp();
|
||||
this.activeAccountId = account_id;
|
||||
await $client.account.changeActiveAccount.mutate({account_id}); // sets active account on context for other routers and sets the preference in a cookie
|
||||
await this.getActiveAccountMembers(); // these relate to the active account and need to ber re-fetched
|
||||
},
|
||||
async changeAccountName(new_name: string){
|
||||
if(!this.activeMembership){ return; }
|
||||
const { $client } = useNuxtApp();
|
||||
const { account } = await $client.account.changeAccountName.mutate({ new_name });
|
||||
if(account){
|
||||
this.activeMembership.account.name = account.name;
|
||||
}
|
||||
},
|
||||
async acceptPendingMembership(membership_id: number){
|
||||
const authStore = useAuthStore();
|
||||
if(!authStore.activeMembership) { return; }
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: membership } = await $client.account.acceptPendingMembership.useQuery({account_id: authStore.activeMembership.account_id, membership_id});
|
||||
const { data: membership } = await $client.account.acceptPendingMembership.useQuery({ membership_id });
|
||||
|
||||
if(membership.value && membership.value.membership?.pending === false){
|
||||
for(const m of this.activeAccountMembers){
|
||||
@@ -48,46 +92,42 @@ export const useAccountStore = defineStore('account', {
|
||||
}
|
||||
},
|
||||
async rotateJoinPassword(){
|
||||
const authStore = useAuthStore();
|
||||
if(!authStore.activeMembership) { return; }
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: account } = await $client.account.rotateJoinPassword.useQuery({account_id: authStore.activeMembership.account_id});
|
||||
if(account.value?.account){
|
||||
authStore.activeMembership.account = account.value.account;
|
||||
const { account } = await $client.account.rotateJoinPassword.mutate();
|
||||
if(account && this.activeMembership){
|
||||
this.activeMembership.account = account;
|
||||
}
|
||||
},
|
||||
async joinUserToAccount(user_id: number){
|
||||
const authStore = useAuthStore();
|
||||
if(!authStore.activeMembership) { return; }
|
||||
async joinUserToAccountPending(account_id: number){
|
||||
if(!this.dbUser) { return; }
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: membership } = await $client.account.joinUserToAccount.useQuery({account_id: authStore.activeMembership.account_id, user_id});
|
||||
if(membership.value?.membership){
|
||||
authStore.activeMembership = membership.value.membership;
|
||||
const { membership } = await $client.account.joinUserToAccountPending.mutate({account_id, user_id: this.dbUser.id});
|
||||
if(membership && this.activeMembership){
|
||||
this.dbUser?.memberships.push(membership);
|
||||
}
|
||||
},
|
||||
async changeUserAccessWithinAccount(user_id: number, access: ACCOUNT_ACCESS){
|
||||
const authStore = useAuthStore();
|
||||
if(!authStore.activeMembership) { return; }
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: membership } = await $client.account.changeUserAccessWithinAccount.useQuery({account_id: authStore.activeMembership.account_id, user_id, access});
|
||||
if(membership.value?.membership){
|
||||
const { membership } = await $client.account.changeUserAccessWithinAccount.mutate({ user_id, access });
|
||||
if(membership){
|
||||
for(const m of this.activeAccountMembers){
|
||||
if(m.id === membership.value?.membership.id){
|
||||
m.access = membership.value?.membership.access;
|
||||
if(m.id === membership.id){
|
||||
m.access = membership.access;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
async claimOwnershipOfAccount(){
|
||||
const authStore = useAuthStore();
|
||||
if(!authStore.activeMembership) { return; }
|
||||
const { $client } = useNuxtApp();
|
||||
const { data: membership } = await $client.account.claimOwnershipOfAccount.useQuery({account_id: authStore.activeMembership.account_id});
|
||||
if(membership.value?.membership){
|
||||
authStore.activeMembership.access = membership.value.membership.access;
|
||||
const { membership } = await $client.account.claimOwnershipOfAccount.mutate();
|
||||
if(membership){
|
||||
if(this.activeMembership){
|
||||
this.activeMembership.access = membership.access;
|
||||
}
|
||||
|
||||
for(const m of this.activeAccountMembers){
|
||||
if(m.id === membership.value?.membership.id){
|
||||
m.access = membership.value?.membership.access;
|
||||
if(m.id === membership.id){
|
||||
m.access = membership.access;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user