web/satellite: use analytics pinia module instead of direct API requests
Start using analytics pinia module instead of making direct API requests from components. We do this to not mix transport layer logic with view logic. Issue: https://github.com/storj/storj/issues/6122 Change-Id: Idb1902aec0635df4f0e682ba50bcc97b240ac4a9
This commit is contained in:
Vitalii
Storj Robot
parent
e5bcb8b209
commit
e2e437dd95
@ -19,7 +19,7 @@ export class AnalyticsHttpApi {
|
||||
* @param eventName - name of the event
|
||||
* @param props - additional properties to send with the event
|
||||
*/
|
||||
public async eventTriggered(eventName: string, props?: {[p:string]:string}): Promise<void> {
|
||||
public async eventTriggered(eventName: string, props?: {[p: string]: string}): Promise<void> {
|
||||
try {
|
||||
const path = `${this.ROOT_PATH}/event`;
|
||||
const body = {
|
||||
|
||||
@ -78,7 +78,7 @@
|
||||
<CLIIcon />
|
||||
</div>
|
||||
<div class="access-grants__flows-area__title">API Key</div>
|
||||
<div class="access-grants__flows-area__summary">Use it for generating S3 credentials and access grants programatically. </div>
|
||||
<div class="access-grants__flows-area__summary">Use it for generating S3 credentials and access grants programmatically. </div>
|
||||
<br>
|
||||
<div class="access-grants__flows-area__button-container">
|
||||
<a
|
||||
@ -158,7 +158,6 @@ import AccessGrantsHeader from './AccessGrantsHeader.vue';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AccessGrant } from '@/types/accessGrants';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { AccessType } from '@/types/createAccessGrant';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
@ -166,6 +165,7 @@ import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import AccessGrantsItem from '@/components/accessGrants/AccessGrantsItem.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
@ -179,8 +179,7 @@ import S3Icon from '@/../static/images/accessGrants/s3.svg';
|
||||
|
||||
const FIRST_PAGE = 1;
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const agStore = useAccessGrantsStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
@ -290,7 +289,7 @@ async function fetch(searchQuery: string): Promise<void> {
|
||||
* Access grant button click.
|
||||
*/
|
||||
function accessGrantClick(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.CREATE_ACCESS_GRANT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.CREATE_ACCESS_GRANT_CLICKED);
|
||||
trackPageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
|
||||
router.push({
|
||||
name: RouteConfig.CreateAccessModal.name,
|
||||
@ -302,7 +301,7 @@ function accessGrantClick(): void {
|
||||
* S3 Access button click..
|
||||
*/
|
||||
function s3Click(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.CREATE_S3_CREDENTIALS_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.CREATE_S3_CREDENTIALS_CLICKED);
|
||||
trackPageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
|
||||
router.push({
|
||||
name: RouteConfig.CreateAccessModal.name,
|
||||
@ -314,7 +313,7 @@ function s3Click(): void {
|
||||
* CLI Access button click.
|
||||
*/
|
||||
function cliClick(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.CREATE_KEYS_FOR_CLI_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.CREATE_KEYS_FOR_CLI_CLICKED);
|
||||
trackPageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
|
||||
router.push({
|
||||
name: RouteConfig.CreateAccessModal.name,
|
||||
@ -326,7 +325,7 @@ function cliClick(): void {
|
||||
* Sends "trackPageVisit" event to segment and opens link.
|
||||
*/
|
||||
function trackPageVisit(link: string): void {
|
||||
analytics.pageVisit(link);
|
||||
analyticsStore.pageVisit(link);
|
||||
}
|
||||
|
||||
onMounted(async () => {
|
||||
|
||||
@ -124,12 +124,12 @@ import {
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { AccessGrant, EdgeCredentials } from '@/types/accessGrants';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
@ -144,6 +144,7 @@ import CLIAccessCreatedStep from '@/components/accessGrants/createFlow/steps/CLI
|
||||
import S3CredentialsCreatedStep from '@/components/accessGrants/createFlow/steps/S3CredentialsCreatedStep.vue';
|
||||
import ConfirmDetailsStep from '@/components/accessGrants/createFlow/steps/ConfirmDetailsStep.vue';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const agStore = useAccessGrantsStore();
|
||||
@ -202,7 +203,6 @@ const accessGrant = ref<string>('');
|
||||
const edgeCredentials = ref<EdgeCredentials>(new EdgeCredentials());
|
||||
|
||||
const FIRST_PAGE = 1;
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Selects access type.
|
||||
@ -498,7 +498,7 @@ async function createCLIAccess(): Promise<void> {
|
||||
|
||||
if (notAfter.value) permissionsMsg = Object.assign(permissionsMsg, { 'notAfter': notAfter.value.toISOString() });
|
||||
|
||||
await worker.value.postMessage(permissionsMsg);
|
||||
worker.value.postMessage(permissionsMsg);
|
||||
|
||||
const grantEvent: MessageEvent = await new Promise(resolve => {
|
||||
if (worker.value) {
|
||||
@ -512,7 +512,7 @@ async function createCLIAccess(): Promise<void> {
|
||||
cliAccess.value = grantEvent.data.value;
|
||||
|
||||
if (selectedAccessTypes.value.includes(AccessType.APIKey)) {
|
||||
analytics.eventTriggered(AnalyticsEvent.API_ACCESS_CREATED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.API_ACCESS_CREATED);
|
||||
}
|
||||
}
|
||||
|
||||
@ -566,7 +566,7 @@ async function createAccessGrant(): Promise<void> {
|
||||
accessGrant.value = accessEvent.data.value;
|
||||
|
||||
if (selectedAccessTypes.value.includes(AccessType.AccessGrant)) {
|
||||
analytics.eventTriggered(AnalyticsEvent.ACCESS_GRANT_CREATED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.ACCESS_GRANT_CREATED);
|
||||
}
|
||||
}
|
||||
|
||||
@ -575,7 +575,7 @@ async function createAccessGrant(): Promise<void> {
|
||||
*/
|
||||
async function createEdgeCredentials(): Promise<void> {
|
||||
edgeCredentials.value = await agStore.getEdgeCredentials(accessGrant.value);
|
||||
analytics.eventTriggered(AnalyticsEvent.GATEWAY_CREDENTIALS_CREATED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.GATEWAY_CREDENTIALS_CREATED);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@ -15,7 +15,7 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import LearnIcon from '@/../static/images/accessGrants/newCreateFlow/learn.svg';
|
||||
|
||||
@ -27,13 +27,13 @@ const props = withDefaults(defineProps<{
|
||||
withIcon: false,
|
||||
});
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
/**
|
||||
* Sends "trackPageVisit" event to segment.
|
||||
*/
|
||||
function trackPageVisit(): void {
|
||||
analytics.pageVisit(props.link);
|
||||
analyticsStore.pageVisit(props.link);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@ -46,7 +46,7 @@ import { ref } from 'vue';
|
||||
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import VInfo from '@/components/common/VInfo.vue';
|
||||
@ -67,9 +67,9 @@ const props = withDefaults(defineProps<{
|
||||
|
||||
const notify = useNotify();
|
||||
|
||||
const isValueShown = ref<boolean>(false);
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const isValueShown = ref<boolean>(false);
|
||||
|
||||
/**
|
||||
* Makes blurred value to be shown.
|
||||
@ -83,7 +83,7 @@ function showValue(): void {
|
||||
*/
|
||||
function onCopy(): void {
|
||||
navigator.clipboard.writeText(props.value);
|
||||
analytics.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
|
||||
notify.success(`${props.title} was copied successfully`);
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -68,9 +68,9 @@ import { useRouter } from 'vue-router';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { Download } from '@/utils/download';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AccessType } from '@/types/createAccessGrant';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
|
||||
@ -87,11 +87,11 @@ const props = defineProps<{
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
const isCopied = ref<boolean>(false);
|
||||
const isDownloaded = ref<boolean>(false);
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Indicates if there are S3 credentials to show.
|
||||
*/
|
||||
@ -105,7 +105,7 @@ const hasNextStep = computed((): boolean => {
|
||||
function onCopy(): void {
|
||||
navigator.clipboard.writeText(props.accessGrant);
|
||||
isCopied.value = true;
|
||||
analytics.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
|
||||
notify.success(`Access Grant was copied successfully`);
|
||||
}
|
||||
|
||||
@ -115,7 +115,7 @@ function onCopy(): void {
|
||||
function onDownload(): void {
|
||||
isDownloaded.value = true;
|
||||
Download.file(props.accessGrant, `Storj-access-${props.name}-${new Date().toISOString()}.txt`);
|
||||
analytics.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@ -74,9 +74,9 @@ import { useRouter } from 'vue-router';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { Download } from '@/utils/download';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
|
||||
@ -88,6 +88,7 @@ const props = defineProps<{
|
||||
apiKey: string;
|
||||
}>();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
@ -95,8 +96,6 @@ const router = useRouter();
|
||||
const isCopied = ref<boolean>(false);
|
||||
const isDownloaded = ref<boolean>(false);
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Returns the web address of this satellite from the store.
|
||||
*/
|
||||
@ -110,7 +109,7 @@ const satelliteAddress = computed((): string => {
|
||||
function onCopy(): void {
|
||||
navigator.clipboard.writeText(`${satelliteAddress.value} ${props.apiKey}`);
|
||||
isCopied.value = true;
|
||||
analytics.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
|
||||
notify.success(`CLI access was copied successfully`);
|
||||
}
|
||||
|
||||
@ -122,7 +121,7 @@ function onDownload(): void {
|
||||
|
||||
const fileContent = `Satellite address:\n${satelliteAddress.value}\n\nAPI Key:\n${props.apiKey}`;
|
||||
Download.file(fileContent, `Storj-CLI-access-${props.name}-${new Date().toISOString()}.txt`);
|
||||
analytics.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@ -102,7 +102,7 @@
|
||||
import { computed } from 'vue';
|
||||
|
||||
import { AccessType, FUNCTIONAL_CONTAINER_ICON_AND_TITLE, FunctionalContainer } from '@/types/createAccessGrant';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import ContainerWithIcon from '@/components/accessGrants/createFlow/components/ContainerWithIcon.vue';
|
||||
import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
|
||||
@ -119,7 +119,7 @@ const props = defineProps<{
|
||||
onContinue: () => void;
|
||||
}>();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
/**
|
||||
* Indicates if button should be disabled.
|
||||
@ -132,7 +132,7 @@ const isButtonDisabled = computed((): boolean => {
|
||||
* Sends "trackPageVisit" event to segment.
|
||||
*/
|
||||
function trackPageVisit(link: string): void {
|
||||
analytics.pageVisit(link);
|
||||
analyticsStore.pageVisit(link);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@ -46,7 +46,7 @@
|
||||
import { ref } from 'vue';
|
||||
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
|
||||
import Toggle from '@/components/accessGrants/createFlow/components/Toggle.vue';
|
||||
@ -57,15 +57,15 @@ const props = defineProps<{
|
||||
onContinue: () => void;
|
||||
}>();
|
||||
|
||||
const isDontShow = ref<boolean>(false);
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const isDontShow = ref<boolean>(false);
|
||||
|
||||
/**
|
||||
* Sends "trackPageVisit" event to segment.
|
||||
*/
|
||||
function trackPageVisit(): void {
|
||||
analytics.pageVisit('https://docs.storj.io/dcs/concepts/encryption-key/design-decision-server-side-encryption/');
|
||||
analyticsStore.pageVisit('https://docs.storj.io/dcs/concepts/encryption-key/design-decision-server-side-encryption/');
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@ -84,7 +84,7 @@ import { computed, ref } from 'vue';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { Download } from '@/utils/download';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
|
||||
import ValueWithBlur from '@/components/accessGrants/createFlow/components/ValueWithBlur.vue';
|
||||
@ -101,14 +101,14 @@ const props = withDefaults(defineProps<{
|
||||
isProjectPassphrase: false,
|
||||
});
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
const notify = useNotify();
|
||||
|
||||
const isPassphraseSaved = ref<boolean>(false);
|
||||
const isPassphraseCopied = ref<boolean>(false);
|
||||
const isPassphraseDownloaded = ref<boolean>(false);
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Indicates if continue button is disabled.
|
||||
*/
|
||||
@ -129,7 +129,7 @@ function togglePassphraseSaved(): void {
|
||||
function onCopy(): void {
|
||||
isPassphraseCopied.value = true;
|
||||
navigator.clipboard.writeText(props.passphrase);
|
||||
analytics.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
|
||||
notify.success(`Passphrase was copied successfully`);
|
||||
}
|
||||
|
||||
@ -139,7 +139,7 @@ function onCopy(): void {
|
||||
function onDownload(): void {
|
||||
isPassphraseDownloaded.value = true;
|
||||
Download.file(props.passphrase, `passphrase-${props.name}-${new Date().toISOString()}.txt`);
|
||||
analytics.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@ -81,9 +81,9 @@ import { useRouter } from 'vue-router';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { Download } from '@/utils/download';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { EdgeCredentials } from '@/types/accessGrants';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import ButtonsContainer from '@/components/accessGrants/createFlow/components/ButtonsContainer.vue';
|
||||
@ -98,11 +98,11 @@ const props = defineProps<{
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
const isCopied = ref<boolean>(false);
|
||||
const isDownloaded = ref<boolean>(false);
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Saves CLI access to clipboard.
|
||||
*/
|
||||
@ -111,7 +111,7 @@ function onCopy(): void {
|
||||
navigator.clipboard.writeText(`${credentials.accessKeyId} ${credentials.secretKey} ${credentials.endpoint}`);
|
||||
|
||||
isCopied.value = true;
|
||||
analytics.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.COPY_TO_CLIPBOARD_CLICKED);
|
||||
notify.success(`S3 credentials were copied successfully`);
|
||||
}
|
||||
|
||||
@ -123,7 +123,7 @@ function onDownload(): void {
|
||||
|
||||
const fileContent = `Access Key:\n${props.credentials.accessKeyId}\n\nSecret Key:\n${props.credentials.secretKey}\n\nEndpoint:\n${props.credentials.endpoint}`;
|
||||
Download.file(fileContent, `Storj-S3-credentials-${props.name}-${new Date().toISOString()}.txt`);
|
||||
analytics.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.DOWNLOAD_TXT_CLICKED);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@ -44,22 +44,21 @@ import { computed, onMounted } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
|
||||
import { NavigationLink } from '@/types/navigation';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useBillingStore } from '@/store/modules/billingStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const billingStore = useBillingStore();
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Indicates if free credits dropdown shown.
|
||||
*/
|
||||
@ -114,7 +113,7 @@ function closeDropdown(): void {
|
||||
function routeToOverview(): void {
|
||||
const overviewPath = baseAccountRoute.value.with(RouteConfig.Billing).with(RouteConfig.BillingOverview).path;
|
||||
if (route.path !== overviewPath) {
|
||||
analytics.pageVisit(overviewPath);
|
||||
analyticsStore.pageVisit(overviewPath);
|
||||
router.push(overviewPath);
|
||||
}
|
||||
}
|
||||
@ -122,7 +121,7 @@ function routeToOverview(): void {
|
||||
function routeToPaymentMethods(): void {
|
||||
const payMethodsPath = baseAccountRoute.value.with(RouteConfig.Billing).with(RouteConfig.BillingPaymentMethods).path;
|
||||
if (route.path !== payMethodsPath) {
|
||||
analytics.pageVisit(payMethodsPath);
|
||||
analyticsStore.pageVisit(payMethodsPath);
|
||||
router.push(payMethodsPath);
|
||||
}
|
||||
}
|
||||
@ -130,7 +129,7 @@ function routeToPaymentMethods(): void {
|
||||
function routeToBillingHistory(): void {
|
||||
const billingPath = baseAccountRoute.value.with(RouteConfig.Billing).with(RouteConfig.BillingHistory).path;
|
||||
if (route.path !== billingPath) {
|
||||
analytics.pageVisit(billingPath);
|
||||
analyticsStore.pageVisit(billingPath);
|
||||
router.push(billingPath);
|
||||
}
|
||||
}
|
||||
@ -138,7 +137,7 @@ function routeToBillingHistory(): void {
|
||||
function routeToCoupons(): void {
|
||||
const couponsPath = baseAccountRoute.value.with(RouteConfig.Billing).with(RouteConfig.BillingCoupons).path;
|
||||
if (route.path !== couponsPath) {
|
||||
analytics.pageVisit(couponsPath);
|
||||
analyticsStore.pageVisit(couponsPath);
|
||||
router.push(couponsPath);
|
||||
}
|
||||
}
|
||||
|
||||
@ -44,25 +44,24 @@
|
||||
<script setup lang="ts">
|
||||
import { centsToDollars } from '@/utils/strings';
|
||||
import { PaymentsHistoryItem, PaymentsHistoryItemStatus } from '@/types/payments';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useResize } from '@/composables/resize';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import CheckIcon from '@/../static/images/billing/check-green-circle.svg';
|
||||
import Calendar from '@/../static/images/billing/calendar.svg';
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const props = withDefaults(defineProps<{
|
||||
item: PaymentsHistoryItem;
|
||||
}>(), {
|
||||
item: () => new PaymentsHistoryItem('', '', 0, 0, PaymentsHistoryItemStatus.Pending, '', new Date(), new Date(), 0, 0),
|
||||
});
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const { isMobile, isTablet } = useResize();
|
||||
|
||||
function downloadInvoice() {
|
||||
analytics.eventTriggered(AnalyticsEvent.INVOICE_DOWNLOADED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.INVOICE_DOWNLOADED);
|
||||
|
||||
if (isMobile.value || isTablet.value) {
|
||||
window.open(props.item.link, '_blank', 'noreferrer');
|
||||
|
||||
@ -32,7 +32,6 @@
|
||||
import { computed, onMounted, ref } from 'vue';
|
||||
|
||||
import { Coupon, CouponDuration } from '@/types/payments';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { SHORT_MONTHS_NAMES } from '@/utils/constants/date';
|
||||
@ -40,14 +39,14 @@ import { useNotify } from '@/utils/hooks';
|
||||
import { useBillingStore } from '@/store/modules/billingStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
|
||||
import CouponIcon from '@/../static/images/billing/coupon.svg';
|
||||
import CloudIcon from '@/../static/images/onboardingTour/cloudIcon.svg';
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
const billingStore = useBillingStore();
|
||||
@ -112,7 +111,7 @@ function toggleCreateModal(): void {
|
||||
if (!couponCodeBillingUIEnabled.value) {
|
||||
return;
|
||||
}
|
||||
analytics.eventTriggered(AnalyticsEvent.APPLY_NEW_COUPON_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.APPLY_NEW_COUPON_CLICKED);
|
||||
appStore.updateActiveModal(MODALS.newBillingAddCoupon);
|
||||
}
|
||||
|
||||
|
||||
@ -96,11 +96,11 @@ import { centsToDollars } from '@/utils/strings';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { SHORT_MONTHS_NAMES } from '@/utils/constants/date';
|
||||
import { AccountBalance } from '@/types/payments';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useBillingStore } from '@/store/modules/billingStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import UsageAndChargesItem from '@/components/account/billing/billingTabs/UsageAndChargesItem.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
@ -109,8 +109,7 @@ import EstimatedChargesIcon from '@/../static/images/account/billing/totalEstima
|
||||
import AvailableBalanceIcon from '@/../static/images/account/billing/availableBalanceIcon.svg';
|
||||
import CalendarIcon from '@/../static/images/account/billing/calendar-icon.svg';
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const billingStore = useBillingStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
@ -152,12 +151,12 @@ const priceSummary = computed((): number => {
|
||||
});
|
||||
|
||||
function routeToBillingHistory(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.SEE_PAYMENTS_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.SEE_PAYMENTS_CLICKED);
|
||||
router.push(RouteConfig.Account.with(RouteConfig.Billing).with(RouteConfig.BillingHistory).path);
|
||||
}
|
||||
|
||||
function routeToPaymentMethods(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.EDIT_PAYMENT_METHOD_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.EDIT_PAYMENT_METHOD_CLICKED);
|
||||
router.push(RouteConfig.Account.with(RouteConfig.Billing).with(RouteConfig.BillingPaymentMethods).path);
|
||||
}
|
||||
|
||||
|
||||
@ -107,8 +107,8 @@
|
||||
@mouseover="deleteHover = true"
|
||||
@mouseleave="deleteHover = false"
|
||||
>
|
||||
<Trash v-if="deleteHover === false" />
|
||||
<Trash v-if="deleteHover === true" class="red-trash" />
|
||||
<Trash v-if="!deleteHover" />
|
||||
<Trash v-if="deleteHover" class="red-trash" />
|
||||
Remove
|
||||
</div>
|
||||
</div>
|
||||
@ -187,7 +187,6 @@ import {
|
||||
NativePaymentHistoryItem,
|
||||
} from '@/types/payments';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
@ -197,6 +196,7 @@ import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { DEFAULT_PAGE_LIMIT } from '@/types/pagination';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
@ -228,6 +228,7 @@ interface CardEdited {
|
||||
isDefault?: boolean
|
||||
}
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const billingStore = useBillingStore();
|
||||
const usersStore = useUsersStore();
|
||||
@ -239,8 +240,6 @@ const route = useRoute();
|
||||
|
||||
const emit = defineEmits(['toggleIsLoading', 'toggleIsLoaded', 'cancel']);
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const showTransactions = ref<boolean>(false);
|
||||
const nativePayIsLoading = ref<boolean>(false);
|
||||
const deleteHover = ref<boolean>(false);
|
||||
@ -326,14 +325,14 @@ async function prepQRCode(): Promise<void> {
|
||||
try {
|
||||
await QRCode.toCanvas(canvas.value, wallet.value.address);
|
||||
} catch (error) {
|
||||
await notify.error(error.message, AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
|
||||
notify.error(error.message, AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
|
||||
}
|
||||
}
|
||||
|
||||
async function updatePaymentMethod(): Promise<void> {
|
||||
try {
|
||||
await billingStore.makeCardDefault(defaultCreditCardSelection.value);
|
||||
await notify.success('Default payment card updated');
|
||||
notify.success('Default payment card updated');
|
||||
isChangeDefaultPaymentModalOpen.value = false;
|
||||
} catch (error) {
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
|
||||
@ -348,8 +347,8 @@ async function removePaymentMethod(): Promise<void> {
|
||||
|
||||
try {
|
||||
await billingStore.removeCreditCard(cardBeingEdited.value.id);
|
||||
analytics.eventTriggered(AnalyticsEvent.CREDIT_CARD_REMOVED);
|
||||
await notify.success('Credit card removed');
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.CREDIT_CARD_REMOVED);
|
||||
notify.success('Credit card removed');
|
||||
} catch (error) {
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.BILLING_PAYMENT_METHODS_TAB);
|
||||
}
|
||||
@ -383,7 +382,7 @@ async function addCard(token: string): Promise<void> {
|
||||
return;
|
||||
}
|
||||
|
||||
await notify.success('Card successfully added');
|
||||
notify.success('Card successfully added');
|
||||
try {
|
||||
await billingStore.getCreditCards();
|
||||
} catch (error) {
|
||||
@ -411,11 +410,11 @@ async function onConfirmAddStripe(): Promise<void> {
|
||||
|
||||
isLoading.value = true;
|
||||
await stripeCardInput.value.onSubmit().then(() => {isLoading.value = false;});
|
||||
analytics.eventTriggered(AnalyticsEvent.CREDIT_CARD_ADDED_FROM_BILLING);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.CREDIT_CARD_ADDED_FROM_BILLING);
|
||||
}
|
||||
|
||||
function addPaymentMethodHandler(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.ADD_NEW_PAYMENT_METHOD_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.ADD_NEW_PAYMENT_METHOD_CLICKED);
|
||||
|
||||
if (!usersStore.state.user.paidTier) {
|
||||
appStore.updateActiveModal(MODALS.upgradeAccount);
|
||||
@ -444,7 +443,7 @@ function onCloseClickDefault(): void {
|
||||
/**
|
||||
* controls sorting the transaction table
|
||||
*/
|
||||
function sortFunction(key): void {
|
||||
function sortFunction(key: string): void {
|
||||
switch (key) {
|
||||
case 'date-ascending':
|
||||
nativePaymentHistoryItems.value.sort((a, b) => {return a.timestamp.getTime() - b.timestamp.getTime();});
|
||||
@ -481,8 +480,8 @@ function sortFunction(key): void {
|
||||
/**
|
||||
* controls transaction table pagination
|
||||
*/
|
||||
function paginationController(i: number, limit: number): void {
|
||||
displayedHistory.value = nativePaymentHistoryItems.value.slice((i - 1) * limit, ((i - 1) * limit) + limit);
|
||||
function paginationController(page: number, limit: number): void {
|
||||
displayedHistory.value = nativePaymentHistoryItems.value.slice((page - 1) * limit, ((page - 1) * limit) + limit);
|
||||
}
|
||||
|
||||
onMounted((): void => {
|
||||
@ -542,7 +541,6 @@ $align: center;
|
||||
}
|
||||
|
||||
.change-default-input-container {
|
||||
margin: auto;
|
||||
display: $flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-start;
|
||||
@ -552,7 +550,7 @@ $align: center;
|
||||
height: 10px;
|
||||
border: 1px solid var(--c-grey-4);
|
||||
border-radius: 8px;
|
||||
margin-top: 7px;
|
||||
margin: 7px auto auto;
|
||||
}
|
||||
|
||||
.change-default-input {
|
||||
|
||||
@ -95,12 +95,12 @@ import { computed, onMounted, ref } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
|
||||
import { Wallet } from '@/types/payments';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useBillingStore } from '@/store/modules/billingStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
@ -110,14 +110,13 @@ import InfoIcon from '@/../static/images/billing/blueInfoIcon.svg';
|
||||
import StorjSmall from '@/../static/images/billing/storj-icon-small.svg';
|
||||
import StorjLarge from '@/../static/images/billing/storj-icon-large.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const billingStore = useBillingStore();
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const isLoading = ref<boolean>(false);
|
||||
|
||||
/**
|
||||
@ -171,7 +170,7 @@ async function claimWalletClick(): Promise<void> {
|
||||
* Triggers Add funds popup.
|
||||
*/
|
||||
function onAddTokensClick(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.ADD_FUNDS_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.ADD_FUNDS_CLICKED);
|
||||
appStore.updateActiveModal(MODALS.addTokenFunds);
|
||||
}
|
||||
|
||||
|
||||
@ -211,7 +211,6 @@ import FileEntry from './FileEntry.vue';
|
||||
import LockedFilesEntry from './LockedFilesEntry.vue';
|
||||
import BreadCrumbs from './BreadCrumbs.vue';
|
||||
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
@ -221,6 +220,7 @@ import { BrowserObject, useObjectBrowserStore } from '@/store/modules/objectBrow
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import BucketSettingsNav from '@/components/objects/BucketSettingsNav.vue';
|
||||
@ -238,6 +238,7 @@ const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const obStore = useObjectBrowserStore();
|
||||
const configStore = useConfigStore();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
@ -257,7 +258,6 @@ const isOver = ref<boolean>(false);
|
||||
const routePath = ref(calculateRoutePath());
|
||||
|
||||
const NUMBER_OF_DISPLAYED_OBJECTS = 1000;
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Check if the s3 client has been initialized in the store.
|
||||
@ -308,7 +308,7 @@ const lockedFilesCount = computed((): number => {
|
||||
*/
|
||||
const objectsCount = computed((): number => {
|
||||
const name: string = obStore.state.bucket;
|
||||
const data: Bucket | undefined = bucketsStore.state.page.buckets.find((bucket: Bucket) => bucket.name === name);
|
||||
const data: Bucket | undefined = bucketsStore.state.page.buckets.find(bucket => bucket.name === name);
|
||||
|
||||
return data?.objectCount || 0;
|
||||
});
|
||||
@ -466,7 +466,7 @@ async function upload(e: Event): Promise<void> {
|
||||
}
|
||||
|
||||
await obStore.upload({ e });
|
||||
analytics.eventTriggered(AnalyticsEvent.OBJECT_UPLOADED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.OBJECT_UPLOADED);
|
||||
const target = e.target as HTMLInputElement;
|
||||
target.value = '';
|
||||
}
|
||||
@ -496,7 +496,7 @@ async function list(path: string): Promise<void> {
|
||||
async function buttonFileUpload(): Promise<void> {
|
||||
const fileInputElement = fileInput.value as HTMLInputElement;
|
||||
fileInputElement.showPicker();
|
||||
analytics.eventTriggered(AnalyticsEvent.UPLOAD_FILE_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.UPLOAD_FILE_CLICKED);
|
||||
closeUploadDropdown();
|
||||
}
|
||||
|
||||
@ -506,7 +506,7 @@ async function buttonFileUpload(): Promise<void> {
|
||||
async function buttonFolderUpload(): Promise<void> {
|
||||
const folderInputElement = folderInput.value as HTMLInputElement;
|
||||
folderInputElement.showPicker();
|
||||
analytics.eventTriggered(AnalyticsEvent.UPLOAD_FOLDER_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.UPLOAD_FOLDER_CLICKED);
|
||||
closeUploadDropdown();
|
||||
}
|
||||
|
||||
@ -542,8 +542,8 @@ function closeUploadDropdown(): void {
|
||||
* Redirects to buckets list view.
|
||||
*/
|
||||
async function goToBuckets(): Promise<void> {
|
||||
await router.push(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path).catch(err => {});
|
||||
analytics.pageVisit(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path);
|
||||
await router.push(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path).catch(_ => {});
|
||||
analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path);
|
||||
await onRouteChange();
|
||||
}
|
||||
|
||||
@ -572,7 +572,7 @@ onBeforeMount(async () => {
|
||||
if (!bucket.value) {
|
||||
const path = RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path;
|
||||
|
||||
analytics.pageVisit(path);
|
||||
analyticsStore.pageVisit(path);
|
||||
await router.push(path);
|
||||
|
||||
return;
|
||||
|
||||
@ -128,9 +128,9 @@ import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { BrowserObject, useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { ObjectType } from '@/utils/objectIcon';
|
||||
import { ShareType } from '@/types/browser';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import TableItem from '@/components/common/TableItem.vue';
|
||||
|
||||
@ -141,14 +141,13 @@ import DownloadIcon from '@/../static/images/objects/download.svg';
|
||||
import DotsIcon from '@/../static/images/objects/dots.svg';
|
||||
import CloseIcon from '@/../static/images/common/closeCross.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const obStore = useObjectBrowserStore();
|
||||
const config = useConfigStore();
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const props = defineProps<{
|
||||
path: string,
|
||||
file: BrowserObject,
|
||||
@ -226,7 +225,7 @@ const fileTypeIsFile = computed((): boolean => {
|
||||
});
|
||||
|
||||
/**
|
||||
* Return a boolean signifying whether the current file/folder is in the process of being deleted, therefore a spinner shoud be shown.
|
||||
* Return a boolean signifying whether the current file/folder is in the process of being deleted, therefore a spinner should be shown.
|
||||
*/
|
||||
const loadingSpinner = computed((): boolean => {
|
||||
return obStore.state.filesToBeDeleted.some(
|
||||
@ -242,7 +241,7 @@ function openModal(): void {
|
||||
|
||||
if (config.state.config.galleryViewEnabled) {
|
||||
appStore.setGalleryView(true);
|
||||
analytics.eventTriggered(AnalyticsEvent.GALLERY_VIEW_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.GALLERY_VIEW_CLICKED);
|
||||
} else {
|
||||
appStore.updateActiveModal(MODALS.objectDetails);
|
||||
}
|
||||
@ -317,7 +316,7 @@ function setSelectedFile(command: boolean): void {
|
||||
obStore.setUnselectedAnchorFile(null);
|
||||
obStore.updateShiftSelectedFiles([]);
|
||||
} else if (command) {
|
||||
/* if it's [CMD + click] and it has not met any of the above conditions, then set selectedAnchorFile to file and set unselectedAnchorfile to null, update the selectedFiles, and update the shiftSelectedFiles */
|
||||
/* if it's [CMD + click] and it has not met any of the above conditions, then set selectedAnchorFile to file and set unselectedAnchorFile to null, update the selectedFiles, and update the shiftSelectedFiles */
|
||||
obStore.setSelectedAnchorFile(props.file);
|
||||
obStore.setUnselectedAnchorFile(null);
|
||||
obStore.updateSelectedFiles([
|
||||
@ -363,7 +362,7 @@ function setShiftSelectedFiles(): void {
|
||||
const unselectedAnchorFile = obStore.state.unselectedAnchorFile;
|
||||
|
||||
if (unselectedAnchorFile) {
|
||||
/* if there is an unselectedAnchorFile, meaning that in the previous action the user unselected the anchor file but is now chosing to do a [shift + click] on another file, then reset the selectedAnchorFile, the achor file, to unselectedAnchorFile. */
|
||||
/* if there is an unselectedAnchorFile, meaning that in the previous action the user unselected the anchor file but is now choosing to do a [shift + click] on another file, then reset the selectedAnchorFile, the achor file, to unselectedAnchorFile. */
|
||||
obStore.setSelectedAnchorFile(unselectedAnchorFile);
|
||||
obStore.setUnselectedAnchorFile(null);
|
||||
}
|
||||
|
||||
@ -68,9 +68,9 @@ import { computed, ref } from 'vue';
|
||||
import { useRoute } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { useBillingStore } from '@/store/modules/billingStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
import ValidationMessage from '@/components/common/ValidationMessage.vue';
|
||||
@ -78,6 +78,7 @@ import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
import CheckIcon from '@/../static/images/common/validCheck.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const billingStore = useBillingStore();
|
||||
const route = useRoute();
|
||||
|
||||
@ -87,8 +88,6 @@ const showConfirmMessage = ref<boolean>(false);
|
||||
const errorMessage = ref<string>('');
|
||||
const couponCode = ref<string>('');
|
||||
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Signup view requires some unique styling and element text.
|
||||
*/
|
||||
@ -128,7 +127,7 @@ async function applyCouponCode(): Promise<void> {
|
||||
errorMessage.value = error.message;
|
||||
isCodeValid.value = false;
|
||||
showValidationMessage.value = true;
|
||||
analytics.errorEventTriggered(AnalyticsErrorEventSource.BILLING_APPLY_COUPON_CODE_INPUT);
|
||||
analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.BILLING_APPLY_COUPON_CODE_INPUT);
|
||||
|
||||
return;
|
||||
} finally {
|
||||
|
||||
@ -31,16 +31,17 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useLoading } from '@/composables/useLoading';
|
||||
import { useBillingStore } from '@/store/modules/billingStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
import ValidationMessage from '@/components/common/ValidationMessage.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const billingStore = useBillingStore();
|
||||
const notify = useNotify();
|
||||
const { isLoading, withLoading } = useLoading();
|
||||
@ -52,8 +53,6 @@ const isCodeValid = ref<boolean>(false);
|
||||
const errorMessage = ref<string>('');
|
||||
const couponCode = ref<string>('');
|
||||
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
|
||||
function setCouponCode(value: string): void {
|
||||
couponCode.value = value;
|
||||
}
|
||||
@ -65,13 +64,13 @@ async function applyCouponCode(): Promise<void> {
|
||||
await withLoading(async () => {
|
||||
try {
|
||||
await billingStore.applyCouponCode(couponCode.value);
|
||||
await notify.success('Coupon Added!');
|
||||
notify.success('Coupon Added!');
|
||||
emit('close');
|
||||
} catch (error) {
|
||||
errorMessage.value = error.message;
|
||||
isCodeValid.value = false;
|
||||
showValidationMessage.value = true;
|
||||
await analytics.errorEventTriggered(AnalyticsErrorEventSource.BILLING_APPLY_COUPON_CODE_INPUT);
|
||||
analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.BILLING_APPLY_COUPON_CODE_INPUT);
|
||||
} finally {
|
||||
isLoading.value = false;
|
||||
}
|
||||
|
||||
@ -14,21 +14,20 @@
|
||||
|
||||
<script setup lang="ts">
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import AddCouponCodeInput from '@/components/common/AddCouponCodeInput.vue';
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Closes add coupon modal.
|
||||
*/
|
||||
function onCloseClick(): void {
|
||||
analytics.pageVisit(RouteConfig.Account.with(RouteConfig.Billing).path);
|
||||
analyticsStore.pageVisit(RouteConfig.Account.with(RouteConfig.Billing).path);
|
||||
appStore.removeActiveModal();
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -68,13 +68,13 @@ import { computed, ref } from 'vue';
|
||||
|
||||
import { EmailInput } from '@/types/EmailInput';
|
||||
import { Validator } from '@/utils/validation';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
@ -83,6 +83,7 @@ import VInput from '@/components/common/VInput.vue';
|
||||
import TeamMembersIcon from '@/../static/images/team/teamMembers.svg';
|
||||
import AddCircleIcon from '@/../static/images/common/addCircle.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const pmStore = useProjectMembersStore();
|
||||
const usersStore = useUsersStore();
|
||||
@ -90,7 +91,6 @@ const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
|
||||
const FIRST_PAGE = 1;
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const inputs = ref<EmailInput[]>([new EmailInput()]);
|
||||
const formError = ref<string>('');
|
||||
@ -188,7 +188,7 @@ async function onAddUsersClick(): Promise<void> {
|
||||
}
|
||||
|
||||
if (emailArray.includes(usersStore.state.user.email)) {
|
||||
await notify.error(`Error adding project members. You can't add yourself to the project`, AnalyticsErrorEventSource.ADD_PROJECT_MEMBER_MODAL);
|
||||
notify.error(`Error adding project members. You can't add yourself to the project`, AnalyticsErrorEventSource.ADD_PROJECT_MEMBER_MODAL);
|
||||
isLoading.value = false;
|
||||
|
||||
return;
|
||||
@ -204,8 +204,8 @@ async function onAddUsersClick(): Promise<void> {
|
||||
return;
|
||||
}
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.PROJECT_MEMBERS_INVITE_SENT);
|
||||
await notify.notify('Invites sent!');
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_MEMBERS_INVITE_SENT);
|
||||
notify.notify('Invites sent!');
|
||||
pmStore.setSearchQuery('');
|
||||
|
||||
try {
|
||||
@ -230,18 +230,6 @@ function addInput(): void {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Deletes selected email input from list.
|
||||
* @param index
|
||||
*/
|
||||
function deleteInput(index: number): void {
|
||||
if (inputs.value.length === 1) return;
|
||||
|
||||
resetFormErrors(index);
|
||||
|
||||
inputs.value = inputs.value.filter((input, i) => i !== index);
|
||||
}
|
||||
|
||||
/**
|
||||
* Closes modal.
|
||||
*/
|
||||
|
||||
@ -67,11 +67,11 @@ import { useRouter } from 'vue-router';
|
||||
|
||||
import { AuthHttpApi } from '@/api/auth';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import PasswordStrength from '@/components/common/PasswordStrength.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
@ -80,6 +80,7 @@ import VModal from '@/components/common/VModal.vue';
|
||||
|
||||
import ChangePasswordIcon from '@/../static/images/account/changePasswordPopup/changePassword.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
const notify = useNotify();
|
||||
@ -87,7 +88,6 @@ const router = useRouter();
|
||||
|
||||
const DELAY_BEFORE_REDIRECT = 2000; // 2 sec
|
||||
const auth: AuthHttpApi = new AuthHttpApi();
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const oldPassword = ref<string>('');
|
||||
const newPassword = ref<string>('');
|
||||
@ -168,7 +168,7 @@ async function onUpdateClick(): Promise<void> {
|
||||
}
|
||||
|
||||
if (hasError) {
|
||||
analytics.errorEventTriggered(AnalyticsErrorEventSource.CHANGE_PASSWORD_MODAL);
|
||||
analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.CHANGE_PASSWORD_MODAL);
|
||||
return;
|
||||
}
|
||||
|
||||
@ -190,8 +190,8 @@ async function onUpdateClick(): Promise<void> {
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.CHANGE_PASSWORD_MODAL);
|
||||
}
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.PASSWORD_CHANGED);
|
||||
await notify.success('Password successfully changed!');
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PASSWORD_CHANGED);
|
||||
notify.success('Password successfully changed!');
|
||||
closeModal();
|
||||
}
|
||||
|
||||
|
||||
@ -121,14 +121,15 @@ import { useNotify } from '@/utils/hooks';
|
||||
import { LimitToChange, ProjectLimits } from '@/types/projects';
|
||||
import { Dimensions, Memory } from '@/utils/bytesSize';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useLoading } from '@/composables/useLoading';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
import LimitIcon from '@/../static/images/modals/limit.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const configStore = useConfigStore();
|
||||
@ -136,8 +137,6 @@ const notify = useNotify();
|
||||
|
||||
const { isLoading, withLoading } = useLoading();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const activeLimit = ref<LimitToChange>(LimitToChange.Storage);
|
||||
const activeMeasurement = ref<string>(Dimensions.TB);
|
||||
const limitValue = ref<number>(0);
|
||||
@ -300,13 +299,13 @@ async function onSave(): Promise<void> {
|
||||
const updatedProject = new ProjectLimits(limit);
|
||||
await projectsStore.updateProjectBandwidthLimit(updatedProject);
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED);
|
||||
notify.success('Project egress limit updated successfully!');
|
||||
} else {
|
||||
const updatedProject = new ProjectLimits(0, 0, limit);
|
||||
await projectsStore.updateProjectStorageLimit(updatedProject);
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.PROJECT_STORAGE_LIMIT_UPDATED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_STORAGE_LIMIT_UPDATED);
|
||||
notify.success('Project storage limit updated successfully!');
|
||||
}
|
||||
|
||||
|
||||
@ -58,7 +58,6 @@ import { computed, onMounted, ref } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { Validator } from '@/utils/validation';
|
||||
@ -69,6 +68,7 @@ import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
|
||||
import { useBucketsStore, FILE_BROWSER_AG_NAME } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
@ -77,6 +77,7 @@ import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
import CreateBucketIcon from '@/../static/images/buckets/createBucket.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
@ -85,8 +86,6 @@ const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const bucketName = ref<string>('');
|
||||
const nameError = ref<string>('');
|
||||
const bucketNamesLoading = ref<boolean>(true);
|
||||
@ -147,17 +146,17 @@ async function onCreate(): Promise<void> {
|
||||
if (isLoading.value) return;
|
||||
|
||||
if (!worker.value) {
|
||||
notify.error('Worker is not defined', AnalyticsErrorEventSource.BUCKET_CREATION_NAME_STEP);
|
||||
notify.error('Worker is not defined', AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
|
||||
return;
|
||||
}
|
||||
|
||||
if (!isBucketNameValid(bucketName.value)) {
|
||||
analytics.errorEventTriggered(AnalyticsErrorEventSource.BUCKET_CREATION_NAME_STEP);
|
||||
analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
|
||||
return;
|
||||
}
|
||||
|
||||
if (allBucketNames.value.includes(bucketName.value)) {
|
||||
notify.error('Bucket with this name already exists', AnalyticsErrorEventSource.BUCKET_CREATION_NAME_STEP);
|
||||
notify.error('Bucket with this name already exists', AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
|
||||
return;
|
||||
}
|
||||
|
||||
@ -174,8 +173,8 @@ async function onCreate(): Promise<void> {
|
||||
await bucketsStore.getBuckets(1, projectID);
|
||||
bucketsStore.setFileComponentBucketName(bucketName.value);
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.BUCKET_CREATED);
|
||||
analytics.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.BUCKET_CREATED);
|
||||
analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
await router.push(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
closeModal();
|
||||
|
||||
@ -189,7 +188,7 @@ async function onCreate(): Promise<void> {
|
||||
if (edgeCredentialsForCreate.value.accessKeyId) {
|
||||
await bucketsStore.createBucketWithNoPassphrase(bucketName.value);
|
||||
await bucketsStore.getBuckets(1, projectID);
|
||||
analytics.eventTriggered(AnalyticsEvent.BUCKET_CREATED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.BUCKET_CREATED);
|
||||
closeModal();
|
||||
|
||||
if (!bucketWasCreated.value) {
|
||||
@ -208,7 +207,7 @@ async function onCreate(): Promise<void> {
|
||||
const now = new Date();
|
||||
const inOneHour = new Date(now.setHours(now.getHours() + 1));
|
||||
|
||||
await worker.value.postMessage({
|
||||
worker.value.postMessage({
|
||||
'type': 'SetPermission',
|
||||
'isDownload': false,
|
||||
'isUpload': true,
|
||||
@ -225,7 +224,7 @@ async function onCreate(): Promise<void> {
|
||||
}
|
||||
});
|
||||
if (grantEvent.data.error) {
|
||||
await notify.error(grantEvent.data.error, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
|
||||
notify.error(grantEvent.data.error, AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
|
||||
return;
|
||||
}
|
||||
|
||||
@ -246,7 +245,7 @@ async function onCreate(): Promise<void> {
|
||||
}
|
||||
});
|
||||
if (accessGrantEvent.data.error) {
|
||||
await notify.error(accessGrantEvent.data.error, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
|
||||
notify.error(accessGrantEvent.data.error, AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
|
||||
return;
|
||||
}
|
||||
|
||||
@ -256,7 +255,7 @@ async function onCreate(): Promise<void> {
|
||||
bucketsStore.setEdgeCredentialsForCreate(creds);
|
||||
await bucketsStore.createBucketWithNoPassphrase(bucketName.value);
|
||||
await bucketsStore.getBuckets(1, projectID);
|
||||
analytics.eventTriggered(AnalyticsEvent.BUCKET_CREATED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.BUCKET_CREATED);
|
||||
|
||||
closeModal();
|
||||
|
||||
@ -264,7 +263,7 @@ async function onCreate(): Promise<void> {
|
||||
LocalData.setBucketWasCreatedStatus();
|
||||
}
|
||||
} catch (error) {
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.BUCKET_CREATION_FLOW);
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
|
||||
} finally {
|
||||
isLoading.value = false;
|
||||
}
|
||||
@ -291,7 +290,7 @@ function setWorker(): void {
|
||||
worker.value = agStore.state.accessGrantsWebWorker;
|
||||
if (worker.value) {
|
||||
worker.value.onerror = (error: ErrorEvent) => {
|
||||
notify.error(error.message, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
|
||||
notify.error(error.message, AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
|
||||
};
|
||||
}
|
||||
}
|
||||
@ -319,7 +318,7 @@ onMounted(async (): Promise<void> => {
|
||||
await bucketsStore.getAllBucketsNames(projectsStore.state.selectedProject.id);
|
||||
bucketName.value = allBucketNames.value.length > 0 ? '' : 'demo-bucket';
|
||||
} catch (error) {
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.BUCKET_CREATION_NAME_STEP);
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.CREATE_BUCKET_MODAL);
|
||||
} finally {
|
||||
bucketNamesLoading.value = false;
|
||||
}
|
||||
|
||||
@ -66,7 +66,6 @@ import { useRouter } from 'vue-router';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { ProjectFields } from '@/types/projects';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
@ -74,12 +73,14 @@ import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
@ -87,8 +88,6 @@ const usersStore = useUsersStore();
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const description = ref<string>('');
|
||||
const createdProjectId = ref<string>('');
|
||||
const projectName = ref<string>('');
|
||||
@ -130,7 +129,7 @@ async function onCreateProjectClick(): Promise<void> {
|
||||
} catch (error) {
|
||||
isLoading.value = false;
|
||||
nameError.value = error.message;
|
||||
analytics.errorEventTriggered(AnalyticsErrorEventSource.CREATE_PROJECT_MODAL);
|
||||
analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.CREATE_PROJECT_MODAL);
|
||||
|
||||
return;
|
||||
}
|
||||
@ -156,7 +155,7 @@ async function onCreateProjectClick(): Promise<void> {
|
||||
appStore.updateActiveModal(MODALS.createProjectPassphrase);
|
||||
}
|
||||
|
||||
analytics.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
await router.push(RouteConfig.ProjectDashboard.path);
|
||||
}
|
||||
|
||||
|
||||
@ -32,7 +32,6 @@
|
||||
import { computed, onMounted, ref } from 'vue';
|
||||
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AccessGrant, EdgeCredentials } from '@/types/accessGrants';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
@ -40,13 +39,13 @@ import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
|
||||
import { useBucketsStore, FILE_BROWSER_AG_NAME } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
@ -90,7 +89,7 @@ async function onDelete(): Promise<void> {
|
||||
const now = new Date();
|
||||
const inOneHour = new Date(now.setHours(now.getHours() + 1));
|
||||
|
||||
await worker.value.postMessage({
|
||||
worker.value.postMessage({
|
||||
'type': 'SetPermission',
|
||||
'isDownload': false,
|
||||
'isUpload': false,
|
||||
@ -107,7 +106,7 @@ async function onDelete(): Promise<void> {
|
||||
}
|
||||
});
|
||||
if (grantEvent.data.error) {
|
||||
await notify.error(grantEvent.data.error, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
|
||||
notify.error(grantEvent.data.error, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
|
||||
return;
|
||||
}
|
||||
|
||||
@ -137,7 +136,7 @@ async function onDelete(): Promise<void> {
|
||||
const edgeCredentials: EdgeCredentials = await agStore.getEdgeCredentials(accessGrant);
|
||||
bucketsStore.setEdgeCredentialsForDelete(edgeCredentials);
|
||||
await bucketsStore.deleteBucket(name.value);
|
||||
analytics.eventTriggered(AnalyticsEvent.BUCKET_DELETED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.BUCKET_DELETED);
|
||||
await fetchBuckets();
|
||||
} catch (error) {
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.DELETE_BUCKET_MODAL);
|
||||
|
||||
@ -43,27 +43,26 @@
|
||||
import { computed, reactive, ref } from 'vue';
|
||||
|
||||
import { UpdatedUser } from '@/types/users';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const userStore = useUsersStore();
|
||||
const notify = useNotify();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const userInfo = reactive<UpdatedUser>(new UpdatedUser(userStore.state.user.fullName, userStore.state.user.shortName));
|
||||
const fullNameError = ref<string>('');
|
||||
|
||||
/**
|
||||
* Returns first letter of user name.
|
||||
* Returns first letter of username.
|
||||
*/
|
||||
const avatarLetter = computed((): string => {
|
||||
return userStore.userName.slice(0, 1).toUpperCase();
|
||||
@ -95,7 +94,7 @@ async function onUpdateClick(): Promise<void> {
|
||||
return;
|
||||
}
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.PROFILE_UPDATED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PROFILE_UPDATED);
|
||||
|
||||
notify.success('Account info successfully updated!');
|
||||
|
||||
|
||||
@ -80,24 +80,23 @@
|
||||
import QRCode from 'qrcode';
|
||||
import { computed, onMounted, ref } from 'vue';
|
||||
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import ConfirmMFAInput from '@/components/account/mfa/ConfirmMFAInput.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
const usersStore = useUsersStore();
|
||||
const notify = useNotify();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const isScan = ref<boolean>(true);
|
||||
const isEnable = ref<boolean>(false);
|
||||
const isCodes = ref<boolean>(false);
|
||||
@ -178,8 +177,8 @@ async function enable(): Promise<void> {
|
||||
await usersStore.getUser();
|
||||
await showCodes();
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.MFA_ENABLED);
|
||||
await notify.success('MFA was enabled successfully');
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.MFA_ENABLED);
|
||||
notify.success('MFA was enabled successfully');
|
||||
} catch (error) {
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.ENABLE_MFA_MODAL);
|
||||
isError.value = true;
|
||||
@ -196,7 +195,7 @@ onMounted(async (): Promise<void> => {
|
||||
try {
|
||||
await QRCode.toCanvas(canvas.value, qrLink);
|
||||
} catch (error) {
|
||||
await notify.error(error.message, AnalyticsErrorEventSource.ENABLE_MFA_MODAL);
|
||||
notify.error(error.message, AnalyticsErrorEventSource.ENABLE_MFA_MODAL);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
@ -66,13 +66,13 @@ import { computed, onUnmounted, ref } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { Bucket } from '@/types/buckets';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
@ -82,6 +82,7 @@ import VLoader from '@/components/common/VLoader.vue';
|
||||
import AccessEncryptionIcon from '@/../static/images/accessGrants/newCreateFlow/accessEncryption.svg';
|
||||
import OpenWarningIcon from '@/../static/images/objects/openWarning.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
@ -89,7 +90,6 @@ const router = useRouter();
|
||||
const notify = useNotify();
|
||||
|
||||
const NUMBER_OF_DISPLAYED_OBJECTS = 1000;
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const enterError = ref<string>('');
|
||||
const passphrase = ref<string>('');
|
||||
@ -121,7 +121,7 @@ async function onContinue(): Promise<void> {
|
||||
if (isLoading.value) return;
|
||||
|
||||
const callback = bucketsStore.state.enterPassphraseCallback || ((): void => {
|
||||
analytics.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
router.push(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
});
|
||||
|
||||
@ -136,7 +136,7 @@ async function onContinue(): Promise<void> {
|
||||
|
||||
if (!passphrase.value) {
|
||||
enterError.value = 'Passphrase can\'t be empty';
|
||||
analytics.errorEventTriggered(AnalyticsErrorEventSource.OPEN_BUCKET_MODAL);
|
||||
analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.OPEN_BUCKET_MODAL);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
@ -47,23 +47,22 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
|
||||
import AccessEncryptionIcon from '../../../static/images/accessGrants/newCreateFlow/accessEncryption.svg';
|
||||
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
import AccessEncryptionIcon from '@/../static/images/accessGrants/newCreateFlow/accessEncryption.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const enterError = ref<string>('');
|
||||
const passphrase = ref<string>('');
|
||||
|
||||
@ -73,12 +72,12 @@ const passphrase = ref<string>('');
|
||||
function onContinue(): void {
|
||||
if (!passphrase.value) {
|
||||
enterError.value = 'Passphrase can\'t be empty';
|
||||
analytics.errorEventTriggered(AnalyticsErrorEventSource.OPEN_BUCKET_MODAL);
|
||||
analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.OPEN_BUCKET_MODAL);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.PASSPHRASE_CREATED, {
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PASSPHRASE_CREATED, {
|
||||
method: 'enter',
|
||||
});
|
||||
|
||||
|
||||
@ -48,23 +48,22 @@ import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { ProjectInvitation, ProjectInvitationResponse } from '@/types/projects';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
import Icon from '@/../static/images/modals/boxesIcon.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const isLoading = ref<boolean>(false);
|
||||
|
||||
/**
|
||||
@ -86,7 +85,7 @@ async function respondToInvitation(response: ProjectInvitationResponse): Promise
|
||||
let success = false;
|
||||
try {
|
||||
await projectsStore.respondToInvitation(invite.value.projectID, response);
|
||||
analytics.eventTriggered(accepted ? AnalyticsEvent.PROJECT_INVITATION_ACCEPTED : AnalyticsEvent.PROJECT_INVITATION_DECLINED);
|
||||
analyticsStore.eventTriggered(accepted ? AnalyticsEvent.PROJECT_INVITATION_ACCEPTED : AnalyticsEvent.PROJECT_INVITATION_DECLINED);
|
||||
success = true;
|
||||
} catch (error) {
|
||||
const action = accepted ? 'accept' : 'decline';
|
||||
@ -112,7 +111,7 @@ async function respondToInvitation(response: ProjectInvitationResponse): Promise
|
||||
LocalData.setSelectedProjectId(invite.value.projectID);
|
||||
|
||||
notify.success('Invite accepted!');
|
||||
analytics.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
router.push(RouteConfig.ProjectDashboard.path);
|
||||
}
|
||||
|
||||
|
||||
@ -15,25 +15,23 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import NewBillingAddCouponCodeInput from '@/components/common/NewBillingAddCouponCodeInput.vue';
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
|
||||
import CouponIcon from '@/../static/images/account/billing/greenCoupon.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Closes add coupon modal.
|
||||
*/
|
||||
function onCloseClick(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.COUPON_CODE_APPLIED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.COUPON_CODE_APPLIED);
|
||||
appStore.removeActiveModal();
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -81,7 +81,6 @@ import { useRouter } from 'vue-router';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { ProjectFields } from '@/types/projects';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
@ -91,6 +90,7 @@ import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
@ -99,6 +99,7 @@ import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
import BlueBoxIcon from '@/../static/images/common/blueBox.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
@ -115,8 +116,6 @@ const isLoading = ref(false);
|
||||
const projectName = ref('');
|
||||
const nameError = ref('');
|
||||
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Sets project name from input value.
|
||||
*/
|
||||
@ -154,7 +153,7 @@ async function onCreateProjectClick(): Promise<void> {
|
||||
} catch (error) {
|
||||
isLoading.value = false;
|
||||
nameError.value = error.message;
|
||||
analytics.errorEventTriggered(AnalyticsErrorEventSource.CREATE_PROJECT_MODAL);
|
||||
analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.CREATE_PROJECT_MODAL);
|
||||
|
||||
return;
|
||||
}
|
||||
@ -178,13 +177,13 @@ async function onCreateProjectClick(): Promise<void> {
|
||||
bucketsStore.clearS3Data();
|
||||
|
||||
if (usersStore.shouldOnboard && configStore.state.config.allProjectsDashboard) {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
|
||||
return;
|
||||
}
|
||||
|
||||
analytics.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
router.push(RouteConfig.ProjectDashboard.path);
|
||||
analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
await router.push(RouteConfig.ProjectDashboard.path);
|
||||
|
||||
if (usersStore.state.settings.passphrasePrompt) {
|
||||
appStore.updateActiveModal(MODALS.enterPassphrase);
|
||||
|
||||
@ -122,7 +122,7 @@ import { useNotify } from '@/utils/hooks';
|
||||
import { BrowserObject, useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useLinksharing } from '@/composables/useLinksharing';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
@ -131,8 +131,7 @@ import VLoader from '@/components/common/VLoader.vue';
|
||||
import ErrorNoticeIcon from '@/../static/images/common/errorNotice.svg?url';
|
||||
import PlaceholderImage from '@/../static/images/browser/placeholder.svg';
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const obStore = useObjectBrowserStore();
|
||||
const notify = useNotify();
|
||||
@ -303,7 +302,7 @@ async function copy(): Promise<void> {
|
||||
* Get the share link of the current opened file.
|
||||
*/
|
||||
async function getSharedLink(): Promise<void> {
|
||||
analytics.eventTriggered(AnalyticsEvent.LINK_SHARED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.LINK_SHARED);
|
||||
try {
|
||||
objectLink.value = await generateFileOrFolderShareURL(filePath.value);
|
||||
} catch (error) {
|
||||
|
||||
@ -56,7 +56,6 @@ import { computed } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { Project } from '@/types/projects';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
@ -65,6 +64,7 @@ import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useLoading } from '@/composables/useLoading';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
@ -72,6 +72,8 @@ import VButton from '@/components/common/VButton.vue';
|
||||
import TeamMemberIcon from '@/../static/images/team/teamMember.svg';
|
||||
|
||||
const FIRST_PAGE = 1;
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
@ -80,8 +82,6 @@ const notify = useNotify();
|
||||
const router = useRouter();
|
||||
const { isLoading, withLoading } = useLoading();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const firstThreeSelected = computed((): string[] => {
|
||||
return pmStore.state.selectedProjectMembersEmails.slice(0, 3);
|
||||
});
|
||||
@ -95,8 +95,8 @@ async function setProjectState(): Promise<void> {
|
||||
if (!projects.length) {
|
||||
const onboardingPath = RouteConfig.OnboardingTour.with(configStore.firstOnboardingStep).path;
|
||||
|
||||
analytics.pageVisit(onboardingPath);
|
||||
router.push(onboardingPath);
|
||||
analyticsStore.pageVisit(onboardingPath);
|
||||
await router.push(onboardingPath);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
@ -54,9 +54,9 @@ import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
|
||||
import { useLinksharing } from '@/composables/useLinksharing';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { ShareType } from '@/types/browser';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
@ -71,8 +71,7 @@ enum ButtonStates {
|
||||
Copied,
|
||||
}
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const obStore = useObjectBrowserStore();
|
||||
const { generateFileOrFolderShareURL, generateBucketShareURL } = useLinksharing();
|
||||
@ -118,7 +117,7 @@ function closeModal(): void {
|
||||
}
|
||||
|
||||
onMounted(async (): Promise<void> => {
|
||||
analytics.eventTriggered(AnalyticsEvent.LINK_SHARED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.LINK_SHARED);
|
||||
try {
|
||||
if (shareType.value === ShareType.Bucket) {
|
||||
link.value = await generateBucketShareURL();
|
||||
|
||||
@ -47,7 +47,7 @@ import { EdgeCredentials } from '@/types/accessGrants';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import SelectPassphraseModeStep from '@/components/modals/createProjectPassphrase/SelectPassphraseModeStep.vue';
|
||||
@ -67,15 +67,14 @@ enum CreatePassphraseOption {
|
||||
Enter = 'Enter',
|
||||
}
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const generatedPassphrase = generateMnemonic();
|
||||
const generatedPassphrase: string = generateMnemonic();
|
||||
|
||||
const selectedOption = ref<CreatePassphraseOption>(CreatePassphraseOption.Generate);
|
||||
const activeStep = ref<CreateProjectPassphraseStep>(CreateProjectPassphraseStep.SelectMode);
|
||||
@ -139,7 +138,7 @@ async function onContinue(): Promise<void> {
|
||||
return;
|
||||
}
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.PASSPHRASE_CREATED, {
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PASSPHRASE_CREATED, {
|
||||
method: selectedOption.value === CreatePassphraseOption.Enter ? 'enter' : 'generate',
|
||||
});
|
||||
|
||||
@ -154,7 +153,7 @@ async function onContinue(): Promise<void> {
|
||||
|
||||
if (activeStep.value === CreateProjectPassphraseStep.Success) {
|
||||
if (route.name === RouteConfig.OverviewStep.name) {
|
||||
router.push(RouteConfig.ProjectDashboard.path);
|
||||
await router.push(RouteConfig.ProjectDashboard.path);
|
||||
}
|
||||
|
||||
closeModal();
|
||||
|
||||
@ -55,7 +55,6 @@ import {
|
||||
FailedUploadMessage,
|
||||
useObjectBrowserStore,
|
||||
} from '@/store/modules/objectBrowserStore';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { ObjectType } from '@/utils/objectIcon';
|
||||
@ -67,8 +66,6 @@ import CheckIcon from '@/../static/images/modals/objectUpload/check.svg';
|
||||
import FailedIcon from '@/../static/images/modals/objectUpload/failed.svg';
|
||||
import InfoIcon from '@/../static/images/modals/objectUpload/info.svg';
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const obStore = useObjectBrowserStore();
|
||||
const notify = useNotify();
|
||||
|
||||
|
||||
@ -39,7 +39,7 @@ import { useNotify } from '@/utils/hooks';
|
||||
import { useBillingStore } from '@/store/modules/billingStore';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import UpgradeAccountWrapper from '@/components/modals/upgradeAccountFlow/UpgradeAccountWrapper.vue';
|
||||
import StripeCardInput from '@/components/account/billing/paymentMethods/StripeCardInput.vue';
|
||||
@ -49,6 +49,7 @@ interface StripeForm {
|
||||
onSubmit(): Promise<void>;
|
||||
}
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const usersStore = useUsersStore();
|
||||
const billingStore = useBillingStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
@ -60,8 +61,6 @@ const props = defineProps<{
|
||||
setSuccess: () => void;
|
||||
}>();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const loading = ref<boolean>(false);
|
||||
const stripeCardInput = ref<typeof StripeCardInput & StripeForm | null>(null);
|
||||
|
||||
@ -101,7 +100,7 @@ async function addCardToDB(token: string): Promise<void> {
|
||||
await billingStore.getCreditCards();
|
||||
}
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.MODAL_ADD_CARD);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.MODAL_ADD_CARD);
|
||||
|
||||
loading.value = false;
|
||||
props.setSuccess();
|
||||
|
||||
@ -41,8 +41,8 @@ import { useBillingStore } from '@/store/modules/billingStore';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { PaymentsHttpApi } from '@/api/payments';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { User } from '@/types/users';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VModal from '@/components/common/VModal.vue';
|
||||
import UpgradeInfoStep from '@/components/modals/upgradeAccountFlow/UpgradeInfoStep.vue';
|
||||
@ -61,6 +61,7 @@ enum UpgradeAccountStep {
|
||||
PricingPlan = 'pricingPlanStep',
|
||||
}
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
const usersStore = useUsersStore();
|
||||
@ -68,8 +69,6 @@ const billingStore = useBillingStore();
|
||||
const notify = useNotify();
|
||||
const payments: PaymentsHttpApi = new PaymentsHttpApi();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const step = ref<UpgradeAccountStep>(UpgradeAccountStep.Info);
|
||||
const loading = ref<boolean>(false);
|
||||
|
||||
@ -84,7 +83,7 @@ async function onAddTokens(): Promise<void> {
|
||||
try {
|
||||
await billingStore.claimWallet();
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.ADD_FUNDS_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.ADD_FUNDS_CLICKED);
|
||||
|
||||
setStep(UpgradeAccountStep.AddTokens);
|
||||
} catch (error) {
|
||||
|
||||
@ -58,7 +58,6 @@ import { useRoute, useRouter } from 'vue-router';
|
||||
import { User } from '@/types/users';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AuthHttpApi } from '@/api/auth';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { APP_STATE_DROPDOWNS, MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
@ -73,6 +72,7 @@ import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useNotificationsStore } from '@/store/modules/notificationsStore';
|
||||
import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import BillingIcon from '@/../static/images/navigation/billing.svg';
|
||||
import InfoIcon from '@/../static/images/navigation/info.svg';
|
||||
@ -100,9 +100,9 @@ const usersStore = useUsersStore();
|
||||
const abTestingStore = useABTestingStore();
|
||||
const pmStore = useProjectMembersStore();
|
||||
const notificationsStore = useNotificationsStore();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
const auth: AuthHttpApi = new AuthHttpApi();
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const dropdownYPos = ref<number>(0);
|
||||
const dropdownXPos = ref<number>(0);
|
||||
@ -154,7 +154,7 @@ function navigateToBilling(): void {
|
||||
if (route.path.includes(RouteConfig.Billing.path)) return;
|
||||
|
||||
router.push(RouteConfig.Account.with(RouteConfig.Billing).with(RouteConfig.BillingOverview).path);
|
||||
analytics.pageVisit(RouteConfig.Account.with(RouteConfig.Billing).with(RouteConfig.BillingOverview).path);
|
||||
analyticsStore.pageVisit(RouteConfig.Account.with(RouteConfig.Billing).with(RouteConfig.BillingOverview).path);
|
||||
}
|
||||
|
||||
/**
|
||||
@ -162,7 +162,7 @@ function navigateToBilling(): void {
|
||||
*/
|
||||
function navigateToSettings(): void {
|
||||
closeDropdown();
|
||||
analytics.pageVisit(RouteConfig.Account.with(RouteConfig.Settings).path);
|
||||
analyticsStore.pageVisit(RouteConfig.Account.with(RouteConfig.Settings).path);
|
||||
router.push(RouteConfig.Account.with(RouteConfig.Settings).path).catch(() => {return;});
|
||||
}
|
||||
|
||||
@ -170,8 +170,8 @@ function navigateToSettings(): void {
|
||||
* Logouts user and navigates to login page.
|
||||
*/
|
||||
async function onLogout(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.Login.path);
|
||||
router.push(RouteConfig.Login.path);
|
||||
analyticsStore.pageVisit(RouteConfig.Login.path);
|
||||
await router.push(RouteConfig.Login.path);
|
||||
|
||||
await Promise.all([
|
||||
pmStore.clear(),
|
||||
@ -188,7 +188,7 @@ async function onLogout(): Promise<void> {
|
||||
]);
|
||||
|
||||
try {
|
||||
await analytics.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
|
||||
await auth.logout();
|
||||
} catch (error) {
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.NAVIGATION_ACCOUNT_AREA);
|
||||
|
||||
@ -208,7 +208,6 @@ import { computed, ref } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
|
||||
import { AuthHttpApi } from '@/api/auth';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { NavigationLink } from '@/types/navigation';
|
||||
import { Project } from '@/types/projects';
|
||||
@ -228,6 +227,7 @@ import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useNotificationsStore } from '@/store/modules/notificationsStore';
|
||||
import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import ResourcesLinks from '@/components/navigation/ResourcesLinks.vue';
|
||||
import QuickStartLinks from '@/components/navigation/QuickStartLinks.vue';
|
||||
@ -266,6 +266,7 @@ const navigation: NavigationLink[] = [
|
||||
RouteConfig.Team.withIcon(UsersIcon),
|
||||
];
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
@ -282,7 +283,6 @@ const router = useRouter();
|
||||
const route = useRoute();
|
||||
const notify = useNotify();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const auth: AuthHttpApi = new AuthHttpApi();
|
||||
|
||||
const isResourcesDropdownShown = ref<boolean>(false);
|
||||
@ -420,14 +420,14 @@ function toggleAccountDropdown(): void {
|
||||
* Sends new path click event to segment.
|
||||
*/
|
||||
function trackClickEvent(path: string): void {
|
||||
analytics.pageVisit(path);
|
||||
analyticsStore.pageVisit(path);
|
||||
}
|
||||
|
||||
/**
|
||||
* Route to all projects page.
|
||||
*/
|
||||
function onAllProjectsClick(): void {
|
||||
analytics.pageVisit(RouteConfig.AllProjectsDashboard.path);
|
||||
analyticsStore.pageVisit(RouteConfig.AllProjectsDashboard.path);
|
||||
router.push(RouteConfig.AllProjectsDashboard.path);
|
||||
toggleProjectDropdown();
|
||||
}
|
||||
@ -436,7 +436,7 @@ function onAllProjectsClick(): void {
|
||||
* Route to project details page.
|
||||
*/
|
||||
function onProjectDetailsClick(): void {
|
||||
analytics.pageVisit(RouteConfig.EditProjectDetails.path);
|
||||
analyticsStore.pageVisit(RouteConfig.EditProjectDetails.path);
|
||||
router.push(RouteConfig.EditProjectDetails.path);
|
||||
toggleProjectDropdown();
|
||||
}
|
||||
@ -470,7 +470,7 @@ async function onProjectClick(): Promise<void> {
|
||||
* @param projectID
|
||||
*/
|
||||
async function onProjectSelected(projectID: string): Promise<void> {
|
||||
analytics.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
|
||||
projectsStore.selectProject(projectID);
|
||||
LocalData.setSelectedProjectId(projectID);
|
||||
pmStore.setSearchQuery('');
|
||||
@ -479,7 +479,7 @@ async function onProjectSelected(projectID: string): Promise<void> {
|
||||
|
||||
if (isBucketsView.value) {
|
||||
bucketsStore.clear();
|
||||
analytics.pageVisit(RouteConfig.Buckets.path);
|
||||
analyticsStore.pageVisit(RouteConfig.Buckets.path);
|
||||
await router.push(RouteConfig.Buckets.path).catch(() => {return; });
|
||||
}
|
||||
|
||||
@ -502,8 +502,8 @@ async function onProjectSelected(projectID: string): Promise<void> {
|
||||
*/
|
||||
function onProjectsLinkClick(): void {
|
||||
if (route.name !== RouteConfig.ProjectsList.name) {
|
||||
analytics.pageVisit(RouteConfig.ProjectsList.path);
|
||||
analytics.eventTriggered(AnalyticsEvent.MANAGE_PROJECTS_CLICKED);
|
||||
analyticsStore.pageVisit(RouteConfig.ProjectsList.path);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.MANAGE_PROJECTS_CLICKED);
|
||||
router.push(RouteConfig.ProjectsList.path);
|
||||
}
|
||||
|
||||
@ -515,7 +515,7 @@ function onProjectsLinkClick(): void {
|
||||
*/
|
||||
function onCreateLinkClick(): void {
|
||||
if (route.name !== RouteConfig.CreateProject.name) {
|
||||
analytics.eventTriggered(AnalyticsEvent.CREATE_NEW_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.CREATE_NEW_CLICKED);
|
||||
|
||||
const user: User = usersStore.state.user;
|
||||
const ownProjectsCount: number = projectsStore.projectsCount(user.id);
|
||||
@ -523,7 +523,7 @@ function onCreateLinkClick(): void {
|
||||
if (!user.paidTier || user.projectLimit === ownProjectsCount) {
|
||||
appStore.updateActiveModal(MODALS.createProjectPrompt);
|
||||
} else {
|
||||
analytics.pageVisit(RouteConfig.CreateProject.path);
|
||||
analyticsStore.pageVisit(RouteConfig.CreateProject.path);
|
||||
appStore.updateActiveModal(MODALS.newCreateProject);
|
||||
}
|
||||
}
|
||||
@ -548,7 +548,7 @@ function navigateToBilling(): void {
|
||||
|
||||
const link = RouteConfig.Account.with(RouteConfig.Billing.with(RouteConfig.BillingOverview));
|
||||
router.push(link.path);
|
||||
analytics.pageVisit(link.path);
|
||||
analyticsStore.pageVisit(link.path);
|
||||
}
|
||||
|
||||
/**
|
||||
@ -556,7 +556,7 @@ function navigateToBilling(): void {
|
||||
*/
|
||||
function navigateToSettings(): void {
|
||||
isOpened.value = false;
|
||||
analytics.pageVisit(RouteConfig.Account.with(RouteConfig.Settings).path);
|
||||
analyticsStore.pageVisit(RouteConfig.Account.with(RouteConfig.Settings).path);
|
||||
router.push(RouteConfig.Account.with(RouteConfig.Settings).path).catch(() => {return;});
|
||||
}
|
||||
|
||||
@ -564,7 +564,7 @@ function navigateToSettings(): void {
|
||||
* Logouts user and navigates to login page.
|
||||
*/
|
||||
async function onLogout(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.Login.path);
|
||||
analyticsStore.pageVisit(RouteConfig.Login.path);
|
||||
await router.push(RouteConfig.Login.path);
|
||||
|
||||
await Promise.all([
|
||||
@ -582,7 +582,7 @@ async function onLogout(): Promise<void> {
|
||||
]);
|
||||
|
||||
try {
|
||||
analytics.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
|
||||
await auth.logout();
|
||||
} catch (error) {
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.MOBILE_NAVIGATION);
|
||||
|
||||
@ -83,12 +83,12 @@
|
||||
import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { NavigationLink } from '@/types/navigation';
|
||||
import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import ProjectSelection from '@/components/navigation/ProjectSelection.vue';
|
||||
import GuidesDropdown from '@/components/navigation/GuidesDropdown.vue';
|
||||
@ -106,13 +106,13 @@ import ResourcesIcon from '@/../static/images/navigation/resources.svg';
|
||||
import QuickStartIcon from '@/../static/images/navigation/quickStart.svg';
|
||||
import ArrowIcon from '@/../static/images/navigation/arrowExpandRight.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
const TWENTY_PIXELS = 20;
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const navigation: NavigationLink[] = [
|
||||
RouteConfig.ProjectDashboard.withIcon(DashboardIcon),
|
||||
RouteConfig.Buckets.withIcon(BucketsIcon),
|
||||
@ -256,7 +256,7 @@ function trackClickEvent(path: string): void {
|
||||
if (path === '/account/billing') {
|
||||
routeToOverview();
|
||||
} else {
|
||||
analytics.pageVisit(path);
|
||||
analyticsStore.pageVisit(path);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -106,7 +106,6 @@
|
||||
import { computed, ref } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
@ -122,6 +121,7 @@ import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
|
||||
@ -133,6 +133,7 @@ import ManageIcon from '@/../static/images/navigation/manage.svg';
|
||||
import CreateProjectIcon from '@/../static/images/navigation/createProject.svg';
|
||||
import SettingsIcon from '@/../static/images/navigation/settings.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const agStore = useAccessGrantsStore();
|
||||
@ -146,7 +147,6 @@ const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
const FIRST_PAGE = 1;
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const dropdownYPos = ref<number>(0);
|
||||
const dropdownXPos = ref<number>(0);
|
||||
@ -228,7 +228,7 @@ function compareProjects(a: Project, b: Project) {
|
||||
}
|
||||
|
||||
/**
|
||||
* Fetches projects related information and than toggles selection popup.
|
||||
* Fetches projects related information and then toggles selection popup.
|
||||
*/
|
||||
async function toggleSelection(): Promise<void> {
|
||||
if (isOnboardingTour.value || !projectSelection.value) return;
|
||||
@ -269,7 +269,7 @@ function toggleDropdown(): void {
|
||||
* @param projectID
|
||||
*/
|
||||
async function onProjectSelected(projectID: string): Promise<void> {
|
||||
analytics.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
|
||||
projectsStore.selectProject(projectID);
|
||||
LocalData.setSelectedProjectId(projectID);
|
||||
pmStore.setSearchQuery('');
|
||||
@ -311,7 +311,7 @@ async function onProjectSelected(projectID: string): Promise<void> {
|
||||
try {
|
||||
await agStore.getAccessGrants(FIRST_PAGE, projectID);
|
||||
} catch (error) {
|
||||
await notify.error(error.message, AnalyticsErrorEventSource.NAVIGATION_PROJECT_SELECTION);
|
||||
notify.error(error.message, AnalyticsErrorEventSource.NAVIGATION_PROJECT_SELECTION);
|
||||
}
|
||||
|
||||
return;
|
||||
@ -321,7 +321,7 @@ async function onProjectSelected(projectID: string): Promise<void> {
|
||||
try {
|
||||
await pmStore.getProjectMembers(FIRST_PAGE, selectedProject.value.id);
|
||||
} catch (error) {
|
||||
await notify.error(error.message, AnalyticsErrorEventSource.NAVIGATION_PROJECT_SELECTION);
|
||||
notify.error(error.message, AnalyticsErrorEventSource.NAVIGATION_PROJECT_SELECTION);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -338,8 +338,8 @@ function closeDropdown(): void {
|
||||
*/
|
||||
function onProjectsLinkClick(): void {
|
||||
if (route.name !== RouteConfig.ProjectsList.name) {
|
||||
analytics.pageVisit(RouteConfig.ProjectsList.path);
|
||||
analytics.eventTriggered(AnalyticsEvent.MANAGE_PROJECTS_CLICKED);
|
||||
analyticsStore.pageVisit(RouteConfig.ProjectsList.path);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.MANAGE_PROJECTS_CLICKED);
|
||||
router.push(RouteConfig.ProjectsList.path);
|
||||
}
|
||||
|
||||
@ -350,7 +350,7 @@ function onProjectsLinkClick(): void {
|
||||
* Route to all projects page.
|
||||
*/
|
||||
function onAllProjectsClick(): void {
|
||||
analytics.pageVisit(RouteConfig.AllProjectsDashboard.path);
|
||||
analyticsStore.pageVisit(RouteConfig.AllProjectsDashboard.path);
|
||||
router.push(RouteConfig.AllProjectsDashboard.path);
|
||||
closeDropdown();
|
||||
}
|
||||
@ -359,7 +359,7 @@ function onAllProjectsClick(): void {
|
||||
* Route to project details page.
|
||||
*/
|
||||
function onProjectDetailsClick(): void {
|
||||
analytics.pageVisit(RouteConfig.EditProjectDetails.path);
|
||||
analyticsStore.pageVisit(RouteConfig.EditProjectDetails.path);
|
||||
router.push(RouteConfig.EditProjectDetails.path);
|
||||
closeDropdown();
|
||||
}
|
||||
@ -378,13 +378,13 @@ function onManagePassphraseClick(): void {
|
||||
*/
|
||||
function onCreateLinkClick(): void {
|
||||
if (route.name !== RouteConfig.CreateProject.name) {
|
||||
analytics.eventTriggered(AnalyticsEvent.CREATE_NEW_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.CREATE_NEW_CLICKED);
|
||||
|
||||
const user: User = userStore.state.user;
|
||||
const ownProjectsCount: number = projectsStore.projectsCount(user.id);
|
||||
|
||||
if (user.projectLimit > ownProjectsCount) {
|
||||
analytics.pageVisit(RouteConfig.CreateProject.path);
|
||||
analyticsStore.pageVisit(RouteConfig.CreateProject.path);
|
||||
appStore.updateActiveModal(MODALS.newCreateProject);
|
||||
} else {
|
||||
appStore.updateActiveModal(MODALS.createProjectPrompt);
|
||||
|
||||
@ -44,7 +44,6 @@
|
||||
<script setup lang="ts">
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { User } from '@/types/users';
|
||||
@ -53,6 +52,7 @@ import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import NewProjectIcon from '@/../static/images/navigation/newProject.svg';
|
||||
import CreateAGIcon from '@/../static/images/navigation/createAccessGrant.svg';
|
||||
@ -60,6 +60,7 @@ import S3Icon from '@/../static/images/navigation/s3.svg';
|
||||
import UploadInCLIIcon from '@/../static/images/navigation/uploadInCLI.svg';
|
||||
import UploadInWebIcon from '@/../static/images/navigation/uploadInWeb.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const usersStore = useUsersStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
@ -72,16 +73,14 @@ const props = withDefaults(defineProps<{
|
||||
closeDropdowns: () => {},
|
||||
});
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Redirects to create project screen.
|
||||
*/
|
||||
function navigateToCreateAG(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.CREATE_AN_ACCESS_GRANT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.CREATE_AN_ACCESS_GRANT_CLICKED);
|
||||
props.closeDropdowns();
|
||||
|
||||
analytics.pageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
|
||||
analyticsStore.pageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
|
||||
router.push({
|
||||
name: RouteConfig.CreateAccessModal.name,
|
||||
query: { accessType: AccessType.AccessGrant },
|
||||
@ -92,10 +91,10 @@ function navigateToCreateAG(): void {
|
||||
* Redirects to Create Access Modal with "s3" access type preselected
|
||||
*/
|
||||
function navigateToAccessGrantS3(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.CREATE_S3_CREDENTIALS_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.CREATE_S3_CREDENTIALS_CLICKED);
|
||||
props.closeDropdowns();
|
||||
|
||||
analytics.pageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
|
||||
analyticsStore.pageVisit(RouteConfig.AccessGrants.with(RouteConfig.CreateAccessModal).path);
|
||||
router.push({
|
||||
name: RouteConfig.CreateAccessModal.name,
|
||||
query: { accessType: AccessType.S3 },
|
||||
@ -106,9 +105,9 @@ function navigateToAccessGrantS3(): void {
|
||||
* Redirects to objects screen.
|
||||
*/
|
||||
function navigateToBuckets(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.UPLOAD_IN_WEB_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.UPLOAD_IN_WEB_CLICKED);
|
||||
props.closeDropdowns();
|
||||
analytics.pageVisit(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path);
|
||||
analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.BucketsManagement).path);
|
||||
router.push(RouteConfig.Buckets.path).catch(() => {return;});
|
||||
}
|
||||
|
||||
@ -116,10 +115,10 @@ function navigateToBuckets(): void {
|
||||
* Redirects to onboarding CLI flow screen.
|
||||
*/
|
||||
function navigateToCLIFlow(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.UPLOAD_USING_CLI_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.UPLOAD_USING_CLI_CLICKED);
|
||||
props.closeDropdowns();
|
||||
appStore.setOnboardingBackRoute(route.path);
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGName)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGName)).path);
|
||||
router.push({ name: RouteConfig.AGName.name });
|
||||
}
|
||||
|
||||
@ -128,7 +127,7 @@ function navigateToCLIFlow(): void {
|
||||
*/
|
||||
function navigateToNewProject(): void {
|
||||
if (route.name !== RouteConfig.CreateProject.name) {
|
||||
analytics.eventTriggered(AnalyticsEvent.NEW_PROJECT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.NEW_PROJECT_CLICKED);
|
||||
|
||||
const user: User = usersStore.state.user;
|
||||
const ownProjectsCount: number = projectsStore.projectsCount(user.id);
|
||||
@ -136,7 +135,7 @@ function navigateToNewProject(): void {
|
||||
if (!user.paidTier || user.projectLimit === ownProjectsCount) {
|
||||
appStore.updateActiveModal(MODALS.createProjectPrompt);
|
||||
} else {
|
||||
analytics.pageVisit(RouteConfig.CreateProject.path);
|
||||
analyticsStore.pageVisit(RouteConfig.CreateProject.path);
|
||||
appStore.updateActiveModal(MODALS.newCreateProject);
|
||||
}
|
||||
}
|
||||
|
||||
@ -46,21 +46,21 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import DocsIcon from '@/../static/images/navigation/docs.svg';
|
||||
import ForumIcon from '@/../static/images/navigation/forum.svg';
|
||||
import SupportIcon from '@/../static/images/navigation/support.svg';
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
/**
|
||||
* Sends "View Docs" event to segment and opens link.
|
||||
*/
|
||||
function trackViewDocsEvent(link: string): void {
|
||||
analytics.pageVisit(link);
|
||||
analytics.eventTriggered(AnalyticsEvent.VIEW_DOCS_CLICKED);
|
||||
analyticsStore.pageVisit(link);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.VIEW_DOCS_CLICKED);
|
||||
window.open(link);
|
||||
}
|
||||
|
||||
@ -68,8 +68,8 @@ function trackViewDocsEvent(link: string): void {
|
||||
* Sends "View Forum" event to segment and opens link.
|
||||
*/
|
||||
function trackViewForumEvent(link: string): void {
|
||||
analytics.pageVisit(link);
|
||||
analytics.eventTriggered(AnalyticsEvent.VIEW_FORUM_CLICKED);
|
||||
analyticsStore.pageVisit(link);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.VIEW_FORUM_CLICKED);
|
||||
window.open(link);
|
||||
}
|
||||
|
||||
@ -77,8 +77,8 @@ function trackViewForumEvent(link: string): void {
|
||||
* Sends "View Support" event to segment and opens link.
|
||||
*/
|
||||
function trackViewSupportEvent(link: string): void {
|
||||
analytics.pageVisit(link);
|
||||
analytics.eventTriggered(AnalyticsEvent.VIEW_SUPPORT_CLICKED);
|
||||
analyticsStore.pageVisit(link);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.VIEW_SUPPORT_CLICKED);
|
||||
window.open(link);
|
||||
}
|
||||
</script>
|
||||
@ -86,7 +86,6 @@ function trackViewSupportEvent(link: string): void {
|
||||
<style scoped lang="scss">
|
||||
.dropdown-item:focus {
|
||||
background-color: #f5f6fa;
|
||||
outline: auto;
|
||||
outline-color: var(--c-blue-3);
|
||||
outline: var(--c-blue-3);
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -27,20 +27,19 @@ import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
|
||||
import UsersIcon from '@/../static/images/notifications/usersIcon.svg';
|
||||
import CloseIcon from '@/../static/images/notifications/closeSmall.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const isLoading = ref<boolean>(false);
|
||||
const hidden = ref<Set<ProjectInvitation>>(new Set<ProjectInvitation>());
|
||||
|
||||
@ -87,7 +86,7 @@ async function onDeclineClicked(): Promise<void> {
|
||||
|
||||
try {
|
||||
await projectsStore.respondToInvitation(invite.value.projectID, ProjectInvitationResponse.Decline);
|
||||
analytics.eventTriggered(AnalyticsEvent.PROJECT_INVITATION_DECLINED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_INVITATION_DECLINED);
|
||||
} catch (error) {
|
||||
error.message = `Failed to decline project invitation. ${error.message}`;
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_INVITATION);
|
||||
|
||||
@ -19,9 +19,9 @@
|
||||
import { computed, ref } from 'vue';
|
||||
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { Size } from '@/utils/bytesSize';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import SunnyIcon from '@/../static/images/notifications/sunnyicon.svg';
|
||||
import CloseIcon from '@/../static/images/notifications/closeSmall.svg';
|
||||
@ -30,8 +30,8 @@ const props = defineProps<{
|
||||
openAddPMModal: () => void,
|
||||
}>();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const usersStore = useUsersStore();
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const isBannerShowing = ref<boolean>(true);
|
||||
|
||||
@ -54,7 +54,7 @@ const formattedStorageLimit = computed((): string => {
|
||||
*/
|
||||
async function openBanner(): Promise<void> {
|
||||
props.openAddPMModal();
|
||||
await analytics.eventTriggered(AnalyticsEvent.UPGRADE_BANNER_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.UPGRADE_BANNER_CLICKED);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@ -37,7 +37,6 @@ import { useRoute, useRouter } from 'vue-router';
|
||||
import { Bucket } from '@/types/buckets';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { MONTHS_NAMES } from '@/utils/constants/date';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { EdgeCredentials } from '@/types/accessGrants';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
@ -45,6 +44,7 @@ import { useNotify } from '@/utils/hooks';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import BucketDetailsOverview from '@/components/objects/BucketDetailsOverview.vue';
|
||||
import VOverallLoader from '@/components/common/VOverallLoader.vue';
|
||||
@ -52,6 +52,7 @@ import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
import ArrowRightIcon from '@/../static/images/common/arrowRight.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
@ -59,8 +60,6 @@ const notify = useNotify();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const isLoading = ref<boolean>(false);
|
||||
|
||||
/**
|
||||
@ -124,8 +123,8 @@ async function openBucket(): Promise<void> {
|
||||
}
|
||||
}
|
||||
|
||||
analytics.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
router.push(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
await router.push(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
@ -67,7 +67,6 @@ import { useRouter } from 'vue-router';
|
||||
|
||||
import { BucketPage } from '@/types/buckets';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
@ -75,6 +74,7 @@ import { EdgeCredentials } from '@/types/accessGrants';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VTable from '@/components/common/VTable.vue';
|
||||
import BucketItem from '@/components/objects/BucketItem.vue';
|
||||
@ -95,8 +95,8 @@ const props = withDefaults(defineProps<{
|
||||
const activeDropdown = ref<number>(-1);
|
||||
const overallLoading = ref<boolean>(false);
|
||||
const searchLoading = ref<boolean>(false);
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
@ -175,7 +175,7 @@ async function fetchBuckets(page = 1, limit: number): Promise<void> {
|
||||
*/
|
||||
async function searchBuckets(searchQuery: string): Promise<void> {
|
||||
bucketsStore.setBucketsSearch(searchQuery);
|
||||
analytics.eventTriggered(AnalyticsEvent.SEARCH_BUCKETS);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.SEARCH_BUCKETS);
|
||||
|
||||
searchLoading.value = true;
|
||||
|
||||
@ -220,7 +220,7 @@ async function openBucket(bucketName: string): Promise<void> {
|
||||
}
|
||||
}
|
||||
|
||||
analytics.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
analyticsStore.pageVisit(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
router.push(RouteConfig.Buckets.with(RouteConfig.UploadFile).path);
|
||||
|
||||
return;
|
||||
|
||||
@ -23,7 +23,6 @@ import { computed, onMounted, ref, watch } from 'vue';
|
||||
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { BucketPage } from '@/types/buckets';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
@ -41,8 +40,6 @@ const appStore = useAppStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const isLoading = ref<boolean>(true);
|
||||
const isServerSideEncryptionBannerHidden = ref<boolean>(true);
|
||||
|
||||
|
||||
@ -12,13 +12,12 @@ import { onMounted } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
const router = useRouter();
|
||||
const configStore = useConfigStore();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
/**
|
||||
* Lifecycle hook after initial render.
|
||||
@ -26,7 +25,7 @@ const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
*/
|
||||
onMounted(async (): Promise<void> => {
|
||||
if (configStore.state.config.fileBrowserFlowDisabled) {
|
||||
analytics.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
await router.push(RouteConfig.ProjectDashboard.path);
|
||||
}
|
||||
});
|
||||
|
||||
@ -30,21 +30,20 @@
|
||||
import { computed } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
import WarningIcon from '@/../static/images/objects/cancelWarning.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Returns leave attempt's route path from store.
|
||||
*/
|
||||
@ -56,7 +55,7 @@ const leaveRoute = computed((): string => {
|
||||
* Holds on leave click logic.
|
||||
*/
|
||||
function onLeaveClick(): void {
|
||||
analytics.pageVisit(leaveRoute.value);
|
||||
analyticsStore.pageVisit(leaveRoute.value);
|
||||
router.push(leaveRoute.value);
|
||||
closePopup();
|
||||
}
|
||||
|
||||
@ -30,7 +30,6 @@
|
||||
import { onMounted, ref } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
@ -39,9 +38,11 @@ import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { PartneredSatellite } from '@/types/config';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import OverviewContainer from '@/components/onboardingTour/steps/common/OverviewContainer.vue';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
const usersStore = useUsersStore();
|
||||
@ -49,7 +50,6 @@ const notify = useNotify();
|
||||
const router = useRouter();
|
||||
|
||||
const projectDashboardPath = RouteConfig.ProjectDashboard.path;
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const titleLabel = ref<string>('');
|
||||
|
||||
@ -68,8 +68,8 @@ async function onSkip(): Promise<void> {
|
||||
*/
|
||||
function onUplinkCLIClick(): void {
|
||||
router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep).with(RouteConfig.AGName).path);
|
||||
analytics.linkEventTriggered(AnalyticsEvent.PATH_SELECTED, 'CLI');
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep).with(RouteConfig.AGName).path);
|
||||
analyticsStore.linkEventTriggered(AnalyticsEvent.PATH_SELECTED, 'CLI');
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep).with(RouteConfig.AGName).path);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@ -30,26 +30,25 @@ import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AccessGrant } from '@/types/accessGrants';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
|
||||
import Icon from '@/../static/images/onboardingTour/accessGrant.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const agStore = useAccessGrantsStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const router = useRouter();
|
||||
const notify = useNotify();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const name = ref<string>('');
|
||||
const errorMessage = ref<string>('');
|
||||
const isLoading = ref<boolean>(false);
|
||||
@ -75,7 +74,7 @@ function onChangeName(value: string): void {
|
||||
* Navigates to previous screen.
|
||||
*/
|
||||
async function onBackClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OverviewStep.path);
|
||||
analyticsStore.pageVisit(RouteConfig.OverviewStep.path);
|
||||
backRoute.value ?
|
||||
await router.push(backRoute.value).catch(() => {return; }) :
|
||||
await router.push({ name: RouteConfig.OverviewStep.name });
|
||||
@ -89,7 +88,7 @@ async function onNextClick(): Promise<void> {
|
||||
|
||||
if (!name.value) {
|
||||
errorMessage.value = 'Access Grant name can\'t be empty';
|
||||
analytics.errorEventTriggered(AnalyticsErrorEventSource.ONBOARDING_NAME_STEP);
|
||||
analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.ONBOARDING_NAME_STEP);
|
||||
|
||||
return;
|
||||
}
|
||||
@ -111,7 +110,7 @@ async function onNextClick(): Promise<void> {
|
||||
appStore.setOnboardingCleanAPIKey(createdAccessGrant.secret);
|
||||
name.value = '';
|
||||
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGPermissions)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGPermissions)).path);
|
||||
await router.push({ name: RouteConfig.AGPermissions.name });
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -44,12 +44,12 @@ import { useRoute, useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
|
||||
import PermissionsSelect from '@/components/onboardingTour/steps/cliFlow/PermissionsSelect.vue';
|
||||
@ -60,6 +60,7 @@ import DurationSelection from '@/components/onboardingTour/steps/cliFlow/permiss
|
||||
|
||||
import Icon from '@/../static/images/onboardingTour/accessGrant.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const agStore = useAccessGrantsStore();
|
||||
@ -68,8 +69,6 @@ const notify = useNotify();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const worker = ref<Worker| null>(null);
|
||||
const areBucketNamesFetching = ref<boolean>(true);
|
||||
const isLoading = ref<boolean>(true);
|
||||
@ -151,7 +150,7 @@ function setWorker(): void {
|
||||
async function onBackClick(): Promise<void> {
|
||||
if (isLoading.value) return;
|
||||
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGName)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGName)).path);
|
||||
await router.push({ name: RouteConfig.AGName.name });
|
||||
}
|
||||
|
||||
@ -176,7 +175,7 @@ async function onNextClick(): Promise<void> {
|
||||
}
|
||||
|
||||
appStore.setOnboardingAPIKeyStepBackRoute(route.path);
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
|
||||
await router.push({ name: RouteConfig.APIKey.name });
|
||||
}
|
||||
|
||||
@ -205,7 +204,7 @@ async function generateRestrictedKey(): Promise<string> {
|
||||
permissionsMsg, { 'notAfter': notAfterPermission.value.toISOString() },
|
||||
);
|
||||
|
||||
await worker.value.postMessage(permissionsMsg);
|
||||
worker.value.postMessage(permissionsMsg);
|
||||
|
||||
const grantEvent: MessageEvent = await new Promise(resolve => {
|
||||
if (worker.value) {
|
||||
@ -216,7 +215,7 @@ async function generateRestrictedKey(): Promise<string> {
|
||||
throw new Error(grantEvent.data.error);
|
||||
}
|
||||
|
||||
analytics.eventTriggered(AnalyticsEvent.API_KEY_GENERATED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.API_KEY_GENERATED);
|
||||
|
||||
return grantEvent.data.value;
|
||||
}
|
||||
|
||||
@ -25,21 +25,20 @@ import { computed, onMounted } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
|
||||
import ValueWithCopy from '@/components/onboardingTour/steps/common/ValueWithCopy.vue';
|
||||
|
||||
import Icon from '@/../static/images/onboardingTour/apiKeyStep.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Returns the web address of this satellite from the store.
|
||||
*/
|
||||
@ -67,13 +66,13 @@ const backRoute = computed((): string => {
|
||||
*/
|
||||
async function onBackClick(): Promise<void> {
|
||||
if (backRoute.value) {
|
||||
analytics.pageVisit(backRoute.value);
|
||||
analyticsStore.pageVisit(backRoute.value);
|
||||
await router.push(backRoute.value).catch(() => {return; });
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.path);
|
||||
await router.push(RouteConfig.OnboardingTour.path).catch(() => {return; });
|
||||
}
|
||||
|
||||
@ -81,7 +80,7 @@ async function onBackClick(): Promise<void> {
|
||||
* Holds on next button click logic.
|
||||
*/
|
||||
async function onNextClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLIInstall)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLIInstall)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLIInstall)).path);
|
||||
}
|
||||
|
||||
@ -91,7 +90,7 @@ async function onNextClick(): Promise<void> {
|
||||
*/
|
||||
onMounted((): void => {
|
||||
if (!storedAPIKey.value) {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGName)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.AGName)).path);
|
||||
router.push({ name: RouteConfig.AGName.name });
|
||||
}
|
||||
});
|
||||
|
||||
@ -127,7 +127,7 @@
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
|
||||
import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
|
||||
@ -137,13 +137,13 @@ import Icon from '@/../static/images/onboardingTour/cliSetupStep.svg';
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
/**
|
||||
* Holds on back button click logic.
|
||||
*/
|
||||
async function onBackClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.APIKey)).path);
|
||||
}
|
||||
|
||||
@ -151,7 +151,7 @@ async function onBackClick(): Promise<void> {
|
||||
* Holds on next button click logic.
|
||||
*/
|
||||
async function onNextClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -35,7 +35,7 @@
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
|
||||
import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
|
||||
@ -43,15 +43,15 @@ import TabWithCopy from '@/components/onboardingTour/steps/common/TabWithCopy.vu
|
||||
|
||||
import Icon from '@/../static/images/onboardingTour/cliSetupStep.svg';
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
/**
|
||||
* Holds on back button click logic.
|
||||
*/
|
||||
async function onBackClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLIInstall)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLIInstall)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLIInstall)).path);
|
||||
}
|
||||
|
||||
@ -59,7 +59,7 @@ async function onBackClick(): Promise<void> {
|
||||
* Holds on next button click logic.
|
||||
*/
|
||||
async function onNextClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CreateBucket)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CreateBucket)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CreateBucket)).path);
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
|
||||
import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
|
||||
@ -44,13 +44,13 @@ import Icon from '@/../static/images/onboardingTour/bucketStep.svg';
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
/**
|
||||
* Holds on back button click logic.
|
||||
*/
|
||||
async function onBackClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CLISetup)).path);
|
||||
}
|
||||
|
||||
@ -58,7 +58,7 @@ async function onBackClick(): Promise<void> {
|
||||
* Holds on next button click logic.
|
||||
*/
|
||||
async function onNextClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.UploadObject)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.UploadObject)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.UploadObject)).path);
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
|
||||
import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
|
||||
@ -43,13 +43,13 @@ import Icon from '@/../static/images/onboardingTour/downloadObjectStep.svg';
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
/**
|
||||
* Holds on back button click logic.
|
||||
*/
|
||||
async function onBackClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ListObject)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ListObject)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ListObject)).path);
|
||||
}
|
||||
|
||||
@ -57,7 +57,7 @@ async function onBackClick(): Promise<void> {
|
||||
* Holds on next button click logic.
|
||||
*/
|
||||
async function onNextClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ShareObject)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ShareObject)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ShareObject)).path);
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
|
||||
import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
|
||||
@ -43,13 +43,13 @@ import Icon from '@/../static/images/onboardingTour/listObjectStep.svg';
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
/**
|
||||
* Holds on back button click logic.
|
||||
*/
|
||||
async function onBackClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.UploadObject)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.UploadObject)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.UploadObject)).path);
|
||||
}
|
||||
|
||||
@ -57,7 +57,7 @@ async function onBackClick(): Promise<void> {
|
||||
* Holds on next button click logic.
|
||||
*/
|
||||
async function onNextClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.DownloadObject)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.DownloadObject)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.DownloadObject)).path);
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -43,7 +43,7 @@
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
|
||||
import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
|
||||
@ -51,13 +51,13 @@ import TabWithCopy from '@/components/onboardingTour/steps/common/TabWithCopy.vu
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
/**
|
||||
* Holds on back button click logic.
|
||||
*/
|
||||
async function onBackClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.DownloadObject)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.DownloadObject)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.DownloadObject)).path);
|
||||
}
|
||||
|
||||
@ -65,7 +65,7 @@ async function onBackClick(): Promise<void> {
|
||||
* Holds on next button click logic.
|
||||
*/
|
||||
async function onNextClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.SuccessScreen)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.SuccessScreen)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.SuccessScreen)).path);
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -33,26 +33,25 @@
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
import Icon from '@/../static/images/onboardingTour/successStep.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const usersStore = useUsersStore();
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Holds on back button click logic.
|
||||
*/
|
||||
async function onBackClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ShareObject)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ShareObject)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ShareObject)).path);
|
||||
}
|
||||
|
||||
@ -61,7 +60,7 @@ async function onBackClick(): Promise<void> {
|
||||
*/
|
||||
async function onFinishClick(): Promise<void> {
|
||||
endOnboarding();
|
||||
analytics.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
await router.push(RouteConfig.ProjectDashboard.path);
|
||||
}
|
||||
|
||||
|
||||
@ -38,7 +38,7 @@
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import CLIFlowContainer from '@/components/onboardingTour/steps/common/CLIFlowContainer.vue';
|
||||
import OSContainer from '@/components/onboardingTour/steps/common/OSContainer.vue';
|
||||
@ -48,13 +48,13 @@ import Icon from '@/../static/images/onboardingTour/uploadStep.svg';
|
||||
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
/**
|
||||
* Holds on back button click logic.
|
||||
*/
|
||||
async function onBackClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CreateBucket)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CreateBucket)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.CreateBucket)).path);
|
||||
}
|
||||
|
||||
@ -62,7 +62,7 @@ async function onBackClick(): Promise<void> {
|
||||
* Holds on next button click logic.
|
||||
*/
|
||||
async function onNextClick(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ListObject)).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ListObject)).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OnbCLIStep.with(RouteConfig.ListObject)).path);
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -66,23 +66,22 @@ import { useRouter } from 'vue-router';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { ProjectFields } from '@/types/projects';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const usersStore = useUsersStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const description = ref<string>('');
|
||||
const createdProjectId = ref<string>('');
|
||||
const projectName = ref<string>('');
|
||||
@ -132,7 +131,7 @@ async function onCreateProjectClick(): Promise<void> {
|
||||
} catch (error) {
|
||||
isLoading.value = false;
|
||||
nameError.value = error.message;
|
||||
analytics.errorEventTriggered(AnalyticsErrorEventSource.CREATE_PROJECT_MODAL);
|
||||
analyticsStore.errorEventTriggered(AnalyticsErrorEventSource.CREATE_PROJECT_MODAL);
|
||||
|
||||
return;
|
||||
}
|
||||
@ -148,11 +147,11 @@ async function onCreateProjectClick(): Promise<void> {
|
||||
|
||||
selectCreatedProject();
|
||||
|
||||
await notify.success('Project created successfully!');
|
||||
notify.success('Project created successfully!');
|
||||
|
||||
isLoading.value = false;
|
||||
|
||||
analytics.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
await router.push(RouteConfig.ProjectDashboard.path);
|
||||
}
|
||||
|
||||
|
||||
@ -210,23 +210,22 @@ import {
|
||||
ProjectFields, ProjectLimits,
|
||||
} from '@/types/projects';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const usersStore = useUsersStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
const router = useRouter();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const activeStorageMeasurement = ref<string>(Dimensions.TB);
|
||||
const activeBandwidthMeasurement = ref<string>(Dimensions.TB);
|
||||
const isNameEditing = ref<boolean>(false);
|
||||
@ -494,8 +493,8 @@ async function onSaveNameButtonClick(): Promise<void> {
|
||||
}
|
||||
|
||||
toggleNameEditing();
|
||||
analytics.eventTriggered(AnalyticsEvent.PROJECT_NAME_UPDATED);
|
||||
await notify.success('Project name updated successfully!');
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_NAME_UPDATED);
|
||||
notify.success('Project name updated successfully!');
|
||||
}
|
||||
|
||||
/**
|
||||
@ -511,8 +510,8 @@ async function onSaveDescriptionButtonClick(): Promise<void> {
|
||||
}
|
||||
|
||||
toggleDescriptionEditing();
|
||||
analytics.eventTriggered(AnalyticsEvent.PROJECT_DESCRIPTION_UPDATED);
|
||||
await notify.success('Project description updated successfully!');
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_DESCRIPTION_UPDATED);
|
||||
notify.success('Project description updated successfully!');
|
||||
}
|
||||
|
||||
/**
|
||||
@ -536,7 +535,7 @@ async function onSaveStorageLimitButtonClick(): Promise<void> {
|
||||
}
|
||||
|
||||
toggleStorageLimitEditing();
|
||||
analytics.eventTriggered(AnalyticsEvent.PROJECT_STORAGE_LIMIT_UPDATED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_STORAGE_LIMIT_UPDATED);
|
||||
notify.success('Project storage limit updated successfully!');
|
||||
}
|
||||
|
||||
@ -561,7 +560,7 @@ async function onSaveBandwidthLimitButtonClick(): Promise<void> {
|
||||
}
|
||||
|
||||
toggleBandwidthLimitEditing();
|
||||
analytics.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED);
|
||||
notify.success('Project egress limit updated successfully!');
|
||||
}
|
||||
|
||||
|
||||
@ -180,7 +180,6 @@ import { RouteConfig } from '@/types/router';
|
||||
import { DataStamp, Project, ProjectLimits } from '@/types/projects';
|
||||
import { Dimensions, Size } from '@/utils/bytesSize';
|
||||
import { ChartUtils } from '@/utils/chart';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { APP_STATE_DROPDOWNS, MODALS } from '@/utils/constants/appStatePopUps';
|
||||
@ -196,6 +195,7 @@ import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
|
||||
import { centsToDollars } from '@/utils/strings';
|
||||
import { User } from '@/types/users';
|
||||
import { ProjectRole } from '@/types/projectMembers';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
import InfoContainer from '@/components/project/dashboard/InfoContainer.vue';
|
||||
@ -217,6 +217,7 @@ import GrantsIcon from '@/../static/images/navigation/accessGrants.svg';
|
||||
import TeamIcon from '@/../static/images/navigation/users.svg';
|
||||
import BillingIcon from '@/../static/images/navigation/billing.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
@ -229,7 +230,6 @@ const notify = useNotify();
|
||||
const router = useRouter();
|
||||
|
||||
const now = new Date().toLocaleDateString('en-US');
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const isDataFetching = ref<boolean>(true);
|
||||
const areBucketsFetching = ref<boolean>(true);
|
||||
@ -416,17 +416,10 @@ function onInviteUsersClick(): void {
|
||||
* Holds on create project button click logic.
|
||||
*/
|
||||
function onCreateProjectClick(): void {
|
||||
analytics.pageVisit(RouteConfig.CreateProject.path);
|
||||
analyticsStore.pageVisit(RouteConfig.CreateProject.path);
|
||||
router.push(RouteConfig.CreateProject.path);
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns formatted amount.
|
||||
*/
|
||||
function usedLimitFormatted(value: number): string {
|
||||
return formattedValue(new Size(value, 2));
|
||||
}
|
||||
|
||||
/**
|
||||
* toggleChartsDatePicker holds logic for toggling charts date picker.
|
||||
*/
|
||||
@ -451,18 +444,6 @@ async function onChartsDateRangePick(dateRange: Date[]): Promise<void> {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Formats value to needed form and returns it.
|
||||
*/
|
||||
function formattedValue(value: Size): string {
|
||||
switch (value.label) {
|
||||
case Dimensions.Bytes:
|
||||
return '0';
|
||||
default:
|
||||
return `${value.formattedBytes.replace(/\\.0+$/, '')}${value.label}`;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Lifecycle hook after initial render.
|
||||
* Fetches project limits.
|
||||
@ -474,8 +455,8 @@ onMounted(async (): Promise<void> => {
|
||||
if (!projectID) {
|
||||
const onboardingPath = RouteConfig.OnboardingTour.with(configStore.firstOnboardingStep).path;
|
||||
|
||||
analytics.pageVisit(onboardingPath);
|
||||
router.push(onboardingPath);
|
||||
analyticsStore.pageVisit(onboardingPath);
|
||||
await router.push(onboardingPath);
|
||||
|
||||
return;
|
||||
}
|
||||
@ -526,7 +507,7 @@ onMounted(async (): Promise<void> => {
|
||||
|
||||
areBucketsFetching.value = false;
|
||||
} catch (error) {
|
||||
await notify.error(error.message, AnalyticsErrorEventSource.PROJECT_DASHBOARD_PAGE);
|
||||
notify.error(error.message, AnalyticsErrorEventSource.PROJECT_DASHBOARD_PAGE);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@ -52,7 +52,6 @@ import { useRouter } from 'vue-router';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { Project, ProjectsPage } from '@/types/projects';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { User } from '@/types/users';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
@ -64,6 +63,7 @@ import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import ProjectsListItem from '@/components/projectsList/ProjectsListItem.vue';
|
||||
import VTable from '@/components/common/VTable.vue';
|
||||
@ -71,8 +71,8 @@ import VLoader from '@/components/common/VLoader.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
const FIRST_PAGE = 1;
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const agStore = useAccessGrantsStore();
|
||||
@ -95,7 +95,7 @@ const projectsPage = computed((): ProjectsPage => {
|
||||
});
|
||||
|
||||
/**
|
||||
* Fetches owned projects page page by clicked page number.
|
||||
* Fetches owned projects page by clicked page number.
|
||||
* @param page
|
||||
* @param limit
|
||||
*/
|
||||
@ -104,7 +104,7 @@ async function onPageChange(page: number, limit: number): Promise<void> {
|
||||
try {
|
||||
await projectsStore.getOwnedProjects(currentPageNumber.value, limit);
|
||||
} catch (error) {
|
||||
await notify.error(`Unable to fetch owned projects. ${error.message}`, AnalyticsErrorEventSource.PROJECTS_LIST);
|
||||
notify.error(`Unable to fetch owned projects. ${error.message}`, AnalyticsErrorEventSource.PROJECTS_LIST);
|
||||
}
|
||||
}
|
||||
|
||||
@ -112,7 +112,7 @@ async function onPageChange(page: number, limit: number): Promise<void> {
|
||||
* Redirects to create project page.
|
||||
*/
|
||||
function onCreateClick(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.NEW_PROJECT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.NEW_PROJECT_CLICKED);
|
||||
|
||||
const user: User = usersStore.state.user;
|
||||
const ownProjectsCount: number = projectsStore.projectsCount(user.id);
|
||||
@ -120,7 +120,7 @@ function onCreateClick(): void {
|
||||
if (!user.paidTier || user.projectLimit === ownProjectsCount) {
|
||||
appStore.updateActiveModal(MODALS.createProjectPrompt);
|
||||
} else {
|
||||
analytics.pageVisit(RouteConfig.CreateProject.path);
|
||||
analyticsStore.pageVisit(RouteConfig.CreateProject.path);
|
||||
appStore.updateActiveModal(MODALS.newCreateProject);
|
||||
}
|
||||
}
|
||||
@ -148,7 +148,7 @@ async function onProjectSelected(project: Project): Promise<void> {
|
||||
projectsStore.getProjectLimits(projectID),
|
||||
]);
|
||||
|
||||
analytics.pageVisit(RouteConfig.EditProjectDetails.path);
|
||||
analyticsStore.pageVisit(RouteConfig.EditProjectDetails.path);
|
||||
await router.push(RouteConfig.EditProjectDetails.path);
|
||||
} catch (error) {
|
||||
error.message = `Unable to select project. ${error.message}`;
|
||||
@ -167,7 +167,7 @@ onMounted(async () => {
|
||||
|
||||
areProjectsFetching.value = false;
|
||||
} catch (error) {
|
||||
await notify.error(`Unable to fetch owned projects. ${error.message}`, AnalyticsErrorEventSource.PROJECTS_LIST);
|
||||
notify.error(`Unable to fetch owned projects. ${error.message}`, AnalyticsErrorEventSource.PROJECTS_LIST);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
@ -75,7 +75,6 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, onMounted, onBeforeUnmount, ref } from 'vue';
|
||||
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
@ -84,6 +83,7 @@ import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useLoading } from '@/composables/useLoading';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VInfo from '@/components/common/VInfo.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
@ -91,6 +91,7 @@ import VSearch from '@/components/common/VSearch.vue';
|
||||
|
||||
import InfoIcon from '@/../static/images/team/infoTooltip.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
const pmStore = useProjectMembersStore();
|
||||
@ -98,8 +99,6 @@ const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
const { isLoading, withLoading } = useLoading();
|
||||
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
|
||||
const props = withDefaults(defineProps<{
|
||||
isAddButtonDisabled: boolean;
|
||||
}>(), {
|
||||
@ -165,7 +164,7 @@ async function processSearchQuery(search: string): Promise<void> {
|
||||
*/
|
||||
async function resendInvites(): Promise<void> {
|
||||
await withLoading(async () => {
|
||||
analytics.eventTriggered(AnalyticsEvent.RESEND_INVITE_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.RESEND_INVITE_CLICKED);
|
||||
|
||||
try {
|
||||
await pmStore.inviteMembers(pmStore.state.selectedProjectMembersEmails, projectsStore.state.selectedProject.id);
|
||||
|
||||
@ -52,7 +52,7 @@ import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useLoading } from '@/composables/useLoading';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import TableItem from '@/components/common/TableItem.vue';
|
||||
|
||||
@ -64,13 +64,12 @@ import CopyIcon from '@/../static/images/accessGrants/newCreateFlow/copy.svg';
|
||||
const { isMobile, isTablet } = useResize();
|
||||
const { withLoading } = useLoading();
|
||||
|
||||
const appStore = useAppStore();
|
||||
const notify = useNotify();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const pmStore = useProjectMembersStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const props = withDefaults(defineProps<{
|
||||
model: ProjectMemberItemModel;
|
||||
}>(), {
|
||||
@ -135,7 +134,7 @@ const isDropdownOpen = computed((): boolean => {
|
||||
});
|
||||
|
||||
function copyLinkClicked() {
|
||||
analytics.eventTriggered(AnalyticsEvent.COPY_INVITE_LINK_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.COPY_INVITE_LINK_CLICKED);
|
||||
closeDropDown();
|
||||
|
||||
if (inviteLink.value) {
|
||||
|
||||
@ -53,10 +53,10 @@ import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/ana
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useLoading } from '@/composables/useLoading';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VLoader from '@/components/common/VLoader.vue';
|
||||
import HeaderArea from '@/components/team/HeaderArea.vue';
|
||||
@ -65,13 +65,12 @@ import VTable from '@/components/common/VTable.vue';
|
||||
|
||||
import EmptySearchResultIcon from '@/../static/images/common/emptySearchResult.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const pmStore = useProjectMembersStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const { withLoading } = useLoading();
|
||||
|
||||
const FIRST_PAGE = 1;
|
||||
@ -151,7 +150,7 @@ async function onPageChange(index: number, limit: number): Promise<void> {
|
||||
|
||||
function onResendClick(member: ProjectMemberItemModel) {
|
||||
withLoading(async () => {
|
||||
analytics.eventTriggered(AnalyticsEvent.RESEND_INVITE_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.RESEND_INVITE_CLICKED);
|
||||
try {
|
||||
await pmStore.inviteMembers([member.getEmail()], projectsStore.state.selectedProject.id);
|
||||
notify.notify('Invite resent!');
|
||||
@ -165,7 +164,7 @@ function onResendClick(member: ProjectMemberItemModel) {
|
||||
try {
|
||||
await pmStore.getProjectMembers(FIRST_PAGE, projectsStore.state.selectedProject.id);
|
||||
} catch (error) {
|
||||
await notify.error(`Unable to fetch project members. ${error.message}`, AnalyticsErrorEventSource.PROJECT_MEMBERS_PAGE);
|
||||
notify.error(`Unable to fetch project members. ${error.message}`, AnalyticsErrorEventSource.PROJECT_MEMBERS_PAGE);
|
||||
}
|
||||
});
|
||||
}
|
||||
@ -177,7 +176,7 @@ async function onRemoveClick(member: ProjectMemberItemModel) {
|
||||
}
|
||||
appStore.updateActiveModal(MODALS.removeTeamMember);
|
||||
}
|
||||
analytics.eventTriggered(AnalyticsEvent.REMOVE_PROJECT_MEMBER_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.REMOVE_PROJECT_MEMBER_CLICKED);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@ -4,25 +4,31 @@
|
||||
import { defineStore } from 'pinia';
|
||||
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
|
||||
export const useAnalyticsStore = defineStore('analytics', () => {
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
function eventTriggered(eventName: string): void {
|
||||
analytics.eventTriggered(eventName).then(r => {}).catch();
|
||||
function eventTriggered(eventName: AnalyticsEvent, props?: {[p: string]: string}): void {
|
||||
analytics.eventTriggered(eventName, props).catch(_ => {});
|
||||
}
|
||||
|
||||
function linkEventTriggered(eventName: string, link: string): void {
|
||||
analytics.linkEventTriggered(eventName, link).then(r => {}).catch();
|
||||
function linkEventTriggered(eventName: AnalyticsEvent, link: string): void {
|
||||
analytics.linkEventTriggered(eventName, link).catch(_ => {});
|
||||
}
|
||||
|
||||
function pageVisited(pageName: string): void {
|
||||
analytics.pageVisit(pageName).then(r => {}).catch();
|
||||
function pageVisit(pageName: string): void {
|
||||
analytics.pageVisit(pageName).catch(_ => {});
|
||||
}
|
||||
|
||||
function errorEventTriggered(source: AnalyticsErrorEventSource): void {
|
||||
analytics.errorEventTriggered(source).catch(_ => {});
|
||||
}
|
||||
|
||||
return {
|
||||
eventTriggered,
|
||||
errorEventTriggered,
|
||||
linkEventTriggered,
|
||||
pageVisited,
|
||||
pageVisit,
|
||||
};
|
||||
});
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
|
||||
export const DEFAULT_PAGE_LIMIT = 10;
|
||||
|
||||
export type PageChangeCallback = (page: number, limit: number) => Promise<void>;
|
||||
export type PageChangeCallback = (page: number, limit: number) => Promise<void> | void;
|
||||
|
||||
export type OnPageClickCallback = (search: number) => Promise<void>;
|
||||
export type CheckSelected = (index: number) => boolean;
|
||||
|
||||
@ -83,6 +83,7 @@ export enum AnalyticsErrorEventSource {
|
||||
CHANGE_PASSWORD_MODAL = 'Change password modal',
|
||||
CREATE_PROJECT_MODAL = 'Create project modal',
|
||||
CREATE_PROJECT_PASSPHRASE_MODAL = 'Create project passphrase modal',
|
||||
CREATE_BUCKET_MODAL = 'Create bucket modal',
|
||||
DELETE_BUCKET_MODAL = 'Delete bucket modal',
|
||||
ENABLE_MFA_MODAL = 'Enable MFA modal',
|
||||
DISABLE_MFA_MODAL = 'Disable MFA modal',
|
||||
@ -95,8 +96,6 @@ export enum AnalyticsErrorEventSource {
|
||||
NAVIGATION_ACCOUNT_AREA = 'Navigation account area',
|
||||
NAVIGATION_PROJECT_SELECTION = 'Navigation project selection',
|
||||
MOBILE_NAVIGATION = 'Mobile navigation',
|
||||
BUCKET_CREATION_FLOW = 'Bucket creation flow',
|
||||
BUCKET_CREATION_NAME_STEP = 'Bucket creation name step',
|
||||
BUCKET_TABLE = 'Bucket table',
|
||||
BUCKET_PAGE = 'Bucket page',
|
||||
BUCKET_DETAILS_PAGE = 'Bucket details page',
|
||||
|
||||
@ -97,19 +97,18 @@ import { Project } from '@/types/projects';
|
||||
import { ErrorUnauthorized } from '@/api/errors/ErrorUnauthorized';
|
||||
import { FetchState } from '@/utils/constants/fetchStateEnum';
|
||||
import { OAuthClient, OAuthClientsAPI } from '@/api/oauthClients';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useAccessGrantsStore } from '@/store/modules/accessGrantsStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
|
||||
import LogoIcon from '@/../static/images/logo.svg';
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const oauthClientsAPI = new OAuthClientsAPI();
|
||||
const validPerms = {
|
||||
'list': true,
|
||||
@ -118,6 +117,7 @@ const validPerms = {
|
||||
'delete': true,
|
||||
};
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const agStore = useAccessGrantsStore();
|
||||
@ -200,7 +200,7 @@ async function ensureLogin(): Promise<void> {
|
||||
const query = new URLSearchParams(oauthData.value).toString();
|
||||
const path = `${RouteConfig.Authorize.path}?${query}#${clientKey.value}`;
|
||||
|
||||
analytics.pageVisit(`${RouteConfig.Login.path}?return_url=${encodeURIComponent(path)}`);
|
||||
analyticsStore.pageVisit(`${RouteConfig.Login.path}?return_url=${encodeURIComponent(path)}`);
|
||||
await router.push(`${RouteConfig.Login.path}?return_url=${encodeURIComponent(path)}`);
|
||||
}
|
||||
}
|
||||
@ -210,7 +210,7 @@ async function ensureWorker(): Promise<void> {
|
||||
agStore.stopWorker();
|
||||
await agStore.startWorker();
|
||||
} catch (error) {
|
||||
await notify.error(`Unable to set access grants wizard. ${error.message}`, null);
|
||||
notify.error(`Unable to set access grants wizard. ${error.message}`, null);
|
||||
return;
|
||||
}
|
||||
|
||||
@ -328,7 +328,7 @@ async function setScope(): Promise<void> {
|
||||
});
|
||||
|
||||
if (event.data.error) {
|
||||
await notify.error(event.data.error, null);
|
||||
notify.error(event.data.error, null);
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
@ -136,7 +136,6 @@ import { FetchState } from '@/utils/constants/fetchStateEnum';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { User } from '@/types/users';
|
||||
import { AuthHttpApi } from '@/api/auth';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
@ -151,6 +150,7 @@ import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useNotificationsStore } from '@/store/modules/notificationsStore';
|
||||
import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import UploadNotification from '@/components/notifications/UploadNotification.vue';
|
||||
import NavigationArea from '@/components/navigation/NavigationArea.vue';
|
||||
@ -170,6 +170,7 @@ import ObjectsUploadingModal from '@/components/modals/objectUpload/ObjectsUploa
|
||||
import CloudIcon from '@/../static/images/notifications/cloudAlert.svg';
|
||||
import WarningIcon from '@/../static/images/notifications/circleWarning.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
@ -187,7 +188,6 @@ const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
const auth: AuthHttpApi = new AuthHttpApi();
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const resetActivityEvents: string[] = ['keypress', 'mousemove', 'mousedown', 'touchmove'];
|
||||
const inactivityModalTime = 60000;
|
||||
// Minimum number of recovery codes before the recovery code warning bar is shown.
|
||||
@ -570,7 +570,7 @@ async function refreshSession(manual = false): Promise<void> {
|
||||
* Redirects to log in screen.
|
||||
*/
|
||||
function redirectToLogin(): void {
|
||||
analytics.pageVisit(RouteConfig.Login.path);
|
||||
analyticsStore.pageVisit(RouteConfig.Login.path);
|
||||
router.push(RouteConfig.Login.path);
|
||||
|
||||
sessionExpiredModalShown.value = false;
|
||||
@ -685,7 +685,7 @@ async function onSessionActivity(): Promise<void> {
|
||||
|
||||
/**
|
||||
* Lifecycle hook after initial render.
|
||||
* Pre fetches user`s and project information.
|
||||
* Pre-fetches user`s and project information.
|
||||
*/
|
||||
onMounted(async () => {
|
||||
usersStore.$onAction(({ name, after, args }) => {
|
||||
@ -775,7 +775,7 @@ onMounted(async () => {
|
||||
|
||||
const onboardingPath = RouteConfig.OnboardingTour.with(configStore.firstOnboardingStep).path;
|
||||
if (usersStore.shouldOnboard && route.path !== onboardingPath) {
|
||||
await analytics.pageVisit(onboardingPath);
|
||||
analyticsStore.pageVisit(onboardingPath);
|
||||
await router.push(onboardingPath);
|
||||
}
|
||||
} catch (error) {
|
||||
|
||||
@ -160,7 +160,6 @@ import { FetchState } from '@/utils/constants/fetchStateEnum';
|
||||
import { Validator } from '@/utils/validation';
|
||||
import { ErrorUnauthorized } from '@/api/errors/ErrorUnauthorized';
|
||||
import { ErrorBadRequest } from '@/api/errors/ErrorBadRequest';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { TokenInfo } from '@/types/users';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
@ -168,6 +167,7 @@ import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { MultiCaptchaConfig, PartneredSatellite } from '@/types/config';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
@ -213,8 +213,8 @@ const forgotPasswordPath: string = RouteConfig.ForgotPassword.path;
|
||||
const registerPath: string = RouteConfig.Register.path;
|
||||
|
||||
const auth = new AuthHttpApi();
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
const usersStore = useUsersStore();
|
||||
@ -328,7 +328,7 @@ function setPassword(value: string): void {
|
||||
/**
|
||||
* Redirects to chosen satellite.
|
||||
*/
|
||||
function clickSatellite(address): void {
|
||||
function clickSatellite(address: string): void {
|
||||
window.location.href = address + '/login';
|
||||
}
|
||||
|
||||
@ -423,7 +423,7 @@ async function login(): Promise<void> {
|
||||
|
||||
if (isMFARequired.value) {
|
||||
if (error instanceof ErrorBadRequest || error instanceof ErrorUnauthorized) {
|
||||
await notify.error(error.message, null);
|
||||
notify.error(error.message, null);
|
||||
}
|
||||
|
||||
isMFAError.value = true;
|
||||
@ -446,7 +446,7 @@ async function login(): Promise<void> {
|
||||
appStore.changeState(FetchState.LOADING);
|
||||
isLoading.value = false;
|
||||
|
||||
analytics.pageVisit(returnURL.value);
|
||||
analyticsStore.pageVisit(returnURL.value);
|
||||
await router.push(returnURL.value);
|
||||
}
|
||||
|
||||
|
||||
@ -81,11 +81,11 @@ import { useRoute, useRouter } from 'vue-router';
|
||||
import { AuthHttpApi } from '@/api/auth';
|
||||
import { ErrorMFARequired } from '@/api/errors/ErrorMFARequired';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { ErrorTokenExpired } from '@/api/errors/ErrorTokenExpired';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import PasswordStrength from '@/components/common/PasswordStrength.vue';
|
||||
import VInput from '@/components/common/VInput.vue';
|
||||
@ -95,6 +95,7 @@ import KeyIcon from '@/../static/images/resetPassword/success.svg';
|
||||
import LogoIcon from '@/../static/images/logo.svg';
|
||||
import GreyWarningIcon from '@/../static/images/common/greyWarning.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const appStore = useAppStore();
|
||||
const notify = useNotify();
|
||||
@ -103,7 +104,6 @@ const route = useRoute();
|
||||
|
||||
const auth: AuthHttpApi = new AuthHttpApi();
|
||||
const loginPath: string = RouteConfig.Login.path;
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const token = ref<string>('');
|
||||
const password = ref<string>('');
|
||||
@ -117,7 +117,7 @@ const isMFARequired = ref<boolean>(false);
|
||||
const isMFAError = ref<boolean>(false);
|
||||
const isRecoveryCodeState = ref<boolean>(false);
|
||||
const isPasswordStrengthShown = ref<boolean>(false);
|
||||
const mfaInput = ref<ConfirmMFAInput>();
|
||||
const mfaInput = ref<typeof ConfirmMFAInput>();
|
||||
|
||||
/**
|
||||
* Returns whether the successful password reset area is shown.
|
||||
@ -267,13 +267,13 @@ onBeforeUnmount((): void => {
|
||||
/**
|
||||
* Lifecycle hook after initial render.
|
||||
* Initializes recovery token from route param
|
||||
* and redirects to login if token doesn't exist.
|
||||
* and redirects to login page if token doesn't exist.
|
||||
*/
|
||||
onMounted((): void => {
|
||||
if (route.query.token) {
|
||||
token.value = route.query.token.toString();
|
||||
} else {
|
||||
analytics.pageVisit(RouteConfig.Login.path);
|
||||
analyticsStore.pageVisit(RouteConfig.Login.path);
|
||||
router.push(RouteConfig.Login.path);
|
||||
}
|
||||
});
|
||||
|
||||
@ -57,7 +57,6 @@ import { User } from '@/types/users';
|
||||
import {
|
||||
AnalyticsErrorEventSource,
|
||||
} from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { ErrorUnauthorized } from '@/api/errors/ErrorUnauthorized';
|
||||
@ -77,6 +76,7 @@ import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useNotificationsStore } from '@/store/modules/notificationsStore';
|
||||
import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import InactivityModal from '@/components/modals/InactivityModal.vue';
|
||||
import SessionExpiredModal from '@/components/modals/SessionExpiredModal.vue';
|
||||
@ -91,6 +91,7 @@ const router = useRouter();
|
||||
const route = useRoute();
|
||||
const notify = useNotify();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const pmStore = useProjectMembersStore();
|
||||
@ -103,7 +104,6 @@ const projectsStore = useProjectsStore();
|
||||
const notificationsStore = useNotificationsStore();
|
||||
const obStore = useObjectBrowserStore();
|
||||
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
const auth: AuthHttpApi = new AuthHttpApi();
|
||||
|
||||
const inactivityModalTime = 60000;
|
||||
@ -267,7 +267,7 @@ function setIsHundredLimitModalShown(value: boolean): void {
|
||||
* Redirects to log in screen.
|
||||
*/
|
||||
function redirectToLogin(): void {
|
||||
analytics.pageVisit(RouteConfig.Login.path);
|
||||
analyticsStore.pageVisit(RouteConfig.Login.path);
|
||||
router.push(RouteConfig.Login.path);
|
||||
|
||||
sessionExpiredModalShown.value = false;
|
||||
@ -470,7 +470,7 @@ async function onSessionActivity(): Promise<void> {
|
||||
|
||||
/**
|
||||
* Lifecycle hook after initial render.
|
||||
* Pre fetches user`s and project information.
|
||||
* Pre-fetches user`s and project information.
|
||||
*/
|
||||
onMounted(async () => {
|
||||
usersStore.$onAction(({ name, after, args }) => {
|
||||
@ -548,7 +548,7 @@ onMounted(async () => {
|
||||
appStore.setHasShownPricingPlan(true);
|
||||
// if the user is not legible for a pricing plan, they'll automatically be
|
||||
// navigated back to all projects dashboard.
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.PricingPlanStep).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.PricingPlanStep).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.PricingPlanStep).path);
|
||||
}
|
||||
});
|
||||
|
||||
@ -31,27 +31,27 @@
|
||||
<script setup lang="ts">
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { User } from '@/types/users';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useUsersStore } from '@/store/modules/usersStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
import BoxIcon from '@/../static/images/navigation/project.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const usersStore = useUsersStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
|
||||
/**
|
||||
* Route to create project page.
|
||||
*/
|
||||
function onCreateProjectClicked(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.CREATE_NEW_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.CREATE_NEW_CLICKED);
|
||||
|
||||
const user: User = usersStore.state.user;
|
||||
const ownProjectsCount: number = projectsStore.projectsCount(user.id);
|
||||
@ -59,7 +59,7 @@ function onCreateProjectClicked(): void {
|
||||
if (!user.paidTier && user.projectLimit === ownProjectsCount) {
|
||||
appStore.updateActiveModal(MODALS.createProjectPrompt);
|
||||
} else {
|
||||
analytics.pageVisit(RouteConfig.CreateProject.path);
|
||||
analyticsStore.pageVisit(RouteConfig.CreateProject.path);
|
||||
appStore.updateActiveModal(MODALS.newCreateProject);
|
||||
}
|
||||
}
|
||||
|
||||
@ -119,7 +119,6 @@ import { useRoute, useRouter } from 'vue-router';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import MyAccountButton from '@/views/all-dashboard/components/MyAccountButton.vue';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { User } from '@/types/users';
|
||||
import { AuthHttpApi } from '@/api/auth';
|
||||
@ -134,6 +133,7 @@ import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useNotificationsStore } from '@/store/modules/notificationsStore';
|
||||
import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
|
||||
@ -157,6 +157,7 @@ const router = useRouter();
|
||||
const route = useRoute();
|
||||
const notify = useNotify();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
@ -169,7 +170,6 @@ const projectsStore = useProjectsStore();
|
||||
const notificationsStore = useNotificationsStore();
|
||||
const obStore = useObjectBrowserStore();
|
||||
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
const auth = new AuthHttpApi();
|
||||
|
||||
const link = 'https://docs.storj.io/';
|
||||
@ -225,7 +225,7 @@ function goToProjects(): void {
|
||||
return;
|
||||
}
|
||||
|
||||
analytics.pageVisit(projects);
|
||||
analyticsStore.pageVisit(projects);
|
||||
router.push(projects);
|
||||
}
|
||||
|
||||
@ -239,7 +239,7 @@ function navigateToBilling(): void {
|
||||
|
||||
const routeConf = billing.with(RouteConfig.BillingOverview2).path;
|
||||
router.push(routeConf);
|
||||
analytics.pageVisit(routeConf);
|
||||
analyticsStore.pageVisit(routeConf);
|
||||
}
|
||||
|
||||
/**
|
||||
@ -253,7 +253,7 @@ function navigateToSettings(): void {
|
||||
return;
|
||||
}
|
||||
|
||||
analytics.pageVisit(settings);
|
||||
analyticsStore.pageVisit(settings);
|
||||
router.push(settings).catch(() => {return;});
|
||||
}
|
||||
|
||||
@ -261,7 +261,7 @@ function navigateToSettings(): void {
|
||||
* Logouts user and navigates to login page.
|
||||
*/
|
||||
async function onLogout(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.Login.path);
|
||||
analyticsStore.pageVisit(RouteConfig.Login.path);
|
||||
await router.push(RouteConfig.Login.path);
|
||||
|
||||
await Promise.all([
|
||||
@ -279,7 +279,7 @@ async function onLogout(): Promise<void> {
|
||||
]);
|
||||
|
||||
try {
|
||||
analytics.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
|
||||
await auth.logout();
|
||||
} catch (error) {
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.NAVIGATION_ACCOUNT_AREA);
|
||||
@ -290,8 +290,8 @@ async function onLogout(): Promise<void> {
|
||||
* Sends "View Docs" event to segment and opens link.
|
||||
*/
|
||||
function sendDocsEvent(): void {
|
||||
analytics.pageVisit(link);
|
||||
analytics.eventTriggered(AnalyticsEvent.VIEW_DOCS_CLICKED);
|
||||
analyticsStore.pageVisit(link);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.VIEW_DOCS_CLICKED);
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@ -58,7 +58,6 @@ import {
|
||||
AnalyticsErrorEventSource,
|
||||
AnalyticsEvent,
|
||||
} from '@/utils/constants/analyticsEventNames';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AuthHttpApi } from '@/api/auth';
|
||||
import { APP_STATE_DROPDOWNS } from '@/utils/constants/appStatePopUps';
|
||||
import { useABTestingStore } from '@/store/modules/abTestingStore';
|
||||
@ -72,6 +71,7 @@ import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useNotificationsStore } from '@/store/modules/notificationsStore';
|
||||
import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
|
||||
import { useConfigStore } from '@/store/modules/configStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import AccountIcon from '@/../static/images/navigation/account.svg';
|
||||
import ArrowDownIcon from '@/../static/images/common/dropIcon.svg';
|
||||
@ -85,9 +85,9 @@ const router = useRouter();
|
||||
const route = useRoute();
|
||||
const notify = useNotify();
|
||||
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
const auth = new AuthHttpApi();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const configStore = useConfigStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
@ -137,7 +137,7 @@ function navigateToBilling(): void {
|
||||
|
||||
const routeConf = billing.with(RouteConfig.BillingOverview2).path;
|
||||
router.push(routeConf);
|
||||
analytics.pageVisit(routeConf);
|
||||
analyticsStore.pageVisit(routeConf);
|
||||
}
|
||||
|
||||
/**
|
||||
@ -150,7 +150,7 @@ function navigateToSettings(): void {
|
||||
return;
|
||||
}
|
||||
|
||||
analytics.pageVisit(settings);
|
||||
analyticsStore.pageVisit(settings);
|
||||
router.push(settings).catch(() => {return;});
|
||||
}
|
||||
|
||||
@ -158,7 +158,7 @@ function navigateToSettings(): void {
|
||||
* Logouts user and navigates to login page.
|
||||
*/
|
||||
async function onLogout(): Promise<void> {
|
||||
analytics.pageVisit(RouteConfig.Login.path);
|
||||
analyticsStore.pageVisit(RouteConfig.Login.path);
|
||||
await router.push(RouteConfig.Login.path);
|
||||
|
||||
await Promise.all([
|
||||
@ -176,7 +176,7 @@ async function onLogout(): Promise<void> {
|
||||
]);
|
||||
|
||||
try {
|
||||
analytics.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
|
||||
await auth.logout();
|
||||
} catch (error) {
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.NAVIGATION_ACCOUNT_AREA);
|
||||
|
||||
@ -91,7 +91,6 @@ import {
|
||||
} from '@/utils/constants/analyticsEventNames';
|
||||
import { User } from '@/types/users';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import EmptyProjectItem from '@/views/all-dashboard/components/EmptyProjectItem.vue';
|
||||
import ProjectItem from '@/views/all-dashboard/components/ProjectItem.vue';
|
||||
import ProjectInvitationItem from '@/views/all-dashboard/components/ProjectInvitationItem.vue';
|
||||
@ -102,6 +101,7 @@ import { useConfigStore } from '@/store/modules/configStore';
|
||||
import ProjectsTable from '@/views/all-dashboard/components/ProjectsTable.vue';
|
||||
import AllProjectsDashboardBanners from '@/views/all-dashboard/components/AllProjectsDashboardBanners.vue';
|
||||
import { useResize } from '@/composables/resize';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import VChip from '@/components/common/VChip.vue';
|
||||
@ -114,8 +114,7 @@ const appStore = useAppStore();
|
||||
const configStore = useConfigStore();
|
||||
const usersStore = useUsersStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
|
||||
const { isMobile } = useResize();
|
||||
|
||||
@ -158,13 +157,13 @@ function onViewChangeClicked(view: string): void {
|
||||
* Route to create project page.
|
||||
*/
|
||||
function onCreateProjectClicked(): void {
|
||||
analytics.eventTriggered(AnalyticsEvent.CREATE_NEW_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.CREATE_NEW_CLICKED);
|
||||
|
||||
const user: User = usersStore.state.user;
|
||||
const ownProjectsCount: number = projectsStore.projectsCount(user.id);
|
||||
|
||||
if (user.projectLimit > ownProjectsCount) {
|
||||
analytics.pageVisit(RouteConfig.CreateProject.path);
|
||||
analyticsStore.pageVisit(RouteConfig.CreateProject.path);
|
||||
appStore.updateActiveModal(MODALS.newCreateProject);
|
||||
} else {
|
||||
appStore.updateActiveModal(MODALS.createProjectPrompt);
|
||||
|
||||
@ -41,21 +41,20 @@ import { ref } from 'vue';
|
||||
import { ProjectRole } from '@/types/projectMembers';
|
||||
import { ProjectInvitation, ProjectInvitationResponse } from '@/types/projects';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { AnalyticsErrorEventSource, AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import ProjectOwnershipTag from '@/components/project/ProjectOwnershipTag.vue';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const isLoading = ref<boolean>(false);
|
||||
|
||||
const props = withDefaults(defineProps<{
|
||||
@ -81,7 +80,7 @@ async function onDeclineClicked(): Promise<void> {
|
||||
|
||||
try {
|
||||
await projectsStore.respondToInvitation(props.invitation.projectID, ProjectInvitationResponse.Decline);
|
||||
analytics.eventTriggered(AnalyticsEvent.PROJECT_INVITATION_DECLINED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_INVITATION_DECLINED);
|
||||
} catch (error) {
|
||||
error.message = `Failed to decline project invitation. ${error.message}`;
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_INVITATION);
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
// See LICENSE for copying information.
|
||||
|
||||
<template>
|
||||
<div v-if="project.id" class="project-item">
|
||||
<div v-if="project?.id" class="project-item">
|
||||
<div class="project-item__header">
|
||||
<project-ownership-tag :role="isOwner ? ProjectRole.Owner : ProjectRole.Member" />
|
||||
|
||||
@ -50,7 +50,6 @@ import { Project } from '@/types/projects';
|
||||
import { ProjectRole } from '@/types/projectMembers';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { User } from '@/types/users';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
@ -59,6 +58,7 @@ import { useProjectMembersStore } from '@/store/modules/projectMembersStore';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import ProjectOwnershipTag from '@/components/project/ProjectOwnershipTag.vue';
|
||||
@ -67,6 +67,7 @@ import GearIcon from '@/../static/images/common/gearIcon.svg';
|
||||
import UsersIcon from '@/../static/images/navigation/users.svg';
|
||||
import MenuIcon from '@/../static/images/allDashboard/menu.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const pmStore = useProjectMembersStore();
|
||||
@ -74,8 +75,6 @@ const usersStore = useUsersStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const router = useRouter();
|
||||
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
|
||||
const props = withDefaults(defineProps<{
|
||||
project?: Project,
|
||||
}>(), {
|
||||
@ -117,17 +116,17 @@ function closeDropDown() {
|
||||
async function onOpenClicked(): Promise<void> {
|
||||
await selectProject();
|
||||
if (usersStore.shouldOnboard) {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
|
||||
return;
|
||||
}
|
||||
await analytics.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
|
||||
|
||||
if (usersStore.state.settings.passphrasePrompt) {
|
||||
appStore.updateActiveModal(MODALS.enterPassphrase);
|
||||
}
|
||||
analytics.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
router.push(RouteConfig.ProjectDashboard.path);
|
||||
analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
await router.push(RouteConfig.ProjectDashboard.path);
|
||||
}
|
||||
|
||||
async function selectProject() {
|
||||
@ -143,8 +142,8 @@ async function selectProject() {
|
||||
*/
|
||||
async function goToProjectMembers(): Promise<void> {
|
||||
await selectProject();
|
||||
analytics.pageVisit(RouteConfig.Team.path);
|
||||
router.push(RouteConfig.Team.path);
|
||||
analyticsStore.pageVisit(RouteConfig.Team.path);
|
||||
await router.push(RouteConfig.Team.path);
|
||||
closeDropDown();
|
||||
}
|
||||
|
||||
@ -153,8 +152,8 @@ async function goToProjectMembers(): Promise<void> {
|
||||
*/
|
||||
async function goToProjectEdit(): Promise<void> {
|
||||
await selectProject();
|
||||
analytics.pageVisit(RouteConfig.EditProjectDetails.path);
|
||||
router.push(RouteConfig.EditProjectDetails.path);
|
||||
analyticsStore.pageVisit(RouteConfig.EditProjectDetails.path);
|
||||
await router.push(RouteConfig.EditProjectDetails.path);
|
||||
closeDropDown();
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -50,7 +50,7 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { computed, ref } from 'vue';
|
||||
import { computed } from 'vue';
|
||||
|
||||
import { ProjectRole } from '@/types/projectMembers';
|
||||
import { ProjectInvitation, ProjectInvitationResponse } from '@/types/projects';
|
||||
@ -60,8 +60,8 @@ import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useResize } from '@/composables/resize';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { useLoading } from '@/composables/useLoading';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
import TableItem from '@/components/common/TableItem.vue';
|
||||
@ -69,12 +69,11 @@ import TableItem from '@/components/common/TableItem.vue';
|
||||
import MenuIcon from '@/../static/images/common/horizontalDots.svg';
|
||||
import LogoutIcon from '@/../static/images/navigation/logout.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const appStore = useAppStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const notify = useNotify();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
|
||||
const { isLoading, withLoading } = useLoading();
|
||||
|
||||
const props = defineProps<{
|
||||
@ -129,7 +128,7 @@ function onDeclineClicked(): void {
|
||||
withLoading(async () => {
|
||||
try {
|
||||
await projectsStore.respondToInvitation(props.invitation.projectID, ProjectInvitationResponse.Decline);
|
||||
analytics.eventTriggered(AnalyticsEvent.PROJECT_INVITATION_DECLINED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.PROJECT_INVITATION_DECLINED);
|
||||
} catch (error) {
|
||||
error.message = `Failed to decline project invitation. ${error.message}`;
|
||||
notify.notifyError(error, AnalyticsErrorEventSource.PROJECT_INVITATION);
|
||||
|
||||
@ -61,7 +61,6 @@ import { ProjectRole } from '@/types/projectMembers';
|
||||
import { Project } from '@/types/projects';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { User } from '@/types/users';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { LocalData } from '@/utils/localData';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { MODALS } from '@/utils/constants/appStatePopUps';
|
||||
@ -71,6 +70,7 @@ import { useAppStore } from '@/store/modules/appStore';
|
||||
import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useResize } from '@/composables/resize';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
import TableItem from '@/components/common/TableItem.vue';
|
||||
import VButton from '@/components/common/VButton.vue';
|
||||
@ -79,6 +79,7 @@ import UsersIcon from '@/../static/images/navigation/users.svg';
|
||||
import GearIcon from '@/../static/images/common/gearIcon.svg';
|
||||
import MenuIcon from '@/../static/images/common/horizontalDots.svg';
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const pmStore = useProjectMembersStore();
|
||||
@ -86,8 +87,6 @@ const usersStore = useUsersStore();
|
||||
const projectsStore = useProjectsStore();
|
||||
const router = useRouter();
|
||||
|
||||
const analytics = new AnalyticsHttpApi();
|
||||
|
||||
const props = defineProps<{
|
||||
project: Project,
|
||||
}>();
|
||||
@ -153,17 +152,17 @@ function closeDropDown() {
|
||||
async function onOpenClicked(): Promise<void> {
|
||||
await selectProject();
|
||||
if (usersStore.shouldOnboard) {
|
||||
analytics.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
|
||||
analyticsStore.pageVisit(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
|
||||
await router.push(RouteConfig.OnboardingTour.with(RouteConfig.OverviewStep).path);
|
||||
return;
|
||||
}
|
||||
await analytics.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.NAVIGATE_PROJECTS);
|
||||
|
||||
if (usersStore.state.settings.passphrasePrompt) {
|
||||
appStore.updateActiveModal(MODALS.enterPassphrase);
|
||||
}
|
||||
analytics.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
router.push(RouteConfig.ProjectDashboard.path);
|
||||
analyticsStore.pageVisit(RouteConfig.ProjectDashboard.path);
|
||||
await router.push(RouteConfig.ProjectDashboard.path);
|
||||
}
|
||||
|
||||
async function selectProject() {
|
||||
@ -179,8 +178,8 @@ async function selectProject() {
|
||||
*/
|
||||
async function goToProjectMembers(): Promise<void> {
|
||||
await selectProject();
|
||||
analytics.pageVisit(RouteConfig.Team.path);
|
||||
router.push(RouteConfig.Team.path);
|
||||
analyticsStore.pageVisit(RouteConfig.Team.path);
|
||||
await router.push(RouteConfig.Team.path);
|
||||
closeDropDown();
|
||||
}
|
||||
|
||||
@ -189,8 +188,8 @@ async function goToProjectMembers(): Promise<void> {
|
||||
*/
|
||||
async function goToProjectEdit(): Promise<void> {
|
||||
await selectProject();
|
||||
analytics.pageVisit(RouteConfig.EditProjectDetails.path);
|
||||
router.push(RouteConfig.EditProjectDetails.path);
|
||||
analyticsStore.pageVisit(RouteConfig.EditProjectDetails.path);
|
||||
await router.push(RouteConfig.EditProjectDetails.path);
|
||||
closeDropDown();
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -160,7 +160,6 @@ import {
|
||||
|
||||
import { useAppStore } from '@poc/store/appStore';
|
||||
import { AuthHttpApi } from '@/api/auth';
|
||||
import { AnalyticsHttpApi } from '@/api/analytics';
|
||||
import { RouteConfig } from '@/types/router';
|
||||
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
|
||||
import { useNotify } from '@/utils/hooks';
|
||||
@ -172,10 +171,12 @@ import { useBucketsStore } from '@/store/modules/bucketsStore';
|
||||
import { useProjectsStore } from '@/store/modules/projectsStore';
|
||||
import { useNotificationsStore } from '@/store/modules/notificationsStore';
|
||||
import { useObjectBrowserStore } from '@/store/modules/objectBrowserStore';
|
||||
import { useAnalyticsStore } from '@/store/modules/analyticsStore';
|
||||
|
||||
const activeTheme = ref<number>(0);
|
||||
const theme = useTheme();
|
||||
|
||||
const analyticsStore = useAnalyticsStore();
|
||||
const bucketsStore = useBucketsStore();
|
||||
const appStore = useAppStore();
|
||||
const agStore = useAccessGrantsStore();
|
||||
@ -189,7 +190,6 @@ const obStore = useObjectBrowserStore();
|
||||
const router = useRouter();
|
||||
const notify = useNotify();
|
||||
|
||||
const analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
|
||||
const auth: AuthHttpApi = new AuthHttpApi();
|
||||
|
||||
const props = withDefaults(defineProps<{
|
||||
@ -232,13 +232,13 @@ async function onLogout(): Promise<void> {
|
||||
]);
|
||||
|
||||
try {
|
||||
analytics.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
|
||||
analyticsStore.eventTriggered(AnalyticsEvent.LOGOUT_CLICKED);
|
||||
await auth.logout();
|
||||
} catch (error) {
|
||||
notify.error(error.message, null);
|
||||
}
|
||||
|
||||
analytics.pageVisit(RouteConfig.Login.path);
|
||||
analyticsStore.pageVisit(RouteConfig.Login.path);
|
||||
await router.push(RouteConfig.Login.path);
|
||||
// TODO this reload will be unnecessary once vuetify poc has its own login and/or becomes the primary app
|
||||
location.reload();
|
||||
|
||||
Loading…
Reference in New Issue
Block a user