@xylabs/pixel 1.4.13 → 1.5.0

package/dist/node/index.js

@@ -0,0 +1,255 @@
+// src/Api/Api.ts
+import axios from "axios";
+var apiBaseUri = {
+  beta: "https://pixel.xylabs.com",
+  local: "http://localhost:3030",
+  prod: "https://pixel.xylabs.com"
+};
+var PixelApi = class {
+  endPoint;
+  /* baseUri can either be a preset (prod, beta, local), or a specific uri */
+  constructor(baseUri = "prod") {
+    this.endPoint = apiBaseUri[baseUri] ? `${apiBaseUri[baseUri]}/t/event/queue` : baseUri;
+  }
+  async trackEvents(events) {
+    return (await axios.post(this.endPoint, events)).data;
+  }
+};
+
+// src/Pixel.ts
+import { assertEx } from "@xylabs/assert";
+import { Mutex } from "async-mutex";
+import Cookies from "js-cookie";
+import md5 from "md5";
+
+// src/getSystemInfo.ts
+import { parse } from "bowser";
+var systemInfo;
+var getSystemInfo = () => {
+  try {
+    systemInfo = systemInfo || parse(window.navigator.userAgent);
+  } catch (ex) {
+    console.log(`getSystemInfo Error: ${ex}`);
+  }
+  return systemInfo;
+};
+
+// src/Referrer.ts
+var Referrer = class _Referrer {
+  static storageId = "_coin_referrer";
+  local;
+  session;
+  constructor() {
+    this.session = this.getFromSession() ?? document.referrer;
+    sessionStorage.setItem(_Referrer.storageId, this.session);
+    this.local = this.getFromLocal() ?? document.referrer;
+    window.localStorage.setItem(_Referrer.storageId, this.local);
+  }
+  toJson() {
+    if (this.local && this.local.length > 0 || this.session && this.session.length > 0) {
+      return {
+        local: this.local,
+        session: this.session
+      };
+    }
+  }
+  getFromLocal() {
+    const value = window.localStorage.getItem(_Referrer.storageId);
+    if (value && value.length > 0) {
+      return value;
+    }
+  }
+  getFromSession() {
+    const value = sessionStorage.getItem(_Referrer.storageId);
+    if (value && value.length > 0) {
+      return value;
+    }
+  }
+};
+
+// src/UniqueUserId.ts
+import randomBytes from "randombytes";
+var UniqueUserId = class _UniqueUserId {
+  static localStorageId = "_coin_cid";
+  id;
+  constructor() {
+    this.id = window.localStorage.getItem(_UniqueUserId.localStorageId) ?? this.generateId();
+    window.localStorage.setItem(_UniqueUserId.localStorageId, this.id);
+  }
+  toString() {
+    return this.id;
+  }
+  generateId() {
+    return randomBytes(16).toString("base64");
+  }
+};
+
+// src/UtmFields.ts
+import { isEqual } from "@xylabs/lodash";
+var UtmFields = class _UtmFields {
+  static localStorageId = "_coin_utm";
+  fields = [];
+  constructor() {
+    const storedString = window.localStorage.getItem(_UtmFields.localStorageId) ?? "[]";
+    try {
+      this.fields = JSON.parse(storedString);
+    } catch {
+      this.fields = [];
+    }
+    if (!Array.isArray(this.fields)) {
+      this.fields = [];
+    }
+    this.update();
+    window.localStorage.setItem(_UtmFields.localStorageId, JSON.stringify(this.fields));
+  }
+  getUtmRecord = () => {
+    var _a;
+    const record = {};
+    const parsedQueryString = ((_a = document.location.search.split("?")[1]) == null ? void 0 : _a.split("&")) ?? [];
+    parsedQueryString.map((item) => {
+      const [fullKey, value] = item.split("=");
+      const [keyCategory, keyName] = fullKey.split("_");
+      if (keyCategory === "utm") {
+        record[keyName] = value;
+      }
+    });
+    return Object.keys(record).length > 0 ? record : null;
+  };
+  toString() {
+    return JSON.stringify(this.fields);
+  }
+  //check the query string and if there an new/updated utm values, add them to the fields
+  update() {
+    const record = this.getUtmRecord();
+    if (record && !isEqual(this.fields.at(-1), record)) {
+      this.fields.push(record);
+    }
+    return this.fields ?? void 0;
+  }
+};
+
+// src/Pixel.ts
+var emailHashLocalStorageName = "xy_email_hash";
+var XyPixel = class _XyPixel {
+  static api = new PixelApi();
+  static _instance;
+  static utmFieldsObj;
+  cid = new UniqueUserId().id;
+  email;
+  email_hash;
+  exids;
+  pixelId;
+  queue = [];
+  queueMutex = new Mutex();
+  constructor(pixelId) {
+    this.pixelId = pixelId;
+    this.email_hash = localStorage.getItem(emailHashLocalStorageName);
+  }
+  static get instance() {
+    return assertEx(this._instance, "XyPixel uninitialized");
+  }
+  static init(pixelId) {
+    this._instance = new _XyPixel(pixelId);
+    return this._instance;
+  }
+  static selectApi(api) {
+    this.api = api;
+  }
+  static utmFields = () => {
+    if (_XyPixel.utmFieldsObj === void 0) {
+      _XyPixel.utmFieldsObj = new UtmFields();
+    }
+    return _XyPixel.utmFieldsObj;
+  };
+  identify(email) {
+    this.email = email;
+    this.email_hash = email ? md5(email) : void 0;
+    if (this.email_hash) {
+      localStorage.setItem(emailHashLocalStorageName, this.email_hash);
+    }
+  }
+  async send(event, fields, eventId) {
+    this.updateFbId();
+    const utm = _XyPixel.utmFields().update();
+    const referrer = new Referrer();
+    this.queue.push({
+      cid: this.cid,
+      create_time: Date.now(),
+      email_hash: this.email_hash ?? void 0,
+      event,
+      event_id: eventId,
+      exids: this.exids,
+      fields,
+      host: document.location.host,
+      pathname: document.location.pathname,
+      pixel: this.pixelId,
+      referrer: referrer.toJson(),
+      system: getSystemInfo(),
+      utm
+    });
+    await this.tryFlushQueue();
+  }
+  async tryFlushQueue() {
+    await this.queueMutex.runExclusive(async () => {
+      if (this.queue.length === 0)
+        return;
+      const api = _XyPixel.api;
+      if (api) {
+        const events = this.queue;
+        this.queue = [];
+        try {
+          await api.trackEvents(events);
+        } catch (ex) {
+          if (events) {
+            this.queue = [...this.queue, ...events];
+          }
+          console.error(ex);
+        }
+      }
+    });
+  }
+  updateFbId() {
+    this.exids = {
+      fbc: Cookies.get("_fbc"),
+      fbp: Cookies.get("_fbp"),
+      ga: Cookies.get("_ga"),
+      gclid: Cookies.get("_gcl_aw"),
+      rdt_uid: Cookies.get("rdt_uid"),
+      scid: Cookies.get("_scid"),
+      tt_sessionId: sessionStorage.getItem("tt_sessionId") ?? void 0
+    };
+  }
+};
+
+// src/UserEventHandler.ts
+var UserEventHandler = class {
+};
+
+// src/XyUserEventHandler.ts
+var XyUserEventHandler = class extends UserEventHandler {
+  constructor() {
+    super();
+  }
+  async funnelStarted(fields) {
+    return await XyPixel.instance.send("FunnelStarted", fields);
+  }
+  async testStarted(fields) {
+    return await XyPixel.instance.send("TestStarted", fields);
+  }
+  async userClick(fields) {
+    return await XyPixel.instance.send("ViewPage", fields);
+  }
+  async viewContent(fields) {
+    return await XyPixel.instance.send("ViewContent", fields);
+  }
+};
+export {
+  PixelApi,
+  Referrer,
+  UniqueUserId,
+  UserEventHandler,
+  UtmFields,
+  XyPixel,
+  XyUserEventHandler
+};
+//# sourceMappingURL=index.js.map

package/dist/node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Api/Api.ts","../../src/Pixel.ts","../../src/getSystemInfo.ts","../../src/Referrer.ts","../../src/UniqueUserId.ts","../../src/UtmFields.ts","../../src/UserEventHandler.ts","../../src/XyUserEventHandler.ts"],"sourcesContent":["import axios from 'axios'\n\nimport { UserEvent } from './UserEvent'\n\nconst apiBaseUri: Record<string, string> = {\n  beta: 'https://pixel.xylabs.com',\n  local: 'http://localhost:3030',\n  prod: 'https://pixel.xylabs.com',\n}\n\nexport class PixelApi {\n  private endPoint: string\n\n  /* baseUri can either be a preset (prod, beta, local), or a specific uri */\n  constructor(baseUri = 'prod') {\n    this.endPoint = apiBaseUri[baseUri] ? `${apiBaseUri[baseUri]}/t/event/queue` : baseUri\n  }\n\n  async trackEvents(events: UserEvent[]) {\n    return (await axios.post(this.endPoint, events)).data\n  }\n}\n","import { assertEx } from '@xylabs/assert'\nimport { Mutex } from 'async-mutex'\nimport Cookies from 'js-cookie'\nimport md5 from 'md5'\n\nimport { PixelApi, UserEvent } from './Api'\nimport { ExIds } from './ExIds'\nimport { getSystemInfo } from './getSystemInfo'\nimport { Referrer } from './Referrer'\nimport { UniqueUserId } from './UniqueUserId'\nimport { UtmFields } from './UtmFields'\n\nconst emailHashLocalStorageName = 'xy_email_hash'\n\nexport class XyPixel {\n  static api = new PixelApi()\n\n  private static _instance?: XyPixel\n  private static utmFieldsObj: UtmFields\n\n  cid = new UniqueUserId().id\n  email?: string\n  email_hash?: string | null\n  exids?: ExIds\n  pixelId?: string\n\n  queue: UserEvent[] = []\n\n  private queueMutex = new Mutex()\n\n  private constructor(pixelId: string) {\n    this.pixelId = pixelId\n    this.email_hash = localStorage.getItem(emailHashLocalStorageName)\n  }\n\n  static get instance(): XyPixel {\n    return assertEx(this._instance, 'XyPixel uninitialized')\n  }\n\n  static init(pixelId: string) {\n    this._instance = new XyPixel(pixelId)\n    return this._instance\n  }\n\n  static selectApi(api: PixelApi) {\n    this.api = api\n  }\n\n  private static utmFields = () => {\n    if (XyPixel.utmFieldsObj === undefined) {\n      XyPixel.utmFieldsObj = new UtmFields()\n    }\n    return XyPixel.utmFieldsObj\n  }\n\n  identify(email?: string) {\n    this.email = email\n    this.email_hash = email ? md5(email) : undefined\n    if (this.email_hash) {\n      localStorage.setItem(emailHashLocalStorageName, this.email_hash)\n    }\n  }\n\n  async send<T extends Record<string, unknown>>(event: string, fields?: T, eventId?: string) {\n    this.updateFbId()\n    const utm = XyPixel.utmFields().update()\n    const referrer = new Referrer()\n    this.queue.push({\n      cid: this.cid,\n      create_time: Date.now(),\n      email_hash: this.email_hash ?? undefined,\n      event,\n      event_id: eventId,\n      exids: this.exids,\n      fields,\n      host: document.location.host,\n      pathname: document.location.pathname,\n      pixel: this.pixelId,\n      referrer: referrer.toJson(),\n      system: getSystemInfo(),\n      utm,\n    })\n    await this.tryFlushQueue()\n  }\n\n  private async tryFlushQueue() {\n    await this.queueMutex.runExclusive(async () => {\n      if (this.queue.length === 0) return\n      const api = XyPixel.api\n      if (api) {\n        const events = this.queue\n        this.queue = []\n        try {\n          await api.trackEvents(events)\n        } catch (ex) {\n          if (events) {\n            //put it back since it failed\n            this.queue = [...this.queue, ...events]\n          }\n          console.error(ex)\n        }\n      }\n    })\n  }\n\n  private updateFbId() {\n    this.exids = {\n      fbc: Cookies.get('_fbc'),\n      fbp: Cookies.get('_fbp'),\n      ga: Cookies.get('_ga'),\n      gclid: Cookies.get('_gcl_aw'),\n      rdt_uid: Cookies.get('rdt_uid'),\n      scid: Cookies.get('_scid'),\n      tt_sessionId: sessionStorage.getItem('tt_sessionId') ?? undefined,\n    }\n  }\n}\n","import { parse } from 'bowser'\n\nimport { UserEventSystem } from './Api'\n\nlet systemInfo: UserEventSystem | undefined\n\nexport const getSystemInfo = () => {\n  try {\n    systemInfo = systemInfo || parse(window.navigator.userAgent)\n  } catch (ex) {\n    console.log(`getSystemInfo Error: ${ex}`)\n  }\n  return systemInfo\n}\n","export class Referrer {\n  private static storageId = '_coin_referrer'\n  local: string\n  session: string\n  constructor() {\n    this.session = this.getFromSession() ?? document.referrer\n    sessionStorage.setItem(Referrer.storageId, this.session)\n    this.local = this.getFromLocal() ?? document.referrer\n    window.localStorage.setItem(Referrer.storageId, this.local)\n  }\n\n  toJson() {\n    if ((this.local && this.local.length > 0) || (this.session && this.session.length > 0)) {\n      return {\n        local: this.local,\n        session: this.session,\n      }\n    }\n  }\n\n  private getFromLocal() {\n    const value = window.localStorage.getItem(Referrer.storageId)\n    if (value && value.length > 0) {\n      return value\n    }\n  }\n\n  private getFromSession() {\n    const value = sessionStorage.getItem(Referrer.storageId)\n    if (value && value.length > 0) {\n      return value\n    }\n  }\n}\n","import randomBytes from 'randombytes'\n\nexport class UniqueUserId {\n  private static localStorageId = '_coin_cid'\n  id: string\n\n  constructor() {\n    this.id = window.localStorage.getItem(UniqueUserId.localStorageId) ?? this.generateId()\n    window.localStorage.setItem(UniqueUserId.localStorageId, this.id)\n  }\n\n  toString() {\n    return this.id\n  }\n\n  private generateId() {\n    return randomBytes(16).toString('base64')\n  }\n}\n","import { isEqual } from '@xylabs/lodash'\n\nexport class UtmFields {\n  private static localStorageId = '_coin_utm'\n  fields: Record<string, string>[] = []\n  constructor() {\n    const storedString = window.localStorage.getItem(UtmFields.localStorageId) ?? '[]'\n    try {\n      this.fields = JSON.parse(storedString)\n    } catch {\n      this.fields = []\n    }\n    //this clears the old object version if needed\n    if (!Array.isArray(this.fields)) {\n      this.fields = []\n    }\n    this.update()\n    window.localStorage.setItem(UtmFields.localStorageId, JSON.stringify(this.fields))\n  }\n\n  getUtmRecord = () => {\n    const record: Record<string, string> = {}\n    const parsedQueryString = document.location.search.split('?')[1]?.split('&') ?? []\n    parsedQueryString.map((item) => {\n      const [fullKey, value] = item.split('=')\n      const [keyCategory, keyName] = fullKey.split('_')\n      if (keyCategory === 'utm') {\n        record[keyName] = value\n      }\n    })\n    return Object.keys(record).length > 0 ? record : null\n  }\n\n  toString() {\n    return JSON.stringify(this.fields)\n  }\n\n  //check the query string and if there an new/updated utm values, add them to the fields\n  update() {\n    const record = this.getUtmRecord()\n    if (record && !isEqual(this.fields.at(-1), record)) {\n      this.fields.push(record)\n    }\n    return this.fields ?? undefined\n  }\n}\n","import { FunnelStartedFields } from './FunnelStartedFields'\nimport { TestStartedFields } from './TestStartedFields'\nimport { UserClickFields } from './UserClickFields'\nimport { ViewContentFields } from './ViewContentFields'\n\nexport abstract class UserEventHandler<T> {\n  abstract funnelStarted(fields: T | FunnelStartedFields): Promise<void>\n  abstract testStarted(fields: T | TestStartedFields): Promise<void>\n  abstract userClick(fields: T | UserClickFields): Promise<void>\n  abstract viewContent(fields: T | ViewContentFields): Promise<void>\n}\n","import { FunnelStartedFields } from './FunnelStartedFields'\nimport { XyPixel } from './Pixel'\nimport { TestStartedFields } from './TestStartedFields'\nimport { UserClickFields } from './UserClickFields'\nimport { UserEventHandler } from './UserEventHandler'\nimport { ViewContentFields } from './ViewContentFields'\n\nexport class XyUserEventHandler<T extends Record<string, unknown>> extends UserEventHandler<T> {\n  constructor() {\n    super()\n  }\n\n  async funnelStarted(fields: T | FunnelStartedFields) {\n    return await XyPixel.instance.send('FunnelStarted', fields)\n  }\n\n  async testStarted(fields: T | TestStartedFields) {\n    return await XyPixel.instance.send('TestStarted', fields)\n  }\n\n  async userClick(fields: T | UserClickFields) {\n    return await XyPixel.instance.send('ViewPage', fields)\n  }\n\n  async viewContent(fields: T | ViewContentFields) {\n    return await XyPixel.instance.send('ViewContent', fields)\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -9,10 +9,11 @@
     "url": "https://github.com/xylabs/sdk-pixel-js/issues"
   },
   "dependencies": {
-    "@xylabs/assert": "^2.7.1",
-    "async-mutex": "^0.4.0",
+    "@xylabs/assert": "^3.0.6",
+    "@xylabs/lodash": "^3.0.6",
+    "async-mutex": "^0.4.1",
     "bowser": "^2.11.0",
-    "js-cookie": "^3.0.1",
+    "js-cookie": "^3.0.5",
     "lodash-es": "^4.17.21",
     "md5": "^2.3.0",
     "randombytes": "^2.1.0"
@@ -22,44 +23,57 @@
   },
   "description": "Event Client for xylabs ESB",
   "devDependencies": {
-    "@types/jest": "^29.4.0",
-    "@types/js-cookie": "^3.0.2",
-    "@types/jsdom": "^21.1.0",
-    "@types/lodash-es": "^4.17.6",
-    "@types/md5": "^2.3.2",
-    "@types/node": "^18.13.0",
-    "@types/randombytes": "^2.0.0",
-    "@xylabs/eslint-config": "^2.13.11",
-    "@xylabs/ts-scripts-yarn3": "^2.13.11",
-    "@xylabs/tsconfig-dom": "^2.13.11",
-    "axios": "^1.3.2",
-    "eslint": "^8.33.0",
-    "jest": "^29.4.2",
-    "jest-environment-jsdom": "^29.4.2",
-    "jsdom": "^21.1.0",
-    "npm-package-json-lint": "^6.4.0",
-    "reflect-metadata": "^0.1.13",
-    "ts-jest": "^29.0.5",
-    "ts-node": "^10.9.1",
-    "typescript": "^4.9.5"
+    "@types/jest": "^29.5.12",
+    "@types/js-cookie": "^3.0.6",
+    "@types/jsdom": "^21.1.6",
+    "@types/lodash-es": "^4.17.12",
+    "@types/md5": "^2.3.5",
+    "@types/node": "^20.11.24",
+    "@types/randombytes": "^2.0.3",
+    "@xylabs/eslint-config": "^3.4.1",
+    "@xylabs/ts-scripts-yarn3": "^3.4.1",
+    "@xylabs/tsconfig-dom": "^3.4.1",
+    "@xylabs/tsconfig-jest": "^3.4.1",
+    "axios": "^1.6.7",
+    "eslint": "^8.57.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jsdom": "^24.0.0",
+    "npm-package-json-lint": "^7.1.0",
+    "reflect-metadata": "^0.2.1",
+    "ts-jest": "^29.1.2",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.3.3"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/browser/index.d.ts",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/node/index.d.mts",
+          "default": "./dist/node/index.js"
+        },
+        "require": {
+          "types": "./dist/node/index.d.cts",
+          "default": "./dist/node/index.cjs"
+        }
       },
       "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/browser/index.d.mts",
+          "default": "./dist/browser/index.js"
+        },
+        "require": {
+          "types": "./dist/browser/index.d.cts",
+          "default": "./dist/browser/index.cjs"
+        }
       },
-      "default": "./dist/esm/index.js"
+      "default": "./dist/browser/index.js"
     },
     "./package.json": "./package.json"
   },
+  "main": "dist/browser/index.cjs",
+  "module": "dist/browser/index.js",
   "homepage": "https://xylabs.com",
   "license": "LGPL-3.0-or-later",
   "name": "@xylabs/pixel",
@@ -71,6 +85,7 @@
     "url": "https://github.com/xylabs/sdk-pixel-js.git"
   },
   "sideEffects": false,
-  "version": "1.4.13",
-  "packageManager": "yarn@3.3.1"
+  "version": "1.5.0",
+  "packageManager": "yarn@4.1.1",
+  "type": "module"
 }

package/src/Api/Api.ts

@@ -16,7 +16,7 @@ export class PixelApi {
     this.endPoint = apiBaseUri[baseUri] ? `${apiBaseUri[baseUri]}/t/event/queue` : baseUri
   }
 
-  public async trackEvents(events: UserEvent[]) {
+  async trackEvents(events: UserEvent[]) {
     return (await axios.post(this.endPoint, events)).data
   }
 }

package/src/Api/UserEvent.ts

@@ -1,3 +1,4 @@
+import { ExIds } from '../ExIds'
 import { UserEventSystem } from './UserEventSystem'
 
 export interface UserEvent {
@@ -7,11 +8,13 @@ export interface UserEvent {
   email_hash?: string
   event?: string
   event_id?: string
+  exids?: ExIds
   fields?: Record<string, unknown>
   host?: string
   pathname?: string
   pixel?: string
   receive_time?: number
+  referrer?: { local: string; session: string }
   rid?: string
   system?: UserEventSystem
   uid?: string

package/src/Pixel.ts

@@ -13,18 +13,18 @@ import { UtmFields } from './UtmFields'
 const emailHashLocalStorageName = 'xy_email_hash'
 
 export class XyPixel {
-  public static api = new PixelApi()
+  static api = new PixelApi()
 
   private static _instance?: XyPixel
   private static utmFieldsObj: UtmFields
 
-  public cid = new UniqueUserId().id
-  public email?: string
-  public email_hash?: string | null
-  public exids?: ExIds
-  public pixelId?: string
+  cid = new UniqueUserId().id
+  email?: string
+  email_hash?: string | null
+  exids?: ExIds
+  pixelId?: string
 
-  public queue: UserEvent[] = []
+  queue: UserEvent[] = []
 
   private queueMutex = new Mutex()
 
@@ -33,16 +33,16 @@ export class XyPixel {
     this.email_hash = localStorage.getItem(emailHashLocalStorageName)
   }
 
-  public static get instance(): XyPixel {
+  static get instance(): XyPixel {
     return assertEx(this._instance, 'XyPixel uninitialized')
   }
 
-  public static init(pixelId: string) {
+  static init(pixelId: string) {
     this._instance = new XyPixel(pixelId)
     return this._instance
   }
 
-  public static selectApi(api: PixelApi) {
+  static selectApi(api: PixelApi) {
     this.api = api
   }
 
@@ -53,7 +53,7 @@ export class XyPixel {
     return XyPixel.utmFieldsObj
   }
 
-  public identify(email?: string) {
+  identify(email?: string) {
     this.email = email
     this.email_hash = email ? md5(email) : undefined
     if (this.email_hash) {
@@ -61,26 +61,24 @@ export class XyPixel {
     }
   }
 
-  public async send<T extends Record<string, unknown>>(event: string, fields?: T, eventId?: string) {
+  async send<T extends Record<string, unknown>>(event: string, fields?: T, eventId?: string) {
     this.updateFbId()
     const utm = XyPixel.utmFields().update()
     const referrer = new Referrer()
     this.queue.push({
-      ...{
-        cid: this.cid,
-        create_time: Date.now(),
-        email_hash: this.email_hash ?? undefined,
-        event,
-        event_id: eventId,
-        exids: this.exids,
-        fields,
-        host: document.location.host,
-        pathname: document.location.pathname,
-        pixel: this.pixelId,
-        referrer: referrer.toJson(),
-        system: getSystemInfo(),
-        utm,
-      },
+      cid: this.cid,
+      create_time: Date.now(),
+      email_hash: this.email_hash ?? undefined,
+      event,
+      event_id: eventId,
+      exids: this.exids,
+      fields,
+      host: document.location.host,
+      pathname: document.location.pathname,
+      pixel: this.pixelId,
+      referrer: referrer.toJson(),
+      system: getSystemInfo(),
+      utm,
     })
     await this.tryFlushQueue()
   }
@@ -97,7 +95,7 @@ export class XyPixel {
         } catch (ex) {
           if (events) {
             //put it back since it failed
-            this.queue = this.queue.concat(events)
+            this.queue = [...this.queue, ...events]
           }
           console.error(ex)
         }
@@ -107,15 +105,13 @@ export class XyPixel {
 
   private updateFbId() {
     this.exids = {
-      ...{
-        fbc: Cookies.get('_fbc'),
-        fbp: Cookies.get('_fbp'),
-        ga: Cookies.get('_ga'),
-        gclid: Cookies.get('_gclid'),
-        rdt_uid: Cookies.get('rdt_uid'),
-        scid: Cookies.get('_scid'),
-        tt_sessionId: sessionStorage.getItem('tt_sessionId') ?? undefined,
-      },
+      fbc: Cookies.get('_fbc'),
+      fbp: Cookies.get('_fbp'),
+      ga: Cookies.get('_ga'),
+      gclid: Cookies.get('_gcl_aw'),
+      rdt_uid: Cookies.get('rdt_uid'),
+      scid: Cookies.get('_scid'),
+      tt_sessionId: sessionStorage.getItem('tt_sessionId') ?? undefined,
     }
   }
 }

package/src/Referrer.ts

@@ -1,7 +1,7 @@
 export class Referrer {
   private static storageId = '_coin_referrer'
-  public local: string
-  public session: string
+  local: string
+  session: string
   constructor() {
     this.session = this.getFromSession() ?? document.referrer
     sessionStorage.setItem(Referrer.storageId, this.session)
@@ -9,7 +9,7 @@ export class Referrer {
     window.localStorage.setItem(Referrer.storageId, this.local)
   }
 
-  public toJson() {
+  toJson() {
     if ((this.local && this.local.length > 0) || (this.session && this.session.length > 0)) {
       return {
         local: this.local,

package/src/UniqueUserId.ts

@@ -2,14 +2,14 @@ import randomBytes from 'randombytes'
 
 export class UniqueUserId {
   private static localStorageId = '_coin_cid'
-  public id: string
+  id: string
 
   constructor() {
     this.id = window.localStorage.getItem(UniqueUserId.localStorageId) ?? this.generateId()
     window.localStorage.setItem(UniqueUserId.localStorageId, this.id)
   }
 
-  public toString() {
+  toString() {
     return this.id
   }
 

package/src/UtmFields.ts

@@ -1,8 +1,8 @@
-import { isEqual } from 'lodash-es'
+import { isEqual } from '@xylabs/lodash'
 
 export class UtmFields {
   private static localStorageId = '_coin_utm'
-  public fields: Record<string, string>[] = []
+  fields: Record<string, string>[] = []
   constructor() {
     const storedString = window.localStorage.getItem(UtmFields.localStorageId) ?? '[]'
     try {
@@ -18,7 +18,7 @@ export class UtmFields {
     window.localStorage.setItem(UtmFields.localStorageId, JSON.stringify(this.fields))
   }
 
-  public getUtmRecord = () => {
+  getUtmRecord = () => {
     const record: Record<string, string> = {}
     const parsedQueryString = document.location.search.split('?')[1]?.split('&') ?? []
     parsedQueryString.map((item) => {
@@ -31,17 +31,15 @@ export class UtmFields {
     return Object.keys(record).length > 0 ? record : null
   }
 
-  public toString() {
+  toString() {
     return JSON.stringify(this.fields)
   }
 
   //check the query string and if there an new/updated utm values, add them to the fields
-  public update() {
+  update() {
     const record = this.getUtmRecord()
-    if (record) {
-      if (!isEqual(this.fields[this.fields.length - 1], record)) {
-        this.fields.push(record)
-      }
+    if (record && !isEqual(this.fields.at(-1), record)) {
+      this.fields.push(record)
     }
     return this.fields ?? undefined
   }

package/src/XyUserEventHandler.ts

@@ -10,19 +10,19 @@ export class XyUserEventHandler<T extends Record<string, unknown>> extends UserE
     super()
   }
 
-  public async funnelStarted(fields: T | FunnelStartedFields) {
+  async funnelStarted(fields: T | FunnelStartedFields) {
     return await XyPixel.instance.send('FunnelStarted', fields)
   }
 
-  public async testStarted(fields: T | TestStartedFields) {
+  async testStarted(fields: T | TestStartedFields) {
     return await XyPixel.instance.send('TestStarted', fields)
   }
 
-  public async userClick(fields: T | UserClickFields) {
+  async userClick(fields: T | UserClickFields) {
     return await XyPixel.instance.send('ViewPage', fields)
   }
 
-  public async viewContent(fields: T | ViewContentFields) {
+  async viewContent(fields: T | ViewContentFields) {
     return await XyPixel.instance.send('ViewContent', fields)
   }
 }

package/src/getSystemInfo.ts

@@ -2,7 +2,7 @@ import { parse } from 'bowser'
 
 import { UserEventSystem } from './Api'
 
-let systemInfo: UserEventSystem | undefined = undefined
+let systemInfo: UserEventSystem | undefined
 
 export const getSystemInfo = () => {
   try {