@maxzima/wa-communicator 1.0.16 → 1.0.17

package/dist/engine/AccountTracker/Enums/AccountTrackerEnum.d.ts

@@ -1,7 +1,4 @@
-declare const enum GA4EventActionEnum {
-    VERIFY_CONTACT = "verify_contact"
-}
-declare const enum GA4EventContactEnum {
+declare const enum GTMEventEnum {
     PHONE = "phone",
     EMAIL = "email"
 }

package/dist/engine/AccountTracker/Public/AccountTracker.d.ts

@@ -4,6 +4,6 @@ export declare class AccountTracker {
     sendPhoneVerifyEvent(): void;
     sendEmailVerifyEvent(): void;
     sendRegistrationSuccessEvent(): void;
-    private sendGA4Event;
+    private sendGtmEvent;
     private sendLinkedInEvent;
 }

package/dist/engine/AccountTracker/Public/AccountTracker.js

@@ -1,15 +1,13 @@
 export class AccountTracker {
     constructor(props) {
-        this.sendGA4Event = (action, contact) => {
-            if (typeof this.props.gtag === 'undefined' || !this.props.ga4Id) {
+        this.sendGtmEvent = (event) => {
+            if (typeof this.props.gtmDataLayer === 'undefined' || !this.props.gtmId) {
                 return;
             }
-            const params = {
-                contact: contact,
+            this.props.gtmDataLayer.push({
+                event,
                 origin: this.props.origin || null,
-                send_to: this.props.ga4Id,
-            };
-            this.props.gtag('event', action, params);
+            });
         };
         this.sendLinkedInEvent = (id) => {
             if (typeof this.props.lintrk === 'undefined') {
@@ -22,11 +20,11 @@ export class AccountTracker {
         this.props = props;
     }
     sendPhoneVerifyEvent() {
-        this.sendGA4Event("verify_contact", "phone");
+        this.sendGtmEvent("phone");
         this.sendLinkedInEvent(8612332);
     }
     sendEmailVerifyEvent() {
-        this.sendGA4Event("verify_contact", "email");
+        this.sendGtmEvent("email");
         this.sendLinkedInEvent(8612340);
     }
     sendRegistrationSuccessEvent() {

package/dist/engine/AccountTracker/Types/TAccountTracker.d.ts

@@ -1,15 +1,9 @@
-/// <reference types="gtag.js" />
 declare type TLintrkOptions = {
     conversation_id: LintrkEventIdEnum;
 };
-declare type TGA4Event = {
-    contact: GA4EventContactEnum;
-    send_to: TAccountTrackerProps['ga4Id'];
-    origin?: TAccountTrackerProps['origin'];
-};
 declare type TAccountTrackerProps = {
     origin?: string;
-    gtag?: Gtag.Gtag;
+    gtmDataLayer?: object[];
     lintrk?: (action: LintrkActionTypeEnum, options: TLintrkOptions) => void;
-    ga4Id?: string;
+    gtmId?: string;
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.16",
+  "version": "1.0.17",
   "name": "@maxzima/wa-communicator",
   "description": "",
   "author": "Noname",

package/src/engine/AccountTracker/Enums/AccountTrackerEnum.ts

@@ -1,8 +1,4 @@
-const enum GA4EventActionEnum {
-  VERIFY_CONTACT = 'verify_contact',
-}
-
-const enum GA4EventContactEnum {
+const enum GTMEventEnum {
   PHONE = 'phone',
   EMAIL = 'email',
 }

package/src/engine/AccountTracker/Public/AccountTracker.ts

@@ -6,12 +6,12 @@ export class AccountTracker {
   }
 
   public sendPhoneVerifyEvent () {
-    this.sendGA4Event(GA4EventActionEnum.VERIFY_CONTACT, GA4EventContactEnum.PHONE);
+    this.sendGtmEvent(GTMEventEnum.PHONE);
     this.sendLinkedInEvent(LintrkEventIdEnum.PHONE);
   }
 
   public sendEmailVerifyEvent () {
-    this.sendGA4Event(GA4EventActionEnum.VERIFY_CONTACT, GA4EventContactEnum.EMAIL);
+    this.sendGtmEvent(GTMEventEnum.EMAIL);
     this.sendLinkedInEvent(LintrkEventIdEnum.EMAIL);
   }
 
@@ -19,18 +19,15 @@ export class AccountTracker {
     this.sendLinkedInEvent(LintrkEventIdEnum.REGISTRATION);
   }
 
-  private sendGA4Event = (action: GA4EventActionEnum, contact: GA4EventContactEnum) => {
-    if (typeof this.props.gtag === 'undefined' || !this.props.ga4Id) {
+  private sendGtmEvent = (event: GTMEventEnum) => {
+    if (typeof this.props.gtmDataLayer === 'undefined' || !this.props.gtmId) {
       return;
     }
 
-    const params: TGA4Event = {
-      contact: contact,
+    this.props.gtmDataLayer.push({
+      event,
       origin: this.props.origin || null,
-      send_to: this.props.ga4Id,
-    };
-
-    this.props.gtag('event', action, params);
+    });
   };
 
   private sendLinkedInEvent = (id: LintrkEventIdEnum) => {

package/src/engine/AccountTracker/Types/TAccountTracker.ts

@@ -2,15 +2,9 @@ type TLintrkOptions = {
   conversation_id: LintrkEventIdEnum;
 }
 
-type TGA4Event = {
-  contact: GA4EventContactEnum;
-  send_to: TAccountTrackerProps['ga4Id'];
-  origin?: TAccountTrackerProps['origin'];
-}
-
 type TAccountTrackerProps = {
   origin?: string;
-  gtag?: Gtag.Gtag;
+  gtmDataLayer?: object[];
   lintrk?: (action: LintrkActionTypeEnum, options: TLintrkOptions) => void;
-  ga4Id?: string;
+  gtmId?: string;
 }

package/test/accountTracker.spec.ts

@@ -2,13 +2,15 @@ import {AccountTracker} from "../src";
 import {accountTrackerInitPropsNormal} from "./testunits/accountTracker/general";
 import {emailVerifyEvents, phoneVerifyEvents, registrationSuccessEvents} from "./testunits/accountTracker/events";
 
-const mockGtag = jest.fn().mockImplementation();
 const mockLintrk = jest.fn().mockImplementation();
+const mockGtmDataLayer = [];
+
 const accountTrackerInitProps = {
   ...accountTrackerInitPropsNormal,
-  gtag: mockGtag,
+  gtmDataLayer: mockGtmDataLayer,
   lintrk: mockLintrk,
 };
+
 const accountTracker = new AccountTracker(accountTrackerInitProps);
 
 describe('AccountTracker', () => {
@@ -19,9 +21,7 @@ describe('AccountTracker', () => {
   test('sendPhoneVerifyEvent', () => {
     accountTracker.sendPhoneVerifyEvent();
 
-    expect(mockGtag.mock.calls[0][1]).toBe(phoneVerifyEvents.ga4.action);
-    expect(mockGtag.mock.calls[0][2]).toEqual(phoneVerifyEvents.ga4.event);
-    expect(mockGtag).toHaveBeenCalled();
+    expect(mockGtmDataLayer[0]).toEqual({...phoneVerifyEvents.gtm});
 
     expect(mockLintrk.mock.calls[0][0]).toBe(phoneVerifyEvents.linkedIn.action);
     expect(mockLintrk.mock.calls[0][1]).toEqual(phoneVerifyEvents.linkedIn.event);
@@ -31,9 +31,7 @@ describe('AccountTracker', () => {
   test('sendEmailVerifyEvent', () => {
     accountTracker.sendEmailVerifyEvent();
 
-    expect(mockGtag.mock.calls[0][1]).toBe(emailVerifyEvents.ga4.action);
-    expect(mockGtag.mock.calls[0][2]).toEqual(emailVerifyEvents.ga4.event);
-    expect(mockGtag).toHaveBeenCalled();
+    expect(mockGtmDataLayer[1]).toEqual({...emailVerifyEvents.gtm});
 
     expect(mockLintrk.mock.calls[0][0]).toBe(emailVerifyEvents.linkedIn.action);
     expect(mockLintrk.mock.calls[0][1]).toEqual(emailVerifyEvents.linkedIn.event);
@@ -43,7 +41,7 @@ describe('AccountTracker', () => {
   test('sendRegistrationSuccessEvent', () => {
     accountTracker.sendRegistrationSuccessEvent();
 
-    expect(mockGtag).not.toHaveBeenCalled();
+    expect(mockGtmDataLayer).toHaveLength(2);
 
     expect(mockLintrk.mock.calls[0][0]).toBe(registrationSuccessEvents.linkedIn.action);
     expect(mockLintrk.mock.calls[0][1]).toEqual(registrationSuccessEvents.linkedIn.event);

package/test/testunits/accountTracker/events.ts

@@ -1,13 +1,9 @@
 import {accountTrackerInitPropsNormal} from "./general";
 
 const phoneVerifyEvents = {
-  ga4: {
-    action: 'verify_contact',
-    event: {
-      contact: 'phone',
-      origin: accountTrackerInitPropsNormal.origin,
-      send_to: accountTrackerInitPropsNormal.ga4Id,
-    },
+  gtm: {
+    event: 'phone',
+    origin: accountTrackerInitPropsNormal.origin,
   },
   linkedIn: {
     action: 'track',
@@ -18,13 +14,9 @@ const phoneVerifyEvents = {
 };
 
 const emailVerifyEvents = {
-  ga4: {
-    action: 'verify_contact',
-    event: {
-      contact: 'email',
-      origin: accountTrackerInitPropsNormal.origin,
-      send_to: accountTrackerInitPropsNormal.ga4Id,
-    },
+  gtm: {
+    event: 'email',
+    origin: accountTrackerInitPropsNormal.origin,
   },
   linkedIn: {
     action: 'track',

package/test/testunits/accountTracker/general.ts

@@ -1,6 +1,6 @@
 const accountTrackerInitPropsNormal = {
   origin: '_origin_',
-  ga4Id: '_ga4Id_',
+  gtmId: '_gtmId_'
 };
 
 export {