Kristaps Fabians Geikins
50 lines
1.2 KiB
TypeScript
50 lines
1.2 KiB
TypeScript
import { useApolloClient, useQuery } from '@vue/apollo-composable'
|
|
import { graphql } from '~~/lib/common/generated/gql'
|
|
import md5 from '~~/lib/common/helpers/md5'
|
|
|
|
export const activeUserQuery = graphql(`
|
|
query ActiveUserMainMetadata {
|
|
activeUser {
|
|
id
|
|
email
|
|
name
|
|
role
|
|
avatar
|
|
isOnboardingFinished
|
|
createdAt
|
|
verified
|
|
}
|
|
}
|
|
`)
|
|
|
|
/**
|
|
* Get active user.
|
|
* undefined - not yet resolved
|
|
* null - resolved that user is a guest
|
|
*/
|
|
export function useActiveUser() {
|
|
const { result, refetch, onResult } = useQuery(activeUserQuery)
|
|
|
|
const activeUser = computed(() =>
|
|
result.value ? result.value.activeUser : undefined
|
|
)
|
|
const isLoggedIn = computed(() => !!activeUser.value?.id)
|
|
const distinctId = computed(() => {
|
|
const user = activeUser.value
|
|
if (!user) return user // null or undefined
|
|
if (!user.email) return null
|
|
|
|
return '@' + md5(user.email.toLowerCase()).toUpperCase()
|
|
})
|
|
|
|
return { activeUser, isLoggedIn, distinctId, refetch, onResult }
|
|
}
|
|
|
|
/**
|
|
* Prevnets setup function from resolving until active user is resolved
|
|
*/
|
|
export async function useWaitForActiveUser() {
|
|
const client = useApolloClient().client
|
|
await client.query({ query: activeUserQuery }).catch(() => void 0)
|
|
}
|