@maxzima/wa-communicator 1.0.23 → 1.0.25

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

@@ -1,3 +1,11 @@
+declare const enum GTMEventEnum {
+    SIGN_UP = "sign_up"
+}
+declare const enum GTMEventParamsEnum {
+    PHONE = "phone",
+    EMAIL = "email",
+    GCLID = "gclid"
+}
 declare const enum LintrkActionTypeEnum {
     TRACK = "track"
 }

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

@@ -1,6 +1,7 @@
 export declare class AccountTracker {
     private props;
     constructor(props: TAccountTrackerProps);
-    sendRegistrationSuccessEvent(): void;
+    sendRegistrationSuccessEvent(eventParams: TAccountTrackerEventParams): void;
+    private sendGtmEvent;
     private sendLinkedInEvent;
 }

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

@@ -1,5 +1,17 @@
 export class AccountTracker {
     constructor(props) {
+        this.sendGtmEvent = (event, eventParams) => {
+            if (typeof this.props.gtmDataLayer === 'undefined') {
+                return;
+            }
+            const paramsForCurrentEvent = eventParams[event] || [];
+            const dataForLayer = {};
+            for (const paramName in paramsForCurrentEvent) {
+                dataForLayer[paramName] = paramsForCurrentEvent[paramName];
+            }
+            console.log('sendGtmEvent:', event, dataForLayer);
+            this.props.gtmDataLayer.push(Object.assign({ event }, dataForLayer));
+        };
         this.sendLinkedInEvent = (id) => {
             if (typeof this.props.lintrk === 'undefined') {
                 return;
@@ -10,7 +22,8 @@ export class AccountTracker {
         };
         this.props = props;
     }
-    sendRegistrationSuccessEvent() {
+    sendRegistrationSuccessEvent(eventParams) {
+        this.sendGtmEvent("sign_up", eventParams.gtm);
         this.sendLinkedInEvent(8612308);
     }
 }

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

@@ -2,5 +2,18 @@ declare type TLintrkOptions = {
     conversation_id: LintrkEventIdEnum;
 };
 declare type TAccountTrackerProps = {
+    gtmDataLayer?: object[];
     lintrk?: (action: LintrkActionTypeEnum, options: TLintrkOptions) => void;
 };
+declare type TAccountTrackerEventParams = {
+    'gtm'?: TAccountTrackerGtmEventParamsMapping;
+};
+declare type TAccountTrackerGtmEventParamsMapping = {
+    [event in GTMEventEnum]: TAccountTrackerGtmEventParams;
+};
+declare type TAccountTrackerGtmEventParams = TAccountTrackerGtmSignUpEventParams;
+declare type TAccountTrackerGtmSignUpEventParams = {
+    [GTMEventParamsEnum.GCLID]: string;
+    [GTMEventParamsEnum.EMAIL]: string;
+    [GTMEventParamsEnum.PHONE]: string;
+};

package/dist/engine/Communicator/Public/Communicator.js

@@ -42,7 +42,6 @@ export class Communicator {
             const headers = this.getHeaders();
             const meta = this.getMeta(data.browserData);
             const body = JSON.stringify({
-                captcha_solution: '_',
                 device_id: data.deviceId,
                 meta,
                 mobile: data.phoneNumber,

package/dist/types/TCommunicator.d.ts

@@ -18,7 +18,6 @@ declare type TResponse = {
     ok: boolean;
 };
 declare type TSignInStartRequestBody = {
-    captcha_solution?: string;
     device_id: string;
     meta: TAccountMeta;
     mobile?: string;

package/package.json

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

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

@@ -1,3 +1,13 @@
+const enum GTMEventEnum {
+  SIGN_UP = 'sign_up',
+}
+
+const enum GTMEventParamsEnum {
+  PHONE = 'phone',
+  EMAIL = 'email',
+  GCLID = 'gclid',
+}
+
 const enum LintrkActionTypeEnum {
   TRACK= 'track',
 }

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

@@ -5,10 +5,32 @@ export class AccountTracker {
     this.props = props;
   }
 
-  public sendRegistrationSuccessEvent () {
+  public sendRegistrationSuccessEvent (eventParams: TAccountTrackerEventParams) {
+    this.sendGtmEvent(GTMEventEnum.SIGN_UP, eventParams.gtm);
     this.sendLinkedInEvent(LintrkEventIdEnum.REGISTRATION);
   }
 
+  private sendGtmEvent = (event: GTMEventEnum, eventParams: TAccountTrackerGtmEventParamsMapping) => {
+    if (typeof this.props.gtmDataLayer === 'undefined') {
+      return;
+    }
+
+    const paramsForCurrentEvent = eventParams[event] || [];
+    const dataForLayer = {};
+
+    for (const paramName in paramsForCurrentEvent) {
+      dataForLayer[paramName] = paramsForCurrentEvent[paramName];
+    }
+
+    // TODO: log
+    console.log('sendGtmEvent:', event, dataForLayer)
+
+    this.props.gtmDataLayer.push({
+      event,
+      ...dataForLayer
+    });
+  };
+
   private sendLinkedInEvent = (id: LintrkEventIdEnum) => {
     if (typeof this.props.lintrk === 'undefined') {
       return;

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

@@ -3,5 +3,22 @@ type TLintrkOptions = {
 }
 
 type TAccountTrackerProps = {
+  gtmDataLayer?: object[];
   lintrk?: (action: LintrkActionTypeEnum, options: TLintrkOptions) => void;
 }
+
+type TAccountTrackerEventParams = {
+  'gtm'?: TAccountTrackerGtmEventParamsMapping;
+}
+
+type TAccountTrackerGtmEventParamsMapping = {
+  [event in GTMEventEnum]: TAccountTrackerGtmEventParams;
+};
+
+type TAccountTrackerGtmEventParams = TAccountTrackerGtmSignUpEventParams;
+
+type TAccountTrackerGtmSignUpEventParams = {
+  [GTMEventParamsEnum.GCLID]: string;
+  [GTMEventParamsEnum.EMAIL]: string;
+  [GTMEventParamsEnum.PHONE]: string;
+}

package/src/engine/Communicator/Public/Communicator.ts

@@ -35,7 +35,6 @@ export class Communicator {
     const headers = this.getHeaders();
     const meta = this.getMeta(data.browserData);
     const body = JSON.stringify({
-      captcha_solution: '_',
       device_id: data.deviceId,
       meta,
       mobile: data.phoneNumber,

package/src/types/TCommunicator.ts

@@ -23,7 +23,6 @@ type TResponse = {
 
 /* region signIn */
 type TSignInStartRequestBody =  {
-  captcha_solution?: string,
   device_id: string,
   meta: TAccountMeta,
   mobile?: string,

package/test/__snapshots__/communicator.spec.ts.snap

@@ -125,7 +125,7 @@ Object {
 
 exports[`Communicator requests signIn 1`] = `
 Object {
-  "body": "{\\"captcha_solution\\":\\"_\\",\\"device_id\\":\\"ov4lNmyk7armoC5DMiOpL5hl846kVQgS\\",\\"meta\\":{\\"audit_source_type\\":\\"Backend\\",\\"browser_page_resolution\\":\\"800x600\\",\\"cookies_enabled\\":true,\\"ip\\":\\"127.0.0.1\\",\\"js_enabled\\":true,\\"language\\":\\"ENG\\",\\"user_agent\\":\\"_userAgent_\\"},\\"mobile\\":\\"+16234401486\\"}",
+  "body": "{\\"device_id\\":\\"ov4lNmyk7armoC5DMiOpL5hl846kVQgS\\",\\"meta\\":{\\"audit_source_type\\":\\"Backend\\",\\"browser_page_resolution\\":\\"800x600\\",\\"cookies_enabled\\":true,\\"ip\\":\\"127.0.0.1\\",\\"js_enabled\\":true,\\"language\\":\\"ENG\\",\\"user_agent\\":\\"_userAgent_\\"},\\"mobile\\":\\"+16234401486\\"}",
   "headers": Object {
     "Accept": "application/json, text/plain, */*",
     "Content-Type": "application/json",

package/test/accountTracker.spec.ts

@@ -1,9 +1,11 @@
 import {AccountTracker} from "../src";
-import {registrationSuccessEvents} from "./testunits/accountTracker/events";
+import {registrationSuccessEventParams, registrationSuccessEvents} from "./testunits/accountTracker/events";
 
+const mockGtmDataLayer = [];
 const mockLintrk = jest.fn().mockImplementation();
 
 const accountTrackerInitProps = {
+  gtmDataLayer: mockGtmDataLayer,
   lintrk: mockLintrk,
 };
 
@@ -15,7 +17,9 @@ describe('AccountTracker', () => {
   });
 
   test('sendRegistrationSuccessEvent', () => {
-    accountTracker.sendRegistrationSuccessEvent();
+    accountTracker.sendRegistrationSuccessEvent(registrationSuccessEventParams);
+
+    expect(mockGtmDataLayer[0]).toEqual({...registrationSuccessEvents.gtm.sign_up});
 
     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,4 +1,14 @@
+import {communicatorTestData} from "../communicator/general";
+
 const registrationSuccessEvents = {
+  gtm: {
+    sign_up: {
+      event: 'sign_up',
+      gclid: communicatorTestData.gcId,
+      email: communicatorTestData.email,
+      phone: communicatorTestData.phoneNumber,
+    }
+  },
   linkedIn: {
     action: 'track',
     event: {
@@ -7,6 +17,17 @@ const registrationSuccessEvents = {
   },
 };
 
+const registrationSuccessEventParams = {
+  gtm: {
+    sign_up: {
+      gclid: communicatorTestData.gcId,
+      email: communicatorTestData.email,
+      phone: communicatorTestData.phoneNumber,
+    }
+  }
+}
+
 export {
   registrationSuccessEvents,
+  registrationSuccessEventParams,
 };