@xylabs/pixel 1.2.5 → 1.3.3

package/dist/esm2017/index.js

@@ -5,232 +5,417 @@ 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';
 
-class Referrer {
-    constructor() {
-        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);
-    }
-    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;
-        }
-    }
-    toJson() {
-        if ((this.local && this.local.length > 0) || (this.session && this.session.length > 0)) {
-            return {
-                local: this.local,
-                session: this.session,
-            };
-        }
-    }
-}
-Referrer.storageId = '_coin_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;
+}());
 
-class UniqueUserId {
-    constructor() {
-        var _a;
-        this.id = (_a = window.localStorage.getItem(UniqueUserId.localStorageId)) !== null && _a !== void 0 ? _a : this.generateId();
-        window.localStorage.setItem(UniqueUserId.localStorageId, this.id);
-    }
-    generateId() {
-        return randomBytes(16).toString('base64');
-    }
-    toString() {
-        return this.id;
-    }
-}
-UniqueUserId.localStorageId = '_coin_cid';
+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;
+}());
 
-class UserEventHandler {
-}
+var UserEventHandler = /** @class */ (function () {
+    function UserEventHandler() {
+    }
+    return UserEventHandler;
+}());
 
-class UtmFields {
-    constructor() {
-        var _a;
-        this.fields = [];
-        this.getUtmRecord = () => {
-            var _a, _b;
-            const record = {};
-            const parsedQueryString = (_b = (_a = document.location.search.split('?')[1]) === null || _a === void 0 ? void 0 : _a.split('&')) !== null && _b !== void 0 ? _b : [];
-            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;
-        };
-        const 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 = [];
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
         }
-        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
-    update() {
-        var _a;
-        const record = this.getUtmRecord();
-        if (record) {
-            if (!isEqual(this.fields[this.fields.length - 1], record)) {
-                this.fields.push(record);
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
             }
-        }
-        return (_a = this.fields) !== null && _a !== void 0 ? _a : undefined;
-    }
-    toString() {
-        return JSON.stringify(this.fields);
+            op = body.call(thisArg, _);
+        } 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 };
     }
 }
-UtmFields.localStorageId = '_coin_utm';
-
-const apiBaseUri = {
-    beta: 'https://pixel.xylabs.com',
-    local: 'http://localhost:3030',
-    prod: 'https://pixel.xylabs.com',
-};
-class PixelApi {
-    /* 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;
+
+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);
     }
-    async trackEvents(events) {
-        return (await axios.post(this.endPoint, events)).data;
+    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;
 }
 
-let systemInfo = undefined;
-const getSystemInfo = () => {
-    try {
-        systemInfo = systemInfo || Bowser.parse(window.navigator.userAgent);
-    }
-    catch (ex) {
-        console.log(`getSystemInfo Error: ${ex}`);
-    }
-    return systemInfo;
+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 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;
+}());
 
-class XyPixel {
-    constructor(pixelId) {
-        this.queue = [];
-        this.cid = new UniqueUserId().id;
-        this.queueMutex = new Mutex();
-        this.pixelId = pixelId;
-    }
-    identify(email) {
-        this.email = email;
-        this.email_hash = email ? md5(email) : undefined;
-    }
-    updateFbId() {
-        var _a;
-        this.exids = Object.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,
-        });
-    }
-    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) {
-                        //put it back since it failed
-                        this.queue = this.queue.concat(events);
-                    }
-                    console.error(ex);
-                }
-            }
-        });
-    }
-    async send(event, fields) {
-        var _a;
-        this.updateFbId();
-        const utm = XyPixel.utmFields().update();
-        const referrer = new Referrer();
-        this.queue.push(Object.assign({
-            cid: this.cid,
-            create_time: Date.now(),
-            email_hash: (_a = this.email_hash) !== null && _a !== void 0 ? _a : undefined,
-            event,
-            exids: this.exids,
-            fields,
-            host: document.location.host,
-            pathname: document.location.pathname,
-            pixel: this.pixelId,
-            referrer: referrer.toJson(),
-            system: getSystemInfo(),
-            utm,
-        }));
-        await this.tryFlushQueue();
-    }
-    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;
-    }
-}
-XyPixel.utmFields = () => {
-    if (XyPixel.utmFieldsObj === undefined) {
-        XyPixel.utmFieldsObj = new UtmFields();
-    }
-    return XyPixel.utmFieldsObj;
-};
-XyPixel.api = new PixelApi();
+var systemInfo = undefined;
+var getSystemInfo = function () {
+    try {
+        systemInfo = systemInfo || parse(window.navigator.userAgent);
+    }
+    catch (ex) {
+        console.log("getSystemInfo Error: ".concat(ex));
+    }
+    return systemInfo;
+};
 
-class XyUserEventHandler extends UserEventHandler {
-    constructor() {
-        super();
-    }
-    async testStarted(fields) {
-        return await XyPixel.instance.send('TestStarted', fields);
-    }
-    async funnelStarted(fields) {
-        return await XyPixel.instance.send('FunnelStarted', fields);
-    }
-    async viewContent(fields) {
-        return await XyPixel.instance.send('ViewContent', fields);
-    }
-    async userClick(fields) {
-        return await XyPixel.instance.send('ViewPage', fields);
-    }
-}
+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;
+}(UserEventHandler));
 
 export { PixelApi, Referrer, UniqueUserId, UserEventHandler, UtmFields, XyPixel, XyUserEventHandler };
 //# sourceMappingURL=index.js.map