@xylabs/pixel 1.2.5 → 1.3.3

package/dist/esm5/index.js

@@ -5,109 +5,60 @@ import { Mutex } from 'async-mutex';
 import Cookies from 'js-cookie';
 import md5 from 'md5';
 import axios from 'axios';
-import Bowser from 'bowser';
+import { parse } from 'bowser';
 
-var Referrer = /** @class */ (function () {
-    function Referrer() {
-        var _a, _b;
-        this.session = (_a = this.getFromSession()) !== null && _a !== void 0 ? _a : document.referrer;
-        sessionStorage.setItem(Referrer.storageId, this.session);
-        this.local = (_b = this.getFromLocal()) !== null && _b !== void 0 ? _b : document.referrer;
-        window.localStorage.setItem(Referrer.storageId, this.local);
-    }
-    Referrer.prototype.getFromLocal = function () {
-        var value = window.localStorage.getItem(Referrer.storageId);
-        if (value && value.length > 0) {
-            return value;
-        }
-    };
-    Referrer.prototype.getFromSession = function () {
-        var value = sessionStorage.getItem(Referrer.storageId);
-        if (value && value.length > 0) {
-            return value;
-        }
-    };
-    Referrer.prototype.toJson = function () {
-        if ((this.local && this.local.length > 0) || (this.session && this.session.length > 0)) {
-            return {
-                local: this.local,
-                session: this.session,
-            };
-        }
-    };
-    Referrer.storageId = '_coin_referrer';
-    return Referrer;
+var Referrer = /** @class */ (function () {
+    function Referrer() {
+        var _a, _b;
+        this.session = (_a = this.getFromSession()) !== null && _a !== void 0 ? _a : document.referrer;
+        sessionStorage.setItem(Referrer.storageId, this.session);
+        this.local = (_b = this.getFromLocal()) !== null && _b !== void 0 ? _b : document.referrer;
+        window.localStorage.setItem(Referrer.storageId, this.local);
+    }
+    Referrer.prototype.getFromLocal = function () {
+        var value = window.localStorage.getItem(Referrer.storageId);
+        if (value && value.length > 0) {
+            return value;
+        }
+    };
+    Referrer.prototype.getFromSession = function () {
+        var value = sessionStorage.getItem(Referrer.storageId);
+        if (value && value.length > 0) {
+            return value;
+        }
+    };
+    Referrer.prototype.toJson = function () {
+        if ((this.local && this.local.length > 0) || (this.session && this.session.length > 0)) {
+            return {
+                local: this.local,
+                session: this.session,
+            };
+        }
+    };
+    Referrer.storageId = '_coin_referrer';
+    return Referrer;
 }());
 
-var UniqueUserId = /** @class */ (function () {
-    function UniqueUserId() {
-        var _a;
-        this.id = (_a = window.localStorage.getItem(UniqueUserId.localStorageId)) !== null && _a !== void 0 ? _a : this.generateId();
-        window.localStorage.setItem(UniqueUserId.localStorageId, this.id);
-    }
-    UniqueUserId.prototype.generateId = function () {
-        return randomBytes(16).toString('base64');
-    };
-    UniqueUserId.prototype.toString = function () {
-        return this.id;
-    };
-    UniqueUserId.localStorageId = '_coin_cid';
-    return UniqueUserId;
+var UniqueUserId = /** @class */ (function () {
+    function UniqueUserId() {
+        var _a;
+        this.id = (_a = window.localStorage.getItem(UniqueUserId.localStorageId)) !== null && _a !== void 0 ? _a : this.generateId();
+        window.localStorage.setItem(UniqueUserId.localStorageId, this.id);
+    }
+    UniqueUserId.prototype.generateId = function () {
+        return randomBytes(16).toString('base64');
+    };
+    UniqueUserId.prototype.toString = function () {
+        return this.id;
+    };
+    UniqueUserId.localStorageId = '_coin_cid';
+    return UniqueUserId;
 }());
 
-var UserEventHandler = /** @class */ (function () {
-    function UserEventHandler() {
-    }
-    return UserEventHandler;
-}());
-
-var UtmFields = /** @class */ (function () {
-    function UtmFields() {
-        var _a;
-        this.fields = [];
-        this.getUtmRecord = function () {
-            var _a, _b;
-            var record = {};
-            var parsedQueryString = (_b = (_a = document.location.search.split('?')[1]) === null || _a === void 0 ? void 0 : _a.split('&')) !== null && _b !== void 0 ? _b : [];
-            parsedQueryString.map(function (item) {
-                var _a = item.split('='), fullKey = _a[0], value = _a[1];
-                var _b = fullKey.split('_'), keyCategory = _b[0], keyName = _b[1];
-                if (keyCategory === 'utm') {
-                    record[keyName] = value;
-                }
-            });
-            return Object.keys(record).length > 0 ? record : null;
-        };
-        var storedString = (_a = window.localStorage.getItem(UtmFields.localStorageId)) !== null && _a !== void 0 ? _a : '[]';
-        try {
-            this.fields = JSON.parse(storedString);
-        }
-        catch (_b) {
-            this.fields = [];
-        }
-        //this clears the old object version if needed
-        if (!Array.isArray(this.fields)) {
-            this.fields = [];
-        }
-        this.update();
-        window.localStorage.setItem(UtmFields.localStorageId, JSON.stringify(this.fields));
-    }
-    //check the query string and if there an new/updated utm values, add them to the fields
-    UtmFields.prototype.update = function () {
-        var _a;
-        var record = this.getUtmRecord();
-        if (record) {
-            if (!isEqual(this.fields[this.fields.length - 1], record)) {
-                this.fields.push(record);
-            }
-        }
-        return (_a = this.fields) !== null && _a !== void 0 ? _a : undefined;
-    };
-    UtmFields.prototype.toString = function () {
-        return JSON.stringify(this.fields);
-    };
-    UtmFields.localStorageId = '_coin_utm';
-    return UtmFields;
+var UserEventHandler = /** @class */ (function () {
+    function UserEventHandler() {
+    }
+    return UserEventHandler;
 }());
 
 /*! *****************************************************************************
@@ -188,210 +139,282 @@ function __generator(thisArg, body) {
         } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
 }
 
-var apiBaseUri = {
-    beta: 'https://pixel.xylabs.com',
-    local: 'http://localhost:3030',
-    prod: 'https://pixel.xylabs.com',
-};
-var PixelApi = /** @class */ (function () {
-    /* baseUri can either be a preset (prod, beta, local), or a specific uri */
-    function PixelApi(baseUri) {
-        if (baseUri === void 0) { baseUri = 'prod'; }
-        this.endPoint = apiBaseUri[baseUri] ? "".concat(apiBaseUri[baseUri], "/t/event/queue") : baseUri;
-    }
-    PixelApi.prototype.trackEvents = function (events) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, axios.post(this.endPoint, events)];
-                    case 1: return [2 /*return*/, (_a.sent()).data];
-                }
-            });
-        });
-    };
-    return PixelApi;
+var UtmFields = /** @class */ (function () {
+    function UtmFields() {
+        var _a;
+        this.fields = [];
+        this.getUtmRecord = function () {
+            var _a, _b;
+            var record = {};
+            var parsedQueryString = (_b = (_a = document.location.search.split('?')[1]) === null || _a === void 0 ? void 0 : _a.split('&')) !== null && _b !== void 0 ? _b : [];
+            parsedQueryString.map(function (item) {
+                var _a = __read(item.split('='), 2), fullKey = _a[0], value = _a[1];
+                var _b = __read(fullKey.split('_'), 2), keyCategory = _b[0], keyName = _b[1];
+                if (keyCategory === 'utm') {
+                    record[keyName] = value;
+                }
+            });
+            return Object.keys(record).length > 0 ? record : null;
+        };
+        var storedString = (_a = window.localStorage.getItem(UtmFields.localStorageId)) !== null && _a !== void 0 ? _a : '[]';
+        try {
+            this.fields = JSON.parse(storedString);
+        }
+        catch (_b) {
+            this.fields = [];
+        }
+        //this clears the old object version if needed
+        if (!Array.isArray(this.fields)) {
+            this.fields = [];
+        }
+        this.update();
+        window.localStorage.setItem(UtmFields.localStorageId, JSON.stringify(this.fields));
+    }
+    //check the query string and if there an new/updated utm values, add them to the fields
+    UtmFields.prototype.update = function () {
+        var _a;
+        var record = this.getUtmRecord();
+        if (record) {
+            if (!isEqual(this.fields[this.fields.length - 1], record)) {
+                this.fields.push(record);
+            }
+        }
+        return (_a = this.fields) !== null && _a !== void 0 ? _a : undefined;
+    };
+    UtmFields.prototype.toString = function () {
+        return JSON.stringify(this.fields);
+    };
+    UtmFields.localStorageId = '_coin_utm';
+    return UtmFields;
 }());
 
-var systemInfo = undefined;
-var getSystemInfo = function () {
-    try {
-        systemInfo = systemInfo || Bowser.parse(window.navigator.userAgent);
-    }
-    catch (ex) {
-        console.log("getSystemInfo Error: ".concat(ex));
-    }
-    return systemInfo;
+var apiBaseUri = {
+    beta: 'https://pixel.xylabs.com',
+    local: 'http://localhost:3030',
+    prod: 'https://pixel.xylabs.com',
 };
+var PixelApi = /** @class */ (function () {
+    /* baseUri can either be a preset (prod, beta, local), or a specific uri */
+    function PixelApi(baseUri) {
+        if (baseUri === void 0) { baseUri = 'prod'; }
+        this.endPoint = apiBaseUri[baseUri] ? "".concat(apiBaseUri[baseUri], "/t/event/queue") : baseUri;
+    }
+    PixelApi.prototype.trackEvents = function (events) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, axios.post(this.endPoint, events)];
+                    case 1: return [2 /*return*/, (_a.sent()).data];
+                }
+            });
+        });
+    };
+    return PixelApi;
+}());
 
-var XyPixel = /** @class */ (function () {
-    function XyPixel(pixelId) {
-        this.queue = [];
-        this.cid = new UniqueUserId().id;
-        this.queueMutex = new Mutex();
-        this.pixelId = pixelId;
-    }
-    XyPixel.prototype.identify = function (email) {
-        this.email = email;
-        this.email_hash = email ? md5(email) : undefined;
-    };
-    XyPixel.prototype.updateFbId = function () {
-        var _a;
-        this.exids = __assign({
-            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: (_a = sessionStorage.getItem('tt_sessionId')) !== null && _a !== void 0 ? _a : undefined,
-        });
-    };
-    XyPixel.prototype.tryFlushQueue = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.queueMutex.runExclusive(function () { return __awaiter(_this, void 0, void 0, function () {
-                            var api, events, ex_1;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0:
-                                        if (this.queue.length === 0)
-                                            return [2 /*return*/];
-                                        api = XyPixel.api;
-                                        if (!api) return [3 /*break*/, 4];
-                                        events = this.queue;
-                                        this.queue = [];
-                                        _a.label = 1;
-                                    case 1:
-                                        _a.trys.push([1, 3, , 4]);
-                                        return [4 /*yield*/, api.trackEvents(events)];
-                                    case 2:
-                                        _a.sent();
-                                        return [3 /*break*/, 4];
-                                    case 3:
-                                        ex_1 = _a.sent();
-                                        if (events) {
-                                            //put it back since it failed
-                                            this.queue = this.queue.concat(events);
-                                        }
-                                        console.error(ex_1);
-                                        return [3 /*break*/, 4];
-                                    case 4: return [2 /*return*/];
-                                }
-                            });
-                        }); })];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    XyPixel.prototype.send = function (event, fields) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function () {
-            var utm, referrer;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        this.updateFbId();
-                        utm = XyPixel.utmFields().update();
-                        referrer = new Referrer();
-                        this.queue.push(__assign({
-                            cid: this.cid,
-                            create_time: Date.now(),
-                            email_hash: (_a = this.email_hash) !== null && _a !== void 0 ? _a : undefined,
-                            event: event,
-                            exids: this.exids,
-                            fields: fields,
-                            host: document.location.host,
-                            pathname: document.location.pathname,
-                            pixel: this.pixelId,
-                            referrer: referrer.toJson(),
-                            system: getSystemInfo(),
-                            utm: utm,
-                        }));
-                        return [4 /*yield*/, this.tryFlushQueue()];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    Object.defineProperty(XyPixel, "instance", {
-        get: function () {
-            return assertEx(this._instance, 'XyPixel uninitialized');
-        },
-        enumerable: false,
-        configurable: true
-    });
-    XyPixel.init = function (pixelId) {
-        this._instance = new XyPixel(pixelId);
-        return this._instance;
-    };
-    XyPixel.selectApi = function (api) {
-        this.api = api;
-    };
-    XyPixel.utmFields = function () {
-        if (XyPixel.utmFieldsObj === undefined) {
-            XyPixel.utmFieldsObj = new UtmFields();
-        }
-        return XyPixel.utmFieldsObj;
-    };
-    XyPixel.api = new PixelApi();
-    return XyPixel;
+var systemInfo = undefined;
+var getSystemInfo = function () {
+    try {
+        systemInfo = systemInfo || parse(window.navigator.userAgent);
+    }
+    catch (ex) {
+        console.log("getSystemInfo Error: ".concat(ex));
+    }
+    return systemInfo;
+};
+
+var emailHashLocalStorageName = 'xy_email_hash';
+var XyPixel = /** @class */ (function () {
+    function XyPixel(pixelId) {
+        this.queue = [];
+        this.cid = new UniqueUserId().id;
+        this.queueMutex = new Mutex();
+        this.pixelId = pixelId;
+        this.email_hash = localStorage.getItem(emailHashLocalStorageName);
+    }
+    XyPixel.prototype.identify = function (email) {
+        this.email = email;
+        this.email_hash = email ? md5(email) : undefined;
+        if (this.email_hash) {
+            localStorage.setItem(emailHashLocalStorageName, this.email_hash);
+        }
+    };
+    XyPixel.prototype.updateFbId = function () {
+        var _a;
+        this.exids = __assign({
+            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: (_a = sessionStorage.getItem('tt_sessionId')) !== null && _a !== void 0 ? _a : undefined,
+        });
+    };
+    XyPixel.prototype.tryFlushQueue = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.queueMutex.runExclusive(function () { return __awaiter(_this, void 0, void 0, function () {
+                            var api, events, ex_1;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        if (this.queue.length === 0)
+                                            return [2 /*return*/];
+                                        api = XyPixel.api;
+                                        if (!api) return [3 /*break*/, 4];
+                                        events = this.queue;
+                                        this.queue = [];
+                                        _a.label = 1;
+                                    case 1:
+                                        _a.trys.push([1, 3, , 4]);
+                                        return [4 /*yield*/, api.trackEvents(events)];
+                                    case 2:
+                                        _a.sent();
+                                        return [3 /*break*/, 4];
+                                    case 3:
+                                        ex_1 = _a.sent();
+                                        if (events) {
+                                            //put it back since it failed
+                                            this.queue = this.queue.concat(events);
+                                        }
+                                        console.error(ex_1);
+                                        return [3 /*break*/, 4];
+                                    case 4: return [2 /*return*/];
+                                }
+                            });
+                        }); })];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    XyPixel.prototype.send = function (event, fields) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var utm, referrer;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        this.updateFbId();
+                        utm = XyPixel.utmFields().update();
+                        referrer = new Referrer();
+                        this.queue.push(__assign({
+                            cid: this.cid,
+                            create_time: Date.now(),
+                            email_hash: (_a = this.email_hash) !== null && _a !== void 0 ? _a : undefined,
+                            event: event,
+                            exids: this.exids,
+                            fields: fields,
+                            host: document.location.host,
+                            pathname: document.location.pathname,
+                            pixel: this.pixelId,
+                            referrer: referrer.toJson(),
+                            system: getSystemInfo(),
+                            utm: utm,
+                        }));
+                        console.log("Queue: ".concat(JSON.stringify(this.queue, null, 2)));
+                        return [4 /*yield*/, this.tryFlushQueue()];
+                    case 1:
+                        _b.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Object.defineProperty(XyPixel, "instance", {
+        get: function () {
+            return assertEx(this._instance, 'XyPixel uninitialized');
+        },
+        enumerable: false,
+        configurable: true
+    });
+    XyPixel.init = function (pixelId) {
+        this._instance = new XyPixel(pixelId);
+        return this._instance;
+    };
+    XyPixel.selectApi = function (api) {
+        this.api = api;
+    };
+    XyPixel.utmFields = function () {
+        if (XyPixel.utmFieldsObj === undefined) {
+            XyPixel.utmFieldsObj = new UtmFields();
+        }
+        return XyPixel.utmFieldsObj;
+    };
+    XyPixel.api = new PixelApi();
+    return XyPixel;
 }());
 
-var XyUserEventHandler = /** @class */ (function (_super) {
-    __extends(XyUserEventHandler, _super);
-    function XyUserEventHandler() {
-        return _super.call(this) || this;
-    }
-    XyUserEventHandler.prototype.testStarted = function (fields) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, XyPixel.instance.send('TestStarted', fields)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    XyUserEventHandler.prototype.funnelStarted = function (fields) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, XyPixel.instance.send('FunnelStarted', fields)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    XyUserEventHandler.prototype.viewContent = function (fields) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, XyPixel.instance.send('ViewContent', fields)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    XyUserEventHandler.prototype.userClick = function (fields) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, XyPixel.instance.send('ViewPage', fields)];
-                    case 1: return [2 /*return*/, _a.sent()];
-                }
-            });
-        });
-    };
-    return XyUserEventHandler;
+var XyUserEventHandler = /** @class */ (function (_super) {
+    __extends(XyUserEventHandler, _super);
+    function XyUserEventHandler() {
+        return _super.call(this) || this;
+    }
+    XyUserEventHandler.prototype.testStarted = function (fields) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, XyPixel.instance.send('TestStarted', fields)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    XyUserEventHandler.prototype.funnelStarted = function (fields) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, XyPixel.instance.send('FunnelStarted', fields)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    XyUserEventHandler.prototype.viewContent = function (fields) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, XyPixel.instance.send('ViewContent', fields)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    XyUserEventHandler.prototype.userClick = function (fields) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, XyPixel.instance.send('ViewPage', fields)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    return XyUserEventHandler;
 }(UserEventHandler));
 
 export { PixelApi, Referrer, UniqueUserId, UserEventHandler, UtmFields, XyPixel, XyUserEventHandler };