fix(dashboard): segment alias on new signups

Author: scopsy

apps/dashboard/package.json

@@ -55,7 +55,7 @@
     "@rjsf/core": "^5.22.3",
     "@rjsf/utils": "^5.20.0",
     "@rjsf/validator-ajv8": "^5.17.1",
-    "@segment/analytics-next": "^1.73.0",
+    "@segment/analytics-next": "^1.77.0",
     "@sentry/react": "^8.35.0",
     "@tanstack/react-query": "^5.59.6",
     "@tiptap/react": "^2.6.6",

apps/dashboard/src/components/auth/questionnaire-form.tsx

@@ -262,6 +262,11 @@ function useSubmitQuestionnaire() {
       });
 
       if (currentUser && currentOrganization) {
+        const anonymousId = await segment.getAnonymousId();
+        if (anonymousId) {
+          segment.alias(anonymousId, currentUser._id);
+        }
+
         segment.identify(currentUser, {
           organizationType: data.organizationType,
           jobTitle: data.jobTitle,

apps/dashboard/src/pages/workflows.tsx

@@ -177,10 +177,8 @@ export const WorkflowsPage = () => {
                           navigate(buildRoute(ROUTES.WORKFLOWS_CREATE, { environmentSlug: environmentSlug || '' }));
                         }}
                       >
-                        <div className="flex items-center gap-2">
-                          <RiFileAddLine />
-                          Blank Workflow
-                        </div>
+                        <RiFileAddLine />
+                        Blank Workflow
                       </div>
                     </DropdownMenuItem>
                     <DropdownMenuItem

apps/dashboard/src/utils/segment.ts

@@ -1,8 +1,8 @@
-import { AnalyticsBrowser } from '@segment/analytics-next';
-import type { IUserEntity } from '@novu/shared';
-import * as mixpanel from 'mixpanel-browser';
 import { MIXPANEL_KEY, SEGMENT_KEY } from '@/config';
+import type { IUserEntity } from '@novu/shared';
+import { AnalyticsBrowser } from '@segment/analytics-next';
 import * as Sentry from '@sentry/react';
+import * as mixpanel from 'mixpanel-browser';
 export class SegmentService {
   private _segment: AnalyticsBrowser | null = null;
   private _segmentEnabled: boolean;
@@ -146,6 +146,16 @@ export class SegmentService {
     this._segment?.reset();
   }
 
+  async getAnonymousId() {
+    if (!this.isSegmentEnabled()) {
+      return;
+    }
+
+    const user = await this._segment?.user();
+
+    return user?.anonymousId();
+  }
+
   isSegmentEnabled(): boolean {
     return this._segmentEnabled && this._segment !== null && typeof window !== 'undefined';
   }