From f114035a6b4470c5a8e9ec2f470a9a667e0dd7f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ra=C3=BAl=20G=C3=B3mez=20Morales?= <raul00gm@gmail.com>
Date: Wed, 4 Sep 2024 08:04:35 +0200
Subject: [PATCH] refactor(editor): Remove Trial logic in personalization modal
 and port to script setup (#10649)

Co-authored-by: Csaba Tuncsik <csaba.tuncsik@gmail.com>
---
 .../components/PersonalizationModal.test.ts   |  157 +++
 .../src/components/PersonalizationModal.vue   | 1075 ++++++++---------
 .../__tests__/PersonalizationModal.spec.ts    |  144 ---
 3 files changed, 635 insertions(+), 741 deletions(-)
 create mode 100644 packages/editor-ui/src/components/PersonalizationModal.test.ts
 delete mode 100644 packages/editor-ui/src/components/__tests__/PersonalizationModal.spec.ts

diff --git a/packages/editor-ui/src/components/PersonalizationModal.test.ts b/packages/editor-ui/src/components/PersonalizationModal.test.ts
new file mode 100644
index 0000000000000..160beefccd617
--- /dev/null
+++ b/packages/editor-ui/src/components/PersonalizationModal.test.ts
@@ -0,0 +1,157 @@
+import userEvent from '@testing-library/user-event';
+import { createComponentRenderer } from '@/__tests__/render';
+import { getDropdownItems, mockedStore } from '@/__tests__/utils';
+import { createUser } from '@/__tests__/data/users';
+import { useSettingsStore } from '@/stores/settings.store';
+import PersonalizationModal from '@/components/PersonalizationModal.vue';
+import { useUsersStore } from '@/stores/users.store';
+import { createTestingPinia } from '@pinia/testing';
+import {
+	COMPANY_TYPE_KEY,
+	EMAIL_KEY,
+	COMPANY_INDUSTRY_EXTENDED_KEY,
+	OTHER_COMPANY_INDUSTRY_EXTENDED_KEY,
+	MARKETING_AUTOMATION_GOAL_KEY,
+	OTHER_MARKETING_AUTOMATION_GOAL_KEY,
+	ROLE_KEY,
+	ROLE_OTHER_KEY,
+	DEVOPS_AUTOMATION_GOAL_OTHER_KEY,
+	DEVOPS_AUTOMATION_GOAL_KEY,
+} from '@/constants';
+
+const renderModal = createComponentRenderer(PersonalizationModal, {
+	global: {
+		stubs: {
+			Modal: {
+				template: `
+					<div>
+						<slot name="header" />
+						<slot name="title" />
+						<slot name="content" />
+						<slot name="footer" />
+					</div>
+				`,
+			},
+		},
+	},
+});
+
+describe('PersonalizationModal', () => {
+	it('mounts', () => {
+		const { getByTitle } = renderModal({ pinia: createTestingPinia() });
+		expect(getByTitle('Customize n8n to you')).toBeInTheDocument();
+	});
+
+	it('shows user input when needed for desktop deployment', () => {
+		const pinia = createTestingPinia();
+		const usersStore = mockedStore(useUsersStore);
+		usersStore.currentUser = createUser({ firstName: undefined });
+
+		const settingsStore = mockedStore(useSettingsStore);
+		settingsStore.isDesktopDeployment = true;
+
+		const { getByTestId } = renderModal({ pinia });
+		expect(getByTestId(EMAIL_KEY)).toBeInTheDocument();
+	});
+
+	describe('Company field', () => {
+		it('allows completion of company related fields', async () => {
+			const { getByTestId } = renderModal({ pinia: createTestingPinia() });
+
+			const companyTypeSelect = getByTestId(COMPANY_TYPE_KEY);
+
+			const otherTypeOfCompanyOption = [...(await getDropdownItems(companyTypeSelect))].find(
+				(node) => node.textContent === 'Other',
+			) as Element;
+
+			await userEvent.click(otherTypeOfCompanyOption);
+
+			const industrySelect = getByTestId(COMPANY_INDUSTRY_EXTENDED_KEY);
+			expect(industrySelect).toBeInTheDocument();
+
+			const otherIndustryOption = [...(await getDropdownItems(industrySelect))].find(
+				(node) => node.textContent === 'Other (please specify)',
+			) as Element;
+
+			await userEvent.click(otherIndustryOption);
+
+			expect(getByTestId(OTHER_COMPANY_INDUSTRY_EXTENDED_KEY)).toBeInTheDocument();
+		});
+
+		it('shows only company and source select when not used for work', async () => {
+			const { getByTestId, baseElement } = renderModal({ pinia: createTestingPinia() });
+
+			const companyTypeSelect = getByTestId(COMPANY_TYPE_KEY);
+
+			const nonWorkOption = [...(await getDropdownItems(companyTypeSelect))].find(
+				(node) => node.textContent === "I'm not using n8n for work",
+			) as Element;
+
+			await userEvent.click(nonWorkOption);
+
+			expect(baseElement.querySelectorAll('input').length).toBe(2);
+		});
+	});
+
+	it('allows completion of role related fields', async () => {
+		const { getByTestId, queryByTestId } = renderModal({ pinia: createTestingPinia() });
+
+		const roleSelect = getByTestId(ROLE_KEY);
+		const roleItems = [...(await getDropdownItems(roleSelect))];
+
+		const devOps = roleItems.find((node) => node.textContent === 'Devops') as Element;
+		const engineering = roleItems.find((node) => node.textContent === 'Engineering') as Element;
+		const it = roleItems.find((node) => node.textContent === 'IT') as Element;
+		const other = roleItems.find(
+			(node) => node.textContent === 'Other (please specify)',
+		) as Element;
+
+		await userEvent.click(devOps);
+		const automationGoalSelect = getByTestId(DEVOPS_AUTOMATION_GOAL_KEY);
+		expect(automationGoalSelect).toBeInTheDocument();
+
+		await userEvent.click(engineering);
+		expect(automationGoalSelect).toBeInTheDocument();
+
+		await userEvent.click(it);
+		expect(automationGoalSelect).toBeInTheDocument();
+
+		const otherGoalsItem = [...(await getDropdownItems(automationGoalSelect))].find(
+			(node) => node.textContent === 'Other',
+		) as Element;
+
+		await userEvent.click(otherGoalsItem);
+		expect(getByTestId(DEVOPS_AUTOMATION_GOAL_OTHER_KEY)).toBeInTheDocument();
+
+		await userEvent.click(other);
+		expect(queryByTestId(DEVOPS_AUTOMATION_GOAL_KEY)).not.toBeInTheDocument();
+		expect(getByTestId(ROLE_OTHER_KEY)).toBeInTheDocument();
+	});
+
+	it('allows completion of marketing and sales related fields', async () => {
+		const { getByTestId } = renderModal({ pinia: createTestingPinia() });
+
+		const companyTypeSelect = getByTestId(COMPANY_TYPE_KEY);
+
+		const anyWorkOption = [...(await getDropdownItems(companyTypeSelect))].find(
+			(node) => node.textContent !== "I'm not using n8n for work",
+		) as Element;
+
+		await userEvent.click(anyWorkOption);
+
+		const roleSelect = getByTestId(ROLE_KEY);
+		const salesAndMarketingOption = [...(await getDropdownItems(roleSelect))].find(
+			(node) => node.textContent === 'Sales and Marketing',
+		) as Element;
+
+		await userEvent.click(salesAndMarketingOption);
+
+		const salesAndMarketingSelect = getByTestId(MARKETING_AUTOMATION_GOAL_KEY);
+		const otherItem = [...(await getDropdownItems(salesAndMarketingSelect))].find(
+			(node) => node.textContent === 'Other',
+		) as Element;
+
+		await userEvent.click(otherItem);
+		expect(getByTestId(OTHER_MARKETING_AUTOMATION_GOAL_KEY)).toBeInTheDocument();
+	});
+});
diff --git a/packages/editor-ui/src/components/PersonalizationModal.vue b/packages/editor-ui/src/components/PersonalizationModal.vue
index 13e360c3c1981..1eab5e4b20816 100644
--- a/packages/editor-ui/src/components/PersonalizationModal.vue
+++ b/packages/editor-ui/src/components/PersonalizationModal.vue
@@ -1,6 +1,5 @@
-<script lang="ts">
-import { defineComponent } from 'vue';
-import { mapStores } from 'pinia';
+<script lang="ts" setup>
+import { computed, ref } from 'vue';
 import {
 	COMPANY_SIZE_100_499,
 	COMPANY_SIZE_1000_OR_MORE,
@@ -86,617 +85,513 @@ import {
 import { useToast } from '@/composables/useToast';
 import Modal from '@/components/Modal.vue';
 import type { IFormInputs, IPersonalizationLatestVersion } from '@/Interface';
-import { useUIStore } from '@/stores/ui.store';
 import { useSettingsStore } from '@/stores/settings.store';
 import { useRootStore } from '@/stores/root.store';
 import { useUsersStore } from '@/stores/users.store';
 import { createEventBus, createFormEventBus } from 'n8n-design-system/utils';
 import { usePostHog } from '@/stores/posthog.store';
 import { useExternalHooks } from '@/composables/useExternalHooks';
-import { useUsageStore } from '@/stores/usage.store';
-import { useMessage } from '@/composables/useMessage';
+import { useI18n } from '@/composables/useI18n';
+import { useRoute, useRouter } from 'vue-router';
 
 const SURVEY_VERSION = 'v4';
 
-export default defineComponent({
-	name: 'PersonalizationModal',
-	components: { Modal },
-	props: {
-		teleported: {
-			type: Boolean,
-			default: true,
+const externalHooks = useExternalHooks();
+const modalBus = createEventBus();
+const formBus = createFormEventBus();
+const { showError } = useToast();
+const i18n = useI18n();
+const rootStore = useRootStore();
+const settingsStore = useSettingsStore();
+const usersStore = useUsersStore();
+const posthogStore = usePostHog();
+const route = useRoute();
+const router = useRouter();
+
+const formValues = ref<Record<string, string>>({});
+const isSaving = ref(false);
+
+const survey = computed<IFormInputs>(() => [
+	{
+		name: EMAIL_KEY,
+		properties: {
+			label: i18n.baseText('personalizationModal.yourEmailAddress'),
+			type: 'text',
+			placeholder: i18n.baseText('personalizationModal.email'),
 		},
+		shouldDisplay: () => settingsStore.isDesktopDeployment && !usersStore.currentUser?.firstName,
 	},
-	setup() {
-		const externalHooks = useExternalHooks();
+	{
+		name: COMPANY_TYPE_KEY,
+		properties: {
+			label: i18n.baseText('personalizationModal.whatBestDescribesYourCompany'),
+			type: 'select',
+			placeholder: i18n.baseText('personalizationModal.select'),
+			options: [
+				{
+					label: i18n.baseText('personalizationModal.saas'),
+					value: SAAS_COMPANY_TYPE,
+				},
+				{
+					label: i18n.baseText('personalizationModal.eCommerce'),
+					value: ECOMMERCE_COMPANY_TYPE,
+				},
 
-		return {
-			externalHooks,
-			...useToast(),
-			...useMessage(),
-		};
+				{
+					label: i18n.baseText('personalizationModal.digitalAgencyOrConsultant'),
+					value: DIGITAL_AGENCY_COMPANY_TYPE,
+				},
+				{
+					label: i18n.baseText('personalizationModal.systemsIntegrator'),
+					value: SYSTEMS_INTEGRATOR_COMPANY_TYPE,
+				},
+				{
+					value: EDUCATION_TYPE,
+					label: i18n.baseText('personalizationModal.education'),
+				},
+				{
+					label: i18n.baseText('personalizationModal.other'),
+					value: OTHER_COMPANY_TYPE,
+				},
+				{
+					label: i18n.baseText('personalizationModal.imNotUsingN8nForWork'),
+					value: PERSONAL_COMPANY_TYPE,
+				},
+			],
+		},
 	},
-	data() {
-		return {
-			formValues: {} as Record<string, string>,
-			isSaving: false,
-			PERSONALIZATION_MODAL_KEY,
-			otherWorkAreaFieldVisible: false,
-			otherCompanyIndustryFieldVisible: false,
-			showAllIndustryQuestions: true,
-			registerForEnterpriseTrial: false,
-			modalBus: createEventBus(),
-			formBus: createFormEventBus(),
-			domainBlocklist: [] as string[],
-		};
+	{
+		name: COMPANY_INDUSTRY_EXTENDED_KEY,
+		properties: {
+			type: 'multi-select',
+			label: i18n.baseText('personalizationModal.whichIndustriesIsYourCompanyIn'),
+			placeholder: i18n.baseText('personalizationModal.select'),
+			options: [
+				{
+					value: FINANCE_INSURANCE_INDUSTRY,
+					label: i18n.baseText('personalizationModal.financeOrInsurance'),
+				},
+				{
+					value: GOVERNMENT_INDUSTRY,
+					label: i18n.baseText('personalizationModal.government'),
+				},
+				{
+					value: HEALTHCARE_INDUSTRY,
+					label: i18n.baseText('personalizationModal.healthcare'),
+				},
+				{
+					value: IT_INDUSTRY,
+					label: i18n.baseText('personalizationModal.it'),
+				},
+				{
+					value: LEGAL_INDUSTRY,
+					label: i18n.baseText('personalizationModal.legal'),
+				},
+				{
+					value: MSP_INDUSTRY,
+					label: i18n.baseText('personalizationModal.managedServiceProvider'),
+				},
+				{
+					value: MARKETING_INDUSTRY,
+					label: i18n.baseText('personalizationModal.marketing'),
+				},
+				{
+					value: MEDIA_INDUSTRY,
+					label: i18n.baseText('personalizationModal.media'),
+				},
+				{
+					value: MANUFACTURING_INDUSTRY,
+					label: i18n.baseText('personalizationModal.manufacturing'),
+				},
+				{
+					value: PHYSICAL_RETAIL_OR_SERVICES,
+					label: i18n.baseText('personalizationModal.physicalRetailOrServices'),
+				},
+				{
+					value: REAL_ESTATE_OR_CONSTRUCTION,
+					label: i18n.baseText('personalizationModal.realEstateOrConstruction'),
+				},
+				{
+					value: SECURITY_INDUSTRY,
+					label: i18n.baseText('personalizationModal.security'),
+				},
+				{
+					value: TELECOMS_INDUSTRY,
+					label: i18n.baseText('personalizationModal.telecoms'),
+				},
+				{
+					value: OTHER_INDUSTRY_OPTION,
+					label: i18n.baseText('personalizationModal.otherPleaseSpecify'),
+				},
+			],
+		},
+		shouldDisplay(values): boolean {
+			const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
+			return companyType === OTHER_COMPANY_TYPE;
+		},
 	},
-	computed: {
-		...mapStores(
-			useRootStore,
-			useSettingsStore,
-			useUIStore,
-			useUsersStore,
-			useUsageStore,
-			usePostHog,
-		),
-		currentUser() {
-			return this.usersStore.currentUser;
+	{
+		name: OTHER_COMPANY_INDUSTRY_EXTENDED_KEY,
+		properties: {
+			placeholder: i18n.baseText('personalizationModal.specifyYourCompanysIndustry'),
 		},
-		canRegisterForEnterpriseTrial() {
-			if (
-				this.settingsStore.isCloudDeployment ||
-				this.domainBlocklist.length === 0 ||
-				!this.currentUser?.email
-			) {
-				return false;
-			}
-
-			const isSizeEligible = [COMPANY_SIZE_500_999, COMPANY_SIZE_1000_OR_MORE].includes(
-				this.formValues[COMPANY_SIZE_KEY],
+		shouldDisplay(values): boolean {
+			const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
+			const companyIndustry = (values as IPersonalizationLatestVersion)[
+				COMPANY_INDUSTRY_EXTENDED_KEY
+			];
+			return (
+				companyType === OTHER_COMPANY_TYPE &&
+				!!companyIndustry &&
+				companyIndustry.includes(OTHER_INDUSTRY_OPTION)
 			);
-
-			const emailParts = this.currentUser.email.split('@');
-			const emailDomain = emailParts[emailParts.length - 1];
-			const isEmailEligible = !this.domainBlocklist.find(
-				(blocklistedDomain) => emailDomain === blocklistedDomain,
+		},
+	},
+	{
+		name: ROLE_KEY,
+		properties: {
+			type: 'select',
+			label: i18n.baseText('personalizationModal.whichRoleBestDescribesYou'),
+			placeholder: i18n.baseText('personalizationModal.select'),
+			options: [
+				{
+					value: ROLE_BUSINESS_OWNER,
+					label: i18n.baseText('personalizationModal.businessOwner'),
+				},
+				{
+					value: ROLE_CUSTOMER_SUPPORT,
+					label: i18n.baseText('personalizationModal.customerSupport'),
+				},
+				{
+					value: ROLE_DATA_SCIENCE,
+					label: i18n.baseText('personalizationModal.dataScience'),
+				},
+				{
+					value: ROLE_DEVOPS,
+					label: i18n.baseText('personalizationModal.devops'),
+				},
+				{
+					value: ROLE_IT,
+					label: i18n.baseText('personalizationModal.it'),
+				},
+				{
+					value: ROLE_ENGINEERING,
+					label: i18n.baseText('personalizationModal.engineering'),
+				},
+				{
+					value: ROLE_SALES_AND_MARKETING,
+					label: i18n.baseText('personalizationModal.salesAndMarketing'),
+				},
+				{
+					value: ROLE_SECURITY,
+					label: i18n.baseText('personalizationModal.security'),
+				},
+				{
+					value: ROLE_OTHER,
+					label: i18n.baseText('personalizationModal.otherPleaseSpecify'),
+				},
+			],
+		},
+		shouldDisplay(values): boolean {
+			const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
+			return companyType !== PERSONAL_COMPANY_TYPE;
+		},
+	},
+	{
+		name: ROLE_OTHER_KEY,
+		properties: {
+			placeholder: i18n.baseText('personalizationModal.specifyYourRole'),
+		},
+		shouldDisplay(values): boolean {
+			const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
+			const role = (values as IPersonalizationLatestVersion)[ROLE_KEY];
+			return companyType !== PERSONAL_COMPANY_TYPE && role === ROLE_OTHER;
+		},
+	},
+	{
+		name: DEVOPS_AUTOMATION_GOAL_KEY,
+		properties: {
+			type: 'multi-select',
+			label: i18n.baseText('personalizationModal.whatAreYouLookingToAutomate'),
+			placeholder: i18n.baseText('personalizationModal.select'),
+			options: [
+				{
+					value: DEVOPS_AUTOMATION_CI_CD_GOAL,
+					label: i18n.baseText('personalizationModal.cicd'),
+				},
+				{
+					value: DEVOPS_AUTOMATION_CLOUD_INFRASTRUCTURE_ORCHESTRATION_GOAL,
+					label: i18n.baseText('personalizationModal.cloudInfrastructureOrchestration'),
+				},
+				{
+					value: DEVOPS_AUTOMATION_DATA_SYNCING_GOAL,
+					label: i18n.baseText('personalizationModal.dataSynching'),
+				},
+				{
+					value: DEVOPS_INCIDENT_RESPONSE_GOAL,
+					label: i18n.baseText('personalizationModal.incidentResponse'),
+				},
+				{
+					value: DEVOPS_MONITORING_AND_ALERTING_GOAL,
+					label: i18n.baseText('personalizationModal.monitoringAndAlerting'),
+				},
+				{
+					value: DEVOPS_REPORTING_GOAL,
+					label: i18n.baseText('personalizationModal.reporting'),
+				},
+				{
+					value: DEVOPS_TICKETING_SYSTEMS_INTEGRATIONS_GOAL,
+					label: i18n.baseText('personalizationModal.ticketingSystemsIntegrations'),
+				},
+				{
+					value: OTHER_AUTOMATION_GOAL,
+					label: i18n.baseText('personalizationModal.other'),
+				},
+			],
+		},
+		shouldDisplay(values): boolean {
+			const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
+			const role = (values as IPersonalizationLatestVersion)[ROLE_KEY] as string;
+			return (
+				companyType !== PERSONAL_COMPANY_TYPE &&
+				[ROLE_DEVOPS, ROLE_ENGINEERING, ROLE_IT].includes(role)
 			);
-
-			return isSizeEligible && isEmailEligible;
 		},
-		survey() {
-			const survey: IFormInputs = [
-				{
-					name: EMAIL_KEY,
-					properties: {
-						label: this.$locale.baseText('personalizationModal.yourEmailAddress'),
-						type: 'text',
-						placeholder: this.$locale.baseText('personalizationModal.email'),
-					},
-					shouldDisplay: () =>
-						this.settingsStore.isDesktopDeployment && !this.usersStore.currentUser?.firstName,
-				},
-				{
-					name: COMPANY_TYPE_KEY,
-					properties: {
-						label: this.$locale.baseText('personalizationModal.whatBestDescribesYourCompany'),
-						type: 'select',
-						placeholder: this.$locale.baseText('personalizationModal.select'),
-						options: [
-							{
-								label: this.$locale.baseText('personalizationModal.saas'),
-								value: SAAS_COMPANY_TYPE,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.eCommerce'),
-								value: ECOMMERCE_COMPANY_TYPE,
-							},
-
-							{
-								label: this.$locale.baseText('personalizationModal.digitalAgencyOrConsultant'),
-								value: DIGITAL_AGENCY_COMPANY_TYPE,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.systemsIntegrator'),
-								value: SYSTEMS_INTEGRATOR_COMPANY_TYPE,
-							},
-							{
-								value: EDUCATION_TYPE,
-								label: this.$locale.baseText('personalizationModal.education'),
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.other'),
-								value: OTHER_COMPANY_TYPE,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.imNotUsingN8nForWork'),
-								value: PERSONAL_COMPANY_TYPE,
-							},
-						],
-					},
-				},
-				{
-					name: COMPANY_INDUSTRY_EXTENDED_KEY,
-					properties: {
-						type: 'multi-select',
-						label: this.$locale.baseText('personalizationModal.whichIndustriesIsYourCompanyIn'),
-						placeholder: this.$locale.baseText('personalizationModal.select'),
-						options: [
-							{
-								value: FINANCE_INSURANCE_INDUSTRY,
-								label: this.$locale.baseText('personalizationModal.financeOrInsurance'),
-							},
-							{
-								value: GOVERNMENT_INDUSTRY,
-								label: this.$locale.baseText('personalizationModal.government'),
-							},
-							{
-								value: HEALTHCARE_INDUSTRY,
-								label: this.$locale.baseText('personalizationModal.healthcare'),
-							},
-							{
-								value: IT_INDUSTRY,
-								label: this.$locale.baseText('personalizationModal.it'),
-							},
-							{
-								value: LEGAL_INDUSTRY,
-								label: this.$locale.baseText('personalizationModal.legal'),
-							},
-							{
-								value: MSP_INDUSTRY,
-								label: this.$locale.baseText('personalizationModal.managedServiceProvider'),
-							},
-							{
-								value: MARKETING_INDUSTRY,
-								label: this.$locale.baseText('personalizationModal.marketing'),
-							},
-							{
-								value: MEDIA_INDUSTRY,
-								label: this.$locale.baseText('personalizationModal.media'),
-							},
-							{
-								value: MANUFACTURING_INDUSTRY,
-								label: this.$locale.baseText('personalizationModal.manufacturing'),
-							},
-							{
-								value: PHYSICAL_RETAIL_OR_SERVICES,
-								label: this.$locale.baseText('personalizationModal.physicalRetailOrServices'),
-							},
-							{
-								value: REAL_ESTATE_OR_CONSTRUCTION,
-								label: this.$locale.baseText('personalizationModal.realEstateOrConstruction'),
-							},
-							{
-								value: SECURITY_INDUSTRY,
-								label: this.$locale.baseText('personalizationModal.security'),
-							},
-							{
-								value: TELECOMS_INDUSTRY,
-								label: this.$locale.baseText('personalizationModal.telecoms'),
-							},
-							{
-								value: OTHER_INDUSTRY_OPTION,
-								label: this.$locale.baseText('personalizationModal.otherPleaseSpecify'),
-							},
-						],
-					},
-					shouldDisplay(values): boolean {
-						const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
-						return companyType === OTHER_COMPANY_TYPE;
-					},
-				},
-				{
-					name: OTHER_COMPANY_INDUSTRY_EXTENDED_KEY,
-					properties: {
-						placeholder: this.$locale.baseText('personalizationModal.specifyYourCompanysIndustry'),
-					},
-					shouldDisplay(values): boolean {
-						const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
-						const companyIndustry = (values as IPersonalizationLatestVersion)[
-							COMPANY_INDUSTRY_EXTENDED_KEY
-						];
-						return (
-							companyType === OTHER_COMPANY_TYPE &&
-							!!companyIndustry &&
-							companyIndustry.includes(OTHER_INDUSTRY_OPTION)
-						);
-					},
-				},
-				{
-					name: ROLE_KEY,
-					properties: {
-						type: 'select',
-						label: this.$locale.baseText('personalizationModal.whichRoleBestDescribesYou'),
-						placeholder: this.$locale.baseText('personalizationModal.select'),
-						options: [
-							{
-								value: ROLE_BUSINESS_OWNER,
-								label: this.$locale.baseText('personalizationModal.businessOwner'),
-							},
-							{
-								value: ROLE_CUSTOMER_SUPPORT,
-								label: this.$locale.baseText('personalizationModal.customerSupport'),
-							},
-							{
-								value: ROLE_DATA_SCIENCE,
-								label: this.$locale.baseText('personalizationModal.dataScience'),
-							},
-							{
-								value: ROLE_DEVOPS,
-								label: this.$locale.baseText('personalizationModal.devops'),
-							},
-							{
-								value: ROLE_IT,
-								label: this.$locale.baseText('personalizationModal.it'),
-							},
-							{
-								value: ROLE_ENGINEERING,
-								label: this.$locale.baseText('personalizationModal.engineering'),
-							},
-							{
-								value: ROLE_SALES_AND_MARKETING,
-								label: this.$locale.baseText('personalizationModal.salesAndMarketing'),
-							},
-							{
-								value: ROLE_SECURITY,
-								label: this.$locale.baseText('personalizationModal.security'),
-							},
-							{
-								value: ROLE_OTHER,
-								label: this.$locale.baseText('personalizationModal.otherPleaseSpecify'),
-							},
-						],
-					},
-					shouldDisplay(values): boolean {
-						const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
-						return companyType !== PERSONAL_COMPANY_TYPE;
-					},
-				},
-				{
-					name: ROLE_OTHER_KEY,
-					properties: {
-						placeholder: this.$locale.baseText('personalizationModal.specifyYourRole'),
-					},
-					shouldDisplay(values): boolean {
-						const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
-						const role = (values as IPersonalizationLatestVersion)[ROLE_KEY];
-						return companyType !== PERSONAL_COMPANY_TYPE && role === ROLE_OTHER;
-					},
-				},
-				{
-					name: DEVOPS_AUTOMATION_GOAL_KEY,
-					properties: {
-						type: 'multi-select',
-						label: this.$locale.baseText('personalizationModal.whatAreYouLookingToAutomate'),
-						placeholder: this.$locale.baseText('personalizationModal.select'),
-						options: [
-							{
-								value: DEVOPS_AUTOMATION_CI_CD_GOAL,
-								label: this.$locale.baseText('personalizationModal.cicd'),
-							},
-							{
-								value: DEVOPS_AUTOMATION_CLOUD_INFRASTRUCTURE_ORCHESTRATION_GOAL,
-								label: this.$locale.baseText(
-									'personalizationModal.cloudInfrastructureOrchestration',
-								),
-							},
-							{
-								value: DEVOPS_AUTOMATION_DATA_SYNCING_GOAL,
-								label: this.$locale.baseText('personalizationModal.dataSynching'),
-							},
-							{
-								value: DEVOPS_INCIDENT_RESPONSE_GOAL,
-								label: this.$locale.baseText('personalizationModal.incidentResponse'),
-							},
-							{
-								value: DEVOPS_MONITORING_AND_ALERTING_GOAL,
-								label: this.$locale.baseText('personalizationModal.monitoringAndAlerting'),
-							},
-							{
-								value: DEVOPS_REPORTING_GOAL,
-								label: this.$locale.baseText('personalizationModal.reporting'),
-							},
-							{
-								value: DEVOPS_TICKETING_SYSTEMS_INTEGRATIONS_GOAL,
-								label: this.$locale.baseText('personalizationModal.ticketingSystemsIntegrations'),
-							},
-							{
-								value: OTHER_AUTOMATION_GOAL,
-								label: this.$locale.baseText('personalizationModal.other'),
-							},
-						],
-					},
-					shouldDisplay(values): boolean {
-						const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
-						const role = (values as IPersonalizationLatestVersion)[ROLE_KEY] as string;
-						return (
-							companyType !== PERSONAL_COMPANY_TYPE &&
-							[ROLE_DEVOPS, ROLE_ENGINEERING, ROLE_IT].includes(role)
-						);
-					},
-				},
-				{
-					name: DEVOPS_AUTOMATION_GOAL_OTHER_KEY,
-					properties: {
-						placeholder: this.$locale.baseText('personalizationModal.specifyYourAutomationGoal'),
-					},
-					shouldDisplay(values): boolean {
-						const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
-						const goals = (values as IPersonalizationLatestVersion)[DEVOPS_AUTOMATION_GOAL_KEY];
-						const role = (values as IPersonalizationLatestVersion)[ROLE_KEY] as string;
-						return (
-							companyType !== PERSONAL_COMPANY_TYPE &&
-							[ROLE_DEVOPS, ROLE_ENGINEERING, ROLE_IT].includes(role) &&
-							!!goals &&
-							goals.includes(DEVOPS_AUTOMATION_OTHER)
-						);
-					},
-				},
-				{
-					name: MARKETING_AUTOMATION_GOAL_KEY,
-					properties: {
-						type: 'multi-select',
-						label: this.$locale.baseText('personalizationModal.specifySalesMarketingGoal'),
-						placeholder: this.$locale.baseText('personalizationModal.select'),
-						options: [
-							{
-								label: this.$locale.baseText('personalizationModal.leadGeneration'),
-								value: MARKETING_AUTOMATION_LEAD_GENERATION_GOAL,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.customerCommunication'),
-								value: MARKETING_AUTOMATION_CUSTOMER_COMMUNICATION,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.customerActions'),
-								value: MARKETING_AUTOMATION_ACTIONS,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.adCampaign'),
-								value: MARKETING_AUTOMATION_AD_CAMPAIGN,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.reporting'),
-								value: MARKETING_AUTOMATION_REPORTING,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.dataSynching'),
-								value: MARKETING_AUTOMATION_DATA_SYNCHING,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.other'),
-								value: MARKETING_AUTOMATION_OTHER,
-							},
-						],
-					},
-					shouldDisplay(values): boolean {
-						const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
-						const role = (values as IPersonalizationLatestVersion)[ROLE_KEY];
-						return companyType !== PERSONAL_COMPANY_TYPE && role === ROLE_SALES_AND_MARKETING;
-					},
-				},
-				{
-					name: OTHER_MARKETING_AUTOMATION_GOAL_KEY,
-					properties: {
-						placeholder: this.$locale.baseText(
-							'personalizationModal.specifyOtherSalesAndMarketingGoal',
-						),
-					},
-					shouldDisplay(values): boolean {
-						const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
-						const goals = (values as IPersonalizationLatestVersion)[MARKETING_AUTOMATION_GOAL_KEY];
-						const role = (values as IPersonalizationLatestVersion)[ROLE_KEY];
-						return (
-							companyType !== PERSONAL_COMPANY_TYPE &&
-							role === ROLE_SALES_AND_MARKETING &&
-							!!goals &&
-							goals.includes(MARKETING_AUTOMATION_OTHER)
-						);
-					},
-				},
-				{
-					name: AUTOMATION_BENEFICIARY_KEY,
-					properties: {
-						type: 'select',
-						label: this.$locale.baseText('personalizationModal.specifyAutomationBeneficiary'),
-						placeholder: this.$locale.baseText('personalizationModal.select'),
-						options: [
-							{
-								label: this.$locale.baseText('personalizationModal.myself'),
-								value: AUTOMATION_BENEFICIARY_SELF,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.myTeam'),
-								value: AUTOMATION_BENEFICIARY_MY_TEAM,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.otherTeams'),
-								value: AUTOMATION_BENEFICIARY_OTHER_TEAMS,
-							},
-						],
-					},
-					shouldDisplay(values): boolean {
-						const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
-						return companyType !== PERSONAL_COMPANY_TYPE;
-					},
-				},
-				{
-					name: COMPANY_SIZE_KEY,
-					properties: {
-						type: 'select',
-						label: this.$locale.baseText('personalizationModal.howBigIsYourCompany'),
-						placeholder: this.$locale.baseText('personalizationModal.select'),
-						options: [
-							{
-								label: this.$locale.baseText('personalizationModal.lessThan20People'),
-								value: COMPANY_SIZE_20_OR_LESS,
-							},
-							{
-								label: `20-99 ${this.$locale.baseText('personalizationModal.people')}`,
-								value: COMPANY_SIZE_20_99,
-							},
-							{
-								label: `100-499 ${this.$locale.baseText('personalizationModal.people')}`,
-								value: COMPANY_SIZE_100_499,
-							},
-							{
-								label: `500-999 ${this.$locale.baseText('personalizationModal.people')}`,
-								value: COMPANY_SIZE_500_999,
-							},
-							{
-								label: `1000+ ${this.$locale.baseText('personalizationModal.people')}`,
-								value: COMPANY_SIZE_1000_OR_MORE,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.imNotUsingN8nForWork'),
-								value: COMPANY_SIZE_PERSONAL_USE,
-							},
-						],
-					},
-					shouldDisplay(values): boolean {
-						const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
-						return companyType !== PERSONAL_COMPANY_TYPE;
-					},
-				},
-				{
-					name: REPORTED_SOURCE_KEY,
-					properties: {
-						type: 'select',
-						label: this.$locale.baseText('personalizationModal.howDidYouHearAboutN8n'),
-						placeholder: this.$locale.baseText('personalizationModal.select'),
-						options: [
-							{
-								label: 'Google',
-								value: REPORTED_SOURCE_GOOGLE,
-							},
-							{
-								label: 'Twitter',
-								value: REPORTED_SOURCE_TWITTER,
-							},
-							{
-								label: 'LinkedIn',
-								value: REPORTED_SOURCE_LINKEDIN,
-							},
-							{
-								label: 'YouTube',
-								value: REPORTED_SOURCE_YOUTUBE,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.friendWordOfMouth'),
-								value: REPORTED_SOURCE_FRIEND,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.podcast'),
-								value: REPORTED_SOURCE_PODCAST,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.event'),
-								value: REPORTED_SOURCE_EVENT,
-							},
-							{
-								label: this.$locale.baseText('personalizationModal.otherPleaseSpecify'),
-								value: REPORTED_SOURCE_OTHER,
-							},
-						],
-					},
-				},
-				{
-					name: REPORTED_SOURCE_OTHER_KEY,
-					properties: {
-						placeholder: this.$locale.baseText('personalizationModal.specifyReportedSource'),
-					},
-					shouldDisplay(values): boolean {
-						const reportedSource = (values as IPersonalizationLatestVersion)[REPORTED_SOURCE_KEY];
-						return reportedSource === REPORTED_SOURCE_OTHER;
-					},
+	},
+	{
+		name: DEVOPS_AUTOMATION_GOAL_OTHER_KEY,
+		properties: {
+			placeholder: i18n.baseText('personalizationModal.specifyYourAutomationGoal'),
+		},
+		shouldDisplay(values): boolean {
+			const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
+			const goals = (values as IPersonalizationLatestVersion)[DEVOPS_AUTOMATION_GOAL_KEY];
+			const role = (values as IPersonalizationLatestVersion)[ROLE_KEY] as string;
+			return (
+				companyType !== PERSONAL_COMPANY_TYPE &&
+				[ROLE_DEVOPS, ROLE_ENGINEERING, ROLE_IT].includes(role) &&
+				!!goals &&
+				goals.includes(DEVOPS_AUTOMATION_OTHER)
+			);
+		},
+	},
+	{
+		name: MARKETING_AUTOMATION_GOAL_KEY,
+		properties: {
+			type: 'multi-select',
+			label: i18n.baseText('personalizationModal.specifySalesMarketingGoal'),
+			placeholder: i18n.baseText('personalizationModal.select'),
+			options: [
+				{
+					label: i18n.baseText('personalizationModal.leadGeneration'),
+					value: MARKETING_AUTOMATION_LEAD_GENERATION_GOAL,
 				},
-			];
-
-			return survey;
+				{
+					label: i18n.baseText('personalizationModal.customerCommunication'),
+					value: MARKETING_AUTOMATION_CUSTOMER_COMMUNICATION,
+				},
+				{
+					label: i18n.baseText('personalizationModal.customerActions'),
+					value: MARKETING_AUTOMATION_ACTIONS,
+				},
+				{
+					label: i18n.baseText('personalizationModal.adCampaign'),
+					value: MARKETING_AUTOMATION_AD_CAMPAIGN,
+				},
+				{
+					label: i18n.baseText('personalizationModal.reporting'),
+					value: MARKETING_AUTOMATION_REPORTING,
+				},
+				{
+					label: i18n.baseText('personalizationModal.dataSynching'),
+					value: MARKETING_AUTOMATION_DATA_SYNCHING,
+				},
+				{
+					label: i18n.baseText('personalizationModal.other'),
+					value: MARKETING_AUTOMATION_OTHER,
+				},
+			],
+		},
+		shouldDisplay(values): boolean {
+			const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
+			const role = (values as IPersonalizationLatestVersion)[ROLE_KEY];
+			return companyType !== PERSONAL_COMPANY_TYPE && role === ROLE_SALES_AND_MARKETING;
+		},
+	},
+	{
+		name: OTHER_MARKETING_AUTOMATION_GOAL_KEY,
+		properties: {
+			placeholder: i18n.baseText('personalizationModal.specifyOtherSalesAndMarketingGoal'),
+		},
+		shouldDisplay(values): boolean {
+			const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
+			const goals = (values as IPersonalizationLatestVersion)[MARKETING_AUTOMATION_GOAL_KEY];
+			const role = (values as IPersonalizationLatestVersion)[ROLE_KEY];
+			return (
+				companyType !== PERSONAL_COMPANY_TYPE &&
+				role === ROLE_SALES_AND_MARKETING &&
+				!!goals &&
+				goals.includes(MARKETING_AUTOMATION_OTHER)
+			);
+		},
+	},
+	{
+		name: AUTOMATION_BENEFICIARY_KEY,
+		properties: {
+			type: 'select',
+			label: i18n.baseText('personalizationModal.specifyAutomationBeneficiary'),
+			placeholder: i18n.baseText('personalizationModal.select'),
+			options: [
+				{
+					label: i18n.baseText('personalizationModal.myself'),
+					value: AUTOMATION_BENEFICIARY_SELF,
+				},
+				{
+					label: i18n.baseText('personalizationModal.myTeam'),
+					value: AUTOMATION_BENEFICIARY_MY_TEAM,
+				},
+				{
+					label: i18n.baseText('personalizationModal.otherTeams'),
+					value: AUTOMATION_BENEFICIARY_OTHER_TEAMS,
+				},
+			],
+		},
+		shouldDisplay(values): boolean {
+			const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
+			return companyType !== PERSONAL_COMPANY_TYPE;
 		},
 	},
-	mounted() {
-		void this.loadDomainBlocklist();
+	{
+		name: COMPANY_SIZE_KEY,
+		properties: {
+			type: 'select',
+			label: i18n.baseText('personalizationModal.howBigIsYourCompany'),
+			placeholder: i18n.baseText('personalizationModal.select'),
+			options: [
+				{
+					label: i18n.baseText('personalizationModal.lessThan20People'),
+					value: COMPANY_SIZE_20_OR_LESS,
+				},
+				{
+					label: `20-99 ${i18n.baseText('personalizationModal.people')}`,
+					value: COMPANY_SIZE_20_99,
+				},
+				{
+					label: `100-499 ${i18n.baseText('personalizationModal.people')}`,
+					value: COMPANY_SIZE_100_499,
+				},
+				{
+					label: `500-999 ${i18n.baseText('personalizationModal.people')}`,
+					value: COMPANY_SIZE_500_999,
+				},
+				{
+					label: `1000+ ${i18n.baseText('personalizationModal.people')}`,
+					value: COMPANY_SIZE_1000_OR_MORE,
+				},
+				{
+					label: i18n.baseText('personalizationModal.imNotUsingN8nForWork'),
+					value: COMPANY_SIZE_PERSONAL_USE,
+				},
+			],
+		},
+		shouldDisplay(values): boolean {
+			const companyType = (values as IPersonalizationLatestVersion)[COMPANY_TYPE_KEY];
+			return companyType !== PERSONAL_COMPANY_TYPE;
+		},
 	},
-	methods: {
-		closeDialog() {
-			this.modalBus.emit('close');
-			const isPartOfOnboardingExperiment =
-				this.posthogStore.getVariant(MORE_ONBOARDING_OPTIONS_EXPERIMENT.name) ===
-				MORE_ONBOARDING_OPTIONS_EXPERIMENT.control;
-			// In case the redirect to homepage for new users didn't happen
-			// we try again after closing the modal
-			if (this.$route.name !== VIEWS.HOMEPAGE && !isPartOfOnboardingExperiment) {
-				void this.$router.replace({ name: VIEWS.HOMEPAGE });
-			}
+	{
+		name: REPORTED_SOURCE_KEY,
+		properties: {
+			type: 'select',
+			label: i18n.baseText('personalizationModal.howDidYouHearAboutN8n'),
+			placeholder: i18n.baseText('personalizationModal.select'),
+			options: [
+				{
+					label: 'Google',
+					value: REPORTED_SOURCE_GOOGLE,
+				},
+				{
+					label: 'Twitter',
+					value: REPORTED_SOURCE_TWITTER,
+				},
+				{
+					label: 'LinkedIn',
+					value: REPORTED_SOURCE_LINKEDIN,
+				},
+				{
+					label: 'YouTube',
+					value: REPORTED_SOURCE_YOUTUBE,
+				},
+				{
+					label: i18n.baseText('personalizationModal.friendWordOfMouth'),
+					value: REPORTED_SOURCE_FRIEND,
+				},
+				{
+					label: i18n.baseText('personalizationModal.podcast'),
+					value: REPORTED_SOURCE_PODCAST,
+				},
+				{
+					label: i18n.baseText('personalizationModal.event'),
+					value: REPORTED_SOURCE_EVENT,
+				},
+				{
+					label: i18n.baseText('personalizationModal.otherPleaseSpecify'),
+					value: REPORTED_SOURCE_OTHER,
+				},
+			],
 		},
-		async loadDomainBlocklist() {
-			try {
-				this.domainBlocklist = (await import('email-providers/common.json')).default;
-			} catch (error) {}
+	},
+	{
+		name: REPORTED_SOURCE_OTHER_KEY,
+		properties: {
+			placeholder: i18n.baseText('personalizationModal.specifyReportedSource'),
 		},
-		onSave() {
-			this.formBus.emit('submit');
+		shouldDisplay(values): boolean {
+			const reportedSource = (values as IPersonalizationLatestVersion)[REPORTED_SOURCE_KEY];
+			return reportedSource === REPORTED_SOURCE_OTHER;
 		},
-		async onSubmit(values: IPersonalizationLatestVersion): Promise<void> {
-			this.isSaving = true;
-
-			try {
-				const survey: IPersonalizationLatestVersion = {
-					...values,
-					version: SURVEY_VERSION,
-					personalization_survey_submitted_at: new Date().toISOString(),
-					personalization_survey_n8n_version: this.rootStore.versionCli,
-				};
+	},
+]);
 
-				await this.externalHooks.run('personalizationModal.onSubmit', survey);
+const onSave = () => {
+	formBus.emit('submit');
+};
 
-				await this.usersStore.submitPersonalizationSurvey(survey);
+const closeDialog = () => {
+	modalBus.emit('close');
+	const isPartOfOnboardingExperiment =
+		posthogStore.getVariant(MORE_ONBOARDING_OPTIONS_EXPERIMENT.name) ===
+		MORE_ONBOARDING_OPTIONS_EXPERIMENT.control;
+	// In case the redirect to homepage for new users didn't happen
+	// we try again after closing the modal
+	if (route.name !== VIEWS.HOMEPAGE && !isPartOfOnboardingExperiment) {
+		void router.replace({ name: VIEWS.HOMEPAGE });
+	}
+};
 
-				this.posthogStore.setMetadata(survey, 'user');
+const onSubmit = async (values: IPersonalizationLatestVersion) => {
+	isSaving.value = true;
 
-				if (Object.keys(values).length === 0) {
-					this.closeDialog();
-				}
-			} catch (e) {
-				this.showError(e, 'Error while submitting results');
-			}
+	try {
+		const completedSurvey: IPersonalizationLatestVersion = {
+			...values,
+			version: SURVEY_VERSION,
+			personalization_survey_submitted_at: new Date().toISOString(),
+			personalization_survey_n8n_version: rootStore.versionCli,
+		};
 
-			let licenseRequestSucceeded = false;
-			try {
-				if (this.registerForEnterpriseTrial && this.canRegisterForEnterpriseTrial) {
-					await this.usageStore.requestEnterpriseLicenseTrial();
-					licenseRequestSucceeded = true;
-					this.$telemetry.track('User registered for self serve trial', {
-						email: this.usersStore.currentUser?.email,
-						instance_id: this.rootStore.instanceId,
-					});
-				}
-			} catch (e) {
-				this.showError(
-					e,
-					this.$locale.baseText('personalizationModal.registerEmailForTrial.error'),
-				);
-			}
+		await externalHooks.run('personalizationModal.onSubmit', completedSurvey);
 
-			this.isSaving = false;
-			this.closeDialog();
+		await usersStore.submitPersonalizationSurvey(completedSurvey);
 
-			if (licenseRequestSucceeded) {
-				await this.alert(
-					this.$locale.baseText('personalizationModal.registerEmailForTrial.success.message'),
-					{
-						title: this.$locale.baseText(
-							'personalizationModal.registerEmailForTrial.success.title',
-						),
-						confirmButtonText: this.$locale.baseText(
-							'personalizationModal.registerEmailForTrial.success.button',
-						),
-					},
-				);
-			}
-		},
-	},
-});
+		posthogStore.setMetadata(completedSurvey, 'user');
+	} catch (e) {
+		showError(e, 'Error while submitting results');
+	} finally {
+		isSaving.value = false;
+		closeDialog();
+	}
+};
 </script>
 
 <template>
@@ -720,24 +615,10 @@ export default defineComponent({
 					:inputs="survey"
 					:column-view="true"
 					:event-bus="formBus"
-					:teleported="teleported"
+					:teleported="true"
 					tag-size="small"
 					@submit="onSubmit"
 				/>
-				<n8n-card v-if="canRegisterForEnterpriseTrial">
-					<n8n-checkbox v-model="registerForEnterpriseTrial">
-						<i18n-t keypath="personalizationModal.registerEmailForTrial">
-							<template #trial>
-								<strong>
-									{{ $locale.baseText('personalizationModal.registerEmailForTrial.enterprise') }}
-								</strong>
-							</template>
-						</i18n-t>
-						<n8n-text size="small" tag="div" color="text-light">
-							{{ $locale.baseText('personalizationModal.registerEmailForTrial.notice') }}
-						</n8n-text>
-					</n8n-checkbox>
-				</n8n-card>
 			</div>
 		</template>
 		<template #footer>
diff --git a/packages/editor-ui/src/components/__tests__/PersonalizationModal.spec.ts b/packages/editor-ui/src/components/__tests__/PersonalizationModal.spec.ts
deleted file mode 100644
index b688af7cfcb5e..0000000000000
--- a/packages/editor-ui/src/components/__tests__/PersonalizationModal.spec.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import PersonalizationModal from '@/components/PersonalizationModal.vue';
-import { createTestingPinia } from '@pinia/testing';
-import userEvent from '@testing-library/user-event';
-import { PERSONALIZATION_MODAL_KEY, ROLE, STORES, VIEWS } from '@/constants';
-import { cleanupAppModals, createAppModals, retry } from '@/__tests__/utils';
-import { createComponentRenderer } from '@/__tests__/render';
-import { fireEvent } from '@testing-library/vue';
-import { useUsersStore } from '@/stores/users.store';
-import { useUsageStore } from '@/stores/usage.store';
-
-const pinia = createTestingPinia({
-	initialState: {
-		[STORES.UI]: {
-			modalsById: {
-				[PERSONALIZATION_MODAL_KEY]: { open: true },
-			},
-		},
-		[STORES.SETTINGS]: {
-			settings: {
-				templates: {
-					host: '',
-				},
-			},
-		},
-		[STORES.USERS]: {
-			usersById: {
-				123: {
-					email: 'john@doe.com',
-					firstName: 'John',
-					lastName: 'Doe',
-					isDefaultUser: false,
-					isPendingUser: false,
-					role: ROLE.Owner,
-					mfaEnabled: false,
-				},
-			},
-			currentUserId: '123',
-		},
-	},
-});
-
-const renderComponent = createComponentRenderer(PersonalizationModal, {
-	props: {
-		teleported: false,
-		appendToBody: false,
-	},
-	pinia,
-	global: {
-		mocks: {
-			$route: {
-				name: VIEWS.HOMEPAGE,
-			},
-		},
-	},
-});
-
-describe('PersonalizationModal.vue', () => {
-	beforeEach(() => {
-		createAppModals();
-	});
-
-	afterEach(() => {
-		cleanupAppModals();
-	});
-
-	it('should render correctly', async () => {
-		const { getByTestId } = renderComponent();
-
-		await retry(() => expect(getByTestId('personalization-form')).toBeInTheDocument());
-
-		const modalContent = getByTestId('personalization-form');
-		expect(modalContent.querySelectorAll('.n8n-select').length).toEqual(5);
-	});
-
-	it('should display new option when role is "Devops", "Engineering", "IT", or "Sales and marketing"', async () => {
-		const { getByTestId } = renderComponent();
-
-		await retry(() => expect(getByTestId('personalization-form')).toBeInTheDocument());
-
-		for (const index of [3, 4, 5, 6]) {
-			const modalContent = getByTestId('personalization-form');
-			const expectFn = expect; // So we don't break @typescript-eslint/no-loop-func
-			const select = modalContent.querySelectorAll('.n8n-select')[1];
-
-			await fireEvent.click(select);
-
-			const item = select.querySelectorAll('.el-select-dropdown__item')[index];
-
-			await fireEvent.click(item);
-
-			await retry(() => {
-				expectFn(modalContent.querySelectorAll('.n8n-select').length).toEqual(6);
-				expectFn(modalContent.querySelector('[name^="automationGoal"]')).toBeInTheDocument();
-			});
-		}
-	});
-
-	it('should display self serve trial option when company size is larger than 500', async () => {
-		const { getByTestId } = renderComponent();
-
-		await retry(() => expect(getByTestId('personalization-form')).toBeInTheDocument());
-
-		const modalContent = getByTestId('personalization-form');
-
-		const select = modalContent.querySelectorAll('.n8n-select')[3];
-		await fireEvent.click(select);
-
-		const item = select.querySelectorAll('.el-select-dropdown__item')[3];
-		await fireEvent.click(item);
-
-		await retry(() => {
-			expect(modalContent.querySelector('.card')).not.toBeNull();
-		});
-	});
-
-	it('should display send telemetry when requesting enterprise trial', async () => {
-		const usersStore = useUsersStore(pinia);
-		vi.spyOn(usersStore, 'submitPersonalizationSurvey').mockResolvedValue();
-
-		const usageStore = useUsageStore(pinia);
-		const spyLicenseTrial = vi.spyOn(usageStore, 'requestEnterpriseLicenseTrial');
-
-		const { getByTestId, getByRole } = renderComponent();
-
-		await retry(() => expect(getByTestId('personalization-form')).toBeInTheDocument());
-
-		const modalContent = getByTestId('personalization-form');
-
-		const select = modalContent.querySelectorAll('.n8n-select')[3];
-		await fireEvent.click(select);
-
-		const item = select.querySelectorAll('.el-select-dropdown__item')[3];
-		await fireEvent.click(item);
-
-		const agreeCheckbox = modalContent.querySelector('.n8n-checkbox');
-		assert(agreeCheckbox);
-		await fireEvent.click(agreeCheckbox);
-
-		const submitButton = getByRole('button');
-		await userEvent.click(submitButton);
-
-		await retry(() => expect(spyLicenseTrial).toHaveBeenCalled());
-	});
-});