fix: move user properties to types.ts and add test

src/services/analytics/__tests__/TagManager.test.ts

@@ -1,6 +1,7 @@
 import Cookies from 'js-cookie'
 
 import * as gtm from '../TagManager'
+import { AnalyticsUserProperties } from '../types'
 
 const { default: TagManager } = gtm
 
@@ -135,4 +136,28 @@ describe('TagManager', () => {
       expect(global.location.reload).toHaveBeenCalled()
     })
   })
+
+  describe('TagManager.setUserProperty', () => {
+    it('should push new user properties to dataLayer', () => {
+      expect(window.dataLayer).toBeUndefined()
+
+      TagManager.initialize({
+        gtmId: MOCK_ID,
+        auth: MOCK_AUTH,
+        preview: MOCK_PREVIEW,
+      })
+
+      expect(window.dataLayer).toHaveLength(3)
+
+      TagManager.setUserProperty(AnalyticsUserProperties.WALLET_LABEL, 'Safe{Wallet}')
+
+      expect(window.dataLayer).toHaveLength(4)
+
+      expect(Array.from(window.dataLayer?.[3])).toEqual([
+        'set',
+        'user_properties',
+        { [AnalyticsUserProperties.WALLET_LABEL]: 'Safe{Wallet}' },
+      ])
+    })
+  })
 })

src/services/analytics/types.ts

@@ -29,3 +29,9 @@ export enum DeviceType {
   MOBILE = 'mobile',
   TABLET = 'tablet',
 }
+
+export enum AnalyticsUserProperties {
+  WALLET_LABEL = 'walletLabel',
+}
+
+export const WALLET_LABEL_NONE = 'NONE'

src/services/analytics/useGtm.ts

@@ -22,16 +22,10 @@ import { useRouter } from 'next/router'
 import { AppRoutes } from '@/config/routes'
 import useMetaEvents from './useMetaEvents'
 import { useMediaQuery } from '@mui/material'
-import { DeviceType } from './types'
+import { AnalyticsUserProperties, DeviceType, WALLET_LABEL_NONE } from './types'
 import useSafeAddress from '@/hooks/useSafeAddress'
 import useWallet from '@/hooks/wallets/useWallet'
 
-enum GA_USER_PROPERTIES {
-  WALLET_LABEL = 'walletLabel',
-}
-
-const WALLET_LABEL_NONE = 'NONE'
-
 const useGtm = () => {
   const chainId = useChainId()
   const cookies = useAppSelector(selectCookies)
@@ -89,7 +83,7 @@ const useGtm = () => {
   }, [router.pathname])
 
   useEffect(() => {
-    gtmSetUserProperty(GA_USER_PROPERTIES.WALLET_LABEL, walletLabel ?? WALLET_LABEL_NONE)
+    gtmSetUserProperty(AnalyticsUserProperties.WALLET_LABEL, walletLabel ?? WALLET_LABEL_NONE)
   }, [walletLabel])
 
   // Track meta events on app load