Mike
84 lines
2.4 KiB
Vue
84 lines
2.4 KiB
Vue
<template>
|
|
<LayoutDialog
|
|
v-model:open="isOpen"
|
|
title="Change primary email address"
|
|
max-width="xs"
|
|
:buttons="dialogButtons"
|
|
>
|
|
<p class="text-body-xs text-foreground mb-2">
|
|
Are you sure you want to make
|
|
<span class="font-medium">{{ email }}</span>
|
|
your primary email?
|
|
</p>
|
|
</LayoutDialog>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { LayoutDialogButton } from '@speckle/ui-components'
|
|
import { useGlobalToast, ToastNotificationType } from '~~/lib/common/composables/toast'
|
|
import { settingsSetPrimaryUserEmailMutation } from '~/lib/settings/graphql/mutations'
|
|
import { useMutation } from '@vue/apollo-composable'
|
|
import {
|
|
getFirstErrorMessage,
|
|
convertThrowIntoFetchResult
|
|
} from '~~/lib/common/helpers/graphql'
|
|
import { resolveMixpanelUserId } from '@speckle/shared'
|
|
import { useMixpanel } from '~/lib/core/composables/mp'
|
|
import { useActiveUser } from '~~/lib/auth/composables/activeUser'
|
|
|
|
const props = defineProps<{
|
|
emailId: string
|
|
email: string
|
|
}>()
|
|
const isOpen = defineModel<boolean>('open', { required: true })
|
|
|
|
const { triggerNotification } = useGlobalToast()
|
|
const { mutate: updateMutation } = useMutation(settingsSetPrimaryUserEmailMutation)
|
|
const mixpanel = useMixpanel()
|
|
const { distinctId } = useActiveUser()
|
|
|
|
const dialogButtons = computed((): LayoutDialogButton[] => [
|
|
{
|
|
text: 'Cancel',
|
|
props: { color: 'outline', outline: true },
|
|
onClick: () => {
|
|
isOpen.value = false
|
|
}
|
|
},
|
|
{
|
|
text: 'Make primary',
|
|
props: { color: 'primary' },
|
|
onClick: () => {
|
|
onSetPrimary()
|
|
isOpen.value = false
|
|
}
|
|
}
|
|
])
|
|
|
|
const onSetPrimary = async () => {
|
|
// Create a copy of the original email to use in the alias event before it's overwritten
|
|
const originalDistinctId = toRaw(distinctId.value)
|
|
const result = await updateMutation({ input: { id: props.emailId } }).catch(
|
|
convertThrowIntoFetchResult
|
|
)
|
|
if (result?.data) {
|
|
triggerNotification({
|
|
type: ToastNotificationType.Success,
|
|
title: `Made ${props.email} primary`
|
|
})
|
|
|
|
if (originalDistinctId) {
|
|
mixpanel.alias(resolveMixpanelUserId(props.email), originalDistinctId)
|
|
}
|
|
|
|
mixpanel.track('Primary Email Changed')
|
|
} else {
|
|
const errorMessage = getFirstErrorMessage(result?.errors)
|
|
triggerNotification({
|
|
type: ToastNotificationType.Danger,
|
|
title: errorMessage
|
|
})
|
|
}
|
|
}
|
|
</script>
|