refactor: Add Onboarding call prompts (#3682)

* ✨ Implemented initial onboarding call prompt logic

* ✨ Added onboarding call prompt feature environment variable

* ✨ Implemented onboarding session signup modal

* 📈 Added initial telemetry for the onboarding call prompt

* ✔️ Fixing linter error in server.ts

* 💄 Updating onboaring call prompt and modal wording and styling

* ✨ Implemented initial version of fake doors feature

* ✨ Added parameters to onboarding call prompt request

* ✨ Finished implementing fake doors in settings

* 🔨 Updating onboarding call prompt fetching logic (fetching before timeout starts)

* 👌 Updating onboarding call prompt and fake door components based on the front-end review feedback

* ✨ Updated fake doors so they support UI location specification. Added credentials UI fake doors.

* ⚡ Added checkbox to the signup form, improved N8NCheckbox formatting to better handle overflow

* 💄 Moving seignup checkbox label text to i18n file, updating checkbox component css to force text wrap

* ✨ Update API calls to work with the new workflow request and response formats

* 👌 Updating fake door front-end based on the review feedback

* 👌 Updating onboarding call prompt and fake doors UI based in the product feedback

* ✨  Updated onboarding call prompts front-end to work with new endpoints and added new telemetry events

* 🐛 Fixing onboarding call prompts not appearing in first user sessions

* ⚡️ add createdAt to PublicUser

* 👌 Updating onboarding call prompts front-end to work with the latest back-end and addressing latest product review

* ✨ Improving error handling when submitting user emails on signup

* 💄 Updating info text on Logging feature page

* 💄 Updating first onboarding call prompt timeout to 5 minutes

* 💄 Fixing `N8nCheckbox` component font overflow

Co-authored-by: Ben Hesseldieck <b.hesseldieck@gmail.com>

packages/editor-ui/src/router.ts

@@ -10,6 +10,7 @@ import SettingsPersonalView from './views/SettingsPersonalView.vue';
 import SettingsUsersView from './views/SettingsUsersView.vue';
 import SettingsCommunityNodesView from './views/SettingsCommunityNodesView.vue';
 import SettingsApiView from './views/SettingsApiView.vue';
+import SettingsFakeDoorView from './views/SettingsFakeDoorView.vue';
 import SetupView from './views/SetupView.vue';
 import SigninView from './views/SigninView.vue';
 import SignupView from './views/SignupView.vue';
@@ -328,6 +329,11 @@ const router = new Router({
 			meta: {
 				telemetry: {
 					pageCategory: 'settings',
+					getProperties(route: Route, store: Store<IRootState>) {
+						return {
+							feature: 'users',
+						};
+					},
 				},
 				permissions: {
 					allow: {
@@ -350,6 +356,11 @@ const router = new Router({
 			meta: {
 				telemetry: {
 					pageCategory: 'settings',
+					getProperties(route: Route, store: Store<IRootState>) {
+						return {
+							feature: 'personal',
+						};
+					},
 				},
 				permissions: {
 					allow: {
@@ -370,6 +381,11 @@ const router = new Router({
 			meta: {
 				telemetry: {
 					pageCategory: 'settings',
+					getProperties(route: Route, store: Store<IRootState>) {
+						return {
+							feature: 'api',
+						};
+					},
 				},
 				permissions: {
 					allow: {
@@ -405,6 +421,27 @@ const router = new Router({
 				},
 			},
 		},
+		{
+			path: '/settings/coming-soon/:featureId',
+			name: VIEWS.FAKE_DOOR,
+			component: SettingsFakeDoorView,
+			props: true,
+			meta: {
+				telemetry: {
+					pageCategory: 'settings',
+					getProperties(route: Route, store: Store<IRootState>) {
+						return {
+							feature: route.params['featureId'],
+						};
+					},
+				},
+				permissions: {
+					allow: {
+						loginStatus: [LOGIN_STATUS.LoggedIn],
+					},
+				},
+			},
+		},
 		{
 			path: '*',
 			name: VIEWS.NOT_FOUND,
@@ -422,6 +459,7 @@ const router = new Router({
 				},
 				permissions: {
 					allow: {
+						// TODO: Once custom permissions are merged, this needs to be updated with index validation
 						loginStatus: [LOGIN_STATUS.LoggedIn, LOGIN_STATUS.LoggedOut],
 					},
 				},