Merge pull request #71 from squidit/feature/standardization-of-evetn-…

…tracking-for-ga4

✨ feat: Padronização da captura de eventos para o GA4

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squidit/react-css",
-  "version": "1.2.18",
+  "version": "1.2.19",
   "scripts": {
     "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
     "lint": "eslint src --ext js,ts,tsx",

src/helpers/data-layer/data-layer.helper.ts

@@ -1,10 +1,10 @@
-import { WindowWithDataLayer } from '@interfaces/sq-data-layer.interface'
+import { DataLayer, WindowWithDataLayer } from '@interfaces/sq-data-layer.interface'
 
 export default class DataLayerHelper {
   private readonly window: WindowWithDataLayer = window
 
-  public sendToDataLayer(payload) {
-    const fullPayload = {
+  public sendToDataLayer(payload: DataLayer): void {
+    const fullPayload: DataLayer = {
       ...payload,
     }
     this.window?.dataLayer?.push(fullPayload)

src/interfaces/sq-data-layer.interface.ts

@@ -1,4 +1,26 @@
+import { SocialNetworksAvailables } from './sq-profile-cache.interface'
+
 export interface WindowWithDataLayer extends Window {
-  // TODO: Criar uma interface para o objeto dataLayer do Google Tag Manager
-  dataLayer?: any[]
+  dataLayer?: DataLayer[]
+}
+
+export interface DataLayer {
+  event: Event
+  profile?: string
+  socialNetwork?: SocialNetworksAvailables
+  context?: string
+  action?: string
+  description?: string
+  location?: string
+  value?: any
+  return?: any
+  user: UserDataLayer
+  [key: string]: any
+}
+
+export type Event = 'hub_user_conversion' | 'hub_user_interaction' | 'hub_user_engagement'
+
+export interface UserDataLayer {
+  squidId: string | null
+  [key: string]: any
 }