diff --git a/packages/editor-ui/src/views/SetupWorkflowFromTemplateView/SetupWorkflowFromTemplateView.vue b/packages/editor-ui/src/views/SetupWorkflowFromTemplateView/SetupWorkflowFromTemplateView.vue index 07bb137554..5578a5430b 100644 --- a/packages/editor-ui/src/views/SetupWorkflowFromTemplateView/SetupWorkflowFromTemplateView.vue +++ b/packages/editor-ui/src/views/SetupWorkflowFromTemplateView/SetupWorkflowFromTemplateView.vue @@ -9,10 +9,12 @@ import SetupTemplateFormStep from './SetupTemplateFormStep.vue'; import TemplatesView from '../TemplatesView.vue'; import { VIEWS } from '@/constants'; import { useI18n } from '@/composables/useI18n'; +import { useTelemetry } from '@/composables/useTelemetry'; // Store const setupTemplateStore = useSetupTemplateStore(); const i18n = useI18n(); +const telemetry = useTelemetry(); // Router const route = useRoute(); @@ -58,14 +60,17 @@ const onSkipSetup = async (event: MouseEvent) => { const skipIfTemplateHasNoCreds = async () => { const isTemplateLoaded = !!setupTemplateStore.template; if (!isTemplateLoaded) { - return; + return false; } if (setupTemplateStore.credentialUsages.length === 0) { await setupTemplateStore.skipSetup({ router, }); + return true; } + + return false; }; //#endregion Methods @@ -76,7 +81,12 @@ setupTemplateStore.setTemplateId(templateId.value); onMounted(async () => { await setupTemplateStore.init(); - await skipIfTemplateHasNoCreds(); + const wasSkipped = await skipIfTemplateHasNoCreds(); + if (!wasSkipped) { + telemetry.track('User opened cred setup', undefined, { + withPostHog: true, + }); + } }); //#endregion Lifecycle hooks @@ -124,7 +134,7 @@ onMounted(async () => { size="large" :label="i18n.baseText('templateSetup.continue.button')" :disabled="setupTemplateStore.isSaving" - @click="setupTemplateStore.createWorkflow(router)" + @click="setupTemplateStore.createWorkflow({ router })" data-test-id="continue-button" />