Format

Author: Llorenç

src/frontend/src/utils/analytics/Funnel.test.ts

@@ -57,7 +57,7 @@ describe("Funnel", () => {
     document.dispatchEvent(new Event("visibilitychange"));
     expect(analytics.event).toHaveBeenCalledWith(
       "start-login-window-session-enter",
-      undefined
+      undefined,
     );
   });
 
@@ -68,7 +68,7 @@ describe("Funnel", () => {
     document.dispatchEvent(new Event("visibilitychange"));
     expect(analytics.event).toHaveBeenCalledWith(
       "start-login-window-session-enter",
-      properties
+      properties,
     );
   });
 
@@ -78,7 +78,7 @@ describe("Funnel", () => {
     document.dispatchEvent(new Event("visibilitychange"));
     expect(analytics.event).toHaveBeenCalledWith(
       "start-login-window-session-leave",
-      undefined
+      undefined,
     );
   });
 
@@ -89,15 +89,15 @@ describe("Funnel", () => {
     document.dispatchEvent(new Event("visibilitychange"));
     expect(analytics.event).toHaveBeenCalledWith(
       "start-login-window-session-leave",
-      properties
+      properties,
     );
   });
 
   it("trigger() - tracks new registration start event", () => {
     funnel.trigger(LoginEvents.NewRegistrationStart);
     expect(analytics.event).toHaveBeenCalledWith(
       "login-new-registration-start",
-      undefined
+      undefined,
     );
   });
 
@@ -107,7 +107,7 @@ describe("Funnel", () => {
     funnel.trigger(LoginEvents.NewRegistrationStart);
     expect(analytics.event).toHaveBeenCalledWith(
       "login-new-registration-start",
-      properties
+      properties,
     );
   });
 
@@ -116,55 +116,70 @@ describe("Funnel", () => {
     funnel.trigger(LoginEvents.NewRegistrationStart, additionalProps);
     expect(analytics.event).toHaveBeenCalledWith(
       "login-new-registration-start",
-      additionalProps
+      additionalProps,
     );
   });
 
   it("trigger() - merges init properties with additional properties", () => {
     const initProps = { userId: "123", source: "test" };
     const additionalProps = { step: 1, method: "email" };
     const expectedProps = { ...initProps, ...additionalProps };
-    
+
     funnel.init(initProps);
     funnel.trigger(LoginEvents.NewRegistrationStart, additionalProps);
-    
+
     expect(analytics.event).toHaveBeenCalledWith(
       "login-new-registration-start",
-      expectedProps
+      expectedProps,
     );
   });
 
   it("trigger() - tracks complete passkey login flow", () => {
     funnel.trigger(LoginEvents.ExistingUserStart);
-    expect(analytics.event).toHaveBeenCalledWith("login-existing-user-start", undefined);
+    expect(analytics.event).toHaveBeenCalledWith(
+      "login-existing-user-start",
+      undefined,
+    );
 
     funnel.trigger(LoginEvents.ExistingUserPasskey);
-    expect(analytics.event).toHaveBeenCalledWith("login-existing-user-passkey", undefined);
+    expect(analytics.event).toHaveBeenCalledWith(
+      "login-existing-user-passkey",
+      undefined,
+    );
 
     funnel.trigger(LoginEvents.ExistingUserPasskeySuccess);
     expect(analytics.event).toHaveBeenCalledWith(
       "login-existing-user-passkey-success",
-      undefined
+      undefined,
     );
   });
 
   it("trigger() - tracks complete OpenID login flow", () => {
     funnel.trigger(LoginEvents.ExistingUserStart);
-    expect(analytics.event).toHaveBeenCalledWith("login-existing-user-start", undefined);
+    expect(analytics.event).toHaveBeenCalledWith(
+      "login-existing-user-start",
+      undefined,
+    );
 
     funnel.trigger(LoginEvents.ExistingUserOpenId);
-    expect(analytics.event).toHaveBeenCalledWith("login-existing-user-openid", undefined);
+    expect(analytics.event).toHaveBeenCalledWith(
+      "login-existing-user-openid",
+      undefined,
+    );
 
     funnel.trigger(LoginEvents.ExistingUserOpenIdSuccess);
     expect(analytics.event).toHaveBeenCalledWith(
       "login-existing-user-openid-success",
-      undefined
+      undefined,
     );
   });
 
   it("trigger() - tracks recovery start event", () => {
     funnel.trigger(LoginEvents.RecoveryStart);
-    expect(analytics.event).toHaveBeenCalledWith("login-recovery-start", undefined);
+    expect(analytics.event).toHaveBeenCalledWith(
+      "login-recovery-start",
+      undefined,
+    );
   });
 
   it("close() - stops tracking window session events", () => {

src/frontend/src/utils/analytics/Funnel.ts

@@ -19,10 +19,16 @@ export class Funnel<T extends Record<string, string>> {
     // Start window session tracking
     this.#cleanupSession = trackWindowSession({
       onEnterSession: () => {
-        analytics.event(`start-${this.#name}-window-session-enter`, this.#properties);
+        analytics.event(
+          `start-${this.#name}-window-session-enter`,
+          this.#properties,
+        );
       },
       onLeaveSession: () => {
-        analytics.event(`start-${this.#name}-window-session-leave`, this.#properties);
+        analytics.event(
+          `start-${this.#name}-window-session-leave`,
+          this.#properties,
+        );
       },
     });
   }
@@ -50,12 +56,18 @@ export class Funnel<T extends Record<string, string>> {
     }
   }
 
-  trigger(event: T[keyof T], additionalProperties?: Record<string, string | number>): void {
+  trigger(
+    event: T[keyof T],
+    additionalProperties?: Record<string, string | number>,
+  ): void {
     const eventProperties = {
       ...(this.#properties || {}),
       ...(additionalProperties || {}),
     };
-    
-    analytics.event(event, Object.keys(eventProperties).length > 0 ? eventProperties : undefined);
+
+    analytics.event(
+      event,
+      Object.keys(eventProperties).length > 0 ? eventProperties : undefined,
+    );
   }
 }